@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.
Files changed (89) hide show
  1. package/dist/pro.css +1 -1
  2. package/dist/pro.js +1357 -771
  3. package/dist/pro.min.css +1 -1
  4. package/dist/pro.min.js +1 -1
  5. package/es/actions/dialog-form.d.ts +8 -1
  6. package/es/actions/dialog-form.js +32 -15
  7. package/es/actions/dialog-info.d.ts +9 -0
  8. package/es/actions/dialog-info.js +23 -0
  9. package/es/actions/dialog.d.ts +2 -0
  10. package/es/actions/dialog.js +11 -4
  11. package/es/actions/drawer-info.d.ts +6 -0
  12. package/es/actions/drawer-info.js +7 -0
  13. package/es/actions/index.d.ts +11 -5
  14. package/es/actions/index.js +40 -19
  15. package/es/actions/index.scss +8 -0
  16. package/es/actions/link.d.ts +2 -2
  17. package/es/actions/link.js +2 -12
  18. package/es/form/Components/ProField/index.d.ts +4 -0
  19. package/es/form/ProForm/index.js +2 -2
  20. package/es/form/ProForm/useFormDisplayValues.d.ts +6 -0
  21. package/es/form/ProForm/useFormDisplayValues.js +65 -0
  22. package/es/form/SchemaForm/adapterType.js +2 -1
  23. package/es/form/SchemaForm/initializeProField.js +1 -0
  24. package/es/form/SchemaForm/initializeReactions.js +82 -6
  25. package/es/form/SchemaForm/reactions.js +4 -2
  26. package/es/form/index.d.ts +3 -3
  27. package/es/form/index.js +3 -3
  28. package/es/form/typing.d.ts +2 -2
  29. package/es/form/utils.d.ts +31 -8
  30. package/es/form/utils.js +27 -44
  31. package/es/index.d.ts +1 -1
  32. package/es/index.js +1 -1
  33. package/es/info/components/InfoValueItem/index.js +108 -26
  34. package/es/info/components/baseInfo/index.d.ts +3 -1
  35. package/es/info/components/baseInfo/index.js +6 -33
  36. package/es/info/components/headerInfo/index.d.ts +3 -1
  37. package/es/info/components/headerInfo/index.js +8 -39
  38. package/es/info/components/tableInfo/index.js +4 -21
  39. package/es/info/index.js +50 -28
  40. package/es/info/index.scss +0 -4
  41. package/es/info/typing.d.ts +14 -5
  42. package/es/page-header/index.js +1 -1
  43. package/es/table/components/Filter/index.js +6 -2
  44. package/es/table/index.js +3 -1
  45. package/es/table/typing.d.ts +8 -4
  46. package/es/table/utils/columnRender.js +38 -11
  47. package/lib/actions/dialog-form.d.ts +8 -1
  48. package/lib/actions/dialog-form.js +32 -15
  49. package/lib/actions/dialog-info.d.ts +9 -0
  50. package/lib/actions/dialog-info.js +37 -0
  51. package/lib/actions/dialog.d.ts +2 -0
  52. package/lib/actions/dialog.js +11 -4
  53. package/lib/actions/drawer-info.d.ts +6 -0
  54. package/lib/actions/drawer-info.js +18 -0
  55. package/lib/actions/index.d.ts +11 -5
  56. package/lib/actions/index.js +41 -18
  57. package/lib/actions/index.scss +8 -0
  58. package/lib/actions/link.d.ts +2 -2
  59. package/lib/actions/link.js +2 -12
  60. package/lib/form/Components/ProField/index.d.ts +4 -0
  61. package/lib/form/ProForm/index.js +1 -1
  62. package/lib/form/ProForm/useFormDisplayValues.d.ts +6 -0
  63. package/lib/form/ProForm/useFormDisplayValues.js +74 -0
  64. package/lib/form/SchemaForm/adapterType.js +2 -1
  65. package/lib/form/SchemaForm/initializeProField.js +1 -0
  66. package/lib/form/SchemaForm/initializeReactions.js +87 -7
  67. package/lib/form/SchemaForm/reactions.js +4 -2
  68. package/lib/form/index.d.ts +3 -3
  69. package/lib/form/index.js +15 -8
  70. package/lib/form/typing.d.ts +2 -2
  71. package/lib/form/utils.d.ts +31 -8
  72. package/lib/form/utils.js +28 -54
  73. package/lib/index.d.ts +1 -1
  74. package/lib/index.js +1 -1
  75. package/lib/info/components/InfoValueItem/index.js +107 -25
  76. package/lib/info/components/baseInfo/index.d.ts +3 -1
  77. package/lib/info/components/baseInfo/index.js +5 -40
  78. package/lib/info/components/headerInfo/index.d.ts +3 -1
  79. package/lib/info/components/headerInfo/index.js +7 -46
  80. package/lib/info/components/tableInfo/index.js +4 -22
  81. package/lib/info/index.js +52 -28
  82. package/lib/info/index.scss +0 -4
  83. package/lib/info/typing.d.ts +14 -5
  84. package/lib/page-header/index.js +1 -1
  85. package/lib/table/components/Filter/index.js +6 -2
  86. package/lib/table/index.js +3 -1
  87. package/lib/table/typing.d.ts +8 -4
  88. package/lib/table/utils/columnRender.js +38 -11
  89. 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 _card = _interopRequireDefault(require("../../../card"));
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 header = props.header,
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
- className = props.className,
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
- /*#__PURE__*/
110
- // TODO 优化透传方式
111
- _react.default.createElement("div", _objectSpread({
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 header = props.header,
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("div", _objectSpread({
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 _tableInfo = _interopRequireDefault(require("./components/tableInfo"));
13
+ var _TableInfo = _interopRequireDefault(require("./components/TableInfo"));
14
14
 
15
- var _headerInfo = _interopRequireDefault(require("./components/headerInfo"));
15
+ var _HeaderInfo = _interopRequireDefault(require("./components/HeaderInfo"));
16
16
 
17
- var _baseInfo = _interopRequireDefault(require("./components/baseInfo"));
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
- if (type === 'table') {
154
- return /*#__PURE__*/_react.default.createElement(_tableInfo.default, _objectSpread(_objectSpread({}, others), {}, {
155
- header: header,
156
- loading: loading || getData.loading,
157
- result: getDataSource(getData.data),
158
- actionRef: actionRef
159
- }));
160
- }
161
-
162
- if (type === 'header') {
163
- return /*#__PURE__*/_react.default.createElement(_headerInfo.default, _objectSpread(_objectSpread({}, others), {}, {
164
- header: header,
165
- loading: loading || getData.loading,
166
- result: getDataSource(getData.data),
167
- actionRef: actionRef
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;
@@ -1,10 +1,6 @@
1
1
  .teamix-pro-info {
2
2
  color: var(--color-brand1-6);
3
3
 
4
- .next-card {
5
- background: none;
6
- }
7
-
8
4
  .teamix-pro-info-content-row {
9
5
  width: 100%;
10
6
  }
@@ -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?: IProFieldFormatterProps | ((...other: any) => React.ReactNode);
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
- } & IProFieldProps;
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 {};
@@ -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-bg-".concat(color))), isBgColorPresetColor), _defineProperty(_classnames, "".concat(cls("bg-type-".concat(backgroundType))), !!backgroundType), _classnames));
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),
@@ -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(_defineProperty({}, targetPageSizeKey, currentPageSize));
674
+ _request((_request5 = {}, _defineProperty(_request5, targetPageSizeKey, currentPageSize), _defineProperty(_request5, targetPageKey, 1), _request5));
673
675
  }
674
676
 
675
677
  function renderRowSelection() {
@@ -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] | ((...props: any) => void);
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; // 如果没传 dataIndex,返回 null
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; // 如果 render 直接传函数
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: item.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 (_ref) {
141
- var _ref2 = _slicedToArray(_ref, 2),
142
- k = _ref2[0],
143
- v = _ref2[1];
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
- ['ellipsis', true], ['descriptionEllipsis', true]].concat(_toConsumableArray(Object.entries(render).map(function (_ref3) {
179
- var _ref4 = _slicedToArray(_ref3, 2),
180
- k = _ref4[0],
181
- v = _ref4[1];
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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamix/pro",
3
- "version": "1.1.31",
3
+ "version": "1.1.35",
4
4
  "description": "TeamixPro大包",
5
5
  "repository": "http://gitlab.alibaba-inc.com/teamix/pro",
6
6
  "author": "Velociraptor(迅猛龙)",