@univerjs/sheets-ui 1.0.0-alpha.2 → 1.0.0-alpha.4

package/lib/es/locale/vi-VN.js

@@ -43,13 +43,14 @@ const locale = { "sheets-ui": {
 			main: "Ngắt dòng văn bản",
 			right: "Chọn kiểu ngắt"
 		},
+		shrinkToFit: "Thu nhỏ để vừa",
 		textRotateMode: {
 			main: "Xoay văn bản",
 			right: "Chọn kiểu xoay"
 		},
 		more: "Thêm",
 		toggleGridlines: "Chuyển đổi đường lưới",
-		textToNumber: "Chuyển văn bản thành số"
+		fullscreen: "Toàn màn hình"
 	},
 	align: {
 		left: "Căn trái",
@@ -79,6 +80,11 @@ const locale = { "sheets-ui": {
 		borderInside: "Bên trong",
 		borderHorizontal: "Đường ngang bên trong",
 		borderVertical: "Đường dọc bên trong",
+		borderTlbr: "Đường viền chéo xuống",
+		borderTlbcTlmr: "Đường viền chéo xuống kép",
+		borderTlbrTlbcTlmr: "Đường viền chéo xuống ba",
+		borderBlTr: "Đường viền chéo lên",
+		borderMltrBctr: "Đường viền chéo lên kép",
 		borderColor: "Màu viền",
 		borderSize: "Độ dày viền",
 		borderType: "Loại đường viền"
@@ -113,6 +119,7 @@ const locale = { "sheets-ui": {
 		rotationDown: "Xoay xuống"
 	},
 	sheetConfig: {
+		sheetTabs: "Thẻ trang tính",
 		delete: "Xóa",
 		copy: "Sao chép",
 		rename: "Đổi tên",
@@ -389,6 +396,7 @@ const locale = { "sheets-ui": {
 			EditExtraObject: "Chỉnh sửa đối tượng khác"
 		},
 		dialog: {
+			emptyList: "Danh sách người dùng trống",
 			allowUserToEdit: "Cho phép người dùng chỉnh sửa",
 			allowedPermissionType: "Loại quyền hạn cho phép",
 			setCellValue: "Thiết lập giá trị ô",

package/lib/es/locale/zh-CN.js

@@ -43,13 +43,14 @@ const locale = { "sheets-ui": {
 			main: "文本换行",
 			right: "换行方式"
 		},
+		shrinkToFit: "缩小字体填充",
 		textRotateMode: {
 			main: "文本旋转",
 			right: "旋转方式"
 		},
 		more: "更多",
 		toggleGridlines: "切换网格线",
-		textToNumber: "文本转数字"
+		fullscreen: "全屏"
 	},
 	align: {
 		left: "左对齐",
@@ -79,6 +80,11 @@ const locale = { "sheets-ui": {
 		borderInside: "内侧",
 		borderHorizontal: "内侧横线",
 		borderVertical: "内侧竖线",
+		borderTlbr: "右下斜线",
+		borderTlbcTlmr: "右下双斜线",
+		borderTlbrTlbcTlmr: "右下三斜线",
+		borderBlTr: "右上斜线",
+		borderMltrBctr: "右上双斜线",
 		borderColor: "边框颜色",
 		borderSize: "边框粗细",
 		borderType: "边框线类型"
@@ -113,6 +119,7 @@ const locale = { "sheets-ui": {
 		rotationDown: "向下90°"
 	},
 	sheetConfig: {
+		sheetTabs: "工作表标签页",
 		delete: "删除",
 		copy: "复制",
 		rename: "重命名",
@@ -389,6 +396,7 @@ const locale = { "sheets-ui": {
 			EditExtraObject: "编辑其他对象"
 		},
 		dialog: {
+			emptyList: "用户列表为空",
 			allowUserToEdit: "允许用户编辑",
 			allowedPermissionType: "允许权限类型",
 			setCellValue: "设置单元格值",

package/lib/es/locale/zh-HK.js

@@ -43,13 +43,14 @@ const locale = { "sheets-ui": {
 			main: "自動換行",
 			right: "換行方式"
 		},
+		shrinkToFit: "縮小字型填滿",
 		textRotateMode: {
 			main: "文字旋轉",
 			right: "旋轉方式"
 		},
 		more: "更多",
 		toggleGridlines: "切換網格線",
-		textToNumber: "文字轉數字"
+		fullscreen: "全螢幕"
 	},
 	align: {
 		left: "靠左對齊",
@@ -79,6 +80,11 @@ const locale = { "sheets-ui": {
 		borderInside: "內側",
 		borderHorizontal: "內側水平框線",
 		borderVertical: "內側垂直框線",
+		borderTlbr: "右下斜線",
+		borderTlbcTlmr: "右下雙斜線",
+		borderTlbrTlbcTlmr: "右下三斜線",
+		borderBlTr: "右上斜線",
+		borderMltrBctr: "右上雙斜線",
 		borderColor: "邊框顏色",
 		borderSize: "邊框粗細",
 		borderType: "邊框線類型"
@@ -113,6 +119,7 @@ const locale = { "sheets-ui": {
 		rotationDown: "向下90°"
 	},
 	sheetConfig: {
+		sheetTabs: "工作表分頁",
 		delete: "刪除",
 		copy: "複製",
 		rename: "重新命名",
@@ -389,6 +396,7 @@ const locale = { "sheets-ui": {
 			EditExtraObject: "編輯其他物件"
 		},
 		dialog: {
+			emptyList: "使用者清單為空",
 			allowUserToEdit: "允許使用者編輯",
 			allowedPermissionType: "允許權限類型",
 			setCellValue: "設定儲存格值",

package/lib/es/locale/zh-TW.js

@@ -43,13 +43,14 @@ const locale = { "sheets-ui": {
 			main: "自動換行",
 			right: "換行方式"
 		},
+		shrinkToFit: "縮小字型填滿",
 		textRotateMode: {
 			main: "文字旋轉",
 			right: "旋轉方式"
 		},
 		more: "更多",
 		toggleGridlines: "切換網格線",
-		textToNumber: "文字轉數字"
+		fullscreen: "全螢幕"
 	},
 	align: {
 		left: "靠左對齊",
@@ -79,6 +80,11 @@ const locale = { "sheets-ui": {
 		borderInside: "內側",
 		borderHorizontal: "內側水平框線",
 		borderVertical: "內側垂直框線",
+		borderTlbr: "右下斜線",
+		borderTlbcTlmr: "右下雙斜線",
+		borderTlbrTlbcTlmr: "右下三斜線",
+		borderBlTr: "右上斜線",
+		borderMltrBctr: "右上雙斜線",
 		borderColor: "邊框顏色",
 		borderSize: "邊框粗細",
 		borderType: "邊框線類型"
@@ -113,6 +119,7 @@ const locale = { "sheets-ui": {
 		rotationDown: "向下90°"
 	},
 	sheetConfig: {
+		sheetTabs: "工作表分頁",
 		delete: "刪除",
 		copy: "複製",
 		rename: "重新命名",
@@ -389,6 +396,7 @@ const locale = { "sheets-ui": {
 			EditExtraObject: "編輯其他物件"
 		},
 		dialog: {
+			emptyList: "使用者清單為空",
 			allowUserToEdit: "允許使用者編輯",
 			allowedPermissionType: "允許權限類型",
 			setCellValue: "設定儲存格值",

package/lib/facade.js

@@ -448,7 +448,7 @@ var FUniverSheetsUIMixin = class extends FUniver {
 			if (!workbook) return;
 			combined$Disposable.dispose();
 			const scrollManagerService = sheetRenderUnit.with(SheetScrollManagerService);
-			const selectionService = sheetRenderUnit.with(SheetsSelectionsService);
+			const selectionService = this._tryGetRenderDependency(sheetRenderUnit, SheetsSelectionsService);
 			combined$Disposable.add(this.registerEventHandler(this.Event.Scroll, () => scrollManagerService.validViewportScrollInfo$.subscribe((params) => {
 				if (!params) return;
 				const eventParams = {
@@ -458,46 +458,56 @@ var FUniverSheetsUIMixin = class extends FUniver {
 				};
 				this.fireEvent(this.Event.Scroll, eventParams);
 			})));
-			combined$Disposable.add(this.registerEventHandler(this.Event.SelectionMoveStart, () => selectionService.selectionMoveStart$.subscribe((selections) => {
-				var _selections$map;
-				const eventParams = {
-					workbook,
-					worksheet: workbook.getActiveSheet(),
-					selections: (_selections$map = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map !== void 0 ? _selections$map : []
-				};
-				this.fireEvent(this.Event.SelectionMoveStart, eventParams);
-			})));
-			combined$Disposable.add(this.registerEventHandler(this.Event.SelectionMoving, () => selectionService.selectionMoving$.subscribe((selections) => {
-				var _selections$map2;
-				const eventParams = {
-					workbook,
-					worksheet: workbook.getActiveSheet(),
-					selections: (_selections$map2 = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map2 !== void 0 ? _selections$map2 : []
-				};
-				this.fireEvent(this.Event.SelectionMoving, eventParams);
-			})));
-			combined$Disposable.add(this.registerEventHandler(this.Event.SelectionMoveEnd, () => selectionService.selectionMoveEnd$.subscribe((selections) => {
-				var _selections$map3;
-				const eventParams = {
-					workbook,
-					worksheet: workbook.getActiveSheet(),
-					selections: (_selections$map3 = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map3 !== void 0 ? _selections$map3 : []
-				};
-				this.fireEvent(this.Event.SelectionMoveEnd, eventParams);
-			})));
-			combined$Disposable.add(this.registerEventHandler(this.Event.SelectionChanged, () => selectionService.selectionChanged$.subscribe((selections) => {
-				var _selections$map4;
-				const eventParams = {
-					workbook,
-					worksheet: workbook.getActiveSheet(),
-					selections: (_selections$map4 = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map4 !== void 0 ? _selections$map4 : []
-				};
-				this.fireEvent(this.Event.SelectionChanged, eventParams);
-			})));
+			if (selectionService) {
+				combined$Disposable.add(this.registerEventHandler(this.Event.SelectionMoveStart, () => selectionService.selectionMoveStart$.subscribe((selections) => {
+					var _selections$map;
+					const eventParams = {
+						workbook,
+						worksheet: workbook.getActiveSheet(),
+						selections: (_selections$map = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map !== void 0 ? _selections$map : []
+					};
+					this.fireEvent(this.Event.SelectionMoveStart, eventParams);
+				})));
+				combined$Disposable.add(this.registerEventHandler(this.Event.SelectionMoving, () => selectionService.selectionMoving$.subscribe((selections) => {
+					var _selections$map2;
+					const eventParams = {
+						workbook,
+						worksheet: workbook.getActiveSheet(),
+						selections: (_selections$map2 = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map2 !== void 0 ? _selections$map2 : []
+					};
+					this.fireEvent(this.Event.SelectionMoving, eventParams);
+				})));
+				combined$Disposable.add(this.registerEventHandler(this.Event.SelectionMoveEnd, () => selectionService.selectionMoveEnd$.subscribe((selections) => {
+					var _selections$map3;
+					const eventParams = {
+						workbook,
+						worksheet: workbook.getActiveSheet(),
+						selections: (_selections$map3 = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map3 !== void 0 ? _selections$map3 : []
+					};
+					this.fireEvent(this.Event.SelectionMoveEnd, eventParams);
+				})));
+				combined$Disposable.add(this.registerEventHandler(this.Event.SelectionChanged, () => selectionService.selectionChanged$.subscribe((selections) => {
+					var _selections$map4;
+					const eventParams = {
+						workbook,
+						worksheet: workbook.getActiveSheet(),
+						selections: (_selections$map4 = selections === null || selections === void 0 ? void 0 : selections.map((s) => s.range)) !== null && _selections$map4 !== void 0 ? _selections$map4 : []
+					};
+					this.fireEvent(this.Event.SelectionChanged, eventParams);
+				})));
+			}
 			sheetRenderUnit = null;
 			this.disposeWithMe(combined$Disposable);
 		}));
 	}
+	_tryGetRenderDependency(render, dependency) {
+		try {
+			return render.with(dependency);
+		} catch (error) {
+			if (error instanceof Error && (error.message.includes("DependencyNotFoundError") || error.message.includes("Cannot find"))) return null;
+			throw error;
+		}
+	}
 	/**
 	* @ignore
 	*/

package/lib/index.css

@@ -33,6 +33,10 @@
   top: -.125rem;
 }
 
+.univer-bottom-0 {
+  bottom: 0;
+}
+
 .univer-left-0 {
   left: 0;
 }
@@ -41,6 +45,10 @@
   left: .25rem;
 }
 
+.univer-left-1\/2 {
+  left: 50%;
+}
+
 .univer-left-3 {
   left: .75rem;
 }
@@ -69,6 +77,10 @@
   z-index: 10;
 }
 
+.univer-z-40 {
+  z-index: 40;
+}
+
 .univer-z-\[1001\] {
   z-index: 1001;
 }
@@ -418,6 +430,12 @@
   flex-basis: 0;
 }
 
+.-univer-translate-x-1\/2 {
+  --univer-tw-translate-x: -50%;
+  transform: translate(-50%, 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));
+  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));
+}
+
 .-univer-translate-y-1\/2 {
   --univer-tw-translate-y: -50%;
   transform: translate(var(--univer-tw-translate-x), -50%) 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));
@@ -430,6 +448,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;
+}
+
 @keyframes univer-spin {
   to {
     transform: rotate(360deg);
@@ -630,6 +658,10 @@
   border-bottom-width: 1px;
 }
 
+.univer-border-r {
+  border-right-width: 1px;
+}
+
 .univer-border-solid {
   border-style: solid;
 }
@@ -674,6 +706,10 @@
   background-color: var(--univer-gray-900) !important;
 }
 
+.\!univer-bg-transparent {
+  background-color: #0000 !important;
+}
+
 .univer-bg-blue-500 {
   background-color: var(--univer-blue-500);
 }
@@ -690,6 +726,10 @@
   background-color: var(--univer-gray-200);
 }
 
+.univer-bg-gray-50 {
+  background-color: var(--univer-gray-50);
+}
+
 .univer-bg-transparent {
   background-color: #0000;
 }
@@ -947,6 +987,11 @@
   color: rgba(225, 29, 72, var(--univer-tw-text-opacity, 1));
 }
 
+.univer-text-violet-500 {
+  --univer-tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--univer-tw-text-opacity, 1));
+}
+
 .univer-text-white {
   color: var(--univer-white);
 }
@@ -1186,6 +1231,10 @@
   background-color: var(--univer-gray-900) !important;
 }
 
+.dark\:\!univer-bg-transparent:where(.univer-dark, .univer-dark *) {
+  background-color: #0000 !important;
+}
+
 .dark\:\!univer-from-gray-800:where(.univer-dark, .univer-dark *) {
   --univer-tw-gradient-from: var(--univer-gray-800) var(--univer-tw-gradient-from-position) !important;
   --univer-tw-gradient-to: #fff0 var(--univer-tw-gradient-to-position) !important;