naive-ui 2.34.3 → 2.34.4

package/lib/tabs/src/styles/index.cssr.js

@@ -26,8 +26,12 @@ const cssr_1 = require("../../../_utils/cssr");
 // --n-tab-font-weight
 // --n-tab-font-weight-active
 // --n-tab-gap
+// --n-tab-gap-vertical
 // --n-tab-padding
-// --n-pane-padding
+// --n-pane-padding-left
+// --n-pane-padding-right
+// --n-pane-padding-top
+// --n-pane-padding-bottom
 // --n-color-segment
 // --n-font-weight-strong
 // --n-tab-color-segment
@@ -41,7 +45,11 @@ exports.default = (0, cssr_1.cB)('tabs', `
  border-color .3s var(--n-bezier);
 `, [(0, cssr_1.cM)('segment-type', [(0, cssr_1.cB)('tabs-rail', [(0, cssr_1.c)('&.transition-disabled', 'color: red;', [(0, cssr_1.cB)('tabs-tab', `
  transition: none;
- `)])])]), (0, cssr_1.cM)('left, right', `
+ `)])])]), (0, cssr_1.cM)('top', [(0, cssr_1.cB)('tab-pane', `
+ padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
+ `)]), (0, cssr_1.cM)('left', [(0, cssr_1.cB)('tab-pane', `
+ padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
+ `)]), (0, cssr_1.cM)('left, right', `
  flex-direction: row;
  `, [(0, cssr_1.cB)('tabs-bar', `
  width: 2px;
@@ -54,12 +62,16 @@ exports.default = (0, cssr_1.cB)('tabs', `
  padding: var(--n-tab-padding-vertical); 
  `)]), (0, cssr_1.cM)('right', `
  flex-direction: row-reverse;
- `, [(0, cssr_1.cB)('tabs-bar', `
+ `, [(0, cssr_1.cB)('tab-pane', `
+ padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
+ `), (0, cssr_1.cB)('tabs-bar', `
  left: 0;
  `)]), (0, cssr_1.cM)('bottom', `
  flex-direction: column-reverse;
  justify-content: flex-end;
- `, [(0, cssr_1.cB)('tabs-bar', `
+ `, [(0, cssr_1.cB)('tab-pane', `
+ padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
+ `), (0, cssr_1.cB)('tabs-bar', `
  top: 0;
  `)]), (0, cssr_1.cB)('tabs-rail', `
  padding: 3px;
@@ -103,15 +115,39 @@ exports.default = (0, cssr_1.cB)('tabs', `
  `, [(0, cssr_1.cE)('prefix, suffix', `
  display: flex;
  align-items: center;
- `), (0, cssr_1.cE)('prefix', 'padding-right: 16px;'), (0, cssr_1.cE)('suffix', 'padding-left: 16px;')]), (0, cssr_1.cB)('tabs-nav-scroll-wrapper', `
+ `), (0, cssr_1.cE)('prefix', 'padding-right: 16px;'), (0, cssr_1.cE)('suffix', 'padding-left: 16px;')]), (0, cssr_1.cM)('top, bottom', [(0, cssr_1.cB)('tabs-nav-scroll-wrapper', [(0, cssr_1.c)('&::before', `
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 20px;
+ `), (0, cssr_1.c)('&::after', `
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 20px;
+ `), (0, cssr_1.cM)('shadow-start', [(0, cssr_1.c)('&::before', `
+ box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
+ `)]), (0, cssr_1.cM)('shadow-end', [(0, cssr_1.c)('&::after', `
+ box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
+ `)])])]), (0, cssr_1.cM)('left, right', [(0, cssr_1.cB)('tabs-nav-scroll-wrapper', [(0, cssr_1.c)('&::before', `
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 20px;
+ `), (0, cssr_1.c)('&::after', `
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 20px;
+ `), (0, cssr_1.cM)('shadow-start', [(0, cssr_1.c)('&::before', `
+ box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
+ `)]), (0, cssr_1.cM)('shadow-end', [(0, cssr_1.c)('&::after', `
+ box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
+ `)])])]), (0, cssr_1.cB)('tabs-nav-scroll-wrapper', `
  flex: 1;
  position: relative;
  overflow: hidden;
- `, [(0, cssr_1.cM)('shadow-before', [(0, cssr_1.c)('&::before', `
- box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
- `)]), (0, cssr_1.cM)('shadow-after', [(0, cssr_1.c)('&::after', `
- box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
- `)]), (0, cssr_1.cB)('tabs-nav-y-scroll', `
+ `, [(0, cssr_1.cB)('tabs-nav-y-scroll', `
  height: 100%;
  width: 100%;
  overflow-y: auto; 
@@ -124,19 +160,13 @@ exports.default = (0, cssr_1.cB)('tabs', `
  pointer-events: none;
  content: "";
  position: absolute;
- top: 0;
- bottom: 0;
- width: 20px;
  z-index: 1;
- `), (0, cssr_1.c)('&::before', `
- left: 0;
- `), (0, cssr_1.c)('&::after', `
- right: 0;
  `)]), (0, cssr_1.cB)('tabs-nav-scroll-content', `
  display: flex;
  position: relative;
  min-width: 100%;
  width: fit-content;
+ box-sizing: border-box;
  `), (0, cssr_1.cB)('tabs-wrapper', `
  display: inline-flex;
  flex-wrap: nowrap;
@@ -192,7 +222,6 @@ exports.default = (0, cssr_1.cB)('tabs', `
  `), (0, cssr_1.cB)('tab-pane', `
  color: var(--n-pane-text-color);
  width: 100%;
- padding: var(--n-pane-padding);
  transition:
  color .3s var(--n-bezier),
  background-color .3s var(--n-bezier),
@@ -218,6 +247,7 @@ exports.default = (0, cssr_1.cB)('tabs', `
  transform: translateX(0);
  opacity: 1;
  `)]), (0, cssr_1.cB)('tabs-tab-pad', `
+ box-sizing: border-box;
  width: var(--n-tab-gap);
  flex-grow: 0;
  flex-shrink: 0;
@@ -232,15 +262,36 @@ exports.default = (0, cssr_1.cB)('tabs', `
  font-weight: var(--n-tab-font-weight-active);
  `), (0, cssr_1.cM)('disabled', {
   color: 'var(--n-tab-text-color-disabled)'
-})])]), (0, cssr_1.cB)('tabs-nav', [(0, cssr_1.cM)('line-type', [(0, cssr_1.cE)('prefix, suffix', `
- transition: border-color .3s var(--n-bezier);
+})])]), (0, cssr_1.cB)('tabs-nav', [(0, cssr_1.cM)('line-type', [(0, cssr_1.cM)('top', [(0, cssr_1.cE)('prefix, suffix', `
  border-bottom: 1px solid var(--n-tab-border-color);
  `), (0, cssr_1.cB)('tabs-nav-scroll-content', `
- transition: border-color .3s var(--n-bezier);
  border-bottom: 1px solid var(--n-tab-border-color);
  `), (0, cssr_1.cB)('tabs-bar', `
- border-radius: 0;
  bottom: -1px;
+ `)]), (0, cssr_1.cM)('left', [(0, cssr_1.cE)('prefix, suffix', `
+ border-right: 1px solid var(--n-tab-border-color);
+ `), (0, cssr_1.cB)('tabs-nav-scroll-content', `
+ border-right: 1px solid var(--n-tab-border-color);
+ `), (0, cssr_1.cB)('tabs-bar', `
+ right: -1px;
+ `)]), (0, cssr_1.cM)('right', [(0, cssr_1.cE)('prefix, suffix', `
+ border-left: 1px solid var(--n-tab-border-color);
+ `), (0, cssr_1.cB)('tabs-nav-scroll-content', `
+ border-left: 1px solid var(--n-tab-border-color);
+ `), (0, cssr_1.cB)('tabs-bar', `
+ left: -1px;
+ `)]), (0, cssr_1.cM)('bottom', [(0, cssr_1.cE)('prefix, suffix', `
+ border-top: 1px solid var(--n-tab-border-color);
+ `), (0, cssr_1.cB)('tabs-nav-scroll-content', `
+ border-top: 1px solid var(--n-tab-border-color);
+ `), (0, cssr_1.cB)('tabs-bar', `
+ top: -1px;
+ `)]), (0, cssr_1.cE)('prefix, suffix', `
+ transition: border-color .3s var(--n-bezier);
+ `), (0, cssr_1.cB)('tabs-nav-scroll-content', `
+ transition: border-color .3s var(--n-bezier);
+ `), (0, cssr_1.cB)('tabs-bar', `
+ border-radius: 0;
  `)]), (0, cssr_1.cM)('card-type', [(0, cssr_1.cE)('prefix, suffix', `
  transition: border-color .3s var(--n-bezier);
  border-bottom: 1px solid var(--n-tab-border-color);
@@ -250,12 +301,9 @@ exports.default = (0, cssr_1.cB)('tabs', `
  border-bottom: 1px solid var(--n-tab-border-color);
  `), (0, cssr_1.cB)('tabs-tab-pad', `
  transition: border-color .3s var(--n-bezier);
- border-bottom: 1px solid var(--n-tab-border-color);
  `), (0, cssr_1.cB)('tabs-tab', `
  font-weight: var(--n-tab-font-weight);
  border: 1px solid var(--n-tab-border-color);
- border-top-left-radius: var(--n-tab-border-radius);
- border-top-right-radius: var(--n-tab-border-radius);
  background-color: var(--n-tab-color);
  box-sizing: border-box;
  position: relative;
@@ -273,8 +321,7 @@ exports.default = (0, cssr_1.cB)('tabs', `
  font-size: var(--n-tab-font-size);
  `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', `
  color: var(--n-tab-text-color-hover);
- `)])]), (0, cssr_1.cM)('closable', 'padding-right: 6px;'), (0, cssr_1.cM)('active', `
- border-bottom: 1px solid #0000;
+ `)])]), (0, cssr_1.cM)('closable', 'padding-right: 8px;'), (0, cssr_1.cM)('active', `
  background-color: #0000;
  font-weight: var(--n-tab-font-weight-active);
  color: var(--n-tab-text-color-active);
@@ -283,16 +330,34 @@ exports.default = (0, cssr_1.cB)('tabs', `
  `, [(0, cssr_1.cB)('tabs-tab-wrapper', `
  flex-direction: column;
  `, [(0, cssr_1.cB)('tabs-tab-pad', `
- height: var(--n-tab-gap);
+ height: var(--n-tab-gap-vertical);
  width: 100%;
- `)])]), (0, cssr_1.cB)('tabs-nav-scroll-content', `
- border-bottom: none;
- `)]), (0, cssr_1.cM)('left', [(0, cssr_1.cB)('tabs-nav-scroll-content', `
- box-sizing: border-box;
+ `)])])]), (0, cssr_1.cM)('top', [(0, cssr_1.cM)('card-type', [(0, cssr_1.cB)('tabs-tab', `
+ border-top-left-radius: var(--n-tab-border-radius);
+ border-top-right-radius: var(--n-tab-border-radius);
+ `, [(0, cssr_1.cM)('active', `
+ border-bottom: 1px solid #0000;
+ `)]), (0, cssr_1.cB)('tabs-tab-pad', `
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `)])]), (0, cssr_1.cM)('left', [(0, cssr_1.cM)('card-type', [(0, cssr_1.cB)('tabs-tab', `
+ border-top-left-radius: var(--n-tab-border-radius);
+ border-bottom-left-radius: var(--n-tab-border-radius);
+ `, [(0, cssr_1.cM)('active', `
+ border-right: 1px solid #0000;
+ `)]), (0, cssr_1.cB)('tabs-tab-pad', `
  border-right: 1px solid var(--n-tab-border-color);
- `)]), (0, cssr_1.cM)('right', [(0, cssr_1.cB)('tabs-nav-scroll-content', `
+ `)])]), (0, cssr_1.cM)('right', [(0, cssr_1.cM)('card-type', [(0, cssr_1.cB)('tabs-tab', `
+ border-top-right-radius: var(--n-tab-border-radius);
+ border-bottom-right-radius: var(--n-tab-border-radius);
+ `, [(0, cssr_1.cM)('active', `
+ border-left: 1px solid #0000;
+ `)]), (0, cssr_1.cB)('tabs-tab-pad', `
  border-left: 1px solid var(--n-tab-border-color);
- `)]), (0, cssr_1.cM)('bottom', [(0, cssr_1.cB)('tabs-nav-scroll-content', `
+ `)])]), (0, cssr_1.cM)('bottom', [(0, cssr_1.cM)('card-type', [(0, cssr_1.cB)('tabs-tab', `
+ border-bottom-left-radius: var(--n-tab-border-radius);
+ border-bottom-right-radius: var(--n-tab-border-radius);
+ `, [(0, cssr_1.cM)('active', `
+ border-top: 1px solid #0000;
+ `)]), (0, cssr_1.cB)('tabs-tab-pad', `
  border-top: 1px solid var(--n-tab-border-color);
- border-bottom: none;
- `)])])]);
+ `)])])])]);

package/lib/tabs/styles/_common.d.ts

@@ -5,6 +5,9 @@ declare const _default: {
     tabGapSmallLine: string;
     tabGapMediumLine: string;
     tabGapLargeLine: string;
+    tabGapSmallLineVertical: string;
+    tabGapMediumLineVertical: string;
+    tabGapLargeLineVertical: string;
     tabPaddingSmallLine: string;
     tabPaddingMediumLine: string;
     tabPaddingLargeLine: string;
@@ -14,6 +17,9 @@ declare const _default: {
     tabGapSmallBar: string;
     tabGapMediumBar: string;
     tabGapLargeBar: string;
+    tabGapSmallBarVertical: string;
+    tabGapMediumBarVertical: string;
+    tabGapLargeBarVertical: string;
     tabPaddingSmallBar: string;
     tabPaddingMediumBar: string;
     tabPaddingLargeBar: string;
@@ -23,6 +29,9 @@ declare const _default: {
     tabGapSmallCard: string;
     tabGapMediumCard: string;
     tabGapLargeCard: string;
+    tabGapSmallCardVertical: string;
+    tabGapMediumCardVertical: string;
+    tabGapLargeCardVertical: string;
     tabPaddingSmallCard: string;
     tabPaddingMediumCard: string;
     tabPaddingLargeCard: string;
@@ -38,6 +47,9 @@ declare const _default: {
     tabGapSmallSegment: string;
     tabGapMediumSegment: string;
     tabGapLargeSegment: string;
+    tabGapSmallSegmentVertical: string;
+    tabGapMediumSegmentVertical: string;
+    tabGapLargeSegmentVertical: string;
     panePaddingSmall: string;
     panePaddingMedium: string;
     panePaddingLarge: string;

package/lib/tabs/styles/_common.js

@@ -7,39 +7,51 @@ exports.default = {
     tabGapSmallLine: '36px',
     tabGapMediumLine: '36px',
     tabGapLargeLine: '36px',
+    tabGapSmallLineVertical: '8px',
+    tabGapMediumLineVertical: '8px',
+    tabGapLargeLineVertical: '8px',
     tabPaddingSmallLine: '6px 0',
     tabPaddingMediumLine: '10px 0',
     tabPaddingLargeLine: '14px 0',
-    tabPaddingVerticalSmallLine: '0 6px',
-    tabPaddingVerticalMediumLine: '0 10px',
-    tabPaddingVerticalLargeLine: '0 14px',
+    tabPaddingVerticalSmallLine: '6px 12px',
+    tabPaddingVerticalMediumLine: '8px 16px',
+    tabPaddingVerticalLargeLine: '10px 20px',
     tabGapSmallBar: '36px',
     tabGapMediumBar: '36px',
     tabGapLargeBar: '36px',
+    tabGapSmallBarVertical: '8px',
+    tabGapMediumBarVertical: '8px',
+    tabGapLargeBarVertical: '8px',
     tabPaddingSmallBar: '4px 0',
     tabPaddingMediumBar: '6px 0',
     tabPaddingLargeBar: '10px 0',
-    tabPaddingVerticalSmallBar: '0 4px',
-    tabPaddingVerticalMediumBar: '0 6px ',
-    tabPaddingVerticalLargeBar: '0 10px ',
+    tabPaddingVerticalSmallBar: '6px 12px',
+    tabPaddingVerticalMediumBar: '8px 16px',
+    tabPaddingVerticalLargeBar: '10px 20px',
     tabGapSmallCard: '4px',
     tabGapMediumCard: '4px',
     tabGapLargeCard: '4px',
-    tabPaddingSmallCard: '6px 10px',
-    tabPaddingMediumCard: '8px 12px',
-    tabPaddingLargeCard: '8px 16px',
+    tabGapSmallCardVertical: '4px',
+    tabGapMediumCardVertical: '4px',
+    tabGapLargeCardVertical: '4px',
+    tabPaddingSmallCard: '8px 16px',
+    tabPaddingMediumCard: '10px 20px',
+    tabPaddingLargeCard: '12px 24px',
     tabPaddingSmallSegment: '4px 0',
     tabPaddingMediumSegment: '6px 0',
     tabPaddingLargeSegment: '8px 0',
     tabPaddingVerticalLargeSegment: '0 8px',
-    tabPaddingVerticalSmallCard: '10px 6px',
-    tabPaddingVerticalMediumCard: '12px 8px',
-    tabPaddingVerticalLargeCard: '16px 8px',
+    tabPaddingVerticalSmallCard: '8px 12px',
+    tabPaddingVerticalMediumCard: '10px 16px',
+    tabPaddingVerticalLargeCard: '12px 20px',
     tabPaddingVerticalSmallSegment: '0 4px',
     tabPaddingVerticalMediumSegment: '0 6px',
     tabGapSmallSegment: '0',
     tabGapMediumSegment: '0',
     tabGapLargeSegment: '0',
+    tabGapSmallSegmentVertical: '0',
+    tabGapMediumSegmentVertical: '0',
+    tabGapLargeSegmentVertical: '0',
     panePaddingSmall: '8px 0 0 0',
     panePaddingMedium: '12px 0 0 0',
     panePaddingLarge: '16px 0 0 0',

package/lib/tabs/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins';
+import { type Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
     colorSegment: string;
     tabFontSizeCard: string;
@@ -40,6 +40,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     tabGapSmallLine: string;
     tabGapMediumLine: string;
     tabGapLargeLine: string;
+    tabGapSmallLineVertical: string;
+    tabGapMediumLineVertical: string;
+    tabGapLargeLineVertical: string;
     tabPaddingSmallLine: string;
     tabPaddingMediumLine: string;
     tabPaddingLargeLine: string;
@@ -49,6 +52,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     tabGapSmallBar: string;
     tabGapMediumBar: string;
     tabGapLargeBar: string;
+    tabGapSmallBarVertical: string;
+    tabGapMediumBarVertical: string;
+    tabGapLargeBarVertical: string;
     tabPaddingSmallBar: string;
     tabPaddingMediumBar: string;
     tabPaddingLargeBar: string;
@@ -58,6 +64,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     tabGapSmallCard: string;
     tabGapMediumCard: string;
     tabGapLargeCard: string;
+    tabGapSmallCardVertical: string;
+    tabGapMediumCardVertical: string;
+    tabGapLargeCardVertical: string;
     tabPaddingSmallCard: string;
     tabPaddingMediumCard: string;
     tabPaddingLargeCard: string;
@@ -73,6 +82,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     tabGapSmallSegment: string;
     tabGapMediumSegment: string;
     tabGapLargeSegment: string;
+    tabGapSmallSegmentVertical: string;
+    tabGapMediumSegmentVertical: string;
+    tabGapLargeSegmentVertical: string;
     panePaddingSmall: string;
     panePaddingMedium: string;
     panePaddingLarge: string;

package/lib/tag/src/Tag.d.ts

@@ -1,4 +1,4 @@
-import { PropType, Ref } from 'vue';
+import { type PropType, type Ref } from 'vue';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 export interface TagPublicMethods {
     setTextContent: (textContent: string) => void;

package/lib/tag/src/common-props.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 export interface TagColor {
     color?: string;
     borderColor?: string;

package/lib/theme-editor/src/ThemeEditor.d.ts

@@ -1,4 +1,4 @@
-import { GlobalThemeOverrides } from '../../config-provider';
+import { type GlobalThemeOverrides } from '../../config-provider';
 declare const _default: import("vue").DefineComponent<{}, {
     locale: import("vue").Ref<{
         title: string;
@@ -131,8 +131,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleImportClick: () => void;
     handleInputFileChange: () => void;
     toggleMaximized: () => void;
-    isMaximized: import("vue").Ref<{
-        valueOf: () => boolean;
-    }>;
+    isMaximized: import("vue").Ref<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/theme-editor/src/ThemeEditor.js

@@ -191,7 +191,7 @@ exports.default = (0, vue_1.defineComponent)({
                             ], 
                             // We use ts-ignore for vue-tsc, since it seems to patch
                             // native event for vue components
-                            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
+                            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment
                             // @ts-ignore
                             onClick: () => {
                                 this.showPanel = !this.showPanel;

package/lib/themes/interface.d.ts

@@ -1,2 +1,2 @@
-import { GlobalTheme } from '../config-provider';
+import { type GlobalTheme } from '../config-provider';
 export type BuiltInGlobalTheme = Omit<Required<GlobalTheme>, 'InternalSelectMenu' | 'InternalSelection'>;

package/lib/themes/utils.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../config-provider';
+import { type GlobalTheme } from '../config-provider';
 type ComponentKey = Exclude<keyof GlobalTheme, 'name'>;
 type ComponentThemes = Array<Exclude<GlobalTheme[ComponentKey], undefined>>;
 export declare function createTheme(name: string, componentThemes: ComponentThemes): GlobalTheme;

package/lib/thing/src/Thing.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, PropType } from 'vue';
+import { type CSSProperties, type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const thingProps: {
     title: StringConstructor;

package/lib/thing/styles/rtl.d.ts

@@ -1,2 +1,2 @@
-import { RtlItem } from '../../config-provider/src/internal-interface';
+import { type RtlItem } from '../../config-provider/src/internal-interface';
 export declare const thingRtl: RtlItem;

package/lib/time/src/Time.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type PropType } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const timeProps: {
     readonly time: {
         readonly type: PropType<number | Date>;

package/lib/time-picker/src/Panel.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, Item } from './interface';
-import { MaybeArray } from '../../_utils';
+import { type PropType } from 'vue';
+import { type IsHourDisabled, type IsMinuteDisabled, type IsSecondDisabled, type ItemValue, type Item } from './interface';
+import { type MaybeArray } from '../../_utils';
 declare const _default: import("vue").DefineComponent<{
     actions: {
         type: PropType<("confirm" | "now")[] | null>;

package/lib/time-picker/src/PanelCol.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { Item } from './interface';
+import { type PropType } from 'vue';
+import { type Item } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;

package/lib/time-picker/src/PanelCol.js

@@ -28,7 +28,7 @@ exports.default = (0, vue_1.defineComponent)({
                     `${clsPrefix}-time-picker-col__item`,
                     active && `${clsPrefix}-time-picker-col__item--active`,
                     disabled && `${clsPrefix}-time-picker-col__item--disabled`
-                ], onClick: onItemClick && !disabled ? () => onItemClick(value) : undefined }, label));
+                ], onClick: onItemClick && !disabled ? () => { onItemClick(value); } : undefined }, label));
         });
     }
 });

package/lib/time-picker/src/TimePicker.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { FollowerPlacement } from 'vueuc';
+import { type PropType } from 'vue';
+import { type FollowerPlacement } from 'vueuc';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, Size } from './interface';

package/lib/time-picker/src/interface.d.ts

@@ -1,5 +1,5 @@
-import { Ref } from 'vue';
-import { ScrollbarInst } from '../../_internal';
+import { type Ref } from 'vue';
+import { type ScrollbarInst } from '../../_internal';
 import type { MergedTheme } from '../../_mixins';
 import type { TimePickerTheme } from '../styles';
 export type ItemValue = number | 'am' | 'pm';

package/lib/time-picker/src/utils.d.ts

@@ -1,4 +1,4 @@
-import { MaybeArray } from '../../_utils';
+import { type MaybeArray } from '../../_utils';
 export declare const time: {
     amHours: string[];
     pmHours: string[];

package/lib/timeline/src/Timeline.d.ts

@@ -1,7 +1,7 @@
-import { PropType, ExtractPropTypes, Ref } from 'vue';
-import { MergedTheme } from '../../_mixins';
+import { type PropType, type ExtractPropTypes, type Ref } from 'vue';
+import { type MergedTheme } from '../../_mixins';
 import type { TimelineTheme } from '../styles';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const timelineProps: {
     readonly horizontal: BooleanConstructor;
     readonly itemPlacement: {

package/lib/timeline/src/TimelineItem.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const timelineItemProps: {
     time: PropType<string | number>;

package/lib/tooltip/src/Tooltip.js

@@ -13,7 +13,8 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.tooltipProps,
     __popover__: true,
     setup(props) {
-        const themeRef = (0, _mixins_1.useTheme)('Tooltip', '-tooltip', undefined, styles_1.tooltipLight, props);
+        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const themeRef = (0, _mixins_1.useTheme)('Tooltip', '-tooltip', undefined, styles_1.tooltipLight, props, mergedClsPrefixRef);
         const popoverRef = (0, vue_1.ref)(null);
         const tooltipExposedMethod = {
             syncPosition() {

package/lib/transfer/src/Transfer.d.ts

@@ -1,7 +1,6 @@
-import { PropType } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
-import type { MaybeArray } from '../../_utils';
-import { OptionValue, Option, Filter, OnUpdateValue, TransferRenderTargetLabel, TransferRenderSourceList, TransferRenderSourceLabel } from './interface';
+import { type PropType } from 'vue';
+import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
+import { type OptionValue, type Option, type Filter, type OnUpdateValue, type TransferRenderTargetLabel, type TransferRenderSourceList, type TransferRenderSourceLabel } from './interface';
 export declare const transferProps: {
     readonly value: PropType<OptionValue[] | null>;
     readonly defaultValue: {
@@ -2681,7 +2680,7 @@ declare const _default: import("vue").DefineComponent<{
     srcPattern: import("vue").Ref<string>;
     tgtPattern: import("vue").Ref<string>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
-    mergedSrcFilterable: import("vue").ComputedRef<Boolean>;
+    mergedSrcFilterable: import("vue").ComputedRef<boolean>;
     handleSrcFilterUpdateValue: (value: string | null) => void;
     handleTgtFilterUpdateValue: (value: string | null) => void;
     handleSourceCheckAll: () => void;
@@ -3808,9 +3807,9 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
+    readonly options: Option[];
     readonly filter: Filter;
     readonly disabled: boolean | undefined;
-    readonly options: Option[];
     readonly virtualScroll: boolean;
     readonly filterable: boolean;
     readonly defaultValue: OptionValue[] | null;

package/lib/transfer/src/TransferFilter.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     value: StringConstructor;
     placeholder: StringConstructor;

package/lib/transfer/src/TransferHeader.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     size: {
         type: PropType<"small" | "medium" | "large">;

package/lib/transfer/src/TransferList.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { Option } from './interface';
+import { type PropType } from 'vue';
+import { type Option } from './interface';
 declare const _default: import("vue").DefineComponent<{
     virtualScroll: {
         type: BooleanConstructor;

package/lib/transfer/src/TransferListItem.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { Option } from './interface';
+import { type PropType } from 'vue';
+import { type Option } from './interface';
 declare const _default: import("vue").DefineComponent<{
     source: BooleanConstructor;
     label: {

package/lib/transfer/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { Ref, VNodeChild } from 'vue';
+import type { Ref, VNodeChild } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { TransferTheme } from '../styles';
 export type OptionValue = string | number;

package/lib/transfer/src/use-transfer-data.d.ts

@@ -4,9 +4,9 @@ interface UseTransferDataProps {
     value?: OptionValue[] | null;
     options: Option[];
     filterable: boolean | undefined;
-    sourceFilterable: Boolean;
-    targetFilterable: Boolean;
-    showSelected: Boolean;
+    sourceFilterable: boolean;
+    targetFilterable: boolean;
+    showSelected: boolean;
     filter: Filter;
 }
 export declare function useTransferData(props: UseTransferDataProps): {
@@ -24,7 +24,7 @@ export declare function useTransferData(props: UseTransferDataProps): {
     allCheckedRef: import("vue").ComputedRef<boolean>;
     srcPatternRef: import("vue").Ref<string>;
     tgtPatternRef: import("vue").Ref<string>;
-    mergedSrcFilterableRef: import("vue").ComputedRef<Boolean>;
+    mergedSrcFilterableRef: import("vue").ComputedRef<boolean>;
     handleSrcFilterUpdateValue: (value: string | null) => void;
     handleTgtFilterUpdateValue: (value: string | null) => void;
 };