@cldemo/ui-kit 1.1.0 → 1.1.2

package/buildLibs/modules/navBar.js

@@ -1,119 +1 @@
-import { defineComponent as L, useSlots as E, computed as t, openBlock as s, createElementBlock as n, Fragment as I, withDirectives as f, vShow as v, createCommentVNode as a, createElementVNode as r, normalizeStyle as A, normalizeClass as z, unref as F, createBlock as R, toDisplayString as i, renderSlot as c } from "vue";
-import { C as l } from "./shared/base-fr2I80sU.js";
-import { C as D } from "./shared/index-B477PjJ3.js";
-import { _ as $ } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-const J = {
-  key: 0,
-  class: "navbar-placeholder"
-}, P = ["id"], V = {
-  key: 1,
-  class: "navbar-left-text"
-}, M = { class: "navbar-title" }, U = { class: "navbar-title-text" }, X = {
-  key: 0,
-  class: "navbar-right-text"
-}, g = 1e3, K = /* @__PURE__ */ L({
-  name: "ClNavBar",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    title: String,
-    // desc: 标题文本
-    leftText: String,
-    // desc: 左侧按钮文字
-    rightText: String,
-    // desc: 右侧按钮文字
-    isShow: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示导航栏（false 隐藏，可在滚动等场景动态控制显隐）
-    },
-    isShowLeftArrow: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示左侧返回箭头
-    },
-    isFixed: {
-      type: Boolean,
-      default: !0
-      // desc: 是否固定在顶部
-    },
-    isSafeAreaInsetTop: Boolean,
-    // desc: 是否开启顶部安全区适配
-    placeholder: Boolean,
-    // desc: 固定在顶部时是否生成占位元素
-    zIndex: {
-      type: Number,
-      default: g
-      // desc: 层级
-    }
-  },
-  emits: ["onClickLeft", "onClickRight"],
-  setup(S, { emit: x }) {
-    const e = S, p = x, _ = e.id, m = E(), y = t(() => !!e.placeholder && !!e.isFixed), u = t(() => l.isNonEmptyString(e.leftText) ? e.leftText : ""), d = t(() => l.isNonEmptyString(e.rightText) ? e.rightText : ""), k = t(
-      () => e.isShowLeftArrow || l.isNonEmptyString(e.leftText) || !!m.left
-    ), w = t(
-      () => l.isNonEmptyString(e.rightText) || !!m.right
-    ), C = t(() => e.isShowLeftArrow), h = t(() => !!e.isShow), N = t(() => {
-      const o = {
-        "panel-nav-bar": !0,
-        "panel-nav-bar--fixed": e.isFixed,
-        "panel-nav-bar--safe-top": e.isSafeAreaInsetTop
-      };
-      return l.getJsonMerge(o, D.getClassNameJson(e.className));
-    }), T = t(() => {
-      const o = Number(e.zIndex);
-      return {
-        zIndex: l.isFinite(o) ? o : g
-      };
-    }), b = () => {
-      p("onClickLeft");
-    }, B = () => {
-      p("onClickRight");
-    };
-    return (o, Z) => (s(), n(I, null, [
-      y.value ? f((s(), n("div", J, null, 512)), [
-        [v, h.value]
-      ]) : a("", !0),
-      f(r("div", {
-        id: F(_),
-        class: z(N.value),
-        style: A(T.value)
-      }, [
-        k.value ? (s(), n("div", {
-          key: 0,
-          class: "navbar-left",
-          onClick: b
-        }, [
-          C.value ? (s(), R($, {
-            key: 0,
-            name: "angle-left",
-            className: "navbar-arrow"
-          })) : a("", !0),
-          u.value ? (s(), n("span", V, i(u.value), 1)) : a("", !0),
-          c(o.$slots, "left")
-        ])) : a("", !0),
-        r("div", M, [
-          c(o.$slots, "title", {}, () => [
-            r("span", U, i(e.title), 1)
-          ])
-        ]),
-        w.value ? (s(), n("div", {
-          key: 1,
-          class: "navbar-right",
-          onClick: B
-        }, [
-          d.value ? (s(), n("span", X, i(d.value), 1)) : a("", !0),
-          c(o.$slots, "right")
-        ])) : a("", !0)
-      ], 14, P), [
-        [v, h.value]
-      ])
-    ], 64));
-  }
-});
-export {
-  K as default
-};
+export { default } from '../utils/Mobile/ClNavBar.js';

package/buildLibs/modules/noticeBar.d.ts

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

package/buildLibs/modules/noticeBar.js

@@ -1,145 +1 @@
-import { defineComponent as G, useTemplateRef as T, ref as U, computed as a, onMounted as V, onBeforeUnmount as X, watch as j, openBlock as s, createElementBlock as p, normalizeStyle as W, normalizeClass as K, unref as Q, withModifiers as _, toDisplayString as R, Fragment as N, createElementVNode as d, renderSlot as Y, createBlock as w } from "vue";
-import { C as r } from "./shared/base-fr2I80sU.js";
-import { C as Z } from "./shared/index-B477PjJ3.js";
-import { _ as F } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-const ee = ["id"], te = { class: "noticebar-content" }, oe = { class: "noticebar-text-default" }, ne = 1e3, le = 1e3, ce = /* @__PURE__ */ G({
-  name: "ClNoticeBar",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    text: String,
-    // desc: 通知文本内容
-    mode: {
-      type: String,
-      validator: (o) => o === "" || o === "closeable" || o === "link"
-      // desc: 通知模式 | enum: ''（默认）、closeable、link
-    },
-    color: String,
-    // desc: 文本颜色
-    background: String,
-    // desc: 背景色
-    leftIcon: String,
-    // desc: 左侧图标（传 emoji 或字符）
-    isScrollable: {
-      type: Boolean,
-      default: !0
-      // desc: 文本过长时是否开启滚动
-    },
-    isWrappable: {
-      type: Boolean,
-      default: !1
-      // desc: 是否开启文本换行
-    },
-    speed: {
-      type: Number,
-      default: 50
-      // desc: 滚动速度(px/s)
-    },
-    delay: {
-      type: Number,
-      default: 1e3
-      // desc: 滚动开始前延迟(ms)
-    }
-  },
-  emits: ["onClick", "onClickLeftIcon", "onClickRightIcon", "onClose"],
-  setup(o, { emit: B }) {
-    const e = o, i = B, L = e.id, c = T("refElWrap"), g = T("refElText"), u = U(0);
-    let k = 0, t = 0, n = null, f = null;
-    const A = a(() => r.isNonEmptyString(e.leftIcon)), z = a(() => e.mode === "link"), M = a(() => {
-      const l = {
-        "panel-notice-bar": !0,
-        "panel-notice-bar-wrappable": e.isWrappable
-      };
-      return r.getJsonMerge(l, Z.getClassNameJson(e.className));
-    }), O = a(() => ({
-      color: e.color,
-      background: e.background
-    })), P = a(() => ({
-      transform: `translateX(${-u.value}px)`
-    })), b = () => {
-      if (t && cancelAnimationFrame(t), t = 0, n && clearTimeout(n), n = null, u.value = 0, !e.isScrollable || e.isWrappable) return;
-      const l = c.value, y = g.value;
-      if (!l || !y) return;
-      const S = l.offsetWidth, v = y.scrollWidth;
-      if (v <= S || !r.isFinite(e.speed) || e.speed <= 0 || !r.isFinite(e.delay) || e.delay < 0) return;
-      const h = v + S, m = h / e.speed * ne;
-      !r.isFinite(m) || m <= 0 || (k = 0, n = setTimeout(() => {
-        let C = 0;
-        const x = (E) => {
-          if (C) {
-            const I = E - C;
-            I < le && (k += I);
-          }
-          C = E;
-          const J = k % m / m;
-          u.value = J * h, t = requestAnimationFrame(x);
-        };
-        t = requestAnimationFrame(x);
-      }, e.delay));
-    };
-    V(() => {
-      b(), c.value && typeof ResizeObserver < "u" && (f = new ResizeObserver(b), f.observe(c.value));
-    }), X(() => {
-      t && cancelAnimationFrame(t), n && clearTimeout(n), f && f.disconnect();
-    }), j(
-      [() => e.isScrollable, () => e.isWrappable, () => e.speed, () => e.delay, () => e.text],
-      b
-    );
-    const $ = () => {
-      i("onClick");
-    }, q = () => {
-      i("onClickLeftIcon");
-    }, D = () => {
-      i("onClickRightIcon");
-    }, H = () => {
-      i("onClose");
-    };
-    return (l, y) => (s(), p("div", {
-      id: Q(L),
-      class: K(M.value),
-      style: W(O.value),
-      onClick: $
-    }, [
-      A.value ? (s(), p("span", {
-        key: 0,
-        class: "noticebar-left-icon",
-        onClick: _(q, ["stop"])
-      }, R(e.leftIcon), 1)) : (s(), p(N, { key: 1 }, [], 64)),
-      d("div", {
-        ref_key: "refElWrap",
-        ref: c,
-        class: "noticebar-wrap"
-      }, [
-        d("div", te, [
-          d("div", {
-            ref_key: "refElText",
-            ref: g,
-            class: "noticebar-text",
-            style: W(P.value)
-          }, [
-            Y(l.$slots, "default", {}, () => [
-              d("span", oe, R(e.text), 1)
-            ])
-          ], 4)
-        ])
-      ], 512),
-      o.mode === "closeable" ? (s(), w(F, {
-        key: 2,
-        name: "close",
-        className: "noticebar-close-icon",
-        onClick: _(H, ["stop"])
-      })) : z.value ? (s(), w(F, {
-        key: 3,
-        name: "angle-right",
-        className: "noticebar-right-icon",
-        onClick: _(D, ["stop"])
-      })) : (s(), p(N, { key: 4 }, [], 64))
-    ], 14, ee));
-  }
-});
-export {
-  ce as default
-};
+export { default } from '../utils/Mobile/ClNoticeBar.js';

package/buildLibs/modules/notifyM.d.ts

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

package/buildLibs/modules/notifyM.js

@@ -1,277 +1 @@
-import { defineComponent as ke, useTemplateRef as Ce, ref as n, computed as d, onMounted as be, onUnmounted as Me, watch as H, openBlock as te, createBlock as Ae, Teleport as Oe, createVNode as ne, Transition as Pe, withCtx as De, createElementBlock as Le, normalizeStyle as ze, normalizeClass as Fe, unref as Ye, createElementVNode as Be, toDisplayString as Re, withModifiers as J, createCommentVNode as Ue, nextTick as $e } from "vue";
-import { C as l } from "./shared/base-fr2I80sU.js";
-import { C as qe } from "./shared/index-B477PjJ3.js";
-import { _ as Ve } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-import { l as We, u as Ze } from "./shared/scrollLock-DQEGK5um.js";
-const He = ["id"], Je = { class: "notifym-text" }, se = 2e3, le = 3e3, Ee = 300, Xe = 6, je = 0.3, xe = 24, Ge = 200, io = /* @__PURE__ */ ke({
-  name: "ClNotifyM",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    show: Boolean,
-    // desc: 是否显示通知，支持 v-model:show
-    message: String,
-    // desc: 通知文本内容
-    type: {
-      type: String,
-      default: "primary"
-      // desc: 通知类型 | enum: primary, success, danger, warning (可自定义)
-    },
-    color: String,
-    // desc: 文字颜色（自定义覆盖）
-    background: String,
-    // desc: 背景色（自定义覆盖）
-    duration: {
-      type: Number,
-      default: le
-      // desc: 展示时长(ms)，0 表示不自动关闭
-    },
-    isLockScroll: Boolean,
-    // desc: 展示时是否锁定背景滚动
-    isSwipeClose: {
-      type: Boolean,
-      default: !0
-      // desc: 是否支持上滑关闭
-    },
-    isSafeAreaInsetTop: {
-      type: Boolean,
-      default: !0
-      // desc: 是否开启顶部安全区适配（刘海屏/状态栏）
-    },
-    zIndex: {
-      type: Number,
-      default: se
-      // desc: 通知层级
-    },
-    teleportTarget: {
-      type: String,
-      default: ""
-      // desc: 挂载目标 | enum: body（默认）、#id（指定容器 id）
-    }
-  },
-  emits: ["update:show", "onClick", "onClose"],
-  setup(ae, { expose: re, emit: ie }) {
-    const t = ae, O = ie, y = (e) => l.isNumber(e) && l.isFinite(e) ? Math.max(0, Number(e)) : le, I = (e) => l.isNumber(e) && l.isFinite(e) ? Math.max(0, Number(e)) : se, ue = t.id, h = Ce("refElParent"), w = n(!1), P = n(t.message || ""), N = n(t.type), D = n(t.color || ""), L = n(t.background || ""), k = n(y(t.duration)), m = n(!!t.isLockScroll), z = n(!!t.isSwipeClose), F = n(!!t.isSafeAreaInsetTop), Y = n(I(t.zIndex)), p = n(t.teleportTarget || ""), i = n(0), s = n(!1), a = n(!1);
-    let v = null, S = null, B = 0, u = !1, r = !1, C = !1, R = 0, g = 0, _ = null, c = !1;
-    const U = /* @__PURE__ */ new Set();
-    let $ = !1;
-    const q = d(() => w.value), ce = d(() => {
-      const e = p.value;
-      return l.isNonEmptyString(e) && (e === "body" || e === "self" || /^[#.][A-Za-z_][\w-]*$/.test(e)) ? e : "body";
-    }), fe = d(() => p.value === "self"), E = d(() => Ee), de = d(() => {
-      const e = {
-        "panel-notify-m": !0,
-        [`panel-notify-m--${N.value}`]: l.isNonEmptyString(N.value),
-        "notifym-is-dragging": s.value,
-        "notifym-is-rebounding": a.value,
-        "panel-notify-m--safe-top": F.value
-      };
-      return l.getJsonMerge(e, qe.getClassNameJson(t.className));
-    }), X = () => {
-      const e = h.value?.offsetHeight || 0;
-      return Math.max(xe, e * je);
-    }, me = () => {
-      const e = X();
-      if (e <= 0) return 1;
-      const o = Math.min(1, Math.abs(i.value) / e);
-      return Number((1 - o * 0.7).toFixed(2));
-    }, pe = d(() => {
-      const e = {
-        zIndex: Y.value,
-        color: D.value,
-        background: L.value,
-        "--notifym-duration": `${E.value}ms`
-      };
-      return (s.value || a.value) && (e["--notifym-drag-y"] = `${i.value}px`, e["--notifym-drag-opacity"] = `${me()}`), e;
-    }), ve = () => {
-      b(), k.value > 0 && (v = setTimeout(() => {
-        v = null, V();
-      }, k.value));
-    }, b = () => {
-      v && (clearTimeout(v), v = null);
-    }, T = () => {
-      S && (clearTimeout(S), S = null);
-    }, V = () => {
-      b();
-      const e = B;
-      O("update:show", !1), $e(() => {
-        B === e && w.value && Z();
-      });
-    }, Se = () => {
-      const e = p.value;
-      if (l.isNonEmptyString(e) && e !== "body" && e !== "self") {
-        const o = document.querySelector(e);
-        return o instanceof HTMLElement ? o : null;
-      }
-      return document.body;
-    }, W = () => {
-      if (c) return;
-      const e = Se();
-      e && (c = !0, U.add(e), We(e));
-    }, M = () => {
-      c && (c = !1, U.forEach((e) => {
-        Ze(e);
-      }), U.clear());
-    }, ge = () => {
-      T(), u = !1, r = !1, C = !1, R = 0, g = 0, i.value = 0, s.value = !1, a.value = !1;
-    }, j = (e) => {
-      C = !1, z.value && (T(), u = !0, r = !1, R = e, g = 0, i.value = 0, a.value = !1);
-    }, x = (e, o) => {
-      if (!u) return;
-      const f = e - R;
-      if (f >= 0) {
-        r && (r = !1, g = 0, i.value = 0, s.value = !1);
-        return;
-      }
-      Math.abs(f) < Xe || (C = !0, r = !0, s.value = !0, g = f, i.value = f, o.cancelable && o.preventDefault());
-    }, G = () => {
-      if (u && (u = !1, !!r)) {
-        if (r = !1, Math.abs(g) >= X()) {
-          s.value = !1, a.value = !0, V();
-          return;
-        }
-        s.value = !1, a.value = !0, i.value = 0, T(), S = setTimeout(() => {
-          S = null, a.value = !1;
-        }, Ge);
-      }
-    };
-    be(() => {
-      q.value && m.value && !c && W();
-    }), Me(() => {
-      b(), T(), c && M();
-    });
-    const K = () => {
-      P.value = t.message || "", N.value = t.type, D.value = t.color || "", L.value = t.background || "", k.value = y(t.duration), m.value = !!t.isLockScroll, z.value = !!t.isSwipeClose, F.value = !!t.isSafeAreaInsetTop, Y.value = I(t.zIndex), p.value = t.teleportTarget || "";
-    }, Q = () => {
-      m.value ? W() : M(), B++, ge(), w.value = !0, $ = !0, ve();
-    }, A = (e, o, f = "primary") => {
-      P.value = l.isNonEmptyString(e) ? e : t.message || "", N.value = o && o.type || f, D.value = o && o.color || t.color || "", L.value = o && o.background || t.background || "", k.value = o && o.duration !== void 0 ? y(o.duration) : y(t.duration);
-      const Ne = o && o.isLockScroll !== void 0 ? !!o.isLockScroll : !!t.isLockScroll;
-      m.value = Ne, z.value = o && o.isSwipeClose !== void 0 ? !!o.isSwipeClose : !!t.isSwipeClose, F.value = o && o.isSafeAreaInsetTop !== void 0 ? !!o.isSafeAreaInsetTop : !!t.isSafeAreaInsetTop, Y.value = o && o.zIndex !== void 0 ? I(o.zIndex) : I(t.zIndex), p.value = o && o.teleportTarget || t.teleportTarget || "", Q();
-    }, Z = () => {
-      b(), T(), M(), s.value && (s.value = !1, a.value = !0), u = !1, r = !1, w.value = !1, $ && ($ = !1, O("onClose"));
-    };
-    H(
-      () => t.show,
-      (e) => {
-        e ? (K(), Q()) : Z();
-      },
-      { immediate: !0 }
-    ), H(
-      () => [
-        t.message,
-        t.type,
-        t.color,
-        t.background,
-        t.duration,
-        t.isSwipeClose,
-        t.isSafeAreaInsetTop,
-        t.zIndex,
-        t.teleportTarget
-      ],
-      () => {
-        K();
-      }
-    ), H(
-      () => t.isLockScroll,
-      (e) => {
-        m.value = !!e, q.value && (e ? W() : M());
-      }
-    );
-    const _e = () => {
-      C || O("onClick");
-    }, Te = () => {
-      V();
-    }, ye = (e) => {
-      const o = e.touches[0];
-      o && j(o.clientY);
-    }, Ie = (e) => {
-      const o = e.touches[0];
-      o && x(o.clientY, e);
-    }, ee = () => {
-      G();
-    }, he = (e) => {
-      if (_ === null) {
-        _ = e.pointerId, j(e.clientY);
-        try {
-          h.value?.setPointerCapture(e.pointerId);
-        } catch {
-        }
-      }
-    }, we = (e) => {
-      _ === e.pointerId && x(e.clientY, e);
-    }, oe = (e) => {
-      if (_ === e.pointerId) {
-        _ = null, G();
-        try {
-          h.value?.releasePointerCapture(e.pointerId);
-        } catch {
-        }
-      }
-    };
-    return re({
-      notify: (e, o) => {
-        A(e, o, "primary");
-      },
-      success: (e, o) => {
-        A(e, o, "success");
-      },
-      danger: (e, o) => {
-        A(e, o, "danger");
-      },
-      warning: (e, o) => {
-        A(e, o, "warning");
-      },
-      close: () => {
-        Z();
-      }
-    }), (e, o) => (te(), Ae(Oe, {
-      to: ce.value,
-      disabled: fe.value
-    }, [
-      ne(Pe, {
-        name: "notifym-fade",
-        duration: E.value
-      }, {
-        default: De(() => [
-          q.value ? (te(), Le("div", {
-            key: 0,
-            id: Ye(ue),
-            ref_key: "refElParent",
-            ref: h,
-            class: Fe(de.value),
-            style: ze(pe.value),
-            role: "alert",
-            onClick: _e,
-            onTouchstart: ye,
-            onTouchmove: Ie,
-            onTouchend: ee,
-            onTouchcancel: ee,
-            onPointerdown: he,
-            onPointermove: we,
-            onPointerup: oe,
-            onPointercancel: oe
-          }, [
-            Be("span", Je, Re(P.value), 1),
-            ne(Ve, {
-              name: "close",
-              className: "notifym-close",
-              onClick: J(Te, ["stop"]),
-              onTouchstart: o[0] || (o[0] = J(() => {
-              }, ["stop"])),
-              onPointerdown: o[1] || (o[1] = J(() => {
-              }, ["stop"]))
-            })
-          ], 46, He)) : Ue("", !0)
-        ]),
-        _: 1
-      }, 8, ["duration"])
-    ], 8, ["to", "disabled"]));
-  }
-});
-export {
-  io as default
-};
+export { default } from '../utils/Mobile/ClNotifyM.js';

package/buildLibs/modules/numberKeyboard.d.ts

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