@univerjs/ui 1.0.0-alpha.6 → 1.0.0-alpha.8

package/lib/types/{controllers/menus/menus.d.ts → menu/history.menu.d.ts}

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import type { IAccessor } from '@univerjs/core';
-import type { LocaleKey } from '../../locale/types';
-import type { IMenuButtonItem } from '../../services/menu/menu';
+import type { LocaleKey } from '../locale/types';
+import type { IMenuButtonItem } from '../services/menu/menu';
 export declare function UndoMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;
 export declare function RedoMenuItemFactory(accessor: IAccessor): IMenuButtonItem<LocaleKey>;

package/lib/types/{controllers/shortcut-display/menu.d.ts → menu/shortcut-panel.menu.d.ts}

@@ -13,6 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { LocaleKey } from '../../locale/types';
-import type { IMenuButtonItem } from '../../services/menu/menu';
+import type { LocaleKey } from '../locale/types';
+import type { IMenuButtonItem } from '../services/menu/menu';
 export declare function ShortcutPanelMenuItemFactory(): IMenuButtonItem<LocaleKey>;

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

@@ -14,9 +14,11 @@
  * limitations under the License.
  */
 import type { IDisposable } from '@univerjs/core';
+import type { Observable } from 'rxjs';
 import { Disposable } from '@univerjs/core';
 export interface IContextMenuHostService {
     readonly activeMenuId: string | null;
+    readonly activeMenuId$: Observable<string | null>;
     registerMenu(menuId: string, hide: () => void): IDisposable;
     activateMenu(menuId: string): void;
     deactivateMenu(menuId: string): void;
@@ -25,10 +27,12 @@ export interface IContextMenuHostService {
 export declare const IContextMenuHostService: import("@wendellhu/redi").IdentifierDecorator<IContextMenuHostService>;
 export declare class ContextMenuHostService extends Disposable implements IContextMenuHostService {
     private readonly _menuMap;
-    private _activeMenuId;
+    private readonly _activeMenuId$;
+    readonly activeMenuId$: Observable<string | null>;
     get activeMenuId(): string | null;
     registerMenu(menuId: string, hide: () => void): IDisposable;
     activateMenu(menuId: string): void;
     deactivateMenu(menuId: string): void;
     hideActiveMenu(exceptMenuId?: string): void;
+    dispose(): void;
 }

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

@@ -21,6 +21,15 @@ import { Subject } from 'rxjs';
 export declare const IMenuManagerService: import("@wendellhu/redi").IdentifierDecorator<IMenuManagerService>;
 export type ContextMenuQuickLayout = 'icon' | 'tile';
 export type ContextMenuQuickLayoutVariant = 'default' | 'compact';
+export interface IRibbonGridLayout {
+    row: number;
+    column: number;
+    rowSpan?: number;
+    columnSpan?: number;
+    showLabel?: boolean;
+    width?: number;
+    iconSize?: number;
+}
 export interface IMenuSchema {
     key: string;
     order: number;
@@ -33,6 +42,7 @@ export interface IMenuSchema {
     quickColumns?: number;
     quickLayoutVariant?: ContextMenuQuickLayoutVariant;
     tiny?: boolean;
+    gridLayout?: IRibbonGridLayout;
 }
 export interface IMenuManagerService {
     readonly menuChanged$: Observable<void>;
@@ -52,6 +62,7 @@ export type MenuSchemaType = {
     quickColumns?: number;
     quickLayoutVariant?: ContextMenuQuickLayoutVariant;
     tiny?: boolean;
+    gridLayout?: IRibbonGridLayout;
 } | {
     [key: string]: MenuSchemaType;
 };

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

@@ -29,6 +29,7 @@ export declare enum RibbonStartGroup {
     HISTORY = "ribbon.start.history",
     FORMAT = "ribbon.start.format",
     LAYOUT = "ribbon.start.layout",
+    NUMBER = "ribbon.start.number",
     OTHERS = "ribbon.start.others"
 }
 export declare enum RibbonInsertGroup {

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

@@ -41,6 +41,7 @@ export interface IUIPartsService {
         visible: boolean;
     }>;
     registerComponent(part: ComponentPartKey, componentFactory: () => ComponentType): IDisposable;
+    registerDisabledUIParts(parts: readonly ComponentPartKey[], disabled$: Observable<boolean>): IDisposable;
     getComponents(part: ComponentPartKey): Set<ComponentRenderer>;
     setUIVisible(part: ComponentPartKey, visible: boolean): void;
     isUIVisible(part: ComponentPartKey): boolean;
@@ -48,6 +49,7 @@ export interface IUIPartsService {
 export declare const IUIPartsService: import("@wendellhu/redi").IdentifierDecorator<IUIPartsService>;
 export declare class UIPartsService extends Disposable implements IUIPartsService {
     private _componentsByPart;
+    private _disabledUIParts;
     private readonly _componentRegistered$;
     readonly componentRegistered$: Observable<string>;
     private readonly _uiVisible;
@@ -59,6 +61,7 @@ export declare class UIPartsService extends Disposable implements IUIPartsServic
     dispose(): void;
     setUIVisible(part: ComponentPartKey, visible: boolean): void;
     isUIVisible(part: ComponentPartKey): boolean;
+    registerDisabledUIParts(parts: readonly ComponentPartKey[], disabled$: Observable<boolean>): IDisposable;
     registerComponent<T>(part: ComponentPartKey, componentFactory: () => React.ComponentType<T>): IDisposable;
     getComponents(part: ComponentPartKey): Set<ComponentType>;
 }

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

@@ -18,7 +18,16 @@ import type { Observable } from 'rxjs';
 import { Disposable, ICommandService, IContextService } from '@univerjs/core';
 import { ILayoutService } from '../layout/layout.service';
 import { IPlatformService } from '../platform/platform.service';
+import { IUIRuntimeScopeService } from '../runtime-scope/ui-runtime-scope.service';
 import { KeyCode } from './keycode';
+/**
+ * Defines whether a Univer shortcut should yield to the browser's native behavior
+ * when the keyboard event originates from an editable text element.
+ */
+export declare enum NativeTextEditorShortcutBehavior {
+    ALLOW_NATIVE = 0,
+    OVERRIDE_NATIVE = 1
+}
 /**
  * A shortcut item that could be registered to the {@link IShortcutService}.
  */
@@ -34,6 +43,10 @@ export interface IShortcutItem<P extends object = object> {
      * would be passed to the callback.
      */
     preconditions?: (contextService: IContextService) => boolean;
+    /**
+     * A callback that examines the keyboard event before this shortcut is selected.
+     */
+    eventPreconditions?: (event: KeyboardEvent) => boolean;
     /**
      * The binding of the shortcut. It should be a combination of {@link KeyCode} and {@link MetaKeys}.
      *
@@ -54,6 +67,11 @@ export interface IShortcutItem<P extends object = object> {
      * The binding of the shortcut for Linux. If the property is not specified, the default binding would be used.
      */
     linux?: number;
+    /**
+     * Controls whether this shortcut can override the browser's native behavior
+     * for editable text elements. Native behavior is preserved by default.
+     */
+    nativeTextEditorBehavior?: NativeTextEditorShortcutBehavior;
     /**
      * The group of the menu item should belong to. The shortcut item would be rendered in the
      * panel if this is set.
@@ -135,6 +153,7 @@ export declare class ShortcutService extends Disposable implements IShortcutServ
     private readonly _commandService;
     private readonly _platformService;
     private readonly _contextService;
+    private readonly _runtimeScopeService;
     private readonly _layoutService?;
     private readonly _shortCutMapping;
     private readonly _commandIDMapping;
@@ -142,7 +161,7 @@ export declare class ShortcutService extends Disposable implements IShortcutServ
     readonly shortcutChanged$: Observable<void>;
     private _forceEscaped;
     private _forceDisabled;
-    constructor(_commandService: ICommandService, _platformService: IPlatformService, _contextService: IContextService, _layoutService?: ILayoutService | undefined);
+    constructor(_commandService: ICommandService, _platformService: IPlatformService, _contextService: IContextService, _runtimeScopeService: IUIRuntimeScopeService, _layoutService?: ILayoutService | undefined);
     getAllShortcuts(): IShortcutItem[];
     registerShortcut(shortcut: IShortcutItem): IDisposable;
     getShortcutDisplayOfCommand(id: string): string | null;
@@ -155,4 +174,5 @@ export declare class ShortcutService extends Disposable implements IShortcutServ
     private _getBindingFromItem;
     private _deriveBindingFromEvent;
     private _shouldLetEmbedTextEditorHandleNativeShortcut;
+    private _getRuntimeService;
 }

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

@@ -0,0 +1,30 @@
+/**
+ * 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 type { Observable } from 'rxjs';
+import { Disposable } from '@univerjs/core';
+export interface IWorkbenchService {
+    readonly skeletonVisible$: Observable<boolean>;
+    acquireSkeleton(): IDisposable;
+}
+export declare const IWorkbenchService: import("@wendellhu/redi").IdentifierDecorator<IWorkbenchService>;
+export declare class WorkbenchService extends Disposable implements IWorkbenchService {
+    private readonly _tokens;
+    private readonly _skeletonVisible$;
+    readonly skeletonVisible$: Observable<boolean>;
+    acquireSkeleton(): IDisposable;
+    dispose(): void;
+}

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

@@ -14,8 +14,10 @@
  * limitations under the License.
  */
 export declare const EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE = "data-embed-interaction-boundary-owner";
+export declare const EMBED_CHILD_UNIT_ID_ATTRIBUTE = "data-embed-child-unit-id";
 export declare function getEmbedBoundaryOwner(target: EventTarget | null): string | undefined;
 export declare function isEmbedBoundaryTarget(target: EventTarget | null): boolean;
+export declare function getEmbedChildUnitId(target: EventTarget | null): string | undefined;
 export declare function keepInteractionInsideSameEmbedBoundary(event: {
     currentTarget: EventTarget | null;
     target: EventTarget | null;

package/lib/types/views/components/feature-search/FeatureSearch.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 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 { IMenuCommandParams } from '../../../services/menu/menu';
+export declare const FEATURE_SEARCH_COMPONENT = "FeatureSearch";
+export declare const FEATURE_SEARCH_DIALOG_ID = "FEATURE_SEARCH_DIALOG";
+export interface IFeatureSearchItem {
+    key: string;
+    title: string;
+    parentTitle?: string;
+    description: string;
+    path: string;
+    commandId: string;
+    params?: IMenuCommandParams;
+    getParams: () => IMenuCommandParams | undefined;
+}
+export declare function FeatureSearch(): import("react").JSX.Element;

package/lib/types/views/components/ribbon/RibbonGrid.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.
+ */
+import type { HTMLAttributes } from 'react';
+import type { IMenuSchema } from '../../../services/menu/menu-manager.service';
+interface IRibbonGridProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    groups: IMenuSchema[];
+    title: string;
+}
+export declare function RibbonGrid({ groups, title, className, ...props }: IRibbonGridProps): import("react").JSX.Element;
+export {};

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

@@ -15,4 +15,13 @@
  */
 import type { IDisplayMenuItem, IMenuItem } from '../../../services/menu/menu';
 import type { ITooltipWrapperRef } from './TooltipButtonWrapper';
-export declare const ToolbarItem: import("react").ForwardRefExoticComponent<IDisplayMenuItem<IMenuItem> & import("react").RefAttributes<ITooltipWrapperRef>>;
+type IToolbarItemProps = IDisplayMenuItem<IMenuItem> & {
+    grid?: boolean;
+    large?: boolean;
+    showLabel?: boolean;
+    iconSize?: number;
+    iconColor?: string;
+    fullWidth?: boolean;
+};
+export declare const ToolbarItem: import("react").ForwardRefExoticComponent<IToolbarItemProps & import("react").RefAttributes<ITooltipWrapperRef>>;
+export {};

package/lib/types/views/components/ribbon/ribbon-grid-layout.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 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 { IMenuSchema } from '../../../services/menu/menu-manager.service';
+export interface IRibbonGridPlacement {
+    item: IMenuSchema;
+    row: number;
+    column: number;
+    rowSpan: number;
+    columnSpan: number;
+    showLabel: boolean;
+    width?: number;
+    iconSize?: number;
+}
+export declare function placeRibbonGridItems(items: IMenuSchema[]): IRibbonGridPlacement[];

package/lib/types/views/components/ribbon/ribbon-menu/RibbonGridMenu.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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 { IMenuSchema } from '../../../../services/menu/menu-manager.service';
+export declare function RibbonGridMenu({ ribbon, activatedTab, onSelectTab, }: {
+    ribbon: IMenuSchema[];
+    activatedTab: string;
+    onSelectTab: (tab: IMenuSchema) => void;
+}): import("react").JSX.Element;

package/lib/types/views/components/sidebar/Sidebar.d.ts

@@ -13,13 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { CSSProperties } from 'react';
 import type { ICustomLabelProps } from '../../custom-label/CustomLabel';
 export interface ISidebarMethodOptions {
     id?: string;
     header?: ICustomLabelProps;
     children?: ICustomLabelProps;
-    bodyStyle?: CSSProperties;
     footer?: ICustomLabelProps;
     visible?: boolean;
     width?: number | string;

package/lib/types/views/components/workbench-skeleton/WorkbenchSkeleton.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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 { LocaleService } from '@univerjs/core';
+export interface IWorkbenchSkeletonProps {
+    darkMode: boolean;
+    direction: ReturnType<LocaleService['getDirection']>;
+    overlay?: boolean;
+}
+export declare function WorkbenchSkeleton({ darkMode, direction, overlay }: IWorkbenchSkeletonProps): import("react").JSX.Element;

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

@@ -18,6 +18,7 @@ import type { Observable } from 'rxjs';
 import type { IMenuSelectorItem } from '../../services/menu/menu';
 export type ICustomLabelProps<T = undefined> = {
     className?: string;
+    iconSize?: number;
     value?: string | number | undefined;
     value$?: Observable<T>;
     onChange?(v: string | number): void;

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

@@ -15,13 +15,17 @@
  */
 import type { IPopup } from '../../services/popup/canvas-popup.service';
 export declare const EMOJI_PICKER_COMPONENT = "ui.emoji-picker";
-export interface IEmojiPickerPopupProps {
+interface IEmojiPickerPopupProps {
     activeEmoji?: string;
     onSelect?: (emoji: string, options?: {
         keepOpen?: boolean;
     }) => void;
     recentStorageKey?: string;
 }
-export declare function EmojiPicker(props: {
+interface IEmojiPickerProps {
+    embedded?: boolean;
+    onChange?: (emoji: string) => void;
     popup?: IPopup<IEmojiPickerPopupProps>;
-}): import("react").JSX.Element;
+}
+export declare function EmojiPicker(props: IEmojiPickerProps): import("react").JSX.Element;
+export {};

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: "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";
+    titleKey: "ui.column" | "ui.row" | "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.featureSearch.title" | "ui.featureSearch.empty" | "ui.featureSearch.placeholder" | "ui.featureSearch.ribbon" | "ui.featureSearch.contextMenu" | "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.symbolPicker.mathematics" | "ui.symbolPicker.greek" | "ui.symbolPicker.common" | "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/emoji-picker/index.d.ts

@@ -16,4 +16,3 @@
 export { EMOJI_CATEGORIES, EMOJI_RECENT_LIMIT, getAllEmojis, getDefaultRecentEmojis, getEmojiLocaleData, getLocalizedEmojiTitle, getRandomEmoji, parseStoredRecentEmojis, promoteRecentEmoji, searchEmojis, } from './emoji-picker-utils';
 export type { EmojiCategory, IEmojiItem, IEmojiLocaleData } from './emoji-picker-utils';
 export { EMOJI_PICKER_COMPONENT, EmojiPicker } from './EmojiPicker';
-export type { IEmojiPickerPopupProps } from './EmojiPicker';

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

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

package/lib/types/views/symbol-picker/SymbolPicker.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 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 { IPopup } from '../../services/popup/canvas-popup.service';
+export declare const SYMBOL_PICKER_COMPONENT = "ui.symbol-picker";
+interface ISymbolPickerPopupProps {
+    activeSymbol?: string;
+    onSelect?: (symbol: string, options?: {
+        keepOpen?: boolean;
+    }) => void;
+}
+interface ISymbolPickerProps {
+    className?: string;
+    embedded?: boolean;
+    onChange?: (symbol: string) => void;
+    popup?: IPopup<ISymbolPickerPopupProps>;
+}
+export declare function SymbolPicker(props: ISymbolPickerProps): import("react").JSX.Element;
+export {};

package/lib/types/views/symbol-picker/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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 { SYMBOL_PICKER_COMPONENT, SymbolPicker } from './SymbolPicker';
+export { SYMBOL_CATEGORIES } from './symbols';
+export type { ISymbolCategory, SymbolCategory } from './symbols';

package/lib/types/views/symbol-picker/symbols.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.
+ */
+import type { LocaleKey } from '../../locale/types';
+export type SymbolCategory = 'mathematics' | 'greek' | 'common';
+export interface ISymbolCategory {
+    key: SymbolCategory;
+    symbols: string[];
+    titleKey: LocaleKey;
+}
+export declare const SYMBOL_CATEGORIES: ISymbolCategory[];

package/lib/umd/facade.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(require("@univerjs/core/facade"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("@univerjs/core")):typeof define==`function`&&define.amd?define([`@univerjs/core/facade`,`@univerjs/engine-render`,`@univerjs/ui`,`@univerjs/core`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverCoreFacade,e.UniverEngineRender,e.UniverUi,e.UniverCore))})(this,function(e,t,n,r){function i(e){"@babel/helpers - typeof";return i=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},i(e)}function a(e,t){if(i(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(i(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function o(e){var t=a(e,`string`);return i(t)==`symbol`?t:t+``}function s(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e,t){return function(n,r){t(n,r,e)}}function l(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var u=class extends e.FBase{appendTo(e){let t=typeof e==`string`?e.split(`|`):e,n=t.length,r={},i=r,a=this.__getSchema();t.forEach((e,t)=>{t===n-1?i[e]=a:i[e]={},i=i[e]}),this._menuManagerService.mergeMenu(r)}};let d=class extends u{constructor(e,t,i,a){super(),this._item=e,this._injector=t,this._commandService=i,this._menuManagerService=a,s(this,`_commandToRegister`,new Map),s(this,`_buildingSchema`,void 0);let o=typeof e.action==`string`?e.action:(0,r.generateRandomId)(12);o!==e.action&&this._commandToRegister.set(o,e.action),this._buildingSchema={menuItemFactory:()=>({id:e.id,type:n.MenuItemType.BUTTON,icon:e.icon,title:e.title,tooltip:e.tooltip,commandId:o})},e.order!==void 0&&(this._buildingSchema.order=e.order)}__getSchema(){return this._commandToRegister.forEach((e,t)=>{this._commandService.hasCommand(t)||this._commandService.registerCommand({id:t,type:r.CommandType.COMMAND,handler:e})}),{[this._item.id]:this._buildingSchema}}};s(d,`RibbonStartGroup`,n.RibbonStartGroup),s(d,`RibbonPosition`,n.RibbonPosition),s(d,`MenuManagerPosition`,n.MenuManagerPosition),d=l([c(1,(0,r.Inject)(r.Injector)),c(2,r.ICommandService),c(3,n.IMenuManagerService)],d);let f=class extends u{constructor(e,t,r){super(),this._item=e,this._injector=t,this._menuManagerService=r,s(this,`_menuByGroups`,[]),s(this,`_submenus`,[]),s(this,`_buildingSchema`,void 0),this._buildingSchema={menuItemFactory:()=>({id:e.id,type:n.MenuItemType.SUBITEMS,icon:e.icon,title:e.title,tooltip:e.tooltip})},e.order!==void 0&&(this._buildingSchema.order=e.order)}addSubmenu(e){return this._submenus.push(e),this}addSeparator(){return this._menuByGroups.push(this._submenus),this._submenus=[],this}__getSchema(){let e={};return this.addSeparator(),this._menuByGroups.forEach((t,n)=>{let r={};t.forEach(e=>{Object.assign(r,e.__getSchema())}),e[`${this._item.id}-group-${n}`]=r}),{[this._item.id]:Object.assign(this._buildingSchema,e)}}};f=l([c(1,(0,r.Inject)(r.Injector)),c(2,n.IMenuManagerService)],f);let p=class extends e.FBase{constructor(e,t,n,r){super(),this._injector=e,this._renderManagerService=t,this._univerInstanceService=n,this._shortcutService=r,s(this,`_forceDisableDisposable`,null)}enableShortcut(){var e;return(e=this._forceDisableDisposable)==null||e.dispose(),this._forceDisableDisposable=null,this}disableShortcut(){return this._forceDisableDisposable||(this._forceDisableDisposable=this._shortcutService.forceDisable()),this}triggerShortcut(e){let t=this._univerInstanceService.getCurrentUnitOfType(r.UniverInstanceType.UNIVER_SHEET);if(!t)return;let n=this._renderManagerService.getRenderById(t.getUnitId());if(n)return n.engine.getCanvasElement().dispatchEvent(e),this._shortcutService.dispatch(e)}dispatchShortcutEvent(e){return this._shortcutService.dispatch(e)}};p=l([c(0,(0,r.Inject)(r.Injector)),c(1,(0,r.Inject)(t.IRenderManagerService)),c(2,r.IUniverInstanceService),c(3,n.IShortcutService)],p);var m=class extends e.FUniver{getURL(){return new URL(window.location.href)}getShortcut(){return this._injector.createInstance(p)}copy(){return this._commandService.executeCommand(n.CopyCommand.id)}paste(){return this._commandService.executeCommand(n.PasteCommand.id)}createMenu(e){return this._injector.createInstance(d,e)}createSubmenu(e){return this._injector.createInstance(f,e)}openSiderbar(e){return this._injector.get(n.ISidebarService).open(e)}openSidebar(e){return this.openSiderbar(e)}openDialog(e){let t=this._injector.get(n.IDialogService).open({...e,onClose:()=>{t.dispose()}});return t}getComponentManager(){return this._injector.get(n.ComponentManager)}showMessage(e){return this._injector.get(n.IMessageService).show(e),this}setUIVisible(e,t){return this._injector.get(n.IUIPartsService).setUIVisible(e,t),this}isUIVisible(e){return this._injector.get(n.IUIPartsService).isUIVisible(e)}registerUIPart(e,t){return this._injector.get(n.IUIPartsService).registerComponent(e,()=>(0,n.connectInjector)(t,this._injector))}registerComponent(e,t,r){let i=this._injector.get(n.ComponentManager);return this.disposeWithMe(i.register(e,t,r))}setCurrent(e){if(!this._injector.get(t.IRenderManagerService).getRenderById(e))throw Error(`Unit not found`);this._univerInstanceService.setCurrentUnitForType(e)}addFonts(e){let t=this._injector.get(n.IFontService);e.forEach(e=>{t.addFont(e)})}};e.FUniver.extend(m);var h=class extends e.FHooks{onBeforeCopy(e){return this._injector.get(r.ICommandService).beforeCommandExecuted(t=>{t.id===n.CopyCommand.id&&e()})}onCopy(e){return this._injector.get(r.ICommandService).onCommandExecuted(t=>{t.id===n.CopyCommand.id&&e()})}onBeforePaste(e){return this._injector.get(r.ICommandService).beforeCommandExecuted(t=>{t.id===n.PasteCommand.id&&e()})}onPaste(e){return this._injector.get(r.ICommandService).onCommandExecuted(t=>{(t.id===n.PasteCommand.id||t.id===n.SheetPasteShortKeyCommandName)&&e()})}};e.FHooks.extend(h);var g=class extends e.FEnum{get BuiltInUIPart(){return n.BuiltInUIPart}get KeyCode(){return n.KeyCode}};e.FEnum.extend(g)});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(require("@univerjs/core/facade"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("@univerjs/core")):typeof define==`function`&&define.amd?define([`@univerjs/core/facade`,`@univerjs/engine-render`,`@univerjs/ui`,`@univerjs/core`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverCoreFacade,e.UniverEngineRender,e.UniverUi,e.UniverCore))})(this,function(e,t,n,r){function i(e){"@babel/helpers - typeof";return i=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},i(e)}function a(e,t){if(i(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(i(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function o(e){var t=a(e,`string`);return i(t)==`symbol`?t:t+``}function s(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e,t){return function(n,r){t(n,r,e)}}function l(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var u=class extends e.FBase{appendTo(e){let t=typeof e==`string`?e.split(`|`):e,n=t.length,r={},i=r,a=this.__getSchema();t.forEach((e,t)=>{t===n-1?i[e]=a:i[e]={},i=i[e]}),this._menuManagerService.mergeMenu(r)}};let d=class extends u{constructor(e,t,i,a){super(),this._item=e,this._injector=t,this._commandService=i,this._menuManagerService=a,s(this,`_commandToRegister`,new Map),s(this,`_buildingSchema`,void 0);let o=typeof e.action==`string`?e.action:(0,r.generateRandomId)(12);o!==e.action&&this._commandToRegister.set(o,e.action),this._buildingSchema={menuItemFactory:()=>({id:e.id,type:n.MenuItemType.BUTTON,icon:e.icon,title:e.title,tooltip:e.tooltip,commandId:o})},e.order!==void 0&&(this._buildingSchema.order=e.order)}__getSchema(){return this._commandToRegister.forEach((e,t)=>{this._commandService.hasCommand(t)||this._commandService.registerCommand({id:t,type:r.CommandType.COMMAND,handler:e})}),{[this._item.id]:this._buildingSchema}}};s(d,`RibbonStartGroup`,n.RibbonStartGroup),s(d,`RibbonPosition`,n.RibbonPosition),s(d,`MenuManagerPosition`,n.MenuManagerPosition),d=l([c(1,(0,r.Inject)(r.Injector)),c(2,r.ICommandService),c(3,n.IMenuManagerService)],d);let f=class extends u{constructor(e,t,r){super(),this._item=e,this._injector=t,this._menuManagerService=r,s(this,`_menuByGroups`,[]),s(this,`_submenus`,[]),s(this,`_buildingSchema`,void 0),this._buildingSchema={menuItemFactory:()=>({id:e.id,type:n.MenuItemType.SUBITEMS,icon:e.icon,title:e.title,tooltip:e.tooltip})},e.order!==void 0&&(this._buildingSchema.order=e.order)}addSubmenu(e){return this._submenus.push(e),this}addSeparator(){return this._menuByGroups.push(this._submenus),this._submenus=[],this}__getSchema(){let e={};return this.addSeparator(),this._menuByGroups.forEach((t,n)=>{let r={};t.forEach(e=>{Object.assign(r,e.__getSchema())}),e[`${this._item.id}-group-${n}`]=r}),{[this._item.id]:Object.assign(this._buildingSchema,e)}}};f=l([c(1,(0,r.Inject)(r.Injector)),c(2,n.IMenuManagerService)],f);let p=class extends e.FBase{constructor(e,t,n,r){super(),this._injector=e,this._renderManagerService=t,this._univerInstanceService=n,this._shortcutService=r,s(this,`_forceDisableDisposable`,null)}enableShortcut(){var e;return(e=this._forceDisableDisposable)==null||e.dispose(),this._forceDisableDisposable=null,this}disableShortcut(){return this._forceDisableDisposable||(this._forceDisableDisposable=this._shortcutService.forceDisable()),this}triggerShortcut(e){let t=this._univerInstanceService.getCurrentUnitOfType(r.UniverInstanceType.UNIVER_SHEET);if(!t)return;let n=this._renderManagerService.getRenderUnitById(t.getUnitId());if(n)return n.engine.getCanvasElement().dispatchEvent(e),this._shortcutService.dispatch(e)}dispatchShortcutEvent(e){return this._shortcutService.dispatch(e)}};p=l([c(0,(0,r.Inject)(r.Injector)),c(1,(0,r.Inject)(t.IRenderManagerService)),c(2,r.IUniverInstanceService),c(3,n.IShortcutService)],p);var m=class extends e.FUniver{getURL(){return new URL(window.location.href)}getShortcut(){return this._injector.createInstance(p)}copy(){return this._commandService.executeCommand(n.CopyCommand.id)}paste(){return this._commandService.executeCommand(n.PasteCommand.id)}createMenu(e){return this._injector.createInstance(d,e)}createSubmenu(e){return this._injector.createInstance(f,e)}openSidebar(e){return this._injector.get(n.ISidebarService).open(e)}openDialog(e){let t=this._injector.get(n.IDialogService).open({...e,onClose:()=>{t.dispose()}});return t}getComponentManager(){return this._injector.get(n.ComponentManager)}showMessage(e){return this._injector.get(n.IMessageService).show(e),this}setUIVisible(e,t){return this._injector.get(n.IUIPartsService).setUIVisible(e,t),this}isUIVisible(e){return this._injector.get(n.IUIPartsService).isUIVisible(e)}registerUIPart(e,t){return this._injector.get(n.IUIPartsService).registerComponent(e,()=>(0,n.connectInjector)(t,this._injector))}registerComponent(e,t,r){let i=this._injector.get(n.ComponentManager);return this.disposeWithMe(i.register(e,t,r))}setCurrent(e){if(!this._injector.get(t.IRenderManagerService).getRenderUnitById(e))throw Error(`Unit not found`);this._univerInstanceService.setCurrentUnitForType(e)}addFonts(e){let t=this._injector.get(n.IFontService);e.forEach(e=>{t.addFont(e)})}};e.FUniver.extend(m);var h=class extends e.FEnum{get BuiltInUIPart(){return n.BuiltInUIPart}get KeyCode(){return n.KeyCode}};e.FEnum.extend(h)});