@cyberpunk-vue/components 0.1.0 → 0.1.2

package/dist/avatar/index.d.ts

@@ -0,0 +1,302 @@
+/**
+ * CpAvatar 头像组件
+ *
+ * @description 赛博朋克风格头像组件，支持多种尺寸和形状。
+ *
+ * @example
+ * ```vue
+ * <CpAvatar src="/avatar.jpg" />
+ * <CpAvatar src="/avatar.jpg" size="lg" shape="square" />
+ * <CpAvatar :size="80">U</CpAvatar>
+ * ```
+ */
+export declare const CpAvatar: import('../utils').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly src: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly alt: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').AvatarSize>;
+            readonly default: "md";
+        };
+        readonly shape: {
+            readonly type: import('vue').PropType<import('.').AvatarShape>;
+            readonly default: "circle";
+        };
+        readonly icon: {
+            readonly type: import('vue').PropType<import('vue').Component>;
+            readonly default: undefined;
+        };
+        readonly fallbackSrc: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly fit: {
+            readonly type: import('vue').PropType<"cover" | "contain" | "fill">;
+            readonly default: "cover";
+        };
+        readonly srcProcessor: {
+            readonly type: import('vue').PropType<string | ((src: string, params?: unknown) => string)>;
+            readonly default: undefined;
+        };
+        readonly processorParams: {
+            readonly type: import('vue').PropType<string | Record<string, unknown> | unknown[]>;
+            readonly default: undefined;
+        };
+        readonly draggable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+    }>> & Readonly<{
+        onError?: ((event: Event) => any) | undefined;
+        onLoad?: ((event: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        error: (event: Event) => void;
+        load: (event: Event) => void;
+    }, import('vue').PublicProps, {
+        readonly size: import('.').AvatarSize;
+        readonly shape: import('.').AvatarShape;
+        readonly icon: import('vue').Component;
+        readonly src: string;
+        readonly alt: string;
+        readonly fit: "fill" | "contain" | "cover";
+        readonly fallbackSrc: string;
+        readonly srcProcessor: string | ((src: string, params?: unknown) => string);
+        readonly processorParams: string | unknown[] | Record<string, unknown>;
+        readonly draggable: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly src: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly alt: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').AvatarSize>;
+            readonly default: "md";
+        };
+        readonly shape: {
+            readonly type: import('vue').PropType<import('.').AvatarShape>;
+            readonly default: "circle";
+        };
+        readonly icon: {
+            readonly type: import('vue').PropType<import('vue').Component>;
+            readonly default: undefined;
+        };
+        readonly fallbackSrc: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly fit: {
+            readonly type: import('vue').PropType<"cover" | "contain" | "fill">;
+            readonly default: "cover";
+        };
+        readonly srcProcessor: {
+            readonly type: import('vue').PropType<string | ((src: string, params?: unknown) => string)>;
+            readonly default: undefined;
+        };
+        readonly processorParams: {
+            readonly type: import('vue').PropType<string | Record<string, unknown> | unknown[]>;
+            readonly default: undefined;
+        };
+        readonly draggable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+    }>> & Readonly<{
+        onError?: ((event: Event) => any) | undefined;
+        onLoad?: ((event: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        readonly size: import('.').AvatarSize;
+        readonly shape: import('.').AvatarShape;
+        readonly icon: import('vue').Component;
+        readonly src: string;
+        readonly alt: string;
+        readonly fit: "fill" | "contain" | "cover";
+        readonly fallbackSrc: string;
+        readonly srcProcessor: string | ((src: string, params?: unknown) => string);
+        readonly processorParams: string | unknown[] | Record<string, unknown>;
+        readonly draggable: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly src: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly alt: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('.').AvatarSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('.').AvatarShape>;
+        readonly default: "circle";
+    };
+    readonly icon: {
+        readonly type: import('vue').PropType<import('vue').Component>;
+        readonly default: undefined;
+    };
+    readonly fallbackSrc: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly fit: {
+        readonly type: import('vue').PropType<"cover" | "contain" | "fill">;
+        readonly default: "cover";
+    };
+    readonly srcProcessor: {
+        readonly type: import('vue').PropType<string | ((src: string, params?: unknown) => string)>;
+        readonly default: undefined;
+    };
+    readonly processorParams: {
+        readonly type: import('vue').PropType<string | Record<string, unknown> | unknown[]>;
+        readonly default: undefined;
+    };
+    readonly draggable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+    onLoad?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (event: Event) => void;
+    load: (event: Event) => void;
+}, string, {
+    readonly size: import('.').AvatarSize;
+    readonly shape: import('.').AvatarShape;
+    readonly icon: import('vue').Component;
+    readonly src: string;
+    readonly alt: string;
+    readonly fit: "fill" | "contain" | "cover";
+    readonly fallbackSrc: string;
+    readonly srcProcessor: string | ((src: string, params?: unknown) => string);
+    readonly processorParams: string | unknown[] | Record<string, unknown>;
+    readonly draggable: 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;
+    };
+})>;
+/**
+ * CpAvatarGroup 头像组组件
+ *
+ * @description 用于展示一组头像，支持堆叠和折叠模式。
+ *
+ * @example
+ * ```vue
+ * <CpAvatarGroup collapse-avatars :max="3">
+ *   <CpAvatar v-for="i in 5" :src="`/avatar${i}.jpg`" />
+ * </CpAvatarGroup>
+ * ```
+ */
+export declare const CpAvatarGroup: import('../utils').SFCWithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('.').AvatarSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('.').AvatarShape>;
+        readonly default: "circle";
+    };
+    readonly spacing: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: -8;
+    };
+    readonly collapseAvatars: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly collapseClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly collapseStyle: {
+        readonly type: import('vue').PropType<import('vue').CSSProperties>;
+        readonly default: () => {};
+    };
+    readonly collapseAvatarsTooltip: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly collapseShape: {
+        readonly type: import('vue').PropType<import('.').AvatarShape>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('.').AvatarSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('.').AvatarShape>;
+        readonly default: "circle";
+    };
+    readonly spacing: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: -8;
+    };
+    readonly collapseAvatars: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly collapseClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly collapseStyle: {
+        readonly type: import('vue').PropType<import('vue').CSSProperties>;
+        readonly default: () => {};
+    };
+    readonly collapseAvatarsTooltip: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly collapseShape: {
+        readonly type: import('vue').PropType<import('.').AvatarShape>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly size: import('.').AvatarSize;
+    readonly shape: import('.').AvatarShape;
+    readonly max: number;
+    readonly spacing: string | number;
+    readonly collapseAvatars: boolean;
+    readonly collapseClass: string;
+    readonly collapseStyle: import('vue').CSSProperties;
+    readonly collapseAvatarsTooltip: string;
+    readonly collapseShape: import('.').AvatarShape;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>>;
+export default CpAvatar;
+export * from './src/avatar';
+export * from './src/avatar-group';
+export type { CpAvatarInstance, CpAvatarGroupInstance } from './src/instance';
+//# sourceMappingURL=index.d.ts.map

package/dist/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../avatar/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFAoBkkD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GApB7iD,CAAA;AAE3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wFAA2B,CAAA;AAErD,eAAe,QAAQ,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA"}

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

@@ -0,0 +1,113 @@
+import { ExtractPropTypes, PropType, CSSProperties } from 'vue';
+import { AvatarSize, AvatarShape } from './avatar';
+/**
+ * CpAvatarGroup 组件 Props 定义
+ *
+ * @description 头像组组件，用于展示一组头像，支持堆叠和折叠模式。
+ *
+ * @example
+ * ```vue
+ * <!-- 基础用法 -->
+ * <CpAvatarGroup>
+ *   <CpAvatar src="/avatar1.jpg" />
+ *   <CpAvatar src="/avatar2.jpg" />
+ * </CpAvatarGroup>
+ *
+ * <!-- 堆叠模式 -->
+ * <CpAvatarGroup collapse-avatars :max="3">
+ *   <CpAvatar v-for="i in 5" :src="`/avatar${i}.jpg`" />
+ * </CpAvatarGroup>
+ * ```
+ */
+export declare const avatarGroupProps: {
+    /**
+     * 最多显示数量
+     * 超出的头像将折叠为 +N 计数器
+     * @default undefined (不限制)
+     */
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * 统一尺寸
+     * 会通过 provide 注入到子 Avatar
+     * @default 'md'
+     */
+    readonly size: {
+        readonly type: PropType<AvatarSize>;
+        readonly default: "md";
+    };
+    /**
+     * 统一形状
+     * 会通过 provide 注入到子 Avatar
+     * @default 'circle'
+     */
+    readonly shape: {
+        readonly type: PropType<AvatarShape>;
+        readonly default: "circle";
+    };
+    /**
+     * 头像间距
+     * 负值实现堆叠重叠效果，正值实现间距
+     * @default -8
+     */
+    readonly spacing: {
+        readonly type: PropType<string | number>;
+        readonly default: -8;
+    };
+    /**
+     * 是否开启折叠模式（堆叠显示）
+     * 开启后头像会重叠显示，并带有边框
+     * @default false
+     */
+    readonly collapseAvatars: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 折叠计数器自定义类名
+     * @default ''
+     */
+    readonly collapseClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 折叠计数器自定义样式
+     */
+    readonly collapseStyle: {
+        readonly type: PropType<CSSProperties>;
+        readonly default: () => {};
+    };
+    /**
+     * 折叠提示文本（鼠标悬停显示）
+     * @default ''
+     */
+    readonly collapseAvatarsTooltip: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 折叠计数器形状
+     * 默认与 shape 保持一致，可单独设置
+     * @default undefined (跟随 shape)
+     */
+    readonly collapseShape: {
+        readonly type: PropType<AvatarShape>;
+        readonly default: undefined;
+    };
+};
+export type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>;
+/**
+ * AvatarGroup 注入的上下文
+ */
+export interface AvatarGroupContext {
+    size: AvatarSize;
+    shape: AvatarShape;
+}
+/**
+ * AvatarGroup 注入 key
+ */
+export declare const AVATAR_GROUP_INJECTION_KEY: unique symbol;
+//# sourceMappingURL=avatar-group.d.ts.map

package/dist/avatar/src/avatar-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../../avatar/src/avatar-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB;IACzB;;;;OAIG;;;;;IAKH;;;;OAIG;;uBAE2B,QAAQ,CAAC,UAAU,CAAC;;;IAGlD;;;;OAIG;;uBAEiB,QAAQ,CAAC,WAAW,CAAC;;;IAGzC;;;;OAIG;;uBAE2B,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;;;IAGvD;;;;OAIG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;uBAEiB,QAAQ,CAAC,aAAa,CAAC;;;IAG3C;;;OAGG;;;;;IAKH;;;;OAIG;;uBAEiB,QAAQ,CAAC,WAAW,CAAC;;;CAGnC,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAExE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,WAAW,CAAA;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,0BAA0B,eAAwB,CAAA"}

package/dist/avatar/src/avatar-group.vue.d.ts

@@ -0,0 +1,87 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarShape>;
+        readonly default: "circle";
+    };
+    readonly spacing: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: -8;
+    };
+    readonly collapseAvatars: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly collapseClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly collapseStyle: {
+        readonly type: import('vue').PropType<import('vue').CSSProperties>;
+        readonly default: () => {};
+    };
+    readonly collapseAvatarsTooltip: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly collapseShape: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarShape>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarShape>;
+        readonly default: "circle";
+    };
+    readonly spacing: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: -8;
+    };
+    readonly collapseAvatars: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly collapseClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly collapseStyle: {
+        readonly type: import('vue').PropType<import('vue').CSSProperties>;
+        readonly default: () => {};
+    };
+    readonly collapseAvatarsTooltip: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly collapseShape: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarShape>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly size: import('./avatar').AvatarSize;
+    readonly shape: import('./avatar').AvatarShape;
+    readonly max: number;
+    readonly spacing: string | number;
+    readonly collapseAvatars: boolean;
+    readonly collapseClass: string;
+    readonly collapseStyle: import('vue').CSSProperties;
+    readonly collapseAvatarsTooltip: string;
+    readonly collapseShape: import('./avatar').AvatarShape;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=avatar-group.vue.d.ts.map

package/dist/avatar/src/avatar-group.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.vue.d.ts","sourceRoot":"","sources":["../../../avatar/src/avatar-group.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+RA,wBAOG"}

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

@@ -0,0 +1,157 @@
+import { ExtractPropTypes, PropType, Component } from 'vue';
+import { Size } from '../../../hooks';
+/**
+ * 头像预设尺寸
+ * - `xs` - 24px
+ * - `sm` - 32px
+ * - `md` - 40px（默认）
+ * - `lg` - 48px
+ * - `xl` - 64px
+ * - 也可传入数字 (px) 或带单位字符串 (如 '5rem')
+ */
+export type AvatarSize = Size | 'xs' | 'xl';
+/**
+ * 头像形状模式
+ * - `circle` - 圆形（默认）
+ * - `square` - 圆角方形
+ * - `clip` - 机甲切角
+ */
+export type AvatarShape = 'circle' | 'square' | 'clip';
+/**
+ * CpAvatar 组件 Props 定义
+ *
+ * @description 赛博朋克风格头像组件，支持多种尺寸和形状。
+ *
+ * @example
+ * ```vue
+ * <!-- 基础用法 -->
+ * <CpAvatar src="/avatar.jpg" />
+ *
+ * <!-- 预设尺寸 -->
+ * <CpAvatar src="/avatar.jpg" size="lg" />
+ *
+ * <!-- 自定义尺寸 -->
+ * <CpAvatar src="/avatar.jpg" :size="80" />
+ *
+ * <!-- 形状 -->
+ * <CpAvatar src="/avatar.jpg" shape="square" />
+ * ```
+ */
+export declare const avatarProps: {
+    /**
+     * 头像图片地址
+     * @default ''
+     */
+    readonly src: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 图片描述/替代文本
+     * @default ''
+     */
+    readonly alt: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 头像尺寸
+     * 可传入预设值 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+     * 或数字（像素）
+     * @default 'md'
+     */
+    readonly size: {
+        readonly type: PropType<AvatarSize>;
+        readonly default: "md";
+    };
+    /**
+     * 头像形状
+     * - `circle`: 圆形（默认）
+     * - `square`: 圆角方形
+     * - `clip`: 机甲切角
+     * @default 'circle'
+     */
+    readonly shape: {
+        readonly type: PropType<AvatarShape>;
+        readonly default: "circle";
+    };
+    /**
+     * 默认图标（无图片时显示）
+     * 传入图标组件
+     */
+    readonly icon: {
+        readonly type: PropType<Component>;
+        readonly default: undefined;
+    };
+    /**
+     * 加载失败时的回退图片地址
+     * @default ''
+     */
+    readonly fallbackSrc: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 图片适应模式
+     * @default 'cover'
+     */
+    readonly fit: {
+        readonly type: PropType<"cover" | "contain" | "fill">;
+        readonly default: "cover";
+    };
+    /**
+     * URL 预处理器
+     * 可传入预设处理器名称（append/replace/tos）或自定义函数
+     * 函数签名: (src: string, params?: T) => string
+     * @example
+     * ```vue
+     * <!-- 使用预设处理器 -->
+     * <CpAvatar src="..." src-processor="append" :processor-params="{ a: 'xxx' }" />
+     *
+     * <!-- 使用自定义函数 -->
+     * <CpAvatar src="..." :src-processor="(src) => `${src}?custom`" />
+     * ```
+     */
+    readonly srcProcessor: {
+        readonly type: PropType<string | ((src: string, params?: unknown) => string)>;
+        readonly default: undefined;
+    };
+    /**
+     * 处理器参数
+     * 传递给 srcProcessor 的参数，类型由处理器决定
+     * 若未指定 srcProcessor 但传入了此参数，默认使用 append 处理器
+     */
+    readonly processorParams: {
+        readonly type: PropType<string | Record<string, unknown> | unknown[]>;
+        readonly default: undefined;
+    };
+    /**
+     * 是否允许拖拽图片
+     * 默认禁止拖拽，设为 true 开启
+     * @default false
+     */
+    readonly draggable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type AvatarProps = ExtractPropTypes<typeof avatarProps>;
+/**
+ * CpAvatar 组件事件定义
+ */
+export declare const avatarEmits: {
+    /**
+     * 图片加载成功时触发
+     */
+    load: (event: Event) => boolean;
+    /**
+     * 图片加载失败时触发
+     */
+    error: (event: Event) => boolean;
+};
+export type AvatarEmits = typeof avatarEmits;
+/**
+ * 尺寸预设映射（px）
+ */
+export declare const avatarSizeMap: Record<string, number>;
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../avatar/src/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAChE,OAAO,KAAK,EAAE,IAAI,EAAc,MAAM,sBAAsB,CAAA;AAE5D;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEtD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW;IACpB;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;;;OAKG;;uBAE2B,QAAQ,CAAC,UAAU,CAAC;;;IAGlD;;;;;;OAMG;;uBAEiB,QAAQ,CAAC,WAAW,CAAC;;;IAGzC;;;OAGG;;uBAEiB,QAAQ,CAAC,SAAS,CAAC;;;IAGvC;;;OAGG;;;;;IAKH;;;OAGG;;uBAEiB,QAAQ,CAAC,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;;;IAG1D;;;;;;;;;;;;OAYG;;uBAE6B,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;;;IAG9F;;;;OAIG;;uBAEkC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,CAAC;;;IAG3F;;;;OAIG;;;;;CAKG,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,WAAW,CAAC,CAAA;AAE9D;;GAEG;AACH,eAAO,MAAM,WAAW;IACpB;;OAEG;kBACW,KAAK;IAEnB;;OAEG;mBACY,KAAK;CACvB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAA;AAE5C;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAMhD,CAAA"}