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

package/packages/components/select/index.js

@@ -1,40 +1,41 @@
 import { withInstall as el } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as ll, useCssVars as Ul, useAttrs as jl, computed as s, ref as i, watch as G, useSlots as Gl, onMounted as Ae, onUnmounted as Xe, watchEffect as Je, nextTick as k, resolveComponent as Xl, openBlock as f, createElementBlock as y, normalizeClass as Jl, normalizeStyle as X, withModifiers as ue, createBlock as K, unref as c, createCommentVNode as L, withDirectives as Te, mergeProps as Le, createSlots as Ql, withCtx as m, renderSlot as S, normalizeProps as ie, guardReactiveProps as ce, Fragment as ke, createTextVNode as Ve, toDisplayString as Z, createElementVNode as b, createVNode as V, withKeys as Yl } from "vue";
-import { Select as et, Tag as Ie } from "ant-design-vue";
+import { defineComponent as ll, useCssVars as Xl, useAttrs as Jl, computed as s, ref as i, watch as G, useSlots as Ql, onMounted as Ae, onUnmounted as Xe, watchEffect as Je, nextTick as k, resolveComponent as Yl, openBlock as f, createElementBlock as g, normalizeClass as et, normalizeStyle as X, withModifiers as ue, createBlock as K, unref as c, createCommentVNode as L, withDirectives as Te, mergeProps as Le, createSlots as lt, withCtx as m, renderSlot as S, normalizeProps as ie, guardReactiveProps as ce, Fragment as ke, createTextVNode as Ve, toDisplayString as Z, createElementVNode as b, createVNode as V, withKeys as tt } from "vue";
+import { Select as ot, Tag as Ie } from "ant-design-vue";
 import { DasCheckbox as Qe } from "@das-fed/upf-ui/packages/components/checkbox/index";
-import { vScrollbar as lt } from "@das-fed/upf-ui/packages/components/scrollbar/index";
-import { DasTooltip as tt } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { vScrollbar as nt } from "@das-fed/upf-ui/packages/components/scrollbar/index";
+import { DasTooltip as at } from "@das-fed/upf-ui/packages/components/tooltip/index";
 import { vDasTooltip as Ye } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { DasInput as ot } from "@das-fed/upf-ui/packages/components/input/index";
-import { DasIconXiala as nt } from "@das-fed/upf-ui/packages/icons/xiala/index";
-import { DasIconEmpty as at } from "@das-fed/upf-ui/packages/icons/empty/index";
-import { DasErrorOverlayModel as rt } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { vHoverInside as st } from "@das-fed/upf-utils/directive";
-import { t as M, currentLang as ut, setI18nRule as it } from "@das-fed/upf-web/packages/i18n/index";
-import { useZIndex as ct } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
-import { useModelValue as dt } from "@das-fed/upf-utils/vue";
-import { calcTextWidth as ft } from "@das-fed/upf-utils/common-tools";
+import { DasInput as rt } from "@das-fed/upf-ui/packages/components/input/index";
+import { DasIconXiala as st } from "@das-fed/upf-ui/packages/icons/xiala/index";
+import { DasIconEmpty as ut } from "@das-fed/upf-ui/packages/icons/empty/index";
+import { DasErrorOverlayModel as it } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { vHoverInside as ct } from "@das-fed/upf-utils/directive";
+import { t as M, currentLang as dt, setI18nRule as ft } from "@das-fed/upf-web/packages/i18n/index";
+import { useZIndex as vt } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
+import { useModelValue as pt } from "@das-fed/upf-utils/vue";
+import { calcTextWidth as ht } 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 vt } from "ant-design-vue/es"
+import { SelectOption as mt } from "ant-design-vue/es"
 import '@das-fed/upf-ui/packages/components/select/style.css';
 ;
-const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block" } }, gt = ["innerHTML"], yt = { key: 0 }, bt = { key: 2 }, Ct = { style: { display: "inline-block" } }, wt = ["innerHTML"], St = ["innerHTML"], xt = {
+const yt = { key: 0 }, gt = ["onClick"], bt = { style: { display: "inline-block" } }, Ct = ["innerHTML"], wt = { key: 0 }, St = { key: 2 }, xt = { style: { display: "inline-block" } }, At = ["innerHTML"], Tt = ["innerHTML"], kt = {
   key: 0,
   class: "das-select-error-label-content das-select-label-content"
-}, At = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Tt = { class: "ant-select-selection-item" }, kt = { class: "ant-select-selection-item-content" }, Vt = ["innerHTML"], It = ll({
+}, Vt = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, It = { class: "ant-select-selection-item" }, Lt = { class: "ant-select-selection-item-content" }, Mt = ["innerHTML"], Ot = ll({
   inheritAttrs: !1,
   components: {
     VNodes: (p, { attrs: D }) => D.vnodes
   }
-}), Lt = /* @__PURE__ */ ll({
-  ...It,
+}), zt = /* @__PURE__ */ ll({
+  ...Ot,
   __name: "Select",
   props: {
     modelValue: { default: void 0 },
     options: {},
     preserveLabelWhenMissing: { type: Boolean, default: !1 },
     mode: { default: "combobox" },
+    showSearch: { type: Boolean },
     fieldNames: { default: {} },
     borderType: { default: "bordered" },
     placeholder: { default: "" },
@@ -71,28 +72,28 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
     largeSelectionCollapseThreshold: { default: 200 }
   },
   emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
-  setup(p, { expose: D, emit: $ }) {
-    Ul((e) => ({
-      c89c8c78: Sl.value,
-      v7e92f62e: xl.value
+  setup(p, { expose: D, emit: B }) {
+    Xl((e) => ({
+      v508aeef9: Sl.value,
+      b1f81358: xl.value
     }));
-    const t = p, x = $, J = jl(), ol = s(() => {
+    const t = p, x = B, J = Jl(), ol = s(() => {
       const e = {};
       for (const l in J)
         l === "onClick" || l.startsWith("onClick") || l === "filterOption" || l === "onSearch" || l === "onPopupScroll" || (e[l] = J[l]);
       return e;
-    }), a = dt(t, "modelValue"), Q = s(() => {
+    }), a = pt(t, "modelValue"), Q = s(() => {
       var e;
       return `<span class='key'>${((e = a.value) == null ? void 0 : e.length) ?? 0}</span>`;
     }), nl = s(() => {
       const e = Array.isArray(a.value) ? a.value.length : a.value ? 1 : 0;
       return M("das-ui-select-selectedItemsCountWithPlaceholder", e);
-    }), E = i(null), Me = i(null), C = i(!1), Y = s(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || M("请选择")), de = s(() => E.value ? E.value.querySelector(".ant-select-selector") : null), B = i(0), W = i(0), al = s(() => de.value ? t.isTooltip && O.value ? !1 : !t.isTooltip || N.value || !Ue.value || !be.value : !0), rl = s(() => (Array.isArray(a.value) ? a.value.length : a.value) ? Ue.value : Y.value), Oe = () => {
+    }), $ = i(null), Me = i(null), C = i(!1), Y = s(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || M("请选择")), de = s(() => $.value ? $.value.querySelector(".ant-select-selector") : null), E = i(0), W = i(0), al = s(() => de.value ? t.isTooltip && O.value ? !1 : !t.isTooltip || N.value || !Ue.value || !be.value : !0), rl = s(() => (Array.isArray(a.value) ? a.value.length : a.value) ? Ue.value : Y.value), Oe = () => {
       const e = t.size === "table" ? 12 : 14;
-      return ft(Y.value, e);
+      return ht(Y.value, e);
     }, ze = () => {
       var T, j, h;
-      const e = (T = E.value) == null ? void 0 : T.querySelector(".ant-select-selection-placeholder"), l = (h = (j = A.value) == null ? void 0 : j.$el) == null ? void 0 : h.querySelectorAll(".ant-select-selection-item");
+      const e = (T = $.value) == null ? void 0 : T.querySelector(".ant-select-selection-placeholder"), l = (h = (j = A.value) == null ? void 0 : j.$el) == null ? void 0 : h.querySelectorAll(".ant-select-selection-item");
       l && l.length && l.forEach((xe) => xe.removeAttribute("title"));
       let n = (e == null ? void 0 : e.offsetWidth) ?? 0;
       if (n === 0) return n;
@@ -101,7 +102,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
     }, O = i(!1);
     G(() => [Y.value, a.value], () => {
       k(() => {
-        W.value = ze(), B.value = Oe(), ((Array.isArray(a.value) ? a.value.length : a.value) || W.value === B.value || B.value - W.value < 1) && (O.value = !1);
+        W.value = ze(), E.value = Oe(), ((Array.isArray(a.value) ? a.value.length : a.value) || W.value === E.value || E.value - W.value < 1) && (O.value = !1);
       });
     }), G(
       () => {
@@ -126,7 +127,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
       R.value && (x("addCustomItem", R.value), k(() => {
         A.value.focus(), R.value = "";
       }));
-    }, De = Gl(), fe = () => {
+    }, De = Ql(), fe = () => {
       t.dropdownMode === "custom" && !De.dropdownRender && (F.value = !1, k(() => {
         F.value = null;
       }));
@@ -136,31 +137,31 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
     }), Xe(() => {
       document.removeEventListener("click", fe);
     });
-    const A = i(), H = i(""), ee = i(0), $e = `__DAS_SELECT_COLLAPSED_${Math.random().toString(36).slice(2)}__`, I = s(() => {
+    const A = i(), H = i(""), ee = i(0), Be = `__DAS_SELECT_COLLAPSED_${Math.random().toString(36).slice(2)}__`, I = s(() => {
       var e;
       return t.fieldNames && t.fieldNames.label ? (e = t.fieldNames) == null ? void 0 : e.label : "label";
-    }), g = s(() => {
+    }), y = s(() => {
       var e;
       return t.fieldNames && t.fieldNames.value ? (e = t.fieldNames) == null ? void 0 : e.value : "value";
-    }), ve = i(/* @__PURE__ */ new Map()), cl = s(() => t.mode), dl = s(() => t.size == "middle" ? "defalut" : t.size == "mini" ? "small" : t.size), Ee = s(() => {
+    }), ve = i(/* @__PURE__ */ new Map()), cl = s(() => t.mode === "combobox" ? void 0 : t.mode), dl = s(() => t.size == "middle" ? "defalut" : t.size == "mini" ? "small" : t.size), $e = s(() => {
       const e = Number(t.optionPageSize);
       return Number.isFinite(e) && e > 0 ? Math.floor(e) : 80;
-    }), Be = (e, l) => {
+    }), Ee = (e, l) => {
       Array.isArray(e) && e.forEach((n) => {
-        l(n), Array.isArray(n == null ? void 0 : n.children) && Be(n.children, l);
+        l(n), Array.isArray(n == null ? void 0 : n.children) && Ee(n.children, l);
       });
     }, le = (e, l) => {
       if (Array.isArray(e))
         for (const n of e) {
-          if ((n == null ? void 0 : n[g.value]) == l) return n;
+          if ((n == null ? void 0 : n[y.value]) == l) return n;
           if (Array.isArray(n == null ? void 0 : n.children)) {
             const o = le(n.children, l);
             if (o) return o;
           }
         }
     }, fl = (e) => {
-      Be(e, (l) => {
-        l && l[g.value] != null && l[I.value] != null && ve.value.set(l[g.value], l[I.value]);
+      Ee(e, (l) => {
+        l && l[y.value] != null && l[I.value] != null && ve.value.set(l[y.value], l[I.value]);
       });
     }, pe = (e) => {
       if (e == null || e === "") return;
@@ -174,7 +175,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
         if (le(l, o)) return;
         const r = ve.value.get(o);
         r != null && l.unshift({
-          [g.value]: o,
+          [y.value]: o,
           [I.value]: r,
           disabled: !0,
           title: "",
@@ -193,7 +194,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
           return !1;
         }
       if (o === !1) return !0;
-      const u = je.value, r = (l == null ? void 0 : l[u]) ?? (l == null ? void 0 : l[I.value]) ?? (l == null ? void 0 : l[g.value]);
+      const u = je.value, r = (l == null ? void 0 : l[u]) ?? (l == null ? void 0 : l[I.value]) ?? (l == null ? void 0 : l[y.value]);
       return String(r ?? "").toLowerCase().indexOf(n.toLowerCase()) >= 0;
     }, he = s(() => {
       if (!Array.isArray(t.options)) return;
@@ -208,32 +209,32 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
     }, oe = s(() => t.mode !== "combobox" && Array.isArray(a.value) ? a.value : a.value !== null && a.value !== void 0 && a.value !== "" ? [a.value] : []), He = s(() => new Set(oe.value)), hl = s(() => {
       const e = Number(t.largeSelectionCollapseThreshold);
       return Number.isFinite(e) && e >= 0 ? Math.floor(e) : 200;
-    }), w = s(() => t.mode !== "combobox" && oe.value.length > hl.value), ml = s(() => w.value ? [$e] : a.value), qe = s(() => Array.isArray(t.options) ? t.options.filter((e) => !(e != null && e.disabled)) : []), ne = s(() => qe.value.map((e) => e == null ? void 0 : e[g.value])), me = s(() => ne.value.reduce((e, l) => He.value.has(l) ? e + 1 : e, 0)), gl = (e, l) => {
+    }), w = s(() => t.mode !== "combobox" && oe.value.length > hl.value), ml = s(() => w.value ? [Be] : a.value), qe = s(() => Array.isArray(t.options) ? t.options.filter((e) => !(e != null && e.disabled)) : []), ne = s(() => qe.value.map((e) => e == null ? void 0 : e[y.value])), me = s(() => ne.value.reduce((e, l) => He.value.has(l) ? e + 1 : e, 0)), yl = (e, l) => {
       if (H.value || w.value || !oe.value.length) return e;
-      const n = new Set(e.map((u) => u == null ? void 0 : u[g.value])), o = [];
+      const n = new Set(e.map((u) => u == null ? void 0 : u[y.value])), o = [];
       return oe.value.forEach((u) => {
         if (n.has(u)) return;
         const r = le(l, u);
         r && (o.push(r), n.add(u));
       }), o.length ? o.concat(e) : e;
-    }, yl = s(() => {
+    }, gl = s(() => {
       if (!te.value) return he.value;
       const e = Re.value.slice(0, ee.value);
-      return gl(e, he.value ?? []);
+      return yl(e, he.value ?? []);
     }), Ze = () => {
-      ee.value = Ee.value, z();
+      ee.value = $e.value, z();
     }, bl = () => {
       te.value && (ee.value = Math.min(
-        ee.value + Ee.value,
+        ee.value + $e.value,
         Re.value.length
       ), z());
     };
     G(
-      () => [t.options, t.optionPaging, t.optionPageSize, H.value, I.value, g.value],
+      () => [t.options, t.optionPaging, t.optionPageSize, H.value, I.value, y.value],
       Ze,
       { immediate: !0 }
     );
-    const ge = i(!1), ye = s(() => {
+    const ye = i(!1), ge = s(() => {
       if (F.value !== null) return F.value;
       if (t.open !== void 0) return t.open;
     }), P = 1e6, d = i(100), v = i(100), Cl = s(() => w.value ? 0 : d.value), N = i(!1), be = i(!0), Ce = i(!1);
@@ -273,7 +274,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { 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 ut.value === "zh-CN" ? e.join("、") : e.join(", ");
+      return dt.value === "zh-CN" ? e.join("、") : e.join(", ");
     }), Tl = s(() => t.mode === "combobox" ? !1 : ne.value.length > 0 && me.value === ne.value.length), kl = s(() => t.mode === "combobox" ? !1 : me.value > 0 && me.value < ne.value.length), je = s(() => {
       var e, l;
       return t.optionFilterProp ? t.optionFilterProp : (e = t.fieldNames) != null && e.label ? (l = t.fieldNames) == null ? void 0 : l.label : "label";
@@ -285,9 +286,9 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
       "white-space": "break-spaces"
     }), q = i(), Ll = () => {
       var n;
-      W.value = ze(), B.value = Oe();
+      W.value = ze(), E.value = Oe();
       let e = (n = A.value) == null ? void 0 : n.$el.querySelectorAll(".ant-select-selection-item");
-      !!(Array.isArray(a.value) ? a.value.length : e != null && e.length) || W.value === B.value || B.value - W.value < 1 ? O.value = !1 : (O.value = !0, q.value && clearTimeout(q.value)), we.value = !0;
+      !!(Array.isArray(a.value) ? a.value.length : e != null && e.length) || W.value === E.value || E.value - W.value < 1 ? O.value = !1 : (O.value = !0, q.value && clearTimeout(q.value)), we.value = !0;
     }, Ml = () => {
       q.value = setTimeout(() => {
         O.value = !1;
@@ -295,53 +296,53 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
     }, Ol = (e, l) => {
       e ? Ll() : Ml();
     }, zl = (e) => {
-      e ? (Ke.value = ct().nextZIndex(), R.value = "", Ze(), z()) : (H.value = "", z()), ae.value = e, t.mode == "combobox" && (e || setTimeout(() => {
+      e ? (Ke.value = vt().nextZIndex(), R.value = "", Ze(), z()) : (H.value = "", z()), ae.value = e, t.mode == "combobox" && (e || setTimeout(() => {
         var l, n;
         (n = (l = A.value) == null ? void 0 : l.blur) == null || n.call(l);
       })), x("dropdownVisibleChange", e);
     }, Pl = (e) => {
       H.value = e ?? "", z(), We("onSearch", e);
-    }, Nl = (e) => {
+    }, Nl = s(() => t.mode === "combobox" ? t.showSearch === !0 : t.mode === "tags" ? !0 : typeof t.showSearch == "boolean" ? t.showSearch : t.mode === "multiple"), _l = s(() => Nl.value ? { onSearch: Pl } : {}), Dl = s(() => ({ ...ol.value, ..._l.value })), Bl = (e) => {
       if (We("onPopupScroll", e), !te.value) return;
       const l = e.target;
       if (!l) return;
       l.scrollHeight - l.scrollTop - l.clientHeight <= 24 && bl();
-    }, _l = (e) => {
+    }, $l = (e) => {
       let l = e.toString();
       return l.length > t.maxTagTextLength && (l = l.substr(0, t.maxTagTextLength) + "..."), l;
-    }, Dl = (e) => t.isRenderNode ? E.value : t.getPopupContainer === void 0 ? document.body : t.getPopupContainer(e), $l = (e) => {
+    }, El = (e) => t.isRenderNode ? $.value : t.getPopupContainer === void 0 ? document.body : t.getPopupContainer(e), Wl = (e) => {
       if (e) {
         const l = new Set(Array.isArray(a.value) ? a.value : []), n = Array.isArray(a.value) ? a.value.slice() : [], o = [];
         qe.value.forEach((u) => {
-          const r = u[g.value];
+          const r = u[y.value];
           l.has(r) || (l.add(r), n.push(r), o.push(u));
         }), a.value = n, se(n, o, "inner");
       } else {
-        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));
+        const l = Array.isArray(t.options) ? t.options : [], n = new Set(l.map((r) => r == null ? void 0 : r[y.value])), o = new Set(l.filter((r) => r == null ? void 0 : r.disabled).map((r) => r == null ? void 0 : r[y.value])), u = (Array.isArray(a.value) ? a.value : []).filter((r) => n.has(r) && o.has(r));
         a.value = u, se(u, [], "inner");
       }
-    }, El = (e) => {
+    }, Fl = (e) => {
       const l = Array.isArray(a.value) ? a.value.slice() : [], n = l.findIndex((o) => o === e);
       return n > -1 ? l.splice(n, 1) : l.push(e), l;
-    }, Bl = (e) => {
+    }, Rl = (e) => {
       w.value && (e.preventDefault(), e.stopPropagation());
-    }, Wl = (e, l) => {
+    }, Hl = (e, l) => {
       if (!w.value || e != null && e.disabled) return;
       l.preventDefault(), l.stopPropagation();
-      const n = e == null ? void 0 : e[g.value];
+      const n = e == null ? void 0 : e[y.value];
       if (n === void 0) return;
-      const o = El(n);
+      const o = Fl(n);
       a.value = o, se(o, e, "inner");
-    }, Fl = (e) => {
+    }, ql = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
         return e.children[0];
-    }, Rl = (e) => {
+    }, Zl = (e) => {
       if (t.mode == "combobox") {
         x("focus", e);
         return;
       }
-      ge.value = !0, t.focusOpen && !t.isExterControlCount && (d.value = P, C.value = !1), x("focus", e);
-    }, ae = i(!1), Hl = () => {
+      ye.value = !0, t.focusOpen && !t.isExterControlCount && (d.value = P, C.value = !1), x("focus", e);
+    }, ae = i(!1), Kl = () => {
       ae.value || setTimeout(() => {
         var e, l;
         (l = (e = A.value) == null ? void 0 : e.blur) == null || l.call(e);
@@ -353,24 +354,24 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
         x("blur", e);
         return;
       }
-      ge.value = !1, t.focusOpen && !t.isExterControlCount && (_(), d.value = v.value, C.value = !0), x("blur", e);
-    }, ql = (e) => {
+      ye.value = !1, t.focusOpen && !t.isExterControlCount && (_(), d.value = v.value, C.value = !0), x("blur", e);
+    }, Ul = (e) => {
       e.onClose(), d.value = 100, k(() => {
-        t.mode !== "combobox" && ye.value || t.focusOpen && (_(), d.value = v.value, C.value = !0);
+        t.mode !== "combobox" && ge.value || t.focusOpen && (_(), d.value = v.value, C.value = !0);
       });
     };
     G(
       () => t.disabled || t.isView,
       (e) => {
         if (e && t.mode !== "combobox") {
-          ge.value = !1;
+          ye.value = !1;
           let l = new Event("blur");
           Ge(l);
         }
       }
     );
     let U = i(!1);
-    const Zl = (e) => {
+    const jl = (e) => {
       U.value = e, N.value = !0, k(() => {
         N.value = !1, t.focusOpen && (_(), d.value = e ? P : v.value, C.value = !e);
       });
@@ -381,7 +382,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
         e && e[0] && e[0].intersectionRatio > 0 && t.focusOpen && d.value === 0 && (d.value = 100, k(() => {
           _(), d.value = v.value, C.value = !0;
         }));
-      }), re.observe(E.value);
+      }), re.observe($.value);
     }), Xe(() => {
       re && re.disconnect();
     });
@@ -421,14 +422,14 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
           Se.value = !1;
           return;
         }
-        t.mode !== "combobox" && ye.value || (N.value = !0, d.value = P, await k(), await _(), N.value = !1, t.isExterControlCount && t.focusOpen ? (d.value = U.value ? P : v.value, C.value = !U.value) : (d.value = v.value, C.value = !0));
+        t.mode !== "combobox" && ge.value || (N.value = !0, d.value = P, await k(), await _(), N.value = !1, t.isExterControlCount && t.focusOpen ? (d.value = U.value ? P : v.value, C.value = !U.value) : (d.value = v.value, C.value = !0));
       }
     );
-    const Kl = (e) => {
+    const Gl = (e) => {
       if (!w.value || t.mode === "combobox") return e;
       const l = Array.isArray(e) ? e : e == null ? [] : [e];
       if (!l.length) return [];
-      const n = Array.from(new Set(l.filter((u) => u !== $e)));
+      const n = Array.from(new Set(l.filter((u) => u !== Be)));
       if (!n.length) return;
       let o = Array.isArray(a.value) ? a.value.slice() : [];
       return n.forEach((u) => {
@@ -437,7 +438,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
       }), o;
     }, se = async (e, l, n = "antdv") => {
       ae.value = !1, t.mode === "combobox" && fe();
-      let o = n === "antdv" ? Kl(e) : e;
+      let o = n === "antdv" ? Gl(e) : e;
       if (o === void 0) {
         z();
         return;
@@ -446,25 +447,25 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
     };
     return D({
       $select: A,
-      toChangeMaxCount: Zl
+      toChangeMaxCount: jl
     }), (e, l) => {
-      const n = Xl("v-nodes");
-      return f(), y(
+      const n = Yl("v-nodes");
+      return f(), g(
         "div",
         {
-          class: Jl(["das-ui-select", [
+          class: et(["das-ui-select", [
             t.borderType,
             t.isView ? "readonly" : "",
             t.error ? "is-error" : "",
             C.value ? "show-ellipsis" : ""
           ]]),
           ref_key: "$selectBox",
-          ref: E,
+          ref: $,
           style: X(Vl.value),
-          onClick: ue(Hl, ["stop"])
+          onClick: ue(Kl, ["stop"])
         },
         [
-          de.value ? (f(), K(c(tt), {
+          de.value ? (f(), K(c(at), {
             key: 0,
             ref_key: "inputTooltipRef",
             ref: Me,
@@ -474,43 +475,43 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
             disabled: al.value,
             content: rl.value
           }, null, 8, ["virtual-ref", "disabled", "content"])) : L("v-if", !0),
-          Te((f(), K(c(et), Le({ mode: cl.value }, ol.value, {
+          Te((f(), K(c(ot), Le({ mode: cl.value }, Dl.value, {
             value: ml.value,
             ref_key: "$select",
             ref: A,
-            options: yl.value,
+            options: gl.value,
             fieldNames: p.fieldNames,
             bordered: t.borderType === "bordered",
             disabled: t.disabled || t.isView,
             showArrow: !0,
-            open: t.noDropdown ? !1 : ye.value,
+            open: t.noDropdown ? !1 : ge.value,
             placeholder: Y.value,
+            showSearch: t.showSearch,
             optionFilterProp: je.value,
             filterOption: Fe,
             size: dl.value,
             style: t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {},
             dropdownClassName: "das-ui-select-dorpdown " + p.dropdownClassName,
             maxTagCount: Cl.value,
-            getPopupContainer: Dl,
+            getPopupContainer: El,
             dropdownStyle: Al.value,
             onDropdownVisibleChange: zl,
             onChange: l[4] || (l[4] = (o, u) => se(o, u, "antdv")),
-            onFocus: Rl,
+            onFocus: Zl,
             onBlur: Ge,
-            onSearch: Pl,
-            onPopupScroll: Nl
-          }), Ql({
+            onPopupScroll: Bl
+          }), lt({
             option: m((o) => [
               S(e.$slots, "option", ie(ce(o)), () => [
                 o.children && typeof o.children == "function" ? (f(), K(n, {
                   key: 0,
                   vnodes: o.children()
-                }, null, 8, ["vnodes"])) : (f(), y(
+                }, null, 8, ["vnodes"])) : (f(), g(
                   ke,
                   { key: 1 },
                   [
                     L(' :option="{value, label, [disabled, key, title]}" '),
-                    p.mode === "combobox" ? Te((f(), y("div", pt, [
+                    p.mode === "combobox" ? Te((f(), g("div", yt, [
                       Ve(
                         Z(o[I.value]),
                         1
@@ -518,23 +519,23 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
                       )
                     ])), [
                       [c(Ye)]
-                    ]) : (f(), y(
+                    ]) : (f(), g(
                       ke,
                       { key: 1 },
                       [
                         L(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
                         b("div", {
                           class: "das-multiple-option-item",
-                          onMousedown: Bl,
-                          onClick: (u) => Wl(o, u)
+                          onMousedown: Rl,
+                          onClick: (u) => Hl(o, u)
                         }, [
                           (f(), K(c(Qe), {
                             class: "das-select-checkbox",
-                            modelValue: He.value.has(o[g.value]),
-                            key: o[g.value],
+                            modelValue: He.value.has(o[y.value]),
+                            key: o[y.value],
                             disabled: o.disabled
                           }, null, 8, ["modelValue", "disabled"])),
-                          Te((f(), y("div", mt, [
+                          Te((f(), g("div", bt, [
                             Ve(
                               Z(o[I.value]),
                               1
@@ -543,7 +544,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
                           ])), [
                             [c(Ye)]
                           ])
-                        ], 40, ht)
+                        ], 40, gt)
                       ],
                       2112
                       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -559,20 +560,20 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
                 V(c(Ie), {
                   closable: !w.value && o.closable,
                   style: { "margin-right": "3px", "background-color": "transparent" },
-                  onClose: (u) => ql(o)
+                  onClose: (u) => Ul(o)
                 }, {
                   default: m(() => [
-                    w.value ? (f(), y("span", {
+                    w.value ? (f(), g("span", {
                       key: 0,
                       innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
-                    }, null, 8, gt)) : (f(), y(
+                    }, null, 8, Ct)) : (f(), g(
                       "span",
                       {
                         key: 1,
                         class: "tag-span",
                         style: X(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
                       },
-                      Z(_l(pe(o.value) ?? o.label ?? String(o.value))),
+                      Z($l(pe(o.value) ?? o.label ?? String(o.value))),
                       5
                       /* TEXT, STYLE */
                     ))
@@ -586,9 +587,9 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
               S(e.$slots, "dropdownRender", ie(ce({ menuNode: o })), () => {
                 var u;
                 return [
-                  Ne.value === "combobox" ? (f(), y("div", yt, [
+                  Ne.value === "combobox" ? (f(), g("div", wt, [
                     V(n, { vnodes: o }, null, 8, ["vnodes"])
-                  ])) : Ne.value === "custom" ? (f(), y("div", {
+                  ])) : Ne.value === "custom" ? (f(), g("div", {
                     key: 1,
                     onClick: l[2] || (l[2] = ue(() => {
                     }, ["stop"]))
@@ -601,12 +602,12 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
                         onMousedown: l[1] || (l[1] = (r) => r.preventDefault())
                       },
                       [
-                        V(c(ot), Le({
+                        V(c(rt), Le({
                           ref_key: "testInput",
                           ref: sl,
                           modelValue: R.value,
                           "onUpdate:modelValue": l[0] || (l[0] = (r) => R.value = r),
-                          onKeyup: Yl(_e, ["enter"]),
+                          onKeyup: tt(_e, ["enter"]),
                           onFocus: ue(ul, ["stop"]),
                           onBlur: ue(il, ["stop"]),
                           width: "100%",
@@ -626,9 +627,9 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
                       32
                       /* NEED_HYDRATION */
                     )
-                  ])) : (f(), y("div", bt, [
+                  ])) : (f(), g("div", St, [
                     V(n, { vnodes: o }, null, 8, ["vnodes"]),
-                    (u = t.options) != null && u.length && t.showSelectAll ? (f(), y(
+                    (u = t.options) != null && u.length && t.showSelectAll ? (f(), g(
                       "div",
                       {
                         key: 0,
@@ -636,11 +637,11 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
                         onMousedown: l[3] || (l[3] = (r) => r.preventDefault())
                       },
                       [
-                        b("div", Ct, [
+                        b("div", xt, [
                           V(c(Qe), {
                             modelValue: Tl.value,
                             indeterminate: kl.value,
-                            onChange: $l,
+                            onChange: Wl,
                             style: { display: "flex" }
                           }, {
                             default: m(() => [
@@ -657,7 +658,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
                         b("span", {
                           class: "das-ui-dropdown-has-checked",
                           innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
-                        }, null, 8, wt)
+                        }, null, 8, At)
                       ],
                       32
                       /* NEED_HYDRATION */
@@ -668,7 +669,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
             ]),
             clearIcon: m(() => [
               S(e.$slots, "clearIcon", {}, () => [
-                V(c(at), { size: "medium" })
+                V(c(ut), { size: "medium" })
               ], !0)
             ]),
             maxTagPlaceholder: m((o) => [
@@ -680,7 +681,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
                   default: m(() => [
                     b("span", {
                       innerHTML: c(M)("das-ui-select-selectedItemsCountWithPlaceholder", Q.value)
-                    }, null, 8, St)
+                    }, null, 8, Tt)
                   ]),
                   _: 1
                   /* STABLE */
@@ -701,7 +702,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
             ]),
             suffixIcon: m(() => [
               S(e.$slots, "suffixIcon", {}, () => [
-                V(c(nt), {
+                V(c(st), {
                   class: "das-suffix-icon",
                   size: "medium"
                 })
@@ -734,15 +735,15 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
               ]),
               key: "2"
             } : void 0
-          ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
-            [c(lt), { target: Fl, x: !1 }],
-            [c(st), Ol]
+          ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "showSearch", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
+            [c(nt), { target: ql, x: !1 }],
+            [c(ct), Ol]
           ]),
-          p.error && p.errorLabel ? (f(), y(
+          p.error && p.errorLabel ? (f(), g(
             ke,
             { key: 1 },
             [
-              p.errorMode === "default" ? (f(), y("div", xt, [
+              p.errorMode === "default" ? (f(), g("div", kt, [
                 b(
                   "span",
                   {
@@ -753,7 +754,7 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
                   /* TEXT, STYLE */
                 )
               ])) : L("v-if", !0),
-              p.errorMode === "overlay" && we.value ? (f(), K(c(rt), {
+              p.errorMode === "overlay" && we.value ? (f(), K(c(it), {
                 key: 1,
                 errorLabel: p.errorLabel,
                 getEl: () => A.value.$el,
@@ -772,16 +773,16 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
               style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
             },
             [
-              b("div", At, [
-                b("div", Tt, [
-                  b("span", kt, [
+              b("div", Vt, [
+                b("div", It, [
+                  b("span", Lt, [
                     V(c(Ie), {
                       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, Vt)
+                        }, null, 8, Mt)
                       ]),
                       _: 1
                       /* STABLE */
@@ -800,22 +801,22 @@ const pt = { key: 0 }, ht = ["onClick"], mt = { style: { display: "inline-block"
     };
   }
 }), tl = (p, D) => {
-  const $ = p.__vccOpts || p;
+  const B = p.__vccOpts || p;
   for (const [t, x] of D)
-    $[t] = x;
-  return $;
-}, Mt = /* @__PURE__ */ tl(Lt, [["__scopeId", "data-v-93b3fa17"]]), Ot = {};
-function zt(p, D) {
-  const $ = vt;
+    B[t] = x;
+  return B;
+}, Pt = /* @__PURE__ */ tl(zt, [["__scopeId", "data-v-00ff3a8a"]]), Nt = {};
+function _t(p, D) {
+  const B = mt;
   return f(), K(
-    $,
+    B,
     Le({ class: "das-ui-select-option" }, p.$attrs),
     null,
     16
     /* FULL_PROPS */
   );
 }
-const Pt = /* @__PURE__ */ tl(Ot, [["render", zt]]), Nt = {
+const Dt = /* @__PURE__ */ tl(Nt, [["render", _t]]), Bt = {
   添加: { "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" },
@@ -826,10 +827,10 @@ const Pt = /* @__PURE__ */ tl(Ot, [["render", zt]]), Nt = {
     _appCode: "framework"
   }
 };
-it(Nt);
-const lo = el(Mt), to = el(Pt), oo = { name: "select 选择器" };
+ft(Bt);
+const no = el(Pt), ao = el(Dt), ro = { name: "select 选择器" };
 export {
-  lo as DasSelect,
-  to as DasSelectOption,
-  oo as default
+  no as DasSelect,
+  ao as DasSelectOption,
+  ro as default
 };