import { defineComponent as h, useCssVars as O, ref as v, onMounted as V, watch as H, createElementBlock as p, openBlock as e, createElementVNode as m, Fragment as f, renderList as b, normalizeClass as k, createCommentVNode as _, toDisplayString as F, normalizeStyle as D } from "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 "../zv-hj-model-resource/index.mjs";
import "./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 I } from "../../../plugins/datasource/index.mjs";
import { SHJParseEvent as d } from "../../../plugins/event/index.mjs";
import "lodash";
import { HJLYDatasourceApi as L } from "../../../plugins/datasource/hjly/index.mjs";
const A = { class: "hj-one-map-config" }, C = { class: "config__item-top" }, S = ["onClick"], w = ["src"], x = ["src"], N = { class: "config__name" }, z = { class: "config__item-bottom" }, J = ["onClick"], R = ["src"], T = ["src"], j = { class: "config__name" }, B = h({ name: "zv-hj-one-map-config" }), wi = /* @__PURE__ */ h({
  ...B,
  props: {
    basicOption: {},
    sources: {},
    useEvents: {},
    uuid: {}
  },
  emits: ["on-click", "on-click-map-config-3d", "on-click-map-config-720", "on-click-map-config-hand"],
  setup(y, { expose: E, emit: M }) {
    O((o) => ({
      ab087c6c: o.basicOption.top.y + "px",
      "429a94eb": o.basicOption.top.x + "px",
      af503248: o.basicOption.top.lineHeight + "px",
      "3ca80a97": o.basicOption.topStyle.fontStyle.marginLeft + "px",
      "096aacfb": o.basicOption.bottom.x + "px",
      "49b1dbdc": o.basicOption.bottom.bottom + "px"
    }));
    const i = y, s = v([]), u = () => {
      I.parse({
        tId: i.uuid,
        sources: i.sources,
        callback: ({ data: o }) => {
          const c = o[0].data[0].data, t = [], a = v(null), n = v();
          c.forEach((r) => {
            r.selected = !1, r.id === "announcerFlag" && (r.icon = i.basicOption.announcerFlagIcon), r.id === "resourceNameFlag" && (r.selected = !0), r.id === "funcHandFlag" && (r.icon = i.basicOption.mapFlagIconV1, r.iconActive = i.basicOption.mapFlagIconActiveV1, a.value === null && (r.selected = !0, a.value = "funcHandFlag", n.value = r)), r.id === "func3dFlag" && (r.icon = i.basicOption.mapFlagIconV2, r.iconActive = i.basicOption.mapFlagIconActiveV2, a.value === null && (a.value = "func3dFlag", n.value = r)), r.id === "funcVrFlag" && (r.icon = i.basicOption.mapFlagIconV3, r.iconActive = i.basicOption.mapFlagIconActiveV3, a.value === null && (a.value = "funcVrFlag", n.value = r)), t.push(r);
          }), s.value = t, a.value !== null && a.value !== "funcHandFlag" && g(n.value);
        }
      });
    };
    V(() => {
      u();
    }), H(
      () => i.sources,
      () => {
        u();
      },
      { deep: !0 }
    );
    const l = M, g = (o) => {
      o.selected = !o.selected;
      const c = o.id;
      switch (c) {
        case "hotFlag":
          o.selected ? o.type = "loadHeatMap" : o.type = "hideHeatMap";
          break;
        case "aiFlag":
          break;
        case "sandTableFlag":
          o.selected ? o.type = "showSmallMap" : o.type = "hideSmallMap";
          break;
        case "cruiseFlag":
          o.selected ? o.type = "loadLineMap" : o.type = "hideLineMap";
          break;
        case "specialFlag":
          break;
        case "compassFlag":
          break;
        case "alarmFlag":
          break;
        case "realRoadFlag":
          o.selected ? o.type = "showRoadMap" : o.type = "hideRoadMap";
          break;
        case "resourceNameFlag":
          o.selected ? o.type = "showDotLabelMap" : o.type = "hideDotLabelMap";
          break;
        case "announcerFlag":
          break;
        case "funcHandFlag":
          o.selected && s.value.forEach((t) => {
            (t.id === "func3dFlag" || t.id === "funcVrFlag") && (t.selected = !1);
          });
          break;
        case "func3dFlag":
          o.selected && s.value.forEach((t) => {
            (t.id === "funcHandFlag" || t.id === "funcVrFlag") && (t.selected = !1);
          });
          break;
        case "funcVrFlag":
          o.selected && s.value.forEach((t) => {
            (t.id === "funcHandFlag" || t.id === "func3dFlag") && (t.selected = !1);
          });
          break;
        // todo测试数据
        case "loadDotMap":
          o.selected ? o.type = "loadDotMap" : o.type = "clearDotMap";
          break;
        case "dotlayers":
          o.selected ? o.type = "dotlayers" : o.type = "clearDotMap";
          break;
        case "scatter":
          o.selected ? o.type = "scatter" : o.type = "clearDotMap";
          break;
        case "labelsLayer":
          o.selected ? o.type = "labelsLayer" : o.type = "clearDotMap";
          break;
      }
      c === "hotFlag" && o.selected ? L.loadHeatMap({}).then((t) => {
        o.data = t.data, l("on-click", o), d.parseEvents(i.useEvents, "on-click", o);
      }) : c === "func3dFlag" ? (l("on-click-map-config-3d", o), d.parseEvents(i.useEvents, "on-click-map-config-3d", o)) : c === "funcVrFlag" ? (l("on-click-map-config-720", o), d.parseEvents(i.useEvents, "on-click-map-config-720", o)) : c === "funcHandFlag" ? (l("on-click-map-config-hand", o), d.parseEvents(i.useEvents, "on-click-map-config-hand", o)) : (l("on-click", o), d.parseEvents(i.useEvents, "on-click", o));
    };
    return E({
      refresh: () => u(),
      refreshData: () => u()
    }), (o, c) => (e(), p("div", A, [
      m("div", C, [
        (e(!0), p(f, null, b(s.value, (t, a) => (e(), p("div", {
          key: a,
          class: k(["config__item", [t.selected ? "config__active" : "", t.id]])
        }, [
          t.icon ? _("", !0) : (e(), p("div", {
            key: 0,
            onClick: (n) => g(t)
          }, [
            t.selected ? (e(), p("img", {
              key: 0,
              class: "config__select",
              src: o.basicOption.selectIconTop,
              alt: ""
            }, null, 8, w)) : (e(), p("img", {
              key: 1,
              class: "config__un-select",
              src: o.basicOption.unSelectIconTop,
              alt: ""
            }, null, 8, x)),
            m("span", N, F(t.name), 1)
          ], 8, S))
        ], 2))), 128))
      ]),
      m("div", z, [
        (e(!0), p(f, null, b(s.value, (t, a) => (e(), p(f, null, [
          t.icon ? (e(), p("div", {
            key: a,
            class: k(["config__item", [t.selected ? "config__active" : "", t.id]]),
            onClick: (n) => g(t)
          }, [
            m("div", null, [
              t.id === "announcerFlag" ? (e(), p("div", {
                key: 0,
                class: "config__person",
                style: D({ backgroundImage: "url(" + t.icon + ")" })
              }, null, 4)) : (e(), p(f, { key: 1 }, [
                t.selected && t.iconActive ? (e(), p("img", {
                  key: 0,
                  class: "config__select",
                  src: t.iconActive,
                  alt: ""
                }, null, 8, R)) : (e(), p("img", {
                  key: 1,
                  class: "config__un-select",
                  src: t.icon,
                  alt: ""
                }, null, 8, T))
              ], 64)),
              m("span", j, F(t.name), 1)
            ])
          ], 10, J)) : _("", !0)
        ], 64))), 256))
      ])
    ]));
  }
});
export {
  wi as default
};
