@das-fed/upf-ui 6.4.0-dev.276 → 6.4.0-dev.278

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 j, useSlots as ot, onMounted as Ae, onUnmounted as Qe, watchEffect as Ye, nextTick as k, resolveComponent as nt, openBlock as f, createElementBlock as y, normalizeClass as at, normalizeStyle as X, withModifiers as ue, createBlock as K, unref as c, createCommentVNode as L, withDirectives as Te, mergeProps as Le, createSlots as rt, withCtx as m, renderSlot as w, normalizeProps as ie, guardReactiveProps as ce, Fragment as ke, createTextVNode as Ie, toDisplayString as Z, createElementVNode as b, createVNode as I, 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 ct } 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 dt } 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 M, 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 ol } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as nl, useCssVars as Yl, useAttrs as et, computed as s, ref as i, watch as j, useSlots as lt, onMounted as Ae, onUnmounted as Ye, watchEffect as el, nextTick as k, resolveComponent as tt, openBlock as f, createElementBlock as y, normalizeClass as ot, normalizeStyle as X, withModifiers as ue, createBlock as K, unref as c, createCommentVNode as L, withDirectives as Te, mergeProps as Le, createSlots as nt, withCtx as m, renderSlot as w, normalizeProps as ie, guardReactiveProps as ce, Fragment as ke, createTextVNode as Ie, toDisplayString as Z, createElementVNode as b, createVNode as I, withKeys as at } from "vue";
+import { Select as rt, Tag as Ve } from "ant-design-vue";
+import { DasCheckbox as ll } from "@das-fed/upf-ui/packages/components/checkbox/index";
+import { vScrollbar as st } from "@das-fed/upf-ui/packages/components/scrollbar/index";
+import { DasTooltip as ut } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { vDasTooltip as tl } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { DasInput as it } 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 dt } from "@das-fed/upf-ui/packages/icons/empty/index";
+import { DasErrorOverlayModel as ft } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { vHoverInside as vt } from "@das-fed/upf-utils/directive";
+import { t as M, currentLang as pt, setI18nRule as ht } from "@das-fed/upf-web/packages/i18n/index";
+import { useZIndex as mt } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
+import { useModelValue as gt } from "@das-fed/upf-utils/vue";
+import { calcTextWidth as yt } 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 bt } 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" } }, Lt = ["innerHTML"], Mt = ["innerHTML"], Ot = {
+const Ct = { key: 0 }, St = ["onClick"], wt = { style: { display: "inline-block" } }, xt = ["innerHTML"], At = { key: 0 }, Tt = { key: 2 }, kt = { style: { display: "inline-block" } }, It = ["innerHTML"], Vt = ["innerHTML"], Lt = {
   key: 0,
   class: "das-select-error-label-content das-select-label-content"
-}, zt = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Pt = { class: "ant-select-selection-item" }, _t = { class: "ant-select-selection-item-content" }, Nt = ["innerHTML"], Et = ol({
+}, Mt = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Ot = { class: "ant-select-selection-item" }, zt = { class: "ant-select-selection-item-content" }, Pt = ["innerHTML"], _t = nl({
   inheritAttrs: !1,
   components: {
     VNodes: (p, { attrs: E }) => E.vnodes
   }
-}), Dt = /* @__PURE__ */ ol({
-  ...Et,
+}), Nt = /* @__PURE__ */ nl({
+  ..._t,
   __name: "Select",
   props: {
     modelValue: { default: void 0 },
@@ -73,27 +73,27 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
   },
   emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
   setup(p, { expose: E, emit: D }) {
-    lt((e) => ({
-      ddcf49b6: Il.value,
-      v78240fa8: Vl.value
+    Yl((e) => ({
+      b6494b16: Il.value,
+      v467e0b50: Vl.value
     }));
-    const t = p, x = D, J = tt(), al = s(() => {
+    const t = p, x = D, J = et(), Me = s(() => {
       const e = {};
       for (const l in J)
         l === "size" || l === "formSize" || l === "onClick" || l.startsWith("onClick") || l === "filterOption" || l === "onSearch" || l === "onPopupScroll" || (e[l] = J[l]);
       return e;
-    }), a = bt(t, "modelValue"), Q = s(() => {
+    }), a = gt(t, "modelValue"), Q = s(() => {
       var e;
       return `<span class='key'>${((e = a.value) == null ? void 0 : e.length) ?? 0}</span>`;
     }), rl = s(() => {
       const e = Array.isArray(a.value) ? a.value.length : a.value ? 1 : 0;
       return M("das-ui-select-selectedItemsCountWithPlaceholder", e);
-    }), B = i(null), Me = i(null), S = i(!1), Y = s(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || M("请选择")), 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 || _.value || !je.value || !be.value : !0), ul = s(() => (Array.isArray(a.value) ? a.value.length : a.value) ? je.value : Y.value), Oe = () => {
+    }), $ = i(null), Oe = i(null), C = i(!1), Y = s(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || M("请选择")), de = s(() => $.value ? $.value.querySelector(".ant-select-selector") : null), B = i(0), W = i(0), sl = s(() => de.value ? t.isTooltip && O.value ? !1 : !t.isTooltip || _.value || !Xe.value || !be.value : !0), ul = s(() => (Array.isArray(a.value) ? a.value.length : a.value) ? Xe.value : Y.value), ze = () => {
       const e = t.size === "table" ? 12 : 14;
-      return St(Y.value, e);
-    }, ze = () => {
+      return yt(Y.value, e);
+    }, Pe = () => {
       var T, U, h;
-      const e = (T = B.value) == null ? void 0 : T.querySelector(".ant-select-selection-placeholder"), l = (h = (U = A.value) == null ? void 0 : U.$el) == null ? void 0 : h.querySelectorAll(".ant-select-selection-item");
+      const e = (T = $.value) == null ? void 0 : T.querySelector(".ant-select-selection-placeholder"), l = (h = (U = A.value) == null ? void 0 : U.$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;
@@ -102,12 +102,12 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
     }, O = i(!1);
     j(() => [Y.value, a.value], () => {
       k(() => {
-        W.value = ze(), $.value = Oe(), ((Array.isArray(a.value) ? a.value.length : a.value) || W.value === $.value || $.value - W.value < 1) && (O.value = !1);
+        W.value = Pe(), B.value = ze(), ((Array.isArray(a.value) ? a.value.length : a.value) || W.value === B.value || B.value - W.value < 1) && (O.value = !1);
       });
     }), j(
       () => {
         var e;
-        return (e = Me.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = Oe.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
@@ -119,31 +119,31 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
         }));
       }
     );
-    const Pe = i(null), _e = s(() => t.dropdownMode ?? t.mode ?? ""), R = i(null), il = i(null), F = i(""), cl = () => {
+    const _e = i(null), Ne = s(() => t.dropdownMode ?? t.mode ?? ""), R = i(null), il = i(null), F = i(""), cl = () => {
       R.value = !0;
     }, dl = () => {
       R.value = null;
-    }, Ne = () => {
+    }, Ee = () => {
       F.value && (x("addCustomItem", F.value), k(() => {
         A.value.focus(), F.value = "";
       }));
-    }, Ee = ot(), fe = () => {
-      t.dropdownMode === "custom" && !Ee.dropdownRender && (R.value = !1, k(() => {
+    }, De = lt(), fe = () => {
+      t.dropdownMode === "custom" && !De.dropdownRender && (R.value = !1, k(() => {
         R.value = null;
       }));
     };
     Ae(() => {
       document.addEventListener("click", fe);
-    }), Qe(() => {
+    }), Ye(() => {
       document.removeEventListener("click", fe);
     });
-    const A = i(), H = i(""), ee = i(0), De = `__DAS_SELECT_COLLAPSED_${Math.random().toString(36).slice(2)}__`, V = s(() => {
+    const A = i(), H = i(""), ee = i(0), $e = `__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";
     }), g = s(() => {
       var e;
       return t.fieldNames && t.fieldNames.value ? (e = t.fieldNames) == null ? void 0 : e.value : "value";
-    }), ve = i(/* @__PURE__ */ new Map()), fl = s(() => t.mode === "combobox" ? void 0 : t.mode), Be = {
+    }), ve = i(/* @__PURE__ */ new Map()), fl = s(() => t.mode), Be = {
       large: "large",
       middle: "middle",
       default: "middle",
@@ -154,12 +154,12 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
       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(() => {
+    }, pl = (e) => e && e in Be ? e : "middle", hl = s(() => pl(t.size)), We = s(() => Be[hl.value]), ml = s(() => t.height ?? vl[We.value]), Re = s(() => {
       const e = Number(t.optionPageSize);
       return Number.isFinite(e) && e > 0 ? Math.floor(e) : 80;
-    }), Re = (e, l) => {
+    }), Fe = (e, l) => {
       Array.isArray(e) && e.forEach((n) => {
-        l(n), Array.isArray(n == null ? void 0 : n.children) && Re(n.children, l);
+        l(n), Array.isArray(n == null ? void 0 : n.children) && Fe(n.children, l);
       });
     }, le = (e, l) => {
       if (Array.isArray(e))
@@ -171,7 +171,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
           }
         }
     }, gl = (e) => {
-      Re(e, (l) => {
+      Fe(e, (l) => {
         l && l[g.value] != null && l[V.value] != null && ve.value.set(l[g.value], l[V.value]);
       });
     }, pe = (e) => {
@@ -193,10 +193,10 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
           __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, te = s(() => !!t.optionPaging && Array.isArray(t.options) && !bl(t.options)), Fe = (e, ...l) => {
+    }, bl = (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) && !bl(t.options)), He = (e, ...l) => {
       const n = J[e];
       Array.isArray(n) ? n.forEach((o) => typeof o == "function" && o(...l)) : typeof n == "function" && n(...l);
-    }, He = (e, l) => {
+    }, qe = (e, l) => {
       const n = e == null ? "" : String(e), o = J.filterOption;
       if (typeof o == "function")
         try {
@@ -205,23 +205,23 @@ 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[V.value]) ?? (l == null ? void 0 : l[g.value]);
+      const u = Je.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;
     }, he = s(() => {
       if (!Array.isArray(t.options)) return;
       const e = yl(t.options);
       return Array.isArray(t.options) && gl(t.options), e;
-    }), qe = s(() => {
+    }), Ze = s(() => {
       const e = he.value ?? [];
-      return !te.value || !H.value ? e : e.filter((l) => He(H.value, l));
+      return !te.value || !H.value ? e : e.filter((l) => qe(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] : []), Ze = s(() => new Set(oe.value)), Sl = s(() => {
+    }, oe = s(() => t.mode !== "combobox" && Array.isArray(a.value) ? a.value : a.value !== null && a.value !== void 0 && a.value !== "" ? [a.value] : []), Ke = s(() => new Set(oe.value)), Cl = s(() => {
       const e = Number(t.largeSelectionCollapseThreshold);
       return Number.isFinite(e) && e >= 0 ? Math.floor(e) : 200;
-    }), C = s(() => t.mode !== "combobox" && oe.value.length > Sl.value), Cl = s(() => C.value ? [De] : a.value), Ke = s(() => Array.isArray(t.options) ? t.options.filter((e) => !(e != null && e.disabled)) : []), ne = s(() => Ke.value.map((e) => e == null ? void 0 : e[g.value])), me = s(() => ne.value.reduce((e, l) => Ze.value.has(l) ? e + 1 : e, 0)), wl = (e, l) => {
-      if (H.value || C.value || !oe.value.length) return e;
+    }), S = s(() => t.mode !== "combobox" && oe.value.length > Cl.value), Sl = s(() => S.value ? [$e] : a.value), Ge = s(() => Array.isArray(t.options) ? t.options.filter((e) => !(e != null && e.disabled)) : []), ne = s(() => Ge.value.map((e) => e == null ? void 0 : e[g.value])), me = s(() => ne.value.reduce((e, l) => Ke.value.has(l) ? e + 1 : e, 0)), wl = (e, l) => {
+      if (H.value || S.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;
@@ -230,26 +230,26 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
       }), o.length ? o.concat(e) : e;
     }, xl = s(() => {
       if (!te.value) return he.value;
-      const e = qe.value.slice(0, ee.value);
+      const e = Ze.value.slice(0, ee.value);
       return wl(e, he.value ?? []);
-    }), Ge = () => {
-      ee.value = We.value, z();
+    }), Ue = () => {
+      ee.value = Re.value, z();
     }, Al = () => {
       te.value && (ee.value = Math.min(
-        ee.value + We.value,
-        qe.value.length
+        ee.value + Re.value,
+        Ze.value.length
       ), z());
     };
     j(
       () => [t.options, t.optionPaging, t.optionPageSize, H.value, V.value, g.value],
-      Ge,
+      Ue,
       { immediate: !0 }
     );
     const ge = i(!1), ye = s(() => {
       if (R.value !== null) return R.value;
       if (t.open !== void 0) return t.open;
-    }), P = 1e6, d = i(100), v = i(100), Tl = s(() => C.value ? 0 : d.value), _ = i(!1), be = i(!0), Se = i(!1);
-    Ye(() => {
+    }), P = 1e6, d = i(100), v = i(100), Tl = s(() => S.value ? 0 : d.value), _ = i(!1), be = i(!0), Ce = i(!1);
+    el(() => {
       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");
@@ -262,18 +262,18 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
     });
     const kl = () => {
       setTimeout(async () => {
-        d.value = 100, await N(), d.value = v.value, S.value = !0;
+        d.value = 100, await N(), d.value = v.value, C.value = !0;
       }, 100);
     };
-    Ye(() => {
-      Se.value === !0 && t.mode != "combobox" && a.value && a.value.length > 0 && t.options.length > 0 && (Se.value = !1, kl());
+    el(() => {
+      Ce.value === !0 && t.mode != "combobox" && a.value && a.value.length > 0 && t.options.length > 0 && (Ce.value = !1, kl());
     }), Ae(() => {
-      Se.value = !0, t.focusOpen || (v.value = 1, d.value = v.value, S.value = !0);
+      Ce.value = !0, t.focusOpen || (v.value = 1, d.value = v.value, C.value = !0);
     });
-    const Il = s(() => t.width ? t.width : "230px"), Vl = s(() => t.height ? t.height : "auto"), Ue = i(3e3), Ll = s(() => ({
-      "z-index": Ue.value
-    })), je = s(() => {
-      if (C.value)
+    const Il = s(() => t.width ? t.width : "230px"), Vl = s(() => t.height ? t.height : "auto"), je = i(3e3), Ll = s(() => ({
+      "z-index": je.value
+    })), Xe = s(() => {
+      if (S.value)
         return rl.value;
       let e = [];
       if (t.mode != "combobox" && Array.isArray(a.value))
@@ -285,47 +285,47 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
         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 mt.value === "zh-CN" ? e.join("、") : e.join(", ");
-    }), Ml = s(() => t.mode === "combobox" ? !1 : ne.value.length > 0 && me.value === ne.value.length), Ol = s(() => t.mode === "combobox" ? !1 : me.value > 0 && me.value < ne.value.length), Xe = s(() => {
+      return pt.value === "zh-CN" ? e.join("、") : e.join(", ");
+    }), Ml = s(() => t.mode === "combobox" ? !1 : ne.value.length > 0 && me.value === ne.value.length), Ol = 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";
     }), zl = s(() => ({
       width: typeof t.width == "number" ? t.width + "px" : t.width,
       "--das-select-resolved-height": ml.value
-    })), Ce = i(!1), Pl = i({
+    })), Se = i(!1), Pl = i({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
     }), q = i(), _l = () => {
       var n;
-      W.value = ze(), $.value = Oe();
+      W.value = Pe(), B.value = ze();
       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)), Ce.value = !0;
+      !!(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)), Se.value = !0;
     }, Nl = () => {
       q.value = setTimeout(() => {
         O.value = !1;
-      }, 200), Ce.value = !1;
+      }, 200), Se.value = !1;
     }, El = (e, l) => {
       e ? _l() : Nl();
     }, Dl = (e) => {
-      e ? (Ue.value = yt().nextZIndex(), F.value = "", Ge(), z()) : (H.value = "", z()), ae.value = e, t.mode == "combobox" && (e || setTimeout(() => {
+      e ? (je.value = mt().nextZIndex(), F.value = "", Ue(), 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);
-    }, Bl = (e) => {
-      H.value = e ?? "", z(), Fe("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 } : {}), Rl = s(() => ({ ...al.value, ...Wl.value })), Fl = (e) => {
-      if (Fe("onPopupScroll", e), !te.value) return;
+    }, $l = (e) => {
+      H.value = e ?? "", z(), He("onSearch", e);
+    }, Bl = s(() => typeof t.showSearch == "boolean" ? { ...Me.value, showSearch: t.showSearch } : Me.value), Wl = (e) => {
+      if (He("onPopupScroll", e), !te.value) return;
       const l = e.target;
       if (!l) return;
       l.scrollHeight - l.scrollTop - l.clientHeight <= 24 && Al();
-    }, Hl = (e) => {
+    }, Rl = (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) => {
+    }, Fl = (e) => t.isRenderNode ? $.value : t.getPopupContainer === void 0 ? document.body : t.getPopupContainer(e), Hl = (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) => {
+        Ge.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");
@@ -333,43 +333,43 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
         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");
       }
-    }, Kl = (e) => {
+    }, ql = (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) => {
-      C.value && (e.preventDefault(), e.stopPropagation());
-    }, Ul = (e, l) => {
-      if (!C.value || e != null && e.disabled) return;
+    }, Zl = (e) => {
+      S.value && (e.preventDefault(), e.stopPropagation());
+    }, Kl = (e, l) => {
+      if (!S.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 = Kl(n);
+      const o = ql(n);
       a.value = o, se(o, e, "inner");
-    }, jl = (e) => {
+    }, Gl = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
         return e.children[0];
-    }, Xl = (e) => {
+    }, Ul = (e) => {
       if (t.mode == "combobox") {
         x("focus", e);
         return;
       }
-      ge.value = !0, t.focusOpen && !t.isExterControlCount && (d.value = P, S.value = !1), x("focus", e);
-    }, ae = i(!1), Jl = () => {
+      ge.value = !0, t.focusOpen && !t.isExterControlCount && (d.value = P, C.value = !1), x("focus", e);
+    }, ae = i(!1), jl = () => {
       ae.value || setTimeout(() => {
         var e, l;
         (l = (e = A.value) == null ? void 0 : e.blur) == null || l.call(e);
       }), t.mode != "combobox";
-    }, Je = (e) => {
+    }, Qe = (e) => {
       if (k(() => {
         ae.value = !1;
       }), t.mode == "combobox") {
         x("blur", e);
         return;
       }
-      ge.value = !1, t.focusOpen && !t.isExterControlCount && (N(), d.value = v.value, S.value = !0), x("blur", e);
-    }, Ql = (e) => {
+      ge.value = !1, t.focusOpen && !t.isExterControlCount && (N(), d.value = v.value, C.value = !0), x("blur", e);
+    }, Xl = (e) => {
       e.onClose(), d.value = 100, k(() => {
-        t.mode !== "combobox" && ye.value || t.focusOpen && (N(), d.value = v.value, S.value = !0);
+        t.mode !== "combobox" && ye.value || t.focusOpen && (N(), d.value = v.value, C.value = !0);
       });
     };
     j(
@@ -378,29 +378,29 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
         if (e && t.mode !== "combobox") {
           ge.value = !1;
           let l = new Event("blur");
-          Je(l);
+          Qe(l);
         }
       }
     );
     let G = i(!1);
-    const Yl = (e) => {
+    const Jl = (e) => {
       G.value = e, _.value = !0, k(() => {
-        _.value = !1, t.focusOpen && (N(), d.value = e ? P : v.value, S.value = !e);
+        _.value = !1, t.focusOpen && (N(), d.value = e ? P : v.value, C.value = !e);
       });
     };
     let re = null;
     Ae(() => {
       re = new IntersectionObserver((e) => {
         e && e[0] && e[0].intersectionRatio > 0 && t.focusOpen && d.value === 0 && (d.value = 100, k(() => {
-          N(), d.value = v.value, S.value = !0;
+          N(), d.value = v.value, C.value = !0;
         }));
-      }), re.observe(B.value);
-    }), Qe(() => {
+      }), re.observe($.value);
+    }), Ye(() => {
       re && re.disconnect();
     });
     const N = () => {
       var U;
-      if (C.value) {
+      if (S.value) {
         v.value = 0;
         return;
       }
@@ -410,7 +410,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
       if (!l) return;
       let n = l.offsetWidth - 5;
       t.borderType === "underline" && (n -= 10);
-      const u = Math.ceil(Pe.value.querySelector(".ant-tag").offsetWidth) + 4;
+      const u = Math.ceil(_e.value.querySelector(".ant-tag").offsetWidth) + 4;
       let r = e.querySelectorAll(".ant-select-selection-overflow-item");
       if (r.length < 1) return;
       d.value = P;
@@ -424,7 +424,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
         }
       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 && !Ee.tagRender && (v.value = 1, h.classList.add("ellipsis"));
+        h && !h.classList.contains("ant-select-selection-overflow-item-rest") && xe <= n - u && !De.tagRender && (v.value = 1, h.classList.add("ellipsis"));
       }
     }, we = i(!1);
     j(
@@ -434,14 +434,14 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
           we.value = !1;
           return;
         }
-        t.mode !== "combobox" && ye.value || (_.value = !0, d.value = P, await k(), await N(), _.value = !1, t.isExterControlCount && t.focusOpen ? (d.value = G.value ? P : v.value, S.value = !G.value) : (d.value = v.value, S.value = !0));
+        t.mode !== "combobox" && ye.value || (_.value = !0, d.value = P, await k(), await N(), _.value = !1, t.isExterControlCount && t.focusOpen ? (d.value = G.value ? P : v.value, C.value = !G.value) : (d.value = v.value, C.value = !0));
       }
     );
-    const et = (e) => {
-      if (!C.value || t.mode === "combobox") return e;
+    const Ql = (e) => {
+      if (!S.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 !== $e)));
       if (!n.length) return;
       let o = Array.isArray(a.value) ? a.value.slice() : [];
       return n.forEach((u) => {
@@ -450,45 +450,45 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
       }), o;
     }, se = async (e, l, n = "antdv") => {
       ae.value = !1, t.mode === "combobox" && fe();
-      let o = n === "antdv" ? et(e) : e;
+      let o = n === "antdv" ? Ql(e) : e;
       if (o === void 0) {
         z();
         return;
       }
-      we.value = !0, t.noDropdown && Array.isArray(o) && t.maxTagsLength < o.length && (o = o.slice(), o.pop()), n === "antdv" && C.value && (a.value = o), _.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 = G.value ? P : v.value, S.value = !G.value), t.focusOpen || (d.value = v.value);
+      we.value = !0, t.noDropdown && Array.isArray(o) && t.maxTagsLength < o.length && (o = o.slice(), o.pop()), n === "antdv" && S.value && (a.value = o), _.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 = G.value ? P : v.value, C.value = !G.value), t.focusOpen || (d.value = v.value);
     };
     return E({
       $select: A,
-      toChangeMaxCount: Yl
+      toChangeMaxCount: Jl
     }), (e, l) => {
-      const n = nt("v-nodes");
+      const n = tt("v-nodes");
       return f(), y(
         "div",
         {
-          class: at(["das-ui-select", [
+          class: ot(["das-ui-select", [
             t.borderType,
             t.isView ? "readonly" : "",
             t.error ? "is-error" : "",
-            S.value ? "show-ellipsis" : ""
+            C.value ? "show-ellipsis" : ""
           ]]),
           ref_key: "$selectBox",
-          ref: B,
+          ref: $,
           style: X(zl.value),
-          onClick: ue(Jl, ["stop"])
+          onClick: ue(jl, ["stop"])
         },
         [
-          de.value ? (f(), K(c(ct), {
+          de.value ? (f(), K(c(ut), {
             key: 0,
             ref_key: "inputTooltipRef",
-            ref: Me,
+            ref: Oe,
             placement: "top",
             "virtual-triggering": "",
             "virtual-ref": de.value,
             disabled: sl.value,
             content: ul.value
           }, null, 8, ["virtual-ref", "disabled", "content"])) : L("v-if", !0),
-          Te((f(), K(c(ut), Le({ mode: fl.value }, Rl.value, {
-            value: Cl.value,
+          Te((f(), K(c(rt), Le({ mode: fl.value }, Bl.value, {
+            value: Sl.value,
             ref_key: "$select",
             ref: A,
             options: xl.value,
@@ -498,21 +498,21 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
             showArrow: !0,
             open: t.noDropdown ? !1 : ye.value,
             placeholder: Y.value,
-            showSearch: t.showSearch,
-            optionFilterProp: Xe.value,
-            filterOption: He,
-            size: $e.value,
+            optionFilterProp: Je.value,
+            filterOption: qe,
+            size: We.value,
             style: t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {},
             dropdownClassName: "das-ui-select-dorpdown " + p.dropdownClassName,
             maxTagCount: Tl.value,
-            getPopupContainer: ql,
+            getPopupContainer: Fl,
             dropdownStyle: Ll.value,
             onDropdownVisibleChange: Dl,
             onChange: l[4] || (l[4] = (o, u) => se(o, u, "antdv")),
-            onFocus: Xl,
-            onBlur: Je,
-            onPopupScroll: Fl
-          }), rt({
+            onFocus: Ul,
+            onBlur: Qe,
+            onSearch: $l,
+            onPopupScroll: Wl
+          }), nt({
             option: m((o) => [
               w(e.$slots, "option", ie(ce(o)), () => [
                 o.children && typeof o.children == "function" ? (f(), K(n, {
@@ -523,14 +523,14 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
                   { key: 1 },
                   [
                     L(' :option="{value, label, [disabled, key, title]}" '),
-                    p.mode === "combobox" ? Te((f(), y("div", wt, [
+                    p.mode === "combobox" ? Te((f(), y("div", Ct, [
                       Ie(
                         Z(o[V.value]),
                         1
                         /* TEXT */
                       )
                     ])), [
-                      [c(ll)]
+                      [c(tl)]
                     ]) : (f(), y(
                       ke,
                       { key: 1 },
@@ -538,25 +538,25 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
                         L(` <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)
+                          onMousedown: Zl,
+                          onClick: (u) => Kl(o, u)
                         }, [
-                          (f(), K(c(el), {
+                          (f(), K(c(ll), {
                             class: "das-select-checkbox",
-                            modelValue: Ze.value.has(o[g.value]),
+                            modelValue: Ke.value.has(o[g.value]),
                             key: o[g.value],
                             disabled: o.disabled
                           }, null, 8, ["modelValue", "disabled"])),
-                          Te((f(), y("div", At, [
+                          Te((f(), y("div", wt, [
                             Ie(
                               Z(o[V.value]),
                               1
                               /* TEXT */
                             )
                           ])), [
-                            [c(ll)]
+                            [c(tl)]
                           ])
-                        ], 40, xt)
+                        ], 40, St)
                       ],
                       2112
                       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -570,22 +570,22 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
             tagRender: m((o) => [
               w(e.$slots, "tagRender", ie(ce(o)), () => [
                 I(c(Ve), {
-                  closable: !C.value && o.closable,
+                  closable: !S.value && o.closable,
                   style: { "margin-right": "3px", "background-color": "transparent" },
-                  onClose: (u) => Ql(o)
+                  onClose: (u) => Xl(o)
                 }, {
                   default: m(() => [
-                    C.value ? (f(), y("span", {
+                    S.value ? (f(), y("span", {
                       key: 0,
                       innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
-                    }, null, 8, Tt)) : (f(), y(
+                    }, null, 8, xt)) : (f(), y(
                       "span",
                       {
                         key: 1,
                         class: "tag-span",
                         style: X(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
                       },
-                      Z(Hl(pe(o.value) ?? o.label ?? String(o.value))),
+                      Z(Rl(pe(o.value) ?? o.label ?? String(o.value))),
                       5
                       /* TEXT, STYLE */
                     ))
@@ -599,9 +599,9 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
               w(e.$slots, "dropdownRender", ie(ce({ menuNode: o })), () => {
                 var u;
                 return [
-                  _e.value === "combobox" ? (f(), y("div", kt, [
+                  Ne.value === "combobox" ? (f(), y("div", At, [
                     I(n, { vnodes: o }, null, 8, ["vnodes"])
-                  ])) : _e.value === "custom" ? (f(), y("div", {
+                  ])) : Ne.value === "custom" ? (f(), y("div", {
                     key: 1,
                     onClick: l[2] || (l[2] = ue(() => {
                     }, ["stop"]))
@@ -614,12 +614,12 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
                         onMousedown: l[1] || (l[1] = (r) => r.preventDefault())
                       },
                       [
-                        I(c(dt), Le({
+                        I(c(it), Le({
                           ref_key: "testInput",
                           ref: il,
                           modelValue: F.value,
                           "onUpdate:modelValue": l[0] || (l[0] = (r) => F.value = r),
-                          onKeyup: st(Ne, ["enter"]),
+                          onKeyup: at(Ee, ["enter"]),
                           onFocus: ue(cl, ["stop"]),
                           onBlur: ue(dl, ["stop"]),
                           width: "100%",
@@ -629,7 +629,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
                           "div",
                           {
                             class: "addBtn",
-                            onClick: Ne
+                            onClick: Ee
                           },
                           Z(c(M)("添加")),
                           1
@@ -639,7 +639,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
                       32
                       /* NEED_HYDRATION */
                     )
-                  ])) : (f(), y("div", It, [
+                  ])) : (f(), y("div", Tt, [
                     I(n, { vnodes: o }, null, 8, ["vnodes"]),
                     (u = t.options) != null && u.length && t.showSelectAll ? (f(), y(
                       "div",
@@ -649,11 +649,11 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
                         onMousedown: l[3] || (l[3] = (r) => r.preventDefault())
                       },
                       [
-                        b("div", Vt, [
-                          I(c(el), {
+                        b("div", kt, [
+                          I(c(ll), {
                             modelValue: Ml.value,
                             indeterminate: Ol.value,
-                            onChange: Zl,
+                            onChange: Hl,
                             style: { display: "flex" }
                           }, {
                             default: m(() => [
@@ -670,7 +670,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
                         b("span", {
                           class: "das-ui-dropdown-has-checked",
                           innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
-                        }, null, 8, Lt)
+                        }, null, 8, It)
                       ],
                       32
                       /* NEED_HYDRATION */
@@ -681,7 +681,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
             ]),
             clearIcon: m(() => [
               w(e.$slots, "clearIcon", {}, () => [
-                I(c(vt), { size: "medium" })
+                I(c(dt), { size: "medium" })
               ], !0)
             ]),
             maxTagPlaceholder: m((o) => [
@@ -693,7 +693,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
                   default: m(() => [
                     b("span", {
                       innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
-                    }, null, 8, Mt)
+                    }, null, 8, Vt)
                   ]),
                   _: 1
                   /* STABLE */
@@ -714,7 +714,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
             ]),
             suffixIcon: m(() => [
               w(e.$slots, "suffixIcon", {}, () => [
-                I(c(ft), {
+                I(c(ct), {
                   class: "das-suffix-icon",
                   size: "medium"
                 })
@@ -747,15 +747,15 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
               ]),
               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), El]
+          ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
+            [c(st), { target: Gl, x: !1 }],
+            [c(vt), El]
           ]),
           p.error && p.errorLabel ? (f(), y(
             ke,
             { key: 1 },
             [
-              p.errorMode === "default" ? (f(), y("div", Ot, [
+              p.errorMode === "default" ? (f(), y("div", Lt, [
                 b(
                   "span",
                   {
@@ -766,7 +766,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
                   /* TEXT, STYLE */
                 )
               ])) : L("v-if", !0),
-              p.errorMode === "overlay" && Ce.value ? (f(), K(c(pt), {
+              p.errorMode === "overlay" && Se.value ? (f(), K(c(ft), {
                 key: 1,
                 errorLabel: p.errorLabel,
                 getEl: () => A.value.$el,
@@ -781,20 +781,20 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
             {
               class: "ant-select-selection-overflow",
               ref_key: "virtualTotalCount",
-              ref: Pe,
+              ref: _e,
               style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
             },
             [
-              b("div", zt, [
-                b("div", Pt, [
-                  b("span", _t, [
+              b("div", Mt, [
+                b("div", Ot, [
+                  b("span", zt, [
                     I(c(Ve), {
                       style: X(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
                     }, {
                       default: m(() => [
                         b("span", {
                           innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
-                        }, null, 8, Nt)
+                        }, null, 8, Pt)
                       ]),
                       _: 1
                       /* STABLE */
@@ -812,14 +812,14 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
       );
     };
   }
-}), nl = (p, E) => {
+}), al = (p, E) => {
   const D = p.__vccOpts || p;
   for (const [t, x] of E)
     D[t] = x;
   return D;
-}, Bt = /* @__PURE__ */ nl(Dt, [["__scopeId", "data-v-c294ab77"]]), $t = {};
-function Wt(p, E) {
-  const D = Ct;
+}, Et = /* @__PURE__ */ al(Nt, [["__scopeId", "data-v-4f981506"]]), Dt = {};
+function $t(p, E) {
+  const D = bt;
   return f(), K(
     D,
     Le({ class: "das-ui-select-option" }, p.$attrs),
@@ -828,7 +828,7 @@ function Wt(p, E) {
     /* FULL_PROPS */
   );
 }
-const Rt = /* @__PURE__ */ nl($t, [["render", Wt]]), Ft = {
+const Bt = /* @__PURE__ */ al(Dt, [["render", $t]]), Wt = {
   添加: { "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" },
@@ -839,10 +839,10 @@ const Rt = /* @__PURE__ */ nl($t, [["render", Wt]]), Ft = {
     _appCode: "framework"
   }
 };
-gt(Ft);
-const io = tl(Bt), co = tl(Rt), fo = { name: "select 选择器" };
+ht(Wt);
+const so = ol(Et), uo = ol(Bt), io = { name: "select 选择器" };
 export {
-  io as DasSelect,
-  co as DasSelectOption,
-  fo as default
+  so as DasSelect,
+  uo as DasSelectOption,
+  io as default
 };