@cldemo/ui-kit 1.1.2 → 1.1.4

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-L4NDsLxm.js

@@ -0,0 +1,213 @@
+import { defineComponent as q, ref as _, reactive as G, computed as K, onMounted as Q, nextTick as T, onBeforeUnmount as W, watch as D, openBlock as r, createElementBlock as u, normalizeClass as w, unref as X, renderSlot as Y, Fragment as R, renderList as Z, withModifiers as ee, normalizeStyle as te, toDisplayString as se, createBlock as I, createCommentVNode as L } from "vue";
+import o from "@cldemo/ui-kit/common/base";
+import oe from "@cldemo/ui-kit/common/Element";
+import { _ as N } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+const ne = ["id"], le = ["onClick"], ie = ["innerHTML"], ae = { key: 1 }, ye = /* @__PURE__ */ q({
+  name: "ClTags",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义 CSS 类名
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用所有标签
+    },
+    list: {
+      type: Array,
+      default: () => []
+      // desc: 标签数据列表
+    },
+    isRemove: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示单个标签移除按钮
+    },
+    showTextFormat: String,
+    // desc: 自定义文本展示格式，如 ${id} ${name}
+    isRemoveAll: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示全部清除按钮
+    },
+    color: {
+      type: String,
+      default: ""
+      // desc: 标签颜色，默认实心填充（背景色 + 白字）；list 单项 color 优先级更高。可选语义名 primary、success、warning、danger、secondary，或直接传 CSS 颜色值 | enum: primary, success, warning, danger, secondary
+    },
+    isSolid: {
+      type: Boolean,
+      default: !0
+      // desc: 是否实心填充，false 为空心（白底 + 彩色边框 + 彩色文字）；list 单项 isSolid 优先级更高
+    },
+    isRound: {
+      type: Boolean,
+      default: !1
+      // desc: 是否胶囊形圆角；list 单项 isRound 优先级更高
+    },
+    size: {
+      type: String,
+      default: "m",
+      // desc: 标签尺寸 | enum: s, m, l
+      validator: (c) => ["s", "m", "l"].indexOf(c) !== -1
+    },
+    isFormatHtml: {
+      type: Boolean,
+      default: !1
+      // desc: 是否以 HTML 格式展示标签文本
+    }
+  },
+  emits: ["onRemove", "onClickTag"],
+  setup(c, { expose: B, emit: F }) {
+    const n = c, g = F, x = `tags-${o.getRandom(5)}`, H = n.id, h = _(n.disabled), i = _([]), A = ["primary", "success", "warning", "danger", "secondary"], a = G({
+      status: 0,
+      // 1:初始，2:过渡中 0:结束
+      startColor: "#FFFF80",
+      endColor: "var(--cl-transparent, rgba(0, 0, 0, 0))",
+      hID: ""
+    }), M = K(() => {
+      let e = {
+        "panel-tags": !0
+      };
+      n.size !== "m" && (e[`tags-size-${n.size}`] = !0), n.isRemoveAll && i.value.length > 0 && (e["tags-region"] = !0);
+      const t = oe.getClassNameJson(n.className);
+      return e = o.getJsonMerge(e, t), e;
+    }), v = (e) => o.isEmpty(e) ? "" : o.isEmpty(n.showTextFormat) ? o.isNonEmptyString(e.name) ? e.name : "" : o.convertStringFormatEncodeHTML(n.showTextFormat, e), f = (e) => o.isNonEmptyString(e.color) ? e.color.trim() : o.isNonEmptyString(n.color) ? n.color.trim() : "", S = (e) => o.isBoolean(e.isSolid) ? !!e.isSolid : n.isSolid, $ = (e) => o.isBoolean(e.isRound) ? !!e.isRound : n.isRound, b = (e) => o.isNonEmptyString(e) && o.isExistValue(A, e), V = (e) => {
+      if (o.isEmpty(e))
+        return {};
+      const t = f(e), s = S(e), l = {};
+      return l.tag = !0, l["tag-disabled"] = !!e.isShowDisabled, l["tag-remove"] = n.isRemove && !e.isShowDisabled, (o.isNonEmptyString(e.id) || typeof e.id == "number") && (l["tag-hlight"] = e.id.toString() === a.hID && a.status === 2), o.isNonEmptyString(t) && (l[s ? "tag-solid" : "tag-plain"] = !0, $(e) && (l["tag-round"] = !0)), b(t) && (l[`tag-color-${t}`] = !0), l;
+    }, z = (e) => {
+      const t = {};
+      if (o.isEmpty(e))
+        return t;
+      const s = f(e);
+      if (o.isNonEmptyString(s) && !b(s) && (S(e) ? (t["background-color"] = s, t["border-color"] = s) : (t.color = s, t["border-color"] = s)), o.isEmpty(e.id))
+        return t;
+      if (e.id.toString() === a.hID)
+        switch (a.status) {
+          case 1:
+            t["background-color"] = a.startColor;
+            break;
+          case 2:
+            t["background-color"] = a.endColor;
+            break;
+        }
+      return t;
+    }, E = (e) => {
+      if (o.isEmpty(e))
+        return;
+      const t = h.value;
+      let s = !1;
+      t ? s = !0 : s = o.isBoolean(e.isDisabled) ? !!e.isDisabled : !1, e.isShowDisabled = s;
+    }, p = (e) => {
+      const t = [];
+      return !o.isArray(e) || o.isEmpty(e) || e.forEach((s) => {
+        if (o.isEmpty(s))
+          return;
+        const l = o.getJsonClone(s);
+        E(l), t.push(l);
+      }), t;
+    }, k = (e) => {
+      h.value = e;
+      const t = p(i.value);
+      i.value = t;
+    };
+    let d = null, m = null;
+    const C = () => {
+      d !== null && (clearTimeout(d), d = null), m !== null && (clearTimeout(m), m = null);
+    }, J = (e) => {
+      o.isEmpty(e) || (C(), a.hID = e.toString(), a.status = 1, T(() => {
+        d = setTimeout(() => {
+          a.status = 2;
+        }, 10), m = setTimeout(() => {
+          a.status = 0, a.hID = "";
+        }, 1500);
+      }));
+    }, O = () => {
+      const e = p(n.list);
+      i.value = e;
+    };
+    Q(() => {
+      T(() => {
+        O();
+      });
+    }), W(() => {
+      C();
+    }), D(
+      () => n.disabled,
+      (e) => {
+        k(e);
+      }
+    ), D(
+      () => n.list,
+      (e) => {
+        const t = p(e);
+        i.value = t;
+      },
+      { deep: !0 }
+    );
+    const P = (e, t) => {
+      g("onClickTag", t);
+    }, U = (e, t, s) => {
+      if (e.preventDefault(), e.stopPropagation(), n.isRemove && !t.isShowDisabled && s >= 0 && s < i.value.length) {
+        i.value.splice(s, 1);
+        const l = o.isNonEmptyString(t.id) || typeof t.id == "number" ? t.id.toString() : "";
+        g("onRemove", l);
+      }
+    }, j = () => {
+      i.value = [], g("onRemove", "");
+    };
+    return B({
+      setDisabled: (e = !0) => {
+        k(e);
+      },
+      addInfo: (e) => {
+        if (o.isEmpty(e))
+          return;
+        const t = o.getListExistValue(i.value, e.name || "", "name");
+        if (o.isEmpty(t)) {
+          const s = o.getJsonClone(e);
+          E(s), i.value.push(s);
+        } else
+          t.info && !o.isEmpty(t.info.id) && J(t.info.id);
+      },
+      getData: () => o.getListClone(i.value)
+    }), (e, t) => (r(), u("div", {
+      id: X(H),
+      class: w(M.value)
+    }, [
+      i.value.length > 0 ? Y(e.$slots, "head", { key: 0 }) : (r(), u(R, { key: 1 }, [], 64)),
+      (r(!0), u(R, null, Z(i.value, (s, l) => (r(), u("span", {
+        key: `${x}-list-${l}-${s.id}`,
+        class: w(V(s)),
+        style: te(z(s)),
+        onClick: ee((y) => P(y, s), ["stop"])
+      }, [
+        s.isHtml || c.isFormatHtml ? (r(), u("span", {
+          key: 0,
+          innerHTML: v(s)
+        }, null, 8, ie)) : (r(), u("span", ae, se(v(s)), 1)),
+        c.isRemove && !s.isShowDisabled ? (r(), I(N, {
+          key: 2,
+          class: "tag-close",
+          name: "close",
+          "aria-label": "移除",
+          onClick: (y) => U(y, s, l)
+        }, null, 8, ["onClick"])) : L("", !0)
+      ], 14, le))), 128)),
+      c.isRemoveAll && i.value.length > 0 && !c.disabled ? (r(), I(N, {
+        key: 2,
+        class: "tag-closeAll",
+        name: "close",
+        "aria-label": "清除全部",
+        onClick: j
+      })) : L("", !0)
+    ], 10, ne));
+  }
+});
+export {
+  ye as _
+};

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-O_Nltaue.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-DROYOL5-.js";
+import { _ as De } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.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 _
+};

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-PVhgdZj4.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@cldemo/ui-kit/common/base"),J=require("@cldemo/ui-kit/common/Element"),E=require("./scrollLock-Bjjnxpit.js"),j=["id"],h=2e3,C=300,w=2147483647,I=1,B=["center","top","bottom","left","right"];let O=h,y=0;const G=e.defineComponent({name:"ClPopup",__name:"Index",props:{id:String,className:String,show:Boolean,position:{type:String,default:"center",validator:k=>B.indexOf(k)!==-1},isOverlay:{type:Boolean,default:!0},isRound:Boolean,duration:{type:Number,default:C},isCloseOnClickOverlay:{type:Boolean,default:!0},isLockScroll:{type:Boolean,default:!0},isSafeAreaInsetBottom:Boolean,zIndex:{type:Number,default:h},teleportTarget:{type:String,default:""}},emits:["update:show","onOpen","onOpened","onClose","onClosed","onClick","onClickOverlay"],setup(k,{emit:P}){const o=k,r=P,x=o.id;let l=!1;const _=new Set;let p=!1,d=!1;const S=e.ref(0),f=e.ref(o.show),s=e.ref(o.show),L=e.computed(()=>o.isOverlay),A=e.computed(()=>{const t=o.teleportTarget;return n.isNonEmptyString(t)&&(t==="body"||t==="self"||/^[#.][A-Za-z_][\w-]*$/.test(t))?t:"body"}),z=e.computed(()=>o.teleportTarget==="self"),i=e.computed(()=>{const t=o.position;return B.indexOf(t)!==-1?t:"center"}),m=e.computed(()=>{if(!n.isNumber(o.duration)&&!n.isString(o.duration))return C;const t=Number(o.duration);return n.isFinite(t)&&t>0?t:C}),g=e.computed(()=>{if(!n.isNumber(o.zIndex)&&!n.isString(o.zIndex))return h;const t=Number(o.zIndex);return n.isFinite(t)&&Number.isInteger(t)&&t>0&&t<=w-I?t:h}),D=e.computed(()=>({center:"popup-fade",top:"popup-slide-top",bottom:"popup-slide-bottom",left:"popup-slide-left",right:"popup-slide-right"})[i.value]||"popup-fade"),M=e.computed(()=>{let t={"panel-popup":!0,"panel-popup--center":i.value==="center","panel-popup--top":i.value==="top","panel-popup--bottom":i.value==="bottom","panel-popup--left":i.value==="left","panel-popup--right":i.value==="right","panel-popup--round":o.isRound,"panel-popup--safe-bottom":o.isSafeAreaInsetBottom};return t=n.getJsonMerge(t,J.getClassNameJson(o.className)),t}),F=e.computed(()=>({zIndex:S.value||g.value,"--popup-duration":`${m.value}ms`})),U=e.computed(()=>({zIndex:(S.value||g.value)+I,"--popup-duration":`${m.value}ms`})),q=()=>{const t=o.teleportTarget;if(n.isNonEmptyString(t)&&t!=="body"&&t!=="self"){const a=document.querySelector(t);return a instanceof HTMLElement?a:null}return document.body},u=()=>{if(l)return;const t=q();t&&(l=!0,_.add(t),E.lockScroll(t))},v=()=>{l&&(l=!1,_.forEach(t=>{E.unlockScroll(t)}),_.clear())},c=t=>{const a=o.teleportTarget;if(!n.isNonEmptyString(a)||a.charAt(0)!=="#")return;const N=document.querySelector(a);if(!(N instanceof HTMLElement))return;const b=N.closest(".cl-framephone");if(!b)return;const T=b.querySelector(".framephone-home");if(T)if(t){if(!p)return;p=!1,y=Math.max(0,y-1),y===0&&(T.style.display="")}else{if(p)return;p=!0,y++,T.style.display="none"}};e.onMounted(()=>{o.show&&o.isLockScroll&&!l&&u(),e.nextTick(()=>{o.show&&o.isLockScroll&&!l&&u()})}),e.onActivated(()=>{d=!1,o.show&&o.isLockScroll&&!l&&u(),o.show&&c(!1)}),e.onDeactivated(()=>{d=!0,l&&v(),c(!0)}),e.onUnmounted(()=>{l&&v(),c(!0)}),e.watch(()=>o.show,t=>{t?(f.value=!0,e.nextTick(()=>{o.show?s.value=!0:f.value=!1}),O=Math.min(Math.max(O+2,g.value),w-I),S.value=O,!d&&o.isLockScroll&&u()):s.value=!1},{immediate:!0}),e.watch(()=>o.isLockScroll,t=>{o.show&&!d&&(t?u():v())});const H=()=>{s.value&&(r("onClickOverlay"),o.isCloseOnClickOverlay&&r("update:show",!1))},Z=()=>{s.value&&r("onClick")},V=()=>{c(!1),r("onOpen")},R=()=>{r("onOpened")},X=()=>{r("onClose")},$=()=>{v(),c(!0),r("onClosed"),o.show||(f.value=!1)};return(t,a)=>f.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:A.value,disabled:z.value},[e.createVNode(e.Transition,{name:"popup-fade",duration:m.value},{default:e.withCtx(()=>[s.value&&L.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"panel-popup-overlay","aria-hidden":"true",style:e.normalizeStyle(F.value),onClick:H},null,4)):e.createCommentVNode("",!0)]),_:1},8,["duration"]),e.createVNode(e.Transition,{name:D.value,duration:m.value,onEnter:V,onAfterEnter:R,onLeave:X,onAfterLeave:$},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(x),role:"dialog","aria-modal":"true",class:e.normalizeClass(M.value),style:e.normalizeStyle(U.value),onClick:Z},[e.renderSlot(t.$slots,"default")],14,j)):e.createCommentVNode("",!0)]),_:3},8,["name","duration"])],8,["to","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))}});exports._sfc_main=G;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-UydTJByU.js

@@ -0,0 +1 @@
+"use strict";var le=Object.create;var R=Object.defineProperty;var oe=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var re=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty;var ae=(o,s,c,h)=>{if(s&&typeof s=="object"||typeof s=="function")for(let a of ie(s))!se.call(o,a)&&a!==c&&R(o,a,{get:()=>s[a],enumerable:!(h=oe(s,a))||h.enumerable});return o};var w=(o,s,c)=>(c=o!=null?le(re(o)):{},ae(s||!o||!o.__esModule?R(c,"default",{value:o,enumerable:!0}):c,o));const e=require("vue"),E=require("@cldemo/ui-kit/common/base"),ce=require("@cldemo/ui-kit/common/Element"),H=require("./Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js"),ue=require("./Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),de=["id"],me={class:"ptr-track"},fe={class:"ptr-text"},pe={key:0,class:"ptr-scroller-wrap"},ve={key:0,class:"ptr-loadmore"},he={key:2,class:"ptr-finished"},ge=e.defineComponent({name:"ClPullToRefresh",__name:"Index",props:{id:String,className:String,disabled:Boolean,threshold:{type:Number,default:60},list:Array,minItemSize:{type:Number,default:60},keyField:{type:String,default:"id"},isFinished:Boolean,isLoading:Boolean,pullIcon:{type:String,default:"angle-down"},pullingText:{type:String,default:"下拉即可刷新..."},readyText:{type:String,default:"释放即可刷新..."},refreshingText:{type:String,default:"加载中..."},loadingText:{type:String,default:"加载中..."},finishedText:{type:String,default:"没有更多了"},sizeDependencies:{type:Function}},emits:["onRefresh","onLoadMore"],setup(o,{expose:s,emit:c}){let h=!1;const a=()=>{h||(h=!0,Promise.resolve().then(()=>require("./vue-virtual-scroller-C_hlZMj5.js")))},Y=e.defineAsyncComponent(()=>(a(),import("vue-virtual-scroller").then(t=>t.DynamicScroller))),J=e.defineAsyncComponent(()=>(a(),import("vue-virtual-scroller").then(t=>t.DynamicScrollerItem))),U=()=>{a(),import("vue-virtual-scroller")},n=o,B=c,j=n.id,D=e.useTemplateRef("refElContent"),i=e.ref("idle"),p=e.ref(0),z=e.ref(0),u=e.ref(!1),d=e.ref(!1),S=e.ref(0);let r=null,g=0,k=0,x=0,v=null;const y=e.computed(()=>{const t=n.threshold;return E.isFinite(t)&&typeof t=="number"?Math.max(1,t):60}),m=e.computed(()=>E.isArray(n.list)),G=e.computed(()=>m.value?n.list.filter(t=>t!=null):[]),K=e.computed(()=>{const t=n.minItemSize;return E.isFinite(t)&&typeof t=="number"?Math.max(1,t):60}),O=e.computed(()=>{switch(i.value){case"loading":return n.refreshingText;case"ready":return n.readyText;case"pulling":return n.pullingText;default:return""}}),Q=e.computed(()=>{let t={"panel-pull-to-refresh":!0};return n.disabled&&(t["ptr-disabled"]=!0),d.value&&(t["ptr-is-pulling"]=!0),t=E.getJsonMerge(t,ce.getClassNameJson(n.className)),t}),W=e.computed(()=>({height:`${p.value}px`})),X=e.computed(()=>u.value&&d.value?{touchAction:"none"}:{}),L=t=>Math.min(t*.4,y.value*2),Z=()=>{if(m.value)return S.value<=1;const t=D.value;return t?t.scrollTop<=1:!0},N=t=>{if("touches"in t){const l=t.touches;return l.length>0?l[0].clientY:0}return t.clientY},b=(t=>A(t)),M=(t=>T(t)),ee=()=>{document.addEventListener("mousemove",b),document.addEventListener("mouseup",M)},F=()=>{document.removeEventListener("mousemove",b),document.removeEventListener("mouseup",M)},f=()=>{r!==null&&(cancelAnimationFrame(r),r=null),g=0,d.value=!1,p.value=0,i.value="idle"},te=t=>{if(n.sizeDependencies)try{return n.sizeDependencies(t)}catch{return}},ne=()=>{const t=Date.now();t-k<500||!n.isFinished&&!n.isLoading&&(k=t,B("onLoadMore"))},I=()=>{if(!m.value||n.isFinished||n.isLoading)return;const t=Date.now();if(t-x<100){v===null&&(v=window.setTimeout(()=>{v=null,I()},100));return}const l=D.value?.querySelector(".ptr-scroller");l&&(S.value=l.scrollTop||0,!(l.clientHeight<=0)&&l.scrollHeight<=l.clientHeight&&(x=t,k=t,B("onLoadMore")))},_=()=>{F(),r!==null&&(cancelAnimationFrame(r),r=null),u.value=!1};e.onMounted(()=>{U()}),e.onBeforeUnmount(()=>{_(),v!==null&&(clearTimeout(v),v=null)}),e.onDeactivated(()=>{_(),i.value!=="loading"&&f()}),e.watch(()=>n.disabled,t=>{t&&(_(),i.value!=="loading"&&f())}),e.watch(()=>m.value,t=>{t&&(S.value=0)}),e.watch(()=>[n.list,n.list?.length],async()=>{m.value&&(await e.nextTick(),I())},{immediate:!0});const V=t=>{n.disabled||i.value==="loading"||!("touches"in t)&&t.button!==0||(u.value&&(_(),f()),z.value=N(t),u.value=!0,"touches"in t||ee())},A=t=>{if(!(!u.value||n.disabled)){if(!("touches"in t)&&t.buttons===0){T();return}g=N(t)-z.value,g>0&&Z()?(d.value=!0,t.cancelable&&t.preventDefault(),r===null&&(r=requestAnimationFrame(()=>{r=null;const l=L(g);p.value=l,i.value=l>=y.value?"ready":"pulling"}))):d.value&&f()}},T=t=>{if(u.value){if(u.value=!1,F(),t?.type==="touchcancel"){f();return}if(r!==null){cancelAnimationFrame(r),r=null;const l=L(g);l>=0&&(p.value=l,i.value=l>=y.value?"ready":"pulling")}n.disabled||!(d.value&&i.value==="ready")?f():(i.value="loading",p.value=y.value,d.value=!1,B("onRefresh"))}},P=t=>{const l=t.target;S.value=l?.scrollTop||0,l&&l.scrollTop+l.clientHeight>=l.scrollHeight-1&&ne()};return s({finishRefresh:()=>{_(),f(),k=0,x=0}}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(j),class:e.normalizeClass(Q.value)},[e.createElementVNode("div",me,[e.createElementVNode("div",{class:"ptr-indicator",style:e.normalizeStyle(W.value),role:"status","aria-live":"polite"},[e.createElementVNode("div",{class:e.normalizeClass(["ptr-indicator-inner",`ptr-state-${i.value}`])},[e.renderSlot(t.$slots,"indicator",{state:i.value,distance:p.value,threshold:y.value},()=>[i.value==="loading"?(e.openBlock(),e.createBlock(H._sfc_main,{key:0,theme:"circleSpinner",size:"small",color:"#999",className:"ptr-indicator-load"})):(e.openBlock(),e.createBlock(ue._sfc_main,{key:1,name:o.pullIcon,className:"ptr-icon-arrow","aria-hidden":"true"},null,8,["name"])),e.createElementVNode("span",fe,e.toDisplayString(O.value),1)])],2)],4),e.createElementVNode("div",{ref_key:"refElContent",ref:D,class:e.normalizeClass(["ptr-content",{"ptr-content-virtual":m.value}]),style:e.normalizeStyle(X.value),onScroll:P,onTouchstart:V,onTouchmove:A,onTouchend:T,onTouchcancel:T,onMousedown:V},[m.value?(e.openBlock(),e.createElementBlock("div",pe,[e.createVNode(e.unref(Y),{class:"ptr-scroller",items:G.value,"min-item-size":K.value,"key-field":o.keyField,onScroll:P},{default:e.withCtx(({item:C,index:q,active:$})=>[e.createVNode(e.unref(J),{item:C,index:q,active:$,"size-dependencies":te(C)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"item",{item:C,index:q,active:$})]),_:2},1032,["item","index","active","size-dependencies"])]),after:e.withCtx(()=>[o.isLoading?(e.openBlock(),e.createElementBlock("div",ve,[e.renderSlot(t.$slots,"loadMore",{},()=>[e.createVNode(H._sfc_main,{theme:"circleSpinner",size:"small",color:"#999",className:"ptr-loadmore-load"}),e.createElementVNode("span",null,e.toDisplayString(o.loadingText),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),o.isFinished&&!o.isLoading?(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(t.$slots,"finished",{},()=>[e.createElementVNode("span",null,e.toDisplayString(o.finishedText),1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))]),_:3},8,["items","min-item-size","key-field"])])):e.renderSlot(t.$slots,"default",{key:1})],38)])],10,de))}});exports._sfc_main=ge;