@koi-design/uxd-ui 13.2.6 → 13.2.8

package/uxd-ui.esm.mjs

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@3.2.6 */
+/*! @koi-design/uxd-ui@3.2.8 */
 
 import { defineComponent, reactive, watch, provide, inject, computed, onMounted, ref, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, withDirectives, vShow, createBlock, resolveDynamicComponent, createCommentVNode, toRaw, resolveComponent, Transition, withCtx, createVNode, toDisplayString, isVNode, Comment as Comment$1, Fragment, Text as Text$1, h, shallowRef, toRef, nextTick, onUpdated, onUnmounted, cloneVNode, Teleport, toRefs, withModifiers, mergeProps, renderList, onBeforeUpdate, createTextVNode, watchEffect, onActivated, onDeactivated, normalizeProps, guardReactiveProps, createStaticVNode, withKeys, TransitionGroup, createApp, onBeforeMount } from 'vue';
 import { URoundClose, USolidCheckmarkCircle, USolidCloseCircle, USolidAlertCircle, USolidInfoCircle, ULineLoading, URoundSearch, URoundCloseCircle, URoundEyeOpen, URoundEyeOff, URoundCheck, ULineEnter, ULineUp, ULineDown, ULineRight, ULineMenu, URoundDown, USolidCheck, USolidRemove, UColorfulEmpty, ULineSearch, ULineLeft, USolidDown, ULineSortRight, ULineLeftDouble, ULineRightDouble, URoundCalendar, ULineShrink, ULineMagnify, ULineRefreshLeft, ULineRefreshRight, ULineScreenOpen, ULineScaleToOriginal, USolidCaretLeft, USolidCaretRight, ULineUnfold, ULinePack, ULinePicture, ULineAlertCircle, USolidStar, UColorfulNotFound, UColorfulStatisticsEmpty, UColorfulMessageEmpty, USolidFilter, USolidCaretUp, USolidCaretDown, ULineCanDrag, ULineAdd, URoundTime, ULineText, ULineDelete, USolidHelpCircle, URoundHelpCircle, ULineInfoCircle, ULineCheckmarkCircle } from '@koi-design/uxd-icon';
@@ -19,7 +19,7 @@ const camelize$1 = cacheStringFunction(
 );
 /*! #__NO_SIDE_EFFECTS__ */
 /**
-* @vue/shared v3.5.13
+* @vue/shared v3.5.18
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -593,7 +593,7 @@ function getOffset(element, scrollElement) {
     left: rect.left + scrollLeft - clientLeft
   };
 }
-const _sfc_main$2g = defineComponent({
+const _sfc_main$2f = defineComponent({
   name: "UAffix",
   props: affixProps,
   emits: affixEmits,
@@ -687,9 +687,9 @@ const _sfc_main$2g = defineComponent({
     };
   }
 });
-const _hoisted_1$$ = { ref: "containerRef" };
-function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$$, [
+const _hoisted_1$_ = { ref: "containerRef" };
+function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$_, [
     createElementVNode("div", {
       ref: "pointRef",
       class: normalizeClass(_ctx.classes),
@@ -704,7 +704,7 @@ function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 512);
 }
-var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$2e], ["__file", "Affix.vue"]]);
+var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2d], ["__file", "Affix.vue"]]);
 
 const UAffix = withInstall(Affix);
 
@@ -728,7 +728,7 @@ const iconEmits = {
   click: (ev) => ev instanceof Event
 };
 
-const _sfc_main$2f = defineComponent({
+const _sfc_main$2e = defineComponent({
   name: "UIcon",
   props: iconProps,
   emits: iconEmits,
@@ -770,7 +770,7 @@ const _sfc_main$2f = defineComponent({
     };
   }
 });
-function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("i", {
     class: normalizeClass([
       {
@@ -786,7 +786,7 @@ function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2d], ["__file", "Icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$2c], ["__file", "Icon.vue"]]);
 
 const UIcon = withInstall(Icon);
 
@@ -1104,7 +1104,7 @@ const alertEmits = {
   "update:visible": (v) => typeof v === "boolean"
 };
 
-const _sfc_main$2e = defineComponent({
+const _sfc_main$2d = defineComponent({
   name: "UAlert",
   components: {
     UIcon,
@@ -1167,8 +1167,8 @@ const _sfc_main$2e = defineComponent({
     };
   }
 });
-const _hoisted_1$_ = ["data-color"];
-function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$Z = ["data-color"];
+function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = resolveComponent("UIcon");
   const _component_URoundClose = resolveComponent("URoundClose");
   return openBlock(), createBlock(Transition, {
@@ -1222,12 +1222,12 @@ function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
             })
           ])
         ], 2)) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1$_)) : createCommentVNode("v-if", true)
+      ], 10, _hoisted_1$Z)) : createCommentVNode("v-if", true)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$2c], ["__file", "Alert.vue"]]);
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$2b], ["__file", "Alert.vue"]]);
 
 const UAlert = withInstall(Alert);
 
@@ -3503,7 +3503,7 @@ const formItemProps = {
   }
 };
 
-const _sfc_main$2d = defineComponent({
+const _sfc_main$2c = defineComponent({
   name: "UForm",
   props: formProps,
   emits: formEmits,
@@ -3627,7 +3627,7 @@ const _sfc_main$2d = defineComponent({
     };
   }
 });
-function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("form", {
     class: normalizeClass([
       _ctx.prefixCls,
@@ -3643,7 +3643,7 @@ function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 34);
 }
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$2b], ["__file", "Form.vue"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$2a], ["__file", "Form.vue"]]);
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeGlobal$1 = freeGlobal;
@@ -7515,7 +7515,7 @@ var ResizeObserver$1 = defineComponent({
       if (stateWidth !== _width || stateHeight !== _height) {
         stateWidth = _width;
         stateHeight = _height;
-        emit("resize", { widht: _width, height: _height });
+        emit("resize", { widht: _width, width: _width, height: _height });
       }
     };
     const destroyObserver = () => {
@@ -7562,7 +7562,7 @@ var ResizeObserver$1 = defineComponent({
   }
 });
 
-const _sfc_main$2c = defineComponent({
+const _sfc_main$2b = defineComponent({
   name: "ListContent",
   components: {
     ResizeObserver: ResizeObserver$1
@@ -7620,7 +7620,7 @@ const _sfc_main$2c = defineComponent({
     };
   }
 });
-function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ResizeObserver = resolveComponent("ResizeObserver");
   return openBlock(), createElementBlock("div", {
     ref: _ctx.contentRef,
@@ -7641,7 +7641,7 @@ function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onResize"])
   ], 4);
 }
-var ListContent = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$2a], ["__file", "ListContent.vue"]]);
+var ListContent = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$29], ["__file", "ListContent.vue"]]);
 
 const ListItem$2 = ({
   itemRef
@@ -7766,7 +7766,7 @@ raf_1.polyfill = polyfill;
 function getPageY(e) {
   return "touches" in e ? e.touches[0].pageY : e.pageY;
 }
-const _sfc_main$2b = defineComponent({
+const _sfc_main$2a = defineComponent({
   name: "VirtualScrollBar",
   props: {
     prefixCls: {
@@ -7914,7 +7914,7 @@ const _sfc_main$2b = defineComponent({
     };
   }
 });
-function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "scrollBarRef",
     class: normalizeClass(`${_ctx.prefixCls}-scrollbar`),
@@ -7956,7 +7956,7 @@ function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 38)
   ], 38);
 }
-var VirtualScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$29], ["__file", "VirtualScrollBar.vue"]]);
+var VirtualScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$28], ["__file", "VirtualScrollBar.vue"]]);
 
 function useHeight(getKey, useVirtual, props, state, contentRef) {
   const instance = /* @__PURE__ */ new Map();
@@ -8194,7 +8194,7 @@ function useScrollTo(containerRef, state, heights, props, getKey, collectHeight,
   };
 }
 
-const _sfc_main$2a = defineComponent({
+const _sfc_main$29 = defineComponent({
   name: "UVirtualList",
   components: {
     ListContent,
@@ -8395,7 +8395,7 @@ const _sfc_main$2a = defineComponent({
     };
   }
 });
-function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ListItem = resolveComponent("ListItem");
   const _component_ListContent = resolveComponent("ListContent");
   const _component_VirtualScrollBar = resolveComponent("VirtualScrollBar");
@@ -8446,7 +8446,7 @@ function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["prefix-cls", "height", "count", "scroll-height", "scroll-top", "onScroll"])) : createCommentVNode("v-if", true)
   ], 16);
 }
-var VirtualList$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$28], ["__file", "VirtualList.vue"]]);
+var VirtualList$1 = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$27], ["__file", "VirtualList.vue"]]);
 
 var VirtualList = withInstall(VirtualList$1);
 
@@ -8805,7 +8805,7 @@ function useShouldRender(show, desdroyOnClose, animationEnd, renderFunction) {
   return desdroyOnClose && animationEnd ? null : renderFunction == null ? void 0 : renderFunction();
 }
 
-const _sfc_main$29 = defineComponent({
+const _sfc_main$28 = defineComponent({
   name: "OptionList",
   components: {
     VirtualList,
@@ -9055,9 +9055,9 @@ const _sfc_main$29 = defineComponent({
     };
   }
 });
-const _hoisted_1$Z = ["title", "onMousemove", "onClick"];
-const _hoisted_2$q = ["id"];
-function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$Y = ["title", "onMousemove", "onClick"];
+const _hoisted_2$p = ["id"];
+function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_u_checkbox = resolveComponent("u-checkbox");
   const _component_URoundCheck = resolveComponent("URoundCheck");
   const _component_UIcon = resolveComponent("UIcon");
@@ -9084,6 +9084,7 @@ function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["class", "model-value", "indeterminate", "disabled", "onChange"])
     ], 34)) : createCommentVNode("v-if", true),
+    renderSlot(_ctx.$slots, "top"),
     createVNode(_component_VirtualList, {
       ref: "listRef",
       "prefix-cls": `${_ctx.prefixCls}-dropdown-list`,
@@ -9164,7 +9165,7 @@ function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["class"])) : createCommentVNode("v-if", true)
-        ], 46, _hoisted_1$Z))
+        ], 46, _hoisted_1$Y))
       ]),
       _: 1
     }, 8, ["prefix-cls", "data", "height", "item-height", "virtual", "data-color", "onScrollAtTop", "onScrollAtBottom"])
@@ -9177,9 +9178,9 @@ function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
     }, ["prevent"]))
   }, [
     renderSlot(_ctx.$slots, "empty")
-  ], 42, _hoisted_2$q));
+  ], 42, _hoisted_2$p));
 }
-var DropdownMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$27], ["__file", "DropdownMenu.vue"]]);
+var DropdownMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$26], ["__file", "DropdownMenu.vue"]]);
 
 const getInnerText = (children) => {
   if (children && children.length > 0) {
@@ -9546,7 +9547,7 @@ const autoCompleteEmits = {
   select: (val) => typeof val === "string"
 };
 
-const _sfc_main$28 = defineComponent({
+const _sfc_main$27 = defineComponent({
   name: "UAutoComplete",
   components: {
     Popup,
@@ -9673,7 +9674,7 @@ const _sfc_main$28 = defineComponent({
     };
   }
 });
-function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UInput = resolveComponent("UInput");
   const _component_ULineLoading = resolveComponent("ULineLoading");
   const _component_UIcon = resolveComponent("UIcon");
@@ -9751,7 +9752,7 @@ function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["prefix-cls", "visible", "popup-class", "popup-style", "click-outside"])
   ], 2);
 }
-var AutoComplete = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$26], ["__file", "AutoComplete.vue"]]);
+var AutoComplete = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$25], ["__file", "AutoComplete.vue"]]);
 
 const selectProps = {
   modelValue: {
@@ -9820,7 +9821,7 @@ const selectProps = {
     type: Function
   },
   maxTagTextLength: {
-    type: Number
+    type: [Number, String]
   },
   tagRender: {
     type: Function
@@ -10098,7 +10099,7 @@ const anchorLinkEmits = {
   change: (href, ev) => typeof href === "string" && ev instanceof Event
 };
 
-const _sfc_main$27 = defineComponent({
+const _sfc_main$26 = defineComponent({
   name: "UAnchor",
   props: anchorProps,
   emits: anchorEmits,
@@ -10298,7 +10299,7 @@ const _sfc_main$27 = defineComponent({
     };
   }
 });
-function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.wrapperComponent), {
     container: _ctx.container,
     "offset-top": _ctx.offsetTop,
@@ -10330,9 +10331,9 @@ function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 40, ["container", "offset-top", "offset-bottom", "onOnChange"]);
 }
-var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$25], ["__file", "Anchor.vue"]]);
+var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$24], ["__file", "Anchor.vue"]]);
 
-const _sfc_main$26 = defineComponent({
+const _sfc_main$25 = defineComponent({
   name: "UAnchorLink",
   props: anchorLinkProps,
   emits: anchorLinkEmits,
@@ -10371,8 +10372,8 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-const _hoisted_1$Y = ["href", "data-scroll-offset", "data-href", "title"];
-function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$X = ["href", "data-scroll-offset", "data-href", "title"];
+function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([`${_ctx.prefixCls}`, { [`${_ctx.prefixCls}-active`]: !!_ctx.anchorLinkClasses }])
   }, [
@@ -10383,11 +10384,11 @@ function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
       "data-href": _ctx.href,
       title: _ctx.title,
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.goAnchor && _ctx.goAnchor(...args), ["prevent"]))
-    }, toDisplayString(_ctx.title), 11, _hoisted_1$Y),
+    }, toDisplayString(_ctx.title), 11, _hoisted_1$X),
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$24], ["__file", "AnchorLink.vue"]]);
+var AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$23], ["__file", "AnchorLink.vue"]]);
 
 const UAnchor = withInstall(Anchor, { Link: AnchorLink });
 
@@ -10421,7 +10422,7 @@ const avatarEmits = {
 };
 
 const sizeList = ["small", "large", "default"];
-const _sfc_main$25 = defineComponent({
+const _sfc_main$24 = defineComponent({
   name: "UAvatar",
   components: {
     UIcon
@@ -10493,8 +10494,8 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-const _hoisted_1$X = ["src"];
-function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$W = ["src"];
+function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = resolveComponent("UIcon");
   return openBlock(), createElementBlock("span", {
     ref: "avatar",
@@ -10513,7 +10514,7 @@ function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       src: _ctx.src,
       onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-    }, null, 40, _hoisted_1$X)) : _ctx.icon ? (openBlock(), createBlock(_component_UIcon, { key: 1 }, {
+    }, null, 40, _hoisted_1$W)) : _ctx.icon ? (openBlock(), createBlock(_component_UIcon, { key: 1 }, {
       default: withCtx(() => [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
       ]),
@@ -10528,7 +10529,7 @@ function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6))
   ], 6);
 }
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$23], ["__file", "Avatar.vue"]]);
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$22], ["__file", "Avatar.vue"]]);
 
 const popoverTrigger = ["hover", "focus", "click", "contextmenu"];
 const popoverType = ["popover", "popConfirm"];
@@ -10596,7 +10597,7 @@ const popoverEmits = {
   "update:visible": (v) => typeof v === "boolean"
 };
 
-const _sfc_main$24 = defineComponent({
+const _sfc_main$23 = defineComponent({
   name: "UPopover",
   components: {
     Popup
@@ -10679,7 +10680,7 @@ const _sfc_main$24 = defineComponent({
     };
   }
 });
-function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Popup = resolveComponent("Popup");
   return _ctx.disabled ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(_component_Popup, {
     key: 1,
@@ -10736,7 +10737,7 @@ function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["class", "style", "prefix-cls", "popup-class", "popup-style", "visible", "placement", "trigger", "mouse-enter-delay", "offset", "destroy-popup-on-hide", "onPopupVisibleChange"]));
 }
-var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$22], ["__file", "Popover.vue"]]);
+var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$21], ["__file", "Popover.vue"]]);
 
 var AvatarGroup = defineComponent({
   name: "UAvatarGroup",
@@ -10812,7 +10813,7 @@ const backTopProps = {
   }
 };
 
-const _sfc_main$23 = defineComponent({
+const _sfc_main$22 = defineComponent({
   name: "UBackTop",
   components: {
     UIcon,
@@ -10879,7 +10880,7 @@ const _sfc_main$23 = defineComponent({
     };
   }
 });
-function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ULineUp = resolveComponent("ULineUp");
   const _component_UIcon = resolveComponent("UIcon");
   return openBlock(), createElementBlock("div", {
@@ -10901,7 +10902,7 @@ function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$21], ["__file", "BackTop.vue"]]);
+var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$20], ["__file", "BackTop.vue"]]);
 
 const UBackTop = withInstall(BackTop);
 
@@ -10950,7 +10951,7 @@ const badgeProps = {
 };
 
 const initColorList = colorType.toString().split(",");
-const _sfc_main$22 = defineComponent({
+const _sfc_main$21 = defineComponent({
   name: "UBadge",
   props: badgeProps,
   setup(props) {
@@ -11042,10 +11043,10 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-const _hoisted_1$W = ["data-color"];
-const _hoisted_2$p = { class: "uui-badge-status-text" };
-const _hoisted_3$7 = ["data-color"];
-function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$V = ["data-color"];
+const _hoisted_2$o = { class: "uui-badge-status-text" };
+const _hoisted_3$6 = ["data-color"];
+function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.dot ? (openBlock(), createElementBlock("span", {
     key: 0,
     class: normalizeClass(_ctx.prefixCls)
@@ -11071,8 +11072,8 @@ function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       "data-color": _ctx.computedColor,
       style: normalizeStyle(_ctx.statusStyles)
-    }, null, 14, _hoisted_1$W),
-    createElementVNode("span", _hoisted_2$p, [
+    }, null, 14, _hoisted_1$V),
+    createElementVNode("span", _hoisted_2$o, [
       renderSlot(_ctx.$slots, "text", {}, () => [
         createTextVNode(toDisplayString(_ctx.text), 1)
       ])
@@ -11110,12 +11111,12 @@ function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "text", {}, () => [
         createTextVNode(toDisplayString(_ctx.finalCount), 1)
       ])
-    ], 14, _hoisted_3$7)), [
+    ], 14, _hoisted_3$6)), [
       [vShow, _ctx.badgeShow]
     ]) : createCommentVNode("v-if", true)
   ], 2));
 }
-var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$20], ["__file", "Badge.vue"]]);
+var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1$], ["__file", "Badge.vue"]]);
 
 const UBadge = withInstall(Badge);
 
@@ -11315,7 +11316,7 @@ const menuItemGroupProps = {
 };
 
 let guid$1 = -1;
-const _sfc_main$21 = defineComponent({
+const _sfc_main$20 = defineComponent({
   name: "USubMenu",
   components: {
     Popup,
@@ -11448,11 +11449,11 @@ const _sfc_main$21 = defineComponent({
     };
   }
 });
-const _hoisted_1$V = ["aria-expanded", "aria-owns"];
-const _hoisted_2$o = ["id"];
-const _hoisted_3$6 = ["data-color", "aria-owns"];
+const _hoisted_1$U = ["aria-expanded", "aria-owns"];
+const _hoisted_2$n = ["id"];
+const _hoisted_3$5 = ["data-color", "aria-owns"];
 const _hoisted_4$2 = ["id"];
-function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ULineDown = resolveComponent("ULineDown");
   const _component_UIcon = resolveComponent("UIcon");
   const _component_CollapseTransition = resolveComponent("CollapseTransition");
@@ -11490,7 +11491,7 @@ function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["class"])
-      ], 14, _hoisted_1$V),
+      ], 14, _hoisted_1$U),
       createCommentVNode(' <transition name="slide-up"> '),
       createVNode(_component_CollapseTransition, { appear: "" }, {
         default: withCtx(() => [
@@ -11500,7 +11501,7 @@ function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
             style: normalizeStyle(_ctx.subMenuStyle)
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 14, _hoisted_2$o), [
+          ], 14, _hoisted_2$n), [
             [vShow, _ctx.isOpen]
           ])
         ]),
@@ -11552,13 +11553,13 @@ function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["class"])
-        ], 10, _hoisted_3$6)
+        ], 10, _hoisted_3$5)
       ]),
       _: 3
     }, 8, ["aria-owns", "popup-class", "prefix", "placement", "offset", "trigger", "mouse-enter-delay", "mouse-leave-delay", "transition-name", "get-popup-container", "onPopupVisibleChange", "onClick"]))
   ], 2);
 }
-var SubMenu = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1$], ["__file", "SubMenu.vue"]]);
+var SubMenu = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1_], ["__file", "SubMenu.vue"]]);
 
 const FLOAT_PRECISION_ADJUST = 0.5;
 const getWidth$1 = (elem) => {
@@ -11948,7 +11949,7 @@ const tooltipEmits = {
   "update:visible": (v) => typeof v === "boolean"
 };
 
-const _sfc_main$20 = defineComponent({
+const _sfc_main$1$ = defineComponent({
   name: "UTooltip",
   components: {
     Popup
@@ -12021,9 +12022,9 @@ const _sfc_main$20 = defineComponent({
     };
   }
 });
-const _hoisted_1$U = ["data-color"];
-const _hoisted_2$n = ["data-color"];
-function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$T = ["data-color"];
+const _hoisted_2$m = ["data-color"];
+function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Popup = resolveComponent("Popup");
   return _ctx.disabled ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(_component_Popup, mergeProps({
     key: 1,
@@ -12045,7 +12046,7 @@ function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(`${_ctx.prefixCls}-arrow`),
         "data-color": _ctx.color,
         style: normalizeStyle(_ctx.arrowStyle)
-      }, null, 14, _hoisted_1$U),
+      }, null, 14, _hoisted_1$T),
       createElementVNode("div", {
         ref: "innerRef",
         class: normalizeClass(`${_ctx.prefixCls}-inner`),
@@ -12055,7 +12056,7 @@ function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "title", {}, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
-      ], 10, _hoisted_2$n)
+      ], 10, _hoisted_2$m)
     ]),
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
@@ -12063,12 +12064,12 @@ function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["prefix-cls", "popup-class", "popup-style", "visible", "placement", "trigger", "offset", "mouse-enter-delay", "mouse-leave-delay", "destroy-popup-on-hide", "onPopupVisibleChange"]));
 }
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1_], ["__file", "Tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1Z], ["__file", "Tooltip.vue"]]);
 
 const UTooltip = withInstall(Tooltip);
 
 let guid = -1;
-const _sfc_main$1$ = defineComponent({
+const _sfc_main$1_ = defineComponent({
   name: "UMenuItem",
   components: {
     UTooltip
@@ -12156,8 +12157,8 @@ const _sfc_main$1$ = defineComponent({
     };
   }
 });
-const _hoisted_1$T = ["data-color"];
-function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$S = ["data-color"];
+function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UTooltip = resolveComponent("UTooltip");
   return openBlock(), createBlock(_component_UTooltip, {
     title: _ctx.title,
@@ -12183,14 +12184,14 @@ function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
-      ], 16, _hoisted_1$T)
+      ], 16, _hoisted_1$S)
     ]),
     _: 3
   }, 8, ["title", "disabled", "class"]);
 }
-var MenuItem$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1Z], ["__file", "MenuItem.vue"]]);
+var MenuItem$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1Y], ["__file", "MenuItem.vue"]]);
 
-const _sfc_main$1_ = defineComponent({
+const _sfc_main$1Z = defineComponent({
   name: "UMenuItemGroup",
   props: menuItemGroupProps,
   setup() {
@@ -12200,7 +12201,7 @@ const _sfc_main$1_ = defineComponent({
     };
   }
 });
-function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(`${_ctx.rootPrefixCls}-item-group`)
   }, [
@@ -12218,9 +12219,9 @@ function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1Y], ["__file", "MenuItemGroup.vue"]]);
+var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1X], ["__file", "MenuItemGroup.vue"]]);
 
-const _sfc_main$1Z = defineComponent({
+const _sfc_main$1Y = defineComponent({
   name: "UMenuDivider",
   setup() {
     const { rootPrefixCls } = inject("menuStore", {});
@@ -12229,12 +12230,12 @@ const _sfc_main$1Z = defineComponent({
     };
   }
 });
-function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     class: normalizeClass([`${_ctx.rootPrefixCls}-item-divider`])
   }, null, 2);
 }
-var MenuDivider = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1X], ["__file", "MenuDivider.vue"]]);
+var MenuDivider = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1W], ["__file", "MenuDivider.vue"]]);
 
 const UMenu = withInstall(Menu, {
   Item: MenuItem$2,
@@ -12315,7 +12316,7 @@ const dropdownEmits = {
   "update:visible": (v) => typeof v === "boolean"
 };
 
-const _sfc_main$1Y = defineComponent({
+const _sfc_main$1X = defineComponent({
   name: "UDropdown",
   components: {
     Popup
@@ -12364,7 +12365,7 @@ const _sfc_main$1Y = defineComponent({
     };
   }
 });
-function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Popup = resolveComponent("Popup");
   return openBlock(), createBlock(_component_Popup, {
     placement: _ctx.placement,
@@ -12398,9 +12399,9 @@ function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["placement", "prefix-cls", "class", "disabled", "style", "offset", "visible", "trigger", "popup-class", "popup-style", "mouse-enter-delay", "mouse-leave-delay", "transition-name", "destroy-popup-on-hide", "get-popup-container", "modifiers", "onPopupVisibleChange"]);
 }
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1W], ["__file", "Dropdown.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$1V], ["__file", "Dropdown.vue"]]);
 
-function _isSlot$5(s) {
+function _isSlot$6(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var DropdownMenu = defineComponent({
@@ -12464,7 +12465,7 @@ var DropdownMenu = defineComponent({
         let _slot;
         return createVNode(UMenu.ItemGroup, {
           "title": m.title
-        }, _isSlot$5(_slot = m.children.map(renderItem)) ? _slot : {
+        }, _isSlot$6(_slot = m.children.map(renderItem)) ? _slot : {
           default: () => [_slot]
         });
       }
@@ -12511,7 +12512,7 @@ var DropdownMenu = defineComponent({
         [`${prefixCls}-menu-with-icon`]: this.icon
       },
       "style": this.style
-    }, _isSlot$5(menus) ? menus : {
+    }, _isSlot$6(menus) ? menus : {
       default: () => [menus]
     });
   }
@@ -12600,7 +12601,7 @@ const buttonGroupProps = {
   }
 };
 
-const _sfc_main$1X = defineComponent({
+const _sfc_main$1W = defineComponent({
   name: "UButton",
   components: {
     UIcon
@@ -12642,18 +12643,18 @@ const _sfc_main$1X = defineComponent({
     };
   }
 });
-const _hoisted_1$S = ["data-color", "type", "disabled"];
-const _hoisted_2$m = {
+const _hoisted_1$R = ["data-color", "type", "disabled"];
+const _hoisted_2$l = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_3$5 = { "clip-path": "url(#clip0_165_1518)" };
+const _hoisted_3$4 = { "clip-path": "url(#clip0_165_1518)" };
 const _hoisted_4$1 = ["fill"];
 const _hoisted_5 = ["id"];
 const _hoisted_6 = { key: 2 };
-function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = resolveComponent("UIcon");
   return openBlock(), createElementBlock("button", {
     ref: "buttonRef",
@@ -12683,8 +12684,8 @@ function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
       spin: ""
     }, {
       default: withCtx(() => [
-        (openBlock(), createElementBlock("svg", _hoisted_2$m, [
-          createElementVNode("g", _hoisted_3$5, [
+        (openBlock(), createElementBlock("svg", _hoisted_2$l, [
+          createElementVNode("g", _hoisted_3$4, [
             createElementVNode("path", {
               "fill-rule": "evenodd",
               "clip-rule": "evenodd",
@@ -12728,11 +12729,11 @@ function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.showSlot ? (openBlock(), createElementBlock("span", _hoisted_6, [
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$S);
+  ], 10, _hoisted_1$R);
 }
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$1V], ["__file", "Button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$1U], ["__file", "Button.vue"]]);
 
-const _sfc_main$1W = defineComponent({
+const _sfc_main$1V = defineComponent({
   name: "UButtonGroup",
   props: buttonGroupProps,
   setup() {
@@ -12742,7 +12743,7 @@ const _sfc_main$1W = defineComponent({
     };
   }
 });
-function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       `${_ctx.prefixCls}`,
@@ -12756,7 +12757,7 @@ function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$1U], ["__file", "ButtonGroup.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$1T], ["__file", "ButtonGroup.vue"]]);
 
 const UButton = withInstall(Button, {
   Group: ButtonGroup
@@ -12923,7 +12924,7 @@ var BreadcrumbItem = defineComponent({
   }
 });
 
-function _isSlot$4(s) {
+function _isSlot$5(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const UMenuItem = UMenu.Item;
@@ -12993,11 +12994,11 @@ var Breadcrumb = defineComponent({
       if (routeChildren && !!routeChildren.length) {
         return () => {
           let _slot2;
-          return createVNode(UMenu, null, _isSlot$4(_slot2 = routeChildren.map((routeChild, index) => {
+          return createVNode(UMenu, null, _isSlot$5(_slot2 = routeChildren.map((routeChild, index) => {
             let _slot;
             return createVNode(UMenuItem, {
               "key": index
-            }, _isSlot$4(_slot = renderRouteItem(routeChild)) ? _slot : {
+            }, _isSlot$5(_slot = renderRouteItem(routeChild)) ? _slot : {
               default: () => [_slot]
             });
           })) ? _slot2 : {
@@ -13414,7 +13415,7 @@ const checkboxGroupEmits = {
   change: (v) => Array.isArray(v) && v.every((x) => x === void 0 || typeof x === "number" || typeof x === "string")
 };
 
-const _sfc_main$1V = defineComponent({
+const _sfc_main$1U = defineComponent({
   name: "UCheckbox",
   components: {
     UIcon,
@@ -13525,9 +13526,9 @@ const _sfc_main$1V = defineComponent({
     };
   }
 });
-const _hoisted_1$R = ["data-color"];
-const _hoisted_2$l = ["disabled", "checked", "name"];
-function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$Q = ["data-color"];
+const _hoisted_2$k = ["disabled", "checked", "name"];
+function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_USolidCheck = resolveComponent("USolidCheck");
   const _component_USolidRemove = resolveComponent("USolidRemove");
   const _component_UIcon = resolveComponent("UIcon");
@@ -13576,7 +13577,7 @@ function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
         onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
         onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args))
-      }, null, 42, _hoisted_2$l)
+      }, null, 42, _hoisted_2$k)
     ], 2),
     _ctx.showSlot ? (openBlock(), createElementBlock("span", {
       key: 0,
@@ -13586,11 +13587,11 @@ function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.value), 1)
       ])
     ], 2)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$R);
+  ], 10, _hoisted_1$Q);
 }
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$1T], ["__file", "Checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1S], ["__file", "Checkbox.vue"]]);
 
-const _sfc_main$1U = defineComponent({
+const _sfc_main$1T = defineComponent({
   name: "UCheckboxGroup",
   components: {
     UIcon,
@@ -13659,9 +13660,9 @@ const _sfc_main$1U = defineComponent({
     };
   }
 });
-const _hoisted_1$Q = ["data-color"];
-const _hoisted_2$k = { key: 0 };
-function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$P = ["data-color"];
+const _hoisted_2$j = { key: 0 };
+function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ULineLoading = resolveComponent("ULineLoading");
   const _component_UIcon = resolveComponent("UIcon");
   const _component_UCheckbox = resolveComponent("UCheckbox");
@@ -13673,7 +13674,7 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
       "data-color": _ctx.color
     }, [
       _ctx.hasSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2$k, [
+        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
           createVNode(_component_UIcon, { spin: "" }, {
             default: withCtx(() => [
               createVNode(_component_ULineLoading)
@@ -13682,10 +13683,7 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
           }),
           createTextVNode(" " + toDisplayString(_ctx.loadingText || _ctx.computedLocale.loadingText), 1)
         ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.options, (item, index) => {
-          return openBlock(), createBlock(_component_UCheckbox, mergeProps({
-            key: index,
-            ref_for: true
-          }, item), {
+          return openBlock(), createBlock(_component_UCheckbox, mergeProps({ key: index }, { ref_for: true }, item), {
             default: withCtx(() => [
               createTextVNode(toDisplayString(item.label || item.value), 1)
             ]),
@@ -13693,16 +13691,16 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
           }, 1040);
         }), 128))
       ], 64))
-    ], 10, _hoisted_1$Q)
+    ], 10, _hoisted_1$P)
   ], 2);
 }
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1S], ["__file", "CheckboxGroup.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1R], ["__file", "CheckboxGroup.vue"]]);
 
 const UCheckbox = withInstall(Checkbox, {
   Group: CheckboxGroup
 });
 
-const _sfc_main$1T = defineComponent({
+const _sfc_main$1S = defineComponent({
   name: "SelectInput",
   props: {
     inputRef: {
@@ -13785,8 +13783,8 @@ const _sfc_main$1T = defineComponent({
     };
   }
 });
-const _hoisted_1$P = ["id", "aria-expanded", "aria-own", "aria-controls", "aria-activedescendant", "disabled", "tabindex", "autocomplete", "autofocus", "value", "readonly", "unselectable"];
-function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$O = ["id", "aria-expanded", "aria-own", "aria-controls", "aria-activedescendant", "disabled", "tabindex", "autocomplete", "autofocus", "value", "readonly", "unselectable"];
+function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("input", {
     id: _ctx.id,
     ref: _ctx.inputRef,
@@ -13814,11 +13812,11 @@ function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
     onInput: _cache[5] || (_cache[5] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
     onCompositionstart: _cache[6] || (_cache[6] = (...args) => _ctx.onCompositionstart && _ctx.onCompositionstart(...args)),
     onCompositionend: _cache[7] || (_cache[7] = (...args) => _ctx.onCompositionend && _ctx.onCompositionend(...args))
-  }, null, 46, _hoisted_1$P);
+  }, null, 46, _hoisted_1$O);
 }
-var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1R], ["__file", "Input.vue"]]);
+var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$1Q], ["__file", "Input.vue"]]);
 
-const _sfc_main$1S = defineComponent({
+const _sfc_main$1R = defineComponent({
   name: "SingleSeletor",
   components: {
     Render,
@@ -13914,8 +13912,8 @@ const _sfc_main$1S = defineComponent({
     };
   }
 });
-const _hoisted_1$O = ["title"];
-function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$N = ["title"];
+function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_SelectInput = resolveComponent("SelectInput");
   const _component_Render = resolveComponent("Render");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -13945,7 +13943,7 @@ function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_Render, {
         render: _ctx.getRender(_ctx.selectedItem.displayLabel)
       }, null, 8, ["render"])
-    ], 10, _hoisted_1$O)) : createCommentVNode("v-if", true),
+    ], 10, _hoisted_1$N)) : createCommentVNode("v-if", true),
     withDirectives(createElementVNode("div", {
       class: normalizeClass(`${_ctx.prefixCls}-selection-placeholder`)
     }, [
@@ -13955,361 +13953,518 @@ function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 64);
 }
-var SingleSelection = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$1Q], ["__file", "Single.vue"]]);
+var SingleSelection = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$1P], ["__file", "Single.vue"]]);
 
 const UPopover = withInstall(Popover);
 
 const REST_TAG_KEY = "__UUI_SELECT_MAX_REST_COUNT__";
+function useMultipleBase(props, emit) {
+  const motionAppear = ref(false);
+  const measureRef = ref();
+  const inputWidth = ref(0);
+  const mergedContainerWidth = computed(() => props.containerWrapperWidth || 0);
+  const itemWidths = shallowRef(/* @__PURE__ */ new Map());
+  const suffixWidth = shallowRef(0);
+  const prevRestWidth = shallowRef(0);
+  const restWidth = shallowRef(0);
+  const displayCount = shallowRef(null);
+  const restReady = shallowRef(false);
+  const inputValue = computed(() => {
+    return props.searchValue;
+  });
+  const inputEditable = computed(() => {
+    return props.filterable && props.open;
+  });
+  const showPlaceholder = computed(() => {
+    return !props.values.length && !inputValue.value;
+  });
+  const isNotRender = computed(() => {
+    return !props.tagRender;
+  });
+  const mergedDisplayCount = computed(() => {
+    if (displayCount.value === null) {
+      return Number.MAX_SAFE_INTEGER;
+    }
+    return displayCount.value || 0;
+  });
+  const mergedRestWidth = computed(() => Math.max(prevRestWidth.value, restWidth.value));
+  const omittedItems = computed(() => {
+    return props.values.slice(mergedDisplayCount.value + 1);
+  });
+  const displayRest = computed(() => restReady.value && !!omittedItems.value.length);
+  const baseDisplayValues = computed(() => {
+    const { values, maxTagCount, maxTagTextLength, maxTagPlaceholder } = props;
+    let restCount = 0;
+    let _display = values;
+    if (typeof maxTagCount === "number") {
+      restCount = values.length - maxTagCount;
+      _display = values.slice(0, maxTagCount);
+    }
+    if (typeof maxTagTextLength === "number") {
+      _display = _display.map(({ displayLabel, ...rest }) => {
+        let _label = displayLabel;
+        if (typeof displayLabel === "string" || typeof displayLabel === "number") {
+          const strLabel = String(_label);
+          if (strLabel.length > maxTagTextLength) {
+            _label = `${strLabel.slice(0, maxTagTextLength)}...`;
+          }
+        }
+        return {
+          ...rest,
+          displayLabel: _label
+        };
+      });
+    }
+    if (restCount > 0) {
+      const rest = values.slice(maxTagCount);
+      _display.push({
+        key: REST_TAG_KEY,
+        value: REST_TAG_KEY,
+        displayLabel: maxTagPlaceholder(rest)
+      });
+    }
+    return _display;
+  });
+  const overflowDisplayValues = computed(() => {
+    const { maxTagPlaceholder } = props;
+    let items = [];
+    if (props.containerWrapperWidth === null) {
+      items = props.values;
+    } else {
+      items = props.values.slice(0, Math.min(props.values.length, props.containerWrapperWidth / props.itemWidth));
+    }
+    items = [
+      ...items,
+      {
+        key: REST_TAG_KEY,
+        value: REST_TAG_KEY,
+        displayLabel: maxTagPlaceholder(omittedItems.value)
+      }
+    ];
+    return items;
+  });
+  const displayValues = computed(() => {
+    return props.enableOverflow ? overflowDisplayValues.value : baseDisplayValues.value;
+  });
+  const closable = (item) => {
+    return item.key !== REST_TAG_KEY && !item.disabled;
+  };
+  const onClose = (value, e) => {
+    if (e && e.stopPropagation) {
+      e.stopPropagation();
+    }
+    emit("select", value, { selected: false });
+  };
+  const getItemWidth = (index) => {
+    return itemWidths.value.get(displayValues.value[index].value || displayValues.value[index].key);
+  };
+  const updateDisplayCount = (count, notReady) => {
+    displayCount.value = count;
+    if (!notReady) {
+      restReady.value = count < props.values.length - 1;
+    }
+  };
+  const onOverflowItemResize = ({ width }, item) => {
+    const clone = new Map(itemWidths.value);
+    const key = item.value || item.key;
+    if (key === REST_TAG_KEY) {
+      prevRestWidth.value = restWidth.value;
+      restWidth.value = width;
+    }
+    if (width === null) {
+      clone.delete(key);
+    } else {
+      clone.set(key, width);
+    }
+    itemWidths.value = clone;
+  };
+  const onSuffixResize = ({ width }) => {
+    suffixWidth.value = width;
+  };
+  const onInputMouseDown = () => {
+    emit("input-mousedown");
+  };
+  const onInputChange = (val) => {
+    emit("input-change", val);
+  };
+  const onInputKeydown = (e) => {
+    emit("input-keydown", e);
+  };
+  const onInputCompositionStart = (e) => {
+    emit("input-compositionstart", e);
+  };
+  const onInputCompositionEnd = (e) => {
+    emit("input-compositionend", e);
+  };
+  const onInputPaste = (e) => {
+    emit("input-paste", e);
+  };
+  onMounted(() => {
+    motionAppear.value = true;
+    watch(
+      inputValue,
+      () => {
+        inputWidth.value = measureRef.value.scrollWidth;
+      },
+      { flush: "post" }
+    );
+  });
+  watch([mergedContainerWidth, itemWidths, restWidth, suffixWidth, displayValues], () => {
+    if (!props.enableOverflow)
+      return;
+    if (mergedContainerWidth.value && mergedRestWidth.value && displayValues.value) {
+      let totalWidth = suffixWidth.value;
+      const len = displayValues.value.filter((item) => item.key !== REST_TAG_KEY).length;
+      const lastIndex = len - 1;
+      if (!len) {
+        updateDisplayCount(0);
+        return;
+      }
+      for (let i = 0; i < len; i += 1) {
+        const currentItemWidth = getItemWidth(i);
+        if (currentItemWidth === void 0) {
+          updateDisplayCount(i - 1, true);
+          break;
+        }
+        totalWidth += currentItemWidth;
+        if (lastIndex === 0 && totalWidth <= mergedContainerWidth.value || i === lastIndex - 1 && totalWidth + getItemWidth(lastIndex) <= mergedContainerWidth.value) {
+          updateDisplayCount(lastIndex);
+          break;
+        } else if (totalWidth + mergedRestWidth.value > mergedContainerWidth.value) {
+          updateDisplayCount(i - 1);
+          break;
+        }
+      }
+    }
+  });
+  return {
+    motionAppear,
+    measureRef,
+    inputWidth,
+    inputValue,
+    inputEditable,
+    showPlaceholder,
+    isNotRender,
+    displayValues,
+    displayRest,
+    mergedDisplayCount,
+    closable,
+    onClose,
+    onOverflowItemResize,
+    onSuffixResize,
+    onInputMouseDown,
+    onInputChange,
+    onInputKeydown,
+    onInputCompositionStart,
+    onInputCompositionEnd,
+    onInputPaste,
+    REST_TAG_KEY,
+    getRender
+  };
+}
+
+function _isSlot$4(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const defaultMaxTagPlaceholder = (ommittedValus) => `+ ${ommittedValus.length}...`;
-var _sfc_main$1R = defineComponent({
-  name: "MutipleSelector",
-  components: {
-    SelectInput,
-    Render,
-    UPopover,
-    UIcon,
-    URoundClose
+const multipleBaseProps = {
+  prefixCls: {
+    type: String
   },
-  inheritAttrs: false,
-  props: {
-    prefixCls: {
-      type: String
-    },
-    values: {
-      type: Array,
-      default: () => []
-    },
-    searchValue: {
-      type: String
-    },
-    filterable: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: void 0
-    },
-    open: {
-      type: Boolean,
-      default: void 0
-    },
-    inputRef: {
-      type: Function
-    },
-    tagTransitionName: {
-      type: String
-    },
-    maxTagCount: {
-      type: Number
-    },
-    maxTagTextLength: {
-      type: Number
-    },
-    maxTagPlaceholder: {
-      type: Function,
-      default: defaultMaxTagPlaceholder
-    },
-    maxTagTooltip: {
-      type: Boolean,
-      default: false
-    },
-    maxTagTooltipWidth: {
-      type: Number,
-      default: 99900
-    },
-    tagRender: {
-      type: Function
-    },
-    removeIcon: {
-      type: [String, Object]
-    },
-    isShowTagTooltip: {
-      type: Boolean,
-      default: false
-    },
-    popoverProps: {
-      type: Object,
-      default: () => ({})
-    }
+  values: {
+    type: Array,
+    default: () => []
+  },
+  searchValue: {
+    type: String
+  },
+  filterable: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  open: {
+    type: Boolean,
+    default: void 0
+  },
+  inputRef: {
+    type: Function
+  },
+  tagTransitionName: {
+    type: String
+  },
+  maxTagCount: {
+    type: Number
+  },
+  maxTagTextLength: {
+    type: [Number, String]
+  },
+  maxTagPlaceholder: {
+    type: Function,
+    default: defaultMaxTagPlaceholder
+  },
+  maxTagTooltip: {
+    type: Boolean,
+    default: false
+  },
+  maxTagTooltipWidth: {
+    type: Number,
+    default: 99900
+  },
+  tagRender: {
+    type: Function
   },
-  emits: ["select", "input-mousedown", "input-change", "input-keydown", "input-compositionstart", "input-compositionend", "input-paste"],
+  removeIcon: {
+    type: [String, Object]
+  },
+  isShowTagTooltip: {
+    type: Boolean,
+    default: false
+  },
+  popoverProps: {
+    type: Object,
+    default: () => ({})
+  },
+  itemWidth: {
+    type: Number,
+    default: 10
+  },
+  containerWrapperWidth: {
+    type: [Number, null],
+    default: null
+  },
+  enableOverflow: {
+    type: Boolean,
+    default: false
+  }
+};
+const multipleBaseEmits = ["select", "input-mousedown", "input-change", "input-keydown", "input-compositionstart", "input-compositionend", "input-paste"];
+function renderSelectionItem(item, props, {
+  prefixCls,
+  isNotRender,
+  closable,
+  onClose,
+  values,
+  displayRest
+}) {
+  const {
+    tagRender,
+    removeIcon,
+    maxTagTooltip,
+    maxTagTooltipWidth,
+    popoverProps,
+    isShowTagTooltip
+  } = props;
+  if (isNotRender) {
+    const content = createVNode("span", {
+      "class": {
+        [`${item.class}`]: item.class,
+        [`${prefixCls}-selection-item`]: true,
+        [`${prefixCls}-selection-item-disabled`]: item.disabled
+      }
+    }, [item.key === REST_TAG_KEY && (props.maxTagTextLength !== "responsive" || displayRest) || isShowTagTooltip ? createVNode(UPopover, mergeProps({
+      "disabled": !maxTagTooltip,
+      "trigger": "hover",
+      "dropdown-class": `${prefixCls}-dropdown-tooltip`,
+      "show-arrow": true,
+      "placement": "top"
+    }, popoverProps), {
+      default: () => createVNode("span", {
+        "class": `${prefixCls}-selection-item-content`,
+        "title": item.title
+      }, [getRender(item.displayLabel)()]),
+      content: () => createVNode("div", {
+        "class": `${prefixCls}-selection-tooltip`,
+        "style": {
+          maxWidth: `${maxTagTooltipWidth}px`
+        }
+      }, [values.map((tipItem) => createVNode("span", {
+        "key": tipItem.key,
+        "class": {
+          [`${prefixCls}-selection-item`]: true
+        }
+      }, [createVNode("span", {
+        "class": `${prefixCls}-selection-item-content`,
+        "title": tipItem.title
+      }, [getRender(tipItem.displayLabel)()]), closable(tipItem) && createVNode(UIcon, {
+        "class": `${prefixCls}-selection-item-remove`,
+        "onClick": (e) => onClose(tipItem.value, e)
+      }, {
+        default: () => [createVNode(URoundClose, null, null)]
+      })]))])
+    }) : createVNode(Fragment, null, [createVNode("span", {
+      "class": `${prefixCls}-selection-item-content`,
+      "title": item.title
+    }, [getRender(item.displayLabel)()]), closable(item) && createVNode(UIcon, {
+      "class": `${prefixCls}-selection-item-remove`,
+      "onClick": (e) => onClose(item.value, e)
+    }, {
+      default: () => [removeIcon ? createVNode(resolveComponent("component"), {
+        "is": removeIcon
+      }, null) : createVNode(URoundClose, null, null)]
+    })])]);
+    return content;
+  }
+  return createVNode("span", {
+    "class": item.class,
+    "onMousedown": (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }, [tagRender == null ? void 0 : tagRender({
+    ...item,
+    closable: closable(item),
+    onClose: (e) => {
+      onClose(item.value, e);
+    }
+  })]);
+}
+function renderSearchInput(props, {
+  prefixCls,
+  inputRef,
+  disabled,
+  inputEditable,
+  inputValue,
+  inputWidth,
+  measureRef,
+  onInputMouseDown,
+  onInputChange,
+  onInputKeydown,
+  onInputCompositionStart,
+  onInputCompositionEnd,
+  onInputPaste
+}) {
+  return createVNode("span", {
+    "class": `${prefixCls}-selection-search`,
+    "style": {
+      width: `${inputWidth}px`
+    }
+  }, [createVNode(SelectInput, {
+    "input-ref": inputRef,
+    "prefix-cls": prefixCls,
+    "autocomplete": "off",
+    "disabled": disabled,
+    "editable": inputEditable,
+    "value": inputValue,
+    "onMousedown": onInputMouseDown,
+    "onChange": onInputChange,
+    "onKeydown": onInputKeydown,
+    "onCompositionstart": onInputCompositionStart,
+    "onCompositionend": onInputCompositionEnd,
+    "onPaste": onInputPaste
+  }, null), createVNode("span", {
+    "ref": measureRef,
+    "class": `${prefixCls}-selection-search-mirror`,
+    "aria-hidden": true
+  }, [inputValue, createTextVNode("\xA0")])]);
+}
+function renderPlaceholder(showPlaceholder, prefixCls, slots) {
+  var _a;
+  return showPlaceholder ? createVNode("div", {
+    "class": `${prefixCls}-selection-placeholder`
+  }, [(_a = slots.placeholder) == null ? void 0 : _a.call(slots)]) : null;
+}
+var MultipleBase = defineComponent({
+  name: "MultipleBase",
+  props: multipleBaseProps,
+  emits: multipleBaseEmits,
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
-    const motionAppear = ref(false);
-    const measureRef = ref();
-    const inputWidth = ref(0);
-    const inputValue = computed(() => {
-      return props.searchValue;
-    });
-    const inputEditable = computed(() => {
-      return props.filterable && props.open;
-    });
-    const showPlaceholder = computed(() => {
-      return !props.values.length && !inputValue.value;
-    });
-    onMounted(() => {
-      motionAppear.value = true;
-      watch(inputValue, () => {
-        inputWidth.value = measureRef.value.scrollWidth;
-      }, {
-        flush: "post"
-      });
-    });
-    const isNotRender = computed(() => {
-      return !props.tagRender;
-    });
-    const displayValues = computed(() => {
+    const baseState = useMultipleBase(props, emit);
+    return () => {
+      let _slot;
       const {
-        values,
-        maxTagCount,
-        maxTagTextLength,
-        maxTagPlaceholder
-      } = props;
-      let restCount = 0;
-      let _display = values;
-      if (typeof maxTagCount === "number") {
-        restCount = values.length - maxTagCount;
-        _display = values.slice(0, maxTagCount);
-      }
-      if (typeof maxTagTextLength === "number") {
-        _display = _display.map(({
-          displayLabel,
-          ...rest
-        }) => {
-          let _label = displayLabel;
-          if (typeof displayLabel === "string" || typeof displayLabel === "number") {
-            const strLabel = String(_label);
-            if (strLabel.length > maxTagTextLength) {
-              _label = `${strLabel.slice(0, maxTagTextLength)}...`;
-            }
-          }
-          return {
-            ...rest,
-            displayLabel: _label
-          };
-        });
-      }
-      if (restCount > 0) {
-        const rest = values.slice(maxTagCount);
-        _display.push({
-          key: REST_TAG_KEY,
-          value: REST_TAG_KEY,
-          displayLabel: maxTagPlaceholder(rest)
+        displayValues,
+        isNotRender,
+        closable,
+        onClose,
+        inputValue,
+        inputWidth,
+        measureRef,
+        showPlaceholder,
+        onInputMouseDown,
+        onInputChange,
+        onInputKeydown,
+        onInputCompositionStart,
+        onInputCompositionEnd,
+        onInputPaste,
+        onOverflowItemResize,
+        onSuffixResize,
+        displayRest
+      } = baseState;
+      return createVNode(Fragment, null, [displayValues.value.map((item, index) => {
+        const content = renderSelectionItem(item, props, {
+          prefixCls: props.prefixCls,
+          isNotRender: isNotRender.value,
+          displayRest: displayRest.value,
+          closable,
+          onClose,
+          values: props.values
         });
-      }
-      return _display;
-    });
-    const closable = (item) => {
-      return item.key !== REST_TAG_KEY && !item.disabled;
-    };
-    const onClose = (value, e) => {
-      if (e && e.stopPropagation) {
-        e.stopPropagation();
-      }
-      emit("select", value, {
-        selected: false
-      });
-    };
-    return {
-      getRender,
-      REST_TAG_KEY,
-      motionAppear,
-      measureRef,
-      inputWidth,
-      inputValue,
-      inputEditable,
-      showPlaceholder,
-      isNotRender,
-      displayValues,
-      closable,
-      onClose,
-      onInputMouseDown: () => {
-        emit("input-mousedown");
-      },
-      onInputChange: (val) => {
-        emit("input-change", val);
-      },
-      onInputKeydown: (e) => {
-        emit("input-keydown", e);
-      },
-      onInputCompositionStart: (e) => {
-        emit("input-compositionstart", e);
-      },
-      onInputCompositionEnd: (e) => {
-        emit("input-compositionend", e);
-      },
-      onInputPaste: (e) => {
-        emit("input-paste", e);
-      }
+        return props.enableOverflow ? createVNode(ResizeObserver$1, {
+          "key": item.key,
+          "onResize": (e) => onOverflowItemResize(e, item)
+        }, {
+          default: () => [createVNode("div", {
+            "class": `${props.prefixCls}-selection-item-wrapper`,
+            "style": {
+              opacity: index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY || !displayRest.value && item.key === REST_TAG_KEY ? 0 : 1,
+              height: index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY || !displayRest.value && item.key === REST_TAG_KEY ? 0 : void 0,
+              overflowY: index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY || !displayRest.value && item.key === REST_TAG_KEY ? "hidden" : void 0,
+              pointerEvents: index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY || !displayRest.value && item.key === REST_TAG_KEY ? "none" : void 0,
+              position: index > baseState.mergedDisplayCount.value && item.key !== REST_TAG_KEY || !displayRest.value && item.key === REST_TAG_KEY ? "absolute" : void 0
+            }
+          }, [content])]
+        }) : content;
+      }), props.enableOverflow ? createVNode(ResizeObserver$1, {
+        "onResize": onSuffixResize
+      }, _isSlot$4(_slot = renderSearchInput(props, {
+        prefixCls: props.prefixCls,
+        inputRef: props.inputRef,
+        disabled: props.disabled,
+        inputEditable: baseState.inputEditable.value,
+        inputValue: inputValue.value,
+        inputWidth: inputWidth.value,
+        measureRef,
+        onInputMouseDown,
+        onInputChange,
+        onInputKeydown,
+        onInputCompositionStart,
+        onInputCompositionEnd,
+        onInputPaste
+      })) ? _slot : {
+        default: () => [_slot]
+      }) : renderSearchInput(props, {
+        prefixCls: props.prefixCls,
+        inputRef: props.inputRef,
+        disabled: props.disabled,
+        inputEditable: baseState.inputEditable.value,
+        inputValue: inputValue.value,
+        inputWidth: inputWidth.value,
+        measureRef,
+        onInputMouseDown,
+        onInputChange,
+        onInputKeydown,
+        onInputCompositionStart,
+        onInputCompositionEnd,
+        onInputPaste
+      }), renderPlaceholder(showPlaceholder.value, props.prefixCls, slots)]);
     };
   }
 });
 
-const _hoisted_1$N = ["title"];
-const _hoisted_2$j = ["title"];
-const _hoisted_3$4 = ["title"];
-function _sfc_render$1P(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Render = resolveComponent("Render");
-  const _component_URoundClose = resolveComponent("URoundClose");
-  const _component_UIcon = resolveComponent("UIcon");
-  const _component_UPopover = resolveComponent("UPopover");
-  const _component_SelectInput = resolveComponent("SelectInput");
-  return openBlock(), createElementBlock(Fragment, null, [
-    createCommentVNode(' <transition-group :appear="motionAppear" :name="tagTransitionName"> '),
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.displayValues, (item) => {
-      return openBlock(), createElementBlock(Fragment, {
-        key: item.key
-      }, [
-        _ctx.isNotRender ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: normalizeClass({
-            [`${item.class}`]: item.class,
-            [`${_ctx.prefixCls}-selection-item`]: true,
-            [`${_ctx.prefixCls}-selection-item-disabled`]: item.disabled
-          })
-        }, [
-          item.key === _ctx.REST_TAG_KEY || _ctx.isShowTagTooltip ? (openBlock(), createBlock(_component_UPopover, mergeProps({
-            key: 0,
-            disabled: !_ctx.maxTagTooltip,
-            trigger: "hover",
-            "show-arrow": true,
-            placement: "top",
-            ref_for: true
-          }, _ctx.popoverProps), {
-            content: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(`${_ctx.prefixCls}-selection-tooltip`),
-                style: normalizeStyle({ maxWidth: `${_ctx.maxTagTooltipWidth}px` })
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.values, (tipItem) => {
-                  return openBlock(), createElementBlock("span", {
-                    key: tipItem.key,
-                    class: normalizeClass({
-                      [`${_ctx.prefixCls}-selection-item`]: true
-                    })
-                  }, [
-                    createElementVNode("span", {
-                      class: normalizeClass(`${_ctx.prefixCls}-selection-item-content`),
-                      title: tipItem.title
-                    }, [
-                      createVNode(_component_Render, {
-                        render: _ctx.getRender(tipItem.displayLabel)
-                      }, null, 8, ["render"])
-                    ], 10, _hoisted_2$j),
-                    _ctx.closable(tipItem) ? (openBlock(), createBlock(_component_UIcon, {
-                      key: 0,
-                      class: normalizeClass(`${_ctx.prefixCls}-selection-item-remove`),
-                      onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
-                      }, ["stop", "prevent"])),
-                      onClick: (e) => _ctx.onClose(tipItem.value, e)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_URoundClose)
-                      ]),
-                      _: 2
-                    }, 1032, ["class", "onClick"])) : createCommentVNode("v-if", true)
-                  ], 2);
-                }), 128))
-              ], 6)
-            ]),
-            default: withCtx(() => [
-              createElementVNode("span", {
-                class: normalizeClass(`${_ctx.prefixCls}-selection-item-content`),
-                title: item.title
-              }, [
-                createVNode(_component_Render, {
-                  render: _ctx.getRender(item.displayLabel)
-                }, null, 8, ["render"])
-              ], 10, _hoisted_1$N)
-            ]),
-            _: 2
-          }, 1040, ["disabled"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createElementVNode("span", {
-              class: normalizeClass(`${_ctx.prefixCls}-selection-item-content`),
-              title: item.title
-            }, [
-              createCommentVNode(" {{ item.displayLabel }} "),
-              createVNode(_component_Render, {
-                render: _ctx.getRender(item.displayLabel)
-              }, null, 8, ["render"])
-            ], 10, _hoisted_3$4),
-            _ctx.closable(item) ? (openBlock(), createBlock(_component_UIcon, {
-              key: 0,
-              class: normalizeClass(`${_ctx.prefixCls}-selection-item-remove`),
-              onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
-              }, ["stop", "prevent"])),
-              onClick: (e) => _ctx.onClose(item.value, e)
-            }, {
-              default: withCtx(() => [
-                _ctx.removeIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.removeIcon), { key: 0 })) : (openBlock(), createBlock(_component_URoundClose, { key: 1 }))
-              ]),
-              _: 2
-            }, 1032, ["class", "onClick"])) : createCommentVNode("v-if", true)
-          ], 64))
-        ], 2)) : (openBlock(), createElementBlock("span", {
-          key: 1,
-          class: normalizeClass(item.class),
-          onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
-          }, ["stop", "prevent"]))
-        }, [
-          createVNode(_component_Render, {
-            render: () => {
-              var _a;
-              return (_a = _ctx.tagRender) == null ? void 0 : _a.call(_ctx, {
-                ...item,
-                closable: _ctx.closable(item),
-                onClose: (e) => {
-                  _ctx.onClose(item.value, e);
-                }
-              });
-            }
-          }, null, 8, ["render"])
-        ], 34))
-      ], 64);
-    }), 128)),
-    createCommentVNode(" </transition-group> "),
-    createElementVNode("span", {
-      class: normalizeClass(`${_ctx.prefixCls}-selection-search`),
-      style: normalizeStyle({ width: `${_ctx.inputWidth}px` })
-    }, [
-      createVNode(_component_SelectInput, {
-        "input-ref": _ctx.inputRef,
-        "prefix-cls": _ctx.prefixCls,
-        autocomplete: "off",
-        disabled: _ctx.disabled,
-        editable: _ctx.inputEditable,
-        value: _ctx.inputValue,
-        onMousedown: _ctx.onInputMouseDown,
-        onChange: _ctx.onInputChange,
-        onKeydown: _ctx.onInputKeydown,
-        onCompositionstart: _ctx.onInputCompositionStart,
-        onCompositionend: _ctx.onInputCompositionEnd,
-        onPaste: _ctx.onInputPaste
-      }, null, 8, ["input-ref", "prefix-cls", "disabled", "editable", "value", "onMousedown", "onChange", "onKeydown", "onCompositionstart", "onCompositionend", "onPaste"]),
-      createElementVNode("span", {
-        ref: "measureRef",
-        class: normalizeClass(`${_ctx.prefixCls}-selection-search-mirror`),
-        "aria-hidden": ""
-      }, toDisplayString(_ctx.inputValue) + "\xA0 ", 3)
-    ], 6),
-    withDirectives(createElementVNode("div", {
-      class: normalizeClass(`${_ctx.prefixCls}-selection-placeholder`)
-    }, [
-      renderSlot(_ctx.$slots, "placeholder")
-    ], 2), [
-      [vShow, _ctx.showPlaceholder]
-    ])
-  ], 64);
-}
-var Multiple = /* @__PURE__ */ _export_sfc(_sfc_main$1R, [["render", _sfc_render$1P], ["__file", "Multiple.vue"]]);
-
+const RESPONSIVE = "responsive";
 const _sfc_main$1Q = defineComponent({
   name: "Selection",
   components: {
     SingleSelection,
-    Multiple
+    ResizeObserver: ResizeObserver$1,
+    MultipleBase
   },
   props: {
     prefixCls: {
@@ -14358,7 +14513,7 @@ const _sfc_main$1Q = defineComponent({
       type: Function
     },
     maxTagTextLength: {
-      type: Number
+      type: [Number, String]
     },
     maxTagTooltip: {
       type: Boolean,
@@ -14394,10 +14549,17 @@ const _sfc_main$1Q = defineComponent({
   setup(props, { emit }) {
     const inputRef = ref(null);
     let compositionStatus = false;
+    const isResponsive = computed(() => {
+      return props.maxTagTextLength === RESPONSIVE;
+    });
     const [getInputMouseDown, setInputMouseDown] = useLock(0);
     const onInputMouseDown = () => {
       setInputMouseDown(true);
     };
+    const containerWrapperWidth = shallowRef(null);
+    const onOverflowResize = ({ width }) => {
+      containerWrapperWidth.value = width;
+    };
     let pastedText = null;
     const onInputPaste = (e) => {
       const { clipboardData } = e;
@@ -14464,74 +14626,87 @@ const _sfc_main$1Q = defineComponent({
       onInputKeydown,
       onInputCompositionStart,
       onInputCompositionEnd,
-      onInputPaste
+      onInputPaste,
+      onOverflowResize,
+      containerWrapperWidth,
+      isResponsive
     };
   }
 });
 function _sfc_render$1O(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_SingleSelection = resolveComponent("SingleSelection");
-  const _component_Multiple = resolveComponent("Multiple");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(`${_ctx.prefixCls}-selection`),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
-    onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
-  }, [
-    !_ctx.multiple ? (openBlock(), createBlock(_component_SingleSelection, {
-      key: 0,
-      "prefix-cls": _ctx.prefixCls,
-      values: _ctx.values,
-      open: _ctx.open,
-      filterable: _ctx.filterable,
-      disabled: _ctx.disabled,
-      "input-ref": _ctx.getInputRef,
-      "search-value": _ctx.searchValue,
-      "allow-create": _ctx.allowCreate,
-      "title-key": _ctx.titleKey,
-      onInputMousedown: _ctx.onInputMouseDown,
-      onInputChange: _ctx.onInputChange,
-      onInputKeydown: _ctx.onInputKeydown,
-      onInputCompositionstart: _ctx.onInputCompositionStart,
-      onInputCompositionend: _ctx.onInputCompositionEnd,
-      onInputPaste: _ctx.onInputPaste
-    }, {
-      placeholder: withCtx(() => [
-        renderSlot(_ctx.$slots, "placeholder")
-      ]),
-      _: 3
-    }, 8, ["prefix-cls", "values", "open", "filterable", "disabled", "input-ref", "search-value", "allow-create", "title-key", "onInputMousedown", "onInputChange", "onInputKeydown", "onInputCompositionstart", "onInputCompositionend", "onInputPaste"])) : _ctx.multiple ? (openBlock(), createBlock(_component_Multiple, {
-      key: 1,
-      "prefix-cls": _ctx.prefixCls,
-      values: _ctx.values,
-      open: _ctx.open,
-      filterable: _ctx.filterable,
-      disabled: _ctx.disabled,
-      "input-ref": _ctx.getInputRef,
-      "search-value": _ctx.searchValue,
-      "max-tag-count": _ctx.maxTagCount,
-      "max-tag-text-length": _ctx.maxTagTextLength,
-      "max-tag-placeholder": _ctx.maxTagPlaceholder,
-      "max-tag-tooltip": _ctx.maxTagTooltip,
-      "max-tag-tooltip-width": _ctx.maxTagTooltipWidth,
-      "is-show-tag-tooltip": _ctx.isShowTagTooltip,
-      "popover-props": _ctx.popoverProps,
-      "tag-render": _ctx.tagRender,
-      "tag-transition-name": _ctx.tagTransitionName,
-      "allow-create": _ctx.allowCreate,
-      "remove-icon": _ctx.removeIcon,
-      onSelect: _ctx.onSelectionSelect,
-      onInputMousedown: _ctx.onInputMouseDown,
-      onInputChange: _ctx.onInputChange,
-      onInputKeydown: _ctx.onInputKeydown,
-      onInputCompositionstart: _ctx.onInputCompositionStart,
-      onInputCompositionend: _ctx.onInputCompositionEnd,
-      onInputPaste: _ctx.onInputPaste
-    }, {
-      placeholder: withCtx(() => [
-        renderSlot(_ctx.$slots, "placeholder")
-      ]),
-      _: 3
-    }, 8, ["prefix-cls", "values", "open", "filterable", "disabled", "input-ref", "search-value", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "max-tag-tooltip", "max-tag-tooltip-width", "is-show-tag-tooltip", "popover-props", "tag-render", "tag-transition-name", "allow-create", "remove-icon", "onSelect", "onInputMousedown", "onInputChange", "onInputKeydown", "onInputCompositionstart", "onInputCompositionend", "onInputPaste"])) : createCommentVNode("v-if", true)
-  ], 34);
+  const _component_MultipleBase = resolveComponent("MultipleBase");
+  const _component_ResizeObserver = resolveComponent("ResizeObserver");
+  return openBlock(), createBlock(_component_ResizeObserver, { onResize: _ctx.onOverflowResize }, {
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass({
+          [`${_ctx.prefixCls}-selection`]: true,
+          [`${_ctx.prefixCls}-selection-overflow`]: _ctx.multiple && _ctx.isResponsive
+        }),
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+        onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
+      }, [
+        !_ctx.multiple ? (openBlock(), createBlock(_component_SingleSelection, {
+          key: 0,
+          "prefix-cls": _ctx.prefixCls,
+          values: _ctx.values,
+          open: _ctx.open,
+          filterable: _ctx.filterable,
+          disabled: _ctx.disabled,
+          "input-ref": _ctx.getInputRef,
+          "search-value": _ctx.searchValue,
+          "allow-create": _ctx.allowCreate,
+          "title-key": _ctx.titleKey,
+          onInputMousedown: _ctx.onInputMouseDown,
+          onInputChange: _ctx.onInputChange,
+          onInputKeydown: _ctx.onInputKeydown,
+          onInputCompositionstart: _ctx.onInputCompositionStart,
+          onInputCompositionend: _ctx.onInputCompositionEnd,
+          onInputPaste: _ctx.onInputPaste
+        }, {
+          placeholder: withCtx(() => [
+            renderSlot(_ctx.$slots, "placeholder")
+          ]),
+          _: 3
+        }, 8, ["prefix-cls", "values", "open", "filterable", "disabled", "input-ref", "search-value", "allow-create", "title-key", "onInputMousedown", "onInputChange", "onInputKeydown", "onInputCompositionstart", "onInputCompositionend", "onInputPaste"])) : (openBlock(), createBlock(_component_MultipleBase, {
+          key: 1,
+          "prefix-cls": _ctx.prefixCls,
+          values: _ctx.values,
+          open: _ctx.open,
+          "enable-overflow": _ctx.isResponsive,
+          filterable: _ctx.filterable,
+          disabled: _ctx.disabled,
+          "input-ref": _ctx.getInputRef,
+          "search-value": _ctx.searchValue,
+          "max-tag-count": _ctx.maxTagCount,
+          "max-tag-text-length": _ctx.maxTagTextLength,
+          "max-tag-placeholder": _ctx.maxTagPlaceholder,
+          "max-tag-tooltip": _ctx.maxTagTooltip,
+          "max-tag-tooltip-width": _ctx.maxTagTooltipWidth,
+          "is-show-tag-tooltip": _ctx.isShowTagTooltip,
+          "popover-props": _ctx.popoverProps,
+          "tag-render": _ctx.tagRender,
+          "tag-transition-name": _ctx.tagTransitionName,
+          "remove-icon": _ctx.removeIcon,
+          "container-wrapper-width": _ctx.containerWrapperWidth,
+          onSelect: _ctx.onSelectionSelect,
+          onInputMousedown: _ctx.onInputMouseDown,
+          onInputChange: _ctx.onInputChange,
+          onInputKeydown: _ctx.onInputKeydown,
+          onInputCompositionstart: _ctx.onInputCompositionStart,
+          onInputCompositionend: _ctx.onInputCompositionEnd,
+          onInputPaste: _ctx.onInputPaste
+        }, {
+          placeholder: withCtx(() => [
+            renderSlot(_ctx.$slots, "placeholder")
+          ]),
+          _: 3
+        }, 8, ["prefix-cls", "values", "open", "enable-overflow", "filterable", "disabled", "input-ref", "search-value", "max-tag-count", "max-tag-text-length", "max-tag-placeholder", "max-tag-tooltip", "max-tag-tooltip-width", "is-show-tag-tooltip", "popover-props", "tag-render", "tag-transition-name", "remove-icon", "container-wrapper-width", "onSelect", "onInputMousedown", "onInputChange", "onInputKeydown", "onInputCompositionstart", "onInputCompositionend", "onInputPaste"]))
+      ], 34)
+    ]),
+    _: 3
+  }, 8, ["onResize"]);
 }
 var Selection = /* @__PURE__ */ _export_sfc(_sfc_main$1Q, [["render", _sfc_render$1O], ["__file", "Selection.vue"]]);
 
@@ -15239,6 +15414,9 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["text"])
           ])
         ]),
+        top: withCtx(() => [
+          renderSlot(_ctx.$slots, "top")
+        ]),
         _: 3
       }, 8, ["id", "prefix-cls", "open", "width", "multiple", "multiple-limit", "options", "values", "search-value", "default-active-first", "height", "item-height", "size", "select-all", "color", "direction", "title-key", "onSelect", "onScrollAtTop", "onScrollAtBottom", "onCreateSubmit"])
     ]),
@@ -32831,7 +33009,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
         key: index,
         ref_for: true,
         ref: _ctx.saveRef(`header-column-${cell._index}`)
-      }, _ctx.getCellProps(cell), {
+      }, { ref_for: true }, _ctx.getCellProps(cell), {
         style: _ctx.getCellStyle(cell),
         class: {
           [String(cell.className)]: !!cell.className,
@@ -33706,9 +33884,8 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createElementBlock("td", mergeProps({
         key: column.key,
         class: { [`${column.className}`]: !!column.className },
-        style: _ctx.getCellStyle(column),
-        ref_for: true
-      }, _ctx.tdProps(column)), [
+        style: _ctx.getCellStyle(column)
+      }, { ref_for: true }, _ctx.tdProps(column)), [
         !!column.summaryRender ? (openBlock(), createBlock(_component_Render, {
           key: 0,
           render: () => {