@das-fed/ui 6.4.0-test.2.1 → 6.4.0-test.20

package/packages/components/select/index.js

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