@sdata/web-vue 4.5.0 → 4.5.2

package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction, isNumber, isPromise } from "../_utils/is.js";
 import { off, on } from "../_utils/dom.js";
@@ -6,7 +6,7 @@ import icon_hover_default from "../_components/icon-hover.js";
 import { KEYBOARD_KEY, onActivate } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/asyncToGenerator.js";
 import client_only_default from "../_components/client-only.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
@@ -262,7 +262,7 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		const drawerRef = ref();
 		const titleId = `sd-drawer-title-${getCurrentInstance().uid}`;
 		const bodyId = `sd-drawer-body-${getCurrentInstance().uid}`;
-		const hasTitle = computed(() => mergedHeader.value && !slots.header && (Boolean(props.title) || Boolean(slots.title)));
+		const hasTitle = () => mergedHeader.value && !slots.header && (Boolean(props.title) || Boolean(slots.title));
 		const { activate: activateFocusTrap, deactivate: deactivateFocusTrap } = useFocusTrap(drawerRef, { initialFocus: (c) => getFocusableElements(c).find((el) => !el.closest(".sd-drawer-close-btn")) });
 		const { mergedValue: mergedPlacement } = useConfigProviderProp(placement, {
 			propNames: ["placement"],
@@ -398,38 +398,35 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				off(document.documentElement, "keydown", handleGlobalKeyDown);
 			}
 		};
-		const { zIndex, isLastDialog } = usePopupManager("dialog", { visible: computedVisible });
+		const { zIndex, isLastDialog, close: releasePopup } = usePopupManager("dialog", { visible: computedVisible });
 		const isFixed = computed(() => {
 			return (containerRef === null || containerRef === void 0 ? void 0 : containerRef.value) === document.body;
 		});
 		let promiseNumber = 0;
-		const close = () => {
+		const invalidatePendingOk = () => {
 			promiseNumber++;
 			if (_okLoading.value) _okLoading.value = false;
+		};
+		const close = () => {
+			invalidatePendingOk();
 			_visible.value = false;
 			emit("update:visible", false);
 		};
 		const handleOk = function() {
-			var _ref2 = _asyncToGenerator(function* (e) {
+			var _ref = _asyncToGenerator(function* (e) {
 				const currentPromiseNumber = promiseNumber;
-				const closed = yield new Promise(function() {
-					var _ref = _asyncToGenerator(function* (resolve) {
+				const closed = yield new Promise((resolve) => {
+					try {
 						if (isFunction(props.onBeforeOk)) {
-							let result = props.onBeforeOk((closed = true) => resolve(closed));
+							const result = props.onBeforeOk((closed = true) => resolve(closed));
 							if (isPromise(result) || !isBoolean(result)) _okLoading.value = true;
-							if (isPromise(result)) try {
-								var _await$result;
-								result = (_await$result = yield result) !== null && _await$result !== void 0 ? _await$result : true;
-							} catch (_unused) {
-								result = false;
-							}
-							if (isBoolean(result)) resolve(result);
+							if (isPromise(result)) result.then((value) => resolve(value !== null && value !== void 0 ? value : true), () => resolve(false));
+							else if (isBoolean(result)) resolve(result);
 						} else resolve(true);
-					});
-					return function(_x) {
-						return _ref.apply(this, arguments);
-					};
-				}());
+					} catch (_unused) {
+						resolve(false);
+					}
+				});
 				if (currentPromiseNumber === promiseNumber) {
 					if (closed) {
 						emit("ok", e);
@@ -437,8 +434,8 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					} else if (_okLoading.value) _okLoading.value = false;
 				}
 			});
-			return function handleOk(_x2) {
-				return _ref2.apply(this, arguments);
+			return function handleOk(_x) {
+				return _ref.apply(this, arguments);
 			};
 		}();
 		const handleCancel = (e) => {
@@ -469,6 +466,8 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			}
 		});
 		onBeforeUnmount(() => {
+			invalidatePendingOk();
+			releasePopup();
 			resetOverflow();
 			removeGlobalKeyDownListener();
 		});
@@ -481,11 +480,16 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				addGlobalKeyDownListener();
 				nextTick(() => activateFocusTrap());
 			} else {
+				invalidatePendingOk();
 				emit("beforeClose");
 				removeGlobalKeyDownListener();
 				deactivateFocusTrap();
 			}
 		});
+		watch(mergedEscToClose, (enabled) => {
+			if (enabled && computedVisible.value) addGlobalKeyDownListener();
+			else removeGlobalKeyDownListener();
+		});
 		const style = computed(() => {
 			const style = _objectSpread2({ [mergedPlacement.value]: 0 }, props.drawerStyle);
 			if (["right", "left"].includes(mergedPlacement.value)) style.width = isNumber(mergedWidth.value) ? `${mergedWidth.value}px` : mergedWidth.value;
@@ -527,7 +531,7 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 						style: normalizeStyle(style.value),
 						role: "dialog",
 						"aria-modal": "true",
-						"aria-labelledby": hasTitle.value ? titleId : void 0,
+						"aria-labelledby": hasTitle() ? titleId : void 0,
 						"aria-describedby": bodyId,
 						tabindex: "-1"
 					}, [

package/es/drawer/index.d.ts

@@ -2,6 +2,10 @@ import type { App, AppContext } from 'vue';
 import type { DrawerConfig, DrawerUpdateConfig } from './interface';
 import { SDOptions } from '../_utils/types';
 import _Drawer from './drawer.vue';
+declare const open: (config: DrawerConfig, appContext?: AppContext) => {
+    close: () => void;
+    update: (config: DrawerUpdateConfig) => void;
+};
 declare const Drawer: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         visible: {
@@ -13,13 +17,13 @@ declare const Drawer: {
             default: boolean;
         };
         placement: {
-            type: import("vue").PropType<import("./utils.ts").DrawerPlacements>;
+            type: import("vue").PropType<import("./utils").DrawerPlacements>;
             default: string;
             validator: (value: any) => boolean;
         };
         title: StringConstructor;
         titleEllipsisTooltip: {
-            type: import("vue").PropType<boolean | import("../index.ts").EllipsisTooltipProps>;
+            type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
             default: boolean;
         };
         mask: {
@@ -41,18 +45,18 @@ declare const Drawer: {
             default: boolean;
         };
         okButtonProps: {
-            type: import("vue").PropType<import("../index.ts").ButtonProps>;
+            type: import("vue").PropType<import("..").ButtonProps>;
         };
         cancelButtonProps: {
-            type: import("vue").PropType<import("../index.ts").ButtonProps>;
+            type: import("vue").PropType<import("..").ButtonProps>;
         };
         unmountOnClose: BooleanConstructor;
         width: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         height: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         popupContainer: {
@@ -95,38 +99,38 @@ declare const Drawer: {
             default: boolean;
         };
     }>> & Readonly<{
-        onOpen?: (() => any) | undefined;
+        onBeforeClose?: (() => any) | undefined;
+        onBeforeOpen?: (() => any) | undefined;
         onCancel?: ((_e: Event) => any) | undefined;
         onClose?: (() => any) | undefined;
-        "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
         onOk?: ((_e: Event) => any) | undefined;
-        onBeforeOpen?: (() => any) | undefined;
-        onBeforeClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        open: () => any;
+        beforeClose: () => any;
+        beforeOpen: () => any;
         cancel: (_e: Event) => any;
         close: () => any;
-        "update:visible": (_visible: boolean) => any;
         ok: (_e: Event) => any;
-        beforeOpen: () => any;
-        beforeClose: () => any;
+        open: () => any;
+        "update:visible": (_visible: boolean) => any;
     }, import("vue").PublicProps, {
         visible: boolean;
-        footer: boolean;
-        header: boolean;
-        mask: boolean;
-        popupContainer: string | HTMLElement;
-        unmountOnClose: boolean;
-        renderToBody: boolean;
-        escToClose: boolean;
-        height: string | number;
         defaultVisible: boolean;
-        closable: boolean;
-        width: string | number;
-        placement: "left" | "right" | "bottom" | "top";
-        titleEllipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
+        placement: "bottom" | "left" | "right" | "top";
+        titleEllipsisTooltip: boolean | import("..").EllipsisTooltipProps;
+        mask: boolean;
         maskClosable: boolean;
+        closable: boolean;
         okLoading: boolean;
+        unmountOnClose: boolean;
+        width: string | number;
+        height: string | number;
+        popupContainer: string | HTMLElement;
+        escToClose: boolean;
+        renderToBody: boolean;
+        header: boolean;
+        footer: boolean;
         hideCancel: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -145,13 +149,13 @@ declare const Drawer: {
             default: boolean;
         };
         placement: {
-            type: import("vue").PropType<import("./utils.ts").DrawerPlacements>;
+            type: import("vue").PropType<import("./utils").DrawerPlacements>;
             default: string;
             validator: (value: any) => boolean;
         };
         title: StringConstructor;
         titleEllipsisTooltip: {
-            type: import("vue").PropType<boolean | import("../index.ts").EllipsisTooltipProps>;
+            type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
             default: boolean;
         };
         mask: {
@@ -173,18 +177,18 @@ declare const Drawer: {
             default: boolean;
         };
         okButtonProps: {
-            type: import("vue").PropType<import("../index.ts").ButtonProps>;
+            type: import("vue").PropType<import("..").ButtonProps>;
         };
         cancelButtonProps: {
-            type: import("vue").PropType<import("../index.ts").ButtonProps>;
+            type: import("vue").PropType<import("..").ButtonProps>;
         };
         unmountOnClose: BooleanConstructor;
         width: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         height: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         popupContainer: {
@@ -227,30 +231,30 @@ declare const Drawer: {
             default: boolean;
         };
     }>> & Readonly<{
-        onOpen?: (() => any) | undefined;
+        onBeforeClose?: (() => any) | undefined;
+        onBeforeOpen?: (() => any) | undefined;
         onCancel?: ((_e: Event) => any) | undefined;
         onClose?: (() => any) | undefined;
-        "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
         onOk?: ((_e: Event) => any) | undefined;
-        onBeforeOpen?: (() => any) | undefined;
-        onBeforeClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         visible: boolean;
-        footer: boolean;
-        header: boolean;
-        mask: boolean;
-        popupContainer: string | HTMLElement;
-        unmountOnClose: boolean;
-        renderToBody: boolean;
-        escToClose: boolean;
-        height: string | number;
         defaultVisible: boolean;
-        closable: boolean;
-        width: string | number;
-        placement: "left" | "right" | "bottom" | "top";
-        titleEllipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
+        placement: "bottom" | "left" | "right" | "top";
+        titleEllipsisTooltip: boolean | import("..").EllipsisTooltipProps;
+        mask: boolean;
         maskClosable: boolean;
+        closable: boolean;
         okLoading: boolean;
+        unmountOnClose: boolean;
+        width: string | number;
+        height: string | number;
+        popupContainer: string | HTMLElement;
+        escToClose: boolean;
+        renderToBody: boolean;
+        header: boolean;
+        footer: boolean;
         hideCancel: boolean;
     }>;
     __isFragment?: never;
@@ -266,13 +270,13 @@ declare const Drawer: {
         default: boolean;
     };
     placement: {
-        type: import("vue").PropType<import("./utils.ts").DrawerPlacements>;
+        type: import("vue").PropType<import("./utils").DrawerPlacements>;
         default: string;
         validator: (value: any) => boolean;
     };
     title: StringConstructor;
     titleEllipsisTooltip: {
-        type: import("vue").PropType<boolean | import("../index.ts").EllipsisTooltipProps>;
+        type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
         default: boolean;
     };
     mask: {
@@ -294,18 +298,18 @@ declare const Drawer: {
         default: boolean;
     };
     okButtonProps: {
-        type: import("vue").PropType<import("../index.ts").ButtonProps>;
+        type: import("vue").PropType<import("..").ButtonProps>;
     };
     cancelButtonProps: {
-        type: import("vue").PropType<import("../index.ts").ButtonProps>;
+        type: import("vue").PropType<import("..").ButtonProps>;
     };
     unmountOnClose: BooleanConstructor;
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     height: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     popupContainer: {
@@ -348,38 +352,38 @@ declare const Drawer: {
         default: boolean;
     };
 }>> & Readonly<{
-    onOpen?: (() => any) | undefined;
+    onBeforeClose?: (() => any) | undefined;
+    onBeforeOpen?: (() => any) | undefined;
     onCancel?: ((_e: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
-    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onOk?: ((_e: Event) => any) | undefined;
-    onBeforeOpen?: (() => any) | undefined;
-    onBeforeClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    open: () => any;
+    beforeClose: () => any;
+    beforeOpen: () => any;
     cancel: (_e: Event) => any;
     close: () => any;
-    "update:visible": (_visible: boolean) => any;
     ok: (_e: Event) => any;
-    beforeOpen: () => any;
-    beforeClose: () => any;
+    open: () => any;
+    "update:visible": (_visible: boolean) => any;
 }, string, {
     visible: boolean;
-    footer: boolean;
-    header: boolean;
-    mask: boolean;
-    popupContainer: string | HTMLElement;
-    unmountOnClose: boolean;
-    renderToBody: boolean;
-    escToClose: boolean;
-    height: string | number;
     defaultVisible: boolean;
-    closable: boolean;
-    width: string | number;
-    placement: "left" | "right" | "bottom" | "top";
-    titleEllipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
+    placement: "bottom" | "left" | "right" | "top";
+    titleEllipsisTooltip: boolean | import("..").EllipsisTooltipProps;
+    mask: boolean;
     maskClosable: boolean;
+    closable: boolean;
     okLoading: boolean;
+    unmountOnClose: boolean;
+    width: string | number;
+    height: string | number;
+    popupContainer: string | HTMLElement;
+    escToClose: boolean;
+    renderToBody: boolean;
+    header: boolean;
+    footer: boolean;
     hideCancel: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
@@ -392,10 +396,7 @@ declare const Drawer: {
         footer?: (props: {}) => any;
     };
 }) & {
-    open: (config: DrawerConfig, appContext?: AppContext) => {
-        close: () => void;
-        update: (config: DrawerUpdateConfig) => void;
-    };
+    open: typeof open;
     install: (app: App, options?: SDOptions) => void;
     _context: AppContext | null;
 };

package/es/drawer/index.js

@@ -1,9 +1,9 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
 import { isFunction } from "../_utils/is.js";
 import { getSlotFunction } from "../_utils/vue-utils.js";
 import { getOverlay } from "../_utils/dom.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/asyncToGenerator.js";
 import { omit } from "../_utils/omit.js";
 import drawer_default from "./drawer.js";
 import { createVNode, nextTick, render } from "vue";

package/es/drawer/utils.d.ts

@@ -1,2 +1,2 @@
-export declare const DRAWER_PLACEMENTS: readonly ["top", "right", "bottom", "left"];
+export declare const DRAWER_PLACEMENTS: readonly ['top', 'right', 'bottom', 'left'];
 export type DrawerPlacements = (typeof DRAWER_PLACEMENTS)[number];

package/es/dropdown/{dropdown-button.vue.d.ts → dropdown-button.vue.d.vue.ts}

@@ -41,10 +41,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     type: {
-        type: PropType<ButtonProps["type"]>;
+        type: PropType<ButtonProps['type']>;
     };
     size: {
-        type: PropType<ButtonProps["size"]>;
+        type: PropType<ButtonProps['size']>;
     };
     buttonProps: {
         type: PropType<ButtonProps>;
@@ -55,9 +55,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (_ev: MouseEvent) => any;
+    popupVisibleChange: (_visible: boolean) => any;
     select: (_value: string | number | Record<string, any> | undefined, _ev: Event) => any;
     "update:popupVisible": (_visible: boolean) => any;
-    popupVisibleChange: (_visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     popupVisible: {
         type: BooleanConstructor;
@@ -86,10 +86,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     type: {
-        type: PropType<ButtonProps["type"]>;
+        type: PropType<ButtonProps['type']>;
     };
     size: {
-        type: PropType<ButtonProps["size"]>;
+        type: PropType<ButtonProps['size']>;
     };
     buttonProps: {
         type: PropType<ButtonProps>;
@@ -100,15 +100,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{
     onClick?: ((_ev: MouseEvent) => any) | undefined;
+    onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
     onSelect?: ((_value: string | number | Record<string, any> | undefined, _ev: Event) => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
-    onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
 }>, {
-    position: DropdownPosition;
-    disabled: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+    trigger: "click" | "contextMenu" | "focus" | "hover" | ("click" | "contextMenu" | "focus" | "hover")[];
+    position: DropdownPosition;
+    disabled: boolean;
     hideOnSelect: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/dropdown/dropdown-button.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import button_group_default from "../button/button-group.js";
 import Button from "../button/index.js";

package/es/dropdown/dropdown-group.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { Fragment, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
 //#region components/dropdown/dropdown-group.vue?vue&type=script&setup=true&lang.ts

package/es/dropdown/{dropdown-option.vue.d.ts → dropdown-option.vue.d.vue.ts}

@@ -8,7 +8,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
-        type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
     };
     disabled: {
         type: BooleanConstructor;
@@ -20,7 +20,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     click: (_ev: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
-        type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
     };
     disabled: {
         type: BooleanConstructor;
@@ -31,8 +31,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{
     onClick?: ((_ev: MouseEvent) => any) | undefined;
 }>, {
-    active: boolean;
     disabled: boolean;
+    active: boolean;
     uninjectContext: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/dropdown/dropdown-option.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { dropdownInjectionKey } from "./context.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, openBlock, ref, renderSlot, unref } from "vue";
@@ -38,15 +38,12 @@ var dropdown_option_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		*/
 		const prefixCls = getPrefixCls("dropdown-option");
 		const liRef = ref();
-		const computedValue = computed(() => {
-			var _ref, _props$value, _liRef$value;
-			return (_ref = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : (_liRef$value = liRef.value) === null || _liRef$value === void 0 ? void 0 : _liRef$value.textContent) !== null && _ref !== void 0 ? _ref : void 0;
-		});
 		const dropdownCtx = !props.uninjectContext ? inject(dropdownInjectionKey, void 0) : void 0;
 		const handleClick = (ev) => {
 			if (!props.disabled) {
+				var _ref, _props$value, _liRef$value;
 				emit("click", ev);
-				dropdownCtx === null || dropdownCtx === void 0 || dropdownCtx.onOptionClick(computedValue.value, ev);
+				dropdownCtx === null || dropdownCtx === void 0 || dropdownCtx.onOptionClick((_ref = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : (_liRef$value = liRef.value) === null || _liRef$value === void 0 ? void 0 : _liRef$value.textContent) !== null && _ref !== void 0 ? _ref : void 0, ev);
 			}
 		};
 		const cls = computed(() => [prefixCls, {

package/es/dropdown/dropdown-panel.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import Empty from "../empty/index.js";
 import Scrollbar from "../scrollbar/index.js";
 import { dropdownInjectionKey } from "./context.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, unref, useSlots, withCtx } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, withCtx } from "vue";
 //#region components/dropdown/dropdown-panel.vue?vue&type=script&setup=true&lang.ts
 var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "DropdownPanel" }), {}, {
 	__name: "dropdown-panel",
@@ -33,7 +33,6 @@ var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const slots = useSlots();
 		const prefixCls = getPrefixCls("dropdown");
 		const dropdownCtx = inject(dropdownInjectionKey, {});
 		const wrapperRef = ref();
@@ -60,6 +59,8 @@ var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			(_items$target = items[target]) === null || _items$target === void 0 || _items$target.focus();
 		};
 		const handleKeydown = (ev) => {
+			const target = ev.target;
+			if (target instanceof HTMLElement && (target.isContentEditable || target.closest("input, textarea, select"))) return;
 			switch (ev.key) {
 				case KEYBOARD_KEY.ARROW_DOWN:
 					ev.preventDefault();
@@ -87,16 +88,18 @@ var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			const trigger = props.trigger;
 			return Array.isArray(trigger) ? trigger.includes("hover") : trigger === "hover";
 		});
+		let focusFrame = 0;
+		onBeforeUnmount(() => cancelAnimationFrame(focusFrame));
 		onMounted(() => {
 			if (isHoverTrigger.value) return;
-			nextTick(() => {
-				const items = getMenuitems();
-				if (items.length > 0) items[0].focus();
-				else {
-					var _listRef$value;
-					(_listRef$value = listRef.value) === null || _listRef$value === void 0 || _listRef$value.focus();
-				}
-			});
+			const focusFirst = () => {
+				var _items$;
+				const target = (_items$ = getMenuitems()[0]) !== null && _items$ !== void 0 ? _items$ : listRef.value;
+				if (!target) return;
+				target.focus();
+				if (document.activeElement !== target) focusFrame = requestAnimationFrame(focusFirst);
+			};
+			nextTick(focusFirst);
 		});
 		const style = computed(() => {
 			if (isNumber(dropdownCtx.popupMaxHeight)) return { maxHeight: `${dropdownCtx.popupMaxHeight}px` };
@@ -105,9 +108,8 @@ var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				overflowY: "hidden"
 			};
 		});
-		const cls = computed(() => [prefixCls, { [`${prefixCls}-has-footer`]: Boolean(slots.footer) }]);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(cls.value) }, [
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(prefixCls), { [`${unref(prefixCls)}-has-footer`]: Boolean(_ctx.$slots.footer) }]) }, [
 				__props.isEmpty ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-empty`)