@univerjs/ui 0.6.9 → 0.6.10-alpha.0

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

@@ -11,6 +11,7 @@ export interface IBaseMenuProps {
      */
     overViewport?: 'scroll';
     onOptionSelect?: (option: IValueOption) => void;
+    style?: React.CSSProperties;
 }
 /** @deprecated */
 export declare const Menu: (props: IBaseMenuProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/components/menu/desktop/tiny-menu-group.d.ts

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

package/lib/types/controllers/ui/ui.controller.d.ts

@@ -31,6 +31,10 @@ export interface IWorkbenchOptions {
      * If Univer should make the context menu usable.
      */
     contextMenu?: boolean;
+    /**
+     * If Univer should make the header menu visible.
+     */
+    headerMenu?: boolean;
 }
 export interface IUIController {
 }

package/lib/types/index.d.ts

@@ -74,6 +74,7 @@ export { UNIVER_UI_PLUGIN_NAME } from './ui-plugin';
 export * from './utils';
 export { ComponentContainer, type IComponentContainerProps, useComponentsOfPart } from './views/components/ComponentContainer';
 export { ZenZone } from './views/components/zen-zone/ZenZone';
+export { Menu as DesktopMenu } from './components/menu/desktop/Menu';
 export { type IConfirmPartMethodOptions } from './views/components/confirm-part/interface';
 export { DesktopContextMenu as ContextMenu } from './views/components/context-menu/ContextMenu';
 export { MobileContextMenu } from './views/components/context-menu/MobileContextMenu';

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

@@ -5,8 +5,10 @@ export declare const IMenuManagerService: import('@wendellhu/redi').IdentifierDe
 export interface IMenuSchema {
     key: string;
     order: number;
+    title?: string;
     item?: IMenuItem;
     children?: IMenuSchema[];
+    tiny?: boolean;
 }
 export interface IMenuManagerService {
     readonly menuChanged$: Observable<void>;
@@ -18,6 +20,7 @@ export interface IMenuManagerService {
 export type MenuSchemaType = {
     order?: number;
     menuItemFactory?: (accessor: IAccessor) => IMenuItem;
+    title?: string;
 } | {
     [key: string]: MenuSchemaType;
 };

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

@@ -54,9 +54,17 @@ export declare enum ContextMenuPosition {
     COL_HEADER = "contextMenu.colHeader",
     ROW_HEADER = "contextMenu.rowHeader",
     FOOTER_TABS = "contextMenu.footerTabs",
-    FOOTER_MENU = "contextMenu.footerMenu"
+    FOOTER_MENU = "contextMenu.footerMenu",
+    /**
+     * paragraph context menu in doc
+     */
+    PARAGRAPH = "contextMenu.paragraph"
 }
 export declare enum ContextMenuGroup {
+    /**
+     * quick context menu, displayed as icon
+     */
+    QUICK = "contextMenu.quick",
     FORMAT = "contextMenu.format",
     LAYOUT = "contextMenu.layout",
     DATA = "contextMenu.data",

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

@@ -15,6 +15,8 @@ export interface IPopup extends Omit<IRectPopupProps, 'children' | 'hidden' | 'e
     hideOnInvisible?: boolean;
     hiddenType?: 'hide' | 'destroy';
     hiddenRects$?: Observable<IBoundRectNoAngle[]>;
+    customActive?: boolean;
+    onActiveChange?: (active: boolean) => void;
 }
 export interface ICanvasPopupService {
     addPopup(item: IPopup): string;

package/lib/types/views/components/popup/RectPopup.d.ts

@@ -14,15 +14,19 @@ export interface IRectPopupProps {
      */
     anchorRect$: Observable<IAbsolutePosition>;
     excludeRects?: RefObject<Nullable<IAbsolutePosition[]>>;
-    direction?: 'vertical' | 'horizontal' | 'top' | 'right' | 'left' | 'bottom' | 'bottom-center' | 'top-center';
+    direction?: 'vertical' | 'horizontal' | 'top' | 'right' | 'left' | 'right-center' | 'left-center' | 'bottom' | 'bottom-center' | 'top-center';
     hidden?: boolean;
     onClickOutside?: (e: MouseEvent) => void;
     excludeOutside?: HTMLElement[];
     onContextMenu?: () => void;
-    onPointerEnter?: (e: React.PointerEvent<HTMLElement>) => void;
-    onPointerLeave?: (e: React.PointerEvent<HTMLElement>) => void;
+    onPointerEnter?: (e: React.MouseEvent<HTMLElement>) => void;
+    onPointerLeave?: (e: React.MouseEvent<HTMLElement>) => void;
     onClick?: (e: React.MouseEvent<HTMLElement>) => void;
     portal?: boolean;
+    mask?: boolean;
+    zIndex?: number;
+    maskZIndex?: number;
+    onMaskClick?: () => void;
 }
 export interface IPopupLayoutInfo extends Pick<IRectPopupProps, 'direction'> {
     position: IAbsolutePosition;

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

@@ -1,6 +1,7 @@
 import { ComponentType } from 'react';
 interface IRibbonProps {
     headerMenuComponents?: Set<ComponentType>;
+    headerMenu?: boolean;
 }
 export declare function Ribbon(props: IRibbonProps): import("react/jsx-runtime").JSX.Element;
 export {};