ztxkui 3.5.9 → 3.5.10

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.
@@ -0,0 +1,7 @@
1
+ /**
2
+ * @author 陈亚雄
3
+ * @description 可编辑表格
4
+ */
5
+ import React from 'react';
6
+ declare const ModalTable: React.FC;
7
+ export default ModalTable;
@@ -0,0 +1,351 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
13
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
14
+ return new (P || (P = Promise))(function (resolve, reject) {
15
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
16
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
17
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
18
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
19
+ });
20
+ };
21
+ var __generator = (this && this.__generator) || function (thisArg, body) {
22
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
23
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
24
+ function verb(n) { return function (v) { return step([n, v]); }; }
25
+ function step(op) {
26
+ if (f) throw new TypeError("Generator is already executing.");
27
+ while (_) try {
28
+ 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;
29
+ if (y = 0, t) op = [op[0] & 2, t.value];
30
+ switch (op[0]) {
31
+ case 0: case 1: t = op; break;
32
+ case 4: _.label++; return { value: op[1], done: false };
33
+ case 5: _.label++; y = op[1]; op = [0]; continue;
34
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
35
+ default:
36
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
37
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
38
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
39
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
40
+ if (t[2]) _.ops.pop();
41
+ _.trys.pop(); continue;
42
+ }
43
+ op = body.call(thisArg, _);
44
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
45
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
46
+ }
47
+ };
48
+ /**
49
+ * @author 陈亚雄
50
+ * @description 可编辑表格
51
+ */
52
+ import React, { useState, useCallback, useRef, useEffect } from 'react';
53
+ // redux
54
+ // ztxkui公共组件
55
+ import { Table, EnhanceSelect, Button, message, Modal } from '../index';
56
+ // 路由配置
57
+ // store
58
+ // 自定义组件
59
+ // 其他文件
60
+ import update from 'immutability-helper';
61
+ import { dataSource, list1 } from './data';
62
+ var ModalTable = function () {
63
+ var _a = useState(dataSource), records = _a[0], setRecords = _a[1];
64
+ var recordsRef = useRef([]);
65
+ // 初始化渲染,针对配置了editable、editableConfig的列配置
66
+ var _b = useState(false), firstRender = _b[0], setFirstRender = _b[1];
67
+ // 新增删除行改变
68
+ var _c = useState(false), lengthChange = _c[0], setLengthChange = _c[1];
69
+ // 表格行拖拽改变
70
+ var _d = useState(false), moveChange = _d[0], setMoveChange = _d[1];
71
+ // 表格
72
+ var tableHandleRef = useRef({});
73
+ // 表格配置
74
+ var _e = useState({
75
+ test1: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
76
+ test2: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
77
+ }), tableConfig = _e[0], setTableConfig = _e[1];
78
+ var _f = useState(true), loading = _f[0], setLoading = _f[1];
79
+ var _g = useState(false), visible = _g[0], setVisible = _g[1];
80
+ useEffect(function () {
81
+ setTimeout(function () {
82
+ setLoading(false);
83
+ }, 5000);
84
+ }, []);
85
+ useEffect(function () {
86
+ setTimeout(function () {
87
+ setTableConfig({
88
+ test1: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
89
+ test2: { isChangeable: 1, isDisplay: 1, isRequired: 1 },
90
+ });
91
+ }, 5000);
92
+ }, []);
93
+ var columns = [
94
+ {
95
+ title: '序号',
96
+ width: 62,
97
+ fixed: 'left',
98
+ key: 'index',
99
+ render: function (_text, _record, index) { return "" + (index + 1); },
100
+ },
101
+ {
102
+ title: '测试1',
103
+ width: 100,
104
+ dataIndex: 'test1',
105
+ key: 'test1',
106
+ editable: true,
107
+ validate: {},
108
+ shouldCellUpdate: function (record, preRecord) {
109
+ if (firstRender) {
110
+ setFirstRender(false);
111
+ return true;
112
+ }
113
+ if (lengthChange) {
114
+ setLengthChange(false);
115
+ return true;
116
+ }
117
+ if (moveChange) {
118
+ setMoveChange(false);
119
+ return true;
120
+ }
121
+ return record.test1 !== preRecord.test1;
122
+ },
123
+ },
124
+ {
125
+ title: '测试2',
126
+ width: 100,
127
+ dataIndex: 'test2',
128
+ key: 'test2',
129
+ editable: true,
130
+ editableConfig: {
131
+ type: 'inputNumber',
132
+ },
133
+ validate: {
134
+ validate: function (value, record, index, title) {
135
+ if (value === 102) {
136
+ return Promise.reject({
137
+ errorFields: [
138
+ {
139
+ errors: "\u6D4B\u8BD5-\u660E\u7EC6\u8868 \u7B2C" + index + "\u884C \u6D4B\u8BD52 \u4E0D\u80FD\u5C0F\u4E8E102\uFF01",
140
+ },
141
+ ],
142
+ });
143
+ }
144
+ return Promise.resolve();
145
+ },
146
+ },
147
+ shouldCellUpdate: function (record, preRecord) {
148
+ if (firstRender) {
149
+ setFirstRender(false);
150
+ return true;
151
+ }
152
+ if (lengthChange) {
153
+ setLengthChange(false);
154
+ return true;
155
+ }
156
+ if (moveChange) {
157
+ setMoveChange(false);
158
+ return true;
159
+ }
160
+ return record.test2 !== preRecord.test2;
161
+ },
162
+ },
163
+ {
164
+ title: '测试3',
165
+ width: 100,
166
+ dataIndex: 'test3',
167
+ key: 'test3',
168
+ shouldCellUpdate: function (record, preRecord) {
169
+ if (lengthChange) {
170
+ setLengthChange(false);
171
+ return true;
172
+ }
173
+ if (moveChange) {
174
+ setMoveChange(false);
175
+ return true;
176
+ }
177
+ return record.test3 !== preRecord.test3;
178
+ },
179
+ validate: {},
180
+ render: function (text, record, index) {
181
+ return (React.createElement(EnhanceSelect, { value: text, list: list1, dataKey: "id", titleKey: "name", dropdownMatchSelectWidth: 130, onChange: function (value, option, fullData) {
182
+ tableHandleRef.current.clearErrorClass(index);
183
+ var newRecord = {
184
+ test3: value,
185
+ test3Name: fullData === null || fullData === void 0 ? void 0 : fullData.name,
186
+ };
187
+ onEditableSaveHandle(newRecord, index);
188
+ } }));
189
+ },
190
+ },
191
+ {
192
+ title: '测试4',
193
+ width: 100,
194
+ dataIndex: 'test4',
195
+ key: 'test4',
196
+ },
197
+ {
198
+ title: '测试5',
199
+ width: 100,
200
+ dataIndex: 'test5',
201
+ key: 'test5',
202
+ },
203
+ {
204
+ title: '测试6',
205
+ width: 100,
206
+ dataIndex: 'test6',
207
+ key: 'test6',
208
+ },
209
+ {
210
+ title: '测试7',
211
+ width: 100,
212
+ dataIndex: 'test7',
213
+ key: 'test7',
214
+ },
215
+ {
216
+ title: '测试8',
217
+ width: 100,
218
+ dataIndex: 'test8',
219
+ key: 'test8',
220
+ },
221
+ {
222
+ title: '测试9',
223
+ width: 100,
224
+ dataIndex: 'test9',
225
+ key: 'test9',
226
+ },
227
+ {
228
+ title: '测试10',
229
+ width: 100,
230
+ dataIndex: 'test10',
231
+ key: 'test10',
232
+ },
233
+ ];
234
+ // 初始化渲染,针对配置了editable、editableConfig的列配置
235
+ useEffect(function () {
236
+ setFirstRender(true);
237
+ }, []);
238
+ // 将表格最新数据赋值给ref引用
239
+ useEffect(function () {
240
+ recordsRef.current = records;
241
+ }, [records]);
242
+ // 表格数据改变相关
243
+ var onEditableSaveHandle = useCallback(function (record, index, _dataIndex) {
244
+ var _a;
245
+ if (_dataIndex === void 0) { _dataIndex = ''; }
246
+ if (typeof index === 'number') {
247
+ var newRecords = recordsRef.current.slice();
248
+ var item = newRecords[index];
249
+ newRecords.splice(index, 1, _dataIndex
250
+ ? __assign(__assign(__assign({}, record), item), (_a = {}, _a[_dataIndex] = record[_dataIndex], _a)) : __assign(__assign({}, item), record));
251
+ setRecords(newRecords);
252
+ }
253
+ }, [setRecords]);
254
+ // 新增删除行
255
+ var onAddAndDelHandle = useCallback(function (type, index) {
256
+ var newRecords = recordsRef.current.slice();
257
+ if (type === 'add') {
258
+ var newItem = __assign(__assign({}, newRecords[index]), { _isNewData: true, id: Date.now() + "-" + index });
259
+ newRecords.splice(index + 1, 0, newItem);
260
+ setRecords(newRecords);
261
+ setLengthChange(true);
262
+ }
263
+ else if (type === 'del') {
264
+ if (newRecords.length === 1) {
265
+ newRecords.splice(index, 1, {
266
+ _isNewData: true,
267
+ id: Date.now() + "-" + index,
268
+ });
269
+ }
270
+ else {
271
+ newRecords.splice(index, 1);
272
+ }
273
+ setRecords(newRecords);
274
+ setLengthChange(true);
275
+ }
276
+ }, [setRecords]);
277
+ // 表格拖拽排序功能函数
278
+ var onMoveRowHandle = useCallback(function (dragIndex, hoverIndex) {
279
+ var newRecords = recordsRef.current.slice();
280
+ var dragRow = newRecords[dragIndex];
281
+ var newDataSource = update(newRecords, {
282
+ $splice: [
283
+ [dragIndex, 1],
284
+ [hoverIndex, 0, dragRow],
285
+ ],
286
+ });
287
+ setRecords(newDataSource);
288
+ setMoveChange(true);
289
+ }, [setRecords]);
290
+ return (React.createElement("div", null,
291
+ React.createElement("div", null,
292
+ "\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",
293
+ React.createElement("br", null),
294
+ 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"),
295
+ React.createElement("br", null),
296
+ 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"),
297
+ React.createElement("br", null),
298
+ React.createElement("b", null, "\u65B0\u589E\u5220\u9664\u884C\uFF0C\u8868\u683C\u62D6\u62FD\u6392\u5E8F\uFF1B"),
299
+ "\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",
300
+ React.createElement("br", null),
301
+ 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"),
302
+ 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"),
303
+ 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")),
304
+ React.createElement(Button, { onClick: function () {
305
+ (function () {
306
+ var _a;
307
+ return __awaiter(this, void 0, void 0, function () {
308
+ var err_1, errorFields;
309
+ return __generator(this, function (_b) {
310
+ switch (_b.label) {
311
+ case 0:
312
+ _b.trys.push([0, 2, , 3]);
313
+ return [4 /*yield*/, ((_a = tableHandleRef.current) === null || _a === void 0 ? void 0 : _a.validate())];
314
+ case 1:
315
+ _b.sent();
316
+ return [3 /*break*/, 3];
317
+ case 2:
318
+ err_1 = _b.sent();
319
+ console.log(err_1);
320
+ errorFields = err_1.errorFields;
321
+ if (errorFields) {
322
+ message.warning(errorFields[0].errors + '');
323
+ }
324
+ return [3 /*break*/, 3];
325
+ case 3: return [2 /*return*/];
326
+ }
327
+ });
328
+ });
329
+ })();
330
+ } }, "\u9A8C\u8BC1"),
331
+ React.createElement(Button, { onClick: function () {
332
+ setVisible(function (visible) { return !visible; });
333
+ setLoading(true);
334
+ setTimeout(function () {
335
+ setLoading(false);
336
+ }, 5000);
337
+ } }, "\u6253\u5F00\u6A21\u6001\u6846"),
338
+ React.createElement(Modal, { title: "\u6D4B\u8BD5", loading: loading, visible: visible, onCancel: function () { return setVisible(false); } },
339
+ React.createElement(Table, { dataSource: records, columns: columns, rowKey: "id",
340
+ // 表格项可输入
341
+ onEditableSave: onEditableSaveHandle,
342
+ // 新增删除行
343
+ onAddAndDelHandle: onAddAndDelHandle,
344
+ // 表格行拖拽
345
+ onMoveRow: onMoveRowHandle,
346
+ // tableValidate
347
+ tableHandleRef: tableHandleRef, tableName: "\u6211\u662F\u4E00\u4E2A\u8868\u683C",
348
+ // 显隐配置
349
+ configInfo: tableConfig, showColumnDynamic: true, showColumnDynamicKey: "test-o-0011" }))));
350
+ };
351
+ export default ModalTable;
@@ -10,10 +10,12 @@ import React from 'react';
10
10
  // 自定义组件
11
11
  import BasicTable from './BasicTable';
12
12
  import EditableTable from './EditableTable';
13
+ import ModalTable from './ModalTable';
13
14
  // 其他文件
14
15
  var TableDemo = function () {
15
16
  return (React.createElement("div", null,
16
17
  React.createElement(BasicTable, null),
17
- React.createElement(EditableTable, null)));
18
+ React.createElement(EditableTable, null),
19
+ React.createElement(ModalTable, null)));
18
20
  };
19
21
  export default TableDemo;
@@ -39,7 +39,7 @@ import Upload from 'components/Upload';
39
39
  import { useState, useEffect, useCallback, useRef } from 'react';
40
40
  import { UploadSingle } from './index';
41
41
  var originFileList = [];
42
- var token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOm51bGwsImVtcF9udW1iZXIiOm51bGwsImltdF9pZCI6bnVsbCwicmVhbF9uYW1lIjoi6ZmI5Lqa6ZuEIiwiY2xpZW50X3R5cGUiOiJ3ZWIiLCJkYXRhX3JvbGVfaWQiOiIxMzQ1OTc4NTA1MzAyMDU2OTYyLDE0NjgwMzUzNTE2MjUyODU2MzQsMTU0MjA3NjMwODU3ODAyNTQ3NCIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjExMjM1OTg4MTY3Mzg2NzUyMDEsMTQ2NzAxNTk3NTQ4NDc2MDA2NiwxNDY4MDM0NDM3MTU3OTYxNzI5LDE0ODA4MjkzMzc5MzkxMzI0MTciLCJwb3N0X25hbWUiOm51bGwsInNjb3BlIjpbImFsbCJdLCJpbnRlcnZpZXdfaWQiOm51bGwsImV4cCI6MTY2MDk4OTYwNCwib3JnX25hbWUiOm51bGwsImp0aSI6IjUwYWNmZDUzLWQwODMtNDdjYy05YWY5LWUzMWQxYTk1NDBmZiIsIm1lbWJlcl9pZCI6MSwiY29tcGFueV9pZCI6bnVsbCwic3lzdGVtX2lkIjpudWxsLCJkZXB0X25hbWUiOm51bGwsImF2YXRhciI6IiIsImRhdGFfcm9sZV9uYW1lIjoiYWRtaW4sYWRtaW4sYWRtaW4iLCJhdXRob3JpdGllcyI6WyJhZG1pbiIsInVzZXIiLCJhZG1pbmlzdHJhdG9yIl0sInJvbGVfbmFtZSI6ImFkbWluaXN0cmF0b3IsdXNlcixhZG1pbixhZG1pbiIsInJlc3VtZV90ZW1wbGF0ZSI6bnVsbCwibGljZW5zZSI6InBvd2VyZWQgYnkgem1kbXMiLCJwb3N0X2lkIjoiIiwidXNlcl9pZCI6IjE0MTI5NTM4MDQzMzM1NTU3MTQiLCJvcmdfaWQiOm51bGwsIm5pY2tfbmFtZSI6IumZiOS6mumbhCIsImNvbXBhbnlfbmFtZSI6bnVsbCwiZGVwdF9pZCI6IiIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50IjoiY2hlbnl4IiwicmVzdW1lX2lkIjpudWxsfQ.eIZkNEbrItNuZ9YXo3tNhwnenZVOyVGXWh2Z5rOWC74";
42
+ var token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0ZW5hbnRfaWQiOiIwMDAwMDAiLCJtZW1iZXJfdHlwZSI6MSwiaGFuZGxlX2hyX3Bob25lIjpudWxsLCJyZXN1bWVfZGF0ZSI6bnVsbCwidXNlcl9uYW1lIjoiY2hlbnl4IiwiZW1wX25hbWUiOm51bGwsImVtcF9udW1iZXIiOm51bGwsImltdF9pZCI6bnVsbCwicmVhbF9uYW1lIjoi6ZmI5Lqa6ZuEIiwiY2xpZW50X3R5cGUiOiJ3ZWIiLCJkYXRhX3JvbGVfaWQiOiIxMzQ1OTc4NTA1MzAyMDU2OTYyLDE0NjgwMzUzNTE2MjUyODU2MzQsMTU0MjA3NjMwODU3ODAyNTQ3NCIsImNsaWVudF9pZCI6InN3b3JkIiwidXNlcl90eXBlIjoid2ViIiwicm9sZV9pZCI6IjExMjM1OTg4MTY3Mzg2NzUyMDEsMTQ2NzAxNTk3NTQ4NDc2MDA2NiwxNDY4MDM0NDM3MTU3OTYxNzI5LDE0ODA4MjkzMzc5MzkxMzI0MTciLCJwb3N0X25hbWUiOm51bGwsInNjb3BlIjpbImFsbCJdLCJpbnRlcnZpZXdfaWQiOm51bGwsImV4cCI6MTY2MTI0MDUxNiwib3JnX25hbWUiOm51bGwsImp0aSI6IjEwOGY2YjhmLTU0ZjUtNDcwYy04YzU0LTU4MWViZDMyMmZjYSIsIm1lbWJlcl9pZCI6MSwiY29tcGFueV9pZCI6bnVsbCwic3lzdGVtX2lkIjpudWxsLCJkZXB0X25hbWUiOm51bGwsImF2YXRhciI6IiIsImRhdGFfcm9sZV9uYW1lIjoiYWRtaW4sYWRtaW4sYWRtaW4iLCJhdXRob3JpdGllcyI6WyJhZG1pbiIsInVzZXIiLCJhZG1pbmlzdHJhdG9yIl0sInJvbGVfbmFtZSI6ImFkbWluaXN0cmF0b3IsdXNlcixhZG1pbixhZG1pbiIsInJlc3VtZV90ZW1wbGF0ZSI6bnVsbCwibGljZW5zZSI6InBvd2VyZWQgYnkgem1kbXMiLCJwb3N0X2lkIjoiIiwidXNlcl9pZCI6IjE0MTI5NTM4MDQzMzM1NTU3MTQiLCJvcmdfaWQiOm51bGwsIm5pY2tfbmFtZSI6IumZiOS6mumbhCIsImNvbXBhbnlfbmFtZSI6bnVsbCwiZGVwdF9pZCI6IiIsImhhbmRsZV9ocl9uYW1lIjpudWxsLCJhY2NvdW50IjoiY2hlbnl4IiwicmVzdW1lX2lkIjpudWxsfQ.UXl68JBAGWQgL9uweedOonIj7Sflz2B_PQ6JS-Mi6_E";
43
43
  function UploadDemo() {
44
44
  var _this = this;
45
45
  var _a = useState(originFileList), fileList = _a[0], setFileList = _a[1];
@@ -77,6 +77,11 @@ function UploadDemo() {
77
77
  // percent: 100,
78
78
  // status: 'error',
79
79
  },
80
+ {
81
+ attachId: '1559718559965757442',
82
+ attachName: '浙商中拓报总第101期.pdf',
83
+ fileSize: 301024,
84
+ },
80
85
  // {
81
86
  // // uid可不传,这个应该时组件需要一个内部id,可以同attachId
82
87
  // uid: '1418469936545132546',
@@ -75,6 +75,7 @@ function TableDynamic(props) {
75
75
  var onDynamicChangeHandle = function (checkedValue) {
76
76
  setCheckedValues(checkedValue);
77
77
  };
78
+ console.log(visible);
78
79
  return (React.createElement(Drawer, { placement: "right", getContainer: false, closable: false, maskClosable: false,
79
80
  // style={{ position: 'absolute' }}
80
81
  visible: visible, className: "zt-table__dynamic", title: React.createElement("div", null,
@@ -218,6 +218,7 @@ var UploadTable = function (_a) {
218
218
  var newDataSource = ((_b = (_a = (dataSourceRef.current || [])) === null || _a === void 0 ? void 0 : _a.slice) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
219
219
  if ((_c = newDataSource[index]) === null || _c === void 0 ? void 0 : _c.loading) {
220
220
  newDataSource.splice(index, 1, __assign(__assign({}, record), { loading: false }));
221
+ message.warning((record === null || record === void 0 ? void 0 : record.fileName) + " \u6587\u4EF6\u4E0B\u8F7D\u5931\u8D25!");
221
222
  setDataSource(newDataSource);
222
223
  }
223
224
  },
@@ -247,6 +248,7 @@ var UploadTable = function (_a) {
247
248
  var newDataSource = ((_b = (_a = (dataSourceRef.current || [])) === null || _a === void 0 ? void 0 : _a.slice) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
248
249
  if ((_c = newDataSource[index]) === null || _c === void 0 ? void 0 : _c.loading) {
249
250
  newDataSource.splice(index, 1, __assign(__assign({}, record), { loading: false }));
251
+ message.warning((record === null || record === void 0 ? void 0 : record.fileName) + " \u6587\u4EF6\u4E0B\u8F7D\u5931\u8D25!");
250
252
  setDataSource(newDataSource);
251
253
  }
252
254
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ztxkui",
3
- "version": "3.5.9",
3
+ "version": "3.5.10",
4
4
  "private": false,
5
5
  "description": "React components library",
6
6
  "author": "zt-front-end",