@teamix/pro 1.4.24 → 1.4.25-bugfix.2
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.all.min.css +1 -0
- package/dist/pro.css +1 -1
- package/dist/pro.js +76829 -56886
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.min.js.LICENSE.txt +13 -6
- package/dist/pro.xconsole.min.css +1 -0
- 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.d.ts +2 -0
- package/es/actions/dialog.js +57 -94
- package/es/actions/index.d.ts +7 -0
- package/es/actions/index.js +93 -153
- package/es/actions/index.scss +6 -1
- package/es/actions/link.js +3 -5
- package/es/actions/quick.d.ts +2 -0
- package/es/actions/quick.js +26 -0
- package/es/actions/request.js +12 -27
- package/es/actions/utils.js +1 -9
- package/es/card/card-container.js +0 -5
- package/es/card/divider.js +0 -5
- package/es/card/index.js +61 -100
- package/es/card/index.scss +15 -0
- package/es/card/selectable.js +4 -13
- package/es/card/tab.js +1 -10
- package/es/card/utils.js +0 -2
- package/es/card/xconsole.scss +3 -0
- 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 +18 -27
- 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 +117 -171
- package/es/form/Filter/index2.js +11 -28
- package/es/form/Filter/layout.scss +1 -1
- package/es/form/Filter/useBindUrl.js +18 -46
- package/es/form/Filter/useSpecialProps.js +8 -13
- package/es/form/ProForm/addCascadeEffect.d.ts +2 -0
- package/es/form/ProForm/addCascadeEffect.js +203 -0
- package/es/form/ProForm/customComponent.js +0 -5
- package/es/form/ProForm/index.js +30 -38
- package/es/form/ProForm/index.scss +33 -0
- 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 +12 -9
- package/es/form/index.js +0 -9
- package/es/form/typing.d.ts +26 -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/global.scss +3 -1
- package/es/index-without-icon.js +4 -3
- package/es/index.d.ts +1 -1
- package/es/index.js +18 -8
- package/es/info/components/InfoGroup/index.js +21 -32
- package/es/info/components/InfoValueItem/index.js +74 -116
- package/es/info/components/ProInfoItem/index.js +13 -21
- package/es/info/components/baseInfo/index.js +17 -27
- package/es/info/components/headerInfo/index.js +8 -20
- package/es/info/components/tableInfo/index.js +20 -50
- package/es/info/index.js +61 -86
- package/es/info/typing.d.ts +6 -1
- package/es/info/utils/index.js +0 -11
- package/es/next-xconsole.scss +34 -0
- package/es/nocode/configurators/ProTable.js +1 -22
- 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 +5 -30
- 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 +40 -76
- package/es/page-header/index.scss +2 -1
- package/es/page-header/xconsole.scss +5 -0
- package/es/sidebar/components/sidebar-container/index.js +54 -69
- package/es/sidebar/components/sidebar-container/index.scss +21 -14
- package/es/sidebar/components/tree/index.js +100 -138
- 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.d.ts +2 -2
- package/es/sidebar/components/tree-node/components/IconSwitch/index.js +12 -25
- package/es/sidebar/components/tree-node/components/IconSwitch/index.scss +1 -1
- package/es/sidebar/components/tree-node/index.js +42 -84
- package/es/sidebar/components/tree-node/index.scss +6 -0
- package/es/sidebar/index.d.ts +2 -0
- package/es/sidebar/index.js +72 -95
- package/es/sidebar/typing.d.ts +4 -0
- 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.d.ts +5 -0
- package/es/table/components/CardView/index.js +392 -0
- package/es/table/components/CardView/index.scss +46 -0
- package/es/table/components/Filter/index.d.ts +6 -3
- package/es/table/components/Filter/index.js +115 -128
- package/es/table/components/Layout/index.js +32 -47
- package/es/table/components/Layout/index.scss +2 -1
- package/es/table/components/LoadMore/index.d.ts +20 -0
- package/es/table/components/LoadMore/index.js +88 -0
- package/es/table/components/LoadMore/index.scss +19 -0
- package/es/table/components/Pagination/index.js +26 -60
- package/es/table/components/QuickAction/index.d.ts +1 -0
- package/es/table/components/QuickAction/index.js +3 -11
- package/es/table/components/ToolBar/CardSwitch.d.ts +8 -0
- package/es/table/components/ToolBar/CardSwitch.js +52 -0
- package/es/table/components/ToolBar/DensityIcon.js +19 -31
- package/es/table/components/ToolBar/FilterColumnIcon.js +87 -125
- package/es/table/components/ToolBar/FullScreenIcon.js +7 -62
- package/es/table/components/ToolBar/Fullscreen.js +25 -28
- package/es/table/components/ToolBar/RefreshIcon.js +162 -27
- package/es/table/components/ToolBar/index.d.ts +1 -1
- package/es/table/components/ToolBar/index.js +130 -38
- package/es/table/components/ToolBar/index.scss +49 -3
- package/es/table/index.js +467 -422
- package/es/table/index.scss +9 -1
- package/es/table/typing.d.ts +125 -6
- package/es/table/utils/columnRender.d.ts +3 -3
- package/es/table/utils/columnRender.js +39 -79
- package/es/table/utils/genProColumnToColumn.d.ts +2 -2
- package/es/table/utils/genProColumnToColumn.js +13 -16
- 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/table/utils/util.d.ts +5 -0
- package/es/table/utils/util.js +19 -0
- package/es/templates/List/index.js +2 -9
- package/es/timeline/ProTimeLineItem/index.js +25 -65
- 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/xconsole.scss +503 -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 -89
- package/lib/actions/dialog-info.js +1 -10
- package/lib/actions/dialog-table.js +0 -5
- package/lib/actions/dialog.d.ts +2 -0
- 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 +7 -0
- package/lib/actions/index.js +115 -184
- package/lib/actions/index.scss +6 -1
- package/lib/actions/link.js +1 -10
- package/lib/actions/notice.js +0 -5
- package/lib/actions/pop-confirm.js +0 -5
- package/lib/actions/quick.d.ts +2 -0
- package/lib/actions/quick.js +33 -0
- package/lib/actions/request.js +8 -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 +61 -127
- package/lib/card/index.scss +15 -0
- package/lib/card/selectable.js +4 -20
- package/lib/card/tab.js +1 -14
- package/lib/card/utils.js +0 -6
- package/lib/card/xconsole.scss +3 -0
- 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 +17 -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 +116 -191
- package/lib/form/Filter/index2.js +11 -38
- package/lib/form/Filter/layout.scss +1 -1
- package/lib/form/Filter/useBindUrl.js +18 -50
- package/lib/form/Filter/useSpecialProps.js +6 -13
- package/lib/form/ProForm/addCascadeEffect.d.ts +2 -0
- package/lib/form/ProForm/addCascadeEffect.js +210 -0
- package/lib/form/ProForm/customComponent.js +0 -8
- package/lib/form/ProForm/index.js +30 -60
- package/lib/form/ProForm/index.scss +33 -0
- package/lib/form/ProForm/useAutoLayout.js +21 -45
- package/lib/form/ProForm/useAutoSubmit.js +1 -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 +12 -9
- package/lib/form/index.js +0 -25
- package/lib/form/typing.d.ts +26 -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/global.scss +3 -1
- 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 +13 -40
- package/lib/info/components/InfoGroup/index.js +21 -42
- package/lib/info/components/InfoValueItem/index.js +74 -131
- package/lib/info/components/ProInfoItem/index.js +13 -29
- package/lib/info/components/baseInfo/index.js +17 -39
- package/lib/info/components/headerInfo/index.js +8 -31
- package/lib/info/components/tableInfo/index.js +20 -62
- package/lib/info/index.js +61 -101
- package/lib/info/typing.d.ts +6 -1
- package/lib/info/utils/index.js +0 -19
- package/lib/info/utils/utils.js +0 -1
- package/lib/next-xconsole.scss +34 -0
- package/lib/nocode/configurators/PageHeader.js +0 -2
- package/lib/nocode/configurators/ProTable.js +1 -24
- 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 +3 -35
- 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 +39 -90
- package/lib/page-header/index.scss +2 -1
- package/lib/page-header/xconsole.scss +5 -0
- package/lib/sidebar/components/sidebar-container/index.js +54 -81
- package/lib/sidebar/components/sidebar-container/index.scss +21 -14
- package/lib/sidebar/components/tree/index.js +100 -152
- 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.d.ts +2 -2
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.js +12 -35
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.scss +1 -1
- package/lib/sidebar/components/tree-node/index.js +42 -100
- package/lib/sidebar/components/tree-node/index.scss +6 -0
- package/lib/sidebar/index.d.ts +2 -0
- package/lib/sidebar/index.js +79 -111
- package/lib/sidebar/typing.d.ts +4 -0
- 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.d.ts +5 -0
- package/lib/table/components/CardView/index.js +402 -0
- package/lib/table/components/CardView/index.scss +46 -0
- package/lib/table/components/EmptyContent/index.js +0 -6
- package/lib/table/components/Filter/index.d.ts +6 -3
- package/lib/table/components/Filter/index.js +114 -137
- package/lib/table/components/Layout/index.js +32 -60
- package/lib/table/components/Layout/index.scss +2 -1
- package/lib/table/components/LoadMore/index.d.ts +20 -0
- package/lib/table/components/LoadMore/index.js +99 -0
- package/lib/table/components/LoadMore/index.scss +19 -0
- package/lib/table/components/Pagination/index.js +26 -70
- package/lib/table/components/QuickAction/index.d.ts +1 -0
- package/lib/table/components/QuickAction/index.js +3 -15
- package/lib/table/components/ToolBar/CardSwitch.d.ts +8 -0
- package/lib/table/components/ToolBar/CardSwitch.js +60 -0
- package/lib/table/components/ToolBar/DensityIcon.js +19 -42
- package/lib/table/components/ToolBar/FilterColumnIcon.js +86 -136
- package/lib/table/components/ToolBar/FullScreenIcon.js +10 -74
- package/lib/table/components/ToolBar/Fullscreen.js +25 -35
- package/lib/table/components/ToolBar/RefreshIcon.js +164 -36
- package/lib/table/components/ToolBar/index.d.ts +1 -1
- package/lib/table/components/ToolBar/index.js +133 -47
- package/lib/table/components/ToolBar/index.scss +49 -3
- package/lib/table/index.js +466 -444
- package/lib/table/index.scss +9 -1
- package/lib/table/typing.d.ts +125 -6
- package/lib/table/utils/columnRender.d.ts +3 -3
- package/lib/table/utils/columnRender.js +39 -92
- package/lib/table/utils/genProColumnToColumn.d.ts +2 -2
- package/lib/table/utils/genProColumnToColumn.js +13 -21
- 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/table/utils/util.d.ts +5 -0
- package/lib/table/utils/util.js +25 -0
- 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 +25 -76
- 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/xconsole.scss +503 -0
- package/package.json +2 -2
@@ -0,0 +1,99 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.default = void 0;
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
9
|
+
var _utils = require("@teamix/utils");
|
10
|
+
require("./index.scss");
|
11
|
+
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
12
|
+
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
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); }
|
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; }
|
16
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
17
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
18
|
+
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); }
|
19
|
+
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; }
|
20
|
+
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; }
|
21
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
22
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-load-more');
|
23
|
+
var LoadMore = function LoadMore(props) {
|
24
|
+
var children = props.children,
|
25
|
+
onChangeLoadState = props.onChangeLoadState,
|
26
|
+
onLoadMore = props.onLoadMore,
|
27
|
+
scrollHeight = props.scrollHeight,
|
28
|
+
onScrollBottom = props.onScrollBottom,
|
29
|
+
loadStateProp = props.loadState,
|
30
|
+
scrollPositionProp = props.scrollPosition;
|
31
|
+
var scrollDom = (0, _react.useRef)(null);
|
32
|
+
// 加载状态
|
33
|
+
var _useState = (0, _react.useState)('loadMore'),
|
34
|
+
_useState2 = _slicedToArray(_useState, 2),
|
35
|
+
loadState = _useState2[0],
|
36
|
+
setLoadState = _useState2[1];
|
37
|
+
(0, _react.useEffect)(function () {
|
38
|
+
var _scrollDom$current;
|
39
|
+
scrollDom === null || scrollDom === void 0 ? void 0 : (_scrollDom$current = scrollDom.current) === null || _scrollDom$current === void 0 ? void 0 : _scrollDom$current.addEventListener('scroll', (0, _lodash.default)(function (e) {
|
40
|
+
var _e$target, _e$target2, _e$target3;
|
41
|
+
var scrollTop = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.scrollTop;
|
42
|
+
var clientHeight = e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.clientHeight;
|
43
|
+
var scrollHeight = e === null || e === void 0 ? void 0 : (_e$target3 = e.target) === null || _e$target3 === void 0 ? void 0 : _e$target3.scrollHeight;
|
44
|
+
if (scrollTop + clientHeight + 5 >= scrollHeight) {
|
45
|
+
onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom();
|
46
|
+
}
|
47
|
+
}, 100));
|
48
|
+
}, []);
|
49
|
+
(0, _react.useEffect)(function () {
|
50
|
+
setLoadState(loadStateProp);
|
51
|
+
}, [loadStateProp]);
|
52
|
+
// 更改加载状态
|
53
|
+
var onLoadState = function onLoadState(state) {
|
54
|
+
setLoadState(state);
|
55
|
+
if (state === 'loading') {
|
56
|
+
onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
|
57
|
+
}
|
58
|
+
onChangeLoadState === null || onChangeLoadState === void 0 ? void 0 : onChangeLoadState(state);
|
59
|
+
};
|
60
|
+
// 渲染加载更多和正在加载区域
|
61
|
+
var renderLoadMore = function renderLoadMore() {
|
62
|
+
if (loadState === 'loadMore') {
|
63
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
64
|
+
className: cls('bottom-text'),
|
65
|
+
onClick: function onClick() {
|
66
|
+
return onLoadState('loading');
|
67
|
+
}
|
68
|
+
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
69
|
+
type: "down-line",
|
70
|
+
size: "small",
|
71
|
+
className: cls('bottom-text-icon')
|
72
|
+
}), "\u52A0\u8F7D\u66F4\u591A");
|
73
|
+
}
|
74
|
+
if (loadState === 'loading') {
|
75
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
76
|
+
className: cls('bottom-text')
|
77
|
+
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
78
|
+
type: "loading-line",
|
79
|
+
size: "small",
|
80
|
+
className: cls('bottom-text-icon')
|
81
|
+
}), "\u52A0\u8F7D\u4E2D");
|
82
|
+
}
|
83
|
+
if (loadState === 'noMore') {
|
84
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
85
|
+
className: cls('bottom-text')
|
86
|
+
}, "\u6CA1\u6709\u66F4\u591A\u4E86");
|
87
|
+
}
|
88
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
89
|
+
};
|
90
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
91
|
+
className: cls(),
|
92
|
+
style: {
|
93
|
+
height: scrollHeight !== null && scrollHeight !== void 0 ? scrollHeight : 'auto'
|
94
|
+
},
|
95
|
+
ref: scrollDom
|
96
|
+
}, children, renderLoadMore());
|
97
|
+
};
|
98
|
+
var _default = LoadMore;
|
99
|
+
exports.default = _default;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
.teamix-pro-load-more {
|
2
|
+
overflow-y: auto;
|
3
|
+
overflow-x: hidden;
|
4
|
+
|
5
|
+
&-bottom-text {
|
6
|
+
text-align: center;
|
7
|
+
margin-top: 16px;
|
8
|
+
margin-bottom: 16px;
|
9
|
+
cursor: pointer;
|
10
|
+
color: var(--color-brand1-5);
|
11
|
+
display: flex;
|
12
|
+
align-items: center;
|
13
|
+
justify-content: center;
|
14
|
+
}
|
15
|
+
|
16
|
+
&-bottom-text-icon {
|
17
|
+
margin-right: 4px;
|
18
|
+
}
|
19
|
+
}
|
@@ -1,89 +1,61 @@
|
|
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 _react = _interopRequireWildcard(require("react"));
|
11
|
-
|
12
9
|
var _components = require("@alicloudfe/components");
|
13
|
-
|
14
10
|
var _utils = require("@teamix/utils");
|
15
|
-
|
16
11
|
var _hooks = require("@teamix/hooks");
|
17
|
-
|
18
12
|
require("./index.scss");
|
19
|
-
|
20
|
-
var _excluded = ["className", "onChange", "total", "totalRender", "pageSize", "current", "pageSizeList", "pageSizeSelector", "onPageSizeChange", "responsivePaginationType"];
|
21
|
-
|
13
|
+
var _excluded = ["className", "onChange", "total", "pageSize", "current", "pageSizeList", "pageSizeSelector", "onPageSizeChange", "responsivePaginationType"];
|
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 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; }
|
27
|
-
|
28
17
|
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; }
|
29
|
-
|
30
18
|
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; }
|
31
|
-
|
32
19
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
33
|
-
|
34
20
|
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."); }
|
35
|
-
|
36
21
|
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); }
|
37
|
-
|
38
22
|
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; }
|
39
|
-
|
40
23
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
41
|
-
|
42
24
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
43
|
-
|
44
25
|
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; }
|
45
|
-
|
46
26
|
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; }
|
47
|
-
|
48
27
|
var _default = function _default(props) {
|
49
28
|
var className = props.className,
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
otherProps = _objectWithoutProperties(props, _excluded);
|
60
|
-
|
29
|
+
propsOnChange = props.onChange,
|
30
|
+
total = props.total,
|
31
|
+
pageSize = props.pageSize,
|
32
|
+
current = props.current,
|
33
|
+
pageSizeList = props.pageSizeList,
|
34
|
+
pageSizeSelector = props.pageSizeSelector,
|
35
|
+
onPageSizeChange = props.onPageSizeChange,
|
36
|
+
responsivePaginationType = props.responsivePaginationType,
|
37
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
61
38
|
var basePrefix = (0, _utils.usePrefixCls)('', {
|
62
39
|
base: true
|
63
40
|
});
|
64
41
|
var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-pagination');
|
65
|
-
|
66
42
|
var _useResponsiveProps = (0, _hooks.useResponsiveProps)([480, 590, 700], ['mini', 'small', 'simple', 'normal']),
|
67
|
-
|
68
|
-
|
69
|
-
|
43
|
+
responsiveProps = _useResponsiveProps.responsiveProps,
|
44
|
+
paginationWrapperRef = _useResponsiveProps.ref;
|
70
45
|
(0, _react.useEffect)(function () {
|
71
46
|
// size='mini' 模式下 current 受控
|
72
47
|
if (responsiveProps === 'mini') {
|
73
48
|
setCurrentPage(current);
|
74
49
|
}
|
75
50
|
}, [current]);
|
76
|
-
|
77
51
|
var _useState = (0, _react.useState)(false),
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
52
|
+
_useState2 = _slicedToArray(_useState, 2),
|
53
|
+
visible = _useState2[0],
|
54
|
+
setVisible = _useState2[1];
|
82
55
|
var _useState3 = (0, _react.useState)(current),
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
56
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
57
|
+
currentPage = _useState4[0],
|
58
|
+
setCurrentPage = _useState4[1];
|
87
59
|
var commonPaginationProps = {
|
88
60
|
className: className,
|
89
61
|
onChange: propsOnChange,
|
@@ -95,8 +67,8 @@ var _default = function _default(props) {
|
|
95
67
|
pageSizeSelector: pageSizeSelector,
|
96
68
|
pageSizePosition: 'end',
|
97
69
|
onPageSizeChange: onPageSizeChange
|
98
|
-
};
|
99
|
-
|
70
|
+
};
|
71
|
+
// 自定义总数,用于 small、mini
|
100
72
|
var customTotalRender = function customTotalRender(total) {
|
101
73
|
return /*#__PURE__*/_react.default.createElement(_components.Balloon, {
|
102
74
|
visible: visible,
|
@@ -135,25 +107,21 @@ var _default = function _default(props) {
|
|
135
107
|
onPageSizeChange === null || onPageSizeChange === void 0 ? void 0 : onPageSizeChange(value);
|
136
108
|
}
|
137
109
|
})));
|
138
|
-
};
|
139
|
-
|
140
|
-
|
110
|
+
};
|
111
|
+
// 获取页总数
|
141
112
|
function getTotalPage(total, currentPageSize) {
|
142
113
|
var totalPage = Math.ceil(total / currentPageSize);
|
143
114
|
return totalPage <= 0 ? 1 : totalPage;
|
144
|
-
}
|
145
|
-
|
146
|
-
|
115
|
+
}
|
116
|
+
// 自定义翻页,用于 mini
|
147
117
|
var customJumpRender = function customJumpRender() {
|
148
118
|
var handleInputChange = function handleInputChange(value, e) {
|
149
119
|
setCurrentPage(value);
|
150
|
-
};
|
151
|
-
|
152
|
-
|
120
|
+
};
|
121
|
+
// 回车触发跳转
|
153
122
|
var handleJump = function handleJump(e) {
|
154
123
|
var totalPage = getTotalPage(total, pageSize);
|
155
124
|
var value = Number(currentPage);
|
156
|
-
|
157
125
|
if (isNaN(value)) {
|
158
126
|
value = '';
|
159
127
|
} else if (value < 1) {
|
@@ -161,23 +129,19 @@ var _default = function _default(props) {
|
|
161
129
|
} else if (value > totalPage) {
|
162
130
|
value = totalPage;
|
163
131
|
}
|
164
|
-
|
165
132
|
if (value && value !== current) {
|
166
133
|
setCurrentPage(value);
|
167
134
|
propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(value, e);
|
168
135
|
}
|
169
136
|
};
|
170
|
-
|
171
137
|
var handlePrevClick = function handlePrevClick(e) {
|
172
138
|
setCurrentPage(currentPage - 1);
|
173
139
|
propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(currentPage - 1, e);
|
174
140
|
};
|
175
|
-
|
176
141
|
var handleNextClick = function handleNextClick(e) {
|
177
142
|
setCurrentPage(currentPage + 1);
|
178
143
|
propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(currentPage + 1, e);
|
179
144
|
};
|
180
|
-
|
181
145
|
return /*#__PURE__*/_react.default.createElement("div", {
|
182
146
|
className: prefixCls('custom-jumper')
|
183
147
|
}, /*#__PURE__*/_react.default.createElement(_components.Button, {
|
@@ -212,7 +176,6 @@ var _default = function _default(props) {
|
|
212
176
|
type: "arrow-right"
|
213
177
|
})));
|
214
178
|
};
|
215
|
-
|
216
179
|
var renderMiniPagination = function renderMiniPagination() {
|
217
180
|
if (total && pageSize) {
|
218
181
|
if (total / pageSize <= 2) {
|
@@ -226,7 +189,6 @@ var _default = function _default(props) {
|
|
226
189
|
}
|
227
190
|
}
|
228
191
|
};
|
229
|
-
|
230
192
|
var renderPagination = function renderPagination() {
|
231
193
|
switch (responsivePaginationType || responsiveProps) {
|
232
194
|
case 'normal':
|
@@ -237,7 +199,6 @@ var _default = function _default(props) {
|
|
237
199
|
});
|
238
200
|
}
|
239
201
|
}, otherProps));
|
240
|
-
|
241
202
|
case 'simple':
|
242
203
|
return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
|
243
204
|
pageShowCount: 3,
|
@@ -247,7 +208,6 @@ var _default = function _default(props) {
|
|
247
208
|
});
|
248
209
|
}
|
249
210
|
}, otherProps));
|
250
|
-
|
251
211
|
case 'small':
|
252
212
|
return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
|
253
213
|
pageShowCount: 3,
|
@@ -256,15 +216,12 @@ var _default = function _default(props) {
|
|
256
216
|
return customTotalRender(total);
|
257
217
|
}
|
258
218
|
}, otherProps));
|
259
|
-
|
260
219
|
case 'mini':
|
261
220
|
return renderMiniPagination();
|
262
|
-
|
263
221
|
default:
|
264
222
|
return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), otherProps));
|
265
223
|
}
|
266
224
|
};
|
267
|
-
|
268
225
|
return (
|
269
226
|
/*#__PURE__*/
|
270
227
|
// 用于获取翻页器响应式 ref
|
@@ -274,5 +231,4 @@ var _default = function _default(props) {
|
|
274
231
|
}, renderPagination())
|
275
232
|
);
|
276
233
|
};
|
277
|
-
|
278
234
|
exports.default = _default;
|
@@ -5,6 +5,7 @@ interface QuickActionProps {
|
|
5
5
|
quickAction?: ProActionButtonProps | React.ReactNode | React.ReactNode[];
|
6
6
|
actionRef: React.MutableRefObject<ProTableActionType | undefined>;
|
7
7
|
rowSelection?: innerRowSelectionType | rowSelectionType;
|
8
|
+
dataTeamixSpm?: string;
|
8
9
|
}
|
9
10
|
declare const QuickAction: React.FC<QuickActionProps>;
|
10
11
|
export default QuickAction;
|
@@ -4,28 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
9
|
-
|
10
8
|
var _components = require("@alicloudfe/components");
|
11
|
-
|
12
9
|
var _actions = _interopRequireDefault(require("../../../actions"));
|
13
|
-
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
|
-
|
16
11
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
17
|
-
|
18
12
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
19
|
-
|
20
13
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
21
|
-
|
22
14
|
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); }
|
23
|
-
|
24
15
|
var QuickAction = function QuickAction(props) {
|
25
16
|
var quickAction = props.quickAction,
|
26
|
-
|
27
|
-
|
28
|
-
|
17
|
+
actionRef = props.actionRef,
|
18
|
+
rowSelection = props.rowSelection;
|
19
|
+
// 如果传对象的话,默认为主要文字类型的 ProActionButton
|
29
20
|
if (_typeof(quickAction) === 'object' && (quickAction === null || quickAction === void 0 ? void 0 : quickAction.config)) {
|
30
21
|
// 默认 context
|
31
22
|
var defaultContext = {
|
@@ -41,7 +32,6 @@ var QuickAction = function QuickAction(props) {
|
|
41
32
|
context: _objectSpread(_objectSpread({}, defaultContext), quickAction.context)
|
42
33
|
})));
|
43
34
|
}
|
44
|
-
|
45
35
|
if (Array.isArray(quickAction)) {
|
46
36
|
return /*#__PURE__*/_react.default.createElement("div", {
|
47
37
|
className: "teamix-pro-table-layout-quick-action"
|
@@ -55,11 +45,9 @@ var QuickAction = function QuickAction(props) {
|
|
55
45
|
}, item);
|
56
46
|
})));
|
57
47
|
}
|
58
|
-
|
59
48
|
return /*#__PURE__*/_react.default.createElement("div", {
|
60
49
|
className: "teamix-pro-table-layout-extra"
|
61
50
|
}, quickAction);
|
62
51
|
};
|
63
|
-
|
64
52
|
var _default = QuickAction;
|
65
53
|
exports.default = _default;
|
@@ -0,0 +1,60 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.default = void 0;
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
9
|
+
var _components = require("@alicloudfe/components");
|
10
|
+
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
11
|
+
var _utils = require("@teamix/utils");
|
12
|
+
require("./index.scss");
|
13
|
+
var _utils2 = require("../../utils");
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
|
+
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); }
|
16
|
+
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; }
|
17
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
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."); }
|
19
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
20
|
+
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; }
|
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; }
|
22
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
23
|
+
var RadioGroup = _components.Radio.Group;
|
24
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-switch-card');
|
25
|
+
var CardSwitch = function CardSwitch(props) {
|
26
|
+
var actionRef = props.actionRef,
|
27
|
+
defaultView = props.defaultView;
|
28
|
+
// 选择视角
|
29
|
+
var _useState = (0, _react.useState)(defaultView !== null && defaultView !== void 0 ? defaultView : 'table'),
|
30
|
+
_useState2 = _slicedToArray(_useState, 2),
|
31
|
+
radioView = _useState2[0],
|
32
|
+
setRadioView = _useState2[1];
|
33
|
+
// 选择视角回调
|
34
|
+
var onRadioViewChange = function onRadioViewChange(value) {
|
35
|
+
var _actionRef$current, _actionRef$current$sw;
|
36
|
+
setRadioView(value);
|
37
|
+
(_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$sw = _actionRef$current.switchView) === null || _actionRef$current$sw === void 0 ? void 0 : _actionRef$current$sw.call(_actionRef$current, value);
|
38
|
+
(0, _utils2.emit)('cardSwitchChange', value);
|
39
|
+
};
|
40
|
+
return /*#__PURE__*/_react.default.createElement(RadioGroup, {
|
41
|
+
shape: "button",
|
42
|
+
value: radioView,
|
43
|
+
onChange: onRadioViewChange,
|
44
|
+
className: cls()
|
45
|
+
}, /*#__PURE__*/_react.default.createElement(_components.Radio, {
|
46
|
+
id: "banana",
|
47
|
+
value: "table"
|
48
|
+
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
49
|
+
type: "menu-line",
|
50
|
+
size: "small"
|
51
|
+
})), /*#__PURE__*/_react.default.createElement(_components.Radio, {
|
52
|
+
id: "watermelon",
|
53
|
+
value: "card"
|
54
|
+
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
55
|
+
type: "all-line",
|
56
|
+
size: "small"
|
57
|
+
})));
|
58
|
+
};
|
59
|
+
var _default = CardSwitch;
|
60
|
+
exports.default = _default;
|
@@ -1,73 +1,51 @@
|
|
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 _icon = _interopRequireDefault(require("@teamix/icon"));
|
13
|
-
|
14
10
|
var _utils = require("@teamix/utils");
|
15
|
-
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
17
|
-
|
18
12
|
require("./index.scss");
|
19
|
-
|
20
13
|
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); }
|
21
|
-
|
22
14
|
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; }
|
23
|
-
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25
|
-
|
26
16
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
27
|
-
|
28
17
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
29
|
-
|
30
18
|
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); }
|
31
|
-
|
32
19
|
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; }
|
33
|
-
|
34
20
|
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; }
|
35
|
-
|
36
21
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
37
|
-
|
38
22
|
var RadioItem = _components.Menu.RadioItem;
|
39
23
|
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-icon');
|
40
|
-
|
41
24
|
var DensityIcon = function DensityIcon(props) {
|
42
25
|
var _actionRef$current;
|
43
|
-
|
44
26
|
var actionRef = props.actionRef;
|
45
|
-
|
46
27
|
var _useState = (0, _react.useState)(((_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : _actionRef$current.size) || 'medium'),
|
47
|
-
|
48
|
-
|
49
|
-
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
29
|
+
size = _useState2[0],
|
30
|
+
setSize = _useState2[1];
|
31
|
+
// const [fullscreen, setFullscreen] = useState<boolean>(false);
|
50
32
|
// tooltip 开关
|
51
|
-
|
52
|
-
|
53
33
|
var _useState3 = (0, _react.useState)(false),
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
34
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
35
|
+
tooltipVisible = _useState4[0],
|
36
|
+
setTooltipVisible = _useState4[1];
|
37
|
+
// dropdown 开关
|
59
38
|
var _useState5 = (0, _react.useState)(false),
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
39
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
40
|
+
dropdownVisible = _useState6[0],
|
41
|
+
setDropdownVisible = _useState6[1];
|
42
|
+
// 设置大小
|
65
43
|
var radioOnchange = function radioOnchange(mode) {
|
66
44
|
var _actionRef$current2, _actionRef$current2$s;
|
67
|
-
|
68
45
|
setSize(mode);
|
69
46
|
(_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$s = _actionRef$current2.setSize) === null || _actionRef$current2$s === void 0 ? void 0 : _actionRef$current2$s.call(_actionRef$current2, mode);
|
70
|
-
};
|
47
|
+
};
|
48
|
+
// // 销毁监听函数
|
71
49
|
// useEffect(() => {
|
72
50
|
// return () => {
|
73
51
|
// actionRef.current?.off?.('densityIcon');
|
@@ -81,10 +59,9 @@ var DensityIcon = function DensityIcon(props) {
|
|
81
59
|
// 'fullScreenState',
|
82
60
|
// 'densityIcon',
|
83
61
|
// );
|
84
|
-
|
85
|
-
|
86
62
|
var renderDropdown = function renderDropdown() {
|
87
|
-
return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_components.Dropdown
|
63
|
+
return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_components.Dropdown
|
64
|
+
// safeNode={() => sizeMenuRef.current || document}
|
88
65
|
, {
|
89
66
|
// safeNode={() => sizeMenuRef.current || document}
|
90
67
|
trigger: /*#__PURE__*/_react.default.createElement(_components.Button, {
|
@@ -94,6 +71,7 @@ var DensityIcon = function DensityIcon(props) {
|
|
94
71
|
size: "small",
|
95
72
|
type: "space-line"
|
96
73
|
})),
|
74
|
+
followTrigger: true,
|
97
75
|
visible: dropdownVisible,
|
98
76
|
onVisibleChange: function onVisibleChange(state) {
|
99
77
|
setTooltipVisible(false);
|
@@ -116,8 +94,8 @@ var DensityIcon = function DensityIcon(props) {
|
|
116
94
|
}
|
117
95
|
}, (0, _utils.getMessage)('compact'))))));
|
118
96
|
};
|
119
|
-
|
120
|
-
|
97
|
+
return renderDropdown();
|
98
|
+
// <Balloon.Tooltip
|
121
99
|
// trigger={renderDropdown()}
|
122
100
|
// align={fullscreen ? 'b' : 't'}
|
123
101
|
// popupProps={{
|
@@ -132,6 +110,5 @@ var DensityIcon = function DensityIcon(props) {
|
|
132
110
|
// {getMessage('density')}
|
133
111
|
// </Balloon.Tooltip>
|
134
112
|
};
|
135
|
-
|
136
113
|
var _default = DensityIcon;
|
137
114
|
exports.default = _default;
|