@koi-design/uxd-ui 14.0.39 → 14.0.41

package/uxd-ui.esm.mjs

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@4.0.39 */
+/*! @koi-design/uxd-ui@4.0.41 */
 
 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, createStaticVNode, normalizeProps, guardReactiveProps, watchEffect, onActivated, onDeactivated, withKeys, TransitionGroup, createApp, onBeforeMount, unref } from 'vue';
 import { X, Terminal, CircleAlert, Info, CircleCheck, LoaderCircle, CircleX, Search, Eye, EyeOff, Check, CornerDownLeft, ChevronUp, ChevronDown, ChevronRight, MenuIcon, Minus, ChevronLeft, CheckIcon, ChevronsLeft, ChevronsRight, Calendar as Calendar$1, ZoomIn, ZoomOut, RotateCcw, RotateCw, PanelLeft, PanelRight, Image as Image$2, CheckCircle, XCircle, Star as Star$1, XIcon, FilterIcon, GripVertical, Plus, Clock, FileIcon, HelpCircle, CircleHelp, AlertCircle, SearchIcon } from 'lucide-vue-next';
@@ -594,7 +594,7 @@ function getOffset(element, scrollElement) {
     left: rect.left + scrollLeft - clientLeft
   };
 }
-const _sfc_main$2h = defineComponent({
+const _sfc_main$2g = defineComponent({
   name: "UAffix",
   props: affixProps,
   emits: affixEmits,
@@ -688,9 +688,9 @@ const _sfc_main$2h = defineComponent({
     };
   }
 });
-const _hoisted_1$Y = { ref: "containerRef" };
-function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$Y, [
+const _hoisted_1$X = { ref: "containerRef" };
+function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$X, [
     createElementVNode("div", {
       ref: "pointRef",
       class: normalizeClass(_ctx.classes),
@@ -705,7 +705,7 @@ function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 512);
 }
-var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$2f], ["__file", "Affix.vue"]]);
+var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$2e], ["__file", "Affix.vue"]]);
 
 const UAffix = withInstall(Affix);
 
@@ -729,7 +729,7 @@ const iconEmits = {
   click: (ev) => ev instanceof Event
 };
 
-const _sfc_main$2g = defineComponent({
+const _sfc_main$2f = defineComponent({
   name: "UIcon",
   props: iconProps,
   emits: iconEmits,
@@ -771,7 +771,7 @@ const _sfc_main$2g = defineComponent({
     };
   }
 });
-function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("i", {
     class: normalizeClass([
       {
@@ -787,7 +787,7 @@ function _sfc_render$2e(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$2e], ["__file", "Icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2d], ["__file", "Icon.vue"]]);
 
 const UIcon = withInstall(Icon);
 
@@ -1102,7 +1102,7 @@ const alertEmits = {
   "update:visible": (v) => typeof v === "boolean"
 };
 
-const _sfc_main$2f = defineComponent({
+const _sfc_main$2e = defineComponent({
   name: "UAlert",
   components: {
     UIcon,
@@ -1154,7 +1154,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) {
   const _component_UIcon = resolveComponent("UIcon");
   const _component_X = resolveComponent("X");
   return openBlock(), createBlock(Transition, {
@@ -1211,7 +1211,7 @@ function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["render", _sfc_render$2d], ["__file", "Alert.vue"]]);
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$2c], ["__file", "Alert.vue"]]);
 
 const UAlert = withInstall(Alert);
 
@@ -3487,7 +3487,7 @@ const formItemProps = {
   }
 };
 
-const _sfc_main$2e = defineComponent({
+const _sfc_main$2d = defineComponent({
   name: "UForm",
   props: formProps,
   emits: formEmits,
@@ -3611,7 +3611,7 @@ const _sfc_main$2e = defineComponent({
     };
   }
 });
-function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("form", {
     class: normalizeClass([
       _ctx.prefixCls,
@@ -3627,7 +3627,7 @@ function _sfc_render$2c(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 34);
 }
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$2c], ["__file", "Form.vue"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$2b], ["__file", "Form.vue"]]);
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeGlobal$1 = freeGlobal;
@@ -7549,7 +7549,7 @@ var ResizeObserver$1 = defineComponent({
   }
 });
 
-const _sfc_main$2d = defineComponent({
+const _sfc_main$2c = defineComponent({
   name: "ListContent",
   components: {
     ResizeObserver: ResizeObserver$1
@@ -7607,7 +7607,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) {
   const _component_ResizeObserver = resolveComponent("ResizeObserver");
   return openBlock(), createElementBlock("div", {
     ref: _ctx.contentRef,
@@ -7628,7 +7628,7 @@ function _sfc_render$2b(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onResize"])
   ], 4);
 }
-var ListContent = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$2b], ["__file", "ListContent.vue"]]);
+var ListContent = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$2a], ["__file", "ListContent.vue"]]);
 
 const ListItem$2 = ({
   itemRef
@@ -7753,7 +7753,7 @@ raf_1.polyfill = polyfill;
 function getPageY(e) {
   return "touches" in e ? e.touches[0].pageY : e.pageY;
 }
-const _sfc_main$2c = defineComponent({
+const _sfc_main$2b = defineComponent({
   name: "VirtualScrollBar",
   props: {
     prefixCls: {
@@ -7912,7 +7912,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) {
   return openBlock(), createElementBlock("div", {
     ref: "scrollBarRef",
     class: normalizeClass(`${_ctx.prefixCls}-scrollbar`),
@@ -7956,7 +7956,7 @@ function _sfc_render$2a(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 38)
   ], 38);
 }
-var VirtualScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$2a], ["__file", "VirtualScrollBar.vue"]]);
+var VirtualScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main$2b, [["render", _sfc_render$29], ["__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$2b = defineComponent({
+const _sfc_main$2a = defineComponent({
   name: "UVirtualList",
   components: {
     ListContent,
@@ -8395,7 +8395,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) {
   const _component_ListItem = resolveComponent("ListItem");
   const _component_ListContent = resolveComponent("ListContent");
   const _component_VirtualScrollBar = resolveComponent("VirtualScrollBar");
@@ -8446,7 +8446,7 @@ function _sfc_render$29(_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$2b, [["render", _sfc_render$29], ["__file", "VirtualList.vue"]]);
+var VirtualList$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$28], ["__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$2a = defineComponent({
+const _sfc_main$29 = defineComponent({
   name: "OptionList",
   components: {
     VirtualList,
@@ -9052,9 +9052,9 @@ const _sfc_main$2a = defineComponent({
     };
   }
 });
-const _hoisted_1$X = ["title", "onMousemove", "onClick"];
-const _hoisted_2$n = ["id"];
-function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$W = ["title", "onMousemove", "onClick"];
+const _hoisted_2$m = ["id"];
+function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_u_checkbox = resolveComponent("u-checkbox");
   const _component_Render = resolveComponent("Render");
   const _component_Check = resolveComponent("Check");
@@ -9160,7 +9160,7 @@ function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["class"])) : createCommentVNode("v-if", true)
-        ], 46, _hoisted_1$X))
+        ], 46, _hoisted_1$W))
       ]),
       _: 1
     }, 8, ["prefix-cls", "data", "height", "item-height", "virtual", "onScrollAtTop", "onScrollAtBottom"])
@@ -9173,9 +9173,9 @@ function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
     }, ["prevent"]))
   }, [
     renderSlot(_ctx.$slots, "empty")
-  ], 42, _hoisted_2$n));
+  ], 42, _hoisted_2$m));
 }
-var DropdownMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["render", _sfc_render$28], ["__file", "DropdownMenu.vue"]]);
+var DropdownMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$27], ["__file", "DropdownMenu.vue"]]);
 
 const getInnerText = (children) => {
   if (children && children.length > 0) {
@@ -9542,7 +9542,7 @@ const autoCompleteEmits = {
   select: (val) => typeof val === "string"
 };
 
-const _sfc_main$29 = defineComponent({
+const _sfc_main$28 = defineComponent({
   name: "UAutoComplete",
   components: {
     Popup,
@@ -9669,7 +9669,7 @@ const _sfc_main$29 = defineComponent({
     };
   }
 });
-function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UInput = resolveComponent("UInput");
   const _component_LoaderCircle = resolveComponent("LoaderCircle");
   const _component_UIcon = resolveComponent("UIcon");
@@ -9747,7 +9747,7 @@ function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["prefix-cls", "visible", "popup-class", "popup-style", "click-outside"])
   ], 2);
 }
-var AutoComplete = /* @__PURE__ */ _export_sfc(_sfc_main$29, [["render", _sfc_render$27], ["__file", "AutoComplete.vue"]]);
+var AutoComplete = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$26], ["__file", "AutoComplete.vue"]]);
 
 const selectProps = {
   modelValue: {
@@ -9816,7 +9816,7 @@ const selectProps = {
     type: Function
   },
   maxTagTextLength: {
-    type: Number
+    type: [Number, String]
   },
   tagRender: {
     type: Function
@@ -10090,7 +10090,7 @@ const anchorLinkEmits = {
   change: (href, ev) => typeof href === "string" && ev instanceof Event
 };
 
-const _sfc_main$28 = defineComponent({
+const _sfc_main$27 = defineComponent({
   name: "UAnchor",
   props: anchorProps,
   emits: anchorEmits,
@@ -10290,7 +10290,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) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.wrapperComponent), {
     container: _ctx.container,
     "offset-top": _ctx.offsetTop,
@@ -10322,9 +10322,9 @@ function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 40, ["container", "offset-top", "offset-bottom", "onOnChange"]);
 }
-var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$26], ["__file", "Anchor.vue"]]);
+var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$25], ["__file", "Anchor.vue"]]);
 
-const _sfc_main$27 = defineComponent({
+const _sfc_main$26 = defineComponent({
   name: "UAnchorLink",
   props: anchorLinkProps,
   emits: anchorLinkEmits,
@@ -10363,8 +10363,8 @@ const _sfc_main$27 = defineComponent({
     };
   }
 });
-const _hoisted_1$W = ["href", "data-scroll-offset", "data-href", "title"];
-function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$V = ["href", "data-scroll-offset", "data-href", "title"];
+function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([`${_ctx.prefixCls}`, { [`${_ctx.prefixCls}-active`]: !!_ctx.anchorLinkClasses }])
   }, [
@@ -10375,11 +10375,11 @@ function _sfc_render$25(_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$W),
+    }, toDisplayString(_ctx.title), 11, _hoisted_1$V),
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$25], ["__file", "AnchorLink.vue"]]);
+var AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$24], ["__file", "AnchorLink.vue"]]);
 
 const UAnchor = withInstall(Anchor, { Link: AnchorLink });
 
@@ -10413,7 +10413,7 @@ const avatarEmits = {
 };
 
 const sizeList = ["small", "large", "default"];
-const _sfc_main$26 = defineComponent({
+const _sfc_main$25 = defineComponent({
   name: "UAvatar",
   components: {
     UIcon
@@ -10485,8 +10485,8 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-const _hoisted_1$V = ["src"];
-function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$U = ["src"];
+function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = resolveComponent("UIcon");
   return openBlock(), createElementBlock("span", {
     ref: "avatar",
@@ -10505,7 +10505,7 @@ function _sfc_render$24(_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$V)) : _ctx.icon ? (openBlock(), createBlock(_component_UIcon, { key: 1 }, {
+    }, null, 40, _hoisted_1$U)) : _ctx.icon ? (openBlock(), createBlock(_component_UIcon, { key: 1 }, {
       default: withCtx(() => [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
       ]),
@@ -10520,7 +10520,7 @@ function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6))
   ], 6);
 }
-var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$24], ["__file", "Avatar.vue"]]);
+var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$23], ["__file", "Avatar.vue"]]);
 
 const popoverTrigger = ["hover", "focus", "click", "contextmenu"];
 const popoverType = ["popover", "popConfirm"];
@@ -10591,7 +10591,7 @@ const popoverEmits = {
   "update:visible": (v) => typeof v === "boolean"
 };
 
-const _sfc_main$25 = defineComponent({
+const _sfc_main$24 = defineComponent({
   name: "UPopover",
   components: {
     Popup
@@ -10754,7 +10754,7 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$22(_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,
@@ -10819,7 +10819,7 @@ function _sfc_render$23(_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$25, [["render", _sfc_render$23], ["__file", "Popover.vue"]]);
+var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$22], ["__file", "Popover.vue"]]);
 
 var AvatarGroup = defineComponent({
   name: "UAvatarGroup",
@@ -10894,7 +10894,7 @@ const backTopProps = {
   }
 };
 
-const _sfc_main$24 = defineComponent({
+const _sfc_main$23 = defineComponent({
   name: "UBackTop",
   components: {
     UIcon,
@@ -10961,7 +10961,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_ChevronUp = resolveComponent("ChevronUp");
   const _component_UIcon = resolveComponent("UIcon");
   return openBlock(), createElementBlock("div", {
@@ -10983,7 +10983,7 @@ function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$22], ["__file", "BackTop.vue"]]);
+var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$21], ["__file", "BackTop.vue"]]);
 
 const UBackTop = withInstall(BackTop);
 
@@ -11032,7 +11032,7 @@ const badgeProps = {
 };
 
 const initColorList = colorType.toString().split(",");
-const _sfc_main$23 = defineComponent({
+const _sfc_main$22 = defineComponent({
   name: "UBadge",
   props: badgeProps,
   setup(props) {
@@ -11122,10 +11122,10 @@ const _sfc_main$23 = defineComponent({
     };
   }
 });
-const _hoisted_1$U = ["data-color"];
-const _hoisted_2$m = { class: "uui-badge-status-text" };
-const _hoisted_3$7 = ["data-color"];
-function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$T = ["data-color"];
+const _hoisted_2$l = { class: "uui-badge-status-text" };
+const _hoisted_3$6 = ["data-color"];
+function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.dot ? (openBlock(), createElementBlock("span", {
     key: 0,
     class: normalizeClass(_ctx.prefixCls)
@@ -11151,8 +11151,8 @@ function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       "data-color": _ctx.computedColor,
       style: normalizeStyle(_ctx.statusStyles)
-    }, null, 14, _hoisted_1$U),
-    createElementVNode("span", _hoisted_2$m, [
+    }, null, 14, _hoisted_1$T),
+    createElementVNode("span", _hoisted_2$l, [
       renderSlot(_ctx.$slots, "text", {}, () => [
         createTextVNode(toDisplayString(_ctx.text), 1)
       ])
@@ -11190,12 +11190,12 @@ function _sfc_render$21(_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$23, [["render", _sfc_render$21], ["__file", "Badge.vue"]]);
+var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$20], ["__file", "Badge.vue"]]);
 
 const UBadge = withInstall(Badge);
 
@@ -11325,7 +11325,7 @@ const menuItemGroupProps = {
 };
 
 let guid$1 = -1;
-const _sfc_main$22 = defineComponent({
+const _sfc_main$21 = defineComponent({
   name: "USubMenu",
   components: {
     Popup,
@@ -11455,11 +11455,11 @@ const _sfc_main$22 = defineComponent({
     };
   }
 });
-const _hoisted_1$T = ["aria-expanded", "aria-owns"];
-const _hoisted_2$l = ["id"];
-const _hoisted_3$6 = ["data-color", "aria-owns"];
+const _hoisted_1$S = ["aria-expanded", "aria-owns"];
+const _hoisted_2$k = ["id"];
+const _hoisted_3$5 = ["data-color", "aria-owns"];
 const _hoisted_4$2 = ["id"];
-function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ChevronDown = resolveComponent("ChevronDown");
   const _component_UIcon = resolveComponent("UIcon");
   const _component_ChevronRight = resolveComponent("ChevronRight");
@@ -11496,7 +11496,7 @@ function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["class"])
-      ], 14, _hoisted_1$T),
+      ], 14, _hoisted_1$S),
       createCommentVNode(' <transition name="slide-up"> '),
       createCommentVNode(" <CollapseTransition appear> "),
       withDirectives(createElementVNode("ul", {
@@ -11505,7 +11505,7 @@ function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.subMenuStyle)
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 14, _hoisted_2$l), [
+      ], 14, _hoisted_2$k), [
         [vShow, _ctx.isOpen]
       ]),
       createCommentVNode(" </CollapseTransition> "),
@@ -11555,13 +11555,13 @@ function _sfc_render$20(_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$22, [["render", _sfc_render$20], ["__file", "SubMenu.vue"]]);
+var SubMenu = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$1$], ["__file", "SubMenu.vue"]]);
 
 const FLOAT_PRECISION_ADJUST = 0.5;
 const getWidth$1 = (elem) => {
@@ -11952,7 +11952,7 @@ const tooltipEmits = {
   "update:visible": (v) => typeof v === "boolean"
 };
 
-const _sfc_main$21 = defineComponent({
+const _sfc_main$20 = defineComponent({
   name: "UTooltip",
   components: {
     Popup
@@ -12101,9 +12101,9 @@ const _sfc_main$21 = defineComponent({
     };
   }
 });
-const _hoisted_1$S = ["data-color"];
-const _hoisted_2$k = ["data-color"];
-function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$R = ["data-color"];
+const _hoisted_2$j = ["data-color"];
+function _sfc_render$1_(_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,
@@ -12125,7 +12125,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$S),
+      }, null, 14, _hoisted_1$R),
       createElementVNode("div", {
         ref: "innerRef",
         class: normalizeClass(`${_ctx.prefixCls}-inner`),
@@ -12135,7 +12135,7 @@ function _sfc_render$1$(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "title", {}, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
-      ], 10, _hoisted_2$k)
+      ], 10, _hoisted_2$j)
     ]),
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
@@ -12143,12 +12143,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$21, [["render", _sfc_render$1$], ["__file", "Tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1_], ["__file", "Tooltip.vue"]]);
 
 const UTooltip = withInstall(Tooltip);
 
 let guid = -1;
-const _sfc_main$20 = defineComponent({
+const _sfc_main$1$ = defineComponent({
   name: "UMenuItem",
   components: {
     UTooltip
@@ -12236,8 +12236,8 @@ const _sfc_main$20 = defineComponent({
     };
   }
 });
-const _hoisted_1$R = ["data-color"];
-function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$Q = ["data-color"];
+function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UTooltip = resolveComponent("UTooltip");
   return openBlock(), createBlock(_component_UTooltip, {
     title: _ctx.title,
@@ -12263,14 +12263,14 @@ function _sfc_render$1_(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
-      ], 16, _hoisted_1$R)
+      ], 16, _hoisted_1$Q)
     ]),
     _: 3
   }, 8, ["title", "disabled", "class"]);
 }
-var MenuItem$2 = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$1_], ["__file", "MenuItem.vue"]]);
+var MenuItem$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1Z], ["__file", "MenuItem.vue"]]);
 
-const _sfc_main$1$ = defineComponent({
+const _sfc_main$1_ = defineComponent({
   name: "UMenuItemGroup",
   props: menuItemGroupProps,
   setup() {
@@ -12280,7 +12280,7 @@ const _sfc_main$1$ = defineComponent({
     };
   }
 });
-function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(`${_ctx.rootPrefixCls}-item-group`)
   }, [
@@ -12298,9 +12298,9 @@ function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$1Z], ["__file", "MenuItemGroup.vue"]]);
+var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1Y], ["__file", "MenuItemGroup.vue"]]);
 
-const _sfc_main$1_ = defineComponent({
+const _sfc_main$1Z = defineComponent({
   name: "UMenuDivider",
   setup() {
     const { rootPrefixCls } = inject("menuStore", {});
@@ -12309,12 +12309,12 @@ 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-divider`])
   }, null, 2);
 }
-var MenuDivider = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$1Y], ["__file", "MenuDivider.vue"]]);
+var MenuDivider = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$1X], ["__file", "MenuDivider.vue"]]);
 
 const UMenu = withInstall(Menu, {
   Item: MenuItem$2,
@@ -12404,7 +12404,7 @@ const isDropdownMenuGroup = (option) => {
   return option.group;
 };
 
-const _sfc_main$1Z = defineComponent({
+const _sfc_main$1Y = defineComponent({
   name: "UDropdown",
   components: {
     Popup
@@ -12453,7 +12453,7 @@ 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) {
   const _component_Popup = resolveComponent("Popup");
   return openBlock(), createBlock(_component_Popup, {
     placement: _ctx.placement,
@@ -12487,9 +12487,9 @@ function _sfc_render$1X(_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$1Z, [["render", _sfc_render$1X], ["__file", "Dropdown.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1W], ["__file", "Dropdown.vue"]]);
 
-function _isSlot$4(s) {
+function _isSlot$5(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var DropdownMenu = defineComponent({
@@ -12554,7 +12554,7 @@ var DropdownMenu = defineComponent({
         let _slot;
         return createVNode(UMenu.ItemGroup, {
           "title": m.title
-        }, _isSlot$4(_slot = m.children.map(renderItem)) ? _slot : {
+        }, _isSlot$5(_slot = m.children.map(renderItem)) ? _slot : {
           default: () => [_slot]
         });
       }
@@ -12603,7 +12603,7 @@ var DropdownMenu = defineComponent({
         [`${prefixCls}-menu-with-icon`]: this.icon
       },
       "style": this.style
-    }, _isSlot$4(menus) ? menus : {
+    }, _isSlot$5(menus) ? menus : {
       default: () => [menus]
     })]);
   }
@@ -12692,7 +12692,7 @@ const buttonGroupProps = {
   }
 };
 
-const _sfc_main$1Y = defineComponent({
+const _sfc_main$1X = defineComponent({
   name: "UButton",
   components: {
     UIcon
@@ -12734,18 +12734,18 @@ const _sfc_main$1Y = defineComponent({
     };
   }
 });
-const _hoisted_1$Q = ["data-color", "type", "disabled"];
-const _hoisted_2$j = {
+const _hoisted_1$P = ["data-color", "type", "disabled"];
+const _hoisted_2$i = {
   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$1W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = resolveComponent("UIcon");
   return openBlock(), createElementBlock("button", {
     ref: "buttonRef",
@@ -12775,8 +12775,8 @@ function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
       spin: ""
     }, {
       default: withCtx(() => [
-        (openBlock(), createElementBlock("svg", _hoisted_2$j, [
-          createElementVNode("g", _hoisted_3$5, [
+        (openBlock(), createElementBlock("svg", _hoisted_2$i, [
+          createElementVNode("g", _hoisted_3$4, [
             createElementVNode("path", {
               "fill-rule": "evenodd",
               "clip-rule": "evenodd",
@@ -12820,11 +12820,11 @@ function _sfc_render$1W(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.showSlot ? (openBlock(), createElementBlock("span", _hoisted_6, [
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1$Q);
+  ], 10, _hoisted_1$P);
 }
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$1W], ["__file", "Button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$1V], ["__file", "Button.vue"]]);
 
-const _sfc_main$1X = defineComponent({
+const _sfc_main$1W = defineComponent({
   name: "UButtonGroup",
   props: buttonGroupProps,
   setup() {
@@ -12834,7 +12834,7 @@ const _sfc_main$1X = defineComponent({
     };
   }
 });
-function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       `${_ctx.prefixCls}`,
@@ -12848,7 +12848,7 @@ function _sfc_render$1V(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$1V], ["__file", "ButtonGroup.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$1U], ["__file", "ButtonGroup.vue"]]);
 
 const UButton = withInstall(Button, {
   Group: ButtonGroup
@@ -13015,7 +13015,7 @@ var BreadcrumbItem = defineComponent({
   }
 });
 
-function _isSlot$3(s) {
+function _isSlot$4(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const UMenuItem = UMenu.Item;
@@ -13085,11 +13085,11 @@ var Breadcrumb = defineComponent({
       if (routeChildren && !!routeChildren.length) {
         return () => {
           let _slot2;
-          return createVNode(UMenu, null, _isSlot$3(_slot2 = routeChildren.map((routeChild, index) => {
+          return createVNode(UMenu, null, _isSlot$4(_slot2 = routeChildren.map((routeChild, index) => {
             let _slot;
             return createVNode(UMenuItem, {
               "key": index
-            }, _isSlot$3(_slot = renderRouteItem(routeChild)) ? _slot : {
+            }, _isSlot$4(_slot = renderRouteItem(routeChild)) ? _slot : {
               default: () => [_slot]
             });
           })) ? _slot2 : {
@@ -13491,7 +13491,7 @@ const checkboxGroupEmits = {
   change: (v) => Array.isArray(v) && v.every((x) => x === void 0 || typeof x === "number" || typeof x === "string")
 };
 
-const _sfc_main$1W = defineComponent({
+const _sfc_main$1V = defineComponent({
   name: "UCheckbox",
   components: {
     UIcon,
@@ -13589,8 +13589,8 @@ const _sfc_main$1W = defineComponent({
     };
   }
 });
-const _hoisted_1$P = ["disabled", "checked", "name"];
-function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$O = ["disabled", "checked", "name"];
+function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Check = resolveComponent("Check");
   const _component_Minus = resolveComponent("Minus");
   const _component_UIcon = resolveComponent("UIcon");
@@ -13636,7 +13636,7 @@ function _sfc_render$1U(_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_1$P)
+      }, null, 42, _hoisted_1$O)
     ], 2),
     _ctx.showSlot ? (openBlock(), createElementBlock("span", {
       key: 0,
@@ -13648,9 +13648,9 @@ function _sfc_render$1U(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$1U], ["__file", "Checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$1T], ["__file", "Checkbox.vue"]]);
 
-const _sfc_main$1V = defineComponent({
+const _sfc_main$1U = defineComponent({
   name: "UCheckboxGroup",
   components: {
     UIcon,
@@ -13722,8 +13722,8 @@ const _sfc_main$1V = defineComponent({
     };
   }
 });
-const _hoisted_1$O = { key: 0 };
-function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$N = { key: 0 };
+function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LoaderCircle = resolveComponent("LoaderCircle");
   const _component_UIcon = resolveComponent("UIcon");
   const _component_UCheckbox = resolveComponent("UCheckbox");
@@ -13739,7 +13739,7 @@ function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   }, [
     _ctx.hasSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-      _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$O, [
+      _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
         createVNode(_component_UIcon, { spin: "" }, {
           default: withCtx(() => [
             createVNode(_component_LoaderCircle)
@@ -13761,13 +13761,13 @@ function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$1T], ["__file", "CheckboxGroup.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1S], ["__file", "CheckboxGroup.vue"]]);
 
 const UCheckbox = withInstall(Checkbox, {
   Group: CheckboxGroup
 });
 
-const _sfc_main$1U = defineComponent({
+const _sfc_main$1T = defineComponent({
   name: "SelectInput",
   props: {
     inputRef: {
@@ -13850,8 +13850,8 @@ const _sfc_main$1U = defineComponent({
     };
   }
 });
-const _hoisted_1$N = ["id", "aria-expanded", "aria-own", "aria-controls", "aria-activedescendant", "disabled", "tabindex", "autocomplete", "autofocus", "value", "readonly", "unselectable"];
-function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$M = ["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) {
   return openBlock(), createElementBlock("input", {
     id: _ctx.id,
     ref: _ctx.inputRef,
@@ -13879,11 +13879,11 @@ function _sfc_render$1S(_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$N);
+  }, null, 46, _hoisted_1$M);
 }
-var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$1S], ["__file", "Input.vue"]]);
+var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1R], ["__file", "Input.vue"]]);
 
-const _sfc_main$1T = defineComponent({
+const _sfc_main$1S = defineComponent({
   name: "SingleSeletor",
   components: {
     Render,
@@ -13979,8 +13979,8 @@ const _sfc_main$1T = defineComponent({
     };
   }
 });
-const _hoisted_1$M = ["title"];
-function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$L = ["title"];
+function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_SelectInput = resolveComponent("SelectInput");
   const _component_Render = resolveComponent("Render");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -14010,7 +14010,7 @@ function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_Render, {
         render: _ctx.getRender(_ctx.selectedItem.displayLabel)
       }, null, 8, ["render"])
-    ], 10, _hoisted_1$M)) : createCommentVNode("v-if", true),
+    ], 10, _hoisted_1$L)) : createCommentVNode("v-if", true),
     withDirectives(createElementVNode("div", {
       class: normalizeClass(`${_ctx.prefixCls}-selection-placeholder`)
     }, [
@@ -14020,362 +14020,529 @@ function _sfc_render$1R(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 64);
 }
-var SingleSelection = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$1R], ["__file", "Single.vue"]]);
+var SingleSelection = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$1Q], ["__file", "Single.vue"]]);
 
 const UPopover = withInstall(Popover);
 
 const REST_TAG_KEY = "__UUI_SELECT_MAX_REST_COUNT__";
-const defaultMaxTagPlaceholder = (ommittedValus) => `+ ${ommittedValus.length}`;
-var _sfc_main$1S = defineComponent({
-  name: "MutipleSelector",
-  components: {
-    SelectInput,
-    Render,
-    UPopover,
-    UIcon,
-    X
-  },
-  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: () => ({})
+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;
     }
-  },
-  emits: ["select", "input-mousedown", "input-change", "input-keydown", "input-compositionstart", "input-compositionend", "input-paste"],
-  setup(props, {
-    emit
-  }) {
-    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 {
-        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 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 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 {
+          ...rest,
+          displayLabel: _label
+        };
       });
-    };
-    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);
+    }
+    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
+  };
+}
 
-const _hoisted_1$L = ["title"];
-const _hoisted_2$i = ["title"];
-const _hoisted_3$4 = ["title"];
-function _sfc_render$1Q(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Render = resolveComponent("Render");
-  const _component_X = resolveComponent("X");
-  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",
-            "dropdown-class": `${_ctx.prefixCls}-dropdown-tooltip`,
-            "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$i),
-                    _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_X)
-                      ]),
-                      _: 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$L)
-            ]),
-            _: 2
-          }, 1040, ["disabled", "dropdown-class"])) : (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_X, { 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);
+function _isSlot$3(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var Multiple = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["render", _sfc_render$1Q], ["__file", "Multiple.vue"]]);
+const defaultMaxTagPlaceholder = (ommittedValus) => `+ ${ommittedValus.length}...`;
+const multipleBaseProps = {
+  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, String]
+  },
+  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: () => ({})
+  },
+  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
+}) {
+  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 || 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, mergeProps({
+        "class": `${prefixCls}-selection-item-remove`
+      }, {
+        onMousedown: (e) => {
+          e.stopPropagation();
+          e.preventDefault();
+        }
+      }, {
+        "onClick": (e) => onClose(tipItem.value, e)
+      }), {
+        default: () => [createVNode(X, null, null)]
+      })]))])
+    }) : createVNode(Fragment, null, [createVNode("span", {
+      "class": `${prefixCls}-selection-item-content`,
+      "title": item.title
+    }, [getRender(item.displayLabel)()]), closable(item) && createVNode(UIcon, mergeProps({
+      "class": `${prefixCls}-selection-item-remove`
+    }, {
+      onMousedown: (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    }, {
+      "onClick": (e) => onClose(item.value, e)
+    }), {
+      default: () => [removeIcon ? createVNode(resolveComponent("component"), {
+        "is": removeIcon
+      }, null) : createVNode(X, 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,
+    slots
+  }) {
+    const baseState = useMultipleBase(props, emit);
+    return () => {
+      let _slot;
+      const {
+        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 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$3(_slot = renderSearchInput(props, {
+        prefixCls: props.prefixCls,
+        inputRef: props.inputRef,
+        disabled: props.disabled,
+        inputEditable: baseState.inputEditable.value,
+        inputValue: inputValue.value,
+        inputWidth,
+        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,
+        measureRef,
+        onInputMouseDown,
+        onInputChange,
+        onInputKeydown,
+        onInputCompositionStart,
+        onInputCompositionEnd,
+        onInputPaste
+      }), renderPlaceholder(showPlaceholder.value, props.prefixCls, slots)]);
+    };
+  }
+});
 
+const RESPONSIVE = "responsive";
 const _sfc_main$1R = defineComponent({
   name: "Selection",
   components: {
     SingleSelection,
-    Multiple
+    ResizeObserver: ResizeObserver$1,
+    MultipleBase
   },
   props: {
     prefixCls: {
@@ -14424,7 +14591,7 @@ const _sfc_main$1R = defineComponent({
       type: Function
     },
     maxTagTextLength: {
-      type: Number
+      type: [Number, String]
     },
     maxTagTooltip: {
       type: Boolean,
@@ -14460,10 +14627,17 @@ const _sfc_main$1R = 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;
@@ -14530,74 +14704,87 @@ const _sfc_main$1R = defineComponent({
       onInputKeydown,
       onInputCompositionStart,
       onInputCompositionEnd,
-      onInputPaste
+      onInputPaste,
+      onOverflowResize,
+      containerWrapperWidth,
+      isResponsive
     };
   }
 });
 function _sfc_render$1P(_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$1R, [["render", _sfc_render$1P], ["__file", "Selection.vue"]]);