@l1yp/file-viewer 0.1.1 → 0.1.3

package/dist/components/ZoomImage.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, toDisplayString as l, watch as u, withModifiers as d } from "vue";
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, onBeforeUnmount as a, onMounted as o, openBlock as s, shallowRef as c, toDisplayString as l, useTemplateRef as u, watch as d, withModifiers as f } from "vue";
 //#region src/components/ZoomImage.vue?vue&type=script&setup=true&lang.ts
-var f = ["src", "alt"], p = /*@__PURE__*/ n({
+var p = ["src", "alt"], m = 24, h = /*@__PURE__*/ n({
 	__name: "ZoomImage",
 	props: {
 		src: {},
@@ -11,13 +11,13 @@ var f = ["src", "alt"], p = /*@__PURE__*/ n({
 		}
 	},
 	emits: ["emptyClick"],
-	setup(n, { expose: p, emit: m }) {
-		let h = n, g = m, _ = c(null), v = c(null), y = c(0), b = c(0), x = c(1), S = c(0), C = c(0), w = c(1), T = c(!1), E = c(100);
-		function D() {
-			E.value = Math.round(x.value * 100);
+	setup(n, { expose: h, emit: g }) {
+		let _ = n, v = g, y = u("stageEl"), b = u("imgEl"), x = c(0), S = c(0), C = c(1), w = c(0), T = c(0), E = c(1), D = c(!1), O = c(100);
+		function k() {
+			O.value = Math.round(C.value * 100);
 		}
-		function O() {
-			let e = _.value;
+		function A() {
+			let e = y.value;
 			return e && e.clientWidth ? {
 				w: e.clientWidth,
 				h: e.clientHeight
@@ -26,122 +26,124 @@ var f = ["src", "alt"], p = /*@__PURE__*/ n({
 				h: 768
 			};
 		}
-		function k() {
-			return Math.max(.05, Math.min(w.value, 1) * .5);
-		}
-		function A() {
-			return Math.max(w.value, 1) * 8;
-		}
-		function j(e = !1) {
-			let { w: t, h: n } = O(), r = y.value * x.value, i = b.value * x.value;
-			S.value = r <= t ? (t - r) / 2 : Math.min(0, Math.max(t - r, S.value)), i <= n ? C.value = (n - i) / 2 : e ? C.value = 0 : C.value = Math.min(0, Math.max(n - i, C.value)), D();
+		function j() {
+			return Math.max(.05, Math.min(E.value, 1) * .5);
 		}
 		function M() {
-			if (!y.value || !b.value) return;
-			let { w: e, h: t } = O();
-			w.value = Math.min(e / y.value, t / b.value), x.value = h.long ? e * .98 / y.value : Math.min(w.value, 1), j(h.long);
+			return Math.max(E.value, 1) * 8;
 		}
-		function N(e) {
-			return Math.min(A(), Math.max(k(), e));
+		function N(e = !1) {
+			let { w: t, h: n } = A(), r = x.value * C.value, i = S.value * C.value;
+			w.value = r <= t ? (t - r) / 2 : Math.min(0, Math.max(t - r, w.value)), i <= n ? T.value = (n - i) / 2 : e ? T.value = 0 : T.value = Math.min(0, Math.max(n - i, T.value)), k();
 		}
-		function P(e, t, n) {
-			let r = N(x.value * n);
-			if (r === x.value) return;
-			let i = (e - S.value) / x.value, a = (t - C.value) / x.value;
-			x.value = r, S.value = e - i * r, C.value = t - a * r, j(!1);
+		function P() {
+			if (!x.value || !S.value) return;
+			let { w: e, h: t } = A(), n = _.long ? 0 : m * 2, r = Math.max(1, e - n), i = Math.max(1, t - n);
+			E.value = Math.min(r / x.value, i / S.value), C.value = _.long ? e * .98 / x.value : Math.min(E.value, 1), N(_.long);
 		}
 		function F(e) {
-			let { w: t, h: n } = O();
-			P(t / 2, n / 2, e);
+			return Math.min(M(), Math.max(j(), e));
 		}
-		function I(e) {
-			let t = _.value?.getBoundingClientRect();
-			P(t ? e.clientX - t.left : e.clientX, t ? e.clientY - t.top : e.clientY, e.deltaY < 0 ? 1.15 : 1 / 1.15);
+		function I(e, t, n) {
+			let r = F(C.value * n);
+			if (r === C.value) return;
+			let i = (e - w.value) / C.value, a = (t - T.value) / C.value;
+			C.value = r, w.value = e - i * r, T.value = t - a * r, N(!1);
 		}
 		function L(e) {
-			let t = _.value?.getBoundingClientRect(), n = t ? e.clientX - t.left : e.clientX, r = t ? e.clientY - t.top : e.clientY;
-			x.value <= w.value * 1.05 ? P(n, r, Math.max(2, 1 / Math.max(w.value, .001))) : M();
+			let { w: t, h: n } = A();
+			I(t / 2, n / 2, e);
 		}
-		let R = !1, z = !1, B = 0, V = 0, H = null;
-		function U(e) {
-			e.button === 0 && (R = !0, z = !1, B = e.clientX, V = e.clientY, H = e.target, _.value?.setPointerCapture(e.pointerId));
+		function R(e) {
+			let t = y.value?.getBoundingClientRect();
+			I(t ? e.clientX - t.left : e.clientX, t ? e.clientY - t.top : e.clientY, e.deltaY < 0 ? 1.15 : 1 / 1.15);
 		}
-		function W(e) {
-			if (!R) return;
-			let t = e.clientX - B, n = e.clientY - V;
-			!z && Math.abs(t) + Math.abs(n) > 3 && (z = !0), B = e.clientX, V = e.clientY, S.value += t, C.value += n, j(!1);
+		function z(e) {
+			let t = y.value?.getBoundingClientRect(), n = t ? e.clientX - t.left : e.clientX, r = t ? e.clientY - t.top : e.clientY;
+			C.value <= E.value * 1.05 ? I(n, r, Math.max(2, 1 / Math.max(E.value, .001))) : P();
 		}
+		let B = !1, V = !1, H = 0, U = 0, W = null;
 		function G(e) {
-			if (R) {
-				R = !1;
+			e.button === 0 && (B = !0, V = !1, H = e.clientX, U = e.clientY, W = e.target, y.value?.setPointerCapture(e.pointerId));
+		}
+		function K(e) {
+			if (!B) return;
+			let t = e.clientX - H, n = e.clientY - U;
+			!V && Math.abs(t) + Math.abs(n) > 3 && (V = !0), H = e.clientX, U = e.clientY, w.value += t, T.value += n, N(!1);
+		}
+		function q(e) {
+			if (B) {
+				B = !1;
 				try {
-					_.value?.releasePointerCapture(e.pointerId);
+					y.value?.releasePointerCapture(e.pointerId);
 				} catch {}
-				!z && H !== v.value && g("emptyClick");
+				!V && W !== b.value && v("emptyClick");
 			}
 		}
-		function K() {
-			let e = v.value;
-			e && (y.value = e.naturalWidth || 1, b.value = e.naturalHeight || 1, M(), T.value = !0);
-		}
-		let q = null;
 		function J() {
-			T.value && M();
+			let e = b.value;
+			e && (x.value = e.naturalWidth || 1, S.value = e.naturalHeight || 1, P(), D.value = !0);
+		}
+		let Y = null;
+		function X() {
+			D.value && P();
 		}
-		return u(() => h.src, () => {
-			T.value = !1, y.value = 0, b.value = 0, x.value = 1, S.value = 0, C.value = 0, w.value = 1, D();
+		return d(() => _.src, () => {
+			D.value = !1, x.value = 0, S.value = 0, C.value = 1, w.value = 0, T.value = 0, E.value = 1, k();
 		}), o(() => {
-			typeof ResizeObserver < "u" && _.value && (q = new ResizeObserver(J), q.observe(_.value));
-		}), a(() => q?.disconnect()), p({
-			zoomIn: () => F(1.2),
-			zoomOut: () => F(1 / 1.2),
-			fit: () => M()
+			typeof ResizeObserver < "u" && y.value && (Y = new ResizeObserver(X), Y.observe(y.value));
+		}), a(() => Y?.disconnect()), h({
+			zoomIn: () => L(1.2),
+			zoomOut: () => L(1 / 1.2),
+			fit: () => P()
 		}), (a, o) => (s(), e("div", {
 			ref_key: "stageEl",
-			ref: _,
-			class: r(["zi", { "zi--grab": x.value > w.value }]),
-			onWheel: d(I, ["prevent"]),
-			onPointerdown: U,
-			onPointermove: W,
-			onPointerup: G,
-			onPointercancel: G,
-			onDblclick: L
+			ref: y,
+			class: r(["zi", { "zi--grab": C.value > E.value }]),
+			onWheel: f(R, ["prevent"]),
+			onPointerdown: G,
+			onPointermove: K,
+			onPointerup: q,
+			onPointercancel: q,
+			onDblclick: z
 		}, [t("img", {
 			ref_key: "imgEl",
-			ref: v,
-			class: r(["zi__img", { "zi__img--ready": T.value }]),
+			ref: b,
+			class: r(["zi__img", { "zi__img--ready": D.value }]),
 			src: n.src,
 			alt: n.alt,
 			draggable: "false",
-			style: i({ transform: `translate(${S.value}px, ${C.value}px) scale(${x.value})` }),
-			onLoad: K,
-			onDragstart: o[0] ||= d(() => {}, ["prevent"])
-		}, null, 46, f), t("div", {
+			style: i({ transform: `translate(${w.value}px, ${T.value}px) scale(${C.value})` }),
+			onLoad: J,
+			onDragstart: o[0] ||= f(() => {}, ["prevent"])
+		}, null, 46, p), t("div", {
 			class: "zi__toolbar",
-			onPointerdown: o[4] ||= d(() => {}, ["stop"]),
-			onDblclick: o[5] ||= d(() => {}, ["stop"]),
-			onWheel: o[6] ||= d(() => {}, ["stop"])
+			onPointerdown: o[4] ||= f(() => {}, ["stop"]),
+			onDblclick: o[5] ||= f(() => {}, ["stop"]),
+			onWheel: o[6] ||= f(() => {}, ["stop"])
 		}, [
 			t("button", {
 				type: "button",
 				class: "zi__tool",
 				title: "缩小 (-)",
-				onClick: o[1] ||= (e) => F(1 / 1.2)
+				onClick: o[1] ||= (e) => L(1 / 1.2)
 			}, " − "),
 			t("button", {
 				type: "button",
 				class: "zi__pct",
 				title: "适应窗口 (0)",
-				onClick: o[2] ||= (e) => M()
-			}, l(E.value) + "% ", 1),
+				onClick: o[2] ||= (e) => P()
+			}, l(O.value) + "% ", 1),
 			t("button", {
 				type: "button",
 				class: "zi__tool",
 				title: "放大 (+)",
-				onClick: o[3] ||= (e) => F(1.2)
+				onClick: o[3] ||= (e) => L(1.2)
 			}, "+")
 		], 32)], 34));
 	}
 });
 //#endregion
-export { p as default };
+export { h as default };
+
+//# sourceMappingURL=ZoomImage.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ZoomImage.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomImage.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/ZoomImage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, shallowRef, useTemplateRef, watch } from 'vue'\n\n/**\n * A pan + zoom image stage, shared by the full-screen {@link ImageLightbox} and the in-archive image preview\n * ({@link ZipBrowser}/{@link SevenZipBrowser}/{@link ArchiveBrowser}). Fills its parent (which must give it a\n * size). Wheel zooms toward the cursor, drag pans, double-click toggles fit↔2×, and a bottom toolbar offers\n * −/百分比/+. Initial fit is \"contain\" for a normal image, or fill-width-top-aligned for a `long` one (a tall\n * screenshot) so it reads top-down and pans vertically. A no-drag click on empty area emits `emptyClick` (the\n * lightbox closes on it; the archive preview ignores it).\n *\n * Exposes `zoomIn`/`zoomOut`/`fit` so a host can wire keyboard shortcuts to them.\n */\nconst props = withDefaults(defineProps<{ src: string; alt?: string; long?: boolean }>(), {\n  alt: '',\n  long: false,\n})\nconst emit = defineEmits<{ emptyClick: [] }>()\n\nconst stageEl = useTemplateRef<HTMLElement>('stageEl')\nconst imgEl = useTemplateRef<HTMLImageElement>('imgEl')\nconst natW = shallowRef(0)\nconst natH = shallowRef(0)\nconst scale = shallowRef(1) // CSS px per image px (1 = 100%)\nconst tx = shallowRef(0) // translate of the image's top-left within the stage\nconst ty = shallowRef(0)\nconst fitScale = shallowRef(1) // scale that \"contains\" the image in the stage\nconst ready = shallowRef(false) // image measured → show it (avoids a pre-fit flash)\n\nconst percent = shallowRef(100)\nconst FIT_PADDING = 24\nfunction syncPercent(): void {\n  percent.value = Math.round(scale.value * 100)\n}\n\nfunction stageSize(): { w: number; h: number } {\n  const el = stageEl.value\n  if (el && el.clientWidth) return { w: el.clientWidth, h: el.clientHeight }\n  return { w: 1024, h: 768 }\n}\nfunction minScale(): number {\n  return Math.max(0.05, Math.min(fitScale.value, 1) * 0.5)\n}\nfunction maxScale(): number {\n  return Math.max(fitScale.value, 1) * 8\n}\n\n// Keep the image within the stage: center an axis whose content is smaller than the stage, otherwise clamp so\n// its edges can't be dragged inside the viewport. `topAlign` pins a too-tall image to its top (initial long view).\nfunction clampView(topAlign = false): void {\n  const { w, h } = stageSize()\n  const cw = natW.value * scale.value\n  const ch = natH.value * scale.value\n  tx.value = cw <= w ? (w - cw) / 2 : Math.min(0, Math.max(w - cw, tx.value))\n  if (ch <= h) ty.value = (h - ch) / 2\n  else if (topAlign) ty.value = 0\n  else ty.value = Math.min(0, Math.max(h - ch, ty.value))\n  syncPercent()\n}\n\n// (Re)fit the measured image: contain it, or — for a long image — fill the width and pin to the top.\nfunction fitView(): void {\n  if (!natW.value || !natH.value) return\n  const { w, h } = stageSize()\n  const padding = props.long ? 0 : FIT_PADDING * 2\n  const availableWidth = Math.max(1, w - padding)\n  const availableHeight = Math.max(1, h - padding)\n  fitScale.value = Math.min(availableWidth / natW.value, availableHeight / natH.value)\n  scale.value = props.long ? (w * 0.98) / natW.value : Math.min(fitScale.value, 1)\n  clampView(props.long)\n}\n\nfunction clampScale(s: number): number {\n  return Math.min(maxScale(), Math.max(minScale(), s))\n}\n\n// Zoom keeping the image point under (cx, cy) — stage-relative coords — fixed in place.\nfunction zoomAt(cx: number, cy: number, factor: number): void {\n  const next = clampScale(scale.value * factor)\n  if (next === scale.value) return\n  const ix = (cx - tx.value) / scale.value\n  const iy = (cy - ty.value) / scale.value\n  scale.value = next\n  tx.value = cx - ix * next\n  ty.value = cy - iy * next\n  clampView(false)\n}\nfunction zoomCenter(factor: number): void {\n  const { w, h } = stageSize()\n  zoomAt(w / 2, h / 2, factor)\n}\n\nfunction onWheel(e: WheelEvent): void {\n  const rect = stageEl.value?.getBoundingClientRect()\n  const cx = rect ? e.clientX - rect.left : e.clientX\n  const cy = rect ? e.clientY - rect.top : e.clientY\n  zoomAt(cx, cy, e.deltaY < 0 ? 1.15 : 1 / 1.15)\n}\nfunction onDblClick(e: MouseEvent): void {\n  const rect = stageEl.value?.getBoundingClientRect()\n  const cx = rect ? e.clientX - rect.left : e.clientX\n  const cy = rect ? e.clientY - rect.top : e.clientY\n  // Near the fit scale → zoom in toward the cursor; otherwise snap back to fit.\n  if (scale.value <= fitScale.value * 1.05)\n    zoomAt(cx, cy, Math.max(2, 1 / Math.max(fitScale.value, 0.001)))\n  else fitView()\n}\n\n// Pointer drag → pan (covers mouse + touch). A no-move pointerup on empty area emits `emptyClick`.\nlet dragging = false\nlet moved = false\nlet lastX = 0\nlet lastY = 0\nlet downTarget: EventTarget | null = null\n\nfunction onPointerDown(e: PointerEvent): void {\n  if (e.button !== 0) return\n  dragging = true\n  moved = false\n  lastX = e.clientX\n  lastY = e.clientY\n  downTarget = e.target\n  stageEl.value?.setPointerCapture(e.pointerId)\n}\nfunction onPointerMove(e: PointerEvent): void {\n  if (!dragging) return\n  const dx = e.clientX - lastX\n  const dy = e.clientY - lastY\n  if (!moved && Math.abs(dx) + Math.abs(dy) > 3) moved = true\n  lastX = e.clientX\n  lastY = e.clientY\n  tx.value += dx\n  ty.value += dy\n  clampView(false)\n}\nfunction onPointerUp(e: PointerEvent): void {\n  if (!dragging) return\n  dragging = false\n  try {\n    stageEl.value?.releasePointerCapture(e.pointerId)\n  } catch {\n    /* capture already released — ignore */\n  }\n  if (!moved && downTarget !== imgEl.value) emit('emptyClick')\n}\n\nfunction onImgLoad(): void {\n  const img = imgEl.value\n  if (!img) return\n  natW.value = img.naturalWidth || 1\n  natH.value = img.naturalHeight || 1\n  fitView()\n  ready.value = true\n}\n\n// Re-fit when the container is resized (the side panel's drag splitter, or the window).\nlet ro: ResizeObserver | null = null\nfunction onResize(): void {\n  if (ready.value) fitView()\n}\n\n// Reset for a new source; the transform is recomputed on the <img>'s load.\nwatch(\n  () => props.src,\n  () => {\n    ready.value = false\n    natW.value = 0\n    natH.value = 0\n    scale.value = 1\n    tx.value = 0\n    ty.value = 0\n    fitScale.value = 1\n    syncPercent()\n  },\n)\n\nonMounted(() => {\n  if (typeof ResizeObserver !== 'undefined' && stageEl.value) {\n    ro = new ResizeObserver(onResize)\n    ro.observe(stageEl.value)\n  }\n})\nonBeforeUnmount(() => ro?.disconnect())\n\ndefineExpose({\n  zoomIn: () => zoomCenter(1.2),\n  zoomOut: () => zoomCenter(1 / 1.2),\n  fit: () => fitView(),\n})\n</script>\n\n<template>\n  <div\n    ref=\"stageEl\"\n    class=\"zi\"\n    :class=\"{ 'zi--grab': scale > fitScale }\"\n    @wheel.prevent=\"onWheel\"\n    @pointerdown=\"onPointerDown\"\n    @pointermove=\"onPointerMove\"\n    @pointerup=\"onPointerUp\"\n    @pointercancel=\"onPointerUp\"\n    @dblclick=\"onDblClick\"\n  >\n    <img\n      ref=\"imgEl\"\n      class=\"zi__img\"\n      :class=\"{ 'zi__img--ready': ready }\"\n      :src=\"src\"\n      :alt=\"alt\"\n      draggable=\"false\"\n      :style=\"{ transform: `translate(${tx}px, ${ty}px) scale(${scale})` }\"\n      @load=\"onImgLoad\"\n      @dragstart.prevent\n    />\n    <div class=\"zi__toolbar\" @pointerdown.stop @dblclick.stop @wheel.stop>\n      <button type=\"button\" class=\"zi__tool\" title=\"缩小 (-)\" @click=\"zoomCenter(1 / 1.2)\">\n        −\n      </button>\n      <button type=\"button\" class=\"zi__pct\" title=\"适应窗口 (0)\" @click=\"fitView()\">\n        {{ percent }}%\n      </button>\n      <button type=\"button\" class=\"zi__tool\" title=\"放大 (+)\" @click=\"zoomCenter(1.2)\">+</button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.zi {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  cursor: zoom-out;\n  touch-action: none;\n}\n.zi--grab {\n  cursor: grab;\n}\n.zi--grab:active {\n  cursor: grabbing;\n}\n.zi__img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform-origin: 0 0;\n  will-change: transform;\n  user-select: none;\n  -webkit-user-drag: none;\n  opacity: 0;\n}\n.zi__img--ready {\n  opacity: 1;\n}\n.zi__toolbar {\n  position: absolute;\n  bottom: 14px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  padding: 4px;\n  border-radius: 12px;\n  background: rgba(28, 28, 30, 0.82);\n  backdrop-filter: blur(8px);\n  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);\n}\n.zi__tool {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 32px;\n  border: none;\n  border-radius: 9px;\n  background: transparent;\n  color: #fff;\n  font-size: 19px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n.zi__tool:hover {\n  background: rgba(255, 255, 255, 0.16);\n}\n.zi__pct {\n  min-width: 56px;\n  height: 32px;\n  padding: 0 8px;\n  border: none;\n  border-radius: 9px;\n  background: transparent;\n  color: #fff;\n  font-family: inherit;\n  font-size: 12.5px;\n  font-variant-numeric: tabular-nums;\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n.zi__pct:hover {\n  background: rgba(255, 255, 255, 0.16);\n}\n</style>\n"],"mappings":"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"}

package/dist/components/epl/EplCodeBlock.js

@@ -5,3 +5,5 @@ import t from "./EplCodeBlock.vue_vue_type_script_setup_true_lang.js";
 var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-4eade126"]]);
 //#endregion
 export { n as default };
+
+//# sourceMappingURL=EplCodeBlock.js.map

package/dist/components/epl/EplCodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EplCodeBlock.js","names":[],"sources":["../../../src/components/epl/EplCodeBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { CodeLine, GuideSeg } from '@/lib/epl'\n\n/**\n * Renders a method body as the 易语言 IDE does: a line-number gutter (numbers come from the document-wide\n * counter via `nos`, so they stay continuous with the definition tables above), dashed block-guide brackets\n * in the indent columns (corner at a block's header/footer, tee to each inner line — precomputed in\n * {@link methodCodeLines}), and lightly syntax-coloured text (comments green, strings red, keyword blue with\n * its leading `.` hidden).\n */\nconst props = defineProps<{ lines: CodeLine[]; nos: (number | null)[] }>()\n\ntype Tok = { t: 'text' | 'string' | 'comment' | 'keyword'; s: string }\n\nfunction tokenize(text: string): Tok[] {\n  const out: Tok[] = []\n  let i = 0\n  let buf = ''\n  const flush = (): void => {\n    if (buf) {\n      out.push({ t: 'text', s: buf })\n      buf = ''\n    }\n  }\n  while (i < text.length) {\n    const ch = text[i]\n    if (ch === '“') {\n      flush()\n      let j = text.indexOf('”', i + 1)\n      if (j === -1) j = text.length - 1\n      out.push({ t: 'string', s: text.slice(i, j + 1) })\n      i = j + 1\n    } else if (ch === \"'\") {\n      flush()\n      out.push({ t: 'comment', s: text.slice(i) })\n      i = text.length\n    } else {\n      buf += ch\n      i++\n    }\n  }\n  flush()\n  // A leading dot-keyword (`.如果真` / `.判断循环首` …): colour it blue and DROP the dot (the IDE hides it).\n  if (out.length && out[0].t === 'text') {\n    const m = /^(\\s*)\\.([^\\s(（]+)([\\s\\S]*)$/.exec(out[0].s)\n    if (m) {\n      const repl: Tok[] = []\n      if (m[1]) repl.push({ t: 'text', s: m[1] })\n      repl.push({ t: 'keyword', s: m[2] })\n      if (m[3]) repl.push({ t: 'text', s: m[3] })\n      out.splice(0, 1, ...repl)\n    }\n  }\n  return out\n}\n\nconst rows = computed(() =>\n  props.lines.map((ln, i) => ({\n    // null → a hidden terminator row: render the guide but leave the number gutter blank.\n    no: props.nos[i] ?? null,\n    segs: ln.segs as GuideSeg[],\n    tokens: tokenize(ln.text),\n  })),\n)\n</script>\n\n<template>\n  <div class=\"cb\">\n    <div v-for=\"(row, i) in rows\" :key=\"i\" class=\"cb__row\">\n      <span class=\"cb__no\">{{ row.no ?? '' }}</span>\n      <span v-for=\"(seg, k) in row.segs\" :key=\"k\" class=\"cb__g\" :class=\"'cb__g--' + seg\" />\n      <code class=\"cb__text\"\n        ><span v-for=\"(tk, j) in row.tokens\" :key=\"j\" :class=\"'tk-' + tk.t\">{{ tk.s }}</span\n        ><span v-if=\"row.tokens.length === 0\">&nbsp;</span></code\n      >\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.cb {\n  font-family: var(--font-mono);\n  font-size: 12.5px;\n  line-height: 1.55;\n  width: max-content;\n  min-width: 100%;\n}\n.cb__row {\n  display: flex;\n  align-items: stretch;\n}\n.cb__row:hover {\n  background: var(--epl-row-hover);\n}\n.cb__no {\n  flex: 0 0 auto;\n  width: 3.4em;\n  padding-right: 10px;\n  text-align: right;\n  color: var(--epl-gutter);\n  background: var(--epl-gutter-bg);\n  user-select: none;\n  position: sticky;\n  left: 0;\n  z-index: 1;\n}\n.cb__g {\n  position: relative;\n  flex: 0 0 auto;\n  width: 1.45em;\n}\n.cb__g::before {\n  /* vertical dashed bracket line (full height by default → 'mid' / 'tee') */\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 0;\n  bottom: 0;\n  border-left: 1px dashed var(--epl-guide);\n}\n.cb__g--top::before {\n  /* header ┌: the vertical drops in at mid-row (lower half), then runs down through the body below */\n  top: 50%;\n}\n.cb__g--bottom::before {\n  /* end └: the vertical arrives from above and stops at mid-row */\n  bottom: 50%;\n}\n.cb__g--blank::before {\n  /* commented-out control flow: the column still indents the body, but draws no guide line */\n  display: none;\n}\n.cb__g--top::after,\n.cb__g--bottom::after,\n.cb__g--tee::after {\n  /* horizontal tick reaching toward the body text (┌ header · ├ branch divider · └ end) */\n  content: '';\n  position: absolute;\n  left: 50%;\n  right: 0;\n  top: 50%;\n  border-top: 1px dashed var(--epl-guide);\n}\n.cb__text {\n  flex: 1 1 auto;\n  white-space: pre;\n  padding-right: 24px;\n  color: var(--epl-fg);\n}\n.tk-comment {\n  color: var(--epl-comment);\n}\n.tk-string {\n  color: var(--epl-string);\n}\n.tk-keyword {\n  color: var(--epl-keyword);\n  font-weight: 600;\n}\n</style>\n"],"mappings":""}

package/dist/components/epl/EplCodeBlock.vue_vue_type_script_setup_true_lang.js

@@ -70,3 +70,5 @@ var u = { class: "cb" }, d = { class: "cb__no" }, f = { class: "cb__text" }, p =
 });
 //#endregion
 export { m as default };
+
+//# sourceMappingURL=EplCodeBlock.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/epl/EplCodeBlock.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EplCodeBlock.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/epl/EplCodeBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { CodeLine, GuideSeg } from '@/lib/epl'\n\n/**\n * Renders a method body as the 易语言 IDE does: a line-number gutter (numbers come from the document-wide\n * counter via `nos`, so they stay continuous with the definition tables above), dashed block-guide brackets\n * in the indent columns (corner at a block's header/footer, tee to each inner line — precomputed in\n * {@link methodCodeLines}), and lightly syntax-coloured text (comments green, strings red, keyword blue with\n * its leading `.` hidden).\n */\nconst props = defineProps<{ lines: CodeLine[]; nos: (number | null)[] }>()\n\ntype Tok = { t: 'text' | 'string' | 'comment' | 'keyword'; s: string }\n\nfunction tokenize(text: string): Tok[] {\n  const out: Tok[] = []\n  let i = 0\n  let buf = ''\n  const flush = (): void => {\n    if (buf) {\n      out.push({ t: 'text', s: buf })\n      buf = ''\n    }\n  }\n  while (i < text.length) {\n    const ch = text[i]\n    if (ch === '“') {\n      flush()\n      let j = text.indexOf('”', i + 1)\n      if (j === -1) j = text.length - 1\n      out.push({ t: 'string', s: text.slice(i, j + 1) })\n      i = j + 1\n    } else if (ch === \"'\") {\n      flush()\n      out.push({ t: 'comment', s: text.slice(i) })\n      i = text.length\n    } else {\n      buf += ch\n      i++\n    }\n  }\n  flush()\n  // A leading dot-keyword (`.如果真` / `.判断循环首` …): colour it blue and DROP the dot (the IDE hides it).\n  if (out.length && out[0].t === 'text') {\n    const m = /^(\\s*)\\.([^\\s(（]+)([\\s\\S]*)$/.exec(out[0].s)\n    if (m) {\n      const repl: Tok[] = []\n      if (m[1]) repl.push({ t: 'text', s: m[1] })\n      repl.push({ t: 'keyword', s: m[2] })\n      if (m[3]) repl.push({ t: 'text', s: m[3] })\n      out.splice(0, 1, ...repl)\n    }\n  }\n  return out\n}\n\nconst rows = computed(() =>\n  props.lines.map((ln, i) => ({\n    // null → a hidden terminator row: render the guide but leave the number gutter blank.\n    no: props.nos[i] ?? null,\n    segs: ln.segs as GuideSeg[],\n    tokens: tokenize(ln.text),\n  })),\n)\n</script>\n\n<template>\n  <div class=\"cb\">\n    <div v-for=\"(row, i) in rows\" :key=\"i\" class=\"cb__row\">\n      <span class=\"cb__no\">{{ row.no ?? '' }}</span>\n      <span v-for=\"(seg, k) in row.segs\" :key=\"k\" class=\"cb__g\" :class=\"'cb__g--' + seg\" />\n      <code class=\"cb__text\"\n        ><span v-for=\"(tk, j) in row.tokens\" :key=\"j\" :class=\"'tk-' + tk.t\">{{ tk.s }}</span\n        ><span v-if=\"row.tokens.length === 0\">&nbsp;</span></code\n      >\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.cb {\n  font-family: var(--font-mono);\n  font-size: 12.5px;\n  line-height: 1.55;\n  width: max-content;\n  min-width: 100%;\n}\n.cb__row {\n  display: flex;\n  align-items: stretch;\n}\n.cb__row:hover {\n  background: var(--epl-row-hover);\n}\n.cb__no {\n  flex: 0 0 auto;\n  width: 3.4em;\n  padding-right: 10px;\n  text-align: right;\n  color: var(--epl-gutter);\n  background: var(--epl-gutter-bg);\n  user-select: none;\n  position: sticky;\n  left: 0;\n  z-index: 1;\n}\n.cb__g {\n  position: relative;\n  flex: 0 0 auto;\n  width: 1.45em;\n}\n.cb__g::before {\n  /* vertical dashed bracket line (full height by default → 'mid' / 'tee') */\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 0;\n  bottom: 0;\n  border-left: 1px dashed var(--epl-guide);\n}\n.cb__g--top::before {\n  /* header ┌: the vertical drops in at mid-row (lower half), then runs down through the body below */\n  top: 50%;\n}\n.cb__g--bottom::before {\n  /* end └: the vertical arrives from above and stops at mid-row */\n  bottom: 50%;\n}\n.cb__g--blank::before {\n  /* commented-out control flow: the column still indents the body, but draws no guide line */\n  display: none;\n}\n.cb__g--top::after,\n.cb__g--bottom::after,\n.cb__g--tee::after {\n  /* horizontal tick reaching toward the body text (┌ header · ├ branch divider · └ end) */\n  content: '';\n  position: absolute;\n  left: 50%;\n  right: 0;\n  top: 50%;\n  border-top: 1px dashed var(--epl-guide);\n}\n.cb__text {\n  flex: 1 1 auto;\n  white-space: pre;\n  padding-right: 24px;\n  color: var(--epl-fg);\n}\n.tk-comment {\n  color: var(--epl-comment);\n}\n.tk-string {\n  color: var(--epl-string);\n}\n.tk-keyword {\n  color: var(--epl-keyword);\n  font-weight: 600;\n}\n</style>\n"],"mappings":";;;;;;;;;EAWA,IAAM,IAAQ;EAId,SAAS,EAAS,GAAqB;GACrC,IAAM,IAAa,CAAC,GAChB,IAAI,GACJ,IAAM,IACJ,UAAoB;IACxB,AAEE,OADA,EAAI,KAAK;KAAE,GAAG;KAAQ,GAAG;IAAI,CAAC,GACxB;GAEV;GACA,OAAO,IAAI,EAAK,SAAQ;IACtB,IAAM,IAAK,EAAK;IAChB,IAAI,MAAO,KAAK;KACd,EAAM;KACN,IAAI,IAAI,EAAK,QAAQ,KAAK,IAAI,CAAC;KAG/B,AAFI,MAAM,OAAI,IAAI,EAAK,SAAS,IAChC,EAAI,KAAK;MAAE,GAAG;MAAU,GAAG,EAAK,MAAM,GAAG,IAAI,CAAC;KAAE,CAAC,GACjD,IAAI,IAAI;IACV,OAAO,AAAI,MAAO,OAChB,EAAM,GACN,EAAI,KAAK;KAAE,GAAG;KAAW,GAAG,EAAK,MAAM,CAAC;IAAE,CAAC,GAC3C,IAAI,EAAK,WAET,KAAO,GACP;GAEJ;GAGA,IAFA,EAAM,GAEF,EAAI,UAAU,EAAI,EAAE,CAAC,MAAM,QAAQ;IACrC,IAAM,IAAI,+BAA+B,KAAK,EAAI,EAAE,CAAC,CAAC;IACtD,IAAI,GAAG;KACL,IAAM,IAAc,CAAC;KAIrB,AAHI,EAAE,MAAI,EAAK,KAAK;MAAE,GAAG;MAAQ,GAAG,EAAE;KAAG,CAAC,GAC1C,EAAK,KAAK;MAAE,GAAG;MAAW,GAAG,EAAE;KAAG,CAAC,GAC/B,EAAE,MAAI,EAAK,KAAK;MAAE,GAAG;MAAQ,GAAG,EAAE;KAAG,CAAC,GAC1C,EAAI,OAAO,GAAG,GAAG,GAAG,CAAI;IAC1B;GACF;GACA,OAAO;EACT;EAEA,IAAM,IAAO,QACX,EAAM,MAAM,KAAK,GAAI,OAAO;GAE1B,IAAI,EAAM,IAAI,MAAM;GACpB,MAAM,EAAG;GACT,QAAQ,EAAS,EAAG,IAAI;EAC1B,EAAE,CACJ;yBAIE,EASM,OATN,GASM,EAAA,EAAA,EAAA,GARJ,EAOM,GAAA,MAAA,EAPkB,EAAA,QAAX,GAAK,YAAlB,EAOM,OAAA;GAPyB,KAAK;GAAG,OAAM;;GAC3C,EAA8C,QAA9C,GAA8C,EAAtB,EAAI,MAAE,EAAA,GAAA,CAAA;WAC9B,EAAqF,GAAA,MAAA,EAA5D,EAAI,OAAf,GAAK,YAAnB,EAAqF,QAAA;IAAjD,KAAK;IAAG,OAAK,EAAA,CAAC,SAAO,YAAqB,CAAG,CAAA;;GACjF,EAGC,QAHD,GAGC,EAAA,EAAA,EAAA,GAFE,EACA,GAAA,MAAA,EADwB,EAAI,SAAd,GAAI,YAAlB,EACA,QAAA;IADqC,KAAK;IAAI,OAAK,EAAA,QAAU,EAAG,CAAC;QAAK,EAAG,CAAC,GAAA,CAAA,YAC9D,EAAI,OAAO,WAAM,KAAA,EAAA,GAA7B,EAAkD,QAAA,GAAb,MAAM,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/components/epl/EplDoc.js

@@ -5,3 +5,5 @@ import t from "./EplDoc.vue_vue_type_script_setup_true_lang.js";
 var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-ddbdec4d"]]);
 //#endregion
 export { n as default };
+
+//# sourceMappingURL=EplDoc.js.map

package/dist/components/epl/EplDoc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EplDoc.js","names":[],"sources":["../../../src/components/epl/EplDoc.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { EplProgram, EplClassView } from '@/lib/epl'\nimport EplVarTable, { type EplCol } from './EplVarTable.vue'\nimport EplMethod from './EplMethod.vue'\nimport EplResource from './EplResource.vue'\nimport type { EplDocRef } from './docTypes'\nimport { LineCounter, type MethodNos } from './numbering'\n\n/**\n * The right-pane content for the active document. Switches on {@link EplDocRef.kind}: a class renders its\n * header table + member table + every method ({@link EplMethod}); the project-level tables (全局变量 /\n * 自定义数据类型 / Dll命令 / 常量表 / 图片·声音资源 / 资源表 / 模块引用表) render as bordered tables matching\n * the IDE (图片/声音 as media cards via {@link EplResource}).\n *\n * Every document carries a single continuous line-number gutter (see {@link LineCounter}): each *body* row and\n * code line takes the next number, header rows none. The numbering is threaded here (only the active kind\n * computes) and handed to the tables / methods so the gutter stays continuous across the whole document.\n */\nconst props = defineProps<{ program: EplProgram; doc: EplDocRef }>()\n\nconst cls = computed<EplClassView | null>(() =>\n  props.doc.kind === 'class'\n    ? (props.program.classes.find((c) => c.id === props.doc.classId) ?? null)\n    : null,\n)\n\n// ── numbering: only the active document kind threads a counter ────────────────────────────────────\nconst classModel = computed(() => {\n  if (props.doc.kind !== 'class' || !cls.value) return null\n  const c = new LineCounter()\n  const k = cls.value\n  return {\n    cls: k,\n    header: c.next(),\n    members: c.take(k.members.length),\n    methods: k.methods.map((m) => ({\n      method: m,\n      nos: {\n        head: c.next(),\n        params: c.take(m.parameters.length),\n        locals: c.take(m.locals.length),\n        // A hidden terminator row (noNo) renders but takes no number — the gutter stays continuous around it.\n        code: m.lines.map((ln) => (ln.noNo ? null : c.next())),\n      } satisfies MethodNos,\n    })),\n  }\n})\n\nconst globalsNos = computed(() =>\n  props.doc.kind === 'globals' ? new LineCounter().take(props.program.globals.length) : [],\n)\nconst structModels = computed(() => {\n  if (props.doc.kind !== 'structs') return []\n  const c = new LineCounter()\n  return props.program.structs.map((st) => ({\n    st,\n    header: c.next(),\n    members: c.take(st.members.length),\n  }))\n})\nconst dllModels = computed(() => {\n  if (props.doc.kind !== 'dll') return []\n  const c = new LineCounter()\n  return props.program.dllDeclares.map((d) => ({\n    d,\n    header: c.next(),\n    lib: c.next(),\n    entry: c.next(),\n    params: c.take(d.parameters.length),\n  }))\n})\nconst constantsNos = computed(() =>\n  props.doc.kind === 'constants' ? new LineCounter().take(props.program.constants.length) : [],\n)\nconst formModels = computed(() => {\n  if (props.doc.kind !== 'forms') return []\n  const c = new LineCounter()\n  return props.program.forms.map((f) => ({\n    f,\n    header: c.next(),\n    elements: c.take(f.elements.length),\n  }))\n})\nconst librariesNos = computed(() =>\n  props.doc.kind === 'libraries' ? new LineCounter().take(props.program.libraries.length) : [],\n)\n\nconst MEMBER_COLS: EplCol[] = [\n  { key: 'name', label: '变量名' },\n  { key: 'type', label: '类型' },\n  { key: 'arrayBound', label: '数组' },\n  { key: 'comment', label: '备注' },\n]\nconst GLOBAL_COLS: EplCol[] = [\n  { key: 'name', label: '变量名' },\n  { key: 'type', label: '类型' },\n  { key: 'public', label: '公开' },\n  { key: 'arrayBound', label: '数组' },\n  { key: 'comment', label: '备注' },\n]\nconst STRUCT_MEMBER_COLS: EplCol[] = [\n  { key: 'name', label: '成员名' },\n  { key: 'type', label: '类型' },\n  { key: 'byAddress', label: '传址' },\n  { key: 'arrayBound', label: '数组' },\n  { key: 'comment', label: '备注' },\n]\n</script>\n\n<template>\n  <div class=\"doc\">\n    <!-- ── class / 程序集 / 窗口程序集 ───────────────────────────────────────── -->\n    <template v-if=\"doc.kind === 'class' && classModel\">\n      <table class=\"hd\">\n        <thead>\n          <tr v-if=\"classModel.cls.kind === 'class'\">\n            <th class=\"hd__gut\" />\n            <th>类名</th>\n            <th>基类</th>\n            <th class=\"hd__bool\">公开</th>\n            <th class=\"hd__cmt\">备注</th>\n          </tr>\n          <tr v-else>\n            <th class=\"hd__gut\" />\n            <th>程序集名</th>\n            <th>保留</th>\n            <th>保留</th>\n            <th class=\"hd__cmt\">备注</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-if=\"classModel.cls.kind === 'class'\">\n            <td class=\"hd__gut\">{{ classModel.header }}</td>\n            <td class=\"hd__ident\">{{ classModel.cls.name }}</td>\n            <td class=\"hd__ident\">{{ classModel.cls.baseName }}</td>\n            <td class=\"hd__bool\" />\n            <td class=\"hd__cmt hd__cmttext\">{{ classModel.cls.comment }}</td>\n          </tr>\n          <tr v-else>\n            <td class=\"hd__gut\">{{ classModel.header }}</td>\n            <td class=\"hd__ident\">{{ classModel.cls.name }}</td>\n            <td />\n            <td />\n            <td class=\"hd__cmt hd__cmttext\">{{ classModel.cls.comment }}</td>\n          </tr>\n        </tbody>\n      </table>\n\n      <EplVarTable\n        v-if=\"classModel.cls.members.length\"\n        :columns=\"MEMBER_COLS\"\n        :rows=\"classModel.cls.members\"\n        :nos=\"classModel.members\"\n      />\n\n      <div class=\"doc__methods\">\n        <EplMethod\n          v-for=\"mm in classModel.methods\"\n          :key=\"mm.method.id\"\n          :method=\"mm.method\"\n          :nos=\"mm.nos\"\n        />\n        <p v-if=\"!classModel.cls.methods.length\" class=\"doc__empty\">（无子程序）</p>\n      </div>\n    </template>\n\n    <!-- ── 全局变量表 ──────────────────────────────────────────────────────── -->\n    <template v-else-if=\"doc.kind === 'globals'\">\n      <h3 class=\"doc__h\">全局变量表</h3>\n      <EplVarTable\n        v-if=\"program.globals.length\"\n        :columns=\"GLOBAL_COLS\"\n        :rows=\"program.globals\"\n        :nos=\"globalsNos\"\n      />\n      <p v-else class=\"doc__empty\">（无全局变量）</p>\n    </template>\n\n    <!-- ── 自定义数据类型表 ─────────────────────────────────────────────────── -->\n    <template v-else-if=\"doc.kind === 'structs'\">\n      <h3 class=\"doc__h\">自定义数据类型表</h3>\n      <section v-for=\"sm in structModels\" :key=\"sm.st.id\" class=\"blk\">\n        <table class=\"hd\">\n          <thead>\n            <tr>\n              <th class=\"hd__gut\" />\n              <th>数据类型名</th>\n              <th class=\"hd__bool\">公开</th>\n              <th class=\"hd__cmt\">备注</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class=\"hd__gut\">{{ sm.header }}</td>\n              <td class=\"hd__ident\">{{ sm.st.name }}</td>\n              <td class=\"hd__bool hd__check\">{{ sm.st.isPublic ? '✓' : '' }}</td>\n              <td class=\"hd__cmt hd__cmttext\">{{ sm.st.comment }}</td>\n            </tr>\n          </tbody>\n        </table>\n        <EplVarTable\n          v-if=\"sm.st.members.length\"\n          :columns=\"STRUCT_MEMBER_COLS\"\n          :rows=\"sm.st.members\"\n          :nos=\"sm.members\"\n        />\n      </section>\n      <p v-if=\"!program.structs.length\" class=\"doc__empty\">（无自定义数据类型）</p>\n    </template>\n\n    <!-- ── Dll命令定义表 ───────────────────────────────────────────────────── -->\n    <!-- Each DLL command is ONE table (no inner gaps): the command header row, then 库文件名 / 在库中对应命令名,\n         each as a full-width label row followed by its full-width value row, then the parameter sub-table\n         inlined — matching the e-language IDE (label and value on separate lines). -->\n    <template v-else-if=\"doc.kind === 'dll'\">\n      <h3 class=\"doc__h\">Dll命令定义表</h3>\n      <section v-for=\"dm in dllModels\" :key=\"dm.d.id\" class=\"blk\">\n        <table class=\"hd dll\">\n          <thead>\n            <tr>\n              <th class=\"hd__gut\" />\n              <th>Dll命令名</th>\n              <th>返回值类型</th>\n              <th class=\"hd__bool\">公开</th>\n              <th class=\"hd__bool\">易包</th>\n              <th class=\"hd__cmt\">备注</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class=\"hd__gut\">{{ dm.header }}</td>\n              <td class=\"hd__ident\">{{ dm.d.name }}</td>\n              <td class=\"hd__ident\">{{ dm.d.returnType }}</td>\n              <td class=\"hd__bool hd__check\">{{ dm.d.isPublic ? '✓' : '' }}</td>\n              <td class=\"hd__bool\" />\n              <td class=\"hd__cmt hd__cmttext\">{{ dm.d.comment }}</td>\n            </tr>\n            <tr>\n              <td class=\"hd__gut\" />\n              <td class=\"dll__lbl\" colspan=\"5\">库文件名</td>\n            </tr>\n            <tr>\n              <td class=\"hd__gut\">{{ dm.lib }}</td>\n              <td class=\"dll__val\" colspan=\"5\">{{ dm.d.libraryName }}</td>\n            </tr>\n            <tr>\n              <td class=\"hd__gut\" />\n              <td class=\"dll__lbl\" colspan=\"5\">在库中对应命令名</td>\n            </tr>\n            <tr>\n              <td class=\"hd__gut\">{{ dm.entry }}</td>\n              <td class=\"dll__val\" colspan=\"5\">{{ dm.d.entryPoint || dm.d.name }}</td>\n            </tr>\n            <template v-if=\"dm.d.parameters.length\">\n              <tr>\n                <th class=\"hd__gut\" />\n                <th>参数名</th>\n                <th>类型</th>\n                <th class=\"hd__bool\">传址</th>\n                <th class=\"hd__bool\">数组</th>\n                <th class=\"hd__cmt\">备注</th>\n              </tr>\n              <tr v-for=\"(p, i) in dm.d.parameters\" :key=\"i\">\n                <td class=\"hd__gut\">{{ dm.params[i] }}</td>\n                <td class=\"hd__ident\">{{ p.name }}</td>\n                <td class=\"hd__ident\">{{ p.type }}</td>\n                <td class=\"hd__bool hd__check\">{{ p.byAddress ? '✓' : '' }}</td>\n                <td class=\"hd__bool hd__check\">{{ p.isArray ? '✓' : '' }}</td>\n                <td class=\"hd__cmt hd__cmttext\">{{ p.comment }}</td>\n              </tr>\n            </template>\n          </tbody>\n        </table>\n      </section>\n      <p v-if=\"!program.dllDeclares.length\" class=\"doc__empty\">（无 DLL 命令）</p>\n    </template>\n\n    <!-- ── 常量表 ──────────────────────────────────────────────────────────── -->\n    <template v-else-if=\"doc.kind === 'constants'\">\n      <h3 class=\"doc__h\">常量表</h3>\n      <table v-if=\"program.constants.length\" class=\"hd\">\n        <thead>\n          <tr>\n            <th class=\"hd__gut\" />\n            <th>常量名</th>\n            <th>常量值</th>\n            <th class=\"hd__cmt\">备注</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(c, i) in program.constants\" :key=\"c.id\">\n            <td class=\"hd__gut\">{{ constantsNos[i] }}</td>\n            <td class=\"hd__ident\">{{ c.name }}</td>\n            <td class=\"hd__val\">{{ c.value }}</td>\n            <td class=\"hd__cmt hd__cmttext\">{{ c.comment }}</td>\n          </tr>\n        </tbody>\n      </table>\n      <p v-else class=\"doc__empty\">（无常量）</p>\n    </template>\n\n    <!-- ── 图片/声音资源（图片组拆帧 / 单图 / 声音） ──────────────────────── -->\n    <template v-else-if=\"doc.kind === 'resources'\">\n      <h3 class=\"doc__h\">图片/声音资源</h3>\n      <section v-for=\"r in program.resources\" :key=\"r.id\" class=\"res\">\n        <div class=\"res__hd\">\n          <span class=\"res__name\">{{ r.name }}</span>\n          <span v-if=\"r.comment\" class=\"res__cmt\">{{ r.comment }}</span>\n        </div>\n        <EplResource :resource=\"r\" />\n      </section>\n      <p v-if=\"!program.resources.length\" class=\"doc__empty\">（无图片/声音资源）</p>\n    </template>\n\n    <!-- ── 资源表（窗口） ──────────────────────────────────────────────────── -->\n    <template v-else-if=\"doc.kind === 'forms'\">\n      <h3 class=\"doc__h\">资源表</h3>\n      <section v-for=\"fm in formModels\" :key=\"fm.f.id\" class=\"blk\">\n        <table class=\"hd\">\n          <thead>\n            <tr>\n              <th class=\"hd__gut\" />\n              <th>窗口名</th>\n              <th>类</th>\n              <th class=\"hd__cmt\">备注</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class=\"hd__gut\">{{ fm.header }}</td>\n              <td class=\"hd__ident\">{{ fm.f.name }}</td>\n              <td class=\"hd__ident\">{{ fm.f.className }}</td>\n              <td class=\"hd__cmt hd__cmttext\">{{ fm.f.comment }}</td>\n            </tr>\n          </tbody>\n        </table>\n        <table v-if=\"fm.f.elements.length\" class=\"hd\">\n          <thead>\n            <tr>\n              <th class=\"hd__gut\" />\n              <th>组件名</th>\n              <th>类型</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr v-for=\"(e, i) in fm.f.elements\" :key=\"e.id\">\n              <td class=\"hd__gut\">{{ fm.elements[i] }}</td>\n              <td class=\"hd__ident\">{{ e.name }}</td>\n              <td class=\"hd__ident\">{{ e.type }}</td>\n            </tr>\n          </tbody>\n        </table>\n      </section>\n      <p v-if=\"!program.forms.length\" class=\"doc__empty\">（无窗口资源）</p>\n    </template>\n\n    <!-- ── 模块引用表（支持库） ────────────────────────────────────────────── -->\n    <template v-else-if=\"doc.kind === 'libraries'\">\n      <h3 class=\"doc__h\">模块引用表</h3>\n      <table v-if=\"program.libraries.length\" class=\"hd\">\n        <thead>\n          <tr>\n            <th class=\"hd__gut\" />\n            <th>名称</th>\n            <th>文件名</th>\n            <th>版本</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(l, i) in program.libraries\" :key=\"i\">\n            <td class=\"hd__gut\">{{ librariesNos[i] }}</td>\n            <td class=\"hd__ident\">{{ l.name }}</td>\n            <td>{{ l.fileName }}</td>\n            <td>{{ l.version }}</td>\n          </tr>\n        </tbody>\n      </table>\n      <p v-else class=\"doc__empty\">（无引用模块）</p>\n    </template>\n  </div>\n</template>\n\n<style scoped>\n.doc {\n  padding: 12px 14px 40px;\n  width: max-content;\n  min-width: 100%;\n  box-sizing: border-box;\n}\n.doc__h {\n  margin: 0 0 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--epl-th-fg);\n}\n.doc__methods {\n  margin-top: 10px;\n}\n.doc__empty {\n  color: var(--epl-gutter);\n  font-size: 12.5px;\n  margin: 8px 0;\n}\n.blk {\n  margin: 0 0 16px;\n}\n.res {\n  margin: 0 0 18px;\n  padding: 10px 12px;\n  border: 1px solid var(--epl-border);\n  border-radius: 4px;\n  background: var(--epl-bg);\n}\n.res__hd {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  margin-bottom: 8px;\n}\n.res__name {\n  color: var(--epl-ident);\n  font-weight: 600;\n  font-size: 13px;\n}\n.res__cmt {\n  color: var(--epl-comment);\n  font-size: 12px;\n}\n\n.hd {\n  border-collapse: collapse;\n  font-size: 12.5px;\n  background: var(--epl-bg);\n  margin: 2px 0;\n}\n.hd th,\n.hd td {\n  border: 1px solid var(--epl-border);\n  padding: 2px 8px;\n  text-align: left;\n  white-space: nowrap;\n  color: var(--epl-fg);\n}\n.hd th {\n  background: var(--epl-th-bg);\n  color: var(--epl-th-fg);\n  font-weight: 600;\n}\n.hd__bool {\n  text-align: center;\n  min-width: 2.6em;\n}\n.hd__check {\n  color: var(--epl-check);\n  font-weight: 700;\n}\n.hd__ident {\n  color: var(--epl-ident);\n}\n.hd__val {\n  white-space: normal;\n  max-width: 460px;\n  word-break: break-all;\n}\n.hd__cmt {\n  white-space: normal;\n}\n.hd__cmttext {\n  color: var(--epl-comment);\n}\n/* DLL 库文件名 / 在库中对应命令名: a full-width (colspan) label row, then its value row underneath. */\n.dll__lbl {\n  color: var(--epl-th-fg);\n  background: var(--epl-th-bg);\n}\n.dll__val {\n  color: var(--epl-string);\n}\nth.hd__gut,\ntd.hd__gut {\n  width: 3.4em;\n  min-width: 3.4em;\n  box-sizing: border-box;\n  padding: 2px 10px 2px 0;\n  text-align: right;\n  border: none;\n  background: var(--epl-gutter-bg);\n  color: var(--epl-gutter);\n  font-weight: normal;\n  user-select: none;\n  position: sticky;\n  left: 0;\n  z-index: 1;\n}\n</style>\n"],"mappings":""}

package/dist/components/epl/EplDoc.vue_vue_type_script_setup_true_lang.js

@@ -325,3 +325,5 @@ var te = { class: "doc" }, ne = { class: "hd" }, re = { key: 0 }, ie = { key: 1
 });
 //#endregion
 export { X as default };
+
+//# sourceMappingURL=EplDoc.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/epl/EplDoc.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EplDoc.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/epl/EplDoc.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { EplProgram, EplClassView } from '@/lib/epl'\nimport EplVarTable, { type EplCol } from './EplVarTable.vue'\nimport EplMethod from './EplMethod.vue'\nimport EplResource from './EplResource.vue'\nimport type { EplDocRef } from './docTypes'\nimport { LineCounter, type MethodNos } from './numbering'\n\n/**\n * The right-pane content for the active document. Switches on {@link EplDocRef.kind}: a class renders its\n * header table + member table + every method ({@link EplMethod}); the project-level tables (全局变量 /\n * 自定义数据类型 / Dll命令 / 常量表 / 图片·声音资源 / 资源表 / 模块引用表) render as bordered tables matching\n * the IDE (图片/声音 as media cards via {@link EplResource}).\n *\n * Every document carries a single continuous line-number gutter (see {@link LineCounter}): each *body* row and\n * code line takes the next number, header rows none. The numbering is threaded here (only the active kind\n * computes) and handed to the tables / methods so the gutter stays continuous across the whole document.\n */\nconst props = defineProps<{ program: EplProgram; doc: EplDocRef }>()\n\nconst cls = computed<EplClassView | null>(() =>\n  props.doc.kind === 'class'\n    ? (props.program.classes.find((c) => c.id === props.doc.classId) ?? null)\n    : null,\n)\n\n// ── numbering: only the active document kind threads a counter ────────────────────────────────────\nconst classModel = computed(() => {\n  if (props.doc.kind !== 'class' || !cls.value) return null\n  const c = new LineCounter()\n  const k = cls.value\n  return {\n    cls: k,\n    header: c.next(),\n    members: c.take(k.members.length),\n    methods: k.methods.map((m) => ({\n      method: m,\n      nos: {\n        head: c.next(),\n        params: c.take(m.parameters.length),\n        locals: c.take(m.locals.length),\n        // A hidden terminator row (noNo) renders but takes no number — the gutter stays continuous around it.\n        code: m.lines.map((ln) => (ln.noNo ? null : c.next())),\n      } satisfies MethodNos,\n    })),\n  }\n})\n\nconst globalsNos = computed(() =>\n  props.doc.kind === 'globals' ? new LineCounter().take(props.program.globals.length) : [],\n)\nconst structModels = computed(() => {\n  if (props.doc.kind !== 'structs') return []\n  const c = new LineCounter()\n  return props.program.structs.map((st) => ({\n    st,\n    header: c.next(),\n    members: c.take(st.members.length),\n  }))\n})\nconst dllModels = computed(() => {\n  if (props.doc.kind !== 'dll') return []\n  const c = new LineCounter()\n  return props.program.dllDeclares.map((d) => ({\n    d,\n    header: c.next(),\n    lib: c.next(),\n    entry: c.next(),\n    params: c.take(d.parameters.length),\n  }))\n})\nconst constantsNos = computed(() =>\n  props.doc.kind === 'constants' ? new LineCounter().take(props.program.constants.length) : [],\n)\nconst formModels = computed(() => {\n  if (props.doc.kind !== 'forms') return []\n  const c = new LineCounter()\n  return props.program.forms.map((f) => ({\n    f,\n    header: c.next(),\n    elements: c.take(f.elements.length),\n  }))\n})\nconst librariesNos = computed(() =>\n  props.doc.kind === 'libraries' ? new LineCounter().take(props.program.libraries.length) : [],\n)\n\nconst MEMBER_COLS: EplCol[] = [\n  { key: 'name', label: '变量名' },\n  { key: 'type', label: '类型' },\n  { key: 'arrayBound', label: '数组' },\n  { key: 'comment', label: '备注' },\n]\nconst GLOBAL_COLS: EplCol[] = [\n  { key: 'name', label: '变量名' },\n  { key: 'type', label: '类型' },\n  { key: 'public', label: '公开' },\n  { key: 'arrayBound', label: '数组' },\n  { key: 'comment', label: '备注' },\n]\nconst STRUCT_MEMBER_COLS: EplCol[] = [\n  { key: 'name', label: '成员名' },\n  { key: 'type', label: '类型' },\n  { key: 'byAddress', label: '传址' },\n  { key: 'arrayBound', label: '数组' },\n  { key: 'comment', label: '备注' },\n]\n</script>\n\n<template>\n  <div class=\"doc\">\n    <!-- ── class / 程序集 / 窗口程序集 ───────────────────────────────────────── -->\n    <template v-if=\"doc.kind === 'class' && classModel\">\n      <table class=\"hd\">\n        <thead>\n          <tr v-if=\"classModel.cls.kind === 'class'\">\n            <th class=\"hd__gut\" />\n            <th>类名</th>\n            <th>基类</th>\n            <th class=\"hd__bool\">公开</th>\n            <th class=\"hd__cmt\">备注</th>\n          </tr>\n          <tr v-else>\n            <th class=\"hd__gut\" />\n            <th>程序集名</th>\n            <th>保留</th>\n            <th>保留</th>\n            <th class=\"hd__cmt\">备注</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-if=\"classModel.cls.kind === 'class'\">\n            <td class=\"hd__gut\">{{ classModel.header }}</td>\n            <td class=\"hd__ident\">{{ classModel.cls.name }}</td>\n            <td class=\"hd__ident\">{{ classModel.cls.baseName }}</td>\n            <td class=\"hd__bool\" />\n            <td class=\"hd__cmt hd__cmttext\">{{ classModel.cls.comment }}</td>\n          </tr>\n          <tr v-else>\n            <td class=\"hd__gut\">{{ classModel.header }}</td>\n            <td class=\"hd__ident\">{{ classModel.cls.name }}</td>\n            <td />\n            <td />\n            <td class=\"hd__cmt hd__cmttext\">{{ classModel.cls.comment }}</td>\n          </tr>\n        </tbody>\n      </table>\n\n      <EplVarTable\n        v-if=\"classModel.cls.members.length\"\n        :columns=\"MEMBER_COLS\"\n        :rows=\"classModel.cls.members\"\n        :nos=\"classModel.members\"\n      />\n\n      <div class=\"doc__methods\">\n        <EplMethod\n          v-for=\"mm in classModel.methods\"\n          :key=\"mm.method.id\"\n          :method=\"mm.method\"\n          :nos=\"mm.nos\"\n        />\n        <p v-if=\"!classModel.cls.methods.length\" class=\"doc__empty\">（无子程序）</p>\n      </div>\n    </template>\n\n    <!-- ── 全局变量表 ──────────────────────────────────────────────────────── -->\n    <template v-else-if=\"doc.kind === 'globals'\">\n      <h3 class=\"doc__h\">全局变量表</h3>\n      <EplVarTable\n        v-if=\"program.globals.length\"\n        :columns=\"GLOBAL_COLS\"\n        :rows=\"program.globals\"\n        :nos=\"globalsNos\"\n      />\n      <p v-else class=\"doc__empty\">（无全局变量）</p>\n    </template>\n\n    <!-- ── 自定义数据类型表 ─────────────────────────────────────────────────── -->\n    <template v-else-if=\"doc.kind === 'structs'\">\n      <h3 class=\"doc__h\">自定义数据类型表</h3>\n      <section v-for=\"sm in structModels\" :key=\"sm.st.id\" class=\"blk\">\n        <table class=\"hd\">\n          <thead>\n            <tr>\n              <th class=\"hd__gut\" />\n              <th>数据类型名</th>\n              <th class=\"hd__bool\">公开</th>\n              <th class=\"hd__cmt\">备注</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class=\"hd__gut\">{{ sm.header }}</td>\n              <td class=\"hd__ident\">{{ sm.st.name }}</td>\n              <td class=\"hd__bool hd__check\">{{ sm.st.isPublic ? '✓' : '' }}</td>\n              <td class=\"hd__cmt hd__cmttext\">{{ sm.st.comment }}</td>\n            </tr>\n          </tbody>\n        </table>\n        <EplVarTable\n          v-if=\"sm.st.members.length\"\n          :columns=\"STRUCT_MEMBER_COLS\"\n          :rows=\"sm.st.members\"\n          :nos=\"sm.members\"\n        />\n      </section>\n      <p v-if=\"!program.structs.length\" class=\"doc__empty\">（无自定义数据类型）</p>\n    </template>\n\n    <!-- ── Dll命令定义表 ───────────────────────────────────────────────────── -->\n    <!-- Each DLL command is ONE table (no inner gaps): the command header row, then 库文件名 / 在库中对应命令名,\n         each as a full-width label row followed by its full-width value row, then the parameter sub-table\n         inlined — matching the e-language IDE (label and value on separate lines). -->\n    <template v-else-if=\"doc.kind === 'dll'\">\n      <h3 class=\"doc__h\">Dll命令定义表</h3>\n      <section v-for=\"dm in dllModels\" :key=\"dm.d.id\" class=\"blk\">\n        <table class=\"hd dll\">\n          <thead>\n            <tr>\n              <th class=\"hd__gut\" />\n              <th>Dll命令名</th>\n              <th>返回值类型</th>\n              <th class=\"hd__bool\">公开</th>\n              <th class=\"hd__bool\">易包</th>\n              <th class=\"hd__cmt\">备注</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class=\"hd__gut\">{{ dm.header }}</td>\n              <td class=\"hd__ident\">{{ dm.d.name }}</td>\n              <td class=\"hd__ident\">{{ dm.d.returnType }}</td>\n              <td class=\"hd__bool hd__check\">{{ dm.d.isPublic ? '✓' : '' }}</td>\n              <td class=\"hd__bool\" />\n              <td class=\"hd__cmt hd__cmttext\">{{ dm.d.comment }}</td>\n            </tr>\n            <tr>\n              <td class=\"hd__gut\" />\n              <td class=\"dll__lbl\" colspan=\"5\">库文件名</td>\n            </tr>\n            <tr>\n              <td class=\"hd__gut\">{{ dm.lib }}</td>\n              <td class=\"dll__val\" colspan=\"5\">{{ dm.d.libraryName }}</td>\n            </tr>\n            <tr>\n              <td class=\"hd__gut\" />\n              <td class=\"dll__lbl\" colspan=\"5\">在库中对应命令名</td>\n            </tr>\n            <tr>\n              <td class=\"hd__gut\">{{ dm.entry }}</td>\n              <td class=\"dll__val\" colspan=\"5\">{{ dm.d.entryPoint || dm.d.name }}</td>\n            </tr>\n            <template v-if=\"dm.d.parameters.length\">\n              <tr>\n                <th class=\"hd__gut\" />\n                <th>参数名</th>\n                <th>类型</th>\n                <th class=\"hd__bool\">传址</th>\n                <th class=\"hd__bool\">数组</th>\n                <th class=\"hd__cmt\">备注</th>\n              </tr>\n              <tr v-for=\"(p, i) in dm.d.parameters\" :key=\"i\">\n                <td class=\"hd__gut\">{{ dm.params[i] }}</td>\n                <td class=\"hd__ident\">{{ p.name }}</td>\n                <td class=\"hd__ident\">{{ p.type }}</td>\n                <td class=\"hd__bool hd__check\">{{ p.byAddress ? '✓' : '' }}</td>\n                <td class=\"hd__bool hd__check\">{{ p.isArray ? '✓' : '' }}</td>\n                <td class=\"hd__cmt hd__cmttext\">{{ p.comment }}</td>\n              </tr>\n            </template>\n          </tbody>\n        </table>\n      </section>\n      <p v-if=\"!program.dllDeclares.length\" class=\"doc__empty\">（无 DLL 命令）</p>\n    </template>\n\n    <!-- ── 常量表 ──────────────────────────────────────────────────────────── -->\n    <template v-else-if=\"doc.kind === 'constants'\">\n      <h3 class=\"doc__h\">常量表</h3>\n      <table v-if=\"program.constants.length\" class=\"hd\">\n        <thead>\n          <tr>\n            <th class=\"hd__gut\" />\n            <th>常量名</th>\n            <th>常量值</th>\n            <th class=\"hd__cmt\">备注</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(c, i) in program.constants\" :key=\"c.id\">\n            <td class=\"hd__gut\">{{ constantsNos[i] }}</td>\n            <td class=\"hd__ident\">{{ c.name }}</td>\n            <td class=\"hd__val\">{{ c.value }}</td>\n            <td class=\"hd__cmt hd__cmttext\">{{ c.comment }}</td>\n          </tr>\n        </tbody>\n      </table>\n      <p v-else class=\"doc__empty\">（无常量）</p>\n    </template>\n\n    <!-- ── 图片/声音资源（图片组拆帧 / 单图 / 声音） ──────────────────────── -->\n    <template v-else-if=\"doc.kind === 'resources'\">\n      <h3 class=\"doc__h\">图片/声音资源</h3>\n      <section v-for=\"r in program.resources\" :key=\"r.id\" class=\"res\">\n        <div class=\"res__hd\">\n          <span class=\"res__name\">{{ r.name }}</span>\n          <span v-if=\"r.comment\" class=\"res__cmt\">{{ r.comment }}</span>\n        </div>\n        <EplResource :resource=\"r\" />\n      </section>\n      <p v-if=\"!program.resources.length\" class=\"doc__empty\">（无图片/声音资源）</p>\n    </template>\n\n    <!-- ── 资源表（窗口） ──────────────────────────────────────────────────── -->\n    <template v-else-if=\"doc.kind === 'forms'\">\n      <h3 class=\"doc__h\">资源表</h3>\n      <section v-for=\"fm in formModels\" :key=\"fm.f.id\" class=\"blk\">\n        <table class=\"hd\">\n          <thead>\n            <tr>\n              <th class=\"hd__gut\" />\n              <th>窗口名</th>\n              <th>类</th>\n              <th class=\"hd__cmt\">备注</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class=\"hd__gut\">{{ fm.header }}</td>\n              <td class=\"hd__ident\">{{ fm.f.name }}</td>\n              <td class=\"hd__ident\">{{ fm.f.className }}</td>\n              <td class=\"hd__cmt hd__cmttext\">{{ fm.f.comment }}</td>\n            </tr>\n          </tbody>\n        </table>\n        <table v-if=\"fm.f.elements.length\" class=\"hd\">\n          <thead>\n            <tr>\n              <th class=\"hd__gut\" />\n              <th>组件名</th>\n              <th>类型</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr v-for=\"(e, i) in fm.f.elements\" :key=\"e.id\">\n              <td class=\"hd__gut\">{{ fm.elements[i] }}</td>\n              <td class=\"hd__ident\">{{ e.name }}</td>\n              <td class=\"hd__ident\">{{ e.type }}</td>\n            </tr>\n          </tbody>\n        </table>\n      </section>\n      <p v-if=\"!program.forms.length\" class=\"doc__empty\">（无窗口资源）</p>\n    </template>\n\n    <!-- ── 模块引用表（支持库） ────────────────────────────────────────────── -->\n    <template v-else-if=\"doc.kind === 'libraries'\">\n      <h3 class=\"doc__h\">模块引用表</h3>\n      <table v-if=\"program.libraries.length\" class=\"hd\">\n        <thead>\n          <tr>\n            <th class=\"hd__gut\" />\n            <th>名称</th>\n            <th>文件名</th>\n            <th>版本</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"(l, i) in program.libraries\" :key=\"i\">\n            <td class=\"hd__gut\">{{ librariesNos[i] }}</td>\n            <td class=\"hd__ident\">{{ l.name }}</td>\n            <td>{{ l.fileName }}</td>\n            <td>{{ l.version }}</td>\n          </tr>\n        </tbody>\n      </table>\n      <p v-else class=\"doc__empty\">（无引用模块）</p>\n    </template>\n  </div>\n</template>\n\n<style scoped>\n.doc {\n  padding: 12px 14px 40px;\n  width: max-content;\n  min-width: 100%;\n  box-sizing: border-box;\n}\n.doc__h {\n  margin: 0 0 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--epl-th-fg);\n}\n.doc__methods {\n  margin-top: 10px;\n}\n.doc__empty {\n  color: var(--epl-gutter);\n  font-size: 12.5px;\n  margin: 8px 0;\n}\n.blk {\n  margin: 0 0 16px;\n}\n.res {\n  margin: 0 0 18px;\n  padding: 10px 12px;\n  border: 1px solid var(--epl-border);\n  border-radius: 4px;\n  background: var(--epl-bg);\n}\n.res__hd {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  margin-bottom: 8px;\n}\n.res__name {\n  color: var(--epl-ident);\n  font-weight: 600;\n  font-size: 13px;\n}\n.res__cmt {\n  color: var(--epl-comment);\n  font-size: 12px;\n}\n\n.hd {\n  border-collapse: collapse;\n  font-size: 12.5px;\n  background: var(--epl-bg);\n  margin: 2px 0;\n}\n.hd th,\n.hd td {\n  border: 1px solid var(--epl-border);\n  padding: 2px 8px;\n  text-align: left;\n  white-space: nowrap;\n  color: var(--epl-fg);\n}\n.hd th {\n  background: var(--epl-th-bg);\n  color: var(--epl-th-fg);\n  font-weight: 600;\n}\n.hd__bool {\n  text-align: center;\n  min-width: 2.6em;\n}\n.hd__check {\n  color: var(--epl-check);\n  font-weight: 700;\n}\n.hd__ident {\n  color: var(--epl-ident);\n}\n.hd__val {\n  white-space: normal;\n  max-width: 460px;\n  word-break: break-all;\n}\n.hd__cmt {\n  white-space: normal;\n}\n.hd__cmttext {\n  color: var(--epl-comment);\n}\n/* DLL 库文件名 / 在库中对应命令名: a full-width (colspan) label row, then its value row underneath. */\n.dll__lbl {\n  color: var(--epl-th-fg);\n  background: var(--epl-th-bg);\n}\n.dll__val {\n  color: var(--epl-string);\n}\nth.hd__gut,\ntd.hd__gut {\n  width: 3.4em;\n  min-width: 3.4em;\n  box-sizing: border-box;\n  padding: 2px 10px 2px 0;\n  text-align: right;\n  border: none;\n  background: var(--epl-gutter-bg);\n  color: var(--epl-gutter);\n  font-weight: normal;\n  user-select: none;\n  position: sticky;\n  left: 0;\n  z-index: 1;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,IAAM,IAAQ,GAER,IAAM,QACV,EAAM,IAAI,SAAS,UACd,EAAM,QAAQ,QAAQ,MAAM,MAAM,EAAE,OAAO,EAAM,IAAI,OAAO,KAAK,OAClE,IACN,GAGM,IAAa,QAAe;GAChC,IAAI,EAAM,IAAI,SAAS,WAAW,CAAC,EAAI,OAAO,OAAO;GACrD,IAAM,IAAI,IAAI,EAAY,GACpB,IAAI,EAAI;GACd,OAAO;IACL,KAAK;IACL,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,KAAK,EAAE,QAAQ,MAAM;IAChC,SAAS,EAAE,QAAQ,KAAK,OAAO;KAC7B,QAAQ;KACR,KAAK;MACH,MAAM,EAAE,KAAK;MACb,QAAQ,EAAE,KAAK,EAAE,WAAW,MAAM;MAClC,QAAQ,EAAE,KAAK,EAAE,OAAO,MAAM;MAE9B,MAAM,EAAE,MAAM,KAAK,MAAQ,EAAG,OAAO,OAAO,EAAE,KAAK,CAAE;KACvD;IACF,EAAE;GACJ;EACF,CAAC,GAEK,IAAa,QACjB,EAAM,IAAI,SAAS,YAAY,IAAI,EAAY,CAAC,CAAC,KAAK,EAAM,QAAQ,QAAQ,MAAM,IAAI,CAAC,CACzF,GACM,KAAe,QAAe;GAClC,IAAI,EAAM,IAAI,SAAS,WAAW,OAAO,CAAC;GAC1C,IAAM,IAAI,IAAI,EAAY;GAC1B,OAAO,EAAM,QAAQ,QAAQ,KAAK,OAAQ;IACxC;IACA,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,KAAK,EAAG,QAAQ,MAAM;GACnC,EAAE;EACJ,CAAC,GACK,KAAY,QAAe;GAC/B,IAAI,EAAM,IAAI,SAAS,OAAO,OAAO,CAAC;GACtC,IAAM,IAAI,IAAI,EAAY;GAC1B,OAAO,EAAM,QAAQ,YAAY,KAAK,OAAO;IAC3C;IACA,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK,EAAE,WAAW,MAAM;GACpC,EAAE;EACJ,CAAC,GACK,KAAe,QACnB,EAAM,IAAI,SAAS,cAAc,IAAI,EAAY,CAAC,CAAC,KAAK,EAAM,QAAQ,UAAU,MAAM,IAAI,CAAC,CAC7F,GACM,KAAa,QAAe;GAChC,IAAI,EAAM,IAAI,SAAS,SAAS,OAAO,CAAC;GACxC,IAAM,IAAI,IAAI,EAAY;GAC1B,OAAO,EAAM,QAAQ,MAAM,KAAK,OAAO;IACrC;IACA,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK,EAAE,SAAS,MAAM;GACpC,EAAE;EACJ,CAAC,GACK,KAAe,QACnB,EAAM,IAAI,SAAS,cAAc,IAAI,EAAY,CAAC,CAAC,KAAK,EAAM,QAAQ,UAAU,MAAM,IAAI,CAAC,CAC7F,GAEM,KAAwB;GAC5B;IAAE,KAAK;IAAQ,OAAO;GAAM;GAC5B;IAAE,KAAK;IAAQ,OAAO;GAAK;GAC3B;IAAE,KAAK;IAAc,OAAO;GAAK;GACjC;IAAE,KAAK;IAAW,OAAO;GAAK;EAChC,GACM,KAAwB;GAC5B;IAAE,KAAK;IAAQ,OAAO;GAAM;GAC5B;IAAE,KAAK;IAAQ,OAAO;GAAK;GAC3B;IAAE,KAAK;IAAU,OAAO;GAAK;GAC7B;IAAE,KAAK;IAAc,OAAO;GAAK;GACjC;IAAE,KAAK;IAAW,OAAO;GAAK;EAChC,GACM,KAA+B;GACnC;IAAE,KAAK;IAAQ,OAAO;GAAM;GAC5B;IAAE,KAAK;IAAQ,OAAO;GAAK;GAC3B;IAAE,KAAK;IAAa,OAAO;GAAK;GAChC;IAAE,KAAK;IAAc,OAAO;GAAK;GACjC;IAAE,KAAK;IAAW,OAAO;GAAK;EAChC;yBAIE,EA6QM,OA7QN,IA6QM,CA3QY,EAAA,IAAI,SAAI,WAAgB,EAAA,SAAA,EAAA,GAAxC,EAoDW,GAAA,EAAA,KAAA,EAAA,GAAA;GAnDT,EAiCQ,SAjCR,IAiCQ,CAhCN,EAeQ,SAAA,MAAA,CAdI,EAAA,MAAW,IAAI,SAAI,WAAA,EAAA,GAA7B,EAMK,MAAA,IAAA,CAAA,GAAA,AAAA,EAAA,OAAA;IALH,EAAsB,MAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;IACnB,EAAW,MAAA,MAAP,MAAE,EAAA;IACN,EAAW,MAAA,MAAP,MAAE,EAAA;IACN,EAA4B,MAAA,EAAxB,OAAM,WAAU,GAAC,MAAE,EAAA;IACvB,EAA2B,MAAA,EAAvB,OAAM,UAAS,GAAC,MAAE,EAAA;gBAExB,EAMK,MAAA,IAAA,CAAA,GAAA,AAAA,EAAA,OAAA;IALH,EAAsB,MAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;IACnB,EAAa,MAAA,MAAT,QAAI,EAAA;IACR,EAAW,MAAA,MAAP,MAAE,EAAA;IACN,EAAW,MAAA,MAAP,MAAE,EAAA;IACN,EAA2B,MAAA,EAAvB,OAAM,UAAS,GAAC,MAAE,EAAA;WAG1B,EAeQ,SAAA,MAAA,CAdI,EAAA,MAAW,IAAI,SAAI,WAAA,EAAA,GAA7B,EAMK,MAAA,GAAA;IALH,EAAgD,MAAhD,GAAgD,EAAzB,EAAA,MAAW,MAAM,GAAA,CAAA;IACxC,EAAoD,MAApD,GAAoD,EAA3B,EAAA,MAAW,IAAI,IAAI,GAAA,CAAA;IAC5C,EAAwD,MAAxD,GAAwD,EAA/B,EAAA,MAAW,IAAI,QAAQ,GAAA,CAAA;aAChD,EAAuB,MAAA,EAAnB,OAAM,WAAU,GAAA,MAAA,EAAA;IACpB,EAAiE,MAAjE,GAAiE,EAA9B,EAAA,MAAW,IAAI,OAAO,GAAA,CAAA;eAE3D,EAMK,MAAA,GAAA;IALH,EAAgD,MAAhD,GAAgD,EAAzB,EAAA,MAAW,MAAM,GAAA,CAAA;IACxC,EAAoD,MAApD,GAAoD,EAA3B,EAAA,MAAW,IAAI,IAAI,GAAA,CAAA;aAC5C,EAAM,MAAA,MAAA,MAAA,EAAA;aACN,EAAM,MAAA,MAAA,MAAA,EAAA;IACN,EAAiE,MAAjE,GAAiE,EAA9B,EAAA,MAAW,IAAI,OAAO,GAAA,CAAA;;GAMvD,EAAA,MAAW,IAAI,QAAQ,UAAA,EAAA,GAD/B,EAKE,GAAA;;IAHC,SAAS;IACT,MAAM,EAAA,MAAW,IAAI;IACrB,KAAK,EAAA,MAAW;;GAGnB,EAQM,OARN,GAQM,EAAA,EAAA,EAAA,GAPJ,EAKE,GAAA,MAAA,EAJa,EAAA,MAAW,UAAjB,YADT,EAKE,GAAA;IAHC,KAAK,EAAG,OAAO;IACf,QAAQ,EAAG;IACX,KAAK,EAAG;4CAED,EAAA,MAAW,IAAI,QAAQ,SAAiC,EAAA,IAAA,EAAA,KAAjC,EAAA,GAAjC,EAAsE,KAAtE,GAA4D,QAAM,EAAA,CAAA;YAKjD,EAAA,IAAI,SAAI,aAAA,EAAA,GAA7B,EASW,GAAA,EAAA,KAAA,EAAA,GAAA,CAAA,AAAA,EAAA,OART,EAA6B,MAAA,EAAzB,OAAM,SAAQ,GAAC,SAAK,EAAA,GAEhB,EAAA,QAAQ,QAAQ,UAAA,EAAA,GADxB,EAKE,GAAA;;GAHC,SAAS;GACT,MAAM,EAAA,QAAQ;GACd,KAAK,EAAA;wCAER,EAAwC,KAAxC,GAA6B,SAAO,EAAA,GAAA,EAAA,KAIjB,EAAA,IAAI,SAAI,aAAA,EAAA,GAA7B,EA6BW,GAAA,EAAA,KAAA,EAAA,GAAA;YA5BT,EAAgC,MAAA,EAA5B,OAAM,SAAQ,GAAC,YAAQ,EAAA;WAC3B,EAyBU,GAAA,MAAA,EAzBY,GAAA,QAAN,YAAhB,EAyBU,WAAA;IAzB2B,KAAK,EAAG,GAAG;IAAI,OAAM;OACxD,EAiBQ,SAjBR,GAiBQ,CAAA,AAAA,EAAA,OAhBN,EAOQ,SAAA,MAAA,CANN,EAKK,MAAA,MAAA;IAJH,EAAsB,MAAA,EAAlB,OAAM,UAAS,CAAA;IACnB,EAAc,MAAA,MAAV,OAAK;IACT,EAA4B,MAAA,EAAxB,OAAM,WAAU,GAAC,IAAE;IACvB,EAA2B,MAAA,EAAvB,OAAM,UAAS,GAAC,IAAE;aAG1B,EAOQ,SAAA,MAAA,CANN,EAKK,MAAA,MAAA;IAJH,EAAwC,MAAxC,GAAwC,EAAjB,EAAG,MAAM,GAAA,CAAA;IAChC,EAA2C,MAA3C,GAA2C,EAAlB,EAAG,GAAG,IAAI,GAAA,CAAA;IACnC,EAAmE,MAAnE,GAAmE,EAAjC,EAAG,GAAG,WAAQ,MAAA,EAAA,GAAA,CAAA;IAChD,EAAwD,MAAxD,GAAwD,EAArB,EAAG,GAAG,OAAO,GAAA,CAAA;WAK9C,EAAG,GAAG,QAAQ,UAAA,EAAA,GADtB,EAKE,GAAA;;IAHC,SAAS;IACT,MAAM,EAAG,GAAG;IACZ,KAAK,EAAG;;GAGH,EAAA,QAAQ,QAAQ,SAAqC,EAAA,IAAA,EAAA,KAArC,EAAA,GAA1B,EAAmE,KAAnE,GAAqD,YAAU;YAO5C,EAAA,IAAI,SAAI,SAAA,EAAA,GAA7B,EA6DW,GAAA,EAAA,KAAA,EAAA,GAAA;aA5DT,EAAgC,MAAA,EAA5B,OAAM,SAAQ,GAAC,YAAQ,EAAA;WAC3B,EAyDU,GAAA,MAAA,EAzDY,GAAA,QAAN,YAAhB,EAyDU,WAAA;IAzDwB,KAAK,EAAG,EAAE;IAAI,OAAM;OACpD,EAuDQ,SAvDR,GAuDQ,CAAA,AAAA,EAAA,QAtDN,EASQ,SAAA,MAAA,CARN,EAOK,MAAA,MAAA;IANH,EAAsB,MAAA,EAAlB,OAAM,UAAS,CAAA;IACnB,EAAe,MAAA,MAAX,QAAM;IACV,EAAc,MAAA,MAAV,OAAK;IACT,EAA4B,MAAA,EAAxB,OAAM,WAAU,GAAC,IAAE;IACvB,EAA4B,MAAA,EAAxB,OAAM,WAAU,GAAC,IAAE;IACvB,EAA2B,MAAA,EAAvB,OAAM,UAAS,GAAC,IAAE;aAG1B,EA2CQ,SAAA,MAAA;IA1CN,EAOK,MAAA,MAAA;KANH,EAAwC,MAAxC,GAAwC,EAAjB,EAAG,MAAM,GAAA,CAAA;KAChC,EAA0C,MAA1C,GAA0C,EAAjB,EAAG,EAAE,IAAI,GAAA,CAAA;KAClC,EAAgD,MAAhD,GAAgD,EAAvB,EAAG,EAAE,UAAU,GAAA,CAAA;KACxC,EAAkE,MAAlE,GAAkE,EAAhC,EAAG,EAAE,WAAQ,MAAA,EAAA,GAAA,CAAA;cAC/C,EAAuB,MAAA,EAAnB,OAAM,WAAU,GAAA,MAAA,EAAA;KACpB,EAAuD,MAAvD,GAAuD,EAApB,EAAG,EAAE,OAAO,GAAA,CAAA;;cAEjD,EAGK,MAAA,MAAA,CAFH,EAAsB,MAAA,EAAlB,OAAM,UAAS,CAAA,GACnB,EAA0C,MAAA;KAAtC,OAAM;KAAW,SAAQ;OAAI,MAAI,CAAA,GAAA,EAAA;IAEvC,EAGK,MAAA,MAAA,CAFH,EAAqC,MAArC,GAAqC,EAAd,EAAG,GAAG,GAAA,CAAA,GAC7B,EAA4D,MAA5D,GAA4D,EAAxB,EAAG,EAAE,WAAW,GAAA,CAAA,CAAA,CAAA;cAEtD,EAGK,MAAA,MAAA,CAFH,EAAsB,MAAA,EAAlB,OAAM,UAAS,CAAA,GACnB,EAA8C,MAAA;KAA1C,OAAM;KAAW,SAAQ;OAAI,UAAQ,CAAA,GAAA,EAAA;IAE3C,EAGK,MAAA,MAAA,CAFH,EAAuC,MAAvC,GAAuC,EAAhB,EAAG,KAAK,GAAA,CAAA,GAC/B,EAAwE,MAAxE,GAAwE,EAApC,EAAG,EAAE,cAAc,EAAG,EAAE,IAAI,GAAA,CAAA,CAAA,CAAA;IAElD,EAAG,EAAE,WAAW,UAAA,EAAA,GAAhC,EAiBW,GAAA,EAAA,KAAA,EAAA,GAAA,CAAA,AAAA,EAAA,OAhBT,EAOK,MAAA,MAAA;KANH,EAAsB,MAAA,EAAlB,OAAM,UAAS,CAAA;KACnB,EAAY,MAAA,MAAR,KAAG;KACP,EAAW,MAAA,MAAP,IAAE;KACN,EAA4B,MAAA,EAAxB,OAAM,WAAU,GAAC,IAAE;KACvB,EAA4B,MAAA,EAAxB,OAAM,WAAU,GAAC,IAAE;KACvB,EAA2B,MAAA,EAAvB,OAAM,UAAS,GAAC,IAAE;oBAExB,EAOK,GAAA,MAAA,EAPgB,EAAG,EAAE,aAAd,GAAG,YAAf,EAOK,MAAA,EAPkC,KAAK,EAAC,GAAA;KAC3C,EAA2C,MAA3C,GAA2C,EAApB,EAAG,OAAO,EAAC,GAAA,CAAA;KAClC,EAAuC,MAAvC,GAAuC,EAAd,EAAE,IAAI,GAAA,CAAA;KAC/B,EAAuC,MAAvC,GAAuC,EAAd,EAAE,IAAI,GAAA,CAAA;KAC/B,EAAgE,MAAhE,GAAgE,EAA9B,EAAE,YAAS,MAAA,EAAA,GAAA,CAAA;KAC7C,EAA8D,MAA9D,GAA8D,EAA5B,EAAE,UAAO,MAAA,EAAA,GAAA,CAAA;KAC3C,EAAoD,MAApD,GAAoD,EAAjB,EAAE,OAAO,GAAA,CAAA;;;GAM5C,EAAA,QAAQ,YAAY,SAAqC,EAAA,IAAA,EAAA,KAArC,EAAA,GAA9B,EAAuE,KAAvE,GAAyD,YAAU;YAIhD,EAAA,IAAI,SAAI,eAAA,EAAA,GAA7B,EAqBW,GAAA,EAAA,KAAA,EAAA,GAAA,CAAA,AAAA,EAAA,QApBT,EAA2B,MAAA,EAAvB,OAAM,SAAQ,GAAC,OAAG,EAAA,GACT,EAAA,QAAQ,UAAU,UAAA,EAAA,GAA/B,EAiBQ,SAjBR,GAiBQ,CAAA,AAAA,EAAA,QAhBN,EAOQ,SAAA,MAAA,CANN,EAKK,MAAA,MAAA;GAJH,EAAsB,MAAA,EAAlB,OAAM,UAAS,CAAA;GACnB,EAAY,MAAA,MAAR,KAAG;GACP,EAAY,MAAA,MAAR,KAAG;GACP,EAA2B,MAAA,EAAvB,OAAM,UAAS,GAAC,IAAE;YAG1B,EAOQ,SAAA,MAAA,EAAA,EAAA,EAAA,GANN,EAKK,GAAA,MAAA,EALgB,EAAA,QAAQ,YAAjB,GAAG,YAAf,EAKK,MAAA,EALoC,KAAK,EAAE,GAAA,GAAA;GAC9C,EAA8C,MAA9C,IAA8C,EAAvB,GAAA,MAAa,EAAC,GAAA,CAAA;GACrC,EAAuC,MAAvC,IAAuC,EAAd,EAAE,IAAI,GAAA,CAAA;GAC/B,EAAsC,MAAtC,IAAsC,EAAf,EAAE,KAAK,GAAA,CAAA;GAC9B,EAAoD,MAApD,IAAoD,EAAjB,EAAE,OAAO,GAAA,CAAA;2BAIlD,EAAsC,KAAtC,IAA6B,OAAK,EAAA,GAAA,EAAA,KAIf,EAAA,IAAI,SAAI,eAAA,EAAA,GAA7B,EAUW,GAAA,EAAA,KAAA,EAAA,GAAA;aATT,EAA+B,MAAA,EAA3B,OAAM,SAAQ,GAAC,WAAO,EAAA;WAC1B,EAMU,GAAA,MAAA,EANW,EAAA,QAAQ,YAAb,YAAhB,EAMU,WAAA;IAN+B,KAAK,EAAE;IAAI,OAAM;OACxD,EAGM,OAHN,IAGM,CAFJ,EAA2C,QAA3C,IAA2C,EAAhB,EAAE,IAAI,GAAA,CAAA,GACrB,EAAE,WAAA,EAAA,GAAd,EAA8D,QAA9D,IAA8D,EAAnB,EAAE,OAAO,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,GAEtD,GAA6B,GAAA,EAAf,UAAU,EAAC,GAAA,MAAA,GAAA,CAAA,UAAA,CAAA,CAAA,CAAA;GAEjB,EAAA,QAAQ,UAAU,SAAqC,EAAA,IAAA,EAAA,KAArC,EAAA,GAA5B,EAAqE,KAArE,IAAuD,YAAU;YAI9C,EAAA,IAAI,SAAI,WAAA,EAAA,GAA7B,EAuCW,GAAA,EAAA,KAAA,EAAA,GAAA;aAtCT,EAA2B,MAAA,EAAvB,OAAM,SAAQ,GAAC,OAAG,EAAA;WACtB,EAmCU,GAAA,MAAA,EAnCY,GAAA,QAAN,YAAhB,EAmCU,WAAA;IAnCyB,KAAK,EAAG,EAAE;IAAI,OAAM;OACrD,EAiBQ,SAjBR,IAiBQ,CAAA,AAAA,EAAA,QAhBN,EAOQ,SAAA,MAAA,CANN,EAKK,MAAA,MAAA;IAJH,EAAsB,MAAA,EAAlB,OAAM,UAAS,CAAA;IACnB,EAAY,MAAA,MAAR,KAAG;IACP,EAAU,MAAA,MAAN,GAAC;IACL,EAA2B,MAAA,EAAvB,OAAM,UAAS,GAAC,IAAE;aAG1B,EAOQ,SAAA,MAAA,CANN,EAKK,MAAA,MAAA;IAJH,EAAwC,MAAxC,IAAwC,EAAjB,EAAG,MAAM,GAAA,CAAA;IAChC,EAA0C,MAA1C,IAA0C,EAAjB,EAAG,EAAE,IAAI,GAAA,CAAA;IAClC,EAA+C,MAA/C,IAA+C,EAAtB,EAAG,EAAE,SAAS,GAAA,CAAA;IACvC,EAAuD,MAAvD,IAAuD,EAApB,EAAG,EAAE,OAAO,GAAA,CAAA;WAIxC,EAAG,EAAE,SAAS,UAAA,EAAA,GAA3B,EAeQ,SAfR,IAeQ,CAAA,AAAA,EAAA,QAdN,EAMQ,SAAA,MAAA,CALN,EAIK,MAAA,MAAA;IAHH,EAAsB,MAAA,EAAlB,OAAM,UAAS,CAAA;IACnB,EAAY,MAAA,MAAR,KAAG;IACP,EAAW,MAAA,MAAP,IAAE;aAGV,EAMQ,SAAA,MAAA,EAAA,EAAA,EAAA,GALN,EAIK,GAAA,MAAA,EAJgB,EAAG,EAAE,WAAd,GAAG,YAAf,EAIK,MAAA,EAJgC,KAAK,EAAE,GAAA,GAAA;IAC1C,EAA6C,MAA7C,IAA6C,EAAtB,EAAG,SAAS,EAAC,GAAA,CAAA;IACpC,EAAuC,MAAvC,IAAuC,EAAd,EAAE,IAAI,GAAA,CAAA;IAC/B,EAAuC,MAAvC,IAAuC,EAAd,EAAE,IAAI,GAAA,CAAA;;GAK7B,EAAA,QAAQ,MAAM,SAAkC,EAAA,IAAA,EAAA,KAAlC,EAAA,GAAxB,EAA8D,KAA9D,IAAmD,SAAO;YAIvC,EAAA,IAAI,SAAI,eAAA,EAAA,GAA7B,EAqBW,GAAA,EAAA,KAAA,EAAA,GAAA,CAAA,AAAA,EAAA,QApBT,EAA6B,MAAA,EAAzB,OAAM,SAAQ,GAAC,SAAK,EAAA,GACX,EAAA,QAAQ,UAAU,UAAA,EAAA,GAA/B,EAiBQ,SAjBR,IAiBQ,CAAA,AAAA,EAAA,QAhBN,EAOQ,SAAA,MAAA,CANN,EAKK,MAAA,MAAA;GAJH,EAAsB,MAAA,EAAlB,OAAM,UAAS,CAAA;GACnB,EAAW,MAAA,MAAP,IAAE;GACN,EAAY,MAAA,MAAR,KAAG;GACP,EAAW,MAAA,MAAP,IAAE;YAGV,EAOQ,SAAA,MAAA,EAAA,EAAA,EAAA,GANN,EAKK,GAAA,MAAA,EALgB,EAAA,QAAQ,YAAjB,GAAG,YAAf,EAKK,MAAA,EALoC,KAAK,EAAC,GAAA;GAC7C,EAA8C,MAA9C,IAA8C,EAAvB,GAAA,MAAa,EAAC,GAAA,CAAA;GACrC,EAAuC,MAAvC,IAAuC,EAAd,EAAE,IAAI,GAAA,CAAA;GAC/B,EAAyB,MAAA,MAAA,EAAlB,EAAE,QAAQ,GAAA,CAAA;GACjB,EAAwB,MAAA,MAAA,EAAjB,EAAE,OAAO,GAAA,CAAA;2BAItB,EAAwC,KAAxC,IAA6B,SAAO,EAAA,GAAA,EAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/components/epl/EplMethod.js

@@ -5,3 +5,5 @@ import t from "./EplMethod.vue_vue_type_script_setup_true_lang.js";
 var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-e540f854"]]);
 //#endregion
 export { n as default };
+
+//# sourceMappingURL=EplMethod.js.map

package/dist/components/epl/EplMethod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EplMethod.js","names":[],"sources":["../../../src/components/epl/EplMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EplMethodView } from '@/lib/epl'\nimport EplVarTable, { type EplCol } from './EplVarTable.vue'\nimport EplCodeBlock from './EplCodeBlock.vue'\nimport type { MethodNos } from './numbering'\n\n/**\n * One 子程序 (method): the IDE shows a header table (子程序名 / 返回值类型 / 公开 / 易包 / 备注), then a\n * parameter table and a local-variable table (each only when non-empty), then the decompiled body. Carries a\n * DOM id so the tree's method nodes can scroll to it. `nos` are the document-wide line numbers for its rows.\n */\nconst props = defineProps<{ method: EplMethodView; nos: MethodNos }>()\n\nconst PARAM_COLS: EplCol[] = [\n  { key: 'name', label: '参数名' },\n  { key: 'type', label: '类型' },\n  { key: 'byReference', label: '参考' },\n  { key: 'nullable', label: '可空' },\n  { key: 'arrayFlag', label: '数组' },\n  { key: 'comment', label: '备注' },\n]\nconst LOCAL_COLS: EplCol[] = [\n  { key: 'name', label: '变量名' },\n  { key: 'type', label: '类型' },\n  { key: 'static', label: '静态' },\n  { key: 'arrayBound', label: '数组' },\n  { key: 'comment', label: '备注' },\n]\n\nconst anchorId = `epl-m-${props.method.id >>> 0}`\n</script>\n\n<template>\n  <section :id=\"anchorId\" class=\"m\">\n    <table class=\"m__head\">\n      <thead>\n        <tr>\n          <th class=\"m__gut\" />\n          <th>子程序名</th>\n          <th>返回值类型</th>\n          <th class=\"m__bool\">公开</th>\n          <th class=\"m__bool\">易包</th>\n          <th class=\"m__cmt\">备注</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td class=\"m__gut\">{{ nos.head }}</td>\n          <td class=\"m__ident\">{{ method.name }}</td>\n          <td class=\"m__ident\">{{ method.returnType }}</td>\n          <td class=\"m__bool m__check\">{{ method.isPublic ? '✓' : '' }}</td>\n          <td class=\"m__bool\" />\n          <td class=\"m__cmt m__cmttext\">{{ method.comment }}</td>\n        </tr>\n      </tbody>\n    </table>\n\n    <EplVarTable\n      v-if=\"method.parameters.length\"\n      :columns=\"PARAM_COLS\"\n      :rows=\"method.parameters\"\n      :nos=\"nos.params\"\n    />\n    <EplVarTable\n      v-if=\"method.locals.length\"\n      :columns=\"LOCAL_COLS\"\n      :rows=\"method.locals\"\n      :nos=\"nos.locals\"\n    />\n\n    <EplCodeBlock\n      v-if=\"method.lines.length\"\n      class=\"m__code\"\n      :lines=\"method.lines\"\n      :nos=\"nos.code\"\n    />\n  </section>\n</template>\n\n<style scoped>\n.m {\n  margin: 0 0 18px;\n}\n.m__head {\n  border-collapse: collapse;\n  font-size: 12.5px;\n  background: var(--epl-bg);\n}\n.m__head th,\n.m__head td {\n  border: 1px solid var(--epl-border);\n  padding: 2px 8px;\n  text-align: left;\n  white-space: nowrap;\n  color: var(--epl-fg);\n}\n.m__head th {\n  background: var(--epl-th-bg);\n  color: var(--epl-th-fg);\n  font-weight: 600;\n}\n.m__bool {\n  text-align: center;\n  min-width: 2.6em;\n}\n.m__check {\n  color: var(--epl-check);\n  font-weight: 700;\n}\n.m__ident {\n  color: var(--epl-ident);\n}\n.m__cmt {\n  white-space: normal;\n}\n.m__cmttext {\n  color: var(--epl-comment);\n}\nth.m__gut,\ntd.m__gut {\n  width: 3.4em;\n  min-width: 3.4em;\n  box-sizing: border-box;\n  padding: 2px 10px 2px 0;\n  text-align: right;\n  border: none;\n  background: var(--epl-gutter-bg);\n  color: var(--epl-gutter);\n  font-weight: normal;\n  user-select: none;\n  position: sticky;\n  left: 0;\n  z-index: 1;\n}\n.m__code {\n  margin-top: 4px;\n}\n</style>\n"],"mappings":""}

package/dist/components/epl/EplMethod.vue_vue_type_script_setup_true_lang.js

@@ -98,3 +98,5 @@ var l = { class: "m__head" }, u = { class: "m__gut" }, d = { class: "m__ident" }
 });
 //#endregion
 export { h as default };
+
+//# sourceMappingURL=EplMethod.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/epl/EplMethod.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EplMethod.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/epl/EplMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EplMethodView } from '@/lib/epl'\nimport EplVarTable, { type EplCol } from './EplVarTable.vue'\nimport EplCodeBlock from './EplCodeBlock.vue'\nimport type { MethodNos } from './numbering'\n\n/**\n * One 子程序 (method): the IDE shows a header table (子程序名 / 返回值类型 / 公开 / 易包 / 备注), then a\n * parameter table and a local-variable table (each only when non-empty), then the decompiled body. Carries a\n * DOM id so the tree's method nodes can scroll to it. `nos` are the document-wide line numbers for its rows.\n */\nconst props = defineProps<{ method: EplMethodView; nos: MethodNos }>()\n\nconst PARAM_COLS: EplCol[] = [\n  { key: 'name', label: '参数名' },\n  { key: 'type', label: '类型' },\n  { key: 'byReference', label: '参考' },\n  { key: 'nullable', label: '可空' },\n  { key: 'arrayFlag', label: '数组' },\n  { key: 'comment', label: '备注' },\n]\nconst LOCAL_COLS: EplCol[] = [\n  { key: 'name', label: '变量名' },\n  { key: 'type', label: '类型' },\n  { key: 'static', label: '静态' },\n  { key: 'arrayBound', label: '数组' },\n  { key: 'comment', label: '备注' },\n]\n\nconst anchorId = `epl-m-${props.method.id >>> 0}`\n</script>\n\n<template>\n  <section :id=\"anchorId\" class=\"m\">\n    <table class=\"m__head\">\n      <thead>\n        <tr>\n          <th class=\"m__gut\" />\n          <th>子程序名</th>\n          <th>返回值类型</th>\n          <th class=\"m__bool\">公开</th>\n          <th class=\"m__bool\">易包</th>\n          <th class=\"m__cmt\">备注</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td class=\"m__gut\">{{ nos.head }}</td>\n          <td class=\"m__ident\">{{ method.name }}</td>\n          <td class=\"m__ident\">{{ method.returnType }}</td>\n          <td class=\"m__bool m__check\">{{ method.isPublic ? '✓' : '' }}</td>\n          <td class=\"m__bool\" />\n          <td class=\"m__cmt m__cmttext\">{{ method.comment }}</td>\n        </tr>\n      </tbody>\n    </table>\n\n    <EplVarTable\n      v-if=\"method.parameters.length\"\n      :columns=\"PARAM_COLS\"\n      :rows=\"method.parameters\"\n      :nos=\"nos.params\"\n    />\n    <EplVarTable\n      v-if=\"method.locals.length\"\n      :columns=\"LOCAL_COLS\"\n      :rows=\"method.locals\"\n      :nos=\"nos.locals\"\n    />\n\n    <EplCodeBlock\n      v-if=\"method.lines.length\"\n      class=\"m__code\"\n      :lines=\"method.lines\"\n      :nos=\"nos.code\"\n    />\n  </section>\n</template>\n\n<style scoped>\n.m {\n  margin: 0 0 18px;\n}\n.m__head {\n  border-collapse: collapse;\n  font-size: 12.5px;\n  background: var(--epl-bg);\n}\n.m__head th,\n.m__head td {\n  border: 1px solid var(--epl-border);\n  padding: 2px 8px;\n  text-align: left;\n  white-space: nowrap;\n  color: var(--epl-fg);\n}\n.m__head th {\n  background: var(--epl-th-bg);\n  color: var(--epl-th-fg);\n  font-weight: 600;\n}\n.m__bool {\n  text-align: center;\n  min-width: 2.6em;\n}\n.m__check {\n  color: var(--epl-check);\n  font-weight: 700;\n}\n.m__ident {\n  color: var(--epl-ident);\n}\n.m__cmt {\n  white-space: normal;\n}\n.m__cmttext {\n  color: var(--epl-comment);\n}\nth.m__gut,\ntd.m__gut {\n  width: 3.4em;\n  min-width: 3.4em;\n  box-sizing: border-box;\n  padding: 2px 10px 2px 0;\n  text-align: right;\n  border: none;\n  background: var(--epl-gutter-bg);\n  color: var(--epl-gutter);\n  font-weight: normal;\n  user-select: none;\n  position: sticky;\n  left: 0;\n  z-index: 1;\n}\n.m__code {\n  margin-top: 4px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAWA,IAAM,IAAQ,GAER,IAAuB;GAC3B;IAAE,KAAK;IAAQ,OAAO;GAAM;GAC5B;IAAE,KAAK;IAAQ,OAAO;GAAK;GAC3B;IAAE,KAAK;IAAe,OAAO;GAAK;GAClC;IAAE,KAAK;IAAY,OAAO;GAAK;GAC/B;IAAE,KAAK;IAAa,OAAO;GAAK;GAChC;IAAE,KAAK;IAAW,OAAO;GAAK;EAChC,GACM,IAAuB;GAC3B;IAAE,KAAK;IAAQ,OAAO;GAAM;GAC5B;IAAE,KAAK;IAAQ,OAAO;GAAK;GAC3B;IAAE,KAAK;IAAU,OAAO;GAAK;GAC7B;IAAE,KAAK;IAAc,OAAO;GAAK;GACjC;IAAE,KAAK;IAAW,OAAO;GAAK;EAChC,GAEM,IAAW,SAAS,EAAM,OAAO,OAAO;yBAI5C,EA2CU,WAAA;GA3CA,IAAI;GAAU,OAAM;;GAC5B,EAqBQ,SArBR,GAqBQ,CAAA,AAAA,EAAA,OApBN,EASQ,SAAA,MAAA,CARN,EAOK,MAAA,MAAA;IANH,EAAqB,MAAA,EAAjB,OAAM,SAAQ,CAAA;IAClB,EAAa,MAAA,MAAT,MAAI;IACR,EAAc,MAAA,MAAV,OAAK;IACT,EAA2B,MAAA,EAAvB,OAAM,UAAS,GAAC,IAAE;IACtB,EAA2B,MAAA,EAAvB,OAAM,UAAS,GAAC,IAAE;IACtB,EAA0B,MAAA,EAAtB,OAAM,SAAQ,GAAC,IAAE;aAGzB,EASQ,SAAA,MAAA,CARN,EAOK,MAAA,MAAA;IANH,EAAsC,MAAtC,GAAsC,EAAhB,EAAA,IAAI,IAAI,GAAA,CAAA;IAC9B,EAA2C,MAA3C,GAA2C,EAAnB,EAAA,OAAO,IAAI,GAAA,CAAA;IACnC,EAAiD,MAAjD,GAAiD,EAAzB,EAAA,OAAO,UAAU,GAAA,CAAA;IACzC,EAAkE,MAAlE,GAAkE,EAAlC,EAAA,OAAO,WAAQ,MAAA,EAAA,GAAA,CAAA;aAC/C,EAAsB,MAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;IACnB,EAAuD,MAAvD,GAAuD,EAAtB,EAAA,OAAO,OAAO,GAAA,CAAA;;GAM7C,EAAA,OAAO,WAAW,UAAA,EAAA,GAD1B,EAKE,GAAA;;IAHC,SAAS;IACT,MAAM,EAAA,OAAO;IACb,KAAK,EAAA,IAAI;;GAGJ,EAAA,OAAO,OAAO,UAAA,EAAA,GADtB,EAKE,GAAA;;IAHC,SAAS;IACT,MAAM,EAAA,OAAO;IACb,KAAK,EAAA,IAAI;;GAIJ,EAAA,OAAO,MAAM,UAAA,EAAA,GADrB,EAKE,GAAA;;IAHA,OAAM;IACL,OAAO,EAAA,OAAO;IACd,KAAK,EAAA,IAAI"}

package/dist/components/epl/EplResource.js

@@ -5,3 +5,5 @@ import t from "./EplResource.vue_vue_type_script_setup_true_lang.js";
 var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-c9bf3476"]]);
 //#endregion
 export { n as default };
+
+//# sourceMappingURL=EplResource.js.map

package/dist/components/epl/EplResource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EplResource.js","names":[],"sources":["../../../src/components/epl/EplResource.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref, shallowRef } from 'vue'\nimport { parseEplImageList, type EplImageFrame, type EplResourceRow } from '@/lib/epl'\n\n/**\n * Renders one 图片 / 声音 resource's media (the surrounding name/备注 card is drawn by {@link EplDoc}). An image\n * is first tried as a 图片组 (Windows ImageList — {@link parseEplImageList}); if so its frames are decoded to\n * RGBA and painted to per-frame canvases → data URLs. Otherwise the bytes are sniffed by magic: a browser-native\n * image shows inline, a playable sound gets an <audio>, and anything else degrades to a labelled download card.\n * All Blob URLs are built in onMounted (browser-only) and revoked on unmount. Upstream bytes are only ever\n * decoded as a raster image / audio track — never executed.\n */\nconst props = defineProps<{ resource: EplResourceRow }>()\n\ntype Sniff = { mime: string; ext: string; ok: boolean }\nfunction starts(b: Uint8Array, sig: number[], off = 0): boolean {\n  for (let i = 0; i < sig.length; i++) if (b[off + i] !== sig[i]) return false\n  return true\n}\nfunction sniffImage(b: Uint8Array): Sniff {\n  if (starts(b, [0x89, 0x50, 0x4e, 0x47])) return { mime: 'image/png', ext: 'png', ok: true }\n  if (starts(b, [0xff, 0xd8, 0xff])) return { mime: 'image/jpeg', ext: 'jpg', ok: true }\n  if (starts(b, [0x47, 0x49, 0x46, 0x38])) return { mime: 'image/gif', ext: 'gif', ok: true }\n  if (starts(b, [0x42, 0x4d])) return { mime: 'image/bmp', ext: 'bmp', ok: true }\n  if (starts(b, [0x52, 0x49, 0x46, 0x46]) && starts(b, [0x57, 0x45, 0x42, 0x50], 8))\n    return { mime: 'image/webp', ext: 'webp', ok: true }\n  if (starts(b, [0x00, 0x00, 0x01, 0x00])) return { mime: 'image/x-icon', ext: 'ico', ok: true }\n  return { mime: 'application/octet-stream', ext: 'bin', ok: false }\n}\nfunction sniffSound(b: Uint8Array): Sniff {\n  if (starts(b, [0x52, 0x49, 0x46, 0x46]) && starts(b, [0x57, 0x41, 0x56, 0x45], 8))\n    return { mime: 'audio/wav', ext: 'wav', ok: true }\n  if (\n    starts(b, [0x49, 0x44, 0x33]) ||\n    starts(b, [0xff, 0xfb]) ||\n    starts(b, [0xff, 0xf3]) ||\n    starts(b, [0xff, 0xf2])\n  )\n    return { mime: 'audio/mpeg', ext: 'mp3', ok: true }\n  if (starts(b, [0x4f, 0x67, 0x67, 0x53])) return { mime: 'audio/ogg', ext: 'ogg', ok: true }\n  if (starts(b, [0x4d, 0x54, 0x68, 0x64])) return { mime: 'audio/midi', ext: 'mid', ok: false } // <audio> can't play MIDI\n  return { mime: 'application/octet-stream', ext: 'bin', ok: false }\n}\n\nfunction fmtSize(n: number): string {\n  if (n < 1024) return n + ' B'\n  if (n < 1024 * 1024) return (n / 1024).toFixed(1) + ' KB'\n  return (n / 1024 / 1024).toFixed(1) + ' MB'\n}\n\nfunction frameToDataUrl(f: EplImageFrame): string {\n  const cv = document.createElement('canvas')\n  cv.width = f.width\n  cv.height = f.height\n  const ctx = cv.getContext('2d')\n  if (!ctx) return ''\n  ctx.putImageData(new ImageData(f.rgba, f.width, f.height), 0, 0)\n  return cv.toDataURL('image/png')\n}\n\nconst mode = ref<'group' | 'image' | 'sound' | 'file'>('file')\nconst url = ref('') // Blob URL for a single image / sound\nconst sniff = ref<Sniff | null>(null)\nconst broken = ref(false)\nconst downloadName = ref('')\nconst size = ref(0)\nconst frames = shallowRef<string[]>([]) // 图片组 frame data URLs\nconst group = ref<{ count: number; cx: number; cy: number } | null>(null)\n\nonMounted(() => {\n  const r = props.resource\n  size.value = r.bytes.length\n  downloadName.value = r.name\n  if (r.kind === 'image') {\n    const list = parseEplImageList(r.bytes)\n    if (list) {\n      group.value = { count: list.frames.length, cx: list.cx, cy: list.cy }\n      frames.value = list.frames.map(frameToDataUrl)\n      mode.value = 'group'\n      return\n    }\n    const s = sniffImage(r.bytes)\n    sniff.value = s\n    downloadName.value = `${r.name}.${s.ext}`\n    url.value = URL.createObjectURL(new Blob([r.bytes], { type: s.mime }))\n    mode.value = s.ok ? 'image' : 'file'\n    return\n  }\n  const s = sniffSound(r.bytes)\n  sniff.value = s\n  downloadName.value = `${r.name}.${s.ext}`\n  url.value = URL.createObjectURL(new Blob([r.bytes], { type: s.mime }))\n  mode.value = s.ok ? 'sound' : 'file'\n})\nonBeforeUnmount(() => {\n  if (url.value) URL.revokeObjectURL(url.value)\n})\n</script>\n\n<template>\n  <!-- 图片组 (Windows ImageList): a grid of the individual frames -->\n  <div v-if=\"mode === 'group' && group\" class=\"r-group\">\n    <div class=\"r-group__hd\">图片组 · {{ group.count }} 张 · {{ group.cx }}×{{ group.cy }}</div>\n    <div class=\"r-group__grid\">\n      <a\n        v-for=\"(f, i) in frames\"\n        :key=\"i\"\n        :href=\"f\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"r-frame\"\n        :title=\"`#${i}`\"\n      >\n        <img :src=\"f\" :alt=\"`#${i}`\" class=\"r-frame__img\" />\n      </a>\n    </div>\n  </div>\n\n  <!-- single browser-native image -->\n  <div v-else-if=\"mode === 'image' && !broken\" class=\"r-single\">\n    <a :href=\"url\" target=\"_blank\" rel=\"noopener\" class=\"r-single__link\">\n      <img :src=\"url\" :alt=\"resource.name\" class=\"r-single__img\" @error=\"broken = true\" />\n    </a>\n    <span class=\"r-meta\">{{ fmtSize(size) }}</span>\n  </div>\n\n  <!-- playable sound -->\n  <div v-else-if=\"mode === 'sound'\" class=\"r-sound\">\n    <audio :src=\"url\" controls class=\"r-audio\" />\n    <a :href=\"url\" :download=\"downloadName\" class=\"r-dl\">下载</a>\n  </div>\n\n  <!-- fallback: unknown image format / non-playable sound -->\n  <div v-else class=\"r-file\">\n    <span class=\"r-file__ico\">{{ resource.kind === 'image' ? '🖼' : '🔊' }}</span>\n    <span class=\"r-meta\"\n      >{{ resource.kind === 'image' ? '图片' : '声音' }} · {{ fmtSize(size) }} ·\n      {{ resource.kind === 'image' ? '格式无法预览' : '格式无法播放' }}</span\n    >\n    <a v-if=\"url\" :href=\"url\" :download=\"downloadName\" class=\"r-dl\">下载</a>\n  </div>\n</template>\n\n<style scoped>\n.r-group__hd {\n  color: var(--epl-gutter);\n  font-size: 12px;\n  margin-bottom: 6px;\n}\n.r-group__grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.r-frame {\n  display: inline-flex;\n  padding: 3px;\n  border: 1px solid var(--epl-border);\n  border-radius: 3px;\n  background:\n    linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%) 0 0/12px 12px,\n    linear-gradient(45deg, #e8e8e8 25%, #fff 25%, #fff 75%, #e8e8e8 75%) 6px 6px/12px 12px;\n  line-height: 0;\n}\n.r-frame__img {\n  height: 30px;\n  width: auto;\n  image-rendering: pixelated;\n}\n.r-single__link {\n  display: inline-flex;\n  line-height: 0;\n}\n.r-single__img {\n  max-height: 220px;\n  max-width: 100%;\n  border: 1px solid var(--epl-border);\n  border-radius: 3px;\n  background: #fff;\n  object-fit: contain;\n}\n.r-single {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.r-meta {\n  color: var(--epl-gutter);\n  font-size: 12px;\n}\n.r-sound,\n.r-file {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.r-audio {\n  height: 32px;\n  vertical-align: middle;\n}\n.r-file__ico {\n  font-size: 16px;\n}\n.r-dl {\n  color: var(--epl-keyword);\n  text-decoration: none;\n  font-size: 12px;\n}\n.r-dl:hover {\n  text-decoration: underline;\n}\n</style>\n"],"mappings":""}

package/dist/components/epl/EplResource.vue_vue_type_script_setup_true_lang.js

@@ -202,3 +202,5 @@ var p = {
 });
 //#endregion
 export { k as default };
+
+//# sourceMappingURL=EplResource.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/epl/EplResource.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EplResource.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/epl/EplResource.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref, shallowRef } from 'vue'\nimport { parseEplImageList, type EplImageFrame, type EplResourceRow } from '@/lib/epl'\n\n/**\n * Renders one 图片 / 声音 resource's media (the surrounding name/备注 card is drawn by {@link EplDoc}). An image\n * is first tried as a 图片组 (Windows ImageList — {@link parseEplImageList}); if so its frames are decoded to\n * RGBA and painted to per-frame canvases → data URLs. Otherwise the bytes are sniffed by magic: a browser-native\n * image shows inline, a playable sound gets an <audio>, and anything else degrades to a labelled download card.\n * All Blob URLs are built in onMounted (browser-only) and revoked on unmount. Upstream bytes are only ever\n * decoded as a raster image / audio track — never executed.\n */\nconst props = defineProps<{ resource: EplResourceRow }>()\n\ntype Sniff = { mime: string; ext: string; ok: boolean }\nfunction starts(b: Uint8Array, sig: number[], off = 0): boolean {\n  for (let i = 0; i < sig.length; i++) if (b[off + i] !== sig[i]) return false\n  return true\n}\nfunction sniffImage(b: Uint8Array): Sniff {\n  if (starts(b, [0x89, 0x50, 0x4e, 0x47])) return { mime: 'image/png', ext: 'png', ok: true }\n  if (starts(b, [0xff, 0xd8, 0xff])) return { mime: 'image/jpeg', ext: 'jpg', ok: true }\n  if (starts(b, [0x47, 0x49, 0x46, 0x38])) return { mime: 'image/gif', ext: 'gif', ok: true }\n  if (starts(b, [0x42, 0x4d])) return { mime: 'image/bmp', ext: 'bmp', ok: true }\n  if (starts(b, [0x52, 0x49, 0x46, 0x46]) && starts(b, [0x57, 0x45, 0x42, 0x50], 8))\n    return { mime: 'image/webp', ext: 'webp', ok: true }\n  if (starts(b, [0x00, 0x00, 0x01, 0x00])) return { mime: 'image/x-icon', ext: 'ico', ok: true }\n  return { mime: 'application/octet-stream', ext: 'bin', ok: false }\n}\nfunction sniffSound(b: Uint8Array): Sniff {\n  if (starts(b, [0x52, 0x49, 0x46, 0x46]) && starts(b, [0x57, 0x41, 0x56, 0x45], 8))\n    return { mime: 'audio/wav', ext: 'wav', ok: true }\n  if (\n    starts(b, [0x49, 0x44, 0x33]) ||\n    starts(b, [0xff, 0xfb]) ||\n    starts(b, [0xff, 0xf3]) ||\n    starts(b, [0xff, 0xf2])\n  )\n    return { mime: 'audio/mpeg', ext: 'mp3', ok: true }\n  if (starts(b, [0x4f, 0x67, 0x67, 0x53])) return { mime: 'audio/ogg', ext: 'ogg', ok: true }\n  if (starts(b, [0x4d, 0x54, 0x68, 0x64])) return { mime: 'audio/midi', ext: 'mid', ok: false } // <audio> can't play MIDI\n  return { mime: 'application/octet-stream', ext: 'bin', ok: false }\n}\n\nfunction fmtSize(n: number): string {\n  if (n < 1024) return n + ' B'\n  if (n < 1024 * 1024) return (n / 1024).toFixed(1) + ' KB'\n  return (n / 1024 / 1024).toFixed(1) + ' MB'\n}\n\nfunction frameToDataUrl(f: EplImageFrame): string {\n  const cv = document.createElement('canvas')\n  cv.width = f.width\n  cv.height = f.height\n  const ctx = cv.getContext('2d')\n  if (!ctx) return ''\n  ctx.putImageData(new ImageData(f.rgba, f.width, f.height), 0, 0)\n  return cv.toDataURL('image/png')\n}\n\nconst mode = ref<'group' | 'image' | 'sound' | 'file'>('file')\nconst url = ref('') // Blob URL for a single image / sound\nconst sniff = ref<Sniff | null>(null)\nconst broken = ref(false)\nconst downloadName = ref('')\nconst size = ref(0)\nconst frames = shallowRef<string[]>([]) // 图片组 frame data URLs\nconst group = ref<{ count: number; cx: number; cy: number } | null>(null)\n\nonMounted(() => {\n  const r = props.resource\n  size.value = r.bytes.length\n  downloadName.value = r.name\n  if (r.kind === 'image') {\n    const list = parseEplImageList(r.bytes)\n    if (list) {\n      group.value = { count: list.frames.length, cx: list.cx, cy: list.cy }\n      frames.value = list.frames.map(frameToDataUrl)\n      mode.value = 'group'\n      return\n    }\n    const s = sniffImage(r.bytes)\n    sniff.value = s\n    downloadName.value = `${r.name}.${s.ext}`\n    url.value = URL.createObjectURL(new Blob([r.bytes], { type: s.mime }))\n    mode.value = s.ok ? 'image' : 'file'\n    return\n  }\n  const s = sniffSound(r.bytes)\n  sniff.value = s\n  downloadName.value = `${r.name}.${s.ext}`\n  url.value = URL.createObjectURL(new Blob([r.bytes], { type: s.mime }))\n  mode.value = s.ok ? 'sound' : 'file'\n})\nonBeforeUnmount(() => {\n  if (url.value) URL.revokeObjectURL(url.value)\n})\n</script>\n\n<template>\n  <!-- 图片组 (Windows ImageList): a grid of the individual frames -->\n  <div v-if=\"mode === 'group' && group\" class=\"r-group\">\n    <div class=\"r-group__hd\">图片组 · {{ group.count }} 张 · {{ group.cx }}×{{ group.cy }}</div>\n    <div class=\"r-group__grid\">\n      <a\n        v-for=\"(f, i) in frames\"\n        :key=\"i\"\n        :href=\"f\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"r-frame\"\n        :title=\"`#${i}`\"\n      >\n        <img :src=\"f\" :alt=\"`#${i}`\" class=\"r-frame__img\" />\n      </a>\n    </div>\n  </div>\n\n  <!-- single browser-native image -->\n  <div v-else-if=\"mode === 'image' && !broken\" class=\"r-single\">\n    <a :href=\"url\" target=\"_blank\" rel=\"noopener\" class=\"r-single__link\">\n      <img :src=\"url\" :alt=\"resource.name\" class=\"r-single__img\" @error=\"broken = true\" />\n    </a>\n    <span class=\"r-meta\">{{ fmtSize(size) }}</span>\n  </div>\n\n  <!-- playable sound -->\n  <div v-else-if=\"mode === 'sound'\" class=\"r-sound\">\n    <audio :src=\"url\" controls class=\"r-audio\" />\n    <a :href=\"url\" :download=\"downloadName\" class=\"r-dl\">下载</a>\n  </div>\n\n  <!-- fallback: unknown image format / non-playable sound -->\n  <div v-else class=\"r-file\">\n    <span class=\"r-file__ico\">{{ resource.kind === 'image' ? '🖼' : '🔊' }}</span>\n    <span class=\"r-meta\"\n      >{{ resource.kind === 'image' ? '图片' : '声音' }} · {{ fmtSize(size) }} ·\n      {{ resource.kind === 'image' ? '格式无法预览' : '格式无法播放' }}</span\n    >\n    <a v-if=\"url\" :href=\"url\" :download=\"downloadName\" class=\"r-dl\">下载</a>\n  </div>\n</template>\n\n<style scoped>\n.r-group__hd {\n  color: var(--epl-gutter);\n  font-size: 12px;\n  margin-bottom: 6px;\n}\n.r-group__grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.r-frame {\n  display: inline-flex;\n  padding: 3px;\n  border: 1px solid var(--epl-border);\n  border-radius: 3px;\n  background:\n    linear-gradient(45deg, #e8e8e8 25%, transparent 25%, transparent 75%, #e8e8e8 75%) 0 0/12px 12px,\n    linear-gradient(45deg, #e8e8e8 25%, #fff 25%, #fff 75%, #e8e8e8 75%) 6px 6px/12px 12px;\n  line-height: 0;\n}\n.r-frame__img {\n  height: 30px;\n  width: auto;\n  image-rendering: pixelated;\n}\n.r-single__link {\n  display: inline-flex;\n  line-height: 0;\n}\n.r-single__img {\n  max-height: 220px;\n  max-width: 100%;\n  border: 1px solid var(--epl-border);\n  border-radius: 3px;\n  background: #fff;\n  object-fit: contain;\n}\n.r-single {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.r-meta {\n  color: var(--epl-gutter);\n  font-size: 12px;\n}\n.r-sound,\n.r-file {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.r-audio {\n  height: 32px;\n  vertical-align: middle;\n}\n.r-file__ico {\n  font-size: 16px;\n}\n.r-dl {\n  color: var(--epl-keyword);\n  text-decoration: none;\n  font-size: 12px;\n}\n.r-dl:hover {\n  text-decoration: underline;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/epl/EplTree.js

@@ -5,3 +5,5 @@ import t from "./EplTree.vue_vue_type_script_setup_true_lang.js";
 var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-855ef1ee"]]);
 //#endregion
 export { n as default };
+
+//# sourceMappingURL=EplTree.js.map

package/dist/components/epl/EplTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EplTree.js","names":[],"sources":["../../../src/components/epl/EplTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport type { EplProgram, EplClassKind } from '@/lib/epl'\nimport type { EplDocRef, EplDocKind } from './docTypes'\n\n/**\n * The 易语言 IDE「程序」tree: every 程序集 / 窗口程序集 / 类 at the top level (expandable to its 子程序), then\n * the project-level tables (全局变量 / 自定义数据类型 / Dll命令 / 常量表 / 资源表 / 模块引用表) — each shown\n * only when it has content. Clicking a node opens its document; clicking a method jumps to it inside the class\n * document.\n */\nconst props = defineProps<{ program: EplProgram; activeId: string }>()\nconst emit = defineEmits<{\n  (e: 'select', ref: EplDocRef): void\n  (e: 'selectMethod', payload: { classId: number; methodId: number }): void\n}>()\n\nconst expanded = ref<Set<number>>(new Set())\nfunction toggle(classId: number): void {\n  const s = new Set(expanded.value)\n  if (s.has(classId)) s.delete(classId)\n  else s.add(classId)\n  expanded.value = s\n}\n\nconst KIND_ICON: Record<EplClassKind, { ch: string; cls: string }> = {\n  static: { ch: '集', cls: 'ico--static' },\n  form: { ch: '窗', cls: 'ico--form' },\n  class: { ch: '类', cls: 'ico--class' },\n}\n\ninterface TableNode {\n  kind: EplDocKind\n  title: string\n  count: number\n}\nconst tableNodes = computed<TableNode[]>(() => {\n  const p = props.program\n  const all: TableNode[] = [\n    { kind: 'globals', title: '全局变量', count: p.globals.length },\n    { kind: 'structs', title: '自定义数据类型', count: p.structs.length },\n    { kind: 'dll', title: 'Dll命令', count: p.dllDeclares.length },\n    { kind: 'constants', title: '常量表', count: p.constants.length },\n    { kind: 'resources', title: '图片/声音', count: p.resources.length },\n    { kind: 'forms', title: '资源表', count: p.forms.length },\n    { kind: 'libraries', title: '模块引用表', count: p.libraries.length },\n  ]\n  return all.filter((n) => n.count > 0)\n})\n\nfunction selectClass(classId: number, title: string): void {\n  emit('select', { id: `class:${classId >>> 0}`, kind: 'class', classId, title })\n}\nfunction selectTable(n: TableNode): void {\n  emit('select', { id: n.kind, kind: n.kind, title: n.title })\n}\n</script>\n\n<template>\n  <div class=\"tree\">\n    <div class=\"tree__root\">程序数据</div>\n\n    <div v-for=\"c in program.classes\" :key=\"c.id\" class=\"tree__group\">\n      <div class=\"tree__node\" :class=\"{ 'is-active': activeId === `class:${c.id >>> 0}` }\">\n        <button\n          v-if=\"c.methods.length\"\n          type=\"button\"\n          class=\"tree__caret\"\n          :class=\"{ 'is-open': expanded.has(c.id) }\"\n          @click=\"toggle(c.id)\"\n        >\n          ▶\n        </button>\n        <span v-else class=\"tree__caret tree__caret--empty\" />\n        <button type=\"button\" class=\"tree__label\" @click=\"selectClass(c.id, c.name)\">\n          <span class=\"ico\" :class=\"KIND_ICON[c.kind].cls\">{{ KIND_ICON[c.kind].ch }}</span>\n          <span class=\"tree__name\">{{ c.name }}</span>\n        </button>\n      </div>\n      <div v-if=\"expanded.has(c.id)\" class=\"tree__children\">\n        <button\n          v-for=\"m in c.methods\"\n          :key=\"m.id\"\n          type=\"button\"\n          class=\"tree__method\"\n          @click=\"emit('selectMethod', { classId: c.id, methodId: m.id })\"\n        >\n          <span class=\"ico ico--method\">子</span>\n          <span class=\"tree__name\">{{ m.name }}</span>\n        </button>\n      </div>\n    </div>\n\n    <button\n      v-for=\"n in tableNodes\"\n      :key=\"n.kind\"\n      type=\"button\"\n      class=\"tree__node tree__label tree__table\"\n      :class=\"{ 'is-active': activeId === n.kind }\"\n      @click=\"selectTable(n)\"\n    >\n      <span class=\"ico ico--table\">表</span>\n      <span class=\"tree__name\">{{ n.title }}</span>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n.tree {\n  font-size: 12.5px;\n  padding: 6px 0;\n  user-select: none;\n  color: var(--epl-fg);\n}\n.tree__root {\n  padding: 2px 10px 4px;\n  font-weight: 600;\n  color: var(--epl-th-fg);\n}\n.tree__node {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  width: 100%;\n}\n.tree__node.is-active,\n.tree__table.is-active {\n  background: var(--epl-sel);\n}\n.tree__caret {\n  flex: 0 0 auto;\n  width: 16px;\n  height: 18px;\n  padding: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--epl-gutter);\n  font-size: 8px;\n  transition: transform 0.1s;\n}\n.tree__caret.is-open {\n  transform: rotate(90deg);\n}\n.tree__caret--empty {\n  cursor: default;\n}\n.tree__label {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex: 1 1 auto;\n  min-width: 0;\n  padding: 2px 10px 2px 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  text-align: left;\n  color: inherit;\n  font: inherit;\n}\n.tree__label:hover {\n  color: var(--epl-ident);\n}\n.tree__table {\n  padding-left: 18px;\n}\n.tree__children {\n  display: flex;\n  flex-direction: column;\n}\n.tree__method {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 1px 10px 1px 34px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  text-align: left;\n  color: inherit;\n  font: inherit;\n}\n.tree__method:hover {\n  color: var(--epl-ident);\n}\n.tree__name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ico {\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 15px;\n  height: 15px;\n  border-radius: 3px;\n  font-size: 10px;\n  color: #fff;\n  line-height: 1;\n}\n.ico--static {\n  background: #5b8def;\n}\n.ico--form {\n  background: #8a6fd0;\n}\n.ico--class {\n  background: #2fa37a;\n}\n.ico--method {\n  background: #c0894a;\n}\n.ico--table {\n  background: #888;\n}\n</style>\n"],"mappings":""}