ztxkui 4.2.23-2 → 4.2.23-20

package/dist/DemoCom/PrintContainerDemo.js

@@ -27,7 +27,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useEffect, useState } from 'react';
 // redux
 // ztxkui公共组件
-import { PrintContainer } from '../index';
+import { PrintContainer, Row, Col } from '../index';
 // import Table, { ColumnsType } from 'components/Table';
 // 路由配置
 // store
@@ -38,7 +38,34 @@ import water from '../assets/img/water.png';
 import { createDownloadUrl } from 'ztxkutils/dist/fileOperation';
 import './print.scss';
 import { token } from '../constants';
-import imgSrc from '../assets/img/logo012.jpg';
+import imgSrc from '../assets/img/logo001.jpg';
+// import imgSrc1 from './seal/49.png';
+// function test() {
+//   const image = new Image();
+//   image.setAttribute('crossOrigin', 'anonymous');
+//   image.src = imgSrc1;
+//   image.onload = () => {
+//     const canvas = document.createElement('canvas');
+//     canvas.width = image.width;
+//     canvas.height = image.height;
+//     const ctx = canvas.getContext('2d');
+//     ctx?.drawImage(image, 0, 0, image.width, image.height);
+//     const dataURL = canvas.toDataURL('image/png');
+//     const imgDom = document.createElement('img');
+//     imgDom.src = dataURL;
+//     imgDom.style.width = '156px';
+//     imgDom.style.height = '156px';
+//     imgDom.style.bottom = `20px`;
+//     imgDom.style.right = `${1 * 156 + 166}px`;
+//     imgDom.classList.add('seal-img-position');
+//     const allDom = document.getElementsByClassName(
+//       'html2canvas-container-page'
+//     )[0];
+//     const copyDom = imgDom.cloneNode(true);
+//     allDom.appendChild(copyDom);
+//   };
+// }
+// test();
 function request(options) {
     var headers = options.headers, restOptions = __rest(options, ["headers"]);
     return axios(__assign({ baseURL: options.baseURL ? options.baseURL : 'http://192.168.0.83:8000', url: options.url, headers: __assign({ 'Zmdms-Auth': "bearer " + token }, options.headers), method: options.method, data: options.data, params: options.params }, restOptions));
@@ -112,7 +139,7 @@ var PrintContainerDemo = function () {
                 React.createElement("img", { src: imgSrc, alt: "" }),
                 React.createElement("h3", { className: "print-title" },
                     "\u63D0\u8D27\u5355",
-                    React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09")),
+                    React.createElement("p", { className: "info" }, "\uFF08\u540C\u4E00\u63D0\u8D27\u5355\u53F7\u4EC5\u80FD\u63D0\u8D27\u4E00\u6B21\uFF09 ")),
                 React.createElement("div", { className: "right-info" },
                     React.createElement("div", { className: "info-item" },
                         React.createElement("span", null, "\u63D0\u8D27\u5355\u53F7\uFF1A"),
@@ -128,97 +155,103 @@ var PrintContainerDemo = function () {
                     React.createElement("table", null,
                         React.createElement("tbody", null,
                             React.createElement("tr", null,
-                                React.createElement("td", null, "\u63D0\u8D27\u5355\u4F4D"),
-                                React.createElement("td", { colSpan: 3 }),
-                                React.createElement("td", null, "\u5F00\u6237\u94F6\u884C\u53CA\u8D26\u53F7"),
-                                React.createElement("td", { colSpan: 3 }),
-                                React.createElement("td", { width: "100px" }, "\u7269\u6D41\u6307\u4EE4\u5355\u53F7"),
-                                React.createElement("td", { colSpan: 3 })),
+                                React.createElement("td", { colSpan: 2 }, "\u63D0\u8D27\u5355\u4F4D"),
+                                React.createElement("td", { colSpan: 6 }),
+                                React.createElement("td", { colSpan: 2 }, "\u5F00\u6237\u94F6\u884C\u53CA\u8D26\u53F7"),
+                                React.createElement("td", { colSpan: 8 }),
+                                React.createElement("td", { colSpan: 2 }, "\u7269\u6D41\u6307\u4EE4\u5355\u53F7"),
+                                React.createElement("td", { colSpan: 4 })),
                             React.createElement("tr", null,
-                                React.createElement("td", null, "\u7A0E\u53F7"),
-                                React.createElement("td", { colSpan: 3 }),
-                                React.createElement("td", null, "\u5730\u5740\u53CA\u7535\u8BDD"),
-                                React.createElement("td", { colSpan: 3 }),
-                                React.createElement("td", { width: "100px" }, "\u9500\u552E\u5408\u540C\u53F7"),
-                                React.createElement("td", { colSpan: 3 })),
+                                React.createElement("td", { colSpan: 2 }, "\u7A0E\u53F7"),
+                                React.createElement("td", { colSpan: 6 }),
+                                React.createElement("td", { colSpan: 2 }, "\u5730\u5740\u53CA\u7535\u8BDD"),
+                                React.createElement("td", { colSpan: 8 }),
+                                React.createElement("td", { colSpan: 2 }, "\u9500\u552E\u5408\u540C\u53F7"),
+                                React.createElement("td", { colSpan: 4 })),
                             React.createElement("tr", null,
-                                React.createElement("td", null, "\u63D0\u8D27\u4ED3\u5E93"),
+                                React.createElement("td", { colSpan: 2 }, "\u63D0\u8D27\u4ED3\u5E93"),
+                                React.createElement("td", { colSpan: 4 }),
+                                React.createElement("td", { colSpan: 2 }, "\u4ED3\u5E93\u8054\u7CFB\u4EBA"),
                                 React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u4ED3\u5E93\u5730\u5740"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u4ED3\u5E93\u8054\u7CFB\u4EBA"),
-                                React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u4ED3\u5E93\u7535\u8BDD"),
-                                React.createElement("td", { colSpan: 2 })),
+                                React.createElement("td", { colSpan: 2 }, "\u4ED3\u5E93\u5730\u5740"),
+                                React.createElement("td", { colSpan: 6 }),
+                                React.createElement("td", { colSpan: 2 }, "\u4ED3\u5E93\u7535\u8BDD"),
+                                React.createElement("td", { colSpan: 4 })),
                             React.createElement("tr", null,
-                                React.createElement("td", { rowSpan: 2, colSpan: 4 }, "\u5546\u54C1\u540D\u79F0"),
-                                React.createElement("td", { width: "100px", rowSpan: 2 }, "\u6279\u6B21\u53F7"),
-                                React.createElement("td", { colSpan: 2, width: "150px" }, "\u5F00\u5355\u6570\u91CF"),
-                                React.createElement("td", { colSpan: 2, width: "150px" }, "\u5B9E\u53D1\u6570\u91CF"),
-                                React.createElement("td", { rowSpan: 2 }, "\u5355\u4EF7(\u542B\u7A0E)"),
-                                React.createElement("td", { width: "56px", rowSpan: 2 }, "\u662F\u5426\u542B\u8FD0\u8F93\u8D39"),
-                                React.createElement("td", { width: "56px", rowSpan: 2 }, "\u662F\u5426\u542B\u51FA\u5E93\u8D39")),
+                                React.createElement("td", { rowSpan: 2, colSpan: 8 }, "\u5546\u54C1\u540D\u79F0"),
+                                React.createElement("td", { rowSpan: 2, colSpan: 2 }, "\u6279\u6B21\u53F7"),
+                                React.createElement("td", { colSpan: 5 }, "\u5F00\u5355\u6570\u91CF"),
+                                React.createElement("td", { colSpan: 5 }, "\u5B9E\u53D1\u6570\u91CF"),
+                                React.createElement("td", { rowSpan: 2, colSpan: 2 }, "\u5355\u4EF7(\u542B\u7A0E)"),
+                                React.createElement("td", { rowSpan: 2, colSpan: 1 }, "\u662F\u5426\u542B\u8FD0\u8F93\u8D39"),
+                                React.createElement("td", { rowSpan: 2, colSpan: 1 }, "\u662F\u5426\u542B\u51FA\u5E93\u8D39")),
                             React.createElement("tr", null,
-                                React.createElement("td", { width: "50px" }, "\u4EF6"),
-                                React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)"),
-                                React.createElement("td", { width: "50px" }, "\u4EF6"),
-                                React.createElement("td", { width: "100px" }, "\u91CD\u91CF(\u5428)")),
-                            React.createElement("tr", null,
-                                React.createElement("td", { colSpan: 4, style: { height: '23px' } }),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null)),
+                                React.createElement("td", { colSpan: 2 }, "\u4EF6\u6570"),
+                                React.createElement("td", { colSpan: 2 }, "\u6570\u91CF"),
+                                React.createElement("td", null, "\u5355\u4F4D"),
+                                React.createElement("td", { colSpan: 2 }, "\u4EF6\u6570"),
+                                React.createElement("td", { colSpan: 2 }, "\u6570\u91CF"),
+                                React.createElement("td", null, "\u5355\u4F4D")),
                             React.createElement("tr", null,
-                                React.createElement("td", { colSpan: 4, align: "left", style: { padding: '0px 30px' } }, "\u5408\u8BA1"),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
-                                React.createElement("td", null),
+                                React.createElement("td", { colSpan: 8, style: { height: '25px' } }),
+                                React.createElement("td", { colSpan: 2 }),
+                                React.createElement("td", { colSpan: 2 }),
+                                React.createElement("td", { colSpan: 2 }),
                                 React.createElement("td", null),
+                                React.createElement("td", { colSpan: 2 }),
+                                React.createElement("td", { colSpan: 2 }),
                                 React.createElement("td", null),
-                                React.createElement("td", null)),
-                            React.createElement("tr", null,
-                                React.createElement("td", null, "\u5907\u6CE8"),
-                                React.createElement("td", { colSpan: 5 }),
-                                React.createElement("td", null, "\u63D0\u5355\u6709\u6548\u671F"),
                                 React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u51FA\u5E93\u65B9\u5F0F"),
-                                React.createElement("td", { colSpan: 2 })),
+                                React.createElement("td", { colSpan: 1 }),
+                                React.createElement("td", { colSpan: 1 })),
                             React.createElement("tr", null,
-                                React.createElement("td", null, "\u63D0\u8D27\u4EBA"),
+                                React.createElement("td", { colSpan: 8, align: "left", style: { padding: '0 30px' } }, "\u5408\u8BA1"),
                                 React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u63D0\u8D27\u8F66\u724C"),
                                 React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u6253\u5370\u6B21\u6570"),
                                 React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u5B58\u8D27\u5355\u4F4D"),
-                                React.createElement("td", { colSpan: 2 })),
-                            React.createElement("tr", null,
-                                React.createElement("td", null, "\u53D1\u8D27\u4EBA"),
+                                React.createElement("td", null),
                                 React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u5236\u5355\u4EBA"),
                                 React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u90E8\u95E8"),
+                                React.createElement("td", null),
                                 React.createElement("td", { colSpan: 2 }),
-                                React.createElement("td", null, "\u4E1A\u52A1\u4EE3\u8868"),
-                                React.createElement("td", { colSpan: 2 }))))),
+                                React.createElement("td", { colSpan: 1 }),
+                                React.createElement("td", { colSpan: 1 })),
+                            React.createElement("tr", null,
+                                React.createElement("td", { colSpan: 2 }, "\u5907\u6CE8"),
+                                React.createElement("td", { colSpan: 10 }),
+                                React.createElement("td", { colSpan: 2 }, "\u63D0\u5355\u6709\u6548\u671F"),
+                                React.createElement("td", { colSpan: 4 }),
+                                React.createElement("td", { colSpan: 2 }, "\u51FA\u5E93\u65B9\u5F0F"),
+                                React.createElement("td", { colSpan: 4 })),
+                            React.createElement("tr", null,
+                                React.createElement("td", { colSpan: 2 }, "\u63D0\u8D27\u4EBA"),
+                                React.createElement("td", { colSpan: 4 }),
+                                React.createElement("td", { colSpan: 2 }, "\u63D0\u8D27\u8F66\u724C"),
+                                React.createElement("td", { colSpan: 4 }),
+                                React.createElement("td", { colSpan: 2 }, "\u6253\u5370\u6B21\u6570"),
+                                React.createElement("td", { colSpan: 4 }),
+                                React.createElement("td", { colSpan: 2 }, "\u5B58\u8D27\u5355\u4F4D"),
+                                React.createElement("td", { colSpan: 4 })),
+                            React.createElement("tr", null,
+                                React.createElement("td", { colSpan: 2 }, "\u53D1\u8D27\u4EBA"),
+                                React.createElement("td", { colSpan: 4 }),
+                                React.createElement("td", { colSpan: 2 }, "\u5236\u5355\u4EBA"),
+                                React.createElement("td", { colSpan: 4 }),
+                                React.createElement("td", { colSpan: 2 }, "\u90E8\u95E8"),
+                                React.createElement("td", { colSpan: 4 }),
+                                React.createElement("td", { colSpan: 2 }, "\u4E1A\u52A1\u4EE3\u8868"),
+                                React.createElement("td", { colSpan: 4 }))))),
                 React.createElement("div", { className: "pt_bottom" },
-                    React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } },
-                        React.createElement("div", { className: "ant-col ant-col-17", style: { paddingLeft: 0 } },
-                            React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "1\u3001\u672C\u63D0\u5355\u5728\u4E0A\u8FF0\u6709\u6548\u671F\u5185\u6709\u6548\uFF0C\u8FC7\u671F\u4F5C\u5E9F\uFF1B"),
-                            React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } }, "2\u3001\u672C\u63D0\u8D27\u5355\u4F4D\u7ECF\u8D22\u52A1\u6536\u6B3E\u76D6\u7AE0\u540E\u63D0\u8D27\uFF1B\u6B64\u63D0\u8D27\u5355\u9057\u5931\uFF0C\u63D0\u8D27\u5355\u4F4D\u8D23\u4EFB\u81EA\u8D1F\uFF1B\u51ED\u6B64\u63D0\u8D27\u5355\u4EA4\u4ED8\u8D27\u7269\u540E\uFF0C\u8D27\u7269\u6240\u6709\u98CE\u9669\u8F6C\u79FB\u5230\u63D0\u8D27\u5355\u4F4D\u3002"),
-                            React.createElement("div", { className: "ant-row", style: { rowGap: '0px' } })),
-                        React.createElement("div", { className: "ant-col ant-col-7", style: { paddingRight: 0 } },
-                            React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
+                    React.createElement(Row, null,
+                        React.createElement(Col, { span: 17, style: { paddingLeft: 0 } },
+                            React.createElement(Row, null, "1\u3001\u672C\u63D0\u5355\u5728\u4E0A\u8FF0\u6709\u6548\u671F\u5185\u6709\u6548\uFF0C\u8FC7\u671F\u4F5C\u5E9F\uFF1B"),
+                            React.createElement(Row, null, "2\u3001\u672C\u63D0\u8D27\u5355\u4F4D\u7ECF\u8D22\u52A1\u6536\u6B3E\u76D6\u7AE0\u540E\u63D0\u8D27\uFF1B\u6B64\u63D0\u8D27\u5355\u9057\u5931\uFF0C\u63D0\u8D27\u5355\u4F4D\u8D23\u4EFB\u81EA\u8D1F\uFF1B\u51ED\u6B64\u63D0\u8D27\u5355\u4EA4\u4ED8\u8D27\u7269\u540E\uFF0C\u8D27\u7269\u6240\u6709\u98CE\u9669\u8F6C\u79FB\u5230\u63D0\u8D27\u5355\u4F4D\u3002"),
+                            React.createElement(Row, null)),
+                        React.createElement(Col, { span: 7, style: { paddingRight: 0 } },
+                            React.createElement(Row, { style: { justifyContent: 'flex-end' } },
                                 React.createElement("span", null, "\u6253\u5370\u65F6\u95F4\uFF1A"),
                                 React.createElement("span", { style: { display: 'inline-block', width: '100px' } })),
-                            React.createElement("div", { className: "ant-row", style: { justifyContent: 'flex-end', rowGap: '0px' } },
+                            React.createElement(Row, { style: { justifyContent: 'flex-end' } },
                                 React.createElement("span", null, "\u6253\u5370\u4EBA\uFF1A"),
                                 React.createElement("span", { style: { display: 'inline-block', width: '100px' } })))))))));
 };

package/dist/TableDemo/data.js

@@ -1,4 +1,4 @@
-export var dataSource = new Array(9).fill(1).map(function (item, index) {
+export var dataSource = new Array(2).fill(1).map(function (item, index) {
     return {
         id: "test-" + index,
         test1: "test1-" + index,

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

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

package/dist/UI/Form/index.js

@@ -0,0 +1,180 @@
+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 };
+    }
+};
+import { useState, useMemo } from 'react';
+import ProForm, { useForm } from 'components/ProForm';
+import { Input, Button, Radio, EnhanceSelect, Select } from '../../index';
+function Home() {
+    var _this = this;
+    var form = useForm()[0];
+    var _a = useState(1), state = _a[0], setState = _a[1];
+    var items = useMemo(function () {
+        return [
+            {
+                name: 'test1',
+                label: '测试1',
+                isRequire: true,
+                render: function (itemProps) { return React.createElement(Input, __assign({}, itemProps, { allowClear: true })); },
+            },
+            {
+                name: 'test11',
+                label: '测试11',
+                rules: [
+                    {
+                        required: true,
+                        message: '测试11必填',
+                    },
+                ],
+                render: function (itemProps) { return React.createElement(Input, __assign({}, itemProps, { allowClear: true })); },
+            },
+            {
+                name: 'test2',
+                label: '测试2',
+                dependencies: ['test1'],
+                isRequire: true,
+                render: function (itemProps, formInstance) {
+                    return React.createElement(Input, __assign({}, itemProps));
+                },
+            },
+            {
+                name: 'test22',
+                label: '测试22',
+                dependencies: ['test1'],
+                disabled: true,
+                render: function (itemProps, formInstance) {
+                    return React.createElement(Input, __assign({}, itemProps, { allowClear: true }));
+                },
+            },
+            {
+                name: 'test23',
+                label: '测试23',
+                noBorder: true,
+                render: function (itemProps, formInstance) {
+                    return (React.createElement(Radio.Group, null,
+                        React.createElement(Radio, { value: "1" }, "\u4F60\u597D"),
+                        React.createElement(Radio, { value: "2" }, "\u518D\u89C1")));
+                },
+            },
+            {
+                name: 'test3',
+                label: '测试3',
+                shouldUpdate: function (prevValues, curValues) {
+                    return prevValues.test1 !== curValues.test1;
+                },
+                render: function (itemProps, formInstance) {
+                    return React.createElement(Input, __assign({}, itemProps));
+                },
+            },
+            {
+                name: 'test4',
+                label: '测试4',
+                isRequire: true,
+                render: function (itemProps, formInstance) {
+                    return (React.createElement(EnhanceSelect, __assign({}, itemProps, { list: [
+                            { id: '1', name: '小明' },
+                            { id: '2', name: '小虎' },
+                        ], allowClear: true })));
+                },
+            },
+            {
+                name: 'test5',
+                label: '测试5',
+                isRequire: true,
+                render: function (itemProps, formInstance) {
+                    return (React.createElement(EnhanceSelect, __assign({}, itemProps, { list: [
+                            { id: '1', name: '小明' },
+                            { id: '2', name: '小虎' },
+                        ], allowClear: true })));
+                },
+            },
+            {
+                name: 'test6',
+                label: '测试6',
+                isRequire: true,
+                render: function (itemProps, formInstance) {
+                    return (React.createElement(Select, __assign({}, itemProps, { allowClear: true }),
+                        React.createElement(Select.Option, { value: "1" }, "\u4F60\u597D")));
+                },
+            },
+            {
+                name: 'test7',
+                label: '测试7',
+                isRequire: true,
+                render: function (itemProps, formInstance) {
+                    return React.createElement(Input, __assign({}, itemProps));
+                },
+            },
+        ];
+    }, []);
+    return (React.createElement("div", null,
+        React.createElement(ProForm, { form: form, items: items, showDynamic: true, showDynamicKey: "my-coco" }),
+        React.createElement(Button, { onClick: function () {
+                setState(state + 1);
+            } },
+            "\u83B7\u53D6",
+            state),
+        React.createElement(Button, { onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                var err_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            _a.trys.push([0, 2, , 3]);
+                            return [4 /*yield*/, form.validateFields()];
+                        case 1:
+                            _a.sent();
+                            console.log(form.getFieldsValue());
+                            return [3 /*break*/, 3];
+                        case 2:
+                            err_1 = _a.sent();
+                            console.log(err_1);
+                            return [3 /*break*/, 3];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); } }, "\u9A8C\u8BC1")));
+}
+export default Home;

package/dist/UI/Modal/hooks.d.ts

@@ -0,0 +1,15 @@
+import dayjs from 'dayjs';
+export declare const RANGEPICKER_RANGES: any;
+export declare function useForm(): {
+    items: any[];
+    outsideParams: {
+        test1: string;
+        test2: number;
+        createTime: dayjs.Dayjs[];
+    };
+    dateTransformToString: any;
+};
+export declare function useTable(): {
+    columns: any;
+    tablePropsReset: any;
+};

package/dist/UI/Modal/hooks.js

@@ -0,0 +1,170 @@
+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);
+};
+import React, { useMemo } from 'react';
+import { Input, EnhanceSelect, DatePicker } from '../../index';
+import { Select } from 'antd';
+import dayjs from 'dayjs';
+var getLastMonth = function () {
+    var date = [];
+    var start = dayjs().subtract(1, 'month').format('YYYY-MM') + '-01';
+    var end = dayjs(start)
+        .subtract(-1, 'month')
+        .add(-1, 'days')
+        .format('YYYY-MM-DD');
+    date.push(dayjs(start));
+    date.push(dayjs(end));
+    return date;
+};
+export var RANGEPICKER_RANGES = {
+    此刻: [dayjs(), dayjs()],
+    最近7天: [dayjs().subtract(6, 'days'), dayjs().subtract(0, 'days')],
+    最近30天: [dayjs().subtract(29, 'days'), dayjs().subtract(0, 'days')],
+    上月: getLastMonth(),
+    本月: [dayjs().startOf('month'), dayjs().endOf('month')],
+    上季度: [
+        dayjs()
+            .quarter(dayjs().quarter() - 1)
+            .startOf('quarter'),
+        dayjs()
+            .quarter(dayjs().quarter() - 1)
+            .endOf('quarter'),
+    ],
+    本季度: [dayjs().startOf('quarter'), dayjs().endOf('quarter')],
+    上一年: [
+        dayjs()
+            .year(dayjs().year() - 1)
+            .startOf('year'),
+        dayjs()
+            .year(dayjs().year() - 1)
+            .endOf('year'),
+    ],
+    本年: [dayjs().startOf('year'), dayjs().endOf('year')],
+};
+export function useForm() {
+    var items = useMemo(function () {
+        return [
+            {
+                name: 'test1',
+                label: '测试1',
+                render: function (itemProps) { return React.createElement(Input, __assign({}, itemProps, { allowClear: true })); },
+            },
+            {
+                name: 'test2',
+                label: '测试2',
+                render: function (itemProps) { return (React.createElement(Select, __assign({}, itemProps, { allowClear: true }),
+                    React.createElement(Select.Option, { value: 1 }, "1"),
+                    React.createElement(Select.Option, { value: 2 }, "2"))); },
+            },
+            {
+                name: 'companyId',
+                label: '公司',
+                render: function (itemProps) { return (React.createElement(EnhanceSelect, __assign({}, itemProps, { list: [
+                        { id: '1', name: '小明' },
+                        { id: '2', name: '小虎' },
+                    ], allowClear: true }))); },
+            },
+            {
+                name: 'depId',
+                label: '部门',
+                render: function (itemProps) { return (React.createElement(EnhanceSelect, __assign({}, itemProps, { list: [
+                        { id: '1', name: '小明' },
+                        { id: '2', name: '小虎' },
+                    ], allowClear: true }))); },
+            },
+            {
+                name: 'createTime',
+                label: '时间',
+                render: function (itemProps) { return (React.createElement(DatePicker.RangePicker, __assign({}, itemProps, { ranges: RANGEPICKER_RANGES }))); },
+            },
+            {
+                name: 'oneTime',
+                label: '时间1',
+                render: function (itemProps) { return React.createElement(DatePicker, __assign({}, itemProps)); },
+            },
+        ];
+    }, []);
+    // 时间转换
+    var dateTransformToString = useMemo(function () {
+        return {
+            fromKey: ['createTime', 'oneTime'],
+            toKey: [['startTime', 'endTime'], 'oneTimeEnd'],
+            format: ['YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD'],
+            type: 'string',
+        };
+    }, []);
+    // 外部初始值
+    var outsideParams = useMemo(function () {
+        return {
+            test1: '22',
+            test2: 1,
+            createTime: [dayjs().subtract(30, 'days'), dayjs().subtract(0, 'days')],
+        };
+    }, []);
+    return {
+        items: items,
+        outsideParams: outsideParams,
+        dateTransformToString: dateTransformToString,
+    };
+}
+export function useTable() {
+    var columns = [
+        {
+            title: '测试列3',
+            width: 100,
+            dataIndex: 'test3',
+            key: 'test3',
+            // 普通输入框配置
+            editable: true,
+            // 配置列的验证规则，这种是最普通的非空校验
+            validate: {},
+            shouldCellUpdate: function (record, preRecord) {
+                return record.test3 !== preRecord.test3;
+            },
+        },
+        {
+            title: '测试列2',
+            width: 100,
+            dataIndex: 'test2',
+            key: 'test2',
+            // 普通输入框配置
+            editable: true,
+            // 配置列的验证规则，这种是最普通的非空校验
+            validate: {},
+            shouldCellUpdate: function (record, preRecord) {
+                return record.test2 !== preRecord.test2;
+            },
+        },
+        {
+            title: '测试列1',
+            width: 100,
+            dataIndex: 'test1',
+            key: 'test1',
+            // 普通输入框配置
+            editable: true,
+            // 配置列的验证规则，这种是最普通的非空校验
+            validate: {},
+            shouldCellUpdate: function (record, preRecord) {
+                return record.test1 !== preRecord.test1;
+            },
+        },
+    ];
+    var tablePropsReset = useMemo(function () {
+        return {
+            isEdit: true,
+            scroll: { x: 1000, y: 500 },
+        };
+    }, []);
+    return {
+        columns: columns,
+        tablePropsReset: tablePropsReset,
+    };
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Modal: React.FC;
+export default Modal;