@hankchen/canvas-editor-vue 0.2.0 → 0.4.0

package/dist/uploadFile-D1RY-ji0.js

@@ -0,0 +1,516 @@
+import { a as e, r as t } from "./layerPath-uy2ywyld.js";
+import { a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, p as d, r as f, u as p } from "./popupPosition-Ck5Gsvjy.js";
+import { computed as m, inject as h, nextTick as g, onMounted as _, onScopeDispose as v, reactive as y, shallowRef as b, toValue as x, watch as S } from "vue";
+//#region ../canvas-editor/src/shared/expressionDiagnostics.ts
+function C(e) {
+	let t = [];
+	for (let n of p(e).parts) n.kind === "fragment" && n.diagnostic !== null && t.push(n.diagnostic);
+	return t;
+}
+//#endregion
+//#region ../canvas-editor/src/shared/expressionFunctions.ts
+var w = [
+	{
+		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）"
+	}
+], T = w.filter((e) => e.name !== "date"), E = [
+	{
+		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 D(e) {
+	return e.kind === "row" ? "row" : e.kind === "root" ? "$root" : e.name;
+}
+function O(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 k(e, t) {
+	return {
+		path: t === "" ? e.key : `${t}.${e.key}`,
+		segment: e.key,
+		kind: "path",
+		...O(e.node)
+	};
+}
+function A(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,
+		kind: "function",
+		description: "日期格式化",
+		type: "函数"
+	});
+	else if (e.node.type === "number") for (let i of T) r.push({
+		path: `${i.name}(${t})`,
+		segment: `${i.name}(${t})`,
+		replaceLen: n,
+		filterKey: e.key,
+		kind: "function",
+		description: i.summary,
+		type: "函数"
+	});
+	return r;
+}
+function j(e, t, n, r) {
+	let i = k(e, t);
+	return r ? [i, ...A(e, i.path, n)] : [i];
+}
+function M() {
+	return w.map((e) => ({
+		path: e.signature,
+		segment: `${e.name}()`,
+		cursorBack: 1,
+		kind: "function",
+		description: e.summary,
+		type: "函数"
+	}));
+}
+function N() {
+	return E.map((e) => ({
+		path: e.segment,
+		segment: e.segment,
+		description: e.description,
+		type: "格式"
+	}));
+}
+function P(e, t, n, r, i) {
+	let a = s(e).entries.flatMap((e) => j(e, "", r, i));
+	return a.push({
+		path: "$root",
+		segment: "$root",
+		kind: "path"
+	}), t === "row" && (a.push(n ? {
+		path: "row",
+		segment: "row",
+		kind: "path",
+		...O(n)
+	} : {
+		path: "row",
+		segment: "row",
+		kind: "path"
+	}), a.push({
+		path: "$index",
+		segment: "$index",
+		kind: "path"
+	})), a;
+}
+function F(e, t) {
+	let n = i(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: N()
+	};
+	if (n.index === 0 && !a(n.text)) {
+		let r = I(e, t, n.text, !1);
+		return r.ok ? r : {
+			ok: !0,
+			prefix: "",
+			partial: "",
+			candidates: []
+		};
+	}
+	return {
+		ok: !0,
+		prefix: "",
+		partial: "",
+		candidates: []
+	};
+}
+function I(e, t, n, r) {
+	if (e === null) return {
+		ok: !0,
+		prefix: "",
+		partial: "",
+		candidates: []
+	};
+	let i = n.endsWith("."), a = i ? n.slice(0, -1) : n;
+	if (a === "") return n === "" ? {
+		ok: !0,
+		prefix: "",
+		partial: "",
+		candidates: P(e, t.context, t.rowSchema, n.length, !1)
+	} : {
+		ok: !1,
+		reason: "expression_syntax_error"
+	};
+	let c = d(a);
+	if (!c.ok) return {
+		ok: !1,
+		reason: "expression_syntax_error"
+	};
+	let { head: l, rest: u } = c, f, p;
+	i ? (f = [D(l), ...u], p = "") : u.length > 0 ? (f = [D(l), ...u.slice(0, -1)], p = u[u.length - 1]) : (f = [], p = D(l));
+	let m = r && p !== "";
+	if (f.length === 0) {
+		let i = P(e, t.context, t.rowSchema, n.length, m), a = r && n !== "" ? M() : [];
+		return {
+			ok: !0,
+			prefix: "",
+			partial: p,
+			candidates: [...i, ...a]
+		};
+	}
+	let h, g;
+	if (l.kind === "row") {
+		if (t.context !== "row") return {
+			ok: !0,
+			prefix: f.join("."),
+			partial: p,
+			candidates: []
+		};
+		h = t.rowSchema ?? null, g = f.slice(1);
+	} else if (l.kind === "root") h = e, g = f.slice(1);
+	else if (l.name === "$index") return {
+		ok: !0,
+		prefix: f.join("."),
+		partial: p,
+		candidates: []
+	};
+	else h = e, g = f;
+	let _ = h === null ? null : o(h, g), v = f.join(".");
+	if (_ === null) return {
+		ok: !0,
+		prefix: v,
+		partial: p,
+		candidates: []
+	};
+	let y = s(_);
+	return {
+		ok: !0,
+		prefix: v,
+		partial: p,
+		candidates: y.entries.flatMap((e) => j(e, v, n.length, m))
+	};
+}
+function L(e, t) {
+	return e === null ? {
+		ok: !0,
+		prefix: "",
+		partial: "",
+		candidates: []
+	} : a(t.expr) ? F(e, t) : I(e, t, t.expr, !0);
+}
+//#endregion
+//#region src/shared/expressionContext.ts
+function R(t, n, r) {
+	let i = null;
+	for (let a = 0; a < n.length; a += 1) {
+		if (n[a] !== "template") continue;
+		let o = e(t, n.slice(0, a));
+		if (o === null || o.type !== "TableLayer" || (i = u(i ?? r, o.rowsPath), i === null)) return null;
+	}
+	return i;
+}
+function z(e) {
+	return e[e.length - 1] === "content" && t(e);
+}
+function B(e, t, n) {
+	return e === null || t === null || n === null || !z(n) ? {
+		kind: "root",
+		rowSchema: null
+	} : {
+		kind: "row",
+		rowSchema: R(t, n, e)
+	};
+}
+function V(e, t) {
+	return e === null ? null : (n) => {
+		let r = L(e, {
+			context: t.kind,
+			expr: n,
+			rowSchema: t.rowSchema
+		});
+		return r.ok ? {
+			partial: r.partial,
+			candidates: r.candidates
+		} : null;
+	};
+}
+//#endregion
+//#region src/shared/useExpressionCompletion.ts
+var H = [
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End",
+	"PageUp",
+	"PageDown"
+];
+function U(e) {
+	let t = y({
+		open: !1,
+		items: [],
+		activeIndex: 0,
+		top: 0,
+		left: 0
+	}), i = null, a = !1, o = null;
+	function s() {
+		t.open = !1, t.items = [], t.activeIndex = 0, o = null;
+	}
+	function u() {
+		if (!t.open || !i) return;
+		let n = c(i, x(e.scale ?? 1)), r = e.popupEl ? x(e.popupEl) : null, a = f({
+			anchor: n,
+			popupWidth: r?.offsetWidth ?? 0,
+			popupHeight: r?.offsetHeight ?? 0,
+			viewportWidth: window.innerWidth,
+			viewportHeight: window.innerHeight
+		});
+		t.top = a.top, t.left = a.left;
+	}
+	function d(n, a = !1) {
+		if (!x(e.enabled)) {
+			s();
+			return;
+		}
+		let c = i;
+		if (!c) {
+			s();
+			return;
+		}
+		let d = c.value, f = c.selectionStart ?? d.length, m = r(p(d), f);
+		if (!m) {
+			s();
+			return;
+		}
+		let h = m.kind === "open" ? m.end : m.end - 2, _ = e.resolve(l(d.slice(m.start + 2, Math.min(f, h))));
+		if (!_) {
+			s();
+			return;
+		}
+		let v = a ? _.candidates : _.candidates.filter((e) => (e.filterKey ?? e.segment).startsWith(_.partial));
+		if (v.length === 0) {
+			s();
+			return;
+		}
+		o = {
+			fragment: m,
+			partial: _.partial,
+			cursor: f
+		}, (t.open || n) && (t.items = v, t.activeIndex = 0, t.open = !0, u(), g(u));
+	}
+	function m(e) {
+		let r = i;
+		if (!t.open || a || !r || !o) return;
+		let c = t.items[e ?? t.activeIndex];
+		if (!c) return;
+		let l = n(r.value, o.fragment, o.cursor, o.partial, c);
+		if (!l) {
+			s();
+			return;
+		}
+		r.value = l.value, r.setSelectionRange(l.cursor, l.cursor), r.dispatchEvent(new Event("input", { bubbles: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0 })), s();
+	}
+	function h() {
+		return x(e.pairing ?? e.enabled);
+	}
+	function b(e) {
+		let t = e.selectionStart;
+		return t === null || t !== e.selectionEnd ? null : t;
+	}
+	let C = !1;
+	function w(e) {
+		if (C || !h()) return;
+		let t = i;
+		if (!t) return;
+		let n = e.inputType;
+		if (n !== void 0 && n !== "" && n !== "insertText") return;
+		let r = b(t);
+		if (r === null || r < 2) return;
+		let a = t.value;
+		a.startsWith("{{", r - 2) && (a.includes("}}", r) || (C = !0, t.value = `${a.slice(0, r)}}}${a.slice(r)}`, t.setSelectionRange(r, r), t.dispatchEvent(new Event("input", { bubbles: !0 })), C = !1));
+	}
+	function T(e) {
+		if (!h()) return !1;
+		let t = i;
+		if (!t) return !1;
+		let n = b(t);
+		if (n === null || n < 2) return !1;
+		let r = t.value;
+		return !r.startsWith("{{", n - 2) || !r.startsWith("}}", n) ? !1 : (e.preventDefault(), C = !0, t.value = r.slice(0, n - 2) + r.slice(n + 2), t.setSelectionRange(n - 2, n - 2), t.dispatchEvent(new Event("input", { bubbles: !0 })), C = !1, !0);
+	}
+	function E(e) {
+		if (!h()) return !1;
+		let t = i;
+		if (!t) return !1;
+		let n = b(t);
+		return n === null || t.value[n] !== "}" ? !1 : (e.preventDefault(), t.setSelectionRange(n + 1, n + 1), d(!1), !0);
+	}
+	function D(e) {
+		a || e.isComposing || (w(e), d(!0));
+	}
+	function O() {
+		a = !0;
+	}
+	function k() {
+		a = !1, d(!0);
+	}
+	function A(e) {
+		return a || e.isComposing || e.keyCode === 229;
+	}
+	function j(e) {
+		if (!A(e)) {
+			if (e.key === " " && (e.ctrlKey || e.metaKey)) {
+				e.preventDefault(), d(!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(), m();
+					return;
+				}
+				e.key === "Escape" && (e.preventDefault(), s());
+			}
+		}
+	}
+	function M(e) {
+		t.open && !A(e) && H.includes(e.key) && d(!1);
+	}
+	function N() {
+		a || d(!1);
+	}
+	function P() {
+		s();
+	}
+	function F(e) {
+		t.open && e.target !== i && s();
+	}
+	function I() {
+		u();
+	}
+	let L = [
+		["input", D],
+		["keydown", j],
+		["keyup", M],
+		["click", N],
+		["blur", P],
+		["compositionstart", O],
+		["compositionend", k]
+	];
+	function R(e) {
+		for (let [t, n] of L) e.addEventListener(t, n);
+	}
+	function z(e) {
+		for (let [t, n] of L) e.removeEventListener(t, n);
+	}
+	function B(e) {
+		i !== e && (i && z(i), i = e, e && R(e));
+	}
+	return _(() => B(e.target.value)), S(e.target, (e) => B(e)), S(() => x(e.enabled), (e) => {
+		e || s();
+	}), document.addEventListener("mousedown", F), window.addEventListener("scroll", I, !0), window.addEventListener("resize", I), v(() => {
+		i && z(i), document.removeEventListener("mousedown", F), window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
+	}), {
+		popup: t,
+		accept: m
+	};
+}
+//#endregion
+//#region src/shared/useExpressionDiagnostics.ts
+var W = {
+	empty_fragment: "空的表达式片段",
+	invalid_path: "非法路径",
+	missing_open_paren: "缺少左括号 (",
+	unbalanced_paren: "括号不平衡（缺少右括号）",
+	unterminated_string: "字符串字面量未闭合",
+	empty_arg_slot: "存在空的参数位",
+	bad_arg_syntax: "调用实参语法错误",
+	trailing_after_call: "调用后有多余内容",
+	first_arg_not_path: "首参必须为路径",
+	invalid_path_arg: "路径实参不合法",
+	resource_not_single_ref: "资源内容必须是单个字段路径，不支持拼接文字",
+	resource_function_call: "资源内容不支持函数调用"
+};
+function G(e) {
+	let t = e[0];
+	if (t === void 0) return "";
+	let n = W[t.kind], r = e.length;
+	return r > 1 ? `${r} 处表达式语法错误：${n}` : `表达式语法错误：${n}`;
+}
+function K(e) {
+	let t = b(""), n = null;
+	function r() {
+		n !== null && (t.value = n.value);
+	}
+	function i(e) {
+		e.isComposing || r();
+	}
+	function a(e) {
+		n !== e && (n !== null && (n.removeEventListener("input", i), n.removeEventListener("compositionend", r)), n = e, e !== null && (e.addEventListener("input", i), e.addEventListener("compositionend", r)), r());
+	}
+	return _(() => a(e.target.value)), S(e.target, (e) => a(e)), S(() => x(e.enabled), (e) => {
+		e || (t.value = "");
+	}), v(() => a(null), !0), {
+		diagnostics: m(() => x(e.enabled) ? C(t.value) : []),
+		refresh: r
+	};
+}
+//#endregion
+//#region src/shared/fontPicker.ts
+var q = Symbol("canvas-font-picker");
+function J() {
+	return h(q, null);
+}
+//#endregion
+//#region src/shared/mergeKey.ts
+function Y(e, t) {
+	return `sel:${e.join(".")}:${t.join(".")}`;
+}
+//#endregion
+//#region src/shared/uploadFile.ts
+async function X(e) {
+	return {
+		name: e.name,
+		mime: e.type,
+		bytes: new Uint8Array(await e.arrayBuffer())
+	};
+}
+//#endregion
+export { G as a, V as c, J as i, B as l, Y as n, K as o, q as r, U as s, X as t, C as u };