@teamix/pro 1.4.0 → 1.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/pro.css +1 -1
- package/dist/pro.js +11103 -10755
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.min.js.LICENSE.txt +0 -2
- package/es/actions/dialog-form.js +1 -1
- package/es/actions/dialog.js +2 -1
- package/es/actions/index.js +5 -1
- package/es/card/index.d.ts +3 -1
- package/es/card/index.js +7 -5
- package/es/card/selectable.js +2 -2
- package/es/card/utils.js +2 -2
- package/es/form/Components/Editable/index.js +14 -10
- package/es/form/Components/FormGroup/index.js +10 -6
- package/es/form/Components/LightFilter/index.js +10 -7
- package/es/form/Components/Text/index.js +2 -4
- package/es/form/Filter/AdvancedFilter.js +3 -6
- package/es/form/Filter/Layout.js +12 -13
- package/es/form/Filter/LightFilter.js +3 -6
- package/es/form/Filter/SimpleFilter.js +3 -6
- package/es/form/Filter/index.js +9 -10
- package/es/form/Filter/index2.js +5 -10
- package/es/form/ProForm/index.d.ts +3 -2
- package/es/form/ProForm/index.js +9 -20
- package/es/form/SchemaForm/initializeSelectTable.js +3 -6
- package/es/form/typing.d.ts +0 -3
- package/es/index.d.ts +1 -1
- package/es/index.js +2 -3
- package/es/info/components/InfoValueItem/index.js +2 -2
- package/es/info/components/ProInfoItem/index.js +3 -2
- package/es/info/components/tableInfo/index.js +1 -1
- package/es/nocode/pages/editor.js +2 -2
- package/es/nocode/pages/playground.js +2 -2
- package/es/nocode/pages/renderer.js +2 -2
- package/es/nocode/playground.js +2 -2
- package/es/page-header/index.d.ts +2 -1
- package/es/page-header/index.js +3 -2
- package/es/sidebar/components/sidebar-container/index.js +2 -2
- package/es/sidebar/components/tree/index.js +2 -2
- package/es/sidebar/components/tree-node/components/HoverTooltip/index.js +2 -2
- package/es/sidebar/components/tree-node/components/IconAction/index.js +2 -2
- package/es/sidebar/components/tree-node/components/IconSwitch/index.js +2 -2
- package/es/sidebar/components/tree-node/index.js +3 -3
- package/es/sidebar/index.js +2 -2
- package/es/sidebar/typing.d.ts +2 -1
- package/es/table/components/Filter/index.js +2 -2
- package/es/table/components/Layout/index.js +9 -5
- package/es/table/components/Pagination/index.js +13 -9
- package/es/table/components/ToolBar/DensityIcon.js +2 -2
- package/es/table/components/ToolBar/FilterColumnIcon.js +6 -12
- package/es/table/components/ToolBar/FullScreenIcon.js +2 -2
- package/es/table/components/ToolBar/RefreshIcon.js +2 -2
- package/es/table/components/ToolBar/index.js +2 -2
- package/es/table/index.js +18 -23
- package/es/table/index.scss +7 -0
- package/es/table/typing.d.ts +5 -1
- package/es/table/utils/columnRender.d.ts +1 -1
- package/es/table/utils/columnRender.js +8 -5
- package/es/table/utils/genProColumnToColumn.d.ts +1 -1
- package/es/table/utils/genProColumnToColumn.js +2 -1
- package/es/table/utils/pureColumnRender.js +2 -2
- package/es/timeline/ProTimeLineItem/index.js +3 -3
- package/es/timeline/index.js +2 -2
- package/es/timeline/typing.d.ts +1 -1
- package/lib/actions/dialog-form.js +1 -1
- package/lib/actions/dialog.js +2 -1
- package/lib/actions/index.js +5 -1
- package/lib/card/index.d.ts +3 -1
- package/lib/card/index.js +8 -5
- package/lib/card/selectable.js +1 -1
- package/lib/card/utils.js +1 -1
- package/lib/form/Components/Editable/index.js +14 -10
- package/lib/form/Components/FormGroup/index.js +10 -6
- package/lib/form/Components/LightFilter/index.js +10 -7
- package/lib/form/Components/Text/index.js +2 -4
- package/lib/form/Filter/AdvancedFilter.js +2 -6
- package/lib/form/Filter/Layout.js +11 -13
- package/lib/form/Filter/LightFilter.js +2 -6
- package/lib/form/Filter/SimpleFilter.js +2 -6
- package/lib/form/Filter/index.js +8 -10
- package/lib/form/Filter/index2.js +4 -10
- package/lib/form/ProForm/index.d.ts +3 -2
- package/lib/form/ProForm/index.js +8 -21
- package/lib/form/SchemaForm/initializeSelectTable.js +2 -6
- package/lib/form/typing.d.ts +0 -3
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/info/components/InfoValueItem/index.js +1 -1
- package/lib/info/components/ProInfoItem/index.js +6 -4
- package/lib/info/components/tableInfo/index.js +4 -4
- package/lib/nocode/pages/editor.js +1 -1
- package/lib/nocode/pages/playground.js +1 -1
- package/lib/nocode/pages/renderer.js +1 -1
- package/lib/nocode/playground.js +1 -1
- package/lib/page-header/index.d.ts +2 -1
- package/lib/page-header/index.js +5 -3
- package/lib/sidebar/components/sidebar-container/index.js +1 -1
- package/lib/sidebar/components/tree/index.js +1 -1
- package/lib/sidebar/components/tree-node/components/HoverTooltip/index.js +1 -1
- package/lib/sidebar/components/tree-node/components/IconAction/index.js +1 -1
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.js +1 -1
- package/lib/sidebar/components/tree-node/index.js +3 -3
- package/lib/sidebar/index.js +1 -1
- package/lib/sidebar/typing.d.ts +2 -1
- package/lib/table/components/Filter/index.js +1 -1
- package/lib/table/components/Layout/index.js +11 -6
- package/lib/table/components/Pagination/index.js +12 -9
- package/lib/table/components/ToolBar/DensityIcon.js +1 -1
- package/lib/table/components/ToolBar/FilterColumnIcon.js +7 -11
- package/lib/table/components/ToolBar/FullScreenIcon.js +1 -1
- package/lib/table/components/ToolBar/RefreshIcon.js +1 -1
- package/lib/table/components/ToolBar/index.js +1 -1
- package/lib/table/index.js +17 -23
- package/lib/table/index.scss +7 -0
- package/lib/table/typing.d.ts +5 -1
- package/lib/table/utils/columnRender.d.ts +1 -1
- package/lib/table/utils/columnRender.js +14 -5
- package/lib/table/utils/genProColumnToColumn.d.ts +1 -1
- package/lib/table/utils/genProColumnToColumn.js +2 -1
- package/lib/table/utils/pureColumnRender.js +8 -2
- package/lib/timeline/ProTimeLineItem/index.js +4 -2
- package/lib/timeline/index.js +1 -1
- package/lib/timeline/typing.d.ts +1 -1
- package/package.json +1 -1
- package/es/form/ProForm/useFieldSchema.d.ts +0 -7
- package/es/form/ProForm/useFieldSchema.js +0 -109
- package/lib/form/ProForm/useFieldSchema.d.ts +0 -7
- package/lib/form/ProForm/useFieldSchema.js +0 -118
@@ -50,7 +50,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
50
50
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
51
51
|
|
52
52
|
var CheckboxItem = _components.Menu.CheckboxItem;
|
53
|
-
var cls = (0, _utils.
|
53
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-filter');
|
54
54
|
var RadioItem = _components.Menu.RadioItem;
|
55
55
|
|
56
56
|
var Filter = function Filter(props) {
|
@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
10
10
|
var _utils = require("@teamix/utils");
|
11
11
|
|
12
|
+
var _field = require("../../../field");
|
13
|
+
|
12
14
|
var _actions = require("../../../actions");
|
13
15
|
|
14
16
|
var _form = require("../../../form");
|
@@ -19,7 +21,7 @@ var _QuickAction = _interopRequireDefault(require("../QuickAction"));
|
|
19
21
|
|
20
22
|
require("./index.scss");
|
21
23
|
|
22
|
-
var _excluded = ["header", "mainAction", "extra", "actionRef", "dataFilter", "dataFilterFormRef", "rowSelection"];
|
24
|
+
var _excluded = ["header", "mainAction", "extra", "actionRef", "dataFilter", "dataFilterFormRef", "afterDataFilter", "rowSelection"];
|
23
25
|
|
24
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25
27
|
|
@@ -39,7 +41,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
39
41
|
|
40
42
|
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; }
|
41
43
|
|
42
|
-
var cls = (0, _utils.
|
44
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-layout');
|
43
45
|
|
44
46
|
var Layout = function Layout(props) {
|
45
47
|
var header = props.header,
|
@@ -48,6 +50,7 @@ var Layout = function Layout(props) {
|
|
48
50
|
actionRef = props.actionRef,
|
49
51
|
dataFilter = props.dataFilter,
|
50
52
|
dataFilterFormRef = props.dataFilterFormRef,
|
53
|
+
afterDataFilter = props.afterDataFilter,
|
51
54
|
rowSelection = props.rowSelection,
|
52
55
|
otherProps = _objectWithoutProperties(props, _excluded); // 渲染主操作区
|
53
56
|
|
@@ -119,7 +122,7 @@ var Layout = function Layout(props) {
|
|
119
122
|
addonAfter: renderAddonAfter()
|
120
123
|
}, dataFilter));
|
121
124
|
} else if ((dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema2 = dataFilter.schema) === null || _dataFilter$schema2 === void 0 ? void 0 : _dataFilter$schema2.length) >= 0) {
|
122
|
-
return /*#__PURE__*/_react.default.createElement(_form.QueryFilter, _objectSpread({
|
125
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.QueryFilter, _objectSpread({
|
123
126
|
formRef: dataFilterFormRef,
|
124
127
|
onExpand: function onExpand(expand) {
|
125
128
|
// 全屏模式下展开收起过滤器需要重新计算tableMaxHeight
|
@@ -136,7 +139,9 @@ var Layout = function Layout(props) {
|
|
136
139
|
},
|
137
140
|
addonBefore: renderMainAction(),
|
138
141
|
addonAfter: renderAddonAfter()
|
139
|
-
}, dataFilter))
|
142
|
+
}, dataFilter)), afterDataFilter && /*#__PURE__*/_react.default.createElement("div", {
|
143
|
+
className: "mb8 ".concat(cls('after-data-filter-wrapper'))
|
144
|
+
}, afterDataFilter));
|
140
145
|
}
|
141
146
|
} else if (mainAction) {
|
142
147
|
// 没传 dataFilter 但是传了 mainAction
|
@@ -158,7 +163,7 @@ var Layout = function Layout(props) {
|
|
158
163
|
className: cls('wrapper')
|
159
164
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
160
165
|
className: cls('left')
|
161
|
-
}, header && /*#__PURE__*/_react.default.createElement(
|
166
|
+
}, header && /*#__PURE__*/_react.default.createElement(_field.Header, _objectSpread({}, header))), /*#__PURE__*/_react.default.createElement("div", {
|
162
167
|
className: cls('right')
|
163
168
|
}, extra && /*#__PURE__*/_react.default.createElement(_QuickAction.default, {
|
164
169
|
actionRef: actionRef,
|
@@ -172,7 +177,7 @@ var Layout = function Layout(props) {
|
|
172
177
|
className: cls('wrapper')
|
173
178
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
174
179
|
className: cls('left')
|
175
|
-
}, header && /*#__PURE__*/_react.default.createElement(
|
180
|
+
}, header && /*#__PURE__*/_react.default.createElement(_field.Header, _objectSpread({}, header))), /*#__PURE__*/_react.default.createElement("div", {
|
176
181
|
className: cls('right')
|
177
182
|
}, extra && /*#__PURE__*/_react.default.createElement(_QuickAction.default, {
|
178
183
|
actionRef: actionRef,
|
@@ -45,8 +45,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
45
45
|
|
46
46
|
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; }
|
47
47
|
|
48
|
-
var cls = (0, _utils.baseClass)('teamix-pro-pagination');
|
49
|
-
|
50
48
|
var _default = function _default(props) {
|
51
49
|
var className = props.className,
|
52
50
|
propsOnChange = props.onChange,
|
@@ -60,6 +58,11 @@ var _default = function _default(props) {
|
|
60
58
|
responsivePaginationType = props.responsivePaginationType,
|
61
59
|
otherProps = _objectWithoutProperties(props, _excluded);
|
62
60
|
|
61
|
+
var basePrefix = (0, _utils.usePrefixCls)('', {
|
62
|
+
base: true
|
63
|
+
});
|
64
|
+
var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-pagination');
|
65
|
+
|
63
66
|
var _useResponsiveProps = (0, _hooks.useResponsiveProps)([480, 590, 700], ['mini', 'small', 'simple', 'normal']),
|
64
67
|
responsiveProps = _useResponsiveProps.responsiveProps,
|
65
68
|
paginationWrapperRef = _useResponsiveProps.ref;
|
@@ -115,11 +118,11 @@ var _default = function _default(props) {
|
|
115
118
|
total: total
|
116
119
|
}))
|
117
120
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
118
|
-
className:
|
121
|
+
className: prefixCls('custom-total-content')
|
119
122
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
120
123
|
className: "title"
|
121
124
|
}, (0, _utils.getMessage)('pageSize')), /*#__PURE__*/_react.default.createElement(_components.Select, {
|
122
|
-
className:
|
125
|
+
className: prefixCls('custom-page-size-selector'),
|
123
126
|
dataSource: pageSizeList,
|
124
127
|
defaultValue: pageSize,
|
125
128
|
followTrigger: true,
|
@@ -176,9 +179,9 @@ var _default = function _default(props) {
|
|
176
179
|
};
|
177
180
|
|
178
181
|
return /*#__PURE__*/_react.default.createElement("div", {
|
179
|
-
className:
|
182
|
+
className: prefixCls('custom-jumper')
|
180
183
|
}, /*#__PURE__*/_react.default.createElement(_components.Button, {
|
181
|
-
className:
|
184
|
+
className: basePrefix('prev', 'pagination-item'),
|
182
185
|
onClick: handlePrevClick,
|
183
186
|
disabled: Number(currentPage) <= 1
|
184
187
|
}, /*#__PURE__*/_react.default.createElement(_components.Icon, {
|
@@ -200,7 +203,7 @@ var _default = function _default(props) {
|
|
200
203
|
marginRight: 4
|
201
204
|
}
|
202
205
|
}, "/"), getTotalPage(total, pageSize)), /*#__PURE__*/_react.default.createElement(_components.Button, {
|
203
|
-
className:
|
206
|
+
className: basePrefix('next', 'pagination-item'),
|
204
207
|
onClick: handleNextClick,
|
205
208
|
//@ts-ignore
|
206
209
|
disabled: total && Number(currentPage) >= getTotalPage(total, pageSize)
|
@@ -218,7 +221,7 @@ var _default = function _default(props) {
|
|
218
221
|
}, otherProps));
|
219
222
|
} else {
|
220
223
|
return /*#__PURE__*/_react.default.createElement("div", {
|
221
|
-
className:
|
224
|
+
className: (0, _utils.cls)(basePrefix('pagination'), prefixCls('custom-mini-pagination'))
|
222
225
|
}, customTotalRender(total), customJumpRender());
|
223
226
|
}
|
224
227
|
}
|
@@ -267,7 +270,7 @@ var _default = function _default(props) {
|
|
267
270
|
// 用于获取翻页器响应式 ref
|
268
271
|
_react.default.createElement("div", {
|
269
272
|
ref: paginationWrapperRef,
|
270
|
-
className:
|
273
|
+
className: prefixCls('wrapper')
|
271
274
|
}, renderPagination())
|
272
275
|
);
|
273
276
|
};
|
@@ -36,7 +36,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
36
36
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
37
37
|
|
38
38
|
var RadioItem = _components.Menu.RadioItem;
|
39
|
-
var cls = (0, _utils.
|
39
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-icon');
|
40
40
|
|
41
41
|
var DensityIcon = function DensityIcon(props) {
|
42
42
|
var _actionRef$current;
|
@@ -17,6 +17,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
|
18
18
|
var _utils2 = require("../../utils");
|
19
19
|
|
20
|
+
var _field = require("../../../field");
|
21
|
+
|
20
22
|
require("./index.scss");
|
21
23
|
|
22
24
|
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); }
|
@@ -54,21 +56,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
54
56
|
var CheckboxItem = _components.Menu.CheckboxItem;
|
55
57
|
var Row = _components.Grid.Row,
|
56
58
|
Col = _components.Grid.Col;
|
57
|
-
var cls = (0, _utils.
|
58
|
-
|
59
|
-
var isRoot = (0, _utils.getCookie)('organizationId') === '1';
|
59
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-filter-column');
|
60
60
|
|
61
61
|
var processColumns = function processColumns(columns) {
|
62
|
-
|
63
|
-
// root 组织下不显示标签管理
|
64
|
-
columns = columns.filter(function (item) {
|
65
|
-
return item.valueType !== 'selectGroup';
|
66
|
-
});
|
67
|
-
} // hidden 为 true 时不展示
|
62
|
+
var _getGlobalConfig;
|
68
63
|
|
64
|
+
var globalFilterColumns = (_getGlobalConfig = (0, _utils.getGlobalConfig)('ProTable')) === null || _getGlobalConfig === void 0 ? void 0 : _getGlobalConfig.filterColumns; // hidden 为 true 时不展示
|
69
65
|
|
70
66
|
columns = columns.filter(function (item) {
|
71
|
-
return (item === null || item === void 0 ? void 0 : item.hidden) !== true;
|
67
|
+
return (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(item));
|
72
68
|
});
|
73
69
|
return columns.map(function (item) {
|
74
70
|
if (item.columnFilters === false) {
|
@@ -399,7 +395,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
399
395
|
setNewColumns(columnsList);
|
400
396
|
},
|
401
397
|
disabled: columnFiltersDisabled
|
402
|
-
}, /*#__PURE__*/_react.default.createElement(
|
398
|
+
}, /*#__PURE__*/_react.default.createElement(_field.Ellipsis, {
|
403
399
|
tooltip: title
|
404
400
|
}, title)));
|
405
401
|
}))));
|
@@ -35,7 +35,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
35
35
|
|
36
36
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
37
37
|
|
38
|
-
var cls = (0, _utils.
|
38
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-icon');
|
39
39
|
|
40
40
|
var FullScreenIcon = function FullScreenIcon(props) {
|
41
41
|
var _actionRef$current3, _actionRef$current3$o;
|
@@ -20,7 +20,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
20
20
|
/**
|
21
21
|
* 刷新
|
22
22
|
*/
|
23
|
-
var cls = (0, _utils.
|
23
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-icon');
|
24
24
|
|
25
25
|
var LayoutIcon = function LayoutIcon(props) {
|
26
26
|
var actionRef = props.actionRef; // const [fullscreen, setFullscreen] = useState<boolean>(false);
|
@@ -27,7 +27,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
27
27
|
|
28
28
|
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; }
|
29
29
|
|
30
|
-
var cls = (0, _utils.
|
30
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar');
|
31
31
|
var presetToolBarMap = {
|
32
32
|
refresh: _RefreshIcon.default,
|
33
33
|
density: _DensityIcon.default,
|
package/lib/table/index.js
CHANGED
@@ -34,8 +34,6 @@ var _Fullscreen = _interopRequireDefault(require("./components/ToolBar/Fullscree
|
|
34
34
|
|
35
35
|
var _EmptyContent = _interopRequireDefault(require("./components/EmptyContent"));
|
36
36
|
|
37
|
-
var _form = require("../form");
|
38
|
-
|
39
37
|
var _actions = require("../actions");
|
40
38
|
|
41
39
|
var _classnames = _interopRequireDefault(require("classnames"));
|
@@ -55,7 +53,7 @@ Object.keys(_typing).forEach(function (key) {
|
|
55
53
|
}
|
56
54
|
});
|
57
55
|
});
|
58
|
-
var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll"];
|
56
|
+
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", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context"];
|
59
57
|
|
60
58
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
61
59
|
|
@@ -95,10 +93,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
95
93
|
|
96
94
|
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; }
|
97
95
|
|
98
|
-
var cls = (0, _utils.
|
99
|
-
var toJS = _form.formilyReactive.toJS; // 判断是否是 root 组织
|
100
|
-
|
101
|
-
var isRoot = (0, _utils.getCookie)('organizationId') === '1';
|
96
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-table');
|
102
97
|
/**
|
103
98
|
* 处理原生传入的 columns 以便于 选择列 方便处理
|
104
99
|
* @param columns 原生传入的 columns
|
@@ -106,24 +101,17 @@ var isRoot = (0, _utils.getCookie)('organizationId') === '1';
|
|
106
101
|
*/
|
107
102
|
|
108
103
|
var processColumns = function processColumns(columns, initialColumns) {
|
109
|
-
var
|
104
|
+
var _getGlobalConfig;
|
110
105
|
|
106
|
+
var globalFilterColumns = (_getGlobalConfig = (0, _utils.getGlobalConfig)('ProTable')) === null || _getGlobalConfig === void 0 ? void 0 : _getGlobalConfig.filterColumns;
|
111
107
|
var filterColumns = columns.filter(function (item) {
|
112
|
-
return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true;
|
113
|
-
});
|
108
|
+
return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(item));
|
109
|
+
}); // 处理只剩一列批量选择的情况下宽度错乱问题
|
114
110
|
|
115
|
-
if (
|
116
|
-
|
117
|
-
filterColumns = filterColumns.filter(function (item) {
|
118
|
-
return item.valueType !== 'selectGroup';
|
119
|
-
});
|
120
|
-
} // 处理只剩一列批量选择的情况下宽度错乱问题
|
111
|
+
if (filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) {
|
112
|
+
var _initialColumns$;
|
121
113
|
|
122
|
-
|
123
|
-
if ((_filterColumns = filterColumns) === null || _filterColumns === void 0 ? void 0 : _filterColumns.length) {
|
124
|
-
var _filterColumns2, _initialColumns$;
|
125
|
-
|
126
|
-
if (((_filterColumns2 = filterColumns) === null || _filterColumns2 === void 0 ? void 0 : _filterColumns2.length) === 1) {
|
114
|
+
if ((filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) === 1) {
|
127
115
|
var _filterColumns$, _filterColumns$2;
|
128
116
|
|
129
117
|
if ((_filterColumns$ = filterColumns[0]) === null || _filterColumns$ === void 0 ? void 0 : _filterColumns$.width) {
|
@@ -173,6 +161,7 @@ var ProTable = function ProTable(props) {
|
|
173
161
|
mainAction = props.mainAction,
|
174
162
|
extra = props.extra,
|
175
163
|
propsDataFilter = props.dataFilter,
|
164
|
+
afterDataFilter = props.afterDataFilter,
|
176
165
|
toolBar = props.toolBar,
|
177
166
|
propsColumns = props.columns,
|
178
167
|
useRowSelection = props.useRowSelection,
|
@@ -225,6 +214,7 @@ var ProTable = function ProTable(props) {
|
|
225
214
|
_props$size = props.size,
|
226
215
|
propsSize = _props$size === void 0 ? 'medium' : _props$size,
|
227
216
|
disableSelectAll = props.disableSelectAll,
|
217
|
+
context = props.context,
|
228
218
|
otherProps = _objectWithoutProperties(props, _excluded);
|
229
219
|
|
230
220
|
var targetPageKey = pageKey || globalPageKey;
|
@@ -313,7 +303,10 @@ var ProTable = function ProTable(props) {
|
|
313
303
|
|
314
304
|
var tableDom = tableRef.current;
|
315
305
|
var headerDom = tableDom === null || tableDom === void 0 ? void 0 : (_tableDom$getElements = tableDom.getElementsByClassName('teamix-pro-table-layout')) === null || _tableDom$getElements === void 0 ? void 0 : _tableDom$getElements[0];
|
316
|
-
var
|
306
|
+
var basePrefix = (0, _utils.usePrefixCls)('', {
|
307
|
+
base: true
|
308
|
+
});
|
309
|
+
var tableHeaderDom = tableDom === null || tableDom === void 0 ? void 0 : (_tableDom$getElements2 = tableDom.getElementsByClassName(basePrefix('table-header-inner'))) === null || _tableDom$getElements2 === void 0 ? void 0 : _tableDom$getElements2[0];
|
317
310
|
return new Promise(function (resolve) {
|
318
311
|
setTimeout(function () {
|
319
312
|
var _headerDom$offsetHeig, _tableHeaderDom$offse;
|
@@ -857,13 +850,14 @@ var ProTable = function ProTable(props) {
|
|
857
850
|
actionRef: actionRef,
|
858
851
|
columns: propsColumns,
|
859
852
|
dataFilter: dataFilter,
|
853
|
+
afterDataFilter: afterDataFilter,
|
860
854
|
dataFilterFormRef: isFullScreen ? fullscreenDataFilterFormRef : normalDataFilterFormRef,
|
861
855
|
rowSelection: rowSelection,
|
862
856
|
filterColumnType: filterColumnType
|
863
857
|
}), /*#__PURE__*/_react.default.createElement(_components.Table.StickyLock, _objectSpread({
|
864
858
|
hasBorder: false,
|
865
859
|
dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
|
866
|
-
columns: (0, _genProColumnToColumn.default)(filteredColumns, showSkeleton, actionRef),
|
860
|
+
columns: (0, _genProColumnToColumn.default)(filteredColumns, showSkeleton, actionRef, context),
|
867
861
|
loading: getTableLoading(),
|
868
862
|
className: (0, _classnames.default)('teamix-pro-table', tableClassName, {
|
869
863
|
'with-row-select': rowSelection
|
package/lib/table/index.scss
CHANGED
package/lib/table/typing.d.ts
CHANGED
@@ -6,7 +6,7 @@ import { ProFieldType, ProFieldRenderProps, ProFieldDataSourceItem } from '../fi
|
|
6
6
|
import { QueryFilterProps, ProFormType } from '../form';
|
7
7
|
import { ProActionGroupProps, ProActionButtonProps } from '../actions';
|
8
8
|
import { PaginationProps } from '@alicloudfe/components/types/pagination';
|
9
|
-
import { HeaderProps as ProTableHeaderProps } from '
|
9
|
+
import { HeaderProps as ProTableHeaderProps } from '../field';
|
10
10
|
import { Method } from 'axios';
|
11
11
|
import React from 'react';
|
12
12
|
declare type IFieldRenderProps = keyof ProFieldRenderProps;
|
@@ -139,6 +139,8 @@ export declare type ProTableProps = {
|
|
139
139
|
};
|
140
140
|
/** 禁用掉批量选择中的全选 */
|
141
141
|
disableSelectAll?: boolean;
|
142
|
+
/** 接收外部传来的 context,eg: dialog-table */
|
143
|
+
context?: any;
|
142
144
|
} & Omit<TableProps, 'columns'> & ProTableTopAreaProps;
|
143
145
|
export declare type rowSelectionType = {
|
144
146
|
getProps?: (record: any, index: number) => any;
|
@@ -254,6 +256,8 @@ export declare type ProTableTopAreaProps = {
|
|
254
256
|
extra?: ProActionButtonProps | React.ReactNode | React.ReactNode[];
|
255
257
|
/** 数据过滤区 */
|
256
258
|
dataFilter?: ProTableDataFilterProps;
|
259
|
+
/** 数据过滤区下方自定义区域 */
|
260
|
+
afterDataFilter?: React.ReactNode;
|
257
261
|
/** 传给 QueryFilter 的 formRef */
|
258
262
|
dataFilterFormRef?: any;
|
259
263
|
/** 排序、筛选列展示状态 */
|
@@ -10,4 +10,4 @@ export declare const renderColumnsTitle: (item: ProTableColumnProps, actionRef:
|
|
10
10
|
/**
|
11
11
|
* 负责单元格的具体渲染
|
12
12
|
*/
|
13
|
-
export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any, actionRef: React.MutableRefObject<ProTableActionType | undefined
|
13
|
+
export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any) => JSX.Element;
|
@@ -1,5 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
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
|
+
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
4
6
|
value: true
|
5
7
|
});
|
@@ -11,10 +13,14 @@ var _utils = require("@teamix/utils");
|
|
11
13
|
|
12
14
|
var _actions = require("../../actions");
|
13
15
|
|
14
|
-
var _field =
|
16
|
+
var _field = _interopRequireWildcard(require("../../field"));
|
15
17
|
|
16
18
|
var _Filter = _interopRequireDefault(require("../components/Filter"));
|
17
19
|
|
20
|
+
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); }
|
21
|
+
|
22
|
+
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; }
|
23
|
+
|
18
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19
25
|
|
20
26
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
@@ -105,7 +111,7 @@ var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
|
|
105
111
|
});
|
106
112
|
};
|
107
113
|
|
108
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
114
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_field.LabelIconTip, {
|
109
115
|
label: item.title,
|
110
116
|
tooltip: item.tooltip,
|
111
117
|
icon: item.tooltipIcon
|
@@ -121,7 +127,9 @@ var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
|
|
121
127
|
|
122
128
|
exports.renderColumnsTitle = renderColumnsTitle;
|
123
129
|
|
124
|
-
var renderCell = function renderCell(value, item, index, record, actionRef
|
130
|
+
var renderCell = function renderCell(value, item, index, record, actionRef,
|
131
|
+
/** 接收外部比如 dialog-table 传过来的 context,用于弹窗关闭等 */
|
132
|
+
context) {
|
125
133
|
var _actionSchema$actions;
|
126
134
|
|
127
135
|
var _item$valueType = item.valueType,
|
@@ -182,12 +190,13 @@ var renderCell = function renderCell(value, item, index, record, actionRef) {
|
|
182
190
|
|
183
191
|
if (actionSchema && ((_actionSchema$actions = actionSchema.actions) === null || _actionSchema$actions === void 0 ? void 0 : _actionSchema$actions.length)) {
|
184
192
|
// 默认 context
|
185
|
-
var defaultContext = {
|
193
|
+
var defaultContext = _objectSpread({
|
186
194
|
value: value,
|
187
195
|
index: index,
|
188
196
|
record: record,
|
189
197
|
action: actionRef.current
|
190
|
-
};
|
198
|
+
}, context);
|
199
|
+
|
191
200
|
return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread({
|
192
201
|
type: "text"
|
193
202
|
}, actionSchema), {}, {
|
@@ -6,4 +6,4 @@ import { ColumnProps } from '@alicloudfe/components/types/table';
|
|
6
6
|
*/
|
7
7
|
export default function genProColumnToColumn(columns: ProTableColumnProps[],
|
8
8
|
/** 是否渲染骨架屏 */
|
9
|
-
showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined
|
9
|
+
showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any): ColumnProps[];
|
@@ -31,6 +31,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
31
31
|
function genProColumnToColumn(columns,
|
32
32
|
/** 是否渲染骨架屏 */
|
33
33
|
showSkeleton, actionRef) {
|
34
|
+
var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
34
35
|
return columns.map(function (columnProps) {
|
35
36
|
var filters = columnProps.filters,
|
36
37
|
dataIndex = columnProps.dataIndex,
|
@@ -55,7 +56,7 @@ showSkeleton, actionRef) {
|
|
55
56
|
dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
|
56
57
|
title: (0, _columnRender.renderColumnsTitle)(columnProps, actionRef),
|
57
58
|
cell: function cell(value, index, record) {
|
58
|
-
return (0, _columnRender.renderCell)(value, columnProps, index, record, actionRef);
|
59
|
+
return (0, _columnRender.renderCell)(value, columnProps, index, record, actionRef, context);
|
59
60
|
}
|
60
61
|
});
|
61
62
|
});
|
@@ -1,5 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
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
|
+
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
4
6
|
value: true
|
5
7
|
});
|
@@ -9,7 +11,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
9
11
|
|
10
12
|
var _utils = require("@teamix/utils");
|
11
13
|
|
12
|
-
var _field =
|
14
|
+
var _field = _interopRequireWildcard(require("../../field"));
|
15
|
+
|
16
|
+
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); }
|
17
|
+
|
18
|
+
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; }
|
13
19
|
|
14
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
21
|
|
@@ -43,7 +49,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
43
49
|
* 增加了 icon 的功能 render title
|
44
50
|
*/
|
45
51
|
var renderColumnsTitle = function renderColumnsTitle(item) {
|
46
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
52
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_field.LabelIconTip, {
|
47
53
|
label: item.title,
|
48
54
|
tooltip: item.tooltip,
|
49
55
|
icon: item.tooltipIcon
|
@@ -15,6 +15,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
15
|
|
16
16
|
var _utils = require("@teamix/utils");
|
17
17
|
|
18
|
+
var _field = require("../../field");
|
19
|
+
|
18
20
|
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
19
21
|
|
20
22
|
var _excluded = ["_comment", "_shape", "status", "image", "icon", "title", "subTitle", "time", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender"];
|
@@ -50,7 +52,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
50
52
|
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; }
|
51
53
|
|
52
54
|
var TimelineItem = _components.Timeline.Item;
|
53
|
-
var cls = (0, _utils.
|
55
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-timeline');
|
54
56
|
|
55
57
|
var ProTimeLineItem = function ProTimeLineItem(props) {
|
56
58
|
var _props$_comment = props._comment,
|
@@ -138,7 +140,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
138
140
|
|
139
141
|
var renderTag = function renderTag() {
|
140
142
|
if (_typeof(tags) === 'object') {
|
141
|
-
return (0,
|
143
|
+
return (0, _field.renderTags)(tags, 'small');
|
142
144
|
}
|
143
145
|
|
144
146
|
return tags;
|
package/lib/timeline/index.js
CHANGED
@@ -43,7 +43,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
43
43
|
|
44
44
|
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; }
|
45
45
|
|
46
|
-
var cls = (0, _utils.
|
46
|
+
var cls = (0, _utils.usePrefixCls)('teamix-pro-timeline');
|
47
47
|
|
48
48
|
var ProTimeline = function ProTimeline(props) {
|
49
49
|
var items = props.items,
|
package/lib/timeline/typing.d.ts
CHANGED
package/package.json
CHANGED