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