@univerjs-pro/embed-ui 1.0.0-alpha.8 → 1.0.0-beta.1

package/lib/locale/zh-TW.js

@@ -1 +1 @@
-const _0x56c7ff=_0x231c;(function(_0x4ce006,_0x3e8d85){const _0x4fc759=_0x231c,_0x38013c=_0x4ce006();while(!![]){try{const _0x29b99b=parseInt(_0x4fc759(0xd4))/0x1*(-parseInt(_0x4fc759(0xc2))/0x2)+parseInt(_0x4fc759(0xc6))/0x3*(parseInt(_0x4fc759(0xc1))/0x4)+parseInt(_0x4fc759(0xc5))/0x5*(-parseInt(_0x4fc759(0xd5))/0x6)+parseInt(_0x4fc759(0xc3))/0x7+-parseInt(_0x4fc759(0xd6))/0x8*(-parseInt(_0x4fc759(0xd0))/0x9)+parseInt(_0x4fc759(0xcb))/0xa*(parseInt(_0x4fc759(0xd8))/0xb)+parseInt(_0x4fc759(0xdb))/0xc*(parseInt(_0x4fc759(0xd3))/0xd);if(_0x29b99b===_0x3e8d85)break;else _0x38013c['push'](_0x38013c['shift']());}catch(_0x5541fc){_0x38013c['push'](_0x38013c['shift']());}}}(_0x145d,0xd3dfb));const e={'embed-ui':{'deleteBlock':_0x56c7ff(0xc0),'fullscreen':{'exit':_0x56c7ff(0xc4)},'boardsFloating':{'fitContent':_0x56c7ff(0xd2),'zoomOut':'縮小','resetZoom':'重設縮放','zoomIn':'放大','delete':'刪除'},'basesFloating':{'copySuffix':'副本','delete':'刪除','confirmDelete':{'viewTitle':_0x56c7ff(0xd9),'viewDescription':_0x56c7ff(0xbf),'tableTitle':_0x56c7ff(0xc9),'tableDescription':'此表和其中的記錄將被刪除。'},'tableSidebar':{'defaultTableName':'表\x20{0}'},'duplicateTable':{'copyName':_0x56c7ff(0xbd)},'viewSettings':{'title':_0x56c7ff(0xbe),'addView':_0x56c7ff(0xce),'configureView':'設定檢視','deleteView':'刪除檢視'}},'sheetsFloating':{'toolbar':{'formatPainter':_0x56c7ff(0xda),'font':'字型','fontSize':'字型大小','numberFormat':_0x56c7ff(0xc8),'bold':'粗體','filter':'篩選','resetColor':'重置顏色','textColor':{'main':_0x56c7ff(0xd1)},'fillColor':{'main':'填滿色彩'},'border':{'main':'邊框'},'mergeCell':{'main':'合併儲存格'},'horizontalAlignMode':{'main':_0x56c7ff(0xc7)},'verticalAlignMode':{'main':_0x56c7ff(0xcf)},'textWrapMode':{'main':_0x56c7ff(0xcd)}},'align':{'left':_0x56c7ff(0xcc),'center':'置中','right':_0x56c7ff(0xd7),'top':'靠上對齊','middle':'垂直置中','bottom':'靠下對齊'},'borderLine':{'borderColor':'邊框顏色','borderSize':_0x56c7ff(0xca)},'textWrap':{'overflow':'溢出','wrap':'自動換行','clip':'截斷'}}}};function _0x231c(_0x42dd19,_0x303e48){_0x42dd19=_0x42dd19-0xbd;const _0x145d35=_0x145d();let _0x231c27=_0x145d35[_0x42dd19];return _0x231c27;}function _0x145d(){const _0x1f637f=['70103PckiAl','刪除此檢視？','複製格式','108ytzdsV','{0}\x20副本','檢視設定','此檢視將被刪除。','刪除嵌入區塊','1872wqSVSN','10VqyfPG','5509952YXpFLl','退出全螢幕','858830pSCPUx','1401FxOpcK','水平對齊','數字格式','刪除此表？','邊框粗細','830rpVWcj','靠左對齊','自動換行','新增檢視','垂直對齊','9AhpzJt','字型顏色','適應內容','1132677VypKMg','204496rjPYrh','36ZpznGd','4816792bheYKJ','靠右對齊'];_0x145d=function(){return _0x1f637f;};return _0x145d();}export{e as default};
+const _0x370ae1=_0x8fb6;(function(_0x117350,_0x86da71){const _0x5f286a=_0x8fb6,_0x3eed82=_0x117350();while(!![]){try{const _0xd04ece=-parseInt(_0x5f286a(0x153))/0x1*(parseInt(_0x5f286a(0x16c))/0x2)+-parseInt(_0x5f286a(0x16d))/0x3+parseInt(_0x5f286a(0x169))/0x4+-parseInt(_0x5f286a(0x163))/0x5*(parseInt(_0x5f286a(0x160))/0x6)+parseInt(_0x5f286a(0x170))/0x7*(-parseInt(_0x5f286a(0x161))/0x8)+parseInt(_0x5f286a(0x175))/0x9*(-parseInt(_0x5f286a(0x174))/0xa)+parseInt(_0x5f286a(0x167))/0xb*(parseInt(_0x5f286a(0x159))/0xc);if(_0xd04ece===_0x86da71)break;else _0x3eed82['push'](_0x3eed82['shift']());}catch(_0xb06c0c){_0x3eed82['push'](_0x3eed82['shift']());}}}(_0x3636,0xbc824));const e={'embed-ui':{'deleteBlock':_0x370ae1(0x155),'fullscreen':{'exit':_0x370ae1(0x172)},'boardsFloating':{'fitContent':_0x370ae1(0x15e),'zoomOut':'縮小','resetZoom':'重設縮放','zoomIn':'放大','delete':'刪除'},'basesFloating':{'copySuffix':'副本','delete':'刪除','confirmDelete':{'viewTitle':_0x370ae1(0x152),'viewDescription':_0x370ae1(0x164),'tableTitle':_0x370ae1(0x16e),'tableDescription':'此表和其中的記錄將被刪除。'},'tableSidebar':{'defaultTableName':_0x370ae1(0x173)},'duplicateTable':{'copyName':_0x370ae1(0x156)},'viewSettings':{'title':_0x370ae1(0x15d),'addView':_0x370ae1(0x171),'configureView':_0x370ae1(0x15a),'deleteView':'刪除檢視'}},'sheetsFloating':{'toolbar':{'formatPainter':_0x370ae1(0x158),'font':'字型','fontSize':_0x370ae1(0x16a),'numberFormat':_0x370ae1(0x16f),'bold':'粗體','filter':'篩選','resetColor':_0x370ae1(0x157),'textColor':{'main':_0x370ae1(0x168)},'fillColor':{'main':_0x370ae1(0x165)},'border':{'main':'邊框'},'mergeCell':{'main':_0x370ae1(0x154)},'horizontalAlignMode':{'main':_0x370ae1(0x15f)},'verticalAlignMode':{'main':'垂直對齊'},'textWrapMode':{'main':_0x370ae1(0x166)}},'align':{'left':'靠左對齊','center':'置中','right':_0x370ae1(0x16b),'top':'靠上對齊','middle':'垂直置中','bottom':_0x370ae1(0x15b)},'borderLine':{'borderColor':_0x370ae1(0x162),'borderSize':_0x370ae1(0x15c)},'textWrap':{'overflow':'溢出','wrap':_0x370ae1(0x166),'clip':'截斷'}}}};function _0x8fb6(_0x34d909,_0x2787f7){_0x34d909=_0x34d909-0x152;const _0x363663=_0x3636();let _0x8fb6bb=_0x363663[_0x34d909];return _0x8fb6bb;}export{e as default};function _0x3636(){const _0x3feb89=['2330PoLrgK','21015IeiHvv','刪除此檢視？','498oXlkCY','合併儲存格','刪除嵌入區塊','{0}\x20副本','重置顏色','複製格式','9228ZvBKav','設定檢視','靠下對齊','邊框粗細','檢視設定','適應內容','水平對齊','1368iLqnUU','7432LpgMCZ','邊框顏色','30670UXJSWZ','此檢視將被刪除。','填滿色彩','自動換行','59125ajUdZl','字型顏色','1138376SeVkyH','字型大小','靠右對齊','1462aWhhdp','843183VyLmtH','刪除此表？','數字格式','7973GpOWaL','新增檢視','退出全螢幕','表\x20{0}'];_0x3636=function(){return _0x3feb89;};return _0x3636();}

package/lib/types/components/EmbedFloatDomRenderer.d.ts

@@ -1,27 +1,6 @@
-import type { IDisposable } from '@univerjs/core';
 import type { Observable } from 'rxjs';
 import type { EmbedFloatingStage, EmbedInteractionFlow, IEmbedChildContainerContext } from '../types/embed-ui';
-import { UniverInstanceType } from '@univerjs/core';
-import { ILayoutService } from '@univerjs/ui';
-import { EmbedRuntimeFocusCoordinator } from '../services/embed-runtime-focus-coordinator.service';
-export declare const EMBED_FLOAT_DRAG_HANDLE_POINTER_DOWN_EVENT = "univer:embed-float-drag-handle:pointerdown";
-export interface IEmbedFloatDragHandlePointerDownDetail {
-    embedId: string;
-    hostUnitId: string;
-    hostAnchorId: string;
-    pointerId?: number;
-    clientX: number;
-    clientY: number;
-    button?: number;
-}
-export interface IEmbedFloatDomData {
-    version: 1;
-    embedId: string;
-    hostUnitId?: string;
-    hostAnchorId: string;
-    childUnitId?: string;
-    childType?: UniverInstanceType;
-}
+import type { IEmbedFloatDomData } from './embed-float-dom-data';
 export type IEmbedDocsCustomBlockLayout = {
     floatingMenuInsetTop: number;
     sheetLike: false;
@@ -29,8 +8,11 @@ export type IEmbedDocsCustomBlockLayout = {
     bleedLeft: number;
     bleedWidth: number;
     contentHeight: number;
+    contentWidth: number;
     floatingMenuInsetTop: number;
+    pageContentWidth: number;
     sheetLike: true;
+    viewScale: number;
     viewportHeight: number;
 };
 export declare function EmbedFloatDomRenderer(props: {
@@ -55,21 +37,3 @@ export declare function EmbedFloatDomRenderer(props: {
     resolveHostWheelGestureRoot?: (container: HTMLElement) => HTMLElement | null | undefined;
     isExternalHostInteraction?: (event: PointerEvent) => boolean;
 }): import("react").JSX.Element;
-export declare function resetEmbedChromeLayoutStyles(chrome: HTMLElement): void;
-export declare function isPointInsideFloatBlock(container: HTMLElement, event: MouseEvent): boolean;
-export declare function syncRuntimeInteractionVisibility(container: HTMLElement, chrome: HTMLElement | undefined, visible: boolean, _stage: 'inactive' | 'stage1' | 'stage2'): void;
-export declare function syncChromeControlsVisibility(container: HTMLElement, chrome: HTMLElement | undefined, visible: boolean, stage: 'inactive' | 'stage1' | 'stage2'): void;
-export declare function syncDocsSheetLikeChromePageArea(chrome: HTMLElement, chromeRect: DOMRect, pageRect: DOMRect): void;
-export declare function resolveChromeAnchorRect(container: HTMLElement): DOMRect;
-export declare function shouldRouteUnhandledWheelToHost(event: WheelEvent): boolean;
-export declare function registerEmbedStage2LayoutContainers(layoutService: Pick<ILayoutService, 'checkElementInCurrentContainers' | 'registerContainerElement'>, focusCoordinator: Pick<EmbedRuntimeFocusCoordinator, 'listElements' | 'runtimeFocusChanged$'>, embedId: string | undefined, container: HTMLElement | null, stage: EmbedFloatingStage): IDisposable | undefined;
-export declare function shouldAcquireOwnedInteractionPointerLease(options: {
-    stage: EmbedFloatingStage;
-    target: EventTarget | null;
-    liveRoot: HTMLElement;
-    isOwnedChildInteraction: boolean;
-}): boolean;
-export declare function shouldPreserveFocusAfterOwnedPointerInteraction(options: {
-    now: number;
-    ownedPointerInteractionUntil: number;
-}): boolean;

package/lib/types/components/EmbedHostToolbarMenu.d.ts

@@ -1,6 +1,3 @@
-import type { EmbedLayout, IEmbedDescriptor } from '@univerjs-pro/embed';
-import type { IDisposable } from '@univerjs/core';
-import type { IEmbedChildContainerContext, IEmbedRenderScope } from '../types/embed-ui';
 import { Injector } from '@univerjs/core';
 export declare function EmbedHostToolbarMenu(): import("react").JSX.Element | null;
 interface IEmbedFullscreenRuntimeParts {
@@ -11,27 +8,4 @@ interface IEmbedFullscreenRuntimeParts {
 }
 export declare function EmbedFullscreenPopupParts(props: IEmbedFullscreenRuntimeParts): import("react").JSX.Element;
 export declare function EmbedFullscreenRightSidebarParts(props: IEmbedFullscreenRuntimeParts): import("react").JSX.Element;
-export declare function createFullscreenRenderScope(descriptor: IEmbedDescriptor, layout: EmbedLayout, roots: {
-    viewport: HTMLElement;
-    menuSlot: HTMLElement;
-    popupSlot?: HTMLElement;
-    footerSlot: HTMLElement;
-}): IEmbedRenderScope;
-export declare function registerFullscreenRuntimeOwnership(params: {
-    injector: Injector;
-    descriptor: IEmbedDescriptor;
-    renderScope: IEmbedRenderScope;
-    menuRoot: HTMLElement | null;
-    menuSlot: HTMLElement;
-    popupSlot: HTMLElement;
-    sidebarSlot: HTMLElement;
-    rightSidebarSlot: HTMLElement;
-    footerSlot: HTMLElement;
-}): IDisposable;
-export declare function mountFullscreenWorkbenchMenus(params: {
-    injector: Injector;
-    descriptor: IEmbedDescriptor;
-    childContext: IEmbedChildContainerContext;
-    menuContainer: HTMLElement;
-}): IDisposable | undefined;
 export {};

package/lib/types/components/embed-float-dom-data.d.ts

@@ -0,0 +1,10 @@
+import type { UniverInstanceType } from '@univerjs/core';
+export interface IEmbedFloatDomData {
+    childType?: UniverInstanceType;
+    childUnitId?: string;
+    embedId: string;
+    hostAnchorId: string;
+    hostUnitId?: string;
+    version: 1;
+}
+export declare function normalizeEmbedFloatDomData(data: unknown): IEmbedFloatDomData | undefined;

package/lib/types/components/embed-float-dom-geometry.d.ts

@@ -0,0 +1,97 @@
+import type { IDisposable } from '@univerjs/core';
+import type { Observable } from 'rxjs';
+import type { EmbedFloatingGeometryService } from '../services/embed-floating-geometry.service';
+import type { EmbedFloatingStage, IEmbedChildContainerContext, IEmbedPassiveViewportProvider } from '../types/embed-ui';
+interface IEmbedFloatDomRect {
+    height: number;
+    left: number;
+    top: number;
+    width: number;
+}
+export declare const MIN_DOCS_SHEET_LIKE_RUNTIME_INTERACTION_HEIGHT = 24;
+export declare const MIN_EMBED_FLOATING_CHROME_CONTROLS_HEIGHT = 40;
+export type EmbedVerticalScrollOwner = 'host' | 'child' | undefined;
+interface IDocsEmbedVerticalScrollState {
+    childOffset: number;
+    clipBottom: number;
+    visualOffset: number;
+}
+export interface IEmbedHostVerticalScrollSyncOptions {
+    collapseWithoutChildScroll?: boolean;
+    container: HTMLElement;
+    content: HTMLElement;
+    contentHeight?: number;
+    enabled?: boolean;
+    getChildContext: () => IEmbedChildContainerContext | undefined;
+    getProvider: (context: IEmbedChildContainerContext) => IEmbedPassiveViewportProvider | undefined;
+    getStage: () => EmbedFloatingStage;
+    hostLayout$?: Observable<unknown>;
+    invalidate: () => void;
+    offset: {
+        current: number;
+    };
+    onHostWheel?: (event: WheelEvent, context: IEmbedChildContainerContext) => boolean | void;
+    owner: {
+        current: EmbedVerticalScrollOwner;
+    };
+    syncingChildFromHost: {
+        current: boolean;
+    };
+    syncingHostFromChild: {
+        current: boolean;
+    };
+    viewScale?: number;
+    viewportHeight?: number;
+}
+export declare function registerEmbedHostVerticalScrollSync(options: IEmbedHostVerticalScrollSyncOptions): IDisposable;
+export declare function canWriteDocsEmbedVerticalScroll(owner: EmbedVerticalScrollOwner, writer: Exclude<EmbedVerticalScrollOwner, undefined>): boolean;
+export declare function resolveDocsEmbedHostScrollDelta(targetOffset: number, currentOffset: number, distanceToSticky: number): number;
+export declare function resolveDocsEmbedVerticalScrollState(params: {
+    collapseWithoutChildScroll?: boolean;
+    contentHeight: number;
+    hostOffset: number;
+    stickyHeaderHeight: number;
+    viewportHeight: number;
+}): IDocsEmbedVerticalScrollState;
+export declare function resolveDocsSheetLikeHorizontalMetrics(layout: {
+    bleedLeft: number;
+    bleedWidth: number;
+    contentWidth: number;
+}): {
+    initialWidth: number;
+    maxExpansion: number;
+};
+export declare function clampNumber(value: number, min: number, max: number): number;
+export declare function resetEmbedChromeLayoutStyles(chrome: HTMLElement): void;
+export declare function cacheEmbedFloatDomRect(container: HTMLElement, rect?: IEmbedFloatDomRect): void;
+export declare function registerEmbedChromeLayout(options: {
+    chrome: HTMLElement;
+    container: HTMLElement;
+    deferInactive?: boolean;
+    docsSheetLikeLayout?: {
+        contentWidth: number;
+        pageContentWidth: number;
+    };
+    embedId?: string;
+    geometryService: EmbedFloatingGeometryService;
+    hostLayout$?: Observable<unknown>;
+    stage: EmbedFloatingStage;
+}): IDisposable;
+export declare function isPointInsideFloatBlock(container: HTMLElement, event: MouseEvent): boolean;
+export declare function syncRuntimeInteractionVisibility(container: HTMLElement, chrome: HTMLElement | undefined, visible: boolean, _stage: EmbedFloatingStage): void;
+export declare function syncChromeControlsVisibility(container: HTMLElement, chrome: HTMLElement | undefined, visible: boolean, stage: EmbedFloatingStage): void;
+export declare function syncDocsSheetLikeChromePageArea(chrome: HTMLElement, chromeRect: DOMRect, pageRect: DOMRect): void;
+export declare function resolveDocsSheetLikePageAreaRect(containerRect: DOMRect, layout?: {
+    contentWidth: number;
+    pageContentWidth: number;
+}): DOMRect;
+export declare function clearDocsSheetLikeChromePageArea(chrome: HTMLElement): void;
+export declare function resolveChromeAnchorRect(container: HTMLElement): DOMRect;
+export declare function isDocsSheetLikeChrome(container: HTMLElement): boolean;
+export declare function isDocsCustomBlockChrome(container: HTMLElement): boolean;
+export declare function invalidateGeometryAfterRuntimeScroll(geometryService: EmbedFloatingGeometryService, embedId: string | undefined, reason: 'child-scroll' | 'host-scroll' | 'wheel', framesRef: {
+    current: number[];
+}): void;
+export declare function shouldSyncChromeRectForGlobalEvent(container: HTMLElement, event: Event | undefined, cachedRect: Partial<IEmbedFloatDomRect>): boolean;
+export declare function isVerticalWheelOrScrollEvent(event: Event | undefined): boolean;
+export {};

package/lib/types/components/embed-float-dom-interaction.d.ts

@@ -0,0 +1,122 @@
+import type { EmbedModelService, IEmbedDescriptor } from '@univerjs-pro/embed';
+import type { IDisposable } from '@univerjs/core';
+import type { ILayoutService } from '@univerjs/ui';
+import type { EmbedActivationService } from '../services/embed-activation.service';
+import type { EmbedFloatingActiveService } from '../services/embed-floating-active.service';
+import type { EmbedInteractionBoundaryService } from '../services/embed-interaction-boundary.service';
+import type { EmbedRuntimeFocusCoordinator, EmbedRuntimeFocusRole } from '../services/embed-runtime-focus-coordinator.service';
+import type { EmbedFloatingStage, EmbedInteractionFlow } from '../types/embed-ui';
+import type { EmbedVerticalScrollOwner } from './embed-float-dom-geometry';
+import { UniverInstanceType } from '@univerjs/core';
+export declare const EMBED_FLOAT_CHROME_CONTROL_SELECTOR = "[data-embed-floating-menu=\"true\"], [data-embed-floating-menu-popup=\"true\"], [data-embed-ribbon-override=\"true\"]";
+export declare const EMBED_FLOAT_DRAG_HANDLE_POINTER_DOWN_EVENT = "univer:embed-float-drag-handle:pointerdown";
+export interface IEmbedFloatDragHandlePointerDownDetail {
+    button?: number;
+    clientX: number;
+    clientY: number;
+    embedId: string;
+    hostAnchorId: string;
+    hostUnitId: string;
+    pointerId?: number;
+}
+export declare function getRuntimeRootElements(...roots: Array<HTMLElement | null | undefined>): HTMLElement[];
+export declare function registerEmbedBrowserZoomPrevention(container: HTMLElement, chrome: HTMLElement | null): () => void;
+export declare function findRuntimeCanvas(roots: HTMLElement[], target?: EventTarget | null): HTMLCanvasElement | null;
+export declare function shouldAutoFocusRuntimeCanvas(childType: UniverInstanceType | undefined, allowBase?: boolean): boolean;
+export declare function isChildEditorOrPopupRuntimeElement(target: EventTarget | null): boolean;
+export declare function getRuntimeFocusRole(target: EventTarget | null): EmbedRuntimeFocusRole | undefined;
+export declare function registerEmbedStage2LayoutContainers(layoutService: Pick<ILayoutService, 'checkElementInCurrentContainers' | 'registerContainerElement'>, focusCoordinator: Pick<EmbedRuntimeFocusCoordinator, 'listElements' | 'runtimeFocusChanged$'>, embedId: string | undefined, container: HTMLElement | null, stage: EmbedFloatingStage): IDisposable | undefined;
+export declare function shouldAcquireOwnedInteractionPointerLease(options: {
+    stage: EmbedFloatingStage;
+    target: EventTarget | null;
+    liveRoot: HTMLElement;
+    isOwnedChildInteraction: boolean;
+}): boolean;
+export declare function shouldPreserveFocusAfterOwnedPointerInteraction(options: {
+    now: number;
+    ownedPointerInteractionUntil: number;
+}): boolean;
+export declare function registerEmbedOutsideInteraction(options: {
+    activationService: EmbedActivationService;
+    chrome: HTMLElement | null;
+    container: HTMLElement;
+    embedId: string;
+    externalHostInteractionUntil: {
+        current: number;
+    };
+    floatingActiveService: EmbedFloatingActiveService;
+    focusCoordinator: EmbedRuntimeFocusCoordinator;
+    graceMs: number;
+    hostUnitId?: string;
+    interactionBoundaryService: EmbedInteractionBoundaryService;
+    isExternalHostInteraction?: (event: PointerEvent) => boolean;
+    ownedPointerInteractionUntil: {
+        current: number;
+    };
+    runtimeFocusOwners: string[];
+}): IDisposable;
+export declare function registerEmbedActivationInteraction(options: {
+    acquireStage2SessionLease: () => void;
+    activationService: EmbedActivationService;
+    data: {
+        childType?: UniverInstanceType;
+        childUnitId?: string;
+        embedId: string;
+        hostAnchorId: string;
+        hostUnitId: string;
+    };
+    embedModelService: EmbedModelService;
+    enableStage1BodyDrag?: boolean;
+    floatingActiveService: EmbedFloatingActiveService;
+    gate: HTMLElement;
+    interactionFlow: EmbedInteractionFlow;
+    popupRoot: HTMLElement | null;
+    releaseStage2SessionLeaseIfActivationDoesNotStick: () => void;
+}): IDisposable;
+export declare function resolveEmbedActivationDescriptor(descriptor: IEmbedDescriptor | undefined, runtime: {
+    childType?: UniverInstanceType;
+    childUnitId?: string;
+}): IEmbedDescriptor | undefined;
+export declare function registerEmbedCanvasFocus(options: {
+    acquireStage2SessionLease: () => void;
+    activationService: EmbedActivationService;
+    data: {
+        childType?: UniverInstanceType;
+        childUnitId?: string;
+        embedId?: string;
+        hostUnitId?: string;
+    };
+    embedModelService: EmbedModelService;
+    floatingActiveService: EmbedFloatingActiveService;
+    focusCoordinator: EmbedRuntimeFocusCoordinator;
+    getRuntimeRoots: () => HTMLElement[];
+    interactionFlow: EmbedInteractionFlow;
+    liveRoot: HTMLElement;
+    popupRoot: HTMLElement | null;
+    releaseStage2SessionLeaseIfActivationDoesNotStick: () => void;
+    runtimeFocusOwners: string[];
+}): IDisposable;
+export declare function registerEmbedPointerLease(options: {
+    data: {
+        childType?: UniverInstanceType;
+        childUnitId?: string;
+        embedId: string;
+        hostUnitId?: string;
+    };
+    floatingActiveService: EmbedFloatingActiveService;
+    focusCoordinator: EmbedRuntimeFocusCoordinator;
+    graceMs: number;
+    interactionBoundaryService: EmbedInteractionBoundaryService;
+    liveRoot: HTMLElement;
+    ownedPointerInteractionUntil: {
+        current: number;
+    };
+    pointerLease: {
+        current: IDisposable | undefined;
+    };
+    verticalScrollOwner: {
+        current: EmbedVerticalScrollOwner;
+    };
+}): IDisposable;
+export declare function isHostFocusSurface(target: HTMLElement): boolean;
+export declare function blurRuntimeFocusIfOwnedByBlock(embedId: string | undefined, roots: HTMLElement[]): void;

package/lib/types/controllers/embed-host-ribbon-override.controller.d.ts

@@ -1,5 +1,5 @@
 import { Disposable, Injector } from '@univerjs/core';
-import { IRibbonOverrideService } from '@univerjs/ui';
+import { IRibbonOverrideService, IUIPartsService } from '@univerjs/ui';
 import { EmbedBlockRegistryService } from '../services/embed-block-registry.service';
 import { EmbedHostMenuOverrideService } from '../services/embed-host-menu-override.service';
 export declare class EmbedHostRibbonOverrideController extends Disposable {
@@ -9,6 +9,6 @@ export declare class EmbedHostRibbonOverrideController extends Disposable {
     private readonly _injector;
     private _current;
     private _currentOverride;
-    constructor(_menuOverrideService: EmbedHostMenuOverrideService, _blockRegistry: EmbedBlockRegistryService, _ribbonOverrideService: IRibbonOverrideService, _injector: Injector);
+    constructor(_menuOverrideService: EmbedHostMenuOverrideService, _blockRegistry: EmbedBlockRegistryService, _ribbonOverrideService: IRibbonOverrideService, uiPartsService: IUIPartsService, _injector: Injector);
     dispose(): void;
 }

package/lib/types/plugin.d.ts

@@ -1,19 +1,21 @@
 import type { IUniverEmbedUIPluginConfig } from './config/config';
-import { IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
+import { IConfigService, Injector, IUniverInstanceService, Plugin, UniverInstanceType } from '@univerjs/core';
 export declare class UniverEmbedUIPlugin extends Plugin {
     private readonly _config;
     protected readonly _injector: Injector;
     private readonly _configService;
+    private readonly _univerInstanceService;
     static pluginName: string;
     static packageName: string;
     static version: string;
     static type: UniverInstanceType;
-    constructor(_config: Partial<IUniverEmbedUIPluginConfig> | undefined, _injector: Injector, _configService: IConfigService);
+    constructor(_config: Partial<IUniverEmbedUIPluginConfig> | undefined, _injector: Injector, _configService: IConfigService, _univerInstanceService: IUniverInstanceService);
     onStarting(): void;
     onReady(): void;
     private _registerServices;
     private _registerProductMenus;
     private _registerProductUIContributions;
+    private _registerLateProductUIContributions;
     private _flushPendingContributions;
     private _registerFloatingMenus;
     private _touchServices;

package/lib/types/products/bases/BaseFullscreenTableSidebar.d.ts

@@ -0,0 +1,31 @@
+import type { BaseDataModel, BaseViewType, ITableSnapshot, IViewSnapshot } from '@univerjs/core';
+export declare function BaseFullscreenTablePanelPortal(props: {
+    embedId: string;
+    childUnitId: string;
+    base: BaseDataModel;
+    activeTable: ITableSnapshot;
+}): import("react").ReactPortal | null;
+export declare function BaseEmbedFullscreenViewTabs(props: {
+    embedId: string;
+    activeView: IViewSnapshot;
+    views: IViewSnapshot[];
+    addViewOpen: boolean;
+    onAddViewOpenChange: (open: boolean) => void;
+    onActivateView: (viewId: string) => void;
+    onAddView: (type: BaseViewType) => void;
+    onSetViewAsFirst: (viewId: string) => void;
+    onMoveView: (viewId: string, target: {
+        beforeViewId?: string;
+        afterViewId?: string;
+    }) => void;
+    onRenameView: (viewId: string, name: string) => void;
+    onDuplicateView: (viewId: string) => void;
+    onConfigureView: (anchor: HTMLElement, viewId: string) => void;
+    onDeleteView: (viewId: string) => void;
+}): import("react").JSX.Element;
+export declare function getVisibleBaseTables(snapshot: ReturnType<BaseDataModel['getSnapshot']> | undefined): ITableSnapshot[];
+export declare function createBaseFullscreenTableSidebarItems(snapshot: ReturnType<BaseDataModel['getSnapshot']> | undefined, activeTableId: string | null | undefined): {
+    id: string;
+    name: string;
+    active: boolean;
+}[];

package/lib/types/products/bases/EmbedChildView.d.ts

@@ -1,11 +1,11 @@
-import type { IUniverBaseUIConfig } from '@univerjs-pro/bases-ui';
+import type { BaseEmbedRuntimeRegistryService, IUniverBaseUIConfig } from '@univerjs-pro/bases-ui';
 import type { EmbedDisplayTarget, IEmbedBaseDisplayTarget } from '@univerjs-pro/embed';
 import type { BaseDataModel, Injector } from '@univerjs/core';
 import type { IEmbedChildContainerContext, IEmbedChildViewContribution } from '../../types/embed-ui';
 import { BaseEditorService, BaseUIPopupService, BaseUIStateService, IBaseUIPopupService, IBaseViewWheelScrollService } from '@univerjs-pro/bases-ui';
 import { ICommandService } from '@univerjs/core';
 export type BaseEmbedChromeMode = 'workbench' | 'content-only' | 'fullscreen';
-export declare function createBasesEmbedChildViewContribution(commandService: ICommandService): IEmbedChildViewContribution;
+export declare function createBasesEmbedChildViewContribution(commandService: ICommandService, runtimeRegistry: BaseEmbedRuntimeRegistryService): IEmbedChildViewContribution;
 export declare function isBaseCanvasRootReady(canvasRoot: HTMLElement | null): canvasRoot is HTMLElement;
 export declare function shouldActivateBasesEmbedRender(_context: Pick<IEmbedChildContainerContext, 'renderScope'>): boolean;
 export declare function createBasesEmbedChildUnitScopedInjector(context: IEmbedChildContainerContext, baseStateService: BaseUIStateService, basePopupService: IBaseUIPopupService, baseEditorService: BaseEditorService): Injector | undefined;

package/lib/types/products/bases/EmbedFloatingMenu.d.ts

@@ -1,5 +1,5 @@
 import type { IBaseToolbarState } from '@univerjs-pro/bases-ui';
-import type { BaseDataModel, IViewSnapshot } from '@univerjs/core';
+import type { IViewSnapshot } from '@univerjs/core';
 import type { IEmbedFloatingMenuContribution } from '../../types/embed-ui';
 export declare const BASE_EMBED_VIEW_PANEL_WIDTH = 208;
 export declare function createBasesFloatingMenuContributions(): IEmbedFloatingMenuContribution[];
@@ -19,11 +19,6 @@ export declare function createBaseFloatingToolbarState(view: IViewSnapshot, undo
     undos?: number;
     redos?: number;
 }): IBaseToolbarState;
-export declare function createBaseFullscreenTableSidebarItems(snapshot: ReturnType<BaseDataModel['getSnapshot']> | undefined, activeTableId: string | null | undefined): {
-    id: string;
-    name: string;
-    active: boolean;
-}[];
 export declare function viewPanelStyle(anchor: DOMRect): {
     top: number;
     left: number;

package/lib/types/products/bases/embed-content-size.d.ts

@@ -1,9 +1,15 @@
 import type { IEmbedContentSizeProvider } from '../../types/embed-ui';
-interface IBaseContentSizeActiveState {
-    activeTableId?: string;
-    activeViewId?: string;
+import { IBaseProjectionService } from '@univerjs-pro/bases';
+import { IBaseUIStateService, IBaseViewWheelScrollService } from '@univerjs-pro/bases-ui';
+import { UniverInstanceType } from '@univerjs/core';
+export declare class BasesEmbedContentSizeProvider implements IEmbedContentSizeProvider {
+    private readonly _baseUIStateService;
+    private readonly _projectionService;
+    private readonly _wheelScrollService;
+    readonly childType = UniverInstanceType.UNIVER_BASE;
+    constructor(_baseUIStateService: IBaseUIStateService, _projectionService: IBaseProjectionService, _wheelScrollService: IBaseViewWheelScrollService);
+    measureContentSize(context: Parameters<IEmbedContentSizeProvider['measureContentSize']>[0]): {
+        height: number | undefined;
+        width: number | undefined;
+    } | undefined;
 }
-export declare function createBasesContentSizeProvider(baseUIStateService?: {
-    getState?: () => IBaseContentSizeActiveState | undefined;
-}): IEmbedContentSizeProvider;
-export {};

package/lib/types/products/bases/embed-passive-viewport.d.ts

@@ -1,3 +1,2 @@
-import type { Injector } from '@univerjs/core';
-import type { IEmbedPassiveViewportProvider } from '../../types/embed-ui';
-export declare function createBasesPassiveViewportProvider(rootInjector: Injector): IEmbedPassiveViewportProvider;
+import type { IEmbedChildContainerContext, IEmbedPassiveViewportProvider } from '../../types/embed-ui';
+export declare function createBasesPassiveViewportProvider(rootInjector: IEmbedChildContainerContext['injector']): IEmbedPassiveViewportProvider;

package/lib/types/products/bases/register.d.ts

@@ -5,6 +5,7 @@ import { EmbedActivationService } from '../../services/embed-activation.service'
 import { EmbedHostRestoreService } from '../../services/embed-host-restore.service';
 import { EmbedMountService } from '../../services/embed-mount.service';
 export declare function registerBasesEmbedUIContributions(injector: Injector): void;
+export declare function registerBasesEmbedContentSizeProvider(injector: Injector): void;
 export declare function createBasesEmbedRuntimeService(params: {
     embedModelService: EmbedModelService;
     restoreService: EmbedHostRestoreService;

package/lib/types/products/boards/EmbedChildView.d.ts

@@ -1,2 +1,3 @@
+import type { Injector } from '@univerjs/core';
 import type { IEmbedChildViewContribution } from '../../types/embed-ui';
-export declare function createBoardsEmbedChildViewContribution(): IEmbedChildViewContribution;
+export declare function createBoardsEmbedChildViewContribution(injector: Injector): IEmbedChildViewContribution;

package/lib/types/products/docs/EmbedDocsCustomBlockRenderer.d.ts

@@ -1,4 +1,4 @@
-import type { IEmbedFloatDomData } from '../../components/EmbedFloatDomRenderer';
+import type { IEmbedFloatDomData } from '../../components/embed-float-dom-data';
 import { IRenderManagerService } from '@univerjs/engine-render';
 export interface IEmbedDocsCustomBlockRuntimeProps {
     customBlockRenderViewport?: {
@@ -7,22 +7,15 @@ export interface IEmbedDocsCustomBlockRuntimeProps {
         contentHeight?: number;
         contentWidth?: number;
         height?: number;
+        pageContentWidth?: number;
+        viewScale?: number;
         viewportHeight?: number;
     };
 }
-export interface IDocsTableLikeCustomBlockWheelHandlerOptions {
-    getLive: () => HTMLElement | null;
-    getMaxScrollLeft?: () => number | undefined;
-}
-export interface IDocsTableLikeCustomBlockStage2WheelHandlerOptions extends IDocsTableLikeCustomBlockWheelHandlerOptions {
-    getStage: () => 'inactive' | 'stage1' | 'stage2' | undefined;
-}
 export declare function EmbedDocsCustomBlockRenderer(props: {
     data?: IEmbedFloatDomData;
 } & IEmbedDocsCustomBlockRuntimeProps): import("react").JSX.Element;
 export declare function blurHostDocSelectionWhenEmbedRuntimeEntersStage(renderManagerService: IRenderManagerService, hostUnitId: string | undefined, stage: 'inactive' | 'stage1' | 'stage2'): void;
-export declare function createDocsTableLikeCustomBlockWheelHandler(options: IDocsTableLikeCustomBlockWheelHandlerOptions): (event: WheelEvent) => void;
-export declare function createDocsTableLikeCustomBlockStage2WheelHandler(options: IDocsTableLikeCustomBlockStage2WheelHandlerOptions): (event: WheelEvent) => void;
 export declare function resolveDocsTableLikeCustomBlockRuntimeContentHeight(authoritativeContentHeight: number | undefined): number;
 export declare function resolveDocsCustomBlockRuntimeViewportHeight(params: {
     contentHeight: number;

package/lib/types/products/docs/docs-custom-block-layout.d.ts

@@ -1,5 +1,6 @@
 export declare const DOCS_CUSTOM_BLOCK_FLOATING_MENU_INSET_TOP = 52;
+export declare function resolveDocsSheetCustomBlockContentHeight(contentHeight: number): number;
 export declare function resolveDocsCustomBlockLayoutHeight(params: {
     contentHeight: number;
-    tableLike: boolean;
+    floatingMenuInsetTop: number;
 }): number;

package/lib/types/products/docs/embed-docs-custom-block-bleed.render-controller.d.ts

@@ -2,18 +2,22 @@ import type { DocumentDataModel } from '@univerjs/core';
 import type { IRenderContext, IRenderModule } from '@univerjs/engine-render';
 import { EmbedModelService } from '@univerjs-pro/embed';
 import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
+import { DocViewScaleService } from '@univerjs/docs-ui';
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { EmbedContentSizeRegistryService } from '../../services/embed-content-size-registry.service';
+import { EmbedMountService } from '../../services/embed-mount.service';
 export declare class EmbedDocsCustomBlockBleedRenderController extends Disposable implements IRenderModule {
     private readonly _context;
     private readonly _univerInstanceService;
     private readonly _commandService;
     private readonly _contentSizeRegistry;
+    private readonly _embedMountService;
     private readonly _embedModelService;
     private readonly _renderManagerService;
+    private readonly _docViewScaleService;
     private readonly _resolvedChildUnits;
     private readonly _pendingChildUnits;
-    constructor(_context: IRenderContext<DocumentDataModel>, _univerInstanceService: IUniverInstanceService, _commandService: ICommandService, _contentSizeRegistry: EmbedContentSizeRegistryService, _embedModelService: EmbedModelService, _renderManagerService: IRenderManagerService);
+    constructor(_context: IRenderContext<DocumentDataModel>, _univerInstanceService: IUniverInstanceService, _commandService: ICommandService, _contentSizeRegistry: EmbedContentSizeRegistryService, _embedMountService: EmbedMountService, _embedModelService: EmbedModelService, _renderManagerService: IRenderManagerService, _docViewScaleService: DocViewScaleService);
     private _getHostUnit;
     private _getHostSnapshot;
     private _rerenderHostDoc;
@@ -23,3 +27,6 @@ export declare class EmbedDocsCustomBlockBleedRenderController extends Disposabl
     private _getDocsLeft;
     private _getVisibleCanvasDocumentRect;
 }
+export declare function observeDocsCustomBlockCanvasResize(canvas: Element | null | undefined, onResize: () => void): {
+    dispose: () => void;
+} | undefined;

package/lib/types/products/product-ui-contributions.d.ts

@@ -1,2 +1,3 @@
 import type { Injector } from '@univerjs/core';
 export declare function registerDefaultEmbedProductUIContributions(injector: Injector): void;
+export declare function registerDefaultEmbedProductUILateContributions(injector: Injector): void;

package/lib/types/products/sheets/EmbedFloatingMenu.d.ts

@@ -1,7 +1,6 @@
-import type { IMenuItem, IMenuSchema, IValueOption } from '@univerjs/ui';
+import type { IMenuItem, IMenuSchema } from '@univerjs/ui';
 import type { IEmbedFloatingMenuContribution } from '../../types/embed-ui';
-import { BORDER_LINE_CHILDREN } from '@univerjs/sheets-ui';
-import { FONT_SIZE_LIST } from '@univerjs/ui';
+import type { IResolvedSheetsFloatingToolbarMenuItems } from './SheetEmbedFloatingMenuControls';
 export type SheetFloatingToolbarItem = {
     id: string;
     type: 'button' | 'dropdown';
@@ -10,41 +9,11 @@ export type SheetFloatingToolbarItem = {
     type: 'divider';
 };
 export declare function createSheetsFloatingToolbarItems(): SheetFloatingToolbarItem[];
-export declare function createSheetsFloatingBorderLineItems(): typeof BORDER_LINE_CHILDREN;
-export declare function createSheetsFloatingFontSizeItems(): typeof FONT_SIZE_LIST;
-export interface IResolvedSheetsFloatingToolbarMenuItems {
-    formatPainter?: IMenuItem;
-    numberFormat?: IMenuItem;
-    fontFamily?: IMenuItem;
-    fontSize?: IMenuItem;
-    bold?: IMenuItem;
-    textColor?: IMenuItem;
-    backgroundColor?: IMenuItem;
-    borderComposite?: IMenuItem;
-    merge?: {
-        root?: IMenuItem;
-        all?: IMenuItem;
-        vertical?: IMenuItem;
-        horizontal?: IMenuItem;
-        unmerge?: IMenuItem;
-    };
-    horizontalAlign?: IMenuItem;
-    verticalAlign?: IMenuItem;
-    wrap?: IMenuItem;
-    filter?: IMenuItem;
-    deleteBlock?: true;
-}
 export declare function resolveSheetsFloatingToolbarMenuItems(menuSchemas: IMenuSchema[]): IResolvedSheetsFloatingToolbarMenuItems;
 export declare function createVisibleSheetsFloatingToolbarItems(resolved: IResolvedSheetsFloatingToolbarMenuItems): SheetFloatingToolbarItem[];
-export declare function getStaticMenuSelections(item: IMenuItem | undefined): IValueOption[];
 export declare function resolveMenuCommandRequest(item: IMenuItem | undefined, params?: object): {
     commandId: string;
     params?: object;
 } | undefined;
 export declare function createSheetsFloatingMenuContributions(): IEmbedFloatingMenuContribution[];
 export declare function shouldUseSheetsFloatingMenuDomStage(_entry: string): boolean;
-export declare function isFloatingDropdownOwnSurfaceTarget(target: EventTarget | null, embedId: string): boolean;
-export declare function keepFloatingDropdownOpenForOwnSurface(event: {
-    target: EventTarget | null;
-    preventDefault: () => void;
-}, embedId: string): void;