import { defineComponent as E, useCssVars as H, ref as n, onMounted as L, resolveComponent as d, createElementBlock as p, openBlock as r, createElementVNode as i, Fragment as k, renderList as O, createBlock as P, withCtx as C, createVNode as u, createTextVNode as J, createCommentVNode as z, toDisplayString as T, normalizeClass as q } 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 "../zv-hj-one-map-config/index.mjs";
import "./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 M } from "../../../plugins/datasource/index.mjs";
import { SHJParseEvent as _ } from "../../../plugins/event/index.mjs";
import "lodash";
const U = { class: "video__control" }, A = { class: "video__control-box" }, G = ["src"], K = ["onClick"], Q = { class: "video__title" }, R = {
  key: 0,
  class: "video__dian"
}, W = { class: "video__status" }, X = {
  key: 0,
  class: "video__status-title video__green"
}, Y = {
  key: 1,
  class: "video__status-title"
}, Z = {
  key: 2,
  class: "video__collect",
  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-video-control/collect-yes.png"
}, I = {
  key: 3,
  class: "video__collect",
  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-video-control/collect-no.png"
}, oo = { class: "control" }, to = { class: "control__content" }, io = { class: "control__image" }, ro = { class: "control__progress" }, po = E({ name: "zv-hj-video-control" }), Xr = /* @__PURE__ */ E({
  ...po,
  props: {
    basicOption: {},
    sources: {},
    useEvents: {},
    uuid: {}
  },
  emits: [
    "on-click",
    "on-click-control-direction",
    "on-click-control-percentage",
    "on-click-control-tab"
  ],
  setup(j, { emit: V }) {
    H((o) => ({
      "3a760a69": o.basicOption.groupStyle.iconStyle.width + "px",
      "5ed39f64": o.basicOption.groupStyle.iconStyle.height + "px",
      "59c5ac77": o.basicOption.groupStyle.iconStyle.x + "px",
      "7cb24d54": o.basicOption.groupStyle.iconStyle.y + "px",
      "5cc4b893": o.basicOption.groupStyle.iconStyle.height + o.basicOption.groupStyle.iconStyle.y * 2 + "px",
      62263701: o.basicOption.groupStyle.x + "px",
      "6bf13840": o.basicOption.groupStyle.y + "px",
      "177fd0f7": o.basicOption.groupStyle.color,
      46945231: o.basicOption.groupStyle.fontSize + "px",
      "23579b94": o.basicOption.groupStyle.fontStyle,
      "4d123d86": o.basicOption.groupStyle.lineHeight + "px",
      b5780128: o.basicOption.cardStyle.backgroundSize,
      "03c4019a": o.basicOption.cardStyle.iconStyle.width + "px",
      "8176e35a": o.basicOption.cardStyle.iconStyle.height + "px",
      "686e37b0": o.basicOption.cardStyle.iconStyle.x + "px",
      "33aa1107": o.basicOption.cardStyle.iconStyle.y + "px",
      "992199cc": o.basicOption.titleStyle.x + "px",
      "1b505ff9": o.basicOption.titleStyle.y + "px",
      "1548f37e": o.basicOption.titleStyle.color,
      "417537f8": o.basicOption.titleStyle.fontSize + "px",
      "05f6d07e": o.basicOption.statusStyle.fontSize + "px",
      "0fd2ae43": o.basicOption.statusStyle.fontStyle
    }));
    const c = j, y = n([]);
    L(() => {
      M.parse({
        tId: c.uuid,
        sources: c.sources,
        callback: ({ data: o }) => {
          y.value = o[0].data;
        }
      });
    });
    const v = V, g = n(), x = (o) => {
      g.value = o, v("on-click", g.value), _.parseEvents(c.useEvents, "on-click", g.value);
    }, f = n([0]), s = n(""), a = (o) => {
      s.value = o, v("on-click-control-direction", s.value), _.parseEvents(
        c.useEvents,
        "on-select",
        s.value
      );
    }, e = n(0), $ = n("#E0C770"), N = n("#000000"), S = (o, t) => {
      e.value = e.value + t, o === "left" ? e.value < 0 && (e.value = 0) : e.value > 100 && (e.value = 100), v("on-click-control-percentage", e.value), _.parseEvents(
        c.useEvents,
        "on-click-control-percentage",
        s.value
      );
    };
    return (o, t) => {
      const B = d("el-collapse-item"), D = d("el-collapse"), w = d("el-progress"), b = d("el-button");
      return r(), p("div", U, [
        i("div", A, [
          (r(!0), p(k, null, O(y.value, (m, h) => (r(), P(D, {
            modelValue: f.value,
            "onUpdate:modelValue": t[0] || (t[0] = (l) => f.value = l),
            key: h,
            class: "video__collapse"
          }, {
            default: C(() => [
              i("img", {
                class: "video__group",
                src: o.basicOption.groupStyle.iconStyle.image
              }, null, 8, G),
              u(B, {
                name: `${h}`,
                title: m.groupName,
                class: "video__collapse-item"
              }, {
                default: C(() => [
                  (r(!0), p(k, null, O(m.childList, (l, F) => (r(), p("div", {
                    key: F,
                    class: "video__list",
                    onClick: (eo) => x(l)
                  }, [
                    t[8] || (t[8] = i("img", {
                      class: "video__icon",
                      src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-video-control/qio.png"
                    }, null, -1)),
                    i("div", Q, [
                      J(T(l.resourceName) + " ", 1),
                      l.offlineFlag === 0 ? (r(), p("span", R, t[7] || (t[7] = [
                        i("span", { class: "video__circle" }, null, -1)
                      ]))) : z("", !0)
                    ]),
                    i("div", W, [
                      l.offlineFlag === 0 ? (r(), p("span", X, " 在线 ")) : (r(), p("span", Y, "离线")),
                      l.collectTag ? (r(), p("img", Z)) : (r(), p("img", I))
                    ])
                  ], 8, K))), 128))
                ]),
                _: 2
              }, 1032, ["name", "title"])
            ]),
            _: 2
          }, 1032, ["modelValue"]))), 128)),
          i("div", oo, [
            t[10] || (t[10] = i("div", { class: "control__title" }, "云台控制", -1)),
            i("div", to, [
              i("div", io, [
                t[9] || (t[9] = i("img", {
                  class: "control__icon",
                  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-video-control/pan.png"
                }, null, -1)),
                i("img", {
                  class: "control__icon-top",
                  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-video-control/control-no.png",
                  onClick: t[1] || (t[1] = (m) => a("top"))
                }),
                i("img", {
                  class: "control__icon-right",
                  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-video-control/control-no.png",
                  onClick: t[2] || (t[2] = (m) => a("right"))
                }),
                i("img", {
                  class: "control__icon-bottom",
                  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-video-control/control-no.png",
                  onClick: t[3] || (t[3] = (m) => a("bottom"))
                }),
                i("img", {
                  class: "control__icon-left",
                  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-video-control/control-no.png",
                  onClick: t[4] || (t[4] = (m) => a("left"))
                }),
                s.value ? (r(), p("img", {
                  key: 0,
                  class: q(["control__icon-select", s.value]),
                  src: "https://guidedev.fxo2opt.com/document/shi/zv-hj-video-control/control-yes.png"
                }, null, 2)) : z("", !0)
              ]),
              i("div", ro, [
                u(w, {
                  percentage: e.value,
                  color: $.value,
                  "define-back-color": N.value
                }, null, 8, ["percentage", "color", "define-back-color"]),
                u(b, {
                  class: "control__increase",
                  onClick: t[5] || (t[5] = (m) => S("right", 10))
                }),
                u(b, {
                  class: "control__decrease",
                  onClick: t[6] || (t[6] = (m) => S("left", -10))
                })
              ])
            ])
          ])
        ])
      ]);
    };
  }
});
export {
  Xr as default
};
