@teamix/pro 1.5.2 → 1.5.4-beta.0
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 +20285 -19928
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.min.js.LICENSE.txt +2 -6
- package/es/actions/base.js +8 -21
- package/es/actions/dialog-component.js +2 -9
- package/es/actions/dialog-form.js +37 -75
- package/es/actions/dialog-info.js +1 -5
- package/es/actions/dialog.js +57 -95
- package/es/actions/index.d.ts +3 -0
- package/es/actions/index.js +71 -156
- package/es/actions/link.js +3 -5
- package/es/actions/quick.d.ts +2 -0
- package/es/actions/quick.js +26 -0
- package/es/actions/request.js +12 -27
- package/es/actions/utils.js +1 -9
- package/es/card/card-container.js +0 -5
- package/es/card/divider.js +0 -5
- package/es/card/index.js +56 -95
- package/es/card/selectable.js +4 -13
- package/es/card/tab.js +1 -10
- package/es/card/utils.js +0 -2
- package/es/form/Components/Editable/index.js +16 -55
- package/es/form/Components/FormGroup/index.d.ts +1 -0
- package/es/form/Components/FormGroup/index.js +7 -22
- package/es/form/Components/LightFilter/index.js +15 -35
- package/es/form/Components/ProField/index.js +2 -14
- package/es/form/Components/ProField/mapDateFormat.js +2 -28
- package/es/form/Components/Text/index.d.ts +1 -0
- package/es/form/Components/Text/index.js +2 -11
- package/es/form/Filter/AdvancedFilter.js +11 -26
- package/es/form/Filter/Layout.js +11 -24
- package/es/form/Filter/LightFilter.js +13 -24
- package/es/form/Filter/SimpleFilter.js +7 -21
- package/es/form/Filter/index.js +106 -171
- package/es/form/Filter/index2.js +11 -28
- package/es/form/Filter/useBindUrl.js +18 -46
- package/es/form/Filter/useSpecialProps.js +8 -13
- package/es/form/ProForm/addCascadeEffect.js +10 -32
- package/es/form/ProForm/customComponent.js +0 -5
- package/es/form/ProForm/index.js +23 -34
- package/es/form/ProForm/useAutoLayout.js +21 -42
- package/es/form/ProForm/useAutoSubmit.js +3 -8
- package/es/form/ProForm/useFieldRequest.js +0 -5
- package/es/form/ProForm/useFormDisplayValues.js +12 -28
- package/es/form/ProForm/useInitialRequest.js +0 -5
- package/es/form/SchemaForm/adapterComponent.js +0 -3
- package/es/form/SchemaForm/adapterDecorator.d.ts +1 -1
- package/es/form/SchemaForm/adapterDecorator.js +0 -8
- package/es/form/SchemaForm/adapterType.js +0 -2
- package/es/form/SchemaForm/index.js +78 -114
- package/es/form/SchemaForm/initializeArrayCards.js +0 -6
- package/es/form/SchemaForm/initializeArrayCollapse.js +0 -6
- package/es/form/SchemaForm/initializeArrayItems.js +2 -9
- package/es/form/SchemaForm/initializeArrayTable.js +21 -34
- package/es/form/SchemaForm/initializeDataSource.js +2 -6
- package/es/form/SchemaForm/initializeFormButton.js +14 -31
- package/es/form/SchemaForm/initializeFormCollapse.js +8 -18
- package/es/form/SchemaForm/initializeFormGroup.js +10 -20
- package/es/form/SchemaForm/initializeFormStep.js +11 -23
- package/es/form/SchemaForm/initializeFormTab.js +10 -20
- package/es/form/SchemaForm/initializeReactions.js +9 -33
- package/es/form/SchemaForm/initializeRequest.js +2 -16
- package/es/form/SchemaForm/initializeRules.js +4 -22
- package/es/form/SchemaForm/initializeSelectTable.js +7 -33
- package/es/form/SchemaForm/reactions.js +19 -34
- package/es/form/docs/ActionResponse.d.ts +1 -0
- package/es/form/index.d.ts +9 -9
- package/es/form/index.js +0 -9
- package/es/form/typing.d.ts +6 -4
- package/es/form/utils.d.ts +1 -1
- package/es/form/utils.js +4 -49
- package/es/form/warning.js +2 -7
- package/es/index-without-icon.js +4 -3
- package/es/index.d.ts +1 -1
- package/es/index.js +7 -8
- package/es/info/components/InfoGroup/index.js +21 -32
- package/es/info/components/InfoValueItem/index.js +66 -119
- package/es/info/components/ProInfoItem/index.js +13 -21
- package/es/info/components/baseInfo/index.js +14 -26
- package/es/info/components/headerInfo/index.js +8 -20
- package/es/info/components/tableInfo/index.js +20 -50
- package/es/info/index.js +53 -82
- package/es/info/utils/index.js +0 -11
- package/es/nocode/configurators/common.js +5 -6
- package/es/nocode/configurators/index.js +2 -3
- package/es/nocode/index.js +6 -6
- package/es/nocode/pages/editor.js +5 -9
- package/es/nocode/pages/index.js +4 -4
- package/es/nocode/pages/playground.js +18 -35
- package/es/nocode/pages/renderer.js +9 -42
- package/es/nocode/playground.js +10 -23
- package/es/page-header/index.d.ts +2 -2
- package/es/page-header/index.js +39 -75
- package/es/sidebar/components/sidebar-container/index.js +41 -72
- package/es/sidebar/components/tree/index.js +88 -144
- package/es/sidebar/components/tree-node/components/HoverTooltip/index.js +11 -26
- package/es/sidebar/components/tree-node/components/IconAction/index.js +9 -35
- package/es/sidebar/components/tree-node/components/IconSwitch/index.js +12 -25
- package/es/sidebar/components/tree-node/index.js +41 -83
- package/es/sidebar/index.js +69 -94
- package/es/sidebar/utils/action-ref.js +2 -7
- package/es/sidebar/utils/index.d.ts +5 -2
- package/es/sidebar/utils/index.js +41 -98
- package/es/table/components/CardView/index.js +62 -149
- package/es/table/components/Filter/index.js +42 -83
- package/es/table/components/Layout/index.js +25 -45
- package/es/table/components/LoadMore/index.js +15 -34
- package/es/table/components/Pagination/index.js +25 -58
- package/es/table/components/QuickAction/index.js +3 -11
- package/es/table/components/ToolBar/CardSwitch.js +6 -17
- package/es/table/components/ToolBar/DensityIcon.js +18 -31
- package/es/table/components/ToolBar/FilterColumnIcon.js +50 -106
- package/es/table/components/ToolBar/FullScreenIcon.js +2 -6
- package/es/table/components/ToolBar/Fullscreen.js +19 -35
- package/es/table/components/ToolBar/RefreshIcon.js +2 -5
- package/es/table/components/ToolBar/index.js +23 -45
- package/es/table/index.js +227 -401
- package/es/table/utils/columnRender.d.ts +1 -1
- package/es/table/utils/columnRender.js +32 -76
- package/es/table/utils/genProColumnToColumn.js +5 -14
- package/es/table/utils/index.js +14 -47
- package/es/table/utils/pureColumnRender.js +21 -53
- package/es/table/utils/pureGenProColumnToColumn.d.ts +1 -1
- package/es/table/utils/pureGenProColumnToColumn.js +2 -10
- package/es/table/utils/useTableSelection.js +6 -33
- package/es/templates/List/index.js +2 -9
- package/es/timeline/ProTimeLineItem/index.js +24 -64
- package/es/timeline/index.js +8 -22
- package/es/timeline/typing.d.ts +1 -0
- package/es/utils/message.d.ts +2 -2
- package/es/utils/message.js +0 -5
- package/es/utils/useRealHistory.d.ts +8 -0
- package/es/utils/useRealHistory.js +23 -0
- package/lib/actions/base.js +8 -24
- package/lib/actions/confirm.js +0 -5
- package/lib/actions/danger-confirm.js +0 -5
- package/lib/actions/danger-pop-confirm.js +0 -4
- package/lib/actions/dialog-component.js +2 -15
- package/lib/actions/dialog-form.js +36 -88
- package/lib/actions/dialog-info.js +1 -10
- package/lib/actions/dialog-table.js +0 -5
- package/lib/actions/dialog.js +55 -111
- package/lib/actions/drawer-form.js +0 -3
- package/lib/actions/drawer-info.js +0 -3
- package/lib/actions/drawer-table.js +0 -3
- package/lib/actions/drawer.js +0 -4
- package/lib/actions/error.js +0 -5
- package/lib/actions/index.d.ts +3 -0
- package/lib/actions/index.js +93 -186
- package/lib/actions/link.js +3 -10
- package/lib/actions/notice.js +0 -5
- package/lib/actions/pop-confirm.js +0 -5
- package/lib/actions/quick.d.ts +2 -0
- package/lib/actions/quick.js +33 -0
- package/lib/actions/request.js +10 -32
- package/lib/actions/utils.js +1 -9
- package/lib/card/card-container.js +0 -9
- package/lib/card/divider.js +0 -7
- package/lib/card/index.js +56 -122
- package/lib/card/selectable.js +4 -20
- package/lib/card/tab.js +1 -14
- package/lib/card/utils.js +0 -6
- package/lib/field/index.js +0 -6
- package/lib/form/Components/Editable/index.js +15 -65
- package/lib/form/Components/FormGroup/index.d.ts +1 -0
- package/lib/form/Components/FormGroup/index.js +7 -28
- package/lib/form/Components/LightFilter/index.js +15 -47
- package/lib/form/Components/ProField/index.js +2 -21
- package/lib/form/Components/ProField/mapDateFormat.js +2 -32
- package/lib/form/Components/Text/index.d.ts +1 -0
- package/lib/form/Components/Text/index.js +2 -16
- package/lib/form/Filter/AdvancedFilter.js +11 -34
- package/lib/form/Filter/Layout.js +11 -33
- package/lib/form/Filter/LightFilter.js +13 -32
- package/lib/form/Filter/SimpleFilter.js +5 -27
- package/lib/form/Filter/index.js +105 -191
- package/lib/form/Filter/index2.js +11 -38
- package/lib/form/Filter/useBindUrl.js +18 -50
- package/lib/form/Filter/useSpecialProps.js +6 -13
- package/lib/form/ProForm/addCascadeEffect.js +10 -35
- package/lib/form/ProForm/customComponent.js +0 -8
- package/lib/form/ProForm/index.js +23 -57
- package/lib/form/ProForm/useAutoLayout.js +21 -45
- package/lib/form/ProForm/useAutoSubmit.js +3 -10
- package/lib/form/ProForm/useFieldRequest.js +0 -8
- package/lib/form/ProForm/useFormDisplayValues.js +12 -34
- package/lib/form/ProForm/useInitialRequest.js +0 -6
- package/lib/form/SchemaForm/adapterComponent.js +0 -6
- package/lib/form/SchemaForm/adapterDecorator.d.ts +1 -1
- package/lib/form/SchemaForm/adapterDecorator.js +0 -12
- package/lib/form/SchemaForm/adapterType.js +0 -5
- package/lib/form/SchemaForm/index.js +78 -144
- package/lib/form/SchemaForm/initializeArrayCards.js +0 -7
- package/lib/form/SchemaForm/initializeArrayCollapse.js +0 -7
- package/lib/form/SchemaForm/initializeArrayItems.js +2 -10
- package/lib/form/SchemaForm/initializeArrayTable.js +21 -34
- package/lib/form/SchemaForm/initializeDataSource.js +2 -8
- package/lib/form/SchemaForm/initializeFormButton.js +14 -32
- package/lib/form/SchemaForm/initializeFormCollapse.js +8 -18
- package/lib/form/SchemaForm/initializeFormGroup.js +10 -20
- package/lib/form/SchemaForm/initializeFormStep.js +11 -23
- package/lib/form/SchemaForm/initializeFormTab.js +10 -20
- package/lib/form/SchemaForm/initializeReactions.js +9 -37
- package/lib/form/SchemaForm/initializeRequest.js +2 -18
- package/lib/form/SchemaForm/initializeRules.js +4 -24
- package/lib/form/SchemaForm/initializeSelectTable.js +7 -36
- package/lib/form/SchemaForm/reactions.js +17 -37
- package/lib/form/docs/ActionResponse.d.ts +1 -0
- package/lib/form/docs/ActionResponse.js +0 -5
- package/lib/form/index.d.ts +9 -9
- package/lib/form/index.js +0 -25
- package/lib/form/typing.d.ts +6 -4
- package/lib/form/utils.d.ts +1 -1
- package/lib/form/utils.js +4 -61
- package/lib/form/warning.js +2 -8
- package/lib/hooks/index.js +0 -5
- package/lib/index-without-icon.js +2 -36
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -39
- package/lib/info/components/InfoGroup/index.js +21 -42
- package/lib/info/components/InfoValueItem/index.js +66 -134
- package/lib/info/components/ProInfoItem/index.js +13 -29
- package/lib/info/components/baseInfo/index.js +14 -38
- package/lib/info/components/headerInfo/index.js +8 -31
- package/lib/info/components/tableInfo/index.js +20 -62
- package/lib/info/index.js +53 -97
- package/lib/info/utils/index.js +0 -19
- package/lib/info/utils/utils.js +0 -1
- package/lib/nocode/configurators/PageHeader.js +0 -2
- package/lib/nocode/configurators/ProTable.js +0 -2
- package/lib/nocode/configurators/common.js +5 -10
- package/lib/nocode/configurators/index.js +2 -10
- package/lib/nocode/configurators/map.js +0 -5
- package/lib/nocode/index.js +0 -11
- package/lib/nocode/pages/editor.js +5 -19
- package/lib/nocode/pages/index.js +2 -9
- package/lib/nocode/pages/playground.js +18 -52
- package/lib/nocode/pages/renderer.js +9 -53
- package/lib/nocode/playground.js +10 -35
- package/lib/page-container/index.js +0 -6
- package/lib/page-header/index.d.ts +2 -2
- package/lib/page-header/index.js +38 -88
- package/lib/sidebar/components/sidebar-container/index.js +41 -84
- package/lib/sidebar/components/tree/index.js +88 -158
- package/lib/sidebar/components/tree-node/components/HoverTooltip/index.js +11 -34
- package/lib/sidebar/components/tree-node/components/IconAction/index.js +9 -46
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.js +12 -35
- package/lib/sidebar/components/tree-node/index.js +41 -99
- package/lib/sidebar/index.js +69 -112
- package/lib/sidebar/utils/action-ref.js +2 -8
- package/lib/sidebar/utils/index.d.ts +5 -2
- package/lib/sidebar/utils/index.js +41 -106
- package/lib/skeleton/index.js +0 -6
- package/lib/table/components/CardView/index.js +62 -161
- package/lib/table/components/EmptyContent/index.js +0 -6
- package/lib/table/components/Filter/index.js +42 -93
- package/lib/table/components/Layout/index.js +25 -58
- package/lib/table/components/LoadMore/index.js +15 -44
- package/lib/table/components/Pagination/index.js +25 -68
- package/lib/table/components/QuickAction/index.js +3 -15
- package/lib/table/components/ToolBar/CardSwitch.js +6 -28
- package/lib/table/components/ToolBar/DensityIcon.js +18 -42
- package/lib/table/components/ToolBar/FilterColumnIcon.js +50 -118
- package/lib/table/components/ToolBar/FullScreenIcon.js +3 -13
- package/lib/table/components/ToolBar/Fullscreen.js +19 -42
- package/lib/table/components/ToolBar/RefreshIcon.js +3 -12
- package/lib/table/components/ToolBar/index.js +23 -63
- package/lib/table/index.js +227 -426
- package/lib/table/utils/columnRender.d.ts +1 -1
- package/lib/table/utils/columnRender.js +32 -89
- package/lib/table/utils/genProColumnToColumn.js +5 -19
- package/lib/table/utils/getTableProps.js +0 -2
- package/lib/table/utils/getTableSortIcons.js +0 -5
- package/lib/table/utils/index.js +12 -55
- package/lib/table/utils/pureColumnRender.js +21 -64
- package/lib/table/utils/pureGenProColumnToColumn.d.ts +1 -1
- package/lib/table/utils/pureGenProColumnToColumn.js +2 -11
- package/lib/table/utils/useTableSelection.js +6 -35
- package/lib/templates/Detail/index.js +0 -5
- package/lib/templates/Form/index.js +0 -5
- package/lib/templates/List/index.js +2 -19
- package/lib/templates/index.js +0 -6
- package/lib/timeline/ProTimeLineItem/index.js +24 -75
- package/lib/timeline/index.js +8 -33
- package/lib/timeline/typing.d.ts +1 -0
- package/lib/utils/index.js +0 -6
- package/lib/utils/message.d.ts +2 -2
- package/lib/utils/message.js +0 -10
- package/lib/utils/useRealHistory.d.ts +8 -0
- package/lib/utils/useRealHistory.js +32 -0
- package/package.json +1 -1
@@ -1,68 +1,41 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports.default = void 0;
|
9
|
-
|
10
8
|
var _components = require("@alicloudfe/components");
|
11
|
-
|
12
9
|
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
13
|
-
|
14
10
|
var _utils = require("@teamix/utils");
|
15
|
-
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
17
|
-
|
18
12
|
var _utils2 = require("../../utils");
|
19
|
-
|
20
13
|
var _field = require("../../../field");
|
21
|
-
|
22
14
|
require("./index.scss");
|
23
|
-
|
24
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
25
|
-
|
26
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
27
|
-
|
28
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
29
|
-
|
30
18
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
31
|
-
|
32
19
|
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."); }
|
33
|
-
|
34
20
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
35
|
-
|
36
21
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
37
|
-
|
38
22
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
39
|
-
|
40
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."); }
|
41
|
-
|
42
24
|
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); }
|
43
|
-
|
44
25
|
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; }
|
45
|
-
|
46
26
|
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; }
|
47
|
-
|
48
27
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
49
|
-
|
50
28
|
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; }
|
51
|
-
|
52
29
|
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; }
|
53
|
-
|
54
30
|
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; }
|
55
|
-
|
56
31
|
var CheckboxItem = _components.Menu.CheckboxItem;
|
57
32
|
var Row = _components.Grid.Row,
|
58
|
-
|
33
|
+
Col = _components.Grid.Col;
|
59
34
|
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-filter-column');
|
60
|
-
|
61
35
|
var processColumns = function processColumns(columns) {
|
62
36
|
var _getGlobalConfig;
|
63
|
-
|
64
|
-
|
65
|
-
|
37
|
+
var globalFilterColumns = (_getGlobalConfig = (0, _utils.getGlobalConfig)('ProTable')) === null || _getGlobalConfig === void 0 ? void 0 : _getGlobalConfig.filterColumns;
|
38
|
+
// hidden 为 true 时不展示
|
66
39
|
columns = columns.filter(function (item) {
|
67
40
|
return (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(item));
|
68
41
|
});
|
@@ -70,53 +43,44 @@ var processColumns = function processColumns(columns) {
|
|
70
43
|
if (item.columnFilters === false) {
|
71
44
|
return item;
|
72
45
|
}
|
73
|
-
|
74
46
|
return _objectSpread(_objectSpread({}, item), {}, {
|
75
47
|
columnFilters: true
|
76
48
|
});
|
77
49
|
});
|
78
50
|
};
|
79
|
-
|
80
51
|
var FilterColumnIcon = function FilterColumnIcon(props) {
|
81
52
|
var _props$columns = props.columns,
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
53
|
+
columns = _props$columns === void 0 ? [] : _props$columns,
|
54
|
+
actionRef = props.actionRef,
|
55
|
+
filterColumnType = props.filterColumnType;
|
86
56
|
var _useState = (0, _react.useState)(true),
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
57
|
+
_useState2 = _slicedToArray(_useState, 2),
|
58
|
+
allVisible = _useState2[0],
|
59
|
+
setAllVisible = _useState2[1];
|
91
60
|
var _useState3 = (0, _react.useState)(false),
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
61
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
62
|
+
indeterminate = _useState4[0],
|
63
|
+
setIndeterminate = _useState4[1];
|
96
64
|
var _useState5 = (0, _react.useState)(processColumns(columns)),
|
97
|
-
|
98
|
-
|
99
|
-
|
65
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
66
|
+
newColumns = _useState6[0],
|
67
|
+
setNewColumns = _useState6[1];
|
68
|
+
// const [fullscreen, setFullscreen] = useState<boolean>(false);
|
100
69
|
// tooltip 开关
|
101
|
-
|
102
|
-
|
103
70
|
var _useState7 = (0, _react.useState)(false),
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
71
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
72
|
+
tooltipVisible = _useState8[0],
|
73
|
+
setTooltipVisible = _useState8[1];
|
74
|
+
// dropdown 开关
|
109
75
|
var _useState9 = (0, _react.useState)(false),
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
76
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
77
|
+
dropdownVisible = _useState10[0],
|
78
|
+
setDropdownVisible = _useState10[1];
|
79
|
+
// 视角
|
115
80
|
var _useState11 = (0, _react.useState)('table'),
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
81
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
82
|
+
cardView = _useState12[0],
|
83
|
+
setCardView = _useState12[1];
|
120
84
|
(0, _react.useEffect)(function () {
|
121
85
|
_utils2.on === null || _utils2.on === void 0 ? void 0 : (0, _utils2.on)(function (stateFilterColumns) {
|
122
86
|
if (stateFilterColumns && stateFilterColumns.length > 0) {
|
@@ -127,7 +91,6 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
127
91
|
if (!showDataIndex.includes(item.dataIndex)) {
|
128
92
|
item.columnFilters = false;
|
129
93
|
}
|
130
|
-
|
131
94
|
return item;
|
132
95
|
});
|
133
96
|
setNewColumns(stateColumns);
|
@@ -143,51 +106,44 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
143
106
|
});
|
144
107
|
(0, _react.useEffect)(function () {
|
145
108
|
setNewColumns(processColumns(columns));
|
146
|
-
}, [columns]);
|
147
|
-
|
109
|
+
}, [columns]);
|
110
|
+
// 全选
|
148
111
|
var onChangeAllColumns = function onChangeAllColumns(check) {
|
149
112
|
setAllVisible(check);
|
150
113
|
var keyNewColumns = (0, _utils2.cloneDeep)(newColumns);
|
151
114
|
keyNewColumns.map(function (item) {
|
152
115
|
var _item$columnFiltersDi;
|
153
|
-
|
154
116
|
item.columnFilters = (_item$columnFiltersDi = item.columnFiltersDisabled) !== null && _item$columnFiltersDi !== void 0 ? _item$columnFiltersDi : check;
|
155
117
|
return item;
|
156
118
|
});
|
157
119
|
notifyTableRender(keyNewColumns);
|
158
|
-
};
|
159
|
-
|
160
|
-
|
120
|
+
};
|
121
|
+
// 重置
|
161
122
|
var restColumns = function restColumns(e) {
|
162
123
|
e.stopPropagation();
|
163
124
|
var keyNewColumns = processColumns(columns);
|
164
125
|
notifyTableRender(keyNewColumns);
|
165
|
-
};
|
166
|
-
|
167
|
-
|
126
|
+
};
|
127
|
+
// 修改
|
168
128
|
var onChangeColumns = function onChangeColumns(check, dataIndex) {
|
169
129
|
var keyNewColumns = (0, _utils2.cloneDeep)(newColumns);
|
170
130
|
keyNewColumns.map(function (item) {
|
171
131
|
if (item.dataIndex === dataIndex) {
|
172
132
|
item.columnFilters = check;
|
173
133
|
}
|
174
|
-
|
175
134
|
return item;
|
176
135
|
});
|
177
136
|
notifyTableRender(keyNewColumns);
|
178
|
-
};
|
179
|
-
|
180
|
-
|
137
|
+
};
|
138
|
+
// 修改:dialog
|
181
139
|
var onChangeColumnsForDialog = function onChangeColumnsForDialog() {
|
182
140
|
var keyNewColumns = (0, _utils2.cloneDeep)(newColumns);
|
183
141
|
notifyTableRender(keyNewColumns);
|
184
142
|
setDropdownVisible(false);
|
185
|
-
};
|
186
|
-
|
187
|
-
|
143
|
+
};
|
144
|
+
// 向上
|
188
145
|
var moveUp = function moveUp(e, dataIndex) {
|
189
146
|
var _newColumns$filter, _newColumns$filter2;
|
190
|
-
|
191
147
|
e.stopPropagation();
|
192
148
|
var keyNewColumns = (0, _utils2.cloneDeep)(newColumns).filter(function (_ref) {
|
193
149
|
var lock = _ref.lock;
|
@@ -205,20 +161,16 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
205
161
|
var index = _ref4.dataIndex;
|
206
162
|
return index === dataIndex;
|
207
163
|
});
|
208
|
-
|
209
164
|
if (index != 0) {
|
210
165
|
keyNewColumns[index] = keyNewColumns.splice(index - 1, 1, keyNewColumns[index])[0];
|
211
166
|
} else {
|
212
167
|
keyNewColumns.push(keyNewColumns.shift());
|
213
168
|
}
|
214
|
-
|
215
169
|
notifyTableRender([].concat(_toConsumableArray(headLock), _toConsumableArray(keyNewColumns), _toConsumableArray(tailLock)));
|
216
|
-
};
|
217
|
-
|
218
|
-
|
170
|
+
};
|
171
|
+
// 向下
|
219
172
|
var moveDown = function moveDown(e, dataIndex) {
|
220
173
|
var _newColumns$filter3, _newColumns$filter4;
|
221
|
-
|
222
174
|
e.stopPropagation();
|
223
175
|
var keyNewColumns = (0, _utils2.cloneDeep)(newColumns).filter(function (_ref5) {
|
224
176
|
var lock = _ref5.lock;
|
@@ -236,50 +188,40 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
236
188
|
var index = _ref8.dataIndex;
|
237
189
|
return index === dataIndex;
|
238
190
|
});
|
239
|
-
|
240
191
|
if (index != keyNewColumns.length - 1) {
|
241
192
|
keyNewColumns[index] = keyNewColumns.splice(index + 1, 1, keyNewColumns[index])[0];
|
242
193
|
} else {
|
243
194
|
keyNewColumns.unshift(keyNewColumns.splice(index, 1)[0]);
|
244
195
|
}
|
245
|
-
|
246
196
|
notifyTableRender([].concat(_toConsumableArray(headLock), _toConsumableArray(keyNewColumns), _toConsumableArray(tailLock)));
|
247
|
-
};
|
248
|
-
|
249
|
-
|
197
|
+
};
|
198
|
+
// 通知表格渲染
|
250
199
|
var notifyTableRender = function notifyTableRender(columns) {
|
251
200
|
var _actionRef$current, _actionRef$current$se;
|
252
|
-
|
253
201
|
calculateSelectAllState(columns);
|
254
202
|
setNewColumns(columns);
|
255
203
|
(_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setColumn) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, columns, false);
|
256
|
-
};
|
257
|
-
|
258
|
-
|
204
|
+
};
|
205
|
+
// 计算全选状态
|
259
206
|
var calculateSelectAllState = function calculateSelectAllState(columns) {
|
260
207
|
var flag = columns.reduce(function (acc, cur) {
|
261
208
|
if (cur.columnFilters === true) {
|
262
209
|
acc++;
|
263
210
|
}
|
264
|
-
|
265
211
|
return acc;
|
266
212
|
}, 0);
|
267
|
-
|
268
213
|
if (flag === columns.length) {
|
269
214
|
setAllVisible(true);
|
270
215
|
setIndeterminate(false);
|
271
216
|
return;
|
272
217
|
}
|
273
|
-
|
274
218
|
if (flag === 0) {
|
275
219
|
setAllVisible(false);
|
276
220
|
setIndeterminate(false);
|
277
221
|
return;
|
278
222
|
}
|
279
|
-
|
280
223
|
setIndeterminate(true);
|
281
224
|
};
|
282
|
-
|
283
225
|
var renderDropdown = function renderDropdown() {
|
284
226
|
return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_components.Dropdown, {
|
285
227
|
trigger: /*#__PURE__*/_react.default.createElement(_components.Button, {
|
@@ -320,11 +262,10 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
320
262
|
className: cls('checkbox-group')
|
321
263
|
}, newColumns.map(function (_ref9, index) {
|
322
264
|
var _newColumns$find;
|
323
|
-
|
324
265
|
var dataIndex = _ref9.dataIndex,
|
325
|
-
|
326
|
-
|
327
|
-
|
266
|
+
title = _ref9.title,
|
267
|
+
columnFiltersDisabled = _ref9.columnFiltersDisabled,
|
268
|
+
lock = _ref9.lock;
|
328
269
|
return /*#__PURE__*/_react.default.createElement(CheckboxItem, {
|
329
270
|
key: index,
|
330
271
|
checked: (_newColumns$find = newColumns.find(function (_ref10) {
|
@@ -335,7 +276,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
335
276
|
return onChangeColumns(check, dataIndex);
|
336
277
|
},
|
337
278
|
disabled: columnFiltersDisabled
|
338
|
-
}, title, !lock && !columnFiltersDisabled && /*#__PURE__*/_react.default.createElement("div", {
|
279
|
+
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title, !lock && !columnFiltersDisabled && /*#__PURE__*/_react.default.createElement("div", {
|
339
280
|
className: cls({
|
340
281
|
sort: true
|
341
282
|
})
|
@@ -351,16 +292,14 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
351
292
|
onClick: function onClick(e) {
|
352
293
|
return moveUp(e, dataIndex);
|
353
294
|
}
|
354
|
-
})));
|
295
|
+
}))));
|
355
296
|
})))));
|
356
297
|
};
|
357
|
-
|
358
298
|
var renderDialog = function renderDialog() {
|
359
299
|
// 对话框关闭
|
360
300
|
var dialogOnClose = function dialogOnClose() {
|
361
301
|
setDropdownVisible(false);
|
362
302
|
};
|
363
|
-
|
364
303
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Button, {
|
365
304
|
iconSize: "small",
|
366
305
|
className: "teamix-pro-table-toolbar-icon",
|
@@ -384,10 +323,9 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
384
323
|
className: cls('row')
|
385
324
|
}, newColumns.map(function (item, index) {
|
386
325
|
var _newColumns$find2;
|
387
|
-
|
388
326
|
var dataIndex = item.dataIndex,
|
389
|
-
|
390
|
-
|
327
|
+
title = item.title,
|
328
|
+
columnFiltersDisabled = item.columnFiltersDisabled;
|
391
329
|
return /*#__PURE__*/_react.default.createElement(Col, {
|
392
330
|
span: 8,
|
393
331
|
key: index,
|
@@ -402,7 +340,6 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
402
340
|
if (item.dataIndex === dataIndex) {
|
403
341
|
item.columnFilters = check;
|
404
342
|
}
|
405
|
-
|
406
343
|
return item;
|
407
344
|
});
|
408
345
|
setNewColumns(columnsList);
|
@@ -413,21 +350,16 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
413
350
|
}, title)));
|
414
351
|
}))));
|
415
352
|
};
|
416
|
-
|
417
353
|
if (filterColumnType === 'dialog') {
|
418
354
|
return renderDialog();
|
419
355
|
}
|
420
|
-
|
421
356
|
if (filterColumnType === 'dropdown') {
|
422
357
|
return renderDropdown();
|
423
358
|
}
|
424
|
-
|
425
359
|
if (newColumns.length >= 20) {
|
426
360
|
return renderDialog();
|
427
361
|
}
|
428
|
-
|
429
362
|
return renderDropdown();
|
430
363
|
};
|
431
|
-
|
432
364
|
var _default = FilterColumnIcon;
|
433
365
|
exports.default = _default;
|
@@ -4,36 +4,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _components = require("@alicloudfe/components");
|
9
|
-
|
10
8
|
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
11
|
-
|
12
9
|
var _utils = require("@teamix/utils");
|
13
|
-
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
15
|
-
|
16
11
|
require("./index.scss");
|
17
|
-
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19
|
-
|
20
13
|
/**
|
21
14
|
* 全屏展示 Icon
|
22
15
|
*/
|
23
|
-
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-icon');
|
24
16
|
|
17
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-icon');
|
25
18
|
var FullScreenIcon = function FullScreenIcon(props) {
|
26
19
|
var actionRef = props.actionRef,
|
27
|
-
|
28
|
-
|
20
|
+
fullScreenState = props.fullScreenState;
|
21
|
+
// 点击全屏
|
29
22
|
var allScreenHandle = function allScreenHandle() {
|
30
23
|
setTimeout(function () {
|
31
24
|
var _actionRef$current, _actionRef$current$fu;
|
32
|
-
|
33
25
|
(_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$fu = _actionRef$current.fullScreen) === null || _actionRef$current$fu === void 0 ? void 0 : _actionRef$current$fu.call(_actionRef$current);
|
34
26
|
}, 0);
|
35
27
|
};
|
36
|
-
|
37
28
|
return /*#__PURE__*/_react.default.createElement(_components.Button, {
|
38
29
|
iconSize: "small",
|
39
30
|
className: cls(),
|
@@ -43,6 +34,5 @@ var FullScreenIcon = function FullScreenIcon(props) {
|
|
43
34
|
type: fullScreenState ? 'close-line' : 'full-screen-line'
|
44
35
|
}));
|
45
36
|
};
|
46
|
-
|
47
37
|
var _default = FullScreenIcon;
|
48
38
|
exports.default = _default;
|
@@ -1,96 +1,76 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports.default = void 0;
|
9
|
-
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
11
|
-
|
12
9
|
var _components = require("@alicloudfe/components");
|
13
|
-
|
14
10
|
require("./index.scss");
|
15
|
-
|
16
11
|
var _utils = require("@teamix/utils");
|
17
|
-
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
19
|
-
|
20
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
21
|
-
|
22
14
|
var FullScreen = function FullScreen(props) {
|
23
15
|
var children = props.children,
|
24
|
-
|
25
|
-
|
16
|
+
visible = props.visible,
|
17
|
+
actionRef = props.actionRef;
|
26
18
|
var _actionRef$current = actionRef.current,
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
19
|
+
normalDataFilterForm = _actionRef$current.normalDataFilterForm,
|
20
|
+
fullscreenDataFilterForm = _actionRef$current.fullscreenDataFilterForm,
|
21
|
+
filterEnableRef = _actionRef$current.filterEnableRef;
|
31
22
|
var closeByESC = function closeByESC(e) {
|
32
23
|
if (visible && e.code === 'Escape') {
|
33
24
|
var _actionRef$current2, _actionRef$current2$f;
|
34
|
-
|
35
25
|
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$f = _actionRef$current2.fullScreen) === null || _actionRef$current2$f === void 0 ? void 0 : _actionRef$current2$f.call(_actionRef$current2);
|
36
26
|
}
|
37
|
-
};
|
38
|
-
|
39
|
-
|
27
|
+
};
|
28
|
+
// 监听esc按钮
|
40
29
|
(0, _react.useEffect)(function () {
|
41
30
|
window.addEventListener('keydown', closeByESC);
|
42
31
|
return function () {
|
43
32
|
window.removeEventListener('keydown', closeByESC);
|
44
33
|
};
|
45
34
|
}, [visible, actionRef]);
|
46
|
-
|
47
35
|
var afterClose = function afterClose() {
|
48
36
|
var _document;
|
49
|
-
|
50
37
|
// 判断全屏前后筛选表单值是否有改变
|
51
38
|
var n = JSON.stringify((0, _utils.getValidValues)(normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.values));
|
52
39
|
var f = JSON.stringify((0, _utils.getValidValues)(fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.values));
|
53
|
-
|
54
40
|
if (n === f) {
|
55
41
|
// 关闭全屏后,表单值未变化,开启普通表单onFilter
|
56
42
|
filterEnableRef.current.normal = true;
|
57
43
|
} else {
|
58
44
|
// 关闭全屏后,表单值有变化,修改表单值
|
59
45
|
normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.setValues(fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.values);
|
60
|
-
}
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
46
|
+
}
|
47
|
+
// 关闭全屏后,关闭全屏表单onFilter
|
48
|
+
filterEnableRef.current.fullscreen = false;
|
49
|
+
// 移除类名
|
65
50
|
if (document && ((_document = document) === null || _document === void 0 ? void 0 : _document.body)) {
|
66
51
|
document.body.classList.remove('teamix-pro-table-fullscreen');
|
67
52
|
}
|
68
|
-
};
|
69
|
-
|
70
|
-
|
53
|
+
};
|
54
|
+
// 全屏开启之后
|
71
55
|
var afterOpen = function afterOpen() {
|
72
56
|
var _document2;
|
73
|
-
|
74
57
|
// 判断全屏前后筛选表单值是否有改变
|
75
58
|
var n = JSON.stringify((0, _utils.getValidValues)(normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.values));
|
76
59
|
var f = JSON.stringify((0, _utils.getValidValues)(fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.values));
|
77
|
-
|
78
60
|
if (n === f) {
|
79
61
|
// 全屏后,表单值未变化,开启全屏表单onFilter
|
80
62
|
filterEnableRef.current.fullscreen = true;
|
81
63
|
} else {
|
82
64
|
// 全屏后,表单值变化,修改表单值
|
83
65
|
fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.setValues(normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.values);
|
84
|
-
}
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
66
|
+
}
|
67
|
+
// 全屏后,关闭普通表单onFilter
|
68
|
+
filterEnableRef.current.normal = false;
|
69
|
+
// 为 body 添加类名,用于判断是否全屏
|
89
70
|
if (document && ((_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.body)) {
|
90
71
|
document.body.classList.add('teamix-pro-table-fullscreen');
|
91
|
-
}
|
92
|
-
|
93
|
-
|
72
|
+
}
|
73
|
+
// 消息提示
|
94
74
|
_components.Message.show({
|
95
75
|
type: 'notice',
|
96
76
|
content: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.getMessage)('press')), /*#__PURE__*/_react.default.createElement("span", {
|
@@ -101,7 +81,6 @@ var FullScreen = function FullScreen(props) {
|
|
101
81
|
className: 'teamix-pro-table-full-screen-message'
|
102
82
|
});
|
103
83
|
};
|
104
|
-
|
105
84
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children(false), /*#__PURE__*/_react.default.createElement(_components.Overlay, {
|
106
85
|
canCloseByOutSideClick: false,
|
107
86
|
align: "cc cc",
|
@@ -121,13 +100,11 @@ var FullScreen = function FullScreen(props) {
|
|
121
100
|
},
|
122
101
|
onRequestClose: function onRequestClose() {
|
123
102
|
var _actionRef$current3, _actionRef$current3$f;
|
124
|
-
|
125
103
|
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$f = _actionRef$current3.fullScreen) === null || _actionRef$current3$f === void 0 ? void 0 : _actionRef$current3$f.call(_actionRef$current3);
|
126
104
|
}
|
127
105
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
128
106
|
className: "teamix-pro-table-full-screen"
|
129
107
|
}, children(true))));
|
130
108
|
};
|
131
|
-
|
132
109
|
var _default = FullScreen;
|
133
110
|
exports.default = _default;
|
@@ -4,26 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
8
7
|
var _components = require("@alicloudfe/components");
|
9
|
-
|
10
8
|
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
11
|
-
|
12
9
|
var _utils = require("@teamix/utils");
|
13
|
-
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
15
|
-
|
16
11
|
require("./index.scss");
|
17
|
-
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19
|
-
|
20
13
|
/**
|
21
14
|
* 刷新
|
22
15
|
*/
|
23
|
-
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-icon');
|
24
16
|
|
17
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-icon');
|
25
18
|
var LayoutIcon = function LayoutIcon(props) {
|
26
|
-
var actionRef = props.actionRef;
|
19
|
+
var actionRef = props.actionRef;
|
20
|
+
// const [fullscreen, setFullscreen] = useState<boolean>(false);
|
27
21
|
// // 销毁监听函数
|
28
22
|
// useEffect(() => {
|
29
23
|
// return () => {
|
@@ -38,14 +32,12 @@ var LayoutIcon = function LayoutIcon(props) {
|
|
38
32
|
// 'fullScreenState',
|
39
33
|
// 'refreshIcon',
|
40
34
|
// );
|
41
|
-
|
42
35
|
return /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
|
43
36
|
trigger: /*#__PURE__*/_react.default.createElement(_components.Button, {
|
44
37
|
iconSize: "small",
|
45
38
|
className: cls(),
|
46
39
|
onClick: function onClick() {
|
47
40
|
var _actionRef$current, _actionRef$current$re;
|
48
|
-
|
49
41
|
return (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$re = _actionRef$current.refresh) === null || _actionRef$current$re === void 0 ? void 0 : _actionRef$current$re.call(_actionRef$current);
|
50
42
|
}
|
51
43
|
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
@@ -55,6 +47,5 @@ var LayoutIcon = function LayoutIcon(props) {
|
|
55
47
|
align: "t"
|
56
48
|
}, (0, _utils.getMessage)('refresh'));
|
57
49
|
};
|
58
|
-
|
59
50
|
var _default = LayoutIcon;
|
60
51
|
exports.default = _default;
|