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.
- package/README.md +57 -57
- package/dist/DemoCom/SyhDemo.d.ts +3 -0
- package/dist/DemoCom/SyhDemo.js +257 -0
- package/dist/DemoCom/TableDemo.js +8 -4
- package/dist/TableDemo/BasicTable.js +2 -1
- package/dist/TableDemo/EditableTable.js +83 -67
- package/dist/TableDemo/ProEditableTable.d.ts +21 -0
- package/dist/TableDemo/ProEditableTable.js +482 -0
- package/dist/TableDemo/data.d.ts +15 -0
- package/dist/TableDemo/data.js +33 -1
- package/dist/TableDemo/index.js +6 -5
- package/dist/components/DatePicker/data-picker.d.ts +7 -8
- package/dist/components/Menu/menu.d.ts +3 -3
- package/dist/components/PrintContainer/utils.js +3 -3
- package/dist/components/ProTable/hooks.d.ts +28 -0
- package/dist/components/ProTable/hooks.js +279 -0
- package/dist/components/ProTable/index.d.ts +8 -0
- package/dist/components/ProTable/index.js +77 -0
- package/dist/components/ProTable/interface.d.ts +51 -0
- package/dist/components/ProTable/interface.js +1 -0
- package/dist/components/Table/components/FillDown.d.ts +8 -0
- package/dist/components/Table/components/FillDown.js +10 -0
- package/dist/components/Table/components/FilterDropdown.d.ts +14 -0
- package/dist/components/Table/components/FilterDropdown.js +69 -0
- package/dist/components/Table/constants.d.ts +2 -0
- package/dist/components/Table/constants.js +2 -0
- package/dist/components/Table/hooks/useColumns.d.ts +20 -8
- package/dist/components/Table/hooks/useColumns.js +484 -182
- package/dist/components/Table/hooks/useDropRef.js +2 -1
- package/dist/components/Table/hooks/useInnerPagination.js +1 -0
- package/dist/components/Table/hooks/useSelectSubtotal.d.ts +4 -0
- package/dist/components/Table/hooks/useSelectSubtotal.js +178 -0
- package/dist/components/Table/index.d.ts +7 -0
- package/dist/components/Table/table-adddel-column.d.ts +8 -5
- package/dist/components/Table/table-adddel-column.js +15 -5
- package/dist/components/Table/table-dynamic.js +63 -5
- package/dist/components/Table/table-enhance-cell.d.ts +6 -3
- package/dist/components/Table/table-enhance-cell.js +196 -109
- package/dist/components/Table/table-enhance-row.d.ts +4 -4
- package/dist/components/Table/table-enhance-row.js +10 -11
- package/dist/components/Table/table-headTooltip.d.ts +6 -0
- package/dist/components/Table/table-headTooltip.js +13 -0
- package/dist/components/Table/table-resizable-title.d.ts +4 -5
- package/dist/components/Table/table-resizable-title.js +32 -6
- package/dist/components/Table/table-sort.d.ts +11 -0
- package/dist/components/Table/table-sort.js +65 -0
- package/dist/components/Table/table.d.ts +20 -4
- package/dist/components/Table/table.js +478 -176
- package/dist/components/Table/utils/dom.d.ts +26 -0
- package/dist/components/Table/utils/dom.js +122 -0
- package/dist/components/Table/utils/filterHandle.d.ts +1 -0
- package/dist/components/Table/utils/filterHandle.js +51 -0
- package/dist/components/Table/utils/getSummaryData.d.ts +1 -0
- package/dist/components/Table/utils/getSummaryData.js +3 -1
- package/dist/components/Table/utils/shallowEqual.d.ts +2 -0
- package/dist/components/Table/utils/shallowEqual.js +34 -0
- package/dist/components/Table/utils/validate.d.ts +1 -1
- package/dist/components/Table/utils/validate.js +5 -5
- package/dist/components/TimePicker/time-picker.d.ts +0 -1
- package/dist/components/ZtIcon/index.d.ts +1 -1
- package/dist/components/business/Common/UserForgetPassword/index.js +17 -6
- package/dist/components/business/Common/UserInfo/index.js +3 -1
- package/dist/components/business/Common/UserPassword/index.d.ts +1 -0
- package/dist/components/business/Common/UserPassword/index.js +42 -14
- package/dist/components/business/Common/validatePassword.d.ts +8 -0
- package/dist/components/business/Common/validatePassword.js +168 -0
- package/dist/components/utils/index.d.ts +1 -0
- package/dist/components/utils/index.js +20 -0
- package/dist/components/utils/useLastest.d.ts +2 -0
- package/dist/components/utils/useLastest.js +6 -0
- package/dist/index.css +96 -7
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +5 -0
- 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;
|
package/dist/TableDemo/data.d.ts
CHANGED
|
@@ -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;
|
package/dist/TableDemo/data.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export var dataSource = new Array(
|
|
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 = [
|
package/dist/TableDemo/index.js
CHANGED
|
@@ -8,13 +8,14 @@ import React from 'react';
|
|
|
8
8
|
// 路由配置
|
|
9
9
|
// store
|
|
10
10
|
// 自定义组件
|
|
11
|
-
|
|
12
|
-
import EditableTable from './EditableTable';
|
|
13
|
-
import
|
|
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(
|
|
18
|
-
React.createElement(
|
|
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("
|
|
5
|
-
WeekPicker: import("
|
|
6
|
-
MonthPicker: import("
|
|
7
|
-
YearPicker: import("
|
|
8
|
-
RangePicker: import("
|
|
9
|
-
TimePicker: import("
|
|
10
|
-
QuarterPicker: import("
|
|
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
|
-
|
|
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
|
|
10
|
-
var 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.
|
|
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.
|
|
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 < '
|
|
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
|
+
};
|