@teamix/pro 1.4.25-bugfix.2 → 1.4.25-bugfix.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/pro.css +1 -1
- package/dist/pro.js +64943 -84006
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.min.js.LICENSE.txt +6 -13
- package/es/actions/base.js +21 -8
- package/es/actions/dialog-component.js +9 -2
- package/es/actions/dialog-form.js +75 -37
- package/es/actions/dialog-info.js +5 -1
- package/es/actions/dialog.js +95 -57
- package/es/actions/index.d.ts +0 -7
- package/es/actions/index.js +153 -93
- package/es/actions/index.scss +1 -6
- package/es/actions/link.js +5 -3
- package/es/actions/request.js +27 -12
- package/es/actions/utils.js +9 -1
- package/es/card/card-container.js +5 -0
- package/es/card/divider.js +5 -0
- package/es/card/index.js +100 -61
- package/es/card/index.scss +0 -15
- package/es/card/selectable.js +13 -4
- package/es/card/tab.js +10 -1
- package/es/card/utils.js +2 -0
- package/es/form/Components/Editable/index.js +55 -16
- package/es/form/Components/FormGroup/index.d.ts +0 -1
- package/es/form/Components/FormGroup/index.js +22 -7
- package/es/form/Components/LightFilter/index.js +35 -15
- package/es/form/Components/ProField/index.js +14 -2
- package/es/form/Components/ProField/mapDateFormat.js +28 -2
- package/es/form/Components/Text/index.d.ts +0 -1
- package/es/form/Components/Text/index.js +11 -2
- package/es/form/Filter/AdvancedFilter.js +26 -11
- package/es/form/Filter/Layout.js +24 -11
- package/es/form/Filter/LightFilter.js +24 -13
- package/es/form/Filter/SimpleFilter.js +21 -7
- package/es/form/Filter/index.js +171 -117
- package/es/form/Filter/index2.js +28 -11
- package/es/form/Filter/layout.scss +1 -1
- package/es/form/Filter/useBindUrl.js +46 -18
- package/es/form/Filter/useSpecialProps.js +13 -8
- package/es/form/ProForm/customComponent.js +5 -0
- package/es/form/ProForm/index.js +38 -30
- package/es/form/ProForm/useAutoLayout.js +42 -21
- package/es/form/ProForm/useAutoSubmit.js +8 -3
- package/es/form/ProForm/useFieldRequest.js +5 -0
- package/es/form/ProForm/useFormDisplayValues.js +28 -12
- package/es/form/ProForm/useInitialRequest.js +5 -0
- package/es/form/SchemaForm/adapterComponent.js +3 -0
- package/es/form/SchemaForm/adapterDecorator.d.ts +1 -1
- package/es/form/SchemaForm/adapterDecorator.js +8 -0
- package/es/form/SchemaForm/adapterType.js +2 -0
- package/es/form/SchemaForm/index.js +114 -78
- package/es/form/SchemaForm/initializeArrayCards.js +6 -0
- package/es/form/SchemaForm/initializeArrayCollapse.js +6 -0
- package/es/form/SchemaForm/initializeArrayItems.js +9 -2
- package/es/form/SchemaForm/initializeArrayTable.js +34 -21
- package/es/form/SchemaForm/initializeDataSource.js +6 -2
- package/es/form/SchemaForm/initializeFormButton.js +31 -14
- package/es/form/SchemaForm/initializeFormCollapse.js +18 -8
- package/es/form/SchemaForm/initializeFormGroup.js +20 -10
- package/es/form/SchemaForm/initializeFormStep.js +23 -11
- package/es/form/SchemaForm/initializeFormTab.js +20 -10
- package/es/form/SchemaForm/initializeReactions.js +33 -9
- package/es/form/SchemaForm/initializeRequest.js +16 -2
- package/es/form/SchemaForm/initializeRules.js +22 -4
- package/es/form/SchemaForm/initializeSelectTable.js +33 -7
- package/es/form/SchemaForm/reactions.js +34 -19
- package/es/form/docs/ActionResponse.d.ts +0 -1
- package/es/form/index.d.ts +9 -9
- package/es/form/index.js +9 -0
- package/es/form/typing.d.ts +4 -26
- package/es/form/utils.d.ts +1 -1
- package/es/form/utils.js +49 -4
- package/es/form/warning.js +7 -2
- package/es/global.scss +1 -3
- package/es/index-without-icon.js +3 -4
- package/es/index.d.ts +1 -1
- package/es/index.js +8 -18
- package/es/info/components/InfoGroup/index.js +32 -21
- package/es/info/components/InfoValueItem/index.js +119 -66
- package/es/info/components/ProInfoItem/index.js +21 -13
- package/es/info/components/baseInfo/index.js +27 -17
- package/es/info/components/headerInfo/index.js +20 -8
- package/es/info/components/tableInfo/index.js +50 -20
- package/es/info/index.js +86 -61
- package/es/info/typing.d.ts +0 -2
- package/es/info/utils/index.js +11 -0
- package/es/nocode/configurators/ProTable.js +22 -1
- package/es/nocode/configurators/common.js +6 -5
- package/es/nocode/configurators/index.js +3 -2
- package/es/nocode/index.js +6 -6
- package/es/nocode/pages/editor.js +9 -5
- package/es/nocode/pages/index.js +30 -5
- package/es/nocode/pages/playground.js +35 -18
- package/es/nocode/pages/renderer.js +42 -9
- package/es/nocode/playground.js +23 -10
- package/es/page-header/index.d.ts +2 -2
- package/es/page-header/index.js +76 -40
- package/es/page-header/index.scss +1 -2
- package/es/sidebar/components/sidebar-container/index.js +69 -54
- package/es/sidebar/components/sidebar-container/index.scss +14 -21
- package/es/sidebar/components/tree/index.js +138 -100
- package/es/sidebar/components/tree-node/components/HoverTooltip/index.js +26 -11
- package/es/sidebar/components/tree-node/components/IconAction/index.js +35 -9
- package/es/sidebar/components/tree-node/components/IconSwitch/index.d.ts +2 -2
- package/es/sidebar/components/tree-node/components/IconSwitch/index.js +25 -12
- package/es/sidebar/components/tree-node/components/IconSwitch/index.scss +1 -1
- package/es/sidebar/components/tree-node/index.js +84 -42
- package/es/sidebar/components/tree-node/index.scss +0 -6
- package/es/sidebar/index.d.ts +0 -2
- package/es/sidebar/index.js +95 -72
- package/es/sidebar/typing.d.ts +0 -4
- package/es/sidebar/utils/action-ref.js +7 -2
- package/es/sidebar/utils/index.d.ts +2 -5
- package/es/sidebar/utils/index.js +98 -41
- package/es/table/components/Filter/index.d.ts +3 -6
- package/es/table/components/Filter/index.js +128 -115
- package/es/table/components/Layout/index.js +47 -32
- package/es/table/components/Layout/index.scss +1 -2
- package/es/table/components/Pagination/index.js +58 -25
- package/es/table/components/QuickAction/index.d.ts +0 -1
- package/es/table/components/QuickAction/index.js +11 -3
- package/es/table/components/ToolBar/DensityIcon.js +31 -19
- package/es/table/components/ToolBar/FilterColumnIcon.js +125 -87
- package/es/table/components/ToolBar/FullScreenIcon.js +62 -7
- package/es/table/components/ToolBar/Fullscreen.js +28 -25
- package/es/table/components/ToolBar/RefreshIcon.js +27 -162
- package/es/table/components/ToolBar/index.d.ts +1 -1
- package/es/table/components/ToolBar/index.js +38 -130
- package/es/table/components/ToolBar/index.scss +3 -49
- package/es/table/index.js +423 -455
- package/es/table/index.scss +0 -8
- package/es/table/typing.d.ts +6 -125
- package/es/table/utils/columnRender.d.ts +3 -3
- package/es/table/utils/columnRender.js +79 -39
- package/es/table/utils/genProColumnToColumn.d.ts +2 -2
- package/es/table/utils/genProColumnToColumn.js +16 -13
- package/es/table/utils/index.js +47 -14
- package/es/table/utils/pureColumnRender.js +53 -21
- package/es/table/utils/pureGenProColumnToColumn.d.ts +1 -1
- package/es/table/utils/pureGenProColumnToColumn.js +10 -2
- package/es/table/utils/useTableSelection.js +33 -6
- package/es/templates/List/index.js +9 -2
- package/es/timeline/ProTimeLineItem/index.js +65 -25
- package/es/timeline/index.js +22 -8
- package/es/timeline/typing.d.ts +0 -1
- package/es/utils/message.d.ts +2 -2
- package/es/utils/message.js +5 -0
- package/lib/actions/base.js +24 -8
- package/lib/actions/confirm.js +5 -0
- package/lib/actions/danger-confirm.js +5 -0
- package/lib/actions/danger-pop-confirm.js +4 -0
- package/lib/actions/dialog-component.js +15 -2
- package/lib/actions/dialog-form.js +89 -36
- package/lib/actions/dialog-info.js +10 -1
- package/lib/actions/dialog-table.js +5 -0
- package/lib/actions/dialog.js +112 -55
- package/lib/actions/drawer-form.js +3 -0
- package/lib/actions/drawer-info.js +3 -0
- package/lib/actions/drawer-table.js +3 -0
- package/lib/actions/drawer.js +4 -0
- package/lib/actions/error.js +5 -0
- package/lib/actions/index.d.ts +0 -7
- package/lib/actions/index.js +184 -115
- package/lib/actions/index.scss +1 -6
- package/lib/actions/link.js +10 -1
- package/lib/actions/notice.js +5 -0
- package/lib/actions/pop-confirm.js +5 -0
- package/lib/actions/request.js +32 -8
- package/lib/actions/utils.js +9 -1
- package/lib/card/card-container.js +9 -0
- package/lib/card/divider.js +7 -0
- package/lib/card/index.js +127 -61
- package/lib/card/index.scss +0 -15
- package/lib/card/selectable.js +20 -4
- package/lib/card/tab.js +14 -1
- package/lib/card/utils.js +6 -0
- package/lib/field/index.js +6 -0
- package/lib/form/Components/Editable/index.js +65 -15
- package/lib/form/Components/FormGroup/index.d.ts +0 -1
- package/lib/form/Components/FormGroup/index.js +28 -7
- package/lib/form/Components/LightFilter/index.js +47 -15
- package/lib/form/Components/ProField/index.js +21 -2
- package/lib/form/Components/ProField/mapDateFormat.js +32 -2
- package/lib/form/Components/Text/index.d.ts +0 -1
- package/lib/form/Components/Text/index.js +16 -2
- package/lib/form/Filter/AdvancedFilter.js +34 -11
- package/lib/form/Filter/Layout.js +33 -11
- package/lib/form/Filter/LightFilter.js +32 -13
- package/lib/form/Filter/SimpleFilter.js +27 -5
- package/lib/form/Filter/index.js +191 -116
- package/lib/form/Filter/index2.js +38 -11
- package/lib/form/Filter/layout.scss +1 -1
- package/lib/form/Filter/useBindUrl.js +50 -18
- package/lib/form/Filter/useSpecialProps.js +13 -6
- package/lib/form/ProForm/customComponent.js +8 -0
- package/lib/form/ProForm/index.js +60 -30
- package/lib/form/ProForm/useAutoLayout.js +45 -21
- package/lib/form/ProForm/useAutoSubmit.js +10 -1
- package/lib/form/ProForm/useFieldRequest.js +8 -0
- package/lib/form/ProForm/useFormDisplayValues.js +34 -12
- package/lib/form/ProForm/useInitialRequest.js +6 -0
- package/lib/form/SchemaForm/adapterComponent.js +6 -0
- package/lib/form/SchemaForm/adapterDecorator.d.ts +1 -1
- package/lib/form/SchemaForm/adapterDecorator.js +12 -0
- package/lib/form/SchemaForm/adapterType.js +5 -0
- package/lib/form/SchemaForm/index.js +144 -78
- package/lib/form/SchemaForm/initializeArrayCards.js +7 -0
- package/lib/form/SchemaForm/initializeArrayCollapse.js +7 -0
- package/lib/form/SchemaForm/initializeArrayItems.js +10 -2
- package/lib/form/SchemaForm/initializeArrayTable.js +34 -21
- package/lib/form/SchemaForm/initializeDataSource.js +8 -2
- package/lib/form/SchemaForm/initializeFormButton.js +32 -14
- package/lib/form/SchemaForm/initializeFormCollapse.js +18 -8
- package/lib/form/SchemaForm/initializeFormGroup.js +20 -10
- package/lib/form/SchemaForm/initializeFormStep.js +23 -11
- package/lib/form/SchemaForm/initializeFormTab.js +20 -10
- package/lib/form/SchemaForm/initializeReactions.js +37 -9
- package/lib/form/SchemaForm/initializeRequest.js +18 -2
- package/lib/form/SchemaForm/initializeRules.js +24 -4
- package/lib/form/SchemaForm/initializeSelectTable.js +36 -7
- package/lib/form/SchemaForm/reactions.js +37 -17
- package/lib/form/docs/ActionResponse.d.ts +0 -1
- package/lib/form/docs/ActionResponse.js +5 -0
- package/lib/form/index.d.ts +9 -9
- package/lib/form/index.js +25 -0
- package/lib/form/typing.d.ts +4 -26
- package/lib/form/utils.d.ts +1 -1
- package/lib/form/utils.js +61 -4
- package/lib/form/warning.js +8 -2
- package/lib/global.scss +1 -3
- package/lib/hooks/index.js +5 -0
- package/lib/index-without-icon.js +36 -2
- package/lib/index.d.ts +1 -1
- package/lib/index.js +40 -13
- package/lib/info/components/InfoGroup/index.js +42 -21
- package/lib/info/components/InfoValueItem/index.js +134 -66
- package/lib/info/components/ProInfoItem/index.js +29 -13
- package/lib/info/components/baseInfo/index.js +39 -17
- package/lib/info/components/headerInfo/index.js +31 -8
- package/lib/info/components/tableInfo/index.js +62 -20
- package/lib/info/index.js +101 -61
- package/lib/info/typing.d.ts +0 -2
- package/lib/info/utils/index.js +19 -0
- package/lib/info/utils/utils.js +1 -0
- package/lib/nocode/configurators/PageHeader.js +2 -0
- package/lib/nocode/configurators/ProTable.js +24 -1
- package/lib/nocode/configurators/common.js +10 -5
- package/lib/nocode/configurators/index.js +10 -2
- package/lib/nocode/configurators/map.js +5 -0
- package/lib/nocode/index.js +11 -0
- package/lib/nocode/pages/editor.js +19 -5
- package/lib/nocode/pages/index.js +35 -3
- package/lib/nocode/pages/playground.js +52 -18
- package/lib/nocode/pages/renderer.js +53 -9
- package/lib/nocode/playground.js +35 -10
- package/lib/page-container/index.js +6 -0
- package/lib/page-header/index.d.ts +2 -2
- package/lib/page-header/index.js +90 -39
- package/lib/page-header/index.scss +1 -2
- package/lib/sidebar/components/sidebar-container/index.js +81 -54
- package/lib/sidebar/components/sidebar-container/index.scss +14 -21
- package/lib/sidebar/components/tree/index.js +152 -100
- package/lib/sidebar/components/tree-node/components/HoverTooltip/index.js +34 -11
- package/lib/sidebar/components/tree-node/components/IconAction/index.js +46 -9
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.d.ts +2 -2
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.js +35 -12
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.scss +1 -1
- package/lib/sidebar/components/tree-node/index.js +100 -42
- package/lib/sidebar/components/tree-node/index.scss +0 -6
- package/lib/sidebar/index.d.ts +0 -2
- package/lib/sidebar/index.js +111 -79
- package/lib/sidebar/typing.d.ts +0 -4
- package/lib/sidebar/utils/action-ref.js +8 -2
- package/lib/sidebar/utils/index.d.ts +2 -5
- package/lib/sidebar/utils/index.js +106 -41
- package/lib/skeleton/index.js +6 -0
- package/lib/table/components/EmptyContent/index.js +6 -0
- package/lib/table/components/Filter/index.d.ts +3 -6
- package/lib/table/components/Filter/index.js +137 -114
- package/lib/table/components/Layout/index.js +60 -32
- package/lib/table/components/Layout/index.scss +1 -2
- package/lib/table/components/Pagination/index.js +68 -25
- package/lib/table/components/QuickAction/index.d.ts +0 -1
- package/lib/table/components/QuickAction/index.js +15 -3
- package/lib/table/components/ToolBar/DensityIcon.js +42 -19
- package/lib/table/components/ToolBar/FilterColumnIcon.js +136 -86
- package/lib/table/components/ToolBar/FullScreenIcon.js +74 -10
- package/lib/table/components/ToolBar/Fullscreen.js +35 -25
- package/lib/table/components/ToolBar/RefreshIcon.js +36 -164
- package/lib/table/components/ToolBar/index.d.ts +1 -1
- package/lib/table/components/ToolBar/index.js +47 -133
- package/lib/table/components/ToolBar/index.scss +3 -49
- package/lib/table/index.js +445 -454
- package/lib/table/index.scss +0 -8
- package/lib/table/typing.d.ts +6 -125
- package/lib/table/utils/columnRender.d.ts +3 -3
- package/lib/table/utils/columnRender.js +92 -39
- package/lib/table/utils/genProColumnToColumn.d.ts +2 -2
- package/lib/table/utils/genProColumnToColumn.js +21 -13
- package/lib/table/utils/getTableProps.js +2 -0
- package/lib/table/utils/getTableSortIcons.js +5 -0
- package/lib/table/utils/index.js +55 -12
- package/lib/table/utils/pureColumnRender.js +64 -21
- package/lib/table/utils/pureGenProColumnToColumn.d.ts +1 -1
- package/lib/table/utils/pureGenProColumnToColumn.js +11 -2
- package/lib/table/utils/useTableSelection.js +35 -6
- package/lib/templates/Detail/index.js +5 -0
- package/lib/templates/Form/index.js +5 -0
- package/lib/templates/List/index.js +19 -2
- package/lib/templates/index.js +6 -0
- package/lib/timeline/ProTimeLineItem/index.js +76 -25
- package/lib/timeline/index.js +33 -8
- package/lib/timeline/typing.d.ts +0 -1
- package/lib/utils/index.js +6 -0
- package/lib/utils/message.d.ts +2 -2
- package/lib/utils/message.js +10 -0
- package/package.json +1 -1
- package/dist/pro.all.min.css +0 -1
- package/dist/pro.xconsole.min.css +0 -1
- package/es/actions/quick.d.ts +0 -2
- package/es/actions/quick.js +0 -26
- package/es/card/xconsole.scss +0 -3
- package/es/form/ProForm/addCascadeEffect.d.ts +0 -2
- package/es/form/ProForm/addCascadeEffect.js +0 -203
- package/es/next-xconsole.scss +0 -34
- package/es/page-header/xconsole.scss +0 -5
- package/es/table/components/CardView/index.d.ts +0 -5
- package/es/table/components/CardView/index.js +0 -392
- package/es/table/components/CardView/index.scss +0 -46
- package/es/table/components/LoadMore/index.d.ts +0 -20
- package/es/table/components/LoadMore/index.js +0 -88
- package/es/table/components/LoadMore/index.scss +0 -19
- package/es/table/components/ToolBar/CardSwitch.d.ts +0 -8
- package/es/table/components/ToolBar/CardSwitch.js +0 -52
- package/es/table/utils/util.d.ts +0 -5
- package/es/table/utils/util.js +0 -19
- package/es/xconsole.scss +0 -503
- package/lib/actions/quick.d.ts +0 -2
- package/lib/actions/quick.js +0 -33
- package/lib/card/xconsole.scss +0 -3
- package/lib/form/ProForm/addCascadeEffect.d.ts +0 -2
- package/lib/form/ProForm/addCascadeEffect.js +0 -210
- package/lib/next-xconsole.scss +0 -34
- package/lib/page-header/xconsole.scss +0 -5
- package/lib/table/components/CardView/index.d.ts +0 -5
- package/lib/table/components/CardView/index.js +0 -402
- package/lib/table/components/CardView/index.scss +0 -46
- package/lib/table/components/LoadMore/index.d.ts +0 -20
- package/lib/table/components/LoadMore/index.js +0 -99
- package/lib/table/components/LoadMore/index.scss +0 -19
- package/lib/table/components/ToolBar/CardSwitch.d.ts +0 -8
- package/lib/table/components/ToolBar/CardSwitch.js +0 -60
- package/lib/table/utils/util.d.ts +0 -5
- package/lib/table/utils/util.js +0 -25
- package/lib/xconsole.scss +0 -503
package/lib/nocode/playground.js
CHANGED
@@ -1,26 +1,44 @@
|
|
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
|
+
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
5
6
|
value: true
|
6
7
|
});
|
7
8
|
exports.PlayGroundLayout = exports.PlayGround = void 0;
|
9
|
+
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
11
|
+
|
9
12
|
var _utils = require("@teamix/utils");
|
13
|
+
|
10
14
|
var _hooks = require("@teamix/hooks");
|
15
|
+
|
11
16
|
var _configurators = require("./configurators");
|
17
|
+
|
12
18
|
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
|
+
|
13
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; }
|
21
|
+
|
14
22
|
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
|
+
|
15
24
|
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
|
+
|
16
26
|
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
|
+
|
17
28
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
29
|
+
|
18
30
|
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
|
+
|
19
32
|
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
|
+
|
20
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; }
|
35
|
+
|
21
36
|
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
|
+
|
22
38
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
39
|
+
|
23
40
|
var cls = (0, _utils.usePrefixCls)('teamix-pro-nocode-playground');
|
41
|
+
|
24
42
|
var PlayGroundLayout = function PlayGroundLayout(props) {
|
25
43
|
return /*#__PURE__*/_react.default.createElement("div", {
|
26
44
|
className: cls()
|
@@ -32,27 +50,33 @@ var PlayGroundLayout = function PlayGroundLayout(props) {
|
|
32
50
|
className: cls('tools')
|
33
51
|
}, props.tools));
|
34
52
|
};
|
53
|
+
|
35
54
|
exports.PlayGroundLayout = PlayGroundLayout;
|
55
|
+
|
36
56
|
var PlayGround = function PlayGround(props) {
|
37
57
|
var Component = props.component,
|
38
|
-
|
39
|
-
|
58
|
+
configurator = props.configurator,
|
59
|
+
initialValues = props.initialValues;
|
60
|
+
|
40
61
|
var _React$useState = _react.default.useState(initialValues),
|
41
|
-
|
42
|
-
|
43
|
-
|
62
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
63
|
+
componentState = _React$useState2[0],
|
64
|
+
setComponentState = _React$useState2[1];
|
65
|
+
|
44
66
|
var componentKey = (0, _react.useMemo)(function () {
|
45
67
|
return "component-".concat(Math.random());
|
46
68
|
}, [componentState]);
|
47
69
|
var Configurator = (0, _react.useMemo)(function () {
|
48
70
|
return (0, _configurators.initConfigurator)(configurator.schema, configurator.initialValues);
|
49
71
|
}, [configurator]);
|
72
|
+
|
50
73
|
var _useDebounceFn = (0, _hooks.useDebounceFn)(function (values) {
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
74
|
+
setComponentState(values);
|
75
|
+
}, {
|
76
|
+
wait: 500
|
77
|
+
}),
|
78
|
+
onValuesChange = _useDebounceFn.run;
|
79
|
+
|
56
80
|
return /*#__PURE__*/_react.default.createElement(PlayGroundLayout, {
|
57
81
|
component: /*#__PURE__*/_react.default.createElement(Component, _objectSpread({
|
58
82
|
key: componentKey
|
@@ -63,4 +87,5 @@ var PlayGround = function PlayGround(props) {
|
|
63
87
|
})
|
64
88
|
});
|
65
89
|
};
|
90
|
+
|
66
91
|
exports.PlayGround = PlayGround;
|
@@ -1,12 +1,15 @@
|
|
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
|
+
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
5
6
|
value: true
|
6
7
|
});
|
7
8
|
var _exportNames = {};
|
8
9
|
exports.default = void 0;
|
10
|
+
|
9
11
|
var _proPageContainer = _interopRequireWildcard(require("@teamix/pro-page-container"));
|
12
|
+
|
10
13
|
Object.keys(_proPageContainer).forEach(function (key) {
|
11
14
|
if (key === "default" || key === "__esModule") return;
|
12
15
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -18,7 +21,10 @@ Object.keys(_proPageContainer).forEach(function (key) {
|
|
18
21
|
}
|
19
22
|
});
|
20
23
|
});
|
24
|
+
|
21
25
|
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); }
|
26
|
+
|
22
27
|
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; }
|
28
|
+
|
23
29
|
var _default = _proPageContainer.default;
|
24
30
|
exports.default = _default;
|
@@ -42,9 +42,9 @@ export declare type ProPageHeaderProps = {
|
|
42
42
|
/** 面包屑配置 */
|
43
43
|
breadcrumb?: ProPageHeaderBreadcrumbItem[];
|
44
44
|
/** 额外信息区配置 */
|
45
|
-
extra?: ProActionGroupProps | React.ReactNode
|
45
|
+
extra?: ProActionGroupProps | React.ReactNode;
|
46
46
|
/** 操作区配置 */
|
47
|
-
operation?: ProActionGroupProps | React.ReactNode
|
47
|
+
operation?: ProActionGroupProps | React.ReactNode;
|
48
48
|
/** 标签组 */
|
49
49
|
tags?: ProPageHeaderTagItem[];
|
50
50
|
/** 数据概览项 */
|
package/lib/page-header/index.js
CHANGED
@@ -4,46 +4,73 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
+
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
8
|
-
|
9
|
+
|
10
|
+
var _reactRouterDom = require("react-router-dom");
|
11
|
+
|
9
12
|
var _classnames2 = _interopRequireDefault(require("classnames"));
|
13
|
+
|
10
14
|
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
15
|
+
|
11
16
|
var _components = require("@alicloudfe/components");
|
17
|
+
|
18
|
+
var _utils = require("@teamix/utils");
|
19
|
+
|
12
20
|
var _field = require("../field");
|
21
|
+
|
13
22
|
var _actions = require("../actions");
|
23
|
+
|
14
24
|
var _skeleton = require("../skeleton");
|
25
|
+
|
15
26
|
var _info = _interopRequireDefault(require("../info"));
|
27
|
+
|
16
28
|
require("./index.scss");
|
29
|
+
|
17
30
|
var _excluded = ["text", "children"],
|
18
|
-
|
19
|
-
|
31
|
+
_excluded2 = ["color", "title", "num", "className"],
|
32
|
+
_excluded3 = ["title", "titleTooltip", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style", "tabs"];
|
33
|
+
|
20
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
35
|
+
|
21
36
|
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
|
+
|
22
38
|
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
|
+
|
23
40
|
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
|
+
|
24
42
|
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; }
|
43
|
+
|
25
44
|
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; }
|
45
|
+
|
26
46
|
var cls = (0, _utils.usePrefixCls)('teamix-pro-page-header');
|
27
47
|
var Tooltip = _components.Balloon.Tooltip;
|
48
|
+
|
28
49
|
var renderNav = function renderNav(breadcrumbs) {
|
29
50
|
if (breadcrumbs && breadcrumbs.length) {
|
30
51
|
return /*#__PURE__*/_react.default.createElement(_components.Breadcrumb, null, breadcrumbs.map(function (b, i) {
|
31
52
|
var text = b.text,
|
32
|
-
|
33
|
-
|
53
|
+
children = b.children,
|
54
|
+
others = _objectWithoutProperties(b, _excluded);
|
55
|
+
|
34
56
|
return /*#__PURE__*/_react.default.createElement(_components.Breadcrumb.Item, _objectSpread({
|
35
57
|
key: i
|
36
58
|
}, others), text || children);
|
37
59
|
}));
|
38
60
|
}
|
61
|
+
|
39
62
|
return null;
|
40
63
|
};
|
64
|
+
|
41
65
|
var renderActionGroup = function renderActionGroup(group, defaultProps) {
|
42
66
|
var buttonType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'primary';
|
67
|
+
|
43
68
|
if (!group) {
|
44
69
|
return null;
|
45
70
|
}
|
71
|
+
|
46
72
|
var actionGroup = group;
|
73
|
+
|
47
74
|
if (actionGroup.actions instanceof Array && actionGroup.actions.length) {
|
48
75
|
var actions = actionGroup.actions.map(function (item) {
|
49
76
|
return Object.assign({
|
@@ -54,19 +81,22 @@ var renderActionGroup = function renderActionGroup(group, defaultProps) {
|
|
54
81
|
actions: actions
|
55
82
|
}));
|
56
83
|
}
|
84
|
+
|
57
85
|
return group;
|
58
86
|
};
|
87
|
+
|
59
88
|
var getColorAndStyle = function getColorAndStyle(color, backgroundColor, backgroundType) {
|
60
89
|
var _classnames;
|
90
|
+
|
61
91
|
var isColorPresetColor = (0, _utils.isPresetColor)(color);
|
62
92
|
var isBgColorPresetColor = (0, _utils.isPresetColor)(backgroundColor);
|
63
93
|
var className = (0, _classnames2.default)((_classnames = {}, _defineProperty(_classnames, "".concat((0, _utils.getColorClassName)(color)), isColorPresetColor), _defineProperty(_classnames, "".concat((0, _utils.getBackgroundColorClassName)(backgroundColor)), isBgColorPresetColor), _defineProperty(_classnames, "".concat(cls("bg-type-".concat(backgroundType))), !!backgroundType), _classnames));
|
64
94
|
var styleColor = isColorPresetColor ? (0, _utils.getColor)(color) : color;
|
65
|
-
var styleBgColor = isBgColorPresetColor ? (0, _utils.getColor)(backgroundColor) : backgroundColor;
|
66
|
-
// debugger;
|
95
|
+
var styleBgColor = isBgColorPresetColor ? (0, _utils.getColor)(backgroundColor) : backgroundColor; // debugger;
|
67
96
|
// console.log('color', color);
|
68
97
|
// console.log('backgroundColor', backgroundColor);
|
69
98
|
// console.log('styleBgColor', styleBgColor);
|
99
|
+
|
70
100
|
var style = {
|
71
101
|
color: styleColor,
|
72
102
|
backgroundColor: styleBgColor
|
@@ -76,19 +106,23 @@ var getColorAndStyle = function getColorAndStyle(color, backgroundColor, backgro
|
|
76
106
|
style: style
|
77
107
|
};
|
78
108
|
};
|
109
|
+
|
79
110
|
var renderData = function renderData(data) {
|
80
111
|
if (!data) {
|
81
112
|
return null;
|
82
113
|
}
|
114
|
+
|
83
115
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.map(function (item, i) {
|
84
116
|
var color = item.color,
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
117
|
+
title = item.title,
|
118
|
+
num = item.num,
|
119
|
+
customClassName = item.className,
|
120
|
+
others = _objectWithoutProperties(item, _excluded2);
|
121
|
+
|
89
122
|
var _getColorAndStyle = getColorAndStyle(color),
|
90
|
-
|
91
|
-
|
123
|
+
className = _getColorAndStyle.className,
|
124
|
+
style = _getColorAndStyle.style;
|
125
|
+
|
92
126
|
return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
|
93
127
|
key: i,
|
94
128
|
className: (0, _classnames2.default)(cls('data-item'), customClassName)
|
@@ -100,70 +134,85 @@ var renderData = function renderData(data) {
|
|
100
134
|
}, num));
|
101
135
|
}));
|
102
136
|
};
|
137
|
+
|
103
138
|
var renderInfo = function renderInfo(info) {
|
104
139
|
if (info === null || info === void 0 ? void 0 : info.columns) {
|
105
140
|
return /*#__PURE__*/_react.default.createElement(_info.default, _objectSpread({
|
106
141
|
type: "header"
|
107
142
|
}, info));
|
108
143
|
}
|
144
|
+
|
109
145
|
return info;
|
110
146
|
};
|
147
|
+
|
111
148
|
var renderTabs = function renderTabs(tabs) {
|
112
149
|
if (tabs) {
|
113
150
|
return /*#__PURE__*/_react.default.createElement(_field.CapsuleTab, _objectSpread({}, tabs));
|
114
151
|
}
|
152
|
+
|
115
153
|
return null;
|
116
154
|
};
|
155
|
+
|
117
156
|
var ProPageHeader = function ProPageHeader(props) {
|
118
157
|
var title = props.title,
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
158
|
+
titleTooltip = props.titleTooltip,
|
159
|
+
description = props.description,
|
160
|
+
icon = props.icon,
|
161
|
+
iconColor = props.iconColor,
|
162
|
+
_props$iconBackground = props.iconBackgroundType,
|
163
|
+
iconBackgroundType = _props$iconBackground === void 0 ? 'square' : _props$iconBackground,
|
164
|
+
iconBackgroundColor = props.iconBackgroundColor,
|
165
|
+
goback = props.goback,
|
166
|
+
operation = props.operation,
|
167
|
+
extra = props.extra,
|
168
|
+
image = props.image,
|
169
|
+
loading = props.loading,
|
170
|
+
breadcrumb = props.breadcrumb,
|
171
|
+
tags = props.tags,
|
172
|
+
data = props.data,
|
173
|
+
info = props.info,
|
174
|
+
children = props.children,
|
175
|
+
className = props.className,
|
176
|
+
style = props.style,
|
177
|
+
tabs = props.tabs,
|
178
|
+
others = _objectWithoutProperties(props, _excluded3);
|
179
|
+
|
180
|
+
var history = (0, _reactRouterDom.useHistory)();
|
141
181
|
var backgroundImage = image ? "url('".concat(image, "')") : undefined;
|
182
|
+
|
142
183
|
var showList = function showList(list) {
|
143
184
|
var _list$actions;
|
185
|
+
|
144
186
|
if (loading) {
|
145
187
|
return !!list;
|
146
188
|
}
|
189
|
+
|
147
190
|
return list && (list.length > 0 || (list === null || list === void 0 ? void 0 : (_list$actions = list.actions) === null || _list$actions === void 0 ? void 0 : _list$actions.length) > 0);
|
148
191
|
};
|
192
|
+
|
149
193
|
var renderTitle = function renderTitle() {
|
150
194
|
var _getColorAndStyle2 = getColorAndStyle(iconColor, iconBackgroundColor, iconBackgroundType),
|
151
|
-
|
152
|
-
|
195
|
+
iconClass = _getColorAndStyle2.className,
|
196
|
+
iconStyle = _getColorAndStyle2.style;
|
197
|
+
|
153
198
|
var onBack = function onBack(e) {
|
154
199
|
if (!goback) {
|
155
200
|
return;
|
156
201
|
}
|
202
|
+
|
157
203
|
if (typeof goback === 'function') {
|
158
204
|
goback(e);
|
159
205
|
return;
|
160
206
|
}
|
207
|
+
|
161
208
|
if (goback === true) {
|
162
|
-
history
|
209
|
+
history.go(-1);
|
163
210
|
return;
|
164
211
|
}
|
212
|
+
|
165
213
|
(0, _utils.goToLink)(goback, history);
|
166
214
|
};
|
215
|
+
|
167
216
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, goback && /*#__PURE__*/_react.default.createElement(_icon.default, {
|
168
217
|
className: cls('goback'),
|
169
218
|
onClick: onBack,
|
@@ -186,6 +235,7 @@ var ProPageHeader = function ProPageHeader(props) {
|
|
186
235
|
align: "t"
|
187
236
|
}, titleTooltip)), (0, _field.renderTags)(tags, 'large'), renderTabs(tabs !== null && tabs !== void 0 ? tabs : {}));
|
188
237
|
};
|
238
|
+
|
189
239
|
return /*#__PURE__*/_react.default.createElement("header", _objectSpread({
|
190
240
|
className: (0, _classnames2.default)(cls(), className),
|
191
241
|
style: _objectSpread({
|
@@ -218,7 +268,8 @@ var ProPageHeader = function ProPageHeader(props) {
|
|
218
268
|
className: cls('operation')
|
219
269
|
}, !loading && renderActionGroup(operation)))), info && /*#__PURE__*/_react.default.createElement("section", {
|
220
270
|
className: (0, _classnames2.default)(cls('section'), cls('info'))
|
221
|
-
},
|
271
|
+
}, !loading && renderInfo(info), loading && /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Info.Header, null)), children);
|
222
272
|
};
|
273
|
+
|
223
274
|
var _default = ProPageHeader;
|
224
275
|
exports.default = _default;
|
@@ -1,4 +1,3 @@
|
|
1
|
-
@import "xconsole";
|
2
1
|
$prefix: 'teamix-pro-page-header';
|
3
2
|
|
4
3
|
.#{$prefix} {
|
@@ -13,7 +12,7 @@ $prefix: 'teamix-pro-page-header';
|
|
13
12
|
justify-content: space-between;
|
14
13
|
align-items: center;
|
15
14
|
min-height: 18px;
|
16
|
-
height: auto;
|
15
|
+
height: var(--layout-header-height, auto);
|
17
16
|
margin-bottom: var(--s-2, 8px);
|
18
17
|
|
19
18
|
&.with-description {
|
@@ -1,101 +1,121 @@
|
|
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
|
+
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
5
6
|
value: true
|
6
7
|
});
|
7
8
|
exports.default = void 0;
|
9
|
+
|
8
10
|
var _components = require("@alicloudfe/components");
|
11
|
+
|
9
12
|
var _card = require("../../../card");
|
13
|
+
|
10
14
|
var _proField = _interopRequireDefault(require("@teamix/pro-field"));
|
15
|
+
|
11
16
|
var _utils = require("@teamix/utils");
|
17
|
+
|
12
18
|
var _react = _interopRequireWildcard(require("react"));
|
19
|
+
|
13
20
|
require("./index.scss");
|
21
|
+
|
14
22
|
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
15
|
-
|
23
|
+
|
24
|
+
var _excluded = ["children", "searchPlaceholder", "showSearch", "searchProps", "customSearch", "searchOnChange", "message", "messageProps", "customMessage", "scrollArea", "showExpandAll", "showExpandLevel", "onExpandAllChange", "onExpandLevelChange", "expandLevel", "isTree"];
|
25
|
+
|
16
26
|
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); }
|
27
|
+
|
17
28
|
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; }
|
29
|
+
|
18
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
31
|
+
|
19
32
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
33
|
+
|
20
34
|
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."); }
|
35
|
+
|
21
36
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
37
|
+
|
22
38
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
39
|
+
|
23
40
|
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; }
|
41
|
+
|
24
42
|
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; }
|
43
|
+
|
25
44
|
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; }
|
45
|
+
|
26
46
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
47
|
+
|
27
48
|
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."); }
|
49
|
+
|
28
50
|
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); }
|
51
|
+
|
29
52
|
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; }
|
53
|
+
|
30
54
|
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; }
|
55
|
+
|
31
56
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
57
|
+
|
32
58
|
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; }
|
59
|
+
|
33
60
|
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; }
|
61
|
+
|
34
62
|
var cls = (0, _utils.usePrefixCls)('teamix-pro-sidebar-container');
|
63
|
+
|
35
64
|
var ProSidebarContainer = function ProSidebarContainer(props) {
|
36
65
|
var children = props.children,
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
expandAllStateProp = _props$expandAllState === void 0 ? false : _props$expandAllState,
|
59
|
-
isTree = props.isTree,
|
60
|
-
others = _objectWithoutProperties(props, _excluded);
|
66
|
+
searchPlaceholder = props.searchPlaceholder,
|
67
|
+
_props$showSearch = props.showSearch,
|
68
|
+
showSearch = _props$showSearch === void 0 ? true : _props$showSearch,
|
69
|
+
_props$searchProps = props.searchProps,
|
70
|
+
searchProps = _props$searchProps === void 0 ? {} : _props$searchProps,
|
71
|
+
customSearch = props.customSearch,
|
72
|
+
searchOnChange = props.searchOnChange,
|
73
|
+
message = props.message,
|
74
|
+
_props$messageProps = props.messageProps,
|
75
|
+
messageProps = _props$messageProps === void 0 ? {} : _props$messageProps,
|
76
|
+
customMessage = props.customMessage,
|
77
|
+
scrollArea = props.scrollArea,
|
78
|
+
showExpandAll = props.showExpandAll,
|
79
|
+
showExpandLevel = props.showExpandLevel,
|
80
|
+
onExpandAllChange = props.onExpandAllChange,
|
81
|
+
onExpandLevelChange = props.onExpandLevelChange,
|
82
|
+
_props$expandLevel = props.expandLevel,
|
83
|
+
expandLevel = _props$expandLevel === void 0 ? 1 : _props$expandLevel,
|
84
|
+
isTree = props.isTree,
|
85
|
+
others = _objectWithoutProperties(props, _excluded);
|
86
|
+
|
61
87
|
var ref = (0, _react.useRef)();
|
88
|
+
|
62
89
|
var _useState = (0, _react.useState)('auto'),
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
90
|
+
_useState2 = _slicedToArray(_useState, 2),
|
91
|
+
treeHeight = _useState2[0],
|
92
|
+
setTreeHeight = _useState2[1]; // 展开全部状态
|
93
|
+
|
94
|
+
|
67
95
|
var _useState3 = (0, _react.useState)(false),
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
96
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
97
|
+
expandAllState = _useState4[0],
|
98
|
+
setExpandAllState = _useState4[1]; // 展开层级状态
|
99
|
+
|
100
|
+
|
72
101
|
var _useState5 = (0, _react.useState)(1),
|
73
|
-
|
74
|
-
|
75
|
-
|
102
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
103
|
+
expandLevelState = _useState6[0],
|
104
|
+
setExpandLevelState = _useState6[1];
|
105
|
+
|
76
106
|
(0, _react.useEffect)(function () {
|
77
107
|
// 设置滚动区域
|
78
108
|
if (scrollArea === 'tree') {
|
79
109
|
var _ref$current$offsetTo, _ref$current;
|
110
|
+
|
80
111
|
var remainHeight = (_ref$current$offsetTo = ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.offsetTop) !== null && _ref$current$offsetTo !== void 0 ? _ref$current$offsetTo : 0 + 40;
|
112
|
+
|
81
113
|
if (remainHeight > 0) {
|
82
114
|
setTreeHeight("calc(100% - ".concat(remainHeight, "px + 16px)"));
|
83
115
|
}
|
84
116
|
}
|
85
|
-
}, []);
|
86
|
-
|
87
|
-
setExpandLevelState(expandLevelStateProp);
|
88
|
-
setTimeout(function () {
|
89
|
-
onExpandLevelChange === null || onExpandLevelChange === void 0 ? void 0 : onExpandLevelChange(expandLevelStateProp);
|
90
|
-
});
|
91
|
-
}, [expandLevelStateProp]);
|
92
|
-
(0, _react.useEffect)(function () {
|
93
|
-
setExpandAllState(expandAllStateProp);
|
94
|
-
setTimeout(function () {
|
95
|
-
onExpandAllChange === null || onExpandAllChange === void 0 ? void 0 : onExpandAllChange(expandAllStateProp);
|
96
|
-
});
|
97
|
-
}, [expandAllStateProp]);
|
98
|
-
// 渲染搜索区域
|
117
|
+
}, []); // 渲染搜索区域
|
118
|
+
|
99
119
|
var renderSearch = function renderSearch() {
|
100
120
|
if (customSearch || showSearch) {
|
101
121
|
return /*#__PURE__*/_react.default.createElement("div", {
|
@@ -108,9 +128,11 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
|
|
108
128
|
onChange: searchOnChange
|
109
129
|
}, searchProps)));
|
110
130
|
}
|
131
|
+
|
111
132
|
return null;
|
112
|
-
};
|
113
|
-
|
133
|
+
}; // 渲染通知区域
|
134
|
+
|
135
|
+
|
114
136
|
var renderNotice = function renderNotice() {
|
115
137
|
if (message || customMessage) {
|
116
138
|
return /*#__PURE__*/_react.default.createElement("div", {
|
@@ -121,14 +143,17 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
|
|
121
143
|
}, messageProps), {}, {
|
122
144
|
onClose: function onClose() {
|
123
145
|
var _ref$current$offsetTo2, _ref$current2;
|
146
|
+
|
124
147
|
var remainHeight = (_ref$current$offsetTo2 = ref === null || ref === void 0 ? void 0 : (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.offsetTop) !== null && _ref$current$offsetTo2 !== void 0 ? _ref$current$offsetTo2 : 0 + 40;
|
125
148
|
setTreeHeight("calc(100% - ".concat(remainHeight, "px + 56px)"));
|
126
149
|
}
|
127
150
|
}), message), !!customMessage && customMessage);
|
128
151
|
}
|
152
|
+
|
129
153
|
return null;
|
130
|
-
};
|
131
|
-
|
154
|
+
}; // 渲染折叠区
|
155
|
+
|
156
|
+
|
132
157
|
var renderFold = function renderFold() {
|
133
158
|
if (showExpandAll || showExpandLevel) {
|
134
159
|
return /*#__PURE__*/_react.default.createElement("div", {
|
@@ -158,6 +183,7 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
|
|
158
183
|
})));
|
159
184
|
}
|
160
185
|
};
|
186
|
+
|
161
187
|
return /*#__PURE__*/_react.default.createElement("div", {
|
162
188
|
className: cls({
|
163
189
|
'': true,
|
@@ -174,5 +200,6 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
|
|
174
200
|
}
|
175
201
|
}, children)));
|
176
202
|
};
|
203
|
+
|
177
204
|
var _default = ProSidebarContainer;
|
178
205
|
exports.default = _default;
|