@univerjs/sheets-ui 1.0.0-alpha.1 → 1.0.0-alpha.3

package/lib/es/locale/ar-SA.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "الحدود الداخلية",
 		borderHorizontal: "الحدود الأفقية",
 		borderVertical: "الحدود العمودية",
+		borderTlbr: "حد قطري لأسفل",
+		borderTlbcTlmr: "حد قطري مزدوج لأسفل",
+		borderTlbrTlbcTlmr: "حد قطري ثلاثي لأسفل",
+		borderBlTr: "حد قطري لأعلى",
+		borderMltrBctr: "حد قطري مزدوج لأعلى",
 		borderColor: "لون الحدود",
 		borderSize: "حجم الحدود",
 		borderType: "نوع الحدود"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "تم النسخ"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "عرض الورقة",
+		"sheet-edit": "تحرير الورقة",
 		sheet: {
 			"zoom-in": "تكبير",
 			"zoom-out": "تصغير",

package/lib/es/locale/ca-ES.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "voraInterior",
 		borderHorizontal: "voraHoritzontal",
 		borderVertical: "voraVertical",
+		borderTlbr: "Vora diagonal descendent",
+		borderTlbcTlmr: "Vora diagonal descendent doble",
+		borderTlbrTlbcTlmr: "Vora diagonal descendent triple",
+		borderBlTr: "Vora diagonal ascendent",
+		borderMltrBctr: "Vora diagonal ascendent doble",
 		borderColor: "colorVora",
 		borderSize: "gruixVora",
 		borderType: "tipusVora"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Copiat"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Vista del full",
+		"sheet-edit": "Edició del full",
 		sheet: {
 			"zoom-in": "Apropar",
 			"zoom-out": "Allunyar",

package/lib/es/locale/de-DE.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "Rahmen innen",
 		borderHorizontal: "Horizontale Rahmenlinie",
 		borderVertical: "Vertikale Rahmenlinie",
+		borderTlbr: "Diagonale Linie abwärts",
+		borderTlbcTlmr: "Doppelte diagonale Linie abwärts",
+		borderTlbrTlbcTlmr: "Dreifache diagonale Linie abwärts",
+		borderBlTr: "Diagonale Linie aufwärts",
+		borderMltrBctr: "Doppelte diagonale Linie aufwärts",
 		borderColor: "Rahmenfarbe",
 		borderSize: "Rahmenstärke",
 		borderType: "Rahmentyp"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Kopiert"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Tabellenblattansicht",
+		"sheet-edit": "Tabellenblattbearbeitung",
 		sheet: {
 			"zoom-in": "Vergrößern",
 			"zoom-out": "Verkleinern",

package/lib/es/locale/en-US.js

@@ -94,6 +94,11 @@ const locale = { "sheets-ui": {
 		borderInside: "borderInside",
 		borderHorizontal: "borderHorizontal",
 		borderVertical: "borderVertical",
+		borderTlbr: "Diagonal down border",
+		borderTlbcTlmr: "Double diagonal down border",
+		borderTlbrTlbcTlmr: "Triple diagonal down border",
+		borderBlTr: "Diagonal up border",
+		borderMltrBctr: "Double diagonal up border",
 		borderColor: "borderColor",
 		borderSize: "borderSize",
 		borderType: "borderType"

package/lib/es/locale/es-ES.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "bordeInterior",
 		borderHorizontal: "bordeHorizontal",
 		borderVertical: "bordeVertical",
+		borderTlbr: "Borde diagonal descendente",
+		borderTlbcTlmr: "Borde diagonal descendente doble",
+		borderTlbrTlbcTlmr: "Borde diagonal descendente triple",
+		borderBlTr: "Borde diagonal ascendente",
+		borderMltrBctr: "Borde diagonal ascendente doble",
 		borderColor: "colorBorde",
 		borderSize: "grosorBorde",
 		borderType: "tipoBorde"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Copiado"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Vista de hoja",
+		"sheet-edit": "Edición de hoja",
 		sheet: {
 			"zoom-in": "Acercar",
 			"zoom-out": "Alejar",
@@ -376,7 +381,7 @@ const locale = { "sheets-ui": {
 			iCanNotEdit: "No puedo editar",
 			iCanView: "Puedo ver",
 			iCanNotView: "No puedo ver",
-			emptyRangeError: "El rango не puede estar vacío",
+			emptyRangeError: "El rango no puede estar vacío",
 			rangeOverlapError: "El rango no puede superponerse",
 			rangeOverlapOverPermissionError: "El rango no puede superponerse con el rango que tiene el mismo permiso",
 			InsertHyperlink: "Insertar hipervínculo",

package/lib/es/locale/fa-IR.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "حاشیه داخلی",
 		borderHorizontal: "حاشیه افقی",
 		borderVertical: "حاشیه عمودی",
+		borderTlbr: "حاشیه قطری رو به پایین",
+		borderTlbcTlmr: "حاشیه قطری دوتایی رو به پایین",
+		borderTlbrTlbcTlmr: "حاشیه قطری سه‌تایی رو به پایین",
+		borderBlTr: "حاشیه قطری رو به بالا",
+		borderMltrBctr: "حاشیه قطری دوتایی رو به بالا",
 		borderColor: "رنگ حاشیه",
 		borderSize: "اندازه حاشیه",
 		borderType: "نوع حاشیه"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "کپی شد"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "نمایش برگه",
+		"sheet-edit": "ویرایش برگه",
 		sheet: {
 			"zoom-in": "بزرگنمایی",
 			"zoom-out": "کوچکنمایی",

package/lib/es/locale/fr-FR.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "bordureIntérieure",
 		borderHorizontal: "bordureHorizontale",
 		borderVertical: "bordureVerticale",
+		borderTlbr: "Bordure diagonale descendante",
+		borderTlbcTlmr: "Double bordure diagonale descendante",
+		borderTlbrTlbcTlmr: "Triple bordure diagonale descendante",
+		borderBlTr: "Bordure diagonale montante",
+		borderMltrBctr: "Double bordure diagonale montante",
 		borderColor: "couleurDeBordure",
 		borderSize: "tailleDeBordure",
 		borderType: "typeDeBordure"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Copié"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Affichage de la feuille",
+		"sheet-edit": "Modification de la feuille",
 		sheet: {
 			"zoom-in": "Zoom avant",
 			"zoom-out": "Zoom arrière",

package/lib/es/locale/id-ID.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "Batas dalam",
 		borderHorizontal: "Batas horizontal",
 		borderVertical: "Batas vertikal",
+		borderTlbr: "Batas diagonal turun",
+		borderTlbcTlmr: "Batas diagonal turun ganda",
+		borderTlbrTlbcTlmr: "Batas diagonal turun rangkap tiga",
+		borderBlTr: "Batas diagonal naik",
+		borderMltrBctr: "Batas diagonal naik ganda",
 		borderColor: "Warna batas",
 		borderSize: "Ukuran batas",
 		borderType: "Jenis batas"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Tersalin"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Tampilan lembar",
+		"sheet-edit": "Pengeditan lembar",
 		sheet: {
 			"zoom-in": "Perbesar",
 			"zoom-out": "Perkecil",

package/lib/es/locale/it-IT.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "bordoInterno",
 		borderHorizontal: "bordoOrizzontale",
 		borderVertical: "bordoVerticale",
+		borderTlbr: "Bordo diagonale discendente",
+		borderTlbcTlmr: "Bordo diagonale discendente doppio",
+		borderTlbrTlbcTlmr: "Bordo diagonale discendente triplo",
+		borderBlTr: "Bordo diagonale ascendente",
+		borderMltrBctr: "Bordo diagonale ascendente doppio",
 		borderColor: "coloreBordo",
 		borderSize: "spessoreBordo",
 		borderType: "tipoBordo"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Copiato"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Visualizzazione foglio",
+		"sheet-edit": "Modifica foglio",
 		sheet: {
 			"zoom-in": "Aumenta zoom",
 			"zoom-out": "Diminuisci zoom",

package/lib/es/locale/ja-JP.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "内側",
 		borderHorizontal: "横罫線",
 		borderVertical: "縦罫線",
+		borderTlbr: "右下がり罫線",
+		borderTlbcTlmr: "右下がり二重斜線",
+		borderTlbrTlbcTlmr: "右下がり三重斜線",
+		borderBlTr: "右上がり罫線",
+		borderMltrBctr: "右上がり二重斜線",
 		borderColor: "罫線の色",
 		borderSize: "罫線の太さ",
 		borderType: "罫線の種類"

package/lib/es/locale/ko-KR.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "내부",
 		borderHorizontal: "가로",
 		borderVertical: "세로",
+		borderTlbr: "오른쪽 아래 대각선 테두리",
+		borderTlbcTlmr: "오른쪽 아래 이중 대각선 테두리",
+		borderTlbrTlbcTlmr: "오른쪽 아래 삼중 대각선 테두리",
+		borderBlTr: "오른쪽 위 대각선 테두리",
+		borderMltrBctr: "오른쪽 위 이중 대각선 테두리",
 		borderColor: "테두리 색상",
 		borderSize: "테두리 크기",
 		borderType: "테두리 유형"

package/lib/es/locale/pl-PL.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "Wewnątrz",
 		borderHorizontal: "Poziome",
 		borderVertical: "Pionowe",
+		borderTlbr: "Ukośne obramowanie w dół",
+		borderTlbcTlmr: "Podwójne ukośne obramowanie w dół",
+		borderTlbrTlbcTlmr: "Potrójne ukośne obramowanie w dół",
+		borderBlTr: "Ukośne obramowanie w górę",
+		borderMltrBctr: "Podwójne ukośne obramowanie w górę",
 		borderColor: "Kolor obramowania",
 		borderSize: "Rozmiar obramowania",
 		borderType: "Typ obramowania"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Skopiowano"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Widok arkusza",
+		"sheet-edit": "Edycja arkusza",
 		sheet: {
 			"zoom-in": "Powiększ",
 			"zoom-out": "Pomniejsz",

package/lib/es/locale/pt-BR.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "borda interna",
 		borderHorizontal: "borda horizontal",
 		borderVertical: "borda vertical",
+		borderTlbr: "Borda diagonal descendente",
+		borderTlbcTlmr: "Borda diagonal descendente dupla",
+		borderTlbrTlbcTlmr: "Borda diagonal descendente tripla",
+		borderBlTr: "Borda diagonal ascendente",
+		borderMltrBctr: "Borda diagonal ascendente dupla",
 		borderColor: "cor da borda",
 		borderSize: "tamanho da borda",
 		borderType: "tipo de borda"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Copiado"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Visualização da planilha",
+		"sheet-edit": "Edição da planilha",
 		sheet: {
 			"zoom-in": "Aumentar zoom",
 			"zoom-out": "Diminuir zoom",

package/lib/es/locale/ru-RU.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "внутренняя граница",
 		borderHorizontal: "горизонтальная граница",
 		borderVertical: "вертикальная граница",
+		borderTlbr: "Диагональная граница вниз",
+		borderTlbcTlmr: "Двойная диагональная граница вниз",
+		borderTlbrTlbcTlmr: "Тройная диагональная граница вниз",
+		borderBlTr: "Диагональная граница вверх",
+		borderMltrBctr: "Двойная диагональная граница вверх",
 		borderColor: "цвет границы",
 		borderSize: "размер границы",
 		borderType: "тип границы"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Скопировано"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Просмотр листа",
+		"sheet-edit": "Редактирование листа",
 		sheet: {
 			"zoom-in": "Увеличить",
 			"zoom-out": "Уменьшить",

package/lib/es/locale/sk-SK.js

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "vnútornéOhraničenie",
 		borderHorizontal: "vodorovnéOhraničenie",
 		borderVertical: "zvisléOhraničenie",
+		borderTlbr: "Diagonálne orámovanie nadol",
+		borderTlbcTlmr: "Dvojité diagonálne orámovanie nadol",
+		borderTlbrTlbcTlmr: "Trojité diagonálne orámovanie nadol",
+		borderBlTr: "Diagonálne orámovanie nahor",
+		borderMltrBctr: "Dvojité diagonálne orámovanie nahor",
 		borderColor: "farbaOhraničenia",
 		borderSize: "hrúbkaOhraničenia",
 		borderType: "typOhraničenia"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Skopírované"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Zobrazenie hárka",
+		"sheet-edit": "Úprava hárka",
 		sheet: {
 			"zoom-in": "Priblížiť",
 			"zoom-out": "Oddialiť",

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

@@ -79,6 +79,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"
@@ -269,8 +274,8 @@ const locale = { "sheets-ui": {
 		copied: "Đã sao chép"
 	},
 	shortcut: {
-		"sheet-view": "Sheet View",
-		"sheet-edit": "Sheet Edit",
+		"sheet-view": "Xem trang tính",
+		"sheet-edit": "Chỉnh sửa trang tính",
 		sheet: {
 			"zoom-in": "Phóng to",
 			"zoom-out": "Thu nhỏ",

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

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "内侧",
 		borderHorizontal: "内侧横线",
 		borderVertical: "内侧竖线",
+		borderTlbr: "右下斜线",
+		borderTlbcTlmr: "右下双斜线",
+		borderTlbrTlbcTlmr: "右下三斜线",
+		borderBlTr: "右上斜线",
+		borderMltrBctr: "右上双斜线",
 		borderColor: "边框颜色",
 		borderSize: "边框粗细",
 		borderType: "边框线类型"

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

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "內側",
 		borderHorizontal: "內側水平框線",
 		borderVertical: "內側垂直框線",
+		borderTlbr: "右下斜線",
+		borderTlbcTlmr: "右下雙斜線",
+		borderTlbrTlbcTlmr: "右下三斜線",
+		borderBlTr: "右上斜線",
+		borderMltrBctr: "右上雙斜線",
 		borderColor: "邊框顏色",
 		borderSize: "邊框粗細",
 		borderType: "邊框線類型"

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

@@ -79,6 +79,11 @@ const locale = { "sheets-ui": {
 		borderInside: "內側",
 		borderHorizontal: "內側水平框線",
 		borderVertical: "內側垂直框線",
+		borderTlbr: "右下斜線",
+		borderTlbcTlmr: "右下雙斜線",
+		borderTlbrTlbcTlmr: "右下三斜線",
+		borderBlTr: "右上斜線",
+		borderMltrBctr: "右上雙斜線",
 		borderColor: "邊框顏色",
 		borderSize: "邊框粗細",
 		borderType: "邊框線類型"

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
 	*/
@@ -1275,13 +1285,14 @@ FRange.extend(FRangeSheetsUIMixin);
 * @returns {string} The transformed component key.
 */
 function transformComponentKey(component, componentManager) {
-	const { componentKey, isVue3 } = component;
+	const { componentKey, framework } = component;
 	let key;
 	const disposableCollection = new DisposableCollection();
 	if (typeof componentKey === "string") key = componentKey;
 	else {
-		key = `External_${generateRandomId(6)}`;
-		disposableCollection.add(componentManager.register(key, componentKey, { framework: isVue3 ? "vue3" : "react" }));
+		const resolvedFramework = framework !== null && framework !== void 0 ? framework : "react";
+		key = resolvedFramework === "web-component" ? `external-${generateRandomId(6).toLowerCase()}` : `External_${generateRandomId(6)}`;
+		disposableCollection.add(componentManager.register(key, componentKey, { framework: resolvedFramework }));
 	}
 	return {
 		key,

package/lib/index.css

@@ -69,6 +69,10 @@
   z-index: 10;
 }
 
+.univer-z-40 {
+  z-index: 40;
+}
+
 .univer-z-\[1001\] {
   z-index: 1001;
 }
@@ -350,10 +354,6 @@
   width: 300px;
 }
 
-.univer-w-\[50\%\] {
-  width: 50%;
-}
-
 .univer-w-fit {
   width: fit-content;
 }
@@ -418,6 +418,10 @@
   flex-grow: 0;
 }
 
+.univer-basis-0 {
+  flex-basis: 0;
+}
+
 .-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));
@@ -1116,6 +1120,40 @@
   background-color: var(--univer-gray-100);
 }
 
+.rtl\:univer-left-0:where([dir="rtl"], [dir="rtl"] *) {
+  left: 0;
+}
+
+.rtl\:univer-right-auto:where([dir="rtl"], [dir="rtl"] *) {
+  right: auto;
+}
+
+.rtl\:univer-flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) {
+  flex-direction: row-reverse;
+}
+
+.rtl\:univer-pl-5:where([dir="rtl"], [dir="rtl"] *) {
+  padding-left: 1.25rem;
+}
+
+.rtl\:univer-pr-1\.5:where([dir="rtl"], [dir="rtl"] *) {
+  padding-right: .375rem;
+}
+
+.rtl\:univer-text-right:where([dir="rtl"], [dir="rtl"] *) {
+  text-align: right;
+}
+
+.rtl\:after\:univer-left-0:where([dir="rtl"], [dir="rtl"] *):after {
+  content: var(--univer-tw-content);
+  left: 0;
+}
+
+.rtl\:after\:univer-right-auto:where([dir="rtl"], [dir="rtl"] *):after {
+  content: var(--univer-tw-content);
+  right: auto;
+}
+
 .dark\:\!univer-divide-gray-600:where(.univer-dark, .univer-dark *) > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--univer-gray-600) !important;
 }