@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.
- package/dist/pro.css +1 -1
- package/dist/pro.js +4849 -2339
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/dialog.js +14 -24
- package/es/actions/index.d.ts +22 -8
- package/es/actions/index.js +69 -29
- package/es/actions/index.scss +12 -1
- package/es/form/Components/SelectTable/index.d.ts +24 -0
- package/es/form/Components/SelectTable/index.js +135 -0
- package/es/form/Components/SelectTable/index.scss +28 -0
- package/es/form/Components/SelectTable/table.d.ts +6 -0
- package/es/form/Components/SelectTable/table.js +64 -0
- package/es/form/Filter/AdvancedFilter.js +1 -0
- package/es/form/ProForm/index.scss +37 -6
- package/es/form/SchemaForm/index.js +8 -6
- package/es/form/SchemaForm/initializeDataSource.d.ts +1 -1
- package/es/form/SchemaForm/initializeDataSource.js +2 -2
- package/es/form/SchemaForm/initializeRequest.d.ts +1 -1
- package/es/form/SchemaForm/initializeRequest.js +2 -2
- package/es/form/SchemaForm/initializeRules.d.ts +1 -1
- package/es/form/SchemaForm/initializeRules.js +3 -3
- package/es/form/global.scss +1 -0
- package/es/form/utils.d.ts +2 -2
- package/es/form/utils.js +2 -2
- package/es/index.d.ts +5 -2
- package/es/index.js +6 -3
- package/es/step/ProStepItem/components/HozStepItem/index.d.ts +5 -0
- package/es/step/ProStepItem/components/HozStepItem/index.js +235 -0
- package/es/step/ProStepItem/components/HozStepItem/index.scss +279 -0
- package/es/step/ProStepItem/components/VerStepItem/index.d.ts +5 -0
- package/es/step/ProStepItem/components/VerStepItem/index.js +295 -0
- package/es/step/ProStepItem/components/VerStepItem/index.scss +287 -0
- package/es/step/ProStepItem/index.d.ts +4 -0
- package/es/step/ProStepItem/index.js +57 -0
- package/es/step/index.d.ts +9 -0
- package/es/step/index.js +101 -0
- package/es/step/typing.d.ts +96 -0
- package/es/step/typing.js +1 -0
- package/es/table/components/Filter/index.js +2 -17
- package/es/table/components/Layout/index.js +22 -12
- package/es/table/components/Pagination/index.d.ts +5 -1
- package/es/table/components/Pagination/index.js +179 -17
- package/es/table/components/Pagination/index.scss +55 -0
- package/es/table/components/ToolBar/FilterColumnIcon.js +24 -3
- package/es/table/components/ToolBar/index.scss +9 -4
- package/es/table/index.js +84 -27
- package/es/table/index.scss +5 -5
- package/es/table/typing.d.ts +11 -2
- package/es/table/utils/columnRender.js +2 -1
- package/es/table/utils/index.d.ts +14 -0
- package/es/table/utils/index.js +74 -4
- package/es/utils/index.d.ts +1 -0
- package/es/utils/index.js +1 -0
- package/lib/actions/dialog.js +13 -23
- package/lib/actions/index.d.ts +22 -8
- package/lib/actions/index.js +69 -29
- package/lib/actions/index.scss +12 -1
- package/lib/form/Components/SelectTable/index.d.ts +24 -0
- package/lib/form/Components/SelectTable/index.js +157 -0
- package/lib/form/Components/SelectTable/index.scss +28 -0
- package/lib/form/Components/SelectTable/table.d.ts +6 -0
- package/lib/form/Components/SelectTable/table.js +76 -0
- package/lib/form/Filter/AdvancedFilter.js +1 -0
- package/lib/form/ProForm/index.scss +37 -6
- package/lib/form/SchemaForm/index.js +8 -6
- package/lib/form/SchemaForm/initializeDataSource.d.ts +1 -1
- package/lib/form/SchemaForm/initializeDataSource.js +2 -2
- package/lib/form/SchemaForm/initializeRequest.d.ts +1 -1
- package/lib/form/SchemaForm/initializeRequest.js +2 -2
- package/lib/form/SchemaForm/initializeRules.d.ts +1 -1
- package/lib/form/SchemaForm/initializeRules.js +3 -3
- package/lib/form/global.scss +1 -0
- package/lib/form/utils.d.ts +2 -2
- package/lib/form/utils.js +2 -2
- package/lib/index.d.ts +5 -2
- package/lib/index.js +35 -3
- package/lib/step/ProStepItem/components/HozStepItem/index.d.ts +5 -0
- package/lib/step/ProStepItem/components/HozStepItem/index.js +258 -0
- package/lib/step/ProStepItem/components/HozStepItem/index.scss +279 -0
- package/lib/step/ProStepItem/components/VerStepItem/index.d.ts +5 -0
- package/lib/step/ProStepItem/components/VerStepItem/index.js +315 -0
- package/lib/step/ProStepItem/components/VerStepItem/index.scss +287 -0
- package/lib/step/ProStepItem/index.d.ts +4 -0
- package/lib/step/ProStepItem/index.js +69 -0
- package/lib/step/index.d.ts +9 -0
- package/lib/step/index.js +124 -0
- package/lib/step/typing.d.ts +96 -0
- package/lib/step/typing.js +5 -0
- package/lib/table/components/Filter/index.js +2 -17
- package/lib/table/components/Layout/index.js +21 -11
- package/lib/table/components/Pagination/index.d.ts +5 -1
- package/lib/table/components/Pagination/index.js +186 -17
- package/lib/table/components/Pagination/index.scss +55 -0
- package/lib/table/components/ToolBar/FilterColumnIcon.js +23 -2
- package/lib/table/components/ToolBar/index.scss +9 -4
- package/lib/table/index.js +84 -25
- package/lib/table/index.scss +5 -5
- package/lib/table/typing.d.ts +11 -2
- package/lib/table/utils/columnRender.js +2 -1
- package/lib/table/utils/index.d.ts +14 -0
- package/lib/table/utils/index.js +84 -4
- package/lib/utils/index.d.ts +1 -0
- package/lib/utils/index.js +13 -0
- 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,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;
|
@@ -186,13 +186,13 @@
|
|
186
186
|
}
|
187
187
|
|
188
188
|
// 数组类组件添加按钮
|
189
|
-
.#{$
|
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
|
-
.#{$
|
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
|
-
.#{$
|
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
|
-
.#{$
|
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
|
-
|
273
|
-
|
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, ''),
|
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,
|
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,
|
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,
|
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,
|
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,
|
12
|
+
var initializeDataSource = function initializeDataSource(dataSource, suffix) {
|
13
13
|
if ((0, _utils.isPlainObj)(dataSource)) {
|
14
14
|
var requestConfig = dataSource;
|
15
|
-
var requestConfigName = "$requestConfig_".concat(
|
15
|
+
var requestConfigName = "$requestConfig_".concat(suffix);
|
16
16
|
return {
|
17
17
|
reactions: ["{{$dataSource($request,".concat(requestConfigName, ",context)}}")],
|
18
18
|
scope: _defineProperty({}, requestConfigName, requestConfig)
|
@@ -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,
|
10
|
+
var initializeRequest = function initializeRequest(requestConfig, suffix) {
|
11
11
|
if (requestConfig) {
|
12
|
-
var requestConfigName = "$requestConfig_".concat(
|
12
|
+
var requestConfigName = "$requestConfig_".concat(suffix);
|
13
13
|
return {
|
14
14
|
reactions: ["{{$common($request,".concat(requestConfigName, ",context)}}")],
|
15
15
|
scope: _defineProperty({}, requestConfigName, requestConfig)
|
@@ -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,
|
28
|
+
var initializeRules = function initializeRules(rules, suffix) {
|
29
29
|
var initializeValidator = function initializeValidator(rule) {
|
30
|
-
var
|
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(
|
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)}}")
|
package/lib/form/global.scss
CHANGED
package/lib/form/utils.d.ts
CHANGED
@@ -17,11 +17,11 @@ declare const mapMode: (props: any, field: any) => any;
|
|
17
17
|
/**
|
18
18
|
* 创建字段名称
|
19
19
|
* @param prefix 字段名称前缀,接收字段component名称,默认为FieldName
|
20
|
-
* @param
|
20
|
+
* @param suffix 字段后缀,唯一标识
|
21
21
|
* @returns 字段唯一名称
|
22
22
|
*/
|
23
23
|
interface IGetFieldName {
|
24
|
-
(prefix: 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
|
139
|
-
return "".concat(prefix, "-").concat(
|
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
|
-
|
25
|
-
export
|
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 =
|
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
|
-
|
256
|
-
var version = '1.2.20';
|
288
|
+
var version = '1.2.26';
|
257
289
|
exports.version = version;
|