@antv/gpt-vis 1.0.0-beta.1 → 1.0.0-beta.2

package/README.md

@@ -52,7 +52,7 @@ npm install @antv/gpt-vis
 import { GPTVis } from '@antv/gpt-vis';
 
 const gptVis = new GPTVis({
-  container: '#container',
+  container: 'container',
   width: 600,
   height: 400,
 });
@@ -77,7 +77,7 @@ gptVis.render(visSyntax);
 ```javascript
 import { GPTVis, isVisSyntax } from '@antv/gpt-vis';
 
-const gptVis = new GPTVis({ container: '#container', width: 600, height: 400 });
+const gptVis = new GPTVis({ container: 'container', width: 600, height: 400 });
 let buffer = '';
 
 function onToken(token) {
@@ -124,7 +124,9 @@ data
     value 120
 style
   lineWidth 3
-  palette #5B8FF9 #5AD8A6
+  palette
+    - #5B8FF9
+    - #5AD8A6
 ```
 
 **Hierarchical data:**
@@ -146,7 +148,7 @@ data
 ```javascript
 import { GPTVis } from '@antv/gpt-vis';
 
-const gptVis = new GPTVis({ container: '#chart', width: 600, height: 400 });
+const gptVis = new GPTVis({ container: 'chart', width: 600, height: 400 });
 gptVis.render(visSyntaxString);
 ```
 

package/README.zh-CN.md

@@ -52,7 +52,7 @@ npm install @antv/gpt-vis
 import { GPTVis } from '@antv/gpt-vis';
 
 const gptVis = new GPTVis({
-  container: '#container',
+  container: 'container',
   width: 600,
   height: 400,
 });
@@ -77,7 +77,7 @@ gptVis.render(visSyntax);
 ```javascript
 import { GPTVis, isVisSyntax } from '@antv/gpt-vis';
 
-const gptVis = new GPTVis({ container: '#container', width: 600, height: 400 });
+const gptVis = new GPTVis({ container: 'container', width: 600, height: 400 });
 let buffer = '';
 
 function onToken(token) {
@@ -124,7 +124,9 @@ data
     value 120
 style
   lineWidth 3
-  palette #5B8FF9 #5AD8A6
+  palette
+    - #5B8FF9
+    - #5AD8A6
 ```
 
 **层次数据:**
@@ -146,7 +148,7 @@ data
 ```javascript
 import { GPTVis } from '@antv/gpt-vis';
 
-const gptVis = new GPTVis({ container: '#chart', width: 600, height: 400 });
+const gptVis = new GPTVis({ container: 'chart', width: 600, height: 400 });
 gptVis.render(visSyntaxString);
 ```
 

package/dist/cjs/gpt-vis/index.d.ts

@@ -4,10 +4,16 @@ import type { BarConfig } from '../vis/bar';
 import type { BoxplotConfig } from '../vis/boxplot';
 import type { ColumnConfig } from '../vis/column';
 import type { DualAxesConfig } from '../vis/dual-axes';
+import type { FishboneDiagramConfig } from '../vis/fishbone-diagram';
+import type { FlowDiagramConfig } from '../vis/flow-diagram';
 import type { FunnelConfig } from '../vis/funnel';
 import type { HistogramConfig } from '../vis/histogram';
+import type { IndentedTreeConfig } from '../vis/indented-tree';
 import type { LineConfig } from '../vis/line';
 import type { LiquidConfig } from '../vis/liquid';
+import type { MindmapConfig } from '../vis/mindmap';
+import type { NetworkGraphConfig } from '../vis/network-graph';
+import type { OrganizationChartConfig } from '../vis/organization-chart';
 import type { PieConfig } from '../vis/pie';
 import type { RadarConfig } from '../vis/radar';
 import type { SankeyConfig } from '../vis/sankey';
@@ -22,7 +28,7 @@ import type { WordCloudConfig } from '../vis/word-cloud';
 /**
  * Union type for all supported chart configurations
  */
-export type GPTVisConfig = AreaConfig | BarConfig | BoxplotConfig | ColumnConfig | DualAxesConfig | FunnelConfig | HistogramConfig | LineConfig | LiquidConfig | PieConfig | RadarConfig | SankeyConfig | ScatterConfig | SummaryConfig | TableConfig | TreemapConfig | VennConfig | ViolinConfig | WaterfallConfig | WordCloudConfig;
+export type GPTVisConfig = AreaConfig | BarConfig | BoxplotConfig | ColumnConfig | DualAxesConfig | FlowDiagramConfig | FunnelConfig | HistogramConfig | IndentedTreeConfig | LineConfig | LiquidConfig | MindmapConfig | NetworkGraphConfig | OrganizationChartConfig | PieConfig | RadarConfig | SankeyConfig | ScatterConfig | SummaryConfig | TableConfig | TreemapConfig | VennConfig | ViolinConfig | WaterfallConfig | WordCloudConfig | FishboneDiagramConfig;
 /**
  * GPTVis is the unified API for all chart types.
  * It provides a simple interface to render different types of visualizations.
@@ -66,6 +72,7 @@ export type GPTVisConfig = AreaConfig | BarConfig | BoxplotConfig | ColumnConfig
 export declare class GPTVis {
     private options;
     private currentChart;
+    private currentChartType;
     private wrapperInstance;
     /**
      * Chart type registry mapping type strings to factory functions

package/dist/cjs/gpt-vis/index.js

@@ -23,16 +23,23 @@ __export(gpt_vis_exports, {
 });
 module.exports = __toCommonJS(gpt_vis_exports);
 var import_parser = require("../syntax/parser");
+var import_container = require("../util/container");
 var import_vis_wrapper = require("../vis-wrapper");
 var import_area = require("../vis/area");
 var import_bar = require("../vis/bar");
 var import_boxplot = require("../vis/boxplot");
 var import_column = require("../vis/column");
 var import_dual_axes = require("../vis/dual-axes");
+var import_fishbone_diagram = require("../vis/fishbone-diagram");
+var import_flow_diagram = require("../vis/flow-diagram");
 var import_funnel = require("../vis/funnel");
 var import_histogram = require("../vis/histogram");
+var import_indented_tree = require("../vis/indented-tree");
 var import_line = require("../vis/line");
 var import_liquid = require("../vis/liquid");
+var import_mindmap = require("../vis/mindmap");
+var import_network_graph = require("../vis/network-graph");
+var import_organization_chart = require("../vis/organization-chart");
 var import_pie = require("../vis/pie");
 var import_radar = require("../vis/radar");
 var import_sankey = require("../vis/sankey");
@@ -51,8 +58,12 @@ var _GPTVis = class {
    */
   constructor(options) {
     this.currentChart = null;
+    this.currentChartType = "";
     this.wrapperInstance = null;
-    this.options = options;
+    this.options = {
+      ...options,
+      container: (0, import_container.resolveContainer)(options.container)
+    };
   }
   /**
    * Render a chart based on the provided configuration or syntax string.
@@ -101,28 +112,33 @@ var _GPTVis = class {
       const availableTypes = Object.keys(_GPTVis.chartRegistry).join(", ");
       throw new Error(`Unsupported chart type: "${type}". Available types: ${availableTypes}`);
     }
-    if (this.currentChart) {
-      this.currentChart.destroy();
-    }
-    if (this.wrapperInstance) {
-      this.wrapperInstance.destroy();
-      this.wrapperInstance = null;
-    }
     let chartContainer = this.options.container;
     if (this.options.wrapper) {
-      this.wrapperInstance = (0, import_vis_wrapper.createVisWrapper)(this.options.container, {
-        chartType: type,
-        syntax: config,
-        locale: this.options.locale || "zh-CN"
-      });
+      if (!this.wrapperInstance) {
+        this.wrapperInstance = (0, import_vis_wrapper.createVisWrapper)(this.options.container, {
+          chartType: type,
+          syntax: config,
+          locale: this.options.locale || "zh-CN"
+        });
+      } else {
+        this.wrapperInstance.update(config);
+      }
       chartContainer = this.wrapperInstance.chartContainer;
     }
-    const chartOptions = {
-      ...this.options,
-      container: chartContainer
-    };
-    this.currentChart = chartFactory(chartOptions);
-    this.currentChart.render(chartConfig);
+    if (this.currentChart && this.currentChartType === type) {
+      this.currentChart.render(chartConfig);
+    } else {
+      if (this.currentChart) {
+        this.currentChart.destroy();
+      }
+      const chartOptions = {
+        ...this.options,
+        container: chartContainer
+      };
+      this.currentChart = chartFactory(chartOptions);
+      this.currentChartType = type;
+      this.currentChart.render(chartConfig);
+    }
     if (this.wrapperInstance) {
       this.wrapperInstance.setChartRef(this.currentChart);
     }
@@ -134,6 +150,7 @@ var _GPTVis = class {
     if (this.currentChart) {
       this.currentChart.destroy();
       this.currentChart = null;
+      this.currentChartType = "";
     }
     if (this.wrapperInstance) {
       this.wrapperInstance.destroy();
@@ -151,10 +168,15 @@ GPTVis.chartRegistry = {
   boxplot: import_boxplot.Boxplot,
   column: import_column.Column,
   "dual-axes": import_dual_axes.DualAxes,
+  "flow-diagram": import_flow_diagram.FlowDiagram,
   funnel: import_funnel.Funnel,
   histogram: import_histogram.Histogram,
+  "indented-tree": import_indented_tree.IndentedTree,
   line: import_line.Line,
   liquid: import_liquid.Liquid,
+  mindmap: import_mindmap.Mindmap,
+  "network-graph": import_network_graph.NetworkGraph,
+  "organization-chart": import_organization_chart.OrganizationChart,
   pie: import_pie.Pie,
   radar: import_radar.Radar,
   sankey: import_sankey.Sankey,
@@ -165,7 +187,8 @@ GPTVis.chartRegistry = {
   venn: import_venn.Venn,
   violin: import_violin.Violin,
   waterfall: import_waterfall.Waterfall,
-  "word-cloud": import_word_cloud.WordCloud
+  "word-cloud": import_word_cloud.WordCloud,
+  "fishbone-diagram": import_fishbone_diagram.FishboneDiagram
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/index.d.ts

@@ -1,6 +1,7 @@
 export { GPTVis } from './gpt-vis';
 export type { GPTVisConfig } from './gpt-vis';
-export { isVisSyntax } from './syntax';
+export { isVisSyntax, parse } from './syntax';
+export type { ParsedConfig } from './syntax';
 export type { VisualizationOptions } from './types';
 export { Area } from './vis/area';
 export type { AreaConfig, AreaDataItem } from './vis/area';
@@ -12,14 +13,26 @@ export { Column } from './vis/column';
 export type { ColumnConfig, ColumnDataItem } from './vis/column';
 export { DualAxes } from './vis/dual-axes';
 export type { DualAxesConfig, DualAxesSeriesItem } from './vis/dual-axes';
+export { FishboneDiagram } from './vis/fishbone-diagram';
+export type { FishboneDiagramConfig, FishboneDiagramInstance, FishboneNode, } from './vis/fishbone-diagram';
+export { FlowDiagram } from './vis/flow-diagram';
+export type { FlowDiagramConfig } from './vis/flow-diagram';
 export { Funnel } from './vis/funnel';
 export type { FunnelConfig, FunnelDataItem } from './vis/funnel';
 export { Histogram } from './vis/histogram';
 export type { HistogramConfig } from './vis/histogram';
+export { IndentedTree } from './vis/indented-tree';
+export type { IndentedTreeConfig, IndentedTreeData, IndentedTreeInstance, } from './vis/indented-tree';
 export { Line } from './vis/line';
 export type { LineConfig, LineDataItem } from './vis/line';
 export { Liquid } from './vis/liquid';
 export type { LiquidConfig } from './vis/liquid';
+export { Mindmap } from './vis/mindmap';
+export type { MindMapProps, MindmapConfig, MindmapData } from './vis/mindmap';
+export { NetworkGraph } from './vis/network-graph';
+export type { NetworkGraphConfig, NetworkGraphData, NetworkGraphEdge, NetworkGraphNode, } from './vis/network-graph';
+export { OrganizationChart } from './vis/organization-chart';
+export type { OrganizationChartConfig, OrganizationChartData } from './vis/organization-chart';
 export { Pie } from './vis/pie';
 export type { PieConfig } from './vis/pie';
 export { Radar } from './vis/radar';
@@ -39,6 +52,6 @@ export type { VennConfig, VennDataItem } from './vis/venn';
 export { Violin } from './vis/violin';
 export type { ViolinConfig, ViolinDataItem } from './vis/violin';
 export { Waterfall } from './vis/waterfall';
-export type { WaterfallConfig, WaterfallDataItem, WaterfallPalette } from './vis/waterfall';
+export type { WaterfallConfig, WaterfallDataItem } from './vis/waterfall';
 export { WordCloud } from './vis/word-cloud';
 export type { WordCloudConfig, WordCloudDataItem } from './vis/word-cloud';

package/dist/cjs/index.js

@@ -24,11 +24,17 @@ __export(src_exports, {
   Boxplot: () => import_boxplot.Boxplot,
   Column: () => import_column.Column,
   DualAxes: () => import_dual_axes.DualAxes,
+  FishboneDiagram: () => import_fishbone_diagram.FishboneDiagram,
+  FlowDiagram: () => import_flow_diagram.FlowDiagram,
   Funnel: () => import_funnel.Funnel,
   GPTVis: () => import_gpt_vis.GPTVis,
   Histogram: () => import_histogram.Histogram,
+  IndentedTree: () => import_indented_tree.IndentedTree,
   Line: () => import_line.Line,
   Liquid: () => import_liquid.Liquid,
+  Mindmap: () => import_mindmap.Mindmap,
+  NetworkGraph: () => import_network_graph.NetworkGraph,
+  OrganizationChart: () => import_organization_chart.OrganizationChart,
   Pie: () => import_pie.Pie,
   Radar: () => import_radar.Radar,
   Sankey: () => import_sankey.Sankey,
@@ -40,7 +46,8 @@ __export(src_exports, {
   Violin: () => import_violin.Violin,
   Waterfall: () => import_waterfall.Waterfall,
   WordCloud: () => import_word_cloud.WordCloud,
-  isVisSyntax: () => import_syntax.isVisSyntax
+  isVisSyntax: () => import_syntax.isVisSyntax,
+  parse: () => import_syntax.parse
 });
 module.exports = __toCommonJS(src_exports);
 var import_gpt_vis = require("./gpt-vis");
@@ -50,10 +57,16 @@ var import_bar = require("./vis/bar");
 var import_boxplot = require("./vis/boxplot");
 var import_column = require("./vis/column");
 var import_dual_axes = require("./vis/dual-axes");
+var import_fishbone_diagram = require("./vis/fishbone-diagram");
+var import_flow_diagram = require("./vis/flow-diagram");
 var import_funnel = require("./vis/funnel");
 var import_histogram = require("./vis/histogram");
+var import_indented_tree = require("./vis/indented-tree");
 var import_line = require("./vis/line");
 var import_liquid = require("./vis/liquid");
+var import_mindmap = require("./vis/mindmap");
+var import_network_graph = require("./vis/network-graph");
+var import_organization_chart = require("./vis/organization-chart");
 var import_pie = require("./vis/pie");
 var import_radar = require("./vis/radar");
 var import_sankey = require("./vis/sankey");
@@ -72,11 +85,17 @@ var import_word_cloud = require("./vis/word-cloud");
   Boxplot,
   Column,
   DualAxes,
+  FishboneDiagram,
+  FlowDiagram,
   Funnel,
   GPTVis,
   Histogram,
+  IndentedTree,
   Line,
   Liquid,
+  Mindmap,
+  NetworkGraph,
+  OrganizationChart,
   Pie,
   Radar,
   Sankey,
@@ -88,5 +107,6 @@ var import_word_cloud = require("./vis/word-cloud");
   Violin,
   Waterfall,
   WordCloud,
-  isVisSyntax
+  isVisSyntax,
+  parse
 });

package/dist/cjs/syntax/parser.d.ts

@@ -8,9 +8,12 @@
  * - `data` - Starts a data array section
  * - `  - key value` - Array item with key-value pairs
  * - `  - value` - Simple array item (for flat arrays like histogram data)
+ * - `  - "value with spaces"` - Quoted string item; single or double quotes both supported.
+ *                               Quotes are required when the value contains spaces; optional otherwise.
+ *                               Quoted values are never coerced to numbers or booleans.
  * - `key: value` or `key value` - Top-level key-value pair
  * - `style` - Starts a style object section
- * - Multiple values separated by spaces become arrays (e.g., `palette #ff5a5f #1fb6ff`)
+ * - `palette` inside `style` uses array syntax with dash-prefixed items
  * - `children` - Nested array for hierarchical data (mind-map, treemap, etc.)
  *
  * @example
@@ -24,7 +27,10 @@
  * innerRadius: 0.6
  * style
  *   backgroundColor #333
- *   palette #ff5a5f #1fb6ff #13ce66
+ *   palette
+ *     - #ff5a5f
+ *     - #1fb6ff
+ *     - #13ce66
  * ```
  *
  * @example Simple array (histogram)
@@ -37,6 +43,15 @@
  * binNumber 5
  * ```
  *
+ * @example Quoted string values (values containing spaces)
+ * ```
+ * vis dual-axes
+ * categories
+ *   - "North America"
+ *   - '东南 亚'
+ *   - 欧洲
+ * ```
+ *
  * @example Hierarchical data (mind-map)
  * ```
  * vis mind-map

package/dist/cjs/syntax/parser.js

@@ -23,13 +23,24 @@ __export(parser_exports, {
   parse: () => parse
 });
 module.exports = __toCommonJS(parser_exports);
-var ARRAY_SECTIONS = /* @__PURE__ */ new Set(["data", "categories", "series", "children"]);
+var ARRAY_SECTIONS = /* @__PURE__ */ new Set(["data", "categories", "series", "children", "nodes", "edges"]);
 var OBJECT_SECTIONS = /* @__PURE__ */ new Set(["style"]);
+function isQuotedString(s) {
+  if (s.length < 2)
+    return false;
+  const quote = s[0];
+  if (quote !== '"' && quote !== "'")
+    return false;
+  return s.endsWith(quote) && s.indexOf(quote, 1) === s.length - 1;
+}
 function parseValue(value) {
   const trimmed = value.trim();
   if (trimmed === "") {
     return "";
   }
+  if (isQuotedString(trimmed)) {
+    return trimmed.slice(1, -1);
+  }
   if (trimmed === "true")
     return true;
   if (trimmed === "false")
@@ -40,44 +51,41 @@ function parseValue(value) {
   }
   return trimmed;
 }
-function parseMultipleValues(values) {
-  const trimmed = values.trim();
-  const parts = trimmed.split(/\s+/).filter((p) => p.length > 0);
-  if (parts.length === 0) {
-    return "";
+function parseKeyValue(raw) {
+  const text = raw.trim();
+  if (!text)
+    return null;
+  const match = text.match(/^([^:\s=]+)\s*[:=]\s*(.*)$/);
+  if (match) {
+    return { key: match[1], value: match[2] };
   }
-  if (parts.length === 1) {
-    return parseValue(parts[0]);
+  const matchSpace = text.match(/^([^\s]+)\s+(.*)$/);
+  if (matchSpace) {
+    return { key: matchSpace[1], value: matchSpace[2] };
   }
-  return parts.map(parseValue);
-}
-function parseKeyValue(line) {
-  const trimmed = line.trim();
-  const colonMatch = trimmed.match(/^([a-zA-Z_][a-zA-Z0-9_-]*)\s*:\s*(.*)$/);
-  if (colonMatch) {
-    return { key: colonMatch[1], value: colonMatch[2] };
-  }
-  const spaceMatch = trimmed.match(/^([a-zA-Z_][a-zA-Z0-9_-]*)\s+(.+)$/);
-  if (spaceMatch) {
-    return { key: spaceMatch[1], value: spaceMatch[2] };
-  }
-  const singleKey = trimmed.match(/^([a-zA-Z_][a-zA-Z0-9_-]*)$/);
-  if (singleKey) {
-    return { key: singleKey[1], value: "" };
-  }
-  return null;
+  return { key: text, value: "" };
 }
 function isSimpleValue(line) {
   const trimmed = line.trim();
+  if (isQuotedString(trimmed)) {
+    return true;
+  }
   const hasKeyValue = parseKeyValue(trimmed);
   if (hasKeyValue && hasKeyValue.value !== "") {
     return false;
   }
   return true;
 }
+var TAB_INDENT_WIDTH = 2;
 function getIndentLevel(line) {
-  const match = line.match(/^(\s*)/);
-  return match ? match[1].length : 0;
+  const match = line.match(/^([\t ]*)/);
+  if (!match)
+    return 0;
+  let w = 0;
+  for (const ch of match[1]) {
+    w += ch === "	" ? TAB_INDENT_WIDTH : 1;
+  }
+  return w;
 }
 function isArrayItemLine(line) {
   return line.trim().startsWith("-");
@@ -106,6 +114,28 @@ function parseLines(syntax) {
   }
   return result;
 }
+function parseTreeNode(lines, startIndex, baseIndent) {
+  const node = {};
+  let i = startIndex;
+  while (i < lines.length) {
+    const { trimmed, indent } = lines[i];
+    if (indent <= baseIndent)
+      break;
+    const kv = parseKeyValue(trimmed);
+    if (kv) {
+      if (kv.key === "children" && kv.value === "") {
+        const { items: childItems, nextIndex } = parseArraySection(lines, i + 1, indent);
+        node.children = childItems;
+        i = nextIndex;
+        continue;
+      } else {
+        node[kv.key] = parseValue(kv.value);
+      }
+    }
+    i++;
+  }
+  return { node, nextIndex: i };
+}
 function parseArraySection(lines, startIndex, baseIndent) {
   const items = [];
   let currentItem = null;
@@ -117,7 +147,7 @@ function parseArraySection(lines, startIndex, baseIndent) {
     if (indent <= baseIndent && !isArrayItemLine(trimmed)) {
       break;
     }
-    if (isArrayItemLine(trimmed) && indent <= baseIndent) {
+    if (isArrayItemLine(trimmed) && indent < baseIndent) {
       break;
     }
     const isThisLevelItem = isArrayItemLine(trimmed) && (firstItemIndent === -1 || indent === firstItemIndent);
@@ -148,6 +178,30 @@ function parseArraySection(lines, startIndex, baseIndent) {
       continue;
     }
     if (isArrayItemLine(trimmed) && firstItemIndent !== -1 && indent !== firstItemIndent) {
+      if (indent < firstItemIndent && indent > baseIndent && currentItem !== null && !isSimpleArray) {
+        items.push(currentItem);
+        const itemContent = parseArrayItemLine(trimmed);
+        currentItem = {};
+        const kv = parseKeyValue(itemContent);
+        if (kv) {
+          currentItem[kv.key] = parseValue(kv.value);
+        }
+        firstItemIndent = indent;
+        i++;
+        continue;
+      }
+      if (indent > firstItemIndent && currentItem !== null && !isSimpleArray) {
+        items.push(currentItem);
+        const itemContent = parseArrayItemLine(trimmed);
+        currentItem = {};
+        const kv = parseKeyValue(itemContent);
+        if (kv) {
+          currentItem[kv.key] = parseValue(kv.value);
+        }
+        firstItemIndent = indent;
+        i++;
+        continue;
+      }
       i++;
       continue;
     }
@@ -159,9 +213,14 @@ function parseArraySection(lines, startIndex, baseIndent) {
           currentItem.children = childItems;
           i = nextIndex;
           continue;
-        } else {
-          currentItem[kv.key] = parseValue(kv.value);
         }
+        if (kv.key === "data" && kv.value === "") {
+          const { items: nestedData, nextIndex } = parseArraySection(lines, i + 1, indent);
+          currentItem.data = nestedData;
+          i = nextIndex;
+          continue;
+        }
+        currentItem[kv.key] = parseValue(kv.value);
       }
     }
     i++;
@@ -186,26 +245,80 @@ function parse(syntax) {
     const isSectionHeader = /^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(trimmed) && indent === 0 && isKnownSection(trimmed);
     if (isSectionHeader) {
       if (ARRAY_SECTIONS.has(trimmed)) {
-        const { items, nextIndex } = parseArraySection(lines, i + 1, indent);
+        const sectionName = trimmed;
+        const nextIndex = i + 1;
+        let hasSubSections = false;
+        if (nextIndex < lines.length && lines[nextIndex].indent > indent) {
+          const nextTrimmed = lines[nextIndex].trimmed;
+          hasSubSections = /^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(nextTrimmed) && !isArrayItemLine(nextTrimmed);
+        }
+        if (hasSubSections) {
+          const dataObj = {};
+          i++;
+          while (i < lines.length && lines[i].indent > indent) {
+            const subTrimmed = lines[i].trimmed;
+            const subIndent = lines[i].indent;
+            if (/^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(subTrimmed) && !isArrayItemLine(subTrimmed)) {
+              const { items: subItems, nextIndex: subNext } = parseArraySection(
+                lines,
+                i + 1,
+                subIndent
+              );
+              dataObj[subTrimmed] = subItems;
+              i = subNext;
+            } else {
+              i++;
+            }
+          }
+          result[sectionName] = dataObj;
+          continue;
+        }
+        let isTreeRoot = false;
+        if (nextIndex < lines.length && lines[nextIndex].indent > indent) {
+          const firstTrimmed = lines[nextIndex].trimmed;
+          if (!isArrayItemLine(firstTrimmed) && !hasSubSections) {
+            isTreeRoot = true;
+          }
+        }
+        if (isTreeRoot) {
+          const { node, nextIndex: treeNext } = parseTreeNode(lines, i + 1, indent);
+          result[sectionName] = node;
+          i = treeNext;
+          continue;
+        }
+        const { items, nextIndex: arrNext } = parseArraySection(lines, i + 1, indent);
         if (items.length > 0) {
-          result[trimmed] = items;
+          result[sectionName] = items;
         }
-        i = nextIndex;
+        i = arrNext;
         continue;
       } else if (OBJECT_SECTIONS.has(trimmed)) {
         const sectionName = trimmed;
-        result[sectionName] = {};
+        const sectionObj = {};
+        result[sectionName] = sectionObj;
+        const sectionIndent = indent;
         i++;
         while (i < lines.length) {
           const { trimmed: innerTrimmed, indent: innerIndent } = lines[i];
-          if (innerIndent === 0) {
+          if (innerIndent <= sectionIndent) {
             break;
           }
+          if (isArrayItemLine(innerTrimmed)) {
+            i++;
+            continue;
+          }
           const kv = parseKeyValue(innerTrimmed);
           if (kv) {
-            result[sectionName][kv.key] = parseMultipleValues(
-              kv.value
-            );
+            if (kv.value === "" && i + 1 < lines.length) {
+              const nextLine = lines[i + 1];
+              if (nextLine.indent > innerIndent && isArrayItemLine(nextLine.trimmed)) {
+                const { items, nextIndex } = parseArraySection(lines, i + 1, innerIndent);
+                sectionObj[kv.key] = items;
+                i = nextIndex;
+                continue;
+              }
+            }
+            sectionObj[kv.key] = parseValue(kv.value);
           }
           i++;
         }

package/dist/cjs/util/container.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Resolve a container parameter to an HTMLElement.
+ * Supports CSS selectors (e.g., '#container', '.my-chart') and direct HTMLElement references.
+ */
+export declare function resolveContainer(container: string | HTMLElement): HTMLElement;