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

package/packages/components/select/index.js

@@ -1,17 +1,17 @@
 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 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 { 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 Ae } from "@das-fed/ui/packages/components/checkbox/index";
+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 Ll } from "@das-fed/ui/packages/components/tooltip/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 _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 { 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 P, currentLang as Dl, setI18nRule as Al } from "@das-fed/web/packages/i18n/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";
@@ -27,7 +27,7 @@ const Pl = { key: 0 }, Rl = {
 }, 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: $ }) => $.vnodes
+    VNodes: (M, { attrs: B }) => B.vnodes
   }
 }), tt = /* @__PURE__ */ Pe({
   ...lt,
@@ -66,27 +66,29 @@ const Pl = { key: 0 }, Rl = {
     dropdownMode: {}
   },
   emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
-  setup(z, { expose: $, emit: B }) {
+  setup(M, { expose: B, emit: A }) {
     xl((e) => ({
-      "6d3e5102": Ye.value,
-      "48eb1e8e": el.value
+      "5a771b26": Ye.value,
+      "4ac56072": el.value
     }));
-    const l = z, C = B, s = Wl(l, "modelValue"), Ze = n(null), oe = i(() => {
+    const l = M, w = A, 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 = () => {
+    }), 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 = () => {
       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);
+      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], () => {
-      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);
+      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);
       });
     }), Y(
       () => {
@@ -95,44 +97,44 @@ const Pl = { key: 0 }, Rl = {
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          M.value = !0, O.value && clearTimeout(O.value);
+          V.value = !0, P.value && clearTimeout(P.value);
         }), e.addEventListener("mouseleave", function() {
-          O.value = setTimeout(() => {
-            M.value = !1;
+          P.value = setTimeout(() => {
+            V.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;
+    const Se = n(null), Ie = i(() => l.dropdownMode ?? l.mode ?? ""), H = n(null), Xe = n(null), O = n(""), Ge = () => {
+      H.value = !0;
     }, Je = () => {
-      W.value = null;
+      H.value = null;
     }, ze = () => {
-      H.value && (C("addCustomItem", H.value), T(() => {
-        w.value.focus(), H.value = "";
+      O.value && (w("addCustomItem", O.value), k(() => {
+        y.value.focus(), O.value = "";
       }));
     }, Me = Cl(), ae = () => {
-      l.dropdownMode === "custom" && !Me.dropdownRender && (W.value = !1, T(() => {
-        W.value = null;
+      l.dropdownMode === "custom" && !Me.dropdownRender && (H.value = !1, k(() => {
+        H.value = null;
       }));
     };
     me(() => {
       document.addEventListener("click", ae);
-    }), De(() => {
+    }), Ae(() => {
       document.removeEventListener("click", ae);
     });
-    const w = n(), Ve = n(), se = n(!1), ne = i(() => {
-      if (W.value !== null) return W.value;
+    const y = n(), Ve = n(), se = n(!1), ne = i(() => {
+      if (H.value !== null) return H.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);
+    }), $ = 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");
+        let e = (t = y.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
         if (e && e.length > 0)
-          for (let a = 0; a < e.length; a++) {
-            let o = e[a];
-            o.scrollWidth <= o.offsetWidth && (re.value = !1), o.title = "";
+          for (let o = 0; o < e.length; o++) {
+            let a = e[o];
+            a.scrollWidth <= a.offsetWidth && (re.value = !1), a.title = "";
           }
       }, 300));
     }), he(() => {
@@ -148,32 +150,32 @@ const Pl = { key: 0 }, Rl = {
     }), me(() => {
       ue.value = !0, l.focusOpen || (c.value = 1, u.value = c.value, g.value = !0);
     });
-    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(() => {
+    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(() => {
       var t;
       let e = [];
       if (l.mode != "combobox" && Array.isArray(s.value))
-        s.value.map((a) => {
+        s.value.map((o) => {
           var v;
-          let o = (v = l.options) == null ? void 0 : v.find((p) => p[_.value] == a);
-          o && e.push(o[j.value]);
+          let a = (v = l.options) == null ? void 0 : v.find((f) => f[_.value] == o);
+          a && e.push(a[j.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]);
+        let o = (t = l.options) == null ? void 0 : t.find((a) => a[_.value] == s.value);
+        o && e.push(o[j.value]);
       }
-      return Dl.value === "zh-CN" ? e.join("、") : e.join(", ");
+      return Al.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);
+      let e = l.options.filter((o) => !o.disabled);
       return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) == e.length);
     }), ol = i(() => {
-      var t, a;
+      var t, o;
       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);
+      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(() => {
       var e, t;
       return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
@@ -185,7 +187,7 @@ const Pl = { key: 0 }, Rl = {
       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({
+    })), ie = n(!1), q = n({
       x: 0,
       y: 0
     }), de = n(0), ce = i(() => ({
@@ -201,83 +203,86 @@ const Pl = { key: 0 }, Rl = {
       width: de.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: R.value.y + "px",
-      left: R.value.x + "px"
+      top: q.value.y + "px",
+      left: q.value.x + "px"
     })), X = n({
       display: "block",
       color: We("--das-ui-select-overlay-error-color").value,
       "white-space": "break-spaces"
     }), rl = () => {
-      var Z, f, Q, Ne;
+      var N, p, Q, Fe;
       const e = () => {
-        var S = document.createElement("div");
+        var I = 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;
+          I.style[pe] = Be;
+        I.textContent = l.errorLabel, document.body.appendChild(I);
+        const Ne = I.offsetHeight;
+        return document.body.removeChild(I), Ne;
       }, t = () => {
-        const S = document.documentElement.clientHeight, pe = document.documentElement.scrollHeight - S;
-        return S - pe;
+        const I = document.documentElement.clientHeight, pe = document.documentElement.scrollHeight - I;
+        return I - 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;
+      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 = () => {
-      O.value = setTimeout(() => {
-        M.value = !1;
+      P.value = setTimeout(() => {
+        V.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);
+      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);
+      })), w("dropdownVisibleChange", 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 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);
+        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);
       } else {
         let t = s.value;
-        s.value = t.filter((a) => !!l.options.find((o) => o[_.value] === a).disabled), fe(s.value, []);
+        s.value = t.filter((o) => !!l.options.find((a) => a[_.value] === o).disabled), fe(s.value, []);
       }
     }, ml = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
         return e.children[0];
     }, hl = (e) => {
       if (l.mode == "combobox") {
-        C("focus", e);
+        w("focus", e);
         return;
       }
-      se.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = V, g.value = !1), C("focus", e);
+      se.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = $, g.value = !1), w("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);
+        (t = (e = y.value) == null ? void 0 : e.blur) == null || t.call(e);
       }), l.mode != "combobox";
-    }, Fe = (e) => {
-      if (T(() => {
+    }, _e = (e) => {
+      if (k(() => {
         G.value = !1;
       }), l.mode == "combobox") {
-        C("blur", e);
+        w("blur", e);
         return;
       }
-      se.value = !1, l.focusOpen && !l.isExterControlCount && (F(), u.value = c.value, g.value = !0), C("blur", e);
+      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, T(() => {
+      e.onClose(), u.value = 100, k(() => {
         l.mode !== "combobox" && ne.value || l.focusOpen && (F(), u.value = c.value, g.value = !0);
       });
     };
@@ -287,49 +292,49 @@ const Pl = { key: 0 }, Rl = {
         if (e && l.mode !== "combobox") {
           se.value = !1;
           let t = new Event("blur");
-          Fe(t);
+          _e(t);
         }
       }
     );
-    let q = n(!1);
+    let Z = 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);
+      Z.value = e, L.value = !0, k(() => {
+        L.value = !1, l.focusOpen && (F(), u.value = e ? $ : c.value, g.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, T(() => {
+        e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && u.value === 0 && (u.value = 100, k(() => {
           F(), u.value = c.value, g.value = !0;
         }));
       }), J.observe(D.value);
-    }), De(() => {
+    }), Ae(() => {
       J && J.disconnect();
     });
     const F = () => {
-      var Z;
-      let e = (Z = w.value) == null ? void 0 : Z.$el;
+      var N;
+      let e = (N = y.value) == null ? void 0 : N.$el;
       if (!e) return;
       let t = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
       if (!t) return;
-      let a = t.offsetWidth - 5;
-      l.borderType === "underline" && (a -= 10);
+      let o = t.offsetWidth - 5;
+      l.borderType === "underline" && (o -= 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;
+      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;
         else {
-          f >= s.value.length - 1 && N < a ? c.value = s.value.length : c.value = f;
+          p >= s.value.length - 1 && T < o ? c.value = s.value.length : c.value = p;
           break;
         }
       if (c.value === 0) {
-        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"));
+        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"));
       }
     }, ve = n(!1);
     Y(
@@ -339,19 +344,19 @@ const Pl = { key: 0 }, Rl = {
           ve.value = !1;
           return;
         }
-        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));
+        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));
       }
     );
     const fe = async (e, t) => {
       ve.value = !0, G.value = !1, l.mode === "combobox" && ae();
-      const a = e;
-      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);
+      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);
     };
-    return $({
-      $select: w,
+    return B({
+      $select: y,
       toChangeMaxCount: yl
     }), (e, t) => {
-      const a = wl("v-nodes");
+      const o = wl("v-nodes");
       return d(), b("div", {
         class: Tl(["das-ui-select", [
           l.borderType,
@@ -361,9 +366,9 @@ const Pl = { key: 0 }, Rl = {
         ]]),
         ref_key: "$selectBox",
         ref: D,
-        style: k(sl.value)
+        style: S(sl.value)
       }, [
-        y(r(Ll), {
+        x(r($l), {
           ref_key: "inputTooltipRef",
           ref: we,
           placement: "top",
@@ -374,9 +379,9 @@ const Pl = { key: 0 }, Rl = {
         }, 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),
+          "onUpdate:value": t[4] || (t[4] = (a) => kl(s) ? s.value = a : null),
           ref_key: "$select",
-          ref: w,
+          ref: y,
           options: Ve.value,
           fieldNames: e.fieldNames,
           bordered: l.borderType === "bordered",
@@ -399,29 +404,29 @@ const Pl = { key: 0 }, Rl = {
             t[5] || (t[5] = ee(() => {
             }, ["stop"]))
           ],
-          onBlur: Fe
+          onBlur: _e
         }), Sl({
-          option: m((o) => [
-            x(e.$slots, "option", le(te(o)), () => {
+          option: m((a) => [
+            C(e.$slots, "option", le(te(a)), () => {
               var v;
               return [
-                o.children && typeof o.children == "function" ? (d(), K(a, {
+                a.children && typeof a.children == "function" ? (d(), K(o, {
                   key: 0,
-                  vnodes: o.children()
+                  vnodes: a.children()
                 }, null, 8, ["vnodes"])) : (d(), b(ge, { key: 1 }, [
                   e.mode === "combobox" ? be((d(), b("div", Pl, [
-                    ye(I(o[j.value]), 1)
+                    ye(z(a[j.value]), 1)
                   ])), [
                     [r(Ee)]
                   ]) : (d(), b("div", Rl, [
-                    (d(), K(r(Ae), {
+                    (d(), K(r(De), {
                       class: "das-select-checkbox",
-                      modelValue: (v = r(s)) == null ? void 0 : v.includes(o[_.value]),
-                      key: o[_.value],
-                      disabled: o.disabled
+                      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(I(o[j.value]), 1)
+                      ye(z(a[j.value]), 1)
                     ])), [
                       [r(Ee)]
                     ])
@@ -430,44 +435,44 @@ const Pl = { key: 0 }, Rl = {
               ];
             }, !0)
           ]),
-          tagRender: m((o) => [
-            x(e.$slots, "tagRender", le(te(o)), () => [
-              y(r(Ce), {
-                closable: o.closable,
+          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(o)
+                onClose: (v) => gl(a)
               }, {
                 default: m(() => [
                   h("span", {
                     class: "tag-span",
-                    style: k(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
-                  }, I(vl(o.label)), 5)
+                    style: S(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+                  }, z(vl(a.label)), 5)
                 ]),
                 _: 2
               }, 1032, ["closable", "onClose"])
             ], !0)
           ]),
-          dropdownRender: m(({ menuNode: o }) => [
-            x(e.$slots, "dropdownRender", le(te({ menuNode: o })), () => {
+          dropdownRender: m(({ menuNode: a }) => [
+            C(e.$slots, "dropdownRender", le(te({ menuNode: a })), () => {
               var v;
               return [
                 Ie.value === "combobox" ? (d(), b("div", Zl, [
-                  y(a, { vnodes: o }, null, 8, ["vnodes"])
+                  x(o, { vnodes: a }, 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"]),
+                  x(o, { vnodes: a }, null, 8, ["vnodes"]),
                   h("div", {
                     class: "customDropdown",
-                    onMousedown: t[1] || (t[1] = (p) => p.preventDefault())
+                    onMousedown: t[1] || (t[1] = (f) => f.preventDefault())
                   }, [
-                    y(r(_l), {
+                    x(r(Ll), {
                       ref_key: "testInput",
                       ref: Xe,
-                      modelValue: H.value,
-                      "onUpdate:modelValue": t[0] || (t[0] = (p) => H.value = p),
+                      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"]),
@@ -477,31 +482,31 @@ const Pl = { key: 0 }, Rl = {
                     h("div", {
                       class: "addBtn",
                       onClick: ze
-                    }, I(r(P)("添加")), 1)
+                    }, z(r(R)("添加")), 1)
                   ], 32)
                 ])) : (d(), b("div", Kl, [
-                  y(a, { vnodes: o }, null, 8, ["vnodes"]),
+                  x(o, { vnodes: a }, null, 8, ["vnodes"]),
                   (v = l.options) != null && v.length ? (d(), b("div", {
                     key: 0,
                     class: "das-ui-select-dropdown-checkall",
-                    onMousedown: t[3] || (t[3] = (p) => p.preventDefault())
+                    onMousedown: t[3] || (t[3] = (f) => f.preventDefault())
                   }, [
                     h("div", Ul, [
-                      y(r(Ae), {
+                      x(r(De), {
                         modelValue: tl.value,
                         indeterminate: ol.value,
                         onChange: pl,
                         style: { display: "flex" }
                       }, {
                         default: m(() => [
-                          ye(I(r(P)("全选")), 1)
+                          ye(z(r(R)("全选")), 1)
                         ]),
                         _: 1
                       }, 8, ["modelValue", "indeterminate"])
                     ]),
                     h("span", {
                       class: "das-ui-dropdown-has-checked",
-                      innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", oe.value)
+                      innerHTML: r(R)("das-ui-select-selectedItemsCountWithPlaceholder", oe.value)
                     }, null, 8, jl)
                   ], 32)) : xe("", !0)
                 ]))
@@ -509,18 +514,18 @@ const Pl = { key: 0 }, Rl = {
             }, !0)
           ]),
           clearIcon: m(() => [
-            x(e.$slots, "clearIcon", {}, () => [
-              y(r(Nl), { size: "medium" })
+            C(e.$slots, "clearIcon", {}, () => [
+              x(r(Fl), { 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" } : {})
+          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(P)("das-ui-select-selectedItemsCountWithPlaceholder", oe.value)
+                    innerHTML: r(R)("das-ui-select-selectedItemsCountWithPlaceholder", oe.value)
                   }, null, 8, Xl)
                 ]),
                 _: 1
@@ -528,55 +533,55 @@ const Pl = { key: 0 }, Rl = {
             ], !0)
           ]),
           suffixIcon: m(() => [
-            x(e.$slots, "suffixIcon", {}, () => [
-              y(r(Fl), {
+            C(e.$slots, "suffixIcon", {}, () => [
+              x(r(_l), {
                 class: "das-suffix-icon",
                 size: "medium"
               })
             ], !0)
           ]),
           default: m(() => [
-            x(e.$slots, "default", {}, void 0, !0)
+            C(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 2
         }, [
           e.$slots.menuItemSelectedIcon ? {
             name: "menuItemSelectedIcon",
             fn: m(() => [
-              x(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
+              C(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0,
           e.$slots.notFoundContent ? {
             name: "notFoundContent",
             fn: m(() => [
-              x(e.$slots, "notFoundContent", {}, void 0, !0)
+              C(e.$slots, "notFoundContent", {}, void 0, !0)
             ]),
             key: "1"
           } : void 0,
           e.$slots.placeholder ? {
             name: "placeholder",
             fn: m(() => [
-              x(e.$slots, "placeholder", {}, void 0, !0)
+              C(e.$slots, "placeholder", {}, void 0, !0)
             ]),
             key: "2"
           } : void 0,
           e.$slots.removeIcon ? {
             name: "removeIcon",
             fn: m(() => [
-              x(e.$slots, "removeIcon", {}, void 0, !0)
+              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(Vl), { target: ml, x: !1 }],
-          [r($l), dl]
+          [r(Nl), 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)
+              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,
@@ -585,20 +590,20 @@ const Pl = { key: 0 }, Rl = {
               h("div", {
                 ref_key: "$errorModel",
                 ref: Ze,
-                style: k(nl.value)
+                style: S(nl.value)
               }, [
                 h("span", {
-                  style: k(X.value)
-                }, I(e.errorLabel), 5)
+                  style: S(X.value)
+                }, z(e.errorLabel), 5)
               ], 4)
             ])) : (d(), b("div", {
               key: 1,
-              style: k(ce.value),
+              style: S(ce.value),
               class: "das-select-error-label label"
             }, [
               h("span", {
-                style: k(X.value)
-              }, I(e.errorLabel), 5)
+                style: S(X.value)
+              }, z(e.errorLabel), 5)
             ], 4))
           ], 64)) : xe("", !0)
         ], 64)) : xe("", !0),
@@ -611,12 +616,12 @@ const Pl = { key: 0 }, Rl = {
           h("div", Jl, [
             h("div", Ql, [
               h("span", Yl, [
-                y(r(Ce), {
-                  style: k(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+                x(r(Ce), {
+                  style: S(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                 }, {
                   default: m(() => [
                     h("span", {
-                      innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", oe.value)
+                      innerHTML: r(R)("das-ui-select-selectedItemsCountWithPlaceholder", oe.value)
                     }, null, 8, et)
                   ]),
                   _: 1
@@ -628,15 +633,15 @@ const Pl = { key: 0 }, Rl = {
       ], 6);
     };
   }
-}), 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);
+}), 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);
 }
 const nt = /* @__PURE__ */ qe(at, [["render", st]]), rt = {
   "--das-ui-select-color-bg": "#FFFFFF",
@@ -695,11 +700,11 @@ const nt = /* @__PURE__ */ qe(at, [["render", st]]), rt = {
     _appCode: "framework"
   }
 };
-Al(ut);
+Dl(ut);
 Bl(rt);
-const Vt = Oe(ot), Lt = Oe(nt), _t = { name: "select 选择器" };
+const Vt = Oe(ot), $t = Oe(nt), Lt = { name: "select 选择器" };
 export {
   Vt as DasSelect,
-  Lt as DasSelectOption,
-  _t as default
+  $t as DasSelectOption,
+  Lt as default
 };