@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/es/form/Filter/index.js
CHANGED
@@ -1,23 +1,39 @@
|
|
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
1
|
var _excluded = ["addonAfter", "addonBefore", "mode", "purePanel", "expand", "formRef", "defaultFilterValue", "filterValues", "filterDebounce", "bindUrl", "onFilter", "onInit", "onReset", "onExpand", "onChange", "form"];
|
2
|
+
|
3
3
|
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; }
|
4
|
+
|
4
5
|
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; }
|
6
|
+
|
5
7
|
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; }
|
8
|
+
|
6
9
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
10
|
+
|
7
11
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
12
|
+
|
8
13
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
14
|
+
|
9
15
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
10
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
16
|
+
|
11
17
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
18
|
+
|
12
19
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
20
|
+
|
13
21
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
22
|
+
|
14
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
|
+
|
15
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
|
+
|
16
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
|
+
|
17
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
|
+
|
18
31
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
32
|
+
|
19
33
|
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; }
|
34
|
+
|
20
35
|
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; }
|
36
|
+
|
21
37
|
import React, { memo, useCallback, useMemo, useState, useRef, useEffect } from 'react';
|
22
38
|
import debounce from 'lodash.debounce';
|
23
39
|
import { Tag } from '@alicloudfe/components';
|
@@ -37,34 +53,39 @@ import './index.scss';
|
|
37
53
|
/**
|
38
54
|
* 查询筛选
|
39
55
|
*/
|
56
|
+
|
40
57
|
var QueryFilter = /*#__PURE__*/memo(function (props) {
|
41
58
|
var addonAfter = props.addonAfter,
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
59
|
+
addonBefore = props.addonBefore,
|
60
|
+
mode = props.mode,
|
61
|
+
purePanel = props.purePanel,
|
62
|
+
expand = props.expand,
|
63
|
+
formRef = props.formRef,
|
64
|
+
defaultFilterValue = props.defaultFilterValue,
|
65
|
+
filterValues = props.filterValues,
|
66
|
+
filterDebounce = props.filterDebounce,
|
67
|
+
bindUrl = props.bindUrl,
|
68
|
+
outerFilter = props.onFilter,
|
69
|
+
outerInit = props.onInit,
|
70
|
+
outerReset = props.onReset,
|
71
|
+
onExpand = props.onExpand,
|
72
|
+
onChange = props.onChange,
|
73
|
+
form = props.form,
|
74
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
75
|
+
|
58
76
|
var _useSpecialProps = useSpecialProps(props),
|
59
|
-
|
77
|
+
hasRequired = _useSpecialProps.hasRequired;
|
78
|
+
|
60
79
|
var _useState = useState(!!expand),
|
61
|
-
|
62
|
-
|
63
|
-
|
80
|
+
_useState2 = _slicedToArray(_useState, 2),
|
81
|
+
panelVisible = _useState2[0],
|
82
|
+
setPanelVisible = _useState2[1];
|
83
|
+
|
64
84
|
var _useState3 = useState([]),
|
65
|
-
|
66
|
-
|
67
|
-
|
85
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
86
|
+
tagDataSource = _useState4[0],
|
87
|
+
setTagDataSource = _useState4[1];
|
88
|
+
|
68
89
|
var filterItem = useRef([]);
|
69
90
|
var defaultFormName = mode === 'panel' ? 'advanced' : 'simple';
|
70
91
|
var currentFormName = useRef(defaultFormName);
|
@@ -73,52 +94,62 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
73
94
|
var prefixCls = usePrefixCls('teamix-pro-form-query-filter');
|
74
95
|
var debounceFun = debounce(function (fun, props) {
|
75
96
|
return fun(props);
|
76
|
-
}, filterDebounce);
|
77
|
-
|
97
|
+
}, filterDebounce); // 绑定URL
|
98
|
+
|
78
99
|
var _useBindUrl = useBindUrl(bindUrl, {
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
100
|
+
onInit: outerInit,
|
101
|
+
onFilter: outerFilter,
|
102
|
+
onReset: outerReset
|
103
|
+
}, currentForm),
|
104
|
+
setValuesByUrlState = _useBindUrl.setValuesByUrlState,
|
105
|
+
onInit = _useBindUrl.onInit,
|
106
|
+
onFilter = _useBindUrl.onFilter,
|
107
|
+
onReset = _useBindUrl.onReset; // onInit
|
108
|
+
|
109
|
+
|
88
110
|
var initialRequestRef = useRef(!!(props === null || props === void 0 ? void 0 : props.initialRequest));
|
89
111
|
var filterEnable = useRef('waiting');
|
112
|
+
|
90
113
|
var onFormInit = /*#__PURE__*/function () {
|
91
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/
|
114
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(form) {
|
92
115
|
var loadingField;
|
93
|
-
return
|
116
|
+
return regeneratorRuntime.wrap(function _callee$(_context) {
|
94
117
|
while (1) {
|
95
118
|
switch (_context.prev = _context.next) {
|
96
119
|
case 0:
|
97
120
|
form.setState({
|
98
121
|
loading: initialRequestRef.current
|
99
122
|
}); // 借用 form.loading 触发 onFormReact
|
123
|
+
|
100
124
|
loadingField = Object.values(form.fields).filter(function (field) {
|
101
125
|
return !!field.loading;
|
102
126
|
}); // 等待mounted + 字段loading结束 + initialRequest结束 => 表单默认值初始化完成
|
127
|
+
|
103
128
|
if (!(form.mounted && !loadingField.length && !form.loading)) {
|
104
129
|
_context.next = 10;
|
105
130
|
break;
|
106
131
|
}
|
132
|
+
|
107
133
|
onFormInit = undefined; // init后销毁 isFormInit 方法
|
134
|
+
|
108
135
|
setValuesByUrlState(form); // 配置URL参数到表单
|
136
|
+
|
109
137
|
if (!outerInit) {
|
110
138
|
_context.next = 10;
|
111
139
|
break;
|
112
140
|
}
|
141
|
+
|
113
142
|
_context.next = 8;
|
114
143
|
return form.validate();
|
144
|
+
|
115
145
|
case 8:
|
116
|
-
onInit(toJS(form.values));
|
117
|
-
|
146
|
+
onInit(toJS(form.values)); // 设置Tag
|
147
|
+
|
118
148
|
if (mode === 'panel') {
|
119
149
|
configFilterItem(advancedForm);
|
120
150
|
!panelVisible && configTag();
|
121
151
|
}
|
152
|
+
|
122
153
|
case 10:
|
123
154
|
case "end":
|
124
155
|
return _context.stop();
|
@@ -126,41 +157,49 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
126
157
|
}
|
127
158
|
}, _callee);
|
128
159
|
}));
|
160
|
+
|
129
161
|
return function onFormInit(_x) {
|
130
162
|
return _ref.apply(this, arguments);
|
131
163
|
};
|
132
|
-
}();
|
133
|
-
|
164
|
+
}(); // 配置当前激活的form实例
|
165
|
+
|
166
|
+
|
134
167
|
var setCurrentForm = function setCurrentForm(formName) {
|
135
168
|
currentFormName.current = formName;
|
136
169
|
currentForm.current = formMap[formName];
|
137
170
|
var form = currentForm.current;
|
171
|
+
|
138
172
|
if (formRef) {
|
139
|
-
formRef.current = form;
|
140
|
-
|
173
|
+
formRef.current = form; // 自定义updateTags方法
|
174
|
+
|
141
175
|
if (!formRef.current.updateTags) {
|
142
176
|
formRef.current.updateTags = function () {
|
143
177
|
updateTags(form);
|
144
178
|
};
|
145
|
-
}
|
146
|
-
|
179
|
+
} // 自定义setAsyncValues方法
|
180
|
+
|
181
|
+
|
147
182
|
if (!formRef.current.setAsyncValues) {
|
148
183
|
formRef.current.setAsyncValues = /*#__PURE__*/function () {
|
149
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/
|
150
|
-
return
|
184
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(values) {
|
185
|
+
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
151
186
|
while (1) {
|
152
187
|
switch (_context2.prev = _context2.next) {
|
153
188
|
case 0:
|
154
189
|
form.setValues(values);
|
190
|
+
|
155
191
|
if (!(filterEnable.current === 'filter' && formName === 'advanced')) {
|
156
192
|
_context2.next = 6;
|
157
193
|
break;
|
158
194
|
}
|
195
|
+
|
159
196
|
_context2.next = 4;
|
160
197
|
return form.validate();
|
198
|
+
|
161
199
|
case 4:
|
162
200
|
onFilter(toJS(form.values));
|
163
201
|
updateTags(form);
|
202
|
+
|
164
203
|
case 6:
|
165
204
|
case "end":
|
166
205
|
return _context2.stop();
|
@@ -168,25 +207,30 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
168
207
|
}
|
169
208
|
}, _callee2);
|
170
209
|
}));
|
210
|
+
|
171
211
|
return function (_x2) {
|
172
212
|
return _ref2.apply(this, arguments);
|
173
213
|
};
|
174
214
|
}();
|
175
|
-
}
|
176
|
-
|
215
|
+
} // 自定义triggerFilter方法
|
216
|
+
|
217
|
+
|
177
218
|
if (!formRef.current.triggerFilter) {
|
178
|
-
formRef.current.triggerFilter = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/
|
179
|
-
return
|
219
|
+
formRef.current.triggerFilter = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
|
220
|
+
return regeneratorRuntime.wrap(function _callee3$(_context3) {
|
180
221
|
while (1) {
|
181
222
|
switch (_context3.prev = _context3.next) {
|
182
223
|
case 0:
|
183
224
|
_context3.next = 2;
|
184
225
|
return form.validate();
|
226
|
+
|
185
227
|
case 2:
|
186
228
|
onFilter(toJS(form.values));
|
229
|
+
|
187
230
|
if (formName === 'advanced') {
|
188
231
|
updateTags(form);
|
189
232
|
}
|
233
|
+
|
190
234
|
case 4:
|
191
235
|
case "end":
|
192
236
|
return _context3.stop();
|
@@ -194,22 +238,25 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
194
238
|
}
|
195
239
|
}, _callee3);
|
196
240
|
}));
|
197
|
-
}
|
198
|
-
|
241
|
+
} // 自定义triggerReset方法
|
242
|
+
|
243
|
+
|
199
244
|
if (!formRef.current.triggerReset) {
|
200
245
|
formRef.current.triggerReset = /*#__PURE__*/function () {
|
201
|
-
var _ref4 = _asyncToGenerator( /*#__PURE__*/
|
202
|
-
return
|
246
|
+
var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(config) {
|
247
|
+
return regeneratorRuntime.wrap(function _callee4$(_context4) {
|
203
248
|
while (1) {
|
204
249
|
switch (_context4.prev = _context4.next) {
|
205
250
|
case 0:
|
206
251
|
simpleForm.reset('*', config);
|
207
252
|
lightForm.reset('*', config);
|
208
253
|
advancedForm.reset('*', config);
|
254
|
+
|
209
255
|
if (formName === 'advanced') {
|
210
256
|
onReset(toJS(advancedForm.values));
|
211
257
|
updateTags(form);
|
212
258
|
}
|
259
|
+
|
213
260
|
case 4:
|
214
261
|
case "end":
|
215
262
|
return _context4.stop();
|
@@ -217,25 +264,16 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
217
264
|
}
|
218
265
|
}, _callee4);
|
219
266
|
}));
|
267
|
+
|
220
268
|
return function (_x3) {
|
221
269
|
return _ref4.apply(this, arguments);
|
222
270
|
};
|
223
271
|
}();
|
224
272
|
}
|
225
|
-
// 自定义updateDataSource
|
226
|
-
if (!formRef.current.updateDataSource) {
|
227
|
-
formRef.current.updateDataSource = function (query, params) {
|
228
|
-
[simpleForm, lightForm, advancedForm].forEach(function (f) {
|
229
|
-
var $query = f.query(query).take();
|
230
|
-
if ($query) {
|
231
|
-
$query.data.refresh = params;
|
232
|
-
}
|
233
|
-
});
|
234
|
-
};
|
235
|
-
}
|
236
273
|
}
|
237
|
-
};
|
238
|
-
|
274
|
+
}; // 创建简单筛选表单实例
|
275
|
+
|
276
|
+
|
239
277
|
var simpleForm = useMemo(function () {
|
240
278
|
return createForm({
|
241
279
|
validateFirst: true,
|
@@ -243,6 +281,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
243
281
|
onFormReact(function (form) {
|
244
282
|
if (mode === 'inline') {
|
245
283
|
var _onFormInit;
|
284
|
+
|
246
285
|
(_onFormInit = onFormInit) === null || _onFormInit === void 0 ? void 0 : _onFormInit(form).finally(function () {
|
247
286
|
return filterEnable.current = 'filter';
|
248
287
|
});
|
@@ -250,8 +289,8 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
250
289
|
});
|
251
290
|
}
|
252
291
|
});
|
253
|
-
}, [form]);
|
254
|
-
|
292
|
+
}, [form]); // 创建轻量筛选表单实例
|
293
|
+
|
255
294
|
var lightForm = useMemo(function () {
|
256
295
|
return createForm({
|
257
296
|
validateFirst: true,
|
@@ -261,8 +300,8 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
261
300
|
});
|
262
301
|
}
|
263
302
|
});
|
264
|
-
}, [form]);
|
265
|
-
|
303
|
+
}, [form]); // 创建高级筛选表单实例
|
304
|
+
|
266
305
|
var advancedForm = useMemo(function () {
|
267
306
|
return createForm({
|
268
307
|
validateFirst: true,
|
@@ -270,6 +309,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
270
309
|
onFormReact(function (form) {
|
271
310
|
if (mode === 'panel') {
|
272
311
|
var _onFormInit2;
|
312
|
+
|
273
313
|
(_onFormInit2 = onFormInit) === null || _onFormInit2 === void 0 ? void 0 : _onFormInit2(form).finally(function () {
|
274
314
|
return filterEnable.current = 'filter';
|
275
315
|
});
|
@@ -285,21 +325,25 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
285
325
|
simple: simpleForm,
|
286
326
|
light: lightForm,
|
287
327
|
advanced: advancedForm
|
288
|
-
};
|
289
|
-
|
328
|
+
}; // 获取筛选数据Label
|
329
|
+
|
290
330
|
var getFilterDisplayValues = useCallback(function (form) {
|
291
331
|
var displayValues = getFormDisplayValues(form);
|
292
332
|
var originalData = Object.entries(displayValues);
|
293
333
|
var filterData = [];
|
294
334
|
originalData.forEach(function (_ref5) {
|
295
335
|
var _data$displayValue;
|
336
|
+
|
296
337
|
var _ref6 = _slicedToArray(_ref5, 2),
|
297
|
-
|
298
|
-
|
338
|
+
key = _ref6[0],
|
339
|
+
data = _ref6[1];
|
340
|
+
|
299
341
|
var value = (_data$displayValue = data.displayValue) !== null && _data$displayValue !== void 0 ? _data$displayValue : data.value;
|
300
342
|
var component = data.component;
|
343
|
+
|
301
344
|
if (component === 'SelectGroup') {
|
302
345
|
var _data$value;
|
346
|
+
|
303
347
|
(_data$value = data.value) === null || _data$value === void 0 ? void 0 : _data$value.forEach(function (item, index) {
|
304
348
|
filterData.push({
|
305
349
|
key: key,
|
@@ -319,23 +363,24 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
319
363
|
}
|
320
364
|
});
|
321
365
|
return filterData;
|
322
|
-
}, []);
|
323
|
-
|
366
|
+
}, []); // 设置筛选数据
|
367
|
+
|
324
368
|
var configFilterItem = useCallback(function (form) {
|
325
369
|
filterItem.current = getFilterDisplayValues(form);
|
326
|
-
}, []);
|
327
|
-
|
370
|
+
}, []); // 设置标签数据
|
371
|
+
|
328
372
|
var configTag = useCallback(function () {
|
329
373
|
setTagDataSource(filterItem.current);
|
330
|
-
}, []);
|
331
|
-
|
374
|
+
}, []); // 更新标签数据
|
375
|
+
|
332
376
|
var updateTags = useCallback(function (form) {
|
333
377
|
configFilterItem(form);
|
334
378
|
configTag();
|
335
|
-
}, []);
|
336
|
-
|
379
|
+
}, []); // 展开收起高级筛选
|
380
|
+
|
337
381
|
var toggleAdvancedFilter = useCallback(function () {
|
338
382
|
var result = !panelVisible;
|
383
|
+
|
339
384
|
if (result) {
|
340
385
|
// 展开高级筛选,Light回填Advanced
|
341
386
|
if (currentFormName.current === 'light') {
|
@@ -347,20 +392,23 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
347
392
|
// 收起高级筛选,配置标签数据
|
348
393
|
configTag();
|
349
394
|
}
|
395
|
+
|
350
396
|
setPanelVisible(result);
|
351
397
|
onExpand === null || onExpand === void 0 ? void 0 : onExpand(result);
|
352
|
-
}, [panelVisible, configTag]);
|
353
|
-
|
398
|
+
}, [panelVisible, configTag]); // 简单搜索Filter
|
399
|
+
|
354
400
|
var onSimpleFilter = useCallback( /*#__PURE__*/function () {
|
355
|
-
var _ref7 = _asyncToGenerator( /*#__PURE__*/
|
356
|
-
return
|
401
|
+
var _ref7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(values) {
|
402
|
+
return regeneratorRuntime.wrap(function _callee5$(_context5) {
|
357
403
|
while (1) {
|
358
404
|
switch (_context5.prev = _context5.next) {
|
359
405
|
case 0:
|
360
406
|
_context5.next = 2;
|
361
407
|
return simpleForm.validate();
|
408
|
+
|
362
409
|
case 2:
|
363
410
|
onFilter(values);
|
411
|
+
|
364
412
|
case 3:
|
365
413
|
case "end":
|
366
414
|
return _context5.stop();
|
@@ -368,85 +416,91 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
368
416
|
}
|
369
417
|
}, _callee5);
|
370
418
|
}));
|
419
|
+
|
371
420
|
return function (_x4) {
|
372
421
|
return _ref7.apply(this, arguments);
|
373
422
|
};
|
374
|
-
}(), [onFilter]);
|
375
|
-
|
423
|
+
}(), [onFilter]); // 简单搜索Change
|
424
|
+
|
376
425
|
var onSimpleChange = useCallback(function (values, fieldValue, fieldName) {
|
377
426
|
if (currentFormName.current === 'simple') {
|
378
427
|
onChange === null || onChange === void 0 ? void 0 : onChange(values, fieldValue, fieldName);
|
428
|
+
|
379
429
|
if (filterEnable.current === 'filter') {
|
380
430
|
debounceFun(onSimpleFilter, values);
|
381
431
|
}
|
382
432
|
}
|
383
|
-
}, [onChange, onSimpleFilter]);
|
384
|
-
|
433
|
+
}, [onChange, onSimpleFilter]); // 轻量搜索Filter
|
434
|
+
|
385
435
|
var onLightFilter = useCallback(function (values) {
|
386
436
|
var _Object$keys;
|
387
|
-
|
388
|
-
// 清空advancedForm的值
|
437
|
+
|
438
|
+
onFilter(values); // 清空advancedForm的值
|
439
|
+
|
389
440
|
var clearKeys = {};
|
390
441
|
(_Object$keys = Object.keys(advancedForm.values)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(function (key) {
|
391
442
|
clearKeys[key] = undefined;
|
392
443
|
});
|
393
444
|
advancedForm.setValues(clearKeys);
|
394
445
|
updateTags(advancedForm);
|
395
|
-
}, [onFilter]);
|
396
|
-
|
446
|
+
}, [onFilter]); // 轻量搜索Change
|
447
|
+
|
397
448
|
var onLightChange = useCallback(function (values, fieldValue, fieldName) {
|
398
449
|
if (currentFormName.current === 'light') {
|
399
450
|
onChange === null || onChange === void 0 ? void 0 : onChange(values, fieldValue, fieldName);
|
451
|
+
|
400
452
|
if (filterEnable.current === 'filter') {
|
401
453
|
debounceFun(onLightFilter, values);
|
402
454
|
}
|
403
455
|
}
|
404
|
-
}, [onChange, onLightFilter]);
|
405
|
-
|
456
|
+
}, [onChange, onLightFilter]); // 高级搜索Filter
|
457
|
+
|
406
458
|
var onAdvancedFilter = useCallback(function (values) {
|
407
459
|
setCurrentForm('advanced');
|
408
460
|
onFilter(values);
|
409
|
-
configFilterItem(advancedForm);
|
410
|
-
|
461
|
+
configFilterItem(advancedForm); // 清空lightForm的值
|
462
|
+
|
411
463
|
lightForm.reset('*', {
|
412
464
|
forceClear: true
|
413
465
|
});
|
414
|
-
}, [onFilter]);
|
415
|
-
|
466
|
+
}, [onFilter]); // 高级搜索Reset
|
467
|
+
|
416
468
|
var onAdvancedReset = useCallback(function () {
|
417
469
|
setCurrentForm('advanced');
|
418
470
|
onReset(toJS(advancedForm.values));
|
419
|
-
configFilterItem(advancedForm);
|
420
|
-
|
471
|
+
configFilterItem(advancedForm); // 清空lightForm的值
|
472
|
+
|
421
473
|
lightForm.reset('*', {
|
422
474
|
forceClear: true
|
423
475
|
});
|
424
|
-
}, [onReset]);
|
425
|
-
|
476
|
+
}, [onReset]); // 高级搜索Change
|
477
|
+
|
426
478
|
var onAdvancedChange = useCallback(function (values, fieldValue, fieldName) {
|
427
479
|
if (currentFormName.current === 'advanced') {
|
428
480
|
onChange === null || onChange === void 0 ? void 0 : onChange(values, fieldValue, fieldName);
|
429
481
|
}
|
430
|
-
}, [onChange]);
|
431
|
-
|
482
|
+
}, [onChange]); // 关闭标签清空表单字段值
|
483
|
+
|
432
484
|
var onTagClose = useCallback(function (key, index) {
|
433
485
|
var newValue = undefined;
|
486
|
+
|
434
487
|
if (isNum(index)) {
|
435
488
|
newValue = _toConsumableArray(advancedForm.getValuesIn(key));
|
436
489
|
newValue.splice(index, 1);
|
437
490
|
}
|
491
|
+
|
438
492
|
advancedForm.setValuesIn(key, newValue);
|
439
493
|
updateTags(advancedForm);
|
440
494
|
onFilter(toJS(advancedForm.values));
|
441
|
-
}, [onFilter]);
|
442
|
-
|
495
|
+
}, [onFilter]); // initialRequest 的回调
|
496
|
+
|
443
497
|
var onInitialComplete = useCallback(function (form) {
|
444
498
|
initialRequestRef.current = false;
|
445
499
|
form.setState({
|
446
500
|
loading: initialRequestRef.current
|
447
501
|
});
|
448
|
-
}, []);
|
449
|
-
|
502
|
+
}, []); // 组件挂载
|
503
|
+
|
450
504
|
useEffect(function () {
|
451
505
|
setCurrentForm(currentFormName.current);
|
452
506
|
}, []);
|
@@ -484,10 +538,10 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
484
538
|
})) : null
|
485
539
|
}, mode === 'panel' && !panelVisible ? /*#__PURE__*/React.createElement(Tag.Group, null, tagDataSource.map(function (_ref8) {
|
486
540
|
var key = _ref8.key,
|
487
|
-
|
488
|
-
|
489
|
-
|
490
|
-
|
541
|
+
label = _ref8.label,
|
542
|
+
value = _ref8.value,
|
543
|
+
type = _ref8.type,
|
544
|
+
index = _ref8.index;
|
491
545
|
return /*#__PURE__*/React.createElement(Tag.Closeable, {
|
492
546
|
key: isNum(index) ? key + label : key,
|
493
547
|
afterClose: function afterClose() {
|