@kep-platform/business-component 0.0.28 → 0.0.32

package/dist/ConfigColumnsModal/index.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+export interface ColumnType {
+    title: ReactNode;
+    dataIndex: string;
+    key: string;
+    align?: 'center' | 'left' | 'right';
+    width: number;
+    offset?: number;
+    hideInTable?: boolean;
+    sorter?: 'desc' | 'asc' | null;
+    type?: CellType;
+    render?: (text: any, record: any, index: number) => ReactNode;
+    editable?: boolean;
+    sticky?: 'left' | 'right';
+    filterValue?: string | null;
+}
+type CellType = 'string' | 'number' | 'date' | 'image' | 'icon';
+export declare function ConfigColumnsModal(props: {
+    columns: ColumnType[];
+    open: boolean;
+    onClose: () => void;
+    onConfirm: (columns: ColumnType[]) => void;
+    title?: string;
+}): React.JSX.Element;
+export {};

package/dist/ConfigColumnsModal/index.js

@@ -0,0 +1,172 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+//用来配置表格列的表格字段，支持拖动排序功能，勾选和取消
+
+import { CloseCircleOutlined } from '@ant-design/icons';
+import { Card, Col, Modal, Row, Space, Tag } from 'antd';
+import React, { useEffect, useRef, useState } from 'react';
+import { DndProvider, useDrag, useDrop } from 'react-dnd';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+function DragListItem(props) {
+  var item = props.item,
+    index = props.index,
+    handleDrag = props.handleDrag,
+    handleClose = props.handleClose;
+  var ref = useRef(null);
+  var _useDrop = useDrop({
+      accept: 'drag-item',
+      hover: function hover(item, monitor) {
+        if (!ref.current) return;
+        var dragIndex = item.index;
+        var hoverIndex = index;
+        // Do nothing if target and source are same
+        if (dragIndex === hoverIndex) return;
+        var hoverRect = ref.current.getBoundingClientRect();
+        // Get vertical middle
+        var hoverMiddleY = (hoverRect.bottom - hoverRect.top) / 2;
+        // Determine mouse position
+        var clientOffset = monitor.getClientOffset();
+        if (!clientOffset) return;
+        // Get pixels to the top
+        var hoverClientY = clientOffset.y - hoverRect.top;
+
+        // Only move when the mouse has crossed half of the items height
+        if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
+          return;
+        }
+        if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
+          return;
+        }
+        handleDrag(dragIndex, hoverIndex);
+        item.index = hoverIndex;
+      }
+    }),
+    _useDrop2 = _slicedToArray(_useDrop, 2),
+    drop = _useDrop2[1];
+  var _useDrag = useDrag({
+      type: 'drag-item',
+      item: {
+        item: item,
+        index: index
+      }
+    }, [item, index]),
+    _useDrag2 = _slicedToArray(_useDrag, 2),
+    drag = _useDrag2[1];
+  useEffect(function () {
+    drop(drag(ref));
+  }, []);
+  return /*#__PURE__*/React.createElement("li", {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(Card, {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(CloseCircleOutlined, {
+    onClick: function onClick() {
+      handleClose(item.key);
+    },
+    style: {
+      position: 'absolute',
+      right: '7px',
+      top: '7px',
+      color: 'red'
+    }
+  }), /*#__PURE__*/React.createElement("strong", null, item.title)));
+}
+export function ConfigColumnsModal(props) {
+  var columns = props.columns,
+    open = props.open,
+    onClose = props.onClose,
+    onConfirm = props.onConfirm,
+    title = props.title;
+  var _useState = useState(columns.filter(function (item) {
+      return !item.hideInTable;
+    })),
+    _useState2 = _slicedToArray(_useState, 2),
+    columnsUpdate = _useState2[0],
+    setColumnsUpdate = _useState2[1];
+  var _useState3 = useState(columns.filter(function (column) {
+      return !columnsUpdate.includes(column);
+    })),
+    _useState4 = _slicedToArray(_useState3, 2),
+    columnsHidden = _useState4[0],
+    setColumnsHidden = _useState4[1];
+  var handleDrag = function handleDrag(dragIndex, hoverIndex) {
+    setColumnsUpdate(function (prev) {
+      var copy = _toConsumableArray(prev);
+      var card = copy[dragIndex];
+      // remove origin
+      copy.splice(dragIndex, 1);
+      // add to target
+      copy.splice(hoverIndex, 0, card);
+      return copy;
+    });
+  };
+  var handleClose = function handleClose(key) {
+    setColumnsUpdate(columnsUpdate.filter(function (column) {
+      return column.key !== key;
+    }));
+    var deleteColumn = columns.find(function (column) {
+      return column.key === key;
+    });
+    setColumnsHidden(columnsHidden.concat(deleteColumn));
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: title || '配置表格列',
+    open: open,
+    width: 600,
+    onCancel: onClose,
+    onOk: function onOk() {
+      columnsUpdate.forEach(function (column) {
+        column.hideInTable = false;
+      });
+      columnsHidden.forEach(function (column) {
+        column.hideInTable = true;
+      });
+      onConfirm(columnsUpdate.concat.apply(columnsUpdate, _toConsumableArray(columnsHidden)));
+    },
+    okText: "\u786E\u8BA4",
+    cancelText: "\u53D6\u6D88"
+  }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+    span: 3
+  }, /*#__PURE__*/React.createElement("strong", null, "\u9690\u85CF\u7684\u5217")), /*#__PURE__*/React.createElement(Col, {
+    span: 21
+  }, /*#__PURE__*/React.createElement(Space, null, columnsHidden.map(function (column) {
+    return /*#__PURE__*/React.createElement(Tag, {
+      style: {
+        cursor: 'pointer'
+      },
+      key: column.key,
+      onClick: function onClick() {
+        setColumnsUpdate(columnsUpdate.concat(column));
+        setColumnsHidden(columnsHidden.filter(function (c) {
+          return c.key !== column.key;
+        }));
+      }
+    }, column.title);
+  })))), /*#__PURE__*/React.createElement(DndProvider, {
+    backend: HTML5Backend
+  }, /*#__PURE__*/React.createElement("ul", {
+    style: {
+      listStyle: 'none',
+      padding: '0',
+      paddingTop: '12px'
+    }
+  }, columnsUpdate.map(function (column, index) {
+    return /*#__PURE__*/React.createElement(DragListItem, {
+      item: column,
+      key: column.key,
+      index: index,
+      handleDrag: handleDrag,
+      handleClose: handleClose
+    });
+  }))));
+}

package/dist/ConfigTable/config.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    columns: ({
+        key: string;
+        title: string;
+        align: string;
+        type: string;
+        allowGroup: boolean;
+        dataIndex: string;
+        render: {
+            __isFunction__: boolean;
+            source: string;
+        };
+    } | {
+        key: string;
+        title: string;
+        dataIndex: string;
+        align: string;
+        type: string;
+        allowGroup?: undefined;
+        render?: undefined;
+    })[];
+    title: string;
+    actions: string[];
+    request: {
+        url: string;
+        method: string;
+        params: {
+            username: {
+                type: string;
+                required: boolean;
+                max: number;
+            };
+            age: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            email: {
+                type: string;
+                required: boolean;
+            };
+        };
+    };
+};
+export default _default;

package/dist/ConfigTable/config.js

@@ -0,0 +1,64 @@
+export default {
+  //列定义
+  columns: [{
+    key: 'name',
+    title: '名称',
+    align: 'center',
+    type: 'string',
+    allowGroup: true,
+    dataIndex: 'name',
+    render: {
+      __isFunction__: true,
+      source: 'function render(value) {\n      return value + 1;\n    }'
+    }
+  }, {
+    key: 'number',
+    title: '编号',
+    dataIndex: 'number',
+    align: 'center',
+    type: 'string'
+  }, {
+    key: 'version',
+    title: '版本',
+    dataIndex: 'version',
+    align: 'center',
+    type: 'string'
+  }, {
+    key: 'checkOutStatus',
+    title: '检入检出状态',
+    dataIndex: 'checkOutStatus',
+    align: 'center',
+    type: 'string'
+  }, {
+    key: 'owner',
+    title: '创建者',
+    dataIndex: 'owner',
+    align: 'center',
+    type: 'string'
+  }],
+  title: '零件',
+  //表格标题
+  actions: ['配置表格列', '分组'],
+  //可能的操作项，这个是预先开发好的
+  //接口描述
+  request: {
+    url: 'http://ao.renrunqi.com/service-icapp/search/advance',
+    method: 'post',
+    params: {
+      username: {
+        type: 'string',
+        required: true,
+        max: 20
+      },
+      age: {
+        type: 'number',
+        min: 18,
+        max: 100
+      },
+      email: {
+        type: 'email',
+        required: true
+      }
+    }
+  }
+};

package/dist/ConfigTable/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type ConfigTableProps = {
+    tableId: string;
+    [key: string]: any;
+};
+export default function ConfigTable(props: ConfigTableProps): React.JSX.Element;
+export {};

package/dist/ConfigTable/index.js

@@ -0,0 +1,232 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["tableId"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Button, Space, Spin, Table } from '@kep-platform/basic-component';
+import { Card, Select, Tag } from 'antd';
+import axios from 'axios';
+import React, { useEffect, useMemo, useState } from 'react';
+import { ConfigColumnsModal } from "../ConfigColumnsModal";
+import configJson from "./config";
+import { allGroup, deserialize, getGroupFromList, serialize } from "./utils";
+var mockDataSource = [{
+  name: '姜鑫',
+  number: 'jx',
+  version: '0.0.1',
+  checkOutStatus: 'c/i'
+}, {
+  name: 'jss',
+  number: 'jss',
+  version: '0.0.2',
+  checkOutStatus: 'c/i'
+}];
+export default function ConfigTable(props) {
+  var tableId = props.tableId,
+    context = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    config = _useState2[0],
+    setConfig = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fetchConfigLoading = _useState4[0],
+    setFetchConfigLoading = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fetchDataSourceLoading = _useState6[0],
+    setFetchDataSourceLoading = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dataSource = _useState8[0],
+    setDataSource = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    configColumnsModalOpen = _useState10[0],
+    setConfigColumnsModalOpen = _useState10[1];
+  var _useState11 = useState(allGroup),
+    _useState12 = _slicedToArray(_useState11, 2),
+    activeGroupItem = _useState12[0],
+    setActiveGroupItem = _useState12[1];
+  var _useState13 = useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    groupBy = _useState14[0],
+    setGroupBy = _useState14[1];
+  var _useState15 = useState({
+      current: 1,
+      pageSize: 10
+    }),
+    _useState16 = _slicedToArray(_useState15, 2),
+    pagination = _useState16[0],
+    setPagination = _useState16[1];
+  var groupMap = useMemo(function () {
+    if (!groupBy) return null;
+    var map = getGroupFromList(dataSource, groupBy.value);
+    return map;
+  }, [dataSource, groupBy]);
+  var formatDataSource = useMemo(function () {
+    if (groupMap && activeGroupItem) {
+      return groupMap[activeGroupItem] || [];
+    } else {
+      return dataSource;
+    }
+  }, [groupMap, dataSource, activeGroupItem]);
+  function fetchConfigJson(tableId) {
+    console.log(tableId);
+    setFetchConfigLoading(true);
+    return new Promise(function () {
+      setTimeout(function () {
+        setFetchConfigLoading(false);
+        setConfig(deserialize(serialize(configJson)));
+      }, 1000);
+    });
+  }
+  function fetchDataSource(config, pagination) {
+    var _config$request = config.request,
+      url = _config$request.url,
+      method = _config$request.method,
+      data = _config$request.data,
+      params = _config$request.params;
+    console.log(pagination);
+    setFetchDataSourceLoading(true);
+    axios(url, {
+      method: method,
+      params: params ? _objectSpread(_objectSpread({}, params), context) : undefined,
+      data: data ? _objectSpread(_objectSpread({}, data), context) : undefined
+    }).then(function (resp) {
+      setFetchDataSourceLoading(false);
+      console.log(resp);
+      setDataSource(mockDataSource);
+    }, function (error) {
+      console.log(error.message);
+      setFetchDataSourceLoading(false);
+      setDataSource(mockDataSource);
+    });
+  }
+  useEffect(function () {
+    fetchConfigJson(tableId);
+  }, [tableId]);
+  useEffect(function () {
+    if (config) {
+      fetchDataSource(config, pagination);
+    }
+  }, [config, pagination]);
+  useEffect(function () {
+    setActiveGroupItem(allGroup);
+  }, [groupMap]);
+  var groupOptions = useMemo(function () {
+    if (config) {
+      return config.columns.filter(function (column) {
+        return column.allowGroup;
+      }).map(function (column) {
+        return {
+          label: column.title,
+          value: column.key
+        };
+      });
+    } else {
+      return [];
+    }
+  }, [config]);
+  var actions = useMemo(function () {
+    if (config !== null && config !== void 0 && config.actions) {
+      return config.actions.map(function (action) {
+        switch (action) {
+          case '配置表格列':
+            return /*#__PURE__*/React.createElement(Button, {
+              onClick: function onClick() {
+                setConfigColumnsModalOpen(true);
+              }
+            }, "\u914D\u7F6E\u8868\u683C\u5217");
+          case '分组':
+            return /*#__PURE__*/React.createElement(Select, {
+              value: groupBy === null || groupBy === void 0 ? void 0 : groupBy.value,
+              options: groupOptions,
+              placeholder: "\u9009\u62E9\u5206\u7EC4\u89C4\u5219",
+              onSelect: function onSelect(value, option) {
+                setGroupBy(option);
+              }
+            });
+          default:
+            return false;
+        }
+      });
+    }
+  }, [config, groupBy]);
+  var title = useMemo(function () {
+    if (config && groupBy && groupMap) {
+      var _groupOptions$find;
+      return /*#__PURE__*/React.createElement(Space, null, groupBy.value && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "\u6839\u636E"), /*#__PURE__*/React.createElement(Tag, null, (_groupOptions$find = groupOptions.find(function (option) {
+        return option.value === groupBy.value;
+      })) === null || _groupOptions$find === void 0 ? void 0 : _groupOptions$find.label), /*#__PURE__*/React.createElement("span", null, "\u5206\u7EC4:")), /*#__PURE__*/React.createElement(Tag, {
+        color: activeGroupItem === allGroup ? 'blue' : 'default',
+        onClick: function onClick() {
+          setActiveGroupItem(allGroup);
+        },
+        hidden: !groupBy
+      }, "\u5168\u90E8"), Object.keys(groupMap).map(function (key) {
+        return /*#__PURE__*/React.createElement(Tag, {
+          onClick: function onClick() {
+            setActiveGroupItem(key);
+          },
+          key: key,
+          color: activeGroupItem === key ? 'blue' : 'default'
+        }, key);
+      }));
+    } else {
+      return '';
+    }
+  }, [groupBy, config, activeGroupItem]);
+  return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Spin, {
+    spinning: fetchConfigLoading || fetchDataSourceLoading
+  }, /*#__PURE__*/React.createElement("h5", null, title), config ? /*#__PURE__*/React.createElement(Table, {
+    dataSource: formatDataSource,
+    actions: actions,
+    columns: [{
+      key: 'order',
+      dataIndex: 'order',
+      title: '序号',
+      width: 70,
+      render: function render(_, __, index) {
+        return (pagination.current - 1) * pagination.pageSize + index + 1;
+      },
+      align: 'center'
+    }].concat(_toConsumableArray(config.columns)),
+    rowKey: 'oid',
+    pagination: pagination,
+    onChange: function onChange(_p) {
+      setPagination(_p);
+    },
+    empty: /*#__PURE__*/React.createElement("div", {
+      style: {
+        textAlign: 'center',
+        padding: '24px',
+        color: '#777'
+      }
+    }, "\u6682\u65E0\u6570\u636E")
+  }) : /*#__PURE__*/React.createElement("div", null, "\u914D\u7F6E\u6587\u4EF6\u52A0\u8F7D\u4E2D..."), configColumnsModalOpen && config && /*#__PURE__*/React.createElement(ConfigColumnsModal, {
+    columns: config.columns,
+    open: configColumnsModalOpen,
+    onClose: function onClose() {
+      setConfigColumnsModalOpen(false);
+    },
+    onConfirm: function onConfirm(columns) {
+      config.columns = columns;
+      setConfigColumnsModalOpen(false);
+    }
+  })));
+}

package/dist/ConfigTable/test.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function Test(): React.JSX.Element;

package/dist/ConfigTable/test.js

@@ -0,0 +1,10 @@
+import { GlobalStyles } from '@kep-platform/basic-component';
+import React from 'react';
+import ConfigTable from '.';
+export default function Test() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GlobalStyles, {
+    $css: []
+  }), /*#__PURE__*/React.createElement(ConfigTable, {
+    tableId: "name"
+  }));
+}

package/dist/ConfigTable/utils.d.ts

@@ -0,0 +1,4 @@
+export declare function serialize(obj: Record<string, any>): string;
+export declare function deserialize(serializedStr: string): any;
+export declare const allGroup: unique symbol;
+export declare function getGroupFromList(arr: Record<string | symbol, any>[], propertyName: string): Record<string | symbol, Record<string, any>[]>;

package/dist/ConfigTable/utils.js

@@ -0,0 +1,40 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// 自定义序列化函数
+export function serialize(obj) {
+  return JSON.stringify(obj, function (key, value) {
+    if (typeof value === 'function') {
+      return {
+        __isFunction__: true,
+        source: value.toString()
+      };
+    }
+    return value;
+  });
+}
+
+// 自定义反序列化函数
+export function deserialize(serializedStr) {
+  return JSON.parse(serializedStr, function (key, value) {
+    if (value && value.__isFunction__) {
+      return new Function('return ' + value.source)();
+    }
+    return value;
+  });
+}
+export var allGroup = Symbol('全部');
+export function getGroupFromList(arr, propertyName) {
+  var grouped = arr.reduce(function (acc, obj) {
+    var key = obj[propertyName];
+    if (key) {
+      if (!acc[key]) {
+        acc[key] = [];
+      }
+      acc[key].push(obj);
+    } else {}
+    return acc;
+  }, _defineProperty({}, allGroup, arr));
+  return grouped;
+}

package/dist/table-config.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+type ColumnType = {
+    key: string;
+    dataIndex: string;
+    title: string;
+    align: 'left' | 'right' | 'center';
+    type: 'icon' | 'string' | 'date' | 'number';
+    render?: (value: any, record: any, index: number) => ReactNode;
+    fixed?: 'left' | 'right';
+    filter?: boolean;
+    sorter?: boolean;
+    allowGroup?: boolean;
+};
+type Action = '配置表格列';
+type TableInfoType = {
+    columns: ColumnType[];
+    actions: Action[];
+};
+export declare function getTableInfoByTableId(id: string): TableInfoType;
+export {};

package/dist/table-config.js

@@ -0,0 +1,22 @@
+var tableId = 'table-1';
+export function getTableInfoByTableId(id) {
+  console.log(id);
+  var tableInfo = {
+    columns: [{
+      key: 'name',
+      title: 'name',
+      align: 'center',
+      type: 'string',
+      dataIndex: 'name'
+    }, {
+      key: 'number',
+      title: 'number',
+      dataIndex: 'number',
+      align: 'center',
+      type: 'string'
+    }],
+    actions: ['配置表格列']
+  };
+  return tableInfo;
+}
+console.log(JSON.stringify(getTableInfoByTableId(tableId)));

package/package.json

@@ -1,77 +1,82 @@
 {
-  "name": "@kep-platform/business-component",
-  "version": "0.0.28",
-  "description": "A react library developed with dumi",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "start": "npm run dev",
-    "dev": "dumi dev",
-    "build": "father build",
-    "build:watch": "father dev",
-    "docs:build": "dumi build",
-    "docs:preview": "dumi preview",
-    "prepare": "dumi setup",
-    "doctor": "father doctor",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "prepublishOnly": "father doctor && npm run build"
-  },
-  "authors": [],
-  "license": "MIT",
-  "files": [
-    "dist"
-  ],
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "lint-staged": {
-    "*.{md,json}": [
-      "prettier --write --no-error-on-unmatched-pattern"
+    "name": "@kep-platform/business-component",
+    "version": "0.0.32",
+    "description": "A react library developed with dumi",
+    "license": "MIT",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "files": [
+        "dist"
     ],
-    "*.{css,less}": [
-      "stylelint --fix",
-      "prettier --write"
-    ],
-    "*.{js,jsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.{ts,tsx}": [
-      "eslint --fix",
-      "prettier --parser=typescript --write"
-    ]
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@umijs/lint": "^4.0.0",
-    "dumi": "^2.3.0",
-    "eslint": "^8.23.0",
-    "father": "^4.1.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
-    "prettier": "^2.7.1",
-    "prettier-plugin-organize-imports": "^3.0.0",
-    "prettier-plugin-packagejson": "^2.2.18",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "stylelint": "^14.9.1"
-  },
-  "gitHead": "199e06d46f67de10c87f790fc5c704666a0eb288",
-  "dependencies": {
-    "@kep-platform/basic-component": "^0.0.28"
-  }
+    "scripts": {
+        "build": "father build",
+        "build:watch": "father dev",
+        "dev": "dumi dev",
+        "docs:build": "dumi build",
+        "docs:preview": "dumi preview",
+        "doctor": "father doctor",
+        "lint": "npm run lint:es && npm run lint:css",
+        "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+        "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+        "prepare": "dumi setup",
+        "prepublishOnly": "npm run build",
+        "start": "npm run dev"
+    },
+    "commitlint": {
+        "extends": [
+            "@commitlint/config-conventional"
+        ]
+    },
+    "lint-staged": {
+        "*.{md,json}": [
+            "prettier --write --no-error-on-unmatched-pattern"
+        ],
+        "*.{css,less}": [
+            "stylelint --fix",
+            "prettier --write"
+        ],
+        "*.{js,jsx}": [
+            "eslint --fix",
+            "prettier --write"
+        ],
+        "*.{ts,tsx}": [
+            "eslint --fix",
+            "prettier --parser=typescript --write"
+        ]
+    },
+    "dependencies": {
+        "@kep-platform/basic-component": "^0.0.32"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "^17.1.2",
+        "@commitlint/config-conventional": "^17.1.0",
+        "@types/react": "^18.0.0",
+        "@types/react-dom": "^18.0.0",
+        "@umijs/lint": "^4.0.0",
+        "dumi": "^2.3.0",
+        "eslint": "^8.23.0",
+        "father": "^4.1.0",
+        "husky": "^8.0.1",
+        "lint-staged": "^13.0.3",
+        "prettier": "^2.7.1",
+        "prettier-plugin-organize-imports": "^3.0.0",
+        "prettier-plugin-packagejson": "^2.2.18",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
+        "stylelint": "^14.9.1"
+    },
+    "peerDependencies": {
+        "@ant-design/icons": ">=5.0.0",
+        "antd": ">=5.0.0",
+        "axios": ">=1.0.0",
+        "react": ">=16.9.0",
+        "react-dnd": ">=16.0.1",
+        "react-dnd-html5-backend": ">=16.0.1",
+        "react-dom": ">=16.9.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "authors": [],
+    "gitHead": "581914abdd5785a77fa0400eb7cce9f25e07eabf"
 }