@das-fed/upf-ui 6.4.0-dev.247 → 6.4.0-dev.249

package/packages/components/select/index.js

@@ -1,33 +1,34 @@
-import '@das-fed/upf-ui/packages/components/select/style.css';
-import { withInstall as De } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as Ee, useCssVars as bl, useAttrs as yl, computed as u, ref as s, watch as X, useSlots as gl, onMounted as pe, onUnmounted as _e, watchEffect as me, nextTick as S, resolveComponent as Cl, openBlock as p, createElementBlock as g, normalizeClass as wl, normalizeStyle as K, withModifiers as J, createBlock as q, unref as r, createCommentVNode as I, withDirectives as he, mergeProps as Ce, isRef as xl, createSlots as Tl, withCtx as m, renderSlot as C, normalizeProps as Q, guardReactiveProps as Y, Fragment as be, createTextVNode as ye, toDisplayString as F, createElementVNode as b, createVNode as T, withKeys as kl } from "vue";
-import { Select as Sl, Tag as ge } from "ant-design-vue";
-import { DasCheckbox as Oe } from "@das-fed/upf-ui/packages/components/checkbox/index";
-import { vScrollbar as Il } from "@das-fed/upf-ui/packages/components/scrollbar/index";
-import { DasTooltip as Al } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { vDasTooltip as Be } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { DasInput as Ll } from "@das-fed/upf-ui/packages/components/input/index";
-import { DasIconXiala as Ml } from "@das-fed/upf-ui/packages/icons/xiala/index";
-import { DasIconEmpty as Vl } from "@das-fed/upf-ui/packages/icons/empty/index";
-import { DasErrorOverlayModel as zl } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { vHoverInside as Nl } from "@das-fed/upf-utils/directive";
-import { t as R, currentLang as $l, setI18nRule as _l } from "@das-fed/upf-web/packages/i18n/index";
-import { useZIndex as Ol } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
-import { useModelValue as Bl } from "@das-fed/upf-utils/vue";
-import { calcTextWidth as Dl } from "@das-fed/upf-utils/common-tools";
+import { withInstall as el } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as ll, useCssVars as Ul, useAttrs as jl, computed as s, ref as i, watch as G, useSlots as Gl, onMounted as Ae, onUnmounted as Xe, watchEffect as Je, nextTick as k, resolveComponent as Xl, openBlock as f, createElementBlock as y, normalizeClass as Jl, normalizeStyle as X, withModifiers as ue, createBlock as K, unref as c, createCommentVNode as L, withDirectives as Te, mergeProps as Le, createSlots as Ql, withCtx as m, renderSlot as S, normalizeProps as ie, guardReactiveProps as ce, Fragment as ke, createTextVNode as Ve, toDisplayString as Z, createElementVNode as b, createVNode as V, withKeys as Yl } from "vue";
+import { Select as et, Tag as Ie } from "ant-design-vue";
+import { DasCheckbox as Qe } from "@das-fed/upf-ui/packages/components/checkbox/index";
+import { vScrollbar as lt } from "@das-fed/upf-ui/packages/components/scrollbar/index";
+import { DasTooltip as tt } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { vDasTooltip as Ye } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { DasInput as ot } from "@das-fed/upf-ui/packages/components/input/index";
+import { DasIconXiala as nt } from "@das-fed/upf-ui/packages/icons/xiala/index";
+import { DasIconEmpty as at } from "@das-fed/upf-ui/packages/icons/empty/index";
+import { DasErrorOverlayModel as rt } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { vHoverInside as st } from "@das-fed/upf-utils/directive";
+import { t as M, currentLang as ut, setI18nRule as it } from "@das-fed/upf-web/packages/i18n/index";
+import { useZIndex as ct } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
+import { useModelValue as dt } from "@das-fed/upf-utils/vue";
+import { calcTextWidth as ft } from "@das-fed/upf-utils/common-tools";
 import "ant-design-vue/es/select/style/css";
 import "ant-design-vue/es/tag/style/css";
-import { SelectOption as El } from "ant-design-vue/es";
-const Wl = { key: 0 }, Pl = { class: "das-multiple-option-item" }, Fl = { style: { display: "inline-block" } }, Rl = { key: 0 }, ql = { key: 2 }, Hl = { style: { display: "inline-block" } }, Zl = ["innerHTML"], Kl = ["innerHTML"], Ul = {
+import { SelectOption as vt } from "ant-design-vue/es"
+import '@das-fed/upf-ui/packages/components/select/style.css';
+;
+const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block" } }, gt = ["innerHTML"], yt = { key: 0 }, bt = { key: 2 }, Ct = { style: { display: "inline-block" } }, wt = ["innerHTML"], St = ["innerHTML"], xt = {
   key: 0,
   class: "das-select-error-label-content das-select-label-content"
-}, jl = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Gl = { class: "ant-select-selection-item" }, Xl = { class: "ant-select-selection-item-content" }, Jl = ["innerHTML"], Ql = Ee({
+}, At = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Tt = { class: "ant-select-selection-item" }, kt = { class: "ant-select-selection-item-content" }, Vt = ["innerHTML"], It = ll({
   inheritAttrs: !1,
   components: {
-    VNodes: (d, { attrs: $ }) => $.vnodes
+    VNodes: (p, { attrs: D }) => D.vnodes
   }
-}), Yl = /* @__PURE__ */ Ee({
-  ...Ql,
+}), Lt = /* @__PURE__ */ ll({
+  ...It,
   __name: "Select",
   props: {
     modelValue: { default: void 0 },
@@ -63,424 +64,518 @@ const Wl = { key: 0 }, Pl = { class: "das-multiple-option-item" }, Fl = { style:
     isExterControlCount: { type: Boolean, default: !1 },
     dropdownMode: {},
     inputAttrs: {},
-    showSelectAll: { type: Boolean, default: !0 }
+    showSelectAll: { type: Boolean, default: !0 },
+    optionPaging: { type: Boolean, default: !1 },
+    optionPageSize: { default: 80 },
+    optionPagingDebug: { type: Boolean, default: !1 },
+    largeSelectionCollapseThreshold: { default: 200 }
   },
   emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
-  setup(d, { expose: $, emit: _ }) {
-    bl((e) => ({
-      v8a55b21e: Je.value,
-      f3fe8548: Qe.value
+  setup(p, { expose: D, emit: $ }) {
+    Ul((e) => ({
+      c89c8c78: Sl.value,
+      v7e92f62e: xl.value
     }));
-    const l = d, w = _, we = yl(), Pe = u(() => {
+    const t = p, x = $, J = jl(), ol = s(() => {
       const e = {};
-      for (const t in we)
-        t === "onClick" || t.startsWith("onClick") || (e[t] = we[t]);
+      for (const l in J)
+        l === "onClick" || l.startsWith("onClick") || l === "filterOption" || l === "onSearch" || l === "onPopupScroll" || (e[l] = J[l]);
       return e;
-    }), n = Bl(l, "modelValue"), ee = u(() => {
+    }), a = dt(t, "modelValue"), Q = s(() => {
       var e;
-      return `<span class='key'>${((e = n.value) == null ? void 0 : e.length) ?? 0}</span>`;
-    }), O = s(null), xe = s(null), y = s(!1), U = u(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || R("请选择")), le = u(() => O.value ? O.value.querySelector(".ant-select-selector") : null), B = s(0), D = s(0), Fe = u(() => le.value ? l.isTooltip && A.value ? !1 : !l.isTooltip || V.value || !Ne.value || !ue.value : !0), Re = u(() => (Array.isArray(n.value) ? n.value.length : n.value) ? Ne.value : U.value), Te = () => {
-      const e = l.size === "table" ? 12 : 14;
-      return Dl(U.value, e);
-    }, ke = () => {
-      var N, Z, v;
-      const e = (N = O.value) == null ? void 0 : N.querySelector(".ant-select-selection-placeholder"), t = (v = (Z = x.value) == null ? void 0 : Z.$el) == null ? void 0 : v.querySelectorAll(".ant-select-selection-item");
-      t && t.length && t.forEach((ve) => ve.removeAttribute("title"));
-      let a = (e == null ? void 0 : e.offsetWidth) ?? 0;
-      if (a === 0) return a;
-      const o = window.getComputedStyle(e, null), h = parseFloat(o.paddingRight), f = parseFloat(o.paddingLeft);
-      return a - h - f;
-    }, A = s(!1);
-    X(() => [U.value, n.value], () => {
-      S(() => {
-        D.value = ke(), B.value = Te(), ((Array.isArray(n.value) ? n.value.length : n.value) || D.value === B.value || B.value - D.value < 1) && (A.value = !1);
+      return `<span class='key'>${((e = a.value) == null ? void 0 : e.length) ?? 0}</span>`;
+    }), nl = s(() => {
+      const e = Array.isArray(a.value) ? a.value.length : a.value ? 1 : 0;
+      return M("das-ui-select-selectedItemsCountWithPlaceholder", e);
+    }), E = i(null), Me = i(null), C = i(!1), Y = s(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || M("请选择")), de = s(() => E.value ? E.value.querySelector(".ant-select-selector") : null), B = i(0), W = i(0), al = s(() => de.value ? t.isTooltip && O.value ? !1 : !t.isTooltip || N.value || !Ue.value || !be.value : !0), rl = s(() => (Array.isArray(a.value) ? a.value.length : a.value) ? Ue.value : Y.value), Oe = () => {
+      const e = t.size === "table" ? 12 : 14;
+      return ft(Y.value, e);
+    }, ze = () => {
+      var T, j, h;
+      const e = (T = E.value) == null ? void 0 : T.querySelector(".ant-select-selection-placeholder"), l = (h = (j = A.value) == null ? void 0 : j.$el) == null ? void 0 : h.querySelectorAll(".ant-select-selection-item");
+      l && l.length && l.forEach((xe) => xe.removeAttribute("title"));
+      let n = (e == null ? void 0 : e.offsetWidth) ?? 0;
+      if (n === 0) return n;
+      const o = window.getComputedStyle(e, null), u = parseFloat(o.paddingRight), r = parseFloat(o.paddingLeft);
+      return n - u - r;
+    }, O = i(!1);
+    G(() => [Y.value, a.value], () => {
+      k(() => {
+        W.value = ze(), B.value = Oe(), ((Array.isArray(a.value) ? a.value.length : a.value) || W.value === B.value || B.value - W.value < 1) && (O.value = !1);
       });
-    }), X(
+    }), G(
       () => {
         var e;
-        return (e = xe.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = Me.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          A.value = !0, P.value && clearTimeout(P.value);
+          O.value = !0, q.value && clearTimeout(q.value);
         }), e.addEventListener("mouseleave", function() {
-          P.value = setTimeout(() => {
-            A.value = !1;
+          q.value = setTimeout(() => {
+            O.value = !1;
           }, 200);
         }));
       }
     );
-    const Se = s(null), Ie = u(() => l.dropdownMode ?? l.mode ?? ""), E = s(null), qe = s(null), W = s(""), He = () => {
-      E.value = !0;
-    }, Ze = () => {
-      E.value = null;
-    }, Ae = () => {
-      W.value && (w("addCustomItem", W.value), S(() => {
-        x.value.focus(), W.value = "";
+    const Pe = i(null), Ne = s(() => t.dropdownMode ?? t.mode ?? ""), F = i(null), sl = i(null), R = i(""), ul = () => {
+      F.value = !0;
+    }, il = () => {
+      F.value = null;
+    }, _e = () => {
+      R.value && (x("addCustomItem", R.value), k(() => {
+        A.value.focus(), R.value = "";
       }));
-    }, Le = gl(), te = () => {
-      l.dropdownMode === "custom" && !Le.dropdownRender && (E.value = !1, S(() => {
-        E.value = null;
+    }, De = Gl(), fe = () => {
+      t.dropdownMode === "custom" && !De.dropdownRender && (F.value = !1, k(() => {
+        F.value = null;
       }));
     };
-    pe(() => {
-      document.addEventListener("click", te);
-    }), _e(() => {
-      document.removeEventListener("click", te);
+    Ae(() => {
+      document.addEventListener("click", fe);
+    }), Xe(() => {
+      document.removeEventListener("click", fe);
     });
-    const x = s(), Me = s(), L = u(() => {
+    const A = i(), H = i(""), ee = i(0), $e = `__DAS_SELECT_COLLAPSED_${Math.random().toString(36).slice(2)}__`, I = s(() => {
       var e;
-      return l.fieldNames && l.fieldNames.label ? (e = l.fieldNames) == null ? void 0 : e.label : "label";
-    }), k = u(() => {
+      return t.fieldNames && t.fieldNames.label ? (e = t.fieldNames) == null ? void 0 : e.label : "label";
+    }), g = s(() => {
       var e;
-      return l.fieldNames && l.fieldNames.value ? (e = l.fieldNames) == null ? void 0 : e.value : "value";
-    }), oe = s(/* @__PURE__ */ new Map()), Ke = u(() => l.mode), Ue = u(() => l.size == "middle" ? "defalut" : l.size == "mini" ? "small" : l.size), Ve = (e, t) => {
-      Array.isArray(e) && e.forEach((a) => {
-        t(a), Array.isArray(a == null ? void 0 : a.children) && Ve(a.children, t);
+      return t.fieldNames && t.fieldNames.value ? (e = t.fieldNames) == null ? void 0 : e.value : "value";
+    }), ve = i(/* @__PURE__ */ new Map()), cl = s(() => t.mode), dl = s(() => t.size == "middle" ? "defalut" : t.size == "mini" ? "small" : t.size), Ee = s(() => {
+      const e = Number(t.optionPageSize);
+      return Number.isFinite(e) && e > 0 ? Math.floor(e) : 80;
+    }), Be = (e, l) => {
+      Array.isArray(e) && e.forEach((n) => {
+        l(n), Array.isArray(n == null ? void 0 : n.children) && Be(n.children, l);
       });
-    }, ae = (e, t) => {
+    }, le = (e, l) => {
       if (Array.isArray(e))
-        for (const a of e) {
-          if ((a == null ? void 0 : a[k.value]) == t) return a;
-          if (Array.isArray(a == null ? void 0 : a.children)) {
-            const o = ae(a.children, t);
+        for (const n of e) {
+          if ((n == null ? void 0 : n[g.value]) == l) return n;
+          if (Array.isArray(n == null ? void 0 : n.children)) {
+            const o = le(n.children, l);
             if (o) return o;
           }
         }
-    }, je = (e) => {
-      Ve(e, (t) => {
-        t && t[k.value] != null && t[L.value] != null && oe.value.set(t[k.value], t[L.value]);
+    }, fl = (e) => {
+      Be(e, (l) => {
+        l && l[g.value] != null && l[I.value] != null && ve.value.set(l[g.value], l[I.value]);
       });
-    }, ne = (e) => {
+    }, pe = (e) => {
       if (e == null || e === "") return;
-      const t = ae(l.options, e);
-      if (t && t[L.value] != null) return t[L.value];
-      if (l.preserveLabelWhenMissing)
-        return oe.value.get(e);
-    }, Ge = (e) => {
-      const t = Array.isArray(e) ? e.slice() : [];
-      return l.preserveLabelWhenMissing ? ((l.mode !== "combobox" && Array.isArray(n.value) ? n.value : n.value != null && n.value !== "" ? [n.value] : []).forEach((o) => {
-        if (ae(t, o)) return;
-        const f = oe.value.get(o);
-        f != null && t.unshift({
-          [k.value]: o,
-          [L.value]: f,
+      const l = le(t.options, e);
+      if (l && l[I.value] != null) return l[I.value];
+      if (t.preserveLabelWhenMissing)
+        return ve.value.get(e);
+    }, vl = (e) => {
+      const l = Array.isArray(e) ? e.slice() : [];
+      return t.preserveLabelWhenMissing ? ((t.mode !== "combobox" && Array.isArray(a.value) ? a.value : a.value != null && a.value !== "" ? [a.value] : []).forEach((o) => {
+        if (le(l, o)) return;
+        const r = ve.value.get(o);
+        r != null && l.unshift({
+          [g.value]: o,
+          [I.value]: r,
           disabled: !0,
           title: "",
           __dasGhostOption: !0
         });
-      }), t.map((o) => (o.title = o.title ? o.title : "", o))) : t.map((o) => (o.title = o.title ? o.title : "", o));
-    }, se = s(!1), re = u(() => {
-      if (E.value !== null) return E.value;
-      if (l.open !== void 0) return l.open;
-    }), M = 1e6, i = s(100), c = s(100), V = s(!1), ue = s(!0), ie = s(!1);
-    me(() => {
-      n.value && l.mode == "combobox" && (ue.value = !0, setTimeout(() => {
-        var t;
-        let e = (t = x.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
+      }), l.map((o) => (o.title = o.title ? o.title : "", o))) : l.map((o) => (o.title = o.title ? o.title : "", o));
+    }, pl = (e) => Array.isArray(e) ? e.some((l) => Array.isArray(l == null ? void 0 : l.children) && l.children.length > 0) : !1, te = s(() => !!t.optionPaging && Array.isArray(t.options) && !pl(t.options)), We = (e, ...l) => {
+      const n = J[e];
+      Array.isArray(n) ? n.forEach((o) => typeof o == "function" && o(...l)) : typeof n == "function" && n(...l);
+    }, Fe = (e, l) => {
+      const n = e == null ? "" : String(e), o = J.filterOption;
+      if (typeof o == "function")
+        try {
+          return o(n, l) !== !1;
+        } catch {
+          return !1;
+        }
+      if (o === !1) return !0;
+      const u = je.value, r = (l == null ? void 0 : l[u]) ?? (l == null ? void 0 : l[I.value]) ?? (l == null ? void 0 : l[g.value]);
+      return String(r ?? "").toLowerCase().indexOf(n.toLowerCase()) >= 0;
+    }, he = s(() => {
+      if (!Array.isArray(t.options)) return;
+      const e = vl(t.options);
+      return Array.isArray(t.options) && fl(t.options), e;
+    }), Re = s(() => {
+      const e = he.value ?? [];
+      return !te.value || !H.value ? e : e.filter((l) => Fe(H.value, l));
+    }), z = (e) => {
+      t.optionPagingDebug && k(() => {
+      });
+    }, oe = s(() => t.mode !== "combobox" && Array.isArray(a.value) ? a.value : a.value !== null && a.value !== void 0 && a.value !== "" ? [a.value] : []), He = s(() => new Set(oe.value)), hl = s(() => {
+      const e = Number(t.largeSelectionCollapseThreshold);
+      return Number.isFinite(e) && e >= 0 ? Math.floor(e) : 200;
+    }), w = s(() => t.mode !== "combobox" && oe.value.length > hl.value), ml = s(() => w.value ? [$e] : a.value), qe = s(() => Array.isArray(t.options) ? t.options.filter((e) => !(e != null && e.disabled)) : []), ne = s(() => qe.value.map((e) => e == null ? void 0 : e[g.value])), me = s(() => ne.value.reduce((e, l) => He.value.has(l) ? e + 1 : e, 0)), gl = (e, l) => {
+      if (H.value || w.value || !oe.value.length) return e;
+      const n = new Set(e.map((u) => u == null ? void 0 : u[g.value])), o = [];
+      return oe.value.forEach((u) => {
+        if (n.has(u)) return;
+        const r = le(l, u);
+        r && (o.push(r), n.add(u));
+      }), o.length ? o.concat(e) : e;
+    }, yl = s(() => {
+      if (!te.value) return he.value;
+      const e = Re.value.slice(0, ee.value);
+      return gl(e, he.value ?? []);
+    }), Ze = () => {
+      ee.value = Ee.value, z();
+    }, bl = () => {
+      te.value && (ee.value = Math.min(
+        ee.value + Ee.value,
+        Re.value.length
+      ), z());
+    };
+    G(
+      () => [t.options, t.optionPaging, t.optionPageSize, H.value, I.value, g.value],
+      Ze,
+      { immediate: !0 }
+    );
+    const ge = i(!1), ye = s(() => {
+      if (F.value !== null) return F.value;
+      if (t.open !== void 0) return t.open;
+    }), P = 1e6, d = i(100), v = i(100), Cl = s(() => w.value ? 0 : d.value), N = i(!1), be = i(!0), Ce = i(!1);
+    Je(() => {
+      a.value && t.mode == "combobox" && (be.value = !0, setTimeout(() => {
+        var l;
+        let e = (l = A.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 o = e[a];
-            o.scrollWidth <= o.offsetWidth && (ue.value = !1), o.title = "";
+          for (let n = 0; n < e.length; n++) {
+            let o = e[n];
+            o.scrollWidth <= o.offsetWidth && (be.value = !1), o.title = "";
           }
       }, 300));
-    }), me(() => {
-      l.options && (je(l.options), Me.value = Ge(l.options));
     });
-    const Xe = () => {
+    const wl = () => {
       setTimeout(async () => {
-        i.value = 100, await z(), i.value = c.value, y.value = !0;
+        d.value = 100, await _(), d.value = v.value, C.value = !0;
       }, 100);
     };
-    me(() => {
-      ie.value === !0 && l.mode != "combobox" && n.value && n.value.length > 0 && l.options.length > 0 && (ie.value = !1, Xe());
-    }), pe(() => {
-      ie.value = !0, l.focusOpen || (c.value = 1, i.value = c.value, y.value = !0);
+    Je(() => {
+      Ce.value === !0 && t.mode != "combobox" && a.value && a.value.length > 0 && t.options.length > 0 && (Ce.value = !1, wl());
+    }), Ae(() => {
+      Ce.value = !0, t.focusOpen || (v.value = 1, d.value = v.value, C.value = !0);
     });
-    const Je = u(() => l.width ? l.width : "230px"), Qe = u(() => l.height ? l.height : "auto"), ze = s(3e3), Ye = u(() => ({
-      "z-index": ze.value
-    })), Ne = u(() => {
+    const Sl = s(() => t.width ? t.width : "230px"), xl = s(() => t.height ? t.height : "auto"), Ke = i(3e3), Al = s(() => ({
+      "z-index": Ke.value
+    })), Ue = s(() => {
+      if (w.value)
+        return nl.value;
       let e = [];
-      if (l.mode != "combobox" && Array.isArray(n.value))
-        n.value.map((t) => {
-          const a = ne(t);
-          a != null ? e.push(a) : t != null && t !== "" && e.push(String(t));
+      if (t.mode != "combobox" && Array.isArray(a.value))
+        a.value.map((l) => {
+          const n = pe(l);
+          n != null ? e.push(n) : l != null && l !== "" && e.push(String(l));
         });
-      else if (l.mode == "combobox" && n.value) {
-        const t = ne(n.value);
-        t != null ? e.push(t) : n.value !== null && n.value !== void 0 && n.value !== "" && e.push(String(n.value));
+      else if (t.mode == "combobox" && a.value) {
+        const l = pe(a.value);
+        l != null ? e.push(l) : a.value !== null && a.value !== void 0 && a.value !== "" && e.push(String(a.value));
       }
-      return $l.value === "zh-CN" ? e.join("、") : e.join(", ");
-    }), el = u(() => {
-      var t;
-      if (l.mode === "combobox") return !1;
-      let e = l.options.filter((a) => !a.disabled);
-      return !!(Array.isArray(n.value) && ((t = n.value) == null ? void 0 : t.length) == e.length);
-    }), ll = u(() => {
-      var t, a;
-      if (l.mode === "combobox") return !1;
-      let e = l.options.filter((o) => !o.disabled);
-      return !!(Array.isArray(n.value) && ((t = n.value) == null ? void 0 : t.length) > 0 && ((a = n.value) == null ? void 0 : a.length) < e.length);
-    }), tl = u(() => {
-      var e, t;
-      return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
-    }), ol = u(() => ({
-      width: typeof l.width == "number" ? l.width + "px" : l.width
-    })), de = s(!1), al = s({
+      return ut.value === "zh-CN" ? e.join("、") : e.join(", ");
+    }), Tl = s(() => t.mode === "combobox" ? !1 : ne.value.length > 0 && me.value === ne.value.length), kl = s(() => t.mode === "combobox" ? !1 : me.value > 0 && me.value < ne.value.length), je = s(() => {
+      var e, l;
+      return t.optionFilterProp ? t.optionFilterProp : (e = t.fieldNames) != null && e.label ? (l = t.fieldNames) == null ? void 0 : l.label : "label";
+    }), Vl = s(() => ({
+      width: typeof t.width == "number" ? t.width + "px" : t.width
+    })), we = i(!1), Il = i({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), P = s(), nl = () => {
-      var a;
-      D.value = ke(), B.value = Te();
-      let e = (a = x.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
-      !!(Array.isArray(n.value) ? n.value.length : e != null && e.length) || D.value === B.value || B.value - D.value < 1 ? A.value = !1 : (A.value = !0, P.value && clearTimeout(P.value)), de.value = !0;
-    }, sl = () => {
-      P.value = setTimeout(() => {
-        A.value = !1;
-      }, 200), de.value = !1;
-    }, rl = (e, t) => {
-      e ? nl() : sl();
-    }, ul = (e) => {
-      e && (ze.value = Ol().nextZIndex(), W.value = ""), j.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);
-    }, il = (e) => {
-      let t = e.toString();
-      return t.length > l.maxTagTextLength && (t = t.substr(0, l.maxTagTextLength) + "..."), t;
-    }, dl = (e) => l.isRenderNode ? O.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), cl = (e) => {
+    }), q = i(), Ll = () => {
+      var n;
+      W.value = ze(), B.value = Oe();
+      let e = (n = A.value) == null ? void 0 : n.$el.querySelectorAll(".ant-select-selection-item");
+      !!(Array.isArray(a.value) ? a.value.length : e != null && e.length) || W.value === B.value || B.value - W.value < 1 ? O.value = !1 : (O.value = !0, q.value && clearTimeout(q.value)), we.value = !0;
+    }, Ml = () => {
+      q.value = setTimeout(() => {
+        O.value = !1;
+      }, 200), we.value = !1;
+    }, Ol = (e, l) => {
+      e ? Ll() : Ml();
+    }, zl = (e) => {
+      e ? (Ke.value = ct().nextZIndex(), R.value = "", Ze(), z()) : (H.value = "", z()), ae.value = e, t.mode == "combobox" && (e || setTimeout(() => {
+        var l, n;
+        (n = (l = A.value) == null ? void 0 : l.blur) == null || n.call(l);
+      })), x("dropdownVisibleChange", e);
+    }, Pl = (e) => {
+      H.value = e ?? "", z(), We("onSearch", e);
+    }, Nl = (e) => {
+      if (We("onPopupScroll", e), !te.value) return;
+      const l = e.target;
+      if (!l) return;
+      l.scrollHeight - l.scrollTop - l.clientHeight <= 24 && bl();
+    }, _l = (e) => {
+      let l = e.toString();
+      return l.length > t.maxTagTextLength && (l = l.substr(0, t.maxTagTextLength) + "..."), l;
+    }, Dl = (e) => t.isRenderNode ? E.value : t.getPopupContainer === void 0 ? document.body : t.getPopupContainer(e), $l = (e) => {
       if (e) {
-        Array.isArray(n.value) || (n.value = []);
-        let t = n.value, a = [];
-        l.options.forEach((o) => {
-          !n.value.includes(o[k.value]) && !o.disabled && (t.push(o[k.value]), a.push(o));
-        }), n.value = t, fe(n.value, a);
+        const l = new Set(Array.isArray(a.value) ? a.value : []), n = Array.isArray(a.value) ? a.value.slice() : [], o = [];
+        qe.value.forEach((u) => {
+          const r = u[g.value];
+          l.has(r) || (l.add(r), n.push(r), o.push(u));
+        }), a.value = n, se(n, o, "inner");
       } else {
-        let t = n.value;
-        n.value = t.filter((a) => {
-          const o = l.options.find((h) => h[k.value] === a);
-          return o ? !!o.disabled : !1;
-        }), fe(n.value, []);
+        const l = Array.isArray(t.options) ? t.options : [], n = new Set(l.map((r) => r == null ? void 0 : r[g.value])), o = new Set(l.filter((r) => r == null ? void 0 : r.disabled).map((r) => r == null ? void 0 : r[g.value])), u = (Array.isArray(a.value) ? a.value : []).filter((r) => n.has(r) && o.has(r));
+        a.value = u, se(u, [], "inner");
       }
-    }, fl = (e) => {
+    }, El = (e) => {
+      const l = Array.isArray(a.value) ? a.value.slice() : [], n = l.findIndex((o) => o === e);
+      return n > -1 ? l.splice(n, 1) : l.push(e), l;
+    }, Bl = (e) => {
+      w.value && (e.preventDefault(), e.stopPropagation());
+    }, Wl = (e, l) => {
+      if (!w.value || e != null && e.disabled) return;
+      l.preventDefault(), l.stopPropagation();
+      const n = e == null ? void 0 : e[g.value];
+      if (n === void 0) return;
+      const o = El(n);
+      a.value = o, se(o, e, "inner");
+    }, Fl = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
         return e.children[0];
-    }, vl = (e) => {
-      if (l.mode == "combobox") {
-        w("focus", e);
+    }, Rl = (e) => {
+      if (t.mode == "combobox") {
+        x("focus", e);
         return;
       }
-      se.value = !0, l.focusOpen && !l.isExterControlCount && (i.value = M, y.value = !1), w("focus", e);
-    }, j = s(!1), pl = () => {
-      j.value || setTimeout(() => {
-        var e, t;
-        (t = (e = x.value) == null ? void 0 : e.blur) == null || t.call(e);
-      }), l.mode != "combobox";
-    }, $e = (e) => {
-      if (S(() => {
-        j.value = !1;
-      }), l.mode == "combobox") {
-        w("blur", e);
+      ge.value = !0, t.focusOpen && !t.isExterControlCount && (d.value = P, C.value = !1), x("focus", e);
+    }, ae = i(!1), Hl = () => {
+      ae.value || setTimeout(() => {
+        var e, l;
+        (l = (e = A.value) == null ? void 0 : e.blur) == null || l.call(e);
+      }), t.mode != "combobox";
+    }, Ge = (e) => {
+      if (k(() => {
+        ae.value = !1;
+      }), t.mode == "combobox") {
+        x("blur", e);
         return;
       }
-      se.value = !1, l.focusOpen && !l.isExterControlCount && (z(), i.value = c.value, y.value = !0), w("blur", e);
-    }, ml = (e) => {
-      e.onClose(), i.value = 100, S(() => {
-        l.mode !== "combobox" && re.value || l.focusOpen && (z(), i.value = c.value, y.value = !0);
+      ge.value = !1, t.focusOpen && !t.isExterControlCount && (_(), d.value = v.value, C.value = !0), x("blur", e);
+    }, ql = (e) => {
+      e.onClose(), d.value = 100, k(() => {
+        t.mode !== "combobox" && ye.value || t.focusOpen && (_(), d.value = v.value, C.value = !0);
       });
     };
-    X(
-      () => l.disabled || l.isView,
+    G(
+      () => t.disabled || t.isView,
       (e) => {
-        if (e && l.mode !== "combobox") {
-          se.value = !1;
-          let t = new Event("blur");
-          $e(t);
+        if (e && t.mode !== "combobox") {
+          ge.value = !1;
+          let l = new Event("blur");
+          Ge(l);
         }
       }
     );
-    let H = s(!1);
-    const hl = (e) => {
-      H.value = e, V.value = !0, S(() => {
-        V.value = !1, l.focusOpen && (z(), i.value = e ? M : c.value, y.value = !e);
+    let U = i(!1);
+    const Zl = (e) => {
+      U.value = e, N.value = !0, k(() => {
+        N.value = !1, t.focusOpen && (_(), d.value = e ? P : v.value, C.value = !e);
       });
     };
-    let G = null;
-    pe(() => {
-      G = new IntersectionObserver((e) => {
-        e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && i.value === 0 && (i.value = 100, S(() => {
-          z(), i.value = c.value, y.value = !0;
+    let re = null;
+    Ae(() => {
+      re = new IntersectionObserver((e) => {
+        e && e[0] && e[0].intersectionRatio > 0 && t.focusOpen && d.value === 0 && (d.value = 100, k(() => {
+          _(), d.value = v.value, C.value = !0;
         }));
-      }), G.observe(O.value);
-    }), _e(() => {
-      G && G.disconnect();
+      }), re.observe(E.value);
+    }), Xe(() => {
+      re && re.disconnect();
     });
-    const z = () => {
-      var Z;
-      let e = (Z = x.value) == null ? void 0 : Z.$el;
+    const _ = () => {
+      var j;
+      if (w.value) {
+        v.value = 0;
+        return;
+      }
+      let e = (j = A.value) == null ? void 0 : j.$el;
       if (!e) return;
-      let t = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
-      if (!t) return;
-      let a = t.offsetWidth - 5;
-      l.borderType === "underline" && (a -= 10);
-      const h = Math.ceil(Se.value.querySelector(".ant-tag").offsetWidth) + 4;
-      let f = e.querySelectorAll(".ant-select-selection-overflow-item");
-      if (f.length < 1) return;
-      i.value = M;
-      let N = 0;
-      for (let v = 0; v < f.length - 1 && (f[v].classList.remove("ellipsis"), !f[v].classList.contains("ant-select-selection-overflow-item-rest")); v++)
-        if (N += Math.ceil(f[v].offsetWidth), N <= a - h)
-          v >= n.value.length - 1 && N < a ? c.value = n.value.length : c.value = v + 1;
+      let l = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
+      if (!l) return;
+      let n = l.offsetWidth - 5;
+      t.borderType === "underline" && (n -= 10);
+      const u = Math.ceil(Pe.value.querySelector(".ant-tag").offsetWidth) + 4;
+      let r = e.querySelectorAll(".ant-select-selection-overflow-item");
+      if (r.length < 1) return;
+      d.value = P;
+      let T = 0;
+      for (let h = 0; h < r.length - 1 && (r[h].classList.remove("ellipsis"), !r[h].classList.contains("ant-select-selection-overflow-item-rest")); h++)
+        if (T += Math.ceil(r[h].offsetWidth), T <= n - u)
+          h >= a.value.length - 1 && T < n ? v.value = a.value.length : v.value = h + 1;
         else {
-          v >= n.value.length - 1 && N < a ? c.value = n.value.length : c.value = v;
+          h >= a.value.length - 1 && T < n ? v.value = a.value.length : v.value = h;
           break;
         }
-      if (c.value === 0) {
-        let v = f[0], ve = v.querySelector(".anticon-close") ? 86 : 69;
-        v && !v.classList.contains("ant-select-selection-overflow-item-rest") && ve <= a - h && !Le.tagRender && (c.value = 1, v.classList.add("ellipsis"));
+      if (v.value === 0) {
+        let h = r[0], xe = h.querySelector(".anticon-close") ? 86 : 69;
+        h && !h.classList.contains("ant-select-selection-overflow-item-rest") && xe <= n - u && !De.tagRender && (v.value = 1, h.classList.add("ellipsis"));
       }
-    }, ce = s(!1);
-    X(
-      () => n.value,
+    }, Se = i(!1);
+    G(
+      () => a.value,
       async () => {
-        if (ce.value) {
-          ce.value = !1;
+        if (Se.value) {
+          Se.value = !1;
           return;
         }
-        l.mode !== "combobox" && re.value || (V.value = !0, i.value = M, await S(), await z(), V.value = !1, l.isExterControlCount && l.focusOpen ? (i.value = H.value ? M : c.value, y.value = !H.value) : (i.value = c.value, y.value = !0));
+        t.mode !== "combobox" && ye.value || (N.value = !0, d.value = P, await k(), await _(), N.value = !1, t.isExterControlCount && t.focusOpen ? (d.value = U.value ? P : v.value, C.value = !U.value) : (d.value = v.value, C.value = !0));
       }
     );
-    const fe = async (e, t) => {
-      ce.value = !0, j.value = !1, l.mode === "combobox" && te();
-      const a = e;
-      l.noDropdown && l.maxTagsLength < a.length && a.pop(), V.value = !0, w("update:model-value", a), w("change", a, t), i.value = M, await S(), await z(), V.value = !1, l.isExterControlCount && l.focusOpen && (i.value = H.value ? M : c.value, y.value = !H.value), l.focusOpen || (i.value = c.value);
+    const Kl = (e) => {
+      if (!w.value || t.mode === "combobox") return e;
+      const l = Array.isArray(e) ? e : e == null ? [] : [e];
+      if (!l.length) return [];
+      const n = Array.from(new Set(l.filter((u) => u !== $e)));
+      if (!n.length) return;
+      let o = Array.isArray(a.value) ? a.value.slice() : [];
+      return n.forEach((u) => {
+        const r = o.findIndex((T) => T === u);
+        r > -1 ? o.splice(r, 1) : o.push(u);
+      }), o;
+    }, se = async (e, l, n = "antdv") => {
+      ae.value = !1, t.mode === "combobox" && fe();
+      let o = n === "antdv" ? Kl(e) : e;
+      if (o === void 0) {
+        z();
+        return;
+      }
+      Se.value = !0, t.noDropdown && Array.isArray(o) && t.maxTagsLength < o.length && (o = o.slice(), o.pop()), n === "antdv" && w.value && (a.value = o), N.value = !0, x("update:model-value", o), x("change", o, l), z(), d.value = P, await k(), await _(), N.value = !1, t.isExterControlCount && t.focusOpen && (d.value = U.value ? P : v.value, C.value = !U.value), t.focusOpen || (d.value = v.value);
     };
-    return $({
-      $select: x,
-      toChangeMaxCount: hl
-    }), (e, t) => {
-      const a = Cl("v-nodes");
-      return p(), g(
+    return D({
+      $select: A,
+      toChangeMaxCount: Zl
+    }), (e, l) => {
+      const n = Xl("v-nodes");
+      return f(), y(
         "div",
         {
-          class: wl(["das-ui-select", [
-            l.borderType,
-            l.isView ? "readonly" : "",
-            l.error ? "is-error" : "",
-            y.value ? "show-ellipsis" : ""
+          class: Jl(["das-ui-select", [
+            t.borderType,
+            t.isView ? "readonly" : "",
+            t.error ? "is-error" : "",
+            C.value ? "show-ellipsis" : ""
           ]]),
           ref_key: "$selectBox",
-          ref: O,
-          style: K(ol.value),
-          onClick: J(pl, ["stop"])
+          ref: E,
+          style: X(Vl.value),
+          onClick: ue(Hl, ["stop"])
         },
         [
-          le.value ? (p(), q(r(Al), {
+          de.value ? (f(), K(c(tt), {
             key: 0,
             ref_key: "inputTooltipRef",
-            ref: xe,
+            ref: Me,
             placement: "top",
             "virtual-triggering": "",
-            "virtual-ref": le.value,
-            disabled: Fe.value,
-            content: Re.value
-          }, null, 8, ["virtual-ref", "disabled", "content"])) : I("v-if", !0),
-          he((p(), q(r(Sl), Ce({ mode: Ke.value }, Pe.value, {
-            value: r(n),
-            "onUpdate:value": t[4] || (t[4] = (o) => xl(n) ? n.value = o : null),
+            "virtual-ref": de.value,
+            disabled: al.value,
+            content: rl.value
+          }, null, 8, ["virtual-ref", "disabled", "content"])) : L("v-if", !0),
+          Te((f(), K(c(et), Le({ mode: cl.value }, ol.value, {
+            value: ml.value,
             ref_key: "$select",
-            ref: x,
-            options: Me.value,
-            fieldNames: d.fieldNames,
-            bordered: l.borderType === "bordered",
-            disabled: l.disabled || l.isView,
+            ref: A,
+            options: yl.value,
+            fieldNames: p.fieldNames,
+            bordered: t.borderType === "bordered",
+            disabled: t.disabled || t.isView,
             showArrow: !0,
-            open: l.noDropdown ? !1 : re.value,
-            placeholder: U.value,
-            optionFilterProp: tl.value,
-            size: Ue.value,
-            style: l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {},
-            dropdownClassName: "das-ui-select-dorpdown " + d.dropdownClassName,
-            maxTagCount: i.value,
-            getPopupContainer: dl,
-            dropdownStyle: Ye.value,
-            onDropdownVisibleChange: ul,
-            onChange: fe,
-            onFocus: vl,
-            onBlur: $e
-          }), Tl({
+            open: t.noDropdown ? !1 : ye.value,
+            placeholder: Y.value,
+            optionFilterProp: je.value,
+            filterOption: Fe,
+            size: dl.value,
+            style: t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {},
+            dropdownClassName: "das-ui-select-dorpdown " + p.dropdownClassName,
+            maxTagCount: Cl.value,
+            getPopupContainer: Dl,
+            dropdownStyle: Al.value,
+            onDropdownVisibleChange: zl,
+            onChange: l[4] || (l[4] = (o, u) => se(o, u, "antdv")),
+            onFocus: Rl,
+            onBlur: Ge,
+            onSearch: Pl,
+            onPopupScroll: Nl
+          }), Ql({
             option: m((o) => [
-              C(e.$slots, "option", Q(Y(o)), () => {
-                var h;
-                return [
-                  o.children && typeof o.children == "function" ? (p(), q(a, {
-                    key: 0,
-                    vnodes: o.children()
-                  }, null, 8, ["vnodes"])) : (p(), g(
-                    be,
-                    { key: 1 },
-                    [
-                      I(' :option="{value, label, [disabled, key, title]}" '),
-                      d.mode === "combobox" ? he((p(), g("div", Wl, [
-                        ye(
-                          F(o[L.value]),
-                          1
-                          /* TEXT */
-                        )
-                      ])), [
-                        [r(Be)]
-                      ]) : (p(), g(
-                        be,
-                        { key: 1 },
-                        [
-                          I(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
-                          b("div", Pl, [
-                            (p(), q(r(Oe), {
-                              class: "das-select-checkbox",
-                              modelValue: (h = r(n)) == null ? void 0 : h.includes(o[k.value]),
-                              key: o[k.value],
-                              disabled: o.disabled
-                            }, null, 8, ["modelValue", "disabled"])),
-                            he((p(), g("div", Fl, [
-                              ye(
-                                F(o[L.value]),
-                                1
-                                /* TEXT */
-                              )
-                            ])), [
-                              [r(Be)]
-                            ])
+              S(e.$slots, "option", ie(ce(o)), () => [
+                o.children && typeof o.children == "function" ? (f(), K(n, {
+                  key: 0,
+                  vnodes: o.children()
+                }, null, 8, ["vnodes"])) : (f(), y(
+                  ke,
+                  { key: 1 },
+                  [
+                    L(' :option="{value, label, [disabled, key, title]}" '),
+                    p.mode === "combobox" ? Te((f(), y("div", pt, [
+                      Ve(
+                        Z(o[I.value]),
+                        1
+                        /* TEXT */
+                      )
+                    ])), [
+                      [c(Ye)]
+                    ]) : (f(), y(
+                      ke,
+                      { key: 1 },
+                      [
+                        L(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
+                        b("div", {
+                          class: "das-multiple-option-item",
+                          onMousedown: Bl,
+                          onClick: (u) => Wl(o, u)
+                        }, [
+                          (f(), K(c(Qe), {
+                            class: "das-select-checkbox",
+                            modelValue: He.value.has(o[g.value]),
+                            key: o[g.value],
+                            disabled: o.disabled
+                          }, null, 8, ["modelValue", "disabled"])),
+                          Te((f(), y("div", mt, [
+                            Ve(
+                              Z(o[I.value]),
+                              1
+                              /* TEXT */
+                            )
+                          ])), [
+                            [c(Ye)]
                           ])
-                        ],
-                        2112
-                        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                      ))
-                    ],
-                    64
-                    /* STABLE_FRAGMENT */
-                  ))
-                ];
-              }, !0)
+                        ], 40, ht)
+                      ],
+                      2112
+                      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                    ))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ], !0)
             ]),
             tagRender: m((o) => [
-              C(e.$slots, "tagRender", Q(Y(o)), () => [
-                T(r(ge), {
-                  closable: o.closable,
+              S(e.$slots, "tagRender", ie(ce(o)), () => [
+                V(c(Ie), {
+                  closable: !w.value && o.closable,
                   style: { "margin-right": "3px", "background-color": "transparent" },
-                  onClose: (h) => ml(o)
+                  onClose: (u) => ql(o)
                 }, {
                   default: m(() => [
-                    b(
+                    w.value ? (f(), y("span", {
+                      key: 0,
+                      innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
+                    }, null, 8, gt)) : (f(), y(
                       "span",
                       {
+                        key: 1,
                         class: "tag-span",
-                        style: K(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+                        style: X(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
                       },
-                      F(il(ne(o.value) ?? o.label ?? String(o.value))),
+                      Z(_l(pe(o.value) ?? o.label ?? String(o.value))),
                       5
                       /* TEXT, STYLE */
-                    )
+                    ))
                   ]),
                   _: 2
                   /* DYNAMIC */
@@ -488,42 +583,42 @@ const Wl = { key: 0 }, Pl = { class: "das-multiple-option-item" }, Fl = { style:
               ], !0)
             ]),
             dropdownRender: m(({ menuNode: o }) => [
-              C(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
-                var h;
+              S(e.$slots, "dropdownRender", ie(ce({ menuNode: o })), () => {
+                var u;
                 return [
-                  Ie.value === "combobox" ? (p(), g("div", Rl, [
-                    T(a, { vnodes: o }, null, 8, ["vnodes"])
-                  ])) : Ie.value === "custom" ? (p(), g("div", {
+                  Ne.value === "combobox" ? (f(), y("div", yt, [
+                    V(n, { vnodes: o }, null, 8, ["vnodes"])
+                  ])) : Ne.value === "custom" ? (f(), y("div", {
                     key: 1,
-                    onClick: t[2] || (t[2] = J(() => {
+                    onClick: l[2] || (l[2] = ue(() => {
                     }, ["stop"]))
                   }, [
-                    T(a, { vnodes: o }, null, 8, ["vnodes"]),
+                    V(n, { vnodes: o }, null, 8, ["vnodes"]),
                     b(
                       "div",
                       {
                         class: "customDropdown",
-                        onMousedown: t[1] || (t[1] = (f) => f.preventDefault())
+                        onMousedown: l[1] || (l[1] = (r) => r.preventDefault())
                       },
                       [
-                        T(r(Ll), Ce({
+                        V(c(ot), Le({
                           ref_key: "testInput",
-                          ref: qe,
-                          modelValue: W.value,
-                          "onUpdate:modelValue": t[0] || (t[0] = (f) => W.value = f),
-                          onKeyup: kl(Ae, ["enter"]),
-                          onFocus: J(He, ["stop"]),
-                          onBlur: J(Ze, ["stop"]),
+                          ref: sl,
+                          modelValue: R.value,
+                          "onUpdate:modelValue": l[0] || (l[0] = (r) => R.value = r),
+                          onKeyup: Yl(_e, ["enter"]),
+                          onFocus: ue(ul, ["stop"]),
+                          onBlur: ue(il, ["stop"]),
                           width: "100%",
                           borderType: "bordered"
-                        }, l.inputAttrs), null, 16, ["modelValue"]),
+                        }, t.inputAttrs), null, 16, ["modelValue"]),
                         b(
                           "div",
                           {
                             class: "addBtn",
-                            onClick: Ae
+                            onClick: _e
                           },
-                          F(r(R)("添加")),
+                          Z(c(M)("添加")),
                           1
                           /* TEXT */
                         )
@@ -531,26 +626,26 @@ const Wl = { key: 0 }, Pl = { class: "das-multiple-option-item" }, Fl = { style:
                       32
                       /* NEED_HYDRATION */
                     )
-                  ])) : (p(), g("div", ql, [
-                    T(a, { vnodes: o }, null, 8, ["vnodes"]),
-                    (h = l.options) != null && h.length && l.showSelectAll ? (p(), g(
+                  ])) : (f(), y("div", bt, [
+                    V(n, { vnodes: o }, null, 8, ["vnodes"]),
+                    (u = t.options) != null && u.length && t.showSelectAll ? (f(), y(
                       "div",
                       {
                         key: 0,
                         class: "das-ui-select-dropdown-checkall",
-                        onMousedown: t[3] || (t[3] = (f) => f.preventDefault())
+                        onMousedown: l[3] || (l[3] = (r) => r.preventDefault())
                       },
                       [
-                        b("div", Hl, [
-                          T(r(Oe), {
-                            modelValue: el.value,
-                            indeterminate: ll.value,
-                            onChange: cl,
+                        b("div", Ct, [
+                          V(c(Qe), {
+                            modelValue: Tl.value,
+                            indeterminate: kl.value,
+                            onChange: $l,
                             style: { display: "flex" }
                           }, {
                             default: m(() => [
-                              ye(
-                                F(r(R)("全选")),
+                              Ve(
+                                Z(c(M)("全选")),
                                 1
                                 /* TEXT */
                               )
@@ -561,41 +656,41 @@ const Wl = { key: 0 }, Pl = { class: "das-multiple-option-item" }, Fl = { style:
                         ]),
                         b("span", {
                           class: "das-ui-dropdown-has-checked",
-                          innerHTML: r(R)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                        }, null, 8, Zl)
+                          innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
+                        }, null, 8, wt)
                       ],
                       32
                       /* NEED_HYDRATION */
-                    )) : I("v-if", !0)
+                    )) : L("v-if", !0)
                   ]))
                 ];
               }, !0)
             ]),
             clearIcon: m(() => [
-              C(e.$slots, "clearIcon", {}, () => [
-                T(r(Vl), { size: "medium" })
+              S(e.$slots, "clearIcon", {}, () => [
+                V(c(at), { size: "medium" })
               ], !0)
             ]),
             maxTagPlaceholder: m((o) => [
-              C(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
-                I(" 隐藏tag时显示的内容 "),
-                T(r(ge), {
-                  style: K(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+              S(e.$slots, "maxTagPlaceholder", ie(ce(o)), () => [
+                L(" 隐藏tag时显示的内容 "),
+                V(c(Ie), {
+                  style: X(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
                 }, {
                   default: m(() => [
                     b("span", {
-                      innerHTML: r(R)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                    }, null, 8, Kl)
+                      innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
+                    }, null, 8, St)
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["style"]),
-                I(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
+                L(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
               ], !0)
             ]),
             notFoundContent: m(() => [
-              C(e.$slots, "notFoundContent", {}, () => [
-                t[5] || (t[5] = b(
+              S(e.$slots, "notFoundContent", {}, () => [
+                l[5] || (l[5] = b(
                   "div",
                   { class: "hasNoData" },
                   "暂无数据",
@@ -605,15 +700,15 @@ const Wl = { key: 0 }, Pl = { class: "das-multiple-option-item" }, Fl = { style:
               ], !0)
             ]),
             suffixIcon: m(() => [
-              C(e.$slots, "suffixIcon", {}, () => [
-                T(r(Ml), {
+              S(e.$slots, "suffixIcon", {}, () => [
+                V(c(nt), {
                   class: "das-suffix-icon",
                   size: "medium"
                 })
               ], !0)
             ]),
             default: m(() => [
-              C(e.$slots, "default", {}, void 0, !0)
+              S(e.$slots, "default", {}, void 0, !0)
             ]),
             _: 2
             /* DYNAMIC */
@@ -621,72 +716,72 @@ const Wl = { key: 0 }, Pl = { class: "das-multiple-option-item" }, Fl = { style:
             e.$slots.menuItemSelectedIcon ? {
               name: "menuItemSelectedIcon",
               fn: m(() => [
-                C(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
+                S(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             e.$slots.placeholder ? {
               name: "placeholder",
               fn: m(() => [
-                C(e.$slots, "placeholder", {}, void 0, !0)
+                S(e.$slots, "placeholder", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             e.$slots.removeIcon ? {
               name: "removeIcon",
               fn: m(() => [
-                C(e.$slots, "removeIcon", {}, void 0, !0)
+                S(e.$slots, "removeIcon", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
           ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
-            [r(Il), { target: fl, x: !1 }],
-            [r(Nl), rl]
+            [c(lt), { target: Fl, x: !1 }],
+            [c(st), Ol]
           ]),
-          d.error && d.errorLabel ? (p(), g(
-            be,
+          p.error && p.errorLabel ? (f(), y(
+            ke,
             { key: 1 },
             [
-              d.errorMode === "default" ? (p(), g("div", Ul, [
+              p.errorMode === "default" ? (f(), y("div", xt, [
                 b(
                   "span",
                   {
-                    style: K(al.value)
+                    style: X(Il.value)
                   },
-                  F(d.errorLabel),
+                  Z(p.errorLabel),
                   5
                   /* TEXT, STYLE */
                 )
-              ])) : I("v-if", !0),
-              d.errorMode === "overlay" && de.value ? (p(), q(r(zl), {
+              ])) : L("v-if", !0),
+              p.errorMode === "overlay" && we.value ? (f(), K(c(rt), {
                 key: 1,
-                errorLabel: d.errorLabel,
-                getEl: () => x.value.$el,
-                errorModelZIndex: d.errorModelZIndex
-              }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : I("v-if", !0)
+                errorLabel: p.errorLabel,
+                getEl: () => A.value.$el,
+                errorModelZIndex: p.errorModelZIndex
+              }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : L("v-if", !0)
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : I("v-if", !0),
+          )) : L("v-if", !0),
           b(
             "div",
             {
               class: "ant-select-selection-overflow",
               ref_key: "virtualTotalCount",
-              ref: Se,
+              ref: Pe,
               style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
             },
             [
-              b("div", jl, [
-                b("div", Gl, [
-                  b("span", Xl, [
-                    T(r(ge), {
-                      style: K(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+              b("div", At, [
+                b("div", Tt, [
+                  b("span", kt, [
+                    V(c(Ie), {
+                      style: X(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
                     }, {
                       default: m(() => [
                         b("span", {
-                          innerHTML: r(R)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                        }, null, 8, Jl)
+                          innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
+                        }, null, 8, Vt)
                       ]),
                       _: 1
                       /* STABLE */
@@ -704,23 +799,23 @@ const Wl = { key: 0 }, Pl = { class: "das-multiple-option-item" }, Fl = { style:
       );
     };
   }
-}), We = (d, $) => {
-  const _ = d.__vccOpts || d;
-  for (const [l, w] of $)
-    _[l] = w;
-  return _;
-}, et = /* @__PURE__ */ We(Yl, [["__scopeId", "data-v-ed8bd659"]]), lt = {};
-function tt(d, $) {
-  const _ = El;
-  return p(), q(
-    _,
-    Ce({ class: "das-ui-select-option" }, d.$attrs),
+}), tl = (p, D) => {
+  const $ = p.__vccOpts || p;
+  for (const [t, x] of D)
+    $[t] = x;
+  return $;
+}, Mt = /* @__PURE__ */ tl(Lt, [["__scopeId", "data-v-93b3fa17"]]), Ot = {};
+function zt(p, D) {
+  const $ = vt;
+  return f(), K(
+    $,
+    Le({ class: "das-ui-select-option" }, p.$attrs),
     null,
     16
     /* FULL_PROPS */
   );
 }
-const ot = /* @__PURE__ */ We(lt, [["render", tt]]), at = {
+const Pt = /* @__PURE__ */ tl(Ot, [["render", zt]]), Nt = {
   添加: { "zh-CN": "添加", en: "Add", "zh-MO": "添加", _appCode: "framework" },
   全选: { "zh-CN": "全选", en: "Select All", "zh-MO": "全選", _appCode: "framework" },
   已选: { "zh-CN": "已选", en: "Selected", "zh-MO": "已選", _appCode: "framework" },
@@ -731,10 +826,10 @@ const ot = /* @__PURE__ */ We(lt, [["render", tt]]), at = {
     _appCode: "framework"
   }
 };
-_l(at);
-const St = De(et), It = De(ot), At = { name: "select 选择器" };
+it(Nt);
+const lo = el(Mt), to = el(Pt), oo = { name: "select 选择器" };
 export {
-  St as DasSelect,
-  It as DasSelectOption,
-  At as default
+  lo as DasSelect,
+  to as DasSelectOption,
+  oo as default
 };