@teamix/pro 1.2.21 → 1.2.26

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 (105) hide show
  1. package/dist/pro.css +1 -1
  2. package/dist/pro.js +4849 -2339
  3. package/dist/pro.min.css +1 -1
  4. package/dist/pro.min.js +1 -1
  5. package/es/actions/dialog.js +14 -24
  6. package/es/actions/index.d.ts +22 -8
  7. package/es/actions/index.js +69 -29
  8. package/es/actions/index.scss +12 -1
  9. package/es/form/Components/SelectTable/index.d.ts +24 -0
  10. package/es/form/Components/SelectTable/index.js +135 -0
  11. package/es/form/Components/SelectTable/index.scss +28 -0
  12. package/es/form/Components/SelectTable/table.d.ts +6 -0
  13. package/es/form/Components/SelectTable/table.js +64 -0
  14. package/es/form/Filter/AdvancedFilter.js +1 -0
  15. package/es/form/ProForm/index.scss +37 -6
  16. package/es/form/SchemaForm/index.js +8 -6
  17. package/es/form/SchemaForm/initializeDataSource.d.ts +1 -1
  18. package/es/form/SchemaForm/initializeDataSource.js +2 -2
  19. package/es/form/SchemaForm/initializeRequest.d.ts +1 -1
  20. package/es/form/SchemaForm/initializeRequest.js +2 -2
  21. package/es/form/SchemaForm/initializeRules.d.ts +1 -1
  22. package/es/form/SchemaForm/initializeRules.js +3 -3
  23. package/es/form/global.scss +1 -0
  24. package/es/form/utils.d.ts +2 -2
  25. package/es/form/utils.js +2 -2
  26. package/es/index.d.ts +5 -2
  27. package/es/index.js +6 -3
  28. package/es/step/ProStepItem/components/HozStepItem/index.d.ts +5 -0
  29. package/es/step/ProStepItem/components/HozStepItem/index.js +235 -0
  30. package/es/step/ProStepItem/components/HozStepItem/index.scss +279 -0
  31. package/es/step/ProStepItem/components/VerStepItem/index.d.ts +5 -0
  32. package/es/step/ProStepItem/components/VerStepItem/index.js +295 -0
  33. package/es/step/ProStepItem/components/VerStepItem/index.scss +287 -0
  34. package/es/step/ProStepItem/index.d.ts +4 -0
  35. package/es/step/ProStepItem/index.js +57 -0
  36. package/es/step/index.d.ts +9 -0
  37. package/es/step/index.js +101 -0
  38. package/es/step/typing.d.ts +96 -0
  39. package/es/step/typing.js +1 -0
  40. package/es/table/components/Filter/index.js +2 -17
  41. package/es/table/components/Layout/index.js +22 -12
  42. package/es/table/components/Pagination/index.d.ts +5 -1
  43. package/es/table/components/Pagination/index.js +179 -17
  44. package/es/table/components/Pagination/index.scss +55 -0
  45. package/es/table/components/ToolBar/FilterColumnIcon.js +24 -3
  46. package/es/table/components/ToolBar/index.scss +9 -4
  47. package/es/table/index.js +84 -27
  48. package/es/table/index.scss +5 -5
  49. package/es/table/typing.d.ts +11 -2
  50. package/es/table/utils/columnRender.js +2 -1
  51. package/es/table/utils/index.d.ts +14 -0
  52. package/es/table/utils/index.js +74 -4
  53. package/es/utils/index.d.ts +1 -0
  54. package/es/utils/index.js +1 -0
  55. package/lib/actions/dialog.js +13 -23
  56. package/lib/actions/index.d.ts +22 -8
  57. package/lib/actions/index.js +69 -29
  58. package/lib/actions/index.scss +12 -1
  59. package/lib/form/Components/SelectTable/index.d.ts +24 -0
  60. package/lib/form/Components/SelectTable/index.js +157 -0
  61. package/lib/form/Components/SelectTable/index.scss +28 -0
  62. package/lib/form/Components/SelectTable/table.d.ts +6 -0
  63. package/lib/form/Components/SelectTable/table.js +76 -0
  64. package/lib/form/Filter/AdvancedFilter.js +1 -0
  65. package/lib/form/ProForm/index.scss +37 -6
  66. package/lib/form/SchemaForm/index.js +8 -6
  67. package/lib/form/SchemaForm/initializeDataSource.d.ts +1 -1
  68. package/lib/form/SchemaForm/initializeDataSource.js +2 -2
  69. package/lib/form/SchemaForm/initializeRequest.d.ts +1 -1
  70. package/lib/form/SchemaForm/initializeRequest.js +2 -2
  71. package/lib/form/SchemaForm/initializeRules.d.ts +1 -1
  72. package/lib/form/SchemaForm/initializeRules.js +3 -3
  73. package/lib/form/global.scss +1 -0
  74. package/lib/form/utils.d.ts +2 -2
  75. package/lib/form/utils.js +2 -2
  76. package/lib/index.d.ts +5 -2
  77. package/lib/index.js +35 -3
  78. package/lib/step/ProStepItem/components/HozStepItem/index.d.ts +5 -0
  79. package/lib/step/ProStepItem/components/HozStepItem/index.js +258 -0
  80. package/lib/step/ProStepItem/components/HozStepItem/index.scss +279 -0
  81. package/lib/step/ProStepItem/components/VerStepItem/index.d.ts +5 -0
  82. package/lib/step/ProStepItem/components/VerStepItem/index.js +315 -0
  83. package/lib/step/ProStepItem/components/VerStepItem/index.scss +287 -0
  84. package/lib/step/ProStepItem/index.d.ts +4 -0
  85. package/lib/step/ProStepItem/index.js +69 -0
  86. package/lib/step/index.d.ts +9 -0
  87. package/lib/step/index.js +124 -0
  88. package/lib/step/typing.d.ts +96 -0
  89. package/lib/step/typing.js +5 -0
  90. package/lib/table/components/Filter/index.js +2 -17
  91. package/lib/table/components/Layout/index.js +21 -11
  92. package/lib/table/components/Pagination/index.d.ts +5 -1
  93. package/lib/table/components/Pagination/index.js +186 -17
  94. package/lib/table/components/Pagination/index.scss +55 -0
  95. package/lib/table/components/ToolBar/FilterColumnIcon.js +23 -2
  96. package/lib/table/components/ToolBar/index.scss +9 -4
  97. package/lib/table/index.js +84 -25
  98. package/lib/table/index.scss +5 -5
  99. package/lib/table/typing.d.ts +11 -2
  100. package/lib/table/utils/columnRender.js +2 -1
  101. package/lib/table/utils/index.d.ts +14 -0
  102. package/lib/table/utils/index.js +84 -4
  103. package/lib/utils/index.d.ts +1 -0
  104. package/lib/utils/index.js +13 -0
  105. package/package.json +1 -1
@@ -0,0 +1,157 @@
1
+ "use strict";
2
+
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
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _components = require("@alicloudfe/components");
13
+
14
+ var _react2 = require("@formily/react");
15
+
16
+ var _classnames = _interopRequireDefault(require("classnames"));
17
+
18
+ var _shared = require("@formily/shared");
19
+
20
+ var _utils = require("@teamix/utils");
21
+
22
+ require("./index.scss");
23
+
24
+ var _excluded = ["mode", "dataSource", "optionAsValue", "showSearch", "filterOption", "filterSort", "onSearch", "className", "value", "onChange", "rowSelection"];
25
+
26
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
+
28
+ 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); }
29
+
30
+ 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; }
31
+
32
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
33
+
34
+ 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."); }
35
+
36
+ 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); }
37
+
38
+ 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; }
39
+
40
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
41
+
42
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
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
+ 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; }
49
+
50
+ 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; }
51
+
52
+ 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; }
53
+
54
+ var useColumns = function useColumns() {
55
+ var schema = (0, _react2.useFieldSchema)();
56
+ var columns = [];
57
+ schema.mapProperties(function (schema, name) {
58
+ var _schema$xComponent;
59
+
60
+ if (((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : _schema$xComponent.indexOf('Column')) > -1) {
61
+ var props = schema === null || schema === void 0 ? void 0 : schema['x-component-props'];
62
+ columns.push({
63
+ name: name,
64
+ props: _objectSpread(_objectSpread({}, props), {}, {
65
+ title: (props === null || props === void 0 ? void 0 : props.title) || (schema === null || schema === void 0 ? void 0 : schema.title),
66
+ dataIndex: (props === null || props === void 0 ? void 0 : props.dataIndex) || name
67
+ }),
68
+ schema: schema
69
+ });
70
+ }
71
+ });
72
+ return columns;
73
+ };
74
+
75
+ var SelectTable = (0, _react2.observer)(function (props) {
76
+ var mode = props.mode,
77
+ dataSource = props.dataSource,
78
+ optionAsValue = props.optionAsValue,
79
+ showSearch = props.showSearch,
80
+ filterOption = props.filterOption,
81
+ filterSort = props.filterSort,
82
+ onSearch = props.onSearch,
83
+ className = props.className,
84
+ value = props.value,
85
+ onChange = props.onChange,
86
+ rowSelection = props.rowSelection,
87
+ otherTableProps = _objectWithoutProperties(props, _excluded);
88
+
89
+ var prefixCls = (0, _utils.usePrefixCls)('formily-selectTable', props);
90
+
91
+ var _useState = (0, _react.useState)(),
92
+ _useState2 = _slicedToArray(_useState, 2),
93
+ selected = _useState2[0],
94
+ setSelected = _useState2[1];
95
+
96
+ var tabs = useColumns();
97
+
98
+ var expandedRowRender = function expandedRowRender(record, index) {
99
+ var children = (0, _shared.isArr)(record.children) ? record.children : [];
100
+ return /*#__PURE__*/_react.default.createElement(_components.Table, {
101
+ dataSource: children,
102
+ key: index
103
+ }, tabs.map(function (_ref, key) {
104
+ var props = _ref.props;
105
+ return /*#__PURE__*/_react.default.createElement(_components.Table.Column, _objectSpread({
106
+ key: key
107
+ }, props));
108
+ }));
109
+ };
110
+
111
+ var onInnerChange = function onInnerChange(selectedRowKeys, records) {
112
+ var outputValue = optionAsValue ? records : selectedRowKeys;
113
+ outputValue = mode === 'single' ? outputValue[0] : outputValue;
114
+ onChange && onChange(outputValue);
115
+ };
116
+
117
+ (0, _react.useEffect)(function () {
118
+ var primaryKey = props.primaryKey;
119
+ var inputValue = mode === 'single' ? [value] : (0, _shared.isArr)(value) ? value : [];
120
+ inputValue = optionAsValue ? inputValue.map(function (v) {
121
+ return v === null || v === void 0 ? void 0 : v[primaryKey];
122
+ }) : inputValue;
123
+ setSelected(inputValue);
124
+ }, [value, mode]);
125
+ return /*#__PURE__*/_react.default.createElement("div", {
126
+ className: (0, _classnames.default)(prefixCls, props.className)
127
+ }, showSearch ? /*#__PURE__*/_react.default.createElement(_components.Search, {
128
+ className: "".concat(prefixCls, "-search"),
129
+ onSearch: console.log
130
+ }) : null, /*#__PURE__*/_react.default.createElement(_components.Table, _objectSpread({
131
+ className: "".concat(prefixCls, "-table"),
132
+ dataSource: dataSource,
133
+ rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
134
+ mode: mode,
135
+ onChange: onInnerChange,
136
+ selectedRowKeys: selected
137
+ })
138
+ }, otherTableProps), tabs.map(function (_ref2, key) {
139
+ var props = _ref2.props;
140
+ return /*#__PURE__*/_react.default.createElement(_components.Table.Column, _objectSpread({
141
+ key: key
142
+ }, props));
143
+ })));
144
+ });
145
+
146
+ var TableColumn = function TableColumn(_ref3) {
147
+ var children = _ref3.children;
148
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
149
+ };
150
+
151
+ SelectTable.TableColumn = TableColumn;
152
+ SelectTable.defaultProps = {
153
+ showSearch: false,
154
+ primaryKey: 'key'
155
+ };
156
+ var _default = SelectTable;
157
+ exports.default = _default;
@@ -0,0 +1,28 @@
1
+ @import '../../global.scss';
2
+
3
+ $selectTable: #{$css-prefix}formily-selectTable;
4
+
5
+ .#{$selectTable} {
6
+ .#{$selectTable}-search {
7
+ margin-bottom: 8px;
8
+ }
9
+ .#{$selectTable}-table {
10
+ }
11
+ }
12
+
13
+ .next-table-row-nochildren {
14
+ > .next-table-expanded {
15
+ > * {
16
+ visibility: hidden;
17
+ }
18
+ }
19
+ }
20
+ .next-table-expanded-row {
21
+ .next-table-body {
22
+ > tr:last-child {
23
+ > td {
24
+ border-bottom: 0;
25
+ }
26
+ }
27
+ }
28
+ }
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from 'React';
3
+ import { TableProps } from '@alifd/next/types/table';
4
+ import './index.scss';
5
+ declare const Table: React.FC<TableProps>;
6
+ export default Table;
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _React = _interopRequireDefault(require("React"));
9
+
10
+ var _components = require("@alicloudfe/components");
11
+
12
+ require("./index.scss");
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
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
+
18
+ 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; }
19
+
20
+ 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; }
21
+
22
+ var Table = function Table(props) {
23
+ var onChange = function onChange(selectedRowKeys, records) {
24
+ console.log(selectedRowKeys);
25
+ };
26
+
27
+ var onSelect = function onSelect() {};
28
+
29
+ var onSelectAll = function onSelectAll() {};
30
+
31
+ var rowProps = function rowProps(record) {
32
+ var _record$children;
33
+
34
+ if (!(record === null || record === void 0 ? void 0 : (_record$children = record.children) === null || _record$children === void 0 ? void 0 : _record$children.length)) {
35
+ return {// className: 'next-table-row-nochildren',
36
+ };
37
+ }
38
+
39
+ return {};
40
+ };
41
+
42
+ var expandedRowRender = function expandedRowRender(record, index) {
43
+ var children = record.children;
44
+
45
+ if (children === null || children === void 0 ? void 0 : children.length) {
46
+ return _React.default.createElement(Table, _objectSpread(_objectSpread({}, props), {}, {
47
+ key: index,
48
+ dataSource: children,
49
+ hasHeader: false,
50
+ hasBorder: false,
51
+ rowProps: rowProps,
52
+ rowSelection: {
53
+ onChange: onChange
54
+ },
55
+ expandedRowRender: expandedRowRender,
56
+ expandedRowIndent: [1, 0]
57
+ }));
58
+ }
59
+
60
+ return _React.default.createElement(_React.default.Fragment, null);
61
+ };
62
+
63
+ return _React.default.createElement(_components.Table, _objectSpread(_objectSpread({}, props), {}, {
64
+ rowProps: rowProps,
65
+ rowSelection: {
66
+ onChange: onChange,
67
+ onSelectAll: onSelectAll,
68
+ onSelect: onSelect
69
+ },
70
+ expandedRowRender: expandedRowRender,
71
+ expandedRowIndent: [1, 0]
72
+ }));
73
+ };
74
+
75
+ var _default = Table;
76
+ exports.default = _default;
@@ -72,6 +72,7 @@ var AdvancedFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
72
72
  props: {
73
73
  breakpoints: [480, 720, 990, 1200, Infinity],
74
74
  maxColumns: [1, 2, 3, 3, 4],
75
+ maxWidth: [480, 360, 330, 330, 300],
75
76
  columnGap: 16,
76
77
  rowGap: 12
77
78
  },
@@ -186,13 +186,13 @@
186
186
  }
187
187
 
188
188
  // 数组类组件添加按钮
189
- .#{$css-prefix}formily-array-base-addition {
189
+ .#{$form-array}-base-addition {
190
190
  .#{$css-prefix}formily-icon {
191
191
  margin-right: 4px;
192
192
  }
193
193
  }
194
194
  // 数组类ArrayItem Icon 居中
195
- .#{$css-prefix}formily-array-items-item-inner {
195
+ .#{$form-array}-items-item-inner {
196
196
  > .#{$css-prefix}box {
197
197
  > .#{$css-prefix}space-item {
198
198
  > .#{$css-prefix}formily-icon {
@@ -209,7 +209,7 @@
209
209
 
210
210
  // 折叠面板
211
211
  .#{$css-prefix}formily-collapse,
212
- .#{$css-prefix}formily-array-collapse-item {
212
+ .#{$form-array}-collapse-item {
213
213
  .#{$css-prefix}collapse-panel-hidden {
214
214
  .#{$css-prefix}collapse-panel-content {
215
215
  padding-top: 4px;
@@ -261,7 +261,7 @@
261
261
  }
262
262
 
263
263
  // ArrayItems
264
- .#{$css-prefix}formily-array-items {
264
+ .#{$form-array}-items {
265
265
  .#{$css-prefix}formily-grid-layout {
266
266
  > div:last-child {
267
267
  display: flex;
@@ -269,8 +269,39 @@
269
269
  align-items: center;
270
270
  }
271
271
  }
272
- .#{$css-prefix}formily-array-base-remove {
273
- cursor: pointer;
272
+ }
273
+ .#{$form-array}-base-remove,
274
+ .#{$form-array}-base-addition,
275
+ .#{$form-array}-base-move-down,
276
+ .#{$form-array}-base-move-up,
277
+ .#{$form-array}-base-sort-handle,
278
+ .form-array-base-icon {
279
+ color: var(--color-fill1-6, #848484);
280
+ &:hover {
281
+ color: var(--color-brand1-6, #0064c8);
282
+ }
283
+ }
284
+ .form-array-base-icon {
285
+ cursor: pointer;
286
+ }
287
+
288
+ // ArrayCard
289
+ .#{$form-array}-cards-item {
290
+ .#{$css-prefix}card-head {
291
+ padding: 16px 20px;
292
+ background-color: var(--color-fill1-2, #f7f7f7);
293
+ .#{$css-prefix}card-head-main {
294
+ margin-top: 0;
295
+ border-bottom: 0;
296
+ height: 22px;
297
+ line-height: 22px;
298
+ .#{$css-prefix}card-title {
299
+ padding-left: 0;
300
+ &::before {
301
+ display: none;
302
+ }
303
+ }
304
+ }
274
305
  }
275
306
  }
276
307
 
@@ -150,8 +150,10 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
150
150
  }, [scope]); // 格式化 schema
151
151
 
152
152
  var formatSchema = (0, _react.useCallback)(function (schema) {
153
+ var suffix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
153
154
  var schemaProperties = {};
154
155
  schema === null || schema === void 0 ? void 0 : schema.forEach(function (item, index) {
156
+ suffix = "".concat(suffix).concat(index);
155
157
  var newItem = (0, _warning.default)(item);
156
158
  var _newItem = newItem,
157
159
  originalComponent = _newItem.component; // 根据component的不同,初始化为内置的item
@@ -215,7 +217,7 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
215
217
  component = _newItem2.component,
216
218
  type = _newItem2.type,
217
219
  _newItem2$name = _newItem2.name,
218
- name = _newItem2$name === void 0 ? (0, _utils.getFieldName)(component === null || component === void 0 ? void 0 : component.replace(/\./g, ''), index) : _newItem2$name,
220
+ name = _newItem2$name === void 0 ? (0, _utils.getFieldName)(component === null || component === void 0 ? void 0 : component.replace(/\./g, ''), suffix) : _newItem2$name,
219
221
  decorator = _newItem2.decorator,
220
222
  decoratorProps = _newItem2.decoratorProps,
221
223
  dataSource = _newItem2.dataSource,
@@ -240,18 +242,18 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
240
242
  var defaultDecoratorProps = _objectSpread(_objectSpread({}, tooltipProps), decoratorProps); // 初始化request
241
243
 
242
244
 
243
- var _initializeRequest = (0, _initializeRequest2.default)(request, index),
245
+ var _initializeRequest = (0, _initializeRequest2.default)(request, suffix),
244
246
  requestReactions = _initializeRequest.reactions,
245
247
  requestScope = _initializeRequest.scope; // 初始化dataSource
246
248
 
247
249
 
248
- var _initializeDataSource = (0, _initializeDataSource2.default)(dataSource, index),
250
+ var _initializeDataSource = (0, _initializeDataSource2.default)(dataSource, suffix),
249
251
  defaultDataSource = _initializeDataSource.dataSource,
250
252
  dataSourceReactions = _initializeDataSource.reactions,
251
253
  dataSourceScope = _initializeDataSource.scope; // 初始化rules
252
254
 
253
255
 
254
- var _initializeRules = (0, _initializeRules2.default)(rules, index),
256
+ var _initializeRules = (0, _initializeRules2.default)(rules, suffix),
255
257
  defaultRules = _initializeRules.rules,
256
258
  rulesScope = _initializeRules.scope; // 合并reactions,初始化reactions
257
259
 
@@ -279,11 +281,11 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
279
281
  })); // 递归子组件
280
282
 
281
283
  var recursiveProperties = (children === null || children === void 0 ? void 0 : children.length) ? {
282
- properties: formatSchema(children)
284
+ properties: formatSchema(children, suffix)
283
285
  } : {}; // 递归items(类似子组件,会先由各initialize方法格式化为固定形式,type不同不统一处理)
284
286
  // 例如:[{ name: 'items', type: 'object', children: items }]
285
287
 
286
- var recursiveItems = items ? formatSchema([items]) : {}; // 配置组件属性
288
+ var recursiveItems = items ? formatSchema([items], suffix) : {}; // 配置组件属性
287
289
 
288
290
  schemaProperties[name] = _objectSpread(_objectSpread(_objectSpread({}, formatParam), recursiveProperties), recursiveItems);
289
291
  });
@@ -1,6 +1,6 @@
1
1
  import type { ProFormRequestConfig } from '../typing';
2
2
  interface IInitializeDataSource {
3
- (requestConfig?: ProFormRequestConfig | any, index?: number): {
3
+ (requestConfig?: ProFormRequestConfig | any, suffix?: string): {
4
4
  dataSource?: any[];
5
5
  reactions: any[];
6
6
  scope: {
@@ -9,10 +9,10 @@ var _utils = require("@teamix/utils");
9
9
 
10
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
11
 
12
- var initializeDataSource = function initializeDataSource(dataSource, index) {
12
+ var initializeDataSource = function initializeDataSource(dataSource, suffix) {
13
13
  if ((0, _utils.isPlainObj)(dataSource)) {
14
14
  var requestConfig = dataSource;
15
- var requestConfigName = "$requestConfig_".concat(index);
15
+ var requestConfigName = "$requestConfig_".concat(suffix);
16
16
  return {
17
17
  reactions: ["{{$dataSource($request,".concat(requestConfigName, ",context)}}")],
18
18
  scope: _defineProperty({}, requestConfigName, requestConfig)
@@ -1,6 +1,6 @@
1
1
  import type { ProFormRequestConfig } from '../typing';
2
2
  interface IInitializeRequest {
3
- (requestConfig?: ProFormRequestConfig, index?: number): {
3
+ (requestConfig?: ProFormRequestConfig, suffix?: string): {
4
4
  reactions: any[];
5
5
  scope: {
6
6
  [x: string]: any;
@@ -7,9 +7,9 @@ exports.default = void 0;
7
7
 
8
8
  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; }
9
9
 
10
- var initializeRequest = function initializeRequest(requestConfig, index) {
10
+ var initializeRequest = function initializeRequest(requestConfig, suffix) {
11
11
  if (requestConfig) {
12
- var requestConfigName = "$requestConfig_".concat(index);
12
+ var requestConfigName = "$requestConfig_".concat(suffix);
13
13
  return {
14
14
  reactions: ["{{$common($request,".concat(requestConfigName, ",context)}}")],
15
15
  scope: _defineProperty({}, requestConfigName, requestConfig)
@@ -1,5 +1,5 @@
1
1
  interface IInitializeRules {
2
- (rules?: any, index?: number): {
2
+ (rules?: any, suffix?: string): {
3
3
  rules?: any;
4
4
  reactions: any[];
5
5
  scope: {
@@ -25,13 +25,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
25
25
 
26
26
  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; }
27
27
 
28
- var initializeRules = function initializeRules(rules, index) {
28
+ var initializeRules = function initializeRules(rules, suffix) {
29
29
  var initializeValidator = function initializeValidator(rule) {
30
- var subIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
30
+ var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
31
31
 
32
32
  if ((0, _utils.isPlainObj)(rule === null || rule === void 0 ? void 0 : rule.validator)) {
33
33
  var requestConfig = rule.validator;
34
- var requestConfigName = "$requestConfig_".concat(index, "_").concat(subIndex);
34
+ var requestConfigName = "$requestConfig_".concat(suffix).concat(index);
35
35
  return {
36
36
  rules: _objectSpread(_objectSpread({}, rule), {}, {
37
37
  validator: "{{$validator($request,".concat(requestConfigName, ",context)}}")
@@ -1,6 +1,7 @@
1
1
  @import '~@alicloudfe/components/lib/common-var.scss';
2
2
 
3
3
  $form-item-cls: #{$css-prefix}formily-item;
4
+ $form-array: #{$css-prefix}formily-array;
4
5
  $teamix-pro-form: teamix-pro-form;
5
6
  $teamix-pro-field: teamix-pro-field;
6
7
 
@@ -17,11 +17,11 @@ declare const mapMode: (props: any, field: any) => any;
17
17
  /**
18
18
  * 创建字段名称
19
19
  * @param prefix 字段名称前缀,接收字段component名称,默认为FieldName
20
- * @param index 字段索引
20
+ * @param suffix 字段后缀,唯一标识
21
21
  * @returns 字段唯一名称
22
22
  */
23
23
  interface IGetFieldName {
24
- (prefix: string, index?: number): string;
24
+ (prefix: string, suffix?: string): string;
25
25
  }
26
26
  declare const getFieldName: IGetFieldName;
27
27
  /**
package/lib/form/utils.js CHANGED
@@ -135,8 +135,8 @@ exports.mapMode = mapMode;
135
135
 
136
136
  var getFieldName = function getFieldName() {
137
137
  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'FieldName';
138
- var index = arguments.length > 1 ? arguments[1] : undefined;
139
- return "".concat(prefix, "-").concat(index);
138
+ var suffix = arguments.length > 1 ? arguments[1] : undefined;
139
+ return "".concat(prefix, "-").concat(suffix);
140
140
  };
141
141
  /**
142
142
  * 将ProForm的key映射为formily的key,然后筛除掉无效的key/value
package/lib/index.d.ts CHANGED
@@ -9,6 +9,7 @@ import ProPageHeader from './page-header';
9
9
  import ProTable from './table';
10
10
  import ProSkeleton from './skeleton';
11
11
  import utils from './utils';
12
+ import { ProStep } from './step';
12
13
  import * as nocode from './nocode';
13
14
  import * as templates from './templates';
14
15
  export * from './actions';
@@ -21,5 +22,7 @@ export * from './page-container';
21
22
  export * from './page-header';
22
23
  export * from './skeleton';
23
24
  export * from './table';
24
- declare const version = "1.2.20";
25
- export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils, };
25
+ export * from './utils';
26
+ export * from './step';
27
+ declare const version = "1.2.26";
28
+ export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProStep, hooks, nocode, templates, utils, };
package/lib/index.js CHANGED
@@ -18,6 +18,7 @@ var _exportNames = {
18
18
  ProTable: true,
19
19
  ProSkeleton: true,
20
20
  utils: true,
21
+ ProStep: true,
21
22
  nocode: true,
22
23
  templates: true
23
24
  };
@@ -69,6 +70,12 @@ Object.defineProperty(exports, "ProSkeleton", {
69
70
  return _skeleton.default;
70
71
  }
71
72
  });
73
+ Object.defineProperty(exports, "ProStep", {
74
+ enumerable: true,
75
+ get: function get() {
76
+ return _step.ProStep;
77
+ }
78
+ });
72
79
  Object.defineProperty(exports, "ProTable", {
73
80
  enumerable: true,
74
81
  get: function get() {
@@ -218,7 +225,33 @@ Object.keys(_skeleton).forEach(function (key) {
218
225
  });
219
226
  });
220
227
 
221
- var _utils = _interopRequireDefault(require("./utils"));
228
+ var _utils = _interopRequireWildcard(require("./utils"));
229
+
230
+ Object.keys(_utils).forEach(function (key) {
231
+ if (key === "default" || key === "__esModule") return;
232
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
233
+ if (key in exports && exports[key] === _utils[key]) return;
234
+ Object.defineProperty(exports, key, {
235
+ enumerable: true,
236
+ get: function get() {
237
+ return _utils[key];
238
+ }
239
+ });
240
+ });
241
+
242
+ var _step = require("./step");
243
+
244
+ Object.keys(_step).forEach(function (key) {
245
+ if (key === "default" || key === "__esModule") return;
246
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
247
+ if (key in exports && exports[key] === _step[key]) return;
248
+ Object.defineProperty(exports, key, {
249
+ enumerable: true,
250
+ get: function get() {
251
+ return _step[key];
252
+ }
253
+ });
254
+ });
222
255
 
223
256
  var nocode = _interopRequireWildcard(require("./nocode"));
224
257
 
@@ -252,6 +285,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
252
285
  // 设置图标源
253
286
  _icon.default.setConfig(_utils.default.getTeamixIconConfig());
254
287
 
255
- // export * from './sidebar';
256
- var version = '1.2.20';
288
+ var version = '1.2.26';
257
289
  exports.version = version;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { HozStepItemProps } from '../../../typing';
3
+ import './index.scss';
4
+ declare const _default: React.NamedExoticComponent<HozStepItemProps>;
5
+ export default _default;