@das-fed/upf-ui 6.4.0-dev.214 → 6.4.0-dev.216

package/packages/components/search/index.js

@@ -71,9 +71,9 @@ const J = {
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          u.value = !0, i.value && clearTimeout(i.value);
+          console.log("进入tooltip"), u.value = !0, i.value && clearTimeout(i.value);
         }), e.addEventListener("mouseleave", function() {
-          i.value = setTimeout(() => {
+          console.log("离开toolTip"), i.value = setTimeout(() => {
             u.value = !1;
           }, 200);
         }));

package/packages/components/select/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/upf-ui/packages/components/select/style.css';
 import { withInstall as De } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as Ee, useCssVars as hl, useAttrs as bl, computed as i, ref as s, watch as X, useSlots as yl, onMounted as pe, onUnmounted as Ne, watchEffect as me, nextTick as k, resolveComponent as gl, openBlock as v, createElementBlock as y, normalizeClass as wl, normalizeStyle as Z, withModifiers as J, createBlock as R, unref as r, createCommentVNode as K, withDirectives as he, mergeProps as ge, isRef as Cl, createSlots as xl, withCtx as p, renderSlot as g, normalizeProps as Q, guardReactiveProps as Y, Fragment as Be, createTextVNode as be, toDisplayString as W, createVNode as x, createElementVNode as h, withKeys as Tl } from "vue";
-import { Select as kl, Tag as ye } from "ant-design-vue";
+import { defineComponent as Ee, useCssVars as hl, useAttrs as bl, computed as i, ref as n, watch as X, useSlots as gl, onMounted as pe, onUnmounted as Ne, watchEffect as me, nextTick as k, resolveComponent as yl, openBlock as v, createElementBlock as g, normalizeClass as wl, normalizeStyle as Z, withModifiers as J, createBlock as R, unref as r, createCommentVNode as K, withDirectives as he, mergeProps as ye, isRef as Cl, createSlots as xl, withCtx as p, renderSlot as y, normalizeProps as Q, guardReactiveProps as Y, Fragment as Be, createTextVNode as be, toDisplayString as W, createVNode as x, createElementVNode as h, withKeys as Tl } from "vue";
+import { Select as kl, Tag as ge } from "ant-design-vue";
 import { DasCheckbox as Fe } from "@das-fed/upf-ui/packages/components/checkbox/index";
 import { vScrollbar as Sl } from "@das-fed/upf-ui/packages/components/scrollbar/index";
 import { DasTooltip as Il } from "@das-fed/upf-ui/packages/components/tooltip/index";
@@ -80,10 +80,10 @@ const Wl = { key: 0 }, Pl = {
       for (const t in we)
         t === "onClick" || t.startsWith("onClick") || (e[t] = we[t]);
       return e;
-    }), n = Ol(l, "modelValue"), ee = i(() => {
+    }), s = Ol(l, "modelValue"), ee = i(() => {
       var e;
-      return `<span class='key'>${((e = n.value) == null ? void 0 : e.length) ?? 0}</span>`;
-    }), B = s(null), Ce = s(null), b = s(!1), U = i(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || P("请选择")), le = i(() => B.value ? B.value.querySelector(".ant-select-selector") : null), F = s(0), $ = s(0), Re = i(() => le.value ? l.isTooltip && I.value ? !1 : !l.isTooltip || M.value || !_e.value || !ue.value : !0), qe = i(() => (Array.isArray(n.value) ? n.value.length : n.value) ? _e.value : U.value), xe = () => {
+      return `<span class='key'>${((e = s.value) == null ? void 0 : e.length) ?? 0}</span>`;
+    }), B = n(null), Ce = n(null), b = n(!1), U = i(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || P("请选择")), le = i(() => B.value ? B.value.querySelector(".ant-select-selector") : null), F = n(0), $ = n(0), Re = i(() => le.value ? l.isTooltip && I.value ? !1 : !l.isTooltip || M.value || !_e.value || !ue.value : !0), qe = i(() => (Array.isArray(s.value) ? s.value.length : s.value) ? _e.value : U.value), xe = () => {
       const e = l.size === "table" ? 12 : 14;
       return Dl(U.value, e);
     }, Te = () => {
@@ -94,10 +94,10 @@ const Wl = { key: 0 }, Pl = {
       if (a === 0) return a;
       const o = window.getComputedStyle(e, null), m = parseFloat(o.paddingRight), c = parseFloat(o.paddingLeft);
       return a - m - c;
-    }, I = s(!1);
-    X(() => [U.value, n.value], () => {
+    }, I = n(!1);
+    X(() => [U.value, s.value], () => {
       k(() => {
-        $.value = Te(), F.value = xe(), ((Array.isArray(n.value) ? n.value.length : n.value) || $.value === F.value || F.value - $.value < 1) && (I.value = !1);
+        $.value = Te(), F.value = xe(), ((Array.isArray(s.value) ? s.value.length : s.value) || $.value === F.value || F.value - $.value < 1) && (I.value = !1);
       });
     }), X(
       () => {
@@ -106,15 +106,15 @@ const Wl = { key: 0 }, Pl = {
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          I.value = !0, E.value && clearTimeout(E.value);
+          console.log("进入tooltip"), I.value = !0, E.value && clearTimeout(E.value);
         }), e.addEventListener("mouseleave", function() {
-          E.value = setTimeout(() => {
+          console.log("离开toolTip"), E.value = setTimeout(() => {
             I.value = !1;
           }, 200);
         }));
       }
     );
-    const ke = s(null), Se = i(() => l.dropdownMode ?? l.mode ?? ""), O = s(null), He = s(null), D = s(""), Ze = () => {
+    const ke = n(null), Se = i(() => l.dropdownMode ?? l.mode ?? ""), O = n(null), He = n(null), D = n(""), Ze = () => {
       O.value = !0;
     }, Ke = () => {
       O.value = null;
@@ -122,7 +122,7 @@ const Wl = { key: 0 }, Pl = {
       D.value && (w("addCustomItem", D.value), k(() => {
         C.value.focus(), D.value = "";
       }));
-    }, Ae = yl(), te = () => {
+    }, Ae = gl(), te = () => {
       l.dropdownMode === "custom" && !Ae.dropdownRender && (O.value = !1, k(() => {
         O.value = null;
       }));
@@ -132,13 +132,13 @@ const Wl = { key: 0 }, Pl = {
     }), Ne(() => {
       document.removeEventListener("click", te);
     });
-    const C = s(), Le = s(), A = i(() => {
+    const C = n(), Le = n(), A = i(() => {
       var e;
       return l.fieldNames && l.fieldNames.label ? (e = l.fieldNames) == null ? void 0 : e.label : "label";
     }), T = i(() => {
       var e;
       return l.fieldNames && l.fieldNames.value ? (e = l.fieldNames) == null ? void 0 : e.value : "value";
-    }), oe = s(/* @__PURE__ */ new Map()), Me = (e, t) => {
+    }), oe = n(/* @__PURE__ */ new Map()), Me = (e, t) => {
       Array.isArray(e) && e.forEach((a) => {
         t(a), Array.isArray(a == null ? void 0 : a.children) && Me(a.children, t);
       });
@@ -155,7 +155,7 @@ const Wl = { key: 0 }, Pl = {
       Me(e, (t) => {
         t && t[T.value] != null && t[A.value] != null && oe.value.set(t[T.value], t[A.value]);
       });
-    }, ne = (e) => {
+    }, se = (e) => {
       if (e == null || e === "") return;
       const t = ae(l.options, e);
       if (t && t[A.value] != null) return t[A.value];
@@ -163,7 +163,7 @@ const Wl = { key: 0 }, Pl = {
         return oe.value.get(e);
     }, je = (e) => {
       const t = Array.isArray(e) ? e.slice() : [];
-      return l.preserveLabelWhenMissing ? ((l.mode !== "combobox" && Array.isArray(n.value) ? n.value : n.value != null && n.value !== "" ? [n.value] : []).forEach((o) => {
+      return l.preserveLabelWhenMissing ? ((l.mode !== "combobox" && Array.isArray(s.value) ? s.value : s.value != null && s.value !== "" ? [s.value] : []).forEach((o) => {
         if (ae(t, o)) return;
         const c = oe.value.get(o);
         c != null && t.unshift({
@@ -174,12 +174,12 @@ const Wl = { key: 0 }, Pl = {
           __dasGhostOption: !0
         });
       }), t.map((o) => (o.title = o.title ? o.title : "", o))) : t.map((o) => (o.title = o.title ? o.title : "", o));
-    }, se = s(!1), re = i(() => {
+    }, ne = n(!1), re = i(() => {
       if (O.value !== null) return O.value;
       if (l.open !== void 0) return l.open;
-    }), L = 1e6, u = s(100), d = s(100), M = s(!1), ue = s(!0), ie = s(!1);
+    }), L = 1e6, u = n(100), d = n(100), M = n(!1), ue = n(!0), ie = n(!1);
     me(() => {
-      n.value && l.mode == "combobox" && (ue.value = !0, setTimeout(() => {
+      s.value && l.mode == "combobox" && (ue.value = !0, setTimeout(() => {
         var t;
         let e = (t = C.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
         if (e && e.length > 0)
@@ -189,7 +189,7 @@ const Wl = { key: 0 }, Pl = {
           }
       }, 300));
     }), me(() => {
-      l.options && (Ue(l.options), Le.value = je(l.options));
+      l.options && (console.log("props.options: 461", l.options), Ue(l.options), console.log("props.preserveLabelWhenMissing: ", l.preserveLabelWhenMissing), Le.value = je(l.options));
     });
     const Ge = () => {
       setTimeout(async () => {
@@ -197,54 +197,54 @@ const Wl = { key: 0 }, Pl = {
       }, 100);
     };
     me(() => {
-      ie.value === !0 && l.mode != "combobox" && n.value && n.value.length > 0 && l.options.length > 0 && (ie.value = !1, Ge());
+      ie.value === !0 && l.mode != "combobox" && s.value && s.value.length > 0 && l.options.length > 0 && (console.log("watchEffect", s.value), ie.value = !1, Ge());
     }), pe(() => {
       ie.value = !0, l.focusOpen || (d.value = 1, u.value = d.value, b.value = !0);
     });
-    const Xe = i(() => l.width ? l.width : "230px"), Je = i(() => l.height ? l.height : "auto"), Ve = s(3e3), Qe = i(() => ({
+    const Xe = i(() => l.width ? l.width : "230px"), Je = i(() => l.height ? l.height : "auto"), Ve = n(3e3), Qe = i(() => ({
       "z-index": Ve.value
     })), _e = i(() => {
       let e = [];
-      if (l.mode != "combobox" && Array.isArray(n.value))
-        n.value.map((t) => {
-          const a = ne(t);
+      if (l.mode != "combobox" && Array.isArray(s.value))
+        s.value.map((t) => {
+          const a = se(t);
           a != null ? e.push(a) : t != null && t !== "" && e.push(String(t));
         });
-      else if (l.mode == "combobox" && n.value) {
-        const t = ne(n.value);
-        t != null ? e.push(t) : n.value !== null && n.value !== void 0 && n.value !== "" && e.push(String(n.value));
+      else if (l.mode == "combobox" && s.value) {
+        const t = se(s.value);
+        t != null ? e.push(t) : s.value !== null && s.value !== void 0 && s.value !== "" && e.push(String(s.value));
       }
       return Bl.value === "zh-CN" ? e.join("、") : e.join(", ");
     }), Ye = i(() => {
       var t;
       if (l.mode === "combobox") return !1;
       let e = l.options.filter((a) => !a.disabled);
-      return !!(Array.isArray(n.value) && ((t = n.value) == null ? void 0 : t.length) == e.length);
+      return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) == e.length);
     }), el = i(() => {
       var t, a;
       if (l.mode === "combobox") return !1;
       let e = l.options.filter((o) => !o.disabled);
-      return !!(Array.isArray(n.value) && ((t = n.value) == null ? void 0 : t.length) > 0 && ((a = n.value) == null ? void 0 : a.length) < e.length);
+      return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) > 0 && ((a = s.value) == null ? void 0 : a.length) < e.length);
     }), ll = i(() => {
       var e, t;
       return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
     }), tl = i(() => ({
       width: typeof l.width == "number" ? l.width + "px" : l.width
-    })), de = s(!1), ol = s({
+    })), de = n(!1), ol = n({
       display: "block",
       color: zl("--das-ui-select-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), E = s(), al = () => {
+    }), E = n(), al = () => {
       var a;
       $.value = Te(), F.value = xe();
       let e = (a = C.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
-      !!(Array.isArray(n.value) ? n.value.length : e != null && e.length) || $.value === F.value || F.value - $.value < 1 ? I.value = !1 : (I.value = !0, E.value && clearTimeout(E.value)), de.value = !0;
-    }, nl = () => {
+      !!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || $.value === F.value || F.value - $.value < 1 ? I.value = !1 : (I.value = !0, E.value && clearTimeout(E.value)), de.value = !0;
+    }, sl = () => {
       E.value = setTimeout(() => {
         I.value = !1;
       }, 200), de.value = !1;
-    }, sl = (e, t) => {
-      e ? al() : nl();
+    }, nl = (e, t) => {
+      e ? al() : sl();
     }, rl = (e) => {
       e && (Ve.value = $l().nextZIndex(), D.value = ""), j.value = e, l.mode == "combobox" && (e || setTimeout(() => {
         var t, a;
@@ -255,17 +255,17 @@ const Wl = { key: 0 }, Pl = {
       return t.length > l.maxTagTextLength && (t = t.substr(0, l.maxTagTextLength) + "..."), t;
     }, il = (e) => l.isRenderNode ? B.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), dl = (e) => {
       if (e) {
-        Array.isArray(n.value) || (n.value = []);
-        let t = n.value, a = [];
+        Array.isArray(s.value) || (s.value = []);
+        let t = s.value, a = [];
         l.options.forEach((o) => {
-          !n.value.includes(o[T.value]) && !o.disabled && (t.push(o[T.value]), a.push(o));
-        }), n.value = t, fe(n.value, a);
+          !s.value.includes(o[T.value]) && !o.disabled && (t.push(o[T.value]), a.push(o));
+        }), s.value = t, fe(s.value, a);
       } else {
-        let t = n.value;
-        n.value = t.filter((a) => {
+        let t = s.value;
+        s.value = t.filter((a) => {
           const o = l.options.find((m) => m[T.value] === a);
           return o ? !!o.disabled : !1;
-        }), fe(n.value, []);
+        }), fe(s.value, []);
       }
     }, cl = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
@@ -275,8 +275,8 @@ const Wl = { key: 0 }, Pl = {
         w("focus", e);
         return;
       }
-      se.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = L, b.value = !1), w("focus", e);
-    }, j = s(!1), vl = () => {
+      ne.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = L, b.value = !1), w("focus", e);
+    }, j = n(!1), vl = () => {
       j.value || setTimeout(() => {
         var e, t;
         (t = (e = C.value) == null ? void 0 : e.blur) == null || t.call(e);
@@ -288,7 +288,7 @@ const Wl = { key: 0 }, Pl = {
         w("blur", e);
         return;
       }
-      se.value = !1, l.focusOpen && !l.isExterControlCount && (V(), u.value = d.value, b.value = !0), w("blur", e);
+      ne.value = !1, l.focusOpen && !l.isExterControlCount && (V(), u.value = d.value, b.value = !0), w("blur", e);
     }, pl = (e) => {
       e.onClose(), u.value = 100, k(() => {
         l.mode !== "combobox" && re.value || l.focusOpen && (V(), u.value = d.value, b.value = !0);
@@ -298,13 +298,13 @@ const Wl = { key: 0 }, Pl = {
       () => l.disabled || l.isView,
       (e) => {
         if (e && l.mode !== "combobox") {
-          se.value = !1;
+          ne.value = !1;
           let t = new Event("blur");
           ze(t);
         }
       }
     );
-    let q = s(!1);
+    let q = n(!1);
     const ml = (e) => {
       q.value = e, M.value = !0, k(() => {
         M.value = !1, l.focusOpen && (V(), u.value = e ? L : d.value, b.value = !e);
@@ -335,37 +335,37 @@ const Wl = { key: 0 }, Pl = {
       let _ = 0;
       for (let f = 0; f < c.length - 1 && (c[f].classList.remove("ellipsis"), !c[f].classList.contains("ant-select-selection-overflow-item-rest")); f++)
         if (_ += Math.ceil(c[f].offsetWidth), _ <= a - m)
-          f >= n.value.length - 1 && _ < a ? d.value = n.value.length : d.value = f + 1;
+          f >= s.value.length - 1 && _ < a ? d.value = s.value.length : d.value = f + 1;
         else {
-          f >= n.value.length - 1 && _ < a ? d.value = n.value.length : d.value = f;
+          f >= s.value.length - 1 && _ < a ? d.value = s.value.length : d.value = f;
           break;
         }
       if (d.value === 0) {
         let f = c[0], ve = f.querySelector(".anticon-close") ? 86 : 69;
         f && !f.classList.contains("ant-select-selection-overflow-item-rest") && ve <= a - m && !Ae.tagRender && (d.value = 1, f.classList.add("ellipsis"));
       }
-    }, ce = s(!1);
+    }, ce = n(!1);
     X(
-      () => n.value,
+      () => s.value,
       async () => {
         if (ce.value) {
           ce.value = !1;
           return;
         }
-        l.mode !== "combobox" && re.value || (M.value = !0, u.value = L, await k(), await V(), M.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = q.value ? L : d.value, b.value = !q.value) : (u.value = d.value, b.value = !0));
+        l.mode !== "combobox" && re.value || (console.log("-----watch-----", s.value), M.value = !0, u.value = L, await k(), await V(), M.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = q.value ? L : d.value, b.value = !q.value) : (u.value = d.value, b.value = !0));
       }
     );
     const fe = async (e, t) => {
       ce.value = !0, j.value = !1, l.mode === "combobox" && te();
       const a = e;
-      l.noDropdown && l.maxTagsLength < a.length && a.pop(), M.value = !0, w("update:model-value", a), w("change", a, t), u.value = L, await k(), await V(), M.value = !1, l.isExterControlCount && l.focusOpen && (u.value = q.value ? L : d.value, b.value = !q.value), l.focusOpen || (u.value = d.value);
+      l.noDropdown && l.maxTagsLength < a.length && a.pop(), M.value = !0, console.log("-----seleceChange-----", a), w("update:model-value", a), w("change", a, t), u.value = L, await k(), await V(), M.value = !1, l.isExterControlCount && l.focusOpen && (u.value = q.value ? L : d.value, b.value = !q.value), l.focusOpen || (u.value = d.value, console.log("selectChange--------", u.value));
     };
     return z({
       $select: C,
       toChangeMaxCount: ml
     }), (e, t) => {
-      const a = gl("v-nodes");
-      return v(), y("div", {
+      const a = yl("v-nodes");
+      return v(), g("div", {
         class: wl(["das-ui-select", [
           l.borderType,
           l.isView ? "readonly" : "",
@@ -387,9 +387,9 @@ const Wl = { key: 0 }, Pl = {
           disabled: Re.value,
           content: qe.value
         }, null, 8, ["virtual-ref", "disabled", "content"])) : K("", !0),
-        he((v(), R(r(kl), ge({ mode: e.mode }, Pe.value, {
-          value: r(n),
-          "onUpdate:value": t[4] || (t[4] = (o) => Cl(n) ? n.value = o : null),
+        he((v(), R(r(kl), ye({ mode: e.mode }, Pe.value, {
+          value: r(s),
+          "onUpdate:value": t[4] || (t[4] = (o) => Cl(s) ? s.value = o : null),
           ref_key: "$select",
           ref: C,
           options: Le.value,
@@ -412,25 +412,25 @@ const Wl = { key: 0 }, Pl = {
           onBlur: ze
         }), xl({
           option: p((o) => [
-            g(e.$slots, "option", Q(Y(o)), () => {
+            y(e.$slots, "option", Q(Y(o)), () => {
               var m;
               return [
                 o.children && typeof o.children == "function" ? (v(), R(a, {
                   key: 0,
                   vnodes: o.children()
-                }, null, 8, ["vnodes"])) : (v(), y(Be, { key: 1 }, [
-                  e.mode === "combobox" ? he((v(), y("div", Wl, [
+                }, null, 8, ["vnodes"])) : (v(), g(Be, { key: 1 }, [
+                  e.mode === "combobox" ? he((v(), g("div", Wl, [
                     be(W(o[A.value]), 1)
                   ])), [
                     [r($e)]
-                  ]) : (v(), y("div", Pl, [
+                  ]) : (v(), g("div", Pl, [
                     (v(), R(r(Fe), {
                       class: "das-select-checkbox",
-                      modelValue: (m = r(n)) == null ? void 0 : m.includes(o[T.value]),
+                      modelValue: (m = r(s)) == null ? void 0 : m.includes(o[T.value]),
                       key: o[T.value],
                       disabled: o.disabled
                     }, null, 8, ["modelValue", "disabled"])),
-                    he((v(), y("div", Rl, [
+                    he((v(), g("div", Rl, [
                       be(W(o[A.value]), 1)
                     ])), [
                       [r($e)]
@@ -441,8 +441,8 @@ const Wl = { key: 0 }, Pl = {
             }, !0)
           ]),
           tagRender: p((o) => [
-            g(e.$slots, "tagRender", Q(Y(o)), () => [
-              x(r(ye), {
+            y(e.$slots, "tagRender", Q(Y(o)), () => [
+              x(r(ge), {
                 closable: o.closable,
                 style: { "margin-right": "3px", "background-color": "transparent" },
                 onClose: (m) => pl(o)
@@ -451,19 +451,19 @@ const Wl = { key: 0 }, Pl = {
                   h("span", {
                     class: "tag-span",
                     style: Z(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
-                  }, W(ul(ne(o.value) ?? o.label ?? String(o.value))), 5)
+                  }, W(ul(se(o.value) ?? o.label ?? String(o.value))), 5)
                 ]),
                 _: 2
               }, 1032, ["closable", "onClose"])
             ], !0)
           ]),
           dropdownRender: p(({ menuNode: o }) => [
-            g(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
+            y(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
               var m;
               return [
-                Se.value === "combobox" ? (v(), y("div", ql, [
+                Se.value === "combobox" ? (v(), g("div", ql, [
                   x(a, { vnodes: o }, null, 8, ["vnodes"])
-                ])) : Se.value === "custom" ? (v(), y("div", {
+                ])) : Se.value === "custom" ? (v(), g("div", {
                   key: 1,
                   onClick: t[2] || (t[2] = J(() => {
                   }, ["stop"]))
@@ -473,7 +473,7 @@ const Wl = { key: 0 }, Pl = {
                     class: "customDropdown",
                     onMousedown: t[1] || (t[1] = (c) => c.preventDefault())
                   }, [
-                    x(r(Al), ge({
+                    x(r(Al), ye({
                       ref_key: "testInput",
                       ref: He,
                       modelValue: D.value,
@@ -489,9 +489,9 @@ const Wl = { key: 0 }, Pl = {
                       onClick: Ie
                     }, W(r(P)("添加")), 1)
                   ], 32)
-                ])) : (v(), y("div", Hl, [
+                ])) : (v(), g("div", Hl, [
                   x(a, { vnodes: o }, null, 8, ["vnodes"]),
-                  (m = l.options) != null && m.length && l.showSelectAll ? (v(), y("div", {
+                  (m = l.options) != null && m.length && l.showSelectAll ? (v(), g("div", {
                     key: 0,
                     class: "das-ui-select-dropdown-checkall",
                     onMousedown: t[3] || (t[3] = (c) => c.preventDefault())
@@ -519,13 +519,13 @@ const Wl = { key: 0 }, Pl = {
             }, !0)
           ]),
           clearIcon: p(() => [
-            g(e.$slots, "clearIcon", {}, () => [
+            y(e.$slots, "clearIcon", {}, () => [
               x(r(Ml), { size: "medium" })
             ], !0)
           ]),
           maxTagPlaceholder: p((o) => [
-            g(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
-              x(r(ye), {
+            y(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
+              x(r(ge), {
                 style: Z(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
               }, {
                 default: p(() => [
@@ -538,12 +538,12 @@ const Wl = { key: 0 }, Pl = {
             ], !0)
           ]),
           notFoundContent: p(() => [
-            g(e.$slots, "notFoundContent", {}, () => [
+            y(e.$slots, "notFoundContent", {}, () => [
               t[5] || (t[5] = h("div", { class: "hasNoData" }, "暂无数据", -1))
             ], !0)
           ]),
           suffixIcon: p(() => [
-            g(e.$slots, "suffixIcon", {}, () => [
+            y(e.$slots, "suffixIcon", {}, () => [
               x(r(Ll), {
                 class: "das-suffix-icon",
                 size: "medium"
@@ -551,37 +551,37 @@ const Wl = { key: 0 }, Pl = {
             ], !0)
           ]),
           default: p(() => [
-            g(e.$slots, "default", {}, void 0, !0)
+            y(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 2
         }, [
           e.$slots.menuItemSelectedIcon ? {
             name: "menuItemSelectedIcon",
             fn: p(() => [
-              g(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
+              y(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0,
           e.$slots.placeholder ? {
             name: "placeholder",
             fn: p(() => [
-              g(e.$slots, "placeholder", {}, void 0, !0)
+              y(e.$slots, "placeholder", {}, void 0, !0)
             ]),
             key: "1"
           } : void 0,
           e.$slots.removeIcon ? {
             name: "removeIcon",
             fn: p(() => [
-              g(e.$slots, "removeIcon", {}, void 0, !0)
+              y(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(Sl), { target: cl, x: !1 }],
-          [r(_l), sl]
+          [r(_l), nl]
         ]),
-        e.error && e.errorLabel ? (v(), y(Be, { key: 1 }, [
-          e.errorMode === "default" ? (v(), y("div", jl, [
+        e.error && e.errorLabel ? (v(), g(Be, { key: 1 }, [
+          e.errorMode === "default" ? (v(), g("div", jl, [
             h("span", {
               style: Z(ol.value)
             }, W(e.errorLabel), 5)
@@ -602,7 +602,7 @@ const Wl = { key: 0 }, Pl = {
           h("div", Gl, [
             h("div", Xl, [
               h("span", Jl, [
-                x(r(ye), {
+                x(r(ge), {
                   style: Z(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                 }, {
                   default: p(() => [
@@ -627,9 +627,9 @@ const Wl = { key: 0 }, Pl = {
 }, lt = /* @__PURE__ */ We(et, [["__scopeId", "data-v-2f230833"]]), tt = {};
 function ot(S, z) {
   const N = El;
-  return v(), R(N, ge({ class: "das-ui-select-option" }, S.$attrs), null, 16);
+  return v(), R(N, ye({ class: "das-ui-select-option" }, S.$attrs), null, 16);
 }
-const at = /* @__PURE__ */ We(tt, [["render", ot]]), nt = {
+const at = /* @__PURE__ */ We(tt, [["render", ot]]), st = {
   "--das-ui-select-color-bg": "#FFFFFF",
   // 默认背景色
   "--das-ui-select-color-primary": Oe("--das-ui-color-primary"),
@@ -676,7 +676,7 @@ const at = /* @__PURE__ */ We(tt, [["render", ot]]), nt = {
   // 多选框字体大小-lg
   "--das-ui-select-overlay-error-color": "#FB2323",
   "--das-ui-select-overlay-error-bg-color": "#FFDBE0"
-}, st = {
+}, nt = {
   添加: { "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" },
@@ -687,8 +687,8 @@ const at = /* @__PURE__ */ We(tt, [["render", ot]]), nt = {
     _appCode: "framework"
   }
 };
-Fl(st);
-Nl(nt);
+Fl(nt);
+Nl(st);
 const Lt = De(lt), Mt = De(at), Vt = { name: "select 选择器" };
 export {
   Lt as DasSelect,

package/packages/components/select-list/index.js

@@ -218,10 +218,13 @@ var en = /* @__PURE__ */ function() {
 }();
 function ti(t, e, i) {
   var n = e.value;
-  if (n && !(typeof IntersectionObserver > "u")) {
-    var r = new en(t, n, i);
-    t._vue_visibilityState = r;
-  }
+  if (n)
+    if (typeof IntersectionObserver > "u")
+      console.warn("[vue-observe-visibility] IntersectionObserver API is not available in your browser. Please install this polyfill: https://github.com/w3c/IntersectionObserver/tree/master/polyfill");
+    else {
+      var r = new en(t, n, i);
+      t._vue_visibilityState = r;
+    }
 }
 function tn(t, e, i) {
   var n = e.value, r = e.oldValue;
@@ -448,7 +451,7 @@ var Pt = {
     }
   },
   created() {
-    this.$_startIndex = 0, this.$_endIndex = 0, this.$_views = /* @__PURE__ */ new Map(), this.$_unusedViews = /* @__PURE__ */ new Map(), this.$_scrollDirty = !1, this.$_lastUpdateScrollPosition = 0, this.prerender && (this.$_prerender = !0, this.updateVisibleItems(!1)), this.gridItems && this.itemSize;
+    this.$_startIndex = 0, this.$_endIndex = 0, this.$_views = /* @__PURE__ */ new Map(), this.$_unusedViews = /* @__PURE__ */ new Map(), this.$_scrollDirty = !1, this.$_lastUpdateScrollPosition = 0, this.prerender && (this.$_prerender = !0, this.updateVisibleItems(!1)), this.gridItems && !this.itemSize && console.error("[vue-recycle-scroller] You must provide an itemSize when using gridItems");
   },
   mounted() {
     this.applyPageMode(), this.$nextTick(() => {
@@ -625,6 +628,7 @@ var Pt = {
     },
     itemsLimitError() {
       throw setTimeout(() => {
+        console.log("It seems the scroller element isn't scrolling, so it tries to render all the items at once.", "Scroller:", this.$el), console.log("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.");
       }), new Error("Rendered items limit reached");
     },
     sortViews() {
@@ -2078,7 +2082,7 @@ const Ln = (t, e, i, n) => {
   });
   const a = () => {
     const u = i.value;
-    u.style.cursor = "move", o = y.create(u, {
+    u.style.cursor = "move", console.log(t, e, i, n), o = y.create(u, {
       draggable: ".selected-item.enable",
       //指定样式类的元素才允许拖动
       filter: ".selected-item.disableDrag",