@univerjs/ui 1.0.0-alpha.2 → 1.0.0-alpha.4

package/lib/types/services/menu/menu.d.ts

@@ -32,6 +32,7 @@ type MenuLabel = string | {
     selectable?: boolean;
     props?: Record<string, any>;
 };
+export type IMenuCommandParams = Record<string, unknown>;
 interface IMenuItemBase<TLocaleKey extends string, TValue> {
     /** ID of the menu item. Normally it should be the same as the ID of the command that it would invoke.  */
     id: string;
@@ -53,7 +54,7 @@ interface IMenuItemBase<TLocaleKey extends string, TValue> {
     label?: MenuLabel;
     hidden$?: Observable<boolean>;
     disabled$?: Observable<boolean>;
-    params?: any | Function;
+    params?: IMenuCommandParams | (() => IMenuCommandParams | undefined);
     /** On observable value that should emit the value of the corresponding selection component. */
     value$?: Observable<TValue>;
 }
@@ -65,7 +66,7 @@ export interface IValueOption<TLocaleKey extends string = string, TValue = undef
     id?: string;
     value?: string | number;
     value$?: Observable<TValue>;
-    params?: any;
+    params?: IMenuCommandParams | ((value?: string | number) => IMenuCommandParams | undefined);
     slot?: boolean;
     label?: MenuLabel;
     icon?: string;

package/lib/types/services/menu/types.d.ts

@@ -33,6 +33,7 @@ export declare enum RibbonStartGroup {
 }
 export declare enum RibbonInsertGroup {
     EDIT = "ribbon.insert.edit",
+    CELL = "ribbon.insert.cell",
     MEDIA = "ribbon.insert.media",
     OTHERS = "ribbon.insert.others"
 }

package/lib/types/services/popup/canvas-popup.service.d.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { Nullable } from '@univerjs/core';
+import type { Injector, Nullable } from '@univerjs/core';
 import type { IBoundRectNoAngle } from '@univerjs/engine-render';
 import type { Observable } from 'rxjs';
 import type { IRectPopupProps } from '../../views/components/popup/RectPopup';
@@ -24,6 +24,7 @@ export interface IPopup<T = Record<string, unknown>> extends Omit<IRectPopupProp
     excludeRects$?: Observable<IBoundRectNoAngle[]>;
     excludeRects?: Nullable<IBoundRectNoAngle[]>;
     componentKey: string;
+    connectorInjector?: Injector;
     unitId: string;
     subUnitId: string;
     offset?: [number, number];
@@ -35,6 +36,9 @@ export interface IPopup<T = Record<string, unknown>> extends Omit<IRectPopupProp
     customActive?: boolean;
     onActiveChange?: (active: boolean) => void;
 }
+export type IPopupWithExtraProps<T> = IPopup<T> & {
+    extraProps: T;
+};
 export interface ICanvasPopupService {
     addPopup(item: IPopup): string;
     removePopup(id: string): void;

package/lib/types/services/ribbon/ribbon-override.service.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { Injector } from '@univerjs/core';
+import type { Observable } from 'rxjs';
+import type { IRibbonService } from './ribbon.service';
+import { Disposable } from '@univerjs/core';
+export interface IRibbonOverride {
+    id: string;
+    ribbonService: IRibbonService;
+    injector?: Pick<Injector, 'get' | 'has' | 'invoke'>;
+    portalContainer?: HTMLElement | null;
+    placeholderTitle?: string;
+    hideToolbar?: boolean;
+}
+export interface IRibbonOverrideService {
+    readonly override$: Observable<IRibbonOverride | null>;
+    getOverride(): IRibbonOverride | null;
+    activate(override: IRibbonOverride): void;
+    clear(id?: string): void;
+}
+export declare const IRibbonOverrideService: import("@wendellhu/redi").IdentifierDecorator<IRibbonOverrideService>;
+export declare class RibbonOverrideService extends Disposable implements IRibbonOverrideService {
+    private readonly _override$;
+    readonly override$: Observable<IRibbonOverride | null>;
+    getOverride(): IRibbonOverride | null;
+    activate(override: IRibbonOverride): void;
+    clear(id?: string): void;
+    dispose(): void;
+}

package/lib/types/services/runtime-scope/ui-runtime-scope.service.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IDisposable } from '@univerjs/core';
+import { Disposable } from '@univerjs/core';
+export interface IUIRuntimeScope {
+    unitId: string;
+    has(identifier: unknown): boolean;
+    get<T = unknown>(identifier: unknown): T;
+}
+export interface IUIRuntimeScopeService {
+    register(scope: IUIRuntimeScope): IDisposable;
+    get(unitId: string | null | undefined): IUIRuntimeScope | undefined;
+}
+export declare const IUIRuntimeScopeService: import("@wendellhu/redi").IdentifierDecorator<IUIRuntimeScopeService>;
+export declare class UIRuntimeScopeService extends Disposable implements IUIRuntimeScopeService {
+    private readonly _scopes;
+    register(scope: IUIRuntimeScope): IDisposable;
+    get(unitId: string | null | undefined): IUIRuntimeScope | undefined;
+}

package/lib/types/services/shortcut/shortcut.service.d.ts

@@ -15,10 +15,10 @@
  */
 import type { IDisposable } from '@univerjs/core';
 import type { Observable } from 'rxjs';
-import type { KeyCode } from './keycode';
 import { Disposable, ICommandService, IContextService } from '@univerjs/core';
 import { ILayoutService } from '../layout/layout.service';
 import { IPlatformService } from '../platform/platform.service';
+import { KeyCode } from './keycode';
 /**
  * A shortcut item that could be registered to the {@link IShortcutService}.
  */
@@ -154,4 +154,5 @@ export declare class ShortcutService extends Disposable implements IShortcutServ
     dispatch(e: KeyboardEvent): IShortcutItem<object> | undefined;
     private _getBindingFromItem;
     private _deriveBindingFromEvent;
+    private _shouldLetEmbedTextEditorHandleNativeShortcut;
 }

package/lib/types/utils/embed-boundary.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE = "data-embed-interaction-boundary-owner";
+export declare function getEmbedBoundaryOwner(target: EventTarget | null): string | undefined;
+export declare function isEmbedBoundaryTarget(target: EventTarget | null): boolean;
+export declare function keepInteractionInsideSameEmbedBoundary(event: {
+    currentTarget: EventTarget | null;
+    target: EventTarget | null;
+    preventDefault: () => void;
+}): void;

package/lib/types/utils/index.d.ts

@@ -15,5 +15,6 @@
  */
 export * from './cell';
 export * from './di';
+export * from './embed-boundary';
 export * from './html';
 export * from './util';

package/lib/types/views/components/context-menu/AnchoredContextMenu.d.ts

@@ -13,7 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import type { ILayoutService } from '../../../services/layout/layout.service';
 import type { IValueOption } from '../../../services/menu/menu';
+import type { IMenuManagerService } from '../../../services/menu/menu-manager.service';
 export interface IContextMenuAnchorRect {
     left: number;
     top: number;
@@ -26,6 +28,8 @@ export interface IAnchoredContextMenuProps {
     menuType: string;
     anchorVertical?: 'top' | 'bottom';
     menuOffset?: number;
+    menuManagerService?: IMenuManagerService;
+    layoutService?: ILayoutService;
     onRequestClose: () => void;
     onOptionSelect?: (option: IValueOption) => void;
 }

package/lib/types/views/components/context-menu/ContextMenuPanel.d.ts

@@ -15,10 +15,14 @@
  */
 import type { IValueOption } from '../../../services/menu/menu';
 import type { IMenuSchema } from '../../../services/menu/menu-manager.service';
+import { ILayoutService } from '../../../services/layout/layout.service';
+import { IMenuManagerService } from '../../../services/menu/menu-manager.service';
 type ContextMenuSizeVariant = 'default' | 'paragraph-t';
 type ContextMenuAutoFocusTarget = 'first-item' | 'container';
 interface IContextMenuPanelProps {
     menuType: string;
+    menuManagerService?: IMenuManagerService;
+    layoutService?: ILayoutService;
     menuSessionVersion?: number;
     className?: string;
     activeItemIds?: string[];

package/lib/types/views/components/dom/FloatDom.d.ts

@@ -13,11 +13,22 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import type { CSSProperties } from 'react';
 import type { IFloatDom } from '../../../services/dom/canvas-dom-layer.service';
 export declare const FloatDomSingle: import("react").MemoExoticComponent<(props: {
     layer: IFloatDom;
     id: string;
-}) => import("react").JSX.Element | null>;
+}) => import("react").JSX.Element>;
 export declare const FloatDom: ({ unitId }: {
     unitId?: string;
 }) => import("react").JSX.Element[] | undefined;
+export declare function resolveFloatDomCurrentUnitId(unitId: string | undefined, focusedUnit: unknown): string | null;
+export declare function resolveFloatDomOverflow(props: {
+    customBlockRenderViewport?: {
+        bleedLeft?: number;
+        bleedWidth?: number;
+    };
+}): {
+    outerOverflow: CSSProperties['overflow'];
+    innerOverflow: CSSProperties['overflow'];
+};

package/lib/types/views/components/dom/Print.d.ts

@@ -18,4 +18,4 @@ export declare const PrintFloatDomSingle: import("react").MemoExoticComponent<(p
     layer: IFloatDom;
     id: string;
     position: IFloatDomLayout;
-}) => import("react").JSX.Element | null>;
+}) => import("react").JSX.Element>;

package/lib/types/views/components/dom/float-dom-layout.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IFloatDomContentBoxConfig, IFloatDomLayout } from '../../../services/dom/canvas-dom-layer.service';
+export interface IFloatDomLayoutStyle {
+    wrapper: {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+        transform: string;
+        opacity: number;
+    };
+    inner: {
+        width: number;
+        height: number;
+        left: number | 'auto';
+        top: number | 'auto';
+        right: number | 'auto';
+        bottom: number | 'auto';
+    };
+}
+export declare function resolveFloatDomLayout(position: IFloatDomLayout, contentBox?: IFloatDomContentBoxConfig): IFloatDomLayoutStyle;

package/lib/types/views/components/ribbon/Ribbon.d.ts

@@ -19,6 +19,8 @@ interface IRibbonProps {
     ribbonType: RibbonType;
     headerMenuComponents?: Set<ComponentType>;
     headerMenu?: boolean;
+    toolbarOnly?: boolean;
+    headerClassName?: string;
 }
 export declare function Ribbon(props: IRibbonProps): import("react").JSX.Element;
 export {};

package/lib/types/views/components/ribbon/TooltipButtonWrapper.d.ts

@@ -19,7 +19,12 @@ import type { IMenuItem, IValueOption } from '../../../services/menu/menu';
 export interface ITooltipWrapperRef {
     el: HTMLSpanElement | null;
 }
-export declare const TooltipWrapper: import("react").ForwardRefExoticComponent<ITooltipProps & import("react").RefAttributes<ITooltipWrapperRef>>;
+export declare function ToolbarDropdownProvider(props: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare const TooltipWrapper: import("react").ForwardRefExoticComponent<ITooltipProps & {
+    dropdownKey?: string;
+} & import("react").RefAttributes<ITooltipWrapperRef>>;
 export declare function DropdownWrapper(props: Omit<Partial<IDropdownProps>, 'overlay'> & {
     overlay: ReactNode;
     align?: 'start' | 'end' | 'center';

package/lib/types/views/emoji-picker/emoji-picker-utils.d.ts

@@ -27,7 +27,7 @@ export type EmojiCategory = Exclude<keyof typeof emojis, 'frequent'>;
 export declare const EMOJI_RECENT_LIMIT = 11;
 export declare const EMOJI_CATEGORIES: {
     key: EmojiCategory;
-    titleKey: string;
+    titleKey: "ui.row" | "ui.column" | "ui.common-edit" | "ui.toggle-shortcut-panel" | "ui.global-shortcut" | "ui.fontFamily.not-supported" | "ui.fontFamily.arial" | "ui.fontFamily.times-new-roman" | "ui.fontFamily.tahoma" | "ui.fontFamily.verdana" | "ui.fontFamily.microsoft-yahei" | "ui.fontFamily.simsun" | "ui.fontFamily.simhei" | "ui.fontFamily.kaiti" | "ui.fontFamily.fangsong" | "ui.fontFamily.nsimsun" | "ui.fontFamily.stxinwei" | "ui.fontFamily.stxingkai" | "ui.fontFamily.stliti" | "ui.ribbon.start" | "ui.ribbon.view" | "ui.ribbon.insert" | "ui.ribbon.data" | "ui.ribbon.startDesc" | "ui.ribbon.insertDesc" | "ui.ribbon.formulas" | "ui.ribbon.formulasDesc" | "ui.ribbon.dataDesc" | "ui.ribbon.viewDesc" | "ui.ribbon.others" | "ui.ribbon.othersDesc" | "ui.ribbon.more" | "ui.clipboard.authentication.title" | "ui.clipboard.authentication.content" | "ui.emojiPicker.search" | "ui.emojiPicker.objects" | "ui.emojiPicker.random" | "ui.emojiPicker.recents" | "ui.emojiPicker.emojis" | "ui.emojiPicker.animals" | "ui.emojiPicker.food" | "ui.emojiPicker.activities" | "ui.emojiPicker.places" | "ui.emojiPicker.symbols" | "ui.emojiPicker.searchResults" | "ui.emojiPicker.noResults" | `ui.emojiPicker.emojiSearchIndex.${string}` | `ui.emojiPicker.emojiTitles.${string}` | "ui.toolbar.heading.title" | "ui.toolbar.heading.normal" | "ui.toolbar.heading.subTitle" | "ui.toolbar.heading.tooltip" | "ui.shortcut-panel.title" | "ui.shortcut.copy" | "ui.shortcut.cut" | "ui.shortcut.paste" | "ui.shortcut.shortcut-panel" | "ui.shortcut.undo" | "ui.shortcut.redo" | "ui.navigation.next" | "ui.navigation.back" | "ui.navigation.previous" | "ui.sidebar.close" | "ui.sidebar.resize" | "ui.sidebar.panel" | "ui.beforeClose.title" | "ui.textEditor.formulaError" | "ui.textEditor.rangeError" | "ui.rangeSelector.title" | "ui.rangeSelector.cancel" | "ui.rangeSelector.addAnotherRange" | "ui.rangeSelector.buttonTooltip" | "ui.rangeSelector.placeHolder" | "ui.rangeSelector.confirm" | "ui.zoom-slider.resetTo";
 }[];
 export declare function getDefaultRecentEmojis(): IEmojiItem[];
 export declare function getAllEmojis(): IEmojiItem[];

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

@@ -18,4 +18,4 @@ export * from './custom-label/index';
 export * from './emoji-picker/index';
 export * from './HeadingItem';
 export { useScrollYOverContainer } from './hooks/layout';
-export { type ISliderProps, Slider } from './slider/index';
+export { type ISliderProps, type IZoomInputProps, Slider, ZoomInput } from './slider/index';

package/lib/types/views/menu/mobile/MobileMenu.d.ts

@@ -15,8 +15,10 @@
  */
 import type { IMenuSchema } from '../../../services/menu/menu-manager.service';
 import type { IBaseMenuProps } from '../types';
+import { IMenuManagerService } from '../../../services/menu/menu-manager.service';
 interface IMobileMenuProps extends IBaseMenuProps {
     schemas?: IMenuSchema[];
+    menuManagerService?: IMenuManagerService;
 }
 export declare function MobileMenu(props: IMobileMenuProps): import("react").JSX.Element | null;
 export {};

package/lib/types/views/slider/ZoomInput.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export interface IZoomInputProps {
+    value?: number;
+    min?: number;
+    max?: number;
+    shortcuts: number[];
+    disabled?: boolean;
+    className?: string;
+    onChange?: (value: number) => void;
+}
+export declare function ZoomInput(props: IZoomInputProps): import("react").JSX.Element;

package/lib/types/views/slider/index.d.ts

@@ -14,3 +14,4 @@
  * limitations under the License.
  */
 export { type ISliderProps, Slider } from './Slider';
+export { type IZoomInputProps, ZoomInput } from './ZoomInput';