@sdata/web-vue 4.7.1 → 5.0.0

package/es/tabs/style/index.scss

@@ -57,7 +57,7 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
 
 @function get-title-padding($header-height, $font-size, $padding-vertical) {
   // prettier-ignore
-  @return max(0, math.round(($header-height * 0.5) - theme.$line-height-base * ($font-size * 0.5) - $padding-vertical));
+  @return max(0px, calc(($header-height - theme.$line-height-base * $font-size) / 2 - max(0px, $padding-vertical)));
 }
 
 // tabs icon style
@@ -302,9 +302,12 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
       }
     }
 
+    // 键盘焦点与 hover 保持同一视觉
     &:focus-visible {
+      outline: none;
+
       .#{$tabs-prefix-cls}-tab-title::before {
-        border: 2px solid global.$color-primary-6;
+        background-color: $tabs-line-color-title-bg_hover;
       }
     }
   }
@@ -344,17 +347,6 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
         .#{theme.$prefix}-icon-hover:hover::before {
         background-color: $tabs-card-color-close-icon-bg_hover;
       }
-
-      &:focus-visible::before {
-        position: absolute;
-        inset: -1px 0 -1px -1px;
-        border: 2px solid global.$color-primary-6;
-        content: '';
-      }
-
-      &:last-child:focus-visible::before {
-        right: -1px;
-      }
     }
   }
 
@@ -378,8 +370,10 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
       border-top-left-radius: $tabs-card-border-radius;
     }
 
-    &:hover {
+    &:hover,
+    &:focus-visible {
       background-color: $tabs-card-color-title-bg_hover;
+      outline: none;
     }
 
     &-disabled,
@@ -400,8 +394,10 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
     border-right: $tabs-card-border-width solid $tabs-card-color-title-border;
     border-radius: $tabs-card-border-radius $tabs-card-border-radius 0 0;
 
-    &:hover {
+    &:hover,
+    &:focus-visible {
       background-color: $tabs-card-gutter-color-title-bg_hover;
+      outline: none;
     }
 
     &-disabled,
@@ -481,10 +477,12 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
         }
       }
 
+      // 键盘焦点与 hover 保持同一视觉
       &:focus-visible {
+        outline: none;
+
         .#{$tabs-prefix-cls}-tab-title {
-          margin: -2px;
-          border: 2px solid global.$color-primary-6;
+          background-color: $tabs-text-color-title-bg_hover;
         }
       }
     }
@@ -513,6 +511,12 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
         background-color: $tabs-rounded-color-title-bg_hover;
       }
 
+      // 键盘焦点与 hover 保持同一视觉
+      &:focus-visible {
+        background-color: $tabs-rounded-color-title-bg_hover;
+        outline: none;
+      }
+
       &-disabled:hover {
         background-color: $tabs-rounded-color-title-bg_disabled;
       }
@@ -557,6 +561,12 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
         background-color: $tabs-capsule-color-title-bg_hover;
       }
 
+      // 键盘焦点与 hover 保持同一视觉
+      &:focus-visible {
+        background-color: $tabs-capsule-color-title-bg_hover;
+        outline: none;
+      }
+
       &-disabled:hover {
         background-color: unset;
       }

package/es/tabs/style/token.scss

@@ -1,3 +1,4 @@
+@use '@style/theme/runtime.scss' as theme-runtime;
 @use '@style/theme/index.scss' as global;
 
 @forward '@style/theme/index.scss';
@@ -239,3 +240,536 @@ $tabs-padding-header-wrapper-horizontal: global.$spacing-5;
 $tabs-padding-header-wrapper-vertical: global.$spacing-3;
 
 $tabs-content-padding: global.$spacing-7;
+
+// @generated runtime tokens — pnpm theme:generate
+$tabs-size-mini-font-size: theme-runtime.token(
+  'tabs',
+  'tabs-size-mini-font-size',
+  $tabs-size-mini-font-size,
+  'font-size-body-1'
+);
+$tabs-size-small-font-size: theme-runtime.token(
+  'tabs',
+  'tabs-size-small-font-size',
+  $tabs-size-small-font-size,
+  'font-size-body-3'
+);
+$tabs-size-default-font-size: theme-runtime.token(
+  'tabs',
+  'tabs-size-default-font-size',
+  $tabs-size-default-font-size,
+  'font-size-body-3'
+);
+$tabs-size-large-font-size: theme-runtime.token(
+  'tabs',
+  'tabs-size-large-font-size',
+  $tabs-size-large-font-size,
+  'font-size-body-3'
+);
+$tabs-size-mini-font-size_card: theme-runtime.token(
+  'tabs',
+  'tabs-size-mini-font-size-card',
+  $tabs-size-mini-font-size_card,
+  'font-size-body-1'
+);
+$tabs-size-small-font-size_card: theme-runtime.token(
+  'tabs',
+  'tabs-size-small-font-size-card',
+  $tabs-size-small-font-size_card,
+  'font-size-body-3'
+);
+$tabs-size-large-font-size_card: theme-runtime.token(
+  'tabs',
+  'tabs-size-large-font-size-card',
+  $tabs-size-large-font-size_card,
+  'font-size-body-3'
+);
+$tabs-size-default-font-size_text: theme-runtime.token(
+  'tabs',
+  'tabs-size-default-font-size-text',
+  $tabs-size-default-font-size_text,
+  'font-size-body-3'
+);
+$tabs-size-default-font-size_rounded: theme-runtime.token(
+  'tabs',
+  'tabs-size-default-font-size-rounded',
+  $tabs-size-default-font-size_rounded,
+  'font-size-body-3'
+);
+$tabs-size-mini-font-size_capsule: theme-runtime.token(
+  'tabs',
+  'tabs-size-mini-font-size-capsule',
+  $tabs-size-mini-font-size_capsule,
+  'font-size-body-1'
+);
+$tabs-size-small-font-size_capsule: theme-runtime.token(
+  'tabs',
+  'tabs-size-small-font-size-capsule',
+  $tabs-size-small-font-size_capsule,
+  'font-size-body-3'
+);
+$tabs-size-default-font-size_capsule: theme-runtime.token(
+  'tabs',
+  'tabs-size-default-font-size-capsule',
+  $tabs-size-default-font-size_capsule,
+  'font-size-body-3'
+);
+$tabs-size-large-font-size_capsule: theme-runtime.token(
+  'tabs',
+  'tabs-size-large-font-size-capsule',
+  $tabs-size-large-font-size_capsule,
+  'font-size-body-3'
+);
+$tabs-size-mini-font-size_rounded: theme-runtime.token(
+  'tabs',
+  'tabs-size-mini-font-size-rounded',
+  $tabs-size-mini-font-size_rounded,
+  'font-size-body-1'
+);
+$tabs-size-small-font-size_rounded: theme-runtime.token(
+  'tabs',
+  'tabs-size-small-font-size-rounded',
+  $tabs-size-small-font-size_rounded,
+  'font-size-body-3'
+);
+$tabs-size-default-font-size_rounded: theme-runtime.token(
+  'tabs',
+  'tabs-size-default-font-size-rounded',
+  $tabs-size-default-font-size_rounded,
+  'font-size-body-3'
+);
+$tabs-size-large-font-size_rounded: theme-runtime.token(
+  'tabs',
+  'tabs-size-large-font-size-rounded',
+  $tabs-size-large-font-size_rounded,
+  'font-size-body-3'
+);
+$tabs-size-mini-header-height_line: theme-runtime.token(
+  'tabs',
+  'tabs-size-mini-header-height-line',
+  $tabs-size-mini-header-height_line,
+  'size-8'
+);
+$tabs-size-small-header-height_line: theme-runtime.token(
+  'tabs',
+  'tabs-size-small-header-height-line',
+  $tabs-size-small-header-height_line,
+  'size-9'
+);
+$tabs-size-default-header-height_line: theme-runtime.token(
+  'tabs',
+  'tabs-size-default-header-height-line',
+  $tabs-size-default-header-height_line,
+  'size-10'
+);
+$tabs-size-large-header-height_line: theme-runtime.token(
+  'tabs',
+  'tabs-size-large-header-height-line',
+  $tabs-size-large-header-height_line,
+  'size-11'
+);
+$tabs-size-mini-header-height: theme-runtime.token(
+  'tabs',
+  'tabs-size-mini-header-height',
+  $tabs-size-mini-header-height,
+  'size-6'
+);
+$tabs-size-small-header-height: theme-runtime.token(
+  'tabs',
+  'tabs-size-small-header-height',
+  $tabs-size-small-header-height,
+  'size-7'
+);
+$tabs-size-large-header-height: theme-runtime.token(
+  'tabs',
+  'tabs-size-large-header-height',
+  $tabs-size-large-header-height,
+  'size-9'
+);
+$tabs-size-mini-header-height_capsule: theme-runtime.token(
+  'tabs',
+  'tabs-size-mini-header-height-capsule',
+  $tabs-size-mini-header-height_capsule,
+  'size-6'
+);
+$tabs-size-small-header-height_capsule: theme-runtime.token(
+  'tabs',
+  'tabs-size-small-header-height-capsule',
+  $tabs-size-small-header-height_capsule,
+  'size-7'
+);
+$tabs-size-large-header-height_capsule: theme-runtime.token(
+  'tabs',
+  'tabs-size-large-header-height-capsule',
+  $tabs-size-large-header-height_capsule,
+  'size-9'
+);
+$tabs-size-mini-header-height_rounded: theme-runtime.token(
+  'tabs',
+  'tabs-size-mini-header-height-rounded',
+  $tabs-size-mini-header-height_rounded,
+  'size-6'
+);
+$tabs-size-small-header-height_rounded: theme-runtime.token(
+  'tabs',
+  'tabs-size-small-header-height-rounded',
+  $tabs-size-small-header-height_rounded,
+  'size-7'
+);
+$tabs-size-default-header-height_rounded: theme-runtime.token(
+  'tabs',
+  'tabs-size-default-header-height-rounded',
+  $tabs-size-default-header-height_rounded,
+  'size-8'
+);
+$tabs-size-large-header-height_rounded: theme-runtime.token(
+  'tabs',
+  'tabs-size-large-header-height-rounded',
+  $tabs-size-large-header-height_rounded,
+  'size-9'
+);
+$tabs-size-default-header-height_text: theme-runtime.token(
+  'tabs',
+  'tabs-size-default-header-height-text',
+  $tabs-size-default-header-height_text,
+  'size-8'
+);
+$tabs-size-default-header-height_rounded: theme-runtime.token(
+  'tabs',
+  'tabs-size-default-header-height-rounded',
+  $tabs-size-default-header-height_rounded,
+  'size-8'
+);
+$tabs-color-title-text: theme-runtime.token(
+  'tabs',
+  'tabs-color-title-text',
+  $tabs-color-title-text
+);
+$tabs-color-title-text_active: theme-runtime.token(
+  'tabs',
+  'tabs-color-title-text-active',
+  $tabs-color-title-text_active,
+  'color-primary-6'
+);
+$tabs-color-title-text_hover: theme-runtime.token(
+  'tabs',
+  'tabs-color-title-text-hover',
+  $tabs-color-title-text
+);
+$tabs-color-title-text_disabled: theme-runtime.token(
+  'tabs',
+  'tabs-color-title-text-disabled',
+  $tabs-color-title-text_disabled
+);
+$tabs-color-title-text_disabled_active: theme-runtime.token(
+  'tabs',
+  'tabs-color-title-text-disabled-active',
+  $tabs-color-title-text_disabled_active
+);
+$tabs-line-size-header-border: theme-runtime.token(
+  'tabs',
+  'tabs-line-size-header-border',
+  $tabs-line-size-header-border,
+  'border-1'
+);
+$tabs-line-color-header-border: theme-runtime.token(
+  'tabs',
+  'tabs-line-color-header-border',
+  $tabs-line-color-header-border
+);
+$tabs-line-size-ink-stroke: theme-runtime.token(
+  'tabs',
+  'tabs-line-size-ink-stroke',
+  $tabs-line-size-ink-stroke
+);
+$tabs-line-color-ink-bg: theme-runtime.token(
+  'tabs',
+  'tabs-line-color-ink-bg',
+  $tabs-line-color-ink-bg,
+  'color-primary-6'
+);
+$tabs-line-color-ink-bg_disabled: theme-runtime.token(
+  'tabs',
+  'tabs-line-color-ink-bg-disabled',
+  $tabs-line-color-ink-bg_disabled
+);
+$tabs-line-font-title-text-weight_active: theme-runtime.token(
+  'tabs',
+  'tabs-line-font-title-text-weight-active',
+  $tabs-line-font-title-text-weight_active,
+  'font-weight-500'
+);
+$tabs-line-margin-title-horizontal_first: theme-runtime.token(
+  'tabs',
+  'tabs-line-margin-title-horizontal-first',
+  $tabs-line-margin-title-horizontal_first,
+  'spacing-7'
+);
+$tabs-line-margin-title-vertical: theme-runtime.token(
+  'tabs',
+  'tabs-line-margin-title-vertical',
+  $tabs-line-margin-title-vertical,
+  'spacing-6'
+);
+$tabs-line-padding-title-horizontal_vertical: theme-runtime.token(
+  'tabs',
+  'tabs-line-padding-title-horizontal-vertical',
+  $tabs-line-padding-title-horizontal_vertical,
+  'spacing-8'
+);
+$tabs-line-color-title-bg: theme-runtime.token(
+  'tabs',
+  'tabs-line-color-title-bg',
+  $tabs-line-color-title-bg,
+  'color-transparent'
+);
+$tabs-line-color-title-bg_active: theme-runtime.token(
+  'tabs',
+  'tabs-line-color-title-bg-active',
+  $tabs-line-color-title-bg_active,
+  'color-transparent'
+);
+$tabs-line-color-title-bg_hover: theme-runtime.token(
+  'tabs',
+  'tabs-line-color-title-bg-hover',
+  $tabs-line-color-title-bg_hover
+);
+$tabs-line-font-title-text-weight_hover: theme-runtime.token(
+  'tabs',
+  'tabs-line-font-title-text-weight-hover',
+  $tabs-line-font-title-text-weight_hover,
+  'font-weight-400'
+);
+$tabs-line-border-radius: theme-runtime.token(
+  'tabs',
+  'tabs-line-border-radius',
+  $tabs-line-border-radius
+);
+$tabs-card-color-title-border: theme-runtime.token(
+  'tabs',
+  'tabs-card-color-title-border',
+  $tabs-card-color-title-border
+);
+$tabs-card-padding-title-right_editable: theme-runtime.token(
+  'tabs',
+  'tabs-card-padding-title-right-editable',
+  $tabs-card-padding-title-right_editable,
+  'spacing-6'
+);
+$tabs-card-border-radius: theme-runtime.token(
+  'tabs',
+  'tabs-card-border-radius',
+  $tabs-card-border-radius
+);
+$tabs-card-color-title-bg: theme-runtime.token(
+  'tabs',
+  'tabs-card-color-title-bg',
+  $tabs-card-color-title-bg,
+  'color-transparent'
+);
+$tabs-card-color-title-bg_hover: theme-runtime.token(
+  'tabs',
+  'tabs-card-color-title-bg-hover',
+  $tabs-card-color-title-bg_hover
+);
+$tabs-card-color-title-bg_disabled: theme-runtime.token(
+  'tabs',
+  'tabs-card-color-title-bg-disabled',
+  $tabs-card-color-title-bg
+);
+$tabs-card-color-title-bg_active: theme-runtime.token(
+  'tabs',
+  'tabs-card-color-title-bg-active',
+  $tabs-card-color-title-bg_active,
+  'color-transparent'
+);
+$tabs-card-border-content-width: theme-runtime.token(
+  'tabs',
+  'tabs-card-border-content-width',
+  $tabs-card-border-content-width,
+  'border-1'
+);
+$tabs-card-gutter-spacing-horizontal: theme-runtime.token(
+  'tabs',
+  'tabs-card-gutter-spacing-horizontal',
+  $tabs-card-gutter-spacing-horizontal,
+  'spacing-2'
+);
+$tabs-card-gutter-color-title-bg: theme-runtime.token(
+  'tabs',
+  'tabs-card-gutter-color-title-bg',
+  $tabs-card-gutter-color-title-bg
+);
+$tabs-card-gutter-color-title-bg_hover: theme-runtime.token(
+  'tabs',
+  'tabs-card-gutter-color-title-bg-hover',
+  $tabs-card-gutter-color-title-bg_hover
+);
+$tabs-card-gutter-color-title-bg_active: theme-runtime.token(
+  'tabs',
+  'tabs-card-gutter-color-title-bg-active',
+  $tabs-card-gutter-color-title-bg_active,
+  'color-transparent'
+);
+$tabs-card-gutter-color-title-bg_disabled: theme-runtime.token(
+  'tabs',
+  'tabs-card-gutter-color-title-bg-disabled',
+  $tabs-card-gutter-color-title-bg
+);
+$tabs-text-size-separator-height: theme-runtime.token(
+  'tabs',
+  'tabs-text-size-separator-height',
+  $tabs-text-size-separator-height,
+  'size-3'
+);
+$tabs-text-color-separator-bg: theme-runtime.token(
+  'tabs',
+  'tabs-text-color-separator-bg',
+  $tabs-text-color-separator-bg
+);
+$tabs-text-color-title-bg: theme-runtime.token(
+  'tabs',
+  'tabs-text-color-title-bg',
+  $tabs-text-color-title-bg,
+  'color-transparent'
+);
+$tabs-text-color-title-bg_active: theme-runtime.token(
+  'tabs',
+  'tabs-text-color-title-bg-active',
+  $tabs-text-color-title-bg_active,
+  'color-transparent'
+);
+$tabs-text-color-title-bg_disabled: theme-runtime.token(
+  'tabs',
+  'tabs-text-color-title-bg-disabled',
+  $tabs-text-color-title-bg_disabled,
+  'color-transparent'
+);
+$tabs-text-color-title-bg_disabled_active: theme-runtime.token(
+  'tabs',
+  'tabs-text-color-title-bg-disabled-active',
+  $tabs-text-color-title-bg_disabled_active
+);
+$tabs-text-color-title-bg_hover: theme-runtime.token(
+  'tabs',
+  'tabs-text-color-title-bg-hover',
+  $tabs-text-color-title-bg_hover
+);
+$tabs-rounded-padding-title-horizontal: theme-runtime.token(
+  'tabs',
+  'tabs-rounded-padding-title-horizontal',
+  $tabs-rounded-padding-title-horizontal,
+  'spacing-7'
+);
+$tabs-rounded-color-title-bg: theme-runtime.token(
+  'tabs',
+  'tabs-rounded-color-title-bg',
+  $tabs-rounded-color-title-bg,
+  'color-transparent'
+);
+$tabs-rounded-color-title-bg_active: theme-runtime.token(
+  'tabs',
+  'tabs-rounded-color-title-bg-active',
+  $tabs-rounded-color-title-bg_active
+);
+$tabs-rounded-color-title-bg_disabled: theme-runtime.token(
+  'tabs',
+  'tabs-rounded-color-title-bg-disabled',
+  $tabs-rounded-color-title-bg_disabled,
+  'color-transparent'
+);
+$tabs-rounded-color-title-bg_hover: theme-runtime.token(
+  'tabs',
+  'tabs-rounded-color-title-bg-hover',
+  $tabs-rounded-color-title-bg_active
+);
+$tabs-capsule-color-header-bg: theme-runtime.token(
+  'tabs',
+  'tabs-capsule-color-header-bg',
+  $tabs-capsule-color-header-bg
+);
+$tabs-capsule-padding-header-horizontal: theme-runtime.token(
+  'tabs',
+  'tabs-capsule-padding-header-horizontal',
+  $tabs-capsule-padding-header-horizontal
+);
+$tabs-capsule-border-header-radius: theme-runtime.token(
+  'tabs',
+  'tabs-capsule-border-header-radius',
+  $tabs-capsule-border-header-radius
+);
+$tabs-capsule-color-title-bg: theme-runtime.token(
+  'tabs',
+  'tabs-capsule-color-title-bg',
+  $tabs-capsule-color-title-bg,
+  'color-transparent'
+);
+$tabs-capsule-color-title-bg_active: theme-runtime.token(
+  'tabs',
+  'tabs-capsule-color-title-bg-active',
+  $tabs-capsule-color-title-bg_active
+);
+$tabs-capsule-color-title-bg_hover: theme-runtime.token(
+  'tabs',
+  'tabs-capsule-color-title-bg-hover',
+  $tabs-capsule-color-title-bg_active
+);
+$tabs-capsule-size-separator-height: theme-runtime.token(
+  'tabs',
+  'tabs-capsule-size-separator-height',
+  $tabs-capsule-size-separator-height
+);
+$tabs-capsule-color-separator-bg: theme-runtime.token(
+  'tabs',
+  'tabs-capsule-color-separator-bg',
+  $tabs-capsule-color-separator-bg
+);
+$tabs-margin-close-icon-left: theme-runtime.token(
+  'tabs',
+  'tabs-margin-close-icon-left',
+  $tabs-margin-close-icon-left,
+  'spacing-4'
+);
+$tabs-size-icon: theme-runtime.token('tabs', 'tabs-size-icon', $tabs-size-icon, 'size-3');
+$tabs-size-icon-bg: theme-runtime.token('tabs', 'tabs-size-icon-bg', $tabs-size-icon-bg, 'size-4');
+$tabs-card-color-close-icon-bg_hover: theme-runtime.token(
+  'tabs',
+  'tabs-card-color-close-icon-bg-hover',
+  $tabs-card-color-close-icon-bg_hover
+);
+$tabs-margin-add-icon-left: theme-runtime.token(
+  'tabs',
+  'tabs-margin-add-icon-left',
+  $tabs-margin-add-icon-left,
+  'spacing-4'
+);
+$tabs-color-icon: theme-runtime.token('tabs', 'tabs-color-icon', $tabs-color-icon);
+$tabs-color-icon_disabled: theme-runtime.token(
+  'tabs',
+  'tabs-color-icon-disabled',
+  $tabs-color-icon_disabled
+);
+$tabs-spacing-nav-icon-header: theme-runtime.token(
+  'tabs',
+  'tabs-spacing-nav-icon-header',
+  $tabs-spacing-nav-icon-header,
+  'spacing-3'
+);
+$tabs-padding-header-wrapper-horizontal: theme-runtime.token(
+  'tabs',
+  'tabs-padding-header-wrapper-horizontal',
+  $tabs-padding-header-wrapper-horizontal,
+  'spacing-5'
+);
+$tabs-padding-header-wrapper-vertical: theme-runtime.token(
+  'tabs',
+  'tabs-padding-header-wrapper-vertical',
+  $tabs-padding-header-wrapper-vertical,
+  'spacing-3'
+);
+$tabs-content-padding: theme-runtime.token(
+  'tabs',
+  'tabs-content-padding',
+  $tabs-content-padding,
+  'spacing-7'
+);

package/es/tag/index.d.ts

@@ -61,6 +61,9 @@ declare const Tag: {
             type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
             default: boolean;
         };
+        tooltip: {
+            type: StringConstructor;
+        };
         ellipsisPerformant: {
             type: BooleanConstructor;
             default: boolean;
@@ -166,6 +169,9 @@ declare const Tag: {
             type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
             default: boolean;
         };
+        tooltip: {
+            type: StringConstructor;
+        };
         ellipsisPerformant: {
             type: BooleanConstructor;
             default: boolean;
@@ -263,6 +269,9 @@ declare const Tag: {
         type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
         default: boolean;
     };
+    tooltip: {
+        type: StringConstructor;
+    };
     ellipsisPerformant: {
         type: BooleanConstructor;
         default: boolean;
@@ -311,6 +320,10 @@ declare const Tag: {
         tooltip?: (props: {}) => any;
     } & {
         default?: (props: {}) => any;
+    } & {
+        tooltip?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
     } & {
         'close-icon'?: (props: {}) => any;
     };

package/es/tag/interface.d.ts

@@ -17,6 +17,7 @@ export interface TagProps {
     ellipsisLineClamp?: number | string;
     ellipsisExpandTrigger?: 'click';
     ellipsisTooltip?: boolean | EllipsisTooltipProps;
+    tooltip?: string;
     ellipsisPerformant?: boolean;
     textColor?: string;
     backgroundAlpha?: number;