import { n as e } from "./component-AqiMonitor-BUy1MSaP.mjs";
import { Fragment as t, createElementBlock as n, createElementVNode as r, defineComponent as i, getCurrentInstance as a, normalizeClass as o, normalizeStyle as s, onMounted as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, vShow as p, withDirectives as m } from "vue";
//#region src/components/RadarLegend/RadarLegend.vue?vue&type=script&setup=true&lang.ts
var h = { class: "RadarLegend-colorList" }, g = { class: "valueText" }, _ = /* @__PURE__ */ e(/* @__PURE__ */ i({
	__name: "RadarLegend",
	props: {
		show: {
			type: Boolean,
			default: !0
		},
		isVertical: {
			type: Boolean,
			default: !0
		}
	},
	setup(e) {
		let i = a()?.appContext.config.globalProperties.$bus, _ = e, v = u(), y = [
			{
				color: "rgb(192, 192, 253)",
				value: "0"
			},
			{
				color: "rgb(122, 114, 238)",
				value: "5"
			},
			{
				color: "rgb(30, 38, 208)",
				value: "10"
			},
			{
				color: "rgb(166, 252, 168)",
				value: "15"
			},
			{
				color: "rgb(0, 235, 0)",
				value: "20"
			},
			{
				color: "rgb(16, 146, 26)",
				value: "25"
			},
			{
				color: "rgb(252, 244, 100)",
				value: "30"
			},
			{
				color: "rgb(200, 200, 2)",
				value: "35"
			},
			{
				color: "rgb(140, 140, 0)",
				value: "40"
			},
			{
				color: "rgb(254, 172, 172)",
				value: "45"
			},
			{
				color: "rgb(254, 100, 92)",
				value: "50"
			},
			{
				color: "rgb(238, 2, 48)",
				value: "55"
			},
			{
				color: "rgb(212, 142, 254)",
				value: "60"
			},
			{
				color: "rgb(170, 36, 250)",
				value: "65"
			}
		];
		return c(() => {
			v.value = _.show, i?.on("toComponent", (e) => {
				e.componentName === "RadarLegend" && (v.value = e.show);
			});
		}), (i, a) => m((l(), n("div", { class: o(["RadarLegend", { "RadarLegend--horizontal": !e.isVertical }]) }, [a[0] ||= r("div", { class: "RadarLegend-header" }, [r("div", { class: "RadarLegend-title" }, "雷达回波"), r("div", { class: "RadarLegend-unit" }, "单位：dBZ")], -1), r("div", h, [(l(), n(t, null, d(y, (e) => r("div", {
			key: e.value,
			class: "RadarLegend-colorList-color"
		}, [r("div", {
			class: "colorBox",
			style: s({ backgroundColor: e.color })
		}, null, 4), r("div", g, f(e.value), 1)])), 64))])], 2)), [[p, v.value]]);
	}
}), [["__scopeId", "data-v-69db75e9"]]);
//#endregion
export { _ as t };
