@chatbi-v/xcml 2.1.0 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -385,10 +385,9 @@
385
385
  border-color: hsl(var(--border));
386
386
  }
387
387
 
388
- .xcml-scope {
389
- background-color: hsl(var(--background));
390
- color: hsl(var(--foreground));
391
- }
388
+ /* .xcml-scope {
389
+ @apply bg-background text-foreground;
390
+ } */
392
391
 
393
392
  *, ::before, ::after {
394
393
  --tw-border-spacing-x: 0;
@@ -1546,6 +1545,10 @@
1546
1545
  min-height: 0px;
1547
1546
  }
1548
1547
 
1548
+ .xcml-scope :is(.min-h-\[100px\]) {
1549
+ min-height: 100px;
1550
+ }
1551
+
1549
1552
  .xcml-scope :is(.min-h-\[6rem\]) {
1550
1553
  min-height: 6rem;
1551
1554
  }
package/dist/index.d.cts CHANGED
@@ -431,6 +431,24 @@ declare function xTagPlugin(options?: XTagPluginOptions): {
431
431
  };
432
432
  };
433
433
 
434
+ interface XCMLLayoutContextValue {
435
+ /**
436
+ * 容器宽度(像素)
437
+ */
438
+ containerWidth: number;
439
+ }
440
+ /**
441
+ * XCML 布局上下文 Provider
442
+ * 负责监听容器尺寸变化并下发给子组件
443
+ */
444
+ declare const XCMLLayoutProvider: React$1.FC<{
445
+ children: React$1.ReactNode;
446
+ }>;
447
+ /**
448
+ * 获取 XCML 布局信息的 Hook
449
+ */
450
+ declare const useXCMLLayout: () => XCMLLayoutContextValue;
451
+
434
452
  interface XCMLProps {
435
453
  content?: string;
436
454
  stream?: AsyncIterable<string>;
@@ -448,6 +466,14 @@ interface XCMLProps {
448
466
  * 主题配置,用于 Mermaid 等图表
449
467
  */
450
468
  theme?: string;
469
+ /**
470
+ * 内容变更回调
471
+ */
472
+ onContentChange?: (content: string) => void;
473
+ /**
474
+ * 组件渲染状态变更回调
475
+ */
476
+ onComponentRender?: (tag: string, status: 'loading' | 'success' | 'error') => void;
451
477
  }
452
478
  /**
453
479
  * XCML 核心渲染组件 (XCMLMarkdown)
@@ -1037,4 +1063,4 @@ declare function ThemeProvider({ children, defaultTheme, theme: controlledTheme,
1037
1063
  storageKey, scoped, className, style, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
1038
1064
  declare const useTheme: () => ThemeProviderState;
1039
1065
 
1040
- export { AntVChartLoader, type AntVRendererOptions, type BaseChartProps, type BasicRenderersOptions, COMMON_PROPS, type ChartAxisConfig, type ChartComponent, type ChartLabelConfig, type ChartLegendConfig, type ChartProps, type ChartStrategy, type ColumnChartProps, DefaultEmptyPlaceholder, DefaultErrorPlaceholder, type DualAxesChartProps, type DualAxesChildConfig, type ExtendedRenderersOptions, type FunnelChartProps, type LineChartProps, type PieChartProps, type Theme, ThemeProvider, type XCMLBaseComponent, type XCMLBaseProps, XCMLCardWrapper, XCMLChart, type XCMLComponentSchema, type XCMLContext, XCMLEventBus, XCMLMarkdown, type XCMLPlugin, type XCMLPropertyCategory, type XCMLPropertyDefinition, type XCMLPropertyType, type XCMLProps, type XCMLRenderer, XCML_SCHEMAS, type XTagPluginOptions, buildConfig, chartSchema, cleanPropsBySchema, columnChartSchema, columnStrategy, createAntVRenderers, createBasicRenderers, createExtendedRenderers, createRenderersWithAliases, deepMerge, dualAxesChartSchema, dualAxesStrategy, extractBaseStyles, funnelChartSchema, funnelStrategy, getChartStrategy, getTheme, lineChartSchema, lineStrategy, mergePropsAndBody, normalizeNodeData, normalizeTagName, parseArrayProp, parseInlineData, parseXCML, pieChartSchema, pieStrategy, preprocessXCML, renderXCML, strategies, stringifyToXCML, themeDark, themeLight, themeMap, toXCMLNodeFromElement, toXCMLTag, toXTag, useTheme, useXCMLComponent, useXCMLNode, validateDataSchema, validateXCMLNode, withXCMLCard, xTagPlugin, xcmlBus };
1066
+ export { AntVChartLoader, type AntVRendererOptions, type BaseChartProps, type BasicRenderersOptions, COMMON_PROPS, type ChartAxisConfig, type ChartComponent, type ChartLabelConfig, type ChartLegendConfig, type ChartProps, type ChartStrategy, type ColumnChartProps, DefaultEmptyPlaceholder, DefaultErrorPlaceholder, type DualAxesChartProps, type DualAxesChildConfig, type ExtendedRenderersOptions, type FunnelChartProps, type LineChartProps, type PieChartProps, type Theme, ThemeProvider, type XCMLBaseComponent, type XCMLBaseProps, XCMLCardWrapper, XCMLChart, type XCMLComponentSchema, type XCMLContext, XCMLEventBus, XCMLLayoutProvider, XCMLMarkdown, type XCMLPlugin, type XCMLPropertyCategory, type XCMLPropertyDefinition, type XCMLPropertyType, type XCMLProps, type XCMLRenderer, XCML_SCHEMAS, type XTagPluginOptions, buildConfig, chartSchema, cleanPropsBySchema, columnChartSchema, columnStrategy, createAntVRenderers, createBasicRenderers, createExtendedRenderers, createRenderersWithAliases, deepMerge, dualAxesChartSchema, dualAxesStrategy, extractBaseStyles, funnelChartSchema, funnelStrategy, getChartStrategy, getTheme, lineChartSchema, lineStrategy, mergePropsAndBody, normalizeNodeData, normalizeTagName, parseArrayProp, parseInlineData, parseXCML, pieChartSchema, pieStrategy, preprocessXCML, renderXCML, strategies, stringifyToXCML, themeDark, themeLight, themeMap, toXCMLNodeFromElement, toXCMLTag, toXTag, useTheme, useXCMLComponent, useXCMLLayout, useXCMLNode, validateDataSchema, validateXCMLNode, withXCMLCard, xTagPlugin, xcmlBus };
package/dist/index.d.ts CHANGED
@@ -431,6 +431,24 @@ declare function xTagPlugin(options?: XTagPluginOptions): {
431
431
  };
432
432
  };
433
433
 
434
+ interface XCMLLayoutContextValue {
435
+ /**
436
+ * 容器宽度(像素)
437
+ */
438
+ containerWidth: number;
439
+ }
440
+ /**
441
+ * XCML 布局上下文 Provider
442
+ * 负责监听容器尺寸变化并下发给子组件
443
+ */
444
+ declare const XCMLLayoutProvider: React$1.FC<{
445
+ children: React$1.ReactNode;
446
+ }>;
447
+ /**
448
+ * 获取 XCML 布局信息的 Hook
449
+ */
450
+ declare const useXCMLLayout: () => XCMLLayoutContextValue;
451
+
434
452
  interface XCMLProps {
435
453
  content?: string;
436
454
  stream?: AsyncIterable<string>;
@@ -448,6 +466,14 @@ interface XCMLProps {
448
466
  * 主题配置,用于 Mermaid 等图表
449
467
  */
450
468
  theme?: string;
469
+ /**
470
+ * 内容变更回调
471
+ */
472
+ onContentChange?: (content: string) => void;
473
+ /**
474
+ * 组件渲染状态变更回调
475
+ */
476
+ onComponentRender?: (tag: string, status: 'loading' | 'success' | 'error') => void;
451
477
  }
452
478
  /**
453
479
  * XCML 核心渲染组件 (XCMLMarkdown)
@@ -1037,4 +1063,4 @@ declare function ThemeProvider({ children, defaultTheme, theme: controlledTheme,
1037
1063
  storageKey, scoped, className, style, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
1038
1064
  declare const useTheme: () => ThemeProviderState;
1039
1065
 
1040
- export { AntVChartLoader, type AntVRendererOptions, type BaseChartProps, type BasicRenderersOptions, COMMON_PROPS, type ChartAxisConfig, type ChartComponent, type ChartLabelConfig, type ChartLegendConfig, type ChartProps, type ChartStrategy, type ColumnChartProps, DefaultEmptyPlaceholder, DefaultErrorPlaceholder, type DualAxesChartProps, type DualAxesChildConfig, type ExtendedRenderersOptions, type FunnelChartProps, type LineChartProps, type PieChartProps, type Theme, ThemeProvider, type XCMLBaseComponent, type XCMLBaseProps, XCMLCardWrapper, XCMLChart, type XCMLComponentSchema, type XCMLContext, XCMLEventBus, XCMLMarkdown, type XCMLPlugin, type XCMLPropertyCategory, type XCMLPropertyDefinition, type XCMLPropertyType, type XCMLProps, type XCMLRenderer, XCML_SCHEMAS, type XTagPluginOptions, buildConfig, chartSchema, cleanPropsBySchema, columnChartSchema, columnStrategy, createAntVRenderers, createBasicRenderers, createExtendedRenderers, createRenderersWithAliases, deepMerge, dualAxesChartSchema, dualAxesStrategy, extractBaseStyles, funnelChartSchema, funnelStrategy, getChartStrategy, getTheme, lineChartSchema, lineStrategy, mergePropsAndBody, normalizeNodeData, normalizeTagName, parseArrayProp, parseInlineData, parseXCML, pieChartSchema, pieStrategy, preprocessXCML, renderXCML, strategies, stringifyToXCML, themeDark, themeLight, themeMap, toXCMLNodeFromElement, toXCMLTag, toXTag, useTheme, useXCMLComponent, useXCMLNode, validateDataSchema, validateXCMLNode, withXCMLCard, xTagPlugin, xcmlBus };
1066
+ export { AntVChartLoader, type AntVRendererOptions, type BaseChartProps, type BasicRenderersOptions, COMMON_PROPS, type ChartAxisConfig, type ChartComponent, type ChartLabelConfig, type ChartLegendConfig, type ChartProps, type ChartStrategy, type ColumnChartProps, DefaultEmptyPlaceholder, DefaultErrorPlaceholder, type DualAxesChartProps, type DualAxesChildConfig, type ExtendedRenderersOptions, type FunnelChartProps, type LineChartProps, type PieChartProps, type Theme, ThemeProvider, type XCMLBaseComponent, type XCMLBaseProps, XCMLCardWrapper, XCMLChart, type XCMLComponentSchema, type XCMLContext, XCMLEventBus, XCMLLayoutProvider, XCMLMarkdown, type XCMLPlugin, type XCMLPropertyCategory, type XCMLPropertyDefinition, type XCMLPropertyType, type XCMLProps, type XCMLRenderer, XCML_SCHEMAS, type XTagPluginOptions, buildConfig, chartSchema, cleanPropsBySchema, columnChartSchema, columnStrategy, createAntVRenderers, createBasicRenderers, createExtendedRenderers, createRenderersWithAliases, deepMerge, dualAxesChartSchema, dualAxesStrategy, extractBaseStyles, funnelChartSchema, funnelStrategy, getChartStrategy, getTheme, lineChartSchema, lineStrategy, mergePropsAndBody, normalizeNodeData, normalizeTagName, parseArrayProp, parseInlineData, parseXCML, pieChartSchema, pieStrategy, preprocessXCML, renderXCML, strategies, stringifyToXCML, themeDark, themeLight, themeMap, toXCMLNodeFromElement, toXCMLTag, toXTag, useTheme, useXCMLComponent, useXCMLLayout, useXCMLNode, validateDataSchema, validateXCMLNode, withXCMLCard, xTagPlugin, xcmlBus };