ztxkui 4.2.18-9 → 4.2.18-91

package/dist/Demo.js

@@ -1,8 +1,10 @@
+import i18next from 'ztxkutils/dist/i18next';
 import EnhanceSelect from 'components/EnhanceSelect';
 import { useEffect, useState } from 'react';
 import { stringify } from 'qs';
 import { Link } from 'react-router-dom';
 import { token } from './constants';
+import { Form, SearchContainer } from './index';
 var selectStyle = { width: '200px' };
 function request(options) {
     return fetch(options.url + "?" + stringify(options.params), {
@@ -20,25 +22,27 @@ function Demo() {
     var _d = useState(), value1 = _d[0], setValue1 = _d[1];
     var _e = useState(), value2 = _e[0], setValue2 = _e[1];
     var _f = useState(), value3 = _f[0], setValue3 = _f[1];
-    var _g = useState('0'), selectVal = _g[0], setSelectVal = _g[1];
+    var _g = useState(), value4 = _g[0], setValue4 = _g[1];
+    var _h = useState('0'), selectVal = _h[0], setSelectVal = _h[1];
     var params = useState({
         tenantId: '000000',
         isCreateUser: 0,
     })[0];
-    var _h = useState(JSON.stringify({
+    var _j = useState(JSON.stringify({
         status: 50,
-    })), params1 = _h[0], setParams1 = _h[1];
+    })), params1 = _j[0], setParams1 = _j[1];
+    var form = Form.useForm()[0];
     // 模拟接口请求
     useEffect(function () {
         var timeoutId = setTimeout(function () {
-            console.log('获取数据');
+            console.log(i18next.t('获取数据'));
             setList(new Array(50).fill(1).map(function (item, index) {
-                if (index === 3) {
-                    return null;
-                }
+                // if (index === 3) {
+                //   return null;
+                // }
                 return {
                     id: index,
-                    name: '你好' + index,
+                    name: i18next.t('你好') + index,
                     test1: 'test1' + index,
                     test2: 'test2' + index,
                     test3: 'test3' + index,
@@ -47,9 +51,12 @@ function Demo() {
             setDefaultList([
                 {
                     id: '1409674614746271746',
-                    projectName: '项目12',
+                    projectName: i18next.t('项目12'),
                 },
             ]);
+            form.setFieldsValue({
+                empName: '',
+            });
             // setValue('1462433051208762629');
             // setParams({
             //   tenantId: '000000',
@@ -71,25 +78,26 @@ function Demo() {
                     setValue1(value);
                 } })),
         React.createElement("div", null,
-            React.createElement(EnhanceSelect, { style: selectStyle, list: list, mode: "multiple", isHandAddItem: true, value: value2, showAll: true, onChange: function (value) {
+            React.createElement(EnhanceSelect, { style: selectStyle, list: list, mode: "multiple", isHandAddItem: true, value: value2, joinKey: "test1", showAll: true, maxTagCount: 5, onChange: function (value, option, fullData) {
                     console.log(value, typeof value);
+                    console.log(option);
+                    var a = option.map(function (item) {
+                        return 1;
+                    });
                     setValue2(value);
                 } })),
         React.createElement("div", null,
-            React.createElement(EnhanceSelect, { style: selectStyle, list: list, isHandAddItem: true, value: value1, onChange: function (value) {
+            React.createElement(EnhanceSelect, { style: selectStyle, list: list, isHandAddItem: true, value: value1, onChange: function (value, option, fullData) {
                     console.log(value, typeof value);
+                    console.log(option);
                     setValue1(value);
                 } })),
-        React.createElement("div", null,
-            React.createElement(EnhanceSelect, { style: selectStyle, list: list, mode: "multiple", isHandAddItem: true, value: value2, onChange: function (value) {
-                    console.log(value, typeof value);
-                    setValue2(value);
-                } })),
+        React.createElement("div", null),
         React.createElement("button", { onClick: function () {
                 console.log(value1, value2, value);
-            } }, "\u83B7\u53D6"),
-        React.createElement("h1", null, "\u4F5C\u4E3A\u6F14\u793A\u4F7F\u7528"),
-        React.createElement("h2", null, "\u5982\u679C\u6570\u636E\u662F\u901A\u8FC7\u5916\u90E8\u83B7\u53D6\u7684\uFF0C\u53EF\u4EE5\u901A\u8FC7\u4F20\u9012list\u5C5E\u6027"),
+            } }, i18next.t('获取')),
+        React.createElement("h1", null, i18next.t('作为演示使用')),
+        React.createElement("h2", null, i18next.t('如果数据是通过外部获取的，可以通过传递list属性')),
         React.createElement(EnhanceSelect, { style: selectStyle, list: list, showAll: true, joinKey: "test1", lineFeedKey: "test1", value: selectVal, onChange: function (value, option, fullData) {
                 console.log(typeof value, option, fullData);
                 setSelectVal(value);
@@ -100,39 +108,47 @@ function Demo() {
         React.createElement(EnhanceSelect, { style: selectStyle, list: list, showAll: true, onChange: function (value, option, fullData) {
                 console.log(value, option, fullData);
             } }),
-        React.createElement("h2", null, "\u5F02\u6B65\u83B7\u53D6\u6570\u636E"),
-        React.createElement("h2", null, "\u5F02\u6B65\u83B7\u53D6\u6570\u636E\uFF0C\u5E76\u7F13\u5B58\u6570\u636E"),
-        React.createElement("h2", null, "\u8FDC\u7A0B\u6A21\u7CCA\u641C\u7D22"),
-        React.createElement("button", { onClick: function () { return setValue('1462433051208762629'); } }, "\u4FEE\u6539"),
+        React.createElement("h2", null, i18next.t('异步获取数据')),
+        React.createElement("h2", null, i18next.t('异步获取数据，并缓存数据')),
+        React.createElement("h2", null, i18next.t('远程模糊搜索')),
+        React.createElement("button", { onClick: function () { return setValue('1462433051208762629'); } }, i18next.t('修改')),
         React.createElement("button", { onClick: function () {
                 console.log(value, value3);
-            } }, "\u83B7\u53D6\u6570\u636E"),
-        React.createElement("p", null, "\u8FDC\u7A0B\u641C\u7D22"),
-        React.createElement(EnhanceSelect, { style: selectStyle, 
-            // defaultList={list}
-            placeholder: "\u53EF\u8FDC\u7A0B\u6A21\u7CCA\u641C\u7D22", url: "http://192.168.0.83:8000/api/zmdms-system/employee/page", request: request, remoteSearch: true, isHandAddItem: true, isRemoteSearchDataKey: false, dataKey: "id", titleKey: "empName", value: value, showAll: true, 
-            // isPaste
-            onChange: function (value, option, fullData) {
-                console.log(value);
-                setValue(value);
-            }, params: JSON.stringify(params), 
-            // value={value}
-            mode: "multiple", isPage: true, 
-            // 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", value: value3, onChange: function (value, option, fullData) {
+            } }, i18next.t('获取数据')),
+        React.createElement("p", null, i18next.t('远程搜索')),
+        React.createElement(Form, { form: form },
+            React.createElement(SearchContainer, null,
+                React.createElement(SearchContainer.SearchLeft, null,
+                    React.createElement(SearchContainer.SearchItem, { width: "all", name: "empName", label: "\u5019\u9009\u4EBA", disabled: true },
+                        React.createElement(EnhanceSelect, { style: selectStyle, 
+                            // defaultList={list}
+                            placeholder: i18next.t('可远程模糊搜索'), url: "http://base-test.zmdms.com.cn:30079/api/zmdms-system/employee/page", request: request, remoteSearch: true, remoteSearchDataKey: "id", 
+                            // isHandAddItem
+                            // isRemoteSearchDataKey={false}
+                            dataKey: "id", titleKey: "empName", value: value, showAll: true, onCompleted: function (data) {
+                                console.log(data);
+                            }, 
+                            // isPaste
+                            onChange: function (value, option, fullData) {
+                                console.log(value);
+                                setValue(value);
+                            }, params: JSON.stringify(params) }))))),
+        React.createElement("p", null, i18next.t('一次性加载数据')),
+        React.createElement(EnhanceSelect, { style: selectStyle, placeholder: i18next.t('一次性加载数据'), url: "http://base-test.zmdms.com.cn:30079/api/zmdms-system/company/list", request: request, dataKey: "id", titleKey: "name", isClickRequest: true, isPaste: true, isCatch: true, mode: "multiple", value: value3, onChange: function (value, option, fullData) {
                 console.log(value);
                 setValue3(value);
             } }),
-        React.createElement("p", null, "\u5F02\u6B65\u83B7\u53D6\u6570\u636E"),
+        React.createElement("p", null, i18next.t('异步获取数据')),
         React.createElement("button", { onClick: function () {
                 setParams1(JSON.stringify({
                     status: 50,
                     companyId: '1414851965111283713',
                 }));
-            } }, "\u4FEE\u6539"),
-        React.createElement(EnhanceSelect, { style: selectStyle, placeholder: "\u5F02\u6B65\u83B7\u53D6\u6570\u636E", url: "http://192.168.0.83:8000/api/zmdms-user/page", params: params1, request: request, joinKey: "depName", dataKey: "id", titleKey: "name", remoteSearch: true, isRemoteSearchDataKey: false, isClickRequest: true, defaultList: [
+            } }, i18next.t('修改')),
+        React.createElement(EnhanceSelect, { style: selectStyle, placeholder: i18next.t('异步获取数据'), url: "http://base-test.zmdms.com.cn:30079/api/zmdms-user/page", params: params1, request: request, joinKey: "depName", dataKey: "id", titleKey: "name", remoteSearch: true, isRemoteSearchDataKey: false, isClickRequest: true, mode: "multiple", value: value4, maxTagCount: 5, isPage: true, onChange: function (value, option, fullData) {
+                console.log(value);
+                setValue4(value);
+            }, defaultList: [
                 {
                     id: '11',
                     name: '22',

package/dist/DemoCom/BasicDemo.js

@@ -1,3 +1,4 @@
+import i18next from 'ztxkutils/dist/i18next';
 import InputNumber from 'components/InputNumber';
 import Tag from 'components/Tag';
 import Input from 'components/Input';
@@ -48,7 +49,7 @@ export var RANGEPICKER_RANGES = {
     ],
     本年: [dayjs().startOf('year'), dayjs().endOf('year')],
 };
-var test = "1.23asdasdasddddddddddddddddddddasdasdasddddddddddddddddddddasdasdasddddddddddddddddddddasdasdasddddddddddddddddddddasdasdasddddddddddddddddddddasdasdasddddddddddddddddddddasdasdasdddddddddddddddddddd\n2.asldkj\u963F\u65AF\u5229\u5EB7\u5927\u5BB6ask\u6765\u5F97\u53CA\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u770B\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u4E86\u5362\u5361\u65AF\u89C9\u5F97\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u770B\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u4E86\u5362\u5361\u65AF\u89C9\u5F97\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u770B\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u4E86\u5362\u5361\u65AF\u89C9\u5F97\n3.\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u770B\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u4E86\u5362\u5361\u65AF\u89C9\u5F97\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u770B\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u4E86\u5362\u5361\u65AF\u89C9\u5F97\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u770B\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u4E86\u5362\u5361\u65AF\u89C9\u5F97\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u770B\u963F\u65AF\u5229\u5EB7\u5927\u5BB6\u4E86\u5362\u5361\u65AF\u89C9\u5F97\n4.alskjdalkdj\u963F\u62C9\u5C71\u53E3\u5927\u5BB6\u963F\u65AF\u5229\u5EB7\u7684\u6309\u5B9E\u9645\u5F00\u6765\u5927\u5BB6lakjdaskldjalskdjlkasjdlkasjdlkasjdlkasjdlkasjdlkajsldasjlkdjaslkdjasldjaslkdjaskldjlaksjdlasjdlkasjdlkasjdklasjlkdjaslkdjaskldjaskldjlaskjdlaksjdlkasjdklaskjd\n";
+var test = i18next.t('1.23asdasdasddddddddddddddddddddasdasdasddddddddddddddddddddasdasdasddddddddddddddddddddasdasdasddddddddddddddddddddasdasdasddddddddddddddddddddasdasdasddddddddddddddddddddasdasdasdddddddddddddddddddd 2.asldkj阿斯利康大家ask来得及阿斯利康大家看阿斯利康大家了卢卡斯觉得阿斯利康大家看阿斯利康大家了卢卡斯觉得阿斯利康大家看阿斯利康大家了卢卡斯觉得 3.阿斯利康大家看阿斯利康大家了卢卡斯觉得阿斯利康大家看阿斯利康大家了卢卡斯觉得阿斯利康大家看阿斯利康大家了卢卡斯觉得阿斯利康大家看阿斯利康大家了卢卡斯觉得 4.alskjdalkdj阿拉山口大家阿斯利康的按实际开来大家lakjdaskldjalskdjlkasjdlkasjdlkasjdlkasjdlkasjdlkajsldasjlkdjaslkdjasldjaslkdjaskldjlaksjdlasjdlkasjdlkasjdklasjlkdjaslkdjaskldjaskldjlaskjdlaksjdlkasjdklaskjd', {});
 function BasicDemo() {
     var _a = useState(2123123), value = _a[0], setValue = _a[1];
     var _b = useState(2123123), value1 = _b[0], setValue1 = _b[1];
@@ -65,47 +66,47 @@ function BasicDemo() {
                 setTimeout(function () {
                     setLoading(false);
                 }, 5000);
-            } }, "\u52A0\u8F7D"),
+            } }, i18next.t('加载')),
         React.createElement("div", null,
             React.createElement(CloseCircleOutlined, null),
             React.createElement(Button, { onClick: function () {
                     Modal.confirm({
-                        title: '请求超时，请稍后再试！',
+                        title: i18next.t('请求超时，请稍后再试！'),
                         okCancel: false,
                         onOk: function () {
                             console.log(222);
                         },
                     });
-                } }, "\u6D4B\u8BD5"),
+                } }, i18next.t('测试')),
             React.createElement(Button, { onClick: function () {
                     console.log(111);
-                    message.info('传入多个参数传入多个参数传入多个参数传入多个参数\n传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数', 300, function () {
-                        console.log('关闭多个参数!');
+                    message.info(i18next.t('传入多个参数传入多个参数传入多个参数传入多个参数 传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数传入多个参数'), 300, function () {
+                        console.log(i18next.t('关闭多个参数!'));
                     });
                     message.info({
-                        content: '传入config',
+                        content: i18next.t('传入config'),
                         duration: 300,
                         onClick: function () {
-                            console.log('点击config!');
+                            console.log(i18next.t('点击config!'));
                         },
                         onClose: function () {
-                            console.log('关闭config！');
+                            console.log(i18next.t('关闭config！'));
                         },
                     });
-                    message.warn('传入多个参数', 3, function () {
-                        console.log('关闭多个参数!');
+                    message.warn(i18next.t('传入多个参数'), 3, function () {
+                        console.log(i18next.t('关闭多个参数!'));
                     });
                     message.warn({
-                        content: '传入config',
+                        content: i18next.t('传入config'),
                         duration: 3,
                         onClick: function () {
-                            console.log('点击config!');
+                            console.log(i18next.t('点击config!'));
                         },
                         onClose: function () {
-                            console.log('关闭config！');
+                            console.log(i18next.t('关闭config！'));
                         },
                     });
-                } }, "\u6D4B\u8BD5message")),
+                } }, i18next.t('测试message'))),
         React.createElement(InputNumber, { value: value, onChange: function (value) {
                 console.log(value, 1);
                 setValue(value);
@@ -125,68 +126,68 @@ function BasicDemo() {
                 return ("$ " + value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
             }, precision: 8, parser: function (value) { return value.replace(/\$\s?|(,*)/g, ''); }, style: { width: '300px' } }),
         React.createElement("div", null,
-            React.createElement(Tag, null, "\u4F60\u597D"),
-            React.createElement(Tag, { type: "normal" }, "\u4F60\u597D"),
-            React.createElement(Tag, { type: "processing" }, "\u4F60\u597D"),
-            React.createElement(Tag, { type: "warning" }, "\u4F60\u597D")),
+            React.createElement(Tag, null, i18next.t('你好')),
+            React.createElement(Tag, { type: "normal" }, i18next.t('你好')),
+            React.createElement(Tag, { type: "processing" }, i18next.t('你好')),
+            React.createElement(Tag, { type: "warning" }, i18next.t('你好'))),
         React.createElement("div", { className: "placeholder" },
             React.createElement("button", { onClick: function () {
                     var _a, _b, _c, _d;
                     console.log(value, value1, value2, rangeValue);
                     console.log((_b = (_a = rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue[0]) === null || _a === void 0 ? void 0 : _a.format) === null || _b === void 0 ? void 0 : _b.call(_a, 'YYYY-MM-DD'));
                     console.log((_d = (_c = rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue[1]) === null || _c === void 0 ? void 0 : _c.format) === null || _d === void 0 ? void 0 : _d.call(_c, 'YYYY-MM-DD'));
-                } }, "\u83B7\u53D6\u6570\u636E")),
-        React.createElement(Input.TextArea, { className: "placeholder", autoSize: true }),
+                } }, i18next.t('获取数据'))),
+        React.createElement(Input.TextArea, { className: "placeholder", autoSize: true, isModalInput: true }),
         React.createElement("div", { style: { border: '1px solid red' } },
             React.createElement(FormList, { gutter: 16 },
-                React.createElement(FormList.FormItem, { span: 24, title: "\u63D0\u5355\u53F7\u63D0\u5355\u53F7\u63D0\u5355\u53F7\u63D0\u5355\u53F7", isEllipsis: false }, test),
-                React.createElement(FormList.FormItem, { span: 6, title: "\u516C\u53F8" }, "222222"),
-                React.createElement(FormList.FormItem, { span: 6, title: "\u90E8\u95E8" }, "3333333"),
-                React.createElement(FormList.FormItem, { span: 6, title: "\u63D0\u8D27\u5355\u4F4D" }, "444444")),
+                React.createElement(FormList.FormItem, { span: 24, title: i18next.t('提单号提单号提单号提单号'), isEllipsis: false }, test),
+                React.createElement(FormList.FormItem, { span: 6, title: i18next.t('公司') }, "222222"),
+                React.createElement(FormList.FormItem, { span: 6, title: i18next.t('部门') }, "3333333"),
+                React.createElement(FormList.FormItem, { span: 6, title: i18next.t('提货单位') }, "444444")),
             React.createElement(FormList, { gutter: 16 },
-                React.createElement(FormList.FormItem, { span: 6, title: "\u63D0\u5355\u53F7" }, "111111"),
-                React.createElement(FormList.FormItem, { span: 6, title: "\u516C\u53F8" }, "222222"),
-                React.createElement(FormList.FormItem, { span: 6, title: "\u90E8\u95E8" }, "3333333"),
-                React.createElement(FormList.FormItem, { span: 6, title: "\u63D0\u8D27\u5355\u4F4D" }, "444444"))),
+                React.createElement(FormList.FormItem, { span: 6, title: i18next.t('提单号') }, "111111"),
+                React.createElement(FormList.FormItem, { span: 6, title: i18next.t('公司') }, "222222"),
+                React.createElement(FormList.FormItem, { span: 6, title: i18next.t('部门') }, "3333333"),
+                React.createElement(FormList.FormItem, { span: 6, title: i18next.t('提货单位') }, "444444"))),
         React.createElement("div", { style: { border: '1px solid red', marginTop: '10px' } },
             React.createElement(GridList, { border: true, showBackground: true },
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5saasasass" }, "\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"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 16, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"))),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试测试测试测试测试saasasass') }, i18next.t('再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 16, title: i18next.t('测试') }, i18next.t('再见')))),
         React.createElement("div", { style: { border: '1px solid red', marginTop: '10px' } },
             React.createElement(GridList, { border: true },
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5saasasass" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 16, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"))),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试测试测试测试测试saasasass') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 16, title: i18next.t('测试') }, i18next.t('再见')))),
         React.createElement("div", { style: { border: '1px solid red', marginTop: '10px' } },
             React.createElement(GridList, { gutter: 16 },
-                React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5saasasass" }, "\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"),
-                React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5" },
-                    React.createElement("div", null, "\u5475\u5475\u5475\u5475")),
-                React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5" }, "\u518D\u89C1"))),
+                React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试测试测试测试测试saasasass') }, i18next.t('再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见')),
+                React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试测试') },
+                    React.createElement("div", null, i18next.t('呵呵呵呵'))),
+                React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试测试测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试测试测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试测试测试') }, i18next.t('再见')),
+                React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试测试测试') }, i18next.t('再见')))),
         React.createElement(RangePicker, { showFar: true, ranges: RANGEPICKER_RANGES, value: rangeValue, onChange: function (value) { return setRangeValue(value); } }),
         React.createElement(Button, { onClick: function () {
                 window.open('/print-container');
-            } }, "\u8DF3\u8F6C"),
+            } }, i18next.t('跳转')),
         React.createElement(Button, { type: "link", onClick: function () {
                 console.log(111);
                 console.log(iValue);
-            }, showCopy: true }, "\u6211\u662F\u4E00\u4E2A\u94FE\u63A51111111111111111111"),
+            }, showCopy: true }, i18next.t('我是一个链接1111111111111111111')),
         React.createElement(Input, { value: iValue, onChange: function (e) { return setIValue(e.target.value); } }),
         React.createElement(Input.TextArea, { handleSize: true, rows: 3 }),
         React.createElement("div", null,

package/dist/DemoCom/CodeQueryDemo.js

@@ -1,3 +1,4 @@
+import i18next from 'ztxkutils/dist/i18next';
 import { Button } from 'antd';
 import React, { useCallback, useEffect, useState } from 'react';
 import CodeQuery from '../components/business/CodeQuery';
@@ -39,7 +40,7 @@ var CodeQueryDemo = function () {
             params: { code: 'mdm_code_type' },
         }).then(function (res) {
             var _a;
-            console.log('下拉框字典的res =', res);
+            console.log(i18next.t('下拉框字典的res ='), res);
             setList(((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) || []);
         });
         // setList(ListConst);
@@ -50,7 +51,7 @@ var CodeQueryDemo = function () {
     return (React.createElement(React.Fragment, null,
         React.createElement(Button, { onClick: function () {
                 setVisible(true);
-            } }, "\u663E\u793A"),
+            } }, i18next.t('显示')),
         React.createElement(CodeQuery, { request: request, codeTypeList: list, onCancel: onCancelHandle, visible: visible })));
 };
 export default CodeQueryDemo;

package/dist/DemoCom/CollapseDemo.js

@@ -1,44 +1,45 @@
+import i18next from 'ztxkutils/dist/i18next';
 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.Panel, { key: "1", header: "\u4E2A\u4EBA\u4FE1\u606F" },
+            React.createElement(Collapse.Panel, { key: "1", header: i18next.t('个人信息') },
                 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"),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试测试测试测试测试测试测试测试测试'), showDiff: true, isBlod: true }, i18next.t('再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见')),
                     React.createElement(GridList.FormItem, { span: 16, titleSpan: Math.floor(8 * 0.4), title: "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa", showDiff: true, isBlod: true }, "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbb")),
                 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" }, "\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"),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试测试测试测试测试测试测试测试测试') }, i18next.t('再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见再见')),
                     React.createElement(GridList.FormItem, { span: 8, title: "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa", isBlod: true }, "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbb"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5", showDiff: true }, "\u518D\u89C1")),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试'), showDiff: true }, i18next.t('再见'))),
                 React.createElement(GridList, null,
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1")),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见'))),
                 React.createElement(GridList, null,
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"))),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')))),
             React.createElement(Collapse.Panel, { key: "2", header: "22" },
                 React.createElement(GridList, null,
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5saasasass" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 8, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 16, titleSpan: 4, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"))),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试测试测试测试测试saasasass') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 8, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 16, titleSpan: 4, title: i18next.t('测试') }, i18next.t('再见')))),
             React.createElement(Collapse.Panel, { key: "3", header: "33" },
                 React.createElement(GridList, { border: false, showBackground: false },
-                    React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 6, title: "\u6D4B\u8BD5" }, "\u518D\u89C1"),
-                    React.createElement(GridList.FormItem, { span: 24, titleSpan: Math.floor(6 * 0.4), title: "\u6D4B\u8BD5" }, "\u518D\u89C1"))))));
+                    React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 6, title: i18next.t('测试') }, i18next.t('再见')),
+                    React.createElement(GridList.FormItem, { span: 24, titleSpan: Math.floor(6 * 0.4), title: i18next.t('测试') }, i18next.t('再见')))))));
 }
 export default CollapseDemo;

package/dist/DemoCom/DragSort.js

@@ -1,3 +1,4 @@
+import i18next from 'ztxkutils/dist/i18next';
 import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
 import { Button, SortList } from '../index';
@@ -6,20 +7,20 @@ function DragSort() {
     var _a = useState(false), visible = _a[0], setVisible = _a[1];
     return (React.createElement(React.Fragment, null,
         React.createElement(SortList, { className: "container", sortStorageKey: "homeKey", setSettingVisible: setVisible, settingVisible: visible },
-            React.createElement(SortList.SortItem, { sortTitle: "\u7EC4\u4EF61", sortKey: "1" },
-                React.createElement("div", { style: { width: '100%', height: '100%', background: 'red' } }, "\u7EC4\u4EF61")),
-            React.createElement(SortList.SortItem, { sortTitle: "\u7EC4\u4EF62", sortKey: "2" },
-                React.createElement("div", { style: { width: '100%', height: '100%', background: 'yellow' } }, "\u7EC4\u4EF62")),
-            React.createElement(SortList.SortItem, { sortTitle: "\u7EC4\u4EF63", sortKey: "3" },
-                React.createElement("div", { style: { width: '100%', height: '100%', background: 'blue' } }, "\u7EC4\u4EF63")),
-            React.createElement(SortList.SortItem, { sortTitle: "\u7EC4\u4EF64", sortKey: "4" },
-                React.createElement("div", { style: { width: '100%', height: '100%', background: 'green' } }, "\u7EC4\u4EF64"))),
+            React.createElement(SortList.SortItem, { sortTitle: i18next.t('组件1'), sortKey: "1" },
+                React.createElement("div", { style: { width: '100%', height: '100%', background: 'red' } }, i18next.t('组件1'))),
+            React.createElement(SortList.SortItem, { sortTitle: i18next.t('组件2'), sortKey: "2" },
+                React.createElement("div", { style: { width: '100%', height: '100%', background: 'yellow' } }, i18next.t('组件2'))),
+            React.createElement(SortList.SortItem, { sortTitle: i18next.t('组件3'), sortKey: "3" },
+                React.createElement("div", { style: { width: '100%', height: '100%', background: 'blue' } }, i18next.t('组件3'))),
+            React.createElement(SortList.SortItem, { sortTitle: i18next.t('组件4'), sortKey: "4" },
+                React.createElement("div", { style: { width: '100%', height: '100%', background: 'green' } }, i18next.t('组件4')))),
         React.createElement(Button, { type: "primary", onClick: function () {
                 setVisible(true);
-            } }, "\u5F00\u59CB\u8BBE\u7F6E"),
+            } }, i18next.t('开始设置')),
         React.createElement(Button, { type: "primary", onClick: function () {
                 console.log(1111);
-            } }, "\u6D4B\u8BD5"),
+            } }, i18next.t('测试')),
         React.createElement(Link, { to: "/test" }, "select")));
 }
 export default DragSort;