@teamix/pro 1.5.9 → 1.5.10-release.1
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 +585 -945
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/dialog-form.js +1 -1
- package/es/actions/dialog.js +1 -1
- package/es/actions/link.js +1 -1
- package/es/actions/request.js +1 -1
- package/es/form/Filter/index.js +11 -0
- package/es/form/ProForm/useAutoSubmit.js +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +11 -1
- package/es/page-header/index.js +2 -2
- package/es/table/components/ToolBar/FilterColumnIcon.js +28 -23
- package/es/table/index.js +23 -11
- package/es/table/index.scss +8 -0
- package/es/table/typing.d.ts +5 -3
- package/es/timeline/ProTimeLineItem/index.js +1 -1
- package/lib/actions/dialog-form.js +2 -3
- package/lib/actions/dialog.js +2 -3
- package/lib/actions/link.js +1 -3
- package/lib/actions/request.js +1 -3
- package/lib/form/Filter/index.js +11 -0
- package/lib/form/ProForm/useAutoSubmit.js +1 -3
- package/lib/index.d.ts +1 -1
- package/lib/index.js +12 -2
- package/lib/page-header/index.js +3 -4
- package/lib/table/components/ToolBar/FilterColumnIcon.js +27 -22
- package/lib/table/index.js +22 -10
- package/lib/table/index.scss +8 -0
- package/lib/table/typing.d.ts +5 -3
- package/lib/timeline/ProTimeLineItem/index.js +1 -1
- package/package.json +1 -2
- package/es/utils/useRealHistory.d.ts +0 -8
- package/es/utils/useRealHistory.js +0 -40
- package/lib/utils/useRealHistory.d.ts +0 -8
- package/lib/utils/useRealHistory.js +0 -45
@@ -17,7 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
17
17
|
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
18
|
import React, { useState, useEffect, createRef, useMemo } from 'react';
|
19
19
|
// import { useHistory } from 'react-router-dom';
|
20
|
-
import useRealHistory from '
|
20
|
+
import { useRealHistory } from '@teamix/utils';
|
21
21
|
import { Loading } from '@alicloudfe/components';
|
22
22
|
import ProForm, { createForm, formilyReactive } from '../form';
|
23
23
|
import { getTargetValue, resolveMaybePromiseMethod } from '@teamix/utils';
|
package/es/actions/dialog.js
CHANGED
@@ -18,7 +18,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
18
|
import React, { useState, useEffect, useMemo, useRef } from 'react';
|
19
19
|
import classnames from 'classnames';
|
20
20
|
// import { useHistory } from 'react-router-dom';
|
21
|
-
import useRealHistory from '
|
21
|
+
import { useRealHistory } from '@teamix/utils';
|
22
22
|
import { Dialog, Drawer } from '@alicloudfe/components';
|
23
23
|
import PopConfirm from '@teamix/pop-confirm';
|
24
24
|
import { getTargetValue, getMessage } from '@teamix/utils';
|
package/es/actions/link.js
CHANGED
@@ -3,7 +3,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
3
3
|
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; }
|
4
4
|
import { getTargetValue, goToLink } from '@teamix/utils';
|
5
5
|
// import { useHistory } from 'react-router-dom';
|
6
|
-
import useRealHistory from '
|
6
|
+
import { useRealHistory } from '@teamix/utils';
|
7
7
|
import { eventHandler } from './base';
|
8
8
|
export function useLinkAction(action, actionContext) {
|
9
9
|
var history = useRealHistory();
|
package/es/actions/request.js
CHANGED
@@ -13,7 +13,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
13
13
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
14
14
|
import { useState } from 'react';
|
15
15
|
// import { useHistory } from 'react-router-dom';
|
16
|
-
import useRealHistory from '
|
16
|
+
import { useRealHistory } from '@teamix/utils';
|
17
17
|
import { doCommonRequest } from '@teamix/utils';
|
18
18
|
import { eventHandler } from './base';
|
19
19
|
// action 里的数据请求都默认是 post 类型
|
package/es/form/Filter/index.js
CHANGED
@@ -222,6 +222,17 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
|
|
222
222
|
};
|
223
223
|
}();
|
224
224
|
}
|
225
|
+
// 自定义updateDataSource
|
226
|
+
if (!formRef.current.updateDataSource) {
|
227
|
+
formRef.current.updateDataSource = function (query, params) {
|
228
|
+
[simpleForm, lightForm, advancedForm].forEach(function (f) {
|
229
|
+
var $query = f.query(query).take();
|
230
|
+
if ($query) {
|
231
|
+
$query.data.refresh = params;
|
232
|
+
}
|
233
|
+
});
|
234
|
+
};
|
235
|
+
}
|
225
236
|
}
|
226
237
|
};
|
227
238
|
// 创建简单筛选表单实例
|
@@ -2,7 +2,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
2
2
|
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
3
|
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; }
|
4
4
|
// import { useHistory } from 'react-router-dom';
|
5
|
-
import useRealHistory from '
|
5
|
+
import { useRealHistory } from '@teamix/utils';
|
6
6
|
import { doCommonRequest, isObj } from '@teamix/utils';
|
7
7
|
var useAutoSubmit = function useAutoSubmit(onSubmit, context) {
|
8
8
|
if (isObj(onSubmit)) {
|
package/es/index.d.ts
CHANGED
@@ -28,5 +28,5 @@ export * from './table';
|
|
28
28
|
export * from './sidebar';
|
29
29
|
export * from './utils';
|
30
30
|
export * from './timeline';
|
31
|
-
declare const version = "1.5.
|
31
|
+
declare const version = "1.5.10-release.1";
|
32
32
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };
|
package/es/index.js
CHANGED
@@ -35,7 +35,17 @@ export * from './table';
|
|
35
35
|
export * from './sidebar';
|
36
36
|
export * from './utils';
|
37
37
|
export * from './timeline';
|
38
|
-
var version = '1.5.
|
38
|
+
var version = '1.5.10-release.1';
|
39
|
+
// By TeamixTest
|
40
|
+
window.postMessage({
|
41
|
+
source: 'teamix-test-devtools',
|
42
|
+
url: window.location.href,
|
43
|
+
event: 'getModuleInfo',
|
44
|
+
moduleName: '@teamix/pro',
|
45
|
+
moduleVersion: version,
|
46
|
+
moduleType: 'TeamixPro',
|
47
|
+
componentName: 'TeamixPro'
|
48
|
+
}, '*');
|
39
49
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo,
|
40
50
|
// ProLayout,
|
41
51
|
ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils };
|
package/es/page-header/index.js
CHANGED
@@ -8,7 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
8
8
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
9
9
|
import React from 'react';
|
10
10
|
// import { useHistory } from 'react-router-dom';
|
11
|
-
import useRealHistory from '
|
11
|
+
import { useRealHistory } from '@teamix/utils';
|
12
12
|
import classnames from 'classnames';
|
13
13
|
import TeamixIcon from '@teamix/icon';
|
14
14
|
import { Breadcrumb, Balloon } from '@alicloudfe/components';
|
@@ -154,7 +154,7 @@ var ProPageHeader = function ProPageHeader(props) {
|
|
154
154
|
return;
|
155
155
|
}
|
156
156
|
if (goback === true) {
|
157
|
-
history.go(-1);
|
157
|
+
history && history.go && history.go(-1);
|
158
158
|
return;
|
159
159
|
}
|
160
160
|
goToLink(goback, history);
|
@@ -18,7 +18,7 @@ import { Button, Dropdown, Menu, Dialog, Grid, Checkbox } from '@alicloudfe/comp
|
|
18
18
|
import TeamixIcon from '@teamix/icon';
|
19
19
|
import { usePrefixCls, getMessage, getGlobalConfig } from '@teamix/utils';
|
20
20
|
import React, { useState, useEffect } from 'react';
|
21
|
-
import {
|
21
|
+
import { off, on } from '../../utils';
|
22
22
|
import { Ellipsis } from '../../../field';
|
23
23
|
import './index.scss';
|
24
24
|
var CheckboxItem = Menu.CheckboxItem;
|
@@ -80,9 +80,11 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
80
80
|
var showDataIndex = stateFilterColumns.map(function (item) {
|
81
81
|
return item.dataIndex;
|
82
82
|
});
|
83
|
-
var stateColumns =
|
83
|
+
var stateColumns = processColumns(columns).map(function (item) {
|
84
84
|
if (!showDataIndex.includes(item.dataIndex)) {
|
85
|
-
item
|
85
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
86
|
+
columnFilters: false
|
87
|
+
});
|
86
88
|
}
|
87
89
|
return item;
|
88
90
|
});
|
@@ -103,11 +105,11 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
103
105
|
// 全选
|
104
106
|
var onChangeAllColumns = function onChangeAllColumns(check) {
|
105
107
|
setAllVisible(check);
|
106
|
-
var keyNewColumns =
|
107
|
-
keyNewColumns.map(function (item) {
|
108
|
+
var keyNewColumns = newColumns.map(function (item) {
|
108
109
|
var _item$columnFiltersDi;
|
109
|
-
|
110
|
-
|
110
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
111
|
+
columnFilters: (_item$columnFiltersDi = item.columnFiltersDisabled) !== null && _item$columnFiltersDi !== void 0 ? _item$columnFiltersDi : check
|
112
|
+
});
|
111
113
|
});
|
112
114
|
notifyTableRender(keyNewColumns);
|
113
115
|
};
|
@@ -119,10 +121,12 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
119
121
|
};
|
120
122
|
// 修改
|
121
123
|
var onChangeColumns = function onChangeColumns(check, dataIndex) {
|
122
|
-
var keyNewColumns =
|
123
|
-
keyNewColumns.map(function (item) {
|
124
|
+
var keyNewColumns = newColumns.map(function (item) {
|
124
125
|
if (item.dataIndex === dataIndex) {
|
125
126
|
item.columnFilters = check;
|
127
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
128
|
+
columnFilters: check
|
129
|
+
});
|
126
130
|
}
|
127
131
|
return item;
|
128
132
|
});
|
@@ -130,26 +134,25 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
130
134
|
};
|
131
135
|
// 修改:dialog
|
132
136
|
var onChangeColumnsForDialog = function onChangeColumnsForDialog() {
|
133
|
-
|
134
|
-
notifyTableRender(keyNewColumns);
|
137
|
+
notifyTableRender(newColumns);
|
135
138
|
setDropdownVisible(false);
|
136
139
|
};
|
137
140
|
// 向上
|
138
141
|
var moveUp = function moveUp(e, dataIndex) {
|
139
142
|
var _newColumns$filter, _newColumns$filter2;
|
140
143
|
e.stopPropagation();
|
141
|
-
var keyNewColumns =
|
144
|
+
var keyNewColumns = _toConsumableArray(newColumns).filter(function (_ref) {
|
142
145
|
var lock = _ref.lock;
|
143
146
|
return !lock;
|
144
147
|
});
|
145
|
-
var headLock =
|
148
|
+
var headLock = (_newColumns$filter = newColumns.filter(function (_ref2) {
|
146
149
|
var lock = _ref2.lock;
|
147
150
|
return lock === true || lock === 'left';
|
148
|
-
})) !== null && _newColumns$filter !== void 0 ? _newColumns$filter : []
|
149
|
-
var tailLock =
|
151
|
+
})) !== null && _newColumns$filter !== void 0 ? _newColumns$filter : [];
|
152
|
+
var tailLock = (_newColumns$filter2 = newColumns.filter(function (_ref3) {
|
150
153
|
var lock = _ref3.lock;
|
151
154
|
return lock === 'right';
|
152
|
-
})) !== null && _newColumns$filter2 !== void 0 ? _newColumns$filter2 : []
|
155
|
+
})) !== null && _newColumns$filter2 !== void 0 ? _newColumns$filter2 : [];
|
153
156
|
var index = keyNewColumns.findIndex(function (_ref4) {
|
154
157
|
var index = _ref4.dataIndex;
|
155
158
|
return index === dataIndex;
|
@@ -165,18 +168,18 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
165
168
|
var moveDown = function moveDown(e, dataIndex) {
|
166
169
|
var _newColumns$filter3, _newColumns$filter4;
|
167
170
|
e.stopPropagation();
|
168
|
-
var keyNewColumns =
|
171
|
+
var keyNewColumns = _toConsumableArray(newColumns).filter(function (_ref5) {
|
169
172
|
var lock = _ref5.lock;
|
170
173
|
return !lock;
|
171
174
|
});
|
172
|
-
var headLock =
|
175
|
+
var headLock = (_newColumns$filter3 = newColumns.filter(function (_ref6) {
|
173
176
|
var lock = _ref6.lock;
|
174
177
|
return lock === true || lock === 'left';
|
175
|
-
})) !== null && _newColumns$filter3 !== void 0 ? _newColumns$filter3 : []
|
176
|
-
var tailLock =
|
178
|
+
})) !== null && _newColumns$filter3 !== void 0 ? _newColumns$filter3 : [];
|
179
|
+
var tailLock = (_newColumns$filter4 = newColumns.filter(function (_ref7) {
|
177
180
|
var lock = _ref7.lock;
|
178
181
|
return lock === 'right';
|
179
|
-
})) !== null && _newColumns$filter4 !== void 0 ? _newColumns$filter4 : []
|
182
|
+
})) !== null && _newColumns$filter4 !== void 0 ? _newColumns$filter4 : [];
|
180
183
|
var index = keyNewColumns.findIndex(function (_ref8) {
|
181
184
|
var index = _ref8.dataIndex;
|
182
185
|
return index === dataIndex;
|
@@ -329,9 +332,11 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
329
332
|
return key === dataIndex;
|
330
333
|
})) === null || _newColumns$find2 === void 0 ? void 0 : _newColumns$find2.columnFilters,
|
331
334
|
onChange: function onChange(check) {
|
332
|
-
var columnsList =
|
335
|
+
var columnsList = newColumns.map(function (item) {
|
333
336
|
if (item.dataIndex === dataIndex) {
|
334
|
-
item
|
337
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
338
|
+
columnFilters: check
|
339
|
+
});
|
335
340
|
}
|
336
341
|
return item;
|
337
342
|
});
|
package/es/table/index.js
CHANGED
@@ -1,13 +1,10 @@
|
|
1
|
-
var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView"],
|
1
|
+
var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps"],
|
2
2
|
_excluded2 = ["onChange"];
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
4
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
5
5
|
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."); }
|
6
6
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
7
7
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
8
|
-
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; }
|
9
|
-
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
|
-
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; }
|
11
8
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
12
9
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
13
10
|
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); }
|
@@ -16,11 +13,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
16
13
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
17
14
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
18
15
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
16
|
+
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; }
|
17
|
+
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; }
|
18
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
19
19
|
import React, { useState, useEffect, useRef, useMemo } from 'react';
|
20
20
|
import { Table, Checkbox } from '@alicloudfe/components';
|
21
21
|
import Pagination from './components/Pagination';
|
22
22
|
import genProColumnToColumn from './utils/genProColumnToColumn';
|
23
|
-
import { getGlobalConfig, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, usePrefixCls, getTestRequestData, getTestRequestParams } from '@teamix/utils';
|
23
|
+
import { getGlobalConfig, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, usePrefixCls, getTestRequestData, getTestRequestParams, getTargetValue } from '@teamix/utils';
|
24
24
|
import { ProSkeletonRaw as Skeleton } from '../skeleton';
|
25
25
|
import './index.scss';
|
26
26
|
import Layout from './components/Layout';
|
@@ -29,13 +29,12 @@ import getTableProps from './utils/getTableProps';
|
|
29
29
|
import getTableSortIcons from './utils/getTableSortIcons';
|
30
30
|
import useTableSelection from './utils/useTableSelection';
|
31
31
|
import FullScreen from './components/ToolBar/Fullscreen';
|
32
|
-
import EmptyContent from '
|
32
|
+
import { EmptyContent } from '@teamix/pro-field';
|
33
33
|
import { ProActionGroup } from '../actions';
|
34
34
|
import classNames from 'classnames';
|
35
35
|
import ProPageContainer from '../page-container';
|
36
36
|
import debounce from 'lodash.debounce';
|
37
37
|
import CardView from './components/CardView';
|
38
|
-
import cloneDeep from 'lodash.clonedeep';
|
39
38
|
export * from './typing';
|
40
39
|
var cls = usePrefixCls('teamix-pro-table');
|
41
40
|
/**
|
@@ -46,8 +45,8 @@ var cls = usePrefixCls('teamix-pro-table');
|
|
46
45
|
var processColumns = function processColumns(columns, initialColumns) {
|
47
46
|
var _getGlobalConfig;
|
48
47
|
var globalFilterColumns = (_getGlobalConfig = getGlobalConfig('ProTable')) === null || _getGlobalConfig === void 0 ? void 0 : _getGlobalConfig.filterColumns;
|
49
|
-
var filterColumns =
|
50
|
-
return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(item));
|
48
|
+
var filterColumns = columns.filter(function (item) {
|
49
|
+
return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(_objectSpread({}, item)));
|
51
50
|
});
|
52
51
|
// 处理只剩一列批量选择的情况下宽度错乱问题
|
53
52
|
if (filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) {
|
@@ -157,6 +156,7 @@ var ProTable = function ProTable(props) {
|
|
157
156
|
cardViewProps = props.cardViewProps,
|
158
157
|
_props$defaultView = props.defaultView,
|
159
158
|
defaultView = _props$defaultView === void 0 ? 'table' : _props$defaultView,
|
159
|
+
emptyProps = props.emptyProps,
|
160
160
|
otherProps = _objectWithoutProperties(props, _excluded);
|
161
161
|
var targetPageKey = pageKey || globalPageKey;
|
162
162
|
var targetPageSizeKey = pageSizeKey || globalPageSizeKey;
|
@@ -673,6 +673,10 @@ var ProTable = function ProTable(props) {
|
|
673
673
|
data: getDeepValue(formatResult.data, result) || [],
|
674
674
|
total: isNaN(dataTotal) ? 0 : Number(dataTotal)
|
675
675
|
};
|
676
|
+
} else if (typeof formatResult === 'string') {
|
677
|
+
nextData = getTargetValue(formatResult, {
|
678
|
+
res: result
|
679
|
+
});
|
676
680
|
}
|
677
681
|
}
|
678
682
|
if (nextData instanceof Promise) {
|
@@ -725,7 +729,15 @@ var ProTable = function ProTable(props) {
|
|
725
729
|
// 列过滤请求参数
|
726
730
|
var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : (_actionRef$current5$g = _actionRef$current5.getFilterRules) === null || _actionRef$current5$g === void 0 ? void 0 : _actionRef$current5$g.call(_actionRef$current5)) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {};
|
727
731
|
// 格式化后的请求参数
|
728
|
-
var requestData =
|
732
|
+
var requestData = {};
|
733
|
+
var preParams = _objectSpread(_objectSpread({}, !showPagination ? _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dataFilterParams), propsParams), sortParams), columnsFilterParams) : _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread3 = {}, _defineProperty(_objectSpread3, targetPageKey, currentPage), _defineProperty(_objectSpread3, targetPageSizeKey, pageSize), _objectSpread3), dataFilterParams), propsParams), sortParams), columnsFilterParams)), params);
|
734
|
+
if (typeof formatParams === 'string') {
|
735
|
+
requestData = getTargetValue(formatParams, {
|
736
|
+
params: preParams
|
737
|
+
});
|
738
|
+
} else {
|
739
|
+
requestData = formatParams(preParams);
|
740
|
+
}
|
729
741
|
if (requestData) {
|
730
742
|
if (autoRefreshTimerRef.current) {
|
731
743
|
clearTimeout(autoRefreshTimerRef.current);
|
@@ -876,7 +888,7 @@ var ProTable = function ProTable(props) {
|
|
876
888
|
sort: sort,
|
877
889
|
primaryKey: primaryKey,
|
878
890
|
rowSelection: rowSelection,
|
879
|
-
emptyContent: /*#__PURE__*/React.createElement(EmptyContent,
|
891
|
+
emptyContent: /*#__PURE__*/React.createElement(EmptyContent, _objectSpread({}, emptyProps)),
|
880
892
|
sortIcons: getTableSortIcons(),
|
881
893
|
fixedHeader: fullscreenState || fixedTableBody,
|
882
894
|
maxBodyHeight: "calc(100vh - ".concat(headerHeight, "px)")
|
package/es/table/index.scss
CHANGED
@@ -89,6 +89,14 @@ $fullscreenPadding: 24px;
|
|
89
89
|
color: var(--table-sort-color-current, #0064c8);
|
90
90
|
}
|
91
91
|
}
|
92
|
+
.next-table-empty {
|
93
|
+
padding: 0;
|
94
|
+
}
|
95
|
+
.next-table-wrap-empty {
|
96
|
+
.next-table-body tr td{
|
97
|
+
border-bottom: 0;
|
98
|
+
}
|
99
|
+
}
|
92
100
|
}
|
93
101
|
|
94
102
|
.teamix-pro-table-footer-suction {
|
package/es/table/typing.d.ts
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
* ProTable 类型定义
|
3
3
|
*/
|
4
4
|
import { ColumnProps, TableProps } from '@alicloudfe/components/types/table';
|
5
|
-
import { ProFieldType, ProFieldRenderProps, ProFieldDataSourceItem } from '../field';
|
5
|
+
import { ProFieldType, ProFieldRenderProps, ProFieldDataSourceItem, EmptyContentProps } from '../field';
|
6
6
|
import { QueryFilterProps, ProFormType } from '../form';
|
7
7
|
import { ProActionGroupProps, ProActionButtonProps } from '../actions';
|
8
8
|
import { PaginationProps } from '@alicloudfe/components/types/pagination';
|
@@ -78,9 +78,9 @@ export declare type ProTableProps = {
|
|
78
78
|
/** sort 排序请求参数处理函数 */
|
79
79
|
formatSort?: (sort: object) => object;
|
80
80
|
/** 如需自定义调用参数格式,则可以设定此值在请求前对 params 进行自定义,如果返回false则可以阻止请求 */
|
81
|
-
formatParams?: (params: any) => typeof params;
|
81
|
+
formatParams?: ((params: any) => typeof params) | string;
|
82
82
|
/** 对返回值的 data,total 进行映射处理 */
|
83
|
-
formatResult?: TDataService | ((res: any) => TDataService);
|
83
|
+
formatResult?: TDataService | ((res: any) => TDataService) | string;
|
84
84
|
/** 请求成功后经过 formatResult 转换后的回调 */
|
85
85
|
onFormatResult?: (data: any[]) => void;
|
86
86
|
/** 是否第一次加载时就发起请求 */
|
@@ -158,6 +158,8 @@ export declare type ProTableProps = {
|
|
158
158
|
cardViewProps?: ProTableCardProps;
|
159
159
|
/** 默认展示维度 **/
|
160
160
|
defaultView?: 'table' | 'card';
|
161
|
+
/** 空状态配置 **/
|
162
|
+
emptyProps?: EmptyContentProps;
|
161
163
|
} & Omit<TableProps, 'columns'> & ProTableTopAreaProps;
|
162
164
|
export declare type rowSelectionType = {
|
163
165
|
getProps?: (record: any, index: number) => any;
|
@@ -59,7 +59,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
59
59
|
};
|
60
60
|
/** 对枚举参数进行处理 */
|
61
61
|
var formatTime = function formatTime(time) {
|
62
|
-
if (typeof time === 'string') return dateFormat(time, '', 'YYYY-MM-DD
|
62
|
+
if (typeof time === 'string') return dateFormat(time, '', 'YYYY-MM-DD HH:mm:ss');
|
63
63
|
return time;
|
64
64
|
};
|
65
65
|
var formatShape = function formatShape() {
|
@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.default = void 0;
|
7
7
|
exports.useDialogFormAction = useDialogFormAction;
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
9
|
-
var
|
9
|
+
var _utils = require("@teamix/utils");
|
10
10
|
var _components = require("@alicloudfe/components");
|
11
11
|
var _form = _interopRequireWildcard(require("../form"));
|
12
|
-
var _utils = require("@teamix/utils");
|
13
12
|
var _request = require("./request");
|
14
13
|
var _dialog = _interopRequireDefault(require("./dialog"));
|
15
14
|
var _utils2 = require("./utils");
|
@@ -101,7 +100,7 @@ var DialogForm = function DialogForm(props) {
|
|
101
100
|
_useState2 = _slicedToArray(_useState, 2),
|
102
101
|
loading = _useState2[0],
|
103
102
|
setLoading = _useState2[1];
|
104
|
-
var history = (0,
|
103
|
+
var history = (0, _utils.useRealHistory)();
|
105
104
|
(0, _react.useEffect)(function () {
|
106
105
|
if (formRef) {
|
107
106
|
formRef.current = form;
|
package/lib/actions/dialog.js
CHANGED
@@ -8,10 +8,9 @@ exports.default = void 0;
|
|
8
8
|
exports.useDialogAction = useDialogAction;
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
10
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
11
|
-
var
|
11
|
+
var _utils = require("@teamix/utils");
|
12
12
|
var _components = require("@alicloudfe/components");
|
13
13
|
var _popConfirm = _interopRequireDefault(require("@teamix/pop-confirm"));
|
14
|
-
var _utils = require("@teamix/utils");
|
15
14
|
var _form = _interopRequireWildcard(require("../form"));
|
16
15
|
var _message = require("../utils/message");
|
17
16
|
var _base = require("./base");
|
@@ -72,7 +71,7 @@ function useDialogAction(action, actionContext, hasForm) {
|
|
72
71
|
loading = _useState2[0],
|
73
72
|
setLoading = _useState2[1];
|
74
73
|
var footerDescriptionRef = (0, _react.useRef)();
|
75
|
-
var history = (0,
|
74
|
+
var history = (0, _utils.useRealHistory)();
|
76
75
|
var onActionStart = function onActionStart(context, e) {
|
77
76
|
var _objectSpread2;
|
78
77
|
var trigger = action.trigger,
|
package/lib/actions/link.js
CHANGED
@@ -6,14 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.default = void 0;
|
7
7
|
exports.useLinkAction = useLinkAction;
|
8
8
|
var _utils = require("@teamix/utils");
|
9
|
-
var _useRealHistory = _interopRequireDefault(require("../utils/useRealHistory"));
|
10
9
|
var _base = require("./base");
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12
10
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
13
11
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
14
12
|
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; }
|
15
13
|
function useLinkAction(action, actionContext) {
|
16
|
-
var history = (0,
|
14
|
+
var history = (0, _utils.useRealHistory)();
|
17
15
|
return _objectSpread({}, (0, _base.eventHandler)(action, actionContext, function (context) {
|
18
16
|
var linkAction = (0, _utils.getTargetValue)(action, context);
|
19
17
|
(0, _utils.goToLink)(linkAction, history);
|
package/lib/actions/request.js
CHANGED
@@ -7,12 +7,10 @@ exports.default = void 0;
|
|
7
7
|
exports.doRequest = doRequest;
|
8
8
|
exports.useRequestAction = useRequestAction;
|
9
9
|
var _react = require("react");
|
10
|
-
var _useRealHistory = _interopRequireDefault(require("../utils/useRealHistory"));
|
11
10
|
var _utils = require("@teamix/utils");
|
12
11
|
var _base = require("./base");
|
13
12
|
var _excluded = ["method"],
|
14
13
|
_excluded2 = ["onFinish"];
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16
14
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
17
15
|
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."); }
|
18
16
|
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); }
|
@@ -38,7 +36,7 @@ function useRequestAction(action, actionContext) {
|
|
38
36
|
_useState2 = _slicedToArray(_useState, 2),
|
39
37
|
loading = _useState2[0],
|
40
38
|
setLoading = _useState2[1];
|
41
|
-
var history = (0,
|
39
|
+
var history = (0, _utils.useRealHistory)();
|
42
40
|
var onFinish = action.onFinish,
|
43
41
|
others = _objectWithoutProperties(action, _excluded2);
|
44
42
|
return _objectSpread(_objectSpread({}, (0, _base.eventHandler)(action, actionContext, function (context) {
|
package/lib/form/Filter/index.js
CHANGED
@@ -237,6 +237,17 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
|
|
237
237
|
};
|
238
238
|
}();
|
239
239
|
}
|
240
|
+
// 自定义updateDataSource
|
241
|
+
if (!formRef.current.updateDataSource) {
|
242
|
+
formRef.current.updateDataSource = function (query, params) {
|
243
|
+
[simpleForm, lightForm, advancedForm].forEach(function (f) {
|
244
|
+
var $query = f.query(query).take();
|
245
|
+
if ($query) {
|
246
|
+
$query.data.refresh = params;
|
247
|
+
}
|
248
|
+
});
|
249
|
+
};
|
250
|
+
}
|
240
251
|
}
|
241
252
|
};
|
242
253
|
// 创建简单筛选表单实例
|
@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
var _useRealHistory = _interopRequireDefault(require("../../utils/useRealHistory"));
|
8
7
|
var _utils = require("@teamix/utils");
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10
8
|
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; }
|
11
9
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
12
10
|
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; }
|
13
11
|
var useAutoSubmit = function useAutoSubmit(onSubmit, context) {
|
14
12
|
if ((0, _utils.isObj)(onSubmit)) {
|
15
|
-
var history = (0,
|
13
|
+
var history = (0, _utils.useRealHistory)();
|
16
14
|
var submitConfig = onSubmit;
|
17
15
|
return function (values) {
|
18
16
|
return (0, _utils.doCommonRequest)(_objectSpread(_objectSpread({
|
package/lib/index.d.ts
CHANGED
@@ -28,5 +28,5 @@ export * from './table';
|
|
28
28
|
export * from './sidebar';
|
29
29
|
export * from './utils';
|
30
30
|
export * from './timeline';
|
31
|
-
declare const version = "1.5.
|
31
|
+
declare const version = "1.5.10-release.1";
|
32
32
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };
|
package/lib/index.js
CHANGED
@@ -280,5 +280,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
280
280
|
if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMIXPRO_WITHOUT_ICON)) {
|
281
281
|
_icon.default.setConfig(_utils.default.getTeamixIconConfig());
|
282
282
|
}
|
283
|
-
var version = '1.5.
|
284
|
-
|
283
|
+
var version = '1.5.10-release.1';
|
284
|
+
// By TeamixTest
|
285
|
+
exports.version = version;
|
286
|
+
window.postMessage({
|
287
|
+
source: 'teamix-test-devtools',
|
288
|
+
url: window.location.href,
|
289
|
+
event: 'getModuleInfo',
|
290
|
+
moduleName: '@teamix/pro',
|
291
|
+
moduleVersion: version,
|
292
|
+
moduleType: 'TeamixPro',
|
293
|
+
componentName: 'TeamixPro'
|
294
|
+
}, '*');
|
package/lib/page-header/index.js
CHANGED
@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
8
|
-
var
|
8
|
+
var _utils = require("@teamix/utils");
|
9
9
|
var _classnames2 = _interopRequireDefault(require("classnames"));
|
10
10
|
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
11
11
|
var _components = require("@alicloudfe/components");
|
12
|
-
var _utils = require("@teamix/utils");
|
13
12
|
var _field = require("../field");
|
14
13
|
var _actions = require("../actions");
|
15
14
|
var _skeleton = require("../skeleton");
|
@@ -138,7 +137,7 @@ var ProPageHeader = function ProPageHeader(props) {
|
|
138
137
|
style = props.style,
|
139
138
|
tabs = props.tabs,
|
140
139
|
others = _objectWithoutProperties(props, _excluded3);
|
141
|
-
var history = (0,
|
140
|
+
var history = (0, _utils.useRealHistory)();
|
142
141
|
var backgroundImage = image ? "url('".concat(image, "')") : undefined;
|
143
142
|
var showList = function showList(list) {
|
144
143
|
var _list$actions;
|
@@ -160,7 +159,7 @@ var ProPageHeader = function ProPageHeader(props) {
|
|
160
159
|
return;
|
161
160
|
}
|
162
161
|
if (goback === true) {
|
163
|
-
history.go(-1);
|
162
|
+
history && history.go && history.go(-1);
|
164
163
|
return;
|
165
164
|
}
|
166
165
|
(0, _utils.goToLink)(goback, history);
|