@cldemo/ui-kit 1.1.1 → 1.1.3

package/buildLibs/modules/countDown.d.ts

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

package/buildLibs/modules/countDown.js

@@ -1,139 +1 @@
-import { defineComponent as O, ref as Y, computed as M, onMounted as j, onBeforeUnmount as q, watch as x, openBlock as m, createElementBlock as p, normalizeClass as E, unref as G, Fragment as H, renderList as K, createTextVNode as Q, toDisplayString as N } from "vue";
-import { C as y } from "./shared/base-fr2I80sU.js";
-import { C as W } from "./shared/index-B477PjJ3.js";
-const X = ["id"], Z = {
-  key: 1,
-  class: "countdown-num"
-}, R = 864e5, T = 36e5, k = 6e4, tt = 100, et = 1e3, lt = /* @__PURE__ */ O({
-  name: "ClCountDown",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    time: {
-      type: Number,
-      default: 0
-      // desc: 倒计时时长(ms)
-    },
-    format: {
-      type: String,
-      default: "HH:mm:ss"
-      // desc: 时间格式 | enum: DD(天), HH(时), mm(分), ss(秒), SSS(毫秒, 可自定义)
-    },
-    isAutoStart: {
-      type: Boolean,
-      default: !0
-      // desc: 是否自动开始倒计时
-    },
-    isMillisecond: {
-      type: Boolean,
-      default: !1
-      // desc: 是否开启毫秒级渲染（SSS 生效，切到 100ms 精度）
-    }
-  },
-  emits: ["onChange", "onFinish"],
-  setup(I, { expose: A, emit: B }) {
-    const e = I, _ = B, P = `countdown-${y.getRandom(5)}`, F = e.id, n = Y(0);
-    let s = null, C = 0, a = !1;
-    const v = M(() => e.isMillisecond ? tt : et), $ = M(() => {
-      const t = Math.max(0, n.value), l = Math.floor(t / R), r = Math.floor(t % R / T), g = Math.floor(t % T / k), V = Math.floor(t % k / 1e3), b = t % 1e3, J = {
-        DD: String(l).padStart(2, "0"),
-        HH: String(r).padStart(2, "0"),
-        mm: String(g).padStart(2, "0"),
-        ss: String(V).padStart(2, "0"),
-        SSS: String(b).padStart(3, "0")
-      }, S = [], z = e.isMillisecond ? /(DD|HH|mm|ss|SSS)/g : /(DD|HH|mm|ss)/g;
-      let u = 0, o;
-      for (; (o = z.exec(e.format)) !== null; ) {
-        if (o.index > u) {
-          const c = e.format.slice(u, o.index);
-          S.push({ type: D(c) ? "sep" : "text", value: c });
-        }
-        S.push({ type: "num", value: J[o[0]] || o[0] }), u = o.index + o[0].length;
-      }
-      if (u < e.format.length) {
-        const c = e.format.slice(u);
-        S.push({ type: D(c) ? "sep" : "text", value: c });
-      }
-      return S;
-    }), L = M(() => {
-      const t = {
-        "panel-count-down": !0
-      };
-      return y.getJsonMerge(t, W.getClassNameJson(e.className));
-    }), D = (t) => {
-      const l = t.trim();
-      return l ? /^[\p{P}\p{S}]+$/u.test(l) : !1;
-    }, d = () => {
-      const t = Number(e.time);
-      return y.isFinite(t) && t > 0 ? t : 0;
-    }, f = (t) => {
-      n.value = Math.max(0, t), C = Date.now() + Math.max(0, t), a = !0, h(), s = setInterval(h, v.value);
-    }, w = () => {
-      if (a) return;
-      const t = d();
-      if (t <= 0) {
-        n.value = 0, _("onFinish");
-        return;
-      }
-      f(t);
-    }, U = () => {
-      if (!a) {
-        if (n.value <= 0) {
-          w();
-          return;
-        }
-        f(n.value);
-      }
-    }, h = () => {
-      const t = Math.max(0, C - Date.now());
-      n.value = t, _("onChange", t), t <= 0 && (i(), _("onFinish"));
-    }, i = () => {
-      s && (clearInterval(s), s = null), a = !1;
-    };
-    return j(() => {
-      e.isAutoStart ? w() : n.value = d();
-    }), q(() => {
-      i();
-    }), x(
-      () => e.time,
-      () => {
-        i(), n.value = d(), e.isAutoStart && n.value > 0 && f(n.value);
-      }
-    ), x(
-      () => e.isAutoStart,
-      (t) => {
-        t && !a && n.value > 0 && f(n.value);
-      }
-    ), x(v, () => {
-      a && (s && clearInterval(s), s = setInterval(h, v.value));
-    }), A({
-      start: () => {
-        U();
-      },
-      pause: () => {
-        i();
-      },
-      reset: () => {
-        i(), n.value = d();
-      }
-    }), (t, l) => (m(), p("div", {
-      id: G(F),
-      class: E(L.value)
-    }, [
-      (m(!0), p(H, null, K($.value, (r, g) => (m(), p("span", {
-        key: `${P}-${g}`,
-        class: E(["countdown-part", { "countdown-sep": r.type === "sep" }])
-      }, [
-        r.type !== "num" ? (m(), p(H, { key: 0 }, [
-          Q(N(r.value), 1)
-        ], 64)) : (m(), p("span", Z, N(r.value), 1))
-      ], 2))), 128))
-    ], 10, X));
-  }
-});
-export {
-  lt as default
-};
+export { default } from '../utils/Element/ClCountDown.js';

package/buildLibs/modules/cropper.d.ts

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

package/buildLibs/modules/cropper.js

@@ -1,4 +1 @@
-import { _ as f } from "./shared/Index.vue_vue_type_script_setup_true_lang-CYRh_OzP.js";
-export {
-  f as default
-};
+export { default } from '../utils/Web/ClCropper.js';

package/buildLibs/modules/cropperM.d.ts

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

package/buildLibs/modules/cropperM.js

@@ -1,450 +1 @@
-import { defineComponent as pe, defineAsyncComponent as ue, useTemplateRef as A, ref as L, reactive as B, computed as w, onMounted as de, nextTick as ce, onBeforeUnmount as me, watch as N, openBlock as a, createElementBlock as s, normalizeClass as z, unref as O, createElementVNode as n, withModifiers as m, createVNode as u, Fragment as f, mergeProps as ge, withCtx as G, normalizeStyle as R } from "vue";
-import { c as he } from "./shared/log-BbLqiWNM.js";
-import { C as v } from "./shared/base-fr2I80sU.js";
-import { C as fe } from "./shared/index-B477PjJ3.js";
-import { R as ve } from "./shared/resize-CyrJxi6F.js";
-import { _ as we } from "./shared/Index.vue_vue_type_script_setup_true_lang-C5i17oB9.js";
-import { _ as g } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-import { _ as Ce } from "./shared/Index.vue_vue_type_script_setup_true_lang-D8H72Fc9.js";
-const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
-  key: 0,
-  class: "imgCropperM-upload"
-}, Se = ["id", "name"], xe = ["for"], Ie = { class: "frame-alignline" }, _e = {
-  key: 0,
-  class: "imgCropperM-loading-mask"
-}, ke = { class: "imgCropperM-btns" }, Le = { class: "imgCropperM-btns-row" }, Be = {
-  key: 0,
-  class: "imgCropperM-btns-save"
-}, Re = { class: "panel-cropperM-preview" }, Ee = { class: "cropperM-preview-body" }, Pe = ["src"], $e = {
-  key: 1,
-  class: "cropperM-preview-empty"
-}, F = 320, Te = 480, Je = /* @__PURE__ */ pe({
-  name: "ClCropperM",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    src: {
-      type: String,
-      required: !0
-      // desc: 图片源地址
-    },
-    width: {
-      type: Number,
-      required: !0
-      // desc: 裁切输出宽度
-    },
-    height: {
-      type: Number,
-      required: !0
-      // desc: 裁切输出高度
-    },
-    isCenterBox: {
-      type: Boolean,
-      default: !1
-      // desc: 图片是否限制在截图框内
-    },
-    isShowUpload: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示重新上传按钮
-    },
-    isShowSave: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示保存按钮
-    },
-    isShowPreview: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示预览按钮
-    },
-    previewTeleportTarget: {
-      type: String,
-      default: ""
-      // desc: 预览弹窗的 teleport 挂载目标 | enum: 空→body（默认）、#id（指定容器 id）
-    },
-    previewShape: {
-      type: String,
-      default: "square"
-      // desc: 预览弹窗形状 | enum: square（方形）、round（圆形）
-    },
-    fillColor: {
-      type: String,
-      default: "transparent"
-      // desc: 裁切区域外的填充颜色
-    },
-    alignLine: {
-      type: String,
-      default: "center"
-      // desc: 辅助线类型 | enum: center, nineGrid (可自定义)
-    }
-  },
-  emits: {
-    onSubmit: (c) => !0,
-    // desc: 裁剪提交时触发（保存按钮）
-    onImgLoad: (c) => !0,
-    // desc: 图片加载完成时触发
-    onRealTime: (c) => !0
-    // desc: 实时裁切效果数据（拖拽/缩放/旋转时持续触发），调用方可自行渲染内嵌预览
-  },
-  setup(c, { expose: V, emit: j }) {
-    const q = ue(() => import("cropper-next-vue").then((t) => (Promise.resolve({                 }), t.VueCropper))), i = c, C = j, U = i.id || `cropperM-${v.getRandom(8)}`, l = A("refElCropper"), M = A("refElMain"), b = L(!1), p = B({
-      uploadAgainId: `btnImgCropperM_uploadAgain_${v.getRandom(8)}`,
-      isInitImageLoading: !1
-    }), S = L(!1), r = B({
-      url: "",
-      w: 0,
-      h: 0,
-      imgStyle: {}
-    }), h = B({
-      img: "",
-      wrapper: {
-        width: 300,
-        height: 300
-      },
-      cropLayout: {
-        width: i.width,
-        height: i.height
-      },
-      color: i.fillColor,
-      outputSize: 1,
-      outputType: "png",
-      full: !0,
-      original: !1,
-      maxSideLength: 3e3,
-      mode: "contain",
-      centerBox: i.isCenterBox,
-      centerWrapper: !1
-    }), y = L(!0), E = w(() => {
-      const { alignLine: t } = i;
-      return v.isNonEmptyString(t) ? t.split(",") : [];
-    }), W = w(() => {
-      const t = {
-        "panel-cropper-m": !0
-      };
-      return v.getJsonMerge(t, fe.getClassNameJson(i.className));
-    }), P = w(() => i.previewShape === "round"), H = w(() => {
-      const t = Math.max(1, r.w || i.width), e = Math.max(1, r.h || i.height), o = Math.min(1, F / Math.max(t, e));
-      if (P.value) {
-        const d = Math.round(Math.max(t, e) * o);
-        return {
-          width: `${d}px`,
-          height: `${d}px`
-        };
-      }
-      return {
-        width: `${Math.round(t * o)}px`,
-        height: `${Math.round(e * o)}px`
-      };
-    }), J = w(() => {
-      const t = Math.max(1, r.w || i.width), e = Math.max(1, r.h || i.height), o = Math.min(1, F / Math.max(t, e));
-      return {
-        width: `${Math.round(t)}px`,
-        height: `${Math.round(e)}px`,
-        transform: `scale(${o})`,
-        transformOrigin: "0 0"
-      };
-    }), $ = () => {
-      h.cropLayout = {
-        width: Math.max(1, i.width ?? 1),
-        height: Math.max(1, i.height ?? 1)
-      };
-    }, x = () => {
-      const t = M.value;
-      if (!t) return;
-      const e = t.clientWidth || 300, o = Math.max(1, i.width ?? 1), d = Math.max(1, i.height ?? 1), k = Math.min(Math.round(e * d / o), Te);
-      h.wrapper = { width: e, height: k };
-    }, T = () => {
-      const { src: t } = i;
-      let e = "";
-      if (v.isNonEmptyString(t)) {
-        if (t.substring(0, 5) !== "data:")
-          if (/^(http|https):\/\/[^\s]+$/.test(t)) {
-            const o = `_t=${(/* @__PURE__ */ new Date()).getTime()}`, d = t.indexOf("?") === -1 ? "?" : "&";
-            e = t + d + o;
-          } else
-            e = t;
-        else
-          e = t;
-        p.isInitImageLoading = !0;
-      } else
-        p.isInitImageLoading = !1;
-      h.img = e;
-    }, X = () => {
-      $(), T();
-    };
-    let I = null;
-    de(() => {
-      ce(() => {
-        y.value && (X(), x(), M.value && (I = new ve({
-          element: M.value,
-          isDelay: !1,
-          callback: () => {
-            x();
-          }
-        })));
-      });
-    }), me(() => {
-      y.value = !1, I?.destroy(), I = null;
-    }), N(
-      () => i.src,
-      (t, e) => {
-        t !== e && T();
-      }
-    ), N(
-      () => [i.width, i.height, i.fillColor, i.isCenterBox],
-      ([t, e, o, d], [k, ae, se, le]) => {
-        (t !== k || e !== ae) && ($(), x()), o !== se && (h.color = o), d !== le && (h.centerBox = d);
-      }
-    );
-    const K = (t) => {
-      if (!t) {
-        p.isInitImageLoading = !1, C("onImgLoad", !1);
-        return;
-      }
-      const e = t.type === "success";
-      p.isInitImageLoading = !1, C("onImgLoad", e);
-    }, Q = (t) => {
-      t && (r.url = t.url || "", r.w = t.w || 0, r.h = t.h || 0, r.imgStyle = t.img ? {
-        width: t.img.width,
-        height: t.img.height,
-        transform: t.img.transform
-      } : {}, C("onRealTime", {
-        url: r.url,
-        w: r.w,
-        h: r.h,
-        imgStyle: r.imgStyle
-      }));
-    }, Y = () => {
-      S.value = !0;
-    }, Z = (t) => {
-      const e = t.currentTarget;
-      !e || !e.files || e.files.length === 0 || (p.isInitImageLoading = !0, v.getBase64ByFile(e.files).then((o) => {
-        if (y.value) {
-          if (!o) {
-            p.isInitImageLoading = !1;
-            return;
-          }
-          h.img = o;
-        }
-      }).catch(() => {
-        y.value && (p.isInitImageLoading = !1);
-      }));
-    }, D = () => {
-    }, ee = () => {
-      l.value?.zoomIn(0.02);
-    }, te = () => {
-      l.value?.zoomOut(0.02);
-    }, ne = () => {
-      l.value?.rotateLeft();
-    }, ie = () => {
-      l.value?.rotateRight();
-    }, oe = () => {
-      l.value && (p.isInitImageLoading = !0, l.value.reload());
-    }, _ = (t, e) => {
-      C("onSubmit", { success: !e, data: t, msg: e });
-    }, re = () => {
-      if (!l.value) {
-        _("", "vue-cropper 实例未就绪");
-        return;
-      }
-      l.value.getCropData("base64").then((t) => {
-        _(t, "");
-      }).catch((t) => {
-        const e = v.isString(t) ? t : t?.message || "保存失败";
-        _("", e);
-      });
-    };
-    return V({
-      getImageBase64: () => l.value ? l.value.getCropData("base64") : Promise.reject(new Error("vue-cropper 实例未就绪")),
-      refresh: () => {
-        if (!l.value) {
-          he.warn("ClCropperM", "refresh 调用无效：vue-cropper 实例未就绪");
-          return;
-        }
-        l.value.reload();
-      },
-      loadingStart: () => {
-        b.value = !0;
-      },
-      loadingStop: () => {
-        b.value = !1;
-      }
-    }), (t, e) => (a(), s("div", {
-      id: O(U),
-      class: z(W.value)
-    }, [
-      n("div", ye, [
-        c.isShowUpload ? (a(), s("div", be, [
-          n("input", {
-            type: "file",
-            id: p.uploadAgainId,
-            name: p.uploadAgainId,
-            accept: "image/jpg,image/jpeg,image/pjpeg,image/png,image/x-png",
-            onChange: Z
-          }, null, 40, Se),
-          n("label", {
-            for: p.uploadAgainId
-          }, [
-            n("span", {
-              class: "imgCropperM-upload-box",
-              "aria-label": "上传图片",
-              role: "button",
-              tabindex: "0",
-              onClick: m(D, ["stop"])
-            }, [
-              u(g, { name: "upload" }),
-              e[1] || (e[1] = n("span", { class: "imgCropperM-upload-text" }, "上传图片", -1))
-            ])
-          ], 8, xe)
-        ])) : (a(), s(f, { key: 1 }, [], 64)),
-        n("div", {
-          ref_key: "refElMain",
-          ref: M,
-          class: "imgCropperM-main"
-        }, [
-          u(O(q), ge({
-            ref_key: "refElCropper",
-            ref: l
-          }, h, {
-            onRealTime: Q,
-            onImgLoad: K
-          }), {
-            loading: G(() => [...e[2] || (e[2] = [])]),
-            _: 1
-          }, 16),
-          n("div", Ie, [
-            E.value.indexOf("center") > -1 ? (a(), s(f, { key: 0 }, [
-              e[3] || (e[3] = n("div", { class: "alignline-h alignline-center-h" }, null, -1)),
-              e[4] || (e[4] = n("div", { class: "alignline-v alignline-center-v" }, null, -1))
-            ], 64)) : E.value.indexOf("nineGrid") > -1 ? (a(), s(f, { key: 1 }, [
-              e[5] || (e[5] = n("div", { class: "alignline-h alignline-nineGrid-h1" }, null, -1)),
-              e[6] || (e[6] = n("div", { class: "alignline-h alignline-nineGrid-h2" }, null, -1)),
-              e[7] || (e[7] = n("div", { class: "alignline-v alignline-nineGrid-v1" }, null, -1)),
-              e[8] || (e[8] = n("div", { class: "alignline-v alignline-nineGrid-v2" }, null, -1))
-            ], 64)) : (a(), s(f, { key: 2 }, [], 64))
-          ]),
-          b.value || p.isInitImageLoading ? (a(), s("div", _e, [
-            u(we, {
-              theme: "circleSpinner",
-              size: "large"
-            })
-          ])) : (a(), s(f, { key: 1 }, [], 64))
-        ], 512),
-        n("div", ke, [
-          n("div", Le, [
-            n("span", {
-              class: "imgCropperM-btn",
-              "aria-label": "放大",
-              role: "button",
-              tabindex: "0",
-              onClick: m(ee, ["stop"])
-            }, [
-              u(g, { name: "search-plus" })
-            ]),
-            n("span", {
-              class: "imgCropperM-btn",
-              "aria-label": "缩小",
-              role: "button",
-              tabindex: "0",
-              onClick: m(te, ["stop"])
-            }, [
-              u(g, { name: "search-minus" })
-            ]),
-            n("span", {
-              class: "imgCropperM-btn",
-              "aria-label": "左转90度",
-              role: "button",
-              tabindex: "0",
-              onClick: m(ne, ["stop"])
-            }, [
-              u(g, { name: "rotate-left" })
-            ]),
-            n("span", {
-              class: "imgCropperM-btn",
-              "aria-label": "右转90度",
-              role: "button",
-              tabindex: "0",
-              onClick: m(ie, ["stop"])
-            }, [
-              u(g, { name: "rotate-right" })
-            ]),
-            n("span", {
-              class: "imgCropperM-btn",
-              "aria-label": "重置",
-              role: "button",
-              tabindex: "0",
-              onClick: m(oe, ["stop"])
-            }, [
-              u(g, { name: "restore" })
-            ]),
-            c.isShowPreview ? (a(), s("span", {
-              key: 0,
-              class: "imgCropperM-btn",
-              "aria-label": "预览",
-              role: "button",
-              tabindex: "0",
-              onClick: m(Y, ["stop"])
-            }, [
-              u(g, { name: "tupianyulan" })
-            ])) : (a(), s(f, { key: 1 }, [], 64))
-          ]),
-          c.isShowSave ? (a(), s("div", Be, [
-            n("span", {
-              class: "imgCropperM-btn-save",
-              "aria-label": "保存",
-              role: "button",
-              tabindex: "0",
-              onClick: m(re, ["stop"])
-            }, [
-              u(g, { name: "save" }),
-              e[9] || (e[9] = n("span", { class: "imgCropperM-btn-save-text" }, "保存", -1))
-            ])
-          ])) : (a(), s(f, { key: 1 }, [], 64))
-        ])
-      ]),
-      u(Ce, {
-        show: S.value,
-        "onUpdate:show": e[0] || (e[0] = (o) => S.value = o),
-        position: "bottom",
-        isRound: "",
-        isSafeAreaInsetBottom: "",
-        isCloseOnClickOverlay: !0,
-        "teleport-target": c.previewTeleportTarget || void 0
-      }, {
-        default: G(() => [
-          n("div", Re, [
-            e[10] || (e[10] = n("div", { class: "cropperM-preview-head" }, [
-              n("span", { class: "cropperM-preview-title" }, "裁剪预览")
-            ], -1)),
-            n("div", Ee, [
-              r.url ? (a(), s("div", {
-                key: 0,
-                class: z(["cropperM-preview-box", { "is-round": P.value }]),
-                style: R(H.value)
-              }, [
-                n("div", {
-                  class: "cropperM-preview-inner",
-                  style: R(J.value)
-                }, [
-                  n("img", {
-                    src: r.url,
-                    style: R(r.imgStyle),
-                    alt: "裁剪预览"
-                  }, null, 12, Pe)
-                ], 4)
-              ], 6)) : (a(), s("div", $e, "暂无预览数据"))
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["show", "teleport-target"])
-    ], 10, Me));
-  }
-});
-export {
-  Je as default
-};
+export { default } from '../utils/Mobile/ClCropperM.js';

package/buildLibs/modules/cropperPreview.d.ts

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