x-next 0.0.0-alpha.61 → 0.0.0-alpha.62

package/dist/_hooks/_types.d.ts

@@ -3,6 +3,7 @@ export interface SlotChildren {
     value?: VNode[];
 }
 type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+export type EmitFn<T> = (event: T, ...args: any[]) => void;
 export type EmitFn2<Options = Record<string, any>, Event extends keyof Options = keyof Options> = UnionToIntersection<{
     [key in Event]: Options[key] extends (...args: infer Args) => any ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
 }[Event]>;

package/dist/_hooks/use-component-ref.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPublicInstance } from 'vue';
+export declare const useComponentRef: (name: string) => {
+    componentRef: import('vue').Ref<HTMLElement | ComponentPublicInstance | undefined, HTMLElement | ComponentPublicInstance | undefined>;
+    elementRef: import('vue').Ref<any, any>;
+};

package/dist/_hooks/use-input.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'vue';
+import { EmitFn } from './_types';
+import { FormItemEventHandler } from '../components/form/interface';
+export declare const useInput: ({ defaultValue, modelValue, emit, eventName, updateEventName, eventHandlers, }: {
+    defaultValue?: Ref<string>;
+    modelValue?: Ref<string>;
+    emit: EmitFn<any>;
+    eventName?: string;
+    updateEventName?: string;
+    eventHandlers?: Ref<FormItemEventHandler>;
+}) => {
+    inputRef: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    _value: Ref<string, string>;
+    _focused: Ref<boolean, boolean>;
+    isComposition: Ref<boolean, boolean>;
+    compositionValue: Ref<string, string>;
+    computedValue: import('vue').ComputedRef<string>;
+    handleInput: (ev: Event) => void;
+    handleComposition: (ev: CompositionEvent) => void;
+    handleFocus: (ev: FocusEvent) => void;
+    handleBlur: (ev: FocusEvent) => void;
+    handleKeyDown: (ev: KeyboardEvent) => void;
+    handleMousedown: (ev: MouseEvent) => void;
+};

package/dist/_hooks/use-scrollbar.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+import { ScrollbarProps } from '../components/scrollbar-v2/interface';
+export declare const useScrollbar: (scrollbar: Ref<ScrollbarProps | boolean>) => {
+    displayScrollbar: import('vue').ComputedRef<boolean>;
+    scrollbarProps: import('vue').ComputedRef<ScrollbarProps | undefined>;
+};

package/dist/_utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce(callback: (...args: any[]) => void, delay: number): (...args: any[]) => void;

package/dist/_utils/dom.d.ts

@@ -14,3 +14,16 @@ export interface Size {
     width: number;
 }
 export declare const getDocumentSize: () => Size;
+/**
+ * Get the relative distance between two DOMs
+ * @param target
+ * @param relative
+ */
+export declare const getRelativeRect: (target: HTMLElement, relative: HTMLElement) => {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    width: number;
+    height: number;
+};

package/dist/components/_components/input-label/input-label.d.ts

@@ -0,0 +1,56 @@
+import { PropType } from 'vue';
+import { Size } from '../../../_utils/constant';
+import { SelectViewValue } from '../select-view/interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: PropType<SelectViewValue>;
+    inputValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    enabledInput: BooleanConstructor;
+    formatLabel: PropType<(data?: SelectViewValue) => string>;
+    placeholder: StringConstructor;
+    retainInputValue: BooleanConstructor;
+    disabled: BooleanConstructor;
+    baseCls: StringConstructor;
+    size: PropType<Size>;
+    error: BooleanConstructor;
+    focused: BooleanConstructor;
+    uninjectFormItemContext: BooleanConstructor;
+}>, {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    render: () => any;
+}, {}, {}, {
+    focus(): void;
+    blur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "blur" | "update:inputValue" | "inputValueChange")[], "focus" | "blur" | "update:inputValue" | "inputValueChange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: PropType<SelectViewValue>;
+    inputValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    enabledInput: BooleanConstructor;
+    formatLabel: PropType<(data?: SelectViewValue) => string>;
+    placeholder: StringConstructor;
+    retainInputValue: BooleanConstructor;
+    disabled: BooleanConstructor;
+    baseCls: StringConstructor;
+    size: PropType<Size>;
+    error: BooleanConstructor;
+    focused: BooleanConstructor;
+    uninjectFormItemContext: BooleanConstructor;
+}>> & Readonly<{
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    "onUpdate:inputValue"?: ((...args: any[]) => any) | undefined;
+    onInputValueChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    inputValue: string;
+    focused: boolean;
+    uninjectFormItemContext: boolean;
+    retainInputValue: boolean;
+    enabledInput: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/_components/select-view/interface.d.ts

@@ -0,0 +1,6 @@
+import { TagData } from '../../form-input-tag/interface';
+export interface SelectViewValue extends TagData {
+    value: string | number;
+    label: string;
+    closable: boolean;
+}

package/dist/components/_components/select-view/select-view.d.ts

@@ -0,0 +1,148 @@
+import { PropType } from 'vue';
+import { Data } from '../../../_utils/types';
+import { Size } from '../../../_utils/constant';
+import { SelectViewValue } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<SelectViewValue[]>;
+        required: true;
+    };
+    inputValue: StringConstructor;
+    placeholder: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    opened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowSearch: {
+        type: BooleanConstructor;
+        default: (props: Data) => boolean;
+    };
+    maxTagCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tagNowrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    retainInputValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    inputRef: import('vue').ComputedRef<HTMLInputElement>;
+    handleFocus: (ev: FocusEvent) => void;
+    handleBlur: (ev: FocusEvent) => void;
+    render: () => any;
+}, {}, {}, {
+    focus(): void;
+    blur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "clear" | "blur" | "remove")[], "focus" | "clear" | "blur" | "remove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<SelectViewValue[]>;
+        required: true;
+    };
+    inputValue: StringConstructor;
+    placeholder: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    opened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowSearch: {
+        type: BooleanConstructor;
+        default: (props: Data) => boolean;
+    };
+    maxTagCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tagNowrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    retainInputValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    loading: boolean;
+    multiple: boolean;
+    opened: boolean;
+    allowClear: boolean;
+    bordered: boolean;
+    maxTagCount: number;
+    retainInputValue: boolean;
+    tagNowrap: boolean;
+    allowCreate: boolean;
+    allowSearch: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/alert/Alert.vue.d.ts

@@ -0,0 +1,413 @@
+import { PropType } from 'vue';
+import { MessageType } from '../../_utils/constant';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 警告提示的类型。2.41.0 新增 `normal` 类型
+     * @en Type of the alert. 2.41.0 Added `normal` type
+     * @values info, success, warning, error, normal
+     */
+    type: {
+        type: PropType<MessageType | "normal">;
+        default: string;
+    };
+    /**
+     * @zh 是否展示图标
+     * @en Whether to show the icon
+     */
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否展示关闭按钮
+     * @en Whether to show the close button
+     */
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 警告提示的标题
+     * @en The title of the alert
+     */
+    title: StringConstructor;
+    /**
+     * @zh 是否作为顶部公告使用（去除边框和圆角）
+     * @en Whether to use as the top announcement (remove the border and rounded corners)
+     */
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 内容是否居中显示
+     * @en Whether the content is displayed in the center
+     */
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    cls: import('vue').ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+    visible: import('vue').Ref<boolean, boolean>;
+    handleClose: (ev: MouseEvent) => void;
+    handleAfterLeave: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /**
+     * @zh 点击关闭按钮时触发
+     * @en Triggered when the close button is clicked
+     * @param {MouseEvent} ev
+     */
+    close: (ev: MouseEvent) => true;
+    /**
+     * @zh 关闭动画结束后触发
+     * @en Triggered after the close animation ends
+     */
+    afterClose: () => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 警告提示的类型。2.41.0 新增 `normal` 类型
+     * @en Type of the alert. 2.41.0 Added `normal` type
+     * @values info, success, warning, error, normal
+     */
+    type: {
+        type: PropType<MessageType | "normal">;
+        default: string;
+    };
+    /**
+     * @zh 是否展示图标
+     * @en Whether to show the icon
+     */
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否展示关闭按钮
+     * @en Whether to show the close button
+     */
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 警告提示的标题
+     * @en The title of the alert
+     */
+    title: StringConstructor;
+    /**
+     * @zh 是否作为顶部公告使用（去除边框和圆角）
+     * @en Whether to use as the top announcement (remove the border and rounded corners)
+     */
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 内容是否居中显示
+     * @en Whether the content is displayed in the center
+     */
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((ev: MouseEvent) => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+}>, {
+    center: boolean;
+    type: "normal" | "success" | "warning" | "info" | "error";
+    showIcon: boolean;
+    closable: boolean;
+    banner: boolean;
+}, {}, {
+    IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        size: "mini" | "small" | "medium" | "large" | "huge";
+        disabled: boolean;
+    }, {}, {}, {}, 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;
+        };
+    }>, () => any, {}, {}, {}, 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>;
+    IconInfoCircleFill: 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;
+        };
+    }>, () => any, {}, {}, {}, 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>;
+    IconCheckCircleFill: 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;
+        };
+    }>, () => any, {}, {}, {}, 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>;
+    IconExclamationCircleFill: 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;
+        };
+    }>, () => any, {}, {}, {}, 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>;
+    IconCloseCircleFill: 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;
+        };
+    }>, () => any, {}, {}, {}, 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;