zmdms-webui 1.3.1 → 1.3.2

package/dist/es/table/table.js

@@ -11,17 +11,17 @@ import './components/ColumnAddDel.js';
 import './components/TitleOperation.js';
 import { TABLE_DYNAMIC_KEY, INNER_TABLE_PAGINATION_POSITION, INNER_TABLE_PAGINATION_PAGESIZEOPTIONS } from './constant.js';
 import './components/PopoverIcon.js';
+import { useLatest } from 'ahooks';
 import { useParseColumns } from './useParseColumns.js';
 import { useColumns } from './useColumns.js';
 import { useDynamicListByColumns } from './useDynamicListByColumns.js';
 import useSummary from './useSummary.js';
 import useInnerPagination, { getInnerIndex } from './useInnerPagination.js';
-import { useScuRfresh, useEditChange, useMoveRowChange, useAddAndDelChange, useCustomSort } from './hooks.js';
+import { useScuRfresh, useCustomSort, useEditChange, useMoveRowChange, useAddAndDelChange } from './hooks.js';
 import { HTML5Backend } from '../node_modules/react-dnd-html5-backend/dist/index.js';
 import { VList, scrollTo } from '../node_modules/virtuallist-antd/dist/index.es.js';
 import useTableValidate, { tableValidate } from './useTableValidate.js';
 import TitleDirectionColumn from './components/TitleDirectionColumn.js';
-import { useLatest } from 'ahooks';
 import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
 import { DndProvider } from '../node_modules/react-dnd/dist/core/DndProvider.js';
 
@@ -34,31 +34,44 @@ import { DndProvider } from '../node_modules/react-dnd/dist/core/DndProvider.js'
 // completed: 实现虚拟滚动配置
 // completed: 实现表头自定义伸缩
 // completed: 排序功能优化
-// TODO: 过滤功能
+// completed: 过滤功能
+// TODO: 实现从execl复制到表格中的功能
 var Table = function (props) {
     // console.log("表格渲染");
-    var className = props.className, _a = props.bordered, bordered = _a === void 0 ? true : _a, _b = props.pagination, pagination = _b === void 0 ? false : _b, isFlex = props.isFlex; props.tablePreferences; var dynamicKey = props.dynamicKey, hiddenDynamicIcon = props.hiddenDynamicIcon, _columns = props.columns, dataSource = props.dataSource, onTableChange = props.onTableChange, isEdit = props.isEdit, isMove = props.isMove, isAdd = props.isAdd, hiddenAddBtnHandle = props.hiddenAddBtnHandle, _c = props.isTheadTitleAdd, isTheadTitleAdd = _c === void 0 ? true : _c, addMode = props.addMode, addCallback = props.addCallback, isDel = props.isDel, delPopTitle = props.delPopTitle, hiddenDelBtnHandle = props.hiddenDelBtnHandle, _d = props.isDelAll, isDelAll = _d === void 0 ? true : _d, isAddAndDelAuto = props.isAddAndDelAuto, summaryConfig = props.summaryConfig, _e = props.summaryFixed, summaryFixed = _e === void 0 ? true : _e, isInnerPagination = props.isInnerPagination, _f = props.innerPaginationPageSize, innerPaginationPageSize = _f === void 0 ? 30 : _f, _g = props.innerPaginationPosition, innerPaginationPosition = _g === void 0 ? INNER_TABLE_PAGINATION_POSITION : _g, _h = props.innerPaginationPageSizeOptions, innerPaginationPageSizeOptions = _h === void 0 ? INNER_TABLE_PAGINATION_PAGESIZEOPTIONS : _h, innerPaginationConfig = props.innerPaginationConfig, tableRefHandle = props.tableRefHandle, tableName = props.tableName, serviceOrder = props.serviceOrder, differences = props.differences, virtualKey = props.virtualKey, _j = props.isResizableColumn, isResizableColumn = _j === void 0 ? true : _j, _k = props.isResizableTitleEllipsis, isResizableTitleEllipsis = _k === void 0 ? true : _k, _l = props.isRealTimeValidate, isRealTimeValidate = _l === void 0 ? true : _l, isMarginTop = props.isMarginTop, isMarginBottom = props.isMarginBottom, resetProps = __rest(props, ["className", "bordered", "pagination", "isFlex", "tablePreferences", "dynamicKey", "hiddenDynamicIcon", "columns", "dataSource", "onTableChange", "isEdit", "isMove", "isAdd", "hiddenAddBtnHandle", "isTheadTitleAdd", "addMode", "addCallback", "isDel", "delPopTitle", "hiddenDelBtnHandle", "isDelAll", "isAddAndDelAuto", "summaryConfig", "summaryFixed", "isInnerPagination", "innerPaginationPageSize", "innerPaginationPosition", "innerPaginationPageSizeOptions", "innerPaginationConfig", "tableRefHandle", "tableName", "serviceOrder", "differences", "virtualKey", "isResizableColumn", "isResizableTitleEllipsis", "isRealTimeValidate", "isMarginTop", "isMarginBottom"]);
-    // 做一些前置处理
-    // 比如过滤某些列 不做展示
-    var columns = useParseColumns(_columns);
+    var className = props.className, _a = props.bordered, bordered = _a === void 0 ? true : _a, _b = props.pagination, pagination = _b === void 0 ? false : _b, isFlex = props.isFlex; props.tablePreferences; var dynamicKey = props.dynamicKey, isRemeberFilter = props.isRemeberFilter, _c = props.isOrderUpdateData, isOrderUpdateData = _c === void 0 ? true : _c, hiddenDynamicIcon = props.hiddenDynamicIcon, _columns = props.columns, dataSource = props.dataSource, onTableChange = props.onTableChange, isEdit = props.isEdit, isMove = props.isMove, isAdd = props.isAdd, hiddenAddBtnHandle = props.hiddenAddBtnHandle, _d = props.isTheadTitleAdd, isTheadTitleAdd = _d === void 0 ? true : _d, addMode = props.addMode, addCallback = props.addCallback, isDel = props.isDel, delPopTitle = props.delPopTitle, hiddenDelBtnHandle = props.hiddenDelBtnHandle, _e = props.isDelAll, isDelAll = _e === void 0 ? true : _e, isAddAndDelAuto = props.isAddAndDelAuto, summaryConfig = props.summaryConfig, _f = props.summaryFixed, summaryFixed = _f === void 0 ? true : _f, isInnerPagination = props.isInnerPagination, _g = props.innerPaginationPageSize, innerPaginationPageSize = _g === void 0 ? 30 : _g, _h = props.innerPaginationPosition, innerPaginationPosition = _h === void 0 ? INNER_TABLE_PAGINATION_POSITION : _h, _j = props.innerPaginationPageSizeOptions, innerPaginationPageSizeOptions = _j === void 0 ? INNER_TABLE_PAGINATION_PAGESIZEOPTIONS : _j, innerPaginationConfig = props.innerPaginationConfig, tableRefHandle = props.tableRefHandle, tableName = props.tableName, serviceOrder = props.serviceOrder, differences = props.differences, virtualKey = props.virtualKey, _k = props.isResizableColumn, isResizableColumn = _k === void 0 ? true : _k, _l = props.isResizableTitleEllipsis, isResizableTitleEllipsis = _l === void 0 ? true : _l, _m = props.isRealTimeValidate, isRealTimeValidate = _m === void 0 ? true : _m, isMarginTop = props.isMarginTop, isMarginBottom = props.isMarginBottom, resetProps = __rest(props, ["className", "bordered", "pagination", "isFlex", "tablePreferences", "dynamicKey", "isRemeberFilter", "isOrderUpdateData", "hiddenDynamicIcon", "columns", "dataSource", "onTableChange", "isEdit", "isMove", "isAdd", "hiddenAddBtnHandle", "isTheadTitleAdd", "addMode", "addCallback", "isDel", "delPopTitle", "hiddenDelBtnHandle", "isDelAll", "isAddAndDelAuto", "summaryConfig", "summaryFixed", "isInnerPagination", "innerPaginationPageSize", "innerPaginationPosition", "innerPaginationPageSizeOptions", "innerPaginationConfig", "tableRefHandle", "tableName", "serviceOrder", "differences", "virtualKey", "isResizableColumn", "isResizableTitleEllipsis", "isRealTimeValidate", "isMarginTop", "isMarginBottom"]);
     var classes = classNames("ztxk-table", className, {
         "ztxk-table--flex": isFlex,
     });
+    // 针对SCU和增减行 做特殊处理
+    var _o = useScuRfresh(), refreshScuCell = _o.refreshScuCell, getRefreshScuCell = _o.getRefreshScuCell;
+    // 做一些前置处理
+    // 比如过滤某些列 不做展示
+    var columns = useParseColumns(_columns);
+    // 得到动态列配置信息
+    var _p = useDynamicListByColumns(columns, dynamicKey), defaultDynamicList = _p.defaultDynamicList, onCurrentListChange = _p.onCurrentListChange, currentDynamicList = _p.currentDynamicList, dynamicSettingRef = _p.dynamicSettingRef;
+    // 因为内部分页需要知晓当前页面的数据展示，要不然数据排序就跟内部分页没关系了
+    // 自定义排序方法
+    var _q = useCustomSort(dataSource, onTableChange, {
+        refreshScuCell: refreshScuCell,
+        rowKey: props === null || props === void 0 ? void 0 : props.rowKey,
+        serviceOrder: serviceOrder,
+        isOrderUpdateData: isOrderUpdateData,
+    }), order = _q.order, setOrder = _q.setOrder, customSortHandle = _q.customSortHandle, sortDataSource = _q.sortDataSource;
+    // 当前表格展示的数据
+    // 如果开启了前端排序的话，排序后的数据，可能会影响到很多地方。
+    // 所以后续操作的数据 应该用
+    var currentTableDataSource = sortDataSource ? sortDataSource : dataSource;
     // 将表格数据 在 Ref中 存储一份
-    var dataSourceRef = useLatest(dataSource);
+    var dataSourceRef = useLatest(currentTableDataSource);
     var hiddenDelBtnHandleRef = useLatest(hiddenDelBtnHandle);
     var hiddenAddBtnHandleRef = useLatest(hiddenAddBtnHandle);
-    // 得到动态列配置信息
-    var _m = useDynamicListByColumns(columns, dynamicKey), defaultDynamicList = _m.defaultDynamicList, onCurrentListChange = _m.onCurrentListChange, currentDynamicList = _m.currentDynamicList, dynamicSettingRef = _m.dynamicSettingRef;
-    // 针对SCU和增减行 做特殊处理
-    var _o = useScuRfresh(), refreshScuCell = _o.refreshScuCell, getRefreshScuCell = _o.getRefreshScuCell;
     // 内部分页相关配置
-    var _p = useInnerPagination(isInnerPagination, innerPaginationPageSize, {
+    var _r = useInnerPagination(isInnerPagination, innerPaginationPageSize, {
         innerPaginationPosition: innerPaginationPosition,
         innerPaginationPageSizeOptions: innerPaginationPageSizeOptions,
         innerPaginationConfig: innerPaginationConfig,
-        dataSource: dataSource,
-    }), paginationConfig = _p.paginationConfig, currentPage = _p.currentPage, setCurrent = _p.setCurrent, pageSize = _p.pageSize;
+        dataSource: currentTableDataSource,
+    }), paginationConfig = _r.paginationConfig, currentPage = _r.currentPage, setCurrent = _r.setCurrent, pageSize = _r.pageSize;
     // 内部表格编辑事件
     var onEditableSave = useEditChange(dataSourceRef, onTableChange);
     // 内部表格拖拽事件
@@ -76,22 +89,16 @@ var Table = function (props) {
         isAddAndDelAuto: isAddAndDelAuto,
         currentPage: currentPage,
     });
-    // 自定义排序方法
-    var _q = useCustomSort(dataSource, onTableChange, {
-        refreshScuCell: refreshScuCell,
-        currentPage: currentPage,
-        rowKey: props === null || props === void 0 ? void 0 : props.rowKey,
-        serviceOrder: serviceOrder,
-    }), order = _q.order, setOrder = _q.setOrder, customSortHandle = _q.customSortHandle, sortDataSource = _q.sortDataSource;
     // 处理列配置信息 得到新的列配置信息
     var newColumns = useColumns(columns, {
         // 动态列配置相关信息
         dynamicKey: dynamicKey,
+        isRemeberFilter: isRemeberFilter,
         hiddenDynamicIcon: hiddenDynamicIcon,
         currentDynamicList: currentDynamicList,
         dynamicSettingRef: dynamicSettingRef,
         onCurrentListChange: onCurrentListChange,
-        dataSource: dataSource,
+        dataSource: currentTableDataSource,
         dataSourceRef: dataSourceRef,
         onEditableSave: onEditableSave,
         isEdit: isEdit,
@@ -117,6 +124,7 @@ var Table = function (props) {
         hiddenDelBtnHandleRef: hiddenDelBtnHandleRef,
         // 是否隐藏某一列的增加按钮
         hiddenAddBtnHandleRef: hiddenAddBtnHandleRef,
+        rowKey: props.rowKey,
     }).newColumns;
     // 内部表格总结栏
     var getSummaryHandle = useSummary(summaryConfig, newColumns, {
@@ -127,7 +135,7 @@ var Table = function (props) {
         isDel: isDel,
     });
     // 表格验证
-    var _r = useTableValidate(), tableRef = _r.tableRef, getCurrentTable = _r.getCurrentTable, clearErrorClass = _r.clearErrorClass;
+    var _s = useTableValidate(), tableRef = _s.tableRef, getCurrentTable = _s.getCurrentTable, clearErrorClass = _s.clearErrorClass;
     // 虚拟滚动选项
     var vComponents = useMemo(function () {
         var _a;
@@ -249,7 +257,7 @@ var Table = function (props) {
         };
     });
     // 表格
-    var SingleTable = (jsx(Table$1, __assign({ className: classes, bordered: bordered, dataSource: sortDataSource ? sortDataSource : dataSource, columns: newColumns, components: componentsMemo, onRow: onRow, summary: getSummaryHandle, pagination: isInnerPagination
+    var SingleTable = (jsx(Table$1, __assign({ className: classes, bordered: bordered, dataSource: currentTableDataSource, columns: newColumns, components: componentsMemo, onRow: onRow, summary: getSummaryHandle, pagination: isInnerPagination
             ? pagination
                 ? pagination
                 : paginationConfig

package/dist/es/table/useColumns.js

@@ -1,7 +1,7 @@
-import { __assign, __spreadArray } from '../_virtual/_tslib.js';
+import { __assign, __spreadArray, __awaiter, __generator } from '../_virtual/_tslib.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { getTableColumns } from './utils.js';
-import 'react';
+import { useRef } from 'react';
+import { getTableColumns, getFilterRecords, startColumnInsertTableData, parsePasteData } from './utils.js';
 import '../node_modules/classnames/index.js';
 import 'ahooks';
 import './components/EnhanceHeaderCell.js';
@@ -10,22 +10,31 @@ import ColumnAddDel, { ColumnDelAll, ColumnAdd } from './components/ColumnAddDel
 import TitleOperation from './components/TitleOperation.js';
 import SortTitle from './components/SortTitle.js';
 import PopoverIcon from './components/PopoverIcon.js';
+import FilterDropdown, { createFilterValue, filterHandle } from './components/FilterDropdown.js';
 import { PLACEHOLDER_NULL } from '../config/constant.js';
+import SearchOutlined from '../node_modules/@ant-design/icons/es/icons/SearchOutlined.js';
 
 // 处理columns
 // 根据传入的一些信息 重新生成新的columns配置
 // 不适用column里面的dataIndex字段，使用key字段
 function useColumns(columns, options) {
+    var _this = this;
     var _a, _b;
-    var dynamicKey = options.dynamicKey, hiddenDynamicIcon = options.hiddenDynamicIcon, currentDynamicList = options.currentDynamicList, dataSourceRef = options.dataSourceRef, onEditableSave = options.onEditableSave, isEdit = options.isEdit, isAdd = options.isAdd, isTheadTitleAdd = options.isTheadTitleAdd, isDel = options.isDel, delPopTitle = options.delPopTitle, dynamicSettingRef = options.dynamicSettingRef, onCurrentListChange = options.onCurrentListChange, onAddAndDel = options.onAddAndDel, getRefreshScuCell = options.getRefreshScuCell, isDelAll = options.isDelAll, currentPage = options.currentPage, onTableChange = options.onTableChange, order = options.order, setOrder = options.setOrder, customSortHandle = options.customSortHandle, isResizableColumn = options.isResizableColumn, isResizableTitleEllipsis = options.isResizableTitleEllipsis, isRealTimeValidate = options.isRealTimeValidate, hiddenDelBtnHandleRef = options.hiddenDelBtnHandleRef, hiddenAddBtnHandleRef = options.hiddenAddBtnHandleRef;
-    var newColumns = getTableColumns(columns, currentDynamicList);
+    var dynamicKey = options.dynamicKey, isRemeberFilter = options.isRemeberFilter, hiddenDynamicIcon = options.hiddenDynamicIcon, currentDynamicList = options.currentDynamicList, dataSource = options.dataSource, dataSourceRef = options.dataSourceRef, onEditableSave = options.onEditableSave, isEdit = options.isEdit, isAdd = options.isAdd, isTheadTitleAdd = options.isTheadTitleAdd, isDel = options.isDel, delPopTitle = options.delPopTitle, dynamicSettingRef = options.dynamicSettingRef, onCurrentListChange = options.onCurrentListChange, onAddAndDel = options.onAddAndDel, getRefreshScuCell = options.getRefreshScuCell, isDelAll = options.isDelAll, currentPage = options.currentPage, onTableChange = options.onTableChange, order = options.order, setOrder = options.setOrder, customSortHandle = options.customSortHandle, isResizableColumn = options.isResizableColumn, isResizableTitleEllipsis = options.isResizableTitleEllipsis, isRealTimeValidate = options.isRealTimeValidate, hiddenDelBtnHandleRef = options.hiddenDelBtnHandleRef, hiddenAddBtnHandleRef = options.hiddenAddBtnHandleRef, rowKey = options.rowKey;
+    var newColumns = getTableColumns(columns, currentDynamicList).columns;
+    // 表头过滤的一些配置（获取表头过滤的input的输入框的引用）
+    var searchValueInputRef = useRef(null);
+    // 记录表头过滤的一些配置（通过ref记录，key => filter） 复制整列时，需要先走过滤
+    var filterConfigRef = useRef({});
     // 循环遍历 neColumns 根据一些内容进行处理
     var myNewColumns = [];
     var enhanceColumnHandle = function (_column, options) {
-        var _a, _b, _c;
-        var isCopy = _column.isCopy, editable = _column.editable, editableConfig = _column.editableConfig, title = _column.title, key = _column.key, validate = _column.validate, isRequire = _column.isRequire, isFillDown = _column.isFillDown, isOrder = _column.isOrder, isStress = _column.isStress, popoverText = _column.popoverText, showType = _column.showType;
+        var _a;
+        var _b, _c, _d, _e, _f;
+        var isCopy = _column.isCopy, editable = _column.editable, editableConfig = _column.editableConfig, title = _column.title, key = _column.key, validate = _column.validate, isRequire = _column.isRequire, isFillDown = _column.isFillDown, isOrder = _column.isOrder, isStress = _column.isStress, popoverText = _column.popoverText, showType = _column.showType, isFilter = _column.isFilter, __dynamicItem__ = _column.__dynamicItem__;
+        // 表格列，唯一key
         var _key = key ? key : _column === null || _column === void 0 ? void 0 : _column.dataIndex;
-        var _d = (options || {}).keyIndex, keyIndex = _d === void 0 ? [] : _d;
+        var _g = (options || {}).keyIndex, keyIndex = _g === void 0 ? [] : _g;
         var isRequireNode = isRequire ? (jsx("i", __assign({ className: "ztxk-column--required" }, { children: "*" }))) : null;
         if (showType) {
             _column.className = _column.className
@@ -35,7 +44,7 @@ function useColumns(columns, options) {
         // 添加气泡提示
         if (popoverText) {
             _column.title = (jsxs(Fragment, { children: [typeof _column.title === "function"
-                        ? (_a = _column.title) === null || _a === void 0 ? void 0 : _a.call(_column, {})
+                        ? (_b = _column.title) === null || _b === void 0 ? void 0 : _b.call(_column, {})
                         : _column.title, jsx(PopoverIcon, { text: popoverText })] }));
         }
         // 添加自定义排序
@@ -65,8 +74,74 @@ function useColumns(columns, options) {
                     justifyContent: "space-between",
                     flex: "1",
                 } }, { children: [jsx("div", __assign({ style: { flexGrow: 1, textAlign: _column.align }, className: isStress ? "ztxk-table--title-stress" : undefined }, { children: typeof _column.title === "function"
-                            ? (_b = _column.title) === null || _b === void 0 ? void 0 : _b.call(_column, {})
-                            : _column.title })), jsx(TitleOperation, { copyKey: isCopy === true ? _key : isCopy, dataSourceRef: dataSourceRef, isFillDown: isFillDown, dataKey: _key, onTableChange: onTableChange })] })));
+                            ? (_c = _column.title) === null || _c === void 0 ? void 0 : _c.call(_column, {})
+                            : _column.title })), jsx(TitleOperation, { copyKey: isCopy === true ? _key : isCopy, dataSourceRef: dataSourceRef, isFillDown: isFillDown, dataKey: _key, onTableChange: onTableChange, filterConfigRef: filterConfigRef })] })));
+        }
+        // 20240802
+        // 列头增加过滤功能
+        if (isFilter) {
+            var input_1 = (_d = __dynamicItem__ === null || __dynamicItem__ === void 0 ? void 0 : __dynamicItem__.filter) === null || _d === void 0 ? void 0 : _d.input;
+            var checkbox_1 = (_e = __dynamicItem__ === null || __dynamicItem__ === void 0 ? void 0 : __dynamicItem__.filter) === null || _e === void 0 ? void 0 : _e.checkbox;
+            // 组合生成过滤数据
+            var filteredValue = createFilterValue(input_1, checkbox_1);
+            /**
+             * 自定义渲染视图
+             * @param selectedKeys string[] 搜索的值数组
+             * @param setSelectedKeys 设置方法
+             * @param confirm 确认提交
+             * @param clearFilters 确认清楚
+             * @returns
+             */
+            _column.filterDropdown = function (_a) {
+                var selectedKeys = _a.selectedKeys, setSelectedKeys = _a.setSelectedKeys, confirm = _a.confirm, clearFilters = _a.clearFilters;
+                return (jsx(FilterDropdown, { dataSource: dataSource, dataSourceRef: dataSourceRef, filterKey: _key, selectedKeys: selectedKeys, setSelectedKeys: setSelectedKeys, confirm: confirm, clearFilters: clearFilters, searchValueInputRef: searchValueInputRef, defaultFilterSearchValue: isRemeberFilter ? input_1 : undefined, defaultFilterSearchCheckboxValue: isRemeberFilter ? checkbox_1 : undefined, onFilterChange: function (filter) {
+                        var _a;
+                        var _b;
+                        // 实时记录下当前的值
+                        var filteredValue = createFilterValue(filter === null || filter === void 0 ? void 0 : filter.input, filter === null || filter === void 0 ? void 0 : filter.checkbox);
+                        filterConfigRef.current = (_a = {},
+                            _a[_key] = filteredValue,
+                            _a);
+                        if (!isRemeberFilter) {
+                            return;
+                        }
+                        // 如果有持久化 那么更新持久化数据
+                        var _c = getColumnsItem({
+                            currentDynamicList: currentDynamicList,
+                            currentKey: _key,
+                            keyIndex: keyIndex,
+                        }), result = _c.result, newList = _c.newList;
+                        if (result) {
+                            result.filter = filter;
+                        }
+                        if (dynamicKey) {
+                            (_b = dynamicSettingRef === null || dynamicSettingRef === void 0 ? void 0 : dynamicSettingRef.current) === null || _b === void 0 ? void 0 : _b.updateList(newList);
+                        }
+                        else {
+                            onCurrentListChange === null || onCurrentListChange === void 0 ? void 0 : onCurrentListChange(newList);
+                        }
+                    } }));
+            };
+            // 持久化
+            if (isRemeberFilter) {
+                // 初始记录下当前的值
+                filterConfigRef.current = (_a = {},
+                    _a[_key] = filteredValue,
+                    _a);
+                _column.filteredValue = filteredValue;
+            }
+            _column.filterIcon = function () { return jsx(SearchOutlined, {}); };
+            _column.onFilter = function (value, record) {
+                return filterHandle(value, record, _key);
+            };
+            _column.onFilterDropdownOpenChange = function (visible) {
+                if (visible) {
+                    setTimeout(function () {
+                        var _a;
+                        (_a = searchValueInputRef.current) === null || _a === void 0 ? void 0 : _a.select();
+                    }, 100);
+                }
+            };
         }
         var justifyContent = {
             center: "center",
@@ -82,16 +157,93 @@ function useColumns(columns, options) {
                         ? justifyContent[_column.align]
                         : undefined,
                 } }, { children: [isRequireNode, jsx("div", __assign({ style: { flexGrow: 1 }, className: isStress ? "ztxk-table--title-stress" : undefined }, { children: typeof _column.title === "function"
-                            ? (_c = _column.title) === null || _c === void 0 ? void 0 : _c.call(_column, {})
+                            ? (_f = _column.title) === null || _f === void 0 ? void 0 : _f.call(_column, {})
                             : _column.title }))] })));
         }
+        /**
+         * 定义粘贴方法
+         * 1. 处理粘贴板数据（生成一个以行为基准的数组）
+         * 2. 获取一些关键信息：列配置、开始粘贴的列、源数据、当前展示数据（可能过滤了）
+         * 3. 处理超出表格行、列的粘贴行为（自动截取掉粘贴多出来的数据）
+         * 4. 通过循环查找下一列（因为如果横向有多个的话需要横向扩展）
+         * 5. 横向列查找超出逻辑处理
+         * 6. 记录粘贴数据、更新数据、触发change方法
+         * @param e 粘贴事件对象（如果传入一个错误的值，默认会通过navigator.clipboard中取）
+         * @param index 开始的行索引
+         */
+        var insertTableFromClipboard = function (e, options) { return __awaiter(_this, void 0, void 0, function () {
+            var dataIndex, index, _a, isUpdate, verticalTextList, columns_1, column, filterDataSource, _b, pasteConfig, newDataSource, oldDataSource, err_1;
+            var _c, _d, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        dataIndex = _key;
+                        index = options.index, _a = options.isUpdate, isUpdate = _a === void 0 ? true : _a;
+                        _f.label = 1;
+                    case 1:
+                        _f.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, parsePasteData(e, {
+                                maxRow: ((_c = currentPage === null || currentPage === void 0 ? void 0 : currentPage.current) === null || _c === void 0 ? void 0 : _c.pageSize)
+                                    ? ((_d = currentPage === null || currentPage === void 0 ? void 0 : currentPage.current) === null || _d === void 0 ? void 0 : _d.pageSize) - index
+                                    : ((_e = dataSourceRef.current) === null || _e === void 0 ? void 0 : _e.length) - index,
+                            })];
+                    case 2:
+                        verticalTextList = _f.sent();
+                        if (verticalTextList.length > 0) {
+                            // 阻止默认行为，接管粘贴操作
+                            e.preventDefault();
+                            columns_1 = newColumns;
+                            column = _column;
+                            filterDataSource = getFilterRecords(dataSourceRef.current, filterConfigRef.current);
+                            _b = startColumnInsertTableData({
+                                verticalTextList: verticalTextList,
+                                startColumn: column,
+                                columns: columns_1,
+                                startIndex: index,
+                                startDataIndex: dataIndex,
+                                rowKey: rowKey,
+                                realDataSource: dataSourceRef.current,
+                                currentDataSource: filterDataSource,
+                            }), pasteConfig = _b.pasteConfig, newDataSource = _b.newDataSource, oldDataSource = _b.oldDataSource;
+                            if (isUpdate) {
+                                onTableChange &&
+                                    onTableChange(newDataSource, oldDataSource, {
+                                        type: "paste",
+                                        pasteConfig: pasteConfig,
+                                        currentIndex: index,
+                                        field: dataIndex,
+                                    });
+                            }
+                            return [2 /*return*/, {
+                                    newDataSource: newDataSource,
+                                    oldDataSource: oldDataSource,
+                                    pasteConfig: pasteConfig,
+                                }];
+                        }
+                        return [2 /*return*/, {
+                                newDataSource: dataSourceRef.current,
+                                oldDataSource: dataSourceRef.current,
+                                pasteConfig: {},
+                            }];
+                    case 3:
+                        err_1 = _f.sent();
+                        console.log("粘贴事件内部错误", err_1);
+                        return [2 /*return*/, {
+                                newDataSource: dataSourceRef.current,
+                                oldDataSource: dataSourceRef.current,
+                                pasteConfig: {},
+                            }];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
         // 如果列添加可编辑配置
         // 只要开启了编辑列 并且设置了验证，全部交给内部处理
         if ((editable || validate) && isEdit) {
             var _onCell_1 = _column.onCell;
             _column.onCell = function (record, index) {
                 var result = _onCell_1 ? _onCell_1(record, index) : {};
-                return __assign({ record: record, index: index, editable: editable, editableConfig: editableConfig, dataIndex: _key, title: title, onEditableSave: onEditableSave, currentPage: currentPage, isValidate: validate ? true : false, dataSourceRef: dataSourceRef, validate: validate, isRealTimeValidate: isRealTimeValidate }, result);
+                return __assign({ record: record, index: index, editable: editable, editableConfig: editableConfig, dataIndex: _key, title: title, onEditableSave: onEditableSave, currentPage: currentPage, isValidate: validate ? true : false, dataSourceRef: dataSourceRef, validate: validate, isRealTimeValidate: isRealTimeValidate, insertTableFromClipboard: insertTableFromClipboard }, result);
             };
         }
         // 处理配置了scu的相关逻辑
@@ -113,58 +265,36 @@ function useColumns(columns, options) {
                 return text == null || text === "" ? PLACEHOLDER_NULL : text;
             };
         }
+        if (_column.render) {
+            var options_1 = {
+                insertTableFromClipboard: insertTableFromClipboard,
+            };
+            var __render__1 = _column.render;
+            // 代理render方法，像外部传入一些事件给外部调用
+            _column.render = function (text, record, index) {
+                return __render__1(text, record, index, options_1);
+            };
+        }
         // 如果配置了伸缩列
         if (isResizableColumn) {
             _column.onHeaderCell = function (column) { return ({
                 width: column.width,
                 isResizableTitleEllipsis: isResizableTitleEllipsis,
                 onResize: (function (e, _a) {
-                    var _b, _c;
+                    var _b;
                     var size = _a.size;
-                    // 更新columns配置 这里应该不需要用loadsh来深拷贝数据
-                    var newList = (_b = currentDynamicList === null || currentDynamicList === void 0 ? void 0 : currentDynamicList.map) === null || _b === void 0 ? void 0 : _b.call(currentDynamicList, function (item) { return (__assign({}, item)); });
-                    var result = null;
-                    // 递归查找
-                    if (Array.isArray(newList)) {
-                        var _loop_1 = function (i) {
-                            var item = newList[i];
-                            // 如果这是顶层
-                            if (keyIndex.length === 0) {
-                                if (item.key === _key) {
-                                    result = item;
-                                    return "break";
-                                }
-                            }
-                            else {
-                                // 需要递归按层级查找到目标
-                                // 找到最顶层
-                                if (item.key === keyIndex[0]) {
-                                    var pList_1 = item.children || [];
-                                    keyIndex.slice(1).forEach(function (k) {
-                                        var _a;
-                                        pList_1 =
-                                            ((_a = pList_1 === null || pList_1 === void 0 ? void 0 : pList_1.find(function (pItem) { return pItem.key === k; })) === null || _a === void 0 ? void 0 : _a.children) || [];
-                                    });
-                                    // 找到最终目标
-                                    var lastResult = pList_1.find(function (pItem) { return pItem.key === _key; });
-                                    if (lastResult) {
-                                        result = lastResult;
-                                    }
-                                    return "break";
-                                }
-                            }
-                        };
-                        for (var i = 0; i < (newList === null || newList === void 0 ? void 0 : newList.length); i++) {
-                            var state_1 = _loop_1(i);
-                            if (state_1 === "break")
-                                break;
-                        }
-                    }
+                    // 获取当前列配置项
+                    var _c = getColumnsItem({
+                        currentDynamicList: currentDynamicList,
+                        currentKey: _key,
+                        keyIndex: keyIndex,
+                    }), result = _c.result, newList = _c.newList;
+                    // 修改当前列宽度
                     if (result) {
                         result.width = size.width;
                     }
                     if (dynamicKey) {
-                        (_c = dynamicSettingRef === null || dynamicSettingRef === void 0 ? void 0 : dynamicSettingRef.current) === null || _c === void 0 ? void 0 : _c.updateList(newList);
+                        (_b = dynamicSettingRef === null || dynamicSettingRef === void 0 ? void 0 : dynamicSettingRef.current) === null || _b === void 0 ? void 0 : _b.updateList(newList);
                     }
                     else {
                         onCurrentListChange === null || onCurrentListChange === void 0 ? void 0 : onCurrentListChange(newList);
@@ -232,6 +362,58 @@ function useColumns(columns, options) {
     return {
         newColumns: myNewColumns,
     };
+}
+/**
+ * 通过一些信息 找到当前的columnItem
+ */
+function getColumnsItem(options) {
+    var _a;
+    var currentDynamicList = options.currentDynamicList, keyIndex = options.keyIndex, currentKey = options.currentKey;
+    // 更新columns配置 这里应该不需要用loadsh来深拷贝数据
+    var newList = (_a = currentDynamicList === null || currentDynamicList === void 0 ? void 0 : currentDynamicList.map) === null || _a === void 0 ? void 0 : _a.call(currentDynamicList, function (item) { return (__assign({}, item)); });
+    var result = null;
+    // 递归查找
+    if (Array.isArray(newList)) {
+        var _loop_1 = function (i) {
+            var item = newList[i];
+            // 如果这是顶层
+            if (keyIndex.length === 0) {
+                if (item.key === currentKey) {
+                    result = item;
+                    return "break";
+                }
+            }
+            else {
+                // 需要递归按层级查找到目标
+                // 找到最顶层
+                if (item.key === keyIndex[0]) {
+                    var pList_1 = item.children || [];
+                    keyIndex.slice(1).forEach(function (k) {
+                        var _a;
+                        pList_1 =
+                            ((_a = pList_1 === null || pList_1 === void 0 ? void 0 : pList_1.find(function (pItem) { return pItem.key === k; })) === null || _a === void 0 ? void 0 : _a.children) || [];
+                    });
+                    // 找到最终目标
+                    var lastResult = pList_1.find(function (pItem) { return pItem.key === currentKey; });
+                    if (lastResult) {
+                        result = lastResult;
+                    }
+                    return "break";
+                }
+            }
+        };
+        for (var i = 0; i < (newList === null || newList === void 0 ? void 0 : newList.length); i++) {
+            var state_1 = _loop_1(i);
+            if (state_1 === "break")
+                break;
+        }
+    }
+    return {
+        // 当前key对应的数据
+        result: result,
+        // 一个崭新的当前数据列表
+        newList: newList,
+    };
 }
 
 export { useColumns };