工具方法

import React, { Component } from 'react';
import { Route, Switch, Redirect } from 'dva/router';
import { connect } from 'dva';
import { getRoutes } from 'utils/utils';

@connect(({ global }) => ({
  routerData: global.routerData,
}))
export default class RouteIndex extends Component {
  render() {
    const { match, routerData } = this.props;
    const routes = getRoutes(match.path, routerData);
    return (
      <Switch>
        {routes.map(item => (
          <Route key={item.key} path={item.path} component={item.component} exact={item.exact} />
        ))}
        {routes.length > 0 ? (
          <Redirect key={match.path} exact from={match.path} to={routes[0].path} />
        ) : null}
      </Switch>
    );
  }
}

import React from 'react';
import { getRoutesContainsSelf } from 'utils/utils';
import Route from './Route';
import Switch from './Switch';

export default function getTabRoutes({ pane, routerData, NotFound, menu, activeTabKey } = {}) {
  const { key: tabKey, path: tabPath } = pane;
  const matchRoutes = getRoutesContainsSelf(tabKey, routerData).map(item => {
    return <Route key={item.key} path={item.path} exact={item.exact} component={item.component} />;
  });
  return (
    <Switch tabKey={tabKey} activeTabKey={activeTabKey} tabPathname={tabPath} key={tabKey}>
      {matchRoutes}
      {menu.length === 0 ? null : <Route render={NotFound} />}
    </Switch>
  );
}

import { getModuleRouters } from 'utils/utils';
import * as hzeroFrontHagdRouters from 'hzero-front-hagd/lib/utils/router';
export default app =>
  getModuleRouters(app, [
    hzeroFrontHagdRouters,
  ]);

import {resolveRequire} from 'utils/utils';
moment.locale(resolveRequire(antdLocale).locale); // TODO: LocaleProvider 中会设置 moment.locale，为何突然不起作用了?

import { isUrl } from 'utils/utils'

isUrl('https://www.hand-china.com/')
//=> true

import { generateUrlWithGetParam, filterNullValueObject } from 'utils/utils'

const url = 'https://www.hand-china.com/'
const params = { id:1 };
const filterNullQuery = filterNullValueObject(params);
const newUrl = generateUrlWithGetParam(url, filterNullQuery);
// => https://www.hand-china.com/?id=1

import { getUrlParam } from 'utils/utils'

const param = {
      a: 1,
      b: 2,
      c: undefined,
    };
  getUrlParam(param)
    // => ?a=1&b=2

import { extractAccessTokenFromHash } from 'utils/utils'

const token = extractAccessTokenFromHash(window.location.hash);
// => 00000000-0000-0000-0000-000000000000

import { getAccessToken } from 'utils/utils'

getAccessToken();
// => 00000000-0000-0000-0000-000000000000

import { setAccessToken } from 'utils/utils'

const token = '11111111-1111-1111-1111-111111111111'
setAccessToken(token);
getAccessToken();
// => 11111111-1111-1111-1111-111111111111

import { removeAccessToken} from 'utils/utils'

 removeAccessToken();
 getAccessToken();
 // => undefined

import { createPagination } from 'utils/utils'

const res = {
    content: []
    number: 0
    size: 10
    totalElements: 1000
}
const pageSizeOptions = ['11', '20', '50', '100']
createPagination(res,pageSizeOptions)
    // => {
    //   showSizeChanger: true,
    //   pageSizeOptions: ['11', '20', '50', '100'],
    //   current: 1,
    //   pageSize: 10,
    //   total: 1000,
    //   showTotal: function,
    // }

import { addItemToPagination } from 'utils/utils'

    const pagination = {
      showSizeChanger: true,
      pageSizeOptions: ['10', '20', '50', '100'],
      current: 1,
      pageSize: 10,
      total: 1000,
      showTotal: function,
    }
addItemToPagination( 10, pagination)
    // => {
    //   showSizeChanger: true,
    //   pageSizeOptions: [ '11', '20', '50', '100'],
    //   current: 1,
    //   pageSize: 11,
    //   total: 1001,
    //   sourceSize: 10,
    //   showTotal: function,
    // }

import { delItemToPagination } from 'utils/utils'

    const pagination = {
      showSizeChanger: true,
      pageSizeOptions: ['10', '20', '50', '100'],
      current: 1,
      pageSize: 10,
      total: 1000,
      showTotal: function,
    }
delItemToPagination( 10, pagination)
    // => {
    //   showSizeChanger: true,
    //   pageSizeOptions: ['9', '20', '50', '100'],
    //   current: 1,
    //   pageSize: 9,
    //   total: 999,
    //   sourceSize: 10,
    //   showTotal: function,
    // }
...

import { addItemsToPagination } from 'utils/utils'

const pagination = {
      showSizeChanger: true,
      pageSizeOptions: ['10', '20', '50', '100'],
      current: 1,
      pageSize: 10,
      total: 1000,
      showTotal: function,
    }
addItemsToPagination(2, 10, pagination)
    // => {
    //   showSizeChanger: true,
    //   pageSizeOptions: ['12', '20', '50', '100'],
    //   current: 1,
    //   pageSize: 12,
    //   total: 1002,
    //   sourceSize: 10,
    //   showTotal: function,
    // }

import { delItemsToPagination } from 'utils/utils'

const pagination = {
      showSizeChanger: true,
      pageSizeOptions: ['10', '20', '50', '100'],
      current: 1,
      pageSize: 10,
      total: 1000,
      showTotal: function,
    }
delItemsToPagination(2, 10, pagination)
    // => {
    //   showSizeChanger: true,
    //   pageSizeOptions: ['10', '20', '50', '100'],
    //   current: 1,
    //   pageSize: 10,
    //   total: 998,
    //   sourceSize: 10,
    //   showTotal: function,
    // }

import { getCurrentOrganizationId } from 'utils/utils'

getCurrentOrganizationId()
    // => 0

import { getUserOrganizationId } from 'utils/utils'

getUserOrganizationId()
    // => 0

import { getCurrentUserId } from 'utils/utils'

getCurrentUserId()
    // => 0

import { getCurrentUser } from 'utils/utils'

getCurrentUser();
    // => {
    //   id: 0,
    //   ...
    // }

import { getCurrentRole } from 'utils/utils'

getCurrentRole();
    // => {
    //   id: 0,
    //   name: '平台管理员',
    //   level: 'site',
    //   code: 'role/site/default/administrator',
    // }

import { getCurrentTenant } from 'utils/utils'

getCurrentTenant();
    // => {
    //   tenantId: 0,
    //   tenantName: 'HZERO平台',
    //   tenantNum: 'HZERO' ,
    // }

import { isTenantRoleLevel } from 'utils/utils'

isTenantRoleLevel();
    // => true

import { getSession } from 'utils/utils'

getSession(a)
// => false

import { setSession } from 'utils/utils'

setSession('a', 1);
=getSession('a');
    // => 1

import { removeAllCookie } from 'utils/utils'

removeAllCookie();
getAccessToken();
// => undefined

import { getDateFormat } from 'utils/utils'

getDateFormat()
    // => YYYY-MM-DD

import { getDateTimeFormat } from 'utils/utils'

getDateTimeFormat()
    // => YYYY-MM-DD HH:mm:ss

import { getTimeFormat } from 'utils/utils'

getTimeFormat()
    // => HH:mm:ss

import { getTimeZone } from 'utils/utils'

getTimeZone()
    // => GMT+8

import { disabledTime } from 'utils/utils';
disabledTime={() => {
  return {
    disabledHours: () => this.range(0, moment(releaseDateValidator).hours()),
    disabledMinutes: () => this.range(0, moment(releaseDateValidator).minutes()),
    disabledSeconds: () => this.range(0, moment(releaseDateValidator).seconds()),
  };
}}

import { getEditTableData } from 'utils/utils';
...
const validationDataSource = getEditTableData(dataSource, ['id', '_status']);
...

const tree = [{
  type: 'test',
},{
  type: 'not',
}]
mapTree(
      tree,
      (item,parent) => {
        const newType = 'test'
        return {
          ...item,
          type: newType,
        };
      },
      { childrenNullable: true }
    )
  // => [{
//   type: 'test',
// },{
//   type: 'test',
// }]

import { getAttachmentUrl } from 'utils/utils'

<img
  src={
    getAttachmentUrl(
    url,
    'example',
    organizationId
  )}
  alt="logo"
  width="100%"
/>

import { encryptPwd } from 'utils/utils'

encryptPwd('123456', 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAJL0JkqsUoK6kt3JyogsgqNp9VDGDp+t3ZAGMbVoMPdHNT2nfiIVh9ZMNHF7g2XiAa8O8AQWyh2PjMR0NiUSVQMCAwEAAQ==')
// => dxgtAPFCG0XTbvBHYR9C4UGH7wJlBkDJB0SRUCBsv1kCJRxwU0H71fWsZ9+BRZHf/DtWeE31HDjK+g20KZ1zJQ==

import { encryptMd5 } from 'utils/utils'

encryptMd5('123456')
// => MTIzNDU2

...
let obj =new Promise(function() {
    // 这个function内部写的就是具体的异步操作
}
isPromise(obj)
// => true

import { tableScrollWidth } from 'utils/utils';
<Table
  bordered
  rowKey="id"
  columns={columns}
  scroll={{ x: tableScrollWidth(columns) }}
/>

import { filterNullValueObject } from 'utils/utils'

const obj = {
    a: 1,
    b: '2',
    c: undefined,
    d: '',
    e: [],
    f: null,
    }
filterNullValueObject(obj)
    // => {
    //   a: 1,
    //   b: '2',
    // }

import { parseParameter } from 'utils/utils'

const pagination = {
      showSizeChanger: true,
      current: 1,
      pageSize: 10,
      total: 1000,
    }
const sort ={
      field: 'a',
      order: 'ascend',
    }
const params={
      id: 1
}
parseParameter({ page: pagination, body: params })
    // => {
    //   page: 0,
    //   size: 10,
    //   id: 1,
    //   sort: "a,asc"
    // }

import { parseParameters } from 'utils/utils'

const pagination = {
      showSizeChanger: true,
      pageSizeOptions: [ '11', '20', '50', '100'],
      current: 1,
      pageSize: 11
      total: 1001,
      sourceSize: 10,
    }
const sort ={
      field: 'a',
      order: 'descend',
    }
const params={
      id: 1
}
parseParameters({ page: pagination, sort, ...params })
    // => {
    //   id: 1,
    //   page: 0,
    //   size: 11,
    //   sort: "a,desc"
    // }

import { getResponse } from 'utils/utils'

const response = {
    a: 1,
    b: 2,
    }
getResponse(response)
    // => {
    //   a: 1,
    //   b: 2,
    // }

const response = {
    a: 1,
    b: 2,
    falied: true,
    }
getResponse(response)
    // => undefined

import { listenDownloadError } from 'utils/utils'

// 监听导出错误时 postMessage 事件
listenDownloadError(
  'downloadError',
  intl.get('hzero.common.notification.export.error').d('导出异常')
);

import { getCodeMeaning } from 'utils/utils'

const code=[
  {value: "default", meaning: "预定义"},
  {value: "custom", meaning: "自定义"}
  ]
getCodeMeaning( 'default', code )
    // => 预定义

import { getCurrentLanguage } from 'utils/utils'

getCurrentLanguage()
    // => zh_CN

import { getPlatformVersionApi, parseParameters } from 'utils/utils';
export async function queryClause(params) {
  const param = parseParameters(params);
  return request(`${HZERO_PLATFORM}/v1/${getPlatformVersionApi('dashboard-clause')}`, {
    method: 'GET',
    query: param,
  });
}

import { newArray } from 'utils/utils';
console.log(newArray(2, 5)); // [2, 3, 4]

import { getRefFormData } from 'utils/utils';
const params = getRefFormData(this.filterFormRef);