naive-ui 2.30.7 → 2.32.0

package/lib/date-picker/src/panel/use-dual-calendar.js

@@ -238,16 +238,6 @@ function useDualCalendar(props, type) {
             }
         }
     }
-    function resetSelectingStatus(e) {
-        var _a, _b;
-        if (((_a = startDatesElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target)) ||
-            ((_b = endDatesElRef.value) === null || _b === void 0 ? void 0 : _b.contains(e.target))) {
-            // do nothing
-        }
-        else {
-            isSelectingRef.value = false;
-        }
-    }
     function syncCalendarTimeWithValue(value) {
         if (value === null)
             return;
@@ -646,7 +636,6 @@ function useDualCalendar(props, type) {
     };
     return Object.assign(Object.assign(Object.assign(Object.assign({ startDatesElRef,
         endDatesElRef,
-        resetSelectingStatus,
         handleDateClick,
         handleColItemClick,
         handleDateMouseEnter,

package/lib/date-picker/src/styles/index.cssr.js

@@ -96,6 +96,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  min-width: var(--n-scroll-item-width);
  height: calc(var(--n-scroll-item-height) * 6);
  user-select: none;
+ -webkit-user-select: none;
  `, [(0, cssr_1.c)('&:first-child', `
  min-width: calc(var(--n-scroll-item-width) + 4px);
  `, [(0, cssr_1.cE)('picker-col-item', [(0, cssr_1.c)('&::before', 'left: 4px;')])]), (0, cssr_1.cE)('padding', `
@@ -204,6 +205,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  color: var(--n-arrow-color);
  `), (0, cssr_1.cE)('month-year', `
  user-select: none;
+ -webkit-user-select: none;
  flex-grow: 1;
  position: relative;
  `, [(0, cssr_1.cE)('text', `
@@ -231,6 +233,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  border-bottom: 1px solid var(--n-calendar-days-divider-color);
  `, [(0, cssr_1.cE)('day', `
  user-select: none;
+ -webkit-user-select: none;
  line-height: 15px;
  width: var(--n-item-size);
  text-align: center;
@@ -246,6 +249,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  flex-wrap: wrap;
  `, [(0, cssr_1.cB)('date-panel-date', `
  user-select: none;
+ -webkit-user-select: none;
  position: relative;
  width: var(--n-item-size);
  height: var(--n-item-size);

package/lib/descriptions/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NDescriptions } from './src/Descriptions';
-export { default as NDescriptionsItem } from './src/DescriptionsItem';
+export { default as NDescriptions, descriptionsProps } from './src/Descriptions';
+export { default as NDescriptionsItem, descriptionsItemProps } from './src/DescriptionsItem';
 export type { DescriptionsProps, DescriptionProps } from './src/Descriptions';
 export type { DescriptionItemProps } from './src/DescriptionsItem';

package/lib/descriptions/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NDescriptionsItem = exports.NDescriptions = void 0;
+exports.descriptionsItemProps = exports.NDescriptionsItem = exports.descriptionsProps = exports.NDescriptions = void 0;
 var Descriptions_1 = require("./src/Descriptions");
 Object.defineProperty(exports, "NDescriptions", { enumerable: true, get: function () { return __importDefault(Descriptions_1).default; } });
+Object.defineProperty(exports, "descriptionsProps", { enumerable: true, get: function () { return Descriptions_1.descriptionsProps; } });
 var DescriptionsItem_1 = require("./src/DescriptionsItem");
 Object.defineProperty(exports, "NDescriptionsItem", { enumerable: true, get: function () { return __importDefault(DescriptionsItem_1).default; } });
+Object.defineProperty(exports, "descriptionsItemProps", { enumerable: true, get: function () { return DescriptionsItem_1.descriptionsItemProps; } });

package/lib/descriptions/src/Descriptions.d.ts

@@ -1,6 +1,6 @@
 import { PropType, CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const descriptionProps: {
+export declare const descriptionsProps: {
     readonly title: StringConstructor;
     readonly column: {
         readonly type: NumberConstructor;
@@ -123,7 +123,7 @@ declare const descriptionProps: {
         tdPaddingLarge: string;
     }, any>>>;
 };
-export declare type DescriptionsProps = ExtractPublicPropTypes<typeof descriptionProps>;
+export declare type DescriptionsProps = ExtractPublicPropTypes<typeof descriptionsProps>;
 /** @deprecated You should use `DescriptionsProps` */
 export declare type DescriptionProps = DescriptionsProps;
 declare const _default: import("vue").DefineComponent<{

package/lib/descriptions/src/Descriptions.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.descriptionsProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
@@ -10,7 +11,7 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const utils_1 = require("./utils");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const descriptionProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { title: String, column: {
+exports.descriptionsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { title: String, column: {
         type: Number,
         default: 3
     }, columns: Number, labelPlacement: {
@@ -28,7 +29,7 @@ const descriptionProps = Object.assign(Object.assign({}, _mixins_1.useTheme.prop
     }, bordered: Boolean, labelStyle: [Object, String], contentStyle: [Object, String] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Descriptions',
-    props: descriptionProps,
+    props: exports.descriptionsProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Descriptions', '-descriptions', index_cssr_1.default, styles_1.descriptionsLight, props, mergedClsPrefixRef);

package/lib/descriptions/src/DescriptionsItem.d.ts

@@ -1,6 +1,6 @@
 import { PropType, CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const descriptionItemProps: {
+export declare const descriptionsItemProps: {
     readonly label: StringConstructor;
     readonly span: {
         readonly type: NumberConstructor;
@@ -9,7 +9,7 @@ declare const descriptionItemProps: {
     readonly labelStyle: PropType<string | CSSProperties>;
     readonly contentStyle: PropType<string | CSSProperties>;
 };
-export declare type DescriptionItemProps = ExtractPublicPropTypes<typeof descriptionItemProps>;
+export declare type DescriptionItemProps = ExtractPublicPropTypes<typeof descriptionsItemProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
     readonly span: {

package/lib/descriptions/src/DescriptionsItem.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.descriptionsItemProps = void 0;
 const vue_1 = require("vue");
 const utils_1 = require("./utils");
-const descriptionItemProps = {
+exports.descriptionsItemProps = {
     label: String,
     span: {
         type: Number,
@@ -14,7 +15,7 @@ const descriptionItemProps = {
 exports.default = (0, vue_1.defineComponent)({
     name: 'DescriptionsItem',
     [utils_1.DESCRIPTION_ITEM_FLAG]: true,
-    props: descriptionItemProps,
+    props: exports.descriptionsItemProps,
     render() {
         return null;
     }

package/lib/dialog/index.d.ts

@@ -1,5 +1,6 @@
 export { NDialog } from './src/Dialog';
+export { dialogProps } from './src/dialogProps';
 export type { DialogProps } from './src/dialogProps';
-export { NDialogProvider } from './src/DialogProvider';
+export { NDialogProvider, dialogProviderProps } from './src/DialogProvider';
 export type { DialogProviderProps, DialogProviderInst, DialogOptions, DialogReactive, DialogApiInjection as DialogApi } from './src/DialogProvider';
 export { useDialog } from './src/use-dialog';

package/lib/dialog/index.js

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDialog = exports.NDialogProvider = exports.NDialog = void 0;
+exports.useDialog = exports.dialogProviderProps = exports.NDialogProvider = exports.dialogProps = exports.NDialog = void 0;
 var Dialog_1 = require("./src/Dialog");
 Object.defineProperty(exports, "NDialog", { enumerable: true, get: function () { return Dialog_1.NDialog; } });
+var dialogProps_1 = require("./src/dialogProps");
+Object.defineProperty(exports, "dialogProps", { enumerable: true, get: function () { return dialogProps_1.dialogProps; } });
 var DialogProvider_1 = require("./src/DialogProvider");
 Object.defineProperty(exports, "NDialogProvider", { enumerable: true, get: function () { return DialogProvider_1.NDialogProvider; } });
+Object.defineProperty(exports, "dialogProviderProps", { enumerable: true, get: function () { return DialogProvider_1.dialogProviderProps; } });
 var use_dialog_1 = require("./src/use-dialog");
 Object.defineProperty(exports, "useDialog", { enumerable: true, get: function () { return use_dialog_1.useDialog; } });

package/lib/dialog/src/DialogEnvironment.d.ts

@@ -8,6 +8,7 @@ export declare const exposedDialogEnvProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly onEsc: PropType<() => void>;
     readonly autoFocus: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -63,6 +64,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    onEsc: PropType<() => void>;
     autoFocus: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -108,6 +110,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     handleNegativeClick: (e: MouseEvent) => void;
     handlePositiveClick: (e: MouseEvent) => void;
     handleMaskClick: (e: MouseEvent) => void;
+    handleEsc: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
@@ -126,6 +129,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    onEsc: PropType<() => void>;
     autoFocus: {
         readonly type: BooleanConstructor;
         readonly default: true;

package/lib/dialog/src/DialogEnvironment.js

@@ -11,7 +11,7 @@ const Modal_1 = __importDefault(require("../../modal/src/Modal"));
 const _utils_1 = require("../../_utils");
 const Dialog_1 = require("./Dialog");
 const dialogProps_1 = require("./dialogProps");
-exports.exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, autoFocus: {
+exports.exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, onEsc: Function, autoFocus: {
         type: Boolean,
         default: true
     }, internalStyle: [String, Object], maskClosable: {
@@ -80,6 +80,12 @@ exports.NDialogEnvironment = (0, vue_1.defineComponent)({
                 maskClosable && hide();
             }
         }
+        function handleEsc() {
+            const { onEsc } = props;
+            if (onEsc) {
+                onEsc();
+            }
+        }
         function hide() {
             showRef.value = false;
         }
@@ -94,12 +100,13 @@ exports.NDialogEnvironment = (0, vue_1.defineComponent)({
             handleCloseClick,
             handleNegativeClick,
             handlePositiveClick,
-            handleMaskClick
+            handleMaskClick,
+            handleEsc
         };
     },
     render() {
-        const { handlePositiveClick, handleUpdateShow, handleNegativeClick, handleCloseClick, handleAfterLeave, handleMaskClick, to, maskClosable, show } = this;
-        return ((0, vue_1.h)(Modal_1.default, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, to: to, maskClosable: maskClosable, onAfterLeave: handleAfterLeave, closeOnEsc: this.closeOnEsc, blockScroll: this.blockScroll, autoFocus: this.autoFocus, internalAppear: true, internalDialog: true }, {
+        const { handlePositiveClick, handleUpdateShow, handleNegativeClick, handleCloseClick, handleAfterLeave, handleMaskClick, handleEsc, to, maskClosable, show } = this;
+        return ((0, vue_1.h)(Modal_1.default, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, onEsc: handleEsc, to: to, maskClosable: maskClosable, onAfterLeave: handleAfterLeave, closeOnEsc: this.closeOnEsc, blockScroll: this.blockScroll, autoFocus: this.autoFocus, internalAppear: true, internalDialog: true }, {
             default: () => ((0, vue_1.h)(Dialog_1.NDialog, Object.assign({}, (0, _utils_1.keep)(this.$props, dialogProps_1.dialogPropKeys), { style: this.internalStyle, onClose: handleCloseClick, onNegativeClick: handleNegativeClick, onPositiveClick: handlePositiveClick })))
         }));
     }

package/lib/dialog/src/DialogProvider.d.ts

@@ -27,7 +27,7 @@ interface DialogInst {
     hide: () => void;
 }
 export declare type DialogProviderInst = DialogApiInjection;
-declare const dialogProviderProps: {
+export declare const dialogProviderProps: {
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 };
@@ -51,6 +51,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
         bordered?: boolean | undefined;
         showIcon?: boolean | undefined;
         closable?: boolean | undefined;
+        onEsc?: (() => void) | undefined;
         onClose?: (() => unknown) | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
         positiveButtonProps?: {

package/lib/dialog/src/DialogProvider.js

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NDialogProvider = void 0;
+exports.NDialogProvider = exports.dialogProviderProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
 const _utils_1 = require("../../_utils");
 const DialogEnvironment_1 = require("./DialogEnvironment");
 const context_1 = require("./context");
-const dialogProviderProps = {
+exports.dialogProviderProps = {
     injectionKey: String,
     to: [String, Object]
 };
 exports.NDialogProvider = (0, vue_1.defineComponent)({
     name: 'DialogProvider',
-    props: dialogProviderProps,
+    props: exports.dialogProviderProps,
     setup() {
         const dialogListRef = (0, vue_1.ref)([]);
         const dialogInstRefs = {};

package/lib/divider/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NDivider } from './src/Divider';
+export { default as NDivider, dividerProps } from './src/Divider';
 export type { DividerProps } from './src/Divider';

package/lib/divider/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NDivider = void 0;
+exports.dividerProps = exports.NDivider = void 0;
 var Divider_1 = require("./src/Divider");
 Object.defineProperty(exports, "NDivider", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });
+Object.defineProperty(exports, "dividerProps", { enumerable: true, get: function () { return Divider_1.dividerProps; } });

package/lib/divider/src/Divider.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const dividerProps: {
+export declare const dividerProps: {
     readonly titlePlacement: {
         readonly type: PropType<"left" | "right" | "center">;
         readonly default: "center";

package/lib/divider/src/Divider.js

@@ -3,17 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.dividerProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const dividerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { titlePlacement: {
+exports.dividerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { titlePlacement: {
         type: String,
         default: 'center'
     }, dashed: Boolean, vertical: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Divider',
-    props: dividerProps,
+    props: exports.dividerProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Divider', '-divider', index_cssr_1.default, styles_1.dividerLight, props, mergedClsPrefixRef);

package/lib/drawer/index.d.ts

@@ -1,5 +1,5 @@
-export { default as NDrawer } from './src/Drawer';
+export { default as NDrawer, drawerProps } from './src/Drawer';
 export type { DrawerProps } from './src/Drawer';
-export { default as NDrawerContent } from './src/DrawerContent';
+export { default as NDrawerContent, drawerContentProps } from './src/DrawerContent';
 export type { DrawerContentProps } from './src/DrawerContent';
 export type { Placement as DrawerPlacement } from './src/DrawerBodyWrapper';

package/lib/drawer/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NDrawerContent = exports.NDrawer = void 0;
+exports.drawerContentProps = exports.NDrawerContent = exports.drawerProps = exports.NDrawer = void 0;
 var Drawer_1 = require("./src/Drawer");
 Object.defineProperty(exports, "NDrawer", { enumerable: true, get: function () { return __importDefault(Drawer_1).default; } });
+Object.defineProperty(exports, "drawerProps", { enumerable: true, get: function () { return Drawer_1.drawerProps; } });
 var DrawerContent_1 = require("./src/DrawerContent");
 Object.defineProperty(exports, "NDrawerContent", { enumerable: true, get: function () { return __importDefault(DrawerContent_1).default; } });
+Object.defineProperty(exports, "drawerContentProps", { enumerable: true, get: function () { return DrawerContent_1.drawerContentProps; } });

package/lib/drawer/src/Drawer.d.ts

@@ -2,16 +2,10 @@ import { PropType, CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import { ScrollbarProps } from '../../_internal';
 import type { Placement } from './DrawerBodyWrapper';
-declare const drawerProps: {
+export declare const drawerProps: {
     readonly show: BooleanConstructor;
-    readonly width: {
-        readonly type: PropType<string | number>;
-        readonly default: 251;
-    };
-    readonly height: {
-        readonly type: PropType<string | number>;
-        readonly default: 251;
-    };
+    readonly width: PropType<string | number>;
+    readonly height: PropType<string | number>;
     readonly placement: {
         readonly type: PropType<Placement>;
         readonly default: "right";
@@ -54,6 +48,19 @@ declare const drawerProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly resizable: BooleanConstructor;
+    readonly defaultWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 251;
+    };
+    readonly defaultHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 251;
+    };
+    readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
+    readonly onUpdateHeight: PropType<MaybeArray<(value: number) => void>>;
+    readonly 'onUpdate:width': PropType<MaybeArray<(value: number) => void>>;
+    readonly 'onUpdate:height': PropType<MaybeArray<(value: number) => void>>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly onAfterEnter: PropType<() => void>;
@@ -85,6 +92,7 @@ declare const drawerProps: {
         closeColorHover: string;
         closeColorPressed: string;
         closeBorderRadius: string;
+        resizableTriggerColorHover: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -112,6 +120,7 @@ declare const drawerProps: {
         closeColorHover: string;
         closeColorPressed: string;
         closeBorderRadius: string;
+        resizableTriggerColorHover: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -139,6 +148,7 @@ declare const drawerProps: {
         closeColorHover: string;
         closeColorPressed: string;
         closeBorderRadius: string;
+        resizableTriggerColorHover: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -149,14 +159,8 @@ declare const drawerProps: {
 export declare type DrawerProps = ExtractPublicPropTypes<typeof drawerProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly show: BooleanConstructor;
-    readonly width: {
-        readonly type: PropType<string | number>;
-        readonly default: 251;
-    };
-    readonly height: {
-        readonly type: PropType<string | number>;
-        readonly default: 251;
-    };
+    readonly width: PropType<string | number>;
+    readonly height: PropType<string | number>;
     readonly placement: {
         readonly type: PropType<Placement>;
         readonly default: "right";
@@ -199,6 +203,19 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly resizable: BooleanConstructor;
+    readonly defaultWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 251;
+    };
+    readonly defaultHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 251;
+    };
+    readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
+    readonly onUpdateHeight: PropType<MaybeArray<(value: number) => void>>;
+    readonly 'onUpdate:width': PropType<MaybeArray<(value: number) => void>>;
+    readonly 'onUpdate:height': PropType<MaybeArray<(value: number) => void>>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly onAfterEnter: PropType<() => void>;
@@ -230,6 +247,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorHover: string;
         closeColorPressed: string;
         closeBorderRadius: string;
+        resizableTriggerColorHover: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -257,6 +275,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorHover: string;
         closeColorPressed: string;
         closeBorderRadius: string;
+        resizableTriggerColorHover: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -284,6 +303,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorHover: string;
         closeColorPressed: string;
         closeBorderRadius: string;
+        resizableTriggerColorHover: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -423,6 +443,7 @@ declare const _default: import("vue").DefineComponent<{
             closeColorHover: string;
             closeColorPressed: string;
             closeBorderRadius: string;
+            resizableTriggerColorHover: string;
         };
         peers: {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
@@ -462,20 +483,15 @@ declare const _default: import("vue").DefineComponent<{
         '--n-close-color-pressed': string;
         '--n-close-icon-size': string;
         '--n-close-border-radius': string;
+        '--n-resize-trigger-color-hover': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
     isMounted: Readonly<import("vue").Ref<boolean>>;
 }, 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 show: BooleanConstructor;
-    readonly width: {
-        readonly type: PropType<string | number>;
-        readonly default: 251;
-    };
-    readonly height: {
-        readonly type: PropType<string | number>;
-        readonly default: 251;
-    };
+    readonly width: PropType<string | number>;
+    readonly height: PropType<string | number>;
     readonly placement: {
         readonly type: PropType<Placement>;
         readonly default: "right";
@@ -518,6 +534,19 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly resizable: BooleanConstructor;
+    readonly defaultWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 251;
+    };
+    readonly defaultHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 251;
+    };
+    readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
+    readonly onUpdateHeight: PropType<MaybeArray<(value: number) => void>>;
+    readonly 'onUpdate:width': PropType<MaybeArray<(value: number) => void>>;
+    readonly 'onUpdate:height': PropType<MaybeArray<(value: number) => void>>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly onAfterEnter: PropType<() => void>;
@@ -549,6 +578,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorHover: string;
         closeColorPressed: string;
         closeBorderRadius: string;
+        resizableTriggerColorHover: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -576,6 +606,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorHover: string;
         closeColorPressed: string;
         closeBorderRadius: string;
+        resizableTriggerColorHover: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -603,6 +634,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorHover: string;
         closeColorPressed: string;
         closeBorderRadius: string;
+        resizableTriggerColorHover: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -611,16 +643,17 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     readonly show: boolean;
-    readonly height: string | number;
-    readonly width: string | number;
     readonly autoFocus: boolean;
     readonly placement: Placement;
     readonly displayDirective: "show" | "if";
+    readonly resizable: boolean;
     readonly trapFocus: boolean;
     readonly blockScroll: boolean;
     readonly maskClosable: boolean;
     readonly closeOnEsc: boolean;
     readonly nativeScrollbar: boolean;
     readonly showMask: boolean | "transparent";
+    readonly defaultWidth: number;
+    readonly defaultHeight: number;
 }>;
 export default _default;