echo-library-vue 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,598 @@
+import { App } from 'vue';
+import { Button } from './components/Button';
+import { ColorPicker } from './components/ColorPicker';
+import { Dropdown } from './components/Dropdown';
+import { Icon } from './components/Icon';
+import { Input } from './components/Input';
+
+export { Button, ColorPicker, Dropdown, Icon, Input };
+export declare const EchoButton: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('./components/Button').ButtonSize>;
+            default: string;
+        };
+        type: {
+            type: import('vue').PropType<import('./components/Button').ButtonType>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        round: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        plain: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        icon: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (event: MouseEvent) => void;
+    }, import('vue').PublicProps, {
+        size: import('./components/Button').ButtonSize;
+        type: import('./components/Button').ButtonType;
+        disabled: boolean;
+        loading: boolean;
+        round: boolean;
+        plain: boolean;
+        icon: string;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('./components/Button').ButtonSize>;
+            default: string;
+        };
+        type: {
+            type: import('vue').PropType<import('./components/Button').ButtonType>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        round: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        plain: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        icon: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: import('./components/Button').ButtonSize;
+        type: import('./components/Button').ButtonType;
+        disabled: boolean;
+        loading: boolean;
+        round: boolean;
+        plain: boolean;
+        icon: string;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: import('vue').PropType<import('./components/Button').ButtonSize>;
+        default: string;
+    };
+    type: {
+        type: import('vue').PropType<import('./components/Button').ButtonType>;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    loading: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    round: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    plain: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    icon: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, {
+    size: import('./components/Button').ButtonSize;
+    type: import('./components/Button').ButtonType;
+    disabled: boolean;
+    loading: boolean;
+    round: boolean;
+    plain: boolean;
+    icon: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+export declare const EchoInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    size: {
+        type: import('vue').PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    type: {
+        type: import('vue').PropType<import('./components/Input').InputType>;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import('vue').PropType<string | number>;
+        default: string;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    clearable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    suffixIcon: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    maxlength: {
+        type: import('vue').PropType<number>;
+        default: undefined;
+    };
+    showWordLimit: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => void;
+    focus: (event: FocusEvent) => void;
+    clear: () => void;
+    "update:modelValue": (value: string | number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: import('vue').PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    type: {
+        type: import('vue').PropType<import('./components/Input').InputType>;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import('vue').PropType<string | number>;
+        default: string;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    clearable: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    suffixIcon: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    maxlength: {
+        type: import('vue').PropType<number>;
+        default: undefined;
+    };
+    showWordLimit: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    size: "small" | "large" | "medium";
+    type: import('./components/Input').InputType;
+    disabled: boolean;
+    placeholder: string;
+    modelValue: string | number;
+    readonly: boolean;
+    clearable: boolean;
+    prefixIcon: string;
+    suffixIcon: string;
+    maxlength: number;
+    showWordLimit: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const EchoColorPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    color: {
+        type: import('vue').PropType<string | null>;
+    };
+    type: {
+        type: import('vue').PropType<"hex" | "rgb" | "hsl">;
+        default: string;
+    };
+    mode: {
+        type: import('vue').PropType<"solid" | "gradient">;
+        default: string;
+    };
+    theme: {
+        type: import('vue').PropType<"light" | "dark">;
+        default: string;
+    };
+    showAlpha: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    showEyeDropper: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    showPickerMode: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    showColorList: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    defaultColors: {
+        type: import('vue').PropType<string[]>;
+        default: () => string[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:color": (color: string) => void;
+    colorChange: (color: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    color: {
+        type: import('vue').PropType<string | null>;
+    };
+    type: {
+        type: import('vue').PropType<"hex" | "rgb" | "hsl">;
+        default: string;
+    };
+    mode: {
+        type: import('vue').PropType<"solid" | "gradient">;
+        default: string;
+    };
+    theme: {
+        type: import('vue').PropType<"light" | "dark">;
+        default: string;
+    };
+    showAlpha: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    showEyeDropper: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    showPickerMode: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    showColorList: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    defaultColors: {
+        type: import('vue').PropType<string[]>;
+        default: () => string[];
+    };
+}>> & Readonly<{
+    "onUpdate:color"?: ((color: string) => any) | undefined;
+    onColorChange?: ((color: string) => any) | undefined;
+}>, {
+    type: "hex" | "rgb" | "hsl";
+    mode: "solid" | "gradient";
+    theme: "light" | "dark";
+    showAlpha: boolean;
+    showEyeDropper: boolean;
+    showPickerMode: boolean;
+    showColorList: boolean;
+    defaultColors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const EchoDropdown: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        icon: {
+            type: import('vue').PropType<import('vue').Component>;
+        };
+        trigger: {
+            type: import('vue').PropType<"click" | "hover">;
+            default: string;
+        };
+        placement: {
+            type: import('vue').PropType<"bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | "left-start" | "left-end" | "left-center" | "right-start" | "right-end" | "right-center">;
+            default: string;
+        };
+        items: {
+            type: import('vue').PropType<import('./components/Dropdown').DropdownItem[]>;
+            required: true;
+            default: () => never[];
+        };
+        getPopupContainer: {
+            type: import('vue').PropType<() => string | HTMLElement>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        hideOnClick: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onSelect?: ((item: import('./components/Dropdown').DropdownItem, index: number) => any) | undefined;
+        onOpenChange?: ((opened: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        select: (item: import('./components/Dropdown').DropdownItem, index: number) => void;
+        openChange: (opened: boolean) => void;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        trigger: "click" | "hover";
+        placement: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | "left-start" | "left-end" | "left-center" | "right-start" | "right-end" | "right-center";
+        items: import('./components/Dropdown').DropdownItem[];
+        hideOnClick: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        icon: {
+            type: import('vue').PropType<import('vue').Component>;
+        };
+        trigger: {
+            type: import('vue').PropType<"click" | "hover">;
+            default: string;
+        };
+        placement: {
+            type: import('vue').PropType<"bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | "left-start" | "left-end" | "left-center" | "right-start" | "right-end" | "right-center">;
+            default: string;
+        };
+        items: {
+            type: import('vue').PropType<import('./components/Dropdown').DropdownItem[]>;
+            required: true;
+            default: () => never[];
+        };
+        getPopupContainer: {
+            type: import('vue').PropType<() => string | HTMLElement>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        hideOnClick: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onSelect?: ((item: import('./components/Dropdown').DropdownItem, index: number) => any) | undefined;
+        onOpenChange?: ((opened: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        trigger: "click" | "hover";
+        placement: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | "left-start" | "left-end" | "left-center" | "right-start" | "right-end" | "right-center";
+        items: import('./components/Dropdown').DropdownItem[];
+        hideOnClick: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    style: {
+        type: import('vue').PropType<import('vue').CSSProperties>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    icon: {
+        type: import('vue').PropType<import('vue').Component>;
+    };
+    trigger: {
+        type: import('vue').PropType<"click" | "hover">;
+        default: string;
+    };
+    placement: {
+        type: import('vue').PropType<"bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | "left-start" | "left-end" | "left-center" | "right-start" | "right-end" | "right-center">;
+        default: string;
+    };
+    items: {
+        type: import('vue').PropType<import('./components/Dropdown').DropdownItem[]>;
+        required: true;
+        default: () => never[];
+    };
+    getPopupContainer: {
+        type: import('vue').PropType<() => string | HTMLElement>;
+    };
+    className: {
+        type: import('vue').PropType<string>;
+    };
+    hideOnClick: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSelect?: ((item: import('./components/Dropdown').DropdownItem, index: number) => any) | undefined;
+    onOpenChange?: ((opened: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: import('./components/Dropdown').DropdownItem, index: number) => void;
+    openChange: (opened: boolean) => void;
+}, string, {
+    disabled: boolean;
+    trigger: "click" | "hover";
+    placement: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "top-center" | "bottom-start" | "bottom-end" | "bottom-center" | "left-start" | "left-end" | "left-center" | "right-start" | "right-end" | "right-center";
+    items: import('./components/Dropdown').DropdownItem[];
+    hideOnClick: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        menu?(_: {}): any;
+    };
+});
+export declare const EchoIcon: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        size: {
+            type: import('vue').PropType<string | number>;
+            default: number;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        spin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (event: MouseEvent) => void;
+    }, import('vue').PublicProps, {
+        size: string | number;
+        color: string;
+        spin: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        size: {
+            type: import('vue').PropType<string | number>;
+            default: number;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        spin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: string | number;
+        color: string;
+        spin: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    size: {
+        type: import('vue').PropType<string | number>;
+        default: number;
+    };
+    color: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    spin: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, {
+    size: string | number;
+    color: string;
+    spin: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+export type { ButtonProps, ButtonSize, ButtonType } from './components/Button';
+export type { ColorPickerProps } from './components/ColorPicker';
+export type { DropdownItem, DropdownProps } from './components/Dropdown';
+export type { IconProps } from './components/Icon';
+export type { InputProps, InputType } from './components/Input';
+export declare const EchoLibrary: {
+    install(app: App): void;
+};