@yh-ui/components 0.1.17 → 0.1.21

package/dist/alert/index.d.ts

@@ -1,5 +1,293 @@
 import Alert from './src/alert.vue';
-export declare const YhAlert: any;
+export declare const YhAlert: import("@yh-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        readonly title: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly description: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly type: {
+            readonly type: import("vue").PropType<import("./index.js").AlertType>;
+            readonly default: "info";
+            readonly validator: (val: string) => boolean;
+        };
+        readonly effect: {
+            readonly type: import("vue").PropType<import("./index.js").AlertEffect>;
+            readonly default: "light";
+            readonly validator: (val: string) => boolean;
+        };
+        readonly closable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly closeText: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly closeIcon: {
+            readonly type: import("vue").PropType<string | import("vue").Component>;
+            readonly default: "";
+        };
+        readonly showIcon: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly icon: {
+            readonly type: import("vue").PropType<string | import("vue").Component>;
+            readonly default: "";
+        };
+        readonly center: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly scrollable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly scrollSpeed: {
+            readonly type: NumberConstructor;
+            readonly default: 15;
+        };
+        readonly pauseOnHover: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly duration: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly showProgress: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly themeOverrides: {
+            readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        onClose?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: (evt: MouseEvent) => void;
+    }, import("vue").PublicProps, {
+        readonly title: string;
+        readonly description: string;
+        readonly effect: "dark" | "light" | "outline" | "glass";
+        readonly type: "error" | "success" | "warning" | "info";
+        readonly center: boolean;
+        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        readonly icon: string | import("vue").Component;
+        readonly closable: boolean;
+        readonly duration: number;
+        readonly showProgress: boolean;
+        readonly closeText: string;
+        readonly closeIcon: string | import("vue").Component;
+        readonly showIcon: boolean;
+        readonly scrollable: boolean;
+        readonly scrollSpeed: number;
+        readonly pauseOnHover: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        readonly title: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly description: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly type: {
+            readonly type: import("vue").PropType<import("./index.js").AlertType>;
+            readonly default: "info";
+            readonly validator: (val: string) => boolean;
+        };
+        readonly effect: {
+            readonly type: import("vue").PropType<import("./index.js").AlertEffect>;
+            readonly default: "light";
+            readonly validator: (val: string) => boolean;
+        };
+        readonly closable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly closeText: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly closeIcon: {
+            readonly type: import("vue").PropType<string | import("vue").Component>;
+            readonly default: "";
+        };
+        readonly showIcon: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly icon: {
+            readonly type: import("vue").PropType<string | import("vue").Component>;
+            readonly default: "";
+        };
+        readonly center: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly scrollable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly scrollSpeed: {
+            readonly type: NumberConstructor;
+            readonly default: 15;
+        };
+        readonly pauseOnHover: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly duration: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly showProgress: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly themeOverrides: {
+            readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        onClose?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        readonly title: string;
+        readonly description: string;
+        readonly effect: "dark" | "light" | "outline" | "glass";
+        readonly type: "error" | "success" | "warning" | "info";
+        readonly center: boolean;
+        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        readonly icon: string | import("vue").Component;
+        readonly closable: boolean;
+        readonly duration: number;
+        readonly showProgress: boolean;
+        readonly closeText: string;
+        readonly closeIcon: string | import("vue").Component;
+        readonly showIcon: boolean;
+        readonly scrollable: boolean;
+        readonly scrollSpeed: number;
+        readonly pauseOnHover: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly description: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly type: {
+        readonly type: import("vue").PropType<import("./index.js").AlertType>;
+        readonly default: "info";
+        readonly validator: (val: string) => boolean;
+    };
+    readonly effect: {
+        readonly type: import("vue").PropType<import("./index.js").AlertEffect>;
+        readonly default: "light";
+        readonly validator: (val: string) => boolean;
+    };
+    readonly closable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly closeText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly closeIcon: {
+        readonly type: import("vue").PropType<string | import("vue").Component>;
+        readonly default: "";
+    };
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly icon: {
+        readonly type: import("vue").PropType<string | import("vue").Component>;
+        readonly default: "";
+    };
+    readonly center: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly scrollSpeed: {
+        readonly type: NumberConstructor;
+        readonly default: 15;
+    };
+    readonly pauseOnHover: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly duration: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly showProgress: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: ((evt: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (evt: MouseEvent) => void;
+}, string, {
+    readonly title: string;
+    readonly description: string;
+    readonly effect: "dark" | "light" | "outline" | "glass";
+    readonly type: "error" | "success" | "warning" | "info";
+    readonly center: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly icon: string | import("vue").Component;
+    readonly closable: boolean;
+    readonly duration: number;
+    readonly showProgress: boolean;
+    readonly closeText: string;
+    readonly closeIcon: string | import("vue").Component;
+    readonly showIcon: boolean;
+    readonly scrollable: boolean;
+    readonly scrollSpeed: number;
+    readonly pauseOnHover: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        icon?: (props: {}) => any;
+    } & {
+        title?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        action?: (props: {}) => any;
+    } & {
+        close?: (props: {}) => any;
+    };
+})> & Record<string, unknown>;
 export default YhAlert;
 export * from './src/alert';
 export type AlertInstance = InstanceType<typeof Alert>;

package/dist/alert/src/alert.vue.d.ts

@@ -79,23 +79,94 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
         readonly default: undefined;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly type: "error" | "info" | "warning" | "success";
-    readonly center: boolean;
-    readonly icon: string | import("vue").Component;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (evt: MouseEvent) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly description: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly type: {
+        readonly type: import("vue").PropType<import("./alert").AlertType>;
+        readonly default: "info";
+        readonly validator: (val: string) => boolean;
+    };
+    readonly effect: {
+        readonly type: import("vue").PropType<import("./alert").AlertEffect>;
+        readonly default: "light";
+        readonly validator: (val: string) => boolean;
+    };
+    readonly closable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly closeText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly closeIcon: {
+        readonly type: import("vue").PropType<string | import("vue").Component>;
+        readonly default: "";
+    };
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly icon: {
+        readonly type: import("vue").PropType<string | import("vue").Component>;
+        readonly default: "";
+    };
+    readonly center: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly scrollSpeed: {
+        readonly type: NumberConstructor;
+        readonly default: 15;
+    };
+    readonly pauseOnHover: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly duration: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly showProgress: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: ((evt: MouseEvent) => any) | undefined;
+}>, {
     readonly title: string;
-    readonly effect: "dark" | "light" | "outline" | "glass";
-    readonly scrollable: boolean;
     readonly description: string;
+    readonly effect: "dark" | "light" | "outline" | "glass";
+    readonly type: "error" | "success" | "warning" | "info";
+    readonly center: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly icon: string | import("vue").Component;
+    readonly closable: boolean;
+    readonly duration: number;
     readonly showProgress: boolean;
+    readonly closeText: string;
     readonly closeIcon: string | import("vue").Component;
     readonly showIcon: boolean;
-    readonly closable: boolean;
-    readonly closeText: string;
+    readonly scrollable: boolean;
     readonly scrollSpeed: number;
     readonly pauseOnHover: boolean;
-    readonly duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/autocomplete/index.d.ts

@@ -3,7 +3,140 @@
  * @description 自动补全输入框组件导出
  */
 import Autocomplete from './src/autocomplete.vue';
-export declare const YhAutocomplete: any;
+export declare const YhAutocomplete: import("@yh-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").AutocompleteProps> & Readonly<{
+        onInput?: ((value: string) => any) | undefined;
+        onSelect?: ((item: import("./index.js").AutocompleteSuggestion) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {
+        focus: () => void;
+        blur: () => void;
+        close: () => void;
+        highlight: (index: number) => void;
+        inputRef: HTMLInputElement | undefined;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        input: (value: string) => any;
+        select: (item: import("./index.js").AutocompleteSuggestion) => any;
+        clear: () => any;
+        focus: (event: FocusEvent) => any;
+        change: (value: string) => any;
+        blur: (event: FocusEvent) => any;
+        "update:modelValue": (value: string) => any;
+    }, import("vue").PublicProps, {
+        size: import("./index.js").AutocompleteSize;
+        autocomplete: string;
+        disabled: boolean;
+        autofocus: boolean;
+        clearable: boolean;
+        validateEvent: boolean;
+        triggerOnFocus: boolean;
+        debounce: number;
+        placement: import("./index.js").AutocompletePlacement;
+        valueKey: string;
+        teleported: boolean;
+        fitInputWidth: boolean;
+        highlightFirstItem: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./index.js").AutocompleteProps> & Readonly<{
+        onInput?: ((value: string) => any) | undefined;
+        onSelect?: ((item: import("./index.js").AutocompleteSuggestion) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {
+        focus: () => void;
+        blur: () => void;
+        close: () => void;
+        highlight: (index: number) => void;
+        inputRef: HTMLInputElement | undefined;
+    }, {}, {}, {}, {
+        size: import("./index.js").AutocompleteSize;
+        autocomplete: string;
+        disabled: boolean;
+        autofocus: boolean;
+        clearable: boolean;
+        validateEvent: boolean;
+        triggerOnFocus: boolean;
+        debounce: number;
+        placement: import("./index.js").AutocompletePlacement;
+        valueKey: string;
+        teleported: boolean;
+        fitInputWidth: boolean;
+        highlightFirstItem: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./index.js").AutocompleteProps> & Readonly<{
+    onInput?: ((value: string) => any) | undefined;
+    onSelect?: ((item: import("./index.js").AutocompleteSuggestion) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    focus: () => void;
+    blur: () => void;
+    close: () => void;
+    highlight: (index: number) => void;
+    inputRef: HTMLInputElement | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    input: (value: string) => any;
+    select: (item: import("./index.js").AutocompleteSuggestion) => any;
+    clear: () => any;
+    focus: (event: FocusEvent) => any;
+    change: (value: string) => any;
+    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: string) => any;
+}, string, {
+    size: import("./index.js").AutocompleteSize;
+    autocomplete: string;
+    disabled: boolean;
+    autofocus: boolean;
+    clearable: boolean;
+    validateEvent: boolean;
+    triggerOnFocus: boolean;
+    debounce: number;
+    placement: import("./index.js").AutocompletePlacement;
+    valueKey: string;
+    teleported: boolean;
+    fitInputWidth: boolean;
+    highlightFirstItem: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        prepend?: (props: {}) => any;
+    } & {
+        prefix?: (props: {}) => any;
+    } & {
+        suffix?: (props: {}) => any;
+    } & {
+        append?: (props: {}) => any;
+    } & {
+        loading?: (props: {}) => any;
+    } & {
+        default?: (props: {
+            item: {
+                [x: string]: string | number | boolean | object | undefined;
+                value: string;
+            };
+        }) => any;
+    } & {
+        empty?: (props: {}) => any;
+    };
+})> & Record<string, unknown>;
 export default YhAutocomplete;
 export * from './src/autocomplete';
 export type AutocompleteInstance = InstanceType<typeof Autocomplete>;

package/dist/autocomplete/src/autocomplete.vue.d.ts

@@ -1,6 +1,9 @@
 import type { AutocompleteProps, AutocompleteSuggestion } from './autocomplete';
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_9: {}, __VLS_15: {}, __VLS_25: {}, __VLS_27: {
-    item: any;
+    item: {
+        [x: string]: string | number | boolean | object | undefined;
+        value: string;
+    };
 }, __VLS_29: {};
 type __VLS_Slots = {} & {
     prepend?: (props: typeof __VLS_1) => any;
@@ -24,35 +27,35 @@ declare const __VLS_component: import("vue").DefineComponent<AutocompleteProps,
     highlight: (index: number) => void;
     inputRef: HTMLInputElement | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string) => any;
-    clear: () => any;
     input: (value: string) => any;
     select: (item: AutocompleteSuggestion) => any;
-    blur: (event: FocusEvent) => any;
+    clear: () => any;
     focus: (event: FocusEvent) => any;
+    change: (value: string) => any;
+    blur: (event: FocusEvent) => any;
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<AutocompleteProps> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((item: AutocompleteSuggestion) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    teleported: boolean;
-    disabled: boolean;
     size: import("./autocomplete").AutocompleteSize;
-    placement: import("./autocomplete").AutocompletePlacement;
+    autocomplete: string;
+    disabled: boolean;
     autofocus: boolean;
     clearable: boolean;
-    debounce: number;
     validateEvent: boolean;
     triggerOnFocus: boolean;
+    debounce: number;
+    placement: import("./autocomplete").AutocompletePlacement;
     valueKey: string;
+    teleported: boolean;
     fitInputWidth: boolean;
     highlightFirstItem: boolean;
-    autocomplete: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/avatar/index.d.ts

@@ -1,12 +1,13 @@
 export declare const YhAvatar: import("@yh-ui/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/avatar").AvatarProps> & Readonly<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").AvatarProps> & Readonly<{
         onError?: ((event: Event) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         error: (event: Event) => any;
     }, import("vue").PublicProps, {
         size: import("./src/avatar").AvatarSize;
-        shape: import("./src/avatar").AvatarShape;
+        crossorigin: "" | "anonymous" | "use-credentials";
         fit: import("./src/avatar").AvatarFit;
+        shape: import("./src/avatar").AvatarShape;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -14,24 +15,26 @@ export declare const YhAvatar: import("@yh-ui/utils").SFCWithInstall<{
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("./src/avatar").AvatarProps> & Readonly<{
+    }, Readonly<import("./index.js").AvatarProps> & Readonly<{
         onError?: ((event: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
         size: import("./src/avatar").AvatarSize;
-        shape: import("./src/avatar").AvatarShape;
+        crossorigin: "" | "anonymous" | "use-credentials";
         fit: import("./src/avatar").AvatarFit;
+        shape: import("./src/avatar").AvatarShape;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./src/avatar").AvatarProps> & Readonly<{
+} & import("vue").ComponentOptionsBase<Readonly<import("./index.js").AvatarProps> & Readonly<{
     onError?: ((event: Event) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     error: (event: Event) => any;
 }, string, {
     size: import("./src/avatar").AvatarSize;
-    shape: import("./src/avatar").AvatarShape;
+    crossorigin: "" | "anonymous" | "use-credentials";
     fit: import("./src/avatar").AvatarFit;
+    shape: import("./src/avatar").AvatarShape;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?: (props: {}) => any;

package/dist/avatar/src/avatar.d.ts

@@ -47,6 +47,10 @@ export interface AvatarProps {
     backgroundColor?: string;
     /** 自定义样式 */
     style?: CSSProperties;
+    /**
+     * @description 原生图片属性
+     */
+    crossorigin?: '' | 'anonymous' | 'use-credentials';
     /**
      * @description 主题覆盖变量
      */

package/dist/avatar/src/avatar.vue

@@ -14,6 +14,7 @@ const props = defineProps({
   color: { type: String, required: false },
   backgroundColor: { type: String, required: false },
   style: { type: Object, required: false },
+  crossorigin: { type: String, required: false, default: "anonymous" },
   themeOverrides: { type: null, required: false }
 });
 const emit = defineEmits(["error"]);
@@ -68,6 +69,7 @@ const handleError = (event) => {
       :alt="alt"
       :style="{ objectFit: fit }"
       :class="ns.e('img')"
+      :crossorigin="props.crossorigin"
       @error="handleError"
     />
     <!-- 图标模式 -->