@teamix/pro 1.5.16 → 1.5.18-beta
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/fonts/txddinmedium.woff +0 -0
- package/dist/pro.all.min.css +1 -0
- package/dist/pro.css +1 -0
- package/dist/pro.js +114772 -0
- package/dist/pro.min.css +1 -0
- package/dist/pro.min.js +2 -0
- package/dist/pro.min.js.LICENSE.txt +47 -0
- package/dist/pro.xconsole.min.css +1 -0
- package/es/actions/dialog-component.js +1 -4
- package/es/actions/dialog-form.js +4 -3
- package/es/actions/dialog.js +2 -1
- package/es/actions/index.js +35 -22
- package/es/actions/quick.js +1 -4
- package/es/card/card-container.js +12 -5
- package/es/card/divider.js +2 -4
- package/es/card/index.js +18 -7
- package/es/card/selectable.js +2 -4
- package/es/card/tab.js +2 -4
- package/es/form/Components/Editable/index.js +1 -1
- package/es/form/Components/FormGroup/index.js +4 -3
- package/es/form/Components/LightFilter/index.js +11 -2
- package/es/form/Components/ProField/index.js +2 -4
- package/es/form/Components/Text/index.js +2 -4
- package/es/form/Filter/AdvancedFilter.js +16 -14
- package/es/form/Filter/LightFilter.js +13 -9
- package/es/form/Filter/SimpleFilter.js +8 -5
- package/es/form/Filter/index.js +24 -7
- package/es/form/Filter/index.scss +1 -0
- package/es/form/Filter/index2.js +22 -17
- package/es/form/Filter/index2.scss +1 -0
- package/es/form/Filter/useBindUrl.js +3 -0
- package/es/form/Filter/useSpecialProps.js +1 -0
- package/es/form/ProForm/index.js +5 -2
- package/es/form/ProForm/useAutoLayout.js +4 -0
- package/es/form/ProForm/useFormDisplayValues.js +1 -0
- package/es/form/SchemaForm/adapterComponent.js +1 -0
- package/es/form/SchemaForm/adapterDecorator.js +1 -0
- package/es/form/SchemaForm/adapterType.js +1 -0
- package/es/form/SchemaForm/index.js +13 -0
- package/es/form/SchemaForm/initializeFormButton.js +2 -0
- package/es/form/SchemaForm/initializeReactions.js +1 -0
- package/es/form/SchemaForm/initializeSelectTable.js +1 -0
- package/es/form/SchemaForm/reactions.js +5 -0
- package/es/form/index.js +4 -0
- package/es/form/utils.js +12 -0
- package/es/form/warning.js +2 -0
- package/es/index.js +3 -1
- package/es/info/components/InfoGroup/index.js +2 -4
- package/es/info/components/InfoValueItem/index.js +32 -20
- package/es/info/components/ProInfoItem/index.js +1 -0
- package/es/info/components/baseInfo/index.js +3 -0
- package/es/info/components/tableInfo/index.js +6 -4
- package/es/info/index.js +11 -5
- package/es/info/utils/index.js +3 -0
- package/es/layout/index.js +2 -0
- package/es/nocode/index.js +2 -0
- package/es/nocode/pages/index.js +3 -0
- package/es/nocode/pages/playground.js +3 -5
- package/es/nocode/pages/renderer.js +4 -6
- package/es/nocode/playground.js +2 -4
- package/es/page-header/index.js +12 -7
- package/es/sidebar/components/sidebar-container/index.js +10 -7
- package/es/sidebar/components/tree/index.js +22 -4
- package/es/sidebar/components/tree-node/components/HoverTooltip/index.js +3 -4
- package/es/sidebar/components/tree-node/components/IconAction/index.js +4 -2
- package/es/sidebar/components/tree-node/components/IconSwitch/index.js +1 -0
- package/es/sidebar/components/tree-node/index.js +29 -16
- package/es/sidebar/index.js +15 -4
- package/es/sidebar/utils/index.js +19 -11
- package/es/table/components/CardView/index.js +29 -13
- package/es/table/components/Filter/index.js +11 -0
- package/es/table/components/Layout/index.js +13 -8
- package/es/table/components/LoadMore/index.js +3 -0
- package/es/table/components/Pagination/index.js +12 -10
- package/es/table/components/QuickAction/index.js +3 -2
- package/es/table/components/ToolBar/CardSwitch.js +2 -0
- package/es/table/components/ToolBar/DensityIcon.js +7 -2
- package/es/table/components/ToolBar/FilterColumnIcon.js +9 -0
- package/es/table/components/ToolBar/FullScreenIcon.js +1 -0
- package/es/table/components/ToolBar/Fullscreen.js +3 -0
- package/es/table/components/ToolBar/RefreshIcon.js +11 -0
- package/es/table/components/ToolBar/index.js +13 -10
- package/es/table/index.js +138 -51
- package/es/table/index.scss +26 -0
- package/es/table/utils/columnRender.js +78 -27
- package/es/table/utils/genAutoWidthColumns.js +340 -0
- package/es/table/utils/index.js +6 -0
- package/es/table/utils/pureColumnRender.js +9 -1
- package/es/templates/List/index.js +4 -6
- package/es/templates/index.js +2 -1
- package/es/timeline/ProTimeLineItem/index.js +8 -4
- package/es/timeline/index.js +5 -5
- package/es/utils/message.js +3 -5
- package/es/xconsole.scss +23 -0
- package/lib/form/Filter/index.scss +1 -0
- package/lib/form/Filter/index2.scss +1 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/table/components/CardView/index.js +5 -10
- package/lib/table/components/ToolBar/index.js +10 -7
- package/lib/table/index.js +72 -25
- package/lib/table/index.scss +26 -0
- package/lib/table/typing.d.ts +11 -1
- package/lib/table/utils/columnRender.d.ts +1 -0
- package/lib/table/utils/columnRender.js +51 -4
- package/lib/table/utils/genAutoWidthColumns.d.ts +35 -0
- package/lib/table/utils/genAutoWidthColumns.js +345 -0
- package/lib/xconsole.scss +23 -0
- package/package.json +1 -1
- package/es/actions/base.d.ts +0 -24
- package/es/actions/confirm.d.ts +0 -7
- package/es/actions/danger-confirm.d.ts +0 -7
- package/es/actions/danger-pop-confirm.d.ts +0 -5
- package/es/actions/dialog-component.d.ts +0 -10
- package/es/actions/dialog-form.d.ts +0 -29
- package/es/actions/dialog-info.d.ts +0 -9
- package/es/actions/dialog-table.d.ts +0 -9
- package/es/actions/dialog.d.ts +0 -40
- package/es/actions/drawer-form.d.ts +0 -6
- package/es/actions/drawer-info.d.ts +0 -6
- package/es/actions/drawer-table.d.ts +0 -6
- package/es/actions/drawer.d.ts +0 -6
- package/es/actions/error.d.ts +0 -7
- package/es/actions/index.d.ts +0 -114
- package/es/actions/link.d.ts +0 -8
- package/es/actions/notice.d.ts +0 -7
- package/es/actions/pop-confirm.d.ts +0 -9
- package/es/actions/quick.d.ts +0 -2
- package/es/actions/request.d.ts +0 -9
- package/es/actions/utils.d.ts +0 -1
- package/es/card/card-container.d.ts +0 -18
- package/es/card/divider.d.ts +0 -6
- package/es/card/index.d.ts +0 -109
- package/es/card/selectable.d.ts +0 -13
- package/es/card/tab.d.ts +0 -6
- package/es/card/utils.d.ts +0 -9
- package/es/field/index.d.ts +0 -3
- package/es/form/Components/Editable/index.d.ts +0 -20
- package/es/form/Components/FormGroup/index.d.ts +0 -14
- package/es/form/Components/LightFilter/componentMap.d.ts +0 -3
- package/es/form/Components/LightFilter/index.d.ts +0 -17
- package/es/form/Components/ProField/index.d.ts +0 -2
- package/es/form/Components/ProField/mapDateFormat.d.ts +0 -3
- package/es/form/Components/Text/index.d.ts +0 -8
- package/es/form/Filter/AdvancedFilter.d.ts +0 -7
- package/es/form/Filter/Layout.d.ts +0 -5
- package/es/form/Filter/LightFilter.d.ts +0 -7
- package/es/form/Filter/SimpleFilter.d.ts +0 -7
- package/es/form/Filter/index.d.ts +0 -9
- package/es/form/Filter/index2.d.ts +0 -13
- package/es/form/Filter/useBindUrl.d.ts +0 -2
- package/es/form/Filter/useSpecialProps.d.ts +0 -6
- package/es/form/ProForm/addCascadeEffect.d.ts +0 -2
- package/es/form/ProForm/customComponent.d.ts +0 -3
- package/es/form/ProForm/index.d.ts +0 -5
- package/es/form/ProForm/useAutoLayout.d.ts +0 -9
- package/es/form/ProForm/useAutoSubmit.d.ts +0 -6
- package/es/form/ProForm/useFieldRequest.d.ts +0 -5
- package/es/form/ProForm/useFormDisplayValues.d.ts +0 -4
- package/es/form/ProForm/useInitialRequest.d.ts +0 -6
- package/es/form/SchemaForm/adapterComponent.d.ts +0 -5
- package/es/form/SchemaForm/adapterDecorator.d.ts +0 -6
- package/es/form/SchemaForm/adapterType.d.ts +0 -5
- package/es/form/SchemaForm/index.d.ts +0 -4
- package/es/form/SchemaForm/initializeArrayCards.d.ts +0 -3
- package/es/form/SchemaForm/initializeArrayCollapse.d.ts +0 -3
- package/es/form/SchemaForm/initializeArrayItems.d.ts +0 -3
- package/es/form/SchemaForm/initializeArrayTable.d.ts +0 -3
- package/es/form/SchemaForm/initializeDataSource.d.ts +0 -15
- package/es/form/SchemaForm/initializeFormButton.d.ts +0 -3
- package/es/form/SchemaForm/initializeFormCollapse.d.ts +0 -3
- package/es/form/SchemaForm/initializeFormGroup.d.ts +0 -3
- package/es/form/SchemaForm/initializeFormStep.d.ts +0 -5
- package/es/form/SchemaForm/initializeFormTab.d.ts +0 -3
- package/es/form/SchemaForm/initializeReactions.d.ts +0 -2
- package/es/form/SchemaForm/initializeRequest.d.ts +0 -11
- package/es/form/SchemaForm/initializeRules.d.ts +0 -11
- package/es/form/SchemaForm/initializeSelectTable.d.ts +0 -3
- package/es/form/SchemaForm/reactions.d.ts +0 -6
- package/es/form/docs/ActionResponse.d.ts +0 -8
- package/es/form/fieldTypeMap.d.ts +0 -7
- package/es/form/index.d.ts +0 -125
- package/es/form/locales/validate.d.ts +0 -159
- package/es/form/schemaNameMap.d.ts +0 -5
- package/es/form/typing.d.ts +0 -194
- package/es/form/utils.d.ts +0 -55
- package/es/form/warning.d.ts +0 -3
- package/es/hooks/index.d.ts +0 -2
- package/es/index-without-icon.d.ts +0 -32
- package/es/index.d.ts +0 -32
- package/es/info/components/InfoGroup/index.d.ts +0 -5
- package/es/info/components/InfoValueItem/index.d.ts +0 -5
- package/es/info/components/ProInfoItem/index.d.ts +0 -5
- package/es/info/components/baseInfo/index.d.ts +0 -8
- package/es/info/components/headerInfo/index.d.ts +0 -8
- package/es/info/components/tableInfo/index.d.ts +0 -7
- package/es/info/index.d.ts +0 -10
- package/es/info/typing.d.ts +0 -220
- package/es/info/utils/index.d.ts +0 -20
- package/es/info/utils/layout.d.ts +0 -2
- package/es/info/utils/utils.d.ts +0 -1
- package/es/layout/index.d.ts +0 -2
- package/es/nocode/configurators/Card.d.ts +0 -3
- package/es/nocode/configurators/PageHeader.d.ts +0 -3
- package/es/nocode/configurators/ProTable.d.ts +0 -3
- package/es/nocode/configurators/common.d.ts +0 -280
- package/es/nocode/configurators/index.d.ts +0 -15
- package/es/nocode/configurators/map.d.ts +0 -2
- package/es/nocode/index.d.ts +0 -8
- package/es/nocode/pages/editor.d.ts +0 -12
- package/es/nocode/pages/index.d.ts +0 -14
- package/es/nocode/pages/playground.d.ts +0 -11
- package/es/nocode/pages/renderer.d.ts +0 -10
- package/es/nocode/playground.d.ts +0 -14
- package/es/page-container/index.d.ts +0 -3
- package/es/page-header/index.d.ts +0 -74
- package/es/sidebar/components/sidebar-container/index.d.ts +0 -5
- package/es/sidebar/components/tree/index.d.ts +0 -6
- package/es/sidebar/components/tree-node/components/HoverTooltip/index.d.ts +0 -15
- package/es/sidebar/components/tree-node/components/IconAction/index.d.ts +0 -12
- package/es/sidebar/components/tree-node/components/IconSwitch/index.d.ts +0 -23
- package/es/sidebar/components/tree-node/index.d.ts +0 -7
- package/es/sidebar/index.d.ts +0 -9
- package/es/sidebar/typing.d.ts +0 -141
- package/es/sidebar/utils/action-ref.d.ts +0 -3
- package/es/sidebar/utils/index.d.ts +0 -364
- package/es/skeleton/index.d.ts +0 -3
- package/es/table/components/CardView/index.d.ts +0 -5
- package/es/table/components/EmptyContent/index.d.ts +0 -2
- package/es/table/components/Filter/index.d.ts +0 -12
- package/es/table/components/Layout/index.d.ts +0 -5
- package/es/table/components/LoadMore/index.d.ts +0 -20
- package/es/table/components/Pagination/index.d.ts +0 -7
- package/es/table/components/QuickAction/index.d.ts +0 -11
- package/es/table/components/ToolBar/CardSwitch.d.ts +0 -8
- package/es/table/components/ToolBar/DensityIcon.d.ts +0 -4
- package/es/table/components/ToolBar/FilterColumnIcon.d.ts +0 -4
- package/es/table/components/ToolBar/FullScreenIcon.d.ts +0 -4
- package/es/table/components/ToolBar/Fullscreen.d.ts +0 -10
- package/es/table/components/ToolBar/RefreshIcon.d.ts +0 -4
- package/es/table/components/ToolBar/index.d.ts +0 -5
- package/es/table/index.d.ts +0 -5
- package/es/table/typing.d.ts +0 -418
- package/es/table/utils/columnRender.d.ts +0 -13
- package/es/table/utils/genProColumnToColumn.d.ts +0 -13
- package/es/table/utils/getTableProps.d.ts +0 -2
- package/es/table/utils/getTableSortIcons.d.ts +0 -3
- package/es/table/utils/index.d.ts +0 -19
- package/es/table/utils/pureColumnRender.d.ts +0 -9
- package/es/table/utils/pureGenProColumnToColumn.d.ts +0 -7
- package/es/table/utils/useTableSelection.d.ts +0 -3
- package/es/table/utils/util.d.ts +0 -5
- package/es/templates/Detail/index.d.ts +0 -2
- package/es/templates/Form/index.d.ts +0 -2
- package/es/templates/List/index.d.ts +0 -9
- package/es/templates/index.d.ts +0 -3
- package/es/timeline/ProTimeLineItem/index.d.ts +0 -5
- package/es/timeline/index.d.ts +0 -10
- package/es/timeline/typing.d.ts +0 -107
- package/es/utils/index.d.ts +0 -3
- package/es/utils/message.d.ts +0 -3
@@ -33,6 +33,7 @@ export function loop(data, func, aliasMap) {
|
|
33
33
|
});
|
34
34
|
}
|
35
35
|
}
|
36
|
+
|
36
37
|
/**
|
37
38
|
* 深度遍历并查找节点(只保留二级路径)
|
38
39
|
* @param data 数据
|
@@ -53,17 +54,17 @@ export function findNodeWithoutPath(data, predicate, aliasMap) {
|
|
53
54
|
_step;
|
54
55
|
try {
|
55
56
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
56
|
-
var
|
57
|
-
if (predicate(
|
57
|
+
var _node = _step.value;
|
58
|
+
if (predicate(_node)) {
|
58
59
|
var _node$children;
|
59
60
|
// 如果节点符合条件,直接加入新的节点集
|
60
|
-
newChildren.push(
|
61
|
-
|
61
|
+
newChildren.push(_node);
|
62
|
+
_node.children = findNodeWithoutPath((_node$children = _node[children]) !== null && _node$children !== void 0 ? _node$children : [], predicate);
|
62
63
|
} else {
|
63
64
|
var _node$children2;
|
64
65
|
// 如果当前节点不符合条件,递归过滤子节点,
|
65
66
|
// 把符合条件的子节点提升上来,并入新节点集
|
66
|
-
newChildren.push.apply(newChildren, _toConsumableArray(findNodeWithoutPath((_node$children2 =
|
67
|
+
newChildren.push.apply(newChildren, _toConsumableArray(findNodeWithoutPath((_node$children2 = _node[children]) !== null && _node$children2 !== void 0 ? _node$children2 : [], predicate)));
|
67
68
|
}
|
68
69
|
}
|
69
70
|
} catch (err) {
|
@@ -73,6 +74,7 @@ export function findNodeWithoutPath(data, predicate, aliasMap) {
|
|
73
74
|
}
|
74
75
|
return newChildren;
|
75
76
|
}
|
77
|
+
|
76
78
|
/**
|
77
79
|
* 深度遍历并查找节点(保留全部路径)
|
78
80
|
* @param data 数据
|
@@ -101,6 +103,7 @@ export function findNodeWithPath(data, predicate, aliasMap) {
|
|
101
103
|
};
|
102
104
|
return data.reduce(getNodes, []);
|
103
105
|
}
|
106
|
+
|
104
107
|
/**
|
105
108
|
* 获取树所有节点 key
|
106
109
|
* @param data 数据
|
@@ -121,6 +124,7 @@ export function getAllNodeKey(data, aliasMap) {
|
|
121
124
|
});
|
122
125
|
return keyList;
|
123
126
|
}
|
127
|
+
|
124
128
|
/**
|
125
129
|
* 获取当前节点的层级
|
126
130
|
* @param data 数据
|
@@ -144,6 +148,7 @@ export function getTreeNodeLevel(data, value, aliasMap) {
|
|
144
148
|
});
|
145
149
|
return result;
|
146
150
|
}
|
151
|
+
|
147
152
|
/**
|
148
153
|
* 获取树的层级
|
149
154
|
* @param data 数据
|
@@ -164,6 +169,7 @@ export function getTreeLevel(data, aliasMap) {
|
|
164
169
|
});
|
165
170
|
return result + 1;
|
166
171
|
}
|
172
|
+
|
167
173
|
/**
|
168
174
|
* 获取树层级对应的所有 key
|
169
175
|
* @param data
|
@@ -188,6 +194,7 @@ export function getTreeLevelKey(data, level, aliasMap) {
|
|
188
194
|
});
|
189
195
|
return result;
|
190
196
|
}
|
197
|
+
|
191
198
|
/**
|
192
199
|
* 深度遍历并查找节点(展开查找到的字节点路径)
|
193
200
|
* @param nodes 数据
|
@@ -209,15 +216,15 @@ export function filterTreeData(nodes, predicate, aliasMap) {
|
|
209
216
|
_step2;
|
210
217
|
try {
|
211
218
|
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
212
|
-
var
|
213
|
-
var others = _extends({}, (_objectDestructuringEmpty(
|
214
|
-
if (predicate(
|
215
|
-
var
|
219
|
+
var _node2 = _step2.value;
|
220
|
+
var others = _extends({}, (_objectDestructuringEmpty(_node2), _node2));
|
221
|
+
if (predicate(_node2)) {
|
222
|
+
var _node2$children;
|
216
223
|
filterTreeValue.push(_objectSpread(_objectSpread({}, others), {}, {
|
217
|
-
children: filterTreeData((
|
224
|
+
children: filterTreeData((_node2$children = _node2[children]) !== null && _node2$children !== void 0 ? _node2$children : [], predicate, aliasMap).filterTreeValue
|
218
225
|
}));
|
219
226
|
} else {
|
220
|
-
var subs = filterTreeData(
|
227
|
+
var subs = filterTreeData(_node2[children], predicate, aliasMap);
|
221
228
|
if (subs && subs.filterTreeValue.length) {
|
222
229
|
filterTreeValue.push(_objectSpread(_objectSpread({}, others), {}, {
|
223
230
|
children: subs.filterTreeValue
|
@@ -234,6 +241,7 @@ export function filterTreeData(nodes, predicate, aliasMap) {
|
|
234
241
|
filterTreeValue: filterTreeValue
|
235
242
|
};
|
236
243
|
}
|
244
|
+
|
237
245
|
/**
|
238
246
|
* 获取TreeNodeProps
|
239
247
|
* @param item
|
@@ -1,3 +1,4 @@
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
1
2
|
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
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; }
|
3
4
|
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; }
|
@@ -10,13 +11,13 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
10
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
11
12
|
import React, { isValidElement, useEffect, useMemo, useState } from 'react';
|
12
13
|
import { Grid, Loading } from '@alicloudfe/components';
|
13
|
-
import { getDeepValue,
|
14
|
+
import { getDeepValue, ProCard, ProInfo } from '../../../';
|
14
15
|
import { ProSkeletonRaw } from '../../../skeleton';
|
15
16
|
import { usePrefixCls } from '@teamix/utils';
|
16
17
|
import './index.scss';
|
17
18
|
import { renderCell } from '../../utils/columnRender';
|
18
19
|
import LoadMore from '../LoadMore';
|
19
|
-
import
|
20
|
+
import { EmptyContent } from '@teamix/pro-field';
|
20
21
|
var Row = Grid.Row,
|
21
22
|
Col = Grid.Col;
|
22
23
|
var cls = usePrefixCls('teamix-pro-table-card-view');
|
@@ -35,17 +36,22 @@ var CardView = function CardView(props) {
|
|
35
36
|
context = props.context,
|
36
37
|
scrollHeight = props.scrollHeight,
|
37
38
|
_props$showSkeleton = props.showSkeleton,
|
38
|
-
showSkeleton = _props$showSkeleton === void 0 ? false : _props$showSkeleton
|
39
|
+
showSkeleton = _props$showSkeleton === void 0 ? false : _props$showSkeleton,
|
40
|
+
emptyProps = props.emptyProps,
|
41
|
+
emptyContent = props.emptyContent;
|
42
|
+
|
39
43
|
// 加载状态
|
40
44
|
var _useState = useState('none'),
|
41
45
|
_useState2 = _slicedToArray(_useState, 2),
|
42
46
|
loadState = _useState2[0],
|
43
47
|
setLoadState = _useState2[1];
|
48
|
+
|
44
49
|
// 骨架屏状态
|
45
50
|
var _useState3 = useState(true),
|
46
51
|
_useState4 = _slicedToArray(_useState3, 2),
|
47
52
|
skeletonVisible = _useState4[0],
|
48
53
|
setSkeletonVisible = _useState4[1];
|
54
|
+
|
49
55
|
// 加载状态变化回调
|
50
56
|
useEffect(function () {
|
51
57
|
setLoadState(loading ? 'loading' : 'loadMore');
|
@@ -61,6 +67,7 @@ var CardView = function CardView(props) {
|
|
61
67
|
setLoadState('none');
|
62
68
|
}
|
63
69
|
}, [loading, skeletonVisible, showSkeleton, cardViewProps.showSkeleton, dataSource]);
|
70
|
+
|
64
71
|
// 数据源变化毁掉
|
65
72
|
useEffect(function () {
|
66
73
|
if (dataSource.length === 0) {
|
@@ -75,6 +82,7 @@ var CardView = function CardView(props) {
|
|
75
82
|
}
|
76
83
|
return getDeepValue(dataIndex !== null && dataIndex !== void 0 ? dataIndex : '', dataSource);
|
77
84
|
};
|
85
|
+
|
78
86
|
// 获取卡片 columns
|
79
87
|
var cardColumns = useMemo(function () {
|
80
88
|
return columns.map(function (column) {
|
@@ -110,6 +118,7 @@ var CardView = function CardView(props) {
|
|
110
118
|
return !(item === null || item === void 0 ? void 0 : item.actionSchema);
|
111
119
|
});
|
112
120
|
}, [columns, originColumns]);
|
121
|
+
|
113
122
|
// 获取单个渲染数据
|
114
123
|
var renderCardInfoItem = function renderCardInfoItem(itemProps, record, index) {
|
115
124
|
if (itemProps) {
|
@@ -123,6 +132,7 @@ var CardView = function CardView(props) {
|
|
123
132
|
return renderCell(getDataIndexValue(itemProps.dataIndex, record), itemProps, index, record, actionRef, context);
|
124
133
|
}
|
125
134
|
};
|
135
|
+
|
126
136
|
// 渲染卡片title
|
127
137
|
var renderCardTitle = function renderCardTitle(record, index) {
|
128
138
|
var _cardColumns$, _cardColumns$$render, _cardColumns$2, _cardColumns$2$cell, _cardColumns$3;
|
@@ -134,6 +144,7 @@ var CardView = function CardView(props) {
|
|
134
144
|
if (titleProp) {
|
135
145
|
return renderCardInfoItem(title, record, index);
|
136
146
|
}
|
147
|
+
|
137
148
|
// 【默认情况】看看第一列有没有 description,有的话,只取 title
|
138
149
|
if (cardColumns === null || cardColumns === void 0 ? void 0 : (_cardColumns$ = cardColumns[0]) === null || _cardColumns$ === void 0 ? void 0 : (_cardColumns$$render = _cardColumns$.render) === null || _cardColumns$$render === void 0 ? void 0 : _cardColumns$$render.description) {
|
139
150
|
var _originColumn$render;
|
@@ -149,9 +160,11 @@ var CardView = function CardView(props) {
|
|
149
160
|
});
|
150
161
|
return renderCell(getDataIndexValue(column === null || column === void 0 ? void 0 : column.dataIndex, record), _columns, index, record, actionRef, context);
|
151
162
|
}
|
163
|
+
|
152
164
|
// 【默认情况】直接拿第一列的 cell
|
153
165
|
return cardColumns === null || cardColumns === void 0 ? void 0 : (_cardColumns$2 = cardColumns[0]) === null || _cardColumns$2 === void 0 ? void 0 : (_cardColumns$2$cell = _cardColumns$2.cell) === null || _cardColumns$2$cell === void 0 ? void 0 : _cardColumns$2$cell.call(_cardColumns$2, getDataIndexValue(cardColumns === null || cardColumns === void 0 ? void 0 : (_cardColumns$3 = cardColumns[0]) === null || _cardColumns$3 === void 0 ? void 0 : _cardColumns$3.dataIndex, record), index, record);
|
154
166
|
};
|
167
|
+
|
155
168
|
// 渲染卡片subTitle
|
156
169
|
var renderCardSubTitle = function renderCardSubTitle(record, index) {
|
157
170
|
var _cardColumns$4, _cardColumns$4$render;
|
@@ -163,6 +176,7 @@ var CardView = function CardView(props) {
|
|
163
176
|
if (subTitle) {
|
164
177
|
return renderCardInfoItem(subTitle, record, index);
|
165
178
|
}
|
179
|
+
|
166
180
|
// 【默认情况】看看第一列有没有 description,有的话,只取 title
|
167
181
|
if (cardColumns === null || cardColumns === void 0 ? void 0 : (_cardColumns$4 = cardColumns[0]) === null || _cardColumns$4 === void 0 ? void 0 : (_cardColumns$4$render = _cardColumns$4.render) === null || _cardColumns$4$render === void 0 ? void 0 : _cardColumns$4$render.description) {
|
168
182
|
var _originColumn$render2, _column$render3;
|
@@ -179,6 +193,7 @@ var CardView = function CardView(props) {
|
|
179
193
|
return renderCell(getDataIndexValue(column === null || column === void 0 ? void 0 : (_column$render3 = column.render) === null || _column$render3 === void 0 ? void 0 : _column$render3.value, record), _columns2, index, record, actionRef, context);
|
180
194
|
}
|
181
195
|
};
|
196
|
+
|
182
197
|
// 获取ProInfoColumns
|
183
198
|
var getPropInfoColumns = function getPropInfoColumns(record, index) {
|
184
199
|
var contentProp = cardViewProps.content;
|
@@ -201,6 +216,7 @@ var CardView = function CardView(props) {
|
|
201
216
|
return index > 0 && index < 5;
|
202
217
|
});
|
203
218
|
};
|
219
|
+
|
204
220
|
// 从表格columns获取Action配置
|
205
221
|
var getActionGroupFromColumn = function getActionGroupFromColumn(dataIndex, record, index) {
|
206
222
|
var actionColumn;
|
@@ -225,6 +241,7 @@ var CardView = function CardView(props) {
|
|
225
241
|
}
|
226
242
|
return /*#__PURE__*/React.createElement(React.Fragment, null);
|
227
243
|
};
|
244
|
+
|
228
245
|
// 获取Card操作列配置
|
229
246
|
var getProCardExtra = function getProCardExtra(record, index) {
|
230
247
|
var extraProp = cardViewProps.extra;
|
@@ -253,6 +270,7 @@ var CardView = function CardView(props) {
|
|
253
270
|
}
|
254
271
|
return getActionGroupFromColumn(undefined, record, index);
|
255
272
|
};
|
273
|
+
|
256
274
|
// 渲染Tag
|
257
275
|
var getTags = function getTags(record, index) {
|
258
276
|
var tagProp = cardViewProps.tags;
|
@@ -294,11 +312,13 @@ var CardView = function CardView(props) {
|
|
294
312
|
}
|
295
313
|
});
|
296
314
|
};
|
315
|
+
|
297
316
|
// 加载下一页回调
|
298
317
|
var onLoadMore = function onLoadMore() {
|
299
318
|
var _actionRef$current, _actionRef$current$ne;
|
300
319
|
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$ne = _actionRef$current.nextPage) === null || _actionRef$current$ne === void 0 ? void 0 : _actionRef$current$ne.call(_actionRef$current);
|
301
320
|
};
|
321
|
+
|
302
322
|
// 触底回调
|
303
323
|
var onScrollBottom = function onScrollBottom() {
|
304
324
|
if (cardViewProps.autoLoadNextPage !== false) {
|
@@ -307,6 +327,7 @@ var CardView = function CardView(props) {
|
|
307
327
|
cardViewProps === null || cardViewProps === void 0 ? void 0 : (_cardViewProps$onScro = cardViewProps.onScrollBottom) === null || _cardViewProps$onScro === void 0 ? void 0 : _cardViewProps$onScro.call(cardViewProps);
|
308
328
|
}
|
309
329
|
};
|
330
|
+
|
310
331
|
// 获取ProCard配置
|
311
332
|
var getProCardProps = function getProCardProps(record, index) {
|
312
333
|
var _cardViewProps$cardPr;
|
@@ -329,10 +350,11 @@ var CardView = function CardView(props) {
|
|
329
350
|
return [key, value];
|
330
351
|
}));
|
331
352
|
};
|
353
|
+
|
332
354
|
// 渲染单个卡片
|
333
355
|
var renderCard = function renderCard(record, index) {
|
334
356
|
var _cardViewProps$cardRe;
|
335
|
-
return /*#__PURE__*/React.createElement(Col,
|
357
|
+
return /*#__PURE__*/React.createElement(Col, _extends({
|
336
358
|
xxs: 24,
|
337
359
|
xs: 12,
|
338
360
|
s: 12,
|
@@ -341,7 +363,7 @@ var CardView = function CardView(props) {
|
|
341
363
|
xl: 6,
|
342
364
|
key: index,
|
343
365
|
className: cls('card-item')
|
344
|
-
}, (_cardViewProps$cardRe = cardViewProps === null || cardViewProps === void 0 ? void 0 : cardViewProps.cardResponsiveProps) !== null && _cardViewProps$cardRe !== void 0 ? _cardViewProps$cardRe : {}), /*#__PURE__*/React.createElement(ProCard,
|
366
|
+
}, (_cardViewProps$cardRe = cardViewProps === null || cardViewProps === void 0 ? void 0 : cardViewProps.cardResponsiveProps) !== null && _cardViewProps$cardRe !== void 0 ? _cardViewProps$cardRe : {}), /*#__PURE__*/React.createElement(ProCard, _extends({
|
345
367
|
title: renderCardTitle(record, index),
|
346
368
|
subTitle: renderCardSubTitle(record, index),
|
347
369
|
extra: getProCardExtra(record, index),
|
@@ -356,16 +378,10 @@ var CardView = function CardView(props) {
|
|
356
378
|
disabledAutoSize: true
|
357
379
|
})));
|
358
380
|
};
|
381
|
+
|
359
382
|
// 渲染卡片主体
|
360
383
|
var renderCardBox = function renderCardBox() {
|
361
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, skeletonVisible && /*#__PURE__*/React.createElement(ProSkeletonRaw.Content, null), !skeletonVisible && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) === 0 && /*#__PURE__*/React.createElement(
|
362
|
-
theme: "hybridcloud-container",
|
363
|
-
img: "noData",
|
364
|
-
title: getMessage('noData'),
|
365
|
-
style: {
|
366
|
-
padding: '50px 0 60px'
|
367
|
-
}
|
368
|
-
}), !skeletonVisible && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0 && /*#__PURE__*/React.createElement(Row, {
|
384
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, skeletonVisible && /*#__PURE__*/React.createElement(ProSkeletonRaw.Content, null), !skeletonVisible && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) === 0 && !emptyContent && /*#__PURE__*/React.createElement(EmptyContent, emptyProps), !skeletonVisible && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) === 0 && emptyContent && /*#__PURE__*/React.createElement("div", null, emptyContent), !skeletonVisible && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0 && /*#__PURE__*/React.createElement(Row, {
|
369
385
|
gutter: 16,
|
370
386
|
wrap: true,
|
371
387
|
style: {
|
@@ -34,6 +34,7 @@ var Filter = function Filter(props) {
|
|
34
34
|
_ref2 = _slicedToArray(_ref, 2),
|
35
35
|
urlState = _ref2[0],
|
36
36
|
setUrlState = _ref2[1];
|
37
|
+
|
37
38
|
// 选中过滤项
|
38
39
|
var _useState = useState((_urlState$split = urlState === null || urlState === void 0 ? void 0 : (_urlState = urlState["filter".concat(column === null || column === void 0 ? void 0 : column.dataIndex)]) === null || _urlState === void 0 ? void 0 : (_urlState$split2 = _urlState.split) === null || _urlState$split2 === void 0 ? void 0 : _urlState$split2.call(_urlState, ',')) !== null && _urlState$split !== void 0 ? _urlState$split : []),
|
39
40
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -52,6 +53,7 @@ var Filter = function Filter(props) {
|
|
52
53
|
setSelected(rules);
|
53
54
|
}
|
54
55
|
}, []);
|
56
|
+
|
55
57
|
// 获取过滤项
|
56
58
|
var filters = useMemo(function () {
|
57
59
|
if (Array.isArray(column.filters)) {
|
@@ -75,12 +77,15 @@ var Filter = function Filter(props) {
|
|
75
77
|
});
|
76
78
|
}
|
77
79
|
// console.log(filters);
|
80
|
+
|
78
81
|
return filters;
|
79
82
|
}, []);
|
83
|
+
|
80
84
|
// 点击确定回调
|
81
85
|
var onFilterOk = function onFilterOk() {
|
82
86
|
var _actionRef$current2, _actionRef$current2$f, _actionRef$current$ge6, _actionRef$current3, _actionRef$current3$g, _actionRef$current3$g2, _actionRef$current4, _actionRef$current4$s, _actionRef$current5, _actionRef$current7, _actionRef$current7$r, _actionRef$current8, _actionRef$current8$r, _actionRef$current9, _actionRef$current9$c;
|
83
87
|
(_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$f = _actionRef$current2.filterDataSource) === null || _actionRef$current2$f === void 0 ? void 0 : _actionRef$current2$f.call(_actionRef$current2, column.dataIndex);
|
88
|
+
|
84
89
|
// 先获取此列的param
|
85
90
|
var param = '';
|
86
91
|
if (column.beforeFilter) {
|
@@ -89,6 +94,7 @@ var Filter = function Filter(props) {
|
|
89
94
|
} else {
|
90
95
|
param = selected.join(',');
|
91
96
|
}
|
97
|
+
|
92
98
|
// 需要带上其他所有的信息
|
93
99
|
var rules = (_actionRef$current$ge6 = (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$g = _actionRef$current3.getState) === null || _actionRef$current3$g === void 0 ? void 0 : (_actionRef$current3$g2 = _actionRef$current3$g.call(_actionRef$current3)) === null || _actionRef$current3$g2 === void 0 ? void 0 : _actionRef$current3$g2.filterRules) !== null && _actionRef$current$ge6 !== void 0 ? _actionRef$current$ge6 : {};
|
94
100
|
// 再设置所有的列筛选状态
|
@@ -111,11 +117,13 @@ var Filter = function Filter(props) {
|
|
111
117
|
// 清空表格选择
|
112
118
|
(_actionRef$current9 = actionRef.current) === null || _actionRef$current9 === void 0 ? void 0 : (_actionRef$current9$c = _actionRef$current9.clearRowSelection) === null || _actionRef$current9$c === void 0 ? void 0 : _actionRef$current9$c.call(_actionRef$current9);
|
113
119
|
setVisible(false);
|
120
|
+
|
114
121
|
// 设置 url
|
115
122
|
if (bindUrl && (bindUrlProps === null || bindUrlProps === void 0 ? void 0 : bindUrlProps.headerFilters) !== false && (urlState === null || urlState === void 0 ? void 0 : urlState["filter".concat(column === null || column === void 0 ? void 0 : column.dataIndex)]) !== selected.join(',')) {
|
116
123
|
setUrlState === null || setUrlState === void 0 ? void 0 : setUrlState(_defineProperty({}, "filter".concat(column === null || column === void 0 ? void 0 : column.dataIndex), selected.join(',')));
|
117
124
|
}
|
118
125
|
};
|
126
|
+
|
119
127
|
// 重置回调
|
120
128
|
var onFilterReset = function onFilterReset() {
|
121
129
|
var _actionRef$current$ge7, _actionRef$current10, _actionRef$current10$, _actionRef$current10$2, _actionRef$current11, _actionRef$current11$, _actionRef$current12, _actionRef$current12$;
|
@@ -143,6 +151,7 @@ var Filter = function Filter(props) {
|
|
143
151
|
}
|
144
152
|
}
|
145
153
|
};
|
154
|
+
|
146
155
|
// 渲染单选
|
147
156
|
var renderSingle = function renderSingle() {
|
148
157
|
return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref5) {
|
@@ -160,6 +169,7 @@ var Filter = function Filter(props) {
|
|
160
169
|
}, label);
|
161
170
|
});
|
162
171
|
};
|
172
|
+
|
163
173
|
// 渲染多选
|
164
174
|
var renderMultiple = function renderMultiple() {
|
165
175
|
return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref6) {
|
@@ -182,6 +192,7 @@ var Filter = function Filter(props) {
|
|
182
192
|
}, label);
|
183
193
|
});
|
184
194
|
};
|
195
|
+
|
185
196
|
// 渲染选择区域
|
186
197
|
var renderSelect = function renderSelect() {
|
187
198
|
if (column.filterMode === 'multiple') {
|
@@ -1,4 +1,5 @@
|
|
1
1
|
var _excluded = ["header", "mainAction", "extra", "actionRef", "dataFilter", "dataFilterFormRef", "afterDataFilter", "rowSelection", "toolBar", "dataTeamixSpm", "bindUrl", "bindUrlProps"];
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
2
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; }
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
5
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
@@ -28,10 +29,11 @@ var Layout = function Layout(props) {
|
|
28
29
|
bindUrl = props.bindUrl,
|
29
30
|
bindUrlProps = props.bindUrlProps,
|
30
31
|
otherProps = _objectWithoutProperties(props, _excluded);
|
32
|
+
|
31
33
|
// 渲染主操作区
|
32
34
|
var renderMainAction = function renderMainAction() {
|
33
|
-
var
|
34
|
-
if (_typeof(mainAction) === 'object' && (mainAction === null || mainAction === void 0 ? void 0 : (
|
35
|
+
var _actions;
|
36
|
+
if (_typeof(mainAction) === 'object' && (mainAction === null || mainAction === void 0 ? void 0 : (_actions = mainAction.actions) === null || _actions === void 0 ? void 0 : _actions.length) > 0) {
|
35
37
|
// 判断 actions 是否 visible 都为 false,是的话也不渲染
|
36
38
|
var isEmptyActions = mainAction === null || mainAction === void 0 ? void 0 : mainAction.actions.every(function (action) {
|
37
39
|
return (action === null || action === void 0 ? void 0 : action.visible) === false;
|
@@ -46,12 +48,13 @@ var Layout = function Layout(props) {
|
|
46
48
|
};
|
47
49
|
return /*#__PURE__*/React.createElement("div", {
|
48
50
|
className: cls('main-action')
|
49
|
-
}, /*#__PURE__*/React.createElement(ProActionGroup,
|
51
|
+
}, /*#__PURE__*/React.createElement(ProActionGroup, _extends({}, mainAction, {
|
50
52
|
context: _objectSpread(_objectSpread({}, defaultContext), mainAction.context),
|
51
53
|
"data-teamix-spm": dataTeamixSpm ? "".concat(dataTeamixSpm, "-mainAction") : undefined
|
52
54
|
})));
|
53
55
|
} else return mainAction;
|
54
56
|
};
|
57
|
+
|
55
58
|
// 渲染 addonAfter
|
56
59
|
var renderAddonAfter = function renderAddonAfter() {
|
57
60
|
return /*#__PURE__*/React.createElement("div", {
|
@@ -60,11 +63,12 @@ var Layout = function Layout(props) {
|
|
60
63
|
actionRef: actionRef,
|
61
64
|
quickAction: extra,
|
62
65
|
rowSelection: rowSelection
|
63
|
-
}), /*#__PURE__*/React.createElement(ToolBar,
|
66
|
+
}), /*#__PURE__*/React.createElement(ToolBar, _extends({
|
64
67
|
actionRef: actionRef,
|
65
68
|
toolBar: toolBar
|
66
69
|
}, otherProps)));
|
67
70
|
};
|
71
|
+
|
68
72
|
// 渲染新版 QueryFilter
|
69
73
|
var renderQueryFilter = function renderQueryFilter() {
|
70
74
|
var _dataFilter$schema;
|
@@ -72,7 +76,7 @@ var Layout = function Layout(props) {
|
|
72
76
|
var _dataFilter$schema2;
|
73
77
|
if ( /*#__PURE__*/isValidElement(dataFilter === null || dataFilter === void 0 ? void 0 : dataFilter.content)) {
|
74
78
|
// 自定义渲染内容
|
75
|
-
return /*#__PURE__*/React.createElement(QueryFilterLayout,
|
79
|
+
return /*#__PURE__*/React.createElement(QueryFilterLayout, _extends({
|
76
80
|
onExpand: function onExpand(expand) {
|
77
81
|
// 全屏模式下展开收起过滤器需要重新计算tableMaxHeight
|
78
82
|
setTimeout(function () {
|
@@ -90,7 +94,7 @@ var Layout = function Layout(props) {
|
|
90
94
|
addonAfter: renderAddonAfter()
|
91
95
|
}, dataFilter));
|
92
96
|
} else if ((dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema2 = dataFilter.schema) === null || _dataFilter$schema2 === void 0 ? void 0 : _dataFilter$schema2.length) >= 0) {
|
93
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(QueryFilter,
|
97
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(QueryFilter, _extends({
|
94
98
|
formRef: dataFilterFormRef,
|
95
99
|
onExpand: function onExpand(expand) {
|
96
100
|
// 全屏模式下展开收起过滤器需要重新计算tableMaxHeight
|
@@ -129,6 +133,7 @@ var Layout = function Layout(props) {
|
|
129
133
|
}));
|
130
134
|
}
|
131
135
|
};
|
136
|
+
|
132
137
|
// 区域组合渲染
|
133
138
|
var renderLayout = function renderLayout() {
|
134
139
|
if (header && mainAction) {
|
@@ -136,7 +141,7 @@ var Layout = function Layout(props) {
|
|
136
141
|
className: cls('wrapper')
|
137
142
|
}, /*#__PURE__*/React.createElement("div", {
|
138
143
|
className: cls('left')
|
139
|
-
}, header && /*#__PURE__*/React.createElement(Header,
|
144
|
+
}, header && /*#__PURE__*/React.createElement(Header, header)), /*#__PURE__*/React.createElement("div", {
|
140
145
|
className: cls('right')
|
141
146
|
}, extra && /*#__PURE__*/React.createElement(QuickAction, {
|
142
147
|
actionRef: actionRef,
|
@@ -149,7 +154,7 @@ var Layout = function Layout(props) {
|
|
149
154
|
className: cls('wrapper')
|
150
155
|
}, /*#__PURE__*/React.createElement("div", {
|
151
156
|
className: cls('left')
|
152
|
-
}, header && /*#__PURE__*/React.createElement(Header,
|
157
|
+
}, header && /*#__PURE__*/React.createElement(Header, header)), /*#__PURE__*/React.createElement("div", {
|
153
158
|
className: cls('right')
|
154
159
|
}, extra && /*#__PURE__*/React.createElement(QuickAction, {
|
155
160
|
actionRef: actionRef,
|
@@ -19,6 +19,7 @@ var LoadMore = function LoadMore(props) {
|
|
19
19
|
loadStateProp = props.loadState,
|
20
20
|
scrollPositionProp = props.scrollPosition;
|
21
21
|
var scrollDom = useRef(null);
|
22
|
+
|
22
23
|
// 加载状态
|
23
24
|
var _useState = useState('loadMore'),
|
24
25
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -39,6 +40,7 @@ var LoadMore = function LoadMore(props) {
|
|
39
40
|
useEffect(function () {
|
40
41
|
setLoadState(loadStateProp);
|
41
42
|
}, [loadStateProp]);
|
43
|
+
|
42
44
|
// 更改加载状态
|
43
45
|
var onLoadState = function onLoadState(state) {
|
44
46
|
setLoadState(state);
|
@@ -47,6 +49,7 @@ var LoadMore = function LoadMore(props) {
|
|
47
49
|
}
|
48
50
|
onChangeLoadState === null || onChangeLoadState === void 0 ? void 0 : onChangeLoadState(state);
|
49
51
|
};
|
52
|
+
|
50
53
|
// 渲染加载更多和正在加载区域
|
51
54
|
var renderLoadMore = function renderLoadMore() {
|
52
55
|
if (loadState === 'loadMore') {
|
@@ -1,7 +1,5 @@
|
|
1
1
|
var _excluded = ["className", "onChange", "total", "pageSize", "current", "pageSizeList", "pageSizeSelector", "onPageSizeChange", "responsivePaginationType"];
|
2
|
-
function
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
|
-
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; }
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
5
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
6
4
|
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."); }
|
7
5
|
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); }
|
@@ -68,8 +66,9 @@ export default (function (props) {
|
|
68
66
|
onVisibleChange: function onVisibleChange(visible) {
|
69
67
|
return setVisible(visible);
|
70
68
|
},
|
71
|
-
align: "t"
|
69
|
+
align: "t"
|
72
70
|
// triggerType="click"
|
71
|
+
,
|
73
72
|
trigger: /*#__PURE__*/React.createElement(Button, {
|
74
73
|
text: true,
|
75
74
|
onMouseEnter: function onMouseEnter() {
|
@@ -100,11 +99,13 @@ export default (function (props) {
|
|
100
99
|
}
|
101
100
|
})));
|
102
101
|
};
|
102
|
+
|
103
103
|
// 获取页总数
|
104
104
|
function getTotalPage(total, currentPageSize) {
|
105
105
|
var totalPage = Math.ceil(total / currentPageSize);
|
106
106
|
return totalPage <= 0 ? 1 : totalPage;
|
107
107
|
}
|
108
|
+
|
108
109
|
// 自定义翻页,用于 mini
|
109
110
|
var customJumpRender = function customJumpRender() {
|
110
111
|
var handleInputChange = function handleInputChange(value, e) {
|
@@ -160,8 +161,9 @@ export default (function (props) {
|
|
160
161
|
}
|
161
162
|
}, "/"), getTotalPage(total, pageSize)), /*#__PURE__*/React.createElement(Button, {
|
162
163
|
className: basePrefix('next', 'pagination-item'),
|
163
|
-
onClick: handleNextClick
|
164
|
+
onClick: handleNextClick
|
164
165
|
//@ts-ignore
|
166
|
+
,
|
165
167
|
disabled: total && Number(currentPage) >= getTotalPage(total, pageSize)
|
166
168
|
}, /*#__PURE__*/React.createElement(Icon, {
|
167
169
|
size: "small",
|
@@ -171,7 +173,7 @@ export default (function (props) {
|
|
171
173
|
var renderMiniPagination = function renderMiniPagination() {
|
172
174
|
if (total && pageSize) {
|
173
175
|
if (total / pageSize <= 2) {
|
174
|
-
return /*#__PURE__*/React.createElement(Pagination,
|
176
|
+
return /*#__PURE__*/React.createElement(Pagination, _extends({}, commonPaginationProps, {
|
175
177
|
type: "simple"
|
176
178
|
}, otherProps));
|
177
179
|
} else {
|
@@ -184,7 +186,7 @@ export default (function (props) {
|
|
184
186
|
var renderPagination = function renderPagination() {
|
185
187
|
switch (responsivePaginationType || responsiveProps) {
|
186
188
|
case 'normal':
|
187
|
-
return /*#__PURE__*/React.createElement(Pagination,
|
189
|
+
return /*#__PURE__*/React.createElement(Pagination, _extends({}, commonPaginationProps, {
|
188
190
|
totalRender: function totalRender(total) {
|
189
191
|
return getMessage('total', {
|
190
192
|
total: new Intl.NumberFormat().format(total)
|
@@ -192,7 +194,7 @@ export default (function (props) {
|
|
192
194
|
}
|
193
195
|
}, otherProps));
|
194
196
|
case 'simple':
|
195
|
-
return /*#__PURE__*/React.createElement(Pagination,
|
197
|
+
return /*#__PURE__*/React.createElement(Pagination, _extends({}, commonPaginationProps, {
|
196
198
|
pageShowCount: 3,
|
197
199
|
totalRender: function totalRender(total) {
|
198
200
|
return getMessage('total', {
|
@@ -201,7 +203,7 @@ export default (function (props) {
|
|
201
203
|
}
|
202
204
|
}, otherProps));
|
203
205
|
case 'small':
|
204
|
-
return /*#__PURE__*/React.createElement(Pagination,
|
206
|
+
return /*#__PURE__*/React.createElement(Pagination, _extends({}, commonPaginationProps, {
|
205
207
|
pageShowCount: 3,
|
206
208
|
pageSizeSelector: false,
|
207
209
|
totalRender: function totalRender(total) {
|
@@ -211,7 +213,7 @@ export default (function (props) {
|
|
211
213
|
case 'mini':
|
212
214
|
return renderMiniPagination();
|
213
215
|
default:
|
214
|
-
return /*#__PURE__*/React.createElement(Pagination,
|
216
|
+
return /*#__PURE__*/React.createElement(Pagination, _extends({}, commonPaginationProps, otherProps));
|
215
217
|
}
|
216
218
|
};
|
217
219
|
return (
|
@@ -1,3 +1,4 @@
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
1
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
2
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
3
4
|
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; }
|
@@ -18,10 +19,10 @@ var QuickAction = function QuickAction(props) {
|
|
18
19
|
};
|
19
20
|
return /*#__PURE__*/React.createElement("div", {
|
20
21
|
className: "teamix-pro-table-layout-quick-action"
|
21
|
-
}, /*#__PURE__*/React.createElement(ProActionButton,
|
22
|
+
}, /*#__PURE__*/React.createElement(ProActionButton, _extends({
|
22
23
|
type: "primary",
|
23
24
|
text: true
|
24
|
-
}, quickAction
|
25
|
+
}, quickAction, {
|
25
26
|
context: _objectSpread(_objectSpread({}, defaultContext), quickAction.context)
|
26
27
|
})));
|
27
28
|
}
|
@@ -18,11 +18,13 @@ var cls = usePrefixCls('teamix-pro-table-toolbar-switch-card');
|
|
18
18
|
var CardSwitch = function CardSwitch(props) {
|
19
19
|
var actionRef = props.actionRef,
|
20
20
|
defaultView = props.defaultView;
|
21
|
+
|
21
22
|
// 选择视角
|
22
23
|
var _useState = useState(defaultView !== null && defaultView !== void 0 ? defaultView : 'table'),
|
23
24
|
_useState2 = _slicedToArray(_useState, 2),
|
24
25
|
radioView = _useState2[0],
|
25
26
|
setRadioView = _useState2[1];
|
27
|
+
|
26
28
|
// 选择视角回调
|
27
29
|
var onRadioViewChange = function onRadioViewChange(value) {
|
28
30
|
var _actionRef$current, _actionRef$current$sw;
|