ztxkui 4.2.18-9 → 4.2.18-91

package/dist/DemoCom/TableDemo.js

@@ -50,6 +50,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
+import i18next from 'ztxkutils/dist/i18next';
 import React, { useEffect, useState, useCallback, useRef } from 'react';
 import Table from 'components/Table';
 import EnhanceSelect from 'components/EnhanceSelect';
@@ -66,7 +67,7 @@ import FormDemo from './FormDemo';
 // 获取表格数据
 function useGetTableRecords() {
     // 表格数据
-    var _a = useState(Array.from({ length: 10 }).map(function (item, index) {
+    var _a = useState(Array.from({ length: 100 }).map(function (item, index) {
         var newItem = {
             id: "" + (index + 1),
             test1: index + 1 + "-test1",
@@ -89,14 +90,14 @@ function useGetTableRecords() {
             prefixTextureId: 1,
             prefixSpecification: 'Φ24mm*9m',
             prefixSpecificationId: 1,
-            prefixPlacesteel: '萍钢',
+            prefixPlacesteel: i18next.t('萍钢'),
             prefixPlacesteelId: 1,
         };
         return newItem;
         // return transformDataFn(newItem, { prefix: 'prefix' });
     })), records = _a[0], setRecords = _a[1];
     useEffect(function () {
-        console.log('开始远程获取表格数据!');
+        console.log(i18next.t('开始远程获取表格数据!'));
         setTimeout(function () {
             // setRecords([
             //   { id: '1', test1: '1-test1', test2: '1-test2', studentId: '2' },
@@ -115,33 +116,29 @@ function useGetTableRecords() {
             // );
         }, 2000);
     }, []);
-    return {
-        records: records,
-        setRecords: setRecords,
-    };
-}
-// 获取列表数据
+    return { records: records, setRecords: setRecords };
+} // 获取列表数据
 function useGetSelectList() {
     var _a = useState([]), list = _a[0], setList = _a[1];
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     useEffect(function () {
-        console.log('开始远程拉取下拉框数据!');
+        console.log(i18next.t('开始远程拉取下拉框数据!'));
         setTimeout(function () {
             setLoading(true);
             setList([
                 {
                     id: '1',
-                    name: '张三',
+                    name: i18next.t('张三'),
                     jobNumber: '001',
                 },
                 {
                     id: '2',
-                    name: '张三',
+                    name: i18next.t('张三'),
                     jobNumber: '002',
                 },
                 {
                     id: '3',
-                    name: '李四',
+                    name: i18next.t('李四'),
                     jobNumber: '003',
                 },
             ]);
@@ -351,12 +348,12 @@ var list1 = [
         isDeleted: 0,
         xid: null,
         materialCode: '010301060000000001',
-        materialDesc: '螺纹钢 HRB400E',
+        materialDesc: i18next.t('螺纹钢 HRB400E'),
         productLevelId: 4,
         productLevelCode: '010207',
-        productLevelName: '带肋钢筋',
+        productLevelName: i18next.t('带肋钢筋'),
         brandId: 1,
-        brandName: '螺纹钢',
+        brandName: i18next.t('螺纹钢'),
         textureId: 1,
         textureName: 'HRB400E',
         specificationId: null,
@@ -370,7 +367,7 @@ var list1 = [
         packingMethodName: null,
         variety: null,
         unitCode: 'T',
-        unitName: '吨',
+        unitName: i18next.t('吨'),
         trademarkId: null,
         trademarkName: null,
         strengthGrade: null,
@@ -378,7 +375,7 @@ var list1 = [
         materialType: '1',
         foreignTradeFlag: '1',
         poUnitCode: 'T',
-        poUnitName: '吨',
+        poUnitName: i18next.t('吨'),
     },
     {
         id: 2,
@@ -391,12 +388,12 @@ var list1 = [
         isDeleted: 0,
         xid: null,
         materialCode: '010301060000000002',
-        materialDesc: '螺纹钢 HRB300E',
+        materialDesc: i18next.t('螺纹钢 HRB300E'),
         productLevelId: 4,
         productLevelCode: '010207',
-        productLevelName: '带肋钢筋',
+        productLevelName: i18next.t('带肋钢筋'),
         brandId: 1,
-        brandName: '螺纹钢',
+        brandName: i18next.t('螺纹钢'),
         textureId: 2,
         textureName: 'HRB300E',
         specificationId: null,
@@ -410,7 +407,7 @@ var list1 = [
         packingMethodName: '',
         variety: '',
         unitCode: 'T',
-        unitName: '吨',
+        unitName: i18next.t('吨'),
         trademarkId: null,
         trademarkName: '',
         strengthGrade: '',
@@ -418,7 +415,7 @@ var list1 = [
         materialType: '1',
         foreignTradeFlag: '1',
         poUnitCode: 'T',
-        poUnitName: '吨',
+        poUnitName: i18next.t('吨'),
     },
     {
         id: 3,
@@ -431,12 +428,12 @@ var list1 = [
         isDeleted: 0,
         xid: null,
         materialCode: '010301060000000003',
-        materialDesc: '方钢品名1 HRB300E',
+        materialDesc: i18next.t('方钢品名1 HRB300E'),
         productLevelId: 5,
         productLevelCode: '010208',
-        productLevelName: '方钢',
+        productLevelName: i18next.t('方钢'),
         brandId: 3,
-        brandName: '方钢品名1',
+        brandName: i18next.t('方钢品名1'),
         textureId: 4,
         textureName: 'HRB300E',
         specificationId: null,
@@ -450,7 +447,7 @@ var list1 = [
         packingMethodName: '',
         variety: '',
         unitCode: 'T',
-        unitName: '吨',
+        unitName: i18next.t('吨'),
         trademarkId: null,
         trademarkName: '',
         strengthGrade: '',
@@ -458,7 +455,7 @@ var list1 = [
         materialType: '1',
         foreignTradeFlag: '1',
         poUnitCode: 'T',
-        poUnitName: '吨',
+        poUnitName: i18next.t('吨'),
     },
 ];
 /**
@@ -510,7 +507,7 @@ var TableDemo = function () {
     // 表格列配置
     var columns = [
         {
-            title: '序号',
+            title: i18next.t('序号'),
             width: 62,
             fixed: 'left',
             align: 'center',
@@ -518,7 +515,7 @@ var TableDemo = function () {
             render: function (_text, _record, index) { return "" + (index + 1); },
         },
         {
-            title: '物料信息列表',
+            title: i18next.t('物料信息列表'),
             width: 100,
             dataIndex: 'materialId',
             key: 'materialId',
@@ -543,10 +540,11 @@ var TableDemo = function () {
             },
         },
         {
-            title: '物料选择相关',
+            title: i18next.t('物料选择相关'),
             width: 400,
             dataIndex: 'key1',
             key: 'key1',
+            hideColumn: true,
             shouldCellUpdate: function (record, preRecord) {
                 if (lengthChange) {
                     setLengthChange(false);
@@ -572,18 +570,18 @@ var TableDemo = function () {
             },
         },
         {
-            title: '测试字段1',
+            title: i18next.t('测试字段1'),
             width: 100,
             dataIndex: 'test1',
             key: 'test1',
             render: function () {
                 return (React.createElement(Button, { type: "link", onClick: function () {
-                        console.log('点击跳转');
-                    }, showCopy: true }, "\u6211\u662F\u4E00\u4E2A\u94FE\u63A5"));
+                        console.log(i18next.t('点击跳转'));
+                    }, showCopy: true }, i18next.t('我是一个链接')));
             },
         },
         {
-            title: '测试字段2',
+            title: i18next.t('测试字段2'),
             width: 120,
             dataIndex: 'test2',
             key: 'test2',
@@ -595,7 +593,7 @@ var TableDemo = function () {
             },
         },
         {
-            title: '编辑字段11',
+            title: i18next.t('编辑字段11'),
             width: 220,
             dataIndex: 'test3',
             key: 'test3',
@@ -609,7 +607,7 @@ var TableDemo = function () {
                         return Promise.reject({
                             errorFields: [
                                 {
-                                    errors: "\u91C7\u8D2D\u57FA\u672C\u6570\u636E-\u660E\u7EC6\u8868 \u7B2C" + index + "\u884C \u91C7\u8D2D\u4ED8\u6B3E\u6761\u4EF62 \u5FC5\u586B\uFF01",
+                                    errors: i18next.t('采购基本数据-明细表 第{{index}}行 采购付款条件2 必填！', { index: index }),
                                 },
                             ],
                         });
@@ -634,7 +632,7 @@ var TableDemo = function () {
             },
         },
         {
-            title: '编辑字段2',
+            title: i18next.t('编辑字段2'),
             width: 220,
             dataIndex: 'test4',
             key: 'test4',
@@ -663,28 +661,32 @@ var TableDemo = function () {
                     return 0;
                 },
                 overMaxTip: function (record, index) {
-                    return "\u7B2C" + (index + 1) + "\u884C\uFF0C\u8D85\u51FA\u6700\u5927\u503C\uFF0C\u5DF2\u4FEE\u6539\u6210\u6700\u5927\u503C";
+                    return i18next.t('第{{slot0}}行，超出最大值，已修改成最大值', {
+                        slot0: index + 1,
+                    });
                 },
                 maxHandle: function (record) {
                     return 10000;
                 },
                 lowMinTip: function (record, index) {
-                    return "\u7B2C" + (index + 1) + "\u884C\uFF0C\u4F4E\u4E8E\u6700\u5C0F\u503C\uFF0C\u5DF2\u4FEE\u6539\u6210\u6700\u5C0F\u503C";
+                    return i18next.t('第{{slot0}}行，低于最小值，已修改成最小值', {
+                        slot0: index + 1,
+                    });
                 },
                 precision: 0,
                 formatterType: 'currency',
                 onBlur: function () {
                     setBtnLoading(false);
-                    console.log('失去焦点了');
+                    console.log(i18next.t('失去焦点了'));
                 },
                 onFocus: function () {
                     setBtnLoading(true);
-                    console.log('获得焦点了');
+                    console.log(i18next.t('获得焦点了'));
                 },
             },
         },
         {
-            title: '编辑字段2+1',
+            title: i18next.t('编辑字段2+1'),
             width: 220,
             dataIndex: 'time',
             key: 'time',
@@ -717,7 +719,7 @@ var TableDemo = function () {
             },
         },
         {
-            title: '编辑字段3',
+            title: i18next.t('编辑字段3'),
             width: 220,
             dataIndex: 'studentId',
             key: 'studentId',
@@ -750,7 +752,7 @@ var TableDemo = function () {
             },
         },
         {
-            title: '编辑字段4',
+            title: i18next.t('编辑字段4'),
             width: 220,
             dataIndex: 'depId',
             key: 'depId',
@@ -778,20 +780,20 @@ var TableDemo = function () {
             },
         },
         {
-            title: '编辑字段5',
+            title: i18next.t('编辑字段5'),
             width: 220,
             dataIndex: 'test5',
             key: 'test5',
         },
         {
-            title: '编辑字段6',
+            title: i18next.t('编辑字段6'),
             width: 220,
             dataIndex: 'test6',
             key: 'test6',
             fixed: 'right',
         },
         {
-            title: '操作',
+            title: i18next.t('操作'),
             width: 300,
             fixed: 'right',
             key: 'operation',
@@ -799,22 +801,22 @@ var TableDemo = function () {
                 return (React.createElement(OperationBtnGroup, { status: "10", id: "11", statusBtnConfig: {
                         '10': [
                             {
-                                name: '财务审核',
+                                name: i18next.t('财务审核'),
                                 type: 'submitApprove1',
                                 authority: true,
-                                confirmMsg: '是否确定作废？作废后单据不能再操作。',
+                                confirmMsg: i18next.t('是否确定作废？作废后单据不能再操作。'),
                             },
                             {
-                                name: '超长文本',
+                                name: i18next.t('超长文本'),
                                 type: 'submitApprove2',
                                 authority: true,
-                                confirmMsg: '横穿阿斯利康大家按时了看到阿斯利康大家按时了看到阿拉山口巨大数量的阿斯利康大家按时的ask来得及',
+                                confirmMsg: i18next.t('横穿阿斯利康大家按时了看到阿斯利康大家按时了看到阿拉山口巨大数量的阿斯利康大家按时的ask来得及'),
                             },
                             {
-                                name: '撤回',
+                                name: i18next.t('撤回'),
                                 type: 'submitApprove3',
                                 authority: true,
-                                confirmMsg: '是否确定撤回？',
+                                confirmMsg: i18next.t('是否确定撤回？'),
                             },
                         ],
                     } }));
@@ -914,12 +916,12 @@ var TableDemo = function () {
                             });
                         });
                     })();
-                } }, "\u70B9\u51FB"),
+                } }, i18next.t('点击')),
             React.createElement(Button, { onClick: function () {
                     clearAllCatchData();
                     setRefreshSel(true);
                     refreshId.current = refreshId.current + 1;
-                } }, "\u6E32\u67D3")),
+                } }, i18next.t('渲染'))),
         React.createElement(Table
         // 如果需要保留本地偏好，那么这里需要预处理一下columns数据
         // columns={getTableLayoutFullData(columns, tableLayout)}
@@ -928,7 +930,7 @@ var TableDemo = function () {
             // 如果需要保留本地偏好，那么这里需要预处理一下columns数据
             // columns={getTableLayoutFullData(columns, tableLayout)}
             // initColumns={columns}
-            columns: columns, dataSource: records, rowKey: "id", tableHandleRef: tableHandleRef, 
+            columns: columns, dataSource: [], rowKey: "id", tableHandleRef: tableHandleRef, virtualTableKey: "test", 
             // 配置表格列
             // configInfo={tableConfig}
             // 添加动态列配置
@@ -941,7 +943,9 @@ var TableDemo = function () {
             // 表格行拖拽
             onMoveRow: onMoveRowHandle, 
             // 自动伸缩列
-            isResizableColumn: true, isFlex: true, scroll: { x: 1000 }, summaryFixed: true, summaryConfig: [
+            isResizableColumn: true, 
+            // isFlex
+            scroll: { x: 1000, y: 200 }, summaryFixed: true, summaryConfig: [
                 {
                     type: 'subtotal',
                     fields: [
@@ -1005,11 +1009,11 @@ function myRequest(options) {
                 data: [
                     {
                         id: '1',
-                        name: '数据项1',
+                        name: i18next.t('数据项1'),
                     },
                     {
                         id: '2',
-                        name: '数据项2',
+                        name: i18next.t('数据项2'),
                     },
                 ],
             });
@@ -1020,11 +1024,11 @@ function myRequest(options) {
                 data: [
                     {
                         id: '3',
-                        name: '数据项3',
+                        name: i18next.t('数据项3'),
                     },
                     {
                         id: '4',
-                        name: '数据项4',
+                        name: i18next.t('数据项4'),
                     },
                 ],
             });
@@ -1035,11 +1039,11 @@ function myRequest(options) {
                 data: [
                     {
                         id: '5',
-                        name: '数据项5',
+                        name: i18next.t('数据项5'),
                     },
                     {
                         id: '6',
-                        name: '数据项6',
+                        name: i18next.t('数据项6'),
                     },
                 ],
             });
@@ -1049,27 +1053,27 @@ function myRequest(options) {
             data: [
                 {
                     id: '1',
-                    name: '数据项1',
+                    name: i18next.t('数据项1'),
                 },
                 {
                     id: '2',
-                    name: '数据项2',
+                    name: i18next.t('数据项2'),
                 },
                 {
                     id: '3',
-                    name: '数据项3',
+                    name: i18next.t('数据项3'),
                 },
                 {
                     id: '4',
-                    name: '数据项4',
+                    name: i18next.t('数据项4'),
                 },
                 {
                     id: '5',
-                    name: '数据项5',
+                    name: i18next.t('数据项5'),
                 },
                 {
                     id: '6',
-                    name: '数据项6',
+                    name: i18next.t('数据项6'),
                 },
             ],
         });

package/dist/DemoCom/TableDemo1.js

@@ -9,6 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import i18next from 'ztxkutils/dist/i18next';
 /**
  * @author 陈亚雄
  * @description
@@ -23,36 +24,36 @@ import EnhanceSelect from 'components/EnhanceSelect';
 // 自定义组件
 // 其他文件
 var companyList = [
-    { id: '100', name: '百度' },
-    { id: '200', name: '阿里' },
-    { id: '300', name: '腾讯' },
+    { id: '100', name: i18next.t('百度') },
+    { id: '200', name: i18next.t('阿里') },
+    { id: '300', name: i18next.t('腾讯') },
 ];
 var depListObj = {
     '100': [
-        { id: '100100', name: '百度-事业部' },
-        { id: '100200', name: '百度-电商部' },
-        { id: '100300', name: '百度-工程部' },
+        { id: '100100', name: i18next.t('百度-事业部') },
+        { id: '100200', name: i18next.t('百度-电商部') },
+        { id: '100300', name: i18next.t('百度-工程部') },
     ],
     '200': [
-        { id: '200100', name: '阿里-事业部' },
-        { id: '200200', name: '阿里-电商部' },
-        { id: '200300', name: '阿里-工程部' },
+        { id: '200100', name: i18next.t('阿里-事业部') },
+        { id: '200200', name: i18next.t('阿里-电商部') },
+        { id: '200300', name: i18next.t('阿里-工程部') },
     ],
     '300': [
-        { id: '300100', name: '腾讯-事业部' },
-        { id: '300200', name: '腾讯-电商部' },
-        { id: '300300', name: '腾讯-工程部' },
+        { id: '300100', name: i18next.t('腾讯-事业部') },
+        { id: '300200', name: i18next.t('腾讯-电商部') },
+        { id: '300300', name: i18next.t('腾讯-工程部') },
     ],
     all: [
-        { id: '100100', name: '百度-事业部' },
-        { id: '100200', name: '百度-电商部' },
-        { id: '100300', name: '百度-工程部' },
-        { id: '200100', name: '阿里-事业部' },
-        { id: '200200', name: '阿里-电商部' },
-        { id: '200300', name: '阿里-工程部' },
-        { id: '300100', name: '腾讯-事业部' },
-        { id: '300200', name: '腾讯-电商部' },
-        { id: '300300', name: '腾讯-工程部' },
+        { id: '100100', name: i18next.t('百度-事业部') },
+        { id: '100200', name: i18next.t('百度-电商部') },
+        { id: '100300', name: i18next.t('百度-工程部') },
+        { id: '200100', name: i18next.t('阿里-事业部') },
+        { id: '200200', name: i18next.t('阿里-电商部') },
+        { id: '200300', name: i18next.t('阿里-工程部') },
+        { id: '300100', name: i18next.t('腾讯-事业部') },
+        { id: '300200', name: i18next.t('腾讯-电商部') },
+        { id: '300300', name: i18next.t('腾讯-工程部') },
     ],
 };
 var TableDemo1 = function () {
@@ -73,7 +74,7 @@ var TableDemo1 = function () {
     // 表格列配置
     var columns = [
         {
-            title: '序号',
+            title: i18next.t('序号'),
             width: 62,
             fixed: 'left',
             align: 'center',
@@ -81,7 +82,7 @@ var TableDemo1 = function () {
             render: function (_text, _record, index) { return "" + (index + 1); },
         },
         {
-            title: '公司',
+            title: i18next.t('公司'),
             width: 120,
             key: 'company',
             dataIndex: 'company',
@@ -89,7 +90,7 @@ var TableDemo1 = function () {
                 return record.company !== preRecord.company;
             },
             render: function (_text, _record, index) {
-                console.log('公司下拉框-render', index);
+                console.log(i18next.t('公司下拉框-render'), index);
                 return (React.createElement(EnhanceSelect, { list: companyList, value: _text, onChange: function (value, option, fullData) {
                         var newRecord = {
                             company: value,
@@ -100,7 +101,7 @@ var TableDemo1 = function () {
             },
         },
         {
-            title: '部门',
+            title: i18next.t('部门'),
             width: 120,
             key: 'department',
             dataIndex: 'department',
@@ -109,7 +110,7 @@ var TableDemo1 = function () {
                     record.department !== preRecord.department);
             },
             render: function (_text, _record, index) {
-                console.log('部门下拉框-render', index);
+                console.log(i18next.t('部门下拉框-render'), index);
                 var company = _record.company;
                 var depList = depListObj.all;
                 if (company) {
@@ -124,7 +125,7 @@ var TableDemo1 = function () {
             },
         },
         {
-            title: '输入text',
+            title: i18next.t('输入text'),
             width: 120,
             key: 'inText',
             dataIndex: 'inText',
@@ -138,7 +139,7 @@ var TableDemo1 = function () {
             editable: true,
         },
         {
-            title: '输入text1',
+            title: i18next.t('输入text1'),
             width: 120,
             key: 'inText1',
             dataIndex: 'inText1',
@@ -152,7 +153,7 @@ var TableDemo1 = function () {
             editable: true,
         },
         {
-            title: '输入number',
+            title: i18next.t('输入number'),
             width: 120,
             key: 'inNumber',
             dataIndex: 'inNumber',
@@ -169,7 +170,7 @@ var TableDemo1 = function () {
             },
         },
         {
-            title: '输入number1',
+            title: i18next.t('输入number1'),
             width: 120,
             key: 'inNumber1',
             dataIndex: 'inNumber1',
@@ -186,7 +187,7 @@ var TableDemo1 = function () {
             },
         },
         {
-            title: '下拉框1',
+            title: i18next.t('下拉框1'),
             width: 120,
             key: 'selector',
             dataIndex: 'selector',
@@ -194,7 +195,7 @@ var TableDemo1 = function () {
                 return record.selector !== preRecord.selector;
             },
             render: function (_text, _record, index) {
-                console.log('下拉框1-render', index);
+                console.log(i18next.t('下拉框1-render'), index);
                 return React.createElement(EnhanceSelect, null);
             },
         },
@@ -215,7 +216,7 @@ var TableDemo1 = function () {
         React.createElement(Table, { columns: columns, dataSource: records, rowKey: "id", onEditableSave: onEditableSaveHandle }),
         React.createElement("button", { onClick: function () {
                 console.log(records);
-            } }, "\u83B7\u53D6\u6570\u636E")));
+            } }, i18next.t('获取数据'))));
 };
 export default TableDemo1;
 // import React, { useEffect, useState } from 'react';

package/dist/DemoCom/TableDetail.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author 陈亚雄
+ * @description 基础表格，充当列表
+ */
+import React from 'react';
+declare const BasicTable: React.FC<{
+    dynamicKey?: string;
+}>;
+export default BasicTable;