@das-fed/upf-ui 6.4.0-dev.313 → 6.4.0-dev.315

package/packages/components/select/index.js

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