@cyberpunk-vue/components 0.1.3 → 0.1.4

package/dist/badge/index.d.ts

@@ -0,0 +1,223 @@
+/**
+ * CpBadge 徽章组件
+ *
+ * @description 赛博朋克风格徽章，用于在另一个元素上显示数字、小红点或状态标识。
+ * 支持多种颜色类型、变体样式、最大值限制与自定义偏移。
+ *
+ * @example
+ * ```vue
+ * <CpBadge :value="5">
+ *   <CpButton>消息</CpButton>
+ * </CpBadge>
+ * <CpBadge dot type="primary">
+ *   <CpIcon icon="Bell" />
+ * </CpBadge>
+ * ```
+ */
+export declare const CpBadge: import('../utils').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly value: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: "";
+        };
+        readonly max: {
+            readonly type: NumberConstructor;
+            readonly default: 99;
+        };
+        readonly min: {
+            readonly type: NumberConstructor;
+            readonly default: undefined;
+        };
+        readonly dot: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly hidden: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly showZero: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').BadgeType>;
+            readonly default: "error";
+        };
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly textColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly variant: {
+            readonly type: import('vue').PropType<import('.').BadgeVariant>;
+            readonly default: "solid";
+        };
+        readonly offset: {
+            readonly type: import('vue').PropType<[number, number]>;
+            readonly default: undefined;
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').BadgeSize>;
+            readonly default: "default";
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        readonly size: import('.').BadgeSize;
+        readonly type: import('.').BadgeType;
+        readonly variant: import('.').BadgeVariant;
+        readonly color: string;
+        readonly textColor: string;
+        readonly hidden: boolean;
+        readonly value: string | number;
+        readonly min: number;
+        readonly max: number;
+        readonly dot: boolean;
+        readonly offset: [number, number];
+        readonly showZero: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly value: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: "";
+        };
+        readonly max: {
+            readonly type: NumberConstructor;
+            readonly default: 99;
+        };
+        readonly min: {
+            readonly type: NumberConstructor;
+            readonly default: undefined;
+        };
+        readonly dot: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly hidden: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly showZero: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').BadgeType>;
+            readonly default: "error";
+        };
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly textColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly variant: {
+            readonly type: import('vue').PropType<import('.').BadgeVariant>;
+            readonly default: "solid";
+        };
+        readonly offset: {
+            readonly type: import('vue').PropType<[number, number]>;
+            readonly default: undefined;
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').BadgeSize>;
+            readonly default: "default";
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        readonly size: import('.').BadgeSize;
+        readonly type: import('.').BadgeType;
+        readonly variant: import('.').BadgeVariant;
+        readonly color: string;
+        readonly textColor: string;
+        readonly hidden: boolean;
+        readonly value: string | number;
+        readonly min: number;
+        readonly max: number;
+        readonly dot: boolean;
+        readonly offset: [number, number];
+        readonly showZero: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly value: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: "";
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 99;
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly dot: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly hidden: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showZero: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly type: {
+        readonly type: import('vue').PropType<import('.').BadgeType>;
+        readonly default: "error";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly variant: {
+        readonly type: import('vue').PropType<import('.').BadgeVariant>;
+        readonly default: "solid";
+    };
+    readonly offset: {
+        readonly type: import('vue').PropType<[number, number]>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('.').BadgeSize>;
+        readonly default: "default";
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    readonly size: import('.').BadgeSize;
+    readonly type: import('.').BadgeType;
+    readonly variant: import('.').BadgeVariant;
+    readonly color: string;
+    readonly textColor: string;
+    readonly hidden: boolean;
+    readonly value: string | number;
+    readonly min: number;
+    readonly max: number;
+    readonly dot: boolean;
+    readonly offset: [number, number];
+    readonly showZero: 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 default CpBadge;
+export * from './src/badge';
+export type { CpBadgeInstance } from './src/instance';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../badge/index.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAqB,CAAA;AAEzC,eAAe,OAAO,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/badge/src/badge.d.ts

@@ -0,0 +1,137 @@
+import { ExtractPropTypes, PropType } from 'vue';
+/**
+ * 徽章颜色类型
+ * - `primary` - 主要色（赛博蓝）
+ * - `success` - 成功色（霓虹绿）
+ * - `warning` - 警告色（赛博黄）
+ * - `error` - 错误色（霓虹红）
+ * - `info` - 信息色（中性蓝）
+ * - `default` - 默认中性色
+ */
+export type BadgeType = 'primary' | 'success' | 'warning' | 'error' | 'info' | 'default';
+/**
+ * 徽章变体样式
+ * - `solid` - 实心填充（默认）
+ * - `outline` - 边框描边
+ * - `glow` - 发光效果
+ */
+export type BadgeVariant = 'solid' | 'outline' | 'glow';
+/**
+ * 徽章尺寸
+ * - `small` - 小尺寸
+ * - `default` - 默认尺寸
+ * - `large` - 大尺寸
+ */
+export type BadgeSize = 'small' | 'default' | 'large';
+/**
+ * CpBadge 组件 Props 定义
+ *
+ * @description 赛博朋克风格徽章组件，用于在另一个元素上显示数字、小红点或状态标识。
+ *
+ * @example
+ * ```vue
+ * <CpBadge :value="5">
+ *   <CpButton>消息</CpButton>
+ * </CpBadge>
+ * ```
+ */
+export declare const badgeProps: {
+    /**
+     * 徽章显示内容（数字或字符串）
+     * @default ''
+     */
+    readonly value: {
+        readonly type: PropType<string | number>;
+        readonly default: "";
+    };
+    /**
+     * 最大显示数值，超出显示 `{max}+`
+     * @default 99
+     */
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 99;
+    };
+    /**
+     * 最小显示数值，低于时显示 `{min}-`
+     * @default undefined
+     */
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * 小红点模式
+     * @default false
+     */
+    readonly dot: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 是否隐藏徽章
+     * @default false
+     */
+    readonly hidden: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 值为 0 时是否显示
+     * @default false
+     */
+    readonly showZero: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 徽章颜色类型
+     * @default 'error'
+     */
+    readonly type: {
+        readonly type: PropType<BadgeType>;
+        readonly default: "error";
+    };
+    /**
+     * 自定义背景颜色
+     * @default ''
+     */
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 自定义文本颜色
+     * @default ''
+     */
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 变体样式
+     * @default 'solid'
+     */
+    readonly variant: {
+        readonly type: PropType<BadgeVariant>;
+        readonly default: "solid";
+    };
+    /**
+     * 自定义偏移量 [x, y]
+     * @default undefined
+     */
+    readonly offset: {
+        readonly type: PropType<[number, number]>;
+        readonly default: undefined;
+    };
+    /**
+     * 徽章尺寸
+     * @default 'default'
+     */
+    readonly size: {
+        readonly type: PropType<BadgeSize>;
+        readonly default: "default";
+    };
+};
+export type BadgeProps = ExtractPropTypes<typeof badgeProps>;
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../badge/src/badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAErD;;;;;;;;GAQG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AAExF;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AAEvD;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAErD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU;IACnB;;;OAGG;;uBAE2B,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;;;IAGvD;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;uBAEiB,QAAQ,CAAC,SAAS,CAAC;;;IAGvC;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;uBAEiB,QAAQ,CAAC,YAAY,CAAC;;;IAG1C;;;OAGG;;uBAE2B,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;IAGxD;;;OAGG;;uBAEiB,QAAQ,CAAC,SAAS,CAAC;;;CAGjC,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,UAAU,CAAC,CAAA"}

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

@@ -0,0 +1,129 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly value: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: "";
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 99;
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly dot: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly hidden: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showZero: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly type: {
+        readonly type: import('vue').PropType<import('./badge').BadgeType>;
+        readonly default: "error";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly variant: {
+        readonly type: import('vue').PropType<import('./badge').BadgeVariant>;
+        readonly default: "solid";
+    };
+    readonly offset: {
+        readonly type: import('vue').PropType<[number, number]>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./badge').BadgeSize>;
+        readonly default: "default";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly value: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: "";
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 99;
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly dot: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly hidden: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showZero: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly type: {
+        readonly type: import('vue').PropType<import('./badge').BadgeType>;
+        readonly default: "error";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly variant: {
+        readonly type: import('vue').PropType<import('./badge').BadgeVariant>;
+        readonly default: "solid";
+    };
+    readonly offset: {
+        readonly type: import('vue').PropType<[number, number]>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./badge').BadgeSize>;
+        readonly default: "default";
+    };
+}>> & Readonly<{}>, {
+    readonly size: import('./badge').BadgeSize;
+    readonly type: import('./badge').BadgeType;
+    readonly variant: import('./badge').BadgeVariant;
+    readonly color: string;
+    readonly textColor: string;
+    readonly hidden: boolean;
+    readonly value: string | number;
+    readonly min: number;
+    readonly max: number;
+    readonly dot: boolean;
+    readonly offset: [number, number];
+    readonly showZero: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=badge.vue.d.ts.map

package/dist/badge/src/badge.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.vue.d.ts","sourceRoot":"","sources":["../../../badge/src/badge.vue"],"names":[],"mappings":"AA6MA,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/badge/src/instance.d.ts

@@ -0,0 +1,3 @@
+import { default as CpBadge } from './badge.vue';
+export type CpBadgeInstance = InstanceType<typeof CpBadge> & unknown;
+//# sourceMappingURL=instance.d.ts.map

package/dist/badge/src/instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.ts","sourceRoot":"","sources":["../../../badge/src/instance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,aAAa,CAAA;AAEtC,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,GAAG,OAAO,CAAA"}