@hankchen/canvas-editor-vue 0.1.1 → 0.1.3

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-DP-pVLyA.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/{createLucideIcon-CMq8ZKo2.js → createLucideIcon-SCvtEGVf.js}

@@ -1,4 +1,4 @@
-import { S as e, x as t } from "./layerPath-BRZK9ka1.js";
+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",
@@ -55,12 +55,12 @@ var o = (e) => {
 	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 e(l, {});
+	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: e, iconNode: n, "icon-node": r, icon: i = {
-	name: e && c(e),
+var d = ({ name: t, iconNode: n, "icon-node": r, icon: i = {
+	name: t && c(t),
 	node: n ?? r ?? [],
 	size: 24,
 	aliases: []
@@ -78,17 +78,17 @@ var d = ({ name: e, iconNode: n, "icon-node": r, icon: i = {
 		hasA11yProp: A != null && A.length > 0 || o(b),
 		attributes: b
 	});
-	return t("svg", j, [...M.map(([e, n]) => t(e, n)), ...A ?? []]);
+	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(e, n = []) {
-	let r = typeof e == "string" ? {
-		name: e,
+function f(t, n = []) {
+	let r = typeof t == "string" ? {
+		name: t,
 		node: n
-	} : e;
-	return (e, { slots: n }) => t(d, {
-		...e,
+	} : t;
+	return (t, { slots: n }) => e(d, {
+		...t,
 		icon: r
 	}, n.default ? { default: n.default } : void 0);
 }

package/dist/{dist-DuXLYZZ9.js → dist-DGtNmLwo.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-CMq8ZKo2.js";
+import { t as e } from "./createLucideIcon-SCvtEGVf.js";
 var t = e({
 	name: "align-center-horizontal",
 	size: 24,

package/dist/index.js

@@ -1,15 +1,15 @@
-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-DP-pVLyA.js";
+import { a as _, i as v, n as y, r as b, t as x } from "./layer-panel-CXIkRodC.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-CigAECN_.js";
+import { i as I, n as L, r as R, t as z } from "./completionAnchor-CDR5YZhu.js";
+import { n as B, o as V, r as H, s as U, t as W } from "./useTransientFeedback-Cnp6aNB7.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 { 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