@univerjs/ui 1.0.3 → 1.0.4

package/lib/cjs/facade.js

@@ -434,7 +434,10 @@ var FUniverUIMixin = class extends _univerjs_core_facade.FUniver {
 	}
 	registerComponent(name, component, options) {
 		const componentManager = this._injector.get(_univerjs_ui.ComponentManager);
-		return this.disposeWithMe(componentManager.register(name, component, options));
+		return this.disposeWithMe(componentManager.register(name, component, {
+			...options,
+			override: (options === null || options === void 0 ? void 0 : options.override) ?? true
+		}));
 	}
 	setCurrent(unitId) {
 		if (!this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId)) throw new Error("Unit not found");

package/lib/cjs/index.js

@@ -322,6 +322,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 +332,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 +360,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);
 
@@ -3501,7 +3520,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
@@ -7006,7 +7025,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.0.4";
 
 //#endregion
 //#region src/views/color-picker/interface.ts
@@ -26533,18 +26552,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/es/facade.js

@@ -434,7 +434,10 @@ var FUniverUIMixin = class extends FUniver {
 	}
 	registerComponent(name, component, options) {
 		const componentManager = this._injector.get(ComponentManager);
-		return this.disposeWithMe(componentManager.register(name, component, options));
+		return this.disposeWithMe(componentManager.register(name, component, {
+			...options,
+			override: (options === null || options === void 0 ? void 0 : options.override) ?? true
+		}));
 	}
 	setCurrent(unitId) {
 		if (!this._injector.get(IRenderManagerService).getRenderUnitById(unitId)) throw new Error("Unit not found");

package/lib/es/index.js

@@ -321,6 +321,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 +331,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 +359,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);
 
@@ -3500,7 +3519,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
@@ -7005,7 +7024,7 @@ const IUIController = createIdentifier("univer.ui.ui-controller");
 //#endregion
 //#region package.json
 var name = "@univerjs/ui";
-var version = "1.0.3";
+var version = "1.0.4";
 
 //#endregion
 //#region src/views/color-picker/interface.ts
@@ -26532,18 +26551,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/facade.js

@@ -434,7 +434,10 @@ var FUniverUIMixin = class extends FUniver {
 	}
 	registerComponent(name, component, options) {
 		const componentManager = this._injector.get(ComponentManager);
-		return this.disposeWithMe(componentManager.register(name, component, options));
+		return this.disposeWithMe(componentManager.register(name, component, {
+			...options,
+			override: (options === null || options === void 0 ? void 0 : options.override) ?? true
+		}));
 	}
 	setCurrent(unitId) {
 		if (!this._injector.get(IRenderManagerService).getRenderUnitById(unitId)) throw new Error("Unit not found");

package/lib/index.css

@@ -1267,6 +1267,11 @@
   padding-right: 1.5rem;
 }
 
+.univer-py-0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
 .univer-py-0\.5 {
   padding-top: .125rem;
   padding-bottom: .125rem;

package/lib/index.js

@@ -321,6 +321,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 +331,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 +359,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);
 
@@ -3500,7 +3519,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
@@ -7005,7 +7024,7 @@ const IUIController = createIdentifier("univer.ui.ui-controller");
 //#endregion
 //#region package.json
 var name = "@univerjs/ui";
-var version = "1.0.3";
+var version = "1.0.4";
 
 //#endregion
 //#region src/views/color-picker/interface.ts
@@ -26532,18 +26551,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`,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)});