@web-ppt/editor 0.5.0-beta.1 → 0.5.0-beta.2

package/dist/framework-adapter-types.d.ts

@@ -36,6 +36,8 @@ export interface WebPptViewState {
     readonly zoom: number;
     readonly snapping: boolean;
 }
+/** 公开输入格式供产品层决定是否需要另存提示；adapter 本身不拥有确认状态。 */
+export type WebPptDocumentKind = 'pptx' | 'ppt';
 export interface WebPptFormatPainterState extends FormatPainterSnapshot {
     /** 文档未就绪、只读或当前为查看模式时为 true。 */
     readonly readonly: boolean;
@@ -73,6 +75,7 @@ export interface WebPptAdapterSnapshot extends WebPptViewState {
     readonly progress: number;
     readonly error: unknown | null;
     readonly session: EditorSession | null;
+    readonly documentKind: WebPptDocumentKind | null;
     readonly view: SlideEditor | null;
     readonly selectionPane: SelectionPane | null;
     readonly recovery: RecoveryCandidate | null;

package/dist/index.d.ts

@@ -15,7 +15,7 @@ export type { SelectionPane, SelectionPaneOptions } from './selection-pane-types
 export type { WebPptSourceIdentity } from './source-fingerprint';
 export type { EditorRecovery, RecoveryCandidate, RecoveryDecision, RecoveryDecisionHandler, RecoveryOptions, RecoveryStore, RecoveryStoreAppend, RecoveryStoreJournal, RecoveryStoreReset, } from './recovery-store';
 export type { IndexedDbRecoveryStore, IndexedDbRecoveryStoreOptions, RecoveryCleanupResult, RecoveryStoreStats, } from './indexeddb-recovery-store';
-export type { WebPptAdapter, WebPptAdapterBinding, WebPptAdapterCallbacks, WebPptAdapterProgress, WebPptAdapterSnapshot, WebPptAdapterSubscriber, WebPptDocument, WebPptFormatPainterState, WebPptTextSearchState, WebPptViewOptions, WebPptViewState, } from './framework-adapter-types';
+export type { WebPptAdapter, WebPptAdapterBinding, WebPptAdapterCallbacks, WebPptAdapterProgress, WebPptAdapterSnapshot, WebPptAdapterSubscriber, WebPptDocument, WebPptDocumentKind, WebPptFormatPainterState, WebPptTextSearchState, WebPptViewOptions, WebPptViewState, } from './framework-adapter-types';
 export type { WebPptSource } from './source-fingerprint';
 export type { EditorMode, LinkFollowContext, LinkFollowHandler, LinkFollowSource, SlideEditor, SlideEditorOptions, } from './slide-editor-types';
 export type { ImageInsertOptions } from './image-insertion';

package/dist/keyboard-context.d.ts

@@ -5,4 +5,5 @@ export interface KeyboardControllerOptions {
     slideId(): SlideId;
     revealSlide(slideId: SlideId): void;
     gestureActive(): boolean;
+    onError?(error: unknown): void;
 }

package/dist/keyboard-document.d.ts

@@ -0,0 +1,8 @@
+import type { KeyboardControllerOptions } from './keyboard-context';
+/** 文档级键位只组合既有选择、页面命令和视图回显，不引入第二条事件通道。 */
+export declare class DocumentKeyboardController {
+    private readonly options;
+    constructor(options: KeyboardControllerOptions);
+    keyDown(event: KeyboardEvent, textOwner?: boolean): boolean;
+    private report;
+}

package/dist/keyboard-group.d.ts

@@ -0,0 +1,7 @@
+import type { KeyboardControllerOptions } from './keyboard-context';
+/** 组合快捷键只编排公开 Group/Ungroup；不可逆原因由 headless 命令原样上报宿主。 */
+export declare class GroupKeyboardController {
+    private readonly options;
+    constructor(options: KeyboardControllerOptions);
+    keyDown(event: KeyboardEvent): boolean;
+}

package/dist/selection-all.d.ts

@@ -0,0 +1,3 @@
+import type { Editor, SlideId } from '@web-ppt/edit-core';
+/** “全页”始终退出组上下文，只选择当前页直属且可交互的根元素。 */
+export declare function selectAllSlideElements(editor: Editor, slideId: SlideId): readonly string[];

package/dist/slide-editor-types.d.ts

@@ -24,6 +24,8 @@ export interface SlideEditorOptions {
     snapMargins?: SnapMargins;
     /** React/Vue 等宿主可接管路由；返回 true 阻止内置页跳转或安全新窗口。 */
     onLinkFollow?: LinkFollowHandler;
+    /** 页面级快捷键或内部链接切页后通知宿主同步侧栏、分页器和受控状态。 */
+    onSlideChange?: (slideId: SlideId) => void;
     /** 与自定义事件 webpptformaterror 同源，adapter 用它接入全局 onError。 */
     onError?: (error: unknown) => void;
 }

package/dist/text-editor-types.d.ts

@@ -10,6 +10,8 @@ export interface TextEditorControllerOptions {
     claim: () => void;
     release: () => void;
     syncStatic: (id: ElementId) => void;
+    selectAllElements: () => void;
+    documentKeyDown: (event: KeyboardEvent) => boolean;
 }
 export interface CompositionSnapshot {
     domText: string;

package/dist/text-editor.d.ts

@@ -4,6 +4,7 @@ export declare class TextEditorController {
     private readonly options;
     private readonly clipboard;
     private readonly autofit;
+    private readonly keyboard;
     private activeId;
     private activeCell;
     private root;

package/dist/text-font-step.d.ts

@@ -0,0 +1,5 @@
+import type { Editor, RunPropertyOverrides, TextPosition } from '@web-ppt/edit-core';
+import type { TextEditorContext } from './text-editor-context';
+/** 混合字号必须逐 run 跨档，不能把整段拉平为选区首个字号。 */
+export declare function stepMixedFontSizes(editor: Editor, context: TextEditorContext, direction: -1 | 1): boolean;
+export declare function stepSelectedFontSize(editor: Editor, context: TextEditorContext | null, direction: -1 | 1, setUniform: (props: RunPropertyOverrides) => boolean, restoreMixed: (from: TextPosition, to: TextPosition) => void): boolean;

package/dist/text-keyboard.d.ts

@@ -0,0 +1,28 @@
+import type { Editor, ParagraphPropertyOverrides, TableCellAddress, TextPosition } from '@web-ppt/edit-core';
+import type { TextEditorContext } from './text-editor-context';
+interface TextKeyboardOptions {
+    editor: Editor;
+    composing(): boolean;
+    activeCell(): TableCellAddress | null;
+    context(): TextEditorContext | null;
+    close(selectElement?: boolean): void;
+    navigateTableCell(reverse: boolean): void;
+    changeListLevel(delta: -1 | 1): void;
+    formatSelection(field: 'b' | 'i' | 'u'): boolean;
+    stepFontSize(direction: -1 | 1): boolean;
+    setParaProps(props: ParagraphPropertyOverrides): boolean;
+    restoreSelection(from: TextPosition, to: TextPosition): void;
+    selectAllElements(): void;
+    documentKeyDown(event: KeyboardEvent): boolean;
+}
+/** contenteditable 保留唯一 keydown 监听；这里只把已承诺键位路由到模型 seam。 */
+export declare class TextKeyboardController {
+    private readonly options;
+    constructor(options: TextKeyboardOptions);
+    bind(root: HTMLDivElement): void;
+    private finish;
+    private forwardDocumentKey;
+    private selectAll;
+    private keyDown;
+}
+export {};

package/dist/text-list-level.d.ts

@@ -0,0 +1,4 @@
+import type { Editor } from '@web-ppt/edit-core';
+import type { TextEditorContext } from './text-editor-context';
+/** 多段选区逐段保留相对级别，并合并为一次历史事务。 */
+export declare function changeTextListLevel(editor: Editor, context: TextEditorContext | null, delta: -1 | 1): boolean;

package/dist/vertex/index.d.ts

@@ -0,0 +1,2 @@
+export { createVertexEditor } from './vertex-editor';
+export type { VertexEditor, VertexEditorFactory, VertexEditorOptions } from './types';

package/dist/vertex/types.d.ts

@@ -0,0 +1,21 @@
+import type { CustomGeometry } from '@web-ppt/core';
+import type { ElementId } from '@web-ppt/edit-core';
+import type { EditorSession } from '../session';
+import type { SlideEditor } from '../slide-editor-types';
+export interface VertexEditorOptions {
+    onError?: (error: unknown) => void;
+}
+export interface VertexEditor {
+    readonly elementId: ElementId | null;
+    readonly geometry: CustomGeometry | null;
+    readonly destroyed: boolean;
+    /** 省略 id 时只接受当前单元素选区；预设形状必须先显式 convert。 */
+    start(id?: ElementId): boolean;
+    end(): void;
+    convert(id?: ElementId): boolean;
+    setClosed(pathId: string, closed: boolean): void;
+    setSegmentType(pathId: string, commandId: string, type: 'line' | 'cubic'): void;
+    refresh(): void;
+    destroy(): void;
+}
+export type VertexEditorFactory = (session: EditorSession, view: SlideEditor, options?: VertexEditorOptions) => VertexEditor;

package/dist/vertex/vertex-editor.d.ts

@@ -0,0 +1,4 @@
+import type { EditorSession } from '../session';
+import type { SlideEditor } from '../slide-editor-types';
+import type { VertexEditor, VertexEditorOptions } from './types';
+export declare function createVertexEditor(session: EditorSession, view: SlideEditor, options?: VertexEditorOptions): VertexEditor;

package/dist/vertex.js

@@ -0,0 +1,338 @@
+import { queryElementCustomGeometry as f, slideOfElement as v, setCustomGeometryClosed as E, setCustomGeometrySegmentType as S, elementFrameToSlidePoint as b, screenToSlidePoint as A, slideToElementFramePoint as x, moveCustomGeometryPoint as D } from "@web-ppt/edit-core";
+const I = 3, m = (u) => u.pointerId ?? 0;
+class K {
+  constructor(t) {
+    this.active = null, this.root = t;
+  }
+  get isActive() {
+    return this.active !== null;
+  }
+  begin(t, e) {
+    var i, o;
+    this.cancel();
+    const r = { x: t.clientX, y: t.clientY };
+    this.active = {
+      pointerId: m(t),
+      startScreen: r,
+      snapshot: {
+        screen: r,
+        altKey: t.altKey,
+        ctrlKey: t.ctrlKey,
+        metaKey: t.metaKey,
+        shiftKey: t.shiftKey
+      },
+      gesture: e,
+      started: !1,
+      frame: null,
+      cursor: this.root.style.cursor
+    };
+    try {
+      (o = (i = this.root).setPointerCapture) == null || o.call(i, m(t));
+    } catch {
+    }
+  }
+  move(t) {
+    var r, i;
+    const e = this.active;
+    if (!(!e || m(t) !== e.pointerId)) {
+      this.updateSnapshot(e, t);
+      try {
+        (i = (r = e.gesture).observePointer) == null || i.call(r, e.snapshot);
+      } catch (o) {
+        throw this.clear(e), o;
+      }
+      if (!e.started) {
+        if (Math.hypot(
+          e.snapshot.screen.x - e.startScreen.x,
+          e.snapshot.screen.y - e.startScreen.y
+        ) < I) return;
+        e.started = !0;
+        try {
+          e.gesture.start();
+        } catch (h) {
+          throw this.clear(e), h;
+        }
+        this.root.style.cursor = e.gesture.cursor, this.root.dataset[e.gesture.dataset.name] = e.gesture.dataset.value;
+      }
+      t.preventDefault(), this.scheduleFrame(e);
+    }
+  }
+  finish(t) {
+    var i, o;
+    const e = this.active;
+    if (!e || m(t) !== e.pointerId) return "ignored";
+    this.updateSnapshot(e, t);
+    let r;
+    try {
+      (o = (i = e.gesture).observePointer) == null || o.call(i, e.snapshot), r = e.started ? e.gesture.finish(e.snapshot) : null;
+    } catch (h) {
+      throw this.clear(e), h;
+    }
+    return this.clear(e), r == null || r(), r && t.preventDefault(), e.started ? "gesture" : "click";
+  }
+  /** 键盘确认使用最后一次指针快照；先清理 capture/rAF，再执行提交，避免订阅回调重入活动手势。 */
+  commit() {
+    const t = this.active;
+    if (!t) return !1;
+    let e = null;
+    try {
+      e = t.started ? t.gesture.finish(t.snapshot) : null;
+    } catch (r) {
+      throw this.clear(t), r;
+    }
+    return this.clear(t), e == null || e(), t.started;
+  }
+  modifier(t) {
+    const e = this.active;
+    return !e || !["Shift", "Alt", "Control", "Meta"].includes(t.key) ? !1 : (e.snapshot = {
+      ...e.snapshot,
+      altKey: t.altKey,
+      ctrlKey: t.ctrlKey,
+      metaKey: t.metaKey,
+      shiftKey: t.shiftKey
+    }, e.started && this.scheduleFrame(e), !0);
+  }
+  cancel() {
+    this.active && this.clear(this.active);
+  }
+  cancelPointer(t) {
+    this.active && m(t) === this.active.pointerId && this.clear(this.active);
+  }
+  updateSnapshot(t, e) {
+    t.snapshot = {
+      screen: { x: e.clientX, y: e.clientY },
+      altKey: e.altKey,
+      ctrlKey: e.ctrlKey,
+      metaKey: e.metaKey,
+      shiftKey: e.shiftKey
+    };
+  }
+  scheduleFrame(t) {
+    if (t.frame !== null) return;
+    const e = this.root.ownerDocument.defaultView;
+    if (!(e != null && e.requestAnimationFrame)) {
+      try {
+        t.gesture.frame(t.snapshot);
+      } catch (r) {
+        throw this.clear(t), r;
+      }
+      return;
+    }
+    t.frame = e.requestAnimationFrame(() => {
+      if (t.frame = null, this.active === t)
+        try {
+          t.gesture.frame(t.snapshot);
+        } catch (r) {
+          throw this.clear(t), r;
+        }
+    });
+  }
+  clear(t) {
+    var r, i;
+    this.active = null;
+    const e = this.root.ownerDocument.defaultView;
+    t.frame !== null && (e != null && e.cancelAnimationFrame) && e.cancelAnimationFrame(t.frame);
+    try {
+      t.started && t.gesture.clear();
+    } finally {
+      this.root.style.cursor = t.cursor, delete this.root.dataset[t.gesture.dataset.name];
+      try {
+        (i = (r = this.root).hasPointerCapture) != null && i.call(r, t.pointerId) && this.root.releasePointerCapture(t.pointerId);
+      } catch {
+      }
+    }
+  }
+}
+const P = "http://www.w3.org/2000/svg";
+function g(u, t) {
+  return u.createElementNS(P, t);
+}
+class C {
+  constructor(t, e, r) {
+    var l;
+    if (this.session = t, this.view = e, this.options = r, this.activeId = null, this.preview = null, this.isDestroyed = !1, this.pointerDown = (s) => {
+      const c = s.target instanceof Element ? s.target.closest("[data-ppt-vertex-point]") : null;
+      if (!(!c || s.button !== 0 || s.isPrimary === !1))
+        try {
+          const n = c.dataset.pptVertexPoint;
+          this.lifecycle.begin(s, this.gesture(n, this.requireGeometry())), this.stop(s);
+        } catch (n) {
+          this.report(n);
+        }
+    }, this.pointerMove = (s) => {
+      if (this.lifecycle.isActive)
+        try {
+          this.lifecycle.move(s), this.stop(s);
+        } catch (c) {
+          this.report(c);
+        }
+    }, this.pointerUp = (s) => {
+      if (this.lifecycle.isActive)
+        try {
+          this.lifecycle.finish(s), this.stop(s);
+        } catch (c) {
+          this.report(c);
+        }
+    }, this.pointerCancel = (s) => {
+      this.lifecycle.isActive && (this.lifecycle.cancelPointer(s), this.stop(s));
+    }, this.keyDown = (s) => {
+      s.key !== "Escape" || !this.lifecycle.isActive || (this.lifecycle.cancel(), this.stop(s));
+    }, t.disposed || e.destroyed) throw new Error("不能挂载到已释放的编辑视图");
+    this.root = e.element;
+    const i = this.root.querySelector("[data-ppt-stage]"), o = this.root.querySelector('[data-ppt-layer="interaction"]'), h = this.root.querySelector('[data-ppt-layer="static"]');
+    if (!i || !o || !h) throw new Error("编辑视图缺少三层 DOM");
+    this.stage = i, this.layer = o, this.lifecycle = new K(this.root), this.root.addEventListener("pointerdown", this.pointerDown, !0), this.root.addEventListener("pointermove", this.pointerMove, !0), this.root.addEventListener("pointerup", this.pointerUp, !0), this.root.addEventListener("pointercancel", this.pointerCancel, !0), this.root.addEventListener("keydown", this.keyDown, !0), this.unsubscribe = t.editor.subscribe(() => this.render());
+    const y = ((l = this.root.ownerDocument.defaultView) == null ? void 0 : l.MutationObserver) ?? MutationObserver;
+    this.observer = new y(() => this.render()), this.observer.observe(h, { childList: !0 });
+  }
+  get elementId() {
+    return this.activeId;
+  }
+  get geometry() {
+    return this.activeId ? f(this.session.editor.doc, this.activeId) : null;
+  }
+  get destroyed() {
+    return this.isDestroyed;
+  }
+  start(t) {
+    this.assertAlive();
+    const e = this.session.editor.selection, r = t ?? (e.kind === "elements" && e.ids.length === 1 ? e.ids[0] : null);
+    return !r || this.view.mode !== "edit" || v(this.session.editor.doc, r) !== this.view.slideId || !f(this.session.editor.doc, r) ? !1 : (this.activeId = r, this.preview = null, this.render(), !0);
+  }
+  end() {
+    var t;
+    this.lifecycle.cancel(), this.activeId = null, this.preview = null, (t = this.group()) == null || t.remove();
+  }
+  convert(t) {
+    this.assertAlive();
+    const e = this.session.editor.selection, r = t ?? (e.kind === "elements" && e.ids.length === 1 ? e.ids[0] : null);
+    if (!r || this.view.mode !== "edit") return !1;
+    try {
+      return this.session.editor.exec({ type: "ConvertToCustomGeometry", id: r }), this.start(r);
+    } catch (i) {
+      return this.report(i), !1;
+    }
+  }
+  setClosed(t, e) {
+    const r = this.requireGeometry();
+    this.session.editor.exec({
+      type: "SetGeometry",
+      id: this.activeId,
+      geometry: E(r, t, e)
+    });
+  }
+  setSegmentType(t, e, r) {
+    const i = this.requireGeometry();
+    this.session.editor.exec({
+      type: "SetGeometry",
+      id: this.activeId,
+      geometry: S(i, t, e, r)
+    });
+  }
+  refresh() {
+    this.assertAlive(), this.render();
+  }
+  destroy() {
+    var t;
+    this.isDestroyed || (this.isDestroyed = !0, this.lifecycle.cancel(), this.unsubscribe(), this.observer.disconnect(), this.root.removeEventListener("pointerdown", this.pointerDown, !0), this.root.removeEventListener("pointermove", this.pointerMove, !0), this.root.removeEventListener("pointerup", this.pointerUp, !0), this.root.removeEventListener("pointercancel", this.pointerCancel, !0), this.root.removeEventListener("keydown", this.keyDown, !0), (t = this.group()) == null || t.remove(), this.activeId = null, this.preview = null);
+  }
+  assertAlive() {
+    if (this.isDestroyed || this.session.disposed || this.view.destroyed)
+      throw new Error("顶点编辑扩展已经释放");
+  }
+  requireGeometry() {
+    this.assertAlive();
+    const t = this.geometry;
+    if (!t || !this.activeId) throw new Error("当前没有正在编辑的自由形状");
+    return t;
+  }
+  group() {
+    return this.layer.querySelector("[data-ppt-vertex-editor]");
+  }
+  slidePoint(t, e) {
+    const r = this.activeId, i = this.session.editor.effectiveElement(r);
+    return b(this.session.editor.doc, r, {
+      x: t.x.value / e.width * i.w,
+      y: t.y.value / e.height * i.h
+    });
+  }
+  render() {
+    var i;
+    (i = this.group()) == null || i.remove();
+    const t = this.activeId;
+    if (!t || this.isDestroyed || this.view.destroyed || this.view.mode !== "edit" || !this.session.editor.doc.elements[t] || v(this.session.editor.doc, t) !== this.view.slideId) return;
+    const e = this.preview ?? f(this.session.editor.doc, t);
+    if (!e) return;
+    const r = g(this.layer.ownerDocument, "g");
+    r.dataset.pptVertexEditor = "", r.dataset.pptVertexElement = t;
+    for (const o of e.paths) {
+      let h = null, y = null;
+      const l = (s, c) => {
+        const n = g(this.layer.ownerDocument, "line");
+        n.setAttribute("x1", String(s.x)), n.setAttribute("y1", String(s.y)), n.setAttribute("x2", String(c.x)), n.setAttribute("y2", String(c.y)), n.setAttribute("stroke", "#f59e0b"), n.setAttribute("stroke-width", String(1 / this.view.zoom)), n.style.pointerEvents = "none", r.append(n);
+      };
+      for (const s of o.commands) {
+        if (s.type === "arc") throw new Error("顶点查询未物化圆弧命令");
+        if (s.type === "close") {
+          h = y;
+          continue;
+        }
+        const c = s.points[s.points.length - 1], n = this.slidePoint(c, o), p = s.points.slice(0, -1).map((d) => this.slidePoint(d, o));
+        h && p.length && l(h, p[0]), p.length && l(p[p.length - 1], n), s.type === "move" && (y = n);
+        for (const d of s.points) {
+          const w = this.slidePoint(d, o), a = g(this.layer.ownerDocument, "circle");
+          a.dataset.pptVertexPoint = d.id, a.dataset.pptVertexPath = o.id, a.dataset.pptVertexRole = d.role, a.setAttribute("cx", String(w.x)), a.setAttribute("cy", String(w.y)), a.setAttribute("r", String((d.role === "anchor" ? 5 : 4) / this.view.zoom)), a.setAttribute("fill", d.role === "anchor" ? "#fff" : "#fef3c7"), a.setAttribute("stroke", d.role === "anchor" ? "#2563eb" : "#d97706"), a.setAttribute("stroke-width", String(1.5 / this.view.zoom)), a.style.pointerEvents = "all", a.style.cursor = "crosshair", r.append(a);
+        }
+        h = n;
+      }
+    }
+    this.layer.append(r);
+  }
+  geometryAt(t, e, r) {
+    const i = this.activeId, o = r.paths.find((c) => c.commands.some((n) => n.points.some((p) => p.id === e)));
+    if (!o) throw new Error(`找不到顶点路径：${e}`);
+    const h = this.stage.getBoundingClientRect(), y = A(t.screen, { left: h.left, top: h.top, zoom: this.view.zoom }), l = x(this.session.editor.doc, i, y), s = this.session.editor.effectiveElement(i);
+    return D(r, e, {
+      x: l.x / s.w * o.width,
+      y: l.y / s.h * o.height
+    });
+  }
+  gesture(t, e) {
+    let r = e;
+    const i = (o) => {
+      r = this.geometryAt(o, t, e), this.preview = r, this.render();
+    };
+    return {
+      cursor: "crosshair",
+      dataset: { name: "pptVertexDragging", value: t },
+      start: () => {
+      },
+      frame: i,
+      finish: (o) => {
+        i(o);
+        const h = this.activeId;
+        return () => {
+          this.preview = null, this.session.editor.exec({ type: "SetGeometry", id: h, geometry: r });
+        };
+      },
+      clear: () => {
+        this.preview = null, this.render();
+      }
+    };
+  }
+  stop(t) {
+    t.preventDefault(), t.stopImmediatePropagation();
+  }
+  report(t) {
+    var e, r;
+    this.lifecycle.cancel(), (r = (e = this.options).onError) == null || r.call(e, t), this.options.onError || queueMicrotask(() => {
+      throw t;
+    });
+  }
+}
+function G(u, t, e = {}) {
+  return new C(u, t, e);
+}
+export {
+  G as createVertexEditor
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-ppt/editor",
-  "version": "0.5.0-beta.1",
+  "version": "0.5.0-beta.2",
   "description": "Framework-agnostic browser editing session and DOM view for Web-PPT.",
   "keywords": [
     "pptx",
@@ -30,6 +30,10 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/editor.js"
     },
+    "./vertex": {
+      "types": "./dist/vertex/index.d.ts",
+      "import": "./dist/vertex.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -39,14 +43,14 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "vite build && tsc -p tsconfig.build.json",
+    "build": "vite build && node ../../tooling/check-editor-main-size.mjs && vite build --config vite.vertex.config.ts && tsc -p tsconfig.build.json",
     "prepublishOnly": "npm run build",
     "prepack": "node ../../tooling/sync-package-docs.mjs"
   },
   "peerDependencies": {
-    "@web-ppt/core": "^0.5.0-beta.1",
-    "@web-ppt/edit-core": "^0.5.0-beta.1",
-    "@web-ppt/viewer-core": "^0.5.0-beta.1"
+    "@web-ppt/core": "^0.5.0-beta.2",
+    "@web-ppt/edit-core": "^0.5.0-beta.2",
+    "@web-ppt/viewer-core": "^0.5.0-beta.2"
   },
   "publishConfig": {
     "access": "public"