@das-fed/ui 6.4.0-hot.20 → 6.4.0-hot.22

package/packages/components/select/index.js

@@ -1,30 +1,31 @@
 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 Se } from "@das-fed/utils/with-install/index";
+import { defineComponent as Ve, useCssVars as so, ref as n, computed as f, useSlots as ro, onMounted as re, onUnmounted as ye, watchEffect as ne, watch as xe, nextTick as I, resolveComponent as no, openBlock as u, createElementBlock as b, normalizeClass as io, normalizeStyle as S, createVNode as w, unref as r, withCtx as p, withDirectives as U, createTextVNode as B, toDisplayString as c, createBlock as W, mergeProps as Be, isRef as uo, withModifiers as X, createSlots as co, renderSlot as C, normalizeProps as j, guardReactiveProps as G, Fragment as J, createCommentVNode as z, createElementVNode as m, withKeys as vo, Teleport as fo } from "vue";
+import { Select as po, Tag as ie } from "ant-design-vue";
 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 { DasCheckbox as we } from "@das-fed/ui/packages/components/checkbox/index";
+import { vScrollbar as Ce } from "@das-fed/ui/packages/components/scrollbar/index";
+import { DasTooltip as mo } from "@das-fed/ui/packages/components/tooltip/index";
+import { vDasTooltip as ke } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasInput as bo } from "@das-fed/ui/packages/components/input/index";
+import { DasIconXiala as ho } from "@das-fed/ui/packages/icons/xiala/index";
+import { DasIconEmpty as go } from "@das-fed/ui/packages/icons/empty/index";
+import { vHoverInside as yo } from "@das-fed/utils/directive";
+import { getVarValue as Te, getVar as Ie, setThemeRule as xo } from "@das-fed/web/packages/theme/index";
+import { useZIndex as wo } from "@das-fed/utils/hooks/popup-manager/use-zindex";
+import { t as V } from "@das-fed/web/packages/i18n/index";
+import { useModelValue as Co } from "@das-fed/utils/vue";
+import { SelectOption as ko } from "ant-design-vue/es";
+const To = { style: { "max-height": "200px", "word-break": "break-all", overflow: "hidden" } }, Io = { key: 0 }, So = { class: "das-multiple-option-item" }, Vo = { style: { display: "inline-block" } }, Bo = { key: 0 }, zo = { key: 2 }, Mo = { style: { display: "inline-block" } }, _o = { class: "das-ui-dropdown-has-checked" }, Fo = { class: "key" }, No = {
   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({
+}, $o = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Do = { class: "ant-select-selection-item" }, Lo = { class: "ant-select-selection-item-content" }, Oo = Ve({
   inheritAttrs: !1,
   components: {
-    VNodes: (z, { attrs: D }) => D.vnodes
+    VNodes: (M, { attrs: D }) => D.vnodes
   }
-}), Oo = /* @__PURE__ */ Se({
-  ...Lo,
+}), Po = /* @__PURE__ */ Ve({
+  ...Oo,
   __name: "Select",
   props: {
     modelValue: { default: void 0 },
@@ -32,7 +33,7 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
     mode: { default: "combobox" },
     fieldNames: { default: {} },
     borderType: { default: "underline" },
-    placeholder: { default: "请选择" },
+    placeholder: { default: V("请选择") },
     disabled: { type: Boolean, default: !1 },
     isView: { type: Boolean, default: !1 },
     error: { type: Boolean, default: !1 },
@@ -60,345 +61,345 @@ 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(M, { expose: D, emit: L }) {
+    so((e) => ({
+      "38fb0abc": De.value,
+      "72fddfcb": Le.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;
+    const o = M, k = L, s = Co(o, "modelValue"), x = n(!1), Me = f(() => A.value ? A.value.querySelector(".ant-select-selector") : null), ue = n(null), de = f(() => o.dropdownMode ?? o.mode ?? ""), O = n(null), _e = n(null), P = n(""), Fe = () => {
+      O.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;
+      O.value = null;
+    }, ce = () => {
+      P.value && (k("addCustomItem", P.value), P.value = "", o.mode === "combobox" ? I(() => {
+        h.value.focus();
+      }) : h.value.focus());
+    }, ve = ro(), Q = () => {
+      o.mode === "combobox" && o.dropdownMode === "custom" && !ve.dropdownRender && (O.value = !1, I(() => {
+        O.value = null;
       }));
     };
-    se(() => {
-      document.addEventListener("click", J);
-    }), ge(() => {
-      document.removeEventListener("click", J);
-    });
-    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(() => {
+      document.addEventListener("click", Q);
+    }), ye(() => {
+      document.removeEventListener("click", Q);
+    });
+    const h = n(), fe = n(), R = n(!1), Y = f(() => O.value !== null ? O.value : o.open === void 0 ? o.mode === "combobox" ? void 0 : R.value : o.open), _ = 1e6, i = n(100), v = n(100), F = n(!1), ee = n(!0), oe = n(!1);
+    ne(() => {
+      s.value && o.mode == "combobox" && (ee.value = !0, setTimeout(() => {
         var l;
-        let e = (l = b.value) == null ? void 0 : l.$el.querySelectorAll(".ant-select-selection-item");
+        let e = (l = h.value) == null ? void 0 : l.$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 = "";
+            t.scrollWidth <= t.offsetWidth && (ee.value = !1), t.title = "";
           }
       }, 300));
-    }), re(() => {
-      o.options && (ve.value = o.options.map((e) => (e.title = e.title ? e.title : "", e)));
+    }), ne(() => {
+      o.options && (fe.value = o.options.map((e) => (e.title = e.title ? e.title : "", e)));
     });
     const $e = () => {
       setTimeout(async () => {
-        i.value = 100, await $(), i.value = c.value, y.value = !0;
+        i.value = 100, await $(), i.value = v.value, x.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);
+    ne(() => {
+      oe.value === !0 && o.mode != "combobox" && s.value && s.value.length > 0 && o.options.length > 0 && (oe.value = !1, $e());
+    }), re(() => {
+      oe.value = !0, o.focusOpen || (v.value = 1, i.value = v.value, x.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(() => {
+    const De = f(() => o.width ? o.width : "230px"), Le = f(() => o.height ? o.height : "auto"), pe = n(3e3), Oe = f(() => ({
+      "z-index": pe.value
+    })), me = f(() => {
       var l;
       let e = [];
       if (o.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]);
+          let t = (d = o.options) == null ? void 0 : d.find((g) => g[N.value] == a);
+          t && e.push(t[q.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]);
+        a && e.push(a[q.value]);
       }
       return e.join("、");
-    }), Oe = v(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), Pe = v(() => {
+    }), Pe = f(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), Ae = f(() => {
       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(() => {
+    }), Ee = f(() => {
       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(() => {
+    }), We = f(() => {
       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(() => {
+    }), q = f(() => {
       var e;
       return o.fieldNames && o.fieldNames.label ? (e = o.fieldNames) == null ? void 0 : e.label : "label";
-    }), N = v(() => {
+    }), N = f(() => {
       var e;
       return o.fieldNames && o.fieldNames.value ? (e = o.fieldNames) == null ? void 0 : e.value : "value";
-    }), We = v(() => ({
+    }), Re = f(() => ({
       width: typeof o.width == "number" ? o.width + "px" : o.width
-    })), oe = r(!1), q = r({
+    })), le = n(!1), K = n({
       x: 0,
       y: 0
-    }), me = r(0), be = v(() => ({
+    }), be = n(0), he = f(() => ({
       "font-size": "12px",
-      "background-color": ke("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": Te("--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": o.errorModelZIndex
-    })), Re = v(() => ({
-      ...be.value,
-      width: me.value + "px",
+    })), qe = f(() => ({
+      ...he.value,
+      width: be.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: q.value.y + "px",
-      left: q.value.x + "px"
-    })), le = r({
+      top: K.value.y + "px",
+      left: K.value.x + "px"
+    })), te = n({
       display: "block",
-      color: ke("--das-ui-input-error-color").value,
+      color: Te("--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;
+    }), Ke = () => {
+      var t, d, g;
+      const { top: e, left: l } = (t = h.value) == null ? void 0 : t.$el.getBoundingClientRect(), a = (d = h.value) == null ? void 0 : d.$el.clientHeight;
+      be.value = (g = h.value) == null ? void 0 : g.$el.clientWidth, K.value.x = l, K.value.y = e + a;
     }, 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);
-      })), C("dropdownVisibleChange", e);
+      Ke(), le.value = !0;
+    }, He = () => {
+      le.value = !1;
+    }, Ue = (e, l) => {
+      e ? Ze() : He();
     }, Xe = (e) => {
+      e && (pe.value = wo().nextZIndex(), P.value = ""), o.mode == "combobox" && (Z.value = e, e || setTimeout(() => {
+        var l, a;
+        (a = (l = h.value) == null ? void 0 : l.blur) == null || a.call(l);
+      })), k("dropdownVisibleChange", e);
+    }, je = (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) => {
+    }, A = n(), Ge = (e) => o.isRenderNode ? A.value : o.getPopupContainer === void 0 ? document.body : o.getPopupContainer(e), Je = (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);
+        }), s.value = l, se(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, []);
+        s.value = l.filter((a) => !!o.options.find((t) => t[N.value] === a).disabled), se(s.value, []);
       }
-    }, Je = (e) => {
+    }, Qe = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
         return e.children[0];
-    }, Qe = (e) => {
+    }, Ye = (e) => {
       if (o.mode == "combobox") {
-        C("focus", e);
+        k("focus", e);
         return;
       }
-      W.value = !0, o.focusOpen && !o.isExterControlCount && (i.value = M, y.value = !1), C("focus", e);
-    }, K = r(!1), Ye = () => {
+      R.value = !0, o.focusOpen && !o.isExterControlCount && (i.value = _, x.value = !1), k("focus", e);
+    }, Z = n(!1), eo = () => {
       var e, l;
       if (o.mode == "combobox") {
-        K.value || setTimeout(() => {
+        Z.value || setTimeout(() => {
           var a, t;
-          (t = (a = b.value) == null ? void 0 : a.blur) == null || t.call(a);
+          (t = (a = h.value) == null ? void 0 : a.blur) == null || t.call(a);
         });
         return;
       }
-      (l = (e = b.value) == null ? void 0 : e.blur) == null || l.call(e), I(() => {
+      (l = (e = h.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);
+        (t = (a = h.value) == null ? void 0 : a.focus) == null || t.call(a);
       });
-    }, eo = (e) => {
+    }, oo = (e) => {
       if (o.mode == "combobox") {
         I(() => {
-          K.value = !1;
-        }), C("blur", e);
+          Z.value = !1;
+        }), k("blur", e);
         return;
       }
-      W.value = !1, o.focusOpen && !o.isExterControlCount && ($(), i.value = c.value, y.value = !0), C("blur", e);
-    }, oo = (e) => {
+      R.value = !1, o.focusOpen && !o.isExterControlCount && ($(), i.value = v.value, x.value = !0), k("blur", e);
+    }, lo = (e) => {
       e.onClose(), i.value = 100, I(() => {
-        o.mode !== "combobox" && Q.value || o.focusOpen && ($(), i.value = c.value, y.value = !0);
+        o.mode !== "combobox" && Y.value || o.focusOpen && ($(), i.value = v.value, x.value = !0);
       });
     };
-    ye(
+    xe(
       () => o.disabled || o.isView,
       (e) => {
-        e && o.mode !== "combobox" && (W.value = !1);
+        e && o.mode !== "combobox" && (R.value = !1);
       }
     );
-    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 E = n(!1);
+    const to = (e) => {
+      E.value = e, F.value = !0, I(() => {
+        F.value = !1, o.focusOpen && ($(), i.value = e ? _ : v.value, x.value = !e);
       });
     };
-    let Z = null;
-    se(() => {
-      Z = new IntersectionObserver((e) => {
+    let H = null;
+    re(() => {
+      H = 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;
+          $(), i.value = v.value, x.value = !0;
         }));
-      }), Z.observe(P.value);
-    }), ge(() => {
-      Z && Z.disconnect();
+      }), H.observe(A.value);
+    }), ye(() => {
+      H && H.disconnect();
     });
     const $ = () => {
-      var he;
-      let e = (he = b.value) == null ? void 0 : he.$el;
+      var ge;
+      let e = (ge = h.value) == null ? void 0 : ge.$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;
+      const d = Math.ceil(ue.value.querySelector(".ant-tag").offsetWidth) + 4;
+      let g = e.querySelectorAll(".ant-select-selection-overflow-item");
+      if (g.length < 1) return;
+      i.value = _;
+      let T = 0;
+      for (let y = 0; y < g.length - 1 && !g[y].classList.contains("ant-select-selection-overflow-item-rest"); y++)
+        if (T += Math.ceil(g[y].offsetWidth), T <= a - d)
+          y >= s.value.length - 1 && T < a ? v.value = s.value.length : v.value = y + 1;
         else {
-          g >= s.value.length - 1 && k < a ? c.value = s.value.length : c.value = g;
+          y >= s.value.length - 1 && T < a ? v.value = s.value.length : v.value = y;
           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"));
+      if (v.value === 0) {
+        let y = g[0], ao = y.querySelector(".anticon-close") ? 86 : 69;
+        y && !y.classList.contains("ant-select-selection-overflow-item-rest") && ao <= a - d && !ve.tagRender && (v.value = 1, y.classList.add("ellipsis"));
       }
-    }, te = r(!1);
-    ye(
+    }, ae = n(!1);
+    xe(
       () => s.value,
       async () => {
-        if (te.value) {
-          te.value = !1;
+        if (ae.value) {
+          ae.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));
+        o.mode !== "combobox" && Y.value || (F.value = !0, i.value = _, await I(), await $(), F.value = !1, o.isExterControlCount && o.focusOpen ? (i.value = E.value ? _ : v.value, x.value = !E.value) : (i.value = v.value, x.value = !0));
       }
     );
-    const ae = async (e, l) => {
-      te.value = !0, o.mode === "combobox" && (J(), K.value = !1);
+    const se = async (e, l) => {
+      ae.value = !0, o.mode === "combobox" && (Q(), Z.value = !1);
       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);
+      o.noDropdown && o.maxTagsLength < a.length && a.pop(), F.value = !0, k("update:model-value", a), k("change", a, l), i.value = _, await I(), await $(), F.value = !1, o.isExterControlCount && o.focusOpen && (i.value = E.value ? _ : v.value, x.value = !E.value), o.focusOpen || (i.value = v.value);
     };
     return D({
-      $select: b,
-      toChangeMaxCount: lo
+      $select: h,
+      toChangeMaxCount: to
     }), (e, l) => {
-      const a = ro("v-nodes");
-      return u(), m(
+      const a = no("v-nodes");
+      return u(), b(
         "div",
         {
-          class: no(["das-ui-select", [
+          class: io(["das-ui-select", [
             o.borderType,
             o.isView ? "readonly" : "",
             o.error ? "is-error" : "",
-            y.value ? "show-ellipsis" : ""
+            x.value ? "show-ellipsis" : ""
           ]]),
           ref_key: "$selectBox",
-          ref: P,
-          style: S(We.value)
+          ref: A,
+          style: S(Re.value)
         },
         [
-          x(n(po), {
+          w(r(mo), {
             placement: "top",
             trigger: "hover",
             "virtual-triggering": "",
-            "virtual-ref": ze.value,
-            disabled: !e.isTooltip || F.value || !pe.value || !Y.value
+            "virtual-ref": Me.value,
+            disabled: !e.isTooltip || F.value || !me.value || !ee.value
           }, {
-            content: f(() => [
-              H((u(), m("div", ko, [
-                V(
-                  T(pe.value),
+            content: p(() => [
+              U((u(), b("div", To, [
+                B(
+                  c(me.value),
                   1
                   /* TEXT */
                 )
               ])), [
-                [n(we)]
+                [r(Ce)]
               ])
             ]),
             _: 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),
+          U((u(), W(r(po), Be(e.$attrs, {
+            value: r(s),
+            "onUpdate:value": l[4] || (l[4] = (t) => uo(s) ? s.value = t : null),
             ref_key: "$select",
-            ref: b,
-            options: ve.value,
+            ref: h,
+            options: fe.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,
+            open: o.noDropdown ? !1 : Y.value,
+            placeholder: Pe.value,
+            optionFilterProp: We.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,
+            getPopupContainer: Ge,
+            dropdownStyle: Oe.value,
+            onDropdownVisibleChange: Xe,
+            onChange: se,
+            onFocus: Ye,
             onClick: [
-              Ye,
-              l[5] || (l[5] = U(() => {
+              eo,
+              l[5] || (l[5] = X(() => {
               }, ["stop"]))
             ],
-            onBlur: eo
-          }), uo({
-            option: f((t) => [
-              w(e.$slots, "option", X(j(t)), () => {
+            onBlur: oo
+          }), co({
+            option: p((t) => [
+              C(e.$slots, "option", j(G(t)), () => {
                 var d;
                 return [
-                  t.children && typeof t.children == "function" ? (u(), E(a, {
+                  t.children && typeof t.children == "function" ? (u(), W(a, {
                     key: 0,
                     vnodes: t.children()
-                  }, null, 8, ["vnodes"])) : (u(), m(
-                    G,
+                  }, null, 8, ["vnodes"])) : (u(), b(
+                    J,
                     { key: 1 },
                     [
-                      B(' :option="{value, label, [disabled, key, title]}" '),
-                      e.mode === "combobox" ? H((u(), m("div", To, [
-                        V(
-                          T(t[R.value]),
+                      z(' :option="{value, label, [disabled, key, title]}" '),
+                      e.mode === "combobox" ? U((u(), b("div", Io, [
+                        B(
+                          c(t[q.value]),
                           1
                           /* TEXT */
                         )
                       ])), [
-                        [n(Ce)]
-                      ]) : (u(), m(
-                        G,
+                        [r(ke)]
+                      ]) : (u(), b(
+                        J,
                         { key: 1 },
                         [
-                          B(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
-                          p("div", Io, [
-                            (u(), E(n(xe), {
+                          z(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
+                          m("div", So, [
+                            (u(), W(r(we), {
                               class: "das-select-checkbox",
-                              modelValue: (d = n(s)) == null ? void 0 : d.includes(t[N.value]),
+                              modelValue: (d = r(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]),
+                            U((u(), b("div", Vo, [
+                              B(
+                                c(t[q.value]),
                                 1
                                 /* TEXT */
                               )
                             ])), [
-                              [n(Ce)]
+                              [r(ke)]
                             ])
                           ])
                         ],
@@ -412,21 +413,21 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
                 ];
               }, !0)
             ]),
-            tagRender: f((t) => [
-              w(e.$slots, "tagRender", X(j(t)), () => [
-                x(n(ne), {
+            tagRender: p((t) => [
+              C(e.$slots, "tagRender", j(G(t)), () => [
+                w(r(ie), {
                   closable: t.closable,
                   style: { "margin-right": "3px", "background-color": "transparent" },
-                  onClose: (d) => oo(t)
+                  onClose: (d) => lo(t)
                 }, {
-                  default: f(() => [
-                    p(
+                  default: p(() => [
+                    m(
                       "span",
                       {
                         class: "tag-span",
                         style: S(o.size == "mini" || o.size == "table" ? { fontSize: "12px" } : {})
                       },
-                      T(Xe(t.label)),
+                      c(je(t.label)),
                       5
                       /* TEXT, STYLE */
                     )
@@ -436,103 +437,121 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
                 }, 1032, ["closable", "onClose"])
               ], !0)
             ]),
-            dropdownRender: f(({ menuNode: t }) => [
-              w(e.$slots, "dropdownRender", X(j({ menuNode: t })), () => {
-                var d, h;
+            dropdownRender: p(({ menuNode: t }) => [
+              C(e.$slots, "dropdownRender", j(G({ menuNode: t })), () => {
+                var d, g;
                 return [
-                  ue.value === "combobox" ? (u(), m("div", Vo, [
-                    x(a, { vnodes: t }, null, 8, ["vnodes"])
-                  ])) : ue.value === "custom" ? (u(), m("div", {
+                  de.value === "combobox" ? (u(), b("div", Bo, [
+                    w(a, { vnodes: t }, null, 8, ["vnodes"])
+                  ])) : de.value === "custom" ? (u(), b("div", {
                     key: 1,
-                    onClick: l[2] || (l[2] = U(() => {
+                    onClick: l[2] || (l[2] = X(() => {
                     }, ["stop"]))
                   }, [
-                    x(a, { vnodes: t }, null, 8, ["vnodes"]),
-                    p(
+                    w(a, { vnodes: t }, null, 8, ["vnodes"]),
+                    m(
                       "div",
                       {
                         class: "customDropdown",
-                        onMousedown: l[1] || (l[1] = (k) => k.preventDefault())
+                        onMousedown: l[1] || (l[1] = (T) => T.preventDefault())
                       },
                       [
-                        x(n(mo), {
+                        w(r(bo), {
                           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"]),
+                          ref: _e,
+                          modelValue: P.value,
+                          "onUpdate:modelValue": l[0] || (l[0] = (T) => P.value = T),
+                          onKeyup: vo(ce, ["enter"]),
+                          onFocus: X(Fe, ["stop"]),
+                          onBlur: X(Ne, ["stop"]),
                           width: "100%",
                           borderType: "bordered"
                         }, null, 8, ["modelValue"]),
-                        p("div", {
-                          class: "addBtn",
-                          onClick: de
-                        }, "添加")
+                        m(
+                          "div",
+                          {
+                            class: "addBtn",
+                            onClick: ce
+                          },
+                          c(r(V)("添加")),
+                          1
+                          /* TEXT */
+                        )
                       ],
                       32
                       /* NEED_HYDRATION */
                     )
-                  ])) : (u(), m("div", Bo, [
-                    x(a, { vnodes: t }, null, 8, ["vnodes"]),
-                    (d = o.options) != null && d.length ? (u(), m(
+                  ])) : (u(), b("div", zo, [
+                    w(a, { vnodes: t }, null, 8, ["vnodes"]),
+                    (d = o.options) != null && d.length ? (u(), b(
                       "div",
                       {
                         key: 0,
                         class: "das-ui-select-dropdown-checkall",
-                        onMousedown: l[3] || (l[3] = (k) => k.preventDefault())
+                        onMousedown: l[3] || (l[3] = (T) => T.preventDefault())
                       },
                       [
-                        p("div", zo, [
-                          x(n(xe), {
-                            modelValue: Pe.value,
-                            indeterminate: Ae.value,
-                            onChange: Ge,
+                        m("div", Mo, [
+                          w(r(we), {
+                            modelValue: Ae.value,
+                            indeterminate: Ee.value,
+                            onChange: Je,
                             style: { display: "flex" }
                           }, {
-                            default: f(() => l[6] || (l[6] = [
-                              V(" 全选 ")
-                            ])),
+                            default: p(() => [
+                              B(
+                                c(r(V)("全选")),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
                             _: 1
                             /* STABLE */
                           }, 8, ["modelValue", "indeterminate"])
                         ]),
-                        p("span", Mo, [
-                          l[7] || (l[7] = V("已选")),
-                          p(
+                        m("span", _o, [
+                          B(
+                            c(r(V)("已选")),
+                            1
+                            /* TEXT */
+                          ),
+                          m(
                             "span",
                             Fo,
-                            T(((h = n(s)) == null ? void 0 : h.length) || 0),
+                            c(((g = r(s)) == null ? void 0 : g.length) || 0),
                             1
                             /* TEXT */
                           ),
-                          l[8] || (l[8] = V("项"))
+                          B(
+                            c(r(V)("项")),
+                            1
+                            /* TEXT */
+                          )
                         ])
                       ],
                       32
                       /* NEED_HYDRATION */
-                    )) : B("v-if", !0)
+                    )) : z("v-if", !0)
                   ]))
                 ];
               }, !0)
             ]),
-            clearIcon: f(() => [
-              w(e.$slots, "clearIcon", {}, () => [
-                x(n(ho), { size: "medium" })
+            clearIcon: p(() => [
+              C(e.$slots, "clearIcon", {}, () => [
+                w(r(go), { size: "medium" })
               ], !0)
             ]),
-            maxTagPlaceholder: f((t) => [
-              w(e.$slots, "maxTagPlaceholder", X(j(t)), () => [
-                B(" 隐藏tag时显示的内容 "),
-                x(n(ne), {
+            maxTagPlaceholder: p((t) => [
+              C(e.$slots, "maxTagPlaceholder", j(G(t)), () => [
+                z(" 隐藏tag时显示的内容 "),
+                w(r(ie), {
                   style: S(o.size == "mini" || o.size == "table" ? { fontSize: "12px" } : {})
                 }, {
-                  default: f(() => {
+                  default: p(() => {
                     var d;
                     return [
-                      V(
-                        " 共" + T((d = n(s)) == null ? void 0 : d.length) + "项 ",
+                      B(
+                        c(r(V)("共")) + c((d = r(s)) == null ? void 0 : d.length) + c(r(V)("项")),
                         1
                         /* TEXT */
                       )
@@ -541,95 +560,95 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
                   _: 1
                   /* STABLE */
                 }, 8, ["style"]),
-                B(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
+                z(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
               ], !0)
             ]),
-            suffixIcon: f(() => [
-              w(e.$slots, "suffixIcon", {}, () => [
-                x(n(bo), {
+            suffixIcon: p(() => [
+              C(e.$slots, "suffixIcon", {}, () => [
+                w(r(ho), {
                   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(we), { target: Je, x: !1 }],
-            [n(go), He]
+            [r(Ce), { target: Qe, x: !1 }],
+            [r(yo), Ue]
           ]),
-          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
+          z(` <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>
     </div> `),
-          e.error && e.errorLabel ? (u(), m(
-            G,
+          e.error && e.errorLabel ? (u(), b(
+            J,
             { key: 0 },
             [
-              e.errorMode === "default" ? (u(), m("div", No, [
-                p(
+              e.errorMode === "default" ? (u(), b("div", No, [
+                m(
                   "span",
                   {
-                    style: S(le.value)
+                    style: S(te.value)
                   },
-                  T(e.errorLabel),
+                  c(e.errorLabel),
                   5
                   /* TEXT, STYLE */
                 )
-              ])) : e.errorMode === "overlay" && oe.value ? (u(), m(
-                G,
+              ])) : e.errorMode === "overlay" && le.value ? (u(), b(
+                J,
                 { key: 1 },
                 [
-                  e.teleported ? (u(), E(vo, {
+                  e.teleported ? (u(), W(fo, {
                     key: 0,
                     to: "body"
                   }, [
-                    p(
+                    m(
                       "div",
                       {
-                        style: S(Re.value)
+                        style: S(qe.value)
                       },
                       [
-                        p(
+                        m(
                           "span",
                           {
-                            style: S(le.value)
+                            style: S(te.value)
                           },
-                          T(e.errorLabel),
+                          c(e.errorLabel),
                           5
                           /* TEXT, STYLE */
                         )
@@ -637,20 +656,20 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
                       4
                       /* STYLE */
                     )
-                  ])) : (u(), m(
+                  ])) : (u(), b(
                     "div",
                     {
                       key: 1,
-                      style: S(be.value),
+                      style: S(he.value),
                       class: "das-select-error-label label"
                     },
                     [
-                      p(
+                      m(
                         "span",
                         {
-                          style: S(le.value)
+                          style: S(te.value)
                         },
-                        T(e.errorLabel),
+                        c(e.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -661,31 +680,31 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
                 ],
                 64
                 /* STABLE_FRAGMENT */
-              )) : B("v-if", !0)
+              )) : z("v-if", !0)
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : B("v-if", !0),
-          p(
+          )) : z("v-if", !0),
+          m(
             "div",
             {
               class: "ant-select-selection-overflow",
               ref_key: "virtualTotalCount",
-              ref: ie,
+              ref: ue,
               style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
             },
             [
-              p("div", $o, [
-                p("div", Do, [
-                  p("span", _o, [
-                    x(n(ne), {
+              m("div", $o, [
+                m("div", Do, [
+                  m("span", Lo, [
+                    w(r(ie), {
                       style: S(o.size == "mini" || o.size == "table" ? { fontSize: "12px" } : {})
                     }, {
-                      default: f(() => {
+                      default: p(() => {
                         var t;
                         return [
-                          V(
-                            " 共" + T((t = n(s)) == null ? void 0 : t.length) + "项 ",
+                          B(
+                            c(r(V)("共")) + c((t = r(s)) == null ? void 0 : t.length) + c(r(V)("项")),
                             1
                             /* TEXT */
                           )
@@ -707,32 +726,32 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
       );
     };
   }
-}), 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),
+}), ze = (M, D) => {
+  const L = M.__vccOpts || M;
+  for (const [o, k] of D)
+    L[o] = k;
+  return L;
+}, Ao = /* @__PURE__ */ ze(Po, [["__scopeId", "data-v-fdd56797"]]), Eo = {};
+function Wo(M, D) {
+  const L = ko;
+  return u(), W(
+    L,
+    Be({ class: "das-ui-select-option" }, M.$attrs),
     null,
     16
     /* FULL_PROPS */
   );
 }
-const Wo = /* @__PURE__ */ Be(Ao, [["render", Eo], ["__scopeId", "data-v-6b03e650"]]), Ro = {
+const Ro = /* @__PURE__ */ ze(Eo, [["render", Wo], ["__scopeId", "data-v-c8593433"]]), qo = {
   "--das-ui-select-color-bg": "#FFFFFF",
   // 默认背景色
-  "--das-ui-select-color-primary": Te("--das-ui-color-primary"),
+  "--das-ui-select-color-primary": Ie("--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": Ie("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-select-color-error": "#FB2323",
   // 错误边框色
@@ -771,10 +790,10 @@ const Wo = /* @__PURE__ */ Be(Ao, [["render", Eo], ["__scopeId", "data-v-6b03e65
   "--das-ui-select-overlay-error-color": "#FB2323",
   "--das-ui-select-overlay-error-bg-color": "#FFDBE0"
 };
-yo(Ro);
-const sl = Ie(Po), rl = Ie(Wo), nl = { name: "select 选择器" };
+xo(qo);
+const nl = Se(Ao), il = Se(Ro), ul = { name: "select 选择器" };
 export {
-  sl as DasSelect,
-  rl as DasSelectOption,
-  nl as default
+  nl as DasSelect,
+  il as DasSelectOption,
+  ul as default
 };