@hankchen/canvas-editor-vue 0.5.0 → 0.6.1

package/dist/{canvas-CX1RdlFC.js → canvas-CptBzpwT.js}

@@ -3,7 +3,7 @@ import { c as t, d as n, f as r, l as i, n as a, o, p as s, r as c, s as l, u }
 import { i as d, n as f, o as p } from "./layerPath-uy2ywyld.js";
 import { o as m, s as h } from "./popupPosition-Ck5Gsvjy.js";
 import { c as g, n as _, r as v, s as y, t as b, u as x } from "./useTransientFeedback-CTjmMmFF.js";
-import { a as S, c as C, i as w, l as T, n as E, o as D, s as O, t as k } from "./uploadFile-D1RY-ji0.js";
+import { c as S, d as C, i as w, l as T, n as E, o as D, t as O, u as k } from "./uploadFile-DbB-KhII.js";
 import { n as A, t as j } from "./useViewport-D9Ipevzs.js";
 import { Fragment as M, computed as N, createBlock as P, createCommentVNode as F, createElementBlock as I, createElementVNode as L, createVNode as R, defineComponent as z, mergeProps as B, nextTick as V, normalizeClass as H, normalizeStyle as U, onBeforeUnmount as W, onMounted as ee, onScopeDispose as G, openBlock as K, ref as q, renderList as J, shallowRef as Y, toDisplayString as X, unref as Z, vModelText as te, vShow as ne, watch as Q, withDirectives as re, withKeys as ie, withModifiers as $ } from "vue";
 var ae = e({
@@ -1247,16 +1247,16 @@ var ht = ["wrap"], gt = /*#__PURE__*/ x(/* @__PURE__ */ z({
 			getTextarea: () => i.value,
 			getHost: () => r.value?.parentElement ?? null,
 			getToolbar: () => a.value?.rootEl ?? null
-		}), { editing: c, style: l, composing: u, toolbarStyle: d, toolbarTagStyle: f } = s, p = s.layout, h = N(() => p.value?.expressionMode === !0), { diagnostics: g, refresh: _ } = D({
+		}), { editing: c, style: l, composing: u, toolbarStyle: d, toolbarTagStyle: f } = s, p = s.layout, h = N(() => p.value?.expressionMode === !0), { diagnostics: g, refresh: _ } = S({
 			target: i,
 			enabled: h
-		}), v = N(() => h.value ? S(g.value) : ""), { popup: y, accept: b } = O({
+		}), v = N(() => h.value ? D(g.value) : ""), { popup: y, accept: b } = T({
 			target: i,
 			enabled: h,
 			resolve: (e) => {
 				let t = n.editor.store.ui.dataSourceSchema, r = c.value;
 				if (t === null || r === null) return null;
-				let i = C(t, T(t, n.editor.store.doc, r));
+				let i = k(t, C(t, n.editor.store.doc, r));
 				return i === null ? null : i(e);
 			},
 			popupEl: () => o.value?.rootEl ?? null,
@@ -1389,10 +1389,10 @@ var ht = ["wrap"], gt = /*#__PURE__*/ x(/* @__PURE__ */ z({
 			w.push(E);
 			let D = new ResizeObserver(T);
 			D.observe(e), w.push(() => D.disconnect());
-			let O = ut(() => {
+			let k = ut(() => {
 				y.setDevicePixelRatio(window.devicePixelRatio), b();
 			});
-			w.push(O);
+			w.push(k);
 			let A = (t) => {
 				let n = e.getBoundingClientRect();
 				return {
@@ -1567,7 +1567,7 @@ var ht = ["wrap"], gt = /*#__PURE__*/ x(/* @__PURE__ */ z({
 					let r = e[t];
 					if (r) try {
 						let e = await C(r);
-						await y.uploadImageAsLayer(await k(r), {
+						await y.uploadImageAsLayer(await O(r), {
 							at: {
 								x: n.x + t * vt,
 								y: n.y + t * vt

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-CX1RdlFC.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-CptBzpwT.js";
 export { e as AlignFloatBar, n as CanvasSurface, a as ContextMenu, f as EditOverlayToolbar, 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/index.js

@@ -1,17 +1,17 @@
-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-CX1RdlFC.js";
-import { a as _, c as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T } from "./layer-panel-kOceTf8H.js";
-import { a as E, c as D, d as O, f as k, i as A, l as j, n as M, o as N, r as P, s as F, t as I, u as L } from "./property-panel-B32ZBQdf.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-CptBzpwT.js";
+import { a as _, c as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T } from "./layer-panel-Cz-tmbJJ.js";
+import { a as E, c as D, d as O, f as k, i as A, l as j, n as M, o as N, r as P, s as F, t as I, u as L } from "./property-panel-OBqd6D8W.js";
 import { a as R, i as z, n as B, o as V, r as H, s as U, t as W } from "./popupPosition-Ck5Gsvjy.js";
-import { c as G, i as K, n as q, s as J, t as Y } from "./useTransientFeedback-CTjmMmFF.js";
-import { a as X, c as Z, i as Q, l as $, n as ee, o as te, r as ne, s as re, t as ie } from "./uploadFile-D1RY-ji0.js";
-import { i as ae, n as oe, r as se, t as ce } from "./resourceTemplate-cdcQtp9a.js";
+import { i as G, n as K, r as q, t as J } from "./resourceTemplate-cdcQtp9a.js";
+import { c as Y, i as X, n as Z, s as Q, t as $ } from "./useTransientFeedback-CTjmMmFF.js";
+import { c as ee, d as te, i as ne, l as re, n as ie, o as ae, r as oe, t as se, u as ce } from "./uploadFile-DbB-KhII.js";
 import { n as le, t as ue } from "./usePathCompletion-Do17CQ6l.js";
 import { n as de, t as fe } from "./useViewport-D9Ipevzs.js";
-import { n as pe, r as me, t as he } from "./useDataSourceSchema-CGbldbUj.js";
-import { n as ge, r as _e, t as ve } from "./status-bar-_PvEXyq8.js";
-import { t as ye } from "./useShortcutsHelp-CsyarO2P.js";
-import { n as be, r as xe, t as Se } from "./shared-wuupBoZg.js";
+import { i as pe, n as me, r as he, t as ge } from "./useDataSourceSchema-CG9EGzwc.js";
+import { n as _e, r as ve, t as ye } from "./status-bar-DCuK2R88.js";
+import { t as be } from "./useShortcutsHelp-CsyarO2P.js";
+import { n as xe, r as Se, t as Ce } from "./shared-wuupBoZg.js";
 //#region src/index.ts
-var Ce = "@hankchen/canvas-editor-vue";
+var we = "@hankchen/canvas-editor-vue";
 //#endregion
-export { _ as ADD_LAYER_MENU, S as ADD_MENU, w as ADD_RATIO_PRESET_MENU, v as ADD_TEXT_PRESET_MENU, K as ARM_LAYER_CREATE_HINT, e as AlignFloatBar, F as CANVAS_FIELD_SECTIONS, n as CanvasSurface, a as ContextMenu, pe as DropdownMenu, f as EditOverlayToolbar, V as ExpressionCompletionPopup, se as ExpressionPathPicker, D as FIELD_SECTIONS_BY_TYPE, ne as FONT_PICKER_KEY, l as FindBar, m as GuidesOverlay, xe as HelpDialog, E as IMAGE_UPLOAD_KEY, T as LayerPanel, Ce as PACKAGE_NAME, b as PANEL_ADD_MENU, W as POPUP_GAP, B as POPUP_MARGIN, U as PanelIcon, M as PropertyField, I as PropertyPanel, d as Ruler, ve as StatusBar, y as TemplateTableForm, c as TextEditingOverlay, R as applyCompletion, ce as attachResourceTemplate, A as controlRegistry, u as createGizmoOverlayPainter, h as createRafScheduler, J as detectShortcutPlatform, t as drawCreateRubberBand, s as drawFindMatches, p as drawSelectionGizmo, Z as expressionCompletionSource, X as expressionDiagnosticHint, $ as expressionFieldContext, j as fieldSectionsForPath, L as fieldSectionsForType, ge as formatLayerGeometry, _e as formatLayerPath, Q as injectFontPicker, N as injectImageUpload, q as isEditableEventTarget, x as isUpperHalf, O as layerRoleAt, z as measureCursorAnchor, ae as pathPickerEntries, H as placePopupInViewport, k as readField, le as rowsPathCompletionSource, ee as selectionFieldMergeKey, G as shortcutActionLabel, oe as stripResourceTemplate, ie as uploadFileFromDom, he as useDataSourceSchema, r as useDpr, me as useDropdownMenu, re as useExpressionCompletion, te as useExpressionDiagnostics, o as useFindSession, be as useHistory, C as useLayerPanel, ue as usePathCompletion, P as usePropertyPanel, de as useSelection, Se as useShortcuts, ye as useShortcutsHelp, g as useTextEditing, Y as useTransientFeedback, fe as useViewport, i as watchDprChanges };
+export { _ as ADD_LAYER_MENU, S as ADD_MENU, w as ADD_RATIO_PRESET_MENU, v as ADD_TEXT_PRESET_MENU, X as ARM_LAYER_CREATE_HINT, e as AlignFloatBar, F as CANVAS_FIELD_SECTIONS, n as CanvasSurface, a as ContextMenu, he as DropdownMenu, f as EditOverlayToolbar, V as ExpressionCompletionPopup, q as ExpressionPathPicker, D as FIELD_SECTIONS_BY_TYPE, oe as FONT_PICKER_KEY, l as FindBar, m as GuidesOverlay, Se as HelpDialog, E as IMAGE_UPLOAD_KEY, T as LayerPanel, we as PACKAGE_NAME, b as PANEL_ADD_MENU, W as POPUP_GAP, B as POPUP_MARGIN, U as PanelIcon, M as PropertyField, I as PropertyPanel, d as Ruler, ye as StatusBar, y as TemplateTableForm, c as TextEditingOverlay, R as applyCompletion, J as attachResourceTemplate, A as controlRegistry, u as createGizmoOverlayPainter, h as createRafScheduler, Q as detectShortcutPlatform, t as drawCreateRubberBand, s as drawFindMatches, p as drawSelectionGizmo, ce as expressionCompletionSource, ae as expressionDiagnosticHint, te as expressionFieldContext, j as fieldSectionsForPath, L as fieldSectionsForType, _e as formatLayerGeometry, ve as formatLayerPath, ne as injectFontPicker, N as injectImageUpload, Z as isEditableEventTarget, x as isUpperHalf, O as layerRoleAt, z as measureCursorAnchor, G as pathPickerEntries, H as placePopupInViewport, k as readField, le as rowsPathCompletionSource, ie as selectionFieldMergeKey, Y as shortcutActionLabel, K as stripResourceTemplate, se as uploadFileFromDom, ge as useDataSourceSchema, me as useDataSourceSchemaRejection, r as useDpr, pe as useDropdownMenu, re as useExpressionCompletion, ee as useExpressionDiagnostics, o as useFindSession, xe as useHistory, C as useLayerPanel, ue as usePathCompletion, P as usePropertyPanel, de as useSelection, Ce as useShortcuts, be as useShortcutsHelp, g as useTextEditing, $ as useTransientFeedback, fe as useViewport, i as watchDprChanges };

package/dist/layer-panel/addMenu.d.ts

@@ -1,5 +1,7 @@
 import { LayerType, RatioPresetId, TextPresetId } from '@hankchen/canvas-editor';
-/** 新增菜单项（spec §2.1）：四类图层武装画拉（drag-create 工单 03）；模板表带 rowsPath 必填表单 */
+/** 新增菜单项（spec §2.1）：四类图层武装画拉（drag-create 工单 03）；模板表带
+ *  rowsPath 必填表单。层型项不带 children——工具栏派生视图 ADD_LAYER_MENU 的
+ *  类型面天然平铺（预设只属面板二级） */
 export type AddMenuKind = {
     kind: 'layer';
     type: LayerType;
@@ -10,34 +12,64 @@ export type AddMenuKind = {
     label: string;
     title: string;
 };
-/** 文本预设项（text-defaults 工单 02，spec 决策 5）：面板专用入口——应用即写新层样式槽 + 武装画拉 */
+/** 文本预设子项（工单 03 树形化）：「文本层」二级条目数据面——档位说明灰字后缀
+ *  走底座 shortcut 槽（字号「40号」式），分发（armLayerCreate 带 preset）归消费面 */
 export type AddTextPresetKind = {
     kind: 'text-preset';
     preset: TextPresetId;
     label: string;
+    /** 档位说明灰字后缀（底座 DropdownMenuItem.shortcut 同缝） */
+    shortcut: string;
     title: string;
 };
-/** 比例预设项（image-ratio-preset 工单 02，spec 决策 2）：面板专用入口——应用即写建层比例槽 + 武装画拉 */
+/** 比例预设子项（工单 03 树形化）：「图片层」二级条目数据面——形状说明灰字后缀
+ *  （正方形/横向/纵向），free 档不入清单（ADR 0021「自由不经预设进入」） */
 export type AddRatioPresetKind = {
     kind: 'ratio-preset';
     preset: RatioPresetId;
     label: string;
+    /** 档位说明灰字后缀（底座 DropdownMenuItem.shortcut 同缝） */
+    shortcut: string;
     title: string;
 };
+/** 面板树形条目（工单 03）：层型项可携预设二级 children（文本/图片两行），模板表
+ *  沿 AddMenuKind 原形态（表单入口非预设宿主） */
+export type PanelAddMenuEntry = (Extract<AddMenuKind, {
+    kind: 'layer';
+}> & {
+    children?: readonly (AddTextPresetKind | AddRatioPresetKind)[];
+}) | Extract<AddMenuKind, {
+    kind: 'template-table';
+}>;
 export declare const ADD_MENU: readonly AddMenuKind[];
-/** 文本预设三项（text-defaults 工单 02，spec 决策 4）：从内核 TEXT_PRESETS 派生
- *  （字号单一事实源，内核改档位文案自动跟随），v1 只定字号——字体缺口由新层样式槽补 */
+/** 文本预设三档（text-defaults 工单 02 引入，spec 决策 4）：从内核 TEXT_PRESETS
+ *  派生（字号单一事实源，内核改档位文案自动跟随），v1 只定字号——字体缺口由
+ *  新层样式槽补；后缀 = 档位字号（40号/28号/16号，同源自派生不抄写） */
 export declare const ADD_TEXT_PRESET_MENU: readonly AddTextPresetKind[];
-/** 比例预设六档（image-ratio-preset 工单 02，spec 决策 2）：从内核 RATIO_PRESETS
- *  派生（比例与顺序单一事实源）。title 带比例说明与画拉提示；Shift 手势瞬时反转
- *  槽态随档位给反向提示——具名档按 Shift 临时自由、自由档按 Shift 临时钳 1:1 */
+/** 比例预设五档（image-ratio-preset 工单 02 引入；工单 03 树形化收二级，ADR 0021）：
+ *  具名档从内核 RATIO_PRESETS 派生（比例与顺序单一事实源）——free 档不入清单
+ *  （「自由」不经预设进入，一级图片层本体即自由）；档位 id 即上屏文案，后缀 =
+ *  形状说明（同源自派生）。title 带比例说明与画拉提示；Shift 手势瞬时反转随档位
+ *  给反向提示（具名档按 Shift 临时自由） */
 export declare const ADD_RATIO_PRESET_MENU: readonly AddRatioPresetKind[];
-/** 面板「＋」完整序（text-defaults 工单 02 + image-ratio-preset 工单 02，spec 决策 2/5）：
- *  文本预设三项插在「文本层」之后、比例六档平铺在「图片层」之后；工具栏派生视图
- *  ADD_LAYER_MENU 不含预设（预设只属面板） */
-export declare const PANEL_ADD_MENU: readonly (AddMenuKind | AddTextPresetKind | AddRatioPresetKind)[];
+/** 面板「＋」树形序（工单 03，spec 决策 4）：ADD_MENU 恒等派生基座上映射 children
+ *  ——文本层挂文本预设三档、图片层挂比例具名五档，其余行原样（无二级）；一级
+ *  与工具栏「＋插入▾」同构。工具栏派生视图 ADD_LAYER_MENU = ADD_MENU 平铺不变
+ *  （预设只属面板二级） */
+export declare const PANEL_ADD_MENU: readonly PanelAddMenuEntry[];
 /** 层型项视图（工具栏「＋插入▾」消费，editor-top-toolbar 工单 03）：ADD_MENU 的
  *  四类图层项。template-table-drag-create 工单 03 起模板表项同序收入（spec 决策
- *  5，四图层项后收尾）——视图 = ADD_MENU 全量恒等派生，工具栏与面板同序同文案；
- *  分发差异（模板表项弹层表单、四图层项直接武装）归消费面（LayerPanel / 宿主） */
+ *  5，四图层项后收尾）——视图 = ADD_MENU 全量恒等派生，工具栏与面板一级同序同
+ *  文案；分发差异（模板表项弹层表单、四图层项直接武装）归消费面（LayerPanel /
+ *  宿主）；工具栏不加预设（spec 决策 5 豁免，类型面无 children 结构性保证） */
 export declare const ADD_LAYER_MENU: readonly AddMenuKind[];
+/**
+ * 武装建层瞬时提示·带档变体（canvas-web-preset-submenu 工单 03；评审整改 F1 自
+ * shared/shortcutsHelp 迁入）：面板预设二级子项分发专用——「画拉建{层型}（{档名}）」
+ * 句式带档名让用户确认本次画拉吃的是哪一档（层型名与档名在分发点均已知，取自
+ * 本模块菜单常量，无需内核查询口），操作指引尾沿现句、复用 shared 的
+ * ARM_LAYER_CREATE_HINT 常量（文案单点仍在 shared，改句两处自动跟随）；快捷键/
+ * 一级主体/工具栏三入口恒非预设语义，维持现句不变。消费面仅 LayerPanel 分发点
+ * （单域），按包落位规则不进 shared 出口。
+ */
+export declare function armLayerCreatePresetHint(layerLabel: string, presetLabel: string): string;

package/dist/layer-panel/index.d.ts

@@ -2,9 +2,10 @@
  * 图层面板域出口：图层面板组件、共享模板行路径表单（TemplateTableForm——面板菜单
  * 与工具栏弹层共用，template-table-drag-create 工单 02）、订阅切片桥（useLayerPanel）
  * 与新增菜单数据面（ADD_MENU/ADD_LAYER_MENU——工具栏「＋插入▾」同源消费，
- * editor-top-toolbar 工单 03；两族预设清单面板专用，image-ratio-preset 工单 02 起含比例档位）。
+ * editor-top-toolbar 工单 03；面板树形 PANEL_ADD_MENU 挂预设二级，preset-submenu
+ * 工单 03 两族预设清单面板专用且只入二级）。
  */
 export { default as LayerPanel } from './LayerPanel';
 export { default as TemplateTableForm } from './TemplateTableForm';
 export { isUpperHalf, useLayerPanel, type LayerPanelBinding } from './useLayerPanel';
-export { ADD_LAYER_MENU, ADD_MENU, ADD_RATIO_PRESET_MENU, ADD_TEXT_PRESET_MENU, PANEL_ADD_MENU, type AddMenuKind, type AddRatioPresetKind, type AddTextPresetKind, } from './addMenu';
+export { ADD_LAYER_MENU, ADD_MENU, ADD_RATIO_PRESET_MENU, ADD_TEXT_PRESET_MENU, PANEL_ADD_MENU, type AddMenuKind, type AddRatioPresetKind, type AddTextPresetKind, type PanelAddMenuEntry, } from './addMenu';