@univerjs/ui 1.0.3 → 1.1.0

package/lib/index.js

@@ -55,7 +55,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) {
@@ -66,7 +66,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];
@@ -79,14 +79,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,
@@ -97,7 +97,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);
@@ -105,7 +105,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);
@@ -307,7 +307,8 @@ const ToggleShortcutPanelOperation = {
 			shortcutPanelService.open();
 			sidebarService.open({
 				header: { title: "ui.shortcut-panel.title" },
-				children: { label: ShortcutPanelComponentName }
+				children: { label: ShortcutPanelComponentName },
+				onClose: () => shortcutPanelService.close()
 			});
 		}
 		return true;
@@ -321,6 +322,7 @@ let ComponentManager = class ComponentManager extends Disposable {
 		super();
 		this._logService = _logService;
 		_defineProperty(this, "_components", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_overrides", /* @__PURE__ */ new Map());
 		_defineProperty(this, "reactUtils", {
 			createElement,
 			useEffect,
@@ -330,19 +332,27 @@ let ComponentManager = class ComponentManager extends 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 toDisposable(() => {
-			this._components.delete(name);
+			if (components.get(name) === registration) components.delete(name);
 		});
 	}
 	setHandler(framework, handler) {
@@ -350,15 +360,25 @@ let ComponentManager = class ComponentManager extends 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, Optional(ILogService))], ComponentManager);
 
@@ -1654,27 +1674,33 @@ let DesktopRibbonService = class DesktopRibbonService extends Disposable {
 		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() {
@@ -1684,15 +1710,16 @@ let DesktopRibbonService = class DesktopRibbonService extends Disposable {
 	}
 	_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);
 				}
 			}
 		}
@@ -1704,10 +1731,7 @@ let DesktopRibbonService = class DesktopRibbonService extends Disposable {
 		}
 		this._hiddenSubscription = combineLatest(hiddenObservableMap.map((hidden$) => hidden$.pipe(startWith$1(false)))).pipe(distinctUntilChanged$1(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 = {
@@ -1723,7 +1747,7 @@ let DesktopRibbonService = class DesktopRibbonService extends Disposable {
 					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);
 						}
@@ -1744,6 +1768,10 @@ let DesktopRibbonService = class DesktopRibbonService extends Disposable {
 			}
 			this._setRibbon(newRibbon);
 		});
+		if (this._disposed) {
+			this._hiddenSubscription.unsubscribe();
+			this._hiddenSubscription = null;
+		}
 	}
 	_filterContextualTabs(ribbon) {
 		this._contextualTabs.clear();
@@ -1770,6 +1798,10 @@ let DesktopRibbonService = class DesktopRibbonService extends Disposable {
 	}
 	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([]);
@@ -1777,7 +1809,6 @@ let DesktopRibbonService = class DesktopRibbonService extends Disposable {
 		this._activatedTab$.complete();
 		this._collapsedIds$.complete();
 		this._fakeToolbarVisible$.complete();
-		super.dispose();
 	}
 };
 DesktopRibbonService = __decorate([__decorateParam(0, IMenuManagerService), __decorateParam(1, IUniverInstanceService)], DesktopRibbonService);
@@ -3500,7 +3531,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
@@ -4031,7 +4062,7 @@ const toolbarSelectorRootVariants = cva("univer-toolbar-selector-root univer-ani
 			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: ""
 		}
 	},
@@ -4302,7 +4333,7 @@ function RibbonGrid({ groups, title, className, ...props }) {
 			const placements = placeRibbonGridItems(group.children ?? []);
 			return /* @__PURE__ */ 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__ */ 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",
@@ -4721,52 +4752,6 @@ var ContextMenuHostService = class extends 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`;
-		}
-	});
-	useEffect(() => {
-		if (!isBrowser() || !element || !container) return;
-		updater();
-		const resizeObserver = new ResizeObserver(updater);
-		resizeObserver.observe(element);
-		return () => {
-			resizeObserver.disconnect();
-		};
-	}, [element, container]);
-}
-function useConfigValue(configKey) {
-	const configService = useDependency(IConfigService);
-	return useObservable(useMemo(() => configService.subscribeConfigValue$(configKey), [configService]), configService.getConfig(configKey));
-}
-
 //#endregion
 //#region src/views/hooks/prevent-browser-zoom.ts
 /**
@@ -5432,7 +5417,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);
 	useEffect(() => {
 		if (!menuElement) return;
 		return preventBrowserZoomInContainers([menuElement]);
@@ -6524,6 +6508,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`;
+		}
+	});
+	useEffect(() => {
+		if (!isBrowser() || !element || !container) return;
+		updater();
+		const resizeObserver = new ResizeObserver(updater);
+		resizeObserver.observe(element);
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, [element, container]);
+}
+function useConfigValue(configKey) {
+	const configService = useDependency(IConfigService);
+	return useObservable(useMemo(() => configService.subscribeConfigValue$(configKey), [configService]), configService.getConfig(configKey));
+}
+
 //#endregion
 //#region src/views/hooks/update-effect.ts
 /**
@@ -7005,7 +7035,7 @@ const IUIController = createIdentifier("univer.ui.ui-controller");
 //#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
@@ -24528,7 +24558,7 @@ function MobileSchemaRow(props) {
 				if (disabled) return;
 				onExecute === null || onExecute === void 0 || onExecute({
 					commandId: menuItem.commandId,
-					value: nextValue,
+					value: typeof value === "number" && isRealNum(nextValue) ? Number(nextValue) : nextValue,
 					id: menuItem.id,
 					label: schema.key,
 					params: menuItem.params
@@ -26532,18 +26562,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;

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

@@ -19,6 +19,12 @@ import { createElement, useEffect, useRef } from 'react';
 type ComponentFramework = string;
 export interface IComponentOptions {
     framework?: ComponentFramework;
+    /**
+     * Whether this registration takes precedence over the built-in default, regardless of registration order.
+     * Defaults to false in ComponentManager and true in FUniver.registerComponent.
+     * Only one override may be active for each name.
+     */
+    override?: boolean;
 }
 export interface IComponent<T = any> {
     framework: string;
@@ -28,8 +34,14 @@ export type ComponentType<T = any> = any;
 export type ComponentList = Map<string, IComponent>;
 export declare class ComponentManager extends Disposable {
     private readonly _logService?;
-    private _components;
+    private readonly _components;
+    private readonly _overrides;
     constructor(_logService?: ILogService | undefined);
+    /**
+     * 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: string, component: ComponentType, options?: IComponentOptions): IDisposable;
     reactUtils: {
         createElement: typeof createElement;
@@ -39,6 +51,10 @@ export declare class ComponentManager extends Disposable {
     private _handler;
     setHandler(framework: string, handler: (component: IComponent['component'], name?: string) => any): void;
     get(name: string): any;
+    /** Check for a built-in default independently of any active host override. */
+    hasDefault(name: string): boolean;
+    /** Remove the default registration. Overrides can only be removed through their registration disposable. */
     delete(name: string): void;
+    dispose(): void;
 }
 export {};

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

@@ -372,11 +372,13 @@ export interface IFUniverUIMixin {
      */
     registerUIPart(key: BuiltInUIPart, component: ComponentType): IDisposable;
     /**
-     * Register an component.
+     * Register a component, overriding its built-in default regardless of registration order.
+     * Register before opening the corresponding view; mounted views do not update automatically.
      * @param {string} name - The name of the component.
      * @param {ComponentType} component - The component.
-     * @param {IComponentOptions} [options] - The options of the component.
-     * @returns {IDisposable} The disposable object.
+     * @param {IComponentOptions} [options] - Component options. `override` defaults to true; pass false to register a default.
+     * @returns {IDisposable} Disposes this registration, restoring the current built-in default when available.
+     * @throws When another override is already registered for this name. Dispose it before registering a replacement.
      * @example
      * ```tsx
      * const fWorksheet = univerAPI.getActiveWorkbook().getSheetByName('Sheet1');

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

@@ -39,7 +39,7 @@ export interface IBaseToolbarButtonProps {
     onMouseEnter?: React.MouseEventHandler;
     onMouseLeave?: React.MouseEventHandler;
 }
-export declare const toolbarButtonClassName = "\nuniver-box-border univer-flex univer-h-6 univer-min-w-6 univer-cursor-pointer univer-items-center\nuniver-justify-center univer-rounded univer-border-none univer-bg-transparent univer-p-0\nuniver-text-gray-900 univer-outline-none univer-transition-colors univer-animate-in univer-fade-in\ndark:!univer-text-gray-0 dark:hover:!univer-bg-gray-700 dark:disabled:!univer-text-gray-600\ndisabled:univer-cursor-not-allowed disabled:univer-text-gray-300 disabled:hover:univer-bg-transparent\nhover:univer-bg-gray-100 whitespace-nowrap univer-w-max\n[&_svg]:univer-shrink-0\n";
+export declare const toolbarButtonClassName = "\nuniver-box-border univer-flex univer-h-6 univer-min-w-6 univer-cursor-pointer univer-items-center\nuniver-justify-center univer-rounded univer-border-none univer-bg-transparent univer-px-0 univer-py-0\nuniver-text-gray-900 univer-outline-none univer-transition-colors univer-animate-in univer-fade-in\ndark:!univer-text-gray-0 dark:hover:!univer-bg-gray-700 dark:disabled:!univer-text-gray-600\ndisabled:univer-cursor-not-allowed disabled:univer-text-gray-300 disabled:hover:univer-bg-transparent\nhover:univer-bg-gray-100 whitespace-nowrap univer-w-max\n[&_svg]:univer-shrink-0\n";
 export declare const toolbarButtonVariants: (props?: ({
     noIcon?: boolean | null | undefined;
     active?: boolean | null | undefined;

package/lib/umd/facade.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(require("@univerjs/core"),require("@univerjs/core/facade"),require("@univerjs/engine-render"),require("@univerjs/ui")):typeof define==`function`&&define.amd?define([`@univerjs/core`,`@univerjs/core/facade`,`@univerjs/engine-render`,`@univerjs/ui`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverCore,e.UniverCoreFacade,e.UniverEngineRender,e.UniverUi))})(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 t.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(t,n,i,a){super(),this._item=t,this._injector=n,this._commandService=i,this._menuManagerService=a,s(this,`_commandToRegister`,new Map),s(this,`_buildingSchema`,void 0);let o=typeof t.action==`string`?t.action:(0,e.generateRandomId)(12);o!==t.action&&this._commandToRegister.set(o,t.action),this._buildingSchema={menuItemFactory:()=>({id:t.id,type:r.MenuItemType.BUTTON,icon:t.icon,title:t.title,tooltip:t.tooltip,commandId:o})},t.order!==void 0&&(this._buildingSchema.order=t.order),t.gridLayout&&(this._buildingSchema.gridLayout=t.gridLayout)}__getSchema(){return this._commandToRegister.forEach((t,n)=>{this._commandService.hasCommand(n)||this._commandService.registerCommand({id:n,type:e.CommandType.COMMAND,handler:t})}),{[this._item.id]:this._buildingSchema}}};s(d,`RibbonStartGroup`,r.RibbonStartGroup),s(d,`RibbonPosition`,r.RibbonPosition),s(d,`MenuManagerPosition`,r.MenuManagerPosition),d=l([c(1,(0,e.Inject)(e.Injector)),c(2,e.ICommandService),c(3,r.IMenuManagerService)],d);let f=class extends u{constructor(e,t,n){super(),this._item=e,this._injector=t,this._menuManagerService=n,s(this,`_menuByGroups`,[]),s(this,`_submenus`,[]),s(this,`_buildingSchema`,void 0),this._buildingSchema={menuItemFactory:()=>({id:e.id,type:r.MenuItemType.SUBITEMS,icon:e.icon,title:e.title,tooltip:e.tooltip})},e.order!==void 0&&(this._buildingSchema.order=e.order),e.gridLayout&&(this._buildingSchema.gridLayout=e.gridLayout)}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,e.Inject)(e.Injector)),c(2,r.IMenuManagerService)],f);let p=class extends t.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._shortcutService.forceDisable(),this}triggerShortcut(t){let n=this._univerInstanceService.getCurrentUnitOfType(e.UniverInstanceType.UNIVER_SHEET);if(!n)return;let r=this._renderManagerService.getRenderUnitById(n.getUnitId());if(r)return r.engine.getCanvasElement().dispatchEvent(t),this._shortcutService.dispatch(t)}dispatchShortcutEvent(e){return this._shortcutService.dispatch(e)}};p=l([c(0,(0,e.Inject)(e.Injector)),c(1,(0,e.Inject)(n.IRenderManagerService)),c(2,e.IUniverInstanceService),c(3,r.IShortcutService)],p);var m=class extends t.FUniver{getURL(){return new URL(window.location.href)}getShortcut(){return this._injector.createInstance(p)}copy(){return this._commandService.executeCommand(r.CopyCommand.id)}paste(){return this._commandService.executeCommand(r.PasteCommand.id)}createMenu(e){return this._injector.createInstance(d,e)}createSubmenu(e){return this._injector.createInstance(f,e)}updateMenuConfig(e){return this._injector.get(r.IMenuManagerService).updateMenuConfig(e),this}openSidebar(e){return this._injector.get(r.ISidebarService).open(e)}openDialog(e){let t=this._injector.get(r.IDialogService).open({...e,onClose:()=>{t.dispose()}});return t}getComponentManager(){return this._injector.get(r.ComponentManager)}showMessage(e){return this._injector.get(r.IMessageService).show(e),this}setRibbonType(t){return this._injector.get(e.IConfigService).setConfig(r.UI_PLUGIN_CONFIG_KEY,{ribbonType:t},{merge:!0}),this}setUIVisible(e,t){return this._injector.get(r.IUIPartsService).setUIVisible(e,t),this}isUIVisible(e){return this._injector.get(r.IUIPartsService).isUIVisible(e)}registerUIPart(e,t){return this._injector.get(r.IUIPartsService).registerComponent(e,()=>(0,r.connectInjector)(t,this._injector))}registerComponent(e,t,n){let i=this._injector.get(r.ComponentManager);return this.disposeWithMe(i.register(e,t,n))}setCurrent(e){if(!this._injector.get(n.IRenderManagerService).getRenderUnitById(e))throw Error(`Unit not found`);this._univerInstanceService.setCurrentUnitForType(e)}addFonts(e){let t=this._injector.get(r.IFontService);e.forEach(e=>{t.addFont(e)})}};t.FUniver.extend(m);var h=class extends t.FEnum{get BuiltInUIPart(){return r.BuiltInUIPart}get KeyCode(){return r.KeyCode}};t.FEnum.extend(h)});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(require("@univerjs/core"),require("@univerjs/core/facade"),require("@univerjs/engine-render"),require("@univerjs/ui")):typeof define==`function`&&define.amd?define([`@univerjs/core`,`@univerjs/core/facade`,`@univerjs/engine-render`,`@univerjs/ui`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverCore,e.UniverCoreFacade,e.UniverEngineRender,e.UniverUi))})(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 t.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(t,n,i,a){super(),this._item=t,this._injector=n,this._commandService=i,this._menuManagerService=a,s(this,`_commandToRegister`,/* @__PURE__ */ new Map),s(this,`_buildingSchema`,void 0);let o=typeof t.action==`string`?t.action:(0,e.generateRandomId)(12);o!==t.action&&this._commandToRegister.set(o,t.action),this._buildingSchema={menuItemFactory:()=>({id:t.id,type:r.MenuItemType.BUTTON,icon:t.icon,title:t.title,tooltip:t.tooltip,commandId:o})},t.order!==void 0&&(this._buildingSchema.order=t.order),t.gridLayout&&(this._buildingSchema.gridLayout=t.gridLayout)}__getSchema(){return this._commandToRegister.forEach((t,n)=>{this._commandService.hasCommand(n)||this._commandService.registerCommand({id:n,type:e.CommandType.COMMAND,handler:t})}),{[this._item.id]:this._buildingSchema}}};s(d,`RibbonStartGroup`,r.RibbonStartGroup),s(d,`RibbonPosition`,r.RibbonPosition),s(d,`MenuManagerPosition`,r.MenuManagerPosition),d=l([c(1,(0,e.Inject)(e.Injector)),c(2,e.ICommandService),c(3,r.IMenuManagerService)],d);let f=class extends u{constructor(e,t,n){super(),this._item=e,this._injector=t,this._menuManagerService=n,s(this,`_menuByGroups`,[]),s(this,`_submenus`,[]),s(this,`_buildingSchema`,void 0),this._buildingSchema={menuItemFactory:()=>({id:e.id,type:r.MenuItemType.SUBITEMS,icon:e.icon,title:e.title,tooltip:e.tooltip})},e.order!==void 0&&(this._buildingSchema.order=e.order),e.gridLayout&&(this._buildingSchema.gridLayout=e.gridLayout)}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,e.Inject)(e.Injector)),c(2,r.IMenuManagerService)],f);let p=class extends t.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._shortcutService.forceDisable(),this}triggerShortcut(t){let n=this._univerInstanceService.getCurrentUnitOfType(e.UniverInstanceType.UNIVER_SHEET);if(!n)return;let r=this._renderManagerService.getRenderUnitById(n.getUnitId());if(r)return r.engine.getCanvasElement().dispatchEvent(t),this._shortcutService.dispatch(t)}dispatchShortcutEvent(e){return this._shortcutService.dispatch(e)}};p=l([c(0,(0,e.Inject)(e.Injector)),c(1,(0,e.Inject)(n.IRenderManagerService)),c(2,e.IUniverInstanceService),c(3,r.IShortcutService)],p);var m=class extends t.FUniver{getURL(){return new URL(window.location.href)}getShortcut(){return this._injector.createInstance(p)}copy(){return this._commandService.executeCommand(r.CopyCommand.id)}paste(){return this._commandService.executeCommand(r.PasteCommand.id)}createMenu(e){return this._injector.createInstance(d,e)}createSubmenu(e){return this._injector.createInstance(f,e)}updateMenuConfig(e){return this._injector.get(r.IMenuManagerService).updateMenuConfig(e),this}openSidebar(e){return this._injector.get(r.ISidebarService).open(e)}openDialog(e){let t=this._injector.get(r.IDialogService).open({...e,onClose:()=>{t.dispose()}});return t}getComponentManager(){return this._injector.get(r.ComponentManager)}showMessage(e){return this._injector.get(r.IMessageService).show(e),this}setRibbonType(t){return this._injector.get(e.IConfigService).setConfig(r.UI_PLUGIN_CONFIG_KEY,{ribbonType:t},{merge:!0}),this}setUIVisible(e,t){return this._injector.get(r.IUIPartsService).setUIVisible(e,t),this}isUIVisible(e){return this._injector.get(r.IUIPartsService).isUIVisible(e)}registerUIPart(e,t){return this._injector.get(r.IUIPartsService).registerComponent(e,()=>(0,r.connectInjector)(t,this._injector))}registerComponent(e,t,n){let i=this._injector.get(r.ComponentManager);return this.disposeWithMe(i.register(e,t,{...n,override:(n==null?void 0:n.override)??!0}))}setCurrent(e){if(!this._injector.get(n.IRenderManagerService).getRenderUnitById(e))throw Error(`Unit not found`);this._univerInstanceService.setCurrentUnitForType(e)}addFonts(e){let t=this._injector.get(r.IFontService);e.forEach(e=>{t.addFont(e)})}};t.FUniver.extend(m);var h=class extends t.FEnum{get BuiltInUIPart(){return r.BuiltInUIPart}get KeyCode(){return r.KeyCode}};t.FEnum.extend(h)});