@cldemo/ui-kit 1.1.1 → 1.1.3

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-XiSSYx4X.js

@@ -0,0 +1,323 @@
+import { defineComponent as re, reactive as ce, ref as x, computed as A, onMounted as ue, nextTick as O, watch as Q, openBlock as p, createElementBlock as f, normalizeClass as M, unref as R, toDisplayString as F, Fragment as J, withKeys as w, withModifiers as V, normalizeStyle as U, createElementVNode as de, renderList as pe, renderSlot as fe, createCommentVNode as me } from "vue";
+import s from "@cldemo/ui-kit/common/base";
+import ye from "@cldemo/ui-kit/common/Element";
+import { getGlobalConfig as ge } from "@cldemo/ui-kit/common/globalConfig";
+import { a as he } from "./language-CZZEj4e3.js";
+/* empty css                   */
+const ve = ["id"], Ee = {
+  key: 0,
+  class: "cl-plaintext-value"
+}, be = {
+  key: 2,
+  class: "selectTag-container"
+}, Se = ["aria-selected", "aria-disabled", "tabindex"], Ce = ["aria-selected", "aria-disabled", "tabindex", "onClick", "onKeydown"], ke = ["innerHTML"], xe = { key: 1 }, $e = /* @__PURE__ */ re({
+  name: "ClSelectTag",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件唯一标识（DOM id）
+    value: [String, Number],
+    // desc: 选中值，逗号分隔的字符串
+    className: String,
+    // desc: 自定义CSS类名
+    disabled: Boolean,
+    // desc: 是否禁用
+    type: {
+      type: String,
+      required: !0,
+      // desc: 选择类型 | enum: checkbox, radio
+      validator: (c) => ["checkbox", "radio"].indexOf(c) !== -1
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    // desc: 选项列表（数据变更需传入新引用）
+    theme: String,
+    // desc: 主题 | enum: default, interval (可自定义)
+    width: String,
+    // desc: 选项宽度
+    isShowAll: Boolean,
+    // desc: 是否显示全选
+    showAllLabel: String,
+    // desc: 全选按钮自定义文案
+    isInitRadioValue: {
+      type: Boolean,
+      default: !0
+    },
+    // desc: 单选模式下是否自动选中第一项
+    isRadioClickCancel: Boolean,
+    // desc: 单选模式下点击已选中项是否取消选中
+    checkChangeBefore: Function,
+    // desc: 选中变更前的异步校验，返回 false 阻止变更
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，只渲染选中项文本不挂载选项列表
+    },
+    plaintextSeparator: {
+      type: String,
+      default: ","
+      // desc: 纯文本模式下多个选中项之间的分隔符
+    }
+  },
+  emits: {
+    "update:value": (c) => !0,
+    // desc: 选中值更新时触发（v-model 绑定，回传为逗号分隔字符串）
+    "update:modelValue": (c) => !0,
+    // desc: 标准 v-model 支持（等价 update:value）
+    onChange: (c, I, _, l) => !0,
+    // desc: 选中值变更时触发（radio 模式 info 为单对象，checkbox 模式为数组；changeInfo 为变更前旧值快照）
+    onInit: (c, I, _) => !0,
+    // desc: 组件初始化完成时触发（info 形态同 onChange）
+    onError: (c) => !0
+    // desc: 选中变更前异步校验执行异常时触发
+  },
+  setup(c, { expose: I, emit: _ }) {
+    const l = c, h = _, { optPageLanguage: W, getPageLanguage: X } = he();
+    X("common");
+    const Y = `s-${s.getRandom(5)}`, Z = l.id, K = ce({
+      theme: ""
+    }), v = x(!1), N = (e) => {
+      let t = [];
+      return s.isEmpty(e) || (t = e.toString().split(",")), t;
+    }, r = x(N(l.value));
+    let E = [], d = {};
+    const P = x(0), g = x(!1);
+    let b = 0;
+    const ee = A(() => {
+      const e = l.list;
+      return s.isArray(e) ? e.filter((t) => !s.isEmpty(t)) : [];
+    }), te = A(() => {
+      const e = s.isString(l.plaintextSeparator) ? l.plaintextSeparator : ",";
+      l.list, P.value;
+      const t = [];
+      return r.value.forEach((i) => {
+        const n = s.isExistJsonKey(d, i) ? d[i] : void 0;
+        n && s.isNonEmptyString(n.name) && t.push(n.name);
+      }), t.join(e);
+    }), ie = A(() => {
+      const { theme: e } = l, t = {
+        "panel-select-tag": !0
+      };
+      let i = K.theme;
+      return e && (i = e), s.isEmpty(i) || (t[`selectTag-${i}`] = !0), s.getJsonMerge(t, ye.getClassNameJson(l.className));
+    }), se = A(() => {
+      const e = {};
+      return s.isEmpty(l.width) || (e.width = l.width), e;
+    }), S = (e) => {
+      h("update:value", e), h("update:modelValue", e);
+    }, j = (e) => {
+      if (!s.isEqualArr(r.value, e)) {
+        const t = s.getArrClone(r.value), i = y(t);
+        r.value = s.getArrClone(e);
+        const { value: n, isAll: a, info: o } = y(e);
+        l.isShowAll && (v.value = a), S(n), h("onChange", n, o, a, {
+          value: i.value,
+          info: i.info
+        });
+      }
+    }, le = () => {
+      O(() => {
+        const { value: e, isAll: t, info: i } = y(r.value);
+        h("onInit", e, i, t);
+      });
+    }, y = (e) => {
+      const t = [];
+      s.isEmpty(e) || e.forEach((o) => {
+        s.isExistJsonKey(d, o) && t.push(s.getJsonClone(d[o]));
+      });
+      const i = e.join(","), n = t.length > 0 && t.length === E.length;
+      let a;
+      return l.type === "radio" ? (a = {}, t.length > 0 && (a = t[0])) : a = t, { value: i, info: a, isAll: n };
+    }, H = (e) => !s.isEmpty(e.id) && r.value.includes(e.id.toString()), ae = (e) => {
+      const t = {};
+      return e.isHtml ? t.width = "auto" : s.isEmpty(e.width) ? s.isEmpty(l.width) || (t.width = l.width) : t.width = e.width, t;
+    }, ne = () => {
+      const e = ge("selectTag");
+      e?.theme && (K.theme = e.theme);
+    }, T = (e) => {
+      const t = [];
+      if (e.length > 0) {
+        const i = d[e[0]], n = i && !s.isEmpty(i.type) ? i.type : l.type;
+        e.forEach((a) => {
+          if (s.isExistJsonKey(d, a)) {
+            const o = d[a];
+            if ((s.isEmpty(o.type) ? l.type : o.type) === n)
+              switch (n) {
+                case "radio":
+                  t.length === 0 && t.push(a);
+                  break;
+                case "checkbox":
+                  t.push(a);
+                  break;
+              }
+          }
+        });
+      }
+      return t;
+    }, C = (e) => {
+      if (d = {}, E = [], !s.isEmpty(e)) {
+        const t = s.getArrClone(r.value);
+        e.forEach((i) => {
+          if (s.isEmpty(i?.id))
+            return;
+          const n = i.id.toString();
+          d[n] = i, i.isDisabled ? s.isExistValue(t, n) && E.push(n) : E.push(n);
+        });
+      }
+      P.value += 1;
+    }, k = () => {
+      if (g.value) {
+        let e = [];
+        s.isEmpty(r.value) || (e = T(r.value), s.isEqualArr(r.value, e) || (r.value = e, S(e.join(",")))), l.isShowAll && (v.value = e.length > 0 && e.length === E.length);
+      }
+    }, B = () => {
+      if (l.type === "radio" && l.isInitRadioValue && s.isEmpty(r.value) && !s.isEmpty(l.list)) {
+        const e = l.list.find((t) => !t.isDisabled);
+        if (e && !s.isEmpty(e.id)) {
+          const t = e.id.toString();
+          r.value = [t], S(t);
+        }
+      }
+    }, D = (e) => {
+      const t = N(e);
+      s.isEqualArr(r.value, t) || (r.value = t, S(t.join(",")));
+    }, oe = () => {
+      ne(), g.value = !s.isEmpty(l.list), C(l.list), B(), k();
+    };
+    ue(() => {
+      O(() => {
+        oe();
+      });
+    }), Q(g, (e) => {
+      e && le();
+    }), Q(
+      [() => l.list, () => l.value, () => l.type],
+      ([e, t], [i, n]) => {
+        const a = e;
+        !g.value && a !== i && (g.value = !0), t !== n && D(t), C(a), t === n && B(), k();
+      }
+    );
+    const L = async () => {
+      if (!l.disabled && !s.isEmpty(l.list)) {
+        const e = ++b;
+        if (!l.list.some((o) => !o.isDisabled))
+          return;
+        const i = [];
+        l.list.forEach((o) => {
+          if (s.isEmpty(o.id))
+            return;
+          const u = o.id.toString();
+          o.isDisabled ? s.isExistValue(r.value, u) && i.push(u) : v.value || i.push(u);
+        });
+        const n = T(i);
+        let a = !0;
+        if (l.checkChangeBefore) {
+          const { value: o } = y(n), u = y(s.getArrClone(r.value));
+          try {
+            a = await l.checkChangeBefore(o, u.value), a = s.isBoolean(a) ? a : !0;
+          } catch (m) {
+            a = !1, h("onError", m instanceof Error ? m.message : String(m));
+          }
+        }
+        a && e === b && j(n);
+      }
+    }, $ = async (e) => {
+      if (!e.isDisabled && !l.disabled && !s.isEmpty(e.id)) {
+        const t = ++b;
+        let i = l.type;
+        i = s.isEmpty(e.type) ? i : e.type;
+        const n = s.getArrClone(r.value);
+        let a = [];
+        const o = e.id.toString();
+        if (n.length === 0)
+          a = [o];
+        else if (i === "radio")
+          s.isEqualArr(n, [o]) ? a = l.isRadioClickCancel ? [] : n : a = [o];
+        else {
+          const m = d[n[0]];
+          (m && !s.isEmpty(m.type) ? m.type : l.type) === "radio" ? a = [o] : s.isExistValue(n, o) ? a = s.getArrRemoveById(n, o) : (a = s.getArrClone(n), a.push(o));
+        }
+        let u = !0;
+        if (l.checkChangeBefore) {
+          const { value: m } = y(a), G = y(n);
+          try {
+            u = await l.checkChangeBefore(m, G.value), u = s.isBoolean(u) ? u : !0;
+          } catch (q) {
+            u = !1, h("onError", q instanceof Error ? q.message : String(q));
+          }
+        }
+        u && t === b && j(a);
+      }
+    }, z = () => T(r.value).join(",");
+    return I({
+      getValue: z,
+      getValueData: () => {
+        const { value: e, info: t } = y(z().split(","));
+        return l.type === "radio" && s.isEmpty(e) ? null : t;
+      },
+      setValue: (e) => {
+        D(e), C(l.list), k();
+      },
+      runInitComplete: () => {
+        g.value || (g.value = !0, D(l.value), C(l.list), B(), k());
+      }
+    }), (e, t) => (p(), f("div", {
+      id: R(Z),
+      class: M(ie.value)
+    }, [
+      c.isPlaintext ? (p(), f("div", Ee, F(te.value), 1)) : (p(), f(J, { key: 1 }, [], 64)),
+      c.isPlaintext ? me("", !0) : (p(), f("ul", be, [
+        c.isShowAll ? (p(), f("li", {
+          key: 0,
+          role: "option",
+          "aria-selected": v.value,
+          "aria-disabled": c.disabled,
+          tabindex: c.disabled ? -1 : 0,
+          class: M({
+            "selectTag-item": !0,
+            "selectTag-active": v.value,
+            "selectTag-disabled": c.disabled
+          }),
+          style: U(se.value),
+          onClick: t[0] || (t[0] = (i) => L()),
+          onKeydown: [
+            t[1] || (t[1] = w(V((i) => L(), ["prevent"]), ["enter"])),
+            t[2] || (t[2] = w(V((i) => L(), ["prevent"]), ["space"]))
+          ]
+        }, [
+          de("span", null, F(c.showAllLabel || R(W).checkboxAll), 1)
+        ], 46, Se)) : (p(), f(J, { key: 1 }, [], 64)),
+        (p(!0), f(J, null, pe(ee.value, (i, n) => (p(), f("li", {
+          key: `${Y}-${i.id}-${n}`,
+          role: "option",
+          "aria-selected": H(i),
+          "aria-disabled": i.isDisabled || c.disabled,
+          tabindex: i.isDisabled || c.disabled ? -1 : 0,
+          class: M({
+            "selectTag-item": !0,
+            "selectTag-active": H(i),
+            "selectTag-disabled": i.isDisabled || c.disabled
+          }),
+          style: U(ae(i)),
+          onClick: (a) => $(i),
+          onKeydown: [
+            w(V((a) => $(i), ["prevent"]), ["enter"]),
+            w(V((a) => $(i), ["prevent"]), ["space"])
+          ]
+        }, [
+          fe(e.$slots, "default", { data: i }, () => [
+            i.isHtml ? (p(), f("span", {
+              key: 0,
+              innerHTML: R(s).encodeHTML(i.name)
+            }, null, 8, ke)) : (p(), f("span", xe, F(i.name), 1))
+          ])
+        ], 46, Ce))), 128))
+      ]))
+    ], 10, ve));
+  }
+});
+export {
+  $e as _
+};

package/buildLibs/modules/shared/Index.vue_vue_type_script_setup_true_lang-gwA_FyLx.js

@@ -0,0 +1,313 @@
+import { defineComponent as he, defineAsyncComponent as O, useTemplateRef as ge, ref as p, computed as s, onMounted as ye, onBeforeUnmount as Se, onDeactivated as _e, watch as w, nextTick as Te, openBlock as r, createElementBlock as h, normalizeClass as C, unref as I, createElementVNode as f, normalizeStyle as Q, renderSlot as _, createBlock as W, toDisplayString as A, createVNode as E, withCtx as N, Fragment as X } from "vue";
+import L from "@cldemo/ui-kit/common/base";
+import ke from "@cldemo/ui-kit/common/Element";
+import { _ as Z } from "./Index.vue_vue_type_script_setup_true_lang-zf_B20Aj.js";
+import { _ as De } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+const Le = ["id"], be = { class: "ptr-track" }, Me = { class: "ptr-text" }, xe = {
+  key: 0,
+  class: "ptr-scroller-wrap"
+}, ze = {
+  key: 0,
+  class: "ptr-loadmore"
+}, Fe = {
+  key: 2,
+  class: "ptr-finished"
+}, Pe = /* @__PURE__ */ he({
+  name: "ClPullToRefresh",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义CSS类名
+    disabled: Boolean,
+    // desc: 是否禁用下拉刷新
+    threshold: {
+      type: Number,
+      default: 60
+      // desc: 下拉刷新阈值(px)
+    },
+    list: Array,
+    // desc: 列表数据，传入则启用虚拟滚动渲染
+    minItemSize: {
+      type: Number,
+      default: 60
+      // desc: 列表项最小高度(px)，用于 DynamicScroller 初始估算
+    },
+    keyField: {
+      type: String,
+      default: "id"
+      // desc: 虚拟滚动列表项的 key 字段名
+    },
+    isFinished: Boolean,
+    // desc: 是否已加载完全部数据
+    isLoading: Boolean,
+    // desc: 是否正在加载更多
+    pullIcon: {
+      type: String,
+      default: "angle-down"
+      // desc: 下拉刷新箭头图标名（内置图标库，透传 cl-icon-font 的 name）| enum: angle-down, angle-up, caret-down, caret-up (可自定义)
+    },
+    pullingText: {
+      type: String,
+      default: "下拉即可刷新..."
+      // desc: 下拉中提示文字
+    },
+    readyText: {
+      type: String,
+      default: "释放即可刷新..."
+      // desc: 达到阈值松手即可刷新的提示文字
+    },
+    refreshingText: {
+      type: String,
+      default: "加载中..."
+      // desc: 刷新中提示文字
+    },
+    loadingText: {
+      type: String,
+      default: "加载中..."
+      // desc: 加载更多时提示文字
+    },
+    finishedText: {
+      type: String,
+      default: "没有更多了"
+      // desc: 已加载全部提示文字
+    },
+    sizeDependencies: {
+      type: Function
+    }
+    // desc: 列表项高度依赖项提取函数，用于动态高度重算
+  },
+  emits: ["onRefresh", "onLoadMore"],
+  setup(i, { expose: ee, emit: te }) {
+    let P = !1;
+    const b = () => {
+      P || (P = !0, Promise.resolve({                         }));
+    }, ne = O(() => (b(), import("vue-virtual-scroller").then((e) => e.DynamicScroller))), le = O(() => (b(), import("vue-virtual-scroller").then((e) => e.DynamicScrollerItem))), oe = () => {
+      b(), import("vue-virtual-scroller");
+    }, t = i, M = te, ie = t.id, x = ge("refElContent"), l = p("idle"), m = p(0), $ = p(0), a = p(!1), u = p(!1), T = p(0);
+    let o = null, g = 0, k = 0, z = 0, v = null;
+    const y = s(() => {
+      const e = t.threshold;
+      return L.isFinite(e) && typeof e == "number" ? Math.max(1, e) : 60;
+    }), c = s(() => L.isArray(t.list)), se = s(
+      () => c.value ? t.list.filter((e) => e != null) : []
+    ), re = s(() => {
+      const e = t.minItemSize;
+      return L.isFinite(e) && typeof e == "number" ? Math.max(1, e) : 60;
+    }), ae = s(() => {
+      switch (l.value) {
+        case "loading":
+          return t.refreshingText;
+        case "ready":
+          return t.readyText;
+        case "pulling":
+          return t.pullingText;
+        default:
+          return "";
+      }
+    }), ue = s(() => {
+      let e = { "panel-pull-to-refresh": !0 };
+      return t.disabled && (e["ptr-disabled"] = !0), u.value && (e["ptr-is-pulling"] = !0), e = L.getJsonMerge(e, ke.getClassNameJson(t.className)), e;
+    }), ce = s(() => ({
+      height: `${m.value}px`
+    })), de = s(
+      () => a.value && u.value ? { touchAction: "none" } : {}
+    ), B = (e) => Math.min(e * 0.4, y.value * 2), fe = () => {
+      if (c.value)
+        return T.value <= 1;
+      const e = x.value;
+      return e ? e.scrollTop <= 1 : !0;
+    }, R = (e) => {
+      if ("touches" in e) {
+        const n = e.touches;
+        return n.length > 0 ? n[0].clientY : 0;
+      }
+      return e.clientY;
+    }, H = ((e) => U(e)), V = ((e) => D(e)), me = () => {
+      document.addEventListener("mousemove", H), document.addEventListener("mouseup", V);
+    }, Y = () => {
+      document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", V);
+    }, d = () => {
+      o !== null && (cancelAnimationFrame(o), o = null), g = 0, u.value = !1, m.value = 0, l.value = "idle";
+    }, ve = (e) => {
+      if (t.sizeDependencies)
+        try {
+          return t.sizeDependencies(e);
+        } catch {
+          return;
+        }
+    }, pe = () => {
+      const e = Date.now();
+      e - k < 500 || !t.isFinished && !t.isLoading && (k = e, M("onLoadMore"));
+    }, q = () => {
+      if (!c.value || t.isFinished || t.isLoading) return;
+      const e = Date.now();
+      if (e - z < 100) {
+        v === null && (v = window.setTimeout(() => {
+          v = null, q();
+        }, 100));
+        return;
+      }
+      const n = x.value?.querySelector(".ptr-scroller");
+      n && (T.value = n.scrollTop || 0, !(n.clientHeight <= 0) && n.scrollHeight <= n.clientHeight && (z = e, k = e, M("onLoadMore")));
+    }, S = () => {
+      Y(), o !== null && (cancelAnimationFrame(o), o = null), a.value = !1;
+    };
+    ye(() => {
+      oe();
+    }), Se(() => {
+      S(), v !== null && (clearTimeout(v), v = null);
+    }), _e(() => {
+      S(), l.value !== "loading" && d();
+    }), w(
+      () => t.disabled,
+      (e) => {
+        e && (S(), l.value !== "loading" && d());
+      }
+    ), w(
+      () => c.value,
+      (e) => {
+        e && (T.value = 0);
+      }
+    ), w(
+      () => [t.list, t.list?.length],
+      async () => {
+        c.value && (await Te(), q());
+      },
+      { immediate: !0 }
+    );
+    const J = (e) => {
+      t.disabled || l.value === "loading" || !("touches" in e) && e.button !== 0 || (a.value && (S(), d()), $.value = R(e), a.value = !0, "touches" in e || me());
+    }, U = (e) => {
+      if (!(!a.value || t.disabled)) {
+        if (!("touches" in e) && e.buttons === 0) {
+          D();
+          return;
+        }
+        g = R(e) - $.value, g > 0 && fe() ? (u.value = !0, e.cancelable && e.preventDefault(), o === null && (o = requestAnimationFrame(() => {
+          o = null;
+          const n = B(g);
+          m.value = n, l.value = n >= y.value ? "ready" : "pulling";
+        }))) : u.value && d();
+      }
+    }, D = (e) => {
+      if (a.value) {
+        if (a.value = !1, Y(), e?.type === "touchcancel") {
+          d();
+          return;
+        }
+        if (o !== null) {
+          cancelAnimationFrame(o), o = null;
+          const n = B(g);
+          n >= 0 && (m.value = n, l.value = n >= y.value ? "ready" : "pulling");
+        }
+        t.disabled || !(u.value && l.value === "ready") ? d() : (l.value = "loading", m.value = y.value, u.value = !1, M("onRefresh"));
+      }
+    }, j = (e) => {
+      const n = e.target;
+      T.value = n?.scrollTop || 0, n && n.scrollTop + n.clientHeight >= n.scrollHeight - 1 && pe();
+    };
+    return ee({ finishRefresh: () => {
+      S(), d(), k = 0, z = 0;
+    } }), (e, n) => (r(), h("div", {
+      id: I(ie),
+      class: C(ue.value)
+    }, [
+      f("div", be, [
+        f("div", {
+          class: "ptr-indicator",
+          style: Q(ce.value),
+          role: "status",
+          "aria-live": "polite"
+        }, [
+          f("div", {
+            class: C(["ptr-indicator-inner", `ptr-state-${l.value}`])
+          }, [
+            _(e.$slots, "indicator", {
+              state: l.value,
+              distance: m.value,
+              threshold: y.value
+            }, () => [
+              l.value === "loading" ? (r(), W(Z, {
+                key: 0,
+                theme: "circleSpinner",
+                size: "small",
+                color: "#999",
+                className: "ptr-indicator-load"
+              })) : (r(), W(De, {
+                key: 1,
+                name: i.pullIcon,
+                className: "ptr-icon-arrow",
+                "aria-hidden": "true"
+              }, null, 8, ["name"])),
+              f("span", Me, A(ae.value), 1)
+            ])
+          ], 2)
+        ], 4),
+        f("div", {
+          ref_key: "refElContent",
+          ref: x,
+          class: C(["ptr-content", { "ptr-content-virtual": c.value }]),
+          style: Q(de.value),
+          onScroll: j,
+          onTouchstart: J,
+          onTouchmove: U,
+          onTouchend: D,
+          onTouchcancel: D,
+          onMousedown: J
+        }, [
+          c.value ? (r(), h("div", xe, [
+            E(I(ne), {
+              class: "ptr-scroller",
+              items: se.value,
+              "min-item-size": re.value,
+              "key-field": i.keyField,
+              onScroll: j
+            }, {
+              default: N(({ item: F, index: G, active: K }) => [
+                E(I(le), {
+                  item: F,
+                  index: G,
+                  active: K,
+                  "size-dependencies": ve(F)
+                }, {
+                  default: N(() => [
+                    _(e.$slots, "item", {
+                      item: F,
+                      index: G,
+                      active: K
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["item", "index", "active", "size-dependencies"])
+              ]),
+              after: N(() => [
+                i.isLoading ? (r(), h("div", ze, [
+                  _(e.$slots, "loadMore", {}, () => [
+                    E(Z, {
+                      theme: "circleSpinner",
+                      size: "small",
+                      color: "#999",
+                      className: "ptr-loadmore-load"
+                    }),
+                    f("span", null, A(i.loadingText), 1)
+                  ])
+                ])) : (r(), h(X, { key: 1 }, [], 64)),
+                i.isFinished && !i.isLoading ? (r(), h("div", Fe, [
+                  _(e.$slots, "finished", {}, () => [
+                    f("span", null, A(i.finishedText), 1)
+                  ])
+                ])) : (r(), h(X, { key: 3 }, [], 64))
+              ]),
+              _: 3
+            }, 8, ["items", "min-item-size", "key-field"])
+          ])) : _(e.$slots, "default", { key: 1 })
+        ], 38)
+      ])
+    ], 10, Le));
+  }
+});
+export {
+  Pe as _
+};