@univerjs/ui 0.2.13 → 0.2.15

package/lib/es/index.js

@@ -82,15 +82,15 @@ function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
   var attrs = __assign({}, node.attrs);
   extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
   var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a20) {
-    var key = _a20[0], value = _a20[1];
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a19) {
+    var key = _a19[0], value = _a19[1];
     typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
   })), attrs;
 }
 __name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
 function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a20, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a20 = node.children) === null || _a20 === void 0) && _a20.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+  var _a19, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a19 = node.children) === null || _a19 === void 0) && _a19.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
     return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
   }) }) : node;
 }
@@ -1476,8 +1476,8 @@ function useEvent$1(func) {
   const funcRef = useRef(func);
   return funcRef.current = func, useCallback(
     (...params) => {
-      var _a20;
-      return (_a20 = funcRef.current) == null ? void 0 : _a20.call(funcRef, ...params);
+      var _a19;
+      return (_a19 = funcRef.current) == null ? void 0 : _a19.call(funcRef, ...params);
     },
     []
   );
@@ -1505,11 +1505,11 @@ function useScrollYOverContainer(element2, container) {
   }, [element2, container]);
 }
 __name(useScrollYOverContainer, "useScrollYOverContainer");
-var __defProp$j = Object.defineProperty, __getOwnPropDesc$j = Object.getOwnPropertyDescriptor, __decorateClass$j = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$i = Object.defineProperty, __getOwnPropDesc$i = Object.getOwnPropertyDescriptor, __decorateClass$i = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$j(target, key, result), result;
-}, "__decorateClass$j"), __decorateParam$j = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$j");
+  return kind && result && __defProp$i(target, key, result), result;
+}, "__decorateClass$i"), __decorateParam$i = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$i");
 const _Editor = class _Editor {
   constructor(_param) {
     __publicField(this, "_focus", !1);
@@ -1586,8 +1586,8 @@ const _Editor = class _Editor {
     return this._param.isFormulaEditor === !0;
   }
   getValue() {
-    var _a20;
-    return (((_a20 = this._param.documentDataModel.getBody()) == null ? void 0 : _a20.dataStream) || "").replace(/\r\n/g, "").replace(/\n/g, "").replace(/\n/g, "");
+    var _a19;
+    return (((_a19 = this._param.documentDataModel.getBody()) == null ? void 0 : _a19.dataStream) || "").replace(/\r\n/g, "").replace(/\n/g, "").replace(/\n/g, "");
   }
   getBody() {
     return this._param.documentDataModel.getBody();
@@ -1599,8 +1599,8 @@ const _Editor = class _Editor {
     };
   }
   verticalAlign() {
-    var _a20, _b2;
-    const documentDataModel = (_a20 = this._param) == null ? void 0 : _a20.documentDataModel;
+    var _a19, _b2;
+    const documentDataModel = (_a19 = this._param) == null ? void 0 : _a19.documentDataModel;
     if (documentDataModel == null)
       return;
     const { width, height } = this._param.editorDom.getBoundingClientRect();
@@ -1618,12 +1618,12 @@ const _Editor = class _Editor {
     }), documentDataModel.updateDocumentDataPageSize(void 0, void 0);
   }
   updateCanvasStyle() {
-    var _a20;
+    var _a19;
     const documentDataModel = this._param.documentDataModel;
     if (documentDataModel == null)
       return;
     const documentStyle = {};
-    (_a20 = this._param.canvasStyle) != null && _a20.fontSize && (documentStyle.textStyle == null && (documentStyle.textStyle = {}), documentStyle.textStyle.fs = this._param.canvasStyle.fontSize), documentDataModel.updateDocumentStyle(documentStyle);
+    (_a19 = this._param.canvasStyle) != null && _a19.fontSize && (documentStyle.textStyle == null && (documentStyle.textStyle = {}), documentStyle.textStyle.fs = this._param.canvasStyle.fontSize), documentDataModel.updateDocumentStyle(documentStyle);
   }
 };
 __name(_Editor, "Editor");
@@ -1710,7 +1710,7 @@ let EditorService = (_b = class extends Disposable {
       editor.setFocus(!1);
     }), this._focusStyle$.next(), this._blur$.next(null);
   }
-  focus(editorUnitId = ((_a20) => (_a20 = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : _a20.getUnitId())()) {
+  focus(editorUnitId = ((_a19) => (_a19 = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : _a19.getUnitId())()) {
     if (editorUnitId == null)
       return;
     const editor = this.getEditor(editorUnitId);
@@ -1767,8 +1767,8 @@ let EditorService = (_b = class extends Disposable {
     editor != null && (editor.verticalAlign(), this._resize$.next(unitId));
   }
   isVisible(id) {
-    var _a20;
-    return (_a20 = this.getEditor(id)) == null ? void 0 : _a20.isVisible();
+    var _a19;
+    return (_a19 = this.getEditor(id)) == null ? void 0 : _a19.isVisible();
   }
   setOperationSheetUnitId(unitId) {
     this._currentSheetUnitId = unitId;
@@ -1783,8 +1783,8 @@ let EditorService = (_b = class extends Disposable {
     return this._currentSheetSubUnitId;
   }
   register(config, container) {
-    var _a20, _b2, _c, _d, _e;
-    const { initialSnapshot, editorUnitId, canvasStyle = {} } = config, documentDataModel = (_a20 = this._univerInstanceService.getUnit(editorUnitId, UniverInstanceType.UNIVER_DOC)) != null ? _a20 : this._univerInstanceService.createUnit(
+    var _a19, _b2, _c, _d, _e;
+    const { initialSnapshot, editorUnitId, canvasStyle = {} } = config, documentDataModel = (_a19 = this._univerInstanceService.getUnit(editorUnitId, UniverInstanceType.UNIVER_DOC)) != null ? _a19 : this._univerInstanceService.createUnit(
       UniverInstanceType.UNIVER_DOC,
       initialSnapshot || this._getBlank(editorUnitId),
       { makeCurrent: !1 }
@@ -1861,11 +1861,11 @@ let EditorService = (_b = class extends Disposable {
     };
   }
 }, __name(_b, "EditorService"), _b);
-EditorService = __decorateClass$j([
-  __decorateParam$j(0, IUniverInstanceService),
-  __decorateParam$j(1, IRenderManagerService),
-  __decorateParam$j(2, Inject(LexerTreeBuilder)),
-  __decorateParam$j(3, IContextService)
+EditorService = __decorateClass$i([
+  __decorateParam$i(0, IUniverInstanceService),
+  __decorateParam$i(1, IRenderManagerService),
+  __decorateParam$i(2, Inject(LexerTreeBuilder)),
+  __decorateParam$i(3, IContextService)
 ], EditorService);
 const IEditorService = createIdentifier("univer.editor.service");
 function textTrim(x) {
@@ -2109,11 +2109,11 @@ const useVirtualList = /* @__PURE__ */ __name((list, options) => {
     }
   ];
 }, "useVirtualList");
-var __defProp$i = Object.defineProperty, __getOwnPropDesc$i = Object.getOwnPropertyDescriptor, __decorateClass$i = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$h = Object.defineProperty, __getOwnPropDesc$h = Object.getOwnPropertyDescriptor, __decorateClass$h = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$i(target, key, result), result;
-}, "__decorateClass$i"), __decorateParam$i = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$i");
+  return kind && result && __defProp$h(target, key, result), result;
+}, "__decorateClass$h"), __decorateParam$h = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$h");
 const FOCUSING_UNIVER = "FOCUSING_UNIVER", givingBackFocusElements = [
   "univer-app-layout",
   "univer-toolbar-btn",
@@ -2209,22 +2209,22 @@ let DesktopLayoutService = (_a = class extends Disposable {
     focusEditor && focusEditor.isSheetEditor() !== !0 && this._editorService.blur();
   }
 }, __name(_a, "DesktopLayoutService"), _a);
-DesktopLayoutService = __decorateClass$i([
+DesktopLayoutService = __decorateClass$h([
   OnLifecycle(LifecycleStages.Ready, ILayoutService),
-  __decorateParam$i(0, IContextService),
-  __decorateParam$i(1, IUniverInstanceService),
-  __decorateParam$i(2, IEditorService)
+  __decorateParam$h(0, IContextService),
+  __decorateParam$h(1, IUniverInstanceService),
+  __decorateParam$h(2, IEditorService)
 ], DesktopLayoutService);
 function getFocusingUniverEditorStatus() {
-  var _a20;
-  return !!((_a20 = document.activeElement) != null && _a20.classList.contains("univer-editor"));
+  var _a19;
+  return !!((_a19 = document.activeElement) != null && _a19.classList.contains("univer-editor"));
 }
 __name(getFocusingUniverEditorStatus, "getFocusingUniverEditorStatus");
-var MenuManagerPosition = /* @__PURE__ */ ((MenuManagerPosition2) => (MenuManagerPosition2.RIBBON = "ribbon", MenuManagerPosition2.CONTEXT_MENU = "contextMenu", MenuManagerPosition2))(MenuManagerPosition || {}), RibbonPosition = /* @__PURE__ */ ((RibbonPosition2) => (RibbonPosition2.START = "ribbon.start", RibbonPosition2.INSERT = "ribbon.insert", RibbonPosition2.FORMULAS = "ribbon.formulas", RibbonPosition2.DATA = "ribbon.data", RibbonPosition2.VIEW = "ribbon.view", RibbonPosition2.OTHERS = "ribbon.others", RibbonPosition2))(RibbonPosition || {}), RibbonStartGroup = /* @__PURE__ */ ((RibbonStartGroup2) => (RibbonStartGroup2.HISTORY = "ribbon.start.history", RibbonStartGroup2.FORMAT = "ribbon.start.format", RibbonStartGroup2.LAYOUT = "ribbon.start.layout", RibbonStartGroup2.FORMULAS_INSERT = "ribbon.start.insert", RibbonStartGroup2.FORMULAS_VIEW = "ribbon.start.view", RibbonStartGroup2.FILE = "ribbon.start.file", RibbonStartGroup2.OTHERS = "ribbon.start.others", RibbonStartGroup2))(RibbonStartGroup || {}), RibbonInsertGroup = /* @__PURE__ */ ((RibbonInsertGroup2) => (RibbonInsertGroup2.OTHERS = "ribbon.insert.others", RibbonInsertGroup2))(RibbonInsertGroup || {}), RibbonFormulasGroup = /* @__PURE__ */ ((RibbonFormulasGroup2) => (RibbonFormulasGroup2.OTHERS = "ribbon.formulas.others", RibbonFormulasGroup2))(RibbonFormulasGroup || {}), RibbonDataGroup = /* @__PURE__ */ ((RibbonDataGroup2) => (RibbonDataGroup2.OTHERS = "ribbon.data.others", RibbonDataGroup2))(RibbonDataGroup || {}), RibbonViewGroup = /* @__PURE__ */ ((RibbonViewGroup2) => (RibbonViewGroup2.OTHERS = "ribbon.view.others", RibbonViewGroup2))(RibbonViewGroup || {}), RibbonOthersGroup = /* @__PURE__ */ ((RibbonOthersGroup2) => (RibbonOthersGroup2.OTHERS = "ribbon.others.others", RibbonOthersGroup2))(RibbonOthersGroup || {}), ContextMenuPosition = /* @__PURE__ */ ((ContextMenuPosition2) => (ContextMenuPosition2.MAIN_AREA = "contextMenu.mainArea", ContextMenuPosition2.COL_HEADER = "contextMenu.colHeader", ContextMenuPosition2.ROW_HEADER = "contextMenu.rowHeader", ContextMenuPosition2.FOOTER_TABS = "contextMenu.footerTabs", ContextMenuPosition2.FOOTER_MENU = "contextMenu.footerMenu", ContextMenuPosition2))(ContextMenuPosition || {}), ContextMenuGroup = /* @__PURE__ */ ((ContextMenuGroup2) => (ContextMenuGroup2.FORMAT = "contextMenu.format", ContextMenuGroup2.LAYOUT = "contextMenu.layout", ContextMenuGroup2.DATA = "contextMenu.data", ContextMenuGroup2.OTHERS = "contextMenu.others", ContextMenuGroup2))(ContextMenuGroup || {}), MenuPosition = ((MenuPosition2) => (MenuPosition2.VOID = "void", MenuPosition2[MenuPosition2.TOOLBAR_START = RibbonPosition.START] = "TOOLBAR_START", MenuPosition2[MenuPosition2.TOOLBAR_INSERT = RibbonPosition.INSERT] = "TOOLBAR_INSERT", MenuPosition2[MenuPosition2.TOOLBAR_FORMULAS = RibbonPosition.FORMULAS] = "TOOLBAR_FORMULAS", MenuPosition2[MenuPosition2.TOOLBAR_DATA = RibbonPosition.DATA] = "TOOLBAR_DATA", MenuPosition2[MenuPosition2.TOOLBAR_VIEW = RibbonPosition.VIEW] = "TOOLBAR_VIEW", MenuPosition2[MenuPosition2.TOOLBAR_OTHERS = RibbonPosition.OTHERS] = "TOOLBAR_OTHERS", MenuPosition2[MenuPosition2.CONTEXT_MENU = ContextMenuPosition.MAIN_AREA] = "CONTEXT_MENU", MenuPosition2.FOOTER = "footer", MenuPosition2))(MenuPosition || {}), MenuGroup = /* @__PURE__ */ ((MenuGroup2) => (MenuGroup2[MenuGroup2.TOOLBAR_HISTORY = 0] = "TOOLBAR_HISTORY", MenuGroup2[MenuGroup2.TOOLBAR_FORMAT = 1] = "TOOLBAR_FORMAT", MenuGroup2[MenuGroup2.TOOLBAR_LAYOUT = 2] = "TOOLBAR_LAYOUT", MenuGroup2[MenuGroup2.TOOLBAR_FORMULAS_INSERT = 3] = "TOOLBAR_FORMULAS_INSERT", MenuGroup2[MenuGroup2.TOOLBAR_FORMULAS_VIEW = 4] = "TOOLBAR_FORMULAS_VIEW", MenuGroup2[MenuGroup2.TOOLBAR_FILE = 5] = "TOOLBAR_FILE", MenuGroup2[MenuGroup2.TOOLBAR_OTHERS = 6] = "TOOLBAR_OTHERS", MenuGroup2[MenuGroup2.CONTEXT_MENU_FORMAT = 7] = "CONTEXT_MENU_FORMAT", MenuGroup2[MenuGroup2.CONTEXT_MENU_LAYOUT = 8] = "CONTEXT_MENU_LAYOUT", MenuGroup2[MenuGroup2.CONTEXT_MENU_DATA = 9] = "CONTEXT_MENU_DATA", MenuGroup2[MenuGroup2.CONTEXT_MENU_OTHERS = 10] = "CONTEXT_MENU_OTHERS", MenuGroup2))(MenuGroup || {}), MenuItemType = /* @__PURE__ */ ((MenuItemType2) => (MenuItemType2[MenuItemType2.BUTTON = 0] = "BUTTON", MenuItemType2[MenuItemType2.SELECTOR = 1] = "SELECTOR", MenuItemType2[MenuItemType2.BUTTON_SELECTOR = 2] = "BUTTON_SELECTOR", MenuItemType2[MenuItemType2.SUBITEMS = 3] = "SUBITEMS", MenuItemType2))(MenuItemType || {}), __defProp$h = Object.defineProperty, __getOwnPropDesc$h = Object.getOwnPropertyDescriptor, __decorateClass$h = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var MenuManagerPosition = /* @__PURE__ */ ((MenuManagerPosition2) => (MenuManagerPosition2.RIBBON = "ribbon", MenuManagerPosition2.CONTEXT_MENU = "contextMenu", MenuManagerPosition2))(MenuManagerPosition || {}), RibbonPosition = /* @__PURE__ */ ((RibbonPosition2) => (RibbonPosition2.START = "ribbon.start", RibbonPosition2.INSERT = "ribbon.insert", RibbonPosition2.FORMULAS = "ribbon.formulas", RibbonPosition2.DATA = "ribbon.data", RibbonPosition2.VIEW = "ribbon.view", RibbonPosition2.OTHERS = "ribbon.others", RibbonPosition2))(RibbonPosition || {}), RibbonStartGroup = /* @__PURE__ */ ((RibbonStartGroup2) => (RibbonStartGroup2.HISTORY = "ribbon.start.history", RibbonStartGroup2.FORMAT = "ribbon.start.format", RibbonStartGroup2.LAYOUT = "ribbon.start.layout", RibbonStartGroup2.FORMULAS_INSERT = "ribbon.start.insert", RibbonStartGroup2.FORMULAS_VIEW = "ribbon.start.view", RibbonStartGroup2.FILE = "ribbon.start.file", RibbonStartGroup2.OTHERS = "ribbon.start.others", RibbonStartGroup2))(RibbonStartGroup || {}), RibbonInsertGroup = /* @__PURE__ */ ((RibbonInsertGroup2) => (RibbonInsertGroup2.OTHERS = "ribbon.insert.others", RibbonInsertGroup2))(RibbonInsertGroup || {}), RibbonFormulasGroup = /* @__PURE__ */ ((RibbonFormulasGroup2) => (RibbonFormulasGroup2.OTHERS = "ribbon.formulas.others", RibbonFormulasGroup2))(RibbonFormulasGroup || {}), RibbonDataGroup = /* @__PURE__ */ ((RibbonDataGroup2) => (RibbonDataGroup2.OTHERS = "ribbon.data.others", RibbonDataGroup2))(RibbonDataGroup || {}), RibbonViewGroup = /* @__PURE__ */ ((RibbonViewGroup2) => (RibbonViewGroup2.OTHERS = "ribbon.view.others", RibbonViewGroup2))(RibbonViewGroup || {}), RibbonOthersGroup = /* @__PURE__ */ ((RibbonOthersGroup2) => (RibbonOthersGroup2.OTHERS = "ribbon.others.others", RibbonOthersGroup2))(RibbonOthersGroup || {}), ContextMenuPosition = /* @__PURE__ */ ((ContextMenuPosition2) => (ContextMenuPosition2.MAIN_AREA = "contextMenu.mainArea", ContextMenuPosition2.COL_HEADER = "contextMenu.colHeader", ContextMenuPosition2.ROW_HEADER = "contextMenu.rowHeader", ContextMenuPosition2.FOOTER_TABS = "contextMenu.footerTabs", ContextMenuPosition2.FOOTER_MENU = "contextMenu.footerMenu", ContextMenuPosition2))(ContextMenuPosition || {}), ContextMenuGroup = /* @__PURE__ */ ((ContextMenuGroup2) => (ContextMenuGroup2.FORMAT = "contextMenu.format", ContextMenuGroup2.LAYOUT = "contextMenu.layout", ContextMenuGroup2.DATA = "contextMenu.data", ContextMenuGroup2.OTHERS = "contextMenu.others", ContextMenuGroup2))(ContextMenuGroup || {}), MenuPosition = ((MenuPosition2) => (MenuPosition2.VOID = "void", MenuPosition2[MenuPosition2.TOOLBAR_START = RibbonPosition.START] = "TOOLBAR_START", MenuPosition2[MenuPosition2.TOOLBAR_INSERT = RibbonPosition.INSERT] = "TOOLBAR_INSERT", MenuPosition2[MenuPosition2.TOOLBAR_FORMULAS = RibbonPosition.FORMULAS] = "TOOLBAR_FORMULAS", MenuPosition2[MenuPosition2.TOOLBAR_DATA = RibbonPosition.DATA] = "TOOLBAR_DATA", MenuPosition2[MenuPosition2.TOOLBAR_VIEW = RibbonPosition.VIEW] = "TOOLBAR_VIEW", MenuPosition2[MenuPosition2.TOOLBAR_OTHERS = RibbonPosition.OTHERS] = "TOOLBAR_OTHERS", MenuPosition2[MenuPosition2.CONTEXT_MENU = ContextMenuPosition.MAIN_AREA] = "CONTEXT_MENU", MenuPosition2.FOOTER = "footer", MenuPosition2))(MenuPosition || {}), MenuGroup = /* @__PURE__ */ ((MenuGroup2) => (MenuGroup2[MenuGroup2.TOOLBAR_HISTORY = 0] = "TOOLBAR_HISTORY", MenuGroup2[MenuGroup2.TOOLBAR_FORMAT = 1] = "TOOLBAR_FORMAT", MenuGroup2[MenuGroup2.TOOLBAR_LAYOUT = 2] = "TOOLBAR_LAYOUT", MenuGroup2[MenuGroup2.TOOLBAR_FORMULAS_INSERT = 3] = "TOOLBAR_FORMULAS_INSERT", MenuGroup2[MenuGroup2.TOOLBAR_FORMULAS_VIEW = 4] = "TOOLBAR_FORMULAS_VIEW", MenuGroup2[MenuGroup2.TOOLBAR_FILE = 5] = "TOOLBAR_FILE", MenuGroup2[MenuGroup2.TOOLBAR_OTHERS = 6] = "TOOLBAR_OTHERS", MenuGroup2[MenuGroup2.CONTEXT_MENU_FORMAT = 7] = "CONTEXT_MENU_FORMAT", MenuGroup2[MenuGroup2.CONTEXT_MENU_LAYOUT = 8] = "CONTEXT_MENU_LAYOUT", MenuGroup2[MenuGroup2.CONTEXT_MENU_DATA = 9] = "CONTEXT_MENU_DATA", MenuGroup2[MenuGroup2.CONTEXT_MENU_OTHERS = 10] = "CONTEXT_MENU_OTHERS", MenuGroup2))(MenuGroup || {}), MenuItemType = /* @__PURE__ */ ((MenuItemType2) => (MenuItemType2[MenuItemType2.BUTTON = 0] = "BUTTON", MenuItemType2[MenuItemType2.SELECTOR = 1] = "SELECTOR", MenuItemType2[MenuItemType2.BUTTON_SELECTOR = 2] = "BUTTON_SELECTOR", MenuItemType2[MenuItemType2.SUBITEMS = 3] = "SUBITEMS", MenuItemType2))(MenuItemType || {}), __defProp$g = Object.defineProperty, __getOwnPropDesc$g = Object.getOwnPropertyDescriptor, __decorateClass$g = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$h(target, key, result), result;
-}, "__decorateClass$h"), __decorateParam$h = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$h");
+  return kind && result && __defProp$g(target, key, result), result;
+}, "__decorateClass$g"), __decorateParam$g = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$g");
 const IMenuManagerService = createIdentifier("univer.menu-manager-service");
 var _a2;
 let MenuManagerService = (_a2 = class extends Disposable {
@@ -2424,9 +2424,9 @@ let MenuManagerService = (_a2 = class extends Disposable {
     return findKey(this._menu);
   }
 }, __name(_a2, "MenuManagerService"), _a2);
-MenuManagerService = __decorateClass$h([
-  __decorateParam$h(0, Inject(Injector)),
-  __decorateParam$h(1, IConfigService)
+MenuManagerService = __decorateClass$g([
+  __decorateParam$g(0, Inject(Injector)),
+  __decorateParam$g(1, IConfigService)
 ], MenuManagerService);
 const menuItemNoHover = "univer-menu-item-no-hover", menuItemActive = "univer-menu-item-active", menuItemActivated = "univer-menu-item-activated", menuItemContent = "univer-menu-item-content", menuItemSelectable = "univer-menu-item-selectable", menuItemSelectableIcon = "univer-menu-item-selectable-icon", menuItemMoreIcon = "univer-menu-item-more-icon", styles$d = {
   menuItemNoHover,
@@ -2443,7 +2443,7 @@ function MenuWrapper(props) {
     return null;
   const menuItems = menuManagerService.getMenuByPositionKey(menuType);
   return menuItems && menuItems.map((item) => {
-    var _a20;
+    var _a19;
     return item.item ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       MenuItem,
       {
@@ -2453,7 +2453,7 @@ function MenuWrapper(props) {
         }, "onClick")
       },
       item.key
-    ) : (_a20 = item.children) != null && _a20.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItemGroup, { eventKey: item.key, children: item.children.map((child) => child.item && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ) : (_a19 = item.children) != null && _a19.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItemGroup, { eventKey: item.key, children: item.children.map((child) => child.item && /* @__PURE__ */ jsxRuntimeExports.jsx(
       MenuItem,
       {
         menuItem: child.item,
@@ -2467,11 +2467,11 @@ function MenuWrapper(props) {
 }
 __name(MenuWrapper, "MenuWrapper");
 function MenuOptionsWrapper(props) {
-  var _a20;
+  var _a19;
   const { options, value, onOptionSelect, parentKey } = props;
-  return (_a20 = options == null ? void 0 : options.map((option, index) => {
-    var _a21, _b2, _c;
-    const key = `${parentKey}-${(_a21 = option.label) != null ? _a21 : option.id}-${index}`, onChange = /* @__PURE__ */ __name((v2) => {
+  return (_a19 = options == null ? void 0 : options.map((option, index) => {
+    var _a20, _b2, _c;
+    const key = `${parentKey}-${(_a20 = option.label) != null ? _a20 : option.id}-${index}`, onChange = /* @__PURE__ */ __name((v2) => {
       onOptionSelect == null || onOptionSelect({ value: v2, label: option == null ? void 0 : option.label, commandId: option == null ? void 0 : option.commandId });
     }, "onChange"), handleClick = /* @__PURE__ */ __name(() => {
       typeof option.value > "u" || onOptionSelect == null || onOptionSelect({
@@ -2501,7 +2501,7 @@ function MenuOptionsWrapper(props) {
         ]
       }
     ) }, key);
-  })) != null ? _a20 : null;
+  })) != null ? _a19 : null;
 }
 __name(MenuOptionsWrapper, "MenuOptionsWrapper");
 const Menu = /* @__PURE__ */ __name((props) => {
@@ -2543,8 +2543,8 @@ function MenuItem({ menuItem, onClick }) {
       item2.id
     );
   }, "renderButtonType"), renderSelectorType = /* @__PURE__ */ __name(() => {
-    var _a20;
-    const selections = (_a20 = selectionsFromObservable != null ? selectionsFromObservable : item.selections) != null ? _a20 : [];
+    var _a19;
+    const selections = (_a19 = selectionsFromObservable != null ? selectionsFromObservable : item.selections) != null ? _a19 : [];
     return selections.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       SubMenu,
       {
@@ -2845,8 +2845,8 @@ function RangeSelector(props) {
   }
   __name(handleAddRange, "handleAddRange");
   function getSheetIdByName(name) {
-    var _a20, _b2;
-    return ((_b2 = (_a20 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a20.getSheetBySheetName(name)) == null ? void 0 : _b2.getSheetId()) || "";
+    var _a19, _b2;
+    return ((_b2 = (_a19 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a19.getSheetBySheetName(name)) == null ? void 0 : _b2.getSheetId()) || "";
   }
   __name(getSheetIdByName, "getSheetIdByName");
   function handleTextValueChange(value2) {
@@ -2907,12 +2907,12 @@ function RangeSelector(props) {
   ] });
 }
 __name(RangeSelector, "RangeSelector");
-const UNI_DISABLE_CHANGING_FOCUS_KEY = "UNI_DISABLE_CHANGING_FOCUS", IMessageService = createIdentifier("ui.message.service");
-var __defProp$g = Object.defineProperty, __getOwnPropDesc$g = Object.getOwnPropertyDescriptor, __decorateClass$g = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+const UNI_DISABLE_CHANGING_FOCUS_KEY = "UNI_DISABLE_CHANGING_FOCUS", PLUGIN_CONFIG_KEY = "ui.config", defaultPluginConfig = {}, IMessageService = createIdentifier("ui.message.service");
+var __defProp$f = Object.defineProperty, __getOwnPropDesc$f = Object.getOwnPropertyDescriptor, __decorateClass$f = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$g(target, key, result), result;
-}, "__decorateClass$g"), __decorateParam$g = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$g"), _a3;
+  return kind && result && __defProp$f(target, key, result), result;
+}, "__decorateClass$f"), __decorateParam$f = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$f"), _a3;
 let ErrorController = (_a3 = class extends Disposable {
   constructor(_errorService, _messageService) {
     super(), this._errorService = _errorService, this._messageService = _messageService, this.disposeWithMe(
@@ -2927,10 +2927,10 @@ let ErrorController = (_a3 = class extends Disposable {
     );
   }
 }, __name(_a3, "ErrorController"), _a3);
-ErrorController = __decorateClass$g([
+ErrorController = __decorateClass$f([
   OnLifecycle(LifecycleStages.Starting, ErrorController),
-  __decorateParam$g(0, Inject(ErrorService)),
-  __decorateParam$g(1, IMessageService)
+  __decorateParam$f(0, Inject(ErrorService)),
+  __decorateParam$f(1, IMessageService)
 ], ErrorController);
 function ShortcutPanelMenuItemFactory(accessor) {
   return {
@@ -3094,11 +3094,11 @@ const IPlatformService = createIdentifier("ui.platform.service"), _PlatformServi
 };
 __name(_PlatformService, "PlatformService");
 let PlatformService = _PlatformService;
-var __defProp$f = Object.defineProperty, __getOwnPropDesc$f = Object.getOwnPropertyDescriptor, __decorateClass$f = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$e = Object.defineProperty, __getOwnPropDesc$e = Object.getOwnPropertyDescriptor, __decorateClass$e = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$f(target, key, result), result;
-}, "__decorateClass$f"), __decorateParam$f = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$f");
+  return kind && result && __defProp$e(target, key, result), result;
+}, "__decorateClass$e"), __decorateParam$e = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$e");
 const IShortcutService = createIdentifier("ui.shortcut.service");
 var _a4;
 let ShortcutService = (_a4 = class extends Disposable {
@@ -3125,8 +3125,8 @@ let ShortcutService = (_a4 = class extends Disposable {
     bindingSet ? bindingSet.add(shortcut) : this._shortCutMapping.set(binding, /* @__PURE__ */ new Set([shortcut]));
     const commandID = shortcut.id, commandIDSet = this._commandIDMapping.get(commandID);
     return commandIDSet ? commandIDSet.add(shortcut) : this._commandIDMapping.set(commandID, /* @__PURE__ */ new Set([shortcut])), this._emitShortcutChanged(), toDisposable(() => {
-      var _a20, _b2, _c, _d;
-      (_a20 = this._shortCutMapping.get(binding)) == null || _a20.delete(shortcut), ((_b2 = this._shortCutMapping.get(binding)) == null ? void 0 : _b2.size) === 0 && this._shortCutMapping.delete(binding), (_c = this._commandIDMapping.get(commandID)) == null || _c.delete(shortcut), ((_d = this._commandIDMapping.get(commandID)) == null ? void 0 : _d.size) === 0 && this._commandIDMapping.delete(commandID), this._emitShortcutChanged();
+      var _a19, _b2, _c, _d;
+      (_a19 = this._shortCutMapping.get(binding)) == null || _a19.delete(shortcut), ((_b2 = this._shortCutMapping.get(binding)) == null ? void 0 : _b2.size) === 0 && this._shortCutMapping.delete(binding), (_c = this._commandIDMapping.get(commandID)) == null || _c.delete(shortcut), ((_d = this._commandIDMapping.get(commandID)) == null ? void 0 : _d.size) === 0 && this._commandIDMapping.delete(commandID), this._emitShortcutChanged();
     });
   }
   getShortcutDisplayOfCommand(id) {
@@ -3137,8 +3137,8 @@ let ShortcutService = (_a4 = class extends Disposable {
     return shortcut ? this.getShortcutDisplay(shortcut) : null;
   }
   getShortcutDisplay(shortcut) {
-    var _a20;
-    const binding = this._getBindingFromItem(shortcut), ctrlKey = binding & MetaKeys.CTRL_COMMAND, shiftKey = binding & MetaKeys.SHIFT, altKey = binding & MetaKeys.ALT, macCtrl = binding & MetaKeys.MAC_CTRL, body = (_a20 = KeyCodeToChar[binding & 255]) != null ? _a20 : "<->";
+    var _a19;
+    const binding = this._getBindingFromItem(shortcut), ctrlKey = binding & MetaKeys.CTRL_COMMAND, shiftKey = binding & MetaKeys.SHIFT, altKey = binding & MetaKeys.ALT, macCtrl = binding & MetaKeys.MAC_CTRL, body = (_a19 = KeyCodeToChar[binding & 255]) != null ? _a19 : "<->";
     return this._platformService.isMac ? `${ctrlKey ? "⌘" : ""}${shiftKey ? "⇧" : ""}${altKey ? "⌥" : ""}${macCtrl ? "⌃" : ""}${body}` : `${ctrlKey ? "Ctrl+" : ""}${shiftKey ? "Shift+" : ""}${altKey ? "Alt+" : ""}${body}`;
   }
   _emitShortcutChanged() {
@@ -3160,11 +3160,11 @@ let ShortcutService = (_a4 = class extends Disposable {
     if (shortcuts === void 0)
       return !1;
     const shouldTrigger = Array.from(shortcuts).sort((s1, s2) => {
-      var _a20, _b2;
-      return ((_a20 = s2.priority) != null ? _a20 : 0) - ((_b2 = s1.priority) != null ? _b2 : 0);
+      var _a19, _b2;
+      return ((_a19 = s2.priority) != null ? _a19 : 0) - ((_b2 = s1.priority) != null ? _b2 : 0);
     }).find((s) => {
-      var _a20, _b2;
-      return (_b2 = (_a20 = s.preconditions) == null ? void 0 : _a20.call(s, this._contextService)) != null ? _b2 : !0;
+      var _a19, _b2;
+      return (_b2 = (_a19 = s.preconditions) == null ? void 0 : _a19.call(s, this._contextService)) != null ? _b2 : !0;
     });
     return shouldTrigger ? (this._commandService.executeCommand(shouldTrigger.id, shouldTrigger.staticParameters), !0) : !1;
   }
@@ -3177,17 +3177,17 @@ let ShortcutService = (_a4 = class extends Disposable {
     return shiftKey && (binding |= MetaKeys.SHIFT), altKey && (binding |= MetaKeys.ALT), (this._platformService.isMac ? metaKey : e2.ctrlKey) && (binding |= MetaKeys.CTRL_COMMAND), this._platformService.isMac && e2.ctrlKey && (binding |= MetaKeys.MAC_CTRL), binding;
   }
 }, __name(_a4, "ShortcutService"), _a4);
-ShortcutService = __decorateClass$f([
-  __decorateParam$f(0, ICommandService),
-  __decorateParam$f(1, IPlatformService),
-  __decorateParam$f(2, IContextService),
-  __decorateParam$f(3, Optional(ILayoutService))
+ShortcutService = __decorateClass$e([
+  __decorateParam$e(0, ICommandService),
+  __decorateParam$e(1, IPlatformService),
+  __decorateParam$e(2, IContextService),
+  __decorateParam$e(3, Optional(ILayoutService))
 ], ShortcutService);
-var __defProp$e = Object.defineProperty, __getOwnPropDesc$e = Object.getOwnPropertyDescriptor, __decorateClass$e = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$d = Object.defineProperty, __getOwnPropDesc$d = Object.getOwnPropertyDescriptor, __decorateClass$d = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$e(target, key, result), result;
-}, "__decorateClass$e"), __decorateParam$e = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$e");
+  return kind && result && __defProp$d(target, key, result), result;
+}, "__decorateClass$d"), __decorateParam$d = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$d");
 function whenEditorFocused(contextService) {
   return contextService.getContextValue(FOCUSING_UNIVER_EDITOR);
 }
@@ -3241,10 +3241,10 @@ let SharedController = (_a5 = class extends Disposable {
     shortcutItems.push(CutShortcutItem, CopyShortcutItem, OnlyDisplayPasteShortcutItem), shortcutItems.forEach((shortcut) => this.disposeWithMe(this._shortcutService.registerShortcut(shortcut)));
   }
 }, __name(_a5, "SharedController"), _a5);
-SharedController = __decorateClass$e([
+SharedController = __decorateClass$d([
   OnLifecycle(LifecycleStages.Ready, SharedController),
-  __decorateParam$e(0, IShortcutService),
-  __decorateParam$e(1, ICommandService)
+  __decorateParam$d(0, IShortcutService),
+  __decorateParam$d(1, ICommandService)
 ], SharedController);
 const shortcutPanelGroupTitle = "univer-shortcut-panel-group-title", shortcutPanelItem = "univer-shortcut-panel-item", shortcutPanelItemTitle = "univer-shortcut-panel-item-title", shortcutPanelItemShortcut = "univer-shortcut-panel-item-shortcut", styles$a = {
   shortcutPanelGroupTitle,
@@ -3254,11 +3254,11 @@ const shortcutPanelGroupTitle = "univer-shortcut-panel-group-title", shortcutPan
 };
 function ShortcutPanel() {
   const shortcutService = useDependency(IShortcutService), localeService = useDependency(LocaleService), currentLocale = useObservable$1(localeService.currentLocale$), [shortcutItems, setShortcutItems] = React__default.useState([]), updateShortcuts = useCallback(() => {
-    var _a20;
+    var _a19;
     const shortcutGroups = /* @__PURE__ */ new Map(), shortcuts = shortcutService.getAllShortcuts().filter((item) => !!item.group);
     for (const shortcut of shortcuts) {
       const group = shortcut.group, shortcutItem = {
-        title: localeService.t((_a20 = shortcut.description) != null ? _a20 : shortcut.id),
+        title: localeService.t((_a19 = shortcut.description) != null ? _a19 : shortcut.id),
         shortcut: shortcutService.getShortcutDisplay(shortcut)
       };
       if (!/\d+_[a-zA-Z0-9]/.test(group))
@@ -3288,11 +3288,11 @@ function ShortcutPanel() {
   ] }, group.name)) });
 }
 __name(ShortcutPanel, "ShortcutPanel");
-var __defProp$d = Object.defineProperty, __getOwnPropDesc$d = Object.getOwnPropertyDescriptor, __decorateClass$d = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$c = Object.defineProperty, __getOwnPropDesc$c = Object.getOwnPropertyDescriptor, __decorateClass$c = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$d(target, key, result), result;
-}, "__decorateClass$d"), __decorateParam$d = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$d");
+  return kind && result && __defProp$c(target, key, result), result;
+}, "__decorateClass$c"), __decorateParam$c = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$c");
 const ToggleShortcutPanelShortcut = {
   id: ToggleShortcutPanelOperation.id,
   binding: MetaKeys.CTRL_COMMAND | KeyCode$1.BACK_SLASH,
@@ -3305,13 +3305,13 @@ let ShortcutPanelController = (_a6 = class extends Disposable {
     super(), this._menuManagerService = _menuManagerService, this.disposeWithMe(componentManager.register(ShortcutPanelComponentName, ShortcutPanel)), this.disposeWithMe(commandService.registerCommand(ToggleShortcutPanelOperation)), this.disposeWithMe(shortcutService.registerShortcut(ToggleShortcutPanelShortcut));
   }
 }, __name(_a6, "ShortcutPanelController"), _a6);
-ShortcutPanelController = __decorateClass$d([
+ShortcutPanelController = __decorateClass$c([
   OnLifecycle(LifecycleStages.Steady, ShortcutPanelController),
-  __decorateParam$d(0, Inject(Injector)),
-  __decorateParam$d(1, Inject(ComponentManager)),
-  __decorateParam$d(2, IShortcutService),
-  __decorateParam$d(3, IMenuManagerService),
-  __decorateParam$d(4, ICommandService)
+  __decorateParam$c(0, Inject(Injector)),
+  __decorateParam$c(1, Inject(ComponentManager)),
+  __decorateParam$c(2, IShortcutService),
+  __decorateParam$c(3, IMenuManagerService),
+  __decorateParam$c(4, ICommandService)
 ], ShortcutPanelController);
 const IUIController = createIdentifier("univer.ui.ui-controller");
 runOnLifecycle(LifecycleStages.Ready, IUIController);
@@ -3875,7 +3875,92 @@ const IUIPartsService = createIdentifier("ui.parts.service"), _UIPartsService =
 };
 __name(_UIPartsService, "UIPartsService");
 let UIPartsService = _UIPartsService;
-const ICanvasPopupService = createIdentifier("ui.popup.service"), _CanvasPopupService = class _CanvasPopupService extends Disposable {
+const _CanvasFloatDomService = class _CanvasFloatDomService {
+  constructor() {
+    __publicField(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    __publicField(this, "_domLayers$", new BehaviorSubject([]));
+    __publicField(this, "domLayers$", this._domLayers$.asObservable());
+  }
+  get domLayers() {
+    return Array.from(this._domLayerMap.entries());
+  }
+  _notice() {
+    this._domLayers$.next(Array.from(this._domLayerMap.entries()));
+  }
+  addFloatDom(item) {
+    this._domLayerMap.set(item.id, item), this._notice();
+  }
+  removeFloatDom(id) {
+    this._domLayerMap.delete(id) && this._notice();
+  }
+  removeAll() {
+    this._domLayerMap.clear(), this._notice();
+  }
+};
+__name(_CanvasFloatDomService, "CanvasFloatDomService");
+let CanvasFloatDomService = _CanvasFloatDomService;
+const floatDomWrapper = "univer-float-dom-wrapper", floatDom = "univer-float-dom", styles$9 = {
+  floatDomWrapper,
+  floatDom
+}, FloatDomSingle = memo((props) => {
+  const { layer, id } = props, componentManager = useDependency(ComponentManager), position = useObservable(layer.position$), Component = typeof layer.componentKey == "string" ? componentManager.get(layer.componentKey) : layer.componentKey, layerProps = {
+    data: layer.data,
+    ...layer.props
+  };
+  return position ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: styles$9.floatDomWrapper,
+      style: {
+        position: "absolute",
+        top: position.startY,
+        left: position.startX,
+        width: Math.max(position.endX - position.startX - 2, 0),
+        height: Math.max(position.endY - position.startY - 2, 0),
+        transform: `rotate(${position.rotate}deg)`,
+        overflow: "hidden"
+      },
+      onPointerMove: /* @__PURE__ */ __name((e2) => {
+        layer.onPointerMove(e2.nativeEvent);
+      }, "onPointerMove"),
+      onPointerDown: /* @__PURE__ */ __name((e2) => {
+        layer.onPointerDown(e2.nativeEvent);
+      }, "onPointerDown"),
+      onPointerUp: /* @__PURE__ */ __name((e2) => {
+        layer.onPointerUp(e2.nativeEvent);
+      }, "onPointerUp"),
+      onWheel: /* @__PURE__ */ __name((e2) => {
+        layer.onWheel(e2.nativeEvent);
+      }, "onWheel"),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          id,
+          className: styles$9.floatDom,
+          style: {
+            width: position.width,
+            height: position.height,
+            position: "absolute",
+            ...position.absolute.left ? { left: 0 } : { right: 0 },
+            ...position.absolute.top ? { top: 0 } : { bottom: 0 }
+          },
+          children: Component ? /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...layerProps }) : null
+        }
+      )
+    }
+  ) : null;
+}), FloatDom = /* @__PURE__ */ __name(({ unitId }) => {
+  var _a19, _b2;
+  const instanceService = useDependency(IUniverInstanceService), domLayerService = useDependency(CanvasFloatDomService), layers = useObservable(domLayerService.domLayers$), currentUnitId = unitId || ((_a19 = instanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a19.getUnitId());
+  return (_b2 = layers == null ? void 0 : layers.filter((layer) => layer[1].unitId === currentUnitId)) == null ? void 0 : _b2.map((layer) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FloatDomSingle,
+    {
+      id: layer[0],
+      layer: layer[1]
+    },
+    layer[0]
+  ));
+}, "FloatDom"), ICanvasPopupService = createIdentifier("ui.popup.service"), _CanvasPopupService = class _CanvasPopupService extends Disposable {
   constructor() {
     super(...arguments);
     __publicField(this, "_popupMap", /* @__PURE__ */ new Map());
@@ -3918,8 +4003,8 @@ __name(_CanvasPopupService, "CanvasPopupService");
 let CanvasPopupService = _CanvasPopupService;
 const SingleCanvasPopup = /* @__PURE__ */ __name(({ popup, children }) => {
   const [hidden, setHidden] = useState(!1), anchorRect$ = useMemo(() => popup.anchorRect$.pipe(throttleTime(0, animationFrameScheduler)), [popup.anchorRect$]), excludeRects$ = useMemo(() => {
-    var _a20;
-    return (_a20 = popup.excludeRects$) == null ? void 0 : _a20.pipe(throttleTime(0, animationFrameScheduler));
+    var _a19;
+    return (_a19 = popup.excludeRects$) == null ? void 0 : _a19.pipe(throttleTime(0, animationFrameScheduler));
   }, [popup.excludeRects$]), anchorRect = useObservable(anchorRect$, popup.anchorRect), excludeRects = useObservable(excludeRects$, popup.excludeRects), { offset, canvasElement, hideOnInvisible = !0, hiddenType = "destroy" } = popup, rectWithOffset = useMemo(() => {
     if (!anchorRect)
       return null;
@@ -3967,103 +4052,17 @@ function CanvasPopup() {
   });
 }
 __name(CanvasPopup, "CanvasPopup");
-const _CanvasFloatDomService = class _CanvasFloatDomService {
-  constructor() {
-    __publicField(this, "_domLayerMap", /* @__PURE__ */ new Map());
-    __publicField(this, "_domLayers$", new BehaviorSubject([]));
-    __publicField(this, "domLayers$", this._domLayers$.asObservable());
-  }
-  get domLayers() {
-    return Array.from(this._domLayerMap.entries());
-  }
-  _notice() {
-    this._domLayers$.next(Array.from(this._domLayerMap.entries()));
-  }
-  addFloatDom(item) {
-    this._domLayerMap.set(item.id, item), this._notice();
-  }
-  removeFloatDom(id) {
-    this._domLayerMap.delete(id) && this._notice();
-  }
-  removeAll() {
-    this._domLayerMap.clear(), this._notice();
-  }
-};
-__name(_CanvasFloatDomService, "CanvasFloatDomService");
-let CanvasFloatDomService = _CanvasFloatDomService;
-const floatDomWrapper = "univer-float-dom-wrapper", floatDom = "univer-float-dom", styles$9 = {
-  floatDomWrapper,
-  floatDom
-}, FloatDomSingle = memo((props) => {
-  const { layer, id } = props, componentManager = useDependency(ComponentManager), position = useObservable(layer.position$), Component = typeof layer.componentKey == "string" ? componentManager.get(layer.componentKey) : layer.componentKey, layerProps = {
-    data: layer.data,
-    ...layer.props
-  };
-  return position ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      className: styles$9.floatDomWrapper,
-      style: {
-        position: "absolute",
-        top: position.startY,
-        left: position.startX,
-        width: Math.max(position.endX - position.startX - 2, 0),
-        height: Math.max(position.endY - position.startY - 2, 0),
-        transform: `rotate(${position.rotate}deg)`,
-        overflow: "hidden"
-      },
-      onPointerMove: /* @__PURE__ */ __name((e2) => {
-        layer.onPointerMove(e2.nativeEvent);
-      }, "onPointerMove"),
-      onPointerDown: /* @__PURE__ */ __name((e2) => {
-        layer.onPointerDown(e2.nativeEvent);
-      }, "onPointerDown"),
-      onPointerUp: /* @__PURE__ */ __name((e2) => {
-        layer.onPointerUp(e2.nativeEvent);
-      }, "onPointerUp"),
-      onWheel: /* @__PURE__ */ __name((e2) => {
-        layer.onWheel(e2.nativeEvent);
-      }, "onWheel"),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          id,
-          className: styles$9.floatDom,
-          style: {
-            width: position.width,
-            height: position.height,
-            position: "absolute",
-            ...position.absolute.left ? { left: 0 } : { right: 0 },
-            ...position.absolute.top ? { top: 0 } : { bottom: 0 }
-          },
-          children: Component ? /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...layerProps }) : null
-        }
-      )
-    }
-  ) : null;
-}), FloatDom = /* @__PURE__ */ __name(({ unitId }) => {
-  var _a20, _b2;
-  const instanceService = useDependency(IUniverInstanceService), domLayerService = useDependency(CanvasFloatDomService), layers = useObservable(domLayerService.domLayers$), currentUnitId = unitId || ((_a20 = instanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a20.getUnitId());
-  return (_b2 = layers == null ? void 0 : layers.filter((layer) => layer[1].unitId === currentUnitId)) == null ? void 0 : _b2.map((layer) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    FloatDomSingle,
-    {
-      id: layer[0],
-      layer: layer[1]
-    },
-    layer[0]
-  ));
-}, "FloatDom");
 function ComponentContainer(props) {
   const { components, fallback, sharedProps } = props;
   return !components || components.size === 0 ? fallback != null ? fallback : null : Array.from(components.values()).map((component, index) => {
-    var _a20;
-    return React__default.createElement(component, { key: `${(_a20 = component.displayName) != null ? _a20 : index}`, ...sharedProps });
+    var _a19;
+    return React__default.createElement(component, { key: `${(_a19 = component.displayName) != null ? _a19 : index}`, ...sharedProps });
   });
 }
 __name(ComponentContainer, "ComponentContainer");
 function useComponentsOfPart(part, injector) {
-  var _a20;
-  const uiPartsService = (_a20 = injector == null ? void 0 : injector.get(IUIPartsService)) != null ? _a20 : useDependency(IUIPartsService), updateCounterRef = useRef(0), componentPartUpdateCount = useObservable(
+  var _a19;
+  const uiPartsService = (_a19 = injector == null ? void 0 : injector.get(IUIPartsService)) != null ? _a19 : useDependency(IUIPartsService), updateCounterRef = useRef(0), componentPartUpdateCount = useObservable(
     () => uiPartsService.componentRegistered$.pipe(
       filter((key) => key === part),
       debounceTime(200),
@@ -4085,8 +4084,8 @@ const IContextMenuService = createIdentifier("ui.contextmenu.service"), _Context
     __publicField(this, "disabled", !1);
   }
   get visible() {
-    var _a20, _b2;
-    return (_b2 = (_a20 = this._currentHandler) == null ? void 0 : _a20.visible) != null ? _b2 : !1;
+    var _a19, _b2;
+    return (_b2 = (_a19 = this._currentHandler) == null ? void 0 : _a19.visible) != null ? _b2 : !1;
   }
   disable() {
     this.disabled = !0;
@@ -4095,12 +4094,12 @@ const IContextMenuService = createIdentifier("ui.contextmenu.service"), _Context
     this.disabled = !1;
   }
   triggerContextMenu(event, menuType) {
-    var _a20;
-    event.stopPropagation(), !this.disabled && ((_a20 = this._currentHandler) == null || _a20.handleContextMenu(event, menuType));
+    var _a19;
+    event.stopPropagation(), !this.disabled && ((_a19 = this._currentHandler) == null || _a19.handleContextMenu(event, menuType));
   }
   hideContextMenu() {
-    var _a20;
-    (_a20 = this._currentHandler) == null || _a20.hideContextMenu();
+    var _a19;
+    (_a19 = this._currentHandler) == null || _a19.hideContextMenu();
   }
   registerContextMenuHandler(handler) {
     if (this._currentHandler)
@@ -4218,11 +4217,11 @@ const headerbar = "univer-headerbar", headerMenu = "univer-header-menu", menubar
   toolbarItemSelectArrowDisabled,
   toolbarItemSelectArrowActivated
 };
-var __defProp$c = Object.defineProperty, __getOwnPropDesc$c = Object.getOwnPropertyDescriptor, __decorateClass$c = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$b = Object.defineProperty, __getOwnPropDesc$b = Object.getOwnPropertyDescriptor, __decorateClass$b = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$c(target, key, result), result;
-}, "__decorateClass$c"), __decorateParam$c = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$c");
+  return kind && result && __defProp$b(target, key, result), result;
+}, "__decorateClass$b"), __decorateParam$b = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$b");
 const IMenuService = createIdentifier("univer.menu-service");
 var _a7;
 let MenuService = (_a7 = class extends Disposable {
@@ -4256,10 +4255,10 @@ let MenuService = (_a7 = class extends Disposable {
       MenuPosition.CONTEXT_MENU
     ].forEach((position) => {
       position !== MenuPosition.CONTEXT_MENU ? this.getMenuItems(position).forEach((menu) => {
-        var _a20;
+        var _a19;
         this._menuManagerService.mergeMenu({
           [position]: {
-            [(_a20 = menu.group) != null ? _a20 : RibbonOthersGroup.OTHERS]: {
+            [(_a19 = menu.group) != null ? _a19 : RibbonOthersGroup.OTHERS]: {
               [menu.id]: {
                 menuItemFactory: /* @__PURE__ */ __name(() => menu, "menuItemFactory")
               }
@@ -4267,10 +4266,10 @@ let MenuService = (_a7 = class extends Disposable {
           }
         });
       }) : this.getMenuItems(position).forEach((menu) => {
-        var _a20;
+        var _a19;
         this._menuManagerService.mergeMenu({
           [position]: {
-            [(_a20 = menu.group) != null ? _a20 : ContextMenuGroup.OTHERS]: {
+            [(_a19 = menu.group) != null ? _a19 : ContextMenuGroup.OTHERS]: {
               [menu.id]: {
                 menuItemFactory: /* @__PURE__ */ __name(() => menu, "menuItemFactory")
               }
@@ -4346,10 +4345,10 @@ let MenuService = (_a7 = class extends Disposable {
     index > -1 ? menuList[index] = [menu.id, menu] : menuList.push([menu.id, menu]);
   }
 }, __name(_a7, "MenuService"), _a7);
-MenuService = __decorateClass$c([
-  __decorateParam$c(0, IShortcutService),
-  __decorateParam$c(1, IMenuManagerService),
-  __decorateParam$c(2, ILogService)
+MenuService = __decorateClass$b([
+  __decorateParam$b(0, IShortcutService),
+  __decorateParam$b(1, IMenuManagerService),
+  __decorateParam$b(2, ILogService)
 ], MenuService);
 function useSimpleToolbarGroups(category) {
   const menuService = useDependency(IMenuService), [visibleItems, setVisibleItems] = useState([]);
@@ -4365,11 +4364,11 @@ __name(useSimpleToolbarGroups, "useSimpleToolbarGroups");
 function useToolbarGroups(categories, initCategory) {
   const menuService = useDependency(IMenuService), [category, setCategory] = useState(initCategory != null ? initCategory : MenuPosition.TOOLBAR_START), [groups, setGroups] = useState([]), [visibleItems, setVisibleItems] = useState([]);
   useEffect(() => {
-    var _a20, _b2;
-    const activeItems = (_b2 = (_a20 = groups.find((g2) => g2.name === category)) == null ? void 0 : _a20.menuItems) != null ? _b2 : [], s = combineLatest(
+    var _a19, _b2;
+    const activeItems = (_b2 = (_a19 = groups.find((g2) => g2.name === category)) == null ? void 0 : _a19.menuItems) != null ? _b2 : [], s = combineLatest(
       activeItems.map((item) => {
-        var _a21;
-        return (_a21 = item.hidden$) != null ? _a21 : new Observable((observer) => observer.next(!1));
+        var _a20;
+        return (_a20 = item.hidden$) != null ? _a20 : new Observable((observer) => observer.next(!1));
       })
     ).pipe(map$1((hiddenValues) => activeItems.filter((_, index) => !hiddenValues[index]))).subscribe((items) => setVisibleItems(items));
     return () => s.unsubscribe();
@@ -4385,11 +4384,11 @@ function useToolbarGroups(categories, initCategory) {
     return () => s.unsubscribe();
   }, [menuService, category, categories]);
   const groupsByKey = useMemo(() => {
-    var _a20, _b2;
-    return (_b2 = (_a20 = groups.find((g2) => g2.name === category)) == null ? void 0 : _a20.menuItems.reduce(
+    var _a19, _b2;
+    return (_b2 = (_a19 = groups.find((g2) => g2.name === category)) == null ? void 0 : _a19.menuItems.reduce(
       (acc, item) => {
-        var _a21;
-        const key = (_a21 = item.group) != null ? _a21 : MenuGroup.TOOLBAR_OTHERS;
+        var _a20;
+        const key = (_a20 = item.group) != null ? _a20 : MenuGroup.TOOLBAR_OTHERS;
         return acc[key] || (acc[key] = []), acc[key].push(item), acc;
       },
       {}
@@ -4462,13 +4461,13 @@ const ToolbarItem = forwardRef((props, ref) => {
   }, "executeCommand"), { tooltip, shortcut, icon, title, label, id, commandId } = props, tooltipTitle = localeService.t(tooltip != null ? tooltip : "") + (shortcut ? ` (${shortcut})` : ""), { selections } = props, selections$ = useMemo(() => isObservable(selections) ? selections : new Observable((subscribe) => {
     subscribe.next(selections);
   }), [selections]), options = useObservable(selections$), icon$ = useMemo(() => isObservable(icon) ? icon : new Observable((subscribe) => {
-    var _a20, _b2;
-    const v2 = (_b2 = (_a20 = options == null ? void 0 : options.find((o) => o.value === value)) == null ? void 0 : _a20.icon) != null ? _b2 : icon;
+    var _a19, _b2;
+    const v2 = (_b2 = (_a19 = options == null ? void 0 : options.find((o) => o.value === value)) == null ? void 0 : _a19.icon) != null ? _b2 : icon;
     subscribe.next(v2);
   }), [icon, options, value]), iconToDisplay = useObservable(icon$, void 0, !0);
   function renderSelectorType(menuType) {
-    var _a20;
-    const selectionsCommandId = props.selectionsCommandId, bId = commandId != null ? commandId : id, sId = (_a20 = selectionsCommandId != null ? selectionsCommandId : commandId) != null ? _a20 : id;
+    var _a19;
+    const selectionsCommandId = props.selectionsCommandId, bId = commandId != null ? commandId : id, sId = (_a19 = selectionsCommandId != null ? selectionsCommandId : commandId) != null ? _a19 : id;
     function handleSelect(option) {
       if (disabled) return;
       let commandId2 = sId;
@@ -4582,8 +4581,8 @@ const ToolbarItem = forwardRef((props, ref) => {
   }
   __name(renderSelectorType, "renderSelectorType");
   function renderButtonType() {
-    var _a20;
-    const isCustomComponent = componentManager.get(typeof label == "string" ? label : (_a20 = label == null ? void 0 : label.name) != null ? _a20 : "");
+    var _a19;
+    const isCustomComponent = componentManager.get(typeof label == "string" ? label : (_a19 = label == null ? void 0 : label.name) != null ? _a19 : "");
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       ToolbarButton,
       {
@@ -4591,8 +4590,8 @@ const ToolbarItem = forwardRef((props, ref) => {
         active: activated,
         disabled,
         onClick: /* @__PURE__ */ __name(() => {
-          var _a21;
-          return executeCommand((_a21 = props.commandId) != null ? _a21 : props.id);
+          var _a20;
+          return executeCommand((_a20 = props.commandId) != null ? _a20 : props.id);
         }, "onClick"),
         onDoubleClick: /* @__PURE__ */ __name(() => props.subId && executeCommand(props.subId), "onDoubleClick"),
         children: isCustomComponent ? /* @__PURE__ */ jsxRuntimeExports.jsx(CustomLabel, { title, value, label }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CustomLabel, { icon })
@@ -4638,8 +4637,8 @@ function Ribbon(props) {
     };
   }, [ribbon]);
   const hasHeaderMenu = useMemo(() => headerMenuComponents && headerMenuComponents.size > 0 || ribbon.length > 1, [headerMenuComponents, ribbon]), activeGroup = useMemo(() => {
-    var _a20, _b2;
-    const allGroups = (_b2 = (_a20 = ribbon.find((group) => group.key === category)) == null ? void 0 : _a20.children) != null ? _b2 : [], visibleGroups = [], hiddenGroups = [];
+    var _a19, _b2;
+    const allGroups = (_b2 = (_a19 = ribbon.find((group) => group.key === category)) == null ? void 0 : _a19.children) != null ? _b2 : [], visibleGroups = [], hiddenGroups = [];
     for (const item of allGroups)
       if (item.children) {
         const visibleChildren = item.children.filter((child) => !collapsedIds.includes(child.key));
@@ -4670,16 +4669,16 @@ function Ribbon(props) {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("section", { role: "ribbon", className: styles$7.toolbar, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$7.toolbarContainer, children: [
       activeGroup.visibleGroups.map((groupItem) => {
-        var _a20, _b2;
-        return (((_a20 = groupItem.children) == null ? void 0 : _a20.length) || groupItem.item) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$7.toolbarGroup, children: groupItem.children ? (_b2 = groupItem.children) == null ? void 0 : _b2.map((child) => child.item && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarItem, { ...child.item }, child.key)) : groupItem.item && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarItem, { ...groupItem.item }, groupItem.key) }, groupItem.key);
+        var _a19, _b2;
+        return (((_a19 = groupItem.children) == null ? void 0 : _a19.length) || groupItem.item) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$7.toolbarGroup, children: groupItem.children ? (_b2 = groupItem.children) == null ? void 0 : _b2.map((child) => child.item && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarItem, { ...child.item }, child.key)) : groupItem.item && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarItem, { ...groupItem.item }, groupItem.key) }, groupItem.key);
       }),
       collapsedIds.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipWrapper, { title: localeService.t("ribbon.more"), placement: "bottom", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         DropdownWrapper,
         {
           forceRender: !0,
           overlay: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$7.toolbarMoreContainer, children: activeGroup.hiddenGroups.map((groupItem) => {
-            var _a20;
-            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$7.toolbarGroup, children: groupItem.children ? (_a20 = groupItem.children) == null ? void 0 : _a20.map((child) => child.item && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarItem, { ...child.item }, child.key)) : groupItem.item && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarItem, { ...groupItem.item }, groupItem.key) }, groupItem.key);
+            var _a19;
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$7.toolbarGroup, children: groupItem.children ? (_a19 = groupItem.children) == null ? void 0 : _a19.map((child) => child.item && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarItem, { ...child.item }, child.key)) : groupItem.item && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarItem, { ...groupItem.item }, groupItem.key) }, groupItem.key);
           }) }),
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { className: styles$7.toolbarItemTextButton, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreFunctionSingle, {}) })
         }
@@ -4700,8 +4699,8 @@ function Ribbon(props) {
           // opacity: 1,
         },
         children: activeGroup.allGroups.map((groupItem) => {
-          var _a20;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$7.toolbarGroup, children: (_a20 = groupItem.children) == null ? void 0 : _a20.map((child) => child.item && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          var _a19;
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$7.toolbarGroup, children: (_a19 = groupItem.children) == null ? void 0 : _a19.map((child) => child.item && /* @__PURE__ */ jsxRuntimeExports.jsx(
             ToolbarItem,
             {
               ref: /* @__PURE__ */ __name((ref) => {
@@ -4755,12 +4754,12 @@ function Sidebar() {
     [styles$6.sidebarOpen]: options == null ? void 0 : options.visible
   }), width = useMemo(() => options != null && options.visible ? typeof options.width == "number" ? `${options.width}px` : options.width : 0, [options]);
   function handleClose() {
-    var _a20;
+    var _a19;
     const options2 = {
       ...sidebarOptions,
       visible: !1
     };
-    sidebarService.sidebarOptions$.next(options2), (_a20 = options2 == null ? void 0 : options2.onClose) == null || _a20.call(options2);
+    sidebarService.sidebarOptions$.next(options2), (_a19 = options2 == null ? void 0 : options2.onClose) == null || _a19.call(options2);
   }
   return __name(handleClose, "handleClose"), /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: _className, style: { width }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$6.sidebarContainer, ref: scrollRef, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: styles$6.sidebarHeader, children: [
@@ -4898,11 +4897,11 @@ function FloatingContainer() {
   return createPortal(/* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContainer, { components: floatingComponents }, "floating"), mountContainer);
 }
 __name(FloatingContainer, "FloatingContainer");
-var __defProp$b = Object.defineProperty, __getOwnPropDesc$b = Object.getOwnPropertyDescriptor, __decorateClass$b = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$a = Object.defineProperty, __getOwnPropDesc$a = Object.getOwnPropertyDescriptor, __decorateClass$a = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$b(target, key, result), result;
-}, "__decorateClass$b"), __decorateParam$b = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$b");
+  return kind && result && __defProp$a(target, key, result), result;
+}, "__decorateClass$a"), __decorateParam$a = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$a");
 const STEADY_TIMEOUT$1 = 3e3;
 var _a8;
 let DesktopUIController = (_a8 = class extends Disposable {
@@ -4941,15 +4940,15 @@ let DesktopUIController = (_a8 = class extends Disposable {
     this.disposeWithMe(this._uiPartsService.registerComponent(BuiltInUIPart.FLOATING, () => connectInjector(CanvasPopup, this._injector))), this.disposeWithMe(this._uiPartsService.registerComponent(BuiltInUIPart.CONTENT, () => connectInjector(FloatDom, this._injector)));
   }
 }, __name(_a8, "DesktopUIController"), _a8);
-DesktopUIController = __decorateClass$b([
+DesktopUIController = __decorateClass$a([
   OnLifecycle(LifecycleStages.Ready, DesktopUIController),
-  __decorateParam$b(1, IRenderManagerService),
-  __decorateParam$b(2, IUniverInstanceService),
-  __decorateParam$b(3, Inject(Injector)),
-  __decorateParam$b(4, Inject(LifecycleService)),
-  __decorateParam$b(5, IUIPartsService),
-  __decorateParam$b(6, IMenuManagerService),
-  __decorateParam$b(7, Optional(ILayoutService))
+  __decorateParam$a(1, IRenderManagerService),
+  __decorateParam$a(2, IUniverInstanceService),
+  __decorateParam$a(3, Inject(Injector)),
+  __decorateParam$a(4, Inject(LifecycleService)),
+  __decorateParam$a(5, IUIPartsService),
+  __decorateParam$a(6, IMenuManagerService),
+  __decorateParam$a(7, Optional(ILayoutService))
 ], DesktopUIController);
 function bootstrap$1(injector, options, callback) {
   let mountContainer;
@@ -4982,11 +4981,11 @@ function createContainer$1(id) {
   return element2.id = id, element2;
 }
 __name(createContainer$1, "createContainer$1");
-var __defProp$a = Object.defineProperty, __getOwnPropDesc$a = Object.getOwnPropertyDescriptor, __decorateClass$a = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$a(target, key, result), result;
-}, "__decorateClass$a"), __decorateParam$a = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$a"), _a9;
+  return kind && result && __defProp$9(target, key, result), result;
+}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$9"), _a9;
 let DesktopGlobalZoneService = (_a9 = class {
   constructor(_componentManager) {
     __publicField(this, "visible$", new Subject());
@@ -5009,15 +5008,15 @@ let DesktopGlobalZoneService = (_a9 = class {
     this.visible$.next(!1);
   }
 }, __name(_a9, "DesktopGlobalZoneService"), _a9);
-DesktopGlobalZoneService = __decorateClass$a([
-  __decorateParam$a(0, Inject(ComponentManager))
+DesktopGlobalZoneService = __decorateClass$9([
+  __decorateParam$9(0, Inject(ComponentManager))
 ], DesktopGlobalZoneService);
 const INotificationService = createIdentifier("ui.notification.service");
-var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$9(target, key, result), result;
-}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$9");
+  return kind && result && __defProp$8(target, key, result), result;
+}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8");
 const IBeforeCloseService = createIdentifier("univer.ui.before-close-service");
 var _a10;
 let DesktopBeforeCloseService = (_a10 = class {
@@ -5056,18 +5055,18 @@ let DesktopBeforeCloseService = (_a10 = class {
     });
   }
 }, __name(_a10, "DesktopBeforeCloseService"), _a10);
-DesktopBeforeCloseService = __decorateClass$9([
-  __decorateParam$9(0, INotificationService)
+DesktopBeforeCloseService = __decorateClass$8([
+  __decorateParam$8(0, INotificationService)
 ], DesktopBeforeCloseService);
 function supportClipboardAPI() {
   return typeof navigator.clipboard < "u" && typeof navigator.clipboard.readText < "u";
 }
 __name(supportClipboardAPI, "supportClipboardAPI");
-var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$8(target, key, result), result;
-}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8");
+  return kind && result && __defProp$7(target, key, result), result;
+}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7");
 const PLAIN_TEXT_CLIPBOARD_MIME_TYPE = "text/plain", HTML_CLIPBOARD_MIME_TYPE = "text/html", IClipboardInterfaceService = createIdentifier(
   "univer.clipboard-interface-service"
 );
@@ -5139,18 +5138,18 @@ let BrowserClipboardService = (_a11 = class extends Disposable {
     }
   }
   _showClipboardAuthenticationNotification() {
-    var _a20;
-    (_a20 = this._notificationService) == null || _a20.show({
+    var _a19;
+    (_a19 = this._notificationService) == null || _a19.show({
       type: "warning",
       title: this._localeService.t("clipboard.authentication.title"),
       content: this._localeService.t("clipboard.authentication.content")
     });
   }
 }, __name(_a11, "BrowserClipboardService"), _a11);
-BrowserClipboardService = __decorateClass$8([
-  __decorateParam$8(0, Inject(LocaleService)),
-  __decorateParam$8(1, ILogService),
-  __decorateParam$8(2, Optional(INotificationService))
+BrowserClipboardService = __decorateClass$7([
+  __decorateParam$7(0, Inject(LocaleService)),
+  __decorateParam$7(1, ILogService),
+  __decorateParam$7(2, Optional(INotificationService))
 ], BrowserClipboardService);
 function createCopyTextContainer() {
   const textArea = document.createElement("textarea");
@@ -5199,11 +5198,11 @@ function ConfirmPart() {
   return props == null ? void 0 : props.map((options, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(Confirm, { ...options }, index));
 }
 __name(ConfirmPart, "ConfirmPart");
-var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$7(target, key, result), result;
-}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a12;
+  return kind && result && __defProp$6(target, key, result), result;
+}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a12;
 let DesktopConfirmService = (_a12 = class extends Disposable {
   constructor(_injector, _uiPartsService) {
     super();
@@ -5247,9 +5246,9 @@ let DesktopConfirmService = (_a12 = class extends Disposable {
     );
   }
 }, __name(_a12, "DesktopConfirmService"), _a12);
-DesktopConfirmService = __decorateClass$7([
-  __decorateParam$7(0, Inject(Injector)),
-  __decorateParam$7(1, IUIPartsService)
+DesktopConfirmService = __decorateClass$6([
+  __decorateParam$6(0, Inject(Injector)),
+  __decorateParam$6(1, IUIPartsService)
 ], DesktopConfirmService);
 const IDialogService = createIdentifier("univer.ui.dialog-service");
 function DialogPart() {
@@ -5271,11 +5270,11 @@ function DialogPart() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: attrs == null ? void 0 : attrs.map((options) => /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { ...options }, options.id)) });
 }
 __name(DialogPart, "DialogPart");
-var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$6(target, key, result), result;
-}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a13;
+  return kind && result && __defProp$5(target, key, result), result;
+}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a13;
 let DesktopDialogService = (_a13 = class extends Disposable {
   constructor(_injector, _uiPartsService) {
     super();
@@ -5319,9 +5318,9 @@ let DesktopDialogService = (_a13 = class extends Disposable {
     );
   }
 }, __name(_a13, "DesktopDialogService"), _a13);
-DesktopDialogService = __decorateClass$6([
-  __decorateParam$6(0, Inject(Injector)),
-  __decorateParam$6(1, IUIPartsService)
+DesktopDialogService = __decorateClass$5([
+  __decorateParam$5(0, Inject(Injector)),
+  __decorateParam$5(1, IUIPartsService)
 ], DesktopDialogService);
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -6886,8 +6885,8 @@ const _DesktopMessageService = class _DesktopMessageService {
     __publicField(this, "_message");
   }
   dispose() {
-    var _a20;
-    (_a20 = this._message) == null || _a20.dispose();
+    var _a19;
+    (_a19 = this._message) == null || _a19.dispose();
   }
   setContainer(container) {
     this._message || (this._portalContainer = container, this._message = new Message(container));
@@ -8684,7 +8683,7 @@ function Notification() {
   }), observerRef = useRef(notificationObserver);
   return useEffect(() => {
     const subscription = observerRef.current.subscribe((options) => {
-      var _a20, _b2, _c;
+      var _a19, _b2, _c;
       api.open({
         content: /* @__PURE__ */ jsxRuntimeExports.jsx(
           PureContent,
@@ -8696,7 +8695,7 @@ function Notification() {
           }
         ),
         key: options.key,
-        placement: (_a20 = options.placement) != null ? _a20 : "topRight",
+        placement: (_a19 = options.placement) != null ? _a19 : "topRight",
         duration: (_b2 = options.duration) != null ? _b2 : 4.5,
         closable: (_c = options.closable) != null ? _c : !0
       });
@@ -8712,11 +8711,11 @@ const notification = {
     notificationObserver.next(options);
   }, "show")
 };
-var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$5(target, key, result), result;
-}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a14;
+  return kind && result && __defProp$4(target, key, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a14;
 let DesktopNotificationService = (_a14 = class extends Disposable {
   constructor(_injector, _uiPartsService) {
     super(), this._injector = _injector, this._uiPartsService = _uiPartsService, this._initUIPart();
@@ -8729,9 +8728,9 @@ let DesktopNotificationService = (_a14 = class extends Disposable {
     this.disposeWithMe(this._uiPartsService.registerComponent(BuiltInUIPart.GLOBAL, () => connectInjector(Notification, this._injector)));
   }
 }, __name(_a14, "DesktopNotificationService"), _a14);
-DesktopNotificationService = __decorateClass$5([
-  __decorateParam$5(0, Inject(Injector)),
-  __decorateParam$5(1, IUIPartsService)
+DesktopNotificationService = __decorateClass$4([
+  __decorateParam$4(0, Inject(Injector)),
+  __decorateParam$4(1, IUIPartsService)
 ], DesktopNotificationService);
 const _DesktopSidebarService = class _DesktopSidebarService {
   constructor() {
@@ -8763,11 +8762,11 @@ const _DesktopSidebarService = class _DesktopSidebarService {
 };
 __name(_DesktopSidebarService, "DesktopSidebarService");
 let DesktopSidebarService = _DesktopSidebarService;
-var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$4(target, key, result), result;
-}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a15;
+  return kind && result && __defProp$3(target, key, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a15;
 let DesktopZenZoneService = (_a15 = class {
   constructor(_componentManager) {
     __publicField(this, "visible$", new Subject());
@@ -8801,8 +8800,8 @@ let DesktopZenZoneService = (_a15 = class {
     this._visible = !1, this.visible$.next(!1);
   }
 }, __name(_a15, "DesktopZenZoneService"), _a15);
-DesktopZenZoneService = __decorateClass$4([
-  __decorateParam$4(0, Inject(ComponentManager))
+DesktopZenZoneService = __decorateClass$3([
+  __decorateParam$3(0, Inject(ComponentManager))
 ], DesktopZenZoneService);
 const appLayout = "univer-app-layout", appHeader = "univer-app-header", appContainer = "univer-app-container", appContainerHeader = "univer-app-container-header", appContainerWrapper = "univer-app-container-wrapper", appContainerContent = "univer-app-container-content", appContainerCanvas = "univer-app-container-canvas", appContainerLeftSidebar = "univer-app-container-left-sidebar", appContainerSidebar = "univer-app-container-sidebar", styles$1 = {
   appLayout,
@@ -8965,11 +8964,11 @@ function MobileApp(props) {
   ] });
 }
 __name(MobileApp, "MobileApp");
-var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$3(target, key, result), result;
-}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3");
+  return kind && result && __defProp$2(target, key, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2");
 const STEADY_TIMEOUT = 3e3;
 var _a16;
 let MobileUIController = (_a16 = class extends Disposable {
@@ -8989,8 +8988,8 @@ let MobileUIController = (_a16 = class extends Disposable {
             render2.engine.setContainer(canvasElement);
           }
         }), setTimeout(() => {
-          var _a20;
-          const engine = (_a20 = this._renderManagerService.getFirst()) == null ? void 0 : _a20.engine;
+          var _a19;
+          const engine = (_a19 = this._renderManagerService.getFirst()) == null ? void 0 : _a19.engine;
           engine == null || engine.setContainer(canvasElement), this._lifecycleService.stage = LifecycleStages.Rendered, setTimeout(() => this._lifecycleService.stage = LifecycleStages.Steady, STEADY_TIMEOUT);
         }, 300);
       })
@@ -9000,14 +8999,14 @@ let MobileUIController = (_a16 = class extends Disposable {
     this.disposeWithMe(this._uiPartsService.registerComponent(BuiltInUIPart.CONTENT, () => connectInjector(CanvasPopup, this._injector))), this.disposeWithMe(this._uiPartsService.registerComponent(BuiltInUIPart.CONTENT, () => connectInjector(FloatDom, this._injector)));
   }
 }, __name(_a16, "MobileUIController"), _a16);
-MobileUIController = __decorateClass$3([
-  __decorateParam$3(1, IUniverInstanceService),
-  __decorateParam$3(2, IRenderManagerService),
-  __decorateParam$3(3, Inject(Injector)),
-  __decorateParam$3(4, Inject(LifecycleService)),
-  __decorateParam$3(5, IUIPartsService),
-  __decorateParam$3(6, IMenuManagerService),
-  __decorateParam$3(7, Optional(ILayoutService))
+MobileUIController = __decorateClass$2([
+  __decorateParam$2(1, IUniverInstanceService),
+  __decorateParam$2(2, IRenderManagerService),
+  __decorateParam$2(3, Inject(Injector)),
+  __decorateParam$2(4, Inject(LifecycleService)),
+  __decorateParam$2(5, IUIPartsService),
+  __decorateParam$2(6, IMenuManagerService),
+  __decorateParam$2(7, Optional(ILayoutService))
 ], MobileUIController);
 function bootstrap(injector, options, callback) {
   let mountContainer;
@@ -9040,11 +9039,11 @@ function createContainer(id) {
   return element2.id = id, element2;
 }
 __name(createContainer, "createContainer");
-var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __defNormalProp$1 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp$1"), __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __defNormalProp$1 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp$1"), __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$2(target, key, result), result;
-}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), __publicField$1 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp$1(obj, key + "", value), "__publicField$1");
+  return kind && result && __defProp$1(target, key, result), result;
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), __publicField$1 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp$1(obj, key + "", value), "__publicField$1");
 const UNIVER_MOBILE_UI_PLUGIN_NAME = "UNIVER_MOBILE_UI_PLUGIN";
 var _a17;
 let UniverMobileUIPlugin = (_a17 = class extends Plugin {
@@ -9093,79 +9092,37 @@ let UniverMobileUIPlugin = (_a17 = class extends Plugin {
   }
 }, __name(_a17, "UniverMobileUIPlugin"), _a17);
 __publicField$1(UniverMobileUIPlugin, "pluginName", UNIVER_MOBILE_UI_PLUGIN_NAME);
-UniverMobileUIPlugin = __decorateClass$2([
+UniverMobileUIPlugin = __decorateClass$1([
   DependentOn(UniverRenderEnginePlugin),
-  __decorateParam$2(1, Inject(Injector))
+  __decorateParam$1(1, Inject(Injector))
 ], UniverMobileUIPlugin);
-const ILocalFileService = createIdentifier("univer-ui.local-file.service"), PLUGIN_CONFIG_KEY = "ui.config", defaultPluginConfig = {};
-var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$1(target, key, result), result;
-}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a18;
-let DesktopLocalFileService = (_a18 = class extends Disposable {
-  constructor(injector, _uiPartsService) {
-    super();
-    __publicField(this, "_fileOpenRequest$", new Subject());
-    __publicField(this, "fileOpenRequest$", this._fileOpenRequest$.asObservable());
-    this._uiPartsService = _uiPartsService, this.disposeWithMe(this._uiPartsService.registerComponent(
-      BuiltInUIPart.GLOBAL,
-      () => connectInjector(DesktopFileOpenerWrapper, injector)
-    ));
-  }
+const _DesktopLocalFileService = class _DesktopLocalFileService extends Disposable {
   openFile(options) {
-    const service = this;
     return new Promise((resolve) => {
-      const request = {
-        ...options,
-        onFileSelected(files) {
-          resolve(files), service._fileOpenRequest$.next(null);
-        }
-      };
-      this._fileOpenRequest$.next(request);
+      var _a19, _b2;
+      const inputElement = document.createElement("input");
+      inputElement.type = "file", inputElement.accept = (_a19 = options == null ? void 0 : options.accept) != null ? _a19 : "", inputElement.multiple = (_b2 = options == null ? void 0 : options.multiple) != null ? _b2 : !1, inputElement.onchange = (event) => {
+        const fileList = event.target.files;
+        fileList && resolve(Array.from(fileList));
+      }, inputElement.click();
     });
   }
   downloadFile(data, fileName) {
     const a = document.createElement("a");
     a.download = fileName, a.href = window.URL.createObjectURL(data), a.click();
   }
-}, __name(_a18, "DesktopLocalFileService"), _a18);
-DesktopLocalFileService = __decorateClass$1([
-  __decorateParam$1(0, Inject(Injector)),
-  __decorateParam$1(1, IUIPartsService)
-], DesktopLocalFileService);
-function DesktopFileOpener(props) {
-  const { request } = props, { accept, onFileSelected, multiple } = request, fileInputRef = useRef(null), handleFileChange = useCallback((event) => {
-    const fileList = event.target.files;
-    onFileSelected(fileList ? Array.from(fileList) : []), fileInputRef.current && (fileInputRef.current.value = "");
-  }, [onFileSelected]);
-  return useEffect(() => {
-    fileInputRef.current && fileInputRef.current.click();
-  }, []), /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "input",
-    {
-      type: "file",
-      ref: fileInputRef,
-      onChange: handleFileChange,
-      accept,
-      multiple
-    }
-  );
-}
-__name(DesktopFileOpener, "DesktopFileOpener");
-function DesktopFileOpenerWrapper() {
-  const DesktopLocalFileService2 = useDependency(ILocalFileService), request = useObservable$2(DesktopLocalFileService2.fileOpenRequest$, null);
-  return request ? /* @__PURE__ */ jsxRuntimeExports.jsx(DesktopFileOpener, { request }) : null;
-}
-__name(DesktopFileOpenerWrapper, "DesktopFileOpenerWrapper");
+};
+__name(_DesktopLocalFileService, "DesktopLocalFileService");
+let DesktopLocalFileService = _DesktopLocalFileService;
+const ILocalFileService = createIdentifier("univer-ui.local-file.service");
 var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp2(target, key, result), result;
 }, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, key + "", value), "__publicField");
 const UNIVER_UI_PLUGIN_NAME = "UNIVER_UI_PLUGIN", DISABLE_AUTO_FOCUS_KEY = "DISABLE_AUTO_FOCUS";
-var _a19;
-let UniverUIPlugin = (_a19 = class extends Plugin {
+var _a18;
+let UniverUIPlugin = (_a18 = class extends Plugin {
   constructor(_config = defaultPluginConfig, _contextService, _injector, _configService) {
     super(), this._config = _config, this._contextService = _contextService, this._injector = _injector, this._configService = _configService;
     const { menu, ...rest } = this._config;
@@ -9211,7 +9168,7 @@ let UniverUIPlugin = (_a19 = class extends Plugin {
       [ShortcutPanelController]
     ], this._config.override).forEach((dependency) => this._injector.add(dependency));
   }
-}, __name(_a19, "UniverUIPlugin"), _a19);
+}, __name(_a18, "UniverUIPlugin"), _a18);
 __publicField2(UniverUIPlugin, "pluginName", UNIVER_UI_PLUGIN_NAME);
 UniverUIPlugin = __decorateClass([
   DependentOn(UniverRenderEnginePlugin),
@@ -9221,7 +9178,7 @@ UniverUIPlugin = __decorateClass([
 ], UniverUIPlugin);
 const PX_TO_PT_RATIO = 0.75, MAX_FONT_SIZE = 78, MIN_FONT_SIZE = 9, DEFAULT_BACKGROUND_COLOR_RGBA = "rgba(0,0,0,0)", DEFAULT_BACKGROUND_COLOR_RGB = "rgb(0,0,0)";
 function handleDomToJson($dom) {
-  var _a20;
+  var _a19;
   let nodeList = $dom.childNodes;
   if (nodeList.length === 0)
     return $dom.textContent;
@@ -9233,7 +9190,7 @@ function handleDomToJson($dom) {
 `;
   for (let i = 0; i < nodeList.length; i++) {
     let span = nodeList[`${i}`], str;
-    span.nodeName === "#text" ? (str = (_a20 = span.textContent) != null ? _a20 : "", span = span.parentElement) : str = span.innerText;
+    span.nodeName === "#text" ? (str = (_a19 = span.textContent) != null ? _a19 : "", span = span.parentElement) : str = span.innerText;
     const textStyle = handleStringToStyle(span);
     splitSpanText(str).forEach((item) => {
       const length = item.length;
@@ -9258,8 +9215,8 @@ function handleDomToJson($dom) {
 }
 __name(handleDomToJson, "handleDomToJson");
 function handleStringToStyle($dom, cssStyle = "") {
-  var _a20, _b2;
-  let cssText = (_b2 = (_a20 = $dom == null ? void 0 : $dom.style) == null ? void 0 : _a20.cssText) != null ? _b2 : "";
+  var _a19, _b2;
+  let cssText = (_b2 = (_a19 = $dom == null ? void 0 : $dom.style) == null ? void 0 : _a19.cssText) != null ? _b2 : "";
   if (cssText += cssStyle, cssText = cssText.replace(/[\r\n]+/g, ""), cssText.length === 0)
     return {};
   const cssTextArray = cssText.split(";"), styleList = {}, borderInfo = {
@@ -9269,7 +9226,7 @@ function handleStringToStyle($dom, cssStyle = "") {
     l: ""
   };
   return cssTextArray.forEach((originStr) => {
-    var _a21;
+    var _a20;
     const s = originStr.toLowerCase(), key = textTrim(s.substr(0, s.indexOf(":"))), value = textTrim(s.substr(s.indexOf(":") + 1));
     if (key === "font-weight")
       value === "bold" || value === "700" ? styleList.bl = 1 : styleList.bl = 0;
@@ -9307,7 +9264,7 @@ function handleStringToStyle($dom, cssStyle = "") {
     else if (key === "text-decoration-style")
       styleList.hasOwnProperty("ul") && (styleList.ul || (styleList.ul = { s: 1, t: Number(value) }), styleList.ul.t = Number(value)), styleList.hasOwnProperty("st") && (styleList.st || (styleList.st = { s: 1, t: Number(value) }), styleList.st.t = Number(value)), styleList.hasOwnProperty("ol") && (styleList.ol || (styleList.ol = { s: 1, t: Number(value) }), styleList.ol.t = Number(value));
     else if (key === "text-decoration" || key === "univer-strike") {
-      const lineValue = (_a21 = value.split(" ")) == null ? void 0 : _a21[0];
+      const lineValue = (_a20 = value.split(" ")) == null ? void 0 : _a20[0];
       lineValue === "underline" ? (styleList.ul || (styleList.ul = { s: 1 }), styleList.ul.s = 1) : lineValue === "line-through" ? (styleList.st || (styleList.st = { s: 1 }), styleList.st.s = 1) : lineValue === "overline" && (styleList.ol || (styleList.ol = { s: 1 }), styleList.ol.s = 1);
     }
     if (key === "univer-underline" && (styleList.ul = {
@@ -9515,7 +9472,7 @@ function handelTableToJson(table) {
   return trs.forEach((item) => {
     let c2 = 0;
     item.querySelectorAll("td").forEach((td) => {
-      var _a20, _b2;
+      var _a19, _b2;
       const cell = {};
       if (td.querySelectorAll("span").length || td.querySelectorAll("font").length) {
         const spanStyle = handleDomToJson(td);
@@ -9529,7 +9486,7 @@ function handelTableToJson(table) {
       if (c2 !== colLen) {
         if (data[r][c2] == null) {
           data[r][c2] = cell;
-          const rowSpan = (_a20 = Number(td.getAttribute("rowSpan"))) != null ? _a20 : 1, colSpan = (_b2 = Number(td.getAttribute("colSpan"))) != null ? _b2 : 1;
+          const rowSpan = (_a19 = Number(td.getAttribute("rowSpan"))) != null ? _a19 : 1, colSpan = (_b2 = Number(td.getAttribute("colSpan"))) != null ? _b2 : 1;
           if (rowSpan > 1 || colSpan > 1) {
             const first = { rs: +rowSpan - 1, cs: +colSpan - 1, r, c: c2 };
             data[r][c2].mc = first;
@@ -9580,11 +9537,11 @@ function handleTableMergeData(data, selection) {
 }
 __name(handleTableMergeData, "handleTableMergeData");
 function handelExcelToJson(html) {
-  var _a20;
+  var _a19;
   let data = [];
   const content = document.createElement("html");
   content.innerHTML = html;
-  const styleText = (_a20 = content.querySelector("style")) == null ? void 0 : _a20.innerText;
+  const styleText = (_a19 = content.querySelector("style")) == null ? void 0 : _a19.innerText;
   if (!styleText) return;
   const excelStyle = getStyles(styleText);
   if (data = new Array(content.querySelectorAll("table tr").length), !data.length) return [];
@@ -9601,7 +9558,7 @@ function handelExcelToJson(html) {
   return trs.forEach((item) => {
     let c2 = 0;
     item.querySelectorAll("td").forEach((td) => {
-      var _a21, _b2;
+      var _a20, _b2;
       const cell = {};
       if (td.querySelectorAll("span").length || td.querySelectorAll("font").length) {
         const spanStyle = handleDomToJson(td);
@@ -9618,7 +9575,7 @@ function handelExcelToJson(html) {
       if (c2 !== colLen) {
         if (data[r][c2] == null) {
           data[r][c2] = cell;
-          const rowSpan = (_a21 = Number(td.getAttribute("rowSpan"))) != null ? _a21 : 1, colSpan = (_b2 = Number(td.getAttribute("colSpan"))) != null ? _b2 : 1;
+          const rowSpan = (_a20 = Number(td.getAttribute("rowSpan"))) != null ? _a20 : 1, colSpan = (_b2 = Number(td.getAttribute("colSpan"))) != null ? _b2 : 1;
           if (rowSpan > 1 || colSpan > 1) {
             const first = { rs: +rowSpan - 1, cs: +colSpan - 1, r, c: c2 };
             data[r][c2].mc = first;
@@ -9681,6 +9638,7 @@ export {
   DesktopDialogService,
   DesktopGlobalZoneService,
   DesktopLayoutService,
+  DesktopLocalFileService,
   DesktopLocalStorageService,
   DesktopMessageService,
   DesktopNotificationService,
@@ -9732,6 +9690,7 @@ export {
   MetaKeys,
   MobileContextMenu,
   PLAIN_TEXT_CLIPBOARD_MIME_TYPE,
+  PLUGIN_CONFIG_KEY,
   PasteCommand,
   PlatformService,
   ProgressBar,