@univerjs/ui 1.0.3 → 1.1.0

package/lib/cjs/index.js

@@ -56,7 +56,7 @@ function getAttributeValue(target, name) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -67,7 +67,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -80,14 +80,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -98,7 +98,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -106,7 +106,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -308,7 +308,8 @@ const ToggleShortcutPanelOperation = {
 			shortcutPanelService.open();
 			sidebarService.open({
 				header: { title: "ui.shortcut-panel.title" },
-				children: { label: ShortcutPanelComponentName }
+				children: { label: ShortcutPanelComponentName },
+				onClose: () => shortcutPanelService.close()
 			});
 		}
 		return true;
@@ -322,6 +323,7 @@ let ComponentManager = class ComponentManager extends _univerjs_core.Disposable
 		super();
 		this._logService = _logService;
 		_defineProperty(this, "_components", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_overrides", /* @__PURE__ */ new Map());
 		_defineProperty(this, "reactUtils", {
 			createElement: react.createElement,
 			useEffect: react.useEffect,
@@ -331,19 +333,27 @@ let ComponentManager = class ComponentManager extends _univerjs_core.Disposable
 			return component;
 		} });
 	}
+	/**
+	* Register before the component is first rendered; mounted views do not subscribe to registry changes.
+	* Disposing an override reveals the current default, if it is still registered.
+	* @throws When another override is already registered for this name.
+	*/
 	register(name, component, options) {
-		const { framework = "react" } = options || {};
+		const { framework = "react", override = false } = options ?? {};
+		const components = override ? this._overrides : this._components;
 		if (framework === "vue3" && !this._handler.vue3) throw new Error("[ComponentManager] Vue3 support is no longer built-in since v0.9.0, please install @univerjs/ui-adapter-vue3 plugin.");
-		if (this._components.has(name)) {
+		if (components.has(name)) {
 			var _this$_logService;
+			if (override) throw new Error(`[ComponentManager] Component ${name} already has an override.`);
 			(_this$_logService = this._logService) === null || _this$_logService === void 0 || _this$_logService.warn("[ComponentManager]", `Component ${name} already exists.`);
 		}
-		this._components.set(name, {
+		const registration = {
 			framework,
 			component
-		});
+		};
+		components.set(name, registration);
 		return (0, _univerjs_core.toDisposable)(() => {
-			this._components.delete(name);
+			if (components.get(name) === registration) components.delete(name);
 		});
 	}
 	setHandler(framework, handler) {
@@ -351,15 +361,25 @@ let ComponentManager = class ComponentManager extends _univerjs_core.Disposable
 	}
 	get(name) {
 		if (!name) return;
-		const value = this._components.get(name);
+		const value = this._overrides.get(name) ?? this._components.get(name);
 		if (!value) return;
 		const frameworkHandler = this._handler[value.framework];
 		if (!frameworkHandler) throw new Error(`[ComponentManager] No handler found for framework: ${value.framework}`);
 		return frameworkHandler(value.component, name);
 	}
+	/** Check for a built-in default independently of any active host override. */
+	hasDefault(name) {
+		return this._components.has(name);
+	}
+	/** Remove the default registration. Overrides can only be removed through their registration disposable. */
 	delete(name) {
 		this._components.delete(name);
 	}
+	dispose() {
+		super.dispose();
+		this._components.clear();
+		this._overrides.clear();
+	}
 };
 ComponentManager = __decorate([__decorateParam(0, (0, _univerjs_core.Optional)(_univerjs_core.ILogService))], ComponentManager);
 
@@ -1655,27 +1675,33 @@ let DesktopRibbonService = class DesktopRibbonService extends _univerjs_core.Dis
 		this._initRibbonSubscription();
 	}
 	setActivatedTab(tab) {
+		if (this._disposed) return;
 		if (!this._isContextualTab(tab)) this._lastNonContextualActivatedTab = tab;
 		this._activatedTab$.next(tab);
 	}
 	showContextualTab(tab, options) {
+		if (this._disposed) return;
 		this._visibleContextualTabs.add(tab);
 		this._updateRibbon();
 		if (options === null || options === void 0 ? void 0 : options.activate) this.setActivatedTab(tab);
 	}
 	hideContextualTab(tab) {
+		if (this._disposed) return;
 		if (!this._visibleContextualTabs.delete(tab)) return;
 		this._updateRibbon();
 	}
 	hideAllContextualTabs() {
+		if (this._disposed) return;
 		if (this._visibleContextualTabs.size === 0) return;
 		this._visibleContextualTabs.clear();
 		this._updateRibbon();
 	}
 	setCollapsedIds(ids) {
+		if (this._disposed) return;
 		this._collapsedIds$.next(ids);
 	}
 	setFakeToolbarVisible(visible) {
+		if (this._disposed) return;
 		this._fakeToolbarVisible$.next(visible);
 	}
 	_initRibbonSubscription() {
@@ -1685,15 +1711,16 @@ let DesktopRibbonService = class DesktopRibbonService extends _univerjs_core.Dis
 	}
 	_updateRibbon() {
 		var _this$_hiddenSubscrip;
+		if (this._disposed) return;
 		const ribbon = this._filterContextualTabs(this._menuManagerService.getMenuByPositionKey("ribbon"));
 		const hiddenObservableMap = [];
-		const hiddenKeyMap = [];
+		const menusWithHiddenState = [];
 		for (const group of ribbon) if (group.children) {
 			for (const item of group.children) if (item.children) for (const child of item.children) {
 				var _child$item;
 				if ((_child$item = child.item) === null || _child$item === void 0 ? void 0 : _child$item.hidden$) {
 					hiddenObservableMap.push(child.item.hidden$);
-					hiddenKeyMap.push(child.key);
+					menusWithHiddenState.push(child);
 				}
 			}
 		}
@@ -1705,10 +1732,7 @@ let DesktopRibbonService = class DesktopRibbonService extends _univerjs_core.Dis
 		}
 		this._hiddenSubscription = (0, rxjs.combineLatest)(hiddenObservableMap.map((hidden$) => hidden$.pipe((0, rxjs_operators.startWith)(false)))).pipe((0, rxjs_operators.distinctUntilChanged)(isSameHiddenMap)).subscribe((hiddenMap) => {
 			const newRibbon = [];
-			const hiddenPathMap = hiddenMap.map((hidden, index) => {
-				if (hidden) return hiddenKeyMap[index];
-				return null;
-			}).filter((item) => !!item);
+			const hiddenMenus = new Set(menusWithHiddenState.filter((_, index) => hiddenMap[index]));
 			for (const group of ribbon) {
 				var _group$children, _newGroup$children2;
 				const newGroup = {
@@ -1724,7 +1748,7 @@ let DesktopRibbonService = class DesktopRibbonService extends _univerjs_core.Dis
 					let shouldAddItem = true;
 					if ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) {
 						var _newItem$children2;
-						for (const child of item.children) if (!hiddenPathMap.includes(child.key)) {
+						for (const child of item.children) if (!hiddenMenus.has(child)) {
 							var _newItem$children;
 							(_newItem$children = newItem.children) === null || _newItem$children === void 0 || _newItem$children.push(child);
 						}
@@ -1745,6 +1769,10 @@ let DesktopRibbonService = class DesktopRibbonService extends _univerjs_core.Dis
 			}
 			this._setRibbon(newRibbon);
 		});
+		if (this._disposed) {
+			this._hiddenSubscription.unsubscribe();
+			this._hiddenSubscription = null;
+		}
 	}
 	_filterContextualTabs(ribbon) {
 		this._contextualTabs.clear();
@@ -1771,6 +1799,10 @@ let DesktopRibbonService = class DesktopRibbonService extends _univerjs_core.Dis
 	}
 	dispose() {
 		var _this$_hiddenSubscrip2;
+		if (this._disposed) return;
+		super.dispose();
+		this._visibleContextualTabs.clear();
+		this._contextualTabs.clear();
 		(_this$_hiddenSubscrip2 = this._hiddenSubscription) === null || _this$_hiddenSubscrip2 === void 0 || _this$_hiddenSubscrip2.unsubscribe();
 		this._hiddenSubscription = null;
 		this._ribbon$.next([]);
@@ -1778,7 +1810,6 @@ let DesktopRibbonService = class DesktopRibbonService extends _univerjs_core.Dis
 		this._activatedTab$.complete();
 		this._collapsedIds$.complete();
 		this._fakeToolbarVisible$.complete();
-		super.dispose();
 	}
 };
 DesktopRibbonService = __decorate([__decorateParam(0, IMenuManagerService), __decorateParam(1, _univerjs_core.IUniverInstanceService)], DesktopRibbonService);
@@ -3501,7 +3532,7 @@ function useToolbarShortcutDisplay({ id, commandId, shortcut }) {
 */
 const toolbarButtonClassName = `
 univer-box-border univer-flex univer-h-6 univer-min-w-6 univer-cursor-pointer univer-items-center
-univer-justify-center univer-rounded univer-border-none univer-bg-transparent univer-p-0
+univer-justify-center univer-rounded univer-border-none univer-bg-transparent univer-px-0 univer-py-0
 univer-text-gray-900 univer-outline-none univer-transition-colors univer-animate-in univer-fade-in
 dark:!univer-text-gray-0 dark:hover:!univer-bg-gray-700 dark:disabled:!univer-text-gray-600
 disabled:univer-cursor-not-allowed disabled:univer-text-gray-300 disabled:hover:univer-bg-transparent
@@ -4032,7 +4063,7 @@ const toolbarSelectorRootVariants = (0, _univerjs_design.cva)("univer-toolbar-se
 			false: "univer-text-gray-900 dark:!univer-text-gray-0"
 		},
 		active: {
-			true: "univer-bg-gray-200",
+			true: "univer-bg-gray-200 dark:!univer-bg-gray-500",
 			false: ""
 		}
 	},
@@ -4303,7 +4334,7 @@ function RibbonGrid({ groups, title, className, ...props }) {
 			const placements = placeRibbonGridItems(group.children ?? []);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				"data-u-comp": "ribbon-grid-group",
-				className: "univer-relative univer-box-border univer-flex univer-min-w-16 univer-shrink-0 univer-flex-col univer-px-2",
+				className: "univer-relative univer-box-border univer-flex univer-shrink-0 univer-flex-col univer-px-2",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					"data-testid": "ribbon-grid-group-grid",
 					className: "univer-grid univer-min-h-0 univer-flex-1 univer-grid-flow-col univer-grid-rows-[repeat(2,1.5rem)] univer-content-center univer-gap-2 univer-py-2 [&>div>span>span]:univer-h-full",
@@ -4722,52 +4753,6 @@ var ContextMenuHostService = class extends _univerjs_core.Disposable {
 	}
 };
 
-//#endregion
-//#region src/views/hooks/layout.ts
-/**
-* These hooks are used for browser layout
-* Prefer to client-side
-*/
-/**
-* Allow the element to scroll when its height over the container height
-* @param element
-* Container means the window view that the element displays in.
-* Recommend pass the sheet mountContainer as container
-* @param container
-*/
-function useScrollYOverContainer(element, container) {
-	const updater = useEvent(() => {
-		if (!element || !container) return;
-		const elStyle = element.style;
-		const { y, height } = element.getBoundingClientRect();
-		const containerRect = container.getBoundingClientRect();
-		const scrolled = element.scrollHeight > height;
-		const isOverViewport = y < 0 || y + height > containerRect.height;
-		if (!isOverViewport && !scrolled) {
-			elStyle.overflowY = "";
-			elStyle.maxHeight = "";
-			return;
-		}
-		if (isOverViewport) {
-			elStyle.overflowY = "auto";
-			elStyle.maxHeight = y < 0 ? `${element.scrollHeight + y}px` : `${containerRect.height - y}px`;
-		}
-	});
-	(0, react.useEffect)(() => {
-		if (!(0, _univerjs_design.isBrowser)() || !element || !container) return;
-		updater();
-		const resizeObserver = new ResizeObserver(updater);
-		resizeObserver.observe(element);
-		return () => {
-			resizeObserver.disconnect();
-		};
-	}, [element, container]);
-}
-function useConfigValue(configKey) {
-	const configService = (0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.IConfigService);
-	return (0, _wendellhu_redi_react_bindings.useObservable)((0, react.useMemo)(() => configService.subscribeConfigValue$(configKey), [configService]), configService.getConfig(configKey));
-}
-
 //#endregion
 //#region src/views/hooks/prevent-browser-zoom.ts
 /**
@@ -5433,7 +5418,6 @@ function ContextMenuPanel(props) {
 		menuSessionVersion
 	]);
 	const submenuPortalContainer = ((_layoutService$rootCo = layoutService.rootContainerElement) === null || _layoutService$rootCo === void 0 || (_layoutService$rootCo = _layoutService$rootCo.ownerDocument) === null || _layoutService$rootCo === void 0 ? void 0 : _layoutService$rootCo.body) ?? (typeof document !== "undefined" ? document.body : null);
-	useScrollYOverContainer(menuElement, layoutService.rootContainerElement);
 	(0, react.useEffect)(() => {
 		if (!menuElement) return;
 		return preventBrowserZoomInContainers([menuElement]);
@@ -6525,6 +6509,52 @@ function WorkbenchSkeleton({ darkMode, direction, overlay = false }) {
 	});
 }
 
+//#endregion
+//#region src/views/hooks/layout.ts
+/**
+* These hooks are used for browser layout
+* Prefer to client-side
+*/
+/**
+* Allow the element to scroll when its height over the container height
+* @param element
+* Container means the window view that the element displays in.
+* Recommend pass the sheet mountContainer as container
+* @param container
+*/
+function useScrollYOverContainer(element, container) {
+	const updater = useEvent(() => {
+		if (!element || !container) return;
+		const elStyle = element.style;
+		const { y, height } = element.getBoundingClientRect();
+		const containerRect = container.getBoundingClientRect();
+		const scrolled = element.scrollHeight > height;
+		const isOverViewport = y < 0 || y + height > containerRect.height;
+		if (!isOverViewport && !scrolled) {
+			elStyle.overflowY = "";
+			elStyle.maxHeight = "";
+			return;
+		}
+		if (isOverViewport) {
+			elStyle.overflowY = "auto";
+			elStyle.maxHeight = y < 0 ? `${element.scrollHeight + y}px` : `${containerRect.height - y}px`;
+		}
+	});
+	(0, react.useEffect)(() => {
+		if (!(0, _univerjs_design.isBrowser)() || !element || !container) return;
+		updater();
+		const resizeObserver = new ResizeObserver(updater);
+		resizeObserver.observe(element);
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, [element, container]);
+}
+function useConfigValue(configKey) {
+	const configService = (0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.IConfigService);
+	return (0, _wendellhu_redi_react_bindings.useObservable)((0, react.useMemo)(() => configService.subscribeConfigValue$(configKey), [configService]), configService.getConfig(configKey));
+}
+
 //#endregion
 //#region src/views/hooks/update-effect.ts
 /**
@@ -7006,7 +7036,7 @@ const IUIController = (0, _univerjs_core.createIdentifier)("univer.ui.ui-control
 //#endregion
 //#region package.json
 var name = "@univerjs/ui";
-var version = "1.0.3";
+var version = "1.1.0";
 
 //#endregion
 //#region src/views/color-picker/interface.ts
@@ -24529,7 +24559,7 @@ function MobileSchemaRow(props) {
 				if (disabled) return;
 				onExecute === null || onExecute === void 0 || onExecute({
 					commandId: menuItem.commandId,
-					value: nextValue,
+					value: typeof value === "number" && (0, _univerjs_core.isRealNum)(nextValue) ? Number(nextValue) : nextValue,
 					id: menuItem.id,
 					label: schema.key,
 					params: menuItem.params
@@ -26533,18 +26563,9 @@ function DialogItem(props) {
 		const ownerDocument = document;
 		const opener = ownerDocument.activeElement;
 		const owner = getEmbedBoundaryOwner(opener);
-		const ownerWindow = ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.defaultView;
-		const handleCompositionEscape = (event) => {
-			if (event.key === "Escape" && event.isComposing && event.target instanceof Element && event.target.closest("[role=\"dialog\"]") === dialogRef.current) {
-				event.preventDefault();
-				event.stopPropagation();
-			}
-		};
-		ownerWindow === null || ownerWindow === void 0 || ownerWindow.addEventListener("keydown", handleCompositionEscape, true);
 		return () => {
 			openRef.current = false;
 			const content = dialogRef.current;
-			ownerWindow === null || ownerWindow === void 0 || ownerWindow.removeEventListener("keydown", handleCompositionEscape, true);
 			if (props.mask === false) return;
 			queueMicrotask(() => {
 				if (openRef.current) return;
@@ -29861,7 +29882,7 @@ function ProgressBar(props) {
 
 //#endregion
 exports.AnchoredContextMenu = AnchoredContextMenu;
-Object.defineProperty(exports, 'BrowserClipboardService', {
+Object.defineProperty(exports, "BrowserClipboardService", {
   enumerable: true,
   get: function () {
     return BrowserClipboardService;
@@ -29876,7 +29897,7 @@ exports.CanvasPopup = CanvasPopup;
 exports.CanvasPopupService = CanvasPopupService;
 exports.CommonLabel = CommonLabel;
 exports.ComponentContainer = ComponentContainer;
-Object.defineProperty(exports, 'ComponentManager', {
+Object.defineProperty(exports, "ComponentManager", {
   enumerable: true,
   get: function () {
     return ComponentManager;
@@ -29894,31 +29915,31 @@ exports.CustomLabel = CustomLabel;
 exports.CutCommand = CutCommand;
 exports.CutShortcutItem = CutShortcutItem;
 exports.DISABLE_AUTO_FOCUS_KEY = DISABLE_AUTO_FOCUS_KEY;
-Object.defineProperty(exports, 'DesktopBeforeCloseService', {
+Object.defineProperty(exports, "DesktopBeforeCloseService", {
   enumerable: true,
   get: function () {
     return DesktopBeforeCloseService;
   }
 });
-Object.defineProperty(exports, 'DesktopConfirmService', {
+Object.defineProperty(exports, "DesktopConfirmService", {
   enumerable: true,
   get: function () {
     return DesktopConfirmService;
   }
 });
-Object.defineProperty(exports, 'DesktopDialogService', {
+Object.defineProperty(exports, "DesktopDialogService", {
   enumerable: true,
   get: function () {
     return DesktopDialogService;
   }
 });
-Object.defineProperty(exports, 'DesktopGalleryService', {
+Object.defineProperty(exports, "DesktopGalleryService", {
   enumerable: true,
   get: function () {
     return DesktopGalleryService;
   }
 });
-Object.defineProperty(exports, 'DesktopLayoutService', {
+Object.defineProperty(exports, "DesktopLayoutService", {
   enumerable: true,
   get: function () {
     return DesktopLayoutService;
@@ -29926,26 +29947,26 @@ Object.defineProperty(exports, 'DesktopLayoutService', {
 });
 exports.DesktopLocalFileService = DesktopLocalFileService;
 exports.DesktopLocalStorageService = DesktopLocalStorageService;
-Object.defineProperty(exports, 'DesktopMessageService', {
+Object.defineProperty(exports, "DesktopMessageService", {
   enumerable: true,
   get: function () {
     return DesktopMessageService;
   }
 });
-Object.defineProperty(exports, 'DesktopNotificationService', {
+Object.defineProperty(exports, "DesktopNotificationService", {
   enumerable: true,
   get: function () {
     return DesktopNotificationService;
   }
 });
-Object.defineProperty(exports, 'DesktopRibbonService', {
+Object.defineProperty(exports, "DesktopRibbonService", {
   enumerable: true,
   get: function () {
     return DesktopRibbonService;
   }
 });
 exports.DesktopSidebarService = DesktopSidebarService;
-Object.defineProperty(exports, 'DesktopUIController', {
+Object.defineProperty(exports, "DesktopUIController", {
   enumerable: true,
   get: function () {
     return DesktopUIController;
@@ -29957,7 +29978,7 @@ exports.EMOJI_CATEGORIES = EMOJI_CATEGORIES;
 exports.EMOJI_PICKER_COMPONENT = EMOJI_PICKER_COMPONENT;
 exports.EMOJI_RECENT_LIMIT = EMOJI_RECENT_LIMIT;
 exports.EmojiPicker = EmojiPicker;
-Object.defineProperty(exports, 'ErrorController', {
+Object.defineProperty(exports, "ErrorController", {
   enumerable: true,
   get: function () {
     return ErrorController;
@@ -29978,7 +29999,7 @@ exports.FloatingObjectToolbarPosition = FloatingObjectToolbarPosition;
 exports.FontFamily = FontFamily;
 exports.FontFamilyDropdown = FontFamilyDropdown;
 exports.FontFamilyItem = FontFamilyItem;
-Object.defineProperty(exports, 'FontService', {
+Object.defineProperty(exports, "FontService", {
   enumerable: true,
   get: function () {
     return FontService;
@@ -30016,7 +30037,7 @@ exports.IUIPartsService = IUIPartsService;
 exports.IUIRuntimeScopeService = IUIRuntimeScopeService;
 exports.IUnitPresenceUIAdapterRegistry = IUnitPresenceUIAdapterRegistry;
 exports.IWorkbenchService = IWorkbenchService;
-Object.defineProperty(exports, 'IconManager', {
+Object.defineProperty(exports, "IconManager", {
   enumerable: true,
   get: function () {
     return IconManager;
@@ -30026,7 +30047,7 @@ exports.KeyCode = KeyCode;
 exports.MOBILE_UI_MODE = MOBILE_UI_MODE;
 exports.MenuItemType = MenuItemType;
 exports.MenuManagerPosition = MenuManagerPosition;
-Object.defineProperty(exports, 'MenuManagerService', {
+Object.defineProperty(exports, "MenuManagerService", {
   enumerable: true,
   get: function () {
     return MenuManagerService;
@@ -30035,7 +30056,7 @@ Object.defineProperty(exports, 'MenuManagerService', {
 exports.MetaKeys = MetaKeys;
 exports.MobileCanvasGesture = MobileCanvasGesture;
 exports.MobileContextMenu = MobileContextMenu;
-Object.defineProperty(exports, 'MobileDialogService', {
+Object.defineProperty(exports, "MobileDialogService", {
   enumerable: true,
   get: function () {
     return MobileDialogService;
@@ -30056,19 +30077,19 @@ exports.PlatformService = PlatformService;
 exports.PrintFloatDomSingle = PrintFloatDomSingle;
 exports.ProgressBar = ProgressBar;
 exports.RectPopup = RectPopup;
-Object.defineProperty(exports, 'RediConsumer', {
+Object.defineProperty(exports, "RediConsumer", {
   enumerable: true,
   get: function () {
     return _wendellhu_redi_react_bindings.RediConsumer;
   }
 });
-Object.defineProperty(exports, 'RediContext', {
+Object.defineProperty(exports, "RediContext", {
   enumerable: true,
   get: function () {
     return _wendellhu_redi_react_bindings.RediContext;
   }
 });
-Object.defineProperty(exports, 'RediProvider', {
+Object.defineProperty(exports, "RediProvider", {
   enumerable: true,
   get: function () {
     return _wendellhu_redi_react_bindings.RediProvider;
@@ -30086,21 +30107,21 @@ exports.RibbonStartGroup = RibbonStartGroup;
 exports.RibbonViewGroup = RibbonViewGroup;
 exports.SYMBOL_CATEGORIES = SYMBOL_CATEGORIES;
 exports.SYMBOL_PICKER_COMPONENT = SYMBOL_PICKER_COMPONENT;
-Object.defineProperty(exports, 'SharedController', {
+Object.defineProperty(exports, "SharedController", {
   enumerable: true,
   get: function () {
     return SharedController;
   }
 });
 exports.SheetPasteShortKeyCommandName = SheetPasteShortKeyCommandName;
-Object.defineProperty(exports, 'ShortcutPanelController', {
+Object.defineProperty(exports, "ShortcutPanelController", {
   enumerable: true,
   get: function () {
     return ShortcutPanelController;
   }
 });
 exports.ShortcutPanelService = ShortcutPanelService;
-Object.defineProperty(exports, 'ShortcutService', {
+Object.defineProperty(exports, "ShortcutService", {
   enumerable: true,
   get: function () {
     return ShortcutService;
@@ -30121,7 +30142,7 @@ exports.UIPartsService = UIPartsService;
 exports.UIRuntimeScopeService = UIRuntimeScopeService;
 exports.UI_PLUGIN_CONFIG_KEY = UI_PLUGIN_CONFIG_KEY;
 exports.UNI_DISABLE_CHANGING_FOCUS_KEY = UNI_DISABLE_CHANGING_FOCUS_KEY;
-Object.defineProperty(exports, 'UndoRedoGroupService', {
+Object.defineProperty(exports, "UndoRedoGroupService", {
   enumerable: true,
   get: function () {
     return UndoRedoGroupService;
@@ -30129,25 +30150,25 @@ Object.defineProperty(exports, 'UndoRedoGroupService', {
 });
 exports.UndoShortcutItem = UndoShortcutItem;
 exports.UnitPresenceUIAdapterRegistry = UnitPresenceUIAdapterRegistry;
-Object.defineProperty(exports, 'UniverMobileUIPlugin', {
+Object.defineProperty(exports, "UniverMobileUIPlugin", {
   enumerable: true,
   get: function () {
     return UniverMobileUIPlugin;
   }
 });
-Object.defineProperty(exports, 'UniverUIPlugin', {
+Object.defineProperty(exports, "UniverUIPlugin", {
   enumerable: true,
   get: function () {
     return UniverUIPlugin;
   }
 });
-Object.defineProperty(exports, 'WithDependency', {
+Object.defineProperty(exports, "WithDependency", {
   enumerable: true,
   get: function () {
     return _wendellhu_redi_react_bindings.WithDependency;
   }
 });
-Object.defineProperty(exports, 'WorkbenchService', {
+Object.defineProperty(exports, "WorkbenchService", {
   enumerable: true,
   get: function () {
     return WorkbenchService;
@@ -30156,13 +30177,13 @@ Object.defineProperty(exports, 'WorkbenchService', {
 exports.ZIndexManager = ZIndexManager;
 exports.ZoomInput = ZoomInput;
 exports.bindFormatPainterCanvas = bindFormatPainterCanvas;
-Object.defineProperty(exports, 'connectDependencies', {
+Object.defineProperty(exports, "connectDependencies", {
   enumerable: true,
   get: function () {
     return _wendellhu_redi_react_bindings.connectDependencies;
   }
 });
-Object.defineProperty(exports, 'connectInjector', {
+Object.defineProperty(exports, "connectInjector", {
   enumerable: true,
   get: function () {
     return _wendellhu_redi_react_bindings.connectInjector;
@@ -30207,14 +30228,14 @@ exports.useClickOutSide = useClickOutSide;
 exports.useComponentsOfPart = useComponentsOfPart;
 exports.useConfigValue = useConfigValue;
 exports.useDebounceFn = useDebounceFn;
-Object.defineProperty(exports, 'useDependency', {
+Object.defineProperty(exports, "useDependency", {
   enumerable: true,
   get: function () {
     return _wendellhu_redi_react_bindings.useDependency;
   }
 });
 exports.useEvent = useEvent;
-Object.defineProperty(exports, 'useInjector', {
+Object.defineProperty(exports, "useInjector", {
   enumerable: true,
   get: function () {
     return _wendellhu_redi_react_bindings.useInjector;
@@ -30222,7 +30243,7 @@ Object.defineProperty(exports, 'useInjector', {
 });
 exports.useMobileCanvasPanel = useMobileCanvasPanel;
 exports.useMobileCanvasViewport = useMobileCanvasViewport;
-Object.defineProperty(exports, 'useObservable', {
+Object.defineProperty(exports, "useObservable", {
   enumerable: true,
   get: function () {
     return _wendellhu_redi_react_bindings.useObservable;
@@ -30232,7 +30253,7 @@ exports.useObservableRef = useObservableRef;
 exports.useScrollYOverContainer = useScrollYOverContainer;
 exports.useSidebarClick = useSidebarClick;
 exports.useToolbarItemStatus = useToolbarItemStatus;
-Object.defineProperty(exports, 'useUpdateBinder', {
+Object.defineProperty(exports, "useUpdateBinder", {
   enumerable: true,
   get: function () {
     return _wendellhu_redi_react_bindings.useUpdateBinder;