ztxkui 2.5.4 → 2.5.7
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/dist/DemoCom/TableAnalyse.d.ts +6 -0
- package/dist/DemoCom/TableAnalyse.js +537 -0
- package/dist/components/EnhanceSelect/index.d.ts +5 -1
- package/dist/components/EnhanceSelect/index.js +9 -8
- package/dist/components/Table/hooks/useColumns.js +3 -1
- package/dist/components/Table/table-enhance-cell.d.ts +1 -1
- package/dist/components/Table/table-enhance-cell.js +1 -1
- package/dist/components/business/Analyse/hooks/useFields.d.ts +3 -0
- package/dist/components/business/Analyse/hooks/useFields.js +19 -0
- package/dist/components/business/Analyse/index.d.ts +27 -0
- package/dist/components/business/Analyse/index.js +204 -0
- package/dist/index.css +68 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +5 -0
- package/package.json +2 -2
|
@@ -0,0 +1,537 @@
|
|
|
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
|
+
/**
|
|
13
|
+
* @description 一个抽屉组件,提供配置字段展示信息
|
|
14
|
+
*/
|
|
15
|
+
import React, { useState, useEffect } from 'react';
|
|
16
|
+
import { Analyse, Table, Button } from '../index';
|
|
17
|
+
import { exactRound, toThousand, plus, times } from 'ztxkutils/dist/tools';
|
|
18
|
+
import dayjs from 'dayjs';
|
|
19
|
+
var fields = [
|
|
20
|
+
{
|
|
21
|
+
key: 'companyName',
|
|
22
|
+
title: '公司名称',
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
key: 'depName',
|
|
26
|
+
title: '部门名称',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
key: 'packageNo',
|
|
30
|
+
title: '系统批次号',
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
key: 'brand',
|
|
34
|
+
title: '品名',
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
key: 'texture',
|
|
38
|
+
title: '材质',
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
key: 'specification',
|
|
42
|
+
title: '规格',
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
key: 'placesteel',
|
|
46
|
+
title: '产地',
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
key: 'qualityLevelName',
|
|
50
|
+
title: '质量等级',
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
key: 'packageTypeName',
|
|
54
|
+
title: '批次类型',
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
key: 'busiNatureName',
|
|
58
|
+
title: '业务性质',
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
key: 'supplierMemberName',
|
|
62
|
+
title: '供应商名称',
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
key: 'checkinTypeName',
|
|
66
|
+
title: '入库方式',
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
key: 'pcNo',
|
|
70
|
+
title: '采购合同号',
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
key: 'pcSubNo',
|
|
74
|
+
title: '采购合同子项号',
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
key: 'poNo',
|
|
78
|
+
title: '采购订单号',
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
key: 'poSubNo',
|
|
82
|
+
title: '采购订单子项号',
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
key: 'quantityUnitName',
|
|
86
|
+
title: '数量单位',
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
key: 'currencyName',
|
|
90
|
+
title: '币种',
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
key: '0-7',
|
|
94
|
+
title: '0-7天',
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
key: '8-15',
|
|
98
|
+
title: '8-15天',
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
key: '16-30',
|
|
102
|
+
title: '16-30天',
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
key: '31-60',
|
|
106
|
+
title: '31-60天',
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
key: '61-90',
|
|
110
|
+
title: '61-90天',
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
key: '91-120',
|
|
114
|
+
title: '91-120天',
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
key: '121-180',
|
|
118
|
+
title: '121-180天',
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
key: '181-360',
|
|
122
|
+
title: '181-360天',
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
key: '361',
|
|
126
|
+
title: '≥361天',
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
key: 'availQuantity',
|
|
130
|
+
title: '库存数量',
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
key: 'availMoney',
|
|
134
|
+
title: '库存金额',
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
key: 'freeQuantity',
|
|
138
|
+
title: '库存可供数量',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
key: 'freeMoney',
|
|
142
|
+
title: '库存可供金额',
|
|
143
|
+
},
|
|
144
|
+
];
|
|
145
|
+
var rowFields = [
|
|
146
|
+
'companyName',
|
|
147
|
+
'depName',
|
|
148
|
+
'packageNo',
|
|
149
|
+
'brand',
|
|
150
|
+
'texture',
|
|
151
|
+
'specification',
|
|
152
|
+
'placesteel',
|
|
153
|
+
'qualityLevelName',
|
|
154
|
+
'packageTypeName',
|
|
155
|
+
'busiNatureName',
|
|
156
|
+
'supplierMemberName',
|
|
157
|
+
'checkinTypeName',
|
|
158
|
+
'pcNo',
|
|
159
|
+
'pcSubNo',
|
|
160
|
+
'poNo',
|
|
161
|
+
'poSubNo',
|
|
162
|
+
'quantityUnitName',
|
|
163
|
+
'currencyName',
|
|
164
|
+
];
|
|
165
|
+
var colFields = [
|
|
166
|
+
'0-7',
|
|
167
|
+
'8-15',
|
|
168
|
+
'16-30',
|
|
169
|
+
'31-60',
|
|
170
|
+
'61-90',
|
|
171
|
+
'91-120',
|
|
172
|
+
'121-180',
|
|
173
|
+
'181-360',
|
|
174
|
+
'361',
|
|
175
|
+
];
|
|
176
|
+
var valueFields = [
|
|
177
|
+
'availQuantity',
|
|
178
|
+
'availMoney',
|
|
179
|
+
'freeQuantity',
|
|
180
|
+
'freeMoney',
|
|
181
|
+
];
|
|
182
|
+
var TableAnalyse = function () {
|
|
183
|
+
var _a = useState(false), visible = _a[0], setVisible = _a[1];
|
|
184
|
+
var _b = useState([]), columns = _b[0], setColumns = _b[1];
|
|
185
|
+
var _c = useState([]), records = _c[0], setRecords = _c[1];
|
|
186
|
+
var _d = useState([]), dataSource = _d[0], setDataSource = _d[1];
|
|
187
|
+
var _e = useState({
|
|
188
|
+
rowFields: rowFields.map(function (_field) {
|
|
189
|
+
return fields.find(function (field) { return field.key === _field; });
|
|
190
|
+
}),
|
|
191
|
+
colFields: colFields.map(function (_field) {
|
|
192
|
+
return fields.find(function (field) { return field.key === _field; });
|
|
193
|
+
}),
|
|
194
|
+
valueFields: valueFields.map(function (_field) {
|
|
195
|
+
return fields.find(function (field) { return field.key === _field; });
|
|
196
|
+
}),
|
|
197
|
+
}), analyseConfig = _e[0], setAnalyseConfig = _e[1];
|
|
198
|
+
useEffect(function () {
|
|
199
|
+
fetch('http://127.0.0.1:8080/analyse-records.json')
|
|
200
|
+
.then(function (response) { return response.json(); })
|
|
201
|
+
.then(function (res) {
|
|
202
|
+
// 数据转换,将库龄数据按库龄整合起来
|
|
203
|
+
var data = getAnalyseData(res.data);
|
|
204
|
+
setRecords(data);
|
|
205
|
+
})
|
|
206
|
+
.catch(function (err) {
|
|
207
|
+
console.log(err);
|
|
208
|
+
});
|
|
209
|
+
fetch('http://127.0.0.1:8080/analyse-columns.json')
|
|
210
|
+
.then(function (response) { return response.json(); })
|
|
211
|
+
.then(function (res) {
|
|
212
|
+
setColumns(res.data);
|
|
213
|
+
})
|
|
214
|
+
.catch(function (err) {
|
|
215
|
+
console.log(err);
|
|
216
|
+
});
|
|
217
|
+
}, []);
|
|
218
|
+
/**
|
|
219
|
+
* 1. 处理表格数据、生成columns
|
|
220
|
+
*/
|
|
221
|
+
useEffect(function () {
|
|
222
|
+
console.log(analyseConfig);
|
|
223
|
+
var valueFields = analyseConfig.valueFields;
|
|
224
|
+
// 获取新的表格列配置信息
|
|
225
|
+
var newColumns = getTableColumns(analyseConfig);
|
|
226
|
+
console.log(newColumns);
|
|
227
|
+
// 获取表格数据
|
|
228
|
+
var newDataSource = getTableData(analyseConfig, records);
|
|
229
|
+
console.log(newDataSource);
|
|
230
|
+
// 数据如何进行合并
|
|
231
|
+
var columnsRender = getMergeRule(analyseConfig, newDataSource);
|
|
232
|
+
console.log(columnsRender, newDataSource);
|
|
233
|
+
// 给列加上行合并规则
|
|
234
|
+
newColumns.forEach(function (column) {
|
|
235
|
+
var key = column.key;
|
|
236
|
+
if (columnsRender[key]) {
|
|
237
|
+
column.render = function (text, row, index) {
|
|
238
|
+
var _a;
|
|
239
|
+
var obj = {
|
|
240
|
+
children: text,
|
|
241
|
+
props: {
|
|
242
|
+
rowSpan: (_a = columnsRender[key][index]) === null || _a === void 0 ? void 0 : _a.rowSpan,
|
|
243
|
+
},
|
|
244
|
+
};
|
|
245
|
+
return obj;
|
|
246
|
+
};
|
|
247
|
+
}
|
|
248
|
+
});
|
|
249
|
+
var numberArr = ['availQuantity', 'freeQuantity'];
|
|
250
|
+
// 增加汇总字段
|
|
251
|
+
newColumns.push({
|
|
252
|
+
title: '汇总',
|
|
253
|
+
dataIndex: 'ageAnalisysAll',
|
|
254
|
+
key: 'ageAnalisysAll',
|
|
255
|
+
children: valueFields.map(function (valueField) { return ({
|
|
256
|
+
title: valueField === null || valueField === void 0 ? void 0 : valueField.title,
|
|
257
|
+
width: 100,
|
|
258
|
+
dataIndex: ['ageAnalisysAll', valueField === null || valueField === void 0 ? void 0 : valueField.key],
|
|
259
|
+
key: ['ageAnalisysAll', valueField === null || valueField === void 0 ? void 0 : valueField.key],
|
|
260
|
+
render: function (text) {
|
|
261
|
+
return numberArr.includes(valueField.key)
|
|
262
|
+
? exactRound(text, 3)
|
|
263
|
+
: toThousand(exactRound(text, 2));
|
|
264
|
+
},
|
|
265
|
+
}); }),
|
|
266
|
+
});
|
|
267
|
+
setColumns(newColumns);
|
|
268
|
+
setDataSource(newDataSource);
|
|
269
|
+
}, [analyseConfig, records]);
|
|
270
|
+
var onAnalyseChangeHandle = function (rowFields, colFields, valueFields) {
|
|
271
|
+
console.log(rowFields, colFields, valueFields);
|
|
272
|
+
setAnalyseConfig({
|
|
273
|
+
rowFields: rowFields,
|
|
274
|
+
colFields: colFields,
|
|
275
|
+
valueFields: valueFields,
|
|
276
|
+
});
|
|
277
|
+
};
|
|
278
|
+
return (React.createElement(React.Fragment, null,
|
|
279
|
+
React.createElement(Button, { type: "primary", onClick: function () { return setVisible(true); } }, "\u81EA\u5B9A\u4E49\u5206\u6790"),
|
|
280
|
+
React.createElement(Table, { columns: columns, dataSource: dataSource, rowKey: "id" }),
|
|
281
|
+
React.createElement(Analyse, { fields: fields, rowFields: rowFields, colFields: colFields, valueFields: valueFields, visible: visible, onClose: function () { return setVisible(false); }, onChange: onAnalyseChangeHandle })));
|
|
282
|
+
};
|
|
283
|
+
export default TableAnalyse;
|
|
284
|
+
/**
|
|
285
|
+
* @description 计算库龄天数
|
|
286
|
+
* 根据入库方式计算
|
|
287
|
+
* 1 采购入库 2 赠送入库 3 来料入库 4 盘盈入库 5 移库入库 6 红冲入库
|
|
288
|
+
* 入库方式为移库入库 库龄天数 = 当前日期 - 最初入库日期
|
|
289
|
+
* 入库方式为采购入库、盘盈入库 库龄天数 = 当前日期 - 入库日期
|
|
290
|
+
* warehouseInDate 入库日期
|
|
291
|
+
* firstWarehouseInDate 最初入库日期
|
|
292
|
+
*/
|
|
293
|
+
function getStorageAgeDays(record) {
|
|
294
|
+
switch ((record === null || record === void 0 ? void 0 : record.checkinType) + '') {
|
|
295
|
+
case '5':
|
|
296
|
+
return dayjs().diff(dayjs(record === null || record === void 0 ? void 0 : record.firstWarehouseInDate), 'days');
|
|
297
|
+
case '1':
|
|
298
|
+
case '4':
|
|
299
|
+
return dayjs().diff(dayjs(record === null || record === void 0 ? void 0 : record.warehouseInDate), 'days');
|
|
300
|
+
default:
|
|
301
|
+
return 0;
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
/**
|
|
305
|
+
* @description 根据库龄,得到分析数据
|
|
306
|
+
* 每条数据都会对应一个入库日期
|
|
307
|
+
* 通过计算得到该条数据的库龄日期属于哪个范围,组合成程序可以理解的字段集
|
|
308
|
+
* { ...rowsFields, '0-7': { ... } }
|
|
309
|
+
* { ...rowsFields, '361': { ... } }
|
|
310
|
+
*/
|
|
311
|
+
function getAnalyseData(records) {
|
|
312
|
+
if (Array.isArray(records)) {
|
|
313
|
+
return records.map(function (record) {
|
|
314
|
+
var newRecord = __assign({}, record);
|
|
315
|
+
// 计算库龄天数
|
|
316
|
+
var ageAnalisysDays = getStorageAgeDays(record);
|
|
317
|
+
var ageAnalisysSort = {
|
|
318
|
+
availQuantity: record === null || record === void 0 ? void 0 : record.availQuantity,
|
|
319
|
+
availMoney: times(record === null || record === void 0 ? void 0 : record.availQuantity, (record === null || record === void 0 ? void 0 : record.costPrice) || 1),
|
|
320
|
+
freeQuantity: record === null || record === void 0 ? void 0 : record.freeQuantity,
|
|
321
|
+
freeMoney: times(record === null || record === void 0 ? void 0 : record.freeQuantity, (record === null || record === void 0 ? void 0 : record.costPrice) || 1),
|
|
322
|
+
};
|
|
323
|
+
if (ageAnalisysDays >= 0 && ageAnalisysDays <= 7) {
|
|
324
|
+
newRecord['0-7'] = ageAnalisysSort;
|
|
325
|
+
}
|
|
326
|
+
else if (ageAnalisysDays >= 8 && ageAnalisysDays <= 15) {
|
|
327
|
+
newRecord['8-15'] = ageAnalisysSort;
|
|
328
|
+
}
|
|
329
|
+
else if (ageAnalisysDays >= 16 && ageAnalisysDays <= 30) {
|
|
330
|
+
newRecord['16-30'] = ageAnalisysSort;
|
|
331
|
+
}
|
|
332
|
+
else if (ageAnalisysDays >= 31 && ageAnalisysDays <= 60) {
|
|
333
|
+
newRecord['31-60'] = ageAnalisysSort;
|
|
334
|
+
}
|
|
335
|
+
else if (ageAnalisysDays >= 61 && ageAnalisysDays <= 90) {
|
|
336
|
+
newRecord['61-90'] = ageAnalisysSort;
|
|
337
|
+
}
|
|
338
|
+
else if (ageAnalisysDays >= 91 && ageAnalisysDays <= 120) {
|
|
339
|
+
newRecord['91-120'] = ageAnalisysSort;
|
|
340
|
+
}
|
|
341
|
+
else if (ageAnalisysDays >= 121 && ageAnalisysDays <= 180) {
|
|
342
|
+
newRecord['121-180'] = ageAnalisysSort;
|
|
343
|
+
}
|
|
344
|
+
else if (ageAnalisysDays >= 181 && ageAnalisysDays <= 360) {
|
|
345
|
+
newRecord['181-360'] = ageAnalisysSort;
|
|
346
|
+
}
|
|
347
|
+
else if (ageAnalisysDays >= 361) {
|
|
348
|
+
newRecord['361'] = ageAnalisysSort;
|
|
349
|
+
}
|
|
350
|
+
newRecord.ageAnalisysAll = __assign({}, ageAnalisysSort);
|
|
351
|
+
return newRecord;
|
|
352
|
+
});
|
|
353
|
+
}
|
|
354
|
+
return [];
|
|
355
|
+
}
|
|
356
|
+
/**
|
|
357
|
+
* @description 根据行、列、值字段得到表格列配置信息
|
|
358
|
+
* 规格是 行字段 是基础展示字段
|
|
359
|
+
*/
|
|
360
|
+
function getTableColumns(analyseConfig) {
|
|
361
|
+
var rowFields = analyseConfig.rowFields, colFields = analyseConfig.colFields, valueFields = analyseConfig.valueFields;
|
|
362
|
+
// 行字段生成一部分表格列配置
|
|
363
|
+
var columns = rowFields.map(function (rowField) { return ({
|
|
364
|
+
width: 150,
|
|
365
|
+
title: rowField === null || rowField === void 0 ? void 0 : rowField.title,
|
|
366
|
+
dataIndex: rowField === null || rowField === void 0 ? void 0 : rowField.key,
|
|
367
|
+
key: rowField === null || rowField === void 0 ? void 0 : rowField.key,
|
|
368
|
+
}); });
|
|
369
|
+
// 列字段结合值字段生成一部分表格列配置
|
|
370
|
+
// const valueFieldsLength = valueFields.length;
|
|
371
|
+
colFields.forEach(function (colField) {
|
|
372
|
+
var column = {
|
|
373
|
+
// className: `fixed-width-header-${valueFieldsLength}`,
|
|
374
|
+
title: colField === null || colField === void 0 ? void 0 : colField.title,
|
|
375
|
+
dataIndex: colField === null || colField === void 0 ? void 0 : colField.key,
|
|
376
|
+
key: colField === null || colField === void 0 ? void 0 : colField.key,
|
|
377
|
+
};
|
|
378
|
+
if (Array.isArray(valueFields)) {
|
|
379
|
+
// 值字段中有些是按照数值格式展示的 有的是按照金额格式展示的
|
|
380
|
+
var numberArr_1 = ['availQuantity', 'freeQuantity'];
|
|
381
|
+
column.children = valueFields.map(function (valueField) { return ({
|
|
382
|
+
title: valueField === null || valueField === void 0 ? void 0 : valueField.title,
|
|
383
|
+
width: 100,
|
|
384
|
+
dataIndex: [colField === null || colField === void 0 ? void 0 : colField.key, valueField === null || valueField === void 0 ? void 0 : valueField.key],
|
|
385
|
+
key: [colField === null || colField === void 0 ? void 0 : colField.key, valueField === null || valueField === void 0 ? void 0 : valueField.key],
|
|
386
|
+
render: function (text) {
|
|
387
|
+
return numberArr_1.includes(valueField.key)
|
|
388
|
+
? exactRound(text, 3)
|
|
389
|
+
: toThousand(exactRound(text, 2));
|
|
390
|
+
},
|
|
391
|
+
}); });
|
|
392
|
+
}
|
|
393
|
+
columns.push(column);
|
|
394
|
+
});
|
|
395
|
+
return columns;
|
|
396
|
+
}
|
|
397
|
+
/**
|
|
398
|
+
* @description 根据行、列、值字段得到表格数据
|
|
399
|
+
* 这里做的是,将同一类型,但不同库龄的数据合并起来
|
|
400
|
+
* [
|
|
401
|
+
* { companyName: '测试', depName: '测试部门', '0-7': { availMoney: 1, availQuantity: 1 } },
|
|
402
|
+
* { companyName: '测试', depName: '测试部门', '361': { availMoney: 1, availQuantity: 1 } }
|
|
403
|
+
* ]
|
|
404
|
+
* 转换后
|
|
405
|
+
* [
|
|
406
|
+
* { companyName: '测试', depName: '测试部门', '0-7': { availMoney: 1, availQuantity: 1 }, '361': { availMoney: 1, availQuantity: 1 } }
|
|
407
|
+
* ]
|
|
408
|
+
*/
|
|
409
|
+
function getTableData(analyseConfig, records) {
|
|
410
|
+
var newDataSource = [];
|
|
411
|
+
if (!Array.isArray(records)) {
|
|
412
|
+
return newDataSource;
|
|
413
|
+
}
|
|
414
|
+
var rowFields = analyseConfig.rowFields, colFields = analyseConfig.colFields;
|
|
415
|
+
var _loop_1 = function (i) {
|
|
416
|
+
var item = __assign({}, records[i]);
|
|
417
|
+
if (newDataSource.length === 0) {
|
|
418
|
+
newDataSource.push(item);
|
|
419
|
+
return "continue";
|
|
420
|
+
}
|
|
421
|
+
// 如果遍历行字段发现,有一个字段值跟数据不相等,则直接返回没找到需要合并的项
|
|
422
|
+
var currentIndex = newDataSource.findIndex(function (newData, index) {
|
|
423
|
+
return !rowFields.some(function (rowField) {
|
|
424
|
+
var key = rowField.key;
|
|
425
|
+
return newData[key] !== item[key];
|
|
426
|
+
});
|
|
427
|
+
});
|
|
428
|
+
if (currentIndex !== -1) {
|
|
429
|
+
var mergeData_1 = newDataSource[currentIndex];
|
|
430
|
+
// 遍历列数据 判断新数据是否有当前列
|
|
431
|
+
colFields.forEach(function (colField) {
|
|
432
|
+
var key = colField.key;
|
|
433
|
+
if (item[key]) {
|
|
434
|
+
mergeData_1[key] = mergeData_1[key]
|
|
435
|
+
? mergeDataFn(mergeData_1[key], item[key])
|
|
436
|
+
: item[key];
|
|
437
|
+
}
|
|
438
|
+
});
|
|
439
|
+
return "continue";
|
|
440
|
+
}
|
|
441
|
+
newDataSource.push(item);
|
|
442
|
+
};
|
|
443
|
+
// 开始遍历数据,根据配置信息进行相应处理
|
|
444
|
+
for (var i = 0; i < records.length; i++) {
|
|
445
|
+
_loop_1(i);
|
|
446
|
+
}
|
|
447
|
+
return newDataSource;
|
|
448
|
+
}
|
|
449
|
+
// 将两个数据下面的值 合并相加 得到新数据
|
|
450
|
+
function mergeDataFn(data1, data2) {
|
|
451
|
+
Object.keys(data1).forEach(function (key) {
|
|
452
|
+
data1[key] = plus(data1[key], data2[key]);
|
|
453
|
+
});
|
|
454
|
+
return data1;
|
|
455
|
+
}
|
|
456
|
+
/**
|
|
457
|
+
* @description 得到合并规则,计算行合并,列合并规则,这个方法改变了传进来的数据
|
|
458
|
+
* [{ companyName: "测试公司" }, { companyName: "测试公司" }]
|
|
459
|
+
* ===> [{ name: "测试公司", rowSpan: 2 }, { name: "测试公司", rowSpan: 0 }]
|
|
460
|
+
* [{ companyName: "测试公司" }, { companyName: "测试公司1" }]
|
|
461
|
+
* ===> [{ name: "测试公司", rowSpan: 1 }, { name: "测试公司1", rowSpan: 1 }]
|
|
462
|
+
*/
|
|
463
|
+
function getMergeRule(analyseConfig, records) {
|
|
464
|
+
var rowFields = analyseConfig.rowFields, colFields = analyseConfig.colFields, valueFields = analyseConfig.valueFields;
|
|
465
|
+
// 数据如何进行行合并
|
|
466
|
+
var columnsRender = {};
|
|
467
|
+
records.forEach(function (item, index) {
|
|
468
|
+
rowFields.forEach(function (rowField) {
|
|
469
|
+
var key = rowField.key;
|
|
470
|
+
if (columnsRender[key]) {
|
|
471
|
+
var preIndex = index - 1;
|
|
472
|
+
var lastColumnsRender = columnsRender[key][preIndex];
|
|
473
|
+
// 如果联系两个相同的,会继续往前累加,做行合并
|
|
474
|
+
/**
|
|
475
|
+
* [{ companyName: "测试公司" }, { companyName: "测试公司" }, { companyName: "测试公司" }]
|
|
476
|
+
* ===> [{ name: "测试公司", rowSpan: 2 }, { name: "测试公司", rowSpan: 0 }]
|
|
477
|
+
* ===> [{ name: "测试公司", rowSpan: 3 }, { name: "测试公司", rowSpan: 0 }, { name: "测试公司", rowSpan: 0 }]
|
|
478
|
+
*/
|
|
479
|
+
while (lastColumnsRender.name === item[key] &&
|
|
480
|
+
lastColumnsRender.rowSpan === 0) {
|
|
481
|
+
preIndex--;
|
|
482
|
+
lastColumnsRender = columnsRender[key][preIndex];
|
|
483
|
+
}
|
|
484
|
+
if (preIndex === index - 1) {
|
|
485
|
+
if (lastColumnsRender.name === item[key]) {
|
|
486
|
+
lastColumnsRender.rowSpan = lastColumnsRender.rowSpan + 1;
|
|
487
|
+
columnsRender[key].push({
|
|
488
|
+
name: item[key],
|
|
489
|
+
rowSpan: 0,
|
|
490
|
+
});
|
|
491
|
+
}
|
|
492
|
+
else {
|
|
493
|
+
columnsRender[key].push({
|
|
494
|
+
name: item[key],
|
|
495
|
+
rowSpan: 1,
|
|
496
|
+
});
|
|
497
|
+
}
|
|
498
|
+
}
|
|
499
|
+
else {
|
|
500
|
+
lastColumnsRender.rowSpan = lastColumnsRender.rowSpan + 1;
|
|
501
|
+
columnsRender[key].push({
|
|
502
|
+
name: item[key],
|
|
503
|
+
rowSpan: 0,
|
|
504
|
+
});
|
|
505
|
+
}
|
|
506
|
+
}
|
|
507
|
+
else {
|
|
508
|
+
// 记录当前列,对应的数组
|
|
509
|
+
/**
|
|
510
|
+
* {
|
|
511
|
+
* "companyName": [{ name: "测试公司", rowSpan: 1 }]
|
|
512
|
+
* }
|
|
513
|
+
*/
|
|
514
|
+
columnsRender[key] = [
|
|
515
|
+
{
|
|
516
|
+
name: item[key],
|
|
517
|
+
rowSpan: 1,
|
|
518
|
+
},
|
|
519
|
+
];
|
|
520
|
+
}
|
|
521
|
+
});
|
|
522
|
+
// 数据汇总计算
|
|
523
|
+
item.ageAnalisysAll = {};
|
|
524
|
+
colFields.forEach(function (colField) {
|
|
525
|
+
var colKey = colField.key;
|
|
526
|
+
if (item[colKey]) {
|
|
527
|
+
valueFields.forEach(function (valueField) {
|
|
528
|
+
var valueKey = valueField.key;
|
|
529
|
+
item.ageAnalisysAll[valueKey] = item.ageAnalisysAll[valueKey]
|
|
530
|
+
? plus(item.ageAnalisysAll[valueKey], item[colKey][valueKey])
|
|
531
|
+
: item[colKey][valueKey];
|
|
532
|
+
});
|
|
533
|
+
}
|
|
534
|
+
});
|
|
535
|
+
});
|
|
536
|
+
return columnsRender;
|
|
537
|
+
}
|
|
@@ -25,6 +25,10 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
|
|
|
25
25
|
* 请求方式
|
|
26
26
|
*/
|
|
27
27
|
method?: string;
|
|
28
|
+
/**
|
|
29
|
+
* 超时时间
|
|
30
|
+
*/
|
|
31
|
+
timeout?: number;
|
|
28
32
|
/**
|
|
29
33
|
* 下拉框选中值对应的KEY
|
|
30
34
|
*/
|
|
@@ -111,6 +115,6 @@ export interface IProps<T> extends Omit<SelectProps<T>, 'onChange'> {
|
|
|
111
115
|
* { code: 200, data: { records: [] } } || { status: 200, data: { code: 200, data: { records: [] } } }
|
|
112
116
|
* 如果数据不能在接口层面满足以上形式,那么组件提供transformData属性,转换接口数据格式
|
|
113
117
|
*/
|
|
114
|
-
declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, joinKey, joinStr, mustHasParams, disabledValues, ...restProps }: IProps<VT>): JSX.Element;
|
|
118
|
+
declare function EnhanceSelect<VT extends SelectValue = SelectValue>({ list, defaultList, params, url, method, timeout, dataKey, componentKey, titleKey, showAll, isCatch, onCompleted, onChange, request, remoteSearch, remoteSearchKey, remoteSearchDataKey, isRemoteSearchDataKey, transformData, joinKey, joinStr, mustHasParams, disabledValues, ...restProps }: IProps<VT>): JSX.Element;
|
|
115
119
|
declare const _default: React.MemoExoticComponent<typeof EnhanceSelect>;
|
|
116
120
|
export default _default;
|
|
@@ -76,17 +76,17 @@ function getData(request, options) {
|
|
|
76
76
|
* 如果数据不能在接口层面满足以上形式,那么组件提供transformData属性,转换接口数据格式
|
|
77
77
|
*/
|
|
78
78
|
function EnhanceSelect(_a) {
|
|
79
|
-
var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.dataKey, dataKey =
|
|
79
|
+
var list = _a.list, defaultList = _a.defaultList, params = _a.params, url = _a.url, _b = _a.method, method = _b === void 0 ? 'GET' : _b, _c = _a.timeout, timeout = _c === void 0 ? 10000 : _c, _d = _a.dataKey, dataKey = _d === void 0 ? 'id' : _d, componentKey = _a.componentKey, _e = _a.titleKey, titleKey = _e === void 0 ? 'name' : _e, showAll = _a.showAll, isCatch = _a.isCatch, onCompleted = _a.onCompleted, onChange = _a.onChange, request = _a.request, remoteSearch = _a.remoteSearch, remoteSearchKey = _a.remoteSearchKey, remoteSearchDataKey = _a.remoteSearchDataKey, _f = _a.isRemoteSearchDataKey, isRemoteSearchDataKey = _f === void 0 ? true : _f, transformData = _a.transformData, joinKey = _a.joinKey, _g = _a.joinStr, joinStr = _g === void 0 ? '-' : _g, mustHasParams = _a.mustHasParams, disabledValues = _a.disabledValues, restProps = __rest(_a, ["list", "defaultList", "params", "url", "method", "timeout", "dataKey", "componentKey", "titleKey", "showAll", "isCatch", "onCompleted", "onChange", "request", "remoteSearch", "remoteSearchKey", "remoteSearchDataKey", "isRemoteSearchDataKey", "transformData", "joinKey", "joinStr", "mustHasParams", "disabledValues"]);
|
|
80
80
|
// 下拉数据源
|
|
81
|
-
var
|
|
81
|
+
var _h = useFetchState([]), selectList = _h[0], setSelectList = _h[1];
|
|
82
82
|
// 多选时,自己需要合并的数据
|
|
83
|
-
var
|
|
84
|
-
var
|
|
83
|
+
var _j = useFetchState([]), multipleList = _j[0], setMultipleList = _j[1];
|
|
84
|
+
var _k = useFetchState(false), loading = _k[0], setLoading = _k[1];
|
|
85
85
|
var fetchId = useRef(0); // 请求Id,每次请求都会加1
|
|
86
86
|
// 是否使用过远程搜索主键key
|
|
87
|
-
var
|
|
87
|
+
var _l = useFetchState(false), firstLoading = _l[0], setFirstLoading = _l[1];
|
|
88
88
|
// 第一次清空时,才做远程查询
|
|
89
|
-
var
|
|
89
|
+
var _m = useFetchState(false), firstClearData = _m[0], setFirstClearData = _m[1];
|
|
90
90
|
// 如果selectList 发生改变,那么触发onCompleted事件
|
|
91
91
|
useEffect(function () {
|
|
92
92
|
if (Array.isArray(selectList) && onCompleted) {
|
|
@@ -259,7 +259,7 @@ function EnhanceSelect(_a) {
|
|
|
259
259
|
}
|
|
260
260
|
else {
|
|
261
261
|
// 发送接口请求,并设置缓存数据
|
|
262
|
-
getDataHandle(request, { url: url, params: params, method: method }, {
|
|
262
|
+
getDataHandle(request, { url: url, params: params, method: method, timeout: timeout }, {
|
|
263
263
|
obj: catchData,
|
|
264
264
|
key: catchDataKey,
|
|
265
265
|
});
|
|
@@ -268,12 +268,13 @@ function EnhanceSelect(_a) {
|
|
|
268
268
|
}
|
|
269
269
|
else {
|
|
270
270
|
// 直接发送接口请求
|
|
271
|
-
getDataHandle(request, { url: url, params: params, method: method });
|
|
271
|
+
getDataHandle(request, { url: url, params: params, method: method, timeout: timeout });
|
|
272
272
|
}
|
|
273
273
|
}, [
|
|
274
274
|
url,
|
|
275
275
|
params,
|
|
276
276
|
method,
|
|
277
|
+
timeout,
|
|
277
278
|
request,
|
|
278
279
|
isCatch,
|
|
279
280
|
setSelectList,
|
|
@@ -64,7 +64,9 @@ function useColumns(props) {
|
|
|
64
64
|
}
|
|
65
65
|
// 添加render字段
|
|
66
66
|
if (!_column.render) {
|
|
67
|
-
_column.render = function (text, record, index) {
|
|
67
|
+
_column.render = function (text, record, index) {
|
|
68
|
+
return text == null || text === '' ? '— —' : text;
|
|
69
|
+
};
|
|
68
70
|
}
|
|
69
71
|
});
|
|
70
72
|
if (showColumnDynamic) {
|
|
@@ -11,7 +11,7 @@ export interface IEditableConfig {
|
|
|
11
11
|
maxHandle?: (record: any) => any;
|
|
12
12
|
minHandle?: (record: any) => any;
|
|
13
13
|
/**是否禁用 */
|
|
14
|
-
disabledHandle?: (record: any) => boolean;
|
|
14
|
+
disabledHandle?: (record: any, index?: number) => boolean;
|
|
15
15
|
/**数字输入框的转换类型:内置 货币和百分比 */
|
|
16
16
|
formatterType?: IFormatterType;
|
|
17
17
|
/**货币的前缀 可以为 $ 或 ¥ */
|
|
@@ -157,7 +157,7 @@ var TableEnhanceCell = memo(function (_a) {
|
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
if (disabledHandle && disabledHandle instanceof Function) {
|
|
160
|
-
disabledResult = disabledHandle(record);
|
|
160
|
+
disabledResult = disabledHandle(record, index);
|
|
161
161
|
}
|
|
162
162
|
// 处理各种类型
|
|
163
163
|
if (type === 'select') {
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description 得到字段集
|
|
3
|
+
*/
|
|
4
|
+
import { useEffect, useState } from 'react';
|
|
5
|
+
export default function useFields(fields, keyFields) {
|
|
6
|
+
var _a = useState([]), insideFields = _a[0], setInsideFields = _a[1];
|
|
7
|
+
useEffect(function () {
|
|
8
|
+
if (!fields) {
|
|
9
|
+
return;
|
|
10
|
+
}
|
|
11
|
+
if (!keyFields) {
|
|
12
|
+
setInsideFields(fields);
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
setInsideFields(fields.filter(function (field) { return keyFields.includes(field.key); }));
|
|
16
|
+
}
|
|
17
|
+
}, [fields, keyFields]);
|
|
18
|
+
return [insideFields, setInsideFields];
|
|
19
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description 一个抽屉组件,提供配置字段展示信息
|
|
3
|
+
*/
|
|
4
|
+
import React from 'react';
|
|
5
|
+
export interface IFieldProp {
|
|
6
|
+
key: string;
|
|
7
|
+
title: string;
|
|
8
|
+
}
|
|
9
|
+
interface IProps {
|
|
10
|
+
/**抽屉是否显示 */
|
|
11
|
+
visible?: boolean;
|
|
12
|
+
/**抽屉关闭事件 */
|
|
13
|
+
onClose?: any;
|
|
14
|
+
/**自定义分析需要的配置信息 */
|
|
15
|
+
/**所有字段信息 */
|
|
16
|
+
fields: IFieldProp[];
|
|
17
|
+
/**行字段信息 */
|
|
18
|
+
rowFields: string[];
|
|
19
|
+
/**列字段信息 */
|
|
20
|
+
colFields: string[];
|
|
21
|
+
/**值字段信息 */
|
|
22
|
+
valueFields: string[];
|
|
23
|
+
/**修改数据 */
|
|
24
|
+
onChange?: (rowFields: IFieldProp[], colFields: IFieldProp[], valueFields: IFieldProp[]) => void;
|
|
25
|
+
}
|
|
26
|
+
declare const Analyse: React.FC<IProps>;
|
|
27
|
+
export default Analyse;
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description 一个抽屉组件,提供配置字段展示信息
|
|
3
|
+
*/
|
|
4
|
+
import React, { useCallback, useState, useEffect } from 'react';
|
|
5
|
+
// redux
|
|
6
|
+
// ztxkui公共组件
|
|
7
|
+
import { Drawer, Button, Sortable, Checkbox } from '../../../index';
|
|
8
|
+
import { DndProvider } from 'react-dnd';
|
|
9
|
+
import { HTML5Backend } from 'react-dnd-html5-backend';
|
|
10
|
+
// 路由配置
|
|
11
|
+
// store
|
|
12
|
+
// 自定义组件
|
|
13
|
+
// 其他文件
|
|
14
|
+
import update from 'immutability-helper';
|
|
15
|
+
import useFields from './hooks/useFields';
|
|
16
|
+
// 得到当前拥有的字段值
|
|
17
|
+
function getFields(fields, keyFields) {
|
|
18
|
+
return fields.filter(function (field) { return keyFields.includes(field.key); });
|
|
19
|
+
}
|
|
20
|
+
// 判断是否相等
|
|
21
|
+
function isFieldsEqual(currentFields, fields) {
|
|
22
|
+
if (currentFields.length !== fields.length) {
|
|
23
|
+
return false;
|
|
24
|
+
}
|
|
25
|
+
if (!currentFields.some(function (currentField) {
|
|
26
|
+
return fields.some(function (field) { return field.key === currentField.key; });
|
|
27
|
+
})) {
|
|
28
|
+
return false;
|
|
29
|
+
}
|
|
30
|
+
return true;
|
|
31
|
+
}
|
|
32
|
+
var Analyse = function (_a) {
|
|
33
|
+
var visible = _a.visible, onClose = _a.onClose, fields = _a.fields, rowFields = _a.rowFields, colFields = _a.colFields, valueFields = _a.valueFields, onChange = _a.onChange;
|
|
34
|
+
// 组件内使用的字段集
|
|
35
|
+
var insideFields = useFields(fields)[0];
|
|
36
|
+
// 组件内使用的行字段集
|
|
37
|
+
var _b = useFields(fields, rowFields), insideRowFields = _b[0], setInsideRowFields = _b[1];
|
|
38
|
+
// 组件内使用的列字段集
|
|
39
|
+
var _c = useFields(fields, colFields), insideColFields = _c[0], setInsideColFields = _c[1];
|
|
40
|
+
// 组件内使用的值字段集
|
|
41
|
+
var _d = useFields(fields, valueFields), insideValueFields = _d[0], setInsideValueFields = _d[1];
|
|
42
|
+
// 当前需要展示的值
|
|
43
|
+
var _e = useState([]), checkedList = _e[0], setCheckedList = _e[1];
|
|
44
|
+
// 默认展示所有
|
|
45
|
+
useEffect(function () {
|
|
46
|
+
if (Array.isArray(fields)) {
|
|
47
|
+
setCheckedList(fields.map(function (field) { return field.key; }));
|
|
48
|
+
}
|
|
49
|
+
}, [fields]);
|
|
50
|
+
/**
|
|
51
|
+
* @description 切换展示字段
|
|
52
|
+
*/
|
|
53
|
+
var onChangeHandle = function (checkedValues) {
|
|
54
|
+
setCheckedList(checkedValues);
|
|
55
|
+
// 得到当前需要展示的字段
|
|
56
|
+
var currentFields = fields.filter(function (field) {
|
|
57
|
+
return checkedValues.includes(field.key);
|
|
58
|
+
});
|
|
59
|
+
// 判断是否需要更新行、列、值字段的显示
|
|
60
|
+
// 这里的判断提交定为
|
|
61
|
+
// 当前字段长度 等于 需要展示的字段
|
|
62
|
+
// 当前字段元素 包含 需要展示的字段
|
|
63
|
+
// 不需要两边顺序完全一致
|
|
64
|
+
var currentRowFields = getFields(currentFields, rowFields);
|
|
65
|
+
if (!isFieldsEqual(currentRowFields, insideRowFields)) {
|
|
66
|
+
setInsideRowFields(currentRowFields);
|
|
67
|
+
}
|
|
68
|
+
var currentColFields = getFields(currentFields, colFields);
|
|
69
|
+
if (!isFieldsEqual(currentColFields, insideColFields)) {
|
|
70
|
+
setInsideColFields(currentColFields);
|
|
71
|
+
}
|
|
72
|
+
var currentValueFields = getFields(currentFields, valueFields);
|
|
73
|
+
if (!isFieldsEqual(currentValueFields, insideValueFields)) {
|
|
74
|
+
setInsideValueFields(currentValueFields);
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
/**
|
|
78
|
+
* @description 顺序调整
|
|
79
|
+
*/
|
|
80
|
+
var onOrderHandle = function (type) {
|
|
81
|
+
var currentFields = fields.filter(function (field) {
|
|
82
|
+
return checkedList === null || checkedList === void 0 ? void 0 : checkedList.includes(field.key);
|
|
83
|
+
});
|
|
84
|
+
if (type === 'row') {
|
|
85
|
+
var currentRowFields = getFields(currentFields, rowFields);
|
|
86
|
+
setInsideRowFields(currentRowFields);
|
|
87
|
+
}
|
|
88
|
+
else if (type === 'col') {
|
|
89
|
+
var currentColFields = getFields(currentFields, colFields);
|
|
90
|
+
setInsideColFields(currentColFields);
|
|
91
|
+
}
|
|
92
|
+
else if (type === 'value') {
|
|
93
|
+
var currentValueFields = getFields(currentFields, valueFields);
|
|
94
|
+
setInsideValueFields(currentValueFields);
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
/**
|
|
98
|
+
* @description 取消
|
|
99
|
+
*/
|
|
100
|
+
var onCloseHandle = function () {
|
|
101
|
+
onClose && onClose();
|
|
102
|
+
};
|
|
103
|
+
/**
|
|
104
|
+
* @description 重置 所有回到初始状态,包括选中项,行列的排序
|
|
105
|
+
*/
|
|
106
|
+
var onResetHandle = function () {
|
|
107
|
+
// 重置选中项
|
|
108
|
+
setCheckedList(fields.map(function (field) { return field.key; }));
|
|
109
|
+
// 重置行字段
|
|
110
|
+
var currentRowFields = getFields(fields, rowFields);
|
|
111
|
+
setInsideRowFields(currentRowFields);
|
|
112
|
+
// 重置列字段
|
|
113
|
+
var currentColFields = getFields(fields, colFields);
|
|
114
|
+
setInsideColFields(currentColFields);
|
|
115
|
+
// 重置行字段
|
|
116
|
+
var currentValueFields = getFields(fields, valueFields);
|
|
117
|
+
setInsideValueFields(currentValueFields);
|
|
118
|
+
onChange &&
|
|
119
|
+
onChange(currentRowFields, currentColFields, currentValueFields);
|
|
120
|
+
onClose && onClose();
|
|
121
|
+
};
|
|
122
|
+
/**
|
|
123
|
+
* @description 确定 通知上层组件当前配置状态
|
|
124
|
+
*/
|
|
125
|
+
var onSureHandle = function () {
|
|
126
|
+
onChange && onChange(insideRowFields, insideColFields, insideValueFields);
|
|
127
|
+
onClose && onClose();
|
|
128
|
+
};
|
|
129
|
+
/**
|
|
130
|
+
* @description 行、列、值字段拖拽事件
|
|
131
|
+
*/
|
|
132
|
+
var onRowMoveItem = useCallback(function (dragIndex, hoverIndex) {
|
|
133
|
+
setInsideRowFields(function (preFields) {
|
|
134
|
+
return update(preFields, {
|
|
135
|
+
$splice: [
|
|
136
|
+
[dragIndex, 1],
|
|
137
|
+
[hoverIndex, 0, preFields[dragIndex]],
|
|
138
|
+
],
|
|
139
|
+
});
|
|
140
|
+
});
|
|
141
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
142
|
+
}, []);
|
|
143
|
+
var onColMoveItem = useCallback(function (dragIndex, hoverIndex) {
|
|
144
|
+
setInsideColFields(function (preFields) {
|
|
145
|
+
return update(preFields, {
|
|
146
|
+
$splice: [
|
|
147
|
+
[dragIndex, 1],
|
|
148
|
+
[hoverIndex, 0, preFields[dragIndex]],
|
|
149
|
+
],
|
|
150
|
+
});
|
|
151
|
+
});
|
|
152
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
153
|
+
}, []);
|
|
154
|
+
var onValueMoveItem = useCallback(function (dragIndex, hoverIndex) {
|
|
155
|
+
setInsideValueFields(function (preFields) {
|
|
156
|
+
return update(preFields, {
|
|
157
|
+
$splice: [
|
|
158
|
+
[dragIndex, 1],
|
|
159
|
+
[hoverIndex, 0, preFields[dragIndex]],
|
|
160
|
+
],
|
|
161
|
+
});
|
|
162
|
+
});
|
|
163
|
+
},
|
|
164
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
165
|
+
[]);
|
|
166
|
+
/**
|
|
167
|
+
* @description 底部按钮
|
|
168
|
+
*/
|
|
169
|
+
var footerDom = function () { return (React.createElement(React.Fragment, null,
|
|
170
|
+
React.createElement(Button, { type: "default", onClick: onCloseHandle }, "\u53D6\u6D88"),
|
|
171
|
+
React.createElement(Button, { type: "default", onClick: onResetHandle }, "\u91CD\u7F6E"),
|
|
172
|
+
React.createElement(Button, { type: "primary", onClick: onSureHandle }, "\u786E\u5B9A"))); };
|
|
173
|
+
return (React.createElement(Drawer, { title: "\u81EA\u5B9A\u4E49\u5206\u6790\u8BBE\u7F6E", placement: "right", width: 500, visible: visible, closable: false, maskClosable: false, footer: footerDom(), className: "analyse-drawer" },
|
|
174
|
+
React.createElement("div", { className: "analyse-container" },
|
|
175
|
+
React.createElement("div", { className: "analyse-container__left" },
|
|
176
|
+
React.createElement("div", { className: "analyse-fields--header" }, "\u9009\u62E9\u9700\u8981\u5C55\u793A\u7684\u5B57\u6BB5"),
|
|
177
|
+
React.createElement(Checkbox.Group, { className: "analyse-fields---container", value: checkedList, onChange: onChangeHandle }, Array.isArray(insideFields) &&
|
|
178
|
+
insideFields.map(function (field) { return (React.createElement("div", { key: field.key },
|
|
179
|
+
React.createElement(Checkbox, { value: field.key }, field.title))); }))),
|
|
180
|
+
React.createElement(DndProvider, { backend: HTML5Backend, context: window },
|
|
181
|
+
React.createElement("div", { className: "analyse-container__right" },
|
|
182
|
+
React.createElement("div", { className: "analyse-container__right--fields" },
|
|
183
|
+
React.createElement("div", { className: "analyse-fields--header" },
|
|
184
|
+
React.createElement("span", null, "\u884C\u5B57\u6BB5"),
|
|
185
|
+
React.createElement(Button, { type: "primary", size: "small", onClick: function () { return onOrderHandle('row'); } }, "\u56DE\u5230\u521D\u59CB\u987A\u5E8F")),
|
|
186
|
+
React.createElement("div", { className: "analyse-fields---container" }, Array.isArray(insideRowFields) &&
|
|
187
|
+
insideRowFields.map(function (field, index) { return (React.createElement(Sortable, { key: field.key, id: field.key, type: "row-field", index: index, onMoveItem: onRowMoveItem },
|
|
188
|
+
React.createElement("div", null, field.title))); }))),
|
|
189
|
+
React.createElement("div", { className: "analyse-container__right--fields" },
|
|
190
|
+
React.createElement("div", { className: "analyse-fields--header" },
|
|
191
|
+
React.createElement("span", null, "\u5217\u5B57\u6BB5"),
|
|
192
|
+
React.createElement(Button, { type: "primary", size: "small", onClick: function () { return onOrderHandle('col'); } }, "\u56DE\u5230\u521D\u59CB\u987A\u5E8F")),
|
|
193
|
+
React.createElement("div", { className: "analyse-fields---container" }, Array.isArray(insideColFields) &&
|
|
194
|
+
insideColFields.map(function (field, index) { return (React.createElement(Sortable, { key: field.key, id: field.key, type: "col-field", index: index, onMoveItem: onColMoveItem },
|
|
195
|
+
React.createElement("div", null, field.title))); }))),
|
|
196
|
+
React.createElement("div", { className: "analyse-container__right--fields" },
|
|
197
|
+
React.createElement("div", { className: "analyse-fields--header" },
|
|
198
|
+
React.createElement("span", null, "\u503C\u5B57\u6BB5"),
|
|
199
|
+
React.createElement(Button, { type: "primary", size: "small", onClick: function () { return onOrderHandle('value'); } }, "\u56DE\u5230\u521D\u59CB\u987A\u5E8F")),
|
|
200
|
+
React.createElement("div", { className: "analyse-fields---container" }, Array.isArray(insideValueFields) &&
|
|
201
|
+
insideValueFields.map(function (field, index) { return (React.createElement(Sortable, { key: field.key, id: field.key, type: "value-field", index: index, onMoveItem: onValueMoveItem },
|
|
202
|
+
React.createElement("div", null, field.title))); }))))))));
|
|
203
|
+
};
|
|
204
|
+
export default Analyse;
|
package/dist/index.css
CHANGED
|
@@ -1599,4 +1599,72 @@ template {
|
|
|
1599
1599
|
color: #333333;
|
|
1600
1600
|
}
|
|
1601
1601
|
|
|
1602
|
+
.analyse-drawer .analyse-container {
|
|
1603
|
+
display: flex;
|
|
1604
|
+
justify-content: space-between;
|
|
1605
|
+
height: 100%;
|
|
1606
|
+
}
|
|
1607
|
+
.analyse-drawer .analyse-container .analyse-container__left {
|
|
1608
|
+
width: 49%;
|
|
1609
|
+
border: 1px solid #ebf3fe;
|
|
1610
|
+
display: flex;
|
|
1611
|
+
flex-direction: column;
|
|
1612
|
+
}
|
|
1613
|
+
.analyse-drawer .analyse-container .analyse-container__right {
|
|
1614
|
+
width: 49%;
|
|
1615
|
+
display: flex;
|
|
1616
|
+
flex-direction: column;
|
|
1617
|
+
height: 100%;
|
|
1618
|
+
}
|
|
1619
|
+
.analyse-drawer .analyse-container .analyse-container__right .analyse-container__right--fields {
|
|
1620
|
+
flex: 1;
|
|
1621
|
+
margin-bottom: 6px;
|
|
1622
|
+
overflow-y: auto;
|
|
1623
|
+
display: flex;
|
|
1624
|
+
flex-direction: column;
|
|
1625
|
+
border: 1px solid #ebf3fe;
|
|
1626
|
+
}
|
|
1627
|
+
.analyse-drawer .analyse-container .analyse-container__right :last-child {
|
|
1628
|
+
margin-bottom: 0;
|
|
1629
|
+
}
|
|
1630
|
+
.analyse-drawer .ant-drawer-header {
|
|
1631
|
+
padding: 10px 24px;
|
|
1632
|
+
}
|
|
1633
|
+
.analyse-drawer .ant-drawer-body {
|
|
1634
|
+
padding: 10px;
|
|
1635
|
+
}
|
|
1636
|
+
.analyse-drawer .ant-drawer-body .ant-checkbox-group {
|
|
1637
|
+
width: 100%;
|
|
1638
|
+
}
|
|
1639
|
+
.analyse-drawer .ant-drawer-footer {
|
|
1640
|
+
padding: 0;
|
|
1641
|
+
display: flex;
|
|
1642
|
+
justify-content: space-between;
|
|
1643
|
+
border-top: none;
|
|
1644
|
+
}
|
|
1645
|
+
.analyse-drawer .ant-drawer-footer > button {
|
|
1646
|
+
width: 33%;
|
|
1647
|
+
height: 40px;
|
|
1648
|
+
border: none;
|
|
1649
|
+
border-radius: 0;
|
|
1650
|
+
}
|
|
1651
|
+
.analyse-drawer .analyse-fields--header {
|
|
1652
|
+
font-size: 13px;
|
|
1653
|
+
line-height: 20px;
|
|
1654
|
+
padding: 4px 10px;
|
|
1655
|
+
font-weight: 600;
|
|
1656
|
+
display: flex;
|
|
1657
|
+
justify-content: space-between;
|
|
1658
|
+
}
|
|
1659
|
+
.analyse-drawer .analyse-fields---container {
|
|
1660
|
+
flex: 1;
|
|
1661
|
+
overflow-y: auto;
|
|
1662
|
+
padding: 0 10px;
|
|
1663
|
+
}
|
|
1664
|
+
.analyse-drawer .analyse-fields---container > div {
|
|
1665
|
+
height: 26px;
|
|
1666
|
+
line-height: 26px;
|
|
1667
|
+
padding: 0;
|
|
1668
|
+
}
|
|
1669
|
+
|
|
1602
1670
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/index.scss","../src/styles/_variables.scss","../src/styles/_reboot.scss","../src/components/Button/_style.scss","../src/components/Tabs/_style.scss","../src/components/Modal/_style.scss","../src/components/Pagination/_style.scss","../src/components/business/Container/_style.scss","../src/components/business/SearchContainer/_style.scss","../src/components/business/Footer/_style.scss","../src/components/Table/_style.scss","../src/components/Select/_style.scss","../src/components/Sortable/_style.scss","../src/components/business/List/_styles.scss","../src/components/Upload/_style.scss","../src/components/business/DetailHeader/_style.scss","../src/components/business/DetailCard/_style.scss","../src/components/business/DetailList/_style.scss","../src/components/Collapse/_style.scss","../src/components/business/GridList/_styles.scss","../src/components/Timeline/_styles.scss","../src/components/Tag/_style.scss","../src/components/business/NewList/_styles.scss"],"names":[],"mappings":"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EAQjB,QARiB;;AASjB;EACE,OAVe;EAWf,QAXe;EAYf,aAZe;EAaf;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;;ACjCN;EACE,WLsCa;;AKrCb;EACE;EACA;EACA;EACA,OLHG;EKIH;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA,YLlBA;;AKsBF;EACE;EACA,OLxBA;EKyBA,YLjCE;;AKoCN;EACE;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EAGE;EACA,OL1CE;EK2CF,YLnDI;;AKoDJ;EACE,OL7CA;;AKiDN;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIE;EACE;EACA;EACA;EACA,YLjEA;;AKqEF;EACE;EACA,OLvEA;EKwEA,YLhFE;;AKmFN;EACE;;AAGJ;EACE,OLvFG;;AKyFL;EACE;EACA,WLxDW;;;AMtCf;EACE;;AAEA;EACE;EACA;EACA,kBNaM;EMZN;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAUE;EACA;;AAPA;EACE,aN4BI;;AM1BN;EACE,gBNyBI;;AMrBN;EACE,cNmBG;;AMlBH;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA,WNPS;;AMQT;EACE;EACA;EACA;;;AClDR;EACE;EACA;EACA;EACA,YPMM;EOLN;;AACA;EACE,YPFS;EOGT;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;AAiEA;AAwBA;AAyCA;AAUA;AAYA;AAUA;AAaA;AAaA;;AA3LA;EACE;AA8BA;;AA7BA;EACE;;AAEF;EACE;EACA;;AAEF;AAAA;EAIE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;AAKA;AAAA;AAAA;EAEE;;AAE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EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC7BN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;;AAEE;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;;ACzEN;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAKE;EACE;;AAIF;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;;;ACzCJ;EACE;;AAKA;EACE;;AACA;EACE;EACA;EACA;EACA,YjBZH;EiBaG;EACA;EACA;EACA;;AAMN;EACE,kBjBpBQ;;AiBwBV;EACE;EACA;EACA;EACA,YjBxBE;;AiB0BF;EACE,OjBxBG;;AiByBH;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,YjB5CE;;AiB6CF;EACE;;;ACvDN;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE,YlBhBS;;AkBmBb;EACE;EACA,WlBUW;EkBTX;EACA;;AACA;EACE;EACA;EACA;EACA,OlBzBK;EkB0BL;EACA;;AAEF;EACE;EACA;EACA;EACA,OlBjCK;;;AmBVT;EACE,OnBCG;EmBAH;EACA,kBnBDG;;AmBGL;EACE,mBnBHK;;;AoBJT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;ACfF;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAKJ;EACE,YrBRS;;AqBWb;EACE;EACA,WrBmBW;EqBlBX;;AACA;EACE;EACA;EACA,OrBfK;EqBgBL;;AAEF;EACE;;AAEF;EACE;EACA;EACA,OrBxBK","file":"index.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/index.scss","../src/styles/_variables.scss","../src/styles/_reboot.scss","../src/components/Button/_style.scss","../src/components/Tabs/_style.scss","../src/components/Modal/_style.scss","../src/components/Pagination/_style.scss","../src/components/business/Container/_style.scss","../src/components/business/SearchContainer/_style.scss","../src/components/business/Footer/_style.scss","../src/components/Table/_style.scss","../src/components/Select/_style.scss","../src/components/Sortable/_style.scss","../src/components/business/List/_styles.scss","../src/components/Upload/_style.scss","../src/components/business/DetailHeader/_style.scss","../src/components/business/DetailCard/_style.scss","../src/components/business/DetailList/_style.scss","../src/components/Collapse/_style.scss","../src/components/business/GridList/_styles.scss","../src/components/Timeline/_styles.scss","../src/components/Tag/_style.scss","../src/components/business/NewList/_styles.scss","../src/components/business/Analyse/_styles.scss"],"names":[],"mappings":"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EAQjB,QARiB;;AASjB;EACE,OAVe;EAWf,QAXe;EAYf,aAZe;EAaf;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;;ACjCN;EACE,WLsCa;;AKrCb;EACE;EACA;EACA;EACA,OLHG;EKIH;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEE;EACE;EACA;EACA;EACA;EACA;EACA,YLlBA;;AKsBF;EACE;EACA,OLxBA;EKyBA,YLjCE;;AKoCN;EACE;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EAGE;EACA,OL1CE;EK2CF,YLnDI;;AKoDJ;EACE,OL7CA;;AKiDN;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIE;EACE;EACA;EACA;EACA,YLjEA;;AKqEF;EACE;EACA,OLvEA;EKwEA,YLhFE;;AKmFN;EACE;;AAGJ;EACE,OLvFG;;AKyFL;EACE;EACA,WLxDW;;;AMtCf;EACE;;AAEA;EACE;EACA;EACA,kBNaM;EMZN;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAUE;EACA;;AAPA;EACE,aN4BI;;AM1BN;EACE,gBNyBI;;AMrBN;EACE,cNmBG;;AMlBH;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA,WNPS;;AMQT;EACE;EACA;EACA;;;AClDR;EACE;EACA;EACA;EACA,YPMM;EOLN;;AACA;EACE,YPFS;EOGT;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;AAiEA;AAwBA;AAyCA;AAUA;AAYA;AAUA;AAaA;AAaA;;AA3LA;EACE;AA8BA;;AA7BA;EACE;;AAEF;EACE;EACA;;AAEF;AAAA;EAIE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;AAEF;AAAA;EAEE;EACA;;AAKA;AAAA;AAAA;EAEE;;AAE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EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC7BN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;;AAEE;EACE;;AAGJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;;ACzEN;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAKE;EACE;;AAIF;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;;;ACzCJ;EACE;;AAKA;EACE;;AACA;EACE;EACA;EACA;EACA,YjBZH;EiBaG;EACA;EACA;EACA;;AAMN;EACE,kBjBpBQ;;AiBwBV;EACE;EACA;EACA;EACA,YjBxBE;;AiB0BF;EACE,OjBxBG;;AiByBH;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,YjB5CE;;AiB6CF;EACE;;;ACvDN;EACE;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE,YlBhBS;;AkBmBb;EACE;EACA,WlBUW;EkBTX;EACA;;AACA;EACE;EACA;EACA;EACA,OlBzBK;EkB0BL;EACA;;AAEF;EACE;EACA;EACA;EACA,OlBjCK;;;AmBVT;EACE,OnBCG;EmBAH;EACA,kBnBDG;;AmBGL;EACE,mBnBHK;;;AoBJT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;ACfF;EACE;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAKJ;EACE,YrBRS;;AqBWb;EACE;EACA,WrBmBW;EqBlBX;;AACA;EACE;EACA;EACA,OrBfK;EqBgBL;;AAEF;EACE;;AAEF;EACE;EACA;EACA,OrBxBK;;;AsBVT;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAKN;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA","file":"index.css"}
|
package/dist/index.d.ts
CHANGED
|
@@ -36,6 +36,7 @@ export { default as GridList } from './components/business/GridList';
|
|
|
36
36
|
export { default as Timeline } from './components/Timeline';
|
|
37
37
|
export { default as Tag } from './components/Tag';
|
|
38
38
|
export { UserInfo, UserPassword } from './components/business/Common';
|
|
39
|
+
export { default as Analyse } from './components/business/Analyse';
|
|
39
40
|
export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Empty, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, } from 'antd';
|
|
40
41
|
export { default as zhCN } from 'antd/lib/locale/zh_CN';
|
|
41
42
|
export { default as Icon, createFromIconfontCN } from '@ant-design/icons';
|
package/dist/index.js
CHANGED
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
// import TableDemo from './DemoCom/TableDemo';
|
|
17
17
|
// import BasicDemo from './DemoCom/BasicDemo';
|
|
18
18
|
// import FormDemo from './DemoCom/FormDemo';
|
|
19
|
+
// import TableAnalyse from './DemoCom/TableAnalyse';
|
|
19
20
|
// dayjs.locale(zhCn);
|
|
20
21
|
// ReactDOM.render(
|
|
21
22
|
// // <React.StrictMode>
|
|
@@ -55,6 +56,9 @@
|
|
|
55
56
|
// <Route exact path="/form">
|
|
56
57
|
// <FormDemo />
|
|
57
58
|
// </Route>
|
|
59
|
+
// <Route exact path="/table-analyse">
|
|
60
|
+
// <TableAnalyse />
|
|
61
|
+
// </Route>
|
|
58
62
|
// <Route exact path="/test">
|
|
59
63
|
// <div>
|
|
60
64
|
// <h1>
|
|
@@ -115,6 +119,7 @@ export { default as GridList } from './components/business/GridList';
|
|
|
115
119
|
export { default as Timeline } from './components/Timeline';
|
|
116
120
|
export { default as Tag } from './components/Tag';
|
|
117
121
|
export { UserInfo, UserPassword } from './components/business/Common';
|
|
122
|
+
export { default as Analyse } from './components/business/Analyse';
|
|
118
123
|
export { ConfigProvider, Drawer, message, Space, Grid, Divider, Dropdown, Badge, List, Result, Spin, Popconfirm, TreeSelect, Tree, Progress, Cascader, Empty, Tooltip, Descriptions, Image, Popover, Breadcrumb, Transfer, Row, Col, } from 'antd';
|
|
119
124
|
export { default as zhCN } from 'antd/lib/locale/zh_CN';
|
|
120
125
|
export { default as Icon, createFromIconfontCN } from '@ant-design/icons';
|
package/package.json
CHANGED