@hankchen/canvas-editor-vue 0.3.0 → 0.4.0

package/dist/usePathCompletion-Do17CQ6l.js

@@ -0,0 +1,220 @@
+import { a as e } from "./layerPath-uy2ywyld.js";
+import { a as t, g as n, i as r, m as i, r as a } from "./popupPosition-Ck5Gsvjy.js";
+import { nextTick as o, onMounted as s, onScopeDispose as c, reactive as l, toValue as u, watch as d } from "vue";
+//#region ../canvas-editor/src/shared/rowsPathCandidates.ts
+function f(e) {
+	return e.type === "array" || e.items !== void 0;
+}
+function p(e) {
+	return !f(e) && e.properties === void 0;
+}
+function m(e, t, n) {
+	let r = {
+		path: n === "" ? e : `${n}.${e}`,
+		segment: e
+	};
+	return t.description !== void 0 && (r.description = t.description), t.title !== void 0 && (r.title = t.title), f(t) && (r.type = "array"), r;
+}
+function h(e, t) {
+	let n = [];
+	if (e.properties !== void 0) for (let [r, i] of e.properties) p(i) || n.push(m(r, i, t));
+	return n;
+}
+function g(e, t) {
+	if (e === null) return null;
+	let r = t.split("."), i = t.endsWith(".") ? "" : r[r.length - 1], a = r.slice(0, -1), o = e;
+	for (let e of a) {
+		if (f(o)) return null;
+		let t = n(o, [e]);
+		if (t === null) return null;
+		o = t;
+	}
+	return f(o) || p(o) ? null : {
+		partial: i,
+		candidates: h(o, a.join("."))
+	};
+}
+function _(t, n, r) {
+	if (r === null) return null;
+	if (t === null || n === null) return r;
+	let a = null;
+	for (let o = 0; o < n.length; o += 1) {
+		if (n[o] !== "template") continue;
+		let s = e(t, n.slice(0, o));
+		if (s === null || s.type !== "TableLayer" || (a = i(a ?? r, s.rowsPath), a === null)) return null;
+	}
+	return a ?? r;
+}
+//#endregion
+//#region src/shared/rowsPathCompletionSource.ts
+function v(e) {
+	return e === null ? null : (t) => {
+		let n = g(e, t);
+		return n === null ? null : {
+			partial: n.partial,
+			candidates: n.candidates.map((e) => e.type === "array" ? {
+				...e,
+				type: "行数组"
+			} : e)
+		};
+	};
+}
+//#endregion
+//#region src/shared/usePathCompletion.ts
+var y = [
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End",
+	"PageUp",
+	"PageDown"
+];
+function b(e) {
+	return {
+		kind: "fragment",
+		start: -2,
+		end: e.length + 2,
+		raw: "",
+		expr: e,
+		error: null,
+		diagnostic: null
+	};
+}
+function x(e) {
+	let n = l({
+		open: !1,
+		items: [],
+		activeIndex: 0,
+		top: 0,
+		left: 0
+	}), i = null, f = !1, p = "";
+	function m() {
+		n.open = !1, n.items = [], n.activeIndex = 0, p = "";
+	}
+	function h() {
+		if (!n.open || !i) return;
+		let t = r(i), o = e.popupEl ? u(e.popupEl) : null, s = a({
+			anchor: t,
+			popupWidth: o?.offsetWidth ?? 0,
+			popupHeight: o?.offsetHeight ?? 0,
+			viewportWidth: window.innerWidth,
+			viewportHeight: window.innerHeight
+		});
+		n.top = s.top, n.left = s.left;
+	}
+	function g(t, r = !1) {
+		if (!u(e.enabled)) {
+			m();
+			return;
+		}
+		let a = i;
+		if (!a) {
+			m();
+			return;
+		}
+		let s = a.value.slice(0, a.selectionStart ?? a.value.length);
+		if (s === "" && !r) {
+			m();
+			return;
+		}
+		let c = e.resolve(s);
+		if (!c) {
+			m();
+			return;
+		}
+		let l = r ? c.candidates : c.candidates.filter((e) => e.segment.startsWith(c.partial));
+		if (l.length === 0) {
+			m();
+			return;
+		}
+		p = c.partial, (n.open || t) && (n.items = l, n.activeIndex = 0, n.open = !0, h(), o(h));
+	}
+	function _(e) {
+		let r = i;
+		if (!n.open || f || !r) return;
+		let a = n.items[e ?? n.activeIndex];
+		if (!a) return;
+		let o = r.value.slice(0, r.selectionStart ?? r.value.length), s = t(r.value, b(o), o.length, p, a);
+		if (!s) {
+			m();
+			return;
+		}
+		r.value = s.value, r.setSelectionRange(s.cursor, s.cursor), r.dispatchEvent(new Event("input", { bubbles: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0 })), m();
+	}
+	function v(e) {
+		f || e.isComposing || g(!0);
+	}
+	function x() {
+		f = !0;
+	}
+	function S() {
+		f = !1, g(!0);
+	}
+	function C(e) {
+		return f || e.isComposing || e.keyCode === 229;
+	}
+	function w(e) {
+		if (!C(e)) {
+			if (e.key === " " && (e.ctrlKey || e.metaKey)) {
+				e.preventDefault(), g(!0, !0);
+				return;
+			}
+			if (n.open) {
+				if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+					e.preventDefault();
+					let t = n.items.length;
+					t > 0 && (n.activeIndex = (n.activeIndex + (e.key === "ArrowDown" ? 1 : t - 1)) % t);
+					return;
+				}
+				if (e.key === "Enter" || e.key === "Tab") {
+					e.preventDefault(), _();
+					return;
+				}
+				e.key === "Escape" && (e.preventDefault(), m());
+			}
+		}
+	}
+	function T(e) {
+		n.open && !C(e) && y.includes(e.key) && g(!1);
+	}
+	function E() {
+		f || g(!1);
+	}
+	function D() {
+		m();
+	}
+	function O(e) {
+		n.open && e.target !== i && m();
+	}
+	function k() {
+		h();
+	}
+	let A = [
+		["input", v],
+		["keydown", w],
+		["keyup", T],
+		["click", E],
+		["blur", D],
+		["compositionstart", x],
+		["compositionend", S]
+	];
+	function j(e) {
+		for (let [t, n] of A) e.addEventListener(t, n);
+	}
+	function M(e) {
+		for (let [t, n] of A) e.removeEventListener(t, n);
+	}
+	function N(e) {
+		i !== e && (i && M(i), i = e, e && j(e));
+	}
+	return s(() => N(e.target.value)), d(e.target, (e) => N(e)), d(() => u(e.enabled), (e) => {
+		e || m();
+	}), document.addEventListener("mousedown", O), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), c(() => {
+		i && M(i), document.removeEventListener("mousedown", O), window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
+	}), {
+		popup: n,
+		accept: _
+	};
+}
+//#endregion
+export { v as n, _ as r, x as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hankchen/canvas-editor-vue",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "license": "MIT",
   "description": "Vue 3 薄绑定：响应式桥、composables、画布表面组件、textarea 文本编辑 overlay、schema 驱动属性面板注册表",
   "type": "module",
@@ -58,7 +58,7 @@
   },
   "dependencies": {
     "@lucide/vue": "^1.48.0",
-    "@hankchen/canvas-editor": "0.4.0"
+    "@hankchen/canvas-editor": "0.5.0"
   },
   "peerDependencies": {
     "vue": "^3.5.0"

package/dist/uploadFile-DXAEX9kG.js

@@ -1,455 +0,0 @@
-import { a as e, r as t } from "./layerPath-uy2ywyld.js";
-import { a as n, c as r, d as i, f as a, l as o, n as s, o as c, p as l, s as u, t as d, u as f } from "./completionAnchor-Da8VhzMQ.js";
-import { nextTick as p, onMounted as m, onScopeDispose as h, reactive as g, toValue as _, watch as v } from "vue";
-//#region ../canvas-editor/src/shared/expressionFunctions.ts
-var y = [
-	{
-		name: "date",
-		signature: "date(path[, format])",
-		summary: "日期格式化（moment 风格 token，预设 date/datetime）"
-	},
-	{
-		name: "number",
-		signature: "number(path[, n])",
-		summary: "千分位分组"
-	},
-	{
-		name: "fixed",
-		signature: "fixed(path[, n])",
-		summary: "定点补零（缺省 2 位）"
-	},
-	{
-		name: "percent",
-		signature: "percent(path[, n])",
-		summary: "百分比（乘 100）"
-	}
-], b = y.filter((e) => e.name !== "date"), x = [
-	{
-		segment: "date",
-		description: "预设 → YYYY-MM-DD"
-	},
-	{
-		segment: "datetime",
-		description: "预设 → YYYY-MM-DD HH:mm:ss"
-	},
-	{
-		segment: "YYYY年MM月DD日",
-		description: "中文模板（写即所得）"
-	}
-];
-//#endregion
-//#region ../canvas-editor/src/shared/expressionCandidates.ts
-function S(e) {
-	return e.kind === "row" ? "row" : e.kind === "root" ? "$root" : e.name;
-}
-function C(e) {
-	let t = {};
-	return e.description !== void 0 && (t.description = e.description), e.title !== void 0 && (t.title = e.title), e.type !== void 0 && (t.type = e.type), t;
-}
-function w(e, t) {
-	return {
-		path: t === "" ? e.key : `${t}.${e.key}`,
-		segment: e.key,
-		...C(e.node)
-	};
-}
-function T(e, t, n) {
-	let r = [];
-	if (e.node.format === "date" || e.node.format === "date-time") r.push({
-		path: `date(${t}, '')`,
-		segment: `date(${t}, '')`,
-		cursorBack: 2,
-		replaceLen: n,
-		filterKey: e.key,
-		description: "日期格式化",
-		type: "函数"
-	});
-	else if (e.node.type === "number") for (let i of b) r.push({
-		path: `${i.name}(${t})`,
-		segment: `${i.name}(${t})`,
-		replaceLen: n,
-		filterKey: e.key,
-		description: i.summary,
-		type: "函数"
-	});
-	return r;
-}
-function E(e, t, n, r) {
-	let i = w(e, t);
-	return r ? [i, ...T(e, i.path, n)] : [i];
-}
-function D() {
-	return y.map((e) => ({
-		path: e.signature,
-		segment: `${e.name}()`,
-		cursorBack: 1,
-		description: e.summary,
-		type: "函数"
-	}));
-}
-function O() {
-	return x.map((e) => ({
-		path: e.segment,
-		segment: e.segment,
-		description: e.description,
-		type: "格式"
-	}));
-}
-function k(e, t, n, r, i) {
-	let o = a(e), s = o.entries.flatMap((e) => E(e, "", r, i));
-	return s.push({
-		path: "$root",
-		segment: "$root"
-	}), t === "row" && (s.push(n ? {
-		path: "row",
-		segment: "row",
-		...C(n)
-	} : {
-		path: "row",
-		segment: "row"
-	}), s.push({
-		path: "$index",
-		segment: "$index"
-	})), o.open === !0 ? {
-		candidates: s,
-		open: !0
-	} : { candidates: s };
-}
-function A(e, t) {
-	let n = r(t.expr);
-	if (n === null) return {
-		ok: !0,
-		prefix: "",
-		partial: "",
-		candidates: []
-	};
-	if (n.stringSlot && n.index >= 1 && n.name === "date") return {
-		ok: !0,
-		prefix: "",
-		partial: n.text,
-		candidates: O()
-	};
-	if (n.index === 0 && !o(n.text)) {
-		let r = j(e, t, n.text, !1);
-		return r.ok ? r : {
-			ok: !0,
-			prefix: "",
-			partial: "",
-			candidates: []
-		};
-	}
-	return {
-		ok: !0,
-		prefix: "",
-		partial: "",
-		candidates: []
-	};
-}
-function j(e, t, n, r) {
-	if (e === null) return {
-		ok: !0,
-		prefix: "",
-		partial: "",
-		candidates: []
-	};
-	let i = n.endsWith("."), o = i ? n.slice(0, -1) : n;
-	if (o === "") return n === "" ? {
-		ok: !0,
-		prefix: "",
-		partial: "",
-		...k(e, t.context, t.rowSchema, n.length, !1)
-	} : {
-		ok: !1,
-		reason: "expression_syntax_error"
-	};
-	let s = f(o);
-	if (!s.ok) return {
-		ok: !1,
-		reason: "expression_syntax_error"
-	};
-	let { head: c, rest: u } = s, d, p;
-	i ? (d = [S(c), ...u], p = "") : u.length > 0 ? (d = [S(c), ...u.slice(0, -1)], p = u[u.length - 1]) : (d = [], p = S(c));
-	let m = r && p !== "";
-	if (d.length === 0) {
-		let i = k(e, t.context, t.rowSchema, n.length, m), a = r && n !== "" ? D() : [];
-		return {
-			ok: !0,
-			prefix: "",
-			partial: p,
-			candidates: [...i.candidates, ...a],
-			...i.open === !0 ? { open: !0 } : {}
-		};
-	}
-	let h, g;
-	if (c.kind === "row") {
-		if (t.context !== "row") return {
-			ok: !0,
-			prefix: d.join("."),
-			partial: p,
-			candidates: []
-		};
-		h = t.rowSchema ?? null, g = d.slice(1);
-	} else if (c.kind === "root") h = e, g = d.slice(1);
-	else if (c.name === "$index") return {
-		ok: !0,
-		prefix: d.join("."),
-		partial: p,
-		candidates: []
-	};
-	else h = e, g = d;
-	let _ = h === null ? null : l(h, g), v = d.join(".");
-	if (_ === null) return {
-		ok: !0,
-		prefix: v,
-		partial: p,
-		candidates: []
-	};
-	let y = a(_);
-	return {
-		ok: !0,
-		prefix: v,
-		partial: p,
-		candidates: y.entries.flatMap((e) => E(e, v, n.length, m)),
-		...y.open === !0 ? { open: !0 } : {}
-	};
-}
-function M(e, t) {
-	return e === null ? {
-		ok: !0,
-		prefix: "",
-		partial: "",
-		candidates: []
-	} : o(t.expr) ? A(e, t) : j(e, t, t.expr, !0);
-}
-//#endregion
-//#region src/shared/expressionContext.ts
-function N(t, n, r) {
-	let a = null;
-	for (let o = 0; o < n.length; o += 1) {
-		if (n[o] !== "template") continue;
-		let s = e(t, n.slice(0, o));
-		if (s === null || s.type !== "TableLayer" || (a = i(a ?? r, s.rowsPath), a === null)) return null;
-	}
-	return a;
-}
-function P(e) {
-	return e[e.length - 1] === "content" && t(e);
-}
-function F(e, t, n) {
-	return e === null || t === null || n === null || !P(n) ? {
-		kind: "root",
-		rowSchema: null
-	} : {
-		kind: "row",
-		rowSchema: N(t, n, e)
-	};
-}
-function I(e, t) {
-	return e === null ? null : (n) => {
-		let r = M(e, {
-			context: t.kind,
-			expr: n,
-			rowSchema: t.rowSchema
-		});
-		return r.ok ? {
-			partial: r.partial,
-			candidates: r.candidates,
-			...r.open === !0 ? { open: !0 } : {}
-		} : null;
-	};
-}
-//#endregion
-//#region src/shared/useExpressionCompletion.ts
-var L = 4, R = [
-	"ArrowLeft",
-	"ArrowRight",
-	"Home",
-	"End",
-	"PageUp",
-	"PageDown"
-];
-function z(e) {
-	let t = g({
-		open: !1,
-		items: [],
-		activeIndex: 0,
-		top: 0,
-		left: 0,
-		openMapping: !1
-	}), r = null, i = !1, a = null;
-	function o() {
-		t.open = !1, t.items = [], t.activeIndex = 0, t.openMapping = !1, a = null;
-	}
-	function l() {
-		if (!t.open || !r) return;
-		let n = d(r, _(e.scale ?? 1));
-		t.top = n.bottom + L, t.left = f(n.left);
-	}
-	function f(t) {
-		let n = (e.popupEl ? _(e.popupEl) : null)?.offsetWidth ?? 0;
-		return n <= 0 ? t : Math.max(0, Math.min(t, window.innerWidth - 4 - n));
-	}
-	function y(i, s = !1) {
-		if (!_(e.enabled)) {
-			o();
-			return;
-		}
-		let d = r;
-		if (!d) {
-			o();
-			return;
-		}
-		let f = d.value, m = d.selectionStart ?? f.length, h = n(u(f), m);
-		if (!h) {
-			o();
-			return;
-		}
-		let g = h.kind === "open" ? h.end : h.end - 2, v = e.resolve(c(f.slice(h.start + 2, Math.min(m, g))));
-		if (!v) {
-			o();
-			return;
-		}
-		let y = s ? v.candidates : v.candidates.filter((e) => (e.filterKey ?? e.segment).startsWith(v.partial));
-		if (y.length === 0 && v.open !== !0) {
-			o();
-			return;
-		}
-		a = {
-			fragment: h,
-			partial: v.partial,
-			cursor: m
-		}, (t.open || i) && (t.items = y, t.activeIndex = 0, t.openMapping = v.open === !0, t.open = !0, l(), p(l));
-	}
-	function b(e) {
-		let n = r;
-		if (!t.open || i || !n || !a) return;
-		let c = t.items[e ?? t.activeIndex];
-		if (!c) return;
-		let l = s(n.value, a.fragment, a.cursor, a.partial, c);
-		if (!l) {
-			o();
-			return;
-		}
-		n.value = l.value, n.setSelectionRange(l.cursor, l.cursor), n.dispatchEvent(new Event("input", { bubbles: !0 })), n.dispatchEvent(new Event("change", { bubbles: !0 })), o();
-	}
-	function x() {
-		return _(e.pairing ?? e.enabled);
-	}
-	function S(e) {
-		let t = e.selectionStart;
-		return t === null || t !== e.selectionEnd ? null : t;
-	}
-	let C = !1;
-	function w(e) {
-		if (C || !x()) return;
-		let t = r;
-		if (!t) return;
-		let n = e.inputType;
-		if (n !== void 0 && n !== "" && n !== "insertText") return;
-		let i = S(t);
-		if (i === null || i < 2) return;
-		let a = t.value;
-		a.startsWith("{{", i - 2) && (a.includes("}}", i) || (C = !0, t.value = `${a.slice(0, i)}}}${a.slice(i)}`, t.setSelectionRange(i, i), t.dispatchEvent(new Event("input", { bubbles: !0 })), C = !1));
-	}
-	function T(e) {
-		if (!x()) return !1;
-		let t = r;
-		if (!t) return !1;
-		let n = S(t);
-		if (n === null || n < 2) return !1;
-		let i = t.value;
-		return !i.startsWith("{{", n - 2) || !i.startsWith("}}", n) ? !1 : (e.preventDefault(), C = !0, t.value = i.slice(0, n - 2) + i.slice(n + 2), t.setSelectionRange(n - 2, n - 2), t.dispatchEvent(new Event("input", { bubbles: !0 })), C = !1, !0);
-	}
-	function E(e) {
-		if (!x()) return !1;
-		let t = r;
-		if (!t) return !1;
-		let n = S(t);
-		return n === null || t.value[n] !== "}" ? !1 : (e.preventDefault(), t.setSelectionRange(n + 1, n + 1), y(!1), !0);
-	}
-	function D(e) {
-		i || e.isComposing || (w(e), y(!0));
-	}
-	function O() {
-		i = !0;
-	}
-	function k() {
-		i = !1, y(!0);
-	}
-	function A(e) {
-		return i || e.isComposing || e.keyCode === 229;
-	}
-	function j(e) {
-		if (!A(e)) {
-			if (e.key === " " && (e.ctrlKey || e.metaKey)) {
-				e.preventDefault(), y(!0, !0);
-				return;
-			}
-			if (!(e.key === "Backspace" && T(e)) && !(e.key === "}" && E(e)) && t.open) {
-				if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-					e.preventDefault();
-					let n = t.items.length;
-					n > 0 && (t.activeIndex = (t.activeIndex + (e.key === "ArrowDown" ? 1 : n - 1)) % n);
-					return;
-				}
-				if (e.key === "Enter" || e.key === "Tab") {
-					e.preventDefault(), b();
-					return;
-				}
-				e.key === "Escape" && (e.preventDefault(), o());
-			}
-		}
-	}
-	function M(e) {
-		t.open && !A(e) && R.includes(e.key) && y(!1);
-	}
-	function N() {
-		i || y(!1);
-	}
-	function P() {
-		o();
-	}
-	function F(e) {
-		t.open && e.target !== r && o();
-	}
-	function I() {
-		l();
-	}
-	let z = [
-		["input", D],
-		["keydown", j],
-		["keyup", M],
-		["click", N],
-		["blur", P],
-		["compositionstart", O],
-		["compositionend", k]
-	];
-	function B(e) {
-		for (let [t, n] of z) e.addEventListener(t, n);
-	}
-	function V(e) {
-		for (let [t, n] of z) e.removeEventListener(t, n);
-	}
-	function H(e) {
-		r !== e && (r && V(r), r = e, e && B(e));
-	}
-	return m(() => H(e.target.value)), v(e.target, (e) => H(e)), v(() => _(e.enabled), (e) => {
-		e || o();
-	}), document.addEventListener("mousedown", F), window.addEventListener("scroll", I, !0), window.addEventListener("resize", I), h(() => {
-		r && V(r), document.removeEventListener("mousedown", F), window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
-	}), {
-		popup: t,
-		accept: b
-	};
-}
-//#endregion
-//#region src/shared/uploadFile.ts
-async function B(e) {
-	return {
-		name: e.name,
-		mime: e.type,
-		bytes: new Uint8Array(await e.arrayBuffer())
-	};
-}
-//#endregion
-export { F as i, z as n, I as r, B as t };