ztxkui 3.1.3 → 3.1.6

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/components/Table/hooks/useColumns.d.ts

@@ -1,7 +1,16 @@
+import React from 'react';
 import { ColumnsType } from '../';
+export interface IConfigInfo {
+    [props: string]: {
+        isChangeable?: any;
+        isDisplay?: any;
+        isRequired?: any;
+    };
+}
 interface IProps<RecordType> {
     columns: ColumnsType<RecordType> | undefined;
     showColumnDynamic?: boolean;
+    showColumnDynamicKey?: string;
     /**新增行删除行方法 */
     onAddAndDelHandle?: (type: 'add' | 'del', index: number) => void;
     /**隐藏新增icon */
@@ -11,6 +20,13 @@ interface IProps<RecordType> {
     showDynamicHandle?: () => void;
     /**表格列编辑事件 */
     onEditableSave?: (record: RecordType, index: number | undefined, dataIndex: string) => void;
+    /** 表格列配置相关信息 */
+    configInfo?: IConfigInfo;
 }
-declare function useColumns<RecordType>(props: IProps<RecordType>): ColumnsType<RecordType>[];
+export declare const getTableLayoutFullData: (columns: any, tableLayout: any) => any;
+declare function useColumns<RecordType>(props: IProps<RecordType>): {
+    newColumns: any;
+    dynamicColumns: any;
+    setNewColumns: React.Dispatch<any>;
+};
 export default useColumns;

package/dist/components/Table/hooks/useColumns.js

@@ -9,25 +9,95 @@ var __assign = (this && this.__assign) || function () {
     };
     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 React, { useCallback, useEffect, useState } from 'react';
 import { PicRightOutlined } from '@ant-design/icons';
 import TableAddDelColumn from '../table-adddel-column';
+// 获取表格columns完整数据
+export var getTableLayoutFullData = function (columns, tableLayout) {
+    if (Array.isArray(tableLayout) && tableLayout.length > 0) {
+        var newColumns = tableLayout.map(function (item) {
+            if ((item === null || item === void 0 ? void 0 : item.key) || (item === null || item === void 0 ? void 0 : item.dataIndex)) {
+                var result = columns.find(function (column) {
+                    if (column.key) {
+                        return column.key === (item === null || item === void 0 ? void 0 : item.key);
+                    }
+                    if (column.dataIndex) {
+                        return column.dataIndex === (item === null || item === void 0 ? void 0 : item.dataIndex);
+                    }
+                    return false;
+                });
+                return __assign(__assign({}, result), item);
+            }
+            return __assign({}, item);
+        });
+        var newAddColumns = columns.filter(function (column) { return !tableLayout.find(function (item) { return item.key === column.key; }); });
+        return __spreadArray(__spreadArray([], newColumns), newAddColumns);
+    }
+    return columns;
+};
+function getStorage(key) {
+    try {
+        var result = localStorage.getItem(key) || '';
+        return JSON.parse(result);
+    }
+    catch (err) {
+        return null;
+    }
+}
 function useColumns(props) {
-    var columns = props.columns, showColumnDynamic = props.showColumnDynamic, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, hideDelIcon = props.hideDelIcon, showDynamicHandle = props.showDynamicHandle, onEditableSave = props.onEditableSave;
+    var columns = props.columns, showColumnDynamic = props.showColumnDynamic, showColumnDynamicKey = props.showColumnDynamicKey, onAddAndDelHandle = props.onAddAndDelHandle, hideAddIcon = props.hideAddIcon, hideDelIcon = props.hideDelIcon, showDynamicHandle = props.showDynamicHandle, onEditableSave = props.onEditableSave, configInfo = props.configInfo;
+    var tableLayout = getStorage(showColumnDynamicKey);
     // 新的columns
-    var _a = useState(columns), newColumns = _a[0], setNewColumns = _a[1];
+    var _a = useState(getTableLayoutFullData(columns, tableLayout)), newColumns = _a[0], setNewColumns = _a[1];
     // 需要动态配置的列
-    var _b = useState(columns), dynamicColumns = _b[0], setDynamicColumns = _b[1];
+    var _b = useState(getTableLayoutFullData(columns, tableLayout)), dynamicColumns = _b[0], setDynamicColumns = _b[1];
     // 动态列配置显隐
     var ColumnDynamicCom = useCallback(function () { return (React.createElement(PicRightOutlined, { className: "zt-column--daynamic-icon", onClick: showDynamicHandle })); }, [showDynamicHandle]);
     useEffect(function () {
-        if (!Array.isArray(columns)) {
+        var tableLayout = getStorage(showColumnDynamicKey);
+        var catchColumns = getTableLayoutFullData(columns, tableLayout);
+        if (!Array.isArray(catchColumns)) {
             throw new Error('columns 必须为一个数组');
         }
+        // 根据配置处理columns
+        // 主要处理是否隐藏
+        // 是否添加required配置
+        var _columns = [];
+        if (configInfo && Object.keys(configInfo).length > 0) {
+            catchColumns.forEach(function (col) {
+                var _a, _b, _c, _d;
+                var _column = __assign({}, col);
+                var dataIndex = _column.dataIndex;
+                if (!dataIndex) {
+                    _columns.push(__assign({}, _column));
+                }
+                else {
+                    // 如果没有配置，或者配置isRequired为存在
+                    if (((_a = configInfo[dataIndex]) === null || _a === void 0 ? void 0 : _a.isRequired) === 1 ||
+                        ((_b = configInfo[dataIndex]) === null || _b === void 0 ? void 0 : _b.isRequired) === '1') {
+                        _column.required = true;
+                    }
+                    // 如果没有配置，或者配置isDisplay为存在
+                    if (!configInfo[dataIndex] ||
+                        ((_c = configInfo[dataIndex]) === null || _c === void 0 ? void 0 : _c.isDisplay) === 1 ||
+                        ((_d = configInfo[dataIndex]) === null || _d === void 0 ? void 0 : _d.isDisplay) === '1') {
+                        _columns.push(__assign({}, _column));
+                    }
+                }
+            });
+        }
+        else {
+            _columns = catchColumns;
+        }
         var _newColumns = [];
         var _dynamicColumns = [];
         // 处理columns
-        columns.forEach(function (col) {
+        _columns.forEach(function (col) {
             var _column = __assign({}, col);
             // 添加超出隐藏
             // !_column.render 兼容下拉框滚动行为，设置了ellipsis的话，会导致overflow:hidden，导致一些问题
@@ -58,7 +128,16 @@ function useColumns(props) {
                 _dynamicColumns.push(__assign({}, col));
             }
             // 添加必填标识
-            if (_column.required) {
+            if (typeof _column.required === 'function') {
+                var res = _column.required();
+                var _res = typeof res === 'boolean' ? res : res === 1 || res === '1';
+                if (_res) {
+                    _column.title = (React.createElement(React.Fragment, null,
+                        React.createElement("i", { className: "zt-column--required" }, "*"),
+                        _column.title));
+                }
+            }
+            else if (_column.required) {
                 _column.title = (React.createElement(React.Fragment, null,
                     React.createElement("i", { className: "zt-column--required" }, "*"),
                     _column.title));
@@ -112,7 +191,9 @@ function useColumns(props) {
         hideDelIcon,
         ColumnDynamicCom,
         onEditableSave,
+        configInfo,
+        showColumnDynamicKey,
     ]);
-    return [newColumns, dynamicColumns];
+    return { newColumns: newColumns, dynamicColumns: dynamicColumns, setNewColumns: setNewColumns };
 }
 export default useColumns;

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

@@ -4,15 +4,36 @@ import { ColumnType } from 'antd/lib/table';
 import { TableRowSelection as AntTableRowSelection } from 'antd/lib/table/interface';
 import { ISummaryConfig as TableISummaryConfig } from './utils/getSummaryData';
 import { IEditableConfig } from './table-enhance-cell';
-export interface IColumnType<RecordType> extends ColumnType<RecordType> {
-    /**是否隐藏该列 */
-    hideColumn?: boolean;
-    /**是否增加必填title */
+export interface IValidate {
+    /** 需要验证得key, 如果不传，组件会取当前列配置的dataIndex */
+    dataIndex?: string;
+    /** 提示的列头，如果不传，组件会取当前列配置的title */
+    title?: string;
+    /**
+     * 验证方式
+     * required 如果只传入这个key 那么已这个为准
+     * validate 验证函数 返回一个promise对象
+     *          也可以传入一个对象，对象有两个key 一个pattern正则 一个message提示信息
+     */
     required?: boolean;
+    validate?: (value: any, record: any, index: any, title: any) => Promise<any> | {
+        pattern: any;
+        message: string;
+    };
+    /** 当前index位置 */
+    index?: number;
+}
+export interface IColumnType<RecordType> extends ColumnType<RecordType> {
+    /**是否隐藏该列 可以传入一个返回boolean值得函数 */
+    hideColumn?: boolean | (() => boolean);
+    /**是否增加必填title, 可以传入一个返回boolean值的函数 */
+    required?: boolean | (() => boolean);
     /**是否可以编辑 */
     editable?: boolean;
     /**可编辑列配置 */
     editableConfig?: IEditableConfig;
+    /** 表格单元格验证逻辑 */
+    validate?: IValidate;
 }
 export interface IColumnGroupType<RecordType> extends Omit<IColumnType<RecordType>, ''> {
     children: ColumnsType<RecordType>;
@@ -21,6 +42,8 @@ export declare type ISummaryConfig = TableISummaryConfig;
 export declare type ColumnsTypeProp<RecordType> = IColumnGroupType<RecordType> | IColumnType<RecordType>;
 export declare type ColumnsType<RecordType = unknown> = ColumnsTypeProp<RecordType>[];
 export declare type TableRowSelection<T> = AntTableRowSelection<T>;
+export declare const DIFF_CLASSNAME = "zt-table--diff-row";
+export declare const ERROR_TD_CLASSNAME = "zt-error-validate-td";
 export declare type ITableComponent = typeof Table & {
     SELECTION_ALL: typeof AntTable.SELECTION_ALL;
     SELECTION_INVERT: typeof AntTable.SELECTION_INVERT;
@@ -29,6 +52,7 @@ export declare type ITableComponent = typeof Table & {
     ColumnGroup: typeof AntTable.ColumnGroup;
     Summary: typeof AntTable.Summary;
     DiffClassName: string;
+    ErrorTdCallName: string;
 };
 declare const TransTable: ITableComponent;
 export default TransTable;