@data_wise/hyper-markdown 1.4.2 → 1.5.1

package/dist/assets/d3-k8s2dDE-.js

@@ -0,0 +1,322 @@
+const t=`
+# D3.js 可视化示例
+
+## 1. 简单柱状图（JSON 配置）
+
+\`\`\`d3
+{
+  "type": "bar",
+  "data": [30, 86, 168, 281, 303, 365],
+  "width": 600,
+  "height": 400,
+  "color": "#5470c6"
+}
+\`\`\`
+
+## 2. 折线图（JSON 配置）
+
+\`\`\`d3
+{
+  "type": "line",
+  "data": [120, 200, 150, 80, 70, 110, 130],
+  "width": 600,
+  "height": 400,
+  "color": "#91cc75"
+}
+\`\`\`
+
+## 3. 饼图（JSON 配置）
+
+\`\`\`d3
+{
+  "type": "pie",
+  "data": [
+    { "name": "产品A", "value": 335 },
+    { "name": "产品B", "value": 310 },
+    { "name": "产品C", "value": 234 },
+    { "name": "产品D", "value": 135 },
+    { "name": "产品E", "value": 148 }
+  ],
+  "width": 600,
+  "height": 400,
+  "nameField": "name",
+  "valueField": "value"
+}
+\`\`\`
+
+## 4. 散点图（JSON 配置）
+
+\`\`\`d3
+{
+  "type": "scatter",
+  "data": [
+    { "x": 10, "y": 20 },
+    { "x": 20, "y": 35 },
+    { "x": 30, "y": 25 },
+    { "x": 40, "y": 45 },
+    { "x": 50, "y": 40 },
+    { "x": 60, "y": 55 }
+  ],
+  "width": 600,
+  "height": 400,
+  "xField": "x",
+  "yField": "y",
+  "color": "#ee6666",
+  "radius": 5
+}
+\`\`\`
+
+## 5. 使用 Dataset 的柱状图
+
+\`\`\`dataset datasetId: sales_data
+{
+  dimensions: ["月份", "销售额"],
+  source: [
+    { 月份: "1月", 销售额: 12500 },
+    { 月份: "2月", 销售额: 13800 },
+    { 月份: "3月", 销售额: 15200 },
+    { 月份: "4月", 销售额: 14100 },
+    { 月份: "5月", 销售额: 16800 },
+    { 月份: "6月", 销售额: 18500 }
+  ]
+}
+\`\`\`
+
+\`\`\`d3
+{
+  "type": "bar",
+  "data": "dataset['sales_data']",
+  "width": 600,
+  "height": 400,
+  "xField": "月份",
+  "yField": "销售额",
+  "color": "#5470c6"
+}
+\`\`\`
+
+## 6. 自定义 D3 代码 - 动态圆圈
+
+\`\`\`d3
+// 创建 SVG
+const svg = d3.select(container)
+  .append('svg')
+  .attr('width', 600)
+  .attr('height', 400)
+  .attr('viewBox', '0 0 600 400');
+
+// 生成随机数据
+const data = Array.from({ length: 50 }, () => ({
+  x: Math.random() * 580 + 10,
+  y: Math.random() * 380 + 10,
+  r: Math.random() * 20 + 5
+}));
+
+// 创建颜色比例尺
+const color = d3.scaleOrdinal(d3.schemeCategory10);
+
+// 绘制圆圈
+svg.selectAll('circle')
+  .data(data)
+  .enter()
+  .append('circle')
+  .attr('cx', d => d.x)
+  .attr('cy', d => d.y)
+  .attr('r', d => d.r)
+  .attr('fill', (d, i) => color(i))
+  .attr('opacity', 0.7)
+  .attr('stroke', '#fff')
+  .attr('stroke-width', 2);
+\`\`\`
+
+## 7. 自定义 D3 代码 - 使用 Dataset
+
+\`\`\`dataset datasetId: product_sales
+{
+  dimensions: ["产品", "销量"],
+  source: [
+    { 产品: "手机", 销量: 520 },
+    { 产品: "电脑", 销量: 380 },
+    { 产品: "平板", 销量: 290 },
+    { 产品: "手表", 销量: 150 },
+    { 产品: "耳机", 销量: 420 }
+  ]
+}
+\`\`\`
+
+\`\`\`d3
+// 获取数据
+const data = dataset['product_sales'].source;
+
+// 设置尺寸和边距
+const margin = { top: 40, right: 20, bottom: 60, left: 60 };
+const width = 600 - margin.left - margin.right;
+const height = 400 - margin.top - margin.bottom;
+
+// 创建 SVG
+const svg = d3.select(container)
+  .append('svg')
+  .attr('width', 600)
+  .attr('height', 400)
+  .attr('viewBox', '0 0 600 400');
+
+const g = svg.append('g')
+  .attr('transform', \`translate(\${margin.left},\${margin.top})\`);
+
+// 创建比例尺
+const x = d3.scaleBand()
+  .domain(data.map(d => d['产品']))
+  .range([0, width])
+  .padding(0.2);
+
+const y = d3.scaleLinear()
+  .domain([0, d3.max(data, d => d['销量'])])
+  .nice()
+  .range([height, 0]);
+
+// 添加坐标轴
+g.append('g')
+  .attr('transform', \`translate(0,\${height})\`)
+  .call(d3.axisBottom(x))
+  .selectAll('text')
+  .attr('fill', theme === 'dark' ? '#e0e0e0' : '#000')
+  .style('font-size', '12px');
+
+g.append('g')
+  .call(d3.axisLeft(y))
+  .selectAll('text')
+  .attr('fill', theme === 'dark' ? '#e0e0e0' : '#000');
+
+// 绘制柱子
+const bars = g.selectAll('.bar')
+  .data(data)
+  .enter()
+  .append('rect')
+  .attr('class', 'bar')
+  .attr('x', d => x(d['产品']))
+  .attr('y', height)
+  .attr('width', x.bandwidth())
+  .attr('height', 0)
+  .attr('fill', '#5470c6');
+
+// 添加动画
+bars.transition()
+  .duration(800)
+  .attr('y', d => y(d['销量']))
+  .attr('height', d => height - y(d['销量']));
+
+// 添加数值标签
+g.selectAll('.label')
+  .data(data)
+  .enter()
+  .append('text')
+  .attr('class', 'label')
+  .attr('x', d => x(d['产品']) + x.bandwidth() / 2)
+  .attr('y', d => y(d['销量']) - 5)
+  .attr('text-anchor', 'middle')
+  .attr('fill', theme === 'dark' ? '#e0e0e0' : '#000')
+  .style('font-size', '12px')
+  .text(d => d['销量']);
+
+// 添加标题
+svg.append('text')
+  .attr('x', 300)
+  .attr('y', 20)
+  .attr('text-anchor', 'middle')
+  .attr('fill', theme === 'dark' ? '#e0e0e0' : '#000')
+  .style('font-size', '16px')
+  .style('font-weight', 'bold')
+  .text('产品销量统计');
+\`\`\`
+
+## 8. 力导向图
+
+\`\`\`d3
+// 创建节点和连接数据
+const nodes = [
+  { id: 'A', group: 1 },
+  { id: 'B', group: 1 },
+  { id: 'C', group: 2 },
+  { id: 'D', group: 2 },
+  { id: 'E', group: 3 },
+  { id: 'F', group: 3 }
+];
+
+const links = [
+  { source: 'A', target: 'B' },
+  { source: 'A', target: 'C' },
+  { source: 'B', target: 'D' },
+  { source: 'C', target: 'E' },
+  { source: 'D', target: 'F' },
+  { source: 'E', target: 'F' }
+];
+
+const width = 600;
+const height = 400;
+
+// 创建 SVG
+const svg = d3.select(container)
+  .append('svg')
+  .attr('width', width)
+  .attr('height', height)
+  .attr('viewBox', \`0 0 \${width} \${height}\`);
+
+// 创建力导向模拟
+const simulation = d3.forceSimulation(nodes)
+  .force('link', d3.forceLink(links).id(d => d.id).distance(100))
+  .force('charge', d3.forceManyBody().strength(-300))
+  .force('center', d3.forceCenter(width / 2, height / 2));
+
+// 创建颜色比例尺
+const color = d3.scaleOrdinal(d3.schemeCategory10);
+
+// 绘制连接线
+const link = svg.append('g')
+  .selectAll('line')
+  .data(links)
+  .enter()
+  .append('line')
+  .attr('stroke', '#999')
+  .attr('stroke-opacity', 0.6)
+  .attr('stroke-width', 2);
+
+// 绘制节点
+const node = svg.append('g')
+  .selectAll('circle')
+  .data(nodes)
+  .enter()
+  .append('circle')
+  .attr('r', 20)
+  .attr('fill', d => color(d.group))
+  .attr('stroke', '#fff')
+  .attr('stroke-width', 2);
+
+// 添加标签
+const label = svg.append('g')
+  .selectAll('text')
+  .data(nodes)
+  .enter()
+  .append('text')
+  .text(d => d.id)
+  .attr('font-size', 12)
+  .attr('text-anchor', 'middle')
+  .attr('dy', 4)
+  .attr('fill', '#fff');
+
+// 更新位置
+simulation.on('tick', () => {
+  link
+    .attr('x1', d => d.source.x)
+    .attr('y1', d => d.source.y)
+    .attr('x2', d => d.target.x)
+    .attr('y2', d => d.target.y);
+
+  node
+    .attr('cx', d => d.x)
+    .attr('cy', d => d.y);
+
+  label
+    .attr('x', d => d.x)
+    .attr('y', d => d.y);
+});
+\`\`\`
+`;export{t as default};

package/dist/assets/dagre-6UL2VRFP-D85UBnft.js

@@ -0,0 +1,4 @@
+import{_ as X,as as F,at as Y,au as _,av as H,l as i,c as V,aw as z,ax as U,a7 as $,ae as q,a8 as P,a6 as K,ay as Q,az as W,aA as Z}from"./index-BCEwe3xS.js";import{G as A}from"./graph-DbDyktci.js";import{l as I}from"./layout-CmBEWiC3.js";import{i as x}from"./_baseUniq-CjQ7HTgW.js";import{c as L}from"./clone-DGn-zmUY.js";import{m as B}from"./_basePickBy-DQwC4k06.js";function p(e){var t={options:{directed:e.isDirected(),multigraph:e.isMultigraph(),compound:e.isCompound()},nodes:ee(e),edges:ne(e)};return x(e.graph())||(t.value=L(e.graph())),t}function ee(e){return B(e.nodes(),function(t){var n=e.node(t),o=e.parent(t),c={v:t};return x(n)||(c.value=n),x(o)||(c.parent=o),c})}function ne(e){return B(e.edges(),function(t){var n=e.edge(t),o={v:t.v,w:t.w};return x(t.name)||(o.name=t.name),x(n)||(o.value=n),o})}var f=new Map,b=new Map,J=new Map,te=X(()=>{b.clear(),J.clear(),f.clear()},"clear"),O=X((e,t)=>{const n=b.get(t)||[];return i.trace("In isDescendant",t," ",e," = ",n.includes(e)),n.includes(e)},"isDescendant"),se=X((e,t)=>{const n=b.get(t)||[];return i.info("Descendants of ",t," is ",n),i.info("Edge is ",e),e.v===t||e.w===t?!1:n?n.includes(e.v)||O(e.v,t)||O(e.w,t)||n.includes(e.w):(i.debug("Tilt, ",t,",not in descendants"),!1)},"edgeInCluster"),G=X((e,t,n,o)=>{i.warn("Copying children of ",e,"root",o,"data",t.node(e),o);const c=t.children(e)||[];e!==o&&c.push(e),i.warn("Copying (nodes) clusterId",e,"nodes",c),c.forEach(a=>{if(t.children(a).length>0)G(a,t,n,o);else{const r=t.node(a);i.info("cp ",a," to ",o," with parent ",e),n.setNode(a,r),o!==t.parent(a)&&(i.warn("Setting parent",a,t.parent(a)),n.setParent(a,t.parent(a))),e!==o&&a!==e?(i.debug("Setting parent",a,e),n.setParent(a,e)):(i.info("In copy ",e,"root",o,"data",t.node(e),o),i.debug("Not Setting parent for node=",a,"cluster!==rootId",e!==o,"node!==clusterId",a!==e));const u=t.edges(a);i.debug("Copying Edges",u),u.forEach(l=>{i.info("Edge",l);const h=t.edge(l.v,l.w,l.name);i.info("Edge data",h,o);try{se(l,o)?(i.info("Copying as ",l.v,l.w,h,l.name),n.setEdge(l.v,l.w,h,l.name),i.info("newGraph edges ",n.edges(),n.edge(n.edges()[0]))):i.info("Skipping copy of edge ",l.v,"-->",l.w," rootId: ",o," clusterId:",e)}catch(C){i.error(C)}})}i.debug("Removing node",a),t.removeNode(a)})},"copy"),R=X((e,t)=>{const n=t.children(e);let o=[...n];for(const c of n)J.set(c,e),o=[...o,...R(c,t)];return o},"extractDescendants"),ie=X((e,t,n)=>{const o=e.edges().filter(l=>l.v===t||l.w===t),c=e.edges().filter(l=>l.v===n||l.w===n),a=o.map(l=>({v:l.v===t?n:l.v,w:l.w===t?t:l.w})),r=c.map(l=>({v:l.v,w:l.w}));return a.filter(l=>r.some(h=>l.v===h.v&&l.w===h.w))},"findCommonEdges"),D=X((e,t,n)=>{const o=t.children(e);if(i.trace("Searching children of id ",e,o),o.length<1)return e;let c;for(const a of o){const r=D(a,t,n),u=ie(t,n,r);if(r)if(u.length>0)c=r;else return r}return c},"findNonClusterChild"),k=X(e=>!f.has(e)||!f.get(e).externalConnections?e:f.has(e)?f.get(e).id:e,"getAnchorId"),re=X((e,t)=>{if(!e||t>10){i.debug("Opting out, no graph ");return}else i.debug("Opting in, graph ");e.nodes().forEach(function(n){e.children(n).length>0&&(i.warn("Cluster identified",n," Replacement id in edges: ",D(n,e,n)),b.set(n,R(n,e)),f.set(n,{id:D(n,e,n),clusterData:e.node(n)}))}),e.nodes().forEach(function(n){const o=e.children(n),c=e.edges();o.length>0?(i.debug("Cluster identified",n,b),c.forEach(a=>{const r=O(a.v,n),u=O(a.w,n);r^u&&(i.warn("Edge: ",a," leaves cluster ",n),i.warn("Descendants of XXX ",n,": ",b.get(n)),f.get(n).externalConnections=!0)})):i.debug("Not a cluster ",n,b)});for(let n of f.keys()){const o=f.get(n).id,c=e.parent(o);c!==n&&f.has(c)&&!f.get(c).externalConnections&&(f.get(n).id=c)}e.edges().forEach(function(n){const o=e.edge(n);i.warn("Edge "+n.v+" -> "+n.w+": "+JSON.stringify(n)),i.warn("Edge "+n.v+" -> "+n.w+": "+JSON.stringify(e.edge(n)));let c=n.v,a=n.w;if(i.warn("Fix XXX",f,"ids:",n.v,n.w,"Translating: ",f.get(n.v)," --- ",f.get(n.w)),f.get(n.v)||f.get(n.w)){if(i.warn("Fixing and trying - removing XXX",n.v,n.w,n.name),c=k(n.v),a=k(n.w),e.removeEdge(n.v,n.w,n.name),c!==n.v){const r=e.parent(c);f.get(r).externalConnections=!0,o.fromCluster=n.v}if(a!==n.w){const r=e.parent(a);f.get(r).externalConnections=!0,o.toCluster=n.w}i.warn("Fix Replacing with XXX",c,a,n.name),e.setEdge(c,a,o,n.name)}}),i.warn("Adjusted Graph",p(e)),T(e,0),i.trace(f)},"adjustClustersAndEdges"),T=X((e,t)=>{var c,a;if(i.warn("extractor - ",t,p(e),e.children("D")),t>10){i.error("Bailing out");return}let n=e.nodes(),o=!1;for(const r of n){const u=e.children(r);o=o||u.length>0}if(!o){i.debug("Done, no node has children",e.nodes());return}i.debug("Nodes = ",n,t);for(const r of n)if(i.debug("Extracting node",r,f,f.has(r)&&!f.get(r).externalConnections,!e.parent(r),e.node(r),e.children("D")," Depth ",t),!f.has(r))i.debug("Not a cluster",r,t);else if(!f.get(r).externalConnections&&e.children(r)&&e.children(r).length>0){i.warn("Cluster without external connections, without a parent and with children",r,t);let l=e.graph().rankdir==="TB"?"LR":"TB";(a=(c=f.get(r))==null?void 0:c.clusterData)!=null&&a.dir&&(l=f.get(r).clusterData.dir,i.warn("Fixing dir",f.get(r).clusterData.dir,l));const h=new A({multigraph:!0,compound:!0}).setGraph({rankdir:l,nodesep:50,ranksep:50,marginx:8,marginy:8}).setDefaultEdgeLabel(function(){return{}});i.warn("Old graph before copy",p(e)),G(r,e,h,r),e.setNode(r,{clusterNode:!0,id:r,clusterData:f.get(r).clusterData,label:f.get(r).label,graph:h}),i.warn("New graph after copy node: (",r,")",p(h)),i.debug("Old graph after copy",p(e))}else i.warn("Cluster ** ",r," **not meeting the criteria !externalConnections:",!f.get(r).externalConnections," no parent: ",!e.parent(r)," children ",e.children(r)&&e.children(r).length>0,e.children("D"),t),i.debug(f);n=e.nodes(),i.warn("New list of nodes",n);for(const r of n){const u=e.node(r);i.warn(" Now next level",r,u),u!=null&&u.clusterNode&&T(u.graph,t+1)}},"extractor"),M=X((e,t)=>{if(t.length===0)return[];let n=Object.assign([],t);return t.forEach(o=>{const c=e.children(o),a=M(e,c);n=[...n,...a]}),n},"sorter"),oe=X(e=>M(e,e.children()),"sortNodesByHierarchy"),j=X(async(e,t,n,o,c,a)=>{i.warn("Graph in recursive render:XAX",p(t),c);const r=t.graph().rankdir;i.trace("Dir in recursive render - dir:",r);const u=e.insert("g").attr("class","root");t.nodes()?i.info("Recursive render XXX",t.nodes()):i.info("No nodes found for",t),t.edges().length>0&&i.info("Recursive edges",t.edge(t.edges()[0]));const l=u.insert("g").attr("class","clusters"),h=u.insert("g").attr("class","edgePaths"),C=u.insert("g").attr("class","edgeLabels"),g=u.insert("g").attr("class","nodes");await Promise.all(t.nodes().map(async function(d){const s=t.node(d);if(c!==void 0){const w=JSON.parse(JSON.stringify(c.clusterData));i.trace(`Setting data for parent cluster XXX
+ Node.id = `,d,`
+ data=`,w.height,`
+Parent cluster`,c.height),t.setNode(c.id,w),t.parent(d)||(i.trace("Setting parent",d,c.id),t.setParent(d,c.id,w))}if(i.info("(Insert) Node XXX"+d+": "+JSON.stringify(t.node(d))),s!=null&&s.clusterNode){i.info("Cluster identified XBX",d,s.width,t.node(d));const{ranksep:w,nodesep:m}=t.graph();s.graph.setGraph({...s.graph.graph(),ranksep:w+25,nodesep:m});const N=await j(g,s.graph,n,o,t.node(d),a),S=N.elem;z(s,S),s.diff=N.diff||0,i.info("New compound node after recursive render XAX",d,"width",s.width,"height",s.height),U(S,s)}else t.children(d).length>0?(i.trace("Cluster - the non recursive path XBX",d,s.id,s,s.width,"Graph:",t),i.trace(D(s.id,t)),f.set(s.id,{id:D(s.id,t),node:s})):(i.trace("Node - the non recursive path XAX",d,g,t.node(d),r),await $(g,t.node(d),{config:a,dir:r}))})),await X(async()=>{const d=t.edges().map(async function(s){const w=t.edge(s.v,s.w,s.name);i.info("Edge "+s.v+" -> "+s.w+": "+JSON.stringify(s)),i.info("Edge "+s.v+" -> "+s.w+": ",s," ",JSON.stringify(t.edge(s))),i.info("Fix",f,"ids:",s.v,s.w,"Translating: ",f.get(s.v),f.get(s.w)),await Z(C,w)});await Promise.all(d)},"processEdges")(),i.info("Graph before layout:",JSON.stringify(p(t))),i.info("############################################# XXX"),i.info("###                Layout                 ### XXX"),i.info("############################################# XXX"),I(t),i.info("Graph after layout:",JSON.stringify(p(t)));let E=0,{subGraphTitleTotalMargin:y}=q(a);return await Promise.all(oe(t).map(async function(d){var w;const s=t.node(d);if(i.info("Position XBX => "+d+": ("+s.x,","+s.y,") width: ",s.width," height: ",s.height),s!=null&&s.clusterNode)s.y+=y,i.info("A tainted cluster node XBX1",d,s.id,s.width,s.height,s.x,s.y,t.parent(d)),f.get(s.id).node=s,P(s);else if(t.children(d).length>0){i.info("A pure cluster node XBX1",d,s.id,s.x,s.y,s.width,s.height,t.parent(d)),s.height+=y,t.node(s.parentId);const m=(s==null?void 0:s.padding)/2||0,N=((w=s==null?void 0:s.labelBBox)==null?void 0:w.height)||0,S=N-m||0;i.debug("OffsetY",S,"labelHeight",N,"halfPadding",m),await K(l,s),f.get(s.id).node=s}else{const m=t.node(s.parentId);s.y+=y/2,i.info("A regular node XBX1 - using the padding",s.id,"parent",s.parentId,s.width,s.height,s.x,s.y,"offsetY",s.offsetY,"parent",m,m==null?void 0:m.offsetY,s),P(s)}})),t.edges().forEach(function(d){const s=t.edge(d);i.info("Edge "+d.v+" -> "+d.w+": "+JSON.stringify(s),s),s.points.forEach(S=>S.y+=y/2);const w=t.node(d.v);var m=t.node(d.w);const N=Q(h,s,f,n,w,m,o);W(s,N)}),t.nodes().forEach(function(d){const s=t.node(d);i.info(d,s.type,s.diff),s.isGroup&&(E=s.diff)}),i.warn("Returning from recursive render XAX",u,E),{elem:u,diff:E}},"recursiveRender"),ge=X(async(e,t)=>{var a,r,u,l,h,C;const n=new A({multigraph:!0,compound:!0}).setGraph({rankdir:e.direction,nodesep:((a=e.config)==null?void 0:a.nodeSpacing)||((u=(r=e.config)==null?void 0:r.flowchart)==null?void 0:u.nodeSpacing)||e.nodeSpacing,ranksep:((l=e.config)==null?void 0:l.rankSpacing)||((C=(h=e.config)==null?void 0:h.flowchart)==null?void 0:C.rankSpacing)||e.rankSpacing,marginx:8,marginy:8}).setDefaultEdgeLabel(function(){return{}}),o=t.select("g");F(o,e.markers,e.type,e.diagramId),Y(),_(),H(),te(),e.nodes.forEach(g=>{n.setNode(g.id,{...g}),g.parentId&&n.setParent(g.id,g.parentId)}),i.debug("Edges:",e.edges),e.edges.forEach(g=>{if(g.start===g.end){const v=g.start,E=v+"---"+v+"---1",y=v+"---"+v+"---2",d=n.node(v);n.setNode(E,{domId:E,id:E,parentId:d.parentId,labelStyle:"",label:"",padding:0,shape:"labelRect",style:"",width:10,height:10}),n.setParent(E,d.parentId),n.setNode(y,{domId:y,id:y,parentId:d.parentId,labelStyle:"",padding:0,shape:"labelRect",label:"",style:"",width:10,height:10}),n.setParent(y,d.parentId);const s=structuredClone(g),w=structuredClone(g),m=structuredClone(g);s.label="",s.arrowTypeEnd="none",s.id=v+"-cyclic-special-1",w.arrowTypeStart="none",w.arrowTypeEnd="none",w.id=v+"-cyclic-special-mid",m.label="",d.isGroup&&(s.fromCluster=v,m.toCluster=v),m.id=v+"-cyclic-special-2",m.arrowTypeStart="none",n.setEdge(v,E,s,v+"-cyclic-special-0"),n.setEdge(E,y,w,v+"-cyclic-special-1"),n.setEdge(y,v,m,v+"-cyc<lic-special-2")}else n.setEdge(g.start,g.end,{...g},g.id)}),i.warn("Graph at first:",JSON.stringify(p(n))),re(n),i.warn("Graph after XAX:",JSON.stringify(p(n)));const c=V();await j(o,n,e.type,e.diagramId,void 0,c)},"render");export{ge as render};

package/dist/assets/dashboard-CrMKXI0I.js

@@ -0,0 +1,184 @@
+const e=`<!-- dashboard -->
+
+# 📊 销售数据看板
+
+这是一个 Dashboard 模式的示例，所有数据集会自动移到左侧抽屉面板中。
+
+## 数据集定义
+
+\`\`\`dataset datasetId: sales_2023
+{
+  dimensions: ["月份", "销售额", "利润", "订单数"],
+  source: [
+    { 月份: "1月", 销售额: 12500, 利润: 3200, 订单数: 156 },
+    { 月份: "2月", 销售额: 13800, 利润: 3500, 订单数: 178 },
+    { 月份: "3月", 销售额: 15200, 利润: 4100, 订单数: 192 },
+    { 月份: "4月", 销售额: 14600, 利润: 3800, 订单数: 185 },
+    { 月份: "5月", 销售额: 16800, 利润: 4500, 订单数: 210 },
+    { 月份: "6月", 销售额: 18200, 利润: 5200, 订单数: 235 }
+  ]
+}
+\`\`\`
+
+\`\`\`dataset datasetId: product_category
+{
+  dimensions: ["类别", "销量", "占比"],
+  source: [
+    { 类别: "电子产品", 销量: 3500, 占比: 35 },
+    { 类别: "服装", 销量: 2800, 占比: 28 },
+    { 类别: "食品", 销量: 1800, 占比: 18 },
+    { 类别: "图书", 销量: 1200, 占比: 12 },
+    { 类别: "其他", 销量: 700, 占比: 7 }
+  ]
+}
+\`\`\`
+
+\`\`\`dataset datasetId: region_sales
+{
+  dimensions: ["地区", "销售额", "增长率"],
+  source: [
+    { 地区: "华东", 销售额: 45000, 增长率: 15.2 },
+    { 地区: "华南", 销售额: 38000, 增长率: 12.8 },
+    { 地区: "华北", 销售额: 32000, 增长率: 10.5 },
+    { 地区: "西南", 销售额: 28000, 增长率: 18.3 },
+    { 地区: "东北", 销售额: 22000, 增长率: 8.7 }
+  ]
+}
+\`\`\`
+
+## 📈 销售趋势分析
+
+::: cell 12
+
+\`\`\`echarts
+{
+  title: {
+    text: "2023年销售趋势",
+    left: "center"
+  },
+  tooltip: {
+    trigger: "axis"
+  },
+  legend: {
+    data: ["销售额", "利润"],
+    top: 30
+  },
+  dataset: dataset['sales_2023'],
+  xAxis: {
+    type: "category"
+  },
+  yAxis: {
+    type: "value"
+  },
+  series: [
+    {
+      name: "销售额",
+      type: "line",
+      smooth: true,
+      encode: { x: "月份", y: "销售额" }
+    },
+    {
+      name: "利润",
+      type: "line",
+      smooth: true,
+      encode: { x: "月份", y: "利润" }
+    }
+  ]
+}
+\`\`\`
+
+:::
+
+## 📊 产品类别分布
+
+::: cell 6
+
+\`\`\`echarts
+{
+  title: {
+    text: "产品类别销量分布",
+    left: "center"
+  },
+  tooltip: {
+    trigger: "item",
+    formatter: function(params) {
+      return params.data['类别'] + ': ' + params.data['销量'] + ' (' + params.data['占比'] + '%)';
+    }
+  },
+  dataset: dataset['product_category'],
+  series: [
+    {
+      type: "pie",
+      radius: "60%",
+      encode: {
+        itemName: "类别",
+        value: "销量"
+      },
+      label: {
+        formatter: function(params) {
+          return params.data['类别'] + '\\n' + params.data['占比'] + '%';
+        }
+      }
+    }
+  ]
+}
+\`\`\`
+
+:::
+
+::: cell 6
+
+\`\`\`echarts
+{
+  title: {
+    text: "地区销售额对比",
+    left: "center"
+  },
+  tooltip: {
+    trigger: "axis",
+    axisPointer: {
+      type: "shadow"
+    }
+  },
+  dataset: dataset['region_sales'],
+  xAxis: {
+    type: "category"
+  },
+  yAxis: {
+    type: "value"
+  },
+  series: [
+    {
+      type: "bar",
+      encode: { x: "地区", y: "销售额" },
+      itemStyle: {
+        color: "#5470c6"
+      }
+    }
+  ]
+}
+\`\`\`
+
+:::
+
+## 📋 关键指标
+
+::: info
+**总销售额**: ¥165,000  
+**总利润**: ¥45,300  
+**平均增长率**: 13.1%  
+**总订单数**: 1,156
+:::
+
+## 使用说明
+
+在 Dashboard 模式下：
+
+1. **左侧抽屉** - 显示所有数据集，可以展开查看详细数据
+2. **搜索功能** - 快速查找特定数据集
+3. **刷新按钮** - 重新加载数据集数据
+4. **导出按钮** - 导出数据集为 JSON 格式
+5. **数据预览** - 展开数据集卡片可查看前3行数据
+
+数据集不会在正文中显示，保持看板的简洁性。
+`;export{e as default};

package/dist/assets/dataset-eaSNQcH4.js

@@ -0,0 +1,130 @@
+const e=`# 数据集功能演示
+
+## 定义数据集
+
+### 销售数据
+\`\`\`dataset datasetId: sales_data
+{
+  dimensions: ["产品", "2020", "2021", "2022"],
+  source: [
+    {产品: "产品A", 2020: 100, 2021: 120, 2022: 150},
+    {产品: "产品B", 2020: 80, 2021: 90, 2022: 110},
+    {产品: "产品C", 2020: 60, 2021: 70, 2022: 85}
+  ]
+}
+\`\`\`
+
+### 使用数据集绘制图表
+\`\`\`echarts
+{
+  dataset: dataset['sales_data'],
+  title: {
+    text: "产品销售趋势",
+    left: "center"
+  },
+  "tooltip": {
+    "trigger": "axis"
+  },
+  "legend": {
+    "data": ["2020", "2021", "2022"],
+    "top": "10%"
+  },
+  "xAxis": {
+    "type": "category"
+  },
+  "yAxis": {
+    "type": "value"
+  },
+  "series": [
+    {
+      "name": "2020",
+      "type": "bar",
+      "encode": {
+        "x": "产品",
+        "y": "2020"
+      }
+    },
+    {
+      "name": "2021", 
+      "type": "bar",
+      "encode": {
+        "x": "产品",
+        "y": "2021"
+      }
+    },
+    {
+      "name": "2022",
+      "type": "bar", 
+      "encode": {
+        "x": "产品",
+        "y": "2022"
+      }
+    }
+  ]
+}
+\`\`\`
+
+## 多数据集示例
+
+### 用户统计数据
+\`\`\`dataset datasetId: user_stats
+{
+  dimensions: ["月份", "新增用户", "活跃用户", "付费用户"],
+  source: [
+    {月份: "1月", 新增用户: 1200, 活跃用户: 3500, 付费用户: 450},
+    {月份: "2月", 新增用户: 1800, 活跃用户: 4200, 付费用户: 680},
+    {月份: "3月", 新增用户: 1500, 活跃用户: 4800, 付费用户: 820},
+    {月份: "4月", 新增用户: 2200, 活跃用户: 5200, 付费用户: 950}
+  ]
+}
+\`\`\`
+
+### 组合图表
+\`\`\`echarts
+{
+  dataset: dataset['user_stats'],
+  title: {
+    text: "用户增长分析",
+    left: "center"
+  },
+  "tooltip": {
+    "trigger": "axis"
+  },
+  "legend": {
+    "data": ["新增用户", "活跃用户", "付费用户"],
+    "top": "10%"
+  },
+  "xAxis": {
+    "type": "category"
+  },
+  "yAxis": {
+    "type": "value"
+  },
+  "series": [
+    {
+      "name": "新增用户",
+      "type": "bar",
+      "encode": {
+        "x": "月份",
+        "y": "新增用户"
+      }
+    },
+    {
+      "name": "活跃用户",
+      "type": "line",
+      "encode": {
+        "x": "月份",
+        "y": "活跃用户"
+      }
+    },
+    {
+      "name": "付费用户",
+      "type": "line",
+      "encode": {
+        "x": "月份",
+        "y": "付费用户"
+      }
+    }
+  ]
+}
+\`\`\``;export{e as default};