@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
@@ -1,6 +1,27 @@
|
|
1
1
|
import { array, actions, actionGroup, filter } from './common';
|
2
2
|
var initialValues = {
|
3
|
-
columns: [
|
3
|
+
columns: [{
|
4
|
+
dataIndex: 'instanceName',
|
5
|
+
title: '实例ID/实例名称'
|
6
|
+
}, {
|
7
|
+
dataIndex: 'organizationName',
|
8
|
+
title: '组织',
|
9
|
+
tooltip: '我这一列是可以被复制的~',
|
10
|
+
render: {
|
11
|
+
copy: true
|
12
|
+
}
|
13
|
+
}],
|
14
|
+
url: 'https://oneapi.alibaba-inc.com/mock/teamix-pro/api/getTableResource',
|
15
|
+
formatResult: {
|
16
|
+
data: 'data',
|
17
|
+
total: 'pageInfo.total'
|
18
|
+
},
|
19
|
+
mainAction: {
|
20
|
+
actions: [{
|
21
|
+
key: 'action',
|
22
|
+
children: '操作按钮'
|
23
|
+
}]
|
24
|
+
}
|
4
25
|
};
|
5
26
|
var defaultValues = {
|
6
27
|
showSkeleton: true,
|
@@ -55,11 +55,12 @@ export function array(title, name, fields, main, arrayTitle) {
|
|
55
55
|
}
|
56
56
|
export function actions(props) {
|
57
57
|
var _ref = props || {},
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
58
|
+
_ref$title = _ref.title,
|
59
|
+
title = _ref$title === void 0 ? '操作项' : _ref$title,
|
60
|
+
_ref$name = _ref.name,
|
61
|
+
name = _ref$name === void 0 ? 'actions' : _ref$name,
|
62
|
+
arrayTitle = _ref.arrayTitle;
|
63
|
+
|
63
64
|
return array(title, name, [{
|
64
65
|
name: 'children',
|
65
66
|
title: '文字',
|
@@ -1,18 +1,19 @@
|
|
1
1
|
import React, { useMemo } from 'react';
|
2
2
|
import ProForm, { createForm } from '../../form';
|
3
|
-
// @ts-ignore
|
4
3
|
export var initConfigurator = function initConfigurator(schema, defaultInitialValues, defaultValues) {
|
5
4
|
return function (props) {
|
6
5
|
var initialValues = props.initialValues,
|
7
|
-
|
6
|
+
onValuesChange = props.onValuesChange;
|
8
7
|
var form = useMemo(function () {
|
9
8
|
return createForm({
|
10
9
|
initialValues: Object.assign({}, defaultValues, initialValues || defaultInitialValues)
|
11
10
|
});
|
12
11
|
}, []);
|
12
|
+
|
13
13
|
var onChange = function onChange(values) {
|
14
14
|
onValuesChange && onValuesChange(values);
|
15
15
|
};
|
16
|
+
|
16
17
|
return /*#__PURE__*/React.createElement(ProForm, {
|
17
18
|
labelCol: 6,
|
18
19
|
wrapperCol: 18,
|
package/es/nocode/index.js
CHANGED
@@ -1,11 +1,11 @@
|
|
1
1
|
import './index.scss';
|
2
2
|
import PageContainer from '../page-container';
|
3
|
-
export { PageContainer };
|
4
|
-
|
3
|
+
export { PageContainer }; // 配置器,每个 pro 组件对应一个配置器
|
4
|
+
|
5
5
|
export * from './configurators';
|
6
|
-
export * from './configurators/map';
|
7
|
-
// 页面编辑器
|
6
|
+
export * from './configurators/map'; // 页面编辑器
|
8
7
|
// 页面渲染器
|
9
|
-
|
10
|
-
// 提供组件和页面编辑的页面布局
|
8
|
+
|
9
|
+
export * from './pages'; // 提供组件和页面编辑的页面布局
|
10
|
+
|
11
11
|
export * from './playground';
|
@@ -6,19 +6,22 @@ import { PageMap, PageDefaultInitialValues } from '.';
|
|
6
6
|
var cls = usePrefixCls('teamix-pro-pager');
|
7
7
|
export var PageEditor = function PageEditor(props) {
|
8
8
|
var type = props.type,
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
9
|
+
initialValues = props.initialValues,
|
10
|
+
field = props.field,
|
11
|
+
configuratorMap = props.configuratorMap,
|
12
|
+
pageMap = props.pageMap,
|
13
|
+
pageDefaultInitialValues = props.pageDefaultInitialValues;
|
14
14
|
var values = initialValues || PageDefaultInitialValues[type] || (pageDefaultInitialValues === null || pageDefaultInitialValues === void 0 ? void 0 : pageDefaultInitialValues[type]);
|
15
15
|
React.useEffect(function () {
|
16
16
|
field && field.setValues(values);
|
17
17
|
}, []);
|
18
|
+
|
18
19
|
var onValuesChange = function onValuesChange(values) {
|
19
20
|
field && field.setValues(values);
|
20
21
|
};
|
22
|
+
|
21
23
|
var Page = PageMap[type] || (pageMap === null || pageMap === void 0 ? void 0 : pageMap[type]);
|
24
|
+
|
22
25
|
if (!Page) {
|
23
26
|
return /*#__PURE__*/React.createElement("div", {
|
24
27
|
className: cls('empty')
|
@@ -27,6 +30,7 @@ export var PageEditor = function PageEditor(props) {
|
|
27
30
|
height: 160
|
28
31
|
}), /*#__PURE__*/React.createElement("p", null, "\u9519\u8BEF\u7684\u9875\u9762\u7C7B\u578B"));
|
29
32
|
}
|
33
|
+
|
30
34
|
return /*#__PURE__*/React.createElement(PagePlayground, {
|
31
35
|
page: Page,
|
32
36
|
initialValues: values,
|
package/es/nocode/pages/index.js
CHANGED
@@ -1,16 +1,41 @@
|
|
1
1
|
import { FormPage, DetailPage, ListPage } from '../../templates';
|
2
2
|
export * from './editor';
|
3
3
|
export * from './playground';
|
4
|
-
export * from './renderer';
|
5
|
-
|
4
|
+
export * from './renderer'; // 全部页面模板
|
5
|
+
|
6
6
|
export var PageMap = {
|
7
7
|
LIST: ListPage,
|
8
8
|
DETAIL: DetailPage,
|
9
9
|
FORM: FormPage
|
10
|
-
};
|
11
|
-
|
10
|
+
}; // 全部页面模板默认初始值
|
11
|
+
|
12
12
|
export var PageDefaultInitialValues = {
|
13
|
-
LIST: {
|
13
|
+
LIST: {
|
14
|
+
header: {
|
15
|
+
title: '页面标题'
|
16
|
+
},
|
17
|
+
content: {
|
18
|
+
header: {
|
19
|
+
title: '表格标题'
|
20
|
+
},
|
21
|
+
columns: [{
|
22
|
+
dataIndex: 'instanceName',
|
23
|
+
title: '实例ID/实例名称'
|
24
|
+
}, {
|
25
|
+
dataIndex: 'organizationName',
|
26
|
+
title: '组织',
|
27
|
+
tooltip: '我这一列是可以被复制的~',
|
28
|
+
render: {
|
29
|
+
copy: true
|
30
|
+
}
|
31
|
+
}],
|
32
|
+
url: 'https://oneapi.alibaba-inc.com/mock/teamix-pro/api/getTableResource',
|
33
|
+
formatResult: {
|
34
|
+
data: 'data',
|
35
|
+
total: 'pageInfo.total'
|
36
|
+
}
|
37
|
+
}
|
38
|
+
},
|
14
39
|
DETAIL: {},
|
15
40
|
FORM: {}
|
16
41
|
};
|
@@ -1,12 +1,21 @@
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
+
|
2
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
+
|
3
5
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
|
4
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
8
|
+
|
5
9
|
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."); }
|
10
|
+
|
6
11
|
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); }
|
12
|
+
|
7
13
|
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; }
|
14
|
+
|
8
15
|
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; }
|
16
|
+
|
9
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
18
|
+
|
10
19
|
import React, { useState, useMemo } from 'react';
|
11
20
|
import { Balloon } from '@alicloudfe/components';
|
12
21
|
import { useDebounceFn } from '@teamix/hooks';
|
@@ -20,17 +29,20 @@ import { PlayGroundLayout } from '../playground';
|
|
20
29
|
var cls = usePrefixCls('teamix-pro-nocode');
|
21
30
|
export var PagePlayground = function PagePlayground(props) {
|
22
31
|
var _useState = useState(undefined),
|
23
|
-
|
24
|
-
|
25
|
-
|
32
|
+
_useState2 = _slicedToArray(_useState, 2),
|
33
|
+
selectedComponent = _useState2[0],
|
34
|
+
setSelectedComponent = _useState2[1];
|
35
|
+
|
26
36
|
var PageContainer = props.page,
|
27
|
-
|
28
|
-
|
29
|
-
|
37
|
+
initialValues = props.initialValues,
|
38
|
+
onValuesChange = props.onValuesChange,
|
39
|
+
configuratorMap = props.configuratorMap;
|
40
|
+
|
30
41
|
var _useState3 = useState(initialValues || {}),
|
31
|
-
|
32
|
-
|
33
|
-
|
42
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
43
|
+
pageProps = _useState4[0],
|
44
|
+
setPageProps = _useState4[1];
|
45
|
+
|
34
46
|
var setterAction = useAction({
|
35
47
|
type: 'drawer-form',
|
36
48
|
initialValues: {
|
@@ -46,9 +58,11 @@ export var PagePlayground = function PagePlayground(props) {
|
|
46
58
|
}],
|
47
59
|
onFinish: function onFinish(form) {
|
48
60
|
setPageProps(form.pageProps);
|
61
|
+
|
49
62
|
if (!onValuesChange) {
|
50
63
|
return;
|
51
64
|
}
|
65
|
+
|
52
66
|
try {
|
53
67
|
onValuesChange(JSON.parse(JSON.stringify(form.pageProps)));
|
54
68
|
} catch (error) {
|
@@ -68,20 +82,23 @@ export var PagePlayground = function PagePlayground(props) {
|
|
68
82
|
};
|
69
83
|
var maper = Object.assign({}, ComponentConfiguratorMap, configuratorMap);
|
70
84
|
var configurator = maper[selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.component];
|
85
|
+
|
71
86
|
var _useDebounceFn = useDebounceFn(function (values) {
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
87
|
+
var newValues = {};
|
88
|
+
newValues[selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.id] = Object.assign({}, values);
|
89
|
+
var newPageProps = Object.assign({}, pageProps, newValues);
|
90
|
+
setPageProps(newPageProps);
|
91
|
+
onValuesChange && onValuesChange(newPageProps);
|
92
|
+
}, {
|
93
|
+
wait: 200
|
94
|
+
}),
|
95
|
+
onConfiguratorValuesChange = _useDebounceFn.run;
|
96
|
+
|
81
97
|
var Configurator = useMemo(function () {
|
82
98
|
if (!configurator) {
|
83
99
|
return;
|
84
100
|
}
|
101
|
+
|
85
102
|
return initConfigurator(configurator.schema, configurator.initialValues, configurator.defaultValues);
|
86
103
|
}, [configurator]);
|
87
104
|
var pageKey = useMemo(function () {
|
@@ -1,20 +1,37 @@
|
|
1
1
|
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); }
|
2
|
+
|
2
3
|
var _excluded = ["type", "loading", "pageProps", "error", "title", "pageMap"];
|
4
|
+
|
3
5
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
6
|
+
|
4
7
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
8
|
+
|
5
9
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
10
|
+
|
6
11
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
12
|
+
|
7
13
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
14
|
+
|
8
15
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
9
|
-
|
16
|
+
|
17
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
18
|
+
|
10
19
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
20
|
+
|
11
21
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
22
|
+
|
12
23
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
24
|
+
|
13
25
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
14
|
-
|
26
|
+
|
27
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
28
|
+
|
15
29
|
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; }
|
30
|
+
|
16
31
|
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; }
|
32
|
+
|
17
33
|
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; }
|
34
|
+
|
18
35
|
import React from 'react';
|
19
36
|
import Helmet from 'react-helmet';
|
20
37
|
import SVG from '@teamix/svg';
|
@@ -24,6 +41,7 @@ import { ProSkeletonRaw } from '../../skeleton';
|
|
24
41
|
import { usePrefixCls } from '@teamix/utils';
|
25
42
|
import { PageMap } from '.';
|
26
43
|
var cls = usePrefixCls('teamix-pro-nocode');
|
44
|
+
|
27
45
|
var Loading = function Loading(props) {
|
28
46
|
return /*#__PURE__*/React.createElement(PageContainer, _objectSpread({
|
29
47
|
header: /*#__PURE__*/React.createElement(PageHeader, {
|
@@ -34,9 +52,10 @@ var Loading = function Loading(props) {
|
|
34
52
|
content: /*#__PURE__*/React.createElement(ProSkeletonRaw.Content, null)
|
35
53
|
}, props));
|
36
54
|
};
|
55
|
+
|
37
56
|
var Error = function Error(_ref) {
|
38
57
|
var message = _ref.message,
|
39
|
-
|
58
|
+
type = _ref.type;
|
40
59
|
var ErrorSvg = type === '404' ? SVG.Status404 : SVG.BrowserError;
|
41
60
|
return /*#__PURE__*/React.createElement("div", {
|
42
61
|
className: cls('empty')
|
@@ -45,18 +64,24 @@ var Error = function Error(_ref) {
|
|
45
64
|
height: 160
|
46
65
|
}), /*#__PURE__*/React.createElement("p", null, message || '页面加载失败'));
|
47
66
|
};
|
67
|
+
|
48
68
|
var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
49
69
|
_inherits(ErrorBoundary, _React$Component);
|
70
|
+
|
50
71
|
var _super = _createSuper(ErrorBoundary);
|
72
|
+
|
51
73
|
function ErrorBoundary(props) {
|
52
74
|
var _this;
|
75
|
+
|
53
76
|
_classCallCheck(this, ErrorBoundary);
|
77
|
+
|
54
78
|
_this = _super.call(this, props);
|
55
79
|
_this.state = {
|
56
80
|
error: false
|
57
81
|
};
|
58
82
|
return _this;
|
59
83
|
}
|
84
|
+
|
60
85
|
_createClass(ErrorBoundary, [{
|
61
86
|
key: "render",
|
62
87
|
value: function render() {
|
@@ -65,6 +90,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
65
90
|
message: this.state.error.message
|
66
91
|
});
|
67
92
|
}
|
93
|
+
|
68
94
|
return this.props.children;
|
69
95
|
}
|
70
96
|
}], [{
|
@@ -76,31 +102,38 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
76
102
|
};
|
77
103
|
}
|
78
104
|
}]);
|
105
|
+
|
79
106
|
return ErrorBoundary;
|
80
107
|
}(React.Component);
|
108
|
+
|
81
109
|
export var PageRenderer = function PageRenderer(props) {
|
82
110
|
var type = props.type,
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
111
|
+
loading = props.loading,
|
112
|
+
pageProps = props.pageProps,
|
113
|
+
error = props.error,
|
114
|
+
title = props.title,
|
115
|
+
pageMap = props.pageMap,
|
116
|
+
others = _objectWithoutProperties(props, _excluded);
|
117
|
+
|
89
118
|
if (error) {
|
90
119
|
return /*#__PURE__*/React.createElement(Error, {
|
91
120
|
message: error.message
|
92
121
|
});
|
93
122
|
}
|
123
|
+
|
94
124
|
if (!type) {
|
95
125
|
return /*#__PURE__*/React.createElement(Loading, _objectSpread({}, others));
|
96
126
|
}
|
127
|
+
|
97
128
|
var Page = PageMap[type] || (pageMap === null || pageMap === void 0 ? void 0 : pageMap[type]);
|
129
|
+
|
98
130
|
if (!Page) {
|
99
131
|
return /*#__PURE__*/React.createElement(Error, {
|
100
132
|
message: "\u9519\u8BEF\u7684\u9875\u9762\u7C7B\u578B",
|
101
133
|
type: "404"
|
102
134
|
});
|
103
135
|
}
|
136
|
+
|
104
137
|
return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Helmet, {
|
105
138
|
title: title
|
106
139
|
}), /*#__PURE__*/React.createElement(Page, _objectSpread({
|
package/es/nocode/playground.js
CHANGED
@@ -1,12 +1,21 @@
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
|
+
|
2
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
+
|
3
5
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
6
|
+
|
4
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
8
|
+
|
5
9
|
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."); }
|
10
|
+
|
6
11
|
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); }
|
12
|
+
|
7
13
|
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; }
|
14
|
+
|
8
15
|
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; }
|
16
|
+
|
9
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
18
|
+
|
10
19
|
import React, { useMemo } from 'react';
|
11
20
|
import { usePrefixCls } from '@teamix/utils';
|
12
21
|
import { useDebounceFn } from '@teamix/hooks';
|
@@ -25,24 +34,28 @@ export var PlayGroundLayout = function PlayGroundLayout(props) {
|
|
25
34
|
};
|
26
35
|
export var PlayGround = function PlayGround(props) {
|
27
36
|
var Component = props.component,
|
28
|
-
|
29
|
-
|
37
|
+
configurator = props.configurator,
|
38
|
+
initialValues = props.initialValues;
|
39
|
+
|
30
40
|
var _React$useState = React.useState(initialValues),
|
31
|
-
|
32
|
-
|
33
|
-
|
41
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
42
|
+
componentState = _React$useState2[0],
|
43
|
+
setComponentState = _React$useState2[1];
|
44
|
+
|
34
45
|
var componentKey = useMemo(function () {
|
35
46
|
return "component-".concat(Math.random());
|
36
47
|
}, [componentState]);
|
37
48
|
var Configurator = useMemo(function () {
|
38
49
|
return initConfigurator(configurator.schema, configurator.initialValues);
|
39
50
|
}, [configurator]);
|
51
|
+
|
40
52
|
var _useDebounceFn = useDebounceFn(function (values) {
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
53
|
+
setComponentState(values);
|
54
|
+
}, {
|
55
|
+
wait: 500
|
56
|
+
}),
|
57
|
+
onValuesChange = _useDebounceFn.run;
|
58
|
+
|
46
59
|
return /*#__PURE__*/React.createElement(PlayGroundLayout, {
|
47
60
|
component: /*#__PURE__*/React.createElement(Component, _objectSpread({
|
48
61
|
key: componentKey
|
@@ -42,9 +42,9 @@ export declare type ProPageHeaderProps = {
|
|
42
42
|
/** 面包屑配置 */
|
43
43
|
breadcrumb?: ProPageHeaderBreadcrumbItem[];
|
44
44
|
/** 额外信息区配置 */
|
45
|
-
extra?: ProActionGroupProps | React.ReactNode
|
45
|
+
extra?: ProActionGroupProps | React.ReactNode;
|
46
46
|
/** 操作区配置 */
|
47
|
-
operation?: ProActionGroupProps | React.ReactNode
|
47
|
+
operation?: ProActionGroupProps | React.ReactNode;
|
48
48
|
/** 标签组 */
|
49
49
|
tags?: ProPageHeaderTagItem[];
|
50
50
|
/** 数据概览项 */
|