@shjjs/visual-ui 1.0.38 → 1.0.39

package/es/components/media-flv/index.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as a, watch as O, createElementBlock as _, openBlock as F, ref as R, onMounted as k } from "vue";
-import { cloneDeep as w, isEqual as z } from "lodash";
-import s from "flv.js";
+import { defineComponent as d, watch as _, createElementBlock as T, openBlock as w, ref as F, onMounted as M, onBeforeUnmount as R } from "vue";
+import { cloneDeep as k, isEqual as B } from "lodash";
+import a from "flv.js";
 import "../text-text-basic/index.mjs";
 import "../text-table-basic/index.mjs";
 import "../chart-other-gauge/index.mjs";
@@ -181,13 +181,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 "../../plugins/datasource/utils/request.mjs";
 import "../../plugins/datasource/utils/wsManager.mjs";
-import { SHJParseEvent as r } from "../../plugins/event/index.mjs";
-const B = ["poster", "autoplay", "controls", "loop", "muted"], M = a({ name: "zv-media-flv" }), mr = /* @__PURE__ */ a({
-  ...M,
+import { SHJParseEvent as p } from "../../plugins/event/index.mjs";
+const z = ["poster", "autoplay", "controls", "loop", "muted"], C = d({ name: "zv-media-flv" }), ar = /* @__PURE__ */ d({
+  ...C,
   props: {
     basicOption: {},
     sources: {},
@@ -203,70 +204,81 @@ const B = ["poster", "autoplay", "controls", "loop", "muted"], M = a({ name: "zv
     "on-video-error",
     "on-video-volumechange"
   ],
-  setup(d, { expose: v, emit: l }) {
-    const o = d, u = () => {
-      const i = R(), m = (n) => {
-        if (n && s.isSupported())
+  setup(l, { expose: u, emit: v }) {
+    const t = l, c = () => {
+      const i = F();
+      let o = null;
+      const n = (s) => {
+        if (o && (o.pause(), o.unload(), o.detachMediaElement(), o.destroy(), o = null), s && a.isSupported())
           try {
-            const e = s.createPlayer({
+            o = a.createPlayer({
               type: "flv",
-              url: n
-            });
-            e.attachMediaElement(i.value), e.load(), o.basicOption.autoplay && e.play();
+              url: s,
+              isLive: !1,
+              hasAudio: !0,
+              hasVideo: !0,
+              cors: !0,
+              withCredentials: !1
+            }), o.attachMediaElement(i.value), o.load(), t.basicOption.autoplay && o.play();
           } catch {
           }
       };
-      return k(() => m(o.basicOption.src)), { videoRef: i, initFlvVideo: m };
-    }, { videoRef: p, initFlvVideo: c } = u();
-    O(() => w(o.basicOption), (i, m) => {
-      z(i, m) || c(i.src);
+      return M(() => n(t.basicOption.src)), R(() => {
+        o && (o.pause(), o.unload(), o.detachMediaElement(), o.destroy(), o = null);
+      }), { videoRef: i, initFlvVideo: n };
+    }, { videoRef: m, initFlvVideo: f } = c();
+    let e = null;
+    _(() => k(t.basicOption), (i, o) => {
+      B(i, o) || (e && clearTimeout(e), e = setTimeout(() => {
+        f(i.src);
+      }, 300));
     }, { deep: !0 });
-    const t = l, f = () => {
-      t("on-video-progress"), r.parseEvents(o.useEvents, "on-video-progress");
-    }, E = () => {
-      t("on-video-play"), r.parseEvents(o.useEvents, "on-video-play");
+    const r = v, E = () => {
+      r("on-video-progress"), p.parseEvents(t.useEvents, "on-video-progress");
     }, y = () => {
-      t("on-video-pause"), r.parseEvents(o.useEvents, "on-video-pause");
+      r("on-video-play"), p.parseEvents(t.useEvents, "on-video-play");
     }, g = () => {
-      t("on-video-ended"), r.parseEvents(o.useEvents, "on-video-ended");
+      r("on-video-pause"), p.parseEvents(t.useEvents, "on-video-pause");
+    }, h = () => {
+      r("on-video-ended"), p.parseEvents(t.useEvents, "on-video-ended");
     }, V = () => {
-      t("on-video-playing"), r.parseEvents(o.useEvents, "on-video-playing");
+      r("on-video-playing"), p.parseEvents(t.useEvents, "on-video-playing");
     }, P = () => {
-      t("on-video-timeupdate"), r.parseEvents(o.useEvents, "on-video-timeupdate");
-    }, h = () => {
-      t("on-video-error"), r.parseEvents(o.useEvents, "on-video-error");
+      r("on-video-timeupdate"), p.parseEvents(t.useEvents, "on-video-timeupdate");
     }, b = () => {
-      t("on-video-volumechange"), r.parseEvents(o.useEvents, "on-video-volumechange");
+      r("on-video-error"), p.parseEvents(t.useEvents, "on-video-error");
+    }, O = () => {
+      r("on-video-volumechange"), p.parseEvents(t.useEvents, "on-video-volumechange");
     };
-    return v({
+    return u({
       /** 开始播放 */
       play: () => {
-        p.value && p.value.play();
+        m.value && m.value.play();
       },
       /** 暂停播放 */
       pause: () => {
-        p.value && p.value.pause();
+        m.value && m.value.pause();
       }
-    }), (i, m) => (F(), _("video", {
+    }), (i, o) => (w(), T("video", {
       ref_key: "videoRef",
-      ref: p,
+      ref: m,
       class: "zerov-widget",
       poster: i.basicOption.poster,
       autoplay: i.basicOption.autoplay,
       controls: i.basicOption.controls,
       loop: i.basicOption.loop,
       muted: i.basicOption.muted,
-      onProgress: f,
-      onPlay: E,
-      onEnded: g,
+      onProgress: E,
+      onPlay: y,
+      onEnded: h,
       onPlaying: V,
-      onPause: y,
+      onPause: g,
       onTimeupdate: P,
-      onError: h,
-      onVolumechange: b
-    }, null, 40, B));
+      onError: b,
+      onVolumechange: O
+    }, null, 40, z));
   }
 });
 export {
-  mr as default
+  ar as default
 };

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

@@ -1,4 +1,4 @@
-export declare const ZvMediaIframe: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvMediaIframe: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -11,11 +11,11 @@ export declare const ZvMediaIframe: import("../../commons/utils/typescript").SFC
         type: ArrayConstructor;
         required: true;
     };
-}, {
-    iframeRef: import("vue").Ref<any>;
+}>, {
+    iframeRef: import("vue").Ref<any, any>;
     props: any;
     emit: (event: "on-iframe-event-listener", ...args: any[]) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-iframe-event-listener"[], "on-iframe-event-listener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-iframe-event-listener"[], "on-iframe-event-listener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -28,7 +28,7 @@ export declare const ZvMediaIframe: import("../../commons/utils/typescript").SFC
         type: ArrayConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onOn-iframe-event-listener"?: (...args: any[]) => any;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default ZvMediaIframe;

package/es/components/media-iframe/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,11 +11,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: ArrayConstructor;
         required: true;
     };
-}, {
-    iframeRef: import("vue").Ref<any>;
+}>, {
+    iframeRef: import("vue").Ref<any, any>;
     props: any;
     emit: (event: "on-iframe-event-listener", ...args: any[]) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-iframe-event-listener"[], "on-iframe-event-listener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-iframe-event-listener"[], "on-iframe-event-listener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -28,7 +28,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: ArrayConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onOn-iframe-event-listener"?: (...args: any[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

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

@@ -180,12 +180,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 "../../plugins/datasource/utils/request.mjs";
 import "../../plugins/datasource/utils/wsManager.mjs";
 import { SHJParseEvent as d } from "../../plugins/event/index.mjs";
-const u = ["src"], v = m({ name: "zv-media-iframe" }), Fi = /* @__PURE__ */ m({
+const u = ["src"], v = m({ name: "zv-media-iframe" }), Gi = /* @__PURE__ */ m({
   ...v,
   props: {
     basicOption: {},
@@ -212,5 +213,5 @@ const u = ["src"], v = m({ name: "zv-media-iframe" }), Fi = /* @__PURE__ */ m({
   }
 });
 export {
-  Fi as default
+  Gi as default
 };

package/es/components/media-iframe-carousel/index.d.ts

@@ -1,14 +1,14 @@
-export declare const ZvMediaIframeCarousel: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvMediaIframeCarousel: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
     };
-}, {
+}>, {
     props: any;
-}, 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 ZvMediaIframeCarousel;

package/es/components/media-iframe-carousel/index.vue.d.ts

@@ -1,14 +1,14 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
     };
-}, {
+}>, {
     props: any;
-}, 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/media-iframe-dynamic/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ZvMediaIframeDynamic: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvMediaIframeDynamic: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -15,20 +15,20 @@ export declare const ZvMediaIframeDynamic: import("../../commons/utils/typescrip
         type: StringConstructor;
         required: true;
     };
-}, {
-    iframeRef: import("vue").Ref<any>;
-    retryCount: import("vue").Ref<number>;
+}>, {
+    iframeRef: import("vue").Ref<any, any>;
+    retryCount: import("vue").Ref<number, number>;
     MAX_RETRY: number;
     RETRY_DELAY: number;
     props: any;
     useIframeDynamic: () => {
         init: () => void;
-        url: import("vue").Ref<string>;
+        url: import("vue").Ref<string, string>;
     };
     init: () => void;
-    url: import("vue").Ref<string>;
+    url: import("vue").Ref<string, string>;
     emit: (event: "on-iframe-event-listener", ...args: any[]) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-iframe-event-listener"[], "on-iframe-event-listener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-iframe-event-listener"[], "on-iframe-event-listener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -45,7 +45,7 @@ export declare const ZvMediaIframeDynamic: import("../../commons/utils/typescrip
         type: StringConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onOn-iframe-event-listener"?: (...args: any[]) => any;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default ZvMediaIframeDynamic;

package/es/components/media-iframe-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,20 +15,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {
-    iframeRef: import("vue").Ref<any>;
-    retryCount: import("vue").Ref<number>;
+}>, {
+    iframeRef: import("vue").Ref<any, any>;
+    retryCount: import("vue").Ref<number, number>;
     MAX_RETRY: number;
     RETRY_DELAY: number;
     props: any;
     useIframeDynamic: () => {
         init: () => void;
-        url: import("vue").Ref<string>;
+        url: import("vue").Ref<string, string>;
     };
     init: () => void;
-    url: import("vue").Ref<string>;
+    url: import("vue").Ref<string, string>;
     emit: (event: "on-iframe-event-listener", ...args: any[]) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-iframe-event-listener"[], "on-iframe-event-listener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-iframe-event-listener"[], "on-iframe-event-listener", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -45,7 +45,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onOn-iframe-event-listener"?: (...args: any[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

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

@@ -180,11 +180,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 B } from "../../plugins/datasource/index.mjs";
 import { SHJParseEvent as u } from "../../plugins/event/index.mjs";
-const H = ["src"], I = _({ name: "zv-media-iframe-dynamic" }), ui = /* @__PURE__ */ _({
+const H = ["src"], I = _({ name: "zv-media-iframe-dynamic" }), li = /* @__PURE__ */ _({
   ...I,
   props: {
     basicOption: {},
@@ -256,5 +257,5 @@ const H = ["src"], I = _({ name: "zv-media-iframe-dynamic" }), ui = /* @__PURE__
   }
 });
 export {
-  ui as default
+  li as default
 };

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

@@ -1,14 +1,14 @@
-export declare const ZvMediaImage: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvMediaImage: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
     };
-}, {
+}>, {
     props: any;
-}, 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 ZvMediaImage;

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

@@ -1,14 +1,14 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
     };
-}, {
+}>, {
     props: any;
-}, 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/media-image-dynamic/index.d.ts

@@ -1,4 +1,4 @@
-export declare const ZvMediaImageDynamic: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvMediaImageDynamic: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -15,15 +15,15 @@ export declare const ZvMediaImageDynamic: import("../../commons/utils/typescript
         type: StringConstructor;
         required: true;
     };
-}, {
+}>, {
     props: any;
     useImageDynamic: () => {
         init: () => void;
-        src: import("vue").Ref<string>;
+        src: import("vue").Ref<string, string>;
     };
     init: () => void;
-    src: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    src: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -40,5 +40,5 @@ export declare const ZvMediaImageDynamic: import("../../commons/utils/typescript
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default ZvMediaImageDynamic;

package/es/components/media-image-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,15 +15,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {
+}>, {
     props: any;
     useImageDynamic: () => {
         init: () => void;
-        src: import("vue").Ref<string>;
+        src: import("vue").Ref<string, string>;
     };
     init: () => void;
-    src: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    src: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -40,5 +40,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

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

@@ -180,11 +180,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 h } from "../../plugins/datasource/index.mjs";
 import { SHJParseEvent as m } from "../../plugins/event/index.mjs";
-const y = e({ name: "zv-media-image-dynamic" }), Uo = /* @__PURE__ */ e({
+const y = e({ name: "zv-media-image-dynamic" }), Wo = /* @__PURE__ */ e({
   ...y,
   props: {
     basicOption: {},
@@ -231,5 +232,5 @@ const y = e({ name: "zv-media-image-dynamic" }), Uo = /* @__PURE__ */ e({
   }
 });
 export {
-  Uo as default
+  Wo as default
 };

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

@@ -1,4 +1,4 @@
-export declare const ZvMediaM3u8: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ZvMediaM3u8: import("../../commons/utils/typescript").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     basicOption: {
         type: any;
         required: true;
@@ -11,13 +11,13 @@ export declare const ZvMediaM3u8: import("../../commons/utils/typescript").SFCWi
         type: ArrayConstructor;
         required: true;
     };
-}, {
+}>, {
     props: any;
     useM3u8Video: () => {
-        videoRef: import("vue").Ref<any>;
+        videoRef: import("vue").Ref<any, any>;
         initM3u8Video: (url: string) => void;
     };
-    videoRef: import("vue").Ref<any>;
+    videoRef: import("vue").Ref<any, any>;
     initM3u8Video: (url: string) => void;
     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;
@@ -28,7 +28,7 @@ export declare const ZvMediaM3u8: import("../../commons/utils/typescript").SFCWi
     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;
@@ -41,7 +41,7 @@ export declare const ZvMediaM3u8: import("../../commons/utils/typescript").SFCWi
         type: ArrayConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onOn-video-progress"?: (...args: any[]) => any;
     "onOn-video-play"?: (...args: any[]) => any;
     "onOn-video-pause"?: (...args: any[]) => any;
@@ -50,5 +50,5 @@ export declare const ZvMediaM3u8: import("../../commons/utils/typescript").SFCWi
     "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 ZvMediaM3u8;

package/es/components/media-m3u8/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,13 +11,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: ArrayConstructor;
         required: true;
     };
-}, {
+}>, {
     props: any;
     useM3u8Video: () => {
-        videoRef: import("vue").Ref<any>;
+        videoRef: import("vue").Ref<any, any>;
         initM3u8Video: (url: string) => void;
     };
-    videoRef: import("vue").Ref<any>;
+    videoRef: import("vue").Ref<any, any>;
     initM3u8Video: (url: string) => void;
     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;
@@ -28,7 +28,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;
@@ -41,7 +41,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;
@@ -50,5 +50,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;