@cyberpunk-vue/components 1.14.2 → 1.14.4

package/dist/text/index.d.ts

@@ -37,6 +37,22 @@ export declare const CpText: import('../utils').SFCWithInstall<{
             readonly type: import('vue').PropType<import('.').TextAlign>;
             readonly default: "middle";
         };
+        readonly ellipsis: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly lineClamp: {
+            readonly type: import('vue').PropType<number | string>;
+            readonly default: undefined;
+        };
+        readonly contentClass: {
+            readonly type: import('vue').PropType<import('.').TextContentClassValue>;
+            readonly default: undefined;
+        };
+        readonly contentStyle: {
+            readonly type: import('vue').PropType<import('vue').StyleValue>;
+            readonly default: undefined;
+        };
         readonly underline: {
             readonly type: BooleanConstructor;
             readonly default: false;
@@ -123,8 +139,12 @@ export declare const CpText: import('../utils').SFCWithInstall<{
         readonly marker: boolean;
         readonly italic: boolean;
         readonly underline: boolean;
+        readonly ellipsis: boolean;
+        readonly lineClamp: string | number;
         readonly level: import('.').TextLevel;
         readonly align: import('.').TextAlign;
+        readonly contentClass: import('.').TextContentClassValue;
+        readonly contentStyle: import('vue').StyleValue;
         readonly boxed: boolean;
         readonly strikethrough: boolean;
         readonly glow: boolean;
@@ -171,6 +191,22 @@ export declare const CpText: import('../utils').SFCWithInstall<{
             readonly type: import('vue').PropType<import('.').TextAlign>;
             readonly default: "middle";
         };
+        readonly ellipsis: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly lineClamp: {
+            readonly type: import('vue').PropType<number | string>;
+            readonly default: undefined;
+        };
+        readonly contentClass: {
+            readonly type: import('vue').PropType<import('.').TextContentClassValue>;
+            readonly default: undefined;
+        };
+        readonly contentStyle: {
+            readonly type: import('vue').PropType<import('vue').StyleValue>;
+            readonly default: undefined;
+        };
         readonly underline: {
             readonly type: BooleanConstructor;
             readonly default: false;
@@ -257,8 +293,12 @@ export declare const CpText: import('../utils').SFCWithInstall<{
         readonly marker: boolean;
         readonly italic: boolean;
         readonly underline: boolean;
+        readonly ellipsis: boolean;
+        readonly lineClamp: string | number;
         readonly level: import('.').TextLevel;
         readonly align: import('.').TextAlign;
+        readonly contentClass: import('.').TextContentClassValue;
+        readonly contentStyle: import('vue').StyleValue;
         readonly boxed: boolean;
         readonly strikethrough: boolean;
         readonly glow: boolean;
@@ -302,6 +342,22 @@ export declare const CpText: import('../utils').SFCWithInstall<{
         readonly type: import('vue').PropType<import('.').TextAlign>;
         readonly default: "middle";
     };
+    readonly ellipsis: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineClamp: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly contentClass: {
+        readonly type: import('vue').PropType<import('.').TextContentClassValue>;
+        readonly default: undefined;
+    };
+    readonly contentStyle: {
+        readonly type: import('vue').PropType<import('vue').StyleValue>;
+        readonly default: undefined;
+    };
     readonly underline: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -388,8 +444,12 @@ export declare const CpText: import('../utils').SFCWithInstall<{
     readonly marker: boolean;
     readonly italic: boolean;
     readonly underline: boolean;
+    readonly ellipsis: boolean;
+    readonly lineClamp: string | number;
     readonly level: import('.').TextLevel;
     readonly align: import('.').TextAlign;
+    readonly contentClass: import('.').TextContentClassValue;
+    readonly contentStyle: import('vue').StyleValue;
     readonly boxed: boolean;
     readonly strikethrough: boolean;
     readonly glow: boolean;

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

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, PropType } from 'vue';
+import { ExtractPropTypes, PropType, StyleValue } from 'vue';
 import { DurationValue } from '@cyberpunk-vue/hooks';
 /**
  * 文字尺寸
@@ -39,6 +39,10 @@ export type TextAlign = 'top' | 'middle' | 'bottom';
  * 渲染标签
  */
 export type TextTag = 'span' | 'p' | 'div' | 'label' | 'strong' | 'em' | 'small' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+/**
+ * 文字本体 class 绑定值
+ */
+export type TextContentClassValue = string | string[] | Record<string, boolean> | null | undefined;
 /**
  * CpText 组件 Props 定义
  *
@@ -121,6 +125,44 @@ export declare const textProps: {
         readonly type: PropType<TextAlign>;
         readonly default: "middle";
     };
+    /**
+     * 单行省略
+     * 开启后文字本体超出可用宽度时显示省略号；需要根节点或父容器提供明确宽度/最大宽度
+     * @default false
+     * @example `<CpText ellipsis style="max-width: 180px">很长的文字</CpText>`
+     */
+    readonly ellipsis: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 多行省略行数
+     * 传入数字或数字字符串后，文字本体会在指定行数后裁剪；优先级高于 ellipsis
+     * @default undefined
+     * @example `<CpText :line-clamp="2">很长的段落</CpText>`
+     */
+    readonly lineClamp: {
+        readonly type: PropType<number | string>;
+        readonly default: undefined;
+    };
+    /**
+     * 文字本体自定义类名
+     * class 仍作用于根节点；该属性用于定向控制内部 `.cp-text__content`
+     * @default undefined
+     */
+    readonly contentClass: {
+        readonly type: PropType<TextContentClassValue>;
+        readonly default: undefined;
+    };
+    /**
+     * 文字本体自定义样式
+     * style 仍作用于根节点；该属性用于定向控制内部 `.cp-text__content`
+     * @default undefined
+     */
+    readonly contentStyle: {
+        readonly type: PropType<StyleValue>;
+        readonly default: undefined;
+    };
     /**
      * 下划线效果
      * @default false

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

@@ -1,3 +1,4 @@
+import { StyleValue } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -34,6 +35,22 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: import('vue').PropType<import('./text').TextAlign>;
         readonly default: "middle";
     };
+    readonly ellipsis: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineClamp: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly contentClass: {
+        readonly type: import('vue').PropType<import('./text').TextContentClassValue>;
+        readonly default: undefined;
+    };
+    readonly contentStyle: {
+        readonly type: import('vue').PropType<StyleValue>;
+        readonly default: undefined;
+    };
     readonly underline: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -135,6 +152,22 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly type: import('vue').PropType<import('./text').TextAlign>;
         readonly default: "middle";
     };
+    readonly ellipsis: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineClamp: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly contentClass: {
+        readonly type: import('vue').PropType<import('./text').TextContentClassValue>;
+        readonly default: undefined;
+    };
+    readonly contentStyle: {
+        readonly type: import('vue').PropType<StyleValue>;
+        readonly default: undefined;
+    };
     readonly underline: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -221,8 +254,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly marker: boolean;
     readonly italic: boolean;
     readonly underline: boolean;
+    readonly ellipsis: boolean;
+    readonly lineClamp: string | number;
     readonly level: import('./text').TextLevel;
     readonly align: import('./text').TextAlign;
+    readonly contentClass: import('./text').TextContentClassValue;
+    readonly contentStyle: StyleValue;
     readonly boxed: boolean;
     readonly strikethrough: boolean;
     readonly glow: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyberpunk-vue/components",
-  "version": "1.14.2",
+  "version": "1.14.4",
   "description": "Cyberpunk Vue components - A futuristic Vue 3 component library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -25,9 +25,9 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "dayjs": "^1.11.20",
-    "@cyberpunk-vue/constants": "1.14.2",
-    "@cyberpunk-vue/hooks": "1.14.2",
-    "@cyberpunk-vue/theme-chalk": "1.14.2"
+    "@cyberpunk-vue/hooks": "1.14.4",
+    "@cyberpunk-vue/theme-chalk": "1.14.4",
+    "@cyberpunk-vue/constants": "1.14.4"
   },
   "author": "Juxest",
   "license": "MIT",