@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.
- package/dist/pro.css +1 -1
- package/dist/pro.js +2906 -9938
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/dist/pro.min.js.LICENSE.txt +0 -9
- package/es/actions/dialog-form.d.ts +2 -0
- package/es/actions/dialog-form.js +5 -2
- package/es/actions/index.d.ts +5 -1
- package/es/actions/index.js +30 -9
- package/es/form/Filter/useSpecialProps.js +2 -2
- package/es/form/ProForm/index.js +5 -3
- package/es/form/ProForm/index.scss +16 -8
- package/es/form/SchemaForm/reactions.js +2 -2
- package/es/form/typing.d.ts +1 -0
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/info/components/ProInfoItem/index.js +2 -6
- package/es/info/components/ProInfoItem/index.scss +0 -4
- package/es/info/components/baseInfo/index.js +1 -2
- package/es/info/typing.d.ts +0 -2
- package/es/info/utils/index.d.ts +0 -8
- package/es/info/utils/index.js +1 -28
- package/es/sidebar/components/tree/index.js +1 -1
- package/es/sidebar/components/tree-node/components/IconSwitch/index.js +1 -1
- package/es/table/components/Pagination/index.js +4 -4
- package/es/table/components/ToolBar/FilterColumnIcon.js +5 -1
- package/es/table/index.js +9 -4
- package/es/table/typing.d.ts +3 -1
- package/lib/actions/dialog-form.d.ts +2 -0
- package/lib/actions/dialog-form.js +5 -2
- package/lib/actions/index.d.ts +5 -1
- package/lib/actions/index.js +29 -7
- package/lib/form/Filter/useSpecialProps.js +1 -1
- package/lib/form/ProForm/index.js +5 -3
- package/lib/form/ProForm/index.scss +16 -8
- package/lib/form/SchemaForm/reactions.js +1 -1
- package/lib/form/typing.d.ts +1 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/info/components/ProInfoItem/index.js +2 -6
- package/lib/info/components/ProInfoItem/index.scss +0 -4
- package/lib/info/components/baseInfo/index.js +0 -1
- package/lib/info/typing.d.ts +0 -2
- package/lib/info/utils/index.d.ts +0 -8
- package/lib/info/utils/index.js +1 -32
- package/lib/sidebar/components/tree/index.js +2 -2
- package/lib/sidebar/components/tree-node/components/IconSwitch/index.js +1 -1
- package/lib/table/components/Pagination/index.js +3 -3
- package/lib/table/components/ToolBar/FilterColumnIcon.js +5 -1
- package/lib/table/index.js +8 -3
- package/lib/table/typing.d.ts +3 -1
- 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.
|
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:
|
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
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
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.
|
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() {
|
package/lib/form/typing.d.ts
CHANGED
@@ -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.
|
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
@@ -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')
|
@@ -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 : {}),
|
package/lib/info/typing.d.ts
CHANGED
@@ -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;
|
package/lib/info/utils/index.js
CHANGED
@@ -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.
|
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 :
|
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: "
|
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
|
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'), "
|
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;
|
package/lib/table/index.js
CHANGED
@@ -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(
|
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) {
|
package/lib/table/typing.d.ts
CHANGED
@@ -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.
|
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.
|
26
|
-
"@formily/react": "2.0.
|
27
|
-
"@teamix/formily": "2.0.
|
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",
|