@das-fed/ui 6.4.0-hot.36 → 6.4.0-hot.37

package/packages/components/select/index.js

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