ztxkui 3.1.4 → 3.1.7

package/dist/DemoCom/SinaturesDemo.js

@@ -1,29 +1,123 @@
+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, { useRef, useState } from 'react';
-import { stringify } from 'qs';
 // redux
 // ztxkui公共组件
 import { Sinatures } from '../index';
 import Template from './Template';
+import { stringify } from 'qs';
 // 路由配置
 // store
 // 自定义组件
 // 其他文件
+var ZT_API_BASEURL = 'http://192.168.0.83:8000';
+var token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoi5ZGo54Sw5rW3IiwiZW1wX25hbWUiOiLlkajnhLDmtbciLCJlbXBfbnVtYmVyIjoiWUcyMjA1MDAyIiwiaW10X2lkIjpudWxsLCJyZWFsX25hbWUiOiLlkajnhLDmtbciLCJjbGllbnRfdHlwZSI6IndlYiIsImRhdGFfcm9sZV9pZCI6IjEzNDU5Nzg1MDUzMDIwNTY5NjIsMTQ2ODAzNTM1MTYyNTI4NTYzNCIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjE0NDY4MTk0NjM2OTM4NDQ0ODIsMTQ2NzAxNTk3NTQ4NDc2MDA2NiwxNDY4MDM0NDM3MTU3OTYxNzI5IiwicG9zdF9uYW1lIjpudWxsLCJzY29wZSI6WyJhbGwiXSwiaW50ZXJ2aWV3X2lkIjpudWxsLCJleHAiOjE2NTcxNzkzMTMsIm9yZ19uYW1lIjoi5rWZ5ZWG5Lit5ouT6ZuG5Zui6IKh5Lu95pyJ6ZmQ5YWs5Y-4IiwianRpIjoiZWQ1YjMwMGEtNGYwOC00MWEzLTgxNWItYWY5Yjg2NDdjY2UyIiwibWVtYmVyX2lkIjoxNTI2MTEwOTQ1Mjk4MjcyMjU3LCJjb21wYW55X2lkIjoxNDE1ODM3OTkxNzAxMDM3MDU3LCJzeXN0ZW1faWQiOiIzIiwiZGVwdF9uYW1lIjoi5rWZ5ZWG5Lit5ouTLeW3peeoi-mFjemAgeS6jOmDqCIsImF2YXRhciI6IiIsImRhdGFfcm9sZV9uYW1lIjoiYWRtaW4sYWRtaW4iLCJhdXRob3JpdGllcyI6WyJhZG1pbiIsInVzZXIiLCJhZG1pbmlzdHJhdG9yIl0sInJvbGVfbmFtZSI6ImFkbWluaXN0cmF0b3IsdXNlcixhZG1pbiIsInJlc3VtZV90ZW1wbGF0ZSI6bnVsbCwibGljZW5zZSI6InBvd2VyZWQgYnkgem1kbXMiLCJwb3N0X2lkIjoiIiwidXNlcl9pZCI6IjE1MjYxMTEzMTgwNDYwNjg3MzciLCJvcmdfaWQiOjE0NTc1Mjc3NjU5MTg1MTUyMDEsIm5pY2tfbmFtZSI6IuWRqOeEsOa1tyIsImNvbXBhbnlfbmFtZSI6Iua1meWVhuS4reaLk-mbhuWbouiCoeS7veaciemZkOWFrOWPuCIsImRlcHRfaWQiOiIxNDE0ODUyODQ3MDM1MDAyODgxIiwiaGFuZGxlX2hyX25hbWUiOm51bGwsImFjY291bnQiOiLlkajnhLDmtbciLCJyZXN1bWVfaWQiOm51bGx9.X-apyMFUmkzRQqFLCXA3nF6u36ShH1OLHWE7boj5CBQ';
 /**
  * @description 封装请求方法
  */
-function myRequest(options) {
-    return fetch(options.url + "?" + stringify(options.params), {
-        headers: {
-            'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOiLpmYjkuprpm4QiLCJlbXBfbnVtYmVyIjoiWUcyMTA3MDA4IiwiaW10X2lkIjpudWxsLCJyZWFsX25hbWUiOiLpmYjkuprpm4QiLCJjbGllbnRfdHlwZSI6IndlYiIsImRhdGFfcm9sZV9pZCI6IjEzNDU5Nzg1MDUzMDIwNTY5NjIsMTQxMjYxNDExMDY0NzM4NjExNCwxNDEyNjE1Njc3MTE5MjY2ODE3LDE0NDgxMjEwODY1MDQzMDA1NDYsMTQ1MjgyMDI5MzgwMjcxMzA5MCwxNDUzOTI1MDAxNTMxNDc4MDE3LDE0NTg3MTIwODIwODIzNTcyNTAsMTQ1ODgyNjIzODE4NTg4OTc5NCwxNDU4ODI3NzAxMDEyMzI0MzUzLDE0NTg4MjgzNjA4MDE1MDkzNzcsMTQ2MDA4OTI2MjAxMjAzMDk3NywxNDYxMTM3Nzg4NjQ1MTI2MTQ2IiwiY2xpZW50X2lkIjoic3dvcmQiLCJ1c2VyX3R5cGUiOiJ3ZWIiLCJyb2xlX2lkIjoiMTQxMjYwODc0Mjk1MzI4NzY4MiwxNDM4MzIyNTQzMjk1OTI2Mjc0LDE0NDM0NzU0NzU5NzI3MzQ5NzcsMTQ0NjgxOTQ2MzY5Mzg0NDQ4MiwxNDYwMDg1NDI2ODE1OTUwODQ5LDE0NjI2MjI5OTIzNzUyMDk5ODYiLCJwb3N0X25hbWUiOm51bGwsInNjb3BlIjpbImFsbCJdLCJpbnRlcnZpZXdfaWQiOm51bGwsImV4cCI6MTY0MjU3MjMxOSwib3JnX25hbWUiOiLmuZbljZfkuK3mi5Pkv6Hmga_np5HmioDmnInpmZDlhazlj7giLCJqdGkiOiJjYmNjMGVlNy01ODE4LTQ1ZjMtOWYzNS0xMTBhNjdiODFkYmIiLCJtZW1iZXJfaWQiOjE0MTI5NTMyMDUyNjk1MTYyOTAsImNvbXBhbnlfaWQiOjEzOTcwNzQ2MDU0MTI2OTYwNjYsInN5c3RlbV9pZCI6IjQiLCJkZXB0X25hbWUiOiLkuJrliqHkuIDpg6giLCJhdmF0YXIiOiIiLCJkYXRhX3JvbGVfbmFtZSI6ImFkbWluLHVzZXIsdXNlcixhZG1pbixhZG1pbix1c2VyLHVzZXIsdXNlcix1c2VyLHVzZXIsdXNlcix1c2VyIiwiYXV0aG9yaXRpZXMiOlsiYWRtaW4iLCJ1c2VyIiwiYWRtaW5pc3RyYXRvciJdLCJyb2xlX25hbWUiOiJ1c2VyLGFkbWluaXN0cmF0b3IsYWRtaW4sYWRtaW5pc3RyYXRvcix1c2VyLHVzZXIiLCJyZXN1bWVfdGVtcGxhdGUiOm51bGwsImxpY2Vuc2UiOiJwb3dlcmVkIGJ5IHptZG1zIiwicG9zdF9pZCI6IiIsInVzZXJfaWQiOiIxNDEyOTUzODA0MzMzNTU1NzE0Iiwib3JnX2lkIjoxNDU3NTI3NzY1OTE4NTE1NTM1LCJuaWNrX25hbWUiOiLpmYjkuprpm4QiLCJjb21wYW55X25hbWUiOiLmtZnllYbkuK3mi5Ppm4blm6LnianmtYHnp5HmioDmnInpmZDlhazlj7giLCJkZXB0X2lkIjoiMTM5NzA4MTkzMDMyODQyNDQ0OSIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50IjoiY2hlbnl4IiwicmVzdW1lX2lkIjpudWxsfQ.FzJkqhtmGgkSsDZd6RBylQEGxBsJRslLDtX9DXgfW-M',
-        },
-        method: options.method,
-    }).then(function (response) { return response.json(); });
+function myRequest(url, params, method) {
+    var _this = this;
+    if (params === void 0) { params = null; }
+    if (method === void 0) { method = 'GET'; }
+    return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
+        var headers, config, response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    headers = {
+                        'Zmdms-Auth': token,
+                    };
+                    config = {
+                        headers: headers,
+                    };
+                    // 判断请求类型
+                    if (method === 'GET') {
+                        if (params) {
+                            url += '?' + stringify(params);
+                        }
+                    }
+                    else if (method === 'POST') {
+                        config = {
+                            method: method,
+                            headers: __assign({ 'Content-Type': 'application/json', Authorization: 'Basic c3dvcmQ6c3dvcmRfc2VjcmV0' }, config.headers),
+                        };
+                        if (params) {
+                            config = __assign(__assign({}, config), { body: JSON.stringify(params) });
+                        }
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, fetch(ZT_API_BASEURL + "/" + url, __assign({}, config))];
+                case 2:
+                    response = _a.sent();
+                    response
+                        .json()
+                        .then(function (res) {
+                        resolve(res);
+                    })
+                        .catch(function (error) {
+                        reject(error);
+                    });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    reject(error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); });
 }
-var token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOiLpmYjkuprpm4QiLCJlbXBfbnVtYmVyIjoiMDAwMTcwODkiLCJpbXRfaWQiOm51bGwsInJlYWxfbmFtZSI6IumZiOS6mumbhCIsImNsaWVudF90eXBlIjoid2ViIiwiZGF0YV9yb2xlX2lkIjoiMTM0NTk3ODUwNTMwMjA1Njk2MiwxNDEyNjE0MTEwNjQ3Mzg2MTE0LDE0MTI2MTU2NzcxMTkyNjY4MTcsMTQ0ODEyMTA4NjUwNDMwMDU0NiwxNDUyODIwMjkzODAyNzEzMDkwLDE0NTM5MjUwMDE1MzE0NzgwMTcsMTQ1ODcxMjA4MjA4MjM1NzI1MCwxNDU4ODI2MjM4MTg1ODg5Nzk0LDE0NTg4Mjc3MDEwMTIzMjQzNTMsMTQ1ODgyODM2MDgwMTUwOTM3NywxNDYwMDg5MjYyMDEyMDMwOTc3LDE0NjExMzc3ODg2NDUxMjYxNDYsMTQ2ODAzNTM1MTYyNTI4NTYzNCIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjExMjM1OTg4MTY3Mzg2NzUyMDEsMTQxMjYwODc0Mjk1MzI4NzY4MiwxNDM4MzIyNTQzMjk1OTI2Mjc0LDE0NDM0NzU0NzU5NzI3MzQ5NzcsMTQ0NjgxOTQ2MzY5Mzg0NDQ4MiwxNDYwMDg1NDI2ODE1OTUwODQ5LDE0NjI2MjI5OTIzNzUyMDk5ODYsMTQ2NzAxNTk3NTQ4NDc2MDA2NiwxNDY4MDM0NDM3MTU3OTYxNzI5LDE0NzI4NDA2NzY4MjQwMTg5NDUiLCJwb3N0X25hbWUiOm51bGwsInNjb3BlIjpbImFsbCJdLCJpbnRlcnZpZXdfaWQiOm51bGwsImV4cCI6MTY1NjQ4ODE5Mywib3JnX25hbWUiOm51bGwsImp0aSI6ImNlYWEyYTMxLWU2NDEtNDhiNy1iNjFlLWU2MmY1OWRiNDk3ZCIsIm1lbWJlcl9pZCI6MTM0NTk5Mjg3ODE2MjY0OTA5MCwiY29tcGFueV9pZCI6MTI5NTkwODYyNzk4NDY3MDcyMiwic3lzdGVtX2lkIjpudWxsLCJkZXB0X25hbWUiOiLkuJrliqHkuIDpg6giLCJhdmF0YXIiOiIiLCJkYXRhX3JvbGVfbmFtZSI6ImFkbWluLHVzZXIsdXNlcixhZG1pbixhZG1pbix1c2VyLHVzZXIsdXNlcix1c2VyLHVzZXIsdXNlcix1c2VyLGFkbWluIiwiYXV0aG9yaXRpZXMiOlsiYWRtaW4iLCJ1c2VyIiwiYWRtaW5pc3RyYXRvciJdLCJyb2xlX25hbWUiOiJhZG1pbmlzdHJhdG9yLHVzZXIsYWRtaW5pc3RyYXRvcixhZG1pbixhZG1pbmlzdHJhdG9yLHVzZXIsdXNlcix1c2VyLGFkbWluLHVzZXIiLCJyZXN1bWVfdGVtcGxhdGUiOm51bGwsImxpY2Vuc2UiOiJwb3dlcmVkIGJ5IHptZG1zIiwicG9zdF9pZCI6IiIsInVzZXJfaWQiOiIxNDEyOTUzODA0MzMzNTU1NzE0Iiwib3JnX2lkIjpudWxsLCJuaWNrX25hbWUiOiLpmYjkuprpm4QiLCJjb21wYW55X25hbWUiOiLmtZnllYbkuK3mi5Ppm4blm6LvvIjph43luobvvInmnInpmZDlhazlj7giLCJkZXB0X2lkIjoiMTM5NzA4MTkzMDMyODQyNDQ0OSIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50IjoiY2hlbnl4IiwicmVzdW1lX2lkIjpudWxsfQ.xvUZAA0tLrpNTPK5nRhihdSyQbTQyAmcOJS724OUnHY';
 var list = [
     {
         attachId: '1326475920778194945',
@@ -68,10 +162,12 @@ var qunjSeal = {
     ],
 };
 var electronicSealList = [
-    { name: '浙商中拓集团（上海）合同专用章' },
-    { name: '浙商/浙江中拓法人签字章' },
+    { name: '浙商中拓集团（上海）合同专用章', id: '2980019783467188885' },
+    { name: '浙商/浙江中拓法人签字章', id: '2980019871597904544' },
+];
+var electronicSeal = [
+    { name: '浙商中拓集团（上海）合同专用章', id: '2980019783467188885' },
 ];
-var electronicSeal = ['浙商中拓集团（上海）合同专用章'];
 var SinaturesDemo = function () {
     var _a = useState(0), rIndex = _a[0], setRIndex = _a[1];
     var openCustomerModalHandle = function (index) {
@@ -82,15 +178,11 @@ var SinaturesDemo = function () {
     var handleRef = useRef({});
     var templateRef = useRef({});
     return (React.createElement("div", null,
-        React.createElement(Sinatures, { isUpdate: true, fileList: list, fileTypeList: fileTypeList, qunjSealList: qunjSealList, qunjSeal: qunjSeal, electronicSealList: electronicSealList, electronicSeal: electronicSeal, ZT_API_BASEURL: "http://192.168.0.83:8000", ZT_FILE_BASEURL: "http://192.168.0.83:88", token: token, openCustomerModalHandle: openCustomerModalHandle, handleRef: handleRef, request: myRequest, compareTaskUrl: "api/zmdms-resource/seal/create-compare-task", queryCompareTaskUrl: "api/zmdms-resource/seal/query-compare-task", downloadCompareFileUrl: "api/zmdms-resource/seal/download-compare-file" }),
+        React.createElement(Sinatures, { isUpdate: true, fileList: list, fileTypeList: fileTypeList, qunjSealList: qunjSealList, qunjSeal: qunjSeal, electronicSealList: electronicSealList, electronicSeal: electronicSeal, ZT_API_BASEURL: ZT_API_BASEURL, ZT_FILE_BASEURL: "http://192.168.0.83:88", token: token, openCustomerModalHandle: openCustomerModalHandle, handleRef: handleRef, request: myRequest, compareTaskUrl: "api/zmdms-resource/seal/create-compare-task", queryCompareTaskUrl: "api/zmdms-resource/seal/query-compare-task", downloadCompareFileUrl: "api/zmdms-resource/seal/download-compare-file" }),
         React.createElement(Template, { handleRef: handleRef, rIndex: rIndex, templateRef: templateRef }),
         React.createElement("button", { onClick: function () {
                 var _a;
                 console.log((_a = handleRef.current) === null || _a === void 0 ? void 0 : _a.getData());
-            } }, "\u83B7\u53D6\u6570\u636E"),
-        React.createElement("button", { onClick: function () {
-                var _a;
-                console.log((_a = handleRef.current) === null || _a === void 0 ? void 0 : _a.getData());
-            } }, "\u76D6\u7AE0")));
+            } }, "\u83B7\u53D6\u6570\u636E")));
 };
 export default SinaturesDemo;

package/dist/DemoCom/TableDemo.js

@@ -9,6 +9,42 @@ var __assign = (this && this.__assign) || function () {
     };
     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 };
+    }
+};
 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];
@@ -17,7 +53,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 import React, { useEffect, useState, useCallback, useRef } from 'react';
 import Table from 'components/Table';
 import EnhanceSelect from 'components/EnhanceSelect';
-import { OperationBtnGroup, Empty, Button } from '../index';
+import { OperationBtnGroup, Empty, Button, message } from '../index';
 import MaterialComp, { 
 // clearData,
 clearDataFn,
@@ -444,6 +480,20 @@ var TableDemo = function () {
     var _e = useState(false), lengthChange = _e[0], setLengthChange = _e[1];
     // 表格行拖拽改变
     var _f = useState(false), moveChange = _f[0], setMoveChange = _f[1];
+    // 表格配置
+    var _g = useState({
+        materialId: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
+        test1: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
+    }), tableConfig = _g[0], setTableConfig = _g[1];
+    useEffect(function () {
+        setTimeout(function () {
+            setTableConfig({
+                materialId: { isChangeable: 1, isDisplay: 1, isRequired: 0 },
+                test1: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
+                test2: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
+            });
+        }, 5000);
+    }, []);
     useEffect(function () {
         setFirstRender(true);
     }, []);
@@ -466,6 +516,7 @@ var TableDemo = function () {
             width: 100,
             dataIndex: 'materialId',
             key: 'materialId',
+            validate: {},
             shouldCellUpdate: function (record, preRecord) {
                 if (lengthChange) {
                     setLengthChange(false);
@@ -479,6 +530,7 @@ var TableDemo = function () {
             },
             render: function (text, record, index) {
                 return (React.createElement(EnhanceSelect, { value: text, list: list1, dataKey: "id", titleKey: "materialDesc", dropdownMatchSelectWidth: 130, onChange: function (value, option, fullData) {
+                        tableHandleRef.current.clearErrorClass(index);
                         var newRecord = __assign({ materialId: value, materialDesc: fullData === null || fullData === void 0 ? void 0 : fullData.materialDesc }, clearDataFn({ prefix: 'prefix' }));
                         onEditableSaveHandle(newRecord, index);
                     } }));
@@ -539,6 +591,20 @@ var TableDemo = function () {
             key: 'test3',
             // 普通的输入框
             editable: true,
+            validate: {
+                validate: function (value, record, index, title) {
+                    if (Object.keys(tableConfig).length === 2 || !value) {
+                        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",
+                                },
+                            ],
+                        });
+                    }
+                    return Promise.resolve();
+                },
+            },
             shouldCellUpdate: function (record, preRecord) {
                 if (firstRender) {
                     setFirstRender(false);
@@ -562,6 +628,7 @@ var TableDemo = function () {
             key: 'test4',
             // 简单配置的输入框
             editable: true,
+            validate: {},
             shouldCellUpdate: function (record, preRecord) {
                 if (firstRender) {
                     setFirstRender(false);
@@ -730,17 +797,19 @@ var TableDemo = function () {
         },
     ];
     // 本地偏好设置相关
-    var _g = useState(getStorage('test-table') || []), tableLayout = _g[0], setTableLayout = _g[1];
-    var onDynamicChange = useCallback(function (tableLayout) {
-        // 剔除调一些可能不可序列化的字段，只保留关键数据
-        var newTableLayout = tableLayout.map(function (item) { return ({
-            key: item === null || item === void 0 ? void 0 : item.key,
-            dataIndex: item === null || item === void 0 ? void 0 : item.dataIndex,
-            hideColumn: item === null || item === void 0 ? void 0 : item.hideColumn,
-        }); });
-        setTableLayout(newTableLayout);
-        setStorege('test-table', newTableLayout);
-    }, []);
+    // const [tableLayout, setTableLayout] = useState<any>(
+    //   getStorage('test-table') || []
+    // );
+    // const onDynamicChange = useCallback((tableLayout: any) => {
+    //   // 剔除调一些可能不可序列化的字段，只保留关键数据
+    //   const newTableLayout = tableLayout.map((item) => ({
+    //     key: item?.key,
+    //     dataIndex: item?.dataIndex,
+    //     hideColumn: item?.hideColumn,
+    //   }));
+    //   setTableLayout(newTableLayout);
+    //   setStorege('test-table', newTableLayout);
+    // }, []);
     // 本地偏好设置end
     // 表格数据改变相关
     var onEditableSaveHandle = useCallback(function (record, index, _dataIndex) {
@@ -790,43 +859,76 @@ var TableDemo = function () {
         setRecords(newDataSource);
         setMoveChange(true);
     }, [setRecords]);
+    var tableHandleRef = useRef();
     return (React.createElement(React.Fragment, null,
+        React.createElement("div", null,
+            React.createElement("button", { onClick: function () { return console.log(records); } }, "\u83B7\u53D6\u6570\u636E"),
+            React.createElement(Button, { loading: btnLoading, onClick: function () {
+                    console.log(111);
+                    (function () {
+                        return __awaiter(this, void 0, void 0, function () {
+                            var err_1, errorFields;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        _a.trys.push([0, 2, , 3]);
+                                        return [4 /*yield*/, tableHandleRef.current.validate()];
+                                    case 1:
+                                        _a.sent();
+                                        return [3 /*break*/, 3];
+                                    case 2:
+                                        err_1 = _a.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*/];
+                                }
+                            });
+                        });
+                    })();
+                } }, "\u70B9\u51FB")),
+        React.createElement("div", { style: { height: '2000px' } }),
         React.createElement(Table
         // 如果需要保留本地偏好，那么这里需要预处理一下columns数据
+        // columns={getTableLayoutFullData(columns, tableLayout)}
+        // initColumns={columns}
         , { 
             // 如果需要保留本地偏好，那么这里需要预处理一下columns数据
-            columns: getTableLayoutFullData(columns, tableLayout), initColumns: columns, dataSource: records, rowKey: "id", 
+            // columns={getTableLayoutFullData(columns, tableLayout)}
+            // initColumns={columns}
+            columns: columns, dataSource: records, rowKey: "id", tableHandleRef: tableHandleRef, 
+            // 配置表格列
+            configInfo: tableConfig, 
             // 添加动态列配置
-            showColumnDynamic: true, onDynamicChange: onDynamicChange, 
+            showColumnDynamic: true, showColumnDynamicKey: "testkey", 
+            // onDynamicChange={onDynamicChange}
             // 表格项可输入
             onEditableSave: onEditableSaveHandle, 
             // 新增删除行
             onAddAndDelHandle: onAddAndDelHandle, 
             // 表格行拖拽
-            onMoveRow: onMoveRowHandle }),
-        React.createElement("div", null,
-            React.createElement("button", { onClick: function () { return console.log(records); } }, "\u83B7\u53D6\u6570\u636E"),
-            React.createElement(Button, { loading: btnLoading, onClick: function () {
-                    console.log(111);
-                } }, "\u70B9\u51FB")),
+            onMoveRow: onMoveRowHandle, 
+            // 自动伸缩列
+            isResizableColumn: true }),
         React.createElement(Empty, null)));
 };
-function getStorage(key) {
-    try {
-        var result = localStorage.getItem(key) || '';
-        return JSON.parse(result);
-    }
-    catch (err) {
-        return null;
-    }
-}
-function setStorege(key, value) {
-    try {
-        var _value = typeof value === 'object' ? JSON.stringify(value) : value;
-        localStorage.setItem(key, _value);
-    }
-    catch (err) { }
-}
+// function getStorage(key) {
+//   try {
+//     const result = localStorage.getItem(key) || '';
+//     return JSON.parse(result);
+//   } catch (err) {
+//     return null;
+//   }
+// }
+// function setStorege(key, value) {
+//   try {
+//     const _value = typeof value === 'object' ? JSON.stringify(value) : value;
+//     localStorage.setItem(key, _value);
+//   } catch (err) {}
+// }
 function myRequest(options) {
     return new Promise(function (resolve, reject) {
         console.log(options);

package/dist/TableDemo/BasicTable.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @author 陈亚雄
+ * @description 基础表格，充当列表
+ */
+import React from 'react';
+declare const BasicTable: React.FC;
+export default BasicTable;

package/dist/TableDemo/BasicTable.js

@@ -0,0 +1,95 @@
+/**
+ * @author 陈亚雄
+ * @description 基础表格，充当列表
+ */
+import React from 'react';
+// redux
+// ztxkui公共组件
+import { Table } from '../index';
+// 路由配置
+// store
+// 自定义组件
+// 其他文件
+import { dataSource } from './data';
+var BasicTable = function () {
+    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',
+        },
+        {
+            title: '测试2',
+            width: 100,
+            dataIndex: 'test2',
+            key: 'test2',
+        },
+        {
+            title: '测试3',
+            width: 100,
+            dataIndex: 'test3',
+            key: 'test3',
+        },
+        {
+            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',
+        },
+    ];
+    return (React.createElement("div", null,
+        React.createElement("div", null,
+            "\u57FA\u7840\u5C55\u793A\u8868\u683C\uFF1B",
+            React.createElement("br", null),
+            React.createElement("b", null, "\u52A8\u6001\u5217\u914D\u7F6E\uFF1B"),
+            "\u5982\u679C\u9700\u8981\u7F13\u5B58\u4F4F\u52A8\u6001\u5217\u914D\u7F6E\uFF0C\u9700\u8981\u4F20\u5165showColumnDynamicKey\uFF1B \u8868\u683C\u5185\u90E8\u8FDB\u884C\u4E86\u4F18\u5316\uFF0C\u6570\u636E\u5C06\u5B58\u50A8\u5728\u672C\u5730\u7F13\u5B58\u4E2D\uFF0C\u53EF\u4EE5\u4E0D\u7528\u901A\u8FC7\u5916\u754C\u4F20\u5165\u914D\u7F6E",
+            React.createElement("br", null),
+            React.createElement("b", null, "\u5217\u4F38\u7F29\uFF1B"),
+            "isResizableColumn\u5C5E\u6027\u9ED8\u8BA4\u4E3Atrue\uFF0C\u5982\u679C\u4E0D\u9700\u8981\u5217\u4F38\u7F29\u53EF\u4EE5\u4F20\u5165false"),
+        React.createElement(Table, { dataSource: dataSource, columns: columns, rowKey: "id", showColumnDynamic: true, showColumnDynamicKey: "symbol-id-1" })));
+};
+export default BasicTable;

package/dist/TableDemo/EditableTable.d.ts

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