@xihan-ui/vue 2.0.0 → 3.0.0

package/dist/components/cartesian-chart/cartesian-chart.d.ts

@@ -0,0 +1,262 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { CartesianAnnotation, CartesianAxis, CartesianBrush, CartesianBrushSelection, CartesianChartApi, CartesianChartSchema, CartesianChartTranslations, CartesianOrientation, CartesianRenderer, CartesianSeries, CartesianTooltipModel, CartesianTooltipOrder, CartesianTrigger, CartesianWindow, CartesianZoom, ChartDatumDetails, ChartKey, ChartPalette, ChartRow, ColumnSource } from "@xihan-ui/headless";
+//#region src/components/cartesian-chart/cartesian-chart.d.ts
+type CartesianChartProps = CartesianChartSchema['props'];
+/** 默认插槽的载荷：自行摆放部件时用得上的状态与动作。 */
+type CartesianChartRootSlotProps = Pick<CartesianChartApi, 'legendItems' | 'active' | 'tooltip' | 'empty' | 'hiddenSeries' | 'activeKey' | 'toggleSeries' | 'setFocusedDatum' | 'table'>;
+/** 提示框插槽的载荷：激活的数据（axis 模式带 items）与缺省的内容模型。 */
+interface CartesianChartTooltipSlotProps {
+  active: ChartDatumDetails | null;
+  tooltip: CartesianTooltipModel | null;
+}
+/** 标题：图表的可及名来源。 */
+declare const XhCartesianChartCaption: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 图例：项由组件按系列生成；只有一个系列时整条收起。 */
+declare const XhCartesianChartLegend: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 视口：尺寸观测的宿主，块尺寸由组件槽决定、含坐标轴带。 */
+declare const XhCartesianChartViewport: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 绘图区：按场景生成网格、坐标轴、系列与前景层，层序由连接层分好。
+ * 数据层画在画布上时前面再垫一层 svg（网格、坐标轴、参考带、准线）与画布；绘图区始终以同一个 key 在最后，
+ * 渲染器切换时它不重建，焦点不丢。
+ */
+declare const XhCartesianChartPlot: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 缩放条：一条轨道上的窗口与两端的手柄；自变量方向不能缩放时收起。 */
+declare const XhCartesianChartZoomSlider: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 提示框：缺省内容按激活的数据生成，作用域插槽可替换。 */
+declare const XhCartesianChartTooltip: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+  default?: (props: CartesianChartTooltipSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 空态：没有可画的数据时显示，缺省文字取文案。 */
+declare const XhCartesianChartEmpty: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 根：铺开缺省结构或交给默认插槽，并在末尾追加摘要与数据表。 */
+declare const XhCartesianChartRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  data: {
+    type: PropType<readonly ChartRow[] | ColumnSource>;
+  };
+  series: {
+    type: PropType<readonly CartesianSeries[]>;
+  };
+  xAxis: {
+    type: PropType<CartesianAxis>;
+  };
+  yAxis: {
+    type: PropType<CartesianAxis>;
+  };
+  orientation: {
+    type: PropType<CartesianOrientation>;
+  };
+  renderer: {
+    type: PropType<CartesianRenderer>;
+  };
+  trigger: {
+    type: PropType<CartesianTrigger>;
+  };
+  totals: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  tooltipOrder: {
+    type: PropType<CartesianTooltipOrder>;
+  };
+  palette: {
+    type: PropType<ChartPalette>;
+  };
+  annotations: {
+    type: PropType<readonly CartesianAnnotation[]>;
+  };
+  zoom: {
+    type: PropType<CartesianZoom>;
+  };
+  window: {
+    type: PropType<CartesianWindow>;
+  };
+  defaultWindow: {
+    type: PropType<CartesianWindow>;
+  };
+  follow: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultFollow: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  brush: {
+    type: PropType<CartesianBrush>;
+  };
+  brushSelection: {
+    type: PropType<CartesianBrushSelection | null>;
+  };
+  defaultBrushSelection: {
+    type: PropType<CartesianBrushSelection | null>;
+  };
+  hiddenSeries: {
+    type: PropType<string[]>;
+  };
+  defaultHiddenSeries: {
+    type: PropType<string[]>;
+  };
+  activeKey: {
+    type: PropType<ChartKey | null>;
+  };
+  pending: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  animated: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  locale: {
+    type: StringConstructor;
+  };
+  translations: {
+    type: PropType<Partial<CartesianChartTranslations>>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'hidden-series-change': (_details: PayloadOf<CartesianChartProps, "onHiddenSeriesChange">) => true;
+  'update:hiddenSeries': (_hidden: PayloadOf<CartesianChartProps, "onHiddenSeriesChange">["hiddenSeries"]) => true;
+  'active-key-change': (_details: PayloadOf<CartesianChartProps, "onActiveKeyChange">) => true;
+  'update:activeKey': (_key: PayloadOf<CartesianChartProps, "onActiveKeyChange">["activeKey"]) => true;
+  'window-change': (_details: PayloadOf<CartesianChartProps, "onWindowChange">) => true;
+  'update:window': (_window: PayloadOf<CartesianChartProps, "onWindowChange">["window"]) => true;
+  'follow-change': (_details: PayloadOf<CartesianChartProps, "onFollowChange">) => true;
+  'update:follow': (_follow: PayloadOf<CartesianChartProps, "onFollowChange">["follow"]) => true;
+  'brush-selection-change': (_details: PayloadOf<CartesianChartProps, "onBrushSelectionChange">) => true;
+  'update:brushSelection': (_selection: PayloadOf<CartesianChartProps, "onBrushSelectionChange">["selection"]) => true;
+  'datum-active': (_details: PayloadOf<CartesianChartProps, "onDatumActive">) => true;
+  'datum-press': (_details: PayloadOf<CartesianChartProps, "onDatumPress">) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  data: {
+    type: PropType<readonly ChartRow[] | ColumnSource>;
+  };
+  series: {
+    type: PropType<readonly CartesianSeries[]>;
+  };
+  xAxis: {
+    type: PropType<CartesianAxis>;
+  };
+  yAxis: {
+    type: PropType<CartesianAxis>;
+  };
+  orientation: {
+    type: PropType<CartesianOrientation>;
+  };
+  renderer: {
+    type: PropType<CartesianRenderer>;
+  };
+  trigger: {
+    type: PropType<CartesianTrigger>;
+  };
+  totals: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  tooltipOrder: {
+    type: PropType<CartesianTooltipOrder>;
+  };
+  palette: {
+    type: PropType<ChartPalette>;
+  };
+  annotations: {
+    type: PropType<readonly CartesianAnnotation[]>;
+  };
+  zoom: {
+    type: PropType<CartesianZoom>;
+  };
+  window: {
+    type: PropType<CartesianWindow>;
+  };
+  defaultWindow: {
+    type: PropType<CartesianWindow>;
+  };
+  follow: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultFollow: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  brush: {
+    type: PropType<CartesianBrush>;
+  };
+  brushSelection: {
+    type: PropType<CartesianBrushSelection | null>;
+  };
+  defaultBrushSelection: {
+    type: PropType<CartesianBrushSelection | null>;
+  };
+  hiddenSeries: {
+    type: PropType<string[]>;
+  };
+  defaultHiddenSeries: {
+    type: PropType<string[]>;
+  };
+  activeKey: {
+    type: PropType<ChartKey | null>;
+  };
+  pending: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  animated: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  locale: {
+    type: StringConstructor;
+  };
+  translations: {
+    type: PropType<Partial<CartesianChartTranslations>>;
+  };
+}>> & Readonly<{
+  "onHidden-series-change"?: ((_details: import("@xihan-ui/headless").ChartHiddenSeriesChangeDetails) => any) | undefined;
+  "onUpdate:hiddenSeries"?: ((_hidden: string[]) => any) | undefined;
+  "onActive-key-change"?: ((_details: import("@xihan-ui/headless").ChartActiveKeyChangeDetails) => any) | undefined;
+  "onUpdate:activeKey"?: ((_key: ChartKey | null) => any) | undefined;
+  "onWindow-change"?: ((_details: import("@xihan-ui/headless").CartesianWindowChangeDetails) => any) | undefined;
+  "onUpdate:window"?: ((_window: CartesianWindow) => any) | undefined;
+  "onFollow-change"?: ((_details: import("@xihan-ui/headless").CartesianFollowChangeDetails) => any) | undefined;
+  "onUpdate:follow"?: ((_follow: boolean) => any) | undefined;
+  "onBrush-selection-change"?: ((_details: import("@xihan-ui/headless").CartesianBrushSelectionChangeDetails) => any) | undefined;
+  "onUpdate:brushSelection"?: ((_selection: CartesianWindow | null) => any) | undefined;
+  "onDatum-active"?: ((_details: ChartDatumDetails | null) => any) | undefined;
+  "onDatum-press"?: ((_details: ChartDatumDetails) => any) | undefined;
+}>, {
+  pending: boolean;
+  follow: boolean;
+  totals: boolean;
+  defaultFollow: boolean;
+  animated: boolean;
+}, SlotsType<{
+  /** 自行摆放部件；不写时铺开缺省结构：图例、视口（绘图区与空态）、提示框。 */
+  default?: (props: CartesianChartRootSlotProps) => VNode[];
+  /** 缺省结构里的标题内容。 */
+  caption?: () => VNode[];
+  /** 缺省结构里的提示框内容。 */
+  tooltip?: (props: CartesianChartTooltipSlotProps) => VNode[];
+  /** 缺省结构里的空态内容。 */
+  empty?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { CartesianChartRootSlotProps, CartesianChartTooltipSlotProps, XhCartesianChartCaption, XhCartesianChartEmpty, XhCartesianChartLegend, XhCartesianChartPlot, XhCartesianChartRoot, XhCartesianChartTooltip, XhCartesianChartViewport, XhCartesianChartZoomSlider };
+//# sourceMappingURL=cartesian-chart.d.ts.map

package/dist/components/cartesian-chart/cartesian-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cartesian-chart.d.ts","names":[],"sources":["../../../src/components/cartesian-chart/cartesian-chart.ts"],"mappings":";;;;KAqCK,sBAAsB;;KAGf,8BAA8B,KAAK;;UAG9B;EACf,QAAQ;EACR,SAAS;;;cAuDE,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAgBW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAgBjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BASnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;cAOW,oCAAoB,0BAAA,oBAAA,4BAAA;;gCAmB/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAmBrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,uCAAuB,0BAAA,oBAAA,4BAAA;;;EAGtB,WAAC,OAAO,mCAAmC;kCAWvD;;cAGW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,oCAAoB,8BAAA;;IAII,MAAA,kBAAkB,aAAa;;;IACvC,MAAA,kBAAkB;;;IAClB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACH,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACV,MAAA,SAAS;;;;;;;IAEJ,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACN,MAAA,kBAAkB;;;IACxB,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;IAGjB,MAAA,SAAS;;;IACA,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACnB,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;EAId,yBAAA,UAAA,UAAU;EACZ,wBAAA,SAAA,UAAU;EACX,sBAAA,UAAA,UAAU;EACf,qBAAA,MAAA,UAAU;EACT,kBAAA,UAAA,UAAU;EACX,kBAAA,SAAA,UAAU;EACT,kBAAA,UAAA,UAAU;EACX,kBAAA,SAAA,UAAU;EACA,2BAAA,UAAA,UAAU;EACT,0BAAA,YAAA,UAAU;EACrB,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;;;IAxCH,MAAA,kBAAkB,aAAa;;;IACvC,MAAA,kBAAkB;;;IAClB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACH,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACV,MAAA,SAAS;;;;;;;IAEJ,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACN,MAAA,kBAAkB;;;IACxB,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;IAGjB,MAAA,SAAS;;;IACA,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACnB,MAAA;;;IACO,MAAA;;;IACa,MAAA,SAAS;;;;;;;;;;;;;;IAI5B,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;EAmBvC,WAAC,OAAO,gCAAgC;;EAExC,gBAAM;;EAEN,WAAC,OAAO,mCAAmC;;EAE7C,cAAM;kCA2DhB"}

package/dist/components/cartesian-chart/cartesian-chart.js

@@ -0,0 +1,293 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideCartesianChart, useCartesianChartContext } from "./context.js";
+import { useCartesianChart } from "./use-cartesian-chart.js";
+import { defineComponent, h } from "vue";
+//#region src/components/cartesian-chart/cartesian-chart.ts
+/** 纹理定义：绘图区的第一个子节点，每种纹理一个 pattern、里面一条线。 */
+function renderDefs(api) {
+	return h("defs", api.getDefsProps(), [...api.patterns.map((pattern) => h("pattern", {
+		...api.getPatternProps(pattern),
+		key: pattern.id
+	}, [h("path", api.getPatternLineProps(pattern))])), ...api.clip ? [h("clipPath", {
+		...api.getClipPathProps(),
+		key: "clip"
+	}, [h("rect", api.getClipRectProps())])] : []]);
+}
+/** 一个场景标记画成 SVG 元素；分组递归画子标记，文字标记带文字。 */
+function renderMark(api, mark) {
+	const props = {
+		...api.getMarkProps(mark),
+		key: mark.key
+	};
+	if (mark.kind === "group") return h("g", props, mark.children.map((child) => renderMark(api, child)));
+	if (mark.kind === "text") return h("text", props, mark.text);
+	return h("path", props);
+}
+/** 缺省的提示框内容：头部是自变量，每个系列一行（色标、数值、系列名）。 */
+function renderTooltipContent(api) {
+	const tooltip = api.tooltip;
+	if (!tooltip) return [];
+	return [h("div", api.getTooltipHeaderProps(), tooltip.header), ...tooltip.rows.map((row) => h("div", {
+		...api.getTooltipRowProps(row),
+		key: row.seriesId
+	}, [
+		h("span", api.getTooltipSwatchProps(row)),
+		h("span", api.getTooltipValueProps(row), row.value),
+		h("span", api.getTooltipNameProps(row), row.name)
+	]))];
+}
+/** 摘要与数据表：由根自动生成、视觉隐藏，保证无障碍等价物始终存在。 */
+function renderA11y(api) {
+	const { columns, rows } = api.table;
+	return [h("p", api.getSummaryProps(), api.summary), h("table", api.getTableProps(), [
+		h("caption", api.tableCaption),
+		h("thead", [h("tr", columns.map((column) => h("th", {
+			key: column.id,
+			scope: "col"
+		}, column.label)))]),
+		h("tbody", rows.map((row, i) => h("tr", { key: i }, row.cells.map((cell, c) => c === 0 ? h("th", {
+			key: c,
+			scope: "row"
+		}, cell.text) : h("td", { key: c }, cell.text)))))
+	])];
+}
+/** 标题：图表的可及名来源。 */
+const XhCartesianChartCaption = defineComponent({
+	name: "XhCartesianChartCaption",
+	setup(_, { slots }) {
+		const ctx = useCartesianChartContext();
+		return () => h("figcaption", ctx.api.value.getCaptionProps(), slots.default?.());
+	}
+});
+/** 色阶图例：按值着色时跟在图例项后面；没有按值着色时整块收起，节点常在。 */
+function renderLegendScale(api) {
+	const scale = api.legendScale;
+	return h("div", {
+		...api.getLegendScaleProps(),
+		key: "legend-scale"
+	}, scale ? [
+		h("span", api.getLegendScaleNameProps(), scale.name),
+		h("span", api.getLegendScaleValueProps("min"), scale.min),
+		h("span", api.getLegendScaleBarProps()),
+		h("span", api.getLegendScaleValueProps("max"), scale.max)
+	] : []);
+}
+/** 图例：项由组件按系列生成；只有一个系列时整条收起。 */
+const XhCartesianChartLegend = defineComponent({
+	name: "XhCartesianChartLegend",
+	setup() {
+		const ctx = useCartesianChartContext();
+		return () => {
+			const api = ctx.api.value;
+			return h("div", api.getLegendProps(), [...api.legendItems.map((item) => h("button", {
+				...api.getLegendItemProps(item),
+				key: item.id
+			}, [h("span", api.getLegendSwatchProps(item)), h("span", api.getLegendLabelProps(item), item.name)])), renderLegendScale(api)]);
+		};
+	}
+});
+/** 视口：尺寸观测的宿主，块尺寸由组件槽决定、含坐标轴带。 */
+const XhCartesianChartViewport = defineComponent({
+	name: "XhCartesianChartViewport",
+	setup(_, { slots }) {
+		const ctx = useCartesianChartContext();
+		return () => h("div", {
+			...ctx.api.value.getViewportProps(),
+			ref: (el) => {
+				ctx.viewportRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+/**
+* 绘图区：按场景生成网格、坐标轴、系列与前景层，层序由连接层分好。
+* 数据层画在画布上时前面再垫一层 svg（网格、坐标轴、参考带、准线）与画布；绘图区始终以同一个 key 在最后，
+* 渲染器切换时它不重建，焦点不丢。
+*/
+const XhCartesianChartPlot = defineComponent({
+	name: "XhCartesianChartPlot",
+	setup() {
+		const ctx = useCartesianChartContext();
+		const bindCanvas = (el) => {
+			ctx.canvasRef.value = el;
+		};
+		return () => {
+			const api = ctx.api.value;
+			const plot = h("svg", {
+				...api.getPlotProps(),
+				key: "plot"
+			}, [renderDefs(api), ...api.layers.plot.map((mark) => renderMark(api, mark))]);
+			if (api.renderer !== "canvas") return [plot];
+			return [
+				h("svg", {
+					...api.getUnderlayProps(),
+					key: "underlay"
+				}, api.layers.underlay.map((mark) => renderMark(api, mark))),
+				h("canvas", {
+					...api.getCanvasProps(),
+					key: "canvas",
+					ref: bindCanvas
+				}),
+				plot
+			];
+		};
+	}
+});
+/** 缩放条：一条轨道上的窗口与两端的手柄；自变量方向不能缩放时收起。 */
+const XhCartesianChartZoomSlider = defineComponent({
+	name: "XhCartesianChartZoomSlider",
+	setup() {
+		const ctx = useCartesianChartContext();
+		return () => {
+			const api = ctx.api.value;
+			return h("div", api.getZoomSliderProps(), [h("div", api.getZoomTrackProps(), [h("div", api.getZoomWindowProps(), [h("span", api.getZoomHandleProps("start")), h("span", api.getZoomHandleProps("end"))]), h("svg", api.getZoomPreviewProps(), [h("path", api.getZoomPreviewLineProps())])])]);
+		};
+	}
+});
+/** 提示框：缺省内容按激活的数据生成，作用域插槽可替换。 */
+const XhCartesianChartTooltip = defineComponent({
+	name: "XhCartesianChartTooltip",
+	slots: Object,
+	setup(_, { slots }) {
+		const ctx = useCartesianChartContext();
+		return () => {
+			const api = ctx.api.value;
+			return h("div", api.getTooltipProps(), slots.default ? slots.default({
+				active: api.active,
+				tooltip: api.tooltip
+			}) : renderTooltipContent(api));
+		};
+	}
+});
+/** 空态：没有可画的数据时显示，缺省文字取文案。 */
+const XhCartesianChartEmpty = defineComponent({
+	name: "XhCartesianChartEmpty",
+	setup(_, { slots }) {
+		const ctx = useCartesianChartContext();
+		return () => h("div", ctx.api.value.getEmptyProps(), slots.default?.() ?? ctx.api.value.emptyText);
+	}
+});
+/** 根：铺开缺省结构或交给默认插槽，并在末尾追加摘要与数据表。 */
+const XhCartesianChartRoot = defineComponent({
+	name: "XhCartesianChartRoot",
+	props: {
+		data: { type: [Array, Object] },
+		series: { type: Array },
+		xAxis: { type: Object },
+		yAxis: { type: Object },
+		orientation: { type: String },
+		renderer: { type: String },
+		trigger: { type: String },
+		totals: {
+			type: Boolean,
+			default: void 0
+		},
+		tooltipOrder: { type: String },
+		palette: { type: String },
+		annotations: { type: Array },
+		zoom: { type: String },
+		window: { type: Object },
+		defaultWindow: { type: Object },
+		follow: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultFollow: {
+			type: Boolean,
+			default: void 0
+		},
+		brush: { type: String },
+		brushSelection: { type: Object },
+		defaultBrushSelection: { type: Object },
+		hiddenSeries: { type: Array },
+		defaultHiddenSeries: { type: Array },
+		activeKey: { type: [
+			String,
+			Number,
+			Date,
+			null
+		] },
+		pending: {
+			type: Boolean,
+			default: void 0
+		},
+		animated: {
+			type: Boolean,
+			default: void 0
+		},
+		locale: { type: String },
+		translations: { type: Object }
+	},
+	emits: {
+		"hidden-series-change": (_details) => true,
+		"update:hiddenSeries": (_hidden) => true,
+		"active-key-change": (_details) => true,
+		"update:activeKey": (_key) => true,
+		"window-change": (_details) => true,
+		"update:window": (_window) => true,
+		"follow-change": (_details) => true,
+		"update:follow": (_follow) => true,
+		"brush-selection-change": (_details) => true,
+		"update:brushSelection": (_selection) => true,
+		"datum-active": (_details) => true,
+		"datum-press": (_details) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const ctx = useCartesianChart(withXhConfig("cartesian-chart", props), {
+			onHiddenSeriesChange: (details) => {
+				emit("hidden-series-change", details);
+				emit("update:hiddenSeries", details.hiddenSeries);
+			},
+			onActiveKeyChange: (details) => {
+				emit("active-key-change", details);
+				emit("update:activeKey", details.activeKey);
+			},
+			onWindowChange: (details) => {
+				emit("window-change", details);
+				emit("update:window", details.window);
+			},
+			onFollowChange: (details) => {
+				emit("follow-change", details);
+				emit("update:follow", details.follow);
+			},
+			onBrushSelectionChange: (details) => {
+				emit("brush-selection-change", details);
+				emit("update:brushSelection", details.selection);
+			},
+			onDatumActive: (details) => emit("datum-active", details),
+			onDatumPress: (details) => emit("datum-press", details)
+		});
+		provideCartesianChart(ctx);
+		return () => {
+			const api = ctx.api.value;
+			const content = slots.default ? slots.default({
+				legendItems: api.legendItems,
+				active: api.active,
+				tooltip: api.tooltip,
+				empty: api.empty,
+				table: api.table,
+				hiddenSeries: api.hiddenSeries,
+				activeKey: api.activeKey,
+				toggleSeries: api.toggleSeries,
+				setFocusedDatum: api.setFocusedDatum
+			}) : [
+				...slots.caption ? [h(XhCartesianChartCaption, null, () => slots.caption?.())] : [],
+				h(XhCartesianChartLegend),
+				h(XhCartesianChartViewport, null, () => [h(XhCartesianChartPlot), h(XhCartesianChartEmpty, null, slots.empty ? () => slots.empty?.() : void 0)]),
+				h(XhCartesianChartZoomSlider),
+				h(XhCartesianChartTooltip, null, slots.tooltip ? { default: slots.tooltip } : void 0)
+			];
+			return h("figure", {
+				...api.getRootProps(),
+				ref: (el) => {
+					ctx.rootRef.value = el;
+				}
+			}, [...content, ...renderA11y(api)]);
+		};
+	}
+});
+//#endregion
+export { XhCartesianChartCaption, XhCartesianChartEmpty, XhCartesianChartLegend, XhCartesianChartPlot, XhCartesianChartRoot, XhCartesianChartTooltip, XhCartesianChartViewport, XhCartesianChartZoomSlider };
+
+//# sourceMappingURL=cartesian-chart.js.map

package/dist/components/cartesian-chart/cartesian-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cartesian-chart.js","names":[],"sources":["../../../src/components/cartesian-chart/cartesian-chart.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 cartesian chart 相关实现。\n\nimport type {\n  CartesianAnnotation,\n  CartesianAxis,\n  CartesianBrush,\n  CartesianBrushSelection,\n  CartesianChartApi,\n  CartesianChartSchema,\n  CartesianChartTranslations,\n  CartesianOrientation,\n  CartesianRenderer,\n  CartesianSeries,\n  CartesianTooltipModel,\n  CartesianTooltipOrder,\n  CartesianTrigger,\n  CartesianWindow,\n  CartesianZoom,\n  ChartDatumDetails,\n  ChartKey,\n  ChartMark,\n  ChartPalette,\n  ChartRow,\n  ColumnSource,\n} from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideCartesianChart, useCartesianChartContext } from './context'\nimport { useCartesianChart } from './use-cartesian-chart'\n\ntype CartesianChartProps = CartesianChartSchema['props']\n\n/** 默认插槽的载荷：自行摆放部件时用得上的状态与动作。 */\nexport type CartesianChartRootSlotProps = Pick<CartesianChartApi, 'legendItems' | 'active' | 'tooltip' | 'empty' | 'hiddenSeries' | 'activeKey' | 'toggleSeries' | 'setFocusedDatum' | 'table'>\n\n/** 提示框插槽的载荷：激活的数据（axis 模式带 items）与缺省的内容模型。 */\nexport interface CartesianChartTooltipSlotProps {\n  active: ChartDatumDetails | null\n  tooltip: CartesianTooltipModel | null\n}\n\n/** 纹理定义：绘图区的第一个子节点，每种纹理一个 pattern、里面一条线。 */\nfunction renderDefs(api: CartesianChartApi): VNode {\n  return h('defs', api.getDefsProps() as Record<string, unknown>, [\n    ...api.patterns.map(pattern =>\n      h('pattern', { ...api.getPatternProps(pattern) as Record<string, unknown>, key: pattern.id }, [\n        h('path', api.getPatternLineProps(pattern) as Record<string, unknown>),\n      ])),\n    // 缩放后的裁剪区：窗外的系列与注释按它裁掉\n    ...(api.clip ? [h('clipPath', { ...api.getClipPathProps() as Record<string, unknown>, key: 'clip' }, [h('rect', api.getClipRectProps() as Record<string, unknown>)])] : []),\n  ])\n}\n\n/** 一个场景标记画成 SVG 元素；分组递归画子标记，文字标记带文字。 */\nfunction renderMark(api: CartesianChartApi, mark: ChartMark): VNode {\n  const props = { ...api.getMarkProps(mark) as Record<string, unknown>, key: mark.key }\n  if (mark.kind === 'group')\n    return h('g', props, mark.children.map(child => renderMark(api, child)))\n  if (mark.kind === 'text')\n    return h('text', props, mark.text)\n  return h('path', props)\n}\n\n/** 缺省的提示框内容：头部是自变量，每个系列一行（色标、数值、系列名）。 */\nfunction renderTooltipContent(api: CartesianChartApi): VNode[] {\n  const tooltip = api.tooltip\n  if (!tooltip)\n    return []\n  return [\n    h('div', api.getTooltipHeaderProps() as Record<string, unknown>, tooltip.header),\n    ...tooltip.rows.map(row => h('div', { ...api.getTooltipRowProps(row) as Record<string, unknown>, key: row.seriesId }, [\n      h('span', api.getTooltipSwatchProps(row) as Record<string, unknown>),\n      h('span', api.getTooltipValueProps(row) as Record<string, unknown>, row.value),\n      h('span', api.getTooltipNameProps(row) as Record<string, unknown>, row.name),\n    ])),\n  ]\n}\n\n/** 摘要与数据表：由根自动生成、视觉隐藏，保证无障碍等价物始终存在。 */\nfunction renderA11y(api: CartesianChartApi): VNode[] {\n  const { columns, rows } = api.table\n  return [\n    h('p', api.getSummaryProps() as Record<string, unknown>, api.summary),\n    h('table', api.getTableProps() as Record<string, unknown>, [\n      h('caption', api.tableCaption),\n      h('thead', [h('tr', columns.map(column => h('th', { key: column.id, scope: 'col' }, column.label)))]),\n      h('tbody', rows.map((row, i) => h('tr', { key: i }, row.cells.map((cell, c) =>\n        c === 0 ? h('th', { key: c, scope: 'row' }, cell.text) : h('td', { key: c }, cell.text))))),\n    ]),\n  ]\n}\n\n/** 标题：图表的可及名来源。 */\nexport const XhCartesianChartCaption = defineComponent({\n  name: 'XhCartesianChartCaption',\n  setup(_, { slots }) {\n    const ctx = useCartesianChartContext()\n    return () => h('figcaption', ctx.api.value.getCaptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 色阶图例：按值着色时跟在图例项后面；没有按值着色时整块收起，节点常在。 */\nfunction renderLegendScale(api: CartesianChartApi): VNode {\n  const scale = api.legendScale\n  return h('div', { ...api.getLegendScaleProps() as Record<string, unknown>, key: 'legend-scale' }, scale\n    ? [\n        h('span', api.getLegendScaleNameProps() as Record<string, unknown>, scale.name),\n        h('span', api.getLegendScaleValueProps('min') as Record<string, unknown>, scale.min),\n        h('span', api.getLegendScaleBarProps() as Record<string, unknown>),\n        h('span', api.getLegendScaleValueProps('max') as Record<string, unknown>, scale.max),\n      ]\n    : [])\n}\n\n/** 图例：项由组件按系列生成；只有一个系列时整条收起。 */\nexport const XhCartesianChartLegend = defineComponent({\n  name: 'XhCartesianChartLegend',\n  setup() {\n    const ctx = useCartesianChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getLegendProps() as Record<string, unknown>, [\n        ...api.legendItems.map(item =>\n          h('button', { ...api.getLegendItemProps(item) as Record<string, unknown>, key: item.id }, [\n            h('span', api.getLegendSwatchProps(item) as Record<string, unknown>),\n            h('span', api.getLegendLabelProps(item) as Record<string, unknown>, item.name),\n          ])),\n        renderLegendScale(api),\n      ])\n    }\n  },\n})\n\n/** 视口：尺寸观测的宿主，块尺寸由组件槽决定、含坐标轴带。 */\nexport const XhCartesianChartViewport = defineComponent({\n  name: 'XhCartesianChartViewport',\n  setup(_, { slots }) {\n    const ctx = useCartesianChartContext()\n    return () => h('div', {\n      ...ctx.api.value.getViewportProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.viewportRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\n/**\n * 绘图区：按场景生成网格、坐标轴、系列与前景层，层序由连接层分好。\n * 数据层画在画布上时前面再垫一层 svg（网格、坐标轴、参考带、准线）与画布；绘图区始终以同一个 key 在最后，\n * 渲染器切换时它不重建，焦点不丢。\n */\nexport const XhCartesianChartPlot = defineComponent({\n  name: 'XhCartesianChartPlot',\n  setup() {\n    const ctx = useCartesianChartContext()\n    const bindCanvas = (el: unknown): void => {\n      ctx.canvasRef.value = el as HTMLCanvasElement | null\n    }\n    return () => {\n      const api = ctx.api.value\n      const plot = h('svg', { ...api.getPlotProps() as Record<string, unknown>, key: 'plot' }, [renderDefs(api), ...api.layers.plot.map(mark => renderMark(api, mark))])\n      if (api.renderer !== 'canvas')\n        return [plot]\n      return [\n        h('svg', { ...api.getUnderlayProps() as Record<string, unknown>, key: 'underlay' }, api.layers.underlay.map(mark => renderMark(api, mark))),\n        h('canvas', { ...api.getCanvasProps() as Record<string, unknown>, key: 'canvas', ref: bindCanvas }),\n        plot,\n      ]\n    }\n  },\n})\n\n/** 缩放条：一条轨道上的窗口与两端的手柄；自变量方向不能缩放时收起。 */\nexport const XhCartesianChartZoomSlider = defineComponent({\n  name: 'XhCartesianChartZoomSlider',\n  setup() {\n    const ctx = useCartesianChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getZoomSliderProps() as Record<string, unknown>, [\n        h('div', api.getZoomTrackProps() as Record<string, unknown>, [\n          h('div', api.getZoomWindowProps() as Record<string, unknown>, [\n            h('span', api.getZoomHandleProps('start') as Record<string, unknown>),\n            h('span', api.getZoomHandleProps('end') as Record<string, unknown>),\n          ]),\n          h('svg', api.getZoomPreviewProps() as Record<string, unknown>, [\n            h('path', api.getZoomPreviewLineProps() as Record<string, unknown>),\n          ]),\n        ]),\n      ])\n    }\n  },\n})\n\n/** 提示框：缺省内容按激活的数据生成，作用域插槽可替换。 */\nexport const XhCartesianChartTooltip = defineComponent({\n  name: 'XhCartesianChartTooltip',\n  slots: Object as SlotsType<{\n    default?: (props: CartesianChartTooltipSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useCartesianChartContext()\n    return () => {\n      const api = ctx.api.value\n      return h('div', api.getTooltipProps() as Record<string, unknown>, slots.default\n        ? slots.default({ active: api.active, tooltip: api.tooltip })\n        : renderTooltipContent(api))\n    }\n  },\n})\n\n/** 空态：没有可画的数据时显示，缺省文字取文案。 */\nexport const XhCartesianChartEmpty = defineComponent({\n  name: 'XhCartesianChartEmpty',\n  setup(_, { slots }) {\n    const ctx = useCartesianChartContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.() ?? ctx.api.value.emptyText)\n  },\n})\n\n/** 根：铺开缺省结构或交给默认插槽，并在末尾追加摘要与数据表。 */\nexport const XhCartesianChartRoot = defineComponent({\n  name: 'XhCartesianChartRoot',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    data: { type: [Array, Object] as PropType<readonly ChartRow[] | ColumnSource> },\n    series: { type: Array as PropType<readonly CartesianSeries[]> },\n    xAxis: { type: Object as PropType<CartesianAxis> },\n    yAxis: { type: Object as PropType<CartesianAxis> },\n    orientation: { type: String as PropType<CartesianOrientation> },\n    renderer: { type: String as PropType<CartesianRenderer> },\n    trigger: { type: String as PropType<CartesianTrigger> },\n    totals: { type: Boolean, default: undefined },\n    tooltipOrder: { type: String as PropType<CartesianTooltipOrder> },\n    palette: { type: String as PropType<ChartPalette> },\n    annotations: { type: Array as PropType<readonly CartesianAnnotation[]> },\n    zoom: { type: String as PropType<CartesianZoom> },\n    window: { type: Object as PropType<CartesianWindow> },\n    defaultWindow: { type: Object as PropType<CartesianWindow> },\n    follow: { type: Boolean, default: undefined },\n    defaultFollow: { type: Boolean, default: undefined },\n    brush: { type: String as PropType<CartesianBrush> },\n    brushSelection: { type: Object as PropType<CartesianBrushSelection | null> },\n    defaultBrushSelection: { type: Object as PropType<CartesianBrushSelection | null> },\n    hiddenSeries: { type: Array as PropType<string[]> },\n    defaultHiddenSeries: { type: Array as PropType<string[]> },\n    activeKey: { type: [String, Number, Date, null] as PropType<ChartKey | null> },\n    pending: { type: Boolean, default: undefined },\n    animated: { type: Boolean, default: undefined },\n    locale: { type: String },\n    translations: { type: Object as PropType<Partial<CartesianChartTranslations>> },\n  },\n  // hidden-series-change / active-key-change 携带 details；update:* 携带裸值，支持 v-model\n  emits: {\n    'hidden-series-change': (_details: PayloadOf<CartesianChartProps, 'onHiddenSeriesChange'>) => true,\n    'update:hiddenSeries': (_hidden: PayloadOf<CartesianChartProps, 'onHiddenSeriesChange'>['hiddenSeries']) => true,\n    'active-key-change': (_details: PayloadOf<CartesianChartProps, 'onActiveKeyChange'>) => true,\n    'update:activeKey': (_key: PayloadOf<CartesianChartProps, 'onActiveKeyChange'>['activeKey']) => true,\n    'window-change': (_details: PayloadOf<CartesianChartProps, 'onWindowChange'>) => true,\n    'update:window': (_window: PayloadOf<CartesianChartProps, 'onWindowChange'>['window']) => true,\n    'follow-change': (_details: PayloadOf<CartesianChartProps, 'onFollowChange'>) => true,\n    'update:follow': (_follow: PayloadOf<CartesianChartProps, 'onFollowChange'>['follow']) => true,\n    'brush-selection-change': (_details: PayloadOf<CartesianChartProps, 'onBrushSelectionChange'>) => true,\n    'update:brushSelection': (_selection: PayloadOf<CartesianChartProps, 'onBrushSelectionChange'>['selection']) => true,\n    'datum-active': (_details: PayloadOf<CartesianChartProps, 'onDatumActive'>) => true,\n    'datum-press': (_details: PayloadOf<CartesianChartProps, 'onDatumPress'>) => true,\n  },\n  slots: Object as SlotsType<{\n    /** 自行摆放部件；不写时铺开缺省结构：图例、视口（绘图区与空态）、提示框。 */\n    default?: (props: CartesianChartRootSlotProps) => VNode[]\n    /** 缺省结构里的标题内容。 */\n    caption?: () => VNode[]\n    /** 缺省结构里的提示框内容。 */\n    tooltip?: (props: CartesianChartTooltipSlotProps) => VNode[]\n    /** 缺省结构里的空态内容。 */\n    empty?: () => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useCartesianChart(withXhConfig('cartesian-chart', props) as CartesianChartProps, {\n      onHiddenSeriesChange: (details) => {\n        emit('hidden-series-change', details)\n        emit('update:hiddenSeries', details.hiddenSeries)\n      },\n      onActiveKeyChange: (details) => {\n        emit('active-key-change', details)\n        emit('update:activeKey', details.activeKey)\n      },\n      onWindowChange: (details) => {\n        emit('window-change', details)\n        emit('update:window', details.window)\n      },\n      onFollowChange: (details) => {\n        emit('follow-change', details)\n        emit('update:follow', details.follow)\n      },\n      onBrushSelectionChange: (details) => {\n        emit('brush-selection-change', details)\n        emit('update:brushSelection', details.selection)\n      },\n      onDatumActive: details => emit('datum-active', details),\n      onDatumPress: details => emit('datum-press', details),\n    })\n    provideCartesianChart(ctx)\n    return () => {\n      const api = ctx.api.value\n      const content = slots.default\n        ? slots.default({\n            legendItems: api.legendItems,\n            active: api.active,\n            tooltip: api.tooltip,\n            empty: api.empty,\n            table: api.table,\n            hiddenSeries: api.hiddenSeries,\n            activeKey: api.activeKey,\n            toggleSeries: api.toggleSeries,\n            setFocusedDatum: api.setFocusedDatum,\n          })\n        : [\n            ...(slots.caption ? [h(XhCartesianChartCaption, null, () => slots.caption?.())] : []),\n            h(XhCartesianChartLegend),\n            // 空态放进视口：叠在绘图区上居中，标题与图例不被盖住\n            h(XhCartesianChartViewport, null, () => [\n              h(XhCartesianChartPlot),\n              h(XhCartesianChartEmpty, null, slots.empty ? () => slots.empty?.() : undefined),\n            ]),\n            h(XhCartesianChartZoomSlider),\n            h(XhCartesianChartTooltip, null, slots.tooltip ? { default: slots.tooltip } : undefined),\n          ]\n      return h('figure', {\n        ...api.getRootProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n      }, [...content, ...renderA11y(api)])\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/cartesian-chart/context.js

@@ -0,0 +1,15 @@
+import { inject, provide } from "vue";
+//#region src/components/cartesian-chart/context.ts
+const KEY = Symbol.for("xh-cartesian-chart");
+function provideCartesianChart(ctx) {
+	provide(KEY, ctx);
+}
+function useCartesianChartContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] CartesianChart 部件必须用在 XhCartesianChartRoot 内");
+	return ctx;
+}
+//#endregion
+export { provideCartesianChart, useCartesianChartContext };
+
+//# sourceMappingURL=context.js.map

package/dist/components/cartesian-chart/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/cartesian-chart/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { CartesianChartContext } from './use-cartesian-chart'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<CartesianChartContext> = Symbol.for('xh-cartesian-chart')\n\nexport function provideCartesianChart(ctx: CartesianChartContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCartesianChartContext(): CartesianChartContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] CartesianChart 部件必须用在 XhCartesianChartRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAA2C,OAAO,IAAI,oBAAoB;AAEhF,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mDAAmD;CACrE,OAAO;AACT"}

package/dist/components/cartesian-chart/use-cartesian-chart.d.ts

@@ -0,0 +1,21 @@
+import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
+import { CartesianChartApi, CartesianChartSchema } from "@xihan-ui/headless";
+//#region src/components/cartesian-chart/use-cartesian-chart.d.ts
+/** 对外的回调：由外壳（emit）或组合式调用方提供，随 props 一并喂给机器。 */
+type CartesianChartNotifiers = Pick<CartesianChartSchema['props'], 'onHiddenSeriesChange' | 'onActiveKeyChange' | 'onWindowChange' | 'onFollowChange' | 'onBrushSelectionChange' | 'onDatumActive' | 'onDatumPress'>;
+interface CartesianChartContext {
+  api: ComputedRef<CartesianChartApi>;
+  service: Service<CartesianChartSchema>;
+  /** 根：机器在它上面读度量私有槽。 */
+  rootRef: Ref<HTMLElement | null>;
+  /** 视口：尺寸观测的宿主。 */
+  viewportRef: Ref<HTMLElement | null>;
+  /** 画布：数据层画在画布上时由绘图区部件挂上。 */
+  canvasRef: Ref<HTMLCanvasElement | null>;
+}
+/** 量测、度量与文字度量器都在状态机的效应里做，DOM 取值口经 refs 交入。 */
+declare function useCartesianChart(props: CartesianChartSchema['props'], notify?: CartesianChartNotifiers): CartesianChartContext;
+//#endregion
+export { CartesianChartContext, CartesianChartNotifiers, useCartesianChart };
+//# sourceMappingURL=use-cartesian-chart.d.ts.map

package/dist/components/cartesian-chart/use-cartesian-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cartesian-chart.d.ts","names":[],"sources":["../../../src/components/cartesian-chart/use-cartesian-chart.ts"],"mappings":";;;;;KAgBY,0BAA0B,KACpC;UAIe;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;EAEb,aAAa,IAAI;;EAEjB,WAAW,IAAI;;;iBAID,kBACd,OAAO,+BACP,SAAS,0BACR"}