ztxkui 3.5.7 → 3.5.10

package/dist/TableDemo/EditableTable.js

@@ -129,7 +129,7 @@ var EditableTable = function () {
                         return Promise.reject({
                             errorFields: [
                                 {
-                                    errors: "\u91C7\u8D2D\u57FA\u672C\u6570\u636E-\u660E\u7EC6\u8868 \u7B2C" + index + "\u884C \u91C7\u8D2D\u4ED8\u6B3E\u6761\u4EF62 \u5FC5\u586B\uFF01",
+                                    errors: "\u6D4B\u8BD5-\u660E\u7EC6\u8868 \u7B2C" + index + "\u884C \u6D4B\u8BD52 \u4E0D\u80FD\u5C0F\u4E8E102\uFF01",
                                 },
                             ],
                         });
@@ -331,6 +331,6 @@ var EditableTable = function () {
             // tableValidate
             tableHandleRef: tableHandleRef, tableName: "\u6211\u662F\u4E00\u4E2A\u8868\u683C", 
             // 显隐配置
-            configInfo: tableConfig })));
+            configInfo: tableConfig, showColumnDynamic: true, showColumnDynamicKey: "test-o-0011" })));
 };
 export default EditableTable;

package/dist/TableDemo/ModalTable.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @author 陈亚雄
+ * @description 可编辑表格
+ */
+import React from 'react';
+declare const ModalTable: React.FC;
+export default ModalTable;

package/dist/TableDemo/ModalTable.js

@@ -0,0 +1,351 @@
+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 __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 };
+    }
+};
+/**
+ * @author 陈亚雄
+ * @description 可编辑表格
+ */
+import React, { useState, useCallback, useRef, useEffect } from 'react';
+// redux
+// ztxkui公共组件
+import { Table, EnhanceSelect, Button, message, Modal } from '../index';
+// 路由配置
+// store
+// 自定义组件
+// 其他文件
+import update from 'immutability-helper';
+import { dataSource, list1 } from './data';
+var ModalTable = function () {
+    var _a = useState(dataSource), records = _a[0], setRecords = _a[1];
+    var recordsRef = useRef([]);
+    // 初始化渲染，针对配置了editable、editableConfig的列配置
+    var _b = useState(false), firstRender = _b[0], setFirstRender = _b[1];
+    // 新增删除行改变
+    var _c = useState(false), lengthChange = _c[0], setLengthChange = _c[1];
+    // 表格行拖拽改变
+    var _d = useState(false), moveChange = _d[0], setMoveChange = _d[1];
+    // 表格
+    var tableHandleRef = useRef({});
+    // 表格配置
+    var _e = useState({
+        test1: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
+        test2: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
+    }), tableConfig = _e[0], setTableConfig = _e[1];
+    var _f = useState(true), loading = _f[0], setLoading = _f[1];
+    var _g = useState(false), visible = _g[0], setVisible = _g[1];
+    useEffect(function () {
+        setTimeout(function () {
+            setLoading(false);
+        }, 5000);
+    }, []);
+    useEffect(function () {
+        setTimeout(function () {
+            setTableConfig({
+                test1: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
+                test2: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
+            });
+        }, 5000);
+    }, []);
+    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',
+            editable: true,
+            validate: {},
+            shouldCellUpdate: function (record, preRecord) {
+                if (firstRender) {
+                    setFirstRender(false);
+                    return true;
+                }
+                if (lengthChange) {
+                    setLengthChange(false);
+                    return true;
+                }
+                if (moveChange) {
+                    setMoveChange(false);
+                    return true;
+                }
+                return record.test1 !== preRecord.test1;
+            },
+        },
+        {
+            title: '测试2',
+            width: 100,
+            dataIndex: 'test2',
+            key: 'test2',
+            editable: true,
+            editableConfig: {
+                type: 'inputNumber',
+            },
+            validate: {
+                validate: function (value, record, index, title) {
+                    if (value === 102) {
+                        return Promise.reject({
+                            errorFields: [
+                                {
+                                    errors: "\u6D4B\u8BD5-\u660E\u7EC6\u8868 \u7B2C" + index + "\u884C \u6D4B\u8BD52 \u4E0D\u80FD\u5C0F\u4E8E102\uFF01",
+                                },
+                            ],
+                        });
+                    }
+                    return Promise.resolve();
+                },
+            },
+            shouldCellUpdate: function (record, preRecord) {
+                if (firstRender) {
+                    setFirstRender(false);
+                    return true;
+                }
+                if (lengthChange) {
+                    setLengthChange(false);
+                    return true;
+                }
+                if (moveChange) {
+                    setMoveChange(false);
+                    return true;
+                }
+                return record.test2 !== preRecord.test2;
+            },
+        },
+        {
+            title: '测试3',
+            width: 100,
+            dataIndex: 'test3',
+            key: 'test3',
+            shouldCellUpdate: function (record, preRecord) {
+                if (lengthChange) {
+                    setLengthChange(false);
+                    return true;
+                }
+                if (moveChange) {
+                    setMoveChange(false);
+                    return true;
+                }
+                return record.test3 !== preRecord.test3;
+            },
+            validate: {},
+            render: function (text, record, index) {
+                return (React.createElement(EnhanceSelect, { value: text, list: list1, dataKey: "id", titleKey: "name", dropdownMatchSelectWidth: 130, onChange: function (value, option, fullData) {
+                        tableHandleRef.current.clearErrorClass(index);
+                        var newRecord = {
+                            test3: value,
+                            test3Name: fullData === null || fullData === void 0 ? void 0 : fullData.name,
+                        };
+                        onEditableSaveHandle(newRecord, index);
+                    } }));
+            },
+        },
+        {
+            title: '测试4',
+            width: 100,
+            dataIndex: 'test4',
+            key: 'test4',
+        },
+        {
+            title: '测试5',
+            width: 100,
+            dataIndex: 'test5',
+            key: 'test5',
+        },
+        {
+            title: '测试6',
+            width: 100,
+            dataIndex: 'test6',
+            key: 'test6',
+        },
+        {
+            title: '测试7',
+            width: 100,
+            dataIndex: 'test7',
+            key: 'test7',
+        },
+        {
+            title: '测试8',
+            width: 100,
+            dataIndex: 'test8',
+            key: 'test8',
+        },
+        {
+            title: '测试9',
+            width: 100,
+            dataIndex: 'test9',
+            key: 'test9',
+        },
+        {
+            title: '测试10',
+            width: 100,
+            dataIndex: 'test10',
+            key: 'test10',
+        },
+    ];
+    // 初始化渲染，针对配置了editable、editableConfig的列配置
+    useEffect(function () {
+        setFirstRender(true);
+    }, []);
+    // 将表格最新数据赋值给ref引用
+    useEffect(function () {
+        recordsRef.current = records;
+    }, [records]);
+    // 表格数据改变相关
+    var onEditableSaveHandle = useCallback(function (record, index, _dataIndex) {
+        var _a;
+        if (_dataIndex === void 0) { _dataIndex = ''; }
+        if (typeof index === 'number') {
+            var newRecords = recordsRef.current.slice();
+            var item = newRecords[index];
+            newRecords.splice(index, 1, _dataIndex
+                ? __assign(__assign(__assign({}, record), item), (_a = {}, _a[_dataIndex] = record[_dataIndex], _a)) : __assign(__assign({}, item), record));
+            setRecords(newRecords);
+        }
+    }, [setRecords]);
+    // 新增删除行
+    var onAddAndDelHandle = useCallback(function (type, index) {
+        var newRecords = recordsRef.current.slice();
+        if (type === 'add') {
+            var newItem = __assign(__assign({}, newRecords[index]), { _isNewData: true, id: Date.now() + "-" + index });
+            newRecords.splice(index + 1, 0, newItem);
+            setRecords(newRecords);
+            setLengthChange(true);
+        }
+        else if (type === 'del') {
+            if (newRecords.length === 1) {
+                newRecords.splice(index, 1, {
+                    _isNewData: true,
+                    id: Date.now() + "-" + index,
+                });
+            }
+            else {
+                newRecords.splice(index, 1);
+            }
+            setRecords(newRecords);
+            setLengthChange(true);
+        }
+    }, [setRecords]);
+    // 表格拖拽排序功能函数
+    var onMoveRowHandle = useCallback(function (dragIndex, hoverIndex) {
+        var newRecords = recordsRef.current.slice();
+        var dragRow = newRecords[dragIndex];
+        var newDataSource = update(newRecords, {
+            $splice: [
+                [dragIndex, 1],
+                [hoverIndex, 0, dragRow],
+            ],
+        });
+        setRecords(newDataSource);
+        setMoveChange(true);
+    }, [setRecords]);
+    return (React.createElement("div", null,
+        React.createElement("div", null,
+            "\u53EF\u7F16\u8F91\u8868\u683C\uFF1B\u5982\u679C\u662F\u8F93\u5165\u6846\uFF0C\u53EF\u4F7F\u7528\u8868\u683C\u9ED8\u8BA4\u63D0\u4F9B\u7684\u7F16\u8F91\u6846\uFF1B \u914D\u7F6Eeditable\u4E3Atrue\u5373\u53EF\uFF0C\u8FD8\u53EF\u914D\u7F6EeditableConfig\u914D\u7F6E\u6267\u884C\u7C7B\u578B\u7B49\uFF1B\u5177\u4F53editableConfig\u53EF\u67E5\u770B\u8BE6\u7EC6\u7B7E\u540D",
+            React.createElement("br", null),
+            React.createElement("b", null, "\u5BF9\u4E8E\u914D\u7F6E\u4E86\u7F16\u8F91\u7684\u8868\u683C\uFF0C\u4E00\u5B9A\u8981\u4F7F\u7528SCU\u6765\u4F18\u5316\u8868\u683C\u6E32\u67D3\uFF0C\u6B64\u4E3E\u53EF\u4EE5\u4F18\u5316\u8868\u683C\u6E32\u67D3"),
+            React.createElement("br", null),
+            React.createElement("b", null, "\u5982\u679C\u914D\u7F6E\u4E86editable\uFF0C\u5E76\u4E14\u914D\u7F6E\u4E86SCU\u6765\u4F18\u5316\u6E32\u67D3\uFF0C\u90A3\u4E48\u521D\u59CB\u5316\u7684\u65F6\u5019\u9700\u8981\u7528\u4E00\u4E2A\u53D8\u91CF\u6807\u8BC6\u9996\u6B21\u9700\u8981\u6E32\u67D3"),
+            React.createElement("br", null),
+            React.createElement("b", null, "\u65B0\u589E\u5220\u9664\u884C\uFF0C\u8868\u683C\u62D6\u62FD\u6392\u5E8F\uFF1B"),
+            "\u5BF9\u4E8E\u914D\u7F6E\u4E86SCU\u7684\u5217\uFF0C\u9700\u8981\u5728\u65B0\u589E\u5220\u9664\u7684\u65F6\u5019\u91CD\u65B0\u6E32\u67D3\uFF0C\u901A\u8FC7\u8BBE\u7F6Estate\u6807\u8BC6",
+            React.createElement("br", null),
+            React.createElement("b", null, "\u8868\u683C\u81EA\u5B9A\u4E49\u9A8C\u8BC1\uFF0C\u4F20\u5165tableHandleRef\u4E00\u4E2ARef\u5BF9\u8C61\uFF0C\u53EF\u83B7\u53D6\u8868\u683C\u63D0\u4F9B\u76F8\u5173\u65B9\u6CD5"),
+            React.createElement("p", null, "1.\u7F16\u5199\u9A8C\u8BC1\u89C4\u5219\uFF0C\u5728\u5217\u91CC\u9762\u7F16\u5199\uFF0C\u901A\u8FC7\u4F20\u5165validate\u5C5E\u6027\u914D\u7F6E,\u5177\u4F53\u53EF\u67E5\u770B\u7B7E\u540D \u5982\u679C\u53EA\u662F\u7B80\u5355\u7684\u975E\u7A7A\u9A8C\u8BC1\uFF0C\u90A3\u4E48\u53EF\u4F20\u5165\u4E00\u4E2A\u7A7A\u5BF9\u8C61\u5373\u53EF \u5982\u679C\u662F\u590D\u6742\u9A8C\u8BC1\u53EF\u901A\u8FC7validate\u4F20\u5165\u66F4\u591A\u914D\u7F6E"),
+            React.createElement("p", null, "2.\u5982\u679C\u4F20\u5165\u4E86\u81EA\u5B9A\u4E49render\u51FD\u6570\uFF0C\u7EC4\u4EF6\u65E0\u6CD5\u638C\u63E1\u5728\u4F55\u65F6\u6E05\u7A7A\u9519\u8BEF\u4FE1\u606F\uFF0C\u6240\u4EE5\u9700\u8981\u8C03\u7528\u65B9\u4E3B\u52A8\u6E05\u7A7A\u9519\u8BEF\u4FE1\u606F")),
+        React.createElement(Button, { onClick: function () {
+                (function () {
+                    var _a;
+                    return __awaiter(this, void 0, void 0, function () {
+                        var err_1, errorFields;
+                        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();
+                                    console.log(err_1);
+                                    errorFields = err_1.errorFields;
+                                    if (errorFields) {
+                                        message.warning(errorFields[0].errors + '');
+                                    }
+                                    return [3 /*break*/, 3];
+                                case 3: return [2 /*return*/];
+                            }
+                        });
+                    });
+                })();
+            } }, "\u9A8C\u8BC1"),
+        React.createElement(Button, { onClick: function () {
+                setVisible(function (visible) { return !visible; });
+                setLoading(true);
+                setTimeout(function () {
+                    setLoading(false);
+                }, 5000);
+            } }, "\u6253\u5F00\u6A21\u6001\u6846"),
+        React.createElement(Modal, { title: "\u6D4B\u8BD5", loading: loading, visible: visible, onCancel: function () { return setVisible(false); } },
+            React.createElement(Table, { dataSource: records, columns: columns, rowKey: "id", 
+                // 表格项可输入
+                onEditableSave: onEditableSaveHandle, 
+                // 新增删除行
+                onAddAndDelHandle: onAddAndDelHandle, 
+                // 表格行拖拽
+                onMoveRow: onMoveRowHandle, 
+                // tableValidate
+                tableHandleRef: tableHandleRef, tableName: "\u6211\u662F\u4E00\u4E2A\u8868\u683C", 
+                // 显隐配置
+                configInfo: tableConfig, showColumnDynamic: true, showColumnDynamicKey: "test-o-0011" }))));
+};
+export default ModalTable;

package/dist/TableDemo/index.js

@@ -10,10 +10,12 @@ import React from 'react';
 // 自定义组件
 import BasicTable from './BasicTable';
 import EditableTable from './EditableTable';
+import ModalTable from './ModalTable';
 // 其他文件
 var TableDemo = function () {
     return (React.createElement("div", null,
         React.createElement(BasicTable, null),
-        React.createElement(EditableTable, null)));
+        React.createElement(EditableTable, null),
+        React.createElement(ModalTable, null)));
 };
 export default TableDemo;

package/dist/UploadDemo.js

@@ -39,7 +39,7 @@ import Upload from 'components/Upload';
 import { useState, useEffect, useCallback, useRef } from 'react';
 import { UploadSingle } from './index';
 var originFileList = [];
-var token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOm51bGwsImVtcF9udW1iZXIiOm51bGwsImltdF9pZCI6bnVsbCwicmVhbF9uYW1lIjoi6ZmI5Lqa6ZuEIiwiY2xpZW50X3R5cGUiOiJ3ZWIiLCJkYXRhX3JvbGVfaWQiOiIxMzQ1OTc4NTA1MzAyMDU2OTYyLDE0NjgwMzUzNTE2MjUyODU2MzQsMTU0MjA3NjMwODU3ODAyNTQ3NCIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjExMjM1OTg4MTY3Mzg2NzUyMDEsMTQ2NzAxNTk3NTQ4NDc2MDA2NiwxNDY4MDM0NDM3MTU3OTYxNzI5LDE0ODA4MjkzMzc5MzkxMzI0MTciLCJwb3N0X25hbWUiOm51bGwsInNjb3BlIjpbImFsbCJdLCJpbnRlcnZpZXdfaWQiOm51bGwsImV4cCI6MTY2MDk4OTYwNCwib3JnX25hbWUiOm51bGwsImp0aSI6IjUwYWNmZDUzLWQwODMtNDdjYy05YWY5LWUzMWQxYTk1NDBmZiIsIm1lbWJlcl9pZCI6MSwiY29tcGFueV9pZCI6bnVsbCwic3lzdGVtX2lkIjpudWxsLCJkZXB0X25hbWUiOm51bGwsImF2YXRhciI6IiIsImRhdGFfcm9sZV9uYW1lIjoiYWRtaW4sYWRtaW4sYWRtaW4iLCJhdXRob3JpdGllcyI6WyJhZG1pbiIsInVzZXIiLCJhZG1pbmlzdHJhdG9yIl0sInJvbGVfbmFtZSI6ImFkbWluaXN0cmF0b3IsdXNlcixhZG1pbixhZG1pbiIsInJlc3VtZV90ZW1wbGF0ZSI6bnVsbCwibGljZW5zZSI6InBvd2VyZWQgYnkgem1kbXMiLCJwb3N0X2lkIjoiIiwidXNlcl9pZCI6IjE0MTI5NTM4MDQzMzM1NTU3MTQiLCJvcmdfaWQiOm51bGwsIm5pY2tfbmFtZSI6IumZiOS6mumbhCIsImNvbXBhbnlfbmFtZSI6bnVsbCwiZGVwdF9pZCI6IiIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50IjoiY2hlbnl4IiwicmVzdW1lX2lkIjpudWxsfQ.eIZkNEbrItNuZ9YXo3tNhwnenZVOyVGXWh2Z5rOWC74";
+var token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOm51bGwsImVtcF9udW1iZXIiOm51bGwsImltdF9pZCI6bnVsbCwicmVhbF9uYW1lIjoi6ZmI5Lqa6ZuEIiwiY2xpZW50X3R5cGUiOiJ3ZWIiLCJkYXRhX3JvbGVfaWQiOiIxMzQ1OTc4NTA1MzAyMDU2OTYyLDE0NjgwMzUzNTE2MjUyODU2MzQsMTU0MjA3NjMwODU3ODAyNTQ3NCIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjExMjM1OTg4MTY3Mzg2NzUyMDEsMTQ2NzAxNTk3NTQ4NDc2MDA2NiwxNDY4MDM0NDM3MTU3OTYxNzI5LDE0ODA4MjkzMzc5MzkxMzI0MTciLCJwb3N0X25hbWUiOm51bGwsInNjb3BlIjpbImFsbCJdLCJpbnRlcnZpZXdfaWQiOm51bGwsImV4cCI6MTY2MTI0MDUxNiwib3JnX25hbWUiOm51bGwsImp0aSI6IjEwOGY2YjhmLTU0ZjUtNDcwYy04YzU0LTU4MWViZDMyMmZjYSIsIm1lbWJlcl9pZCI6MSwiY29tcGFueV9pZCI6bnVsbCwic3lzdGVtX2lkIjpudWxsLCJkZXB0X25hbWUiOm51bGwsImF2YXRhciI6IiIsImRhdGFfcm9sZV9uYW1lIjoiYWRtaW4sYWRtaW4sYWRtaW4iLCJhdXRob3JpdGllcyI6WyJhZG1pbiIsInVzZXIiLCJhZG1pbmlzdHJhdG9yIl0sInJvbGVfbmFtZSI6ImFkbWluaXN0cmF0b3IsdXNlcixhZG1pbixhZG1pbiIsInJlc3VtZV90ZW1wbGF0ZSI6bnVsbCwibGljZW5zZSI6InBvd2VyZWQgYnkgem1kbXMiLCJwb3N0X2lkIjoiIiwidXNlcl9pZCI6IjE0MTI5NTM4MDQzMzM1NTU3MTQiLCJvcmdfaWQiOm51bGwsIm5pY2tfbmFtZSI6IumZiOS6mumbhCIsImNvbXBhbnlfbmFtZSI6bnVsbCwiZGVwdF9pZCI6IiIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50IjoiY2hlbnl4IiwicmVzdW1lX2lkIjpudWxsfQ.UXl68JBAGWQgL9uweedOonIj7Sflz2B_PQ6JS-Mi6_E";
 function UploadDemo() {
     var _this = this;
     var _a = useState(originFileList), fileList = _a[0], setFileList = _a[1];
@@ -77,6 +77,11 @@ function UploadDemo() {
                     // percent: 100,
                     // status: 'error',
                 },
+                {
+                    attachId: '1559718559965757442',
+                    attachName: '浙商中拓报总第101期.pdf',
+                    fileSize: 301024,
+                },
                 // {
                 //   // uid可不传，这个应该时组件需要一个内部id，可以同attachId
                 //   uid: '1418469936545132546',

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

@@ -75,6 +75,7 @@ function TableDynamic(props) {
     var onDynamicChangeHandle = function (checkedValue) {
         setCheckedValues(checkedValue);
     };
+    console.log(visible);
     return (React.createElement(Drawer, { placement: "right", getContainer: false, closable: false, maskClosable: false, 
         // style={{ position: 'absolute' }}
         visible: visible, className: "zt-table__dynamic", title: React.createElement("div", null,

package/dist/components/Table/table.js

@@ -286,6 +286,7 @@ function Table(props) {
                         return [4 /*yield*/, tableValidate(dataSource, mergeColumns, {
                                 getCurrentTable: getCurrentTable,
                                 rowSelection: props.rowSelection,
+                                expandable: props.expandable,
                                 tableName: tableName,
                             })];
                     case 1:

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

@@ -42,11 +42,11 @@ import { ERROR_TD_CLASSNAME } from '../index';
 export function tableValidate(dataSource, mergeColumns, restParams) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     return __awaiter(this, void 0, void 0, function () {
-        var getCurrentTable, rowSelection, tableName, requiredFileds, resultTr, i, item, j, _o, dataIndex, title, validate, index, value, err_1, errorTr, errorTds, errorTd, errorTr, errorTds, errorTd, errorTr, errorTds, errorTd;
+        var getCurrentTable, rowSelection, tableName, expandable, requiredFileds, resultTr, i, item, j, _o, dataIndex, title, validate, index, value, err_1, errorTr, errorTds, errorTd, errorTr, errorTds, errorTd, errorTr, errorTds, errorTd;
         return __generator(this, function (_p) {
             switch (_p.label) {
                 case 0:
-                    getCurrentTable = restParams.getCurrentTable, rowSelection = restParams.rowSelection, tableName = restParams.tableName;
+                    getCurrentTable = restParams.getCurrentTable, rowSelection = restParams.rowSelection, tableName = restParams.tableName, expandable = restParams.expandable;
                     if (!Array.isArray(dataSource) || dataSource.length === 0) {
                         console.info('没有数据，无需验证!');
                         return [2 /*return*/];
@@ -63,7 +63,7 @@ export function tableValidate(dataSource, mergeColumns, restParams) {
                                     dataIndex: column.validate.dataIndex || column.dataIndex,
                                     title: column.validate.title || column.title,
                                     validate: column.validate.validate,
-                                    index: index + (rowSelection ? 1 : 0),
+                                    index: index + (rowSelection ? 1 : 0) + (expandable ? 1 : 0),
                                 });
                             }
                         });

package/dist/components/Upload/upload-table.js

@@ -218,6 +218,7 @@ var UploadTable = function (_a) {
                                 var newDataSource = ((_b = (_a = (dataSourceRef.current || [])) === null || _a === void 0 ? void 0 : _a.slice) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
                                 if ((_c = newDataSource[index]) === null || _c === void 0 ? void 0 : _c.loading) {
                                     newDataSource.splice(index, 1, __assign(__assign({}, record), { loading: false }));
+                                    message.warning((record === null || record === void 0 ? void 0 : record.fileName) + " \u6587\u4EF6\u4E0B\u8F7D\u5931\u8D25!");
                                     setDataSource(newDataSource);
                                 }
                             },
@@ -247,6 +248,7 @@ var UploadTable = function (_a) {
                                 var newDataSource = ((_b = (_a = (dataSourceRef.current || [])) === null || _a === void 0 ? void 0 : _a.slice) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
                                 if ((_c = newDataSource[index]) === null || _c === void 0 ? void 0 : _c.loading) {
                                     newDataSource.splice(index, 1, __assign(__assign({}, record), { loading: false }));
+                                    message.warning((record === null || record === void 0 ? void 0 : record.fileName) + " \u6587\u4EF6\u4E0B\u8F7D\u5931\u8D25!");
                                     setDataSource(newDataSource);
                                 }
                             },

package/dist/components/business/Signatures/components/DetailTable.d.ts

@@ -24,6 +24,7 @@ interface IProps {
     qunjSeal: any;
     /** 查看盖章页面 */
     viewSealPageFn: any;
+    showContranctNum: boolean;
 }
 declare const _default: React.NamedExoticComponent<IProps>;
 export default _default;

package/dist/components/business/Signatures/components/DetailTable.js

@@ -18,7 +18,7 @@ import { Table, Button } from '../../../../index';
 // 自定义组件
 import AttachOperation from './AttachOperation';
 var DetailTable = function (_a) {
-    var needQj = _a.needQj, needQys = _a.needQys, records = _a.records, qunjSeal = _a.qunjSeal, electronicSeal = _a.electronicSealIdList, ZT_API_BASEURL = _a.ZT_API_BASEURL, ZT_FILE_BASEURL = _a.ZT_FILE_BASEURL, token = _a.token, viewSealPageFn = _a.viewSealPageFn, contractId = _a.contractId, electronicList = _a.electronicList, sealList = _a.sealList, querySealStatus = _a.querySealStatus;
+    var needQj = _a.needQj, needQys = _a.needQys, records = _a.records, qunjSeal = _a.qunjSeal, electronicSeal = _a.electronicSealIdList, ZT_API_BASEURL = _a.ZT_API_BASEURL, ZT_FILE_BASEURL = _a.ZT_FILE_BASEURL, token = _a.token, viewSealPageFn = _a.viewSealPageFn, contractId = _a.contractId, electronicList = _a.electronicList, sealList = _a.sealList, querySealStatus = _a.querySealStatus, showContranctNum = _a.showContranctNum;
     var authToken = token || '';
     /** 下载水印附件 */
     var downFileFn = function (_record) {
@@ -130,12 +130,12 @@ var DetailTable = function (_a) {
                             } },
                             React.createElement("div", { style: __assign({}, (!!(qunjSeal === null || qunjSeal === void 0 ? void 0 : qunjSeal.vertifyCode) ? {} : { display: 'none' })) },
                                 React.createElement(Button, { type: "link", size: "small", onClick: querySealStatus }, "\u67E5\u8BE2\u7528\u5370\u72B6\u6001")),
-                            React.createElement("div", null,
+                            showContranctNum && (React.createElement("div", null,
                                 React.createElement("span", { style: {
                                         color: '#888888',
                                     } }, "\u5408\u540C\u4EFD\u6570\uFF1A"),
                                 (qunjSeal === null || qunjSeal === void 0 ? void 0 : qunjSeal.contranctNum) || '',
-                                " \u4EFD"),
+                                " \u4EFD")),
                             React.createElement("div", null,
                                 React.createElement("span", { style: {
                                         color: '#888888',

package/dist/components/business/Signatures/index.js

@@ -690,6 +690,7 @@ var Sinatures = function (_a) {
         querySealStatus: querySealStatus,
         needQj: needQj,
         needQys: needQys,
+        showContranctNum: showContranctNum,
     };
     return (React.createElement(React.Fragment, null, isEdit ? (React.createElement(Table, { columns: columnsLast, rowKey: "attachId", dataSource: records, scroll: { x: 'max-content' } })) : (React.createElement(DetailTable, __assign({}, detail)))));
 };

package/dist/index.js

@@ -1,87 +1,117 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-import { ConfigProvider } from 'antd';
-import zhCN from 'antd/lib/locale/zh_CN';
-import * as dayjs from 'dayjs';
-import zhCn from 'dayjs/locale/zh-cn';
-import { BrowserRouter, Switch, Route, Link } from 'react-router-dom';
-import Demo from './Demo';
-import TreeSelectDemo from './TreeSelectDemo';
-import TreeDemo from './TreeDemo';
-import UploadDemo from './UploadDemo';
-import CollapseDemo from './DemoCom/CollapseDemo';
-import TimelineDemo from './DemoCom/TimelineDemo';
-import WeChatDemo from './DemoCom/WechatDemo';
-import TableDemo from './DemoCom/TableDemo';
-import TableDemo1 from './DemoCom/TableDemo1';
-import BasicDemo from './DemoCom/BasicDemo';
-import FormDemo from './DemoCom/FormDemo';
-import TableAnalyse from './DemoCom/TableAnalyse';
-import DragSort from './DemoCom/DragSort';
-import PrintDemo from './DemoCom/PrintDemo';
-import PrintContainerDemo from './DemoCom/PrintContainerDemo';
-import SinaturesDemo from './DemoCom/SinaturesDemo';
-import TableDemoAll from './TableDemo';
-import CodeQueryDemo from './DemoCom/CodeQueryDemo';
-dayjs.locale(zhCn);
-ReactDOM.render(
-// <React.StrictMode>
-React.createElement(ConfigProvider, { locale: zhCN },
-    React.createElement(BrowserRouter, null,
-        React.createElement(Switch, null,
-            React.createElement(Route, { exact: true, path: "/" },
-                React.createElement(App, null)),
-            React.createElement(Route, { exact: true, path: "/code-query" },
-                React.createElement(CodeQueryDemo, null)),
-            React.createElement(Route, { exact: true, path: "/select" },
-                React.createElement(Demo, null)),
-            React.createElement(Route, { exact: true, path: "/tree-select" },
-                React.createElement(TreeSelectDemo, null)),
-            React.createElement(Route, { exact: true, path: "/tree" },
-                React.createElement(TreeDemo, null)),
-            React.createElement(Route, { exact: true, path: "/upload" },
-                React.createElement(UploadDemo, null)),
-            React.createElement(Route, { exact: true, path: "/collapse" },
-                React.createElement(CollapseDemo, null)),
-            React.createElement(Route, { exact: true, path: "/timeline" },
-                React.createElement(TimelineDemo, null)),
-            React.createElement(Route, { exact: true, path: "/wechat" },
-                React.createElement(WeChatDemo, null)),
-            React.createElement(Route, { exact: true, path: "/table" },
-                React.createElement(TableDemo, null)),
-            React.createElement(Route, { exact: true, path: "/table1" },
-                React.createElement(TableDemo1, null)),
-            React.createElement(Route, { exact: true, path: "/basic" },
-                React.createElement(BasicDemo, null)),
-            React.createElement(Route, { exact: true, path: "/form" },
-                React.createElement(FormDemo, null)),
-            React.createElement(Route, { exact: true, path: "/print" },
-                React.createElement(PrintDemo, null)),
-            React.createElement(Route, { exact: true, path: "/print-container" },
-                React.createElement(PrintContainerDemo, null)),
-            React.createElement(Route, { exact: true, path: "/tableall" },
-                React.createElement(TableDemoAll, null)),
-            React.createElement(Route, { exact: true, path: "/table-analyse" },
-                React.createElement(TableAnalyse, null)),
-            React.createElement(Route, { exact: true, path: "/drag-sort" },
-                React.createElement(DragSort, null)),
-            React.createElement(Route, { exact: true, path: "/sinatures" },
-                React.createElement(SinaturesDemo, null)),
-            React.createElement(Route, { exact: true, path: "/test" },
-                React.createElement("div", null,
-                    React.createElement("h1", null,
-                        React.createElement(Link, { to: "/select" }, "select")),
-                    React.createElement("h1", null,
-                        React.createElement(Link, { to: "/tree-select" }, "tree select")),
-                    React.createElement("h1", null,
-                        React.createElement(Link, { to: "/tree" }, "tree")),
-                    React.createElement("h1", null,
-                        React.createElement(Link, { to: "/upload" }, "upload")),
-                    React.createElement("h1", null,
-                        React.createElement(Link, { to: "/drag-sort" }, "drag-sort"))))))), 
-// </React.StrictMode>,
-document.getElementById('root'));
+// import React from 'react';
+// import ReactDOM from 'react-dom';
+// import App from './App';
+// import { ConfigProvider } from 'antd';
+// import zhCN from 'antd/lib/locale/zh_CN';
+// import * as dayjs from 'dayjs';
+// import zhCn from 'dayjs/locale/zh-cn';
+// import { BrowserRouter, Switch, Route, Link } from 'react-router-dom';
+// import Demo from './Demo';
+// import TreeSelectDemo from './TreeSelectDemo';
+// import TreeDemo from './TreeDemo';
+// import UploadDemo from './UploadDemo';
+// import CollapseDemo from './DemoCom/CollapseDemo';
+// import TimelineDemo from './DemoCom/TimelineDemo';
+// import WeChatDemo from './DemoCom/WechatDemo';
+// import TableDemo from './DemoCom/TableDemo';
+// import TableDemo1 from './DemoCom/TableDemo1';
+// import BasicDemo from './DemoCom/BasicDemo';
+// import FormDemo from './DemoCom/FormDemo';
+// import TableAnalyse from './DemoCom/TableAnalyse';
+// import DragSort from './DemoCom/DragSort';
+// import PrintDemo from './DemoCom/PrintDemo';
+// import PrintContainerDemo from './DemoCom/PrintContainerDemo';
+// import SinaturesDemo from './DemoCom/SinaturesDemo';
+// import TableDemoAll from './TableDemo';
+// import CodeQueryDemo from './DemoCom/CodeQueryDemo';
+// dayjs.locale(zhCn);
+// ReactDOM.render(
+//   // <React.StrictMode>
+//   <ConfigProvider locale={zhCN}>
+//     <BrowserRouter>
+//       <Switch>
+//         <Route exact path="/">
+//           <App />
+//         </Route>
+//         <Route exact path="/code-query">
+//           <CodeQueryDemo />
+//         </Route>
+//         <Route exact path="/select">
+//           <Demo />
+//         </Route>
+//         <Route exact path="/tree-select">
+//           <TreeSelectDemo />
+//         </Route>
+//         <Route exact path="/tree">
+//           <TreeDemo />
+//         </Route>
+//         <Route exact path="/upload">
+//           <UploadDemo />
+//         </Route>
+//         <Route exact path="/collapse">
+//           <CollapseDemo />
+//         </Route>
+//         <Route exact path="/timeline">
+//           <TimelineDemo />
+//         </Route>
+//         <Route exact path="/wechat">
+//           <WeChatDemo />
+//         </Route>
+//         <Route exact path="/table">
+//           <TableDemo />
+//         </Route>
+//         <Route exact path="/table1">
+//           <TableDemo1 />
+//         </Route>
+//         <Route exact path="/basic">
+//           <BasicDemo />
+//         </Route>
+//         <Route exact path="/form">
+//           <FormDemo />
+//         </Route>
+//         <Route exact path="/print">
+//           <PrintDemo />
+//         </Route>
+//         <Route exact path="/print-container">
+//           <PrintContainerDemo />
+//         </Route>
+//         <Route exact path="/tableall">
+//           <TableDemoAll />
+//         </Route>
+//         <Route exact path="/table-analyse">
+//           <TableAnalyse />
+//         </Route>
+//         <Route exact path="/drag-sort">
+//           <DragSort />
+//         </Route>
+//         <Route exact path="/sinatures">
+//           <SinaturesDemo />
+//         </Route>
+//         <Route exact path="/test">
+//           <div>
+//             <h1>
+//               <Link to="/select">select</Link>
+//             </h1>
+//             <h1>
+//               <Link to="/tree-select">tree select</Link>
+//             </h1>
+//             <h1>
+//               <Link to="/tree">tree</Link>
+//             </h1>
+//             <h1>
+//               <Link to="/upload">upload</Link>
+//             </h1>
+//             <h1>
+//               <Link to="/drag-sort">drag-sort</Link>
+//             </h1>
+//           </div>
+//         </Route>
+//       </Switch>
+//     </BrowserRouter>
+//   </ConfigProvider>,
+//   // </React.StrictMode>,
+//   document.getElementById('root')
+// );
 export { default as Button } from './components/Button';
 export { default as Calendar } from './components/Calendar';
 export { default as Checkbox } from './components/Checkbox';

package/package.json

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