@das-fed/ui 6.4.0-hot.28 → 6.4.0-hot.29

package/packages/components/select/index.js

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