@realsee/dnalogel 3.81.13 → 4.0.0-webgpu.3

package/dist/internal/components-Ed73WMB0.js

@@ -0,0 +1,434 @@
+import { t as e } from "./uuid-BfVaI9vM.js";
+import { n as t, t as n } from "./tween.esm-CJDtohfp.js";
+//#region src/components/PaintBrush/utils.ts
+function r() {}
+var i = () => Promise.resolve(), a = { __queue: Promise.resolve() };
+function o(e = i) {
+	a.__queue = a.__queue.then(e).catch(i);
+}
+function s(e, t, n) {
+	let r = e.x, i = e.y;
+	return {
+		x: Math.floor(r / t * 1e4) / 1e4,
+		y: Math.floor(i / n * 1e4) / 1e4
+	};
+}
+function c(e, t, n) {
+	let { x: r, y: i } = e;
+	return {
+		x: r * t,
+		y: i * n
+	};
+}
+function l(e) {
+	if (e.length < 2) return {};
+	let t = e.slice(-2);
+	return {
+		control: t[0],
+		end: {
+			x: (t[0].x + t[1].x) / 2,
+			y: (t[0].y + t[1].y) / 2
+		}
+	};
+}
+function u(e, t, n = r) {
+	new Promise((r) => {
+		setTimeout(() => {
+			n(), r(!0);
+		}, t * e);
+	});
+}
+var d = typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : (e) => setTimeout(() => e(Date.now()), 16);
+function f(e, t = 0) {
+	d(t <= 0 ? e : () => f(e, t - 1));
+}
+//#endregion
+//#region src/components/PaintBrush/tween.ts
+function p(e, r, i, a = n.Linear.None) {
+	let o = new t(e).to(r, i).easing(a).start();
+	function s(e) {
+		o.update(e) && requestAnimationFrame(s);
+	}
+	return requestAnimationFrame(s), o;
+}
+//#endregion
+//#region src/components/PaintBrush/typings.ts
+var m = /* @__PURE__ */ function(e) {
+	return e.Drawline = "Drawline", e.Undo = "Undo", e.Exit = "Exit", e;
+}({}), h = Symbol("$$PAINT_BRUSH_EVENT$$");
+function g(e) {
+	return e[h] || (e[h] = {}), e[h];
+}
+function _(e) {
+	e[h] || delete e[h];
+}
+var v = class {
+	hasListener(e) {
+		let t = g(this);
+		return t && t[e] && t[e].length > 0;
+	}
+	on(e, t, n) {
+		let r = g(this);
+		return r[e] || (r[e] = []), r[e].push([t, n || !1]), () => this.off(e, t);
+	}
+	once(e, t) {
+		return this.on(e, t, !0);
+	}
+	off(e, t) {
+		if (e === void 0) {
+			_(this);
+			return;
+		}
+		let n = g(this);
+		if (n[e] || (n[e] = []), t === void 0) {
+			n[e].length = 0;
+			return;
+		}
+		let r = 0;
+		for (; r < n[e].length && n[e][r][0] !== t; r++);
+		r < n[e].length && n[e].splice(r, 1);
+	}
+	emit(e, ...t) {
+		let n = !1, r = g(this)[e] || [];
+		for (let i of r.slice()) {
+			let [r, a = !1] = i, o = r(...t);
+			a && this.off(e, r), o === !1 && (n = !0);
+		}
+		return n;
+	}
+}, y = "\n<style type=\"text/css\">\n\n.dnalogel-paint-brush {\nposition: fixed;\ntop: 0;\nbottom: 0;\nleft: 0;\nright: 0;\ntransform: translateZ(0);\nz-index: 1997;\npointer-events: none;\nopacity: 0;\ntransition: all 500ms;\n}\n\n.dnalogel-paint-brush.brushing {\n  opacity: 1;\n}\n\n.dnalogel-paint-brush ._paintBrush-canvas {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n.dnalogel-paint-brush ._paintBrush-canvas--sync {\n  pointer-events: none;\n  z-index: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n.dnalogel-paint-brush ._paintBrush-canvas {\n  pointer-events: none;\n  z-index: 1;\n}\n\n.dnalogel-paint-brush.brushing ._paintBrush-canvas {\n  pointer-events: auto;\n}\n\n.dnalogel-paint-brush ._paintBrush-ctrl {\n  width: 140px;\n  height: 52px;\n  position: absolute;\n  bottom: 28px;\n  right: 50%;\n  transform: translateX(50%);\n  font-size: 10px;\n  color: white;\n  z-index: 2;\n}\n\n.dnalogel-paint-brush.brushing ._paintBrush-ctrl {\n  pointer-events: auto;\n}\n\n.dnalogel-paint-brush ._paintBrush-ctrl ._paintBrush-ctrlinner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: 26px;\n  padding: 8px 16px;\n  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);\n  background-image: linear-gradient(180deg, hsl(0deg 0% 0% / 57%), hsl(0deg 0% 0% / 70%) 117%);\n}\n\n._paintBrush-ctrlitem {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 38px;\n  height: 38px;\n  cursor: pointer;\n}\n\n._paintBrush-ctrlitem--undo >.brush-icon{\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjQ1LjY3NTI0OCUiIHgyPSItMTYuOTYxMDIzJSIgeTI9Ijg0LjIzODQxOTglIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjMwMzY3Njc5MiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDAuMDAwMDAwLCAtNzQwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDAuMDAwMDAwLCA3NDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCAyLjk5MDY1OSkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwzLjc1ODc1NzA5IEw5Ljg0Mzc1LDMuNzU4NzU3MDkgQzEyLjY5MTQ2ODIsMy43NTg3NTcwOSAxNSw2LjA2NzI4ODg1IDE1LDguOTE1MDA3MDkgQzE1LDExLjc2MjcyNTMgMTIuNjkxNDY4MiwxNC4wNzEyNTcxIDkuODQzNzUsMTQuMDcxMjU3MSBMMSwxNC4wNzEyNTcxIiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9IjMuNzkwMjI3MDcgNy41Mzk2NjA2NCAwIDMuNzU4NzU3MDkgMy43OTAyMjcwNyAwIj48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n._paintBrush-ctrlitem--close >.brush-icon {\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwLjAyMDY5MyUiIHkxPSItMTMuNzMzMzc1MSUiIHgyPSI1MCUiIHkyPSIxMTQuMTEwOTk0JSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC42MDEwNDM0ODgiIG9mZnNldD0iNDkuMzA4NDg4MiUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iNTUuOTY4MTUzNSUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnPgogICAgICAgICAgICA8cmVjdCBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDUuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LC0yLjk4ODE2NTY4IEM3LjUxMjgzNTg0LC0yLjk4ODE2NTY4IDcuOTM1NTA3MTYsLTIuNjAyMTI1NDkgNy45OTMyNzIyNywtMi4xMDQ3ODY4MSBMOCwtMS45ODgxNjU2OCBMOCwxMy45OTgxMTQ2IEM4LDE0LjU1MDM5OTMgNy41NTIyODQ3NSwxNC45OTgxMTQ2IDcsMTQuOTk4MTE0NiBDNi40ODcxNjQxNiwxNC45OTgxMTQ2IDYuMDY0NDkyODQsMTQuNjEyMDc0NCA2LjAwNjcyNzczLDE0LjExNDczNTcgTDYsMTMuOTk4MTE0NiBMNiwtMS45ODgxNjU2OCBDNiwtMi41NDA0NTA0MyA2LjQ0NzcxNTI1LC0yLjk4ODE2NTY4IDcsLTIuOTg4MTY1NjggWiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDYuMDA0OTc0KSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTYuMDA0OTc0KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNywtMi45ODgxNjU2OCBDNy41MTI4MzU4NCwtMi45ODgxNjU2OCA3LjkzNTUwNzE2LC0yLjYwMjEyNTQ5IDcuOTkzMjcyMjcsLTIuMTA0Nzg2ODEgTDgsLTEuOTg4MTY1NjggTDgsMTMuOTk4MTE0NiBDOCwxNC41NTAzOTkzIDcuNTUyMjg0NzUsMTQuOTk4MTE0NiA3LDE0Ljk5ODExNDYgQzYuNDg3MTY0MTYsMTQuOTk4MTE0NiA2LjA2NDQ5Mjg0LDE0LjYxMjA3NDQgNi4wMDY3Mjc3MywxNC4xMTQ3MzU3IEw2LDEzLjk5ODExNDYgTDYsLTEuOTg4MTY1NjggQzYsLTIuNTQwNDUwNDMgNi40NDc3MTUyNSwtMi45ODgxNjU2OCA3LC0yLjk4ODE2NTY4IFoiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMikiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCA2LjAwNDk3NCkgcm90YXRlKC0xMzUuMDAwMDAwKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtNi4wMDQ5NzQpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n</style>\n", b = class extends v {
+	configs;
+	clientWidth;
+	clientHeight;
+	disposed = !1;
+	ready = !1;
+	uuid = e();
+	tween;
+	tweening = !1;
+	container;
+	canvas;
+	data = {};
+	tempLine = {};
+	get color() {
+		return this.configs.currentColor;
+	}
+	get state() {
+		return this.data;
+	}
+	get dpr() {
+		return this.configs.DPR || 1;
+	}
+	constructor(e) {
+		super(), this.configs = e, this.container = this.ifInsertToDOM(), this.clientWidth = this.container.clientWidth || document.body.clientWidth, this.clientHeight = this.container.clientHeight || document.body.clientHeight, this.canvas = {}, e.showControls !== !1 && this.initCtrl();
+	}
+	ifInsertToDOM() {
+		return this.container || (this.container = this.configs.container ?? document.createElement("div"), this.configs.container || document.body.appendChild(this.container), this.container.classList.add("dnalogel-paint-brush"), this.container.id = `dnalogel-paint-brush-${this.uuid}`, this.container.innerHTML = y), this.container;
+	}
+	initCanvas(e) {
+		let t = document.createElement("canvas");
+		t.className = e, t.width = this.clientWidth, t.height = this.clientHeight;
+		let n = t.getContext("2d");
+		if (n) return n.lineWidth = 5 * this.dpr, n.lineCap = "round", n.lineJoin = "round", this.container.appendChild(t), t;
+	}
+	initCtrl() {
+		let e = document.createElement("div");
+		e.className = "_paintBrush-ctrl";
+		let t = document.createElement("div");
+		t.className = "_paintBrush-ctrlinner";
+		let n = document.createElement("a");
+		n.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--undo", n.addEventListener("click", (e) => {
+			if (e.stopPropagation(), this.configs.onClickUndo && this.configs.onClickUndo(), !this.canvas[this.uuid] || !this.data[this.uuid] || this.data[this.uuid].length === 0) return;
+			let t = this.data[this.uuid].pop();
+			t && this.emitStateChange({
+				type: m.Undo,
+				color: this.color,
+				ready: this.ready,
+				state: t,
+				uuid: this.uuid
+			});
+			let n = this.canvas[this.uuid]?.getContext("2d");
+			if (!this.canvas[this.uuid]) return;
+			let { width: r, height: i } = this.canvas[this.uuid];
+			n && n.clearRect(0, 0, r, i), this.data[this.uuid].forEach((e) => this.handleDrawLine(this.uuid, e, { withUndo: !0 }));
+		});
+		let r = document.createElement("a");
+		return r.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--close", r.addEventListener("click", (e) => {
+			e.stopPropagation(), this.closeBrush(), this.configs.onClickClose && this.configs.onClickClose();
+		}), [n, r].forEach((e) => {
+			let t = document.createElement("i");
+			t.className = "brush-icon";
+			let n = document.createElement("span");
+			n.className = "brush-txt", n.innerText = e.className.endsWith("undo") ? this.configs.onUndoText : this.configs.onExitText, e.appendChild(t), e.appendChild(n);
+		}), t.appendChild(n), t.appendChild(r), e.appendChild(t), this.container.appendChild(e), e;
+	}
+	openBrush() {
+		if (this.disposed || this.ready) return;
+		this.canvas[this.uuid] || (this.canvas[this.uuid] = this.initCanvas("_paintBrush-canvas")), this.container.classList.add("brushing");
+		let e = this.canvas[this.uuid];
+		e.getContext("2d").clearRect(0, 0, e.width, e.height), this.openBrushHandle(), this.ready = !0, this.emit("readyChange", !0);
+	}
+	closeBrush() {
+		this.ready && (this.container.classList.remove("brushing"), this.data = {}, this.tempLine = {}, Object.keys(this.canvas).forEach((e) => {
+			this.canvas[e].ontouchstart = () => !1, this.canvas[e].ontouchmove = () => !1, this.canvas[e].ontouchend = () => !1, this.canvas[e].ontouchcancel = () => !1;
+			let t = this.canvas[e].getContext("2d");
+			t && t.clearRect(0, 0, this.canvas[e].width, this.canvas[e].height);
+		}), this.ready = !1, this.emit("readyChange", !1), this.emitStateChange({
+			type: m.Exit,
+			color: this.color,
+			ready: !1,
+			uuid: this.uuid
+		}));
+	}
+	updateCurrentColor(e) {
+		this.configs.currentColor = e;
+		let t = this.canvas[this.uuid];
+		if (!t) return;
+		let n = t.getContext("2d");
+		n && (n.strokeStyle = e);
+	}
+	openBrushHandle() {
+		let e = this.canvas[this.uuid];
+		if (!e) return;
+		let t = e.getContext("2d");
+		if (!t) return;
+		t.strokeStyle = this.color || "#6D92FF";
+		let n = null, r = [], i, a = [], o = 0, c = (e, n, r) => {
+			let i = this.color || "#ff0000";
+			t.strokeStyle = i, t.beginPath(), t.moveTo(e.x, e.y), t.quadraticCurveTo(n.x, n.y, r.x, r.y), t.stroke();
+		};
+		e.onmousedown = (t) => {
+			t.preventDefault(), o = Date.now();
+			let c = e.getBoundingClientRect(), l = t.clientX - c.left, u = t.clientY - c.top;
+			r = [], r.push({
+				x: l,
+				y: u
+			}), n = {
+				x: l,
+				y: u
+			}, i = s({
+				x: l,
+				y: u
+			}, this.clientWidth, this.clientHeight), a = [];
+		}, e.onmousemove = (t) => {
+			if (t.preventDefault(), !n) return;
+			let i = e.getBoundingClientRect(), o = t.clientX - i.left, u = t.clientY - i.top;
+			if (Math.abs(o - n.x) < 5 && Math.abs(u - n.y) < 5 || (r.push({
+				x: o,
+				y: u
+			}), a.push(s({
+				x: o,
+				y: u
+			}, this.clientWidth, this.clientHeight)), r.length < 3)) return;
+			let { control: d, end: f } = l(r);
+			d && f && (c(n, d, f), n = f);
+		}, e.onmouseup = (e) => {
+			if (e.preventDefault(), n = null, r.length < 3) return;
+			this.data[this.uuid] || (this.data[this.uuid] = []);
+			let t = Date.now() - o, s = {
+				move: Object.assign({}, i),
+				uuid: this.uuid,
+				line: [...a],
+				color: this.color,
+				duration: t < 1280 ? t : t < 2e3 ? 1280 : 0
+			};
+			this.data[this.uuid].push(s), f(() => {
+				this.emitStateChange({
+					type: m.Drawline,
+					color: this.color,
+					ready: this.ready,
+					state: s,
+					uuid: this.uuid
+				});
+			});
+		}, e.ontouchstart = (t) => {
+			t.preventDefault(), o = Date.now();
+			let c = e.getBoundingClientRect(), l = t.touches[0].clientX - c.left, u = t.touches[0].clientY - c.top;
+			r = [], r.push({
+				x: l,
+				y: u
+			}), n = {
+				x: l,
+				y: u
+			}, i = s({
+				x: l,
+				y: u
+			}, this.clientWidth, this.clientHeight), a = [];
+		}, e.ontouchmove = (t) => {
+			if (t.preventDefault(), !n) return;
+			let i = e.getBoundingClientRect(), o = t.touches[0].clientX - i.left, u = t.touches[0].clientY - i.top;
+			if (Math.abs(o - n.x) < 5 && Math.abs(u - n.y) < 5 || (r.push({
+				x: o,
+				y: u
+			}), a.push(s({
+				x: o,
+				y: u
+			}, this.clientWidth, this.clientHeight)), r.length < 3)) return;
+			let { control: d, end: f } = l(r);
+			d && f && (c(n, d, f), n = f);
+		}, e.ontouchend = e.ontouchcancel = (e) => {
+			if (e.preventDefault(), n = null, r.length < 3) return;
+			this.data[this.uuid] || (this.data[this.uuid] = []);
+			let t = Date.now() - o, s = {
+				move: Object.assign({}, i),
+				line: [...a],
+				uuid: this.uuid,
+				color: this.color,
+				duration: t < 1280 ? t : t < 2e3 ? 1280 : 0
+			};
+			this.data[this.uuid].push(s), f(() => {
+				this.emitStateChange({
+					type: m.Drawline,
+					color: this.color,
+					ready: this.ready,
+					state: s,
+					uuid: this.uuid
+				});
+			});
+		};
+	}
+	emitStateChange(e, t = !0) {
+		if (e.type !== m.Drawline) {
+			this.emit("stateChange", e, t);
+			return;
+		}
+		let n = Date.now(), r = e.state;
+		if (!r || !r.line) return;
+		let i = Math.ceil(r.line.length / 100);
+		for (let a = 0; a < i; a++) {
+			let o = {
+				uuid: this.uuid,
+				color: this.color,
+				ready: this.ready,
+				type: e.type,
+				state: {
+					uuid: this.uuid,
+					move: r.move,
+					duration: r.duration,
+					color: this.color,
+					line: r.line.slice(a * 100, (a + 1) * 100)
+				},
+				timestamp: n,
+				end: a === i - 1
+			};
+			u(a, 20, () => {
+				this.disposed || this.emit("stateChange", o, t);
+			});
+		}
+	}
+	action(e) {
+		if (this.disposed) return;
+		let { ready: t, type: n, uuid: r } = e;
+		if (!t && this.ready) this.closeBrush();
+		else if (t && !this.ready) this.openBrush();
+		else if (this.ready) switch (n) {
+			case m.Drawline:
+				let { state: t, timestamp: n, end: i } = e;
+				if (!n || !t) return;
+				this.tempLine[n] = [].concat(this.tempLine[n] || [], t.line), i && (Object.assign(t, { line: this.tempLine[n] }), this.handleDrawLine(r, t, {}, () => delete this.tempLine[n]));
+				break;
+			case m.Exit:
+				this.closeBrush();
+				break;
+			case m.Undo: this.handleUndo(r);
+		}
+	}
+	handleDrawLine(e, t, { withUndo: n = !1 }, i = r) {
+		t && Object.prototype.toString.call(t) == "[object Object]" && Object.keys(t).length !== 0 && o(() => this.disposed ? Promise.resolve() : new Promise((r) => {
+			if (n || (this.canvas[e] || (this.canvas[e] = this.initCanvas("_paintBrush-canvas--sync")), this.data[e] || (this.data[e] = []), this.data[e].push(t)), !this.canvas[e]) return;
+			let a = this.canvas[e].getContext("2d");
+			if (!a) return;
+			let { line: o = [], color: s = "black", duration: u = 0, uuid: d } = t, f = c(t.move || {}, this.clientWidth, this.clientHeight), m = [f];
+			if (a.strokeStyle = s, a.beginPath(), a.moveTo(f.x, f.y), u && !n) {
+				let e = [], t = this;
+				t.tween = p({ step: 0 }, { step: o.length - 1 }, u).onUpdate(({ step: n }) => {
+					if (t.tweening = !0, !t.ready) return a.clearRect(0, 0, t.canvas[d].width, t.canvas[d].height), t.tween?.stop();
+					let r = Math.floor(n);
+					if (!e.find((e) => e === r)) {
+						if (e.push(r), m.push(c(o[r], t.clientWidth, t.clientHeight)), m.length < 3) return;
+						let { control: n, end: i } = l(m);
+						if (!n || !i) return;
+						a.quadraticCurveTo(n.x, n.y, i.x, i.y), a.stroke();
+					}
+				}).onComplete((n) => {
+					t.tween = void 0, t.tweening = !1, e = [], m = [], i && i(), r();
+				});
+			} else {
+				for (let e = 0; e < o.length; e++) {
+					if (m.push(c(o[e], this.clientWidth, this.clientHeight)), m.length < 3) continue;
+					let { control: t, end: n } = l(m);
+					t && n && a.quadraticCurveTo(t.x, t.y, n.x, n.y);
+				}
+				a.stroke(), m = [], i && i(), r();
+			}
+		}));
+	}
+	handleUndo(e) {
+		if (!this.canvas[e] || !this.data[e] || this.data[e].length === 0) return;
+		this.data[e].pop();
+		let t = () => {
+			let t = this.canvas[e]?.getContext("2d");
+			t && t.clearRect(0, 0, this.canvas[e].width, this.canvas[e].height), this.data[e].forEach((t) => this.handleDrawLine(e, t, { withUndo: !0 }));
+		};
+		this.tween && this.tweening ? (this.tween.stop(), f(t, 60)) : t();
+	}
+	undo() {
+		let e = this.data[this.uuid]?.at(-1);
+		e && (this.handleUndo(this.uuid), this.emitStateChange({
+			type: m.Undo,
+			uuid: this.uuid,
+			color: this.color,
+			ready: this.ready,
+			state: e
+		}));
+	}
+	destroyBrush() {
+		this.disposed || (this.closeBrush(), this.disposed = !0, this.tween?.stop(), this.canvas = {}, this.data = {}, this.tempLine = {}, this.container.replaceChildren(), this.container.classList.remove("dnalogel-paint-brush", "brushing"), this.configs.container || this.container.remove(), this.off());
+	}
+}, x = class {
+	controller;
+	constructor(e = {}) {
+		let t = Object.assign({
+			currentColor: "#f44336",
+			onUndoText: "回退",
+			onExitText: "关闭"
+		}, e);
+		this.controller = new b(t);
+	}
+	on(e, t) {
+		this.controller.on(e, t);
+	}
+	off(e, t) {
+		this.controller.off(e, t);
+	}
+	once(e, t) {
+		this.controller.once(e, t);
+	}
+	show() {
+		this.controller.openBrush();
+	}
+	hide() {
+		this.controller.closeBrush();
+	}
+	undo() {
+		this.controller.undo();
+	}
+	action(e) {
+		this.controller.action(e);
+	}
+	get state() {
+		return this.controller.state;
+	}
+	get configs() {
+		return this.controller.configs;
+	}
+	dispose() {
+		return this.controller.destroyBrush();
+	}
+	setCurrentColor(e) {
+		this.controller.updateCurrentColor(e);
+	}
+};
+//#endregion
+export { m as n, x as t };
+
+//# sourceMappingURL=components-Ed73WMB0.js.map

package/dist/internal/components-Ed73WMB0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-Ed73WMB0.js","names":["uuid","Tween","Easing","noop","promise","state","queue","promiseCallback","transformCoords","_x","coords","_y","cw","ch","unTransformCoords","getQuadraticCurvePoint","points","lastTwo","execInterval","callback","resolve","time","i","requestFrame","nextFrame","delay","fn","tween","tweenInstance","from","to","duration","easing","animate","PaintBrushTypeEnum","\"Drawline\"","\"Undo\"","\"Exit\"","EVENT_SYMBOL","__generateEventIfNotExisted","instance","__removeEventIfNotExisted","Subscribe","events","name","once","index","data","canceled","event","one","result","PaintBrushStyle","Controller","configs","canvas","className","ctx","ctrl","ctrl_inner","a_undo","popState","$ctx","width","height","ld","a_close","$i","$span","$a","$curCanvas","key","color","currentCanvas","currentCtx","begin","move","line","startTime","draw","beginPoint","controlPoint","endPoint","e","bounds","x","y","control","end","action","userAction","timestamp","sliceCount","localityAction","ready","type","withUndo","_uuid","drawCache","self","step","dc","handle","previous","PaintBrush","_configs"],"sources":["../../src/components/PaintBrush/utils.ts","../../src/components/PaintBrush/tween.ts","../../src/components/PaintBrush/typings.ts","../../src/components/PaintBrush/Subscribe.ts","../../src/components/PaintBrush/style.ts","../../src/components/PaintBrush/Controller.ts","../../src/components/PaintBrush/index.ts"],"sourcesContent":["export function noop() { }\nconst promise = () => Promise.resolve()\n\nconst state = {\n  __queue: Promise.resolve()\n}\n\nexport interface Coords {\n  x: number\n  y: number\n}\n\nexport function queue(promiseCallback = promise) {\n  state.__queue = state.__queue.then(promiseCallback).catch(promise)\n}\n\nexport function transformCoords(coords: Coords, cw: number, ch: number) {\n  const _x: number = coords.x\n  const _y: number = coords.y\n  const x = Math.floor((_x / cw) * 10000) / 10000   // 保留四位小数\n  const y = Math.floor((_y / ch) * 10000) / 10000   // 保留四位小数\n  return { x, y }\n}\n\nexport function unTransformCoords(coords: Coords, cw: number, ch: number) {\n  const { x: _x, y: _y } = coords\n  const x = _x * cw\n  const y = _y * ch\n  return { x, y }\n}\n\nexport function getQuadraticCurvePoint(points: Coords[]) {\n  if (points.length < 2) return {}\n  const lastTwo = points.slice(-2)\n  const control = lastTwo[0]\n  const end = {\n    x: (lastTwo[0].x + lastTwo[1].x) / 2,\n    y: (lastTwo[0].y + lastTwo[1].y) / 2,\n  }\n  return { control, end }\n}\n\nexport function execInterval(i: number, time: number, callback = noop) {\n  new Promise((resolve) => {\n    setTimeout(() => {\n      callback()\n      resolve(true)\n    }, time * i)\n  })\n}\n\nconst requestFrame: typeof requestAnimationFrame =\n  typeof globalThis.requestAnimationFrame === 'function'\n    ? globalThis.requestAnimationFrame.bind(globalThis)\n    : (callback) => setTimeout(() => callback(Date.now()), 16) as unknown as number\n\nexport function nextFrame(fn: FrameRequestCallback, delay = 0) {\n  if (delay <= 0) requestFrame(fn)\n  else requestFrame(() => nextFrame(fn, delay - 1))\n}","import { Tween, Easing } from '@tweenjs/tween.js'\n\nexport interface TweenRes extends Tween<any> {\n  onDestroy: (fn: () => void) => any\n  destroy: () => any\n}\n\n\nexport default function tween(from: any, to: any, duration: number, easing = Easing.Linear.None) {\n  const tweenInstance = new Tween(from).to(to, duration).easing(easing).start() as TweenRes\n\n  function animate(time: number) {\n    if (!tweenInstance.update(time)) return\n    requestAnimationFrame(animate)\n  }\n  requestAnimationFrame(animate)\n\n  return tweenInstance\n}\n\nexport function tweenProgress(duration: number, easing: (amount: number) => number) {\n  return tween({ progress: 0 }, { progress: 1 }, duration, easing)\n}\n","export interface PaintBrushConfigs {\n  container?: HTMLDivElement\n  showControls?: boolean\n  currentColor: string\n  DPR?: number,\n  onClickClose?: () => void,\n  onClickUndo?: () => void,\n  onUndoText?: string\n  onExitText?: string\n}\n\nexport type PaintBrushEventMap = {\n  readyChange: (ready: boolean) => void,\n  stateChange: (state: PaintBrushAction, userAction: boolean) => void,\n}\n\n\nexport interface PaintBrushState {\n  move: {x: number, y: number}\n  line: {x: number, y: number}[]\n  color: string\n  uuid: string\n  duration: number // 单次笔迹时长超过2000ms不加动画\n}\n\n\nexport enum PaintBrushTypeEnum {\n  Drawline='Drawline',\n  Undo='Undo',\n  Exit='Exit',\n}\n\nexport interface PaintBrushAction {\n  uuid: string\n  /**\n   * 类型枚举\n   */\n  type: PaintBrushTypeEnum\n  /**\n   * 颜色色值\n   */\n  color: string\n  /**\n   * 是否就绪\n   */\n  ready: boolean\n  /**\n   * 状态值\n   */\n  state?: PaintBrushState\n  /**\n   * 时间戳：当作 uuid 使用\n   */\n  timestamp?: number\n  /**\n   * 是否是结尾数据\n   */\n  end?: boolean\n}\n","// type UniqueSymbol = ReturnType<(a: string) => { readonly 0: unique symbol }[0]>;\n//\n// function createSymbol(description: string): UniqueSymbol {\n//   // TODO 解决提示\n//   // @ts-ignore\n//   return typeof Symbol === \"undefined\" ? `$Symbol<${description}>$` : Symbol(description);\n// }\n//\n// const EVENT_SYMBOL = createSymbol(\"$$LIVE_EVENT$$\")\n\nconst EVENT_SYMBOL: unique symbol = Symbol(\"$$PAINT_BRUSH_EVENT$$\")\n\nexport type EventMap = {\n  [name: string]: (...args: any[]) => void | boolean,\n}\n\nfunction __generateEventIfNotExisted<T extends EventMap>(instance: any): {\n  [Key in keyof T]: [callback: (...args: Parameters<T[Key]>) => ReturnType<T[Key]>, once: boolean][]\n} {\n  if (!instance[EVENT_SYMBOL]) {\n    instance[EVENT_SYMBOL] = {}\n  }\n  return instance[EVENT_SYMBOL]\n}\n\nfunction __removeEventIfNotExisted(instance: any) {\n  if (!instance[EVENT_SYMBOL]) {\n    delete instance[EVENT_SYMBOL]\n  }\n}\n\n/**\n * 监听者模式\n * @template T 预设的监听回调类型\n * @example\n * ```\n * new Subscribe<{\n * \"foo\": [arg1: number, arg2: string],\n * \"bar\": [arg: boolean],\n * }>()\n * ```\n */\nclass Subscribe<T extends EventMap>{\n  /**\n   * 判断是否注册了事件\n   * @param name  事件类型\n   */\n  hasListener(name: keyof T): boolean {\n    const events = __generateEventIfNotExisted<T>(this)\n    return events && events[name] && events[name].length > 0\n  }\n\n  /**\n   * 注册事件\n   * @param  name    事件类型\n   * @param  callback 事件回调函数\n   * @param  once     是否只执行一次\n   * @returns 解除事件\n   * @template K 预设的监听事件名称\n   * @template C 回调函数函数上下文\n   */\n  on<K extends keyof T>(\n    name: K,\n    callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>,\n    once?: boolean\n  ): () => void {\n    const events = __generateEventIfNotExisted<T>(this)\n    if (!events[name]) events[name] = []\n    events[name].push([callback as any, once || false])\n    return () => this.off(name, callback)\n  }\n\n  /**\n   * 注册事件(是否只执行一次)\n   * @param  name     事件类型\n   * @param  callback 事件回调函数\n   * @returns 解除事件\n   * @template K 预设的监听事件名称\n   * @template C 回调函数函数上下文\n   */\n  once<K extends keyof T>(\n    name: K,\n    callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>,\n  ): () => void {\n    return this.on(name, callback, true)\n  }\n\n  /**\n   * 解除事件\n   *\n   * 如果 name 不传的话解除对应所有事件\n   * 如果 name, callback 不传的话解除所有name的所有事件\n   * @param  name     事件类型\n   * @param  callback 事件回调函数\n   * @template K 预设的监听事件名称\n   */\n  off<K extends keyof T>(\n    name?: K,\n    callback?: (...args: Parameters<T[K]>) => ReturnType<T[K]>\n  ): void {\n    if (name === undefined) {\n      __removeEventIfNotExisted(this)\n      return\n    }\n    const events = __generateEventIfNotExisted<T>(this)\n    if (!events[name]) events[name] = []\n    if (callback === undefined) {\n      events[name].length = 0\n      return\n    }\n    let index = 0\n    for (; index < events[name].length; index++) {\n      if (events[name][index][0] === callback) break\n    }\n    if (index < events[name].length) {\n      events[name].splice(index, 1)\n    }\n  }\n\n  /**\n   * 触发事件\n   * @param  name  事件类型\n   * @param  data  触发事件的数据\n   * @returns canceled 是否被触发取消\n   * @template K 预设的监听事件名称\n   */\n  emit<K extends keyof T>(name: K, ...data: Parameters<T[K]>): boolean {\n    let canceled = false\n    const events = __generateEventIfNotExisted<T>(this)\n    const event = events[name] || []\n    for (let one of event.slice()) {\n      const [callback, once = false] = one\n      const result = callback(...data)\n      if (once) this.off(name, callback)\n      if (result === false) canceled = true\n    }\n    return canceled\n  }\n}\n\nexport namespace SubscribeMixinType {\n  export interface hasListener<T extends EventMap> {\n    (name: keyof T): boolean\n  }\n  export interface on<T extends EventMap> {\n    <K extends keyof T>(\n      name: K,\n      callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>,\n      once?: boolean\n    ): () => void\n  }\n  export interface once<T extends EventMap> {\n    <K extends keyof T>(\n      name: K,\n      callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>,\n    ): () => void\n  }\n  export interface off<T extends EventMap> {\n    <K extends keyof T>(names?: K | K[], callback?: (...args: any[]) => any): void\n  }\n  export interface emit<T extends EventMap> {\n    <K extends keyof T>(name: K, ...data: Parameters<T[K]>): boolean\n  }\n}\n\nexport { Subscribe }\n","const PaintBrushStyle = `\n<style type=\"text/css\">\n\n.dnalogel-paint-brush {\nposition: fixed;\ntop: 0;\nbottom: 0;\nleft: 0;\nright: 0;\ntransform: translateZ(0);\nz-index: 1997;\npointer-events: none;\nopacity: 0;\ntransition: all 500ms;\n}\n\n.dnalogel-paint-brush.brushing {\n  opacity: 1;\n}\n\n.dnalogel-paint-brush ._paintBrush-canvas {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n.dnalogel-paint-brush ._paintBrush-canvas--sync {\n  pointer-events: none;\n  z-index: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n.dnalogel-paint-brush ._paintBrush-canvas {\n  pointer-events: none;\n  z-index: 1;\n}\n\n.dnalogel-paint-brush.brushing ._paintBrush-canvas {\n  pointer-events: auto;\n}\n\n.dnalogel-paint-brush ._paintBrush-ctrl {\n  width: 140px;\n  height: 52px;\n  position: absolute;\n  bottom: 28px;\n  right: 50%;\n  transform: translateX(50%);\n  font-size: 10px;\n  color: white;\n  z-index: 2;\n}\n\n.dnalogel-paint-brush.brushing ._paintBrush-ctrl {\n  pointer-events: auto;\n}\n\n.dnalogel-paint-brush ._paintBrush-ctrl ._paintBrush-ctrlinner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: 26px;\n  padding: 8px 16px;\n  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);\n  background-image: linear-gradient(180deg, hsl(0deg 0% 0% / 57%), hsl(0deg 0% 0% / 70%) 117%);\n}\n\n._paintBrush-ctrlitem {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 38px;\n  height: 38px;\n  cursor: pointer;\n}\n\n._paintBrush-ctrlitem--undo >.brush-icon{\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjQ1LjY3NTI0OCUiIHgyPSItMTYuOTYxMDIzJSIgeTI9Ijg0LjIzODQxOTglIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjMwMzY3Njc5MiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDAuMDAwMDAwLCAtNzQwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDAuMDAwMDAwLCA3NDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCAyLjk5MDY1OSkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwzLjc1ODc1NzA5IEw5Ljg0Mzc1LDMuNzU4NzU3MDkgQzEyLjY5MTQ2ODIsMy43NTg3NTcwOSAxNSw2LjA2NzI4ODg1IDE1LDguOTE1MDA3MDkgQzE1LDExLjc2MjcyNTMgMTIuNjkxNDY4MiwxNC4wNzEyNTcxIDkuODQzNzUsMTQuMDcxMjU3MSBMMSwxNC4wNzEyNTcxIiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9IjMuNzkwMjI3MDcgNy41Mzk2NjA2NCAwIDMuNzU4NzU3MDkgMy43OTAyMjcwNyAwIj48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n._paintBrush-ctrlitem--close >.brush-icon {\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwLjAyMDY5MyUiIHkxPSItMTMuNzMzMzc1MSUiIHgyPSI1MCUiIHkyPSIxMTQuMTEwOTk0JSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC42MDEwNDM0ODgiIG9mZnNldD0iNDkuMzA4NDg4MiUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iNTUuOTY4MTUzNSUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnPgogICAgICAgICAgICA8cmVjdCBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDUuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LC0yLjk4ODE2NTY4IEM3LjUxMjgzNTg0LC0yLjk4ODE2NTY4IDcuOTM1NTA3MTYsLTIuNjAyMTI1NDkgNy45OTMyNzIyNywtMi4xMDQ3ODY4MSBMOCwtMS45ODgxNjU2OCBMOCwxMy45OTgxMTQ2IEM4LDE0LjU1MDM5OTMgNy41NTIyODQ3NSwxNC45OTgxMTQ2IDcsMTQuOTk4MTE0NiBDNi40ODcxNjQxNiwxNC45OTgxMTQ2IDYuMDY0NDkyODQsMTQuNjEyMDc0NCA2LjAwNjcyNzczLDE0LjExNDczNTcgTDYsMTMuOTk4MTE0NiBMNiwtMS45ODgxNjU2OCBDNiwtMi41NDA0NTA0MyA2LjQ0NzcxNTI1LC0yLjk4ODE2NTY4IDcsLTIuOTg4MTY1NjggWiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDYuMDA0OTc0KSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTYuMDA0OTc0KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNywtMi45ODgxNjU2OCBDNy41MTI4MzU4NCwtMi45ODgxNjU2OCA3LjkzNTUwNzE2LC0yLjYwMjEyNTQ5IDcuOTkzMjcyMjcsLTIuMTA0Nzg2ODEgTDgsLTEuOTg4MTY1NjggTDgsMTMuOTk4MTE0NiBDOCwxNC41NTAzOTkzIDcuNTUyMjg0NzUsMTQuOTk4MTE0NiA3LDE0Ljk5ODExNDYgQzYuNDg3MTY0MTYsMTQuOTk4MTE0NiA2LjA2NDQ5Mjg0LDE0LjYxMjA3NDQgNi4wMDY3Mjc3MywxNC4xMTQ3MzU3IEw2LDEzLjk5ODExNDYgTDYsLTEuOTg4MTY1NjggQzYsLTIuNTQwNDUwNDMgNi40NDc3MTUyNSwtMi45ODgxNjU2OCA3LC0yLjk4ODE2NTY4IFoiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMikiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCA2LjAwNDk3NCkgcm90YXRlKC0xMzUuMDAwMDAwKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtNi4wMDQ5NzQpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n</style>\n`\n\nexport default PaintBrushStyle\n","import {\n  queue,\n  execInterval,\n  transformCoords,\n  unTransformCoords,\n  getQuadraticCurvePoint,\n  noop,\n  type Coords,\n  nextFrame,\n} from './utils'\n\nimport tween, { type TweenRes } from './tween'\n\nimport {\n  type PaintBrushAction,\n  type PaintBrushConfigs,\n  type PaintBrushEventMap,\n  type PaintBrushState,\n  PaintBrushTypeEnum,\n} from './typings'\n\nimport { Subscribe } from './Subscribe'\nimport { uuid } from '../../shared-utils/uuid'\nimport PaintBrushStyle from './style'\n\nexport class Controller extends Subscribe<PaintBrushEventMap> {\n  configs: PaintBrushConfigs\n\n private clientWidth: number\n private clientHeight: number\n\n private disposed = false\n private ready = false\n\n private uuid = uuid()\n private tween?: TweenRes\n private tweening = false\n\n private container: HTMLDivElement\n private canvas: Record<string, HTMLCanvasElement | undefined>\n private data: Record<string, PaintBrushState[]> = {}\n private tempLine: Record<string, Coords[]> = {}\n\n  get color() {\n    return this.configs.currentColor\n  }\n\n  get state() {\n    return this.data\n  }\n\n  get dpr() {\n    return this.configs.DPR || 1\n  }\n\n  constructor(configs: PaintBrushConfigs) {\n    super()\n    this.configs = configs\n\n    this.container = this.ifInsertToDOM()\n    this.clientWidth = this.container.clientWidth || document.body.clientWidth\n    this.clientHeight = this.container.clientHeight || document.body.clientHeight\n    this.canvas = {}\n    if (configs.showControls !== false) this.initCtrl()\n  }\n\n  ifInsertToDOM() {\n    if (this.container) {\n      return this.container\n    }\n    this.container = this.configs.container ?? document.createElement('div')\n    if (!this.configs.container) document.body.appendChild(this.container)\n    this.container.classList.add('dnalogel-paint-brush')\n    this.container.id = `dnalogel-paint-brush-${this.uuid}`\n\n    this.container.innerHTML = PaintBrushStyle\n\n    return this.container\n  }\n\n  /**\n   *\n   * @param className 初始化画板\n   * @returns\n   */\n  initCanvas(className: string) {\n    const canvas = document.createElement('canvas')\n    canvas.className = className\n    canvas.width = this.clientWidth\n    canvas.height = this.clientHeight\n    const ctx = canvas.getContext('2d')\n    if (!ctx) return\n    ctx.lineWidth = 5 * this.dpr\n    ctx.lineCap = 'round'\n    ctx.lineJoin = 'round'\n    this.container.appendChild(canvas)\n    return canvas\n  }\n\n\n  /**\n   * 初始化操作面板\n   * @returns\n   */\n  initCtrl() {\n    const ctrl: HTMLDivElement = document.createElement('div')\n    ctrl.className = '_paintBrush-ctrl'\n    const ctrl_inner: HTMLDivElement = document.createElement('div')\n    ctrl_inner.className = '_paintBrush-ctrlinner'\n\n    const a_undo = document.createElement('a')\n    a_undo.className = '_paintBrush-ctrlitem _paintBrush-ctrlitem--undo'\n    a_undo.addEventListener('click', (e) => {\n      e.stopPropagation()\n\n      // 点击撤回：供埋点使用\n      if (this.configs.onClickUndo) {\n        this.configs.onClickUndo()\n      }\n\n      if (!this.canvas[this.uuid] || !this.data[this.uuid] || this.data[this.uuid].length === 0) {\n        return\n      }\n      const popState = this.data[this.uuid].pop()\n\n      if (popState) {\n        this.emitStateChange({\n          type: PaintBrushTypeEnum.Undo,\n          color: this.color,\n          ready: this.ready,\n          state: popState,\n          uuid: this.uuid,\n        })\n      }\n\n      const $ctx = this.canvas[this.uuid]?.getContext('2d')\n      if (!this.canvas[this.uuid]) {\n        return\n      }\n      const { width, height } = this.canvas[this.uuid]!\n      if ($ctx) {\n        $ctx.clearRect(0, 0, width, height)\n      }\n      this.data[this.uuid].forEach((ld: any) => this.handleDrawLine(this.uuid, ld, { withUndo: true }))\n\n    })\n    const a_close = document.createElement('a')\n    a_close.className = '_paintBrush-ctrlitem _paintBrush-ctrlitem--close'\n    a_close.addEventListener('click', (e) => {\n      e.stopPropagation()\n      this.closeBrush()\n      // 点击关闭：供埋点使用\n      if (this.configs.onClickClose) {\n        this.configs.onClickClose()\n      }\n    })\n\n    const $A = [a_undo, a_close]\n    $A.forEach(($a) => {\n      const $i = document.createElement('i')\n      $i.className = 'brush-icon'\n      const $span = document.createElement('span')\n      $span.className = 'brush-txt'\n\n      $span.innerText = $a.className.endsWith('undo') ? this.configs.onUndoText : this.configs.onExitText\n      $a.appendChild($i)\n      $a.appendChild($span)\n    })\n\n    ctrl_inner.appendChild(a_undo)\n    ctrl_inner.appendChild(a_close)\n    ctrl.appendChild(ctrl_inner)\n\n    this.container.appendChild(ctrl)\n\n    return ctrl\n  }\n\n  openBrush() {\n    if (this.disposed || this.ready) return\n    if (!this.canvas[this.uuid]) {\n      this.canvas[this.uuid] = this.initCanvas('_paintBrush-canvas')\n    }\n    this.container.classList.add('brushing')\n    const $curCanvas = this.canvas[this.uuid]!\n\n    const $ctx = $curCanvas.getContext('2d')!\n    $ctx.clearRect(0, 0, $curCanvas.width, $curCanvas.height)\n    this.openBrushHandle()\n    this.ready = true\n    this.emit('readyChange', true)\n  }\n\n  closeBrush() {\n    if (!this.ready) return\n\n    this.container.classList.remove('brushing')\n    this.data = {}\n    this.tempLine = {}\n    Object.keys(this.canvas).forEach((key) => {\n      this.canvas[key]!.ontouchstart = () => false\n      this.canvas[key]!.ontouchmove = () => false\n      this.canvas[key]!.ontouchend = () => false\n      this.canvas[key]!.ontouchcancel = () => false\n      const $ctx = this.canvas[key]!.getContext('2d')\n      if ($ctx) {\n        $ctx.clearRect(0, 0, this.canvas[key]!.width, this.canvas[key]!.height)\n      }\n    })\n    this.ready = false\n    this.emit('readyChange', false)\n\n    this.emitStateChange({\n      type: PaintBrushTypeEnum.Exit,\n      color: this.color,\n      ready: false,\n      uuid: this.uuid,\n    })\n  }\n\n  updateCurrentColor(color: string) {\n    this.configs.currentColor = color\n    const currentCanvas = this.canvas[this.uuid]\n    if (!currentCanvas) return\n    const currentCtx = currentCanvas.getContext('2d')\n    if (!currentCtx) return\n    currentCtx.strokeStyle = color\n\n  }\n\n  openBrushHandle() {\n    const currentCanvas = this.canvas[this.uuid]\n    if (!currentCanvas) return\n    const currentCtx = currentCanvas.getContext('2d')\n    if (!currentCtx) return\n\n    const color = this.color || '#6D92FF'\n\n    currentCtx.strokeStyle = color\n\n    let begin: any = null // 开始点\n    let points: any[] = [] // 单次 touch 点位集合\n    let move: Coords\n    let line: Coords[] = [] // 同步 touch 点位数据\n    let startTime = 0 // touch 开始时间\n\n    // 绘制\n    const draw = (beginPoint: Coords, controlPoint: Coords, endPoint: Coords) => {\n      const color = this.color || '#ff0000'\n      currentCtx.strokeStyle = color\n      currentCtx.beginPath()\n      currentCtx.moveTo(beginPoint.x, beginPoint.y)\n      currentCtx.quadraticCurveTo(controlPoint.x, controlPoint.y, endPoint.x, endPoint.y)\n      currentCtx.stroke()\n    }\n\n    // 鼠标按下\n    currentCanvas.onmousedown = (e) => {\n      e.preventDefault()\n      startTime = Date.now()\n      const bounds = currentCanvas.getBoundingClientRect()\n      const x = e.clientX - bounds.left\n      const y = e.clientY - bounds.top\n\n      points = []\n      points.push({ x, y })\n      begin = { x, y }\n\n      move = transformCoords({ x, y }, this.clientWidth, this.clientHeight)\n      line = []\n    }\n\n    // 鼠标移动\n    currentCanvas.onmousemove = (e) => {\n      e.preventDefault()\n      if (!begin) return\n      const bounds = currentCanvas.getBoundingClientRect()\n      const x = e.clientX - bounds.left\n      const y = e.clientY - bounds.top\n      // 密集点位稀释\n      if (Math.abs(x - begin.x) < 5 && Math.abs(y - begin.y) < 5) {\n        return\n      }\n      points.push({ x, y })\n      // 此处应记录折线拟合之前的点\n      line.push(transformCoords({ x, y }, this.clientWidth, this.clientHeight))\n      // 折线拟合二次贝塞尔曲线至少需要三个点\n      if (points.length < 3) {\n        return\n      }\n      const { control, end } = getQuadraticCurvePoint(points)\n      if (!control || !end) {\n        return\n      }\n      draw(begin, control, end)\n      begin = end\n    }\n\n    // 鼠标松开\n    currentCanvas.onmouseup = (e) => {\n      e.preventDefault()\n      begin = null\n      if (points.length < 3) return\n\n      if (!this.data[this.uuid]) {\n        this.data[this.uuid] = []\n      }\n      const duration = Date.now() - startTime\n      const state = {\n        move: Object.assign({}, move),\n        uuid: this.uuid,\n        line: [...line],\n        color: this.color,\n        duration: duration < 1280 ? duration : duration < 2000 ? 1280 : 0, // 单次笔迹时长超过2000ms不加动画\n      }\n      this.data[this.uuid].push(state)\n      // 广播数据\n      nextFrame(() => {\n        this.emitStateChange({\n          type: PaintBrushTypeEnum.Drawline,\n          color: this.color,\n          ready: this.ready,\n          state,\n          uuid: this.uuid,\n        })\n      })\n    }\n\n    // 手势按压\n    currentCanvas.ontouchstart = (e) => {\n      e.preventDefault()\n      startTime = Date.now()\n      const bounds = currentCanvas.getBoundingClientRect()\n      const x = e.touches[0].clientX - bounds.left\n      const y = e.touches[0].clientY - bounds.top\n\n      points = []\n      points.push({ x, y })\n      begin = { x, y }\n\n      move = transformCoords({ x, y }, this.clientWidth, this.clientHeight)\n      line = []\n    }\n\n    // 手势移动\n    currentCanvas.ontouchmove = (e) => {\n      e.preventDefault()\n      if (!begin) return\n      const bounds = currentCanvas.getBoundingClientRect()\n      const x = e.touches[0].clientX - bounds.left\n      const y = e.touches[0].clientY - bounds.top\n      if (Math.abs(x - begin.x) < 5 && Math.abs(y - begin.y) < 5) return // 密集点位稀释\n      points.push({ x, y })\n      line.push(transformCoords({ x, y }, this.clientWidth, this.clientHeight)) // 此处应记录折线拟合之前的点\n      if (points.length < 3) return // 折线拟合二次贝塞尔曲线至少需要三个点\n      const { control, end } = getQuadraticCurvePoint(points)\n      if (!control || !end) return\n      draw(begin, control, end)\n      begin = end\n    }\n\n    // 手势按压离开\n    currentCanvas.ontouchend = currentCanvas.ontouchcancel = (e) => {\n      e.preventDefault()\n      begin = null\n      if (points.length < 3) return\n      if (!this.data[this.uuid]) {\n        this.data[this.uuid] = []\n      }\n      const duration = Date.now() - startTime\n      const state = {\n        move: Object.assign({}, move),\n        line: [...line],\n        uuid: this.uuid,\n        color: this.color,\n        duration: duration < 1280 ? duration : duration < 2000 ? 1280 : 0, // 单次笔迹时长超过2000ms不加动画\n      }\n      this.data[this.uuid].push(state)\n      // 广播数据\n      nextFrame(() => {\n        this.emitStateChange({\n          type: PaintBrushTypeEnum.Drawline,\n          color: this.color,\n          ready: this.ready,\n          state,\n          uuid: this.uuid,\n        })\n      })\n    }\n  }\n\n  emitStateChange(action: PaintBrushAction, userAction: boolean = true) {\n    if (action.type !== PaintBrushTypeEnum.Drawline) {\n      this.emit('stateChange', action, userAction)\n      return\n    }\n\n    const timestamp = Date.now()\n    const state = action.state\n    if (!state) return\n    if (!state.line) return\n    const sliceCount = Math.ceil(state.line.length / 100)\n\n    for (let i = 0; i < sliceCount; i++) {\n      const localityAction: PaintBrushAction = {\n        uuid: this.uuid,\n        color: this.color,\n        ready: this.ready,\n        type: action.type,\n        state: {\n          uuid: this.uuid,\n          move: state.move,\n          duration: state.duration,\n          color: this.color,\n          line: state.line.slice(i * 100, (i + 1) * 100),\n        },\n        timestamp,\n        end: i === sliceCount - 1,\n      }\n      /** 由于单次 ws 传输数据量过大，会导致 ws 断掉，所以分批传数据 */\n      execInterval(i, 20, () => {\n        if (!this.disposed) this.emit('stateChange', localityAction, userAction)\n      })\n    }\n  }\n\n  action(action: PaintBrushAction) {\n    if (this.disposed) return\n    const { ready, type, uuid } = action\n\n    if (!ready && this.ready) {\n      // 关闭面板\n      this.closeBrush()\n      return\n    }\n    if (ready && !this.ready) {\n      // 开启面板：首次打开画笔不同步上一次的画线\n      this.openBrush()\n      return\n    }\n\n    if (!this.ready) {\n      return\n    }\n\n    switch (type) {\n      case PaintBrushTypeEnum.Drawline:\n        const { state, timestamp, end } = action\n        if (!timestamp) return\n        if (!state) return\n        this.tempLine[timestamp] = ([] as Coords[]).concat(this.tempLine[timestamp] || [], state.line)\n        if (end) {\n          Object.assign(state, { line: this.tempLine[timestamp] })\n          this.handleDrawLine(uuid, state, {}, () => delete this.tempLine[timestamp])\n        }\n        break\n      case PaintBrushTypeEnum.Exit:\n        this.closeBrush()\n        break\n      case PaintBrushTypeEnum.Undo:\n        this.handleUndo(uuid)\n        break\n      default:\n        break\n    }\n  }\n\n\n  handleDrawLine(_uuid: string, data: PaintBrushState, { withUndo = false }, callback = noop) {\n    if (!data || Object.prototype.toString.call(data) != '[object Object]' || Object.keys(data).length === 0) {\n      return\n    }\n\n    queue(() => {\n      if (this.disposed) return Promise.resolve()\n      return new Promise((resolve) => {\n        if (!withUndo) {\n          if (!this.canvas[_uuid]) {\n            this.canvas[_uuid] = this.initCanvas('_paintBrush-canvas--sync')\n          }\n          if (!this.data[_uuid]) {\n            this.data[_uuid] = []\n          }\n          this.data[_uuid].push(data)\n        }\n\n        if (!this.canvas[_uuid]) {\n          return\n        }\n        const $ctx = this.canvas[_uuid]!.getContext('2d')\n\n        if (!$ctx) return\n        const { line = [], color = 'black', duration = 0, uuid } = data\n        const move = unTransformCoords(data.move || {} as Coords, this.clientWidth, this.clientHeight)\n\n        let points = [move]\n\n        $ctx.strokeStyle = color\n\n        $ctx.beginPath()\n        $ctx.moveTo(move.x, move.y)\n\n        if (duration && !withUndo) {\n          let drawCache: any[] = []\n          const self = this\n          self.tween = tween({ step: 0 }, { step: line.length - 1 }, duration)\n            .onUpdate(({ step }) => {\n              self.tweening = true\n              if (!self.ready) {\n                $ctx.clearRect(0, 0, self.canvas[uuid]!.width, self.canvas[uuid]!.height)\n                return self.tween?.stop()\n              }\n              const i = Math.floor(step)\n              if (!drawCache.find((dc) => dc === i)) {\n                drawCache.push(i)\n                points.push(unTransformCoords(line[i], self.clientWidth, self.clientHeight))\n                if (points.length < 3) return\n                const { control, end } = getQuadraticCurvePoint(points)\n                if (!control || !end) return\n                $ctx.quadraticCurveTo(control.x, control.y, end.x, end.y)\n                $ctx.stroke()\n              }\n            })\n            .onComplete((e) => {\n              self.tween = undefined\n              self.tweening = false\n              drawCache = []\n              points = []\n              if (callback) callback()\n              resolve()\n            })\n        } else {\n          for (let i = 0; i < line.length; i++) {\n            points.push(unTransformCoords(line[i], this.clientWidth, this.clientHeight))\n            if (points.length < 3) continue\n            const { control, end } = getQuadraticCurvePoint(points)\n            if (!control || !end) continue\n            $ctx.quadraticCurveTo(control.x, control.y, end.x, end.y)\n          }\n          $ctx.stroke()\n          points = []\n          if (callback) callback()\n          resolve()\n        }\n      })\n    })\n  }\n\n  handleUndo(uuid: string) {\n    if (!this.canvas[uuid] || !this.data[uuid] || this.data[uuid].length === 0) {\n      return\n    }\n    this.data[uuid].pop()\n\n    const handle = () => {\n      const $ctx = this.canvas[uuid]?.getContext('2d')\n      if ($ctx) {\n        $ctx.clearRect(0, 0, this.canvas[uuid]!.width, this.canvas[uuid]!.height)\n      }\n      this.data[uuid].forEach((ld: any) => this.handleDrawLine(uuid, ld, { withUndo: true }))\n    }\n    if (this.tween && this.tweening) {\n      this.tween.stop()\n      nextFrame(handle, 60)\n      return\n    }\n    handle()\n  }\n\n  undo() {\n    const previous = this.data[this.uuid]?.at(-1)\n    if (!previous) return\n    this.handleUndo(this.uuid)\n    this.emitStateChange({ type: PaintBrushTypeEnum.Undo, uuid: this.uuid, color: this.color, ready: this.ready, state: previous })\n  }\n\n  destroyBrush() {\n    if (this.disposed) return\n    this.closeBrush()\n    this.disposed = true\n    this.tween?.stop()\n    this.canvas = {}\n    this.data = {}\n    this.tempLine = {}\n    this.container.replaceChildren()\n    this.container.classList.remove('dnalogel-paint-brush', 'brushing')\n    if (!this.configs.container) this.container.remove()\n    this.off()\n  }\n}\n","import { Controller } from './Controller'\nimport type { PaintBrushAction, PaintBrushConfigs, PaintBrushEventMap, PaintBrushState } from './typings'\n\nexport class PaintBrush {\n\n  private controller: Controller\n\n  constructor(configs: Partial<PaintBrushConfigs> = {}) {\n    const _configs = Object.assign({\n      currentColor: '#f44336',\n      onUndoText: '回退',\n      onExitText: '关闭'\n    }, configs)\n\n    this.controller = new Controller(_configs)\n  }\n\n  on<K extends keyof PaintBrushEventMap>(name: K,\n    callback: (...args: Parameters<PaintBrushEventMap[K]>) => ReturnType<PaintBrushEventMap[K]>)\n  {\n    this.controller.on(name, callback)\n  }\n\n  off<K extends keyof PaintBrushEventMap>(name: K,\n    callback: (...args: Parameters<PaintBrushEventMap[K]>) => ReturnType<PaintBrushEventMap[K]>)\n  {\n    this.controller.off(name, callback)\n  }\n\n\n  once<K extends keyof PaintBrushEventMap>(name: K,\n    callback: (...args: Parameters<PaintBrushEventMap[K]>) => ReturnType<PaintBrushEventMap[K]>)\n  {\n    this.controller.once(name, callback)\n  }\n\n  /**\n   * 显示画笔。\n   */\n  show() {\n    this.controller.openBrush()\n  }\n\n  hide() { this.controller.closeBrush() }\n\n  undo() { this.controller.undo() }\n\n  action(action: PaintBrushAction) {\n    this.controller.action(action)\n  }\n\n  /**\n   * 获取画笔状态。\n   */\n  get state() {\n    return this.controller.state\n  }\n\n  get configs() {\n    return this.controller.configs\n  }\n\n  /**\n   * 销毁。\n   *\n   *\n   * @description 释放当前实例的画布与事件监听。\n   */\n  dispose() {\n    return this.controller.destroyBrush()\n  }\n\n  setCurrentColor(color: string) {\n    this.controller.updateCurrentColor(color)\n  }\n}\n"],"mappings":"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"}

package/dist/internal/constants-A7EqoECw.js

@@ -0,0 +1,6 @@
+//#region src/shared-utils/constants.ts
+var e = { Z_FIGHTING_OFFSET: .01 };
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=constants-A7EqoECw.js.map

package/dist/internal/constants-A7EqoECw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-A7EqoECw.js","names":["CONST"],"sources":["../../src/shared-utils/constants.ts"],"sourcesContent":["export const CONST = { Z_FIGHTING_OFFSET: 0.01 }\n"],"mappings":";AAAA,IAAaA,IAAQ,EAAE,mBAAmB,IAAK"}