@teamix/pro 1.6.0-beta.7 → 1.6.1-beta

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.
Files changed (70) hide show
  1. package/dist/pro.all.min.css +1 -1
  2. package/dist/pro.css +1 -1
  3. package/dist/pro.js +1662 -619
  4. package/dist/pro.min.css +1 -1
  5. package/dist/pro.min.js +1 -1
  6. package/dist/pro.xconsole.min.css +1 -1
  7. package/es/actions/index.d.ts +6 -6
  8. package/es/actions/index.js +13 -13
  9. package/es/form/Components/FormItem2/index.js +5 -5
  10. package/es/form/Components/__builtins__/hooks/useClickAway.js +1 -1
  11. package/es/form/Components/__builtins__/icons.js +2 -2
  12. package/es/form/Components/__builtins__/index.d.ts +5 -5
  13. package/es/form/Components/__builtins__/index.js +6 -6
  14. package/es/form/Components/form-layout/index.js +2 -2
  15. package/es/form/Components/form-layout/useResponsiveFormLayout.js +1 -1
  16. package/es/form/Filter/AdvancedFilter.js +1 -1
  17. package/es/form/Filter/index2.js +2 -2
  18. package/es/form/ProForm/index.d.ts +2 -2
  19. package/es/form/ProForm/index.js +12 -17
  20. package/es/index.d.ts +1 -1
  21. package/es/index.js +1 -1
  22. package/es/info/index.d.ts +6 -2
  23. package/es/info/index.js +1 -2
  24. package/es/info/utils/utils.d.ts +1 -1
  25. package/es/sidebar/utils/index.d.ts +2 -2
  26. package/es/table/components/Filter/index.js +3 -3
  27. package/es/table/index.d.ts +3 -4
  28. package/es/table/index.js +105 -44
  29. package/es/table/index.scss +26 -0
  30. package/es/table/typing.d.ts +7 -1
  31. package/es/table/utils/columnRender.d.ts +1 -0
  32. package/es/table/utils/columnRender.js +41 -1
  33. package/es/table/utils/genAutoWidthColumns.d.ts +30 -0
  34. package/es/table/utils/genAutoWidthColumns.js +327 -0
  35. package/lib/actions/index.d.ts +6 -6
  36. package/lib/actions/index.js +11 -11
  37. package/lib/form/Components/FormItem2/index.js +39 -39
  38. package/lib/form/Components/__builtins__/icons.js +2 -2
  39. package/lib/form/Components/__builtins__/index.d.ts +5 -5
  40. package/lib/form/Components/__builtins__/index.js +27 -27
  41. package/lib/form/Components/form-layout/index.js +3 -3
  42. package/lib/form/Components/form-layout/useResponsiveFormLayout.js +1 -1
  43. package/lib/form/Filter/AdvancedFilter.js +1 -1
  44. package/lib/form/Filter/index2.js +2 -2
  45. package/lib/form/ProForm/index.d.ts +2 -2
  46. package/lib/form/ProForm/index.js +11 -16
  47. package/lib/index.d.ts +1 -1
  48. package/lib/index.js +1 -1
  49. package/lib/info/index.d.ts +6 -2
  50. package/lib/info/index.js +1 -2
  51. package/lib/info/utils/utils.d.ts +1 -1
  52. package/lib/sidebar/utils/index.d.ts +2 -2
  53. package/lib/table/components/Filter/index.js +3 -3
  54. package/lib/table/index.d.ts +3 -4
  55. package/lib/table/index.js +104 -43
  56. package/lib/table/index.scss +26 -0
  57. package/lib/table/typing.d.ts +7 -1
  58. package/lib/table/utils/columnRender.d.ts +1 -0
  59. package/lib/table/utils/columnRender.js +44 -3
  60. package/lib/table/utils/genAutoWidthColumns.d.ts +30 -0
  61. package/lib/table/utils/genAutoWidthColumns.js +342 -0
  62. package/package.json +1 -1
  63. package/es/form/utils/parseSchema.d.ts +0 -3
  64. package/es/form/utils/parseSchema.js +0 -38
  65. package/es/utils/aspect.d.ts +0 -2
  66. package/es/utils/aspect.js +0 -60
  67. package/lib/form/utils/parseSchema.d.ts +0 -3
  68. package/lib/form/utils/parseSchema.js +0 -45
  69. package/lib/utils/aspect.d.ts +0 -2
  70. 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
+ }
@@ -1,15 +1,15 @@
1
- import { TooltipProps } from '@alicloudfe/components/types/balloon';
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 React, { ReactNode } from 'react';
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 './index.scss';
10
- import { LinkAction } from './link';
10
+ import { DialogInfoAction } from './dialog-info';
11
11
  import { PopConfirmAction } from './pop-confirm';
12
- import { RequestAction } from './request';
12
+ import './index.scss';
13
13
  export declare type ProActionConfig = ({
14
14
  type: 'dialog-form' | 'drawer-form';
15
15
  } & DialogFormAction) | ({
@@ -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 _classnames = _interopRequireDefault(require("classnames"));
25
- var _react = _interopRequireDefault(require("react"));
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 _dangerPopConfirm = require("./danger-pop-confirm");
29
- var _dialog = require("./dialog");
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 _error = require("./error");
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 _request = require("./request");
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 _components = require("@alicloudfe/components");
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__*/_react2.default.createElement(_builtins__.QuestionCircleOutlinedIcon, null)
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, _react2.useState)(false),
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, _react2.useRef)();
62
- var contentRef = (0, _react2.useRef)();
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, _react2.useEffect)(function () {
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__*/_react2.default.createElement(_builtins__.CloseCircleOutlinedIcon, null),
86
- success: /*#__PURE__*/_react2.default.createElement(_builtins__.CheckCircleOutlinedIcon, null),
87
- warning: /*#__PURE__*/_react2.default.createElement(_builtins__.ExclamationCircleOutlinedIcon, null)
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, _react2.useState)(false),
94
+ var _useState3 = (0, _react.useState)(false),
95
95
  _useState4 = _slicedToArray(_useState3, 2),
96
96
  active = _useState4[0],
97
97
  setActive = _useState4[1];
@@ -153,34 +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
- var formatChildren = (feedbackLayout === 'popover' || feedbackLayout === 'hover-popover') && !!feedbackText ? /*#__PURE__*/_react2.default.createElement(_components.Balloon, _objectSpread({
156
+ var formatChildren = (feedbackLayout === 'popover' || feedbackLayout === 'hover-popover') && !!feedbackText ? /*#__PURE__*/_react.default.createElement(_components.Balloon, _objectSpread({
157
157
  needAdjust: true,
158
158
  align: "t",
159
159
  closable: false,
160
160
  trigger: children
161
161
  }, feedbackLayout === 'popover' ? {
162
162
  visible: !!feedbackText
163
- } : {}), /*#__PURE__*/_react2.default.createElement("div", {
163
+ } : {}), /*#__PURE__*/_react.default.createElement("div", {
164
164
  className: (0, _classnames.default)((_cls = {}, _defineProperty(_cls, "".concat(prefixCls, "-").concat(feedbackStatus, "-help"), !!feedbackStatus), _defineProperty(_cls, "".concat(prefixCls, "-help"), true), _cls))
165
165
  }, ICON_MAP[feedbackStatus !== null && feedbackStatus !== void 0 ? feedbackStatus : ''], " ", feedbackText)) : children;
166
166
  var gridStyles = {};
167
167
  var getOverflowTooltip = function getOverflowTooltip() {
168
168
  if (overflow) {
169
- return /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement("div", null, label), /*#__PURE__*/_react2.default.createElement("div", null, tooltip));
169
+ return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, label), /*#__PURE__*/_react.default.createElement("div", null, tooltip));
170
170
  }
171
171
  return tooltip;
172
172
  };
173
173
  var renderLabelText = function renderLabelText() {
174
- var labelChildren = /*#__PURE__*/_react2.default.createElement("div", {
174
+ var labelChildren = /*#__PURE__*/_react.default.createElement("div", {
175
175
  className: (0, _classnames.default)("".concat(prefixCls, "-label-content")),
176
176
  ref: containerRef
177
- }, /*#__PURE__*/_react2.default.createElement("span", {
177
+ }, /*#__PURE__*/_react.default.createElement("span", {
178
178
  ref: contentRef
179
- }, asterisk && /*#__PURE__*/_react2.default.createElement("span", {
179
+ }, asterisk && /*#__PURE__*/_react.default.createElement("span", {
180
180
  className: (0, _classnames.default)("".concat(prefixCls, "-asterisk"))
181
- }, '*'), /*#__PURE__*/_react2.default.createElement("label", null, label)));
181
+ }, '*'), /*#__PURE__*/_react.default.createElement("label", null, label)));
182
182
  if (tooltipLayout === 'text' && tooltip || overflow) {
183
- return /*#__PURE__*/_react2.default.createElement(_components.Balloon.Tooltip, {
183
+ return /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
184
184
  align: "t",
185
185
  trigger: labelChildren
186
186
  }, getOverflowTooltip());
@@ -189,9 +189,9 @@ var BaseItem = function BaseItem(props) {
189
189
  };
190
190
  var renderTooltipIcon = function renderTooltipIcon() {
191
191
  if (tooltip && tooltipLayout === 'icon' && !overflow) {
192
- return /*#__PURE__*/_react2.default.createElement("span", {
192
+ return /*#__PURE__*/_react.default.createElement("span", {
193
193
  className: (0, _classnames.default)("".concat(prefixCls, "-label-tooltip-icon"))
194
- }, /*#__PURE__*/_react2.default.createElement(_components.Balloon.Tooltip, {
194
+ }, /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
195
195
  align: "t",
196
196
  trigger: tooltipIcon
197
197
  }, tooltip));
@@ -200,16 +200,16 @@ var BaseItem = function BaseItem(props) {
200
200
  var renderLabel = function renderLabel() {
201
201
  var _cls2;
202
202
  if (!label) return null;
203
- return /*#__PURE__*/_react2.default.createElement("div", {
203
+ return /*#__PURE__*/_react.default.createElement("div", {
204
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)),
205
205
  style: labelStyle
206
- }, renderLabelText(), renderTooltipIcon(), asterisk && /*#__PURE__*/_react2.default.createElement("span", {
206
+ }, renderLabelText(), renderTooltipIcon(), asterisk && /*#__PURE__*/_react.default.createElement("span", {
207
207
  className: (0, _classnames.default)("".concat(prefixCls, "-asterisk-pro"))
208
- }), label !== ' ' && /*#__PURE__*/_react2.default.createElement("span", {
208
+ }), label !== ' ' && /*#__PURE__*/_react.default.createElement("span", {
209
209
  className: (0, _classnames.default)("".concat(prefixCls, "-colon"))
210
210
  }, colon ? ':' : ''));
211
211
  };
212
- return /*#__PURE__*/_react2.default.createElement("div", _objectSpread(_objectSpread({}, (0, _builtins__.pickDataProps)(props)), {}, {
212
+ return /*#__PURE__*/_react.default.createElement("div", _objectSpread(_objectSpread({}, (0, _builtins__.pickDataProps)(props)), {}, {
213
213
  style: _objectSpread(_objectSpread({}, style), gridStyles),
214
214
  "data-grid-span": props.gridSpan,
215
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)),
@@ -223,32 +223,32 @@ var BaseItem = function BaseItem(props) {
223
223
  setActive(false);
224
224
  }
225
225
  }
226
- }), renderLabel(), /*#__PURE__*/_react2.default.createElement("div", {
226
+ }), renderLabel(), /*#__PURE__*/_react.default.createElement("div", {
227
227
  className: (0, _classnames.default)((_cls4 = {}, _defineProperty(_cls4, "".concat(prefixCls, "-control"), true), _defineProperty(_cls4, "".concat(prefixCls, "-item-col-").concat(wrapperCol), enableCol && !!wrapperCol && label), _cls4))
228
- }, /*#__PURE__*/_react2.default.createElement("div", {
228
+ }, /*#__PURE__*/_react.default.createElement("div", {
229
229
  className: (0, _classnames.default)("".concat(prefixCls, "-control-content"))
230
- }, addonBefore && /*#__PURE__*/_react2.default.createElement("div", {
230
+ }, addonBefore && /*#__PURE__*/_react.default.createElement("div", {
231
231
  className: (0, _classnames.default)("".concat(prefixCls, "-addon-before"))
232
- }, addonBefore), /*#__PURE__*/_react2.default.createElement("div", {
232
+ }, addonBefore), /*#__PURE__*/_react.default.createElement("div", {
233
233
  style: wrapperStyle,
234
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))
235
- }, /*#__PURE__*/_react2.default.createElement(_formLayout.FormLayoutShallowContext.Provider, {
235
+ }, /*#__PURE__*/_react.default.createElement(_formLayout.FormLayoutShallowContext.Provider, {
236
236
  value: {
237
237
  size: size
238
238
  }
239
- }, formatChildren), feedbackIcon && /*#__PURE__*/_react2.default.createElement("div", {
239
+ }, formatChildren), feedbackIcon && /*#__PURE__*/_react.default.createElement("div", {
240
240
  className: (0, _classnames.default)("".concat(prefixCls, "-feedback-icon"))
241
- }, feedbackIcon)), addonAfter && /*#__PURE__*/_react2.default.createElement("div", {
241
+ }, feedbackIcon)), addonAfter && /*#__PURE__*/_react.default.createElement("div", {
242
242
  className: (0, _classnames.default)("".concat(prefixCls, "-addon-after"))
243
- }, addonAfter)), !!feedbackText && feedbackLayout !== 'popover' && feedbackLayout !== 'hover-popover' && feedbackLayout !== 'none' && /*#__PURE__*/_react2.default.createElement("div", {
243
+ }, addonAfter)), !!feedbackText && feedbackLayout !== 'popover' && feedbackLayout !== 'hover-popover' && feedbackLayout !== 'none' && /*#__PURE__*/_react.default.createElement("div", {
244
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))
245
- }, feedbackText), extra && /*#__PURE__*/_react2.default.createElement("div", {
245
+ }, feedbackText), extra && /*#__PURE__*/_react.default.createElement("div", {
246
246
  className: (0, _classnames.default)("".concat(prefixCls, "-extra"))
247
247
  }, extra)));
248
248
  };
249
249
  // 适配
250
250
  exports.BaseItem = BaseItem;
251
- var FormItem2 = (0, _react.connect)(BaseItem, (0, _react.mapProps)(function (props, field) {
251
+ var FormItem2 = (0, _react2.connect)(BaseItem, (0, _react2.mapProps)(function (props, field) {
252
252
  if ((0, _core.isVoidField)(field)) return {
253
253
  label: field.title || props.label,
254
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 './empty';
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 './moment';
4
+ export * from './mapSize';
5
+ export * from './empty';
6
+ export * from './loading';
8
7
  export * from './pickDataProps';
8
+ export * from './icons';