@teamix/pro 1.6.0-beta.6 → 1.6.1-beta
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/pro.all.min.css +1 -1
- package/dist/pro.css +1 -1
- package/dist/pro.js +1687 -532
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.xconsole.min.css +1 -1
- package/es/actions/index.d.ts +6 -6
- package/es/actions/index.js +13 -13
- package/es/form/Components/FormItem2/index.js +6 -7
- package/es/form/Components/__builtins__/hooks/useClickAway.js +1 -1
- package/es/form/Components/__builtins__/icons.js +2 -2
- package/es/form/Components/__builtins__/index.d.ts +5 -5
- package/es/form/Components/__builtins__/index.js +6 -6
- package/es/form/Components/form-layout/index.js +2 -2
- package/es/form/Components/form-layout/useResponsiveFormLayout.js +1 -1
- package/es/form/Filter/AdvancedFilter.js +1 -1
- package/es/form/Filter/index2.js +2 -2
- package/es/form/ProForm/index.d.ts +2 -2
- package/es/form/ProForm/index.js +12 -17
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/info/index.d.ts +6 -2
- package/es/info/index.js +1 -2
- package/es/info/utils/utils.d.ts +1 -1
- package/es/sidebar/utils/index.d.ts +2 -2
- package/es/table/components/Filter/index.js +3 -3
- package/es/table/components/ToolBar/index.js +1 -1
- package/es/table/index.d.ts +3 -4
- package/es/table/index.js +105 -44
- package/es/table/index.scss +27 -0
- package/es/table/typing.d.ts +7 -1
- package/es/table/utils/columnRender.d.ts +1 -0
- package/es/table/utils/columnRender.js +41 -1
- package/es/table/utils/genAutoWidthColumns.d.ts +30 -0
- package/es/table/utils/genAutoWidthColumns.js +327 -0
- package/es/table/xconsole.scss +6 -0
- package/lib/actions/index.d.ts +6 -6
- package/lib/actions/index.js +11 -11
- package/lib/form/Components/FormItem2/index.js +39 -40
- package/lib/form/Components/__builtins__/icons.js +2 -2
- package/lib/form/Components/__builtins__/index.d.ts +5 -5
- package/lib/form/Components/__builtins__/index.js +27 -27
- package/lib/form/Components/form-layout/index.js +3 -3
- package/lib/form/Components/form-layout/useResponsiveFormLayout.js +1 -1
- package/lib/form/Filter/AdvancedFilter.js +1 -1
- package/lib/form/Filter/index2.js +2 -2
- package/lib/form/ProForm/index.d.ts +2 -2
- package/lib/form/ProForm/index.js +11 -16
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/info/index.d.ts +6 -2
- package/lib/info/index.js +1 -2
- package/lib/info/utils/utils.d.ts +1 -1
- package/lib/sidebar/utils/index.d.ts +2 -2
- package/lib/table/components/Filter/index.js +3 -3
- package/lib/table/components/ToolBar/index.js +1 -1
- package/lib/table/index.d.ts +3 -4
- package/lib/table/index.js +104 -43
- package/lib/table/index.scss +27 -0
- package/lib/table/typing.d.ts +7 -1
- package/lib/table/utils/columnRender.d.ts +1 -0
- package/lib/table/utils/columnRender.js +44 -3
- package/lib/table/utils/genAutoWidthColumns.d.ts +30 -0
- package/lib/table/utils/genAutoWidthColumns.js +342 -0
- package/lib/table/xconsole.scss +6 -0
- package/package.json +1 -1
- package/es/form/utils/parseSchema.d.ts +0 -3
- package/es/form/utils/parseSchema.js +0 -38
- package/es/utils/aspect.d.ts +0 -2
- package/es/utils/aspect.js +0 -60
- package/lib/form/utils/parseSchema.d.ts +0 -3
- package/lib/form/utils/parseSchema.js +0 -45
- package/lib/utils/aspect.d.ts +0 -2
- package/lib/utils/aspect.js +0 -67
@@ -0,0 +1,327 @@
|
|
1
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
2
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
4
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
5
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
6
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
7
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
8
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
9
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
10
|
+
import React, { createRef } from 'react';
|
11
|
+
import { getTargetValue } from '@teamix/utils';
|
12
|
+
import { renderCell } from './pureColumnRender';
|
13
|
+
import { renderColumnsTitle } from './columnRender';
|
14
|
+
import { ProActionGroup } from '../../actions';
|
15
|
+
import { getProFieldWidth } from '@teamix/pro-field';
|
16
|
+
import { renderCellSmartWidth } from './columnRender';
|
17
|
+
// 最大宽度
|
18
|
+
var maxColumnWidth = 600;
|
19
|
+
// 最小宽度
|
20
|
+
var minColumnWidth = 48;
|
21
|
+
// 每个列可以缩减的最大宽度
|
22
|
+
var columnShrinkMaxWidth = 100;
|
23
|
+
/**
|
24
|
+
* @param fileteredColumns
|
25
|
+
* @param ref
|
26
|
+
* @param data
|
27
|
+
* @returns
|
28
|
+
*/
|
29
|
+
export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSelection, actionColumnRef) {
|
30
|
+
if (!ref.current) {
|
31
|
+
return fileteredColumns;
|
32
|
+
}
|
33
|
+
var hasLockFlag = false;
|
34
|
+
var dom = ref.current;
|
35
|
+
var actionColumnDom = actionColumnRef === null || actionColumnRef === void 0 ? void 0 : actionColumnRef.current;
|
36
|
+
var childNodes = dom.children;
|
37
|
+
var finalColumns = [];
|
38
|
+
fileteredColumns.forEach(function (column, index) {
|
39
|
+
var render = column.render,
|
40
|
+
_column$valueType = column.valueType,
|
41
|
+
valueType = _column$valueType === void 0 ? 'text' : _column$valueType,
|
42
|
+
_column$autoWidth = column.autoWidth,
|
43
|
+
autoWidth = _column$autoWidth === void 0 ? true : _column$autoWidth,
|
44
|
+
actionSchema = column.actionSchema,
|
45
|
+
sortable = column.sortable,
|
46
|
+
lock = column.lock;
|
47
|
+
if (lock) {
|
48
|
+
hasLockFlag = true;
|
49
|
+
}
|
50
|
+
//@ts-ignore
|
51
|
+
var type = render === null || render === void 0 ? void 0 : render.type;
|
52
|
+
var finalType = type || valueType || '';
|
53
|
+
var shrink = fieldTypeShrink[finalType];
|
54
|
+
column.shrink = column.shrink || (shrink !== undefined ? shrink : 1);
|
55
|
+
//@ts-ignore
|
56
|
+
// if (!autoWidth) {
|
57
|
+
// finalColumns.push(column);
|
58
|
+
// return;
|
59
|
+
// }
|
60
|
+
if (actionSchema) {
|
61
|
+
// TODO 操作列暂时未处理,但是应该根据actionSchema的数量直接推测出操作列的宽度
|
62
|
+
// console.log('column', column);
|
63
|
+
column.shrink = 0;
|
64
|
+
// column.width = 280;
|
65
|
+
// console.log(
|
66
|
+
// 'actionColumnDom',
|
67
|
+
// actionColumnDom?.childNodes[0].scrollWidth,
|
68
|
+
// );
|
69
|
+
if (actionColumnDom === null || actionColumnDom === void 0 ? void 0 : actionColumnDom.childNodes[0]) {
|
70
|
+
//@ts-ignore
|
71
|
+
var width = actionColumnDom === null || actionColumnDom === void 0 ? void 0 : actionColumnDom.childNodes[0].scrollWidth;
|
72
|
+
if (width >= 280) {
|
73
|
+
width = 280;
|
74
|
+
}
|
75
|
+
column.width = defaultPaddingFixer(width, size, false);
|
76
|
+
}
|
77
|
+
finalColumns.push(column);
|
78
|
+
return;
|
79
|
+
}
|
80
|
+
// @ts-ignore
|
81
|
+
var titleWidth = childNodes[index].children[0].scrollWidth;
|
82
|
+
// @ts-ignore
|
83
|
+
if (fixedWidthTypeList[finalType]) {
|
84
|
+
// console.log(
|
85
|
+
// 'fixedWidthTypeList[finalType]',
|
86
|
+
// fixedWidthTypeList[finalType],
|
87
|
+
// );
|
88
|
+
// 固定宽度
|
89
|
+
column.width = defaultPaddingFixer(
|
90
|
+
// @ts-ignore
|
91
|
+
Math.max(titleWidth, fixedWidthTypeList[finalType]), size, index === 0 && useRowSelection);
|
92
|
+
// @ts-ignore
|
93
|
+
} else if (computeableWidthTypeList[finalType]) {
|
94
|
+
// 可计算宽度
|
95
|
+
column.width = defaultPaddingFixer(
|
96
|
+
// @ts-ignore
|
97
|
+
Math.max(titleWidth, computeableWidthTypeList[finalType](data, render)), size, index === 0 && useRowSelection);
|
98
|
+
} else {
|
99
|
+
// 直接根据 dom 计算
|
100
|
+
column.width = defaultPaddingFixer(Math.max(titleWidth,
|
101
|
+
// @ts-ignore
|
102
|
+
calcWidthWithParentDOM(childNodes[index], column.shrink)), size, index === 0 && useRowSelection);
|
103
|
+
}
|
104
|
+
if (index === 0) {
|
105
|
+
// 首列不会被挤占
|
106
|
+
column.shrink = 0;
|
107
|
+
}
|
108
|
+
finalColumns.push(column);
|
109
|
+
});
|
110
|
+
if (!hasLockFlag) {
|
111
|
+
// 如果没有锁列的情况,需要将所有列放到一屏内,此时需要将所有列放到一起计算一次
|
112
|
+
var containerWidth = dom.offsetWidth;
|
113
|
+
var comboColumns = calcMultiColumnLength(finalColumns, useRowSelection ? containerWidth - 50 : containerWidth);
|
114
|
+
return comboColumns;
|
115
|
+
}
|
116
|
+
return finalColumns;
|
117
|
+
}
|
118
|
+
export var shadowContainer = function shadowContainer(props) {
|
119
|
+
var ref = /*#__PURE__*/createRef();
|
120
|
+
var columns = props.columns,
|
121
|
+
data = props.data,
|
122
|
+
shadowContainerRef = props.shadowContainerRef;
|
123
|
+
return /*#__PURE__*/React.createElement("div", {
|
124
|
+
ref: shadowContainerRef,
|
125
|
+
className: "teamix-pro-table-shadow-container"
|
126
|
+
}, columns.map(function (column, index) {
|
127
|
+
var dataIndex = column.dataIndex,
|
128
|
+
valueType = column.valueType;
|
129
|
+
if (!(column === null || column === void 0 ? void 0 : column.actionSchema)) {
|
130
|
+
return /*#__PURE__*/React.createElement("div", {
|
131
|
+
className: "teamix-pro-table-shadow-container-columns",
|
132
|
+
key: index
|
133
|
+
}, /*#__PURE__*/React.createElement("div", null, renderColumnsTitle(column, ref)),
|
134
|
+
//@ts-ignore
|
135
|
+
!computeableWidthTypeList[valueType] &&
|
136
|
+
//@ts-ignore
|
137
|
+
!fixedWidthTypeList[valueType] && data.map(function (item, index) {
|
138
|
+
// @ts-ignore
|
139
|
+
column.smartWidth = renderCellSmartWidth(getValueFromRecord(dataIndex, item), column, index, item);
|
140
|
+
return renderCell(getValueFromRecord(dataIndex, item), column, index, item);
|
141
|
+
}));
|
142
|
+
}
|
143
|
+
}));
|
144
|
+
};
|
145
|
+
export var shadowActionColumnContainer = function shadowActionColumnContainer(columns, shadowActionColumnContainerRef) {
|
146
|
+
var actionColumn = columns.find(function (column) {
|
147
|
+
return column === null || column === void 0 ? void 0 : column.actionSchema;
|
148
|
+
});
|
149
|
+
if (actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.actionSchema) {
|
150
|
+
return /*#__PURE__*/React.createElement("div", {
|
151
|
+
ref: shadowActionColumnContainerRef,
|
152
|
+
className: "teamix-pro-table-action-column-shadow-container"
|
153
|
+
}, /*#__PURE__*/React.createElement(ProActionGroup, _objectSpread(_objectSpread({
|
154
|
+
type: "text"
|
155
|
+
}, actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.actionSchema), {}, {
|
156
|
+
context: _objectSpread({}, actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.actionSchema.context)
|
157
|
+
})));
|
158
|
+
}
|
159
|
+
};
|
160
|
+
// 计算操作列的宽度
|
161
|
+
function getValueFromRecord(dataIndex, record) {
|
162
|
+
if (!dataIndex) {
|
163
|
+
return null;
|
164
|
+
}
|
165
|
+
if (Array.isArray(dataIndex)) {
|
166
|
+
var value = dataIndex.map(function (item) {
|
167
|
+
return getTargetValue("{{".concat(item, "}}"), _objectSpread(_objectSpread({}, record), {}, {
|
168
|
+
record: record
|
169
|
+
}));
|
170
|
+
});
|
171
|
+
return value;
|
172
|
+
} else {
|
173
|
+
var result = record;
|
174
|
+
var array = dataIndex.split('.');
|
175
|
+
array.forEach(function (item) {
|
176
|
+
return result = result ? result[item] : undefined;
|
177
|
+
});
|
178
|
+
return result;
|
179
|
+
}
|
180
|
+
}
|
181
|
+
// TODO 某些可以直接算出结果的 profield 类型白名单,待补充,每个类型下支持一个函数,用当前值和渲染类型算出一个结果
|
182
|
+
export var computeableWidthTypeList = {
|
183
|
+
dateTime: function dateTime(data, render) {
|
184
|
+
var result = getProFieldWidth('dateTime', render);
|
185
|
+
// @ts-ignore
|
186
|
+
return (result === null || result === void 0 ? void 0 : result.minWidth) || 0;
|
187
|
+
}
|
188
|
+
};
|
189
|
+
// TODO 某些固定宽度的 profield 类型白名单,这里的数据可能需要综合考虑 dataFold 和 render.rows
|
190
|
+
export var fixedWidthTypeList = {
|
191
|
+
// 时间日期
|
192
|
+
// dateTime: 142,
|
193
|
+
// dateMonth: 74, // 60
|
194
|
+
// dateWeek: 74,
|
195
|
+
// date: 100,
|
196
|
+
// dateYear: 46,
|
197
|
+
// dateQuarter: 64,
|
198
|
+
// dateRange: 212,
|
199
|
+
dateWeekRange: 156,
|
200
|
+
dateMonthRange: 156,
|
201
|
+
dateYearRange: 102,
|
202
|
+
dateQuarterRange: 136,
|
203
|
+
dateTimeRange: 326,
|
204
|
+
time: 38,
|
205
|
+
timeRange: 124
|
206
|
+
};
|
207
|
+
// TODO 不同类型的 profield 的 shrink,0表示不可以省略号,数字越大越容易被挤占空间
|
208
|
+
export var fieldTypeShrink = {
|
209
|
+
tag: 0,
|
210
|
+
statusTag: 0,
|
211
|
+
statusIconTag: 0,
|
212
|
+
circle: 0,
|
213
|
+
rank: 0,
|
214
|
+
progress: 0,
|
215
|
+
money: 0,
|
216
|
+
number: 0,
|
217
|
+
percent: 0,
|
218
|
+
dateTime: 0,
|
219
|
+
ip: 0
|
220
|
+
};
|
221
|
+
function calcWidthWithParentDOM(dom, shrink) {
|
222
|
+
var childNodes = _toConsumableArray(dom.children);
|
223
|
+
childNodes.shift();
|
224
|
+
return calcSingleColumnLength(childNodes.map(function (node) {
|
225
|
+
return node.scrollWidth;
|
226
|
+
}), shrink);
|
227
|
+
}
|
228
|
+
function calcSingleColumnLength() {
|
229
|
+
var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
230
|
+
var shrink = arguments.length > 1 ? arguments[1] : undefined;
|
231
|
+
if (shrink === 0) {
|
232
|
+
return Math.ceil(Math.max.apply(null, list));
|
233
|
+
}
|
234
|
+
return getConfidence90UpperBound(list);
|
235
|
+
}
|
236
|
+
/**
|
237
|
+
* 根据所有列的宽度和权重,结合总宽度,计算出各个列合适的宽度
|
238
|
+
* 目前算法:
|
239
|
+
* 当前需要的总宽度-总宽度=需要降低的宽度
|
240
|
+
* 从后往前,将shrink不为0的列,降低一些宽度到最小宽度
|
241
|
+
* 最小宽度可以用百分比去算
|
242
|
+
* TODO 当前shrink只用了0,其他的权重也要考虑一下
|
243
|
+
* @param list
|
244
|
+
* @param max
|
245
|
+
* @returns
|
246
|
+
*/
|
247
|
+
function calcMultiColumnLength() {
|
248
|
+
var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
249
|
+
var max = arguments.length > 1 ? arguments[1] : undefined;
|
250
|
+
var result = _toConsumableArray(list);
|
251
|
+
var targetList = [];
|
252
|
+
var needWidth = 0;
|
253
|
+
var canShrink = 0;
|
254
|
+
list.forEach(function (item) {
|
255
|
+
//@ts-ignore
|
256
|
+
needWidth += item.width;
|
257
|
+
if (item.shrink !== 0) {
|
258
|
+
targetList.push(item);
|
259
|
+
//@ts-ignore
|
260
|
+
canShrink += Math.min(item.width - minColumnWidth, columnShrinkMaxWidth);
|
261
|
+
}
|
262
|
+
});
|
263
|
+
var widthToBeRemoved = needWidth - max;
|
264
|
+
if (widthToBeRemoved <= 0) {
|
265
|
+
return list;
|
266
|
+
}
|
267
|
+
// TODO 超过的特别多直接加锁列,这个逻辑怎么设计
|
268
|
+
// 目前用可以缩小的宽度加起来比较一下
|
269
|
+
if (canShrink < widthToBeRemoved) {
|
270
|
+
list[0].lock = 'left';
|
271
|
+
if (list[list.length - 1].actionSchema) {
|
272
|
+
list[list.length - 1].lock = 'right';
|
273
|
+
}
|
274
|
+
return list;
|
275
|
+
}
|
276
|
+
//@ts-ignore
|
277
|
+
var sortedList = targetList.sort(function (a, b) {
|
278
|
+
return a.width - b.width;
|
279
|
+
});
|
280
|
+
var shrinkedWidth = 0;
|
281
|
+
for (var i = sortedList.length - 1; i >= 0; i--) {
|
282
|
+
if (shrinkedWidth >= widthToBeRemoved) {
|
283
|
+
break;
|
284
|
+
}
|
285
|
+
var singleShrinkedWidth = Math.min(sortedList[i].width - minColumnWidth, columnShrinkMaxWidth, widthToBeRemoved - shrinkedWidth);
|
286
|
+
sortedList[i].width = sortedList[i].width - singleShrinkedWidth;
|
287
|
+
shrinkedWidth += singleShrinkedWidth;
|
288
|
+
}
|
289
|
+
return result;
|
290
|
+
}
|
291
|
+
/**
|
292
|
+
* 修正内容放在table中默认的padding
|
293
|
+
* @param width
|
294
|
+
* @returns
|
295
|
+
*/
|
296
|
+
function defaultPaddingFixer(width) {
|
297
|
+
var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'medium';
|
298
|
+
var half = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
299
|
+
return size === 'medium' ? width + (half ? 16 : 32) + 0.5 : width + (half ? 8 : 16) + 0.5;
|
300
|
+
}
|
301
|
+
function sum() {
|
302
|
+
var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
303
|
+
return list.reduce(function (a, b) {
|
304
|
+
return a + b;
|
305
|
+
});
|
306
|
+
}
|
307
|
+
/**
|
308
|
+
* 假设样本正态分布,取 90% 置信区间的上界
|
309
|
+
* 当上界与最大值差距不大(目前是20)的时候,直接用最大值
|
310
|
+
* TODO 这里没考虑是否可以直接用标准差做评判依据,如标准差过大时,直接排序并展示前90%,或标准差很小时直接用最大值
|
311
|
+
* TODO 这里极限情况是不是会挂? 如:长度为9个100和2个10000,估计会挂,是否置信区间这个不靠谱。。。最差情况就直接展示90%的数据算了
|
312
|
+
*/
|
313
|
+
function getConfidence90UpperBound() {
|
314
|
+
var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
315
|
+
var max = Math.max.apply(null, list);
|
316
|
+
var length = list.length;
|
317
|
+
var mean = sum(list) / length;
|
318
|
+
var std = Math.sqrt(sum(list.map(function (n) {
|
319
|
+
return (n - mean) * (n - mean);
|
320
|
+
})) / length);
|
321
|
+
var interval = length > 30 ? 1.65 * std / Math.sqrt(length) : 2.2622 * std / Math.sqrt(length);
|
322
|
+
var bound = Math.ceil(mean + interval);
|
323
|
+
if (max - bound < 20) {
|
324
|
+
return Math.min(max, maxColumnWidth);
|
325
|
+
}
|
326
|
+
return Math.min(bound, maxColumnWidth);
|
327
|
+
}
|
package/lib/actions/index.d.ts
CHANGED
@@ -1,15 +1,15 @@
|
|
1
|
-
import {
|
1
|
+
import React, { ReactNode } from 'react';
|
2
2
|
import { ButtonProps } from '@alicloudfe/components/types/button';
|
3
3
|
import { MenuButtonProps } from '@alicloudfe/components/types/menu-button';
|
4
|
-
import
|
4
|
+
import { TooltipProps } from '@alicloudfe/components/types/balloon';
|
5
|
+
import { LinkAction } from './link';
|
6
|
+
import { RequestAction } from './request';
|
5
7
|
import { DialogAction } from './dialog';
|
6
8
|
import { DialogFormAction } from './dialog-form';
|
7
|
-
import { DialogInfoAction } from './dialog-info';
|
8
9
|
import { DialogTableAction } from './dialog-table';
|
9
|
-
import './
|
10
|
-
import { LinkAction } from './link';
|
10
|
+
import { DialogInfoAction } from './dialog-info';
|
11
11
|
import { PopConfirmAction } from './pop-confirm';
|
12
|
-
import
|
12
|
+
import './index.scss';
|
13
13
|
export declare type ProActionConfig = ({
|
14
14
|
type: 'dialog-form' | 'drawer-form';
|
15
15
|
} & DialogFormAction) | ({
|
package/lib/actions/index.js
CHANGED
@@ -18,28 +18,28 @@ exports.ProActionGroup = ProActionGroup;
|
|
18
18
|
exports.default = exports.ProActionMenuButton = void 0;
|
19
19
|
exports.registerActionHandler = registerActionHandler;
|
20
20
|
exports.useAction = useAction;
|
21
|
+
var _react = _interopRequireDefault(require("react"));
|
22
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
21
23
|
var _components = require("@alicloudfe/components");
|
22
24
|
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
23
25
|
var _utils = require("@teamix/utils");
|
24
|
-
var
|
25
|
-
var
|
26
|
+
var _link = require("./link");
|
27
|
+
var _request = require("./request");
|
28
|
+
var _dialog = require("./dialog");
|
26
29
|
var _confirm = require("./confirm");
|
27
30
|
var _dangerConfirm = require("./danger-confirm");
|
28
|
-
var
|
29
|
-
var
|
31
|
+
var _notice = require("./notice");
|
32
|
+
var _error = require("./error");
|
30
33
|
var _dialogForm = require("./dialog-form");
|
31
|
-
var _dialogInfo = require("./dialog-info");
|
32
34
|
var _dialogTable = require("./dialog-table");
|
35
|
+
var _dialogInfo = require("./dialog-info");
|
33
36
|
var _drawer = require("./drawer");
|
34
37
|
var _drawerForm = require("./drawer-form");
|
35
|
-
var _drawerInfo = require("./drawer-info");
|
36
38
|
var _drawerTable = require("./drawer-table");
|
37
|
-
var
|
38
|
-
require("./index.scss");
|
39
|
-
var _link = require("./link");
|
40
|
-
var _notice = require("./notice");
|
39
|
+
var _drawerInfo = require("./drawer-info");
|
41
40
|
var _popConfirm = require("./pop-confirm");
|
42
|
-
var
|
41
|
+
var _dangerPopConfirm = require("./danger-pop-confirm");
|
42
|
+
require("./index.scss");
|
43
43
|
var _quick = require("./quick");
|
44
44
|
Object.keys(_quick).forEach(function (key) {
|
45
45
|
if (key === "default" || key === "__esModule") return;
|
@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.default = exports.FormItem2 = exports.BaseItem = void 0;
|
8
|
-
var
|
9
|
-
var _core = require("@formily/core");
|
10
|
-
var _react = require("@formily/react");
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
11
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
12
|
-
var _react2 = _interopRequireWildcard(require("react"));
|
13
|
-
var _formLayout = require("../form-layout");
|
14
10
|
var _builtins__ = require("../__builtins__");
|
11
|
+
var _core = require("@formily/core");
|
12
|
+
var _react2 = require("@formily/react");
|
13
|
+
var _formLayout = require("../form-layout");
|
14
|
+
var _components = require("@alicloudfe/components");
|
15
15
|
var _excluded = ["children"];
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
17
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19
19
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
20
20
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
21
21
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
@@ -50,19 +50,19 @@ var useFormItemLayout = function useFormItemLayout(props) {
|
|
50
50
|
feedbackIcon: props.feedbackIcon,
|
51
51
|
feedbackLayout: (_ref3 = (_props$feedbackLayout = props.feedbackLayout) !== null && _props$feedbackLayout !== void 0 ? _props$feedbackLayout : layout.feedbackLayout) !== null && _ref3 !== void 0 ? _ref3 : 'loose',
|
52
52
|
tooltipLayout: (_ref4 = (_props$tooltipLayout = props.tooltipLayout) !== null && _props$tooltipLayout !== void 0 ? _props$tooltipLayout : layout.tooltipLayout) !== null && _ref4 !== void 0 ? _ref4 : 'icon',
|
53
|
-
tooltipIcon: (_ref5 = (_props$tooltipIcon = props.tooltipIcon) !== null && _props$tooltipIcon !== void 0 ? _props$tooltipIcon : layout.tooltipIcon) !== null && _ref5 !== void 0 ? _ref5 : /*#__PURE__*/
|
53
|
+
tooltipIcon: (_ref5 = (_props$tooltipIcon = props.tooltipIcon) !== null && _props$tooltipIcon !== void 0 ? _props$tooltipIcon : layout.tooltipIcon) !== null && _ref5 !== void 0 ? _ref5 : /*#__PURE__*/_react.default.createElement(_builtins__.QuestionCircleOutlinedIcon, null)
|
54
54
|
});
|
55
55
|
};
|
56
56
|
function useOverflow() {
|
57
|
-
var _useState = (0,
|
57
|
+
var _useState = (0, _react.useState)(false),
|
58
58
|
_useState2 = _slicedToArray(_useState, 2),
|
59
59
|
overflow = _useState2[0],
|
60
60
|
setOverflow = _useState2[1];
|
61
|
-
var containerRef = (0,
|
62
|
-
var contentRef = (0,
|
61
|
+
var containerRef = (0, _react.useRef)();
|
62
|
+
var contentRef = (0, _react.useRef)();
|
63
63
|
var layout = (0, _formLayout.useFormLayout)();
|
64
64
|
var labelCol = JSON.stringify(layout.labelCol);
|
65
|
-
(0,
|
65
|
+
(0, _react.useEffect)(function () {
|
66
66
|
requestAnimationFrame(function () {
|
67
67
|
if (containerRef.current && contentRef.current) {
|
68
68
|
var contentWidth = contentRef.current.getBoundingClientRect().width;
|
@@ -82,16 +82,16 @@ function useOverflow() {
|
|
82
82
|
};
|
83
83
|
}
|
84
84
|
var ICON_MAP = {
|
85
|
-
error: /*#__PURE__*/
|
86
|
-
success: /*#__PURE__*/
|
87
|
-
warning: /*#__PURE__*/
|
85
|
+
error: /*#__PURE__*/_react.default.createElement(_builtins__.CloseCircleOutlinedIcon, null),
|
86
|
+
success: /*#__PURE__*/_react.default.createElement(_builtins__.CheckCircleOutlinedIcon, null),
|
87
|
+
warning: /*#__PURE__*/_react.default.createElement(_builtins__.ExclamationCircleOutlinedIcon, null)
|
88
88
|
};
|
89
89
|
var BaseItem = function BaseItem(props) {
|
90
90
|
var _cls, _cls3, _cls4, _cls5, _cls6;
|
91
91
|
console.log('FormItem2');
|
92
92
|
var children = props.children,
|
93
93
|
others = _objectWithoutProperties(props, _excluded);
|
94
|
-
var _useState3 = (0,
|
94
|
+
var _useState3 = (0, _react.useState)(false),
|
95
95
|
_useState4 = _slicedToArray(_useState3, 2),
|
96
96
|
active = _useState4[0],
|
97
97
|
setActive = _useState4[1];
|
@@ -153,35 +153,34 @@ var BaseItem = function BaseItem(props) {
|
|
153
153
|
}
|
154
154
|
var prefixCls = (0, _builtins__.usePrefixCls)('formily-item', props);
|
155
155
|
var prefix = (0, _builtins__.usePrefixCls)();
|
156
|
-
|
157
|
-
var formatChildren = feedbackLayout === 'popover' || feedbackLayout === 'hover-popover' ? /*#__PURE__*/_react2.default.createElement(_components.Balloon, _objectSpread({
|
156
|
+
var formatChildren = (feedbackLayout === 'popover' || feedbackLayout === 'hover-popover') && !!feedbackText ? /*#__PURE__*/_react.default.createElement(_components.Balloon, _objectSpread({
|
158
157
|
needAdjust: true,
|
159
158
|
align: "t",
|
160
159
|
closable: false,
|
161
160
|
trigger: children
|
162
161
|
}, feedbackLayout === 'popover' ? {
|
163
162
|
visible: !!feedbackText
|
164
|
-
} : {}), /*#__PURE__*/
|
163
|
+
} : {}), /*#__PURE__*/_react.default.createElement("div", {
|
165
164
|
className: (0, _classnames.default)((_cls = {}, _defineProperty(_cls, "".concat(prefixCls, "-").concat(feedbackStatus, "-help"), !!feedbackStatus), _defineProperty(_cls, "".concat(prefixCls, "-help"), true), _cls))
|
166
165
|
}, ICON_MAP[feedbackStatus !== null && feedbackStatus !== void 0 ? feedbackStatus : ''], " ", feedbackText)) : children;
|
167
166
|
var gridStyles = {};
|
168
167
|
var getOverflowTooltip = function getOverflowTooltip() {
|
169
168
|
if (overflow) {
|
170
|
-
return /*#__PURE__*/
|
169
|
+
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, label), /*#__PURE__*/_react.default.createElement("div", null, tooltip));
|
171
170
|
}
|
172
171
|
return tooltip;
|
173
172
|
};
|
174
173
|
var renderLabelText = function renderLabelText() {
|
175
|
-
var labelChildren = /*#__PURE__*/
|
174
|
+
var labelChildren = /*#__PURE__*/_react.default.createElement("div", {
|
176
175
|
className: (0, _classnames.default)("".concat(prefixCls, "-label-content")),
|
177
176
|
ref: containerRef
|
178
|
-
}, /*#__PURE__*/
|
177
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
179
178
|
ref: contentRef
|
180
|
-
}, asterisk && /*#__PURE__*/
|
179
|
+
}, asterisk && /*#__PURE__*/_react.default.createElement("span", {
|
181
180
|
className: (0, _classnames.default)("".concat(prefixCls, "-asterisk"))
|
182
|
-
}, '*'), /*#__PURE__*/
|
181
|
+
}, '*'), /*#__PURE__*/_react.default.createElement("label", null, label)));
|
183
182
|
if (tooltipLayout === 'text' && tooltip || overflow) {
|
184
|
-
return /*#__PURE__*/
|
183
|
+
return /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
|
185
184
|
align: "t",
|
186
185
|
trigger: labelChildren
|
187
186
|
}, getOverflowTooltip());
|
@@ -190,9 +189,9 @@ var BaseItem = function BaseItem(props) {
|
|
190
189
|
};
|
191
190
|
var renderTooltipIcon = function renderTooltipIcon() {
|
192
191
|
if (tooltip && tooltipLayout === 'icon' && !overflow) {
|
193
|
-
return /*#__PURE__*/
|
192
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
194
193
|
className: (0, _classnames.default)("".concat(prefixCls, "-label-tooltip-icon"))
|
195
|
-
}, /*#__PURE__*/
|
194
|
+
}, /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
|
196
195
|
align: "t",
|
197
196
|
trigger: tooltipIcon
|
198
197
|
}, tooltip));
|
@@ -201,16 +200,16 @@ var BaseItem = function BaseItem(props) {
|
|
201
200
|
var renderLabel = function renderLabel() {
|
202
201
|
var _cls2;
|
203
202
|
if (!label) return null;
|
204
|
-
return /*#__PURE__*/
|
203
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
205
204
|
className: (0, _classnames.default)((_cls2 = {}, _defineProperty(_cls2, "".concat(prefixCls, "-label"), true), _defineProperty(_cls2, "".concat(prefixCls, "-label-tooltip"), tooltip && tooltipLayout === 'text' || overflow), _defineProperty(_cls2, "".concat(prefixCls, "-item-col-").concat(labelCol), enableCol && !!labelCol), _cls2)),
|
206
205
|
style: labelStyle
|
207
|
-
}, renderLabelText(), renderTooltipIcon(), asterisk && /*#__PURE__*/
|
206
|
+
}, renderLabelText(), renderTooltipIcon(), asterisk && /*#__PURE__*/_react.default.createElement("span", {
|
208
207
|
className: (0, _classnames.default)("".concat(prefixCls, "-asterisk-pro"))
|
209
|
-
}), label !== ' ' && /*#__PURE__*/
|
208
|
+
}), label !== ' ' && /*#__PURE__*/_react.default.createElement("span", {
|
210
209
|
className: (0, _classnames.default)("".concat(prefixCls, "-colon"))
|
211
210
|
}, colon ? ':' : ''));
|
212
211
|
};
|
213
|
-
return /*#__PURE__*/
|
212
|
+
return /*#__PURE__*/_react.default.createElement("div", _objectSpread(_objectSpread({}, (0, _builtins__.pickDataProps)(props)), {}, {
|
214
213
|
style: _objectSpread(_objectSpread({}, style), gridStyles),
|
215
214
|
"data-grid-span": props.gridSpan,
|
216
215
|
className: (0, _classnames.default)((_cls3 = {}, _defineProperty(_cls3, "".concat(prefixCls), true), _defineProperty(_cls3, "".concat(prefixCls, "-layout-").concat(layout), true), _defineProperty(_cls3, "".concat(prefixCls, "-").concat(feedbackStatus), !!feedbackStatus), _defineProperty(_cls3, "".concat(prefixCls, "-feedback-has-text"), !!feedbackText), _defineProperty(_cls3, "".concat(prefixCls, "-size-").concat(size), !!size), _defineProperty(_cls3, "".concat(prefixCls, "-feedback-layout-").concat(feedbackLayout), !!feedbackLayout), _defineProperty(_cls3, "".concat(prefixCls, "-fullness"), !!fullness || !!inset || !!feedbackIcon), _defineProperty(_cls3, "".concat(prefixCls, "-inset"), !!inset), _defineProperty(_cls3, "".concat(prefix, "input"), !!inset), _defineProperty(_cls3, "".concat(prefixCls, "-active"), active), _defineProperty(_cls3, "".concat(prefix, "focus"), active), _defineProperty(_cls3, "".concat(prefixCls, "-extra-wrap"), extra), _defineProperty(_cls3, "".concat(prefixCls, "-inset-active"), !!inset && active), _defineProperty(_cls3, "".concat(prefixCls, "-label-align-").concat(labelAlign), true), _defineProperty(_cls3, "".concat(prefixCls, "-control-align-").concat(wrapperAlign), true), _defineProperty(_cls3, "".concat(prefixCls, "-label-wrap"), !!labelWrap), _defineProperty(_cls3, "".concat(prefixCls, "-control-wrap"), !!wrapperWrap), _defineProperty(_cls3, "".concat(prefixCls, "-bordered-none"), bordered === false), _defineProperty(_cls3, props === null || props === void 0 ? void 0 : props.className, !!props.className), _cls3)),
|
@@ -224,32 +223,32 @@ var BaseItem = function BaseItem(props) {
|
|
224
223
|
setActive(false);
|
225
224
|
}
|
226
225
|
}
|
227
|
-
}), renderLabel(), /*#__PURE__*/
|
226
|
+
}), renderLabel(), /*#__PURE__*/_react.default.createElement("div", {
|
228
227
|
className: (0, _classnames.default)((_cls4 = {}, _defineProperty(_cls4, "".concat(prefixCls, "-control"), true), _defineProperty(_cls4, "".concat(prefixCls, "-item-col-").concat(wrapperCol), enableCol && !!wrapperCol && label), _cls4))
|
229
|
-
}, /*#__PURE__*/
|
228
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
230
229
|
className: (0, _classnames.default)("".concat(prefixCls, "-control-content"))
|
231
|
-
}, addonBefore && /*#__PURE__*/
|
230
|
+
}, addonBefore && /*#__PURE__*/_react.default.createElement("div", {
|
232
231
|
className: (0, _classnames.default)("".concat(prefixCls, "-addon-before"))
|
233
|
-
}, addonBefore), /*#__PURE__*/
|
232
|
+
}, addonBefore), /*#__PURE__*/_react.default.createElement("div", {
|
234
233
|
style: wrapperStyle,
|
235
234
|
className: (0, _classnames.default)((_cls5 = {}, _defineProperty(_cls5, "".concat(prefixCls, "-control-content-component"), true), _defineProperty(_cls5, "".concat(prefixCls, "-control-content-component-has-feedback-icon"), !!feedbackIcon), _defineProperty(_cls5, "".concat(prefix, "input"), !!feedbackIcon), _defineProperty(_cls5, "".concat(prefixCls, "-active"), active), _defineProperty(_cls5, "".concat(prefix, "focus"), active), _cls5))
|
236
|
-
}, /*#__PURE__*/
|
235
|
+
}, /*#__PURE__*/_react.default.createElement(_formLayout.FormLayoutShallowContext.Provider, {
|
237
236
|
value: {
|
238
237
|
size: size
|
239
238
|
}
|
240
|
-
}, formatChildren), feedbackIcon && /*#__PURE__*/
|
239
|
+
}, formatChildren), feedbackIcon && /*#__PURE__*/_react.default.createElement("div", {
|
241
240
|
className: (0, _classnames.default)("".concat(prefixCls, "-feedback-icon"))
|
242
|
-
}, feedbackIcon)), addonAfter && /*#__PURE__*/
|
241
|
+
}, feedbackIcon)), addonAfter && /*#__PURE__*/_react.default.createElement("div", {
|
243
242
|
className: (0, _classnames.default)("".concat(prefixCls, "-addon-after"))
|
244
|
-
}, addonAfter)), !!feedbackText && feedbackLayout !== 'popover' && feedbackLayout !== 'hover-popover' && feedbackLayout !== 'none' && /*#__PURE__*/
|
243
|
+
}, addonAfter)), !!feedbackText && feedbackLayout !== 'popover' && feedbackLayout !== 'hover-popover' && feedbackLayout !== 'none' && /*#__PURE__*/_react.default.createElement("div", {
|
245
244
|
className: (0, _classnames.default)((_cls6 = {}, _defineProperty(_cls6, "".concat(prefixCls, "-").concat(feedbackStatus, "-help"), !!feedbackStatus), _defineProperty(_cls6, "".concat(prefixCls, "-help"), true), _defineProperty(_cls6, "".concat(prefixCls, "-help-enter"), true), _defineProperty(_cls6, "".concat(prefixCls, "-help-enter-active"), true), _cls6))
|
246
|
-
}, feedbackText), extra && /*#__PURE__*/
|
245
|
+
}, feedbackText), extra && /*#__PURE__*/_react.default.createElement("div", {
|
247
246
|
className: (0, _classnames.default)("".concat(prefixCls, "-extra"))
|
248
247
|
}, extra)));
|
249
248
|
};
|
250
249
|
// 适配
|
251
250
|
exports.BaseItem = BaseItem;
|
252
|
-
var FormItem2 = (0,
|
251
|
+
var FormItem2 = (0, _react2.connect)(BaseItem, (0, _react2.mapProps)(function (props, field) {
|
253
252
|
if ((0, _core.isVoidField)(field)) return {
|
254
253
|
label: field.title || props.label,
|
255
254
|
asterisk: props.asterisk,
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.UpOutlinedIcon = exports.QuestionCircleOutlinedIcon = exports.PlusOutlinedIcon = exports.MessageOutlinedIcon = exports.MenuOutlinedIcon = exports.Icon = exports.ExclamationCircleOutlinedIcon = exports.EditOutlinedIcon = exports.DownOutlinedIcon = exports.DeleteOutlinedIcon = exports.CopyOutlinedIcon = exports.CloseOutlinedIcon = exports.CloseCircleOutlinedIcon = exports.CheckCircleOutlinedIcon = void 0;
|
7
|
-
var _components = require("@alicloudfe/components");
|
8
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
9
7
|
var _react = _interopRequireDefault(require("react"));
|
8
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
10
9
|
var _usePrefixCls = require("./hooks/usePrefixCls");
|
10
|
+
var _components = require("@alicloudfe/components");
|
11
11
|
var _excluded = ["text"];
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
@@ -1,8 +1,8 @@
|
|
1
|
-
export * from './
|
1
|
+
export * from './moment';
|
2
2
|
export * from './hooks';
|
3
|
-
export * from './icons';
|
4
|
-
export * from './loading';
|
5
|
-
export * from './mapSize';
|
6
3
|
export * from './mapStatus';
|
7
|
-
export * from './
|
4
|
+
export * from './mapSize';
|
5
|
+
export * from './empty';
|
6
|
+
export * from './loading';
|
8
7
|
export * from './pickDataProps';
|
8
|
+
export * from './icons';
|