@teamix/pro 1.4.25-bugfix.2 → 1.4.25-bugfix.3
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 +64943 -84006
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.min.js.LICENSE.txt +6 -13
- package/es/actions/base.js +21 -8
- package/es/actions/dialog-component.js +9 -2
- package/es/actions/dialog-form.js +75 -37
- package/es/actions/dialog-info.js +5 -1
- package/es/actions/dialog.js +95 -57
- package/es/actions/index.d.ts +0 -7
- package/es/actions/index.js +153 -93
- package/es/actions/index.scss +1 -6
- package/es/actions/link.js +5 -3
- package/es/actions/request.js +27 -12
- package/es/actions/utils.js +9 -1
- package/es/card/card-container.js +5 -0
- package/es/card/divider.js +5 -0
- package/es/card/index.js +100 -61
- package/es/card/index.scss +0 -15
- package/es/card/selectable.js +13 -4
- package/es/card/tab.js +10 -1
- package/es/card/utils.js +2 -0
- package/es/form/Components/Editable/index.js +55 -16
- package/es/form/Components/FormGroup/index.d.ts +0 -1
- package/es/form/Components/FormGroup/index.js +22 -7
- package/es/form/Components/LightFilter/index.js +35 -15
- package/es/form/Components/ProField/index.js +14 -2
- package/es/form/Components/ProField/mapDateFormat.js +28 -2
- package/es/form/Components/Text/index.d.ts +0 -1
- package/es/form/Components/Text/index.js +11 -2
- package/es/form/Filter/AdvancedFilter.js +26 -11
- package/es/form/Filter/Layout.js +24 -11
- package/es/form/Filter/LightFilter.js +24 -13
- package/es/form/Filter/SimpleFilter.js +21 -7
- package/es/form/Filter/index.js +171 -117
- package/es/form/Filter/index2.js +28 -11
- package/es/form/Filter/layout.scss +1 -1
- package/es/form/Filter/useBindUrl.js +46 -18
- package/es/form/Filter/useSpecialProps.js +13 -8
- package/es/form/ProForm/customComponent.js +5 -0
- package/es/form/ProForm/index.js +38 -30
- package/es/form/ProForm/useAutoLayout.js +42 -21
- package/es/form/ProForm/useAutoSubmit.js +8 -3
- package/es/form/ProForm/useFieldRequest.js +5 -0
- package/es/form/ProForm/useFormDisplayValues.js +28 -12
- package/es/form/ProForm/useInitialRequest.js +5 -0
- package/es/form/SchemaForm/adapterComponent.js +3 -0
- package/es/form/SchemaForm/adapterDecorator.d.ts +1 -1
- package/es/form/SchemaForm/adapterDecorator.js +8 -0
- package/es/form/SchemaForm/adapterType.js +2 -0
- package/es/form/SchemaForm/index.js +114 -78
- package/es/form/SchemaForm/initializeArrayCards.js +6 -0
- package/es/form/SchemaForm/initializeArrayCollapse.js +6 -0
- package/es/form/SchemaForm/initializeArrayItems.js +9 -2
- package/es/form/SchemaForm/initializeArrayTable.js +34 -21
- package/es/form/SchemaForm/initializeDataSource.js +6 -2
- package/es/form/SchemaForm/initializeFormButton.js +31 -14
- package/es/form/SchemaForm/initializeFormCollapse.js +18 -8
- package/es/form/SchemaForm/initializeFormGroup.js +20 -10
- package/es/form/SchemaForm/initializeFormStep.js +23 -11
- package/es/form/SchemaForm/initializeFormTab.js +20 -10
- package/es/form/SchemaForm/initializeReactions.js +33 -9
- package/es/form/SchemaForm/initializeRequest.js +16 -2
- package/es/form/SchemaForm/initializeRules.js +22 -4
- package/es/form/SchemaForm/initializeSelectTable.js +33 -7
- package/es/form/SchemaForm/reactions.js +34 -19
- package/es/form/docs/ActionResponse.d.ts +0 -1
- package/es/form/index.d.ts +9 -9
- package/es/form/index.js +9 -0
- package/es/form/typing.d.ts +4 -26
- package/es/form/utils.d.ts +1 -1
- package/es/form/utils.js +49 -4
- package/es/form/warning.js +7 -2
- package/es/global.scss +1 -3
- package/es/index-without-icon.js +3 -4
- package/es/index.d.ts +1 -1
- package/es/index.js +8 -18
- package/es/info/components/InfoGroup/index.js +32 -21
- package/es/info/components/InfoValueItem/index.js +119 -66
- package/es/info/components/ProInfoItem/index.js +21 -13
- package/es/info/components/baseInfo/index.js +27 -17
- package/es/info/components/headerInfo/index.js +20 -8
- package/es/info/components/tableInfo/index.js +50 -20
- package/es/info/index.js +86 -61
- package/es/info/typing.d.ts +0 -2
- package/es/info/utils/index.js +11 -0
- package/es/nocode/configurators/ProTable.js +22 -1
- package/es/nocode/configurators/common.js +6 -5
- package/es/nocode/configurators/index.js +3 -2
- package/es/nocode/index.js +6 -6
- package/es/nocode/pages/editor.js +9 -5
- package/es/nocode/pages/index.js +30 -5
- package/es/nocode/pages/playground.js +35 -18
- package/es/nocode/pages/renderer.js +42 -9
- package/es/nocode/playground.js +23 -10
- package/es/page-header/index.d.ts +2 -2
- package/es/page-header/index.js +76 -40
- package/es/page-header/index.scss +1 -2
- package/es/sidebar/components/sidebar-container/index.js +69 -54
- package/es/sidebar/components/sidebar-container/index.scss +14 -21
- package/es/sidebar/components/tree/index.js +138 -100
- package/es/sidebar/components/tree-node/components/HoverTooltip/index.js +26 -11
- package/es/sidebar/components/tree-node/components/IconAction/index.js +35 -9
- package/es/sidebar/components/tree-node/components/IconSwitch/index.d.ts +2 -2
- package/es/sidebar/components/tree-node/components/IconSwitch/index.js +25 -12
- package/es/sidebar/components/tree-node/components/IconSwitch/index.scss +1 -1
- package/es/sidebar/components/tree-node/index.js +84 -42
- package/es/sidebar/components/tree-node/index.scss +0 -6
- package/es/sidebar/index.d.ts +0 -2
- package/es/sidebar/index.js +95 -72
- package/es/sidebar/typing.d.ts +0 -4
- package/es/sidebar/utils/action-ref.js +7 -2
- package/es/sidebar/utils/index.d.ts +2 -5
- package/es/sidebar/utils/index.js +98 -41
- package/es/table/components/Filter/index.d.ts +3 -6
- package/es/table/components/Filter/index.js +128 -115
- package/es/table/components/Layout/index.js +47 -32
- package/es/table/components/Layout/index.scss +1 -2
- package/es/table/components/Pagination/index.js +58 -25
- package/es/table/components/QuickAction/index.d.ts +0 -1
- package/es/table/components/QuickAction/index.js +11 -3
- package/es/table/components/ToolBar/DensityIcon.js +31 -19
- package/es/table/components/ToolBar/FilterColumnIcon.js +125 -87
- package/es/table/components/ToolBar/FullScreenIcon.js +62 -7
- package/es/table/components/ToolBar/Fullscreen.js +28 -25
- package/es/table/components/ToolBar/RefreshIcon.js +27 -162
- package/es/table/components/ToolBar/index.d.ts +1 -1
- package/es/table/components/ToolBar/index.js +38 -130
- package/es/table/components/ToolBar/index.scss +3 -49
- package/es/table/index.js +423 -455
- package/es/table/index.scss +0 -8
- package/es/table/typing.d.ts +6 -125
- package/es/table/utils/columnRender.d.ts +3 -3
- package/es/table/utils/columnRender.js +79 -39
- package/es/table/utils/genProColumnToColumn.d.ts +2 -2
- package/es/table/utils/genProColumnToColumn.js +16 -13
- package/es/table/utils/index.js +47 -14
- package/es/table/utils/pureColumnRender.js +53 -21
- package/es/table/utils/pureGenProColumnToColumn.d.ts +1 -1
- package/es/table/utils/pureGenProColumnToColumn.js +10 -2
- package/es/table/utils/useTableSelection.js +33 -6
- package/es/templates/List/index.js +9 -2
- package/es/timeline/ProTimeLineItem/index.js +65 -25
- package/es/timeline/index.js +22 -8
- package/es/timeline/typing.d.ts +0 -1
- package/es/utils/message.d.ts +2 -2
- package/es/utils/message.js +5 -0
- package/lib/actions/base.js +24 -8
- package/lib/actions/confirm.js +5 -0
- package/lib/actions/danger-confirm.js +5 -0
- package/lib/actions/danger-pop-confirm.js +4 -0
- package/lib/actions/dialog-component.js +15 -2
- package/lib/actions/dialog-form.js +89 -36
- package/lib/actions/dialog-info.js +10 -1
- package/lib/actions/dialog-table.js +5 -0
- package/lib/actions/dialog.js +112 -55
- package/lib/actions/drawer-form.js +3 -0
- package/lib/actions/drawer-info.js +3 -0
- package/lib/actions/drawer-table.js +3 -0
- package/lib/actions/drawer.js +4 -0
- package/lib/actions/error.js +5 -0
- package/lib/actions/index.d.ts +0 -7
- package/lib/actions/index.js +184 -115
- package/lib/actions/index.scss +1 -6
- package/lib/actions/link.js +10 -1
- package/lib/actions/notice.js +5 -0
- package/lib/actions/pop-confirm.js +5 -0
- package/lib/actions/request.js +32 -8
- package/lib/actions/utils.js +9 -1
- package/lib/card/card-container.js +9 -0
- package/lib/card/divider.js +7 -0
- package/lib/card/index.js +127 -61
- package/lib/card/index.scss +0 -15
- package/lib/card/selectable.js +20 -4
- package/lib/card/tab.js +14 -1
- package/lib/card/utils.js +6 -0
- package/lib/field/index.js +6 -0
- package/lib/form/Components/Editable/index.js +65 -15
- package/lib/form/Components/FormGroup/index.d.ts +0 -1
- package/lib/form/Components/FormGroup/index.js +28 -7
- package/lib/form/Components/LightFilter/index.js +47 -15
- package/lib/form/Components/ProField/index.js +21 -2
- package/lib/form/Components/ProField/mapDateFormat.js +32 -2
- package/lib/form/Components/Text/index.d.ts +0 -1
- package/lib/form/Components/Text/index.js +16 -2
- package/lib/form/Filter/AdvancedFilter.js +34 -11
- package/lib/form/Filter/Layout.js +33 -11
- package/lib/form/Filter/LightFilter.js +32 -13
- package/lib/form/Filter/SimpleFilter.js +27 -5
- package/lib/form/Filter/index.js +191 -116
- package/lib/form/Filter/index2.js +38 -11
- package/lib/form/Filter/layout.scss +1 -1
- package/lib/form/Filter/useBindUrl.js +50 -18
- package/lib/form/Filter/useSpecialProps.js +13 -6
- package/lib/form/ProForm/customComponent.js +8 -0
- package/lib/form/ProForm/index.js +60 -30
- package/lib/form/ProForm/useAutoLayout.js +45 -21
- package/lib/form/ProForm/useAutoSubmit.js +10 -1
- package/lib/form/ProForm/useFieldRequest.js +8 -0
- package/lib/form/ProForm/useFormDisplayValues.js +34 -12
- package/lib/form/ProForm/useInitialRequest.js +6 -0
- package/lib/form/SchemaForm/adapterComponent.js +6 -0
- package/lib/form/SchemaForm/adapterDecorator.d.ts +1 -1
- package/lib/form/SchemaForm/adapterDecorator.js +12 -0
- package/lib/form/SchemaForm/adapterType.js +5 -0
- package/lib/form/SchemaForm/index.js +144 -78
- package/lib/form/SchemaForm/initializeArrayCards.js +7 -0
- package/lib/form/SchemaForm/initializeArrayCollapse.js +7 -0
- package/lib/form/SchemaForm/initializeArrayItems.js +10 -2
- package/lib/form/SchemaForm/initializeArrayTable.js +34 -21
- package/lib/form/SchemaForm/initializeDataSource.js +8 -2
- package/lib/form/SchemaForm/initializeFormButton.js +32 -14
- package/lib/form/SchemaForm/initializeFormCollapse.js +18 -8
- package/lib/form/SchemaForm/initializeFormGroup.js +20 -10
- package/lib/form/SchemaForm/initializeFormStep.js +23 -11
- package/lib/form/SchemaForm/initializeFormTab.js +20 -10
- package/lib/form/SchemaForm/initializeReactions.js +37 -9
- package/lib/form/SchemaForm/initializeRequest.js +18 -2
- package/lib/form/SchemaForm/initializeRules.js +24 -4
- package/lib/form/SchemaForm/initializeSelectTable.js +36 -7
- package/lib/form/SchemaForm/reactions.js +37 -17
- package/lib/form/docs/ActionResponse.d.ts +0 -1
- package/lib/form/docs/ActionResponse.js +5 -0
- package/lib/form/index.d.ts +9 -9
- package/lib/form/index.js +25 -0
- package/lib/form/typing.d.ts +4 -26
- package/lib/form/utils.d.ts +1 -1
- package/lib/form/utils.js +61 -4
- package/lib/form/warning.js +8 -2
- package/lib/global.scss +1 -3
- package/lib/hooks/index.js +5 -0
- package/lib/index-without-icon.js +36 -2
- package/lib/index.d.ts +1 -1
- package/lib/index.js +40 -13
- package/lib/info/components/InfoGroup/index.js +42 -21
- package/lib/info/components/InfoValueItem/index.js +134 -66
- package/lib/info/components/ProInfoItem/index.js +29 -13
- package/lib/info/components/baseInfo/index.js +39 -17
- package/lib/info/components/headerInfo/index.js +31 -8
- package/lib/info/components/tableInfo/index.js +62 -20
- package/lib/info/index.js +101 -61
- package/lib/info/typing.d.ts +0 -2
- package/lib/info/utils/index.js +19 -0
- package/lib/info/utils/utils.js +1 -0
- package/lib/nocode/configurators/PageHeader.js +2 -0
- package/lib/nocode/configurators/ProTable.js +24 -1
- package/lib/nocode/configurators/common.js +10 -5
- package/lib/nocode/configurators/index.js +10 -2
- package/lib/nocode/configurators/map.js +5 -0
- package/lib/nocode/index.js +11 -0
- package/lib/nocode/pages/editor.js +19 -5
- package/lib/nocode/pages/index.js +35 -3
- package/lib/nocode/pages/playground.js +52 -18
- package/lib/nocode/pages/renderer.js +53 -9
- package/lib/nocode/playground.js +35 -10
- package/lib/page-container/index.js +6 -0
- package/lib/page-header/index.d.ts +2 -2
- package/lib/page-header/index.js +90 -39
- package/lib/page-header/index.scss +1 -2
- package/lib/sidebar/components/sidebar-container/index.js +81 -54
- package/lib/sidebar/components/sidebar-container/index.scss +14 -21
- package/lib/sidebar/components/tree/index.js +152 -100
- package/lib/sidebar/components/tree-node/components/HoverTooltip/index.js +34 -11
- package/lib/sidebar/components/tree-node/components/IconAction/index.js +46 -9
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.d.ts +2 -2
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.js +35 -12
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.scss +1 -1
- package/lib/sidebar/components/tree-node/index.js +100 -42
- package/lib/sidebar/components/tree-node/index.scss +0 -6
- package/lib/sidebar/index.d.ts +0 -2
- package/lib/sidebar/index.js +111 -79
- package/lib/sidebar/typing.d.ts +0 -4
- package/lib/sidebar/utils/action-ref.js +8 -2
- package/lib/sidebar/utils/index.d.ts +2 -5
- package/lib/sidebar/utils/index.js +106 -41
- package/lib/skeleton/index.js +6 -0
- package/lib/table/components/EmptyContent/index.js +6 -0
- package/lib/table/components/Filter/index.d.ts +3 -6
- package/lib/table/components/Filter/index.js +137 -114
- package/lib/table/components/Layout/index.js +60 -32
- package/lib/table/components/Layout/index.scss +1 -2
- package/lib/table/components/Pagination/index.js +68 -25
- package/lib/table/components/QuickAction/index.d.ts +0 -1
- package/lib/table/components/QuickAction/index.js +15 -3
- package/lib/table/components/ToolBar/DensityIcon.js +42 -19
- package/lib/table/components/ToolBar/FilterColumnIcon.js +136 -86
- package/lib/table/components/ToolBar/FullScreenIcon.js +74 -10
- package/lib/table/components/ToolBar/Fullscreen.js +35 -25
- package/lib/table/components/ToolBar/RefreshIcon.js +36 -164
- package/lib/table/components/ToolBar/index.d.ts +1 -1
- package/lib/table/components/ToolBar/index.js +47 -133
- package/lib/table/components/ToolBar/index.scss +3 -49
- package/lib/table/index.js +445 -454
- package/lib/table/index.scss +0 -8
- package/lib/table/typing.d.ts +6 -125
- package/lib/table/utils/columnRender.d.ts +3 -3
- package/lib/table/utils/columnRender.js +92 -39
- package/lib/table/utils/genProColumnToColumn.d.ts +2 -2
- package/lib/table/utils/genProColumnToColumn.js +21 -13
- package/lib/table/utils/getTableProps.js +2 -0
- package/lib/table/utils/getTableSortIcons.js +5 -0
- package/lib/table/utils/index.js +55 -12
- package/lib/table/utils/pureColumnRender.js +64 -21
- package/lib/table/utils/pureGenProColumnToColumn.d.ts +1 -1
- package/lib/table/utils/pureGenProColumnToColumn.js +11 -2
- package/lib/table/utils/useTableSelection.js +35 -6
- package/lib/templates/Detail/index.js +5 -0
- package/lib/templates/Form/index.js +5 -0
- package/lib/templates/List/index.js +19 -2
- package/lib/templates/index.js +6 -0
- package/lib/timeline/ProTimeLineItem/index.js +76 -25
- package/lib/timeline/index.js +33 -8
- package/lib/timeline/typing.d.ts +0 -1
- package/lib/utils/index.js +6 -0
- package/lib/utils/message.d.ts +2 -2
- package/lib/utils/message.js +10 -0
- package/package.json +1 -1
- package/dist/pro.all.min.css +0 -1
- package/dist/pro.xconsole.min.css +0 -1
- package/es/actions/quick.d.ts +0 -2
- package/es/actions/quick.js +0 -26
- package/es/card/xconsole.scss +0 -3
- package/es/form/ProForm/addCascadeEffect.d.ts +0 -2
- package/es/form/ProForm/addCascadeEffect.js +0 -203
- package/es/next-xconsole.scss +0 -34
- package/es/page-header/xconsole.scss +0 -5
- package/es/table/components/CardView/index.d.ts +0 -5
- package/es/table/components/CardView/index.js +0 -392
- package/es/table/components/CardView/index.scss +0 -46
- package/es/table/components/LoadMore/index.d.ts +0 -20
- package/es/table/components/LoadMore/index.js +0 -88
- package/es/table/components/LoadMore/index.scss +0 -19
- package/es/table/components/ToolBar/CardSwitch.d.ts +0 -8
- package/es/table/components/ToolBar/CardSwitch.js +0 -52
- package/es/table/utils/util.d.ts +0 -5
- package/es/table/utils/util.js +0 -19
- package/es/xconsole.scss +0 -503
- package/lib/actions/quick.d.ts +0 -2
- package/lib/actions/quick.js +0 -33
- package/lib/card/xconsole.scss +0 -3
- package/lib/form/ProForm/addCascadeEffect.d.ts +0 -2
- package/lib/form/ProForm/addCascadeEffect.js +0 -210
- package/lib/next-xconsole.scss +0 -34
- package/lib/page-header/xconsole.scss +0 -5
- package/lib/table/components/CardView/index.d.ts +0 -5
- package/lib/table/components/CardView/index.js +0 -402
- package/lib/table/components/CardView/index.scss +0 -46
- package/lib/table/components/LoadMore/index.d.ts +0 -20
- package/lib/table/components/LoadMore/index.js +0 -99
- package/lib/table/components/LoadMore/index.scss +0 -19
- package/lib/table/components/ToolBar/CardSwitch.d.ts +0 -8
- package/lib/table/components/ToolBar/CardSwitch.js +0 -60
- package/lib/table/utils/util.d.ts +0 -5
- package/lib/table/utils/util.js +0 -25
- package/lib/xconsole.scss +0 -503
@@ -1,20 +1,37 @@
|
|
1
1
|
var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel"];
|
2
|
+
|
2
3
|
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
|
+
|
3
5
|
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
|
+
|
4
7
|
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
|
+
|
5
9
|
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
|
+
|
6
11
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
12
|
+
|
7
13
|
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
|
+
|
8
15
|
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; }
|
16
|
+
|
9
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
18
|
+
|
10
19
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
20
|
+
|
11
21
|
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."); }
|
22
|
+
|
12
23
|
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); }
|
24
|
+
|
13
25
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
26
|
+
|
14
27
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
28
|
+
|
15
29
|
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; }
|
30
|
+
|
16
31
|
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; }
|
32
|
+
|
17
33
|
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; }
|
34
|
+
|
18
35
|
import { Tree } from '@alicloudfe/components';
|
19
36
|
import { usePrefixCls } from '@teamix/utils';
|
20
37
|
import React, { useEffect, useMemo, useState } from 'react';
|
@@ -26,34 +43,39 @@ import { useUpdateEffect } from '@teamix/hooks';
|
|
26
43
|
import { useActionType } from '../../utils/action-ref';
|
27
44
|
import cloneDeep from 'lodash.clonedeep';
|
28
45
|
var cls = usePrefixCls('teamix-pro-sidebar-tree');
|
46
|
+
|
29
47
|
var ProSidebarTree = function ProSidebarTree(props) {
|
30
48
|
var _ref;
|
49
|
+
|
31
50
|
var dataSourceProp = props.dataSource,
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
51
|
+
selectedKeysProp = props.selectedKeys,
|
52
|
+
checkedKeysProp = props.checkedKeys,
|
53
|
+
defaultExpandedKeys = props.defaultExpandedKeys,
|
54
|
+
defaultExpandAll = props.defaultExpandAll,
|
55
|
+
expandedKeysProp = props.expandedKeys,
|
56
|
+
onSelect = props.onSelect,
|
57
|
+
onCheck = props.onCheck,
|
58
|
+
isNodeBlock = props.isNodeBlock,
|
59
|
+
searchKey = props.searchKey,
|
60
|
+
actionRef = props.actionRef,
|
61
|
+
onBeforeRenderNodeEvent = props.onBeforeRenderNodeEvent,
|
62
|
+
beforeRenderNode = props.beforeRenderNode,
|
63
|
+
_props$className = props.className,
|
64
|
+
className = _props$className === void 0 ? '' : _props$className,
|
65
|
+
expandAll = props.expandAll,
|
66
|
+
onDataSourceChange = props.onDataSourceChange,
|
67
|
+
_props$expandLevel = props.expandLevel,
|
68
|
+
expandLevel = _props$expandLevel === void 0 ? 1 : _props$expandLevel,
|
69
|
+
others = _objectWithoutProperties(props, _excluded); // 使用 beforeRenderNode 处理 dataSource
|
70
|
+
|
71
|
+
|
52
72
|
var processDataSource = function processDataSource(dataSource) {
|
53
73
|
var newDataSource = cloneDeep(dataSource);
|
74
|
+
|
54
75
|
if (beforeRenderNode) {
|
55
76
|
loop(newDataSource, function (item, level) {
|
56
77
|
var _beforeRenderNode;
|
78
|
+
|
57
79
|
var newItem = (_beforeRenderNode = beforeRenderNode === null || beforeRenderNode === void 0 ? void 0 : beforeRenderNode(item, level, dataSource)) !== null && _beforeRenderNode !== void 0 ? _beforeRenderNode : {};
|
58
80
|
var allItemKeys = Array.from(new Set([].concat(_toConsumableArray(Object.keys(item)), _toConsumableArray(Object.keys(newItem)))));
|
59
81
|
allItemKeys.forEach(function (key) {
|
@@ -61,124 +83,121 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
61
83
|
});
|
62
84
|
});
|
63
85
|
}
|
86
|
+
|
64
87
|
return newDataSource;
|
65
|
-
};
|
66
|
-
|
88
|
+
}; // 自动展开父节点。过滤时用
|
89
|
+
|
90
|
+
|
67
91
|
var _useState = useState(false),
|
68
|
-
|
69
|
-
|
70
|
-
|
92
|
+
_useState2 = _slicedToArray(_useState, 2),
|
93
|
+
autoExpandParent = _useState2[0],
|
94
|
+
setAutoExpandParent = _useState2[1];
|
95
|
+
|
71
96
|
var _useState3 = useState(),
|
72
|
-
|
73
|
-
|
74
|
-
|
97
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
98
|
+
matchedKeys = _useState4[0],
|
99
|
+
setMatchedKeys = _useState4[1];
|
100
|
+
|
75
101
|
var _useState5 = useState((_ref = expandedKeysProp !== null && expandedKeysProp !== void 0 ? expandedKeysProp : defaultExpandedKeys) !== null && _ref !== void 0 ? _ref : []),
|
76
|
-
|
77
|
-
|
78
|
-
|
102
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
103
|
+
expandedKeys = _useState6[0],
|
104
|
+
setExpandedKeys = _useState6[1];
|
105
|
+
|
79
106
|
var _useState7 = useState(processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : [])),
|
80
|
-
|
81
|
-
|
82
|
-
|
107
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
108
|
+
dataSource = _useState8[0],
|
109
|
+
setDataSource = _useState8[1];
|
110
|
+
|
83
111
|
var _useState9 = useState(selectedKeysProp),
|
84
|
-
|
85
|
-
|
86
|
-
|
112
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
113
|
+
selectedKeys = _useState10[0],
|
114
|
+
setSelectedKeys = _useState10[1];
|
115
|
+
|
87
116
|
var _useState11 = useState(checkedKeysProp),
|
88
|
-
|
89
|
-
|
90
|
-
|
117
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
118
|
+
checkedKeys = _useState12[0],
|
119
|
+
setCheckedKeys = _useState12[1];
|
120
|
+
|
91
121
|
useEffect(function () {
|
92
122
|
setDefaultExpandedKeys();
|
93
|
-
}, []);
|
94
|
-
|
123
|
+
}, []); // 监听 selectedKeys,用于受控
|
124
|
+
|
95
125
|
useEffect(function () {
|
96
126
|
setSelectedKeys(selectedKeysProp);
|
97
|
-
}, [selectedKeysProp]);
|
98
|
-
|
127
|
+
}, [selectedKeysProp]); // 更新外部传入的 dataSource
|
128
|
+
|
99
129
|
useUpdateEffect(function () {
|
100
130
|
setDataSource(processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []));
|
101
|
-
}, [dataSourceProp]);
|
102
|
-
|
103
|
-
useUpdateEffect(function () {
|
104
|
-
onChangeExpandAll();
|
105
|
-
}, [expandAll]);
|
106
|
-
// 监听展开层级事件
|
131
|
+
}, [dataSourceProp]); // 监听展开全部事件
|
132
|
+
|
107
133
|
useUpdateEffect(function () {
|
108
|
-
onChangeExpandLevel();
|
109
|
-
}, [expandLevel]);
|
110
|
-
// 监听 DataSource 变化事件
|
111
|
-
useEffect(function () {
|
112
|
-
onDataSourceChange === null || onDataSourceChange === void 0 ? void 0 : onDataSourceChange(dataSource);
|
113
|
-
// 更新层级状态
|
114
|
-
if (expandAll) {
|
115
|
-
onChangeExpandAll();
|
116
|
-
}
|
117
|
-
if (expandLevel > 1) {
|
118
|
-
onChangeExpandLevel();
|
119
|
-
}
|
120
|
-
}, [dataSource]);
|
121
|
-
// 展开全部事件
|
122
|
-
var onChangeExpandAll = function onChangeExpandAll() {
|
123
134
|
if (expandAll) {
|
124
135
|
setExpandedKeys(getAllNodeKey(dataSource));
|
125
136
|
} else {
|
126
137
|
setExpandedKeys([]);
|
127
138
|
}
|
128
|
-
};
|
129
|
-
|
130
|
-
|
139
|
+
}, [expandAll]); // 监听展开层级事件
|
140
|
+
|
141
|
+
useUpdateEffect(function () {
|
131
142
|
var keys = getTreeLevelKey(dataSource, expandLevel - 1);
|
132
143
|
setExpandedKeys(keys);
|
133
|
-
};
|
134
|
-
|
144
|
+
}, [expandLevel]); // 监听 DataSource 变化事件
|
145
|
+
|
146
|
+
useEffect(function () {
|
147
|
+
onDataSourceChange === null || onDataSourceChange === void 0 ? void 0 : onDataSourceChange(dataSource);
|
148
|
+
}, [dataSource]); // 绑定actionRef
|
149
|
+
|
135
150
|
useActionType(actionRef, {
|
136
151
|
setTreeNode: function setTreeNode(treeNode) {
|
137
|
-
var newDataSource = cloneDeep(dataSource);
|
138
|
-
|
152
|
+
var newDataSource = cloneDeep(dataSource); // TODO 此处可做性能优化
|
153
|
+
|
139
154
|
loop(newDataSource, function (item) {
|
140
155
|
if (item.value === treeNode.value) {
|
141
156
|
Object.entries(treeNode).forEach(function (_ref2) {
|
142
157
|
var _ref3 = _slicedToArray(_ref2, 2),
|
143
|
-
|
144
|
-
|
158
|
+
key = _ref3[0],
|
159
|
+
value = _ref3[1];
|
160
|
+
|
145
161
|
item[key] = value;
|
146
162
|
});
|
147
163
|
}
|
148
164
|
});
|
149
165
|
setDataSource(newDataSource);
|
150
166
|
}
|
151
|
-
});
|
152
|
-
|
167
|
+
}); // dataSource 是否为一层结构
|
168
|
+
|
153
169
|
var hasChildren = useMemo(function () {
|
154
|
-
var flag = false;
|
155
|
-
|
170
|
+
var flag = false; // TODO 此处可做性能优化
|
171
|
+
|
156
172
|
dataSource.forEach(function (item) {
|
157
173
|
if (item.children && item.children.length > 0) {
|
158
174
|
flag = true;
|
159
175
|
}
|
160
176
|
});
|
161
177
|
return flag;
|
162
|
-
}, [dataSource]);
|
163
|
-
|
178
|
+
}, [dataSource]); // 组件第一次加载时不执行过滤
|
179
|
+
|
164
180
|
useUpdateEffect(function () {
|
165
181
|
filterDataSource(searchKey !== null && searchKey !== void 0 ? searchKey : '');
|
166
|
-
}, [searchKey]);
|
167
|
-
|
182
|
+
}, [searchKey]); // expandedKeys 更新
|
183
|
+
|
168
184
|
useUpdateEffect(function () {
|
169
185
|
var _ref4;
|
186
|
+
|
170
187
|
setExpandedKeys((_ref4 = expandedKeysProp !== null && expandedKeysProp !== void 0 ? expandedKeysProp : defaultExpandedKeys) !== null && _ref4 !== void 0 ? _ref4 : []);
|
171
|
-
}, [expandedKeysProp, defaultExpandedKeys]);
|
172
|
-
|
188
|
+
}, [expandedKeysProp, defaultExpandedKeys]); // 设置默认节点展开
|
189
|
+
|
173
190
|
var setDefaultExpandedKeys = function setDefaultExpandedKeys() {
|
174
191
|
if (defaultExpandAll) {
|
175
192
|
setExpandedKeys(getAllNodeKey(dataSource));
|
176
193
|
} else {
|
177
194
|
var _ref5;
|
195
|
+
|
178
196
|
setExpandedKeys((_ref5 = expandedKeysProp !== null && expandedKeysProp !== void 0 ? expandedKeysProp : defaultExpandedKeys) !== null && _ref5 !== void 0 ? _ref5 : []);
|
179
197
|
}
|
180
|
-
};
|
181
|
-
|
198
|
+
}; // 是否占满节点
|
199
|
+
|
200
|
+
|
182
201
|
var getIsNodeBlock = function getIsNodeBlock() {
|
183
202
|
if (isNodeBlock && typeof isNodeBlock === 'boolean') {
|
184
203
|
return {
|
@@ -186,27 +205,34 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
186
205
|
indent: 16
|
187
206
|
};
|
188
207
|
}
|
208
|
+
|
189
209
|
if (isNodeBlock && _typeof(isNodeBlock) === 'object') {
|
190
210
|
return isNodeBlock;
|
191
211
|
}
|
212
|
+
|
192
213
|
return false;
|
193
|
-
};
|
194
|
-
|
214
|
+
}; // 过滤
|
215
|
+
|
216
|
+
|
195
217
|
var filterDataSource = function filterDataSource(value) {
|
196
218
|
var searchDataSource = processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
|
197
219
|
var expandedKeys = [];
|
220
|
+
|
198
221
|
if (!value) {
|
199
222
|
// TODO 过滤清空数据之后状态会丢失
|
200
|
-
setDataSource(searchDataSource);
|
201
|
-
|
223
|
+
setDataSource(searchDataSource); // 数据过滤清空时展开状态继承用户传入的默认状态
|
224
|
+
|
202
225
|
setDefaultExpandedKeys();
|
203
226
|
return;
|
204
227
|
}
|
228
|
+
|
205
229
|
var _filterTreeData = filterTreeData(searchDataSource, function (node) {
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
230
|
+
var _node$label;
|
231
|
+
|
232
|
+
return ((_node$label = node === null || node === void 0 ? void 0 : node.label) !== null && _node$label !== void 0 ? _node$label : '').includes(value);
|
233
|
+
}),
|
234
|
+
filterTreeValue = _filterTreeData.filterTreeValue;
|
235
|
+
|
210
236
|
loop(filterTreeValue, function (item) {
|
211
237
|
hasSearchValue(value, item) && expandedKeys.push(String(item['value']));
|
212
238
|
}, {
|
@@ -216,12 +242,16 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
216
242
|
handleExpand(expandedKeys);
|
217
243
|
setDataSource(filterTreeValue);
|
218
244
|
};
|
245
|
+
|
219
246
|
var filterTreeNode = function filterTreeNode(node) {
|
220
247
|
return matchedKeys && matchedKeys.indexOf(node.props.eventKey) > -1;
|
221
248
|
};
|
222
249
|
/** 节点是否包含搜索项 */
|
250
|
+
|
251
|
+
|
223
252
|
var hasSearchValue = function hasSearchValue(key, item) {
|
224
253
|
var _item$label;
|
254
|
+
|
225
255
|
if (((_item$label = item === null || item === void 0 ? void 0 : item.label) !== null && _item$label !== void 0 ? _item$label : '').includes(key)) {
|
226
256
|
return true;
|
227
257
|
} else if (Array.isArray(item['children'])) {
|
@@ -229,27 +259,34 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
229
259
|
return hasSearchValue(key, child);
|
230
260
|
});
|
231
261
|
}
|
262
|
+
|
232
263
|
return false;
|
233
|
-
};
|
234
|
-
|
264
|
+
}; // 树节点点击回调
|
265
|
+
|
266
|
+
|
235
267
|
var onSelectChange = function onSelectChange(value, extra) {
|
236
268
|
var _extra$event, _extra$event$target, _extra$event$target$c;
|
269
|
+
|
237
270
|
if (extra === null || extra === void 0 ? void 0 : (_extra$event = extra.event) === null || _extra$event === void 0 ? void 0 : (_extra$event$target = _extra$event.target) === null || _extra$event$target === void 0 ? void 0 : (_extra$event$target$c = _extra$event$target.closest) === null || _extra$event$target$c === void 0 ? void 0 : _extra$event$target$c.call(_extra$event$target, '.teamix-pro-sidebar-delete-overlay')) {
|
238
271
|
return;
|
239
272
|
}
|
273
|
+
|
240
274
|
setSelectedKeys(value);
|
241
275
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, extra);
|
242
|
-
};
|
243
|
-
|
276
|
+
}; // 树节点选中回调
|
277
|
+
|
278
|
+
|
244
279
|
var onCheckChange = function onCheckChange(value, extra) {
|
245
280
|
setCheckedKeys(value);
|
246
281
|
onCheck === null || onCheck === void 0 ? void 0 : onCheck(value, extra);
|
247
|
-
};
|
248
|
-
|
282
|
+
}; // 节点展开回调
|
283
|
+
|
284
|
+
|
249
285
|
var handleExpand = function handleExpand(key) {
|
250
286
|
setExpandedKeys(key);
|
251
287
|
setAutoExpandParent(false);
|
252
288
|
};
|
289
|
+
|
253
290
|
return /*#__PURE__*/React.createElement("div", {
|
254
291
|
className: cls({
|
255
292
|
'': true,
|
@@ -271,4 +308,5 @@ var ProSidebarTree = function ProSidebarTree(props) {
|
|
271
308
|
}), " ").concat(className)
|
272
309
|
}, others), !onBeforeRenderNodeEvent && renderTreeNode(dataSource), onBeforeRenderNodeEvent && renderTreeNodeDependenceValue(dataSource, onBeforeRenderNodeEvent, checkedKeys, selectedKeys)));
|
273
310
|
};
|
311
|
+
|
274
312
|
export default ProSidebarTree;
|
@@ -1,33 +1,45 @@
|
|
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
|
+
|
2
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; }
|
4
|
+
|
3
5
|
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
|
+
|
4
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
8
|
+
|
5
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."); }
|
10
|
+
|
6
11
|
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); }
|
12
|
+
|
7
13
|
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; }
|
14
|
+
|
8
15
|
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; }
|
16
|
+
|
9
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
18
|
+
|
10
19
|
import { Balloon } from '@alicloudfe/components';
|
11
20
|
import { usePrefixCls } from '@teamix/utils';
|
12
21
|
import React, { useEffect, useState } from 'react';
|
13
22
|
import './index.scss';
|
14
23
|
var cls = usePrefixCls('teamix-pro-hover-tooltip');
|
24
|
+
|
15
25
|
var ProHoverTooltip = function ProHoverTooltip(props) {
|
16
26
|
var trigger = props.trigger,
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
27
|
+
visibleProp = props.visible,
|
28
|
+
tooltip = props.tooltip,
|
29
|
+
_props$tooltipProps = props.tooltipProps,
|
30
|
+
tooltipProps = _props$tooltipProps === void 0 ? {} : _props$tooltipProps,
|
31
|
+
_props$className = props.className,
|
32
|
+
className = _props$className === void 0 ? '' : _props$className;
|
33
|
+
|
23
34
|
var _useState = useState(visibleProp !== null && visibleProp !== void 0 ? visibleProp : false),
|
24
|
-
|
25
|
-
|
26
|
-
|
35
|
+
_useState2 = _slicedToArray(_useState, 2),
|
36
|
+
visible = _useState2[0],
|
37
|
+
setVisible = _useState2[1];
|
38
|
+
|
27
39
|
useEffect(function () {
|
28
40
|
setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : false);
|
29
|
-
}, [visibleProp]);
|
30
|
-
|
41
|
+
}, [visibleProp]); // 渲染触发器
|
42
|
+
|
31
43
|
var renderTrigger = function renderTrigger() {
|
32
44
|
if (tooltip) {
|
33
45
|
return /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({
|
@@ -35,8 +47,10 @@ var ProHoverTooltip = function ProHoverTooltip(props) {
|
|
35
47
|
trigger: /*#__PURE__*/React.createElement("span", null, trigger)
|
36
48
|
}, tooltipProps), tooltip);
|
37
49
|
}
|
50
|
+
|
38
51
|
return trigger;
|
39
52
|
};
|
53
|
+
|
40
54
|
return /*#__PURE__*/React.createElement("span", {
|
41
55
|
className: "".concat(cls({
|
42
56
|
'': true,
|
@@ -44,4 +58,5 @@ var ProHoverTooltip = function ProHoverTooltip(props) {
|
|
44
58
|
}), " ").concat(className)
|
45
59
|
}, renderTrigger());
|
46
60
|
};
|
61
|
+
|
47
62
|
export default ProHoverTooltip;
|
@@ -1,12 +1,21 @@
|
|
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
|
+
|
2
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; }
|
4
|
+
|
3
5
|
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
|
+
|
4
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
8
|
+
|
5
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."); }
|
10
|
+
|
6
11
|
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); }
|
12
|
+
|
7
13
|
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; }
|
14
|
+
|
8
15
|
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; }
|
16
|
+
|
9
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
18
|
+
|
10
19
|
import TeamixIcon from '@teamix/icon';
|
11
20
|
import { useAction } from '../../../../..';
|
12
21
|
import { usePrefixCls } from '@teamix/utils';
|
@@ -14,22 +23,29 @@ import React, { useState } from 'react';
|
|
14
23
|
import ProHoverTooltip from '../HoverTooltip';
|
15
24
|
import './index.scss';
|
16
25
|
var cls = usePrefixCls('teamix-pro-sidebar-icon-action');
|
26
|
+
|
17
27
|
var ProIconAction = function ProIconAction(props) {
|
18
28
|
var _popupProps$wrapperCl;
|
29
|
+
|
19
30
|
var trigger = props.trigger,
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
31
|
+
action = props.action,
|
32
|
+
visibleProp = props.visible,
|
33
|
+
tooltip = props.tooltip,
|
34
|
+
icon = props.icon;
|
35
|
+
|
24
36
|
var _useState = useState(false),
|
25
|
-
|
26
|
-
|
27
|
-
|
37
|
+
_useState2 = _slicedToArray(_useState, 2),
|
38
|
+
visible = _useState2[0],
|
39
|
+
setVisible = _useState2[1];
|
40
|
+
|
28
41
|
var popupProps = action === null || action === void 0 ? void 0 : action.popupProps;
|
29
42
|
var wrapperClassName = (_popupProps$wrapperCl = popupProps === null || popupProps === void 0 ? void 0 : popupProps.wrapperClassName) !== null && _popupProps$wrapperCl !== void 0 ? _popupProps$wrapperCl : '';
|
43
|
+
|
30
44
|
var _beforeOpen = popupProps === null || popupProps === void 0 ? void 0 : popupProps.beforeOpen;
|
31
|
-
|
32
|
-
// 获取浮层类单独特殊配置
|
45
|
+
|
46
|
+
var _beforeClose = popupProps === null || popupProps === void 0 ? void 0 : popupProps.beforeClose; // 获取浮层类单独特殊配置
|
47
|
+
|
48
|
+
|
33
49
|
var getPopProps = function getPopProps() {
|
34
50
|
if (!action.type || action.type.includes('pop-confirm')) {
|
35
51
|
return {
|
@@ -37,29 +53,36 @@ var ProIconAction = function ProIconAction(props) {
|
|
37
53
|
wrapperClassName: "".concat(cls('overlay'), " ").concat(wrapperClassName, "}"),
|
38
54
|
beforeOpen: function beforeOpen() {
|
39
55
|
setVisible(true);
|
56
|
+
|
40
57
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
41
58
|
args[_key] = arguments[_key];
|
42
59
|
}
|
60
|
+
|
43
61
|
_beforeOpen === null || _beforeOpen === void 0 ? void 0 : _beforeOpen.apply(void 0, args);
|
44
62
|
},
|
45
63
|
beforeClose: function beforeClose() {
|
46
64
|
setVisible(false);
|
65
|
+
|
47
66
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
48
67
|
args[_key2] = arguments[_key2];
|
49
68
|
}
|
69
|
+
|
50
70
|
_beforeClose === null || _beforeClose === void 0 ? void 0 : _beforeClose.apply(void 0, args);
|
51
71
|
}
|
52
72
|
})
|
53
73
|
};
|
54
74
|
}
|
75
|
+
|
55
76
|
return {};
|
56
77
|
};
|
78
|
+
|
57
79
|
var processAction = useAction(_objectSpread(_objectSpread({
|
58
80
|
align: 'bl',
|
59
81
|
offset: [-10, 0],
|
60
82
|
preventDefault: true,
|
61
83
|
stopPropagation: true
|
62
84
|
}, action), getPopProps()));
|
85
|
+
|
63
86
|
var getTrigger = function getTrigger() {
|
64
87
|
if (icon && typeof icon === 'string') {
|
65
88
|
return /*#__PURE__*/React.createElement(TeamixIcon, _objectSpread({
|
@@ -68,12 +91,15 @@ var ProIconAction = function ProIconAction(props) {
|
|
68
91
|
type: icon
|
69
92
|
}, processAction));
|
70
93
|
}
|
94
|
+
|
71
95
|
return /*#__PURE__*/React.createElement("span", _objectSpread({}, processAction), icon !== null && icon !== void 0 ? icon : trigger);
|
72
96
|
};
|
97
|
+
|
73
98
|
return /*#__PURE__*/React.createElement(ProHoverTooltip, {
|
74
99
|
trigger: getTrigger(),
|
75
100
|
visible: visible || visibleProp,
|
76
101
|
tooltip: tooltip
|
77
102
|
});
|
78
103
|
};
|
104
|
+
|
79
105
|
export default ProIconAction;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { TooltipProps } from '@alicloudfe/components/types/balloon';
|
2
2
|
import React from 'react';
|
3
3
|
import './index.scss';
|
4
|
-
export declare type
|
4
|
+
export declare type ProIconSwitch = {
|
5
5
|
/** 默认状态 */
|
6
6
|
visible?: boolean;
|
7
7
|
/** tooltip 显示隐藏 */
|
@@ -19,5 +19,5 @@ export declare type ProIconSwitchProps = {
|
|
19
19
|
/** 状态改变的回调 */
|
20
20
|
onChange?: (state: boolean) => void;
|
21
21
|
};
|
22
|
-
declare const ProIconSwitch: React.FC<
|
22
|
+
declare const ProIconSwitch: React.FC<ProIconSwitch>;
|
23
23
|
export default ProIconSwitch;
|