@ccs-ui/rc-pro 1.1.25-beta-3 → 1.1.25-beta-4
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/es/auth/index.d.ts +4 -1
- package/es/auth/index.js +19 -7
- package/es/ccs.d.ts +16 -0
- package/es/dialog/HookModal.d.ts +1 -1
- package/es/pro-table/_utils.d.ts +12 -0
- package/es/pro-table/_utils.js +94 -0
- package/es/pro-table/index.less +41 -12
- package/es/pro-table/operation.d.ts +11 -0
- package/es/pro-table/operation.js +171 -0
- package/es/pro-table/search.d.ts +3 -8
- package/es/pro-table/search.js +108 -251
- package/es/pro-table/table.d.ts +18 -4
- package/es/pro-table/table.js +74 -91
- package/es/pro-table/tree.d.ts +4 -6
- package/es/pro-table/tree.js +3 -5
- package/es/table/index.d.ts +9 -1
- package/es/table/index.js +28 -27
- package/package.json +2 -2
package/es/pro-table/search.js
CHANGED
|
@@ -1,51 +1,24 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
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
|
-
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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
8
|
-
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."); }
|
|
9
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
10
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
11
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
3
|
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
4
|
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); }
|
|
14
5
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
15
6
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
16
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
|
-
|
|
18
|
-
|
|
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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
12
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
13
|
+
import { MoreOutlined, UpOutlined } from '@ant-design/icons';
|
|
14
|
+
import { Button, Card, Col, Form, Row, theme } from 'antd';
|
|
19
15
|
import React, { cloneElement, useMemo, useRef, useState } from 'react';
|
|
20
|
-
import {
|
|
16
|
+
import { getShowDpends } from "./_utils";
|
|
21
17
|
import { classPrefix } from "./table";
|
|
22
|
-
|
|
23
|
-
/** 查找所有父级依赖 */
|
|
24
18
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
25
19
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
26
20
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
27
21
|
import { createElement as _createElement } from "react";
|
|
28
|
-
var getShowDpends = function getShowDpends(items, item, depends) {
|
|
29
|
-
var showDepends = item.showDepends;
|
|
30
|
-
if (showDepends) {
|
|
31
|
-
var dependItems = items.filter(function (i) {
|
|
32
|
-
return showDepends.some(function (e) {
|
|
33
|
-
return e && e.name === i.name;
|
|
34
|
-
});
|
|
35
|
-
}) || [];
|
|
36
|
-
dependItems.forEach(function (dependItem) {
|
|
37
|
-
if (dependItem !== null && dependItem !== void 0 && dependItem.showDepends) {
|
|
38
|
-
dependItem.showDepends.forEach(function (e) {
|
|
39
|
-
return depends.push(e);
|
|
40
|
-
});
|
|
41
|
-
return getShowDpends(items, dependItem, depends);
|
|
42
|
-
}
|
|
43
|
-
return false;
|
|
44
|
-
});
|
|
45
|
-
return depends;
|
|
46
|
-
}
|
|
47
|
-
return depends;
|
|
48
|
-
};
|
|
49
22
|
var DefaultItemCol = {
|
|
50
23
|
xs: 24,
|
|
51
24
|
sm: 12,
|
|
@@ -53,42 +26,42 @@ var DefaultItemCol = {
|
|
|
53
26
|
lg: 8,
|
|
54
27
|
xl: 6
|
|
55
28
|
};
|
|
29
|
+
var onFormatProps = function onFormatProps(props) {
|
|
30
|
+
return _objectSpread(_objectSpread({}, props), {}, {
|
|
31
|
+
expandForm: props.formItemLayout === 'tradition' ? false : props.expandForm,
|
|
32
|
+
formItemLayout: props.formItemLayout === 'tradition' ? 'inline' : props.formItemLayout
|
|
33
|
+
});
|
|
34
|
+
};
|
|
56
35
|
|
|
57
36
|
/** 操作按钮、查询,重置、列筛选、 */
|
|
58
|
-
function SearchComponent(
|
|
59
|
-
var
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
toolbar =
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
onSearch = _ref.onSearch;
|
|
78
|
-
var _useState = useState(false),
|
|
37
|
+
function SearchComponent(props) {
|
|
38
|
+
var _onFormatProps = onFormatProps(props),
|
|
39
|
+
form = _onFormatProps.form,
|
|
40
|
+
title = _onFormatProps.title,
|
|
41
|
+
toolbar = _onFormatProps.toolbar,
|
|
42
|
+
children = _onFormatProps.children,
|
|
43
|
+
expandForm = _onFormatProps.expandForm,
|
|
44
|
+
titleBordered = _onFormatProps.titleBordered,
|
|
45
|
+
_onFormatProps$formIt = _onFormatProps.formItems,
|
|
46
|
+
formItems = _onFormatProps$formIt === void 0 ? [] : _onFormatProps$formIt,
|
|
47
|
+
formInitValues = _onFormatProps.formInitValues,
|
|
48
|
+
_onFormatProps$formIt2 = _onFormatProps.formItemLayout,
|
|
49
|
+
formItemLayout = _onFormatProps$formIt2 === void 0 ? 'horizontal' : _onFormatProps$formIt2,
|
|
50
|
+
_onFormatProps$formIt3 = _onFormatProps.formItemCol,
|
|
51
|
+
formItemCol = _onFormatProps$formIt3 === void 0 ? DefaultItemCol : _onFormatProps$formIt3,
|
|
52
|
+
formItemLabelWidth = _onFormatProps.formItemLabelWidth,
|
|
53
|
+
tableOperation = _onFormatProps.tableOperation,
|
|
54
|
+
onSearch = _onFormatProps.onSearch;
|
|
55
|
+
var _useState = useState(expandForm),
|
|
79
56
|
_useState2 = _slicedToArray(_useState, 2),
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
var
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
var _useState5 = useState(expandForm),
|
|
87
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
88
|
-
isShowMore = _useState6[0],
|
|
89
|
-
setIsShowMore = _useState6[1];
|
|
90
|
-
var ref = useRef(null);
|
|
57
|
+
isShowMore = _useState2[0],
|
|
58
|
+
setIsShowMore = _useState2[1];
|
|
59
|
+
var operationRef = useRef(null);
|
|
60
|
+
var cardRef = useRef(null);
|
|
61
|
+
var _theme$useToken = theme.useToken(),
|
|
62
|
+
token = _theme$useToken.token;
|
|
91
63
|
var onHasMore = function onHasMore() {
|
|
64
|
+
if (props.formItemLayout === 'tradition') return false;
|
|
92
65
|
var hasMain = formItems.filter(function (f) {
|
|
93
66
|
return f.isMain;
|
|
94
67
|
});
|
|
@@ -116,113 +89,21 @@ function SearchComponent(_ref) {
|
|
|
116
89
|
return formItems;
|
|
117
90
|
}, [formItems]);
|
|
118
91
|
|
|
119
|
-
// 获取全选初始状态
|
|
120
|
-
var getHalfCheckState = function getHalfCheckState() {
|
|
121
|
-
var cols = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : columns;
|
|
122
|
-
var col = cols === null || cols === void 0 ? void 0 : cols.filter(function (t) {
|
|
123
|
-
return t.dataIndex;
|
|
124
|
-
});
|
|
125
|
-
return (col === null || col === void 0 ? void 0 : col.every(function (c) {
|
|
126
|
-
return !c.hidden;
|
|
127
|
-
})) || (col === null || col === void 0 ? void 0 : col.every(function (c) {
|
|
128
|
-
return c.hidden;
|
|
129
|
-
}));
|
|
130
|
-
};
|
|
131
|
-
var _useState7 = useState(true),
|
|
132
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
133
|
-
isCheckAll = _useState8[0],
|
|
134
|
-
setIsCheckAll = _useState8[1];
|
|
135
|
-
var _useState9 = useState(getHalfCheckState),
|
|
136
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
137
|
-
isHalfCheck = _useState10[0],
|
|
138
|
-
setIsHalfCheck = _useState10[1];
|
|
139
|
-
|
|
140
|
-
// 列选中事件
|
|
141
|
-
var onCheckChange = function onCheckChange(checked, index) {
|
|
142
|
-
filterColumns[index].hidden = !checked;
|
|
143
|
-
setFilterColumns(_toConsumableArray(filterColumns));
|
|
144
|
-
var isHalf = getHalfCheckState(filterColumns);
|
|
145
|
-
if (isHalf !== isHalfCheck) {
|
|
146
|
-
setIsHalfCheck(isHalf);
|
|
147
|
-
}
|
|
148
|
-
if (isHalf) {
|
|
149
|
-
setIsCheckAll(checked);
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
// 计算隐藏的列key
|
|
153
|
-
var columnHiddenKeys = [];
|
|
154
|
-
filterColumns.forEach(function (t) {
|
|
155
|
-
if (t.hidden) columnHiddenKeys.push(t.dataIndex);
|
|
156
|
-
});
|
|
157
|
-
|
|
158
|
-
// 发布列改变通知
|
|
159
|
-
event$.emit({
|
|
160
|
-
key: 'columnFilter',
|
|
161
|
-
columnHiddenKeys: columnHiddenKeys
|
|
162
|
-
});
|
|
163
|
-
};
|
|
164
|
-
|
|
165
|
-
// 全选、取消全选
|
|
166
|
-
var onCheckAllChange = function onCheckAllChange(e) {
|
|
167
|
-
// 隐藏的列key
|
|
168
|
-
var columnHiddenKeys = [];
|
|
169
|
-
filterColumns.forEach(function (t) {
|
|
170
|
-
var s = t;
|
|
171
|
-
if (s.dataIndex) s.hidden = !e.target.checked;
|
|
172
|
-
if (s.hidden) columnHiddenKeys.push(t.dataIndex);
|
|
173
|
-
});
|
|
174
|
-
setFilterColumns(_toConsumableArray(filterColumns));
|
|
175
|
-
setIsCheckAll(e.target.checked);
|
|
176
|
-
setIsHalfCheck(true);
|
|
177
|
-
|
|
178
|
-
// 发布列改变通知
|
|
179
|
-
event$.emit({
|
|
180
|
-
key: 'columnFilter',
|
|
181
|
-
columnHiddenKeys: columnHiddenKeys
|
|
182
|
-
});
|
|
183
|
-
};
|
|
184
|
-
|
|
185
|
-
// 列过滤
|
|
186
|
-
var renderCheck = function renderCheck() {
|
|
187
|
-
var fc = [{
|
|
188
|
-
key: '1',
|
|
189
|
-
label: /*#__PURE__*/_jsx(Checkbox, {
|
|
190
|
-
indeterminate: !isHalfCheck,
|
|
191
|
-
onChange: onCheckAllChange,
|
|
192
|
-
checked: isCheckAll,
|
|
193
|
-
children: "\u5168\u9009"
|
|
194
|
-
})
|
|
195
|
-
}, {
|
|
196
|
-
key: '2',
|
|
197
|
-
type: 'divider'
|
|
198
|
-
}];
|
|
199
|
-
filterColumns.forEach(function (c, index) {
|
|
200
|
-
if (c.dataIndex) {
|
|
201
|
-
fc.push({
|
|
202
|
-
key: c.dataIndex,
|
|
203
|
-
label: /*#__PURE__*/_jsx(Checkbox, {
|
|
204
|
-
checked: !c.hidden,
|
|
205
|
-
onChange: function onChange(e) {
|
|
206
|
-
return onCheckChange(e.target.checked, index);
|
|
207
|
-
},
|
|
208
|
-
children: c.title
|
|
209
|
-
})
|
|
210
|
-
});
|
|
211
|
-
}
|
|
212
|
-
});
|
|
213
|
-
return fc;
|
|
214
|
-
};
|
|
215
|
-
var onFullScreen = function onFullScreen(full) {
|
|
216
|
-
event$.emit({
|
|
217
|
-
key: 'fullScreen',
|
|
218
|
-
full: full
|
|
219
|
-
});
|
|
220
|
-
};
|
|
221
|
-
|
|
222
92
|
// 操作按钮
|
|
223
93
|
var renderOperation = /*#__PURE__*/_jsxs("div", {
|
|
224
94
|
className: "".concat(classPrefix, "-header-buttons"),
|
|
225
|
-
|
|
95
|
+
ref: operationRef,
|
|
96
|
+
children: [/*#__PURE__*/_jsx(Button, {
|
|
97
|
+
type: "primary",
|
|
98
|
+
onClick: function onClick() {
|
|
99
|
+
return form.submit();
|
|
100
|
+
},
|
|
101
|
+
htmlType: "submit",
|
|
102
|
+
style: {
|
|
103
|
+
marginRight: 4
|
|
104
|
+
},
|
|
105
|
+
children: "\u67E5\u8BE2"
|
|
106
|
+
}), onHasMore() && !expandForm && /*#__PURE__*/_jsx(Button, {
|
|
226
107
|
onClick: function onClick() {
|
|
227
108
|
setIsShowMore(!isShowMore);
|
|
228
109
|
},
|
|
@@ -235,42 +116,7 @@ function SearchComponent(_ref) {
|
|
|
235
116
|
style: {
|
|
236
117
|
width: 24
|
|
237
118
|
}
|
|
238
|
-
}),
|
|
239
|
-
title: "\u91CD\u7F6E",
|
|
240
|
-
children: /*#__PURE__*/_jsx(Button, {
|
|
241
|
-
onClick: onReset,
|
|
242
|
-
icon: /*#__PURE__*/_jsx(RedoOutlined, {
|
|
243
|
-
className: "".concat(classPrefix, "-icon")
|
|
244
|
-
}),
|
|
245
|
-
type: "text",
|
|
246
|
-
style: {
|
|
247
|
-
width: 24
|
|
248
|
-
}
|
|
249
|
-
})
|
|
250
|
-
}), filterColumns && /*#__PURE__*/_jsx(Dropdown, {
|
|
251
|
-
menu: {
|
|
252
|
-
items: renderCheck()
|
|
253
|
-
},
|
|
254
|
-
trigger: ['click'],
|
|
255
|
-
open: dropdownVisible,
|
|
256
|
-
onOpenChange: function onOpenChange(flag) {
|
|
257
|
-
return setDropdownVisible(flag);
|
|
258
|
-
},
|
|
259
|
-
children: /*#__PURE__*/_jsx(Tooltip, {
|
|
260
|
-
title: "\u5217\u8BBE\u7F6E",
|
|
261
|
-
children: /*#__PURE__*/_jsx(Button, {
|
|
262
|
-
icon: /*#__PURE__*/_jsx(SettingOutlined, {
|
|
263
|
-
className: "".concat(classPrefix, "-icon")
|
|
264
|
-
}),
|
|
265
|
-
type: "text",
|
|
266
|
-
style: {
|
|
267
|
-
width: 24
|
|
268
|
-
}
|
|
269
|
-
})
|
|
270
|
-
})
|
|
271
|
-
}), !isInModalOrDrawer && /*#__PURE__*/_jsx(CcsFullScreenButton, {
|
|
272
|
-
onFullScreen: onFullScreen
|
|
273
|
-
})]
|
|
119
|
+
}), tableOperation]
|
|
274
120
|
});
|
|
275
121
|
var renderLabel = function renderLabel(label) {
|
|
276
122
|
if (formItemLabelWidth) {
|
|
@@ -298,9 +144,9 @@ function SearchComponent(_ref) {
|
|
|
298
144
|
return l[i.name] !== n[i.name];
|
|
299
145
|
})) || false;
|
|
300
146
|
},
|
|
301
|
-
children: function children(
|
|
147
|
+
children: function children(_ref) {
|
|
302
148
|
var _item$depends2;
|
|
303
|
-
var getFieldValue =
|
|
149
|
+
var getFieldValue = _ref.getFieldValue;
|
|
304
150
|
var dependParam = {};
|
|
305
151
|
(_item$depends2 = item.depends) === null || _item$depends2 === void 0 ? void 0 : _item$depends2.forEach(function (i) {
|
|
306
152
|
var value = getFieldValue(i);
|
|
@@ -333,17 +179,12 @@ function SearchComponent(_ref) {
|
|
|
333
179
|
var renderSearch = function renderSearch() {
|
|
334
180
|
if (!formItems.length) return /*#__PURE__*/_jsx(Form.Item, {});
|
|
335
181
|
// 主条件
|
|
336
|
-
var mainItems = allFormItems.filter(function (f) {
|
|
182
|
+
var mainItems = props.formItemLayout === 'tradition' ? allFormItems : allFormItems.filter(function (f) {
|
|
337
183
|
return f.isMain;
|
|
338
184
|
});
|
|
339
185
|
var initFormItems = mainItems.length > 0 ? mainItems : [allFormItems[0]];
|
|
340
|
-
return /*#__PURE__*/
|
|
341
|
-
children:
|
|
342
|
-
type: "primary",
|
|
343
|
-
onClick: function onClick() {},
|
|
344
|
-
htmlType: "submit",
|
|
345
|
-
children: "\u67E5\u8BE2"
|
|
346
|
-
})]
|
|
186
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
187
|
+
children: !isShowMore && !expandForm && renderFormItem(initFormItems)
|
|
347
188
|
});
|
|
348
189
|
};
|
|
349
190
|
var renderMoreForm = function renderMoreForm() {
|
|
@@ -363,9 +204,9 @@ function SearchComponent(_ref) {
|
|
|
363
204
|
return l[i.name] !== n[i.name];
|
|
364
205
|
})) || false;
|
|
365
206
|
},
|
|
366
|
-
children: function children(
|
|
207
|
+
children: function children(_ref2) {
|
|
367
208
|
var _item$depends4;
|
|
368
|
-
var getFieldValue =
|
|
209
|
+
var getFieldValue = _ref2.getFieldValue;
|
|
369
210
|
var dependParam = {};
|
|
370
211
|
(_item$depends4 = item.depends) === null || _item$depends4 === void 0 ? void 0 : _item$depends4.forEach(function (i) {
|
|
371
212
|
var value = getFieldValue(i);
|
|
@@ -412,32 +253,41 @@ function SearchComponent(_ref) {
|
|
|
412
253
|
overflow: 'hidden'
|
|
413
254
|
};
|
|
414
255
|
if (isShowMore || expandForm) {
|
|
415
|
-
style.marginBottom =
|
|
256
|
+
style.marginBottom = 16;
|
|
416
257
|
} else {
|
|
417
258
|
style.maxHeight = 0;
|
|
418
259
|
style.marginBottom = 0;
|
|
419
260
|
}
|
|
261
|
+
|
|
262
|
+
// 非row布局
|
|
263
|
+
if (!hasRow) {
|
|
264
|
+
style = _objectSpread(_objectSpread({}, style), {}, {
|
|
265
|
+
width: '100%',
|
|
266
|
+
display: 'flex',
|
|
267
|
+
gap: 10,
|
|
268
|
+
flexWrap: 'wrap'
|
|
269
|
+
});
|
|
270
|
+
}
|
|
420
271
|
return /*#__PURE__*/_jsx("div", {
|
|
421
|
-
className: "".concat(classPrefix, "-high-form"),
|
|
422
|
-
ref: ref,
|
|
423
272
|
style: style,
|
|
424
|
-
children: /*#__PURE__*/_jsx(
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
children:
|
|
430
|
-
|
|
431
|
-
children: renderItems
|
|
432
|
-
}) : renderItems
|
|
433
|
-
})
|
|
273
|
+
children: hasRow ? /*#__PURE__*/_jsx(Row, {
|
|
274
|
+
gutter: [10, 10],
|
|
275
|
+
style: {
|
|
276
|
+
width: '100%'
|
|
277
|
+
},
|
|
278
|
+
children: renderItems
|
|
279
|
+
}) : renderItems
|
|
434
280
|
});
|
|
435
281
|
};
|
|
436
282
|
|
|
437
283
|
// table是否有边框
|
|
438
284
|
var hasBorder = titleBordered === true;
|
|
439
|
-
|
|
440
|
-
|
|
285
|
+
// 查询条件已展开
|
|
286
|
+
var isExpand = onHasMore() || expandForm;
|
|
287
|
+
// 是否是传统布局
|
|
288
|
+
var isTradition = props.formItemLayout === 'tradition';
|
|
289
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
290
|
+
children: [/*#__PURE__*/_jsx(Card, {
|
|
441
291
|
style: _objectSpread({
|
|
442
292
|
borderRadius: 0,
|
|
443
293
|
boxShadow: 'none'
|
|
@@ -451,24 +301,31 @@ function SearchComponent(_ref) {
|
|
|
451
301
|
},
|
|
452
302
|
bordered: hasBorder,
|
|
453
303
|
title: title,
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
304
|
+
ref: cardRef,
|
|
305
|
+
children: /*#__PURE__*/_jsxs(Form, {
|
|
306
|
+
initialValues: formInitValues,
|
|
307
|
+
form: form,
|
|
308
|
+
onFinish: onSearch,
|
|
309
|
+
layout: isExpand ? formItemLayout : 'inline',
|
|
310
|
+
labelWrap: isExpand,
|
|
311
|
+
children: [isExpand && renderMoreForm(), /*#__PURE__*/_jsxs("div", {
|
|
312
|
+
className: "".concat(classPrefix, "-header"),
|
|
313
|
+
children: [!isTradition && /*#__PURE__*/_jsx("div", {
|
|
314
|
+
className: "".concat(classPrefix, "-toolbar"),
|
|
315
|
+
children: toolbar
|
|
316
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
317
|
+
className: "".concat(classPrefix, "-form ").concat(props.formItemLayout),
|
|
318
|
+
children: [renderSearch(), renderOperation]
|
|
319
|
+
})]
|
|
469
320
|
})]
|
|
470
|
-
})
|
|
471
|
-
})
|
|
321
|
+
})
|
|
322
|
+
}), children, isTradition && toolbar ? /*#__PURE__*/_jsx("div", {
|
|
323
|
+
className: "".concat(classPrefix, "-tradition-toolbar"),
|
|
324
|
+
style: {
|
|
325
|
+
background: token.colorInfoBg
|
|
326
|
+
},
|
|
327
|
+
children: toolbar
|
|
328
|
+
}) : null]
|
|
472
329
|
});
|
|
473
330
|
}
|
|
474
331
|
export default SearchComponent;
|
package/es/pro-table/table.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ColProps, TableProps } from 'antd';
|
|
2
|
-
import { FormLayout } from 'antd/es/form/Form';
|
|
3
2
|
import { ColumnGroupType, ColumnType } from 'antd/es/table';
|
|
3
|
+
import { TableSticky } from 'rc-table/lib/interface';
|
|
4
4
|
import { CSSProperties, ReactElement, ReactNode } from 'react';
|
|
5
5
|
import CCS from '..';
|
|
6
6
|
import { HttpPageResult, TableColumns } from '../ccs';
|
|
@@ -20,7 +20,12 @@ export type TableColumn<RecordType = any> = (Omit<ColumnGroupType<RecordType>, '
|
|
|
20
20
|
/** 省略显示行数,最大支持10行 */
|
|
21
21
|
ellipsis?: boolean | number;
|
|
22
22
|
};
|
|
23
|
-
|
|
23
|
+
type TableTitleType<T> = {
|
|
24
|
+
selectedRows: T[];
|
|
25
|
+
data: T[];
|
|
26
|
+
onClear: () => void;
|
|
27
|
+
};
|
|
28
|
+
export type CcsTableProps<T> = Omit<TableProps<T>, 'columns' | 'title'> & {
|
|
24
29
|
data?: CCS.TableData<T>;
|
|
25
30
|
/** request 方法 */
|
|
26
31
|
request?: (params: any) => void;
|
|
@@ -28,13 +33,14 @@ export type CcsTableProps<T> = Omit<TableProps<T>, 'columns'> & {
|
|
|
28
33
|
requestParam?: ParamType;
|
|
29
34
|
/** class name */
|
|
30
35
|
className?: string;
|
|
31
|
-
/** useEventEmitter事件 */
|
|
32
|
-
event$?: any;
|
|
33
36
|
/** style */
|
|
34
37
|
style?: CSSProperties;
|
|
35
38
|
/** 列配置 */
|
|
36
39
|
columns?: TableColumns<T>;
|
|
40
|
+
/** table title */
|
|
41
|
+
title?: ({ selectedRows, data, onClear }: TableTitleType<T>) => ReactNode;
|
|
37
42
|
};
|
|
43
|
+
type FormLayout = 'horizontal' | 'inline' | 'vertical' | 'tradition';
|
|
38
44
|
export type CcsProTableProps<T> = {
|
|
39
45
|
/** api权限标识 */
|
|
40
46
|
auth?: string | 'ignore';
|
|
@@ -83,6 +89,14 @@ export type CcsProTableProps<T> = {
|
|
|
83
89
|
/** 请求后格式化结果 */
|
|
84
90
|
onSearchAfter?: (data: HttpPageResult<T>, eventType?: SearchEventType) => any;
|
|
85
91
|
};
|
|
92
|
+
export type TableEventType = {
|
|
93
|
+
key: 'columnFilter' | 'fullScreen';
|
|
94
|
+
columnHiddenKeys?: any;
|
|
95
|
+
full?: any;
|
|
96
|
+
};
|
|
97
|
+
export type TableStickyProps = boolean | (TableSticky & {
|
|
98
|
+
isInDialog?: boolean;
|
|
99
|
+
});
|
|
86
100
|
export declare const classPrefix = "ccs-pl";
|
|
87
101
|
/**
|
|
88
102
|
* 布局组件 包括form、查询、toolbar、table 自动初始化数据
|