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

package/dist/zoom-layer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,210 @@
+import { holdPointer, useNamespace } from "dou-ui";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, unref, useTemplateRef, watchPostEffect, withModifiers } from "vue";
+// src/zoom-layer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-label",
+	"aria-orientation",
+	"aria-valuenow",
+	"aria-valuetext",
+	"onPointerdown",
+	"onKeydown"
+];
+var zoom_layer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouChartZoomLayer",
+	__name: "zoom-layer",
+	props: { state: {} },
+	setup(__props) {
+		const ns = useNamespace("chart");
+		const { brush, strip } = __props.state;
+		const canvas = useTemplateRef("canvas");
+		watchPostEffect(() => {
+			if (canvas.value && __props.state.sketch.value) __props.state.paint(canvas.value);
+		});
+		const px = (r) => ({
+			transform: `translate(${r.x}px, ${r.y}px)`,
+			width: `${r.width}px`,
+			height: `${r.height}px`
+		});
+		/** The shown part and the dimmed parts on either side, in px. */
+		const parts = computed(() => {
+			const s = strip.value;
+			if (!s) return null;
+			const { rect, horizontal } = s;
+			const length = horizontal ? rect.height : rect.width;
+			const start = horizontal ? rect.y : rect.x;
+			const a = start + s.from * length;
+			const b = start + s.to * length;
+			const stretch = (from, to) => horizontal ? {
+				x: rect.x,
+				y: from,
+				width: rect.width,
+				height: to - from
+			} : {
+				x: from,
+				y: rect.y,
+				width: to - from,
+				height: rect.height
+			};
+			return {
+				before: stretch(start, a),
+				window: stretch(a, b),
+				after: stretch(b, start + length),
+				ends: [a, b]
+			};
+		});
+		let drag = null;
+		function along(event) {
+			const s = strip.value;
+			const box = event.currentTarget.closest(`.${ns.e("range")}`).getBoundingClientRect();
+			return s.horizontal ? (event.clientY - box.top) / box.height : (event.clientX - box.left) / box.width;
+		}
+		function onPointerDown(event, grip) {
+			if (event.button !== 0 || !strip.value) return;
+			event.stopPropagation();
+			event.preventDefault();
+			__props.state.start();
+			let { from, to } = strip.value;
+			const at = along(event);
+			if (grip === "track") {
+				const span = to - from;
+				from = Math.min(Math.max(0, at - span / 2), 1 - span);
+				to = from + span;
+				__props.state.show(from, to, false);
+				grip = "window";
+			}
+			const el = event.currentTarget;
+			const hold = holdPointer(event, el);
+			hold.grab();
+			try {
+				el.setPointerCapture?.(event.pointerId);
+			} catch {}
+			drag = {
+				grip,
+				start: at,
+				from,
+				to,
+				hold,
+				id: event.pointerId
+			};
+		}
+		function onPointerMove(event) {
+			if (!drag || event.pointerId !== drag.id) return;
+			const d = along(event) - drag.start;
+			__props.state.show(...moved(drag.grip, drag.from, drag.to, d), false);
+		}
+		function onPointerUp(event) {
+			if (!drag || event.pointerId !== drag.id) return;
+			const d = along(event) - drag.start;
+			const grip = drag.grip;
+			drag.hold.release();
+			const { from, to } = drag;
+			drag = null;
+			__props.state.show(...moved(grip, from, to, d), true);
+		}
+		function onPointerCancel() {
+			drag?.hold.release();
+			drag = null;
+		}
+		/** `from` and `to` after `grip` moved by `d`, kept in the strip and apart by the least. */
+		function moved(grip, from, to, d) {
+			const least = __props.state.least.value;
+			if (grip === "from") return [Math.min(Math.max(0, from + d), to - least), to];
+			if (grip === "to") return [from, Math.max(Math.min(1, to + d), from + least)];
+			const shift = Math.min(Math.max(d, -from), 1 - to);
+			return [from + shift, to + shift];
+		}
+		function onKeydown(event, grip) {
+			const s = strip.value;
+			if (!s) return;
+			const step = __props.state.step.value;
+			const keys = {
+				ArrowLeft: -step,
+				ArrowDown: s.horizontal ? step : -step,
+				ArrowRight: step,
+				ArrowUp: s.horizontal ? -step : step,
+				PageDown: -step * 10,
+				PageUp: step * 10,
+				Home: -Infinity,
+				End: Infinity
+			};
+			if (s.horizontal) [keys.PageDown, keys.PageUp] = [step * 10, -step * 10];
+			const d = keys[event.key];
+			if (d === void 0) return;
+			event.preventDefault();
+			const at = grip === "from" ? s.from : s.to;
+			const next = Number.isFinite(d) ? at + d : d < 0 ? 0 : 1;
+			__props.state.show(...moved(grip, s.from, s.to, next - at), true);
+		}
+		const percent = (value) => Math.round(value * 1e3) / 10;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [unref(brush) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(ns).e("brush")),
+				style: normalizeStyle(px(unref(brush))),
+				"aria-hidden": "true"
+			}, null, 6)) : createCommentVNode("", true), unref(strip) && parts.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass([unref(ns).e("range"), unref(ns).is("vertical", unref(strip).horizontal)]),
+				style: normalizeStyle(px(unref(strip).rect)),
+				onPointerdown: _cache[1] || (_cache[1] = (e) => onPointerDown(e, "track")),
+				onPointermove: onPointerMove,
+				onPointerup: onPointerUp,
+				onPointercancel: onPointerCancel,
+				onDblclick: _cache[2] || (_cache[2] = withModifiers(($event) => __props.state.reset(), ["stop"])),
+				onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
+			}, [
+				createElementVNode("canvas", {
+					ref_key: "canvas",
+					ref: canvas,
+					class: normalizeClass(unref(ns).e("range-canvas")),
+					"aria-hidden": "true"
+				}, null, 2),
+				createElementVNode("div", {
+					class: normalizeClass(unref(ns).e("range-shade")),
+					style: normalizeStyle(px({
+						...parts.value.before,
+						x: parts.value.before.x - unref(strip).rect.x,
+						y: parts.value.before.y - unref(strip).rect.y
+					}))
+				}, null, 6),
+				createElementVNode("div", {
+					class: normalizeClass(unref(ns).e("range-shade")),
+					style: normalizeStyle(px({
+						...parts.value.after,
+						x: parts.value.after.x - unref(strip).rect.x,
+						y: parts.value.after.y - unref(strip).rect.y
+					}))
+				}, null, 6),
+				createElementVNode("div", {
+					class: normalizeClass(unref(ns).e("range-window")),
+					style: normalizeStyle(px({
+						...parts.value.window,
+						x: parts.value.window.x - unref(strip).rect.x,
+						y: parts.value.window.y - unref(strip).rect.y
+					})),
+					onPointerdown: _cache[0] || (_cache[0] = (e) => onPointerDown(e, "window"))
+				}, null, 38),
+				(openBlock(), createElementBlock(Fragment, null, renderList(["from", "to"], (grip, i) => {
+					return createElementVNode("div", {
+						key: grip,
+						class: normalizeClass(unref(ns).e("range-handle")),
+						role: "slider",
+						tabindex: "0",
+						"aria-label": __props.state.labels.value[i],
+						"aria-orientation": unref(strip).horizontal ? "vertical" : "horizontal",
+						"aria-valuemin": "0",
+						"aria-valuemax": "100",
+						"aria-valuenow": percent(grip === "from" ? unref(strip).from : unref(strip).to),
+						"aria-valuetext": __props.state.texts.value[i],
+						style: normalizeStyle(unref(strip).horizontal ? { transform: `translate(0, ${parts.value.ends[i] - unref(strip).rect.y}px)` } : { transform: `translate(${parts.value.ends[i] - unref(strip).rect.x}px, 0)` }),
+						onPointerdown: (e) => onPointerDown(e, grip),
+						onKeydown: (e) => onKeydown(e, grip)
+					}, null, 46, _hoisted_1);
+				}), 64))
+			], 38)) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+export { zoom_layer_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=zoom-layer.vue_vue_type_script_setup_true_lang.js.map

package/dist/zoom-layer.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-layer.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_unref","_normalizeClass","_normalizeStyle","_createCommentVNode","_withModifiers","_createElementVNode","_renderList"],"sources":["../src/zoom-layer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { holdPointer, useNamespace, type PointerHold } from 'dou-ui'\nimport { computed, useTemplateRef, watchPostEffect, type ComputedRef } from 'vue'\nimport type { Rect } from './core/painter'\n\n/**\n * What goes over the plot for zooming and selecting: the selection being\n * dragged or kept, and the range strip with its handles. Kept apart from\n * the chart, so a drag doesn't render the chart's slot again.\n */\nexport interface ZoomLayerState {\n  /** The selection, in px from the chart's top left. */\n  brush: ComputedRef<Rect | null>\n  /** The strip, and the part of x shown (0 to 1 of the whole). */\n  strip: ComputedRef<{ rect: Rect; horizontal: boolean; from: number; to: number } | null>\n  /** The smallest part of x that can be shown, 0 to 1. */\n  least: ComputedRef<number>\n  /** How far a key moves a handle, 0 to 1. */\n  step: ComputedRef<number>\n  /** The x at each end, as the axis shows it. */\n  texts: ComputedRef<[string, string]>\n  labels: ComputedRef<[string, string]>\n  /** Shows `from` to `to` (0 to 1); `settle` at the end of a drag. */\n  show: (from: number, to: number, settle: boolean) => void\n  /** Shows all of x. */\n  reset: () => void\n  /** A drag on the strip starts: the tooltip goes. */\n  start: () => void\n  /** What the strip's sketch is drawn from: a new value only when it has to be drawn again. */\n  sketch: ComputedRef<unknown>\n  /** Draws the series, small, on the strip's canvas. */\n  paint: (canvas: HTMLCanvasElement) => void\n}\n\ndefineOptions({ name: 'DouChartZoomLayer' })\n\nconst { state } = defineProps<{ state: ZoomLayerState }>()\nconst ns = useNamespace('chart')\nconst { brush, strip } = state\nconst canvas = useTemplateRef<HTMLCanvasElement>('canvas')\n\nwatchPostEffect(() => {\n  // not on `strip`: moving the shown part leaves the sketch as it is\n  if (canvas.value && state.sketch.value) state.paint(canvas.value)\n})\n\nconst px = (r: Rect) => ({\n  transform: `translate(${r.x}px, ${r.y}px)`,\n  width: `${r.width}px`,\n  height: `${r.height}px`,\n})\n\n/** The shown part and the dimmed parts on either side, in px. */\nconst parts = computed(() => {\n  const s = strip.value\n  if (!s) return null\n  const { rect, horizontal } = s\n  const length = horizontal ? rect.height : rect.width\n  const start = horizontal ? rect.y : rect.x\n  const a = start + s.from * length\n  const b = start + s.to * length\n  const stretch = (from: number, to: number): Rect =>\n    horizontal\n      ? { x: rect.x, y: from, width: rect.width, height: to - from }\n      : { x: from, y: rect.y, width: to - from, height: rect.height }\n  return {\n    before: stretch(start, a),\n    window: stretch(a, b),\n    after: stretch(b, start + length),\n    ends: [a, b] as const,\n  }\n})\n\n/* dragging a handle, the shown part, or the strip around it */\n\ntype Grip = 'from' | 'to' | 'window'\nlet drag: {\n  grip: Grip\n  start: number\n  from: number\n  to: number\n  hold: PointerHold\n  id: number\n} | null = null\n\nfunction along(event: PointerEvent): number {\n  const s = strip.value!\n  const el = event.currentTarget as HTMLElement\n  const box = el.closest(`.${ns.e('range')}`)!.getBoundingClientRect()\n  return s.horizontal\n    ? (event.clientY - box.top) / box.height\n    : (event.clientX - box.left) / box.width\n}\n\nfunction onPointerDown(event: PointerEvent, grip: Grip | 'track') {\n  if (event.button !== 0 || !strip.value) return\n  event.stopPropagation()\n  event.preventDefault()\n  state.start()\n  const s = strip.value\n  let { from, to } = s\n  const at = along(event)\n  if (grip === 'track') {\n    // a press beside the shown part moves it there, and drags it from there\n    const span = to - from\n    from = Math.min(Math.max(0, at - span / 2), 1 - span)\n    to = from + span\n    state.show(from, to, false)\n    grip = 'window'\n  }\n  const el = event.currentTarget as HTMLElement\n  const hold = holdPointer(event, el)\n  hold.grab()\n  try {\n    el.setPointerCapture?.(event.pointerId)\n  } catch {\n    // the pointer is already gone\n  }\n  drag = { grip, start: at, from, to, hold, id: event.pointerId }\n}\n\nfunction onPointerMove(event: PointerEvent) {\n  if (!drag || event.pointerId !== drag.id) return\n  const d = along(event) - drag.start\n  state.show(...moved(drag.grip, drag.from, drag.to, d), false)\n}\n\nfunction onPointerUp(event: PointerEvent) {\n  if (!drag || event.pointerId !== drag.id) return\n  const d = along(event) - drag.start\n  const grip = drag.grip\n  drag.hold.release()\n  const { from, to } = drag\n  drag = null\n  state.show(...moved(grip, from, to, d), true)\n}\n\nfunction onPointerCancel() {\n  drag?.hold.release()\n  drag = null\n}\n\n/** `from` and `to` after `grip` moved by `d`, kept in the strip and apart by the least. */\nfunction moved(grip: Grip, from: number, to: number, d: number): [number, number] {\n  const least = state.least.value\n  if (grip === 'from') return [Math.min(Math.max(0, from + d), to - least), to]\n  if (grip === 'to') return [from, Math.max(Math.min(1, to + d), from + least)]\n  const shift = Math.min(Math.max(d, -from), 1 - to)\n  return [from + shift, to + shift]\n}\n\n/* the keys on a handle */\n\nfunction onKeydown(event: KeyboardEvent, grip: 'from' | 'to') {\n  const s = strip.value\n  if (!s) return\n  const step = state.step.value\n  const keys: Record<string, number> = {\n    ArrowLeft: -step,\n    ArrowDown: s.horizontal ? step : -step,\n    ArrowRight: step,\n    ArrowUp: s.horizontal ? -step : step,\n    PageDown: -step * 10,\n    PageUp: step * 10,\n    Home: -Infinity,\n    End: Infinity,\n  }\n  // down a vertical strip is further along x\n  if (s.horizontal) [keys.PageDown, keys.PageUp] = [step * 10, -step * 10]\n  const d = keys[event.key]\n  if (d === undefined) return\n  event.preventDefault()\n  const at = grip === 'from' ? s.from : s.to\n  const next = Number.isFinite(d) ? at + d : d < 0 ? 0 : 1\n  state.show(...moved(grip, s.from, s.to, next - at), true)\n}\n\nconst percent = (value: number) => Math.round(value * 1000) / 10\n</script>\n\n<template>\n  <div v-if=\"brush\" :class=\"ns.e('brush')\" :style=\"px(brush)\" aria-hidden=\"true\" />\n  <div\n    v-if=\"strip && parts\"\n    :class=\"[ns.e('range'), ns.is('vertical', strip.horizontal)]\"\n    :style=\"px(strip.rect)\"\n    @pointerdown=\"(e) => onPointerDown(e, 'track')\"\n    @pointermove=\"onPointerMove\"\n    @pointerup=\"onPointerUp\"\n    @pointercancel=\"onPointerCancel\"\n    @dblclick.stop=\"state.reset()\"\n    @click.stop\n  >\n    <canvas ref=\"canvas\" :class=\"ns.e('range-canvas')\" aria-hidden=\"true\" />\n    <div\n      :class=\"ns.e('range-shade')\"\n      :style=\"\n        px({ ...parts.before, x: parts.before.x - strip.rect.x, y: parts.before.y - strip.rect.y })\n      \"\n    />\n    <div\n      :class=\"ns.e('range-shade')\"\n      :style=\"\n        px({ ...parts.after, x: parts.after.x - strip.rect.x, y: parts.after.y - strip.rect.y })\n      \"\n    />\n    <div\n      :class=\"ns.e('range-window')\"\n      :style=\"\n        px({ ...parts.window, x: parts.window.x - strip.rect.x, y: parts.window.y - strip.rect.y })\n      \"\n      @pointerdown=\"(e) => onPointerDown(e, 'window')\"\n    />\n    <div\n      v-for=\"(grip, i) in ['from', 'to'] as const\"\n      :key=\"grip\"\n      :class=\"ns.e('range-handle')\"\n      role=\"slider\"\n      tabindex=\"0\"\n      :aria-label=\"state.labels.value[i]\"\n      :aria-orientation=\"strip.horizontal ? 'vertical' : 'horizontal'\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-valuenow=\"percent(grip === 'from' ? strip.from : strip.to)\"\n      :aria-valuetext=\"state.texts.value[i]\"\n      :style=\"\n        strip.horizontal\n          ? { transform: `translate(0, ${parts.ends[i]! - strip.rect.y}px)` }\n          : { transform: `translate(${parts.ends[i]! - strip.rect.x}px, 0)` }\n      \"\n      @pointerdown=\"(e) => onPointerDown(e, grip)\"\n      @keydown=\"(e) => onKeydown(e, grip)\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,55 @@
 {
   "name": "@dou-ui/chart",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0-alpha.0",
+  "description": "DouUI 的图表：折线、面积、柱状、散点与饼图",
+  "keywords": [
+    "vue",
+    "vue3",
+    "chart",
+    "canvas",
+    "data-visualization",
+    "graph"
+  ],
+  "license": "MIT",
+  "author": "daidr <daidr@daidr.me>",
+  "homepage": "https://github.com/daidr/dou-ui#readme",
+  "bugs": "https://github.com/daidr/dou-ui/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/daidr/dou-ui.git",
+    "directory": "packages/chart"
+  },
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "./dist/style.js"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style": {
+      "types": "./dist/style.d.ts",
+      "import": "./dist/style.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && vue-tsc -p tsconfig.build.json && bun scripts/build-style.ts"
+  },
+  "peerDependencies": {
+    "dou-ui": "0.1.0-alpha.0",
+    "vue": "^3.5.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}