@cyberpunk-vue/components 0.1.0 → 0.1.2

package/dist/text/index.d.ts

@@ -0,0 +1,327 @@
+/**
+ * CpText 特殊文字组件
+ *
+ * @description 赛博朋克风格特殊文字，可快速为文字添加多种视觉效果。
+ * 支持下划线、方框、加粗、斜体、删除线、发光、马克笔等效果。
+ *
+ * @example
+ * ```vue
+ * <CpText type="primary" underline>下划线</CpText>
+ * <CpText type="success" glow>发光效果</CpText>
+ * <CpText type="warning" marker bold>马克笔加粗</CpText>
+ * ```
+ */
+export declare const CpText: import('../utils').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').TextType>;
+            readonly default: "default";
+        };
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').TextSize>;
+            readonly default: "md";
+        };
+        readonly align: {
+            readonly type: import('vue').PropType<import('.').TextAlign>;
+            readonly default: "middle";
+        };
+        readonly underline: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly boxed: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly dashed: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly bold: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly italic: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly strikethrough: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly glow: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly glowIntensity: {
+            readonly type: NumberConstructor;
+            readonly default: 3;
+        };
+        readonly glowPulse: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly lightWave: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly lightWaveDuration: {
+            readonly type: import('vue').PropType<import('../../cyberpunk-vue').DurationValue>;
+            readonly default: 2000;
+        };
+        readonly marker: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly markerColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly glowPulseDuration: {
+            readonly type: import('vue').PropType<import('../../cyberpunk-vue').DurationValue>;
+            readonly default: 1500;
+        };
+        readonly unselectable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        readonly size: import('.').TextSize;
+        readonly type: import('.').TextType;
+        readonly color: string;
+        readonly dashed: boolean;
+        readonly marker: boolean;
+        readonly bold: boolean;
+        readonly italic: boolean;
+        readonly underline: boolean;
+        readonly align: import('.').TextAlign;
+        readonly boxed: boolean;
+        readonly strikethrough: boolean;
+        readonly glow: boolean;
+        readonly glowIntensity: number;
+        readonly glowPulse: boolean;
+        readonly lightWave: boolean;
+        readonly lightWaveDuration: import('../../cyberpunk-vue').DurationValue;
+        readonly markerColor: string;
+        readonly glowPulseDuration: import('../../cyberpunk-vue').DurationValue;
+        readonly unselectable: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').TextType>;
+            readonly default: "default";
+        };
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').TextSize>;
+            readonly default: "md";
+        };
+        readonly align: {
+            readonly type: import('vue').PropType<import('.').TextAlign>;
+            readonly default: "middle";
+        };
+        readonly underline: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly boxed: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly dashed: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly bold: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly italic: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly strikethrough: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly glow: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly glowIntensity: {
+            readonly type: NumberConstructor;
+            readonly default: 3;
+        };
+        readonly glowPulse: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly lightWave: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly lightWaveDuration: {
+            readonly type: import('vue').PropType<import('../../cyberpunk-vue').DurationValue>;
+            readonly default: 2000;
+        };
+        readonly marker: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly markerColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly glowPulseDuration: {
+            readonly type: import('vue').PropType<import('../../cyberpunk-vue').DurationValue>;
+            readonly default: 1500;
+        };
+        readonly unselectable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        readonly size: import('.').TextSize;
+        readonly type: import('.').TextType;
+        readonly color: string;
+        readonly dashed: boolean;
+        readonly marker: boolean;
+        readonly bold: boolean;
+        readonly italic: boolean;
+        readonly underline: boolean;
+        readonly align: import('.').TextAlign;
+        readonly boxed: boolean;
+        readonly strikethrough: boolean;
+        readonly glow: boolean;
+        readonly glowIntensity: number;
+        readonly glowPulse: boolean;
+        readonly lightWave: boolean;
+        readonly lightWaveDuration: import('../../cyberpunk-vue').DurationValue;
+        readonly markerColor: string;
+        readonly glowPulseDuration: import('../../cyberpunk-vue').DurationValue;
+        readonly unselectable: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly type: {
+        readonly type: import('vue').PropType<import('.').TextType>;
+        readonly default: "default";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('.').TextSize>;
+        readonly default: "md";
+    };
+    readonly align: {
+        readonly type: import('vue').PropType<import('.').TextAlign>;
+        readonly default: "middle";
+    };
+    readonly underline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly boxed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly dashed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly bold: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly italic: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly strikethrough: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly glow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly glowIntensity: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly glowPulse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lightWave: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lightWaveDuration: {
+        readonly type: import('vue').PropType<import('../../cyberpunk-vue').DurationValue>;
+        readonly default: 2000;
+    };
+    readonly marker: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly markerColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly glowPulseDuration: {
+        readonly type: import('vue').PropType<import('../../cyberpunk-vue').DurationValue>;
+        readonly default: 1500;
+    };
+    readonly unselectable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    readonly size: import('.').TextSize;
+    readonly type: import('.').TextType;
+    readonly color: string;
+    readonly dashed: boolean;
+    readonly marker: boolean;
+    readonly bold: boolean;
+    readonly italic: boolean;
+    readonly underline: boolean;
+    readonly align: import('.').TextAlign;
+    readonly boxed: boolean;
+    readonly strikethrough: boolean;
+    readonly glow: boolean;
+    readonly glowIntensity: number;
+    readonly glowPulse: boolean;
+    readonly lightWave: boolean;
+    readonly lightWaveDuration: import('../../cyberpunk-vue').DurationValue;
+    readonly markerColor: string;
+    readonly glowPulseDuration: import('../../cyberpunk-vue').DurationValue;
+    readonly unselectable: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?(_: {}): any;
+        default?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+})>;
+export default CpText;
+export * from './src/text';
+export type { CpTextInstance } from './src/instance';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../text/index.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAoB,CAAA;AAEvC,eAAe,MAAM,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA"}

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

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

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

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

package/dist/text/src/text.d.ts

@@ -0,0 +1,218 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { DurationValue } from '../../../hooks';
+/**
+ * 文字尺寸
+ * - `sm` - 小尺寸 (12px)
+ * - `md` - 中等尺寸 (14px)，默认
+ * - `lg` - 大尺寸 (16px)
+ * - `number` - 自定义像素值
+ */
+export type TextSize = 'sm' | 'md' | 'lg' | number;
+/**
+ * 文字类型（颜色预设）
+ * - `default` - 默认 (继承父级颜色)
+ * - `primary` - 主色调 (赛博青)
+ * - `success` - 成功 (霓虹绿)
+ * - `warning` - 警告 (橙黄)
+ * - `error` - 错误/危险 (洋红)
+ * - `info` - 信息 (紫罗兰)
+ */
+export type TextType = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+/**
+ * 垂直对齐方式
+ * - `top` - 顶部对齐
+ * - `middle` - 垂直居中（默认）
+ * - `bottom` - 底部对齐
+ */
+export type TextAlign = 'top' | 'middle' | 'bottom';
+/**
+ * CpText 组件 Props 定义
+ *
+ * @description 赛博朋克风格特殊文字组件，可快速为文字添加多种视觉效果。
+ *
+ * @example
+ * ```vue
+ * <!-- 基础用法 -->
+ * <CpText>普通文字</CpText>
+ *
+ * <!-- 带效果 -->
+ * <CpText underline type="primary">下划线</CpText>
+ * <CpText boxed glow type="error">方框发光</CpText>
+ * <CpText marker type="warning">马克笔效果</CpText>
+ *
+ * <!-- 组合效果 -->
+ * <CpText bold italic underline>加粗斜体下划线</CpText>
+ * ```
+ */
+export declare const textProps: {
+    /**
+     * 文字类型（颜色预设）
+     * @default 'default'
+     * @example `<CpText type="primary">主色调</CpText>`
+     */
+    readonly type: {
+        readonly type: PropType<TextType>;
+        readonly default: "default";
+    };
+    /**
+     * 自定义颜色
+     * 传入有效 CSS 颜色值，覆盖 type 的颜色
+     * @default ''
+     * @example `<CpText color="#ff00ff">自定义</CpText>`
+     */
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 文字尺寸
+     * 可以是预设值 (sm/md/lg) 或数字 (像素)
+     * @default 'md'
+     * @example `<CpText size="lg">大号</CpText>`
+     * @example `<CpText :size="20">20像素</CpText>`
+     */
+    readonly size: {
+        readonly type: PropType<TextSize>;
+        readonly default: "md";
+    };
+    /**
+     * 垂直对齐方式
+     * @default 'middle'
+     */
+    readonly align: {
+        readonly type: PropType<TextAlign>;
+        readonly default: "middle";
+    };
+    /**
+     * 下划线效果
+     * @default false
+     */
+    readonly underline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 方框边框效果
+     * @default false
+     */
+    readonly boxed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 虚线样式
+     * 应用于下划线或方框边框
+     * @default false
+     */
+    readonly dashed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 加粗效果
+     * @default false
+     */
+    readonly bold: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 斜体效果
+     * @default false
+     */
+    readonly italic: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 删除线效果
+     * @default false
+     */
+    readonly strikethrough: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 发光效果
+     * 赛博朋克霓虹发光效果
+     * @default false
+     */
+    readonly glow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 发光强度
+     * 1-10 的数值，控制发光的扩散范围
+     * @default 3
+     */
+    readonly glowIntensity: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    /**
+     * 发光心跳动画
+     * 开启后发光效果会有呼吸脉冲动画
+     * @default false
+     */
+    readonly glowPulse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 光波扫射动画
+     * 斜向高光扫过文字的动态效果
+     * @default false
+     */
+    readonly lightWave: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 光波动画时长
+     * 数字默认毫秒 (ms)，字符串可指定单位 (如 '2s' 或 '2000ms')
+     * @default 2000
+     */
+    readonly lightWaveDuration: {
+        readonly type: PropType<DurationValue>;
+        readonly default: 2000;
+    };
+    /**
+     * 马克笔背景效果
+     * 荧光笔高亮效果
+     * @default false
+     */
+    readonly marker: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 马克笔自定义颜色
+     * 不设置则使用文字颜色
+     * @default ''
+     */
+    readonly markerColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 发光心跳动画时长
+     * 数字默认毫秒 (ms)，字符串可指定单位 (如 '1.5s' 或 '1500ms')
+     * @default 1500
+     */
+    readonly glowPulseDuration: {
+        readonly type: PropType<DurationValue>;
+        readonly default: 1500;
+    };
+    /**
+     * 禁止选中/复制
+     * 开启后文字无法被鼠标选中或通过键盘复制
+     * @default false
+     */
+    readonly unselectable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type TextProps = ExtractPropTypes<typeof textProps>;
+//# sourceMappingURL=text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../text/src/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAElD;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvF;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEnD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,SAAS;IAClB;;;;OAIG;;uBAEiB,QAAQ,CAAC,QAAQ,CAAC;;;IAGtC;;;;;OAKG;;;;;IAKH;;;;;;OAMG;;uBAE2B,QAAQ,CAAC,QAAQ,CAAC;;;IAGhD;;;OAGG;;uBAEiB,QAAQ,CAAC,SAAS,CAAC;;;IAGvC;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;;OAIG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;;OAIG;;;;;IAKH;;;;OAIG;;;;;IAKH;;;;OAIG;;;;;IAKH;;;;OAIG;;;;;IAKH;;;;OAIG;;uBAE2B,QAAQ,CAAC,aAAa,CAAC;;;IAGrD;;;;OAIG;;;;;IAKH;;;;OAIG;;;;;IAKH;;;;OAIG;;uBAE2B,QAAQ,CAAC,aAAa,CAAC;;;IAGrD;;;;OAIG;;;;;CAKG,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,SAAS,CAAC,CAAA"}