@data_wise/hyper-markdown 1.5.3 → 1.5.5

package/dist/hyper-markdown.es.js

@@ -65880,6 +65880,12 @@ class R0t extends Xk {
   setDataSourceFunctions(e) {
     this.dataSourceFunctions = e;
   }
+  // 获取容器行号（如果存在）
+  _getLineNumber(e) {
+    var n;
+    const r = (n = e == null ? void 0 : e.dataset) == null ? void 0 : n.lineStart;
+    return r ? parseInt(r, 10) : null;
+  }
   /**
    * 渲染所有数据集容器
    */
@@ -65892,53 +65898,54 @@ class R0t extends Xk {
     const r = Array.from(e).map(async (a, s) => {
       if (a.dataset.rendered)
         return;
-      const o = a.dataset.originalCode || a.textContent || a.dataset.dataset || "", l = a.dataset.datasetId || `dataset-${s}`;
+      const o = a.dataset.originalCode || a.textContent || a.dataset.dataset || "", l = a.dataset.datasetId || `dataset-${s}`, u = this._getLineNumber(a);
       try {
-        const u = a.dataset.dataset || "", h = a.dataset.isDatasource === "true" || a.dataset.isDatasource === !0;
-        if (!u.trim())
+        const h = a.dataset.dataset || "", d = a.dataset.isDatasource === "true" || a.dataset.isDatasource === !0;
+        if (!h.trim())
           throw new Error("数据集内容为空");
-        let d;
-        if (h)
-          d = await this.parseDataSourceQuery(u);
+        let f;
+        if (d)
+          f = await this.parseDataSourceQuery(h);
         else
           try {
-            d = new Function(`return (${u})`)();
+            f = new Function(`return (${h})`)();
           } catch {
             try {
-              d = JSON.parse(u);
+              f = JSON.parse(h);
             } catch {
               throw new Error("无法解析数据集配置");
             }
           }
-        this.renderDataset(a, d, l), a.dataset.rendered = "true";
-      } catch (u) {
+        this.renderDataset(a, f, l), a.dataset.rendered = "true";
+      } catch (h) {
         console.error("❌ Dataset 渲染错误详情:", {
-          message: u.message,
-          name: u.name,
-          stack: u.stack,
+          message: h.message,
+          name: h.name,
+          stack: h.stack,
           datasetId: l,
           code: o
         });
-        const h = `
+        const d = `
           <div class="dataset-error" style="user-select: text; cursor: text; white-space: pre-wrap; word-wrap: break-word;">
 ❌ 数据集渲染错误
 
-错误信息: ${u.message}
+错误信息: ${h.message}
 
-${u.stack ? `堆栈信息:
-${u.stack}` : ""}
+${h.stack ? `堆栈信息:
+${h.stack}` : ""}
 
 数据集ID: ${l}
           </div>
         `;
-        throw a.innerHTML = h, this.addError({
+        throw a.innerHTML = d, this.addError({
           type: "Dataset",
-          message: u.message,
+          message: h.message,
           code: o,
           datasetId: l,
-          stack: u.stack,
-          timestamp: Date.now()
-        }), u;
+          stack: h.stack,
+          timestamp: Date.now(),
+          line: u
+        }), h;
       }
     }), i = (await Promise.allSettled(r)).filter((a) => a.status === "rejected");
     i.length > 0 && (console.error(`
@@ -66012,32 +66019,34 @@ ${"=".repeat(60)}`), console.error(`❌ ${i.length} 个数据集渲染失败`),
    * 渲染单个数据集
    */
   renderDataset(e, r, n) {
+    const i = this._getLineNumber(e);
     try {
       if (!this.validateDataset(r)) {
         console.error("Dataset validation failed for dataset:", r), console.error("Dataset ID:", n), e.innerHTML = '<div class="dataset-error">数据集格式错误</div>';
         return;
       }
-      const i = this.createDatasetHTML(r, n);
-      e.innerHTML = i, this.datasets.set(n, r), this.dataset[n] = r, this.bindToggleEvent(e, n), this.bindFilterEvents(e, n);
-    } catch (i) {
+      const a = this.createDatasetHTML(r, n);
+      e.innerHTML = a, this.datasets.set(n, r), this.dataset[n] = r, this.bindToggleEvent(e, n), this.bindFilterEvents(e, n);
+    } catch (a) {
       throw console.error("❌ Dataset renderDataset 错误详情:", {
-        message: i.message,
-        name: i.name,
-        stack: i.stack,
+        message: a.message,
+        name: a.name,
+        stack: a.stack,
         datasetId: n
       }), e.innerHTML = `<div class="dataset-error" style="user-select: text; cursor: text; white-space: pre-wrap; word-wrap: break-word;">
-❌ 数据集渲染错误: ${i.message}
+❌ 数据集渲染错误: ${a.message}
 
-${i.stack ? `堆栈信息:
-${i.stack}` : ""}
+${a.stack ? `堆栈信息:
+${a.stack}` : ""}
 
 数据集ID: ${n}
 </div>`, this.addError({
         type: "Dataset",
-        message: i.message,
+        message: a.message,
         code: `datasetId: ${n}`,
-        stack: i.stack
-      }), i;
+        stack: a.stack,
+        line: i
+      }), a;
     }
   }
   /**
@@ -66198,32 +66207,33 @@ ${i.stack}` : ""}
    * 显示预览数据
    */
   showPreview(e, r) {
-    const n = e.querySelector(".dataset-preview");
+    const n = e.querySelector(".dataset-preview"), i = this._getLineNumber(e);
     try {
-      let i = this.dataset[r];
-      if (i || (i = this.datasets.get(r)), i) {
-        const a = this.getDatasetFields(i), s = this.getPreviewRows(i, a, 5), o = n.querySelector("tbody");
-        o.innerHTML = s.join(""), this.addPagination(e, r, i, a);
+      let a = this.dataset[r];
+      if (a || (a = this.datasets.get(r)), a) {
+        const s = this.getDatasetFields(a), o = this.getPreviewRows(a, s, 5), l = n.querySelector("tbody");
+        l.innerHTML = o.join(""), this.addPagination(e, r, a, s);
       } else {
-        const a = n.querySelector("tbody");
-        a.innerHTML = '<tr><td colspan="100">数据集不存在</td></tr>';
+        const s = n.querySelector("tbody");
+        s.innerHTML = '<tr><td colspan="100">数据集不存在</td></tr>';
       }
       n.style.display = "block";
-    } catch (i) {
+    } catch (a) {
       console.error("❌ Dataset 预览错误详情:", {
-        message: i.message,
-        name: i.name,
-        stack: i.stack,
+        message: a.message,
+        name: a.name,
+        stack: a.stack,
         datasetId: r
       });
-      const a = n.querySelector("tbody");
-      a.innerHTML = `<tr><td colspan="100" style="color: red; white-space: pre-wrap;">预览错误: ${i.message}
+      const s = n.querySelector("tbody");
+      s.innerHTML = `<tr><td colspan="100" style="color: red; white-space: pre-wrap;">预览错误: ${a.message}
 
-${i.stack || ""}</td></tr>`, this.addError({
+${a.stack || ""}</td></tr>`, this.addError({
         type: "Dataset",
-        message: `预览错误: ${i.message}`,
+        message: `预览错误: ${a.message}`,
         code: `datasetId: ${r}`,
-        stack: i.stack
+        stack: a.stack,
+        line: i
       }), n.style.display = "block";
     }
   }
@@ -66292,7 +66302,8 @@ ${l.stack || ""}</td></tr>`, this.addError({
         type: "Dataset",
         message: `分页更新错误: ${l.message}`,
         code: `datasetId: ${r}`,
-        stack: l.stack
+        stack: l.stack,
+        line: this._getLineNumber(e)
       });
     }
   }
@@ -66531,27 +66542,28 @@ function k0t(t) {
     return s.renderToken(r, n, i);
   };
   t.renderer.rules.fence = (r, n, i, a, s) => {
-    const o = r[n], l = o.content.trim(), u = o.info.trim();
+    var f, p;
+    const o = r[n], l = o.content.trim(), u = o.info.trim(), h = (((f = o.map) == null ? void 0 : f[0]) ?? n) + 1, d = ((p = o.map) == null ? void 0 : p[1]) ?? h;
     if (u.startsWith("dataset"))
       try {
-        let h = `dataset-${n}-${Date.now()}`;
-        const d = u.match(/datasetId:\s*(\S+)/);
-        d && d[1] && (h = d[1]);
-        const f = u.includes("datasourceId:");
-        let p = l;
-        if (f) {
-          const v = u.match(/datasourceId:\s*(\S+)/);
-          v && v[1] && (p = `datasetId: ${d ? d[1] : h} datasourceId: ${v[1]}
+        let g = `dataset-${n}-${Date.now()}`;
+        const m = u.match(/datasetId:\s*(\S+)/);
+        m && m[1] && (g = m[1]);
+        const A = u.includes("datasourceId:");
+        let v = l;
+        if (A) {
+          const S = u.match(/datasourceId:\s*(\S+)/);
+          S && S[1] && (v = `datasetId: ${m ? m[1] : g} datasourceId: ${S[1]}
 ${l}`);
         }
-        const g = p.replace(/'/g, "&#39;").replace(/"/g, "&quot;"), A = `\`\`\`${u}
+        const y = v.replace(/'/g, "&#39;").replace(/"/g, "&quot;"), b = `\`\`\`${u}
 ${l}
 \`\`\``.replace(/'/g, "&#39;").replace(/"/g, "&quot;");
         return `
-          <div class="dataset-container" data-dataset="${g}" data-dataset-id="${h}" data-is-datasource="${f}" data-original-code="${A}">${l}</div>
+          <div class="dataset-container" data-dataset="${y}" data-dataset-id="${g}" data-is-datasource="${A}" data-original-code="${b}" data-line-start="${h}" data-line-end="${d}">${l}</div>
         `;
-      } catch (h) {
-        return `<pre class="error">Invalid dataset configuration: ${h.message}</pre>`;
+      } catch (g) {
+        return `<pre class="error">Invalid dataset configuration: ${g.message}</pre>`;
       }
     return e(r, n, i, a, s);
   };
@@ -110664,6 +110676,12 @@ class IDt extends Xk {
   setTheme(e) {
     this.theme = e === "dark" ? "dark" : null;
   }
+  // 获取容器行号（如果存在）
+  _getLineNumber(e) {
+    var n;
+    const r = (n = e == null ? void 0 : e.dataset) == null ? void 0 : n.lineStart;
+    return r ? parseInt(r, 10) : null;
+  }
   /**
    * 解析配置代码（提取公共方法）
    */
@@ -110833,7 +110851,8 @@ ${i}
         type: "ECharts",
         message: d.message,
         code: i,
-        stack: d.stack
+        stack: d.stack,
+        line: this._getLineNumber(e)
       }), d;
     }
     const s = (l = a.series) == null ? void 0 : l.find((d) => d.type === "map");
@@ -110845,7 +110864,8 @@ ${i}
           type: "ECharts",
           message: `地图数据加载失败: ${d.message}`,
           code: n,
-          stack: d.stack
+          stack: d.stack,
+          line: this._getLineNumber(e)
         }), d;
       }
     let o = e._echartsInstance;
@@ -110900,7 +110920,8 @@ ${s.stack}` : ""}
             type: "ECharts",
             message: s.message,
             code: a.dataset.options,
-            stack: s.stack
+            stack: s.stack,
+            line: this._getLineNumber(a)
           }), s;
         }
       }), i = (await Promise.allSettled(r)).filter((a) => a.status === "rejected");
@@ -110958,7 +110979,8 @@ ${s.stack}` : ""}
             type: "ECharts",
             message: s.message,
             code: a.dataset.options,
-            stack: s.stack
+            stack: s.stack,
+            line: this._getLineNumber(a)
           }), s;
         }
       }), i = (await Promise.allSettled(r)).filter((a) => a.status === "rejected");
@@ -110990,14 +111012,15 @@ function NDt(t) {
     return s.renderToken(r, n, i);
   };
   t.renderer.rules.fence = (r, n, i, a, s) => {
-    const o = r[n], l = o.content.trim();
-    if (o.info.trim() === "echarts")
+    var f, p;
+    const o = r[n], l = o.content.trim(), u = o.info.trim(), h = (((f = o.map) == null ? void 0 : f[0]) ?? n) + 1, d = ((p = o.map) == null ? void 0 : p[1]) ?? h;
+    if (u === "echarts")
       try {
         return `
-          <div class="echarts-container" data-options="${l.replace(/"/g, "&quot;")}"></div>
+          <div class="echarts-container" data-options="${l.replace(/"/g, "&quot;")}" data-line-start="${h}" data-line-end="${d}"></div>
         `;
-      } catch (h) {
-        return `<pre class="error">ECharts配置处理错误: ${h.message}</pre>`;
+      } catch (g) {
+        return `<pre class="error">ECharts配置处理错误: ${g.message}</pre>`;
       }
     return e(r, n, i, a, s);
   };
@@ -111026,6 +111049,7 @@ function LDt(t) {
           return `</div>
 `;
       } catch (a) {
+        const s = e[r].map ? e[r].map[0] + 1 : null;
         return console.error("❌ Container 渲染错误详情:", {
           message: a.message,
           name: a.name,
@@ -111035,7 +111059,8 @@ function LDt(t) {
           type: "Container",
           message: a.message,
           code: e[r].info,
-          stack: a.stack
+          stack: a.stack,
+          line: s
         }), `<div class="container-error" style="user-select: text; cursor: text; white-space: pre-wrap; word-wrap: break-word;">
 ❌ Container 渲染错误: ${a.message}
 
@@ -111063,6 +111088,7 @@ ${a.stack}` : ""}
             return `</div>
 `;
         } catch (i) {
+          const a = r[n].map ? r[n].map[0] + 1 : null;
           return console.error("❌ Container 渲染错误详情:", {
             message: i.message,
             name: i.name,
@@ -111072,7 +111098,8 @@ ${a.stack}` : ""}
             type: "Container",
             message: i.message,
             code: r[n].info,
-            stack: i.stack
+            stack: i.stack,
+            line: a
           }), `<div class="container-error" style="user-select: text; cursor: text; white-space: pre-wrap; word-wrap: break-word;">
 ❌ Container 渲染错误: ${i.message}
 
@@ -135403,6 +135430,12 @@ class aJt extends Xk {
   constructor() {
     super(), this.mermaidInstance = iJt, this.renderQueue = [], this.isRendering = !1, this.idCounter = 0, this.initialized = !1, this.currentTheme = "default";
   }
+  // 获取容器行号（如果存在）
+  _getLineNumber(e) {
+    var n;
+    const r = (n = e == null ? void 0 : e.dataset) == null ? void 0 : n.lineStart;
+    return r ? parseInt(r, 10) : null;
+  }
   /**
    * 初始化 Mermaid
    * @param {string} theme - 主题名称 ('default' 或 'dark')
@@ -135540,7 +135573,8 @@ ${r}
         type: "Mermaid",
         message: i.message || String(i),
         code: r,
-        stack: i.stack
+        stack: i.stack,
+        line: this._getLineNumber(e)
       }), i;
     }
   }
@@ -135600,9 +135634,10 @@ function sJt(t) {
     return s.renderToken(r, n, i);
   };
   t.renderer.rules.fence = (r, n, i, a, s) => {
-    const o = r[n], l = o.content.trim();
-    return o.info.trim() === "mermaid" ? `
-        <div class="mermaid">
+    var f, p;
+    const o = r[n], l = o.content.trim(), u = o.info.trim(), h = (((f = o.map) == null ? void 0 : f[0]) ?? n) + 1, d = ((p = o.map) == null ? void 0 : p[1]) ?? h;
+    return u === "mermaid" ? `
+        <div class="mermaid" data-line-start="${h}" data-line-end="${d}">
           ${l}
         </div>
       ` : e(r, n, i, a, s);
@@ -135780,6 +135815,12 @@ class uJt extends Xk {
   setTheme(e) {
     this.theme = e;
   }
+  // 获取容器行号（如果存在）
+  _getLineNumber(e) {
+    var n;
+    const r = (n = e == null ? void 0 : e.dataset) == null ? void 0 : n.lineStart;
+    return r ? parseInt(r, 10) : null;
+  }
   /**
    * 解析配置代码
    */
@@ -135829,7 +135870,8 @@ ${i}
         type: "D3",
         message: a.message,
         code: n,
-        stack: a.stack
+        stack: a.stack,
+        line: this._getLineNumber(e)
       }), a;
     }
   }
@@ -135975,7 +136017,8 @@ ${s.stack}` : ""}
             type: "D3",
             message: s.message,
             code: a.dataset.config,
-            stack: s.stack
+            stack: s.stack,
+            line: this._getLineNumber(a)
           }), s;
         }
       }), i = (await Promise.allSettled(r)).filter((a) => a.status === "rejected");
@@ -136033,7 +136076,8 @@ ${s.stack}` : ""}
             type: "D3",
             message: s.message,
             code: a.dataset.config,
-            stack: s.stack
+            stack: s.stack,
+            line: this._getLineNumber(a)
           }), s;
         }
       }), i = (await Promise.allSettled(r)).filter((a) => a.status === "rejected");
@@ -136060,14 +136104,15 @@ function hJt(t) {
     return s.renderToken(r, n, i);
   };
   t.renderer.rules.fence = (r, n, i, a, s) => {
-    const o = r[n], l = o.content.trim(), u = o.info.trim();
+    var f, p;
+    const o = r[n], l = o.content.trim(), u = o.info.trim(), h = (((f = o.map) == null ? void 0 : f[0]) ?? n) + 1, d = ((p = o.map) == null ? void 0 : p[1]) ?? h;
     if (u === "d3" || u === "d3js")
       try {
         return `
-          <div class="d3-container" data-config="${l.replace(/"/g, "&quot;")}"></div>
+          <div class="d3-container" data-config="${l.replace(/"/g, "&quot;")}" data-line-start="${h}" data-line-end="${d}"></div>
         `;
-      } catch (h) {
-        return `<pre class="error">D3配置处理错误: ${h.message}</pre>`;
+      } catch (g) {
+        return `<pre class="error">D3配置处理错误: ${g.message}</pre>`;
       }
     return e(r, n, i, a, s);
   };
@@ -175581,48 +175626,101 @@ const U1r = {
         ...this.d3Renderer.getErrors(),
         ...sB.getErrors()
       ].forEach((n) => {
-        const i = this.findErrorLocation(n.message, e, n.type, n.code);
-        i && t.push(i);
+        const i = this.findErrorLocation(
+          n.message,
+          e,
+          n.type,
+          n.code,
+          n.line
+        );
+        i ? t.push(i) : n && n.message && t.push({
+          line: typeof n.line == "number" && n.line > 0 ? n.line : -1,
+          lineEnd: typeof n.line == "number" && n.line > 0 ? n.line : -1,
+          type: n.type || "Unknown",
+          message: n.message,
+          code: n.code || "",
+          severity: "error"
+        });
       }), this.renderErrors = t, this.$emit("errors", t);
     },
-    findErrorLocation(t, e, r = null, n = null) {
-      let i = -1, a = r || "Unknown", s = t;
-      r || (t.includes("ECharts") ? a = "ECharts" : t.includes("D3") ? a = "D3" : t.includes("数据集") || t.includes("dataset") ? a = "Dataset" : t.includes("Mermaid") && (a = "Mermaid"));
-      let o = -1;
-      for (let l = 0; l < e.length; l++) {
-        const u = e[l];
-        a === "ECharts" && u.includes("```echarts") || a === "D3" && (u.includes("```d3") || u.includes("```d3js")) || (a === "Dataset" && u.includes("```dataset") ? n && n.includes(u.trim()) && (o = l + 1) : a === "Mermaid" && u.includes("```mermaid") || a === "Container" && u.includes("::: cell"));
-      }
-      if (o > 0 && (i = o), i > 0) {
-        const l = Math.max(0, i - 1);
-        let u = l + 1;
-        if (a === "Container") {
-          for (let f = l + 1; f < e.length; f++)
-            if (e[f].trim() === ":::") {
-              u = f + 1;
+    findErrorLocation(t, e, r = null, n = null, i = null) {
+      let a = -1, s = r || "Unknown", o = t;
+      if (typeof i == "number" && i > 0 && (a = i), r || (t.includes("ECharts") ? s = "ECharts" : t.includes("D3") ? s = "D3" : t.includes("数据集") || t.includes("dataset") ? s = "Dataset" : t.includes("Mermaid") && (s = "Mermaid")), a > 0) {
+        const { codeSnippet: h, startLine: d, endLine: f } = this._extractBlockByLine(e, a, s) || {}, p = o.replace(/^(ECharts|数据集|Mermaid|Container)(渲染|配置处理)?错误:\s*/i, "").replace(/\s*at\s+.*$/gm, "").split(`
+`)[0].trim();
+        if (d)
+          return {
+            line: d,
+            type: s,
+            message: p,
+            code: h,
+            severity: "error",
+            lineEnd: f
+          };
+      }
+      let l = [], u = -1;
+      for (let h = 0; h < e.length; h++) {
+        const d = e[h];
+        s === "ECharts" && d.includes("```echarts") || s === "D3" && (d.includes("```d3") || d.includes("```d3js")) ? l.push(h + 1) : s === "Dataset" && d.includes("```dataset") ? (l.push(h + 1), n && n.includes(d.trim()) && (u = h + 1)) : (s === "Mermaid" && d.includes("```mermaid") || s === "Container" && d.includes("::: cell")) && l.push(h + 1);
+      }
+      if (u > 0 ? a = u : l.length > 0 && (a = l[l.length - 1]), a > 0) {
+        const h = Math.max(0, a - 1);
+        let d = h + 1;
+        if (s === "Container") {
+          for (let g = h + 1; g < e.length; g++)
+            if (e[g].trim() === ":::") {
+              d = g + 1;
               break;
             }
         } else
-          for (let f = l + 1; f < e.length; f++)
-            if (e[f].trim() === "```") {
-              u = f + 1;
+          for (let g = h + 1; g < e.length; g++)
+            if (e[g].trim() === "```") {
+              d = g + 1;
               break;
             }
-        u = Math.min(e.length, u);
-        const h = e.slice(l, u).join(`
+        d = Math.min(e.length, d);
+        const f = e.slice(h, d).join(`
 `);
-        let d = s.replace(/^(ECharts|数据集|Mermaid|Container)(渲染|配置处理)?错误:\s*/i, "").replace(/\s*at\s+.*$/gm, "").split(`
+        let p = o.replace(/^(ECharts|数据集|Mermaid|Container)(渲染|配置处理)?错误:\s*/i, "").replace(/\s*at\s+.*$/gm, "").split(`
 `)[0].trim();
         return {
-          line: i,
-          type: a,
-          message: d,
-          code: h,
+          line: a,
+          type: s,
+          message: p,
+          code: f,
           severity: "error"
         };
       }
       return null;
     },
+    /**
+     * 根据行号提取对应的代码块片段
+     */
+    _extractBlockByLine(t, e, r) {
+      const n = r === "Container", i = n ? ":::" : "```", a = e - 1;
+      let s = a, o = a;
+      for (let l = a; l >= 0; l--) {
+        const u = t[l].trim();
+        if (!n && u.startsWith("```") || n && u.startsWith(":::")) {
+          s = l;
+          break;
+        }
+      }
+      for (let l = a + 1; l < t.length; l++) {
+        const u = t[l].trim();
+        if (!n && u === "```" || n && u === ":::") {
+          o = l;
+          break;
+        }
+      }
+      return o < s && (o = Math.min(t.length - 1, a + 3)), {
+        codeSnippet: t.slice(s, o + 1).join(`
+`),
+        startLine: s + 1,
+        endLine: o + 1,
+        marker: i
+      };
+    },
     handleEditSave(t) {
       if (this.currentComponentId && this.currentComponentType) {
         const e = this.currentTokenStart, r = this.currentTokenEnd;
@@ -175786,7 +175884,7 @@ function H1r(t, e, r, n, i, a) {
     }, null, 8, ["visible", "content", "component-type", "onSave", "onClose"])
   ], 14, Q1r);
 }
-const t$r = /* @__PURE__ */ Oue(U1r, [["render", H1r], ["__scopeId", "data-v-43b57683"]]);
+const t$r = /* @__PURE__ */ Oue(U1r, [["render", H1r], ["__scopeId", "data-v-d65d3d55"]]);
 var q1r = "[object Symbol]";
 function vy(t) {
   return typeof t == "symbol" || ih(t) && Gg(t) == q1r;