@hankchen/canvas-editor-vue 0.1.2 → 0.1.4

package/dist/canvas.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./canvas-CSdXMg6S.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./canvas-C70NSsoF.js";
 export { e as AlignFloatBar, n as CanvasSurface, f as ContentTypePill, a as ContextMenu, l as FindBar, m as GuidesOverlay, d as Ruler, c as TextEditingOverlay, u as createGizmoOverlayPainter, h as createRafScheduler, t as drawCreateRubberBand, s as drawFindMatches, p as drawSelectionGizmo, r as useDpr, o as useFindSession, g as useTextEditing, i as watchDprChanges };

package/dist/createLucideIcon-SCvtEGVf.js

@@ -0,0 +1,96 @@
+import { h as e, inject as t } from "vue";
+//#region ../../node_modules/.pnpm/@lucide+vue@1.48.0_vue@3.5.43_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/build/defaultAttributes.mjs
+var n = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": 2,
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, r = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim();
+//#endregion
+//#region ../../node_modules/.pnpm/@lucide+vue@1.48.0_vue@3.5.43_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/build/buildLucideIconNode.mjs
+function i(e) {
+	return e != null;
+}
+function a(e, t = {}) {
+	let a = t.attributeNames ?? {}, o = (e) => a[e] ?? e, s = e.size ?? e.width ?? n.width, c = e.size ?? e.height ?? n.height, l = e.aliases?.filter((e) => typeof e == "string" && e.trim() !== "").map((e) => `lucide-${e}`) ?? [], u = [...e.name ? [`lucide-${e.name}`] : [], ...l], d = t.className?.split(" ").filter(Boolean) ?? [], f = t.includeDefaultClasses === !1 ? r(...d) : r("lucide", ...u, ...d), p = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? n["stroke-width"]) * Number(e.size ?? e.width ?? n.width) / Number(t.size ?? t.width ?? n.width) : t.strokeWidth ?? n["stroke-width"];
+	return [
+		"svg",
+		{
+			...Object.entries(n).reduce((e, [t, n]) => (e[o(t)] = n, e), {}),
+			..."color" in t && t.color && { [o("stroke")]: t.color },
+			..."size" in t && i(t.size) && {
+				[o("width")]: t.size,
+				[o("height")]: t.size
+			},
+			..."width" in t && i(t.width) && { [o("width")]: t.width },
+			..."height" in t && i(t.height) && { [o("height")]: t.height },
+			[o("stroke-width")]: p,
+			...f && { [o("class")]: f },
+			[o("viewBox")]: `0 0 ${s} ${c}`,
+			...t.hasA11yProp === !1 ? { [o("aria-hidden")]: "true" } : {},
+			..."attributes" in t && t.attributes
+		},
+		e.node.map((e) => {
+			let [n, r, i] = e, a = t.nonScalingStroke ? {
+				[o("vector-effect")]: "non-scaling-stroke",
+				...r
+			} : r;
+			return i ? [
+				n,
+				a,
+				i
+			] : [n, a];
+		})
+	];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@lucide+vue@1.48.0_vue@3.5.43_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/hasA11yProp.mjs
+var o = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, s = (e) => e === "", c = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), l = /* @__PURE__ */ Symbol("lucide-icons");
+function u() {
+	return t(l, {});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@lucide+vue@1.48.0_vue@3.5.43_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
+var d = ({ name: t, iconNode: n, "icon-node": r, icon: i = {
+	name: t && c(t),
+	node: n ?? r ?? [],
+	size: 24,
+	aliases: []
+}, absoluteStrokeWidth: l, "absolute-stroke-width": d, nonScalingStroke: f, "non-scaling-stroke": p, strokeWidth: m, "stroke-width": h, size: g, width: _ = g, height: v = g, color: y, ...b }, { slots: x }) => {
+	let { size: S, color: C, strokeWidth: w = 2, absoluteStrokeWidth: T = !1, nonScalingStroke: E = !1, class: D = "" } = u(), O = s(l) || s(d) || l === !0 || d === !0 || T === !0, k = s(f) || s(p) || f === !0 || p === !0 || E === !0;
+	delete b.class;
+	let A = x.default?.(), [, j, M = []] = a(i, {
+		color: y ?? C,
+		width: _ ?? g ?? S,
+		height: v ?? g ?? S,
+		strokeWidth: m ?? h ?? w,
+		absoluteStrokeWidth: O,
+		nonScalingStroke: k,
+		className: D,
+		hasA11yProp: A != null && A.length > 0 || o(b),
+		attributes: b
+	});
+	return e("svg", j, [...M.map(([t, n]) => e(t, n)), ...A ?? []]);
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@lucide+vue@1.48.0_vue@3.5.43_typescript@5.9.3_/node_modules/@lucide/vue/dist/esm/createLucideIcon.mjs
+function f(t, n = []) {
+	let r = typeof t == "string" ? {
+		name: t,
+		node: n
+	} : t;
+	return (t, { slots: n }) => e(d, {
+		...t,
+		icon: r
+	}, n.default ? { default: n.default } : void 0);
+}
+//#endregion
+export { f as t };

package/dist/dist-DGtNmLwo.js

@@ -0,0 +1,341 @@
+import { t as e } from "./createLucideIcon-SCvtEGVf.js";
+var t = e({
+	name: "align-center-horizontal",
+	size: 24,
+	node: [
+		["path", {
+			d: "M2 12h20",
+			key: "9i4pu4"
+		}],
+		["path", {
+			d: "M10 16v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-4",
+			key: "11f1s0"
+		}],
+		["path", {
+			d: "M10 8V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4",
+			key: "t14dx9"
+		}],
+		["path", {
+			d: "M20 16v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1",
+			key: "1w07xs"
+		}],
+		["path", {
+			d: "M14 8V7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v1",
+			key: "1apec2"
+		}]
+	]
+}), n = e({
+	name: "align-center-vertical",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 2v20",
+			key: "t6zp3m"
+		}],
+		["path", {
+			d: "M8 10H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h4",
+			key: "14d6g8"
+		}],
+		["path", {
+			d: "M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4",
+			key: "1e2lrw"
+		}],
+		["path", {
+			d: "M8 20H7a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h1",
+			key: "1fkdwx"
+		}],
+		["path", {
+			d: "M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1",
+			key: "1euafb"
+		}]
+	]
+}), r = e({
+	name: "align-end-horizontal",
+	size: 24,
+	node: [
+		["rect", {
+			width: "6",
+			height: "16",
+			x: "4",
+			y: "2",
+			rx: "2",
+			key: "z5wdxg"
+		}],
+		["rect", {
+			width: "6",
+			height: "9",
+			x: "14",
+			y: "9",
+			rx: "2",
+			key: "um7a8w"
+		}],
+		["path", {
+			d: "M22 22H2",
+			key: "19qnx5"
+		}]
+	]
+}), i = e({
+	name: "align-end-vertical",
+	size: 24,
+	node: [
+		["rect", {
+			width: "16",
+			height: "6",
+			x: "2",
+			y: "4",
+			rx: "2",
+			key: "10wcwx"
+		}],
+		["rect", {
+			width: "9",
+			height: "6",
+			x: "9",
+			y: "14",
+			rx: "2",
+			key: "4p5bwg"
+		}],
+		["path", {
+			d: "M22 22V2",
+			key: "12ipfv"
+		}]
+	]
+}), a = e({
+	name: "align-start-horizontal",
+	size: 24,
+	node: [
+		["rect", {
+			width: "6",
+			height: "16",
+			x: "4",
+			y: "6",
+			rx: "2",
+			key: "1n4dg1"
+		}],
+		["rect", {
+			width: "6",
+			height: "9",
+			x: "14",
+			y: "6",
+			rx: "2",
+			key: "17khns"
+		}],
+		["path", {
+			d: "M22 2H2",
+			key: "fhrpnj"
+		}]
+	]
+}), o = e({
+	name: "align-start-vertical",
+	size: 24,
+	node: [
+		["rect", {
+			width: "9",
+			height: "6",
+			x: "6",
+			y: "14",
+			rx: "2",
+			key: "lpm2y7"
+		}],
+		["rect", {
+			width: "16",
+			height: "6",
+			x: "6",
+			y: "4",
+			rx: "2",
+			key: "rdj6ps"
+		}],
+		["path", {
+			d: "M2 2v20",
+			key: "1ivd8o"
+		}]
+	]
+}), s = e({
+	name: "chevron-down",
+	size: 24,
+	node: [["path", {
+		d: "m6 9 6 6 6-6",
+		key: "qrunsl"
+	}]]
+}), c = [
+	"top-left",
+	"top",
+	"top-right",
+	"left",
+	"center",
+	"right",
+	"bottom-left",
+	"bottom",
+	"bottom-right"
+], l = [
+	"left",
+	"center",
+	"right"
+], u = [
+	"top",
+	"center",
+	"bottom"
+], d = /* @__PURE__ */ "，(。(、(；(：(！(？(」(』(）(】(》(〉(…(—(～(·(!(?(%(,(.(;(:()(](}".split("("), f = [
+	"「",
+	"『",
+	"（",
+	"【",
+	"《",
+	"〈",
+	"“",
+	"‘",
+	"(",
+	"[",
+	"{"
+], p = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+function m(e) {
+	return e === "" ? [] : Array.from(p.segment(e), (e) => e.segment);
+}
+var h = .55;
+function g(e) {
+	return e.length === 1 && e >= " " && e <= "~";
+}
+function _(e) {
+	return { measure(t) {
+		let n = 0;
+		for (let e of t) n += g(e) ? h : 1;
+		return n * e;
+	} };
+}
+var v = (e, t) => _(t);
+function y(e) {
+	return e.join("");
+}
+function b(e) {
+	return e === " " || e === "	";
+}
+function x(e) {
+	return d.includes(e);
+}
+function S(e) {
+	return f.includes(e);
+}
+function C() {
+	return (e, t, n) => {
+		if (e === "") return [];
+		let r = [];
+		for (let i of e.split("\n")) {
+			let e = m(i);
+			if (e.length === 0) {
+				r.push("");
+				continue;
+			}
+			let a = [];
+			for (let i of e) {
+				if (a.length === 0 || n.measure(y(a) + i) <= t) {
+					a.push(i);
+					continue;
+				}
+				let e = w(a, i);
+				e.line.length > 0 && r.push(y(e.line)), a = e.rest;
+			}
+			a.length > 0 && r.push(y(a));
+		}
+		return r;
+	};
+}
+function w(e, t) {
+	let n = e, r = [t], i = T(e);
+	if (i !== -1) {
+		let a = +(e[i] === "-"), o = e.slice(0, i + a), s = e.slice(i + 1);
+		o.length > 0 && (n = o, r = [...s, t]);
+	}
+	return n = D(n), r = O(r), E(n, r);
+}
+function T(e) {
+	for (let t = e.length - 1; t > 0; t--) {
+		let n = e[t];
+		if (n === " " || n === "-") return t;
+	}
+	return -1;
+}
+function E(e, t) {
+	for (; t.length > 0 && x(t[0]);) e = [...e, t[0]], t = t.slice(1);
+	for (; e.length > 0 && S(e[e.length - 1]);) t = [e[e.length - 1], ...t], e = e.slice(0, -1);
+	return {
+		line: e,
+		rest: t
+	};
+}
+function D(e) {
+	for (; e.length > 0 && b(e[e.length - 1]);) e = e.slice(0, -1);
+	return e;
+}
+function O(e) {
+	for (; e.length > 0 && b(e[0]);) e = e.slice(1);
+	return e;
+}
+var k = C();
+function A(e) {
+	return {
+		lineBreaker: e?.lineBreaker ?? k,
+		measurerFactory: e?.measurerFactory ?? v
+	};
+}
+function j(e) {
+	return e === 0 ? 0 : e;
+}
+function M(e) {
+	return j(Math.trunc(e));
+}
+function N(e, t) {
+	switch (e.type) {
+		case "TextLayer": {
+			if (!e.shape.autoWidth) return e.shape.width;
+			let { measurerFactory: n } = A(t), r = n(e.font, e.fontSize), i = 0;
+			for (let t of e.text.split("\n")) i = Math.max(i, r.measure(t));
+			return M(Math.ceil(i)) + M(e.shape.padding.left + e.shape.padding.right);
+		}
+		default: return e.shape.width;
+	}
+}
+function P(e) {
+	return Math.ceil(e.fontSize * e.shape.lineHeight);
+}
+function F(e, t) {
+	if (!e.autowrap) return [e.text];
+	let { lineBreaker: n, measurerFactory: r } = A(t);
+	return n(e.text, L(e, t), r(e.font, e.fontSize));
+}
+function I(e, t) {
+	switch (e.type) {
+		case "TextLayer": {
+			if (!e.shape.autoHeight) return e.shape.height;
+			let n = M(e.shape.padding.top + e.shape.padding.bottom);
+			return e.autowrap ? P(e) * F(e, t).length + n : e.text === "" ? n : P(e) + n;
+		}
+		case "QrCodeLayer": return !e.shape.autoHeight && e.shape.height > 0 ? e.shape.height : N(e, t);
+		default: return e.shape.height;
+	}
+}
+function L(e, t) {
+	return M(N(e, t) - e.shape.padding.left - e.shape.padding.right);
+}
+function R(e, t) {
+	return M(I(e, t) - e.shape.padding.top - e.shape.padding.bottom);
+}
+function z(e, t, n, r, i) {
+	return {
+		x: e === "top-right" || e === "right" || e === "bottom-right" ? t - r : e === "top" || e === "center" || e === "bottom" ? M((t - r) / 2) : 0,
+		y: e === "bottom-left" || e === "bottom" || e === "bottom-right" ? n - i : e === "left" || e === "center" || e === "right" ? M((n - i) / 2) : 0
+	};
+}
+function B(e, t, n, r, i, a) {
+	let o = N(e, a), s = I(e, a), c = z(e.position.anchor, r, i, o, s), l = t + c.x + e.position.x, u = n + c.y + e.position.y;
+	return {
+		x: l,
+		y: u,
+		width: o,
+		height: s,
+		contentX: l + e.shape.padding.left,
+		contentY: u + e.shape.padding.top,
+		contentWidth: L(e, a),
+		contentHeight: R(e, a)
+	};
+}
+//#endregion
+export { L as a, o as c, r as d, n as f, R as i, a as l, l as n, B as o, t as p, u as r, s, c as t, i as u };

package/dist/index.js

@@ -1,16 +1,16 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./canvas-CSdXMg6S.js";
-import { i as _, n as v, r as y, t as b } from "./completionAnchor-CDR5YZhu.js";
-import { a as x, i as S, n as C, r as w, t as T } from "./layer-panel-BM-nX_OX.js";
-import { n as E, o as D, r as O, s as k, t as A } from "./useTransientFeedback-Cnp6aNB7.js";
-import { i as j, n as M, r as N, t as P } from "./uploadFile-BOfv8aLG.js";
-import { n as F, t as I } from "./usePathCompletion-uJ5c_gQ0.js";
-import { a as L, c as R, d as z, f as B, i as V, l as H, m as U, n as W, o as G, p as K, r as q, s as J, t as Y, u as X } from "./property-panel-Cw6T9dAQ.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./canvas-C70NSsoF.js";
+import { a as _, i as v, n as y, r as b, t as x } from "./layer-panel-GiVy_B4A.js";
+import { a as S, c as C, d as w, f as T, i as E, l as D, m as O, n as k, o as A, p as j, r as M, s as N, t as P, u as F } from "./property-panel-C2etsIhF.js";
+import { i as I, n as L, r as R, t as z } from "./completionAnchor-CDR5YZhu.js";
+import { c as B, i as V, n as H, s as U, t as W } from "./useTransientFeedback-CTjmMmFF.js";
+import { i as G, n as K, r as q, t as J } from "./uploadFile-BOfv8aLG.js";
+import { n as Y, t as X } from "./usePathCompletion-uJ5c_gQ0.js";
 import { n as Z, t as Q } from "./useViewport-D9Ipevzs.js";
-import { n as $, r as ee, t as te } from "./useDataSourceSchema-DStVoY8Z.js";
-import { n as ne, r as re, t as ie } from "./status-bar-DO8akYAw.js";
+import { n as $, r as ee, t as te } from "./useDataSourceSchema-CGbldbUj.js";
+import { n as ne, r as re, t as ie } from "./status-bar-_PvEXyq8.js";
 import { t as ae } from "./useShortcutsHelp-CsyarO2P.js";
-import { n as oe, r as se, t as ce } from "./shared-BTyB4vbT.js";
+import { n as oe, r as se, t as ce } from "./shared-wuupBoZg.js";
 //#region src/index.ts
 var le = "@hankchen/canvas-editor-vue";
 //#endregion
-export { S as ADD_LAYER_MENU, x as ADD_MENU, O as ARM_LAYER_CREATE_HINT, e as AlignFloatBar, H as CANVAS_FIELD_SECTIONS, n as CanvasSurface, f as ContentTypePill, a as ContextMenu, $ as DropdownMenu, y as ExpressionCompletionPopup, X as FIELD_SECTIONS_BY_TYPE, J as FONT_PICKER_KEY, l as FindBar, m as GuidesOverlay, se as HelpDialog, L as IMAGE_UPLOAD_KEY, T as LayerPanel, le as PACKAGE_NAME, _ as PanelIcon, W as PropertyField, Y as PropertyPanel, d as Ruler, ie as StatusBar, c as TextEditingOverlay, v as applyCompletion, V as controlRegistry, u as createGizmoOverlayPainter, h as createRafScheduler, D as detectShortcutPlatform, t as drawCreateRubberBand, s as drawFindMatches, p as drawSelectionGizmo, N as expressionCompletionSource, j as expressionFieldContext, z as fieldSectionsForPath, B as fieldSectionsForType, ne as formatLayerGeometry, re as formatLayerPath, R as injectFontPicker, G as injectImageUpload, E as isEditableEventTarget, C as isUpperHalf, K as layerRoleAt, b as measureCursorAnchor, U as readField, F as rowsPathCompletionSource, k as shortcutActionLabel, P as uploadFileFromDom, te as useDataSourceSchema, r as useDpr, ee as useDropdownMenu, M as useExpressionCompletion, o as useFindSession, oe as useHistory, w as useLayerPanel, I as usePathCompletion, q as usePropertyPanel, Z as useSelection, ce as useShortcuts, ae as useShortcutsHelp, g as useTextEditing, A as useTransientFeedback, Q as useViewport, i as watchDprChanges };
+export { v as ADD_LAYER_MENU, _ as ADD_MENU, V as ARM_LAYER_CREATE_HINT, e as AlignFloatBar, D as CANVAS_FIELD_SECTIONS, n as CanvasSurface, f as ContentTypePill, a as ContextMenu, $ as DropdownMenu, R as ExpressionCompletionPopup, F as FIELD_SECTIONS_BY_TYPE, N as FONT_PICKER_KEY, l as FindBar, m as GuidesOverlay, se as HelpDialog, S as IMAGE_UPLOAD_KEY, x as LayerPanel, le as PACKAGE_NAME, I as PanelIcon, k as PropertyField, P as PropertyPanel, d as Ruler, ie as StatusBar, c as TextEditingOverlay, L as applyCompletion, E as controlRegistry, u as createGizmoOverlayPainter, h as createRafScheduler, U as detectShortcutPlatform, t as drawCreateRubberBand, s as drawFindMatches, p as drawSelectionGizmo, q as expressionCompletionSource, G as expressionFieldContext, w as fieldSectionsForPath, T as fieldSectionsForType, ne as formatLayerGeometry, re as formatLayerPath, C as injectFontPicker, A as injectImageUpload, H as isEditableEventTarget, y as isUpperHalf, j as layerRoleAt, z as measureCursorAnchor, O as readField, Y as rowsPathCompletionSource, B as shortcutActionLabel, J as uploadFileFromDom, te as useDataSourceSchema, r as useDpr, ee as useDropdownMenu, K as useExpressionCompletion, o as useFindSession, oe as useHistory, b as useLayerPanel, X as usePathCompletion, M as usePropertyPanel, Z as useSelection, ce as useShortcuts, ae as useShortcutsHelp, g as useTextEditing, W as useTransientFeedback, Q as useViewport, i as watchDprChanges };