@zat-design/sisyphus-react 3.11.14-beta.9 → 3.12.0-beta.1

package/lib/ProForm/components/render/propsType.d.ts

@@ -1,45 +1,42 @@
-import { ColProps, FormInstance, FormItemProps, ModalFuncProps } from 'antd';
-import { NamePath } from 'antd/es/form/interface';
+import type { ColProps, FormInstance, FormItemProps, ModalFuncProps } from 'antd';
+import type { NamePath } from 'antd/es/form/interface';
 import React from 'react';
 import { validate, regExp } from '@zat-design/utils';
-import { RuleObject } from 'antd/es/form';
-import * as componentMap from '../index';
-import { Props as InputProps } from '../base/Input/propsType';
-import { Props as InputNumberProps } from '../base/InputNumber';
-import { Props as RadioProps } from '../base/Radio';
-import { Props as CheckboxProps } from '../base/Checkbox';
-import { Props as DatePickerProps } from '../base/DatePicker';
-import { Props as RangePickerProps } from '../base/RangePicker';
-import { TypeWithRef as FormListType } from '../combination/FormList/propsType';
-import { Props as SelectProps } from '../base/Select';
-import { Props as TimePickerProps } from '../base/TimePicker';
-import { Props as SwitchProps } from '../base/Switch';
-import { Props as SwitchCheckboxProps } from '../base/SwitchCheckbox';
-import { Props as TextAreaProps } from '../base/TextArea';
-import { ProCascaderType } from '../combination/ProCascader/propsType';
-import { ProCombinationType } from '../combination/ProCombination/propsType';
-import { ProModalSelectType } from '../combination/ProModalSelect/propsType';
-import { ProNumberRangeProps } from '../combination/ProNumberRange/propsType';
-import { ProLimitProps } from '../combination/ProTimeLimit';
-import { Props as ProRangeLimitProps } from '../combination/ProRangeLimit';
-import { CheckboxPropsMap, ProEnum, PropProSelectsMap, PropRadioPropsMap } from '../../../ProEnum/propsType';
-import { PropSelectProps as ProSelectProps } from '../../../ProSelect/propsType';
-import { ProEditTableType } from '../../../ProEditTable/propsType';
-import { ProTreeModalProps } from '../../../ProTreeModal/propsType';
-import { ProUploadType } from '../../../ProUpload/propsType';
-import { ProTreeProps } from '../../../ProTree/propsType';
-import { GroupType as GroupCopyProps } from '../combination/Group/propsType';
-import { ProCollapseProps } from '../../../ProLayout/components/ProCollapse/PropTypes';
-import { DistributiveOmit, DiffConfigType } from '../../propsType';
-import { DiffOriginalParams } from '../../utils/diffOriginal';
-export type ComponentMap = keyof typeof componentMap;
+import type { RuleObject } from 'antd/es/form';
+import type { Props as InputProps } from '../base/Input/propsType';
+import type { Props as InputNumberProps } from '../base/InputNumber';
+import type { Props as RadioProps } from '../base/Radio';
+import type { Props as CheckboxProps } from '../base/Checkbox';
+import type { Props as DatePickerProps } from '../base/DatePicker';
+import type { Props as RangePickerProps } from '../base/RangePicker';
+import type { TypeWithRef as FormListType } from '../combination/FormList/propsType';
+import type { Props as SelectProps } from '../base/Select';
+import type { Props as TimePickerProps } from '../base/TimePicker';
+import type { Props as SwitchProps } from '../base/Switch';
+import type { Props as SwitchCheckboxProps } from '../base/SwitchCheckbox';
+import type { Props as TextAreaProps } from '../base/TextArea';
+import type { ProCascaderType } from '../combination/ProCascader/propsType';
+import type { ProCombinationType } from '../combination/ProCombination/propsType';
+import type { ProModalSelectType } from '../combination/ProModalSelect/propsType';
+import type { ProNumberRangeType } from '../combination/ProNumberRange/propsType';
+import type { ProLimitProps } from '../combination/ProTimeLimit';
+import type { Props as ProRangeLimitProps } from '../combination/ProRangeLimit';
+import type { CheckboxPropsMap, ProEnum, PropProSelectsMap, PropRadioPropsMap } from '../../../ProEnum/propsType';
+import type { PropSelectProps as ProSelectProps } from '../../../ProSelect/propsType';
+import type { ProEditTableType } from '../../../ProEditTable/propsType';
+import type { ProTreeModalType } from '../../../ProTreeModal/propsType';
+import type { ProUploadType } from '../../../ProUpload/propsType';
+import type { ProTreeProps } from '../../../ProTree/propsType';
+import type { GroupType as GroupCopyProps } from '../combination/Group/propsType';
+import type { ProCollapseProps } from '../../../ProLayout/components/ProCollapse/PropTypes';
+import type { DistributiveOmit, DiffConfigType } from '../../propsType';
+import type { DiffOriginalParams } from '../../utils/diffOriginal';
 type ValidateKey = keyof typeof validate;
 type RegExpKey = keyof typeof regExp;
-interface ExtendType extends Omit<RuleObject, 'type'> {
+export interface ProRule extends Omit<RuleObject, 'type'> {
     type?: ValidateKey | RegExpKey;
     message?: string;
 }
-export type ProRule = ExtendType;
 /**
  * percent 百分比 permillage 千分比 amount 金额
  */
@@ -133,7 +130,7 @@ export type ColumnTypeMap<Values = any, T = 'ProForm'> = {
     fieldProps?: FieldType<ProModalSelectType, Values, T>;
 } | {
     type?: 'ProNumberRange';
-    fieldProps?: FieldType<ProNumberRangeProps, Values, T>;
+    fieldProps?: FieldType<ProNumberRangeType, Values, T>;
 } | {
     type?: 'ProRangeLimit';
     fieldProps?: FieldType<ProRangeLimitProps, Values, T>;
@@ -151,7 +148,7 @@ export type ColumnTypeMap<Values = any, T = 'ProForm'> = {
     fieldProps?: FieldType<ProEditTableType, Values, T>;
 } | {
     type?: 'ProTreeModal';
-    fieldProps?: FieldType<ProTreeModalProps, Values, T>;
+    fieldProps?: FieldType<ProTreeModalType, Values, T>;
 } | {
     type?: 'ProUpload';
     fieldProps?: FieldType<ProUploadType, Values, T>;
@@ -168,7 +165,7 @@ export type ColumnTypeMap<Values = any, T = 'ProForm'> = {
     type?: 'Container';
     fieldProps?: any;
 };
-export interface ProFormColumnType<Values = any> extends Omit<FormItemProps<Values>, 'rules' | 'required'> {
+export interface ProFormColumn<Values = any> extends Omit<FormItemProps<Values>, 'rules' | 'required'> {
     component?: React.ReactNode | ReactiveFunction<Values, React.ReactNode>;
     names?: NamePath[];
     show?: boolean | ReactiveFunction<Values, boolean>;
@@ -233,7 +230,7 @@ export interface ProFormColumnType<Values = any> extends Omit<FormItemProps<Valu
     /** 脱敏数据位置下标 */
     desensitization?: [number, number] | ReactiveFunction<Values, [number, number]>;
 }
-export type ProColumnType<T = any> = ProFormColumnType<T> & ColumnTypeMap<T, 'ProForm'>;
+export type ProFormColumnType<T = any> = ProFormColumn<T> & ColumnTypeMap<T, 'ProForm'>;
 /**
  * 表单渲染类型
  */
@@ -292,7 +289,6 @@ export type ProEnumTableProps<Values> = ProEnumTableType<Values>;
 export type ProEnumFieldProps<Values, TT> = ProEnumFieldType<Values, TT>;
 export type FieldProps<T extends ControlProps, Values, TT> = FieldType<T, Values, TT>;
 export type ColumnPropsMap<Values = any, T = 'ProForm'> = ColumnTypeMap<Values, T>;
-export type ProFormColumnProps<Values = any> = ProFormColumnType<Values>;
-export type ProColumnProps<T = any> = ProColumnType<T>;
+export type ProColumnProps<Values = any> = ProFormColumnType<Values>;
 export type RenderProps<Values = any> = RenderType<Values>;
 export {};

package/lib/ProForm/index.d.ts

@@ -1,7 +1,7 @@
 import { FormInstance } from 'antd';
 import React, { ForwardRefRenderFunction } from 'react';
 import { FormProviderProps } from 'antd/es/form/context';
-import { ProFormType } from './propsType';
+import type { ProFormType } from './propsType';
 import { useForm } from './utils/useForm';
 import useWatch from './utils/useWatch';
 interface IProForm<T = any> extends ForwardRefRenderFunction<FormInstance<T>, ProFormType<T>> {

package/lib/ProForm/index.js

@@ -74,10 +74,12 @@ var ProForm = function ProForm(props, ref) {
     desensitizationKey = _props$desensitizatio === void 0 ? 'zat-design-pro-component-desensitization' : _props$desensitizatio,
     otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var config = (0, _ProConfigProvider.useProConfig)('ProForm');
+  // source: 用于区分是哪个组件调用，用于错误提示
   var _useForm = (0, _useForm3.useForm)(originForm, {
       scrollToError: scrollToError,
       optimize: optimize,
-      formKey: formKey
+      formKey: formKey,
+      source: 'ProForm'
     }),
     _useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
     form = _useForm2[0];

package/lib/ProForm/propsType.d.ts

@@ -4,8 +4,8 @@ import { NamePath } from 'antd/es/form/interface';
 import { StoreValue, Store } from 'rc-field-form/es/interface.d';
 import { ShouldUpdate } from 'rc-field-form/es/Field.d';
 import React, { ReactNode } from 'react';
-import { ComponentMap, ProColumnType, ViewType } from './components/render/propsType';
-export * from './components/render/propsType';
+import type { ProFormColumnType, ViewType } from './components/render/propsType';
+import type { ProFormComponentType } from './components/index.d';
 export interface ButtonType extends ButtonProps {
     children?: any;
 }
@@ -33,7 +33,7 @@ export interface ProFormOtherType {
     name?: NamePath;
     names?: NamePath[];
     form?: FormInstance;
-    type?: ComponentMap;
+    type?: ProFormComponentType;
     hiddenNames?: string[] | any[];
     colProps: ColProps;
     disabled: boolean;
@@ -69,7 +69,7 @@ export interface ProFormType<Values = any> extends FormProps<Values> {
     /** 是否查看 */
     isView?: boolean;
     span?: number;
-    columns?: ProColumnType<Values>[];
+    columns?: ProFormColumnType<Values>[];
     rowProps?: RowProps;
     footer?: FooterType;
     expand?: boolean | number;
@@ -111,3 +111,5 @@ export type FooterButtonProps = FooterButtonType;
 export type ProFormOtherProps = ProFormOtherType;
 export type DiffConfigProps = DiffConfigType;
 export type Transform = TransformType;
+export type { ProFormColumnType } from './components/render/propsType';
+export type { ProColumnProps } from './components/render/propsType';

package/lib/ProForm/propsType.js

@@ -3,20 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  otherKeys: true
-};
 exports.otherKeys = void 0;
-var _propsType = require("./components/render/propsType");
-Object.keys(_propsType).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _propsType[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _propsType[key];
-    }
-  });
-});
 var otherKeys = exports.otherKeys = ['isView', 'viewEmpty', 'label', 'valueType', 'viewType', 'name', 'names', 'form', 'type', 'hiddenNames'];

package/lib/ProForm/utils/transformValue.d.ts

@@ -1,6 +1,6 @@
 import { FormInstance, FormItemProps } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
 import { StoreValue, Store } from 'rc-field-form/es/interface.d';
-import { TransformType } from '../propsType';
+import type { TransformType } from '../propsType';
 export declare const transformValue: (names: NamePath[], form: FormInstance, fieldName: NamePath, normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue, getValueProps?: FormItemProps['getValueProps']) => TransformType;
 export default transformValue;

package/lib/ProForm/utils/useFieldProps.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProFormOtherType } from '../propsType';
+import type { ProFormOtherType } from '../propsType';
 export declare const FieldProvider: React.Provider<ProFormOtherType>;
 export declare const useFieldProps: () => ProFormOtherType;

package/lib/ProForm/utils/useForm.d.ts

@@ -12,5 +12,6 @@ export interface FormInstanceOption {
     scrollToError?: boolean;
     optimize?: boolean;
     formKey?: string;
+    source?: string;
 }
-export declare const useForm: <T>(originForm?: FormInstanceOption | ModifiedFormInstance<T>, options?: FormInstanceOption) => [ModifiedFormInstance<T>];
+export declare const useForm: <T>(originForm?: ModifiedFormInstance<T> | FormInstanceOption, options?: FormInstanceOption) => [ModifiedFormInstance<T>];

package/lib/ProForm/utils/useForm.js

@@ -26,7 +26,8 @@ var useForm = exports.useForm = function useForm(originForm, options) {
     _ref$scrollToError = _ref.scrollToError,
     scrollToError = _ref$scrollToError === void 0 ? true : _ref$scrollToError,
     optimize = _ref.optimize,
-    formKey = _ref.formKey;
+    formKey = _ref.formKey,
+    source = _ref.source;
   // formKey全局共享逻辑
   var forms = (0, _react.useContext)(_FormsProvider.FormsContext);
   var _Form$useForm = _antd.Form.useForm(forms[formKey] || _originForm),
@@ -120,7 +121,7 @@ var useForm = exports.useForm = function useForm(originForm, options) {
           case 18:
             _context.prev = 18;
             _context.t0 = _context["catch"](0);
-            if (scrollToError && (_context.t0 === null || _context.t0 === void 0 ? void 0 : (_error$errorFields = _context.t0.errorFields) === null || _error$errorFields === void 0 ? void 0 : _error$errorFields.length)) {
+            if (scrollToError && (_context.t0 === null || _context.t0 === void 0 ? void 0 : (_error$errorFields = _context.t0.errorFields) === null || _error$errorFields === void 0 ? void 0 : _error$errorFields.length) && source === 'ProForm') {
               form.scrollToField((_error$errorFields$ = _context.t0.errorFields[0]) === null || _error$errorFields$ === void 0 ? void 0 : _error$errorFields$.name, {
                 block: 'center',
                 behavior: 'smooth'

package/lib/ProForm/utils/useRules.d.ts

@@ -1,5 +1,5 @@
 import type { InternalNamePath } from 'antd/lib/form/interface';
-import type { ProRule } from '../propsType';
+import type { ProRule } from '../components/render/propsType';
 interface Props {
     rules?: ProRule[];
     required?: boolean;

package/lib/ProForm/utils/useShouldUpdate.d.ts

@@ -1,5 +1,5 @@
 import { FormInstance, FormItemProps } from 'antd';
-import { ProColumnType, ProRule } from '../components/render/propsType';
+import type { ProFormColumnType, ProRule } from '../components/render/propsType';
 interface Result<Values> {
     shouldUpdate?: FormItemProps<Values>['shouldUpdate'];
     show?: boolean;
@@ -9,8 +9,8 @@ interface Result<Values> {
     [key: string]: any;
 }
 interface UseShouldUpdateProps<Values> {
-    show?: ProColumnType['show'];
-    formItemProps?: ProColumnType['formItemProps'] & {
+    show?: ProFormColumnType['show'];
+    formItemProps?: ProFormColumnType['formItemProps'] & {
         clearNotShow?: boolean;
         names?: any[];
     };

package/lib/ProIcon/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { ProIconProps } from './propsTypes';
+import type { ProIconType } from './propsTypes';
 import './symbolIcon.js';
-declare const ProIcon: FC<ProIconProps>;
+declare const ProIcon: FC<ProIconType>;
 export default ProIcon;

package/lib/ProIcon/propsTypes.d.ts

@@ -1,105 +1,176 @@
-import React, { CSSProperties } from 'react';
+import { CSSProperties, ReactNode, MouseEventHandler } from 'react';
 import { ButtonProps } from 'antd/lib/button';
-export type ModeType = 'icon' | 'button';
-interface iconMap {
+/**
+ * 图标模式
+ * @description 定义图标的显示模式：纯图标或按钮形式
+ */
+export type ProIconModeType = 'icon' | 'button';
+/**
+ * 图标映射对象
+ */
+interface ProIconMapType {
+    /**
+     * 图标类型
+     * @description 唯一标识图标的类型名称
+     * @default undefined
+     */
     type: string;
+    /**
+     * 中文显示文本
+     * @description 图标对应的中文描述
+     * @default undefined
+     */
     'text-cn'?: string;
+    /**
+     * 英文显示文本
+     * @description 图标对应的英文描述
+     * @default undefined
+     */
     'text-en'?: string;
 }
-interface themeMap {
+/**
+ * 主题映射对象
+ */
+interface ProIconThemeMapType {
+    /**
+     * 主题颜色映射
+     * @description 不同主题下的颜色值数组
+     * @default undefined
+     */
     [key: string]: string[];
 }
-interface actionMap {
-    themeMap?: themeMap;
-    themeFillMap?: themeMap;
+/**
+ * 操作映射对象
+ */
+interface ProIconActionMapType {
+    /**
+     * 主题颜色映射
+     * @description 不同主题下的颜色映射
+     * @default undefined
+     */
+    themeMap?: ProIconThemeMapType;
+    /**
+     * 主题填充颜色映射
+     * @description 不同主题下的填充颜色映射
+     * @default undefined
+     */
+    themeFillMap?: ProIconThemeMapType;
+    /**
+     * 渐变色值
+     * @description 渐变色值数组
+     * @default undefined
+     */
     gradation?: string[];
+    /**
+     * 填充色值
+     * @description 填充色值数组
+     * @default undefined
+     */
     fill?: string[];
 }
-export interface ProIconProps {
+export interface ProIconType {
     /**
-     * @description        本地import引入
-     * @default            ""
+     * 图标路径
+     * @description 本地import引入的图标路径
+     * @default ""
      */
     src?: string;
     /**
-     * @description       图标的名称
-     * @default           -
+     * 图标名称
+     * @description 图标的类型名称，用于识别特定图标
+     * @default undefined
      */
     type?: string;
     /**
-     * @description       图标的大小,同时设置图标的width以及height
-     * @default           14
+     * 图标大小
+     * @description 图标的大小，同时设置图标的width以及height
+     * @default 14
      */
     size?: number;
     /**
-     * @description       图标旋转角度（IE9 无效）
-     *
-     * @default           -
+     * 旋转角度
+     * @description 图标旋转角度（IE9 无效）
+     * @default undefined
      */
     rotate?: number;
     /**
-     * @description       图标是否旋转loading
-     *
-     * @default           false
+     * 是否旋转
+     * @description 图标是否旋转loading效果
+     * @default false
      */
     spin?: boolean;
     /**
-     * @description       图标的颜色,svg的fill属性
-     *
-     * @default           -
+     * 图标颜色
+     * @description 图标的颜色，设置svg的fill属性
+     * @default undefined
      */
     color?: string;
     /**
-     * @description      禁用
-     * @default           false
+     * 是否禁用
+     * @description 设置图标为禁用状态
+     * @default false
      */
     disabled?: boolean;
     /**
-     * @description      提示
-     * @default           -
+     * 提示信息
+     * @description 鼠标悬停时显示的提示信息
+     * @default undefined
      */
-    tooltip?: string | React.ReactNode;
+    tooltip?: string | ReactNode;
     /**
-     * @description      是否跟随主题色
-     * @default           false
+     * 是否跟随主题
+     * @description 是否跟随系统主题色变化
+     * @default false
      */
     theme?: boolean;
     /**
-     * @description       图标的点击事件
-     * @default           ()=>{}
+     * 点击事件
+     * @description 图标的点击事件处理函数
+     * @default () => {}
      */
-    onClick?: React.MouseEventHandler<SVGSVGElement>;
+    onClick?: MouseEventHandler<SVGSVGElement>;
     /**
-     * @description       图标的className
-     * @default           -
+     * 自定义类名
+     * @description 自定义图标的CSS类名
+     * @default undefined
      */
     className?: string;
     /**
-     * @description       计算后的 svg 元素样式,style的优先级高过size/color/rotate属性
-     * @default           -
+     * 自定义样式
+     * @description 计算后的svg元素样式，优先级高于size/color/rotate属性
+     * @default undefined
      */
     style?: CSSProperties;
     /**
-     * @description       模式
-     * @default           'icon'
+     * 显示模式
+     * @description 图标的显示模式：图标或按钮
+     * @default 'icon'
      */
-    mode?: ModeType;
+    mode?: ProIconModeType;
     /**
-     * @description        mode button时 props 与antd Button接收props一致
-     * @default           'link'
+     * 按钮属性
+     * @description mode为button时的按钮属性，与antd Button接收props一致
+     * @default { type: 'link' }
      */
     buttonProps?: ButtonProps;
     /**
-     * @description        icon与中文映射表
-     * @default            项目内认默映射
+     * 图标映射表
+     * @description 图标与中英文文本的映射表
+     * @default 项目内默认映射
+     */
+    mapList?: ProIconMapType[];
+    /**
+     * SVG操作表
+     * @description SVG变更操作表，用于主题配置
+     * @default undefined
      */
-    mapList?: iconMap[];
+    actionMap?: ProIconActionMapType;
     /**
-     * @description        svg变更操作表 请到 ProThemeTools 主题配置查看示例
-     * @default
+     * 按钮图标标记
+     * @description 内部使用，标记图标作为按钮使用
+     * @default undefined
      */
-    actionMap?: actionMap;
-    /** 内部使用 */
     buttonIcon?: boolean;
 }
+export type ProIconProps = ProIconType;
 export {};

package/lib/ProSelect/propsType.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import type { SelectProps } from 'antd';
 import { Service, Options, Result } from 'ahooks/lib/useRequest/src/types';
-import { ProFormOtherType } from '../ProForm/propsType';
+import type { ProFormOtherType } from '../ProForm/propsType';
 /**
  * @description 数据选项类型
  */

package/lib/ProStep/components/Anchor/index.d.ts

@@ -1,2 +1,3 @@
-export declare const MenuItem: (props: any) => import("react/jsx-runtime").JSX.Element;
+import { MenuItemProps } from '../../propsType';
+export declare const MenuItem: (props: MenuItemProps) => JSX.Element;
 export default MenuItem;

package/lib/ProStep/components/Item/index.d.ts

@@ -1,3 +1,3 @@
 import { ProStepItemType } from '../../propsType';
-declare const ProStepItem: ({ id, title, collapse: collapseItem, children, lazyLoad: stepLazyLoad, ...restProps }: ProStepItemType) => import("react/jsx-runtime").JSX.Element;
+declare const ProStepItem: ({ id, title, collapse: collapseItem, children, lazyLoad: stepLazyLoad, order, ...restProps }: ProStepItemType) => JSX.Element;
 export default ProStepItem;

package/lib/ProStep/components/Item/index.js

@@ -14,7 +14,8 @@ var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
 var _lodash = require("lodash");
 var _index = require("../../index");
 var _ProCollapse = _interopRequireDefault(require("../../../ProLayout/components/ProCollapse"));
-var _excluded = ["id", "title", "collapse", "children", "lazyLoad"];
+var _excluded = ["id", "title", "collapse", "children", "lazyLoad", "order"];
+// 默认的懒加载配置
 var defaultLazyLoadConfig = {
   height: 200,
   offset: 100,
@@ -27,6 +28,8 @@ var ProStepItem = function ProStepItem(_ref) {
     collapseItem = _ref$collapse === void 0 ? true : _ref$collapse,
     children = _ref.children,
     stepLazyLoad = _ref.lazyLoad,
+    _ref$order = _ref.order,
+    order = _ref$order === void 0 ? 0 : _ref$order,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useStep = (0, _index.useStep)(),
     register = _useStep.register,
@@ -39,13 +42,14 @@ var ProStepItem = function ProStepItem(_ref) {
       register === null || register === void 0 ? void 0 : register((0, _objectSpread2.default)({
         id: id,
         title: title,
+        order: order,
         lazyLoad: lazyLoad
       }, restProps));
     }, 0);
     return function () {
       clearTimeout(timeoutId);
     };
-  }, [id, title, lazyLoad, restProps, register]);
+  }, [id, title, order, lazyLoad, restProps, register]);
   var renderChildren = function renderChildren() {
     if (lazyLoad) {
       var lazyLoadProps = (0, _lodash.isBoolean)(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;

package/lib/ProStep/components/Listener/index.d.ts

@@ -1,3 +1,4 @@
-import React from 'react';
-declare const _default: ({ children, delayTime, excludes, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>;
-export default _default;
+import { ReactElement } from 'react';
+import type { ListenerProps } from '../../propsType';
+declare const Listener: ({ children, delayTime, excludes, ...props }: ListenerProps) => ReactElement;
+export default Listener;

package/lib/ProStep/components/Listener/index.js

@@ -15,6 +15,11 @@ var _reactLazyload = require("react-lazyload");
 var _index = require("../../index");
 var _utils = require("../../utils");
 var _excluded = ["children", "delayTime", "excludes"];
+/**
+ * 检查错误列表并返回第一个错误项
+ * @param arr DOM元素数组
+ * @returns 错误元素信息
+ */
 var checkErrorList = function checkErrorList(arr) {
   for (var i = 0; i < arr.length; i++) {
     if (arr[i].className.includes('errored')) {
@@ -26,8 +31,12 @@ var checkErrorList = function checkErrorList(arr) {
   }
   return null;
 };
+/**
+ * 查找第一个错误的DOM元素
+ * @returns 错误元素信息
+ */
 var findFirstErrorDom = function findFirstErrorDom() {
-  var errorList = document.querySelectorAll('.pro-step-com-menu-item') || [];
+  var errorList = document.querySelectorAll('.pro-step-com-menu-item');
   var hasErrorItem = document.querySelectorAll('.pro-step-com-menu-item .errored');
   var hasFormError = document.querySelector('.ant-form-item-explain-error');
   if ((hasErrorItem === null || hasErrorItem === void 0 ? void 0 : hasErrorItem.length) && !hasFormError) {
@@ -35,13 +44,17 @@ var findFirstErrorDom = function findFirstErrorDom() {
   }
   return null;
 };
-// Function to check if all modules are loaded
+/**
+ * 检查所有模块是否已加载完成
+ * @param data 模块加载数据
+ * @returns 是否所有模块都已加载
+ */
 var areAllModulesLoaded = function areAllModulesLoaded(data) {
   return data.every(function (item) {
     return (item === null || item === void 0 ? void 0 : item.loaded) === true;
   });
 };
-var _default = exports.default = function _default(_ref) {
+var Listener = function Listener(_ref) {
   var children = _ref.children,
     delayTime = _ref.delayTime,
     excludes = _ref.excludes,
@@ -95,4 +108,5 @@ var _default = exports.default = function _default(_ref) {
       }, _callee);
     })), 3000)
   }));
-};
+};
+var _default = exports.default = Listener;