x-next 0.0.0-alpha.8 → 1.0.0

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

@@ -0,0 +1,519 @@
+export declare const Steps: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<import('./interface.ts').StepsType>;
+            default: string;
+        };
+        direction: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Direction>;
+            default: string;
+        };
+        labelPlacement: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Direction>;
+            default: string;
+        };
+        current: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        defaultCurrent: {
+            type: NumberConstructor;
+            default: number;
+        };
+        status: {
+            type: import('vue').PropType<import('./interface.ts').StepStatus>;
+            default: string;
+        };
+        lineLess: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        small: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        changeable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((step: number, ev: Event) => any) | undefined;
+        "onUpdate:current"?: ((step: number) => any) | undefined;
+    }>, {
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:current': (step: number) => true;
+        change: (step: number, ev: Event) => true;
+    }, import('vue').PublicProps, {
+        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;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<import('./interface.ts').StepsType>;
+            default: string;
+        };
+        direction: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Direction>;
+            default: string;
+        };
+        labelPlacement: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Direction>;
+            default: string;
+        };
+        current: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        defaultCurrent: {
+            type: NumberConstructor;
+            default: number;
+        };
+        status: {
+            type: import('vue').PropType<import('./interface.ts').StepStatus>;
+            default: string;
+        };
+        lineLess: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        small: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        changeable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((step: number, ev: Event) => any) | undefined;
+        "onUpdate:current"?: ((step: number) => any) | undefined;
+    }>, {
+        cls: import('vue').ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+    }, {}, {}, {}, {
+        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;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<import('./interface.ts').StepsType>;
+        default: string;
+    };
+    direction: {
+        type: import('vue').PropType<import('../../_utils/constant.ts').Direction>;
+        default: string;
+    };
+    labelPlacement: {
+        type: import('vue').PropType<import('../../_utils/constant.ts').Direction>;
+        default: string;
+    };
+    current: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultCurrent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    status: {
+        type: import('vue').PropType<import('./interface.ts').StepStatus>;
+        default: string;
+    };
+    lineLess: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    changeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((step: number, ev: Event) => any) | undefined;
+    "onUpdate:current"?: ((step: number) => any) | undefined;
+}>, {
+    cls: import('vue').ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:current': (step: number) => true;
+    change: (step: number, ev: Event) => true;
+}, string, {
+    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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export declare const Step: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        title: StringConstructor;
+        description: StringConstructor;
+        status: {
+            type: import('vue').PropType<import('./interface.ts').StepStatus>;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        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">;
+        disabled: boolean;
+        interactive: import('vue').ComputedRef<boolean>;
+        isActive: import('vue').ComputedRef<boolean>;
+        handleClick: (ev: Event) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        disabled: boolean;
+    }, true, {}, import('vue').SlotsType<{
+        node: any;
+        description: any;
+        icon: any;
+    }>, {
+        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>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        title: StringConstructor;
+        description: StringConstructor;
+        status: {
+            type: import('vue').PropType<import('./interface.ts').StepStatus>;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        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">;
+        disabled: boolean;
+        interactive: import('vue').ComputedRef<boolean>;
+        isActive: import('vue').ComputedRef<boolean>;
+        handleClick: (ev: Event) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+    }, {}, {}, {}, {
+        disabled: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    description: StringConstructor;
+    status: {
+        type: import('vue').PropType<import('./interface.ts').StepStatus>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    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">;
+    disabled: boolean;
+    interactive: import('vue').ComputedRef<boolean>;
+    isActive: import('vue').ComputedRef<boolean>;
+    handleClick: (ev: Event) => void;
+    handleKeydown: (ev: KeyboardEvent) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
+}, {}, string, import('vue').SlotsType<{
+    node: any;
+    description: any;
+    icon: any;
+}>, {
+    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>;
+} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { Steps as default };

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

@@ -0,0 +1,8 @@
+export declare const STEPS_TYPES: readonly ["default", "arrow", "dot", "navigation"];
+export type StepsType = typeof STEPS_TYPES[number];
+export declare const STEP_STATUSES: readonly ["wait", "process", "finish", "error"];
+export type StepStatus = typeof STEP_STATUSES[number];
+export interface StepData {
+    step: number;
+    status: StepStatus;
+}