@teamix/pro 1.4.25-bugfix.2 → 1.4.25-bugfix.4
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,45 +1,57 @@
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
2
|
+
|
2
3
|
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."); }
|
4
|
+
|
3
5
|
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); }
|
6
|
+
|
4
7
|
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; }
|
8
|
+
|
5
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; }
|
10
|
+
|
6
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
12
|
+
|
7
13
|
import TeamixIcon from '@teamix/icon';
|
8
14
|
import { usePrefixCls } from '@teamix/utils';
|
9
15
|
import React, { isValidElement, useEffect, useState } from 'react';
|
10
16
|
import ProHoverTooltip from '../HoverTooltip';
|
11
17
|
import './index.scss';
|
12
18
|
var cls = usePrefixCls('teamix-pro-icon-switch');
|
19
|
+
|
13
20
|
var ProIconSwitch = function ProIconSwitch(props) {
|
14
21
|
var visibleProp = props.visible,
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
+
icon = props.icon,
|
23
|
+
activeIcon = props.activeIcon,
|
24
|
+
onChange = props.onChange,
|
25
|
+
tooltipVisible = props.tooltipVisible,
|
26
|
+
tooltipProps = props.tooltipProps,
|
27
|
+
tooltip = props.tooltip,
|
28
|
+
cancelTooltip = props.cancelTooltip;
|
29
|
+
|
22
30
|
var _useState = useState(visibleProp !== null && visibleProp !== void 0 ? visibleProp : false),
|
23
|
-
|
24
|
-
|
25
|
-
|
31
|
+
_useState2 = _slicedToArray(_useState, 2),
|
32
|
+
visible = _useState2[0],
|
33
|
+
setVisible = _useState2[1];
|
34
|
+
|
26
35
|
useEffect(function () {
|
27
36
|
setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : true);
|
28
|
-
}, [visibleProp]);
|
29
|
-
|
37
|
+
}, [visibleProp]); // 点击操作
|
38
|
+
|
30
39
|
var clickHandle = function clickHandle(e, state) {
|
31
40
|
e.stopPropagation();
|
32
41
|
setVisible(state);
|
33
42
|
onChange === null || onChange === void 0 ? void 0 : onChange(state);
|
34
43
|
};
|
44
|
+
|
35
45
|
if (visible) {
|
36
46
|
if ( /*#__PURE__*/isValidElement(icon)) {
|
37
47
|
return icon;
|
38
48
|
}
|
39
49
|
}
|
50
|
+
|
40
51
|
if ( /*#__PURE__*/isValidElement(activeIcon)) {
|
41
52
|
return activeIcon;
|
42
53
|
}
|
54
|
+
|
43
55
|
return /*#__PURE__*/React.createElement(ProHoverTooltip, {
|
44
56
|
visible: tooltipVisible,
|
45
57
|
tooltip: visible ? cancelTooltip !== null && cancelTooltip !== void 0 ? cancelTooltip : tooltip : tooltip,
|
@@ -57,4 +69,5 @@ var ProIconSwitch = function ProIconSwitch(props) {
|
|
57
69
|
})
|
58
70
|
});
|
59
71
|
};
|
72
|
+
|
60
73
|
export default ProIconSwitch;
|
@@ -1,16 +1,29 @@
|
|
1
1
|
var _excluded = ["type", "action", "props"];
|
2
|
+
|
2
3
|
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); }
|
4
|
+
|
3
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; }
|
6
|
+
|
4
7
|
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; }
|
8
|
+
|
5
9
|
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; }
|
10
|
+
|
6
11
|
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; }
|
12
|
+
|
7
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; }
|
14
|
+
|
8
15
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
16
|
+
|
9
17
|
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
|
+
|
10
19
|
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
|
+
|
11
21
|
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
|
+
|
12
23
|
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
|
+
|
13
25
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
26
|
+
|
14
27
|
import { Tree } from '@alicloudfe/components';
|
15
28
|
import { ProActionGroup } from '../../../actions';
|
16
29
|
import { usePrefixCls } from '@teamix/utils';
|
@@ -21,23 +34,27 @@ import ProIconAction from './components/IconAction';
|
|
21
34
|
import ProIconSwitch from './components/IconSwitch';
|
22
35
|
import ProHoverTooltip from './components/HoverTooltip';
|
23
36
|
var cls = usePrefixCls('teamix-pro-sidebar-tree');
|
37
|
+
|
24
38
|
var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
25
39
|
var tag = props.tag,
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
40
|
+
render = props.render,
|
41
|
+
_props$valueType = props.valueType,
|
42
|
+
valueType = _props$valueType === void 0 ? 'text' : _props$valueType,
|
43
|
+
fieldProps = props.fieldProps,
|
44
|
+
extra = props.extra,
|
45
|
+
label = props.label;
|
46
|
+
|
32
47
|
var _useState = useState(false),
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
48
|
+
_useState2 = _slicedToArray(_useState, 2),
|
49
|
+
extraVisible = _useState2[0],
|
50
|
+
setExtraVisible = _useState2[1]; // 获取 extra 区域渲染组件
|
51
|
+
|
52
|
+
|
37
53
|
var getExtraComponent = function getExtraComponent(type, action, props, others) {
|
38
54
|
var _ref = others !== null && others !== void 0 ? others : {},
|
39
|
-
|
40
|
-
|
55
|
+
_ref$hover = _ref.hover,
|
56
|
+
hover = _ref$hover === void 0 ? true : _ref$hover;
|
57
|
+
|
41
58
|
if (type === 'action') {
|
42
59
|
return /*#__PURE__*/React.createElement(ProHoverTooltip, {
|
43
60
|
visible: !hover || extraVisible,
|
@@ -47,17 +64,20 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
47
64
|
}, props))
|
48
65
|
});
|
49
66
|
}
|
67
|
+
|
50
68
|
if (type === 'iconSwitch') {
|
51
69
|
return /*#__PURE__*/React.createElement(ProIconSwitch, _objectSpread({
|
52
70
|
tooltipVisible: !hover || extraVisible
|
53
71
|
}, props));
|
54
72
|
}
|
73
|
+
|
55
74
|
if (type === 'iconAction') {
|
56
75
|
return /*#__PURE__*/React.createElement(ProIconAction, _objectSpread({
|
57
76
|
visible: !hover || extraVisible,
|
58
77
|
action: action
|
59
78
|
}, props));
|
60
79
|
}
|
80
|
+
|
61
81
|
if (type === 'custom') {
|
62
82
|
return /*#__PURE__*/React.createElement(ProHoverTooltip, {
|
63
83
|
className: cls('extra-custom'),
|
@@ -65,20 +85,22 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
65
85
|
trigger: others.trigger
|
66
86
|
});
|
67
87
|
}
|
68
|
-
};
|
69
|
-
|
88
|
+
}; // 渲染 extra 区域
|
89
|
+
|
90
|
+
|
70
91
|
var renderExtra = function renderExtra() {
|
71
|
-
var result = /*#__PURE__*/React.createElement(React.Fragment, null);
|
72
|
-
|
73
|
-
var isActionGroupProps = Array.isArray(extra) && ! /*#__PURE__*/isValidElement(extra === null || extra === void 0 ? void 0 : extra[0]) && Array.isArray(extra === null || extra === void 0 ? void 0 : extra[0]);
|
74
|
-
|
92
|
+
var result = /*#__PURE__*/React.createElement(React.Fragment, null); // extra 是否是 action 配置
|
93
|
+
|
94
|
+
var isActionGroupProps = Array.isArray(extra) && ! /*#__PURE__*/isValidElement(extra === null || extra === void 0 ? void 0 : extra[0]) && Array.isArray(extra === null || extra === void 0 ? void 0 : extra[0]); // 直接渲染 action
|
95
|
+
|
75
96
|
if (isActionGroupProps) {
|
76
97
|
result = /*#__PURE__*/React.createElement(ProActionGroup, {
|
77
98
|
actions: extra,
|
78
99
|
type: "text"
|
79
100
|
});
|
80
|
-
}
|
81
|
-
|
101
|
+
} // 大杂烩
|
102
|
+
|
103
|
+
|
82
104
|
if (extra && Array.isArray(extra)) {
|
83
105
|
result = /*#__PURE__*/React.createElement(React.Fragment, null, extra.map(function (item, index) {
|
84
106
|
if ( /*#__PURE__*/isValidElement(item) || typeof item === 'string') {
|
@@ -87,51 +109,64 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
87
109
|
className: cls('item-content-extra-item')
|
88
110
|
}, item);
|
89
111
|
}
|
112
|
+
|
90
113
|
var type = item.type,
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
114
|
+
_item$action = item.action,
|
115
|
+
action = _item$action === void 0 ? {} : _item$action,
|
116
|
+
_item$props = item.props,
|
117
|
+
props = _item$props === void 0 ? {} : _item$props,
|
118
|
+
others = _objectWithoutProperties(item, _excluded);
|
119
|
+
|
96
120
|
return /*#__PURE__*/React.createElement("span", {
|
97
121
|
key: index,
|
98
122
|
className: cls('item-content-extra-item')
|
99
123
|
}, getExtraComponent(type, action, props, others));
|
100
124
|
}));
|
101
125
|
}
|
126
|
+
|
102
127
|
return result;
|
103
|
-
};
|
104
|
-
|
128
|
+
}; // 鼠标移入
|
129
|
+
|
130
|
+
|
105
131
|
var onMouseEnter = function onMouseEnter(e) {
|
106
132
|
var _e$target, _e$target$closest;
|
133
|
+
|
107
134
|
if (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$closest = _e$target.closest) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.call(_e$target, '.teamix-pro-sidebar-delete-overlay')) {
|
108
135
|
return;
|
109
136
|
}
|
137
|
+
|
110
138
|
setExtraVisible(true);
|
111
|
-
};
|
112
|
-
|
139
|
+
}; // 鼠标移出
|
140
|
+
|
141
|
+
|
113
142
|
var onMouseLeave = function onMouseLeave(e) {
|
114
143
|
var _e$target2, _e$target2$closest;
|
144
|
+
|
115
145
|
if (e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$closest = _e$target2.closest) === null || _e$target2$closest === void 0 ? void 0 : _e$target2$closest.call(_e$target2, '.teamix-pro-sidebar-delete-overlay')) {
|
116
146
|
return;
|
117
147
|
}
|
148
|
+
|
118
149
|
setExtraVisible(false);
|
119
|
-
};
|
120
|
-
|
150
|
+
}; // 获取 ProFieldRender
|
151
|
+
|
152
|
+
|
121
153
|
var getFieldRender = function getFieldRender() {
|
122
154
|
if (typeof render === 'function') {
|
123
155
|
return render;
|
124
156
|
}
|
157
|
+
|
125
158
|
return _objectSpread({
|
126
159
|
ellipsis: true,
|
127
160
|
emptyText: '-'
|
128
161
|
}, render);
|
129
|
-
};
|
130
|
-
|
162
|
+
}; // 获取 tag 参数
|
163
|
+
|
164
|
+
|
131
165
|
var getTags = function getTags(tags) {
|
132
166
|
if ( /*#__PURE__*/isValidElement(tags)) {
|
133
167
|
return tags;
|
134
168
|
}
|
169
|
+
|
135
170
|
if (Array.isArray(tags)) {
|
136
171
|
return tags.map(function (item) {
|
137
172
|
return _objectSpread({
|
@@ -139,12 +174,14 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
139
174
|
}, item);
|
140
175
|
});
|
141
176
|
}
|
177
|
+
|
142
178
|
if (_typeof(tags) === 'object') {
|
143
179
|
return _objectSpread({
|
144
180
|
size: 'small'
|
145
181
|
}, tags);
|
146
182
|
}
|
147
183
|
};
|
184
|
+
|
148
185
|
return /*#__PURE__*/React.createElement("div", {
|
149
186
|
className: cls('item-context'),
|
150
187
|
onMouseEnter: onMouseEnter,
|
@@ -160,29 +197,34 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
|
|
160
197
|
}, renderTags(getTags(tag)))), /*#__PURE__*/React.createElement("div", {
|
161
198
|
className: cls('item-content-extra')
|
162
199
|
}, renderExtra()));
|
163
|
-
};
|
164
|
-
|
200
|
+
}; // 渲染树节点
|
201
|
+
|
202
|
+
|
165
203
|
export function renderTreeNode(data) {
|
166
204
|
return data.map(function (item) {
|
167
205
|
var _getTreeNodeProps = getTreeNodeProps(item),
|
168
|
-
|
169
|
-
|
206
|
+
nodeProps = _getTreeNodeProps.nodeProps,
|
207
|
+
labelProps = _getTreeNodeProps.labelProps;
|
208
|
+
|
170
209
|
return /*#__PURE__*/React.createElement(Tree.Node, _objectSpread({
|
171
210
|
key: item.value,
|
172
211
|
label: /*#__PURE__*/React.createElement(ProSideBarTreeNode, _objectSpread({}, labelProps))
|
173
212
|
}, nodeProps), item.children && item.children.length > 0 && renderTreeNode(item.children));
|
174
213
|
});
|
175
|
-
}
|
176
|
-
|
214
|
+
} // 渲染树节点 依赖 value
|
215
|
+
|
177
216
|
export function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData) {
|
178
217
|
return data.map(function (item) {
|
179
218
|
var newProps = item;
|
219
|
+
|
180
220
|
if (onBeforeRenderNodeEvent) {
|
181
221
|
newProps = onBeforeRenderNodeEvent(item, checkedKeys, selectedKeys, allData !== null && allData !== void 0 ? allData : data);
|
182
222
|
}
|
183
|
-
|
184
|
-
|
185
|
-
|
223
|
+
|
224
|
+
var _getTreeNodeProps2 = getTreeNodeProps(item),
|
225
|
+
nodeProps = _getTreeNodeProps2.nodeProps,
|
226
|
+
labelProps = _getTreeNodeProps2.labelProps;
|
227
|
+
|
186
228
|
return /*#__PURE__*/React.createElement(Tree.Node, _objectSpread({
|
187
229
|
key: item.value,
|
188
230
|
label: /*#__PURE__*/React.createElement(ProSideBarTreeNode, _objectSpread({}, labelProps))
|
@@ -50,12 +50,6 @@
|
|
50
50
|
font-weight: unset;
|
51
51
|
}
|
52
52
|
}
|
53
|
-
// 选中图标变色
|
54
|
-
.next-tree-node-inner.next-selected {
|
55
|
-
.teamix-icon.teamix-pro-filed-output-prefix-icon {
|
56
|
-
color: var(--color-brand1-6) !important;
|
57
|
-
}
|
58
|
-
}
|
59
53
|
}
|
60
54
|
.teamix-pro-sidebar-deep-1 {
|
61
55
|
.teamix-pro-sidebar-tree {
|
package/es/sidebar/index.d.ts
CHANGED
@@ -3,7 +3,5 @@ import './index.scss';
|
|
3
3
|
import { ProSidebarProps } from './typing';
|
4
4
|
export * from './typing';
|
5
5
|
export * from './utils';
|
6
|
-
import ProIconSwitch from './components/tree-node/components/IconSwitch';
|
7
6
|
declare const ProSidebar: React.FC<ProSidebarProps>;
|
8
7
|
export default ProSidebar;
|
9
|
-
export { ProIconSwitch };
|
package/es/sidebar/index.js
CHANGED
@@ -1,15 +1,27 @@
|
|
1
1
|
var _excluded = ["selectedKeys", "checkedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
|
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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
10
|
+
|
6
11
|
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
|
+
|
7
13
|
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
|
+
|
8
15
|
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
|
+
|
9
17
|
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
|
+
|
10
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
20
|
+
|
11
21
|
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; }
|
22
|
+
|
12
23
|
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; }
|
24
|
+
|
13
25
|
import React, { useEffect, useRef, useState } from 'react';
|
14
26
|
import './index.scss';
|
15
27
|
import { usePrefixCls, doCommonRequest } from '@teamix/utils';
|
@@ -20,77 +32,84 @@ import { useActionType } from './utils/action-ref';
|
|
20
32
|
import debounce from 'lodash.debounce';
|
21
33
|
export * from './typing';
|
22
34
|
export * from './utils';
|
23
|
-
import ProIconSwitch from './components/tree-node/components/IconSwitch';
|
24
35
|
var cls = usePrefixCls('teamix-pro-sidebar');
|
36
|
+
|
25
37
|
var ProSidebar = function ProSidebar(props) {
|
26
38
|
var selectedKeys = props.selectedKeys,
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
39
|
+
checkedKeys = props.checkedKeys,
|
40
|
+
dataSourceProp = props.dataSource,
|
41
|
+
_props$className = props.className,
|
42
|
+
className = _props$className === void 0 ? '' : _props$className,
|
43
|
+
style = props.style,
|
44
|
+
searchOnChange = props.searchOnChange,
|
45
|
+
_props$showSearch = props.showSearch,
|
46
|
+
showSearch = _props$showSearch === void 0 ? true : _props$showSearch,
|
47
|
+
onSelect = props.onSelect,
|
48
|
+
onCheck = props.onCheck,
|
49
|
+
treeProps = props.treeProps,
|
50
|
+
cardProps = props.cardProps,
|
51
|
+
actionRefProp = props.actionRef,
|
52
|
+
onBeforeRenderNodeEvent = props.onBeforeRenderNodeEvent,
|
53
|
+
beforeRenderNode = props.beforeRenderNode,
|
54
|
+
_props$url = props.url,
|
55
|
+
url = _props$url === void 0 ? '' : _props$url,
|
56
|
+
_props$method = props.method,
|
57
|
+
method = _props$method === void 0 ? 'post' : _props$method,
|
58
|
+
params = props.params,
|
59
|
+
data = props.data,
|
60
|
+
extendParams = props.extendParams,
|
61
|
+
beforeRequest = props.beforeRequest,
|
62
|
+
successMsg = props.successMsg,
|
63
|
+
errorMsg = props.errorMsg,
|
64
|
+
formatParams = props.formatParams,
|
65
|
+
formatResult = props.formatResult,
|
66
|
+
onSuccess = props.onSuccess,
|
67
|
+
onError = props.onError,
|
68
|
+
link = props.link,
|
69
|
+
_props$scrollArea = props.scrollArea,
|
70
|
+
scrollArea = _props$scrollArea === void 0 ? 'all' : _props$scrollArea,
|
71
|
+
onExpandAllChangeProp = props.onExpandAllChange,
|
72
|
+
onExpandLevelChangeProp = props.onExpandLevelChange,
|
73
|
+
others = _objectWithoutProperties(props, _excluded); // 搜索的关键词
|
74
|
+
|
75
|
+
|
63
76
|
var _useState = useState(),
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
77
|
+
_useState2 = _slicedToArray(_useState, 2),
|
78
|
+
searchKey = _useState2[0],
|
79
|
+
setSearchKey = _useState2[1]; // loading 状态
|
80
|
+
|
81
|
+
|
68
82
|
var _useState3 = useState(true),
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
83
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
84
|
+
loading = _useState4[0],
|
85
|
+
setLoading = _useState4[1]; // 数据源
|
86
|
+
|
87
|
+
|
73
88
|
var _useState5 = useState(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []),
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
89
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
90
|
+
dataSource = _useState6[0],
|
91
|
+
setDataSource = _useState6[1]; // 展开全部状态
|
92
|
+
|
93
|
+
|
78
94
|
var _useState7 = useState(false),
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
95
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
96
|
+
expandAllState = _useState8[0],
|
97
|
+
setExpandAllState = _useState8[1]; // 展开层级状态
|
98
|
+
|
99
|
+
|
83
100
|
var _useState9 = useState(0),
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
101
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
102
|
+
expandLevelState = _useState10[0],
|
103
|
+
setExpandLevelState = _useState10[1]; // 树层级
|
104
|
+
|
105
|
+
|
88
106
|
var _useState11 = useState(0),
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
// const requestDataKey = method.toLowerCase() === 'get' ? 'params' : 'data';
|
107
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
108
|
+
expandLevel = _useState12[0],
|
109
|
+
setExpandLevel = _useState12[1];
|
110
|
+
|
111
|
+
var actionRef = useRef(); // const requestDataKey = method.toLowerCase() === 'get' ? 'params' : 'data';
|
112
|
+
|
94
113
|
var requestConfig = {
|
95
114
|
url: url,
|
96
115
|
method: method,
|
@@ -115,8 +134,8 @@ var ProSidebar = function ProSidebar(props) {
|
|
115
134
|
}, []);
|
116
135
|
useEffect(function () {
|
117
136
|
setDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
|
118
|
-
}, [dataSourceProp]);
|
119
|
-
|
137
|
+
}, [dataSourceProp]); // 请求数据
|
138
|
+
|
120
139
|
var request = function request() {
|
121
140
|
setLoading(true);
|
122
141
|
doCommonRequest(requestConfig).then(function (resp) {
|
@@ -125,26 +144,30 @@ var ProSidebar = function ProSidebar(props) {
|
|
125
144
|
setLoading(false);
|
126
145
|
});
|
127
146
|
};
|
147
|
+
|
128
148
|
useActionType(actionRefProp !== null && actionRefProp !== void 0 ? actionRefProp : actionRef, {
|
129
149
|
refresh: function refresh() {
|
130
150
|
request();
|
131
151
|
}
|
132
|
-
});
|
133
|
-
|
152
|
+
}); // 展开全部变化回调
|
153
|
+
|
134
154
|
var onExpandAllChange = function onExpandAllChange(status) {
|
135
155
|
setExpandAllState(status);
|
136
156
|
onExpandAllChangeProp === null || onExpandAllChangeProp === void 0 ? void 0 : onExpandAllChangeProp(status);
|
137
|
-
};
|
138
|
-
|
157
|
+
}; // 展开层级回调
|
158
|
+
|
159
|
+
|
139
160
|
var onExpandLevelChange = function onExpandLevelChange(level) {
|
140
161
|
setExpandLevelState(level);
|
141
162
|
onExpandLevelChangeProp === null || onExpandLevelChangeProp === void 0 ? void 0 : onExpandLevelChangeProp(level);
|
142
|
-
};
|
143
|
-
|
163
|
+
}; // DataSource 变化回调。用于更新层级
|
164
|
+
|
165
|
+
|
144
166
|
var onDataSourceChange = function onDataSourceChange(dataSource) {
|
145
167
|
var level = getTreeLevel(dataSource);
|
146
168
|
setExpandLevel(level);
|
147
169
|
};
|
170
|
+
|
148
171
|
return /*#__PURE__*/React.createElement("div", {
|
149
172
|
className: "".concat(cls(_defineProperty({
|
150
173
|
'': true,
|
@@ -179,5 +202,5 @@ var ProSidebar = function ProSidebar(props) {
|
|
179
202
|
onDataSourceChange: onDataSourceChange
|
180
203
|
}, treeProps))));
|
181
204
|
};
|
182
|
-
|
183
|
-
export
|
205
|
+
|
206
|
+
export default ProSidebar;
|
package/es/sidebar/typing.d.ts
CHANGED
@@ -88,8 +88,6 @@ export declare type ProSidebarContainerProps = {
|
|
88
88
|
scrollArea?: 'all' | 'tree';
|
89
89
|
/** 是否显示展开全部 */
|
90
90
|
showExpandAll?: boolean;
|
91
|
-
/** 展开全部 状态 */
|
92
|
-
expandAllState?: boolean;
|
93
91
|
/** 是否显示展开层级 */
|
94
92
|
showExpandLevel?: boolean;
|
95
93
|
/** 展开全部变化回调 */
|
@@ -98,8 +96,6 @@ export declare type ProSidebarContainerProps = {
|
|
98
96
|
onExpandLevelChange?: (state: number) => void;
|
99
97
|
/** 展开层级 层级 */
|
100
98
|
expandLevel?: number;
|
101
|
-
/** 展开层级 当前所展示层级 */
|
102
|
-
expandLevelState?: number;
|
103
99
|
/** 列表 or tree */
|
104
100
|
isTree?: boolean;
|
105
101
|
} & ProCardProps;
|
@@ -1,10 +1,15 @@
|
|
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
|
export function useActionType(ref, action) {
|
5
8
|
var _ref$current;
|
6
|
-
|
7
|
-
// 合并自定义事件
|
9
|
+
|
10
|
+
var oldActions = (_ref$current = ref.current) !== null && _ref$current !== void 0 ? _ref$current : {}; // 合并自定义事件
|
11
|
+
|
8
12
|
var userAction = _objectSpread(_objectSpread({}, oldActions), action);
|
13
|
+
|
9
14
|
ref.current = userAction;
|
10
15
|
}
|