nxd-plugin 1.7.97 → 1.7.98

package/dist/chunks/component-HdRisk-CEMlJ4At.mjs

@@ -0,0 +1,236 @@
+import { n as e } from "./component-AqiMonitor-DWhSDKFM.mjs";
+import { r as t } from "./component-AiChat-B2YoRfzz.mjs";
+import "./component-Forecast72h-6g0PcT0B.mjs";
+import { ElLoadingDirective as n } from "element-plus/es";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, getCurrentInstance as l, nextTick as u, normalizeClass as d, onMounted as f, onUnmounted as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, vShow as v, watch as ee, withDirectives as y } from "vue";
+//#region src/components/HdRisk/HdRisk.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	class: "HdRisk",
+	"element-loading-text": "加载中...",
+	"element-loading-background": "rgba(0, 0, 0, 0.5)"
+}, x = { class: "HdRisk-header" }, S = { class: "HdRisk-headerContent" }, C = { class: "HdRisk-title" }, w = {
+	key: 0,
+	class: "HdRisk-empty"
+}, T = {
+	key: 1,
+	class: "HdRisk-body"
+}, E = ["onClick"], D = { class: "HdRisk-thumb" }, te = ["src", "alt"], ne = {
+	key: 1,
+	class: "HdRisk-thumbPlaceholder"
+}, re = { class: "HdRisk-itemTitle" }, O = /* @__PURE__ */ e(/* @__PURE__ */ c({
+	__name: "HdRisk",
+	props: {
+		mock: {
+			type: Boolean,
+			default: !1
+		},
+		title: { default: "灾害风险区划" },
+		baseHttp: { default: "" },
+		appKey: { default: "" },
+		appSalt: { default: "" },
+		imgBaseUrl: { default: "" },
+		layerBaseUrl: { default: "http://58.59.29.51:11014/geoserver/gwc/service/wmts" },
+		ids: { default: () => ({}) },
+		list: { default: () => [] },
+		mockData: { default: () => ({
+			title: "灾害风险区划",
+			list: []
+		}) }
+	},
+	emits: [
+		"close",
+		"addLayer",
+		"removeLayer",
+		"selectChange"
+	],
+	setup(e, { expose: c, emit: O }) {
+		let k = e, A = O, j = l()?.appContext.config.globalProperties.$bus, M = h({
+			title: "",
+			list: []
+		}), N = h(null), P = h(!1), F = h(null), I = h(!1), L = h(!1), R = h("灾害风险区划"), z = i(() => k.list.length ? k.list : M.value.list), B = () => {
+			let e = F.value;
+			e && (I.value = e.scrollLeft > 0, L.value = e.scrollLeft + e.clientWidth < e.scrollWidth - 1);
+		};
+		ee(z, () => u(B), { immediate: !0 });
+		let V = (e) => /^https?:\/\//i.test(e), H = (e) => {
+			if (!e) return "";
+			if (V(e)) return e;
+			let t = k.imgBaseUrl || "";
+			return `${t}${t && !t.endsWith("/") && !e.startsWith("/") ? "/" : ""}${e}`;
+		}, U = () => B(), W = () => {
+			F.value?.scrollBy({
+				left: -148,
+				behavior: "smooth"
+			});
+		}, G = () => {
+			F.value?.scrollBy({
+				left: 148,
+				behavior: "smooth"
+			});
+		}, K = (e) => {
+			if (!e) return null;
+			let t = null;
+			if (t = e.data === void 0 ? e.result === void 0 ? e : e.result : e.data?.result?.output === void 0 ? e.data?.result === void 0 ? e.data : e.data.result : e.data.result.output, typeof t == "string") try {
+				t = JSON.parse(t);
+			} catch (e) {
+				console.warn("HdRisk 接口返回非 JSON 字符串", e);
+			}
+			return t;
+		}, q = (e) => e ? Array.isArray(e) ? e : Array.isArray(e.list) ? e.list : Array.isArray(e.ds) ? e.ds : Array.isArray(e.data) ? e.data : [] : [], J = (e) => ({
+			id: e.id ?? 0,
+			title: e.title ?? "",
+			layer_id: e.layer_id ?? e.layerId ?? "",
+			file_url: e.file_url ?? e.fileUrl ?? e.url ?? ""
+		}), Y = () => {
+			M.value = {
+				title: k.mockData?.title || "",
+				list: (k.mockData?.list || []).map(J)
+			};
+		}, ie = async () => {
+			let e = k.ids?.data;
+			if (!e?.id) {
+				console.warn("HdRisk 缺少数据工作流配置");
+				return;
+			}
+			P.value = !0;
+			try {
+				let n = K(await t({
+					id: e.id,
+					baseHttp: k.baseHttp,
+					reqType: e.reqType,
+					variables: {},
+					isFormData: e.isFormData,
+					appKey: k.appKey,
+					appSalt: k.appSalt
+				})), r = q(n).map(J);
+				M.value = {
+					title: n?.title || "",
+					list: r
+				};
+			} catch (e) {
+				console.error("HdRisk 加载失败", e);
+			} finally {
+				P.value = !1;
+			}
+		}, X = async () => {
+			k.mock ? Y() : await ie();
+		}, Z = (e) => {
+			e.layer_id && A("addLayer", {
+				name: e.layer_id,
+				layerId: e.layer_id,
+				title: e.title,
+				oneLayer: {
+					mapUrl: k.layerBaseUrl,
+					type: e.layer_id,
+					opacity: 1
+				},
+				visible: !0,
+				zIndex: 10
+			});
+		}, Q = (e) => {
+			e.layer_id && A("removeLayer", {
+				name: e.layer_id,
+				layerId: e.layer_id,
+				title: e.title
+			});
+		}, $ = () => {
+			let e = N.value;
+			if (e === null) return;
+			let t = z.value.find((t) => t.id === e);
+			N.value = null, t && Q(t);
+		}, ae = (e) => {
+			if (N.value === e.id) {
+				$(), A("selectChange", null);
+				return;
+			}
+			$(), N.value = e.id, R.value = "灾害风险区划-" + e.title, Z(e), A("selectChange", e);
+		}, oe = () => {
+			if (!z.value.length) return;
+			$();
+			let e = z.value[0];
+			N.value = e.id, Z(e), A("selectChange", e);
+		}, se = () => {
+			$(), A("selectChange", null);
+		}, ce = () => {
+			let e = N.value;
+			return e === null ? [] : z.value.filter((t) => t.id === e);
+		}, le = () => {
+			A("close", "HdRisk");
+		};
+		return c({
+			loadData: X,
+			addLayer: Z,
+			removeLayer: Q,
+			addAllLayers: oe,
+			clearLayers: se,
+			getSelected: ce
+		}), f(() => {
+			j?.on("toComponent", (e) => {
+				e?.componentName === "HdRisk" && X();
+			}), X(), window.addEventListener("resize", B), u(B);
+		}), p(() => {
+			window.removeEventListener("resize", B);
+		}), (e, t) => {
+			let i = n;
+			return y((m(), o("div", b, [
+				s("button", {
+					class: "HdRisk-close",
+					onClick: le
+				}, [...t[0] ||= [s("span", null, "✕", -1)]]),
+				s("div", x, [s("div", S, [s("h3", C, _(R.value), 1)]), t[1] ||= s("img", {
+					class: "HdRisk-headerLine",
+					src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbsAAAASBAMAAAAwI22/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURQAAAAem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/5bu5GYAAAAPdFJOUwAFwAwc2M8ULQYDn/hGXGnV2UoAAAGZSURBVEjH7ZM/S8NAGId/JYGmmeLspptThurk0CHWRXGo0Nk/S50y6CYSHMRF7Efo4uQXEIpbwUnM6OhnEIeChXjv5ZLLXdLtLCX68vDCe0eGJ7/3AJN1VcL+UImB/SruVJwYTqSAW5V3LLyaPR1c+IIdH12OPZiLcyTAjccZEdccZ0Nn4bXpC3KpCuFu5tkdziX3FJxBSBZZdFk9HempCduMk4xSitJTpOgJSSIPrx10YAUB0tYOwrQ1g12k7ZyODIYXZmQpppLV26rtbDFOXVhua2Fn7WTWwUEyAe5Zc2hiLWTTC3jjk8Hw+jrSM9/Z8raKOAtZVmyr9jbpee4lU9hvSUStw6YvOpqwiXlK9d8IL0Oq5tuqvc3KLMs7q9uyCC0y22aKvDVp4u2SjnJ1c+Wecg7h9gV4CFV8NHpEaw7yF2wVGcIa6OBx/Ax3PI6pRWx6Am98alBbpSODNVTxgAbQUpF3KeVv0s80xMUow8N//YVaqWEV9BJDdby2PBUZ1/te0uU0YzeLa623jjrrvaLOep/+str9ACyAtv25BhHcAAAAAElFTkSuQmCC",
+					alt: ""
+				}, null, -1)]),
+				!P.value && !z.value.length ? (m(), o("div", w, "暂无灾害风险区划数据")) : !P.value && z.value.length ? (m(), o("div", T, [
+					y(s("button", {
+						class: "HdRisk-arrow HdRisk-arrow--left",
+						onClick: W
+					}, [...t[2] ||= [s("svg", {
+						viewBox: "0 0 24 24",
+						width: "16",
+						height: "16"
+					}, [s("path", {
+						d: "M15 18l-6-6 6-6",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					})], -1)]], 512), [[v, I.value]]),
+					s("div", {
+						ref_key: "scrollRef",
+						ref: F,
+						class: "HdRisk-scroll",
+						onScroll: U
+					}, [(m(!0), o(r, null, g(z.value, (e) => (m(), o("div", {
+						key: e.id,
+						class: d(["HdRisk-item", { "HdRisk-item--selected": N.value === e.id }]),
+						onClick: (t) => ae(e)
+					}, [s("div", D, [e.file_url ? (m(), o("img", {
+						key: 0,
+						src: H(e.file_url),
+						alt: e.title
+					}, null, 8, te)) : (m(), o("div", ne, "暂无图片"))]), s("div", re, _(e.title), 1)], 10, E))), 128))], 544),
+					y(s("button", {
+						class: "HdRisk-arrow HdRisk-arrow--right",
+						onClick: G
+					}, [...t[3] ||= [s("svg", {
+						viewBox: "0 0 24 24",
+						width: "16",
+						height: "16"
+					}, [s("path", {
+						d: "M9 18l6-6-6-6",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					})], -1)]], 512), [[v, L.value]])
+				])) : a("", !0)
+			])), [[i, P.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-19d0cd54"]]);
+//#endregion
+export { O as t };

package/dist/chunks/component-HdSeaCase-CeZO7ZaP.mjs

@@ -0,0 +1,341 @@
+import { n as e } from "./component-AqiMonitor-DWhSDKFM.mjs";
+import { r as t } from "./component-AiChat-B2YoRfzz.mjs";
+import { ElOption as n, ElSelect as r } from "element-plus/es";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, getCurrentInstance as f, normalizeClass as p, normalizeStyle as m, onMounted as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, watch as b, withCtx as x } from "vue";
+//#region src/components/HdSeaCase/HdSeaCase.vue?vue&type=script&setup=true&lang.ts
+var ee = { class: "HdSeaCase" }, te = { class: "HdSeaCase-panel" }, ne = { class: "HdSeaCase-caseBar" }, re = { class: "HdSeaCase-body" }, ie = {
+	key: 0,
+	class: "HdSeaCase-empty"
+}, ae = { class: "HdSeaCase-row HdSeaCase-row--cards" }, oe = ["onClick"], se = { class: "HdSeaCase-cardHeader" }, ce = { class: "HdSeaCase-cardBody" }, le = { class: "HdSeaCase-row HdSeaCase-row--axis" }, ue = ["onClick"], de = { class: "HdSeaCase-row HdSeaCase-row--stages" }, S = ["onClick"], C = {
+	key: 0,
+	class: "HdSeaCase-detailMask"
+}, w = { class: "HdSeaCase-detailPopup" }, T = { class: "HdSeaCase-detailHeader" }, E = {
+	key: 0,
+	class: "HdSeaCase-detailLoading"
+}, D = {
+	key: 1,
+	class: "HdSeaCase-detailBody"
+}, O = {
+	key: 0,
+	class: "HdSeaCase-detailGallery"
+}, k = { class: "HdSeaCase-galleryList" }, A = ["src"], j = { class: "HdSeaCase-detailTitleList" }, M = ["onClick"], N = 200, P = 16, F = 8, I = /* @__PURE__ */ e(/* @__PURE__ */ d({
+	__name: "HdSeaCase",
+	props: {
+		mock: {
+			type: Boolean,
+			default: !0
+		},
+		baseHttp: { default: "" },
+		appKey: { default: "" },
+		appSalt: { default: "" },
+		imgBaseUrl: { default: "" },
+		categoryType: { default: "" },
+		ids: { default: () => ({}) },
+		mockData: { default: () => [{
+			id: "cooperation",
+			title: "海洋气象应急保障合作机制协议",
+			stages: [
+				{
+					id: "s1",
+					caseId: "cooperation",
+					time: "2021年9月23日",
+					label: "西海岸新区海洋发展局调研",
+					content: "为开展近海海域气象监测，大力促进海洋产业发展，陈清峰副局长带队赴青岛西海岸新区海洋发展局进行调研。",
+					detailTitle: "西海岸新区海洋发展局调研",
+					items: [{
+						title: "调研交流",
+						images: ["http://58.59.29.51:11014/staticImg/TypicalInstance/海洋11.png", "http://58.59.29.51:11014/staticImg/TypicalInstance/海洋2.png"],
+						content: "为开展近海海域气象监测，大力促进海洋产业发展，陈清峰副局长带队赴青岛西海岸新区海洋发展局进行调研。"
+					}]
+				},
+				{
+					id: "s2",
+					caseId: "cooperation",
+					time: "2023年2月28日",
+					label: "推动“三级联动”机制调研",
+					content: "为推动“三级联动”向纵深发展，着力解决制约气象高质量发展的基础性、关键性问题，王贵全局长带队前往西海岸新区海洋发展局进行调研交流。"
+				},
+				{
+					id: "s3",
+					caseId: "cooperation",
+					time: "学习经验做法",
+					label: "学习经验做法",
+					content: "赴威海、日照等地学习经验做法，广泛征求本地渔民和行业管理部门意见，对新区海域进行区划。"
+				},
+				{
+					id: "s4",
+					caseId: "cooperation",
+					time: "服务产品",
+					label: "形成预报产品",
+					content: "形成精细化海洋气象预报服务产品。",
+					detailTitle: "形成预报产品",
+					items: [{
+						title: "预报服务产品",
+						images: ["http://58.59.29.51:11014/staticImg/TypicalInstance/海洋气象服务_10.png", "http://58.59.29.51:11014/staticImg/TypicalInstance/海洋气象服务_10.png"],
+						content: "回访分区气象预报服务成果。"
+					}]
+				},
+				{
+					id: "s5",
+					caseId: "cooperation",
+					time: "2024年",
+					label: "海洋气象应急保障合作机制协议",
+					content: "双方将在共谋共建共享、预警信息传播、海上突发事件处置、海上安全监管、服务效益评价等方面开展工作。",
+					detailTitle: "海洋气象应急保障合作机制协议",
+					items: [{
+						title: "建立合作",
+						images: ["../../assets/img/icons/面板.png"],
+						content: "签订海洋气象应急保障合作机制协议。"
+					}]
+				}
+			]
+		}, {
+			id: "wind2021",
+			title: "2021年5月7日，海面大风，船舶禁止通行，游客滞留",
+			stages: [
+				{
+					id: "w1",
+					caseId: "wind2021",
+					time: "5月7日8时",
+					label: "海面大风，禁止船舶通行",
+					content: "受蒙古气旋持续影响，青岛西海岸新区近海海域风力7级到8级，阵风10级。海上风浪较大，风力达到7级以上，灵山湾全面禁止船舶通行。"
+				},
+				{
+					id: "w2",
+					caseId: "wind2021",
+					time: "5月7日9时",
+					label: "商讨应急方案",
+					content: "韩千钧副区长迅速组织海事、气象、港务、灵山湾管委会等部门商讨方案。研究决定，由气象局提供精准的航线风力预报。"
+				},
+				{
+					id: "w3",
+					caseId: "wind2021",
+					time: "5月7日13时10分",
+					label: "给出船舶航行精准气象条件建议",
+					content: "气象局根据监测实况及天气形势变化，预计7日下午到傍晚有大风间歇窗口期，有利于航行。"
+				},
+				{
+					id: "w4",
+					caseId: "wind2021",
+					time: "5月7日15时25分",
+					label: "游客成功离岛",
+					content: "基于气象局给出的决策建议，海事处安排船舶，截至当日15时25分，顺利转移所有岛上游客。"
+				}
+			]
+		}] }
+	},
+	emits: ["close"],
+	setup(e, { emit: d }) {
+		let I = f()?.appContext.config.globalProperties.$bus, L = e, R = d, z = _([]), B = _([]), V = _(""), H = _(0), U = _(!1), W = _(null), G = _(0), K = _(!1), fe = a(() => z.value.find((e) => e.id === V.value)?.title || ""), q = a(() => W.value?.items?.length ? W.value.items[G.value] || W.value.items[0] : null), pe = () => {
+			R("close", "HdSeaCase");
+		}, me = (e) => `${F + N / 2 + e * (N + P)}px`, he = (e) => /^https?:\/\//i.test(e), ge = (e) => {
+			if (!e) return "";
+			if (he(e)) return e;
+			let t = L.imgBaseUrl || "";
+			return `${t}${t && !t.endsWith("/") && !e.startsWith("/") ? "/" : ""}${e}`;
+		}, J = (e) => {
+			if (!e) return null;
+			let t = null;
+			if (t = e.data === void 0 ? e.result === void 0 ? e : e.result : e.data?.result?.output === void 0 ? e.data?.result === void 0 ? e.data : e.data.result : e.data.result.output, typeof t == "string") try {
+				t = JSON.parse(t);
+			} catch (e) {
+				console.warn("HdSeaCase 接口返回非 JSON 字符串", e);
+			}
+			return t;
+		}, Y = (e) => {
+			if (!e) return [];
+			if (Array.isArray(e)) return e;
+			if (typeof e == "object") {
+				let t = Object.values(e);
+				if (t.length) return t;
+			}
+			return [];
+		}, X = (e) => ({
+			id: e.id ?? e.caseId ?? "",
+			title: e.case_name ?? e.caseName ?? e.title ?? ""
+		}), _e = (e) => ({
+			id: e.id ?? e.categoryId ?? "",
+			caseId: e.case_id ?? e.caseId ?? "",
+			time: e.category_title ?? e.categoryTitle ?? e.time ?? "",
+			label: e.summary ?? e.label ?? "",
+			content: e.description ?? e.content ?? ""
+		}), ve = (e) => {
+			let t = e.image_url ?? e.imageUrl ?? "", n = t ? String(t).split(",").map((e) => e.trim()).filter(Boolean) : [];
+			return {
+				title: e.image_name ?? e.imageName ?? "详情",
+				images: n.map(ge),
+				content: e.description ?? e.content ?? ""
+			};
+		}, ye = () => {
+			let e = L.mockData || [];
+			z.value = e.map((e) => ({
+				id: e.id,
+				title: e.title
+			})), V.value = e[0]?.id || "", B.value = e[0]?.stages || [];
+		}, be = async () => {
+			let e = L.ids?.select;
+			if (!e?.id) {
+				console.warn("HdSeaCase 缺少下拉框工作流配置");
+				return;
+			}
+			try {
+				if (z.value = Y(J(await t({
+					id: e.id,
+					baseHttp: L.baseHttp,
+					reqType: e.reqType,
+					variables: { categoryType: L.categoryType },
+					isFormData: e.isFormData,
+					appKey: L.appKey,
+					appSalt: L.appSalt
+				}))).map(X), !z.value.length) {
+					V.value = "", B.value = [];
+					return;
+				}
+				V.value = z.value[0].id;
+			} catch (e) {
+				console.error("HdSeaCase 下拉框数据加载失败", e);
+			}
+		}, Z = async () => {
+			let e = L.ids?.data;
+			if (!e?.id || !V.value) {
+				B.value = [];
+				return;
+			}
+			try {
+				B.value = Y(J(await t({
+					id: e.id,
+					baseHttp: L.baseHttp,
+					reqType: e.reqType,
+					variables: { caseId: V.value },
+					isFormData: e.isFormData,
+					appKey: L.appKey,
+					appSalt: L.appSalt
+				}))).map(_e), H.value = 0;
+			} catch (e) {
+				console.error("HdSeaCase 节点数据加载失败", e), B.value = [];
+			}
+		}, xe = async (e) => {
+			let n = L.ids?.img;
+			if (!n?.id || !e.caseId || !e.id) {
+				W.value = {
+					...e,
+					items: []
+				};
+				return;
+			}
+			K.value = !0;
+			try {
+				let r = Y(J(await t({
+					id: n.id,
+					baseHttp: L.baseHttp,
+					reqType: n.reqType,
+					variables: {
+						caseId: e.caseId,
+						categoryId: e.id
+					},
+					isFormData: n.isFormData,
+					appKey: L.appKey,
+					appSalt: L.appSalt
+				}))).map(ve);
+				W.value = {
+					...e,
+					items: r
+				};
+			} catch (t) {
+				console.error("HdSeaCase 弹窗数据加载失败", t), W.value = {
+					...e,
+					items: []
+				};
+			} finally {
+				K.value = !1;
+			}
+		}, Se = async () => {
+			H.value = 0, await Z();
+		}, Q = async (e, t) => {
+			H.value = t, G.value = 0, await xe(e), U.value = !0;
+		}, Ce = () => {
+			U.value = !1, W.value = null, G.value = 0;
+		};
+		b(U, (e) => {
+			e || (G.value = 0);
+		});
+		let $ = async () => {
+			L.mock ? ye() : (await be(), await Z());
+		};
+		return h(() => {
+			I?.on("toComponent", (e) => {
+				e.componentName === "HdSeaCase" && $();
+			}), $();
+		}), (e, t) => {
+			let a = n, d = r;
+			return g(), c("div", ee, [l("div", te, [
+				l("button", {
+					class: "HdSeaCase-close",
+					onClick: pe
+				}, [...t[1] ||= [l("span", null, "✕", -1)]]),
+				t[4] ||= l("div", { class: "HdSeaCase-header" }, [l("div", { class: "HdSeaCase-title" }, "海洋专项服务典型案例")], -1),
+				l("div", ne, [u(d, {
+					modelValue: V.value,
+					"onUpdate:modelValue": t[0] ||= (e) => V.value = e,
+					class: "HdSeaCase-caseSelect",
+					"popper-class": "HdSeaCase-casePopper",
+					size: "small",
+					teleported: !1,
+					onChange: Se
+				}, {
+					default: x(() => [(g(!0), c(i, null, v(z.value, (e) => (g(), o(a, {
+						key: e.id,
+						label: e.title,
+						value: e.id
+					}, null, 8, ["label", "value"]))), 128))]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				l("div", re, [B.value.length ? (g(), c("div", {
+					key: 1,
+					class: "HdSeaCase-scrollWrap",
+					style: m({ "--stage-count": B.value.length })
+				}, [
+					l("div", ae, [(g(!0), c(i, null, v(B.value, (e, t) => (g(), c("div", {
+						key: e.id,
+						class: p(["HdSeaCase-card", { "HdSeaCase-card--active": H.value === t }]),
+						onClick: (n) => Q(e, t)
+					}, [l("div", se, [l("span", null, y(e.time || e.label), 1)]), l("div", ce, y(e.content), 1)], 10, oe))), 128))]),
+					l("div", le, [
+						t[2] ||= l("div", { class: "HdSeaCase-axisSpacer" }, null, -1),
+						t[3] ||= l("div", { class: "HdSeaCase-line" }, null, -1),
+						(g(!0), c(i, null, v(B.value, (e, t) => (g(), c("div", {
+							key: `node-${e.id}`,
+							class: p(["HdSeaCase-node", { "HdSeaCase-node--active": H.value === t }]),
+							style: m({ left: me(t) }),
+							onClick: (n) => Q(e, t)
+						}, null, 14, ue))), 128))
+					]),
+					l("div", de, [(g(!0), c(i, null, v(B.value, (e, t) => (g(), c("button", {
+						key: `btn-${e.id}`,
+						class: p(["HdSeaCase-stageBtn", { "HdSeaCase-stageBtn--highlight": t === B.value.length - 1 }]),
+						onClick: (n) => Q(e, t)
+					}, y(e.label), 11, S))), 128))])
+				], 4)) : (g(), c("div", ie, "暂无案例数据"))])
+			]), U.value ? (g(), c("div", C, [l("div", w, [
+				l("button", {
+					class: "HdSeaCase-detailClose",
+					onClick: Ce
+				}, [...t[5] ||= [l("span", null, "✕", -1)]]),
+				l("div", T, y(W.value?.label || fe.value), 1),
+				K.value ? (g(), c("div", E, "加载中...")) : (g(), c("div", D, [q.value ? (g(), c("div", O, [l("div", k, [(g(!0), c(i, null, v(q.value.images, (e, t) => (g(), c("div", {
+					key: t,
+					class: "HdSeaCase-galleryItem"
+				}, [l("img", {
+					src: e,
+					alt: ""
+				}, null, 8, A)]))), 128))])])) : s("", !0), l("div", j, [(g(!0), c(i, null, v(W.value?.items, (e, t) => (g(), c("div", {
+					key: t,
+					class: p(["HdSeaCase-titleItem", { "HdSeaCase-titleItem--active": G.value === t }]),
+					onClick: (e) => G.value = t
+				}, y(e.title), 11, M))), 128))])]))
+			])])) : s("", !0)]);
+		};
+	}
+}), [["__scopeId", "data-v-ac37eefa"]]);
+//#endregion
+export { I as t };