@univerjs/ui 0.4.2 → 0.5.0-beta.0

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

@@ -1,10 +1,12 @@
 import { Nullable, Disposable } from '@univerjs/core';
-import { IRectPopupProps } from '@univerjs/design';
 import { IBoundRectNoAngle } from '@univerjs/engine-render';
 import { Observable } from 'rxjs';
-export interface IPopup extends Omit<IRectPopupProps, 'children' | 'hidden'> {
+import { IRectPopupProps } from '../../views/components/popup/RectPopup';
+export interface IPopup extends Omit<IRectPopupProps, 'children' | 'hidden' | 'excludeRects' | 'anchorRect$'> {
     anchorRect$: Observable<IBoundRectNoAngle>;
+    anchorRect?: IBoundRectNoAngle;
     excludeRects$?: Observable<IBoundRectNoAngle[]>;
+    excludeRects?: Nullable<IBoundRectNoAngle[]>;
     componentKey: string;
     unitId: string;
     subUnitId: string;
@@ -12,6 +14,7 @@ export interface IPopup extends Omit<IRectPopupProps, 'children' | 'hidden'> {
     canvasElement: HTMLCanvasElement;
     hideOnInvisible?: boolean;
     hiddenType?: 'hide' | 'destroy';
+    hiddenRects$?: Observable<IBoundRectNoAngle[]>;
 }
 export interface ICanvasPopupService {
     addPopup(item: IPopup): string;

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

@@ -1,8 +1,8 @@
-import { Disposable, ICommandService, IContextService, IDisposable } from '@univerjs/core';
+import { IDisposable, Disposable, ICommandService, IContextService } from '@univerjs/core';
 import { Observable } from 'rxjs';
+import { KeyCode } from './keycode';
 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}.
  */

package/lib/types/services/sidebar/desktop-sidebar.service.d.ts

@@ -1,13 +1,16 @@
 import { IDisposable } from '@univerjs/core';
-import { Subject } from 'rxjs';
 import { ISidebarMethodOptions } from '../../views/components/sidebar/interface';
 import { ISidebarService } from './sidebar.service';
+import { Subject } from 'rxjs';
 export declare class DesktopSidebarService implements ISidebarService {
     private _sidebarOptions;
     readonly sidebarOptions$: Subject<ISidebarMethodOptions>;
     readonly scrollEvent$: Subject<Event>;
+    private container?;
     get visible(): boolean;
     get options(): ISidebarMethodOptions;
     open(params: ISidebarMethodOptions): IDisposable;
     close(id?: string): void;
+    getContainer(): HTMLElement | undefined;
+    setContainer(element: HTMLElement): void;
 }

package/lib/types/services/sidebar/hooks/useSidebarClick.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * 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.
+ */
+/**
+ * Response panel to a click event.
+ */
+export declare const useSidebarClick: (cb: (event: MouseEvent) => void) => void;

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

@@ -8,6 +8,8 @@ export interface ISidebarService {
     close(id?: string): void;
     get visible(): boolean;
     get options(): ISidebarMethodOptions;
+    getContainer(): HTMLElement | undefined;
+    setContainer(element?: HTMLElement): void;
 }
 export declare const ILeftSidebarService: import('@wendellhu/redi').IdentifierDecorator<ISidebarService>;
 export declare const ISidebarService: import('@wendellhu/redi').IdentifierDecorator<ISidebarService>;

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

@@ -0,0 +1,41 @@
+import { Nullable } from '@univerjs/core';
+import { RefObject, default as React } from 'react';
+import { Observable } from 'rxjs';
+interface IAbsolutePosition {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}
+export interface IRectPopupProps {
+    children?: React.ReactNode;
+    /**
+     * the anchor element bounding rect
+     */
+    anchorRect$: Observable<IAbsolutePosition>;
+    excludeRects?: RefObject<Nullable<IAbsolutePosition[]>>;
+    direction?: 'vertical' | 'horizontal' | 'left' | 'top' | 'right' | 'left' | '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;
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+}
+export interface IPopupLayoutInfo extends Pick<IRectPopupProps, 'direction'> {
+    position: IAbsolutePosition;
+    width: number;
+    height: number;
+    containerWidth: number;
+    containerHeight: number;
+}
+declare function RectPopup(props: IRectPopupProps): React.JSX.Element;
+declare namespace RectPopup {
+    var calcPopupPosition: (layout: IPopupLayoutInfo) => {
+        top: number;
+        left: number;
+    };
+    var useContext: () => RefObject<IAbsolutePosition | undefined>;
+}
+export { RectPopup };

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

@@ -1,26 +1,4 @@
-import { IDisplayMenuItem, IMenuItem, MenuGroup, MenuPosition } from '../../../services/menu/menu';
-type MenuPositionWithCustom = MenuPosition | string;
-export interface IMenuGroup {
-    name: MenuPositionWithCustom;
-    menuItems: Array<IDisplayMenuItem<IMenuItem>>;
-}
-export interface IToolbarRenderHookHandler {
-    /** The activated category. */
-    category: MenuPositionWithCustom;
-    /** Update current activate category. */
-    setCategory: (position: MenuPositionWithCustom) => void;
-    visibleItems: IDisplayMenuItem<IMenuItem>[];
-    /** Menu grouped in this category. */
-    groups: IMenuGroup[];
-    groupsByKey: Record<MenuGroup, Array<IDisplayMenuItem<IMenuItem>>>;
-}
-export declare function useSimpleToolbarGroups(category: MenuPositionWithCustom): IDisplayMenuItem<IMenuItem>[];
-/**
- * If your custom toolbar component need to render menu items by their category,
- * you can use this hook to get the toolbar status.
- * @returns toolbar status
- */
-export declare function useToolbarGroups(categories: MenuPositionWithCustom[], initCategory?: string): IToolbarRenderHookHandler;
+import { IDisplayMenuItem, IMenuItem } from '../../../services/menu/menu';
 export interface IToolbarItemStatus {
     disabled: boolean;
     value: any;
@@ -33,4 +11,3 @@ export interface IToolbarItemStatus {
  * @returns The menu item's status
  */
 export declare function useToolbarItemStatus(menuItem: IDisplayMenuItem<IMenuItem>): IToolbarItemStatus;
-export {};

package/lib/umd/facade.js

@@ -0,0 +1 @@
+(function(e,n){typeof exports=="object"&&typeof module<"u"?n(require("@univerjs/core"),require("@univerjs/ui")):typeof define=="function"&&define.amd?define(["@univerjs/core","@univerjs/ui"],n):(e=typeof globalThis<"u"?globalThis:e||self,n(e.UniverCore,e.UniverUi))})(this,function(e,n){"use strict";class d extends e.FUniver{copy(){return this._commandService.executeCommand(n.CopyCommand.id)}paste(){return this._commandService.executeCommand(n.PasteCommand.id)}openSiderbar(i){return this._injector.get(n.ISidebarService).open(i)}openDialog(i){const o=this._injector.get(n.IDialogService).open({...i,onClose:()=>{o.dispose()}});return o}}e.FUniver.extend(d);class r extends e.FHooks{onBeforeCopy(i){return this._injector.get(e.ICommandService).beforeCommandExecuted(o=>{o.id===n.CopyCommand.id&&i()})}onCopy(i){return this._injector.get(e.ICommandService).onCommandExecuted(o=>{o.id===n.CopyCommand.id&&i()})}onBeforePaste(i){return this._injector.get(e.ICommandService).beforeCommandExecuted(o=>{o.id===n.PasteCommand.id&&i()})}onPaste(i){return this._injector.get(e.ICommandService).onCommandExecuted(o=>{o.id===n.PasteCommand.id&&i()})}}e.FHooks.extend(r)});