@das-fed/upf-ui 6.4.0-dev.161 → 6.4.0-dev.162

package/packages/components/select/index.js

@@ -1,31 +1,34 @@
 import '@das-fed/upf-ui/packages/components/select/style.css';
 import { withInstall as Ae } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as Me, useCssVars as ul, computed as c, ref as n, watch as G, useSlots as il, onMounted as de, onUnmounted as Le, watchEffect as ce, nextTick as T, resolveComponent as dl, createElementBlock as g, openBlock as f, normalizeStyle as H, normalizeClass as cl, createVNode as y, withDirectives as ve, createCommentVNode as k, createElementVNode as h, unref as r, createBlock as Z, mergeProps as he, withModifiers as J, isRef as vl, createSlots as fl, withCtx as p, renderSlot as w, normalizeProps as Q, guardReactiveProps as Y, withKeys as pl, toDisplayString as W, createTextVNode as fe, Fragment as pe } from "vue";
-import { Select as ml, Tag as me } from "ant-design-vue";
-import { DasCheckbox as Ne } from "@das-fed/upf-ui/packages/components/checkbox/index";
+import { defineComponent as Me, useCssVars as ul, computed as c, ref as n, watch as X, useSlots as il, onMounted as de, onUnmounted as Ve, watchEffect as ce, nextTick as T, resolveComponent as dl, createElementBlock as g, openBlock as f, normalizeStyle as q, normalizeClass as cl, createVNode as y, withDirectives as ve, createCommentVNode as G, createElementVNode as h, unref as r, createBlock as H, mergeProps as me, withModifiers as J, isRef as vl, createSlots as fl, withCtx as p, renderSlot as w, normalizeProps as Q, guardReactiveProps as Y, withKeys as pl, toDisplayString as O, createTextVNode as fe, Fragment as Le } from "vue";
+import { Select as ml, Tag as pe } from "ant-design-vue";
+import { DasCheckbox as ze } from "@das-fed/upf-ui/packages/components/checkbox/index";
 import { vScrollbar as hl } from "@das-fed/upf-ui/packages/components/scrollbar/index";
 import { DasTooltip as bl } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { vDasTooltip as ze } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { vDasTooltip as Ne } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import { DasInput as gl } from "@das-fed/upf-ui/packages/components/input/index";
 import { DasIconXiala as yl } from "@das-fed/upf-ui/packages/icons/xiala/index";
 import { DasIconEmpty as wl } from "@das-fed/upf-ui/packages/icons/empty/index";
 import { DasErrorOverlayModel as Cl } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
 import { vHoverInside as xl } from "@das-fed/upf-utils/directive";
 import { getVarValue as Tl, getVar as _e, setThemeRule as kl } from "@das-fed/upf-web/packages/theme/index";
-import { t as P, currentLang as Il, setI18nRule as Sl } from "@das-fed/upf-web/packages/i18n/index";
+import { t as W, currentLang as Il, setI18nRule as Sl } from "@das-fed/upf-web/packages/i18n/index";
 import { useZIndex as Vl } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
 import { useModelValue as Ll } from "@das-fed/upf-utils/vue";
-import { calcTextWidth as Nl } from "@das-fed/upf-utils/common-tools";
+import { calcTextWidth as zl } 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 zl } from "ant-design-vue/es";
-const _l = { key: 0 }, Al = { class: "das-multiple-option-item" }, Ml = { style: { display: "inline-block" } }, $l = { key: 0 }, Bl = { key: 2 }, Fl = { style: { display: "inline-block" } }, Dl = ["innerHTML"], El = ["innerHTML"], Ol = {
+import { SelectOption as Nl } from "ant-design-vue/es";
+const _l = { key: 0 }, Al = {
+  key: 1,
+  class: "das-multiple-option-item"
+}, Ml = { style: { display: "inline-block" } }, $l = { key: 0 }, Bl = { key: 2 }, Fl = { style: { display: "inline-block" } }, Dl = ["innerHTML"], El = ["innerHTML"], Ol = {
   key: 0,
   class: "das-select-error-label-content das-select-label-content"
 }, Wl = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Pl = { class: "ant-select-selection-item" }, Rl = { class: "ant-select-selection-item-content" }, ql = ["innerHTML"], Hl = Me({
   inheritAttrs: !1,
   components: {
-    VNodes: (I, { attrs: A }) => A.vnodes
+    VNodes: (k, { attrs: _ }) => _.vnodes
   }
 }), Zl = /* @__PURE__ */ Me({
   ...Hl,
@@ -66,67 +69,67 @@ const _l = { key: 0 }, Al = { class: "das-multiple-option-item" }, Ml = { style:
     showSelectAll: { type: Boolean, default: !0 }
   },
   emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
-  setup(I, { expose: A, emit: M }) {
+  setup(k, { expose: _, emit: A }) {
     ul((e) => ({
       "60aa6d07": Re.value,
       ca578bf4: qe.value
     }));
-    const l = I, C = M, s = Ll(l, "modelValue"), ee = c(() => {
+    const l = k, C = A, s = Ll(l, "modelValue"), ee = c(() => {
       var e;
       return `<span class='key'>${((e = s.value) == null ? void 0 : e.length) ?? 0}</span>`;
-    }), $ = n(null), be = n(null), b = n(!1), K = c(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || P("请选择")), Be = c(() => $.value ? $.value.querySelector(".ant-select-selector") : null), B = n(0), F = n(0), Fe = c(() => l.isTooltip && S.value ? !1 : !l.isTooltip || L.value || !Se.value || !ae.value), De = c(() => (Array.isArray(s.value) ? s.value.length : s.value) ? Se.value : K.value), ge = () => {
+    }), M = n(null), he = n(null), b = n(!1), Z = c(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || W("请选择")), Be = c(() => M.value ? M.value.querySelector(".ant-select-selector") : null), $ = n(0), B = n(0), Fe = c(() => l.isTooltip && I.value ? !1 : !l.isTooltip || V.value || !Ie.value || !ae.value), De = c(() => (Array.isArray(s.value) ? s.value.length : s.value) ? Ie.value : Z.value), be = () => {
       const e = l.size === "table" ? 12 : 14;
-      return Nl(K.value, e);
-    }, ye = () => {
-      var _, q, d;
-      const e = (_ = $.value) == null ? void 0 : _.querySelector(".ant-select-selection-placeholder"), t = (d = (q = x.value) == null ? void 0 : q.$el) == null ? void 0 : d.querySelectorAll(".ant-select-selection-item");
+      return zl(Z.value, e);
+    }, ge = () => {
+      var N, R, d;
+      const e = (N = M.value) == null ? void 0 : N.querySelector(".ant-select-selection-placeholder"), t = (d = (R = x.value) == null ? void 0 : R.$el) == null ? void 0 : d.querySelectorAll(".ant-select-selection-item");
       t && t.length && t.forEach((ie) => ie.removeAttribute("title"));
       let a = (e == null ? void 0 : e.offsetWidth) ?? 0;
       if (a === 0) return a;
       const o = window.getComputedStyle(e, null), m = parseFloat(o.paddingRight), v = parseFloat(o.paddingLeft);
       return a - m - v;
-    }, S = n(!1);
-    G(() => [K.value, s.value], () => {
+    }, I = n(!1);
+    X(() => [Z.value, s.value], () => {
       T(() => {
-        F.value = ye(), B.value = ge(), ((Array.isArray(s.value) ? s.value.length : s.value) || F.value === B.value || B.value - F.value < 1) && (S.value = !1);
+        B.value = ge(), $.value = be(), ((Array.isArray(s.value) ? s.value.length : s.value) || B.value === $.value || $.value - B.value < 1) && (I.value = !1);
       });
-    }), G(
+    }), X(
       () => {
         var e;
-        return (e = be.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = he.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          S.value = !0, O.value && clearTimeout(O.value);
+          I.value = !0, E.value && clearTimeout(E.value);
         }), e.addEventListener("mouseleave", function() {
-          O.value = setTimeout(() => {
-            S.value = !1;
+          E.value = setTimeout(() => {
+            I.value = !1;
           }, 200);
         }));
       }
     );
-    const we = n(null), Ce = c(() => l.dropdownMode ?? l.mode ?? ""), D = n(null), Ee = n(null), E = n(""), Oe = () => {
-      D.value = !0;
+    const ye = n(null), we = c(() => l.dropdownMode ?? l.mode ?? ""), F = n(null), Ee = n(null), D = n(""), Oe = () => {
+      F.value = !0;
     }, We = () => {
-      D.value = null;
-    }, xe = () => {
-      E.value && (C("addCustomItem", E.value), T(() => {
-        x.value.focus(), E.value = "";
+      F.value = null;
+    }, Ce = () => {
+      D.value && (C("addCustomItem", D.value), T(() => {
+        x.value.focus(), D.value = "";
       }));
-    }, Te = il(), le = () => {
-      l.dropdownMode === "custom" && !Te.dropdownRender && (D.value = !1, T(() => {
-        D.value = null;
+    }, xe = il(), le = () => {
+      l.dropdownMode === "custom" && !xe.dropdownRender && (F.value = !1, T(() => {
+        F.value = null;
       }));
     };
     de(() => {
       document.addEventListener("click", le);
-    }), Le(() => {
+    }), Ve(() => {
       document.removeEventListener("click", le);
     });
-    const x = n(), ke = n(), te = n(!1), oe = c(() => {
-      if (D.value !== null) return D.value;
+    const x = n(), Te = n(), te = n(!1), oe = c(() => {
+      if (F.value !== null) return F.value;
       if (l.open !== void 0) return l.open;
-    }), V = 1e6, u = n(100), i = n(100), L = n(!1), ae = n(!0), se = n(!1);
+    }), S = 1e6, u = n(100), i = n(100), V = n(!1), ae = n(!0), se = n(!1);
     ce(() => {
       s.value && l.mode == "combobox" && (ae.value = !0, setTimeout(() => {
         var t;
@@ -138,7 +141,7 @@ const _l = { key: 0 }, Al = { class: "das-multiple-option-item" }, Ml = { style:
           }
       }, 300));
     }), ce(() => {
-      l.options && (ke.value = l.options.map((e) => (e.title = e.title ? e.title : "", e)));
+      l.options && (Te.value = l.options.map((e) => (e.title = e.title ? e.title : "", e)));
     });
     const Pe = () => {
       setTimeout(async () => {
@@ -150,20 +153,20 @@ const _l = { key: 0 }, Al = { class: "das-multiple-option-item" }, Ml = { style:
     }), de(() => {
       se.value = !0, l.focusOpen || (i.value = 1, u.value = i.value, b.value = !0);
     });
-    const Re = c(() => l.width ? l.width : "230px"), qe = c(() => l.height ? l.height : "auto"), Ie = n(3e3), He = c(() => ({
-      "z-index": Ie.value
-    })), Se = c(() => {
+    const Re = c(() => l.width ? l.width : "230px"), qe = c(() => l.height ? l.height : "auto"), ke = n(3e3), He = c(() => ({
+      "z-index": ke.value
+    })), Ie = c(() => {
       var t;
       let e = [];
       if (l.mode != "combobox" && Array.isArray(s.value))
         s.value.map((a) => {
           var m;
-          let o = (m = l.options) == null ? void 0 : m.find((v) => v[N.value] == a);
-          o && e.push(o[U.value]);
+          let o = (m = l.options) == null ? void 0 : m.find((v) => v[L.value] == a);
+          o && e.push(o[K.value]);
         });
       else if (l.mode == "combobox" && s.value) {
-        let a = (t = l.options) == null ? void 0 : t.find((o) => o[N.value] == s.value);
-        a && e.push(a[U.value]);
+        let a = (t = l.options) == null ? void 0 : t.find((o) => o[L.value] == s.value);
+        a && e.push(a[K.value]);
       }
       return Il.value === "zh-CN" ? e.join("、") : e.join(", ");
     }), Ze = c(() => {
@@ -179,10 +182,10 @@ const _l = { key: 0 }, Al = { class: "das-multiple-option-item" }, Ml = { style:
     }), Ue = c(() => {
       var e, t;
       return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
-    }), U = c(() => {
+    }), K = c(() => {
       var e;
       return l.fieldNames && l.fieldNames.label ? (e = l.fieldNames) == null ? void 0 : e.label : "label";
-    }), N = c(() => {
+    }), L = c(() => {
       var e;
       return l.fieldNames && l.fieldNames.value ? (e = l.fieldNames) == null ? void 0 : e.value : "value";
     }), je = c(() => ({
@@ -191,35 +194,35 @@ const _l = { key: 0 }, Al = { class: "das-multiple-option-item" }, Ml = { style:
       display: "block",
       color: Tl("--das-ui-select-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), O = n(), Ge = () => {
+    }), E = n(), Ge = () => {
       var a;
-      F.value = ye(), B.value = ge();
+      B.value = ge(), $.value = be();
       let e = (a = x.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
-      !!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || F.value === B.value || B.value - F.value < 1 ? S.value = !1 : (S.value = !0, O.value && clearTimeout(O.value)), ne.value = !0;
+      !!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || B.value === $.value || $.value - B.value < 1 ? I.value = !1 : (I.value = !0, E.value && clearTimeout(E.value)), ne.value = !0;
     }, Je = () => {
-      O.value = setTimeout(() => {
-        S.value = !1;
+      E.value = setTimeout(() => {
+        I.value = !1;
       }, 200), ne.value = !1;
     }, Qe = (e, t) => {
       e ? Ge() : Je();
     }, Ye = (e) => {
-      e && (Ie.value = Vl().nextZIndex(), E.value = ""), j.value = e, l.mode == "combobox" && (e || setTimeout(() => {
+      e && (ke.value = Vl().nextZIndex(), D.value = ""), U.value = e, l.mode == "combobox" && (e || setTimeout(() => {
         var t, a;
         (a = (t = x.value) == null ? void 0 : t.blur) == null || a.call(t);
       })), C("dropdownVisibleChange", e);
     }, el = (e) => {
       let t = e.toString();
       return t.length > l.maxTagTextLength && (t = t.substr(0, l.maxTagTextLength) + "..."), t;
-    }, ll = (e) => l.isRenderNode ? $.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), tl = (e) => {
+    }, ll = (e) => l.isRenderNode ? M.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), tl = (e) => {
       if (e) {
         Array.isArray(s.value) || (s.value = []);
         let t = s.value, a = [];
         l.options.forEach((o) => {
-          !s.value.includes(o[N.value]) && !o.disabled && (t.push(o[N.value]), a.push(o));
+          !s.value.includes(o[L.value]) && !o.disabled && (t.push(o[L.value]), a.push(o));
         }), s.value = t, ue(s.value, a);
       } else {
         let t = s.value;
-        s.value = t.filter((a) => !!l.options.find((o) => o[N.value] === a).disabled), ue(s.value, []);
+        s.value = t.filter((a) => !!l.options.find((o) => o[L.value] === a).disabled), ue(s.value, []);
       }
     }, ol = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
@@ -229,15 +232,15 @@ const _l = { key: 0 }, Al = { class: "das-multiple-option-item" }, Ml = { style:
         C("focus", e);
         return;
       }
-      te.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = V, b.value = !1), C("focus", e);
-    }, j = n(!1), sl = () => {
-      j.value || setTimeout(() => {
+      te.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = S, b.value = !1), C("focus", e);
+    }, U = n(!1), sl = () => {
+      U.value || setTimeout(() => {
         var e, t;
         (t = (e = x.value) == null ? void 0 : e.blur) == null || t.call(e);
       }), l.mode != "combobox";
-    }, Ve = (e) => {
+    }, Se = (e) => {
       if (T(() => {
-        j.value = !1;
+        U.value = !1;
       }), l.mode == "combobox") {
         C("blur", e);
         return;
@@ -248,438 +251,343 @@ const _l = { key: 0 }, Al = { class: "das-multiple-option-item" }, Ml = { style:
         l.mode !== "combobox" && oe.value || l.focusOpen && (z(), u.value = i.value, b.value = !0);
       });
     };
-    G(
+    X(
       () => l.disabled || l.isView,
       (e) => {
         if (e && l.mode !== "combobox") {
           te.value = !1;
           let t = new Event("blur");
-          Ve(t);
+          Se(t);
         }
       }
     );
-    let R = n(!1);
+    let P = n(!1);
     const rl = (e) => {
-      R.value = e, L.value = !0, T(() => {
-        L.value = !1, l.focusOpen && (z(), u.value = e ? V : i.value, b.value = !e);
+      P.value = e, V.value = !0, T(() => {
+        V.value = !1, l.focusOpen && (z(), u.value = e ? S : i.value, b.value = !e);
       });
     };
-    let X = null;
+    let j = null;
     de(() => {
-      X = new IntersectionObserver((e) => {
+      j = new IntersectionObserver((e) => {
         e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && u.value === 0 && (u.value = 100, T(() => {
           z(), u.value = i.value, b.value = !0;
         }));
-      }), X.observe($.value);
-    }), Le(() => {
-      X && X.disconnect();
+      }), j.observe(M.value);
+    }), Ve(() => {
+      j && j.disconnect();
     });
     const z = () => {
-      var q;
-      let e = (q = x.value) == null ? void 0 : q.$el;
+      var R;
+      let e = (R = x.value) == null ? void 0 : R.$el;
       if (!e) return;
       let t = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
       if (!t) return;
       let a = t.offsetWidth - 5;
       l.borderType === "underline" && (a -= 10);
-      const m = Math.ceil(we.value.querySelector(".ant-tag").offsetWidth) + 4;
+      const m = Math.ceil(ye.value.querySelector(".ant-tag").offsetWidth) + 4;
       let v = e.querySelectorAll(".ant-select-selection-overflow-item");
       if (v.length < 1) return;
-      u.value = V;
-      let _ = 0;
+      u.value = S;
+      let N = 0;
       for (let d = 0; d < v.length - 1 && (v[d].classList.remove("ellipsis"), !v[d].classList.contains("ant-select-selection-overflow-item-rest")); d++)
-        if (_ += Math.ceil(v[d].offsetWidth), _ <= a - m)
-          d >= s.value.length - 1 && _ < a ? i.value = s.value.length : i.value = d + 1;
+        if (N += Math.ceil(v[d].offsetWidth), N <= a - m)
+          d >= s.value.length - 1 && N < a ? i.value = s.value.length : i.value = d + 1;
         else {
-          d >= s.value.length - 1 && _ < a ? i.value = s.value.length : i.value = d;
+          d >= s.value.length - 1 && N < a ? i.value = s.value.length : i.value = d;
           break;
         }
       if (i.value === 0) {
         let d = v[0], ie = d.querySelector(".anticon-close") ? 86 : 69;
-        d && !d.classList.contains("ant-select-selection-overflow-item-rest") && ie <= a - m && !Te.tagRender && (i.value = 1, d.classList.add("ellipsis"));
+        d && !d.classList.contains("ant-select-selection-overflow-item-rest") && ie <= a - m && !xe.tagRender && (i.value = 1, d.classList.add("ellipsis"));
       }
     }, re = n(!1);
-    G(
+    X(
       () => s.value,
       async () => {
         if (re.value) {
           re.value = !1;
           return;
         }
-        l.mode !== "combobox" && oe.value || (L.value = !0, u.value = V, await T(), await z(), L.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = R.value ? V : i.value, b.value = !R.value) : (u.value = i.value, b.value = !0));
+        l.mode !== "combobox" && oe.value || (V.value = !0, u.value = S, await T(), await z(), V.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = P.value ? S : i.value, b.value = !P.value) : (u.value = i.value, b.value = !0));
       }
     );
     const ue = async (e, t) => {
-      re.value = !0, j.value = !1, l.mode === "combobox" && le();
+      re.value = !0, U.value = !1, l.mode === "combobox" && le();
       const a = e;
-      l.noDropdown && l.maxTagsLength < a.length && a.pop(), L.value = !0, C("update:model-value", a), C("change", a, t), u.value = V, await T(), await z(), L.value = !1, l.isExterControlCount && l.focusOpen && (u.value = R.value ? V : i.value, b.value = !R.value), l.focusOpen || (u.value = i.value);
+      l.noDropdown && l.maxTagsLength < a.length && a.pop(), V.value = !0, C("update:model-value", a), C("change", a, t), u.value = S, await T(), await z(), V.value = !1, l.isExterControlCount && l.focusOpen && (u.value = P.value ? S : i.value, b.value = !P.value), l.focusOpen || (u.value = i.value);
     };
-    return A({
+    return _({
       $select: x,
       toChangeMaxCount: rl
     }), (e, t) => {
       const a = dl("v-nodes");
-      return f(), g(
-        "div",
-        {
-          class: cl(["das-ui-select", [
-            l.borderType,
-            l.isView ? "readonly" : "",
-            l.error ? "is-error" : "",
-            b.value ? "show-ellipsis" : ""
-          ]]),
-          ref_key: "$selectBox",
-          ref: $,
-          style: H(je.value)
-        },
-        [
-          y(r(bl), {
-            ref_key: "inputTooltipRef",
-            ref: be,
-            placement: "top",
-            "virtual-triggering": "",
-            "virtual-ref": Be.value,
-            disabled: Fe.value,
-            content: De.value
-          }, null, 8, ["virtual-ref", "disabled", "content"]),
-          ve((f(), Z(r(ml), he({ mode: e.mode }, e.$attrs, {
-            value: r(s),
-            "onUpdate:value": t[4] || (t[4] = (o) => vl(s) ? s.value = o : null),
-            ref_key: "$select",
-            ref: x,
-            options: ke.value,
-            fieldNames: e.fieldNames,
-            bordered: l.borderType === "bordered",
-            disabled: l.disabled || l.isView,
-            showArrow: !0,
-            open: l.noDropdown ? !1 : oe.value,
-            placeholder: K.value,
-            optionFilterProp: Ue.value,
-            size: l.size == "middle" ? "defalut" : l.size == "mini" ? "small" : l.size,
-            style: l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {},
-            dropdownClassName: "das-ui-select-dorpdown " + e.dropdownClassName,
-            maxTagCount: u.value,
-            getPopupContainer: ll,
-            dropdownStyle: He.value,
-            onDropdownVisibleChange: Ye,
-            onChange: ue,
-            onFocus: al,
-            onClick: [
-              sl,
-              t[5] || (t[5] = J(() => {
-              }, ["stop"]))
-            ],
-            onBlur: Ve
-          }), fl({
-            option: p((o) => [
-              w(e.$slots, "option", Q(Y(o)), () => {
-                var m;
-                return [
-                  o.children && typeof o.children == "function" ? (f(), Z(a, {
+      return f(), g("div", {
+        class: cl(["das-ui-select", [
+          l.borderType,
+          l.isView ? "readonly" : "",
+          l.error ? "is-error" : "",
+          b.value ? "show-ellipsis" : ""
+        ]]),
+        ref_key: "$selectBox",
+        ref: M,
+        style: q(je.value)
+      }, [
+        y(r(bl), {
+          ref_key: "inputTooltipRef",
+          ref: he,
+          placement: "top",
+          "virtual-triggering": "",
+          "virtual-ref": Be.value,
+          disabled: Fe.value,
+          content: De.value
+        }, null, 8, ["virtual-ref", "disabled", "content"]),
+        ve((f(), H(r(ml), me({ mode: e.mode }, e.$attrs, {
+          value: r(s),
+          "onUpdate:value": t[4] || (t[4] = (o) => vl(s) ? s.value = o : null),
+          ref_key: "$select",
+          ref: x,
+          options: Te.value,
+          fieldNames: e.fieldNames,
+          bordered: l.borderType === "bordered",
+          disabled: l.disabled || l.isView,
+          showArrow: !0,
+          open: l.noDropdown ? !1 : oe.value,
+          placeholder: Z.value,
+          optionFilterProp: Ue.value,
+          size: l.size == "middle" ? "defalut" : l.size == "mini" ? "small" : l.size,
+          style: l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {},
+          dropdownClassName: "das-ui-select-dorpdown " + e.dropdownClassName,
+          maxTagCount: u.value,
+          getPopupContainer: ll,
+          dropdownStyle: He.value,
+          onDropdownVisibleChange: Ye,
+          onChange: ue,
+          onFocus: al,
+          onClick: [
+            sl,
+            t[5] || (t[5] = J(() => {
+            }, ["stop"]))
+          ],
+          onBlur: Se
+        }), fl({
+          option: p((o) => [
+            w(e.$slots, "option", Q(Y(o)), () => {
+              var m;
+              return [
+                o.children && typeof o.children == "function" ? (f(), H(a, {
+                  key: 0,
+                  vnodes: o.children()
+                }, null, 8, ["vnodes"])) : (f(), g(Le, { key: 1 }, [
+                  e.mode === "combobox" ? ve((f(), g("div", _l, [
+                    fe(O(o[K.value]), 1)
+                  ])), [
+                    [r(Ne)]
+                  ]) : (f(), g("div", Al, [
+                    (f(), H(r(ze), {
+                      class: "das-select-checkbox",
+                      modelValue: (m = r(s)) == null ? void 0 : m.includes(o[L.value]),
+                      key: o[L.value],
+                      disabled: o.disabled
+                    }, null, 8, ["modelValue", "disabled"])),
+                    ve((f(), g("div", Ml, [
+                      fe(O(o[K.value]), 1)
+                    ])), [
+                      [r(Ne)]
+                    ])
+                  ]))
+                ], 64))
+              ];
+            }, !0)
+          ]),
+          tagRender: p((o) => [
+            w(e.$slots, "tagRender", Q(Y(o)), () => [
+              y(r(pe), {
+                closable: o.closable,
+                style: { "margin-right": "3px", "background-color": "transparent" },
+                onClose: (m) => nl(o)
+              }, {
+                default: p(() => [
+                  h("span", {
+                    class: "tag-span",
+                    style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+                  }, O(el(o.label)), 5)
+                ]),
+                _: 2
+              }, 1032, ["closable", "onClose"])
+            ], !0)
+          ]),
+          dropdownRender: p(({ menuNode: o }) => [
+            w(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
+              var m;
+              return [
+                we.value === "combobox" ? (f(), g("div", $l, [
+                  y(a, { vnodes: o }, null, 8, ["vnodes"])
+                ])) : we.value === "custom" ? (f(), g("div", {
+                  key: 1,
+                  onClick: t[2] || (t[2] = J(() => {
+                  }, ["stop"]))
+                }, [
+                  y(a, { vnodes: o }, null, 8, ["vnodes"]),
+                  h("div", {
+                    class: "customDropdown",
+                    onMousedown: t[1] || (t[1] = (v) => v.preventDefault())
+                  }, [
+                    y(r(gl), me({
+                      ref_key: "testInput",
+                      ref: Ee,
+                      modelValue: D.value,
+                      "onUpdate:modelValue": t[0] || (t[0] = (v) => D.value = v),
+                      onKeyup: pl(Ce, ["enter"]),
+                      onFocus: J(Oe, ["stop"]),
+                      onBlur: J(We, ["stop"]),
+                      width: "100%",
+                      borderType: "bordered"
+                    }, l.inputAttrs), null, 16, ["modelValue"]),
+                    h("div", {
+                      class: "addBtn",
+                      onClick: Ce
+                    }, O(r(W)("添加")), 1)
+                  ], 32)
+                ])) : (f(), g("div", Bl, [
+                  y(a, { vnodes: o }, null, 8, ["vnodes"]),
+                  (m = l.options) != null && m.length && l.showSelectAll ? (f(), g("div", {
                     key: 0,
-                    vnodes: o.children()
-                  }, null, 8, ["vnodes"])) : (f(), g(
-                    pe,
-                    { key: 1 },
-                    [
-                      k(' :option="{value, label, [disabled, key, title]}" '),
-                      e.mode === "combobox" ? ve((f(), g("div", _l, [
-                        fe(
-                          W(o[U.value]),
-                          1
-                          /* TEXT */
-                        )
-                      ])), [
-                        [r(ze)]
-                      ]) : (f(), g(
-                        pe,
-                        { key: 1 },
-                        [
-                          k(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
-                          h("div", Al, [
-                            (f(), Z(r(Ne), {
-                              class: "das-select-checkbox",
-                              modelValue: (m = r(s)) == null ? void 0 : m.includes(o[N.value]),
-                              key: o[N.value],
-                              disabled: o.disabled
-                            }, null, 8, ["modelValue", "disabled"])),
-                            ve((f(), g("div", Ml, [
-                              fe(
-                                W(o[U.value]),
-                                1
-                                /* TEXT */
-                              )
-                            ])), [
-                              [r(ze)]
-                            ])
-                          ])
-                        ],
-                        2112
-                        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                      ))
-                    ],
-                    64
-                    /* STABLE_FRAGMENT */
-                  ))
-                ];
-              }, !0)
-            ]),
-            tagRender: p((o) => [
-              w(e.$slots, "tagRender", Q(Y(o)), () => [
-                y(r(me), {
-                  closable: o.closable,
-                  style: { "margin-right": "3px", "background-color": "transparent" },
-                  onClose: (m) => nl(o)
-                }, {
-                  default: p(() => [
-                    h(
-                      "span",
-                      {
-                        class: "tag-span",
-                        style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
-                      },
-                      W(el(o.label)),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["closable", "onClose"])
-              ], !0)
-            ]),
-            dropdownRender: p(({ menuNode: o }) => [
-              w(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
-                var m;
-                return [
-                  Ce.value === "combobox" ? (f(), g("div", $l, [
-                    y(a, { vnodes: o }, null, 8, ["vnodes"])
-                  ])) : Ce.value === "custom" ? (f(), g("div", {
-                    key: 1,
-                    onClick: t[2] || (t[2] = J(() => {
-                    }, ["stop"]))
+                    class: "das-ui-select-dropdown-checkall",
+                    onMousedown: t[3] || (t[3] = (v) => v.preventDefault())
                   }, [
-                    y(a, { vnodes: o }, null, 8, ["vnodes"]),
-                    h(
-                      "div",
-                      {
-                        class: "customDropdown",
-                        onMousedown: t[1] || (t[1] = (v) => v.preventDefault())
-                      },
-                      [
-                        y(r(gl), he({
-                          ref_key: "testInput",
-                          ref: Ee,
-                          modelValue: E.value,
-                          "onUpdate:modelValue": t[0] || (t[0] = (v) => E.value = v),
-                          onKeyup: pl(xe, ["enter"]),
-                          onFocus: J(Oe, ["stop"]),
-                          onBlur: J(We, ["stop"]),
-                          width: "100%",
-                          borderType: "bordered"
-                        }, l.inputAttrs), null, 16, ["modelValue"]),
-                        h(
-                          "div",
-                          {
-                            class: "addBtn",
-                            onClick: xe
-                          },
-                          W(r(P)("添加")),
-                          1
-                          /* TEXT */
-                        )
-                      ],
-                      32
-                      /* NEED_HYDRATION */
-                    )
-                  ])) : (f(), g("div", Bl, [
-                    y(a, { vnodes: o }, null, 8, ["vnodes"]),
-                    (m = l.options) != null && m.length && l.showSelectAll ? (f(), g(
-                      "div",
-                      {
-                        key: 0,
-                        class: "das-ui-select-dropdown-checkall",
-                        onMousedown: t[3] || (t[3] = (v) => v.preventDefault())
-                      },
-                      [
-                        h("div", Fl, [
-                          y(r(Ne), {
-                            modelValue: Ze.value,
-                            indeterminate: Ke.value,
-                            onChange: tl,
-                            style: { display: "flex" }
-                          }, {
-                            default: p(() => [
-                              fe(
-                                W(r(P)("全选")),
-                                1
-                                /* TEXT */
-                              )
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["modelValue", "indeterminate"])
+                    h("div", Fl, [
+                      y(r(ze), {
+                        modelValue: Ze.value,
+                        indeterminate: Ke.value,
+                        onChange: tl,
+                        style: { display: "flex" }
+                      }, {
+                        default: p(() => [
+                          fe(O(r(W)("全选")), 1)
                         ]),
-                        h("span", {
-                          class: "das-ui-dropdown-has-checked",
-                          innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                        }, null, 8, Dl)
-                      ],
-                      32
-                      /* NEED_HYDRATION */
-                    )) : k("v-if", !0)
-                  ]))
-                ];
-              }, !0)
+                        _: 1
+                      }, 8, ["modelValue", "indeterminate"])
+                    ]),
+                    h("span", {
+                      class: "das-ui-dropdown-has-checked",
+                      innerHTML: r(W)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
+                    }, null, 8, Dl)
+                  ], 32)) : G("", !0)
+                ]))
+              ];
+            }, !0)
+          ]),
+          clearIcon: p(() => [
+            w(e.$slots, "clearIcon", {}, () => [
+              y(r(wl), { size: "medium" })
+            ], !0)
+          ]),
+          maxTagPlaceholder: p((o) => [
+            w(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
+              y(r(pe), {
+                style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+              }, {
+                default: p(() => [
+                  h("span", {
+                    innerHTML: r(W)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
+                  }, null, 8, El)
+                ]),
+                _: 1
+              }, 8, ["style"])
+            ], !0)
+          ]),
+          notFoundContent: p(() => [
+            w(e.$slots, "notFoundContent", {}, () => [
+              t[6] || (t[6] = h("div", { class: "hasNoData" }, "暂无数据", -1))
+            ], !0)
+          ]),
+          suffixIcon: p(() => [
+            w(e.$slots, "suffixIcon", {}, () => [
+              y(r(yl), {
+                class: "das-suffix-icon",
+                size: "medium"
+              })
+            ], !0)
+          ]),
+          default: p(() => [
+            w(e.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 2
+        }, [
+          e.$slots.menuItemSelectedIcon ? {
+            name: "menuItemSelectedIcon",
+            fn: p(() => [
+              w(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots.placeholder ? {
+            name: "placeholder",
+            fn: p(() => [
+              w(e.$slots, "placeholder", {}, void 0, !0)
             ]),
-            clearIcon: p(() => [
-              w(e.$slots, "clearIcon", {}, () => [
-                y(r(wl), { size: "medium" })
-              ], !0)
+            key: "1"
+          } : void 0,
+          e.$slots.removeIcon ? {
+            name: "removeIcon",
+            fn: p(() => [
+              w(e.$slots, "removeIcon", {}, void 0, !0)
             ]),
-            maxTagPlaceholder: p((o) => [
-              w(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
-                k(" 隐藏tag时显示的内容 "),
-                y(r(me), {
-                  style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+            key: "2"
+          } : void 0
+        ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
+          [r(hl), { target: ol, x: !1 }],
+          [r(xl), Qe]
+        ]),
+        e.error && e.errorLabel ? (f(), g(Le, { key: 0 }, [
+          e.errorMode === "default" ? (f(), g("div", Ol, [
+            h("span", {
+              style: q(Xe.value)
+            }, O(e.errorLabel), 5)
+          ])) : G("", !0),
+          e.errorMode === "overlay" && ne.value ? (f(), H(r(Cl), {
+            key: 1,
+            errorLabel: e.errorLabel,
+            getEl: () => x.value.$el,
+            errorModelZIndex: e.errorModelZIndex
+          }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : G("", !0)
+        ], 64)) : G("", !0),
+        h("div", {
+          class: "ant-select-selection-overflow",
+          ref_key: "virtualTotalCount",
+          ref: ye,
+          style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
+        }, [
+          h("div", Wl, [
+            h("div", Pl, [
+              h("span", Rl, [
+                y(r(pe), {
+                  style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                 }, {
                   default: p(() => [
                     h("span", {
-                      innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                    }, null, 8, El)
+                      innerHTML: r(W)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
+                    }, null, 8, ql)
                   ]),
                   _: 1
-                  /* STABLE */
-                }, 8, ["style"]),
-                k(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
-              ], !0)
-            ]),
-            notFoundContent: p(() => [
-              w(e.$slots, "notFoundContent", {}, () => [
-                t[6] || (t[6] = h(
-                  "div",
-                  { class: "hasNoData" },
-                  "暂无数据",
-                  -1
-                  /* CACHED */
-                ))
-              ], !0)
-            ]),
-            suffixIcon: p(() => [
-              w(e.$slots, "suffixIcon", {}, () => [
-                y(r(yl), {
-                  class: "das-suffix-icon",
-                  size: "medium"
-                })
-              ], !0)
-            ]),
-            default: p(() => [
-              w(e.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, [
-            e.$slots.menuItemSelectedIcon ? {
-              name: "menuItemSelectedIcon",
-              fn: p(() => [
-                w(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
-              ]),
-              key: "0"
-            } : void 0,
-            e.$slots.placeholder ? {
-              name: "placeholder",
-              fn: p(() => [
-                w(e.$slots, "placeholder", {}, void 0, !0)
-              ]),
-              key: "1"
-            } : void 0,
-            e.$slots.removeIcon ? {
-              name: "removeIcon",
-              fn: p(() => [
-                w(e.$slots, "removeIcon", {}, void 0, !0)
-              ]),
-              key: "2"
-            } : void 0
-          ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
-            [r(hl), { target: ol, x: !1 }],
-            [r(xl), Qe]
-          ]),
-          e.error && e.errorLabel ? (f(), g(
-            pe,
-            { key: 0 },
-            [
-              e.errorMode === "default" ? (f(), g("div", Ol, [
-                h(
-                  "span",
-                  {
-                    style: H(Xe.value)
-                  },
-                  W(e.errorLabel),
-                  5
-                  /* TEXT, STYLE */
-                )
-              ])) : k("v-if", !0),
-              e.errorMode === "overlay" && ne.value ? (f(), Z(r(Cl), {
-                key: 1,
-                errorLabel: e.errorLabel,
-                getEl: () => x.value.$el,
-                errorModelZIndex: e.errorModelZIndex
-              }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("v-if", !0)
-            ],
-            64
-            /* STABLE_FRAGMENT */
-          )) : k("v-if", !0),
-          h(
-            "div",
-            {
-              class: "ant-select-selection-overflow",
-              ref_key: "virtualTotalCount",
-              ref: we,
-              style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
-            },
-            [
-              h("div", Wl, [
-                h("div", Pl, [
-                  h("span", Rl, [
-                    y(r(me), {
-                      style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
-                    }, {
-                      default: p(() => [
-                        h("span", {
-                          innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                        }, null, 8, ql)
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["style"])
-                  ])
-                ])
+                }, 8, ["style"])
               ])
-            ],
-            512
-            /* NEED_PATCH */
-          )
-        ],
-        6
-        /* CLASS, STYLE */
-      );
+            ])
+          ])
+        ], 512)
+      ], 6);
     };
   }
-}), $e = (I, A) => {
-  const M = I.__vccOpts || I;
-  for (const [l, C] of A)
-    M[l] = C;
-  return M;
+}), $e = (k, _) => {
+  const A = k.__vccOpts || k;
+  for (const [l, C] of _)
+    A[l] = C;
+  return A;
 }, Kl = /* @__PURE__ */ $e(Zl, [["__scopeId", "data-v-5233ac9c"]]), Ul = {};
-function jl(I, A) {
-  const M = zl;
-  return f(), Z(
-    M,
-    he({ class: "das-ui-select-option" }, I.$attrs),
-    null,
-    16
-    /* FULL_PROPS */
-  );
+function jl(k, _) {
+  const A = Nl;
+  return f(), H(A, me({ class: "das-ui-select-option" }, k.$attrs), null, 16);
 }
 const Xl = /* @__PURE__ */ $e(Ul, [["render", jl]]), Gl = {
   "--das-ui-select-color-bg": "#FFFFFF",