@shjjs/visual-ui 1.0.18 → 1.0.19

package/es/components/text-count-down/index.vue2.mjs

@@ -1,7 +1,8 @@
-import { defineComponent as T, ref as D, computed as k, watchEffect as z, createElementBlock as h, openBlock as w, Fragment as F, createCommentVNode as S, normalizeStyle as m, toDisplayString as O } from "vue";
-import { autoInstallFont as E, jsonToCssStyle as A } from "../../commons/utils/json2css.mjs";
-const j = ["ztitle"], _ = ["ztitle"], $ = ["ztitle"], N = T({ name: "zv-text-count-down" }), I = /* @__PURE__ */ T({
-  ...N,
+import { defineComponent as H, ref as D, computed as z, watchEffect as E, createElementBlock as h, openBlock as w, Fragment as F, createCommentVNode as m, normalizeStyle as S, toDisplayString as O } from "vue";
+import { SHJParseEvent as T } from "../../commons/plugins/event/index.mjs";
+import { autoInstallFont as A, jsonToCssStyle as j } from "../../commons/utils/json2css.mjs";
+const _ = ["ztitle"], $ = ["ztitle"], N = ["ztitle"], q = H({ name: "zv-text-count-down" }), J = /* @__PURE__ */ H({
+  ...q,
   props: {
     basicOption: {},
     useEvents: {}
@@ -10,8 +11,8 @@ const j = ["ztitle"], _ = ["ztitle"], $ = ["ztitle"], N = T({ name: "zv-text-cou
     "on-end",
     "on-start"
   ],
-  setup(H, { expose: C, emit: Y }) {
-    const g = Y, x = window.requestAnimationFrame, n = H, d = D(0), o = D(0), a = k(() => ({
+  setup(C, { expose: Y, emit: k }) {
+    const g = k, x = window.requestAnimationFrame, n = C, d = D(0), o = D(0), a = z(() => ({
       showMillisecond: n.basicOption.conf.format.includes("SSS"),
       showYear: n.basicOption.conf.format.includes("Y"),
       showMonth: n.basicOption.conf.format.includes("M"),
@@ -20,7 +21,7 @@ const j = ["ztitle"], _ = ["ztitle"], $ = ["ztitle"], N = T({ name: "zv-text-cou
       showMinute: n.basicOption.conf.format.includes("m"),
       showSecond: n.basicOption.conf.format.includes("s")
     }));
-    function i(e) {
+    function l(e) {
       return e < 10 ? "0" + e : String(e);
     }
     function y(e) {
@@ -29,69 +30,69 @@ const j = ["ztitle"], _ = ["ztitle"], $ = ["ztitle"], N = T({ name: "zv-text-cou
       let t = n.basicOption.conf.format, s = 0;
       a.value.showMillisecond && (s = e % 1e3, t = t.replace("SSS", "0".repeat(3 - String(s).length) + s)), e = Math.floor(e / 1e3);
       let r = 0;
-      a.value.showYear ? (r = Math.floor(e / (60 * 60 * 24 * 30 * 12)), t = t.includes("YY") ? t.replace("YY", i(r)) : t.replace("Y", String(r))) : r = 0;
+      a.value.showYear ? (r = Math.floor(e / (60 * 60 * 24 * 30 * 12)), t = t.includes("YY") ? t.replace("YY", l(r)) : t.replace("Y", String(r))) : r = 0;
       let c = 0;
-      a.value.showMonth ? (e = e - r * 60 * 60 * 24 * 30 * 12, c = Math.floor(e / (60 * 60 * 24 * 30)), t = t.includes("MM") ? t.replace("MM", i(c)) : t.replace("M", String(c))) : c = 0;
+      a.value.showMonth ? (e = e - r * 60 * 60 * 24 * 30 * 12, c = Math.floor(e / (60 * 60 * 24 * 30)), t = t.includes("MM") ? t.replace("MM", l(c)) : t.replace("M", String(c))) : c = 0;
       let u = 0;
-      a.value.showDay ? (e = e - c * 60 * 60 * 24 * 30, u = Math.floor(e / (60 * 60 * 24)), t = t.includes("DD") ? t.replace("DD", i(u)) : t.replace("D", String(u))) : u = 0;
+      a.value.showDay ? (e = e - c * 60 * 60 * 24 * 30, u = Math.floor(e / (60 * 60 * 24)), t = t.includes("DD") ? t.replace("DD", l(u)) : t.replace("D", String(u))) : u = 0;
       let f = 0;
-      a.value.showHour ? (e = e - u * 60 * 60 * 24, f = Math.floor(e / (60 * 60)), t = t.includes("HH") ? t.replace("HH", i(f)) : t.replace("H", String(f))) : f = 0;
+      a.value.showHour ? (e = e - u * 60 * 60 * 24, f = Math.floor(e / (60 * 60)), t = t.includes("HH") ? t.replace("HH", l(f)) : t.replace("H", String(f))) : f = 0;
       let p = 0;
-      a.value.showMinute ? (e = e - f * 60 * 60, p = Math.floor(e / 60), t = t.includes("mm") ? t.replace("mm", i(p)) : t.replace("m", String(p))) : p = 0;
+      a.value.showMinute ? (e = e - f * 60 * 60, p = Math.floor(e / 60), t = t.includes("mm") ? t.replace("mm", l(p)) : t.replace("m", String(p))) : p = 0;
       let b = 0;
-      return a.value.showSecond && (b = e - p * 60, t = t.includes("ss") ? t.replace("ss", i(b)) : t.replace("s", String(b))), t;
+      return a.value.showSecond && (b = e - p * 60, t = t.includes("ss") ? t.replace("ss", l(b)) : t.replace("s", String(b))), t;
     }
     function M() {
-      o.value !== null && (d.value > Date.now() ? (o.value = d.value - Date.now(), x(M)) : (o.value = 0, g("on-end"), window.SHJParseEvent(n.useEvents, "end-count-down", null)));
+      o.value !== null && (d.value > Date.now() ? (o.value = d.value - Date.now(), x(M)) : (o.value = 0, g("on-end"), T.parseEvents(n.useEvents, "end-count-down", null)));
     }
-    const l = () => {
-      g("on-start"), window.SHJParseEvent(n.useEvents, "on-start", null), o.value = 0, Number.isFinite(n.basicOption.conf.value) ? (n.basicOption.conf.future ? n.basicOption.conf.value >= Date.now() && (d.value = n.basicOption.conf.value) : n.basicOption.conf.value >= 0 && (d.value = n.basicOption.conf.value + Date.now()), x(M)) : o.value = null;
+    const i = () => {
+      g("on-start"), T.parseEvents(n.useEvents, "on-start", null), o.value = 0, Number.isFinite(n.basicOption.conf.value) ? (n.basicOption.conf.future ? n.basicOption.conf.value >= Date.now() && (d.value = n.basicOption.conf.value) : n.basicOption.conf.value >= 0 && (d.value = n.basicOption.conf.value + Date.now()), x(M)) : o.value = null;
     };
-    z(() => {
-      n.basicOption.conf.autoStart ? l() : o.value = null;
+    E(() => {
+      n.basicOption.conf.autoStart ? i() : o.value = null;
     });
     const v = (e) => {
-      E(e.fontFamily);
+      A(e.fontFamily);
       const t = {};
       e.color && e.color.includes("linear-gradient") && (t.backgroundImage = e.color, t["-webkit-background-clip"] = "text", t.color = "transparent");
       const s = {};
       return e.textAlign === "left" && (e.justifyContent = "flex-start"), e.textAlign === "center" && (e.justifyContent = "center"), e.textAlign === "right" && (e.justifyContent = "flex-end"), {
-        ...A(e),
+        ...j(e),
         ...t,
         ...s,
         ...e.textShadow.show ? { "--text-shadow": `${e.textShadow.x}px ${e.textShadow.y}px ${e.textShadow.value}px ${e.textShadow.color}` } : {}
       };
     };
-    return C({
+    return Y({
       // 开始倒计时
-      start: () => l(),
+      start: () => i(),
       // 重新倒计时
-      startAgain: () => l(),
-      refresh: () => l(),
-      refreshView: () => l(),
-      refreshData: () => l()
+      startAgain: () => i(),
+      refresh: () => i(),
+      refreshView: () => i(),
+      refreshData: () => i()
     }), (e, t) => (w(), h(F, null, [
       e.basicOption.conf.finishedText && o.value === 0 && o.value !== null ? (w(), h("span", {
         key: 0,
         class: "count-down",
-        style: m(v(e.basicOption.css)),
+        style: S(v(e.basicOption.css)),
         ztitle: e.basicOption.conf.finishedText
-      }, O(e.basicOption.conf.finishedText), 13, j)) : S("", !0),
+      }, O(e.basicOption.conf.finishedText), 13, _)) : m("", !0),
       e.basicOption.conf.defaultText && o.value === null ? (w(), h("span", {
         key: 1,
         class: "count-down",
-        style: m(v(e.basicOption.css)),
+        style: S(v(e.basicOption.css)),
         ztitle: e.basicOption.conf.defaultText
-      }, O(e.basicOption.conf.defaultText), 13, _)) : S("", !0),
+      }, O(e.basicOption.conf.defaultText), 13, $)) : m("", !0),
       Number.isFinite(o.value) && o.value > 0 ? (w(), h("span", {
         key: 2,
         class: "count-down",
-        style: m(v(e.basicOption.css)),
+        style: S(v(e.basicOption.css)),
         ztitle: y(o.value)
-      }, O(y(o.value)), 13, $)) : S("", !0)
+      }, O(y(o.value)), 13, N)) : m("", !0)
     ], 64));
   }
 });
 export {
-  I as default
+  J as default
 };

package/es/components/text-over-number/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f0914c1d"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b77ebdeb"]]);
 export {
-  f as default
+  m as default
 };

package/es/components/text-over-number/index.vue2.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as x, ref as s, watch as f, createBlock as E, openBlock as M, unref as i, normalizeStyle as j, onMounted as P, nextTick as _, onBeforeUnmount as T } from "vue";
+import { defineComponent as y, ref as s, watch as f, createBlock as M, openBlock as j, unref as u, normalizeStyle as _, onMounted as P, nextTick as T, onBeforeUnmount as $ } from "vue";
 import { cloneDeep as m, isEqual as v } from "lodash";
-import $ from "vue-countup-v3";
-import { Odometer as z } from "odometer_countup";
+import z from "vue-countup-v3";
+import { Odometer as A } from "odometer_countup";
 import { nanoid as h } from "nanoid";
-import { SHJDatasourceV2 as A } from "../../commons/core/datasource/index.mjs";
-import { autoInstallFont as B, jsonToCssStyle as H } from "../../commons/utils/json2css.mjs";
-const J = x({ name: "zv-text-over-number" }), R = /* @__PURE__ */ x({
+import { SHJDatasourceV2 as B } from "../../commons/plugins/datasource/index.mjs";
+import { autoInstallFont as N, jsonToCssStyle as H } from "../../commons/utils/json2css.mjs";
+import { SHJParseEvent as x } from "../../commons/plugins/event/index.mjs";
+const J = y({ name: "zv-text-over-number" }), X = /* @__PURE__ */ y({
   ...J,
   props: {
     basicOption: {},
@@ -13,15 +14,15 @@ const J = x({ name: "zv-text-over-number" }), R = /* @__PURE__ */ x({
     useEvents: {},
     uuid: {}
   },
-  setup(y, { expose: w }) {
-    const n = y, d = s(n.basicOption.countUp.startVal), U = (t) => {
-      const a = s(h()), l = s(0), c = s(), r = s(), p = () => {
-        A.parse({
+  setup(U, { expose: S }) {
+    const n = U, d = s(n.basicOption.countUp.startVal), g = (t) => {
+      const r = s(h()), l = s(0), c = s(), a = s(), p = () => {
+        B.parse({
           tId: n.uuid,
           sources: n.sources,
           callback: ({ data: e }) => {
             try {
-              window.SHJParseEvent(n.useEvents, "dataListener", e), a.value = h(), l.value = Number(e[0].data[0].value), c.value = {
+              x.parseEvents(n.useEvents, "dataListener", e), r.value = h(), l.value = Number(e[0].data[0].value), c.value = {
                 startVal: d.value,
                 separator: t.countUp.separator,
                 decimal: t.countUp.decimal,
@@ -29,74 +30,74 @@ const J = x({ name: "zv-text-over-number" }), R = /* @__PURE__ */ x({
                 duration: t.countUp.duration,
                 prefix: t.countUp.prefix,
                 suffix: t.countUp.suffix
-              }, t.countUp.isOdometer && (c.value.plugin = new z({
+              }, t.countUp.isOdometer && (c.value.plugin = new A({
                 duration: t.countUp.duration,
                 lastDigitDelay: 0
-              })), d.value = l.value, t.isImitate ? b() : r.value && clearInterval(r.value);
+              })), d.value = l.value, t.isImitate ? C() : a.value && clearInterval(a.value);
             } catch {
-              window.SHJParseEvent(n.useEvents, "dataListener", null);
+              x.parseEvents(n.useEvents, "dataListener", null);
             }
           }
         });
-      }, F = (e) => {
-        B(e.fontFamily);
+      }, I = (e) => {
+        N(e.fontFamily);
         const o = {};
         e.color && e.color.includes("linear-gradient") && (o.backgroundImage = e.color, o["-webkit-background-clip"] = "text", o.color = "transparent");
-        const C = {};
+        const E = {};
         return e.textAlign === "left" && (e.justifyContent = "flex-start"), e.textAlign === "center" && (e.justifyContent = "center"), e.textAlign === "right" && (e.justifyContent = "flex-end"), {
           ...H(e),
           ...o,
-          ...C,
+          ...E,
           ...e.textShadow.show ? { textShadow: `${e.textShadow.x}px ${e.textShadow.y}px ${e.textShadow.value}px ${e.textShadow.color}` } : {}
         };
-      }, I = () => {
       }, b = () => {
-        r.value && clearInterval(r.value);
+      }, C = () => {
+        a.value && clearInterval(a.value);
         const e = t.countUp.isOdometer ? Math.floor(Math.random() * 6) + 5 : Math.floor(Math.random() * 4) + 3;
-        r.value = setInterval(() => {
+        a.value = setInterval(() => {
           d.value = l.value, c.value.startVal = d.value;
           const o = Number((Math.random() * 10).toFixed(t.countUp.decimalPlaces));
           o > 3 ? l.value += o : l.value -= o;
         }, e * 1e3);
       };
-      return P(() => _(() => p())), T(() => {
-        r.value && clearInterval(r.value);
+      return P(() => T(() => p())), $(() => {
+        a.value && clearInterval(a.value);
       }), {
-        key: a,
+        key: r,
         init: p,
         options: c,
         endValue: l,
-        onFinished: I,
-        rendererDomStyle: F
+        onFinished: b,
+        rendererDomStyle: I
       };
     }, {
-      key: S,
-      init: u,
-      options: g,
-      endValue: k,
-      onFinished: D,
-      rendererDomStyle: V
-    } = U(n.basicOption);
-    return f(() => m(n.basicOption), (t, a) => {
-      v(t, a) || u();
-    }, { deep: !0 }), f(() => m(n.sources), (t, a) => {
-      v(t, a) || u();
-    }, { deep: !0 }), w({
-      refresh: () => u(),
-      refreshView: () => u(),
-      refreshData: () => u()
-    }), (t, a) => (M(), E(i($), {
-      key: i(S),
+      key: w,
+      init: i,
+      options: k,
+      endValue: D,
+      onFinished: V,
+      rendererDomStyle: F
+    } = g(n.basicOption);
+    return f(() => m(n.basicOption), (t, r) => {
+      v(t, r) || i();
+    }, { deep: !0 }), f(() => m(n.sources), (t, r) => {
+      v(t, r) || i();
+    }, { deep: !0 }), S({
+      refresh: () => i(),
+      refreshView: () => i(),
+      refreshData: () => i()
+    }), (t, r) => (j(), M(u(z), {
+      key: u(w),
       class: "zerov-widget-over-number",
-      "end-val": i(k),
-      options: i(g),
+      "end-val": u(D),
+      options: u(k),
       loop: t.basicOption.countUp.loop,
       delay: t.basicOption.countUp.delay,
-      style: j(i(V)(t.basicOption.css)),
-      onFinished: i(D)
+      style: _(u(F)(t.basicOption.css)),
+      onFinished: u(V)
     }, null, 8, ["end-val", "options", "loop", "delay", "style", "onFinished"]));
   }
 });
 export {
-  R as default
+  X as default
 };

package/es/components/text-real-time/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-54bb5d61"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-68f8955f"]]);
 export {
-  p as default
+  m as default
 };

package/es/components/text-real-time/index.vue2.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as f, watch as w, createElementBlock as S, openBlock as T, unref as l, normalizeStyle as _, toDisplayString as b, ref as c, onMounted as z, onBeforeUnmount as E } from "vue";
-import { cloneDeep as j, isEqual as C } from "lodash";
+import { defineComponent as p, watch as T, createElementBlock as w, openBlock as _, unref as l, normalizeStyle as E, toDisplayString as b, ref as c, onMounted as z, onBeforeUnmount as j } from "vue";
+import { cloneDeep as C, isEqual as I } from "lodash";
 import i from "dayjs";
 import "dayjs/locale/zh-cn";
-import { autoInstallFont as I, jsonToCssStyle as k } from "../../commons/utils/json2css.mjs";
-const D = ["ztitle"], O = f({ name: "zv-text-real-time" }), H = /* @__PURE__ */ f({
-  ...O,
+import { autoInstallFont as k, jsonToCssStyle as D } from "../../commons/utils/json2css.mjs";
+import { SHJParseEvent as f } from "../../commons/plugins/event/index.mjs";
+const O = ["ztitle"], R = p({ name: "zv-text-real-time" }), J = /* @__PURE__ */ p({
+  ...R,
   props: {
     basicOption: {},
     datasource: {},
@@ -13,43 +14,43 @@ const D = ["ztitle"], O = f({ name: "zv-text-real-time" }), H = /* @__PURE__ */
   emits: [
     "on-change"
   ],
-  setup(d, { emit: p }) {
-    const u = p, a = d, s = (o) => {
-      const t = c(), n = c(i().locale("zh-cn").format(o.format)), x = (e) => {
-        I(e.fontFamily);
+  setup(s, { emit: d }) {
+    const m = d, a = s, v = (o) => {
+      const t = c(), n = c(i().locale("zh-cn").format(o.format)), g = (e) => {
+        k(e.fontFamily);
         const r = {};
         e.color && e.color.includes("linear-gradient") && (r.backgroundImage = e.color, r["-webkit-background-clip"] = "text", r.color = "transparent");
-        const y = {};
+        const S = {};
         return e.textAlign === "left" && (e.justifyContent = "flex-start"), e.textAlign === "center" && (e.justifyContent = "center"), e.textAlign === "right" && (e.justifyContent = "flex-end"), {
-          ...k(e),
+          ...D(e),
           ...r,
-          ...y,
+          ...S,
           ...e.textShadow.show ? { "--text-shadow": `${e.textShadow.x}px ${e.textShadow.y}px ${e.textShadow.value}px ${e.textShadow.color}` } : {}
         };
-      }, g = (e) => {
+      }, y = (e) => {
         t.value && clearInterval(t.value), t.value = setInterval(() => {
-          n.value = i().locale("zh-cn").format(e), u("on-change", n.value), window.SHJParseEvent(a.useEvents, "on-change", n.value);
+          n.value = i().locale("zh-cn").format(e), m("on-change", n.value), f.parseEvents(a.useEvents, "on-change", n.value);
         }, 1e3);
       };
       return z(() => {
         t.value = setInterval(() => {
-          n.value = i().locale("zh-cn").format(o.format), u("on-change", n.value), window.SHJParseEvent(a.useEvents, "on-change", n.value);
+          n.value = i().locale("zh-cn").format(o.format), m("on-change", n.value), f.parseEvents(a.useEvents, "on-change", n.value);
         }, 1e3);
-      }), E(() => {
+      }), j(() => {
         t.value && clearInterval(t.value);
-      }), { updateRealTime: g, realTime: n, rendererDomStyle: x };
-    }, { updateRealTime: v, realTime: m, rendererDomStyle: h } = s(a.basicOption);
-    return w(() => j(a.basicOption.format), (o, t) => {
-      C(o, t) || v(o);
+      }), { updateRealTime: y, realTime: n, rendererDomStyle: g };
+    }, { updateRealTime: h, realTime: u, rendererDomStyle: x } = v(a.basicOption);
+    return T(() => C(a.basicOption.format), (o, t) => {
+      I(o, t) || h(o);
     }, {
       deep: !0
-    }), (o, t) => (T(), S("div", {
+    }), (o, t) => (_(), w("div", {
       class: "real-time",
-      style: _(l(h)(o.basicOption.css)),
-      ztitle: l(m)
-    }, b(l(m)), 13, D));
+      style: E(l(x)(o.basicOption.css)),
+      ztitle: l(u)
+    }, b(l(u)), 13, O));
   }
 });
 export {
-  H as default
+  J as default
 };

package/es/components/text-row-scroll/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9b2fa9eb"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed5eeea7"]]);
 export {
   m as default
 };