@univerjs/ui 0.23.0 → 0.24.0

package/lib/cjs/facade.js

@@ -332,7 +332,7 @@ let FShortcut = class FShortcut extends _univerjs_core_facade.FBase {
 	* ```
 	*/
 	triggerShortcut(e) {
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return;
 		const renderUnit = this._renderManagerService.getRenderById(workbook.getUnitId());
 		if (!renderUnit) return;

package/lib/cjs/index.js

@@ -2951,7 +2951,7 @@ function RectPopup(props) {
 			window.removeEventListener("contextmenu", handleContextMenu);
 		};
 	}, [contextMenuFn]);
-	const { direction: dir } = (0, react.useContext)(_univerjs_design.ConfigContext);
+	const dir = (0, _wendellhu_redi_react_bindings.useObservable)((0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.LocaleService).direction$);
 	const ele = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [mask && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-u-comp": "rect-popup-mask",
 		className: "univer-fixed univer-inset-0 univer-z-[100]",
@@ -3510,9 +3510,20 @@ function DropdownMenuWrapper({ menuId, slot, value, options, children, disabled,
 	const { dropdownVisible, setDropdownVisible } = (0, react.useContext)(TooltipWrapperContext);
 	const menuManagerService = (0, _wendellhu_redi_react_bindings.useDependency)(IMenuManagerService);
 	const [hiddenStates, setHiddenStates] = (0, react.useState)({});
+	const [menuVersion, setMenuVersion] = (0, react.useState)(0);
+	(0, react.useEffect)(() => {
+		const subscription = menuManagerService.menuChanged$.subscribe(() => {
+			setMenuVersion((version) => version + 1);
+		});
+		return () => subscription.unsubscribe();
+	}, [menuManagerService]);
 	const menuItems = (0, react.useMemo)(() => {
 		return menuId ? menuManagerService.getMenuByPositionKey(menuId) : [];
-	}, [menuId]);
+	}, [
+		menuId,
+		menuManagerService,
+		menuVersion
+	]);
 	const filteredMenuItems = (0, react.useMemo)(() => {
 		return menuItems.filter((item) => {
 			var _item$key;
@@ -4276,6 +4287,7 @@ function ContextMenuPanel(props) {
 		onWheel: (event) => event.stopPropagation(),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuMenu, {
 			menuSchemas: menuItems,
+			menuSessionVersion,
 			submenuPortalContainer,
 			onOptionSelect,
 			maxMenuHeight
@@ -4283,7 +4295,7 @@ function ContextMenuPanel(props) {
 	});
 }
 function ContextMenuMenu(props) {
-	const { menuSchemas, submenuPortalContainer, onOptionSelect, maxMenuHeight } = props;
+	const { menuSchemas, menuSessionVersion, submenuPortalContainer, onOptionSelect, maxMenuHeight } = props;
 	const localeService = (0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.LocaleService);
 	const hiddenGroupStates = useContextGroupHiddenStates$1(menuSchemas);
 	const visibleSchemas = (0, react.useMemo)(() => {
@@ -4298,6 +4310,7 @@ function ContextMenuMenu(props) {
 		if (menuSchema.item) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuMenuItem, {
 			menuKey: menuSchema.key,
 			menuItem: menuSchema.item,
+			menuSessionVersion,
 			submenuPortalContainer,
 			onOptionSelect,
 			maxMenuHeight
@@ -4321,6 +4334,7 @@ function ContextMenuMenu(props) {
 			}), menuSchema.children.map((childSchema) => childSchema.item && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuMenuItem, {
 				menuKey: childSchema.key,
 				menuItem: childSchema.item,
+				menuSessionVersion,
 				submenuPortalContainer,
 				onOptionSelect,
 				maxMenuHeight
@@ -4329,8 +4343,8 @@ function ContextMenuMenu(props) {
 	}) });
 }
 function ContextMenuMenuItem(props) {
-	const { menuKey, menuItem, submenuPortalContainer, onOptionSelect, maxMenuHeight } = props;
-	const { direction } = (0, react.useContext)(_univerjs_design.ConfigContext);
+	const { menuKey, menuItem, menuSessionVersion, submenuPortalContainer, onOptionSelect, maxMenuHeight } = props;
+	const direction = (0, _wendellhu_redi_react_bindings.useObservable)((0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.LocaleService).direction$);
 	const menuManagerService = (0, _wendellhu_redi_react_bindings.useDependency)(IMenuManagerService);
 	const disabled = (0, _wendellhu_redi_react_bindings.useObservable)(menuItem.disabled$, false);
 	const activated = (0, _wendellhu_redi_react_bindings.useObservable)(menuItem.activated$, false);
@@ -4363,7 +4377,8 @@ function ContextMenuMenuItem(props) {
 	}, [
 		menuItem.id,
 		menuItem.type,
-		menuManagerService
+		menuManagerService,
+		menuSessionVersion
 	]);
 	const hasSelectionSubmenu = selections.length > 0;
 	const hasSubItemSubmenu = subMenuItems.length > 0;
@@ -4559,6 +4574,7 @@ function ContextMenuMenuItem(props) {
 					})
 				}), hasSubItemSubmenu && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuMenu, {
 					menuSchemas: subMenuItems,
+					menuSessionVersion,
 					submenuPortalContainer,
 					onOptionSelect: onSubmenuOptionSelect,
 					maxMenuHeight
@@ -4748,62 +4764,18 @@ function DesktopContextMenu() {
 	});
 }
 
-//#endregion
-//#region src/services/global-zone/global-zone.service.ts
-const IGlobalZoneService = (0, _univerjs_core.createIdentifier)("univer.global-zone-service");
-
-//#endregion
-//#region src/views/components/global-zone/GlobalZone.tsx
-/**
-* 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.
-*/
-function GlobalZone() {
-	const globalZoneService = (0, _wendellhu_redi_react_bindings.useDependency)(IGlobalZoneService);
-	const [visible, setVisible] = (0, react.useState)(false);
-	const componentKey = (0, _wendellhu_redi_react_bindings.useObservable)(globalZoneService.componentKey$, globalZoneService.componentKey);
-	const componentManager = (0, _wendellhu_redi_react_bindings.useDependency)(ComponentManager);
-	const { direction } = (0, react.useContext)(_univerjs_design.ConfigContext);
-	const Component = (0, react.useMemo)(() => {
-		const Component = componentManager.get(componentKey !== null && componentKey !== void 0 ? componentKey : "");
-		if (Component) return Component;
-	}, [componentKey, componentManager]);
-	(0, react.useEffect)(() => {
-		const subscription = globalZoneService.visible$.subscribe((val) => {
-			setVisible(val);
-		});
-		return () => {
-			subscription.unsubscribe();
-		};
-	}, [globalZoneService.visible$]);
-	if (!visible) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-		dir: direction,
-		className: (0, _univerjs_design.clsx)("univer-absolute univer-bg-gray-100", {
-			"univer-hidden": !visible,
-			"univer-inset-0 univer-z-[100] univer-block univer-size-full": visible
-		}),
-		children: Component && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {})
-	});
-}
-
 //#endregion
 //#region src/views/components/sidebar/Sidebar.tsx
+const MIN_SIDEBAR_WIDTH = 280;
+const MAX_SIDEBAR_WIDTH = 800;
 function Sidebar() {
 	const sidebarService = (0, _wendellhu_redi_react_bindings.useDependency)(ISidebarService);
 	const sidebarOptions = (0, _wendellhu_redi_react_bindings.useObservable)(sidebarService.sidebarOptions$);
 	const scrollRef = (0, react.useRef)(null);
+	const sidebarRef = (0, react.useRef)(null);
+	const closeButtonRef = (0, react.useRef)(null);
+	const [isDragging, setIsDragging] = (0, react.useState)(false);
+	const dragWidthRef = (0, react.useRef)(null);
 	const options = (0, react.useMemo)(() => {
 		if (!sidebarOptions) return null;
 		const copy = { ...sidebarOptions };
@@ -4814,12 +4786,59 @@ function Sidebar() {
 		]) {
 			const k = key;
 			if (sidebarOptions[k]) {
-				const { key, ...props } = sidebarOptions[k];
-				if (props) copy[k] = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomLabel, { ...props }, key);
+				const { key: itemKey, ...props } = sidebarOptions[k];
+				if (props) copy[k] = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomLabel, { ...props }, itemKey);
 			}
 		}
 		return copy;
 	}, [sidebarOptions]);
+	(0, react.useEffect)(() => {
+		if ((options === null || options === void 0 ? void 0 : options.visible) && closeButtonRef.current) closeButtonRef.current.focus();
+	}, [options === null || options === void 0 ? void 0 : options.visible]);
+	(0, react.useEffect)(() => {
+		const handleKeyDown = (e) => {
+			if (e.key === "Escape" && sidebarService.visible) {
+				e.stopPropagation();
+				sidebarService.close();
+			}
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [sidebarService]);
+	const handleResizeMouseDown = (0, react.useCallback)((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setIsDragging(true);
+		document.body.style.cursor = "col-resize";
+		document.body.style.userSelect = "none";
+	}, []);
+	(0, react.useEffect)(() => {
+		if (!isDragging) {
+			document.body.style.cursor = "";
+			document.body.style.userSelect = "";
+			return;
+		}
+		const handleMouseMove = (e) => {
+			if (!sidebarRef.current) return;
+			const newWidth = sidebarRef.current.getBoundingClientRect().right - e.clientX;
+			const clampedWidth = Math.max(MIN_SIDEBAR_WIDTH, Math.min(newWidth, MAX_SIDEBAR_WIDTH));
+			dragWidthRef.current = clampedWidth;
+			sidebarRef.current.style.width = `${clampedWidth}px`;
+		};
+		const handleMouseUp = () => {
+			setIsDragging(false);
+			if (dragWidthRef.current != null) {
+				sidebarService.setWidth(dragWidthRef.current);
+				dragWidthRef.current = null;
+			}
+		};
+		document.addEventListener("mousemove", handleMouseMove);
+		document.addEventListener("mouseup", handleMouseUp);
+		return () => {
+			document.removeEventListener("mousemove", handleMouseMove);
+			document.removeEventListener("mouseup", handleMouseUp);
+		};
+	}, [isDragging, sidebarService]);
 	(0, react.useEffect)(() => {
 		if (scrollRef.current) sidebarService.setContainer(scrollRef.current);
 		return () => {
@@ -4837,29 +4856,66 @@ function Sidebar() {
 		};
 	}, [sidebarService]);
 	const width = (0, react.useMemo)(() => {
+		if (isDragging && dragWidthRef.current != null) return `${dragWidthRef.current}px`;
 		if (!(options === null || options === void 0 ? void 0 : options.visible)) return 0;
+		const savedWidth = sidebarService.width;
+		if (savedWidth) return `${savedWidth}px`;
 		if (typeof options.width === "number") return `${options.width}px`;
 		return options.width;
-	}, [options]);
+	}, [
+		isDragging,
+		options,
+		sidebarService
+	]);
 	function handleClose() {
 		sidebarService.close(sidebarOptions === null || sidebarOptions === void 0 ? void 0 : sidebarOptions.id);
 	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		ref: sidebarRef,
 		"data-u-comp": "sidebar",
-		className: (0, _univerjs_design.clsx)("univer-relative univer-h-full univer-bg-white univer-text-gray-900 dark:!univer-bg-gray-900 dark:!univer-text-white", {
+		role: "complementary",
+		"aria-expanded": !!(options === null || options === void 0 ? void 0 : options.visible),
+		"aria-label": "Sidebar panel",
+		className: (0, _univerjs_design.clsx)("univer-relative univer-h-full univer-flex-shrink-0 univer-bg-white univer-text-gray-900 dark:!univer-bg-gray-900 dark:!univer-text-white", {
 			"univer-w-96 univer-translate-x-0": options === null || options === void 0 ? void 0 : options.visible,
 			"univer-w-0 univer-translate-x-full": !(options === null || options === void 0 ? void 0 : options.visible)
 		}),
-		style: { width },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		style: { width: isDragging ? void 0 : width },
+		children: [(options === null || options === void 0 ? void 0 : options.visible) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "hover:univer-bg-primary-500/30 active:univer-bg-primary-500/50 univer-absolute univer-left-0 univer-top-0 univer-z-20 univer-h-full univer-w-1 univer-cursor-col-resize univer-transition-colors",
+			onMouseDown: handleResizeMouseDown,
+			role: "separator",
+			"aria-orientation": "vertical",
+			"aria-label": "Resize sidebar",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				if (!sidebarRef.current) return;
+				const currentWidth = sidebarRef.current.getBoundingClientRect().width;
+				let newWidth = currentWidth;
+				if (e.key === "ArrowLeft") {
+					e.preventDefault();
+					newWidth = Math.max(MIN_SIDEBAR_WIDTH, currentWidth - 20);
+				} else if (e.key === "ArrowRight") {
+					e.preventDefault();
+					newWidth = Math.min(MAX_SIDEBAR_WIDTH, currentWidth + 20);
+				}
+				if (newWidth !== currentWidth) {
+					sidebarRef.current.style.width = `${newWidth}px`;
+					sidebarService.setWidth(newWidth);
+				}
+			}
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 			ref: scrollRef,
 			className: (0, _univerjs_design.clsx)("univer-box-border univer-grid univer-h-0 univer-min-h-full univer-grid-rows-[auto_1fr_auto] univer-overflow-y-auto", _univerjs_design.borderLeftBottomClassName, _univerjs_design.scrollbarClassName),
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 					className: "univer-sticky univer-top-0 univer-z-10 univer-box-border univer-flex univer-cursor-default univer-items-center univer-justify-between univer-bg-white univer-p-4 univer-pb-2 univer-text-base univer-font-medium univer-text-gray-800 dark:!univer-bg-gray-900 dark:!univer-text-white",
-					children: [options === null || options === void 0 ? void 0 : options.header, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-						className: "univer-cursor-pointer univer-text-gray-500 dark:!univer-text-gray-300",
+					children: [options === null || options === void 0 ? void 0 : options.header, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						ref: closeButtonRef,
+						type: "button",
+						className: "focus:univer-ring-primary-500/50 univer-cursor-pointer univer-appearance-none univer-rounded-sm univer-border-none univer-bg-transparent univer-p-0 univer-text-gray-500 focus:univer-outline-none focus:univer-ring-2 dark:!univer-text-gray-300",
 						onClick: handleClose,
+						"aria-label": "Close sidebar",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CloseIcon, {})
 					})]
 				}),
@@ -4873,7 +4929,7 @@ function Sidebar() {
 					children: options.footer
 				})
 			]
-		})
+		})]
 	});
 }
 
@@ -5070,7 +5126,6 @@ function DesktopWorkbenchContent(props) {
 			dir: direction,
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentContainer, { components: globalComponents }, "global"),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlobalZone, {}),
 				contextMenu && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DesktopContextMenu, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingContainer, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { id: popupRootId })
@@ -5241,7 +5296,7 @@ const IUIController = (0, _univerjs_core.createIdentifier)("univer.ui.ui-control
 //#endregion
 //#region package.json
 var name = "@univerjs/ui";
-var version = "0.23.0";
+var version = "0.24.0";
 
 //#endregion
 //#region src/views/components/ribbon/MobileRibbon.tsx
@@ -5738,7 +5793,8 @@ function MobileContextMenu() {
 	const commandService = (0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.ICommandService);
 	const layoutService = (0, _wendellhu_redi_react_bindings.useDependency)(ILayoutService);
 	const localeService = (0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.LocaleService);
-	const { mountContainer, direction } = (0, react.useContext)(_univerjs_design.ConfigContext);
+	const direction = (0, _wendellhu_redi_react_bindings.useObservable)(localeService.direction$);
+	const { mountContainer } = (0, react.useContext)(_univerjs_design.ConfigContext);
 	visibleRef.current = visible;
 	(0, react.useEffect)(() => {
 		const hostDisposable = contextMenuHostService.registerMenu(MOBILE_CONTEXT_MENU_HOST_ID, () => {
@@ -5935,7 +5991,6 @@ function MobileWorkbench(props) {
 						]
 					}),
 					footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentContainer, { components: footerComponents }, "footer") }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlobalZone, {}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ZenZone, {})
 				]
 			})]
@@ -6711,37 +6766,6 @@ let DesktopGalleryService = class DesktopGalleryService extends _univerjs_core.D
 };
 DesktopGalleryService = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)), __decorateParam(1, IUIPartsService)], DesktopGalleryService);
 
-//#endregion
-//#region src/services/global-zone/desktop-global-zone.service.ts
-let DesktopGlobalZoneService = class DesktopGlobalZoneService {
-	constructor(_componentManager) {
-		this._componentManager = _componentManager;
-		_defineProperty(this, "visible$", new rxjs.Subject());
-		_defineProperty(this, "componentKey$", new rxjs.Subject());
-		_defineProperty(this, "_componentKey", "");
-	}
-	get componentKey() {
-		return this._componentKey;
-	}
-	set(key, component) {
-		this._componentManager.register(key, component);
-		this.componentKey$.next(key);
-		this._componentKey = key;
-		return (0, _univerjs_core.toDisposable)(() => {
-			this._componentManager.delete(key);
-			this.visible$.complete();
-			this.componentKey$.complete();
-		});
-	}
-	open() {
-		this.visible$.next(true);
-	}
-	close() {
-		this.visible$.next(false);
-	}
-};
-DesktopGlobalZoneService = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(ComponentManager))], DesktopGlobalZoneService);
-
 //#endregion
 //#region src/services/local-file/desktop-local-file.service.ts
 var DesktopLocalFileService = class extends _univerjs_core.Disposable {
@@ -6833,8 +6857,9 @@ var DesktopLocalStorageService = class {
 * limitations under the License.
 */
 function MessageContainer() {
+	const localeService = (0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.LocaleService);
 	const darkMode = (0, _wendellhu_redi_react_bindings.useObservable)((0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.ThemeService).darkMode$);
-	const { direction } = (0, react.useContext)(_univerjs_design.ConfigContext);
+	const direction = (0, _wendellhu_redi_react_bindings.useObservable)(localeService.direction$);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Messager, {
 		theme: darkMode ? "dark" : "light",
 		dir: direction
@@ -6877,8 +6902,9 @@ DesktopMessageService = __decorate([__decorateParam(0, (0, _univerjs_core.Inject
 //#endregion
 //#region src/components/notification/Notification.tsx
 function Notification() {
+	const localeService = (0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.LocaleService);
 	const darkMode = (0, _wendellhu_redi_react_bindings.useObservable)((0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.ThemeService).darkMode$);
-	const { direction } = (0, react.useContext)(_univerjs_design.ConfigContext);
+	const direction = (0, _wendellhu_redi_react_bindings.useObservable)(localeService.direction$);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Toaster, {
 		theme: darkMode ? "dark" : "light",
 		dir: direction
@@ -6923,6 +6949,7 @@ var DesktopSidebarService = class extends _univerjs_core.Disposable {
 		_defineProperty(this, "scrollEvent$", new rxjs.Subject());
 		_defineProperty(this, "_container", void 0);
 		_defineProperty(this, "_openAnimationFrameId", null);
+		_defineProperty(this, "_width", void 0);
 	}
 	get visible() {
 		return this._sidebarOptions.visible || false;
@@ -6930,6 +6957,12 @@ var DesktopSidebarService = class extends _univerjs_core.Disposable {
 	get options() {
 		return this._sidebarOptions;
 	}
+	get width() {
+		return this._width;
+	}
+	setWidth(value) {
+		this._width = value;
+	}
 	dispose() {
 		super.dispose();
 		this.close();
@@ -7082,10 +7115,6 @@ let UniverMobileUIPlugin = class UniverMobileUIPlugin extends _univerjs_core.Plu
 				useClass: DesktopZenZoneService,
 				lazy: true
 			}],
-			[IGlobalZoneService, {
-				useClass: DesktopGlobalZoneService,
-				lazy: true
-			}],
 			[IMessageService, {
 				useClass: DesktopMessageService,
 				lazy: true
@@ -7183,10 +7212,6 @@ let UniverUIPlugin = class UniverUIPlugin extends _univerjs_core.Plugin {
 				useClass: DesktopZenZoneService,
 				lazy: true
 			}],
-			[IGlobalZoneService, {
-				useClass: DesktopGlobalZoneService,
-				lazy: true
-			}],
 			[IMessageService, {
 				useClass: DesktopMessageService,
 				lazy: true
@@ -7983,12 +8008,6 @@ Object.defineProperty(exports, 'DesktopGalleryService', {
     return DesktopGalleryService;
   }
 });
-Object.defineProperty(exports, 'DesktopGlobalZoneService', {
-  enumerable: true,
-  get: function () {
-    return DesktopGlobalZoneService;
-  }
-});
 Object.defineProperty(exports, 'DesktopLayoutService', {
   enumerable: true,
   get: function () {
@@ -8048,7 +8067,6 @@ exports.FloatDomSingle = FloatDomSingle;
 exports.FontFamily = FontFamily;
 exports.FontFamilyItem = FontFamilyItem;
 exports.FontSize = FontSize;
-exports.GlobalZone = GlobalZone;
 exports.HEADING_ITEM_COMPONENT = HEADING_ITEM_COMPONENT;
 exports.HEADING_LIST = HEADING_LIST;
 exports.HTML_CLIPBOARD_MIME_TYPE = HTML_CLIPBOARD_MIME_TYPE;
@@ -8061,7 +8079,6 @@ exports.IContextMenuService = IContextMenuService;
 exports.IDialogService = IDialogService;
 exports.IFontService = IFontService;
 exports.IGalleryService = IGalleryService;
-exports.IGlobalZoneService = IGlobalZoneService;
 exports.ILayoutService = ILayoutService;
 exports.ILeftSidebarService = ILeftSidebarService;
 exports.ILocalFileService = ILocalFileService;

package/lib/es/facade.js

@@ -332,7 +332,7 @@ let FShortcut = class FShortcut extends FBase {
 	* ```
 	*/
 	triggerShortcut(e) {
-		const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return;
 		const renderUnit = this._renderManagerService.getRenderById(workbook.getUnitId());
 		if (!renderUnit) return;