@das-fed/upf-ui 6.4.0-dev.299 → 6.4.0-dev.301

package/packages/components/infinite-scroll/index.js

@@ -0,0 +1,2067 @@
+import { withInstall as pe } from "@das-fed/upf-utils/with-install/index";
+import { t as te, setI18nRule as Pe } from "@das-fed/upf-web/packages/i18n/index";
+import { defineComponent as be, useAttrs as it, computed as V, ref as X, watchEffect as Tt, openBlock as y, createElementBlock as P, normalizeClass as ve, normalizeStyle as st, createVNode as L, withCtx as z, createCommentVNode as F, createBlock as W, unref as g, mergeProps as J, createSlots as Le, renderSlot as x, Fragment as Q, renderList as fe, createTextVNode as re, toDisplayString as K, isRef as nt, createElementVNode as U, createStaticVNode as rt, watch as le, h as ne, pushScopeId as kt, popScopeId as wt, nextTick as ye, withScopeId as _t, markRaw as It, shallowReactive as Ot, resolveComponent as lt, resolveDirective as xt, withDirectives as At, resolveDynamicComponent as Ue, toHandlers as Pt, normalizeProps as Ct, guardReactiveProps as Dt, onMounted as Rt, onBeforeUnmount as Et } from "vue";
+import { ConfigProvider as Mt } from "ant-design-vue/es";
+import "ant-design-vue/es/config-provider/style/css";
+import { DasAutoRegisterIcon as Vt, DasIcon as ce } from "@das-fed/upf-ui/packages/components/icon/index";
+import { DropdownButton as Bt, Menu as Fe, MenuItem as He, Dropdown as jt, Button as We, RadioGroup as Nt, RadioButton as Lt, Spin as Ut } from "ant-design-vue";
+import "ant-design-vue/es/button/style/css";
+import "ant-design-vue/es/dropdown/style/css";
+import "ant-design-vue/es/radio/style/css";
+import { ElEmpty as Ft } from "element-plus";
+import "ant-design-vue/es/spin/style/css";
+import { DasIconLoad as Ht } from "@das-fed/upf-ui/packages/icons/load/index";
+import "@das-fed/upf-ui/packages/global/theme"
+import '@das-fed/upf-ui/packages/components/infinite-scroll/style.css';
+;
+var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Wt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function Kt(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var ot = Kt, qt = typeof de == "object" && de && de.Object === Object && de, Gt = qt, Yt = Gt, Qt = typeof self == "object" && self && self.Object === Object && self, Xt = Yt || Qt || Function("return this")(), at = Xt, Jt = at, Zt = function() {
+  return Jt.Date.now();
+}, ei = Zt, ti = /\s/;
+function ii(e) {
+  for (var t = e.length; t-- && ti.test(e.charAt(t)); )
+    ;
+  return t;
+}
+var si = ii, ni = si, ri = /^\s+/;
+function li(e) {
+  return e && e.slice(0, ni(e) + 1).replace(ri, "");
+}
+var oi = li, ai = at, ui = ai.Symbol, ut = ui, Ke = ut, ct = Object.prototype, ci = ct.hasOwnProperty, di = ct.toString, se = Ke ? Ke.toStringTag : void 0;
+function fi(e) {
+  var t = ci.call(e, se), i = e[se];
+  try {
+    e[se] = void 0;
+    var s = !0;
+  } catch {
+  }
+  var n = di.call(e);
+  return s && (t ? e[se] = i : delete e[se]), n;
+}
+var hi = fi, mi = Object.prototype, vi = mi.toString;
+function yi(e) {
+  return vi.call(e);
+}
+var pi = yi, qe = ut, bi = hi, gi = pi, zi = "[object Null]", Si = "[object Undefined]", Ge = qe ? qe.toStringTag : void 0;
+function $i(e) {
+  return e == null ? e === void 0 ? Si : zi : Ge && Ge in Object(e) ? bi(e) : gi(e);
+}
+var Ti = $i;
+function ki(e) {
+  return e != null && typeof e == "object";
+}
+var wi = ki, _i = Ti, Ii = wi, Oi = "[object Symbol]";
+function xi(e) {
+  return typeof e == "symbol" || Ii(e) && _i(e) == Oi;
+}
+var Ai = xi, Pi = oi, Ye = ot, Ci = Ai, Qe = NaN, Di = /^[-+]0x[0-9a-f]+$/i, Ri = /^0b[01]+$/i, Ei = /^0o[0-7]+$/i, Mi = parseInt;
+function Vi(e) {
+  if (typeof e == "number")
+    return e;
+  if (Ci(e))
+    return Qe;
+  if (Ye(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = Ye(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = Pi(e);
+  var i = Ri.test(e);
+  return i || Ei.test(e) ? Mi(e.slice(2), i ? 2 : 8) : Di.test(e) ? Qe : +e;
+}
+var Bi = Vi, ji = ot, ke = ei, Xe = Bi, Ni = "Expected a function", Li = Math.max, Ui = Math.min;
+function Fi(e, t, i) {
+  var s, n, d, c, a, o, m = 0, T = !1, k = !1, R = !0;
+  if (typeof e != "function")
+    throw new TypeError(Ni);
+  t = Xe(t) || 0, ji(i) && (T = !!i.leading, k = "maxWait" in i, d = k ? Li(Xe(i.maxWait) || 0, t) : d, R = "trailing" in i ? !!i.trailing : R);
+  function B($) {
+    var I = s, A = n;
+    return s = n = void 0, m = $, c = e.apply(A, I), c;
+  }
+  function q($) {
+    return m = $, a = setTimeout(H, t), T ? B($) : c;
+  }
+  function S($) {
+    var I = $ - o, A = $ - m, j = t - I;
+    return k ? Ui(j, d - A) : j;
+  }
+  function b($) {
+    var I = $ - o, A = $ - m;
+    return o === void 0 || I >= t || I < 0 || k && A >= d;
+  }
+  function H() {
+    var $ = ke();
+    if (b($))
+      return E($);
+    a = setTimeout(H, S($));
+  }
+  function E($) {
+    return a = void 0, R && s ? B($) : (s = n = void 0, c);
+  }
+  function M() {
+    a !== void 0 && clearTimeout(a), m = 0, s = o = n = a = void 0;
+  }
+  function f() {
+    return a === void 0 ? c : E(ke());
+  }
+  function D() {
+    var $ = ke(), I = b($);
+    if (s = arguments, n = this, o = $, I) {
+      if (a === void 0)
+        return q(o);
+      if (k)
+        return clearTimeout(a), a = setTimeout(H, t), B(o);
+    }
+    return a === void 0 && (a = setTimeout(H, t)), c;
+  }
+  return D.cancel = M, D.flush = f, D;
+}
+var Hi = Fi;
+const we = /* @__PURE__ */ Wt(Hi), Wi = {
+  inheritAttrs: !1
+  // 不希望组件的根元素继承特性
+}, Ki = /* @__PURE__ */ be({
+  ...Wi,
+  __name: "Index",
+  props: {
+    btnType: { default: "primary" },
+    size: { default: "middle" },
+    disabled: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    ghost: { type: Boolean, default: !1 },
+    menuData: { default: [] },
+    defaultMenuProps: { default: () => ({
+      key: "key",
+      label: "label",
+      icon: "icon"
+    }) },
+    icon: { default: "" },
+    activeIcon: { default: "" },
+    isIconLeft: { type: Boolean, default: !0 },
+    trigger: { default: "click" },
+    activeKey: { type: [String, Number, Boolean], default: "" },
+    getPopupContainer: { type: Function, default: (e) => e.parentNode || document.body },
+    isClickDebounce: { type: Boolean, default: !0 }
+  },
+  emits: ["update:activeKey", "click"],
+  setup(e, { emit: t }) {
+    Vt({
+      fold: import("@das-fed/upf-ui/packages/icons/fold"),
+      unflod: import("@das-fed/upf-ui/packages/icons/unflod")
+    });
+    const i = e, s = t, n = it(), d = V(() => i.btnType === "primary-text" || i.btnType === "default-text"), c = V(() => i.block && !d.value), a = (l) => {
+      const h = l.trim();
+      return h ? /^m(?:[trblxy]|-[trblxy])?-?\d+$/.test(h) || /^margin(?:-[trblxy]|-(?:top|right|bottom|left|inline|block))?-\d+$/.test(h) : !1;
+    }, o = (l) => {
+      const h = { root: [], inner: [] };
+      return l ? Array.isArray(l) ? (l.forEach((p) => {
+        const u = o(p);
+        h.root.push(...u.root), h.inner.push(...u.inner);
+      }), h) : typeof l == "string" ? (l.split(/\s+/).filter(Boolean).forEach((p) => {
+        h[a(p) ? "root" : "inner"].push(p);
+      }), h) : (typeof l == "object" && Object.entries(l).forEach(([p, u]) => {
+        u && p.split(/\s+/).filter(Boolean).forEach((N) => {
+          h[a(N) ? "root" : "inner"].push({ [N]: u });
+        });
+      }), h) : h;
+    }, m = V(() => i.btnType === "default-basicset" || i.btnType === "primary-basicset"), T = (l) => /^margin(?:$|[-A-Z])/.test(l.trim()), k = (l) => {
+      const h = { root: [], inner: [] };
+      if (!l) return h;
+      if (Array.isArray(l))
+        return l.forEach((p) => {
+          const u = k(p);
+          h.root.push(...u.root), h.inner.push(...u.inner);
+        }), h;
+      if (typeof l == "string") {
+        const p = [], u = [];
+        return l.split(";").forEach((N) => {
+          const G = N.indexOf(":");
+          if (G < 0) return;
+          const oe = N.slice(0, G).trim(), Z = N.trim();
+          !oe || !Z || (T(oe) ? p : u).push(Z);
+        }), p.length && h.root.push(p.join("; ")), u.length && h.inner.push(u.join("; ")), h;
+      }
+      if (typeof l == "object") {
+        const p = {}, u = {};
+        Object.entries(l).forEach(([N, G]) => {
+          (T(N) ? p : u)[N] = G;
+        }), Object.keys(p).length && h.root.push(p), Object.keys(u).length && h.inner.push(u);
+      }
+      return h;
+    }, R = (l) => !m.value && (!!l.root.length || !l.inner.length), B = () => {
+      const l = o(n.class), h = k(n.style), p = { ...n };
+      return l.inner.length ? p.class = l.inner : delete p.class, R(l) && (h.inner.length ? p.style = h.inner : delete p.style), p;
+    };
+    let q = X(i.activeKey), S = X(i.icon);
+    const b = V(() => i.size === "small" ? "mini" : i.size === "middle" ? "small" : i.size === "large" ? "medium" : "small"), H = V(() => i.btnType === "primary" ? "primary" : d.value ? "text" : "default"), E = V(() => [
+      "das-ui-button",
+      `das-ui-button--${i.size}`,
+      `das-ui-button--${i.btnType}`,
+      {
+        "das-ui-button--block": i.block,
+        "das-ui-button--ghost": i.ghost,
+        "das-ui-button--icon": !!i.icon
+      }
+    ]), M = () => [E.value, o(n.class).root], f = () => {
+      if (m.value) {
+        const u = [];
+        return n.style && u.push(n.style), u.length ? u : void 0;
+      }
+      const l = o(n.class), h = k(n.style), p = [];
+      return R(l) && h.root.length && p.push(...h.root), p.length ? p : void 0;
+    };
+    Tt(() => {
+      s("update:activeKey", q.value);
+    });
+    const D = (l, h) => {
+      document.body.click(), s("click", l, h);
+    }, $ = we(
+      (l) => {
+        S.value = i.icon, D(l, "menu-click");
+      },
+      300,
+      {
+        leading: !0
+      }
+    ), I = we(
+      (l) => {
+        D(l, "button-click");
+      },
+      300,
+      {
+        leading: !0
+      }
+    ), A = we(
+      (l) => {
+        D(l, "self");
+      },
+      300,
+      {
+        leading: !0
+      }
+    ), j = (l) => {
+      i.isClickDebounce ? A(l) : D(l, "self");
+    }, v = (l) => {
+      i.isClickDebounce ? I(l) : D(l, "button-click");
+    }, C = (l) => {
+      i.isClickDebounce ? $(l) : (S.value = i.icon, D(l, "menu-click"));
+    }, O = (l) => {
+      l ? S.value = i.activeIcon ? i.activeIcon : i.icon : S.value = i.icon;
+    };
+    return (l, h) => {
+      const p = Mt;
+      return y(), P(
+        "div",
+        {
+          class: ve(M()),
+          style: st(f())
+        },
+        [
+          L(p, { autoInsertSpaceInButton: !1 }, {
+            default: z(() => [
+              F(" 同类集合按钮 "),
+              e.btnType === "default-sameset" || e.btnType === "primary-sameset" ? (y(), W(g(Bt), J({ key: 0 }, B(), {
+                tabindex: "-1",
+                trigger: e.trigger,
+                disabled: e.disabled,
+                getPopupContainer: e.getPopupContainer,
+                onVisibleChange: O,
+                onClick: v,
+                type: e.btnType === "primary-sameset" ? "primary" : "default",
+                class: `${e.block ? "block" : ""} ${e.size}`
+              }), Le({
+                default: z(() => [
+                  x(l.$slots, "default", {}, void 0, !0)
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, [
+                e.menuData && e.menuData.length > 0 ? {
+                  name: "overlay",
+                  fn: z(() => [
+                    L(g(Fe), { onClick: C }, {
+                      default: z(() => [
+                        (y(!0), P(
+                          Q,
+                          null,
+                          fe(e.menuData, (u) => (y(), W(g(He), {
+                            key: u[e.defaultMenuProps.key],
+                            disabled: u.disabled
+                          }, {
+                            default: z(() => [
+                              re(
+                                K(u[e.defaultMenuProps.label]),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["disabled"]))),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  key: "0"
+                } : void 0,
+                e.icon ? {
+                  name: "icon",
+                  fn: z(() => [
+                    L(g(ce), {
+                      icon: g(S),
+                      size: b.value
+                    }, null, 8, ["icon", "size"])
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1040, ["trigger", "disabled", "getPopupContainer", "type", "class"])) : e.btnType === "default-basicset" || e.btnType === "primary-basicset" ? (y(), P(
+                Q,
+                { key: 1 },
+                [
+                  F(" 基础集合按钮 "),
+                  L(g(jt), J(B(), {
+                    tabindex: "-1",
+                    type: e.btnType === "primary-basicset" ? "primary" : "default",
+                    trigger: e.trigger,
+                    disabled: e.disabled,
+                    ref: "basicsetDropdownRef",
+                    class: `${e.block ? "block" : ""} ${e.btnType === "primary-basicset" ? "primary" : "default"} ${e.size}`,
+                    onVisibleChange: O,
+                    overlayClassName: "basicset-dropdown-wrap"
+                  }), Le({
+                    default: z(() => [
+                      L(g(We), null, {
+                        default: z(() => [
+                          x(l.$slots, "default", {}, void 0, !0),
+                          e.icon ? (y(), W(g(ce), {
+                            key: 0,
+                            icon: g(S),
+                            size: e.size === "small" ? "medium" : e.size === "middle" ? "big" : e.size === "large" ? "large" : "big"
+                          }, null, 8, ["icon", "size"])) : F("v-if", !0)
+                        ]),
+                        _: 3
+                        /* FORWARDED */
+                      })
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    e.menuData && e.menuData.length > 0 ? {
+                      name: "overlay",
+                      fn: z(() => [
+                        L(g(Fe), { onClick: C }, {
+                          default: z(() => [
+                            (y(!0), P(
+                              Q,
+                              null,
+                              fe(e.menuData, (u) => (y(), W(g(He), {
+                                key: u[e.defaultMenuProps.key],
+                                disabled: u.disabled
+                              }, {
+                                default: z(() => [
+                                  x(l.$slots, "menu-item", { item: u }, () => [
+                                    re(
+                                      K(u[e.defaultMenuProps.label]),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ], !0)
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["disabled"]))),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ]),
+                          _: 3
+                          /* FORWARDED */
+                        })
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1040, ["type", "trigger", "disabled", "class"])
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : e.btnType === "tabs" ? (y(), P(
+                Q,
+                { key: 2 },
+                [
+                  F(" 切换按钮tab "),
+                  e.menuData && e.menuData.length > 0 ? (y(), W(g(Nt), J({ key: 0 }, B(), {
+                    tabindex: "-1",
+                    disabled: e.disabled,
+                    value: g(q),
+                    "onUpdate:value": h[0] || (h[0] = (u) => nt(q) ? q.value = u : q = u)
+                  }), {
+                    default: z(() => [
+                      (y(!0), P(
+                        Q,
+                        null,
+                        fe(e.menuData, (u) => (y(), W(g(Lt), {
+                          key: u[e.defaultMenuProps.key],
+                          value: u[e.defaultMenuProps.key],
+                          disabled: u.disabled
+                        }, {
+                          default: z(() => [
+                            re(
+                              K(u[e.defaultMenuProps.label]),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["value", "disabled"]))),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 16, ["disabled", "value"])) : F("v-if", !0)
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : (y(), P(
+                Q,
+                { key: 3 },
+                [
+                  F(" 普通按钮 "),
+                  L(g(We), J(B(), {
+                    tabindex: "-1",
+                    type: H.value,
+                    size: e.size,
+                    disabled: e.disabled,
+                    block: c.value,
+                    ghost: e.ghost,
+                    onClick: j
+                  }), {
+                    default: z(() => [
+                      e.icon && e.isIconLeft ? (y(), W(g(ce), {
+                        key: 0,
+                        icon: e.icon,
+                        size: b.value
+                      }, null, 8, ["icon", "size"])) : F("v-if", !0),
+                      x(l.$slots, "default", {}, void 0, !0),
+                      e.icon && !e.isIconLeft ? (y(), W(g(ce), {
+                        key: 1,
+                        icon: e.icon,
+                        size: b.value
+                      }, null, 8, ["icon", "size"])) : F("v-if", !0)
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 16, ["type", "size", "disabled", "block", "ghost"])
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))
+            ]),
+            _: 3
+            /* FORWARDED */
+          })
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+}), ie = (e, t) => {
+  const i = e.__vccOpts || e;
+  for (const [s, n] of t)
+    i[s] = n;
+  return i;
+}, qi = /* @__PURE__ */ ie(Ki, [["__scopeId", "data-v-5cfb834c"]]), Je = pe(qi), Gi = (e) => {
+  const t = {
+    default: 168,
+    large: 224,
+    small: 120,
+    custom: void 0
+  };
+  return { imgSize: V(() => t[e.size] || e.imageSize) };
+}, Yi = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAABgCAMAAAC+LslfAAABklBMVEUAAAD////////////////////////j4+P////q///////r6+v////x///y///z8//29vbt9vbu9/fv7/fv9/fy+Pjy8vny+f/z8/n09Pnv9Prx9vry8vvy9/vy9/vv8/fz8/vw9Pjx9Pj09Pv1+Pj1+Pzy9fjy9fny9vnz9vnw9vnw8/bw8/nw9vn09vnx9Pnx9Pny9frz+Prz9frz9vrz9vr09vrx9vry9vv09vvy9Pjy9Pv09vv09vvy9Pvy9Pnz9fvz9/nx9fnx9fvx9fnz9fvz9fvx9fny9vnq7PLy9Pny9vny9vvy9Pny9vny9Pny9Pny9vry9vvx9Prz9Prz9Prx9fry9Pry9fzy9frx9Prz9vzy9fvz9fvx9fnz9vvy9Pry9Pry9fry9fry9frz9frz9fry9fry9fny9Pny9Prx9Pny9vzy9vzy9vry9vry9frz9fry9fvy9fvy9fny9fry9fry9vvy9fre4ebq7fLx9Prx9fnx9fry9fny9fry9fvy9vry9vvz9frz9vrz9vv4+wSwAAAAeXRSTlMAAgMEBQYHCQsMDA0REhQVHB0eICAmKCgsLi83Ozw9QEJGSEhLS01PUVJUVldXWVpbYmlqbG5vcHJyc3N1dnd5e3t+fn+AgYSHiIiIiImJiouMjI+PkJWcnJ2mrK6ut7/BwsTHyM/Q0dbX2drb3N3e4OHk5ebq8PL2luGUowAAAAFiS0dEAf8CLd4AAAJ8SURBVGje7dlpUxNBEIfxbDCCeKDirSiKRsQrioI3AkGBiKjxvsVbFMEggtmZCS58b15QaCE7mZ6equ2hqp9P8KtO1X+3NqkUx3Ecx+nL3J5U4AYIoQVl0W9C6aQVlFCq7KB0UlsomdQaSiW1hxJJEVAaKQZKIkVBKaQ4KIEUCU1eioUmLkVDk5bioQlLFwUzS1m5GcpQhjKUoasOiouhDGXo6oXOWMbQpdY2D70ZnZoujQw3pT2G1nd++/W3sc5aX6GHPv9c1vusl9D0jfGJ/xq/EvgHDYa+xHQ/8G6euj7Eds43aNO7+N56Bl334pWmeb+gJ1/qEmVXaHr/nZHS9NTo68HmjKtzzePnulTFDVp74fu/bf7aUe8G3f1UmxDV5skIPfpx+TZ/OugEbXuiTakyHhpcm1ixzX1pjHBnrrdYzOfyD7VVH/zq0OBB3DbfCqyZDe33jFUqf9DQ8/HbfNXWua37pjml5rDQWd0277Nzbrx8HRD+py/P6bb5WZ0V9PglSFJK5DgJoR3nNhvnlnZQ+BUtK+04P6qxebqfAYWHCqFf510W0COnQEVRhHNWlNKv8zELaLYVFPqgs0rp17k3ly8We07vgEBbYKEvOq/UXWNnN5mhB2CFYYg+KmCmuxuN0L2wXF6cITt9cYMJugeWWHx9sk9KCRrqEybodlguF4Ut9WYDdCssFyhsqU1P/gZYaGUURbClPmyAroeFf9YrBVvqrAFaA8vlosCpJv6QG4YhcKrpvzgDp5oYKoQATjX9RYFTTQ8FTjU9FDjVxFApJXCq6S8KnGr+546hDPUKWsI7fyQKLeCh/YlCMwXkTUuFTIrjOI7j9C0AikFlNRu/XcAAAAAASUVORK5CYII=", Qi = { class: "das-ui-empty" }, Xi = {
+  key: 0,
+  class: "title"
+}, Ji = {
+  key: 1,
+  class: "description"
+}, Zi = ["width", "src"], es = /* @__PURE__ */ be({
+  __name: "Index",
+  props: {
+    title: { default: "" },
+    size: { default: "default" },
+    showImage: { type: Boolean, default: !0 },
+    showDescription: { type: Boolean, default: !0 },
+    description: { default: "" },
+    imageSize: { default: 168 },
+    image: { default: Yi }
+  },
+  setup(e) {
+    const t = e, { imgSize: i } = Gi(t);
+    return (s, n) => (y(), P("div", Qi, [
+      L(g(Ft), { "image-size": g(i) }, {
+        description: z(() => [
+          x(s.$slots, "description", {}, () => [
+            e.title ? (y(), P(
+              "div",
+              Xi,
+              K(e.title),
+              1
+              /* TEXT */
+            )) : F("v-if", !0),
+            e.showDescription ? (y(), P(
+              "div",
+              Ji,
+              K(e.description || g(te)("das-empty-desc")),
+              1
+              /* TEXT */
+            )) : F("v-if", !0)
+          ], !0)
+        ]),
+        default: z(() => [
+          x(s.$slots, "default", {}, void 0, !0)
+        ]),
+        image: z(() => [
+          x(s.$slots, "image", {}, () => [
+            e.showImage ? (y(), P("img", {
+              key: 0,
+              width: g(i),
+              src: e.image
+            }, null, 8, Zi)) : (y(), P(
+              Q,
+              { key: 1 },
+              [
+                F(" image为空时用于占位，防止出现默认图片 "),
+                n[0] || (n[0] = U(
+                  "div",
+                  null,
+                  null,
+                  -1
+                  /* CACHED */
+                ))
+              ],
+              2112
+              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            ))
+          ], !0)
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["image-size"])
+    ]));
+  }
+}), ts = /* @__PURE__ */ ie(es, [["__scopeId", "data-v-af77685e"]]), is = { "das-empty-desc": { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } }, ss = pe(ts);
+Pe(is);
+const ns = {}, rs = { class: "das-spin-container das-spin-page" };
+function ls(e, t) {
+  return y(), P("div", rs, [...t[0] || (t[0] = [
+    rt('<div class="das-spin-dot-spin" data-v-323f37a9><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i></div>', 1)
+  ])]);
+}
+const os = /* @__PURE__ */ ie(ns, [["render", ls], ["__scopeId", "data-v-323f37a9"]]), as = {}, us = { class: "das-spin-container das-spin-component" };
+function cs(e, t) {
+  return y(), P("div", us, [...t[0] || (t[0] = [
+    U(
+      "div",
+      { class: "das-spin-dot-spin" },
+      [
+        U("i", { class: "das-spin-dot-item" })
+      ],
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const ds = /* @__PURE__ */ ie(as, [["render", cs], ["__scopeId", "data-v-f47a1ae6"]]), fs = {}, hs = { class: "das-spin-container das-spin-containerload" };
+function ms(e, t) {
+  return y(), P("div", hs, [...t[0] || (t[0] = [
+    rt('<div class="das-spin-dot-spin" data-v-f7548f22><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i></div>', 1)
+  ])]);
+}
+const vs = /* @__PURE__ */ ie(fs, [["render", ms], ["__scopeId", "data-v-f7548f22"]]), ys = /* @__PURE__ */ be({
+  __name: "index",
+  props: {
+    type: { default: "page" },
+    size: { default: "big" },
+    customSize: { default: "28" },
+    iconColor: { default: "var(--upf-loading-color-5, var(--upf-color-primary))" },
+    full: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    let t = e, i = X("");
+    const s = it();
+    return le(
+      () => t.type,
+      (n, d) => {
+        n == "page" && (i.value = ne(os)), n == "container" && (i.value = ne(vs)), n == "component" && (i.value = ne(ds)), n == "load" && (i.value = ne(Ht, {
+          iconColor: t.iconColor,
+          customSize: t.customSize
+        }));
+      },
+      { immediate: !0 }
+    ), le(
+      () => s,
+      (n, d) => {
+        s.indicator && (i.value = s.indicator);
+      },
+      { immediate: !0 }
+    ), (n, d) => (y(), P(
+      "div",
+      {
+        class: ve({ "das-spin-container": !0, full: e.full })
+      },
+      [
+        L(g(Ut), J({
+          class: `das-slef-spin ${e.size} ${e.type} `
+        }, n.$attrs, { indicator: g(i) }), {
+          default: z(() => [
+            x(n.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["class", "indicator"])
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), ps = { 加载中: { "zh-CN": "加载中", en: "Loading", "zh-MO": "加載中", _appCode: "framework" } };
+Pe(ps);
+const Ze = pe(ys);
+`${te("加载中")}`;
+function bs() {
+  var e = window.navigator.userAgent, t = e.indexOf("MSIE ");
+  if (t > 0)
+    return parseInt(e.substring(t + 5, e.indexOf(".", t)), 10);
+  var i = e.indexOf("Trident/");
+  if (i > 0) {
+    var s = e.indexOf("rv:");
+    return parseInt(e.substring(s + 3, e.indexOf(".", s)), 10);
+  }
+  var n = e.indexOf("Edge/");
+  return n > 0 ? parseInt(e.substring(n + 5, e.indexOf(".", n)), 10) : -1;
+}
+let he;
+function Ie() {
+  Ie.init || (Ie.init = !0, he = bs() !== -1);
+}
+var ge = {
+  name: "ResizeObserver",
+  props: {
+    emitOnMount: {
+      type: Boolean,
+      default: !1
+    },
+    ignoreWidth: {
+      type: Boolean,
+      default: !1
+    },
+    ignoreHeight: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "notify"
+  ],
+  mounted() {
+    Ie(), ye(() => {
+      this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitOnMount && this.emitSize();
+    });
+    const e = document.createElement("object");
+    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", he && this.$el.appendChild(e), e.data = "about:blank", he || this.$el.appendChild(e);
+  },
+  beforeUnmount() {
+    this.removeResizeHandlers();
+  },
+  methods: {
+    compareAndNotify() {
+      (!this.ignoreWidth && this._w !== this.$el.offsetWidth || !this.ignoreHeight && this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitSize());
+    },
+    emitSize() {
+      this.$emit("notify", {
+        width: this._w,
+        height: this._h
+      });
+    },
+    addResizeHandlers() {
+      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
+    },
+    removeResizeHandlers() {
+      this._resizeObject && this._resizeObject.onload && (!he && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+    }
+  }
+};
+const gs = /* @__PURE__ */ _t("data-v-b329ee4c");
+kt("data-v-b329ee4c");
+const zs = {
+  class: "resize-observer",
+  tabindex: "-1"
+};
+wt();
+const Ss = /* @__PURE__ */ gs((e, t, i, s, n, d) => (y(), W("div", zs)));
+ge.render = Ss;
+ge.__scopeId = "data-v-b329ee4c";
+ge.__file = "src/components/ResizeObserver.vue";
+function me(e) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? me = function(t) {
+    return typeof t;
+  } : me = function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, me(e);
+}
+function $s(e, t) {
+  if (!(e instanceof t))
+    throw new TypeError("Cannot call a class as a function");
+}
+function Ts(e, t) {
+  for (var i = 0; i < t.length; i++) {
+    var s = t[i];
+    s.enumerable = s.enumerable || !1, s.configurable = !0, "value" in s && (s.writable = !0), Object.defineProperty(e, s.key, s);
+  }
+}
+function ks(e, t, i) {
+  return Ts(e.prototype, t), e;
+}
+function et(e) {
+  return ws(e) || _s(e) || Is(e) || Os();
+}
+function ws(e) {
+  if (Array.isArray(e)) return Oe(e);
+}
+function _s(e) {
+  if (typeof Symbol < "u" && Symbol.iterator in Object(e)) return Array.from(e);
+}
+function Is(e, t) {
+  if (e) {
+    if (typeof e == "string") return Oe(e, t);
+    var i = Object.prototype.toString.call(e).slice(8, -1);
+    if (i === "Object" && e.constructor && (i = e.constructor.name), i === "Map" || i === "Set") return Array.from(e);
+    if (i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)) return Oe(e, t);
+  }
+}
+function Oe(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var i = 0, s = new Array(t); i < t; i++) s[i] = e[i];
+  return s;
+}
+function Os() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function xs(e) {
+  var t;
+  return typeof e == "function" ? t = {
+    callback: e
+  } : t = e, t;
+}
+function As(e, t) {
+  var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, s, n, d, c = function(o) {
+    for (var m = arguments.length, T = new Array(m > 1 ? m - 1 : 0), k = 1; k < m; k++)
+      T[k - 1] = arguments[k];
+    if (d = T, !(s && o === n)) {
+      var R = i.leading;
+      typeof R == "function" && (R = R(o, n)), (!s || o !== n) && R && e.apply(void 0, [o].concat(et(d))), n = o, clearTimeout(s), s = setTimeout(function() {
+        e.apply(void 0, [o].concat(et(d))), s = 0;
+      }, t);
+    }
+  };
+  return c._clear = function() {
+    clearTimeout(s), s = null;
+  }, c;
+}
+function dt(e, t) {
+  if (e === t) return !0;
+  if (me(e) === "object") {
+    for (var i in e)
+      if (!dt(e[i], t[i]))
+        return !1;
+    return !0;
+  }
+  return !1;
+}
+var Ps = /* @__PURE__ */ function() {
+  function e(t, i, s) {
+    $s(this, e), this.el = t, this.observer = null, this.frozen = !1, this.createObserver(i, s);
+  }
+  return ks(e, [{
+    key: "createObserver",
+    value: function(i, s) {
+      var n = this;
+      if (this.observer && this.destroyObserver(), !this.frozen) {
+        if (this.options = xs(i), this.callback = function(a, o) {
+          n.options.callback(a, o), a && n.options.once && (n.frozen = !0, n.destroyObserver());
+        }, this.callback && this.options.throttle) {
+          var d = this.options.throttleOptions || {}, c = d.leading;
+          this.callback = As(this.callback, this.options.throttle, {
+            leading: function(o) {
+              return c === "both" || c === "visible" && o || c === "hidden" && !o;
+            }
+          });
+        }
+        this.oldResult = void 0, this.observer = new IntersectionObserver(function(a) {
+          var o = a[0];
+          if (a.length > 1) {
+            var m = a.find(function(k) {
+              return k.isIntersecting;
+            });
+            m && (o = m);
+          }
+          if (n.callback) {
+            var T = o.isIntersecting && o.intersectionRatio >= n.threshold;
+            if (T === n.oldResult) return;
+            n.oldResult = T, n.callback(T, o);
+          }
+        }, this.options.intersection), ye(function() {
+          n.observer && n.observer.observe(n.el);
+        });
+      }
+    }
+  }, {
+    key: "destroyObserver",
+    value: function() {
+      this.observer && (this.observer.disconnect(), this.observer = null), this.callback && this.callback._clear && (this.callback._clear(), this.callback = null);
+    }
+  }, {
+    key: "threshold",
+    get: function() {
+      return this.options.intersection && typeof this.options.intersection.threshold == "number" ? this.options.intersection.threshold : 0;
+    }
+  }]), e;
+}();
+function ft(e, t, i) {
+  var s = t.value;
+  if (s && !(typeof IntersectionObserver > "u")) {
+    var n = new Ps(e, s, i);
+    e._vue_visibilityState = n;
+  }
+}
+function Cs(e, t, i) {
+  var s = t.value, n = t.oldValue;
+  if (!dt(s, n)) {
+    var d = e._vue_visibilityState;
+    if (!s) {
+      ht(e);
+      return;
+    }
+    d ? d.createObserver(s, i) : ft(e, {
+      value: s
+    }, i);
+  }
+}
+function ht(e) {
+  var t = e._vue_visibilityState;
+  t && (t.destroyObserver(), delete e._vue_visibilityState);
+}
+var Ds = {
+  beforeMount: ft,
+  updated: Cs,
+  unmounted: ht
+};
+function Rs(e) {
+  return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, i) {
+    var s = e.get(t);
+    s && s.push(i) || e.set(t, [i]);
+  }, off: function(t, i) {
+    var s = e.get(t);
+    s && s.splice(s.indexOf(i) >>> 0, 1);
+  }, emit: function(t, i) {
+    (e.get(t) || []).slice().map(function(s) {
+      s(i);
+    }), (e.get("*") || []).slice().map(function(s) {
+      s(t, i);
+    });
+  } };
+}
+var Es = {
+  itemsLimit: 1e3
+}, Ms = /(auto|scroll)/;
+function mt(e, t) {
+  return e.parentNode === null ? t : mt(e.parentNode, t.concat([e]));
+}
+var _e = function(t, i) {
+  return getComputedStyle(t, null).getPropertyValue(i);
+}, Vs = function(t) {
+  return _e(t, "overflow") + _e(t, "overflow-y") + _e(t, "overflow-x");
+}, Bs = function(t) {
+  return Ms.test(Vs(t));
+};
+function tt(e) {
+  if (e instanceof HTMLElement || e instanceof SVGElement) {
+    for (var t = mt(e.parentNode, []), i = 0; i < t.length; i += 1)
+      if (Bs(t[i]))
+        return t[i];
+    return document.scrollingElement || document.documentElement;
+  }
+}
+function xe(e) {
+  "@babel/helpers - typeof";
+  return xe = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, xe(e);
+}
+var vt = {
+  items: {
+    type: Array,
+    required: !0
+  },
+  keyField: {
+    type: String,
+    default: "id"
+  },
+  direction: {
+    type: String,
+    default: "vertical",
+    validator: function(t) {
+      return ["vertical", "horizontal"].includes(t);
+    }
+  },
+  listTag: {
+    type: String,
+    default: "div"
+  },
+  itemTag: {
+    type: String,
+    default: "div"
+  }
+};
+function yt() {
+  return this.items.length && xe(this.items[0]) !== "object";
+}
+var Ae = !1;
+if (typeof window < "u") {
+  Ae = !1;
+  try {
+    var js = Object.defineProperty({}, "passive", {
+      get: function() {
+        Ae = !0;
+      }
+    });
+    window.addEventListener("test", null, js);
+  } catch {
+  }
+}
+let Ns = 0;
+var Ce = {
+  name: "RecycleScroller",
+  components: {
+    ResizeObserver: ge
+  },
+  directives: {
+    ObserveVisibility: Ds
+  },
+  props: {
+    ...vt,
+    itemSize: {
+      type: Number,
+      default: null
+    },
+    gridItems: {
+      type: Number,
+      default: void 0
+    },
+    itemSecondarySize: {
+      type: Number,
+      default: void 0
+    },
+    minItemSize: {
+      type: [Number, String],
+      default: null
+    },
+    sizeField: {
+      type: String,
+      default: "size"
+    },
+    typeField: {
+      type: String,
+      default: "type"
+    },
+    buffer: {
+      type: Number,
+      default: 200
+    },
+    pageMode: {
+      type: Boolean,
+      default: !1
+    },
+    prerender: {
+      type: Number,
+      default: 0
+    },
+    emitUpdate: {
+      type: Boolean,
+      default: !1
+    },
+    updateInterval: {
+      type: Number,
+      default: 0
+    },
+    skipHover: {
+      type: Boolean,
+      default: !1
+    },
+    listTag: {
+      type: String,
+      default: "div"
+    },
+    itemTag: {
+      type: String,
+      default: "div"
+    },
+    listClass: {
+      type: [String, Object, Array],
+      default: ""
+    },
+    itemClass: {
+      type: [String, Object, Array],
+      default: ""
+    }
+  },
+  emits: [
+    "resize",
+    "visible",
+    "hidden",
+    "update",
+    "scroll-start",
+    "scroll-end"
+  ],
+  data() {
+    return {
+      pool: [],
+      totalSize: 0,
+      ready: !1,
+      hoverKey: null
+    };
+  },
+  computed: {
+    sizes() {
+      if (this.itemSize === null) {
+        const e = {
+          "-1": { accumulator: 0 }
+        }, t = this.items, i = this.sizeField, s = this.minItemSize;
+        let n = 1e4, d = 0, c;
+        for (let a = 0, o = t.length; a < o; a++)
+          c = t[a][i] || s, c < n && (n = c), d += c, e[a] = { accumulator: d, size: c };
+        return this.$_computedMinItemSize = n, e;
+      }
+      return [];
+    },
+    simpleArray: yt,
+    itemIndexByKey() {
+      const { keyField: e, items: t } = this, i = {};
+      for (let s = 0, n = t.length; s < n; s++)
+        i[t[s][e]] = s;
+      return i;
+    }
+  },
+  watch: {
+    items() {
+      this.updateVisibleItems(!0);
+    },
+    pageMode() {
+      this.applyPageMode(), this.updateVisibleItems(!1);
+    },
+    sizes: {
+      handler() {
+        this.updateVisibleItems(!1);
+      },
+      deep: !0
+    },
+    gridItems() {
+      this.updateVisibleItems(!0);
+    },
+    itemSecondarySize() {
+      this.updateVisibleItems(!0);
+    }
+  },
+  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;
+  },
+  mounted() {
+    this.applyPageMode(), this.$nextTick(() => {
+      this.$_prerender = !1, this.updateVisibleItems(!0), this.ready = !0;
+    });
+  },
+  activated() {
+    const e = this.$_lastUpdateScrollPosition;
+    typeof e == "number" && this.$nextTick(() => {
+      this.scrollToPosition(e);
+    });
+  },
+  beforeUnmount() {
+    this.removeListeners();
+  },
+  methods: {
+    addView(e, t, i, s, n) {
+      const d = It({
+        id: Ns++,
+        index: t,
+        used: !0,
+        key: s,
+        type: n
+      }), c = Ot({
+        item: i,
+        position: 0,
+        nr: d
+      });
+      return e.push(c), c;
+    },
+    unuseView(e, t = !1) {
+      const i = this.$_unusedViews, s = e.nr.type;
+      let n = i.get(s);
+      n || (n = [], i.set(s, n)), n.push(e), t || (e.nr.used = !1, e.position = -9999);
+    },
+    handleResize() {
+      this.$emit("resize"), this.ready && this.updateVisibleItems(!1);
+    },
+    handleScroll(e) {
+      if (!this.$_scrollDirty) {
+        if (this.$_scrollDirty = !0, this.$_updateTimeout) return;
+        const t = () => requestAnimationFrame(() => {
+          this.$_scrollDirty = !1;
+          const { continuous: i } = this.updateVisibleItems(!1, !0);
+          i || (clearTimeout(this.$_refreshTimout), this.$_refreshTimout = setTimeout(this.handleScroll, this.updateInterval + 100));
+        });
+        t(), this.updateInterval && (this.$_updateTimeout = setTimeout(() => {
+          this.$_updateTimeout = 0, this.$_scrollDirty && t();
+        }, this.updateInterval));
+      }
+    },
+    handleVisibilityChange(e, t) {
+      this.ready && (e || t.boundingClientRect.width !== 0 || t.boundingClientRect.height !== 0 ? (this.$emit("visible"), requestAnimationFrame(() => {
+        this.updateVisibleItems(!1);
+      })) : this.$emit("hidden"));
+    },
+    updateVisibleItems(e, t = !1) {
+      const i = this.itemSize, s = this.gridItems || 1, n = this.itemSecondarySize || i, d = this.$_computedMinItemSize, c = this.typeField, a = this.simpleArray ? null : this.keyField, o = this.items, m = o.length, T = this.sizes, k = this.$_views, R = this.$_unusedViews, B = this.pool, q = this.itemIndexByKey;
+      let S, b, H, E, M;
+      if (!m)
+        S = b = E = M = H = 0;
+      else if (this.$_prerender)
+        S = E = 0, b = M = Math.min(this.prerender, o.length), H = null;
+      else {
+        const v = this.getScroll();
+        if (t) {
+          let l = v.start - this.$_lastUpdateScrollPosition;
+          if (l < 0 && (l = -l), i === null && l < d || l < i)
+            return {
+              continuous: !0
+            };
+        }
+        this.$_lastUpdateScrollPosition = v.start;
+        const C = this.buffer;
+        v.start -= C, v.end += C;
+        let O = 0;
+        if (this.$refs.before && (O = this.$refs.before.scrollHeight, v.start -= O), this.$refs.after) {
+          const l = this.$refs.after.scrollHeight;
+          v.end += l;
+        }
+        if (i === null) {
+          let l, h = 0, p = m - 1, u = ~~(m / 2), N;
+          do
+            N = u, l = T[u].accumulator, l < v.start ? h = u : u < m - 1 && T[u + 1].accumulator > v.start && (p = u), u = ~~((h + p) / 2);
+          while (u !== N);
+          for (u < 0 && (u = 0), S = u, H = T[m - 1].accumulator, b = u; b < m && T[b].accumulator < v.end; b++) ;
+          for (b === -1 ? b = o.length - 1 : (b++, b > m && (b = m)), E = S; E < m && O + T[E].accumulator < v.start; E++) ;
+          for (M = E; M < m && O + T[M].accumulator < v.end; M++) ;
+        } else {
+          S = ~~(v.start / i * s);
+          const l = S % s;
+          S -= l, b = Math.ceil(v.end / i * s), E = Math.max(0, Math.floor((v.start - O) / i * s)), M = Math.floor((v.end - O) / i * s), S < 0 && (S = 0), b > m && (b = m), E < 0 && (E = 0), M > m && (M = m), H = Math.ceil(m / s) * i;
+        }
+      }
+      b - S > Es.itemsLimit && this.itemsLimitError(), this.totalSize = H;
+      let f;
+      const D = S <= this.$_endIndex && b >= this.$_startIndex;
+      if (D)
+        for (let v = 0, C = B.length; v < C; v++)
+          f = B[v], f.nr.used && (e && (f.nr.index = q[f.item[a]]), (f.nr.index == null || f.nr.index < S || f.nr.index >= b) && this.unuseView(f));
+      const $ = D ? null : /* @__PURE__ */ new Map();
+      let I, A, j;
+      for (let v = S; v < b; v++) {
+        I = o[v];
+        const C = a ? I[a] : I;
+        if (C == null)
+          throw new Error(`Key is ${C} on item (keyField is '${a}')`);
+        if (f = k.get(C), !i && !T[v].size) {
+          f && this.unuseView(f);
+          continue;
+        }
+        A = I[c];
+        let O = R.get(A), l = !1;
+        if (!f)
+          D ? O && O.length ? f = O.pop() : f = this.addView(B, v, I, C, A) : (j = $.get(A) || 0, (!O || j >= O.length) && (f = this.addView(B, v, I, C, A), this.unuseView(f, !0), O = R.get(A)), f = O[j], $.set(A, j + 1)), k.delete(f.nr.key), f.nr.used = !0, f.nr.index = v, f.nr.key = C, f.nr.type = A, k.set(C, f), l = !0;
+        else if (!f.nr.used && (f.nr.used = !0, l = !0, O)) {
+          const h = O.indexOf(f);
+          h !== -1 && O.splice(h, 1);
+        }
+        f.item = I, l && (v === o.length - 1 && this.$emit("scroll-end"), v === 0 && this.$emit("scroll-start")), i === null ? (f.position = T[v - 1].accumulator, f.offset = 0) : (f.position = Math.floor(v / s) * i, f.offset = v % s * n);
+      }
+      return this.$_startIndex = S, this.$_endIndex = b, this.emitUpdate && this.$emit("update", S, b, E, M), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
+        continuous: D
+      };
+    },
+    getListenerTarget() {
+      let e = tt(this.$el);
+      return window.document && (e === window.document.documentElement || e === window.document.body) && (e = window), e;
+    },
+    getScroll() {
+      const { $el: e, direction: t } = this, i = t === "vertical";
+      let s;
+      if (this.pageMode) {
+        const n = e.getBoundingClientRect(), d = i ? n.height : n.width;
+        let c = -(i ? n.top : n.left), a = i ? window.innerHeight : window.innerWidth;
+        c < 0 && (a += c, c = 0), c + a > d && (a = d - c), s = {
+          start: c,
+          end: c + a
+        };
+      } else i ? s = {
+        start: e.scrollTop,
+        end: e.scrollTop + e.clientHeight
+      } : s = {
+        start: e.scrollLeft,
+        end: e.scrollLeft + e.clientWidth
+      };
+      return s;
+    },
+    applyPageMode() {
+      this.pageMode ? this.addListeners() : this.removeListeners();
+    },
+    addListeners() {
+      this.listenerTarget = this.getListenerTarget(), this.listenerTarget.addEventListener("scroll", this.handleScroll, Ae ? {
+        passive: !0
+      } : !1), this.listenerTarget.addEventListener("resize", this.handleResize);
+    },
+    removeListeners() {
+      this.listenerTarget && (this.listenerTarget.removeEventListener("scroll", this.handleScroll), this.listenerTarget.removeEventListener("resize", this.handleResize), this.listenerTarget = null);
+    },
+    scrollToItem(e) {
+      let t;
+      const i = this.gridItems || 1;
+      this.itemSize === null ? t = e > 0 ? this.sizes[e - 1].accumulator : 0 : t = Math.floor(e / i) * this.itemSize, this.scrollToPosition(t);
+    },
+    scrollToPosition(e) {
+      const t = this.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" };
+      let i, s, n;
+      if (this.pageMode) {
+        const d = tt(this.$el), c = d.tagName === "HTML" ? 0 : d[t.scroll], a = d.getBoundingClientRect(), m = this.$el.getBoundingClientRect()[t.start] - a[t.start];
+        i = d, s = t.scroll, n = e + c + m;
+      } else
+        i = this.$el, s = t.scroll, n = e;
+      i[s] = n;
+    },
+    itemsLimitError() {
+      throw setTimeout(() => {
+      }), new Error("Rendered items limit reached");
+    },
+    sortViews() {
+      this.pool.sort((e, t) => e.nr.index - t.nr.index);
+    }
+  }
+};
+const Ls = {
+  key: 0,
+  ref: "before",
+  class: "vue-recycle-scroller__slot"
+}, Us = {
+  key: 1,
+  ref: "after",
+  class: "vue-recycle-scroller__slot"
+};
+function Fs(e, t, i, s, n, d) {
+  const c = lt("ResizeObserver"), a = xt("observe-visibility");
+  return At((y(), P(
+    "div",
+    {
+      class: ve(["vue-recycle-scroller", {
+        ready: n.ready,
+        "page-mode": i.pageMode,
+        [`direction-${e.direction}`]: !0
+      }]),
+      onScrollPassive: t[0] || (t[0] = (...o) => d.handleScroll && d.handleScroll(...o))
+    },
+    [
+      e.$slots.before ? (y(), P(
+        "div",
+        Ls,
+        [
+          x(e.$slots, "before")
+        ],
+        512
+        /* NEED_PATCH */
+      )) : F("v-if", !0),
+      (y(), W(Ue(i.listTag), {
+        ref: "wrapper",
+        style: st({ [e.direction === "vertical" ? "minHeight" : "minWidth"]: n.totalSize + "px" }),
+        class: ve(["vue-recycle-scroller__item-wrapper", i.listClass])
+      }, {
+        default: z(() => [
+          (y(!0), P(
+            Q,
+            null,
+            fe(n.pool, (o) => (y(), W(Ue(i.itemTag), J({
+              key: o.nr.id,
+              style: n.ready ? {
+                transform: `translate${e.direction === "vertical" ? "Y" : "X"}(${o.position}px) translate${e.direction === "vertical" ? "X" : "Y"}(${o.offset}px)`,
+                width: i.gridItems ? `${e.direction === "vertical" && i.itemSecondarySize || i.itemSize}px` : void 0,
+                height: i.gridItems ? `${e.direction === "horizontal" && i.itemSecondarySize || i.itemSize}px` : void 0
+              } : null,
+              class: ["vue-recycle-scroller__item-view", [
+                i.itemClass,
+                {
+                  hover: !i.skipHover && n.hoverKey === o.nr.key
+                }
+              ]]
+            }, Pt(i.skipHover ? {} : {
+              mouseenter: () => {
+                n.hoverKey = o.nr.key;
+              },
+              mouseleave: () => {
+                n.hoverKey = null;
+              }
+            })), {
+              default: z(() => [
+                x(e.$slots, "default", {
+                  item: o.item,
+                  index: o.nr.index,
+                  active: o.nr.used
+                })
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1040, ["style", "class"]))),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          x(e.$slots, "empty")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["style", "class"])),
+      e.$slots.after ? (y(), P(
+        "div",
+        Us,
+        [
+          x(e.$slots, "after")
+        ],
+        512
+        /* NEED_PATCH */
+      )) : F("v-if", !0),
+      L(c, { onNotify: d.handleResize }, null, 8, ["onNotify"])
+    ],
+    34
+    /* CLASS, HYDRATE_EVENTS */
+  )), [
+    [a, d.handleVisibilityChange]
+  ]);
+}
+Ce.render = Fs;
+Ce.__file = "src/components/RecycleScroller.vue";
+var De = {
+  name: "DynamicScroller",
+  components: {
+    RecycleScroller: Ce
+  },
+  provide() {
+    return typeof ResizeObserver < "u" && (this.$_resizeObserver = new ResizeObserver((e) => {
+      requestAnimationFrame(() => {
+        if (Array.isArray(e)) {
+          for (const t of e)
+            if (t.target && t.target.$_vs_onResize) {
+              let i, s;
+              if (t.borderBoxSize) {
+                const n = t.borderBoxSize[0];
+                i = n.inlineSize, s = n.blockSize;
+              } else
+                i = t.contentRect.width, s = t.contentRect.height;
+              t.target.$_vs_onResize(t.target.$_vs_id, i, s);
+            }
+        }
+      });
+    })), {
+      vscrollData: this.vscrollData,
+      vscrollParent: this,
+      vscrollResizeObserver: this.$_resizeObserver
+    };
+  },
+  inheritAttrs: !1,
+  props: {
+    ...vt,
+    minItemSize: {
+      type: [Number, String],
+      required: !0
+    }
+  },
+  emits: [
+    "resize",
+    "visible"
+  ],
+  data() {
+    return {
+      vscrollData: {
+        active: !0,
+        sizes: {},
+        keyField: this.keyField,
+        simpleArray: !1
+      }
+    };
+  },
+  computed: {
+    simpleArray: yt,
+    itemsWithSize() {
+      const e = [], { items: t, keyField: i, simpleArray: s } = this, n = this.vscrollData.sizes, d = t.length;
+      for (let c = 0; c < d; c++) {
+        const a = t[c], o = s ? c : a[i];
+        let m = n[o];
+        typeof m > "u" && !this.$_undefinedMap[o] && (m = 0), e.push({
+          item: a,
+          id: o,
+          size: m
+        });
+      }
+      return e;
+    }
+  },
+  watch: {
+    items() {
+      this.forceUpdate();
+    },
+    simpleArray: {
+      handler(e) {
+        this.vscrollData.simpleArray = e;
+      },
+      immediate: !0
+    },
+    direction(e) {
+      this.forceUpdate(!0);
+    },
+    itemsWithSize(e, t) {
+      const i = this.$el.scrollTop;
+      let s = 0, n = 0;
+      const d = Math.min(e.length, t.length);
+      for (let a = 0; a < d && !(s >= i); a++)
+        s += t[a].size || this.minItemSize, n += e[a].size || this.minItemSize;
+      const c = n - s;
+      c !== 0 && (this.$el.scrollTop += c);
+    }
+  },
+  beforeCreate() {
+    this.$_updates = [], this.$_undefinedSizes = 0, this.$_undefinedMap = {}, this.$_events = Rs();
+  },
+  activated() {
+    this.vscrollData.active = !0;
+  },
+  deactivated() {
+    this.vscrollData.active = !1;
+  },
+  unmounted() {
+    this.$_events.all.clear();
+  },
+  methods: {
+    onScrollerResize() {
+      this.$refs.scroller && this.forceUpdate(), this.$emit("resize");
+    },
+    onScrollerVisible() {
+      this.$_events.emit("vscroll:update", { force: !1 }), this.$emit("visible");
+    },
+    forceUpdate(e = !1) {
+      (e || this.simpleArray) && (this.vscrollData.sizes = {}), this.$_events.emit("vscroll:update", { force: !0 });
+    },
+    scrollToItem(e) {
+      const t = this.$refs.scroller;
+      t && t.scrollToItem(e);
+    },
+    getItemSize(e, t = void 0) {
+      const i = this.simpleArray ? t ?? this.items.indexOf(e) : e[this.keyField];
+      return this.vscrollData.sizes[i] || 0;
+    },
+    scrollToBottom() {
+      if (this.$_scrollingToBottom) return;
+      this.$_scrollingToBottom = !0;
+      const e = this.$el;
+      this.$nextTick(() => {
+        e.scrollTop = e.scrollHeight + 5e3;
+        const t = () => {
+          e.scrollTop = e.scrollHeight + 5e3, requestAnimationFrame(() => {
+            e.scrollTop = e.scrollHeight + 5e3, this.$_undefinedSizes === 0 ? this.$_scrollingToBottom = !1 : requestAnimationFrame(t);
+          });
+        };
+        requestAnimationFrame(t);
+      });
+    }
+  }
+};
+function Hs(e, t, i, s, n, d) {
+  const c = lt("RecycleScroller");
+  return y(), W(c, J({
+    ref: "scroller",
+    items: d.itemsWithSize,
+    "min-item-size": i.minItemSize,
+    direction: e.direction,
+    "key-field": "id",
+    "list-tag": e.listTag,
+    "item-tag": e.itemTag
+  }, e.$attrs, {
+    onResize: d.onScrollerResize,
+    onVisible: d.onScrollerVisible
+  }), {
+    default: z(({ item: a, index: o, active: m }) => [
+      x(e.$slots, "default", Ct(Dt({
+        item: a.item,
+        index: o,
+        active: m,
+        itemWithSize: a
+      })))
+    ]),
+    before: z(() => [
+      x(e.$slots, "before")
+    ]),
+    after: z(() => [
+      x(e.$slots, "after")
+    ]),
+    empty: z(() => [
+      x(e.$slots, "empty")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 16, ["items", "min-item-size", "direction", "list-tag", "item-tag", "onResize", "onVisible"]);
+}
+De.render = Hs;
+De.__file = "src/components/DynamicScroller.vue";
+var pt = {
+  name: "DynamicScrollerItem",
+  inject: [
+    "vscrollData",
+    "vscrollParent",
+    "vscrollResizeObserver"
+  ],
+  props: {
+    // eslint-disable-next-line vue/require-prop-types
+    item: {
+      required: !0
+    },
+    watchData: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Indicates if the view is actively used to display an item.
+     */
+    active: {
+      type: Boolean,
+      required: !0
+    },
+    index: {
+      type: Number,
+      default: void 0
+    },
+    sizeDependencies: {
+      type: [Array, Object],
+      default: null
+    },
+    emitResize: {
+      type: Boolean,
+      default: !1
+    },
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  emits: [
+    "resize"
+  ],
+  computed: {
+    id() {
+      if (this.vscrollData.simpleArray) return this.index;
+      if (this.vscrollData.keyField in this.item) return this.item[this.vscrollData.keyField];
+      throw new Error(`keyField '${this.vscrollData.keyField}' not found in your item. You should set a valid keyField prop on your Scroller`);
+    },
+    size() {
+      return this.vscrollData.sizes[this.id] || 0;
+    },
+    finalActive() {
+      return this.active && this.vscrollData.active;
+    }
+  },
+  watch: {
+    watchData: "updateWatchData",
+    id(e, t) {
+      if (this.$el.$_vs_id = this.id, this.size || this.onDataUpdate(), this.$_sizeObserved) {
+        const i = this.vscrollData.sizes[t], s = this.vscrollData.sizes[e];
+        i != null && i !== s && this.applySize(i);
+      }
+    },
+    finalActive(e) {
+      this.size || (e ? this.vscrollParent.$_undefinedMap[this.id] || (this.vscrollParent.$_undefinedSizes++, this.vscrollParent.$_undefinedMap[this.id] = !0) : this.vscrollParent.$_undefinedMap[this.id] && (this.vscrollParent.$_undefinedSizes--, this.vscrollParent.$_undefinedMap[this.id] = !1)), this.vscrollResizeObserver ? e ? this.observeSize() : this.unobserveSize() : e && this.$_pendingVScrollUpdate === this.id && this.updateSize();
+    }
+  },
+  created() {
+    if (!this.$isServer && (this.$_forceNextVScrollUpdate = null, this.updateWatchData(), !this.vscrollResizeObserver)) {
+      for (const e in this.sizeDependencies)
+        this.$watch(() => this.sizeDependencies[e], this.onDataUpdate);
+      this.vscrollParent.$_events.on("vscroll:update", this.onVscrollUpdate);
+    }
+  },
+  mounted() {
+    this.finalActive && (this.updateSize(), this.observeSize());
+  },
+  beforeUnmount() {
+    this.vscrollParent.$_events.off("vscroll:update", this.onVscrollUpdate), this.unobserveSize();
+  },
+  methods: {
+    updateSize() {
+      this.finalActive ? this.$_pendingSizeUpdate !== this.id && (this.$_pendingSizeUpdate = this.id, this.$_forceNextVScrollUpdate = null, this.$_pendingVScrollUpdate = null, this.computeSize(this.id)) : this.$_forceNextVScrollUpdate = this.id;
+    },
+    updateWatchData() {
+      this.watchData && !this.vscrollResizeObserver ? this.$_watchData = this.$watch("item", () => {
+        this.onDataUpdate();
+      }, {
+        deep: !0
+      }) : this.$_watchData && (this.$_watchData(), this.$_watchData = null);
+    },
+    onVscrollUpdate({ force: e }) {
+      !this.finalActive && e && (this.$_pendingVScrollUpdate = this.id), (this.$_forceNextVScrollUpdate === this.id || e || !this.size) && this.updateSize();
+    },
+    onDataUpdate() {
+      this.updateSize();
+    },
+    computeSize(e) {
+      this.$nextTick(() => {
+        if (this.id === e) {
+          const t = this.$el.offsetWidth, i = this.$el.offsetHeight;
+          this.applyWidthHeight(t, i);
+        }
+        this.$_pendingSizeUpdate = null;
+      });
+    },
+    applyWidthHeight(e, t) {
+      const i = ~~(this.vscrollParent.direction === "vertical" ? t : e);
+      i && this.size !== i && this.applySize(i);
+    },
+    applySize(e) {
+      this.vscrollParent.$_undefinedMap[this.id] && (this.vscrollParent.$_undefinedSizes--, this.vscrollParent.$_undefinedMap[this.id] = void 0), this.vscrollData.sizes[this.id] = e, this.emitResize && this.$emit("resize", this.id);
+    },
+    observeSize() {
+      this.vscrollResizeObserver && (this.$_sizeObserved || (this.vscrollResizeObserver.observe(this.$el), this.$el.$_vs_id = this.id, this.$el.$_vs_onResize = this.onResize, this.$_sizeObserved = !0));
+    },
+    unobserveSize() {
+      this.vscrollResizeObserver && this.$_sizeObserved && (this.vscrollResizeObserver.unobserve(this.$el), this.$el.$_vs_onResize = void 0, this.$_sizeObserved = !1);
+    },
+    onResize(e, t, i) {
+      this.id === e && this.applyWidthHeight(t, i);
+    }
+  },
+  render() {
+    return ne(this.tag, this.$slots.default());
+  }
+};
+pt.__file = "src/components/DynamicScrollerItem.vue";
+const Ws = {
+  key: 0,
+  class: "das-infinite-scroll__empty"
+}, Ks = {
+  class: "das-infinite-scroll__status is-loading",
+  role: "status",
+  "aria-live": "polite"
+}, qs = {
+  class: "das-infinite-scroll__status is-error",
+  role: "alert"
+}, Gs = { class: "das-infinite-scroll__status is-finished" }, Ys = {
+  class: "das-infinite-scroll__status is-loading",
+  role: "status",
+  "aria-live": "polite"
+}, Qs = {
+  class: "das-infinite-scroll__status is-error",
+  role: "alert"
+}, Xs = { class: "das-infinite-scroll__status is-finished" }, Js = /* @__PURE__ */ be({
+  name: "DasInfiniteScroll",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    target: {
+      type: [String, Object, Function],
+      default: void 0
+    },
+    load: {
+      type: Function,
+      required: !0
+    },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    finished: { type: Boolean, default: void 0 },
+    error: { type: Boolean, default: !1 },
+    empty: { type: Boolean, default: !1 },
+    loadingText: String,
+    finishedText: String,
+    errorText: String,
+    retryText: String,
+    distance: { type: Number, default: 32 },
+    throttle: { type: Number, default: 100 },
+    immediate: { type: Boolean, default: !0 },
+    maxImmediateLoads: { type: Number, default: 3 },
+    virtual: { type: Boolean, default: !1 },
+    items: { type: Array, default: () => [] },
+    itemKey: { type: String, default: "id" },
+    minItemSize: { type: Number, default: 48 },
+    buffer: { type: Number, default: 200 }
+  },
+  emits: ["error", "retry"],
+  setup(e, { expose: t, emit: i }) {
+    const s = e, n = i, d = X(null), c = X(null), a = X(null), o = X(!1), m = X(!1), T = V(() => s.finished ?? s.disabled), k = V(() => s.error || m.value), R = V(() => s.empty && !s.loading && !o.value && !k.value), B = V(() => s.loadingText ?? te("das-infinite-scroll-loading")), q = V(() => s.finishedText ?? te("das-infinite-scroll-finished")), S = V(() => s.errorText ?? te("das-infinite-scroll-error")), b = V(() => s.retryText ?? te("das-infinite-scroll-retry")), H = V(() => oe(s.minItemSize, 48)), E = V(() => G(s.buffer, 200)), M = V(() => !!Z(s.target));
+    let f = null, D = null, $ = null, I = null, A = null, j = null, v = null, C = null, O = null, l = null, h = null, p = 0, u = !1, N = !1;
+    const G = (r, w) => {
+      const _ = Number(r);
+      return Number.isFinite(_) && _ >= 0 ? _ : w;
+    }, oe = (r, w) => {
+      const _ = Number(r);
+      return Number.isFinite(_) && _ > 0 ? _ : w;
+    }, Z = (r) => typeof r == "function" ? r() || null : typeof r == "string" ? typeof document < "u" ? document.querySelector(r) : null : nt(r) ? r.value || null : typeof HTMLElement < "u" && r instanceof HTMLElement ? r : null, bt = () => {
+      var _;
+      if (typeof window > "u") return null;
+      let r = ((_ = d.value) == null ? void 0 : _.parentElement) || null;
+      for (; r; ) {
+        const Y = window.getComputedStyle(r).overflowY;
+        if (/(auto|scroll|overlay)/.test(Y)) return r;
+        r = r.parentElement;
+      }
+      const w = document.scrollingElement;
+      return w instanceof HTMLElement ? w : null;
+    }, Re = () => {
+      var w;
+      const r = (w = a.value) == null ? void 0 : w.$el;
+      return typeof HTMLElement < "u" && r instanceof HTMLElement ? r : null;
+    }, Ee = (r) => !r && s.virtual && !M.value ? Re() : r ? r.hasAttribute("data-overlayscrollbars-viewport") ? r : r.querySelector("[data-overlayscrollbars-viewport]") || r : bt(), ze = (r = "auto") => N || s.disabled || T.value || s.loading || o.value || R.value || r !== "retry" && k.value, Me = () => !f || f.clientHeight <= 0 ? !1 : f.scrollHeight - f.scrollTop - f.clientHeight <= G(s.distance, 32), gt = () => {
+      C && clearTimeout(C), C = null, h = null;
+    }, Se = async (r = "auto") => {
+      if (ze(r) || !s.immediate && !u && r !== "retry") return !1;
+      const w = Math.max(1, Math.floor(G(s.maxImmediateLoads, 3)));
+      if (p >= w && r !== "retry") return !1;
+      l == null || l.abort();
+      const _ = new AbortController();
+      l = _, r !== "retry" && (p += 1), m.value = !1, o.value = !0;
+      let Y = !1;
+      try {
+        Y = await s.load({ signal: _.signal, reason: r }) !== !1;
+      } catch (ue) {
+        if (_.signal.aborted || N) return !1;
+        m.value = !0, n("error", ue);
+      } finally {
+        l === _ && (l = null), o.value = !1;
+      }
+      return await ye(), Y && !ze() && Me() && ee("auto"), Y;
+    }, zt = (r) => {
+      Me() && Se(r);
+    }, ee = (r = "auto") => {
+      if (!ze(r)) {
+        if (C) {
+          r === "scroll" && (h = r);
+          return;
+        }
+        h = r, C = setTimeout(
+          () => {
+            C = null;
+            const w = h || "auto";
+            h = null, zt(w);
+          },
+          G(s.throttle, 100)
+        );
+      }
+    }, St = () => {
+      if (!s.virtual || !M.value) return;
+      const r = Re();
+      !r || r === f || r.dispatchEvent(new Event("scroll"));
+    }, Ve = () => {
+      u = !0, p = 0, St(), ee("scroll");
+    }, $e = () => {
+      I == null || I.disconnect(), I = null, j == null || j.disconnect(), j = null, f == null || f.removeEventListener("scroll", Ve), f = null, D = null, gt();
+    }, Be = () => {
+      const r = Ee(Z(s.target)), w = c.value;
+      if (!(!r || !w) && !(r === f && w === D)) {
+        if ($e(), f = r, D = w, u = r.scrollTop > 0, r.addEventListener("scroll", Ve, { passive: !0 }), typeof IntersectionObserver > "u") {
+          (s.immediate || u) && ee("auto"), typeof ResizeObserver < "u" && (j = new ResizeObserver(() => ee("auto")), j.observe(r));
+          return;
+        }
+        I = new IntersectionObserver(
+          (_) => {
+            _.some((Y) => Y.isIntersecting) && Se();
+          },
+          {
+            root: r,
+            rootMargin: `0px 0px ${G(s.distance, 32)}px 0px`,
+            threshold: 0
+          }
+        ), I.observe(w);
+      }
+    }, ae = () => {
+      A == null || A.disconnect(), A = null, O && clearTimeout(O), O = null;
+    }, $t = () => {
+      const r = Z(s.target);
+      r !== $ && (ae(), $ = r, !(!r || typeof MutationObserver > "u") && (A = new MutationObserver(() => {
+        Be(), Ee(r) !== r && ae();
+      }), A.observe(r, { childList: !0, subtree: !0 }), O = setTimeout(ae, 1e3)));
+    }, Te = () => {
+      $t(), Be(), (s.immediate || u) && ee("auto");
+    }, je = () => {
+      v && clearTimeout(v), v = setTimeout(() => {
+        v = null, Te();
+      });
+    }, Ne = () => {
+      m.value = !1, n("retry"), Se("retry");
+    };
+    return le(
+      () => [Z(s.target), s.distance, s.virtual, s.empty, c.value],
+      () => {
+        $e(), je();
+      }
+    ), le(
+      () => [s.disabled, s.loading, T.value],
+      ([r, w, _]) => {
+        !r && !w && !_ && !k.value && (s.immediate || u) && ee("auto");
+      }
+    ), le(
+      () => s.error,
+      (r) => {
+        r || (m.value = !1);
+      }
+    ), Rt(async () => {
+      await ye(), Te(), je();
+    }), Et(() => {
+      N = !0, $e(), l == null || l.abort(), l = null, ae(), v && clearTimeout(v), v = null;
+    }), t({ refresh: Te, scrollToItem: (r) => {
+      var w, _;
+      (_ = (w = a.value) == null ? void 0 : w.scrollToItem) == null || _.call(w, r);
+    }, scrollToPosition: (r) => {
+      f == null || f.scrollTo({ top: Math.max(0, r) });
+    } }), (r, w) => (y(), P(
+      "div",
+      J({
+        ref_key: "rootRef",
+        ref: d,
+        class: ["das-infinite-scroll", { "is-empty": R.value }]
+      }, r.$attrs),
+      [
+        R.value ? (y(), P("div", Ws, [
+          x(r.$slots, "empty", {}, () => [
+            L(g(ss), { size: "small" })
+          ], !0)
+        ])) : s.virtual ? (y(), W(g(De), {
+          key: 1,
+          ref_key: "virtualScrollerRef",
+          ref: a,
+          class: "das-infinite-scroll__virtual-scroller",
+          items: s.items,
+          "key-field": s.itemKey,
+          "min-item-size": H.value,
+          buffer: E.value,
+          "page-mode": M.value
+        }, {
+          default: z(({ item: _, index: Y, active: ue }) => [
+            L(g(pt), {
+              class: "das-infinite-scroll__virtual-item",
+              item: _,
+              active: ue,
+              "size-dependencies": [_],
+              "data-index": Y
+            }, {
+              default: z(() => [
+                x(r.$slots, "default", {
+                  item: _,
+                  index: Y,
+                  active: ue
+                }, void 0, !0)
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["item", "active", "size-dependencies", "data-index"])
+          ]),
+          after: z(() => [
+            U(
+              "div",
+              {
+                ref_key: "sentinelRef",
+                ref: c,
+                class: "das-infinite-scroll__sentinel"
+              },
+              [
+                s.loading || o.value ? x(r.$slots, "loading", { key: 0 }, () => [
+                  U("div", Ks, [
+                    L(g(Ze), {
+                      type: "load",
+                      "custom-size": "16",
+                      full: !1
+                    }),
+                    U(
+                      "span",
+                      null,
+                      K(B.value),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ], !0) : k.value ? x(r.$slots, "error", { key: 1 }, () => [
+                  U("div", qs, [
+                    U(
+                      "span",
+                      null,
+                      K(S.value),
+                      1
+                      /* TEXT */
+                    ),
+                    L(g(Je), {
+                      "btn-type": "primary-text",
+                      size: "small",
+                      onClick: Ne
+                    }, {
+                      default: z(() => [
+                        re(
+                          K(b.value),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ])
+                ], !0) : T.value ? x(r.$slots, "finished", { key: 2 }, () => [
+                  U(
+                    "div",
+                    Gs,
+                    K(q.value),
+                    1
+                    /* TEXT */
+                  )
+                ], !0) : F("v-if", !0)
+              ],
+              512
+              /* NEED_PATCH */
+            )
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["items", "key-field", "min-item-size", "buffer", "page-mode"])) : (y(), P(
+          Q,
+          { key: 2 },
+          [
+            x(r.$slots, "default", {}, void 0, !0),
+            U(
+              "div",
+              {
+                ref_key: "sentinelRef",
+                ref: c,
+                class: "das-infinite-scroll__sentinel"
+              },
+              [
+                s.loading || o.value ? x(r.$slots, "loading", { key: 0 }, () => [
+                  U("div", Ys, [
+                    L(g(Ze), {
+                      type: "load",
+                      "custom-size": "16",
+                      full: !1
+                    }),
+                    U(
+                      "span",
+                      null,
+                      K(B.value),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ], !0) : k.value ? x(r.$slots, "error", { key: 1 }, () => [
+                  U("div", Qs, [
+                    U(
+                      "span",
+                      null,
+                      K(S.value),
+                      1
+                      /* TEXT */
+                    ),
+                    L(g(Je), {
+                      "btn-type": "primary-text",
+                      size: "small",
+                      onClick: Ne
+                    }, {
+                      default: z(() => [
+                        re(
+                          K(b.value),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ])
+                ], !0) : T.value ? x(r.$slots, "finished", { key: 2 }, () => [
+                  U(
+                    "div",
+                    Xs,
+                    K(q.value),
+                    1
+                    /* TEXT */
+                  )
+                ], !0) : F("v-if", !0)
+              ],
+              512
+              /* NEED_PATCH */
+            )
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ],
+      16
+      /* FULL_PROPS */
+    ));
+  }
+}), Zs = /* @__PURE__ */ ie(Js, [["__scopeId", "data-v-0a86c693"]]), en = {
+  "das-infinite-scroll-loading": {
+    "zh-CN": "正在加载...",
+    en: "Loading...",
+    "zh-MO": "正在加載...",
+    _appCode: "framework"
+  },
+  "das-infinite-scroll-finished": {
+    "zh-CN": "没有更多数据了",
+    en: "No more data",
+    "zh-MO": "沒有更多數據了",
+    _appCode: "framework"
+  },
+  "das-infinite-scroll-error": {
+    "zh-CN": "加载失败，请重试",
+    en: "Load failed, please retry",
+    "zh-MO": "加載失敗，請重試",
+    _appCode: "framework"
+  },
+  "das-infinite-scroll-retry": {
+    "zh-CN": "重试",
+    en: "Retry",
+    "zh-MO": "重試",
+    _appCode: "framework"
+  }
+};
+Pe(en);
+const bn = pe(Zs);
+export {
+  bn as DasInfiniteScroll,
+  bn as default
+};