@sdata/web-vue 4.2.0 → 4.3.0

package/es/input-tag/input-tag.vue_vue_type_script_setup_true_lang.js

@@ -6,16 +6,16 @@ import resize_observer_default from "../_components/resize-observer.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
+import { WrapClamp } from "../clamp/index.js";
+import { omit } from "../_utils/omit.js";
+import Tooltip from "../tooltip/index.js";
 import feedback_icon_default from "../_components/feedback-icon.js";
 import { useFitWidth } from "../_hooks/use-fit-width.js";
 import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { useSize } from "../_hooks/use-size.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
 import { Backspace, Enter } from "../_utils/keycode.js";
-import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
-import Tooltip from "../tooltip/index.js";
-import Ellipsis from "../ellipsis/index.js";
 import Tag from "../tag/index.js";
 import { getValueData } from "./utils.js";
 import { Fragment, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, onMounted, openBlock, reactive, ref, renderList, renderSlot, toDisplayString, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx, withModifiers } from "vue";
@@ -26,6 +26,11 @@ var _hoisted_1 = [
 	"disabled",
 	"readonly"
 ];
+var _hoisted_2 = [
+	"placeholder",
+	"disabled",
+	"readonly"
+];
 var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "InputTag",
 	inheritAttrs: false
@@ -119,7 +124,6 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const wrapperRef = ref();
 		const inputRef = ref();
 		const mirrorRef = ref();
-		const measureRef = ref();
 		const { mergedSize: formSize, mergedDisabled, mergedError, feedback, eventHandlers } = useFormItem({
 			size,
 			disabled,
@@ -137,8 +141,6 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const isComposition = ref(false);
 		const compositionValue = ref("");
 		const inputStyle = reactive({ width: "12px" });
-		const responsiveVisibleTagCount = ref(null);
-		const responsiveTagMaxWidth = ref(0);
 		const [DefineTagContent, ReuseTagContent] = createReusableTemplate();
 		const retainInputValue = computed(() => isObject(props.retainInputValue) ? _objectSpread2({
 			create: false,
@@ -206,11 +208,6 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			}
 		};
 		const visibleTagCount = computed(() => {
-			if (isResponsiveMaxTagCount.value) {
-				var _responsiveVisibleTag;
-				if (!valueData.value.length) return 0;
-				return Math.min(valueData.value.length, Math.max(1, (_responsiveVisibleTag = responsiveVisibleTagCount.value) !== null && _responsiveVisibleTag !== void 0 ? _responsiveVisibleTag : valueData.value.length));
-			}
 			if (typeof props.maxTagCount === "number" && props.maxTagCount > 0) return Math.min(props.maxTagCount, valueData.value.length);
 			return valueData.value.length;
 		});
@@ -226,75 +223,11 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			};
 			return visibleTags.concat(_objectSpread2({ raw }, raw));
 		});
-		const getOuterWidth = (element) => {
-			if (!element) return 0;
-			const style = window.getComputedStyle(element);
-			return element.offsetWidth + (Number.parseFloat(style.marginLeft || "0") || 0) + (Number.parseFloat(style.marginRight || "0") || 0);
-		};
-		const getCounterWidth = (hiddenCount) => {
-			if (!measureRef.value || hiddenCount <= 0) return 0;
-			return getOuterWidth(measureRef.value.querySelector(`[data-hidden-count="${hiddenCount}"]`));
-		};
 		const isClosableTag = (item) => {
 			var _item$tagProps$closab, _item$tagProps;
 			return Boolean((_item$tagProps$closab = (_item$tagProps = item.tagProps) === null || _item$tagProps === void 0 ? void 0 : _item$tagProps.closable) !== null && _item$tagProps$closab !== void 0 ? _item$tagProps$closab : !mergedDisabled.value && !props.readonly && item.closable);
 		};
 		const getSlotData = (item) => item.raw;
-		const syncResponsiveTags = () => {
-			var _inputRef$value$offse, _inputRef$value;
-			if (!isResponsiveMaxTagCount.value) {
-				responsiveVisibleTagCount.value = null;
-				responsiveTagMaxWidth.value = 0;
-				return;
-			}
-			const totalTags = valueData.value.length;
-			if (totalTags <= 1) {
-				responsiveVisibleTagCount.value = totalTags;
-				responsiveTagMaxWidth.value = 0;
-				return;
-			}
-			const wrapperElement = wrapperRef.value;
-			const measureElement = measureRef.value;
-			const innerElement = wrapperElement === null || wrapperElement === void 0 ? void 0 : wrapperElement.querySelector(`.${prefixCls}-inner`);
-			if (!wrapperElement || !measureElement || !innerElement) {
-				responsiveVisibleTagCount.value = totalTags;
-				responsiveTagMaxWidth.value = 0;
-				return;
-			}
-			const inputWidth = ((_inputRef$value$offse = (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.offsetWidth) !== null && _inputRef$value$offse !== void 0 ? _inputRef$value$offse : Number.parseFloat(inputStyle.width)) || 12;
-			const availableWidth = Math.max(innerElement.clientWidth - inputWidth, 0);
-			if (availableWidth <= 0) {
-				responsiveVisibleTagCount.value = 1;
-				responsiveTagMaxWidth.value = 0;
-				return;
-			}
-			const tagWidths = Array.from(measureElement.querySelectorAll(`.${prefixCls}-tag`)).slice(0, totalTags).map(getOuterWidth);
-			for (let candidate = totalTags; candidate >= 1; candidate -= 1) {
-				const hiddenCount = totalTags - candidate;
-				const counterWidth = getCounterWidth(hiddenCount);
-				const visibleWidth = tagWidths.slice(0, candidate).reduce((sum, width) => sum + width, 0);
-				if (hiddenCount === 0 && visibleWidth <= availableWidth) {
-					responsiveVisibleTagCount.value = candidate;
-					responsiveTagMaxWidth.value = 0;
-					return;
-				}
-				if (hiddenCount > 0 && candidate > 1 && visibleWidth + counterWidth <= availableWidth) {
-					responsiveVisibleTagCount.value = candidate;
-					responsiveTagMaxWidth.value = 0;
-					return;
-				}
-				if (hiddenCount > 0 && candidate === 1) {
-					const leadTagWidth = Math.max(availableWidth - counterWidth, 0);
-					if (leadTagWidth > 0) {
-						responsiveVisibleTagCount.value = 1;
-						responsiveTagMaxWidth.value = leadTagWidth;
-						return;
-					}
-				}
-			}
-			responsiveVisibleTagCount.value = 1;
-			responsiveTagMaxWidth.value = Math.max(availableWidth - getCounterWidth(totalTags - 1), 0);
-		};
 		const updateValue = (value, event) => {
 			var _eventHandlers$value, _eventHandlers$value$;
 			innerValue.value = value;
@@ -356,20 +289,13 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		};
 		const handleResize = () => {
 			if (mirrorRef.value) setInputWidth(mirrorRef.value.offsetWidth);
-			nextTick(syncResponsiveTags);
 		};
 		onMounted(() => {
 			if (mirrorRef.value) setInputWidth(mirrorRef.value.offsetWidth);
-			nextTick(syncResponsiveTags);
 		});
 		watch(computedInputValue, (value) => {
 			if (inputRef.value && !isComposition.value && value !== inputRef.value.value) inputRef.value.value = value;
 		});
-		watch([
-			valueData,
-			computedInputValue,
-			() => props.maxTagCount
-		], () => nextTick(syncResponsiveTags), { deep: true });
 		const cls = computed(() => [
 			prefixCls,
 			`${prefixCls}-size-${mergedSize.value}`,
@@ -394,10 +320,6 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		});
 		const inputEventAttrs = computed(() => pick(attrs, INPUT_EVENTS));
 		const mergedInputAttrs = computed(() => _objectSpread2(_objectSpread2({}, inputEventAttrs.value), props.inputAttrs));
-		const getTagStyle = (index) => {
-			var _tags$value$index;
-			return isCompressedResponsiveTag(index, (_tags$value$index = tags.value[index]) === null || _tags$value$index === void 0 ? void 0 : _tags$value$index.value) ? { maxWidth: `${responsiveTagMaxWidth.value}px` } : void 0;
-		};
 		const inputElementStyle = computed(() => {
 			const width = props.fitWidth ? fitWidthValue : inputStyle.width;
 			return isResponsiveMaxTagCount.value ? _objectSpread2(_objectSpread2({}, inputStyle), {}, {
@@ -406,16 +328,13 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				minWidth: width
 			}) : _objectSpread2(_objectSpread2({}, inputStyle), {}, { width });
 		});
-		function isCompressedResponsiveTag(index, value) {
-			return isResponsiveMaxTagCount.value && !isOverflowCounterTag(value) && hiddenTagCount.value > 0 && index === 0 && responsiveTagMaxWidth.value > 0;
-		}
 		const focus = () => {
-			var _inputRef$value2;
-			return (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.focus();
+			var _inputRef$value;
+			return (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.focus();
 		};
 		const blur = () => {
-			var _inputRef$value3;
-			return (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 ? void 0 : _inputRef$value3.blur();
+			var _inputRef$value2;
+			return (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.blur();
 		};
 		__expose({
 			inputRef,
@@ -424,19 +343,10 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineTagContent), null, {
-				default: withCtx(({ item, index, measure }) => [measure || !isCompressedResponsiveTag(index, item.value) ? renderSlot(_ctx.$slots, "tag", { data: getSlotData(item) }, () => {
+				default: withCtx(({ item, index, measure }) => [renderSlot(_ctx.$slots, "tag", { data: getSlotData(item) }, () => {
 					var _props$formatTag, _props$formatTag2;
 					return [createTextVNode(toDisplayString((_props$formatTag = (_props$formatTag2 = props.formatTag) === null || _props$formatTag2 === void 0 ? void 0 : _props$formatTag2.call(props, item.raw)) !== null && _props$formatTag !== void 0 ? _props$formatTag : item.label), 1)];
-				}, void 0, 0) : (openBlock(), createBlock(unref(Ellipsis), {
-					key: 1,
-					class: normalizeClass(`${unref(prefixCls)}-tag-ellipsis`)
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "tag", { data: getSlotData(item) }, () => {
-						var _props$formatTag3, _props$formatTag4;
-						return [createTextVNode(toDisplayString((_props$formatTag3 = (_props$formatTag4 = props.formatTag) === null || _props$formatTag4 === void 0 ? void 0 : _props$formatTag4.call(props, item.raw)) !== null && _props$formatTag3 !== void 0 ? _props$formatTag3 : item.label), 1)];
-					})]),
-					_: 2
-				}, 1032, ["class"]))]),
+				})]),
 				_: 3
 			}), createVNode(unref(Tooltip), {
 				"popup-visible": unref(tipVisible),
@@ -450,16 +360,6 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					class: cls.value,
 					onMousedown: handleMousedown
 				}), [
-					isResponsiveMaxTagCount.value && valueData.value.length > 0 ? (openBlock(), createBlock(resize_observer_default, {
-						key: 0,
-						onResize: handleResize
-					}, {
-						default: withCtx(() => [createElementVNode("span", {
-							class: normalizeClass(`${unref(prefixCls)}-resize-observer`),
-							"aria-hidden": "true"
-						}, null, 2)]),
-						_: 1
-					})) : createCommentVNode("", true),
 					createVNode(resize_observer_default, { onResize: handleResize }, {
 						default: withCtx(() => [createElementVNode("span", {
 							ref_key: "mirrorRef",
@@ -468,45 +368,76 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						}, toDisplayString(mirrorText.value), 3)]),
 						_: 1
 					}),
-					isResponsiveMaxTagCount.value && valueData.value.length > 1 ? (openBlock(), createElementBlock("span", {
+					_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(`${unref(prefixCls)}-prefix`)
+					}, [renderSlot(_ctx.$slots, "prefix")], 2)) : createCommentVNode("", true),
+					isResponsiveMaxTagCount.value ? (openBlock(), createBlock(unref(WrapClamp), {
 						key: 1,
-						ref_key: "measureRef",
-						ref: measureRef,
-						class: normalizeClass(`${unref(prefixCls)}-measure`),
-						"aria-hidden": "true"
-					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(valueData.value, (item, index) => {
-						return openBlock(), createBlock(unref(Tag), mergeProps({
-							key: `measure-tag-${item.value}`,
-							class: `${unref(prefixCls)}-tag`,
-							visible: "",
-							nowrap: "",
-							closable: isClosableTag(item)
-						}, { ref_for: true }, item.tagProps), {
-							default: withCtx(() => [createVNode(unref(ReuseTagContent), {
-								item,
-								index,
-								measure: ""
-							}, null, 8, ["item", "index"])]),
+						items: valueData.value,
+						"item-key": (item) => item.value,
+						"max-lines": 1,
+						as: "span",
+						class: normalizeClass([`${unref(prefixCls)}-inner`, `${unref(prefixCls)}-inner-responsive`])
+					}, {
+						item: withCtx(({ item, index }) => [createVNode(TransitionGroup, {
+							tag: "span",
+							name: "input-tag-zoom",
+							class: normalizeClass(`${unref(prefixCls)}-item-holder`)
+						}, {
+							default: withCtx(() => [(openBlock(), createBlock(unref(Tag), mergeProps({
+								key: `tag-${item.value}`,
+								class: `${unref(prefixCls)}-tag`,
+								closable: isClosableTag(item),
+								visible: "",
+								nowrap: "",
+								ellipsis: !_ctx.$slots.tag
+							}, item.tagProps, { onClose: ($event) => handleRemove(item.value, index, $event) }), {
+								default: withCtx(() => [createVNode(unref(ReuseTagContent), {
+									item,
+									index,
+									measure: false
+								}, null, 8, ["item", "index"])]),
+								_: 2
+							}, 1040, [
+								"class",
+								"closable",
+								"ellipsis",
+								"onClose"
+							]))]),
 							_: 2
-						}, 1040, ["class", "closable"]);
-					}), 128)), (openBlock(true), createElementBlock(Fragment, null, renderList(Math.max(valueData.value.length - 1, 0), (hiddenCount) => {
-						return openBlock(), createBlock(unref(Tag), {
-							key: `measure-counter-${hiddenCount}`,
+						}, 1032, ["class"])]),
+						after: withCtx(({ hiddenItems }) => [hiddenItems.length ? (openBlock(), createBlock(unref(Tag), {
+							key: hiddenItems.length,
 							class: normalizeClass([`${unref(prefixCls)}-tag`, `${unref(prefixCls)}-tag-counter`]),
-							"data-overflow-counter": "true",
-							"data-hidden-count": hiddenCount,
 							visible: "",
-							nowrap: ""
-						}, {
-							default: withCtx(() => [createTextVNode(" +" + toDisplayString(hiddenCount), 1)]),
-							_: 2
-						}, 1032, ["class", "data-hidden-count"]);
-					}), 128))], 2)) : createCommentVNode("", true),
-					_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", {
+							nowrap: "",
+							ellipsis: false,
+							textContent: toDisplayString(`+${hiddenItems.length}`)
+						}, null, 8, ["class", "textContent"])) : createCommentVNode("", true), createElementVNode("input", mergeProps({
+							ref_key: "inputRef",
+							ref: inputRef
+						}, mergedInputAttrs.value, {
+							class: `${unref(prefixCls)}-input`,
+							style: inputElementStyle.value,
+							placeholder: valueData.value.length === 0 ? props.placeholder : void 0,
+							disabled: unref(mergedDisabled),
+							readonly: Boolean(props.readonly || props.disabledInput),
+							onInput: handleInput,
+							onKeydown: handleKeyDown,
+							onFocus: handleFocus,
+							onBlur: handleBlur,
+							onCompositionstart: handleComposition,
+							onCompositionupdate: handleComposition,
+							onCompositionend: handleComposition
+						}), null, 16, _hoisted_1)]),
+						_: 1
+					}, 8, [
+						"items",
+						"item-key",
+						"class"
+					])) : (openBlock(), createBlock(TransitionGroup, {
 						key: 2,
-						class: normalizeClass(`${unref(prefixCls)}-prefix`)
-					}, [renderSlot(_ctx.$slots, "prefix")], 2)) : createCommentVNode("", true),
-					createVNode(TransitionGroup, {
 						tag: "span",
 						name: "input-tag-zoom",
 						class: normalizeClass([`${unref(prefixCls)}-inner`, {
@@ -517,14 +448,11 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tags.value, (item, index) => {
 							return openBlock(), createBlock(unref(Tag), mergeProps({
 								key: `tag-${item.value}`,
-								class: [`${unref(prefixCls)}-tag`, {
-									[`${unref(prefixCls)}-tag-counter`]: isOverflowCounterTag(item.value),
-									[`${unref(prefixCls)}-tag-overflow`]: isCompressedResponsiveTag(index, item.value)
-								}],
+								class: [`${unref(prefixCls)}-tag`, { [`${unref(prefixCls)}-tag-counter`]: isOverflowCounterTag(item.value) }],
 								closable: isClosableTag(item),
 								visible: "",
-								nowrap: props.tagNowrap || isResponsiveMaxTagCount.value,
-								style: getTagStyle(index)
+								ellipsis: !_ctx.$slots.tag,
+								nowrap: props.tagNowrap || isResponsiveMaxTagCount.value
 							}, { ref_for: true }, item.tagProps, { onClose: ($event) => handleRemove(item.value, index, $event) }), {
 								default: withCtx(() => [createVNode(unref(ReuseTagContent), {
 									item,
@@ -535,8 +463,8 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 							}, 1040, [
 								"class",
 								"closable",
+								"ellipsis",
 								"nowrap",
-								"style",
 								"onClose"
 							]);
 						}), 128)), createElementVNode("input", mergeProps({
@@ -556,9 +484,9 @@ var input_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 							onCompositionstart: handleComposition,
 							onCompositionupdate: handleComposition,
 							onCompositionend: handleComposition
-						}), null, 16, _hoisted_1)]),
+						}), null, 16, _hoisted_2)]),
 						_: 1
-					}, 8, ["class"]),
+					}, 8, ["class"])),
 					showClearBtn.value ? (openBlock(), createBlock(icon_hover_default, {
 						key: 3,
 						class: normalizeClass(`${unref(prefixCls)}-clear-btn`),

package/es/input-tag/style/index.css

@@ -640,14 +640,6 @@
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
   background-color: rgba(255, 255, 255, 0.2);
 }
-.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-overflow {
-  flex-shrink: 1;
-  white-space: nowrap;
-  word-break: normal;
-}
-.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-overflow .sd-tag-text {
-  max-width: 100%;
-}
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-counter {
   flex-shrink: 0;
   white-space: nowrap;
@@ -690,37 +682,6 @@
   visibility: hidden;
   pointer-events: none;
 }
-.sd-input-tag .sd-input-tag-resize-observer {
-  position: absolute;
-  inset: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  visibility: hidden;
-  pointer-events: none;
-}
-.sd-input-tag .sd-input-tag-measure {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  visibility: hidden;
-  pointer-events: none;
-}
-.sd-input-tag .sd-input-tag-measure .sd-input-tag-tag {
-  display: inline-flex;
-  flex-shrink: 0;
-}
-.sd-input-tag .sd-input-tag-tag-ellipsis {
-  display: block;
-  min-width: 0;
-  max-width: 100%;
-  vertical-align: bottom;
-}
 .sd-input-tag.sd-input-tag-focus .sd-input-tag-tag:not(.sd-tag-custom-color):not(.sd-tag-red):not(.sd-tag-orangered):not(.sd-tag-orange):not(.sd-tag-gold):not(.sd-tag-lime):not(.sd-tag-green):not(.sd-tag-cyan):not(.sd-tag-blue):not(.sd-tag-sdblue):not(.sd-tag-purple):not(.sd-tag-pinkpurple):not(.sd-tag-magenta) {
   background-color: var(--sd-color-fill-2);
   border-color: var(--sd-color-fill-2);
@@ -844,4 +805,10 @@
 
 .input-tag-zoom-move {
   transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
+}
+
+.sd-input-tag-item-holder {
+  display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
 }

package/es/input-tag/style/index.scss

@@ -46,3 +46,10 @@ $input-tag-prefix-cls: string.unquote('#{theme.$prefix}-input-tag');
 .input-tag-zoom-move {
   transition: transform theme.$transition-duration-3 theme.$transition-timing-function-overshoot;
 }
+
+// responsive 分支：WrapClamp 每个 item 外层的 TransitionGroup 容器
+.#{$input-tag-prefix-cls}-item-holder {
+  display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
+}

package/es/input-tag/style/input-tag.scss

@@ -142,16 +142,6 @@
         @include icon-hover.icon-hover-bg($tag-prefix-cls, token.$tag-custom-color-icon-bg_hover);
       }
 
-      &.#{$cls}-tag-overflow {
-        flex-shrink: 1;
-        white-space: nowrap;
-        word-break: normal;
-
-        .#{theme.$prefix}-tag-text {
-          max-width: 100%;
-        }
-      }
-
       &.#{$cls}-tag-counter {
         flex-shrink: 0;
         white-space: nowrap;
@@ -179,41 +169,6 @@
     pointer-events: none;
   }
 
-  .#{$cls}-resize-observer {
-    position: absolute;
-    inset: 0;
-    display: block;
-    width: 100%;
-    height: 100%;
-    visibility: hidden;
-    pointer-events: none;
-  }
-
-  .#{$cls}-measure {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: block;
-    width: 100%;
-    max-width: 100%;
-    overflow: hidden;
-    white-space: nowrap;
-    visibility: hidden;
-    pointer-events: none;
-
-    .#{$cls}-tag {
-      display: inline-flex;
-      flex-shrink: 0;
-    }
-  }
-
-  .#{$cls}-tag-ellipsis {
-    display: block;
-    min-width: 0;
-    max-width: 100%;
-    vertical-align: bottom;
-  }
-
   &.#{$cls}-focus {
     .#{$cls}-tag {
       &#{tag-color-not-chain()} {

package/es/link/link.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import IconLoading from "../icon/icon-loading/index.js";
 import Tooltip from "../tooltip/index.js";
-import { hasPropOrSlot } from "../_utils/use-prop-or-slot.js";
 import { PerformantEllipsis } from "../ellipsis/index.js";
+import IconLoading from "../icon/icon-loading/index.js";
+import { hasPropOrSlot } from "../_utils/use-prop-or-slot.js";
 import IconLink from "../icon/icon-link/index.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, useSlots, withCtx } from "vue";
 //#region components/link/link.vue?vue&type=script&setup=true&lang.ts

package/es/list/index.d.ts

@@ -907,10 +907,10 @@ declare const List: {
         split: boolean;
         size: "small" | "medium" | "large";
         scrollbar: boolean | import("../index.ts").ScrollbarProps;
+        maxHeight: string | number;
         loading: boolean;
         bottomOffset: number;
         bordered: boolean;
-        maxHeight: string | number;
         hoverable: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -1817,10 +1817,10 @@ declare const List: {
         split: boolean;
         size: "small" | "medium" | "large";
         scrollbar: boolean | import("../index.ts").ScrollbarProps;
+        maxHeight: string | number;
         loading: boolean;
         bottomOffset: number;
         bordered: boolean;
-        maxHeight: string | number;
         hoverable: boolean;
     }>;
     __isFragment?: never;
@@ -2729,10 +2729,10 @@ declare const List: {
     split: boolean;
     size: "small" | "medium" | "large";
     scrollbar: boolean | import("../index.ts").ScrollbarProps;
+    maxHeight: string | number;
     loading: boolean;
     bottomOffset: number;
     bordered: boolean;
-    maxHeight: string | number;
     hoverable: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/es/list/list.vue.d.ts

@@ -964,10 +964,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     split: boolean;
     size: "small" | "medium" | "large";
     scrollbar: boolean | ScrollbarProps;
+    maxHeight: string | number;
     loading: boolean;
     bottomOffset: number;
     bordered: boolean;
-    maxHeight: string | number;
     hoverable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/menu/base-menu.vue_vue_type_script_setup_true_lang.js

@@ -2,9 +2,9 @@ import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/es
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isObject } from "../_utils/is.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
-import useMergeState from "../_hooks/use-merge-state.js";
-import { omit } from "../_utils/omit.js";
 import usePickSlots from "../_hooks/use-pick-slots.js";
+import { omit } from "../_utils/omit.js";
+import useMergeState from "../_hooks/use-merge-state.js";
 import { MenuInjectionKey } from "./context.js";
 import { provideLevel } from "./hooks/use-level.js";
 import useMenuDataCollector from "./hooks/use-menu-data-collector.js";
@@ -253,7 +253,7 @@ var base_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			const backward = horizontal ? e.key === KEYBOARD_KEY.ARROW_LEFT : e.key === KEYBOARD_KEY.ARROW_UP;
 			if (!forward && !backward && e.key !== KEYBOARD_KEY.HOME && e.key !== KEYBOARD_KEY.END) return;
 			const container = e.currentTarget;
-			const items = Array.from(container.querySelectorAll("[role=\"menuitem\"]")).filter((el) => el.tabIndex === 0);
+			const items = Array.from(container.querySelectorAll("[role=\"menuitem\"]")).filter((el) => el.tabIndex === 0 && el.offsetParent !== null && el.getAttribute("aria-hidden") !== "true");
 			if (!items.length) return;
 			const current = e.target;
 			const idx = items.indexOf(current);