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

package/lib/cjs/facade.js

@@ -449,7 +449,7 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			if (!workbook) return;
 			combined$Disposable.dispose();
 			const scrollManagerService = sheetRenderUnit.with(_univerjs_sheets_ui.SheetScrollManagerService);
-			const selectionService = sheetRenderUnit.with(_univerjs_sheets.SheetsSelectionsService);
+			const selectionService = this._tryGetRenderDependency(sheetRenderUnit, _univerjs_sheets.SheetsSelectionsService);
 			combined$Disposable.add(this.registerEventHandler(this.Event.Scroll, () => scrollManagerService.validViewportScrollInfo$.subscribe((params) => {
 				if (!params) return;
 				const eventParams = {
@@ -459,46 +459,56 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.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
 	*/
@@ -1276,13 +1286,14 @@ _univerjs_sheets_facade.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 _univerjs_core.DisposableCollection();
 	if (typeof componentKey === "string") key = componentKey;
 	else {
-		key = `External_${(0, _univerjs_core.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-${(0, _univerjs_core.generateRandomId)(6).toLowerCase()}` : `External_${(0, _univerjs_core.generateRandomId)(6)}`;
+		disposableCollection.add(componentManager.register(key, componentKey, { framework: resolvedFramework }));
 	}
 	return {
 		key,