@hankchen/canvas-editor-vue 0.3.0 → 0.5.0

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-ZMyaouKe.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 };
+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,16 +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-ZMyaouKe.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-CEyB57XM.js";
-import { a as w, c as T, d as E, f as D, i as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, t as I, u as L } from "./property-panel-DmSf_GPu.js";
-import { i as R, n as z, r as B, t as V } from "./completionAnchor-Da8VhzMQ.js";
-import { c as H, i as U, n as W, s as G, t as K } from "./useTransientFeedback-CTjmMmFF.js";
-import { i as q, n as J, r as Y, t as X } from "./uploadFile-DXAEX9kG.js";
-import { n as Z, t as Q } from "./usePathCompletion-C52F4phW.js";
-import { n as $, t as ee } from "./useViewport-D9Ipevzs.js";
-import { n as te, r as ne, t as re } from "./useDataSourceSchema-CGbldbUj.js";
-import { n as ie, r as ae, t as oe } from "./status-bar-_PvEXyq8.js";
-import { t as se } from "./useShortcutsHelp-CsyarO2P.js";
-import { n as ce, r as le, t as ue } 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-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 { 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-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";
 //#region src/index.ts
-var de = "@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, U as ARM_LAYER_CREATE_HINT, e as AlignFloatBar, k as CANVAS_FIELD_SECTIONS, n as CanvasSurface, f as ContentTypePill, a as ContextMenu, te as DropdownMenu, B as ExpressionCompletionPopup, L as FIELD_SECTIONS_BY_TYPE, F as FONT_PICKER_KEY, l as FindBar, m as GuidesOverlay, le as HelpDialog, w as IMAGE_UPLOAD_KEY, C as LayerPanel, de as PACKAGE_NAME, S as PANEL_ADD_MENU, R as PanelIcon, j as PropertyField, I as PropertyPanel, d as Ruler, oe as StatusBar, c as TextEditingOverlay, z as applyCompletion, O as controlRegistry, u as createGizmoOverlayPainter, h as createRafScheduler, G as detectShortcutPlatform, t as drawCreateRubberBand, s as drawFindMatches, p as drawSelectionGizmo, Y as expressionCompletionSource, q as expressionFieldContext, E as fieldSectionsForPath, D as fieldSectionsForType, ie as formatLayerGeometry, ae as formatLayerPath, T as injectFontPicker, M as injectImageUpload, W as isEditableEventTarget, y as isUpperHalf, N as layerRoleAt, V as measureCursorAnchor, A as readField, Z as rowsPathCompletionSource, H as shortcutActionLabel, X as uploadFileFromDom, re as useDataSourceSchema, r as useDpr, ne as useDropdownMenu, J as useExpressionCompletion, o as useFindSession, ce as useHistory, x as useLayerPanel, Q as usePathCompletion, P as usePropertyPanel, $ as useSelection, ue as useShortcuts, se as useShortcutsHelp, g as useTextEditing, K as useTransientFeedback, ee 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,4 +1,4 @@
-import { LayerType, TextPresetId } from '@hankchen/canvas-editor';
+import { LayerType, RatioPresetId, TextPresetId } from '@hankchen/canvas-editor';
 /** 新增菜单项（spec §2.1）：四类图层武装画拉（drag-create 工单 03）；模板表带 rowsPath 必填表单 */
 export type AddMenuKind = {
     kind: 'layer';
@@ -17,15 +17,27 @@ export type AddTextPresetKind = {
     label: string;
     title: string;
 };
+/** 比例预设项（image-ratio-preset 工单 02，spec 决策 2）：面板专用入口——应用即写建层比例槽 + 武装画拉 */
+export type AddRatioPresetKind = {
+    kind: 'ratio-preset';
+    preset: RatioPresetId;
+    label: string;
+    title: string;
+};
 export declare const ADD_MENU: readonly AddMenuKind[];
 /** 文本预设三项（text-defaults 工单 02，spec 决策 4）：从内核 TEXT_PRESETS 派生
  *  （字号单一事实源，内核改档位文案自动跟随），v1 只定字号——字体缺口由新层样式槽补 */
 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，spec 决策 2）：从内核 RATIO_PRESETS
+ *  派生（比例与顺序单一事实源）。title 带比例说明与画拉提示；Shift 手势瞬时反转
+ *  槽态随档位给反向提示——具名档按 Shift 临时自由、自由档按 Shift 临时钳 1:1 */
+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)[];
 /** 层型项视图（工具栏「＋插入▾」消费，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 / 宿主） */
+export declare const ADD_LAYER_MENU: readonly AddMenuKind[];

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

@@ -1,7 +1,10 @@
 /**
- * 图层面板域出口：图层面板组件、订阅切片桥（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；两族预设清单面板专用，image-ratio-preset 工单 02 起含比例档位）。
  */
 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, } from './addMenu';