Skip to content

GitLab

A
ant-design-pro
Commit 8cf518a8 authored by 愚道's avatar 愚道 Committed by 偏右
Browse files
Options

use airbnb eslint config and fix some rule

parent fc9c88a1
Hide whitespace changes
Inline Side-by-side
Showing with 376 additions and 416 deletions
.eslintignore
View file @ 8cf518a8
/functions/mock
\ No newline at end of file
/functions/mock
.eslintrc.js
View file @ 8cf518a8
module.exports = {
extends: ['eslint-config-umi', 'prettier'],
parser: 'babel-eslint',
extends: ['airbnb', 'prettier'],
env: {
browser: true,
node: true,
......@@ -9,8 +10,20 @@ module.exports = {
jasmine: true,
},
rules: {
'jsx-a11y/href-no-hash': [0],
'react/sort-comp': 1,
'react/jsx-filename-extension': [1, { extensions: ['.js'] }],
'import/no-unresolved': 0,
'jsx-a11y/anchor-is-valid': 0,
'react/jsx-wrap-multilines': 0,
'import/no-extraneous-dependencies': 0,
'consistent-return': 0,
'import/no-extraneous-dependencies': 0,
'react/prop-types': 0,
'jsx-a11y/click-events-have-key-events': 0,
'jsx-a11y/no-static-element-interactions': 0,
'react/prefer-stateless-function': 0,
'jsx-a11y/no-noninteractive-element-interactions': 0,
'react/forbid-prop-types': 0,
'react/jsx-one-expression-per-line': 0,
},
settings: {
polyfills: ['fetch', 'promises'],
......
src/components/Authorized/CheckPermissions.js
View file @ 8cf518a8
......@@ -82,8 +82,7 @@ const checkPermissions = (authority, currentAuthority, target, Exception) => {
export { checkPermissions };
const check = (authority, target, Exception) => {
return checkPermissions(authority, CURRENT, target, Exception);
};
const check = (authority, target, Exception) =>
checkPermissions(authority, CURRENT, target, Exception);
export default check;
src/components/Authorized/CheckPermissions.test.js
View file @ 8cf518a8
import { checkPermissions } from './CheckPermissions.js';
import { checkPermissions } from './CheckPermissions';
const target = 'ok';
const error = 'error';
......
src/components/Authorized/index.js
View file @ 8cf518a8
import Authorized from './Authorized';
import AuthorizedRoute from './AuthorizedRoute';
import Secured from './Secured';
import check from './CheckPermissions.js';
import check from './CheckPermissions';
import renderAuthorize from './renderAuthorize';
Authorized.Secured = Secured;
......
src/components/Authorized/renderAuthorize.js
View file @ 8cf518a8
......@@ -4,23 +4,21 @@ let CURRENT = 'NULL';
* use authority or getAuthority
* @param {string|()=>String} currentAuthority
*/
const renderAuthorize = Authorized => {
return currentAuthority => {
if (currentAuthority) {
if (currentAuthority.constructor.name === 'Function') {
CURRENT = currentAuthority();
}
if (
currentAuthority.constructor.name === 'String' ||
currentAuthority.constructor.name === 'Array'
) {
CURRENT = currentAuthority;
}
} else {
CURRENT = 'NULL';
const renderAuthorize = Authorized => currentAuthority => {
if (currentAuthority) {
if (currentAuthority.constructor.name === 'Function') {
CURRENT = currentAuthority();
}
return Authorized;
};
if (
currentAuthority.constructor.name === 'String' ||
currentAuthority.constructor.name === 'Array'
) {
CURRENT = currentAuthority;
}
} else {
CURRENT = 'NULL';
}
return Authorized;
};
export { CURRENT };
......
src/components/Charts/Gauge/index.js
View file @ 8cf518a8
......@@ -142,15 +142,13 @@ export default class Gauge extends React.Component {
/>
<Html
position={['50%', '95%']}
html={() => {
return `
html={() => `
<div style="width: 300px;text-align: center;font-size: 12px!important;">
<p style="font-size: 14px; color: rgba(0,0,0,0.43);margin: 0;">${title}</p>
<p style="font-size: 24px;color: rgba(0,0,0,0.85);margin: 0;">
${data[0].value * 10}%
</p>
</div>`;
}}
</div>`}
/>
</Guide>
<Geom
......
src/components/Charts/Pie/index.js
View file @ 8cf518a8
......@@ -172,9 +172,8 @@ export default class Pie extends Component {
formatColor = value => {
if (value === '占比') {
return color || 'rgba(24, 144, 255, 0.85)';
} else {
return '#F0F2F5';
}
return '#F0F2F5';
};
data = [
......@@ -257,7 +256,7 @@ export default class Pie extends Component {
<span className={styles.legendTitle}>{item.x}</span>
<Divider type="vertical" />
<span className={styles.percent}>
{`${(isNaN(item.percent) ? 0 : item.percent * 100).toFixed(2)}%`}
{`${(Number.isNaN(item.percent) ? 0 : item.percent * 100).toFixed(2)}%`}
</span>
<span className={styles.value}>{valueFormat ? valueFormat(item.y) : item.y}</span>
</li>
......
src/components/Charts/autoHeight.js
View file @ 8cf518a8
......@@ -30,8 +30,8 @@ function getAutoHeight(n) {
return height;
}
const autoHeight = () => WrappedComponent => {
return class extends React.Component {
const autoHeight = () => WrappedComponent =>
class extends React.Component {
state = {
computedHeight: 0,
};
......@@ -58,6 +58,5 @@ const autoHeight = () => WrappedComponent => {
);
}
};
};
export default autoHeight;
src/components/CountDown/index.js
View file @ 8cf518a8
......@@ -23,6 +23,9 @@ const initTime = props => {
};
class CountDown extends Component {
timer = 0;
interval = 1000;
constructor(props) {
super(props);
......@@ -58,10 +61,6 @@ class CountDown extends Component {
clearTimeout(this.timer);
}
timer = 0;
interval = 1000;
// defaultFormat = time => (
// <span>{moment(time).format('hh:mm:ss')}</span>
// );
......@@ -74,11 +73,7 @@ class CountDown extends Component {
const s = Math.floor((time - h * hours - m * minutes) / 1000);
return (
<span>
{fixedZero(h)}
:
{fixedZero(m)}
:
{fixedZero(s)}
{fixedZero(h)}:{fixedZero(m)}:{fixedZero(s)}
</span>
);
};
......
src/components/Ellipsis/index.js
View file @ 8cf518a8
......@@ -13,16 +13,14 @@ const TooltipOverlayStyle = {
wordWrap: 'break-word',
};
export const getStrFullLength = (str = '') => {
return str.split('').reduce((pre, cur) => {
export const getStrFullLength = (str = '') =>
str.split('').reduce((pre, cur) => {
const charCode = cur.charCodeAt(0);
if (charCode >= 0 && charCode <= 128) {
return pre + 1;
} else {
return pre + 2;
}
return pre + 2;
}, 0);
};
export const cutStrByFullLength = (str = '', maxLength) => {
let showLength = 0;
......@@ -35,9 +33,8 @@ export const cutStrByFullLength = (str = '', maxLength) => {
}
if (showLength <= maxLength) {
return pre + cur;
} else {
return pre;
}
return pre;
}, '');
};
......@@ -139,29 +136,26 @@ export default class Ellipsis extends Component {
sh = shadowNode.offsetHeight;
if (sh > th || mid === begin) {
return mid;
} else {
begin = mid;
if (end - begin === 1) {
mid = 1 + begin;
} else {
mid = Math.floor((end - begin) / 2) + begin;
}
return this.bisection(th, mid, begin, end, text, shadowNode);
}
} else {
if (mid - 1 < 0) {
return mid;
}
shadowNode.innerHTML = text.substring(0, mid - 1) + suffix;
sh = shadowNode.offsetHeight;
if (sh <= th) {
return mid - 1;
begin = mid;
if (end - begin === 1) {
mid = 1 + begin;
} else {
end = mid;
mid = Math.floor((end - begin) / 2) + begin;
return this.bisection(th, mid, begin, end, text, shadowNode);
}
return this.bisection(th, mid, begin, end, text, shadowNode);
}
if (mid - 1 < 0) {
return mid;
}
shadowNode.innerHTML = text.substring(0, mid - 1) + suffix;
sh = shadowNode.offsetHeight;
if (sh <= th) {
return mid - 1;
}
end = mid;
mid = Math.floor((end - begin) / 2) + begin;
return this.bisection(th, mid, begin, end, text, shadowNode);
};
handleRoot = n => {
......
src/components/Ellipsis/index.test.js
View file @ 8cf518a8
import { getStrFullLength, cutStrByFullLength } from './index.js';
import { getStrFullLength, cutStrByFullLength } from './index';
describe('test calculateShowLength', () => {
it('get full length', () => {
......
src/components/Exception/index.js
View file @ 8cf518a8
......@@ -8,10 +8,12 @@ class Excrption extends React.PureComponent {
static defaultProps = {
backText: 'back to home',
};
constructor(props) {
super(props);
this.state = {};
}
render() {
const {
className,
......
src/components/Login/LoginItem.js
View file @ 8cf518a8
......@@ -122,22 +122,20 @@ class WarpFormItem extends Component {
const LoginItem = {};
Object.keys(ItemMap).forEach(key => {
const item = ItemMap[key];
LoginItem[key] = props => {
return (
<LoginContext.Consumer>
{context => (
<WarpFormItem
customprops={item.props}
{...props}
rules={item.rules}
type={key}
updateActive={context.updateActive}
form={context.form}
/>
)}
</LoginContext.Consumer>
);
};
LoginItem[key] = props => (
<LoginContext.Consumer>
{context => (
<WarpFormItem
customprops={item.props}
{...props}
rules={item.rules}
type={key}
updateActive={context.updateActive}
form={context.form}
/>
)}
</LoginContext.Consumer>
);
});
export default LoginItem;
src/components/Login/LoginTab.js
View file @ 8cf518a8
......@@ -29,15 +29,11 @@ class LoginTab extends Component {
}
}
const warpContext = props => {
return (
<LoginContext.Consumer>
{value => {
return <LoginTab tabUtil={value.tabUtil} {...props} />;
}}
</LoginContext.Consumer>
);
};
const warpContext = props => (
<LoginContext.Consumer>
{value => <LoginTab tabUtil={value.tabUtil} {...props} />}
</LoginContext.Consumer>
);
// 标志位 用来判断是不是自定义组件
warpContext.typeName = 'LoginTab';
......
src/components/NoticeIcon/NoticeList.js
View file @ 8cf518a8
......@@ -28,6 +28,7 @@ export default function NoticeList({
const itemCls = classNames(styles.item, {
[styles.read]: item.read,
});
// eslint-disable-next-line no-nested-ternary
const leftIcon = item.avatar ? (
typeof item.avatar === 'string' ? (
<Avatar className={styles.avatar} src={item.avatar} />
......
src/components/PageHeader/index.test.js
View file @ 8cf518a8
......@@ -26,22 +26,18 @@ describe('test getBreadcrumb', () => {
expect(getBreadcrumb(routerData, '/userinfo/2144/addr').name).toEqual('收货订单');
});
it('Loop through the parameters', () => {
const urlNameList = urlToList('/userinfo/2144/addr').map(url => {
return getBreadcrumb(routerData, url).name;
});
const urlNameList = urlToList('/userinfo/2144/addr').map(
url => getBreadcrumb(routerData, url).name
);
expect(urlNameList).toEqual(['用户列表', '用户信息', '收货订单']);
});
it('a path', () => {
const urlNameList = urlToList('/userinfo').map(url => {
return getBreadcrumb(routerData, url).name;
});
const urlNameList = urlToList('/userinfo').map(url => getBreadcrumb(routerData, url).name);
expect(urlNameList).toEqual(['用户列表']);
});
it('Secondary path', () => {
const urlNameList = urlToList('/userinfo/2144').map(url => {
return getBreadcrumb(routerData, url).name;
});
const urlNameList = urlToList('/userinfo/2144').map(url => getBreadcrumb(routerData, url).name);
expect(urlNameList).toEqual(['用户列表', '用户信息']);
});
});
src/components/SettingDrawer/BlockChecbox.js
View file @ 8cf518a8
......@@ -2,32 +2,28 @@ import { Icon } from 'antd';
import React from 'react';
import style from './index.less';
const BlockChecbox = ({ value, onChange, list }) => {
return (
<div className={style.blockChecbox} key={value}>
{list.map(item => {
return (
<div
key={item.key}
className={style.item}
onClick={() => {
onChange(item.key);
}}
>
<img src={item.url} alt={item.key} />
<div
className={style.selectIcon}
style={{
display: value === item.key ? 'block' : 'none',
}}
>
<Icon type="check" />
</div>
</div>
);
})}
</div>
);
};
const BlockChecbox = ({ value, onChange, list }) => (
<div className={style.blockChecbox} key={value}>
{list.map(item => (
<div
key={item.key}
className={style.item}
onClick={() => {
onChange(item.key);
}}
>
<img src={item.url} alt={item.key} />
<div
className={style.selectIcon}
style={{
display: value === item.key ? 'block' : 'none',
}}
>
<Icon type="check" />
</div>
</div>
))}
</div>
);
export default BlockChecbox;
src/components/SettingDrawer/ThemeColor.js
View file @ 8cf518a8
......@@ -2,18 +2,16 @@ import { Icon } from 'antd';
import React from 'react';
import styles from './ThemeColor.less';
const Tag = ({ color, check, ...rest }) => {
return (
<div
{...rest}
style={{
backgroundColor: color,
}}
>
{check ? <Icon type="check" /> : ''}
</div>
);
};
const Tag = ({ color, check, ...rest }) => (
<div
{...rest}
style={{
backgroundColor: color,
}}
>
{check ? <Icon type="check" /> : ''}
</div>
);
const ThemeColor = ({ colors, title, value, onChange }) => {
let colorList = colors;
......@@ -33,17 +31,15 @@ const ThemeColor = ({ colors, title, value, onChange }) => {
<div className={styles.themeColor}>
<h3 className={styles.title}>{title}</h3>
<div className={styles.content}>
{colorList.map(color => {
return (
<Tag
className={styles.colorBlock}
key={color}
color={color}
check={value === color}
onClick={() => onChange && onChange(color)}
/>
);
})}
{colorList.map(color => (
<Tag
className={styles.colorBlock}
key={color}
color={color}
check={value === color}
onClick={() => onChange && onChange(color)}
/>
))}
</div>
</div>
);
......
src/components/SettingDrawer/index.js
View file @ 8cf518a8
......@@ -76,9 +76,7 @@ class SettingDrawer extends PureComponent {
/>,
],
},
].filter(item => {
return !item.hide;
});
].filter(item => !item.hide);
};
changeSetting = (key, value) => {
......
src/components/SiderMenu/BaseMenu.js
View file @ 8cf518a8
......@@ -22,11 +22,8 @@ const getIcon = icon => {
return icon;
};
export const getMenuMatches = (flatMenuKeys, path) => {
return flatMenuKeys.filter(item => {
return pathToRegexp(item).test(path);
});
};
export const getMenuMatches = (flatMenuKeys, path) =>
flatMenuKeys.filter(item => pathToRegexp(item).test(path));
export default class BaseMenu extends PureComponent {
constructor(props) {
......@@ -100,9 +97,8 @@ export default class BaseMenu extends PureComponent {
{this.getNavMenuItems(item.children)}
</SubMenu>
);
} else {
return <Menu.Item key={item.path}>{this.getMenuItemPath(item)}</Menu.Item>;
}
return <Menu.Item key={item.path}>{this.getMenuItemPath(item)}</Menu.Item>;
};
/**
......@@ -143,6 +139,7 @@ export default class BaseMenu extends PureComponent {
</Link>
);
};
// permission to check
checkPermissionItem = (authority, ItemDom) => {
const { Authorized } = this.props;
......@@ -156,9 +153,8 @@ export default class BaseMenu extends PureComponent {
conversionPath = path => {
if (path && path.indexOf('http') === 0) {
return path;
} else {
return `/${path || ''}`.replace(/\/+/g, '/');
}
return `/${path || ''}`.replace(/\/+/g, '/');
};
render() {
......
src/components/SiderMenu/SliderMenu.js
View file @ 8cf518a8
......@@ -18,9 +18,7 @@ const getDefaultCollapsedSubMenus = props => {
flatMenuKeys,
} = props;
return urlToList(pathname)
.map(item => {
return getMenuMatches(flatMenuKeys, item)[0];
})
.map(item => getMenuMatches(flatMenuKeys, item)[0])
.filter(item => item);
};
......@@ -69,6 +67,7 @@ export default class SiderMenu extends PureComponent {
}
return null;
}
isMainMenu = key => {
const { menuData } = this.props;
return menuData.some(item => {
......@@ -78,12 +77,14 @@ export default class SiderMenu extends PureComponent {
return false;
});
};
handleOpenChange = openKeys => {
const moreThanOne = openKeys.filter(openKey => this.isMainMenu(openKey)).length > 1;
this.setState({
openKeys: moreThanOne ? [openKeys.pop()] : [...openKeys],
});
};
render() {
const { logo, collapsed, onCollapse, fixSiderbar, theme } = this.props;
const { openKeys } = this.state;
......
src/components/StandardTable/index.js
View file @ 8cf518a8
......@@ -38,14 +38,10 @@ class StandardTable extends PureComponent {
handleRowSelectChange = (selectedRowKeys, selectedRows) => {
let { needTotalList } = this.state;
needTotalList = needTotalList.map(item => {
return {
...item,
total: selectedRows.reduce((sum, val) => {
return sum + parseFloat(val[item.dataIndex], 10);
}, 0),
};
});
needTotalList = needTotalList.map(item => ({
...item,
total: selectedRows.reduce((sum, val) => sum + parseFloat(val[item.dataIndex], 10), 0),
}));
const { onSelectRow } = this.props;
if (onSelectRow) {
onSelectRow(selectedRows);
......
src/components/TagSelect/index.js
View file @ 8cf518a8
......@@ -18,6 +18,7 @@ class TagSelect extends Component {
static defaultProps = {
hideCheckAll: false,
};
constructor(props) {
super(props);
this.state = {
......@@ -80,13 +81,10 @@ class TagSelect extends Component {
});
};
isTagSelectOption = node => {
return (
node &&
node.type &&
(node.type.isTagSelectOption || node.type.displayName === 'TagSelectOption')
);
};
isTagSelectOption = node =>
node &&
node.type &&
(node.type.isTagSelectOption || node.type.displayName === 'TagSelectOption');
render() {
const { value, expand } = this.state;
......
src/components/_utils/pathTools.js
View file @ 8cf518a8
// /userinfo/2144/id => ['/userinfo','/useinfo/2144,'/userindo/2144/id']
// eslint-disable-next-line import/prefer-default-export
export function urlToList(url) {
const urllist = url.split('/').filter(i => i);
return urllist.map((urlItem, index) => {
return `/${urllist.slice(0, index + 1).join('/')}`;
});
return urllist.map((urlItem, index) => `/${urllist.slice(0, index + 1).join('/')}`);
}
src/layouts/BasicLayout.js
View file @ 8cf518a8
......@@ -174,6 +174,7 @@ class BasicLayout extends React.PureComponent {
children,
location: { pathname },
} = this.props;
const { rendering } = this.state;
const isTop = PropsLayout === 'topmenu';
const layout = (
<Layout>
......@@ -209,7 +210,7 @@ class BasicLayout extends React.PureComponent {
)}
</ContainerQuery>
</DocumentTitle>
{this.state.rendering && process.env.NODE_ENV === 'production' ? null : ( // Do show SettingDrawer in production
{rendering && process.env.NODE_ENV === 'production' ? null : ( // Do show SettingDrawer in production
<SettingDrawer />
)}
</React.Fragment>
......
src/layouts/Header.js
View file @ 8cf518a8
......@@ -71,7 +71,7 @@ class HeaderView extends PureComponent {
}
};
handScroll = e => {
handScroll = () => {
const { autoHideHeader } = this.props;
const { visible } = this.state;
if (!autoHideHeader) {
......@@ -99,7 +99,6 @@ class HeaderView extends PureComponent {
}
this.oldScrollTop = scrollTop;
this.ticking = false;
return;
});
}
this.ticking = false;
......
src/layouts/PageHeaderLayout.js
View file @ 8cf518a8
......@@ -2,33 +2,31 @@ import React from 'react';
import { FormattedMessage } from 'umi/locale';
import Link from 'umi/link';
import PageHeader from '@/components/PageHeader';
import { connect } from 'dva';
import GridContent from './GridContent';
import styles from './PageHeaderLayout.less';
import MenuContext from './MenuContext';
import { connect } from 'dva';
const PageHeaderLayout = ({ children, grid, wrapperClassName, top, ...restProps }) => (
<div style={{ margin: '-24px -24px 0' }} className={wrapperClassName}>
{top}
<MenuContext.Consumer>
{value => {
return (
<PageHeader
wide={grid === 'Wide'}
home={<FormattedMessage id="menu.home" defaultMessage="Home" />}
{...value}
key="pageheader"
{...restProps}
linkElement={Link}
itemRender={item => {
if (item.locale) {
return <FormattedMessage id={item.locale} defaultMessage={item.name} />;
}
return item.name;
}}
/>
);
}}
{value => (
<PageHeader
wide={grid === 'Wide'}
home={<FormattedMessage id="menu.home" defaultMessage="Home" />}
{...value}
key="pageheader"
{...restProps}
linkElement={Link}
itemRender={item => {
if (item.locale) {
return <FormattedMessage id={item.locale} defaultMessage={item.name} />;
}
return item.name;
}}
/>
)}
</MenuContext.Consumer>
{children ? (
<div className={styles.content}>
......
src/pages/Account/Center/Articles.js
View file @ 8cf518a8
......@@ -24,7 +24,8 @@ export default class Center extends PureComponent {
<div className={stylesArticles.description}>{content}</div>
<div className={stylesArticles.extra}>
<Avatar src={avatar} size="small" />
<a href={href}>{owner}</a> 发布在 <a href={href}>{href}</a>
<a href={href}>{owner}</a> 发布在
<a href={href}>{href}</a>
<em>{moment(updatedAt).format('YYYY-MM-DD HH:mm')}</em>
</div>
</div>
......
src/pages/Account/Settings/BindingView.js
View file @ 8cf518a8
......@@ -3,40 +3,38 @@ import { formatMessage, FormattedMessage } from 'umi/locale';
import { Icon, List } from 'antd';
class BindingView extends Component {
getData = () => {
return [
{
title: formatMessage({ id: 'app.settings.binding.taobao' }, {}),
description: formatMessage({ id: 'app.settings.binding.taobao-description' }, {}),
actions: [
<a>
<FormattedMessage id="app.settings.binding.bind" defaultMessage="Bind" />
</a>,
],
avatar: <Icon type="taobao" className="taobao" />,
},
{
title: formatMessage({ id: 'app.settings.binding.alipay' }, {}),
description: formatMessage({ id: 'app.settings.binding.alipay-description' }, {}),
actions: [
<a>
<FormattedMessage id="app.settings.binding.bind" defaultMessage="Bind" />
</a>,
],
avatar: <Icon type="alipay" className="alipay" />,
},
{
title: formatMessage({ id: 'app.settings.binding.dingding' }, {}),
description: formatMessage({ id: 'app.settings.binding.dingding-description' }, {}),
actions: [
<a>
<FormattedMessage id="app.settings.binding.bind" defaultMessage="Bind" />
</a>,
],
avatar: <Icon type="dingding" className="dingding" />,
},
];
};
getData = () => [
{
title: formatMessage({ id: 'app.settings.binding.taobao' }, {}),
description: formatMessage({ id: 'app.settings.binding.taobao-description' }, {}),
actions: [
<a>
<FormattedMessage id="app.settings.binding.bind" defaultMessage="Bind" />
</a>,
],
avatar: <Icon type="taobao" className="taobao" />,
},
{
title: formatMessage({ id: 'app.settings.binding.alipay' }, {}),
description: formatMessage({ id: 'app.settings.binding.alipay-description' }, {}),
actions: [
<a>
<FormattedMessage id="app.settings.binding.bind" defaultMessage="Bind" />
</a>,
],
avatar: <Icon type="alipay" className="alipay" />,
},
{
title: formatMessage({ id: 'app.settings.binding.dingding' }, {}),
description: formatMessage({ id: 'app.settings.binding.dingding-description' }, {}),
actions: [
<a>
<FormattedMessage id="app.settings.binding.bind" defaultMessage="Bind" />
</a>,
],
avatar: <Icon type="dingding" className="dingding" />,
},
];
render() {
return (
......
src/pages/Account/Settings/GeographicView.js
View file @ 8cf518a8
......@@ -55,13 +55,11 @@ export default class GeographicView extends PureComponent {
</Option>
);
}
return list.map(item => {
return (
<Option key={item.id} value={item.id}>
{item.name}
</Option>
);
});
return list.map(item => (
<Option key={item.id} value={item.id}>
{item.name}
</Option>
));
};
selectProvinceItem = item => {
......
src/pages/Account/Settings/SecurityView.js
View file @ 8cf518a8
......@@ -23,66 +23,64 @@ const passwordStrength = {
};
class SecurityView extends Component {
getData = () => {
return [
{
title: formatMessage({ id: 'app.settings.security.password' }, {}),
description: (
<Fragment>
{formatMessage({ id: 'app.settings.security.password-description' }, {})}：
{passwordStrength.strong}
</Fragment>
),
actions: [
<a>
<FormattedMessage id="app.settings.security.modify" defaultMessage="Modify" />
</a>,
],
},
{
title: formatMessage({ id: 'app.settings.security.phone' }, {}),
description: `${formatMessage(
{ id: 'app.settings.security.phone-description' },
{}
)}：138****8293`,
actions: [
<a>
<FormattedMessage id="app.settings.security.modify" defaultMessage="Modify" />
</a>,
],
},
{
title: formatMessage({ id: 'app.settings.security.question' }, {}),
description: formatMessage({ id: 'app.settings.security.question-description' }, {}),
actions: [
<a>
<FormattedMessage id="app.settings.security.set" defaultMessage="Set" />
</a>,
],
},
{
title: formatMessage({ id: 'app.settings.security.email' }, {}),
description: `${formatMessage(
{ id: 'app.settings.security.email-description' },
{}
)}：ant***sign.com`,
actions: [
<a>
<FormattedMessage id="app.settings.security.modify" defaultMessage="Modify" />
</a>,
],
},
{
title: formatMessage({ id: 'app.settings.security.mfa' }, {}),
description: formatMessage({ id: 'app.settings.security.mfa-description' }, {}),
actions: [
<a>
<FormattedMessage id="app.settings.security.bind" defaultMessage="Bind" />
</a>,
],
},
];
};
getData = () => [
{
title: formatMessage({ id: 'app.settings.security.password' }, {}),
description: (
<Fragment>
{formatMessage({ id: 'app.settings.security.password-description' }, {})}：
{passwordStrength.strong}
</Fragment>
),
actions: [
<a>
<FormattedMessage id="app.settings.security.modify" defaultMessage="Modify" />
</a>,
],
},
{
title: formatMessage({ id: 'app.settings.security.phone' }, {}),
description: `${formatMessage(
{ id: 'app.settings.security.phone-description' },
{}
)}：138****8293`,
actions: [
<a>
<FormattedMessage id="app.settings.security.modify" defaultMessage="Modify" />
</a>,
],
},
{
title: formatMessage({ id: 'app.settings.security.question' }, {}),
description: formatMessage({ id: 'app.settings.security.question-description' }, {}),
actions: [
<a>
<FormattedMessage id="app.settings.security.set" defaultMessage="Set" />
</a>,
],
},
{
title: formatMessage({ id: 'app.settings.security.email' }, {}),
description: `${formatMessage(
{ id: 'app.settings.security.email-description' },
{}
)}：ant***sign.com`,
actions: [
<a>
<FormattedMessage id="app.settings.security.modify" defaultMessage="Modify" />
</a>,
],
},
{
title: formatMessage({ id: 'app.settings.security.mfa' }, {}),
description: formatMessage({ id: 'app.settings.security.mfa-description' }, {}),
actions: [
<a>
<FormattedMessage id="app.settings.security.bind" defaultMessage="Bind" />
</a>,
],
},
];
render() {
return (
......
src/pages/Dashboard/Analysis.js
View file @ 8cf518a8
......@@ -157,13 +157,12 @@ class Analysis extends Component {
salesTypeDataOffline,
} = chart;
const loading = propsLoding || stateLoading;
const salesPieData =
salesType === 'all'
? salesTypeData
: salesType === 'online'
? salesTypeDataOnline
: salesTypeDataOffline;
let salesPieData;
if (salesType === 'all') {
salesPieData = salesTypeData;
} else {
salesPieData = salesType === 'online' ? salesTypeDataOnline : salesTypeDataOffline;
}
const menu = (
<Menu>
<Menu.Item>操作一</Menu.Item>
......
src/pages/Dashboard/Workplace.js
View file @ 8cf518a8
......@@ -124,9 +124,13 @@ export default class Workplace extends PureComponent {
<Avatar size="large" src={currentUser.avatar} />
</div>
<div className={styles.content}>
<div className={styles.contentTitle}>早安，{currentUser.name}，祝你开心每一天！</div>
<div className={styles.contentTitle}>
早安，
{currentUser.name}
，祝你开心每一天！
</div>
<div>
{currentUser.title} | {currentUser.group}
{currentUser.title} |{currentUser.group}
</div>
</div>
</div>
......@@ -141,8 +145,7 @@ export default class Workplace extends PureComponent {
<div className={styles.statItem}>
<p>团队内排名</p>
<p>
8
<span> / 24</span>
8<span> / 24</span>
</p>
</div>
<div className={styles.statItem}>
......
src/pages/Forms/TableForm.js
View file @ 8cf518a8
......@@ -4,6 +4,9 @@ import isEqual from 'lodash.isequal';
import styles from './style.less';
export default class TableForm extends PureComponent {
index = 0;
cacheOriginData = {};
constructor(props) {
super(props);
......@@ -26,10 +29,6 @@ export default class TableForm extends PureComponent {
};
}
index = 0;
cacheOriginData = {};
getRowByKey(key, newData) {
const { data } = this.state;
return (newData || data).filter(item => item.key === key)[0];
......@@ -244,9 +243,7 @@ export default class TableForm extends PureComponent {
columns={columns}
dataSource={data}
pagination={false}
rowClassName={record => {
return record.editable ? styles.editable : '';
}}
rowClassName={record => (record.editable ? styles.editable : '')}
/>
<Button
style={{ width: '100%', marginTop: 16, marginBottom: 8 }}
......
src/pages/List/BasicList.js
View file @ 8cf518a8
......@@ -38,9 +38,13 @@ const { Search, TextArea } = Input;
}))
@Form.create()
export default class BasicList extends PureComponent {
state = { visible: false, done: false };
formLayout = {
labelCol: { span: 7 },
wrapperCol: { span: 13 },
};
componentDidMount() {
const { dispatch } = this.props;
dispatch({
......@@ -51,11 +55,6 @@ export default class BasicList extends PureComponent {
});
}
formLayout = {
labelCol: { span: 7 },
wrapperCol: { span: 13 },
};
showModal = () => {
this.setState({
visible: true,
......
src/pages/List/TableList.js
View file @ 8cf518a8
......@@ -66,6 +66,67 @@ const CreateForm = Form.create()(props => {
@Form.create()
class UpdateForm extends PureComponent {
columns = [
{
title: '规则名称',
dataIndex: 'name',
},
{
title: '描述',
dataIndex: 'desc',
},
{
title: '服务调用次数',
dataIndex: 'callNo',
sorter: true,
align: 'right',
render: val => `${val} 万`,
// mark to display a total number
needTotal: true,
},
{
title: '状态',
dataIndex: 'status',
filters: [
{
text: status[0],
value: 0,
},
{
text: status[1],
value: 1,
},
{
text: status[2],
value: 2,
},
{
text: status[3],
value: 3,
},
],
render(val) {
return <Badge status={statusMap[val]} text={status[val]} />;
},
},
{
title: '上次调度时间',
dataIndex: 'updatedAt',
sorter: true,
render: val => <span>{moment(val).format('YYYY-MM-DD HH:mm:ss')}</span>,
},
{
title: '操作',
render: (text, record) => (
<Fragment>
<a onClick={() => this.handleUpdateModalVisible(true, record)}>配置</a>
<Divider type="vertical" />
<a href="">订阅警报</a>
</Fragment>
),
},
];
constructor(props) {
super(props);
......@@ -288,67 +349,6 @@ export default class TableList extends PureComponent {
});
}
columns = [
{
title: '规则名称',
dataIndex: 'name',
},
{
title: '描述',
dataIndex: 'desc',
},
{
title: '服务调用次数',
dataIndex: 'callNo',
sorter: true,
align: 'right',
render: val => `${val} 万`,
// mark to display a total number
needTotal: true,
},
{
title: '状态',
dataIndex: 'status',
filters: [
{
text: status[0],
value: 0,
},
{
text: status[1],
value: 1,
},
{
text: status[2],
value: 2,
},
{
text: status[3],
value: 3,
},
],
render(val) {
return <Badge status={statusMap[val]} text={status[val]} />;
},
},
{
title: '上次调度时间',
dataIndex: 'updatedAt',
sorter: true,
render: val => <span>{moment(val).format('YYYY-MM-DD HH:mm:ss')}</span>,
},
{
title: '操作',
render: (text, record) => (
<Fragment>
<a onClick={() => this.handleUpdateModalVisible(true, record)}>配置</a>
<Divider type="vertical" />
<a href="">订阅警报</a>
</Fragment>
),
},
];
handleStandardTableChange = (pagination, filtersArg, sorter) => {
const { dispatch } = this.props;
const { formValues } = this.state;
......
src/pages/User/Login.js
View file @ 8cf518a8
......@@ -21,8 +21,8 @@ export default class LoginPage extends Component {
this.setState({ type });
};
onGetCaptcha = () => {
return new Promise((resolve, reject) => {
onGetCaptcha = () =>
new Promise((resolve, reject) => {
this.loginForm.validateFields(['mobile'], {}, (err, values) => {
if (err) {
reject(err);
......@@ -37,7 +37,6 @@ export default class LoginPage extends Component {
}
});
});
};
handleSubmit = (err, values) => {
const { type } = this.state;
......@@ -59,9 +58,9 @@ export default class LoginPage extends Component {
});
};
renderMessage = content => {
return <Alert style={{ marginBottom: 24 }} message={content} type="error" showIcon />;
};
renderMessage = content => (
<Alert style={{ marginBottom: 24 }} message={content} type="error" showIcon />
);
render() {
const { login, submitting } = this.props;
......
src/pages/User/RegisterResult.js
View file @ 8cf518a8
......@@ -24,7 +24,8 @@ const RegisterResult = ({ location }) => (
title={
<div className={styles.title}>
你的账户：
{location.state ? location.state.account : 'AntDesign@example.com'} 注册成功
{location.state ? location.state.account : 'AntDesign@example.com'}
注册成功
</div>
}
description="激活邮件已发送到你的邮箱中，邮件有效期为24小时。请及时登录邮箱，点击邮件中的链接激活帐户。"
......
src/services/error.js
View file @ 8cf518a8
import request from '@/utils/request';
export async function query(code) {
export default async function query(code) {
return request(`/api/${code}`);
}
src/utils/request.js
View file @ 8cf518a8
......@@ -2,6 +2,7 @@ import fetch from 'dva/fetch';
import { notification } from 'antd';
import router from 'umi/router';
import hash from 'hash.js';
const codeMessage = {
200: '服务器成功返回请求的数据。',
201: '新建或修改数据成功。',
......@@ -19,6 +20,7 @@ const codeMessage = {
503: '服务不可用，服务器暂时过载或维护。',
504: '网关超时。',
};
const checkStatus = response => {
if (response.status >= 200 && response.status < 300) {
return response;
......@@ -39,7 +41,7 @@ const cachedSave = (response, hashcode) => {
* Clone a response data and store it in sessionStorage
* Does not support data other than json, Cache only json
*/
let contentType = response.headers.get('Content-Type');
const contentType = response.headers.get('Content-Type');
if (contentType && contentType.match(/application\/json/i)) {
// All data is saved as text
response
......@@ -47,7 +49,7 @@ const cachedSave = (response, hashcode) => {
.text()
.then(content => {
sessionStorage.setItem(hashcode, content);
sessionStorage.setItem(hashcode + ':timestamp', Date.now());
sessionStorage.setItem(`${hashcode}:timestamp`, Date.now());
});
}
return response;
......@@ -99,17 +101,16 @@ export default function request(url, options = {}) {
const expirys = options.expirys || 60;
// options.expirys !== false, return the cache,
if (options.expirys !== false) {
let cached = sessionStorage.getItem(hashcode);
let whenCached = sessionStorage.getItem(hashcode + ':timestamp');
const cached = sessionStorage.getItem(hashcode);
const whenCached = sessionStorage.getItem(`${hashcode}:timestamp`);
if (cached !== null && whenCached !== null) {
let age = (Date.now() - whenCached) / 1000;
const age = (Date.now() - whenCached) / 1000;
if (age < expirys) {
let response = new Response(new Blob([cached]));
const response = new Response(new Blob([cached]));
return response.json();
} else {
sessionStorage.removeItem(hashcode);
sessionStorage.removeItem(hashcode + ':timestamp');
}
sessionStorage.removeItem(hashcode);
sessionStorage.removeItem(`${hashcode}:timestamp`);
}
}
return fetch(url, newOptions)
......
src/utils/utils.js
View file @ 8cf518a8
......@@ -115,7 +115,8 @@ function getRelation(str1, str2) {
const arr2 = str2.split('/');
if (arr2.every((item, index) => item === arr1[index])) {
return 1;
} else if (arr1.every((item, index) => item === arr2[index])) {
}
if (arr1.every((item, index) => item === arr2[index])) {
return 2;
}
return 3;
......@@ -184,7 +185,7 @@ export function isUrl(path) {
export function formatWan(val) {
const v = val * 1;
if (!v || isNaN(v)) return '';
if (!v || Number.isNaN(v)) return '';
let result = val;
if (val > 10000) {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment