@hankchen/canvas-editor-vue 0.4.0 → 0.6.0

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

@@ -1469,10 +1469,10 @@ var ht = ["wrap"], gt = /*#__PURE__*/ x(/* @__PURE__ */ z({
 					};
 					else if (N.mode === "resize") {
 						let t = F(e);
-						y.resizeTo(t.x, t.y);
+						y.resizeTo(t.x, t.y, e.shiftKey);
 					} else if (N.mode === "create") {
 						let t = F(e);
-						y.createTo(t.x, t.y);
+						y.createTo(t.x, t.y, e.shiftKey);
 					} else {
 						let t = F(e);
 						y.dragTo(t.x, t.y);
@@ -1626,7 +1626,7 @@ var ht = ["wrap"], gt = /*#__PURE__*/ x(/* @__PURE__ */ z({
 			x.value ? (K(), I("div", _t, [...n[0] ||= [L("span", { class: "cn-surface__drop-hint-text" }, "松开以上传图片", -1)]])) : F("", !0)
 		], 6));
 	}
-}), [["__scopeId", "data-v-f2b89db2"]]);
+}), [["__scopeId", "data-v-2327ee46"]]);
 //#endregion
 //#region src/canvas/guideSnap.ts
 function bt(e, t, n, r) {

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

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

@@ -2,31 +2,5 @@ import { EditorSession } from '@hankchen/canvas-editor';
 type __VLS_Props = {
     editor: EditorSession;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    rowsPathInputEl: HTMLInputElement;
-    pathPopupRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        state: import('..').ExpressionCompletionState;
-    }> & Readonly<{
-        onSelect?: ((index: number) => any) | undefined;
-    }>, {
-        rootEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        select: (index: number) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        rootRef: HTMLDivElement;
-    }, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        state: import('..').ExpressionCompletionState;
-    }> & Readonly<{
-        onSelect?: ((index: number) => any) | undefined;
-    }>, {
-        rootEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-    }, {}, {}, {}, {}> | null;
-}, HTMLElement>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

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

@@ -0,0 +1,38 @@
+import { EditorSession } from '@hankchen/canvas-editor';
+type __VLS_Props = {
+    editor: EditorSession;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    confirm: (rowsPath: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: ((rowsPath: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rowsPathInputEl: HTMLInputElement;
+    pathPopupRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        state: import('..').ExpressionCompletionState;
+    }> & Readonly<{
+        onSelect?: ((index: number) => any) | undefined;
+    }>, {
+        rootEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        select: (index: number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        state: import('..').ExpressionCompletionState;
+    }> & Readonly<{
+        onSelect?: ((index: number) => any) | undefined;
+    }>, {
+        rootEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;

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

@@ -1,5 +1,7 @@
-import { LayerType, TextPresetId } from '@hankchen/canvas-editor';
-/** 新增菜单项（spec §2.1）：四类图层武装画拉（drag-create 工单 03）；模板表带 rowsPath 必填表单 */
+import { LayerType, RatioPresetId, TextPresetId } from '@hankchen/canvas-editor';
+/** 新增菜单项（spec §2.1）：四类图层武装画拉（drag-create 工单 03）；模板表带
+ *  rowsPath 必填表单。层型项不带 children——工具栏派生视图 ADD_LAYER_MENU 的
+ *  类型面天然平铺（预设只属面板二级） */
 export type AddMenuKind = {
     kind: 'layer';
     type: LayerType;
@@ -10,22 +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;
 };
+/** 比例预设子项（工单 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[];
-/** 面板「＋」完整序（text-defaults 工单 02，spec 决策 5）：文本预设三项插在「文本层」之后；
- *  工具栏派生视图 ADD_LAYER_MENU 不含预设（预设只属面板） */
-export declare const PANEL_ADD_MENU: readonly (AddMenuKind | AddTextPresetKind)[];
+/** 比例预设五档（image-ratio-preset 工单 02 引入；工单 03 树形化收二级，ADR 0021）：
+ *  具名档从内核 RATIO_PRESETS 派生（比例与顺序单一事实源）——free 档不入清单
+ *  （「自由」不经预设进入，一级图片层本体即自由）；档位 id 即上屏文案，后缀 =
+ *  形状说明（同源自派生）。title 带比例说明与画拉提示；Shift 手势瞬时反转随档位
+ *  给反向提示（具名档按 Shift 临时自由） */
+export declare const ADD_RATIO_PRESET_MENU: readonly 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 的
- *  四类图层项，模板表项不进工具栏 */
-export declare const ADD_LAYER_MENU: readonly Extract<AddMenuKind, {
-    kind: 'layer';
-}>[];
+ *  四类图层项。template-table-drag-create 工单 03 起模板表项同序收入（spec 决策
+ *  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

@@ -1,7 +1,11 @@
 /**
- * 图层面板域出口：图层面板组件、订阅切片桥（useLayerPanel）与新增菜单数据面
- * （ADD_MENU/ADD_LAYER_MENU——工具栏「＋插入▾」同源消费，editor-top-toolbar 工单 03）。
+ * 图层面板域出口：图层面板组件、共享模板行路径表单（TemplateTableForm——面板菜单
+ * 与工具栏弹层共用，template-table-drag-create 工单 02）、订阅切片桥（useLayerPanel）
+ * 与新增菜单数据面（ADD_MENU/ADD_LAYER_MENU——工具栏「＋插入▾」同源消费，
+ * 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_TEXT_PRESET_MENU, PANEL_ADD_MENU, type AddMenuKind, 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';