@hankchen/canvas-editor 0.5.0 → 0.6.0

package/dist/index.js

@@ -382,11 +382,22 @@ function resolveSnap(box, axes, threshold) {
 
 // src/spatial/create.ts
 var CREATE_DEAD_ZONE_SCREEN_PX = 4;
-function createRubberBandRect(type, start, current, axes, threshold) {
+function createRubberBandRect(type, start, current, axes, threshold, ratio) {
   const x = Math.min(start.x, current.x);
   const y = Math.min(start.y, current.y);
-  const width = Math.abs(current.x - start.x);
-  const height = type === "QrCodeLayer" ? width : Math.abs(current.y - start.y);
+  const dx = Math.abs(current.x - start.x);
+  const dy = Math.abs(current.y - start.y);
+  let width = dx;
+  let height = dy;
+  if (type === "QrCodeLayer") {
+    height = width;
+  } else if (ratio) {
+    if (dx >= dy) {
+      height = Math.round(dx * ratio.h / ratio.w);
+    } else {
+      width = Math.round(dy * ratio.w / ratio.h);
+    }
+  }
   const resolution = resolveSnapPoints(
     { vertical: [x, x + width], horizontal: [y, y + height] },
     axes,
@@ -435,6 +446,38 @@ function resizeSnapPoints(start, handle, dx, dy) {
   if (SOUTH_HANDLES.has(handle)) horizontal.push(start.y + start.height + dy);
   return { vertical, horizontal };
 }
+function proportionalDrivingAxis(handle, dx, dy) {
+  const corner = handleResizesWidth(handle) && handleResizesHeight(handle);
+  if (corner) return Math.abs(dx) >= Math.abs(dy) ? "width" : "height";
+  return handleResizesWidth(handle) ? "width" : "height";
+}
+function resizeBoxProportional(start, handle, reference, driving, dx, dy, minSize = RESIZE_MIN_SIZE_PX) {
+  const west = WEST_HANDLES.has(handle);
+  const north = NORTH_HANDLES.has(handle);
+  let width;
+  let height;
+  if (driving === "width") {
+    width = Math.max(west ? start.width - dx : start.width + dx, minSize);
+    height = Math.max(Math.round(width * reference.h / reference.w), minSize);
+  } else {
+    height = Math.max(north ? start.height - dy : start.height + dy, minSize);
+    width = Math.max(Math.round(height * reference.w / reference.h), minSize);
+  }
+  return {
+    x: west ? start.x + start.width - width : start.x,
+    y: north ? start.y + start.height - height : start.y,
+    width,
+    height
+  };
+}
+function resizeProportionalSnapPoints(start, handle, driving, dx, dy) {
+  if (driving === "width") {
+    const vertical = WEST_HANDLES.has(handle) ? [start.x + dx] : EAST_HANDLES.has(handle) ? [start.x + start.width + dx] : [];
+    return { vertical, horizontal: [] };
+  }
+  const horizontal = NORTH_HANDLES.has(handle) ? [start.y + dy] : SOUTH_HANDLES.has(handle) ? [start.y + start.height + dy] : [];
+  return { vertical: [], horizontal };
+}
 var NO_AXES = { width: false, height: false };
 function resizableAxesAt(doc, path) {
   const layer = resolveLayer(doc, path);
@@ -1175,6 +1218,27 @@ function defaultNextTextStyle() {
     lineHeight: base.shape.lineHeight
   };
 }
+var RATIO_PRESETS = [
+  { id: "free", ratio: null },
+  { id: "1:1", ratio: { w: 1, h: 1 } },
+  { id: "4:3", ratio: { w: 4, h: 3 } },
+  { id: "3:4", ratio: { w: 3, h: 4 } },
+  { id: "16:9", ratio: { w: 16, h: 9 } },
+  { id: "9:16", ratio: { w: 9, h: 16 } }
+];
+function defaultNextLayerRatio() {
+  return "free";
+}
+function ratioValue(id) {
+  const entry = RATIO_PRESETS.find((candidate) => candidate.id === id);
+  return entry?.ratio ? { ...entry.ratio } : null;
+}
+function pickNextLayerRatio(raw) {
+  return RATIO_PRESETS.some((candidate) => candidate.id === raw) ? raw : "free";
+}
+function defaultSizeForRatio(ratio) {
+  return ratio.w >= ratio.h ? { width: 200, height: Math.round(200 * ratio.h / ratio.w) } : { width: Math.round(200 * ratio.w / ratio.h), height: 200 };
+}
 function pickNextTextStylePatch(raw) {
   const out = {};
   if (raw === null || typeof raw !== "object") return out;
@@ -1243,7 +1307,8 @@ function createDefaultLayer(type, textDefaults) {
   }
 }
 function createTemplateTable(options) {
-  const table = createDefaultLayer("TableLayer");
+  const defaultTable = createDefaultLayer("TableLayer");
+  const table = options.shape ? { ...defaultTable, shape: { ...defaultTable.shape, width: options.shape.width, height: options.shape.height } } : defaultTable;
   const templateBase = createDefaultLayer("TableRowTemplate");
   const cellBase = createDefaultLayer("TableCellLayer");
   const contentBase = createDefaultLayer("TextLayer");
@@ -1676,11 +1741,13 @@ var EditorStore = class {
     drag: null,
     resize: null,
     armedCreate: null,
+    armedCreateRowsPath: "",
     create: null,
     editing: null,
     renaming: null,
     anchorExpanded: false,
     nextTextStyle: defaultNextTextStyle(),
+    nextLayerRatio: defaultNextLayerRatio(),
     dataSourceSchema: null,
     guides: [],
     rulersVisible: true,
@@ -1712,7 +1779,7 @@ var EditorStore = class {
   }
   /** 打开/替换文档：ui 选择/编辑/重命名会话与双向历史一并重置（新文档不继承旧路径/旧事务）；
    *  参考线/锁定集合/查找会话/建层武装与画拉会话随当次会话清空（对位轴/文档内容防护/
-   *  查询词/待命层型不跨文档），标尺显隐/锚点折叠/新层样式作为偏好保留 */
+   *  查询词/待命层型不跨文档），标尺显隐/锚点折叠/新层样式/建层比例作为偏好保留 */
   openDocument(canvas) {
     this.docValue = canvas;
     this.undoSteps = [];
@@ -1724,6 +1791,7 @@ var EditorStore = class {
       drag: null,
       resize: null,
       armedCreate: null,
+      armedCreateRowsPath: "",
       create: null,
       editing: null,
       renaming: null,
@@ -1820,10 +1888,15 @@ var EditorStore = class {
     this.uiValue = { ...this.uiValue, resize: gesture };
     this.notify({ scope: "ui", branch: "resize" });
   }
-  /** 建层武装置/解除（null，drag-create 工单 01）；标量值等短路（重复武装同型不通知） */
-  setArmedCreate(type) {
-    if (this.uiValue.armedCreate === type) return;
-    this.uiValue = { ...this.uiValue, armedCreate: type };
+  /**
+   * 建层武装置/解除（null，drag-create 工单 01）；标量值等短路（重复武装同型
+   * 不通知）。rowsPath（template-table-drag-create 工单 01）：模板表风味载荷
+   * 与层型一体写——同层型同载荷才短路（重复武装同型换载荷要更新），解除
+   * （null）一律清载荷。
+   */
+  setArmedCreate(type, rowsPath = "") {
+    if (this.uiValue.armedCreate === type && this.uiValue.armedCreateRowsPath === rowsPath) return;
+    this.uiValue = { ...this.uiValue, armedCreate: type, armedCreateRowsPath: type === null ? "" : rowsPath };
     this.notify({ scope: "ui", branch: "armedCreate" });
   }
   /** 画拉橡皮筋会话开始/更新/结束（null）；会话对象住 ui 分支，落库在 endCreate 单事务 */
@@ -1856,6 +1929,15 @@ var EditorStore = class {
     this.uiValue = { ...this.uiValue, nextTextStyle: next };
     this.notify({ scope: "ui", branch: "nextTextStyle" });
   }
+  /**
+   * 建层比例槽写入（image-ratio-preset 工单 01：比例预设应用 / prefs 恢复的
+   * 统一写入口）：值等短路（重复写同档零通知），仅 ui 通知、不进历史。
+   */
+  setNextLayerRatio(id) {
+    if (this.uiValue.nextLayerRatio === id) return;
+    this.uiValue = { ...this.uiValue, nextLayerRatio: id };
+    this.notify({ scope: "ui", branch: "nextLayerRatio" });
+  }
   /**
    * 数据源 schema 声明替换（归一产物或降级 null，校验收口在注入缝不在这里）：
    * 同引用短路（重复注入同一归一产物不惊动订阅方）；仅 ui 通知，不参与重绘
@@ -2740,8 +2822,17 @@ var EditorSession = class {
    *
    * 拖不动写不动的同门守卫：无会话、目标层被结构编辑移除（悬空路径）整体
    * 空转（不发事务、不发布命中轴）。
+   *
+   * Shift 等比（image-ratio-preset 工单 01，spec 决策 5）：仅 ImageLayer 生效
+   * （其余层型 shift 空转走现状——自适应与尺寸耦合面不被触碰），且须双轴皆在
+   * 可缩放面（格内容等强同步面派生轴写不出去，不进等比模式）、起始盒零维空转
+   * （无比例可参照，回落自由）。参照手势起始盒实际宽高比；驱动轴 = 角柄取位
+   * 移较大轴、边中柄取被拖轴；派生维 = round(驱动维 × 短比)（钳后驱动维跟随，
+   * 最小钳位随动）；对缘/对角固定照旧；吸附只在驱动轴移动缘候选（派生轴是算
+   * 术产物不独立吸附，钳先于吸附同门）。等比模式双轴都落声明值（派生轴写算
+   * 术积并清 auto 标志），canonicalize 以驱动轴键收口。
    */
-  resizeTo(sceneX, sceneY) {
+  resizeTo(sceneX, sceneY, shift = false) {
     const gesture = this.store.ui.resize;
     if (!gesture) return;
     const doc = this.store.doc;
@@ -2751,12 +2842,21 @@ var EditorSession = class {
     const dy = sceneY - gesture.startScene.y;
     const widthActive = handleResizesWidth(gesture.handle);
     const heightActive = handleResizesHeight(gesture.handle);
+    const axes = resizableAxesAt(doc, gesture.path);
+    const proportionalDriving = shift && current.type === "ImageLayer" && gesture.startBox.width > 0 && gesture.startBox.height > 0 && axes.width && axes.height ? proportionalDrivingAxis(gesture.handle, dx, dy) : null;
     const resolution = resolveSnapPoints(
-      resizeSnapPoints(gesture.startBox, gesture.handle, dx, dy),
+      proportionalDriving !== null ? resizeProportionalSnapPoints(gesture.startBox, gesture.handle, proportionalDriving, dx, dy) : resizeSnapPoints(gesture.startBox, gesture.handle, dx, dy),
       this.snapAxesForGesture(gesture.path),
       snapThresholdScene(this.store.ui.viewport.zoom)
     );
-    const target = resizeBox(
+    const target = proportionalDriving !== null ? resizeBoxProportional(
+      gesture.startBox,
+      gesture.handle,
+      { w: gesture.startBox.width, h: gesture.startBox.height },
+      proportionalDriving,
+      dx + resolution.dx,
+      dy + resolution.dy
+    ) : resizeBox(
       gesture.startBox,
       gesture.handle,
       widthActive ? dx + resolution.dx : dx,
@@ -2767,11 +2867,11 @@ var EditorSession = class {
       const layer = resolveLayer(draft, gesture.path);
       if (!layer) return;
       const shape = layer.shape;
-      if (widthActive) {
+      if (widthActive || proportionalDriving !== null) {
         shape.width = target.width;
         shape.autoWidth = false;
       }
-      if (heightActive) {
+      if (heightActive || proportionalDriving !== null) {
         shape.height = target.height;
         shape.autoHeight = false;
       }
@@ -2779,7 +2879,7 @@ var EditorSession = class {
       canonicalizeTableSyncInDraft(
         draft,
         gesture.path,
-        widthActive ? ["shape", "width"] : ["shape", "height"],
+        proportionalDriving === "height" || proportionalDriving === null && !widthActive ? ["shape", "height"] : ["shape", "width"],
         this.textPolicies
       );
       const resolvedWidth = layerWidth(layer, this.textPolicies);
@@ -2814,22 +2914,42 @@ var EditorSession = class {
    * 分支待命层型，下一次画布按下即开画拉；建层提交或 Esc 即解除——一次性
    * 待命态，无粘性工具（spec 决策 2）。重复武装同型值等短路零通知。
    *
-   * preset（text-defaults 工单 01，CONTEXT「文本预设」词条）：文本预设 = 写
-   * 新层样式槽的快捷方式——命中档位先把档位值并入槽（v1 只 fontSize），再
-   * 武装；仅 TextLayer 生效；未知 id = 跳过写槽、武装照常（评审口径统一：
-   * 「空转」只指写槽，武装层型本身仍合法）。
+   * preset（text-defaults 工单 01 + image-ratio-preset 工单 01）：层型相关预设 =
+   * 写槽的快捷方式——命中档位先把档位值并入对应偏好槽再武装；未知 id = 跳过
+   * 写槽、武装照常（评审口径统一：「空转」只指写槽，武装层型本身仍合法）。
+   * - TextLayer + 文本预设档：写新层样式槽（v1 只 fontSize）；
+   * - ImageLayer + 比例预设档：写建层比例槽（'free' 即显式重置档）；QR 恒方
+   *   是层型硬钳、无比例槽（spec 豁免面）；
+   * - 交叉类型（文本层带比例档/图片层带文本档）各在对方清单查无此档、天然
+   *   跳写槽。
    */
   armLayerCreate(type, preset) {
     if (preset !== void 0 && type === "TextLayer") {
       const entry = TEXT_PRESETS.find((candidate) => candidate.id === preset);
       if (entry) this.store.setNextTextStyle({ fontSize: entry.fontSize });
     }
+    if (preset !== void 0 && type === "ImageLayer") {
+      const entry = RATIO_PRESETS.find((candidate) => candidate.id === preset);
+      if (entry) this.store.setNextLayerRatio(entry.id);
+    }
     this.store.setArmedCreate(type);
   }
-  /** 解除建层武装（取消入口）：仅清待命态，零副作用。 */
+  /** 解除建层武装（取消入口）：仅清待命态（含模板表风味载荷），零副作用。 */
   cancelArmLayerCreate() {
     this.store.setArmedCreate(null);
   }
+  /**
+   * 武装模板表建层（canvas-web-template-table-drag-create 工单 01，spec 决策 3）：
+   * 行路径表单确认即武装——rowsPath 随武装进 ui 瞬态载荷（armedCreate 仍为
+   * 'TableLayer'、不新增 LayerType、不进 graph），下一次画拉或死区点击落模板表。
+   * 空串 no-op（内核防御，表单层已拦）；重复武装同 rowsPath 值等短路，换
+   * rowsPath 更新载荷。TableLayer 的 G 武装语义（V1 普通表，armLayerCreate 走
+   * 空载荷）不受染指。
+   */
+  armTemplateTableCreate(rowsPath) {
+    if (rowsPath === "") return;
+    this.store.setArmedCreate("TableLayer", rowsPath);
+  }
   /**
    * 开始画拉会话：须已武装（未武装空转防御——画布手势态机的分派前置，此守卫
    * 兜其余调用来源），与拖动/缩放会话互斥（手势起点一次性定死，beginDrag/
@@ -2842,8 +2962,10 @@ var EditorSession = class {
     if (armed === null || this.store.ui.drag || this.store.ui.resize || this.store.ui.create) return false;
     if (!this.store.doc) return false;
     const point = { x: sceneX, y: sceneY };
+    const templateRowsPath = armed === "TableLayer" && this.store.ui.armedCreateRowsPath !== "" ? this.store.ui.armedCreateRowsPath : void 0;
     this.store.setCreate({
       type: armed,
+      templateRowsPath,
       startScene: point,
       currentScene: point,
       rect: { x: sceneX, y: sceneY, width: 0, height: 0 }
@@ -2852,22 +2974,31 @@ var EditorSession = class {
   }
   /**
    * 画拉进行中：橡皮筋求位（spatial/create.createRubberBandRect——两点正规化
-   * + QR 钳 height := width + 左右/上下缘各两点进 resolveSnapPoints，吸附数学
-   * 零新增）写回会话 rect 供 overlay 直读（虚线矩形 + W×H 气泡），命中轴回写
-   * ui.snapAxes 走 GuidesOverlay 既有通道回显（dragTo 同门）。吸附排除面为空
-   * （snapAxesForGesture(null)——新层尚未入库，全部可见根层供轴，copyMode
-   * 首移同门）。零文档事务：修正只进会话几何，落库在 endCreate。
+   * + QR 钳 height := width / 比例钳长轴驱动 + 左右/上下缘各两点进
+   * resolveSnapPoints，吸附数学零新增）写回会话 rect 供 overlay 直读（虚线
+   * 矩形 + W×H 气泡），命中轴回写 ui.snapAxes 走 GuidesOverlay 既有通道回显
+   * （dragTo 同门）。吸附排除面为空（snapAxesForGesture(null)——新层尚未入库，
+   * 全部可见根层供轴，copyMode 首移同门）。零文档事务：修正只进会话几何，
+   * 落库在 endCreate。
+   *
+   * 建层比例槽（image-ratio-preset 工单 01，spec 决策 3/4）：仅 ImageLayer 按槽
+   * 钳制（QR 层不传 ratio、恒方语义不动，两钳互斥；其余层型无槽）；Shift 瞬时
+   * 反转槽态——槽非自由按 Shift = 临时自由、槽自由按 Shift = 临时钳 1:1，按住
+   * 生效松开还原（逐帧求位、不写槽、不改武装态，Figma 惯例的手势瞬时语义）。
    */
-  createTo(sceneX, sceneY) {
+  createTo(sceneX, sceneY, shift = false) {
     const gesture = this.store.ui.create;
     const doc = this.store.doc;
     if (!gesture || !doc) return;
+    const slotRatio = gesture.type === "ImageLayer" ? ratioValue(this.store.ui.nextLayerRatio) : null;
+    const ratio = gesture.type === "ImageLayer" ? shift ? slotRatio === null ? { w: 1, h: 1 } : null : slotRatio : null;
     const resolution = createRubberBandRect(
       gesture.type,
       gesture.startScene,
       { x: sceneX, y: sceneY },
       this.snapAxesForGesture(null),
-      snapThresholdScene(this.store.ui.viewport.zoom)
+      snapThresholdScene(this.store.ui.viewport.zoom),
+      ratio
     );
     this.store.setCreate({
       ...gesture,
@@ -2881,12 +3012,19 @@ var EditorSession = class {
    * + priority）。先清会话再落文档（commitTextEdit 同门——退出路径级联时幂等）：
    * - 死区外：单事务写入「createDefaultLayer 缺省形态 + position 左上角对准
    *   橡皮筋矩形（含吸附修正）+ shape.width/height」并 insertRootLayerInDraft
-   *   置顶（priority min−1、push 数组尾）；
+   *   置顶（priority min−1、push 数组尾）——尺寸取手势末态钳制结果（含 Shift
+   *   反转末态，image-ratio-preset 工单 01 spec 决策 4）；
    * - 死区内（点击兜底，位移按 CREATE_DEAD_ZONE_SCREEN_PX 屏幕 px 随 zoom 折算，
-   *   ALT_DRAG_DEAD_ZONE_SCREEN_PX 同门）：缺省尺寸、左上角对准点击点。
+   *   ALT_DRAG_DEAD_ZONE_SCREEN_PX 同门）：左上角对准点击点；尺寸按槽派生缺省
+   *   盒（image-ratio-preset 工单 01：ImageLayer 长边 200 定短边，自由 = 工厂
+   *   200×150 现状；忽略 shift——无位移可供等比约束；其余层型保持工厂缺省）。
    * 落库后自动选中新层并解除武装；返回新层路径（绑定层消费：文本层据此自动
    * 进文本编辑，spec 决策 6）。无会话/无文档空转返回 null。点击兜底不产生
    * 零尺寸层（缺省形态自带可见尺寸）。
+   *
+   * 模板表风味（template-table-drag-create 工单 01）：会话载荷 templateRowsPath
+   * 非空即分派 createTemplateTable 工厂（死区外 shape = 手势正规化矩形，死区内
+   * 缺省壳 400×120、左上角对准点击点）；模板层不自动进文本编辑（文本层专属）。
    */
   endCreate() {
     const gesture = this.store.ui.create;
@@ -2900,9 +3038,23 @@ var EditorSession = class {
     const deadZoneScene = CREATE_DEAD_ZONE_SCREEN_PX / this.store.ui.viewport.zoom;
     const clicked = Math.hypot(dx, dy) <= deadZoneScene;
     const index = { v: -1 };
+    const templateRowsPath = gesture.templateRowsPath;
     this.store.transact((draft) => {
-      const layer = createDefaultLayer(gesture.type, this.store.ui.nextTextStyle);
+      const layer = templateRowsPath !== void 0 ? createTemplateTable(
+        clicked ? { rowsPath: templateRowsPath } : {
+          rowsPath: templateRowsPath,
+          shape: { width: gesture.rect.width, height: gesture.rect.height }
+        }
+      ) : createDefaultLayer(gesture.type, this.store.ui.nextTextStyle);
       if (clicked) {
+        if (gesture.type === "ImageLayer") {
+          const ratio = ratioValue(this.store.ui.nextLayerRatio);
+          if (ratio) {
+            const size = defaultSizeForRatio(ratio);
+            layer.shape.width = size.width;
+            layer.shape.height = size.height;
+          }
+        }
         layer.position = { ...layer.position, x: gesture.startScene.x, y: gesture.startScene.y };
       } else {
         layer.position = { ...layer.position, x: gesture.rect.x, y: gesture.rect.y };
@@ -3090,19 +3242,23 @@ var EditorSession = class {
     return {
       rulersVisible: ui.rulersVisible,
       anchorExpanded: ui.anchorExpanded,
-      nextTextStyle: ui.nextTextStyle
+      nextTextStyle: ui.nextTextStyle,
+      nextLayerRatio: ui.nextLayerRatio
     };
   }
   /**
    * 应用偏好（会话建立时一次性，跨会话恢复 prefs 的写入口）：整体替换
    * rulersVisible/anchorExpanded，不进历史；值等写入经 store 短路零通知。
    * 新层样式（text-defaults 工单 01）走宽容读逐字段合并（pickNextTextStylePatch
-   * 共享谓词——与捕获同门，缺字/类型不符保留现值）。
+   * 共享谓词——与捕获同门，缺字/类型不符保留现值）；建层比例（image-ratio-preset
+   * 工单 01）走宽容读枚举收口（pickNextLayerRatio——非六档枚举值/旧快照缺字段
+   * 回落 'free'）。
    */
   applyEditorPrefs(prefs) {
     this.store.setRulersVisible(prefs.rulersVisible);
     this.store.setAnchorExpanded(prefs.anchorExpanded);
     this.store.setNextTextStyle(pickNextTextStylePatch(prefs.nextTextStyle));
+    this.store.setNextLayerRatio(pickNextLayerRatio(prefs.nextLayerRatio));
   }
   // ---- 对齐画布（layer-align-snap 工单 01）：图层盒整体对齐画布几何 ----
   /**
@@ -4058,19 +4214,6 @@ var EditorSession = class {
     });
     if (index.v >= 0) this.store.setSelection([...rowPath, "cells", index.v]);
   }
-  /**
-   * 新增模板表（「+」选择器入口，spec §2.1）：createTemplateTable 缺省形态 +
-   * 置顶 + 自动选中；一次调用 = 一步历史。rowsPath 必填（解码 rows_path_missing
-   * 硬约束的对齐兜底，表单校验前置），空串 no-op。
-   */
-  addTemplateTable(rowsPath) {
-    if (!this.store.doc || rowsPath === "") return;
-    const index = { v: -1 };
-    this.store.transact((draft) => {
-      index.v = insertRootLayerInDraft(draft, createTemplateTable({ rowsPath }));
-    });
-    if (index.v >= 0) this.store.setSelection(["layers", index.v]);
-  }
   /**
    * 模板行加格（spec §3.1）：addTemplateCellInDraft 重建路径（末格宽/首格行宽、
    * 零高度耦合），自动选中新格；一次调用 = 一步历史。非模板态 no-op。
@@ -4748,6 +4891,7 @@ export {
   PAN_TO_BOX_MARGIN_PX,
   PASTE_OFFSET_PX,
   PHP_TRIM_CHARS,
+  RATIO_PRESETS,
   RESIZE_HANDLES,
   RESIZE_HANDLE_HIT_PX,
   RESIZE_MIN_SIZE_PX,
@@ -4777,7 +4921,9 @@ export {
   createDefaultLayer,
   createRubberBandRect,
   createTemplateTable,
+  defaultNextLayerRatio,
   defaultNextTextStyle,
+  defaultSizeForRatio,
   deleteLayerInDraft,
   enumerateExpressionCandidates,
   enumerateRowsPathCandidates,
@@ -4818,16 +4964,21 @@ export {
   pathStartsWith,
   pathsEqual,
   phpTrim2 as phpTrim,
+  pickNextLayerRatio,
   pickNextTextStylePatch,
   prepareRootPaste,
+  proportionalDrivingAxis,
+  ratioValue,
   readSpecField,
   remapPathAfterSplice,
   replaceHitsInDraft,
   resizableAxesAt,
   resizeBox,
+  resizeBoxProportional,
   resizeHandleAt,
   resizeHandlePoint,
   resizeHandlesAt,
+  resizeProportionalSnapPoints,
   resizeSnapPoints,
   resolveLayer,
   resolveRowSchema,