@univerjs/ui 1.0.3 → 1.1.0

package/lib/es/facade.js

@@ -3,7 +3,7 @@ import { FBase, FEnum, FUniver } from "@univerjs/core/facade";
 import { IRenderManagerService } from "@univerjs/engine-render";
 import { BuiltInUIPart, ComponentManager, CopyCommand, IDialogService, IFontService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, IUIPartsService, KeyCode, MenuItemType, MenuManagerPosition, PasteCommand, RibbonPosition, RibbonStartGroup, UI_PLUGIN_CONFIG_KEY, connectInjector } from "@univerjs/ui";
 
-//#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) {
@@ -14,7 +14,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];
@@ -27,14 +27,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,
@@ -45,7 +45,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);
@@ -53,7 +53,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);
@@ -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

@@ -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/facade.js

@@ -3,7 +3,7 @@ import { FBase, FEnum, FUniver } from "@univerjs/core/facade";
 import { IRenderManagerService } from "@univerjs/engine-render";
 import { BuiltInUIPart, ComponentManager, CopyCommand, IDialogService, IFontService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, IUIPartsService, KeyCode, MenuItemType, MenuManagerPosition, PasteCommand, RibbonPosition, RibbonStartGroup, UI_PLUGIN_CONFIG_KEY, connectInjector } from "@univerjs/ui";
 
-//#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) {
@@ -14,7 +14,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];
@@ -27,14 +27,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,
@@ -45,7 +45,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);
@@ -53,7 +53,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);
@@ -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

@@ -52,10 +52,6 @@
   right: .75rem;
 }
 
-.\!univer-bottom-0 {
-  bottom: 0 !important;
-}
-
 .\!univer-bottom-0\.5 {
   bottom: .125rem !important;
 }
@@ -565,10 +561,6 @@
   min-width: 3.5rem;
 }
 
-.univer-min-w-16 {
-  min-width: 4rem;
-}
-
 .univer-min-w-44 {
   min-width: 11rem;
 }
@@ -1267,6 +1259,11 @@
   padding-right: 1.5rem;
 }
 
+.univer-py-0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
 .univer-py-0\.5 {
   padding-top: .125rem;
   padding-bottom: .125rem;