import { defineComponent as j, useCssVars as A, ref as u, onMounted as H, watch as J, computed as V, createElementBlock as r, openBlock as t, createElementVNode as a, createCommentVNode as l, createTextVNode as P, toDisplayString as m, Fragment as h, renderList as _, createBlock as S, unref as k, withCtx as w, nextTick as D } from "vue";
import { Swiper as W, SwiperSlide as z } from "swiper/vue";
import { Autoplay as q, Navigation as G, Pagination as K, Scrollbar as Q, A11y as U, EffectCube as X, EffectCards as Y, EffectFlip as Z, EffectFade as x, EffectCoverflow as ee } from "swiper/modules";
import { VideoPlayer as oe } from "@videojs-player/vue";
import "../../text-text-basic/index.mjs";
import "../../text-table-basic/index.mjs";
import "../../chart-other-gauge/index.mjs";
import "../../chart-other-gauge-stage/index.mjs";
import "../../chart-other-gauge-grade/index.mjs";
import "../../chart-other-word-cloud/index.mjs";
import "../../chart-other-liquidfill/index.mjs";
import "../../chart-other-funnel/index.mjs";
import "../../chart-other-force/index.mjs";
import "../../chart-other-radar/index.mjs";
import "../../chart-other-funnel-split/index.mjs";
import "../../chart-other-funnel-contrast/index.mjs";
import "../../chart-other-candlestick-basic/index.mjs";
import "../../chart-other-candlestick-shanghai/index.mjs";
import "../../chart-other-candlestick-demo/index.mjs";
import "../../chart-other-heatmap/index.mjs";
import "../../chart-other-force2/index.mjs";
import "../../chart-other-graph-basic/index.mjs";
import "../../chart-other-graph-basic2/index.mjs";
import "../../chart-other-graph-calendar/index.mjs";
import "../../chart-other-tree-line/index.mjs";
import "../../chart-other-treemap-basic/index.mjs";
import "../../chart-other-sunburst-basic/index.mjs";
import "../../chart-other-sunburst-basic2/index.mjs";
import "../../chart-other-sunburst-basic3/index.mjs";
import "../../chart-other-sunburst-basic4/index.mjs";
import "../../chart-other-sunburst-book/index.mjs";
import "../../chart-other-sunburst-radius/index.mjs";
import "../../chart-other-sunburst-flavors/index.mjs";
import "../../chart-other-parallel-basic/index.mjs";
import "../../chart-other-parallel-mul/index.mjs";
import "../../chart-other-circular-graph/index.mjs";
import "../../map-earth-basic/index.mjs";
import "../../map-earth-cool-tech/index.mjs";
import "../../map-earth-particle/index.mjs";
import "../../map-earth-hacker/index.mjs";
import "../../map-earth-fly-line/index.mjs";
import "../../chart-other-grid-percentage/index.mjs";
import "../../chart-other-radar-stack/index.mjs";
import "../../chart-other-funnel2/index.mjs";
import "../../chart-other-label-gauge/index.mjs";
import "../../chart-other-theme-river/index.mjs";
import "../../chart-other-tree/index.mjs";
import "../../chart-other-treemap/index.mjs";
import "../../commons-product-model/index.mjs";
import "../../commons-vr-photo/index.mjs";
import "../../commons-vr-video/index.mjs";
import "../../commons-three-loader/index.mjs";
import "../../commons-three-loader3/index.mjs";
import "../../commons-loop-iterator/index.mjs";
import "../../commons-gaussian-splatting-view/index.mjs";
import "../../commons-babylon/index.mjs";
import "../../commons-svg/index.mjs";
import "../../commons-weather/index.mjs";
import "../../commons-weather-dynamic/index.mjs";
import "../../media-wavesurfer/index.mjs";
import "../../interaction-tabs/index.mjs";
import "../../interaction-tabs2/index.mjs";
import "../../interaction-button/index.mjs";
import "../../interaction-button-image/index.mjs";
import "../../interaction-select/index.mjs";
import "../../interaction-input/index.mjs";
import "../../interaction-radio/index.mjs";
import "../../interaction-slider/index.mjs";
import "../../interaction-switch/index.mjs";
import "../../interaction-data-picker/index.mjs";
import "../../interaction-button-refresh/index.mjs";
import "../../media-image/index.mjs";
import "../../text-title/index.mjs";
import "../../commons-qrcode/index.mjs";
import "../../media-video/index.mjs";
import "../../media-audio/index.mjs";
import "../../text-real-time/index.mjs";
import "../../media-carousel/index.mjs";
import "../../media-carousel-slides/index.mjs";
import "../../media-iframe-carousel/index.mjs";
import "../../media-iframe/index.mjs";
import "../../media-m3u8/index.mjs";
import "../../media-m3u8-dynamic/index.mjs";
import "../../media-audio-dynamic/index.mjs";
import "../../media-video-dynamic/index.mjs";
import "../../media-image-dynamic/index.mjs";
import "../../media-iframe-dynamic/index.mjs";
import "../../media-flv/index.mjs";
import "../../commons-echarts/index.mjs";
import "../../text-over-number/index.mjs";
import "../../text-table-scroll/index.mjs";
import "../../text-carousel/index.mjs";
import "../../text-row-scroll/index.mjs";
import "../../text-text-dynamic/index.mjs";
import "../../text-count-down/index.mjs";
import "../../graphical-circle/index.mjs";
import "../../graphical-diamond/index.mjs";
import "../../graphical-hexagon/index.mjs";
import "../../graphical-isosceles-triangle/index.mjs";
import "../../graphical-pentagon/index.mjs";
import "../../graphical-rect/index.mjs";
import "../../graphical-right-triangle/index.mjs";
import "../../scene-map3d/index.mjs";
import "../../scene-amap2d/index.mjs";
import "../../scene-amap3d/index.mjs";
import "../../scene-vr/index.mjs";
import "../../scene-unity-iframe/index.mjs";
import "../../scene-unity-webgl/index.mjs";
import "../../scene-ue-iframe/index.mjs";
import "../../scene-ue-shj/index.mjs";
import "../../scene-default/index.mjs";
import "../../interaction/tabs/index.mjs";
import "../../interaction/tabs-icon/index.mjs";
import "../../interaction/button/index.mjs";
import "../../interaction/date-picker/src/date-picker/index.mjs";
import "../../interaction/date-picker/src/date-picker-range/index.mjs";
import "../../text/list/index.mjs";
import "../../chart/src/bar/basic/index.mjs";
import "../../chart/src/bar/animation/index.mjs";
import "../../chart/src/bar/contrast/index.mjs";
import "../../chart/src/bar/contrast2/index.mjs";
import "../../chart/src/bar/contrast3/index.mjs";
import "../../chart/src/bar/gradient-column-chart/index.mjs";
import "../../chart/src/bar/horizontal/index.mjs";
import "../../chart/src/bar/horizontal-stack/index.mjs";
import "../../chart/src/bar/line-bar/index.mjs";
import "../../chart/src/bar/line-bar2/index.mjs";
import "../../chart/src/bar/loop/index.mjs";
import "../../chart/src/bar/mini/index.mjs";
import "../../chart/src/bar/polar/index.mjs";
import "../../chart/src/bar/polar-stack/index.mjs";
import "../../chart/src/bar/polar2/index.mjs";
import "../../chart/src/bar/radius-circle/index.mjs";
import "../../chart/src/bar/rank/index.mjs";
import "../../chart/src/bar/segmented-progress/index.mjs";
import "../../chart/src/bar/spire/index.mjs";
import "../../chart/src/bar/stack/index.mjs";
import "../../chart/src/bar/stack-line/index.mjs";
import "../../chart/src/bar/stack2/index.mjs";
import "../../chart/src/bar/stack3/index.mjs";
import "../../chart/src/bar/staggered/index.mjs";
import "../../chart/src/bar/three/index.mjs";
import "../../chart/src/bar/waterfall/index.mjs";
import "../../chart/src/bar/zebra/index.mjs";
import "../../chart/src/line/area-gradient/index.mjs";
import "../../chart/src/line/area-highlight/index.mjs";
import "../../chart/src/line/area-highlight2/index.mjs";
import "../../chart/src/line/basic/index.mjs";
import "../../chart/src/line/bump/index.mjs";
import "../../chart/src/line/dashed/index.mjs";
import "../../chart/src/line/ladder/index.mjs";
import "../../chart/src/line/logarithm/index.mjs";
import "../../chart/src/line/multix/index.mjs";
import "../../chart/src/line/polar-double/index.mjs";
import "../../chart/src/line/rain-flow/index.mjs";
import "../../chart/src/line/scale/index.mjs";
import "../../chart/src/line/smooth/index.mjs";
import "../../chart/src/line/smooth-area/index.mjs";
import "../../chart/src/line/stack/index.mjs";
import "../../chart/src/line/stack-area/index.mjs";
import "../../chart/src/line/temp/index.mjs";
import "../../chart/src/line/vertical/index.mjs";
import "../../chart/src/map/basic/index.mjs";
import "../../chart/src/map/bmap-basic/index.mjs";
import "../../chart/src/map/bmap-heatmap/index.mjs";
import "../../chart/src/map/bmap-rich/index.mjs";
import "../../chart/src/map/customize/index.mjs";
import "../../chart/src/map/lines/index.mjs";
import "../../chart/src/map/scatter/index.mjs";
import "../../chart/src/pie/3d/index.mjs";
import "../../chart/src/pie/basic/index.mjs";
import "../../chart/src/pie/basic2/index.mjs";
import "../../chart/src/pie/customized/index.mjs";
import "../../chart/src/pie/index/index.mjs";
import "../../chart/src/pie/interval/index.mjs";
import "../../chart/src/pie/legend-scroll/index.mjs";
import "../../chart/src/pie/radius/index.mjs";
import "../../chart/src/pie/rose/index.mjs";
import "../../chart/src/pie/round/index.mjs";
import "../../chart/src/pie/sunburst/index.mjs";
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";
import "../zv-hj-tree-list/index.mjs";
import "./index.mjs";
import "../zv-hj-one-map-config/index.mjs";
import "../zv-hj-video-control/index.mjs";
import "../zv-hj-video-page/index.mjs";
import "../zv-hj-password-input/index.mjs";
import "../zv-hj-carousel/index.mjs";
import "../zv-hj-video-monitor/index.mjs";
import "../zv-hj-scene-amap2d/index.mjs";
import "../zv-hj-scene-amap3d/index.mjs";
import "../zv-hj-person-face/index.mjs";
import "../zv-hj-resource-type-phone/index.mjs";
import "../zv-hj-tree-list-phone/index.mjs";
import "../zv-hj-video-page-phone/index.mjs";
import "../zv-hj-model-resource-phone/index.mjs";
import "../zv-hj-bottom-suspend/index.mjs";
import "../zv-hj-pagination/index.mjs";
import "../zv-hj-password-input-phone/index.mjs";
/* empty css                           */
/* empty css                                  */
import { SHJDatasourceV2 as ie } from "../../../plugins/datasource/index.mjs";
import { SHJParseEvent as L } from "../../../plugins/event/index.mjs";
import "lodash";
import "video.js/dist/video-js.css";
import "swiper/swiper-bundle.css";
const te = { class: "hj-model-resource" }, re = { class: "header" }, ae = { class: "header__title" }, pe = { class: "header__address" }, se = {
  key: 0,
  class: "banner"
}, ne = { class: "swiper-custom" }, le = ["src"], me = { class: "swiper-custom" }, ue = ["src"], ce = {
  key: 1,
  class: "banner__image"
}, de = ["src"], ve = ["src"], be = { class: "banner__footer" }, ge = {
  key: 0,
  class: "banner__left"
}, fe = { class: "banner__now" }, ye = {
  key: 0,
  class: "banner__tags"
}, Oe = { class: "banner__tag" }, he = { class: "banner__day" }, Se = { class: "banner__right" }, ke = {
  key: 1,
  class: "banner__video"
}, _e = {
  key: 2,
  class: "banner__voice"
}, we = { class: "footer" }, De = { class: "footer__desciption" }, Ce = {
  key: 0,
  class: "footer__name"
}, Ee = {
  key: 1,
  class: "footer__phone"
}, Ie = { class: "footer__desciption" }, Ve = j({ name: "zv-hj-model-resource" }), Cr = /* @__PURE__ */ j({
  ...Ve,
  props: {
    basicOption: {},
    sources: {},
    useEvents: {},
    uuid: {}
  },
  emits: ["on-click", "on-click-picture-fullscreen"],
  setup(T, { expose: M, emit: N }) {
    A((e) => ({
      "5905de48": e.basicOption.titleStyle.x + "px",
      "3b5e3dbb": e.basicOption.titleStyle.y + "px",
      d6d88608: e.basicOption.titleStyle.color,
      f5ae8814: e.basicOption.titleStyle.fontSize + "px",
      b04ed88a: e.basicOption.titleStyle.fontStyle,
      cb09ab6a: e.basicOption.tagsStyle.borderRadius + "px",
      "246015f3": e.basicOption.tagsStyle.borderColor,
      75337831: e.basicOption.tagsStyle.backgroundColor,
      "7bcda777": e.basicOption.tagsStyle.borderWidth + "px",
      "307773bf": e.basicOption.tagsStyle.color,
      "3ad5ca0e": e.basicOption.tagsStyle.fontSize + "px",
      aca59e04: e.basicOption.tagsStyle.fontStyle,
      "1d1e3e8b": e.basicOption.decriptionStyle.x + "px",
      f601292c: e.basicOption.decriptionStyle.y + "px",
      "23be05ad": e.basicOption.decriptionStyle.color,
      "278ec932": e.basicOption.decriptionStyle.fontSize + "px",
      db45c828: e.basicOption.decriptionStyle.fontStyle,
      "5132bd44": e.basicOption.otherStyle.color,
      "275a023e": e.basicOption.otherStyle.fontSize + "px",
      "00ee3003": e.basicOption.otherStyle.fontStyle
    }));
    const v = u(null), c = u(), n = T, o = u({}), C = u(null), E = u(), y = () => {
      ie.parse({
        tId: n.uuid,
        sources: n.sources,
        callback: ({ data: e }) => {
          e instanceof Array ? o.value = e[0].data[0] : o.value = e, o.value.tags && typeof o.value.tags == "string" && (o.value.tags = o.value.tags.split(",")), C.value = {
            playbackRates: [0.5, 1, 1.5, 2],
            // 可选的播放速度
            autoplay: !0,
            // 如果为true,浏览器准备好时开始回放。
            muted: !1,
            // 默认情况下将会消除任何音频。
            loop: !0,
            // 是否视频一结束就重新开始。
            preload: "auto",
            // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
            language: "zh-CN",
            aspectRatio: "16:9",
            // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
            fluid: !0,
            // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
            sources: [
              {
                type: "video/mp4",
                // 类型
                src: o.value.advertVideo
              }
            ],
            poster: o.value.homeImage,
            // 封面地址
            notSupportedMessage: "此视频暂无法播放，请稍后再试",
            // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
            controlBar: {
              timeDivider: !0,
              // 当前时间和持续时间的分隔符
              durationDisplay: !0,
              // 显示持续时间
              remainingTimeDisplay: !0,
              // 是否显示剩余时间功能
              fullscreenToggle: !0
              // 是否显示全屏按钮
            }
          }, E.value = {
            name: o.value.resourceName,
            // author: dataList.value.address,
            url: o.value.advertVideo,
            cover: o.value.imageData && o.value.imageData.homeImage
          };
        }
      });
    };
    H(() => {
      y();
    }), J(
      () => n.sources,
      () => {
        y();
      },
      { deep: !0 }
    );
    const I = N, b = u(), R = [
      q,
      G,
      K,
      Q,
      U,
      X,
      Y,
      Z,
      x,
      ee
    ], B = V(() => {
      let e;
      return n.basicOption.autoplay.enabled ? (e = {
        delay: n.basicOption.autoplay.delay,
        stopOnLastSlide: n.basicOption.autoplay.stopOnLastSlide,
        pauseOnMouseEnter: n.basicOption.autoplay.pauseOnMouseEnter,
        reverseDirection: n.basicOption.autoplay.reverseDirection
      }, e) : (e = !1, e);
    }), F = V(() => {
      let e;
      return n.basicOption.navigation.enabled ? (e = {}, e) : (e = !1, e);
    }), $ = (e) => {
      e.update();
    }, d = u("image"), g = u(!1), O = u(!1), f = (e, p) => {
      switch (b.value = e, p) {
        case "video":
          g.value = !g.value, d.value = "video", D(() => {
            var s;
            const i = (s = v.value) == null ? void 0 : s.player;
            i && (g.value ? i.play().catch((Pe) => {
              i.muted(!0), i.play();
            }) : i.pause());
          }), c.value && c.value.pause();
          break;
        case "voice":
          d.value = "voice", O.value = !O.value, D(() => {
            var s;
            c.value && c.value.play();
            const i = (s = v.value) == null ? void 0 : s.player;
            i && i.pause();
          });
          break;
        case "img":
          d.value = "image", O.value = !1, g.value = !1, c.value && c.value.pause(), v.value && v.value.pause(), D(() => {
            var s;
            const i = (s = v.value) == null ? void 0 : s.player;
            i && i.pause();
          });
          break;
      }
      p === "img" ? (I("on-click-picture-fullscreen", b.value), L.parseEvents(
        n.useEvents,
        "on-click-picture-fullscreen",
        b.value
      )) : (I("on-click", b.value), L.parseEvents(n.useEvents, "on-click", b.value));
    };
    return M({
      refresh: () => y(),
      refreshData: () => y()
    }), (e, p) => (t(), r("div", te, [
      a("div", re, [
        a("div", ae, [
          P(m(o.value.resourceName) + " ", 1),
          (t(!0), r(h, null, _(o.value.tags, (i, s) => (t(), r("span", {
            key: s,
            class: "header__tag"
          }, m(i), 1))), 128))
        ]),
        a("div", pe, m(o.value.address), 1),
        e.basicOption.bannerStyle.show ? (t(), r("div", se, [
          d.value === "image" || d.value === "voice" ? (t(), r(h, { key: 0 }, [
            o.value.imageData && o.value.imageData.carouselImages && o.value.imageData.carouselImages.length ? (t(), S(k(W), {
              key: e.basicOption.effect + e.basicOption.pagination.enabled + e.basicOption.pagination.type + e.basicOption.freeMode + e.basicOption.reverseDirection + e.basicOption.slidesPerView + e.basicOption.speed + e.basicOption.spaceBetween + e.basicOption.rewind + e.basicOption.loop + e.basicOption.grabCursor + e.basicOption.stopOnLastSlide + e.basicOption.autoplay.enabled + e.basicOption.autoplay.delay + e.basicOption.autoplay.stopOnLastSlide + e.basicOption.autoplay.pauseOnMouseEnter + e.basicOption.autoplay.reverseDirection,
              modules: R,
              autoplay: B.value,
              effect: e.basicOption.effect,
              pagination: e.basicOption.pagination,
              "free-mode": e.basicOption.freeMode,
              "reverse-direction": e.basicOption.reverseDirection,
              "slides-per-view": e.basicOption.slidesPerView,
              "centered-slides": e.basicOption.centeredSlides,
              speed: e.basicOption.speed,
              "space-between": e.basicOption.spaceBetween,
              rewind: e.basicOption.rewind,
              loop: e.basicOption.loop,
              "grab-cursor": e.basicOption.grabCursor,
              "round-lengths": e.basicOption.roundLengths,
              direction: e.basicOption.direction,
              navigation: F.value,
              onSwiper: $
            }, {
              default: w(() => [
                o.value.imageData && o.value.imageData.homeImage ? (t(), S(k(z), {
                  key: 0,
                  class: "swiper-item"
                }, {
                  default: w(() => [
                    a("div", ne, [
                      a("img", {
                        src: o.value.imageData.homeImage,
                        alt: ""
                      }, null, 8, le)
                    ])
                  ]),
                  _: 1
                })) : l("", !0),
                (t(!0), r(h, null, _(o.value.imageData.carouselImages, (i, s) => (t(), S(k(z), {
                  key: s,
                  class: "swiper-item"
                }, {
                  default: w(() => [
                    a("div", me, [
                      a("img", {
                        src: i,
                        alt: ""
                      }, null, 8, ue)
                    ])
                  ]),
                  _: 2
                }, 1024))), 128))
              ]),
              _: 1
            }, 8, ["autoplay", "effect", "pagination", "free-mode", "reverse-direction", "slides-per-view", "centered-slides", "speed", "space-between", "rewind", "loop", "grab-cursor", "round-lengths", "direction", "navigation"])) : o.value.homeImage ? (t(), r("div", ce, [
              a("img", {
                src: o.value.homeImage,
                alt: ""
              }, null, 8, de)
            ])) : l("", !0),
            d.value === "voice" ? (t(), r("audio", {
              key: 2,
              ref_key: "audioPlayerRef",
              ref: c,
              src: E.value.url
            }, null, 8, ve)) : l("", !0)
          ], 64)) : d.value === "video" ? (t(), S(k(oe), {
            key: 1,
            ref_key: "videoPlayerRef",
            ref: v,
            class: "video-player vjs-custom-skin",
            playsinline: !0,
            options: C.value
          }, null, 8, ["options"])) : l("", !0),
          a("div", be, [
            o.value.countData ? (t(), r("div", ge, [
              a("div", fe, [
                P(" 实时在园数: " + m(o.value.countData.actualTimePassengerFlow) + " ", 1),
                o.value.countData.saturation ? (t(), r("div", ye, [
                  a("span", Oe, m(o.value.countData.saturation), 1)
                ])) : l("", !0)
              ]),
              a("div", he, " 今日入园数: " + m(o.value.countData.totalPassengerFlow), 1)
            ])) : l("", !0),
            a("div", Se, [
              e.basicOption.bannerStyle.imageShow && o.value.imageData && (o.value.imageData.carouselImages && o.value.imageData.carouselImages.length > 0 || o.value.imageData.homeImage) ? (t(), r("div", {
                key: 0,
                class: "banner__image",
                onClick: p[0] || (p[0] = (i) => f(o.value, "img"))
              }, p[5] || (p[5] = [
                a("img", { src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-model-resource/image.png" }, null, -1)
              ]))) : l("", !0),
              e.basicOption.bannerStyle.videoShow && o.value.advertVideo ? (t(), r("div", ke, [
                g.value ? (t(), r("img", {
                  key: 0,
                  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-model-resource/video.png",
                  onClick: p[1] || (p[1] = (i) => f(o.value, "video"))
                })) : (t(), r("img", {
                  key: 1,
                  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-model-resource/video.png",
                  onClick: p[2] || (p[2] = (i) => f(o.value, "video"))
                }))
              ])) : l("", !0),
              e.basicOption.bannerStyle.voiceShow && o.value.explainVoice ? (t(), r("div", _e, [
                O.value ? (t(), r("img", {
                  key: 0,
                  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-model-resource/voice.png",
                  onClick: p[3] || (p[3] = (i) => f(o.value, "voice"))
                })) : (t(), r("img", {
                  key: 1,
                  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-model-resource/voice.png",
                  onClick: p[4] || (p[4] = (i) => f(o.value, "voice"))
                }))
              ])) : l("", !0)
            ])
          ])
        ])) : l("", !0)
      ]),
      a("div", we, [
        a("div", De, [
          (t(!0), r(h, null, _(o.value.extraDataList, (i, s) => (t(), r("span", { key: s }, [
            i.name == "联系信息" ? (t(), r("span", Ce, m(i.name) + ":" + m(i.value), 1)) : i.name == "服务电话" ? (t(), r("span", Ee, m(i.name) + ":" + m(i.value), 1)) : l("", !0)
          ]))), 128))
        ]),
        a("div", Ie, m(o.value.summary), 1)
      ])
    ]));
  }
});
export {
  Cr as default
};
