naive-ui 2.34.4 → 2.35.0

package/lib/cascader/src/Cascader.d.ts

@@ -1335,6 +1335,7 @@ declare const _default: import("vue").DefineComponent<{
         focus: () => void;
         focusInput: () => void;
         blur: () => void;
+        blurInput: () => void;
         $el: HTMLElement;
     } | null>;
     selectMenuInstRef: import("vue").Ref<{
@@ -1348,7 +1349,7 @@ declare const _default: import("vue").DefineComponent<{
         showErrorMessage: (label: string) => void;
     } | null>;
     mergedBordered: import("vue").ComputedRef<boolean>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     namespace: import("vue").ComputedRef<string | undefined>;
     mergedValue: import("vue").ComputedRef<import("./interface").ValueAtom | import("./interface").ValueAtom[] | null>;
     mergedShow: import("vue").ComputedRef<boolean>;
@@ -2446,5 +2447,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabledField: string;
     readonly leafOnly: boolean;
     readonly showPath: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/cascader/src/CascaderMenu.d.ts

@@ -433,5 +433,5 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     loading: boolean;
     placement: FollowerPlacement;
-}>;
+}, {}>;
 export default _default;

package/lib/cascader/src/CascaderOption.d.ts

@@ -380,5 +380,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TmNode>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/cascader/src/CascaderSelectMenu.d.ts

@@ -394,7 +394,7 @@ declare const _default: import("vue").DefineComponent<{
     handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
     handleClickOutside: (e: MouseEvent) => void;
     cascaderSlots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+        [name: string]: import("vue").Slot<any> | undefined;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
@@ -426,5 +426,5 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     multiple: boolean;
     tmNodes: TmNode[];
-}>;
+}, {}>;
 export default _default;

package/lib/cascader/src/CascaderSubmenu.d.ts

@@ -394,5 +394,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TmNode[]>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/checkbox/src/Checkbox.d.ts

@@ -252,7 +252,7 @@ declare const _default: import("vue").DefineComponent<{
 }, import("../../_mixins/use-form-item").UseFormItem<"small" | "medium" | "large"> & CheckboxInst & {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     selfRef: import("vue").Ref<HTMLDivElement | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     renderedChecked: import("vue").ComputedRef<boolean>;
     mergedTheme: import("vue").ComputedRef<{
@@ -561,5 +561,5 @@ declare const _default: import("vue").DefineComponent<{
     checkedValue: string | number | boolean;
     uncheckedValue: string | number | boolean;
     privateInsideTable: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/checkbox/src/Checkbox.js

@@ -223,6 +223,12 @@ exports.default = (0, vue_1.defineComponent)({
         var _a;
         const { $slots, renderedChecked, mergedDisabled, indeterminate, privateInsideTable, cssVars, labelId, label, mergedClsPrefix, focusable, handleKeyUp, handleKeyDown, handleClick } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+        const labelNode = (0, _utils_1.resolveWrappedSlot)($slots.default, (children) => {
+            if (label || children) {
+                return ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, label || children));
+            }
+            return null;
+        });
         return ((0, vue_1.h)("div", { ref: "selfRef", class: [
                 `${mergedClsPrefix}-checkbox`,
                 this.themeClass,
@@ -230,7 +236,8 @@ exports.default = (0, vue_1.defineComponent)({
                 renderedChecked && `${mergedClsPrefix}-checkbox--checked`,
                 mergedDisabled && `${mergedClsPrefix}-checkbox--disabled`,
                 indeterminate && `${mergedClsPrefix}-checkbox--indeterminate`,
-                privateInsideTable && `${mergedClsPrefix}-checkbox--inside-table`
+                privateInsideTable && `${mergedClsPrefix}-checkbox--inside-table`,
+                labelNode && `${mergedClsPrefix}-checkbox--show-label`
             ], tabindex: mergedDisabled || !focusable ? undefined : 0, role: "checkbox", "aria-checked": indeterminate ? 'mixed' : renderedChecked, "aria-labelledby": labelId, style: cssVars, onKeyup: handleKeyUp, onKeydown: handleKeyDown, onClick: handleClick, onMousedown: () => {
                 (0, evtd_1.on)('selectstart', window, (e) => {
                     e.preventDefault();
@@ -245,6 +252,6 @@ exports.default = (0, vue_1.defineComponent)({
                         default: () => this.indeterminate ? ((0, vue_1.h)("div", { key: "indeterminate", class: `${mergedClsPrefix}-checkbox-icon` }, LineMark_1.default)) : ((0, vue_1.h)("div", { key: "check", class: `${mergedClsPrefix}-checkbox-icon` }, CheckMark_1.default))
                     }),
                     (0, vue_1.h)("div", { class: `${mergedClsPrefix}-checkbox-box__border` }))),
-            label !== null || $slots.default ? ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, $slots.default ? $slots.default() : label)) : null));
+            labelNode));
     }
 });

package/lib/checkbox/src/CheckboxGroup.d.ts

@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     }) => void>>;
     readonly onChange: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
 }, {
-    mergedClsPrefix: ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
@@ -83,5 +83,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly disabled: boolean | undefined;
     readonly defaultValue: (string | number)[] | null;
-}>;
+}, {}>;
 export default _default;

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

@@ -30,7 +30,6 @@ const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.css
 // --n-font-size
 // --n-label-padding
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('checkbox', `
- line-height: var(--n-label-line-height);
  font-size: var(--n-font-size);
  outline: none;
  cursor: pointer;
@@ -38,10 +37,9 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('checkbox', `
  flex-wrap: nowrap;
  align-items: flex-start;
  word-break: break-word;
+ line-height: var(--n-size);
  --n-merged-color-table: var(--n-color-table);
- `, [(0, cssr_1.c)('&:hover', [(0, cssr_1.cB)('checkbox-box', [(0, cssr_1.cE)('border', {
-  border: 'var(--n-border-checked)'
-})])]), (0, cssr_1.c)('&:focus:not(:active)', [(0, cssr_1.cB)('checkbox-box', [(0, cssr_1.cE)('border', `
+ `, [(0, cssr_1.cM)('show-label', 'line-height: var(--n-label-line-height);'), (0, cssr_1.c)('&:hover', [(0, cssr_1.cB)('checkbox-box', [(0, cssr_1.cE)('border', 'border: var(--n-border-checked);')])]), (0, cssr_1.c)('&:focus:not(:active)', [(0, cssr_1.cB)('checkbox-box', [(0, cssr_1.cE)('border', `
  border: var(--n-border-focus);
  box-shadow: var(--n-box-shadow-focus);
  `)])]), (0, cssr_1.cM)('inside-table', [(0, cssr_1.cB)('checkbox-box', `
@@ -78,13 +76,13 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('checkbox', `
   fill: 'var(--n-check-mark-color-disabled-checked)'
 })])])]), (0, cssr_1.cB)('checkbox-box', `
  background-color: var(--n-color-disabled);
- `, [(0, cssr_1.cE)('border', {
-  border: 'var(--n-border-disabled)'
-}), (0, cssr_1.cB)('checkbox-icon', [(0, cssr_1.c)('.check-icon, .line-icon', {
-  fill: 'var(--n-check-mark-color-disabled)'
-})])]), (0, cssr_1.cE)('label', {
-  color: 'var(--n-text-color-disabled)'
-})]), (0, cssr_1.cB)('checkbox-box-wrapper', `
+ `, [(0, cssr_1.cE)('border', `
+ border: var(--n-border-disabled);
+ `), (0, cssr_1.cB)('checkbox-icon', [(0, cssr_1.c)('.check-icon, .line-icon', `
+ fill: var(--n-check-mark-color-disabled);
+ `)])]), (0, cssr_1.cE)('label', `
+ color: var(--n-text-color-disabled);
+ `)]), (0, cssr_1.cB)('checkbox-box-wrapper', `
  position: relative;
  width: var(--n-size);
  flex-shrink: 0;

package/lib/code/src/Code.d.ts

@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<{
         lineNumberTextColor: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     codeRef: import("vue").Ref<HTMLElement | null>;
     mergedShowLineNumbers: import("vue").ComputedRef<boolean>;
     lineNumbers: import("vue").ComputedRef<string>;
@@ -221,5 +221,5 @@ declare const _default: import("vue").DefineComponent<{
     uri: boolean;
     showLineNumbers: boolean;
     internalNoHighlight: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/collapse/src/Collapse.d.ts

@@ -267,7 +267,7 @@ declare const _default: import("vue").DefineComponent<{
             [x: string]: any;
         };
     }>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-font-size': string;
         '--n-bezier': string;
@@ -355,5 +355,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly arrowPlacement: "left" | "right";
     readonly accordion: boolean;
     readonly onExpandedNamesChange: MaybeArray<OnUpdateExpandedNames> | undefined;
-}>;
+}, {}>;
 export default _default;

package/lib/collapse/src/CollapseItem.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     collapseSlots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+        [name: string]: import("vue").Slot<any> | undefined;
     }>;
     randomName: string;
     mergedClsPrefix: import("vue").Ref<string>;
@@ -30,5 +30,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly displayDirective: PropType<"show" | "if">;
 }>>, {
     readonly disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/collapse/src/CollapseItemContent.d.ts

@@ -23,5 +23,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     show: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/collapse-transition/src/CollapseTransition.d.ts

@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedShow: import("vue").ComputedRef<boolean>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
     }> | undefined;
@@ -75,5 +75,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly show: boolean;
     readonly appear: boolean;
     readonly collapsed: boolean | undefined;
-}>;
+}, {}>;
 export default _default;

package/lib/color-picker/src/AlphaSlider.d.ts

@@ -43,5 +43,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     alpha: number;
     rgba: RGBA | null;
-}>;
+}, {}>;
 export default _default;

package/lib/color-picker/src/ColorInput.d.ts

@@ -72,5 +72,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: string | null;
     valueArr: RGBA | HSLA | HSVA | null;
-}>;
+}, {}>;
 export default _default;

package/lib/color-picker/src/ColorInputUnit.d.ts

@@ -435,5 +435,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: string | number | null;
     showAlpha: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/color-picker/src/ColorPicker.d.ts

@@ -1779,7 +1779,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     namespace: import("vue").ComputedRef<string | undefined>;
     selfRef: Ref<HTMLElement | null>;
     hsla: import("vue").ComputedRef<HSLA | null>;
@@ -2702,5 +2702,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showAlpha: boolean;
     readonly modes: ColorPickerMode[];
     readonly showPreview: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/color-picker/src/ColorPicker.js

@@ -391,9 +391,13 @@ exports.default = (0, vue_1.defineComponent)({
                         (0, vue_1.h)("div", { class: `${mergedClsPrefix}-color-picker-preview__sliders` },
                             (0, vue_1.h)(HueSlider_1.default, { clsPrefix: mergedClsPrefix, hue: displayedHue, onUpdateHue: handleUpdateHue, onComplete: handleComplete }),
                             props.showAlpha ? ((0, vue_1.h)(AlphaSlider_1.default, { clsPrefix: mergedClsPrefix, rgba: rgba, alpha: displayedAlphaRef.value, onUpdateAlpha: handleUpdateAlpha, onComplete: handleComplete })) : null),
-                        props.showPreview ? ((0, vue_1.h)(ColorPreview_1.default, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, color: rgbaRef.value && (0, seemly_1.toHexString)(rgbaRef.value), onUpdateColor: (color) => { doUpdateValue(color, 'input'); } })) : null),
+                        props.showPreview ? ((0, vue_1.h)(ColorPreview_1.default, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, color: rgbaRef.value && (0, seemly_1.toHexString)(rgbaRef.value), onUpdateColor: (color) => {
+                                doUpdateValue(color, 'input');
+                            } })) : null),
                     (0, vue_1.h)(ColorInput_1.default, { clsPrefix: mergedClsPrefix, showAlpha: props.showAlpha, mode: displayedModeRef.value, modes: modes, onUpdateMode: handleUpdateDisplayedMode, value: mergedValueRef.value, valueArr: mergedValueArrRef.value, onUpdateValue: handleInputUpdateValue }),
-                    ((_a = props.swatches) === null || _a === void 0 ? void 0 : _a.length) && ((0, vue_1.h)(ColorPickerSwatches_1.default, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, swatches: props.swatches, onUpdateColor: (color) => { doUpdateValue(color, 'input'); } }))),
+                    ((_a = props.swatches) === null || _a === void 0 ? void 0 : _a.length) && ((0, vue_1.h)(ColorPickerSwatches_1.default, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, swatches: props.swatches, onUpdateColor: (color) => {
+                            doUpdateValue(color, 'input');
+                        } }))),
                 (actions === null || actions === void 0 ? void 0 : actions.length) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-color-picker-action` },
                     actions.includes('confirm') && ((0, vue_1.h)(button_1.NButton, { size: "small", onClick: handleConfirm, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.confirm })),
                     actions.includes('clear') && ((0, vue_1.h)(button_1.NButton, { size: "small", onClick: handleClear, disabled: !mergedValueRef.value, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.clear })))) : null,

package/lib/color-picker/src/ColorPickerSwatches.d.ts

@@ -43,5 +43,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(value: string) => void>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/color-picker/src/ColorPickerSwatches.js

@@ -86,7 +86,11 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { clsPrefix } = this;
-        return ((0, vue_1.h)("div", { class: `${clsPrefix}-color-picker-swatches` }, this.parsedSwatchesRef.map((swatch) => ((0, vue_1.h)("div", { class: `${clsPrefix}-color-picker-swatch`, tabindex: 0, onClick: () => { this.handleSwatchSelect(swatch); }, onKeydown: (e) => { this.handleSwatchKeyDown(e, swatch); } },
+        return ((0, vue_1.h)("div", { class: `${clsPrefix}-color-picker-swatches` }, this.parsedSwatchesRef.map((swatch) => ((0, vue_1.h)("div", { class: `${clsPrefix}-color-picker-swatch`, tabindex: 0, onClick: () => {
+                this.handleSwatchSelect(swatch);
+            }, onKeydown: (e) => {
+                this.handleSwatchKeyDown(e, swatch);
+            } },
             (0, vue_1.h)("div", { class: `${clsPrefix}-color-picker-swatch__fill`, style: { background: swatch.legalValue } }))))));
     }
 });

package/lib/color-picker/src/ColorPickerTrigger.d.ts

@@ -34,5 +34,5 @@ declare const _default: import("vue").DefineComponent<{
     value: string | null;
     disabled: boolean;
     hsla: HSLA | null;
-}>;
+}, {}>;
 export default _default;

package/lib/color-picker/src/ColorPreview.d.ts

@@ -40,5 +40,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     color: string | null;
-}>;
+}, {}>;
 export default _default;

package/lib/color-picker/src/HueSlider.d.ts

@@ -30,5 +30,5 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     onComplete: PropType<() => void>;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/color-picker/src/Pallete.d.ts

@@ -50,5 +50,5 @@ declare const _default: import("vue").DefineComponent<{
     onComplete: PropType<() => void>;
 }>>, {
     rgba: HSVA | null;
-}>;
+}, {}>;
 export default _default;

package/lib/config-provider/src/ConfigProvider.d.ts

@@ -9,7 +9,10 @@ export declare const configProviderProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly clsPrefix: StringConstructor;
+    readonly clsPrefix: {
+        readonly type: StringConstructor;
+        readonly default: "n";
+    };
     readonly locale: PropType<{
         name: string;
         global: {
@@ -125,6 +128,7 @@ export declare const configProviderProps: {
             tipClockwise: string;
             tipZoomOut: string;
             tipZoomIn: string;
+            tipDownload: string;
             tipClose: string;
             tipOriginalSize: string;
         };
@@ -137,7 +141,7 @@ export declare const configProviderProps: {
         readonly default: "div";
     };
     readonly hljs: PropType<Hljs>;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly theme: PropType<GlobalTheme | null>;
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
@@ -161,7 +165,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly clsPrefix: StringConstructor;
+    readonly clsPrefix: {
+        readonly type: StringConstructor;
+        readonly default: "n";
+    };
     readonly locale: PropType<{
         name: string;
         global: {
@@ -277,6 +284,7 @@ declare const _default: import("vue").DefineComponent<{
             tipClockwise: string;
             tipZoomOut: string;
             tipZoomIn: string;
+            tipDownload: string;
             tipClose: string;
             tipOriginalSize: string;
         };
@@ -289,7 +297,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "div";
     };
     readonly hljs: PropType<Hljs>;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly theme: PropType<GlobalTheme | null>;
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
@@ -306,7 +314,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
 }, {
-    mergedClsPrefix: ComputedRef<string | undefined>;
+    mergedClsPrefix: ComputedRef<string>;
     mergedBordered: ComputedRef<boolean | undefined>;
     mergedNamespace: ComputedRef<string | undefined>;
     mergedTheme: ComputedRef<GlobalTheme | undefined>;
@@ -317,7 +325,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly clsPrefix: StringConstructor;
+    readonly clsPrefix: {
+        readonly type: StringConstructor;
+        readonly default: "n";
+    };
     readonly locale: PropType<{
         name: string;
         global: {
@@ -433,6 +444,7 @@ declare const _default: import("vue").DefineComponent<{
             tipClockwise: string;
             tipZoomOut: string;
             tipZoomIn: string;
+            tipDownload: string;
             tipClose: string;
             tipOriginalSize: string;
         };
@@ -445,7 +457,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "div";
     };
     readonly hljs: PropType<Hljs>;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly theme: PropType<GlobalTheme | null>;
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
@@ -466,7 +478,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly tag: string;
     readonly as: string | undefined;
     readonly bordered: boolean | undefined;
+    readonly clsPrefix: string;
     readonly preflightStyleDisabled: boolean;
     readonly inlineThemeDisabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/config-provider/src/ConfigProvider.js

@@ -14,7 +14,7 @@ exports.configProviderProps = {
         type: Boolean,
         default: undefined
     },
-    clsPrefix: String,
+    clsPrefix: { type: String, default: _mixins_1.defaultClsPrefix },
     locale: Object,
     dateLocale: Object,
     namespace: String,
@@ -109,7 +109,9 @@ exports.default = (0, vue_1.defineComponent)({
             const { clsPrefix } = props;
             if (clsPrefix !== undefined)
                 return clsPrefix;
-            return NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedClsPrefixRef.value;
+            if (NConfigProvider)
+                return NConfigProvider.mergedClsPrefixRef.value;
+            return _mixins_1.defaultClsPrefix;
         });
         const mergedRtlRef = (0, vue_1.computed)(() => {
             var _a;

package/lib/config-provider/src/internal-interface.d.ts

@@ -229,7 +229,7 @@ export type RtlEnabledState = Partial<Record<keyof GlobalThemeWithoutCommon, Rtl
 export type Breakpoints = Record<string, number> | undefined;
 export interface ConfigProviderInjection {
     mergedBreakpointsRef: Ref<Breakpoints | undefined>;
-    mergedClsPrefixRef: Ref<string | undefined>;
+    mergedClsPrefixRef: Ref<string>;
     mergedBorderedRef: Ref<boolean | undefined>;
     mergedNamespaceRef: Ref<string | undefined>;
     mergedLocaleRef: Ref<NLocale | undefined>;

package/lib/countdown/src/Countdown.d.ts

@@ -64,5 +64,5 @@ declare const _default: import("vue").DefineComponent<{
     active: boolean;
     duration: number;
     precision: 0 | 2 | 1 | 3;
-}>;
+}, {}>;
 export default _default;

package/lib/data-table/index.d.ts

@@ -1,3 +1,3 @@
 export { default as NDataTable } from './src/DataTable';
 export { dataTableProps } from './src/interface';
-export type { DataTableProps, RowKey as DataTableRowKey, RenderFilter as DataTableRenderFilter, RenderSorter as DataTableRenderSorter, RenderFilterIcon as DataTableRenderFilterIcon, RenderSorterIcon as DataTableRenderSorterIcon, ColumnKey as DataTableColumnKey, TableColumn as DataTableColumn, TableColumns as DataTableColumns, TableBaseColumn as DataTableBaseColumn, TableSelectionColumn as DataTableSelectionColumn, TableExpandColumn as DataTableExpandColumn, CreateRowClassName as DataTableCreateRowClassName, CreateRowKey as DataTableCreateRowKey, CreateRowProps as DataTableCreateRowProps, DataTableInst, CreateSummary as DataTableCreateSummary, FilterState as DataTableFilterState, SortState as DataTableSortState } from './src/interface';
+export type { DataTableProps, RowKey as DataTableRowKey, RenderFilter as DataTableRenderFilter, RenderSorter as DataTableRenderSorter, RenderFilterIcon as DataTableRenderFilterIcon, RenderSorterIcon as DataTableRenderSorterIcon, ColumnKey as DataTableColumnKey, TableColumn as DataTableColumn, TableColumns as DataTableColumns, TableBaseColumn as DataTableBaseColumn, TableSelectionColumn as DataTableSelectionColumn, TableExpandColumn as DataTableExpandColumn, TableColumnGroup as DataTableColumnGroup, CreateRowClassName as DataTableCreateRowClassName, CreateRowKey as DataTableCreateRowKey, CreateRowProps as DataTableCreateRowProps, DataTableInst, CreateSummary as DataTableCreateSummary, FilterState as DataTableFilterState, SortState as DataTableSortState } from './src/interface';

package/lib/data-table/src/DataTable.d.ts

@@ -2466,7 +2466,7 @@ declare const _default: import("vue").DefineComponent<{
         getBodyElement: () => HTMLElement | null;
         scrollTo: import("../../scrollbar/src/Scrollbar").ScrollTo;
     } | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -6224,5 +6224,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly summaryPlacement: "bottom" | "top";
     readonly paginationBehaviorOnFilter: "first" | "current";
     readonly spinProps: import("../../_internal").BaseLoadingExposedProps;
-}>;
+}, {}>;
 export default _default;

package/lib/data-table/src/DataTable.js

@@ -56,10 +56,6 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const themeRef = (0, _mixins_1.useTheme)('DataTable', '-data-table', index_cssr_1.default, styles_1.dataTableLight, props, mergedClsPrefixRef);
         const bodyWidthRef = (0, vue_1.ref)(null);
-        const scrollPartRef = (0, vue_1.ref)('body');
-        (0, vue_1.onDeactivated)(() => {
-            scrollPartRef.value = 'body';
-        });
         const mainTableInstRef = (0, vue_1.ref)(null);
         const { getResizableWidth, clearResizableWidth, doUpdateResizableWidth } = (0, use_resizable_1.useResizable)();
         const { rowsRef, colsRef, dataRelatedColsRef, hasEllipsisRef } = (0, use_group_header_1.useGroupHeader)(props, getResizableWidth);
@@ -71,7 +67,6 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const { stickyExpandedRowsRef, mergedExpandedRowKeysRef, renderExpandRef, expandableRef, doUpdateExpandedRowKeys } = (0, use_expand_1.useExpand)(props, treeMateRef);
         const { handleTableBodyScroll, handleTableHeaderScroll, syncScrollState, setHeaderScrollLeft, leftActiveFixedColKeyRef, leftActiveFixedChildrenColKeysRef, rightActiveFixedColKeyRef, rightActiveFixedChildrenColKeysRef, leftFixedColumnsRef, rightFixedColumnsRef, fixedColumnLeftMapRef, fixedColumnRightMapRef } = (0, use_scroll_1.useScroll)(props, {
-            scrollPartRef,
             bodyWidthRef,
             mainTableInstRef,
             mergedCurrentPageRef
@@ -125,7 +120,6 @@ exports.default = (0, vue_1.defineComponent)({
             mergedExpandedRowKeysRef,
             mergedInderminateRowKeySetRef,
             localeRef,
-            scrollPartRef,
             expandableRef,
             stickyExpandedRowsRef,
             rowKeyRef: (0, vue_1.toRef)(props, 'rowKey'),

package/lib/data-table/src/HeaderButton/FilterButton.d.ts

@@ -1258,5 +1258,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     options: FilterOption[];
-}>;
+}, {}>;
 export default _default;

package/lib/data-table/src/HeaderButton/FilterMenu.d.ts

@@ -1309,5 +1309,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: FilterOptionValue | FilterOptionValue[] | null;
-}>;
+}, {}>;
 export default _default;

package/lib/data-table/src/HeaderButton/RenderFilter.d.ts

@@ -29,5 +29,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     show: boolean;
     active: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/data-table/src/HeaderButton/RenderSorter.d.ts

@@ -20,5 +20,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     order: SortOrder;
-}>;
+}, {}>;
 export default _default;

package/lib/data-table/src/HeaderButton/ResizeButton.d.ts

@@ -11,5 +11,5 @@ declare const _default: import("vue").DefineComponent<{
     onResizeStart: FunctionConstructor;
     onResize: PropType<(displacementX: number) => void>;
     onResizeEnd: FunctionConstructor;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/data-table/src/HeaderButton/ResizeButton.js

@@ -20,6 +20,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleMousedown(e) {
             var _a;
+            e.preventDefault();
             const alreadyStarted = activeRef.value;
             startX = getMouseX(e);
             activeRef.value = true;

package/lib/data-table/src/HeaderButton/SortButton.d.ts

@@ -15,5 +15,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TableBaseColumn>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/data-table/src/MainTable.d.ts

@@ -18,5 +18,5 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     flexHeight: import("vue").Ref<boolean>;
     handleBodyResize: (entry: ResizeObserverEntry) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;