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

package/es/ProForm/components/old/InputWithSuffix/index.d.ts

@@ -1,3 +1,3 @@
-import { comPropsType } from './propsTypes';
+import type { comPropsType } from './propsTypes';
 declare const InputWithSuffix: (props: comPropsType) => import("react/jsx-runtime").JSX.Element;
 export default InputWithSuffix;

package/es/ProForm/components/old/ProAddress/index.d.ts

@@ -1,4 +1,4 @@
-import { ProAddressPropsType } from './propsTypes';
+import type { ProAddressPropsType } from './propsTypes';
 export declare const transferAddressInfoToRegion: () => {
     normalize: (value: any) => {
         province: any;

package/es/ProForm/components/old/ProCertNo/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IProps } from './propsType';
+import type { IProps } from './propsType';
 /**
  * 证件号码 + 证件类型
  * @date 2022-01-06

package/es/ProForm/components/old/ProCertValidity/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ProCertValidityPropsType } from './propsType';
+import type { ProCertValidityPropsType } from './propsType';
 /**
  * 继承了antd原本DatePicker 与 RangePicker接口，
  * 可以在这里使用所有原有antd DatePicker的属性和事件，

package/es/ProForm/components/old/ProRangeBox/index.d.ts

@@ -1,2 +1,2 @@
-import { ProRangeBoxPropsType } from './propsType';
+import type { ProRangeBoxPropsType } from './propsType';
 export default function ProRangeBox({ configOption }: ProRangeBoxPropsType): import("react/jsx-runtime").JSX.Element;

package/es/ProForm/components/render/ChangedWrapper.d.ts

@@ -2,7 +2,7 @@ import { FormInstance } from 'antd';
 import { NamePath } from 'antd/lib/form/interface';
 import React from 'react';
 import { DiffOriginalParams } from '../../utils/diffOriginal';
-import { DiffConfigType } from '../../propsType';
+import type { DiffConfigType } from '../../propsType';
 interface Props {
     name?: NamePath;
     names?: NamePath[];

package/es/ProForm/components/render/ConfirmWrapper.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { ProFormColumnProps } from '../../propsType';
+import type { ProFormColumnType } from '../../propsType';
 interface Props<T = any> {
     value?: T;
     onChange?: (value: T, ...rest: any[]) => void;
-    confirm: ProFormColumnProps['confirm'];
+    confirm: ProFormColumnType['confirm'];
     [K: string]: any;
 }
 declare const ConfirmWrapper: React.FC<Props>;

package/es/ProForm/components/render/RenderFields.d.ts

@@ -1,11 +1,11 @@
 import { ColProps } from 'antd';
 import { FormInstance } from 'antd/es/form/Form';
 import React from 'react';
-import { ProColumnType } from './propsType';
-import { DiffConfigType } from '../../propsType';
+import type { ProFormColumnType } from './propsType';
+import type { DiffConfigType } from '../../propsType';
 interface Props<T = any> {
     isView?: boolean;
-    columns: ProColumnType[];
+    columns: ProFormColumnType[];
     disabled?: boolean;
     form: FormInstance<T>;
     expand?: boolean | number;

package/es/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/es/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/es/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/es/ProForm/propsType.js

@@ -1,2 +1 @@
-export * from './components/render/propsType';
 export var otherKeys = ['isView', 'viewEmpty', 'label', 'valueType', 'viewType', 'name', 'names', 'form', 'type', 'hiddenNames'];

package/es/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/es/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/es/ProForm/utils/useForm.d.ts

@@ -13,4 +13,4 @@ export interface FormInstanceOption {
     optimize?: boolean;
     formKey?: 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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/ProStep/components/Item/index.js

@@ -1,12 +1,13 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "title", "collapse", "children", "lazyLoad"];
+var _excluded = ["id", "title", "collapse", "children", "lazyLoad", "order"];
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import LazyLoad, { forceCheck } from 'react-lazyload';
 import { isBoolean } from 'lodash';
 import { useStep } from '../../index';
 import ProCollapse from '../../../ProLayout/components/ProCollapse';
+// 默认的懒加载配置
 var defaultLazyLoadConfig = {
   height: 200,
   offset: 100,
@@ -19,6 +20,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 = _objectWithoutProperties(_ref, _excluded);
   var _useStep = useStep(),
     register = _useStep.register,
@@ -31,13 +34,14 @@ var ProStepItem = function ProStepItem(_ref) {
       register === null || register === void 0 ? void 0 : register(_objectSpread({
         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 = isBoolean(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;

package/es/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;