@teamix/pro 1.5.2 → 1.5.4-beta.0
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/pro.css +1 -1
- package/dist/pro.js +20285 -19928
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.min.js.LICENSE.txt +2 -6
- package/es/actions/base.js +8 -21
- package/es/actions/dialog-component.js +2 -9
- package/es/actions/dialog-form.js +37 -75
- package/es/actions/dialog-info.js +1 -5
- package/es/actions/dialog.js +57 -95
- package/es/actions/index.d.ts +3 -0
- package/es/actions/index.js +71 -156
- package/es/actions/link.js +3 -5
- package/es/actions/quick.d.ts +2 -0
- package/es/actions/quick.js +26 -0
- package/es/actions/request.js +12 -27
- package/es/actions/utils.js +1 -9
- package/es/card/card-container.js +0 -5
- package/es/card/divider.js +0 -5
- package/es/card/index.js +56 -95
- package/es/card/selectable.js +4 -13
- package/es/card/tab.js +1 -10
- package/es/card/utils.js +0 -2
- package/es/form/Components/Editable/index.js +16 -55
- package/es/form/Components/FormGroup/index.d.ts +1 -0
- package/es/form/Components/FormGroup/index.js +7 -22
- package/es/form/Components/LightFilter/index.js +15 -35
- package/es/form/Components/ProField/index.js +2 -14
- package/es/form/Components/ProField/mapDateFormat.js +2 -28
- package/es/form/Components/Text/index.d.ts +1 -0
- package/es/form/Components/Text/index.js +2 -11
- package/es/form/Filter/AdvancedFilter.js +11 -26
- package/es/form/Filter/Layout.js +11 -24
- package/es/form/Filter/LightFilter.js +13 -24
- package/es/form/Filter/SimpleFilter.js +7 -21
- package/es/form/Filter/index.js +106 -171
- package/es/form/Filter/index2.js +11 -28
- package/es/form/Filter/useBindUrl.js +18 -46
- package/es/form/Filter/useSpecialProps.js +8 -13
- package/es/form/ProForm/addCascadeEffect.js +10 -32
- package/es/form/ProForm/customComponent.js +0 -5
- package/es/form/ProForm/index.js +23 -34
- package/es/form/ProForm/useAutoLayout.js +21 -42
- package/es/form/ProForm/useAutoSubmit.js +3 -8
- package/es/form/ProForm/useFieldRequest.js +0 -5
- package/es/form/ProForm/useFormDisplayValues.js +12 -28
- package/es/form/ProForm/useInitialRequest.js +0 -5
- package/es/form/SchemaForm/adapterComponent.js +0 -3
- package/es/form/SchemaForm/adapterDecorator.d.ts +1 -1
- package/es/form/SchemaForm/adapterDecorator.js +0 -8
- package/es/form/SchemaForm/adapterType.js +0 -2
- package/es/form/SchemaForm/index.js +78 -114
- package/es/form/SchemaForm/initializeArrayCards.js +0 -6
- package/es/form/SchemaForm/initializeArrayCollapse.js +0 -6
- package/es/form/SchemaForm/initializeArrayItems.js +2 -9
- package/es/form/SchemaForm/initializeArrayTable.js +21 -34
- package/es/form/SchemaForm/initializeDataSource.js +2 -6
- package/es/form/SchemaForm/initializeFormButton.js +14 -31
- package/es/form/SchemaForm/initializeFormCollapse.js +8 -18
- package/es/form/SchemaForm/initializeFormGroup.js +10 -20
- package/es/form/SchemaForm/initializeFormStep.js +11 -23
- package/es/form/SchemaForm/initializeFormTab.js +10 -20
- package/es/form/SchemaForm/initializeReactions.js +9 -33
- package/es/form/SchemaForm/initializeRequest.js +2 -16
- package/es/form/SchemaForm/initializeRules.js +4 -22
- package/es/form/SchemaForm/initializeSelectTable.js +7 -33
- package/es/form/SchemaForm/reactions.js +19 -34
- package/es/form/docs/ActionResponse.d.ts +1 -0
- package/es/form/index.d.ts +9 -9
- package/es/form/index.js +0 -9
- package/es/form/typing.d.ts +6 -4
- package/es/form/utils.d.ts +1 -1
- package/es/form/utils.js +4 -49
- package/es/form/warning.js +2 -7
- package/es/index-without-icon.js +4 -3
- package/es/index.d.ts +1 -1
- package/es/index.js +7 -8
- package/es/info/components/InfoGroup/index.js +21 -32
- package/es/info/components/InfoValueItem/index.js +66 -119
- package/es/info/components/ProInfoItem/index.js +13 -21
- package/es/info/components/baseInfo/index.js +14 -26
- package/es/info/components/headerInfo/index.js +8 -20
- package/es/info/components/tableInfo/index.js +20 -50
- package/es/info/index.js +53 -82
- package/es/info/utils/index.js +0 -11
- package/es/nocode/configurators/common.js +5 -6
- package/es/nocode/configurators/index.js +2 -3
- package/es/nocode/index.js +6 -6
- package/es/nocode/pages/editor.js +5 -9
- package/es/nocode/pages/index.js +4 -4
- package/es/nocode/pages/playground.js +18 -35
- package/es/nocode/pages/renderer.js +9 -42
- package/es/nocode/playground.js +10 -23
- package/es/page-header/index.d.ts +2 -2
- package/es/page-header/index.js +39 -75
- package/es/sidebar/components/sidebar-container/index.js +41 -72
- package/es/sidebar/components/tree/index.js +88 -144
- package/es/sidebar/components/tree-node/components/HoverTooltip/index.js +11 -26
- package/es/sidebar/components/tree-node/components/IconAction/index.js +9 -35
- package/es/sidebar/components/tree-node/components/IconSwitch/index.js +12 -25
- package/es/sidebar/components/tree-node/index.js +41 -83
- package/es/sidebar/index.js +69 -94
- package/es/sidebar/utils/action-ref.js +2 -7
- package/es/sidebar/utils/index.d.ts +5 -2
- package/es/sidebar/utils/index.js +41 -98
- package/es/table/components/CardView/index.js +62 -149
- package/es/table/components/Filter/index.js +42 -83
- package/es/table/components/Layout/index.js +25 -45
- package/es/table/components/LoadMore/index.js +15 -34
- package/es/table/components/Pagination/index.js +25 -58
- package/es/table/components/QuickAction/index.js +3 -11
- package/es/table/components/ToolBar/CardSwitch.js +6 -17
- package/es/table/components/ToolBar/DensityIcon.js +18 -31
- package/es/table/components/ToolBar/FilterColumnIcon.js +50 -106
- package/es/table/components/ToolBar/FullScreenIcon.js +2 -6
- package/es/table/components/ToolBar/Fullscreen.js +19 -35
- package/es/table/components/ToolBar/RefreshIcon.js +2 -5
- package/es/table/components/ToolBar/index.js +23 -45
- package/es/table/index.js +227 -401
- package/es/table/utils/columnRender.d.ts +1 -1
- package/es/table/utils/columnRender.js +32 -76
- package/es/table/utils/genProColumnToColumn.js +5 -14
- package/es/table/utils/index.js +14 -47
- package/es/table/utils/pureColumnRender.js +21 -53
- package/es/table/utils/pureGenProColumnToColumn.d.ts +1 -1
- package/es/table/utils/pureGenProColumnToColumn.js +2 -10
- package/es/table/utils/useTableSelection.js +6 -33
- package/es/templates/List/index.js +2 -9
- package/es/timeline/ProTimeLineItem/index.js +24 -64
- package/es/timeline/index.js +8 -22
- package/es/timeline/typing.d.ts +1 -0
- package/es/utils/message.d.ts +2 -2
- package/es/utils/message.js +0 -5
- package/es/utils/useRealHistory.d.ts +8 -0
- package/es/utils/useRealHistory.js +23 -0
- package/lib/actions/base.js +8 -24
- package/lib/actions/confirm.js +0 -5
- package/lib/actions/danger-confirm.js +0 -5
- package/lib/actions/danger-pop-confirm.js +0 -4
- package/lib/actions/dialog-component.js +2 -15
- package/lib/actions/dialog-form.js +36 -88
- package/lib/actions/dialog-info.js +1 -10
- package/lib/actions/dialog-table.js +0 -5
- package/lib/actions/dialog.js +55 -111
- package/lib/actions/drawer-form.js +0 -3
- package/lib/actions/drawer-info.js +0 -3
- package/lib/actions/drawer-table.js +0 -3
- package/lib/actions/drawer.js +0 -4
- package/lib/actions/error.js +0 -5
- package/lib/actions/index.d.ts +3 -0
- package/lib/actions/index.js +93 -186
- package/lib/actions/link.js +3 -10
- package/lib/actions/notice.js +0 -5
- package/lib/actions/pop-confirm.js +0 -5
- package/lib/actions/quick.d.ts +2 -0
- package/lib/actions/quick.js +33 -0
- package/lib/actions/request.js +10 -32
- package/lib/actions/utils.js +1 -9
- package/lib/card/card-container.js +0 -9
- package/lib/card/divider.js +0 -7
- package/lib/card/index.js +56 -122
- package/lib/card/selectable.js +4 -20
- package/lib/card/tab.js +1 -14
- package/lib/card/utils.js +0 -6
- package/lib/field/index.js +0 -6
- package/lib/form/Components/Editable/index.js +15 -65
- package/lib/form/Components/FormGroup/index.d.ts +1 -0
- package/lib/form/Components/FormGroup/index.js +7 -28
- package/lib/form/Components/LightFilter/index.js +15 -47
- package/lib/form/Components/ProField/index.js +2 -21
- package/lib/form/Components/ProField/mapDateFormat.js +2 -32
- package/lib/form/Components/Text/index.d.ts +1 -0
- package/lib/form/Components/Text/index.js +2 -16
- package/lib/form/Filter/AdvancedFilter.js +11 -34
- package/lib/form/Filter/Layout.js +11 -33
- package/lib/form/Filter/LightFilter.js +13 -32
- package/lib/form/Filter/SimpleFilter.js +5 -27
- package/lib/form/Filter/index.js +105 -191
- package/lib/form/Filter/index2.js +11 -38
- package/lib/form/Filter/useBindUrl.js +18 -50
- package/lib/form/Filter/useSpecialProps.js +6 -13
- package/lib/form/ProForm/addCascadeEffect.js +10 -35
- package/lib/form/ProForm/customComponent.js +0 -8
- package/lib/form/ProForm/index.js +23 -57
- package/lib/form/ProForm/useAutoLayout.js +21 -45
- package/lib/form/ProForm/useAutoSubmit.js +3 -10
- package/lib/form/ProForm/useFieldRequest.js +0 -8
- package/lib/form/ProForm/useFormDisplayValues.js +12 -34
- package/lib/form/ProForm/useInitialRequest.js +0 -6
- package/lib/form/SchemaForm/adapterComponent.js +0 -6
- package/lib/form/SchemaForm/adapterDecorator.d.ts +1 -1
- package/lib/form/SchemaForm/adapterDecorator.js +0 -12
- package/lib/form/SchemaForm/adapterType.js +0 -5
- package/lib/form/SchemaForm/index.js +78 -144
- package/lib/form/SchemaForm/initializeArrayCards.js +0 -7
- package/lib/form/SchemaForm/initializeArrayCollapse.js +0 -7
- package/lib/form/SchemaForm/initializeArrayItems.js +2 -10
- package/lib/form/SchemaForm/initializeArrayTable.js +21 -34
- package/lib/form/SchemaForm/initializeDataSource.js +2 -8
- package/lib/form/SchemaForm/initializeFormButton.js +14 -32
- package/lib/form/SchemaForm/initializeFormCollapse.js +8 -18
- package/lib/form/SchemaForm/initializeFormGroup.js +10 -20
- package/lib/form/SchemaForm/initializeFormStep.js +11 -23
- package/lib/form/SchemaForm/initializeFormTab.js +10 -20
- package/lib/form/SchemaForm/initializeReactions.js +9 -37
- package/lib/form/SchemaForm/initializeRequest.js +2 -18
- package/lib/form/SchemaForm/initializeRules.js +4 -24
- package/lib/form/SchemaForm/initializeSelectTable.js +7 -36
- package/lib/form/SchemaForm/reactions.js +17 -37
- package/lib/form/docs/ActionResponse.d.ts +1 -0
- package/lib/form/docs/ActionResponse.js +0 -5
- package/lib/form/index.d.ts +9 -9
- package/lib/form/index.js +0 -25
- package/lib/form/typing.d.ts +6 -4
- package/lib/form/utils.d.ts +1 -1
- package/lib/form/utils.js +4 -61
- package/lib/form/warning.js +2 -8
- package/lib/hooks/index.js +0 -5
- package/lib/index-without-icon.js +2 -36
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -39
- package/lib/info/components/InfoGroup/index.js +21 -42
- package/lib/info/components/InfoValueItem/index.js +66 -134
- package/lib/info/components/ProInfoItem/index.js +13 -29
- package/lib/info/components/baseInfo/index.js +14 -38
- package/lib/info/components/headerInfo/index.js +8 -31
- package/lib/info/components/tableInfo/index.js +20 -62
- package/lib/info/index.js +53 -97
- package/lib/info/utils/index.js +0 -19
- package/lib/info/utils/utils.js +0 -1
- package/lib/nocode/configurators/PageHeader.js +0 -2
- package/lib/nocode/configurators/ProTable.js +0 -2
- package/lib/nocode/configurators/common.js +5 -10
- package/lib/nocode/configurators/index.js +2 -10
- package/lib/nocode/configurators/map.js +0 -5
- package/lib/nocode/index.js +0 -11
- package/lib/nocode/pages/editor.js +5 -19
- package/lib/nocode/pages/index.js +2 -9
- package/lib/nocode/pages/playground.js +18 -52
- package/lib/nocode/pages/renderer.js +9 -53
- package/lib/nocode/playground.js +10 -35
- package/lib/page-container/index.js +0 -6
- package/lib/page-header/index.d.ts +2 -2
- package/lib/page-header/index.js +38 -88
- package/lib/sidebar/components/sidebar-container/index.js +41 -84
- package/lib/sidebar/components/tree/index.js +88 -158
- package/lib/sidebar/components/tree-node/components/HoverTooltip/index.js +11 -34
- package/lib/sidebar/components/tree-node/components/IconAction/index.js +9 -46
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.js +12 -35
- package/lib/sidebar/components/tree-node/index.js +41 -99
- package/lib/sidebar/index.js +69 -112
- package/lib/sidebar/utils/action-ref.js +2 -8
- package/lib/sidebar/utils/index.d.ts +5 -2
- package/lib/sidebar/utils/index.js +41 -106
- package/lib/skeleton/index.js +0 -6
- package/lib/table/components/CardView/index.js +62 -161
- package/lib/table/components/EmptyContent/index.js +0 -6
- package/lib/table/components/Filter/index.js +42 -93
- package/lib/table/components/Layout/index.js +25 -58
- package/lib/table/components/LoadMore/index.js +15 -44
- package/lib/table/components/Pagination/index.js +25 -68
- package/lib/table/components/QuickAction/index.js +3 -15
- package/lib/table/components/ToolBar/CardSwitch.js +6 -28
- package/lib/table/components/ToolBar/DensityIcon.js +18 -42
- package/lib/table/components/ToolBar/FilterColumnIcon.js +50 -118
- package/lib/table/components/ToolBar/FullScreenIcon.js +3 -13
- package/lib/table/components/ToolBar/Fullscreen.js +19 -42
- package/lib/table/components/ToolBar/RefreshIcon.js +3 -12
- package/lib/table/components/ToolBar/index.js +23 -63
- package/lib/table/index.js +227 -426
- package/lib/table/utils/columnRender.d.ts +1 -1
- package/lib/table/utils/columnRender.js +32 -89
- package/lib/table/utils/genProColumnToColumn.js +5 -19
- package/lib/table/utils/getTableProps.js +0 -2
- package/lib/table/utils/getTableSortIcons.js +0 -5
- package/lib/table/utils/index.js +12 -55
- package/lib/table/utils/pureColumnRender.js +21 -64
- package/lib/table/utils/pureGenProColumnToColumn.d.ts +1 -1
- package/lib/table/utils/pureGenProColumnToColumn.js +2 -11
- package/lib/table/utils/useTableSelection.js +6 -35
- package/lib/templates/Detail/index.js +0 -5
- package/lib/templates/Form/index.js +0 -5
- package/lib/templates/List/index.js +2 -19
- package/lib/templates/index.js +0 -6
- package/lib/timeline/ProTimeLineItem/index.js +24 -75
- package/lib/timeline/index.js +8 -33
- package/lib/timeline/typing.d.ts +1 -0
- package/lib/utils/index.js +0 -6
- package/lib/utils/message.d.ts +2 -2
- package/lib/utils/message.js +0 -10
- package/lib/utils/useRealHistory.d.ts +8 -0
- package/lib/utils/useRealHistory.js +32 -0
- package/package.json +1 -1
@@ -1,29 +1,16 @@
|
|
1
1
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
2
|
-
|
3
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."); }
|
4
|
-
|
5
3
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
6
|
-
|
7
4
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
8
|
-
|
9
5
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
10
|
-
|
11
6
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
12
|
-
|
13
7
|
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); }
|
14
|
-
|
15
8
|
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; }
|
16
|
-
|
17
9
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
18
|
-
|
19
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
20
|
-
|
21
11
|
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; }
|
22
|
-
|
23
12
|
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; }
|
24
|
-
|
25
13
|
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; }
|
26
|
-
|
27
14
|
/**
|
28
15
|
* 渲染列的逻辑函数,用于非 ProTable 比如 selectTable
|
29
16
|
*/
|
@@ -33,7 +20,6 @@ import ProField, { LabelIconTip } from '../../field';
|
|
33
20
|
/**
|
34
21
|
* 增加了 icon 的功能 render title
|
35
22
|
*/
|
36
|
-
|
37
23
|
export var renderColumnsTitle = function renderColumnsTitle(item) {
|
38
24
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelIconTip, {
|
39
25
|
label: item.title,
|
@@ -44,19 +30,17 @@ export var renderColumnsTitle = function renderColumnsTitle(item) {
|
|
44
30
|
/**
|
45
31
|
* 负责单元格的具体渲染
|
46
32
|
*/
|
47
|
-
|
48
33
|
export var renderCell = function renderCell(value, item, index, record) {
|
49
34
|
var _item$valueType = item.valueType,
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
35
|
+
valueType = _item$valueType === void 0 ? 'text' : _item$valueType,
|
36
|
+
render = item.render,
|
37
|
+
dataIndex = item.dataIndex,
|
38
|
+
format = item.format;
|
39
|
+
// 如果没传 dataIndex,返回 null
|
55
40
|
if (!dataIndex) {
|
56
41
|
value = null;
|
57
|
-
}
|
58
|
-
|
59
|
-
|
42
|
+
}
|
43
|
+
// 处理 dataIndex 为数组的情况
|
60
44
|
if (Array.isArray(dataIndex)) {
|
61
45
|
value = dataIndex.map(function (item) {
|
62
46
|
return getTargetValue("{{".concat(item, "}}"), _objectSpread(_objectSpread({}, record), {}, {
|
@@ -64,18 +48,16 @@ export var renderCell = function renderCell(value, item, index, record) {
|
|
64
48
|
}));
|
65
49
|
});
|
66
50
|
}
|
67
|
-
|
68
51
|
var newRender = null;
|
69
52
|
var newDataSource = null;
|
70
|
-
var props = item.props;
|
71
|
-
|
53
|
+
var props = item.props;
|
54
|
+
// 如果 render 直接传函数
|
72
55
|
if (typeof render === 'function') {
|
73
56
|
newRender = function newRender() {
|
74
57
|
return render === null || render === void 0 ? void 0 : render(value, index, record);
|
75
58
|
};
|
76
59
|
} else {
|
77
60
|
newRender = processBuriedPoint(processRenderFunction(render, value, index, record), record, value, index);
|
78
|
-
|
79
61
|
if (valueType === 'selectGroup') {
|
80
62
|
newRender = _objectSpread(_objectSpread({
|
81
63
|
maxShowNumber: 'auto',
|
@@ -92,28 +74,23 @@ export var renderCell = function renderCell(value, item, index, record) {
|
|
92
74
|
}
|
93
75
|
}, props);
|
94
76
|
}
|
95
|
-
|
96
77
|
if ((render === null || render === void 0 ? void 0 : render.type) === 'step') {
|
97
78
|
newRender = _objectSpread(_objectSpread({}, newRender), {}, {
|
98
79
|
ellipsis: false
|
99
80
|
});
|
100
81
|
}
|
101
|
-
}
|
102
|
-
|
103
|
-
|
82
|
+
}
|
83
|
+
// dataSource可传函数
|
104
84
|
if (typeof item.dataSource === 'function') {
|
105
85
|
var _item$dataSource;
|
106
|
-
|
107
86
|
newDataSource = (_item$dataSource = item.dataSource) === null || _item$dataSource === void 0 ? void 0 : _item$dataSource.call(item, value, index, record);
|
108
87
|
} else {
|
109
88
|
var _item$dataSource2;
|
110
|
-
|
111
89
|
newDataSource = ((_item$dataSource2 = item.dataSource) !== null && _item$dataSource2 !== void 0 ? _item$dataSource2 : []).map(function (item) {
|
112
90
|
return Object.fromEntries(Object.entries(item).map(function (_ref) {
|
113
91
|
var _ref2 = _slicedToArray(_ref, 2),
|
114
|
-
|
115
|
-
|
116
|
-
|
92
|
+
k = _ref2[0],
|
93
|
+
v = _ref2[1];
|
117
94
|
return [k, getTargetValue(v, _objectSpread(_objectSpread({}, record), {}, {
|
118
95
|
record: record,
|
119
96
|
value: value,
|
@@ -121,9 +98,8 @@ export var renderCell = function renderCell(value, item, index, record) {
|
|
121
98
|
}))];
|
122
99
|
}));
|
123
100
|
});
|
124
|
-
}
|
125
|
-
|
126
|
-
|
101
|
+
}
|
102
|
+
// 渲染 ProField
|
127
103
|
return /*#__PURE__*/React.createElement(ProField, _objectSpread({
|
128
104
|
type: valueType || 'text',
|
129
105
|
value: value,
|
@@ -140,7 +116,6 @@ export var renderCell = function renderCell(value, item, index, record) {
|
|
140
116
|
* @param record table cell record
|
141
117
|
* @returns
|
142
118
|
*/
|
143
|
-
|
144
119
|
var processRenderFunction = function processRenderFunction() {
|
145
120
|
var render = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
146
121
|
var value = arguments.length > 1 ? arguments[1] : undefined;
|
@@ -150,25 +125,20 @@ var processRenderFunction = function processRenderFunction() {
|
|
150
125
|
var external = ['linkOnClick', 'link', 'value', 'renderEdit', 'descriptionRenderEdit', 'editPopConfirmProps', 'descriptionEditPopConfirmProps', 'editOnClick', 'descriptionEditOnClick', 'extra', 'prefixExtra'];
|
151
126
|
return Object.fromEntries(Object.entries(render).map(function (_ref3) {
|
152
127
|
var _ref4 = _slicedToArray(_ref3, 2),
|
153
|
-
|
154
|
-
|
155
|
-
|
128
|
+
k = _ref4[0],
|
129
|
+
v = _ref4[1];
|
156
130
|
if (typeof v === 'function') {
|
157
131
|
var _v;
|
158
|
-
|
159
132
|
if (external.includes(k)) {
|
160
133
|
return [k, function () {
|
161
134
|
for (var _len = arguments.length, others = new Array(_len), _key = 0; _key < _len; _key++) {
|
162
135
|
others[_key] = arguments[_key];
|
163
136
|
}
|
164
|
-
|
165
137
|
return v === null || v === void 0 ? void 0 : v.apply(void 0, [value, index, record].concat(others));
|
166
138
|
}];
|
167
139
|
}
|
168
|
-
|
169
140
|
return [k, (_v = v === null || v === void 0 ? void 0 : v(value, index, record)) !== null && _v !== void 0 ? _v : ''];
|
170
141
|
}
|
171
|
-
|
172
142
|
return [k, v];
|
173
143
|
}));
|
174
144
|
};
|
@@ -178,20 +148,18 @@ var processRenderFunction = function processRenderFunction() {
|
|
178
148
|
* @param record table cell record
|
179
149
|
* @returns
|
180
150
|
*/
|
181
|
-
|
182
|
-
|
183
151
|
var processBuriedPoint = function processBuriedPoint() {
|
184
152
|
var render = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
185
153
|
var record = arguments.length > 1 ? arguments[1] : undefined;
|
186
154
|
var value = arguments.length > 2 ? arguments[2] : undefined;
|
187
155
|
var index = arguments.length > 3 ? arguments[3] : undefined;
|
188
|
-
return Object.fromEntries([
|
156
|
+
return Object.fromEntries([
|
157
|
+
// 默认 ellipsis、descriptionEllipsis 为 true
|
189
158
|
// emptyText 默认为 '-'
|
190
159
|
['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref5) {
|
191
160
|
var _ref6 = _slicedToArray(_ref5, 2),
|
192
|
-
|
193
|
-
|
194
|
-
|
161
|
+
k = _ref6[0],
|
162
|
+
v = _ref6[1];
|
195
163
|
return [k, getTargetValue(v, _objectSpread(_objectSpread({}, record), {}, {
|
196
164
|
record: record,
|
197
165
|
value: value,
|
@@ -4,4 +4,4 @@ import { ColumnProps } from '@alicloudfe/components/types/table';
|
|
4
4
|
* ProColumn => Column,去掉操作列,过滤器相关逻辑
|
5
5
|
* 用于非 ProTable 比如 selectTable
|
6
6
|
*/
|
7
|
-
export default function genProColumnToColumn(columns: ProTableColumnProps[]): ColumnProps[];
|
7
|
+
export default function genProColumnToColumn(columns: ProTableColumnProps[]): ColumnProps[] | any[];
|
@@ -1,27 +1,19 @@
|
|
1
1
|
var _excluded = ["filters", "dataIndex"];
|
2
|
-
|
3
2
|
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; }
|
4
|
-
|
5
3
|
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; }
|
6
|
-
|
7
4
|
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; }
|
8
|
-
|
9
5
|
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; }
|
10
|
-
|
11
6
|
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; }
|
12
|
-
|
13
7
|
import { renderColumnsTitle, renderCell } from './pureColumnRender';
|
14
8
|
/**
|
15
9
|
* ProColumn => Column,去掉操作列,过滤器相关逻辑
|
16
10
|
* 用于非 ProTable 比如 selectTable
|
17
11
|
*/
|
18
|
-
|
19
12
|
export default function genProColumnToColumn(columns) {
|
20
13
|
return columns.map(function (columnProps) {
|
21
14
|
var filters = columnProps.filters,
|
22
|
-
|
23
|
-
|
24
|
-
|
15
|
+
dataIndex = columnProps.dataIndex,
|
16
|
+
others = _objectWithoutProperties(columnProps, _excluded);
|
25
17
|
return _objectSpread(_objectSpread({
|
26
18
|
// 金钱样式默认右对齐
|
27
19
|
align: columnProps.valueType === 'money' ? 'right' : 'left'
|
@@ -1,50 +1,33 @@
|
|
1
1
|
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; }
|
2
|
-
|
3
2
|
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; }
|
4
|
-
|
5
3
|
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; }
|
6
|
-
|
7
4
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
8
|
-
|
9
5
|
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."); }
|
10
|
-
|
11
6
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
12
|
-
|
13
7
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
14
|
-
|
15
8
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
16
|
-
|
17
9
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
18
|
-
|
19
10
|
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); }
|
20
|
-
|
21
11
|
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; }
|
22
|
-
|
23
12
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
24
|
-
|
25
13
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
26
|
-
|
27
14
|
/**
|
28
15
|
* 处理表格 rowSelection hooks
|
29
16
|
* 除了基本 rowSelection 之外返回平铺后的 selectedRowKeys、selectedRecords
|
30
17
|
*/
|
31
18
|
import { useState } from 'react';
|
32
19
|
import { getDeepValue } from '@teamix/utils';
|
33
|
-
|
34
20
|
function useTableSelection() {
|
35
21
|
var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
36
22
|
var primaryKey = arguments.length > 1 ? arguments[1] : undefined;
|
37
|
-
|
38
23
|
var _useState = useState([]),
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
25
|
+
selectedRowKeys = _useState2[0],
|
26
|
+
setSelectedRowKeys = _useState2[1];
|
43
27
|
var _useState3 = useState([]),
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
28
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
29
|
+
selectedRecords = _useState4[0],
|
30
|
+
setSelectedRecords = _useState4[1];
|
48
31
|
function onChange(value, records) {
|
49
32
|
if (primaryKey) {
|
50
33
|
var newValue = value.filter(function (v) {
|
@@ -53,21 +36,17 @@ function useTableSelection() {
|
|
53
36
|
var deleteValue = selectedRowKeys.filter(function (v) {
|
54
37
|
return !value.includes(v);
|
55
38
|
});
|
56
|
-
|
57
39
|
var nextSelectedRecords = _toConsumableArray(selectedRecords);
|
58
|
-
|
59
40
|
if (newValue.length > 0) {
|
60
41
|
newValue.forEach(function (v) {
|
61
42
|
var nextRecords = records.find(function (n) {
|
62
43
|
return getDeepValue(primaryKey, n) === v;
|
63
44
|
});
|
64
|
-
|
65
45
|
if (nextRecords) {
|
66
46
|
nextSelectedRecords.push(nextRecords);
|
67
47
|
}
|
68
48
|
});
|
69
49
|
}
|
70
|
-
|
71
50
|
if (deleteValue.length > 0) {
|
72
51
|
deleteValue.forEach(function (v) {
|
73
52
|
nextSelectedRecords = nextSelectedRecords.filter(function (n) {
|
@@ -75,26 +54,21 @@ function useTableSelection() {
|
|
75
54
|
});
|
76
55
|
});
|
77
56
|
}
|
78
|
-
|
79
57
|
setSelectedRecords(nextSelectedRecords);
|
80
58
|
} else {
|
81
59
|
setSelectedRecords(records);
|
82
60
|
}
|
83
|
-
|
84
61
|
setSelectedRowKeys(value);
|
85
|
-
|
86
62
|
if (config.onChange) {
|
87
63
|
config.onChange(value, records);
|
88
64
|
}
|
89
65
|
}
|
90
|
-
|
91
66
|
var rowSelection = _objectSpread(_objectSpread({
|
92
67
|
selectedRowKeys: selectedRowKeys,
|
93
68
|
selectedRecords: selectedRecords
|
94
69
|
}, config), {}, {
|
95
70
|
onChange: onChange
|
96
71
|
});
|
97
|
-
|
98
72
|
return {
|
99
73
|
rowSelection: rowSelection,
|
100
74
|
selectedRowKeys: selectedRowKeys,
|
@@ -103,5 +77,4 @@ function useTableSelection() {
|
|
103
77
|
setSelectedRecords: setSelectedRecords
|
104
78
|
};
|
105
79
|
}
|
106
|
-
|
107
80
|
export default useTableSelection;
|
@@ -1,24 +1,17 @@
|
|
1
1
|
var _excluded = ["loading", "pageProps"];
|
2
|
-
|
3
2
|
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; }
|
4
|
-
|
5
3
|
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; }
|
6
|
-
|
7
4
|
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; }
|
8
|
-
|
9
5
|
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; }
|
10
|
-
|
11
6
|
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; }
|
12
|
-
|
13
7
|
import React from 'react';
|
14
8
|
import PageContainer, { EditableContainer } from '../../page-container';
|
15
9
|
import PageHeader from '../../page-header';
|
16
10
|
import ProTable from '../../table';
|
17
11
|
export var ListPage = function ListPage(props) {
|
18
12
|
var loading = props.loading,
|
19
|
-
|
20
|
-
|
21
|
-
|
13
|
+
pageProps = props.pageProps,
|
14
|
+
others = _objectWithoutProperties(props, _excluded);
|
22
15
|
var headerDefaultProps = {
|
23
16
|
title: '',
|
24
17
|
breadcrumb: []
|
@@ -1,29 +1,16 @@
|
|
1
1
|
var _excluded = ["_comment", "_shape", "status", "image", "icon", "title", "subTitle", "time", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender"];
|
2
|
-
|
3
2
|
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; }
|
4
|
-
|
5
3
|
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; }
|
6
|
-
|
7
4
|
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; }
|
8
|
-
|
9
5
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
10
|
-
|
11
6
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
12
|
-
|
13
7
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
14
|
-
|
15
8
|
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); }
|
16
|
-
|
17
9
|
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; }
|
18
|
-
|
19
10
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
20
|
-
|
21
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
22
|
-
|
23
12
|
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; }
|
24
|
-
|
25
13
|
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; }
|
26
|
-
|
27
14
|
import React, { useCallback, useState } from 'react';
|
28
15
|
import './index.scss';
|
29
16
|
import { Icon, Timeline } from '@alicloudfe/components';
|
@@ -33,71 +20,57 @@ import { renderTags } from '../../field';
|
|
33
20
|
import TeamixIcon from '@teamix/icon';
|
34
21
|
var TimelineItem = Timeline.Item;
|
35
22
|
var cls = usePrefixCls('teamix-pro-timeline');
|
36
|
-
|
37
23
|
var ProTimeLineItem = function ProTimeLineItem(props) {
|
38
24
|
var _props$_comment = props._comment,
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
25
|
+
_comment = _props$_comment === void 0 ? false : _props$_comment,
|
26
|
+
_shape = props._shape,
|
27
|
+
status = props.status,
|
28
|
+
image = props.image,
|
29
|
+
icon = props.icon,
|
30
|
+
title = props.title,
|
31
|
+
subTitle = props.subTitle,
|
32
|
+
time = props.time,
|
33
|
+
timeLeft = props.timeLeft,
|
34
|
+
content = props.content,
|
35
|
+
animation = props.animation,
|
36
|
+
discription = props.discription,
|
37
|
+
tags = props.tags,
|
38
|
+
collapsible = props.collapsible,
|
39
|
+
defaultCollapsed = props.defaultCollapsed,
|
40
|
+
collapsed = props.collapsed,
|
41
|
+
onCollapse = props.onCollapse,
|
42
|
+
dotRender = props.dotRender,
|
43
|
+
others = _objectWithoutProperties(props, _excluded);
|
59
44
|
var timeRight = time !== null && time !== void 0 ? time : subTitle; // 兼容 subTitle
|
60
|
-
|
61
45
|
/** 内容去折叠相关 */
|
62
|
-
|
63
46
|
var _useState = useState(defaultCollapsed !== undefined ? defaultCollapsed : false),
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
47
|
+
_useState2 = _slicedToArray(_useState, 2),
|
48
|
+
innerCollapseState = _useState2[0],
|
49
|
+
setInnerCollapseState = _useState2[1];
|
68
50
|
var hasCollapse = collapsible === true || defaultCollapsed !== undefined || collapsed !== undefined;
|
69
51
|
var collapseState = collapsed !== undefined ? collapsed : innerCollapseState;
|
70
52
|
var showContent = hasCollapse ? !collapseState : true;
|
71
|
-
|
72
53
|
var onCollapseChanged = function onCollapseChanged() {
|
73
54
|
onCollapse && onCollapse(!collapseState);
|
74
|
-
|
75
55
|
if (collapsed !== undefined) {
|
76
56
|
return;
|
77
57
|
}
|
78
|
-
|
79
58
|
setInnerCollapseState(!collapseState);
|
80
59
|
};
|
81
60
|
/** 对枚举参数进行处理 */
|
82
|
-
|
83
|
-
|
84
61
|
var formatTime = function formatTime(time) {
|
85
62
|
if (typeof time === 'string') return dateFormat(time, '', 'YYYY-MM-DD hh:mm:ss');
|
86
63
|
return time;
|
87
64
|
};
|
88
|
-
|
89
65
|
var formatShape = function formatShape() {
|
90
66
|
if (['dot', 'circle'].includes(_shape)) return _shape;
|
91
67
|
return 'dot';
|
92
68
|
};
|
93
|
-
|
94
69
|
var formatStatus = function formatStatus() {
|
95
70
|
if (['success', 'fail', 'process', 'warning', 'wait'].includes(status)) return status;
|
96
71
|
return 'wait';
|
97
72
|
};
|
98
73
|
/**一些复用常数 */
|
99
|
-
|
100
|
-
|
101
74
|
var circle = formatShape() === 'circle';
|
102
75
|
var dot = formatShape() === 'dot';
|
103
76
|
var process = formatStatus() === 'process';
|
@@ -106,7 +79,6 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
106
79
|
var warning = formatStatus() === 'warning';
|
107
80
|
var wait = formatStatus() === 'wait';
|
108
81
|
/**对元素进行渲染 */
|
109
|
-
|
110
82
|
var renderImage = function renderImage() {
|
111
83
|
if (typeof image === 'string') {
|
112
84
|
return /*#__PURE__*/React.createElement("img", {
|
@@ -114,18 +86,14 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
114
86
|
alt: ""
|
115
87
|
});
|
116
88
|
}
|
117
|
-
|
118
89
|
return image;
|
119
90
|
};
|
120
|
-
|
121
91
|
var renderTag = function renderTag() {
|
122
92
|
if (_typeof(tags) === 'object') {
|
123
93
|
return renderTags(tags, 'small');
|
124
94
|
}
|
125
|
-
|
126
95
|
return tags;
|
127
96
|
};
|
128
|
-
|
129
97
|
var renderTimeLeft = useCallback(function () {
|
130
98
|
return timeLeft && /*#__PURE__*/React.createElement("span", {
|
131
99
|
className: classnames(cls({
|
@@ -184,7 +152,6 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
184
152
|
/**
|
185
153
|
* 重新渲染 timeline 节点
|
186
154
|
* */
|
187
|
-
|
188
155
|
var renderNode = useCallback(function () {
|
189
156
|
// shape 取 dot
|
190
157
|
var renderDot = function renderDot() {
|
@@ -209,14 +176,12 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
209
176
|
type: icon,
|
210
177
|
size: "small"
|
211
178
|
}));
|
212
|
-
};
|
213
|
-
|
214
|
-
|
179
|
+
};
|
180
|
+
// shape 取 circle
|
215
181
|
var renderCircle = function renderCircle() {
|
216
182
|
if (dotRender) return /*#__PURE__*/React.createElement("div", {
|
217
183
|
className: classnames(cls('item-render-wrapper'))
|
218
184
|
}, dotRender());
|
219
|
-
|
220
185
|
var renderCircleItem = function renderCircleItem() {
|
221
186
|
// 有传入 icon 渲染 icon
|
222
187
|
if (icon) return /*#__PURE__*/React.createElement(Icon, {
|
@@ -244,7 +209,6 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
244
209
|
size: "small"
|
245
210
|
});
|
246
211
|
};
|
247
|
-
|
248
212
|
return /*#__PURE__*/React.createElement("div", {
|
249
213
|
className: classnames(cls({
|
250
214
|
'item-render-wrapper-circle': true,
|
@@ -256,15 +220,12 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
256
220
|
}))
|
257
221
|
}, renderCircleItem());
|
258
222
|
};
|
259
|
-
|
260
223
|
var renderStateNode = function renderStateNode() {
|
261
224
|
if (circle) {
|
262
225
|
return renderCircle();
|
263
226
|
}
|
264
|
-
|
265
227
|
return renderDot();
|
266
228
|
};
|
267
|
-
|
268
229
|
return /*#__PURE__*/React.createElement("div", {
|
269
230
|
className: classnames(cls('item'))
|
270
231
|
}, /*#__PURE__*/React.createElement("div", {
|
@@ -280,6 +241,5 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
280
241
|
animation: animation
|
281
242
|
}, others));
|
282
243
|
};
|
283
|
-
|
284
244
|
ProTimeLineItem.displayName = 'ProTimeLineItem';
|
285
245
|
export default ProTimeLineItem;
|
package/es/timeline/index.js
CHANGED
@@ -1,15 +1,9 @@
|
|
1
1
|
var _excluded = ["items", "comment", "shape", "fold", "children"];
|
2
|
-
|
3
2
|
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; }
|
4
|
-
|
5
3
|
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; }
|
6
|
-
|
7
4
|
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; }
|
8
|
-
|
9
5
|
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; }
|
10
|
-
|
11
6
|
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; }
|
12
|
-
|
13
7
|
import React, { useMemo } from 'react';
|
14
8
|
import { Timeline } from '@alicloudfe/components';
|
15
9
|
import ProTimeLineItem from './ProTimeLineItem';
|
@@ -17,32 +11,27 @@ import { usePrefixCls } from '@teamix/utils';
|
|
17
11
|
import classNames from 'classnames';
|
18
12
|
import './index.scss';
|
19
13
|
var cls = usePrefixCls('teamix-pro-timeline');
|
20
|
-
|
21
14
|
var ProTimeline = function ProTimeline(props) {
|
22
15
|
var items = props.items,
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
16
|
+
comment = props.comment,
|
17
|
+
shape = props.shape,
|
18
|
+
fold = props.fold,
|
19
|
+
children = props.children,
|
20
|
+
others = _objectWithoutProperties(props, _excluded);
|
21
|
+
// 判断渲染组件是不是 ProTimelineItem, 并返回筛选后的children
|
30
22
|
var renderChildren = useMemo(function () {
|
31
23
|
return React.Children.map(children, function (child) {
|
32
24
|
var childElement = child;
|
33
25
|
var displayName = childElement.type.displayName;
|
34
|
-
|
35
26
|
if (displayName === 'ProTimeLineItem') {
|
36
27
|
return /*#__PURE__*/React.cloneElement(childElement, {
|
37
28
|
_shape: shape,
|
38
29
|
_comment: comment
|
39
30
|
});
|
40
31
|
}
|
41
|
-
|
42
32
|
console.error('Warning: ProTimeline has a child which is not a ProTimelineItem component');
|
43
33
|
});
|
44
34
|
}, [children]);
|
45
|
-
|
46
35
|
var renderItem = function renderItem() {
|
47
36
|
// 传递了 item 采用 item 渲染数组的方式
|
48
37
|
if (items) {
|
@@ -56,15 +45,13 @@ var ProTimeline = function ProTimeline(props) {
|
|
56
45
|
} else {
|
57
46
|
return renderChildren;
|
58
47
|
}
|
59
|
-
};
|
60
|
-
|
61
|
-
|
48
|
+
};
|
49
|
+
// 渲染 ProTimelineItem
|
62
50
|
var renderProTimeline = function renderProTimeline() {
|
63
51
|
return /*#__PURE__*/React.createElement(Timeline, _objectSpread({
|
64
52
|
fold: fold
|
65
53
|
}, others), renderItem());
|
66
54
|
};
|
67
|
-
|
68
55
|
return /*#__PURE__*/React.createElement("div", {
|
69
56
|
className: classNames(cls({
|
70
57
|
'': true,
|
@@ -72,6 +59,5 @@ var ProTimeline = function ProTimeline(props) {
|
|
72
59
|
}))
|
73
60
|
}, renderProTimeline());
|
74
61
|
};
|
75
|
-
|
76
62
|
ProTimeline.Item = ProTimeLineItem;
|
77
63
|
export { ProTimeline, ProTimeLineItem };
|