@openli1115/lowcode-edit-pro-table 1.0.23

package/lib/components/edit-pro-table/edit-pro-table.js

@@ -0,0 +1,463 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _button = _interopRequireDefault(require("antd/lib/button"));
+var _card = _interopRequireDefault(require("antd/lib/card"));
+var _space = _interopRequireDefault(require("antd/lib/space"));
+var _message2 = _interopRequireDefault(require("antd/lib/message"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _popconfirm = _interopRequireDefault(require("antd/lib/popconfirm"));
+var _form = _interopRequireDefault(require("antd/lib/form"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _proComponents = require("@ant-design/pro-components");
+var _icons = require("@ant-design/icons");
+var _moment = _interopRequireDefault(require("moment"));
+var _ImportExcelButton = _interopRequireDefault(require("./components/ImportExcelButton"));
+var _ExportExcelButton = _interopRequireDefault(require("./components/ExportExcelButton"));
+var _excluded = ["tableName", "columns", "dataSource", "exportButton", "importButton", "importTemplateList", "tableHeaderBold", "tableHeaderSize", "rowKey", "screen_inner_id", "bind_inner_field", "headerTitle", "toolBarRender", "scroll", "loading", "rowCheck", "pagination", "actionColumnProps", "onSubmit"],
+  _excluded2 = ["index"]; // 导入分页配置类型
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var EditProTable = function EditProTable(_ref) {
+  var tableName = _ref.tableName,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    exportButton = _ref.exportButton,
+    importButton = _ref.importButton,
+    importTemplateList = _ref.importTemplateList,
+    tableHeaderBold = _ref.tableHeaderBold,
+    tableHeaderSize = _ref.tableHeaderSize,
+    rowKey = _ref.rowKey,
+    screen_inner_id = _ref.screen_inner_id,
+    _ref$bind_inner_field = _ref.bind_inner_field,
+    bind_inner_field = _ref$bind_inner_field === void 0 ? 'selected_flag' : _ref$bind_inner_field,
+    headerTitle = _ref.headerTitle,
+    toolBarRender = _ref.toolBarRender,
+    _ref$scroll = _ref.scroll,
+    scroll = _ref$scroll === void 0 ? {} : _ref$scroll,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$rowCheck = _ref.rowCheck,
+    rowCheck = _ref$rowCheck === void 0 ? false : _ref$rowCheck,
+    pagination = _ref.pagination,
+    actionColumnProps = _ref.actionColumnProps,
+    onSubmit = _ref.onSubmit,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var actionRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)([]),
+    selectedRowKeys = _useState[0],
+    setSelectedRowKeys = _useState[1];
+  var _useState2 = (0, _react.useState)([]),
+    selectedColumns = _useState2[0],
+    setSelectedColumns = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    editableKeys = _useState3[0],
+    setEditableRowKeys = _useState3[1];
+  var _useState4 = (0, _react.useState)([]),
+    originalColumns = _useState4[0],
+    setOriginalColumns = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    tableDataSource = _useState5[0],
+    setTableDataSource = _useState5[1];
+  var _useState6 = (0, _react.useState)([]),
+    originalDataSource = _useState6[0],
+    setOriginalDataSource = _useState6[1];
+  var _Form$useForm = _form["default"].useForm(),
+    form = _Form$useForm[0];
+  var screenStructure = screen_inner_id ? screen_inner_id.split('__')[1] : '';
+  console.log('editProTable otherProps', otherProps);
+  console.log('dataSource', dataSource);
+  // console.log('screen_inner_id', screen_inner_id);
+  // console.log('bind_inner_field', bind_inner_field);
+
+  var generateProTableColumns = function generateProTableColumns(columns) {
+    // console.log('generateProTableColumns', columns);
+    columns.forEach(function (column, index) {
+      if (column.hasCheckbox) return;
+      column.title = /*#__PURE__*/React.createElement("span", null, column.title, column.required ? /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: 'red',
+          marginLeft: 5
+        }
+      }, "*") : null);
+    });
+  };
+  var extraColumns = [{
+    title: 'ID',
+    dataIndex: 'id',
+    width: 100,
+    fixed: 'left',
+    hideInTable: true
+  }, {
+    title: (actionColumnProps === null || actionColumnProps === void 0 ? void 0 : actionColumnProps.title) || '操作',
+    valueType: 'option',
+    width: (actionColumnProps === null || actionColumnProps === void 0 ? void 0 : actionColumnProps.width) || 150,
+    fixed: (actionColumnProps === null || actionColumnProps === void 0 ? void 0 : actionColumnProps.fixed) || false,
+    render: function render(text, record, _, action) {
+      return [/*#__PURE__*/React.createElement("a", {
+        key: "editable",
+        onClick: function onClick() {
+          var _action$startEditable;
+          action === null || action === void 0 ? void 0 : (_action$startEditable = action.startEditable) === null || _action$startEditable === void 0 ? void 0 : _action$startEditable.call(action, record[rowKey]);
+        }
+      }, "\u7F16\u8F91"), /*#__PURE__*/React.createElement(_popconfirm["default"], {
+        key: "delete",
+        title: "\u786E\u5B9A\u5220\u9664\u6B64\u884C\u5417\uFF1F",
+        onConfirm: function onConfirm() {
+          return handleDelete(record);
+        }
+      }, /*#__PURE__*/React.createElement("a", {
+        style: {
+          color: '#ff4d4f'
+        }
+      }, "\u5220\u9664"))];
+    }
+  }];
+  (0, _react.useEffect)(function () {
+    console.log('columns', columns);
+    setOriginalColumns(columns);
+    // console.log('editProTable columns', columns);
+    // console.log('editProTable dataSource', dataSource);
+    if (dataSource.length) {
+      var convertedDataSource = convertTimeData(dataSource, 'moment');
+      setTableDataSource(convertedDataSource);
+      setOriginalDataSource(JSON.parse(JSON.stringify(convertedDataSource)));
+      setSelectedRowKeys([]);
+      window.selectedRowKeys = [];
+    }
+  }, [dataSource]);
+
+  // 辅助函数：移除对象中的指定属性
+  var omit = function omit(obj, keys) {
+    var result = (0, _extends2["default"])({}, obj);
+    keys.forEach(function (key) {
+      return delete result[key];
+    });
+    return result;
+  };
+
+  // 比较数据并标记状态
+  var compareAndMarkStatus = function compareAndMarkStatus(newData) {
+    // console.log('newData', newData);
+    var markedData = newData.map(function (row) {
+      // 新数据中找不到对应的原始数据，说明是新增的
+      var originalRow = originalDataSource.find(function (origin) {
+        return origin.id === row.id;
+      });
+      if (!originalRow) {
+        return (0, _extends2["default"])({}, row, {
+          inner_status: 'add'
+        });
+      }
+
+      // 比较数据是否有变化（排除 inner_status 字段）
+      var columnDataIndices = originalColumns.map(function (col) {
+        return col.dataIndex;
+      }).filter(function (dataIndex) {
+        return dataIndex !== undefined;
+      });
+      var currentData = {};
+      var originalData = {};
+      columnDataIndices.forEach(function (key) {
+        // 将 date/time 字段转换成moment对象比较
+        var columnItem = originalColumns.find(function (col) {
+          return col.dataIndex === key;
+        });
+        if (columnItem && ['date', 'time'].includes(columnItem.valueType || '')) {
+          // Convert both values to moment objects for proper comparison
+          currentData[key] = row[key] ? _moment["default"].isMoment(row[key]) ? row[key] : (0, _moment["default"])(row[key]) : null;
+          originalData[key] = originalRow[key] ? _moment["default"].isMoment(originalRow[key]) ? originalRow[key] : (0, _moment["default"])(originalRow[key]) : null;
+        } else {
+          currentData[key] = row[key];
+          originalData[key] = originalRow[key];
+        }
+      });
+      var hasChanged = JSON.stringify(currentData) !== JSON.stringify(originalData);
+      return hasChanged ? (0, _extends2["default"])({}, row, {
+        inner_status: 'edit'
+      }) : row;
+    });
+
+    // 找出被删除的数据
+    var deletedRows = originalDataSource.filter(function (origin) {
+      return !newData.find(function (row) {
+        return row.id === origin.id;
+      });
+    }).map(function (origin) {
+      // 如果原始数据是新增的，则直接移除
+      if (origin.inner_status === 'add') {
+        return null;
+      }
+      // 其他情况标记为删除
+      return (0, _extends2["default"])({}, origin, {
+        inner_status: 'delete'
+      });
+    }).filter(Boolean);
+    markedData = [].concat(markedData, deletedRows);
+    markedData.forEach(function (row, rowIndex) {
+      Object.keys(row).forEach(function (columnKey) {
+        // 如果是日期或时间格式且有值，则格式化为对应的日期或者时间格式字符串
+        var columnItem = columns.find(function (col) {
+          return col.dataIndex === columnKey;
+        });
+        if (columnItem && columnItem.valueType === 'date' && typeof row[columnKey] === 'string') {
+          markedData[rowIndex][columnKey] = (0, _moment["default"])(row[columnKey]); //.format('YYYY-MM-DD');
+        }
+        if (columnItem && columnItem.valueType === 'time' && typeof row[columnKey] === 'string') {
+          markedData[rowIndex][columnKey] = (0, _moment["default"])(row[columnKey]); //.format('HH:mm:ss');
+        }
+        // 如果开启了选中行，且绑定了内表字段，该行的该内表字段传值'x'
+        if (rowCheck && bind_inner_field) {
+          markedData[rowIndex][bind_inner_field] = window.selectedRowKeys.includes(row[rowKey]) ? 'x' : '';
+        }
+      });
+    });
+    return markedData;
+  };
+
+  // 只在初始化 dataSource 时，把日期和时间组件的字符串格式的值转为 moment 对象
+  var convertTimeData = function convertTimeData(data, toType) {
+    if (toType === void 0) {
+      toType = 'moment';
+    }
+    return data.map(function (row) {
+      var newRow = (0, _extends2["default"])({}, row);
+      Object.keys(newRow).forEach(function (key) {
+        var col = columns.find(function (c) {
+          return c.dataIndex === key;
+        });
+        if (!col || !['time', 'date'].includes(col.valueType)) return;
+        var value = newRow[key];
+        if (toType === 'moment') {
+          if (!value || value === '') {
+            newRow[key] = null;
+          } else if (typeof value === 'string') {
+            var format = col.valueType === 'time' ? 'HH:mm:ss' : 'YYYY-MM-DD HH:mm:ss';
+            var m = (0, _moment["default"])(value, format, true);
+            newRow[key] = m.isValid() ? m : null;
+          }
+        }
+      });
+      return newRow;
+    });
+  };
+  var handleUpdateData = function handleUpdateData(data, changeTableData) {
+    if (changeTableData === void 0) {
+      changeTableData = true;
+    }
+    var newData = JSON.parse(JSON.stringify(data));
+    if (changeTableData) {
+      setTableDataSource(newData);
+    }
+    var markedData = compareAndMarkStatus(newData);
+    console.log('markedData', markedData);
+    if (!screenStructure) return;
+    screenStructure && window.screenStructures && (window.screenStructures[screenStructure] = markedData);
+  };
+
+  // 处理保存
+  var handleSave = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(key, row) {
+      var newData, index, restRow, rowIndex;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            console.log('handleSave row', row);
+            console.log('handleSave originalColumns', originalColumns);
+            originalColumns.forEach(function (columnItem) {
+              var _columnItem$title, _columnItem$title$pro, _columnItem$title$pro2;
+              var title = typeof columnItem.title === 'object' ? (_columnItem$title = columnItem.title) === null || _columnItem$title === void 0 ? void 0 : (_columnItem$title$pro = _columnItem$title.props) === null || _columnItem$title$pro === void 0 ? void 0 : (_columnItem$title$pro2 = _columnItem$title$pro.children) === null || _columnItem$title$pro2 === void 0 ? void 0 : _columnItem$title$pro2[0] : columnItem.title;
+              if (columnItem && columnItem.required && !row[columnItem.dataIndex]) {
+                _message2["default"].error("\u5B57\u6BB5 " + title + " \u662F\u5FC5\u586B\u9879");
+                throw new Error("\u5B57\u6BB5 " + title + " \u662F\u5FC5\u586B\u9879");
+              }
+            });
+            newData = JSON.parse(JSON.stringify(tableDataSource));
+            index = row.index, restRow = (0, _objectWithoutPropertiesLoose2["default"])(row, _excluded2);
+            rowIndex = newData.findIndex(function (item) {
+              return item.id === key;
+            });
+            if (rowIndex > -1) {
+              newData[rowIndex] = restRow;
+            } else {
+              newData.push(restRow);
+            }
+            handleUpdateData(newData);
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleSave(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  // 处理删除
+  var handleDelete = function handleDelete(record) {
+    var newData = tableDataSource.filter(function (item) {
+      return item.id !== record.id;
+    });
+    handleUpdateData(newData);
+  };
+
+  // 处理新增
+  var handleAdd = function handleAdd() {
+    var _actionRef$current, _actionRef$current$ad;
+    var newRow = {
+      id: (Math.random() * 1000000).toFixed(0)
+    };
+    (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$ad = _actionRef$current.addEditRecord) === null || _actionRef$current$ad === void 0 ? void 0 : _actionRef$current$ad.call(_actionRef$current, newRow);
+  };
+
+  // 行选中
+  var handleRowChange = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(key, row) {
+      return _regenerator["default"].wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            // console.log('handleRowChange', key, row);
+            setSelectedRowKeys(key);
+            window.selectedRowKeys = key;
+            setTimeout(function () {
+              var newData = JSON.parse(JSON.stringify(tableDataSource));
+              handleUpdateData(newData);
+            }, 500);
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handleRowChange(_x3, _x4) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  // 处理导入
+  var handleImport = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(response) {
+      var newData, newColumns;
+      return _regenerator["default"].wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!(!response || !response.columns || !response.data || !response.data.length)) {
+              _context3.next = 1;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 1:
+            newData = response.data.map(function (item, index) {
+              return (0, _extends2["default"])({
+                id: index
+              }, item);
+            });
+            newColumns = response.columns;
+            setOriginalColumns(newColumns);
+            setTableDataSource(newData);
+            setOriginalDataSource(newData);
+            if (screenStructure) {
+              _context3.next = 2;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 2:
+            screenStructure && window.screenStructures && (window.screenStructures[screenStructure] = newData);
+            // screenStructure && window.updateGlobalStructure && window.updateGlobalStructure({[screenStructure]: newData});
+          case 3:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function handleImport(_x5) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var tableClassName = 'edit-pro-table';
+  if (tableHeaderBold) {
+    tableClassName += ' th-bold';
+  }
+  if (tableHeaderSize) {
+    tableClassName += " th-font-" + tableHeaderSize;
+  }
+  generateProTableColumns(originalColumns);
+  return /*#__PURE__*/React.createElement(_card["default"], {
+    bordered: false,
+    bodyStyle: {
+      padding: 0
+    },
+    style: {
+      width: '100%'
+    }
+  }, (exportButton || importButton) && /*#__PURE__*/React.createElement(_card["default"], {
+    bordered: false,
+    bodyStyle: {
+      padding: '0 0 12px'
+    }
+  }, /*#__PURE__*/React.createElement(_space["default"], null, exportButton && /*#__PURE__*/React.createElement(_ExportExcelButton["default"], {
+    tableDataSource: tableDataSource,
+    columns: originalColumns,
+    tableName: tableName
+  }), importButton && /*#__PURE__*/React.createElement(_ImportExcelButton["default"], {
+    importTemplateList: importTemplateList,
+    onImport: handleImport
+  }))), /*#__PURE__*/React.createElement(_proComponents.EditableProTable, (0, _extends2["default"])({}, otherProps, {
+    rowKey: rowKey,
+    rowSelection: rowKey && rowCheck ? {
+      selectedRowKeys: selectedRowKeys,
+      onChange: handleRowChange
+    } : false,
+    actionRef: actionRef,
+    headerTitle: headerTitle,
+    recordCreatorProps: false // 关闭默认的新建按钮
+    ,
+    search: false,
+    columns: [].concat(originalColumns, extraColumns),
+    value: tableDataSource,
+    loading: loading,
+    editable: {
+      form: form,
+      editableKeys: editableKeys,
+      onSave: handleSave,
+      onChange: setEditableRowKeys,
+      actionRender: function actionRender(row, config, dom) {
+        return [dom.save, dom.cancel];
+      }
+    },
+    scroll: scroll,
+    pagination: (0, _extends2["default"])({
+      showSizeChanger: true,
+      showQuickJumper: true
+    }, pagination, {
+      defaultPageSize: 10,
+      showTotal: function showTotal(total) {
+        return "\u5171 " + total + " \u6761\u6570\u636E";
+      },
+      pageSizeOptions: ['10', '20', '30', '50', '100']
+    }),
+    className: tableClassName
+  })), /*#__PURE__*/React.createElement(_card["default"], {
+    bordered: false,
+    bodyStyle: {
+      padding: '0 0 40px'
+    },
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(_button["default"], {
+    type: "dashed",
+    onClick: handleAdd,
+    icon: /*#__PURE__*/React.createElement(_icons.PlusOutlined, null),
+    block: true
+  }, "\u65B0\u589E\u4E00\u884C")));
+};
+var _default = exports["default"] = EditProTable;

package/lib/components/edit-pro-table/index.d.ts

@@ -0,0 +1,3 @@
+import EditProTable from './edit-pro-table';
+export type { EditProTableProps } from './edit-pro-table';
+export default EditProTable;

package/lib/components/edit-pro-table/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _editProTable = _interopRequireDefault(require("./edit-pro-table"));
+var _default = exports["default"] = _editProTable["default"];

package/lib/components/pro-table/index.d.ts

@@ -0,0 +1,3 @@
+import ProTable from './pro-table';
+export type { ProTableProps } from './pro-table';
+export default ProTable;

package/lib/components/pro-table/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _proTable = _interopRequireDefault(require("./pro-table"));
+var _default = exports["default"] = _proTable["default"];

package/lib/components/pro-table/pro-table.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { ProColumns } from '@ant-design/pro-components';
+import type { TablePaginationConfig } from 'antd/es/table';
+interface ProTableProps {
+    rowKey?: string;
+    tableName?: string;
+    columns?: ProColumns[];
+    dataSource?: [];
+    headerTitle?: string;
+    exportButton?: boolean;
+    importButton?: boolean;
+    importTemplateList?: string;
+    tableHeaderBold?: boolean;
+    tableHeaderSize?: string;
+    screen_inner_id?: string;
+    toolBarRender?: boolean;
+    scroll?: {
+        x?: number | string;
+        y?: number | string;
+    };
+    pagination?: false | TablePaginationConfig;
+}
+declare const ProTable: React.FC<ProTableProps>;
+export type { ProTableProps };
+export default ProTable;

package/lib/components/pro-table/pro-table.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _card = _interopRequireDefault(require("antd/lib/card"));
+var _space = _interopRequireDefault(require("antd/lib/space"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _proComponents = require("@ant-design/pro-components");
+var _ImportExcelButton = _interopRequireDefault(require("../edit-pro-table/components/ImportExcelButton"));
+var _ExportExcelButton = _interopRequireDefault(require("../edit-pro-table/components/ExportExcelButton"));
+var _excluded = ["rowKey", "columns", "dataSource", "tableName", "headerTitle", "exportButton", "importButton", "importTemplateList", "tableHeaderBold", "tableHeaderSize", "toolBarRender", "screen_inner_id", "scroll", "pagination"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var ProTable = function ProTable(_ref) {
+  var _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? 'id' : _ref$rowKey,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    tableName = _ref.tableName,
+    headerTitle = _ref.headerTitle,
+    exportButton = _ref.exportButton,
+    importButton = _ref.importButton,
+    importTemplateList = _ref.importTemplateList,
+    tableHeaderBold = _ref.tableHeaderBold,
+    tableHeaderSize = _ref.tableHeaderSize,
+    toolBarRender = _ref.toolBarRender,
+    screen_inner_id = _ref.screen_inner_id,
+    _ref$scroll = _ref.scroll,
+    scroll = _ref$scroll === void 0 ? {} : _ref$scroll,
+    pagination = _ref.pagination,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _useState = (0, _react.useState)([]),
+    tableDataSource = _useState[0],
+    setTableDataSource = _useState[1];
+  var _useState2 = (0, _react.useState)([]),
+    originalColumns = _useState2[0],
+    setOriginalColumns = _useState2[1];
+  var screenStructure = screen_inner_id ? screen_inner_id.split('__')[1] : '';
+  console.log('proTable otherProps', otherProps);
+  console.log('proTable dataSource', dataSource);
+  var extraColumns = [{
+    title: 'ID',
+    dataIndex: 'id',
+    width: 100,
+    fixed: 'left',
+    hideInTable: true
+  }];
+  (0, _react.useEffect)(function () {
+    setOriginalColumns(columns);
+    if (dataSource.length) {
+      setTableDataSource(dataSource);
+    }
+  }, [dataSource]);
+
+  // 处理导入
+  var handleImport = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(response) {
+      var newData;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!response || !response.columns || !response.data || !response.data.length)) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            newData = response.data.map(function (item, index) {
+              return (0, _extends2["default"])({
+                id: index
+              }, item);
+            });
+            setOriginalColumns(response.columns);
+            setTableDataSource(newData);
+            if (screenStructure) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            screenStructure && window.screenStructures && (window.screenStructures[screenStructure] = newData);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleImport(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var tableClassName = 'pro-table';
+  if (tableHeaderBold) {
+    tableClassName += ' th-bold';
+  }
+  if (tableHeaderSize) {
+    tableClassName += " th-font-" + tableHeaderSize;
+  }
+  return /*#__PURE__*/React.createElement(_card["default"], {
+    bordered: false,
+    bodyStyle: {
+      padding: 0
+    },
+    style: {
+      width: '100%'
+    }
+  }, (exportButton || importButton) && /*#__PURE__*/React.createElement(_card["default"], {
+    bordered: false,
+    bodyStyle: {
+      padding: '0 0 12px'
+    }
+  }, /*#__PURE__*/React.createElement(_space["default"], null, exportButton && /*#__PURE__*/React.createElement(_ExportExcelButton["default"], {
+    tableDataSource: tableDataSource,
+    columns: originalColumns,
+    tableName: tableName
+  }), importButton && /*#__PURE__*/React.createElement(_ImportExcelButton["default"], {
+    importTemplateList: importTemplateList,
+    onImport: handleImport
+  }))), /*#__PURE__*/React.createElement(_proComponents.ProTable, (0, _extends2["default"])({}, otherProps, {
+    rowKey: rowKey,
+    headerTitle: headerTitle,
+    search: false,
+    columns: [].concat(originalColumns, extraColumns),
+    dataSource: tableDataSource,
+    scroll: scroll,
+    pagination: (0, _extends2["default"])({
+      showSizeChanger: true,
+      showQuickJumper: true
+    }, pagination, {
+      defaultPageSize: 10,
+      showTotal: function showTotal(total) {
+        return "\u5171 " + total + " \u6761\u6570\u636E";
+      },
+      pageSizeOptions: ['10', '20', '30', '50', '100']
+    }),
+    toolBarRender: false,
+    style: {
+      width: '100%'
+    },
+    className: tableClassName
+  })));
+};
+var _default = exports["default"] = ProTable;

package/lib/components/utils/index.d.ts

@@ -0,0 +1,6 @@
+export declare const updateScreenStructure: (screen_structure: any, screen_structure_field: any, value: any) => void;
+export declare const getStructureFieldName: (screen_structure: string, screen_structure_field: string) => {
+    structureName: string;
+    structureField: string;
+};
+export declare const baseUrl: string;