@das-fed/upf-ui 6.4.0-dev.208 → 6.4.0-dev.210

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,9 +1,9 @@
 import '@das-fed/upf-ui/packages/components/select/style.css';
 import { withInstall as $e } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as Be, useCssVars as dl, useAttrs as cl, computed as i, ref as n, watch as G, useSlots as fl, onMounted as ce, onUnmounted as _e, watchEffect as fe, nextTick as T, resolveComponent as vl, openBlock as f, createElementBlock as y, normalizeClass as pl, normalizeStyle as H, withModifiers as J, createBlock as P, unref as r, createCommentVNode as Z, withDirectives as ve, mergeProps as he, isRef as ml, createSlots as hl, withCtx as p, renderSlot as g, normalizeProps as Q, guardReactiveProps as Y, Fragment as Le, createTextVNode as pe, toDisplayString as E, createVNode as x, createElementVNode as h, withKeys as bl } from "vue";
-import { Select as yl, Tag as me } from "ant-design-vue";
+import { defineComponent as Be, useCssVars as dl, useAttrs as cl, computed as i, ref as n, watch as G, useSlots as fl, onMounted as ce, onUnmounted as _e, watchEffect as fe, nextTick as T, resolveComponent as vl, openBlock as f, createElementBlock as g, normalizeClass as pl, normalizeStyle as H, withModifiers as J, createBlock as P, unref as r, createCommentVNode as Z, withDirectives as ve, mergeProps as he, isRef as ml, createSlots as hl, withCtx as p, renderSlot as y, normalizeProps as Q, guardReactiveProps as Y, Fragment as Le, createTextVNode as pe, toDisplayString as E, createVNode as x, createElementVNode as h, withKeys as bl } from "vue";
+import { Select as gl, Tag as me } from "ant-design-vue";
 import { DasCheckbox as Me } from "@das-fed/upf-ui/packages/components/checkbox/index";
-import { vScrollbar as gl } from "@das-fed/upf-ui/packages/components/scrollbar/index";
+import { vScrollbar as yl } from "@das-fed/upf-ui/packages/components/scrollbar/index";
 import { DasTooltip as wl } from "@das-fed/upf-ui/packages/components/tooltip/index";
 import { vDasTooltip as Ne } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import { DasInput as Cl } from "@das-fed/upf-ui/packages/components/input/index";
@@ -82,32 +82,32 @@ const $l = { key: 0 }, Bl = {
     }), s = Ml(l, "modelValue"), ee = i(() => {
       var e;
       return `<span class='key'>${((e = s.value) == null ? void 0 : e.length) ?? 0}</span>`;
-    }), A = n(null), ye = n(null), b = n(!1), K = i(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || W("请选择")), le = i(() => A.value ? A.value.querySelector(".ant-select-selector") : null), $ = n(0), B = n(0), Oe = i(() => le.value ? l.isTooltip && I.value ? !1 : !l.isTooltip || z.value || !ze.value || !se.value : !0), Ee = i(() => (Array.isArray(s.value) ? s.value.length : s.value) ? ze.value : K.value), ge = () => {
+    }), A = n(null), ge = n(null), b = n(!1), K = i(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || W("请选择")), le = i(() => A.value ? A.value.querySelector(".ant-select-selector") : null), $ = n(0), B = n(0), Oe = i(() => le.value ? l.isTooltip && I.value ? !1 : !l.isTooltip || z.value || !ze.value || !se.value : !0), Ee = i(() => (Array.isArray(s.value) ? s.value.length : s.value) ? ze.value : K.value), ye = () => {
       const e = l.size === "table" ? 12 : 14;
       return Nl(K.value, e);
     }, we = () => {
       var L, q, c;
       const e = (L = A.value) == null ? void 0 : L.querySelector(".ant-select-selection-placeholder"), t = (c = (q = C.value) == null ? void 0 : q.$el) == null ? void 0 : c.querySelectorAll(".ant-select-selection-item");
       t && t.length && t.forEach((de) => de.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;
+      let o = (e == null ? void 0 : e.offsetWidth) ?? 0;
+      if (o === 0) return o;
+      const a = window.getComputedStyle(e, null), m = parseFloat(a.paddingRight), v = parseFloat(a.paddingLeft);
+      return o - m - v;
     }, I = n(!1);
     G(() => [K.value, s.value], () => {
       T(() => {
-        B.value = we(), $.value = ge(), ((Array.isArray(s.value) ? s.value.length : s.value) || B.value === $.value || $.value - B.value < 1) && (I.value = !1);
+        B.value = we(), $.value = ye(), ((Array.isArray(s.value) ? s.value.length : s.value) || B.value === $.value || $.value - B.value < 1) && (I.value = !1);
       });
     }), G(
       () => {
         var e;
-        return (e = ye.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = ge.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          I.value = !0, O.value && clearTimeout(O.value);
+          console.log("进入tooltip"), I.value = !0, O.value && clearTimeout(O.value);
         }), e.addEventListener("mouseleave", function() {
-          O.value = setTimeout(() => {
+          console.log("离开toolTip"), O.value = setTimeout(() => {
             I.value = !1;
           }, 200);
         }));
@@ -140,9 +140,9 @@ const $l = { key: 0 }, Bl = {
         var t;
         let e = (t = C.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
         if (e && e.length > 0)
-          for (let a = 0; a < e.length; a++) {
-            let o = e[a];
-            o.scrollWidth <= o.offsetWidth && (se.value = !1), o.title = "";
+          for (let o = 0; o < e.length; o++) {
+            let a = e[o];
+            a.scrollWidth <= a.offsetWidth && (se.value = !1), a.title = "";
           }
       }, 300));
     }), fe(() => {
@@ -154,7 +154,7 @@ const $l = { key: 0 }, Bl = {
       }, 100);
     };
     fe(() => {
-      ne.value === !0 && l.mode != "combobox" && s.value && s.value.length > 0 && l.options.length > 0 && (ne.value = !1, qe());
+      ne.value === !0 && l.mode != "combobox" && s.value && s.value.length > 0 && l.options.length > 0 && (console.log("watchEffect", s.value), ne.value = !1, qe());
     }), ce(() => {
       ne.value = !0, l.focusOpen || (d.value = 1, u.value = d.value, b.value = !0);
     });
@@ -164,26 +164,26 @@ const $l = { key: 0 }, Bl = {
       var t;
       let e = [];
       if (l.mode != "combobox" && Array.isArray(s.value))
-        s.value.map((a) => {
+        s.value.map((o) => {
           var m;
-          let o = (m = l.options) == null ? void 0 : m.find((v) => v[V.value] == a);
-          o && e.push(o[U.value]);
+          let a = (m = l.options) == null ? void 0 : m.find((v) => v[V.value] == o);
+          a && e.push(a[U.value]);
         });
       else if (l.mode == "combobox" && s.value) {
-        let a = (t = l.options) == null ? void 0 : t.find((o) => o[V.value] == s.value);
-        a && e.push(a[U.value]);
+        let o = (t = l.options) == null ? void 0 : t.find((a) => a[V.value] == s.value);
+        o && e.push(o[U.value]);
       }
       return Vl.value === "zh-CN" ? e.join("、") : e.join(", ");
     }), Ue = i(() => {
       var t;
       if (l.mode === "combobox") return !1;
-      let e = l.options.filter((a) => !a.disabled);
+      let e = l.options.filter((o) => !o.disabled);
       return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) == e.length);
     }), je = i(() => {
-      var t, a;
+      var t, o;
       if (l.mode === "combobox") return !1;
-      let e = l.options.filter((o) => !o.disabled);
-      return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) > 0 && ((a = s.value) == null ? void 0 : a.length) < e.length);
+      let e = l.options.filter((a) => !a.disabled);
+      return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) > 0 && ((o = s.value) == null ? void 0 : o.length) < e.length);
     }), Xe = i(() => {
       var e, t;
       return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
@@ -200,9 +200,9 @@ const $l = { key: 0 }, Bl = {
       color: Sl("--das-ui-select-overlay-error-color").value,
       "white-space": "break-spaces"
     }), O = n(), Qe = () => {
-      var a;
-      B.value = we(), $.value = ge();
-      let e = (a = C.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
+      var o;
+      B.value = we(), $.value = ye();
+      let e = (o = C.value) == null ? void 0 : o.$el.querySelectorAll(".ant-select-selection-item");
       !!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || B.value === $.value || $.value - B.value < 1 ? I.value = !1 : (I.value = !0, O.value && clearTimeout(O.value)), re.value = !0;
     }, Ye = () => {
       O.value = setTimeout(() => {
@@ -212,8 +212,8 @@ const $l = { key: 0 }, Bl = {
       e ? Qe() : Ye();
     }, ll = (e) => {
       e && (Se.value = Ll().nextZIndex(), D.value = ""), j.value = e, l.mode == "combobox" && (e || setTimeout(() => {
-        var t, a;
-        (a = (t = C.value) == null ? void 0 : t.blur) == null || a.call(t);
+        var t, o;
+        (o = (t = C.value) == null ? void 0 : t.blur) == null || o.call(t);
       })), w("dropdownVisibleChange", e);
     }, tl = (e) => {
       let t = e.toString();
@@ -221,13 +221,13 @@ const $l = { key: 0 }, Bl = {
     }, ol = (e) => l.isRenderNode ? A.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), al = (e) => {
       if (e) {
         Array.isArray(s.value) || (s.value = []);
-        let t = s.value, a = [];
-        l.options.forEach((o) => {
-          !s.value.includes(o[V.value]) && !o.disabled && (t.push(o[V.value]), a.push(o));
-        }), s.value = t, ie(s.value, a);
+        let t = s.value, o = [];
+        l.options.forEach((a) => {
+          !s.value.includes(a[V.value]) && !a.disabled && (t.push(a[V.value]), o.push(a));
+        }), s.value = t, ie(s.value, o);
       } else {
         let t = s.value;
-        s.value = t.filter((a) => !!l.options.find((o) => o[V.value] === a).disabled), ie(s.value, []);
+        s.value = t.filter((o) => !!l.options.find((a) => a[V.value] === o).disabled), ie(s.value, []);
       }
     }, sl = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
@@ -288,23 +288,23 @@ const $l = { key: 0 }, Bl = {
       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);
+      let o = t.offsetWidth - 5;
+      l.borderType === "underline" && (o -= 10);
       const m = Math.ceil(Ce.value.querySelector(".ant-tag").offsetWidth) + 4;
       let v = e.querySelectorAll(".ant-select-selection-overflow-item");
       if (v.length < 1) return;
       u.value = S;
       let L = 0;
       for (let c = 0; c < v.length - 1 && (v[c].classList.remove("ellipsis"), !v[c].classList.contains("ant-select-selection-overflow-item-rest")); c++)
-        if (L += Math.ceil(v[c].offsetWidth), L <= a - m)
-          c >= s.value.length - 1 && L < a ? d.value = s.value.length : d.value = c + 1;
+        if (L += Math.ceil(v[c].offsetWidth), L <= o - m)
+          c >= s.value.length - 1 && L < o ? d.value = s.value.length : d.value = c + 1;
         else {
-          c >= s.value.length - 1 && L < a ? d.value = s.value.length : d.value = c;
+          c >= s.value.length - 1 && L < o ? d.value = s.value.length : d.value = c;
           break;
         }
       if (d.value === 0) {
         let c = v[0], de = c.querySelector(".anticon-close") ? 86 : 69;
-        c && !c.classList.contains("ant-select-selection-overflow-item-rest") && de <= a - m && !ke.tagRender && (d.value = 1, c.classList.add("ellipsis"));
+        c && !c.classList.contains("ant-select-selection-overflow-item-rest") && de <= o - m && !ke.tagRender && (d.value = 1, c.classList.add("ellipsis"));
       }
     }, ue = n(!1);
     G(
@@ -314,20 +314,20 @@ const $l = { key: 0 }, Bl = {
           ue.value = !1;
           return;
         }
-        l.mode !== "combobox" && ae.value || (z.value = !0, u.value = S, await T(), await _(), z.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = R.value ? S : d.value, b.value = !R.value) : (u.value = d.value, b.value = !0));
+        l.mode !== "combobox" && ae.value || (console.log("-----watch-----", s.value), z.value = !0, u.value = S, await T(), await _(), z.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = R.value ? S : d.value, b.value = !R.value) : (u.value = d.value, b.value = !0));
       }
     );
     const ie = async (e, t) => {
       ue.value = !0, j.value = !1, l.mode === "combobox" && te();
-      const a = e;
-      l.noDropdown && l.maxTagsLength < a.length && a.pop(), z.value = !0, w("update:model-value", a), w("change", a, t), u.value = S, await T(), await _(), z.value = !1, l.isExterControlCount && l.focusOpen && (u.value = R.value ? S : d.value, b.value = !R.value), l.focusOpen || (u.value = d.value);
+      const o = e;
+      l.noDropdown && l.maxTagsLength < o.length && o.pop(), z.value = !0, console.log("-----seleceChange-----", o), w("update:model-value", o), w("change", o, t), u.value = S, await T(), await _(), z.value = !1, l.isExterControlCount && l.focusOpen && (u.value = R.value ? S : d.value, b.value = !R.value), l.focusOpen || (u.value = d.value, console.log("selectChange--------", u.value));
     };
     return M({
       $select: C,
       toChangeMaxCount: il
     }), (e, t) => {
-      const a = vl("v-nodes");
-      return f(), y("div", {
+      const o = vl("v-nodes");
+      return f(), g("div", {
         class: pl(["das-ui-select", [
           l.borderType,
           l.isView ? "readonly" : "",
@@ -342,16 +342,16 @@ const $l = { key: 0 }, Bl = {
         le.value ? (f(), P(r(wl), {
           key: 0,
           ref_key: "inputTooltipRef",
-          ref: ye,
+          ref: ge,
           placement: "top",
           "virtual-triggering": "",
           "virtual-ref": le.value,
           disabled: Oe.value,
           content: Ee.value
         }, null, 8, ["virtual-ref", "disabled", "content"])) : Z("", !0),
-        ve((f(), P(r(yl), he({ mode: e.mode }, De.value, {
+        ve((f(), P(r(gl), he({ mode: e.mode }, De.value, {
           value: r(s),
-          "onUpdate:value": t[4] || (t[4] = (o) => ml(s) ? s.value = o : null),
+          "onUpdate:value": t[4] || (t[4] = (a) => ml(s) ? s.value = a : null),
           ref_key: "$select",
           ref: C,
           options: Ie.value,
@@ -373,27 +373,27 @@ const $l = { key: 0 }, Bl = {
           onFocus: nl,
           onBlur: Ve
         }), hl({
-          option: p((o) => [
-            g(e.$slots, "option", Q(Y(o)), () => {
+          option: p((a) => [
+            y(e.$slots, "option", Q(Y(a)), () => {
               var m;
               return [
-                o.children && typeof o.children == "function" ? (f(), P(a, {
+                a.children && typeof a.children == "function" ? (f(), P(o, {
                   key: 0,
-                  vnodes: o.children()
-                }, null, 8, ["vnodes"])) : (f(), y(Le, { key: 1 }, [
-                  e.mode === "combobox" ? ve((f(), y("div", $l, [
-                    pe(E(o[U.value]), 1)
+                  vnodes: a.children()
+                }, null, 8, ["vnodes"])) : (f(), g(Le, { key: 1 }, [
+                  e.mode === "combobox" ? ve((f(), g("div", $l, [
+                    pe(E(a[U.value]), 1)
                   ])), [
                     [r(Ne)]
-                  ]) : (f(), y("div", Bl, [
+                  ]) : (f(), g("div", Bl, [
                     (f(), P(r(Me), {
                       class: "das-select-checkbox",
-                      modelValue: (m = r(s)) == null ? void 0 : m.includes(o[V.value]),
-                      key: o[V.value],
-                      disabled: o.disabled
+                      modelValue: (m = r(s)) == null ? void 0 : m.includes(a[V.value]),
+                      key: a[V.value],
+                      disabled: a.disabled
                     }, null, 8, ["modelValue", "disabled"])),
-                    ve((f(), y("div", Fl, [
-                      pe(E(o[U.value]), 1)
+                    ve((f(), g("div", Fl, [
+                      pe(E(a[U.value]), 1)
                     ])), [
                       [r(Ne)]
                     ])
@@ -402,35 +402,35 @@ const $l = { key: 0 }, Bl = {
               ];
             }, !0)
           ]),
-          tagRender: p((o) => [
-            g(e.$slots, "tagRender", Q(Y(o)), () => [
+          tagRender: p((a) => [
+            y(e.$slots, "tagRender", Q(Y(a)), () => [
               x(r(me), {
-                closable: o.closable,
+                closable: a.closable,
                 style: { "margin-right": "3px", "background-color": "transparent" },
-                onClose: (m) => ul(o)
+                onClose: (m) => ul(a)
               }, {
                 default: p(() => [
                   h("span", {
                     class: "tag-span",
                     style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
-                  }, E(tl(o.label)), 5)
+                  }, E(tl(a.label)), 5)
                 ]),
                 _: 2
               }, 1032, ["closable", "onClose"])
             ], !0)
           ]),
-          dropdownRender: p(({ menuNode: o }) => [
-            g(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
+          dropdownRender: p(({ menuNode: a }) => [
+            y(e.$slots, "dropdownRender", Q(Y({ menuNode: a })), () => {
               var m;
               return [
-                xe.value === "combobox" ? (f(), y("div", Dl, [
-                  x(a, { vnodes: o }, null, 8, ["vnodes"])
-                ])) : xe.value === "custom" ? (f(), y("div", {
+                xe.value === "combobox" ? (f(), g("div", Dl, [
+                  x(o, { vnodes: a }, null, 8, ["vnodes"])
+                ])) : xe.value === "custom" ? (f(), g("div", {
                   key: 1,
                   onClick: t[2] || (t[2] = J(() => {
                   }, ["stop"]))
                 }, [
-                  x(a, { vnodes: o }, null, 8, ["vnodes"]),
+                  x(o, { vnodes: a }, null, 8, ["vnodes"]),
                   h("div", {
                     class: "customDropdown",
                     onMousedown: t[1] || (t[1] = (v) => v.preventDefault())
@@ -451,9 +451,9 @@ const $l = { key: 0 }, Bl = {
                       onClick: Te
                     }, E(r(W)("添加")), 1)
                   ], 32)
-                ])) : (f(), y("div", Ol, [
-                  x(a, { vnodes: o }, null, 8, ["vnodes"]),
-                  (m = l.options) != null && m.length && l.showSelectAll ? (f(), y("div", {
+                ])) : (f(), g("div", Ol, [
+                  x(o, { vnodes: a }, 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())
@@ -481,12 +481,12 @@ const $l = { key: 0 }, Bl = {
             }, !0)
           ]),
           clearIcon: p(() => [
-            g(e.$slots, "clearIcon", {}, () => [
+            y(e.$slots, "clearIcon", {}, () => [
               x(r(Tl), { size: "medium" })
             ], !0)
           ]),
-          maxTagPlaceholder: p((o) => [
-            g(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
+          maxTagPlaceholder: p((a) => [
+            y(e.$slots, "maxTagPlaceholder", Q(Y(a)), () => [
               x(r(me), {
                 style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
               }, {
@@ -500,12 +500,12 @@ const $l = { key: 0 }, Bl = {
             ], !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(xl), {
                 class: "das-suffix-icon",
                 size: "medium"
@@ -513,37 +513,37 @@ const $l = { key: 0 }, Bl = {
             ], !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(gl), { target: sl, x: !1 }],
+          [r(yl), { target: sl, x: !1 }],
           [r(Il), el]
         ]),
-        e.error && e.errorLabel ? (f(), y(Le, { key: 1 }, [
-          e.errorMode === "default" ? (f(), y("div", Rl, [
+        e.error && e.errorLabel ? (f(), g(Le, { key: 1 }, [
+          e.errorMode === "default" ? (f(), g("div", Rl, [
             h("span", {
               style: H(Je.value)
             }, E(e.errorLabel), 5)

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",

package/packages/components/special-range-picker-month/index.js

@@ -32,8 +32,8 @@ const G = () => ({ getDateTime: (o) => {
     isInNewRange: (p) => {
       if (!a.value.begin || !a.value.end || !d.value) return !1;
       const t = l(g(p)), f = l(d.value);
-      let k = l(a.value.begin), C = l(a.value.end);
-      return s.value === "begin" ? (f > k && (k = f), t <= C && t >= k) : (f < C && (C = f), t <= C && t >= k);
+      let k = l(a.value.begin), S = l(a.value.end);
+      return s.value === "begin" ? (f > k && (k = f), t <= S && t >= k) : (f < S && (S = f), t <= S && t >= k);
     },
     outBeginDate: (p) => {
       if (!a.value.begin) return !1;
@@ -86,8 +86,10 @@ const G = () => ({ getDateTime: (o) => {
   }), g = () => {
     var B, y, D;
     o.value = (B = s.value) == null ? void 0 : B.clientWidth;
-    const { top: S = 0, left: z = 0 } = ((y = s.value) == null ? void 0 : y.getBoundingClientRect()) ?? {}, R = (D = s.value) == null ? void 0 : D.clientHeight;
-    n.value.x = z, n.value.y = S + R;
+    const { top: C = 0, left: E = 0 } = ((y = s.value) == null ? void 0 : y.getBoundingClientRect()) ?? {};
+    console.log(C, E, "=============");
+    const R = (D = s.value) == null ? void 0 : D.clientHeight;
+    n.value.x = E, n.value.y = C + R;
   };
   return {
     $dasSpecialRangeMonthPicker: s,
@@ -123,9 +125,9 @@ const G = () => ({ getDateTime: (o) => {
   emits: ["update:modelValue", "change", "update:error", "show-popover"],
   setup(u, { emit: s }) {
     const r = u, o = s, n = h(!1), a = q(r, "modelValue"), d = h(["", ""]), l = q(r, "error"), g = h([]), m = h(void 0);
-    let E = !0;
-    const S = h(0), z = V(() => !r.disabled && !r.isView && a.value[0] && a.value[1]), R = (v, c) => {
-      r.disabled || r.isView || (E = !1, n.value = !0, m.value = c, S.value = 0, d.value = [a.value[0], a.value[1]], o("show-popover"));
+    let z = !0;
+    const C = h(0), E = V(() => !r.disabled && !r.isView && a.value[0] && a.value[1]), R = (v, c) => {
+      r.disabled || r.isView || (z = !1, n.value = !0, m.value = c, C.value = 0, d.value = [a.value[0], a.value[1]], o("show-popover"));
     }, B = () => {
       m.value = void 0;
       const v = D.value;
@@ -136,11 +138,11 @@ const G = () => ({ getDateTime: (o) => {
       isInHoverRange: t,
       isInNewRange: f,
       outBeginDate: k,
-      outEndDate: C,
+      outEndDate: S,
       clickData: J,
       mouseEnter: K,
       mouseLeave: F
-    } = he(d, m, S, a, B), {
+    } = he(d, m, C, a, B), {
       $dasSpecialRangeMonthPicker: Q,
       isHoverInInput: _,
       errorModalBaseSyle: U,
@@ -150,8 +152,8 @@ const G = () => ({ getDateTime: (o) => {
       errorModallInputMouseLeave: T
     } = me(r), ee = () => {
       setTimeout(() => {
-        if (!E) {
-          E = !0;
+        if (!z) {
+          z = !0;
           return;
         }
         d.value = ["", ""], D.value = { begin: a.value[0], end: a.value[1] }, m.value = void 0, n.value = !1;
@@ -209,12 +211,12 @@ const G = () => ({ getDateTime: (o) => {
                 style: { width: "16px" }
               }, [
                 $(e(fe), {
-                  class: x(["icon-date", { "has-data": z.value }]),
+                  class: x(["icon-date", { "has-data": E.value }]),
                   size: "medium",
                   "icon-color": e(Y)("--das-ui-color-normal")
                 }, null, 8, ["class", "icon-color"]),
                 $(e(be), {
-                  class: x(["icon-delete", { "has-data": z.value }]),
+                  class: x(["icon-delete", { "has-data": E.value }]),
                   size: "medium",
                   "icon-color": e(Y)("--das-ui-special-range-picker-close-btn"),
                   onClick: ae
@@ -236,7 +238,7 @@ const G = () => ({ getDateTime: (o) => {
                       "new-range": e(f)(i),
                       "range-start": e(y)(e(D).begin) === e(y)(i),
                       "range-end": e(y)(e(D).end) === e(y)(i),
-                      "out-range": e(k)(i) || e(C)(i)
+                      "out-range": e(k)(i) || e(S)(i)
                     }]),
                     onMouseenter: (re) => e(K)(i),
                     onClick: (re) => e(J)(i)