@zat-design/sisyphus-react 3.11.14-beta.9 → 3.12.0
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/index.esm.css +4 -0
- package/dist/less.esm.css +4 -0
- package/es/ProConfigProvider/index.d.ts +4 -4
- package/es/ProDrawerForm/propsType.d.ts +1 -1
- package/es/ProEditLabel/propsType.d.ts +2 -2
- package/es/ProEditTable/components/Summary/index.d.ts +2 -2
- package/es/ProEditTable/index.js +12 -8
- package/es/ProEditTable/propsType.d.ts +40 -42
- package/es/ProEditTable/style/index.less +1 -0
- package/es/ProEditTable/utils/index.d.ts +1 -1
- package/es/ProEditTable/utils/index.js +6 -4
- package/es/ProEditTable/utils/tools.d.ts +57 -22
- package/es/ProEditTable/utils/tools.js +47 -21
- package/es/ProEnum/hooks/useEnum.d.ts +2 -2
- package/es/ProEnum/hooks/useEnum.js +46 -17
- package/es/ProEnum/propsType.d.ts +2 -2
- package/es/ProEnum/utils/index.d.ts +8 -1
- package/es/ProEnum/utils/index.js +9 -2
- package/es/ProForm/components/FormFooter/index.d.ts +1 -1
- package/es/ProForm/components/base/Checkbox/index.d.ts +1 -1
- package/es/ProForm/components/base/Input/propsType.d.ts +3 -3
- package/es/ProForm/components/base/InputNumber/index.d.ts +1 -1
- package/es/ProForm/components/base/Radio/index.d.ts +1 -1
- package/es/ProForm/components/base/RangePicker/index.d.ts +1 -1
- package/es/ProForm/components/base/Select/index.d.ts +1 -1
- package/es/ProForm/components/base/Switch/index.d.ts +1 -1
- package/es/ProForm/components/base/SwitchCheckbox/index.d.ts +1 -1
- package/es/ProForm/components/base/TextArea/index.d.ts +1 -1
- package/es/ProForm/components/base/TimePicker/index.d.ts +1 -1
- package/es/ProForm/components/combination/Container/propsType.d.ts +3 -3
- package/es/ProForm/components/combination/FormList/components/ActionButton.d.ts +1 -1
- package/es/ProForm/components/combination/FormList/components/BlockFields.d.ts +1 -1
- package/es/ProForm/components/combination/FormList/components/LineFields.d.ts +2 -2
- package/es/ProForm/components/combination/FormList/components/ToolbarButton.d.ts +1 -1
- package/es/ProForm/components/combination/FormList/propsType.d.ts +2 -2
- package/es/ProForm/components/combination/Group/index.d.ts +1 -1
- package/es/ProForm/components/combination/Group/propsType.d.ts +1 -1
- package/es/ProForm/components/combination/Group/utils.d.ts +3 -3
- package/es/ProForm/components/combination/ProCascader/index.d.ts +1 -1
- package/es/ProForm/components/combination/ProCombination/index.d.ts +1 -1
- package/es/ProForm/components/combination/ProCombination/propsType.d.ts +1 -1
- package/es/ProForm/components/combination/ProModalSelect/index.d.ts +1 -1
- package/es/ProForm/components/combination/ProModalSelect/propsType.d.ts +5 -5
- package/es/ProForm/components/combination/ProNumberRange/index.d.ts +2 -2
- package/es/ProForm/components/combination/ProNumberRange/propsType.d.ts +1 -1
- package/es/ProForm/components/combination/ProTimeLimit/index.d.ts +2 -2
- package/es/ProForm/components/old/EnumSelect/index.d.ts +1 -1
- package/es/ProForm/components/old/EnumSelect/interface.d.ts +2 -2
- package/es/ProForm/components/old/InputWithSuffix/index.d.ts +1 -1
- package/es/ProForm/components/old/ProAddress/index.d.ts +1 -1
- package/es/ProForm/components/old/ProCertNo/index.d.ts +1 -1
- package/es/ProForm/components/old/ProCertValidity/index.d.ts +1 -1
- package/es/ProForm/components/old/ProRangeBox/index.d.ts +1 -1
- package/es/ProForm/components/render/ChangedWrapper.d.ts +1 -1
- package/es/ProForm/components/render/ConfirmWrapper.d.ts +2 -2
- package/es/ProForm/components/render/RenderFields.d.ts +3 -3
- package/es/ProForm/components/render/propsType.d.ts +37 -41
- package/es/ProForm/index.d.ts +1 -1
- package/es/ProForm/propsType.d.ts +6 -4
- package/es/ProForm/propsType.js +0 -1
- package/es/ProForm/utils/transformValue.d.ts +1 -1
- package/es/ProForm/utils/useFieldProps.d.ts +1 -1
- package/es/ProForm/utils/useForm.d.ts +1 -1
- package/es/ProForm/utils/useRules.d.ts +1 -1
- package/es/ProForm/utils/useShouldUpdate.d.ts +3 -3
- package/es/ProIcon/index.d.ts +2 -2
- package/es/ProIcon/propsTypes.d.ts +120 -49
- package/es/ProSelect/propsType.d.ts +1 -1
- package/es/ProStep/components/Anchor/index.d.ts +2 -1
- package/es/ProStep/components/Item/index.d.ts +1 -1
- package/es/ProStep/components/Item/index.js +6 -2
- package/es/ProStep/components/Listener/index.d.ts +4 -3
- package/es/ProStep/components/Listener/index.js +18 -4
- package/es/ProStep/index.d.ts +7 -7
- package/es/ProStep/index.js +7 -3
- package/es/ProStep/propsType.d.ts +145 -5
- package/es/ProStep/utils/index.d.ts +16 -3
- package/es/ProStep/utils/index.js +11 -2
- package/es/ProTable/components/FormatColumn/index.d.ts +1 -1
- package/es/ProTable/components/FormatColumn/index.js +3 -6
- package/es/ProTable/components/RenderTabs/index.d.ts +4 -0
- package/es/ProTable/components/RenderTabs/index.js +78 -0
- package/es/ProTable/components/index.d.ts +25 -0
- package/es/ProTable/components/index.js +26 -1
- package/es/ProTable/hooks/useAntdTable.d.ts +2 -93
- package/es/ProTable/hooks/useAntdTable.js +6 -2
- package/es/ProTable/index.d.ts +1 -1
- package/es/ProTable/index.js +6 -3
- package/es/ProTable/propsType.d.ts +68 -28
- package/es/ProTooltip/propsType.d.ts +0 -3
- package/es/ProTree/components/List.d.ts +2 -2
- package/es/ProTree/components/List.js +2 -2
- package/es/ProTree/components/ProTree.d.ts +2 -2
- package/es/ProTree/components/ProTreeSelect/index.d.ts +3 -3
- package/es/ProTree/components/ProTreeSelect/propsType.d.ts +371 -33
- package/es/ProTree/components/SearchTitle.d.ts +1 -1
- package/es/ProTree/components/Tree.d.ts +3 -3
- package/es/ProTree/index.d.ts +2 -2
- package/es/ProTree/index.js +1 -1
- package/es/ProTree/propsType.d.ts +692 -101
- package/es/ProTree/utils.d.ts +7 -7
- package/es/ProTreeModal/components/Cascader.d.ts +3 -3
- package/es/ProTreeModal/components/List.d.ts +3 -3
- package/es/ProTreeModal/components/Tree.d.ts +2 -2
- package/es/ProTreeModal/index.d.ts +2 -2
- package/es/ProTreeModal/index.js +2 -2
- package/es/ProTreeModal/propsType.d.ts +257 -48
- package/es/ProTreeModal/utils.d.ts +7 -7
- package/es/index.d.ts +15 -7
- package/es/index.js +1 -8
- package/lib/ProConfigProvider/index.d.ts +4 -4
- package/lib/ProDrawerForm/propsType.d.ts +1 -1
- package/lib/ProEditLabel/propsType.d.ts +2 -2
- package/lib/ProEditTable/components/Summary/index.d.ts +2 -2
- package/lib/ProEditTable/index.js +12 -8
- package/lib/ProEditTable/propsType.d.ts +40 -42
- package/lib/ProEditTable/style/index.less +1 -0
- package/lib/ProEditTable/utils/index.d.ts +1 -1
- package/lib/ProEditTable/utils/index.js +6 -4
- package/lib/ProEditTable/utils/tools.d.ts +57 -22
- package/lib/ProEditTable/utils/tools.js +47 -21
- package/lib/ProEnum/hooks/useEnum.d.ts +2 -2
- package/lib/ProEnum/hooks/useEnum.js +48 -17
- package/lib/ProEnum/propsType.d.ts +2 -2
- package/lib/ProEnum/utils/index.d.ts +8 -1
- package/lib/ProEnum/utils/index.js +9 -2
- package/lib/ProForm/components/FormFooter/index.d.ts +1 -1
- package/lib/ProForm/components/base/Checkbox/index.d.ts +1 -1
- package/lib/ProForm/components/base/Input/propsType.d.ts +3 -3
- package/lib/ProForm/components/base/InputNumber/index.d.ts +1 -1
- package/lib/ProForm/components/base/Radio/index.d.ts +1 -1
- package/lib/ProForm/components/base/RangePicker/index.d.ts +1 -1
- package/lib/ProForm/components/base/Select/index.d.ts +1 -1
- package/lib/ProForm/components/base/Switch/index.d.ts +1 -1
- package/lib/ProForm/components/base/SwitchCheckbox/index.d.ts +1 -1
- package/lib/ProForm/components/base/TextArea/index.d.ts +1 -1
- package/lib/ProForm/components/base/TimePicker/index.d.ts +1 -1
- package/lib/ProForm/components/combination/Container/propsType.d.ts +3 -3
- package/lib/ProForm/components/combination/FormList/components/ActionButton.d.ts +1 -1
- package/lib/ProForm/components/combination/FormList/components/BlockFields.d.ts +1 -1
- package/lib/ProForm/components/combination/FormList/components/LineFields.d.ts +2 -2
- package/lib/ProForm/components/combination/FormList/components/ToolbarButton.d.ts +1 -1
- package/lib/ProForm/components/combination/FormList/propsType.d.ts +2 -2
- package/lib/ProForm/components/combination/Group/index.d.ts +1 -1
- package/lib/ProForm/components/combination/Group/propsType.d.ts +1 -1
- package/lib/ProForm/components/combination/Group/utils.d.ts +3 -3
- package/lib/ProForm/components/combination/ProCascader/index.d.ts +1 -1
- package/lib/ProForm/components/combination/ProCombination/index.d.ts +1 -1
- package/lib/ProForm/components/combination/ProCombination/propsType.d.ts +1 -1
- package/lib/ProForm/components/combination/ProModalSelect/index.d.ts +1 -1
- package/lib/ProForm/components/combination/ProModalSelect/propsType.d.ts +5 -5
- package/lib/ProForm/components/combination/ProNumberRange/index.d.ts +2 -2
- package/lib/ProForm/components/combination/ProNumberRange/propsType.d.ts +1 -1
- package/lib/ProForm/components/combination/ProTimeLimit/index.d.ts +2 -2
- package/lib/ProForm/components/old/EnumSelect/index.d.ts +1 -1
- package/lib/ProForm/components/old/EnumSelect/interface.d.ts +2 -2
- package/lib/ProForm/components/old/InputWithSuffix/index.d.ts +1 -1
- package/lib/ProForm/components/old/ProAddress/index.d.ts +1 -1
- package/lib/ProForm/components/old/ProCertNo/index.d.ts +1 -1
- package/lib/ProForm/components/old/ProCertValidity/index.d.ts +1 -1
- package/lib/ProForm/components/old/ProRangeBox/index.d.ts +1 -1
- package/lib/ProForm/components/render/ChangedWrapper.d.ts +1 -1
- package/lib/ProForm/components/render/ConfirmWrapper.d.ts +2 -2
- package/lib/ProForm/components/render/RenderFields.d.ts +3 -3
- package/lib/ProForm/components/render/propsType.d.ts +37 -41
- package/lib/ProForm/index.d.ts +1 -1
- package/lib/ProForm/propsType.d.ts +6 -4
- package/lib/ProForm/propsType.js +0 -15
- package/lib/ProForm/utils/transformValue.d.ts +1 -1
- package/lib/ProForm/utils/useFieldProps.d.ts +1 -1
- package/lib/ProForm/utils/useForm.d.ts +1 -1
- package/lib/ProForm/utils/useRules.d.ts +1 -1
- package/lib/ProForm/utils/useShouldUpdate.d.ts +3 -3
- package/lib/ProIcon/index.d.ts +2 -2
- package/lib/ProIcon/propsTypes.d.ts +120 -49
- package/lib/ProSelect/propsType.d.ts +1 -1
- package/lib/ProStep/components/Anchor/index.d.ts +2 -1
- package/lib/ProStep/components/Item/index.d.ts +1 -1
- package/lib/ProStep/components/Item/index.js +6 -2
- package/lib/ProStep/components/Listener/index.d.ts +4 -3
- package/lib/ProStep/components/Listener/index.js +18 -4
- package/lib/ProStep/index.d.ts +7 -7
- package/lib/ProStep/index.js +7 -3
- package/lib/ProStep/propsType.d.ts +145 -5
- package/lib/ProStep/utils/index.d.ts +16 -3
- package/lib/ProStep/utils/index.js +11 -2
- package/lib/ProTable/components/FormatColumn/index.d.ts +1 -1
- package/lib/ProTable/components/FormatColumn/index.js +3 -6
- package/lib/ProTable/components/RenderTabs/index.d.ts +4 -0
- package/lib/ProTable/components/RenderTabs/index.js +82 -0
- package/lib/ProTable/components/index.d.ts +25 -0
- package/lib/ProTable/components/index.js +8 -1
- package/lib/ProTable/hooks/useAntdTable.d.ts +2 -93
- package/lib/ProTable/hooks/useAntdTable.js +5 -1
- package/lib/ProTable/index.d.ts +1 -1
- package/lib/ProTable/index.js +5 -2
- package/lib/ProTable/propsType.d.ts +68 -28
- package/lib/ProTooltip/propsType.d.ts +0 -3
- package/lib/ProTree/components/List.d.ts +2 -2
- package/lib/ProTree/components/List.js +2 -2
- package/lib/ProTree/components/ProTree.d.ts +2 -2
- package/lib/ProTree/components/ProTreeSelect/index.d.ts +3 -3
- package/lib/ProTree/components/ProTreeSelect/propsType.d.ts +371 -33
- package/lib/ProTree/components/SearchTitle.d.ts +1 -1
- package/lib/ProTree/components/Tree.d.ts +3 -3
- package/lib/ProTree/index.d.ts +2 -2
- package/lib/ProTree/index.js +1 -1
- package/lib/ProTree/propsType.d.ts +692 -101
- package/lib/ProTree/utils.d.ts +7 -7
- package/lib/ProTreeModal/components/Cascader.d.ts +3 -3
- package/lib/ProTreeModal/components/List.d.ts +3 -3
- package/lib/ProTreeModal/components/Tree.d.ts +2 -2
- package/lib/ProTreeModal/index.d.ts +2 -2
- package/lib/ProTreeModal/index.js +2 -2
- package/lib/ProTreeModal/propsType.d.ts +257 -48
- package/lib/ProTreeModal/utils.d.ts +7 -7
- package/lib/index.d.ts +15 -7
- package/lib/index.js +7 -83
- package/package.json +1 -1
- package/test/__mocks__/fileMock.js +0 -0
- package/test/__mocks__/styleMock.js +0 -0
@@ -8,6 +8,11 @@ import React from 'react';
|
|
8
8
|
import { forceVisible } from 'react-lazyload';
|
9
9
|
import { useStep } from '../../index';
|
10
10
|
import { getLoadedMap } from '../../utils';
|
11
|
+
/**
|
12
|
+
* 检查错误列表并返回第一个错误项
|
13
|
+
* @param arr DOM元素数组
|
14
|
+
* @returns 错误元素信息
|
15
|
+
*/
|
11
16
|
var checkErrorList = function checkErrorList(arr) {
|
12
17
|
for (var i = 0; i < arr.length; i++) {
|
13
18
|
if (arr[i].className.includes('errored')) {
|
@@ -19,8 +24,12 @@ var checkErrorList = function checkErrorList(arr) {
|
|
19
24
|
}
|
20
25
|
return null;
|
21
26
|
};
|
27
|
+
/**
|
28
|
+
* 查找第一个错误的DOM元素
|
29
|
+
* @returns 错误元素信息
|
30
|
+
*/
|
22
31
|
var findFirstErrorDom = function findFirstErrorDom() {
|
23
|
-
var errorList = document.querySelectorAll('.pro-step-com-menu-item')
|
32
|
+
var errorList = document.querySelectorAll('.pro-step-com-menu-item');
|
24
33
|
var hasErrorItem = document.querySelectorAll('.pro-step-com-menu-item .errored');
|
25
34
|
var hasFormError = document.querySelector('.ant-form-item-explain-error');
|
26
35
|
if ((hasErrorItem === null || hasErrorItem === void 0 ? void 0 : hasErrorItem.length) && !hasFormError) {
|
@@ -28,13 +37,17 @@ var findFirstErrorDom = function findFirstErrorDom() {
|
|
28
37
|
}
|
29
38
|
return null;
|
30
39
|
};
|
31
|
-
|
40
|
+
/**
|
41
|
+
* 检查所有模块是否已加载完成
|
42
|
+
* @param data 模块加载数据
|
43
|
+
* @returns 是否所有模块都已加载
|
44
|
+
*/
|
32
45
|
var areAllModulesLoaded = function areAllModulesLoaded(data) {
|
33
46
|
return data.every(function (item) {
|
34
47
|
return (item === null || item === void 0 ? void 0 : item.loaded) === true;
|
35
48
|
});
|
36
49
|
};
|
37
|
-
|
50
|
+
var Listener = function Listener(_ref) {
|
38
51
|
var children = _ref.children,
|
39
52
|
delayTime = _ref.delayTime,
|
40
53
|
excludes = _ref.excludes,
|
@@ -88,4 +101,5 @@ export default (function (_ref) {
|
|
88
101
|
}, _callee);
|
89
102
|
})), 3000)
|
90
103
|
}));
|
91
|
-
}
|
104
|
+
};
|
105
|
+
export default Listener;
|
package/es/ProStep/index.d.ts
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ProStepType } from './propsType';
|
2
|
+
import { ProStepType, ProStepContextType } from './propsType';
|
3
3
|
import './style/index.less';
|
4
|
-
export declare const ProStepContext: import("react").Context<
|
5
|
-
export declare const useStep: () =>
|
4
|
+
export declare const ProStepContext: import("react").Context<ProStepContextType>;
|
5
|
+
export declare const useStep: () => Partial<ProStepContextType>;
|
6
6
|
declare const ProStep: {
|
7
|
-
({ children, ...resetProps }: ProStepType):
|
8
|
-
useStep: () =>
|
9
|
-
Item: ({ id, title, collapse: collapseItem, children, lazyLoad: stepLazyLoad, ...restProps }: import("./propsType").ProStepItemPropsType) =>
|
10
|
-
Listener: ({ children, delayTime, excludes, ...props }:
|
7
|
+
({ children, ...resetProps }: ProStepType): JSX.Element;
|
8
|
+
useStep: () => Partial<ProStepContextType>;
|
9
|
+
Item: ({ id, title, collapse: collapseItem, children, lazyLoad: stepLazyLoad, order, ...restProps }: import("./propsType").ProStepItemPropsType) => JSX.Element;
|
10
|
+
Listener: ({ children, delayTime, excludes, ...props }: import("./propsType").ListenerProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
11
11
|
};
|
12
12
|
export default ProStep;
|
package/es/ProStep/index.js
CHANGED
@@ -3,7 +3,8 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
|
|
3
3
|
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
4
4
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
5
5
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
6
|
-
var _excluded = ["children"]
|
6
|
+
var _excluded = ["children"],
|
7
|
+
_excluded2 = ["id", "form", "title", "validator", "order", "disabled", "lazyLoad"];
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
8
9
|
import { createContext, useCallback, useContext, useMemo, useRef, useState } from 'react';
|
9
10
|
import { debounce } from 'lodash';
|
@@ -13,6 +14,7 @@ import Step from './components/Step';
|
|
13
14
|
import Item from './components/Item';
|
14
15
|
import Listener from './components/Listener';
|
15
16
|
import './style/index.less';
|
17
|
+
// 创建上下文并提供类型
|
16
18
|
export var ProStepContext = /*#__PURE__*/createContext(null);
|
17
19
|
export var useStep = function useStep() {
|
18
20
|
return useContext(ProStepContext) || {};
|
@@ -75,7 +77,9 @@ var ProStep = function ProStep(_ref) {
|
|
75
77
|
title = _ref4.title,
|
76
78
|
validator = _ref4.validator,
|
77
79
|
order = _ref4.order,
|
78
|
-
disabled = _ref4.disabled
|
80
|
+
disabled = _ref4.disabled,
|
81
|
+
lazyLoad = _ref4.lazyLoad,
|
82
|
+
rest = _objectWithoutProperties(_ref4, _excluded2);
|
79
83
|
var record = {};
|
80
84
|
record.id = id;
|
81
85
|
record.title = title;
|
@@ -85,7 +89,7 @@ var ProStep = function ProStep(_ref) {
|
|
85
89
|
}
|
86
90
|
if (disabled) {
|
87
91
|
registerMap.current[id] = record;
|
88
|
-
return
|
92
|
+
return;
|
89
93
|
}
|
90
94
|
var subEvent = /*#__PURE__*/function () {
|
91
95
|
var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
@@ -57,11 +57,6 @@ export interface ProStepPropsType {
|
|
57
57
|
*/
|
58
58
|
lazyLoad?: boolean | LazyLoadProps;
|
59
59
|
}
|
60
|
-
/**
|
61
|
-
* ProStep 组件基础类型
|
62
|
-
* @type ProStepType
|
63
|
-
*/
|
64
|
-
export type ProStepType = ProStepPropsType;
|
65
60
|
/**
|
66
61
|
* ProStep 子项组件属性类型
|
67
62
|
* @interface ProStepItemPropsType
|
@@ -88,3 +83,148 @@ export interface ProStepItemPropsType {
|
|
88
83
|
* @type ProStepItemType
|
89
84
|
*/
|
90
85
|
export type ProStepItemType = ProStepItemPropsType;
|
86
|
+
/**
|
87
|
+
* ProStep组件上下文类型
|
88
|
+
* @interface ProStepContextType
|
89
|
+
*/
|
90
|
+
export interface ProStepContextType {
|
91
|
+
/** 注册映射引用 */
|
92
|
+
registerMap: React.MutableRefObject<Record<string, RegisterMapItem>>;
|
93
|
+
/** 是否折叠 */
|
94
|
+
collapse?: boolean;
|
95
|
+
/** 注册函数 */
|
96
|
+
register: (params: RegisterParams) => void;
|
97
|
+
/** 通知函数 */
|
98
|
+
notify: (params?: NotifyParams) => Promise<any[]>;
|
99
|
+
/** 触发特定项的函数 */
|
100
|
+
triggerTo: (keys: string[]) => Promise<any[]>;
|
101
|
+
/** 处理滚动的函数 */
|
102
|
+
handleScroll: (id: string, options?: ScrollOptions) => void;
|
103
|
+
/** 懒加载配置 */
|
104
|
+
lazyLoad?: boolean | any;
|
105
|
+
/** 取消注册函数 */
|
106
|
+
unNotify: (keys: string | string[]) => void;
|
107
|
+
}
|
108
|
+
/**
|
109
|
+
* 注册参数类型
|
110
|
+
* @interface RegisterParams
|
111
|
+
*/
|
112
|
+
export interface RegisterParams {
|
113
|
+
/** 唯一标识符 */
|
114
|
+
id: string;
|
115
|
+
/** 表单实例 */
|
116
|
+
form?: any;
|
117
|
+
/** 标题 */
|
118
|
+
title: string;
|
119
|
+
/** 自定义验证器 */
|
120
|
+
validator?: () => Promise<any>;
|
121
|
+
/** 排序值 */
|
122
|
+
order: number;
|
123
|
+
/** 是否禁用 */
|
124
|
+
disabled?: boolean;
|
125
|
+
/** 懒加载配置 */
|
126
|
+
lazyLoad?: boolean | any;
|
127
|
+
/** 允许其他任意属性 */
|
128
|
+
[key: string]: any;
|
129
|
+
}
|
130
|
+
/**
|
131
|
+
* 注册映射项类型
|
132
|
+
* @interface RegisterMapItem
|
133
|
+
*/
|
134
|
+
export interface RegisterMapItem {
|
135
|
+
/** 唯一标识符 */
|
136
|
+
id: string;
|
137
|
+
/** 标题 */
|
138
|
+
title: string;
|
139
|
+
/** 排序值 */
|
140
|
+
order: number;
|
141
|
+
/** 提交事件 */
|
142
|
+
subEvent?: () => Promise<any>;
|
143
|
+
/** 允许其他任意属性 */
|
144
|
+
[key: string]: any;
|
145
|
+
}
|
146
|
+
/**
|
147
|
+
* 通知参数类型
|
148
|
+
* @interface NotifyParams
|
149
|
+
*/
|
150
|
+
export interface NotifyParams {
|
151
|
+
/** 排除项 */
|
152
|
+
excludes?: string[];
|
153
|
+
}
|
154
|
+
/**
|
155
|
+
* 滚动选项类型
|
156
|
+
* @interface ScrollOptions
|
157
|
+
*/
|
158
|
+
export interface ScrollOptions {
|
159
|
+
/** 目标偏移量 */
|
160
|
+
targetOffset?: number;
|
161
|
+
/** 是否滚动到错误位置 */
|
162
|
+
scrollToError?: boolean;
|
163
|
+
}
|
164
|
+
/**
|
165
|
+
* ProStep监听器属性类型
|
166
|
+
* @interface ListenerProps
|
167
|
+
*/
|
168
|
+
export interface ListenerProps {
|
169
|
+
/** 子元素 */
|
170
|
+
children: React.ReactElement;
|
171
|
+
/** 延迟时间 */
|
172
|
+
delayTime?: number;
|
173
|
+
/** 排除项 */
|
174
|
+
excludes?: string[];
|
175
|
+
/** 允许其他任意属性 */
|
176
|
+
[key: string]: any;
|
177
|
+
}
|
178
|
+
/**
|
179
|
+
* 错误结果类型
|
180
|
+
* @interface ErrorResult
|
181
|
+
*/
|
182
|
+
export interface ErrorResult {
|
183
|
+
/** 错误DOM元素 */
|
184
|
+
errorDom: HTMLElement | null;
|
185
|
+
/** 索引 */
|
186
|
+
index: number;
|
187
|
+
}
|
188
|
+
/**
|
189
|
+
* 锚点SVG属性类型
|
190
|
+
* @interface AnchorSvgProps
|
191
|
+
*/
|
192
|
+
export interface AnchorSvgProps {
|
193
|
+
/** 颜色 */
|
194
|
+
color?: string;
|
195
|
+
}
|
196
|
+
/**
|
197
|
+
* 菜单项属性类型
|
198
|
+
* @interface MenuItemProps
|
199
|
+
*/
|
200
|
+
export interface MenuItemProps {
|
201
|
+
/** 名称 */
|
202
|
+
name: string;
|
203
|
+
/** 编码 */
|
204
|
+
code: string;
|
205
|
+
/** 是否开启 */
|
206
|
+
onOff: boolean;
|
207
|
+
/** 是否是开始项 */
|
208
|
+
isStart?: boolean;
|
209
|
+
/** 是否是结束项 */
|
210
|
+
isEnd?: boolean;
|
211
|
+
/** 是否禁用 */
|
212
|
+
isDisabled?: boolean;
|
213
|
+
/** 是否是当前步骤 */
|
214
|
+
isCurrentStep?: boolean;
|
215
|
+
/** 是否已检查 */
|
216
|
+
isChecked?: boolean;
|
217
|
+
/** 错误数量 */
|
218
|
+
errorNum?: number;
|
219
|
+
/** 当前数量 */
|
220
|
+
currentNum?: number;
|
221
|
+
/** 目标偏移量 */
|
222
|
+
targetOffset?: number;
|
223
|
+
/** 是否滚动到错误位置 */
|
224
|
+
scrollToError?: boolean;
|
225
|
+
}
|
226
|
+
/**
|
227
|
+
* ProStep 组件基础类型
|
228
|
+
* @type ProStepType
|
229
|
+
*/
|
230
|
+
export type ProStepType = ProStepPropsType;
|
@@ -1,5 +1,18 @@
|
|
1
|
+
import React from 'react';
|
1
2
|
import type { LoadedMapType } from '../propsType';
|
2
|
-
|
3
|
-
|
4
|
-
|
3
|
+
/**
|
4
|
+
* 处理滚动到指定元素位置
|
5
|
+
* @param id 目标元素的ID
|
6
|
+
* @param options 滚动选项
|
7
|
+
*/
|
8
|
+
export declare const handleScroll: (id: string, options?: {
|
9
|
+
targetOffset?: number;
|
10
|
+
scrollToError?: boolean;
|
11
|
+
}) => void;
|
12
|
+
/**
|
13
|
+
* 获取加载模块数据信息
|
14
|
+
* @param registerMap 注册映射对象
|
15
|
+
* @returns 模块加载状态列表
|
16
|
+
*/
|
17
|
+
export declare const getLoadedMap: (registerMap: React.MutableRefObject<Record<string, any>>) => LoadedMapType[];
|
5
18
|
export default handleScroll;
|
@@ -1,5 +1,10 @@
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
2
|
import { debounce, pick } from 'lodash';
|
3
|
+
/**
|
4
|
+
* 处理滚动到指定元素位置
|
5
|
+
* @param id 目标元素的ID
|
6
|
+
* @param options 滚动选项
|
7
|
+
*/
|
3
8
|
export var handleScroll = function handleScroll(id, options) {
|
4
9
|
var _ref = options || {},
|
5
10
|
_ref$targetOffset = _ref.targetOffset,
|
@@ -16,10 +21,14 @@ export var handleScroll = function handleScroll(id, options) {
|
|
16
21
|
}, 100), 0);
|
17
22
|
}
|
18
23
|
};
|
19
|
-
/**
|
24
|
+
/**
|
25
|
+
* 获取加载模块数据信息
|
26
|
+
* @param registerMap 注册映射对象
|
27
|
+
* @returns 模块加载状态列表
|
28
|
+
*/
|
20
29
|
export var getLoadedMap = function getLoadedMap(registerMap) {
|
21
30
|
if (!(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current)) {
|
22
|
-
return
|
31
|
+
return [];
|
23
32
|
}
|
24
33
|
var stepList = Object.values(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current).map(function (item) {
|
25
34
|
return _objectSpread(_objectSpread({}, pick(item, ['id', 'order', 'title'])), {}, {
|
@@ -2,7 +2,7 @@
|
|
2
2
|
* 调整点:
|
3
3
|
*/
|
4
4
|
import React from 'react';
|
5
|
-
import { ProTableColumnType } from '../../propsType';
|
5
|
+
import type { ProTableColumnType } from '../../propsType';
|
6
6
|
export declare const formatColumn: ({ column, originalObj, rowKey, wrapToolTipProps, scroll, onUpdateMinWidth, isInNewRow, diffConfig, }: {
|
7
7
|
column: ProTableColumnType;
|
8
8
|
originalObj: any;
|
@@ -62,8 +62,7 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
62
62
|
valueType = column.valueType,
|
63
63
|
_column$format = column.format,
|
64
64
|
format = _column$format === void 0 ? 'YYYY-MM-DD HH:mm:ss' : _column$format,
|
65
|
-
|
66
|
-
precision = _column$precision === void 0 ? 0 : _column$precision,
|
65
|
+
precision = column.precision,
|
67
66
|
ellipsis = column.ellipsis,
|
68
67
|
code = column.code,
|
69
68
|
copyable = column.copyable,
|
@@ -114,9 +113,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
114
113
|
}
|
115
114
|
};
|
116
115
|
if (column === null || column === void 0 ? void 0 : column.render) {
|
117
|
-
// if (!originalObj && Object.keys(originalObj ?? {}).length === 0 && !onDiff) {
|
118
|
-
// return;
|
119
|
-
// }
|
120
116
|
var originalRender = column.render; // 保存原始的 render 方法
|
121
117
|
// 自定义render 手动重载下
|
122
118
|
column.render = function (value, record, index) {
|
@@ -214,7 +210,8 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
214
210
|
if (ellipsis) {
|
215
211
|
column.ellipsis = false;
|
216
212
|
}
|
217
|
-
var valueTypePrecision = precision;
|
213
|
+
var valueTypePrecision = precision !== null && precision !== void 0 ? precision : 0;
|
214
|
+
// 千分位、千分位带CNY前缀, 百分比、千分比保留小数点2位
|
218
215
|
if (['percentage', 'permillage', 'thousandth', 'thousandthCNY'].includes(valueType)) {
|
219
216
|
valueTypePrecision = precision !== null && precision !== void 0 ? precision : 2;
|
220
217
|
}
|
@@ -0,0 +1,78 @@
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
3
|
+
import "antd/es/tabs/style";
|
4
|
+
import _Tabs from "antd/es/tabs";
|
5
|
+
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
6
|
+
import "antd/es/form/style";
|
7
|
+
import _Form from "antd/es/form";
|
8
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
10
|
+
import { useMemo, useState, useEffect, memo } from 'react';
|
11
|
+
import useEnum from '../../../ProEnum/hooks/useEnum';
|
12
|
+
var RenderTabs = function RenderTabs(props) {
|
13
|
+
var code = props.code,
|
14
|
+
_props$dataSource = props.dataSource,
|
15
|
+
dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
|
16
|
+
transformResponse = props.transformResponse,
|
17
|
+
tabsProps = props.tabsProps,
|
18
|
+
name = props.name,
|
19
|
+
formTableProps = props.formTableProps;
|
20
|
+
var _ref = formTableProps || {},
|
21
|
+
form = _ref.form,
|
22
|
+
onSearch = _ref.onSearch;
|
23
|
+
var _useState = useState(props.activeKey),
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
25
|
+
activeKey = _useState2[0],
|
26
|
+
setActiveKey = _useState2[1];
|
27
|
+
var _useEnum = useEnum(code),
|
28
|
+
_useEnum2 = _slicedToArray(_useEnum, 1),
|
29
|
+
options = _useEnum2[0];
|
30
|
+
var fieldValue = _Form.useWatch(name, form);
|
31
|
+
// 使用useMemo计算派生状态
|
32
|
+
var tabItems = useMemo(function () {
|
33
|
+
var defaultItems = [].concat(_toConsumableArray(dataSource), _toConsumableArray(options || []));
|
34
|
+
// 合并数据源并转换格式
|
35
|
+
var mergedData = defaultItems.map(function (item) {
|
36
|
+
return {
|
37
|
+
key: item.value,
|
38
|
+
label: item.label
|
39
|
+
};
|
40
|
+
});
|
41
|
+
if (transformResponse && typeof transformResponse === 'function') {
|
42
|
+
mergedData = transformResponse(defaultItems, formTableProps);
|
43
|
+
return mergedData.map(function (item) {
|
44
|
+
return {
|
45
|
+
key: String(item.value),
|
46
|
+
label: item.label
|
47
|
+
};
|
48
|
+
});
|
49
|
+
}
|
50
|
+
return mergedData.map(function (item) {
|
51
|
+
return {
|
52
|
+
key: String(item.key),
|
53
|
+
label: item.label
|
54
|
+
};
|
55
|
+
});
|
56
|
+
}, [dataSource, options, transformResponse]);
|
57
|
+
useEffect(function () {
|
58
|
+
var _tabItems$;
|
59
|
+
setActiveKey(fieldValue || (tabItems === null || tabItems === void 0 ? void 0 : (_tabItems$ = tabItems[0]) === null || _tabItems$ === void 0 ? void 0 : _tabItems$.key));
|
60
|
+
}, [fieldValue]);
|
61
|
+
if (!(tabItems === null || tabItems === void 0 ? void 0 : tabItems.length)) {
|
62
|
+
return null;
|
63
|
+
}
|
64
|
+
return _jsx(_Tabs, _objectSpread(_objectSpread({
|
65
|
+
className: "pro-table-tabs",
|
66
|
+
onChange: function onChange(key) {
|
67
|
+
var fieldsValues = (form === null || form === void 0 ? void 0 : form.getFieldsValue()) || {};
|
68
|
+
setActiveKey(key);
|
69
|
+
form.setFieldValue(name, key);
|
70
|
+
onSearch === null || onSearch === void 0 ? void 0 : onSearch(_objectSpread(_objectSpread({}, fieldsValues), {}, _defineProperty({}, name, key)));
|
71
|
+
},
|
72
|
+
type: "card"
|
73
|
+
}, tabsProps), {}, {
|
74
|
+
items: tabItems,
|
75
|
+
activeKey: activeKey
|
76
|
+
}));
|
77
|
+
};
|
78
|
+
export default /*#__PURE__*/memo(RenderTabs);
|
@@ -1,5 +1,30 @@
|
|
1
|
+
/**
|
2
|
+
* 表格可伸缩列组件
|
3
|
+
* @description 实现表格列宽可调整功能
|
4
|
+
*/
|
1
5
|
export { default as TableResizable } from './TableResizable';
|
6
|
+
/**
|
7
|
+
* 表格空数据渲染组件
|
8
|
+
* @description 当表格数据为空时的显示内容
|
9
|
+
*/
|
2
10
|
export { default as RenderEmptyText } from './RenderEmptyText';
|
11
|
+
/**
|
12
|
+
* 表格汇总行组件
|
13
|
+
* @description 用于渲染表格底部的汇总信息
|
14
|
+
*/
|
3
15
|
export { default as RenderSummary } from './RenderSummary';
|
16
|
+
/**
|
17
|
+
* 表格头部渲染组件
|
18
|
+
* @description 自定义表格头部区域,支持自定义内容和操作按钮
|
19
|
+
*/
|
4
20
|
export { default as RenderTableHeader } from './RenderTableHeader';
|
21
|
+
/**
|
22
|
+
* 表格底部渲染组件
|
23
|
+
* @description 自定义表格底部区域,支持添加额外操作按钮
|
24
|
+
*/
|
5
25
|
export { default as RenderFooter } from './RenderFooter';
|
26
|
+
/**
|
27
|
+
* 表格标签页组件
|
28
|
+
* @description 实现表格顶部的标签页切换功能,用于数据分类展示
|
29
|
+
*/
|
30
|
+
export { default as RenderTabs } from './RenderTabs';
|
@@ -1,5 +1,30 @@
|
|
1
|
+
/**
|
2
|
+
* 表格可伸缩列组件
|
3
|
+
* @description 实现表格列宽可调整功能
|
4
|
+
*/
|
1
5
|
export { default as TableResizable } from './TableResizable';
|
6
|
+
/**
|
7
|
+
* 表格空数据渲染组件
|
8
|
+
* @description 当表格数据为空时的显示内容
|
9
|
+
*/
|
2
10
|
export { default as RenderEmptyText } from './RenderEmptyText';
|
11
|
+
/**
|
12
|
+
* 表格汇总行组件
|
13
|
+
* @description 用于渲染表格底部的汇总信息
|
14
|
+
*/
|
3
15
|
export { default as RenderSummary } from './RenderSummary';
|
16
|
+
/**
|
17
|
+
* 表格头部渲染组件
|
18
|
+
* @description 自定义表格头部区域,支持自定义内容和操作按钮
|
19
|
+
*/
|
4
20
|
export { default as RenderTableHeader } from './RenderTableHeader';
|
5
|
-
|
21
|
+
/**
|
22
|
+
* 表格底部渲染组件
|
23
|
+
* @description 自定义表格底部区域,支持添加额外操作按钮
|
24
|
+
*/
|
25
|
+
export { default as RenderFooter } from './RenderFooter';
|
26
|
+
/**
|
27
|
+
* 表格标签页组件
|
28
|
+
* @description 实现表格顶部的标签页切换功能,用于数据分类展示
|
29
|
+
*/
|
30
|
+
export { default as RenderTabs } from './RenderTabs';
|
@@ -1,95 +1,4 @@
|
|
1
|
-
import { Key } from 'react';
|
2
1
|
import { useRequest } from 'ahooks';
|
3
|
-
import { ProTableRequestOptionsType, ProTableServiceType } from '../propsType';
|
4
|
-
declare function useAntdTable<I, R extends Record<string, any>, S extends ProTableServiceType<I, R>>(service: S, options?: ProTableRequestOptionsType<I, R>, useRequestOptions?: Parameters<typeof useRequest>[1]):
|
5
|
-
data: R[];
|
6
|
-
params: any;
|
7
|
-
rowSelection: {
|
8
|
-
fixed: boolean;
|
9
|
-
type: import("antd/es/table/interface").RowSelectionType;
|
10
|
-
columnWidth: number;
|
11
|
-
selectedRowKeys: Key[];
|
12
|
-
onChange(rowKeys: Key[], rows: any[]): void;
|
13
|
-
onSelectAll: (selected: boolean) => void;
|
14
|
-
getCheckboxProps: (record?: any) => {
|
15
|
-
className: string;
|
16
|
-
};
|
17
|
-
selections: boolean | ({
|
18
|
-
key: string;
|
19
|
-
text: string;
|
20
|
-
onSelect: (changeableRowKeys: Key[]) => void;
|
21
|
-
} | {
|
22
|
-
key: string;
|
23
|
-
text: any;
|
24
|
-
onSelect: () => Promise<void>;
|
25
|
-
})[];
|
26
|
-
};
|
27
|
-
searchValues: I;
|
28
|
-
allSelected: boolean;
|
29
|
-
selectedTip: string;
|
30
|
-
selectedRowKeys: Key[];
|
31
|
-
selectedRecords: R[];
|
32
|
-
clearSelected: () => void;
|
33
|
-
setSelectedRowKeys: (selectedRowKeys: Key[]) => void;
|
34
|
-
setSelectedRecords: (selectedRecords: R[]) => void;
|
35
|
-
pagination: {
|
36
|
-
current: number;
|
37
|
-
pageSize: number;
|
38
|
-
showSizeChanger: boolean;
|
39
|
-
showQuickJumper: boolean;
|
40
|
-
onPaginationChange: boolean;
|
41
|
-
total: number;
|
42
|
-
showTotal: (total: any) => string;
|
43
|
-
onShowSizeChange: (current: number, pageSize: number) => void;
|
44
|
-
onChange: (current: number, pageSize: number) => void;
|
45
|
-
};
|
46
|
-
onReset: () => void;
|
47
|
-
onSearch: (values: any) => void;
|
48
|
-
refresh: () => Promise<void>;
|
49
|
-
tableProps: {
|
50
|
-
rowKey: string | import("rc-table/lib/interface").GetRowKey<R>;
|
51
|
-
loading: boolean;
|
52
|
-
dataSource: R[];
|
53
|
-
rowSelection: {
|
54
|
-
fixed: boolean;
|
55
|
-
type: import("antd/es/table/interface").RowSelectionType;
|
56
|
-
columnWidth: number;
|
57
|
-
selectedRowKeys: Key[];
|
58
|
-
onChange(rowKeys: Key[], rows: any[]): void;
|
59
|
-
onSelectAll: (selected: boolean) => void;
|
60
|
-
getCheckboxProps: (record?: any) => {
|
61
|
-
className: string;
|
62
|
-
};
|
63
|
-
selections: boolean | ({
|
64
|
-
key: string;
|
65
|
-
text: string;
|
66
|
-
onSelect: (changeableRowKeys: Key[]) => void;
|
67
|
-
} | {
|
68
|
-
key: string;
|
69
|
-
text: any;
|
70
|
-
onSelect: () => Promise<void>;
|
71
|
-
})[];
|
72
|
-
};
|
73
|
-
pagination: {
|
74
|
-
current: number;
|
75
|
-
pageSize: number;
|
76
|
-
showSizeChanger: boolean;
|
77
|
-
showQuickJumper: boolean;
|
78
|
-
onPaginationChange: boolean;
|
79
|
-
total: number;
|
80
|
-
showTotal: (total: any) => string;
|
81
|
-
onShowSizeChange: (current: number, pageSize: number) => void;
|
82
|
-
onChange: (current: number, pageSize: number) => void;
|
83
|
-
};
|
84
|
-
onChange: (pagination: any, filters: any, sorter: any, extra: any) => void;
|
85
|
-
};
|
86
|
-
handleSetStateCallback: (values: any) => void;
|
87
|
-
loading: boolean;
|
88
|
-
error?: Error;
|
89
|
-
cancel: () => void;
|
90
|
-
refreshAsync: () => Promise<unknown>;
|
91
|
-
run: (...params: any[]) => void;
|
92
|
-
runAsync: (...params: any[]) => Promise<unknown>;
|
93
|
-
mutate: (data?: unknown) => void;
|
94
|
-
};
|
2
|
+
import type { ProTableRequestOptionsType, ProTableServiceType } from '../propsType';
|
3
|
+
declare function useAntdTable<I, R extends Record<string, any>, S extends ProTableServiceType<I, R>>(service: S, options?: ProTableRequestOptionsType<I, R>, useRequestOptions?: Parameters<typeof useRequest>[1]): any;
|
95
4
|
export default useAntdTable;
|
@@ -9,7 +9,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
9
9
|
var _excluded = ["page", "filters", "sorter"];
|
10
10
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
11
11
|
import { useRequest, useSetState, useDeepCompareEffect, usePrevious } from 'ahooks';
|
12
|
-
import { pickBy, isObject, merge, set, isEqual } from 'lodash';
|
12
|
+
import { pickBy, isObject, merge, set, isEqual, omit } from 'lodash';
|
13
13
|
import { defaultPage } from '../index';
|
14
14
|
import { isListResult, removeEmptyKeys, isNonEmptyObject } from '../utils';
|
15
15
|
import locale, { formatMessage } from '../../locale';
|
@@ -475,7 +475,7 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
475
475
|
onShowSizeChange: handlePageChange,
|
476
476
|
onChange: handlePageChange
|
477
477
|
};
|
478
|
-
|
478
|
+
var useAntdTableProps = _objectSpread(_objectSpread({}, result), {}, {
|
479
479
|
data: data,
|
480
480
|
params: params,
|
481
481
|
rowSelection: rowSelection,
|
@@ -509,5 +509,9 @@ function useAntdTable(service, options, useRequestOptions) {
|
|
509
509
|
},
|
510
510
|
handleSetStateCallback: handleSetStateCallback
|
511
511
|
});
|
512
|
+
useAntdTableProps.tableProps.formTableProps = _objectSpread(_objectSpread({}, omit(useAntdTableProps, 'tableProps')), {}, {
|
513
|
+
form: form
|
514
|
+
});
|
515
|
+
return useAntdTableProps;
|
512
516
|
}
|
513
517
|
export default useAntdTable;
|
package/es/ProTable/index.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { ProTableType } from './propsType';
|
2
|
+
import type { ProTableType } from './propsType';
|
3
3
|
import useAntdTable from './hooks/useAntdTable';
|
4
4
|
export declare const TableContext: import("react").Context<{}>;
|
5
5
|
export declare const defaultPage: {
|