@cyberpunk-vue/components 1.14.2 → 1.14.4

package/dist/avatar/index.d.ts

@@ -12,6 +12,10 @@
  */
 export declare const CpAvatar: import('../utils').SFCWithInstall<{
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').AvatarType>;
+            readonly default: "default";
+        };
         readonly src: {
             readonly type: StringConstructor;
             readonly default: "";
@@ -62,6 +66,7 @@ export declare const CpAvatar: import('../utils').SFCWithInstall<{
         readonly size: import('.').AvatarSize;
         readonly fit: "fill" | "contain" | "cover";
         readonly icon: import('..').IconValue;
+        readonly type: import('.').AvatarType;
         readonly shape: import('.').AvatarShape;
         readonly src: string;
         readonly alt: string;
@@ -77,6 +82,10 @@ export declare const CpAvatar: import('../utils').SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').AvatarType>;
+            readonly default: "default";
+        };
         readonly src: {
             readonly type: StringConstructor;
             readonly default: "";
@@ -124,6 +133,7 @@ export declare const CpAvatar: import('../utils').SFCWithInstall<{
         readonly size: import('.').AvatarSize;
         readonly fit: "fill" | "contain" | "cover";
         readonly icon: import('..').IconValue;
+        readonly type: import('.').AvatarType;
         readonly shape: import('.').AvatarShape;
         readonly src: string;
         readonly alt: string;
@@ -136,6 +146,10 @@ export declare const CpAvatar: import('../utils').SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly type: {
+        readonly type: import('vue').PropType<import('.').AvatarType>;
+        readonly default: "default";
+    };
     readonly src: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -186,6 +200,7 @@ export declare const CpAvatar: import('../utils').SFCWithInstall<{
     readonly size: import('.').AvatarSize;
     readonly fit: "fill" | "contain" | "cover";
     readonly icon: import('..').IconValue;
+    readonly type: import('.').AvatarType;
     readonly shape: import('.').AvatarShape;
     readonly src: string;
     readonly alt: string;
@@ -224,6 +239,10 @@ export declare const CpAvatarGroup: import('../utils').SFCWithInstall<{
             readonly type: import('vue').PropType<import('.').AvatarSize>;
             readonly default: "md";
         };
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').AvatarType>;
+            readonly default: undefined;
+        };
         readonly shape: {
             readonly type: import('vue').PropType<import('.').AvatarShape>;
             readonly default: "circle";
@@ -255,6 +274,7 @@ export declare const CpAvatarGroup: import('../utils').SFCWithInstall<{
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         readonly size: import('.').AvatarSize;
         readonly total: number;
+        readonly type: import('.').AvatarType;
         readonly shape: import('.').AvatarShape;
         readonly max: number;
         readonly spacing: string | number;
@@ -283,6 +303,10 @@ export declare const CpAvatarGroup: import('../utils').SFCWithInstall<{
             readonly type: import('vue').PropType<import('.').AvatarSize>;
             readonly default: "md";
         };
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').AvatarType>;
+            readonly default: undefined;
+        };
         readonly shape: {
             readonly type: import('vue').PropType<import('.').AvatarShape>;
             readonly default: "circle";
@@ -314,6 +338,7 @@ export declare const CpAvatarGroup: import('../utils').SFCWithInstall<{
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         readonly size: import('.').AvatarSize;
         readonly total: number;
+        readonly type: import('.').AvatarType;
         readonly shape: import('.').AvatarShape;
         readonly max: number;
         readonly spacing: string | number;
@@ -339,6 +364,10 @@ export declare const CpAvatarGroup: import('../utils').SFCWithInstall<{
         readonly type: import('vue').PropType<import('.').AvatarSize>;
         readonly default: "md";
     };
+    readonly type: {
+        readonly type: import('vue').PropType<import('.').AvatarType>;
+        readonly default: undefined;
+    };
     readonly shape: {
         readonly type: import('vue').PropType<import('.').AvatarShape>;
         readonly default: "circle";
@@ -370,6 +399,7 @@ export declare const CpAvatarGroup: import('../utils').SFCWithInstall<{
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     readonly size: import('.').AvatarSize;
     readonly total: number;
+    readonly type: import('.').AvatarType;
     readonly shape: import('.').AvatarShape;
     readonly max: number;
     readonly spacing: string | number;

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

@@ -1,5 +1,5 @@
 import { ExtractPropTypes, PropType, CSSProperties } from 'vue';
-import { AvatarSize, AvatarShape } from './avatar';
+import { AvatarSize, AvatarShape, AvatarType } from './avatar';
 /**
  * CpAvatarGroup 组件 Props 定义
  *
@@ -51,6 +51,15 @@ export declare const avatarGroupProps: {
         readonly type: PropType<AvatarSize>;
         readonly default: "md";
     };
+    /**
+     * 统一颜色类型
+     * 会通过 provide 注入到子 Avatar；未配置时子 Avatar 使用自身默认值
+     * @default undefined
+     */
+    readonly type: {
+        readonly type: PropType<AvatarType>;
+        readonly default: undefined;
+    };
     /**
      * 统一形状
      * 会通过 provide 注入到子 Avatar
@@ -118,6 +127,7 @@ export type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>;
 export interface AvatarGroupContext {
     size: AvatarSize;
     shape: AvatarShape;
+    type?: AvatarType;
 }
 /**
  * AvatarGroup 注入 key

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

@@ -22,6 +22,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: import('vue').PropType<import('./avatar').AvatarSize>;
         readonly default: "md";
     };
+    readonly type: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarType>;
+        readonly default: undefined;
+    };
     readonly shape: {
         readonly type: import('vue').PropType<import('./avatar').AvatarShape>;
         readonly default: "circle";
@@ -63,6 +67,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: import('vue').PropType<import('./avatar').AvatarSize>;
         readonly default: "md";
     };
+    readonly type: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarType>;
+        readonly default: undefined;
+    };
     readonly shape: {
         readonly type: import('vue').PropType<import('./avatar').AvatarShape>;
         readonly default: "circle";
@@ -94,6 +102,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{}>, {
     readonly size: import('./avatar').AvatarSize;
     readonly total: number;
+    readonly type: import('./avatar').AvatarType;
     readonly shape: import('./avatar').AvatarShape;
     readonly max: number;
     readonly spacing: string | number;

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

@@ -13,11 +13,29 @@ import { Size } from '@cyberpunk-vue/hooks';
 export type AvatarSize = Size | 'xs' | 'xl';
 /**
  * 头像形状模式
- * - `circle` - 圆形（默认）
- * - `square` - 圆角方形
+ * - `circle` / `round` - 圆形（默认）
+ * - `square` / `no-clip` - 圆角方形
  * - `clip` - 机甲切角
  */
-export type AvatarShape = 'circle' | 'square' | 'clip';
+export type AvatarShape = 'circle' | 'square' | 'clip' | 'round' | 'no-clip';
+/**
+ * 头像解析后的形状类名
+ */
+export type AvatarResolvedShape = 'circle' | 'square' | 'clip';
+/**
+ * 头像颜色类型
+ * - `default` - 默认中性色
+ * - `primary` - 主色调
+ * - `success` - 成功
+ * - `warning` - 警告
+ * - `error` - 错误/危险
+ * - `info` - 信息
+ */
+export type AvatarType = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+/**
+ * 将组件库通用 shape 映射到 Avatar 内部形状
+ */
+export declare const normalizeAvatarShape: (shape: AvatarShape | undefined) => AvatarResolvedShape;
 /**
  * CpAvatar 组件 Props 定义
  *
@@ -41,6 +59,14 @@ export type AvatarShape = 'circle' | 'square' | 'clip';
  * @displayName CpAvatar 头像
  */
 export declare const avatarProps: {
+    /**
+     * 头像颜色类型
+     * @default 'default'
+     */
+    readonly type: {
+        readonly type: PropType<AvatarType>;
+        readonly default: "default";
+    };
     /**
      * 头像图片地址
      * @default ''
@@ -69,8 +95,8 @@ export declare const avatarProps: {
     };
     /**
      * 头像形状
-     * - `circle`: 圆形（默认）
-     * - `square`: 圆角方形
+     * - `circle` / `round`: 圆形（默认）
+     * - `square` / `no-clip`: 圆角方形
      * - `clip`: 机甲切角
      * @default 'circle'
      */

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

@@ -8,6 +8,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly type: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarType>;
+        readonly default: "default";
+    };
     readonly src: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -57,6 +61,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     error: (event: Event) => void;
     load: (event: Event) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly type: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarType>;
+        readonly default: "default";
+    };
     readonly src: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -109,6 +117,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly size: import('./avatar').AvatarSize;
     readonly fit: "fill" | "contain" | "cover";
     readonly icon: import('../../icon').IconValue;
+    readonly type: import('./avatar').AvatarType;
     readonly shape: import('./avatar').AvatarShape;
     readonly src: string;
     readonly alt: string;