naive-ui 2.25.3 → 2.25.6

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

@@ -1859,6 +1859,8 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
+    focus: () => void;
+    blur: () => void;
     mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
@@ -1880,6 +1882,7 @@ declare const _default: import("vue").DefineComponent<{
     panelInstRef: import("vue").Ref<{
         $el: HTMLElement;
         hourScrollRef?: {
+            $el: HTMLElement;
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
@@ -1891,6 +1894,7 @@ declare const _default: import("vue").DefineComponent<{
             handleMouseLeaveWrapper: () => void;
         } | undefined;
         minuteScrollRef?: {
+            $el: HTMLElement;
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
@@ -1902,6 +1906,7 @@ declare const _default: import("vue").DefineComponent<{
             handleMouseLeaveWrapper: () => void;
         } | undefined;
         secondScrollRef?: {
+            $el: HTMLElement;
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
@@ -1913,6 +1918,7 @@ declare const _default: import("vue").DefineComponent<{
             handleMouseLeaveWrapper: () => void;
         } | undefined;
         amPmScrollRef?: {
+            $el: HTMLElement;
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
@@ -2377,7 +2383,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-icon-color': string;
         '--n-icon-color-disabled': string;
         '--n-bezier': string;
-    }>;
+    }> | undefined;
+    triggerThemeClass: import("vue").Ref<string> | undefined;
+    triggerOnRender: (() => void) | undefined;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-border-radius': string;
@@ -2393,9 +2401,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-panel-color': string;
         '--n-panel-divider-color': string;
         '--n-item-border-radius': string;
-    }>;
-    focus: () => void;
-    blur: () => void;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
         type: PropType<string | boolean | HTMLElement>;

package/es/time-picker/src/TimePicker.js

@@ -8,7 +8,7 @@ import { strictParse } from '../../date-picker/src/utils';
 import { TimeIcon } from '../../_internal/icons';
 import { NInput } from '../../input';
 import { NBaseIcon } from '../../_internal';
-import { useConfig, useTheme, useLocale, useFormItem } from '../../_mixins';
+import { useConfig, useTheme, useLocale, useFormItem, useThemeClass } from '../../_mixins';
 import { call, useAdjustedTo, warnOnce } from '../../_utils';
 import { timePickerLight } from '../styles';
 import Panel from './Panel';
@@ -76,7 +76,7 @@ export default defineComponent({
                 }
             });
         }
-        const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef } = useConfig(props);
+        const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = useConfig(props);
         const { localeRef, dateLocaleRef } = useLocale('TimePicker');
         const formItem = useFormItem(props);
         const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
@@ -513,8 +513,74 @@ export default defineComponent({
                 (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
             }
         };
-        return Object.assign(Object.assign({}, exposedMethods), { mergedStatus: mergedStatusRef, mergedBordered: mergedBorderedRef, mergedClsPrefix: mergedClsPrefixRef, namespace: namespaceRef, uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, isMounted: useIsMounted(), inputInstRef,
-            panelInstRef, adjustedTo: useAdjustedTo(props), mergedShow: mergedShowRef, localizedNow: localizedNowRef, localizedPlaceholder: localizedPlaceholderRef, localizedNegativeText: localizedNegativeTextRef, localizedPositiveText: localizedPositiveTextRef, hourInFormat: hourInFormatRef, minuteInFormat: minuteInFormatRef, secondInFormat: secondInFormatRef, mergedAttrSize: mergedAttrSizeRef, displayTimeString: displayTimeStringRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, isValueInvalid: isValueInvalidRef, isHourInvalid: isHourInvalidRef, isMinuteInvalid: isMinuteInvalidRef, isSecondInvalid: isSecondInvalidRef, transitionDisabled: transitionDisabledRef, hourValue: hourValueRef, minuteValue: minuteValueRef, secondValue: secondValueRef, amPmValue: amPmValueRef, handleTimeInputFocus,
+        const triggerCssVarsRef = computed(() => {
+            const { common: { cubicBezierEaseInOut }, self: { iconColor, iconColorDisabled } } = themeRef.value;
+            return {
+                '--n-icon-color': iconColor,
+                '--n-icon-color-disabled': iconColorDisabled,
+                '--n-bezier': cubicBezierEaseInOut
+            };
+        });
+        const triggerThemeClassHandle = inlineThemeDisabled
+            ? useThemeClass('time-picker-trigger', undefined, triggerCssVarsRef, props)
+            : undefined;
+        const cssVarsRef = computed(() => {
+            const { self: { panelColor, itemTextColor, itemTextColorActive, itemColorHover, panelDividerColor, panelBoxShadow, itemOpacityDisabled, borderRadius, itemFontSize, itemWidth, itemHeight, panelActionPadding, itemBorderRadius }, common: { cubicBezierEaseInOut } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-border-radius': borderRadius,
+                '--n-item-color-hover': itemColorHover,
+                '--n-item-font-size': itemFontSize,
+                '--n-item-height': itemHeight,
+                '--n-item-opacity-disabled': itemOpacityDisabled,
+                '--n-item-text-color': itemTextColor,
+                '--n-item-text-color-active': itemTextColorActive,
+                '--n-item-width': itemWidth,
+                '--n-panel-action-padding': panelActionPadding,
+                '--n-panel-box-shadow': panelBoxShadow,
+                '--n-panel-color': panelColor,
+                '--n-panel-divider-color': panelDividerColor,
+                '--n-item-border-radius': itemBorderRadius
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('time-picker', undefined, cssVarsRef, props)
+            : undefined;
+        return {
+            focus: exposedMethods.focus,
+            blur: exposedMethods.blur,
+            mergedStatus: mergedStatusRef,
+            mergedBordered: mergedBorderedRef,
+            mergedClsPrefix: mergedClsPrefixRef,
+            namespace: namespaceRef,
+            uncontrolledValue: uncontrolledValueRef,
+            mergedValue: mergedValueRef,
+            isMounted: useIsMounted(),
+            inputInstRef,
+            panelInstRef,
+            adjustedTo: useAdjustedTo(props),
+            mergedShow: mergedShowRef,
+            localizedNow: localizedNowRef,
+            localizedPlaceholder: localizedPlaceholderRef,
+            localizedNegativeText: localizedNegativeTextRef,
+            localizedPositiveText: localizedPositiveTextRef,
+            hourInFormat: hourInFormatRef,
+            minuteInFormat: minuteInFormatRef,
+            secondInFormat: secondInFormatRef,
+            mergedAttrSize: mergedAttrSizeRef,
+            displayTimeString: displayTimeStringRef,
+            mergedSize: mergedSizeRef,
+            mergedDisabled: mergedDisabledRef,
+            isValueInvalid: isValueInvalidRef,
+            isHourInvalid: isHourInvalidRef,
+            isMinuteInvalid: isMinuteInvalidRef,
+            isSecondInvalid: isSecondInvalidRef,
+            transitionDisabled: transitionDisabledRef,
+            hourValue: hourValueRef,
+            minuteValue: minuteValueRef,
+            secondValue: secondValueRef,
+            amPmValue: amPmValueRef,
+            handleTimeInputFocus,
             handleTimeInputBlur,
             handleNowClick,
             handleConfirmClick,
@@ -531,36 +597,20 @@ export default defineComponent({
             handleTimeInputClear,
             handleFocusDetectorFocus,
             handleMenuKeyDown,
-            handleTriggerClick, mergedTheme: themeRef, triggerCssVars: computed(() => {
-                const { common: { cubicBezierEaseInOut }, self: { iconColor, iconColorDisabled } } = themeRef.value;
-                return {
-                    '--n-icon-color': iconColor,
-                    '--n-icon-color-disabled': iconColorDisabled,
-                    '--n-bezier': cubicBezierEaseInOut
-                };
-            }), cssVars: computed(() => {
-                const { self: { panelColor, itemTextColor, itemTextColorActive, itemColorHover, panelDividerColor, panelBoxShadow, itemOpacityDisabled, borderRadius, itemFontSize, itemWidth, itemHeight, panelActionPadding, itemBorderRadius }, common: { cubicBezierEaseInOut } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-border-radius': borderRadius,
-                    '--n-item-color-hover': itemColorHover,
-                    '--n-item-font-size': itemFontSize,
-                    '--n-item-height': itemHeight,
-                    '--n-item-opacity-disabled': itemOpacityDisabled,
-                    '--n-item-text-color': itemTextColor,
-                    '--n-item-text-color-active': itemTextColorActive,
-                    '--n-item-width': itemWidth,
-                    '--n-panel-action-padding': panelActionPadding,
-                    '--n-panel-box-shadow': panelBoxShadow,
-                    '--n-panel-color': panelColor,
-                    '--n-panel-divider-color': panelDividerColor,
-                    '--n-item-border-radius': itemBorderRadius
-                };
-            }) });
+            handleTriggerClick,
+            mergedTheme: themeRef,
+            triggerCssVars: inlineThemeDisabled ? undefined : triggerCssVarsRef,
+            triggerThemeClass: triggerThemeClassHandle === null || triggerThemeClassHandle === void 0 ? void 0 : triggerThemeClassHandle.themeClass,
+            triggerOnRender: triggerThemeClassHandle === null || triggerThemeClassHandle === void 0 ? void 0 : triggerThemeClassHandle.onRender,
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+        };
     },
     render() {
-        const { mergedClsPrefix, $slots } = this;
-        return (h("div", { class: `${mergedClsPrefix}-time-picker`, style: this.triggerCssVars },
+        const { mergedClsPrefix, $slots, triggerOnRender } = this;
+        triggerOnRender === null || triggerOnRender === void 0 ? void 0 : triggerOnRender();
+        return (h("div", { class: [`${mergedClsPrefix}-time-picker`, this.triggerThemeClass], style: this.triggerCssVars },
             h(VBinder, null, {
                 default: () => [
                     h(VTarget, null, {
@@ -574,9 +624,14 @@ export default defineComponent({
                     }),
                     h(VFollower, { teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, show: this.mergedShow, to: this.adjustedTo, containerClass: this.namespace, placement: this.placement }, {
                         default: () => (h(Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
-                            default: () => this.mergedShow
-                                ? withDirectives(h(Panel, { ref: "panelInstRef", actions: this.actions, style: this.cssVars, seconds: this.seconds, minutes: this.minutes, hours: this.hours, transitionDisabled: this.transitionDisabled, hourValue: this.hourValue, showHour: this.hourInFormat, isHourInvalid: this.isHourInvalid, isHourDisabled: this.isHourDisabled, minuteValue: this.minuteValue, showMinute: this.minuteInFormat, isMinuteInvalid: this.isMinuteInvalid, isMinuteDisabled: this.isMinuteDisabled, secondValue: this.secondValue, amPmValue: this.amPmValue, showSecond: this.secondInFormat, isSecondInvalid: this.isSecondInvalid, isSecondDisabled: this.isSecondDisabled, isValueInvalid: this.isValueInvalid, nowText: this.localizedNow, confirmText: this.localizedPositiveText, use12Hours: this.use12Hours, onFocusout: this.handleMenuFocusOut, onKeydown: this.handleMenuKeyDown, onHourClick: this.handleHourClick, onMinuteClick: this.handleMinuteClick, onSecondClick: this.handleSecondClick, onAmPmClick: this.handleAmPmClick, onNowClick: this.handleNowClick, onConfirmClick: this.handleConfirmClick, onFocusDetectorFocus: this.handleFocusDetectorFocus }), [[clickoutside, this.handleClickOutside]])
-                                : null
+                            default: () => {
+                                var _a;
+                                if (this.mergedShow) {
+                                    (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+                                    return withDirectives(h(Panel, { ref: "panelInstRef", actions: this.actions, class: this.themeClass, style: this.cssVars, seconds: this.seconds, minutes: this.minutes, hours: this.hours, transitionDisabled: this.transitionDisabled, hourValue: this.hourValue, showHour: this.hourInFormat, isHourInvalid: this.isHourInvalid, isHourDisabled: this.isHourDisabled, minuteValue: this.minuteValue, showMinute: this.minuteInFormat, isMinuteInvalid: this.isMinuteInvalid, isMinuteDisabled: this.isMinuteDisabled, secondValue: this.secondValue, amPmValue: this.amPmValue, showSecond: this.secondInFormat, isSecondInvalid: this.isSecondInvalid, isSecondDisabled: this.isSecondDisabled, isValueInvalid: this.isValueInvalid, nowText: this.localizedNow, confirmText: this.localizedPositiveText, use12Hours: this.use12Hours, onFocusout: this.handleMenuFocusOut, onKeydown: this.handleMenuKeyDown, onHourClick: this.handleHourClick, onMinuteClick: this.handleMinuteClick, onSecondClick: this.handleSecondClick, onAmPmClick: this.handleAmPmClick, onNowClick: this.handleNowClick, onConfirmClick: this.handleConfirmClick, onFocusDetectorFocus: this.handleFocusDetectorFocus }), [[clickoutside, this.handleClickOutside]]);
+                                }
+                                return null;
+                            }
                         }))
                     })
                 ]

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

@@ -30,7 +30,7 @@ declare const timelineProps: {
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -54,7 +54,7 @@ declare const timelineProps: {
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -78,7 +78,7 @@ declare const timelineProps: {
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -121,7 +121,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -145,7 +145,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -169,7 +169,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -204,7 +204,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -228,7 +228,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;
@@ -252,7 +252,7 @@ declare const _default: import("vue").DefineComponent<{
         contentTextColor: string;
         metaTextColor: string;
         lineColor: string;
-        titleMarginMedium: number;
+        titleMarginMedium: string;
         titleMarginLarge: string;
         titleFontSizeMedium: string;
         titleFontSizeLarge: string;

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

@@ -32,10 +32,12 @@ declare const _default: import("vue").DefineComponent<{
         '--n-meta-text-color': string;
         '--n-title-font-size': string;
         '--n-title-font-weight': string;
-        '--n-title-margin': string | number;
+        '--n-title-margin': string;
         '--n-title-text-color': string;
         '--n-icon-size': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     time: PropType<string | number>;
     title: StringConstructor;

package/es/timeline/src/TimelineItem.js

@@ -1,6 +1,7 @@
 import { defineComponent, computed, inject, h } from 'vue';
 import { createKey, formatLength, throwError } from '../../_utils';
 import { timelineInjectionKey } from './Timeline';
+import { useConfig, useThemeClass } from '../../_mixins';
 const timelineItemProps = {
     time: [String, Number],
     title: String,
@@ -19,33 +20,46 @@ export default defineComponent({
         if (!NTimeline) {
             throwError('timeline-item', '`n-timeline-item` must be placed inside `n-timeline`.');
         }
+        const { inlineThemeDisabled } = useConfig();
+        const cssVarsRef = computed(() => {
+            const { props: { size, iconSize: iconSizeProp }, mergedThemeRef } = NTimeline;
+            const { type } = props;
+            const { self: { titleTextColor, contentTextColor, metaTextColor, lineColor, titleFontWeight, contentFontSize, [createKey('iconSize', size)]: iconSize, [createKey('titleMargin', size)]: titleMargin, [createKey('titleFontSize', size)]: titleFontSize, [createKey('circleBorder', type)]: circleBorder, [createKey('iconColor', type)]: iconColor }, common: { cubicBezierEaseInOut } } = mergedThemeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-circle-border': circleBorder,
+                '--n-icon-color': iconColor,
+                '--n-content-font-size': contentFontSize,
+                '--n-content-text-color': contentTextColor,
+                '--n-line-color': lineColor,
+                '--n-meta-text-color': metaTextColor,
+                '--n-title-font-size': titleFontSize,
+                '--n-title-font-weight': titleFontWeight,
+                '--n-title-margin': titleMargin,
+                '--n-title-text-color': titleTextColor,
+                '--n-icon-size': formatLength(iconSizeProp) || iconSize
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('timeline-item', computed(() => {
+                const { props: { size, iconSize: iconSizeProp } } = NTimeline;
+                const { type } = props;
+                return `${size[0]}${iconSizeProp || 'a'}${type[0]}`;
+            }), cssVarsRef, NTimeline.props)
+            : undefined;
         return {
             mergedClsPrefix: NTimeline.mergedClsPrefixRef,
-            cssVars: computed(() => {
-                const { props: { size, iconSize: iconSizeProp }, mergedThemeRef } = NTimeline;
-                const { type } = props;
-                const { self: { titleTextColor, contentTextColor, metaTextColor, lineColor, titleFontWeight, contentFontSize, [createKey('iconSize', size)]: iconSize, [createKey('titleMargin', size)]: titleMargin, [createKey('titleFontSize', size)]: titleFontSize, [createKey('circleBorder', type)]: circleBorder, [createKey('iconColor', type)]: iconColor }, common: { cubicBezierEaseInOut } } = mergedThemeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-circle-border': circleBorder,
-                    '--n-icon-color': iconColor,
-                    '--n-content-font-size': contentFontSize,
-                    '--n-content-text-color': contentTextColor,
-                    '--n-line-color': lineColor,
-                    '--n-meta-text-color': metaTextColor,
-                    '--n-title-font-size': titleFontSize,
-                    '--n-title-font-weight': titleFontWeight,
-                    '--n-title-margin': titleMargin,
-                    '--n-title-text-color': titleTextColor,
-                    '--n-icon-size': formatLength(iconSizeProp) || iconSize
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
-        const { mergedClsPrefix, color, $slots } = this;
+        const { mergedClsPrefix, color, onRender, $slots } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return (h("div", { class: [
                 `${mergedClsPrefix}-timeline-item`,
+                this.themeClass,
                 `${mergedClsPrefix}-timeline-item--${this.type}-type`
             ], style: this.cssVars },
             h("div", { class: `${mergedClsPrefix}-timeline-item-timeline` },

package/es/timeline/styles/_common.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    titleMarginMedium: number;
+    titleMarginMedium: string;
     titleMarginLarge: string;
     titleFontSizeMedium: string;
     titleFontSizeLarge: string;

package/es/timeline/styles/_common.js

@@ -1,5 +1,5 @@
 export default {
-    titleMarginMedium: 0,
+    titleMarginMedium: '0',
     titleMarginLarge: '-2px 0 0 0',
     titleFontSizeMedium: '14px',
     titleFontSizeLarge: '16px',

package/es/timeline/styles/light.d.ts

@@ -17,7 +17,7 @@ declare const self: (vars: ThemeCommonVars) => {
     contentTextColor: string;
     metaTextColor: string;
     lineColor: string;
-    titleMarginMedium: number;
+    titleMarginMedium: string;
     titleMarginLarge: string;
     titleFontSizeMedium: string;
     titleFontSizeLarge: string;

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

@@ -59,6 +59,7 @@ declare const transferProps: {
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -393,6 +394,7 @@ declare const transferProps: {
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -727,6 +729,7 @@ declare const transferProps: {
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1095,6 +1098,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1429,6 +1433,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1763,6 +1768,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -2212,6 +2218,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -2643,6 +2650,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -2977,6 +2985,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -3311,6 +3320,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;

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

@@ -147,6 +147,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;

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

@@ -160,6 +160,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -499,6 +500,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     mergedClsPrefix: import("vue").Ref<string>;
     scrollerInstRef: import("vue").Ref<{
+        $el: HTMLElement;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;

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

@@ -147,6 +147,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;

package/es/transfer/styles/light.d.ts

@@ -49,6 +49,7 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
     width: string;
 }, {
     Checkbox: import("../../_mixins").Theme<"Checkbox", {
+        labelLineHeight: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;