@teamix/pro 1.1.31 → 1.1.35
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 +1357 -771
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/dialog-form.d.ts +8 -1
- package/es/actions/dialog-form.js +32 -15
- package/es/actions/dialog-info.d.ts +9 -0
- package/es/actions/dialog-info.js +23 -0
- package/es/actions/dialog.d.ts +2 -0
- package/es/actions/dialog.js +11 -4
- package/es/actions/drawer-info.d.ts +6 -0
- package/es/actions/drawer-info.js +7 -0
- package/es/actions/index.d.ts +11 -5
- package/es/actions/index.js +40 -19
- package/es/actions/index.scss +8 -0
- package/es/actions/link.d.ts +2 -2
- package/es/actions/link.js +2 -12
- package/es/form/Components/ProField/index.d.ts +4 -0
- package/es/form/ProForm/index.js +2 -2
- package/es/form/ProForm/useFormDisplayValues.d.ts +6 -0
- package/es/form/ProForm/useFormDisplayValues.js +65 -0
- package/es/form/SchemaForm/adapterType.js +2 -1
- package/es/form/SchemaForm/initializeProField.js +1 -0
- package/es/form/SchemaForm/initializeReactions.js +82 -6
- package/es/form/SchemaForm/reactions.js +4 -2
- package/es/form/index.d.ts +3 -3
- package/es/form/index.js +3 -3
- package/es/form/typing.d.ts +2 -2
- package/es/form/utils.d.ts +31 -8
- package/es/form/utils.js +27 -44
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/info/components/InfoValueItem/index.js +108 -26
- package/es/info/components/baseInfo/index.d.ts +3 -1
- package/es/info/components/baseInfo/index.js +6 -33
- package/es/info/components/headerInfo/index.d.ts +3 -1
- package/es/info/components/headerInfo/index.js +8 -39
- package/es/info/components/tableInfo/index.js +4 -21
- package/es/info/index.js +50 -28
- package/es/info/index.scss +0 -4
- package/es/info/typing.d.ts +14 -5
- package/es/page-header/index.js +1 -1
- package/es/table/components/Filter/index.js +6 -2
- package/es/table/index.js +3 -1
- package/es/table/typing.d.ts +8 -4
- package/es/table/utils/columnRender.js +38 -11
- package/lib/actions/dialog-form.d.ts +8 -1
- package/lib/actions/dialog-form.js +32 -15
- package/lib/actions/dialog-info.d.ts +9 -0
- package/lib/actions/dialog-info.js +37 -0
- package/lib/actions/dialog.d.ts +2 -0
- package/lib/actions/dialog.js +11 -4
- package/lib/actions/drawer-info.d.ts +6 -0
- package/lib/actions/drawer-info.js +18 -0
- package/lib/actions/index.d.ts +11 -5
- package/lib/actions/index.js +41 -18
- package/lib/actions/index.scss +8 -0
- package/lib/actions/link.d.ts +2 -2
- package/lib/actions/link.js +2 -12
- package/lib/form/Components/ProField/index.d.ts +4 -0
- package/lib/form/ProForm/index.js +1 -1
- package/lib/form/ProForm/useFormDisplayValues.d.ts +6 -0
- package/lib/form/ProForm/useFormDisplayValues.js +74 -0
- package/lib/form/SchemaForm/adapterType.js +2 -1
- package/lib/form/SchemaForm/initializeProField.js +1 -0
- package/lib/form/SchemaForm/initializeReactions.js +87 -7
- package/lib/form/SchemaForm/reactions.js +4 -2
- package/lib/form/index.d.ts +3 -3
- package/lib/form/index.js +15 -8
- package/lib/form/typing.d.ts +2 -2
- package/lib/form/utils.d.ts +31 -8
- package/lib/form/utils.js +28 -54
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/info/components/InfoValueItem/index.js +107 -25
- package/lib/info/components/baseInfo/index.d.ts +3 -1
- package/lib/info/components/baseInfo/index.js +5 -40
- package/lib/info/components/headerInfo/index.d.ts +3 -1
- package/lib/info/components/headerInfo/index.js +7 -46
- package/lib/info/components/tableInfo/index.js +4 -22
- package/lib/info/index.js +52 -28
- package/lib/info/index.scss +0 -4
- package/lib/info/typing.d.ts +14 -5
- package/lib/page-header/index.js +1 -1
- package/lib/table/components/Filter/index.js +6 -2
- package/lib/table/index.js +3 -1
- package/lib/table/typing.d.ts +8 -4
- package/lib/table/utils/columnRender.js +38 -11
- package/package.json +1 -1
@@ -1,7 +1,5 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
-
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
6
4
|
value: true
|
7
5
|
});
|
@@ -9,9 +7,7 @@ exports.default = void 0;
|
|
9
7
|
|
10
8
|
var _components = require("@alicloudfe/components");
|
11
9
|
|
12
|
-
var
|
13
|
-
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
15
11
|
|
16
12
|
var _ProInfoItem = _interopRequireDefault(require("../ProInfoItem"));
|
17
13
|
|
@@ -19,51 +15,27 @@ require("./index.scss");
|
|
19
15
|
|
20
16
|
var _layout = _interopRequireDefault(require("../../utils/layout"));
|
21
17
|
|
22
|
-
var _hooks = require("@teamix/hooks");
|
23
|
-
|
24
18
|
var _utils = require("../../utils/utils");
|
25
19
|
|
26
20
|
var _InfoValueItem = _interopRequireDefault(require("../InfoValueItem"));
|
27
21
|
|
28
22
|
var _utils2 = require("../../utils");
|
29
23
|
|
30
|
-
var _excluded = ["header", "columns", "dataSource", "layout", "loading", "result", "actionRef", "className"];
|
31
|
-
|
32
|
-
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); }
|
33
|
-
|
34
|
-
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; }
|
35
|
-
|
36
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
37
25
|
|
38
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
39
|
-
|
40
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
41
|
-
|
42
|
-
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; }
|
43
|
-
|
44
|
-
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; }
|
45
|
-
|
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
|
-
|
48
26
|
var Row = _components.Grid.Row,
|
49
27
|
Col = _components.Grid.Col;
|
50
28
|
|
51
29
|
var ProHeaderInfo = function ProHeaderInfo(props) {
|
52
30
|
var _size$width;
|
53
31
|
|
54
|
-
var
|
55
|
-
columns = props.columns,
|
32
|
+
var columns = props.columns,
|
56
33
|
dataSource = props.dataSource,
|
57
34
|
layout = props.layout,
|
58
35
|
loading = props.loading,
|
59
36
|
result = props.result,
|
60
37
|
actionRef = props.actionRef,
|
61
|
-
|
62
|
-
others = _objectWithoutProperties(props, _excluded);
|
63
|
-
|
64
|
-
var context = (0, _react.useContext)(_utils2.ProInfoGroupContext);
|
65
|
-
var ref = (0, _react.useRef)();
|
66
|
-
var size = context.visible ? context.size : (0, _hooks.useSize)(ref);
|
38
|
+
size = props.size;
|
67
39
|
|
68
40
|
var defaultLayout = _layout.default[(0, _utils.getLayout)((_size$width = size === null || size === void 0 ? void 0 : size.width) !== null && _size$width !== void 0 ? _size$width : 0)];
|
69
41
|
|
@@ -105,21 +77,10 @@ var ProHeaderInfo = function ProHeaderInfo(props) {
|
|
105
77
|
});
|
106
78
|
};
|
107
79
|
|
108
|
-
return (
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
ref: ref,
|
113
|
-
className: "teamix-pro-info ".concat(className !== null && className !== void 0 ? className : '')
|
114
|
-
}, others), (size === null || size === void 0 ? void 0 : size.width) && /*#__PURE__*/_react.default.createElement(_card.default, _objectSpread({
|
115
|
-
compacted: true,
|
116
|
-
hoveredShadow: false,
|
117
|
-
bordered: false
|
118
|
-
}, header), /*#__PURE__*/_react.default.createElement(Row, {
|
119
|
-
wrap: true,
|
120
|
-
className: "teamix-pro-info-content-row"
|
121
|
-
}, renderContent())))
|
122
|
-
);
|
80
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (size === null || size === void 0 ? void 0 : size.width) && /*#__PURE__*/_react.default.createElement(Row, {
|
81
|
+
wrap: true,
|
82
|
+
className: "teamix-pro-info-content-row"
|
83
|
+
}, renderContent()));
|
123
84
|
};
|
124
85
|
|
125
86
|
var _default = ProHeaderInfo;
|
@@ -13,8 +13,6 @@ require("./index.scss");
|
|
13
13
|
|
14
14
|
var _components = require("@alicloudfe/components");
|
15
15
|
|
16
|
-
var _card = _interopRequireDefault(require("../../../card"));
|
17
|
-
|
18
16
|
var _utils = require("@teamix/utils");
|
19
17
|
|
20
18
|
var _InfoValueItem = _interopRequireDefault(require("../InfoValueItem"));
|
@@ -23,8 +21,6 @@ var _2 = require("../../..");
|
|
23
21
|
|
24
22
|
var _utils2 = require("../../utils");
|
25
23
|
|
26
|
-
var _excluded = ["header", "columns", "dataSource", "layout", "loading", "result", "actionRef", "className"];
|
27
|
-
|
28
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
29
25
|
|
30
26
|
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); }
|
@@ -49,22 +45,14 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
|
|
49
45
|
|
50
46
|
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; }
|
51
47
|
|
52
|
-
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; }
|
53
|
-
|
54
|
-
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; }
|
55
|
-
|
56
48
|
var ProTableInfo = function ProTableInfo(props) {
|
57
|
-
var
|
58
|
-
columns = props.columns,
|
49
|
+
var columns = props.columns,
|
59
50
|
dataSource = props.dataSource,
|
60
51
|
_props$layout = props.layout,
|
61
52
|
layout = _props$layout === void 0 ? {} : _props$layout,
|
62
53
|
loading = props.loading,
|
63
54
|
result = props.result,
|
64
|
-
actionRef = props.actionRef
|
65
|
-
className = props.className,
|
66
|
-
others = _objectWithoutProperties(props, _excluded);
|
67
|
-
|
55
|
+
actionRef = props.actionRef;
|
68
56
|
var _layout$colNum = layout.colNum,
|
69
57
|
colNum = _layout$colNum === void 0 ? 2 : _layout$colNum,
|
70
58
|
_layout$labelGutter = layout.labelGutter,
|
@@ -194,20 +182,14 @@ var ProTableInfo = function ProTableInfo(props) {
|
|
194
182
|
}
|
195
183
|
};
|
196
184
|
|
197
|
-
return /*#__PURE__*/_react.default.createElement(
|
198
|
-
className: "teamix-pro-info ".concat(className)
|
199
|
-
}, others), /*#__PURE__*/_react.default.createElement(_card.default, _objectSpread({
|
200
|
-
compacted: true,
|
201
|
-
hoveredShadow: false,
|
202
|
-
bordered: false
|
203
|
-
}, header), /*#__PURE__*/_react.default.createElement(_components.Table.StickyLock, {
|
185
|
+
return /*#__PURE__*/_react.default.createElement(_components.Table.StickyLock, {
|
204
186
|
className: "teamix-pro-info-table",
|
205
187
|
cellProps: setCellProps,
|
206
188
|
columns: newColumns(),
|
207
189
|
hasHeader: false,
|
208
190
|
hasBorder: true,
|
209
191
|
dataSource: newDataSource
|
210
|
-
})
|
192
|
+
});
|
211
193
|
};
|
212
194
|
|
213
195
|
var _default = ProTableInfo;
|
package/lib/info/index.js
CHANGED
@@ -10,11 +10,11 @@ exports.default = void 0;
|
|
10
10
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
12
12
|
|
13
|
-
var
|
13
|
+
var _TableInfo = _interopRequireDefault(require("./components/TableInfo"));
|
14
14
|
|
15
|
-
var
|
15
|
+
var _HeaderInfo = _interopRequireDefault(require("./components/HeaderInfo"));
|
16
16
|
|
17
|
-
var
|
17
|
+
var _BaseInfo = _interopRequireDefault(require("./components/BaseInfo"));
|
18
18
|
|
19
19
|
var _InfoGroup = _interopRequireDefault(require("./components/InfoGroup"));
|
20
20
|
|
@@ -24,6 +24,10 @@ var _utils = require("./utils");
|
|
24
24
|
|
25
25
|
var _utils2 = require("@teamix/utils");
|
26
26
|
|
27
|
+
var _hooks = require("@teamix/hooks");
|
28
|
+
|
29
|
+
var _ = require("..");
|
30
|
+
|
27
31
|
var _typing = require("./typing");
|
28
32
|
|
29
33
|
Object.keys(_typing).forEach(function (key) {
|
@@ -37,7 +41,7 @@ Object.keys(_typing).forEach(function (key) {
|
|
37
41
|
}
|
38
42
|
});
|
39
43
|
});
|
40
|
-
var _excluded = ["type", "url", "method", "formatResult", "params", "actionRef", "header", "onError"];
|
44
|
+
var _excluded = ["type", "url", "method", "formatResult", "params", "actionRef", "header", "onError", "className", "style", "columns", "layout", "dataSource"];
|
41
45
|
|
42
46
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
43
47
|
|
@@ -68,7 +72,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
68
72
|
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; }
|
69
73
|
|
70
74
|
var ProInfo = function ProInfo(props) {
|
71
|
-
var type = props.type,
|
75
|
+
var _props$type = props.type,
|
76
|
+
type = _props$type === void 0 ? 'base' : _props$type,
|
72
77
|
url = props.url,
|
73
78
|
_props$method = props.method,
|
74
79
|
method = _props$method === void 0 ? 'post' : _props$method,
|
@@ -78,15 +83,25 @@ var ProInfo = function ProInfo(props) {
|
|
78
83
|
_props$header = props.header,
|
79
84
|
header = _props$header === void 0 ? {} : _props$header,
|
80
85
|
_onError = props.onError,
|
86
|
+
className = props.className,
|
87
|
+
style = props.style,
|
88
|
+
columns = props.columns,
|
89
|
+
layout = props.layout,
|
90
|
+
dataSource = props.dataSource,
|
81
91
|
others = _objectWithoutProperties(props, _excluded);
|
82
92
|
|
83
93
|
var _useContext = (0, _react.useContext)(_utils.ProInfoGroupContext),
|
84
94
|
contextUrl = _useContext.url,
|
85
95
|
contextMethod = _useContext.method,
|
86
96
|
contextParams = _useContext.params,
|
87
|
-
contextFormatResult = _useContext.formatResult
|
97
|
+
contextFormatResult = _useContext.formatResult,
|
98
|
+
contextVisible = _useContext.visible,
|
99
|
+
contextSize = _useContext.size; // 获取容器宽度
|
88
100
|
|
89
101
|
|
102
|
+
var ref = (0, _react.useRef)();
|
103
|
+
var size = contextVisible ? contextSize : (0, _hooks.useSize)(ref); // 请求数据
|
104
|
+
|
90
105
|
var _useState = (0, _react.useState)(false),
|
91
106
|
_useState2 = _slicedToArray(_useState, 2),
|
92
107
|
loading = _useState2[0],
|
@@ -149,31 +164,40 @@ var ProInfo = function ProInfo(props) {
|
|
149
164
|
getData.run({});
|
150
165
|
}
|
151
166
|
});
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
return /*#__PURE__*/_react.default.createElement(_baseInfo.default, _objectSpread(_objectSpread({}, others), {}, {
|
167
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
168
|
+
ref: ref,
|
169
|
+
className: "teamix-pro-info ".concat(className !== null && className !== void 0 ? className : ''),
|
170
|
+
style: style
|
171
|
+
}, /*#__PURE__*/_react.default.createElement(_.ProCard, _objectSpread(_objectSpread({
|
172
|
+
compacted: true,
|
173
|
+
hoveredShadow: false,
|
174
|
+
bordered: false,
|
175
|
+
backgroundColor: "transparent"
|
176
|
+
}, header), others), type === 'table' && /*#__PURE__*/_react.default.createElement(_TableInfo.default, {
|
177
|
+
dataSource: dataSource,
|
178
|
+
columns: columns,
|
179
|
+
loading: loading || getData.loading,
|
180
|
+
result: getDataSource(getData.data),
|
181
|
+
actionRef: actionRef,
|
182
|
+
layout: layout
|
183
|
+
}), type === 'header' && /*#__PURE__*/_react.default.createElement(_HeaderInfo.default, {
|
184
|
+
dataSource: dataSource,
|
185
|
+
columns: columns,
|
172
186
|
header: header,
|
173
187
|
loading: loading || getData.loading,
|
174
188
|
result: getDataSource(getData.data),
|
175
|
-
actionRef: actionRef
|
176
|
-
|
189
|
+
actionRef: actionRef,
|
190
|
+
layout: layout,
|
191
|
+
size: size
|
192
|
+
}), type === 'base' && /*#__PURE__*/_react.default.createElement(_BaseInfo.default, {
|
193
|
+
dataSource: dataSource,
|
194
|
+
columns: columns,
|
195
|
+
loading: loading || getData.loading,
|
196
|
+
result: getDataSource(getData.data),
|
197
|
+
actionRef: actionRef,
|
198
|
+
layout: layout,
|
199
|
+
size: size
|
200
|
+
})));
|
177
201
|
};
|
178
202
|
|
179
203
|
ProInfo.Group = _InfoGroup.default;
|
package/lib/info/index.scss
CHANGED
package/lib/info/typing.d.ts
CHANGED
@@ -3,6 +3,12 @@ import { ActionGroupProps, IActionButton } from '../actions';
|
|
3
3
|
import { Method } from 'axios';
|
4
4
|
import React from 'react';
|
5
5
|
import { CardProps } from '../card';
|
6
|
+
/** 列record函数 */
|
7
|
+
declare type ProInfoCellFunProp = (value: any, record: any) => any;
|
8
|
+
declare type FieldRenderProps = keyof IProFieldFormatterProps;
|
9
|
+
declare type ProInfoCellRender = {
|
10
|
+
[key in FieldRenderProps]?: IProFieldFormatterProps[key] | ProInfoCellFunProp;
|
11
|
+
} | ((...other: any) => React.ReactNode);
|
6
12
|
/** ProInfoBaseProps info 基础定义 */
|
7
13
|
export declare type ProInfoBaseProps = {
|
8
14
|
/** ProColums 定义,取代 Table 的 columns */
|
@@ -27,7 +33,7 @@ export declare type ProInfoBaseProps = {
|
|
27
33
|
onError?: (error: Error) => void;
|
28
34
|
/** ProInfo action 的引用,便于手动触发一些方法 */
|
29
35
|
actionRef?: React.MutableRefObject<ProInfoActionType | undefined>;
|
30
|
-
/** 标题区 */
|
36
|
+
/** 标题区 推荐将header中的内容平铺到ProCard中。即将不支持此写法 */
|
31
37
|
header?: ProInfoHeaderProps;
|
32
38
|
/** info 数据源 */
|
33
39
|
dataSource?: {
|
@@ -35,7 +41,7 @@ export declare type ProInfoBaseProps = {
|
|
35
41
|
};
|
36
42
|
/** 布局值 */
|
37
43
|
layout?: BaseInfoLayoutProps;
|
38
|
-
};
|
44
|
+
} & ProInfoHeaderProps;
|
39
45
|
/** ProInfoItemProps info 单元格 定义 */
|
40
46
|
export interface ProInfoItemProps {
|
41
47
|
/** 标题 */
|
@@ -49,9 +55,9 @@ export interface ProInfoItemProps {
|
|
49
55
|
/** 对应 ProField 里面的 type */
|
50
56
|
valueType?: IProFieldType;
|
51
57
|
/** 渲染单元格内容字段 */
|
52
|
-
render?:
|
58
|
+
render?: ProInfoCellRender;
|
53
59
|
/** 枚举值 */
|
54
|
-
dataSource?: IProFieldOptionItem[];
|
60
|
+
dataSource?: IProFieldOptionItem[] | ProInfoCellFunProp;
|
55
61
|
/** 表头的筛选菜单项,当值为 true 时,自动使用 dataSource 生成 */
|
56
62
|
filters?: boolean;
|
57
63
|
/** 操作组配置 */
|
@@ -138,7 +144,9 @@ export declare type InfoValueItemProps = {
|
|
138
144
|
infoItem: ProInfoItemProps;
|
139
145
|
record: any;
|
140
146
|
actionRef?: React.MutableRefObject<ProInfoActionType | undefined>;
|
141
|
-
|
147
|
+
render?: ProInfoCellRender;
|
148
|
+
dataSource?: IProFieldOptionItem[] | ProInfoCellFunProp;
|
149
|
+
} & Omit<IProFieldProps, 'render' | 'dataSource'>;
|
142
150
|
export declare type ProInfoHeaderProps = CardProps;
|
143
151
|
/** ProInfoGroupContextProps */
|
144
152
|
export declare type ProInfoGroupContextProps = {
|
@@ -173,3 +181,4 @@ export declare type ProInfoTransparentBase = {
|
|
173
181
|
/** style */
|
174
182
|
style?: React.CSSProperties;
|
175
183
|
};
|
184
|
+
export {};
|
package/lib/page-header/index.js
CHANGED
@@ -111,7 +111,7 @@ var getColorAndStyle = function getColorAndStyle(color, backgroundColor, backgro
|
|
111
111
|
|
112
112
|
var isColorPresetColor = isPresetColor(color);
|
113
113
|
var isBgColorPresetColor = isPresetColor(backgroundColor);
|
114
|
-
var className = (0, _classnames2.default)((_classnames = {}, _defineProperty(_classnames, "".concat(cls("color-".concat(color))), isColorPresetColor), _defineProperty(_classnames, "".concat(cls("color-
|
114
|
+
var className = (0, _classnames2.default)((_classnames = {}, _defineProperty(_classnames, "".concat(cls("color-".concat(color))), isColorPresetColor), _defineProperty(_classnames, "".concat(cls("bg-color-".concat(backgroundColor))), isBgColorPresetColor), _defineProperty(_classnames, "".concat(cls("bg-type-".concat(backgroundType))), !!backgroundType), _classnames));
|
115
115
|
var styleColor = isColorPresetColor ? undefined : color;
|
116
116
|
var styleBgColor = isBgColorPresetColor ? undefined : backgroundColor;
|
117
117
|
var style = {
|
@@ -106,9 +106,11 @@ var Filter = function Filter(props) {
|
|
106
106
|
|
107
107
|
var renderSingle = function renderSingle() {
|
108
108
|
return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref3) {
|
109
|
+
var _value$toString;
|
110
|
+
|
109
111
|
var label = _ref3.label,
|
110
112
|
value = _ref3.value;
|
111
|
-
var valueStr = value.toString();
|
113
|
+
var valueStr = (_value$toString = value === null || value === void 0 ? void 0 : value.toString()) !== null && _value$toString !== void 0 ? _value$toString : '';
|
112
114
|
return /*#__PURE__*/_react.default.createElement(RadioItem, {
|
113
115
|
id: valueStr,
|
114
116
|
checked: selected.includes(valueStr),
|
@@ -123,9 +125,11 @@ var Filter = function Filter(props) {
|
|
123
125
|
|
124
126
|
var renderMultiple = function renderMultiple() {
|
125
127
|
return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref4) {
|
128
|
+
var _value$toString2;
|
129
|
+
|
126
130
|
var label = _ref4.label,
|
127
131
|
value = _ref4.value;
|
128
|
-
var valueStr = value.toString();
|
132
|
+
var valueStr = (_value$toString2 = value === null || value === void 0 ? void 0 : value.toString()) !== null && _value$toString2 !== void 0 ? _value$toString2 : '';
|
129
133
|
return /*#__PURE__*/_react.default.createElement(CheckboxItem, {
|
130
134
|
key: valueStr,
|
131
135
|
checked: selected.includes(valueStr),
|
package/lib/table/index.js
CHANGED
@@ -666,10 +666,12 @@ var ProTable = function ProTable(props) {
|
|
666
666
|
}
|
667
667
|
|
668
668
|
function onChangePaginationSize(currentPageSize) {
|
669
|
+
var _request5;
|
670
|
+
|
669
671
|
setPageSize(currentPageSize);
|
670
672
|
setCurrentPage(1);
|
671
673
|
|
672
|
-
_request(
|
674
|
+
_request((_request5 = {}, _defineProperty(_request5, targetPageSizeKey, currentPageSize), _defineProperty(_request5, targetPageKey, 1), _request5));
|
673
675
|
}
|
674
676
|
|
675
677
|
function renderRowSelection() {
|
package/lib/table/typing.d.ts
CHANGED
@@ -11,8 +11,10 @@ import { Method } from 'axios';
|
|
11
11
|
import React from 'react';
|
12
12
|
import type { Form as FormType } from '@formily/core';
|
13
13
|
declare type IFieldRenderProps = keyof IProFieldFormatterProps;
|
14
|
+
/** 列record函数 */
|
15
|
+
declare type ProTableCellFunProp = (value: any, index: number, record: any) => any;
|
14
16
|
declare type ITableCellRender = {
|
15
|
-
[key in IFieldRenderProps]?: IProFieldFormatterProps[key] |
|
17
|
+
[key in IFieldRenderProps]?: IProFieldFormatterProps[key] | ProTableCellFunProp;
|
16
18
|
} | ((...other: any) => React.ReactNode);
|
17
19
|
declare type TDataService = {
|
18
20
|
/** 翻页器总数 */
|
@@ -31,14 +33,14 @@ export declare type ProColumnProps = {
|
|
31
33
|
tooltipIcon?: React.ReactNode;
|
32
34
|
/** 对应 ProField 里面的 type */
|
33
35
|
valueType?: IProFieldType;
|
34
|
-
/**
|
36
|
+
/** 【列配置】是否默认隐藏列 */
|
35
37
|
columnFilters?: boolean;
|
36
|
-
/**
|
38
|
+
/** 【列配置】是否禁用隐藏列 */
|
37
39
|
columnFiltersDisabled?: boolean;
|
38
40
|
/** 渲染单元格内容字段 */
|
39
41
|
render?: ITableCellRender;
|
40
42
|
/** 枚举值 */
|
41
|
-
dataSource?: IProFieldOptionItem[];
|
43
|
+
dataSource?: IProFieldOptionItem[] | ProTableCellFunProp;
|
42
44
|
/** 表头的过滤菜单项,当值为 true 时,自动使用 dataSource 生成 */
|
43
45
|
filters?: boolean | ProTableColumnsFilterItemProps[];
|
44
46
|
/** 表头的过滤菜单项过滤方式 single 单选 multiple 多选 */
|
@@ -49,6 +51,8 @@ export declare type ProColumnProps = {
|
|
49
51
|
actionSchema?: ActionGroupProps;
|
50
52
|
/** 指定列对应的字段,支持`a.b`形式的快速取值 和 数组取值 */
|
51
53
|
dataIndex?: string | string[];
|
54
|
+
/** 指定 valueType 为日期时间格式时,可以格式化日期时间 */
|
55
|
+
format?: string;
|
52
56
|
} & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode'>;
|
53
57
|
export declare type ProTableProps = {
|
54
58
|
/** ProColums 定义,取代 Table 的 columns */
|
@@ -70,7 +70,8 @@ var renderCell = function renderCell(value, item, index, record, actionRef) {
|
|
70
70
|
valueType = _item$valueType === void 0 ? 'text' : _item$valueType,
|
71
71
|
render = item.render,
|
72
72
|
actionSchema = item.actionSchema,
|
73
|
-
dataIndex = item.dataIndex
|
73
|
+
dataIndex = item.dataIndex,
|
74
|
+
format = item.format; // 如果没传 dataIndex,返回 null
|
74
75
|
|
75
76
|
if (!dataIndex) {
|
76
77
|
value = null;
|
@@ -85,7 +86,8 @@ var renderCell = function renderCell(value, item, index, record, actionRef) {
|
|
85
86
|
});
|
86
87
|
}
|
87
88
|
|
88
|
-
var newRender = null;
|
89
|
+
var newRender = null;
|
90
|
+
var newDataSource = null; // 如果 render 直接传函数
|
89
91
|
|
90
92
|
if (typeof render === 'function') {
|
91
93
|
newRender = function newRender() {
|
@@ -109,6 +111,29 @@ var renderCell = function renderCell(value, item, index, record, actionRef) {
|
|
109
111
|
}, actionSchema), {}, {
|
110
112
|
context: _objectSpread(_objectSpread({}, defaultContext), actionSchema.context)
|
111
113
|
}));
|
114
|
+
} // dataSource可传函数
|
115
|
+
|
116
|
+
|
117
|
+
if (typeof item.dataSource === 'function') {
|
118
|
+
var _item$dataSource;
|
119
|
+
|
120
|
+
newDataSource = (_item$dataSource = item.dataSource) === null || _item$dataSource === void 0 ? void 0 : _item$dataSource.call(item, value, index, record);
|
121
|
+
} else {
|
122
|
+
var _item$dataSource2;
|
123
|
+
|
124
|
+
newDataSource = ((_item$dataSource2 = item.dataSource) !== null && _item$dataSource2 !== void 0 ? _item$dataSource2 : []).map(function (item) {
|
125
|
+
return Object.fromEntries(Object.entries(item).map(function (_ref) {
|
126
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
127
|
+
k = _ref2[0],
|
128
|
+
v = _ref2[1];
|
129
|
+
|
130
|
+
return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
|
131
|
+
record: record,
|
132
|
+
value: value,
|
133
|
+
index: index
|
134
|
+
}))];
|
135
|
+
}));
|
136
|
+
});
|
112
137
|
} // 渲染 ProField
|
113
138
|
|
114
139
|
|
@@ -116,7 +141,8 @@ var renderCell = function renderCell(value, item, index, record, actionRef) {
|
|
116
141
|
type: valueType || 'text',
|
117
142
|
value: value,
|
118
143
|
render: newRender,
|
119
|
-
dataSource:
|
144
|
+
dataSource: newDataSource,
|
145
|
+
format: format
|
120
146
|
});
|
121
147
|
};
|
122
148
|
/**
|
@@ -137,10 +163,10 @@ var processRenderFunction = function processRenderFunction() {
|
|
137
163
|
var index = arguments.length > 2 ? arguments[2] : undefined;
|
138
164
|
var record = arguments.length > 3 ? arguments[3] : undefined;
|
139
165
|
var external = ['linkOnClick', 'link', 'value'];
|
140
|
-
return Object.fromEntries(Object.entries(render).map(function (
|
141
|
-
var
|
142
|
-
k =
|
143
|
-
v =
|
166
|
+
return Object.fromEntries(Object.entries(render).map(function (_ref3) {
|
167
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
168
|
+
k = _ref4[0],
|
169
|
+
v = _ref4[1];
|
144
170
|
|
145
171
|
if (typeof v === 'function') {
|
146
172
|
var _v;
|
@@ -175,10 +201,11 @@ var processBuriedPoint = function processBuriedPoint() {
|
|
175
201
|
var value = arguments.length > 2 ? arguments[2] : undefined;
|
176
202
|
var index = arguments.length > 3 ? arguments[3] : undefined;
|
177
203
|
return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
204
|
+
// emptyText 默认为 '-'
|
205
|
+
['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref5) {
|
206
|
+
var _ref6 = _slicedToArray(_ref5, 2),
|
207
|
+
k = _ref6[0],
|
208
|
+
v = _ref6[1];
|
182
209
|
|
183
210
|
return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
|
184
211
|
record: record,
|