@univerjs/ui 0.15.5 → 0.16.0

package/lib/types/components/menu/desktop/TinyMenuGroup.d.ts

@@ -1,8 +1,9 @@
 import { IValueOption } from '../../../services/menu/menu';
 import { IMenuSchema } from '../../../services/menu/menu-manager.service';
-interface IUITinyMenuGroupProps {
+interface IUIQuickMenuGroupProps {
     item: IMenuSchema;
     onOptionSelect?: (option: IValueOption) => void;
 }
-export declare function UITinyMenuGroup(props: IUITinyMenuGroupProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function UITinyMenuGroup(props: IUIQuickMenuGroupProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function UIQuickTileMenuGroup(props: IUIQuickMenuGroupProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/types/components/message/MessageContainer.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 function MessageContainer(): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/notification/Notification.stories.d.ts

@@ -2,6 +2,18 @@ import { Meta } from '@storybook/react';
 import { Notification } from './Notification';
 declare const meta: Meta<typeof Notification>;
 export default meta;
-export declare const Playground: {
+export declare const InteractivePlayground: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const VisualRegressionLight: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const VisualRegressionDark: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const PlacementMatrix: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LongContentAndLoading: {
     render: () => import("react/jsx-runtime").JSX.Element;
 };

package/lib/types/index.d.ts

@@ -47,6 +47,7 @@ export { BrowserClipboardService, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIP
 export { supportClipboardAPI } from './services/clipboard/clipboard-utils';
 export { CopyCommand, CutCommand, PasteCommand, SheetPasteShortKeyCommandName } from './services/clipboard/clipboard.command';
 export { DesktopConfirmService } from './services/confirm/desktop-confirm.service';
+export { ContextMenuHostService, IContextMenuHostService } from './services/contextmenu/contextmenu-host.service';
 export { ContextMenuService, type IContextMenuHandler, IContextMenuService } from './services/contextmenu/contextmenu.service';
 export { DesktopDialogService } from './services/dialog/desktop-dialog.service';
 export { IDialogService } from './services/dialog/dialog.service';
@@ -86,6 +87,7 @@ export * from './utils';
 export { ComponentContainer, type IComponentContainerProps, useComponentsOfPart } from './views/components/ComponentContainer';
 export type { IConfirmChildrenProps } from './views/components/confirm-part/interface';
 export { type IConfirmPartMethodOptions } from './views/components/confirm-part/interface';
+export { AnchoredContextMenu, type IContextMenuAnchorRect } from './views/components/context-menu/AnchoredContextMenu';
 export { DesktopContextMenu as ContextMenu } from './views/components/context-menu/ContextMenu';
 export { MobileContextMenu } from './views/components/context-menu/MobileContextMenu';
 export { type IDialogPartMethodOptions } from './views/components/dialog-part/interface';

package/lib/types/services/contextmenu/contextmenu-host.service.d.ts

@@ -0,0 +1,18 @@
+import { IDisposable, Disposable } from '@univerjs/core';
+export interface IContextMenuHostService {
+    readonly activeMenuId: string | null;
+    registerMenu(menuId: string, hide: () => void): IDisposable;
+    activateMenu(menuId: string): void;
+    deactivateMenu(menuId: string): void;
+    hideActiveMenu(exceptMenuId?: string): void;
+}
+export declare const IContextMenuHostService: import('@wendellhu/redi').IdentifierDecorator<IContextMenuHostService>;
+export declare class ContextMenuHostService extends Disposable implements IContextMenuHostService {
+    private readonly _menuMap;
+    private _activeMenuId;
+    get activeMenuId(): string | null;
+    registerMenu(menuId: string, hide: () => void): IDisposable;
+    activateMenu(menuId: string): void;
+    deactivateMenu(menuId: string): void;
+    hideActiveMenu(exceptMenuId?: string): void;
+}

package/lib/types/services/local-file/desktop-local-file.service.d.ts

@@ -1,5 +1,5 @@
-import { Disposable } from '@univerjs/core';
 import { ILocalFileService, IOpenFileOptions } from './local-file.service';
+import { Disposable } from '@univerjs/core';
 export declare class DesktopLocalFileService extends Disposable implements ILocalFileService {
     openFile(options?: IOpenFileOptions): Promise<File[]>;
     downloadFile(data: Blob, fileName: string): void;

package/lib/types/services/menu/menu-manager.service.d.ts

@@ -2,12 +2,14 @@ import { IAccessor, Disposable, IConfigService, Injector } from '@univerjs/core'
 import { Observable, Subject } from 'rxjs';
 import { IMenuItem } from '../menu/menu';
 export declare const IMenuManagerService: import('@wendellhu/redi').IdentifierDecorator<IMenuManagerService>;
+export type ContextMenuQuickLayout = 'icon' | 'tile';
 export interface IMenuSchema {
     key: string;
     order: number;
     title?: string;
     item?: IMenuItem;
     children?: IMenuSchema[];
+    quickLayout?: ContextMenuQuickLayout;
     tiny?: boolean;
 }
 export interface IMenuManagerService {
@@ -21,6 +23,7 @@ export type MenuSchemaType = {
     order?: number;
     menuItemFactory?: (accessor: IAccessor) => IMenuItem;
     title?: string;
+    quickLayout?: ContextMenuQuickLayout;
 } | {
     [key: string]: MenuSchemaType;
 };

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

@@ -82,6 +82,7 @@ export interface IMenuSelectorItem<V = MenuItemDefaultValueType, T = undefined>
     activated$?: Observable<boolean>;
 }
 export declare function isMenuSelectorItem<T extends MenuItemDefaultValueType>(v: IMenuItem): v is IMenuSelectorItem<T>;
+export declare function isMenuButtonSelectorItem<T extends MenuItemDefaultValueType>(v: IMenuItem): v is IMenuSelectorItem<T>;
 export type MenuItemDefaultValueType = string | number | undefined;
 export type IMenuItem = IMenuButtonItem<MenuItemDefaultValueType> | IMenuSelectorItem<MenuItemDefaultValueType, any>;
 export type IDisplayMenuItem<T extends IMenuItem> = T & {

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

@@ -0,0 +1,17 @@
+import { IValueOption } from '../../../services/menu/menu';
+export interface IContextMenuAnchorRect {
+    left: number;
+    top: number;
+    bottom: number;
+}
+export interface IAnchoredContextMenuProps {
+    hostId: string;
+    visible: boolean;
+    anchorRect: IContextMenuAnchorRect | null;
+    menuType: string;
+    anchorVertical?: 'top' | 'bottom';
+    menuOffset?: number;
+    onRequestClose: () => void;
+    onOptionSelect?: (option: IValueOption) => void;
+}
+export declare function AnchoredContextMenu(props: IAnchoredContextMenuProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { IValueOption } from '../../../services/menu/menu';
+interface IContextMenuPanelProps {
+    menuType: string;
+    menuSessionVersion?: number;
+    onOptionSelect?: (option: IValueOption) => void;
+}
+export declare const CONTEXT_MENU_SUBMENU_PORTAL_ATTR = "data-u-context-menu-submenu";
+export declare function ContextMenuPanel(props: IContextMenuPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -4,6 +4,7 @@ export interface IToolbarItemStatus {
     value: any;
     activated: boolean;
     hidden: boolean;
+    selectionsValue: any;
 }
 /**
  * Subscribe to a menu item's status change and return the latest status.