@univerjs/ui 1.0.0-alpha.7 → 1.0.0-beta.0

package/lib/facade.js

@@ -1,9 +1,9 @@
-import { FBase, FEnum, FHooks, FUniver } from "@univerjs/core/facade";
+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, SheetPasteShortKeyCommandName, connectInjector } from "@univerjs/ui";
+import { BuiltInUIPart, ComponentManager, CopyCommand, IDialogService, IFontService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, IUIPartsService, KeyCode, MenuItemType, MenuManagerPosition, PasteCommand, RibbonPosition, RibbonStartGroup, connectInjector } from "@univerjs/ui";
 import { CommandType, ICommandService, IUniverInstanceService, Inject, Injector, UniverInstanceType, generateRandomId } from "@univerjs/core";
 
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.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);
@@ -337,7 +337,7 @@ let FShortcut = class FShortcut extends FBase {
 	triggerShortcut(e) {
 		const workbook = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return;
-		const renderUnit = this._renderManagerService.getRenderById(workbook.getUnitId());
+		const renderUnit = this._renderManagerService.getRenderUnitById(workbook.getUnitId());
 		if (!renderUnit) return;
 		renderUnit.engine.getCanvasElement().dispatchEvent(e);
 		return this._shortcutService.dispatch(e);
@@ -393,11 +393,8 @@ var FUniverUIMixin = class extends FUniver {
 	createSubmenu(submenuItem) {
 		return this._injector.createInstance(FSubmenu, submenuItem);
 	}
-	openSiderbar(params) {
-		return this._injector.get(ISidebarService).open(params);
-	}
 	openSidebar(params) {
-		return this.openSiderbar(params);
+		return this._injector.get(ISidebarService).open(params);
 	}
 	openDialog(dialog) {
 		const disposable = this._injector.get(IDialogService).open({
@@ -430,7 +427,7 @@ var FUniverUIMixin = class extends FUniver {
 		return this.disposeWithMe(componentManager.register(name, component, options));
 	}
 	setCurrent(unitId) {
-		if (!this._injector.get(IRenderManagerService).getRenderById(unitId)) throw new Error("Unit not found");
+		if (!this._injector.get(IRenderManagerService).getRenderUnitById(unitId)) throw new Error("Unit not found");
 		this._univerInstanceService.setCurrentUnitForType(unitId);
 	}
 	addFonts(fonts) {
@@ -442,35 +439,6 @@ var FUniverUIMixin = class extends FUniver {
 };
 FUniver.extend(FUniverUIMixin);
 
-//#endregion
-//#region src/facade/f-hooks.ts
-/**
-* @ignore
-*/
-var FHooksSheetsMixin = class extends FHooks {
-	onBeforeCopy(callback) {
-		return this._injector.get(ICommandService).beforeCommandExecuted((command) => {
-			if (command.id === CopyCommand.id) callback();
-		});
-	}
-	onCopy(callback) {
-		return this._injector.get(ICommandService).onCommandExecuted((command) => {
-			if (command.id === CopyCommand.id) callback();
-		});
-	}
-	onBeforePaste(callback) {
-		return this._injector.get(ICommandService).beforeCommandExecuted((command) => {
-			if (command.id === PasteCommand.id) callback();
-		});
-	}
-	onPaste(callback) {
-		return this._injector.get(ICommandService).onCommandExecuted((command) => {
-			if (command.id === PasteCommand.id || command.id === SheetPasteShortKeyCommandName) callback();
-		});
-	}
-};
-FHooks.extend(FHooksSheetsMixin);
-
 //#endregion
 //#region src/facade/f-enum.ts
 /**

package/lib/index.css

@@ -27,10 +27,7 @@
 }
 
 .univer-inset-0 {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset: 0;
 }
 
 .\!univer-top-auto {
@@ -97,6 +94,10 @@
   z-index: 20;
 }
 
+.univer-z-50 {
+  z-index: 50;
+}
+
 .univer-z-\[100\] {
   z-index: 100;
 }
@@ -131,6 +132,10 @@
   margin-bottom: 0;
 }
 
+.univer-ml-2 {
+  margin-left: .5rem;
+}
+
 .univer-ml-auto {
   margin-left: auto;
 }
@@ -272,10 +277,22 @@
   height: 2.5rem;
 }
 
+.univer-h-11 {
+  height: 2.75rem;
+}
+
+.univer-h-2 {
+  height: .5rem;
+}
+
 .univer-h-4 {
   height: 1rem;
 }
 
+.univer-h-5 {
+  height: 1.25rem;
+}
+
 .univer-h-6 {
   height: 1.5rem;
 }
@@ -356,10 +373,18 @@
   width: .25rem;
 }
 
+.univer-w-1\/3 {
+  width: 33.3333%;
+}
+
 .univer-w-10 {
   width: 2.5rem;
 }
 
+.univer-w-14 {
+  width: 3.5rem;
+}
+
 .univer-w-24 {
   width: 6rem;
 }
@@ -529,6 +554,16 @@
   transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
 }
 
+@keyframes univer-pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+.univer-animate-pulse {
+  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite univer-pulse;
+}
+
 .univer-cursor-col-resize {
   cursor: col-resize;
 }
@@ -554,7 +589,6 @@
 }
 
 .univer-appearance-none {
-  -webkit-appearance: none;
   appearance: none;
 }
 
@@ -847,6 +881,10 @@
   border-bottom-width: 3px;
 }
 
+.univer-border-t {
+  border-top-width: 1px;
+}
+
 .univer-border-solid {
   border-style: solid;
 }
@@ -1521,6 +1559,12 @@
   background-color: #0000;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .motion-reduce\:univer-animate-none {
+    animation: none;
+  }
+}
+
 @media (min-width: 640px) {
   .sm\:\!univer-flex {
     display: flex !important;
@@ -1747,7 +1791,6 @@
 }
 
 .\[\&\>\*\]\:univer-appearance-none > * {
-  -webkit-appearance: none;
   appearance: none;
 }
 
@@ -1989,7 +2032,6 @@
 }
 
 .\[\&_button\]\:\!univer-appearance-none button {
-  -webkit-appearance: none !important;
   appearance: none !important;
 }
 
@@ -2047,7 +2089,6 @@
 }
 
 .\[\&_input\]\:\!univer-appearance-none input {
-  -webkit-appearance: none !important;
   appearance: none !important;
 }