@univerjs-pro/boards-ui 1.0.0-alpha.7 → 1.0.0-beta.0

package/lib/types/utils/board-snap-session.util.d.ts

@@ -1,29 +1,4 @@
-export type BoardSnapAxis = 'x' | 'y';
-export interface IBoardSnapGuide {
-    id: string;
-    axis: BoardSnapAxis;
-    position: number;
-}
-export interface IBoardSnapSessionConfig {
-    enterThreshold?: number;
-    exitThreshold?: number;
-    breakawayThreshold?: number;
-    softThreshold?: number;
-    hardThreshold?: number;
-    softMaxStrength?: number;
-    cooldownMs?: number;
-}
-export interface IBoardSnapAxisOptions {
-    axis: BoardSnapAxis;
-    value: number;
-    guide: IBoardSnapGuide | null;
-    now?: number;
-}
-export interface IBoardSnapAxisResult {
-    snapped: boolean;
-    value: number;
-    guide: IBoardSnapGuide | null;
-}
+import type { IAlignmentSnapGuide } from '@univerjs/engine-render';
 export interface IBoardConnectorAxisSnapOptions {
     anchor: {
         x: number;
@@ -41,22 +16,6 @@ export interface IBoardConnectorAxisSnapResult {
         y: number;
     };
     axis: 'horizontal' | 'vertical';
-    guide: IBoardSnapGuide;
-}
-export declare class BoardSnapSession {
-    private readonly _enterThreshold;
-    private readonly _exitThreshold;
-    private readonly _breakawayThreshold;
-    private readonly _softThreshold;
-    private readonly _hardThreshold;
-    private readonly _softMaxStrength;
-    private readonly _cooldownMs;
-    private _activeGuideId;
-    private _activeGuideStartValue;
-    private readonly _releasedGuideUntil;
-    constructor(config?: IBoardSnapSessionConfig);
-    reset(): void;
-    resolveAxisSnap(options: IBoardSnapAxisOptions): IBoardSnapAxisResult;
-    private _resolveSnappedValue;
+    guide: IAlignmentSnapGuide;
 }
 export declare function resolveBoardConnectorAxisSnap(options: IBoardConnectorAxisSnapOptions): IBoardConnectorAxisSnapResult | null;

package/lib/types/utils/board-spacing-guides.util.d.ts

@@ -1,4 +1,5 @@
 import type { IBoardElementData } from '@univerjs-pro/boards';
+import type { IBoardGuideCandidate } from './board-guide-candidates.util';
 import type { IBoardSelectionRect } from './board-selection-geometry.util';
 export type BoardSpacingGuideAxis = 'horizontal' | 'vertical';
 export interface IBoardSpacingGuidePoint {
@@ -20,5 +21,6 @@ export interface IResolveBoardElementSpacingGuidesOptions {
     elementData: Record<string, IBoardElementData>;
     elementOrder: string[];
     maxDistance?: number;
+    candidates?: readonly IBoardGuideCandidate[];
 }
 export declare function resolveBoardElementSpacingGuides(options: IResolveBoardElementSpacingGuidesOptions): IBoardSpacingGuide[];

package/lib/types/utils/board-viewport.util.d.ts

@@ -1,5 +1,7 @@
-export declare const BOARD_MIN_ZOOM_RATIO = 0.1;
+export declare const BOARD_MIN_ZOOM_RATIO = 0.02;
 export declare const BOARD_MAX_ZOOM_RATIO = 4;
+export declare const BOARD_DEFAULT_ZOOM_RATIO = 1;
+export declare const BOARD_VIEWPORT_FIT_PADDING = 96;
 export interface IBoardViewportPoint {
     x: number;
     y: number;
@@ -34,9 +36,15 @@ export interface IResolveBoardViewportFitRectOptions {
     padding?: number;
     zoom?: IBoardViewportZoomConfig;
 }
+export interface IResolveBoardViewportWorldRectOptions {
+    viewport: IBoardViewportTransform;
+    viewportSize: IBoardViewportSize;
+    padding?: number;
+}
 export declare function clampBoardZoomRatio(zoomRatio: number, config?: IBoardViewportZoomConfig): number;
 export declare function resolveBoardViewportZoomAtPoint(options: IResolveBoardViewportZoomAtPointOptions): IBoardViewportTransform;
 export declare function resolveBoardViewportFitRect(options: IResolveBoardViewportFitRectOptions): IBoardViewportTransform;
+export declare function resolveBoardViewportWorldRect(options: IResolveBoardViewportWorldRectOptions): IBoardViewportRect;
 export declare function getBoardPointFromClient(element: HTMLElement, clientX: number, clientY: number, viewport: IBoardViewportTransform, zoom?: IBoardViewportZoomConfig): {
     x: number;
     y: number;

package/lib/types/views/BoardCanvasView.d.ts

@@ -1,3 +1,5 @@
 import { IBoardEmbedRuntimeFocusCoordinator } from '../services/board-embed-integration.service';
-export declare function BoardCanvasView(): import("react").JSX.Element;
+export declare function BoardCanvasView(props?: {
+    fitOnMount?: boolean;
+}): import("react").JSX.Element;
 export declare function shouldFocusBoardForPointerEvent(boardUnitId: string | undefined, target: EventTarget | null, event: Event, embedRuntimeFocusCoordinator?: IBoardEmbedRuntimeFocusCoordinator): boolean;

package/lib/types/views/BoardConnectorFloatingToolbar.d.ts

@@ -1,17 +1,10 @@
-import type { IBoardConnectorStyle } from '@univerjs-pro/boards';
-import type { IShapeData } from '@univerjs-pro/engine-shape';
 export declare const BOARD_CONNECTOR_FLOATING_TOOLBAR_KEY = "board.connector.floating-toolbar";
-interface IBoardConnectorFloatingToolbarExtraProps {
-    unitId: string;
-    subUnitId: string;
-    elementId: string;
-}
-interface IBoardConnectorFloatingToolbarProps {
+export declare function BoardConnectorFloatingToolbar({ popup }: {
     popup: {
-        extraProps?: IBoardConnectorFloatingToolbarExtraProps;
+        extraProps?: {
+            unitId: string;
+            subUnitId: string;
+            elementId: string;
+        };
     };
-}
-export declare function connectorStyleToShapeStrokeData(style: IBoardConnectorStyle): IShapeData;
-export declare function shapeStrokeToBoardConnectorStylePatch(shapeData?: IShapeData): Partial<IBoardConnectorStyle>;
-export declare function BoardConnectorFloatingToolbar({ popup }: IBoardConnectorFloatingToolbarProps): import("react").JSX.Element | null;
-export {};
+}): import("react").JSX.Element | null;

package/lib/types/views/BoardConnectorFloatingToolbarControls.d.ts

@@ -0,0 +1,35 @@
+import type { BoardConnectorRouting, IBoardConnectorLabel, IBoardConnectorLabelStylePatch, IBoardConnectorMarker, IBoardConnectorStyle } from '@univerjs-pro/boards';
+import type { IShapeData } from '@univerjs-pro/engine-shape';
+import type { ITextStyle } from '@univerjs/core';
+import type { ReactNode } from 'react';
+import { HorizontalAlign, RichTextBuilder } from '@univerjs/core';
+export declare function connectorStyleToShapeStrokeData(style: IBoardConnectorStyle): IShapeData;
+export declare function shapeStrokeToBoardConnectorStylePatch(shapeData?: IShapeData): Partial<IBoardConnectorStyle>;
+export declare function ToolbarButton(props: {
+    title?: string;
+    ariaLabel?: string;
+    active?: boolean;
+    children: ReactNode;
+    onClick?: () => void;
+}): import("react").JSX.Element;
+export declare function MarkerDropdown(props: {
+    label: string;
+    currentMarker?: IBoardConnectorMarker;
+    flipIcon?: boolean;
+    onSelect: (marker: IBoardConnectorMarker | undefined) => void;
+}): import("react").JSX.Element;
+export declare function SettingsDropdown(props: {
+    routing?: BoardConnectorRouting;
+    style: IBoardConnectorStyle;
+    onRouting: (routing: BoardConnectorRouting) => void;
+    onStyle: (style: Partial<IBoardConnectorStyle>) => void;
+}): import("react").JSX.Element;
+export declare function createConnectorLabelRichTextBuilder(label: IBoardConnectorLabel): RichTextBuilder;
+export declare function ConnectorLabelSettingsDropdown(props: {
+    label: IBoardConnectorLabel;
+    onEditText: () => void;
+    onDeleteText: () => void;
+    onStyle: (patch: IBoardConnectorLabelStylePatch) => void;
+    onTextStyle: (patch: ITextStyle) => void;
+    onHorizontalAlign: (horizontalAlign: HorizontalAlign) => void;
+}): import("react").JSX.Element;

package/lib/types/views/BoardRenamePopup.d.ts

@@ -0,0 +1,7 @@
+export interface IBoardRenamePopupProps {
+    kind: 'container' | 'lane';
+    initialTitle: string;
+    onCancel: () => void;
+    onSubmit: (title: string) => void | Promise<void>;
+}
+export declare function BoardRenamePopup(props: IBoardRenamePopupProps): import("react").JSX.Element;

package/lib/types/views/BoardSettingsMenu.d.ts

@@ -1,2 +1,3 @@
 export declare const BOARD_TOP_RIGHT_MENU_LEADING_PART = "board.top-right-menu.leading";
+export declare const BOARD_SETTINGS_MENU_ACTIONS_PART = "boards-ui.settings-menu.actions";
 export declare function BoardSettingsMenu(): import("react").JSX.Element;

package/lib/types/views/BoardWorkbench.d.ts

@@ -1,4 +1,5 @@
 export declare function BoardWorkbench(props?: {
     embedded?: boolean;
+    fitOnMount?: boolean;
     showZoomControls?: boolean;
 }): import("react").JSX.Element | null;

package/lib/types/views/board-shape-floating-toolbar/BoardSwimlaneToolbarMenu.d.ts

@@ -0,0 +1,12 @@
+export interface IBoardSwimlaneToolbarMenuAction {
+    key: string;
+    label: string;
+    shortcut?: string;
+    disabled?: boolean;
+    children?: IBoardSwimlaneToolbarMenuAction[];
+    onClick?: () => void;
+}
+export declare function BoardSwimlaneToolbarMenu(props: {
+    kind: 'container' | 'lane';
+    actions: IBoardSwimlaneToolbarMenuAction[];
+}): import("react").JSX.Element;

package/lib/umd/facade.js

@@ -0,0 +1 @@
+function _0x4345(){var _0x2fb38b=['UniverProBoardsFacade','3204aJNzRR','getActivePageId','55282BRTgqj','6335KDKxKH','FBoard','9968lTkksO','20xrgyoJ','1974isoSmg','13070QdnZGH','getScreenshot','_commandService','3905yaYyyY','@univerjs-pro/boards-ui','10790EidIha','_boardModel','amd','analyzeRenderedLayout','240664XuRlxN','924NejoPA','UniverProBoardsUi','2dizLng','syncExecuteCommand','function','1204797kuOrxV'];_0x4345=function(){return _0x2fb38b;};return _0x4345();}function _0x1e99(_0x423c4c,_0x36d9cf){_0x423c4c=_0x423c4c-0x110;var _0x4345a0=_0x4345();var _0x1e9945=_0x4345a0[_0x423c4c];return _0x1e9945;}(function(_0x20a493,_0x43010a){var _0x416a7c=_0x1e99,_0x138a51=_0x20a493();while(!![]){try{var _0x1419e3=parseInt(_0x416a7c(0x113))/0x1*(parseInt(_0x416a7c(0x11a))/0x2)+-parseInt(_0x416a7c(0x116))/0x3+parseInt(_0x416a7c(0x110))/0x4*(-parseInt(_0x416a7c(0x11e))/0x5)+-parseInt(_0x416a7c(0x11f))/0x6*(-parseInt(_0x416a7c(0x11b))/0x7)+parseInt(_0x416a7c(0x11d))/0x8*(parseInt(_0x416a7c(0x118))/0x9)+parseInt(_0x416a7c(0x120))/0xa*(parseInt(_0x416a7c(0x123))/0xb)+-parseInt(_0x416a7c(0x111))/0xc*(parseInt(_0x416a7c(0x125))/0xd);if(_0x1419e3===_0x43010a)break;else _0x138a51['push'](_0x138a51['shift']());}catch(_0x1ef42d){_0x138a51['push'](_0x138a51['shift']());}}}(_0x4345,0x875af),function(_0x5d2cc2,_0x1e6d04){var _0x2ea0b1=_0x1e99;typeof exports=='object'&&typeof module<'u'?_0x1e6d04(require('@univerjs-pro/boards-ui'),require('@univerjs-pro/boards/facade')):typeof define==_0x2ea0b1(0x115)&&define[_0x2ea0b1(0x127)]?define([_0x2ea0b1(0x124),'@univerjs-pro/boards/facade'],_0x1e6d04):(_0x5d2cc2=typeof globalThis<'u'?globalThis:_0x5d2cc2||self,_0x1e6d04(_0x5d2cc2[_0x2ea0b1(0x112)],_0x5d2cc2[_0x2ea0b1(0x117)]));}(this,function(_0x3618db,_0x46daf2){var _0x583279=_0x1e99,_0x8708cc=class extends _0x46daf2[_0x583279(0x11c)]{[_0x583279(0x128)](_0xc4fdbd){var _0x32d676=_0x583279;return this[_0x32d676(0x122)][_0x32d676(0x114)](_0x3618db['AnalyzeBoardRenderedLayoutCommand']['id'],{'unitId':this['id'],'subUnitId':this['_boardModel'][_0x32d676(0x119)](),'focusPadding':_0xc4fdbd});}[_0x583279(0x121)](_0x3fb9a3){var _0x46729e=_0x583279;return this[_0x46729e(0x122)]['executeCommand'](_0x3618db['CaptureBoardScreenshotCommand']['id'],{..._0x3fb9a3,'unitId':this['id'],'subUnitId':this[_0x46729e(0x126)][_0x46729e(0x119)]()});}};_0x46daf2[_0x583279(0x11c)]['extend'](_0x8708cc);}));