naive-ui 2.29.0 → 2.29.1

package/es/_internal/loading/src/Loading.d.ts

@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     stroke: string;
     scale: number;
-    radius: number;
     strokeWidth: number;
+    radius: number;
 }>;
 export default _default;

package/es/_internal/scrollbar/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NScrollbar, XScrollbar as NxScrollbar } from './src/ScrollBar';
-export type { ScrollbarInst, ScrollbarProps } from './src/ScrollBar';
+export { default as NScrollbar, XScrollbar as NxScrollbar } from './src/Scrollbar';
+export type { ScrollbarInst, ScrollbarProps } from './src/Scrollbar';

package/es/_internal/scrollbar/index.js

@@ -1 +1 @@
-export { default as NScrollbar, XScrollbar as NxScrollbar } from './src/ScrollBar';
+export { default as NScrollbar, XScrollbar as NxScrollbar } from './src/Scrollbar';

package/es/_internal/scrollbar/src/{ScrollBar.d.ts → Scrollbar.d.ts}

@@ -61,6 +61,10 @@ declare const scrollbarProps: {
         readonly default: true;
     };
     readonly xScrollable: BooleanConstructor;
+    readonly trigger: {
+        readonly type: PropType<"none" | "hover">;
+        readonly default: "hover";
+    };
     readonly useUnifiedContainer: BooleanConstructor;
     readonly triggerDisplayManually: BooleanConstructor;
     readonly container: PropType<() => HTMLElement | null | undefined>;
@@ -104,6 +108,10 @@ declare const Scrollbar: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly xScrollable: BooleanConstructor;
+    readonly trigger: {
+        readonly type: PropType<"none" | "hover">;
+        readonly default: "hover";
+    };
     readonly useUnifiedContainer: BooleanConstructor;
     readonly triggerDisplayManually: BooleanConstructor;
     readonly container: PropType<() => HTMLElement | null | undefined>;
@@ -144,8 +152,8 @@ declare const Scrollbar: import("vue").DefineComponent<{
     xBarSizePx: import("vue").ComputedRef<string>;
     yBarTopPx: import("vue").ComputedRef<string>;
     xBarLeftPx: import("vue").ComputedRef<string>;
-    isShowXBar: import("vue").Ref<boolean>;
-    isShowYBar: import("vue").Ref<boolean>;
+    isShowXBar: import("vue").ComputedRef<boolean>;
+    isShowYBar: import("vue").ComputedRef<boolean>;
     isIos: boolean;
     handleScroll: (e: Event) => void;
     handleContentResize: () => void;
@@ -182,6 +190,10 @@ declare const Scrollbar: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly xScrollable: BooleanConstructor;
+    readonly trigger: {
+        readonly type: PropType<"none" | "hover">;
+        readonly default: "hover";
+    };
     readonly useUnifiedContainer: BooleanConstructor;
     readonly triggerDisplayManually: BooleanConstructor;
     readonly container: PropType<() => HTMLElement | null | undefined>;
@@ -209,12 +221,13 @@ declare const Scrollbar: import("vue").DefineComponent<{
         colorHover: string;
     }, any>>>;
 }>>, {
-    size: number;
-    duration: number;
-    scrollable: boolean;
-    xScrollable: boolean;
-    useUnifiedContainer: boolean;
-    triggerDisplayManually: boolean;
+    readonly size: number;
+    readonly duration: number;
+    readonly scrollable: boolean;
+    readonly xScrollable: boolean;
+    readonly trigger: "none" | "hover";
+    readonly useUnifiedContainer: boolean;
+    readonly triggerDisplayManually: boolean;
 }>;
 declare type NativeScrollbarProps = Omit<HTMLAttributes, keyof ScrollbarInternalProps>;
 declare type MergedProps = Partial<ScrollbarInternalProps & NativeScrollbarProps>;

package/es/_internal/scrollbar/src/{ScrollBar.js → Scrollbar.js}

@@ -4,6 +4,7 @@ import { VResizeObserver } from 'vueuc';
 import { useIsIos } from 'vooks';
 import { useConfig, useTheme, useThemeClass } from '../../../_mixins';
 import { scrollbarLight } from '../styles';
+import { Wrapper } from './Wrapper';
 import style from './styles/index.cssr';
 const scrollbarProps = Object.assign(Object.assign({}, useTheme.props), { size: {
         type: Number,
@@ -14,7 +15,10 @@ const scrollbarProps = Object.assign(Object.assign({}, useTheme.props), { size:
     }, scrollable: {
         type: Boolean,
         default: true
-    }, xScrollable: Boolean, useUnifiedContainer: Boolean, triggerDisplayManually: Boolean, 
+    }, xScrollable: Boolean, trigger: {
+        type: String,
+        default: 'hover'
+    }, useUnifiedContainer: Boolean, triggerDisplayManually: Boolean, 
     // If container is set, resize observer won't not attached
     container: Function, content: Function, containerClass: String, containerStyle: [String, Object], contentClass: String, contentStyle: [String, Object], horizontalRailStyle: [String, Object], verticalRailStyle: [String, Object], onScroll: Function, onWheel: Function, onResize: Function, internalOnUpdateScrollLeft: Function });
 const Scrollbar = defineComponent({
@@ -135,6 +139,14 @@ const Scrollbar = defineComponent({
                 contentWidth !== null &&
                 contentWidth > containerWidth);
         });
+        const mergedShowXBarRef = computed(() => {
+            const { trigger } = props;
+            return trigger === 'none' || isShowXBarRef.value;
+        });
+        const mergedShowYBarRef = computed(() => {
+            const { trigger } = props;
+            return trigger === 'none' || isShowYBarRef.value;
+        });
         const mergedContainerRef = computed(() => {
             const { container } = props;
             if (container)
@@ -498,7 +510,7 @@ const Scrollbar = defineComponent({
             containerRef,
             contentRef,
             yRailRef,
-            xRailRef, needYBar: needYBarRef, needXBar: needXBarRef, yBarSizePx: yBarSizePxRef, xBarSizePx: xBarSizePxRef, yBarTopPx: yBarTopPxRef, xBarLeftPx: xBarLeftPxRef, isShowXBar: isShowXBarRef, isShowYBar: isShowYBarRef, isIos,
+            xRailRef, needYBar: needYBarRef, needXBar: needXBarRef, yBarSizePx: yBarSizePxRef, xBarSizePx: xBarSizePxRef, yBarTopPx: yBarTopPxRef, xBarLeftPx: xBarLeftPxRef, isShowXBar: mergedShowXBarRef, isShowYBar: mergedShowYBarRef, isIos,
             handleScroll,
             handleContentResize,
             handleContainerResize,
@@ -513,6 +525,7 @@ const Scrollbar = defineComponent({
         const createChildren = () => {
             var _a, _b;
             (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+            const triggerIsNone = this.trigger === 'none';
             return h('div', mergeProps(this.$attrs, {
                 role: 'none',
                 ref: 'wrapperRef',
@@ -540,15 +553,15 @@ const Scrollbar = defineComponent({
                                 this.contentClass
                             ] }, $slots))
                     }))),
-                h("div", { ref: "yRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--vertical`, style: this.horizontalRailStyle, "aria-hidden": true },
-                    h(Transition, { name: "fade-in-transition" }, {
-                        default: () => this.needYBar && this.isShowYBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
-                                height: this.yBarSizePx,
-                                top: this.yBarTopPx
-                            }, onMousedown: this.handleYScrollMouseDown })) : null
-                    })),
-                h("div", { ref: "xRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--horizontal`, style: this.verticalRailStyle, "aria-hidden": true },
-                    h(Transition, { name: "fade-in-transition" }, {
+                h("div", { ref: "yRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--vertical`, style: this.horizontalRailStyle, "aria-hidden": true }, h((triggerIsNone ? Wrapper : Transition), triggerIsNone ? null : { name: 'fade-in-transition' }, {
+                    default: () => this.needYBar && this.isShowYBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
+                            height: this.yBarSizePx,
+                            top: this.yBarTopPx
+                        }, onMousedown: this.handleYScrollMouseDown })) : null
+                })),
+                h("div", { ref: "xRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--horizontal`, style: this.verticalRailStyle, "aria-hidden": true }, ((triggerIsNone ? Wrapper : Transition),
+                    triggerIsNone ? null : { name: 'fade-in-transition' },
+                    {
                         default: () => this.needXBar && this.isShowXBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
                                 width: this.xBarSizePx,
                                 left: this.xBarLeftPx

package/es/_internal/scrollbar/src/Wrapper.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: 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<{}>>, {}>;

package/es/_internal/scrollbar/src/Wrapper.js

@@ -0,0 +1,7 @@
+import { defineComponent } from 'vue';
+export const Wrapper = defineComponent({
+    render() {
+        var _a, _b;
+        return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+});

package/es/_internal/select-menu/src/SelectGroupHeader.d.ts

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    labelField: Ref<string>;
     renderLabel: Ref<RenderLabelImpl | undefined>;
     renderOption: Ref<RenderOptionImpl | 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<{

package/es/_internal/select-menu/src/SelectGroupHeader.js

@@ -14,10 +14,11 @@ export default defineComponent({
         }
     },
     setup() {
-        const { renderLabelRef, renderOptionRef
+        const { renderLabelRef, renderOptionRef, labelFieldRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(internalSelectionMenuInjectionKey);
         return {
+            labelField: labelFieldRef,
             renderLabel: renderLabelRef,
             renderOption: renderOptionRef
         };
@@ -26,7 +27,7 @@ export default defineComponent({
         const { clsPrefix, renderLabel, renderOption, tmNode: { rawNode } } = this;
         const children = renderLabel
             ? renderLabel(rawNode, false)
-            : render(rawNode.label, rawNode, false);
+            : render(rawNode[this.labelField], rawNode, false);
         const node = (h("div", { class: `${clsPrefix}-base-select-group-header` }, children));
         return rawNode.render
             ? rawNode.render({ node, option: rawNode })

package/es/_internal/select-menu/src/SelectMenu.d.ts

@@ -34,6 +34,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    labelField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
     loading: BooleanConstructor;
     focusable: BooleanConstructor;
     renderLabel: PropType<RenderLabel>;
@@ -397,8 +405,8 @@ declare const _default: import("vue").DefineComponent<{
         contentRef: HTMLElement | null;
         containerScrollTop: number;
         syncUnifiedContainer: () => void;
-        scrollTo: import("../../scrollbar/src/ScrollBar").ScrollTo;
-        scrollBy: import("../../scrollbar/src/ScrollBar").ScrollBy;
+        scrollTo: import("../../scrollbar/src/Scrollbar").ScrollTo;
+        scrollBy: import("../../scrollbar/src/Scrollbar").ScrollBy;
         sync: () => void;
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
@@ -474,6 +482,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    labelField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
     loading: BooleanConstructor;
     focusable: BooleanConstructor;
     renderLabel: PropType<RenderLabel>;
@@ -659,8 +675,10 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     inlineThemeDisabled: boolean;
     scrollable: boolean;
+    labelField: string;
     autoPending: boolean;
     virtualScroll: boolean;
+    valueField: string;
     resetMenuOnOptionsChange: boolean;
 }>;
 export default _default;

package/es/_internal/select-menu/src/SelectMenu.js

@@ -39,6 +39,12 @@ export default defineComponent({
         show: {
             type: Boolean,
             default: true
+        }, labelField: {
+            type: String,
+            default: 'label'
+        }, valueField: {
+            type: String,
+            default: 'value'
         }, loading: Boolean, focusable: Boolean, renderLabel: Function, renderOption: Function, onMousedown: Function, onScroll: Function, onFocus: Function, onBlur: Function, onKeyup: Function, onKeydown: Function, onTabOut: Function, onMouseenter: Function, onMouseleave: Function, onResize: Function, resetMenuOnOptionsChange: {
             type: Boolean,
             default: true
@@ -240,7 +246,9 @@ export default defineComponent({
             valueRef: toRef(props, 'value'),
             renderLabelRef: toRef(props, 'renderLabel'),
             renderOptionRef: toRef(props, 'renderOption'),
-            pendingTmNodeRef: pendingNodeRef
+            pendingTmNodeRef: pendingNodeRef,
+            labelFieldRef: toRef(props, 'labelField'),
+            valueFieldRef: toRef(props, 'valueField')
         });
         provide(internalSelectionMenuBodyInjectionKey, selfRef);
         onMounted(() => {

package/es/_internal/select-menu/src/SelectOption.d.ts

@@ -1,6 +1,6 @@
 import { PropType, Ref } from 'vue';
 import { TreeNode } from 'treemate';
-import type { SelectBaseOption } from '../../../select/src/interface';
+import type { SelectOption } from '../../../select/src/interface';
 import { RenderLabelImpl, RenderOptionImpl } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>>>;
+        type: PropType<TreeNode<SelectOption, SelectOption, SelectOption>>;
         required: true;
     };
 }, {
@@ -16,6 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     isGrouped: import("vue").ComputedRef<boolean | null>;
     isPending: import("vue").ComputedRef<boolean>;
     isSelected: import("vue").ComputedRef<boolean>;
+    labelField: Ref<string>;
     renderLabel: Ref<RenderLabelImpl | undefined>;
     renderOption: Ref<RenderOptionImpl | undefined>;
     handleMouseMove: (e: MouseEvent) => void;
@@ -27,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>>>;
+        type: PropType<TreeNode<SelectOption, SelectOption, SelectOption>>;
         required: true;
     };
 }>>, {}>;

package/es/_internal/select-menu/src/SelectOption.js

@@ -25,7 +25,7 @@ export default defineComponent({
         }
     },
     setup(props) {
-        const { valueRef, pendingTmNodeRef, multipleRef, valueSetRef, renderLabelRef, renderOptionRef, handleOptionClick, handleOptionMouseEnter
+        const { valueRef, pendingTmNodeRef, multipleRef, valueSetRef, renderLabelRef, renderOptionRef, labelFieldRef, valueFieldRef, handleOptionClick, handleOptionMouseEnter
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(internalSelectionMenuInjectionKey);
         const isPendingRef = useMemo(() => {
@@ -66,7 +66,7 @@ export default defineComponent({
                 const { value: multiple } = multipleRef;
                 if (value === null)
                     return false;
-                const optionValue = props.tmNode.rawNode.value;
+                const optionValue = props.tmNode.rawNode[valueFieldRef.value];
                 if (multiple) {
                     const { value: valueSet } = valueSetRef;
                     return valueSet.has(optionValue);
@@ -75,6 +75,7 @@ export default defineComponent({
                     return value === optionValue;
                 }
             }),
+            labelField: labelFieldRef,
             renderLabel: renderLabelRef,
             renderOption: renderOptionRef,
             handleMouseMove,
@@ -88,7 +89,10 @@ export default defineComponent({
         const checkmark = renderCheckMark(showCheckMark, clsPrefix);
         const children = renderLabel
             ? [renderLabel(rawNode, isSelected), checkmark]
-            : [render(rawNode.label, rawNode, isSelected), checkmark];
+            : [
+                render(rawNode[this.labelField], rawNode, isSelected),
+                checkmark
+            ];
         const node = (h("div", { class: [
                 `${clsPrefix}-base-select-option`,
                 rawNode.class,

package/es/_internal/select-menu/src/interface.d.ts

@@ -23,6 +23,8 @@ export interface InternalSelectMenuInjection {
     valueRef: Ref<string | number | Array<string | number> | null>;
     renderLabelRef: Ref<RenderLabel | undefined>;
     renderOptionRef: Ref<RenderOption | undefined>;
+    labelFieldRef: Ref<string>;
+    valueFieldRef: Ref<string>;
 }
 export interface InternalExposedProps {
     selfRef: Ref<HTMLElement | null>;

package/es/_internal/selection/src/Selection.d.ts

@@ -33,6 +33,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
         default: null;
     };
+    labelField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
     multiple: BooleanConstructor;
     filterable: BooleanConstructor;
     clearable: BooleanConstructor;
@@ -459,7 +467,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClearable: import("vue").ComputedRef<boolean>;
     patternInputFocused: import("vue").Ref<boolean>;
     filterablePlaceholder: import("vue").ComputedRef<import("vue").VNodeChild>;
-    label: import("vue").ComputedRef<string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild) | undefined>;
+    label: import("vue").ComputedRef<unknown>;
     selected: import("vue").ComputedRef<boolean>;
     showTagsPanel: import("vue").Ref<boolean>;
     isCompositing: import("vue").Ref<boolean>;
@@ -574,6 +582,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
         default: null;
     };
+    labelField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
     multiple: BooleanConstructor;
     filterable: BooleanConstructor;
     clearable: BooleanConstructor;
@@ -823,6 +839,8 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     bordered: boolean | undefined;
     inlineThemeDisabled: boolean;
+    labelField: string;
+    valueField: string;
     showArrow: boolean;
     selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null;
     selectedOptions: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null;

package/es/_internal/selection/src/Selection.js

@@ -25,6 +25,9 @@ export default defineComponent({
         }, selectedOptions: {
             type: Array,
             default: null
+        }, labelField: { type: String, default: 'label' }, valueField: {
+            type: String,
+            default: 'value'
         }, multiple: Boolean, filterable: Boolean, clearable: Boolean, disabled: Boolean, size: {
             type: String,
             default: 'medium'
@@ -59,14 +62,14 @@ export default defineComponent({
                     })
                     : props.renderLabel
                         ? props.renderLabel(props.selectedOption, true)
-                        : render(props.selectedOption.label, props.selectedOption, true)
+                        : render(props.selectedOption[props.labelField], props.selectedOption, true)
                 : props.placeholder;
         });
         const labelRef = computed(() => {
             const option = props.selectedOption;
             if (!option)
                 return undefined;
-            return option.label;
+            return option[props.labelField];
         });
         const selectedRef = computed(() => {
             if (props.multiple) {
@@ -166,7 +169,7 @@ export default defineComponent({
             doDeleteOption(option);
         }
         function handlePatternKeyDown(e) {
-            if (e.code === 'Backspace' && !isCompositingRef.value) {
+            if (e.key === 'Backspace' && !isCompositingRef.value) {
                 if (!props.pattern.length) {
                     const { selectedOptions } = props;
                     if (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) {
@@ -428,13 +431,14 @@ export default defineComponent({
         }));
         let body;
         if (multiple) {
+            const { labelField } = this;
             const createTag = (option) => (h("div", { class: `${clsPrefix}-base-selection-tag-wrapper`, key: option.value }, renderTag ? (renderTag({
                 option,
                 handleClose: () => this.handleDeleteOption(option)
             })) : (h(NTag, { size: size, closable: !option.disabled, disabled: disabled, internalStopClickPropagation: true, onClose: () => this.handleDeleteOption(option) }, {
                 default: () => renderLabel
                     ? renderLabel(option, true)
-                    : render(option.label, option, true)
+                    : render(option[labelField], option, true)
             }))));
             const originalTags = (maxTagCountNumeric
                 ? this.selectedOptions.slice(0, maxTagCount)
@@ -513,7 +517,7 @@ export default defineComponent({
                     tags,
                     suffix));
                 body = (h(Fragment, null,
-                    useMaxTagCount ? (h(NPopover, Object.assign({}, popoverProps, { scrollable: true, style: "height: calc(var(--v-target-height) * 6.6);" }), {
+                    useMaxTagCount ? (h(NPopover, Object.assign({}, popoverProps, { scrollable: true, style: "max-height: calc(var(--v-target-height) * 6.6);" }), {
                         trigger: () => popoverTrigger,
                         default: renderPopover
                     })) : (popoverTrigger),

package/es/_internal/selection/src/styles/index.cssr.js

@@ -120,6 +120,7 @@ export default c([cB('base-selection', `
  background-color: var(--n-color);
  align-items: center;
  `, [cB('base-selection-input', `
+ font-size: inherit;
  line-height: inherit;
  outline: none;
  cursor: pointer;

package/es/_utils/composable/index.d.ts

@@ -7,3 +7,4 @@ export { useAdjustedTo } from './use-adjusted-to';
 export { useHoudini } from './use-houdini';
 export { useOnResize } from './use-resize';
 export { useLockHtmlScroll, lockHtmlScrollRightCompensationRef } from './use-lock-html-scroll';
+export { useIsComposing } from './use-is-composing';

package/es/_utils/composable/index.js

@@ -113,3 +113,4 @@ export { useAdjustedTo } from './use-adjusted-to';
 export { useHoudini } from './use-houdini';
 export { useOnResize } from './use-resize';
 export { useLockHtmlScroll, lockHtmlScrollRightCompensationRef } from './use-lock-html-scroll';
+export { useIsComposing } from './use-is-composing';

package/es/_utils/composable/use-is-composing.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare const useIsComposing: () => Ref<boolean>;

package/es/_utils/composable/use-is-composing.js

@@ -0,0 +1,31 @@
+import { ref, onBeforeMount, onBeforeUnmount } from 'vue';
+const isComposingRef = ref(false);
+const compositionStartHandler = () => {
+    isComposingRef.value = true;
+};
+const compositionEndHandler = () => {
+    isComposingRef.value = false;
+};
+let mountedCount = 0;
+export const useIsComposing = () => {
+    if (typeof window !== 'undefined') {
+        onBeforeMount(() => {
+            if (!mountedCount) {
+                window.addEventListener('compositionstart', compositionStartHandler);
+                window.addEventListener('compositionend', compositionEndHandler);
+            }
+            mountedCount++;
+        });
+        onBeforeUnmount(() => {
+            if (mountedCount <= 1) {
+                window.removeEventListener('compositionstart', compositionStartHandler);
+                window.removeEventListener('compositionend', compositionEndHandler);
+                mountedCount = 0;
+            }
+            else {
+                mountedCount--;
+            }
+        });
+    }
+    return isComposingRef;
+};

package/es/_utils/composable/use-lock-html-scroll.js

@@ -11,6 +11,14 @@ export function useLockHtmlScroll(lockRef) {
         return;
     const el = document.documentElement;
     let watchStopHandle;
+    let activated = false;
+    const unlock = () => {
+        el.style.marginRight = originalMarginRight;
+        el.style.overflow = originalOverflow;
+        el.style.overflowX = originalOverflowX;
+        el.style.overflowY = originalOverflowY;
+        lockHtmlScrollRightCompensationRef.value = '0px';
+    };
     onMounted(() => {
         watchStopHandle = watch(lockRef, (value) => {
             if (value) {
@@ -28,17 +36,15 @@ export function useLockHtmlScroll(lockRef) {
                     el.style.overflowX = 'hidden';
                     el.style.overflowY = 'hidden';
                 }
+                activated = true;
                 lockCount++;
             }
             else {
                 lockCount--;
                 if (!lockCount) {
-                    el.style.marginRight = originalMarginRight;
-                    el.style.overflow = originalOverflow;
-                    el.style.overflowX = originalOverflowX;
-                    el.style.overflowY = originalOverflowY;
-                    lockHtmlScrollRightCompensationRef.value = '0px';
+                    unlock();
                 }
+                activated = false;
             }
         }, {
             immediate: true
@@ -46,5 +52,12 @@ export function useLockHtmlScroll(lockRef) {
     });
     onBeforeUnmount(() => {
         watchStopHandle === null || watchStopHandle === void 0 ? void 0 : watchStopHandle();
+        if (activated) {
+            lockCount--;
+            if (!lockCount) {
+                unlock();
+            }
+            activated = false;
+        }
     });
 }

package/es/_utils/cssr/index.js

@@ -18,7 +18,7 @@ function insideModal(style) {
     return c(({ props: { bPrefix } }) => `${bPrefix || prefix}modal, ${bPrefix || prefix}drawer`, [style]);
 }
 function insidePopover(style) {
-    return c(({ props: { bPrefix } }) => `${bPrefix || prefix}popover:not(${bPrefix || prefix}tooltip)`, [style]);
+    return c(({ props: { bPrefix } }) => `${bPrefix || prefix}popover`, [style]);
 }
 function asModal(style) {
     return c(({ props: { bPrefix } }) => `&${bPrefix || prefix}modal`, style);

package/es/_utils/env/is-jsdom.d.ts

@@ -0,0 +1 @@
+export declare function isJsdom(): boolean;

package/es/_utils/env/is-jsdom.js

@@ -0,0 +1,9 @@
+let _isJsdom;
+export function isJsdom() {
+    if (_isJsdom === undefined) {
+        _isJsdom =
+            navigator.userAgent.includes('Node.js') ||
+                navigator.userAgent.includes('jsdom');
+    }
+    return _isJsdom;
+}

package/es/_utils/index.d.ts

@@ -4,4 +4,5 @@ export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute
 export type { ExtractPublicPropTypes, ExtractInternalPropTypes, Mutable } from './naive';
 export { formatLength, color2Class } from './css';
 export { createKey } from './cssr';
+export { isJsdom } from './env/is-jsdom';
 export * from './composable';

package/es/_utils/index.js

@@ -2,4 +2,5 @@ export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, g
 export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute } from './naive';
 export { formatLength, color2Class } from './css';
 export { createKey } from './cssr';
+export { isJsdom } from './env/is-jsdom';
 export * from './composable';

package/es/affix/src/Affix.d.ts

@@ -85,9 +85,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
 }>>, {
-    position: "absolute" | "fix";
-    target: (() => HTMLElement) | undefined;
-    offsetTop: number | undefined;
-    offsetBottom: number | undefined;
+    readonly position: "absolute" | "fix";
+    readonly target: (() => HTMLElement) | undefined;
+    readonly offsetTop: number | undefined;
+    readonly offsetBottom: number | undefined;
 }>;
 export default _default;