@dou-ui/chart 0.0.0-stage → 0.1.0-alpha.1

package/dist/core/waterfall.js

@@ -0,0 +1,134 @@
+import { visibleRange } from "./decimate.js";
+import { barLabels, barPlacement } from "./bar.js";
+import { read, rowOf } from "./data.js";
+// src/core/waterfall.ts
+/**
+* The bars of a waterfall: where each starts (`base`) and ends (`top`), and
+* its value (`y`): the change, or for a total row, the running total. A
+* row without a value is left out and changes nothing.
+*/
+function waterfallSteps(rows, changes, total) {
+	const n = changes.length;
+	const y = new Float64Array(n);
+	const top = new Float64Array(n);
+	const base = new Float64Array(n);
+	let sum = 0;
+	for (let i = 0; i < n; i++) {
+		if (total !== void 0 && read(rowOf(rows, i), total, i)) {
+			y[i] = top[i] = sum;
+			base[i] = 0;
+			continue;
+		}
+		const change = changes[i];
+		if (change !== change) {
+			y[i] = top[i] = base[i] = NaN;
+			continue;
+		}
+		y[i] = change;
+		base[i] = sum;
+		sum += change;
+		top[i] = sum;
+	}
+	return {
+		y,
+		top,
+		base
+	};
+}
+/** Whether row `i` of a waterfall is a total. */
+function isTotal(series, i) {
+	const total = series.props.total;
+	return total !== void 0 && !!read(rowOf(series.rows, i), total, i);
+}
+function draw(painter, series, view) {
+	const { x: sx, y: sy, dpr, horizontal } = view;
+	const xs = series.x.values;
+	const { top, base } = series;
+	if (!base) return;
+	const [from, to] = visibleRange(xs, series.x.sorted, sx.domain[0], sx.domain[1]);
+	const { offset, width } = barPlacement(view.band, series.slot);
+	const snap = (v) => Math.round(v * dpr) / dpr;
+	const radius = Math.max(0, series.props.radius ?? 2);
+	const p = (u, v) => horizontal ? [v, u] : [u, v];
+	if (series.props.connectors ?? true) {
+		painter.save();
+		painter.strokeStyle = view.colors.baseline;
+		painter.lineWidth = 1;
+		painter.setLineDash([3, 3]);
+		painter.beginPath();
+		let last = -1;
+		for (let i = from; i < to; i++) {
+			if (top[i] !== top[i] || xs[i] !== xs[i]) continue;
+			if (last >= 0) {
+				const v = snap(sy.map(top[last])) + .5;
+				const u0 = snap(sx.map(xs[last]) + offset + width);
+				const u1 = snap(sx.map(xs[i]) + offset);
+				if (u1 > u0) {
+					painter.moveTo(...p(u0, v));
+					painter.lineTo(...p(u1, v));
+				}
+			}
+			last = i;
+		}
+		painter.stroke();
+		painter.restore();
+	}
+	const bar = (i) => {
+		const value = top[i];
+		const x = xs[i];
+		if (value !== value || x !== x) return;
+		const u0 = snap(sx.map(x) + offset);
+		const u1 = Math.max(u0 + 1 / dpr, snap(sx.map(x) + offset + width));
+		let v0 = snap(sy.map(base[i]));
+		let v1 = snap(sy.map(value));
+		if (Math.abs(v1 - v0) < 1) [v0, v1] = [v0 - .5, v0 + .5];
+		const lo = Math.min(v0, v1);
+		const hi = Math.max(v0, v1);
+		const r = Math.min(radius, (u1 - u0) / 2, (hi - lo) / 2);
+		const zero = snap(sy.map(0));
+		const rLo = Math.abs(lo - zero) < 1 ? 0 : r;
+		const rHi = Math.abs(hi - zero) < 1 ? 0 : r;
+		if (r < .5) {
+			const [x0, y0] = p(u0, lo);
+			const [x1, y1] = p(u1, hi);
+			painter.rect(Math.min(x0, x1), Math.min(y0, y1), Math.abs(x1 - x0), Math.abs(y1 - y0));
+			return;
+		}
+		const corner = (u, v, nu, nv, cr) => {
+			if (cr > 0) painter.arcTo(...p(u, v), ...p(nu, nv), cr);
+			else painter.lineTo(...p(u, v));
+		};
+		painter.moveTo(...p((u0 + u1) / 2, lo));
+		corner(u1, lo, u1, hi, rLo);
+		corner(u1, hi, u0, hi, rHi);
+		corner(u0, hi, u0, lo, rHi);
+		corner(u0, lo, u1, lo, rLo);
+		painter.closePath();
+	};
+	painter.save();
+	const groups = /* @__PURE__ */ new Map();
+	for (let i = from; i < to; i++) {
+		const color = series.colors?.[i] ?? series.color;
+		let group = groups.get(color);
+		if (!group) groups.set(color, group = []);
+		group.push(i);
+	}
+	for (const [color, rows] of groups) {
+		painter.fillStyle = color;
+		painter.beginPath();
+		for (const i of rows) bar(i);
+		painter.fill();
+	}
+	painter.restore();
+}
+var waterfallKind = {
+	type: "bar",
+	waterfall: true,
+	zero: true,
+	band: true,
+	draw,
+	labels: barLabels
+};
+export { isTotal, waterfallKind, waterfallSteps };
+
+//# sourceMappingURL=waterfall.js.map

package/dist/core/waterfall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"waterfall.js","names":[],"sources":["../../src/core/waterfall.ts"],"sourcesContent":["import { barLabels, barPlacement } from './bar'\nimport { read, rowOf, type ChartAccessor, type ChartData } from './data'\nimport { visibleRange } from './decimate'\nimport type { Painter } from './painter'\nimport type { ChartSeries, ChartSeriesKind } from './series'\n\n/*\n * A waterfall: each row a change, drawn as a bar floating from the running\n * total before it to the total after; a total row (`total`) is a bar from\n * 0 up to the running total so far. A thin line joins each bar's end to\n * the next bar, at the total they share.\n */\n\nexport interface WaterfallStyle {\n  /** Whether a row is a total: a key of the row or a function of it. */\n  total?: ChartAccessor\n  /** Corner radius of the bars, in px. */\n  radius?: number\n  /** Lines from each bar to the next, at the total they share. */\n  connectors?: boolean\n  labelPosition?: 'outside' | 'inside'\n}\n\n/**\n * The bars of a waterfall: where each starts (`base`) and ends (`top`), and\n * its value (`y`): the change, or for a total row, the running total. A\n * row without a value is left out and changes nothing.\n */\nexport function waterfallSteps(\n  rows: ChartData,\n  changes: Float64Array,\n  total: ChartAccessor | undefined,\n): { y: Float64Array; top: Float64Array; base: Float64Array } {\n  const n = changes.length\n  const y = new Float64Array(n)\n  const top = new Float64Array(n)\n  const base = new Float64Array(n)\n  let sum = 0\n  for (let i = 0; i < n; i++) {\n    if (total !== undefined && read(rowOf(rows, i), total, i)) {\n      y[i] = top[i] = sum\n      base[i] = 0\n      continue\n    }\n    const change = changes[i]!\n    if (change !== change) {\n      y[i] = top[i] = base[i] = Number.NaN\n      continue\n    }\n    y[i] = change\n    base[i] = sum\n    sum += change\n    top[i] = sum\n  }\n  return { y, top, base }\n}\n\n/** Whether row `i` of a waterfall is a total. */\nexport function isTotal(series: Pick<ChartSeries<WaterfallStyle>, 'props' | 'rows'>, i: number) {\n  const total = series.props.total\n  return total !== undefined && !!read(rowOf(series.rows, i), total, i)\n}\n\nfunction draw(\n  painter: Painter,\n  series: ChartSeries<WaterfallStyle>,\n  view: Parameters<ChartSeriesKind['draw']>[2],\n) {\n  const { x: sx, y: sy, dpr, horizontal } = view\n  const xs = series.x.values\n  const { top, base } = series\n  if (!base) return\n  const [from, to] = visibleRange(xs, series.x.sorted, sx.domain[0], sx.domain[1])\n  const { offset, width } = barPlacement(view.band, series.slot)\n  const snap = (v: number) => Math.round(v * dpr) / dpr\n  const radius = Math.max(0, series.props.radius ?? 2)\n  const p = (u: number, v: number): [number, number] => (horizontal ? [v, u] : [u, v])\n\n  // the lines first, under the bars: from each bar's end to the next bar\n  if (series.props.connectors ?? true) {\n    painter.save()\n    painter.strokeStyle = view.colors.baseline\n    painter.lineWidth = 1\n    painter.setLineDash([3, 3])\n    painter.beginPath()\n    let last = -1\n    for (let i = from; i < to; i++) {\n      if (top[i] !== top[i] || xs[i] !== xs[i]) continue\n      if (last >= 0) {\n        // the total after the last bar, where this one starts (or a total bar ends)\n        const v = snap(sy.map(top[last]!)) + 0.5\n        const u0 = snap(sx.map(xs[last]!) + offset + width)\n        const u1 = snap(sx.map(xs[i]!) + offset)\n        if (u1 > u0) {\n          painter.moveTo(...p(u0, v))\n          painter.lineTo(...p(u1, v))\n        }\n      }\n      last = i\n    }\n    painter.stroke()\n    painter.restore()\n  }\n\n  const bar = (i: number) => {\n    const value = top[i]!\n    const x = xs[i]!\n    if (value !== value || x !== x) return\n    const u0 = snap(sx.map(x) + offset)\n    const u1 = Math.max(u0 + 1 / dpr, snap(sx.map(x) + offset + width))\n    let v0 = snap(sy.map(base[i]!))\n    let v1 = snap(sy.map(value))\n    // no change still shows, as a hairline at the total\n    if (Math.abs(v1 - v0) < 1) [v0, v1] = [v0 - 0.5, v0 + 0.5]\n    const lo = Math.min(v0, v1)\n    const hi = Math.max(v0, v1)\n    const r = Math.min(radius, (u1 - u0) / 2, (hi - lo) / 2)\n    // the corners round, but not at an end that stands on 0 (a total's foot)\n    const zero = snap(sy.map(0))\n    const rLo = Math.abs(lo - zero) < 1 ? 0 : r\n    const rHi = Math.abs(hi - zero) < 1 ? 0 : r\n    if (r < 0.5) {\n      const [x0, y0] = p(u0, lo)\n      const [x1, y1] = p(u1, hi)\n      painter.rect(Math.min(x0, x1), Math.min(y0, y1), Math.abs(x1 - x0), Math.abs(y1 - y0))\n      return\n    }\n    const corner = (u: number, v: number, nu: number, nv: number, cr: number) => {\n      if (cr > 0) painter.arcTo(...p(u, v), ...p(nu, nv), cr)\n      else painter.lineTo(...p(u, v))\n    }\n    painter.moveTo(...p((u0 + u1) / 2, lo))\n    corner(u1, lo, u1, hi, rLo)\n    corner(u1, hi, u0, hi, rHi)\n    corner(u0, hi, u0, lo, rHi)\n    corner(u0, lo, u1, lo, rLo)\n    painter.closePath()\n  }\n\n  painter.save()\n  const groups = new Map<string, number[]>()\n  for (let i = from; i < to; i++) {\n    const color = series.colors?.[i] ?? series.color\n    let group = groups.get(color)\n    if (!group) groups.set(color, (group = []))\n    group.push(i)\n  }\n  for (const [color, rows] of groups) {\n    painter.fillStyle = color\n    painter.beginPath()\n    for (const i of rows) bar(i)\n    painter.fill()\n  }\n  painter.restore()\n}\n\nexport const waterfallKind: ChartSeriesKind<WaterfallStyle> = {\n  type: 'bar',\n  waterfall: true,\n  zero: true,\n  band: true,\n  draw,\n  labels: barLabels,\n}\n"],"mappings":"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"}

package/dist/core/window.js

@@ -0,0 +1,94 @@
+import { toTime } from "./data.js";
+// src/core/window.ts
+/** Turns a value as given (a category, a date, a number) into the scale's number; `NaN` if it can't be. */
+function valueToNumber(value, kind, categories) {
+	if (kind === "category") {
+		const at = categories.indexOf(String(value));
+		return at < 0 ? NaN : at;
+	}
+	if (kind === "time") return toTime(value);
+	return typeof value === "number" ? value : Number(value);
+}
+/** The value as given for a scale number: the category, a `Date`, or the number. */
+function numberToValue(value, kind, categories) {
+	if (kind === "category") return categories[value] ?? "";
+	if (kind === "time") return new Date(value);
+	return value;
+}
+/**
+* The window of an interval as given; categories take their whole step,
+* from half a step before the first to half after the last. `null` for
+* none, or one that can't be read.
+*/
+function intervalToWindow(interval, kind, categories) {
+	if (!interval) return null;
+	let a = valueToNumber(interval[0], kind, categories);
+	let b = valueToNumber(interval[1], kind, categories);
+	if (a !== a || b !== b) return null;
+	if (a > b) [a, b] = [b, a];
+	return kind === "category" ? [a - .5, b + .5] : a === b ? null : [a, b];
+}
+/** The interval of a window: for categories, the first and last mostly in it. */
+function windowToInterval(window, kind, categories) {
+	if (kind === "category") {
+		const [a, b] = snapCategories(window);
+		return [categories[a + .5] ?? "", categories[b - .5] ?? ""];
+	}
+	return [numberToValue(window[0], kind, categories), numberToValue(window[1], kind, categories)];
+}
+/** A window on categories moved to whole steps, keeping at least one. */
+function snapCategories([a, b]) {
+	let from = Math.round(a + .5);
+	let to = Math.round(b - .5);
+	if (to < from) from = to = Math.round((a + b) / 2);
+	return [from - .5, to + .5];
+}
+var same = {
+	to: (v) => v,
+	from: (v) => v
+};
+var log = {
+	to: Math.log10,
+	from: (u) => 10 ** u
+};
+var unitsOf = (scale) => scale.kind === "log" ? log : same;
+/**
+* `window` kept inside `full`, at least `least` wide (in units): a window
+* that runs over an end is moved back, not cut. `null` when it covers
+* all of `full`.
+*/
+function clampWindow(window, full, least, units = same) {
+	const f0 = units.to(full[0]);
+	const f1 = units.to(full[1]);
+	let a = units.to(Math.min(window[0], window[1]));
+	let b = units.to(Math.max(window[0], window[1]));
+	const span = f1 - f0;
+	if (!(span > 0) || a !== a || b !== b) return null;
+	const wanted = Math.min(span, Math.max(b - a, Math.min(least, span)));
+	if (b - a < wanted) {
+		const middle = (a + b) / 2;
+		a = middle - wanted / 2;
+		b = middle + wanted / 2;
+	}
+	if (a < f0) [a, b] = [f0, f0 + (b - a)];
+	if (b > f1) [a, b] = [f1 - (b - a), f1];
+	a = Math.max(a, f0);
+	if (b - a >= span * (1 - 1e-9)) return null;
+	return [units.from(a), units.from(b)];
+}
+/** The window `scale` shows with its range moved `by` px: dragging the plot by `-by`. */
+function panWindow(scale, by) {
+	const [r0, r1] = scale.range;
+	return order(scale.invert(r0 + by), scale.invert(r1 + by));
+}
+/** The window `scale` shows zoomed by `factor` (below 1 is in) about the pixel `at`. */
+function zoomWindow(scale, at, factor) {
+	const [r0, r1] = scale.range;
+	return order(scale.invert(at + (r0 - at) * factor), scale.invert(at + (r1 - at) * factor));
+}
+var order = (a, b) => a <= b ? [a, b] : [b, a];
+/** Whether `value` is at or between the ends of `window`. */
+var within = (value, window) => value >= window[0] && value <= window[1];
+export { clampWindow, intervalToWindow, numberToValue, panWindow, snapCategories, unitsOf, valueToNumber, windowToInterval, within, zoomWindow };
+
+//# sourceMappingURL=window.js.map

package/dist/core/window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"window.js","names":[],"sources":["../../src/core/window.ts"],"sourcesContent":["/*\n * The stretch of an axis that is shown when zoomed in: a window on the\n * axis' whole domain, in the scale's own numbers (category indices, ms on\n * a time axis). Kept apart from the chart so it can be tested alone.\n */\nimport { toTime, type XKind } from './data'\nimport type { ChartTickValue } from './layout'\nimport type { Scale } from './scale'\n\nexport type Window = [number, number]\n\n/** Turns a value as given (a category, a date, a number) into the scale's number; `NaN` if it can't be. */\nexport function valueToNumber(value: ChartTickValue, kind: XKind, categories: string[]): number {\n  if (kind === 'category') {\n    const at = categories.indexOf(String(value))\n    return at < 0 ? Number.NaN : at\n  }\n  if (kind === 'time') return toTime(value)\n  return typeof value === 'number' ? value : Number(value)\n}\n\n/** The value as given for a scale number: the category, a `Date`, or the number. */\nexport function numberToValue(value: number, kind: XKind, categories: string[]): ChartTickValue {\n  if (kind === 'category') return categories[value] ?? ''\n  if (kind === 'time') return new Date(value)\n  return value\n}\n\n/**\n * The window of an interval as given; categories take their whole step,\n * from half a step before the first to half after the last. `null` for\n * none, or one that can't be read.\n */\nexport function intervalToWindow(\n  interval: readonly [ChartTickValue, ChartTickValue] | null | undefined,\n  kind: XKind,\n  categories: string[],\n): Window | null {\n  if (!interval) return null\n  let a = valueToNumber(interval[0], kind, categories)\n  let b = valueToNumber(interval[1], kind, categories)\n  if (a !== a || b !== b) return null\n  if (a > b) [a, b] = [b, a]\n  return kind === 'category' ? [a - 0.5, b + 0.5] : a === b ? null : [a, b]\n}\n\n/** The interval of a window: for categories, the first and last mostly in it. */\nexport function windowToInterval(\n  window: Window,\n  kind: XKind,\n  categories: string[],\n): [ChartTickValue, ChartTickValue] {\n  if (kind === 'category') {\n    const [a, b] = snapCategories(window)\n    return [categories[a + 0.5] ?? '', categories[b - 0.5] ?? '']\n  }\n  return [numberToValue(window[0], kind, categories), numberToValue(window[1], kind, categories)]\n}\n\n/** A window on categories moved to whole steps, keeping at least one. */\nexport function snapCategories([a, b]: Window): Window {\n  let from = Math.round(a + 0.5)\n  let to = Math.round(b - 0.5)\n  if (to < from) {\n    const middle = Math.round((a + b) / 2)\n    from = to = middle\n  }\n  return [from - 0.5, to + 0.5]\n}\n\n/** Numbers a scale is even in: the log of a log scale's values. */\nexport interface Units {\n  to: (value: number) => number\n  from: (unit: number) => number\n}\n\nconst same: Units = { to: (v) => v, from: (v) => v }\nconst log: Units = { to: Math.log10, from: (u) => 10 ** u }\nexport const unitsOf = (scale: Pick<Scale, 'kind'>): Units => (scale.kind === 'log' ? log : same)\n\n/**\n * `window` kept inside `full`, at least `least` wide (in units): a window\n * that runs over an end is moved back, not cut. `null` when it covers\n * all of `full`.\n */\nexport function clampWindow(\n  window: Window,\n  full: Window,\n  least: number,\n  units: Units = same,\n): Window | null {\n  const f0 = units.to(full[0])\n  const f1 = units.to(full[1])\n  let a = units.to(Math.min(window[0], window[1]))\n  let b = units.to(Math.max(window[0], window[1]))\n  const span = f1 - f0\n  if (!(span > 0) || a !== a || b !== b) return null\n  const wanted = Math.min(span, Math.max(b - a, Math.min(least, span)))\n  if (b - a < wanted) {\n    const middle = (a + b) / 2\n    a = middle - wanted / 2\n    b = middle + wanted / 2\n  }\n  if (a < f0) [a, b] = [f0, f0 + (b - a)]\n  if (b > f1) [a, b] = [f1 - (b - a), f1]\n  a = Math.max(a, f0)\n  // all of it: not zoomed\n  if (b - a >= span * (1 - 1e-9)) return null\n  return [units.from(a), units.from(b)]\n}\n\n/** The window `scale` shows with its range moved `by` px: dragging the plot by `-by`. */\nexport function panWindow(scale: Scale, by: number): Window {\n  const [r0, r1] = scale.range\n  return order(scale.invert(r0 + by), scale.invert(r1 + by))\n}\n\n/** The window `scale` shows zoomed by `factor` (below 1 is in) about the pixel `at`. */\nexport function zoomWindow(scale: Scale, at: number, factor: number): Window {\n  const [r0, r1] = scale.range\n  return order(scale.invert(at + (r0 - at) * factor), scale.invert(at + (r1 - at) * factor))\n}\n\nconst order = (a: number, b: number): Window => (a <= b ? [a, b] : [b, a])\n\n/** Whether `value` is at or between the ends of `window`. */\nexport const within = (value: number, window: Window) => value >= window[0] && value <= window[1]\n"],"mappings":"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"}

package/dist/define.js

@@ -0,0 +1,62 @@
+import { useChartPart, useOwnNode } from "./context.js";
+import { defineComponent, useModel } from "vue";
+// src/define.ts
+/** The props every series component takes. */
+var seriesProps = {
+	y: {
+		type: [String, Function],
+		required: true
+	},
+	name: String,
+	data: [Array, Object],
+	x: [String, Function],
+	color: String,
+	tone: String,
+	axis: String,
+	stack: {
+		type: [String, Boolean],
+		default: void 0
+	},
+	/** Turned off in the legend (`v-model:hidden`). */
+	hidden: Boolean
+};
+/**
+* Makes a series component of your own. It sits in a `DouChart` like the
+* built-in ones and gets the same axes, stacking, legend and colors:
+* describe how it widens the axes (`zero`, `band`, `inset`) and how it draws.
+*
+* ```ts
+* const DouChartLollipop = defineChartSeries({
+*   type: 'lollipop',
+*   zero: true,
+*   props: { radius: { type: Number, default: 4 } },
+*   draw(painter, series, view) { … },
+* })
+* ```
+*/
+function defineChartSeries(options) {
+	const { props: own, ...kind } = options;
+	const component = `DouChart${options.type[0].toUpperCase()}${options.type.slice(1)}`;
+	return defineComponent({
+		name: component,
+		props: {
+			...seriesProps,
+			...own
+		},
+		emits: ["update:hidden"],
+		setup(props) {
+			const el = useOwnNode();
+			const hidden = useModel(props, "hidden");
+			useChartPart(component, (chart) => chart.addSeries({
+				kind,
+				props,
+				el,
+				hidden
+			}));
+			return () => null;
+		}
+	});
+}
+export { defineChartSeries };
+
+//# sourceMappingURL=define.js.map

package/dist/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","names":[],"sources":["../src/define.ts"],"sourcesContent":["import type { Tone } from 'dou-ui'\nimport {\n  defineComponent,\n  useModel,\n  type ComponentObjectPropsOptions,\n  type ExtractPropTypes,\n  type PropType,\n} from 'vue'\nimport type { ChartAccessor, ChartData } from './core/data'\nimport type { ChartSeriesKind, ChartValueAxis } from './core/series'\nimport { useChartPart, useOwnNode } from './context'\n\n/** The props every series component takes. */\nconst seriesProps = {\n  y: { type: [String, Function] as PropType<ChartAccessor>, required: true },\n  name: String,\n  data: [Array, Object] as PropType<ChartData>,\n  x: [String, Function] as PropType<ChartAccessor>,\n  color: String,\n  tone: String as PropType<Tone>,\n  axis: String as PropType<ChartValueAxis>,\n  stack: { type: [String, Boolean] as PropType<string | boolean>, default: undefined },\n  /** Turned off in the legend (`v-model:hidden`). */\n  hidden: Boolean,\n} as const\n\nexport interface ChartSeriesOptions<Props extends ComponentObjectPropsOptions> extends Omit<\n  ChartSeriesKind<ExtractPropTypes<Props>>,\n  'draw'\n> {\n  /** Props of its own, declared as for any component; they reach `draw` on `series.props`. */\n  props?: Props\n  /**\n   * Draws the series. `series` has its values read into columns (`x.values`,\n   * `top`), `view` the scales; `view.point(x, value)` gives where a value lands. Draw only through\n   * `painter`, and keep to the points on screen for large data.\n   */\n  draw: ChartSeriesKind<ExtractPropTypes<Props>>['draw']\n}\n\n/**\n * Makes a series component of your own. It sits in a `DouChart` like the\n * built-in ones and gets the same axes, stacking, legend and colors:\n * describe how it widens the axes (`zero`, `band`, `inset`) and how it draws.\n *\n * ```ts\n * const DouChartLollipop = defineChartSeries({\n *   type: 'lollipop',\n *   zero: true,\n *   props: { radius: { type: Number, default: 4 } },\n *   draw(painter, series, view) { … },\n * })\n * ```\n */\nexport function defineChartSeries<Props extends ComponentObjectPropsOptions = {}>(\n  options: ChartSeriesOptions<Props>,\n) {\n  const { props: own, ...kind } = options\n  const component = `DouChart${options.type[0]!.toUpperCase()}${options.type.slice(1)}`\n  return defineComponent({\n    name: component,\n    props: { ...seriesProps, ...(own as Props) },\n    emits: ['update:hidden'],\n    setup(props) {\n      const el = useOwnNode()\n      const hidden = useModel(props as { hidden: boolean }, 'hidden')\n      useChartPart(component, (chart) =>\n        chart.addSeries({ kind: kind as ChartSeriesKind<any>, props: props as never, el, hidden }),\n      )\n      return () => null\n    },\n  })\n}\n"],"mappings":";;;;AAaA,IAAM,cAAc;CAClB,GAAG;EAAE,MAAM,CAAC,QAAQ,QAAQ;EAA8B,UAAU;CAAK;CACzE,MAAM;CACN,MAAM,CAAC,OAAO,MAAM;CACpB,GAAG,CAAC,QAAQ,QAAQ;CACpB,OAAO;CACP,MAAM;CACN,MAAM;CACN,OAAO;EAAE,MAAM,CAAC,QAAQ,OAAO;EAAiC,SAAS,KAAA;CAAU;;CAEnF,QAAQ;AACV;;;;;;;;;;;;;;;AA8BA,SAAgB,kBACd,SACA;CACA,MAAM,EAAE,OAAO,KAAK,GAAG,SAAS;CAChC,MAAM,YAAY,WAAW,QAAQ,KAAK,EAAE,CAAE,YAAY,IAAI,QAAQ,KAAK,MAAM,CAAC;CAClF,OAAO,gBAAgB;EACrB,MAAM;EACN,OAAO;GAAE,GAAG;GAAa,GAAI;EAAc;EAC3C,OAAO,CAAC,eAAe;EACvB,MAAM,OAAO;GACX,MAAM,KAAK,WAAW;GACtB,MAAM,SAAS,SAAS,OAA8B,QAAQ;GAC9D,aAAa,YAAY,UACvB,MAAM,UAAU;IAAQ;IAAqC;IAAgB;IAAI;GAAO,CAAC,CAC3F;GACA,aAAa;EACf;CACF,CAAC;AACH"}

package/dist/index.js

@@ -0,0 +1,49 @@
+import area_default from "./components/area.js";
+import axis_default from "./components/axis.js";
+import bar_default from "./components/bar.js";
+import line_default from "./components/line.js";
+import pie_default from "./components/pie.js";
+import heatmap_default from "./components/heatmap.js";
+import radar_default from "./components/radar.js";
+import funnel_default from "./components/funnel.js";
+import waterfall_default from "./components/waterfall.js";
+import histogram_default from "./components/histogram.js";
+import boxplot_default from "./components/boxplot.js";
+import gauge_default from "./components/gauge.js";
+import treemap_default from "./components/treemap.js";
+import sunburst_default from "./components/sunburst.js";
+import scatter_default from "./components/scatter.js";
+import tooltip_default from "./components/tooltip.js";
+import zoom_default from "./components/zoom.js";
+import brush_default from "./components/brush.js";
+import range_default from "./components/range.js";
+import marker_default from "./components/marker.js";
+import { chartLocales, useChartMessages } from "./locale.js";
+import chart_default from "./chart.js";
+import { defineChartSeries } from "./define.js";
+import { withInstall } from "dou-ui";
+// src/index.ts
+var DouChart = withInstall(chart_default);
+var DouChartAxis = withInstall(axis_default);
+var DouChartLine = withInstall(line_default);
+var DouChartArea = withInstall(area_default);
+var DouChartBar = withInstall(bar_default);
+var DouChartScatter = withInstall(scatter_default);
+var DouChartPie = withInstall(pie_default);
+var DouChartHeatmap = withInstall(heatmap_default);
+var DouChartRadar = withInstall(radar_default);
+var DouChartFunnel = withInstall(funnel_default);
+var DouChartWaterfall = withInstall(waterfall_default);
+var DouChartHistogram = withInstall(histogram_default);
+var DouChartBoxplot = withInstall(boxplot_default);
+var DouChartGauge = withInstall(gauge_default);
+var DouChartTreemap = withInstall(treemap_default);
+var DouChartSunburst = withInstall(sunburst_default);
+var DouChartTooltip = withInstall(tooltip_default);
+var DouChartZoom = withInstall(zoom_default);
+var DouChartBrush = withInstall(brush_default);
+var DouChartRange = withInstall(range_default);
+var DouChartMarker = withInstall(marker_default);
+export { DouChart, DouChart as default, DouChartArea, DouChartAxis, DouChartBar, DouChartBoxplot, DouChartBrush, DouChartFunnel, DouChartGauge, DouChartHeatmap, DouChartHistogram, DouChartLine, DouChartMarker, DouChartPie, DouChartRadar, DouChartRange, DouChartScatter, DouChartSunburst, DouChartTooltip, DouChartTreemap, DouChartWaterfall, DouChartZoom, chartLocales, defineChartSeries, useChartMessages };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Chart","Axis","Line","Area","Bar","Scatter","Pie","Heatmap","Radar","Funnel","Waterfall","Histogram","Boxplot","Gauge","Treemap","Sunburst","Tooltip","Zoom","Brush","Range","Marker"],"sources":["../src/index.ts"],"sourcesContent":["import { withInstall } from 'dou-ui'\nimport Area from './components/area.vue'\nimport Axis from './components/axis.vue'\nimport Bar from './components/bar.vue'\nimport Line from './components/line.vue'\nimport Pie from './components/pie.vue'\nimport Heatmap from './components/heatmap.vue'\nimport Radar from './components/radar.vue'\nimport Funnel from './components/funnel.vue'\nimport Waterfall from './components/waterfall.vue'\nimport Histogram from './components/histogram.vue'\nimport Boxplot from './components/boxplot.vue'\nimport Gauge from './components/gauge.vue'\nimport Treemap from './components/treemap.vue'\nimport Sunburst from './components/sunburst.vue'\nimport Scatter from './components/scatter.vue'\nimport Tooltip from './components/tooltip.vue'\nimport Zoom from './components/zoom.vue'\nimport Brush from './components/brush.vue'\nimport Range from './components/range.vue'\nimport Marker from './components/marker.vue'\nimport Chart from './chart.vue'\n\nexport const DouChart = withInstall(Chart)\nexport const DouChartAxis = withInstall<typeof Axis, {}>(Axis)\nexport const DouChartLine = withInstall<typeof Line, {}>(Line)\nexport const DouChartArea = withInstall<typeof Area, {}>(Area)\nexport const DouChartBar = withInstall<typeof Bar, {}>(Bar)\nexport const DouChartScatter = withInstall<typeof Scatter, {}>(Scatter)\nexport const DouChartPie = withInstall<typeof Pie, {}>(Pie)\nexport const DouChartHeatmap = withInstall<typeof Heatmap, {}>(Heatmap)\nexport const DouChartRadar = withInstall<typeof Radar, {}>(Radar)\nexport const DouChartFunnel = withInstall<typeof Funnel, {}>(Funnel)\nexport const DouChartWaterfall = withInstall<typeof Waterfall, {}>(Waterfall)\nexport const DouChartHistogram = withInstall<typeof Histogram, {}>(Histogram)\nexport const DouChartBoxplot = withInstall<typeof Boxplot, {}>(Boxplot)\nexport const DouChartGauge = withInstall<typeof Gauge, {}>(Gauge)\nexport const DouChartTreemap = withInstall<typeof Treemap, {}>(Treemap)\nexport const DouChartSunburst = withInstall<typeof Sunburst, {}>(Sunburst)\nexport const DouChartTooltip = withInstall<typeof Tooltip, {}>(Tooltip)\nexport const DouChartZoom = withInstall<typeof Zoom, {}>(Zoom)\nexport const DouChartBrush = withInstall<typeof Brush, {}>(Brush)\nexport const DouChartRange = withInstall<typeof Range, {}>(Range)\nexport const DouChartMarker = withInstall<typeof Marker, {}>(Marker)\nexport default DouChart\n\nexport { defineChartSeries } from './define'\nexport type { ChartSeriesOptions } from './define'\nexport type {\n  ChartAreaProps,\n  ChartAxisProps,\n  ChartBarProps,\n  ChartBoxplotProps,\n  ChartItemColor,\n  ChartDataLabel,\n  ChartLabelFormat,\n  ChartBrushEvent,\n  ChartBrushProps,\n  ChartExportOptions,\n  ChartEmits,\n  ChartExpose,\n  ChartFunnelProps,\n  ChartGaugeProps,\n  ChartGaugeSlots,\n  ChartHeatmapProps,\n  ChartHistogramProps,\n  ChartImageOptions,\n  ChartInterval,\n  ChartLineProps,\n  ChartMarkerProps,\n  ChartPieProps,\n  ChartPieSlots,\n  ChartPointEvent,\n  ChartRadarProps,\n  ChartProps,\n  ChartScatterProps,\n  ChartSunburstProps,\n  ChartSunburstSlots,\n  ChartSlots,\n  ChartTooltipItem,\n  ChartTooltipProps,\n  ChartTooltipSlots,\n  ChartTreeProps,\n  ChartTreemapProps,\n  ChartWaterfallProps,\n  ChartZoomAxis,\n  ChartZoomProps,\n} from './types'\nexport type {\n  ChartAccessor,\n  ChartColumns,\n  ChartData,\n  ChartRow,\n  XColumn as ChartXColumn,\n} from './core/data'\nexport type {\n  ChartAxisRole,\n  ChartAxisType,\n  ChartLegendPlacement,\n  ChartTickValue,\n} from './core/layout'\nexport type { ChartCategorySort } from './core/model'\nexport type { ChartPattern } from './core/pattern'\nexport type { Painter as ChartPainter, Rect as ChartRect } from './core/painter'\nexport type { Scale as ChartScale } from './core/scale'\nexport type {\n  ChartColors,\n  ChartHit,\n  ChartSeries,\n  ChartSeriesKind,\n  ChartSeriesProps,\n  ChartValueAxis,\n  ChartView,\n} from './core/series'\nexport { chartLocales, useChartMessages } from './locale'\nexport type { ChartMessages, ChartMessagesOverride } from './locale'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    DouChart: typeof DouChart\n    DouChartAxis: typeof DouChartAxis\n    DouChartLine: typeof DouChartLine\n    DouChartArea: typeof DouChartArea\n    DouChartBar: typeof DouChartBar\n    DouChartScatter: typeof DouChartScatter\n    DouChartHeatmap: typeof DouChartHeatmap\n    DouChartRadar: typeof DouChartRadar\n    DouChartFunnel: typeof DouChartFunnel\n    DouChartWaterfall: typeof DouChartWaterfall\n    DouChartHistogram: typeof DouChartHistogram\n    DouChartBoxplot: typeof DouChartBoxplot\n    DouChartGauge: typeof DouChartGauge\n    DouChartTreemap: typeof DouChartTreemap\n    DouChartSunburst: typeof DouChartSunburst\n    DouChartPie: typeof DouChartPie\n    DouChartTooltip: typeof DouChartTooltip\n    DouChartZoom: typeof DouChartZoom\n    DouChartBrush: typeof DouChartBrush\n    DouChartRange: typeof DouChartRange\n    DouChartMarker: typeof DouChartMarker\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAa,WAAW,YAAYA,aAAK;AACzC,IAAa,eAAe,YAA6BC,YAAI;AAC7D,IAAa,eAAe,YAA6BC,YAAI;AAC7D,IAAa,eAAe,YAA6BC,YAAI;AAC7D,IAAa,cAAc,YAA4BC,WAAG;AAC1D,IAAa,kBAAkB,YAAgCC,eAAO;AACtE,IAAa,cAAc,YAA4BC,WAAG;AAC1D,IAAa,kBAAkB,YAAgCC,eAAO;AACtE,IAAa,gBAAgB,YAA8BC,aAAK;AAChE,IAAa,iBAAiB,YAA+BC,cAAM;AACnE,IAAa,oBAAoB,YAAkCC,iBAAS;AAC5E,IAAa,oBAAoB,YAAkCC,iBAAS;AAC5E,IAAa,kBAAkB,YAAgCC,eAAO;AACtE,IAAa,gBAAgB,YAA8BC,aAAK;AAChE,IAAa,kBAAkB,YAAgCC,eAAO;AACtE,IAAa,mBAAmB,YAAiCC,gBAAQ;AACzE,IAAa,kBAAkB,YAAgCC,eAAO;AACtE,IAAa,eAAe,YAA6BC,YAAI;AAC7D,IAAa,gBAAgB,YAA8BC,aAAK;AAChE,IAAa,gBAAgB,YAA8BC,aAAK;AAChE,IAAa,iBAAiB,YAA+BC,cAAM"}

package/dist/locale.js

@@ -0,0 +1,170 @@
+import { useLocale } from "dou-ui";
+import { computed, toValue } from "vue";
+// src/locale.ts
+var zhCN = {
+	chart: "图表",
+	series: "{name}：{count} 个数据点，最小 {min}，最大 {max}",
+	seriesEmpty: "{name}：没有数据",
+	heatmap: "{name}：{rows} 行 {columns} 列，最小 {min}，最大 {max}（{at}）",
+	slice: "{label} {value}（{share}）",
+	pie: "{name}：{slices}",
+	listSeparator: "；",
+	itemSeparator: "，",
+	share: "{value}（{share}）",
+	band: "{from} ~ {to}",
+	waterfallStep: "{change}，累计 {total}",
+	boxHigh: "上限",
+	boxQ3: "上四分位",
+	boxMedian: "中位数",
+	boxQ1: "下四分位",
+	boxLow: "下限",
+	boxOutliers: "异常值 {count} 个",
+	boxSeries: "{name}：{count} 组，最小 {min}，最大 {max}",
+	binsSeries: "{name}：{count} 个区间，最少 {min}，最多 {max}",
+	gauge: "{name} {value}，范围 {min} ~ {max}",
+	gaugeValue: "{value}，范围 {min} ~ {max}",
+	box: "中位数 {median}，四分位 {q1} ~ {q3}，范围 {low} ~ {high}",
+	legendHint: "按 Alt+Enter 或按住 Alt 点击只显示这一项，再按一次恢复全部",
+	hiddenSlices: "已隐藏 {count} 项，占比只按显示的部分计算",
+	keys: "{summary}。用方向键逐个查看数据",
+	zoomKeys: "{summary}。用方向键逐个查看数据，加号和减号缩放，0 复位",
+	zoomed: "显示 {from} 至 {to}",
+	zoomReset: "显示全部",
+	rangeStart: "区间起点",
+	rangeEnd: "区间终点",
+	range: "{chart}，横轴从 {from} 到 {to}",
+	rangeDown: "{chart}，纵轴从 {from} 到 {to}",
+	summary: "{chart}。{series}",
+	empty: "没有数据",
+	table: "图表数据",
+	tableOf: "{names}的数据",
+	nameSeparator: "、",
+	tableSeries: "系列",
+	tableValue: "值",
+	tableShare: "占比",
+	tableNode: "节点",
+	count: "数量",
+	stageRate: "转化率",
+	totalRate: "总转化率",
+	tableMore: "只显示前 {shown} 行，共 {count} 行"
+};
+var zhTW = {
+	chart: "圖表",
+	series: "{name}：{count} 個資料點，最小 {min}，最大 {max}",
+	seriesEmpty: "{name}：沒有資料",
+	heatmap: "{name}：{rows} 行 {columns} 列，最小 {min}，最大 {max}（{at}）",
+	slice: "{label} {value}（{share}）",
+	pie: "{name}：{slices}",
+	listSeparator: "；",
+	itemSeparator: "，",
+	share: "{value}（{share}）",
+	band: "{from} ~ {to}",
+	waterfallStep: "{change}，累計 {total}",
+	boxHigh: "上限",
+	boxQ3: "上四分位",
+	boxMedian: "中位數",
+	boxQ1: "下四分位",
+	boxLow: "下限",
+	boxOutliers: "異常值 {count} 個",
+	boxSeries: "{name}：{count} 組，最小 {min}，最大 {max}",
+	binsSeries: "{name}：{count} 個區間，最少 {min}，最多 {max}",
+	gauge: "{name} {value}，範圍 {min} ~ {max}",
+	gaugeValue: "{value}，範圍 {min} ~ {max}",
+	box: "中位數 {median}，四分位 {q1} ~ {q3}，範圍 {low} ~ {high}",
+	legendHint: "按 Alt+Enter 或按住 Alt 點擊只顯示這一項，再按一次恢復全部",
+	hiddenSlices: "已隱藏 {count} 項，占比只按顯示的部分計算",
+	keys: "{summary}。用方向鍵逐個查看資料",
+	zoomKeys: "{summary}。用方向鍵逐個查看資料，加號和減號縮放，0 復位",
+	zoomed: "顯示 {from} 至 {to}",
+	zoomReset: "顯示全部",
+	rangeStart: "區間起點",
+	rangeEnd: "區間終點",
+	range: "{chart}，橫軸從 {from} 到 {to}",
+	rangeDown: "{chart}，縱軸從 {from} 到 {to}",
+	summary: "{chart}。{series}",
+	empty: "沒有資料",
+	table: "圖表資料",
+	tableOf: "{names}的資料",
+	nameSeparator: "、",
+	tableSeries: "系列",
+	tableValue: "值",
+	tableShare: "佔比",
+	tableNode: "節點",
+	count: "數量",
+	stageRate: "轉化率",
+	totalRate: "總轉化率",
+	tableMore: "只顯示前 {shown} 列，共 {count} 列"
+};
+var en = {
+	chart: "Chart",
+	series: "{name}: {count} points, from {min} to {max}",
+	seriesEmpty: "{name}: no data",
+	heatmap: "{name}: {rows} rows, {columns} columns, from {min} to {max} ({at})",
+	slice: "{label} {value} ({share})",
+	pie: "{name}: {slices}",
+	listSeparator: "; ",
+	itemSeparator: ", ",
+	share: "{value} ({share})",
+	band: "{from} – {to}",
+	waterfallStep: "{change}, total {total}",
+	boxHigh: "Upper whisker",
+	boxQ3: "Upper quartile",
+	boxMedian: "Median",
+	boxQ1: "Lower quartile",
+	boxLow: "Lower whisker",
+	boxOutliers: "{count} outliers",
+	boxSeries: "{name}: {count} groups, min {min}, max {max}",
+	binsSeries: "{name}: {count} bins, fewest {min}, most {max}",
+	gauge: "{name} {value}, range {min} – {max}",
+	gaugeValue: "{value}, range {min} – {max}",
+	box: "median {median}, quartiles {q1} – {q3}, range {low} – {high}",
+	legendHint: "Alt+Enter or Alt+click shows only this one; again shows all",
+	hiddenSlices: "{count} hidden; shares are of the slices shown",
+	keys: "{summary}. Use the arrow keys to read each point",
+	zoomKeys: "{summary}. Use the arrow keys to read each point, plus and minus to zoom, 0 to reset",
+	zoomed: "Showing {from} to {to}",
+	zoomReset: "Showing all",
+	rangeStart: "Range start",
+	rangeEnd: "Range end",
+	range: "{chart}, x from {from} to {to}",
+	rangeDown: "{chart}, x from {from} to {to}",
+	summary: "{chart}. {series}",
+	empty: "No data",
+	table: "Chart data",
+	tableOf: "Data of {names}",
+	nameSeparator: ", ",
+	tableSeries: "Series",
+	tableValue: "Value",
+	tableShare: "Share",
+	tableNode: "Node",
+	count: "Count",
+	stageRate: "Conversion",
+	totalRate: "Overall",
+	tableMore: "Showing the first {shown} of {count} rows"
+};
+var chartLocales = {
+	"zh-CN": zhCN,
+	"zh-TW": zhTW,
+	en
+};
+/**
+* The chart's texts, picked by the name of DouUI's current locale.
+* Pass `messages` to override any of them.
+*/
+function useChartMessages(override) {
+	const { locale } = useLocale();
+	return computed(() => {
+		const name = locale.value.name;
+		const base = chartLocales[name] ?? chartLocales[name.split("-")[0]] ?? (name.startsWith("zh") ? zhCN : en);
+		const extra = toValue(override);
+		return extra ? {
+			...base,
+			...extra
+		} : base;
+	});
+}
+/** Fills `{name}` placeholders. */
+var format = (text, params) => text.replace(/\{(\w+)\}/g, (match, key) => String(params[key] ?? match));
+export { chartLocales, format, useChartMessages };
+
+//# sourceMappingURL=locale.js.map

package/dist/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.js","names":[],"sources":["../src/locale.ts"],"sourcesContent":["import { useLocale } from 'dou-ui'\nimport { computed, toValue, type MaybeRefOrGetter } from 'vue'\n\nexport interface ChartMessages {\n  /** The chart's accessible name when it has no `description`. */\n  chart: string\n  /** Read out for each series: `{name}`, `{count}` points, from `{min}` to `{max}`. */\n  series: string\n  /** Read out for a series without points: `{name}`. */\n  seriesEmpty: string\n  /**\n   * Read out for a heatmap: `{name}`, `{rows}` rows and `{columns}` columns, the\n   * smallest `{min}` and largest `{max}` value and where it is, `{at}`.\n   */\n  heatmap: string\n  /** Read out for a slice of a pie: `{label}`, `{value}`, `{share}` (a percentage). */\n  slice: string\n  /** Read out for a pie with a `name`: `{name}`, `{slices}`. */\n  pie: string\n  /** Joins the series in the summary. */\n  listSeparator: string\n  /** Joins what is read out for one x or point. */\n  itemSeparator: string\n  /** A slice's value in its tooltip: `{value}`, `{share}` (a percentage). */\n  share: string\n  /** A band's two ends in its tooltip: `{from}`, `{to}`. */\n  band: string\n  /** A waterfall's change and the running total after it: `{change}`, `{total}`. */\n  waterfallStep: string\n  /** A box plot's numbers, in its tooltip: its top and bottom whisker, quartiles and median. */\n  boxHigh: string\n  boxQ3: string\n  boxMedian: string\n  boxQ1: string\n  boxLow: string\n  /** The values past a box plot's whiskers: `{count}`. */\n  boxOutliers: string\n  /** A box plot in the summary: `{name}`, `{count}` (its groups), `{min}`, `{max}`. */\n  boxSeries: string\n  /** A histogram in the summary: `{name}`, `{count}` (its bins), `{min}`, `{max}` (counts). */\n  binsSeries: string\n  /** A gauge, read out: `{name}`, `{value}`, `{min}`, `{max}`. */\n  gauge: string\n  /** The same, for a gauge without a name. */\n  gaugeValue: string\n  /** A box plot's numbers in one line, read out and in the table: `{median}`, `{q1}`, `{q3}`, `{low}`, `{high}`. */\n  box: string\n  /** Read out with each legend entry: how to show it alone. */\n  legendHint: string\n  /** Under a pie with slices turned off: `{count}`. */\n  hiddenSlices: string\n  /** The summary of a chart that can be explored with the keys: `{summary}`. */\n  keys: string\n  /** The same, for a chart that can also be zoomed: `{summary}`. */\n  zoomKeys: string\n  /** Read out after zooming with the keys: `{from}`, `{to}`. */\n  zoomed: string\n  /** Read out after going back to the whole chart. */\n  zoomReset: string\n  /** The range strip's handles. */\n  rangeStart: string\n  rangeEnd: string\n  /** The chart with the range of its x axis: `{chart}`, `{from}`, `{to}`. */\n  range: string\n  /** The same, for a `horizontal` chart, whose x axis runs down the side. */\n  rangeDown: string\n  /** The summary: `{chart}` (with its range) and `{series}` (the series joined). */\n  summary: string\n  /** Shown, and read out, when no series has a value. */\n  empty: string\n  /** The table view's caption when the chart has no `aria-label` nor named series. */\n  table: string\n  /** The table view's caption from its series' names: `{names}`. */\n  tableOf: string\n  /** Joins the series' names in the table's caption. */\n  nameSeparator: string\n  /** The table view's head over the series' names, for a scatter's points. */\n  tableSeries: string\n  /** The table view's head over the values, for a scatter's points and a pie. */\n  tableValue: string\n  /** The table view's head over a pie's shares. */\n  tableShare: string\n  /** The table view's head over a tree's nodes. */\n  tableNode: string\n  /** What a histogram counts, when it has no `name`. */\n  count: string\n  /** A funnel stage's share of the stage before it, in its tooltip, table and summary. */\n  stageRate: string\n  /** A funnel stage's share of the first stage. */\n  totalRate: string\n  /** Under a table cut short: `{shown}` rows of `{count}`. */\n  tableMore: string\n}\n\nconst zhCN: ChartMessages = {\n  chart: '图表',\n  series: '{name}：{count} 个数据点，最小 {min}，最大 {max}',\n  seriesEmpty: '{name}：没有数据',\n  heatmap: '{name}：{rows} 行 {columns} 列，最小 {min}，最大 {max}（{at}）',\n  slice: '{label} {value}（{share}）',\n  pie: '{name}：{slices}',\n  listSeparator: '；',\n  itemSeparator: '，',\n  share: '{value}（{share}）',\n  band: '{from} ~ {to}',\n  waterfallStep: '{change}，累计 {total}',\n  boxHigh: '上限',\n  boxQ3: '上四分位',\n  boxMedian: '中位数',\n  boxQ1: '下四分位',\n  boxLow: '下限',\n  boxOutliers: '异常值 {count} 个',\n  boxSeries: '{name}：{count} 组，最小 {min}，最大 {max}',\n  binsSeries: '{name}：{count} 个区间，最少 {min}，最多 {max}',\n  gauge: '{name} {value}，范围 {min} ~ {max}',\n  gaugeValue: '{value}，范围 {min} ~ {max}',\n  box: '中位数 {median}，四分位 {q1} ~ {q3}，范围 {low} ~ {high}',\n  legendHint: '按 Alt+Enter 或按住 Alt 点击只显示这一项，再按一次恢复全部',\n  hiddenSlices: '已隐藏 {count} 项，占比只按显示的部分计算',\n  keys: '{summary}。用方向键逐个查看数据',\n  zoomKeys: '{summary}。用方向键逐个查看数据，加号和减号缩放，0 复位',\n  zoomed: '显示 {from} 至 {to}',\n  zoomReset: '显示全部',\n  rangeStart: '区间起点',\n  rangeEnd: '区间终点',\n  range: '{chart}，横轴从 {from} 到 {to}',\n  rangeDown: '{chart}，纵轴从 {from} 到 {to}',\n  summary: '{chart}。{series}',\n  empty: '没有数据',\n  table: '图表数据',\n  tableOf: '{names}的数据',\n  nameSeparator: '、',\n  tableSeries: '系列',\n  tableValue: '值',\n  tableShare: '占比',\n  tableNode: '节点',\n  count: '数量',\n  stageRate: '转化率',\n  totalRate: '总转化率',\n  tableMore: '只显示前 {shown} 行，共 {count} 行',\n}\n\nconst zhTW: ChartMessages = {\n  chart: '圖表',\n  series: '{name}：{count} 個資料點，最小 {min}，最大 {max}',\n  seriesEmpty: '{name}：沒有資料',\n  heatmap: '{name}：{rows} 行 {columns} 列，最小 {min}，最大 {max}（{at}）',\n  slice: '{label} {value}（{share}）',\n  pie: '{name}：{slices}',\n  listSeparator: '；',\n  itemSeparator: '，',\n  share: '{value}（{share}）',\n  band: '{from} ~ {to}',\n  waterfallStep: '{change}，累計 {total}',\n  boxHigh: '上限',\n  boxQ3: '上四分位',\n  boxMedian: '中位數',\n  boxQ1: '下四分位',\n  boxLow: '下限',\n  boxOutliers: '異常值 {count} 個',\n  boxSeries: '{name}：{count} 組，最小 {min}，最大 {max}',\n  binsSeries: '{name}：{count} 個區間，最少 {min}，最多 {max}',\n  gauge: '{name} {value}，範圍 {min} ~ {max}',\n  gaugeValue: '{value}，範圍 {min} ~ {max}',\n  box: '中位數 {median}，四分位 {q1} ~ {q3}，範圍 {low} ~ {high}',\n  legendHint: '按 Alt+Enter 或按住 Alt 點擊只顯示這一項，再按一次恢復全部',\n  hiddenSlices: '已隱藏 {count} 項，占比只按顯示的部分計算',\n  keys: '{summary}。用方向鍵逐個查看資料',\n  zoomKeys: '{summary}。用方向鍵逐個查看資料，加號和減號縮放，0 復位',\n  zoomed: '顯示 {from} 至 {to}',\n  zoomReset: '顯示全部',\n  rangeStart: '區間起點',\n  rangeEnd: '區間終點',\n  range: '{chart}，橫軸從 {from} 到 {to}',\n  rangeDown: '{chart}，縱軸從 {from} 到 {to}',\n  summary: '{chart}。{series}',\n  empty: '沒有資料',\n  table: '圖表資料',\n  tableOf: '{names}的資料',\n  nameSeparator: '、',\n  tableSeries: '系列',\n  tableValue: '值',\n  tableShare: '佔比',\n  tableNode: '節點',\n  count: '數量',\n  stageRate: '轉化率',\n  totalRate: '總轉化率',\n  tableMore: '只顯示前 {shown} 列，共 {count} 列',\n}\n\nconst en: ChartMessages = {\n  chart: 'Chart',\n  series: '{name}: {count} points, from {min} to {max}',\n  seriesEmpty: '{name}: no data',\n  heatmap: '{name}: {rows} rows, {columns} columns, from {min} to {max} ({at})',\n  slice: '{label} {value} ({share})',\n  pie: '{name}: {slices}',\n  listSeparator: '; ',\n  itemSeparator: ', ',\n  share: '{value} ({share})',\n  band: '{from} – {to}',\n  waterfallStep: '{change}, total {total}',\n  boxHigh: 'Upper whisker',\n  boxQ3: 'Upper quartile',\n  boxMedian: 'Median',\n  boxQ1: 'Lower quartile',\n  boxLow: 'Lower whisker',\n  boxOutliers: '{count} outliers',\n  boxSeries: '{name}: {count} groups, min {min}, max {max}',\n  binsSeries: '{name}: {count} bins, fewest {min}, most {max}',\n  gauge: '{name} {value}, range {min} – {max}',\n  gaugeValue: '{value}, range {min} – {max}',\n  box: 'median {median}, quartiles {q1} – {q3}, range {low} – {high}',\n  legendHint: 'Alt+Enter or Alt+click shows only this one; again shows all',\n  hiddenSlices: '{count} hidden; shares are of the slices shown',\n  keys: '{summary}. Use the arrow keys to read each point',\n  zoomKeys: '{summary}. Use the arrow keys to read each point, plus and minus to zoom, 0 to reset',\n  zoomed: 'Showing {from} to {to}',\n  zoomReset: 'Showing all',\n  rangeStart: 'Range start',\n  rangeEnd: 'Range end',\n  range: '{chart}, x from {from} to {to}',\n  rangeDown: '{chart}, x from {from} to {to}',\n  summary: '{chart}. {series}',\n  empty: 'No data',\n  table: 'Chart data',\n  tableOf: 'Data of {names}',\n  nameSeparator: ', ',\n  tableSeries: 'Series',\n  tableValue: 'Value',\n  tableShare: 'Share',\n  tableNode: 'Node',\n  count: 'Count',\n  stageRate: 'Conversion',\n  totalRate: 'Overall',\n  tableMore: 'Showing the first {shown} of {count} rows',\n}\n\nexport const chartLocales: Record<string, ChartMessages> = {\n  'zh-CN': zhCN,\n  'zh-TW': zhTW,\n  en,\n}\n\nexport type ChartMessagesOverride = Partial<ChartMessages>\n\n/**\n * The chart's texts, picked by the name of DouUI's current locale.\n * Pass `messages` to override any of them.\n */\nexport function useChartMessages(override?: MaybeRefOrGetter<ChartMessagesOverride | undefined>) {\n  const { locale } = useLocale()\n  return computed<ChartMessages>(() => {\n    const name = locale.value.name\n    const base =\n      chartLocales[name] ?? chartLocales[name.split('-')[0]!] ?? (name.startsWith('zh') ? zhCN : en)\n    const extra = toValue(override)\n    return extra ? { ...base, ...extra } : base\n  })\n}\n\n/** Fills `{name}` placeholders. */\nexport const format = (text: string, params: Record<string, string | number>) =>\n  text.replace(/\\{(\\w+)\\}/g, (match, key: string) => String(params[key] ?? match))\n"],"mappings":";;;AA8FA,IAAM,OAAsB;CAC1B,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,OAAO;CACP,KAAK;CACL,eAAe;CACf,eAAe;CACf,OAAO;CACP,MAAM;CACN,eAAe;CACf,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,aAAa;CACb,WAAW;CACX,YAAY;CACZ,OAAO;CACP,YAAY;CACZ,KAAK;CACL,YAAY;CACZ,cAAc;CACd,MAAM;CACN,UAAU;CACV,QAAQ;CACR,WAAW;CACX,YAAY;CACZ,UAAU;CACV,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,OAAO;CACP,SAAS;CACT,eAAe;CACf,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,WAAW;CACX,OAAO;CACP,WAAW;CACX,WAAW;CACX,WAAW;AACb;AAEA,IAAM,OAAsB;CAC1B,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,OAAO;CACP,KAAK;CACL,eAAe;CACf,eAAe;CACf,OAAO;CACP,MAAM;CACN,eAAe;CACf,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,aAAa;CACb,WAAW;CACX,YAAY;CACZ,OAAO;CACP,YAAY;CACZ,KAAK;CACL,YAAY;CACZ,cAAc;CACd,MAAM;CACN,UAAU;CACV,QAAQ;CACR,WAAW;CACX,YAAY;CACZ,UAAU;CACV,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,OAAO;CACP,SAAS;CACT,eAAe;CACf,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,WAAW;CACX,OAAO;CACP,WAAW;CACX,WAAW;CACX,WAAW;AACb;AAEA,IAAM,KAAoB;CACxB,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,OAAO;CACP,KAAK;CACL,eAAe;CACf,eAAe;CACf,OAAO;CACP,MAAM;CACN,eAAe;CACf,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,aAAa;CACb,WAAW;CACX,YAAY;CACZ,OAAO;CACP,YAAY;CACZ,KAAK;CACL,YAAY;CACZ,cAAc;CACd,MAAM;CACN,UAAU;CACV,QAAQ;CACR,WAAW;CACX,YAAY;CACZ,UAAU;CACV,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,OAAO;CACP,SAAS;CACT,eAAe;CACf,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,WAAW;CACX,OAAO;CACP,WAAW;CACX,WAAW;CACX,WAAW;AACb;AAEA,IAAa,eAA8C;CACzD,SAAS;CACT,SAAS;CACT;AACF;;;;;AAQA,SAAgB,iBAAiB,UAAgE;CAC/F,MAAM,EAAE,WAAW,UAAU;CAC7B,OAAO,eAA8B;EACnC,MAAM,OAAO,OAAO,MAAM;EAC1B,MAAM,OACJ,aAAa,SAAS,aAAa,KAAK,MAAM,GAAG,CAAC,CAAC,QAAS,KAAK,WAAW,IAAI,IAAI,OAAO;EAC7F,MAAM,QAAQ,QAAQ,QAAQ;EAC9B,OAAO,QAAQ;GAAE,GAAG;GAAM,GAAG;EAAM,IAAI;CACzC,CAAC;AACH;;AAGA,IAAa,UAAU,MAAc,WACnC,KAAK,QAAQ,eAAe,OAAO,QAAgB,OAAO,OAAO,QAAQ,KAAK,CAAC"}

package/dist/overlay.js

@@ -0,0 +1,6 @@
+import overlay_vue_vue_type_script_setup_true_lang_default from "./overlay.vue_vue_type_script_setup_true_lang.js";
+// src/overlay.vue
+var overlay_default = overlay_vue_vue_type_script_setup_true_lang_default;
+export { overlay_default as default };
+
+//# sourceMappingURL=overlay.js.map

package/dist/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","names":["_sfc_main"],"sources":["../src/overlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouSpinner, DouTooltip, useNamespace, type Tone } from 'dou-ui'\nimport { onBeforeUnmount, useId, type ComputedRef, type VNodeChild } from 'vue'\nimport type { TickLabel } from './core/layout'\nimport type { PlacedDataLabel } from './core/labels'\nimport type { LegendBox } from './core/layout'\nimport type { MarkerLabel } from './core/marker'\n\n/**\n * The text over the canvas: tick labels, titles, the legend and what goes\n * in a donut's hole. Kept apart from the chart, so laying it out again\n * doesn't render the chart's slot again: a part written with a new\n * function each render (`:format=\"(v) => …\"`) would otherwise be laid out\n * again and again.\n */\nexport interface OverlayState {\n  shown: ComputedRef<boolean>\n  labels: ComputedRef<Array<TickLabel & { key: string; axis: string }>>\n  titles: ComputedRef<\n    Array<{ key: string; text: string; left: number; top: number; align: 'start' | 'end' }>\n  >\n  legend: ComputedRef<\n    Array<{\n      index: number\n      text: string\n      left: number\n      top: number\n      color: string\n      kind: string\n      dashed: boolean\n      /** Turned off. */\n      off: boolean\n      /** The last one shown: it can't be turned off. */\n      locked: boolean\n      /** The room it takes, swatch and name, in px. */\n      width: number\n      /** Its name is cut short to the room down the side. */\n      clipped?: boolean\n      /** A heatmap's scale: its colors, least to most, in a swatch `swatch` px wide. */\n      scale?: string[]\n      swatch?: number\n      /** The pattern over its color, as a CSS background image and its size. */\n      pattern?: { image: string; size?: string }\n    }>\n  >\n  /** Where the legend shows; its entries scroll in it when they don't all fit. */\n  legendBox: ComputedRef<LegendBox | undefined>\n  /** Turns the series (or slice) at `index` on or off. */\n  toggle: (index: number) => void\n  /** Shows only the series (or slice) at `index`, or all again. */\n  isolate: (index: number) => void\n  /** How to show one entry alone, read out with each entry. */\n  hint: ComputedRef<string>\n  /** Brings the series at `index` forward while the pointer or focus is on its entry; `null` to stop. */\n  focus: (index: number | null) => void\n  /** Where the donut's hole is, if there is one to fill. */\n  hole: ComputedRef<{ left: number; top: number; width: number; above?: boolean } | null>\n  center: () => VNodeChild\n  /** The markers' labels. */\n  markers: ComputedRef<Array<MarkerLabel & { key: string; tone: Tone; backdrop: boolean }>>\n  /** Data labels: values by the points and on the bars; `ink` is their color, when not the default. */\n  data: ComputedRef<Array<PlacedDataLabel & { ink?: string; width?: number }>>\n  /** Whether the data labels show (not while the series come in). */\n  dataShown: ComputedRef<boolean>\n  /** The series brought forward: the other series' labels are faded too. */\n  dataFocus: ComputedRef<number | null>\n  /** No series has a value: the empty message shows. */\n  empty: ComputedRef<boolean>\n  emptyContent: () => VNodeChild\n  loading: ComputedRef<boolean>\n}\n\ndefineOptions({ name: 'DouChartOverlay' })\n\nconst { state } = defineProps<{ state: OverlayState }>()\nconst ns = useNamespace('chart')\nconst {\n  shown,\n  labels,\n  titles,\n  legend,\n  legendBox,\n  hole,\n  toggle,\n  isolate,\n  hint,\n  focus,\n  markers,\n  data,\n  dataShown,\n  dataFocus,\n  empty,\n  loading,\n} = state\nconst Center = () => state.center()\nconst hintId = useId()\n\n/* the legend: a click turns an entry on or off; with Alt, or held down on a touch screen, it shows only that one */\n\n/** How long a finger stays on an entry to show only it, in ms. */\nconst HOLD = 500\nlet holdTimer: ReturnType<typeof setTimeout> | undefined\n/** A hold just showed one entry alone: the click that ends it isn't a toggle. */\nlet held = false\n\nfunction holdLegend(index: number) {\n  letGo()\n  held = false\n  holdTimer = setTimeout(() => {\n    holdTimer = undefined\n    held = true\n    isolate(index)\n  }, HOLD)\n}\n\nfunction letGo() {\n  if (holdTimer) clearTimeout(holdTimer)\n  holdTimer = undefined\n}\n\nfunction onLegendClick(event: MouseEvent, index: number) {\n  if (held) {\n    held = false\n    return\n  }\n  if (event.altKey) isolate(index)\n  else toggle(index)\n}\n\nfunction onLegendKey(event: KeyboardEvent, index: number) {\n  if (!event.altKey || (event.key !== 'Enter' && event.key !== ' ')) return\n  event.preventDefault()\n  isolate(index)\n}\n/** No callout menu over an entry while it is held down. */\nfunction noMenu(event: Event) {\n  if (holdTimer || held) event.preventDefault()\n}\nonBeforeUnmount(letGo)\n/** Room around the legend's entries in its box, so a focus ring isn't cut off where it scrolls. */\nconst LEGEND_PAD = 4\nconst Empty = () => state.emptyContent()\n// a click focuses the entry too: only keyboard focus brings its series forward\nconst focusVisible = (e: FocusEvent) => (e.target as Element).matches(':focus-visible')\n</script>\n\n<template>\n  <div v-if=\"shown\" :class=\"ns.e('labels')\" aria-hidden=\"true\">\n    <span\n      v-for=\"tick in labels\"\n      :key=\"tick.key\"\n      :class=\"[ns.e('tick'), ns.is(tick.axis), ns.is('clipped', !!tick.clipped)]\"\n      :style=\"{\n        transform: `translate(${tick.left}px, ${tick.top}px)`,\n        width: tick.clipped ? `${tick.width}px` : undefined,\n      }\"\n      ><span :class=\"ns.e('text')\">{{ tick.text }}</span></span\n    >\n    <span\n      v-for=\"title in titles\"\n      :key=\"title.key\"\n      :class=\"[ns.e('title'), ns.is('end', title.align === 'end')]\"\n      :style=\"{ transform: `translate(${title.left}px, ${title.top}px)` }\"\n      ><span :class=\"ns.e('text')\">{{ title.text }}</span></span\n    >\n    <span\n      v-for=\"marker in markers\"\n      :key=\"marker.key\"\n      :class=\"[\n        ns.e('marker'),\n        ns.is(marker.tone),\n        ns.is(marker.align),\n        ns.is('backdrop', marker.backdrop),\n      ]\"\n      :style=\"{ transform: `translate(${marker.left}px, ${marker.top}px)` }\"\n      ><span :class=\"ns.e('text')\">{{ marker.text }}</span></span\n    >\n    <span\n      v-for=\"label in data\"\n      :key=\"`data:${label.key}`\"\n      :class=\"[\n        ns.e('value'),\n        ns.is(label.align),\n        ns.is('inside', !!label.on),\n        ns.is('hidden', !dataShown),\n        ns.is('faded', dataFocus !== null && dataFocus !== label.series),\n        ns.is('clipped', label.width !== undefined),\n      ]\"\n      :style=\"{\n        transform: `translate(${label.left}px, ${label.top}px)`,\n        color: label.ink,\n        width: label.width === undefined ? undefined : `${label.width}px`,\n      }\"\n      ><span :class=\"ns.e('text')\">{{ label.text }}</span></span\n    >\n  </div>\n  <div\n    v-if=\"shown && legend.length && legendBox\"\n    :class=\"[ns.e('legends'), ns.is('scroll', legendBox.scroll)]\"\n    :style=\"{\n      left: `${legendBox.x - LEGEND_PAD}px`,\n      top: `${legendBox.y - LEGEND_PAD}px`,\n      width: `${legendBox.width + LEGEND_PAD * 2}px`,\n      height: `${legendBox.height + LEGEND_PAD * 2}px`,\n    }\"\n  >\n    <!-- a name cut short shows in full on hover and focus; on a phone the legend goes where names aren't cut -->\n    <DouTooltip\n      v-for=\"item in legend\"\n      :key=\"`legend:${item.index}`\"\n      :content=\"item.text\"\n      :disabled=\"!item.clipped\"\n    >\n      <button\n        type=\"button\"\n        :class=\"[\n          ns.e('legend'),\n          ns.is(item.kind),\n          ns.is('dashed', item.dashed),\n          ns.is('off', item.off),\n          ns.is('locked', item.locked),\n          ns.is('clipped', !!item.clipped),\n        ]\"\n        :style=\"{\n          transform: `translate(${item.left - legendBox.x + LEGEND_PAD}px, ${item.top - legendBox.y + LEGEND_PAD}px)`,\n          width: item.clipped ? `${item.width}px` : undefined,\n        }\"\n        :aria-pressed=\"!item.off\"\n        :aria-describedby=\"hintId\"\n        aria-keyshortcuts=\"Alt+Enter\"\n        @click=\"(e) => onLegendClick(e, item.index)\"\n        @keydown=\"(e) => onLegendKey(e, item.index)\"\n        @pointerdown=\"(e) => e.pointerType === 'touch' && holdLegend(item.index)\"\n        @pointerup=\"letGo\"\n        @pointercancel=\"letGo\"\n        @contextmenu=\"noMenu\"\n        @pointerenter=\"(e) => e.pointerType !== 'touch' && !item.off && focus(item.index)\"\n        @pointerleave=\"(letGo(), focus(null))\"\n        @focus=\"(e) => focusVisible(e) && !item.off && focus(item.index)\"\n        @blur=\"focus(null)\"\n      >\n        <span\n          :class=\"ns.e('swatch')\"\n          :style=\"\n            item.scale\n              ? {\n                  width: `${item.swatch}px`,\n                  background: `linear-gradient(to right, ${item.scale.join(', ')})`,\n                }\n              : item.pattern\n                ? {\n                    color: item.color,\n                    backgroundImage: item.pattern.image,\n                    backgroundSize: item.pattern.size,\n                  }\n                : { color: item.color }\n          \"\n        /><span :class=\"ns.e('text')\">{{ item.text }}</span>\n      </button>\n    </DouTooltip>\n    <span :id=\"hintId\" hidden>{{ hint }}</span>\n  </div>\n  <div\n    v-if=\"hole\"\n    :class=\"[ns.e('center'), ns.is('above', !!hole.above)]\"\n    :style=\"{ left: `${hole.left}px`, top: `${hole.top}px`, width: `${hole.width}px` }\"\n  >\n    <Center />\n  </div>\n  <div v-if=\"empty\" :class=\"ns.e('empty')\"><Empty /></div>\n  <Transition name=\"dou-fade\">\n    <div v-if=\"loading\" :class=\"ns.e('loading')\"><DouSpinner /></div>\n  </Transition>\n</template>\n"],"mappings":""}