naive-ui 2.25.3 → 2.25.6

package/lib/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/lib/time-picker/src/TimePicker.js

@@ -81,7 +81,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const { localeRef, dateLocaleRef } = (0, _mixins_1.useLocale)('TimePicker');
         const formItem = (0, _mixins_1.useFormItem)(props);
         const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
@@ -518,8 +518,74 @@ exports.default = (0, vue_1.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: (0, vooks_1.useIsMounted)(), inputInstRef,
-            panelInstRef, adjustedTo: (0, _utils_1.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 = (0, vue_1.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
+            ? (0, _mixins_1.useThemeClass)('time-picker-trigger', undefined, triggerCssVarsRef, props)
+            : undefined;
+        const cssVarsRef = (0, vue_1.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
+            ? (0, _mixins_1.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: (0, vooks_1.useIsMounted)(),
+            inputInstRef,
+            panelInstRef,
+            adjustedTo: (0, _utils_1.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,
@@ -536,36 +602,20 @@ exports.default = (0, vue_1.defineComponent)({
             handleTimeInputClear,
             handleFocusDetectorFocus,
             handleMenuKeyDown,
-            handleTriggerClick, mergedTheme: themeRef, triggerCssVars: (0, vue_1.computed)(() => {
-                const { common: { cubicBezierEaseInOut }, self: { iconColor, iconColorDisabled } } = themeRef.value;
-                return {
-                    '--n-icon-color': iconColor,
-                    '--n-icon-color-disabled': iconColorDisabled,
-                    '--n-bezier': cubicBezierEaseInOut
-                };
-            }), cssVars: (0, vue_1.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 ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-time-picker`, style: this.triggerCssVars },
+        const { mergedClsPrefix, $slots, triggerOnRender } = this;
+        triggerOnRender === null || triggerOnRender === void 0 ? void 0 : triggerOnRender();
+        return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-time-picker`, this.triggerThemeClass], style: this.triggerCssVars },
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
@@ -579,9 +629,14 @@ exports.default = (0, vue_1.defineComponent)({
                     }),
                     (0, vue_1.h)(vueuc_1.VFollower, { teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, show: this.mergedShow, to: this.adjustedTo, containerClass: this.namespace, placement: this.placement }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
-                            default: () => this.mergedShow
-                                ? (0, vue_1.withDirectives)((0, vue_1.h)(Panel_1.default, { 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 }), [[vdirs_1.clickoutside, this.handleClickOutside]])
-                                : null
+                            default: () => {
+                                var _a;
+                                if (this.mergedShow) {
+                                    (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+                                    return (0, vue_1.withDirectives)((0, vue_1.h)(Panel_1.default, { 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 }), [[vdirs_1.clickoutside, this.handleClickOutside]]);
+                                }
+                                return null;
+                            }
                         }))
                     })
                 ]

package/lib/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/lib/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/lib/timeline/src/TimelineItem.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const Timeline_1 = require("./Timeline");
+const _mixins_1 = require("../../_mixins");
 const timelineItemProps = {
     time: [String, Number],
     title: String,
@@ -21,33 +22,46 @@ exports.default = (0, vue_1.defineComponent)({
         if (!NTimeline) {
             (0, _utils_1.throwError)('timeline-item', '`n-timeline-item` must be placed inside `n-timeline`.');
         }
+        const { inlineThemeDisabled } = (0, _mixins_1.useConfig)();
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { props: { size, iconSize: iconSizeProp }, mergedThemeRef } = NTimeline;
+            const { type } = props;
+            const { self: { titleTextColor, contentTextColor, metaTextColor, lineColor, titleFontWeight, contentFontSize, [(0, _utils_1.createKey)('iconSize', size)]: iconSize, [(0, _utils_1.createKey)('titleMargin', size)]: titleMargin, [(0, _utils_1.createKey)('titleFontSize', size)]: titleFontSize, [(0, _utils_1.createKey)('circleBorder', type)]: circleBorder, [(0, _utils_1.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': (0, _utils_1.formatLength)(iconSizeProp) || iconSize
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('timeline-item', (0, vue_1.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: (0, vue_1.computed)(() => {
-                const { props: { size, iconSize: iconSizeProp }, mergedThemeRef } = NTimeline;
-                const { type } = props;
-                const { self: { titleTextColor, contentTextColor, metaTextColor, lineColor, titleFontWeight, contentFontSize, [(0, _utils_1.createKey)('iconSize', size)]: iconSize, [(0, _utils_1.createKey)('titleMargin', size)]: titleMargin, [(0, _utils_1.createKey)('titleFontSize', size)]: titleFontSize, [(0, _utils_1.createKey)('circleBorder', type)]: circleBorder, [(0, _utils_1.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': (0, _utils_1.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 ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-timeline-item`,
+                this.themeClass,
                 `${mergedClsPrefix}-timeline-item--${this.type}-type`
             ], style: this.cssVars },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-timeline-item-timeline` },

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

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

package/lib/timeline/styles/_common.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    titleMarginMedium: 0,
+    titleMarginMedium: '0',
     titleMarginLarge: '-2px 0 0 0',
     titleFontSizeMedium: '14px',
     titleFontSizeLarge: '16px',

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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;

package/lib/tree/src/Tree.d.ts

@@ -159,6 +159,7 @@ declare const treeProps: {
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -204,6 +205,7 @@ declare const treeProps: {
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -249,6 +251,7 @@ declare const treeProps: {
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -409,6 +412,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -454,6 +458,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -499,6 +504,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -532,8 +538,6 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    handleKeyup: (e: KeyboardEvent) => void;
-    handleKeydown: (e: KeyboardEvent) => void;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
@@ -653,6 +657,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -952,6 +957,7 @@ declare const _default: import("vue").DefineComponent<{
         scrollTo: import("vueuc/lib/virtual-list/src/VirtualList").ScrollTo;
     } | null>;
     scrollbarInstRef: import("vue").Ref<{
+        $el: HTMLElement;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;
@@ -969,6 +975,8 @@ declare const _default: import("vue").DefineComponent<{
     getScrollContent: () => HTMLElement | null | undefined;
     handleAfterEnter: () => void;
     handleResize: () => void;
+    handleKeydown: (e: KeyboardEvent) => void;
+    handleKeyup: (e: KeyboardEvent) => void;
     cssVars: import("vue").ComputedRef<{
         '--n-arrow-color': string;
         '--n-loading-color': string;
@@ -981,7 +989,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-node-text-color': string;
         '--n-node-text-color-disabled': string;
         '--n-drop-mark-color': 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<{
     readonly internalScrollable: BooleanConstructor;
     readonly internalScrollablePadding: StringConstructor;
@@ -1108,6 +1118,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1153,6 +1164,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -1198,6 +1210,7 @@ declare const _default: import("vue").DefineComponent<{
         dropMarkColor: string;
     }, {
         Checkbox: import("../../_mixins").Theme<"Checkbox", {
+            labelLineHeight: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;