@univerjs/docs-quick-insert-ui 0.25.1 → 1.0.0-alpha.1

package/lib/cjs/index.js

@@ -9,10 +9,10 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _univerjs_design = require("@univerjs/design");
 let _univerjs_docs_drawing_ui = require("@univerjs/docs-drawing-ui");
-let _univerjs_icons = require("@univerjs/icons");
 let _univerjs_docs_drawing = require("@univerjs/docs-drawing");
 let _univerjs_drawing = require("@univerjs/drawing");
 let _univerjs_drawing_ui = require("@univerjs/drawing-ui");
+let _univerjs_icons = require("@univerjs/icons");
 
 //#region src/commands/commands/doc-quick-insert.command.ts
 const DeleteSearchKeyCommand = {
@@ -99,26 +99,33 @@ function getQuickInsertMenuLeafCount(menus) {
 	return flattenMenuItems(menus).length;
 }
 function QuickInsertMenu(props) {
-	const { menus, focusedMenuIndex, focusedMenuRef, menuNodeMapRef, componentManager, onFocusedMenuIndexChange, onSelect } = props;
+	const { menus, focusedMenuIndex, onFocusedMenuIndexChange, onFocusedMenuChange, onSelect } = props;
+	const iconManager = (0, _univerjs_ui.useDependency)(_univerjs_ui.IconManager);
 	const flatMenus = (0, react.useMemo)(() => flattenMenuItems(menus), [menus]);
+	const menuNodeMapRef = (0, react.useRef)(/* @__PURE__ */ new Map());
 	(0, react.useEffect)(() => {
 		var _flatMenus$focusedMen, _menuNodeMapRef$curre;
 		const focusedMenu = Number.isNaN(focusedMenuIndex) ? null : (_flatMenus$focusedMen = flatMenus[focusedMenuIndex]) !== null && _flatMenus$focusedMen !== void 0 ? _flatMenus$focusedMen : null;
-		focusedMenuRef.current = focusedMenu;
+		onFocusedMenuChange(focusedMenu);
 		if (!focusedMenu) return;
 		(_menuNodeMapRef$curre = menuNodeMapRef.current.get(focusedMenu.id)) === null || _menuNodeMapRef$curre === void 0 || _menuNodeMapRef$curre.scrollIntoView({ block: "nearest" });
 	}, [
 		flatMenus,
 		focusedMenuIndex,
-		focusedMenuRef,
-		menuNodeMapRef
+		onFocusedMenuChange
 	]);
+	(0, react.useEffect)(() => {
+		const menuNodeMap = menuNodeMapRef.current;
+		return () => {
+			menuNodeMap.clear();
+		};
+	}, []);
 	const itemIndexRef = (0, react.useRef)(0);
 	itemIndexRef.current = 0;
 	function renderMenus(currentMenus) {
 		return currentMenus.map((menu, index) => {
 			const iconKey = menu.icon;
-			const Icon = iconKey ? componentManager.get(iconKey) : null;
+			const Icon = iconKey ? iconManager.get(iconKey) : null;
 			if (isMenuGroup(menu)) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: (0, _univerjs_design.clsx)("univer-grid univer-gap-1 univer-py-1", index !== currentMenus.length - 1 && _univerjs_design.borderBottomClassName),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -179,21 +186,6 @@ function QuickInsertMenu(props) {
 
 //#endregion
 //#region src/views/QuickInsertPlaceholder.tsx
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
 const QuickInsertPlaceholderComponentKey = "docs.quick.insert.placeholder";
 const QuickInsertPlaceholder = () => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -265,6 +257,9 @@ const QuickInsertPopup = () => {
 		docQuickInsertPopupService.emitMenuSelected(menu);
 		commandService.executeCommand(CloseQuickInsertPopupOperation.id);
 	};
+	const handleFocusedMenuChange = (0, react.useCallback)((menu) => {
+		focusedMenuRef.current = menu;
+	}, []);
 	(0, react.useEffect)(() => {
 		/** Use up or down to navigate the focused menu instead of moving the cursor in documents. */
 		const disposableCollection = new _univerjs_core.DisposableCollection();
@@ -339,12 +334,6 @@ const QuickInsertPopup = () => {
 	(0, react.useEffect)(() => {
 		setFocusedMenuIndex(0);
 	}, [filteredMenus]);
-	const menuNodeMapRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-	(0, react.useEffect)(() => {
-		return () => {
-			menuNodeMapRef.current.clear();
-		};
-	}, []);
 	const hasMenus = filteredMenus.length > 0;
 	const Placeholder = (currentPopup === null || currentPopup === void 0 ? void 0 : currentPopup.popup.Placeholder) || componentManager.get(QuickInsertPlaceholder.componentKey);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -352,10 +341,8 @@ const QuickInsertPopup = () => {
 		children: hasMenus ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuickInsertMenu, {
 			menus: filteredMenus,
 			focusedMenuIndex,
-			focusedMenuRef,
-			menuNodeMapRef,
-			componentManager,
 			onFocusedMenuIndexChange: setFocusedMenuIndex,
+			onFocusedMenuChange: handleFocusedMenuChange,
 			onSelect: handleMenuSelect
 		}) : Placeholder && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Placeholder, {})
 	});
@@ -363,7 +350,7 @@ const QuickInsertPopup = () => {
 QuickInsertPopup.componentKey = "docs.quick.insert.popup";
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -374,7 +361,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -387,14 +374,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.137.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.133.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -405,7 +392,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -413,7 +400,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.137.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);
@@ -731,7 +718,7 @@ const builtInMenus = [{
 		imageMenu
 	]
 }];
-const builtInMenuCommandIds = new Set([
+const builtInMenuCommandIds = /* @__PURE__ */ new Set([
 	numberedListMenu.id,
 	bulletedListMenu.id,
 	dividerMenu.id,
@@ -763,7 +750,7 @@ let DocQuickInsertTriggerController = class DocQuickInsertTriggerController exte
 			const { _docQuickInsertPopupService, _textSelectionManagerService, _commandService } = this;
 			const documentDataModel = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 			if (documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getDisabled()) return;
-			if (commandInfo.id === _univerjs_docs_ui.InsertCommand.id) {
+			if (commandInfo.id === _univerjs_docs.InsertTextCommand.id) {
 				const params = commandInfo.params;
 				if (_docQuickInsertPopupService.editPopup) {
 					_docQuickInsertPopupService.setInputOffset({
@@ -805,7 +792,7 @@ let DocQuickInsertTriggerController = class DocQuickInsertTriggerController exte
 					});
 				}
 			}
-			if (commandInfo.id === _univerjs_docs_ui.DeleteCommand.id) {
+			if (commandInfo.id === _univerjs_docs.DeleteTextCommand.id) {
 				const params = commandInfo.params;
 				if (_docQuickInsertPopupService.editPopup && params.direction === _univerjs_core.DeleteDirection.LEFT) {
 					var _params$len;
@@ -842,6 +829,53 @@ DocQuickInsertTriggerController = __decorate([
 	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService))
 ], DocQuickInsertTriggerController);
 
+//#endregion
+//#region src/controllers/ui.controller.ts
+let DocQuickInsertUIController = class DocQuickInsertUIController extends _univerjs_core.Disposable {
+	constructor(_commandService, _docQuickInsertPopupService) {
+		super();
+		this._commandService = _commandService;
+		this._docQuickInsertPopupService = _docQuickInsertPopupService;
+		this._initCommands();
+		this._initComponents();
+		this._initMenus();
+	}
+	_initCommands() {
+		[
+			DeleteSearchKeyCommand,
+			ShowQuickInsertPopupOperation,
+			CloseQuickInsertPopupOperation
+		].forEach((operation) => {
+			this.disposeWithMe(this._commandService.registerCommand(operation));
+		});
+	}
+	_initComponents() {
+		[{
+			keyword: "/",
+			menus$: (0, rxjs.of)(builtInMenus),
+			preconditions: (params) => {
+				var _startNodePosition;
+				return ((_startNodePosition = params.range.startNodePosition) === null || _startNodePosition === void 0 ? void 0 : _startNodePosition.glyph) === 0;
+			}
+		}].forEach((popup) => {
+			this.disposeWithMe(this._docQuickInsertPopupService.registerPopup(popup));
+		});
+	}
+	_initMenus() {}
+};
+DocQuickInsertUIController = __decorate([__decorateParam(0, _univerjs_core.ICommandService), __decorateParam(1, (0, _univerjs_core.Inject)(DocQuickInsertPopupService))], DocQuickInsertUIController);
+
+//#endregion
+//#region package.json
+var name = "@univerjs/docs-quick-insert-ui";
+var version = "1.0.0-alpha.1";
+
+//#endregion
+//#region src/config/config.ts
+const DOCS_QUICK_INSERT_UI_PLUGIN_CONFIG_KEY = "docs-quick-insert-ui.config";
+const configSymbol = Symbol(DOCS_QUICK_INSERT_UI_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
 //#endregion
 //#region src/menu/doc-quick-insert-menu.controller.ts
 let DocQuickInsertMenuController = class DocQuickInsertMenuController extends _univerjs_core.Disposable {
@@ -948,66 +982,48 @@ const QuickInsertButton = ({ className = "" }) => {
 QuickInsertButton.componentKey = QuickInsertButtonComponentKey;
 
 //#endregion
-//#region src/controllers/doc-quick-insert-ui.controller.ts
-let DocQuickInsertUIController = class DocQuickInsertUIController extends _univerjs_core.Disposable {
-	constructor(_commandService, _docQuickInsertPopupService, _componentManager) {
+//#region src/controllers/components.controller.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let ComponentsController = class ComponentsController extends _univerjs_core.Disposable {
+	constructor(_componentManager, _iconManager) {
 		super();
-		this._commandService = _commandService;
-		this._docQuickInsertPopupService = _docQuickInsertPopupService;
 		this._componentManager = _componentManager;
-		this._initCommands();
-		this._initComponents();
-		this._initMenus();
+		this._iconManager = _iconManager;
+		this._registerIcons();
+		this._registerComponents();
 	}
-	_initCommands() {
-		[
-			DeleteSearchKeyCommand,
-			ShowQuickInsertPopupOperation,
-			CloseQuickInsertPopupOperation
-		].forEach((operation) => {
-			this.disposeWithMe(this._commandService.registerCommand(operation));
-		});
+	_registerIcons() {
+		this.disposeWithMe(this._iconManager.register({
+			DividerIcon: _univerjs_icons.DividerIcon,
+			TextIcon: _univerjs_icons.TextIcon
+		}));
 	}
-	_initComponents() {
+	_registerComponents() {
 		[
 			[QuickInsertPopup.componentKey, QuickInsertPopup],
 			[KeywordInputPlaceholder.componentKey, KeywordInputPlaceholder],
 			[QuickInsertPlaceholder.componentKey, QuickInsertPlaceholder],
-			[_univerjs_icons.DividerIcon.displayName, _univerjs_icons.DividerIcon],
-			[_univerjs_icons.TextIcon.displayName, _univerjs_icons.TextIcon],
 			[QuickInsertButton.componentKey, QuickInsertButton]
 		].forEach(([key, comp]) => {
 			if (key) this.disposeWithMe(this._componentManager.register(key, comp));
 		});
-		[{
-			keyword: "/",
-			menus$: (0, rxjs.of)(builtInMenus),
-			preconditions: (params) => {
-				var _startNodePosition;
-				return ((_startNodePosition = params.range.startNodePosition) === null || _startNodePosition === void 0 ? void 0 : _startNodePosition.glyph) === 0;
-			}
-		}].forEach((popup) => {
-			this.disposeWithMe(this._docQuickInsertPopupService.registerPopup(popup));
-		});
 	}
-	_initMenus() {}
 };
-DocQuickInsertUIController = __decorate([
-	__decorateParam(0, _univerjs_core.ICommandService),
-	__decorateParam(1, (0, _univerjs_core.Inject)(DocQuickInsertPopupService)),
-	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager))
-], DocQuickInsertUIController);
-
-//#endregion
-//#region package.json
-var name = "@univerjs/docs-quick-insert-ui";
-var version = "0.25.1";
-
-//#endregion
-//#region src/config/config.ts
-const DOCS_QUICK_INSERT_UI_PLUGIN_CONFIG_KEY = "docs-quick-insert-ui.config";
-const configSymbol = Symbol(DOCS_QUICK_INSERT_UI_PLUGIN_CONFIG_KEY);
-const defaultPluginConfig = {};
+ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager))], ComponentsController);
 
 //#endregion
 //#region src/plugin.ts
@@ -1023,6 +1039,8 @@ let UniverDocsQuickInsertUIPlugin = class UniverDocsQuickInsertUIPlugin extends
 		this._configService.setConfig(DOCS_QUICK_INSERT_UI_PLUGIN_CONFIG_KEY, rest);
 	}
 	onStarting() {
+		this._injector.add([ComponentsController]);
+		this._injector.get(ComponentsController);
 		[
 			[DocQuickInsertUIController],
 			[DocQuickInsertTriggerController],