@shjjs/visual-ui 1.0.37 → 1.0.39

package/es/components/media-flv/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,14 +11,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: ArrayConstructor;
         required: true;
     };
-}, {
+}>, {
     props: any;
     useFlvVideo: () => {
-        videoRef: import("vue").Ref<any>;
+        videoRef: import("vue").Ref<any, any>;
         initFlvVideo: (url: string) => void;
     };
-    videoRef: import("vue").Ref<any>;
+    videoRef: import("vue").Ref<any, any>;
     initFlvVideo: (url: string) => void;
+    watchTimer: 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;
@@ -28,7 +29,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 +42,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 +51,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-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.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-98bcd02e"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cf39105e"]]);
 export {
-  m as default
+  f as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as m, ref as a, createElementBlock as l, openBlock as f } from "vue";
-import { isArray as c } from "lodash";
+import { defineComponent as m, ref as a, createElementBlock as l, openBlock as c } from "vue";
+import { isArray as f } from "lodash";
 import "../text-text-basic/index.mjs";
 import "../text-table-basic/index.mjs";
 import "../chart-other-gauge/index.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" }), Fr = /* @__PURE__ */ m({
+const u = ["src"], v = m({ name: "zv-media-iframe" }), Gi = /* @__PURE__ */ m({
   ...v,
   props: {
     basicOption: {},
@@ -194,14 +195,15 @@ const u = ["src"], v = m({ name: "zv-media-iframe" }), Fr = /* @__PURE__ */ m({
   },
   emits: ["on-iframe-event-listener"],
   setup(p, { expose: e, emit: s }) {
-    const r = a(), o = p, n = s;
+    const r = a(), i = p, n = s;
     return window.addEventListener("message", (t) => {
-      n("on-iframe-event-listener", t.data), o.useEvents && c(o.useEvents) && d.parseEvents(o.useEvents, "on-iframe-event-listener", t.data);
+      var o;
+      t.source === ((o = r.value) == null ? void 0 : o.contentWindow) && (n("on-iframe-event-listener", t.data), i.useEvents && f(i.useEvents) && d.parseEvents(i.useEvents, "on-iframe-event-listener", t.data));
     }, !1), e({
-      sendChildrenMessages: (t, i) => {
-        i[0].dataType === "params" ? r.value.contentWindow.postMessage(t, o.basicOption.url) : r.value.contentWindow.postMessage(i[0].data, o.basicOption.url);
+      sendChildrenMessages: (t, o) => {
+        o[0].dataType === "params" ? r.value.contentWindow.postMessage(t, i.basicOption.url) : r.value.contentWindow.postMessage(o[0].data, i.basicOption.url);
       }
-    }), (t, i) => (f(), l("iframe", {
+    }), (t, o) => (c(), l("iframe", {
       ref_key: "iframeRef",
       ref: r,
       src: t.basicOption.url,
@@ -211,5 +213,5 @@ const u = ["src"], v = m({ name: "zv-media-iframe" }), Fr = /* @__PURE__ */ m({
   }
 });
 export {
-  Fr 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.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6738cddd"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f5ff4ce"]]);
 export {
-  d as default
+  c as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as _, ref as e, watch as x, createElementBlock as D, createCommentVNode as T, unref as w, openBlock as C, onMounted as A, nextTick as O } from "vue";
-import { isArray as V, cloneDeep as W, isEqual as Y } from "lodash";
+import { defineComponent as _, ref as s, watch as x, createElementBlock as D, createCommentVNode as T, unref as w, openBlock as C, onMounted as W, nextTick as A } from "vue";
+import { isArray as O, cloneDeep as V, isEqual as Y } from "lodash";
 import "../text-text-basic/index.mjs";
 import "../text-table-basic/index.mjs";
 import "../chart-other-gauge/index.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: {},
@@ -194,38 +195,39 @@ const H = ["src"], I = _({ name: "zv-media-iframe-dynamic" }), ui = /* @__PURE__
   },
   emits: ["on-iframe-event-listener"],
   setup(h, { expose: y, emit: g }) {
-    const s = e(), i = e(0), R = 3, k = 3e3, t = h, L = () => {
-      const r = e(""), o = e(!1), m = e(""), a = () => {
-        o.value || (o.value = !0, B.parse({
-          tId: t.uuid,
-          sources: t.sources,
-          callback: ({ data: p, error: c }) => {
+    const m = s(), i = s(0), R = 3, k = 3e3, o = h, L = () => {
+      const r = s(""), t = s(!1), p = s(""), a = () => {
+        t.value || (t.value = !0, B.parse({
+          tId: o.uuid,
+          sources: o.sources,
+          callback: ({ data: e, error: c }) => {
             var f, v, d;
             try {
               if (c)
                 throw new Error(`数据源错误: ${c}`);
-              if (!((d = (v = (f = p == null ? void 0 : p[0]) == null ? void 0 : f.data) == null ? void 0 : v[0]) != null && d.url))
+              if (!((d = (v = (f = e == null ? void 0 : e[0]) == null ? void 0 : f.data) == null ? void 0 : v[0]) != null && d.url))
                 throw new Error("无效的URL数据");
-              u.parseEvents(t.useEvents, "dataListener", p), r.value = p[0].data[0].url, i.value = 0, m.value = "";
+              u.parseEvents(o.useEvents, "dataListener", e), r.value = e[0].data[0].url, i.value = 0, p.value = "";
             } catch (E) {
               const b = E instanceof Error ? E.message : "未知错误";
-              m.value = b, u.parseEvents(t.useEvents, "dataListener", null), i.value < R ? (i.value++, setTimeout(() => {
+              p.value = b, u.parseEvents(o.useEvents, "dataListener", null), i.value < R ? (i.value++, setTimeout(() => {
                 a();
               }, k)) : r.value = "";
             } finally {
-              o.value = !1;
+              t.value = !1;
             }
           }
         }));
       };
-      return A(() => {
-        O(() => a());
+      return W(() => {
+        A(() => a());
       }), { init: a, url: r };
     }, { init: n, url: l } = L(), M = g;
     return window.addEventListener("message", (r) => {
-      M("on-iframe-event-listener", r.data), t.useEvents && V(t.useEvents) && u.parseEvents(t.useEvents, "on-iframe-event-listener", r.data);
-    }, !1), x(() => W(t.sources), (r, o) => {
-      Y(r, o) || (i.value = 0, n());
+      var t;
+      r.source === ((t = m.value) == null ? void 0 : t.contentWindow) && (M("on-iframe-event-listener", r.data), o.useEvents && O(o.useEvents) && u.parseEvents(o.useEvents, "on-iframe-event-listener", r.data));
+    }, !1), x(() => V(o.sources), (r, t) => {
+      Y(r, t) || (i.value = 0, n());
     }, { deep: !0 }), y({
       refresh: () => {
         i.value = 0, n();
@@ -236,18 +238,18 @@ const H = ["src"], I = _({ name: "zv-media-iframe-dynamic" }), ui = /* @__PURE__
       refreshData: () => {
         i.value = 0, n();
       },
-      sendChildrenMessages: (r, o) => {
-        var m;
-        if ((m = s.value) != null && m.contentWindow)
+      sendChildrenMessages: (r, t) => {
+        var p;
+        if ((p = m.value) != null && p.contentWindow)
           try {
-            o[0].dataType === "params" ? s.value.contentWindow.postMessage(r, t.basicOption.url) : s.value.contentWindow.postMessage(o[0].data, t.basicOption.url);
+            t[0].dataType === "params" ? m.value.contentWindow.postMessage(r, o.basicOption.url) : m.value.contentWindow.postMessage(t[0].data, o.basicOption.url);
           } catch {
           }
       }
-    }), (r, o) => w(l) ? (C(), D("iframe", {
+    }), (r, t) => w(l) ? (C(), D("iframe", {
       key: 0,
       ref_key: "iframeRef",
-      ref: s,
+      ref: m,
       src: w(l),
       class: "iframe",
       sandbox: "allow-scripts allow-same-origin allow-forms"
@@ -255,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;