@teamix/pro 1.5.9 → 1.5.10-release.10

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