@hankchen/canvas-editor-vue 0.1.1 → 0.1.2

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-CS4SmrIO.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-CSdXMg6S.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/{completionAnchor-4lhR2kJz.js → completionAnchor-CDR5YZhu.js}

@@ -1,4 +1,4 @@
-import { C as e, D as t, G as n, M as r, U as i, W as a, _ as o, b as s, d as c, f as l, g as u, h as d, j as f, k as p, m, u as h, w as g, z as _ } from "./layerPath-BRZK9ka1.js";
+import { Fragment as e, Teleport as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, nextTick as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, resolveDynamicComponent as m, toDisplayString as h, watch as g, withModifiers as _ } from "vue";
 //#region ../canvas-editor/src/shared/expressionSchema.ts
 function v(e) {
 	let t = e;
@@ -123,7 +123,7 @@ function T(e, t) {
 }
 //#endregion
 //#region src/shared/PanelIcon.vue
-var E = /* @__PURE__ */ s({
+var E = /* @__PURE__ */ o({
 	inheritAttrs: !1,
 	__name: "PanelIcon",
 	props: {
@@ -131,11 +131,11 @@ var E = /* @__PURE__ */ s({
 		size: { default: 14 },
 		strokeWidth: { default: 2 }
 	},
-	setup(n) {
-		return (r, i) => (t(), d(f(n.icon), e({
-			size: n.size,
-			"stroke-width": n.strokeWidth
-		}, r.$attrs), null, 16, ["size", "stroke-width"]));
+	setup(e) {
+		return (t, r) => (d(), n(m(e.icon), s({
+			size: e.size,
+			"stroke-width": e.strokeWidth
+		}, t.$attrs), null, 16, ["size", "stroke-width"]));
 	}
 }), D = {
 	role: "listbox",
@@ -153,38 +153,38 @@ var E = /* @__PURE__ */ s({
 }, M = {
 	key: 0,
 	class: "cn-completion__hint px-2 py-1.5 text-[10px] leading-none text-cn-muted"
-}, N = /* @__PURE__ */ s({
+}, N = /* @__PURE__ */ o({
 	__name: "ExpressionCompletionPopup",
 	props: { state: {} },
 	emits: ["select"],
-	setup(e, { expose: s, emit: f }) {
-		let v = e, y = f, b = _(null);
-		return s({ rootEl: b }), r(() => v.state.activeIndex, async () => {
-			await g(), b.value?.querySelector(".cn-completion__option--active")?.scrollIntoView?.({ block: "nearest" });
-		}), (r, s) => (t(), d(l, { to: "body" }, [e.state.open ? (t(), o("div", {
+	setup(o, { expose: s, emit: m }) {
+		let v = o, y = m, b = f(null);
+		return s({ rootEl: b }), g(() => v.state.activeIndex, async () => {
+			await c(), b.value?.querySelector(".cn-completion__option--active")?.scrollIntoView?.({ block: "nearest" });
+		}), (s, c) => (d(), n(t, { to: "body" }, [o.state.open ? (d(), i("div", {
 			key: 0,
 			ref_key: "rootRef",
 			ref: b,
 			class: "cn-props cn-completion fixed z-50 max-h-[200px] min-w-[140px] max-w-[280px] overflow-y-auto rounded-md border border-cn-field-line py-1 text-[11px] leading-none",
-			style: a({
-				top: `${e.state.top}px`,
-				left: `${e.state.left}px`
+			style: u({
+				top: `${o.state.top}px`,
+				left: `${o.state.left}px`
 			}),
-			onMousedown: s[0] ||= h(() => {}, ["prevent", "stop"]),
-			onPointerdown: s[1] ||= h(() => {}, ["stop"])
-		}, [m("div", D, [(t(!0), o(c, null, p(e.state.items, (r, a) => (t(), o("button", {
-			key: `${a}:${r.segment}`,
+			onMousedown: c[0] ||= _(() => {}, ["prevent", "stop"]),
+			onPointerdown: c[1] ||= _(() => {}, ["stop"])
+		}, [a("div", D, [(d(!0), i(e, null, p(o.state.items, (e, t) => (d(), i("button", {
+			key: `${t}:${e.segment}`,
 			type: "button",
 			role: "option",
-			class: i(["cn-completion__option flex w-full items-center gap-1.5 px-2 py-1.5 text-left", a === e.state.activeIndex ? "cn-completion__option--active" : ""]),
-			"aria-selected": a === e.state.activeIndex,
-			title: r.path ?? r.segment,
-			onClick: (e) => y("select", a)
+			class: l(["cn-completion__option flex w-full items-center gap-1.5 px-2 py-1.5 text-left", t === o.state.activeIndex ? "cn-completion__option--active" : ""]),
+			"aria-selected": t === o.state.activeIndex,
+			title: e.path ?? e.segment,
+			onClick: (e) => y("select", t)
 		}, [
-			m("span", k, n(r.segment), 1),
-			r.type ? (t(), o("span", A, n(r.type), 1)) : u("", !0),
-			r.description ?? r.title ? (t(), o("span", j, n(r.description ?? r.title), 1)) : u("", !0)
-		], 10, O))), 128))]), e.state.openMapping ? (t(), o("div", M, " 动态字段，键由模板定义 ")) : u("", !0)], 36)) : u("", !0)]));
+			a("span", k, h(e.segment), 1),
+			e.type ? (d(), i("span", A, h(e.type), 1)) : r("", !0),
+			e.description ?? e.title ? (d(), i("span", j, h(e.description ?? e.title), 1)) : r("", !0)
+		], 10, O))), 128))]), o.state.openMapping ? (d(), i("div", M, " 动态字段，键由模板定义 ")) : r("", !0)], 36)) : r("", !0)]));
 	}
 });
 //#endregion

package/dist/dist-B6-i-hhY.js

@@ -0,0 +1,184 @@
+//#region ../../node_modules/.pnpm/@hankchen+canvas@0.1.0/node_modules/@hankchen/canvas/dist/index.js
+var e = [
+	"top-left",
+	"top",
+	"top-right",
+	"left",
+	"center",
+	"right",
+	"bottom-left",
+	"bottom",
+	"bottom-right"
+], t = [
+	"left",
+	"center",
+	"right"
+], n = [
+	"top",
+	"center",
+	"bottom"
+], r = /* @__PURE__ */ "，(。(、(；(：(！(？(」(』(）(】(》(〉(…(—(～(·(!(?(%(,(.(;(:()(](}".split("("), i = [
+	"「",
+	"『",
+	"（",
+	"【",
+	"《",
+	"〈",
+	"“",
+	"‘",
+	"(",
+	"[",
+	"{"
+], a = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+function o(e) {
+	return e === "" ? [] : Array.from(a.segment(e), (e) => e.segment);
+}
+var s = .55;
+function c(e) {
+	return e.length === 1 && e >= " " && e <= "~";
+}
+function l(e) {
+	return { measure(t) {
+		let n = 0;
+		for (let e of t) n += c(e) ? s : 1;
+		return n * e;
+	} };
+}
+var u = (e, t) => l(t);
+function d(e) {
+	return e.join("");
+}
+function f(e) {
+	return e === " " || e === "	";
+}
+function p(e) {
+	return r.includes(e);
+}
+function m(e) {
+	return i.includes(e);
+}
+function h() {
+	return (e, t, n) => {
+		if (e === "") return [];
+		let r = [];
+		for (let i of e.split("\n")) {
+			let e = o(i);
+			if (e.length === 0) {
+				r.push("");
+				continue;
+			}
+			let a = [];
+			for (let i of e) {
+				if (a.length === 0 || n.measure(d(a) + i) <= t) {
+					a.push(i);
+					continue;
+				}
+				let e = g(a, i);
+				e.line.length > 0 && r.push(d(e.line)), a = e.rest;
+			}
+			a.length > 0 && r.push(d(a));
+		}
+		return r;
+	};
+}
+function g(e, t) {
+	let n = e, r = [t], i = _(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 = y(n), r = b(r), v(n, r);
+}
+function _(e) {
+	for (let t = e.length - 1; t > 0; t--) {
+		let n = e[t];
+		if (n === " " || n === "-") return t;
+	}
+	return -1;
+}
+function v(e, t) {
+	for (; t.length > 0 && p(t[0]);) e = [...e, t[0]], t = t.slice(1);
+	for (; e.length > 0 && m(e[e.length - 1]);) t = [e[e.length - 1], ...t], e = e.slice(0, -1);
+	return {
+		line: e,
+		rest: t
+	};
+}
+function y(e) {
+	for (; e.length > 0 && f(e[e.length - 1]);) e = e.slice(0, -1);
+	return e;
+}
+function b(e) {
+	for (; e.length > 0 && f(e[0]);) e = e.slice(1);
+	return e;
+}
+var x = h();
+function S(e) {
+	return {
+		lineBreaker: e?.lineBreaker ?? x,
+		measurerFactory: e?.measurerFactory ?? u
+	};
+}
+function C(e) {
+	return e === 0 ? 0 : e;
+}
+function w(e) {
+	return C(Math.trunc(e));
+}
+function T(e, t) {
+	switch (e.type) {
+		case "TextLayer": {
+			if (!e.shape.autoWidth) return e.shape.width;
+			let { measurerFactory: n } = S(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 w(Math.ceil(i)) + w(e.shape.padding.left + e.shape.padding.right);
+		}
+		default: return e.shape.width;
+	}
+}
+function E(e) {
+	return Math.ceil(e.fontSize * e.shape.lineHeight);
+}
+function D(e, t) {
+	if (!e.autowrap) return [e.text];
+	let { lineBreaker: n, measurerFactory: r } = S(t);
+	return n(e.text, k(e, t), r(e.font, e.fontSize));
+}
+function O(e, t) {
+	switch (e.type) {
+		case "TextLayer": {
+			if (!e.shape.autoHeight) return e.shape.height;
+			let n = w(e.shape.padding.top + e.shape.padding.bottom);
+			return e.autowrap ? E(e) * D(e, t).length + n : e.text === "" ? n : E(e) + n;
+		}
+		case "QrCodeLayer": return !e.shape.autoHeight && e.shape.height > 0 ? e.shape.height : T(e, t);
+		default: return e.shape.height;
+	}
+}
+function k(e, t) {
+	return w(T(e, t) - e.shape.padding.left - e.shape.padding.right);
+}
+function A(e, t) {
+	return w(O(e, t) - e.shape.padding.top - e.shape.padding.bottom);
+}
+function j(e, t, n, r, i) {
+	return {
+		x: e === "top-right" || e === "right" || e === "bottom-right" ? t - r : e === "top" || e === "center" || e === "bottom" ? w((t - r) / 2) : 0,
+		y: e === "bottom-left" || e === "bottom" || e === "bottom-right" ? n - i : e === "left" || e === "center" || e === "right" ? w((n - i) / 2) : 0
+	};
+}
+function M(e, t, n, r, i, a) {
+	let o = T(e, a), s = O(e, a), c = j(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: k(e, a),
+		contentHeight: A(e, a)
+	};
+}
+//#endregion
+export { k as a, A as i, t as n, M as o, n as r, e as t };

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-CS4SmrIO.js";
-import { a as _, i as v, n as y, r as b, t as x } from "./layer-panel-ArP66_vZ.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-jt_rsTVW.js";
-import { i as I, n as L, r as R, t as z } from "./completionAnchor-4lhR2kJz.js";
-import { n as B, o as V, r as H, s as U, t as W } from "./useTransientFeedback-gS9Xa9GY.js";
-import { i as G, n as K, r as q, t as J } from "./uploadFile-CutE_xI-.js";
-import { n as Y, t as X } from "./usePathCompletion-DkHoGla4.js";
-import { n as Z, t as Q } from "./useViewport-BLe2ise1.js";
-import { n as $, r as ee, t as te } from "./useDataSourceSchema-C924m8fc.js";
-import { n as ne, r as re, t as ie } from "./status-bar-BhhrVoBZ.js";
-import { t as ae } from "./useShortcutsHelp-DTC3yRil.js";
-import { n as oe, r as se, t as ce } from "./shared-D9zYUQaw.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-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 { 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 { t as ae } from "./useShortcutsHelp-CsyarO2P.js";
+import { n as oe, r as se, t as ce } from "./shared-BTyB4vbT.js";
 //#region src/index.ts
 var le = "@hankchen/canvas-editor-vue";
 //#endregion
-export { v as ADD_LAYER_MENU, _ as ADD_MENU, H 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, V 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, B as isEditableEventTarget, y as isUpperHalf, j as layerRoleAt, z as measureCursorAnchor, O as readField, Y as rowsPathCompletionSource, U 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 };
+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 };