naive-ui 2.33.2 → 2.33.4

package/es/select/src/Select.d.ts

@@ -90,6 +90,10 @@ export declare const selectProps: {
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly nodeProps: PropType<NodeProps>;
+    readonly ignoreComposition: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void> | undefined>;
     readonly onClear: PropType<MaybeArray<() => void> | undefined>;
@@ -107,7 +111,7 @@ export declare const selectProps: {
         readonly default: true;
     };
     readonly status: PropType<FormValidationStatus>;
-    readonly internalShowCheckmark: {
+    readonly showCheckmark: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
@@ -578,6 +582,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly nodeProps: PropType<NodeProps>;
+    readonly ignoreComposition: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void> | undefined>;
     readonly onClear: PropType<MaybeArray<() => void> | undefined>;
@@ -595,7 +603,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly status: PropType<FormValidationStatus>;
-    readonly internalShowCheckmark: {
+    readonly showCheckmark: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
@@ -988,7 +996,7 @@ declare const _default: import("vue").DefineComponent<{
     treeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectOption, SelectGroupOption, SelectIgnoredOption>>;
     isMounted: Readonly<import("vue").Ref<boolean>>;
     triggerRef: import("vue").Ref<{
-        isCompositing: boolean;
+        isComposing: boolean;
         focus: () => void;
         focusInput: () => void;
         blur: () => void;
@@ -1318,7 +1326,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     focus: () => void;
     blur: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;
@@ -1402,6 +1410,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly nodeProps: PropType<NodeProps>;
+    readonly ignoreComposition: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void> | undefined>;
     readonly onClear: PropType<MaybeArray<() => void> | undefined>;
@@ -1419,7 +1431,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly status: PropType<FormValidationStatus>;
-    readonly internalShowCheckmark: {
+    readonly showCheckmark: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
@@ -1814,6 +1826,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly loading: boolean;
     readonly bordered: boolean | undefined;
     readonly placement: FollowerPlacement;
+    readonly showCheckmark: boolean;
     readonly labelField: string;
     readonly virtualScroll: boolean;
     readonly valueField: string;
@@ -1822,7 +1835,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly displayDirective: "show" | "if";
     readonly filterable: boolean;
     readonly clearable: boolean;
-    readonly internalShowCheckmark: boolean;
+    readonly ignoreComposition: boolean;
     readonly clearFilterAfterSelect: boolean;
     readonly defaultValue: Value | null;
     readonly remote: boolean;

package/es/select/src/Select.js

@@ -55,7 +55,7 @@ export const selectProps = Object.assign(Object.assign({}, useTheme.props), { to
     }, childrenField: {
         type: String,
         default: 'children'
-    }, renderLabel: Function, renderOption: Function, renderTag: Function, 'onUpdate:value': [Function, Array], inputProps: Object, nodeProps: Function, 
+    }, renderLabel: Function, renderOption: Function, renderTag: Function, 'onUpdate:value': [Function, Array], inputProps: Object, nodeProps: Function, ignoreComposition: { type: Boolean, default: true }, 
     // for jsx
     onUpdateValue: [Function, Array], onBlur: [Function, Array], onClear: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], onSearch: [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:show': [Function, Array], displayDirective: {
         type: String,
@@ -63,7 +63,7 @@ export const selectProps = Object.assign(Object.assign({}, useTheme.props), { to
     }, resetMenuOnOptionsChange: {
         type: Boolean,
         default: true
-    }, status: String, internalShowCheckmark: {
+    }, status: String, showCheckmark: {
         type: Boolean,
         default: true
     }, 
@@ -518,7 +518,7 @@ export default defineComponent({
                     }
                 // eslint-disable-next-line no-fallthrough
                 case 'Enter':
-                    if (!((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.isCompositing)) {
+                    if (!((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.isComposing)) {
                         if (mergedShowRef.value) {
                             const pendingTmNode = (_b = menuRef.value) === null || _b === void 0 ? void 0 : _b.getPendingTmNode();
                             if (pendingTmNode) {
@@ -639,7 +639,7 @@ export default defineComponent({
             h(VBinder, null, {
                 default: () => [
                     h(VTarget, null, {
-                        default: () => (h(NInternalSelection, { ref: "triggerRef", inlineThemeDisabled: this.inlineThemeDisabled, status: this.mergedStatus, inputProps: this.inputProps, clsPrefix: this.mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: this.activeWithoutMenuOpen || this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, renderTag: this.renderTag, renderLabel: this.renderLabel, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, labelField: this.labelField, valueField: this.valueField, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, loading: this.loading, focused: this.focused, onClick: this.handleTriggerClick, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onBlur: this.handleTriggerBlur, onFocus: this.handleTriggerFocus, onKeydown: this.handleKeydown, onPatternBlur: this.onTriggerInputBlur, onPatternFocus: this.onTriggerInputFocus, onResize: this.handleTriggerOrMenuResize }, {
+                        default: () => (h(NInternalSelection, { ref: "triggerRef", inlineThemeDisabled: this.inlineThemeDisabled, status: this.mergedStatus, inputProps: this.inputProps, clsPrefix: this.mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: this.activeWithoutMenuOpen || this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, renderTag: this.renderTag, renderLabel: this.renderLabel, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, labelField: this.labelField, valueField: this.valueField, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, loading: this.loading, focused: this.focused, onClick: this.handleTriggerClick, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onBlur: this.handleTriggerBlur, onFocus: this.handleTriggerFocus, onKeydown: this.handleKeydown, onPatternBlur: this.onTriggerInputBlur, onPatternFocus: this.onTriggerInputFocus, onResize: this.handleTriggerOrMenuResize, ignoreComposition: this.ignoreComposition }, {
                             arrow: () => { var _a, _b; return [(_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a)]; }
                         }))
                     }),
@@ -657,7 +657,7 @@ export default defineComponent({
                                         this.themeClass,
                                         (_b = this.menuProps) === null || _b === void 0 ? void 0 : _b.class
                                     ], clsPrefix: this.mergedClsPrefix, focusable: true, labelField: this.labelField, valueField: this.valueField, autoPending: true, nodeProps: this.nodeProps, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
-                                        .InternalSelectMenu, treeMate: this.treeMate, multiple: this.multiple, size: "medium", renderOption: this.renderOption, renderLabel: this.renderLabel, value: this.mergedValue, style: [(_c = this.menuProps) === null || _c === void 0 ? void 0 : _c.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow, showCheckmark: this.internalShowCheckmark, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange }), {
+                                        .InternalSelectMenu, treeMate: this.treeMate, multiple: this.multiple, size: "medium", renderOption: this.renderOption, renderLabel: this.renderLabel, value: this.mergedValue, style: [(_c = this.menuProps) === null || _c === void 0 ? void 0 : _c.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow, showCheckmark: this.showCheckmark, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange }), {
                                     empty: () => { var _a, _b; return [(_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)]; },
                                     action: () => { var _a, _b; return [(_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a)]; }
                                 }), this.displayDirective === 'show'

package/es/skeleton/src/Skeleton.d.ts

@@ -101,7 +101,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-color-start': string;
         '--n-color-end': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly text: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly circle: BooleanConstructor;

package/es/slider/src/Slider.d.ts

@@ -54,6 +54,7 @@ export declare const sliderProps: {
     readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
+        markFontSize: string;
         railColor: string;
         railColorHover: string;
         fillColor: string;
@@ -83,6 +84,7 @@ export declare const sliderProps: {
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
+        markFontSize: string;
         railColor: string;
         railColorHover: string;
         fillColor: string;
@@ -112,6 +114,7 @@ export declare const sliderProps: {
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
+        markFontSize: string;
         railColor: string;
         railColorHover: string;
         fillColor: string;
@@ -189,6 +192,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
+        markFontSize: string;
         railColor: string;
         railColorHover: string;
         fillColor: string;
@@ -218,6 +222,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
+        markFontSize: string;
         railColor: string;
         railColorHover: string;
         fillColor: string;
@@ -247,6 +252,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
+        markFontSize: string;
         railColor: string;
         railColorHover: string;
         fillColor: string;
@@ -347,10 +353,11 @@ declare const _default: import("vue").DefineComponent<{
         '--n-rail-color-hover': string;
         '--n-rail-height': string;
         '--n-rail-width-vertical': string;
+        '--n-mark-font-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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;
@@ -398,6 +405,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
+        markFontSize: string;
         railColor: string;
         railColorHover: string;
         fillColor: string;
@@ -427,6 +435,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
+        markFontSize: string;
         railColor: string;
         railColorHover: string;
         fillColor: string;
@@ -456,6 +465,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
+        markFontSize: string;
         railColor: string;
         railColorHover: string;
         fillColor: string;

package/es/slider/src/Slider.js

@@ -426,7 +426,7 @@ export default defineComponent({
             stopDragging();
         });
         const cssVarsRef = computed(() => {
-            const { self: { railColor, railColorHover, fillColor, fillColorHover, handleColor, opacityDisabled, dotColor, dotColorModal, handleBoxShadow, handleBoxShadowHover, handleBoxShadowActive, handleBoxShadowFocus, dotBorder, dotBoxShadow, railHeight, railWidthVertical, handleSize, dotHeight, dotWidth, dotBorderRadius, fontSize, dotBorderActive, dotColorPopover }, common: { cubicBezierEaseInOut } } = themeRef.value;
+            const { self: { markFontSize, railColor, railColorHover, fillColor, fillColorHover, handleColor, opacityDisabled, dotColor, dotColorModal, handleBoxShadow, handleBoxShadowHover, handleBoxShadowActive, handleBoxShadowFocus, dotBorder, dotBoxShadow, railHeight, railWidthVertical, handleSize, dotHeight, dotWidth, dotBorderRadius, fontSize, dotBorderActive, dotColorPopover }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
                 '--n-bezier': cubicBezierEaseInOut,
                 '--n-dot-border': dotBorder,
@@ -451,7 +451,8 @@ export default defineComponent({
                 '--n-rail-color': railColor,
                 '--n-rail-color-hover': railColorHover,
                 '--n-rail-height': railHeight,
-                '--n-rail-width-vertical': railWidthVertical
+                '--n-rail-width-vertical': railWidthVertical,
+                '--n-mark-font-size': markFontSize
             };
         });
         const themeClassHandle = inlineThemeDisabled

package/es/slider/src/styles/index.cssr.js

@@ -27,6 +27,7 @@ import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-sc
 // --n-rail-color-hover
 // --n-rail-height
 // --n-rail-width-vertical
+// --n-mark-font-size
 
 export default c([cB('slider', `
  display: block;
@@ -75,6 +76,7 @@ export default c([cB('slider', `
  right: unset;
  bottom: calc(var(--n-handle-size) / 2);
  left: 22px;
+ font-size: var(--n-mark-font-size);
  `, [cB('slider-mark', `
  transform: translateY(50%);
  white-space: nowrap;

package/es/slider/styles/dark.js

@@ -6,8 +6,7 @@ const sliderDark = {
     self(vars) {
         const boxShadow = '0 2px 8px 0 rgba(0, 0, 0, 0.12)';
         const { railColor, modalColor, primaryColorSuppl, popoverColor, textColor2, cardColor, borderRadius, fontSize, opacityDisabled } = vars;
-        return Object.assign(Object.assign({}, sizeVariables), { fontSize,
-            railColor, railColorHover: railColor, fillColor: primaryColorSuppl, fillColorHover: primaryColorSuppl, opacityDisabled, handleColor: '#FFF', dotColor: cardColor, dotColorModal: modalColor, dotColorPopover: popoverColor, handleBoxShadow: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowHover: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowActive: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowFocus: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', indicatorColor: popoverColor, indicatorBoxShadow: boxShadow, indicatorTextColor: textColor2, indicatorBorderRadius: borderRadius, dotBorder: `2px solid ${railColor}`, dotBorderActive: `2px solid ${primaryColorSuppl}`, dotBoxShadow: '' });
+        return Object.assign(Object.assign({}, sizeVariables), { fontSize, markFontSize: fontSize, railColor, railColorHover: railColor, fillColor: primaryColorSuppl, fillColorHover: primaryColorSuppl, opacityDisabled, handleColor: '#FFF', dotColor: cardColor, dotColorModal: modalColor, dotColorPopover: popoverColor, handleBoxShadow: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowHover: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowActive: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', handleBoxShadowFocus: '0px 2px 4px 0 rgba(0, 0, 0, 0.4)', indicatorColor: popoverColor, indicatorBoxShadow: boxShadow, indicatorTextColor: textColor2, indicatorBorderRadius: borderRadius, dotBorder: `2px solid ${railColor}`, dotBorderActive: `2px solid ${primaryColorSuppl}`, dotBoxShadow: '' });
     }
 };
 export default sliderDark;

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

@@ -2,6 +2,7 @@ import type { ThemeCommonVars } from '../../_styles/common';
 import { Theme } from '../../_mixins';
 declare const self: (vars: ThemeCommonVars) => {
     fontSize: string;
+    markFontSize: string;
     railColor: string;
     railColorHover: string;
     fillColor: string;

package/es/slider/styles/light.js

@@ -4,8 +4,7 @@ const self = (vars) => {
     const indicatorColor = 'rgba(0, 0, 0, .85)';
     const boxShadow = '0 2px 8px 0 rgba(0, 0, 0, 0.12)';
     const { railColor, primaryColor, baseColor, cardColor, modalColor, popoverColor, borderRadius, fontSize, opacityDisabled } = vars;
-    return Object.assign(Object.assign({}, sizeVariables), { fontSize,
-        railColor, railColorHover: railColor, fillColor: primaryColor, fillColorHover: primaryColor, opacityDisabled, handleColor: '#FFF', dotColor: cardColor, dotColorModal: modalColor, dotColorPopover: popoverColor, handleBoxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowHover: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowActive: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowFocus: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', indicatorColor, indicatorBoxShadow: boxShadow, indicatorTextColor: baseColor, indicatorBorderRadius: borderRadius, dotBorder: `2px solid ${railColor}`, dotBorderActive: `2px solid ${primaryColor}`, dotBoxShadow: '' });
+    return Object.assign(Object.assign({}, sizeVariables), { fontSize, markFontSize: fontSize, railColor, railColorHover: railColor, fillColor: primaryColor, fillColorHover: primaryColor, opacityDisabled, handleColor: '#FFF', dotColor: cardColor, dotColorModal: modalColor, dotColorPopover: popoverColor, handleBoxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowHover: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowActive: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', handleBoxShadowFocus: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', indicatorColor, indicatorBoxShadow: boxShadow, indicatorTextColor: baseColor, indicatorBorderRadius: borderRadius, dotBorder: `2px solid ${railColor}`, dotBorderActive: `2px solid ${primaryColor}`, dotBoxShadow: '' });
 };
 const sliderLight = {
     name: 'Slider',

package/es/space/src/Space.d.ts

@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         horizontal: number;
         vertical: number;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly align: PropType<Align>;
     readonly justify: {
         readonly type: PropType<Justify>;

package/es/spin/src/Spin.d.ts

@@ -123,7 +123,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     description: StringConstructor;
     stroke: StringConstructor;
     size: {

package/es/statistic/src/Statistic.d.ts

@@ -85,7 +85,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tabularNums: BooleanConstructor;
     label: StringConstructor;
     value: (StringConstructor | NumberConstructor)[];

package/es/steps/src/Step.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly status: PropType<"wait" | "error" | "finish" | "process">;
     readonly title: StringConstructor;
     readonly description: StringConstructor;

package/es/steps/src/Steps.d.ts

@@ -250,7 +250,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     current: NumberConstructor;
     status: {
         type: PropType<"wait" | "error" | "finish" | "process">;

package/es/switch/src/Switch.d.ts

@@ -315,7 +315,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly size: {
         readonly type: PropType<"small" | "medium" | "large">;
         readonly default: "medium";

package/es/table/src/Table.d.ts

@@ -236,7 +236,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bordered: {
         type: BooleanConstructor;
         default: boolean;

package/es/table/src/Tbody.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/table/src/Td.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/table/src/Th.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/table/src/Thead.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/table/src/Tr.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/tabs/src/Tab.d.ts

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     type: import("vue").Ref<import("./interface").TabsType>;
     handleClose(e: MouseEvent): void;
     activateTab(): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | (() => import("vue").VNodeChild)>;

package/es/tabs/src/TabPane.d.ts

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
     class: import("vue").Ref<string | undefined>;
     mergedClsPrefix: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly tab: PropType<string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | (() => VNodeChild)>;

package/es/tabs/src/Tabs.d.ts

@@ -481,7 +481,7 @@ declare const _default: import("vue").DefineComponent<{
     syncBarPosition: () => void;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedValue: import("vue").ComputedRef<string | number | null>;
-    renderedNames: Set<string | number>;
+    renderedNames: Set<NonNullable<string | number>>;
     tabsRailElRef: import("vue").Ref<HTMLElement | null>;
     tabsPaneWrapperRef: import("vue").Ref<HTMLElement | null>;
     tabsElRef: import("vue").Ref<HTMLElement | null>;
@@ -573,7 +573,7 @@ declare const _default: import("vue").DefineComponent<{
     onAnimationEnter: (el: HTMLElement) => void;
     onAnimationAfterEnter: () => void;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly value: PropType<string | number>;
     readonly defaultValue: PropType<string | number>;
     readonly trigger: {

package/es/tabs/src/Tabs.js

@@ -68,6 +68,7 @@ export default defineComponent({
         watch(mergedValueRef, () => {
             tabChangeIdRef.id = 0;
             updateCurrentBarStyle();
+            updateCurrentScrollPosition(true);
         });
         function getCurrentEl() {
             var _a;
@@ -113,6 +114,32 @@ export default defineComponent({
                 updateBarStyle(tabEl);
             }
         }
+        function updateCurrentScrollPosition(smooth) {
+            var _a;
+            const scrollWrapperEl = (_a = xScrollInstRef.value) === null || _a === void 0 ? void 0 : _a.$el;
+            if (!scrollWrapperEl)
+                return;
+            const tabEl = getCurrentEl();
+            if (!tabEl)
+                return;
+            const { scrollLeft: scrollWrapperElScrollLeft, offsetWidth: scrollWrapperElOffsetWidth } = scrollWrapperEl;
+            const { offsetLeft: tabElOffsetLeft, offsetWidth: tabElOffsetWidth } = tabEl;
+            if (scrollWrapperElScrollLeft > tabElOffsetLeft) {
+                scrollWrapperEl.scrollTo({
+                    top: 0,
+                    left: tabElOffsetLeft,
+                    behavior: 'smooth'
+                });
+            }
+            else if (tabElOffsetLeft + tabElOffsetWidth >
+                scrollWrapperElScrollLeft + scrollWrapperElOffsetWidth) {
+                scrollWrapperEl.scrollTo({
+                    top: 0,
+                    left: tabElOffsetLeft + tabElOffsetWidth - scrollWrapperElOffsetWidth,
+                    behavior: 'smooth'
+                });
+            }
+        }
         const tabsPaneWrapperRef = ref(null);
         let fromHeight = 0;
         let hangingTransition = null;
@@ -303,6 +330,7 @@ export default defineComponent({
         });
         onFontsReady(() => {
             updateCurrentBarStyle();
+            updateCurrentScrollPosition(true);
         });
         // avoid useless rerender
         watchEffect(() => {

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

@@ -24,11 +24,11 @@ export declare const tagProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    onCheckedChange: {
-        type: PropType<(checked: boolean) => void>;
-        validator: () => boolean;
-        default: undefined;
+    internalCloseIsButtonTag: {
+        type: BooleanConstructor;
+        default: boolean;
     };
+    onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
         readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
@@ -335,11 +335,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    onCheckedChange: {
-        type: PropType<(checked: boolean) => void>;
-        validator: () => boolean;
-        default: undefined;
+    internalCloseIsButtonTag: {
+        type: BooleanConstructor;
+        default: boolean;
     };
+    onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
         readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
@@ -666,7 +666,7 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: Ref<string> | undefined;
     onRender: (() => void) | undefined;
     setTextContent: (textContent: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bordered: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -684,11 +684,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    onCheckedChange: {
-        type: PropType<(checked: boolean) => void>;
-        validator: () => boolean;
-        default: undefined;
+    internalCloseIsButtonTag: {
+        type: BooleanConstructor;
+        default: boolean;
     };
+    onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
         readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
@@ -983,6 +983,6 @@ declare const _default: import("vue").DefineComponent<{
     checkable: boolean;
     triggerClickOnClose: boolean;
     internalCloseFocusable: boolean;
-    onCheckedChange: (checked: boolean) => void;
+    internalCloseIsButtonTag: boolean;
 }>;
 export default _default;