ztxkui 4.3.32 → 10.0.0

package/README.md

@@ -1,57 +1,57 @@
-# 前端ui库
-
-## 关于 typescript 相关配置说明
-
-_[tsconfig.json](https://www.tslang.cn/docs/handbook/tsconfig-json.html) 如果一个目录下存在一个 tsconfig.json 文件，那么它意味着这个目录是 TypeScript 项目的根目录。tsconfig.json 文件中指定了用来编译这个项目的根文件和编译选现_
-
-- compilerOptions 可以忽略，如果忽略 会使用默认值
-  - outDir 指定的目录下的文件永远会被编译器排除，除非使用 files 包含
-  - typeRoots 默认所有可见的 @types 包会在编译过程中被包含进来，如果指定了这个配置 只有他下面的包才会被包含进来
-
-* files 指定一个包含相对或绝对文件路径的列表,优先级最高
-* include 需要编译的文件 优先级最低
-* exclude 不需要编译的文件 优先级中等
-* extends 继承配置 继承的文件会覆盖源文件
-
-_[eslint](https://eslint.bootcss.com/docs/user-guide/getting-started)ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误_
-
-- parser 解析器(eslint 默认使用 Espree 作为其解析器)
-- parserOptions 解析器配置选项
-- env 和 globals 环境和全局变量
-
-* rules 规则（off 或 0，关闭规则；warn 或 1，开启规则；error 或 2，开启规则，并会出错阻止代码运行）
-  - semi 是否使用分号（当前不使用 错误级别 1）
-  - no-trailing-spaces 禁止行尾空格
-  - array-bracket-spacing 强制数组括号内的空格一致
-  - operator-linebreak 强制操作符使用一致的换行符
-  - function-paren-newline 强制函数括号内使用一致的换行
-  * no-magic-numbers 禁止使用魔术数字
-    - ignoreArrayIndexes 数字可否作为数组的索引
-  - block-spacing 禁止或强制在代码块中开括号前和闭括号后有空格
-  - brace-style 大括号风格要求
-  - no-multiple-empty-lines 最大换行数
-  - object-curly-spacing 强制在花括号中使用一致的空格
-  * comma-spacing 强制在逗号周围使用空格
-    - before false 禁止逗号前使用空格
-    - after true 要求逗号后使用一个或多个空格
-  * keyword-spacing 强制关键字周围空格的一致性
-    - before true (默认) 要求在关键字之前至少有一个空格
-    - after true (默认) 要求在关键字之后至少有一个空格
-  * comma-style 逗号风格
-    - last (默认) 要求逗号放在数组元素、对象属性或变量声明之后，且在同一行
-  - no-multi-spaces 禁止出现多个空格
-
-- plugins 插件(插件可以提供处理器 配置在 processor 中 通过 pluginName/parserName)
-- overrides 为特定类型的文件指定处理器，请使用 overrides 和 processor 的组合
-- extends 拓展 一个配置文件可以被基础配置中的已启用的规则继承
-- settings 提供给每一个将被执行的规则
-- root 如果为 true 则项目中的 eslint 规则 在根目录中找
-
-## 本地调试
-
-```json
-"peerDependencies": {
-  "react": ">=16.9.0",
-  "react-dom": ">=16.9.0"
-}
-```
+# 前端ui库
+
+## 关于 typescript 相关配置说明
+
+_[tsconfig.json](https://www.tslang.cn/docs/handbook/tsconfig-json.html) 如果一个目录下存在一个 tsconfig.json 文件，那么它意味着这个目录是 TypeScript 项目的根目录。tsconfig.json 文件中指定了用来编译这个项目的根文件和编译选现_
+
+- compilerOptions 可以忽略，如果忽略 会使用默认值
+  - outDir 指定的目录下的文件永远会被编译器排除，除非使用 files 包含
+  - typeRoots 默认所有可见的 @types 包会在编译过程中被包含进来，如果指定了这个配置 只有他下面的包才会被包含进来
+
+* files 指定一个包含相对或绝对文件路径的列表,优先级最高
+* include 需要编译的文件 优先级最低
+* exclude 不需要编译的文件 优先级中等
+* extends 继承配置 继承的文件会覆盖源文件
+
+_[eslint](https://eslint.bootcss.com/docs/user-guide/getting-started)ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误_
+
+- parser 解析器(eslint 默认使用 Espree 作为其解析器)
+- parserOptions 解析器配置选项
+- env 和 globals 环境和全局变量
+
+* rules 规则（off 或 0，关闭规则；warn 或 1，开启规则；error 或 2，开启规则，并会出错阻止代码运行）
+  - semi 是否使用分号（当前不使用 错误级别 1）
+  - no-trailing-spaces 禁止行尾空格
+  - array-bracket-spacing 强制数组括号内的空格一致
+  - operator-linebreak 强制操作符使用一致的换行符
+  - function-paren-newline 强制函数括号内使用一致的换行
+  * no-magic-numbers 禁止使用魔术数字
+    - ignoreArrayIndexes 数字可否作为数组的索引
+  - block-spacing 禁止或强制在代码块中开括号前和闭括号后有空格
+  - brace-style 大括号风格要求
+  - no-multiple-empty-lines 最大换行数
+  - object-curly-spacing 强制在花括号中使用一致的空格
+  * comma-spacing 强制在逗号周围使用空格
+    - before false 禁止逗号前使用空格
+    - after true 要求逗号后使用一个或多个空格
+  * keyword-spacing 强制关键字周围空格的一致性
+    - before true (默认) 要求在关键字之前至少有一个空格
+    - after true (默认) 要求在关键字之后至少有一个空格
+  * comma-style 逗号风格
+    - last (默认) 要求逗号放在数组元素、对象属性或变量声明之后，且在同一行
+  - no-multi-spaces 禁止出现多个空格
+
+- plugins 插件(插件可以提供处理器 配置在 processor 中 通过 pluginName/parserName)
+- overrides 为特定类型的文件指定处理器，请使用 overrides 和 processor 的组合
+- extends 拓展 一个配置文件可以被基础配置中的已启用的规则继承
+- settings 提供给每一个将被执行的规则
+- root 如果为 true 则项目中的 eslint 规则 在根目录中找
+
+## 本地调试
+
+```json
+"peerDependencies": {
+  "react": ">=16.9.0",
+  "react-dom": ">=16.9.0"
+}
+```

package/dist/App.js

@@ -1209,7 +1209,7 @@ function App() {
         React.createElement(DetailList, { records: inspectionDetail, labelWidth: 10, labelAlign: "center", apiBaseUrl: "http://192.168.0.83:8888", fileBaseUrl: "http://192.168.0.83:88", previewBtnDisable: true, hasManOrDate: true, hasSignArea: true }),
         React.createElement(DetailList, { records: inspectionDetail, labelWidth: 10, labelAlign: "right", apiBaseUrl: "http://192.168.0.83:8888", fileBaseUrl: "http://192.168.0.83:88", previewBtnDisable: true, hasManOrDate: true, hasSignArea: true }),
         React.createElement(DetailList, { apiBaseUrl: "http://192.168.0.83:8888", fileBaseUrl: "http://192.168.0.83:88", hasSignArea: true, isDark: true, labelWidth: 10 }),
-        inspectionData.map(function (item, index) {
+        inspectionData.map(function (item) {
             var inspectionDesc = [
                 { title: '巡检人', content: item.inspectionMan },
                 { title: '上传时间', content: item.inspectionTime },
@@ -1228,7 +1228,7 @@ function App() {
                     return itemObj;
                 });
             }
-            return (React.createElement(DetailCard, { title: item.inspectionName, desc: inspectionDesc, records: records, key: index }));
+            return (React.createElement(DetailCard, { title: item.inspectionName, desc: inspectionDesc, records: records }));
         }),
         React.createElement(Upload, { method: "post", headers: {
                 'Zmdms-Auth': 'bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJpbmR1Y3Rpb25fc291cmNlX3R5cGUiOm51bGwsInJlc3VtZV9kYXRlIjpudWxsLCJ1c2VyX25hbWUiOiJZRzIxMDE0IiwiaW10X2lkIjpudWxsLCJyZWFsX25hbWUiOiLpmYjkuprpm4QiLCJjbGllbnRfdHlwZSI6IndlYiIsImRhdGFfcm9sZV9pZCI6IjEzNDM0OTA2ODYyNjAyMjgwOTcsMTM0NTk3ODUwNTMwMjA1Njk2MiIsImNsaWVudF9pZCI6InN3b3JkIiwiZW1wbG95bWVudF9mb3JtX3R5cGUiOm51bGwsInVzZXJfdHlwZSI6IndlYiIsInJvbGVfaWQiOiIxMTIzNTk4ODE2NzM4Njc1MjAxLDEzNDM0OTA0MjUwMDEyMjYyNDIiLCJwb3N0X25hbWUiOm51bGwsInNjb3BlIjpbImFsbCJdLCJpbnRlcnZpZXdfaWQiOm51bGwsImV4cCI6MTYzMjQ2NzEyNSwianRpIjoiZmNiZTYwYWEtOTJjOC00ODhjLTgxYTUtOTQ2ZDJiYzJiNDM4IiwibWVtYmVyX2lkIjoxMzQ1OTkyODc4MTYyNjQ5MDkwLCJjb21wYW55X2lkIjoxMjk1OTA4NjI3OTg0NjcwNzIyLCJzeXN0ZW1faWQiOiIyIiwiZGVwdF9uYW1lIjoi5rWL6K-V6YOo6ZeoMjIxMjEyMTIiLCJhdmF0YXIiOiIiLCJkYXRhX3JvbGVfbmFtZSI6Im51bGwsbnVsbCIsImF1dGhvcml0aWVzIjpbIuWGheWLpCIsImFkbWluaXN0cmF0b3IiXSwicm9sZV9uYW1lIjoiYWRtaW5pc3RyYXRvcizlhoXli6QiLCJsaWNlbnNlIjoicG93ZXJlZCBieSB6bWRtcyIsInBvc3RfaWQiOiIiLCJ1c2VyX2lkIjoiMTM0NTk5OTc3MDM4NTU4MDAzNCIsIm5pY2tfbmFtZSI6IumZiOS6mumbhCIsImNvbXBhbnlfbmFtZSI6Iua1meWVhuS4reaLk-mbhuWbou-8iOmHjeW6hu-8ieaciemZkOWFrOWPuGxjeSIsImRlcHRfaWQiOiIxMjk1OTA5NDg4MDAxNTQwMDk3IiwiaGFuZGxlX2hyX25hbWUiOm51bGwsImFjY291bnQiOiJZRzIxMDE0IiwicmVzdW1lX2lkIjpudWxsfQ.uWW6lWQyAPWeQmTNw9w4PMYPNWHPGvhCxquaA958J5o',
@@ -1298,17 +1298,11 @@ function App() {
                                         React.createElement(Checkbox, { value: "2" }, "\u5426"))),
                                 React.createElement(SearchItem, { name: "sss", label: "", noLabelShowBg: true },
                                     React.createElement(Checkbox, { value: "1" }, "\u662F")),
-                                React.createElement(SearchItem, { name: "sss2d1", label: "", hiddenLabelName: "\u52A8\u6001\u8868\u5355\u914D\u7F6Esssd1sss2d1", noLabelShowBg: true, dynamicdisabled: "1" },
-                                    React.createElement(Checkbox, { value: "1" }, "\u662Fsa")),
-                                React.createElement(SearchItem, { name: "sssd1", label: "", hiddenLabelName: "\u52A8\u6001\u8868\u5355\u914D\u7F6Esssd1", noLabelShowBg: true, dynamicdisabled: "1" },
-                                    React.createElement(Checkbox, { value: "1" }, "\u662Fa")),
-                                React.createElement(SearchItem, { name: "sss1", label: "", hiddenLabelName: "\u52A8\u6001\u8868\u5355\u914D\u7F6E", noLabelShowBg: true, dynamicdisabled: "1" },
-                                    React.createElement(Checkbox, { value: "1" }, "\u662F")),
-                                React.createElement(SearchItem, { name: "ssss1", label: "", hiddenLabelName: "\u52A8\u6001\u8868\u5355\u914D\u7F6Es1", noLabelShowBg: true, dynamicdisabled: "1" },
+                                React.createElement(SearchItem, { name: "sss1", label: "", hiddenLabelName: "\u52A8\u6001\u8868\u5355\u914D\u7F6E", noLabelShowBg: true },
                                     React.createElement(Checkbox, { value: "1" }, "\u662F")),
                                 React.createElement(SearchItem, { name: "sss2", label: "", hiddenLabelName: "\u52A8\u6001\u8868\u5355\u914D\u7F6E", noLabelShowBg: true },
                                     React.createElement(Checkbox, { value: "1" }, "\u662F")),
-                                React.createElement(SearchItem, { name: "sss3", label: "", hiddenLabelName: "\u52A8\u6001\u8868\u5355\u914D\u7F6E", noLabelShowBg: true },
+                                React.createElement(SearchItem, { name: "sss2", label: "", hiddenLabelName: "\u52A8\u6001\u8868\u5355\u914D\u7F6E", noLabelShowBg: true },
                                     React.createElement(Radio, { value: "1" }, "\u662F")),
                                 React.createElement(SearchItem, { name: "test2", label: "\u90E8\u95E8\u540D\u79F0", rules: [{ required: true, message: '请选择仓库名称' }] },
                                     React.createElement(Radio.Group, null,

package/dist/Demo.js

@@ -1,4 +1,5 @@
 import EnhanceSelect from 'components/EnhanceSelect';
+import { Button } from './';
 import { useEffect, useState } from 'react';
 import { stringify } from 'qs';
 import { Link } from 'react-router-dom';
@@ -63,8 +64,14 @@ function Demo() {
             }
         };
     }, []);
+    var _j = useState(1), num = _j[0], setNum = _j[1];
     return (React.createElement("div", { style: { height: 2000 } },
         React.createElement(Link, { to: "/test" }, "test"),
+        React.createElement("div", { onClick: function () {
+                setNum(num + 1);
+            } },
+            "\u8BBE\u7F6E",
+            num),
         React.createElement("div", null,
             React.createElement(EnhanceSelect, { style: selectStyle, list: list, isHandAddItem: true, value: value1, showAll: true, onChange: function (value) {
                     console.log(value, typeof value);
@@ -121,9 +128,31 @@ function Demo() {
             // defaultList={defaultList}
             isClickRequest: true }),
         React.createElement("p", null, "\u4E00\u6B21\u6027\u52A0\u8F7D\u6570\u636E"),
-        React.createElement(EnhanceSelect, { style: selectStyle, placeholder: "\u4E00\u6B21\u6027\u52A0\u8F7D\u6570\u636E", url: "http://192.168.0.83:8000/api/zmdms-system/company/list", request: request, dataKey: "id", titleKey: "name", isClickRequest: true, isPaste: true, mode: "multiple", isHandAddItem: true, value: value3, onChange: function (value, option, fullData) {
-                console.log(value, fullData);
+        React.createElement(EnhanceSelect, { style: selectStyle, placeholder: "\u4E00\u6B21\u6027\u52A0\u8F7D\u6570\u636E", 
+            // url="http://192.168.0.83:8000/api/zmdms-system/company/list"
+            request: request, 
+            // dataKey="id"
+            // titleKey="name"
+            // isPaste
+            // mode="multiple"
+            value: value3, isCatch: true, onChange: function (value, option, fullData) {
+                console.log(value);
                 setValue3(value);
+            }, dataKey: "id", titleKey: "name", url: "http://192.168.0.83:8000/api/zmdms-scm-accounting/advancepaymentoverdue/getOveStatusEnum", method: "GET", 
+            // isCatch
+            // request={request}
+            transformData: function (res) {
+                var dataList = [];
+                for (var item in res.data.data) {
+                    dataList.push({ key: item, name: res.data.data[item] });
+                }
+                res.data.data = dataList;
+                return res;
+            }, dropdownRenderBtns: function () {
+                return (React.createElement(Button, { onClick: function (e) {
+                        e.preventDefault();
+                        console.log(111);
+                    } }, "\u6D4B\u8BD5"));
             } }),
         React.createElement("p", null, "\u5F02\u6B65\u83B7\u53D6\u6570\u636E"),
         React.createElement("button", { onClick: function () {

package/dist/DemoCom/CollapseDemo.js

@@ -2,7 +2,7 @@ import Collapse from 'components/Collapse';
 import GridList from 'components/business/NewList';
 function CollapseDemo() {
     return (React.createElement("div", { style: { padding: 20 } },
-        React.createElement(Collapse, { showBackground: true },
+        React.createElement(Collapse, { showBackground: true, collapsible: "icon" },
             React.createElement(Collapse.Panel, { key: "1", header: "\u4E2A\u4EBA\u4FE1\u606F" },
                 React.createElement(GridList, null,
                     React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5", showDiff: true, isBlod: true }, "\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1\u518D\u89C1"),

package/dist/DemoCom/FormDemo.js

@@ -9,18 +9,32 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useState, useMemo, useRef } from 'react';
+import React, { useState, useMemo, useRef, useEffect } from 'react';
 import SearchContainer from '../components/business/SearchContainer';
 import Form from '../components/Form';
 import Input from '../components/Input';
 import Select from '../components/Select';
-import EnhanceSelect from '../components/EnhanceSelect';
 import DatePicker from '../components/DatePicker';
 import Checkbox from '../components/Checkbox';
 import Radio from '../components/Radio';
 import InputNumber from '../components/InputNumber';
+import EnhanceSelect from '../components/EnhanceSelect';
+import { stringify } from 'qs';
+import { token } from '../constants';
 var SearchItem = SearchContainer.SearchItem, SearchLeft = SearchContainer.SearchLeft, SearchRight = SearchContainer.SearchRight;
 var RangePicker = DatePicker.RangePicker;
+function request(options) {
+    return fetch(options.url + "?" + stringify(options.params), {
+        headers: {
+            'Zmdms-Auth': "bearer " + token,
+        },
+        method: options.method,
+    })
+        .then(function (response) { return response.json(); })
+        .then(function (res) {
+        return { status: 200, data: res };
+    });
+}
 var configInfo = {
     pwNoCopy: {
         isRequired: 1,
@@ -47,11 +61,6 @@ var configInfo = {
         isChangeable: 1,
         isDisplay: 1,
     },
-    type77: {
-        isRequired: 1,
-        isChangeable: 1,
-        isDisplay: 1,
-    },
 };
 var getCustomDom = function () {
     return (React.createElement(React.Fragment, { key: "search-form-fragment-id" },
@@ -60,38 +69,63 @@ var getCustomDom = function () {
         React.createElement(SearchItem, { name: "type8", width: "half", label: "\u4F60\u597D811" },
             React.createElement(Select, null)),
         React.createElement(SearchItem, { name: "type5", width: "all", label: "\u4F60\u597D" },
-            React.createElement(Input.TextArea, { autoSize: true, allowClear: true }))));
+            React.createElement(Input.TextArea, { showCount: true, rows: 3, handleSize: true })),
+        React.createElement(SearchItem, { name: "type6", width: "all", label: "\u4F60\u597D" },
+            React.createElement(Input.TextArea, { showCount: {
+                    formatter: function () { return '111'; },
+                }, maxLength: 10 }))));
 };
 var FormDemo = function () {
     var form = Form.useForm()[0];
-    var _a = useState('2'), status = _a[0], setStatus = _a[1];
-    console.log(1111);
-    form.setFieldsValue({
-        pwNo: '123123',
-    });
+    var _a = useState('1'), status = _a[0], setStatus = _a[1];
+    var _b = useState({}), formData = _b[0], setFormData = _b[1];
+    var _c = useState(1), num = _c[0], setNum = _c[1];
+    useEffect(function () {
+        form.setFieldsValue(formData);
+    }, [formData, form]);
     var configInfoMemo = useMemo(function () {
         return __assign(__assign({}, configInfo), { startTime: __assign(__assign({}, configInfo === null || configInfo === void 0 ? void 0 : configInfo.startTime), { isDisplay: status === '1' ? true : false }) });
     }, [status]);
     var handleRef = useRef(null);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Form, { name: "test-list", form: form },
+        React.createElement(Form, { name: "test-list", form: form, onKeyDown: function (event) {
+                if (event.key === 'Enter') {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    console.log('提交');
+                }
+            } },
             React.createElement(SearchContainer, { dark: true },
-                React.createElement(SearchLeft, { configInfo: configInfoMemo, 
-                    // isDynamic
-                    // dynamicStorageKey="symbol-key-00001"
-                    isToggle: true, handleRef: handleRef },
+                React.createElement(SearchLeft
+                // configInfo={configInfoMemo}
+                , { 
+                    // configInfo={configInfoMemo}
+                    isDynamic: true, dynamicStorageKey: "symbol-key-00001", isToggle: true, toggleNum: 3, handleRef: handleRef },
                     React.createElement(SearchItem, { width: "half", name: "pwNo", configname: "pwNoCopy", label: "\u5165\u5E93\u5355\u53F7", disabled: true, rules: [
                             {
                                 required: true,
                                 message: '采购基本数据-请选择入库单号',
                             },
                         ] },
-                        React.createElement(Input.TextArea, { autoSize: true, allowClear: true, disabled: true, onChange: function (e) {
-                                console.log(e.target.value);
+                        React.createElement(Input.TextArea, { autoSize: true, allowClear: true, disabled: true, onBlur: function (e) {
+                                setFormData(function (preState) {
+                                    return __assign(__assign({}, preState), { pwNo: e.target.value });
+                                });
+                            } })),
+                    React.createElement(SearchItem, { width: "half", name: "pwNo2", configname: "pwNoCopy1", label: "\u5165\u5E93\u5355\u53F71", disabled: true, rules: [
+                            {
+                                required: true,
+                                message: '采购基本数据-请选择入库单号',
+                            },
+                        ] },
+                        React.createElement(Input, { allowClear: true, disabled: true, onBlur: function (e) {
+                                setFormData(function (preState) {
+                                    return __assign(__assign({}, preState), { pwNo: e.target.value });
+                                });
                             } })),
-                    React.createElement(SearchItem, { width: "half", name: "pwNo1", label: "\u5165\u5E93\u5355\u53F71", dynamicdisabled: "1", rules: [
+                    React.createElement(SearchItem, { width: "half", name: "pwNo1", label: "\u5165\u5E93\u5355\u53F71", rules: [
                             {
-                                required: false,
+                                required: true,
                                 message: '采购基本数据-请选择入库单号1',
                             },
                         ] },
@@ -99,19 +133,39 @@ var FormDemo = function () {
                     React.createElement(SearchItem, { width: "half", name: "status", label: "\u5355\u636E\u72B6\u6001" },
                         React.createElement(Select, { onChange: function (value) {
                                 setStatus(value);
+                                setFormData(function (preState) {
+                                    return __assign(__assign({}, preState), { status: value });
+                                });
                             } },
                             React.createElement(Select.Option, { value: "1" }, "\u662F"),
                             React.createElement(Select.Option, { value: "0" }, "\u5426"))),
-                    React.createElement(SearchItem, { name: "intime", configname: "startTime", label: "\u5165\u5E93\u65E5\u671F" },
+                    React.createElement(SearchItem, { name: "intime", rules: [
+                            {
+                                required: true,
+                                message: '采购基本数据-请选择入库单号1',
+                            },
+                        ], configname: "startTime", label: "\u5165\u5E93\u65E5\u671F" },
                         React.createElement(RangePicker, null)),
-                    React.createElement(SearchItem, { name: "intime1", configname: "startTime", label: "\u5165\u5E93\u65E5\u671F" },
+                    React.createElement(SearchItem, { name: "intime1", rules: [
+                            {
+                                required: true,
+                                message: '采购基本数据-请选择入库单号1',
+                            },
+                        ], configname: "startTime", label: "\u5165\u5E93\u65E5\u671F" },
                         React.createElement(DatePicker, null)),
                     React.createElement(SearchItem, { name: "warehouseId", label: "\u4ED3\u5E93\u540D\u79F0" },
                         React.createElement(Select, null)),
                     React.createElement(SearchItem, { name: "companyId", label: "\u516C\u53F8\u540D\u79F0" },
                         React.createElement(Select, null)),
                     React.createElement(SearchItem, { name: "companyId1", label: "\u516C\u53F8\u540D\u79F01" },
-                        React.createElement(Input.TextArea, { autoSize: true })),
+                        React.createElement(EnhanceSelect, { placeholder: "\u4E00\u6B21\u6027\u52A0\u8F7D\u6570\u636E", request: request, isCatch: true, dataKey: "id", titleKey: "name", url: "http://192.168.0.83:8000/api/zmdms-scm-accounting/advancepaymentoverdue/getOveStatusEnum", method: "GET", transformData: function (res) {
+                                var dataList = [];
+                                for (var item in res.data.data) {
+                                    dataList.push({ key: item, name: res.data.data[item] });
+                                }
+                                res.data.data = dataList;
+                                return res;
+                            } })),
                     React.createElement(SearchItem, { name: "depId", label: "\u90E8\u95E8\u540D\u79F0", rules: [{ required: true, message: '请选择部门名称' }] },
                         React.createElement(Select, { allowClear: true },
                             React.createElement(Select.Option, { value: "1" }, "\u662F"),
@@ -139,27 +193,18 @@ var FormDemo = function () {
                     React.createElement(SearchItem, { name: "type44", width: "half", label: "\u4F60\u597D" },
                         React.createElement(Select, null)),
                     React.createElement(SearchItem, { name: "type6", width: "half", label: "\u4F60\u597D6" },
-                        React.createElement(EnhanceSelect, { list: [
-                                { id: '1', name: '小明' },
-                                { id: '2', name: '小红' },
-                            ] })),
-                    React.createElement(SearchItem, { dependencies: ['type6'], noStyle: true, baseconfig: JSON.stringify({
-                            name: 'type77',
-                            label: '你好77',
-                        }) }, function (_a) {
-                        var getFieldValue = _a.getFieldValue;
-                        console.log(getFieldValue('type6'));
-                        return (React.createElement(SearchItem, { name: "type77", width: "all", label: "\u4F60\u597D77" },
-                            React.createElement(EnhanceSelect, { list: [
-                                    { id: '1', name: '小明' },
-                                    { id: '2', name: '小红' },
-                                ] })));
-                    }),
+                        React.createElement(Select, null)),
                     getCustomDom()),
                 React.createElement(SearchRight, { onSearchHandle: function () {
                         var _a;
                         (_a = handleRef.current) === null || _a === void 0 ? void 0 : _a.setToggleHandle(false);
-                        console.log(form.getFieldsValue());
-                    }, onResetHandle: function () { } })))));
+                        console.log(form.getFieldsValue(), formData);
+                    }, onResetHandle: function () { } }))),
+        React.createElement("button", { onClick: function () {
+                // setNum(num + 1);
+                form.validateFields();
+            } },
+            "\u8BBE\u7F6E",
+            num)));
 };
 export default FormDemo;

package/dist/DemoCom/FormDemo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/dist/DemoCom/FormDemo1.js

@@ -0,0 +1,95 @@
+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 React, { memo, useEffect } from 'react';
+import SearchContainer from '../components/business/SearchContainer';
+import Form from '../components/Form';
+import Input from '../components/Input';
+import EnhanceSelect from 'components/EnhanceSelect';
+var SearchLeft = SearchContainer.SearchLeft, SearchRight = SearchContainer.SearchRight, Item = SearchContainer.SearchItem;
+var options = [
+    {
+        label: '小金鱼',
+        value: '213',
+    },
+    {
+        label: '周还会',
+        value: '333',
+    },
+];
+for (var i = 10; i < 1000; i++) {
+    options.push({
+        label: i.toString(36) + i,
+        value: i.toString(36) + i,
+    });
+}
+var SearchForm = function () {
+    var form = Form.useForm()[0];
+    /**
+     * 搜索数据
+     */
+    function onSearchHandle() {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                console.log(form.getFieldsValue());
+                return [2 /*return*/];
+            });
+        });
+    }
+    /**
+     * 重置表单数据
+     */
+    function onResetHandle() {
+        form.resetFields();
+    }
+    useEffect(function () {
+        form &&
+            form.setFieldsValue({
+                type123: 12323,
+            });
+    }, [form]);
+    return (React.createElement(Form, { name: "codeQuery-making", form: form },
+        React.createElement(SearchContainer, null,
+            React.createElement(SearchLeft, null,
+                React.createElement(Item, { name: "type123", label: "\u7F16\u7801\u7C7B\u578B", width: "double", disabled: true, rules: [{ required: true, message: '请填写编码类型' }] },
+                    React.createElement(Input, null)),
+                React.createElement(Item, { name: "name", label: "\u63CF\u8FF0" },
+                    React.createElement(Input, { allowClear: true })),
+                React.createElement(Item, { name: "selcet", label: "\u591A\u9009\u6846" },
+                    React.createElement(EnhanceSelect, { mode: "multiple", list: options, dataKey: 'value', titleKey: 'label' }))),
+            React.createElement(SearchRight, { onSearchHandle: onSearchHandle, onResetHandle: onResetHandle }))));
+};
+export default memo(SearchForm);