naive-ui 2.24.7 → 2.25.0

package/lib/dialog/src/Dialog.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dialogPropKeys = exports.dialogProps = void 0;
+exports.NDialog = void 0;
 const vue_1 = require("vue");
 const icons_1 = require("../../_internal/icons");
 const _mixins_1 = require("../../_mixins");
@@ -12,6 +12,7 @@ const _internal_1 = require("../../_internal");
 const button_1 = require("../../button");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
+const dialogProps_1 = require("./dialogProps");
 const infoIcon = (0, vue_1.h)(icons_1.InfoIcon, null);
 const iconMap = {
     default: infoIcon,
@@ -20,41 +21,13 @@ const iconMap = {
     warning: (0, vue_1.h)(icons_1.WarningIcon, null),
     error: (0, vue_1.h)(icons_1.ErrorIcon, null)
 };
-const dialogProps = {
-    icon: Function,
-    type: {
-        type: String,
-        default: 'default'
-    },
-    title: [String, Function],
-    closable: {
-        type: Boolean,
-        default: true
-    },
-    negativeText: String,
-    positiveText: String,
-    content: [String, Function],
-    action: Function,
-    showIcon: {
-        type: Boolean,
-        default: true
-    },
-    loading: Boolean,
-    bordered: Boolean,
-    iconPlacement: String,
-    onPositiveClick: Function,
-    onNegativeClick: Function,
-    onClose: Function
-};
-exports.dialogProps = dialogProps;
-exports.dialogPropKeys = (0, _utils_1.keysOf)(dialogProps);
-exports.default = (0, vue_1.defineComponent)({
+exports.NDialog = (0, vue_1.defineComponent)({
     name: 'Dialog',
     alias: [
         'NimbusConfirmCard',
         'Confirm' // deprecated
     ],
-    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), dialogProps),
+    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), dialogProps_1.dialogProps),
     setup(props) {
         const { NConfigProvider, mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const mergedIconPlacementRef = (0, vue_1.computed)(() => {
@@ -77,7 +50,7 @@ exports.default = (0, vue_1.defineComponent)({
             if (onClose)
                 onClose();
         }
-        const themeRef = (0, _mixins_1.useTheme)('Dialog', 'Dialog', index_cssr_1.default, styles_1.dialogLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Dialog', '-dialog', index_cssr_1.default, styles_1.dialogLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedIconPlacement: mergedIconPlacementRef,

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

@@ -11,7 +11,7 @@ export declare const exposedDialogEnvProps: {
     readonly onMaskClick: PropType<(e: MouseEvent) => void>;
     readonly icon: PropType<() => import("vue").VNodeChild>;
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -31,7 +31,7 @@ export declare const exposedDialogEnvProps: {
     readonly bordered: BooleanConstructor;
     readonly iconPlacement: PropType<import("./interface").IconPlacement>;
 };
-declare const _default: import("vue").DefineComponent<{
+export declare const NDialogEnvironment: import("vue").DefineComponent<{
     internalKey: {
         type: StringConstructor;
         required: true;
@@ -46,13 +46,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    onPositiveClick: PropType<(e: MouseEvent) => unknown>;
-    onNegativeClick: PropType<(e: MouseEvent) => unknown>;
-    onClose: PropType<() => unknown>;
+    onPositiveClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onNegativeClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onClose: PropType<() => Promise<unknown> | unknown>;
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -95,13 +95,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    onPositiveClick: PropType<(e: MouseEvent) => unknown>;
-    onNegativeClick: PropType<(e: MouseEvent) => unknown>;
-    onClose: PropType<() => unknown>;
+    onPositiveClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onNegativeClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onClose: PropType<() => Promise<unknown> | unknown>;
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -121,11 +121,10 @@ declare const _default: import("vue").DefineComponent<{
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("./interface").IconPlacement>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
+    bordered: boolean;
     loading: boolean;
     showIcon: boolean;
-    bordered: boolean;
     closable: boolean;
     maskClosable: boolean;
 }>;
-export default _default;

package/lib/dialog/src/DialogEnvironment.js

@@ -1,39 +1,21 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.exposedDialogEnvProps = void 0;
+exports.NDialogEnvironment = exports.exposedDialogEnvProps = void 0;
 // use absolute path to make sure no circular ref of style
 // this -> modal-index -> modal-style
 const vue_1 = require("vue");
 const Modal_1 = __importDefault(require("../../modal/src/Modal"));
 const _utils_1 = require("../../_utils");
-const Dialog_1 = __importStar(require("./Dialog"));
-exports.exposedDialogEnvProps = Object.assign(Object.assign({}, Dialog_1.dialogProps), { internalStyle: [String, Object], maskClosable: {
+const Dialog_1 = require("./Dialog");
+const dialogProps_1 = require("./dialogProps");
+exports.exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { internalStyle: [String, Object], maskClosable: {
         type: Boolean,
         default: true
     }, onPositiveClick: Function, onNegativeClick: Function, onClose: Function, onMaskClick: Function });
-exports.default = (0, vue_1.defineComponent)({
+exports.NDialogEnvironment = (0, vue_1.defineComponent)({
     name: 'DialogEnvironment',
     props: Object.assign(Object.assign({}, exports.exposedDialogEnvProps), { internalKey: {
             type: String,
@@ -115,7 +97,7 @@ exports.default = (0, vue_1.defineComponent)({
     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, appear: true, dialog: true, to: to, maskClosable: maskClosable, onAfterLeave: handleAfterLeave }, {
-            default: () => ((0, vue_1.h)(Dialog_1.default, Object.assign({}, (0, _utils_1.keep)(this.$props, Dialog_1.dialogPropKeys), { style: this.internalStyle, onClose: handleCloseClick, onNegativeClick: handleNegativeClick, onPositiveClick: handlePositiveClick })))
+            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

@@ -16,7 +16,6 @@ export interface DialogApiInjection {
     error: (options: DialogOptions) => DialogReactive;
     info: (options: DialogOptions) => DialogReactive;
 }
-export declare const dialogApiInjectionKey: import("vue").InjectionKey<DialogApiInjection>;
 export interface DialogProviderInjection {
     clickedRef: Ref<boolean>;
     clickPositionRef: Ref<{
@@ -24,7 +23,6 @@ export interface DialogProviderInjection {
         y: number;
     } | null>;
 }
-export declare const dialogProviderInjectionKey: import("vue").InjectionKey<DialogProviderInjection>;
 interface DialogInst {
     hide: () => void;
 }
@@ -34,23 +32,23 @@ declare const dialogProviderProps: {
     to: PropType<string | HTMLElement>;
 };
 export declare type DialogProviderProps = ExtractPublicPropTypes<typeof dialogProviderProps>;
-declare const _default: import("vue").DefineComponent<{
+export declare const NDialogProvider: import("vue").DefineComponent<{
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 }, {
     dialogList: Ref<{
         readonly key: string;
         readonly destroy: () => void;
-        type?: "default" | "error" | "info" | "success" | "warning" | undefined;
+        type?: "default" | "success" | "error" | "warning" | "info" | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
         icon?: (() => import("vue").VNodeChild) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
         action?: (() => import("vue").VNodeChild) | undefined;
+        bordered?: boolean | undefined;
         positiveText?: string | undefined;
         negativeText?: string | undefined;
         loading?: boolean | undefined;
         showIcon?: boolean | undefined;
-        bordered?: boolean | undefined;
         onClose?: (() => unknown) | undefined;
         closable?: boolean | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
@@ -72,4 +70,4 @@ declare const _default: import("vue").DefineComponent<{
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 }>>, {}>;
-export default _default;
+export {};

package/lib/dialog/src/DialogProvider.js

@@ -1,21 +1,17 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dialogProviderInjectionKey = exports.dialogApiInjectionKey = void 0;
+exports.NDialogProvider = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
-const _utils_1 = require("../../_utils");
-const DialogEnvironment_1 = __importDefault(require("./DialogEnvironment"));
 const vooks_1 = require("vooks");
-exports.dialogApiInjectionKey = (0, _utils_1.createInjectionKey)('n-dialog-api');
-exports.dialogProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-dialog-provider');
+const _utils_1 = require("../../_utils");
+const DialogEnvironment_1 = require("./DialogEnvironment");
+const context_1 = require("./context");
 const dialogProviderProps = {
     injectionKey: String,
     to: [String, Object]
 };
-exports.default = (0, vue_1.defineComponent)({
+exports.NDialogProvider = (0, vue_1.defineComponent)({
     name: 'DialogProvider',
     props: dialogProviderProps,
     setup() {
@@ -47,8 +43,8 @@ exports.default = (0, vue_1.defineComponent)({
             warning: typedApi[2],
             error: typedApi[3]
         };
-        (0, vue_1.provide)(exports.dialogApiInjectionKey, api);
-        (0, vue_1.provide)(exports.dialogProviderInjectionKey, {
+        (0, vue_1.provide)(context_1.dialogApiInjectionKey, api);
+        (0, vue_1.provide)(context_1.dialogProviderInjectionKey, {
             clickedRef: (0, vooks_1.useClicked)(64),
             clickPositionRef: (0, vooks_1.useClickPosition)()
         });
@@ -58,7 +54,7 @@ exports.default = (0, vue_1.defineComponent)({
     render() {
         var _a, _b;
         return (0, vue_1.h)(vue_1.Fragment, null, [
-            this.dialogList.map((dialog) => (0, vue_1.h)(DialogEnvironment_1.default, (0, _utils_1.omit)(dialog, ['destroy', 'style'], {
+            this.dialogList.map((dialog) => (0, vue_1.h)(DialogEnvironment_1.NDialogEnvironment, (0, _utils_1.omit)(dialog, ['destroy', 'style'], {
                 internalStyle: dialog.style,
                 to: this.to,
                 ref: ((inst) => {

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

@@ -0,0 +1,3 @@
+import type { DialogApiInjection, DialogProviderInjection } from './DialogProvider';
+export declare const dialogProviderInjectionKey: import("vue").InjectionKey<DialogProviderInjection>;
+export declare const dialogApiInjectionKey: import("vue").InjectionKey<DialogApiInjection>;

package/lib/dialog/src/context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogApiInjectionKey = exports.dialogProviderInjectionKey = void 0;
+const _utils_1 = require("../../_utils");
+exports.dialogProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-dialog-provider');
+exports.dialogApiInjectionKey = (0, _utils_1.createInjectionKey)('n-dialog-api');

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

@@ -0,0 +1,32 @@
+import { PropType, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { IconPlacement } from './interface';
+declare const dialogProps: {
+    readonly icon: PropType<() => VNodeChild>;
+    readonly type: {
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly default: "default";
+    };
+    readonly title: PropType<string | (() => VNodeChild)>;
+    readonly closable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly negativeText: StringConstructor;
+    readonly positiveText: StringConstructor;
+    readonly content: PropType<string | (() => VNodeChild)>;
+    readonly action: PropType<() => VNodeChild>;
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly loading: BooleanConstructor;
+    readonly bordered: BooleanConstructor;
+    readonly iconPlacement: PropType<IconPlacement>;
+    readonly onPositiveClick: PropType<(e: MouseEvent) => void>;
+    readonly onNegativeClick: PropType<(e: MouseEvent) => void>;
+    readonly onClose: PropType<() => void>;
+};
+export declare type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
+export { dialogProps };
+export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "bordered" | "positiveText" | "negativeText" | "loading" | "showIcon" | "onClose" | "closable" | "iconPlacement" | "onPositiveClick" | "onNegativeClick")[];

package/lib/dialog/src/dialogProps.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogPropKeys = exports.dialogProps = void 0;
+const _utils_1 = require("../../_utils");
+const dialogProps = {
+    icon: Function,
+    type: {
+        type: String,
+        default: 'default'
+    },
+    title: [String, Function],
+    closable: {
+        type: Boolean,
+        default: true
+    },
+    negativeText: String,
+    positiveText: String,
+    content: [String, Function],
+    action: Function,
+    showIcon: {
+        type: Boolean,
+        default: true
+    },
+    loading: Boolean,
+    bordered: Boolean,
+    iconPlacement: String,
+    onPositiveClick: Function,
+    onNegativeClick: Function,
+    onClose: Function
+};
+exports.dialogProps = dialogProps;
+exports.dialogPropKeys = (0, _utils_1.keysOf)(dialogProps);

package/lib/dialog/src/use-dialog.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDialog = void 0;
 const vue_1 = require("vue");
-const DialogProvider_1 = require("./DialogProvider");
+const context_1 = require("./context");
 const _utils_1 = require("../../_utils");
 function useDialog() {
-    const dialog = (0, vue_1.inject)(DialogProvider_1.dialogApiInjectionKey, null);
+    const dialog = (0, vue_1.inject)(context_1.dialogApiInjectionKey, null);
     if (dialog === null) {
         (0, _utils_1.throwError)('use-dialog', 'No outer <n-dialog-provider /> founded.');
     }

package/lib/divider/src/Divider.js

@@ -16,7 +16,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: dividerProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Divider', 'Divider', index_cssr_1.default, styles_1.dividerLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Divider', '-divider', index_cssr_1.default, styles_1.dividerLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: (0, vue_1.computed)(() => {

package/lib/drawer/index.d.ts

@@ -2,3 +2,4 @@ export { default as NDrawer } from './src/Drawer';
 export type { DrawerProps } from './src/Drawer';
 export { default as NDrawerContent } from './src/DrawerContent';
 export type { DrawerContentProps } from './src/DrawerContent';
+export type { Placement as DrawerPlacement } from './src/DrawerBodyWrapper';

package/lib/drawer/src/Drawer.js

@@ -69,7 +69,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         const { mergedClsPrefixRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
         const isMountedRef = (0, vooks_1.useIsMounted)();
-        const themeRef = (0, _mixins_1.useTheme)('Drawer', 'Drawer', index_cssr_1.default, styles_1.drawerLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Drawer', '-drawer', index_cssr_1.default, styles_1.drawerLight, props, mergedClsPrefixRef);
         const styleWidthRef = (0, vue_1.computed)(() => {
             const { placement } = props;
             if (placement === 'top' || placement === 'bottom')

package/lib/dropdown/src/Dropdown.d.ts

@@ -18,7 +18,6 @@ export interface DropdownInjection {
     doSelect: OnUpdateValueImpl;
     doUpdateShow: (value: boolean) => void;
 }
-export declare const dropdownInjectionKey: import("vue").InjectionKey<DropdownInjection>;
 declare const dropdownProps: {
     readonly theme: PropType<import("../../_mixins").Theme<"Dropdown", {
         optionHeightSmall: string;
@@ -304,11 +303,15 @@ declare const dropdownProps: {
         default: undefined;
     };
     readonly overlap: BooleanConstructor;
+    readonly keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly zIndex: NumberConstructor;
@@ -617,11 +620,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     readonly overlap: BooleanConstructor;
+    readonly keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly zIndex: NumberConstructor;
@@ -1117,11 +1124,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     readonly overlap: BooleanConstructor;
+    readonly keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly zIndex: NumberConstructor;
@@ -1151,6 +1162,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     duration: number;
     to: string | boolean | HTMLElement;
+    options: DropdownMixedOption[];
     raw: boolean;
     placement: FollowerPlacement;
     overlap: boolean;
@@ -1159,6 +1171,7 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    keepAliveOnHover: boolean;
     internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;
@@ -1166,7 +1179,6 @@ declare const _default: import("vue").DefineComponent<{
     internalSyncTargetWithParent: boolean;
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     arrow: boolean | undefined;
-    options: DropdownMixedOption[];
     labelField: string;
     keyboard: boolean;
     inverted: boolean;

package/lib/dropdown/src/Dropdown.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dropdownInjectionKey = void 0;
 const vue_1 = require("vue");
 const treemate_1 = require("treemate");
 const vooks_1 = require("vooks");
@@ -14,7 +13,7 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const DropdownMenu_1 = __importDefault(require("./DropdownMenu"));
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.dropdownInjectionKey = (0, _utils_1.createInjectionKey)('n-dropdown');
+const context_1 = require("./context");
 const dropdownBaseProps = {
     animated: {
         type: Boolean,
@@ -122,8 +121,8 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }, keyboardEnabledRef);
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Dropdown', 'Dropdown', index_cssr_1.default, styles_1.dropdownLight, props, mergedClsPrefixRef);
-        (0, vue_1.provide)(exports.dropdownInjectionKey, {
+        const themeRef = (0, _mixins_1.useTheme)('Dropdown', '-dropdown', index_cssr_1.default, styles_1.dropdownLight, props, mergedClsPrefixRef);
+        (0, vue_1.provide)(context_1.dropdownInjectionKey, {
             labelFieldRef: (0, vue_1.toRef)(props, 'labelField'),
             childrenFieldRef: (0, vue_1.toRef)(props, 'childrenField'),
             renderLabelRef: (0, vue_1.toRef)(props, 'renderLabel'),
@@ -296,6 +295,8 @@ exports.default = (0, vue_1.defineComponent)({
                 class: [
                     className,
                     `${mergedClsPrefix}-dropdown`,
+                    this.trigger === 'manual' &&
+                        `${mergedClsPrefix}-popover--manual-trigger`,
                     this.showArrow && `${mergedClsPrefix}-popover--show-arrow`
                 ],
                 clsPrefix: mergedClsPrefix,
@@ -317,8 +318,7 @@ exports.default = (0, vue_1.defineComponent)({
             onUpdateShow: this.doUpdateShow
         };
         return ((0, vue_1.h)(popover_1.NPopover, Object.assign({}, (0, _utils_1.keep)(this.$props, popoverPropKeys), popoverProps), {
-            trigger: this.$slots.default,
-            _: 1
+            trigger: () => { var _a, _b; return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a); }
         }));
     }
 });

package/lib/dropdown/src/DropdownGroup.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
+// eslint-disable-next-line import/no-cycle
 const DropdownOption_1 = __importDefault(require("./DropdownOption"));
 const DropdownDivider_1 = __importDefault(require("./DropdownDivider"));
 const DropdownGroupHeader_1 = __importDefault(require("./DropdownGroupHeader"));

package/lib/dropdown/src/DropdownGroupHeader.js

@@ -2,8 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
-const Dropdown_1 = require("./Dropdown");
-const DropdownMenu_1 = require("./DropdownMenu");
+const context_1 = require("./context");
 exports.default = (0, vue_1.defineComponent)({
     name: 'DropdownGroupHeader',
     props: {
@@ -19,9 +18,9 @@ exports.default = (0, vue_1.defineComponent)({
     setup() {
         const { showIconRef, hasSubmenuRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = (0, vue_1.inject)(DropdownMenu_1.dropdownMenuInjectionKey);
+         } = (0, vue_1.inject)(context_1.dropdownMenuInjectionKey);
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const { renderLabelRef, labelFieldRef } = (0, vue_1.inject)(Dropdown_1.dropdownInjectionKey);
+        const { renderLabelRef, labelFieldRef } = (0, vue_1.inject)(context_1.dropdownInjectionKey);
         return {
             labelField: labelFieldRef,
             showIcon: showIconRef,

package/lib/dropdown/src/DropdownMenu.d.ts

@@ -4,7 +4,6 @@ export interface NDropdownMenuInjection {
     showIconRef: Ref<boolean>;
     hasSubmenuRef: Ref<boolean>;
 }
-export declare const dropdownMenuInjectionKey: import("vue").InjectionKey<NDropdownMenuInjection>;
 declare const _default: import("vue").DefineComponent<{
     showArrow: BooleanConstructor;
     arrowStyle: PropType<string | CSSProperties>;

package/lib/dropdown/src/DropdownMenu.js

@@ -3,17 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dropdownMenuInjectionKey = void 0;
 const vue_1 = require("vue");
 const PopoverBody_1 = require("../../popover/src/PopoverBody");
-const DropdownOption_1 = __importDefault(require("./DropdownOption"));
 const DropdownDivider_1 = __importDefault(require("./DropdownDivider"));
+// eslint-disable-next-line import/no-cycle
 const DropdownGroup_1 = __importDefault(require("./DropdownGroup"));
+// eslint-disable-next-line import/no-cycle
+const DropdownOption_1 = __importDefault(require("./DropdownOption"));
 const DropdownRenderOption_1 = __importDefault(require("./DropdownRenderOption"));
 const utils_1 = require("./utils");
-const Dropdown_1 = require("./Dropdown");
-const _utils_1 = require("../../_utils");
-exports.dropdownMenuInjectionKey = (0, _utils_1.createInjectionKey)('n-dropdown-menu');
+const context_1 = require("./context");
 exports.default = (0, vue_1.defineComponent)({
     name: 'DropdownMenu',
     props: {
@@ -34,8 +33,8 @@ exports.default = (0, vue_1.defineComponent)({
     },
     setup(props) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const { renderIconRef, childrenFieldRef } = (0, vue_1.inject)(Dropdown_1.dropdownInjectionKey);
-        (0, vue_1.provide)(exports.dropdownMenuInjectionKey, {
+        const { renderIconRef, childrenFieldRef } = (0, vue_1.inject)(context_1.dropdownInjectionKey);
+        (0, vue_1.provide)(context_1.dropdownMenuInjectionKey, {
             showIconRef: (0, vue_1.computed)(() => {
                 const renderIcon = renderIconRef.value;
                 return props.tmNodes.some((tmNode) => {

package/lib/dropdown/src/DropdownOption.d.ts

@@ -1,6 +1,9 @@
 import { PropType, Ref, HTMLAttributes } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import { TreeNode } from 'treemate';
+export interface NDropdownOptionInjection {
+    enteringSubmenuRef: Ref<boolean>;
+}
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;