@data_wise/hyper-markdown 1.1.1 → 1.1.2

package/dist/hyper-markdown.es.js

@@ -59529,43 +59529,39 @@ class $Ze {
   /**
    * 渲染所有数据集容器
    */
-  renderDatasets() {
+  async renderDatasets() {
     const e = document.querySelectorAll(".dataset-container");
     if (e.length === 0) {
       this.triggerRenderComplete();
       return;
     }
-    let r = 0;
-    const n = e.length;
-    e.forEach(async (i, a) => {
-      if (i.dataset.rendered) {
-        r++, r === n && this.triggerRenderComplete();
-        return;
-      }
-      try {
-        const s = i.dataset.dataset || "", o = i.dataset.isDatasource === "true" || i.dataset.isDatasource === !0;
-        if (!s.trim())
-          throw new Error("数据集内容为空");
-        let l;
-        if (o)
-          l = await this.parseDataSourceQuery(s);
-        else
-          try {
-            const h = decodeURIComponent(s);
-            l = new Function(`return (${h})`)();
-          } catch {
+    const r = Array.from(e).map(async (n, i) => {
+      if (!n.dataset.rendered)
+        try {
+          const a = n.dataset.dataset || "", s = n.dataset.isDatasource === "true" || n.dataset.isDatasource === !0;
+          if (!a.trim())
+            throw new Error("数据集内容为空");
+          let o;
+          if (s)
+            o = await this.parseDataSourceQuery(a);
+          else
             try {
-              l = JSON.parse(s);
+              const u = decodeURIComponent(a);
+              o = new Function(`return (${u})`)();
             } catch {
-              throw new Error("无法解析数据集配置");
+              try {
+                o = JSON.parse(a);
+              } catch {
+                throw new Error("无法解析数据集配置");
+              }
             }
-          }
-        const u = i.dataset.datasetId || `dataset-${a}`;
-        this.renderDataset(i, l, u), i.dataset.rendered = "true", r++, r === n && this.triggerRenderComplete();
-      } catch (s) {
-        console.error("Error rendering dataset:", s), console.error("Dataset content that caused error:", i.dataset.dataset), i.innerHTML = `<div class="dataset-error">数据集渲染错误: ${s.message}</div>`, r++, r === n && this.triggerRenderComplete();
-      }
+          const l = n.dataset.datasetId || `dataset-${i}`;
+          this.renderDataset(n, o, l), n.dataset.rendered = "true";
+        } catch (a) {
+          console.error("Error rendering dataset:", a), console.error("Dataset content that caused error:", n.dataset.dataset), n.innerHTML = `<div class="dataset-error">数据集渲染错误: ${a.message}</div>`;
+        }
     });
+    await Promise.all(r), this.triggerRenderComplete();
   }
   /**
    * 解析数据源查询格式
@@ -59635,7 +59631,7 @@ class $Ze {
       return;
     }
     const i = this.createDatasetHTML(r, n);
-    e.innerHTML = i, this.datasets.set(n, r), this.dataset[n] = r, this.bindFilterEvents(e, n);
+    e.innerHTML = i, this.datasets.set(n, r), this.dataset[n] = r, this.bindToggleEvent(e, n), this.bindFilterEvents(e, n);
   }
   /**
    * 验证数据集格式 - 现在直接返回true，不进行验证
@@ -59650,54 +59646,60 @@ class $Ze {
     const n = this.getDatasetFields(e), i = this.getDataCount(e), a = e.metadata && e.metadata.sourceId;
     return `
       <div class="dataset-panel">
-        <div class="dataset-header">
-          <h4 class="dataset-title">数据集${a ? " (数据源)" : ""}</h4>
-          <span class="dataset-id">ID: ${r}</span>
-          <span class="dataset-info">${i} 条记录</span>
-          ${a ? `<span class="datasource-info">数据源: ${e.metadata.sourceId}</span>` : ""}
+        <div class="dataset-header" data-dataset-id="${r}">
+          <div class="dataset-header-content">
+            <svg class="dataset-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+              <path d="M324.576 786.272l0-109.728q0-8-5.152-13.152t-13.152-5.152l-182.848 0q-8 0-13.152 5.152t-5.152 13.152l0 109.728q0 8 5.152 13.152t13.152 5.152l182.848 0q8 0 13.152-5.152t5.152-13.152zM324.576 566.848l0-109.728q0-8-5.152-13.152t-13.152-5.152l-182.848 0q-8 0-13.152 5.152t-5.152 13.152l0 109.728q0 8 5.152 13.152t13.152 5.152l182.848 0q8 0 13.152-5.152t5.152-13.152zM617.152 786.272l0-109.728q0-8-5.152-13.152t-13.152-5.152l-182.848 0q-8 0-13.152 5.152t-5.152 13.152l0 109.728q0 8 5.152 13.152t13.152 5.152l182.848 0q8 0 13.152-5.152t5.152-13.152zM324.576 347.424l0-109.728q0-8-5.152-13.152t-13.152-5.152l-182.848 0q-8 0-13.152 5.152t-5.152 13.152l0 109.728q0 8 5.152 13.152t13.152 5.152l182.848 0q8 0 13.152-5.152t5.152-13.152zM617.152 566.848l0-109.728q0-8-5.152-13.152t-13.152-5.152l-182.848 0q-8 0-13.152 5.152t-5.152 13.152l0 109.728q0 8 5.152 13.152t13.152 5.152l182.848 0q8 0 13.152-5.152t5.152-13.152zM909.728 786.272l0-109.728q0-8-5.152-13.152t-13.152-5.152l-182.848 0q-8 0-13.152 5.152t-5.152 13.152l0 109.728q0 8 5.152 13.152t13.152 5.152l182.848 0q8 0 13.152-5.152t5.152-13.152zM617.152 347.424l0-109.728q0-8-5.152-13.152t-13.152-5.152l-182.848 0q-8 0-13.152 5.152t-5.152 13.152l0 109.728q0 8 5.152 13.152t13.152 5.152l182.848 0q8 0 13.152-5.152t5.152-13.152zM909.728 566.848l0-109.728q0-8-5.152-13.152t-13.152-5.152l-182.848 0q-8 0-13.152 5.152t-5.152 13.152l0 109.728q0 8 5.152 13.152t13.152 5.152l182.848 0q8 0 13.152-5.152t5.152-13.152zM909.728 347.424l0-109.728q0-8-5.152-13.152t-13.152-5.152l-182.848 0q-8 0-13.152 5.152t-5.152 13.152l0 109.728q0 8 5.152 13.152t13.152 5.152l182.848 0q8 0 13.152-5.152t5.152-13.152zM982.848 164.576l0 621.728q0 37.728-26.848 64.576t-64.576 26.848l-768 0q-37.728 0-64.576-26.848t-26.848-64.576l0-621.728q0-37.728 26.848-64.576t64.576-26.848l768 0q37.728 0 64.576 26.848t26.848 64.576z" />
+            </svg>
+            <span class="dataset-id">${r}</span>
+            <span class="dataset-info">${i} 条记录</span>
+            ${a ? `<span class="datasource-info">数据源: ${e.metadata.sourceId}</span>` : ""}
+          </div>
         </div>
         
-        <div class="dataset-filters">
-          <div class="filter-section">
-            <div class="data-filters">
-              <div class="condition-builder">
-                <select class="condition-field">
-                  <option value="">选择字段</option>
-                  ${n.map((s) => `<option value="${s}">${s}</option>`).join("")}
-                </select>
-                <select class="condition-operator">
-                  <option value="contains">包含</option>
-                  <option value="equals">等于</option>
-                  <option value="not-equals">不等于</option>
-                  <option value="starts-with">开头是</option>
-                  <option value="ends-with">结尾是</option>
-                  <option value="greater-than">大于</option>
-                  <option value="greater-than-equals">大于等于</option>
-                  <option value="less-than">小于</option>
-                  <option value="less-than-equals">小于等于</option>
-                </select>
-                <input type="text" class="condition-value" placeholder="输入值">
-                <button class="condition-add-btn" data-action="add-condition">添加筛选</button>
-                <button class="action-btn" data-action="preview">预览</button>
-                <button class="action-btn" data-action="export">导出</button>
+        <div class="dataset-content" style="display: none;">
+          <div class="dataset-filters">
+            <div class="filter-section">
+              <div class="data-filters">
+                <div class="condition-builder">
+                  <select class="condition-field">
+                    <option value="">选择字段</option>
+                    ${n.map((s) => `<option value="${s}">${s}</option>`).join("")}
+                  </select>
+                  <select class="condition-operator">
+                    <option value="contains">包含</option>
+                    <option value="equals">等于</option>
+                    <option value="not-equals">不等于</option>
+                    <option value="starts-with">开头是</option>
+                    <option value="ends-with">结尾是</option>
+                    <option value="greater-than">大于</option>
+                    <option value="greater-than-equals">大于等于</option>
+                    <option value="less-than">小于</option>
+                    <option value="less-than-equals">小于等于</option>
+                  </select>
+                  <input type="text" class="condition-value" placeholder="输入值">
+                  <button class="condition-add-btn" data-action="add-condition">添加筛选</button>
+                  <button class="action-btn" data-action="preview">预览</button>
+                  <button class="action-btn" data-action="export">导出</button>
+                </div>
+                <div class="condition-tags" style="display: none;"></div>
               </div>
-              <div class="condition-tags" style="display: none;"></div>
             </div>
           </div>
-        </div>
-        
-        <div class="dataset-preview" style="display: none;">
-          <div class="preview-table-container">
-            <table class="preview-table">
-              <thead>
-                <tr>
-                  ${n.map((s) => `<th>${s}</th>`).join("")}
-                </tr>
-              </thead>
-              <tbody>
-                ${this.getPreviewRows(e, n, 5).join("")}
-              </tbody>
-            </table>
+          
+          <div class="dataset-preview" style="display: none;">
+            <div class="preview-table-container">
+              <table class="preview-table">
+                <thead>
+                  <tr>
+                    ${n.map((s) => `<th>${s}</th>`).join("")}
+                  </tr>
+                </thead>
+                <tbody>
+                  ${this.getPreviewRows(e, n, 5).join("")}
+                </tbody>
+              </table>
+            </div>
           </div>
         </div>
       </div>
@@ -59737,6 +59739,15 @@ class $Ze {
       }
     return i;
   }
+  /**
+   * 绑定折叠/展开事件
+   */
+  bindToggleEvent(e, r) {
+    const n = e.querySelector(".dataset-header"), i = e.querySelector(".dataset-content");
+    n && i && (n.style.cursor = "pointer", n.addEventListener("click", () => {
+      i.style.display === "block" ? (i.style.display = "none", n.classList.remove("expanded")) : (i.style.display = "block", n.classList.add("expanded"));
+    }));
+  }
   /**
    * 绑定筛选器事件
    */
@@ -60032,7 +60043,9 @@ class $Ze {
           var o, l;
           s.nodeType === Node.ELEMENT_NODE && ((o = s.classList) != null && o.contains("dataset-container") || (l = s.querySelector) != null && l.call(s, ".dataset-container")) && (i = !0);
         });
-      }), i && this.renderDatasets();
+      }), i && this.renderDatasets().catch((a) => {
+        console.error("Dataset 渲染失败:", a);
+      });
     }), this.observer.observe(r, {
       childList: !0,
       subtree: !0
@@ -104073,21 +104086,24 @@ function Uvt() {
       border: none;
       background: transparent;
       min-height: 100px;
+      /* 消除inline-block元素间的空白间隙 */
+      margin-right: -4px;
     }
     
     /* Cell宽度类 - 基于12列栅格系统 */
-    .cell-1 { width: 8.333%; }  /* 1/12 = 8.333% */
-    .cell-2 { width: 16.667%; } /* 2/12 = 16.667% */
-    .cell-3 { width: 25%; }     /* 3/12 = 25% */
-    .cell-4 { width: 33.333%; } /* 4/12 = 33.333% */
-    .cell-5 { width: 41.667%; } /* 5/12 = 41.667% */
-    .cell-6 { width: 50%; }     /* 6/12 = 50% */
-    .cell-7 { width: 58.333%; } /* 7/12 = 58.333% */
-    .cell-8 { width: 66.667%; } /* 8/12 = 66.667% */
-    .cell-9 { width: 75%; }     /* 9/12 = 75% */
-    .cell-10 { width: 83.333%; } /* 10/12 = 83.333% */
-    .cell-11 { width: 91.667%; } /* 11/12 = 91.667% */
-    .cell-12 { width: 100%; }   /* 12/12 = 100% */
+    /* 使用精确的小数位数避免四舍五入导致的宽度超标 */
+    .cell-1 { width: 8.3333333333%; }  /* 1/12 */
+    .cell-2 { width: 16.6666666667%; } /* 2/12 */
+    .cell-3 { width: 25%; }            /* 3/12 */
+    .cell-4 { width: 33.3333333333%; } /* 4/12 */
+    .cell-5 { width: 41.6666666667%; } /* 5/12 */
+    .cell-6 { width: 50%; }            /* 6/12 */
+    .cell-7 { width: 58.3333333333%; } /* 7/12 */
+    .cell-8 { width: 66.6666666667%; } /* 8/12 */
+    .cell-9 { width: 75%; }            /* 9/12 */
+    .cell-10 { width: 83.3333333333%; } /* 10/12 */
+    .cell-11 { width: 91.6666666667%; } /* 11/12 */
+    .cell-12 { width: 100%; }          /* 12/12 */
     
     /* 确保cell内的内容不会溢出 */
     .md-cell > * {
@@ -104098,7 +104114,14 @@ function Uvt() {
     .md-cell .echarts-container,
     .md-cell .mermaid {
       width: 100%;
-      margin: 0;
+    }
+    
+    /* 确保 cell 内的 Mermaid 图表正确显示 */
+    .md-cell .mermaid {
+      min-height: 200px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
   `, document.head.appendChild(t);
 }
@@ -141112,26 +141135,15 @@ const Q7t = /* @__PURE__ */ s6e(I7t, [["render", V7t], ["__scopeId", "data-v-3f2
         this.renderWithQueue();
       });
     },
-    renderWithQueue() {
+    async renderWithQueue() {
       this.renderTimeout && (clearTimeout(this.renderTimeout), this.renderTimeout = null);
       try {
-        this.datasetRenderer.renderDatasets();
-        const t = () => {
-          document.removeEventListener("datasetsRendered", t);
-          try {
-            this.chartRenderer.processEChartsElements(), this.mermaidRenderer.renderMermaidCharts();
-          } catch (e) {
-            console.warn("图表渲染失败，但编辑功能仍可用:", e);
-          }
-        };
-        document.addEventListener("datasetsRendered", t), this.renderTimeout = setTimeout(() => {
-          document.removeEventListener("datasetsRendered", t);
-          try {
-            this.chartRenderer.processEChartsElements(), this.mermaidRenderer.renderMermaidCharts();
-          } catch (e) {
-            console.warn("图表渲染超时失败，但编辑功能仍可用:", e);
-          }
-        }, 1e3);
+        await this.datasetRenderer.renderDatasets();
+        try {
+          this.chartRenderer.processEChartsElements(), this.mermaidRenderer.renderMermaidCharts();
+        } catch (t) {
+          console.warn("图表渲染失败，但编辑功能仍可用:", t);
+        }
       } catch (t) {
         console.warn("渲染过程中发生错误，但编辑功能仍可用:", t);
       }
@@ -141250,7 +141262,7 @@ function H7t(t, e, r, n, i, a) {
     }, null, 8, ["visible", "content", "component-type", "onSave", "onClose"])
   ]);
 }
-const Mfr = /* @__PURE__ */ s6e(q7t, [["render", H7t], ["__scopeId", "data-v-afdbc7b3"]]);
+const Mfr = /* @__PURE__ */ s6e(q7t, [["render", H7t], ["__scopeId", "data-v-9969e5e7"]]);
 class Wo {
   // The + prefix indicates that these fields aren't writeable
   // Lexer holding the input string.