@sdata/web-vue 4.4.3 → 4.5.1

package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { configProviderInjectionKey } from "../config-provider/context.js";
-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 { isArray, isBoolean } from "../_utils/is.js";
 import { useI18n } from "../locale/index.js";
@@ -15,10 +15,10 @@ import { dayjs, getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initia
 import IconCalendar from "../icon/icon-calendar/index.js";
 import { getFormattedValue, isValidInputValue } from "../time-picker/utils/index.js";
 import useFormat from "./hooks/use-format.js";
+import { isCompleteRangeValue, isValidRangeValue, mergeValueWithTime } from "./utils/index.js";
 import useIsDisabledDate from "./hooks/use-is-disabled-date.js";
 import useDatePickerTransform from "./hooks/use-provide-datepicker-transform.js";
 import { getReturnRangeValue } from "./hooks/use-value-format.js";
-import { isCompleteRangeValue, isValidRangeValue, mergeValueWithTime } from "./utils/index.js";
 import input_range_default from "../_components/picker/input-range.js";
 import useRangeHeaderValue from "./hooks/use-range-header-value.js";
 import useRangePickerState from "./hooks/use-range-picker-state.js";
@@ -348,6 +348,9 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		}
 		const refInput = ref();
 		const focusedIndex = ref(getFocusedIndex());
+		watch(disabledArray, () => {
+			if (!triggerDisabled.value) focusedIndex.value = getFocusedIndex(focusedIndex.value);
+		});
 		const nextFocusedIndex = computed(() => {
 			const cur = focusedIndex.value;
 			const next = cur ^ 1;
@@ -452,6 +455,12 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		}));
 		const needConfirm = computed(() => isDateTime.value || mergedShowConfirmBtn.value);
 		const confirmBtnDisabled = computed(() => needConfirm.value && (!isCompleteRangeValue(forSelectedValue.value) || isDisabledDate(forSelectedValue.value[0], "start") || isDisabledDate(forSelectedValue.value[1], "end")));
+		watch(() => props.modelValue, () => {
+			setProcessValue(void 0);
+			setPreviewValue(void 0);
+			setInputValue(void 0);
+			resetHeaderValue();
+		}, { deep: true });
 		watch(panelVisible, (newVisible) => {
 			startHeaderMode.value = void 0;
 			endHeaderMode.value = void 0;
@@ -491,10 +500,15 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			if (hasTime.value && !mergedExchangeTime.value && !fixedTime.value) sortedValue = [getMergedOpValue(sortedValue[0], newValue[0]), getMergedOpValue(sortedValue[1], newValue[1])];
 			return sortedValue;
 		}
+		function changesDisabledEndpoint(value) {
+			return disabledArray.value.some((disabled, index) => disabled && isValueChange(value === null || value === void 0 ? void 0 : value[index], selectedValue.value[index]));
+		}
 		function confirm(value, showPanel, emitOk) {
-			if (isDisabledDate(value === null || value === void 0 ? void 0 : value[0], "start") || isDisabledDate(value === null || value === void 0 ? void 0 : value[1], "end")) return;
+			if (triggerDisabled.value || props.readonly) return;
 			let newValue = value ? [...value] : void 0;
 			if (isCompleteRangeValue(newValue)) newValue = getSortedDayjsArrayByExchangeTimeOrNot(newValue);
+			if (isDisabledDate(newValue === null || newValue === void 0 ? void 0 : newValue[0], "start") || isDisabledDate(newValue === null || newValue === void 0 ? void 0 : newValue[1], "end")) return;
+			if (changesDisabledEndpoint(newValue)) return;
 			emitChange(newValue, emitOk);
 			setSelectedValue(newValue || []);
 			setProcessValue(void 0);
@@ -512,9 +526,11 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			emitRangeEvent("select", returnValue !== null && returnValue !== void 0 ? returnValue : [], dateValue !== null && dateValue !== void 0 ? dateValue : [], formattedValue !== null && formattedValue !== void 0 ? formattedValue : []);
 		}
 		function select(value, options) {
+			if (triggerDisabled.value || props.readonly) return;
 			const { emitSelect = false, updateHeader = false } = options || {};
 			let newValue = [...value];
 			if (isCompleteRangeValue(newValue)) newValue = getSortedDayjsArrayByExchangeTimeOrNot(newValue);
+			if (changesDisabledEndpoint(newValue)) return;
 			setProcessValue(newValue);
 			setPreviewValue(void 0);
 			setInputValue(void 0);
@@ -524,7 +540,9 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			if (updateHeader) resetHeaderValue();
 		}
 		function preview(value, options) {
+			if (triggerDisabled.value || props.readonly) return;
 			const { updateHeader = false } = options || {};
+			if (changesDisabledEndpoint(value)) return;
 			setPreviewValue(value);
 			setInputValue(void 0);
 			if (updateHeader) resetHeaderValue();
@@ -554,6 +572,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			return isTime ? [...selectedValue.value] : [];
 		}
 		function onPanelCellClick(date) {
+			if (triggerDisabled.value || props.readonly) return;
 			const newValue = getValueToModify();
 			const mergedOpValue = getMergedOpValue(date, timePickerValue.value[focusedIndex.value]);
 			newValue[focusedIndex.value] = mergedOpValue;
@@ -566,6 +585,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			}
 		}
 		function onTimePickerSelect(time, type) {
+			if (triggerDisabled.value || props.readonly) return;
 			const updateIndex = type === "start" ? 0 : 1;
 			const mergedOpValue = getMergedOpValue(timePickerValue.value[updateIndex], time);
 			const newTimeValue = [...timePickerValue.value];
@@ -594,6 +614,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			}, 100);
 		}
 		function onPanelShortcutClick(value, shortcut) {
+			if (triggerDisabled.value || props.readonly) return;
 			emit("select-shortcut", shortcut);
 			confirm(value, false);
 		}

package/es/descriptions/descriptions-item.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 { defineComponent, renderSlot } from "vue";
 //#region components/descriptions/descriptions-item.vue?vue&type=script&setup=true&lang.ts

package/es/descriptions/descriptions.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 { isFunction, isObject } from "../_utils/is.js";
 import { getAllElements, isSlotsChildren } from "../_utils/vue-utils.js";
@@ -85,7 +85,7 @@ var descriptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				currentRow[currentRow.length - 1].span += computedColumn.value - currentSpan;
 				result.push(currentRow);
 			}
-			data.forEach((item) => {
+			data.forEach((item, index) => {
 				var _ref3, _item$props;
 				const itemSpan = Math.min((_ref3 = isVNode(item) ? (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.span : item.span) !== null && _ref3 !== void 0 ? _ref3 : 1, computedColumn.value);
 				if (currentSpan + itemSpan > computedColumn.value) {
@@ -95,7 +95,8 @@ var descriptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				}
 				currentRow.push({
 					data: item,
-					span: itemSpan
+					span: itemSpan,
+					index
 				});
 				currentSpan += itemSpan;
 			});
@@ -153,13 +154,13 @@ var descriptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 							style: normalizeStyle(mergedLabelStyle.value)
 						}, [createVNode(unref(ReuseLabel), {
 							item: item.data,
-							index: itemIndex
+							index: item.index
 						}, null, 8, ["item", "index"])], 6), createElementVNode("div", {
 							class: normalizeClass([`${unref(prefixCls)}-item-value`, `${unref(prefixCls)}-item-value-inline`]),
 							style: normalizeStyle(mergedValueStyle.value)
 						}, [createVNode(unref(ReuseValue), {
 							item: item.data,
-							index: itemIndex
+							index: item.index
 						}, null, 8, ["item", "index"])], 6)], 10, _hoisted_1);
 					}), 128))], 2)) : __props.layout === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("tr", { class: normalizeClass(`${unref(prefixCls)}-row`) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (item, itemIndex) => {
 						return openBlock(), createElementBlock("td", {
@@ -169,7 +170,7 @@ var descriptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 							colspan: item.span
 						}, [createVNode(unref(ReuseLabel), {
 							item: item.data,
-							index: itemIndex
+							index: item.index
 						}, null, 8, ["item", "index"])], 14, _hoisted_2);
 					}), 128))], 2), createElementVNode("tr", { class: normalizeClass(`${unref(prefixCls)}-row`) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (item, itemIndex) => {
 						return openBlock(), createElementBlock("td", {
@@ -179,7 +180,7 @@ var descriptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 							colspan: item.span
 						}, [createVNode(unref(ReuseValue), {
 							item: item.data,
-							index: itemIndex
+							index: item.index
 						}, null, 8, ["item", "index"])], 14, _hoisted_3);
 					}), 128))], 2)], 64)) : (openBlock(), createElementBlock("tr", {
 						key: 2,
@@ -190,14 +191,14 @@ var descriptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 							style: normalizeStyle(mergedLabelStyle.value)
 						}, [createVNode(unref(ReuseLabel), {
 							item: item.data,
-							index: rowIndex
+							index: item.index
 						}, null, 8, ["item", "index"])], 6), createElementVNode("td", {
 							class: normalizeClass([`${unref(prefixCls)}-item-value`, `${unref(prefixCls)}-item-value-block`]),
 							style: normalizeStyle(mergedValueStyle.value),
 							colspan: item.span * 2 - 1
 						}, [createVNode(unref(ReuseValue), {
 							item: item.data,
-							index: rowIndex
+							index: item.index
 						}, null, 8, ["item", "index"])], 14, _hoisted_4)], 64);
 					}), 128))], 2))], 64);
 				}), 128))])], 2)], 2)], 16)

package/es/descriptions/interface.d.ts

@@ -12,4 +12,5 @@ export interface DescItemData {
 export interface RenderData {
     data: DescData | VNode;
     span: number;
+    index: number;
 }

package/es/divider/divider.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +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 { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isUndefined } from "../_utils/is.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
 //#region components/divider/divider.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-orientation"];
 var divider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Divider" }), {}, {
 	__name: "divider",
 	props: {
@@ -17,7 +18,7 @@ var divider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		const isHorizontal = computed(() => __props.direction === "horizontal");
 		const mergedStyles = computed(() => {
 			const styles = {};
-			if (__props.size) {
+			if (!isUndefined(__props.size)) {
 				if (isHorizontal.value) styles.borderBottomWidth = `${__props.size}px`;
 				else styles.borderLeftWidth = `${__props.size}px`;
 			}
@@ -34,6 +35,7 @@ var divider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				role: "separator",
+				"aria-orientation": __props.direction,
 				class: normalizeClass([
 					unref(prefixCls),
 					`${unref(prefixCls)}-${__props.direction}`,
@@ -43,7 +45,7 @@ var divider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			}, [_ctx.$slots.default && __props.direction === "horizontal" ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: normalizeClass([`${unref(prefixCls)}-text`, `${unref(prefixCls)}-text-${__props.orientation}`])
-			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)], 6);
+			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)], 14, _hoisted_1);
 		};
 	}
 }));

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.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/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_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`)

package/es/dropdown/dropdown-submenu.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 Trigger from "../trigger/index.js";
 import IconRight from "../icon/icon-right/index.js";
@@ -122,18 +122,22 @@ var dropdown_submenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
 					key: "0"
 				} : void 0]), 1032, ["class", "trigger"])]),
-				default: withCtx(() => [createVNode(dropdown_option_default, mergeProps(__props.optionProps, {
-					active: unref(computedPopupVisible),
-					"uninject-context": ""
-				}), createSlots({
-					suffix: withCtx(() => [renderSlot(_ctx.$slots, "suffix", {}, () => [createVNode(unref(IconRight))])]),
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 2
-				}, [_ctx.$slots.icon ? {
-					name: "icon",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
-					key: "0"
-				} : void 0]), 1040, ["active"])]),
+				default: withCtx(() => {
+					var _props$optionProps;
+					return [createVNode(dropdown_option_default, mergeProps(__props.optionProps, {
+						disabled: __props.disabled || ((_props$optionProps = __props.optionProps) === null || _props$optionProps === void 0 ? void 0 : _props$optionProps.disabled),
+						active: unref(computedPopupVisible),
+						"uninject-context": ""
+					}), createSlots({
+						suffix: withCtx(() => [renderSlot(_ctx.$slots, "suffix", {}, () => [createVNode(unref(IconRight))])]),
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 2
+					}, [_ctx.$slots.icon ? {
+						name: "icon",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
+						key: "0"
+					} : void 0]), 1040, ["disabled", "active"])];
+				}),
 				_: 3
 			}, 8, [
 				"popup-visible",

package/es/dropdown/dropdown.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 Trigger from "../trigger/index.js";
 import { useTrigger } from "../_hooks/use-trigger.js";

package/es/ellipsis/ellipsis.vue.d.ts

@@ -5,6 +5,7 @@ type __VLS_Slots = {
     tooltip?: () => VNode[];
 };
 declare function waitForMeasurement(): Promise<void>;
+declare function handleClick(event?: MouseEvent): void;
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     lineClamp: {
         type: PropType<number | string>;
@@ -21,6 +22,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     triggerRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     waitForMeasurement: typeof waitForMeasurement;
+    toggleExpanded: typeof handleClick;
     readonly triggerElement: HTMLElement | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     lineClamp: {

package/es/ellipsis/ellipsis.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 { isObject } from "../_utils/is.js";
-import _objectWithoutProperties from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
+import _objectWithoutProperties from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectWithoutProperties.js";
 import resize_observer_v2_default from "../_components/resize-observer-v2.js";
 import { RichLineClamp } from "../clamp/index.js";
 import Tooltip from "../tooltip/index.js";
-import { computed, createBlock, createElementBlock, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUpdated, openBlock, renderSlot, resolveDynamicComponent, shallowRef, unref, watch, withCtx } from "vue";
+import { computed, createBlock, createElementBlock, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, renderSlot, resolveDynamicComponent, shallowRef, unref, watch, withCtx } from "vue";
 //#region components/ellipsis/ellipsis.vue?vue&type=script&setup=true&lang.ts
 var _excluded = ["disabled"];
 var INTERACTIVE_SELECTOR = "a,button,input,textarea,select,[role=\"button\"]";
@@ -121,18 +121,18 @@ var ellipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			if (nextPadding !== measurementPadding.value) measurementPadding.value = nextPadding;
 		}
 		let measurementSettled = false;
+		let measurementTimer = 0;
 		let measurementWaiters = [];
 		function flushMeasurementWaiters() {
+			measurementSettled = true;
+			window.clearTimeout(measurementTimer);
 			const waiters = measurementWaiters;
 			measurementWaiters = [];
 			waiters.forEach((resolve) => resolve());
 		}
 		function handleClampChange(clamped) {
 			isEllipsis.value = clamped;
-			if (!measurementSettled && measurementHtml.value !== "") {
-				measurementSettled = true;
-				flushMeasurementWaiters();
-			}
+			if (!measurementSettled && measurementHtml.value !== "") flushMeasurementWaiters();
 		}
 		function waitForMeasurement() {
 			if (measurementSettled) return Promise.resolve();
@@ -149,23 +149,38 @@ var ellipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			if (isEllipsis.value || expanded.value) expanded.value = !expanded.value;
 		}
 		function handleKeydown(event) {
+			const target = event.target;
+			const interactiveElement = target instanceof Element ? target.closest(INTERACTIVE_SELECTOR) : null;
+			if (interactiveElement && interactiveElement !== triggerRef.value) return;
 			if (isExpandable.value && (event.key === "Enter" || event.key === " ")) {
 				event.preventDefault();
 				handleClick();
 			}
 		}
+		watch(triggerRef, (element, _previous, onCleanup) => {
+			if (!element) return;
+			const observer = new MutationObserver(syncMeasurement);
+			observer.observe(element, {
+				childList: true,
+				subtree: true,
+				characterData: true
+			});
+			onCleanup(() => observer.disconnect());
+		});
 		watch(() => props.lineClamp, () => {
 			expanded.value = false;
 			nextTick(syncMeasurement);
 		});
 		onMounted(() => {
 			nextTick(syncMeasurement);
-			window.setTimeout(flushMeasurementWaiters, 200);
+			measurementTimer = window.setTimeout(flushMeasurementWaiters, 200);
 		});
+		onBeforeUnmount(flushMeasurementWaiters);
 		onUpdated(() => void nextTick(syncMeasurement));
 		__expose({
 			triggerRef,
 			waitForMeasurement,
+			toggleExpanded: handleClick,
 			get triggerElement() {
 				return triggerRef.value;
 			}

package/es/ellipsis/index.d.ts

@@ -21,6 +21,7 @@ declare const Ellipsis: {
     }>> & Readonly<{}>, {
         triggerRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
         waitForMeasurement: () => Promise<void>;
+        toggleExpanded: (event?: MouseEvent) => void;
         readonly triggerElement: HTMLElement | undefined;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         tooltip: boolean | EllipsisTooltipProps;
@@ -49,6 +50,7 @@ declare const Ellipsis: {
     }>> & Readonly<{}>, {
         triggerRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
         waitForMeasurement: () => Promise<void>;
+        toggleExpanded: (event?: MouseEvent) => void;
         readonly triggerElement: HTMLElement | undefined;
     }, {}, {}, {}, {
         tooltip: boolean | EllipsisTooltipProps;
@@ -74,6 +76,7 @@ declare const Ellipsis: {
 }>> & Readonly<{}>, {
     triggerRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     waitForMeasurement: () => Promise<void>;
+    toggleExpanded: (event?: MouseEvent) => void;
     readonly triggerElement: HTMLElement | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     tooltip: boolean | EllipsisTooltipProps;