@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

package/packages/components/select/index.js

@@ -1,37 +1,33 @@
 import '@das-fed/upf-ui/packages/components/select/style.css';
 import { withInstall as De } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as Ee, useCssVars as hl, useAttrs as bl, computed as i, ref as s, watch as X, useSlots as yl, onMounted as pe, onUnmounted as Ne, watchEffect as me, nextTick as k, resolveComponent as gl, openBlock as v, createElementBlock as y, normalizeClass as wl, normalizeStyle as Z, withModifiers as J, createBlock as R, unref as r, createCommentVNode as K, withDirectives as he, mergeProps as ge, isRef as Cl, createSlots as xl, withCtx as p, renderSlot as g, normalizeProps as Q, guardReactiveProps as Y, Fragment as Be, createTextVNode as be, toDisplayString as W, createVNode as x, createElementVNode as h, withKeys as Tl } from "vue";
-import { Select as kl, Tag as ye } from "ant-design-vue";
-import { DasCheckbox as Fe } from "@das-fed/upf-ui/packages/components/checkbox/index";
-import { vScrollbar as Sl } from "@das-fed/upf-ui/packages/components/scrollbar/index";
-import { DasTooltip as Il } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { vDasTooltip as $e } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { DasInput as Al } from "@das-fed/upf-ui/packages/components/input/index";
-import { DasIconXiala as Ll } from "@das-fed/upf-ui/packages/icons/xiala/index";
-import { DasIconEmpty as Ml } from "@das-fed/upf-ui/packages/icons/empty/index";
-import { DasErrorOverlayModel as Vl } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { vHoverInside as _l } from "@das-fed/upf-utils/directive";
-import { getVarValue as zl, getVar as Oe, setThemeRule as Nl } from "@das-fed/upf-web/packages/theme/index";
-import { t as P, currentLang as Bl, setI18nRule as Fl } from "@das-fed/upf-web/packages/i18n/index";
-import { useZIndex as $l } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
-import { useModelValue as Ol } from "@das-fed/upf-utils/vue";
+import { defineComponent as Ee, useCssVars as bl, useAttrs as yl, computed as u, ref as s, watch as X, useSlots as gl, onMounted as pe, onUnmounted as _e, watchEffect as me, nextTick as S, resolveComponent as Cl, openBlock as p, createElementBlock as g, normalizeClass as wl, normalizeStyle as K, withModifiers as J, createBlock as q, unref as r, createCommentVNode as I, withDirectives as he, mergeProps as Ce, isRef as xl, createSlots as Tl, withCtx as m, renderSlot as C, normalizeProps as Q, guardReactiveProps as Y, Fragment as be, createTextVNode as ye, toDisplayString as F, createElementVNode as b, createVNode as T, withKeys as kl } from "vue";
+import { Select as Sl, Tag as ge } from "ant-design-vue";
+import { DasCheckbox as Oe } from "@das-fed/upf-ui/packages/components/checkbox/index";
+import { vScrollbar as Il } from "@das-fed/upf-ui/packages/components/scrollbar/index";
+import { DasTooltip as Al } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { vDasTooltip as Be } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { DasInput as Ll } from "@das-fed/upf-ui/packages/components/input/index";
+import { DasIconXiala as Ml } from "@das-fed/upf-ui/packages/icons/xiala/index";
+import { DasIconEmpty as Vl } from "@das-fed/upf-ui/packages/icons/empty/index";
+import { DasErrorOverlayModel as zl } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { vHoverInside as Nl } from "@das-fed/upf-utils/directive";
+import { t as R, currentLang as $l, setI18nRule as _l } from "@das-fed/upf-web/packages/i18n/index";
+import { useZIndex as Ol } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
+import { useModelValue as Bl } from "@das-fed/upf-utils/vue";
 import { calcTextWidth as Dl } from "@das-fed/upf-utils/common-tools";
 import "ant-design-vue/es/select/style/css";
 import "ant-design-vue/es/tag/style/css";
 import { SelectOption as El } from "ant-design-vue/es";
-const Wl = { key: 0 }, Pl = {
-  key: 1,
-  class: "das-multiple-option-item"
-}, Rl = { style: { display: "inline-block" } }, ql = { key: 0 }, Hl = { key: 2 }, Zl = { style: { display: "inline-block" } }, Kl = ["innerHTML"], Ul = ["innerHTML"], jl = {
+const Wl = { key: 0 }, Pl = { class: "das-multiple-option-item" }, Fl = { style: { display: "inline-block" } }, Rl = { key: 0 }, ql = { key: 2 }, Hl = { style: { display: "inline-block" } }, Zl = ["innerHTML"], Kl = ["innerHTML"], Ul = {
   key: 0,
   class: "das-select-error-label-content das-select-label-content"
-}, Gl = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Xl = { class: "ant-select-selection-item" }, Jl = { class: "ant-select-selection-item-content" }, Ql = ["innerHTML"], Yl = Ee({
+}, jl = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Gl = { class: "ant-select-selection-item" }, Xl = { class: "ant-select-selection-item-content" }, Jl = ["innerHTML"], Ql = Ee({
   inheritAttrs: !1,
   components: {
-    VNodes: (S, { attrs: z }) => z.vnodes
+    VNodes: (d, { attrs: $ }) => $.vnodes
   }
-}), et = /* @__PURE__ */ Ee({
-  ...Yl,
+}), Yl = /* @__PURE__ */ Ee({
+  ...Ql,
   __name: "Select",
   props: {
     modelValue: { default: void 0 },
@@ -70,118 +66,118 @@ const Wl = { key: 0 }, Pl = {
     showSelectAll: { type: Boolean, default: !0 }
   },
   emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
-  setup(S, { expose: z, emit: N }) {
-    hl((e) => ({
-      "2d187413": Xe.value,
-      "5c27147a": Je.value
+  setup(d, { expose: $, emit: _ }) {
+    bl((e) => ({
+      v79c6e20e: Je.value,
+      b5733442: Qe.value
     }));
-    const l = S, w = N, we = bl(), Pe = i(() => {
+    const l = d, w = _, we = yl(), Pe = u(() => {
       const e = {};
       for (const t in we)
         t === "onClick" || t.startsWith("onClick") || (e[t] = we[t]);
       return e;
-    }), n = Ol(l, "modelValue"), ee = i(() => {
+    }), n = Bl(l, "modelValue"), ee = u(() => {
       var e;
       return `<span class='key'>${((e = n.value) == null ? void 0 : e.length) ?? 0}</span>`;
-    }), B = s(null), Ce = s(null), b = s(!1), U = i(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || P("请选择")), le = i(() => B.value ? B.value.querySelector(".ant-select-selector") : null), F = s(0), $ = s(0), Re = i(() => le.value ? l.isTooltip && I.value ? !1 : !l.isTooltip || M.value || !_e.value || !ue.value : !0), qe = i(() => (Array.isArray(n.value) ? n.value.length : n.value) ? _e.value : U.value), xe = () => {
+    }), O = s(null), xe = s(null), y = s(!1), U = u(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || R("请选择")), le = u(() => O.value ? O.value.querySelector(".ant-select-selector") : null), B = s(0), D = s(0), Fe = u(() => le.value ? l.isTooltip && A.value ? !1 : !l.isTooltip || V.value || !Ne.value || !ue.value : !0), Re = u(() => (Array.isArray(n.value) ? n.value.length : n.value) ? Ne.value : U.value), Te = () => {
       const e = l.size === "table" ? 12 : 14;
       return Dl(U.value, e);
-    }, Te = () => {
-      var _, H, f;
-      const e = (_ = B.value) == null ? void 0 : _.querySelector(".ant-select-selection-placeholder"), t = (f = (H = C.value) == null ? void 0 : H.$el) == null ? void 0 : f.querySelectorAll(".ant-select-selection-item");
+    }, ke = () => {
+      var N, Z, v;
+      const e = (N = O.value) == null ? void 0 : N.querySelector(".ant-select-selection-placeholder"), t = (v = (Z = x.value) == null ? void 0 : Z.$el) == null ? void 0 : v.querySelectorAll(".ant-select-selection-item");
       t && t.length && t.forEach((ve) => ve.removeAttribute("title"));
       let a = (e == null ? void 0 : e.offsetWidth) ?? 0;
       if (a === 0) return a;
-      const o = window.getComputedStyle(e, null), m = parseFloat(o.paddingRight), c = parseFloat(o.paddingLeft);
-      return a - m - c;
-    }, I = s(!1);
+      const o = window.getComputedStyle(e, null), h = parseFloat(o.paddingRight), f = parseFloat(o.paddingLeft);
+      return a - h - f;
+    }, A = s(!1);
     X(() => [U.value, n.value], () => {
-      k(() => {
-        $.value = Te(), F.value = xe(), ((Array.isArray(n.value) ? n.value.length : n.value) || $.value === F.value || F.value - $.value < 1) && (I.value = !1);
+      S(() => {
+        D.value = ke(), B.value = Te(), ((Array.isArray(n.value) ? n.value.length : n.value) || D.value === B.value || B.value - D.value < 1) && (A.value = !1);
       });
     }), X(
       () => {
         var e;
-        return (e = Ce.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = xe.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          I.value = !0, E.value && clearTimeout(E.value);
+          A.value = !0, P.value && clearTimeout(P.value);
         }), e.addEventListener("mouseleave", function() {
-          E.value = setTimeout(() => {
-            I.value = !1;
+          P.value = setTimeout(() => {
+            A.value = !1;
           }, 200);
         }));
       }
     );
-    const ke = s(null), Se = i(() => l.dropdownMode ?? l.mode ?? ""), O = s(null), He = s(null), D = s(""), Ze = () => {
-      O.value = !0;
-    }, Ke = () => {
-      O.value = null;
-    }, Ie = () => {
-      D.value && (w("addCustomItem", D.value), k(() => {
-        C.value.focus(), D.value = "";
+    const Se = s(null), Ie = u(() => l.dropdownMode ?? l.mode ?? ""), E = s(null), qe = s(null), W = s(""), He = () => {
+      E.value = !0;
+    }, Ze = () => {
+      E.value = null;
+    }, Ae = () => {
+      W.value && (w("addCustomItem", W.value), S(() => {
+        x.value.focus(), W.value = "";
       }));
-    }, Ae = yl(), te = () => {
-      l.dropdownMode === "custom" && !Ae.dropdownRender && (O.value = !1, k(() => {
-        O.value = null;
+    }, Le = gl(), te = () => {
+      l.dropdownMode === "custom" && !Le.dropdownRender && (E.value = !1, S(() => {
+        E.value = null;
       }));
     };
     pe(() => {
       document.addEventListener("click", te);
-    }), Ne(() => {
+    }), _e(() => {
       document.removeEventListener("click", te);
     });
-    const C = s(), Le = s(), A = i(() => {
+    const x = s(), Me = s(), L = u(() => {
       var e;
       return l.fieldNames && l.fieldNames.label ? (e = l.fieldNames) == null ? void 0 : e.label : "label";
-    }), T = i(() => {
+    }), k = u(() => {
       var e;
       return l.fieldNames && l.fieldNames.value ? (e = l.fieldNames) == null ? void 0 : e.value : "value";
-    }), oe = s(/* @__PURE__ */ new Map()), Me = (e, t) => {
+    }), oe = s(/* @__PURE__ */ new Map()), Ke = u(() => l.mode), Ue = u(() => l.size == "middle" ? "defalut" : l.size == "mini" ? "small" : l.size), Ve = (e, t) => {
       Array.isArray(e) && e.forEach((a) => {
-        t(a), Array.isArray(a == null ? void 0 : a.children) && Me(a.children, t);
+        t(a), Array.isArray(a == null ? void 0 : a.children) && Ve(a.children, t);
       });
     }, ae = (e, t) => {
       if (Array.isArray(e))
         for (const a of e) {
-          if ((a == null ? void 0 : a[T.value]) == t) return a;
+          if ((a == null ? void 0 : a[k.value]) == t) return a;
           if (Array.isArray(a == null ? void 0 : a.children)) {
             const o = ae(a.children, t);
             if (o) return o;
           }
         }
-    }, Ue = (e) => {
-      Me(e, (t) => {
-        t && t[T.value] != null && t[A.value] != null && oe.value.set(t[T.value], t[A.value]);
+    }, je = (e) => {
+      Ve(e, (t) => {
+        t && t[k.value] != null && t[L.value] != null && oe.value.set(t[k.value], t[L.value]);
       });
     }, ne = (e) => {
       if (e == null || e === "") return;
       const t = ae(l.options, e);
-      if (t && t[A.value] != null) return t[A.value];
+      if (t && t[L.value] != null) return t[L.value];
       if (l.preserveLabelWhenMissing)
         return oe.value.get(e);
-    }, je = (e) => {
+    }, Ge = (e) => {
       const t = Array.isArray(e) ? e.slice() : [];
       return l.preserveLabelWhenMissing ? ((l.mode !== "combobox" && Array.isArray(n.value) ? n.value : n.value != null && n.value !== "" ? [n.value] : []).forEach((o) => {
         if (ae(t, o)) return;
-        const c = oe.value.get(o);
-        c != null && t.unshift({
-          [T.value]: o,
-          [A.value]: c,
+        const f = oe.value.get(o);
+        f != null && t.unshift({
+          [k.value]: o,
+          [L.value]: f,
           disabled: !0,
           title: "",
           __dasGhostOption: !0
         });
       }), t.map((o) => (o.title = o.title ? o.title : "", o))) : t.map((o) => (o.title = o.title ? o.title : "", o));
-    }, se = s(!1), re = i(() => {
-      if (O.value !== null) return O.value;
+    }, se = s(!1), re = u(() => {
+      if (E.value !== null) return E.value;
       if (l.open !== void 0) return l.open;
-    }), L = 1e6, u = s(100), d = s(100), M = s(!1), ue = s(!0), ie = s(!1);
+    }), M = 1e6, i = s(100), c = s(100), V = s(!1), ue = s(!0), ie = s(!1);
     me(() => {
       n.value && l.mode == "combobox" && (ue.value = !0, setTimeout(() => {
         var t;
-        let e = (t = C.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
+        let e = (t = x.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
         if (e && e.length > 0)
           for (let a = 0; a < e.length; a++) {
             let o = e[a];
@@ -189,21 +185,21 @@ const Wl = { key: 0 }, Pl = {
           }
       }, 300));
     }), me(() => {
-      l.options && (Ue(l.options), Le.value = je(l.options));
+      l.options && (je(l.options), Me.value = Ge(l.options));
     });
-    const Ge = () => {
+    const Xe = () => {
       setTimeout(async () => {
-        u.value = 100, await V(), u.value = d.value, b.value = !0;
+        i.value = 100, await z(), i.value = c.value, y.value = !0;
       }, 100);
     };
     me(() => {
-      ie.value === !0 && l.mode != "combobox" && n.value && n.value.length > 0 && l.options.length > 0 && (ie.value = !1, Ge());
+      ie.value === !0 && l.mode != "combobox" && n.value && n.value.length > 0 && l.options.length > 0 && (ie.value = !1, Xe());
     }), pe(() => {
-      ie.value = !0, l.focusOpen || (d.value = 1, u.value = d.value, b.value = !0);
+      ie.value = !0, l.focusOpen || (c.value = 1, i.value = c.value, y.value = !0);
     });
-    const Xe = i(() => l.width ? l.width : "230px"), Je = i(() => l.height ? l.height : "auto"), Ve = s(3e3), Qe = i(() => ({
-      "z-index": Ve.value
-    })), _e = i(() => {
+    const Je = u(() => l.width ? l.width : "230px"), Qe = u(() => l.height ? l.height : "auto"), ze = s(3e3), Ye = u(() => ({
+      "z-index": ze.value
+    })), Ne = u(() => {
       let e = [];
       if (l.mode != "combobox" && Array.isArray(n.value))
         n.value.map((t) => {
@@ -214,84 +210,84 @@ const Wl = { key: 0 }, Pl = {
         const t = ne(n.value);
         t != null ? e.push(t) : n.value !== null && n.value !== void 0 && n.value !== "" && e.push(String(n.value));
       }
-      return Bl.value === "zh-CN" ? e.join("、") : e.join(", ");
-    }), Ye = i(() => {
+      return $l.value === "zh-CN" ? e.join("、") : e.join(", ");
+    }), el = u(() => {
       var t;
       if (l.mode === "combobox") return !1;
       let e = l.options.filter((a) => !a.disabled);
       return !!(Array.isArray(n.value) && ((t = n.value) == null ? void 0 : t.length) == e.length);
-    }), el = i(() => {
+    }), ll = u(() => {
       var t, a;
       if (l.mode === "combobox") return !1;
       let e = l.options.filter((o) => !o.disabled);
       return !!(Array.isArray(n.value) && ((t = n.value) == null ? void 0 : t.length) > 0 && ((a = n.value) == null ? void 0 : a.length) < e.length);
-    }), ll = i(() => {
+    }), tl = u(() => {
       var e, t;
       return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
-    }), tl = i(() => ({
+    }), ol = u(() => ({
       width: typeof l.width == "number" ? l.width + "px" : l.width
-    })), de = s(!1), ol = s({
+    })), de = s(!1), al = s({
       display: "block",
-      color: zl("--das-ui-select-overlay-error-color").value,
+      color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), E = s(), al = () => {
+    }), P = s(), nl = () => {
       var a;
-      $.value = Te(), F.value = xe();
-      let e = (a = C.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
-      !!(Array.isArray(n.value) ? n.value.length : e != null && e.length) || $.value === F.value || F.value - $.value < 1 ? I.value = !1 : (I.value = !0, E.value && clearTimeout(E.value)), de.value = !0;
-    }, nl = () => {
-      E.value = setTimeout(() => {
-        I.value = !1;
+      D.value = ke(), B.value = Te();
+      let e = (a = x.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
+      !!(Array.isArray(n.value) ? n.value.length : e != null && e.length) || D.value === B.value || B.value - D.value < 1 ? A.value = !1 : (A.value = !0, P.value && clearTimeout(P.value)), de.value = !0;
+    }, sl = () => {
+      P.value = setTimeout(() => {
+        A.value = !1;
       }, 200), de.value = !1;
-    }, sl = (e, t) => {
-      e ? al() : nl();
-    }, rl = (e) => {
-      e && (Ve.value = $l().nextZIndex(), D.value = ""), j.value = e, l.mode == "combobox" && (e || setTimeout(() => {
+    }, rl = (e, t) => {
+      e ? nl() : sl();
+    }, ul = (e) => {
+      e && (ze.value = Ol().nextZIndex(), W.value = ""), j.value = e, l.mode == "combobox" && (e || setTimeout(() => {
         var t, a;
-        (a = (t = C.value) == null ? void 0 : t.blur) == null || a.call(t);
+        (a = (t = x.value) == null ? void 0 : t.blur) == null || a.call(t);
       })), w("dropdownVisibleChange", e);
-    }, ul = (e) => {
+    }, il = (e) => {
       let t = e.toString();
       return t.length > l.maxTagTextLength && (t = t.substr(0, l.maxTagTextLength) + "..."), t;
-    }, il = (e) => l.isRenderNode ? B.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), dl = (e) => {
+    }, dl = (e) => l.isRenderNode ? O.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), cl = (e) => {
       if (e) {
         Array.isArray(n.value) || (n.value = []);
         let t = n.value, a = [];
         l.options.forEach((o) => {
-          !n.value.includes(o[T.value]) && !o.disabled && (t.push(o[T.value]), a.push(o));
+          !n.value.includes(o[k.value]) && !o.disabled && (t.push(o[k.value]), a.push(o));
         }), n.value = t, fe(n.value, a);
       } else {
         let t = n.value;
         n.value = t.filter((a) => {
-          const o = l.options.find((m) => m[T.value] === a);
+          const o = l.options.find((h) => h[k.value] === a);
           return o ? !!o.disabled : !1;
         }), fe(n.value, []);
       }
-    }, cl = (e) => {
+    }, fl = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
         return e.children[0];
-    }, fl = (e) => {
+    }, vl = (e) => {
       if (l.mode == "combobox") {
         w("focus", e);
         return;
       }
-      se.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = L, b.value = !1), w("focus", e);
-    }, j = s(!1), vl = () => {
+      se.value = !0, l.focusOpen && !l.isExterControlCount && (i.value = M, y.value = !1), w("focus", e);
+    }, j = s(!1), pl = () => {
       j.value || setTimeout(() => {
         var e, t;
-        (t = (e = C.value) == null ? void 0 : e.blur) == null || t.call(e);
+        (t = (e = x.value) == null ? void 0 : e.blur) == null || t.call(e);
       }), l.mode != "combobox";
-    }, ze = (e) => {
-      if (k(() => {
+    }, $e = (e) => {
+      if (S(() => {
         j.value = !1;
       }), l.mode == "combobox") {
         w("blur", e);
         return;
       }
-      se.value = !1, l.focusOpen && !l.isExterControlCount && (V(), u.value = d.value, b.value = !0), w("blur", e);
-    }, pl = (e) => {
-      e.onClose(), u.value = 100, k(() => {
-        l.mode !== "combobox" && re.value || l.focusOpen && (V(), u.value = d.value, b.value = !0);
+      se.value = !1, l.focusOpen && !l.isExterControlCount && (z(), i.value = c.value, y.value = !0), w("blur", e);
+    }, ml = (e) => {
+      e.onClose(), i.value = 100, S(() => {
+        l.mode !== "combobox" && re.value || l.focusOpen && (z(), i.value = c.value, y.value = !0);
       });
     };
     X(
@@ -300,49 +296,49 @@ const Wl = { key: 0 }, Pl = {
         if (e && l.mode !== "combobox") {
           se.value = !1;
           let t = new Event("blur");
-          ze(t);
+          $e(t);
         }
       }
     );
-    let q = s(!1);
-    const ml = (e) => {
-      q.value = e, M.value = !0, k(() => {
-        M.value = !1, l.focusOpen && (V(), u.value = e ? L : d.value, b.value = !e);
+    let H = s(!1);
+    const hl = (e) => {
+      H.value = e, V.value = !0, S(() => {
+        V.value = !1, l.focusOpen && (z(), i.value = e ? M : c.value, y.value = !e);
       });
     };
     let G = null;
     pe(() => {
       G = new IntersectionObserver((e) => {
-        e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && u.value === 0 && (u.value = 100, k(() => {
-          V(), u.value = d.value, b.value = !0;
+        e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && i.value === 0 && (i.value = 100, S(() => {
+          z(), i.value = c.value, y.value = !0;
         }));
-      }), G.observe(B.value);
-    }), Ne(() => {
+      }), G.observe(O.value);
+    }), _e(() => {
       G && G.disconnect();
     });
-    const V = () => {
-      var H;
-      let e = (H = C.value) == null ? void 0 : H.$el;
+    const z = () => {
+      var Z;
+      let e = (Z = x.value) == null ? void 0 : Z.$el;
       if (!e) return;
       let t = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
       if (!t) return;
       let a = t.offsetWidth - 5;
       l.borderType === "underline" && (a -= 10);
-      const m = Math.ceil(ke.value.querySelector(".ant-tag").offsetWidth) + 4;
-      let c = e.querySelectorAll(".ant-select-selection-overflow-item");
-      if (c.length < 1) return;
-      u.value = L;
-      let _ = 0;
-      for (let f = 0; f < c.length - 1 && (c[f].classList.remove("ellipsis"), !c[f].classList.contains("ant-select-selection-overflow-item-rest")); f++)
-        if (_ += Math.ceil(c[f].offsetWidth), _ <= a - m)
-          f >= n.value.length - 1 && _ < a ? d.value = n.value.length : d.value = f + 1;
+      const h = Math.ceil(Se.value.querySelector(".ant-tag").offsetWidth) + 4;
+      let f = e.querySelectorAll(".ant-select-selection-overflow-item");
+      if (f.length < 1) return;
+      i.value = M;
+      let N = 0;
+      for (let v = 0; v < f.length - 1 && (f[v].classList.remove("ellipsis"), !f[v].classList.contains("ant-select-selection-overflow-item-rest")); v++)
+        if (N += Math.ceil(f[v].offsetWidth), N <= a - h)
+          v >= n.value.length - 1 && N < a ? c.value = n.value.length : c.value = v + 1;
         else {
-          f >= n.value.length - 1 && _ < a ? d.value = n.value.length : d.value = f;
+          v >= n.value.length - 1 && N < a ? c.value = n.value.length : c.value = v;
           break;
         }
-      if (d.value === 0) {
-        let f = c[0], ve = f.querySelector(".anticon-close") ? 86 : 69;
-        f && !f.classList.contains("ant-select-selection-overflow-item-rest") && ve <= a - m && !Ae.tagRender && (d.value = 1, f.classList.add("ellipsis"));
+      if (c.value === 0) {
+        let v = f[0], ve = v.querySelector(".anticon-close") ? 86 : 69;
+        v && !v.classList.contains("ant-select-selection-overflow-item-rest") && ve <= a - h && !Le.tagRender && (c.value = 1, v.classList.add("ellipsis"));
       }
     }, ce = s(!1);
     X(
@@ -352,331 +348,379 @@ const Wl = { key: 0 }, Pl = {
           ce.value = !1;
           return;
         }
-        l.mode !== "combobox" && re.value || (M.value = !0, u.value = L, await k(), await V(), M.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = q.value ? L : d.value, b.value = !q.value) : (u.value = d.value, b.value = !0));
+        l.mode !== "combobox" && re.value || (V.value = !0, i.value = M, await S(), await z(), V.value = !1, l.isExterControlCount && l.focusOpen ? (i.value = H.value ? M : c.value, y.value = !H.value) : (i.value = c.value, y.value = !0));
       }
     );
     const fe = async (e, t) => {
       ce.value = !0, j.value = !1, l.mode === "combobox" && te();
       const a = e;
-      l.noDropdown && l.maxTagsLength < a.length && a.pop(), M.value = !0, w("update:model-value", a), w("change", a, t), u.value = L, await k(), await V(), M.value = !1, l.isExterControlCount && l.focusOpen && (u.value = q.value ? L : d.value, b.value = !q.value), l.focusOpen || (u.value = d.value);
+      l.noDropdown && l.maxTagsLength < a.length && a.pop(), V.value = !0, w("update:model-value", a), w("change", a, t), i.value = M, await S(), await z(), V.value = !1, l.isExterControlCount && l.focusOpen && (i.value = H.value ? M : c.value, y.value = !H.value), l.focusOpen || (i.value = c.value);
     };
-    return z({
-      $select: C,
-      toChangeMaxCount: ml
+    return $({
+      $select: x,
+      toChangeMaxCount: hl
     }), (e, t) => {
-      const a = gl("v-nodes");
-      return v(), y("div", {
-        class: wl(["das-ui-select", [
-          l.borderType,
-          l.isView ? "readonly" : "",
-          l.error ? "is-error" : "",
-          b.value ? "show-ellipsis" : ""
-        ]]),
-        ref_key: "$selectBox",
-        ref: B,
-        style: Z(tl.value),
-        onClick: J(vl, ["stop"])
-      }, [
-        le.value ? (v(), R(r(Il), {
-          key: 0,
-          ref_key: "inputTooltipRef",
-          ref: Ce,
-          placement: "top",
-          "virtual-triggering": "",
-          "virtual-ref": le.value,
-          disabled: Re.value,
-          content: qe.value
-        }, null, 8, ["virtual-ref", "disabled", "content"])) : K("", !0),
-        he((v(), R(r(kl), ge({ mode: e.mode }, Pe.value, {
-          value: r(n),
-          "onUpdate:value": t[4] || (t[4] = (o) => Cl(n) ? n.value = o : null),
-          ref_key: "$select",
-          ref: C,
-          options: Le.value,
-          fieldNames: e.fieldNames,
-          bordered: l.borderType === "bordered",
-          disabled: l.disabled || l.isView,
-          showArrow: !0,
-          open: l.noDropdown ? !1 : re.value,
-          placeholder: U.value,
-          optionFilterProp: ll.value,
-          size: l.size == "middle" ? "defalut" : l.size == "mini" ? "small" : l.size,
-          style: l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {},
-          dropdownClassName: "das-ui-select-dorpdown " + e.dropdownClassName,
-          maxTagCount: u.value,
-          getPopupContainer: il,
-          dropdownStyle: Qe.value,
-          onDropdownVisibleChange: rl,
-          onChange: fe,
-          onFocus: fl,
-          onBlur: ze
-        }), xl({
-          option: p((o) => [
-            g(e.$slots, "option", Q(Y(o)), () => {
-              var m;
-              return [
-                o.children && typeof o.children == "function" ? (v(), R(a, {
-                  key: 0,
-                  vnodes: o.children()
-                }, null, 8, ["vnodes"])) : (v(), y(Be, { key: 1 }, [
-                  e.mode === "combobox" ? he((v(), y("div", Wl, [
-                    be(W(o[A.value]), 1)
-                  ])), [
-                    [r($e)]
-                  ]) : (v(), y("div", Pl, [
-                    (v(), R(r(Fe), {
-                      class: "das-select-checkbox",
-                      modelValue: (m = r(n)) == null ? void 0 : m.includes(o[T.value]),
-                      key: o[T.value],
-                      disabled: o.disabled
-                    }, null, 8, ["modelValue", "disabled"])),
-                    he((v(), y("div", Rl, [
-                      be(W(o[A.value]), 1)
-                    ])), [
-                      [r($e)]
-                    ])
-                  ]))
-                ], 64))
-              ];
-            }, !0)
-          ]),
-          tagRender: p((o) => [
-            g(e.$slots, "tagRender", Q(Y(o)), () => [
-              x(r(ye), {
-                closable: o.closable,
-                style: { "margin-right": "3px", "background-color": "transparent" },
-                onClose: (m) => pl(o)
-              }, {
-                default: p(() => [
-                  h("span", {
-                    class: "tag-span",
-                    style: Z(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
-                  }, W(ul(ne(o.value) ?? o.label ?? String(o.value))), 5)
-                ]),
-                _: 2
-              }, 1032, ["closable", "onClose"])
-            ], !0)
-          ]),
-          dropdownRender: p(({ menuNode: o }) => [
-            g(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
-              var m;
-              return [
-                Se.value === "combobox" ? (v(), y("div", ql, [
-                  x(a, { vnodes: o }, null, 8, ["vnodes"])
-                ])) : Se.value === "custom" ? (v(), y("div", {
-                  key: 1,
-                  onClick: t[2] || (t[2] = J(() => {
-                  }, ["stop"]))
-                }, [
-                  x(a, { vnodes: o }, null, 8, ["vnodes"]),
-                  h("div", {
-                    class: "customDropdown",
-                    onMousedown: t[1] || (t[1] = (c) => c.preventDefault())
-                  }, [
-                    x(r(Al), ge({
-                      ref_key: "testInput",
-                      ref: He,
-                      modelValue: D.value,
-                      "onUpdate:modelValue": t[0] || (t[0] = (c) => D.value = c),
-                      onKeyup: Tl(Ie, ["enter"]),
-                      onFocus: J(Ze, ["stop"]),
-                      onBlur: J(Ke, ["stop"]),
-                      width: "100%",
-                      borderType: "bordered"
-                    }, l.inputAttrs), null, 16, ["modelValue"]),
-                    h("div", {
-                      class: "addBtn",
-                      onClick: Ie
-                    }, W(r(P)("添加")), 1)
-                  ], 32)
-                ])) : (v(), y("div", Hl, [
-                  x(a, { vnodes: o }, null, 8, ["vnodes"]),
-                  (m = l.options) != null && m.length && l.showSelectAll ? (v(), y("div", {
+      const a = Cl("v-nodes");
+      return p(), g(
+        "div",
+        {
+          class: wl(["das-ui-select", [
+            l.borderType,
+            l.isView ? "readonly" : "",
+            l.error ? "is-error" : "",
+            y.value ? "show-ellipsis" : ""
+          ]]),
+          ref_key: "$selectBox",
+          ref: O,
+          style: K(ol.value),
+          onClick: J(pl, ["stop"])
+        },
+        [
+          le.value ? (p(), q(r(Al), {
+            key: 0,
+            ref_key: "inputTooltipRef",
+            ref: xe,
+            placement: "top",
+            "virtual-triggering": "",
+            "virtual-ref": le.value,
+            disabled: Fe.value,
+            content: Re.value
+          }, null, 8, ["virtual-ref", "disabled", "content"])) : I("v-if", !0),
+          he((p(), q(r(Sl), Ce({ mode: Ke.value }, Pe.value, {
+            value: r(n),
+            "onUpdate:value": t[4] || (t[4] = (o) => xl(n) ? n.value = o : null),
+            ref_key: "$select",
+            ref: x,
+            options: Me.value,
+            fieldNames: d.fieldNames,
+            bordered: l.borderType === "bordered",
+            disabled: l.disabled || l.isView,
+            showArrow: !0,
+            open: l.noDropdown ? !1 : re.value,
+            placeholder: U.value,
+            optionFilterProp: tl.value,
+            size: Ue.value,
+            style: l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {},
+            dropdownClassName: "das-ui-select-dorpdown " + d.dropdownClassName,
+            maxTagCount: i.value,
+            getPopupContainer: dl,
+            dropdownStyle: Ye.value,
+            onDropdownVisibleChange: ul,
+            onChange: fe,
+            onFocus: vl,
+            onBlur: $e
+          }), Tl({
+            option: m((o) => [
+              C(e.$slots, "option", Q(Y(o)), () => {
+                var h;
+                return [
+                  o.children && typeof o.children == "function" ? (p(), q(a, {
                     key: 0,
-                    class: "das-ui-select-dropdown-checkall",
-                    onMousedown: t[3] || (t[3] = (c) => c.preventDefault())
+                    vnodes: o.children()
+                  }, null, 8, ["vnodes"])) : (p(), g(
+                    be,
+                    { key: 1 },
+                    [
+                      I(' :option="{value, label, [disabled, key, title]}" '),
+                      d.mode === "combobox" ? he((p(), g("div", Wl, [
+                        ye(
+                          F(o[L.value]),
+                          1
+                          /* TEXT */
+                        )
+                      ])), [
+                        [r(Be)]
+                      ]) : (p(), g(
+                        be,
+                        { key: 1 },
+                        [
+                          I(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
+                          b("div", Pl, [
+                            (p(), q(r(Oe), {
+                              class: "das-select-checkbox",
+                              modelValue: (h = r(n)) == null ? void 0 : h.includes(o[k.value]),
+                              key: o[k.value],
+                              disabled: o.disabled
+                            }, null, 8, ["modelValue", "disabled"])),
+                            he((p(), g("div", Fl, [
+                              ye(
+                                F(o[L.value]),
+                                1
+                                /* TEXT */
+                              )
+                            ])), [
+                              [r(Be)]
+                            ])
+                          ])
+                        ],
+                        2112
+                        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                      ))
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
+                ];
+              }, !0)
+            ]),
+            tagRender: m((o) => [
+              C(e.$slots, "tagRender", Q(Y(o)), () => [
+                T(r(ge), {
+                  closable: o.closable,
+                  style: { "margin-right": "3px", "background-color": "transparent" },
+                  onClose: (h) => ml(o)
+                }, {
+                  default: m(() => [
+                    b(
+                      "span",
+                      {
+                        class: "tag-span",
+                        style: K(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+                      },
+                      F(il(ne(o.value) ?? o.label ?? String(o.value))),
+                      5
+                      /* TEXT, STYLE */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["closable", "onClose"])
+              ], !0)
+            ]),
+            dropdownRender: m(({ menuNode: o }) => [
+              C(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
+                var h;
+                return [
+                  Ie.value === "combobox" ? (p(), g("div", Rl, [
+                    T(a, { vnodes: o }, null, 8, ["vnodes"])
+                  ])) : Ie.value === "custom" ? (p(), g("div", {
+                    key: 1,
+                    onClick: t[2] || (t[2] = J(() => {
+                    }, ["stop"]))
                   }, [
-                    h("div", Zl, [
-                      x(r(Fe), {
-                        modelValue: Ye.value,
-                        indeterminate: el.value,
-                        onChange: dl,
-                        style: { display: "flex" }
-                      }, {
-                        default: p(() => [
-                          be(W(r(P)("全选")), 1)
+                    T(a, { vnodes: o }, null, 8, ["vnodes"]),
+                    b(
+                      "div",
+                      {
+                        class: "customDropdown",
+                        onMousedown: t[1] || (t[1] = (f) => f.preventDefault())
+                      },
+                      [
+                        T(r(Ll), Ce({
+                          ref_key: "testInput",
+                          ref: qe,
+                          modelValue: W.value,
+                          "onUpdate:modelValue": t[0] || (t[0] = (f) => W.value = f),
+                          onKeyup: kl(Ae, ["enter"]),
+                          onFocus: J(He, ["stop"]),
+                          onBlur: J(Ze, ["stop"]),
+                          width: "100%",
+                          borderType: "bordered"
+                        }, l.inputAttrs), null, 16, ["modelValue"]),
+                        b(
+                          "div",
+                          {
+                            class: "addBtn",
+                            onClick: Ae
+                          },
+                          F(r(R)("添加")),
+                          1
+                          /* TEXT */
+                        )
+                      ],
+                      32
+                      /* NEED_HYDRATION */
+                    )
+                  ])) : (p(), g("div", ql, [
+                    T(a, { vnodes: o }, null, 8, ["vnodes"]),
+                    (h = l.options) != null && h.length && l.showSelectAll ? (p(), g(
+                      "div",
+                      {
+                        key: 0,
+                        class: "das-ui-select-dropdown-checkall",
+                        onMousedown: t[3] || (t[3] = (f) => f.preventDefault())
+                      },
+                      [
+                        b("div", Hl, [
+                          T(r(Oe), {
+                            modelValue: el.value,
+                            indeterminate: ll.value,
+                            onChange: cl,
+                            style: { display: "flex" }
+                          }, {
+                            default: m(() => [
+                              ye(
+                                F(r(R)("全选")),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }, 8, ["modelValue", "indeterminate"])
                         ]),
-                        _: 1
-                      }, 8, ["modelValue", "indeterminate"])
-                    ]),
-                    h("span", {
-                      class: "das-ui-dropdown-has-checked",
-                      innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                    }, null, 8, Kl)
-                  ], 32)) : K("", !0)
-                ]))
-              ];
-            }, !0)
-          ]),
-          clearIcon: p(() => [
-            g(e.$slots, "clearIcon", {}, () => [
-              x(r(Ml), { size: "medium" })
-            ], !0)
-          ]),
-          maxTagPlaceholder: p((o) => [
-            g(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
-              x(r(ye), {
-                style: Z(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
-              }, {
-                default: p(() => [
-                  h("span", {
-                    innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                  }, null, 8, Ul)
-                ]),
-                _: 1
-              }, 8, ["style"])
-            ], !0)
-          ]),
-          notFoundContent: p(() => [
-            g(e.$slots, "notFoundContent", {}, () => [
-              t[5] || (t[5] = h("div", { class: "hasNoData" }, "暂无数据", -1))
-            ], !0)
-          ]),
-          suffixIcon: p(() => [
-            g(e.$slots, "suffixIcon", {}, () => [
-              x(r(Ll), {
-                class: "das-suffix-icon",
-                size: "medium"
-              })
-            ], !0)
-          ]),
-          default: p(() => [
-            g(e.$slots, "default", {}, void 0, !0)
-          ]),
-          _: 2
-        }, [
-          e.$slots.menuItemSelectedIcon ? {
-            name: "menuItemSelectedIcon",
-            fn: p(() => [
-              g(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
-            ]),
-            key: "0"
-          } : void 0,
-          e.$slots.placeholder ? {
-            name: "placeholder",
-            fn: p(() => [
-              g(e.$slots, "placeholder", {}, void 0, !0)
+                        b("span", {
+                          class: "das-ui-dropdown-has-checked",
+                          innerHTML: r(R)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
+                        }, null, 8, Zl)
+                      ],
+                      32
+                      /* NEED_HYDRATION */
+                    )) : I("v-if", !0)
+                  ]))
+                ];
+              }, !0)
             ]),
-            key: "1"
-          } : void 0,
-          e.$slots.removeIcon ? {
-            name: "removeIcon",
-            fn: p(() => [
-              g(e.$slots, "removeIcon", {}, void 0, !0)
+            clearIcon: m(() => [
+              C(e.$slots, "clearIcon", {}, () => [
+                T(r(Vl), { size: "medium" })
+              ], !0)
             ]),
-            key: "2"
-          } : void 0
-        ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
-          [r(Sl), { target: cl, x: !1 }],
-          [r(_l), sl]
-        ]),
-        e.error && e.errorLabel ? (v(), y(Be, { key: 1 }, [
-          e.errorMode === "default" ? (v(), y("div", jl, [
-            h("span", {
-              style: Z(ol.value)
-            }, W(e.errorLabel), 5)
-          ])) : K("", !0),
-          e.errorMode === "overlay" && de.value ? (v(), R(r(Vl), {
-            key: 1,
-            errorLabel: e.errorLabel,
-            getEl: () => C.value.$el,
-            errorModelZIndex: e.errorModelZIndex
-          }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : K("", !0)
-        ], 64)) : K("", !0),
-        h("div", {
-          class: "ant-select-selection-overflow",
-          ref_key: "virtualTotalCount",
-          ref: ke,
-          style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
-        }, [
-          h("div", Gl, [
-            h("div", Xl, [
-              h("span", Jl, [
-                x(r(ye), {
-                  style: Z(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+            maxTagPlaceholder: m((o) => [
+              C(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
+                I(" 隐藏tag时显示的内容 "),
+                T(r(ge), {
+                  style: K(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                 }, {
-                  default: p(() => [
-                    h("span", {
-                      innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                    }, null, 8, Ql)
+                  default: m(() => [
+                    b("span", {
+                      innerHTML: r(R)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
+                    }, null, 8, Kl)
                   ]),
                   _: 1
-                }, 8, ["style"])
+                  /* STABLE */
+                }, 8, ["style"]),
+                I(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
+              ], !0)
+            ]),
+            notFoundContent: m(() => [
+              C(e.$slots, "notFoundContent", {}, () => [
+                t[5] || (t[5] = b(
+                  "div",
+                  { class: "hasNoData" },
+                  "暂无数据",
+                  -1
+                  /* CACHED */
+                ))
+              ], !0)
+            ]),
+            suffixIcon: m(() => [
+              C(e.$slots, "suffixIcon", {}, () => [
+                T(r(Ml), {
+                  class: "das-suffix-icon",
+                  size: "medium"
+                })
+              ], !0)
+            ]),
+            default: m(() => [
+              C(e.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            e.$slots.menuItemSelectedIcon ? {
+              name: "menuItemSelectedIcon",
+              fn: m(() => [
+                C(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.placeholder ? {
+              name: "placeholder",
+              fn: m(() => [
+                C(e.$slots, "placeholder", {}, void 0, !0)
+              ]),
+              key: "1"
+            } : void 0,
+            e.$slots.removeIcon ? {
+              name: "removeIcon",
+              fn: m(() => [
+                C(e.$slots, "removeIcon", {}, void 0, !0)
+              ]),
+              key: "2"
+            } : void 0
+          ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
+            [r(Il), { target: fl, x: !1 }],
+            [r(Nl), rl]
+          ]),
+          d.error && d.errorLabel ? (p(), g(
+            be,
+            { key: 1 },
+            [
+              d.errorMode === "default" ? (p(), g("div", Ul, [
+                b(
+                  "span",
+                  {
+                    style: K(al.value)
+                  },
+                  F(d.errorLabel),
+                  5
+                  /* TEXT, STYLE */
+                )
+              ])) : I("v-if", !0),
+              d.errorMode === "overlay" && de.value ? (p(), q(r(zl), {
+                key: 1,
+                errorLabel: d.errorLabel,
+                getEl: () => x.value.$el,
+                errorModelZIndex: d.errorModelZIndex
+              }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : I("v-if", !0)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : I("v-if", !0),
+          b(
+            "div",
+            {
+              class: "ant-select-selection-overflow",
+              ref_key: "virtualTotalCount",
+              ref: Se,
+              style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
+            },
+            [
+              b("div", jl, [
+                b("div", Gl, [
+                  b("span", Xl, [
+                    T(r(ge), {
+                      style: K(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+                    }, {
+                      default: m(() => [
+                        b("span", {
+                          innerHTML: r(R)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
+                        }, null, 8, Jl)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["style"])
+                  ])
+                ])
               ])
-            ])
-          ])
-        ], 512)
-      ], 6);
+            ],
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      );
     };
   }
-}), We = (S, z) => {
-  const N = S.__vccOpts || S;
-  for (const [l, w] of z)
-    N[l] = w;
-  return N;
-}, lt = /* @__PURE__ */ We(et, [["__scopeId", "data-v-2f230833"]]), tt = {};
-function ot(S, z) {
-  const N = El;
-  return v(), R(N, ge({ class: "das-ui-select-option" }, S.$attrs), null, 16);
+}), We = (d, $) => {
+  const _ = d.__vccOpts || d;
+  for (const [l, w] of $)
+    _[l] = w;
+  return _;
+}, et = /* @__PURE__ */ We(Yl, [["__scopeId", "data-v-93ba5608"]]), lt = {};
+function tt(d, $) {
+  const _ = El;
+  return p(), q(
+    _,
+    Ce({ class: "das-ui-select-option" }, d.$attrs),
+    null,
+    16
+    /* FULL_PROPS */
+  );
 }
-const at = /* @__PURE__ */ We(tt, [["render", ot]]), nt = {
-  "--das-ui-select-color-bg": "#FFFFFF",
-  // 默认背景色
-  "--das-ui-select-color-primary": Oe("--das-ui-color-primary"),
-  // 主题色
-  "--das-ui-select-color-text": "#212121",
-  // 主文本色
-  "--das-ui-select-color-border": "#d9d9d9",
-  // 边框基础色
-  "--das-ui-select-color-underline": Oe("--das-ui-color-help"),
-  // 下划线基础色
-  "--das-ui-select-color-error": "#FB2323",
-  // 错误边框色
-  "--das-ui-select-color-disabled-text": "#B2B2B2",
-  // 禁用文本色
-  "--das-ui-select-color-disabled-underline": "#e5e5e5",
-  // 禁用下划线色
-  "--das-ui-select-color-disabled-border": "#d9d9d9",
-  // 禁用边框色
-  "--das-ui-select-color-disabled-bg": "#f5f5f5",
-  // 禁用背景色
-  "--das-ui-select-color-option-active-bg": "#F2F6FF",
-  // 待选项选中时背景色
-  "--das-ui-select-color-help": "#999999",
-  // 提示文字颜色
-  "--das-ui-select-height-sm": "24px",
-  // 选择框-sm-尺寸高度
-  "--das-ui-select-height-md": "32px",
-  // 选择框-md-尺寸高度
-  "--das-ui-select-height-lg": "36px",
-  // 选择框-lg-尺寸高度
-  "--das-ui-select-max-height-sm": "66px",
-  // 内容区显示的最大高度-sm
-  "--das-ui-select-max-height-md": "82px",
-  // 内容区显示的最大高度-md
-  "--das-ui-select-max-height-lg": "85px",
-  // 内容区显示的最大高度-lg
-  "--das-ui-select-tag-font-size-mini": "12px",
-  // 多选框字体大小-mini
-  "--das-ui-select-tag-font-size-sm": "14px",
-  // 多选框字体大小-sm
-  "--das-ui-select-tag-font-size-md": "14px",
-  // 多选框字体大小-md
-  "--das-ui-select-tag-font-size-lg": "15px",
-  // 多选框字体大小-lg
-  "--das-ui-select-overlay-error-color": "#FB2323",
-  "--das-ui-select-overlay-error-bg-color": "#FFDBE0"
-}, st = {
+const ot = /* @__PURE__ */ We(lt, [["render", tt]]), at = {
   添加: { "zh-CN": "添加", en: "Add", "zh-MO": "添加", _appCode: "framework" },
   全选: { "zh-CN": "全选", en: "Select All", "zh-MO": "全選", _appCode: "framework" },
   已选: { "zh-CN": "已选", en: "Selected", "zh-MO": "已選", _appCode: "framework" },
@@ -687,11 +731,10 @@ const at = /* @__PURE__ */ We(tt, [["render", ot]]), nt = {
     _appCode: "framework"
   }
 };
-Fl(st);
-Nl(nt);
-const Lt = De(lt), Mt = De(at), Vt = { name: "select 选择器" };
+_l(at);
+const St = De(et), It = De(ot), At = { name: "select 选择器" };
 export {
-  Lt as DasSelect,
-  Mt as DasSelectOption,
-  Vt as default
+  St as DasSelect,
+  It as DasSelectOption,
+  At as default
 };