@hankchen/canvas-editor-vue 0.2.0 → 0.3.0

package/dist/completionAnchor-CDR5YZhu.js

@@ -1,273 +0,0 @@
-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;
-	for (; t !== void 0;) {
-		if (t.properties !== void 0) return t.properties;
-		t = t.items;
-	}
-	return null;
-}
-function y(e, t) {
-	let n = e;
-	for (let e of t) {
-		let t = v(n)?.get(e);
-		if (t === void 0) return null;
-		n = t;
-	}
-	return n;
-}
-function b(e) {
-	if (e.type === "array" || e.items !== void 0) return { entries: [] };
-	let t = e.properties === void 0 ? [] : [...e.properties].map(([e, t]) => ({
-		key: e,
-		node: t
-	}));
-	return e.open === !0 ? {
-		entries: t,
-		open: !0
-	} : { entries: t };
-}
-function x(e, t) {
-	let n = t.split(".");
-	return t === "" || n.includes("") ? null : y(e, n)?.items ?? null;
-}
-//#endregion
-//#region ../canvas-editor/src/shared/expressionPath.ts
-function S(e) {
-	if (e === "") return {
-		ok: !1,
-		error: "expression_syntax_error"
-	};
-	let t = e.split(".");
-	if (t.includes("")) return {
-		ok: !1,
-		error: "expression_syntax_error"
-	};
-	let n = t[0], r = t.slice(1);
-	return n === "row" ? {
-		ok: !0,
-		head: { kind: "row" },
-		rest: r
-	} : n === "$root" ? {
-		ok: !0,
-		head: { kind: "root" },
-		rest: r
-	} : {
-		ok: !0,
-		head: {
-			kind: "bare",
-			name: n
-		},
-		rest: r
-	};
-}
-function C(e) {
-	let t = 0, n = e.length;
-	for (; t < n && " 	\n\r\0\v".includes(e[t]);) t += 1;
-	for (; n > t && " 	\n\r\0\v".includes(e[n - 1]);) --n;
-	return e.slice(t, n);
-}
-function w(e) {
-	let t = [], n = 0, r = e.indexOf("{{");
-	for (; r !== -1;) {
-		let i = e.indexOf("}}", r + 2);
-		if (i === -1) {
-			r > n && t.push({
-				kind: "literal",
-				start: n,
-				end: r,
-				text: e.slice(n, r)
-			});
-			let i = e.slice(r);
-			return t.push({
-				kind: "open",
-				start: r,
-				end: e.length,
-				text: i,
-				expr: C(i.slice(2))
-			}), {
-				template: e,
-				parts: t
-			};
-		}
-		r > n && t.push({
-			kind: "literal",
-			start: n,
-			end: r,
-			text: e.slice(n, r)
-		});
-		let a = e.slice(r + 2, i), o = C(a), s = S(o).ok ? null : "expression_syntax_error";
-		t.push({
-			kind: "fragment",
-			start: r,
-			end: i + 2,
-			raw: a,
-			expr: o,
-			error: s
-		}), n = i + 2, r = e.indexOf("{{", n);
-	}
-	return n < e.length && t.push({
-		kind: "literal",
-		start: n,
-		end: e.length,
-		text: e.slice(n)
-	}), {
-		template: e,
-		parts: t
-	};
-}
-function T(e, t) {
-	for (let n of e.parts) if (n.kind !== "literal" && (n.kind === "open" ? t > n.start && t <= n.end : t > n.start && t < n.end)) return n;
-	return null;
-}
-//#endregion
-//#region src/shared/PanelIcon.vue
-var E = /* @__PURE__ */ o({
-	inheritAttrs: !1,
-	__name: "PanelIcon",
-	props: {
-		icon: {},
-		size: { default: 14 },
-		strokeWidth: { default: 2 }
-	},
-	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",
-	"aria-label": "表达式路径候选"
-}, O = [
-	"aria-selected",
-	"title",
-	"onClick"
-], k = { class: "cn-completion__segment font-mono text-cn-fg" }, A = {
-	key: 0,
-	class: "shrink-0 rounded-sm bg-cn-field px-1 py-0.5 text-[9px] leading-none text-cn-muted"
-}, j = {
-	key: 1,
-	class: "truncate text-[10px] leading-none text-cn-muted"
-}, M = {
-	key: 0,
-	class: "cn-completion__hint px-2 py-1.5 text-[10px] leading-none text-cn-muted"
-}, N = /* @__PURE__ */ o({
-	__name: "ExpressionCompletionPopup",
-	props: { state: {} },
-	emits: ["select"],
-	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: u({
-				top: `${o.state.top}px`,
-				left: `${o.state.left}px`
-			}),
-			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: 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)
-		}, [
-			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
-//#region src/shared/completion.ts
-function P(e, t, n, r) {
-	let i = t.start + 2, a = t.kind === "open" ? t.end : t.end - 2, o = 0;
-	for (; a - o > i && " 	\n\r\0\v".includes(e[a - 1 - o]);) o += 1;
-	let s = a - o, c = s - n.length;
-	return c < i || e.slice(c, s) !== n ? null : {
-		value: e.slice(0, c) + r + e.slice(s),
-		cursor: c + r.length
-	};
-}
-//#endregion
-//#region src/shared/completionAnchor.ts
-function F(e, t) {
-	return parseFloat(e.getPropertyValue(t)) || 0;
-}
-function I(e, t, n) {
-	for (let r of n) {
-		let n = e.getPropertyValue(r);
-		n && t.setProperty(r, n);
-	}
-}
-var L = [
-	"font-family",
-	"font-size",
-	"font-weight",
-	"font-style",
-	"font-stretch",
-	"letter-spacing",
-	"word-spacing",
-	"line-height",
-	"text-transform",
-	"text-indent",
-	"tab-size"
-];
-function R(e) {
-	return F(e, "line-height") || F(e, "font-size") * 1.4;
-}
-function z(e) {
-	let t = document.createElement("div"), n = t.style;
-	return n.position = "fixed", n.top = "0", n.left = "0", n.visibility = "hidden", e(t, n), document.body.appendChild(t), t;
-}
-function B(e, t) {
-	let n = e.selectionStart ?? e.value.length, r = e.getBoundingClientRect(), i = getComputedStyle(e), a = F(i, "padding-left"), o = F(i, "padding-top"), s = null, c = z((t, r) => {
-		r.whiteSpace = i.whiteSpace || "pre-wrap", r.boxSizing = "content-box", r.width = `${Math.max(0, e.clientWidth - a - F(i, "padding-right"))}px`, I(i, r, [
-			"padding-left",
-			"padding-right",
-			"padding-top",
-			"padding-bottom",
-			"word-break",
-			"overflow-wrap"
-		]), I(i, r, L), s = document.createElement("span"), s.textContent = "​", t.append(document.createTextNode(e.value.slice(0, n)), s);
-	});
-	try {
-		let n = r.left + F(i, "border-left-width") + a + s.offsetLeft * t - e.scrollLeft, c = r.top + F(i, "border-top-width") + o + s.offsetTop * t - e.scrollTop;
-		return {
-			left: n,
-			top: c,
-			bottom: c + R(i) * t
-		};
-	} finally {
-		c.remove();
-	}
-}
-function V(e, t) {
-	let n = e.selectionStart ?? e.value.length, r = e.getBoundingClientRect(), i = getComputedStyle(e), a = z((t, r) => {
-		r.display = "inline-block", r.whiteSpace = "pre", I(i, r, L), t.textContent = e.value.slice(0, n);
-	});
-	try {
-		let n = a.getBoundingClientRect().width || a.offsetWidth;
-		return {
-			left: r.left + F(i, "border-left-width") + F(i, "padding-left") + n * t - e.scrollLeft,
-			top: r.top + F(i, "border-top-width"),
-			bottom: r.bottom - F(i, "border-bottom-width")
-		};
-	} finally {
-		a.remove();
-	}
-}
-function H(e, t = 1) {
-	return e instanceof HTMLTextAreaElement ? B(e, t) : V(e, t);
-}
-//#endregion
-export { T as a, x as c, E as i, b as l, P as n, w as o, N as r, S as s, H as t, y as u };

package/dist/uploadFile-BOfv8aLG.js

@@ -1,331 +0,0 @@
-import { a as e, r as t } from "./layerPath-uy2ywyld.js";
-import { a as n, c as r, l as i, n as a, o, s, t as c, u as l } from "./completionAnchor-CDR5YZhu.js";
-import { nextTick as u, onMounted as d, onScopeDispose as f, reactive as p, toValue as m, watch as h } from "vue";
-//#region ../canvas-editor/src/shared/expressionCandidates.ts
-function g(e) {
-	return e.kind === "row" ? "row" : e.kind === "root" ? "$root" : e.name;
-}
-function _(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 v(e, t) {
-	return {
-		path: t === "" ? e.key : `${t}.${e.key}`,
-		segment: e.key,
-		..._(e.node)
-	};
-}
-function y(e, t, n) {
-	let r = i(e), a = r.entries.map((e) => v(e, ""));
-	return a.push({
-		path: "$root",
-		segment: "$root"
-	}), t === "row" && (a.push(n ? {
-		path: "row",
-		segment: "row",
-		..._(n)
-	} : {
-		path: "row",
-		segment: "row"
-	}), a.push({
-		path: "$index",
-		segment: "$index"
-	})), r.open === !0 ? {
-		candidates: a,
-		open: !0
-	} : { candidates: a };
-}
-function b(e, t) {
-	if (e === null) return {
-		ok: !0,
-		prefix: "",
-		partial: "",
-		candidates: []
-	};
-	let n = t.expr.endsWith("."), r = n ? t.expr.slice(0, -1) : t.expr;
-	if (r === "") return t.expr === "" ? {
-		ok: !0,
-		prefix: "",
-		partial: "",
-		...y(e, t.context, t.rowSchema)
-	} : {
-		ok: !1,
-		reason: "expression_syntax_error"
-	};
-	let a = s(r);
-	if (!a.ok) return {
-		ok: !1,
-		reason: "expression_syntax_error"
-	};
-	let { head: o, rest: c } = a, u, d;
-	if (n ? (u = [g(o), ...c], d = "") : c.length > 0 ? (u = [g(o), ...c.slice(0, -1)], d = c[c.length - 1]) : (u = [], d = g(o)), u.length === 0) return {
-		ok: !0,
-		prefix: "",
-		partial: d,
-		...y(e, t.context, t.rowSchema)
-	};
-	let f, p;
-	if (o.kind === "row") {
-		if (t.context !== "row") return {
-			ok: !0,
-			prefix: u.join("."),
-			partial: d,
-			candidates: []
-		};
-		f = t.rowSchema ?? null, p = u.slice(1);
-	} else if (o.kind === "root") f = e, p = u.slice(1);
-	else if (o.name === "$index") return {
-		ok: !0,
-		prefix: u.join("."),
-		partial: d,
-		candidates: []
-	};
-	else f = e, p = u;
-	let m = f === null ? null : l(f, p), h = u.join(".");
-	if (m === null) return {
-		ok: !0,
-		prefix: h,
-		partial: d,
-		candidates: []
-	};
-	let _ = i(m);
-	return {
-		ok: !0,
-		prefix: h,
-		partial: d,
-		candidates: _.entries.map((e) => v(e, h)),
-		..._.open === !0 ? { open: !0 } : {}
-	};
-}
-//#endregion
-//#region src/shared/expressionContext.ts
-function x(t, n, i) {
-	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 = r(a ?? i, s.rowsPath), a === null)) return null;
-	}
-	return a;
-}
-function S(e) {
-	return e[e.length - 1] === "content" && t(e);
-}
-function C(e, t, n) {
-	return e === null || t === null || n === null || !S(n) ? {
-		kind: "root",
-		rowSchema: null
-	} : {
-		kind: "row",
-		rowSchema: x(t, n, e)
-	};
-}
-function w(e, t) {
-	return e === null ? null : (n) => {
-		let r = b(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 T = 4, E = [
-	"ArrowLeft",
-	"ArrowRight",
-	"Home",
-	"End",
-	"PageUp",
-	"PageDown"
-];
-function D(e) {
-	let t = p({
-		open: !1,
-		items: [],
-		activeIndex: 0,
-		top: 0,
-		left: 0,
-		openMapping: !1
-	}), r = null, i = !1, s = null;
-	function l() {
-		t.open = !1, t.items = [], t.activeIndex = 0, t.openMapping = !1, s = null;
-	}
-	function g() {
-		if (!t.open || !r) return;
-		let n = c(r, m(e.scale ?? 1));
-		t.top = n.bottom + T, t.left = _(n.left);
-	}
-	function _(t) {
-		let n = (e.popupEl ? m(e.popupEl) : null)?.offsetWidth ?? 0;
-		return n <= 0 ? t : Math.max(0, Math.min(t, window.innerWidth - 4 - n));
-	}
-	function v(i, a = !1) {
-		if (!m(e.enabled)) {
-			l();
-			return;
-		}
-		let c = r;
-		if (!c) {
-			l();
-			return;
-		}
-		let d = c.value, f = c.selectionStart ?? d.length, p = n(o(d), f);
-		if (!p) {
-			l();
-			return;
-		}
-		let h = e.resolve(p.expr);
-		if (!h) {
-			l();
-			return;
-		}
-		let _ = a ? h.candidates : h.candidates.filter((e) => e.segment.startsWith(h.partial));
-		if (_.length === 0 && h.open !== !0) {
-			l();
-			return;
-		}
-		s = {
-			fragment: p,
-			partial: h.partial
-		}, (t.open || i) && (t.items = _, t.activeIndex = 0, t.openMapping = h.open === !0, t.open = !0, g(), u(g));
-	}
-	function y(e) {
-		let n = r;
-		if (!t.open || i || !n || !s) return;
-		let o = t.items[e ?? t.activeIndex];
-		if (!o) return;
-		let c = a(n.value, s.fragment, s.partial, o.segment);
-		if (!c) {
-			l();
-			return;
-		}
-		n.value = c.value, n.setSelectionRange(c.cursor, c.cursor), n.dispatchEvent(new Event("input", { bubbles: !0 })), n.dispatchEvent(new Event("change", { bubbles: !0 })), l();
-	}
-	function b() {
-		return m(e.pairing ?? e.enabled);
-	}
-	function x(e) {
-		let t = e.selectionStart;
-		return t === null || t !== e.selectionEnd ? null : t;
-	}
-	let S = !1;
-	function C(e) {
-		if (S || !b()) return;
-		let t = r;
-		if (!t) return;
-		let n = e.inputType;
-		if (n !== void 0 && n !== "" && n !== "insertText") return;
-		let i = x(t);
-		if (i === null || i < 2) return;
-		let a = t.value;
-		a.startsWith("{{", i - 2) && (a.includes("}}", i) || (S = !0, t.value = `${a.slice(0, i)}}}${a.slice(i)}`, t.setSelectionRange(i, i), t.dispatchEvent(new Event("input", { bubbles: !0 })), S = !1));
-	}
-	function w(e) {
-		if (!b()) return !1;
-		let t = r;
-		if (!t) return !1;
-		let n = x(t);
-		if (n === null || n < 2) return !1;
-		let i = t.value;
-		return !i.startsWith("{{", n - 2) || !i.startsWith("}}", n) ? !1 : (e.preventDefault(), S = !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 })), S = !1, !0);
-	}
-	function D(e) {
-		if (!b()) return !1;
-		let t = r;
-		if (!t) return !1;
-		let n = x(t);
-		return n === null || t.value[n] !== "}" ? !1 : (e.preventDefault(), t.setSelectionRange(n + 1, n + 1), v(!1), !0);
-	}
-	function O(e) {
-		i || e.isComposing || (C(e), v(!0));
-	}
-	function k() {
-		i = !0;
-	}
-	function A() {
-		i = !1, v(!0);
-	}
-	function j(e) {
-		return i || e.isComposing || e.keyCode === 229;
-	}
-	function M(e) {
-		if (!j(e)) {
-			if (e.key === " " && (e.ctrlKey || e.metaKey)) {
-				e.preventDefault(), v(!0, !0);
-				return;
-			}
-			if (!(e.key === "Backspace" && w(e)) && !(e.key === "}" && D(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(), y();
-					return;
-				}
-				e.key === "Escape" && (e.preventDefault(), l());
-			}
-		}
-	}
-	function N(e) {
-		t.open && !j(e) && E.includes(e.key) && v(!1);
-	}
-	function P() {
-		i || v(!1);
-	}
-	function F() {
-		l();
-	}
-	function I(e) {
-		t.open && e.target !== r && l();
-	}
-	function L() {
-		g();
-	}
-	let R = [
-		["input", O],
-		["keydown", M],
-		["keyup", N],
-		["click", P],
-		["blur", F],
-		["compositionstart", k],
-		["compositionend", A]
-	];
-	function z(e) {
-		for (let [t, n] of R) e.addEventListener(t, n);
-	}
-	function B(e) {
-		for (let [t, n] of R) e.removeEventListener(t, n);
-	}
-	function V(e) {
-		r !== e && (r && B(r), r = e, e && z(e));
-	}
-	return d(() => V(e.target.value)), h(e.target, (e) => V(e)), h(() => m(e.enabled), (e) => {
-		e || l();
-	}), document.addEventListener("mousedown", I), window.addEventListener("scroll", L, !0), window.addEventListener("resize", L), f(() => {
-		r && B(r), document.removeEventListener("mousedown", I), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L);
-	}), {
-		popup: t,
-		accept: y
-	};
-}
-//#endregion
-//#region src/shared/uploadFile.ts
-async function O(e) {
-	return {
-		name: e.name,
-		mime: e.type,
-		bytes: new Uint8Array(await e.arrayBuffer())
-	};
-}
-//#endregion
-export { C as i, D as n, w as r, O as t };