@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/utils/Mobile/ClScrollCard.js

@@ -2,29 +2,36 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Mobile/ClScrollCard.css';
-import { defineComponent as de, useTemplateRef as ue, ref as G, computed as u, watch as fe, openBlock as a, createElementBlock as c, normalizeClass as ve, unref as ge, createBlock as O, withCtx as pe, createElementVNode as $, toDisplayString as R, Fragment as p, renderList as W, renderSlot as C, withKeys as M, withModifiers as L } from "vue";
-import { C as r } from "../Shared/base-C5l51ld_.js";
-import { C as ye } from "../Shared/index-wdK75uN2.js";
-import { _ as he } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DkO0Tw8l.js";
-import { _ as D } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C8n67_vn.js";
-const me = ["id"], be = { class: "scrollcard-list" }, ke = {
+import { defineComponent as me, useTemplateRef as Z, ref as K, computed as d, watch as ye, openBlock as a, createElementBlock as c, normalizeClass as he, unref as ke, createBlock as h, withCtx as I, createElementVNode as k, toDisplayString as S, Fragment as v, renderList as ee, renderSlot as F, createVNode as Se, createTextVNode as be, nextTick as Ce } from "vue";
+import { C as n } from "../Shared/base-fr2I80sU.js";
+import { C as te } from "../Shared/index-B477PjJ3.js";
+import { _ as Le } from "../Shared/Index.vue_vue_type_script_setup_true_lang-COprcd8r.js";
+import { _ as E } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BppPP2_o.js";
+import { _ as xe } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DlFdXr6k.js";
+const Ee = ["id"], _e = { class: "scrollcard-list" }, Te = {
   key: 1,
   class: "scrollcard-empty",
   role: "status"
-}, Ce = ["aria-expanded", "onClick", "onKeydown"], Le = {
-  key: 2,
+}, Pe = ["onClick"], Oe = {
+  key: 0,
   class: "scrollcard-elastic-body"
-}, Se = { class: "scrollcard-list" }, xe = {
+}, Ne = {
+  key: 3,
+  class: "scrollcard-statusbar"
+}, Be = {
+  key: 2,
+  class: "scrollcard-statusbar-hold"
+}, $e = {
   key: 1,
   class: "scrollcard-empty",
   role: "status"
-}, Ee = ["aria-expanded", "onClick", "onKeydown"], Oe = {
-  key: 2,
+}, Fe = ["onClick"], Re = {
+  key: 0,
   class: "scrollcard-elastic-body"
-}, $e = {
+}, Me = {
   key: 0,
   class: "scrollcard-pager"
-}, Pe = ["disabled"], _e = { class: "scrollcard-pager-info" }, Be = ["disabled"], De = /* @__PURE__ */ de({
+}, De = ["disabled"], ze = { class: "scrollcard-pager-info" }, Ae = ["disabled"], Ue = /* @__PURE__ */ me({
   name: "ClScrollCard",
   __name: "Index",
   props: {
@@ -48,7 +55,7 @@ const me = ["id"], be = { class: "scrollcard-list" }, ke = {
       type: String,
       default: "scroll",
       // desc: 分页模式 | enum: button, scroll
-      validator: (n) => ["button", "scroll"].indexOf(n) > -1
+      validator: (r) => ["button", "scroll"].indexOf(r) > -1
     },
     paginateLimit: {
       type: Number,
@@ -75,6 +82,11 @@ const me = ["id"], be = { class: "scrollcard-list" }, ke = {
       default: !1
       // desc: 是否启用展开行
     },
+    elasticClickKey: {
+      type: String,
+      default: ".scrollcard-click-elastic"
+      // desc: 展开点击区域选择器
+    },
     isLoading: {
       type: Boolean,
       default: !1
@@ -89,264 +101,272 @@ const me = ["id"], be = { class: "scrollcard-list" }, ke = {
       type: String,
       default: "暂无数据"
       // desc: 空数据文案
+    },
+    loadingText: {
+      type: String,
+      default: "加载中..."
+      // desc: 加载更多提示文字
+    },
+    finishedText: {
+      type: String,
+      default: "没有更多了"
+      // desc: 已加载全部提示文字
     }
   },
   emits: {
-    onGetData: (n) => !0,
+    onGetData: (r) => !0,
     // desc: 服务端模式请求数据 { pages, limit, offset, field, order, action }
-    onClickCard: (n, w) => !0,
+    onClickCard: (r, R) => !0,
     // desc: 点击卡片
-    onClickElastic: (n, w, J) => !0
+    onClickElastic: (r, R, V) => !0
     // desc: 展开/收起
   },
-  setup(n, { expose: w, emit: J }) {
-    const i = n, h = J, j = `s-${r.getRandom(5)}`, X = i.id, P = ue("refElPullToRefresh"), o = G(1), S = G([]), y = G([]), Y = u(() => i.isPaginate && i.paginateType === "scroll"), x = u(
-      () => r.isFinite(i.paginateLimit) ? Math.max(1, i.paginateLimit) : 20
-    ), _ = u(() => i.isServer ? [] : ie(V())), Z = u(() => i.isServer ? 0 : _.value.length), A = u(() => {
-      if (i.isServer)
-        return V();
-      if (!i.isPaginate)
-        return _.value;
-      if (i.paginateType === "button") {
-        const t = x.value, s = (o.value - 1) * t;
-        return _.value.slice(s, s + t);
+  setup(r, { expose: R, emit: V }) {
+    const t = r, p = V, J = `s-${n.getRandom(5)}`, se = t.id, _ = Z("refElPullToRefresh"), M = Z("refElList"), o = K(1), b = K([]), g = K([]), j = d(() => t.isPaginate && t.paginateType === "scroll"), C = d(
+      () => n.isFinite(t.paginateLimit) ? Math.max(1, t.paginateLimit) : 20
+    ), T = d(() => t.isServer ? [] : ce(q())), ie = d(() => t.isServer ? 0 : T.value.length), D = d(() => {
+      if (t.isServer)
+        return q();
+      if (!t.isPaginate)
+        return T.value;
+      if (t.paginateType === "button") {
+        const e = C.value, s = (o.value - 1) * e;
+        return T.value.slice(s, s + e);
       }
-      return _.value.slice(0, o.value * x.value);
-    }), f = u(() => {
-      if (i.isServer) {
-        const t = r.isFinite(i.totalLength) ? i.totalLength : 0;
-        return t > 0 ? Math.max(1, Math.ceil(t / x.value)) : 1;
+      return T.value.slice(0, o.value * C.value);
+    }), f = d(() => {
+      if (t.isServer) {
+        const e = n.isFinite(t.totalLength) ? t.totalLength : 0;
+        return e > 0 ? Math.max(1, Math.ceil(e / C.value)) : 1;
       }
-      return i.isPaginate ? Math.max(1, Math.ceil(Z.value / x.value)) : 1;
-    }), I = u(() => i.isServer ? i.isFinished : i.isPaginate ? o.value >= f.value : !0), B = u(() => A.value.length === 0), ee = u(() => o.value <= 1), te = u(() => o.value >= f.value), se = u(() => {
-      const t = { "panel-scroll-card": !0 };
-      return i.disabled && (t["scrollcard-disabled"] = !0), r.getJsonMerge(t, ye.getClassNameJson(i.className));
-    }), V = () => (r.isArray(i.list) ? i.list : []).filter((s) => s != null), ie = (t) => {
-      const s = i.orderSort || {}, e = s.field;
-      if (i.isServer || !r.isNonEmptyString(e))
-        return r.getListClone(t);
-      const l = s.order === "desc" ? "desc" : "asc", d = s.format || "string", E = r.getListClone(t);
-      return E.sort((b, z) => {
-        const N = b && typeof b[e] < "u" ? b[e] : "", F = z && typeof z[e] < "u" ? z[e] : "";
-        let k = 0;
-        return d === "number" ? k = (Number(N) || 0) - (Number(F) || 0) : d === "date" ? k = (Date.parse(N) || 0) - (Date.parse(F) || 0) : k = String(N === null ? "" : N).localeCompare(String(F === null ? "" : F)), l === "desc" && (k = -k), k;
-      }), E;
-    }, T = (t) => {
-      const s = t && t.id;
-      return s == null ? "" : r.isString(s) || r.isFinite(s) ? s.toString() : "";
-    }, K = (t) => {
-      const s = x.value, e = {
+      return t.isPaginate ? Math.max(1, Math.ceil(ie.value / C.value)) : 1;
+    }), U = d(() => t.isServer ? t.isFinished : t.isPaginate ? o.value >= f.value : !0), L = d(() => D.value.length === 0), z = d(() => j.value && !L.value), le = d(() => z.value && t.isLoading), ae = d(
+      () => z.value && !t.isLoading && U.value
+    ), ne = d(() => o.value <= 1), oe = d(() => o.value >= f.value), re = d(() => {
+      const e = { "panel-scroll-card": !0 };
+      return t.disabled && (e["scrollcard-disabled"] = !0), n.getJsonMerge(e, te.getClassNameJson(t.className));
+    }), q = () => (n.isArray(t.list) ? t.list : []).filter((s) => s != null), ce = (e) => {
+      const s = t.orderSort || {}, i = s.field;
+      if (t.isServer || !n.isNonEmptyString(i))
+        return n.getListClone(e);
+      const l = s.order === "desc" ? "desc" : "asc", u = s.format || "string", x = n.getListClone(e);
+      return x.sort((m, w) => {
+        const B = m && typeof m[i] < "u" ? m[i] : "", $ = w && typeof w[i] < "u" ? w[i] : "";
+        let y = 0;
+        return u === "number" ? y = (Number(B) || 0) - (Number($) || 0) : u === "date" ? y = (Date.parse(B) || 0) - (Date.parse($) || 0) : y = String(B === null ? "" : B).localeCompare(String($ === null ? "" : $)), l === "desc" && (y = -y), y;
+      }), x;
+    }, P = (e) => {
+      const s = e && e.id;
+      return s == null ? "" : n.isString(s) || n.isFinite(s) ? s.toString() : "";
+    }, A = (e) => {
+      const s = C.value, i = {
         pages: o.value,
         limit: s,
         offset: (o.value - 1) * s,
-        action: t
-      }, l = i.orderSort || {};
-      return r.isNonEmptyString(l.field) && (e.field = l.field, e.order = l.order === "desc" ? "desc" : "asc"), e;
-    }, v = (t) => S.value.indexOf(T(t)) > -1, m = (t) => y.value.indexOf(T(t)) > -1, q = (t, s) => {
-      const e = T(t);
-      return e !== "" ? `${j}-${e}-${s}` : `${j}-${s}`;
+        action: e
+      }, l = t.orderSort || {};
+      return n.isNonEmptyString(l.field) && (i.field = l.field, i.order = l.order === "desc" ? "desc" : "asc"), i;
+    }, O = (e) => b.value.indexOf(P(e)) > -1, N = (e) => g.value.indexOf(P(e)) > -1, H = (e, s) => {
+      const i = P(e);
+      return i !== "" ? `${J}-${i}-${s}` : `${J}-${s}`;
     };
-    fe(
-      [() => i.list, () => i.paginateLimit],
+    ye(
+      [() => t.list, () => t.paginateLimit],
       () => {
-        !i.isServer && o.value > f.value && (o.value = Math.max(1, f.value));
+        !t.isServer && o.value > f.value && (o.value = Math.max(1, f.value));
       },
       { deep: !0 }
     );
-    const H = (t, s) => {
-      h("onClickCard", t, s);
-    }, g = (t) => {
-      const s = T(t);
+    const Q = (e, s) => {
+      p("onClickCard", e, s);
+    }, W = (e, s) => {
+      if (!t.isElastic || t.disabled)
+        return;
+      const i = n.isNonEmptyString(t.elasticClickKey) ? te.getParent(e.target, t.elasticClickKey, e.currentTarget, !1) : void 0;
+      n.isUndefined(i) || i !== e.currentTarget && G(s);
+    }, G = (e) => {
+      const s = P(e);
       if (!s)
         return;
-      const e = S.value.indexOf(s) === -1, l = r.getArrClone(S.value), d = r.getArrClone(y.value);
-      if (e) {
-        if (d.indexOf(s) > -1) {
-          l.indexOf(s) === -1 && l.push(s), S.value = l, h("onClickElastic", s, t, !0);
+      const i = b.value.indexOf(s) === -1, l = n.getArrClone(b.value), u = n.getArrClone(g.value);
+      if (i) {
+        if (u.indexOf(s) > -1) {
+          l.indexOf(s) === -1 && l.push(s), b.value = l, p("onClickElastic", s, e, !0);
           return;
         }
-        l.indexOf(s) === -1 && l.push(s), d.indexOf(s) === -1 && d.push(s);
+        l.indexOf(s) === -1 && l.push(s), u.indexOf(s) === -1 && u.push(s);
       } else {
-        const E = l.indexOf(s);
-        E > -1 && l.splice(E, 1);
-        const b = d.indexOf(s);
-        b > -1 && d.splice(b, 1);
+        const x = l.indexOf(s);
+        x > -1 && l.splice(x, 1);
+        const m = u.indexOf(s);
+        m > -1 && u.splice(m, 1);
       }
-      S.value = l, y.value = d, h("onClickElastic", s, t, e);
-    }, Q = (t) => {
-      o.value = t, i.isServer && h("onGetData", K("pagechange"));
-    }, le = () => {
-      i.disabled || i.isLoading || o.value <= 1 || Q(o.value - 1);
-    }, ae = () => {
-      i.disabled || i.isLoading || o.value >= f.value || Q(o.value + 1);
-    }, ne = () => {
-      i.disabled || (o.value = 1, i.isServer ? h("onGetData", K("refresh")) : U());
-    }, oe = () => {
-      if (i.disabled || i.isLoading)
+      b.value = l, g.value = u, p("onClickElastic", s, e, i);
+    }, X = (e) => {
+      o.value = e, Ce(() => {
+        M.value && (M.value.scrollTop = 0);
+      }), t.isServer && p("onGetData", A("pagechange"));
+    }, de = () => {
+      t.disabled || t.isLoading || o.value <= 1 || X(o.value - 1);
+    }, ue = () => {
+      t.disabled || t.isLoading || o.value >= f.value || X(o.value + 1);
+    }, fe = () => {
+      t.disabled || (o.value = 1, t.isServer ? p("onGetData", A("refresh")) : Y());
+    }, ve = () => {
+      if (t.disabled || t.isLoading)
         return;
-      const t = o.value + 1;
-      if (i.isServer) {
-        if (i.totalLength > 0 && t > f.value)
+      const e = o.value + 1;
+      if (t.isServer) {
+        if (t.totalLength > 0 && e > f.value)
           return;
-        o.value = t, h("onGetData", K("loadmore"));
-      } else t <= f.value && (o.value = t);
-    }, re = (t) => {
-      if (!r.isString(t) && !r.isFinite(t))
+        o.value = e, p("onGetData", A("loadmore"));
+      } else e <= f.value && (o.value = e);
+    }, ge = (e) => {
+      if (!n.isString(e) && !n.isFinite(e))
         return;
-      const s = t.toString();
+      const s = e.toString();
       if (s === "")
         return;
-      const e = r.getArrClone(y.value);
-      e.indexOf(s) === -1 && (e.push(s), y.value = e);
-    }, ce = (t) => {
-      if (!r.isString(t) && !r.isFinite(t))
+      const i = n.getArrClone(g.value);
+      i.indexOf(s) === -1 && (i.push(s), g.value = i);
+    }, pe = (e) => {
+      if (!n.isString(e) && !n.isFinite(e))
         return;
-      const s = t.toString();
+      const s = e.toString();
       if (s === "")
         return;
-      const e = r.getArrClone(y.value), l = e.indexOf(s);
-      l > -1 && (e.splice(l, 1), y.value = e);
-    }, U = () => {
-      P.value && typeof P.value.finishRefresh == "function" && P.value.finishRefresh();
+      const i = n.getArrClone(g.value), l = i.indexOf(s);
+      l > -1 && (i.splice(l, 1), g.value = i);
+    }, Y = () => {
+      _.value && typeof _.value.finishRefresh == "function" && _.value.finishRefresh();
     };
-    return w({ loadElasticStart: re, loadElasticStop: ce, finishRefresh: U }), (t, s) => (a(), c("div", {
-      id: ge(X),
-      class: ve(se.value)
+    return R({ loadElasticStart: ge, loadElasticStop: pe, finishRefresh: Y }), (e, s) => (a(), c("div", {
+      id: ke(se),
+      class: he(re.value)
     }, [
-      Y.value ? (a(), O(he, {
+      j.value ? (a(), h(Le, {
         key: 0,
         class: "scrollcard-ptr",
-        isLoading: n.isLoading,
-        isFinished: I.value,
-        disabled: n.disabled,
-        onOnRefresh: ne,
-        onOnLoadMore: oe,
+        isLoading: r.isLoading,
+        isFinished: U.value,
+        disabled: r.disabled,
+        onOnRefresh: fe,
+        onOnLoadMore: ve,
         ref_key: "refElPullToRefresh",
-        ref: P
+        ref: _
       }, {
-        default: pe(() => [
-          $("div", be, [
-            B.value && n.isLoading ? (a(), O(D, {
+        default: I(() => [
+          k("div", _e, [
+            L.value && r.isLoading ? (a(), h(E, {
               key: 0,
               class: "scrollcard-status",
               theme: "circleBubble",
               size: "large"
-            })) : B.value && !n.isLoading ? (a(), c("div", ke, R(i.emptyText), 1)) : (a(!0), c(p, { key: 2 }, W(A.value, (e, l) => (a(), c("div", {
-              key: q(e, l),
-              class: "scrollcard-item"
+            })) : L.value && !r.isLoading ? (a(), c("div", Te, S(t.emptyText), 1)) : (a(!0), c(v, { key: 2 }, ee(D.value, (i, l) => (a(), c("div", {
+              key: H(i, l),
+              class: "scrollcard-item",
+              onClick: (u) => W(u, i)
             }, [
-              C(t.$slots, "default", {
-                info: e,
+              F(e.$slots, "default", {
+                info: i,
                 index: l,
-                isOpen: v(e),
-                elasticLoading: m(e),
-                onClickCard: H,
-                onToggleElastic: g
+                isOpen: O(i),
+                elasticLoading: N(i),
+                onClickCard: Q,
+                onToggleElastic: G
               }),
-              n.isElastic ? (a(), c("div", {
-                key: 0,
-                class: "scrollcard-elastic-head",
-                role: "button",
-                tabindex: "0",
-                "aria-expanded": v(e),
-                onClick: L((d) => g(e), ["stop"]),
-                onKeydown: [
-                  M(L((d) => g(e), ["prevent"]), ["enter"]),
-                  M(L((d) => g(e), ["prevent"]), ["space"])
-                ]
-              }, [
-                C(t.$slots, "elasticIcon", {
-                  info: e,
-                  index: l,
-                  isOpen: v(e),
-                  elasticLoading: m(e)
-                })
-              ], 40, Ce)) : (a(), c(p, { key: 1 }, [], 64)),
-              n.isElastic && v(e) ? (a(), c("div", Le, [
-                m(e) ? (a(), O(D, {
+              r.isElastic && O(i) ? (a(), c("div", Oe, [
+                N(i) ? (a(), h(E, {
                   key: 0,
                   class: "scrollcard-elastic-load",
                   theme: "circleBubble",
                   size: "small"
-                })) : C(t.$slots, "elastic", {
+                })) : F(e.$slots, "elastic", {
                   key: 1,
-                  info: e,
+                  info: i,
                   index: l
                 })
-              ])) : (a(), c(p, { key: 3 }, [], 64))
-            ]))), 128))
+              ])) : (a(), c(v, { key: 1 }, [], 64))
+            ], 8, Pe))), 128)),
+            z.value ? (a(), c("div", Ne, [
+              le.value ? (a(), c(v, { key: 0 }, [
+                Se(E, {
+                  theme: "circleSpinner",
+                  size: "small",
+                  color: "#999"
+                }),
+                k("span", null, S(t.loadingText), 1)
+              ], 64)) : ae.value ? (a(), h(xe, {
+                key: 1,
+                class: "scrollcard-statusbar-divider",
+                contentPosition: "center",
+                margin: 0,
+                lineColor: "#e5e5e5"
+              }, {
+                default: I(() => [
+                  be(S(t.finishedText), 1)
+                ]),
+                _: 1
+              })) : (a(), c("span", Be))
+            ])) : (a(), c(v, { key: 4 }, [], 64))
           ])
         ]),
         _: 3
-      }, 8, ["isLoading", "isFinished", "disabled"])) : (a(), c(p, { key: 1 }, [
-        $("div", Se, [
-          B.value && n.isLoading ? (a(), O(D, {
+      }, 8, ["isLoading", "isFinished", "disabled"])) : (a(), c(v, { key: 1 }, [
+        k("div", {
+          ref_key: "refElList",
+          ref: M,
+          class: "scrollcard-list"
+        }, [
+          L.value && r.isLoading ? (a(), h(E, {
             key: 0,
             class: "scrollcard-status",
             theme: "circleBubble",
             size: "large"
-          })) : B.value && !n.isLoading ? (a(), c("div", xe, R(i.emptyText), 1)) : (a(!0), c(p, { key: 2 }, W(A.value, (e, l) => (a(), c("div", {
-            key: q(e, l),
-            class: "scrollcard-item"
+          })) : L.value && !r.isLoading ? (a(), c("div", $e, S(t.emptyText), 1)) : (a(!0), c(v, { key: 2 }, ee(D.value, (i, l) => (a(), c("div", {
+            key: H(i, l),
+            class: "scrollcard-item",
+            onClick: (u) => W(u, i)
           }, [
-            C(t.$slots, "default", {
-              info: e,
+            F(e.$slots, "default", {
+              info: i,
               index: l,
-              isOpen: v(e),
-              elasticLoading: m(e),
-              onClickCard: H,
-              onToggleElastic: g
+              isOpen: O(i),
+              elasticLoading: N(i),
+              onClickCard: Q,
+              onToggleElastic: G
             }),
-            n.isElastic ? (a(), c("div", {
-              key: 0,
-              class: "scrollcard-elastic-head",
-              role: "button",
-              tabindex: "0",
-              "aria-expanded": v(e),
-              onClick: L((d) => g(e), ["stop"]),
-              onKeydown: [
-                M(L((d) => g(e), ["prevent"]), ["enter"]),
-                M(L((d) => g(e), ["prevent"]), ["space"])
-              ]
-            }, [
-              C(t.$slots, "elasticIcon", {
-                info: e,
-                index: l,
-                isOpen: v(e),
-                elasticLoading: m(e)
-              })
-            ], 40, Ee)) : (a(), c(p, { key: 1 }, [], 64)),
-            n.isElastic && v(e) ? (a(), c("div", Oe, [
-              m(e) ? (a(), O(D, {
+            r.isElastic && O(i) ? (a(), c("div", Re, [
+              N(i) ? (a(), h(E, {
                 key: 0,
                 class: "scrollcard-elastic-load",
                 theme: "circleBubble",
                 size: "small"
-              })) : C(t.$slots, "elastic", {
+              })) : F(e.$slots, "elastic", {
                 key: 1,
-                info: e,
+                info: i,
                 index: l
               })
-            ])) : (a(), c(p, { key: 3 }, [], 64))
-          ]))), 128))
-        ]),
-        n.isPaginate && n.paginateType === "button" ? (a(), c("div", $e, [
-          $("button", {
+            ])) : (a(), c(v, { key: 1 }, [], 64))
+          ], 8, Fe))), 128))
+        ], 512),
+        r.isPaginate && r.paginateType === "button" ? (a(), c("div", Me, [
+          k("button", {
             class: "scrollcard-pager-btn",
-            disabled: ee.value || n.disabled,
-            onClick: le
-          }, " 上一页 ", 8, Pe),
-          $("span", _e, R(o.value) + " / " + R(f.value), 1),
-          $("button", {
+            disabled: ne.value || r.disabled,
+            onClick: de
+          }, " 上一页 ", 8, De),
+          k("span", ze, S(o.value) + " / " + S(f.value), 1),
+          k("button", {
             class: "scrollcard-pager-btn",
-            disabled: te.value || n.disabled,
-            onClick: ae
-          }, " 下一页 ", 8, Be)
-        ])) : (a(), c(p, { key: 1 }, [], 64))
+            disabled: oe.value || r.disabled,
+            onClick: ue
+          }, " 下一页 ", 8, Ae)
+        ])) : (a(), c(v, { key: 1 }, [], 64))
       ], 64))
-    ], 10, me));
+    ], 10, Ee));
   }
 });
 export {
-  De as default
+  Ue as default
 };

package/buildLibs/utils/Mobile/ClSharePanel.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("../Shared/base-DbuX_Y3x.js"),S=require("../Shared/index-rFJmbgyH.js"),_=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Cb49VSDS.js"),f=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js"),E={key:0,class:"sharepanel-title"},O={key:2,class:"sharepanel-description"},x={class:"sharepanel-options"},w=["onClick"],N={key:0,class:"sharepanel-option-icon"},T={class:"sharepanel-option-name"},b={key:2,class:"sharepanel-option-desc"},L=e.defineComponent({name:"ClSharePanel",__name:"Index",props:{id:String,className:String,show:Boolean,title:String,description:String,optionsList:Array,cancelText:String,isOverlay:{type:Boolean,default:!0},isCloseOnClickOverlay:{type:Boolean,default:!0},isLockScroll:{type:Boolean,default:!1},isSafeAreaInsetBottom:Boolean,duration:{type:Number,default:300},zIndex:{type:Number,default:2e3},teleportTarget:{type:String,default:""}},emits:["update:show","onSelect","onCancel","onClickOverlay"],setup(l,{emit:d}){const t=l,c=d,k=`sharepanel-${s.CommonBase.getRandom(5)}`,y=t.id,a=e.ref(t.show),i=e.computed(()=>s.CommonBase.isNonEmptyString(t.title)?t.title:""),p=e.computed(()=>s.CommonBase.isNonEmptyString(t.description)?t.description:""),u=e.computed(()=>s.CommonBase.isNonEmptyString(t.cancelText)?t.cancelText:""),B=e.computed(()=>Array.isArray(t.optionsList)?t.optionsList.filter(n=>s.CommonBase.isObject(n)&&s.CommonBase.isNonEmptyString(n.name)):[]),v=e.computed(()=>{const n={"panel-share-panel":!0};return s.CommonBase.getJsonMerge(n,S.CommonElement.getClassNameJson(t.className))});e.watch(a,n=>{n!==t.show&&c("update:show",n)}),e.watch(()=>t.show,n=>{a.value=n});const C=(n,r)=>{a.value&&c("onSelect",n,r)},g=()=>{a.value&&(c("onCancel"),a.value=!1)},h=()=>{c("onClickOverlay")};return(n,r)=>(e.openBlock(),e.createBlock(_._sfc_main,{id:e.unref(y),show:a.value,"onUpdate:show":r[0]||(r[0]=o=>a.value=o),position:"bottom",isOverlay:l.isOverlay,isRound:!0,duration:l.duration,isCloseOnClickOverlay:l.isCloseOnClickOverlay,isLockScroll:l.isLockScroll,isSafeAreaInsetBottom:l.isSafeAreaInsetBottom,zIndex:l.zIndex,teleportTarget:l.teleportTarget,onOnClickOverlay:h},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(v.value)},[i.value?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),p.value?(e.openBlock(),e.createElementBlock("div",O,e.toDisplayString(p.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64)),e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,(o,m)=>(e.openBlock(),e.createElementBlock("button",{key:`${k}-${o.id}-${m}`,type:"button",class:"sharepanel-option",onClick:A=>C(o,m)},[o.icon?(e.openBlock(),e.createElementBlock("span",N,[e.createVNode(f._sfc_main,{name:o.icon},null,8,["name"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",T,e.toDisplayString(o.name),1),o.description?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(o.description),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))],8,w))),128))]),u.value?(e.openBlock(),e.createElementBlock("button",{key:4,type:"button",class:"sharepanel-cancel",onClick:g},e.toDisplayString(u.value),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[],64))],2)]),_:1},8,["id","show","isOverlay","duration","isCloseOnClickOverlay","isLockScroll","isSafeAreaInsetBottom","zIndex","teleportTarget"]))}});module.exports=L;

package/buildLibs/utils/Mobile/ClSharePanel.css

@@ -0,0 +1 @@
+.panel-share-panel{background:var(--cl-bg, #ffffff)}.sharepanel-title{padding:16px 16px 4px;font-size:14px;color:var(--cl-text-primary, #323233);text-align:center;font-weight:500}.sharepanel-description{padding:4px 16px 12px;font-size:12px;color:var(--cl-text-tertiary, #aaaaaa);text-align:center}.sharepanel-options{display:flex;flex-wrap:wrap;padding:8px 8px 12px;max-height:60vh;overflow-y:auto}.sharepanel-option{display:flex;flex-direction:column;align-items:center;justify-content:center;width:33.33%;padding:12px 4px;box-sizing:border-box;border:none;background:transparent;font-family:inherit;cursor:pointer}.sharepanel-option:active{opacity:.7}.sharepanel-option-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--cl-bg-subtle, #fafafa);font-size:20px;margin-bottom:6px}.sharepanel-option-name{font-size:12px;color:var(--cl-text-primary, #323233)}.sharepanel-option-desc{font-size:10px;color:var(--cl-text-tertiary, #aaaaaa);margin-top:2px}.sharepanel-cancel{width:100%;padding:12px 16px;font-size:14px;color:var(--cl-text-primary, #323233);text-align:center;border:none;border-top:1px solid #f5f6f7;background:transparent;font-family:inherit;box-sizing:border-box;cursor:pointer}.sharepanel-cancel:active{opacity:.7}

package/buildLibs/utils/Mobile/ClSharePanel.d.ts

@@ -0,0 +1 @@
+export type { default } from '../../types/Mobile/SharePanel/Index.vue.d.ts';