@shjjs/visual-ui 1.0.0

package/es/components/media-video-dynamic/index.vue.d.ts

@@ -0,0 +1,65 @@
+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;
+    useVideoDynamic: () => {
+        init: () => void;
+        src: import("vue").Ref<string>;
+        key: import("vue").Ref<string>;
+    };
+    init: () => void;
+    src: import("vue").Ref<string>;
+    key: import("vue").Ref<string>;
+    videoRef: import("vue").Ref<any>;
+    emit: (event: "on-video-progress" | "on-video-play" | "on-video-pause" | "on-video-ended" | "on-video-playing" | "on-video-timeupdate" | "on-video-error" | "on-video-volumechange", ...args: any[]) => void;
+    onVideoProgress: () => void;
+    onVideoPlay: () => void;
+    onVideoPause: () => void;
+    onVideoPlayEnded: () => void;
+    onVideoPlaying: () => void;
+    onVideoTimeupdate: () => void;
+    onVideoError: () => void;
+    onVideoVolumechange: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-video-progress" | "on-video-play" | "on-video-pause" | "on-video-ended" | "on-video-playing" | "on-video-timeupdate" | "on-video-error" | "on-video-volumechange")[], "on-video-progress" | "on-video-play" | "on-video-pause" | "on-video-ended" | "on-video-playing" | "on-video-timeupdate" | "on-video-error" | "on-video-volumechange", 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;
+    };
+}>> & {
+    "onOn-video-progress"?: (...args: any[]) => any;
+    "onOn-video-play"?: (...args: any[]) => any;
+    "onOn-video-pause"?: (...args: any[]) => any;
+    "onOn-video-ended"?: (...args: any[]) => any;
+    "onOn-video-playing"?: (...args: any[]) => any;
+    "onOn-video-timeupdate"?: (...args: any[]) => any;
+    "onOn-video-error"?: (...args: any[]) => any;
+    "onOn-video-volumechange"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _sfc_main;

package/es/components/media-video-dynamic/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 e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e1d69ec8"]]);
+export {
+  e as default
+};

package/es/components/media-video-dynamic/index.vue2.mjs

@@ -0,0 +1,95 @@
+import { defineComponent as v, watch as S, ref as r, openBlock as k, createElementBlock as b, unref as u, onMounted as O, nextTick as _ } from "vue";
+import { nanoid as D } from "nanoid";
+import { cloneDeep as T, isEqual as z } from "lodash";
+const B = ["poster", "autoplay", "controls", "loop", "muted", "src"], L = v({ name: "zv-media-video-dynamic" }), M = /* @__PURE__ */ v({
+  ...L,
+  props: {
+    basicOption: {},
+    sources: {},
+    useEvents: {},
+    uuid: {}
+  },
+  emits: [
+    "on-video-progress",
+    "on-video-play",
+    "on-video-pause",
+    "on-video-ended",
+    "on-video-playing",
+    "on-video-timeupdate",
+    "on-video-error",
+    "on-video-volumechange"
+  ],
+  setup(c, { expose: p, emit: l }) {
+    const e = c, m = () => {
+      const o = r(""), t = r(D()), a = () => {
+        window.SHJDatasourceV2({
+          tId: e.uuid,
+          sources: e.sources,
+          callback: ({ data: d }) => {
+            try {
+              window.SHJParseEvent(e.useEvents, "dataListener", d), o.value = d[0].data[0].src;
+            } catch {
+              window.SHJParseEvent(e.useEvents, "dataListener", null);
+            }
+          }
+        });
+      };
+      return O(() => _(() => a())), { init: a, src: o, key: t };
+    }, { init: i, src: E, key: w } = m();
+    S(() => T(e.sources), (o, t) => {
+      z(o, t) || i();
+    }, { deep: !0 });
+    const s = r(), n = l, y = () => {
+      n("on-video-progress"), window.SHJParseEvent(e.useEvents, "on-video-progress");
+    }, f = () => {
+      n("on-video-play"), window.SHJParseEvent(e.useEvents, "on-video-play");
+    }, P = () => {
+      n("on-video-pause"), window.SHJParseEvent(e.useEvents, "on-video-pause");
+    }, g = () => {
+      n("on-video-ended"), window.SHJParseEvent(e.useEvents, "on-video-ended");
+    }, V = () => {
+      n("on-video-playing"), window.SHJParseEvent(e.useEvents, "on-video-playing");
+    }, h = () => {
+      n("on-video-timeupdate"), window.SHJParseEvent(e.useEvents, "on-video-timeupdate");
+    }, H = () => {
+      n("on-video-error"), window.SHJParseEvent(e.useEvents, "on-video-error");
+    }, J = () => {
+      n("on-video-volumechange"), window.SHJParseEvent(e.useEvents, "on-video-volumechange");
+    };
+    return p({
+      /** 开始播放 */
+      play: () => {
+        s.value && s.value.play();
+      },
+      /** 暂停播放 */
+      pause: () => {
+        s.value && s.value.pause();
+      },
+      refresh: () => i(),
+      refreshView: () => i(),
+      refreshData: () => i()
+    }), (o, t) => (k(), b("video", {
+      ref_key: "videoRef",
+      ref: s,
+      key: u(w),
+      poster: o.basicOption.poster,
+      autoplay: o.basicOption.autoplay,
+      controls: o.basicOption.controls,
+      loop: o.basicOption.loop,
+      muted: o.basicOption.muted,
+      class: "zerov-widget-video",
+      src: u(E),
+      onProgress: y,
+      onPlay: f,
+      onEnded: g,
+      onPlaying: V,
+      onPause: P,
+      onTimeupdate: h,
+      onError: H,
+      onVolumechange: J
+    }, null, 40, B));
+  }
+});
+export {
+  M as default
+};

package/es/components/media-wavesurfer/index.d.ts

@@ -0,0 +1,26 @@
+export declare const ZvMediaWavesurfer: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+}, {
+    props: any;
+    useWavesurfer: (basicOption: any) => {
+        wavesurRef: import("vue").Ref<any>;
+        timeRef: import("vue").Ref<any>;
+        durationRef: import("vue").Ref<any>;
+        loadingStatus: import("vue").Ref<boolean>;
+        initWavesurfer: (option: any) => void;
+    };
+    formatTime: (seconds: any) => string;
+    wavesurRef: import("vue").Ref<any>;
+    timeRef: import("vue").Ref<any>;
+    durationRef: import("vue").Ref<any>;
+    initWavesurfer: (option: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default ZvMediaWavesurfer;

package/es/components/media-wavesurfer/index.mjs

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

package/es/components/media-wavesurfer/index.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+}, {
+    props: any;
+    useWavesurfer: (basicOption: any) => {
+        wavesurRef: import("vue").Ref<any>;
+        timeRef: import("vue").Ref<any>;
+        durationRef: import("vue").Ref<any>;
+        loadingStatus: import("vue").Ref<boolean>;
+        initWavesurfer: (option: any) => void;
+    };
+    formatTime: (seconds: any) => string;
+    wavesurRef: import("vue").Ref<any>;
+    timeRef: import("vue").Ref<any>;
+    durationRef: import("vue").Ref<any>;
+    initWavesurfer: (option: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/es/components/media-wavesurfer/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-84099254"]]);
+export {
+  p as default
+};

package/es/components/media-wavesurfer/index.vue2.mjs

@@ -0,0 +1,57 @@
+import { defineComponent as m, watch as k, openBlock as h, createElementBlock as W, createElementVNode as i, ref as a, onMounted as x, onBeforeUnmount as b } from "vue";
+import { cloneDeep as B, isEqual as C } from "lodash";
+import E from "wavesurfer.js";
+const M = { class: "wavesurfer-wrap" }, O = m({ name: "zv-media-wavesurfer" }), q = /* @__PURE__ */ m({
+  ...O,
+  props: {
+    basicOption: {}
+  },
+  setup(v) {
+    const f = v, p = (t) => {
+      const r = a(), n = a(), o = a(), c = a(!1);
+      let e;
+      const d = (l) => {
+        e && e.destroy(), e = E.create({
+          container: r.value,
+          ...l,
+          url: l.url
+        }), e.on("ready", () => {
+          c.value = !0;
+        }), e.on("click", () => {
+          e.play();
+        }), o.value && n.value && e && (e.on("decode", (s) => o.value.textContent = u(s)), e.on("timeupdate", (s) => n.value.textContent = u(s)));
+      };
+      return x(() => d(t)), b(() => {
+        e && e.destroy();
+      }), { wavesurRef: r, timeRef: n, durationRef: o, loadingStatus: c, initWavesurfer: d };
+    }, u = (t) => {
+      const r = Math.floor(t / 60), o = `0${Math.round(t) % 60}`.slice(-2);
+      return `${r}:${o}`;
+    }, { wavesurRef: R, timeRef: _, durationRef: w, initWavesurfer: y } = p(f.basicOption);
+    return k(() => B(f.basicOption), (t, r) => {
+      C(t, r) || y(t);
+    }, {
+      deep: !0
+    }), (t, r) => (h(), W("div", M, [
+      i("div", {
+        ref_key: "wavesurRef",
+        ref: R,
+        class: "wavesurfer"
+      }, [
+        i("div", {
+          ref_key: "timeRef",
+          ref: _,
+          class: "time"
+        }, "0:00", 512),
+        i("div", {
+          ref_key: "durationRef",
+          ref: w,
+          class: "duration"
+        }, "0:00", 512)
+      ], 512)
+    ]));
+  }
+});
+export {
+  q as default
+};

package/es/components/scene-amap2d/index.d.ts

@@ -0,0 +1,66 @@
+export declare const ZvSceneAmap2d: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: any;
+        required: true;
+    };
+    globalEvent: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    props: any;
+    emit: (event: "amap2d-scene-success" | "amap2d-scene-zoomstart" | "amap2d-scene-zoomend" | "amap2d-scene-mapclick" | "amap2d-scene-dragstart" | "amap2d-scene-dragging" | "amap2d-scene-dragend", ...args: any[]) => void;
+    useAMap2d: () => {
+        initAMap2d: (option: any) => void;
+        updateAMapStyle: (option: any) => void;
+        updateAMapConfig: (option: any) => void;
+        updateAMapComponents: () => void;
+        updateAMapZoom: (option: any) => void;
+        updateAMapCenter: (option: any) => void;
+        amap2d: import("vue").ShallowRef<any>;
+        loading: import("vue").Ref<boolean>;
+        AMapPrototype: import("vue").Ref<any>;
+    };
+    initAMap2d: (option: any) => void;
+    updateAMapStyle: (option: any) => void;
+    updateAMapConfig: (option: any) => void;
+    updateAMapComponents: () => void;
+    updateAMapZoom: (option: any) => void;
+    updateAMapCenter: (option: any) => void;
+    loading: import("vue").Ref<boolean>;
+    AMapPrototype: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("amap2d-scene-success" | "amap2d-scene-zoomstart" | "amap2d-scene-zoomend" | "amap2d-scene-mapclick" | "amap2d-scene-dragstart" | "amap2d-scene-dragging" | "amap2d-scene-dragend")[], "amap2d-scene-success" | "amap2d-scene-zoomstart" | "amap2d-scene-zoomend" | "amap2d-scene-mapclick" | "amap2d-scene-dragstart" | "amap2d-scene-dragging" | "amap2d-scene-dragend", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: any;
+        required: true;
+    };
+    globalEvent: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    "onAmap2d-scene-success"?: (...args: any[]) => any;
+    "onAmap2d-scene-zoomstart"?: (...args: any[]) => any;
+    "onAmap2d-scene-zoomend"?: (...args: any[]) => any;
+    "onAmap2d-scene-mapclick"?: (...args: any[]) => any;
+    "onAmap2d-scene-dragstart"?: (...args: any[]) => any;
+    "onAmap2d-scene-dragging"?: (...args: any[]) => any;
+    "onAmap2d-scene-dragend"?: (...args: any[]) => any;
+}, {}, {}>> & Record<string, any>;
+export default ZvSceneAmap2d;

package/es/components/scene-amap2d/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 ZvSceneAmap2d,
+  m as default
+};

package/es/components/scene-amap2d/index.vue.d.ts

@@ -0,0 +1,66 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: any;
+        required: true;
+    };
+    globalEvent: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    props: any;
+    emit: (event: "amap2d-scene-success" | "amap2d-scene-zoomstart" | "amap2d-scene-zoomend" | "amap2d-scene-mapclick" | "amap2d-scene-dragstart" | "amap2d-scene-dragging" | "amap2d-scene-dragend", ...args: any[]) => void;
+    useAMap2d: () => {
+        initAMap2d: (option: any) => void;
+        updateAMapStyle: (option: any) => void;
+        updateAMapConfig: (option: any) => void;
+        updateAMapComponents: () => void;
+        updateAMapZoom: (option: any) => void;
+        updateAMapCenter: (option: any) => void;
+        amap2d: import("vue").ShallowRef<any>;
+        loading: import("vue").Ref<boolean>;
+        AMapPrototype: import("vue").Ref<any>;
+    };
+    initAMap2d: (option: any) => void;
+    updateAMapStyle: (option: any) => void;
+    updateAMapConfig: (option: any) => void;
+    updateAMapComponents: () => void;
+    updateAMapZoom: (option: any) => void;
+    updateAMapCenter: (option: any) => void;
+    loading: import("vue").Ref<boolean>;
+    AMapPrototype: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("amap2d-scene-success" | "amap2d-scene-zoomstart" | "amap2d-scene-zoomend" | "amap2d-scene-mapclick" | "amap2d-scene-dragstart" | "amap2d-scene-dragging" | "amap2d-scene-dragend")[], "amap2d-scene-success" | "amap2d-scene-zoomstart" | "amap2d-scene-zoomend" | "amap2d-scene-mapclick" | "amap2d-scene-dragstart" | "amap2d-scene-dragging" | "amap2d-scene-dragend", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    basicOption: {
+        type: any;
+        required: true;
+    };
+    sources: {
+        type: any;
+        required: true;
+    };
+    globalEvent: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    "onAmap2d-scene-success"?: (...args: any[]) => any;
+    "onAmap2d-scene-zoomstart"?: (...args: any[]) => any;
+    "onAmap2d-scene-zoomend"?: (...args: any[]) => any;
+    "onAmap2d-scene-mapclick"?: (...args: any[]) => any;
+    "onAmap2d-scene-dragstart"?: (...args: any[]) => any;
+    "onAmap2d-scene-dragging"?: (...args: any[]) => any;
+    "onAmap2d-scene-dragend"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _sfc_main;

package/es/components/scene-amap2d/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-0b1540a4"]]);
+export {
+  p as default
+};