@hyebook/vue3-adapter 0.2.0 → 0.2.1

package/dist/core/src/workbench/editor-workbench.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-workbench.d.ts","sourceRoot":"","sources":["../../../../../core/src/workbench/editor-workbench.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EAKR,kBAAkB,EAWnB,MAAM,gBAAgB,CAAC;AA8IxB,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,UAAU,CAAC,EAAE,gCAAgC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,gCAAgC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,WAAW,wBAAyB,SAAQ,2BAA2B;CAAG;AAEhF,MAAM,WAAW,uBAAwB,SAAQ,2BAA2B;IAC1E,SAAS,EAAE,qBAAqB,CAAC;CAClC;AAED,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,uBAAuB,KAC7B,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,CACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,wBAAwB,KAC9B,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;IACjD,sBAAsB,EAAE,CACtB,WAAW,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,KAC/C,kBAAkB,CAAC;IACxB,WAAW,EAAE,MAAM,uBAAuB,CAAC;IAC3C,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,iCAAiC,EAAE,uBAM/C,CAAC;AAEF,KAAK,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC;AA6PjC,wBAAgB,8BAA8B,IAAI,QAAQ,CA6GzD;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CAohIvB"}
+{"version":3,"file":"editor-workbench.d.ts","sourceRoot":"","sources":["../../../../../core/src/workbench/editor-workbench.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EAKR,kBAAkB,EAWnB,MAAM,gBAAgB,CAAC;AAkJxB,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,4BAA4B,CAAC;IACtC,UAAU,CAAC,EAAE,gCAAgC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,gCAAgC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,WAAW,wBAAyB,SAAQ,2BAA2B;CAAG;AAEhF,MAAM,WAAW,uBAAwB,SAAQ,2BAA2B;IAC1E,SAAS,EAAE,qBAAqB,CAAC;CAClC;AAED,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,uBAAuB,KAC7B,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,CACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,wBAAwB,KAC9B,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;IACjD,sBAAsB,EAAE,CACtB,WAAW,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,KAC/C,kBAAkB,CAAC;IACxB,WAAW,EAAE,MAAM,uBAAuB,CAAC;IAC3C,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,iCAAiC,EAAE,uBAM/C,CAAC;AAEF,KAAK,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC;AAsQjC,wBAAgB,8BAA8B,IAAI,QAAQ,CA6GzD;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CAszIvB"}

package/dist/core/src/workbench/editor-workbench.js

@@ -22,7 +22,7 @@ const WORKBENCH_CSS = `
 .hyewb-field-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;color:#64748b;pointer-events:none;z-index:1}
 .hyewb-field-icon svg{width:14px;height:14px;stroke-width:2}
 .hyewb-field-with-icon .hyewb-select,.hyewb-field-with-icon .hyewb-number{padding-left:30px}
-.hyewb-shell{border:1px dashed #b8c3d1;border-radius:10px;background:#eef4ff;padding:10px;overflow-x:auto}
+.hyewb-shell{border:1px dashed #b8c3d1;border-radius:10px;background:#eef4ff;padding:10px;overflow-x:auto;overflow-y:auto;overscroll-behavior:auto;-webkit-overflow-scrolling:touch}
 .hyewb-canvas{position:relative;background:#fff;border:1px solid #d9e3ee;border-radius:8px;min-height:420px;padding:20px 24px;box-shadow:0 6px 16px rgba(15,23,42,.08);margin:0 auto}
 .hyewb-editor{min-height:360px;outline:none;line-height:1.7;font-size:16px;color:#1e293b}
 .hyewb-float{position:fixed;z-index:9999;display:none;align-items:center;gap:6px;padding:6px 8px;border-radius:10px;border:1px solid #0f172a;background:rgba(15,23,42,.96);box-shadow:0 10px 24px rgba(15,23,42,.22)}
@@ -81,18 +81,20 @@ const WORKBENCH_CSS = `
 .hyewb-table-picker-row{display:flex;align-items:center;gap:8px}
 .hyewb-table-picker-confirm{border:1px solid #0b7285;background:#0b7285;color:#fff;border-radius:8px;height:32px;padding:0 10px;cursor:pointer}
 .hyewb-table-tools{display:none !important}
-.hyewb-table-tools.show{display:none !important}
+.hyewb-table-tools.show{display:flex !important}
 .hyewb-table-tools .hyewb-btn{width:30px;height:30px;border-color:#334155;background:#1e293b;color:#f8fafc}
 .hyewb-table-tools .hyewb-number{width:68px;height:30px;padding:4px 6px;border-color:#334155;background:#1e293b;color:#f8fafc}
 .hyewb-table-tools label{font-size:12px;color:#e2e8f0;display:inline-flex;align-items:center;gap:4px}
-.hyewb-table-row-delete{position:fixed;display:none;z-index:10026;width:30px;height:30px;border:1px solid #ef4444;background:#fff;color:#dc2626;border-radius:999px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.2);padding:0}
+.hyewb-table-row-delete{position:fixed;display:none;z-index:10026;width:20px;height:20px;border:1px solid #ef4444;background:#fff;color:#dc2626;border-radius:999px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.2);padding:0}
 .hyewb-table-row-delete.show{display:inline-flex}
 .hyewb-table-row-delete::before{content:"";position:absolute;left:-14px;top:-8px;width:20px;height:44px}
-.hyewb-table-handle{position:fixed;display:none;z-index:10030;width:24px;height:24px;border-radius:999px;border:1px solid #0284c7;background:#ffffff;color:#0369a1;align-items:center;justify-content:center;cursor:grab;box-shadow:0 8px 18px rgba(15,23,42,.2);padding:0}
+.hyewb-table-handle{position:fixed;display:none;z-index:10030;width:16px;height:16px;border-radius:999px;border:1px solid #0284c7;background:#ffffff;color:#0369a1;align-items:center;justify-content:center;cursor:grab;box-shadow:0 8px 18px rgba(15,23,42,.2);padding:0}
 .hyewb-table-handle.show{display:inline-flex}
 .hyewb-table-handle:active{cursor:grabbing}
 .hyewb-table-handle.scale{cursor:nwse-resize}
 .hyewb-table-handle.scale:active{cursor:nwse-resize}
+.hyewb-table-handle .hyewb-icon,.hyewb-table-row-delete .hyewb-icon{display:inline-flex;align-items:center;justify-content:center}
+.hyewb-table-handle svg,.hyewb-table-row-delete svg{width:8px;height:8px;stroke-width:2.25;flex:0 0 auto}
 .hyewb-table-edge-layer{position:fixed;display:none;z-index:10028;pointer-events:none}
 .hyewb-table-edge-layer.show{display:block}
 .hyewb-table-edge-hit{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;background:#f8fafc;color:#0369a1;border-radius:0px;cursor:grab;pointer-events:auto;line-height:1;font-size:12px;padding:0}
@@ -100,7 +102,7 @@ const WORKBENCH_CSS = `
 .hyewb-table-edge-hit.active{border-color:#0284c7;background:#e0f2fe;color:#0c4a6e}
 .hyewb-table-edge-layer.col .hyewb-table-edge-hit{height:14px}
 .hyewb-table-edge-layer.row .hyewb-table-edge-hit{width:14px}
-.hyewb-table-gap-insert{position:fixed;display:none;z-index:10029;width:20px;height:20px;border-radius:999px;border:1px solid #0284c7;background:#ffffff;color:#0369a1;cursor:pointer;align-items:center;justify-content:center;padding:0;font-size:14px;line-height:1;box-shadow:0 8px 18px rgba(15,23,42,.2)}
+.hyewb-table-gap-insert{position:fixed;display:none;z-index:10029;width:18px;height:18px;border-radius:999px;border:1px solid #0284c7;background:#ffffff;color:#0369a1;cursor:pointer;align-items:center;justify-content:center;padding:0;font-size:14px;line-height:1;box-shadow:0 8px 18px rgba(15,23,42,.2)}
 .hyewb-table-gap-insert.show{display:inline-flex}
 .hyewb-table-drop-indicator{position:fixed;display:none;z-index:10024;background:#0284c7;pointer-events:none;border-radius:999px}
 .hyewb-table-drop-indicator.show{display:block}
@@ -137,6 +139,8 @@ const WORKBENCH_CSS = `
 .hyewb-upload-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}
 .hyewb-upload-progress > span{display:block;height:100%;width:0;background:#0b7285;transition:width .18s ease}
 .hyewb-upload-error{min-height:18px;font-size:12px;color:#b91c1c;margin:0}
+.hyewb-root:fullscreen .hyewb-editor,.hyewb-root:fullscreen .hyewb-preview{min-height:1000px}
+.hyewb-root:-webkit-full-screen .hyewb-editor,.hyewb-root:-webkit-full-screen .hyewb-preview{min-height:1000px}
 `;
 export const DEFAULT_EDITOR_WORKBENCH_FEATURES = {
     textToolbar: true,
@@ -155,6 +159,8 @@ const WORKBENCH_ICON_PATHS = {
     bold: '<path d="M7 4h6a3 3 0 0 1 0 6H7z"/><path d="M7 10h7a3 3 0 0 1 0 6H7z"/>',
     "chevron-left": '<polyline points="15 18 9 12 15 6"/>',
     "chevron-right": '<polyline points="9 18 15 12 9 6"/>',
+    "fullscreen-enter": '<polyline points="9 3 3 3 3 9"/><line x1="3" y1="3" x2="10" y2="10"/><polyline points="15 3 21 3 21 9"/><line x1="14" y1="10" x2="21" y2="3"/><polyline points="3 15 3 21 9 21"/><line x1="3" y1="21" x2="10" y2="14"/><polyline points="15 21 21 21 21 15"/><line x1="14" y1="14" x2="21" y2="21"/>',
+    "fullscreen-exit": '<polyline points="10 14 10 21 3 21"/><line x1="10" y1="14" x2="3" y2="21"/><polyline points="14 10 21 10 21 3"/><line x1="14" y1="10" x2="21" y2="3"/><polyline points="3 9 3 3 9 3"/><line x1="3" y1="3" x2="10" y2="10"/><polyline points="21 15 21 21 15 21"/><line x1="21" y1="21" x2="14" y2="14"/>',
     "file-up": '<path d="M14 2H8a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><line x1="12" y1="18" x2="12" y2="12"/><polyline points="9.5 14.5 12 12 14.5 14.5"/>',
     image: '<rect x="3" y="5" width="18" height="14" rx="2"/><circle cx="9" cy="10" r="1.5"/><path d="M6 17l4-4 3 3 3-2 2 3"/>',
     italic: '<line x1="10" y1="4" x2="16" y2="4"/><line x1="8" y1="20" x2="14" y2="20"/><line x1="14" y1="4" x2="10" y2="20"/>',
@@ -163,10 +169,11 @@ const WORKBENCH_ICON_PATHS = {
     "paint-bucket": '<path d="M7 10l6-6 7 7-6 6z"/><path d="M12 5l7 7"/><path d="M5 19a2 2 0 1 0 4 0c0-1-1-2-2-3-1 1-2 2-2 3z"/>',
     palette: '<path d="M12 3a9 9 0 1 0 0 18h1.5a2.5 2.5 0 0 0 0-5h-1a2 2 0 0 1 0-4H16a5 5 0 0 0-4-9z"/><circle cx="7.5" cy="10" r="1"/><circle cx="10" cy="7.5" r="1"/><circle cx="14" cy="7.5" r="1"/>',
     pilcrow: '<path d="M9 4h7v16"/><path d="M12 4v16"/><path d="M9 4a4 4 0 0 0 0 8h3"/>',
+    "resize-se": '<polyline points="11 13 13 13 13 11"/><line x1="10" y1="14" x2="14" y2="10"/><polyline points="15 19 19 19 19 15"/><line x1="14" y1="20" x2="20" y2="14"/>',
     "square-plus": '<rect x="3" y="3" width="18" height="18" rx="2"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="8" y1="12" x2="16" y2="12"/>',
     strikethrough: '<path d="M16 5a4 4 0 0 0-8 0c0 2.2 2 3.2 4 4"/><path d="M8 19a4 4 0 0 0 8 0c0-2.2-2-3.2-4-4"/><line x1="4" y1="12" x2="20" y2="12"/>',
-    subscript: '<path d="M4 6l6 8 6-8"/><line x1="16" y1="20" x2="20" y2="20"/><line x1="18" y1="18" x2="18" y2="22"/>',
-    superscript: '<path d="M4 18l6-8 6 8"/><line x1="16" y1="4" x2="20" y2="4"/><line x1="18" y1="2" x2="18" y2="6"/>',
+    subscript: '<line x1="4" y1="8" x2="10" y2="16"/><line x1="10" y1="8" x2="4" y2="16"/><path d="M14 15c0-1.1.9-2 2-2s2 .9 2 2c0 .7-.3 1.2-.9 1.7L14 20h4"/>',
+    superscript: '<line x1="4" y1="8" x2="10" y2="16"/><line x1="10" y1="8" x2="4" y2="16"/><path d="M14 6c0-1.1.9-2 2-2s2 .9 2 2c0 .7-.3 1.2-.9 1.7L14 11h4"/>',
     table: '<rect x="3" y="5" width="18" height="14" rx="1"/><line x1="3" y1="10" x2="21" y2="10"/><line x1="9" y1="5" x2="9" y2="19"/><line x1="15" y1="5" x2="15" y2="19"/>',
     underline: '<path d="M6 4v6a6 6 0 0 0 12 0V4"/><line x1="4" y1="20" x2="20" y2="20"/>',
     video: '<rect x="3" y="6" width="14" height="12" rx="2"/><polygon points="10 10 10 14 13 12"/><path d="M17 10l4-2v8l-4-2z"/>',
@@ -191,6 +198,7 @@ const WORKBENCH_BUTTONS = {
     alignCenter: { icon: "align-center", ariaLabel: "居中" },
     alignRight: { icon: "align-right", ariaLabel: "右对齐" },
     alignJustify: { icon: "align-justify", ariaLabel: "两端对齐" },
+    fullscreen: { icon: "fullscreen-enter", ariaLabel: "全屏" },
     close: { icon: "x", ariaLabel: "关闭" },
 };
 const COLOR_SWATCHES = [
@@ -265,6 +273,7 @@ const RESIZE_HANDLES = [
     "sw",
     "w",
 ];
+const DEFAULT_FLOW_BLOCK_WIDTH = 620;
 export function createDefaultWorkbenchDocument() {
     const now = new Date().toISOString();
     return {
@@ -393,6 +402,7 @@ export function mountEditorWorkbench(container, options = {}) {
     const title = document.createElement("div");
     title.className = "hyewb-title";
     title.textContent = options.title ?? "hy-ebook Editor Workbench";
+    const fullscreenBtn = createButton("fullscreen");
     header.append(title);
     const toolbar = document.createElement("div");
     toolbar.className = "hyewb-row";
@@ -611,7 +621,7 @@ export function mountEditorWorkbench(container, options = {}) {
     tableScaleHandle.className = "hyewb-table-handle scale";
     tableScaleHandle.title = "按比例缩放表格";
     tableScaleHandle.setAttribute("aria-label", "按比例缩放表格");
-    tableScaleHandle.append(createIconPlaceholder("table"));
+    tableScaleHandle.append(createIconPlaceholder("resize-se"));
     const tableColEdgeLayer = document.createElement("div");
     tableColEdgeLayer.className = "hyewb-table-edge-layer col";
     const tableRowEdgeLayer = document.createElement("div");
@@ -662,7 +672,8 @@ export function mountEditorWorkbench(container, options = {}) {
     const addPageBtn = createButton("addPage");
     const pageInfo = document.createElement("span");
     pageInfo.className = "hyewb-status";
-    pageRow.append(prevPageBtn, nextPageBtn, addPageBtn, pageInfo);
+    fullscreenBtn.style.marginLeft = "auto";
+    pageRow.append(prevPageBtn, nextPageBtn, addPageBtn, pageInfo, fullscreenBtn);
     const shell = document.createElement("div");
     shell.className = "hyewb-shell";
     const canvas = document.createElement("div");
@@ -802,6 +813,77 @@ export function mountEditorWorkbench(container, options = {}) {
         speedMbps: undefined,
         error: undefined,
     };
+    const setButtonIcon = (button, iconName) => {
+        button.innerHTML = "";
+        button.append(createIconPlaceholder(iconName));
+    };
+    const getFullscreenElement = () => {
+        const webkitDocument = document;
+        return (document.fullscreenElement ||
+            webkitDocument.webkitFullscreenElement ||
+            null);
+    };
+    const isWorkbenchFullscreen = () => {
+        return getFullscreenElement() === root;
+    };
+    const updateFullscreenButtonState = () => {
+        const isFullscreen = isWorkbenchFullscreen();
+        setButtonActive(fullscreenBtn, isFullscreen);
+        setButtonIcon(fullscreenBtn, isFullscreen ? "fullscreen-exit" : "fullscreen-enter");
+        const label = isFullscreen ? "退出全屏" : "全屏";
+        fullscreenBtn.title = label;
+        fullscreenBtn.setAttribute("aria-label", label);
+    };
+    const updateShellViewportHeight = () => {
+        const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+        const top = root.getBoundingClientRect().top;
+        const bottomPadding = isWorkbenchFullscreen() ? 16 : 24;
+        const nextHeight = Math.max(320, Math.floor(viewportHeight - top - bottomPadding));
+        shell.style.maxHeight = `${nextHeight}px`;
+    };
+    const requestWorkbenchFullscreen = async () => {
+        const target = root;
+        if (typeof target.requestFullscreen === "function") {
+            await target.requestFullscreen();
+            return;
+        }
+        if (typeof target.webkitRequestFullscreen === "function") {
+            target.webkitRequestFullscreen();
+            return;
+        }
+        throw new Error("当前环境不支持全屏");
+    };
+    const exitWorkbenchFullscreen = async () => {
+        const webkitDocument = document;
+        if (typeof document.exitFullscreen === "function") {
+            await document.exitFullscreen();
+            return;
+        }
+        if (typeof webkitDocument.webkitExitFullscreen === "function") {
+            webkitDocument.webkitExitFullscreen();
+            return;
+        }
+        if (typeof webkitDocument.webkitCancelFullScreen === "function") {
+            webkitDocument.webkitCancelFullScreen();
+        }
+    };
+    const toggleWorkbenchFullscreen = async () => {
+        try {
+            if (isWorkbenchFullscreen()) {
+                await exitWorkbenchFullscreen();
+            }
+            else {
+                await requestWorkbenchFullscreen();
+            }
+        }
+        catch {
+            status.textContent = "当前浏览器不支持全屏";
+        }
+        finally {
+            updateFullscreenButtonState();
+            updateShellViewportHeight();
+        }
+    };
     const formatUploadProgress = (percent) => {
         const safe = Number.isFinite(percent) ? percent : 0;
         const clamped = Math.max(0, Math.min(100, safe));
@@ -947,7 +1029,7 @@ export function mountEditorWorkbench(container, options = {}) {
             const mammothNamespace = await import("mammoth");
             const mammothModule = resolveMammothModule(mammothNamespace);
             const arrayBuffer = await file.arrayBuffer();
-            const xmlPreferredFlowBlocks = await parseDocxFlowBlocksFromXml(arrayBuffer);
+            const xmlPreferredFlowBlocks = await parseDocxFlowBlocksFromXml(arrayBuffer, resolveDocxImportMaxFlowBlockWidth(state.doc.settings.page, paperWidth));
             if (xmlPreferredFlowBlocks?.length) {
                 syncEditorToDoc();
                 const nextDoc = clone(state.doc);
@@ -1220,11 +1302,11 @@ export function mountEditorWorkbench(container, options = {}) {
         }
         cancelTableToolsHide();
         const tableRect = activeTableElement.getBoundingClientRect();
-        tableMoveHandle.style.left = `${Math.round(tableRect.left - 18)}px`;
-        tableMoveHandle.style.top = `${Math.round(tableRect.top - 18)}px`;
+        tableMoveHandle.style.left = `${Math.round(tableRect.left - 14)}px`;
+        tableMoveHandle.style.top = `${Math.round(tableRect.top - 14)}px`;
         tableMoveHandle.classList.add("show");
-        tableScaleHandle.style.left = `${Math.round(tableRect.right - 12)}px`;
-        tableScaleHandle.style.top = `${Math.round(tableRect.bottom - 12)}px`;
+        tableScaleHandle.style.left = `${Math.round(tableRect.right - 10)}px`;
+        tableScaleHandle.style.top = `${Math.round(tableRect.bottom - 10)}px`;
         tableScaleHandle.classList.add("show");
         tableColEdgeLayer.style.left = `${Math.round(tableRect.left)}px`;
         tableColEdgeLayer.style.top = `${Math.round(tableRect.top - 12)}px`;
@@ -1240,7 +1322,7 @@ export function mountEditorWorkbench(container, options = {}) {
         if (activeTableRowElement) {
             const rowRect = activeTableRowElement.getBoundingClientRect();
             tableRowDeleteBtn.style.left = `${Math.round(rowRect.right - 2)}px`;
-            tableRowDeleteBtn.style.top = `${Math.round(rowRect.top + rowRect.height / 2 - 14)}px`;
+            tableRowDeleteBtn.style.top = `${Math.round(rowRect.top + rowRect.height / 2 - 10)}px`;
             tableRowDeleteBtn.classList.add("show");
         }
         else {
@@ -1587,8 +1669,8 @@ export function mountEditorWorkbench(container, options = {}) {
         return best;
     };
     const updateGapInsertButton = (hover) => {
-        const rowGapOffset = { x: -3, y: -10 };
-        const colGapOffset = { x: -10, y: -3 };
+        const rowGapOffset = { x: -1, y: -9 };
+        const colGapOffset = { x: -9, y: -1 };
         tableGapHover = hover;
         if (!hover || state.mode !== "editor") {
             tableRowGapInsertBtn.classList.remove("show");
@@ -1847,6 +1929,119 @@ export function mountEditorWorkbench(container, options = {}) {
             rememberedParagraphIndex = index;
         }
     };
+    const normalizeVerticalAlignValue = (value) => {
+        return String(value || "")
+            .trim()
+            .toLowerCase();
+    };
+    const detectScriptMarkFromElement = (element) => {
+        let cursor = element;
+        while (cursor && cursor !== editorArea) {
+            const tagName = cursor.tagName.toLowerCase();
+            if (tagName === "sup") {
+                return "superscript";
+            }
+            if (tagName === "sub") {
+                return "subscript";
+            }
+            const inlineAlign = normalizeVerticalAlignValue(cursor.style?.verticalAlign);
+            if (inlineAlign === "super") {
+                return "superscript";
+            }
+            if (inlineAlign === "sub") {
+                return "subscript";
+            }
+            cursor = cursor.parentElement;
+        }
+        return null;
+    };
+    const doesRangeIntersectNode = (range, node) => {
+        try {
+            return range.intersectsNode(node);
+        }
+        catch {
+            return false;
+        }
+    };
+    const resolveScriptStateFromRange = (range) => {
+        if (!range) {
+            return { superscript: false, subscript: false };
+        }
+        const detectFromContainer = (container) => {
+            const element = container.nodeType === Node.ELEMENT_NODE
+                ? container
+                : container.parentElement;
+            return detectScriptMarkFromElement(element);
+        };
+        const fromStart = detectFromContainer(range.startContainer);
+        const fromEnd = detectFromContainer(range.endContainer);
+        const mark = fromStart || fromEnd;
+        return {
+            superscript: mark === "superscript",
+            subscript: mark === "subscript",
+        };
+    };
+    const getActiveEditorRange = () => {
+        const selection = window.getSelection();
+        if (selection &&
+            selection.rangeCount > 0 &&
+            editorArea.contains(selection.getRangeAt(0).startContainer) &&
+            editorArea.contains(selection.getRangeAt(0).endContainer)) {
+            return selection.getRangeAt(0);
+        }
+        return rememberedRange;
+    };
+    const clearScriptMarkInRange = (range, command) => {
+        const selector = command === "superscript"
+            ? 'sup,span[style*="vertical-align: super"],span[style*="vertical-align:super"]'
+            : 'sub,span[style*="vertical-align: sub"],span[style*="vertical-align:sub"]';
+        const rootNode = range.commonAncestorContainer.nodeType === Node.ELEMENT_NODE
+            ? range.commonAncestorContainer
+            : range.commonAncestorContainer.parentElement;
+        if (!rootNode) {
+            return;
+        }
+        const candidateSet = new Set();
+        const addIfMatches = (element) => {
+            let cursor = element;
+            while (cursor && cursor !== editorArea) {
+                if (cursor.matches(selector) && doesRangeIntersectNode(range, cursor)) {
+                    candidateSet.add(cursor);
+                }
+                cursor = cursor.parentElement;
+            }
+        };
+        addIfMatches(range.startContainer.nodeType === Node.ELEMENT_NODE
+            ? range.startContainer
+            : range.startContainer.parentElement);
+        addIfMatches(range.endContainer.nodeType === Node.ELEMENT_NODE
+            ? range.endContainer
+            : range.endContainer.parentElement);
+        rootNode.querySelectorAll(selector).forEach((node) => {
+            if (doesRangeIntersectNode(range, node)) {
+                candidateSet.add(node);
+            }
+        });
+        Array.from(candidateSet).forEach((element) => {
+            const tagName = element.tagName.toLowerCase();
+            if (tagName === "sup" || tagName === "sub") {
+                const parent = element.parentNode;
+                if (!parent) {
+                    return;
+                }
+                while (element.firstChild) {
+                    parent.insertBefore(element.firstChild, element);
+                }
+                parent.removeChild(element);
+                return;
+            }
+            element.style.removeProperty("vertical-align");
+            element.style.removeProperty("top");
+            if (!element.getAttribute("style")?.trim()) {
+                element.removeAttribute("style");
+            }
+        });
+    };
     const syncToolbarState = () => {
         if (!state.features.textToolbar || state.mode !== "editor") {
             return;
@@ -1874,11 +2069,14 @@ export function mountEditorWorkbench(container, options = {}) {
         const strikeActive = canReflect
             ? safeQueryCommandState("strikeThrough")
             : false;
+        const scriptState = canReflect
+            ? resolveScriptStateFromRange(getActiveEditorRange())
+            : { superscript: false, subscript: false };
         const superscriptActive = canReflect
-            ? safeQueryCommandState("superscript")
+            ? safeQueryCommandState("superscript") || scriptState.superscript
             : false;
         const subscriptActive = canReflect
-            ? safeQueryCommandState("subscript")
+            ? safeQueryCommandState("subscript") || scriptState.subscript
             : false;
         [boldBtn, floatBoldBtn].forEach((btn) => setButtonActive(btn, boldActive));
         [italicBtn, floatItalicBtn].forEach((btn) => setButtonActive(btn, italicActive));
@@ -2071,6 +2269,26 @@ export function mountEditorWorkbench(container, options = {}) {
         syncToolbarState();
         updateFloatingToolbarBySelection();
     };
+    const toggleScriptMark = (command, activeMessage) => {
+        withSelectionCommand(() => {
+            const opposite = command === "superscript" ? "subscript" : "superscript";
+            const activeRange = getActiveEditorRange();
+            const currentScriptState = resolveScriptStateFromRange(activeRange);
+            const wasActive = command === "superscript"
+                ? currentScriptState.superscript
+                : currentScriptState.subscript;
+            if (activeRange) {
+                clearScriptMarkInRange(activeRange, opposite);
+            }
+            if (wasActive) {
+                if (activeRange) {
+                    clearScriptMarkInRange(activeRange, command);
+                }
+                return;
+            }
+            document.execCommand(command, false);
+        }, activeMessage);
+    };
     const applyColorFromPalette = (color) => {
         if (!activeColorTarget) {
             return;
@@ -2741,14 +2959,10 @@ export function mountEditorWorkbench(container, options = {}) {
         }, "已应用删除线");
     });
     superscriptBtn.addEventListener("click", () => {
-        withSelectionCommand(() => {
-            document.execCommand("superscript", false);
-        }, "已应用上角标");
+        toggleScriptMark("superscript", "已切换上角标");
     });
     subscriptBtn.addEventListener("click", () => {
-        withSelectionCommand(() => {
-            document.execCommand("subscript", false);
-        }, "已应用下角标");
+        toggleScriptMark("subscript", "已切换下角标");
     });
     headingSelect.addEventListener("change", () => {
         const value = headingSelect.value === "h1" ||
@@ -2823,6 +3037,12 @@ export function mountEditorWorkbench(container, options = {}) {
         }, 140);
     };
     [
+        boldBtn,
+        italicBtn,
+        underlineBtn,
+        strikeBtn,
+        superscriptBtn,
+        subscriptBtn,
         floatBoldBtn,
         floatItalicBtn,
         floatUnderlineBtn,
@@ -2886,14 +3106,10 @@ export function mountEditorWorkbench(container, options = {}) {
         }, "已应用删除线");
     });
     floatSuperscriptBtn.addEventListener("click", () => {
-        withSelectionCommand(() => {
-            document.execCommand("superscript", false);
-        }, "已应用上角标");
+        toggleScriptMark("superscript", "已切换上角标");
     });
     floatSubscriptBtn.addEventListener("click", () => {
-        withSelectionCommand(() => {
-            document.execCommand("subscript", false);
-        }, "已应用下角标");
+        toggleScriptMark("subscript", "已切换下角标");
     });
     floatFontSizeSelect.addEventListener("change", () => {
         applyFontSize(floatFontSizeSelect.value);
@@ -3537,12 +3753,14 @@ export function mountEditorWorkbench(container, options = {}) {
         rememberActiveParagraphIndex();
         updateInlineResizeOverlay();
         updateFloatingToolbarBySelection();
+        syncToolbarState();
         syncFocusedTableControls();
     });
     editorArea.addEventListener("keyup", () => {
         rememberActiveParagraphIndex();
         updateInlineResizeOverlay();
         updateFloatingToolbarBySelection();
+        syncToolbarState();
         syncFocusedTableControls();
     });
     editorArea.addEventListener("blur", () => {
@@ -3565,6 +3783,7 @@ export function mountEditorWorkbench(container, options = {}) {
         syncFocusedTableControls();
     };
     const handleWindowResize = () => {
+        updateShellViewportHeight();
         updateInlineResizeOverlay();
         syncTableToolsPosition();
         syncFocusedTableControls();
@@ -3573,6 +3792,7 @@ export function mountEditorWorkbench(container, options = {}) {
         }
     };
     const handleWindowScroll = () => {
+        updateShellViewportHeight();
         updateInlineResizeOverlay();
         updateFloatingToolbarBySelection();
         syncTableToolsPosition();
@@ -3592,6 +3812,17 @@ export function mountEditorWorkbench(container, options = {}) {
     };
     window.addEventListener("resize", handleWindowResize);
     window.addEventListener("scroll", handleWindowScroll, true);
+    const handleFullscreenChange = () => {
+        window.requestAnimationFrame(() => {
+            updateFullscreenButtonState();
+            updateShellViewportHeight();
+            updateInlineResizeOverlay();
+            syncTableToolsPosition();
+            syncFocusedTableControls();
+        });
+    };
+    document.addEventListener("fullscreenchange", handleFullscreenChange);
+    document.addEventListener("webkitfullscreenchange", handleFullscreenChange);
     document.addEventListener("selectionchange", handleSelectionChange);
     const handleDocumentPointerDownForPalette = (event) => {
         const clickTarget = event.target;
@@ -3663,6 +3894,9 @@ export function mountEditorWorkbench(container, options = {}) {
     };
     document.addEventListener("pointerdown", handleDocumentPointerDownForPalette);
     document.addEventListener("keydown", handleDocumentKeyDown);
+    fullscreenBtn.addEventListener("click", () => {
+        void toggleWorkbenchFullscreen();
+    });
     tableAddBtn.addEventListener("mousedown", preserveSelectionForInputControl);
     videoAddBtn.addEventListener("mousedown", preserveSelectionForInputControl);
     videoAddBtn.addEventListener("click", () => {
@@ -3742,6 +3976,8 @@ export function mountEditorWorkbench(container, options = {}) {
     nextPageBtn.addEventListener("click", () => jumpPage(1));
     addPageBtn.addEventListener("click", addPage);
     render();
+    updateFullscreenButtonState();
+    updateShellViewportHeight();
     syncToolbarState();
     emitDocumentChange();
     return {
@@ -3755,6 +3991,8 @@ export function mountEditorWorkbench(container, options = {}) {
             window.removeEventListener("scroll", handleWindowScroll, true);
             document.removeEventListener("pointerdown", handleDocumentPointerDownForPalette);
             document.removeEventListener("keydown", handleDocumentKeyDown);
+            document.removeEventListener("fullscreenchange", handleFullscreenChange);
+            document.removeEventListener("webkitfullscreenchange", handleFullscreenChange);
             container.innerHTML = "";
         },
         getDocument: () => clone(state.doc),
@@ -4593,7 +4831,7 @@ function resolveMammothModule(namespace) {
     const candidate = namespace?.default ?? namespace;
     return candidate;
 }
-async function parseDocxFlowBlocksFromXml(arrayBuffer) {
+async function parseDocxFlowBlocksFromXml(arrayBuffer, maxFlowBlockWidth) {
     try {
         const archive = await loadDocxArchive(arrayBuffer);
         if (!archive) {
@@ -4609,7 +4847,7 @@ async function parseDocxFlowBlocksFromXml(arrayBuffer) {
         const themeXml = await archive
             .file("word/theme/theme1.xml")
             ?.async("string");
-        return parseDocxBodyToFlowBlocks(documentXml, stylesXml, themeXml);
+        return parseDocxBodyToFlowBlocks(documentXml, stylesXml, themeXml, maxFlowBlockWidth);
     }
     catch {
         return undefined;
@@ -4623,7 +4861,7 @@ async function loadDocxArchive(arrayBuffer) {
     }
     return zipRuntime.loadAsync(arrayBuffer);
 }
-function parseDocxBodyToFlowBlocks(documentXml, stylesXml, themeXml) {
+function parseDocxBodyToFlowBlocks(documentXml, stylesXml, themeXml, maxFlowBlockWidth) {
     const parser = new DOMParser();
     const documentDoc = parser.parseFromString(documentXml, "application/xml");
     const body = findDescendantByLocalName(documentDoc.documentElement, "body");
@@ -4642,7 +4880,7 @@ function parseDocxBodyToFlowBlocks(documentXml, stylesXml, themeXml) {
             continue;
         }
         if (name === "tbl") {
-            blocks.push(parseDocxTableNode(child, index, styleContext));
+            blocks.push(parseDocxTableNode(child, index, styleContext, maxFlowBlockWidth));
             index += 1;
         }
     }
@@ -4974,11 +5212,11 @@ function mergeTextMarks(...sources) {
     }
     return merged;
 }
-function parseDocxTableNode(tableNode, index, styleContext) {
+function parseDocxTableNode(tableNode, index, styleContext, maxFlowBlockWidth) {
     const tableProps = childXmlNodeByLocalName(tableNode, "tblPr");
     const tableStyleId = xmlAttribute(childXmlNodeByLocalName(tableProps, "tblStyle"), "val");
     const tableTextStyle = resolveDocxStyle(styleContext, tableStyleId, "table");
-    const tableStyle = resolveDocxTableBlockStyle(tableProps, styleContext.themeColorMap);
+    const tableStyleInfo = resolveDocxTableBlockStyle(tableProps, styleContext.themeColorMap, maxFlowBlockWidth);
     const tableBorders = resolveDocxTableBorderSet(tableProps, styleContext.themeColorMap);
     const rowNodes = Array.from(tableNode.children).filter((node) => {
         return xmlLocalName(node) === "tr";
@@ -5070,12 +5308,15 @@ function parseDocxTableNode(tableNode, index, styleContext) {
             cells,
         };
     });
+    const tableWidth = tableStyleInfo.widthPx ??
+        resolveFlowBlockWidthWithinBounds(maxFlowBlockWidth, DEFAULT_FLOW_BLOCK_WIDTH) ??
+        DEFAULT_FLOW_BLOCK_WIDTH;
     return {
         id: `table-${Date.now()}-${index}`,
         type: "table",
-        rect: { x: 80, y: 80 + index * 24, width: 620, height: 120 },
+        rect: { x: 80, y: 80 + index * 24, width: tableWidth, height: 120 },
         zIndex: index + 1,
-        ...(tableStyle ? { style: tableStyle } : {}),
+        ...(tableStyleInfo.style ? { style: tableStyleInfo.style } : {}),
         rows: rows.length
             ? rows
             : [
@@ -5110,9 +5351,9 @@ function resolvePrimaryTextStyleFromParagraphs(paragraphs) {
     }
     return undefined;
 }
-function resolveDocxTableBlockStyle(tableProps, themeColorMap) {
+function resolveDocxTableBlockStyle(tableProps, themeColorMap, maxFlowBlockWidth) {
     const borders = childXmlNodeByLocalName(tableProps, "tblBorders");
-    const tableWidth = resolveDocxTableWidthPx(tableProps);
+    const tableWidth = resolveFlowBlockWidthWithinBounds(maxFlowBlockWidth, resolveDocxTableWidthPx(tableProps));
     const styleTokens = ["border-collapse:collapse"];
     const borderSides = [
         "top",
@@ -5132,7 +5373,36 @@ function resolveDocxTableBlockStyle(tableProps, themeColorMap) {
     if (tableWidth !== undefined) {
         styleTokens.push(`width:${tableWidth}px`);
     }
-    return styleTokens.join(";");
+    return {
+        style: styleTokens.join(";"),
+        widthPx: tableWidth,
+    };
+}
+function resolveFlowBlockWidthWithinBounds(maxWidth, preferredWidth) {
+    const safeMax = Number.isFinite(maxWidth) && Number(maxWidth) > 0
+        ? Math.max(1, Math.round(Number(maxWidth)))
+        : undefined;
+    const safePreferred = Number.isFinite(preferredWidth) && Number(preferredWidth) > 0
+        ? Math.max(1, Math.round(Number(preferredWidth)))
+        : undefined;
+    if (safeMax === undefined) {
+        return safePreferred;
+    }
+    if (safePreferred === undefined) {
+        return safeMax;
+    }
+    return Math.min(safePreferred, safeMax);
+}
+function resolveDocxImportMaxFlowBlockWidth(page, fallbackPaperWidth) {
+    const pageWidth = resolvePaperWidth(page.width, fallbackPaperWidth);
+    const marginLeft = Number.isFinite(page.marginLeft)
+        ? Math.max(0, page.marginLeft)
+        : 0;
+    const marginRight = Number.isFinite(page.marginRight)
+        ? Math.max(0, page.marginRight)
+        : 0;
+    const availableWidth = Math.max(240, pageWidth - marginLeft - marginRight);
+    return Math.min(DEFAULT_FLOW_BLOCK_WIDTH, availableWidth);
 }
 function resolveDocxTableCellStyle(cellProps, themeColorMap, rowHeight, tableBorders, gridPos) {
     if (!cellProps) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyebook/vue3-adapter",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Vue3 adapter for hy-ebook core",
   "repository": {
     "type": "git",
@@ -17,7 +17,7 @@
     "dist"
   ],
   "dependencies": {
-    "@hyebook/core": "^0.2.0"
+    "@hyebook/core": "^0.2.1"
   },
   "scripts": {
     "build": "tsc -p tsconfig.json",