@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/actions/notice.js
CHANGED
@@ -5,9 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
7
|
exports.useNoticeAction = useNoticeAction;
|
8
|
+
|
8
9
|
var _utils = require("@teamix/utils");
|
10
|
+
|
9
11
|
var _dialog = _interopRequireDefault(require("./dialog"));
|
12
|
+
|
10
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14
|
+
|
11
15
|
function useNoticeAction(action, context) {
|
12
16
|
return (0, _dialog.default)((0, _utils.deepMerge)({
|
13
17
|
dialogQuickShowType: 'confirm',
|
@@ -16,5 +20,6 @@ function useNoticeAction(action, context) {
|
|
16
20
|
}
|
17
21
|
}, action), context);
|
18
22
|
}
|
23
|
+
|
19
24
|
var _default = useNoticeAction;
|
20
25
|
exports.default = _default;
|
@@ -5,14 +5,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
7
|
exports.usePopConfirmAction = usePopConfirmAction;
|
8
|
+
|
8
9
|
var _utils = require("@teamix/utils");
|
10
|
+
|
9
11
|
var _dialog = _interopRequireDefault(require("./dialog"));
|
12
|
+
|
10
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14
|
+
|
11
15
|
function usePopConfirmAction(action, context) {
|
12
16
|
return (0, _dialog.default)((0, _utils.deepMerge)({
|
13
17
|
dialogType: 'pop',
|
14
18
|
align: 'br'
|
15
19
|
}, action), context);
|
16
20
|
}
|
21
|
+
|
17
22
|
var _default = usePopConfirmAction;
|
18
23
|
exports.default = _default;
|
package/lib/actions/request.js
CHANGED
@@ -6,39 +6,62 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.default = void 0;
|
7
7
|
exports.doRequest = doRequest;
|
8
8
|
exports.useRequestAction = useRequestAction;
|
9
|
+
|
9
10
|
var _react = require("react");
|
11
|
+
|
12
|
+
var _reactRouterDom = require("react-router-dom");
|
13
|
+
|
10
14
|
var _utils = require("@teamix/utils");
|
15
|
+
|
11
16
|
var _base = require("./base");
|
17
|
+
|
12
18
|
var _excluded = ["method"],
|
13
|
-
|
19
|
+
_excluded2 = ["onFinish"];
|
20
|
+
|
14
21
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
22
|
+
|
15
23
|
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."); }
|
24
|
+
|
16
25
|
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); }
|
26
|
+
|
17
27
|
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; }
|
28
|
+
|
18
29
|
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; }
|
30
|
+
|
19
31
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
32
|
+
|
20
33
|
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; }
|
34
|
+
|
21
35
|
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; }
|
36
|
+
|
22
37
|
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; }
|
38
|
+
|
23
39
|
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; }
|
40
|
+
|
24
41
|
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; }
|
42
|
+
|
25
43
|
// action 里的数据请求都默认是 post 类型
|
26
44
|
function doRequest(action, context, history, extraParams) {
|
27
45
|
var _action$method = action.method,
|
28
|
-
|
29
|
-
|
46
|
+
method = _action$method === void 0 ? 'post' : _action$method,
|
47
|
+
others = _objectWithoutProperties(action, _excluded);
|
48
|
+
|
30
49
|
return (0, _utils.doCommonRequest)(_objectSpread({
|
31
50
|
method: method
|
32
51
|
}, others), context, history, extraParams);
|
33
52
|
}
|
53
|
+
|
34
54
|
function useRequestAction(action, actionContext) {
|
35
55
|
var _useState = (0, _react.useState)(false),
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
56
|
+
_useState2 = _slicedToArray(_useState, 2),
|
57
|
+
loading = _useState2[0],
|
58
|
+
setLoading = _useState2[1];
|
59
|
+
|
60
|
+
var history = (0, _reactRouterDom.useHistory)();
|
61
|
+
|
40
62
|
var onFinish = action.onFinish,
|
41
|
-
|
63
|
+
others = _objectWithoutProperties(action, _excluded2);
|
64
|
+
|
42
65
|
return _objectSpread(_objectSpread({}, (0, _base.eventHandler)(action, actionContext, function (context) {
|
43
66
|
setLoading(true);
|
44
67
|
doRequest(_objectSpread({}, others), context, history).then(function () {
|
@@ -51,5 +74,6 @@ function useRequestAction(action, actionContext) {
|
|
51
74
|
loading: loading
|
52
75
|
});
|
53
76
|
}
|
77
|
+
|
54
78
|
var _default = useRequestAction;
|
55
79
|
exports.default = _default;
|
package/lib/actions/utils.js
CHANGED
@@ -5,19 +5,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.addContext = addContext;
|
7
7
|
var _excluded = ["context"];
|
8
|
+
|
8
9
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
10
|
+
|
9
11
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
12
|
+
|
10
13
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
14
|
+
|
11
15
|
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; }
|
16
|
+
|
12
17
|
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; }
|
18
|
+
|
13
19
|
function addContext(props, context) {
|
14
20
|
if (!props) {
|
15
21
|
return {
|
16
22
|
context: context
|
17
23
|
};
|
18
24
|
}
|
25
|
+
|
19
26
|
var propsContext = props.context,
|
20
|
-
|
27
|
+
others = _objectWithoutProperties(props, _excluded);
|
28
|
+
|
21
29
|
var mergedContext = Object.assign({}, propsContext, context);
|
22
30
|
return _objectSpread({
|
23
31
|
context: mergedContext
|
@@ -4,18 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.ProCardContainer = exports.CardContainer = void 0;
|
7
|
+
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
9
|
+
|
8
10
|
var _index = require("./index");
|
11
|
+
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13
|
+
|
10
14
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
15
|
+
|
11
16
|
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; }
|
17
|
+
|
12
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; }
|
19
|
+
|
13
20
|
/**
|
14
21
|
* @deprecated 建议使用 ProCard 代替
|
15
22
|
*/
|
16
23
|
var ProCardContainer = function ProCardContainer(props) {
|
17
24
|
return /*#__PURE__*/_react.default.createElement(_index.ProCard, _objectSpread({}, props));
|
18
25
|
};
|
26
|
+
|
19
27
|
exports.ProCardContainer = ProCardContainer;
|
20
28
|
ProCardContainer.defaultProps = {
|
21
29
|
compacted: true,
|
@@ -24,5 +32,6 @@ ProCardContainer.defaultProps = {
|
|
24
32
|
/**
|
25
33
|
* @deprecated 建议使用 ProCardContainer 代替
|
26
34
|
*/
|
35
|
+
|
27
36
|
var CardContainer = ProCardContainer;
|
28
37
|
exports.CardContainer = CardContainer;
|
package/lib/card/divider.js
CHANGED
@@ -4,16 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
+
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
9
|
+
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11
|
+
|
9
12
|
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; }
|
13
|
+
|
10
14
|
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; }
|
15
|
+
|
11
16
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
17
|
+
|
12
18
|
var ProCardDivider = function ProCardDivider(props) {
|
13
19
|
return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
|
14
20
|
className: "teamix-pro-card-divider"
|
15
21
|
}, props));
|
16
22
|
};
|
23
|
+
|
17
24
|
ProCardDivider.isProCardDivider = true;
|
18
25
|
var _default = ProCardDivider;
|
19
26
|
exports.default = _default;
|
package/lib/card/index.js
CHANGED
@@ -1,6 +1,7 @@
|
|
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
|
});
|
@@ -8,24 +9,43 @@ var _exportNames = {
|
|
8
9
|
ProCard: true
|
9
10
|
};
|
10
11
|
exports.default = exports.ProCard = void 0;
|
12
|
+
|
11
13
|
var _react = _interopRequireWildcard(require("react"));
|
14
|
+
|
12
15
|
var _classnames3 = _interopRequireDefault(require("classnames"));
|
16
|
+
|
13
17
|
var _result = _interopRequireDefault(require("@teamix/result"));
|
18
|
+
|
14
19
|
var _components = require("@alicloudfe/components");
|
20
|
+
|
15
21
|
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
22
|
+
|
16
23
|
var _utils = require("@teamix/utils");
|
24
|
+
|
17
25
|
var _field = require("../field");
|
26
|
+
|
18
27
|
var _message = require("../utils/message");
|
28
|
+
|
19
29
|
var _skeleton = require("../skeleton");
|
30
|
+
|
20
31
|
var _actions = require("../actions");
|
32
|
+
|
21
33
|
var _utils2 = require("./utils");
|
34
|
+
|
22
35
|
var _divider = _interopRequireDefault(require("./divider"));
|
36
|
+
|
23
37
|
var _selectable = _interopRequireDefault(require("./selectable"));
|
38
|
+
|
24
39
|
var _tab = _interopRequireDefault(require("./tab"));
|
40
|
+
|
25
41
|
require("./index.scss");
|
42
|
+
|
26
43
|
var _proField = _interopRequireWildcard(require("@teamix/pro-field"));
|
44
|
+
|
27
45
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
46
|
+
|
28
47
|
var _cardContainer = require("./card-container");
|
48
|
+
|
29
49
|
Object.keys(_cardContainer).forEach(function (key) {
|
30
50
|
if (key === "default" || key === "__esModule") return;
|
31
51
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -38,94 +58,123 @@ Object.keys(_cardContainer).forEach(function (key) {
|
|
38
58
|
});
|
39
59
|
});
|
40
60
|
var _excluded = ["context"],
|
41
|
-
|
61
|
+
_excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "message", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "contentLoading", "empty", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
|
62
|
+
|
42
63
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
64
|
+
|
43
65
|
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); }
|
66
|
+
|
44
67
|
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; }
|
68
|
+
|
45
69
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
70
|
+
|
46
71
|
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."); }
|
72
|
+
|
47
73
|
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); }
|
74
|
+
|
48
75
|
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; }
|
76
|
+
|
49
77
|
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; }
|
78
|
+
|
50
79
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
80
|
+
|
51
81
|
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; }
|
82
|
+
|
52
83
|
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; }
|
84
|
+
|
53
85
|
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; }
|
86
|
+
|
54
87
|
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; }
|
88
|
+
|
55
89
|
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; }
|
90
|
+
|
56
91
|
var cls = (0, _utils.usePrefixCls)('teamix-pro-card');
|
92
|
+
|
57
93
|
var renderActionGroup = function renderActionGroup(extra, context) {
|
58
94
|
if (!extra) {
|
59
95
|
return null;
|
60
96
|
}
|
97
|
+
|
61
98
|
if (extra.actions instanceof Array) {
|
62
99
|
var userContext = extra.context,
|
63
|
-
|
100
|
+
others = _objectWithoutProperties(extra, _excluded);
|
101
|
+
|
64
102
|
var mergedContext = _objectSpread(_objectSpread({}, context), userContext);
|
103
|
+
|
65
104
|
return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread({
|
66
105
|
context: mergedContext
|
67
106
|
}, others), {}, {
|
68
107
|
type: "text"
|
69
108
|
}));
|
70
109
|
}
|
110
|
+
|
71
111
|
return extra;
|
72
112
|
};
|
113
|
+
|
73
114
|
var getFlexDirectionClassName = function getFlexDirectionClassName(direction, split) {
|
74
115
|
if (split) {
|
75
116
|
return "flex-direction-".concat(split === 'horizontal' ? 'row' : 'column');
|
76
117
|
}
|
118
|
+
|
77
119
|
return "flex-direction-".concat(direction);
|
78
120
|
};
|
121
|
+
|
79
122
|
var ProCard = function ProCard(props) {
|
80
123
|
var _classnames, _classnames2;
|
124
|
+
|
81
125
|
var children = props.children,
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
126
|
+
title = props.title,
|
127
|
+
subTitle = props.subTitle,
|
128
|
+
tooltip = props.tooltip,
|
129
|
+
tooltipIcon = props.tooltipIcon,
|
130
|
+
tags = props.tags,
|
131
|
+
description = props.description,
|
132
|
+
extra = props.extra,
|
133
|
+
actions = props.actions,
|
134
|
+
message = props.message,
|
135
|
+
style = props.style,
|
136
|
+
className = props.className,
|
137
|
+
image = props.image,
|
138
|
+
hoveredShadow = props.hoveredShadow,
|
139
|
+
divider = props.divider,
|
140
|
+
bordered = props.bordered,
|
141
|
+
compacted = props.compacted,
|
142
|
+
centered = props.centered,
|
143
|
+
loading = props.loading,
|
144
|
+
contentLoading = props.contentLoading,
|
145
|
+
empty = props.empty,
|
146
|
+
borderColor = props.borderColor,
|
147
|
+
backgroundColor = props.backgroundColor,
|
148
|
+
contentClassName = props.contentClassName,
|
149
|
+
contentStyle = props.contentStyle,
|
150
|
+
direction = props.direction,
|
151
|
+
wrap = props.wrap,
|
152
|
+
spacing = props.spacing,
|
153
|
+
split = props.split,
|
154
|
+
collapsible = props.collapsible,
|
155
|
+
defaultCollapsed = props.defaultCollapsed,
|
156
|
+
collapsed = props.collapsed,
|
157
|
+
onCollapse = props.onCollapse,
|
158
|
+
context = props.context,
|
159
|
+
others = _objectWithoutProperties(props, _excluded2);
|
160
|
+
|
116
161
|
var _React$useState = _react.default.useState(defaultCollapsed !== undefined ? defaultCollapsed : false),
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
// 表头 tooltip tags description 宽度
|
162
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
163
|
+
innerCollapseState = _React$useState2[0],
|
164
|
+
setInnerCollapseState = _React$useState2[1];
|
165
|
+
|
166
|
+
var cardRef = _react.default.useRef(); // 表头 tooltip tags description 宽度
|
167
|
+
|
168
|
+
|
122
169
|
var _React$useState3 = _react.default.useState(0),
|
123
|
-
|
124
|
-
|
125
|
-
|
170
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
171
|
+
headerWithoutTitleWidth = _React$useState4[0],
|
172
|
+
setHeaderWithoutTitleWidth = _React$useState4[1];
|
173
|
+
|
126
174
|
var _formatSpacing = (0, _utils2.formatSpacing)(spacing),
|
127
|
-
|
128
|
-
|
175
|
+
horizonal = _formatSpacing.horizonal,
|
176
|
+
vertical = _formatSpacing.vertical;
|
177
|
+
|
129
178
|
(0, _react.useEffect)(function () {
|
130
179
|
calculateHeaderWidth();
|
131
180
|
}, []);
|
@@ -133,13 +182,17 @@ var ProCard = function ProCard(props) {
|
|
133
182
|
var hasCollapse = collapsible === true || defaultCollapsed !== undefined || collapsed !== undefined;
|
134
183
|
var collapseState = collapsed !== undefined ? collapsed : innerCollapseState;
|
135
184
|
var showContent = hasCollapse ? !collapseState : true;
|
185
|
+
|
136
186
|
var onCollapseChanged = function onCollapseChanged() {
|
137
187
|
onCollapse && onCollapse(!collapseState);
|
188
|
+
|
138
189
|
if (collapsed !== undefined) {
|
139
190
|
return;
|
140
191
|
}
|
192
|
+
|
141
193
|
setInnerCollapseState(!collapseState);
|
142
194
|
};
|
195
|
+
|
143
196
|
var childCardStyle = split ? {} : {
|
144
197
|
paddingRight: horizonal,
|
145
198
|
paddingLeft: horizonal,
|
@@ -156,31 +209,37 @@ var ProCard = function ProCard(props) {
|
|
156
209
|
marginBottom: 20 - vertical,
|
157
210
|
marginLeft: horizonal,
|
158
211
|
marginRight: horizonal
|
159
|
-
};
|
160
|
-
|
161
|
-
var containProCard = false;
|
162
|
-
|
212
|
+
}; // 判断是否套了卡片,如果套了的话,为自身卡片内容区设置负间距,以适配栅格系统
|
213
|
+
|
214
|
+
var containProCard = false; // 如果嵌套了 ProCard,为其添加一层栅格化的 col 和 padding
|
215
|
+
|
163
216
|
var childrenModified = _react.default.Children.map(children, function (element, index) {
|
164
217
|
var _element$type, _element$type2;
|
218
|
+
|
165
219
|
if (element === null || element === void 0 ? void 0 : (_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type.isProCard) {
|
166
220
|
containProCard = true;
|
167
221
|
var col = element.props.col;
|
222
|
+
|
168
223
|
var _getColClassAndStyle = (0, _utils2.getColClassAndStyle)(col),
|
169
|
-
|
170
|
-
|
224
|
+
colClassName = _getColClassAndStyle.className,
|
225
|
+
colStyle = _getColClassAndStyle.style;
|
226
|
+
|
171
227
|
return /*#__PURE__*/_react.default.createElement("div", {
|
172
228
|
style: _objectSpread(_objectSpread({}, childCardStyle), colStyle),
|
173
229
|
className: (0, _classnames3.default)(cls('col'), colClassName),
|
174
230
|
key: "pro-card-col-".concat(index)
|
175
231
|
}, /*#__PURE__*/_react.default.cloneElement(element));
|
176
232
|
}
|
233
|
+
|
177
234
|
if (element === null || element === void 0 ? void 0 : (_element$type2 = element.type) === null || _element$type2 === void 0 ? void 0 : _element$type2.isProCardDivider) {
|
178
235
|
return /*#__PURE__*/_react.default.cloneElement(element, {
|
179
236
|
style: dividerStyle
|
180
237
|
});
|
181
238
|
}
|
239
|
+
|
182
240
|
return element;
|
183
241
|
});
|
242
|
+
|
184
243
|
var cardClassName = (0, _classnames3.default)(cls(), className, backgroundColor, (_classnames = {
|
185
244
|
'border-none': !bordered
|
186
245
|
}, _defineProperty(_classnames, "border-".concat(borderColor), borderColor), _defineProperty(_classnames, "compacted", compacted), _defineProperty(_classnames, "hoverable", hoveredShadow), _classnames));
|
@@ -193,12 +252,16 @@ var ProCard = function ProCard(props) {
|
|
193
252
|
marginTop: -vertical,
|
194
253
|
marginBottom: -vertical
|
195
254
|
} : {};
|
196
|
-
|
197
|
-
// 计算宽度
|
255
|
+
|
256
|
+
var cardContentStyle = _objectSpread(_objectSpread({}, cardContentMargin), contentStyle); // 计算宽度
|
257
|
+
|
258
|
+
|
198
259
|
var calculateHeaderWidth = function calculateHeaderWidth() {
|
199
260
|
if (cardRef === null || cardRef === void 0 ? void 0 : cardRef.current) {
|
200
261
|
var _tooltipDom$clientWid, _tagsDom$clientWidth, _descriptionDom$clien;
|
262
|
+
|
201
263
|
var cardDom = _reactDom.default.findDOMNode(cardRef.current);
|
264
|
+
|
202
265
|
var headerDom = cardDom === null || cardDom === void 0 ? void 0 : cardDom.querySelector('.teamix-pro-card-title');
|
203
266
|
var tooltipDom = headerDom === null || headerDom === void 0 ? void 0 : headerDom.querySelector('.teamix-pro-card-title-tooltip');
|
204
267
|
var tagsDom = headerDom === null || headerDom === void 0 ? void 0 : headerDom.querySelector('.teamix-pro-tags');
|
@@ -208,11 +271,12 @@ var ProCard = function ProCard(props) {
|
|
208
271
|
});
|
209
272
|
var width = widthList.reduce(function (acc, cur) {
|
210
273
|
return acc + cur;
|
211
|
-
}, 0) + widthList.length * 8;
|
212
|
-
|
213
|
-
setHeaderWithoutTitleWidth(width - 1
|
274
|
+
}, 0) + widthList.length * 8; // 无法取出精准宽度,减去1作为阈值
|
275
|
+
|
276
|
+
setHeaderWithoutTitleWidth(width - 1);
|
214
277
|
}
|
215
278
|
};
|
279
|
+
|
216
280
|
var renderTitle = function renderTitle() {
|
217
281
|
var icon = tooltipIcon || 'info-circle-line';
|
218
282
|
var tooltipTrigger = typeof icon === 'string' ? /*#__PURE__*/_react.default.createElement(_icon.default, {
|
@@ -231,20 +295,20 @@ var ProCard = function ProCard(props) {
|
|
231
295
|
type: "down-fill"
|
232
296
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
233
297
|
className: cls('title-name')
|
234
|
-
},
|
298
|
+
}, /*#__PURE__*/_react.default.createElement(_proField.default, {
|
235
299
|
value: title,
|
236
300
|
type: "text",
|
237
301
|
render: {
|
238
302
|
ellipsis: true
|
239
303
|
}
|
240
|
-
})
|
304
|
+
}))), !hasCollapse && /*#__PURE__*/_react.default.createElement("div", {
|
241
305
|
className: cls('title-name'),
|
242
306
|
style: {
|
243
307
|
maxWidth: "calc(100% - ".concat(headerWithoutTitleWidth, "px)")
|
244
308
|
}
|
245
|
-
},
|
309
|
+
}, /*#__PURE__*/_react.default.createElement(_proField.Ellipsis, {
|
246
310
|
tooltip: title
|
247
|
-
}, title)
|
311
|
+
}, title)), tooltip && /*#__PURE__*/_react.default.createElement("div", {
|
248
312
|
className: cls('title-tooltip')
|
249
313
|
}, /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
|
250
314
|
align: "t",
|
@@ -259,6 +323,7 @@ var ProCard = function ProCard(props) {
|
|
259
323
|
}
|
260
324
|
})));
|
261
325
|
};
|
326
|
+
|
262
327
|
return /*#__PURE__*/_react.default.createElement(_components.Card, _objectSpread({
|
263
328
|
free: true,
|
264
329
|
className: cardClassName,
|
@@ -296,6 +361,7 @@ var ProCard = function ProCard(props) {
|
|
296
361
|
type: 'notice'
|
297
362
|
})), childrenModified))));
|
298
363
|
};
|
364
|
+
|
299
365
|
exports.ProCard = ProCard;
|
300
366
|
ProCard.defaultProps = {
|
301
367
|
bordered: true,
|
package/lib/card/index.scss
CHANGED
@@ -1,5 +1,3 @@
|
|
1
|
-
@import "xconsole";
|
2
|
-
|
3
1
|
.teamix-pro-card {
|
4
2
|
width: 100%;
|
5
3
|
|
@@ -53,12 +51,6 @@
|
|
53
51
|
display: flex;
|
54
52
|
align-items: center;
|
55
53
|
|
56
|
-
.next-menu-btn.next-menu-btn.next-menu-btn.next-menu-btn.next-menu-btn.next-menu-btn {
|
57
|
-
i {
|
58
|
-
margin-right: 0;
|
59
|
-
}
|
60
|
-
}
|
61
|
-
|
62
54
|
& > div {
|
63
55
|
display: flex;
|
64
56
|
align-items: center;
|
@@ -70,15 +62,9 @@
|
|
70
62
|
&-name {
|
71
63
|
flex-shrink: 0;
|
72
64
|
}
|
73
|
-
&-name > .teamix-pro-field {
|
74
|
-
width: calc(100% - 24px);
|
75
|
-
}
|
76
65
|
|
77
66
|
&-collapse {
|
78
67
|
cursor: pointer;
|
79
|
-
.teamix-pro-card-title-name {
|
80
|
-
width: 100%;
|
81
|
-
}
|
82
68
|
|
83
69
|
& > i {
|
84
70
|
transition: transform 0.2s;
|
@@ -309,5 +295,4 @@
|
|
309
295
|
&.transparent {
|
310
296
|
background: transparent;
|
311
297
|
}
|
312
|
-
|
313
298
|
}
|