@shjjs/visual-ui 1.0.37 → 1.0.39

package/es/components/media-m3u8-dynamic/index.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as E, watch as v, createElementBlock as D, openBlock as T, unref as H, ref as s, onMounted as z } from "vue";
-import a from "hls.js";
-import { cloneDeep as l, isEqual as c } from "lodash";
+import { defineComponent as y, watch as c, createElementBlock as T, openBlock as D, unref as H, ref as a, onMounted as x, onBeforeUnmount as z } from "vue";
+import m from "hls.js";
+import { cloneDeep as f, isEqual as E } from "lodash";
 import { nanoid as A } from "nanoid";
 import "../text-text-basic/index.mjs";
 import "../text-table-basic/index.mjs";
@@ -182,12 +182,13 @@ import "../chart/src/scatter/basic/index.mjs";
 import "../chart/src/scatter/basic2/index.mjs";
 import "../chart/src/scatter/bubble/index.mjs";
 import "../chart/src/scatter/ripples/index.mjs";
+import "../commons/custom-component-render/index.mjs";
 /* empty css                        */
 /* empty css                               */
-import { SHJDatasourceV2 as B } from "../../plugins/datasource/index.mjs";
+import { SHJDatasourceV2 as I } from "../../plugins/datasource/index.mjs";
 import { SHJParseEvent as i } from "../../plugins/event/index.mjs";
-const I = ["poster", "autoplay", "controls", "loop", "muted"], J = E({ name: "zv-media-m3u8-dynamic" }), ur = /* @__PURE__ */ E({
-  ...J,
+const J = ["poster", "autoplay", "controls", "loop", "muted"], N = y({ name: "zv-media-m3u8-dynamic" }), fi = /* @__PURE__ */ y({
+  ...N,
   props: {
     basicOption: {},
     sources: {},
@@ -204,84 +205,115 @@ const I = ["poster", "autoplay", "controls", "loop", "muted"], J = E({ name: "zv
     "on-video-error",
     "on-video-volumechange"
   ],
-  setup(f, { expose: y, emit: g }) {
-    const o = f, V = () => {
-      const t = s(), r = s(""), w = s(A()), d = () => {
-        B.parse({
-          tId: o.uuid,
-          sources: o.sources,
-          callback: ({ data: u }) => {
+  setup(g, { expose: V, emit: b }) {
+    const t = g, R = () => {
+      const r = a(), e = a(""), S = a(A());
+      let o = null;
+      const u = () => {
+        o && (o.destroy(), o = null), I.parse({
+          tId: t.uuid,
+          sources: t.sources,
+          callback: ({ data: d }) => {
             try {
-              if (i.parseEvents(o.useEvents, "dataListener", u), r.value = u[0].data[0].src, r.value)
-                if (a.isSupported()) {
-                  const n = new a();
-                  n.loadSource(r.value), n.attachMedia(t.value), n.on(a.Events.MANIFEST_PARSED, () => {
-                    o.basicOption.autoplay && t.value.play();
-                  });
-                } else t.value.canPlayType("application/vnd.apple.mpegurl") && (t.value.src = r.value);
+              if (i.parseEvents(t.useEvents, "dataListener", d), e.value = d[0].data[0].src, e.value)
+                if (m.isSupported())
+                  try {
+                    o = new m({
+                      maxBufferLength: 30,
+                      maxMaxBufferLength: 60,
+                      maxBufferSize: 60 * 1e3 * 1e3,
+                      maxBufferHole: 0.5,
+                      lowLatencyMode: !0,
+                      backBufferLength: 90,
+                      enableWorker: !0,
+                      startLevel: -1,
+                      abrEwmaDefaultEstimate: 5e5,
+                      testBandwidth: !0,
+                      progressive: !0
+                    }), o.loadSource(e.value), o.attachMedia(r.value), o.on(m.Events.MANIFEST_PARSED, () => {
+                      t.basicOption.autoplay && r.value.play();
+                    }), o.on(m.Events.ERROR, (v, l) => {
+                      if (l.fatal)
+                        switch (l.type) {
+                          case m.ErrorTypes.NETWORK_ERROR:
+                            o == null || o.startLoad();
+                            break;
+                          case m.ErrorTypes.MEDIA_ERROR:
+                            o == null || o.recoverMediaError();
+                            break;
+                          default:
+                            o == null || o.destroy();
+                            break;
+                        }
+                    });
+                  } catch {
+                  }
+                else r.value.canPlayType("application/vnd.apple.mpegurl") && (r.value.src = e.value);
             } catch {
-              i.parseEvents(o.useEvents, "dataListener", null);
+              i.parseEvents(t.useEvents, "dataListener", null);
             }
           }
         });
       };
-      return z(() => d()), { key: w, videoRef: t, initM3u8Video: d };
-    }, { key: h, videoRef: e, initM3u8Video: m } = V();
-    v(() => l(o.basicOption), (t, r) => {
-      c(t, r) || m();
-    }, { deep: !0 }), v(() => l(o.sources), (t, r) => {
-      c(t, r) || m();
+      return x(() => u()), z(() => {
+        o && (o.destroy(), o = null);
+      }), { key: S, videoRef: r, initM3u8Video: u };
+    }, { key: h, videoRef: n, initM3u8Video: s } = R();
+    c(() => f(t.basicOption), (r, e) => {
+      E(r, e) || s();
+    }, { deep: !0 }), c(() => f(t.sources), (r, e) => {
+      E(r, e) || s();
     }, { deep: !0 });
-    const p = g, P = () => {
-      p("on-video-progress"), i.parseEvents(o.useEvents, "on-video-progress");
-    }, b = () => {
-      p("on-video-play"), i.parseEvents(o.useEvents, "on-video-play");
-    }, k = () => {
-      p("on-video-pause"), i.parseEvents(o.useEvents, "on-video-pause");
+    const p = b, k = () => {
+      p("on-video-progress"), i.parseEvents(t.useEvents, "on-video-progress");
     }, O = () => {
-      p("on-video-ended"), i.parseEvents(o.useEvents, "on-video-ended");
+      p("on-video-play"), i.parseEvents(t.useEvents, "on-video-play");
+    }, P = () => {
+      p("on-video-pause"), i.parseEvents(t.useEvents, "on-video-pause");
     }, M = () => {
-      p("on-video-playing"), i.parseEvents(o.useEvents, "on-video-playing");
+      p("on-video-ended"), i.parseEvents(t.useEvents, "on-video-ended");
+    }, B = () => {
+      p("on-video-playing"), i.parseEvents(t.useEvents, "on-video-playing");
     }, _ = () => {
-      p("on-video-timeupdate"), i.parseEvents(o.useEvents, "on-video-timeupdate");
-    }, S = () => {
-      p("on-video-error"), i.parseEvents(o.useEvents, "on-video-error");
-    }, R = () => {
-      p("on-video-volumechange"), i.parseEvents(o.useEvents, "on-video-volumechange");
+      p("on-video-timeupdate"), i.parseEvents(t.useEvents, "on-video-timeupdate");
+    }, w = () => {
+      p("on-video-error"), i.parseEvents(t.useEvents, "on-video-error");
+    }, L = () => {
+      p("on-video-volumechange"), i.parseEvents(t.useEvents, "on-video-volumechange");
     };
-    return y({
+    return V({
       /** 开始播放 */
       play: () => {
-        e.value && e.value.play();
+        n.value && n.value.play();
       },
       /** 暂停播放 */
       pause: () => {
-        e.value && e.value.pause();
+        n.value && n.value.pause();
       },
-      refresh: () => m(),
-      refreshView: () => m(),
-      refreshData: () => m()
-    }), (t, r) => (T(), D("video", {
+      refresh: () => s(),
+      refreshView: () => s(),
+      refreshData: () => s()
+    }), (r, e) => (D(), T("video", {
       key: H(h),
       ref_key: "videoRef",
-      ref: e,
+      ref: n,
       class: "zerov-widget",
-      poster: t.basicOption.poster,
-      autoplay: t.basicOption.autoplay,
-      controls: t.basicOption.controls,
-      loop: t.basicOption.loop,
-      muted: t.basicOption.muted,
-      onProgress: P,
-      onPlay: b,
-      onEnded: O,
-      onPlaying: M,
-      onPause: k,
+      poster: r.basicOption.poster,
+      autoplay: r.basicOption.autoplay,
+      controls: r.basicOption.controls,
+      loop: r.basicOption.loop,
+      muted: r.basicOption.muted,
+      onProgress: k,
+      onPlay: O,
+      onEnded: M,
+      onPlaying: B,
+      onPause: P,
       onTimeupdate: _,
-      onError: S,
-      onVolumechange: R
-    }, null, 40, I));
+      onError: w,
+      onVolumechange: L
+    }, null, 40, J));
   }
 });
 export {
-  ur as default
+  fi as default
 };

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

@@ -1,4 +1,4 @@
-export declare const ZvMediaVideo: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvMediaVideo: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -11,10 +11,10 @@ export declare const ZvMediaVideo: import("../../commons/utils/typescript").SFCW
         type: ArrayConstructor;
         required: true;
     };
-}, {
+}>, {
     props: any;
-    key: import("vue").Ref<string>;
-    videoRef: import("vue").Ref<any>;
+    key: import("vue").Ref<string, string>;
+    videoRef: import("vue").Ref<any, 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;
@@ -24,7 +24,7 @@ export declare const ZvMediaVideo: import("../../commons/utils/typescript").SFCW
     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<{
+}, {}, {}, {}, 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;
@@ -37,7 +37,7 @@ export declare const ZvMediaVideo: import("../../commons/utils/typescript").SFCW
         type: ArrayConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onOn-video-progress"?: (...args: any[]) => any;
     "onOn-video-play"?: (...args: any[]) => any;
     "onOn-video-pause"?: (...args: any[]) => any;
@@ -46,5 +46,5 @@ export declare const ZvMediaVideo: import("../../commons/utils/typescript").SFCW
     "onOn-video-timeupdate"?: (...args: any[]) => any;
     "onOn-video-error"?: (...args: any[]) => any;
     "onOn-video-volumechange"?: (...args: any[]) => any;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default ZvMediaVideo;

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

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -11,10 +11,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: ArrayConstructor;
         required: true;
     };
-}, {
+}>, {
     props: any;
-    key: import("vue").Ref<string>;
-    videoRef: import("vue").Ref<any>;
+    key: import("vue").Ref<string, string>;
+    videoRef: import("vue").Ref<any, 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;
@@ -24,7 +24,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     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<{
+}, {}, {}, {}, 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;
@@ -37,7 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: ArrayConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onOn-video-progress"?: (...args: any[]) => any;
     "onOn-video-play"?: (...args: any[]) => any;
     "onOn-video-pause"?: (...args: any[]) => any;
@@ -46,5 +46,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onOn-video-timeupdate"?: (...args: any[]) => any;
     "onOn-video-error"?: (...args: any[]) => any;
     "onOn-video-volumechange"?: (...args: any[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

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

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

@@ -180,13 +180,14 @@ import "../chart/src/scatter/basic/index.mjs";
 import "../chart/src/scatter/basic2/index.mjs";
 import "../chart/src/scatter/bubble/index.mjs";
 import "../chart/src/scatter/ripples/index.mjs";
+import "../commons/custom-component-render/index.mjs";
 /* empty css                        */
 /* empty css                               */
 import "lodash";
 import "../../plugins/datasource/utils/request.mjs";
 import "../../plugins/datasource/utils/wsManager.mjs";
 import { SHJParseEvent as t } from "../../plugins/event/index.mjs";
-const h = ["poster", "autoplay", "controls", "loop", "muted", "src"], O = e({ name: "zv-media-video" }), $t = /* @__PURE__ */ e({
+const h = ["poster", "autoplay", "controls", "loop", "muted", "src"], O = e({ name: "zv-media-video" }), xt = /* @__PURE__ */ e({
   ...O,
   props: {
     basicOption: {},
@@ -253,5 +254,5 @@ const h = ["poster", "autoplay", "controls", "loop", "muted", "src"], O = e({ na
   }
 });
 export {
-  $t as default
+  xt as default
 };

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

@@ -1,4 +1,4 @@
-export declare const ZvMediaVideoDynamic: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvMediaVideoDynamic: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -15,17 +15,17 @@ export declare const ZvMediaVideoDynamic: import("../../commons/utils/typescript
         type: StringConstructor;
         required: true;
     };
-}, {
+}>, {
     props: any;
     useVideoDynamic: () => {
         init: () => void;
-        src: import("vue").Ref<string>;
-        key: import("vue").Ref<string>;
+        src: import("vue").Ref<string, string>;
+        key: import("vue").Ref<string, string>;
     };
     init: () => void;
-    src: import("vue").Ref<string>;
-    key: import("vue").Ref<string>;
-    videoRef: import("vue").Ref<any>;
+    src: import("vue").Ref<string, string>;
+    key: import("vue").Ref<string, string>;
+    videoRef: import("vue").Ref<any, 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;
@@ -35,7 +35,7 @@ export declare const ZvMediaVideoDynamic: import("../../commons/utils/typescript
     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<{
+}, {}, {}, {}, 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;
@@ -52,7 +52,7 @@ export declare const ZvMediaVideoDynamic: import("../../commons/utils/typescript
         type: StringConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onOn-video-progress"?: (...args: any[]) => any;
     "onOn-video-play"?: (...args: any[]) => any;
     "onOn-video-pause"?: (...args: any[]) => any;
@@ -61,5 +61,5 @@ export declare const ZvMediaVideoDynamic: import("../../commons/utils/typescript
     "onOn-video-timeupdate"?: (...args: any[]) => any;
     "onOn-video-error"?: (...args: any[]) => any;
     "onOn-video-volumechange"?: (...args: any[]) => any;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default ZvMediaVideoDynamic;

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

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -15,17 +15,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {
+}>, {
     props: any;
     useVideoDynamic: () => {
         init: () => void;
-        src: import("vue").Ref<string>;
-        key: import("vue").Ref<string>;
+        src: import("vue").Ref<string, string>;
+        key: import("vue").Ref<string, string>;
     };
     init: () => void;
-    src: import("vue").Ref<string>;
-    key: import("vue").Ref<string>;
-    videoRef: import("vue").Ref<any>;
+    src: import("vue").Ref<string, string>;
+    key: import("vue").Ref<string, string>;
+    videoRef: import("vue").Ref<any, 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;
@@ -35,7 +35,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     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<{
+}, {}, {}, {}, 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;
@@ -52,7 +52,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onOn-video-progress"?: (...args: any[]) => any;
     "onOn-video-play"?: (...args: any[]) => any;
     "onOn-video-pause"?: (...args: any[]) => any;
@@ -61,5 +61,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onOn-video-timeupdate"?: (...args: any[]) => any;
     "onOn-video-error"?: (...args: any[]) => any;
     "onOn-video-volumechange"?: (...args: any[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

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

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

@@ -181,11 +181,12 @@ import "../chart/src/scatter/basic/index.mjs";
 import "../chart/src/scatter/basic2/index.mjs";
 import "../chart/src/scatter/bubble/index.mjs";
 import "../chart/src/scatter/ripples/index.mjs";
+import "../commons/custom-component-render/index.mjs";
 /* empty css                        */
 /* empty css                               */
 import { SHJDatasourceV2 as R } from "../../plugins/datasource/index.mjs";
 import { SHJParseEvent as i } from "../../plugins/event/index.mjs";
-const S = ["poster", "autoplay", "controls", "loop", "muted", "src"], q = u({ name: "zv-media-video-dynamic" }), dr = /* @__PURE__ */ u({
+const S = ["poster", "autoplay", "controls", "loop", "muted", "src"], q = u({ name: "zv-media-video-dynamic" }), ur = /* @__PURE__ */ u({
   ...q,
   props: {
     basicOption: {},
@@ -275,5 +276,5 @@ const S = ["poster", "autoplay", "controls", "loop", "muted", "src"], q = u({ na
   }
 });
 export {
-  dr as default
+  ur as default
 };

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

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

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

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

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

@@ -1,4 +1,4 @@
-export declare const ZvSceneAmap2d: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvSceneAmap2d: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -15,7 +15,7 @@ export declare const ZvSceneAmap2d: import("../../commons/utils/typescript").SFC
         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: () => {
@@ -25,9 +25,9 @@ export declare const ZvSceneAmap2d: import("../../commons/utils/typescript").SFC
         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>;
+        amap2d: import("vue").ShallowRef<any, any>;
+        loading: import("vue").Ref<boolean, boolean>;
+        AMapPrototype: import("vue").Ref<any, any>;
     };
     initAMap2d: (option: any) => void;
     updateAMapStyle: (option: any) => void;
@@ -35,9 +35,9 @@ export declare const ZvSceneAmap2d: import("../../commons/utils/typescript").SFC
     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<{
+    loading: import("vue").Ref<boolean, boolean>;
+    AMapPrototype: import("vue").Ref<any, any>;
+}, {}, {}, {}, 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;
@@ -54,7 +54,7 @@ export declare const ZvSceneAmap2d: import("../../commons/utils/typescript").SFC
         type: StringConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onAmap2d-scene-success"?: (...args: any[]) => any;
     "onAmap2d-scene-zoomstart"?: (...args: any[]) => any;
     "onAmap2d-scene-zoomend"?: (...args: any[]) => any;
@@ -62,5 +62,5 @@ export declare const ZvSceneAmap2d: import("../../commons/utils/typescript").SFC
     "onAmap2d-scene-dragstart"?: (...args: any[]) => any;
     "onAmap2d-scene-dragging"?: (...args: any[]) => any;
     "onAmap2d-scene-dragend"?: (...args: any[]) => any;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default ZvSceneAmap2d;