@das-fed/ui 7.0.7-hot.19 → 7.0.7-hot.20

package/packages/components/select/index.js

@@ -1,34 +1,34 @@
 import '@das-fed/ui/packages/components/select/style.css';
-import { withInstall as $e } from "@das-fed/utils/with-install/index";
-import { defineComponent as Fe, useCssVars as ut, computed as c, ref as n, watch as G, useSlots as it, onMounted as ie, onUnmounted as Ve, watchEffect as de, nextTick as k, resolveComponent as dt, createElementBlock as y, openBlock as v, normalizeStyle as q, normalizeClass as ct, createVNode as x, withDirectives as ce, createCommentVNode as I, createElementVNode as b, unref as r, createBlock as H, mergeProps as me, withModifiers as J, isRef as vt, createSlots as ft, withCtx as p, renderSlot as C, normalizeProps as Q, guardReactiveProps as Y, withKeys as pt, toDisplayString as W, createTextVNode as ve, Fragment as fe } from "vue";
-import { Select as mt, Tag as pe } from "ant-design-vue";
+import { withInstall as _e } from "@das-fed/utils/with-install/index";
+import { defineComponent as $e, useCssVars as ul, computed as d, ref as n, watch as G, useSlots as il, onMounted as ie, onUnmounted as Ve, watchEffect as de, nextTick as T, resolveComponent as dl, createElementBlock as g, openBlock as c, normalizeStyle as q, normalizeClass as cl, createVNode as y, withDirectives as ce, createCommentVNode as k, createElementVNode as h, unref as r, createBlock as H, mergeProps as me, withModifiers as J, isRef as vl, createSlots as fl, withCtx as f, renderSlot as C, normalizeProps as Q, guardReactiveProps as Y, withKeys as pl, toDisplayString as W, createTextVNode as ve, Fragment as fe } from "vue";
+import { Select as ml, Tag as pe } from "ant-design-vue";
 import { DasCheckbox as ze } from "@das-fed/ui/packages/components/checkbox/index";
-import { vScrollbar as ht } from "@das-fed/ui/packages/components/scrollbar/index";
-import { DasTooltip as bt } from "@das-fed/ui/packages/components/tooltip/index";
+import { vScrollbar as hl } from "@das-fed/ui/packages/components/scrollbar/index";
+import { DasTooltip as bl } from "@das-fed/ui/packages/components/tooltip/index";
 import { vDasTooltip as Le } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { DasInput as gt } from "@das-fed/ui/packages/components/input/index";
-import { DasIconXiala as yt } from "@das-fed/ui/packages/icons/xiala/index";
-import { DasIconEmpty as xt } from "@das-fed/ui/packages/icons/empty/index";
-import { DasErrorOverlayModel as Ct } from "@das-fed/ui/packages/components/error-overlay-model/index";
-import { vHoverInside as wt } from "@das-fed/utils/directive";
-import { getVarValue as Tt, getVar as Ne, setThemeRule as kt } from "@das-fed/web/packages/theme/index";
-import { t as P, currentLang as It, setI18nRule as St } from "@das-fed/web/packages/i18n/index";
-import { useZIndex as Vt } from "@das-fed/utils/hooks/popup-manager/use-zindex";
-import { useModelValue as zt } from "@das-fed/utils/vue";
-import { calcTextWidth as Lt } from "@das-fed/utils/common-tools";
+import { DasInput as gl } from "@das-fed/ui/packages/components/input/index";
+import { DasIconXiala as yl } from "@das-fed/ui/packages/icons/xiala/index";
+import { DasIconEmpty as Cl } from "@das-fed/ui/packages/icons/empty/index";
+import { DasErrorOverlayModel as wl } from "@das-fed/ui/packages/components/error-overlay-model/index";
+import { vHoverInside as xl } from "@das-fed/utils/directive";
+import { getVarValue as Tl, getVar as Ne, setThemeRule as kl } from "@das-fed/web/packages/theme/index";
+import { t as P, currentLang as Il, setI18nRule as Sl } from "@das-fed/web/packages/i18n/index";
+import { useZIndex as Vl } from "@das-fed/utils/hooks/popup-manager/use-zindex";
+import { useModelValue as zl } from "@das-fed/utils/vue";
+import { calcTextWidth as Ll } from "@das-fed/utils/common-tools";
 import "ant-design-vue/es/select/style/css";
 import "ant-design-vue/es/tag/style/css";
-import { SelectOption as Nt } from "ant-design-vue/es";
-const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style: { display: "inline-block" } }, At = { key: 0 }, Bt = { key: 2 }, Dt = { style: { display: "inline-block" } }, Et = ["innerHTML"], _t = ["innerHTML"], Ot = {
+import { SelectOption as Nl } from "ant-design-vue/es";
+const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style: { display: "inline-block" } }, Ml = { key: 0 }, Al = { key: 2 }, Bl = { style: { display: "inline-block" } }, Dl = ["innerHTML"], El = ["innerHTML"], Ol = {
   key: 0,
   class: "das-select-error-label-content das-select-label-content"
-}, Wt = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Pt = { class: "ant-select-selection-item" }, Rt = { class: "ant-select-selection-item-content" }, qt = ["innerHTML"], Ht = Fe({
+}, Wl = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Pl = { class: "ant-select-selection-item" }, Rl = { class: "ant-select-selection-item-content" }, ql = ["innerHTML"], Hl = $e({
   inheritAttrs: !1,
   components: {
-    VNodes: (i, { attrs: F }) => F.vnodes
+    VNodes: (I, { attrs: $ }) => $.vnodes
   }
-}), Zt = /* @__PURE__ */ Fe({
-  ...Ht,
+}), Zl = /* @__PURE__ */ $e({
+  ...Hl,
   __name: "Select",
   props: {
     modelValue: { default: void 0 },
@@ -65,29 +65,29 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
     inputAttrs: {}
   },
   emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
-  setup(i, { expose: F, emit: M }) {
-    ut((e) => ({
-      v3e85892a: Pe.value,
-      v785ca243: Re.value
+  setup(I, { expose: $, emit: F }) {
+    ul((e) => ({
+      "3e85892a": Pe.value,
+      "785ca243": Re.value
     }));
-    const t = i, w = M, s = zt(t, "modelValue"), ee = c(() => {
+    const l = I, w = F, s = zl(l, "modelValue"), ee = d(() => {
       var e;
       return `<span class='key'>${((e = s.value) == null ? void 0 : e.length) ?? 0}</span>`;
-    }), A = n(null), he = n(null), g = n(!1), Z = c(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || P("请选择")), Ae = c(() => A.value ? A.value.querySelector(".ant-select-selector") : null), B = n(0), D = n(0), Be = c(() => t.isTooltip && S.value ? !1 : !t.isTooltip || z.value || !Ie.value || !ae.value), De = c(() => (Array.isArray(s.value) ? s.value.length : s.value) ? Ie.value : Z.value), be = () => {
-      const e = t.size === "table" ? 12 : 14;
-      return Lt(Z.value, e);
+    }), M = n(null), he = n(null), b = n(!1), Z = d(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || P("请选择")), Me = d(() => M.value ? M.value.querySelector(".ant-select-selector") : null), A = n(0), B = n(0), Ae = d(() => l.isTooltip && S.value ? !1 : !l.isTooltip || z.value || !Ie.value || !ae.value), Be = d(() => (Array.isArray(s.value) ? s.value.length : s.value) ? Ie.value : Z.value), be = () => {
+      const e = l.size === "table" ? 12 : 14;
+      return Ll(Z.value, e);
     }, ge = () => {
-      var $;
-      const e = A.value.querySelector(".ant-select-selection-placeholder"), l = ($ = T.value) == null ? void 0 : $.$el.querySelectorAll(".ant-select-selection-item");
-      l && l.length && l.forEach((X) => X.removeAttribute("title"));
+      var _;
+      const e = M.value.querySelector(".ant-select-selection-placeholder"), t = (_ = x.value) == null ? void 0 : _.$el.querySelectorAll(".ant-select-selection-item");
+      t && t.length && t.forEach((X) => X.removeAttribute("title"));
       let a = (e == null ? void 0 : e.offsetWidth) ?? 0;
       if (a === 0) return a;
-      const o = window.getComputedStyle(e, null), m = parseFloat(o.paddingRight), f = parseFloat(o.paddingLeft);
-      return a - m - f;
+      const o = window.getComputedStyle(e, null), p = parseFloat(o.paddingRight), v = parseFloat(o.paddingLeft);
+      return a - p - v;
     }, S = n(!1);
     G(() => [Z.value, s.value], () => {
-      k(() => {
-        D.value = ge(), B.value = be(), ((Array.isArray(s.value) ? s.value.length : s.value) || D.value === B.value || B.value - D.value < 1) && (S.value = !1);
+      T(() => {
+        B.value = ge(), A.value = be(), ((Array.isArray(s.value) ? s.value.length : s.value) || B.value === A.value || A.value - B.value < 1) && (S.value = !1);
       });
     }), G(
       () => {
@@ -104,32 +104,32 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
         }));
       }
     );
-    const ye = n(null), xe = c(() => t.dropdownMode ?? t.mode ?? ""), E = n(null), Ee = n(null), _ = n(""), _e = () => {
-      E.value = !0;
+    const ye = n(null), Ce = d(() => l.dropdownMode ?? l.mode ?? ""), D = n(null), De = n(null), E = n(""), Ee = () => {
+      D.value = !0;
     }, Oe = () => {
-      E.value = null;
-    }, Ce = () => {
-      _.value && (w("addCustomItem", _.value), k(() => {
-        T.value.focus(), _.value = "";
+      D.value = null;
+    }, we = () => {
+      E.value && (w("addCustomItem", E.value), T(() => {
+        x.value.focus(), E.value = "";
       }));
-    }, we = it(), te = () => {
-      t.dropdownMode === "custom" && !we.dropdownRender && (E.value = !1, k(() => {
-        E.value = null;
+    }, xe = il(), le = () => {
+      l.dropdownMode === "custom" && !xe.dropdownRender && (D.value = !1, T(() => {
+        D.value = null;
       }));
     };
     ie(() => {
-      document.addEventListener("click", te);
+      document.addEventListener("click", le);
     }), Ve(() => {
-      document.removeEventListener("click", te);
+      document.removeEventListener("click", le);
     });
-    const T = n(), Te = n(), le = n(!1), oe = c(() => {
-      if (E.value !== null) return E.value;
-      if (t.open !== void 0) return t.open;
-    }), V = 1e6, u = n(100), d = n(100), z = n(!1), ae = n(!0), se = n(!1);
+    const x = n(), Te = n(), te = n(!1), oe = d(() => {
+      if (D.value !== null) return D.value;
+      if (l.open !== void 0) return l.open;
+    }), V = 1e6, u = n(100), i = n(100), z = n(!1), ae = n(!0), se = n(!1);
     de(() => {
-      s.value && t.mode == "combobox" && (ae.value = !0, setTimeout(() => {
-        var l;
-        let e = (l = T.value) == null ? void 0 : l.$el.querySelectorAll(".ant-select-selection-item");
+      s.value && l.mode == "combobox" && (ae.value = !0, setTimeout(() => {
+        var t;
+        let e = (t = x.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
         if (e && e.length > 0)
           for (let a = 0; a < e.length; a++) {
             let o = e[a];
@@ -137,165 +137,165 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
           }
       }, 300));
     }), de(() => {
-      t.options && (Te.value = t.options.map((e) => (e.title = e.title ? e.title : "", e)));
+      l.options && (Te.value = l.options.map((e) => (e.title = e.title ? e.title : "", e)));
     });
     const We = () => {
       setTimeout(async () => {
-        u.value = 100, await N(), u.value = d.value, g.value = !0;
+        u.value = 100, await N(), u.value = i.value, b.value = !0;
       }, 100);
     };
     de(() => {
-      se.value === !0 && t.mode != "combobox" && s.value && s.value.length > 0 && t.options.length > 0 && (se.value = !1, We());
+      se.value === !0 && l.mode != "combobox" && s.value && s.value.length > 0 && l.options.length > 0 && (se.value = !1, We());
     }), ie(() => {
-      se.value = !0, t.focusOpen || (d.value = 1, u.value = d.value, g.value = !0);
+      se.value = !0, l.focusOpen || (i.value = 1, u.value = i.value, b.value = !0);
     });
-    const Pe = c(() => t.width ? t.width : "230px"), Re = c(() => t.height ? t.height : "auto"), ke = n(3e3), qe = c(() => ({
+    const Pe = d(() => l.width ? l.width : "230px"), Re = d(() => l.height ? l.height : "auto"), ke = n(3e3), qe = d(() => ({
       "z-index": ke.value
-    })), Ie = c(() => {
-      var l;
+    })), Ie = d(() => {
+      var t;
       let e = [];
-      if (t.mode != "combobox" && Array.isArray(s.value))
+      if (l.mode != "combobox" && Array.isArray(s.value))
         s.value.map((a) => {
-          var m;
-          let o = (m = t.options) == null ? void 0 : m.find((f) => f[L.value] == a);
+          var p;
+          let o = (p = l.options) == null ? void 0 : p.find((v) => v[L.value] == a);
           o && e.push(o[K.value]);
         });
-      else if (t.mode == "combobox" && s.value) {
-        let a = (l = t.options) == null ? void 0 : l.find((o) => o[L.value] == s.value);
+      else if (l.mode == "combobox" && s.value) {
+        let a = (t = l.options) == null ? void 0 : t.find((o) => o[L.value] == s.value);
         a && e.push(a[K.value]);
       }
-      return It.value === "zh-CN" ? e.join("、") : e.join(", ");
-    }), He = c(() => {
-      var l;
-      if (t.mode === "combobox") return !1;
-      let e = t.options.filter((a) => !a.disabled);
-      return !!(Array.isArray(s.value) && ((l = s.value) == null ? void 0 : l.length) == e.length);
-    }), Ze = c(() => {
-      var l, a;
-      if (t.mode === "combobox") return !1;
-      let e = t.options.filter((o) => !o.disabled);
-      return !!(Array.isArray(s.value) && ((l = s.value) == null ? void 0 : l.length) > 0 && ((a = s.value) == null ? void 0 : a.length) < e.length);
-    }), Ke = c(() => {
-      var e, l;
-      return t.optionFilterProp ? t.optionFilterProp : (e = t.fieldNames) != null && e.label ? (l = t.fieldNames) == null ? void 0 : l.label : "label";
-    }), K = c(() => {
+      return Il.value === "zh-CN" ? e.join("、") : e.join(", ");
+    }), He = d(() => {
+      var t;
+      if (l.mode === "combobox") return !1;
+      let e = l.options.filter((a) => !a.disabled);
+      return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) == e.length);
+    }), Ze = d(() => {
+      var t, a;
+      if (l.mode === "combobox") return !1;
+      let e = l.options.filter((o) => !o.disabled);
+      return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) > 0 && ((a = s.value) == null ? void 0 : a.length) < e.length);
+    }), Ke = d(() => {
+      var e, t;
+      return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
+    }), K = d(() => {
       var e;
-      return t.fieldNames && t.fieldNames.label ? (e = t.fieldNames) == null ? void 0 : e.label : "label";
-    }), L = c(() => {
+      return l.fieldNames && l.fieldNames.label ? (e = l.fieldNames) == null ? void 0 : e.label : "label";
+    }), L = d(() => {
       var e;
-      return t.fieldNames && t.fieldNames.value ? (e = t.fieldNames) == null ? void 0 : e.value : "value";
-    }), Ue = c(() => ({
-      width: typeof t.width == "number" ? t.width + "px" : t.width
+      return l.fieldNames && l.fieldNames.value ? (e = l.fieldNames) == null ? void 0 : e.value : "value";
+    }), Ue = d(() => ({
+      width: typeof l.width == "number" ? l.width + "px" : l.width
     })), ne = n(!1), je = n({
       display: "block",
-      color: Tt("--das-ui-select-overlay-error-color").value,
+      color: Tl("--das-ui-select-overlay-error-color").value,
       "white-space": "break-spaces"
     }), O = n(), Xe = () => {
       var a;
-      D.value = ge(), B.value = be();
-      let e = (a = T.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
-      !!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || D.value === B.value || B.value - D.value < 1 ? S.value = !1 : (S.value = !0, O.value && clearTimeout(O.value)), ne.value = !0;
+      B.value = ge(), A.value = be();
+      let e = (a = x.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
+      !!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || B.value === A.value || A.value - B.value < 1 ? S.value = !1 : (S.value = !0, O.value && clearTimeout(O.value)), ne.value = !0;
     }, Ge = () => {
       O.value = setTimeout(() => {
         S.value = !1;
       }, 200), ne.value = !1;
-    }, Je = (e, l) => {
+    }, Je = (e, t) => {
       e ? Xe() : Ge();
     }, Qe = (e) => {
-      e && (ke.value = Vt().nextZIndex(), _.value = ""), U.value = e, t.mode == "combobox" && (e || setTimeout(() => {
-        var l, a;
-        (a = (l = T.value) == null ? void 0 : l.blur) == null || a.call(l);
+      e && (ke.value = Vl().nextZIndex(), E.value = ""), U.value = e, l.mode == "combobox" && (e || setTimeout(() => {
+        var t, a;
+        (a = (t = x.value) == null ? void 0 : t.blur) == null || a.call(t);
       })), w("dropdownVisibleChange", e);
     }, Ye = (e) => {
-      let l = e.toString();
-      return l.length > t.maxTagTextLength && (l = l.substr(0, t.maxTagTextLength) + "..."), l;
-    }, et = (e) => t.isRenderNode ? A.value : t.getPopupContainer === void 0 ? document.body : t.getPopupContainer(e), tt = (e) => {
+      let t = e.toString();
+      return t.length > l.maxTagTextLength && (t = t.substr(0, l.maxTagTextLength) + "..."), t;
+    }, el = (e) => l.isRenderNode ? M.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), ll = (e) => {
       if (e) {
         Array.isArray(s.value) || (s.value = []);
-        let l = s.value, a = [];
-        t.options.forEach((o) => {
-          !s.value.includes(o[L.value]) && !o.disabled && (l.push(o[L.value]), a.push(o));
-        }), s.value = l, ue(s.value, a);
+        let t = s.value, a = [];
+        l.options.forEach((o) => {
+          !s.value.includes(o[L.value]) && !o.disabled && (t.push(o[L.value]), a.push(o));
+        }), s.value = t, ue(s.value, a);
       } else {
-        let l = s.value;
-        s.value = l.filter((a) => !!t.options.find((o) => o[L.value] === a).disabled), ue(s.value, []);
+        let t = s.value;
+        s.value = t.filter((a) => !!l.options.find((o) => o[L.value] === a).disabled), ue(s.value, []);
       }
-    }, lt = (e) => {
+    }, tl = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
         return e.children[0];
-    }, ot = (e) => {
-      if (t.mode == "combobox") {
+    }, ol = (e) => {
+      if (l.mode == "combobox") {
         w("focus", e);
         return;
       }
-      le.value = !0, t.focusOpen && !t.isExterControlCount && (u.value = V, g.value = !1), w("focus", e);
-    }, U = n(!1), at = () => {
+      te.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = V, b.value = !1), w("focus", e);
+    }, U = n(!1), al = () => {
       U.value || setTimeout(() => {
-        var e, l;
-        (l = (e = T.value) == null ? void 0 : e.blur) == null || l.call(e);
-      }), t.mode != "combobox";
+        var e, t;
+        (t = (e = x.value) == null ? void 0 : e.blur) == null || t.call(e);
+      }), l.mode != "combobox";
     }, Se = (e) => {
-      if (k(() => {
+      if (T(() => {
         U.value = !1;
-      }), t.mode == "combobox") {
+      }), l.mode == "combobox") {
         w("blur", e);
         return;
       }
-      le.value = !1, t.focusOpen && !t.isExterControlCount && (N(), u.value = d.value, g.value = !0), w("blur", e);
-    }, st = (e) => {
-      e.onClose(), u.value = 100, k(() => {
-        t.mode !== "combobox" && oe.value || t.focusOpen && (N(), u.value = d.value, g.value = !0);
+      te.value = !1, l.focusOpen && !l.isExterControlCount && (N(), u.value = i.value, b.value = !0), w("blur", e);
+    }, sl = (e) => {
+      e.onClose(), u.value = 100, T(() => {
+        l.mode !== "combobox" && oe.value || l.focusOpen && (N(), u.value = i.value, b.value = !0);
       });
     };
     G(
-      () => t.disabled || t.isView,
+      () => l.disabled || l.isView,
       (e) => {
-        if (e && t.mode !== "combobox") {
-          le.value = !1;
-          let l = new Event("blur");
-          Se(l);
+        if (e && l.mode !== "combobox") {
+          te.value = !1;
+          let t = new Event("blur");
+          Se(t);
         }
       }
     );
     let R = n(!1);
-    const nt = (e) => {
-      R.value = e, z.value = !0, k(() => {
-        z.value = !1, t.focusOpen && (N(), u.value = e ? V : d.value, g.value = !e);
+    const nl = (e) => {
+      R.value = e, z.value = !0, T(() => {
+        z.value = !1, l.focusOpen && (N(), u.value = e ? V : i.value, b.value = !e);
       });
     };
     let j = null;
     ie(() => {
       j = new IntersectionObserver((e) => {
-        e && e[0] && e[0].intersectionRatio > 0 && t.focusOpen && u.value === 0 && (u.value = 100, k(() => {
-          N(), u.value = d.value, g.value = !0;
+        e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && u.value === 0 && (u.value = 100, T(() => {
+          N(), u.value = i.value, b.value = !0;
         }));
-      }), j.observe(A.value);
+      }), j.observe(M.value);
     }), Ve(() => {
       j && j.disconnect();
     });
     const N = () => {
       var X;
-      let e = (X = T.value) == null ? void 0 : X.$el;
+      let e = (X = x.value) == null ? void 0 : X.$el;
       if (!e) return;
-      let l = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
-      if (!l) return;
-      let a = l.offsetWidth - 5;
-      t.borderType === "underline" && (a -= 10);
-      const m = Math.ceil(ye.value.querySelector(".ant-tag").offsetWidth) + 4;
-      let f = e.querySelectorAll(".ant-select-selection-overflow-item");
-      if (f.length < 1) return;
+      let t = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
+      if (!t) return;
+      let a = t.offsetWidth - 5;
+      l.borderType === "underline" && (a -= 10);
+      const p = Math.ceil(ye.value.querySelector(".ant-tag").offsetWidth) + 4;
+      let v = e.querySelectorAll(".ant-select-selection-overflow-item");
+      if (v.length < 1) return;
       u.value = V;
-      let $ = 0;
-      for (let h = 0; h < f.length - 1 && !f[h].classList.contains("ant-select-selection-overflow-item-rest"); h++)
-        if ($ += Math.ceil(f[h].offsetWidth), $ <= a - m)
-          h >= s.value.length - 1 && $ < a ? d.value = s.value.length : d.value = h + 1;
+      let _ = 0;
+      for (let m = 0; m < v.length - 1 && !v[m].classList.contains("ant-select-selection-overflow-item-rest"); m++)
+        if (_ += Math.ceil(v[m].offsetWidth), _ <= a - p)
+          m >= s.value.length - 1 && _ < a ? i.value = s.value.length : i.value = m + 1;
         else {
-          h >= s.value.length - 1 && $ < a ? d.value = s.value.length : d.value = h;
+          m >= s.value.length - 1 && _ < a ? i.value = s.value.length : i.value = m;
           break;
         }
-      if (d.value === 0) {
-        let h = f[0], rt = h.querySelector(".anticon-close") ? 86 : 69;
-        h && !h.classList.contains("ant-select-selection-overflow-item-rest") && rt <= a - m && !we.tagRender && (d.value = 1, h.classList.add("ellipsis"));
+      if (i.value === 0) {
+        let m = v[0], rl = m.querySelector(".anticon-close") ? 86 : 69;
+        m && !m.classList.contains("ant-select-selection-overflow-item-rest") && rl <= a - p && !xe.tagRender && (i.value = 1, m.classList.add("ellipsis"));
       }
     }, re = n(!1);
     G(
@@ -305,84 +305,84 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
           re.value = !1;
           return;
         }
-        t.mode !== "combobox" && oe.value || (z.value = !0, u.value = V, await k(), await N(), z.value = !1, t.isExterControlCount && t.focusOpen ? (u.value = R.value ? V : d.value, g.value = !R.value) : (u.value = d.value, g.value = !0));
+        l.mode !== "combobox" && oe.value || (z.value = !0, u.value = V, await T(), await N(), z.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = R.value ? V : i.value, b.value = !R.value) : (u.value = i.value, b.value = !0));
       }
     );
-    const ue = async (e, l) => {
-      re.value = !0, U.value = !1, t.mode === "combobox" && te();
+    const ue = async (e, t) => {
+      re.value = !0, U.value = !1, l.mode === "combobox" && le();
       const a = e;
-      t.noDropdown && t.maxTagsLength < a.length && a.pop(), z.value = !0, w("update:model-value", a), w("change", a, l), u.value = V, await k(), await N(), z.value = !1, t.isExterControlCount && t.focusOpen && (u.value = R.value ? V : d.value, g.value = !R.value), t.focusOpen || (u.value = d.value);
+      l.noDropdown && l.maxTagsLength < a.length && a.pop(), z.value = !0, w("update:model-value", a), w("change", a, t), u.value = V, await T(), await N(), z.value = !1, l.isExterControlCount && l.focusOpen && (u.value = R.value ? V : i.value, b.value = !R.value), l.focusOpen || (u.value = i.value);
     };
-    return F({
-      $select: T,
-      toChangeMaxCount: nt
-    }), (e, l) => {
-      const a = dt("v-nodes");
-      return v(), y(
+    return $({
+      $select: x,
+      toChangeMaxCount: nl
+    }), (e, t) => {
+      const a = dl("v-nodes");
+      return c(), g(
         "div",
         {
-          class: ct(["das-ui-select", [
-            t.borderType,
-            t.isView ? "readonly" : "",
-            t.error ? "is-error" : "",
-            g.value ? "show-ellipsis" : ""
+          class: cl(["das-ui-select", [
+            l.borderType,
+            l.isView ? "readonly" : "",
+            l.error ? "is-error" : "",
+            b.value ? "show-ellipsis" : ""
           ]]),
           ref_key: "$selectBox",
-          ref: A,
+          ref: M,
           style: q(Ue.value)
         },
         [
-          x(r(bt), {
+          y(r(bl), {
             ref_key: "inputTooltipRef",
             ref: he,
             placement: "top",
             "virtual-triggering": "",
-            "virtual-ref": Ae.value,
-            disabled: Be.value,
-            content: De.value
+            "virtual-ref": Me.value,
+            disabled: Ae.value,
+            content: Be.value
           }, null, 8, ["virtual-ref", "disabled", "content"]),
-          ce((v(), H(r(mt), me({ mode: i.mode }, e.$attrs, {
+          ce((c(), H(r(ml), me({ mode: e.mode }, e.$attrs, {
             value: r(s),
-            "onUpdate:value": l[4] || (l[4] = (o) => vt(s) ? s.value = o : null),
+            "onUpdate:value": t[4] || (t[4] = (o) => vl(s) ? s.value = o : null),
             ref_key: "$select",
-            ref: T,
+            ref: x,
             options: Te.value,
-            fieldNames: i.fieldNames,
-            bordered: t.borderType === "bordered",
-            disabled: t.disabled || t.isView,
+            fieldNames: e.fieldNames,
+            bordered: l.borderType === "bordered",
+            disabled: l.disabled || l.isView,
             showArrow: !0,
-            open: t.noDropdown ? !1 : oe.value,
+            open: l.noDropdown ? !1 : oe.value,
             placeholder: Z.value,
             optionFilterProp: Ke.value,
-            size: t.size == "middle" ? "defalut" : t.size == "mini" ? "small" : t.size,
-            style: t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {},
-            dropdownClassName: "das-ui-select-dorpdown " + i.dropdownClassName,
+            size: l.size == "middle" ? "defalut" : l.size == "mini" ? "small" : l.size,
+            style: l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {},
+            dropdownClassName: "das-ui-select-dorpdown " + e.dropdownClassName,
             maxTagCount: u.value,
-            getPopupContainer: et,
+            getPopupContainer: el,
             dropdownStyle: qe.value,
             onDropdownVisibleChange: Qe,
             onChange: ue,
-            onFocus: ot,
+            onFocus: ol,
             onClick: [
-              at,
-              l[5] || (l[5] = J(() => {
+              al,
+              t[5] || (t[5] = J(() => {
               }, ["stop"]))
             ],
             onBlur: Se
-          }), ft({
-            option: p((o) => [
+          }), fl({
+            option: f((o) => [
               C(e.$slots, "option", Q(Y(o)), () => {
-                var m;
+                var p;
                 return [
-                  o.children && typeof o.children == "function" ? (v(), H(a, {
+                  o.children && typeof o.children == "function" ? (c(), H(a, {
                     key: 0,
                     vnodes: o.children()
-                  }, null, 8, ["vnodes"])) : (v(), y(
+                  }, null, 8, ["vnodes"])) : (c(), g(
                     fe,
                     { key: 1 },
                     [
-                      I(' :option="{value, label, [disabled, key, title]}" '),
-                      i.mode === "combobox" ? ce((v(), y("div", $t, [
+                      k(' :option="{value, label, [disabled, key, title]}" '),
+                      e.mode === "combobox" ? ce((c(), g("div", _l, [
                         ve(
                           W(o[K.value]),
                           1
@@ -390,19 +390,19 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
                         )
                       ])), [
                         [r(Le)]
-                      ]) : (v(), y(
+                      ]) : (c(), g(
                         fe,
                         { key: 1 },
                         [
-                          I(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
-                          b("div", Ft, [
-                            (v(), H(r(ze), {
+                          k(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
+                          h("div", $l, [
+                            (c(), H(r(ze), {
                               class: "das-select-checkbox",
-                              modelValue: (m = r(s)) == null ? void 0 : m.includes(o[L.value]),
+                              modelValue: (p = r(s)) == null ? void 0 : p.includes(o[L.value]),
                               key: o[L.value],
                               disabled: o.disabled
                             }, null, 8, ["modelValue", "disabled"])),
-                            ce((v(), y("div", Mt, [
+                            ce((c(), g("div", Fl, [
                               ve(
                                 W(o[K.value]),
                                 1
@@ -423,19 +423,19 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
                 ];
               }, !0)
             ]),
-            tagRender: p((o) => [
+            tagRender: f((o) => [
               C(e.$slots, "tagRender", Q(Y(o)), () => [
-                x(r(pe), {
+                y(r(pe), {
                   closable: o.closable,
                   style: { "margin-right": "3px", "background-color": "transparent" },
-                  onClose: (m) => st(o)
+                  onClose: (p) => sl(o)
                 }, {
-                  default: p(() => [
-                    b(
+                  default: f(() => [
+                    h(
                       "span",
                       {
                         class: "tag-span",
-                        style: q(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
+                        style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                       },
                       W(Ye(o.label)),
                       5
@@ -447,41 +447,41 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
                 }, 1032, ["closable", "onClose"])
               ], !0)
             ]),
-            dropdownRender: p(({ menuNode: o }) => [
+            dropdownRender: f(({ menuNode: o }) => [
               C(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
-                var m;
+                var p;
                 return [
-                  xe.value === "combobox" ? (v(), y("div", At, [
-                    x(a, { vnodes: o }, null, 8, ["vnodes"])
-                  ])) : xe.value === "custom" ? (v(), y("div", {
+                  Ce.value === "combobox" ? (c(), g("div", Ml, [
+                    y(a, { vnodes: o }, null, 8, ["vnodes"])
+                  ])) : Ce.value === "custom" ? (c(), g("div", {
                     key: 1,
-                    onClick: l[2] || (l[2] = J(() => {
+                    onClick: t[2] || (t[2] = J(() => {
                     }, ["stop"]))
                   }, [
-                    x(a, { vnodes: o }, null, 8, ["vnodes"]),
-                    b(
+                    y(a, { vnodes: o }, null, 8, ["vnodes"]),
+                    h(
                       "div",
                       {
                         class: "customDropdown",
-                        onMousedown: l[1] || (l[1] = (f) => f.preventDefault())
+                        onMousedown: t[1] || (t[1] = (v) => v.preventDefault())
                       },
                       [
-                        x(r(gt), me({
+                        y(r(gl), me({
                           ref_key: "testInput",
-                          ref: Ee,
-                          modelValue: _.value,
-                          "onUpdate:modelValue": l[0] || (l[0] = (f) => _.value = f),
-                          onKeyup: pt(Ce, ["enter"]),
-                          onFocus: J(_e, ["stop"]),
+                          ref: De,
+                          modelValue: E.value,
+                          "onUpdate:modelValue": t[0] || (t[0] = (v) => E.value = v),
+                          onKeyup: pl(we, ["enter"]),
+                          onFocus: J(Ee, ["stop"]),
                           onBlur: J(Oe, ["stop"]),
                           width: "100%",
                           borderType: "bordered"
-                        }, t.inputAttrs), null, 16, ["modelValue"]),
-                        b(
+                        }, l.inputAttrs), null, 16, ["modelValue"]),
+                        h(
                           "div",
                           {
                             class: "addBtn",
-                            onClick: Ce
+                            onClick: we
                           },
                           W(r(P)("添加")),
                           1
@@ -491,24 +491,24 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
                       32
                       /* NEED_HYDRATION */
                     )
-                  ])) : (v(), y("div", Bt, [
-                    x(a, { vnodes: o }, null, 8, ["vnodes"]),
-                    (m = t.options) != null && m.length ? (v(), y(
+                  ])) : (c(), g("div", Al, [
+                    y(a, { vnodes: o }, null, 8, ["vnodes"]),
+                    (p = l.options) != null && p.length ? (c(), g(
                       "div",
                       {
                         key: 0,
                         class: "das-ui-select-dropdown-checkall",
-                        onMousedown: l[3] || (l[3] = (f) => f.preventDefault())
+                        onMousedown: t[3] || (t[3] = (v) => v.preventDefault())
                       },
                       [
-                        b("div", Dt, [
-                          x(r(ze), {
+                        h("div", Bl, [
+                          y(r(ze), {
                             modelValue: He.value,
                             indeterminate: Ze.value,
-                            onChange: tt,
+                            onChange: ll,
                             style: { display: "flex" }
                           }, {
-                            default: p(() => [
+                            default: f(() => [
                               ve(
                                 W(r(P)("全选")),
                                 1
@@ -519,49 +519,49 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
                             /* STABLE */
                           }, 8, ["modelValue", "indeterminate"])
                         ]),
-                        b("span", {
+                        h("span", {
                           class: "das-ui-dropdown-has-checked",
                           innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                        }, null, 8, Et)
+                        }, null, 8, Dl)
                       ],
                       32
                       /* NEED_HYDRATION */
-                    )) : I("v-if", !0)
+                    )) : k("v-if", !0)
                   ]))
                 ];
               }, !0)
             ]),
-            clearIcon: p(() => [
+            clearIcon: f(() => [
               C(e.$slots, "clearIcon", {}, () => [
-                x(r(xt), { size: "medium" })
+                y(r(Cl), { size: "medium" })
               ], !0)
             ]),
-            maxTagPlaceholder: p((o) => [
+            maxTagPlaceholder: f((o) => [
               C(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
-                I(" 隐藏tag时显示的内容 "),
-                x(r(pe), {
-                  style: q(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
+                k(" 隐藏tag时显示的内容 "),
+                y(r(pe), {
+                  style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                 }, {
-                  default: p(() => [
-                    b("span", {
+                  default: f(() => [
+                    h("span", {
                       innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                    }, null, 8, _t)
+                    }, null, 8, El)
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["style"]),
-                I(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
+                k(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
               ], !0)
             ]),
-            suffixIcon: p(() => [
+            suffixIcon: f(() => [
               C(e.$slots, "suffixIcon", {}, () => [
-                x(r(yt), {
+                y(r(yl), {
                   class: "das-suffix-icon",
                   size: "medium"
                 })
               ], !0)
             ]),
-            default: p(() => [
+            default: f(() => [
               C(e.$slots, "default", {}, void 0, !0)
             ]),
             _: 2
@@ -569,62 +569,62 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
           }, [
             e.$slots.menuItemSelectedIcon ? {
               name: "menuItemSelectedIcon",
-              fn: p(() => [
+              fn: f(() => [
                 C(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             e.$slots.notFoundContent ? {
               name: "notFoundContent",
-              fn: p(() => [
+              fn: f(() => [
                 C(e.$slots, "notFoundContent", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             e.$slots.placeholder ? {
               name: "placeholder",
-              fn: p(() => [
+              fn: f(() => [
                 C(e.$slots, "placeholder", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0,
             e.$slots.removeIcon ? {
               name: "removeIcon",
-              fn: p(() => [
+              fn: f(() => [
                 C(e.$slots, "removeIcon", {}, void 0, !0)
               ]),
               key: "3"
             } : void 0
           ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
-            [r(ht), { target: lt, x: !1 }],
-            [r(wt), Je]
+            [r(hl), { target: tl, x: !1 }],
+            [r(xl), Je]
           ]),
-          i.error && i.errorLabel ? (v(), y(
+          e.error && e.errorLabel ? (c(), g(
             fe,
             { key: 0 },
             [
-              i.errorMode === "default" ? (v(), y("div", Ot, [
-                b(
+              e.errorMode === "default" ? (c(), g("div", Ol, [
+                h(
                   "span",
                   {
                     style: q(je.value)
                   },
-                  W(i.errorLabel),
+                  W(e.errorLabel),
                   5
                   /* TEXT, STYLE */
                 )
-              ])) : I("v-if", !0),
-              i.errorMode === "overlay" && ne.value ? (v(), H(r(Ct), {
+              ])) : k("v-if", !0),
+              e.errorMode === "overlay" && ne.value ? (c(), H(r(wl), {
                 key: 1,
-                errorLabel: i.errorLabel,
-                getEl: () => T.value.$el,
-                errorModelZIndex: i.errorModelZIndex
-              }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : I("v-if", !0)
+                errorLabel: e.errorLabel,
+                getEl: () => x.value.$el,
+                errorModelZIndex: e.errorModelZIndex
+              }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("v-if", !0)
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : I("v-if", !0),
-          b(
+          )) : k("v-if", !0),
+          h(
             "div",
             {
               class: "ant-select-selection-overflow",
@@ -633,16 +633,16 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
               style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
             },
             [
-              b("div", Wt, [
-                b("div", Pt, [
-                  b("span", Rt, [
-                    x(r(pe), {
-                      style: q(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
+              h("div", Wl, [
+                h("div", Pl, [
+                  h("span", Rl, [
+                    y(r(pe), {
+                      style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                     }, {
-                      default: p(() => [
-                        b("span", {
+                      default: f(() => [
+                        h("span", {
                           innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                        }, null, 8, qt)
+                        }, null, 8, ql)
                       ]),
                       _: 1
                       /* STABLE */
@@ -660,23 +660,23 @@ const $t = { key: 0 }, Ft = { class: "das-multiple-option-item" }, Mt = { style:
       );
     };
   }
-}), Me = (i, F) => {
-  const M = i.__vccOpts || i;
-  for (const [t, w] of F)
-    M[t] = w;
-  return M;
-}, Kt = /* @__PURE__ */ Me(Zt, [["__scopeId", "data-v-ff4b9c6d"]]), Ut = {};
-function jt(i, F) {
-  const M = Nt;
-  return v(), H(
-    M,
-    me({ class: "das-ui-select-option" }, i.$attrs),
+}), Fe = (I, $) => {
+  const F = I.__vccOpts || I;
+  for (const [l, w] of $)
+    F[l] = w;
+  return F;
+}, Kl = /* @__PURE__ */ Fe(Zl, [["__scopeId", "data-v-ff4b9c6d"]]), Ul = {};
+function jl(I, $) {
+  const F = Nl;
+  return c(), H(
+    F,
+    me({ class: "das-ui-select-option" }, I.$attrs),
     null,
     16
     /* FULL_PROPS */
   );
 }
-const Xt = /* @__PURE__ */ Me(Ut, [["render", jt]]), Gt = {
+const Xl = /* @__PURE__ */ Fe(Ul, [["render", jl]]), Gl = {
   "--das-ui-select-color-bg": "#FFFFFF",
   // 默认背景色
   "--das-ui-select-color-primary": Ne("--das-ui-color-primary"),
@@ -723,7 +723,7 @@ const Xt = /* @__PURE__ */ Me(Ut, [["render", jt]]), Gt = {
   // 多选框字体大小-lg
   "--das-ui-select-overlay-error-color": "#FB2323",
   "--das-ui-select-overlay-error-bg-color": "#FFDBE0"
-}, Jt = {
+}, Jl = {
   添加: { "zh-CN": "添加", en: "Add", _appCode: "framework" },
   全选: { "zh-CN": "全选", en: "Select All", _appCode: "framework" },
   已选: { "zh-CN": "已选", en: "Selected", _appCode: "framework" },
@@ -733,11 +733,11 @@ const Xt = /* @__PURE__ */ Me(Ut, [["render", jt]]), Gt = {
     _appCode: "framework"
   }
 };
-St(Jt);
-kt(Gt);
-const yl = $e(Kt), xl = $e(Xt), Cl = { name: "select 选择器" };
+Sl(Jl);
+kl(Gl);
+const yt = _e(Kl), Ct = _e(Xl), wt = { name: "select 选择器" };
 export {
-  yl as DasSelect,
-  xl as DasSelectOption,
-  Cl as default
+  yt as DasSelect,
+  Ct as DasSelectOption,
+  wt as default
 };