@univerjs/ui 0.8.0-beta.0 → 0.8.0-beta.1

package/lib/types/common/component-manager.d.ts

@@ -1,5 +1,5 @@
-import { IDisposable } from '@univerjs/core';
-import { default as React } from 'react';
+import { IDisposable, Disposable } from '@univerjs/core';
+import { ForwardRefExoticComponent } from 'react';
 import { defineComponent } from 'vue';
 type ComponentFramework = 'vue3' | 'react';
 export interface IComponentOptions {
@@ -11,17 +11,17 @@ export interface IVue3Component<T extends Record<string, any> = Record<string, a
 }
 export interface IReactComponent<T extends Record<string, any> = Record<string, any>> {
     framework: 'react';
-    component: React.ForwardRefExoticComponent<T>;
+    component: ForwardRefExoticComponent<T>;
 }
-export type ComponentType<T extends Record<string, any> = Record<string, any>> = React.ForwardRefExoticComponent<T> | ReturnType<typeof defineComponent>;
+export type ComponentType<T extends Record<string, any> = Record<string, any>> = ForwardRefExoticComponent<T> | ReturnType<typeof defineComponent>;
 export type ComponentList = Map<string, IVue3Component | IReactComponent>;
-export declare class ComponentManager {
+export declare class ComponentManager extends Disposable {
     private _components;
     private _componentsReverse;
     constructor();
     register(name: string, component: ComponentType, options?: IComponentOptions): IDisposable;
     getKey(component: ComponentType): string | undefined;
-    get(name: string): React.ForwardRefExoticComponent<Record<string, any>> | ((props: Record<string, any>) => React.FunctionComponentElement<{
+    get(name: string): ForwardRefExoticComponent<Record<string, any>> | ((props: Record<string, any>) => import('react').FunctionComponentElement<{
         component: ReturnType<typeof defineComponent>;
         props: Record<string, any>;
     }>) | undefined;
@@ -30,5 +30,5 @@ export declare class ComponentManager {
 export declare function VueComponentWrapper(options: {
     component: ReturnType<typeof defineComponent>;
     props: Record<string, any>;
-}): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+}): import('react').DetailedReactHTMLElement<import('react').HTMLAttributes<HTMLElement>, HTMLElement>;
 export {};

package/lib/types/components/custom-label/CustomLabel.d.ts

@@ -1,12 +1,12 @@
+import { ReactNode } from 'react';
 import { Observable } from 'rxjs';
 import { IMenuSelectorItem } from '../../services/menu/menu';
-import { default as React } from 'react';
 export type ICustomLabelProps<T = undefined> = {
     className?: string;
     value?: string | number | undefined;
     value$?: Observable<T>;
     onChange?(v: string | number): void;
-    title?: React.ReactNode;
+    title?: ReactNode;
 } & Pick<IMenuSelectorItem<unknown>, 'label' | 'icon'>;
 /**
  * The component to render toolbar item label and menu item label.

package/lib/types/components/hooks/update-effect.d.ts

@@ -1,2 +1,2 @@
-import { default as React } from 'react';
-export declare const useUpdateEffect: typeof React.useEffect;
+import { useEffect } from 'react';
+export declare const useUpdateEffect: typeof useEffect;

package/lib/types/controllers/shortcut-display/menu.d.ts

@@ -1,3 +1,2 @@
-import { IAccessor } from '@univerjs/core';
 import { IMenuButtonItem } from '../../services/menu/menu';
-export declare function ShortcutPanelMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
+export declare function ShortcutPanelMenuItemFactory(): IMenuButtonItem;

package/lib/types/facade/f-univer.d.ts

@@ -117,10 +117,10 @@ export interface IFUniverUIMixin {
      * @example
      * ```ts
      * // Univer Icon can be viewed at https://univer.ai/en-US/icons
-     * import { SmileSingle } from '@univerjs/icons'
+     * import { SmileIcon } from '@univerjs/icons'
      *
      * // Create a custom menu with an univer icon
-     * univerAPI.registerComponent('custom-menu-icon', SmileSingle);
+     * univerAPI.registerComponent('custom-menu-icon', SmileIcon);
      * univerAPI.createMenu({
      *   id: 'custom-menu',
      *   icon: 'custom-menu-icon',

package/lib/types/views/components/ComponentContainer.d.ts

@@ -1,12 +1,12 @@
 import { Injector } from '@univerjs/core';
-import { ComponentType, default as React } from 'react';
+import { ComponentType, ReactNode } from 'react';
 import { ComponentRenderer } from '../../services/parts/parts.service';
 export interface IComponentContainerProps {
     components?: Set<ComponentType>;
-    fallback?: React.ReactNode;
+    fallback?: ReactNode;
     sharedProps?: Record<string, unknown>;
 }
-export declare function ComponentContainer(props: IComponentContainerProps): React.ReactNode;
+export declare function ComponentContainer(props: IComponentContainerProps): ReactNode;
 /**
  * Get a set of render functions to render components of a part.
  *

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

@@ -1,6 +1,5 @@
 import { IFloatDom } from '../../../services/dom/canvas-dom-layer.service';
-import { default as React } from 'react';
-export declare const FloatDomSingle: React.MemoExoticComponent<(props: {
+export declare const FloatDomSingle: import('react').MemoExoticComponent<(props: {
     layer: IFloatDom;
     id: string;
 }) => import("react/jsx-runtime").JSX.Element | null>;

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

@@ -1,8 +1,8 @@
+import { ReactNode } from 'react';
 import { IPopup } from '../../../services/popup/canvas-popup.service';
-import { default as React } from 'react';
 interface ISingleCanvasPopupProps {
     popup: IPopup;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export declare const SingleCanvasPopup: ({ popup, children }: ISingleCanvasPopupProps) => import("react/jsx-runtime").JSX.Element | null;
 export declare function CanvasPopup(): import("react/jsx-runtime").JSX.Element[];

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

@@ -1,5 +1,5 @@
 import { Nullable } from '@univerjs/core';
-import { RefObject, default as React } from 'react';
+import { ReactNode, RefObject } from 'react';
 import { Observable } from 'rxjs';
 interface IAbsolutePosition {
     left: number;
@@ -9,7 +9,7 @@ interface IAbsolutePosition {
 }
 export type RectPopupDirection = 'left' | 'left-center' | 'left-bottom' | 'left-top' | 'right' | 'right-center' | 'right-bottom' | 'right-top' | 'top' | 'top-center' | 'top-left' | 'top-right' | 'bottom' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'vertical' | 'vertical-left' | 'vertical-right' | 'vertical-center' | 'horizontal' | 'horizontal-top' | 'horizontal-bottom' | 'horizontal-center';
 export interface IRectPopupProps {
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * the anchor element bounding rect
      */