antd-management-fast-framework 1.1.63 → 1.1.67

package/src/customComponents/StandardTable/index.jsx

@@ -1,126 +0,0 @@
-import React, { PureComponent } from 'react';
-import { Table, Alert } from 'antd';
-import styles from './index.less';
-
-function initTotalList(columns) {
-  const totalList = [];
-  columns.forEach((column) => {
-    if (column.needTotal) {
-      totalList.push({ ...column, total: 0 });
-    }
-  });
-  return totalList;
-}
-
-class StandardTable extends PureComponent {
-  constructor(props) {
-    super(props);
-    const { columns } = props;
-    const needTotalList = initTotalList(columns);
-
-    this.state = {
-      selectedRowKeys: [],
-      needTotalList,
-    };
-  }
-
-  static getDerivedStateFromProps(nextProps) {
-    // clean state
-    if (nextProps.selectedRows.length === 0) {
-      const needTotalList = initTotalList(nextProps.columns);
-      return {
-        selectedRowKeys: [],
-        needTotalList,
-      };
-    }
-    return null;
-  }
-
-  handleRowSelectChange = (selectedRowKeys, selectedRows) => {
-    let { needTotalList } = this.state;
-    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);
-    }
-
-    this.setState({ selectedRowKeys, needTotalList });
-  };
-
-  handleTableChange = (pagination, filters, sorter) => {
-    const { onChange } = this.props;
-    if (onChange) {
-      onChange(pagination, filters, sorter);
-    }
-  };
-
-  cleanSelectedKeys = () => {
-    this.handleRowSelectChange([], []);
-  };
-
-  render() {
-    const { selectedRowKeys, needTotalList } = this.state;
-    const { data = {}, rowKey, ...rest } = this.props;
-    const { list = [], pagination } = data;
-
-    const paginationProps = {
-      showSizeChanger: true,
-      showQuickJumper: true,
-      ...pagination,
-    };
-
-    const rowSelection = {
-      selectedRowKeys,
-      onChange: this.handleRowSelectChange,
-      getCheckboxProps: (record) => ({
-        disabled: record.disabled,
-      }),
-    };
-
-    return (
-      <div className={styles.standardTable}>
-        <div className={styles.tableAlert}>
-          <Alert
-            message={
-              <>
-                已选择{' '}
-                <a style={{ fontWeight: 600 }}>{selectedRowKeys.length}</a>{' '}
-                项&nbsp;&nbsp;
-                {needTotalList.map((item) => (
-                  <span style={{ marginLeft: 8 }} key={item.dataIndex}>
-                    {item.title}
-                    总计&nbsp;
-                    <span style={{ fontWeight: 600 }}>
-                      {item.render ? item.render(item.total) : item.total}
-                    </span>
-                  </span>
-                ))}
-                <a onClick={this.cleanSelectedKeys} style={{ marginLeft: 24 }}>
-                  清空
-                </a>
-              </>
-            }
-            type="info"
-            showIcon
-          />
-        </div>
-        <Table
-          rowKey={rowKey || 'key'}
-          rowSelection={rowSelection}
-          dataSource={list}
-          pagination={paginationProps}
-          onChange={this.handleTableChange}
-          {...rest}
-        />
-      </div>
-    );
-  }
-}
-
-export default StandardTable;

package/src/customComponents/StandardTableCustom/index.jsx

@@ -1,156 +0,0 @@
-import React, { PureComponent } from 'react';
-import { Table, Alert, Spin } from 'antd';
-
-import styles from './index.less';
-
-export const tableSizeConfig = {
-  middle: 'middle',
-  small: 'small',
-  large: 'large',
-};
-
-function initTotalList(columns) {
-  const totalList = [];
-  columns.forEach((column) => {
-    if (column.needTotal) {
-      totalList.push({ ...column, total: 0 });
-    }
-  });
-  return totalList;
-}
-
-class StandardTableCustom extends PureComponent {
-  constructor(props) {
-    super(props);
-
-    const { columns } = props;
-    const needTotalList = initTotalList(columns);
-
-    this.state = {
-      selectedRowKeys: [],
-      needTotalList,
-    };
-  }
-
-  static getDerivedStateFromProps(nextProps) {
-    // clean state
-    if ((nextProps.selectedRows || []).length === 0) {
-      const needTotalList = initTotalList(nextProps.columns);
-      return {
-        selectedRowKeys: [],
-        needTotalList,
-      };
-    }
-    return null;
-  }
-
-  handleRowSelectChange = (selectedRowKeys, selectedRows) => {
-    let { needTotalList } = this.state;
-    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 || []);
-    }
-
-    this.setState({ selectedRowKeys, needTotalList });
-  };
-
-  handleTableChange = (pagination, filters, sorter) => {
-    const { onChange } = this.props;
-    if (onChange) {
-      onChange(pagination, filters, sorter);
-    }
-  };
-
-  cleanSelectedKeys = () => {
-    this.handleRowSelectChange([], []);
-  };
-
-  render() {
-    const { selectedRowKeys, needTotalList } = this.state;
-    const {
-      data: { list, pagination },
-      loading,
-      rowKey,
-      size,
-      showSelect: showSelectOption,
-      ...rest
-    } = this.props;
-
-    const paginationProps = {
-      showSizeChanger: true,
-      showQuickJumper: true,
-      ...pagination,
-    };
-
-    const { selectedRows } = this.props;
-    const showSelect = showSelectOption || false;
-
-    const rowSelection =
-      (selectedRows || []).length === 0 && !showSelect
-        ? null
-        : {
-            selectedRowKeys,
-            onChange: this.handleRowSelectChange,
-            getCheckboxProps: (record) => ({
-              disabled: record.disabled,
-            }),
-          };
-    const rowSelectionMessage =
-      rowSelection === null ? (
-        ''
-      ) : (
-        <div className={styles.tableAlert}>
-          <Alert
-            message={
-              <>
-                已选择{' '}
-                <a style={{ fontWeight: 600 }}>{selectedRowKeys.length}</a>{' '}
-                项&nbsp;&nbsp;
-                {needTotalList.map((item) => (
-                  <span style={{ marginLeft: 8 }} key={item.dataIndex}>
-                    {item.title}
-                    总计&nbsp;
-                    <span style={{ fontWeight: 600 }}>
-                      {item.render ? item.render(item.total) : item.total}
-                    </span>
-                  </span>
-                ))}
-                <a onClick={this.cleanSelectedKeys} style={{ marginLeft: 24 }}>
-                  清空
-                </a>
-              </>
-            }
-            type="info"
-            showIcon
-          />
-        </div>
-      );
-    return (
-      <div className={styles.standardTableCustom}>
-        {rowSelectionMessage}
-        <Spin spinning={loading}>
-          <Table
-            rowKey={rowKey || 'key'}
-            // loading={loading}
-            size={size || tableSizeConfig.middle}
-            rowSelection={rowSelection}
-            dataSource={list}
-            pagination={paginationProps}
-            onChange={this.handleTableChange}
-            defaultExpandAllRows
-            {...rest}
-          />
-        </Spin>
-      </div>
-    );
-  }
-}
-
-export default StandardTableCustom;

package/src/customComponents/StatusBar/index.jsx

@@ -1,74 +0,0 @@
-import React, { PureComponent } from 'react';
-import { Row, Col, Divider } from 'antd';
-
-import { isArray, showRuntimeError } from '../../utils/tools';
-
-class FlexText extends PureComponent {
-  render() {
-    const { actions: actionsValue, extra } = this.props;
-
-    let actionList = actionsValue || [];
-
-    if (!isArray(actionList)) {
-      const text = 'actions 必须为数组';
-
-      showRuntimeError({
-        message: text,
-      });
-
-      actionList = [];
-    }
-
-    const actionCount = actionList.length;
-
-    actionList = actionList.map((o, index) => {
-      return { ...o, ...{ key: `status_bar_action_${index}` } };
-    });
-
-    return (
-      <Row>
-        <Col
-          flex="auto"
-          style={{
-            color: '#999',
-          }}
-        >
-          {actionList.map((o, index) => {
-            if (index !== actionCount - 1) {
-              return (
-                <div
-                  key={o.key}
-                  style={{
-                    display: 'inline-block',
-                  }}
-                >
-                  {o}
-                  <Divider type="vertical" />
-                </div>
-              );
-            }
-
-            return (
-              <div
-                key={o.key}
-                style={{
-                  display: 'inline-block',
-                }}
-              >
-                {o}
-              </div>
-            );
-          })}
-        </Col>
-        {extra == null ? null : <Col flex>{extra}</Col>}
-      </Row>
-    );
-  }
-}
-
-FlexText.defaultProps = {
-  actions: [],
-  extra: null,
-};
-
-export default FlexText;

package/src/customComponents/TagSelect/demo/controlled.md

@@ -1,54 +0,0 @@
----
-order: 3
-title: 受控模式
----
-
-结合 `Tag` 的 `TagSelect` 组件，方便的应用于筛选类目的业务场景中。
-
-```jsx
-import { Button } from 'antd';
-import TagSelect from 'ant-design-pro/lib/TagSelect';
-
-class Demo extends React.Component {
-  state = {
-    value: ['cat1'],
-  };
-  handleFormSubmit = (value) => {
-    this.setState({
-      value,
-    });
-  };
-  checkAll = () => {
-    this.setState({
-      value: ['cat1', 'cat2', 'cat3', 'cat4', 'cat5', 'cat6'],
-    });
-  };
-  render() {
-    return (
-      <div>
-        <Button onClick={this.checkAll}>全部</Button>
-        <div
-          style={{
-            padding: 16,
-          }}
-        >
-          <TagSelect
-            hideCheckAll={true}
-            value={this.state.value}
-            onChange={this.handleFormSubmit}
-          >
-            <TagSelect.Option value="cat1">类目一</TagSelect.Option>
-            <TagSelect.Option value="cat2">类目二</TagSelect.Option>
-            <TagSelect.Option value="cat3">类目三</TagSelect.Option>
-            <TagSelect.Option value="cat4">类目四</TagSelect.Option>
-            <TagSelect.Option value="cat5">类目五</TagSelect.Option>
-            <TagSelect.Option value="cat6">类目六</TagSelect.Option>
-          </TagSelect>
-        </div>
-      </div>
-    );
-  }
-}
-
-ReactDOM.render(<Demo />, mountNode);
-```

package/src/customComponents/TagSelect/demo/expandable.md

@@ -1,32 +0,0 @@
----
-order: 1
-title: 可展开和收起
----
-
-使用 `expandable` 属性，让标签组可以收起，避免过高。
-
-```jsx
-import TagSelect from 'ant-design-pro/lib/TagSelect';
-
-function handleFormSubmit(checkedValue) {
-  console.log(checkedValue);
-}
-
-ReactDOM.render(
-  <TagSelect onChange={handleFormSubmit} expandable>
-    <TagSelect.Option value="cat1">类目一</TagSelect.Option>
-    <TagSelect.Option value="cat2">类目二</TagSelect.Option>
-    <TagSelect.Option value="cat3">类目三</TagSelect.Option>
-    <TagSelect.Option value="cat4">类目四</TagSelect.Option>
-    <TagSelect.Option value="cat5">类目五</TagSelect.Option>
-    <TagSelect.Option value="cat6">类目六</TagSelect.Option>
-    <TagSelect.Option value="cat7">类目七</TagSelect.Option>
-    <TagSelect.Option value="cat8">类目八</TagSelect.Option>
-    <TagSelect.Option value="cat9">类目九</TagSelect.Option>
-    <TagSelect.Option value="cat10">类目十</TagSelect.Option>
-    <TagSelect.Option value="cat11">类目十一</TagSelect.Option>
-    <TagSelect.Option value="cat12">类目十二</TagSelect.Option>
-  </TagSelect>,
-  mountNode,
-);
-```

package/src/customComponents/TagSelect/demo/simple.md

@@ -1,26 +0,0 @@
----
-order: 0
-title: 基础样例
----
-
-结合 `Tag` 的 `TagSelect` 组件，方便的应用于筛选类目的业务场景中。
-
-```jsx
-import TagSelect from 'ant-design-pro/lib/TagSelect';
-
-function handleFormSubmit(checkedValue) {
-  console.log(checkedValue);
-}
-
-ReactDOM.render(
-  <TagSelect onChange={handleFormSubmit}>
-    <TagSelect.Option value="cat1">类目一</TagSelect.Option>
-    <TagSelect.Option value="cat2">类目二</TagSelect.Option>
-    <TagSelect.Option value="cat3">类目三</TagSelect.Option>
-    <TagSelect.Option value="cat4">类目四</TagSelect.Option>
-    <TagSelect.Option value="cat5">类目五</TagSelect.Option>
-    <TagSelect.Option value="cat6">类目六</TagSelect.Option>
-  </TagSelect>,
-  mountNode,
-);
-```

package/src/customComponents/TagSelect/index.jsx

@@ -1,141 +0,0 @@
-import React, { Component } from 'react';
-import classNames from 'classnames';
-import { Tag } from 'antd';
-import { UpCircleOutlined, DownOutlined } from '@ant-design/icons';
-
-import styles from './index.less';
-
-const { CheckableTag } = Tag;
-
-const TagSelectOption = ({ children, checked, onChange, value }) => (
-  <CheckableTag
-    checked={checked}
-    key={value}
-    onChange={(state) => onChange(value, state)}
-  >
-    {children}
-  </CheckableTag>
-);
-
-TagSelectOption.isTagSelectOption = true;
-
-class TagSelect extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      expand: false,
-      value: props.value || props.defaultValue || [],
-    };
-  }
-
-  static getDerivedStateFromProps(nextProps) {
-    if ('value' in nextProps) {
-      return { value: nextProps.value || [] };
-    }
-    return null;
-  }
-
-  onChange = (value) => {
-    const { onChange } = this.props;
-    if (!('value' in this.props)) {
-      this.setState({ value });
-    }
-    if (onChange) {
-      onChange(value);
-    }
-  };
-
-  onSelectAll = (checked) => {
-    let checkedTags = [];
-    if (checked) {
-      checkedTags = this.getAllTags();
-    }
-    this.onChange(checkedTags);
-  };
-
-  getAllTags() {
-    let { children } = this.props;
-    children = React.Children.toArray(children);
-    const checkedTags = children
-      .filter((child) => this.isTagSelectOption(child))
-      .map((child) => child.props.value);
-    return checkedTags || [];
-  }
-
-  handleTagChange = (value, checked) => {
-    const { value: StateValue } = this.state;
-    const checkedTags = [...StateValue];
-
-    const index = checkedTags.indexOf(value);
-    if (checked && index === -1) {
-      checkedTags.push(value);
-    } else if (!checked && index > -1) {
-      checkedTags.splice(index, 1);
-    }
-    this.onChange(checkedTags);
-  };
-
-  handleExpand = () => {
-    const { expand } = this.state;
-    this.setState({
-      expand: !expand,
-    });
-  };
-
-  isTagSelectOption = (node) =>
-    node &&
-    node.type &&
-    (node.type.isTagSelectOption ||
-      node.type.displayName === 'TagSelectOption');
-
-  render() {
-    const { value, expand } = this.state;
-    const { children, hideCheckAll, className, style, expandable } = this.props;
-
-    const checkedAll = this.getAllTags().length === value.length;
-
-    const cls = classNames(styles.tagSelect, className, {
-      [styles.hasExpandTag]: expandable,
-      [styles.expanded]: expand,
-    });
-    return (
-      <div className={cls} style={style}>
-        {hideCheckAll ? null : (
-          <CheckableTag
-            checked={checkedAll}
-            key="tag-select-__all__"
-            onChange={this.onSelectAll}
-          >
-            全部
-          </CheckableTag>
-        )}
-        {value &&
-          React.Children.map(children, (child) => {
-            if (this.isTagSelectOption(child)) {
-              return React.cloneElement(child, {
-                key: `tag-select-${child.props.value}`,
-                value: child.props.value,
-                checked: value.indexOf(child.props.value) > -1,
-                onChange: this.handleTagChange,
-              });
-            }
-            return child;
-          })}
-        {expandable && (
-          <a className={styles.trigger} onClick={this.handleExpand}>
-            {expand ? '收起' : '展开'}
-            {expand ? <UpCircleOutlined /> : <DownOutlined />}
-          </a>
-        )}
-      </div>
-    );
-  }
-}
-
-TagSelect.defaultProps = {
-  hideCheckAll: false,
-};
-
-TagSelect.Option = TagSelectOption;
-
-export default TagSelect;

package/src/customComponents/TagSelect/index.md

@@ -1,29 +0,0 @@
----
-title:
-  en-US: TagSelect
-  zh-CN: TagSelect
-subtitle: 标签选择器
-cols: 1
-order: 13
----
-
-可进行多选，带折叠收起和展开更多功能，常用于对列表进行筛选。
-
-## API
-
-### TagSelect
-
-| 参数         | 说明                      | 类型                  | 默认值 |
-| ------------ | ------------------------- | --------------------- | ------ |
-| value        | 选中的项                  | string[] \| number[]  |        |
-| defaultValue | 默认选中的项              | string[] \| number[]  |        |
-| onChange     | 标签选择的回调函数        | Function(checkedTags) |        |
-| expandable   | 是否展示 `展开/收起` 按钮 | Boolean               | false  |
-| hideCheckAll | 隐藏 `全部` 按钮          | Boolean               | false  |
-
-### TagSelectOption
-
-| 参数     | 说明           | 类型                | 默认值 |
-| -------- | -------------- | ------------------- | ------ |
-| value    | TagSelect 的值 | string\| number     | -      |
-| children | tag 的内容     | string \| ReactNode | -      |