@shjjs/visual-ui 1.0.0

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

@@ -0,0 +1,255 @@
+import type { CountUpOptions } from 'vue-countup-v3';
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    props: any;
+    beforeValue: import("vue").Ref<any>;
+    useOverNumber: (basicOption: any) => {
+        key: import("vue").Ref<string>;
+        init: () => void;
+        options: import("vue").Ref<CountUpOptions>;
+        endValue: import("vue").Ref<number>;
+        onFinished: () => void;
+        rendererDomStyle: (css: any) => any;
+    };
+    key: import("vue").Ref<string>;
+    init: () => void;
+    options: import("vue").Ref<CountUpOptions>;
+    endValue: import("vue").Ref<number>;
+    onFinished: () => void;
+    rendererDomStyle: (css: any) => any;
+    readonly CountUp: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            delay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            options: {
+                type: import("vue").PropType<CountUpOptions>;
+                default: undefined;
+            };
+            duration: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            endVal: {
+                type: import("vue").PropType<string | number>;
+                required: true;
+            };
+            startVal: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            decimalPlaces: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            autoplay: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loop: {
+                type: import("vue").PropType<number | boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onInit?: (countup: import("countup.js").CountUp) => any;
+            onFinished?: () => any;
+        }, {
+            init: () => void;
+            restart: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            init: (countup: import("countup.js").CountUp) => void;
+            finished: () => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            delay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            options: {
+                type: import("vue").PropType<CountUpOptions>;
+                default: undefined;
+            };
+            duration: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            endVal: {
+                type: import("vue").PropType<string | number>;
+                required: true;
+            };
+            startVal: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            decimalPlaces: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            autoplay: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loop: {
+                type: import("vue").PropType<number | boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onInit?: (countup: import("countup.js").CountUp) => any;
+            onFinished?: () => any;
+        }, {
+            startVal: string | number;
+            duration: string | number;
+            decimalPlaces: number;
+            autoplay: boolean;
+            loop: number | boolean;
+            delay: number;
+            options: CountUpOptions;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            delay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            options: {
+                type: import("vue").PropType<CountUpOptions>;
+                default: undefined;
+            };
+            duration: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            endVal: {
+                type: import("vue").PropType<string | number>;
+                required: true;
+            };
+            startVal: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            decimalPlaces: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            autoplay: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loop: {
+                type: import("vue").PropType<number | boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onInit?: (countup: import("countup.js").CountUp) => any;
+            onFinished?: () => any;
+        }, {
+            init: () => void;
+            restart: () => void;
+        }, {}, {}, {}, {
+            startVal: string | number;
+            duration: string | number;
+            decimalPlaces: number;
+            autoplay: boolean;
+            loop: number | boolean;
+            delay: number;
+            options: CountUpOptions;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        delay: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        options: {
+            type: import("vue").PropType<CountUpOptions>;
+            default: undefined;
+        };
+        duration: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        endVal: {
+            type: import("vue").PropType<string | number>;
+            required: true;
+        };
+        startVal: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        decimalPlaces: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        autoplay: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loop: {
+            type: import("vue").PropType<number | boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onInit?: (countup: import("countup.js").CountUp) => any;
+        onFinished?: () => any;
+    }, {
+        init: () => void;
+        restart: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        init: (countup: import("countup.js").CountUp) => void;
+        finished: () => void;
+    }, string, {
+        startVal: string | number;
+        duration: string | number;
+        decimalPlaces: number;
+        autoplay: boolean;
+        loop: number | boolean;
+        delay: number;
+        options: CountUpOptions;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            prefix?(_: {}): any;
+            suffix?(_: {}): 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;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/es/components/text-over-number/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-d3afba12"]]);
+export {
+  m as default
+};

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

@@ -0,0 +1,101 @@
+import { defineComponent as x, ref as s, watch as f, openBlock as E, createBlock as M, unref as i, normalizeStyle as j, onMounted as P, nextTick as _, onBeforeUnmount as T } from "vue";
+import { cloneDeep as m, isEqual as v } from "lodash";
+import $ from "vue-countup-v3";
+import { Odometer as z } from "odometer_countup";
+import { nanoid as h } from "nanoid";
+import { autoInstallFont as A, jsonToCssStyle as B } from "../../utils/json2css.mjs";
+const H = x({ name: "zv-text-over-number" }), K = /* @__PURE__ */ x({
+  ...H,
+  props: {
+    basicOption: {},
+    sources: {},
+    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 = () => {
+        window.SHJDatasourceV2({
+          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 = {
+                startVal: d.value,
+                separator: t.countUp.separator,
+                decimal: t.countUp.decimal,
+                decimalPlaces: t.countUp.decimalPlaces,
+                duration: t.countUp.duration,
+                prefix: t.countUp.prefix,
+                suffix: t.countUp.suffix
+              }, t.countUp.isOdometer && (c.value.plugin = new z({
+                duration: t.countUp.duration,
+                lastDigitDelay: 0
+              })), d.value = l.value, t.isImitate ? b() : r.value && clearInterval(r.value);
+            } catch {
+              window.SHJParseEvent(n.useEvents, "dataListener", null);
+            }
+          }
+        });
+      }, F = (e) => {
+        A(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 = {};
+        return e.textAlign === "left" && (e.justifyContent = "flex-start"), e.textAlign === "center" && (e.justifyContent = "center"), e.textAlign === "right" && (e.justifyContent = "flex-end"), {
+          ...B(e),
+          ...o,
+          ...C,
+          ...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);
+        const e = t.countUp.isOdometer ? Math.floor(Math.random() * 6) + 5 : Math.floor(Math.random() * 4) + 3;
+        r.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);
+      }), {
+        key: a,
+        init: p,
+        options: c,
+        endValue: l,
+        onFinished: I,
+        rendererDomStyle: F
+      };
+    }, {
+      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) => (E(), M(i($), {
+      key: i(S),
+      class: "zerov-widget-over-number",
+      "end-val": i(k),
+      options: i(g),
+      loop: t.basicOption.countUp.loop,
+      delay: t.basicOption.countUp.delay,
+      style: j(i(V)(t.basicOption.css)),
+      onFinished: i(D)
+    }, null, 8, ["end-val", "options", "loop", "delay", "style", "onFinished"]));
+  }
+});
+export {
+  K as default
+};

package/es/components/text-real-time/index.d.ts

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

package/es/components/text-real-time/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 ZvTextRealTime,
+  e as default
+};

package/es/components/text-real-time/index.vue.d.ts

@@ -0,0 +1,41 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    datasource: {
+        type: any;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}, {
+    emit: (event: "on-change", ...args: any[]) => void;
+    props: any;
+    useRealTime: (option: any) => {
+        updateRealTime: (format: string) => void;
+        realTime: import("vue").Ref<string>;
+        rendererDomStyle: (css: any) => any;
+    };
+    updateRealTime: (format: string) => void;
+    realTime: import("vue").Ref<string>;
+    rendererDomStyle: (css: any) => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-change"[], "on-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    datasource: {
+        type: any;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}>> & {
+    "onOn-change"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _sfc_main;

package/es/components/text-real-time/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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6e17aa32"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,55 @@
+import { defineComponent as f, watch as w, openBlock as S, createElementBlock as T, normalizeStyle as _, unref as l, toDisplayString as b, ref as c, onMounted as z, onBeforeUnmount as E } from "vue";
+import { cloneDeep as j, isEqual as C } from "lodash";
+import i from "dayjs";
+import "dayjs/locale/zh-cn";
+import { autoInstallFont as I, jsonToCssStyle as k } from "../../utils/json2css.mjs";
+const D = ["ztitle"], O = f({ name: "zv-text-real-time" }), H = /* @__PURE__ */ f({
+  ...O,
+  props: {
+    basicOption: {},
+    datasource: {},
+    useEvents: {}
+  },
+  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);
+        const r = {};
+        e.color && e.color.includes("linear-gradient") && (r.backgroundImage = e.color, r["-webkit-background-clip"] = "text", r.color = "transparent");
+        const y = {};
+        return e.textAlign === "left" && (e.justifyContent = "flex-start"), e.textAlign === "center" && (e.justifyContent = "center"), e.textAlign === "right" && (e.justifyContent = "flex-end"), {
+          ...k(e),
+          ...r,
+          ...y,
+          ...e.textShadow.show ? { "--text-shadow": `${e.textShadow.x}px ${e.textShadow.y}px ${e.textShadow.value}px ${e.textShadow.color}` } : {}
+        };
+      }, g = (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);
+        }, 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);
+        }, 1e3);
+      }), E(() => {
+        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);
+    }, {
+      deep: !0
+    }), (o, t) => (S(), T("div", {
+      class: "real-time",
+      style: _(l(h)(o.basicOption.css)),
+      ztitle: l(m)
+    }, b(l(m)), 13, D));
+  }
+});
+export {
+  H as default
+};

package/es/components/text-row-scroll/index.d.ts

@@ -0,0 +1,58 @@
+export declare const ZvTextRowScroll: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    emit: (event: "on-click-item" | "on-click-row" | "on-mouseenter-row" | "on-mouseout-row", ...args: any[]) => void;
+    key: import("vue").Ref<string>;
+    data: import("vue").Ref<any[]>;
+    props: any;
+    scroll: import("vue").Ref<boolean>;
+    init: () => void;
+    getTds: (item: any) => any[];
+    getCurrentColumnFontAuto: (index: any) => any;
+    getCurrentColumnFont: (index: any) => any;
+    getCurrentColumnWidthAuto: (index: any) => any;
+    getCurrentColumnWidth: (index: any) => any;
+    handleClickRow: (row: any, rowIndex: any) => void;
+    handleMouseenterRow: (row: any, rowIndex: any) => void;
+    handleMouseOutRow: (row: any, rowIndex: any) => void;
+    handleClickItem: (trData: any, tdData: any, trIndex: number, tdIndex: number) => void;
+    readonly Vue3SeamlessScroll: import("vue").DefineComponent<OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-click-item" | "on-click-row" | "on-mouseenter-row" | "on-mouseout-row")[], "on-click-item" | "on-click-row" | "on-mouseenter-row" | "on-mouseout-row", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    "onOn-click-item"?: (...args: any[]) => any;
+    "onOn-click-row"?: (...args: any[]) => any;
+    "onOn-mouseenter-row"?: (...args: any[]) => any;
+    "onOn-mouseout-row"?: (...args: any[]) => any;
+}, {}, {}>> & Record<string, any>;
+export default ZvTextRowScroll;

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

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

package/es/components/text-row-scroll/index.vue.d.ts

@@ -0,0 +1,58 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    emit: (event: "on-click-item" | "on-click-row" | "on-mouseenter-row" | "on-mouseout-row", ...args: any[]) => void;
+    key: import("vue").Ref<string>;
+    data: import("vue").Ref<any[]>;
+    props: any;
+    scroll: import("vue").Ref<boolean>;
+    init: () => void;
+    getTds: (item: any) => any[];
+    getCurrentColumnFontAuto: (index: any) => any;
+    getCurrentColumnFont: (index: any) => any;
+    getCurrentColumnWidthAuto: (index: any) => any;
+    getCurrentColumnWidth: (index: any) => any;
+    handleClickRow: (row: any, rowIndex: any) => void;
+    handleMouseenterRow: (row: any, rowIndex: any) => void;
+    handleMouseOutRow: (row: any, rowIndex: any) => void;
+    handleClickItem: (trData: any, tdData: any, trIndex: number, tdIndex: number) => void;
+    readonly Vue3SeamlessScroll: import("vue").DefineComponent<OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, OptionsType, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-click-item" | "on-click-row" | "on-mouseenter-row" | "on-mouseout-row")[], "on-click-item" | "on-click-row" | "on-mouseenter-row" | "on-mouseout-row", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    useEvents: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    sources: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    "onOn-click-item"?: (...args: any[]) => any;
+    "onOn-click-row"?: (...args: any[]) => any;
+    "onOn-mouseenter-row"?: (...args: any[]) => any;
+    "onOn-mouseout-row"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _sfc_main;

package/es/components/text-row-scroll/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-46fb4306"]]);
+export {
+  m as default
+};