ztxkui 3.5.9 → 3.5.12

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
  },
@@ -64,7 +64,7 @@ var FLOW_IDS = [
64
64
  */
65
65
  var Sinatures = function (_a) {
66
66
  var isUpload = _a.isUpload, qunjSealChange = _a.qunjSealChange, electronicSealChange = _a.electronicSealChange, onSigValuesChange = _a.onSigValuesChange, handleRef = _a.handleRef, ZT_API_BASEURL = _a.ZT_API_BASEURL, ZT_FILE_BASEURL = _a.ZT_FILE_BASEURL, systemCode = _a.systemCode, token = _a.token, openCustomerModalHandle = _a.openCustomerModalHandle, request = _a.request, otherParams = __rest(_a, ["isUpload", "qunjSealChange", "electronicSealChange", "onSigValuesChange", "handleRef", "ZT_API_BASEURL", "ZT_FILE_BASEURL", "systemCode", "token", "openCustomerModalHandle", "request"]);
67
- var canEdit = otherParams.canEdit, needQj = otherParams.needQj, needDg = otherParams.needDg, needQys = otherParams.needQys, fileList = otherParams.fileList, qunjSeal = otherParams.qunjSeal, electronicSeal = otherParams.electronicSealIdList, flowId = otherParams.flowId, deptId = otherParams.deptId, flowStatus = otherParams.flowStatus, caseId = otherParams.caseId, contract_id = otherParams.contractId, docAttachMap = otherParams.docAttachMap, checkAttachIdList = otherParams.checkAttachIdList, // 已盖章附件id
67
+ var canEdit = otherParams.canEdit, needQj = otherParams.needQj, needDg = otherParams.needDg, needQys = otherParams.needQys, fileList = otherParams.fileList, qunjSeal = otherParams.qunjSeal, electronicSeal = otherParams.electronicSealIdList, flowId = otherParams.flowId, deptId = otherParams.deptId, flowStatus = otherParams.flowStatus, caseId = otherParams.caseId, contractId = otherParams.contractId, docAttachMap = otherParams.docAttachMap, checkAttachIdList = otherParams.checkAttachIdList, // 已盖章附件id
68
68
  documentIdList = otherParams.documentIdList;
69
69
  var authToken = token || '';
70
70
  // 是否可编辑 1可编辑 0不可编辑
@@ -80,31 +80,31 @@ var Sinatures = function (_a) {
80
80
  // 设置确认盖章按钮是否展示
81
81
  var _e = useState(false), checkSealVisible = _e[0], setCheckSealVisible = _e[1];
82
82
  // 合同id
83
- var _f = useState(contract_id), contractId = _f[0], setContractId = _f[1];
83
+ var contract_id = contractId;
84
84
  // 已盖章附件id
85
- var _g = useState(checkAttachIdList || []), sealedIds = _g[0], setSealedIds = _g[1];
85
+ var _f = useState(checkAttachIdList || []), sealedIds = _f[0], setSealedIds = _f[1];
86
86
  // docAttachMap
87
- var _h = useState(docAttachMap), attachMap = _h[0], setAttachMap = _h[1];
87
+ var _g = useState(docAttachMap), attachMap = _g[0], setAttachMap = _g[1];
88
88
  // 文档id列表
89
- var _j = useState(documentIdList), documentIds = _j[0], setDocumentIds = _j[1];
89
+ var _h = useState(documentIdList), documentIds = _h[0], setDocumentIds = _h[1];
90
90
  // 总用印次数超过4倍
91
- var _k = useState(false), isTotalSealNumTooMore = _k[0], setIsTotalSealNumTooMore = _k[1];
91
+ var _j = useState(false), isTotalSealNumTooMore = _j[0], setIsTotalSealNumTooMore = _j[1];
92
92
  // 采购合同 销售合同 双边合同 部门间交易合同 需要展示合同份数 其他的不需要
93
93
  var showContranctNum = FLOW_IDS.includes("" + flowId);
94
94
  // 电子印章列表
95
- var _l = useState([]), electronicList = _l[0], setElectronicList = _l[1];
95
+ var _k = useState([]), electronicList = _k[0], setElectronicList = _k[1];
96
96
  // 群杰印章列表
97
- var _m = useState([]), sealList = _m[0], setSealList = _m[1];
97
+ var _l = useState([]), sealList = _l[0], setSealList = _l[1];
98
98
  // 上一次盖章时的参数信息
99
- var _o = useState({}), prevParam = _o[0], setPrevParam = _o[1];
99
+ var _m = useState({}), prevParam = _m[0], setPrevParam = _m[1];
100
100
  // 请确认
101
- var _p = useState(false), isSure = _p[0], setIsSure = _p[1];
101
+ var _o = useState(false), isSure = _o[0], setIsSure = _o[1];
102
102
  // 群杰表单
103
103
  var form = Form.useForm()[0];
104
104
  // 是否加盖群杰印章
105
- var _q = useState(true), checked = _q[0], setChecked = _q[1];
105
+ var _p = useState(true), checked = _p[0], setChecked = _p[1];
106
106
  // 盖章按钮loading
107
- var _r = useState(false), loading = _r[0], setLoading = _r[1];
107
+ var _q = useState(false), loading = _q[0], setLoading = _q[1];
108
108
  /** 是否加盖群杰印章 */
109
109
  var needQjSealFn = function (e) {
110
110
  var _value = __assign(__assign({ isTakeOut: 0 }, (showContranctNum ? { contranctNum: 1 } : {})), { details: [] });
@@ -233,14 +233,14 @@ var Sinatures = function (_a) {
233
233
  deleteAttachIdList: [],
234
234
  docAttachMap: attachMap,
235
235
  };
236
- if (!(contractId || contract_id)) {
236
+ if (!contract_id) {
237
237
  setDocumentIds([]);
238
238
  setSealedIds([]);
239
239
  params.attachIdList = checkedElecSealIds;
240
240
  params.deleteAttachIdList = [];
241
241
  }
242
242
  else {
243
- params.contractId = contractId || contract_id;
243
+ params.contractId = contract_id;
244
244
  }
245
245
  checkedElecSealIds.forEach(function (n) {
246
246
  if (sealedIds.length !== 0 && !sealedIds.includes(n)) {
@@ -271,8 +271,8 @@ var Sinatures = function (_a) {
271
271
  sealedIdsCopy.splice(i, 1);
272
272
  }
273
273
  }
274
+ contract_id = res.data.data.contractId;
274
275
  setSealedIds(__spreadArray(__spreadArray([], sealedIdsCopy), res.data.data.attachIdList));
275
- setContractId(res.data.data.contractId);
276
276
  setAttachMap(res.data.data.docAttachMap);
277
277
  setDocumentIds(res.data.data.documentIdList);
278
278
  window.open(res.data.data.preSignUrl);
@@ -289,10 +289,10 @@ var Sinatures = function (_a) {
289
289
  };
290
290
  /** 查看盖章页面 */
291
291
  var viewSealPageFn = function () {
292
- if (contractId || contract_id) {
292
+ if (contract_id) {
293
293
  request({
294
294
  url: '/api/zmdms-resource/seal/view-seal-state',
295
- data: { contractId: contractId || contract_id, canEdit: canEdit, flowStatus: flowStatus },
295
+ data: { contractId: contract_id, canEdit: canEdit, flowStatus: flowStatus },
296
296
  method: 'POST',
297
297
  })
298
298
  .then(function (res) {
@@ -447,7 +447,7 @@ var Sinatures = function (_a) {
447
447
  React.createElement(Button, { type: "link", style: __assign({}, (checkSealVisible && isEdit
448
448
  ? {}
449
449
  : { display: 'none' })), size: "small", loading: loading, onClick: checkSealFn }, "\u6307\u5B9A\u7B7E\u7F72\u4F4D\u7F6E"),
450
- React.createElement(Button, { type: "link", style: __assign({}, (contractId || contract_id ? {} : { display: 'none' })), size: "small", onClick: viewSealPageFn }, "\u9884\u89C8\u76D6\u7AE0\u6548\u679C"))) : (React.createElement(React.Fragment, null));
450
+ React.createElement(Button, { type: "link", style: __assign({}, (contract_id ? {} : { display: 'none' })), size: "small", onClick: viewSealPageFn }, "\u9884\u89C8\u76D6\u7AE0\u6548\u679C"))) : (React.createElement(React.Fragment, null));
451
451
  };
452
452
  var obj = {
453
453
  children: React.createElement(Comp, null),
@@ -499,7 +499,7 @@ var Sinatures = function (_a) {
499
499
  columnsLast = columnsLast.filter(function (item) { return !['isWatermark', 'needQys'].includes(item.key); });
500
500
  }
501
501
  // 上传组件的数据
502
- var _s = useState(), originFileList = _s[0], setOriginFileList = _s[1];
502
+ var _r = useState(), originFileList = _r[0], setOriginFileList = _r[1];
503
503
  /** 签章组件onChange事件 */
504
504
  var sigValuesChange = function (type, value) {
505
505
  var _a, _b;
@@ -516,8 +516,8 @@ var Sinatures = function (_a) {
516
516
  setCheckSealVisible(value ? true : hasElecSeal.length > 1 ? true : false);
517
517
  // 去除加盖电子印章勾选时 清除合同id 等之前的信息
518
518
  if (!value && hasElecSeal.length === 1) {
519
+ contract_id = '';
519
520
  setSealedIds([]);
520
- setContractId('');
521
521
  setAttachMap(null);
522
522
  setDocumentIds([]);
523
523
  setElectronicSeal([]);
@@ -593,7 +593,7 @@ var Sinatures = function (_a) {
593
593
  checkAttachIdList: sealedIds,
594
594
  docAttachMap: attachMap,
595
595
  documentIdList: documentIds,
596
- contractId: contractId || contract_id,
596
+ contractId: contract_id,
597
597
  isTotalSealNumTooMore: isTotalSealNumTooMore,
598
598
  };
599
599
  },
@@ -644,10 +644,7 @@ var Sinatures = function (_a) {
644
644
  return false;
645
645
  }
646
646
  // 没有确认盖章
647
- if (isEdit &&
648
- needQys &&
649
- hasElectronicSeal &&
650
- !(contractId || contract_id)) {
647
+ if (isEdit && needQys && hasElectronicSeal && !contract_id) {
651
648
  message.warning('请点击确认盖章按钮,确认盖章位置后方可提交!');
652
649
  return false;
653
650
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ztxkui",
3
- "version": "3.5.9",
3
+ "version": "3.5.12",
4
4
  "private": false,
5
5
  "description": "React components library",
6
6
  "author": "zt-front-end",