ztxkui 4.2.18-2 → 4.2.18-21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/README.md +57 -57
  2. package/dist/DemoCom/SyhDemo.d.ts +3 -0
  3. package/dist/DemoCom/SyhDemo.js +257 -0
  4. package/dist/DemoCom/TableDemo.js +8 -4
  5. package/dist/TableDemo/BasicTable.js +2 -1
  6. package/dist/TableDemo/EditableTable.js +83 -67
  7. package/dist/TableDemo/ProEditableTable.d.ts +21 -0
  8. package/dist/TableDemo/ProEditableTable.js +482 -0
  9. package/dist/TableDemo/data.d.ts +15 -0
  10. package/dist/TableDemo/data.js +33 -1
  11. package/dist/TableDemo/index.js +6 -5
  12. package/dist/components/DatePicker/data-picker.d.ts +7 -8
  13. package/dist/components/Menu/menu.d.ts +3 -3
  14. package/dist/components/PrintContainer/utils.js +3 -3
  15. package/dist/components/ProTable/hooks.d.ts +28 -0
  16. package/dist/components/ProTable/hooks.js +279 -0
  17. package/dist/components/ProTable/index.d.ts +8 -0
  18. package/dist/components/ProTable/index.js +77 -0
  19. package/dist/components/ProTable/interface.d.ts +51 -0
  20. package/dist/components/ProTable/interface.js +1 -0
  21. package/dist/components/Table/components/FillDown.d.ts +8 -0
  22. package/dist/components/Table/components/FillDown.js +10 -0
  23. package/dist/components/Table/components/FilterDropdown.d.ts +14 -0
  24. package/dist/components/Table/components/FilterDropdown.js +69 -0
  25. package/dist/components/Table/constants.d.ts +2 -0
  26. package/dist/components/Table/constants.js +2 -0
  27. package/dist/components/Table/hooks/useColumns.d.ts +20 -8
  28. package/dist/components/Table/hooks/useColumns.js +484 -182
  29. package/dist/components/Table/hooks/useDropRef.js +2 -1
  30. package/dist/components/Table/hooks/useInnerPagination.js +1 -0
  31. package/dist/components/Table/hooks/useSelectSubtotal.d.ts +4 -0
  32. package/dist/components/Table/hooks/useSelectSubtotal.js +178 -0
  33. package/dist/components/Table/index.d.ts +7 -0
  34. package/dist/components/Table/table-adddel-column.d.ts +8 -5
  35. package/dist/components/Table/table-adddel-column.js +15 -5
  36. package/dist/components/Table/table-dynamic.js +63 -5
  37. package/dist/components/Table/table-enhance-cell.d.ts +6 -3
  38. package/dist/components/Table/table-enhance-cell.js +196 -109
  39. package/dist/components/Table/table-enhance-row.d.ts +4 -4
  40. package/dist/components/Table/table-enhance-row.js +10 -11
  41. package/dist/components/Table/table-headTooltip.d.ts +6 -0
  42. package/dist/components/Table/table-headTooltip.js +13 -0
  43. package/dist/components/Table/table-resizable-title.d.ts +4 -5
  44. package/dist/components/Table/table-resizable-title.js +32 -6
  45. package/dist/components/Table/table-sort.d.ts +11 -0
  46. package/dist/components/Table/table-sort.js +65 -0
  47. package/dist/components/Table/table.d.ts +20 -4
  48. package/dist/components/Table/table.js +478 -176
  49. package/dist/components/Table/utils/dom.d.ts +26 -0
  50. package/dist/components/Table/utils/dom.js +122 -0
  51. package/dist/components/Table/utils/filterHandle.d.ts +1 -0
  52. package/dist/components/Table/utils/filterHandle.js +51 -0
  53. package/dist/components/Table/utils/getSummaryData.d.ts +1 -0
  54. package/dist/components/Table/utils/getSummaryData.js +3 -1
  55. package/dist/components/Table/utils/shallowEqual.d.ts +2 -0
  56. package/dist/components/Table/utils/shallowEqual.js +34 -0
  57. package/dist/components/Table/utils/validate.d.ts +1 -1
  58. package/dist/components/Table/utils/validate.js +5 -5
  59. package/dist/components/TimePicker/time-picker.d.ts +0 -1
  60. package/dist/components/ZtIcon/index.d.ts +1 -1
  61. package/dist/components/business/Common/UserForgetPassword/index.js +17 -6
  62. package/dist/components/business/Common/UserInfo/index.js +3 -1
  63. package/dist/components/business/Common/UserPassword/index.d.ts +1 -0
  64. package/dist/components/business/Common/UserPassword/index.js +42 -14
  65. package/dist/components/business/Common/validatePassword.d.ts +8 -0
  66. package/dist/components/business/Common/validatePassword.js +168 -0
  67. package/dist/components/utils/index.d.ts +1 -0
  68. package/dist/components/utils/index.js +20 -0
  69. package/dist/components/utils/useLastest.d.ts +2 -0
  70. package/dist/components/utils/useLastest.js +6 -0
  71. package/dist/index.css +96 -7
  72. package/dist/index.css.map +1 -1
  73. package/dist/index.d.ts +1 -0
  74. package/dist/index.js +5 -0
  75. package/package.json +4 -3
@@ -0,0 +1,482 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ var __generator = (this && this.__generator) || function (thisArg, body) {
11
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
12
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
13
+ function verb(n) { return function (v) { return step([n, v]); }; }
14
+ function step(op) {
15
+ if (f) throw new TypeError("Generator is already executing.");
16
+ while (_) try {
17
+ 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;
18
+ if (y = 0, t) op = [op[0] & 2, t.value];
19
+ switch (op[0]) {
20
+ case 0: case 1: t = op; break;
21
+ case 4: _.label++; return { value: op[1], done: false };
22
+ case 5: _.label++; y = op[1]; op = [0]; continue;
23
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
24
+ default:
25
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
26
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
27
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
28
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
29
+ if (t[2]) _.ops.pop();
30
+ _.trys.pop(); continue;
31
+ }
32
+ op = body.call(thisArg, _);
33
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
34
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
35
+ }
36
+ };
37
+ var __rest = (this && this.__rest) || function (s, e) {
38
+ var t = {};
39
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
40
+ t[p] = s[p];
41
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
42
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
43
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
44
+ t[p[i]] = s[p[i]];
45
+ }
46
+ return t;
47
+ };
48
+ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
49
+ for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
50
+ to[j] = from[i];
51
+ return to;
52
+ };
53
+ /**
54
+ * @author 陈亚雄
55
+ * @description 可编辑表格
56
+ */
57
+ import React, { useState, useCallback, useRef, useEffect } from 'react';
58
+ // redux
59
+ // ztxkui公共组件
60
+ import { ProTable, EnhanceSelect, Button, message } from '../index';
61
+ // 路由配置
62
+ // store
63
+ // 自定义组件
64
+ // 其他文件
65
+ import { times as _times, exactRound, toThousand, plus as _plus, minus as _minus, divide as _divide, } from 'ztxkutils/dist/tools';
66
+ import { dataSource, list1 } from './data';
67
+ /**
68
+ * 精确加法
69
+ */
70
+ export function plus(num1, num2) {
71
+ var others = [];
72
+ for (var _i = 2; _i < arguments.length; _i++) {
73
+ others[_i - 2] = arguments[_i];
74
+ }
75
+ try {
76
+ var _num1 = isNaN(Number(num1)) ? num1 : Number(num1);
77
+ var _num2 = isNaN(Number(num2)) ? num2 : Number(num2);
78
+ var _others = Array.isArray(others)
79
+ ? others === null || others === void 0 ? void 0 : others.map(function (item) { return (isNaN(Number(item)) ? item : Number(item)); })
80
+ : [];
81
+ return _plus.apply(void 0, __spreadArray([_num1, _num2], _others));
82
+ }
83
+ catch (err) {
84
+ console.log(err);
85
+ return 0;
86
+ }
87
+ }
88
+ /**
89
+ * 精确减法
90
+ */
91
+ export function minus(num1, num2) {
92
+ var others = [];
93
+ for (var _i = 2; _i < arguments.length; _i++) {
94
+ others[_i - 2] = arguments[_i];
95
+ }
96
+ try {
97
+ var _num1 = isNaN(Number(num1)) ? num1 : Number(num1);
98
+ var _num2 = isNaN(Number(num2)) ? num2 : Number(num2);
99
+ var _others = Array.isArray(others)
100
+ ? others === null || others === void 0 ? void 0 : others.map(function (item) { return (isNaN(Number(item)) ? item : Number(item)); })
101
+ : [];
102
+ return _minus.apply(void 0, __spreadArray([_num1, _num2], _others));
103
+ }
104
+ catch (err) {
105
+ console.log(err);
106
+ return 0;
107
+ }
108
+ }
109
+ /**
110
+ * 精确乘法
111
+ */
112
+ export function times(num1, num2) {
113
+ var others = [];
114
+ for (var _i = 2; _i < arguments.length; _i++) {
115
+ others[_i - 2] = arguments[_i];
116
+ }
117
+ try {
118
+ var _num1 = isNaN(Number(num1)) ? num1 : Number(num1);
119
+ var _num2 = isNaN(Number(num2)) ? num2 : Number(num2);
120
+ var _others = Array.isArray(others)
121
+ ? others === null || others === void 0 ? void 0 : others.map(function (item) { return (isNaN(Number(item)) ? item : Number(item)); })
122
+ : [];
123
+ return _times.apply(void 0, __spreadArray([_num1, _num2], _others));
124
+ }
125
+ catch (err) {
126
+ console.log(err);
127
+ return 0;
128
+ }
129
+ }
130
+ export function divide(num1, num2) {
131
+ var others = [];
132
+ for (var _i = 2; _i < arguments.length; _i++) {
133
+ others[_i - 2] = arguments[_i];
134
+ }
135
+ try {
136
+ var _num1 = isNaN(Number(num1)) ? num1 : Number(num1);
137
+ var _num2 = isNaN(Number(num2)) ? num2 : Number(num2);
138
+ var _others = Array.isArray(others)
139
+ ? others === null || others === void 0 ? void 0 : others.map(function (item) { return (isNaN(Number(item)) ? item : Number(item)); })
140
+ : [];
141
+ return _divide.apply(void 0, __spreadArray([_num1, _num2], _others));
142
+ }
143
+ catch (err) {
144
+ console.log(err);
145
+ return 0;
146
+ }
147
+ }
148
+ var EditableTable = function () {
149
+ var _a = useState(dataSource), records = _a[0], setRecords = _a[1];
150
+ var recordsRef = useRef([]);
151
+ // 初始化渲染,针对配置了editable、editableConfig的列配置
152
+ // 表格
153
+ var tableHandleRef = useRef({});
154
+ var _b = useState([]), expandedRowKeys = _b[0], setExpandedRowKeys = _b[1];
155
+ // 表格配置
156
+ var _c = useState({
157
+ test1: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
158
+ test2: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
159
+ }), tableConfig = _c[0], setTableConfig = _c[1];
160
+ useEffect(function () {
161
+ setTimeout(function () {
162
+ setTableConfig({
163
+ test1: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
164
+ test111: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
165
+ test2: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
166
+ test3: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
167
+ });
168
+ }, 5000);
169
+ }, []);
170
+ var columns = [
171
+ {
172
+ title: '序号',
173
+ width: 62,
174
+ fixed: 'left',
175
+ key: 'index',
176
+ render: function (_text, _record, index) { return "" + (index + 1); },
177
+ },
178
+ {
179
+ title: '测试1',
180
+ width: 400,
181
+ dataIndex: 'test1',
182
+ key: 'test1',
183
+ editable: true,
184
+ showCopy: true,
185
+ validate: {},
186
+ shouldCellUpdate: function (record, preRecord) {
187
+ return record.test1 !== preRecord.test1;
188
+ },
189
+ },
190
+ {
191
+ title: '测试111',
192
+ width: 400,
193
+ dataIndex: 'test111',
194
+ key: 'test111',
195
+ editable: true,
196
+ editableConfig: {
197
+ type: 'inputNumber',
198
+ placeholder: '输入',
199
+ min: 0,
200
+ precision: 2,
201
+ formatterType: 'currency',
202
+ },
203
+ validate: {},
204
+ shouldCellUpdate: function (record, preRecord) {
205
+ return record.test111 !== preRecord.test111;
206
+ },
207
+ },
208
+ {
209
+ title: '测试2',
210
+ width: 150,
211
+ dataIndex: 'test2',
212
+ key: 'test2',
213
+ editable: true,
214
+ editableConfig: {
215
+ type: 'inputNumber',
216
+ placeholder: '输入',
217
+ min: 0,
218
+ precision: 2,
219
+ formatterType: 'currency',
220
+ },
221
+ required: true,
222
+ showCopy: true,
223
+ align: 'left',
224
+ validate: {
225
+ validate: function (value, record, index, title) {
226
+ if (value === 102) {
227
+ return Promise.reject({
228
+ errorFields: [
229
+ {
230
+ errors: "\u6D4B\u8BD5-\u660E\u7EC6\u8868 \u7B2C" + index + "\u884C \u6D4B\u8BD52 \u4E0D\u80FD\u5C0F\u4E8E102\uFF01",
231
+ },
232
+ ],
233
+ });
234
+ }
235
+ return Promise.resolve();
236
+ },
237
+ },
238
+ shouldCellUpdate: function (record, preRecord) {
239
+ return record.test2 !== preRecord.test2;
240
+ },
241
+ },
242
+ {
243
+ title: "\u91D1\u989D(\u542B\u7A0E)",
244
+ width: 130,
245
+ dataIndex: 'test2222',
246
+ key: 'test2222',
247
+ align: 'center',
248
+ editable: false,
249
+ shouldCellUpdate: function (record, preRecord) {
250
+ return (record.test111 !== preRecord.test111 ||
251
+ record.test2 !== preRecord.test2);
252
+ },
253
+ render: function (text, record, index) {
254
+ // const value =
255
+ // Number(record?.orderPurchasePrice) * Number(record?.orderQuantity);
256
+ var value = divide((record === null || record === void 0 ? void 0 : record.test2) || 0, (record === null || record === void 0 ? void 0 : record.test111) || 0);
257
+ console.log(record === null || record === void 0 ? void 0 : record.test111, record === null || record === void 0 ? void 0 : record.test2, value);
258
+ return React.createElement("div", null, toThousand(exactRound(value || 0, 2)));
259
+ },
260
+ },
261
+ {
262
+ title: '测试3',
263
+ width: 100,
264
+ dataIndex: 'test3',
265
+ key: 'test3',
266
+ shouldCellUpdate: function (record, preRecord) {
267
+ return record.test3 !== preRecord.test3;
268
+ },
269
+ validate: {},
270
+ render: function (text, record, index) {
271
+ return (React.createElement(EnhanceSelect, { value: text, list: list1, dataKey: "id", titleKey: "name", dropdownMatchSelectWidth: 130, onChange: function (value, option, fullData) {
272
+ var _a;
273
+ tableHandleRef.current.clearErrorClass(index);
274
+ var newRecord = {
275
+ test3: value,
276
+ test3Name: fullData === null || fullData === void 0 ? void 0 : fullData.name,
277
+ };
278
+ (_a = tableHandleRef.current) === null || _a === void 0 ? void 0 : _a.onEditableSaveHandle(newRecord, index);
279
+ } }));
280
+ },
281
+ },
282
+ {
283
+ title: '测试4',
284
+ width: 100,
285
+ dataIndex: 'test4',
286
+ key: 'test4',
287
+ },
288
+ {
289
+ title: '测试5',
290
+ // width: 100,
291
+ // dataIndex: 'test5',
292
+ // key: 'test5',
293
+ children: [
294
+ {
295
+ title: '测试5-001',
296
+ width: 100,
297
+ dataIndex: 'test5-001',
298
+ key: 'test5-001',
299
+ },
300
+ {
301
+ title: '测试5-002',
302
+ width: 100,
303
+ dataIndex: 'test5-002',
304
+ key: 'test5-002',
305
+ },
306
+ ],
307
+ },
308
+ {
309
+ title: '测试6',
310
+ width: 100,
311
+ dataIndex: 'test6',
312
+ key: 'test6',
313
+ },
314
+ {
315
+ title: '测试7',
316
+ width: 100,
317
+ dataIndex: 'test7',
318
+ key: 'test7',
319
+ },
320
+ {
321
+ title: '测试8',
322
+ width: 100,
323
+ dataIndex: 'test8',
324
+ key: 'test8',
325
+ },
326
+ {
327
+ title: '测试9',
328
+ width: 100,
329
+ dataIndex: 'test9',
330
+ key: 'test9',
331
+ },
332
+ {
333
+ title: '测试10',
334
+ width: 100,
335
+ dataIndex: 'test10',
336
+ key: 'test10',
337
+ },
338
+ ];
339
+ // 将表格最新数据赋值给ref引用
340
+ useEffect(function () {
341
+ recordsRef.current = records;
342
+ }, [records]);
343
+ // 全部删除
344
+ var onDelAllChange = useCallback(function () {
345
+ setRecords([]);
346
+ }, []);
347
+ // 触发onChange事件
348
+ var onChange = useCallback(function (dataSource, info) {
349
+ console.log(info);
350
+ var currentIndex = info === null || info === void 0 ? void 0 : info.currentIndex;
351
+ if (typeof currentIndex === 'number') {
352
+ var record = dataSource[currentIndex];
353
+ console.log(record);
354
+ record.test43 = (record.test41 || 0) + (record.test42 || 0);
355
+ }
356
+ console.log(dataSource);
357
+ setRecords(dataSource);
358
+ }, []);
359
+ return (React.createElement("div", null,
360
+ React.createElement("div", null,
361
+ "\u53EF\u7F16\u8F91\u8868\u683C\uFF1B\u5982\u679C\u662F\u8F93\u5165\u6846\uFF0C\u53EF\u4F7F\u7528\u8868\u683C\u9ED8\u8BA4\u63D0\u4F9B\u7684\u7F16\u8F91\u6846\uFF1B \u914D\u7F6Eeditable\u4E3Atrue\u5373\u53EF\uFF0C\u8FD8\u53EF\u914D\u7F6EeditableConfig\u914D\u7F6E\u6267\u884C\u7C7B\u578B\u7B49\uFF1B\u5177\u4F53editableConfig\u53EF\u67E5\u770B\u8BE6\u7EC6\u7B7E\u540D",
362
+ React.createElement("br", null),
363
+ React.createElement("b", null, "\u5BF9\u4E8E\u914D\u7F6E\u4E86\u7F16\u8F91\u7684\u8868\u683C\uFF0C\u4E00\u5B9A\u8981\u4F7F\u7528SCU\u6765\u4F18\u5316\u8868\u683C\u6E32\u67D3\uFF0C\u6B64\u4E3E\u53EF\u4EE5\u4F18\u5316\u8868\u683C\u6E32\u67D3"),
364
+ React.createElement("br", null),
365
+ React.createElement("b", null, "\u5982\u679C\u914D\u7F6E\u4E86editable\uFF0C\u5E76\u4E14\u914D\u7F6E\u4E86SCU\u6765\u4F18\u5316\u6E32\u67D3\uFF0C\u90A3\u4E48\u521D\u59CB\u5316\u7684\u65F6\u5019\u9700\u8981\u7528\u4E00\u4E2A\u53D8\u91CF\u6807\u8BC6\u9996\u6B21\u9700\u8981\u6E32\u67D3"),
366
+ React.createElement("br", null),
367
+ React.createElement("b", null, "\u65B0\u589E\u5220\u9664\u884C\uFF0C\u8868\u683C\u62D6\u62FD\u6392\u5E8F\uFF1B"),
368
+ "\u5BF9\u4E8E\u914D\u7F6E\u4E86SCU\u7684\u5217\uFF0C\u9700\u8981\u5728\u65B0\u589E\u5220\u9664\u7684\u65F6\u5019\u91CD\u65B0\u6E32\u67D3\uFF0C\u901A\u8FC7\u8BBE\u7F6Estate\u6807\u8BC6",
369
+ React.createElement("br", null),
370
+ React.createElement("b", null, "\u8868\u683C\u81EA\u5B9A\u4E49\u9A8C\u8BC1\uFF0C\u4F20\u5165tableHandleRef\u4E00\u4E2ARef\u5BF9\u8C61\uFF0C\u53EF\u83B7\u53D6\u8868\u683C\u63D0\u4F9B\u76F8\u5173\u65B9\u6CD5"),
371
+ React.createElement("p", null, "1.\u7F16\u5199\u9A8C\u8BC1\u89C4\u5219\uFF0C\u5728\u5217\u91CC\u9762\u7F16\u5199\uFF0C\u901A\u8FC7\u4F20\u5165validate\u5C5E\u6027\u914D\u7F6E,\u5177\u4F53\u53EF\u67E5\u770B\u7B7E\u540D \u5982\u679C\u53EA\u662F\u7B80\u5355\u7684\u975E\u7A7A\u9A8C\u8BC1\uFF0C\u90A3\u4E48\u53EF\u4F20\u5165\u4E00\u4E2A\u7A7A\u5BF9\u8C61\u5373\u53EF \u5982\u679C\u662F\u590D\u6742\u9A8C\u8BC1\u53EF\u901A\u8FC7validate\u4F20\u5165\u66F4\u591A\u914D\u7F6E"),
372
+ React.createElement("p", null, "2.\u5982\u679C\u4F20\u5165\u4E86\u81EA\u5B9A\u4E49render\u51FD\u6570\uFF0C\u7EC4\u4EF6\u65E0\u6CD5\u638C\u63E1\u5728\u4F55\u65F6\u6E05\u7A7A\u9519\u8BEF\u4FE1\u606F\uFF0C\u6240\u4EE5\u9700\u8981\u8C03\u7528\u65B9\u4E3B\u52A8\u6E05\u7A7A\u9519\u8BEF\u4FE1\u606F")),
373
+ React.createElement(Button, { onClick: function () {
374
+ console.log(records);
375
+ (function () {
376
+ var _a;
377
+ return __awaiter(this, void 0, void 0, function () {
378
+ var err_1, errorFields;
379
+ return __generator(this, function (_b) {
380
+ switch (_b.label) {
381
+ case 0:
382
+ _b.trys.push([0, 2, , 3]);
383
+ return [4 /*yield*/, ((_a = tableHandleRef.current) === null || _a === void 0 ? void 0 : _a.validate())];
384
+ case 1:
385
+ _b.sent();
386
+ return [3 /*break*/, 3];
387
+ case 2:
388
+ err_1 = _b.sent();
389
+ console.log(err_1);
390
+ errorFields = err_1.errorFields;
391
+ if (errorFields) {
392
+ message.warning(errorFields[0].errors + '');
393
+ }
394
+ return [3 /*break*/, 3];
395
+ case 3: return [2 /*return*/];
396
+ }
397
+ });
398
+ });
399
+ })();
400
+ } }, "\u9A8C\u8BC1"),
401
+ React.createElement(Button, { onClick: function () {
402
+ console.log(records);
403
+ var ids = records.map(function (item) { return item.id; });
404
+ setExpandedRowKeys(ids);
405
+ } }, "\u83B7\u53D6\u6570\u636E"),
406
+ React.createElement(ProTable, { dataSource: records, columns: columns, rowKey: "id", tableHandleRef: tableHandleRef, tableName: "\u6211\u662F\u4E00\u4E2A\u8868\u683C",
407
+ // 调用表格内部提供的方法
408
+ // 是否开启编辑,对于可编辑表格来说 这个属性很重要
409
+ isEdit: true,
410
+ // 是否开启拖拽
411
+ isMove: true,
412
+ // 是否可以批量复制,如果批量复制需要前置处理 或者后置处理 可通过提供方法处理
413
+ isPaste: true,
414
+ // 是否开启增减行
415
+ showDelIcon: true, showAddIcon: true,
416
+ // 增加数据的规则 是增加空白行 还是 复制一行
417
+ addDataMode: "blank", addDataReturnRecord: useCallback(function (record) {
418
+ var id = record.id, resetRecord = __rest(record, ["id"]);
419
+ return resetRecord;
420
+ }, []), onChange: onChange,
421
+ // 显隐配置
422
+ // configInfo={tableConfig}
423
+ showColumnDynamic: true, showColumnDynamicKey: "test-o-00112", showInnerPagination: true, expandable: {
424
+ // expandedRowRender: (record) => <p style={{ margin: 0 }}>111</p>,
425
+ // rowExpandable: (record) => true,
426
+ expandedRowKeys: expandedRowKeys,
427
+ onExpand: function (expanded, record) {
428
+ if (expanded) {
429
+ setExpandedRowKeys(function (pre) { return __spreadArray(__spreadArray([], pre), [record === null || record === void 0 ? void 0 : record.id]); });
430
+ }
431
+ else {
432
+ setExpandedRowKeys(function (pre) {
433
+ var index = pre.findIndex(function (id) { return id === (record === null || record === void 0 ? void 0 : record.id); });
434
+ var newRecord = pre.slice();
435
+ newRecord.splice(index, 1);
436
+ return newRecord;
437
+ });
438
+ }
439
+ },
440
+ }, scroll: { x: 1200, y: 400 }, delAllChange: onDelAllChange, rowSelection: {
441
+ type: 'checkbox',
442
+ }, summaryFixed: true, summaryConfig: [
443
+ {
444
+ type: 'subtotal',
445
+ fields: [
446
+ {
447
+ key: 'test2',
448
+ toFixedNum: 2,
449
+ },
450
+ {
451
+ key: 'test5-001',
452
+ toFixedNum: 2,
453
+ },
454
+ {
455
+ key: 'test5-002',
456
+ toFixedNum: 2,
457
+ },
458
+ ],
459
+ },
460
+ {
461
+ type: 'total',
462
+ fields: [
463
+ {
464
+ key: 'test2',
465
+ toFixedNum: 2,
466
+ value: 0,
467
+ },
468
+ {
469
+ key: 'test5-001',
470
+ toFixedNum: 2,
471
+ value: 222,
472
+ },
473
+ {
474
+ key: 'test5-002',
475
+ toFixedNum: 2,
476
+ value: 333322.22,
477
+ },
478
+ ],
479
+ },
480
+ ] })));
481
+ };
482
+ export default EditableTable;
@@ -12,6 +12,21 @@ export declare const dataSource: {
12
12
  test8: string;
13
13
  test9: string;
14
14
  test10: string;
15
+ children: {
16
+ id: string;
17
+ test1: string;
18
+ test2: number;
19
+ test3: string;
20
+ test4: string;
21
+ test5: string;
22
+ 'test5-001': number;
23
+ 'test5-002': number;
24
+ test6: string;
25
+ test7: string;
26
+ test8: string;
27
+ test9: string;
28
+ test10: string;
29
+ }[];
15
30
  }[];
16
31
  export declare const list1: {
17
32
  name: string;
@@ -1,4 +1,4 @@
1
- export var dataSource = new Array(9).fill(1).map(function (item, index) {
1
+ export var dataSource = new Array(30).fill(1).map(function (item, index) {
2
2
  return {
3
3
  id: "test-" + index,
4
4
  test1: "test1-" + index,
@@ -13,6 +13,38 @@ export var dataSource = new Array(9).fill(1).map(function (item, index) {
13
13
  test8: "test8-" + index,
14
14
  test9: "test9-" + index,
15
15
  test10: "test10-" + index,
16
+ children: [
17
+ {
18
+ id: "children-test" + index + "1",
19
+ test1: "test1-" + index,
20
+ test2: index + 100,
21
+ test3: "test3-" + index,
22
+ test4: "test4-" + index,
23
+ test5: "test5-" + index,
24
+ 'test5-001': index + 10,
25
+ 'test5-002': index + 20,
26
+ test6: "test6-" + index,
27
+ test7: "test7-" + index,
28
+ test8: "test8-" + index,
29
+ test9: "test9-" + index,
30
+ test10: "test10-" + index,
31
+ },
32
+ {
33
+ id: "children-test" + index + "2",
34
+ test1: "test1-" + index,
35
+ test2: index + 100,
36
+ test3: "test3-" + index,
37
+ test4: "test4-" + index,
38
+ test5: "test5-" + index,
39
+ 'test5-001': index + 10,
40
+ 'test5-002': index + 20,
41
+ test6: "test6-" + index,
42
+ test7: "test7-" + index,
43
+ test8: "test8-" + index,
44
+ test9: "test9-" + index,
45
+ test10: "test10-" + index,
46
+ },
47
+ ],
16
48
  };
17
49
  });
18
50
  export var list1 = [
@@ -8,13 +8,14 @@ import React from 'react';
8
8
  // 路由配置
9
9
  // store
10
10
  // 自定义组件
11
- // import BasicTable from './BasicTable';
12
- import EditableTable from './EditableTable';
13
- import ModalTable from './ModalTable';
11
+ import BasicTable from './BasicTable';
12
+ // import EditableTable from './EditableTable';
13
+ import ProEditableTable from './ProEditableTable';
14
+ // import ModalTable from './ModalTable';
14
15
  // 其他文件
15
16
  var TableDemo = function () {
16
17
  return (React.createElement("div", null,
17
- React.createElement(EditableTable, null),
18
- React.createElement(ModalTable, null)));
18
+ React.createElement(BasicTable, null),
19
+ React.createElement(ProEditableTable, null)));
19
20
  };
20
21
  export default TableDemo;
@@ -1,12 +1,11 @@
1
- /// <reference types="react" />
2
1
  import { Dayjs } from 'dayjs';
3
2
  import 'antd/es/date-picker/style/index';
4
- declare const DatePicker: import("react").ComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs>, any> & {
5
- WeekPicker: import("react").ComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, any>;
6
- MonthPicker: import("react").ComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, any>;
7
- YearPicker: import("react").ComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, any>;
8
- RangePicker: import("react").ComponentClass<import("antd/es/date-picker/generatePicker").RangePickerProps<Dayjs>, any>;
9
- TimePicker: import("react").ComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerTimeProps<Dayjs>, "picker">, any>;
10
- QuarterPicker: import("react").ComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerTimeProps<Dayjs>, "picker">, any>;
3
+ declare const DatePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs>, unknown> & {
4
+ WeekPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, unknown>;
5
+ MonthPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, unknown>;
6
+ YearPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerDateProps<Dayjs>, "picker">, unknown>;
7
+ RangePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").RangePickerProps<Dayjs>, unknown>;
8
+ TimePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerTimeProps<Dayjs>, "picker">, unknown>;
9
+ QuarterPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerTimeProps<Dayjs>, "picker">, unknown>;
11
10
  };
12
11
  export default DatePicker;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { MenuProps } from 'antd/lib/menu';
3
3
  interface IProps extends MenuProps {
4
4
  }
@@ -6,7 +6,7 @@ declare function Menu(props: IProps): JSX.Element;
6
6
  declare namespace Menu {
7
7
  var Item: typeof import("antd/lib/menu/MenuItem").default;
8
8
  var SubMenu: typeof import("antd/lib/menu/SubMenu").default;
9
- var ItemGroup: typeof import("rc-menu").MenuItemGroup;
10
- var Divider: typeof import("rc-menu").Divider;
9
+ var ItemGroup;
10
+ var Divider: React.FC<import("antd/lib/menu").MenuDividerProps>;
11
11
  }
12
12
  export default Menu;
@@ -130,9 +130,9 @@ function getLodop() {
130
130
  "未安装!点击这里<a href='install_lodop64.exe' target='_self'>执行安装</a>";
131
131
  var strLodop64Update = strFontTag +
132
132
  "需要升级!点击这里<a href='install_lodop64.exe' target='_self'>执行升级</a>";
133
- var strCLodopInstallA = "<br><font color='#FF00FF'>Web打印服务CLodop未安装启动,点击这里<a href='http://www.c-lodop.com/download/Lodop6.226_Clodop6.569.zip' target='_self'>下载执行安装</a>";
133
+ var strCLodopInstallA = "<br><font color='#FF00FF'>Web打印服务CLodop未安装启动,点击这里<a href='http://www.c-lodop.com/download/Lodop6.226_Clodop6.572.zip' target='_self'>下载执行安装</a>";
134
134
  var strCLodopInstallB = "<br>(若此前已安装过,可<a href='CLodop.protocol:setup' target='_self'>点这里直接再次启动</a>)";
135
- var strCLodopUpdate = "<br><font color='#FF00FF'>Web打印服务CLodop需升级!点击这里<a href='http://www.c-lodop.com/download/Lodop6.226_Clodop6.569.zip' target='_self'>执行升级</a>";
135
+ var strCLodopUpdate = "<br><font color='#FF00FF'>Web打印服务CLodop需升级!点击这里<a href='http://www.c-lodop.com/download/Lodop6.226_Clodop6.572.zip' target='_self'>执行升级</a>";
136
136
  var strLodop7FontTag = "<br><font color='#FF00FF'>Web打印服务Lodop7";
137
137
  var strLodop7HrefX86 = "点击这里<a href='http://www.c-lodop.com/download/Lodop7.046_Linux_X86_64_CN.tar.gz' target='_self'>下载安装</a>(下载后解压,点击lodop文件开始执行)";
138
138
  var strLodop7HrefARM = "点击这里<a href='http://www.c-lodop.com/download/Lodop7.046_Linux_ARM64_CN.tar.gz' target='_self'>下载安装</a>(下载后解压,点击lodop文件开始执行)";
@@ -195,7 +195,7 @@ function getLodop() {
195
195
  else if (isLinuxARM && LODOP.CVERSION < '7.0.4.2') {
196
196
  strAlertMessage = strLodop7Update_ARM;
197
197
  }
198
- else if (CLODOP.CVERSION < '4.1.5.8') {
198
+ else if (CLODOP.CVERSION < '6.5.7.2') {
199
199
  strAlertMessage = strCLodopUpdate;
200
200
  }
201
201
  if (strAlertMessage) {
@@ -0,0 +1,28 @@
1
+ /// <reference types="react" />
2
+ import { IProps } from './interface';
3
+ import { TableRowSelection } from '../../components/Table/index';
4
+ export declare function useDataSourceRef<D>(dataSource: D[]): import("react").MutableRefObject<D[]>;
5
+ export declare function useAddAndDelRow(showAddIcon: any, showDelIcon: any, dataSourceRef: any, addDataMode: any, addDataReturnRecord: any, onChange: any, rowKey: any, refreshScuCell: any): {
6
+ needAddAndDel: any;
7
+ onAddAndDelHandle: (type: 'add' | 'del', index: number) => void;
8
+ };
9
+ export declare function useMoveRow(onChange: any, dataSourceRef: any, refreshScuCell: any): (dragIndex: number, hoverIndex: number) => void;
10
+ export declare function useEditRow(onChange: any, dataSourceRef: any, innerTableHandleRef: any, { onBatchPastePre, onBatchPastePost }: {
11
+ onBatchPastePre: any;
12
+ onBatchPastePost: any;
13
+ }): {
14
+ onEditableSaveHandle: (record: any, index: number | undefined, _dataIndex?: string, otherConfig?: any) => void;
15
+ onBatchPasteHandle: (records: any, startIndex: any) => void;
16
+ };
17
+ export declare function useScuRfresh(): {
18
+ refreshScuCell: () => void;
19
+ getRefreshScuCell: () => boolean;
20
+ };
21
+ export declare function useChoice(choiceMode: IProps<any>['choiceMode'], filterOptions: any, selectedRowOptions: {
22
+ selectedRowKeys: IProps<any>['selectedRowKeys'];
23
+ selectedRows: IProps<any>['selectedRows'];
24
+ onSelectedRowChange: IProps<any>['onSelectedRowChange'];
25
+ onSelect: IProps<any>['onSelect'];
26
+ }): {
27
+ rowSelection: TableRowSelection<any>;
28
+ };