import { defineComponent as v, useCssVars as D, ref as s, onMounted as I, watch as V, computed as u, createElementBlock as a, openBlock as p, createElementVNode as o, createVNode as L, unref as h, withCtx as f, Fragment as M, renderList as P, createBlock as $, createCommentVNode as l, toDisplayString as n, normalizeStyle as x } from "vue";
import { Swiper as B, SwiperSlide as j } from "swiper/vue";
import { Autoplay as A, Navigation as H, Pagination as J, Scrollbar as G, A11y as R, EffectCube as q, EffectCards as K, EffectFlip as Q, EffectFade as U, EffectCoverflow as X } from "swiper/modules";
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 "../zv-hj-model-resource/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 "./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 Y } from "../../../plugins/datasource/index.mjs";
import { SHJParseEvent as Z } from "../../../plugins/event/index.mjs";
import "lodash";
import "swiper/swiper-bundle.css";
const tt = { class: "resource" }, et = { class: "resource__lists" }, it = { class: "swiper-custom" }, ot = { class: "c_all" }, rt = ["onClick"], pt = ["src"], at = { class: "c_right" }, lt = ["onClick"], st = { class: "title" }, nt = {
  key: 0,
  class: "level"
}, ct = ["onClick"], mt = {
  key: 0,
  class: "distance"
}, dt = {
  key: 1,
  class: "address"
}, yt = {
  key: 2,
  class: "phone"
}, St = { class: "r_bottom" }, gt = ["onClick"], bt = ["onClick"], ut = v({ name: "zv-hj-tree-list-phone" }), mr = /* @__PURE__ */ v({
  ...ut,
  props: {
    basicOption: {},
    sources: {},
    useEvents: {},
    uuid: {}
  },
  emits: ["on-click"],
  setup(O, { expose: w, emit: _ }) {
    D((e) => ({
      "410b4c3f": t.basicOption.cardStyle.height + "px",
      "1877d62e": t.basicOption.cardStyle.width + "px",
      "2ed3430a": "url(" + t.basicOption.cardStyle.backgroundImage + ")",
      "7bf9ffd9": t.basicOption.cardStyle.rightStyle.width + "px",
      "91d24034": t.basicOption.cardStyle.rightStyle.resourceStyle.color,
      "18b4c260": t.basicOption.cardStyle.rightStyle.resourceStyle.fontSize + "px",
      "36baa5f8": t.basicOption.cardStyle.rightStyle.resourceStyle.fontWeight,
      "712c7420": t.basicOption.cardStyle.rightStyle.resourceStyle.fontFamily,
      "86479cb6": t.basicOption.cardStyle.rightStyle.resourceStyle.fontStyle,
      "0fb2ccd8": t.basicOption.cardStyle.rightStyle.levelStyle.color,
      "0ba2ba8e": t.basicOption.cardStyle.rightStyle.levelStyle.fontSize + "px",
      "632c5fd4": t.basicOption.cardStyle.rightStyle.levelStyle.fontWeight,
      c37dd074: t.basicOption.cardStyle.rightStyle.levelStyle.backgroundColor,
      "37a9387c": t.basicOption.cardStyle.rightStyle.levelStyle.borderWidth + "px",
      "76eec808": t.basicOption.cardStyle.rightStyle.levelStyle.borderColor,
      "77d2b656": t.basicOption.cardStyle.rightStyle.levelStyle.borderStyle,
      "9d9e2dfc": t.basicOption.cardStyle.rightStyle.levelStyle.fontFamily,
      "16fb6453": t.basicOption.cardStyle.rightStyle.levelStyle.fontStyle,
      "2581e9d4": t.basicOption.cardStyle.rightStyle.passengerFlowTypeStyle.color,
      "11c4b190": t.basicOption.cardStyle.rightStyle.passengerFlowTypeStyle.fontSize + "px",
      "0c740058": t.basicOption.cardStyle.rightStyle.passengerFlowTypeStyle.fontWeight,
      "46e5ce80": t.basicOption.cardStyle.rightStyle.passengerFlowTypeStyle.fontFamily,
      "00c97656": t.basicOption.cardStyle.rightStyle.passengerFlowTypeStyle.fontStyle,
      "654af19f": t.basicOption.cardStyle.rightStyle.distanceStyle.color,
      "5f0cc0d9": t.basicOption.cardStyle.rightStyle.distanceStyle.fontSize + "px",
      "3501c6eb": t.basicOption.cardStyle.rightStyle.distanceStyle.fontWeight,
      "17c8dfd7": t.basicOption.cardStyle.rightStyle.distanceStyle.fontFamily,
      "2acebede": t.basicOption.cardStyle.rightStyle.distanceStyle.fontStyle,
      "561686a4": t.basicOption.cardStyle.rightStyle.addressStyle.color,
      "1299939e": t.basicOption.cardStyle.rightStyle.addressStyle.fontSize + "px",
      "55b38d06": t.basicOption.cardStyle.rightStyle.addressStyle.fontWeight,
      "387aa5f2": t.basicOption.cardStyle.rightStyle.addressStyle.fontFamily,
      "1be36d3a": t.basicOption.cardStyle.rightStyle.addressStyle.fontStyle,
      e54312c0: t.basicOption.cardStyle.rightStyle.navigationStyle.color,
      "3122b89a": t.basicOption.cardStyle.rightStyle.navigationStyle.fontSize + "px",
      "170e3a8a": t.basicOption.cardStyle.rightStyle.navigationStyle.fontWeight,
      "0c555914": t.basicOption.cardStyle.rightStyle.navigationStyle.fontFamily,
      "63a5db5f": t.basicOption.cardStyle.rightStyle.navigationStyle.fontStyle,
      "787dd45c": t.basicOption.cardStyle.rightStyle.navigationStyle.backgroundColor,
      "646fcb94": t.basicOption.cardStyle.rightStyle.navigationStyle.borderWidth + "px",
      "42d7ac14": t.basicOption.cardStyle.rightStyle.navigationStyle.borderColor,
      "43bb9a62": t.basicOption.cardStyle.rightStyle.navigationStyle.borderStyle,
      bdf55a38: t.basicOption.cardStyle.iconStyle.width + "px",
      "6ba5336e": t.basicOption.cardStyle.iconStyle.height + "px"
    }));
    const t = O, m = s([]);
    s(0);
    const d = () => {
      Y.parse({
        tId: t.uuid,
        sources: t.sources,
        callback: ({ data: e }) => {
          m.value = e[0].data[0].listRet;
        }
      });
    };
    I(() => {
      d();
    }), V(
      () => t.sources,
      () => {
        d();
      },
      { deep: !0 }
    );
    const k = _, y = s(), g = s(!1), C = s(!1);
    s(1);
    const b = s(-1), c = (e, r) => {
      switch (y.value = e, y.value.type = r, r) {
        case "toggle":
          g.value = !g.value, C.value = g.value;
          break;
      }
      k("on-click", y.value), Z.parseEvents(t.useEvents, "on-click", y.value);
    }, F = [
      A,
      H,
      J,
      G,
      R,
      q,
      K,
      Q,
      U,
      X
    ], T = u(() => {
      let e;
      return t.basicOption.autoplay.enabled ? (e = {
        delay: t.basicOption.autoplay.delay,
        stopOnLastSlide: t.basicOption.autoplay.stopOnLastSlide,
        pauseOnMouseEnter: t.basicOption.autoplay.pauseOnMouseEnter,
        reverseDirection: t.basicOption.autoplay.reverseDirection
      }, e) : (e = !1, e);
    }), E = u(() => {
      let e;
      return t.basicOption.navigation.enabled ? (e = {}, e) : (e = !1, e);
    }), N = (e) => {
      e.update();
    }, W = (e) => {
      const r = e.activeIndex - 1, i = m.value[r];
      m.value.length <= 0 || !i || Object.keys(i).length <= 0 || b.value !== r && (b.value = r, c(i, "swiper"));
    };
    return w({
      refresh: () => d(),
      refreshData: () => d()
    }), (e, r) => (p(), a("div", tt, [
      o("div", et, [
        L(h(B), {
          modules: F,
          autoplay: T.value,
          effect: e.basicOption.effect,
          pagination: e.basicOption.pagination,
          "free-mode": e.basicOption.freeMode,
          "reverse-direction": e.basicOption.reverseDirection,
          "slides-per-div": 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: E.value,
          onSwiper: N,
          onSlideChange: W
        }, {
          default: f(() => [
            (p(!0), a(M, null, P(m.value, (i, z) => (p(), $(h(j), {
              key: z,
              class: "swiper-item"
            }, {
              default: f(() => [
                o("div", it, [
                  o("div", ot, [
                    o("div", {
                      class: "c_left",
                      onClick: (S) => c(i, "image")
                    }, [
                      o("img", {
                        src: i.homeImage,
                        class: "image",
                        width: "100%",
                        height: "100%",
                        mode: "aspectFill"
                      }, null, 8, pt)
                    ], 8, rt),
                    o("div", at, [
                      o("div", {
                        class: "r_top",
                        onClick: (S) => c(i, "detail")
                      }, [
                        o("span", st, n(i.resourceName || i.staffName || i.groupName), 1),
                        i.levelName ? (p(), a("span", nt, n(i.levelName), 1)) : l("", !0),
                        i.passengerFlowType ? (p(), a("span", {
                          key: 1,
                          class: "passenger_flow_type",
                          style: x({
                            color: i.passengerFlowType == "报警" ? e.basicOption.cardStyle.rightStyle.passengerFlowTypeStyle.warnColor : i.passengerFlowType == "拥挤" ? e.basicOption.cardStyle.rightStyle.passengerFlowTypeStyle.crowdedColor : i.passengerFlowType == "适中" ? e.basicOption.cardStyle.rightStyle.passengerFlowTypeStyle.moderateColor : e.basicOption.cardStyle.rightStyle.passengerFlowTypeStyle.otherColor
                          })
                        }, n(i.passengerFlowType), 5)) : l("", !0)
                      ], 8, lt),
                      o("div", {
                        class: "r_conter",
                        onClick: (S) => c(i, "detail")
                      }, [
                        i.distance ? (p(), a("span", mt, " 距离你" + n(i.distance) + " " + n(i.address ? "|" : ""), 1)) : l("", !0),
                        i.address ? (p(), a("span", dt, n(i.address), 1)) : l("", !0),
                        i.phone ? (p(), a("span", yt, " 手机号：" + n(i.phone), 1)) : l("", !0)
                      ], 8, ct),
                      o("div", St, [
                        l("", !0),
                        i.lat && i.lng ? (p(), a("div", {
                          key: 1,
                          class: "navigation",
                          onClick: (S) => c(i, "navigation")
                        }, r[1] || (r[1] = [
                          o("span", null, "导航", -1)
                        ]), 8, gt)) : l("", !0),
                        i.tourGuideMapWebOutDTO ? (p(), a("div", {
                          key: 2,
                          class: "into",
                          onClick: (S) => c(i, "detail")
                        }, r[2] || (r[2] = [
                          o("span", { class: "span" }, "进入", -1)
                        ]), 8, bt)) : l("", !0)
                      ])
                    ])
                  ])
                ])
              ]),
              _: 2
            }, 1024))), 128))
          ]),
          _: 1
        }, 8, ["autoplay", "effect", "pagination", "free-mode", "reverse-direction", "slides-per-div", "centered-slides", "speed", "space-between", "rewind", "loop", "grab-cursor", "round-lengths", "direction", "navigation"])
      ])
    ]));
  }
});
export {
  mr as default
};
