@cldemo/ui-kit 1.1.0 → 1.1.2

package/buildLibs/modules/toast.js

@@ -1,198 +1 @@
-import { defineComponent as te, ref as s, computed as a, onBeforeUnmount as ne, watch as oe, openBlock as l, createBlock as C, Teleport as ae, createElementBlock as c, normalizeStyle as L, normalizeClass as z, Fragment as S, createVNode as ie, Transition as se, withCtx as le, unref as re, toDisplayString as ue, createCommentVNode as ce } from "vue";
-import { C as n } from "./shared/base-fr2I80sU.js";
-import { C as de } from "./shared/index-B477PjJ3.js";
-import { _ as me } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-import { _ as ve } from "./shared/Index.vue_vue_type_script_setup_true_lang-C5i17oB9.js";
-const pe = ["id"], fe = {
-  key: 2,
-  class: "panel-toast__text"
-}, ze = /* @__PURE__ */ te({
-  name: "ClToast",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    show: Boolean,
-    // desc: 是否显示提示，支持 v-model:show
-    type: {
-      type: String,
-      default: "text",
-      // desc: 提示类型 | enum: text, success, fail, loading
-      validator: (u) => ["text", "success", "fail", "loading"].indexOf(u) !== -1
-    },
-    message: String,
-    // desc: 提示文案
-    position: {
-      type: String,
-      default: "middle",
-      // desc: 显示位置 | enum: top, middle, bottom
-      validator: (u) => ["top", "middle", "bottom"].indexOf(u) !== -1
-    },
-    duration: {
-      type: Number,
-      default: 2e3
-      // desc: 自动关闭时长(ms)，0 表示不自动关闭
-    },
-    isOverlay: Boolean,
-    // desc: 是否显示遮罩层
-    isForbidClick: Boolean,
-    // desc: 是否禁止背景点击
-    loadingType: {
-      type: String,
-      default: "spinner",
-      // desc: 加载图标类型 | enum: spinner, circular
-      validator: (u) => ["spinner", "circular"].indexOf(u) !== -1
-    },
-    icon: String,
-    // desc: 自定义图标名（优先级高于 type 内置图标）
-    iconSize: {
-      type: [String, Number],
-      default: 36
-      // desc: 自定义图标大小
-    },
-    zIndex: {
-      type: Number,
-      default: 2e3
-      // desc: 提示层级
-    },
-    teleportTarget: {
-      type: String,
-      default: ""
-      // desc: 提示挂载目标 | enum: body, self (可自定义) —— '' 为自动模式（真实手机 body、teleport 目标容器内 self）
-    }
-  },
-  emits: ["update:show", "onOpen", "onOpened", "onClose", "onClosed", "onClick"],
-  setup(u, { expose: A, emit: D }) {
-    const e = u, d = D, P = e.id, p = s(!1), r = s(e.type), f = s(e.message || ""), m = s(e.position), y = s(
-      n.isNumber(e.duration) && n.isFinite(e.duration) ? Math.max(0, Number(e.duration)) : 0
-    ), g = s(e.isOverlay), k = s(e.isForbidClick), I = s(e.loadingType), v = s(e.icon || ""), b = s(
-      n.isNumber(e.zIndex) && n.isFinite(e.zIndex) ? Math.max(0, Number(e.zIndex)) : 2e3
-    );
-    let i = null;
-    const x = a(() => p.value), V = a(() => {
-      const o = e.teleportTarget;
-      return o === "self" || !n.isString(o) || n.isEmpty(o.trim()) ? "body" : o;
-    }), J = a(() => e.teleportTarget === "self"), $ = a(() => g.value || k.value), F = a(() => r.value !== "text" || n.isNonEmptyString(v.value)), R = a(() => r.value === "loading"), M = a(() => n.isNonEmptyString(f.value)), U = a(() => n.isNonEmptyString(v.value) ? v.value : r.value === "success" ? "check" : r.value === "fail" ? "close" : ""), Z = a(() => e.iconSize), j = a(() => {
-      const o = {
-        "panel-toast": !0,
-        "panel-toast--top": m.value === "top",
-        "panel-toast--middle": m.value === "middle",
-        "panel-toast--bottom": m.value === "bottom",
-        "panel-toast--icon-only": F.value && !M.value
-      };
-      return n.getJsonMerge(o, de.getClassNameJson(e.className));
-    }), q = a(() => ({
-      "panel-toast__icon--success": r.value === "success",
-      "panel-toast__icon--fail": r.value === "fail"
-    })), G = a(() => ({
-      zIndex: b.value
-    })), H = a(() => ({
-      zIndex: b.value + 1
-    })), T = () => {
-      i && (clearTimeout(i), i = null);
-    }, O = () => {
-      T(), y.value > 0 && (i = setTimeout(() => {
-        i = null, d("update:show", !1), i || (i = setTimeout(() => {
-          i = null, _();
-        }, 300));
-      }, y.value));
-    }, _ = () => {
-      T(), p.value = !1;
-    }, K = () => {
-      r.value = e.type, f.value = e.message || "", m.value = e.position, y.value = n.isNumber(e.duration) && n.isFinite(e.duration) ? Math.max(0, Number(e.duration)) : 0, g.value = e.isOverlay, k.value = e.isForbidClick, I.value = e.loadingType, v.value = e.icon || "", b.value = n.isNumber(e.zIndex) && n.isFinite(e.zIndex) ? Math.max(0, Number(e.zIndex)) : 2e3;
-    }, N = (o, t, ee = "text", w) => {
-      r.value = t && t.type || ee, f.value = n.isNonEmptyString(o) ? o : e.message || "", m.value = t && t.position || e.position;
-      const B = t && n.isNumber(t.duration) && n.isFinite(t.duration) ? Math.max(0, Number(t.duration)) : void 0, h = B !== void 0 ? B : w !== void 0 ? Math.max(0, Number(w)) : e.duration;
-      y.value = n.isNumber(h) && n.isFinite(h) ? Math.max(0, Number(h)) : n.isNumber(e.duration) && n.isFinite(e.duration) ? e.duration : 0, g.value = t && t.overlay !== void 0 ? t.overlay : e.isOverlay, k.value = t && t.forbidClick !== void 0 ? t.forbidClick : e.isForbidClick, I.value = t && t.loadingType || e.loadingType, v.value = t && t.icon || e.icon || "", b.value = t && t.zIndex !== void 0 && n.isNumber(t.zIndex) && n.isFinite(t.zIndex) ? Math.max(0, Number(t.zIndex)) : n.isNumber(e.zIndex) && n.isFinite(e.zIndex) ? Math.max(0, Number(e.zIndex)) : 2e3, p.value = !0, O();
-    };
-    ne(() => {
-      T();
-    }), oe(
-      () => e.show,
-      (o) => {
-        o ? (K(), p.value = !0, O()) : _();
-      },
-      { immediate: !0 }
-    );
-    const Q = () => {
-      d("onClick");
-    }, W = () => {
-      d("onOpen");
-    }, X = () => {
-      d("onOpened");
-    }, Y = () => {
-      d("onClose");
-    }, E = () => {
-      d("onClosed");
-    };
-    return A({
-      toast: (o, t) => {
-        N(o, t, "text");
-      },
-      success: (o, t) => {
-        N(o, t, "success");
-      },
-      fail: (o, t) => {
-        N(o, t, "fail");
-      },
-      loading: (o, t) => {
-        N(o, t, "loading", 0);
-      },
-      close: (o = 0) => {
-        n.isFinite(o) && o > 0 ? (T(), i = setTimeout(() => {
-          i = null, _();
-        }, o)) : _();
-      }
-    }), (o, t) => (l(), C(ae, {
-      to: V.value,
-      disabled: J.value
-    }, [
-      x.value && $.value ? (l(), c("div", {
-        key: 0,
-        class: z(["panel-toast-mask", { "panel-toast-mask--overlay": g.value }]),
-        style: L(G.value)
-      }, null, 6)) : (l(), c(S, { key: 1 }, [], 64)),
-      ie(se, {
-        name: "toast-fade",
-        onEnter: W,
-        onAfterEnter: X,
-        onLeave: Y,
-        onAfterLeave: E
-      }, {
-        default: le(() => [
-          x.value ? (l(), c("div", {
-            key: 0,
-            id: re(P),
-            class: z(j.value),
-            style: L(H.value),
-            onClick: Q
-          }, [
-            F.value ? (l(), c("div", {
-              key: 0,
-              class: z(["panel-toast__icon", q.value])
-            }, [
-              R.value ? (l(), C(ve, {
-                key: 0,
-                theme: "toastRing",
-                "loading-type": I.value,
-                color: "white"
-              }, null, 8, ["loading-type"])) : (l(), C(me, {
-                key: 1,
-                name: U.value,
-                size: Z.value,
-                color: "var(--cl-bg, #ffffff)"
-              }, null, 8, ["name", "size"]))
-            ], 2)) : (l(), c(S, { key: 1 }, [], 64)),
-            M.value ? (l(), c("div", fe, ue(f.value), 1)) : (l(), c(S, { key: 3 }, [], 64))
-          ], 14, pe)) : ce("", !0)
-        ]),
-        _: 1
-      })
-    ], 8, ["to", "disabled"]));
-  }
-});
-export {
-  ze as default
-};
+export { default } from '../utils/Mobile/ClToast.js';

package/buildLibs/modules/transitionSlideUpDown.d.ts

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

package/buildLibs/modules/transitionSlideUpDown.js

@@ -1,4 +1 @@
-import { _ as f } from "./shared/SlideUpDown.vue_vue_type_script_setup_true_lang-oxIvThpq.js";
-export {
-  f as default
-};
+export { default } from '../utils/Element/ClTransitionSlideUpDown.js';

package/buildLibs/modules/tree.d.ts

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

package/buildLibs/modules/tree.js

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

package/buildLibs/modules/waterfall.d.ts

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

package/buildLibs/modules/waterfall.js

@@ -1,174 +1 @@
-import { defineComponent as K, useTemplateRef as T, reactive as A, ref as z, computed as g, onMounted as B, nextTick as W, onUnmounted as O, watch as X, provide as J, openBlock as w, createElementBlock as N, normalizeClass as U, unref as V, createElementVNode as L, normalizeStyle as q, Fragment as j, renderList as G, renderSlot as Q } from "vue";
-import { C as x } from "./shared/base-fr2I80sU.js";
-import { C as f } from "./shared/index-B477PjJ3.js";
-import { R as Z, D as ee } from "./shared/resize-CyrJxi6F.js";
-const te = ["id"], oe = /* @__PURE__ */ K({
-  name: "ClWaterfall",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 自定义ID
-    className: String,
-    // desc: 自定义CSS类名
-    list: {
-      type: Array,
-      default: () => []
-      // desc: 瀑布流数据列表
-    },
-    itemKey: {
-      type: String,
-      default: "id"
-      // desc: 数据唯一键名
-    },
-    width: {
-      type: Number,
-      default: -1
-      // desc: 列宽，-1 表示自动计算
-    },
-    colNum: {
-      type: Number,
-      default: -1
-      // desc: 列数，-1 表示自动计算
-    },
-    spacing: {
-      type: Number,
-      default: 10
-      // desc: 列间距
-    },
-    animationName: {
-      type: String,
-      default: "animated fadeIn"
-      // desc: 入场动画类名
-    }
-  },
-  setup(I, { expose: D }) {
-    const a = I, _ = `waterfall-${x.getRandom(5)}`, $ = a.id, m = T("refElList"), c = A({
-      pWidth: 0,
-      pHeight: 0
-    }), h = z([]), y = z(!0), l = {
-      colPosY: [],
-      resizeEvent: null,
-      resizeDelayFun: null,
-      deletedList: []
-    }, p = g(() => {
-      const e = c.pWidth, { width: t, colNum: n, spacing: s } = a;
-      let o = 300;
-      const i = t > 0, r = n > 0, d = r ? Math.max(1, parseInt(((e + s) / n).toString()) - s) : 0;
-      if (i && r) {
-        const v = (t + s) * n - s;
-        o = e >= v ? t : d;
-      } else !i && r ? o = d : i && !r && (o = e > t ? t : e);
-      return o;
-    }), E = g(() => {
-      const e = c.pWidth, t = p.value, { colNum: n, spacing: s } = a, o = n > 0;
-      let i = -1;
-      const r = Math.max(1, parseInt(((e + s) / (t + s)).toString()));
-      if (o) {
-        const d = (t + s) * n - s;
-        i = e >= d ? n : r;
-      } else
-        i = r;
-      return i;
-    }), b = g(() => {
-      const e = c.pWidth, t = p.value, n = E.value, { spacing: s } = a, o = (t + s) * n - s;
-      return parseInt(((e - o) / 2).toString());
-    }), k = g(() => {
-      const e = {
-        "panel-waterfall": !0
-      };
-      return x.getJsonMerge(e, f.getClassNameJson(a.className));
-    }), S = () => {
-      y.value = !0;
-      const { list: e, itemKey: t } = a;
-      e.forEach((n) => {
-        y.value && (y.value = x.isExistJsonKey(n, t));
-      });
-    }, F = () => {
-      h.value = a.list.filter((e) => !l.deletedList.includes(e)), l.deletedList = l.deletedList.filter((e) => a.list.includes(e));
-    }, P = () => {
-      const { spacing: e } = a;
-      l.colPosY = new Array(E.value).fill(e);
-    }, M = (e) => {
-      const { spacing: t } = a, n = p.value;
-      return b.value + (n + t) * e;
-    }, R = () => {
-      let e;
-      if (m.value && (e = m.value.querySelectorAll(".waterfall-item")), x.isUndefined(e) || !e) {
-        c.pHeight = 0;
-        return;
-      }
-      if (e.length === 0) {
-        c.pHeight = 0;
-        return;
-      }
-      P();
-      const t = p.value, { spacing: n, animationName: s } = a;
-      for (let o = 0; o < e.length; o++) {
-        const i = e[o], r = f.getPositionView(i).height, d = Math.min.apply(null, l.colPosY), v = l.colPosY.indexOf(d), H = M(v);
-        i.style.width = `${t}px`, i.style.transform = `translate3d(${H}px,${d}px, 0)`, l.colPosY[v] += r + n;
-        const u = i.firstChild;
-        u.style.visibility = "visible", u.className = f.getRemoveClass(u.className, s), f.checkHasClass(u.className, s) || (u.style.animationDuration = "1000ms", u.style.animationDelay = "200ms", u.style.animationFillMode = "both", u.className = f.getAddClass(u.className, s));
-      }
-      c.pHeight = Math.max.apply(null, l.colPosY);
-    }, C = () => {
-      const e = () => {
-        F(), W(() => {
-          R();
-        });
-      };
-      l.resizeDelayFun ? l.resizeDelayFun.run(e) : W(e);
-    }, Y = () => {
-      m.value && (c.pWidth = m.value.offsetWidth, l.resizeDelayFun = new ee(null, 200), l.resizeEvent = new Z({
-        element: m.value,
-        callback: (e) => {
-          c.pWidth = e?.contentRect?.width ?? c.pWidth;
-        }
-      }));
-    };
-    return B(() => {
-      W(() => {
-        Y();
-      });
-    }), O(() => {
-      l.resizeEvent && l.resizeEvent.destroy(), l.resizeDelayFun && l.resizeDelayFun.stopRun();
-    }), X(
-      () => [c.pWidth, p.value, a.list],
-      () => {
-        S(), C();
-      },
-      { deep: !0 }
-    ), J("$WaterfallTop", {
-      imgCallback: C
-    }), D({
-      deleteItem: (e) => {
-        const t = h.value[e];
-        return t !== void 0 && (l.deletedList.push(t), h.value.splice(e, 1), C()), t;
-      }
-    }), (e, t) => (w(), N("div", {
-      id: V($),
-      class: U(k.value)
-    }, [
-      L("div", {
-        ref_key: "refElList",
-        ref: m,
-        class: "waterfall-list",
-        style: q({ height: `${c.pHeight}px` })
-      }, [
-        (w(!0), N(j, null, G(h.value, (n, s) => (w(), N("div", {
-          key: y.value ? `${_}-${n[I.itemKey]}` : `${_}-${s}`,
-          class: "waterfall-item"
-        }, [
-          L("div", null, [
-            Q(e.$slots, "default", {
-              data: n,
-              index: s
-            })
-          ])
-        ]))), 128))
-      ], 4)
-    ], 10, te));
-  }
-});
-export {
-  oe as default
-};
+export { default } from '../utils/Element/ClWaterfall.js';

package/buildLibs/modules/waterfallImage.d.ts

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

package/buildLibs/modules/waterfallImage.js

@@ -1,49 +1 @@
-import { defineComponent as c, inject as m, useTemplateRef as f, computed as s, onBeforeUnmount as i, openBlock as u, createElementBlock as p, createElementVNode as d } from "vue";
-import { c as g } from "./shared/log-BbLqiWNM.js";
-import { u as _ } from "./shared/use-CRdlCpEV.js";
-const k = { class: "waterfall-imageBox" }, I = ["alt"], v = /* @__PURE__ */ c({
-  name: "ClWaterfallImage",
-  __name: "Image",
-  props: {
-    url: {
-      type: String,
-      default: ""
-      // desc: 图片地址
-    },
-    alt: {
-      type: String,
-      default: ""
-      // desc: 图片替代文本
-    }
-  },
-  setup(l) {
-    const r = l, a = m("$WaterfallTop"), e = f("refElImage"), n = s(() => r.url), o = (t) => {
-      a?.imgCallback ? a.imgCallback() : g.warn(
-        "ClWaterfallImage",
-        `未检测到 $WaterfallTop 容器注入，图片${t === "loaded" ? "完成" : "加载失败"}回调失效`
-      );
-    };
-    return i(() => {
-      e.value && (e.value.onload = null, e.value.onerror = null);
-    }), _(e, n, {
-      callback: {
-        loaded: () => {
-          o("loaded");
-        },
-        error: () => {
-          o("error");
-        }
-      }
-    }), (t, y) => (u(), p("div", k, [
-      d("img", {
-        ref_key: "refElImage",
-        ref: e,
-        class: "waterfall-image",
-        alt: l.alt
-      }, null, 8, I)
-    ]));
-  }
-});
-export {
-  v as default
-};
+export { default } from '../utils/Element/ClWaterfallImage.js';

package/buildLibs/modules/watermark.d.ts

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

package/buildLibs/modules/watermark.js

@@ -1,77 +1 @@
-import { defineComponent as C, computed as s, openBlock as z, createElementBlock as $, normalizeStyle as b, normalizeClass as N, unref as v, renderSlot as I } from "vue";
-import { C as t } from "./shared/base-fr2I80sU.js";
-import { C as h } from "./shared/index-B477PjJ3.js";
-const k = ["id"], B = /* @__PURE__ */ C({
-  name: "ClWatermark",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    content: String,
-    // desc: 水印文字内容
-    fontColor: {
-      type: String,
-      default: "rgba(0, 0, 0, 0.15)"
-      // desc: 水印文字颜色
-    },
-    fontSize: {
-      type: Number,
-      default: 14
-      // desc: 水印文字字号(px)
-    },
-    rotate: {
-      type: Number,
-      default: -22
-      // desc: 水印旋转角度(deg)
-    },
-    zIndex: {
-      type: Number,
-      default: 100
-      // desc: 水印层级
-    },
-    gapX: {
-      type: Number,
-      default: 100
-      // desc: 水印水平间距(px)
-    },
-    gapY: {
-      type: Number,
-      default: 100
-      // desc: 水印垂直间距(px)
-    },
-    isFullScreen: {
-      type: Boolean,
-      default: !1
-      // desc: 是否全屏覆盖（页面级水印）
-    }
-  },
-  setup(i) {
-    const e = i, c = e.id, m = s(() => {
-      const o = t.isNonEmptyString(e.content) ? e.content : "", r = t.isNonEmptyString(e.fontColor) ? e.fontColor : "rgba(0, 0, 0, 0.15)", g = t.isFinite(e.fontSize) && e.fontSize > 0 ? e.fontSize : 14, u = t.isFinite(e.rotate) ? e.rotate : -22, n = t.isFinite(e.gapX) && e.gapX > 0 ? e.gapX : 100, a = t.isFinite(e.gapY) && e.gapY > 0 ? e.gapY : 100, l = (y) => y.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;"), f = l(o), x = l(r), S = `<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${a}">
-  <text x="${n / 2}" y="${a / 2}" fill="${x}" font-size="${g}" text-anchor="middle" dominant-baseline="middle" transform="rotate(${u} ${n / 2} ${a / 2})">${f}</text>
-</svg>`;
-      return `url("data:image/svg+xml,${encodeURIComponent(S)}")`;
-    }), p = s(() => {
-      const o = {
-        "panel-watermark": !0
-      };
-      return t.getJsonMerge(o, h.getClassNameJson(e.className));
-    }), d = s(() => ({
-      backgroundImage: m.value,
-      zIndex: t.isFinite(e.zIndex) ? e.zIndex : 100,
-      position: e.isFullScreen ? "fixed" : "absolute"
-    }));
-    return (o, r) => (z(), $("div", {
-      id: v(c),
-      class: N(p.value),
-      style: b(d.value)
-    }, [
-      I(o.$slots, "default")
-    ], 14, k));
-  }
-});
-export {
-  B as default
-};
+export { default } from '../utils/Mobile/ClWatermark.js';

package/buildLibs/modules/weekHour.d.ts

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