@teamix/pro 1.3.6 → 1.3.7

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 (52) hide show
  1. package/dist/pro.css +1 -1
  2. package/dist/pro.js +2906 -9938
  3. package/dist/pro.min.css +1 -1
  4. package/dist/pro.min.js +1 -1
  5. package/dist/pro.min.js.LICENSE.txt +0 -9
  6. package/es/actions/dialog-form.d.ts +2 -0
  7. package/es/actions/dialog-form.js +5 -2
  8. package/es/actions/index.d.ts +5 -1
  9. package/es/actions/index.js +30 -9
  10. package/es/form/Filter/useSpecialProps.js +2 -2
  11. package/es/form/ProForm/index.js +5 -3
  12. package/es/form/ProForm/index.scss +16 -8
  13. package/es/form/SchemaForm/reactions.js +2 -2
  14. package/es/form/typing.d.ts +1 -0
  15. package/es/index.d.ts +1 -1
  16. package/es/index.js +1 -1
  17. package/es/info/components/ProInfoItem/index.js +2 -6
  18. package/es/info/components/ProInfoItem/index.scss +0 -4
  19. package/es/info/components/baseInfo/index.js +1 -2
  20. package/es/info/typing.d.ts +0 -2
  21. package/es/info/utils/index.d.ts +0 -8
  22. package/es/info/utils/index.js +1 -28
  23. package/es/sidebar/components/tree/index.js +1 -1
  24. package/es/sidebar/components/tree-node/components/IconSwitch/index.js +1 -1
  25. package/es/table/components/Pagination/index.js +4 -4
  26. package/es/table/components/ToolBar/FilterColumnIcon.js +5 -1
  27. package/es/table/index.js +9 -4
  28. package/es/table/typing.d.ts +3 -1
  29. package/lib/actions/dialog-form.d.ts +2 -0
  30. package/lib/actions/dialog-form.js +5 -2
  31. package/lib/actions/index.d.ts +5 -1
  32. package/lib/actions/index.js +29 -7
  33. package/lib/form/Filter/useSpecialProps.js +1 -1
  34. package/lib/form/ProForm/index.js +5 -3
  35. package/lib/form/ProForm/index.scss +16 -8
  36. package/lib/form/SchemaForm/reactions.js +1 -1
  37. package/lib/form/typing.d.ts +1 -0
  38. package/lib/index.d.ts +1 -1
  39. package/lib/index.js +1 -1
  40. package/lib/info/components/ProInfoItem/index.js +2 -6
  41. package/lib/info/components/ProInfoItem/index.scss +0 -4
  42. package/lib/info/components/baseInfo/index.js +0 -1
  43. package/lib/info/typing.d.ts +0 -2
  44. package/lib/info/utils/index.d.ts +0 -8
  45. package/lib/info/utils/index.js +1 -32
  46. package/lib/sidebar/components/tree/index.js +2 -2
  47. package/lib/sidebar/components/tree-node/components/IconSwitch/index.js +1 -1
  48. package/lib/table/components/Pagination/index.js +3 -3
  49. package/lib/table/components/ToolBar/FilterColumnIcon.js +5 -1
  50. package/lib/table/index.js +8 -3
  51. package/lib/table/typing.d.ts +3 -1
  52. package/package.json +18 -4
@@ -24,7 +24,7 @@ var useSpecialProps = function useSpecialProps(props) {
24
24
  dataSource = item.dataSource,
25
25
  children = item.children; // 字符串变量配置default值会触发onChange
26
26
 
27
- hasChangeDefault = hasChangeDefault || !!((0, _utils.isPureObj)(dataSource) && (0, _utils.isStr)(value) && value.indexOf('.dataSource'));
27
+ hasChangeDefault = hasChangeDefault || !!((0, _utils.isPlainObj)(dataSource) && (0, _utils.isStr)(value) && value.indexOf('.dataSource'));
28
28
  hasDefault = hasDefault || (0, _utils.isUsable)(value);
29
29
  hasRequired = hasRequired || required || !!rules;
30
30
 
@@ -31,7 +31,7 @@ var _validate = _interopRequireDefault(require("../locales/validate"));
31
31
 
32
32
  require("./index.scss");
33
33
 
34
- var _excluded = ["form", "initialValues", "initialRequest", "schema", "scope", "context", "components", "children", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onSubmit", "onSubmitFailed", "onInitialComplete", "className"];
34
+ var _excluded = ["form", "initialValues", "initialRequest", "schema", "scope", "context", "components", "children", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst"];
35
35
 
36
36
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
37
37
 
@@ -70,11 +70,12 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
70
70
  onSubmitFailed = _ref.onSubmitFailed,
71
71
  onInitialComplete = _ref.onInitialComplete,
72
72
  className = _ref.className,
73
+ validateFirst = _ref.validateFirst,
73
74
  otherProps = _objectWithoutProperties(_ref, _excluded);
74
75
 
75
76
  var form = (0, _react.useMemo)(function () {
76
77
  return outerForm || (0, _core.createForm)({
77
- validateFirst: true
78
+ validateFirst: validateFirst
78
79
  });
79
80
  }, []);
80
81
  var prefixCls = (0, _utils.usePrefixCls)('', {
@@ -146,7 +147,8 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
146
147
  });
147
148
  ProForm.defaultProps = {
148
149
  colon: false,
149
- labelAlign: 'left'
150
+ labelAlign: 'left',
151
+ validateFirst: true
150
152
  };
151
153
  var _default = ProForm;
152
154
  exports.default = _default;
@@ -197,14 +197,15 @@
197
197
  margin-right: 4px;
198
198
  }
199
199
  }
200
- // 数组类ArrayItem Icon 居中(移除,通过align:center配置)
201
- // .#{$form-array}-items-item-inner {
202
- // .#{$css-prefix}space-item {
203
- // > .#{$css-prefix}formily-icon {
204
- // margin-top: 9px;
205
- // }
206
- // }
207
- // }
200
+ // 数组类ArrayItem Icon text 居中
201
+ .#{$form-array}-items-item-inner {
202
+ .#{$css-prefix}space-item {
203
+ > .#{$css-prefix}formily-icon.#{$css-prefix}btn-text {
204
+ line-height: inherit !important;
205
+ margin-right: 0;
206
+ }
207
+ }
208
+ }
208
209
 
209
210
  // Editable预览态行高
210
211
  .#{$css-prefix}formily-editable-content {
@@ -212,6 +213,13 @@
212
213
  }
213
214
 
214
215
  // 折叠面板
216
+ .#{$css-prefix}formily-collapse {
217
+ .#{$css-prefix}collapse-panel-title {
218
+ .#{$css-prefix}badge-count {
219
+ transform: translateX(4px);
220
+ }
221
+ }
222
+ }
215
223
  .#{$css-prefix}formily-collapse,
216
224
  .#{$form-array}-collapse-item {
217
225
  .#{$css-prefix}collapse-panel-hidden {
@@ -37,7 +37,7 @@ var $request = function $request(field, _ref, context, type) {
37
37
  // 触发所有配置的请求
38
38
 
39
39
  var refresh = (_field$data = field.data) === null || _field$data === void 0 ? void 0 : _field$data.refresh;
40
- var refreshResult = (0, _utils.isPureObj)(refresh) ? refresh : {};
40
+ var refreshResult = (0, _utils.isPlainObj)(refresh) ? refresh : {};
41
41
  return (0, _utils.doCommonRequest)(_objectSpread(_objectSpread({}, requestConfig), {}, {
42
42
  params: _objectSpread(_objectSpread(_objectSpread({}, params), beforeRequestResult), refreshResult),
43
43
  beforeRequest: function beforeRequest() {
@@ -66,6 +66,7 @@ export interface ProFormProps extends IFormLayoutProps {
66
66
  initialValues?: AnyObject;
67
67
  initialRequest?: ProFormRequestConfig;
68
68
  previewTextPlaceholder?: ReactNode;
69
+ validateFirst?: boolean;
69
70
  onChange?: (values: any, fieldValue?: any, fieldName?: any) => any;
70
71
  onSubmit?: ((values: any) => any) | CommonRequestConfig;
71
72
  onSubmitFailed?: (feedbacks: IFormFeedback[]) => void;
package/lib/index.d.ts CHANGED
@@ -26,5 +26,5 @@ export * from './table';
26
26
  export * from './sidebar';
27
27
  export * from './utils';
28
28
  export * from './timeline';
29
- declare const version = "1.3.6";
29
+ declare const version = "1.3.7";
30
30
  export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, hooks, nocode, templates, utils, };
package/lib/index.js CHANGED
@@ -305,5 +305,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
305
305
  // 设置图标源
306
306
  _icon.default.setConfig(_utils.default.getTeamixIconConfig());
307
307
 
308
- var version = '1.3.6';
308
+ var version = '1.3.7';
309
309
  exports.version = version;
@@ -28,17 +28,13 @@ var ProInfoItem = function ProInfoItem(prop) {
28
28
  headerInfoLayout = prop.headerInfoLayout,
29
29
  loading = prop.loading,
30
30
  tooltip = prop.tooltip,
31
- tooltipIcon = prop.tooltipIcon,
32
- _isLastRow = prop._isLastRow;
31
+ tooltipIcon = prop.tooltipIcon;
33
32
 
34
33
  if (baseInfoLayout) {
35
34
  var labelCol = baseInfoLayout.labelCol,
36
35
  wrapperCol = baseInfoLayout.wrapperCol;
37
36
  return /*#__PURE__*/_react.default.createElement("div", {
38
- className: cls({
39
- '': true,
40
- isLastRow: _isLastRow
41
- })
37
+ className: cls('')
42
38
  }, /*#__PURE__*/_react.default.createElement(Row, {
43
39
  gutter: 10,
44
40
  className: cls('base-row')
@@ -17,10 +17,6 @@ $item-padding-bottom: 8px;
17
17
  .teamix-pro-field-info-form-item {
18
18
  width: 100%;
19
19
  padding-bottom: $item-padding-bottom;
20
- &-isLastRow{
21
- padding-bottom: unset;
22
- }
23
-
24
20
  &-header-row {
25
21
  display: flex;
26
22
  align-items: center;
@@ -84,7 +84,6 @@ var ProBaseInfo = function ProBaseInfo(props) {
84
84
  }, /*#__PURE__*/_react.default.createElement(_ProInfoItem.default, {
85
85
  label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
86
86
  loading: loading,
87
- _isLastRow: !!(0, _utils2.isLastRow)(columns.length, layoutSpan, index),
88
87
  value: /*#__PURE__*/_react.default.createElement(_InfoValueItem.default, {
89
88
  type: (_item$valueType = item === null || item === void 0 ? void 0 : item.valueType) !== null && _item$valueType !== void 0 ? _item$valueType : 'text',
90
89
  value: (0, _utils2.getDataIndexValue)(item.dataIndex, (_ref = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref !== void 0 ? _ref : {}),
@@ -113,8 +113,6 @@ export declare type IProProInfoItem = {
113
113
  headerInfoLayout?: ProHeaderInfoLayoutProps;
114
114
  /** loading 状态 */
115
115
  loading?: boolean;
116
- /** isLastRow 是否是最后一行的元素 */
117
- _isLastRow?: boolean;
118
116
  } & Pick<ProInfoColumnsProps, 'tooltip' | 'tooltipIcon'>;
119
117
  /** header info 定义 */
120
118
  export declare type IProHeaderInfo = {
@@ -10,11 +10,3 @@ export declare const ProInfoGroupContext: React.Context<ProInfoGroupContextProps
10
10
  * @returns
11
11
  */
12
12
  export declare function getDataIndexValue(dataIndex: ProInfoColumnsProps['dataIndex'], dataSource: object): any;
13
- /**
14
- * 是否是最后一样的元素
15
- * @param columnsLength
16
- * @param layoutSpan
17
- * @params itemIndex
18
- * @returns
19
- */
20
- export declare const isLastRow: (columnsLength: number, layoutSpan: number, itemIndex: number) => boolean | undefined;
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.ProInfoGroupContext = void 0;
7
7
  exports.getDataIndexValue = getDataIndexValue;
8
- exports.isLastRow = void 0;
9
8
  exports.useActionType = useActionType;
10
9
 
11
10
  var _utils = require("@teamix/utils");
@@ -48,34 +47,4 @@ function getDataIndexValue(dataIndex, dataSource) {
48
47
  }
49
48
 
50
49
  return (0, _utils.getDeepValue)(dataIndex !== null && dataIndex !== void 0 ? dataIndex : '', dataSource);
51
- }
52
- /**
53
- * 是否是最后一样的元素
54
- * @param columnsLength
55
- * @param layoutSpan
56
- * @params itemIndex
57
- * @returns
58
- */
59
-
60
-
61
- var isLastRow = function isLastRow(columnsLength, layoutSpan, itemIndex) {
62
- if (!columnsLength || !layoutSpan) return;
63
- var lastRowColumnsIndexList = [];
64
- var rowCount = 24 / layoutSpan;
65
-
66
- if (columnsLength % rowCount === 0) {
67
- while (rowCount--) {
68
- lastRowColumnsIndexList.push(columnsLength--);
69
- }
70
- } else {
71
- var lastRowCount = columnsLength % rowCount;
72
-
73
- while (lastRowCount--) {
74
- lastRowColumnsIndexList.push(columnsLength--);
75
- }
76
- }
77
-
78
- return lastRowColumnsIndexList.includes(itemIndex + 1);
79
- };
80
-
81
- exports.isLastRow = isLastRow;
50
+ }
@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
13
13
 
14
14
  var _treeNode = require("../tree-node");
15
15
 
16
- var _lodash = require("lodash");
16
+ var _lodash = _interopRequireDefault(require("lodash.debounce"));
17
17
 
18
18
  require("./index.scss");
19
19
 
@@ -235,7 +235,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
235
235
  }; // 过滤
236
236
 
237
237
 
238
- var filterDataSource = (0, _lodash.debounce)(function (value) {
238
+ var filterDataSource = (0, _lodash.default)(function (value) {
239
239
  var searchDataSource = processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
240
240
  var expandedKeys = [];
241
241
 
@@ -53,7 +53,7 @@ var ProIconSwitch = function ProIconSwitch(props) {
53
53
  setVisible = _useState2[1];
54
54
 
55
55
  (0, _react.useEffect)(function () {
56
- setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : false);
56
+ setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : true);
57
57
  }, [visibleProp]); // 点击操作
58
58
 
59
59
  var clickHandle = function clickHandle(e, state) {
@@ -178,7 +178,7 @@ var _default = function _default(props) {
178
178
  return /*#__PURE__*/_react.default.createElement("div", {
179
179
  className: cls('custom-jumper')
180
180
  }, /*#__PURE__*/_react.default.createElement(_components.Button, {
181
- className: "next-prev next-pagination-item",
181
+ className: "".concat((0, _utils.usePrefixCls)(), "prev ").concat((0, _utils.usePrefixCls)(), "pagination-item"),
182
182
  onClick: handlePrevClick,
183
183
  disabled: Number(currentPage) <= 1
184
184
  }, /*#__PURE__*/_react.default.createElement(_components.Icon, {
@@ -200,7 +200,7 @@ var _default = function _default(props) {
200
200
  marginRight: 4
201
201
  }
202
202
  }, "/"), getTotalPage(total, pageSize)), /*#__PURE__*/_react.default.createElement(_components.Button, {
203
- className: "next-next next-pagination-item",
203
+ className: "".concat((0, _utils.usePrefixCls)(), "next ").concat((0, _utils.usePrefixCls)(), "pagination-item"),
204
204
  onClick: handleNextClick,
205
205
  //@ts-ignore
206
206
  disabled: total && Number(currentPage) >= getTotalPage(total, pageSize)
@@ -218,7 +218,7 @@ var _default = function _default(props) {
218
218
  }, otherProps));
219
219
  } else {
220
220
  return /*#__PURE__*/_react.default.createElement("div", {
221
- className: "".concat(cls('custom-mini-pagination'), " next-pagination")
221
+ className: "".concat(cls('custom-mini-pagination'), " ").concat((0, _utils.usePrefixCls)(), "pagination")
222
222
  }, customTotalRender(total), customJumpRender());
223
223
  }
224
224
  }
@@ -64,8 +64,12 @@ var processColumns = function processColumns(columns) {
64
64
  columns = columns.filter(function (item) {
65
65
  return item.valueType !== 'selectGroup';
66
66
  });
67
- }
67
+ } // hidden 为 true 时不展示
68
+
68
69
 
70
+ columns = columns.filter(function (item) {
71
+ return (item === null || item === void 0 ? void 0 : item.hidden) !== true;
72
+ });
69
73
  return columns.map(function (item) {
70
74
  if (item.columnFilters === false) {
71
75
  return item;
@@ -109,7 +109,7 @@ var processColumns = function processColumns(columns, initialColumns) {
109
109
  var _filterColumns;
110
110
 
111
111
  var filterColumns = columns.filter(function (item) {
112
- return item.columnFilters !== false;
112
+ return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true;
113
113
  });
114
114
 
115
115
  if (isRoot) {
@@ -313,7 +313,7 @@ var ProTable = function ProTable(props) {
313
313
 
314
314
  var tableDom = tableRef.current;
315
315
  var headerDom = tableDom === null || tableDom === void 0 ? void 0 : (_tableDom$getElements = tableDom.getElementsByClassName('teamix-pro-table-layout')) === null || _tableDom$getElements === void 0 ? void 0 : _tableDom$getElements[0];
316
- var tableHeaderDom = tableDom === null || tableDom === void 0 ? void 0 : (_tableDom$getElements2 = tableDom.getElementsByClassName('next-table-header-inner')) === null || _tableDom$getElements2 === void 0 ? void 0 : _tableDom$getElements2[0];
316
+ var tableHeaderDom = tableDom === null || tableDom === void 0 ? void 0 : (_tableDom$getElements2 = tableDom.getElementsByClassName("".concat((0, _utils.usePrefixCls)(), "table-header-inner"))) === null || _tableDom$getElements2 === void 0 ? void 0 : _tableDom$getElements2[0];
317
317
  return new Promise(function (resolve) {
318
318
  setTimeout(function () {
319
319
  var _headerDom$offsetHeig, _tableHeaderDom$offse;
@@ -736,6 +736,11 @@ var ProTable = function ProTable(props) {
736
736
  setTotal(total || (data === null || data === void 0 ? void 0 : data.length));
737
737
  setShowSkeleton(false);
738
738
  setCustomTableLoading(false);
739
+ } // 重新计算是否需要吸底
740
+
741
+
742
+ if (footerSuction) {
743
+ getFooterSuctionState();
739
744
  }
740
745
  });
741
746
  } else {
@@ -794,7 +799,7 @@ var ProTable = function ProTable(props) {
794
799
  onInit: function onInit(values) {
795
800
  // 表单初始化请求处理
796
801
  (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onInit) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onInit(values));
797
- !fullscreenState && _request({}, false, values);
802
+ !fullscreenState && requestWhenMount && _request({}, false, values);
798
803
  return true;
799
804
  },
800
805
  onFilter: function onFilter(values) {
@@ -33,7 +33,9 @@ export declare type ProTableColumnProps = {
33
33
  tooltipIcon?: React.ReactNode;
34
34
  /** 对应 ProField 里面的 type */
35
35
  valueType?: ProFieldType;
36
- /** 【列配置】是否默认隐藏列 */
36
+ /** 是否隐藏表格列,列配置也不显示 */
37
+ hidden?: boolean;
38
+ /** 【列配置】是否默认隐藏表格列,但列配置显示 */
37
39
  columnFilters?: boolean;
38
40
  /** 【列配置】是否禁用隐藏列 */
39
41
  columnFiltersDisabled?: boolean;
package/package.json CHANGED
@@ -1,7 +1,21 @@
1
1
  {
2
2
  "name": "@teamix/pro",
3
- "version": "1.3.6",
3
+ "version": "1.3.7",
4
4
  "description": "TeamixPro大包",
5
+ "keywords": [
6
+ "aliyun",
7
+ "hybridcloud",
8
+ "teamix",
9
+ "pro",
10
+ "components",
11
+ "ui",
12
+ "ui library",
13
+ "react",
14
+ "frontend",
15
+ "protable",
16
+ "proform",
17
+ "proaction"
18
+ ],
5
19
  "repository": "http://gitlab.alibaba-inc.com/teamix/pro",
6
20
  "author": "Velociraptor(迅猛龙)",
7
21
  "license": "MIT",
@@ -22,9 +36,9 @@
22
36
  ],
23
37
  "private": false,
24
38
  "dependencies": {
25
- "@formily/core": "2.0.11",
26
- "@formily/react": "2.0.11",
27
- "@teamix/formily": "2.0.11",
39
+ "@formily/core": "2.0.15",
40
+ "@formily/react": "2.0.15",
41
+ "@teamix/formily": "2.0.15",
28
42
  "@teamix/hooks": "^0.1.0",
29
43
  "@teamix/pop-confirm": "^1.2.4",
30
44
  "@teamix/pro-field": "^1.0.0",