@univerjs/ui 0.2.7 → 0.2.8

package/lib/es/index.js

@@ -7,7 +7,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 import { toDisposable, IUniverInstanceService, DocumentFlavor, useDependency, LocaleService, ColorKit, CommandType, DEFAULT_STYLES, Disposable, EDITOR_ACTIVATED, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, FOCUSING_EDITOR_INPUT_FORMULA, UniverInstanceType, DEFAULT_EMPTY_DOCUMENT_VALUE, VerticalAlign, HorizontalAlign, Inject, createIdentifier, IContextService, Workbook, DocumentDataModel, SlideDataModel, remove, FOCUSING_UNIVER_EDITOR, OnLifecycle, LifecycleStages, Optional, ICommandService, IUndoRedoService, UndoCommand, RedoCommand, Injector, runOnLifecycle, Tools, isRealNum, useInjector, ThemeService, connectInjector, LifecycleService, IConfigService, isInternalEditorID, ILogService, ErrorService, Plugin, mergeOverrideWithDependencies, ILocalStorageService, DependentOn, makeArray, useObservable as useObservable$2, BaselineOffset, getBorderStyleType, BorderStyleTypes, debounce } from "@univerjs/core";
-import { Observable, isObservable, Subject, fromEvent, switchMap, BehaviorSubject, filter, map as map$1, startWith, combineLatest, distinctUntilChanged } from "rxjs";
+import { Observable, isObservable, Subject, fromEvent, switchMap, BehaviorSubject, throttleTime, filter, map as map$1, startWith, combineLatest, distinctUntilChanged } from "rxjs";
 import * as React from "react";
 import React__default, { forwardRef, useRef, createElement, cloneElement, useEffect, useMemo, useState, useCallback, memo, useContext, version as version$1, isValidElement, useLayoutEffect } from "react";
 import { IRenderManagerService, ITextSelectionRenderManager, UniverRenderEnginePlugin, ptToPx } from "@univerjs/engine-render";
@@ -1417,7 +1417,87 @@ function t$1(localeService, key, ...args) {
   return localeService.t(key);
 }
 __name(t$1, "t$1");
-const CopyCommandName = "univer.command.copy", CopyCommand = {
+const isNumber = /* @__PURE__ */ __name((value) => typeof value == "number", "isNumber");
+function useLatest(value) {
+  const ref = useRef(value);
+  return ref.current = value, ref;
+}
+__name(useLatest, "useLatest");
+const useVirtualList = /* @__PURE__ */ __name((list, options) => {
+  const { containerTarget, itemHeight, overscan = 5 } = options, itemHeightRef = useLatest(itemHeight), [size, setSize] = useState(null), scrollTriggerByScrollToFunc = useRef(!1), [targetList, setTargetList] = useState([]), [wrapperStyle, setWrapperStyle] = useState({ height: void 0, marginTop: void 0 }), getVisibleCount = /* @__PURE__ */ __name((containerHeight, fromIndex) => {
+    if (typeof itemHeightRef.current == "number")
+      return Math.ceil(containerHeight / itemHeightRef.current);
+    let sum = 0, endIndex = 0;
+    for (let i = fromIndex; i < list.length; i++) {
+      const height = itemHeightRef.current(i, list[i]);
+      if (sum += height, endIndex = i, sum >= containerHeight)
+        break;
+    }
+    return endIndex - fromIndex;
+  }, "getVisibleCount"), getOffset = /* @__PURE__ */ __name((scrollTop) => {
+    if (isNumber(itemHeightRef.current))
+      return Math.floor(scrollTop / itemHeightRef.current);
+    let sum = 0, offset = 0;
+    for (let i = 0; i < list.length; i++) {
+      const height = itemHeightRef.current(i, list[i]);
+      if (sum += height, sum >= scrollTop) {
+        offset = i;
+        break;
+      }
+    }
+    return offset + 1;
+  }, "getOffset"), getDistanceTop = /* @__PURE__ */ __name((index) => typeof itemHeightRef.current == "number" ? index * itemHeightRef.current : list.slice(0, index).reduce((sum, _, i) => sum + itemHeightRef.current(i, list[i]), 0), "getDistanceTop"), totalHeight = useMemo(() => isNumber(itemHeightRef.current) ? list.length * itemHeightRef.current : list.reduce(
+    (sum, _, index) => sum + itemHeightRef.current(index, list[index]),
+    0
+  ), [list]), calculateRange = /* @__PURE__ */ __name(() => {
+    const container = containerTarget.current;
+    if (container) {
+      const { scrollTop, clientHeight } = container, offset = getOffset(scrollTop), visibleCount = getVisibleCount(clientHeight, offset), start = Math.max(0, offset - overscan), end = Math.min(list.length, offset + visibleCount + overscan), offsetTop = getDistanceTop(start);
+      setWrapperStyle({
+        height: `${totalHeight - offsetTop}px`,
+        marginTop: `${offsetTop}px`
+      }), setTargetList(
+        list.slice(start, end).map((ele, index) => ({
+          data: ele,
+          index: index + start
+        }))
+      );
+    }
+  }, "calculateRange");
+  return useEffect(() => {
+    if (containerTarget.current) {
+      const getSize = /* @__PURE__ */ __name(() => {
+        const width = containerTarget.current.clientWidth, height = containerTarget.current.clientHeight;
+        (width !== (size == null ? void 0 : size.width) || height !== (size == null ? void 0 : size.height)) && setSize({ width, height });
+      }, "getSize");
+      getSize();
+      const ob = new ResizeObserver(getSize);
+      return ob.observe(containerTarget.current), () => {
+        ob.disconnect();
+      };
+    }
+  }, []), useEffect(() => {
+    !(size != null && size.width) || !(size != null && size.height) || calculateRange();
+  }, [size == null ? void 0 : size.width, size == null ? void 0 : size.height, list]), [
+    targetList,
+    {
+      wrapperStyle,
+      scrollTo: useEvent$1(/* @__PURE__ */ __name((index) => {
+        const container = containerTarget.current;
+        container && (scrollTriggerByScrollToFunc.current = !0, container.scrollTop = getDistanceTop(index), calculateRange());
+      }, "scrollTo")),
+      containerProps: {
+        onScroll: /* @__PURE__ */ __name((e2) => {
+          if (scrollTriggerByScrollToFunc.current) {
+            scrollTriggerByScrollToFunc.current = !1;
+            return;
+          }
+          e2.preventDefault(), calculateRange();
+        }, "onScroll")
+      }
+    }
+  ];
+}, "useVirtualList"), CopyCommandName = "univer.command.copy", CopyCommand = {
   id: CopyCommandName,
   name: CopyCommandName,
   multi: !0,
@@ -2158,7 +2238,7 @@ let MenuService = (_a3 = class extends Disposable {
     return [];
   }
   setMenuItem(item) {
-    this._menuItemMap.set(item.id, item), this._menuChanged$.next();
+    this._menuItemMap.set(item.id, item), Array.isArray(item.positions) ? item.positions.forEach((menu) => this._updateMenuItems(item, menu)) : this._updateMenuItems(item, item.positions), this._menuChanged$.next();
   }
   getMenuItem(id) {
     return this._menuItemMap.has(id) ? this._menuItemMap.get(id) : null;
@@ -2183,6 +2263,11 @@ let MenuService = (_a3 = class extends Disposable {
       throw new Error(`Menu item with the same id ${menu.id} has already been added!`);
     menuList.push([menu.id, menu]);
   }
+  _updateMenuItems(menu, position) {
+    this._menuByPositions.has(position) || this._menuByPositions.set(position, []);
+    const menuList = this._menuByPositions.get(position), index = menuList.findIndex((m2) => m2[0] === menu.id);
+    index > -1 ? menuList[index] = [menu.id, menu] : menuList.push([menu.id, menu]);
+  }
 }, __name(_a3, "MenuService"), _a3);
 MenuService = __decorateClass$e([
   __decorateParam$e(0, IShortcutService)
@@ -2886,7 +2971,10 @@ const ICanvasPopupService = createIdentifier("ui.popup.service"), _CanvasPopupSe
 __name(_CanvasPopupService, "CanvasPopupService");
 let CanvasPopupService = _CanvasPopupService;
 const SingleCanvasPopup = /* @__PURE__ */ __name(({ popup, children }) => {
-  const anchorRect = useObservable(popup.anchorRect$, popup.anchorRect), excludeRects = useObservable(popup.excludeRects$, popup.excludeRects), { bottom, left, right, top } = anchorRect, { offset } = popup, rectWithOffset = useMemo(() => {
+  const [hidden, setHidden] = useState(!1), anchorRect$ = useMemo(() => popup.anchorRect$.pipe(throttleTime(16)), [popup.anchorRect$]), excludeRects$ = useMemo(() => {
+    var _a18;
+    return (_a18 = popup.excludeRects$) == null ? void 0 : _a18.pipe(throttleTime(16));
+  }, [popup.excludeRects$]), anchorRect = useObservable(anchorRect$, popup.anchorRect), excludeRects = useObservable(excludeRects$, popup.excludeRects), { bottom, left, right, top } = anchorRect, { offset, canvasElement, hideOnInvisible = !0 } = popup, rectWithOffset = useMemo(() => {
     const [x = 0, y = 0] = offset != null ? offset : [];
     return {
       left: left - x,
@@ -2895,7 +2983,12 @@ const SingleCanvasPopup = /* @__PURE__ */ __name(({ popup, children }) => {
       bottom: bottom + y
     };
   }, [bottom, left, right, top, offset]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return useEffect(() => {
+    if (!hideOnInvisible)
+      return;
+    const rect = canvasElement.getBoundingClientRect(), { top: top2, left: left2, bottom: bottom2, right: right2 } = rect;
+    rectWithOffset.bottom < top2 || rectWithOffset.top > bottom2 || rectWithOffset.right < left2 || rectWithOffset.left > right2 ? setHidden(!0) : setHidden(!1);
+  }, [rectWithOffset, canvasElement, hideOnInvisible]), hidden ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
     RectPopup,
     {
       anchorRect: rectWithOffset,
@@ -3046,6 +3139,19 @@ function MenuWrapper(props) {
   if (!menuType)
     return null;
   if (Array.isArray(menuType)) {
+    let filterData = /* @__PURE__ */ __name(function(data) {
+      return data.map((group2) => {
+        const filteredGroup2 = {};
+        return Object.entries(group2).forEach(([key, items]) => {
+          const hiddenObservables = items.map((item) => item.hidden$).filter((item) => !!item);
+          combineLatest(hiddenObservables).pipe(
+            map$1((hiddenValues) => hiddenValues.every((hidden) => hidden === !0))
+          ).subscribe((allHidden) => {
+            allHidden || (filteredGroup2[key] = items);
+          }).unsubscribe();
+        }), filteredGroup2;
+      }).filter((group2) => Object.keys(group2).length > 0);
+    }, "filterData");
     const group = menuType.map((type) => menuService.getMenuItems(type)).map(
       (menuItems2) => menuItems2.reduce(
         (acc, item) => {
@@ -3054,8 +3160,8 @@ function MenuWrapper(props) {
         },
         {}
       )
-    );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: group.map(
+    ), filteredGroup = useMemo(() => filterData(group), [group]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: filteredGroup.map(
       (groupItem) => Object.keys(groupItem).map((groupKey) => /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItemGroup, { eventKey: groupKey, children: groupItem[groupKey].map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         MenuItem,
         {
@@ -3115,7 +3221,7 @@ function MenuOptionsWrapper(props) {
         ]
       }
     ) }, key);
-  })) != null ? _a18 : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+  })) != null ? _a18 : null;
 }
 __name(MenuOptionsWrapper, "MenuOptionsWrapper");
 const Menu = /* @__PURE__ */ __name((props) => {
@@ -3522,6 +3628,7 @@ const ToolbarItem = forwardRef((props, ref) => {
                       [styles$b.toolbarItemSelectButtonArrowActivated]: activated
                     }),
                     "data-disabled": disabled,
+                    onClick: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onClick"),
                     children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreDownSingle, {})
                   }
                 )
@@ -3545,6 +3652,7 @@ const ToolbarItem = forwardRef((props, ref) => {
                 [styles$b.toolbarItemSelectDisabled]: disabled,
                 [styles$b.toolbarItemSelectActivated]: activated
               }),
+              onClick: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onClick"),
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   CustomLabel,
@@ -3650,7 +3758,7 @@ function Toolbar(props) {
         {
           forceRender: !0,
           className: styles$b.toolbarMore,
-          overlay: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$b.toolbarMoreContainer, onClick: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onClick"), children: Object.entries(groupsByKey).map(([key, item]) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$b.toolbarGroup, children: item.map(
+          overlay: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$b.toolbarMoreContainer, children: Object.entries(groupsByKey).map(([key, item]) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$b.toolbarGroup, children: item.map(
             (subItem) => collapsedId.includes(subItem.id) && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarItem, { ...subItem }, subItem.id)
           ) }, key)) }),
           children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { className: styles$b.toolbarItemTextButton, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreFunctionSingle, {}) }) })
@@ -9217,5 +9325,6 @@ export {
   useScrollYOverContainer,
   useToolbarCollapseObserver,
   useToolbarGroups,
-  useToolbarItemStatus
+  useToolbarItemStatus,
+  useVirtualList
 };

package/lib/types/commands/operations/editor/set-editor-resize.operation.d.ts

@@ -1,3 +1,2 @@
 import { IOperation } from '@univerjs/core';
-
 export declare const SetEditorResizeOperation: IOperation;

package/lib/types/commands/operations/toggle-shortcut-panel.operation.d.ts

@@ -1,4 +1,3 @@
 import { IOperation } from '@univerjs/core';
-
 export declare const ShortcutPanelComponentName = "ShortcutPanel";
 export declare const ToggleShortcutPanelOperation: IOperation;

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

@@ -1,7 +1,6 @@
 import { IDisposable } from '@univerjs/core';
 import { defineComponent } from 'vue';
 import { default as React } from 'react';
-
 type ComponentFramework = 'vue3' | 'react';
 interface IComponentOptions {
     framework?: ComponentFramework;

package/lib/types/common/lifecycle.d.ts

@@ -1,4 +1,3 @@
 import { IDisposable } from '@univerjs/core';
-
 export declare function fromGlobalEvent<K extends keyof WindowEventMap>(type: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions): IDisposable;
 export declare function fromEvent<K extends keyof HTMLElementEventMap>(target: HTMLElement, type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): IDisposable;

package/lib/types/common/menu-hidden-observable.d.ts

@@ -1,5 +1,4 @@
 import { IAccessor, UniverInstanceType } from '@univerjs/core';
 import { Observable } from 'rxjs';
-
 export declare function getMenuHiddenObservable(accessor: IAccessor, targetUniverType: UniverInstanceType): Observable<boolean>;
 export declare function getHeaderFooterMenuHiddenObservable(accessor: IAccessor): Observable<boolean>;

package/lib/types/common/menu-merge-configs.d.ts

@@ -1,3 +1,2 @@
 import { MenuConfig, MenuItemConfig } from '../services/menu/menu';
-
 export declare function mergeMenuConfigs<T = MenuConfig>(baseConfig: T, additionalConfig: MenuItemConfig | null): T;

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

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { Observable } from 'rxjs';
 import { IMenuSelectorItem } from '../../services/menu/menu';
-
 export type ICustomLabelProps<T = undefined> = {
     value?: string | number | undefined;
     value$?: Observable<T>;

package/lib/types/components/editor/TextEditor.d.ts

@@ -1,7 +1,6 @@
 import { IDocumentData, Nullable } from '@univerjs/core';
 import { default as React } from 'react';
 import { IEditorCanvasStyle } from '../../services/editor/editor.service';
-
 type MyComponentProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 export interface ITextEditorProps {
     id: string;

package/lib/types/components/font-family/FontFamily.d.ts

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { IFontFamilyProps } from './interface';
-
 export declare const FontFamily: (props: IFontFamilyProps) => React.JSX.Element;

package/lib/types/components/font-family/FontFamilyItem.d.ts

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { IFontFamilyItemProps } from './interface';
-
 export declare const FontFamilyItem: (props: IFontFamilyItemProps) => React.JSX.Element;

package/lib/types/components/font-family/interface.d.ts

@@ -1,5 +1,4 @@
 import { ICustomComponentProps } from '@univerjs/ui';
-
 export interface IFontFamilyProps extends ICustomComponentProps<string> {
     value: string;
 }

package/lib/types/components/font-size/FontSize.d.ts

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { IFontSizeProps } from './interface';
-
 export declare const FontSize: (props: IFontSizeProps) => React.JSX.Element;

package/lib/types/components/font-size/interface.d.ts

@@ -1,6 +1,5 @@
 import { ICustomComponentProps } from '@univerjs/ui';
 import { Observable } from 'rxjs';
-
 export interface IFontSizeProps extends ICustomComponentProps<string> {
     value: string;
     min: number;

package/lib/types/components/hooks/layout.d.ts

@@ -1,5 +1,4 @@
 import { Nullable } from '@univerjs/core';
-
 /**
  * These hooks are used for browser layout
  * Prefer to client-side

package/lib/types/components/hooks/locale.d.ts

@@ -1,4 +1,3 @@
 import { LocaleService } from '@univerjs/core';
-
 export declare function useLocaleService(): LocaleService;
 export declare function t(localeService: LocaleService, key: string, ...args: Array<number | string>): string;

package/lib/types/components/hooks/observable.d.ts

@@ -1,6 +1,5 @@
 import { Nullable } from '@univerjs/core';
 import { Observable } from 'rxjs';
-
 type ObservableOrFn<T> = Observable<T> | (() => Observable<T>);
 export declare function useObservable<T>(observable: ObservableOrFn<T>, defaultValue: T | undefined, shouldHaveSyncValue?: true): T;
 export declare function useObservable<T>(observable: Nullable<ObservableOrFn<T>>, defaultValue: T): T;

package/lib/types/components/hooks/virtual-list.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 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.
+ */
+type ItemHeight<T> = (index: number, data: T) => number;
+export interface IVirtualListOptions<T> {
+    containerTarget: React.RefObject<HTMLElement>;
+    itemHeight: number | ItemHeight<T>;
+    overscan?: number;
+}
+declare const useVirtualList: <T>(list: T[], options: IVirtualListOptions<T>) => readonly [{
+    index: number;
+    data: T;
+}[], {
+    readonly wrapperStyle: {
+        height: string | undefined;
+        marginTop: string | undefined;
+    };
+    readonly scrollTo: (index: number) => void;
+    readonly containerProps: {
+        readonly onScroll: (e: React.UIEvent<HTMLElement, UIEvent>) => void;
+    };
+}];
+export { useVirtualList };

package/lib/types/components/menu/common/hook.d.ts

@@ -1,3 +1,2 @@
 import { IDisplayMenuItem, IMenuItem } from '../../../services/menu/menu';
-
 export declare function useMenuItemState(menuItem: IDisplayMenuItem<IMenuItem>): void;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IValueOption } from '../../../services/menu/menu.ts';
-
 export interface IBaseMenuProps {
     parentKey?: string | number;
     menuType?: string | string[];

package/lib/types/components/menu/mobile/MobileMenu.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IBaseMenuProps } from '../desktop/Menu';
-
 /**
  * The mobile context menu wrapper.
  */

package/lib/types/components/menu/mobile/MobileMenu.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { default as React } from 'react';
-
 declare const meta: Meta;
 export default meta;
 export declare const Playground: {

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

@@ -1,7 +1,6 @@
 import { Placement } from 'rc-notification/es/interface';
 import { default as React } from 'react';
 import { Subject } from 'rxjs';
-
 export type NotificationType = 'success' | 'info' | 'warning' | 'error';
 export interface INotificationOptions {
     /**

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

@@ -1,7 +1,6 @@
 import { Meta } from '@storybook/react';
 import { default as React } from 'react';
 import { Notification } from './Notification';
-
 declare const meta: Meta<typeof Notification>;
 export default meta;
 export declare const Playground: {

package/lib/types/components/progress-bar/ProgressBar.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface IProgressBarProps {
     barColor: string;
 }

package/lib/types/components/range-selector/RangeSelector.d.ts

@@ -1,6 +1,5 @@
 import { IUnitRangeWithName, Nullable } from '@univerjs/core';
 import { default as React } from 'react';
-
 export interface IRangeSelectorProps {
     id: string;
     value?: string;

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

@@ -1,6 +1,5 @@
 import { Disposable, ErrorService } from '@univerjs/core';
 import { IMessageService } from '../../services/message/message.service';
-
 export declare class ErrorController extends Disposable {
     private readonly _errorService;
     private readonly _messageService;

package/lib/types/controllers/menus/menus.d.ts

@@ -1,5 +1,4 @@
 import { IAccessor } from '@univerjs/core';
 import { IMenuButtonItem } from '../../services/menu/menu';
-
 export declare function UndoMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function RedoMenuItemFactory(accessor: IAccessor): IMenuButtonItem;

package/lib/types/controllers/shared-shortcut.controller.d.ts

@@ -2,7 +2,6 @@ import { Disposable, ICommandService, Injector } from '@univerjs/core';
 import { IMenuService } from '../services/menu/menu.service';
 import { IShortcutItem, IShortcutService } from '../services/shortcut/shortcut.service';
 import { IUniverUIConfig } from './ui/ui.controller';
-
 export declare const CopyShortcutItem: IShortcutItem;
 export declare const CutShortcutItem: IShortcutItem;
 /**

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

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

package/lib/types/controllers/shortcut-display/shortcut-panel.controller.d.ts

@@ -3,7 +3,6 @@ import { ComponentManager } from '../../common/component-manager';
 import { IMenuService } from '../../services/menu/menu.service';
 import { IShortcutService } from '../../services/shortcut/shortcut.service';
 import { IUniverUIConfig } from '../ui/ui.controller';
-
 /**
  * This controller add a side panel to the application to display the shortcuts.
  */

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

@@ -3,7 +3,6 @@ import { IRenderManagerService } from '@univerjs/engine-render';
 import { ILayoutService } from '../../services/layout/layout.service';
 import { IUIPartsService } from '../../services/parts/parts.service';
 import { IUniverUIConfig } from './ui.controller';
-
 export declare class DesktopUIController extends Disposable {
     private readonly _config;
     private readonly _renderManagerService;

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

@@ -3,7 +3,6 @@ import { IRenderManagerService } from '@univerjs/engine-render';
 import { ILayoutService } from '../../services/layout/layout.service';
 import { IUIPartsService } from '../../services/parts/parts.service';
 import { IUIController, IUniverUIConfig } from './ui.controller';
-
 export declare class MobileUIController extends Disposable implements IUIController {
     private readonly _config;
     private readonly _instanceService;

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

@@ -1,6 +1,5 @@
 import { DependencyOverride } from '@univerjs/core';
 import { MenuConfig } from '../../services/menu/menu';
-
 export interface IWorkbenchOptions {
     container?: string | HTMLElement;
     header?: boolean;

package/lib/types/index.d.ts

@@ -19,6 +19,7 @@ export * from './components';
 export { t } from './components/hooks/locale';
 export { useObservable } from './components/hooks/observable';
 export { useEvent } from './components/hooks/event';
+export { useVirtualList } from './components/hooks/virtual-list';
 export { CopyShortcutItem, CutShortcutItem, RedoShortcutItem, SharedController, UndoShortcutItem, } from './controllers/shared-shortcut.controller';
 export { UI_CONFIG_KEY, IUIController, type IWorkbenchOptions, type IUniverUIConfig } from './controllers/ui/ui.controller';
 export { DesktopUIController } from './controllers/ui/ui-desktop.controller';

package/lib/types/locale/en-US.d.ts

@@ -1,4 +1,3 @@
 import { default as zhCN } from './zh-CN';
-
 declare const locale: typeof zhCN;
 export default locale;

package/lib/types/locale/ru-RU.d.ts

@@ -1,4 +1,3 @@
 import { default as zhCN } from './zh-CN';
-
 declare const locale: typeof zhCN;
 export default locale;

package/lib/types/locale/vi-VN.d.ts

@@ -1,4 +1,3 @@
 import { default as zhCN } from './zh-CN';
-
 declare const locale: typeof zhCN;
 export default locale;

package/lib/types/locale/zh-TW.d.ts

@@ -1,4 +1,3 @@
 import { default as zhCN } from './zh-CN';
-
 declare const locale: typeof zhCN;
 export default locale;

package/lib/types/mobile-ui-plugin.d.ts

@@ -1,6 +1,5 @@
 import { Injector, Plugin } from '@univerjs/core';
 import { IUniverUIConfig } from './controllers/ui/ui.controller';
-
 export declare const UNIVER_MOBILE_UI_PLUGIN_NAME = "UNIVER_MOBILE_UI_PLUGIN";
 /**
  * @ignore

package/lib/types/services/before-close/before-close.service.d.ts

@@ -1,6 +1,5 @@
 import { IDisposable } from '@univerjs/core';
 import { INotificationService } from '../notification/notification.service';
-
 export interface IBeforeCloseService {
     /**
      * Provide a callback to check if the web page could be closed safely.

package/lib/types/services/clipboard/clipboard-interface.service.d.ts

@@ -1,6 +1,5 @@
 import { Disposable, ILogService, LocaleService } from '@univerjs/core';
 import { INotificationService } from '../notification/notification.service';
-
 export declare const PLAIN_TEXT_CLIPBOARD_MIME_TYPE = "text/plain";
 export declare const HTML_CLIPBOARD_MIME_TYPE = "text/html";
 /**

package/lib/types/services/clipboard/clipboard.command.d.ts

@@ -1,5 +1,4 @@
 import { IMultiCommand } from '@univerjs/core';
-
 export declare const CopyCommand: IMultiCommand;
 export declare const CutCommand: IMultiCommand;
 export declare const PasteCommand: IMultiCommand;

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

@@ -1,7 +1,6 @@
 import { IDisposable } from '@univerjs/core';
 import { Subject } from 'rxjs';
 import { IConfirmPartMethodOptions } from '../../views/components/confirm-part/interface';
-
 export declare const IConfirmService: import('@univerjs/core').IdentifierDecorator<IConfirmService>;
 export interface IConfirmService {
     readonly confirmOptions$: Subject<IConfirmPartMethodOptions[]>;

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

@@ -3,7 +3,6 @@ import { Subject } from 'rxjs';
 import { IConfirmPartMethodOptions } from '../../views/components/confirm-part/interface';
 import { IUIPartsService } from '../parts/parts.service';
 import { IConfirmService } from './confirm.service';
-
 export declare class DesktopConfirmService extends Disposable implements IConfirmService {
     protected readonly _injector: Injector;
     protected readonly _uiPartsService: IUIPartsService;

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

@@ -1,6 +1,5 @@
 import { Disposable, IDisposable } from '@univerjs/core';
 import { IMouseEvent, IPointerEvent } from '@univerjs/engine-render';
-
 export interface IContextMenuHandler {
     /** A callback to open context menu with given position and menu type. */
     handleContextMenu(event: IPointerEvent | IMouseEvent, menuType: string): void;

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

@@ -3,7 +3,6 @@ import { Subject } from 'rxjs';
 import { IDialogPartMethodOptions } from '../../views/components/dialog-part/interface';
 import { IUIPartsService } from '../parts/parts.service';
 import { IDialogService } from './dialog.service';
-
 export declare class DesktopDialogService extends Disposable implements IDialogService {
     protected readonly _injector: Injector;
     protected readonly _uiPartsService: IUIPartsService;

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

@@ -1,7 +1,6 @@
 import { IDisposable } from '@univerjs/core';
 import { Observable } from 'rxjs';
 import { IDialogPartMethodOptions } from '../../views/components/dialog-part/interface';
-
 export declare const IDialogService: import('@univerjs/core').IdentifierDecorator<IDialogService>;
 export interface IDialogService {
     open(params: IDialogPartMethodOptions): IDisposable;

package/lib/types/services/dom/canvas-dom-layer.service.d.ts

@@ -1,6 +1,5 @@
 import { IPosition, Serializable } from '@univerjs/core';
 import { Observable } from 'rxjs';
-
 export interface IFloatDomLayout extends IPosition {
     rotate: number;
     width: number;

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

@@ -2,7 +2,6 @@ import { DocumentDataModel, IDisposable, IDocumentBody, IDocumentData, IPosition
 import { Observable } from 'rxjs';
 import { IRender, ISuccinctDocRangeParam, IRenderManagerService } from '@univerjs/engine-render';
 import { LexerTreeBuilder } from '@univerjs/engine-formula';
-
 export interface IEditorStateParam extends Partial<IPosition> {
     visible?: boolean;
 }