ztxkui 4.3.7 → 4.3.8

package/dist/UI/Table/DefaultTable.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function DefaultTable(): JSX.Element;

package/dist/UI/Table/DefaultTable.js

@@ -0,0 +1,49 @@
+// 普通的表格使用
+import { useState, useEffect } from 'react';
+import { Table } from '../../index';
+import { data1 } from './data';
+// 表格列配置相关逻辑
+// 可以把columns定义成常量再最外面，或者state
+function useColumns() {
+    var _a = useState([]), data = _a[0], setData = _a[1];
+    var columns = [
+        {
+            title: '序号',
+            width: 62,
+            fixed: 'left',
+            key: 'index',
+            render: function (_text, _record, index) { return "" + (index + 1); },
+        },
+        {
+            title: '测试列1',
+            width: 100,
+            dataIndex: 'test1',
+            key: 'test1',
+            showCopy: true,
+        },
+        {
+            title: '测试列2',
+            width: 100,
+            dataIndex: 'test2',
+            key: 'test2',
+            showCopy: true,
+            render: function (_text, _record, index) {
+                return _text + '自定义添加';
+            },
+        },
+    ];
+    useEffect(function () {
+        setTimeout(function () {
+            setData(data1);
+        }, 300);
+    }, []);
+    return { columns: columns, data: data };
+}
+export default function DefaultTable() {
+    var _a = useColumns(), columns = _a.columns, data = _a.data;
+    return (React.createElement(Table, { rowKey: "id", columns: columns, dataSource: data, 
+        // 是否开启动态列配置
+        showColumnDynamic: true, 
+        // 动态列配置必须参数，唯一的键值
+        showColumnDynamicKey: "single-local-key-001" }));
+}

package/dist/UI/Table/EditTable.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function EditTable(): JSX.Element;

package/dist/UI/Table/EditTable.js

@@ -0,0 +1,231 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+// 带编辑属性的表格使用
+import { useState, useEffect, useCallback, useRef } from 'react';
+import { data2 } from './data';
+import ProEditTable from './ProEditTable';
+import { Button, message, EnhanceSelect } from '../../index';
+// 表格列配置相关逻辑
+// 可以把columns定义成常量再最外面，或者state
+// 编辑列的配置需要注意的点
+// 1. 对于编辑想的scu配置，因为里面存在比较复杂的render
+// 2. 如果是input 或者inputNumber可以通过配置实现
+// 3. 可以通过配置校验规则 验证表格
+// 4. 自定义render 需要调用表格提供的修改数据方法
+function useColumns(tableHandleRef) {
+    var _a = useState([]), data = _a[0], setData = _a[1];
+    var columns = [
+        {
+            title: '序号',
+            width: 62,
+            fixed: 'left',
+            key: 'index',
+            render: function (_text, _record, index) { return "" + (index + 1); },
+        },
+        {
+            title: '测试列1',
+            width: 100,
+            dataIndex: 'test1',
+            key: 'test1',
+            showCopy: true,
+        },
+        {
+            title: '测试列2',
+            width: 100,
+            dataIndex: 'test2',
+            key: 'test2',
+            showCopy: true,
+            render: function (_text, _record, index) {
+                return _text + '自定义添加';
+            },
+        },
+        {
+            title: '测试列3',
+            width: 100,
+            dataIndex: 'test3',
+            key: 'test3',
+            showCopy: true,
+            // 普通输入框配置
+            editable: true,
+            // 配置列的验证规则，这种是最普通的非空校验
+            validate: {},
+            shouldCellUpdate: function (record, preRecord) {
+                return record.test3 !== preRecord.test3;
+            },
+        },
+        {
+            title: '测试列4',
+            width: 100,
+            dataIndex: 'test4',
+            key: 'test4',
+            showCopy: true,
+            editable: true,
+            editableConfig: {
+                type: 'input',
+                placeholder: '输入',
+            },
+            // 配置列的验证规则，实现自定义校验
+            validate: {
+                validate: function (value, record, index, title) {
+                    // value 当前输入值
+                    // record 当前行数据
+                    // index 当前行
+                    // title 列头
+                    if (value === '我是张飞') {
+                        // 返回错误格式，为了迎合表单的校验
+                        return Promise.reject({
+                            errorFields: [
+                                {
+                                    errors: "\u67D0\u67D0\u8868\u683C \u7B2C" + index + "\u884C " + title + " \u4E0D\u80FD\u4E3A\u5F20\u98DE\uFF01",
+                                },
+                            ],
+                        });
+                    }
+                    return Promise.resolve();
+                },
+            },
+            shouldCellUpdate: function (record, preRecord) {
+                return record.test4 !== preRecord.test4;
+            },
+        },
+        {
+            title: '测试列5',
+            width: 100,
+            dataIndex: 'test5',
+            key: 'test5',
+            showCopy: true,
+            editable: true,
+            // 可以增加一些编辑列的配置，目前只建议使用 inputNumber 或者input
+            // input的话 可以不使用这个配置 默认就是input
+            editableConfig: {
+                type: 'inputNumber',
+                placeholder: '输入',
+            },
+            shouldCellUpdate: function (record, preRecord) {
+                return record.test5 !== preRecord.test5;
+            },
+        },
+        {
+            title: '测试列6',
+            width: 100,
+            dataIndex: 'test6',
+            key: 'test6',
+            shouldCellUpdate: function (record, preRecord) {
+                return record.test6 !== preRecord.test6;
+            },
+            // 自定义render的话 需要手动调用表格的修改数据方法，只传递当前值
+            render: function (_text, _record, index) {
+                return (React.createElement(EnhanceSelect, { value: _text, list: [
+                        {
+                            id: '1',
+                            name: '小明',
+                        },
+                        {
+                            id: '2',
+                            name: '小李',
+                        },
+                    ], onChange: function (value, option, fullData) {
+                        var _a, _b, _c;
+                        var newRecord = {
+                            test6: value,
+                            test6Name: fullData.name,
+                        };
+                        var realyIndex = (_b = (_a = tableHandleRef.current) === null || _a === void 0 ? void 0 : _a.getRealyIndex) === null || _b === void 0 ? void 0 : _b.call(_a, index);
+                        (_c = tableHandleRef.current) === null || _c === void 0 ? void 0 : _c.onEditableSaveHandle(newRecord, realyIndex);
+                    } }));
+            },
+        },
+    ];
+    useEffect(function () {
+        setTimeout(function () {
+            setData(data2);
+        }, 300);
+    }, []);
+    return { columns: columns, data: data, setData: setData };
+}
+export default function EditTable() {
+    var _this = this;
+    var tableHandleRef = useRef({});
+    var _a = useColumns(tableHandleRef), columns = _a.columns, data = _a.data, setData = _a.setData;
+    // 触发onChange事件
+    var onChange = useCallback(function (dataSource) {
+        setData(dataSource);
+    }, [setData]);
+    return (React.createElement("div", null,
+        React.createElement(Button, { onClick: function () {
+                console.log(data);
+            } }, "\u83B7\u53D6\u6570\u636E"),
+        React.createElement(Button, { onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                var err_1, errorFields;
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _b.trys.push([0, 2, , 3]);
+                            return [4 /*yield*/, ((_a = tableHandleRef.current) === null || _a === void 0 ? void 0 : _a.validate())];
+                        case 1:
+                            _b.sent();
+                            return [3 /*break*/, 3];
+                        case 2:
+                            err_1 = _b.sent();
+                            errorFields = err_1.errorFields;
+                            if (errorFields) {
+                                message.warning(errorFields[0].errors + '');
+                            }
+                            return [3 /*break*/, 3];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); } }, "\u89E6\u53D1\u9A8C\u8BC1"),
+        React.createElement(ProEditTable, { rowKey: "id", columns: columns, dataSource: data, 
+            // 调用表格内部提供的方法
+            tableHandleRef: tableHandleRef, 
+            // 是否开启编辑，对于可编辑表格来说 这个属性很重要
+            isEdit: true, 
+            // 是否开启拖拽
+            isMove: true, 
+            // 是否可以批量复制，如果批量复制需要前置处理 或者后置处理 可通过提供方法处理
+            isPaste: true, 
+            // 是否开启增减行
+            showDelIcon: true, showAddIcon: true, 
+            // 增加数据的规则 是增加空白行 还是 复制一行
+            addDataMode: "blank", 
+            // 是否记录列宽，但是又不要显示那个按钮
+            showColumnDynamic: true, showColumnDynamicKey: "single-110011", hiddenColumnDynamicIcon: true, 
+            // 开启内部分页
+            showInnerPagination: true, defaultInnerPageSize: 20, onChange: onChange })));
+}

package/dist/UI/Table/ProEditTable/hooks.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare function useDataSourceRef<D>(dataSource: D[]): import("react").MutableRefObject<D[]>;
+export declare function useAddAndDelRow(showAddIcon: any, showDelIcon: any, dataSourceRef: any, addDataMode: any, onChange: any, rowKey: any, refreshScuCell: any): {
+    needAddAndDel: any;
+    onAddAndDelHandle: (type: 'add' | 'del', index: number) => void;
+};
+export declare function useMoveRow(onChange: any, dataSourceRef: any, refreshScuCell: any): (dragIndex: number, hoverIndex: number) => void;
+export declare function useEditRow(onChange: any, dataSourceRef: any, { onBatchPastePre, onBatchPastePost }: {
+    onBatchPastePre: any;
+    onBatchPastePost: any;
+}): {
+    onEditableSaveHandle: (record: any, index: number | undefined, _dataIndex?: string) => void;
+    onBatchPasteHandle: (records: any, startIndex: any) => void;
+};
+export declare function useScuRfresh(): {
+    refreshScuCell: () => void;
+    getRefreshScuCell: () => boolean;
+};

package/dist/UI/Table/ProEditTable/hooks.js

@@ -0,0 +1,178 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+import { useRef, useEffect, useMemo, useCallback } from 'react';
+import update from 'immutability-helper';
+// 设置数据源临时Ref对象
+export function useDataSourceRef(dataSource) {
+    var dataSourceRef = useRef(dataSource);
+    useEffect(function () {
+        dataSourceRef.current = dataSource;
+    }, [dataSource]);
+    return dataSourceRef;
+}
+// 加减行相关
+export function useAddAndDelRow(showAddIcon, showDelIcon, dataSourceRef, addDataMode, onChange, rowKey, refreshScuCell) {
+    var needAddAndDel = useMemo(function () {
+        return showAddIcon || showDelIcon;
+    }, [showAddIcon, showDelIcon]);
+    // 增减行回调
+    var onAddAndDelHandle = useCallback(function (type, index) {
+        var _a, _b;
+        if (typeof addDataMode === 'function') {
+            var newDataSource_1 = addDataMode(index, dataSourceRef.current);
+            onChange && onChange(newDataSource_1);
+            return;
+        }
+        var newDataSource = __spreadArray([], dataSourceRef.current);
+        var newRecord = {};
+        if (type === 'add') {
+            if (addDataMode === 'blank') {
+                // 生成一条空白数据
+                newRecord = (_a = {},
+                    _a[rowKey] = Date.now() + "-" + index,
+                    _a.__INNER__ADD__DATA = true,
+                    _a);
+            }
+            else {
+                // 复制当前这条数据
+                var currentRecord = newDataSource[index];
+                newRecord = __assign(__assign({}, currentRecord), (_b = {}, _b[rowKey] = Date.now() + "-" + index, _b.__INNER__ADD__DATA = true, _b));
+            }
+            newDataSource.splice(index + 1, 0, newRecord);
+        }
+        else {
+            newDataSource.splice(index, 1);
+        }
+        refreshScuCell();
+        onChange && onChange(newDataSource);
+    }, [addDataMode, onChange, dataSourceRef, rowKey, refreshScuCell]);
+    return {
+        needAddAndDel: needAddAndDel,
+        onAddAndDelHandle: onAddAndDelHandle,
+    };
+}
+// 拖拽行相关
+export function useMoveRow(onChange, dataSourceRef, refreshScuCell) {
+    var onMoveRowHandle = useCallback(function (dragIndex, hoverIndex) {
+        var copyDataSource = __spreadArray([], dataSourceRef.current);
+        var dragRow = copyDataSource[dragIndex];
+        var newDataSource = update(copyDataSource, {
+            $splice: [
+                [dragIndex, 1],
+                [hoverIndex, 0, dragRow],
+            ],
+        });
+        refreshScuCell();
+        onChange && onChange(newDataSource);
+    }, [onChange, dataSourceRef, refreshScuCell]);
+    return onMoveRowHandle;
+}
+// 编辑行相关
+function objIsEqual(newObj, oldObj) {
+    var keys = Object.keys(newObj);
+    for (var i = 0; i < keys.length; i++) {
+        var key = keys[i];
+        if (oldObj[key] !== newObj[key]) {
+            return false;
+        }
+    }
+    return true;
+}
+export function useEditRow(onChange, dataSourceRef, _a) {
+    var onBatchPastePre = _a.onBatchPastePre, onBatchPastePost = _a.onBatchPastePost;
+    var onEditableSaveHandle = useCallback(function (record, index, _dataIndex) {
+        var _a;
+        if (_dataIndex === void 0) { _dataIndex = ''; }
+        if (typeof index === 'number') {
+            var newDataSource = __spreadArray([], dataSourceRef.current);
+            var oldRecord = newDataSource[index];
+            // 如果新的record里面的值 老的Record里面有 那么不需要触发onChange
+            // 这里主要是为了优化物料组件带来的多次rerender导致的一些问题
+            if (objIsEqual(record, oldRecord)) {
+                return;
+            }
+            var newRecord = _dataIndex
+                ? __assign(__assign(__assign({}, record), oldRecord), (_a = {}, _a[_dataIndex] = record[_dataIndex], _a)) : __assign(__assign({}, oldRecord), record);
+            newDataSource.splice(index, 1, newRecord);
+            onChange && onChange(newDataSource);
+        }
+    }, [dataSourceRef, onChange]);
+    var onBatchPasteHandle = useCallback(function (records, startIndex) {
+        if (!Array.isArray(records)) {
+            return;
+        }
+        // 前置处理
+        var pasteRecords = onBatchPastePre ? onBatchPastePre(records) : records;
+        // 计算结束位置
+        var endIndex = startIndex + pasteRecords.length - 1;
+        var currentRecords = Array.isArray(dataSourceRef.current)
+            ? dataSourceRef.current.slice()
+            : [];
+        if (endIndex > currentRecords.length - 1) {
+            endIndex = currentRecords.length - 1;
+        }
+        // 从开始位置开始，替换对应的值
+        var currentIndex = 0;
+        var dataSource = currentRecords.map(function (record, index) {
+            if (index >= startIndex && index <= endIndex) {
+                var obj = __assign(__assign({}, record), pasteRecords[currentIndex]);
+                currentIndex++;
+                return obj;
+            }
+            return record;
+        });
+        // 后置处理
+        var newDataSource = onBatchPastePost
+            ? onBatchPastePost(dataSource)
+            : dataSource;
+        // 触发onChange事件
+        onChange && onChange(newDataSource);
+    }, [dataSourceRef, onChange, onBatchPastePre, onBatchPastePost]);
+    return {
+        onEditableSaveHandle: onEditableSaveHandle,
+        onBatchPasteHandle: onBatchPasteHandle,
+    };
+}
+// SCU刷新逻辑
+// 这么写的原因是 如果拖拽行 增减行后，并不能触发column的scu
+// 之前的写法是，通过useState刷新。但是 setState会触发整个组件的刷新
+// 设置数据后，本身会触发setState。导致执行两次rerender。每个单元格都会执行rerender
+// 通过Ref并不会触发 setState 通过setTimeout也不会导致每一个单元格的刷新出现问题
+export function useScuRfresh() {
+    var timeOutRef = useRef(null);
+    var tableSCURefreshRef = useRef();
+    var refreshScuCell = useCallback(function () {
+        tableSCURefreshRef.current = true;
+    }, []);
+    var getRefreshScuCell = useCallback(function () {
+        if (tableSCURefreshRef.current) {
+            if (timeOutRef.current) {
+                clearTimeout(timeOutRef.current);
+                timeOutRef.current = null;
+            }
+            timeOutRef.current = setTimeout(function () {
+                tableSCURefreshRef.current = false;
+            });
+            return true;
+        }
+        return false;
+    }, []);
+    return {
+        refreshScuCell: refreshScuCell,
+        getRefreshScuCell: getRefreshScuCell,
+    };
+}

package/dist/UI/Table/ProEditTable/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 业务封装可编辑表格组件
+ */
+import React from 'react';
+import { IProps } from './interface';
+declare function ProEditTable(props: IProps<any>): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ProEditTable>;
+export default _default;

package/dist/UI/Table/ProEditTable/index.js

@@ -0,0 +1,67 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+/**
+ * 业务封装可编辑表格组件
+ */
+import React, { memo, useRef, useImperativeHandle } from 'react';
+// import { Table } from 'ztxkui';
+import { Table } from '../../../index';
+import { useDataSourceRef, useAddAndDelRow, useScuRfresh, useMoveRow, useEditRow, } from './hooks';
+function ProEditTable(props) {
+    var rowKey = props.rowKey, dataSource = props.dataSource, columns = props.columns, onChange = props.onChange, showAddIcon = props.showAddIcon, showDelIcon = props.showDelIcon, _a = props.addDataMode, addDataMode = _a === void 0 ? 'blank' : _a, isMove = props.isMove, isEdit = props.isEdit, isPaste = props.isPaste, tableHandleRef = props.tableHandleRef, onBatchPastePre = props.onBatchPastePre, onBatchPastePost = props.onBatchPastePost, restProps = __rest(props, ["rowKey", "dataSource", "columns", "onChange", "showAddIcon", "showDelIcon", "addDataMode", "isMove", "isEdit", "isPaste", "tableHandleRef", "onBatchPastePre", "onBatchPastePost"]);
+    var tableColumns = columns.map(function (item) {
+        if (item.shouldCellUpdate) {
+            var fn_1 = item.shouldCellUpdate;
+            item.shouldCellUpdate = function (record, preRecord) {
+                if (getRefreshScuCell()) {
+                    return true;
+                }
+                return fn_1(record, preRecord);
+            };
+        }
+        return item;
+    });
+    // 保存dataSource值存为Ref
+    var dataSourceRef = useDataSourceRef(dataSource);
+    // SCU逻辑
+    var _b = useScuRfresh(), refreshScuCell = _b.refreshScuCell, getRefreshScuCell = _b.getRefreshScuCell;
+    // 增减行相关hook
+    var _c = useAddAndDelRow(showAddIcon, showDelIcon, dataSourceRef, addDataMode, onChange, rowKey, refreshScuCell), needAddAndDel = _c.needAddAndDel, onAddAndDelHandle = _c.onAddAndDelHandle;
+    // 拖拽行相关hook
+    var onMoveRowHandle = useMoveRow(onChange, dataSourceRef, refreshScuCell);
+    // 修改行相关hook
+    var _d = useEditRow(onChange, dataSourceRef, {
+        onBatchPastePre: onBatchPastePre,
+        onBatchPastePost: onBatchPastePost,
+    }), onEditableSaveHandle = _d.onEditableSaveHandle, onBatchPasteHandle = _d.onBatchPasteHandle;
+    var innerTableHandleRef = useRef();
+    useImperativeHandle(tableHandleRef, function () { return ({
+        validate: innerTableHandleRef.current.validate,
+        clearErrorClass: innerTableHandleRef.current.clearErrorClass,
+        getCurrentPage: innerTableHandleRef.current.getCurrentPage,
+        getRealyIndex: innerTableHandleRef.current.getRealyIndex,
+        onEditableSaveHandle: onEditableSaveHandle,
+    }); });
+    return (React.createElement(Table, __assign({ rowKey: rowKey, dataSource: dataSource, columns: tableColumns, hideAddIcon: !showAddIcon, hideDelIcon: !showDelIcon, onAddAndDelHandle: needAddAndDel ? onAddAndDelHandle : undefined, onMoveRow: isMove ? onMoveRowHandle : undefined, onEditableSave: isEdit ? onEditableSaveHandle : undefined, tableHandleRef: innerTableHandleRef, onTableChange: isPaste ? onBatchPasteHandle : undefined }, restProps)));
+}
+export default memo(ProEditTable);

package/dist/UI/Table/ProEditTable/interface.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { ColumnsType } from '../../../components/Table';
+import { IProps as TableIProps } from '../../../components/Table/table';
+export interface IProps<RecordType> extends Omit<TableIProps<RecordType>, 'columns' | 'onChange' | 'onEditableSave'> {
+    dataSource: any[];
+    columns: ColumnsType<any>;
+    rowKey: string;
+    onChange?: (dataSource: any[]) => void;
+    showAddIcon?: boolean;
+    showDelIcon?: boolean;
+    /**
+     * 增加数据的模式 blank add空白数据; copy add复制数据; 自定义增加
+     */
+    addDataMode?: 'blank' | 'copy' | ((index: number, dataSource: any[]) => any[]);
+    isMove?: boolean;
+    isEdit?: boolean;
+    isPaste?: boolean;
+    onBatchPastePre?: (data: any[]) => any[];
+    onBatchPastePost?: (data: any[]) => any[];
+    tableHandleRef?: React.Ref<{
+        validate: () => Promise<any>;
+        clearErrorClass: (index: number) => void;
+        getCurrentPage: () => {
+            page: number;
+            pageSize: number;
+        } | null;
+        getRealyIndex: (index: number) => number;
+        onEditableSaveHandle: (record: any, index: number | undefined, _dataIndex: string) => void;
+        [prop: string]: any;
+    }>;
+}

package/dist/UI/Table/ProEditTable/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/UI/Table/data.d.ts

@@ -0,0 +1,10 @@
+export declare const data1: {
+    id: string;
+    test1: string;
+    test2: number;
+}[];
+export declare const data2: {
+    id: string;
+    test1: string;
+    test2: number;
+}[];

package/dist/UI/Table/data.js

@@ -0,0 +1,14 @@
+export var data1 = new Array(50).fill(1).map(function (item, index) {
+    return {
+        id: "id-" + index,
+        test1: "test1-" + index,
+        test2: index + 100,
+    };
+});
+export var data2 = new Array(50).fill(1).map(function (item, index) {
+    return {
+        id: "id-" + index,
+        test1: "test1-" + index,
+        test2: index + 100,
+    };
+});

package/dist/UI/Table/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function TableDemo(): JSX.Element;

package/dist/UI/Table/index.js

@@ -0,0 +1,5 @@
+// 入口文件
+import React from 'react';
+export default function TableDemo() {
+    return React.createElement("div", null);
+}

package/dist/UI/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function UIComponent(): JSX.Element;

package/dist/UI/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Link, Switch, Route } from 'react-router-dom';
+import DefaultTable from './Table/DefaultTable';
+import EditTable from './Table/EditTable';
+export default function UIComponent() {
+    return (React.createElement("div", { style: { padding: '10px' } },
+        React.createElement(Link, { to: "/ui/default-table", style: { marginRight: '10px' } }, "\u7B80\u5355\u8868\u683C"),
+        React.createElement(Link, { to: "/ui/edit-table", style: { marginRight: '10px' } }, "\u53EF\u7F16\u8F91\u8868\u683C"),
+        React.createElement(Switch, null,
+            React.createElement(Route, { path: "/ui/default-table" },
+                React.createElement(DefaultTable, null)),
+            React.createElement(Route, { path: "/ui/edit-table" },
+                React.createElement(EditTable, null)))));
+}

package/dist/components/Modal/modal.js

@@ -24,9 +24,9 @@ import React from 'react';
 import { Modal as AntModal, Spin } from 'antd';
 import classNames from 'classnames';
 function Modal(props) {
-    var children = props.children, loading = props.loading, className = props.className, restProps = __rest(props, ["children", "loading", "className"]);
+    var children = props.children, loading = props.loading, className = props.className, visible = props.visible, open = props.open, restProps = __rest(props, ["children", "loading", "className", "visible", "open"]);
     var classes = classNames('zt-modal', className, {});
-    return (React.createElement(AntModal, __assign({ className: classes }, restProps),
+    return (React.createElement(AntModal, __assign({ className: classes }, restProps, { open: open || visible }),
         React.createElement(Spin, { size: "large", spinning: loading }, children)));
 }
 Modal.info = AntModal.info;

package/dist/components/Table/table-dynamic.js

@@ -79,7 +79,7 @@ function TableDynamic(props) {
         // getContainer={false}
         closable: false, maskClosable: false, 
         // style={{ position: 'absolute' }}
-        visible: visible, className: "zt-table__dynamic", title: React.createElement("div", null,
+        open: visible, className: "zt-table__dynamic", title: React.createElement("div", null,
             React.createElement(SettingOutlined, null),
             React.createElement("span", { className: "search-drawer--title-text" },
                 "\u663E\u793A\u5B57\u6BB5\u81EA\u5B9A\u4E49",

package/dist/components/Table/utils/validate.js

@@ -83,9 +83,6 @@ export function tableValidate(dataSource, mergeColumns, restParams) {
                                         return [2 /*return*/, "break"];
                                     }
                                     value = item[dataIndex];
-                                    if (dataIndex === 'test3') {
-                                        console.log(value);
-                                    }
                                     setElementState = function (i, index, className) {
                                         var _a, _b, _c;
                                         // 获取表格元素

package/dist/index.js

@@ -25,13 +25,17 @@
 // import TableDemoAll from './TableDemo';
 // import CodeQueryDemo from './DemoCom/CodeQueryDemo';
 // import Speed from './speed';
+// import UI from './UI';
 // dayjs.locale(zhCn);
 // ReactDOM.render(
 //   // <React.StrictMode>
 //   <ConfigProvider locale={zhCN}>
 //     <BrowserRouter>
 //       <Switch>
-//         <Route exact path="/">
+//         <Route path="/ui">
+//           <UI />
+//         </Route>
+//         <Route exact path="/app">
 //           <App />
 //         </Route>
 //         <Route exact path="/code-query">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "4.3.7",
+  "version": "4.3.8",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",