@cldemo/ui-kit 1.1.2 → 1.1.3

package/buildLibs/modules/shared/CircleBubble-Ce8tsDg-.js

@@ -0,0 +1,24 @@
+import { defineComponent as r, computed as d, openBlock as s, createElementBlock as v, normalizeStyle as o, unref as c, normalizeClass as u, createStaticVNode as m } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const n = ["id"], f = /* @__PURE__ */ r({
+  name: "ClLoadCircleBubble",
+  __name: "CircleBubble",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(l) {
+    const e = l, a = e.id, b = e.color || "#000", t = d(() => ({ "load-circleBubble": !0 }));
+    return (p, i) => (s(), v("div", {
+      class: u(t.value),
+      id: c(a),
+      style: o({ color: c(b) })
+    }, [...i[0] || (i[0] = [
+      m('<div class="load-circleBubble-container" data-v-524af90b><div class="circleBubble-container circleBubble-container1" data-v-524af90b><div class="circleBubble-item circleBubble-item1" data-v-524af90b></div><div class="circleBubble-item circleBubble-item2" data-v-524af90b></div><div class="circleBubble-item circleBubble-item3" data-v-524af90b></div><div class="circleBubble-item circleBubble-item4" data-v-524af90b></div></div><div class="circleBubble-container circleBubble-container2" data-v-524af90b><div class="circleBubble-item circleBubble-item1" data-v-524af90b></div><div class="circleBubble-item circleBubble-item2" data-v-524af90b></div><div class="circleBubble-item circleBubble-item3" data-v-524af90b></div><div class="circleBubble-item circleBubble-item4" data-v-524af90b></div></div><div class="circleBubble-container circleBubble-container3" data-v-524af90b><div class="circleBubble-item circleBubble-item1" data-v-524af90b></div><div class="circleBubble-item circleBubble-item2" data-v-524af90b></div><div class="circleBubble-item circleBubble-item3" data-v-524af90b></div><div class="circleBubble-item circleBubble-item4" data-v-524af90b></div></div></div>', 1)
+    ])], 14, n));
+  }
+}), k = /* @__PURE__ */ B(f, [["__scopeId", "data-v-524af90b"]]);
+export {
+  k as default
+};

package/buildLibs/modules/shared/CircleNotch-C8Vo9lrL.js

@@ -0,0 +1,29 @@
+import { defineComponent as f, computed as r, openBlock as s, createElementBlock as d, unref as p, createElementVNode as u, normalizeStyle as m } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const h = ["id"], g = /* @__PURE__ */ f({
+  name: "ClLoadCircleNotch",
+  __name: "CircleNotch",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(t) {
+    const o = t, n = o.id, l = (c) => {
+      const e = c.toLowerCase().replace(/\s/g, "");
+      return e === "white" || e === "#fff" || e === "#ffffff" || e === "rgb(255,255,255)";
+    }, i = r(() => o.color ? l(o.color) ? "#999999" : o.color : "#bcbcbc"), a = r(() => `conic-gradient(from 0deg, ${i.value} 0%, #ffffff 100%)`);
+    return (c, e) => (s(), d("div", {
+      class: "load-circleNotch",
+      id: p(n)
+    }, [
+      u("div", {
+        class: "load-circleNotch-container",
+        style: m({ background: a.value })
+      }, null, 4)
+    ], 8, h));
+  }
+}), b = /* @__PURE__ */ _(g, [["__scopeId", "data-v-5f36cd6e"]]);
+export {
+  b as default
+};

package/buildLibs/modules/shared/CircleSpinner-BF5J3sYK.js

@@ -0,0 +1,24 @@
+import { defineComponent as c, openBlock as i, createElementBlock as s, normalizeStyle as d, unref as r, createElementVNode as p } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ c({
+  name: "ClLoadCircleSpinner",
+  __name: "CircleSpinner",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(n) {
+    const e = n, t = e.id, l = e.color || "#000";
+    return (f, o) => (i(), s("div", {
+      class: "load-circleSpinner",
+      id: r(t),
+      style: d({ color: r(l) })
+    }, [...o[0] || (o[0] = [
+      p("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), b = /* @__PURE__ */ a(_, [["__scopeId", "data-v-b2fbd6b8"]]);
+export {
+  b as default
+};

package/buildLibs/modules/shared/Column.vue_vue_type_script_setup_true_lang-DpQNrfnV.js

@@ -0,0 +1,174 @@
+import { defineComponent as K, ref as p, computed as f, onBeforeUnmount as Q, watch as R, openBlock as g, createElementBlock as _, normalizeStyle as T, normalizeClass as B, createElementVNode as W, Fragment as Z, renderList as ee, toDisplayString as te } from "vue";
+import b from "@cldemo/ui-kit/common/base";
+const ne = ["aria-readonly"], oe = ["aria-selected"], ie = { key: 0 }, ae = ["innerHTML"], Y = 300, se = 15, le = 3e-3, z = 0.3, ce = /* @__PURE__ */ K({
+  name: "ClPickerColumn",
+  __name: "Column",
+  props: {
+    className: String,
+    // desc: 该列自定义CSS类名
+    optionsList: {
+      type: Array,
+      default: () => []
+    },
+    valueIndex: {
+      type: Number,
+      default: 0
+      // desc: 当前选中项索引
+    },
+    itemHeight: {
+      type: Number,
+      default: 44
+      // desc: 选项高度(px)
+    },
+    showNum: {
+      type: Number,
+      default: 6
+      // desc: 可见选项个数
+    },
+    inertiaDuration: {
+      type: Number,
+      default: 1e3
+      // desc: 惯性滚动动画时长(ms)
+    },
+    isAllowHtml: Boolean,
+    // desc: 是否允许选项内容渲染 HTML
+    isReadonly: Boolean
+    // desc: 是否只读（禁止滑动切换）
+  },
+  emits: ["onSelect"],
+  setup(h, { emit: U }) {
+    const t = h, V = U, P = `pickerColumn-${b.getRandom(5)}`, r = p(
+      (Math.max(1, t.showNum) * t.itemHeight - t.itemHeight) / 2 - (b.isFinite(t.valueIndex) && t.valueIndex >= 0 ? t.valueIndex : 0) * t.itemHeight
+    ), d = p(0), c = p(!1), v = p(0), k = p(0);
+    let s = null, x = 0, y = 0, H = 0;
+    const D = f(() => Math.max(1, t.showNum) * t.itemHeight), l = f(() => (D.value - t.itemHeight) / 2), I = f(() => r.value + d.value), N = f(
+      () => (l.value - I.value) / t.itemHeight
+    ), q = f(() => ({ height: `${D.value}px` })), G = f(() => ({
+      transform: `translateY(${I.value}px)`,
+      transition: v.value > 0 ? `transform ${v.value}ms cubic-bezier(0.23, 1, 0.32, 1)` : "none"
+    })), C = (e) => ({
+      "picker-column-item--active": Math.round(N.value) === e,
+      "picker-column-item--disabled": !!t.optionsList[e]?.disabled
+    }), X = (e) => {
+      const o = Math.abs(e - N.value);
+      return {
+        height: `${t.itemHeight}px`,
+        lineHeight: `${t.itemHeight}px`,
+        opacity: Math.max(1 - o * 0.4, 0),
+        transform: `rotateX(${-o * 12}deg) scale(${Math.max(1 - o * 0.15, 0.5)})`
+      };
+    }, w = (e) => {
+      if ("touches" in e) {
+        const o = e.touches;
+        return o.length > 0 ? o[0].clientY : 0;
+      }
+      return e.clientY;
+    }, A = (e) => Math.round((l.value - e) / t.itemHeight), E = (e) => {
+      const o = t.optionsList.length;
+      if (o === 0) return e;
+      const i = r.value + e, n = l.value, m = l.value - (o - 1) * t.itemHeight;
+      let a = i;
+      return a > n ? a = n + (a - n) * z : a < m && (a = m + (a - m) * z), a - r.value;
+    }, j = (e) => {
+      const o = t.optionsList.length;
+      if (o === 0) {
+        r.value = l.value, d.value = 0;
+        return;
+      }
+      const i = A(I.value);
+      let n = A(e);
+      if (n = Math.min(Math.max(n, 0), o - 1), t.optionsList[n]?.disabled) {
+        let a = -1;
+        for (let u = 1; u < o; u++) {
+          if (n - u >= 0 && !t.optionsList[n - u]?.disabled) {
+            a = n - u;
+            break;
+          }
+          if (n + u < o && !t.optionsList[n + u]?.disabled) {
+            a = n + u;
+            break;
+          }
+        }
+        a >= 0 ? n = a : n = i;
+      }
+      r.value = l.value - n * t.itemHeight;
+      const m = Math.abs(n - i);
+      v.value = Math.min(t.inertiaDuration, Math.max(200, m * 150)), d.value = 0, n !== t.valueIndex && V("onSelect", n);
+    }, F = ((e) => $(e)), O = ((e) => M(e)), J = () => {
+      document.addEventListener("mousemove", F), document.addEventListener("mouseup", O);
+    }, L = () => {
+      document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", O);
+    };
+    Q(() => {
+      L(), s !== null && cancelAnimationFrame(s);
+    }), R(
+      () => t.valueIndex,
+      (e) => {
+        c.value || !b.isFinite(e) || e < 0 || (r.value = l.value - e * t.itemHeight, v.value = 200);
+      }
+    ), R(
+      () => t.optionsList,
+      () => {
+        if (c.value) return;
+        const e = t.optionsList.length;
+        let o = b.isFinite(t.valueIndex) && t.valueIndex >= 0 ? t.valueIndex : 0;
+        e > 0 && (o = Math.min(o, e - 1)), r.value = l.value - o * t.itemHeight, v.value = 0;
+      }
+    );
+    const S = (e) => {
+      t.isReadonly || !("touches" in e) && e.button !== 0 || (c.value && L(), k.value = w(e), y = Date.now(), H = 0, c.value = !0, v.value = 0, "touches" in e || J());
+    }, $ = (e) => {
+      if (!c.value) return;
+      if (!("touches" in e) && e.buttons === 0) {
+        M();
+        return;
+      }
+      e.preventDefault();
+      const i = w(e) - k.value, n = Date.now();
+      n - y > Y && (y = n, H = i), s === null && (s = requestAnimationFrame(() => {
+        s = null, d.value = E(x);
+      })), x = i;
+    }, M = (e) => {
+      if (!c.value) return;
+      if (c.value = !1, L(), e?.type === "touchcancel") {
+        d.value = 0;
+        return;
+      }
+      s !== null && (cancelAnimationFrame(s), s = null, d.value = E(x));
+      const o = x - H, i = Date.now() - y, m = i > 0 && i < Y && Math.abs(o) > se ? Math.abs(o) / i / le * (o < 0 ? -1 : 1) : 0;
+      j(I.value + m);
+    };
+    return (e, o) => (g(), _("div", {
+      class: B(["picker-column", h.className]),
+      style: T(q.value),
+      role: "listbox",
+      "aria-readonly": h.isReadonly || void 0,
+      onTouchstart: S,
+      onTouchmove: $,
+      onTouchend: M,
+      onTouchcancel: M,
+      onMousedown: S
+    }, [
+      W("div", {
+        class: "picker-column-list",
+        style: T(G.value)
+      }, [
+        (g(!0), _(Z, null, ee(h.optionsList, (i, n) => (g(), _("div", {
+          key: `${P}-${n}`,
+          class: B(["picker-column-item", C(n)]),
+          style: T(X(n)),
+          role: "option",
+          "aria-selected": C(n)["picker-column-item--active"] || void 0
+        }, [
+          h.isAllowHtml ? (g(), _("span", {
+            key: 1,
+            innerHTML: i.text
+          }, null, 8, ae)) : (g(), _("span", ie, te(i.text), 1))
+        ], 14, oe))), 128))
+      ], 4)
+    ], 46, ne));
+  }
+});
+export {
+  ce as _
+};

package/buildLibs/modules/shared/CrossMove-MwHfhBR-.js

@@ -0,0 +1,24 @@
+import { defineComponent as l, openBlock as n, createElementBlock as a, normalizeStyle as d, unref as o, createElementVNode as i } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ l({
+  name: "ClLoadCrossMove",
+  __name: "CrossMove",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(s) {
+    const e = s, t = e.id, c = e.color || "#000";
+    return (f, r) => (n(), a("div", {
+      class: "load-crossMove",
+      id: o(t),
+      style: d({ "--c1": `linear-gradient(90deg, #0000 calc(100% / 3), ${o(c)} 0 calc(2 * 100% / 3), #0000 0)`, "--c2": `linear-gradient(0deg, #0000 calc(100% / 3), ${o(c)} 0 calc(2 * 100% / 3), #0000 0)` })
+    }, [...r[0] || (r[0] = [
+      i("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), g = /* @__PURE__ */ p(_, [["__scopeId", "data-v-4257c622"]]);
+export {
+  g as default
+};

package/buildLibs/modules/shared/DiamondShuttle-Bk4ezWvk.js

@@ -0,0 +1,39 @@
+import { defineComponent as u, useCssVars as m, computed as t, openBlock as p, createElementBlock as v, normalizeStyle as g, unref as _, createElementVNode as f } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const S = ["id"], h = /* @__PURE__ */ u({
+  name: "ClLoadDiamondShuttle",
+  __name: "DiamondShuttle",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识
+    color: { type: String, default: "rgba(225,20,98,0.75)|rgba(111,202,220,0.75)|rgba(61,184,143,0.75)|rgba(233,169,32,0.75)" }
+  },
+  setup(r) {
+    m((o) => ({
+      v66563c8e: c.value,
+      v66563c8f: n.value,
+      v66563c90: s.value,
+      v66563c91: d.value
+    }));
+    const a = r, e = t(() => {
+      const o = (a.color || "").split("|");
+      return [
+        o[0]?.trim() || "rgba(225,20,98,0.75)",
+        o[1]?.trim() || "rgba(111,202,220,0.75)",
+        o[2]?.trim() || "rgba(61,184,143,0.75)",
+        o[3]?.trim() || "rgba(233,169,32,0.75)"
+      ];
+    }), c = t(() => e.value[0]), n = t(() => e.value[1]), s = t(() => e.value[2]), d = t(() => e.value[3]), i = a.id;
+    return (o, l) => (p(), v("div", {
+      class: "load-diamondShuttle",
+      id: _(i),
+      style: g({ color: r.color })
+    }, [...l[0] || (l[0] = [
+      f("div", { class: "loader" }, null, -1)
+    ])], 12, S));
+  }
+}), D = /* @__PURE__ */ b(h, [["__scopeId", "data-v-247000d3"]]);
+export {
+  D as default
+};

package/buildLibs/modules/shared/DotBounce-CCKlqAq5.js

@@ -0,0 +1,24 @@
+import { defineComponent as l, openBlock as s, createElementBlock as d, normalizeStyle as a, unref as t, createElementVNode as i } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ l({
+  name: "ClLoadDotBounce",
+  __name: "DotBounce",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(n) {
+    const o = n, c = o.id, r = o.color || "#000";
+    return (u, e) => (s(), d("div", {
+      class: "load-dotBounce",
+      id: t(c),
+      style: a({ color: t(r) })
+    }, [...e[0] || (e[0] = [
+      i("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-80a5768e"]]);
+export {
+  x as default
+};

package/buildLibs/modules/shared/DotFlow-DZcEBjTQ.js

@@ -0,0 +1,24 @@
+import { defineComponent as s, openBlock as c, createElementBlock as d, normalizeStyle as a, unref as e, createElementVNode as i } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ s({
+  name: "ClLoadDotFlow",
+  __name: "DotFlow",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(l) {
+    const o = l, r = o.id, n = o.color || "#000";
+    return (f, t) => (c(), d("div", {
+      class: "load-dotFlow",
+      id: e(r),
+      style: a({ color: e(n) })
+    }, [...t[0] || (t[0] = [
+      i("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), v = /* @__PURE__ */ p(_, [["__scopeId", "data-v-d0121947"]]);
+export {
+  v as default
+};

package/buildLibs/modules/shared/DotFold-C8MpdOeC.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, openBlock as s, createElementBlock as c, normalizeStyle as a, unref as e, createElementVNode as i } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ n({
+  name: "ClLoadDotFold",
+  __name: "DotFold",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(l) {
+    const o = l, d = o.id, r = o.color || "#000";
+    return (f, t) => (s(), c("div", {
+      class: "load-dotFold",
+      id: e(d),
+      style: a({ color: e(r) })
+    }, [...t[0] || (t[0] = [
+      i("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-81d5bf5b"]]);
+export {
+  x as default
+};

package/buildLibs/modules/shared/DotOrbit-Bc9UXt8u.js

@@ -0,0 +1,24 @@
+import { defineComponent as s, openBlock as c, createElementBlock as d, normalizeStyle as i, unref as e, createElementVNode as a } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ s({
+  name: "ClLoadDotOrbit",
+  __name: "DotOrbit",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(r) {
+    const o = r, l = o.id, n = o.color || "#000";
+    return (f, t) => (c(), d("div", {
+      class: "load-dotOrbit",
+      id: e(l),
+      style: i({ color: e(n) })
+    }, [...t[0] || (t[0] = [
+      a("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), v = /* @__PURE__ */ p(_, [["__scopeId", "data-v-d984c27f"]]);
+export {
+  v as default
+};

package/buildLibs/modules/shared/DotPulse-XsbthU1w.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, openBlock as c, createElementBlock as d, normalizeStyle as a, unref as t, createElementVNode as i } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ n({
+  name: "ClLoadDotPulse",
+  __name: "DotPulse",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(l) {
+    const o = l, s = o.id, r = o.color || "#000";
+    return (u, e) => (c(), d("div", {
+      class: "load-dotPulse",
+      id: t(s),
+      style: a({ color: t(r) })
+    }, [...e[0] || (e[0] = [
+      i("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-da279337"]]);
+export {
+  x as default
+};

package/buildLibs/modules/shared/DotPulse5-0viYm7sA.js

@@ -0,0 +1,32 @@
+import { defineComponent as m, useCssVars as _, computed as a, openBlock as f, createElementBlock as g, unref as b, createStaticVNode as x } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const C = ["id"], D = /* @__PURE__ */ m({
+  name: "ClLoadDotPulse5",
+  __name: "DotPulse5",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识
+    color: { type: String, default: "" }
+  },
+  setup(n) {
+    _((s) => ({
+      fcdaa242: r.value,
+      v0aecf216: i.value,
+      v743887a0: e.value
+    }));
+    const d = n, e = a(() => d.color || "#6793fb"), c = (s, t) => {
+      const o = s.replace("#", ""), v = parseInt(o.substring(0, 2), 16), u = parseInt(o.substring(2, 4), 16), p = parseInt(o.substring(4, 6), 16);
+      return `rgba(${v}, ${u}, ${p}, ${t})`;
+    }, r = a(() => c(e.value, 0.7)), i = a(() => c(e.value, 0.4)), l = d.id;
+    return (s, t) => (f(), g("div", {
+      class: "load-dotPulse5",
+      id: b(l)
+    }, [...t[0] || (t[0] = [
+      x('<div class="dots-container" data-v-5e58936e><div class="dot" data-v-5e58936e></div><div class="dot" data-v-5e58936e></div><div class="dot" data-v-5e58936e></div><div class="dot" data-v-5e58936e></div><div class="dot" data-v-5e58936e></div></div>', 1)
+    ])], 8, C));
+  }
+}), S = /* @__PURE__ */ I(D, [["__scopeId", "data-v-5e58936e"]]);
+export {
+  S as default
+};

package/buildLibs/modules/shared/DotRipple-BOWJ43QE.js

@@ -0,0 +1,24 @@
+import { defineComponent as d, openBlock as n, createElementBlock as s, normalizeStyle as c, unref as t, createElementVNode as i } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ d({
+  name: "ClLoadDotRipple",
+  __name: "DotRipple",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(l) {
+    const o = l, r = o.id, p = o.color || "#000";
+    return (f, e) => (n(), s("div", {
+      class: "load-dotRipple",
+      id: t(r),
+      style: c({ color: t(p) })
+    }, [...e[0] || (e[0] = [
+      i("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), x = /* @__PURE__ */ a(_, [["__scopeId", "data-v-de8c4bdd"]]);
+export {
+  x as default
+};

package/buildLibs/modules/shared/DotRipple3-EKx3DKZG.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, openBlock as s, createElementBlock as c, normalizeStyle as d, unref as t, createElementVNode as i } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ n({
+  name: "ClLoadDotRipple3",
+  __name: "DotRipple3",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(l) {
+    const o = l, r = o.id, p = o.color || "#000";
+    return (f, e) => (s(), c("div", {
+      class: "load-dotRipple3",
+      id: t(r),
+      style: d({ color: t(p) })
+    }, [...e[0] || (e[0] = [
+      i("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), x = /* @__PURE__ */ a(_, [["__scopeId", "data-v-b1b85727"]]);
+export {
+  x as default
+};

package/buildLibs/modules/shared/DotSlide-DdzUTcbM.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, openBlock as s, createElementBlock as c, normalizeStyle as i, unref as t, createElementVNode as a } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ n({
+  name: "ClLoadDotSlide",
+  __name: "DotSlide",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(l) {
+    const o = l, r = o.id, d = o.color || "#000";
+    return (f, e) => (s(), c("div", {
+      class: "load-dotSlide",
+      id: t(r),
+      style: i({ color: t(d) })
+    }, [...e[0] || (e[0] = [
+      a("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-73437e98"]]);
+export {
+  x as default
+};

package/buildLibs/modules/shared/DotSlider-CD8RBu9l.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, openBlock as s, createElementBlock as c, normalizeStyle as i, unref as t, createElementVNode as a } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ n({
+  name: "ClLoadDotSlider",
+  __name: "DotSlider",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(r) {
+    const o = r, l = o.id, d = o.color || "#000";
+    return (f, e) => (s(), c("div", {
+      class: "load-dotSlider",
+      id: t(l),
+      style: i({ color: t(d) })
+    }, [...e[0] || (e[0] = [
+      a("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-f36e8268"]]);
+export {
+  x as default
+};

package/buildLibs/modules/shared/DotSpin-DcElnfOU.js

@@ -0,0 +1,36 @@
+import { defineComponent as s, useCssVars as a, computed as c, openBlock as l, createElementBlock as p, unref as v, createElementVNode as o } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const _ = ["id"], u = /* @__PURE__ */ s({
+  name: "ClLoadDotSpin",
+  __name: "DotSpin",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识
+    color: { type: String, default: "" }
+  },
+  setup(d) {
+    a((r) => ({
+      v69e62627: i.value
+    }));
+    const t = d, i = c(() => t.color || "#000"), n = t.id;
+    return (r, e) => (l(), p("div", {
+      class: "load-dotSpin",
+      id: v(n)
+    }, [...e[0] || (e[0] = [
+      o("div", { class: "lds-roller" }, [
+        o("div"),
+        o("div"),
+        o("div"),
+        o("div"),
+        o("div"),
+        o("div"),
+        o("div"),
+        o("div")
+      ], -1)
+    ])], 8, _));
+  }
+}), C = /* @__PURE__ */ m(u, [["__scopeId", "data-v-4da82a52"]]);
+export {
+  C as default
+};

package/buildLibs/modules/shared/DotSquare-D-GDhigx.js

@@ -0,0 +1,24 @@
+import { defineComponent as s, openBlock as a, createElementBlock as c, normalizeStyle as d, unref as t, createElementVNode as i } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ s({
+  name: "ClLoadDotSquare",
+  __name: "DotSquare",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(r) {
+    const o = r, l = o.id, n = o.color || "#000";
+    return (u, e) => (a(), c("div", {
+      class: "load-dotSquare",
+      id: t(l),
+      style: d({ color: t(n) })
+    }, [...e[0] || (e[0] = [
+      i("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), v = /* @__PURE__ */ p(_, [["__scopeId", "data-v-47964dfb"]]);
+export {
+  v as default
+};

package/buildLibs/modules/shared/DotTyping-Bq3_Sgvh.js

@@ -0,0 +1,24 @@
+import { defineComponent as s, openBlock as c, createElementBlock as d, normalizeStyle as i, unref as e, createElementVNode as p } from "vue";
+import "@cldemo/ui-kit/common/base";
+import { _ as a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], _ = /* @__PURE__ */ s({
+  name: "ClLoadDotTyping",
+  __name: "DotTyping",
+  props: {
+    id: {},
+    color: {}
+  },
+  setup(n) {
+    const o = n, r = o.id, l = o.color || "#000";
+    return (f, t) => (c(), d("div", {
+      class: "load-dotTyping",
+      id: e(r),
+      style: i({ color: e(l) })
+    }, [...t[0] || (t[0] = [
+      p("div", { class: "loader" }, null, -1)
+    ])], 12, m));
+  }
+}), T = /* @__PURE__ */ a(_, [["__scopeId", "data-v-8b8723cf"]]);
+export {
+  T as default
+};