naive-ui 2.23.1 → 2.24.2

package/lib/select/src/Select.js

@@ -62,34 +62,29 @@ const selectProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
         default: true
     }, renderLabel: Function, renderOption: Function, renderTag: Function, 'onUpdate:value': [Function, Array], inputProps: Object, 
     // 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], 
-    /** deprecated */
-    onChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                (0, _utils_1.warn)('select', '`on-change` is deprecated, please use `on-update:value` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }, items: {
-        type: Array,
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                (0, _utils_1.warn)('select', '`items` is deprecated, please use `options` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }, displayDirective: {
+    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,
         default: 'show'
-    } });
+    }, resetMenuOnOptionsChange: {
+        type: Boolean,
+        default: true
+    }, 
+    /** deprecated */
+    onChange: [Function, Array], items: Array });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Select',
     props: selectProps,
     setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            (0, vue_1.watchEffect)(() => {
+                if (props.items !== undefined) {
+                    (0, _utils_1.warnOnce)('select', '`items` is deprecated, please use `options` instead.');
+                }
+                if (props.onChange !== undefined) {
+                    (0, _utils_1.warnOnce)('select', '`on-change` is deprecated, please use `on-update:value` instead.');
+                }
+            });
+        }
         const { mergedClsPrefixRef, mergedBorderedRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Select', 'Select', index_cssr_1.default, styles_1.selectLight, props, mergedClsPrefixRef);
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
@@ -536,34 +531,21 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             void (0, vue_1.nextTick)(syncPosition);
         });
-        return {
-            mergedClsPrefix: mergedClsPrefixRef,
-            mergedBordered: mergedBorderedRef,
-            namespace: namespaceRef,
-            treeMate: treeMateRef,
-            isMounted: (0, vooks_1.useIsMounted)(),
-            triggerRef,
-            menuRef,
-            pattern: patternRef,
-            uncontrolledShow: uncontrolledShowRef,
-            mergedShow: mergedShowRef,
-            adjustedTo: (0, _utils_1.useAdjustedTo)(props),
-            uncontrolledValue: uncontrolledValueRef,
-            mergedValue: mergedValueRef,
-            followerRef,
-            localizedPlaceholder: localizedPlaceholderRef,
-            selectedOption: selectedOptionRef,
-            selectedOptions: selectedOptionsRef,
-            mergedSize: mergedSizeRef,
-            mergedDisabled: mergedDisabledRef,
-            focused: focusedRef,
-            handleMenuFocus,
+        const exposedMethods = {
+            focus: () => {
+                var _a;
+                (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+            },
+            blur: () => {
+                var _a;
+                (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+            }
+        };
+        return Object.assign(Object.assign({}, exposedMethods), { mergedClsPrefix: mergedClsPrefixRef, mergedBordered: mergedBorderedRef, namespace: namespaceRef, treeMate: treeMateRef, isMounted: (0, vooks_1.useIsMounted)(), triggerRef,
+            menuRef, pattern: patternRef, uncontrolledShow: uncontrolledShowRef, mergedShow: mergedShowRef, adjustedTo: (0, _utils_1.useAdjustedTo)(props), uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, followerRef, localizedPlaceholder: localizedPlaceholderRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, focused: focusedRef, handleMenuFocus,
             handleMenuBlur,
             handleMenuTabOut,
-            handleTriggerClick,
-            handleToggle: handleToggleByTmNode,
-            handleDeleteOption: handleToggleByOption,
-            handlePatternInput,
+            handleTriggerClick, handleToggle: handleToggleByTmNode, handleDeleteOption: handleToggleByOption, handlePatternInput,
             handleClear,
             handleTriggerBlur,
             handleTriggerFocus,
@@ -572,26 +554,21 @@ exports.default = (0, vue_1.defineComponent)({
             syncPosition,
             handleMenuAfterLeave,
             handleMenuClickOutside,
-            handleMenuScroll,
-            handleMenuKeyup: handleKeyUp,
-            handleMenuKeydown: handleKeyDown,
-            handleMenuMousedown,
-            mergedTheme: themeRef,
-            cssVars: (0, vue_1.computed)(() => {
+            handleMenuScroll, handleMenuKeyup: handleKeyUp, handleMenuKeydown: handleKeyDown, handleMenuMousedown, mergedTheme: themeRef, cssVars: (0, vue_1.computed)(() => {
                 const { self: { menuBoxShadow } } = themeRef.value;
                 return {
-                    '--menu-box-shadow': menuBoxShadow
+                    '--n-menu-box-shadow': menuBoxShadow
                 };
-            })
-        };
+            }) });
     },
     render() {
-        const { $slots, mergedClsPrefix } = this;
-        return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-select` },
+        return ((0, vue_1.h)("div", { class: `${this.mergedClsPrefix}-select` },
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerRef", inputProps: this.inputProps, clsPrefix: mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: 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, 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, onKeyup: this.handleKeyUp }))
+                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerRef", inputProps: this.inputProps, clsPrefix: this.mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: 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, 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, onKeyup: this.handleKeyUp }, {
+                            arrow: () => { var _a, _b; return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a); }
+                        }))
                     }),
                     (0, vue_1.h)(vueuc_1.VFollower, { ref: "followerRef", show: this.mergedShow, to: this.adjustedTo, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, containerClass: this.namespace, width: this.consistentMenuWidth ? 'target' : undefined, minWidth: "target", placement: this.placement }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted, onAfterLeave: this.handleMenuAfterLeave }, {
@@ -600,10 +577,10 @@ exports.default = (0, vue_1.defineComponent)({
                                 return (this.mergedShow ||
                                     this.displayDirective === 'show') &&
                                     (0, vue_1.withDirectives)((0, vue_1.h)(_internal_1.NInternalSelectMenu, Object.assign({}, this.menuProps, { ref: "menuRef", virtualScroll: this.consistentMenuWidth && this.virtualScroll, class: [
-                                            `${mergedClsPrefix}-select-menu`,
+                                            `${this.mergedClsPrefix}-select-menu`,
                                             (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.class
-                                        ], clsPrefix: mergedClsPrefix, focusable: true, autoPending: true, 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: [(_b = this.menuProps) === null || _b === void 0 ? void 0 : _b.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeyup: this.handleMenuKeyup, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow }), $slots), this.displayDirective === 'show'
+                                        ], clsPrefix: this.mergedClsPrefix, focusable: true, autoPending: true, 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: [(_b = this.menuProps) === null || _b === void 0 ? void 0 : _b.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeyup: this.handleMenuKeyup, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange }), this.$slots), this.displayDirective === 'show'
                                         ? [
                                             [vue_1.vShow, this.mergedShow],
                                             [vdirs_1.clickoutside, this.handleMenuClickOutside]

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

@@ -42,3 +42,7 @@ export declare type SelectGroupOption = (SelectGroupOptionBase & {
 }) | (SelectGroupOptionBase & {
     key: string | number;
 });
+export interface SelectInst {
+    focus: () => void;
+    blur: () => void;
+}

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

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "__esModule", {
 
 const cssr_1 = require("../../../_utils/cssr");
 
-const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // --menu-box-shadow
+const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // --n-menu-box-shadow
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('select', `
@@ -22,5 +22,5 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('select', `
  position: relative;
  `), (0, cssr_1.cB)('select-menu', `
  margin: 4px 0;
- box-shadow: var(--menu-box-shadow);
+ box-shadow: var(--n-menu-box-shadow);
  `, [(0, fade_in_scale_up_cssr_1.default)()])]);

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

@@ -55,6 +55,7 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {

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

@@ -97,59 +97,54 @@ declare const _default: import("vue").DefineComponent<{
         width: string | undefined;
         height: string | undefined;
         animation: string;
-        '--bezier': string;
-        '--color-start': string;
-        '--color-end': string;
+        '--n-bezier': string;
+        '--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<{
-    readonly text?: unknown;
-    readonly round?: unknown;
-    readonly circle?: unknown;
-    readonly height?: unknown;
-    readonly width?: unknown;
-    readonly size?: unknown;
-    readonly repeat?: unknown;
-    readonly animated?: unknown;
-    readonly sharp?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    repeat: number;
-    round: boolean;
-    text: boolean;
-    circle: boolean;
-    animated: boolean;
-    sharp: boolean;
-} & {
-    size?: "small" | "medium" | "large" | undefined;
-    height?: string | number | undefined;
-    width?: string | number | undefined;
-    theme?: import("../../_mixins").Theme<"Skeleton", {
+}, 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 text: BooleanConstructor;
+    readonly round: BooleanConstructor;
+    readonly circle: BooleanConstructor;
+    readonly height: PropType<string | number>;
+    readonly width: PropType<string | number>;
+    readonly size: PropType<"small" | "medium" | "large">;
+    readonly repeat: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly animated: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly sharp: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Skeleton", {
         color: string;
         colorEnd: string;
         borderRadius: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Skeleton", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Skeleton", {
         color: string;
         colorEnd: string;
         borderRadius: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Skeleton", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Skeleton", {
         color: string;
         colorEnd: string;
         borderRadius: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     repeat: number;
     round: boolean;
     text: boolean;

package/lib/skeleton/src/Skeleton.js

@@ -57,9 +57,9 @@ exports.default = (0, vue_1.defineComponent)({
                         ? (0, seemly_1.pxfy)(mergedHeight)
                         : mergedHeight,
                     animation: !animated ? 'none' : '',
-                    '--bezier': cubicBezierEaseInOut,
-                    '--color-start': color,
-                    '--color-end': colorEnd
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-color-start': color,
+                    '--n-color-end': colorEnd
                 };
             })
         };

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

@@ -5,32 +5,32 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --color
-// --color-end
-// --bezier
+// --n-color-start
+// --n-color-end
+// --n-bezier
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('skeleton', `
  height: 1em;
  width: 100%;
- transition: background-color .3s var(--bezier);
+ transition: background-color .3s var(--n-bezier);
  transition:
- --color-start .3s var(--bezier),
- --color-end .3s var(--bezier),
- background-color .3s var(--bezier);
+ --n-color-start .3s var(--n-bezier),
+ --n-color-end .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  animation: 2s skeleton-loading infinite cubic-bezier(0.36, 0, 0.64, 1);
- background-color: var(--color-start);
+ background-color: var(--n-color-start);
  `), (0, cssr_1.c)('@keyframes skeleton-loading', `
  0% {
- background: var(--color-start);
+ background: var(--n-color-start);
  }
  40% {
- background: var(--color-end);
+ background: var(--n-color-end);
  }
  80% {
- background: var(--color-start);
+ background: var(--n-color-start);
  }
  100% {
- background: var(--color-start);
+ background: var(--n-color-start);
  }
  `)]);

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, CSSProperties } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 export interface ClosestMark {
@@ -279,9 +279,7 @@ declare const _default: import("vue").DefineComponent<{
     markInfos: import("vue").ComputedRef<{
         active: boolean;
         label: string;
-        style: {
-            [x: string]: string;
-        };
+        style: CSSProperties;
     }[]>;
     isShowTooltip: (index: number) => boolean;
     isSkipCSSDetection: (index: number) => boolean;
@@ -308,73 +306,81 @@ declare const _default: import("vue").DefineComponent<{
     handleHandleMouseLeave: (index: number) => void;
     handleRailKeyDown: (e: KeyboardEvent) => void;
     indicatorCssVars: import("vue").ComputedRef<{
-        '--font-size': string;
-        '--indicator-border-radius': string;
-        '--indicator-box-shadow': string;
-        '--indicator-color': string;
-        '--indicator-text-color': string;
+        '--n-font-size': string;
+        '--n-indicator-border-radius': string;
+        '--n-indicator-box-shadow': string;
+        '--n-indicator-color': string;
+        '--n-indicator-text-color': string;
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--dot-border': string;
-        '--dot-border-active': string;
-        '--dot-border-radius': string;
-        '--dot-box-shadow': string;
-        '--dot-color': string;
-        '--dot-color-modal': string;
-        '--dot-color-popover': string;
-        '--dot-height': string;
-        '--dot-width': string;
-        '--fill-color': string;
-        '--fill-color-hover': string;
-        '--font-size': string;
-        '--handle-box-shadow': string;
-        '--handle-box-shadow-active': string;
-        '--handle-box-shadow-focus': string;
-        '--handle-box-shadow-hover': string;
-        '--handle-color': string;
-        '--handle-size': string;
-        '--opacity-disabled': string;
-        '--rail-color': string;
-        '--rail-color-hover': string;
-        '--rail-height': string;
-        '--rail-width-vertical': string;
+        '--n-bezier': string;
+        '--n-dot-border': string;
+        '--n-dot-border-active': string;
+        '--n-dot-border-radius': string;
+        '--n-dot-box-shadow': string;
+        '--n-dot-color': string;
+        '--n-dot-color-modal': string;
+        '--n-dot-color-popover': string;
+        '--n-dot-height': string;
+        '--n-dot-width': string;
+        '--n-fill-color': string;
+        '--n-fill-color-hover': string;
+        '--n-font-size': string;
+        '--n-handle-box-shadow': string;
+        '--n-handle-box-shadow-active': string;
+        '--n-handle-box-shadow-focus': string;
+        '--n-handle-box-shadow-hover': string;
+        '--n-handle-color': string;
+        '--n-handle-size': string;
+        '--n-opacity-disabled': string;
+        '--n-rail-color': string;
+        '--n-rail-color-hover': string;
+        '--n-rail-height': string;
+        '--n-rail-width-vertical': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly to?: unknown;
-    readonly defaultValue?: unknown;
-    readonly marks?: unknown;
-    readonly disabled?: unknown;
-    readonly formatTooltip?: unknown;
-    readonly min?: unknown;
-    readonly max?: unknown;
-    readonly step?: unknown;
-    readonly range?: unknown;
-    readonly value?: unknown;
-    readonly placement?: unknown;
-    readonly showTooltip?: unknown;
-    readonly tooltip?: unknown;
-    readonly vertical?: unknown;
-    readonly reverse?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    range: boolean;
-    reverse: boolean;
-    vertical: boolean;
-    tooltip: boolean;
-    step: number | "mark";
-    max: number;
-    min: number;
-    defaultValue: number | number[];
-} & {
-    value?: number | number[] | undefined;
-    disabled?: boolean | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Slider", {
+}, 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 to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: PropType<number | number[]>;
+        readonly default: 0;
+    };
+    readonly marks: PropType<Record<string, string>>;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly formatTooltip: PropType<(value: number) => string | number>;
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly step: {
+        readonly type: PropType<number | "mark">;
+        readonly default: 1;
+    };
+    readonly range: BooleanConstructor;
+    readonly value: PropType<number | number[]>;
+    readonly placement: PropType<FollowerPlacement>;
+    readonly showTooltip: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: number & number[]) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         railColor: string;
         railColorHover: string;
@@ -402,8 +408,8 @@ declare const _default: import("vue").DefineComponent<{
         dotHeight: string;
         dotWidth: string;
         dotBorderRadius: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         railColor: string;
         railColorHover: string;
@@ -431,8 +437,8 @@ declare const _default: import("vue").DefineComponent<{
         dotHeight: string;
         dotWidth: string;
         dotBorderRadius: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         railColor: string;
         railColorHover: string;
@@ -460,14 +466,8 @@ declare const _default: import("vue").DefineComponent<{
         dotHeight: string;
         dotWidth: string;
         dotBorderRadius: string;
-    }, any>> | undefined;
-    placement?: FollowerPlacement | undefined;
-    "onUpdate:value"?: MaybeArray<(value: number & number[]) => void> | undefined;
-    onUpdateValue?: MaybeArray<(value: number & number[]) => void> | undefined;
-    marks?: Record<string, string> | undefined;
-    formatTooltip?: ((value: number) => string | number) | undefined;
-    showTooltip?: boolean | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     range: boolean;
     reverse: boolean;
     vertical: boolean;

package/lib/slider/src/Slider.js

@@ -452,40 +452,40 @@ exports.default = (0, vue_1.defineComponent)({
             indicatorCssVars: (0, vue_1.computed)(() => {
                 const { self: { fontSize, indicatorColor, indicatorBoxShadow, indicatorTextColor, indicatorBorderRadius } } = themeRef.value;
                 return {
-                    '--font-size': fontSize,
-                    '--indicator-border-radius': indicatorBorderRadius,
-                    '--indicator-box-shadow': indicatorBoxShadow,
-                    '--indicator-color': indicatorColor,
-                    '--indicator-text-color': indicatorTextColor
+                    '--n-font-size': fontSize,
+                    '--n-indicator-border-radius': indicatorBorderRadius,
+                    '--n-indicator-box-shadow': indicatorBoxShadow,
+                    '--n-indicator-color': indicatorColor,
+                    '--n-indicator-text-color': indicatorTextColor
                 };
             }),
             cssVars: (0, vue_1.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;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--dot-border': dotBorder,
-                    '--dot-border-active': dotBorderActive,
-                    '--dot-border-radius': dotBorderRadius,
-                    '--dot-box-shadow': dotBoxShadow,
-                    '--dot-color': dotColor,
-                    '--dot-color-modal': dotColorModal,
-                    '--dot-color-popover': dotColorPopover,
-                    '--dot-height': dotHeight,
-                    '--dot-width': dotWidth,
-                    '--fill-color': fillColor,
-                    '--fill-color-hover': fillColorHover,
-                    '--font-size': fontSize,
-                    '--handle-box-shadow': handleBoxShadow,
-                    '--handle-box-shadow-active': handleBoxShadowActive,
-                    '--handle-box-shadow-focus': handleBoxShadowFocus,
-                    '--handle-box-shadow-hover': handleBoxShadowHover,
-                    '--handle-color': handleColor,
-                    '--handle-size': handleSize,
-                    '--opacity-disabled': opacityDisabled,
-                    '--rail-color': railColor,
-                    '--rail-color-hover': railColorHover,
-                    '--rail-height': railHeight,
-                    '--rail-width-vertical': railWidthVertical
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-dot-border': dotBorder,
+                    '--n-dot-border-active': dotBorderActive,
+                    '--n-dot-border-radius': dotBorderRadius,
+                    '--n-dot-box-shadow': dotBoxShadow,
+                    '--n-dot-color': dotColor,
+                    '--n-dot-color-modal': dotColorModal,
+                    '--n-dot-color-popover': dotColorPopover,
+                    '--n-dot-height': dotHeight,
+                    '--n-dot-width': dotWidth,
+                    '--n-fill-color': fillColor,
+                    '--n-fill-color-hover': fillColorHover,
+                    '--n-font-size': fontSize,
+                    '--n-handle-box-shadow': handleBoxShadow,
+                    '--n-handle-box-shadow-active': handleBoxShadowActive,
+                    '--n-handle-box-shadow-focus': handleBoxShadowFocus,
+                    '--n-handle-box-shadow-hover': handleBoxShadowHover,
+                    '--n-handle-color': handleColor,
+                    '--n-handle-size': handleSize,
+                    '--n-opacity-disabled': opacityDisabled,
+                    '--n-rail-color': railColor,
+                    '--n-rail-color-hover': railColorHover,
+                    '--n-rail-height': railHeight,
+                    '--n-rail-width-vertical': railWidthVertical
                 };
             })
         };
@@ -522,7 +522,8 @@ exports.default = (0, vue_1.defineComponent)({
                             (0, vue_1.h)(vueuc_1.VTarget, null, {
                                 default: () => ((0, vue_1.h)("div", { ref: this.setHandleRefs(index), class: `${mergedClsPrefix}-slider-handle`, tabindex: this.mergedDisabled ? -1 : 0, style: this.getHandleStyle(value, index), onFocus: () => this.handleHandleFocus(index), onBlur: () => this.handleHandleBlur(index), onMouseenter: () => this.handleHandleMouseEnter(index), onMouseleave: () => this.handleHandleMouseLeave(index) }))
                             }),
-                            this.tooltip && ((0, vue_1.h)(vueuc_1.VFollower, { ref: this.setFollowerRefs(index), show: showTooltip, to: this.adjustedTo, enabled: this.followerEnabledIndexSet.has(index), teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, placement: this.mergedPlacement, containerClass: this.namespace }, {
+                            this.tooltip && ((0, vue_1.h)(vueuc_1.VFollower, { ref: this.setFollowerRefs(index), show: showTooltip, to: this.adjustedTo, enabled: (this.showTooltip && !this.range) ||
+                                    this.followerEnabledIndexSet.has(index), teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, placement: this.mergedPlacement, containerClass: this.namespace }, {
                                 default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted, css: this.isSkipCSSDetection(index), onEnter: () => this.followerEnabledIndexSet.add(index), onAfterLeave: () => this.followerEnabledIndexSet.delete(index) }, {
                                     default: () => showTooltip ? ((0, vue_1.h)("div", { class: [
                                             `${mergedClsPrefix}-slider-handle-indicator`,