antd-management-fast-framework 1.1.64 → 1.1.65

package/src/customComponents/TimeLineCustom/index.jsx

@@ -1,225 +0,0 @@
-import React from 'react';
-import moment from 'moment';
-import { List } from 'antd';
-import { ClockCircleOutlined, MessageOutlined } from '@ant-design/icons';
-
-// import { getRandomColor } from '../../utils/tools';
-import CustomBase from '../../framework/CustomBase';
-
-import styles from './index.less';
-
-class TimeLineCustom extends CustomBase {
-  constructor(props) {
-    super(props);
-
-    this.currentTime = null;
-    this.currentPageStart = true;
-
-    this.state = {
-      list: [],
-      pagination: {},
-    };
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  static getDerivedStateFromProps(nextProps, prevState) {
-    const {
-      data: { list, pagination },
-    } = nextProps;
-
-    return { list, pagination };
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  doWhenGetSnapshotBeforeUpdate = (preProps, preState) => {
-    this.currentTime = null;
-    this.currentPageStart = true;
-
-    return null;
-  };
-
-  getCreateTimeDatePart = (v) => moment(v).format('YYYY-MM-DD');
-
-  getCreateTimeTimePart = (v) => moment(v).format('HH:mm');
-
-  handleTableChange = (pageNo, pageSize) => {
-    const { onChange } = this.props;
-    onChange(pageNo, pageSize);
-  };
-
-  renderDateLabel = (v) => {
-    this.currentTime = this.currentTime || v;
-    const preTime = this.currentTime || v;
-    if (
-      !this.currentPageStart &&
-      new Date(preTime).getDay() === new Date(v).getDay()
-    ) {
-      return false;
-    }
-
-    this.currentPageStart = false;
-    this.currentTime = v;
-    return (
-      <div className={`${styles.timeLabel} ${styles.listItem}`}>
-        <span className={styles.backgroundRed}>
-          {this.getCreateTimeDatePart(v)}
-        </span>
-      </div>
-    );
-  };
-
-  renderInfo = (item) => {
-    const {
-      // iconStyle: iconStyleValue,
-      // getBackgroundColorKey,
-      getTime,
-      getTitle,
-      getDescription,
-      getBottomLeft,
-      getBottomRight,
-      getIcon,
-    } = this.props;
-
-    // const iconStyle = {
-    //   ...{
-    //     backgroundColor: getRandomColor(getBackgroundColorKey(item)),
-    //   },
-    //   ...(iconStyleValue || {}),
-    // };
-
-    return (
-      <div className={styles.listItem}>
-        <span className={styles.fa}>
-          <div className={styles.faInner}>
-            <div
-              className={styles.faInnerBg}
-              //  style={iconStyle}
-            />
-            <div className={styles.faInnerBody}>{getIcon(item)}</div>
-          </div>
-        </span>
-        <div className={styles.timeLineExItem}>
-          <span className={styles.time}>
-            <ClockCircleOutlined
-              style={{
-                marginLeft: '20px',
-                position: 'inherit',
-                width: '12px',
-                height: '12px',
-                lineHeight: '12px',
-                fontSize: '12px',
-                marginRight: '2px',
-              }}
-            />
-            {this.getCreateTimeTimePart(getTime(item))}
-          </span>
-          <h3 className={styles.timeLineExHeader}>{getTitle(item)}</h3>
-          <div
-            className={styles.timeLineExBody}
-            style={{
-              fontSize: '13px',
-            }}
-          >
-            {getDescription(item)}
-          </div>
-          <div className={styles.timeLineExFooter}>
-            <span
-              style={{
-                fontSize: '13px',
-              }}
-            >
-              {getBottomLeft(item)}
-            </span>
-            <span
-              style={{
-                marginLeft: '20px',
-                fontSize: '13px',
-              }}
-            >
-              {getBottomRight(item)}
-            </span>
-          </div>
-        </div>
-      </div>
-    );
-  };
-
-  render() {
-    const { loading, getDateLabel, showPagination } = this.props;
-    const { list, pagination } = this.state;
-
-    let paginationProps = false;
-
-    if (showPagination) {
-      paginationProps = {
-        showSizeChanger: true,
-        showQuickJumper: true,
-        ...pagination,
-        onChange: this.handleTableChange,
-      };
-    }
-
-    return (
-      <div className={styles.timeLineExBox}>
-        <div className={`${styles.timeLineEx} ${styles.timeLineExInverse}`}>
-          <List
-            loading={loading}
-            itemLayout="vertical"
-            size="large"
-            pagination={paginationProps}
-            dataSource={list}
-            renderItem={(item) => (
-              <List.Item
-                key={item.title}
-                style={{
-                  // paddingTop: '0px',
-                  // paddingBottom: '0px',
-                  padding: 0,
-                  borderBottom: '0px',
-                }}
-              >
-                <div>
-                  {this.renderDateLabel(getDateLabel(item))}
-                  {this.renderInfo(item)}
-                </div>
-              </List.Item>
-            )}
-          />
-        </div>
-      </div>
-    );
-  }
-}
-
-TimeLineCustom.defaultProps = {
-  showPagination: false,
-
-  iconStyle: {},
-  links: [],
-  getIcon: () => {
-    return <MessageOutlined />;
-  },
-  getBackgroundColorKey: () => {
-    return '';
-  },
-  getDateLabel: () => {
-    return '';
-  },
-  getTime: () => {
-    return '';
-  },
-  getTitle: () => {
-    return '';
-  },
-  getDescription: () => {
-    return '';
-  },
-  getBottomLeft: () => {
-    return '';
-  },
-  getBottomRight: () => {
-    return '';
-  },
-};
-
-export default TimeLineCustom;

package/src/customComponents/Trend/demo/basic.md

@@ -1,20 +0,0 @@
----
-order: 0
-title: 演示
----
-
-在数值背后添加一个小图标来标识涨跌情况。
-
-```jsx
-import Trend from 'ant-design-pro/lib/Trend';
-
-ReactDOM.render(
-  <div>
-    <Trend flag="up">12%</Trend>
-    <Trend flag="down" style={{ marginLeft: 8 }}>
-      11%
-    </Trend>
-  </div>,
-  mountNode,
-);
-```

package/src/customComponents/Trend/demo/reverse.md

@@ -1,22 +0,0 @@
----
-order: 0
-title: 颜色反转
----
-
-在数值背后添加一个小图标来标识涨跌情况。
-
-```jsx
-import Trend from 'ant-design-pro/lib/Trend';
-
-ReactDOM.render(
-  <div>
-    <Trend flag="up" reverseColor={true}>
-      12%
-    </Trend>
-    <Trend flag="down" reverseColor={true} style={{ marginLeft: 8 }}>
-      11%
-    </Trend>
-  </div>,
-  mountNode,
-);
-```

package/src/customComponents/Trend/index.jsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-
-import styles from './index.less';
-
-const Trend = ({
-  colorful = true,
-  reverseColor = false,
-  flag,
-  icon,
-  children,
-  className,
-  ...rest
-}) => {
-  const classString = classNames(
-    styles.trendItem,
-    {
-      [styles.trendItemGrey]: !colorful,
-      [styles.reverseColor]: reverseColor && colorful,
-    },
-    className,
-  );
-  return (
-    <div
-      {...rest}
-      className={classString}
-      title={typeof children === 'string' ? children : ''}
-    >
-      <span>{children}</span>
-      {flag && <span className={styles[flag]}>{icon}</span>}
-    </div>
-  );
-};
-
-export default Trend;

package/src/customComponents/Trend/index.md

@@ -1,22 +0,0 @@
----
-title:
-  en-US: Trend
-  zh-CN: Trend
-subtitle: 趋势标记
-cols: 1
-order: 14
----
-
-趋势符号，标记上升和下降趋势。通常用绿色代表“好”，红色代表“不好”，股票涨跌场景除外。
-
-## API
-
-```html
-<Trend flag="up">50%</Trend>
-```
-
-| 参数         | 说明              | 类型    | 默认值 |
-| ------------ | ----------------- | ------- | ------ | --- |
-| colorful     | 是否彩色标记      | Boolean | true   |
-| flag         | 上升下降标识：`up | down`   | string | -   |
-| reverseColor | 颜色反转          | Boolean | false  |

package/src/customComponents/VerticalBox/index.jsx

@@ -1,81 +0,0 @@
-import React, { PureComponent } from 'react';
-
-import styles from './index.less';
-
-class VerticalBox extends PureComponent {
-  render() {
-    const { style, align, alignJustify, children } = this.props;
-
-    let alignStyle = 'center';
-
-    switch (align) {
-      case 'top':
-        alignStyle = 'flex-start';
-        break;
-
-      case 'center':
-        alignStyle = 'center';
-        break;
-
-      case 'bottom':
-        alignStyle = 'flex-end';
-        break;
-
-      default:
-        alignStyle = 'center';
-        break;
-    }
-
-    let alignJustifyStyle = 'flex-start';
-
-    switch (alignJustify) {
-      case 'start':
-        alignJustifyStyle = 'flex-start';
-        break;
-
-      case 'center':
-        alignJustifyStyle = 'center';
-        break;
-
-      case 'end':
-        alignJustifyStyle = 'flex-end';
-        break;
-
-      case 'between':
-        alignJustifyStyle = 'space-between';
-        break;
-
-      case 'around':
-        alignJustifyStyle = 'space-around';
-        break;
-
-      default:
-        alignJustifyStyle = 'flex-start';
-        break;
-    }
-
-    const flexStyle = {
-      ...(style || {}),
-      ...{ alignItems: alignStyle, justifyContent: alignJustifyStyle },
-    };
-
-    return (
-      <>
-        <div className={styles.centerBox} style={style}>
-          <div className={styles.flexBox} style={flexStyle}>
-            {children}
-          </div>
-        </div>
-      </>
-    );
-  }
-}
-
-VerticalBox.defaultProps = {
-  fitWidth: true,
-  style: {},
-  align: 'center',
-  alignJustify: 'flex-start',
-};
-
-export default VerticalBox;