@shjjs/visual-ui 1.0.0

package/es/components/scene-map3d/watch.mjs

@@ -0,0 +1,344 @@
+import { cloneDeep as c, isEqual as o } from "lodash";
+import { Color as f } from "three";
+import { watch as n } from "vue";
+import { createFloorRotateBorder as M } from "./map3d/module/FloorRotateBorder.mjs";
+import { createFloorGridRipple as k } from "./map3d/module/FloorGridRipple.mjs";
+import { createParticles as I } from "./map3d/module/Particles.mjs";
+import { createAmbientLight as B, createDirectionalLight as x, createPointLight1 as z, createPointLight2 as L, createEnvironment as w } from "./map3d/module/Environment.mjs";
+const C = (a, t, P, y, v) => {
+  n(() => c(a.basicOption.map.depth), (e, i) => {
+    try {
+      !o(e, i) && t.value && v();
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.scene.defaultMapAdcode), (e, i) => {
+    try {
+      !o(e, i) && t.value && v();
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.scene.translateX), (e, i) => {
+    try {
+      if (!o(e, i) && t.value) {
+        const r = a.basicOption.scene.translateX || 0, u = a.basicOption.scene.translateY || 0, l = a.basicOption.scene.translateZ || 0, g = a.basicOption.camera.position.x + r, m = a.basicOption.camera.position.y + u, b = a.basicOption.camera.position.z + l;
+        t.value.camera.instance.position.set(g, m, b);
+        const s = a.basicOption.camera.target;
+        if (s) {
+          const d = s[0] + r, h = s[1] + u, O = s[2] + l;
+          t.value.camera.controls.target.set(d, h, O);
+        }
+      }
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.scene.translateY), (e, i) => {
+    try {
+      if (!o(e, i) && t.value) {
+        const r = a.basicOption.scene.translateX || 0, u = a.basicOption.scene.translateY || 0, l = a.basicOption.scene.translateZ || 0, g = a.basicOption.camera.position.x + r, m = a.basicOption.camera.position.y + u, b = a.basicOption.camera.position.z + l;
+        t.value.camera.instance.position.set(g, m, b);
+        const s = a.basicOption.camera.target;
+        if (s) {
+          const d = s[0] + r, h = s[1] + u, O = s[2] + l;
+          t.value.camera.controls.target.set(d, h, O);
+        }
+      }
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.scene.translateZ), (e, i) => {
+    try {
+      if (!o(e, i) && t.value) {
+        const r = a.basicOption.scene.translateX || 0, u = a.basicOption.scene.translateY || 0, l = a.basicOption.scene.translateZ || 0, g = a.basicOption.camera.position.x + r, m = a.basicOption.camera.position.y + u, b = a.basicOption.camera.position.z + l;
+        t.value.camera.instance.position.set(g, m, b);
+        const s = a.basicOption.camera.target;
+        if (s) {
+          const d = s[0] + r, h = s[1] + u, O = s[2] + l;
+          t.value.camera.controls.target.set(d, h, O);
+        }
+      }
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), a.basicOption.orbitControls && n(() => c(a.basicOption.orbitControls), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.camera.setControls(e);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.scene.z), (e, i) => {
+    try {
+      !o(e, i) && t.value && (t.value.scene.position.z = e);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), a.basicOption.map.backgroundImg && (n(() => c(a.basicOption.map.backgroundImg.show), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.createMapBackgroundImg();
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.backgroundImg.src), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.mapBackgroundImgMaterial && t.value.createMapBackgroundImg();
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.backgroundImg.alphaMap), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.mapBackgroundImgMaterial && t.value.createMapBackgroundImg();
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.backgroundImg.color), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.mapBackgroundImgMaterial && (t.value.mapBackgroundImgMaterial.color = new f(e));
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.backgroundImg.opacity), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.mapBackgroundImgMaterial && (t.value.mapBackgroundImgMaterial.opacity = e);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.backgroundImg.rotation), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.mapBackgroundImgMesh && (t.value.mapBackgroundImgMesh.rotation.x = e[0] * (Math.PI / 180), t.value.mapBackgroundImgMesh.rotation.y = e[1] * (Math.PI / 180), t.value.mapBackgroundImgMesh.rotation.z = e[2] * (Math.PI / 180));
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.backgroundImg.position), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.mapBackgroundImgMesh && (t.value.mapBackgroundImgMesh.position.x = e[0], t.value.mapBackgroundImgMesh.position.y = e[1], t.value.mapBackgroundImgMesh.position.z = e[2]);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.backgroundImg.scale), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.mapBackgroundImgMesh && (t.value.mapBackgroundImgMesh.scale.x = e[0], t.value.mapBackgroundImgMesh.scale.y = e[1], t.value.mapBackgroundImgMesh.scale.z = e[2]);
+    } catch {
+    }
+  }, {
+    deep: !0
+  })), n(() => c(a.basicOption.scene.background), (e, i) => {
+    try {
+      !o(e, i) && t.value && (t.value.scene.background = new f(e));
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.lineColor), (e, i) => {
+    try {
+      !o(e, i) && t.value && (t.value.provinceLineMaterial.color = new f(e));
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.mirrorShow), (e, i) => {
+    try {
+      !o(e, i) && t.value && (t.value.groundMirror.visible = e);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.arealabel), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.setAreaLabelStyle(e);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.titleLabel), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.setMapTitleLabelStyle(e);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.topMaterial), async (e, i) => {
+    try {
+      if (!o(e, i) && t.value) {
+        let [r, u] = t.value.createProvinceMaterial(a.basicOption.map.topMaterial, a.basicOption.map.sideMaterial);
+        t.value.areaMapTopMaterial = r, t.value.areaMapSideMaterial = u, t.value.provinceMesh.mapGroup.traverse((l) => {
+          l.isMesh && (l.material[0] = r, l.material[1] = u);
+        });
+      }
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.sideMaterial), (e, i) => {
+    try {
+      if (!o(e, i) && t.value) {
+        let [r, u] = t.value.createProvinceMaterial(a.basicOption.map.topMaterial, a.basicOption.map.sideMaterial);
+        t.value.areaMapTopMaterial = r, t.value.areaMapSideMaterial = u, t.value.provinceMesh.mapGroup.traverse((l) => {
+          l.isMesh && (l.material[0] = r, l.material[1] = u);
+        });
+      }
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.map.storkeAnimation), (e, i) => {
+    try {
+      !o(e, i) && t.value && t.value.createAreaMapStorke(e, !1);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.particle), (e, i) => {
+    try {
+      !o(e, i) && t.value && I(t.value, e);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.floor.gaoguang), (e, i) => {
+    try {
+      !o(e, i) && t.value && (t.value.gaoguangMesh.visible = e.show, t.value.gaoguangMesh.material.color = new f(e.color));
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.floor.quan), (e, i) => {
+    try {
+      !o(e, i) && t.value && (t.value.quan.visible = e.show, t.value.quan.material.color = new f(e.color));
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.floor.gridRipple), (e, i) => {
+    try {
+      !o(e, i) && t.value && k(t.value, e);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.floor.rotateBorder), (e, i) => {
+    try {
+      !o(e, i) && t.value && M(t.value, e, !1);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.light.ambientLight), (e, i) => {
+    try {
+      !o(e, i) && t.value && B(t.value, e);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.light.directionalLight), (e, i) => {
+    try {
+      !o(e, i) && t.value && x(t.value, e, a.basicOption.debugger);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.light.pointLight1), (e, i) => {
+    try {
+      !o(e, i) && t.value && z(t.value, e, a.basicOption.debugger);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.light.pointLight2), (e, i) => {
+    try {
+      !o(e, i) && t.value && L(t.value, e, a.basicOption.debugger);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.debugger), (e, i) => {
+    try {
+      !o(e, i) && t.value && (w(t.value, a.basicOption.light, a.basicOption.debugger), t.value.mapBoxHelper.visible = a.basicOption.debugger, t.value.axesHelper.visible = a.basicOption.debugger);
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.camera.position), (e, i) => {
+    try {
+      if (!o(e, i) && t.value) {
+        const r = a.basicOption.scene.translateX || 0, u = a.basicOption.scene.translateY || 0, l = a.basicOption.scene.translateZ || 0, g = a.basicOption.camera.position.x + r, m = a.basicOption.camera.position.y + u, b = a.basicOption.camera.position.z + l;
+        t.value.camera.instance.position.set(g, m, b);
+      }
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), a.basicOption.camera.target && n(() => c(a.basicOption.camera.target), (e, i) => {
+    try {
+      if (!o(e, i) && t.value) {
+        const r = a.basicOption.scene.translateX || 0, u = a.basicOption.scene.translateY || 0, l = a.basicOption.scene.translateZ || 0, g = a.basicOption.camera.target;
+        if (g) {
+          const m = g[0] + r, b = g[1] + u, s = g[2] + l;
+          t.value.camera.controls.target.set(m, b, s);
+        }
+      }
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.widgets.filter((e) => e.type === "bar")), (e, i) => {
+    try {
+      !o(e, i) && t.value && e.length === i.length && e.forEach((r) => {
+        t.value.createBar(r, void 0, !1);
+      });
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.widgets.filter((e) => e.type === "scatter")), (e, i) => {
+    try {
+      !o(e, i) && t.value && e.length === i.length && e.forEach((r) => {
+        t.value.createScatter(r, void 0, !1);
+      });
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.widgets.filter((e) => e.type === "flyline")), (e, i) => {
+    try {
+      !o(e, i) && t.value && e.length === i.length && e.forEach((r) => {
+        t.value.createFlyLine(r, void 0, !1);
+      });
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.basicOption.widgets.filter((e) => e.type === "regionalLevel")), (e, i) => {
+    try {
+      !o(e, i) && t.value && e.length === i.length && e.forEach((r) => {
+        t.value.createRegionalLevel(r, void 0, !1);
+      });
+    } catch {
+    }
+  }, {
+    deep: !0
+  }), n(() => c(a.sources), (e, i) => {
+    try {
+      !o(e, i) && t.value && y(!1);
+    } catch {
+    }
+  }, {
+    deep: !0
+  });
+};
+export {
+  C as initWatch
+};

package/es/components/text-carousel/index.d.ts

@@ -0,0 +1,25 @@
+export declare const ZvTextCarousel: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}, {
+    useTextCarousel: () => {
+        rendererDomStyle: (css: any) => any;
+    };
+    rendererDomStyle: (css: any) => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default ZvTextCarousel;

package/es/components/text-carousel/index.mjs

@@ -0,0 +1,7 @@
+import t from "./index.vue.mjs";
+import { withInstall as o } from "../../utils/install.mjs";
+const e = o(t);
+export {
+  e as ZvTextCarousel,
+  e as default
+};

package/es/components/text-carousel/index.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}, {
+    useTextCarousel: () => {
+        rendererDomStyle: (css: any) => any;
+    };
+    rendererDomStyle: (css: any) => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/es/components/text-carousel/index.vue.mjs

@@ -0,0 +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-7bbc93f2"]]);
+export {
+  f as default
+};

package/es/components/text-carousel/index.vue2.mjs

@@ -0,0 +1,38 @@
+import { defineComponent as n, useCssVars as l, openBlock as d, createElementBlock as p, createElementVNode as s, normalizeStyle as u, unref as c, toDisplayString as f } from "vue";
+import { autoInstallFont as x, jsonToCssStyle as m } from "../../utils/json2css.mjs";
+const y = { class: "text-carousel" }, S = ["text", "ztitle"], g = n({ name: "zv-text-carousel" }), _ = /* @__PURE__ */ n({
+  ...g,
+  props: {
+    basicOption: {},
+    sources: {}
+  },
+  setup(h) {
+    l((e) => ({
+      e20711d2: e.basicOption.animation + "s",
+      "961fadac": e.basicOption.gap + "px"
+    }));
+    const r = () => ({ rendererDomStyle: (t) => {
+      x(t.fontFamily);
+      const o = {};
+      t.color && t.color.includes("linear-gradient") && (o.backgroundImage = t.color, o["-webkit-background-clip"] = "text", o.color = "transparent");
+      const i = {};
+      return t.textAlign === "left" && (t.justifyContent = "flex-start"), t.textAlign === "center" && (t.justifyContent = "center"), t.textAlign === "right" && (t.justifyContent = "flex-end"), {
+        ...m(t),
+        ...o,
+        ...i,
+        ...t.textShadow.show ? { "--text-shadow": `${t.textShadow.x}px ${t.textShadow.y}px ${t.textShadow.value}px ${t.textShadow.color}` } : {}
+      };
+    } }), { rendererDomStyle: a } = r();
+    return (e, t) => (d(), p("div", y, [
+      s("p", {
+        class: "words",
+        text: e.basicOption.value,
+        style: u(c(a)(e.basicOption.css)),
+        ztitle: e.basicOption.value
+      }, f(e.basicOption.value), 13, S)
+    ]));
+  }
+});
+export {
+  _ as default
+};

package/es/components/text-count-down/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ZvTextCountDown: any;
+export default ZvTextCountDown;

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

@@ -0,0 +1,7 @@
+import t from "./index.vue.mjs";
+import { withInstall as o } from "../../utils/install.mjs";
+const m = o(t);
+export {
+  m as ZvTextCountDown,
+  m as default
+};

package/es/components/text-count-down/index.vue.d.ts

@@ -0,0 +1,43 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}, {
+    emit: (event: "on-end" | "on-start", ...args: any[]) => void;
+    requestAnimationFrame: ((callback: FrameRequestCallback) => number) & typeof requestAnimationFrame;
+    props: any;
+    futureTime: import("vue").Ref<number>;
+    restTime: import("vue").Ref<number>;
+    showType: import("vue").ComputedRef<{
+        showMillisecond: any;
+        showYear: any;
+        showMonth: any;
+        showDay: any;
+        showHour: any;
+        showMinute: any;
+        showSecond: any;
+    }>;
+    fixedTwo: (value: number) => string;
+    timeFormat: (time: number | null) => string;
+    CountDown: () => void;
+    startCountDown: () => void;
+    rendererDomStyle: (css: any) => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-end" | "on-start")[], "on-end" | "on-start", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}>> & {
+    "onOn-end"?: (...args: any[]) => any;
+    "onOn-start"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _sfc_main;

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

@@ -0,0 +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-2410223c"]]);
+export {
+  m as default
+};

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

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

package/es/components/text-over-number/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ZvTextOverNumber: any;
+export default ZvTextOverNumber;

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

@@ -0,0 +1,7 @@
+import t from "./index.vue.mjs";
+import { withInstall as r } from "../../utils/install.mjs";
+const m = r(t);
+export {
+  m as ZvTextOverNumber,
+  m as default
+};