@sdata/web-vue 4.2.0 → 4.3.1

package/es/menu/overflow-wrap.vue_vue_type_script_setup_true_lang.js

@@ -3,9 +3,8 @@ import { unFragment } from "../_utils/vue-utils.js";
 import useMenuContext from "./hooks/use-menu-context.js";
 import { getStyle } from "../_utils/style.js";
 import sub_menu_default from "./sub-menu.js";
-import { Fragment, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, resolveDynamicComponent, unref, useSlots, withCtx } from "vue";
+import { Fragment, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, resolveDynamicComponent, useSlots, withCtx } from "vue";
 import ResizeObserver from "resize-observer-polyfill";
-import { createReusableTemplate } from "@vueuse/core";
 //#region components/menu/overflow-wrap.vue?vue&type=script&setup=true&lang.ts
 var OVERFLOW_THRESHOLD = 10;
 var overflow_wrap_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "MenuOverflowWrap" }), {}, {
@@ -32,10 +31,9 @@ var overflow_wrap_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		const menuItems = computed(() => children.value.map((child, index) => cloneVNode(child, lastVisibleIndex.value !== null && index > lastVisibleIndex.value ? { class: overflowMenuItemClass } : { class: "" })));
 		const overflowMenuItems = computed(() => {
-			if (lastVisibleIndex.value === null) return null;
+			if (lastVisibleIndex.value === null) return [];
 			return children.value.slice(lastVisibleIndex.value + 1).map((child) => cloneVNode(child));
 		});
-		const [DefineOverflowSubMenu, ReuseOverflowSubMenu] = createReusableTemplate({ inheritAttrs: false });
 		function computeLastVisibleIndex() {
 			const wrapperElement = refWrapper.value;
 			if (!wrapperElement) return;
@@ -75,38 +73,34 @@ var overflow_wrap_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			(_refResizeObserver$va = refResizeObserver.value) === null || _refResizeObserver$va === void 0 || _refResizeObserver$va.disconnect();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineOverflowSubMenu), null, {
-				default: withCtx(({ children, mirror }) => [(openBlock(), createBlock(sub_menu_default, {
-					key: `__sd-menu-overflow-sub-menu${mirror ? "-mirror" : ""}`,
-					class: normalizeClass(mirror ? overflowSubMenuMirrorClass : overflowSubMenuClass)
-				}, {
-					title: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("span", null, "...", -1)])]),
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(children, (child) => {
-						var _child$key;
-						return openBlock(), createBlock(resolveDynamicComponent(child), { key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : void 0 });
-					}), 128))]),
-					_: 2
-				}, 1032, ["class"]))]),
-				_: 1
-			}), createElementVNode("div", {
+			return openBlock(), createElementBlock("div", {
 				ref_key: "refWrapper",
 				ref: refWrapper,
 				class: normalizeClass(`${overflowPrefixCls}-wrap`)
 			}, [
-				createVNode(unref(ReuseOverflowSubMenu), {
-					mirror: "",
-					children: []
+				createVNode(sub_menu_default, {
+					key: "__sd-menu-overflow-sub-menu-mirror",
+					class: normalizeClass(overflowSubMenuMirrorClass)
+				}, {
+					title: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("span", null, "...", -1)])]),
+					_: 1
 				}),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(menuItems.value, (item) => {
 					var _item$key;
 					return openBlock(), createBlock(resolveDynamicComponent(item), { key: (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : void 0 });
 				}), 128)),
-				overflowMenuItems.value ? (openBlock(), createBlock(unref(ReuseOverflowSubMenu), {
-					key: 0,
-					children: overflowMenuItems.value,
-					mirror: false
-				}, null, 8, ["children"])) : createCommentVNode("", true)
-			], 2)], 64);
+				overflowMenuItems.value.length > 0 ? (openBlock(), createBlock(sub_menu_default, {
+					key: "__sd-menu-overflow-sub-menu",
+					class: normalizeClass(overflowSubMenuClass)
+				}, {
+					title: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("span", null, "...", -1)])]),
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(overflowMenuItems.value, (child) => {
+						var _child$key;
+						return openBlock(), createBlock(resolveDynamicComponent(child), { key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : void 0 });
+					}), 128))]),
+					_: 1
+				})) : createCommentVNode("", true)
+			], 2);
 		};
 	}
 }));

package/es/menu/style/index.css

@@ -499,7 +499,10 @@
   content: " ";
 }
 .sd-menu-overflow-wrap {
+  display: flex;
+  align-items: center;
   width: 100%;
+  white-space: nowrap;
 }
 .sd-menu-overflow-sub-menu-mirror, .sd-menu-overflow-hidden-menu-item {
   position: absolute !important;
@@ -592,7 +595,7 @@
   color: inherit;
 }
 .sd-menu-pop-trigger.sd-trigger-position-bl {
-  transform: translateY(14px);
+  margin-top: 14px;
 }
 .sd-menu-pop-trigger.sd-trigger-position-bl .sd-trigger-arrow {
   z-index: 0;
@@ -600,7 +603,7 @@
   border-left: 1px solid var(--sd-color-neutral-3);
 }
 .sd-menu-pop-trigger.sd-trigger-position-rt {
-  transform: translateX(8px);
+  margin-left: 8px;
 }
 .sd-menu-pop-trigger.sd-trigger-position-rt .sd-trigger-arrow {
   z-index: 0;

package/es/menu/style/index.scss

@@ -379,7 +379,10 @@ $token-vars: map.merge(meta.module-variables('dropdownToken'), meta.module-varia
   // 水平菜单的动态折叠容器
   &-overflow {
     &-wrap {
+      display: flex;
+      align-items: center;
       width: 100%;
+      white-space: nowrap;
     }
 
     &-sub-menu-mirror,
@@ -509,7 +512,7 @@ $token-vars: map.merge(meta.module-variables('dropdownToken'), meta.module-varia
   // 弹出菜单浮层三角箭头
   &-pop-trigger {
     &.#{theme.$prefix}-trigger-position-bl {
-      transform: translateY($menu-horizontal-padding-vertical);
+      margin-top: $menu-horizontal-padding-vertical;
 
       .#{theme.$prefix}-trigger-arrow {
         z-index: 0;
@@ -519,7 +522,7 @@ $token-vars: map.merge(meta.module-variables('dropdownToken'), meta.module-varia
     }
 
     &.#{theme.$prefix}-trigger-position-rt {
-      transform: translateX($menu-vertical-padding-horizontal);
+      margin-left: $menu-vertical-padding-horizontal;
 
       .#{theme.$prefix}-trigger-arrow {
         z-index: 0;

package/es/modal/index.js

@@ -4,8 +4,8 @@ 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.142.0/helpers/esm/asyncToGenerator.js";
-import { MESSAGE_TYPES } from "../_utils/constant.js";
 import { omit } from "../_utils/omit.js";
+import { MESSAGE_TYPES } from "../_utils/constant.js";
 import modal_default from "./modal.js";
 import { createVNode, nextTick, render } from "vue";
 //#region components/modal/index.ts

package/es/modal/modal.vue_vue_type_script_setup_true_lang.js

@@ -14,9 +14,9 @@ import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.142.0/helpers
 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";
+import Ellipsis from "../ellipsis/index.js";
 import Button from "../button/index.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
-import Ellipsis from "../ellipsis/index.js";
 import { getFocusableElements, useFocusTrap } from "../_hooks/use-focus-trap.js";
 import { useOverflow } from "../_hooks/use-overflow.js";
 import { useDraggable } from "./hooks/use-draggable.js";

package/es/popover/style/index.css

@@ -39,7 +39,6 @@
   margin-top: 4px;
 }
 .sd-popover-popup-arrow {
-  z-index: 1;
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
 }

package/es/popover/style/index.scss

@@ -34,7 +34,6 @@ $popover-prefix-cls: string.unquote('#{theme.$prefix}-popover');
   }
 
   &-popup-arrow {
-    z-index: 1;
     background-color: $popup-color-content-bg;
     border: global.$border-1 solid $popup-color-border;
   }

package/es/rate/rate.vue_vue_type_script_setup_true_lang.js

@@ -5,8 +5,8 @@ import { isNull, isObject, isString, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import { useI18n } from "../locale/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
-import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Tooltip from "../tooltip/index.js";
+import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import IconFaceFrownFill from "../icon/icon-face-frown-fill/index.js";
 import IconFaceMehFill from "../icon/icon-face-meh-fill/index.js";
 import IconFaceSmileFill from "../icon/icon-face-smile-fill/index.js";

package/es/sd-vue.js

@@ -5,9 +5,11 @@ import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Alert from "./alert/index.js";
 import anchor_link_default from "./anchor/anchor-link.js";
 import Anchor from "./anchor/index.js";
-import input_group_default from "./input/input-group.js";
+import { InlineClamp, LineClamp, RichLineClamp, WrapClamp } from "./clamp/index.js";
 import Trigger from "./trigger/index.js";
 import Tooltip from "./tooltip/index.js";
+import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
+import input_group_default from "./input/input-group.js";
 import input_password_default from "./input/input-password.js";
 import button_group_default from "./button/button-group.js";
 import Button from "./button/index.js";
@@ -23,7 +25,6 @@ import Avatar from "./avatar/index.js";
 import BackTop from "./back-top/index.js";
 import NumberFlow, { NumberFlowGroup } from "./number-flow/index.js";
 import Badge from "./badge/index.js";
-import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
 import Link from "./link/index.js";
 import Popconfirm from "./popconfirm/index.js";
 import Space from "./space/index.js";
@@ -191,6 +192,10 @@ var components = {
 	AutoComplete,
 	Cascader,
 	Checkbox,
+	LineClamp,
+	InlineClamp,
+	RichLineClamp,
+	WrapClamp,
 	DatePicker,
 	Form,
 	JsonForm,

package/es/secret/secret.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
-import IconEye from "../icon/icon-eye/index.js";
-import IconEyeInvisible from "../icon/icon-eye-invisible/index.js";
 import Tooltip from "../tooltip/index.js";
 import { PerformantEllipsis } from "../ellipsis/index.js";
+import IconEye from "../icon/icon-eye/index.js";
+import IconEyeInvisible from "../icon/icon-eye-invisible/index.js";
 import Copy from "../copy/index.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, toDisplayString, unref, useModel, withCtx } from "vue";
 //#region components/secret/secret.vue?vue&type=script&setup=true&lang.ts

package/es/select/select.vue_vue_type_script_setup_true_lang.js

@@ -7,13 +7,13 @@ import virtual_list_default from "../_components/virtual-list/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useDropdownVirtualListProps } from "../_hooks/use-dropdown-virtual-list-props.js";
 import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
-import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
 import Tooltip from "../tooltip/index.js";
+import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
+import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { getKeyFromValue, hasEmptyStringKey, isGroupOptionInfo, isValidOption } from "./utils.js";
 import { useSelect } from "./hooks/use-select.js";
 import select_dropdown_default from "./select-dropdown.js";
-import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
 import Checkbox from "../checkbox/index.js";
 import { debounce } from "../_utils/debounce.js";
 import select_view_default from "../_components/select-view/select-view.js";

package/es/sender/sender.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/es
 import { getPrefixCls } from "../_utils/global-config.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";
-import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Tooltip from "../tooltip/index.js";
+import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Button from "../button/index.js";
 import Textarea from "../textarea/index.js";
 import RichTextEditor from "../rich-text-editor/index.js";

package/es/table/index.d.ts

@@ -174,9 +174,9 @@ declare const Table: {
     }>> & Readonly<{
         onChange?: ((_data: import("./interface").TableData[], _extra: import("./interface").TableChangeExtra, _currentData: import("./interface").TableData[]) => any) | undefined;
         onSelect?: ((_rowKeys: (string | number)[], _rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
+        onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
         onPageSizeChange?: ((_pageSize: number) => any) | undefined;
         onPageChange?: ((_page: number) => any) | undefined;
-        onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
         "onUpdate:selectedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
         "onUpdate:expandedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
         onSelectAll?: ((_checked: boolean) => any) | undefined;
@@ -207,9 +207,9 @@ declare const Table: {
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         change: (_data: import("./interface").TableData[], _extra: import("./interface").TableChangeExtra, _currentData: import("./interface").TableData[]) => void;
         select: (_rowKeys: (string | number)[], _rowKey: string | number, _record: import("./interface").TableData) => void;
+        expand: (_rowKey: string | number, _record: import("./interface").TableData) => void;
         pageSizeChange: (_pageSize: number) => void;
         pageChange: (_page: number) => void;
-        expand: (_rowKey: string | number, _record: import("./interface").TableData) => void;
         "update:selectedKeys": (_rowKeys: (string | number)[]) => void;
         "update:expandedKeys": (_rowKeys: (string | number)[]) => void;
         selectAll: (_checked: boolean) => void;
@@ -430,9 +430,9 @@ declare const Table: {
     }>> & Readonly<{
         onChange?: ((_data: import("./interface").TableData[], _extra: import("./interface").TableChangeExtra, _currentData: import("./interface").TableData[]) => any) | undefined;
         onSelect?: ((_rowKeys: (string | number)[], _rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
+        onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
         onPageSizeChange?: ((_pageSize: number) => any) | undefined;
         onPageChange?: ((_page: number) => any) | undefined;
-        onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
         "onUpdate:selectedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
         "onUpdate:expandedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
         onSelectAll?: ((_checked: boolean) => any) | undefined;
@@ -660,9 +660,9 @@ declare const Table: {
 }>> & Readonly<{
     onChange?: ((_data: import("./interface").TableData[], _extra: import("./interface").TableChangeExtra, _currentData: import("./interface").TableData[]) => any) | undefined;
     onSelect?: ((_rowKeys: (string | number)[], _rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
+    onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
     onPageSizeChange?: ((_pageSize: number) => any) | undefined;
     onPageChange?: ((_page: number) => any) | undefined;
-    onExpand?: ((_rowKey: string | number, _record: import("./interface").TableData) => any) | undefined;
     "onUpdate:selectedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
     "onUpdate:expandedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
     onSelectAll?: ((_checked: boolean) => any) | undefined;
@@ -693,9 +693,9 @@ declare const Table: {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_data: import("./interface").TableData[], _extra: import("./interface").TableChangeExtra, _currentData: import("./interface").TableData[]) => void;
     select: (_rowKeys: (string | number)[], _rowKey: string | number, _record: import("./interface").TableData) => void;
+    expand: (_rowKey: string | number, _record: import("./interface").TableData) => void;
     pageSizeChange: (_pageSize: number) => void;
     pageChange: (_page: number) => void;
-    expand: (_rowKey: string | number, _record: import("./interface").TableData) => void;
     "update:selectedKeys": (_rowKeys: (string | number)[]) => void;
     "update:expandedKeys": (_rowKeys: (string | number)[]) => void;
     selectAll: (_checked: boolean) => void;
@@ -788,9 +788,9 @@ declare const Table: {
             rowIndex?: number;
             record?: import("./interface").TableDataWithRaw;
         }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            expand: boolean;
             empty: boolean;
             checked: boolean;
-            expand: boolean;
             record: import("./interface").TableDataWithRaw;
         }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -806,9 +806,9 @@ declare const Table: {
             rowIndex?: number;
             record?: import("./interface").TableDataWithRaw;
         }> & Readonly<{}>, {}, {}, {}, {}, {
+            expand: boolean;
             empty: boolean;
             checked: boolean;
-            expand: boolean;
             record: import("./interface").TableDataWithRaw;
         }>;
         __isFragment?: never;
@@ -821,9 +821,9 @@ declare const Table: {
         rowIndex?: number;
         record?: import("./interface").TableDataWithRaw;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        expand: boolean;
         empty: boolean;
         checked: boolean;
-        expand: boolean;
         record: import("./interface").TableDataWithRaw;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {

package/es/table/table-tr.vue.d.ts

@@ -15,9 +15,9 @@ type __VLS_Slots = {
     }) => VNode[];
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    expand: boolean;
     empty: boolean;
     checked: boolean;
-    expand: boolean;
     record: TableDataWithRaw;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/table/table.vue.d.ts

@@ -182,9 +182,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_data: TableData[], _extra: TableChangeExtra, _currentData: TableData[]) => void;
     select: (_rowKeys: (string | number)[], _rowKey: string | number, _record: TableData) => void;
+    expand: (_rowKey: string | number, _record: TableData) => void;
     pageSizeChange: (_pageSize: number) => void;
     pageChange: (_page: number) => void;
-    expand: (_rowKey: string | number, _record: TableData) => void;
     "update:selectedKeys": (_rowKeys: (string | number)[]) => void;
     "update:expandedKeys": (_rowKeys: (string | number)[]) => void;
     selectAll: (_checked: boolean) => void;
@@ -368,9 +368,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     onChange?: ((_data: TableData[], _extra: TableChangeExtra, _currentData: TableData[]) => any) | undefined;
     onSelect?: ((_rowKeys: (string | number)[], _rowKey: string | number, _record: TableData) => any) | undefined;
+    onExpand?: ((_rowKey: string | number, _record: TableData) => any) | undefined;
     onPageSizeChange?: ((_pageSize: number) => any) | undefined;
     onPageChange?: ((_page: number) => any) | undefined;
-    onExpand?: ((_rowKey: string | number, _record: TableData) => any) | undefined;
     "onUpdate:selectedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
     "onUpdate:expandedKeys"?: ((_rowKeys: (string | number)[]) => any) | undefined;
     onSelectAll?: ((_checked: boolean) => any) | undefined;

package/es/tag/tag.vue_vue_type_script_setup_true_lang.js

@@ -5,9 +5,9 @@ import icon_hover_default from "../_components/icon-hover.js";
 import { isActivationKey } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";
+import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
-import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
 import { extractColorsFromGradient, isGradientString } from "../_utils/color.js";
 import { TAG_COLORS } from "./interface.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, resolveDynamicComponent, unref, useSlots, withCtx, withModifiers } from "vue";

package/es/tag-group/index.d.ts

@@ -33,10 +33,8 @@ declare const TagGroup: {
             label: string | number;
             value: string | number;
             index: number;
-            itemClass: (string | {
-                [x: string]: boolean;
-            })[];
-            itemStyle: import("vue").CSSProperties | undefined;
+            itemClass: string;
+            itemStyle: undefined;
             isOverflow: boolean;
             measure: boolean;
         }) => any;
@@ -47,8 +45,8 @@ declare const TagGroup: {
         }) => any;
     } & {
         counter?: (props: {
-            label: string | number;
-            value: string | number;
+            label: string;
+            value: string;
             hiddenCount: number;
             measure: boolean;
             counterClass: string;

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

@@ -39,6 +39,12 @@
   display: flex;
   width: 100%;
 }
+.sd-tag-group-inner[data-part=content], .sd-tag-group-inner [data-part=content] {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  max-width: 100%;
+}
 .sd-tag-group-popover {
   flex-wrap: wrap;
   max-width: 320px;
@@ -58,35 +64,6 @@
 .sd-tag-group-counter-content {
   max-width: 100%;
 }
-.sd-tag-group-item-content-overflow {
-  min-width: 0;
-}
 .sd-tag-group-item-content > .sd-tag, .sd-tag-group-counter-content > .sd-tag, .sd-tag-group-item-content > .sd-link, .sd-tag-group-counter-content > .sd-link, .sd-tag-group-item-content > a, .sd-tag-group-counter-content > a, .sd-tag-group-item-content > span, .sd-tag-group-counter-content > span {
   max-width: 100%;
-}
-.sd-tag-group-item-ellipsis {
-  max-width: 100%;
-}
-.sd-tag-group-measure {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  display: inline-flex;
-  gap: 4px;
-  align-items: center;
-  height: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  visibility: hidden;
-  pointer-events: none;
-}
-.sd-tag-group-measure .sd-tag-group-item {
-  flex: 0 0 auto;
-  max-width: none;
-}
-.sd-tag-group-resize-observer {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
 }

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

@@ -37,6 +37,15 @@ $link-prefix-cls: string.unquote('#{theme.$prefix}-link');
     width: 100%;
   }
 
+  // WrapClamp 在根节点内注入一层 [data-part='content'] 包裹，gap 需要作用到这一层
+  &-inner[data-part='content'],
+  &-inner [data-part='content'] {
+    display: inline-flex;
+    gap: $tag-group-gap;
+    align-items: center;
+    max-width: 100%;
+  }
+
   &-popover {
     flex-wrap: wrap;
     max-width: $tag-group-popover-max-width;
@@ -61,10 +70,6 @@ $link-prefix-cls: string.unquote('#{theme.$prefix}-link');
     max-width: 100%;
   }
 
-  &-item-content-overflow {
-    min-width: 0;
-  }
-
   &-item-content > .#{$tag-prefix-cls},
   &-counter-content > .#{$tag-prefix-cls},
   &-item-content > .#{$link-prefix-cls},
@@ -75,34 +80,4 @@ $link-prefix-cls: string.unquote('#{theme.$prefix}-link');
   &-counter-content > span {
     max-width: 100%;
   }
-
-  &-item-ellipsis {
-    max-width: 100%;
-  }
-
-  &-measure {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: -1;
-    display: inline-flex;
-    gap: $tag-group-gap;
-    align-items: center;
-    height: 0;
-    overflow: hidden;
-    white-space: nowrap;
-    visibility: hidden;
-    pointer-events: none;
-  }
-
-  &-measure &-item {
-    flex: 0 0 auto;
-    max-width: none;
-  }
-
-  &-resize-observer {
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-  }
 }

package/es/tag-group/tag-group.vue.d.ts

@@ -1,4 +1,3 @@
-import type { CSSProperties } from 'vue';
 import type { TagGroupObjectOption, TagGroupOption, TagGroupProps } from './interface';
 declare var __VLS_13: {
     data: TagGroupObjectOption;
@@ -6,30 +5,28 @@ declare var __VLS_13: {
     label: string | number;
     value: string | number;
     index: number;
-    itemClass: (string | {
-        [x: string]: boolean;
-    })[];
-    itemStyle: CSSProperties | undefined;
+    itemClass: string;
+    itemStyle: undefined;
     isOverflow: boolean;
     measure: boolean;
 }, __VLS_21: {
     data: TagGroupObjectOption;
     option: TagGroupObjectOption;
-}, __VLS_41: {
-    label: string | number;
-    value: string | number;
+}, __VLS_42: {
+    label: string;
+    value: string;
     hiddenCount: number;
     measure: boolean;
     counterClass: string;
-}, __VLS_49: {};
+}, __VLS_55: {};
 type __VLS_Slots = {} & {
     item?: (props: typeof __VLS_13) => any;
 } & {
     label?: (props: typeof __VLS_21) => any;
 } & {
-    counter?: (props: typeof __VLS_41) => any;
+    counter?: (props: typeof __VLS_42) => any;
 } & {
-    default?: (props: typeof __VLS_49) => any;
+    default?: (props: typeof __VLS_55) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TagGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TagGroupProps> & Readonly<{}>, {
     options: TagGroupOption[];