x-next 0.0.0-alpha.7 → 0.0.0-alpha.70

package/dist/components/steps/Step.vue.d.ts

@@ -0,0 +1,181 @@
+import { PropType } from 'vue';
+import { StepStatus } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 步骤的标题
+     * @en Title of the step
+     */
+    title: StringConstructor;
+    /**
+     * @zh 步骤的描述信息
+     * @en Description of the step
+     */
+    description: StringConstructor;
+    /**
+     * @zh 步骤的状态
+     * @en Status of the step
+     * @values 'wait', 'process', 'finish', 'error'
+     */
+    status: {
+        type: PropType<StepStatus>;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    iconClassName: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    cls: import('vue').ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+    itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    showTail: import('vue').ComputedRef<boolean>;
+    stepNumber: import('vue').ComputedRef<number>;
+    computedStatus: import('vue').ComputedRef<"error" | "wait" | "process" | "finish">;
+    type: import('vue').ComputedRef<"default" | "dot" | "arrow" | "navigation">;
+    handleClick: (ev: Event) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 步骤的标题
+     * @en Title of the step
+     */
+    title: StringConstructor;
+    /**
+     * @zh 步骤的描述信息
+     * @en Description of the step
+     */
+    description: StringConstructor;
+    /**
+     * @zh 步骤的状态
+     * @en Status of the step
+     * @values 'wait', 'process', 'finish', 'error'
+     */
+    status: {
+        type: PropType<StepStatus>;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {
+    IconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/steps/Steps.vue.d.ts

@@ -0,0 +1,187 @@
+import { PropType } from 'vue';
+import { Direction } from '../../_utils/constant';
+import { StepStatus, StepsType } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 步骤条的类型
+     * @en The type of the steps
+     * @values 'default', 'arrow', 'dot', 'navigation'
+     */
+    type: {
+        type: PropType<StepsType>;
+        default: string;
+    };
+    /**
+     * @zh 步骤条的显示方向
+     * @en The direction of the steps
+     * @values 'horizontal', 'vertical'
+     */
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    /**
+     * @zh 标签描述文字放置的位置
+     * @en The location where the label description is placed.
+     * @values 'horizontal', 'vertical'
+     */
+    labelPlacement: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    /**
+     * @zh 当前步骤数
+     * @en Number of current step
+     * @vModel
+     */
+    current: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 默认的步骤数（非受控状态）
+     * @en The default number of step (uncontrolled state)
+     */
+    defaultCurrent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 当前步骤的状态
+     * @en The status of the current step
+     * @values 'wait', 'process', 'finish', 'error'
+     */
+    status: {
+        type: PropType<StepStatus>;
+        default: string;
+    };
+    /**
+     * @zh 是否使用无连接线样式
+     * @en Whether to use the connectionless style
+     */
+    lineLess: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否使用小型步骤条
+     * @en Whether to use a small step bar
+     */
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否可以点击切换
+     * @en Whether you can click to switch
+     */
+    changeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    cls: import('vue').ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:current': (step: number) => true;
+    /**
+     * @zh 步骤数发生改变时触发
+     * @en Triggered when the number of steps changes
+     * @param {number} step
+     * @param {Event} ev
+     */
+    change: (step: number, ev: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 步骤条的类型
+     * @en The type of the steps
+     * @values 'default', 'arrow', 'dot', 'navigation'
+     */
+    type: {
+        type: PropType<StepsType>;
+        default: string;
+    };
+    /**
+     * @zh 步骤条的显示方向
+     * @en The direction of the steps
+     * @values 'horizontal', 'vertical'
+     */
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    /**
+     * @zh 标签描述文字放置的位置
+     * @en The location where the label description is placed.
+     * @values 'horizontal', 'vertical'
+     */
+    labelPlacement: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    /**
+     * @zh 当前步骤数
+     * @en Number of current step
+     * @vModel
+     */
+    current: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 默认的步骤数（非受控状态）
+     * @en The default number of step (uncontrolled state)
+     */
+    defaultCurrent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 当前步骤的状态
+     * @en The status of the current step
+     * @values 'wait', 'process', 'finish', 'error'
+     */
+    status: {
+        type: PropType<StepStatus>;
+        default: string;
+    };
+    /**
+     * @zh 是否使用无连接线样式
+     * @en Whether to use the connectionless style
+     */
+    lineLess: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否使用小型步骤条
+     * @en Whether to use a small step bar
+     */
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否可以点击切换
+     * @en Whether you can click to switch
+     */
+    changeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((step: number, ev: Event) => any) | undefined;
+    "onUpdate:current"?: ((step: number) => any) | undefined;
+}>, {
+    small: boolean;
+    type: "default" | "dot" | "arrow" | "navigation";
+    status: "error" | "wait" | "process" | "finish";
+    direction: "horizontal" | "vertical";
+    current: number;
+    defaultCurrent: number;
+    labelPlacement: "horizontal" | "vertical";
+    lineLess: boolean;
+    changeable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/steps/context.d.ts

@@ -0,0 +1,17 @@
+import { InjectionKey } from 'vue';
+import { StepData, StepStatus, StepsType } from './interface';
+import { Direction } from '../../_utils/constant';
+export interface StepsContext {
+    current: number;
+    direction: Direction;
+    labelPlacement: Direction;
+    lineLess: boolean;
+    type: StepsType;
+    errorSteps: number[];
+    addItem: (step: number, data: StepData) => void;
+    removeItem: (step: number) => void;
+    getStatus: (step: number) => StepStatus;
+    onClick: (step: number, ev: Event) => void;
+    parentCls: string;
+}
+export declare const stepsInjectionKey: InjectionKey<StepsContext>;