@das-fed/ui 6.4.0-hot.7 → 6.4.0-hot.9

package/packages/components/select/index.js

@@ -1,6 +1,6 @@
 import '@das-fed/ui/packages/components/select/style.css';
 import { withInstall as Ie } from "@das-fed/utils/with-install/index";
-import { defineComponent as Se, useCssVars as ao, ref as r, computed as v, useSlots as so, onMounted as te, onUnmounted as ye, watchEffect as ae, watch as ge, nextTick as I, resolveComponent as ro, openBlock as i, createElementBlock as p, normalizeClass as no, normalizeStyle as S, createVNode as x, unref as n, withCtx as f, withDirectives as K, createTextVNode as V, toDisplayString as T, createBlock as A, mergeProps as Ve, isRef as uo, withModifiers as U, createSlots as io, renderSlot as w, normalizeProps as H, guardReactiveProps as X, Fragment as se, createElementVNode as m, withKeys as co, createCommentVNode as re, Teleport as vo } from "vue";
+import { defineComponent as Se, useCssVars as ao, ref as r, computed as v, useSlots as so, onMounted as se, onUnmounted as ge, watchEffect as re, watch as ye, nextTick as I, resolveComponent as ro, openBlock as u, createElementBlock as m, normalizeClass as no, normalizeStyle as S, createVNode as x, unref as n, withCtx as f, withDirectives as H, createTextVNode as V, toDisplayString as T, createBlock as E, mergeProps as Ve, isRef as io, withModifiers as U, createSlots as uo, renderSlot as w, normalizeProps as X, guardReactiveProps as j, Fragment as G, createCommentVNode as B, createElementVNode as p, withKeys as co, Teleport as vo } from "vue";
 import { Select as fo, Tag as ne } from "ant-design-vue";
 import "ant-design-vue/es/select/style/css";
 import { DasCheckbox as xe } from "@das-fed/ui/packages/components/checkbox/index";
@@ -10,21 +10,18 @@ import { vDasTooltip as Ce } from "@das-fed/ui/packages/components/text-tooltip/
 import { DasInput as mo } from "@das-fed/ui/packages/components/input/index";
 import { DasIconXiala as bo } from "@das-fed/ui/packages/icons/xiala/index";
 import { DasIconEmpty as ho } from "@das-fed/ui/packages/icons/empty/index";
-import { vHoverInside as yo } from "@das-fed/utils/directive";
-import { getVarValue as ke, getVar as Te, setThemeRule as go } from "@das-fed/web/packages/theme/index";
+import { vHoverInside as go } from "@das-fed/utils/directive";
+import { getVarValue as ke, getVar as Te, setThemeRule as yo } from "@das-fed/web/packages/theme/index";
 import { useZIndex as xo } from "@das-fed/utils/hooks/popup-manager/use-zindex";
 import { useModelValue as wo } from "@das-fed/utils/vue";
 import { SelectOption as Co } from "ant-design-vue/es";
-const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow: "hidden" } }, To = { key: 0 }, Io = {
-  key: 1,
-  class: "das-multiple-option-item"
-}, So = { style: { display: "inline-block" } }, Vo = { key: 0 }, Bo = { key: 2 }, zo = { style: { display: "inline-block" } }, _o = { class: "das-ui-dropdown-has-checked" }, Fo = { class: "key" }, No = {
+const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow: "hidden" } }, To = { key: 0 }, Io = { class: "das-multiple-option-item" }, So = { style: { display: "inline-block" } }, Vo = { key: 0 }, Bo = { key: 2 }, zo = { style: { display: "inline-block" } }, Mo = { class: "das-ui-dropdown-has-checked" }, Fo = { class: "key" }, No = {
   key: 0,
   class: "das-select-error-label-content das-select-label-content"
-}, $o = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Mo = { class: "ant-select-selection-item" }, Do = { class: "ant-select-selection-item-content" }, Lo = Se({
+}, $o = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Do = { class: "ant-select-selection-item" }, _o = { class: "ant-select-selection-item-content" }, Lo = Se({
   inheritAttrs: !1,
   components: {
-    VNodes: (B, { attrs: $ }) => $.vnodes
+    VNodes: (z, { attrs: D }) => D.vnodes
   }
 }), Oo = /* @__PURE__ */ Se({
   ...Lo,
@@ -63,54 +60,54 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
     dropdownMode: {}
   },
   emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
-  setup(B, { expose: $, emit: M }) {
+  setup(z, { expose: D, emit: _ }) {
     ao((e) => ({
-      38514034: Me.value,
-      "8ff0670e": De.value
+      f06beaa8: De.value,
+      "57a85101": _e.value
     }));
-    const o = B, C = M, s = wo(o, "modelValue"), g = r(!1), ze = v(() => O.value ? O.value.querySelector(".ant-select-selector") : null), ue = r(null), ie = v(() => o.dropdownMode ?? o.mode ?? ""), D = r(null), _e = r(null), L = r(""), Fe = () => {
-      D.value = !0;
+    const o = z, C = _, s = wo(o, "modelValue"), y = r(!1), ze = v(() => P.value ? P.value.querySelector(".ant-select-selector") : null), ie = r(null), ue = v(() => o.dropdownMode ?? o.mode ?? ""), L = r(null), Me = r(null), O = r(""), Fe = () => {
+      L.value = !0;
     }, Ne = () => {
-      D.value = null;
+      L.value = null;
     }, de = () => {
-      L.value && (C("addCustomItem", L.value), L.value = "", o.mode === "combobox" ? I(() => {
+      O.value && (C("addCustomItem", O.value), O.value = "", o.mode === "combobox" ? I(() => {
         b.value.focus();
       }) : b.value.focus());
-    }, ce = so(), j = () => {
-      o.mode === "combobox" && o.dropdownMode === "custom" && !ce.dropdownRender && (D.value = !1, I(() => {
-        D.value = null;
+    }, ce = so(), J = () => {
+      o.mode === "combobox" && o.dropdownMode === "custom" && !ce.dropdownRender && (L.value = !1, I(() => {
+        L.value = null;
       }));
     };
-    te(() => {
-      document.addEventListener("click", j);
-    }), ye(() => {
-      document.removeEventListener("click", j);
+    se(() => {
+      document.addEventListener("click", J);
+    }), ge(() => {
+      document.removeEventListener("click", J);
     });
-    const b = r(), ve = r(), E = r(!1), G = v(() => D.value !== null ? D.value : o.open === void 0 ? o.mode === "combobox" ? void 0 : E.value : o.open), z = 1e6, u = r(100), c = r(100), _ = r(!1), J = r(!0), Q = r(!1);
-    ae(() => {
-      s.value && o.mode == "combobox" && (J.value = !0, setTimeout(() => {
+    const b = r(), ve = r(), W = r(!1), Q = v(() => L.value !== null ? L.value : o.open === void 0 ? o.mode === "combobox" ? void 0 : W.value : o.open), M = 1e6, i = r(100), c = r(100), F = r(!1), Y = r(!0), ee = r(!1);
+    re(() => {
+      s.value && o.mode == "combobox" && (Y.value = !0, setTimeout(() => {
         var l;
         let e = (l = b.value) == null ? void 0 : l.$el.querySelectorAll(".ant-select-selection-item");
         if (e && e.length > 0)
           for (let a = 0; a < e.length; a++) {
             let t = e[a];
-            t.scrollWidth <= t.offsetWidth && (J.value = !1), t.title = "";
+            t.scrollWidth <= t.offsetWidth && (Y.value = !1), t.title = "";
           }
       }, 300));
-    }), ae(() => {
+    }), re(() => {
       o.options && (ve.value = o.options.map((e) => (e.title = e.title ? e.title : "", e)));
     });
     const $e = () => {
       setTimeout(async () => {
-        u.value = 100, await N(), u.value = c.value, g.value = !0;
+        i.value = 100, await $(), i.value = c.value, y.value = !0;
       }, 100);
     };
-    ae(() => {
-      Q.value === !0 && o.mode != "combobox" && s.value && s.value.length > 0 && o.options.length > 0 && (Q.value = !1, $e());
-    }), te(() => {
-      Q.value = !0, o.focusOpen || (c.value = 1, u.value = c.value, g.value = !0);
+    re(() => {
+      ee.value === !0 && o.mode != "combobox" && s.value && s.value.length > 0 && o.options.length > 0 && (ee.value = !1, $e());
+    }), se(() => {
+      ee.value = !0, o.focusOpen || (c.value = 1, i.value = c.value, y.value = !0);
     });
-    const Me = v(() => o.width ? o.width : "230px"), De = v(() => o.height ? o.height : "auto"), fe = r(3e3), Le = v(() => ({
+    const De = v(() => o.width ? o.width : "230px"), _e = v(() => o.height ? o.height : "auto"), fe = r(3e3), Le = v(() => ({
       "z-index": fe.value
     })), pe = v(() => {
       var l;
@@ -118,12 +115,12 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
       if (o.mode != "combobox" && Array.isArray(s.value))
         s.value.map((a) => {
           var d;
-          let t = (d = o.options) == null ? void 0 : d.find((h) => h[F.value] == a);
-          t && e.push(t[W.value]);
+          let t = (d = o.options) == null ? void 0 : d.find((h) => h[N.value] == a);
+          t && e.push(t[R.value]);
         });
       else if (o.mode == "combobox" && s.value) {
-        let a = (l = o.options) == null ? void 0 : l.find((t) => t[F.value] == s.value);
-        a && e.push(a[W.value]);
+        let a = (l = o.options) == null ? void 0 : l.find((t) => t[N.value] == s.value);
+        a && e.push(a[R.value]);
       }
       return e.join("、");
     }), Oe = v(() => o.isView ? o.noSetDefaultVal ? "" : "-" : o.placeholder), Pe = v(() => {
@@ -135,15 +132,15 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
     }), Ee = v(() => {
       var e, l;
       return o.optionFilterProp ? o.optionFilterProp : (e = o.fieldNames) != null && e.label ? (l = o.fieldNames) == null ? void 0 : l.label : "label";
-    }), W = v(() => {
+    }), R = v(() => {
       var e;
       return o.fieldNames && o.fieldNames.label ? (e = o.fieldNames) == null ? void 0 : e.label : "label";
-    }), F = v(() => {
+    }), N = v(() => {
       var e;
       return o.fieldNames && o.fieldNames.value ? (e = o.fieldNames) == null ? void 0 : e.value : "value";
     }), We = v(() => ({
       width: typeof o.width == "number" ? o.width + "px" : o.width
-    })), Y = r(!1), R = r({
+    })), oe = r(!1), q = r({
       x: 0,
       y: 0
     }), me = r(0), be = v(() => ({
@@ -159,9 +156,9 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
       width: me.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: R.value.y + "px",
-      left: R.value.x + "px"
-    })), ee = r({
+      top: q.value.y + "px",
+      left: q.value.x + "px"
+    })), le = r({
       display: "block",
       color: ke("--das-ui-input-error-color").value,
       "white-space": "break-spaces",
@@ -169,31 +166,31 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
     }), qe = () => {
       var t, d, h;
       const { top: e, left: l } = (t = b.value) == null ? void 0 : t.$el.getBoundingClientRect(), a = (d = b.value) == null ? void 0 : d.$el.clientHeight;
-      me.value = (h = b.value) == null ? void 0 : h.$el.clientWidth, R.value.x = l, R.value.y = e + a;
-    }, Ze = () => {
-      qe(), Y.value = !0;
+      me.value = (h = b.value) == null ? void 0 : h.$el.clientWidth, q.value.x = l, q.value.y = e + a;
     }, Ke = () => {
-      Y.value = !1;
-    }, Ue = (e, l) => {
-      e ? Ze() : Ke();
-    }, He = (e) => {
-      e && (fe.value = xo().nextZIndex(), L.value = ""), o.mode == "combobox" && (q.value = e, e || setTimeout(() => {
+      qe(), oe.value = !0;
+    }, Ze = () => {
+      oe.value = !1;
+    }, He = (e, l) => {
+      e ? Ke() : Ze();
+    }, Ue = (e) => {
+      e && (fe.value = xo().nextZIndex(), O.value = ""), o.mode == "combobox" && (K.value = e, e || setTimeout(() => {
         var l, a;
         (a = (l = b.value) == null ? void 0 : l.blur) == null || a.call(l);
       })), C("dropdownVisibleChange", e);
     }, Xe = (e) => {
       let l = e.toString();
       return l.length > o.maxTagTextLength && (l = l.substr(0, o.maxTagTextLength) + "..."), l;
-    }, O = r(), je = (e) => o.isRenderNode ? O.value : o.getPopupContainer === void 0 ? document.body : o.getPopupContainer(e), Ge = (e) => {
+    }, P = r(), je = (e) => o.isRenderNode ? P.value : o.getPopupContainer === void 0 ? document.body : o.getPopupContainer(e), Ge = (e) => {
       if (e) {
         Array.isArray(s.value) || (s.value = []);
         let l = s.value, a = [];
         o.options.forEach((t) => {
-          !s.value.includes(t[F.value]) && !t.disabled && (l.push(t[F.value]), a.push(t));
-        }), s.value = l, le(s.value, a);
+          !s.value.includes(t[N.value]) && !t.disabled && (l.push(t[N.value]), a.push(t));
+        }), s.value = l, ae(s.value, a);
       } else {
         let l = s.value;
-        s.value = l.filter((a) => !!o.options.find((t) => t[F.value] === a).disabled), le(s.value, []);
+        s.value = l.filter((a) => !!o.options.find((t) => t[N.value] === a).disabled), ae(s.value, []);
       }
     }, Je = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
@@ -203,11 +200,11 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
         C("focus", e);
         return;
       }
-      E.value = !0, o.focusOpen && !o.isExterControlCount && (u.value = z, g.value = !1), C("focus", e);
-    }, q = r(!1), Ye = () => {
+      W.value = !0, o.focusOpen && !o.isExterControlCount && (i.value = M, y.value = !1), C("focus", e);
+    }, K = r(!1), Ye = () => {
       var e, l;
       if (o.mode == "combobox") {
-        q.value || setTimeout(() => {
+        K.value || setTimeout(() => {
           var a, t;
           (t = (a = b.value) == null ? void 0 : a.blur) == null || t.call(a);
         });
@@ -220,39 +217,39 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
     }, eo = (e) => {
       if (o.mode == "combobox") {
         I(() => {
-          q.value = !1;
+          K.value = !1;
         }), C("blur", e);
         return;
       }
-      E.value = !1, o.focusOpen && !o.isExterControlCount && (N(), u.value = c.value, g.value = !0), C("blur", e);
+      W.value = !1, o.focusOpen && !o.isExterControlCount && ($(), i.value = c.value, y.value = !0), C("blur", e);
     }, oo = (e) => {
-      e.onClose(), u.value = 100, I(() => {
-        o.mode !== "combobox" && G.value || o.focusOpen && (N(), u.value = c.value, g.value = !0);
+      e.onClose(), i.value = 100, I(() => {
+        o.mode !== "combobox" && Q.value || o.focusOpen && ($(), i.value = c.value, y.value = !0);
       });
     };
-    ge(
+    ye(
       () => o.disabled || o.isView,
       (e) => {
-        e && o.mode !== "combobox" && (E.value = !1);
+        e && o.mode !== "combobox" && (W.value = !1);
       }
     );
-    let P = r(!1);
+    let A = r(!1);
     const lo = (e) => {
-      P.value = e, _.value = !0, I(() => {
-        _.value = !1, o.focusOpen && (N(), u.value = e ? z : c.value, g.value = !e);
+      A.value = e, F.value = !0, I(() => {
+        F.value = !1, o.focusOpen && ($(), i.value = e ? M : c.value, y.value = !e);
       });
     };
     let Z = null;
-    te(() => {
+    se(() => {
       Z = new IntersectionObserver((e) => {
-        e && e[0] && e[0].intersectionRatio > 0 && o.focusOpen && u.value === 0 && (u.value = 100, I(() => {
-          N(), u.value = c.value, g.value = !0;
+        e && e[0] && e[0].intersectionRatio > 0 && o.focusOpen && i.value === 0 && (i.value = 100, I(() => {
+          $(), i.value = c.value, y.value = !0;
         }));
-      }), Z.observe(O.value);
-    }), ye(() => {
+      }), Z.observe(P.value);
+    }), ge(() => {
       Z && Z.disconnect();
     });
-    const N = () => {
+    const $ = () => {
       var he;
       let e = (he = b.value) == null ? void 0 : he.$el;
       if (!e) return;
@@ -260,339 +257,473 @@ const ko = { style: { "max-height": "200px", "word-break": "break-all", overflow
       if (!l) return;
       let a = l.offsetWidth - 5;
       o.borderType === "underline" && (a -= 10);
-      const d = Math.ceil(ue.value.querySelector(".ant-tag").offsetWidth) + 4;
+      const d = Math.ceil(ie.value.querySelector(".ant-tag").offsetWidth) + 4;
       let h = e.querySelectorAll(".ant-select-selection-overflow-item");
       if (h.length < 1) return;
-      u.value = z;
+      i.value = M;
       let k = 0;
-      for (let y = 0; y < h.length - 1 && !h[y].classList.contains("ant-select-selection-overflow-item-rest"); y++)
-        if (k += Math.ceil(h[y].offsetWidth), k <= a - d)
-          y >= s.value.length - 1 && k < a ? c.value = s.value.length : c.value = y + 1;
+      for (let g = 0; g < h.length - 1 && !h[g].classList.contains("ant-select-selection-overflow-item-rest"); g++)
+        if (k += Math.ceil(h[g].offsetWidth), k <= a - d)
+          g >= s.value.length - 1 && k < a ? c.value = s.value.length : c.value = g + 1;
         else {
-          y >= s.value.length - 1 && k < a ? c.value = s.value.length : c.value = y;
+          g >= s.value.length - 1 && k < a ? c.value = s.value.length : c.value = g;
           break;
         }
       if (c.value === 0) {
-        let y = h[0], to = y.querySelector(".anticon-close") ? 86 : 69;
-        y && !y.classList.contains("ant-select-selection-overflow-item-rest") && to <= a - d && !ce.tagRender && (c.value = 1, y.classList.add("ellipsis"));
+        let g = h[0], to = g.querySelector(".anticon-close") ? 86 : 69;
+        g && !g.classList.contains("ant-select-selection-overflow-item-rest") && to <= a - d && !ce.tagRender && (c.value = 1, g.classList.add("ellipsis"));
       }
-    }, oe = r(!1);
-    ge(
+    }, te = r(!1);
+    ye(
       () => s.value,
       async () => {
-        if (oe.value) {
-          oe.value = !1;
+        if (te.value) {
+          te.value = !1;
           return;
         }
-        o.mode !== "combobox" && G.value || (_.value = !0, u.value = z, await I(), await N(), _.value = !1, o.isExterControlCount && o.focusOpen ? (u.value = P.value ? z : c.value, g.value = !P.value) : (u.value = c.value, g.value = !0));
+        o.mode !== "combobox" && Q.value || (F.value = !0, i.value = M, await I(), await $(), F.value = !1, o.isExterControlCount && o.focusOpen ? (i.value = A.value ? M : c.value, y.value = !A.value) : (i.value = c.value, y.value = !0));
       }
     );
-    const le = async (e, l) => {
-      oe.value = !0, o.mode === "combobox" && (j(), q.value = !1);
+    const ae = async (e, l) => {
+      te.value = !0, o.mode === "combobox" && (J(), K.value = !1);
       const a = e;
-      o.noDropdown && o.maxTagsLength < a.length && a.pop(), _.value = !0, C("update:model-value", a), C("change", a, l), u.value = z, await I(), await N(), _.value = !1, o.isExterControlCount && o.focusOpen && (u.value = P.value ? z : c.value, g.value = !P.value), o.focusOpen || (u.value = c.value);
+      o.noDropdown && o.maxTagsLength < a.length && a.pop(), F.value = !0, C("update:model-value", a), C("change", a, l), i.value = M, await I(), await $(), F.value = !1, o.isExterControlCount && o.focusOpen && (i.value = A.value ? M : c.value, y.value = !A.value), o.focusOpen || (i.value = c.value);
     };
-    return $({
+    return D({
       $select: b,
       toChangeMaxCount: lo
     }), (e, l) => {
       const a = ro("v-nodes");
-      return i(), p("div", {
-        class: no(["das-ui-select", [
-          o.borderType,
-          o.isView ? "readonly" : "",
-          o.error ? "is-error" : "",
-          g.value ? "show-ellipsis" : ""
-        ]]),
-        ref_key: "$selectBox",
-        ref: O,
-        style: S(We.value)
-      }, [
-        x(n(po), {
-          placement: "top",
-          trigger: "hover",
-          "virtual-triggering": "",
-          "virtual-ref": ze.value,
-          disabled: !e.isTooltip || _.value || !pe.value || !J.value
-        }, {
-          content: f(() => [
-            K((i(), p("div", ko, [
-              V(T(pe.value), 1)
-            ])), [
-              [n(we)]
-            ])
-          ]),
-          _: 1
-        }, 8, ["virtual-ref", "disabled"]),
-        K((i(), A(n(fo), Ve(e.$attrs, {
-          value: n(s),
-          "onUpdate:value": l[4] || (l[4] = (t) => uo(s) ? s.value = t : null),
-          ref_key: "$select",
-          ref: b,
-          options: ve.value,
-          mode: e.mode,
-          fieldNames: e.fieldNames,
-          bordered: o.borderType === "bordered",
-          disabled: o.disabled || o.isView,
-          showArrow: !0,
-          open: o.noDropdown ? !1 : G.value,
-          placeholder: Oe.value,
-          optionFilterProp: Ee.value,
-          size: o.size == "middle" ? "defalut" : o.size == "mini" ? "small" : o.size,
-          style: o.size == "mini" || o.size == "table" ? { fontSize: "12px" } : {},
-          dropdownClassName: "das-ui-select-dorpdown " + e.dropdownClassName,
-          maxTagCount: u.value,
-          getPopupContainer: je,
-          dropdownStyle: Le.value,
-          onDropdownVisibleChange: He,
-          onChange: le,
-          onFocus: Qe,
-          onClick: [
-            Ye,
-            l[5] || (l[5] = U(() => {
-            }, ["stop"]))
-          ],
-          onBlur: eo
-        }), io({
-          option: f((t) => [
-            w(e.$slots, "option", H(X(t)), () => {
-              var d;
-              return [
-                t.children && typeof t.children == "function" ? (i(), A(a, {
-                  key: 0,
-                  vnodes: t.children()
-                }, null, 8, ["vnodes"])) : (i(), p(se, { key: 1 }, [
-                  e.mode === "combobox" ? K((i(), p("div", To, [
-                    V(T(t[W.value]), 1)
-                  ])), [
-                    [n(Ce)]
-                  ]) : (i(), p("div", Io, [
-                    (i(), A(n(xe), {
-                      class: "das-select-checkbox",
-                      modelValue: (d = n(s)) == null ? void 0 : d.includes(t[F.value]),
-                      key: t[F.value],
-                      disabled: t.disabled
-                    }, null, 8, ["modelValue", "disabled"])),
-                    K((i(), p("div", So, [
-                      V(T(t[W.value]), 1)
-                    ])), [
-                      [n(Ce)]
-                    ])
-                  ]))
-                ], 64))
-              ];
-            }, !0)
-          ]),
-          tagRender: f((t) => [
-            w(e.$slots, "tagRender", H(X(t)), () => [
-              x(n(ne), {
-                closable: t.closable,
-                style: { "margin-right": "3px", "background-color": "transparent" },
-                onClose: (d) => oo(t)
-              }, {
-                default: f(() => [
-                  m("span", {
-                    class: "tag-span",
-                    style: S(o.size == "mini" || o.size == "table" ? { fontSize: "12px" } : {})
-                  }, T(Xe(t.label)), 5)
-                ]),
-                _: 2
-              }, 1032, ["closable", "onClose"])
-            ], !0)
-          ]),
-          dropdownRender: f(({ menuNode: t }) => [
-            w(e.$slots, "dropdownRender", H(X({ menuNode: t })), () => {
-              var d, h;
-              return [
-                ie.value === "combobox" ? (i(), p("div", Vo, [
-                  x(a, { vnodes: t }, null, 8, ["vnodes"])
-                ])) : ie.value === "custom" ? (i(), p("div", {
-                  key: 1,
-                  onClick: l[2] || (l[2] = U(() => {
-                  }, ["stop"]))
-                }, [
-                  x(a, { vnodes: t }, null, 8, ["vnodes"]),
-                  m("div", {
-                    class: "customDropdown",
-                    onMousedown: l[1] || (l[1] = (k) => k.preventDefault())
-                  }, [
-                    x(n(mo), {
-                      ref_key: "testInput",
-                      ref: _e,
-                      modelValue: L.value,
-                      "onUpdate:modelValue": l[0] || (l[0] = (k) => L.value = k),
-                      onKeyup: co(de, ["enter"]),
-                      onFocus: U(Fe, ["stop"]),
-                      onBlur: U(Ne, ["stop"]),
-                      width: "100%",
-                      borderType: "bordered"
-                    }, null, 8, ["modelValue"]),
-                    m("div", {
-                      class: "addBtn",
-                      onClick: de
-                    }, "添加")
-                  ], 32)
-                ])) : (i(), p("div", Bo, [
-                  x(a, { vnodes: t }, null, 8, ["vnodes"]),
-                  (d = o.options) != null && d.length ? (i(), p("div", {
+      return u(), m(
+        "div",
+        {
+          class: no(["das-ui-select", [
+            o.borderType,
+            o.isView ? "readonly" : "",
+            o.error ? "is-error" : "",
+            y.value ? "show-ellipsis" : ""
+          ]]),
+          ref_key: "$selectBox",
+          ref: P,
+          style: S(We.value)
+        },
+        [
+          x(n(po), {
+            placement: "top",
+            trigger: "hover",
+            "virtual-triggering": "",
+            "virtual-ref": ze.value,
+            disabled: !e.isTooltip || F.value || !pe.value || !Y.value
+          }, {
+            content: f(() => [
+              H((u(), m("div", ko, [
+                V(
+                  T(pe.value),
+                  1
+                  /* TEXT */
+                )
+              ])), [
+                [n(we)]
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["virtual-ref", "disabled"]),
+          H((u(), E(n(fo), Ve(e.$attrs, {
+            value: n(s),
+            "onUpdate:value": l[4] || (l[4] = (t) => io(s) ? s.value = t : null),
+            ref_key: "$select",
+            ref: b,
+            options: ve.value,
+            mode: e.mode,
+            fieldNames: e.fieldNames,
+            bordered: o.borderType === "bordered",
+            disabled: o.disabled || o.isView,
+            showArrow: !0,
+            open: o.noDropdown ? !1 : Q.value,
+            placeholder: Oe.value,
+            optionFilterProp: Ee.value,
+            size: o.size == "middle" ? "defalut" : o.size == "mini" ? "small" : o.size,
+            style: o.size == "mini" || o.size == "table" ? { fontSize: "12px" } : {},
+            dropdownClassName: "das-ui-select-dorpdown " + e.dropdownClassName,
+            maxTagCount: i.value,
+            getPopupContainer: je,
+            dropdownStyle: Le.value,
+            onDropdownVisibleChange: Ue,
+            onChange: ae,
+            onFocus: Qe,
+            onClick: [
+              Ye,
+              l[5] || (l[5] = U(() => {
+              }, ["stop"]))
+            ],
+            onBlur: eo
+          }), uo({
+            option: f((t) => [
+              w(e.$slots, "option", X(j(t)), () => {
+                var d;
+                return [
+                  t.children && typeof t.children == "function" ? (u(), E(a, {
                     key: 0,
-                    class: "das-ui-select-dropdown-checkall",
-                    onMousedown: l[3] || (l[3] = (k) => k.preventDefault())
-                  }, [
-                    m("div", zo, [
-                      x(n(xe), {
-                        modelValue: Pe.value,
-                        indeterminate: Ae.value,
-                        onChange: Ge,
-                        style: { display: "flex" }
-                      }, {
-                        default: f(() => [
-                          V(" 全选 ")
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue", "indeterminate"])
-                    ]),
-                    m("span", _o, [
-                      V("已选"),
-                      m("span", Fo, T(((h = n(s)) == null ? void 0 : h.length) || 0), 1),
-                      V("项")
-                    ])
-                  ], 32)) : re("", !0)
-                ]))
-              ];
-            }, !0)
-          ]),
-          clearIcon: f(() => [
-            w(e.$slots, "clearIcon", {}, () => [
-              x(n(ho), { size: "medium" })
-            ], !0)
-          ]),
-          maxTagPlaceholder: f((t) => [
-            w(e.$slots, "maxTagPlaceholder", H(X(t)), () => [
-              x(n(ne), {
-                style: S(o.size == "mini" || o.size == "table" ? { fontSize: "12px" } : {})
-              }, {
-                default: f(() => {
-                  var d;
-                  return [
-                    V(" 共" + T((d = n(s)) == null ? void 0 : d.length) + "项 ", 1)
-                  ];
-                }),
-                _: 1
-              }, 8, ["style"])
-            ], !0)
-          ]),
-          suffixIcon: f(() => [
-            w(e.$slots, "suffixIcon", {}, () => [
-              x(n(bo), {
-                class: "das-suffix-icon",
-                size: "medium"
-              })
-            ], !0)
-          ]),
-          default: f(() => [
-            w(e.$slots, "default", {}, void 0, !0)
-          ]),
-          _: 2
-        }, [
-          e.$slots.menuItemSelectedIcon ? {
-            name: "menuItemSelectedIcon",
-            fn: f(() => [
-              w(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
+                    vnodes: t.children()
+                  }, null, 8, ["vnodes"])) : (u(), m(
+                    G,
+                    { key: 1 },
+                    [
+                      B(' :option="{value, label, [disabled, key, title]}" '),
+                      e.mode === "combobox" ? H((u(), m("div", To, [
+                        V(
+                          T(t[R.value]),
+                          1
+                          /* TEXT */
+                        )
+                      ])), [
+                        [n(Ce)]
+                      ]) : (u(), m(
+                        G,
+                        { key: 1 },
+                        [
+                          B(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
+                          p("div", Io, [
+                            (u(), E(n(xe), {
+                              class: "das-select-checkbox",
+                              modelValue: (d = n(s)) == null ? void 0 : d.includes(t[N.value]),
+                              key: t[N.value],
+                              disabled: t.disabled
+                            }, null, 8, ["modelValue", "disabled"])),
+                            H((u(), m("div", So, [
+                              V(
+                                T(t[R.value]),
+                                1
+                                /* TEXT */
+                              )
+                            ])), [
+                              [n(Ce)]
+                            ])
+                          ])
+                        ],
+                        2112
+                        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                      ))
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
+                ];
+              }, !0)
             ]),
-            key: "0"
-          } : void 0,
-          e.$slots.notFoundContent ? {
-            name: "notFoundContent",
-            fn: f(() => [
-              w(e.$slots, "notFoundContent", {}, void 0, !0)
+            tagRender: f((t) => [
+              w(e.$slots, "tagRender", X(j(t)), () => [
+                x(n(ne), {
+                  closable: t.closable,
+                  style: { "margin-right": "3px", "background-color": "transparent" },
+                  onClose: (d) => oo(t)
+                }, {
+                  default: f(() => [
+                    p(
+                      "span",
+                      {
+                        class: "tag-span",
+                        style: S(o.size == "mini" || o.size == "table" ? { fontSize: "12px" } : {})
+                      },
+                      T(Xe(t.label)),
+                      5
+                      /* TEXT, STYLE */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["closable", "onClose"])
+              ], !0)
             ]),
-            key: "1"
-          } : void 0,
-          e.$slots.placeholder ? {
-            name: "placeholder",
-            fn: f(() => [
-              w(e.$slots, "placeholder", {}, void 0, !0)
+            dropdownRender: f(({ menuNode: t }) => [
+              w(e.$slots, "dropdownRender", X(j({ menuNode: t })), () => {
+                var d, h;
+                return [
+                  ue.value === "combobox" ? (u(), m("div", Vo, [
+                    x(a, { vnodes: t }, null, 8, ["vnodes"])
+                  ])) : ue.value === "custom" ? (u(), m("div", {
+                    key: 1,
+                    onClick: l[2] || (l[2] = U(() => {
+                    }, ["stop"]))
+                  }, [
+                    x(a, { vnodes: t }, null, 8, ["vnodes"]),
+                    p(
+                      "div",
+                      {
+                        class: "customDropdown",
+                        onMousedown: l[1] || (l[1] = (k) => k.preventDefault())
+                      },
+                      [
+                        x(n(mo), {
+                          ref_key: "testInput",
+                          ref: Me,
+                          modelValue: O.value,
+                          "onUpdate:modelValue": l[0] || (l[0] = (k) => O.value = k),
+                          onKeyup: co(de, ["enter"]),
+                          onFocus: U(Fe, ["stop"]),
+                          onBlur: U(Ne, ["stop"]),
+                          width: "100%",
+                          borderType: "bordered"
+                        }, null, 8, ["modelValue"]),
+                        p("div", {
+                          class: "addBtn",
+                          onClick: de
+                        }, "添加")
+                      ],
+                      32
+                      /* NEED_HYDRATION */
+                    )
+                  ])) : (u(), m("div", Bo, [
+                    x(a, { vnodes: t }, null, 8, ["vnodes"]),
+                    (d = o.options) != null && d.length ? (u(), m(
+                      "div",
+                      {
+                        key: 0,
+                        class: "das-ui-select-dropdown-checkall",
+                        onMousedown: l[3] || (l[3] = (k) => k.preventDefault())
+                      },
+                      [
+                        p("div", zo, [
+                          x(n(xe), {
+                            modelValue: Pe.value,
+                            indeterminate: Ae.value,
+                            onChange: Ge,
+                            style: { display: "flex" }
+                          }, {
+                            default: f(() => l[6] || (l[6] = [
+                              V(" 全选 ")
+                            ])),
+                            _: 1
+                            /* STABLE */
+                          }, 8, ["modelValue", "indeterminate"])
+                        ]),
+                        p("span", Mo, [
+                          l[7] || (l[7] = V("已选")),
+                          p(
+                            "span",
+                            Fo,
+                            T(((h = n(s)) == null ? void 0 : h.length) || 0),
+                            1
+                            /* TEXT */
+                          ),
+                          l[8] || (l[8] = V("项"))
+                        ])
+                      ],
+                      32
+                      /* NEED_HYDRATION */
+                    )) : B("v-if", !0)
+                  ]))
+                ];
+              }, !0)
             ]),
-            key: "2"
-          } : void 0,
-          e.$slots.removeIcon ? {
-            name: "removeIcon",
-            fn: f(() => [
-              w(e.$slots, "removeIcon", {}, void 0, !0)
+            clearIcon: f(() => [
+              w(e.$slots, "clearIcon", {}, () => [
+                x(n(ho), { size: "medium" })
+              ], !0)
             ]),
-            key: "3"
-          } : void 0
-        ]), 1040, ["value", "options", "mode", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
-          [n(we), { target: Je, x: !1 }],
-          [n(yo), Ue]
-        ]),
-        e.error && e.errorLabel ? (i(), p(se, { key: 0 }, [
-          e.errorMode === "default" ? (i(), p("div", No, [
-            m("span", {
-              style: S(ee.value)
-            }, T(e.errorLabel), 5)
-          ])) : e.errorMode === "overlay" && Y.value ? (i(), p(se, { key: 1 }, [
-            e.teleported ? (i(), A(vo, {
-              key: 0,
-              to: "body"
-            }, [
-              m("div", {
-                style: S(Re.value)
-              }, [
-                m("span", {
-                  style: S(ee.value)
-                }, T(e.errorLabel), 5)
-              ], 4)
-            ])) : (i(), p("div", {
-              key: 1,
-              style: S(be.value),
-              class: "das-select-error-label label"
-            }, [
-              m("span", {
-                style: S(ee.value)
-              }, T(e.errorLabel), 5)
-            ], 4))
-          ], 64)) : re("", !0)
-        ], 64)) : re("", !0),
-        m("div", {
-          class: "ant-select-selection-overflow",
-          ref_key: "virtualTotalCount",
-          ref: ue,
-          style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
-        }, [
-          m("div", $o, [
-            m("div", Mo, [
-              m("span", Do, [
+            maxTagPlaceholder: f((t) => [
+              w(e.$slots, "maxTagPlaceholder", X(j(t)), () => [
+                B(" 隐藏tag时显示的内容 "),
                 x(n(ne), {
                   style: S(o.size == "mini" || o.size == "table" ? { fontSize: "12px" } : {})
                 }, {
                   default: f(() => {
-                    var t;
+                    var d;
                     return [
-                      V(" 共" + T((t = n(s)) == null ? void 0 : t.length) + "项 ", 1)
+                      V(
+                        " 共" + T((d = n(s)) == null ? void 0 : d.length) + "项 ",
+                        1
+                        /* TEXT */
+                      )
                     ];
                   }),
                   _: 1
-                }, 8, ["style"])
+                  /* STABLE */
+                }, 8, ["style"]),
+                B(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
+              ], !0)
+            ]),
+            suffixIcon: f(() => [
+              w(e.$slots, "suffixIcon", {}, () => [
+                x(n(bo), {
+                  class: "das-suffix-icon",
+                  size: "medium"
+                })
+              ], !0)
+            ]),
+            default: f(() => [
+              w(e.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            e.$slots.menuItemSelectedIcon ? {
+              name: "menuItemSelectedIcon",
+              fn: f(() => [
+                w(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.notFoundContent ? {
+              name: "notFoundContent",
+              fn: f(() => [
+                w(e.$slots, "notFoundContent", {}, void 0, !0)
+              ]),
+              key: "1"
+            } : void 0,
+            e.$slots.placeholder ? {
+              name: "placeholder",
+              fn: f(() => [
+                w(e.$slots, "placeholder", {}, void 0, !0)
+              ]),
+              key: "2"
+            } : void 0,
+            e.$slots.removeIcon ? {
+              name: "removeIcon",
+              fn: f(() => [
+                w(e.$slots, "removeIcon", {}, void 0, !0)
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["value", "options", "mode", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
+            [n(we), { target: Je, x: !1 }],
+            [n(go), He]
+          ]),
+          B(` <div\r
+      :class="[errorMode === 'default' ? 'das-select-error-label-content' : 'das-select-overlay-error-label-content', 'das-select-label-content']"\r
+      v-if="(errorMode === 'default' || (errorMode === 'overlay' && isHoverInInput)) && error && !!errorLabel"\r
+    >\r
+      <span v-if="error" class="das-select-error-label label">{{ errorLabel }}</span>\r
+    </div> `),
+          e.error && e.errorLabel ? (u(), m(
+            G,
+            { key: 0 },
+            [
+              e.errorMode === "default" ? (u(), m("div", No, [
+                p(
+                  "span",
+                  {
+                    style: S(le.value)
+                  },
+                  T(e.errorLabel),
+                  5
+                  /* TEXT, STYLE */
+                )
+              ])) : e.errorMode === "overlay" && oe.value ? (u(), m(
+                G,
+                { key: 1 },
+                [
+                  e.teleported ? (u(), E(vo, {
+                    key: 0,
+                    to: "body"
+                  }, [
+                    p(
+                      "div",
+                      {
+                        style: S(Re.value)
+                      },
+                      [
+                        p(
+                          "span",
+                          {
+                            style: S(le.value)
+                          },
+                          T(e.errorLabel),
+                          5
+                          /* TEXT, STYLE */
+                        )
+                      ],
+                      4
+                      /* STYLE */
+                    )
+                  ])) : (u(), m(
+                    "div",
+                    {
+                      key: 1,
+                      style: S(be.value),
+                      class: "das-select-error-label label"
+                    },
+                    [
+                      p(
+                        "span",
+                        {
+                          style: S(le.value)
+                        },
+                        T(e.errorLabel),
+                        5
+                        /* TEXT, STYLE */
+                      )
+                    ],
+                    4
+                    /* STYLE */
+                  ))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : B("v-if", !0)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : B("v-if", !0),
+          p(
+            "div",
+            {
+              class: "ant-select-selection-overflow",
+              ref_key: "virtualTotalCount",
+              ref: ie,
+              style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
+            },
+            [
+              p("div", $o, [
+                p("div", Do, [
+                  p("span", _o, [
+                    x(n(ne), {
+                      style: S(o.size == "mini" || o.size == "table" ? { fontSize: "12px" } : {})
+                    }, {
+                      default: f(() => {
+                        var t;
+                        return [
+                          V(
+                            " 共" + T((t = n(s)) == null ? void 0 : t.length) + "项 ",
+                            1
+                            /* TEXT */
+                          )
+                        ];
+                      }),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["style"])
+                  ])
+                ])
               ])
-            ])
-          ])
-        ], 512)
-      ], 6);
+            ],
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      );
     };
   }
-}), Be = (B, $) => {
-  const M = B.__vccOpts || B;
-  for (const [o, C] of $)
-    M[o] = C;
-  return M;
-}, Po = /* @__PURE__ */ Be(Oo, [["__scopeId", "data-v-35f6dbe1"]]), Ao = {};
-function Eo(B, $) {
-  const M = Co;
-  return i(), A(M, Ve({ class: "das-ui-select-option" }, B.$attrs), null, 16);
+}), Be = (z, D) => {
+  const _ = z.__vccOpts || z;
+  for (const [o, C] of D)
+    _[o] = C;
+  return _;
+}, Po = /* @__PURE__ */ Be(Oo, [["__scopeId", "data-v-d71685a0"]]), Ao = {};
+function Eo(z, D) {
+  const _ = Co;
+  return u(), E(
+    _,
+    Ve({ class: "das-ui-select-option" }, z.$attrs),
+    null,
+    16
+    /* FULL_PROPS */
+  );
 }
-const Wo = /* @__PURE__ */ Be(Ao, [["render", Eo], ["__scopeId", "data-v-c8593433"]]), Ro = {
+const Wo = /* @__PURE__ */ Be(Ao, [["render", Eo], ["__scopeId", "data-v-6b03e650"]]), Ro = {
   "--das-ui-select-color-bg": "#FFFFFF",
   // 默认背景色
   "--das-ui-select-color-primary": Te("--das-ui-color-primary"),
@@ -640,7 +771,7 @@ const Wo = /* @__PURE__ */ Be(Ao, [["render", Eo], ["__scopeId", "data-v-c859343
   "--das-ui-select-overlay-error-color": "#FB2323",
   "--das-ui-select-overlay-error-bg-color": "#FFDBE0"
 };
-go(Ro);
+yo(Ro);
 const sl = Ie(Po), rl = Ie(Wo), nl = { name: "select 选择器" };
 export {
   sl as DasSelect,