@univerjs/ui 0.15.0-insiders.20260108-47c73e3 → 0.15.0-insiders.20260108-7b9120d

package/lib/es/index.js

@@ -4,22 +4,22 @@ var C2 = (e) => {
 };
 var v2 = (e, t, n) => t in e ? f2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var B = (e, t, n) => v2(e, typeof t != "symbol" ? t + "" : t, n);
-var g3 = (e, t, n) => t.has(e) ? C2("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n);
-import { Disposable as d1, createIdentifier as h1, CommandType as Ke, toDisposable as c1, IUniverInstanceService as N1, DocumentFlavor as $t, LocaleService as m1, ColorKit as R3, NAMED_STYLE_MAP as g2, IConfigService as Y1, ICommandService as F1, NamedStyleType as B1, Workbook as p2, UniverInstanceType as p3, DocumentDataModel as h9, SlideDataModel as m2, remove as Et, FOCUSING_UNIVER_EDITOR as $e, IContextService as fe, Inject as g1, Injector as I1, merge as Ee, convertObservableToBehaviorSubject as b2, isRealNum as L2, ErrorService as w2, RedoCommand as U3, UndoCommand as z3, IUndoRedoService as y2, EDITOR_ACTIVATED as f9, FOCUSING_FX_BAR_EDITOR as C9, Optional as v9, dedupeBy as _2, generateRandomId as ue, throttle as M2, ThemeService as W3, LifecycleStages as m3, LifecycleUnreachableError as I2, isInternalEditorID as x2, LifecycleService as g9, ILogService as H2, IConfirmService as Y3, DependentOn as p9, Plugin as m9, registerDependencies as b9, mergeOverrideWithDependencies as L9, ILocalStorageService as w9, touchDependencies as K1, BaselineOffset as b3, getBorderStyleType as O1, BorderStyleTypes as S2, Tools as y9 } from "@univerjs/core";
-import { BehaviorSubject as S1, distinctUntilChanged as _9, Observable as de, switchMap as R2, isObservable as Ne, fromEvent as V2, Subject as $1, of as Ce, combineLatest as W1, merge as O2, first as $2, throttleTime as L3, animationFrameScheduler as w3, map as M9, filter as Nt, debounceTime as E2, startWith as N2, ReplaySubject as D2 } from "rxjs";
-import { useRef as J, createElement as x, forwardRef as H, useEffect as W, useMemo as G, useState as z, useCallback as e3, memo as I9, createContext as x9, useContext as t3, useImperativeHandle as T2, Fragment as Dt, useLayoutEffect as V3, cloneElement as Z2 } from "react";
-import { jsx as f, Fragment as n3, jsxs as q } from "react/jsx-runtime";
+var v3 = (e, t, n) => t.has(e) ? C2("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n);
+import { Disposable as d1, createIdentifier as h1, CommandType as Qe, toDisposable as c1, IUniverInstanceService as N1, DocumentFlavor as Ot, LocaleService as m1, ColorKit as S3, NAMED_STYLE_MAP as g2, IConfigService as Y1, ICommandService as F1, NamedStyleType as B1, Workbook as p2, UniverInstanceType as g3, DocumentDataModel as d9, SlideDataModel as m2, remove as $t, FOCUSING_UNIVER_EDITOR as Oe, IContextService as fe, Inject as g1, Injector as I1, merge as $e, convertObservableToBehaviorSubject as b2, isRealNum as L2, ErrorService as w2, RedoCommand as j3, UndoCommand as U3, IUndoRedoService as y2, EDITOR_ACTIVATED as h9, FOCUSING_FX_BAR_EDITOR as f9, Optional as C9, dedupeBy as _2, generateRandomId as ue, throttle as M2, ThemeService as z3, LifecycleStages as p3, LifecycleUnreachableError as I2, isInternalEditorID as x2, LifecycleService as v9, ILogService as H2, IConfirmService as W3, DependentOn as g9, Plugin as p9, registerDependencies as m9, mergeOverrideWithDependencies as b9, ILocalStorageService as L9, touchDependencies as K1, BaselineOffset as m3, getBorderStyleType as O1, BorderStyleTypes as S2, Tools as w9 } from "@univerjs/core";
+import { BehaviorSubject as S1, distinctUntilChanged as y9, Observable as de, switchMap as R2, isObservable as Ee, fromEvent as V2, Subject as $1, of as Ce, combineLatest as W1, merge as O2, first as $2, throttleTime as b3, animationFrameScheduler as L3, map as _9, filter as Et, debounceTime as E2, startWith as N2, ReplaySubject as D2 } from "rxjs";
+import { useRef as J, createElement as x, forwardRef as H, useEffect as W, useMemo as G, useState as z, useCallback as Ke, memo as M9, createContext as I9, useContext as e3, useImperativeHandle as T2, Fragment as Nt, useLayoutEffect as R3, cloneElement as Z2 } from "react";
+import { jsx as f, Fragment as t3, jsxs as q } from "react/jsx-runtime";
 import { useDependency as P, useObservable as r1, useInjector as A2, connectInjector as R1 } from "@wendellhu/redi/react-bindings";
 export * from "@wendellhu/redi/react-bindings";
-import { clsx as K, isBrowser as B2, resizeObserverCtor as P2, Button as y3, DropdownMenu as O3, Tooltip as G3, InputNumber as F2, TinyMenuGroup as k2, Menu as j2, MenuItem as $3, MenuItemGroup as E3, SubMenu as Tt, MessageType as U2, KBD as z2, divideYClassName as W2, HoverCard as Y2, borderClassName as G2, Dropdown as H9, divideXClassName as Zt, borderBottomClassName as De, Popup as S9, borderLeftBottomClassName as X2, scrollbarClassName as q2, ConfigProvider as R9, ConfigContext as J2, ColorPicker as Q2, render as Re, unmount as V9, Confirm as K2, Dialog as e4, Gallery as t4, Messager as n4, removeMessage as Le, message as r4, toast as i4, Toaster as o4 } from "@univerjs/design";
-import { map as At, startWith as _3 } from "rxjs/operators";
+import { clsx as K, isBrowser as B2, resizeObserverCtor as P2, Button as w3, DropdownMenu as V3, Tooltip as Y3, InputNumber as F2, TinyMenuGroup as k2, Menu as j2, MenuItem as O3, MenuItemGroup as $3, SubMenu as Dt, MessageType as U2, KBD as z2, divideYClassName as W2, HoverCard as Y2, borderClassName as G2, Dropdown as x9, divideXClassName as Tt, borderBottomClassName as Ne, Popup as H9, borderLeftBottomClassName as X2, scrollbarClassName as q2, ConfigProvider as S9, ConfigContext as J2, ColorPicker as Q2, unmount as R9, render as V9, Confirm as K2, Dialog as e4, Gallery as t4, Messager as n4, removeMessage as Le, message as r4, toast as i4, Toaster as o4 } from "@univerjs/design";
+import { map as Zt, startWith as y3 } from "rxjs/operators";
 import { IRenderManagerService as O9, UniverRenderEnginePlugin as $9, ptToPx as s4 } from "@univerjs/engine-render";
 import { createPortal as E9 } from "react-dom";
-class X3 extends d1 {
+class G3 extends d1 {
   constructor() {
     super(...arguments);
     B(this, "_open$", new S1(!1));
-    B(this, "open$", this._open$.pipe(_9()));
+    B(this, "open$", this._open$.pipe(y9()));
   }
   get isOpen() {
     return this._open$.getValue();
@@ -34,11 +34,11 @@ class X3 extends d1 {
     this._open$.next(!1);
   }
 }
-const i7 = h1("ui.left-sidebar.service"), ve = h1("ui.sidebar.service"), N9 = "ShortcutPanel", r3 = {
+const i7 = h1("ui.left-sidebar.service"), ve = h1("ui.sidebar.service"), N9 = "ShortcutPanel", n3 = {
   id: "base-ui.operation.toggle-shortcut-panel",
-  type: Ke.OPERATION,
+  type: Qe.OPERATION,
   handler: (e) => {
-    const t = e.get(X3), n = e.get(ve);
+    const t = e.get(G3), n = e.get(ve);
     return t.isOpen ? (t.close(), n.close()) : (t.open(), n.open({
       header: { title: "shortcut-panel.title" },
       children: { label: N9 }
@@ -664,14 +664,14 @@ const M4 = {
       clipRule: "evenodd"
     }
   }]
-}, q3 = H(function(t, n) {
+}, X3 = H(function(t, n) {
   return x(R, Object.assign({}, t, {
     id: "check-mark-icon",
     ref: n,
     icon: M4
   }));
 });
-q3.displayName = "CheckMarkIcon";
+X3.displayName = "CheckMarkIcon";
 const I4 = {
   tag: "svg",
   attrs: {
@@ -688,14 +688,14 @@ const I4 = {
       d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"
     }
   }]
-}, J3 = H(function(t, n) {
+}, q3 = H(function(t, n) {
   return x(R, Object.assign({}, t, {
     id: "close-icon",
     ref: n,
     icon: I4
   }));
 });
-J3.displayName = "CloseIcon";
+q3.displayName = "CloseIcon";
 const x4 = {
   tag: "svg",
   attrs: {
@@ -1252,14 +1252,14 @@ const j4 = {
       clipRule: "evenodd"
     }
   }]
-}, Q3 = H(function(t, n) {
+}, J3 = H(function(t, n) {
   return x(R, Object.assign({}, t, {
     id: "function-icon",
     ref: n,
     icon: j4
   }));
 });
-Q3.displayName = "FunctionIcon";
+J3.displayName = "FunctionIcon";
 const U4 = {
   tag: "svg",
   attrs: {
@@ -1970,14 +1970,14 @@ const a0 = {
       }
     }
   ]
-}, K3 = H(function(t, n) {
+}, Q3 = H(function(t, n) {
   return x(R, Object.assign({}, t, {
     id: "more-function-icon",
     ref: n,
     icon: a0
   }));
 });
-K3.displayName = "MoreFunctionIcon";
+Q3.displayName = "MoreFunctionIcon";
 const c0 = {
   tag: "svg",
   attrs: {
@@ -1996,14 +1996,14 @@ const c0 = {
       clipRule: "evenodd"
     }
   }]
-}, N3 = H(function(t, n) {
+}, E3 = H(function(t, n) {
   return x(R, Object.assign({}, t, {
     id: "more-icon",
     ref: n,
     icon: c0
   }));
 });
-N3.displayName = "MoreIcon";
+E3.displayName = "MoreIcon";
 const u0 = {
   tag: "svg",
   attrs: {
@@ -2373,14 +2373,14 @@ const m0 = {
       clipRule: "evenodd"
     }
   }]
-}, et = H(function(t, n) {
+}, K3 = H(function(t, n) {
   return x(R, Object.assign({}, t, {
     id: "reduce-icon",
     ref: n,
     icon: m0
   }));
 });
-et.displayName = "ReduceIcon";
+K3.displayName = "ReduceIcon";
 const b0 = {
   tag: "svg",
   attrs: {
@@ -4783,7 +4783,7 @@ const we = {
   FreezeColumnIcon: u6,
   FreezeRowIcon: d6,
   FreezeToSelectedIcon: h6,
-  FunctionIcon: Q3,
+  FunctionIcon: J3,
   GridIcon: f6,
   HeaderFooterIcon: C6,
   HideDoubleIcon: mn,
@@ -4823,7 +4823,7 @@ const we = {
   RedoIcon: T6,
   ReduceDigitsIcon: Z6,
   ReduceDoubleIcon: Nn,
-  ReduceIcon: et,
+  ReduceIcon: K3,
   RightBorderDoubleIcon: Dn,
   RightDoubleDiagonalDoubleIcon: Tn,
   RightInsertColumnDoubleIcon: Zn,
@@ -4898,8 +4898,8 @@ class M1 extends d1 {
     this._components.delete(n);
   }
 }
-var k3, j3;
-class Te {
+var F3, k3;
+class De {
   constructor() {
     B(this, "_list", /* @__PURE__ */ new Map());
   }
@@ -4919,7 +4919,7 @@ class Te {
     }), t;
   }
 }
-k3 = new WeakMap(), j3 = new WeakMap(), g3(Te, k3, 2147483647), g3(Te, j3, -2147483647);
+F3 = new WeakMap(), k3 = new WeakMap(), v3(De, F3, 2147483647), v3(De, k3, -2147483647);
 function o7(e, t, n, r) {
   const i = e.get(N1);
   return new de((o) => {
@@ -4942,12 +4942,12 @@ function s7(e) {
       if (s == null)
         return n.next(!0);
       const a = t.getUniverDocInstance(s), d = a == null ? void 0 : a.getSnapshot().documentStyle.documentFlavor;
-      n.next(d !== $t.TRADITIONAL);
+      n.next(d !== Ot.TRADITIONAL);
     }), i = t.getCurrentUniverDocInstance();
     if (i == null)
       return n.next(!0);
     const o = i == null ? void 0 : i.getSnapshot().documentStyle.documentFlavor;
-    return n.next(o !== $t.TRADITIONAL), () => r.unsubscribe();
+    return n.next(o !== Ot.TRADITIONAL), () => r.unsubscribe();
   });
 }
 function w5(e, t) {
@@ -5012,13 +5012,13 @@ function L1(e) {
   const O = G(() => o != null ? o : C, [C, o]);
   W(() => {
     let w = null;
-    return Ne(r) ? w = r.subscribe((I) => {
+    return Ee(r) ? w = r.subscribe((I) => {
       p(I);
     }) : p(r != null ? r : ""), () => {
       w == null || w.unsubscribe();
     };
   }, [r]);
-  const _ = G(() => O && typeof O == "string" ? new R3(O).isValid : !1, [O]);
+  const _ = G(() => O && typeof O == "string" ? new S3(O).isValid : !1, [O]);
   if (r) {
     const w = d.get(c != null ? c : "");
     w && L.push(
@@ -5057,7 +5057,7 @@ function L1(e) {
   }
   return n && L.push(
     /* @__PURE__ */ f("span", { className: t, children: typeof n == "string" ? a.t(n) : n }, M++)
-  ), /* @__PURE__ */ f(n3, { children: L });
+  ), /* @__PURE__ */ f(t3, { children: L });
 }
 const H5 = (e) => {
   var o, s;
@@ -5078,7 +5078,7 @@ const H5 = (e) => {
 }, S5 = "UI_COMPONENT_HEADING_ITEM";
 function ee(e) {
   const t = J(e);
-  return t.current = e, e3(
+  return t.current = e, Ke(
     ((...n) => {
       var r;
       return (r = t.current) == null ? void 0 : r.call(t, ...n);
@@ -5172,14 +5172,14 @@ function l7(e) {
       }),
       children: [
         /* @__PURE__ */ f(
-          y3,
+          w3,
           {
             className: "univer-size-6 univer-p-0",
             size: "small",
             variant: "text",
             disabled: t <= n || i,
             onClick: () => p(-10),
-            children: /* @__PURE__ */ f(et, {})
+            children: /* @__PURE__ */ f(K3, {})
           }
         ),
         /* @__PURE__ */ f(
@@ -5218,7 +5218,7 @@ function l7(e) {
           }
         ),
         /* @__PURE__ */ f(
-          y3,
+          w3,
           {
             className: "univer-size-6 univer-p-0",
             size: "small",
@@ -5229,14 +5229,14 @@ function l7(e) {
           }
         ),
         /* @__PURE__ */ f(
-          O3,
+          V3,
           {
             align: "end",
             items: _,
             open: C,
             onOpenChange: v,
             children: /* @__PURE__ */ q(
-              y3,
+              w3,
               {
                 size: "small",
                 variant: "text",
@@ -5252,13 +5252,13 @@ function l7(e) {
     }
   );
 }
-const O5 = "UI_COLOR_PICKER_COMPONENT", ie = "ui.config", Ze = {};
+const O5 = "UI_COLOR_PICKER_COMPONENT", ie = "ui.config", Te = {};
 var $5 = Object.getOwnPropertyDescriptor, E5 = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? $5(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
 }, N5 = (e, t) => (n, r) => t(n, r, e);
-const tt = h1("univer.font-service"), _e = [{
+const et = h1("univer.font-service"), _e = [{
   value: "Arial",
   label: "fontFamily.arial",
   category: "sans-serif"
@@ -5311,7 +5311,7 @@ const tt = h1("univer.font-service"), _e = [{
   label: "fontFamily.stliti",
   category: "serif"
 }];
-let D3 = class {
+let N3 = class {
   constructor(e) {
     B(this, "fonts$", new S1([]));
     this._configService = e;
@@ -5366,11 +5366,11 @@ let D3 = class {
     this.fonts$.next([..._e]);
   }
 };
-D3 = E5([
+N3 = E5([
   N5(0, Y1)
-], D3);
+], N3);
 const D5 = ({ id: e, value: t, disabled$: n }) => {
-  const r = r1(n), i = P(F1), o = P(m1), s = P(tt), [a, d] = z(""), [C, v] = z([]);
+  const r = r1(n), i = P(F1), o = P(m1), s = P(et), [a, d] = z(""), [C, v] = z([]);
   W(() => {
     const I = s.fonts$.subscribe((S) => {
       v(S);
@@ -5434,7 +5434,7 @@ const D5 = ({ id: e, value: t, disabled$: n }) => {
     }
   );
 }, T5 = ({ id: e, value: t }) => {
-  const n = P(F1), r = P(tt), [i, o] = z([]);
+  const n = P(F1), r = P(et), [i, o] = z([]);
   W(() => {
     const d = r.fonts$.subscribe((C) => {
       o(C);
@@ -5463,7 +5463,7 @@ const D5 = ({ id: e, value: t, disabled$: n }) => {
           onClick: () => a(d.value),
           children: [
             s.t(d.label),
-            !r.isFontSupported(d.value) && /* @__PURE__ */ f(G3, { title: s.t("fontFamily.not-supported"), children: /* @__PURE__ */ f(
+            !r.isFontSupported(d.value) && /* @__PURE__ */ f(Y3, { title: s.t("fontFamily.not-supported"), children: /* @__PURE__ */ f(
               b6,
               {
                 className: "univer-text-gray-300 dark:!univer-text-gray-400"
@@ -5610,13 +5610,13 @@ function d7(e, t) {
 }
 function h7(e, t = 300) {
   const n = J(null);
-  return e3((...r) => {
+  return Ke((...r) => {
     n.current && clearTimeout(n.current), n.current = setTimeout(() => {
       e(...r);
     }, t);
   }, [e, t]);
 }
-const Bt = (e) => typeof e == "number";
+const At = (e) => typeof e == "number";
 function F5(e) {
   const t = J(e);
   return t.current = e, t;
@@ -5633,7 +5633,7 @@ const f7 = (e, t) => {
     }
     return N - E;
   }, M = (S) => {
-    if (Bt(o.current))
+    if (At(o.current))
       return Math.floor(S / o.current);
     let E = 0, y = 0;
     for (let N = 0; N < e.length; N++) {
@@ -5644,7 +5644,7 @@ const f7 = (e, t) => {
       }
     }
     return y + 1;
-  }, O = (S) => typeof o.current == "number" ? S * o.current : e.slice(0, S).reduce((y, N, D) => y + o.current(D, e[D]), 0), _ = G(() => Bt(o.current) ? e.length * o.current : e.reduce(
+  }, O = (S) => typeof o.current == "number" ? S * o.current : e.slice(0, S).reduce((y, N, D) => y + o.current(D, e[D]), 0), _ = G(() => At(o.current) ? e.length * o.current : e.reduce(
     (S, E, y) => S + o.current(y, e[y]),
     0
   ), [e]), w = () => {
@@ -5703,7 +5703,7 @@ var k5 = Object.getOwnPropertyDescriptor, j5 = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? k5(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, Pt = (e, t) => (n, r) => t(n, r, e);
+}, Bt = (e, t) => (n, r) => t(n, r, e);
 const U5 = "FOCUSING_UNIVER", z5 = [
   "app-layout",
   // 'univer-toolbar-btn',
@@ -5713,7 +5713,7 @@ const U5 = "FOCUSING_UNIVER", z5 = [
   "render-canvas",
   "workbench-layout"
 ], k1 = h1("ui.layout-service");
-let Ae = class extends d1 {
+let Ze = class extends d1 {
   constructor(t, n) {
     super();
     B(this, "_rootContainerElement", null);
@@ -5735,7 +5735,7 @@ let Ae = class extends d1 {
     if (!t)
       return;
     let n;
-    t instanceof p2 ? n = this._focusHandlers.get(p3.UNIVER_SHEET) : t instanceof h9 ? n = this._focusHandlers.get(p3.UNIVER_DOC) : t instanceof m2 && (n = this._focusHandlers.get(p3.UNIVER_SLIDE)), n && n(t.getUnitId());
+    t instanceof p2 ? n = this._focusHandlers.get(g3.UNIVER_SHEET) : t instanceof d9 ? n = this._focusHandlers.get(g3.UNIVER_DOC) : t instanceof m2 && (n = this._focusHandlers.get(g3.UNIVER_SLIDE)), n && n(t.getUnitId());
   }
   registerFocusHandler(t, n) {
     if (this._focusHandlers.has(t))
@@ -5744,7 +5744,7 @@ let Ae = class extends d1 {
   }
   registerContentElement(t) {
     if (this._contentElements.indexOf(t) === -1)
-      return this._contentElements.push(t), c1(() => Et(this._contentElements, t));
+      return this._contentElements.push(t), c1(() => $t(this._contentElements, t));
     throw new Error("[DesktopLayoutService]: content container already registered!");
   }
   getContentElement() {
@@ -5761,7 +5761,7 @@ let Ae = class extends d1 {
   }
   registerContainerElement(t) {
     if (this._allContainers.indexOf(t) === -1)
-      return this._allContainers.push(t), c1(() => Et(this._allContainers, t));
+      return this._allContainers.push(t), c1(() => $t(this._allContainers, t));
     throw new Error("[LayoutService]: container already registered!");
   }
   checkElementInCurrentContainers(t) {
@@ -5779,34 +5779,34 @@ let Ae = class extends d1 {
           queueMicrotask(() => this.focus());
           return;
         }
-        n && this.checkElementInCurrentContainers(n) ? this._isFocused = !0 : this._isFocused = !1, this._contextService.setContextValue(U5, this._isFocused), this._contextService.setContextValue($e, Ft());
+        n && this.checkElementInCurrentContainers(n) ? this._isFocused = !0 : this._isFocused = !1, this._contextService.setContextValue(U5, this._isFocused), this._contextService.setContextValue(Oe, Pt());
       })
     );
   }
   _initEditorStatus() {
-    this._contextService.setContextValue($e, Ft());
+    this._contextService.setContextValue(Oe, Pt());
   }
 };
-Ae = j5([
-  Pt(0, fe),
-  Pt(1, N1)
-], Ae);
-function Ft() {
+Ze = j5([
+  Bt(0, fe),
+  Bt(1, N1)
+], Ze);
+function Pt() {
   var e;
   return ((e = document.activeElement) == null ? void 0 : e.dataset.uComp) === "editor";
 }
-var _1 = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.SELECTOR = 1] = "SELECTOR", e[e.BUTTON_SELECTOR = 2] = "BUTTON_SELECTOR", e[e.SUBITEMS = 3] = "SUBITEMS", e))(_1 || {}), Be = /* @__PURE__ */ ((e) => (e.RIBBON = "ribbon", e.CONTEXT_MENU = "contextMenu", e))(Be || {}), p1 = /* @__PURE__ */ ((e) => (e.START = "ribbon.start", e.INSERT = "ribbon.insert", e.FORMULAS = "ribbon.formulas", e.DATA = "ribbon.data", e.VIEW = "ribbon.view", e.OTHERS = "ribbon.others", e))(p1 || {}), z1 = /* @__PURE__ */ ((e) => (e.HISTORY = "ribbon.start.history", e.FORMAT = "ribbon.start.format", e.LAYOUT = "ribbon.start.layout", e.OTHERS = "ribbon.start.others", e))(z1 || {}), Ve = /* @__PURE__ */ ((e) => (e.EDIT = "ribbon.insert.edit", e.MEDIA = "ribbon.insert.media", e.OTHERS = "ribbon.insert.others", e))(Ve || {}), T3 = /* @__PURE__ */ ((e) => (e.BASIC = "ribbon.formulas.basic", e.OTHERS = "ribbon.formulas.others", e))(T3 || {}), ae = /* @__PURE__ */ ((e) => (e.FORMULAS = "ribbon.data.formulas", e.RULES = "ribbon.data.rules", e.ORGANIZATION = "ribbon.data.organization", e.OTHERS = "ribbon.data.others", e))(ae || {}), Oe = /* @__PURE__ */ ((e) => (e.DISPLAY = "ribbon.view.display", e.VISIBILITY = "ribbon.view.Visibility", e.OTHERS = "ribbon.view.others", e))(Oe || {}), Fn = /* @__PURE__ */ ((e) => (e.OTHERS = "ribbon.others.others", e))(Fn || {}), U1 = /* @__PURE__ */ ((e) => (e.MAIN_AREA = "contextMenu.mainArea", e.COL_HEADER = "contextMenu.colHeader", e.ROW_HEADER = "contextMenu.rowHeader", e.FOOTER_TABS = "contextMenu.footerTabs", e.FOOTER_MENU = "contextMenu.footerMenu", e.PARAGRAPH = "contextMenu.paragraph", e))(U1 || {}), l1 = /* @__PURE__ */ ((e) => (e.QUICK = "contextMenu.quick", e.FORMAT = "contextMenu.format", e.LAYOUT = "contextMenu.layout", e.DATA = "contextMenu.data", e.OTHERS = "contextMenu.others", e))(l1 || {}), W5 = Object.getOwnPropertyDescriptor, Y5 = (e, t, n, r) => {
+var _1 = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.SELECTOR = 1] = "SELECTOR", e[e.BUTTON_SELECTOR = 2] = "BUTTON_SELECTOR", e[e.SUBITEMS = 3] = "SUBITEMS", e))(_1 || {}), Ae = /* @__PURE__ */ ((e) => (e.RIBBON = "ribbon", e.CONTEXT_MENU = "contextMenu", e))(Ae || {}), p1 = /* @__PURE__ */ ((e) => (e.START = "ribbon.start", e.INSERT = "ribbon.insert", e.FORMULAS = "ribbon.formulas", e.DATA = "ribbon.data", e.VIEW = "ribbon.view", e.OTHERS = "ribbon.others", e))(p1 || {}), z1 = /* @__PURE__ */ ((e) => (e.HISTORY = "ribbon.start.history", e.FORMAT = "ribbon.start.format", e.LAYOUT = "ribbon.start.layout", e.OTHERS = "ribbon.start.others", e))(z1 || {}), Re = /* @__PURE__ */ ((e) => (e.EDIT = "ribbon.insert.edit", e.MEDIA = "ribbon.insert.media", e.OTHERS = "ribbon.insert.others", e))(Re || {}), D3 = /* @__PURE__ */ ((e) => (e.BASIC = "ribbon.formulas.basic", e.OTHERS = "ribbon.formulas.others", e))(D3 || {}), ae = /* @__PURE__ */ ((e) => (e.FORMULAS = "ribbon.data.formulas", e.RULES = "ribbon.data.rules", e.ORGANIZATION = "ribbon.data.organization", e.OTHERS = "ribbon.data.others", e))(ae || {}), Ve = /* @__PURE__ */ ((e) => (e.DISPLAY = "ribbon.view.display", e.VISIBILITY = "ribbon.view.Visibility", e.OTHERS = "ribbon.view.others", e))(Ve || {}), Fn = /* @__PURE__ */ ((e) => (e.OTHERS = "ribbon.others.others", e))(Fn || {}), U1 = /* @__PURE__ */ ((e) => (e.MAIN_AREA = "contextMenu.mainArea", e.COL_HEADER = "contextMenu.colHeader", e.ROW_HEADER = "contextMenu.rowHeader", e.FOOTER_TABS = "contextMenu.footerTabs", e.FOOTER_MENU = "contextMenu.footerMenu", e.PARAGRAPH = "contextMenu.paragraph", e))(U1 || {}), l1 = /* @__PURE__ */ ((e) => (e.QUICK = "contextMenu.quick", e.FORMAT = "contextMenu.format", e.LAYOUT = "contextMenu.layout", e.DATA = "contextMenu.data", e.OTHERS = "contextMenu.others", e))(l1 || {}), W5 = Object.getOwnPropertyDescriptor, Y5 = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? W5(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, kt = (e, t) => (n, r) => t(n, r, e);
+}, Ft = (e, t) => (n, r) => t(n, r, e);
 const D1 = h1("univer.menu-manager-service");
-let Pe = class extends d1 {
+let Be = class extends d1 {
   constructor(t, n) {
     super();
     B(this, "menuChanged$", new $1());
     B(this, "_menu", {
-      [Be.RIBBON]: {
+      [Ae.RIBBON]: {
         [p1.START]: {
           order: 0,
           [z1.HISTORY]: {
@@ -5824,22 +5824,22 @@ let Pe = class extends d1 {
         },
         [p1.INSERT]: {
           order: 1,
-          [Ve.EDIT]: {
+          [Re.EDIT]: {
             order: 0
           },
-          [Ve.MEDIA]: {
+          [Re.MEDIA]: {
             order: 1
           },
-          [Ve.OTHERS]: {
+          [Re.OTHERS]: {
             order: 2
           }
         },
         [p1.FORMULAS]: {
           order: 2,
-          [T3.BASIC]: {
+          [D3.BASIC]: {
             order: 0
           },
-          [T3.OTHERS]: {
+          [D3.OTHERS]: {
             order: 1
           }
         },
@@ -5860,13 +5860,13 @@ let Pe = class extends d1 {
         },
         [p1.VIEW]: {
           order: 4,
-          [Oe.DISPLAY]: {
+          [Ve.DISPLAY]: {
             order: 0
           },
-          [Oe.VISIBILITY]: {
+          [Ve.VISIBILITY]: {
             order: 0
           },
-          [Oe.OTHERS]: {
+          [Ve.OTHERS]: {
             order: 0
           }
         },
@@ -5877,7 +5877,7 @@ let Pe = class extends d1 {
           }
         }
       },
-      [Be.CONTEXT_MENU]: {
+      [Ae.CONTEXT_MENU]: {
         [U1.MAIN_AREA]: {
           order: 0,
           [l1.QUICK]: {
@@ -5982,11 +5982,11 @@ let Pe = class extends d1 {
     for (const [i, o] of Object.entries(r))
       if (i in t) {
         const s = i;
-        r[s] = Ee({}, r[s], t[s]), this.menuChanged$.next();
+        r[s] = $e({}, r[s], t[s]), this.menuChanged$.next();
       } else typeof o == "object" && this.mergeMenu(t, o);
   }
   appendRootMenu(t) {
-    this._menu = Ee({}, this._menu, t), this.menuChanged$.next();
+    this._menu = $e({}, this._menu, t), this.menuChanged$.next();
   }
   _buildMenuSchema(t) {
     const n = [];
@@ -6048,10 +6048,10 @@ let Pe = class extends d1 {
     return r(n);
   }
 };
-Pe = Y5([
-  kt(0, g1(I1)),
-  kt(1, Y1)
-], Pe);
+Be = Y5([
+  Ft(0, g1(I1)),
+  Ft(1, Y1)
+], Be);
 function G5(e) {
   const { item: t, onOptionSelect: n } = e, [r, i] = z([]), o = P(M1), s = P(m1);
   return W(() => {
@@ -6093,7 +6093,7 @@ function G5(e) {
     }
   ) : null;
 }
-const ce = "univer-inline-flex univer-gap-2 univer-items-center", jt = "univer-size-3.5 univer-text-gray-900 dark:!univer-text-white";
+const ce = "univer-inline-flex univer-gap-2 univer-items-center", kt = "univer-size-3.5 univer-text-gray-900 dark:!univer-text-white";
 function kn(e) {
   const { menuType: t, onOptionSelect: n } = e, r = P(m1), i = P(D1), o = G(() => t ? i.getMenuByPositionKey(t) : [], [t, i]), [s, a] = z({}), d = G(() => o.filter((C) => {
     var c;
@@ -6122,7 +6122,7 @@ function kn(e) {
   }, [o]), t ? d && d.map((C) => {
     var v;
     return C.item ? /* @__PURE__ */ f(
-      Ut,
+      jt,
       {
         menuItem: C.item,
         onClick: (c) => {
@@ -6130,8 +6130,8 @@ function kn(e) {
         }
       },
       C.key
-    ) : (v = C.children) != null && v.length ? C.key === l1.QUICK ? /* @__PURE__ */ f(G5, { item: C, onOptionSelect: n }, C.key) : /* @__PURE__ */ f(E3, { eventKey: C.key, title: C.title ? r.t(C.title) : void 0, children: C.children.map((c) => c.item && /* @__PURE__ */ f(
-      Ut,
+    ) : (v = C.children) != null && v.length ? C.key === l1.QUICK ? /* @__PURE__ */ f(G5, { item: C, onOptionSelect: n }, C.key) : /* @__PURE__ */ f($3, { eventKey: C.key, title: C.title ? r.t(C.title) : void 0, children: C.children.map((c) => c.item && /* @__PURE__ */ f(
+      jt,
       {
         menuItem: c.item,
         onClick: (p) => {
@@ -6156,14 +6156,14 @@ function jn(e) {
     }, c = K({
       "univer-bg-none": typeof s.label != "string" && !((L = s.label) != null && L.hoverable)
     });
-    return /* @__PURE__ */ f($3, { disabled: s.disabled, eventKey: d, className: c, onClick: v, children: /* @__PURE__ */ q(
+    return /* @__PURE__ */ f(O3, { disabled: s.disabled, eventKey: d, className: c, onClick: v, children: /* @__PURE__ */ q(
       "span",
       {
         className: K(ce, {
           "univer-relative univer-pl-5": !(typeof s.label != "string" && !((M = s.label) != null && M.hoverable))
         }),
         children: [
-          typeof n < "u" && String(n) === String(s.value) && /* @__PURE__ */ f("span", { className: "univer-absolute univer-left-0 univer-inline-flex univer-items-center", children: /* @__PURE__ */ f(q3, { className: "univer-text-primary-600" }) }),
+          typeof n < "u" && String(n) === String(s.value) && /* @__PURE__ */ f("span", { className: "univer-absolute univer-left-0 univer-inline-flex univer-items-center", children: /* @__PURE__ */ f(X3, { className: "univer-text-primary-600" }) }),
           /* @__PURE__ */ f(
             L1,
             {
@@ -6198,8 +6198,8 @@ const X5 = (e) => {
     }
   );
 };
-function Ut({ menuItem: e, onClick: t }) {
-  const n = P(D1), r = r1(e.disabled$, !1), i = r1(e.activated$, !1), o = r1(e.hidden$, !1), s = r1(e.value$), a = e, d = r1(Ne(a.selections) ? a.selections : void 0), [C, v] = z(s);
+function jt({ menuItem: e, onClick: t }) {
+  const n = P(D1), r = r1(e.disabled$, !1), i = r1(e.activated$, !1), o = r1(e.hidden$, !1), s = r1(e.value$), a = e, d = r1(Ee(a.selections) ? a.selections : void 0), [C, v] = z(s);
   if (W(() => {
     v(s);
   }, [s]), o)
@@ -6210,7 +6210,7 @@ function Ut({ menuItem: e, onClick: t }) {
   }, p = () => {
     const _ = e, { title: w, label: I } = _;
     return /* @__PURE__ */ f(
-      $3,
+      O3,
       {
         eventKey: _.id,
         disabled: r,
@@ -6237,7 +6237,7 @@ function Ut({ menuItem: e, onClick: t }) {
     var w;
     const _ = (w = d != null ? d : a.selections) != null ? w : [];
     return _.length > 0 ? /* @__PURE__ */ f(
-      Tt,
+      Dt,
       {
         eventKey: a.id,
         popupOffset: [18, 0],
@@ -6254,8 +6254,8 @@ function Ut({ menuItem: e, onClick: t }) {
           ),
           a.shortcut && ` (${a.shortcut})`
         ] }),
-        expandIcon: /* @__PURE__ */ f(N3, { className: jt }),
-        children: /* @__PURE__ */ f(E3, { children: _.length > 0 && /* @__PURE__ */ f(
+        expandIcon: /* @__PURE__ */ f(E3, { className: kt }),
+        children: /* @__PURE__ */ f($3, { children: _.length > 0 && /* @__PURE__ */ f(
           jn,
           {
             parentKey: a.id,
@@ -6268,7 +6268,7 @@ function Ut({ menuItem: e, onClick: t }) {
         ) })
       },
       a.id
-    ) : /* @__PURE__ */ f($3, { eventKey: a.id, children: /* @__PURE__ */ q("span", { className: ce, children: [
+    ) : /* @__PURE__ */ f(O3, { eventKey: a.id, children: /* @__PURE__ */ q("span", { className: ce, children: [
       /* @__PURE__ */ f(
         L1,
         {
@@ -6284,18 +6284,18 @@ function Ut({ menuItem: e, onClick: t }) {
   }, M = e.id ? n.getMenuByPositionKey(e.id) : [], O = () => {
     const _ = e;
     return /* @__PURE__ */ f(
-      Tt,
+      Dt,
       {
         eventKey: _.id,
         popupOffset: [18, 0],
         title: /* @__PURE__ */ f("span", { className: ce, children: /* @__PURE__ */ f(L1, { title: _.title, icon: _.icon, label: _.label, onChange: c }) }),
-        expandIcon: /* @__PURE__ */ f(N3, { className: jt }),
-        children: /* @__PURE__ */ f(E3, { children: M.length && /* @__PURE__ */ f(kn, { menuType: _.id, parentKey: _.id, onOptionSelect: t }) })
+        expandIcon: /* @__PURE__ */ f(E3, { className: kt }),
+        children: /* @__PURE__ */ f($3, { children: M.length && /* @__PURE__ */ f(kn, { menuType: _.id, parentKey: _.id, onOptionSelect: t }) })
       },
       _.id
     );
   };
-  return /* @__PURE__ */ q(n3, { children: [
+  return /* @__PURE__ */ q(t3, { children: [
     e.type === _1.SELECTOR && L(),
     e.type === _1.SUBITEMS && O(),
     e.type === _1.BUTTON && p()
@@ -6331,7 +6331,7 @@ function v7(e) {
         "univer-hidden univer-w-0": !C
       }),
       children: [
-        /* @__PURE__ */ f(G3, { showIfEllipsis: !0, title: a, children: /* @__PURE__ */ f("span", { className: "univer-w-24 univer-truncate univer-text-right univer-text-xs", children: a }) }),
+        /* @__PURE__ */ f(Y3, { showIfEllipsis: !0, title: a, children: /* @__PURE__ */ f("span", { className: "univer-w-24 univer-truncate univer-text-right univer-text-xs", children: a }) }),
         /* @__PURE__ */ f("div", { className: "univer-h-1 univer-w-40 univer-overflow-hidden univer-rounded-lg univer-bg-gray-200", children: /* @__PURE__ */ f(
           "div",
           {
@@ -6349,7 +6349,7 @@ function v7(e) {
             type: "button",
             onClick: r,
             children: /* @__PURE__ */ f(
-              J3,
+              q3,
               {
                 className: "univer-size-3.5 dark:!univer-text-white"
               }
@@ -6360,12 +6360,12 @@ function v7(e) {
     }
   );
 }
-const g7 = "UNI_DISABLE_CHANGING_FOCUS", nt = h1("ui.message.service");
+const g7 = "UNI_DISABLE_CHANGING_FOCUS", tt = h1("ui.message.service");
 var q5 = Object.getOwnPropertyDescriptor, J5 = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? q5(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, zt = (e, t) => (n, r) => t(n, r, e);
+}, Ut = (e, t) => (n, r) => t(n, r, e);
 let te = class extends d1 {
   constructor(e, t) {
     super(), this._errorService = e, this._messageService = t, this.disposeWithMe(this._errorService.error$.subscribe((n) => {
@@ -6377,12 +6377,12 @@ let te = class extends d1 {
   }
 };
 te = J5([
-  zt(0, g1(w2)),
-  zt(1, nt)
+  Ut(0, g1(w2)),
+  Ut(1, tt)
 ], te);
 function Q5() {
   return {
-    id: r3.id,
+    id: n3.id,
     title: "toggle-shortcut-panel",
     tooltip: "toggle-shortcut-panel",
     icon: "ShortcutIcon",
@@ -6392,13 +6392,13 @@ function Q5() {
 const Un = (e, t) => {
   const n = e.get(y2), r = e.get(fe);
   return W1([
-    n.undoRedoStatus$.pipe(At((i) => t ? i.undos <= 0 : i.redos <= 0)),
+    n.undoRedoStatus$.pipe(Zt((i) => t ? i.undos <= 0 : i.redos <= 0)),
     O2([Ce({}), r.contextChanged$])
-  ]).pipe(At(([i]) => i || r.getContextValue(f9) || r.getContextValue(C9)));
+  ]).pipe(Zt(([i]) => i || r.getContextValue(h9) || r.getContextValue(f9)));
 };
 function K5(e) {
   return {
-    id: z3.id,
+    id: U3.id,
     type: _1.BUTTON,
     icon: "UndoIcon",
     title: "Undo",
@@ -6408,7 +6408,7 @@ function K5(e) {
 }
 function ei(e) {
   return {
-    id: U3.id,
+    id: j3.id,
     type: _1.BUTTON,
     icon: "RedoIcon",
     title: "Redo",
@@ -6418,43 +6418,43 @@ function ei(e) {
 }
 const ti = {
   [z1.HISTORY]: {
-    [z3.id]: {
+    [U3.id]: {
       order: 0,
       menuItemFactory: K5
     },
-    [U3.id]: {
+    [j3.id]: {
       order: 1,
       menuItemFactory: ei
     }
   },
   [z1.OTHERS]: {
-    [r3.id]: {
+    [n3.id]: {
       order: 1,
       menuItemFactory: Q5
     }
   }
-}, Wt = "univer.command.copy", zn = {
-  id: Wt,
-  name: Wt,
+}, zt = "univer.command.copy", zn = {
+  id: zt,
+  name: zt,
   multi: !0,
   priority: 0,
-  type: Ke.COMMAND,
+  type: Qe.COMMAND,
   preconditions: () => !1,
   handler: () => !0
-}, Yt = "univer.command.cut", Wn = {
-  id: Yt,
-  name: Yt,
+}, Wt = "univer.command.cut", Wn = {
+  id: Wt,
+  name: Wt,
   multi: !0,
   priority: 0,
-  type: Ke.COMMAND,
+  type: Qe.COMMAND,
   preconditions: () => !1,
   handler: async () => !0
-}, Gt = "univer.command.paste", Yn = {
-  id: Gt,
-  name: Gt,
+}, Yt = "univer.command.paste", Yn = {
+  id: Yt,
+  name: Yt,
   multi: !0,
   priority: 0,
-  type: Ke.COMMAND,
+  type: Qe.COMMAND,
   preconditions: () => !1,
   handler: () => !0
 }, p7 = "sheet.command.paste-by-short-key";
@@ -6528,7 +6528,7 @@ var b1 = /* @__PURE__ */ ((e) => (e[e.SHIFT = 1024] = "SHIFT", e[e.ALT = 2048] =
 function ri(e, t, n) {
   return window.addEventListener(e, t, n), c1(() => window.removeEventListener(e, t, n));
 }
-const rt = h1("ui.platform.service");
+const nt = h1("ui.platform.service");
 class Gn {
   get isMac() {
     return /Mac/.test(navigator.appVersion);
@@ -6546,7 +6546,7 @@ var ii = Object.getOwnPropertyDescriptor, oi = (e, t, n, r) => {
   return i;
 }, Me = (e, t) => (n, r) => t(n, r, e);
 const ge = h1("ui.shortcut.service");
-let Fe = class extends d1 {
+let Pe = class extends d1 {
   constructor(t, n, r, i) {
     super();
     B(this, "_shortCutMapping", /* @__PURE__ */ new Map());
@@ -6631,22 +6631,22 @@ let Fe = class extends d1 {
     return n && (s |= b1.SHIFT), i && (s |= b1.ALT), (this._platformService.isMac ? r : t.ctrlKey) && (s |= b1.CTRL_COMMAND), this._platformService.isMac && t.ctrlKey && (s |= b1.MAC_CTRL), s;
   }
 };
-Fe = oi([
+Pe = oi([
   Me(0, F1),
-  Me(1, rt),
+  Me(1, nt),
   Me(2, fe),
-  Me(3, v9(k1))
-], Fe);
+  Me(3, C9(k1))
+], Pe);
 var si = Object.getOwnPropertyDescriptor, li = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? si(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, Xt = (e, t) => (n, r) => t(n, r, e);
+}, Gt = (e, t) => (n, r) => t(n, r, e);
 function Xn(e) {
-  return e.getContextValue($e);
+  return e.getContextValue(Oe);
 }
 function qn(e) {
-  return e.getContextValue($e) && !(e.getContextValue(f9) || e.getContextValue(C9));
+  return e.getContextValue(Oe) && !(e.getContextValue(h9) || e.getContextValue(f9));
 }
 const ai = {
   id: zn.id,
@@ -6667,13 +6667,13 @@ const ai = {
   binding: G1.V | b1.CTRL_COMMAND,
   preconditions: () => !1
 }, di = {
-  id: z3.id,
+  id: U3.id,
   description: "shortcut.undo",
   group: "1_common-edit",
   binding: G1.Z | b1.CTRL_COMMAND,
   preconditions: qn
 }, hi = {
-  id: U3.id,
+  id: j3.id,
   description: "shortcut.redo",
   group: "1_common-edit",
   binding: G1.Y | b1.CTRL_COMMAND,
@@ -6697,11 +6697,11 @@ let ne = class extends d1 {
   }
 };
 ne = li([
-  Xt(0, ge),
-  Xt(1, F1)
+  Gt(0, ge),
+  Gt(1, F1)
 ], ne);
 function fi() {
-  const e = P(ge), t = P(m1), n = r1(t.currentLocale$), [r, i] = z([]), o = e3(() => {
+  const e = P(ge), t = P(m1), n = r1(t.currentLocale$), [r, i] = z([]), o = Ke(() => {
     var C;
     const s = /* @__PURE__ */ new Map(), a = e.getAllShortcuts().filter((v) => !!v.group);
     for (const v of a) {
@@ -6760,14 +6760,14 @@ var Ci = Object.getOwnPropertyDescriptor, vi = (e, t, n, r) => {
   return i;
 }, le = (e, t) => (n, r) => t(n, r, e);
 const gi = {
-  id: r3.id,
+  id: n3.id,
   binding: b1.CTRL_COMMAND | G1.BACK_SLASH,
   description: "shortcut.shortcut-panel",
   group: "10_global-shortcut"
 };
 let re = class extends d1 {
   constructor(e, t, n, r, i) {
-    super(), this._menuManagerService = r, this.disposeWithMe(t.register(N9, fi)), this.disposeWithMe(i.registerCommand(r3)), this.disposeWithMe(n.registerShortcut(gi));
+    super(), this._menuManagerService = r, this.disposeWithMe(t.register(N9, fi)), this.disposeWithMe(i.registerCommand(n3)), this.disposeWithMe(n.registerShortcut(gi));
   }
 };
 re = vi([
@@ -6809,7 +6809,7 @@ class Jn extends d1 {
     return /* @__PURE__ */ new Set([...this._componentsByPart.get(n) || /* @__PURE__ */ new Set()]);
   }
 }
-class it {
+class rt {
   constructor() {
     B(this, "_domLayerMap", /* @__PURE__ */ new Map());
     B(this, "_domLayers$", new S1([]));
@@ -6838,10 +6838,10 @@ class it {
     this._domLayerMap.clear(), this._notice();
   }
 }
-const pi = I9((e) => {
+const pi = M9((e) => {
   var w, I;
   const { layer: t, id: n } = e, r = G(() => t.position$.pipe(
-    _9(
+    y9(
       (S, E) => S.absolute.left === E.absolute.left && S.absolute.top === E.absolute.top && S.endX - S.startX === E.endX - E.startX && S.endY - S.startY === E.endY - E.startY
     )
   ), [t.position$]), i = P(N1), o = r1(G(() => t.position$.pipe($2()), [t.position$])), s = J(null), a = J(null), d = J(`transform: rotate(${o == null ? void 0 : o.rotate}deg) translate(${o == null ? void 0 : o.startX}px, ${o == null ? void 0 : o.startY}px)`), C = J((w = o == null ? void 0 : o.startY) != null ? w : 0), v = J((I = o == null ? void 0 : o.startX) != null ? I : 0), c = J({}), p = typeof t.componentKey == "string" ? P(M1).get(t.componentKey) : t.componentKey, L = G(() => ({
@@ -6869,7 +6869,7 @@ const pi = I9((e) => {
       S.unsubscribe(), E.unsubscribe();
     };
   }, [t.position$, r]);
-  const M = i.getUnit(t.unitId), O = M instanceof h9 ? M.getDisabled() : void 0, _ = G(() => p ? /* @__PURE__ */ f(
+  const M = i.getUnit(t.unitId), O = M instanceof d9 ? M.getDisabled() : void 0, _ = G(() => p ? /* @__PURE__ */ f(
     p,
     {
       ...L,
@@ -6923,7 +6923,7 @@ const pi = I9((e) => {
   ) : null;
 }), Qn = ({ unitId: e }) => {
   var s;
-  const t = P(N1), n = P(it), r = r1(n.domLayers$), i = r1(t.focused$), o = e || i;
+  const t = P(N1), n = P(rt), r = r1(n.domLayers$), i = r1(t.focused$), o = e || i;
   return (s = r == null ? void 0 : r.filter((a) => a[1].unitId === o)) == null ? void 0 : s.map((a) => {
     var d;
     return /* @__PURE__ */ f(
@@ -6935,7 +6935,7 @@ const pi = I9((e) => {
       a[0]
     );
   });
-}, ot = h1("ui.popup.service");
+}, it = h1("ui.popup.service");
 class Kn extends d1 {
   constructor() {
     super(...arguments);
@@ -6972,7 +6972,7 @@ class Kn extends d1 {
     this._popupMap.clear(), this._update();
   }
 }
-const er = x9({ current: void 0 }), J1 = 8;
+const er = I9({ current: void 0 }), J1 = 8;
 function tr(e) {
   const { position: t, width: n, height: r, containerHeight: i, containerWidth: o, direction: s = "vertical", noPushMinimumGap: a = !1 } = e, d = a ? -1 / 0 : J1, C = a ? 1 / 0 : i - r - J1, v = a ? -1 / 0 : J1, c = a ? 1 / 0 : o - n - J1;
   if (s === "vertical" || s.indexOf("top") === 0 || s.indexOf("bottom") === 0) {
@@ -6996,7 +6996,7 @@ function tr(e) {
   } : w = L + r > i ? Math.max(O - r, d) < J1 ? { top: Math.max(Math.min(L, C), d) } : { top: Math.max(Math.min(O - r, C), d) } : { top: Math.max(Math.min(L, C), d) };
   return { ...w, ..._ };
 }
-function st(e) {
+function ot(e) {
   var X;
   const {
     mask: t,
@@ -7076,7 +7076,7 @@ function st(e) {
       window.removeEventListener("contextmenu", U);
     };
   }, [y]);
-  const o1 = /* @__PURE__ */ q(n3, { children: [
+  const o1 = /* @__PURE__ */ q(t3, { children: [
     t && /* @__PURE__ */ f(
       "div",
       {
@@ -7106,12 +7106,12 @@ function st(e) {
   ] });
   return n ? document.getElementById(n1) ? E9(o1, document.getElementById(n1)) : null : o1;
 }
-st.calcPopupPosition = tr;
-st.useContext = () => t3(er);
+ot.calcPopupPosition = tr;
+ot.useContext = () => e3(er);
 const mi = ({ popup: e, children: t }) => {
   const [n, r] = z(!1), i = G(() => e.anchorRect$.pipe(
-    L3(0, w3),
-    M9((c) => {
+    b3(0, L3),
+    _9((c) => {
       var I;
       const { bottom: p, left: L, right: M, top: O } = c, [_ = 0, w = 0] = (I = e.offset) != null ? I : [];
       return {
@@ -7123,10 +7123,10 @@ const mi = ({ popup: e, children: t }) => {
     })
   ), [e.anchorRect$, e.offset]), o = G(() => {
     var c, p;
-    return (p = (c = e.hiddenRects$) == null ? void 0 : c.pipe(L3(0, w3))) != null ? p : Ce([]);
+    return (p = (c = e.hiddenRects$) == null ? void 0 : c.pipe(b3(0, L3))) != null ? p : Ce([]);
   }, [e.hiddenRects$]), s = G(() => {
     var c;
-    return (c = e.excludeRects$) == null ? void 0 : c.pipe(L3(0, w3));
+    return (c = e.excludeRects$) == null ? void 0 : c.pipe(b3(0, L3));
   }, [e.excludeRects$]), a = M5(s, e.excludeRects), { canvasElement: d, hideOnInvisible: C = !0, hiddenType: v = "destroy" } = e;
   return W(() => {
     if (!C)
@@ -7140,7 +7140,7 @@ const mi = ({ popup: e, children: t }) => {
     });
     return () => c.unsubscribe();
   }, [d, C, i, o]), n && v === "destroy" ? null : /* @__PURE__ */ f(
-    st,
+    ot,
     {
       ...e,
       hidden: n,
@@ -7166,7 +7166,7 @@ const mi = ({ popup: e, children: t }) => {
   );
 };
 function nr() {
-  const e = P(ot), t = P(M1);
+  const e = P(it), t = P(M1);
   return r1(e.popups$, void 0, !0).map((r) => {
     const [i, o] = r, s = t.get(o.componentKey);
     return /* @__PURE__ */ f(
@@ -7183,9 +7183,9 @@ var bi = Object.getOwnPropertyDescriptor, Li = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? bi(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, qt = (e, t) => (n, r) => t(n, r, e);
+}, Xt = (e, t) => (n, r) => t(n, r, e);
 const rr = h1("univer.ribbon-service");
-let Z3 = class extends d1 {
+let T3 = class extends d1 {
   constructor(t, n) {
     super();
     B(this, "_ribbon$", new S1([]));
@@ -7210,8 +7210,8 @@ let Z3 = class extends d1 {
   _initRibbonSubscription() {
     this.disposeWithMe(
       W1([
-        this._menuManagerService.menuChanged$.pipe(_3(void 0)),
-        this._univerInstanceService.focused$.pipe(_3(void 0))
+        this._menuManagerService.menuChanged$.pipe(y3(void 0)),
+        this._univerInstanceService.focused$.pipe(y3(void 0))
       ]).subscribe(() => {
         this._updateRibbon();
       })
@@ -7219,7 +7219,7 @@ let Z3 = class extends d1 {
   }
   _updateRibbon() {
     var i;
-    const t = this._menuManagerService.getMenuByPositionKey(Be.RIBBON), n = [], r = [];
+    const t = this._menuManagerService.getMenuByPositionKey(Ae.RIBBON), n = [], r = [];
     for (const o of t)
       if (o.children) {
         for (const s of o.children)
@@ -7231,7 +7231,7 @@ let Z3 = class extends d1 {
       this._ribbon$.next(t);
       return;
     }
-    W1(n).pipe(_3(new Array(n.length).fill(!1))).subscribe((o) => {
+    W1(n).pipe(y3(new Array(n.length).fill(!1))).subscribe((o) => {
       var d, C, v, c, p, L;
       const s = [], a = o.map((M, O) => M ? r[O] : null).filter((M) => !!M);
       for (const M of t) {
@@ -7259,10 +7259,10 @@ let Z3 = class extends d1 {
     }).unsubscribe();
   }
 };
-Z3 = Li([
-  qt(0, D1),
-  qt(1, N1)
-], Z3);
+T3 = Li([
+  Xt(0, D1),
+  Xt(1, N1)
+], T3);
 function y1(e) {
   const { components: t, fallback: n, sharedProps: r } = e;
   return !t || t.size === 0 ? n != null ? n : null : Array.from(t.values()).map((i, o) => {
@@ -7272,11 +7272,11 @@ function y1(e) {
 }
 function w1(e, t) {
   var a;
-  const n = (a = t == null ? void 0 : t.get(V1)) != null ? a : P(V1), r = G(() => n.uiVisibleChange$.pipe(Nt((d) => d.ui === e)), [e, n]), i = r1(r), o = J(0), s = r1(
+  const n = (a = t == null ? void 0 : t.get(V1)) != null ? a : P(V1), r = G(() => n.uiVisibleChange$.pipe(Et((d) => d.ui === e)), [e, n]), i = r1(r), o = J(0), s = r1(
     () => n.componentRegistered$.pipe(
-      Nt((d) => d === e),
+      Et((d) => d === e),
       E2(200),
-      M9(() => o.current += 1),
+      _9(() => o.current += 1),
       N2(o.current += 1)
       // trigger update when subscribe
     ),
@@ -7328,10 +7328,10 @@ function wi({
 const yi = {
   [p1.START]: v6,
   [p1.INSERT]: L6,
-  [p1.FORMULAS]: Q3,
+  [p1.FORMULAS]: J3,
   [p1.DATA]: K9,
   [p1.VIEW]: o6,
-  [p1.OTHERS]: K3
+  [p1.OTHERS]: Q3
 };
 function _i({
   ribbon: e,
@@ -7461,7 +7461,7 @@ function Ii(e) {
     return t && L.push(t.subscribe((M) => d(M))), n && L.push(n.subscribe((M) => p(M))), r && L.push(r.subscribe((M) => v(M))), i && L.push(i.subscribe((M) => s(M))), () => L.forEach((M) => M.unsubscribe());
   }, [r, t, n, i]), { disabled: a, value: o, activated: C, hidden: c };
 }
-const lt = x9({
+const st = I9({
   dropdownVisible: !1,
   setDropdownVisible: (e) => {
   }
@@ -7480,22 +7480,22 @@ const lt = x9({
   return T2(t, () => ({
     el: i.current
   })), r.title ? /* @__PURE__ */ f(
-    G3,
+    Y3,
     {
       visible: o,
       onVisibleChange: C,
       ...r,
-      children: /* @__PURE__ */ f("span", { ref: i, children: /* @__PURE__ */ f(lt.Provider, { value: c, children: n }) })
+      children: /* @__PURE__ */ f("span", { ref: i, children: /* @__PURE__ */ f(st.Provider, { value: c, children: n }) })
     }
   ) : /* @__PURE__ */ f("span", { ref: i, children: n });
 });
 function Hi(e) {
-  const { children: t, overlay: n, disabled: r, align: i = "start" } = e, { dropdownVisible: o, setDropdownVisible: s } = t3(lt);
+  const { children: t, overlay: n, disabled: r, align: i = "start" } = e, { dropdownVisible: o, setDropdownVisible: s } = e3(st);
   function a(d) {
     s(d);
   }
   return /* @__PURE__ */ f(
-    H9,
+    x9,
     {
       align: i,
       overlay: /* @__PURE__ */ f("div", { className: "univer-grid univer-gap-2", children: n }),
@@ -7519,7 +7519,7 @@ function Ie({ icon: e, value: t, option: n, onOptionSelect: r }) {
       }),
       children: [
         o && String(t) === String(n.value) && /* @__PURE__ */ f(
-          q3,
+          X3,
           {
             className: "univer-absolute univer-left-1 univer-top-0.5 univer-text-primary-600"
           }
@@ -7539,7 +7539,7 @@ function Ie({ icon: e, value: t, option: n, onOptionSelect: r }) {
     }
   );
 }
-function Jt({
+function qt({
   menuId: e,
   slot: t,
   value: n,
@@ -7549,7 +7549,7 @@ function Jt({
   onOptionSelect: s
 }) {
   var O;
-  const { dropdownVisible: a, setDropdownVisible: d } = t3(lt), C = P(D1), [v, c] = z({}), p = G(() => e ? C.getMenuByPositionKey(e) : [], [e]), L = G(() => p.filter((_) => {
+  const { dropdownVisible: a, setDropdownVisible: d } = e3(st), C = P(D1), [v, c] = z({}), p = G(() => e ? C.getMenuByPositionKey(e) : [], [e]), L = G(() => p.filter((_) => {
     var I;
     if (!_.children)
       return !v[_.key];
@@ -7658,7 +7658,7 @@ function Jt({
       });
     }
     return /* @__PURE__ */ f(
-      O3,
+      V3,
       {
         align: "start",
         items: _,
@@ -7699,7 +7699,7 @@ function Jt({
         });
       } else (O = w.children) != null && O.length;
     return /* @__PURE__ */ f(
-      O3,
+      V3,
       {
         align: "start",
         items: _,
@@ -7714,9 +7714,9 @@ function Jt({
 const xe = H((e, t) => {
   const n = P(m1), r = P(F1), i = P(k1), o = P(M1), { value: s, hidden: a, disabled: d, activated: C } = Ii(e), v = (X, U) => {
     i.focus(), r.executeCommand(X, U);
-  }, { tooltip: c, shortcut: p, icon: L, title: M, label: O, id: _, commandId: w, type: I, slot: S, params: E } = e, y = n.t(c != null ? c : "") + (p ? ` (${p})` : ""), { selections: N } = e, D = G(() => Ne(N) ? N : new de((X) => {
+  }, { tooltip: c, shortcut: p, icon: L, title: M, label: O, id: _, commandId: w, type: I, slot: S, params: E } = e, y = n.t(c != null ? c : "") + (p ? ` (${p})` : ""), { selections: N } = e, D = G(() => Ee(N) ? N : new de((X) => {
     X.next(N);
-  }), [N]), k = r1(D), j = G(() => Ne(L) ? L : new de((X) => {
+  }), [N]), k = r1(D), j = G(() => Ee(L) ? L : new de((X) => {
     var s1, f1;
     const U = (f1 = (s1 = k == null ? void 0 : k.find((x1) => x1.value === s)) == null ? void 0 : s1.icon) != null ? f1 : L;
     X.next(U);
@@ -7766,7 +7766,7 @@ const xe = H((e, t) => {
             }
           ),
           /* @__PURE__ */ f(
-            Jt,
+            qt,
             {
               menuId: _,
               slot: S,
@@ -7791,7 +7791,7 @@ const xe = H((e, t) => {
         ]
       }
     ) : /* @__PURE__ */ f(
-      Jt,
+      qt,
       {
         menuId: _,
         slot: S,
@@ -7889,7 +7889,7 @@ function Si(e) {
       }), _;
     }
     return d;
-  }, [t, d]), L = e3((_) => {
+  }, [t, d]), L = Ke((_) => {
     a.current = {}, i.setActivatedTab(_.key);
   }, []), M = G(() => {
     var S, E;
@@ -7938,10 +7938,10 @@ function Si(e) {
       "aria-hidden": "true",
       className: K("univer-invisible univer-absolute -univer-left-[99999] -univer-top-[99999] univer-box-border univer-flex univer-h-10 univer-min-w-min univer-items-center univer-px-3 univer-opacity-0", {
         "univer-hidden": !c
-      }, Zt, De),
+      }, Tt, Ne),
       children: M.allGroups.map((_, w) => {
         var I, S;
-        return (((I = _.children) == null ? void 0 : I.length) || _.item) && /* @__PURE__ */ f(Dt, { children: /* @__PURE__ */ f("div", { className: "univer-grid univer-shrink-0 univer-grid-flow-col univer-gap-2 univer-px-2", children: _.children && ((S = _.children) == null ? void 0 : S.map((E) => E.item && /* @__PURE__ */ f(
+        return (((I = _.children) == null ? void 0 : I.length) || _.item) && /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f("div", { className: "univer-grid univer-shrink-0 univer-grid-flow-col univer-gap-2 univer-px-2", children: _.children && ((S = _.children) == null ? void 0 : S.map((E) => E.item && /* @__PURE__ */ f(
           xe,
           {
             ...E.item,
@@ -7960,7 +7960,7 @@ function Si(e) {
       })
     }
   ), [M.allGroups, c]);
-  return /* @__PURE__ */ q(n3, { children: [
+  return /* @__PURE__ */ q(t3, { children: [
     /* @__PURE__ */ q(
       "div",
       {
@@ -7994,7 +7994,7 @@ function Si(e) {
           "univer-grid-cols-[1fr] univer-justify-center": t === "classic",
           "univer-grid-cols-[auto,1fr]": p.length > 1 && t !== "classic",
           "univer-grid-cols-none": p.length === 1
-        }, De),
+        }, Ne),
         children: [
           t === "default" && p.length > 1 && /* @__PURE__ */ f(
             _i,
@@ -8009,7 +8009,7 @@ function Si(e) {
             {
               "data-u-comp": "ribbon-toolbar",
               ref: s,
-              className: K("univer-flex univer-overflow-hidden", Zt, {
+              className: K("univer-flex univer-overflow-hidden", Tt, {
                 "univer-justify-center": t === "classic"
               }),
               role: "toolbar",
@@ -8017,7 +8017,7 @@ function Si(e) {
               children: [
                 M.visibleGroups.map((_) => {
                   var w, I;
-                  return (((w = _.children) == null ? void 0 : w.length) || _.item) && /* @__PURE__ */ f(Dt, { children: /* @__PURE__ */ f("div", { className: "univer-grid univer-shrink-0 univer-grid-flow-col univer-gap-2 univer-px-2", children: _.children && ((I = _.children) == null ? void 0 : I.map((S) => S.item && /* @__PURE__ */ f(xe, { ...S.item }, S.key))) }) }, _.key);
+                  return (((w = _.children) == null ? void 0 : w.length) || _.item) && /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f("div", { className: "univer-grid univer-shrink-0 univer-grid-flow-col univer-gap-2 univer-px-2", children: _.children && ((I = _.children) == null ? void 0 : I.map((S) => S.item && /* @__PURE__ */ f(xe, { ...S.item }, S.key))) }) }, _.key);
                 }),
                 v.length > 0 && /* @__PURE__ */ f(
                   "div",
@@ -8025,7 +8025,7 @@ function Si(e) {
                     "data-u-comp": "ribbon-toolbar-more",
                     className: "univer-pl-2 rtl:univer-pr-2",
                     children: /* @__PURE__ */ f(
-                      H9,
+                      x9,
                       {
                         collisionPadding: { right: 12, left: 12 },
                         onOpenAutoFocus: (_) => _.preventDefault(),
@@ -8053,7 +8053,7 @@ function Si(e) {
                             className: ir,
                             "aria-label": o.t("ribbon.more"),
                             "aria-haspopup": "true",
-                            children: /* @__PURE__ */ f(K3, {})
+                            children: /* @__PURE__ */ f(Q3, {})
                           }
                         )
                       }
@@ -8069,7 +8069,7 @@ function Si(e) {
     O
   ] });
 }
-class i3 extends d1 {
+class r3 extends d1 {
   constructor() {
     super(...arguments);
     B(this, "_styleSheetId", "univer-theme-css-variables");
@@ -8097,7 +8097,7 @@ ${i}
     super.dispose();
   }
 }
-const o3 = h1("ui.contextmenu.service");
+const i3 = h1("ui.contextmenu.service");
 class or extends d1 {
   constructor() {
     super(...arguments);
@@ -8129,7 +8129,7 @@ class or extends d1 {
   }
 }
 function Ri() {
-  const e = J(null), [t, n] = z(!1), [r, i] = z(""), [o, s] = z([0, 0]), a = J(t), d = P(o3), C = P(F1), v = A2();
+  const e = J(null), [t, n] = z(!1), [r, i] = z(""), [o, s] = z([0, 0]), a = J(t), d = P(i3), C = P(F1), v = A2();
   a.current = t, W(() => {
     const L = d.registerContextMenuHandler({
       handleContextMenu: c,
@@ -8155,7 +8155,7 @@ function Ri() {
   function p() {
     n(!1);
   }
-  return /* @__PURE__ */ f(S9, { visible: t, offset: o, children: /* @__PURE__ */ f("section", { ref: e, children: r && /* @__PURE__ */ f(
+  return /* @__PURE__ */ f(H9, { visible: t, offset: o, children: /* @__PURE__ */ f("section", { ref: e, children: r && /* @__PURE__ */ f(
     X5,
     {
       menuType: r,
@@ -8166,9 +8166,9 @@ function Ri() {
     }
   ) }) });
 }
-const at = h1("univer.global-zone-service");
+const lt = h1("univer.global-zone-service");
 function sr() {
-  const e = P(at), [t, n] = z(!1), r = r1(e.componentKey$, e.componentKey), i = P(M1), o = G(() => {
+  const e = P(lt), [t, n] = z(!1), r = r1(e.componentKey$, e.componentKey), i = P(M1), o = G(() => {
     const s = i.get(r != null ? r : "");
     if (s)
       return s;
@@ -8253,7 +8253,7 @@ function lr() {
                     {
                       className: "univer-cursor-pointer univer-text-gray-500 dark:!univer-text-gray-300",
                       onClick: o,
-                      children: /* @__PURE__ */ f(J3, {})
+                      children: /* @__PURE__ */ f(q3, {})
                     }
                   )
                 ]
@@ -8273,9 +8273,9 @@ function lr() {
     }
   );
 }
-const ct = h1("univer.zen-zone-service");
+const at = h1("univer.zen-zone-service");
 function ar() {
-  const e = P(ct), [t, n] = z(!1), [r, i] = z(), o = r1(e.temporaryHidden$), s = P(M1);
+  const e = P(at), [t, n] = z(!1), [r, i] = z(), o = r1(e.temporaryHidden$), s = P(M1);
   W(() => {
     const d = [
       e.visible$.subscribe((C) => {
@@ -8322,8 +8322,8 @@ function Oi(e) {
     ribbonType: s = "default",
     mountContainer: a,
     onRendered: d
-  } = e, C = P(m1), v = P(W3), c = P(i3), p = J(null), M = P(Y1).getConfig(ie), O = w1(a1.CUSTOM_HEADER), _ = w1(a1.FOOTER), w = w1(a1.HEADER), I = w1(a1.HEADER_MENU), S = w1(a1.CONTENT), E = w1(a1.LEFT_SIDEBAR), y = w1(a1.GLOBAL), N = w1(a1.TOOLBAR), D = (o1 = M == null ? void 0 : M.popupRootId) != null ? o1 : "univer-popup-portal";
-  V3(() => {
+  } = e, C = P(m1), v = P(z3), c = P(r3), p = J(null), M = P(Y1).getConfig(ie), O = w1(a1.CUSTOM_HEADER), _ = w1(a1.FOOTER), w = w1(a1.HEADER), I = w1(a1.HEADER_MENU), S = w1(a1.CONTENT), E = w1(a1.LEFT_SIDEBAR), y = w1(a1.GLOBAL), N = w1(a1.TOOLBAR), D = (o1 = M == null ? void 0 : M.popupRootId) != null ? o1 : "univer-popup-portal";
+  R3(() => {
     const X = v.currentTheme$.subscribe((U) => {
       c.injectThemeToHead(U);
     });
@@ -8332,7 +8332,7 @@ function Oi(e) {
     };
   }, []);
   const [k, j] = z(!1);
-  V3(() => {
+  R3(() => {
     const X = v.darkMode$.subscribe((U) => {
       j(U), U ? document.documentElement.classList.add("univer-dark") : document.documentElement.classList.remove("univer-dark");
     });
@@ -8353,7 +8353,7 @@ function Oi(e) {
     return () => {
       X.forEach((U) => U.unsubscribe()), document.body.removeChild(i1);
     };
-  }, [C, a, i1]), /* @__PURE__ */ q(R9, { locale: Q == null ? void 0 : Q.design, mountContainer: i1, children: [
+  }, [C, a, i1]), /* @__PURE__ */ q(S9, { locale: Q == null ? void 0 : Q.design, mountContainer: i1, children: [
     /* @__PURE__ */ q(
       "div",
       {
@@ -8401,7 +8401,7 @@ function Oi(e) {
                   /* @__PURE__ */ q(
                     "section",
                     {
-                      className: K("univer-relative univer-grid univer-flex-1 univer-grid-rows-[auto_1fr] univer-overflow-hidden univer-bg-white dark:!univer-bg-gray-800", De),
+                      className: K("univer-relative univer-grid univer-flex-1 univer-grid-rows-[auto_1fr] univer-overflow-hidden univer-bg-white dark:!univer-bg-gray-800", Ne),
                       children: [
                         /* @__PURE__ */ f("header", { children: t && /* @__PURE__ */ f(y1, { components: w }, "header") }),
                         /* @__PURE__ */ f(
@@ -8435,7 +8435,7 @@ function Oi(e) {
   ] });
 }
 function $i() {
-  const { mountContainer: e } = t3(J2), t = w1(a1.FLOATING);
+  const { mountContainer: e } = e3(J2), t = w1(a1.FLOATING);
   return E9(/* @__PURE__ */ f(y1, { components: t }, "floating"), e);
 }
 const Ei = 3e3;
@@ -8443,18 +8443,19 @@ class cr extends d1 {
   constructor(n, r, i, o, s) {
     super();
     B(this, "_steadyTimeout");
+    B(this, "_renderedTimeout");
     B(this, "_renderTimeout");
     B(this, "_currentRenderId", null);
     this._injector = n, this._instanceService = r, this._layoutService = i, this._lifecycleService = o, this._renderManagerService = s;
   }
   dispose() {
-    super.dispose(), clearTimeout(this._steadyTimeout), clearTimeout(this._renderTimeout), delete this._instanceService, delete this._layoutService, delete this._lifecycleService, delete this._renderManagerService;
+    super.dispose(), clearTimeout(this._steadyTimeout), clearTimeout(this._renderedTimeout), clearTimeout(this._renderTimeout), delete this._instanceService, delete this._layoutService, delete this._lifecycleService, delete this._renderManagerService;
   }
   _bootstrapWorkbench() {
     this.disposeWithMe(this.bootstrap(async (n, r) => {
       this._layoutService && (this.disposeWithMe(this._layoutService.registerRootContainerElement(r)), this.disposeWithMe(this._layoutService.registerContentElement(n)));
       try {
-        await this._lifecycleService.onStage(m3.Ready), this._renderTimeout = window.setTimeout(() => {
+        await this._lifecycleService.onStage(p3.Ready), this._renderTimeout = window.setTimeout(() => {
           const i = this._renderManagerService.getRenderAll();
           for (const [o] of i)
             if (this._changeRenderUnit(o, n)) break;
@@ -8465,12 +8466,14 @@ class cr extends d1 {
             o.unitId === ((s = this._instanceService.getFocusedUnit()) == null ? void 0 : s.getUnitId()) && this._changeRenderUnit(o.unitId, n);
           })), this.disposeWithMe(this._renderManagerService.disposed$.subscribe((o) => {
             this._currentRenderId === o && (this._currentRenderId = null);
-          })), this._lifecycleService.stage = m3.Rendered, this._steadyTimeout = window.setTimeout(() => {
-            this._lifecycleService.stage = m3.Steady;
-          }, Ei);
+          })), this._renderedTimeout = window.setTimeout(() => {
+            this._lifecycleService.stage = p3.Rendered, this._steadyTimeout = window.setTimeout(() => {
+              this._lifecycleService.stage = p3.Steady;
+            }, Ei);
+          }, 0);
         }, 300);
       } catch (i) {
-        if (i instanceof I2)
+        if (clearTimeout(this._steadyTimeout), clearTimeout(this._renderedTimeout), clearTimeout(this._renderTimeout), i instanceof I2)
           return;
         throw i;
       }
@@ -8489,7 +8492,7 @@ var Ni = Object.getOwnPropertyDescriptor, Di = (e, t, n, r) => {
     (s = e[o]) && (i = s(i) || i);
   return i;
 }, P1 = (e, t) => (n, r) => t(n, r, e);
-let A3 = class extends cr {
+let Z3 = class extends cr {
   constructor(e, t, n, r, i, o, s, a, d) {
     super(t, o, i, n, r), this._config = e, this._componentManager = d, s.mergeMenu(ti), this._initBuiltinComponents(a), this._registerComponents(), this._bootstrapWorkbench();
   }
@@ -8517,26 +8520,26 @@ let A3 = class extends cr {
     this.disposeWithMe(e.registerComponent(a1.FLOATING, () => R1(nr, this._injector))), this.disposeWithMe(e.registerComponent(a1.CONTENT, () => R1(Qn, this._injector))), this.disposeWithMe(e.registerComponent(a1.TOOLBAR, () => R1(Si, this._injector)));
   }
 };
-A3 = Di([
+Z3 = Di([
   P1(1, g1(I1)),
-  P1(2, g1(g9)),
+  P1(2, g1(v9)),
   P1(3, O9),
   P1(4, k1),
   P1(5, N1),
   P1(6, D1),
   P1(7, V1),
   P1(8, g1(M1))
-], A3);
+], Z3);
 function Ti(e, t, n) {
   let r;
   const i = t.container;
   if (typeof i == "string") {
     const d = document.getElementById(i);
-    d ? r = d : r = Qt(i);
-  } else i instanceof HTMLElement ? r = i : r = Qt("univer");
+    d ? r = d : r = Jt(i);
+  } else i instanceof HTMLElement ? r = i : r = Jt("univer");
   const o = R1(Vi, e), s = (d) => n(d, r);
   function a() {
-    Re(
+    V9(
       /* @__PURE__ */ f(
         o,
         {
@@ -8549,14 +8552,14 @@ function Ti(e, t, n) {
     );
   }
   return a(), c1(() => {
-    Re(/* @__PURE__ */ f("div", {}), r), setTimeout(() => Re(/* @__PURE__ */ f("div", {}), r), 200), setTimeout(() => V9(r), 500);
+    R9(r);
   });
 }
-function Qt(e) {
+function Jt(e) {
   const t = document.createElement("div");
   return t.id = e, t;
 }
-const ke = h1("univer.ui.ui-controller");
+const Fe = h1("univer.ui.ui-controller");
 function Zi(e) {
   const { menuType: t, onOptionSelect: n } = e, r = P(D1);
   if (!t)
@@ -8604,7 +8607,7 @@ function Ai(e) {
   );
 }
 function Bi() {
-  const [e, t] = z(!1), [n, r] = z(""), [i, o] = z([0, 0]), s = J(e), a = P(o3), d = P(F1);
+  const [e, t] = z(!1), [n, r] = z(""), [i, o] = z([0, 0]), s = J(e), a = P(i3), d = P(F1);
   s.current = e, W(() => {
     const c = a.registerContextMenuHandler({
       handleContextMenu: C,
@@ -8625,7 +8628,7 @@ function Bi() {
   function v() {
     t(!1);
   }
-  return /* @__PURE__ */ f(S9, { visible: e, offset: i, children: /* @__PURE__ */ f("section", { onPointerDown: (c) => c.stopPropagation(), children: n && // TODO@wzhudev: change to mobile menu
+  return /* @__PURE__ */ f(H9, { visible: e, offset: i, children: /* @__PURE__ */ f("section", { onPointerDown: (c) => c.stopPropagation(), children: n && // TODO@wzhudev: change to mobile menu
   /* @__PURE__ */ f(
     Zi,
     {
@@ -8644,7 +8647,7 @@ function Pi(e) {
     contextMenu: r = !0,
     mountContainer: i,
     onRendered: o
-  } = e, s = P(m1), a = P(W3), d = P(i3), C = J(null), v = w1(a1.FOOTER), c = w1(a1.HEADER), p = w1(a1.CONTENT), L = w1(a1.LEFT_SIDEBAR), M = w1(a1.GLOBAL), [O, _] = z(!1);
+  } = e, s = P(m1), a = P(z3), d = P(r3), C = J(null), v = w1(a1.FOOTER), c = w1(a1.HEADER), p = w1(a1.CONTENT), L = w1(a1.LEFT_SIDEBAR), M = w1(a1.GLOBAL), [O, _] = z(!1);
   W(() => {
     const E = a.darkMode$.subscribe((y) => {
       _(y);
@@ -8656,7 +8659,7 @@ function Pi(e) {
     C.current && (o == null || o(C.current));
   }, [o]);
   const [w, I] = z(s.getLocales()), S = G(() => document.createElement("div"), []);
-  return V3(() => {
+  return R3(() => {
     const E = a.currentTheme$.subscribe((y) => {
       d.injectThemeToHead(y);
     });
@@ -8673,7 +8676,7 @@ function Pi(e) {
     return () => {
       E.forEach((y) => y.unsubscribe()), document.body.removeChild(S);
     };
-  }, [s, i, S]), /* @__PURE__ */ q(R9, { locale: w == null ? void 0 : w.design, mountContainer: S, children: [
+  }, [s, i, S]), /* @__PURE__ */ q(S9, { locale: w == null ? void 0 : w.design, mountContainer: S, children: [
     /* @__PURE__ */ q(
       "div",
       {
@@ -8695,7 +8698,7 @@ function Pi(e) {
                   /* @__PURE__ */ q(
                     "section",
                     {
-                      className: K("univer-relative univer-grid univer-flex-1 univer-grid-rows-[auto_1fr] univer-overflow-hidden univer-bg-white dark:!univer-bg-gray-800", De),
+                      className: K("univer-relative univer-grid univer-flex-1 univer-grid-rows-[auto_1fr] univer-overflow-hidden univer-bg-white dark:!univer-bg-gray-800", Ne),
                       children: [
                         /* @__PURE__ */ f("header", { className: "univer-w-screen", children: t && /* @__PURE__ */ f(y1, { components: c }, "header") }),
                         /* @__PURE__ */ f(
@@ -8731,7 +8734,7 @@ var Fi = Object.getOwnPropertyDescriptor, ki = (e, t, n, r) => {
     (s = e[o]) && (i = s(i) || i);
   return i;
 }, Q1 = (e, t) => (n, r) => t(n, r, e);
-let B3 = class extends cr {
+let A3 = class extends cr {
   constructor(e, t, n, r, i, o, s) {
     super(t, o, i, n, r), this._config = e, this._initBuiltinComponents(s), this._bootstrapWorkbench();
   }
@@ -8742,24 +8745,24 @@ let B3 = class extends cr {
     this.disposeWithMe(e.registerComponent(a1.CONTENT, () => R1(nr, this._injector))), this.disposeWithMe(e.registerComponent(a1.CONTENT, () => R1(Qn, this._injector)));
   }
 };
-B3 = ki([
+A3 = ki([
   Q1(1, g1(I1)),
-  Q1(2, g1(g9)),
+  Q1(2, g1(v9)),
   Q1(3, O9),
   Q1(4, k1),
   Q1(5, N1),
   Q1(6, V1)
-], B3);
+], A3);
 function ji(e, t, n) {
   let r;
   const i = t.container;
   if (typeof i == "string") {
     const d = document.getElementById(i);
-    d ? r = d : r = Kt(i);
-  } else i instanceof HTMLElement ? r = i : r = Kt("univer");
+    d ? r = d : r = Qt(i);
+  } else i instanceof HTMLElement ? r = i : r = Qt("univer");
   const o = R1(Pi, e), s = (d) => n(d, r);
   function a() {
-    Re(
+    V9(
       /* @__PURE__ */ f(
         o,
         {
@@ -8772,21 +8775,21 @@ function ji(e, t, n) {
     );
   }
   return a(), c1(() => {
-    V9(r);
+    R9(r);
   });
 }
-function Kt(e) {
+function Qt(e) {
   const t = document.createElement("div");
   return t.id = e, t;
 }
-const s3 = h1("ui.notification.service");
+const o3 = h1("ui.notification.service");
 var Ui = Object.getOwnPropertyDescriptor, zi = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? Ui(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
 }, Wi = (e, t) => (n, r) => t(n, r, e);
 const ur = h1("univer.ui.before-close-service");
-let je = class {
+let ke = class {
   constructor(e) {
     B(this, "_beforeUnloadCallbacks", []);
     B(this, "_onCloseCallbacks", []);
@@ -8822,9 +8825,9 @@ let je = class {
     });
   }
 };
-je = zi([
-  Wi(0, s3)
-], je);
+ke = zi([
+  Wi(0, o3)
+], ke);
 function Yi() {
   return typeof navigator.clipboard < "u" && typeof navigator.clipboard.readText < "u";
 }
@@ -8832,8 +8835,8 @@ var Gi = Object.getOwnPropertyDescriptor, Xi = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? Gi(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, M3 = (e, t) => (n, r) => t(n, r, e);
-const e9 = "text/plain", t9 = "text/html", qi = "image/png", Ji = "image/jpeg", Qi = "image/bmp", Ki = "image/webp", m7 = "image/svg+xml", b7 = /* @__PURE__ */ new Set([
+}, _3 = (e, t) => (n, r) => t(n, r, e);
+const Kt = "text/plain", e9 = "text/html", qi = "image/png", Ji = "image/jpeg", Qi = "image/bmp", Ki = "image/webp", m7 = "image/svg+xml", b7 = /* @__PURE__ */ new Set([
   Qi,
   Ji,
   Ki,
@@ -8841,7 +8844,7 @@ const e9 = "text/plain", t9 = "text/html", qi = "image/png", Ji = "image/jpeg",
 ]), dr = h1(
   "univer.clipboard-interface-service"
 );
-let Ue = class extends d1 {
+let je = class extends d1 {
   constructor(e, t, n) {
     super(), this._localeService = e, this._logService = t, this._notificationService = n;
   }
@@ -8854,8 +8857,8 @@ let Ue = class extends d1 {
     try {
       return await navigator.clipboard.write([
         new ClipboardItem({
-          [e9]: new Blob([e], { type: e9 }),
-          [t9]: new Blob([t], { type: t9 })
+          [Kt]: new Blob([e], { type: Kt }),
+          [e9]: new Blob([t], { type: e9 })
         })
       ]);
     } catch (n) {
@@ -8893,7 +8896,7 @@ let Ue = class extends d1 {
     const t = document.activeElement, n = to();
     document.body.appendChild(n), n.innerHTML = e;
     try {
-      n9(n), document.execCommand("copy");
+      t9(n), document.execCommand("copy");
     } finally {
       t instanceof HTMLElement && t.focus(), document.body.removeChild(n);
     }
@@ -8902,7 +8905,7 @@ let Ue = class extends d1 {
     const t = document.activeElement, n = eo();
     document.body.appendChild(n), n.value = e;
     try {
-      n9(n), document.execCommand("copy");
+      t9(n), document.execCommand("copy");
     } finally {
       t instanceof HTMLElement && t.focus(), document.body.removeChild(n);
     }
@@ -8916,11 +8919,11 @@ let Ue = class extends d1 {
     });
   }
 };
-Ue = Xi([
-  M3(0, g1(m1)),
-  M3(1, H2),
-  M3(2, v9(s3))
-], Ue);
+je = Xi([
+  _3(0, g1(m1)),
+  _3(1, H2),
+  _3(2, C9(o3))
+], je);
 function eo() {
   const e = document.createElement("textarea");
   return e.style.position = "absolute", e.style.height = "1px", e.style.width = "1px", e.style.opacity = "0", e.readOnly = !0, e;
@@ -8929,7 +8932,7 @@ function to() {
   const e = document.createElement("div");
   return e.contentEditable = "true", e.style.position = "absolute", e.style.opacity = "0", e.style.height = "1px", e.style.width = "1px", e;
 }
-function n9(e) {
+function t9(e) {
   if (e instanceof HTMLTextAreaElement) {
     const r = e.hasAttribute("readonly");
     return r || e.setAttribute("readonly", ""), e.select(), e.setSelectionRange(0, e.value.length), r || e.removeAttribute("readonly"), e.value;
@@ -8975,7 +8978,7 @@ const no = (e) => {
   );
 };
 function ro() {
-  const e = P(Y3), [t, n] = z([]);
+  const e = P(W3), [t, n] = z([]);
   W(() => {
     const i = e.confirmOptions$.subscribe((o) => {
       n(o);
@@ -8998,8 +9001,8 @@ var io = Object.getOwnPropertyDescriptor, oo = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? io(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, r9 = (e, t) => (n, r) => t(n, r, e);
-let ze = class extends d1 {
+}, n9 = (e, t) => (n, r) => t(n, r, e);
+let Ue = class extends d1 {
   constructor(t, n) {
     super();
     B(this, "_confirmOptions", []);
@@ -9042,13 +9045,13 @@ let ze = class extends d1 {
     );
   }
 };
-ze = oo([
-  r9(0, g1(I1)),
-  r9(1, V1)
-], ze);
-const ut = h1("univer.ui.dialog-service");
+Ue = oo([
+  n9(0, g1(I1)),
+  n9(1, V1)
+], Ue);
+const ct = h1("univer.ui.dialog-service");
 function so() {
-  const e = P(ut), [t, n] = z([]);
+  const e = P(ct), [t, n] = z([]);
   W(() => {
     const o = e.getDialogs$().subscribe((s) => {
       n(s);
@@ -9069,8 +9072,8 @@ var lo = Object.getOwnPropertyDescriptor, ao = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? lo(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, i9 = (e, t) => (n, r) => t(n, r, e);
-let We = class extends d1 {
+}, r9 = (e, t) => (n, r) => t(n, r, e);
+let ze = class extends d1 {
   constructor(t, n) {
     super();
     B(this, "_dialogOptions", []);
@@ -9113,21 +9116,21 @@ let We = class extends d1 {
     );
   }
 };
-We = ao([
-  i9(0, g1(I1)),
-  i9(1, V1)
-], We);
-const dt = h1("univer.ui.gallery-service");
+ze = ao([
+  r9(0, g1(I1)),
+  r9(1, V1)
+], ze);
+const ut = h1("univer.ui.gallery-service");
 function co() {
-  const e = P(dt), t = r1(e.gallery$);
+  const e = P(ut), t = r1(e.gallery$);
   return t ? /* @__PURE__ */ f(t4, { ...t }) : null;
 }
 var uo = Object.getOwnPropertyDescriptor, ho = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? uo(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, o9 = (e, t) => (n, r) => t(n, r, e);
-let Ye = class extends d1 {
+}, i9 = (e, t) => (n, r) => t(n, r, e);
+let We = class extends d1 {
   constructor(t, n) {
     super();
     B(this, "gallery$", new $1());
@@ -9156,16 +9159,16 @@ let Ye = class extends d1 {
     );
   }
 };
-Ye = ho([
-  o9(0, g1(I1)),
-  o9(1, V1)
-], Ye);
+We = ho([
+  i9(0, g1(I1)),
+  i9(1, V1)
+], We);
 var fo = Object.getOwnPropertyDescriptor, Co = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? fo(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
 }, vo = (e, t) => (n, r) => t(n, r, e);
-let Ge = class {
+let Ye = class {
   constructor(e) {
     B(this, "visible$", new $1());
     B(this, "componentKey$", new $1());
@@ -9187,9 +9190,9 @@ let Ge = class {
     this.visible$.next(!1);
   }
 };
-Ge = Co([
+Ye = Co([
   vo(0, g1(M1))
-], Ge);
+], Ye);
 class hr extends d1 {
   openFile(t) {
     return new Promise((n) => {
@@ -9214,10 +9217,10 @@ function go(e) {
 function Se(e) {
   throw new Error('Could not dynamically require "' + e + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
-var I3 = { exports: {} };
-var s9;
+var M3 = { exports: {} };
+var o9;
 function po() {
-  return s9 || (s9 = 1, (function(e, t) {
+  return o9 || (o9 = 1, (function(e, t) {
     (function(n) {
       e.exports = n();
     })(function() {
@@ -10002,8 +10005,8 @@ function po() {
         function Hr() {
           return typeof openDatabase == "function";
         }
-        var Z1 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", Sr = "~~local_forage_type~", ft = /^~~local_forage_type~([^~]+)~/, me = "__lfsc__:", l3 = me.length, a3 = "arbf", c3 = "blob", Ct = "si08", vt = "ui08", gt = "uic8", pt = "si16", mt = "si32", bt = "ur16", Lt = "ui32", wt = "fl32", yt = "fl64", _t = l3 + a3.length, Mt = Object.prototype.toString;
-        function It(l) {
+        var Z1 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", Sr = "~~local_forage_type~", ht = /^~~local_forage_type~([^~]+)~/, me = "__lfsc__:", s3 = me.length, l3 = "arbf", a3 = "blob", ft = "si08", Ct = "ui08", vt = "uic8", gt = "si16", pt = "si32", mt = "ur16", bt = "ui32", Lt = "fl32", wt = "fl64", yt = s3 + l3.length, _t = Object.prototype.toString;
+        function Mt(l) {
           var h = l.length * 0.75, u = l.length, m, b = 0, g, V, $, T;
           l[l.length - 1] === "=" && (h--, l[l.length - 2] === "=" && h--);
           var Z = new ArrayBuffer(h), A = new Uint8Array(Z);
@@ -10011,7 +10014,7 @@ function po() {
             g = Z1.indexOf(l[m]), V = Z1.indexOf(l[m + 1]), $ = Z1.indexOf(l[m + 2]), T = Z1.indexOf(l[m + 3]), A[b++] = g << 2 | V >> 4, A[b++] = (V & 15) << 4 | $ >> 2, A[b++] = ($ & 3) << 6 | T & 63;
           return Z;
         }
-        function u3(l) {
+        function c3(l) {
           var h = new Uint8Array(l), u = "", m;
           for (m = 0; m < h.length; m += 3)
             u += Z1[h[m] >> 2], u += Z1[(h[m] & 3) << 4 | h[m + 1] >> 4], u += Z1[(h[m + 1] & 15) << 2 | h[m + 2] >> 6], u += Z1[h[m + 2] & 63];
@@ -10019,14 +10022,14 @@ function po() {
         }
         function Rr(l, h) {
           var u = "";
-          if (l && (u = Mt.call(l)), l && (u === "[object ArrayBuffer]" || l.buffer && Mt.call(l.buffer) === "[object ArrayBuffer]")) {
+          if (l && (u = _t.call(l)), l && (u === "[object ArrayBuffer]" || l.buffer && _t.call(l.buffer) === "[object ArrayBuffer]")) {
             var m, b = me;
-            l instanceof ArrayBuffer ? (m = l, b += a3) : (m = l.buffer, u === "[object Int8Array]" ? b += Ct : u === "[object Uint8Array]" ? b += vt : u === "[object Uint8ClampedArray]" ? b += gt : u === "[object Int16Array]" ? b += pt : u === "[object Uint16Array]" ? b += bt : u === "[object Int32Array]" ? b += mt : u === "[object Uint32Array]" ? b += Lt : u === "[object Float32Array]" ? b += wt : u === "[object Float64Array]" ? b += yt : h(new Error("Failed to get type for BinaryArray"))), h(b + u3(m));
+            l instanceof ArrayBuffer ? (m = l, b += l3) : (m = l.buffer, u === "[object Int8Array]" ? b += ft : u === "[object Uint8Array]" ? b += Ct : u === "[object Uint8ClampedArray]" ? b += vt : u === "[object Int16Array]" ? b += gt : u === "[object Uint16Array]" ? b += mt : u === "[object Int32Array]" ? b += pt : u === "[object Uint32Array]" ? b += bt : u === "[object Float32Array]" ? b += Lt : u === "[object Float64Array]" ? b += wt : h(new Error("Failed to get type for BinaryArray"))), h(b + c3(m));
           } else if (u === "[object Blob]") {
             var g = new FileReader();
             g.onload = function() {
-              var V = Sr + l.type + "~" + u3(this.result);
-              h(me + c3 + V);
+              var V = Sr + l.type + "~" + c3(this.result);
+              h(me + a3 + V);
             }, g.readAsArrayBuffer(l);
           } else
             try {
@@ -10036,48 +10039,48 @@ function po() {
             }
         }
         function Vr(l) {
-          if (l.substring(0, l3) !== me)
+          if (l.substring(0, s3) !== me)
             return JSON.parse(l);
-          var h = l.substring(_t), u = l.substring(l3, _t), m;
-          if (u === c3 && ft.test(h)) {
-            var b = h.match(ft);
+          var h = l.substring(yt), u = l.substring(s3, yt), m;
+          if (u === a3 && ht.test(h)) {
+            var b = h.match(ht);
             m = b[1], h = h.substring(b[0].length);
           }
-          var g = It(h);
+          var g = Mt(h);
           switch (u) {
-            case a3:
+            case l3:
               return g;
-            case c3:
+            case a3:
               return v([g], { type: m });
-            case Ct:
+            case ft:
               return new Int8Array(g);
-            case vt:
+            case Ct:
               return new Uint8Array(g);
-            case gt:
+            case vt:
               return new Uint8ClampedArray(g);
-            case pt:
+            case gt:
               return new Int16Array(g);
-            case bt:
-              return new Uint16Array(g);
             case mt:
+              return new Uint16Array(g);
+            case pt:
               return new Int32Array(g);
-            case Lt:
+            case bt:
               return new Uint32Array(g);
-            case wt:
+            case Lt:
               return new Float32Array(g);
-            case yt:
+            case wt:
               return new Float64Array(g);
             default:
               throw new Error("Unkown type: " + u);
           }
         }
-        var d3 = {
+        var u3 = {
           serialize: Rr,
           deserialize: Vr,
-          stringToBuffer: It,
-          bufferToString: u3
+          stringToBuffer: Mt,
+          bufferToString: c3
         };
-        function xt(l, h, u, m) {
+        function It(l, h, u, m) {
           l.executeSql("CREATE TABLE IF NOT EXISTS " + h.storeName + " (id INTEGER PRIMARY KEY, key unique, value)", [], u, m);
         }
         function Or(l) {
@@ -10094,19 +10097,19 @@ function po() {
               return V($);
             }
             u.db.transaction(function($) {
-              xt($, u, function() {
+              It($, u, function() {
                 h._dbInfo = u, g();
               }, function(T, Z) {
                 V(Z);
               });
             }, V);
           });
-          return u.serializer = d3, b;
+          return u.serializer = u3, b;
         }
         function A1(l, h, u, m, b, g) {
           l.executeSql(u, m, b, function(V, $) {
             $.code === $.SYNTAX_ERR ? V.executeSql("SELECT name FROM sqlite_master WHERE type='table' AND name = ?", [h.storeName], function(T, Z) {
-              Z.rows.length ? g(T, $) : xt(T, h, function() {
+              Z.rows.length ? g(T, $) : It(T, h, function() {
                 T.executeSql(u, m, b, g);
               }, g);
             }, g) : g(V, $);
@@ -10152,7 +10155,7 @@ function po() {
           });
           return p(m, h), m;
         }
-        function Ht(l, h, u, m) {
+        function xt(l, h, u, m) {
           var b = this;
           l = M(l);
           var g = new c(function(V, $) {
@@ -10169,7 +10172,7 @@ function po() {
                 }, function(Y) {
                   if (Y.code === Y.QUOTA_ERR) {
                     if (m > 0) {
-                      V(Ht.apply(b, [l, T, u, m - 1]));
+                      V(xt.apply(b, [l, T, u, m - 1]));
                       return;
                     }
                     $(Y);
@@ -10181,7 +10184,7 @@ function po() {
           return p(g, u), g;
         }
         function Nr(l, h, u) {
-          return Ht.apply(this, [l, h, u, 1]);
+          return xt.apply(this, [l, h, u, 1]);
         }
         function Dr(l, h) {
           var u = this;
@@ -10340,7 +10343,7 @@ function po() {
             return !1;
           }
         }
-        function St(l, h) {
+        function Ht(l, h) {
           var u = l.name + "/";
           return l.storeName !== h.storeName && (u += l.storeName + "/"), u;
         }
@@ -10360,7 +10363,7 @@ function po() {
           if (l)
             for (var m in l)
               u[m] = l[m];
-          return u.keyPrefix = St(l, h._defaultConfig), zr() ? (h._dbInfo = u, u.serializer = d3, c.resolve()) : c.reject();
+          return u.keyPrefix = Ht(l, h._defaultConfig), zr() ? (h._dbInfo = u, u.serializer = u3, c.resolve()) : c.reject();
         }
         function Yr(l) {
           var h = this, u = h.ready().then(function() {
@@ -10459,7 +10462,7 @@ function po() {
           }
           var m = this, b;
           return l.name ? b = new c(function(g) {
-            l.storeName ? g(St(l, m._defaultConfig)) : g(l.name + "/");
+            l.storeName ? g(Ht(l, m._defaultConfig)) : g(l.name + "/");
           }).then(function(g) {
             for (var V = localStorage.length - 1; V >= 0; V--) {
               var $ = localStorage.key(V);
@@ -10489,13 +10492,13 @@ function po() {
             b++;
           }
           return !1;
-        }, Rt = Array.isArray || function(l) {
+        }, St = Array.isArray || function(l) {
           return Object.prototype.toString.call(l) === "[object Array]";
-        }, oe = {}, Vt = {}, q1 = {
+        }, oe = {}, Rt = {}, q1 = {
           INDEXEDDB: xr,
           WEBSQL: kr,
           LOCALSTORAGE: n2
-        }, o2 = [q1.INDEXEDDB._driver, q1.WEBSQL._driver, q1.LOCALSTORAGE._driver], be = ["dropInstance"], h3 = ["clear", "getItem", "iterate", "key", "keys", "length", "removeItem", "setItem"].concat(be), s2 = {
+        }, o2 = [q1.INDEXEDDB._driver, q1.WEBSQL._driver, q1.LOCALSTORAGE._driver], be = ["dropInstance"], d3 = ["clear", "getItem", "iterate", "key", "keys", "length", "removeItem", "setItem"].concat(be), s2 = {
           description: "",
           driver: o2.slice(),
           name: "localforage",
@@ -10513,12 +10516,12 @@ function po() {
             });
           };
         }
-        function f3() {
+        function h3() {
           for (var l = 1; l < arguments.length; l++) {
             var h = arguments[l];
             if (h)
               for (var u in h)
-                h.hasOwnProperty(u) && (Rt(h[u]) ? arguments[0][u] = h[u].slice() : arguments[0][u] = h[u]);
+                h.hasOwnProperty(u) && (St(h[u]) ? arguments[0][u] = h[u].slice() : arguments[0][u] = h[u]);
           }
           return arguments[0];
         }
@@ -10530,7 +10533,7 @@ function po() {
                 var m = q1[u], b = m._driver;
                 this[u] = b, oe[b] || this.defineDriver(m);
               }
-            this._defaultConfig = f3({}, s2), this._config = f3({}, this._defaultConfig, h), this._driverSet = null, this._initDriver = null, this._ready = !1, this._dbInfo = null, this._wrapLibraryMethodsWithReady(), this.setDriver(this._config.driver).catch(function() {
+            this._defaultConfig = h3({}, s2), this._config = h3({}, this._defaultConfig, h), this._driverSet = null, this._initDriver = null, this._ready = !1, this._dbInfo = null, this._wrapLibraryMethodsWithReady(), this.setDriver(this._config.driver).catch(function() {
             });
           }
           return l.prototype.config = function(u) {
@@ -10552,7 +10555,7 @@ function po() {
                   $(Z);
                   return;
                 }
-                for (var A = h3.concat("_initStorage"), F = 0, Y = A.length; F < Y; F++) {
+                for (var A = d3.concat("_initStorage"), F = 0, Y = A.length; F < Y; F++) {
                   var e1 = A[F], t1 = !i2(be, e1);
                   if ((t1 || u[e1]) && typeof u[e1] != "function") {
                     $(Z);
@@ -10562,17 +10565,17 @@ function po() {
                 var C1 = function() {
                   for (var se = function(d2) {
                     return function() {
-                      var h2 = new Error("Method " + d2 + " is not implemented by the current driver"), Ot = c.reject(h2);
-                      return p(Ot, arguments[arguments.length - 1]), Ot;
+                      var h2 = new Error("Method " + d2 + " is not implemented by the current driver"), Vt = c.reject(h2);
+                      return p(Vt, arguments[arguments.length - 1]), Vt;
                     };
-                  }, C3 = 0, u2 = be.length; C3 < u2; C3++) {
-                    var v3 = be[C3];
-                    u[v3] || (u[v3] = se(v3));
+                  }, f3 = 0, u2 = be.length; f3 < u2; f3++) {
+                    var C3 = be[f3];
+                    u[C3] || (u[C3] = se(C3));
                   }
                 };
                 C1();
                 var u1 = function(se) {
-                  oe[T] && console.info("Redefining LocalForage driver: " + T), oe[T] = u, Vt[T] = se, V();
+                  oe[T] && console.info("Redefining LocalForage driver: " + T), oe[T] = u, Rt[T] = se, V();
                 };
                 "_support" in u ? u._support && typeof u._support == "function" ? u._support().then(u1, $) : u1(!!u._support) : u1(!0);
               } catch (H1) {
@@ -10586,7 +10589,7 @@ function po() {
             var g = oe[u] ? c.resolve(oe[u]) : c.reject(new Error("Driver not found."));
             return L(g, m, b), g;
           }, l.prototype.getSerializer = function(u) {
-            var m = c.resolve(d3);
+            var m = c.resolve(u3);
             return L(m, u), m;
           }, l.prototype.ready = function(u) {
             var m = this, b = m._driverSet.then(function() {
@@ -10595,7 +10598,7 @@ function po() {
             return L(b, u, u), b;
           }, l.prototype.setDriver = function(u, m, b) {
             var g = this;
-            Rt(u) || (u = [u]);
+            St(u) || (u = [u]);
             var V = this._getSupportedDrivers(u);
             function $() {
               g._config.driver = g.driver();
@@ -10632,9 +10635,9 @@ function po() {
               return g._driverSet = c.reject(F), g._driverSet;
             }), L(this._driverSet, m, b), this._driverSet;
           }, l.prototype.supports = function(u) {
-            return !!Vt[u];
+            return !!Rt[u];
           }, l.prototype._extend = function(u) {
-            f3(this, u);
+            h3(this, u);
           }, l.prototype._getSupportedDrivers = function(u) {
             for (var m = [], b = 0, g = u.length; b < g; b++) {
               var V = u[b];
@@ -10642,8 +10645,8 @@ function po() {
             }
             return m;
           }, l.prototype._wrapLibraryMethodsWithReady = function() {
-            for (var u = 0, m = h3.length; u < m; u++)
-              l2(this, h3[u]);
+            for (var u = 0, m = d3.length; u < m; u++)
+              l2(this, d3[u]);
           }, l.prototype.createInstance = function(u) {
             return new l(u);
           }, l;
@@ -10651,7 +10654,7 @@ function po() {
         r.exports = c2;
       }, { 3: 3 }] }, {}, [4])(4);
     });
-  })(I3)), I3.exports;
+  })(M3)), M3.exports;
 }
 var mo = po();
 const j1 = /* @__PURE__ */ go(mo);
@@ -10682,8 +10685,8 @@ var bo = Object.getOwnPropertyDescriptor, Lo = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? bo(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, l9 = (e, t) => (n, r) => t(n, r, e);
-let Xe = class extends d1 {
+}, s9 = (e, t) => (n, r) => t(n, r, e);
+let Ge = class extends d1 {
   constructor(e, t) {
     super(), this._injector = e, this._uiPartsService = t, this._initUIPart();
   }
@@ -10706,12 +10709,12 @@ let Xe = class extends d1 {
     Le();
   }
 };
-Xe = Lo([
-  l9(0, g1(I1)),
-  l9(1, V1)
-], Xe);
+Ge = Lo([
+  s9(0, g1(I1)),
+  s9(1, V1)
+], Ge);
 function wo() {
-  const e = P(W3), t = r1(e.darkMode$);
+  const e = P(z3), t = r1(e.darkMode$);
   return /* @__PURE__ */ f(o4, { theme: t ? "dark" : "light" });
 }
 const yo = {
@@ -10736,8 +10739,8 @@ var _o = Object.getOwnPropertyDescriptor, Mo = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? _o(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, a9 = (e, t) => (n, r) => t(n, r, e);
-let qe = class extends d1 {
+}, l9 = (e, t) => (n, r) => t(n, r, e);
+let Xe = class extends d1 {
   constructor(e, t) {
     super(), this._injector = e, this._uiPartsService = t, this._initUIPart();
   }
@@ -10751,10 +10754,10 @@ let qe = class extends d1 {
     );
   }
 };
-qe = Mo([
-  a9(0, g1(I1)),
-  a9(1, V1)
-], qe);
+Xe = Mo([
+  l9(0, g1(I1)),
+  l9(1, V1)
+], Xe);
 class vr {
   constructor() {
     B(this, "_sidebarOptions", {});
@@ -10795,7 +10798,7 @@ var Io = Object.getOwnPropertyDescriptor, xo = (e, t, n, r) => {
     (s = e[o]) && (i = s(i) || i);
   return i;
 }, Ho = (e, t) => (n, r) => t(n, r, e);
-let Je = class {
+let qe = class {
   constructor(e) {
     B(this, "visible$", new S1(!1));
     B(this, "componentKey$", new D2());
@@ -10831,57 +10834,57 @@ let Je = class {
     this._visible = !1, this.visible$.next(!1);
   }
 };
-Je = xo([
+qe = xo([
   Ho(0, g1(M1))
-], Je);
+], qe);
 var So = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, Vo = (e, t, n) => t in e ? So(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Oo = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? Ro(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, x3 = (e, t) => (n, r) => t(n, r, e), $o = (e, t, n) => Vo(e, t + "", n);
+}, I3 = (e, t) => (n, r) => t(n, r, e), $o = (e, t, n) => Vo(e, t + "", n);
 const Eo = "UNIVER_MOBILE_UI_PLUGIN", No = "DISABLE_AUTO_FOCUS";
-let P3 = class extends m9 {
-  constructor(e = Ze, t, n, r) {
+let B3 = class extends p9 {
+  constructor(e = Te, t, n, r) {
     super(), this._config = e, this._contextService = t, this._injector = n, this._configService = r;
-    const { menu: i, ...o } = Ee(
+    const { menu: i, ...o } = $e(
       {
         popupRootId: `univer-popup-portal-${ue(6)}`
       },
-      Ze,
+      Te,
       this._config
     );
     o.disableAutoFocus && this._contextService.setContextValue(No, !0), i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(ie, o);
   }
   onStarting() {
-    b9(this._injector, L9([
+    m9(this._injector, b9([
       [M1],
-      [i3],
-      [Te],
-      [X3],
+      [r3],
+      [De],
+      [G3],
       [V1, { useClass: Jn }],
-      [k1, { useClass: Ae }],
-      [ge, { useClass: Fe }],
-      [rt, { useClass: Gn }],
-      [D1, { useClass: Pe }],
-      [o3, { useClass: or }],
-      [dr, { useClass: Ue, lazy: !0 }],
-      [s3, { useClass: qe, lazy: !0 }],
-      [dt, { useClass: Ye, lazy: !0 }],
+      [k1, { useClass: Ze }],
+      [ge, { useClass: Pe }],
+      [nt, { useClass: Gn }],
+      [D1, { useClass: Be }],
+      [i3, { useClass: or }],
+      [dr, { useClass: je, lazy: !0 }],
+      [o3, { useClass: Xe, lazy: !0 }],
       [ut, { useClass: We, lazy: !0 }],
-      [Y3, { useClass: ze, lazy: !0 }],
+      [ct, { useClass: ze, lazy: !0 }],
+      [W3, { useClass: Ue, lazy: !0 }],
       [ve, { useClass: vr, lazy: !0 }],
-      [ct, { useClass: Je, lazy: !0 }],
-      [at, { useClass: Ge, lazy: !0 }],
-      [nt, { useClass: Xe, lazy: !0 }],
-      [w9, { useClass: Cr, lazy: !0 }],
-      [ur, { useClass: je }],
+      [at, { useClass: qe, lazy: !0 }],
+      [lt, { useClass: Ye, lazy: !0 }],
+      [tt, { useClass: Ge, lazy: !0 }],
+      [L9, { useClass: Cr, lazy: !0 }],
+      [ur, { useClass: ke }],
       [fr, { useClass: hr }],
-      [ot, { useClass: Kn }],
-      [it],
+      [it, { useClass: Kn }],
+      [rt],
       [
-        ke,
+        Fe,
         {
-          useFactory: (e) => e.createInstance(B3, this._config),
+          useFactory: (e) => e.createInstance(A3, this._config),
           deps: [I1]
         }
       ],
@@ -10889,7 +10892,7 @@ let P3 = class extends m9 {
       [te],
       [re]
     ], this._config.override)), K1(this._injector, [
-      [ke],
+      [Fe],
       [te]
     ]);
   }
@@ -10904,68 +10907,68 @@ let P3 = class extends m9 {
     ]);
   }
 };
-$o(P3, "pluginName", Eo);
-P3 = Oo([
-  p9($9),
-  x3(1, fe),
-  x3(2, g1(I1)),
-  x3(3, Y1)
-], P3);
+$o(B3, "pluginName", Eo);
+B3 = Oo([
+  g9($9),
+  I3(1, fe),
+  I3(2, g1(I1)),
+  I3(3, Y1)
+], B3);
 var Do = Object.defineProperty, To = Object.getOwnPropertyDescriptor, Zo = (e, t, n) => t in e ? Do(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ao = (e, t, n, r) => {
   for (var i = r > 1 ? void 0 : r ? To(t, n) : t, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (i = s(i) || i);
   return i;
-}, H3 = (e, t) => (n, r) => t(n, r, e), Bo = (e, t, n) => Zo(e, t + "", n);
+}, x3 = (e, t) => (n, r) => t(n, r, e), Bo = (e, t, n) => Zo(e, t + "", n);
 const Po = "UNIVER_UI_PLUGIN", Fo = "DISABLE_AUTO_FOCUS";
-let F3 = class extends m9 {
-  constructor(e = Ze, t, n, r) {
+let P3 = class extends p9 {
+  constructor(e = Te, t, n, r) {
     super(), this._config = e, this._contextService = t, this._injector = n, this._configService = r;
-    const { menu: i, ...o } = Ee(
+    const { menu: i, ...o } = $e(
       {
         popupRootId: `univer-popup-portal-${ue(6)}`
       },
-      Ze,
+      Te,
       this._config
     );
     o.disableAutoFocus && this._contextService.setContextValue(Fo, !0), i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(ie, o);
   }
   onStarting() {
-    b9(this._injector, L9([
+    m9(this._injector, b9([
       [M1],
-      [i3],
-      [Te],
-      [X3],
+      [r3],
+      [De],
+      [G3],
       [V1, { useClass: Jn }],
-      [k1, { useClass: Ae }],
-      [rr, { useClass: Z3 }],
-      [ge, { useClass: Fe }],
-      [rt, { useClass: Gn }],
-      [D1, { useClass: Pe }],
-      [o3, { useClass: or }],
-      [dr, { useClass: Ue, lazy: !0 }],
-      [s3, { useClass: qe, lazy: !0 }],
-      [dt, { useClass: Ye, lazy: !0 }],
+      [k1, { useClass: Ze }],
+      [rr, { useClass: T3 }],
+      [ge, { useClass: Pe }],
+      [nt, { useClass: Gn }],
+      [D1, { useClass: Be }],
+      [i3, { useClass: or }],
+      [dr, { useClass: je, lazy: !0 }],
+      [o3, { useClass: Xe, lazy: !0 }],
       [ut, { useClass: We, lazy: !0 }],
-      [Y3, { useClass: ze, lazy: !0 }],
+      [ct, { useClass: ze, lazy: !0 }],
+      [W3, { useClass: Ue, lazy: !0 }],
       [ve, { useClass: vr, lazy: !0 }],
-      [ct, { useClass: Je, lazy: !0 }],
-      [at, { useClass: Ge, lazy: !0 }],
-      [nt, { useClass: Xe, lazy: !0 }],
-      [w9, { useClass: Cr, lazy: !0 }],
-      [ur, { useClass: je }],
+      [at, { useClass: qe, lazy: !0 }],
+      [lt, { useClass: Ye, lazy: !0 }],
+      [tt, { useClass: Ge, lazy: !0 }],
+      [L9, { useClass: Cr, lazy: !0 }],
+      [ur, { useClass: ke }],
       [fr, { useClass: hr }],
-      [ot, { useClass: Kn }],
-      [tt, { useClass: D3 }],
-      [it],
-      [ke, {
-        useFactory: (e) => e.createInstance(A3, this._config),
+      [it, { useClass: Kn }],
+      [et, { useClass: N3 }],
+      [rt],
+      [Fe, {
+        useFactory: (e) => e.createInstance(Z3, this._config),
         deps: [I1]
       }],
       [ne],
       [te],
       [re]
     ], this._config.override)), K1(this._injector, [
-      [ke],
+      [Fe],
       [te]
     ]);
   }
@@ -10980,13 +10983,13 @@ let F3 = class extends m9 {
     ]);
   }
 };
-Bo(F3, "pluginName", Po);
-F3 = Ao([
-  p9($9),
-  H3(1, fe),
-  H3(2, g1(I1)),
-  H3(3, Y1)
-], F3);
+Bo(P3, "pluginName", Po);
+P3 = Ao([
+  g9($9),
+  x3(1, fe),
+  x3(2, g1(I1)),
+  x3(3, Y1)
+], P3);
 class L7 {
   show(t) {
     return c1(() => {
@@ -11010,10 +11013,10 @@ const w7 = (e) => {
       };
   }, [e, n]);
 };
-function S3(e) {
+function H3(e) {
   return e.length === 0 ? e : e.replace(/^\s+|\s+$/gm, "");
 }
-const ko = 0.75, c9 = 78, u9 = 9;
+const ko = 0.75, a9 = 78, c9 = 9;
 function gr(e) {
   var a;
   let t = e.childNodes;
@@ -11028,7 +11031,7 @@ function gr(e) {
   for (let d = 0; d < t.length; d++) {
     let C = t[`${d}`], v;
     C.nodeName === "#text" ? (v = (a = C.textContent) != null ? a : "", C = C.parentElement) : v = C.innerText;
-    const c = ht(C);
+    const c = dt(C);
     jo(v).forEach((L) => {
       const M = L.length;
       i += M, r = i - M;
@@ -11050,7 +11053,7 @@ function gr(e) {
     documentStyle: {}
   };
 }
-function ht(e, t = "") {
+function dt(e, t = "") {
   var s, a;
   let n = (a = (s = e == null ? void 0 : e.style) == null ? void 0 : s.cssText) != null ? a : "";
   if (n += t, n = n.replace(/[\r\n]+/g, ""), n.length === 0)
@@ -11063,24 +11066,24 @@ function ht(e, t = "") {
   };
   return r.forEach((d) => {
     var p;
-    const C = d.toLowerCase(), v = S3(C.substr(0, C.indexOf(":"))), c = S3(C.substr(C.indexOf(":") + 1));
+    const C = d.toLowerCase(), v = H3(C.substr(0, C.indexOf(":"))), c = H3(C.substr(C.indexOf(":") + 1));
     if (v === "font-weight")
       c === "bold" || c === "700" ? i.bl = 1 : i.bl = 0;
     else if (v === "font-style")
       c === "italic" ? i.it = 1 : i.it = 0;
     else if (v === "font-family") {
-      const L = S3(d), M = Wo(L);
+      const L = H3(d), M = Wo(L);
       i.ff = M;
     } else if (v === "font-size") {
       let L = Number.parseInt(c);
       n.indexOf("vertical-align") > -1 && (n.indexOf("sub") > -1 || n.indexOf("sup") > -1) && (L *= 2), c.indexOf("px") !== -1 && (L = zo(Number.parseInt(c, 10))), i.fs = L;
     } else if (v === "color") {
-      const L = new R3(c);
+      const L = new S3(c);
       i.cl = {
         rgb: L.isValid ? L.toRgbString() : "rgb(0,0,0)"
       };
     } else if (v === "background" || v === "background-color") {
-      const L = new R3(c);
+      const L = new S3(c);
       L.isValid && (i.bg = {
         rgb: L.toRgbString()
       });
@@ -11102,7 +11105,7 @@ function ht(e, t = "") {
     }
     if (v === "univer-underline" && (i.ul = {
       s: 1
-    }), v === "vertical-align" && (c === "sub" ? i.va = b3.SUBSCRIPT : c === "super" ? i.va = b3.SUPERSCRIPT : c === "top" ? i.vt = 1 : c === "middle" ? i.vt = 2 : c === "bottom" ? i.vt = 3 : i.va = b3.NORMAL), v === "transform") {
+    }), v === "vertical-align" && (c === "sub" ? i.va = m3.SUBSCRIPT : c === "super" ? i.va = m3.SUPERSCRIPT : c === "top" ? i.vt = 1 : c === "middle" ? i.vt = 2 : c === "bottom" ? i.vt = 3 : i.va = m3.NORMAL), v === "transform") {
       const L = c.split(")"), M = L.findIndex((O) => O.includes("rotate"));
       if (M > -1) {
         const O = L[M].match(/\d+/g);
@@ -11114,7 +11117,7 @@ function ht(e, t = "") {
       }
     }
     if (v === "text-align" && (c === "left" ? i.ht = 1 : c === "center" ? i.ht = 2 : c === "right" ? i.ht = 3 : c === "justify" ? i.ht = 4 : i.ht = 0), i.tb !== 1 && (v === "overflow-wrap" || v === "word-wrap" ? c === "break-word" && (i.tb = 3) : v === "text-overflow" ? c === "clip" && (i.tb = 2) : v === "text-break" && c === "overflow" && (i.tb = 1)), v === "white-space" && (c === "nowrap" ? i.tb = 1 : c === "normal" ? i.tb = 3 : c === "clip" && (i.tb = 2)), v === "border-color") {
-      const L = d9(c, ")");
+      const L = u9(c, ")");
       if (i.bd)
         for (const M in L)
           i.bd[M].cl.rgb = L[M];
@@ -11150,7 +11153,7 @@ function ht(e, t = "") {
       }
     }
     if (v === "border-width" || v === "border-style") {
-      const L = d9(c, " ");
+      const L = u9(c, " ");
       for (const M in L)
         o[M] += ` ${L[M]}`;
       i.bd ? (i.bd.b.s = O1(o.b), i.bd.t.s = O1(o.t), i.bd.l.s = O1(o.l), i.bd.r.s = O1(o.r)) : i.bd = {
@@ -11207,7 +11210,7 @@ function ht(e, t = "") {
     typeof i[d] == "object" && !Object.keys(i[d]).length && delete i[d];
   }), i;
 }
-function d9(e, t) {
+function u9(e, t) {
   let n;
   t === " " ? n = e.trim().split(t) : n = e.trim().split(t).slice(0, -1), n.forEach((i) => `${i.trim()})`);
   let r = {};
@@ -11248,17 +11251,17 @@ function y7(e) {
     const o = r[i], s = o.getAttribute("span");
     if (s && +s > 1)
       for (let a = 0; a < +s; a++) {
-        const d = Qe(o.getAttribute("width"), 72);
+        const d = Je(o.getAttribute("width"), 72);
         n.push(d);
       }
     else {
-      const a = Qe(o.getAttribute("width"), 72);
+      const a = Je(o.getAttribute("width"), 72);
       n.push(a);
     }
   }
   return n;
 }
-function Qe(e, t) {
+function Je(e, t) {
   if (!e) return t;
   let n;
   return e.includes("pt") ? n = s4(Number.parseFloat(e)) : e.includes("px") ? n = Number.parseFloat(e) : n = Number.parseFloat(e) * 72 / 96, n;
@@ -11270,11 +11273,11 @@ function _7(e) {
   if (!r.length) return [];
   for (let i = 0; i < r.length; i++) {
     const s = r[i].querySelectorAll("td");
-    let a = Qe(s[0].style.height, 19);
+    let a = Je(s[0].style.height, 19);
     for (let d = 0; d < s.length; d++) {
       const C = s[d].getAttribute("rowSpan");
       if (!(C && +C > 1)) {
-        a = Qe(s[d].style.height, 19);
+        a = Je(s[d].style.height, 19);
         break;
       }
     }
@@ -11307,8 +11310,8 @@ function M7(e) {
       }
       const c = C.innerText;
       c.trim().length === 0 ? v.v = "" : v.v = c;
-      const p = ht(C);
-      for (y9.isPlainObject(p) && (v.s = p); d < r && t[s][d] != null; )
+      const p = dt(C);
+      for (w9.isPlainObject(p) && (v.s = p); d < r && t[s][d] != null; )
         d++;
       if (d !== r) {
         if (t[s][d] == null) {
@@ -11393,8 +11396,8 @@ function H7(e) {
       let O = "";
       for (const S in i)
         p.classList.contains(S) && (O += i[S]);
-      const _ = ht(p, O);
-      for (y9.isPlainObject(_) && (L.s = _); c < o && t[d][c] != null; )
+      const _ = dt(p, O);
+      for (w9.isPlainObject(_) && (L.s = _); c < o && t[d][c] != null; )
         c++;
       if (c !== o) {
         if (t[d][c] == null) {
@@ -11427,13 +11430,13 @@ function Uo(e) {
 }
 function zo(e) {
   const t = Math.round(e * ko);
-  return t < u9 ? u9 : t > c9 ? c9 : t;
+  return t < c9 ? c9 : t > a9 ? a9 : t;
 }
 function Wo(e) {
   const t = /font-family:\s*(?:"([^"]+)"|'([^']+)'|([^;]+))/i, n = e.match(t);
   return n ? (n[1] || n[2] || n[3]).trim() : null;
 }
-const S7 = I9((e) => {
+const S7 = M9((e) => {
   var O, _;
   const { layer: t, id: n, position: r } = e, i = P(N1), o = J(null), s = J(null), a = J(`transform: rotate(${r == null ? void 0 : r.rotate}deg) translate(${r == null ? void 0 : r.startX}px, ${r == null ? void 0 : r.startY}px)`), d = J((O = r == null ? void 0 : r.startY) != null ? O : 0), C = J((_ = r == null ? void 0 : r.startX) != null ? _ : 0), v = typeof t.componentKey == "string" ? P(M1).get(t.componentKey) : t.componentKey, c = G(() => ({
     data: t.data,
@@ -11497,11 +11500,11 @@ const S7 = I9((e) => {
   ) : null;
 });
 export {
-  Ue as BrowserClipboardService,
+  je as BrowserClipboardService,
   a1 as BuiltInUIPart,
   O5 as COLOR_PICKER_COMPONENT,
   x5 as COMMON_LABEL_COMPONENT,
-  it as CanvasFloatDomService,
+  rt as CanvasFloatDomService,
   nr as CanvasPopup,
   Kn as CanvasPopupService,
   I5 as CommonLabel,
@@ -11517,21 +11520,21 @@ export {
   Wn as CutCommand,
   ci as CutShortcutItem,
   Fo as DISABLE_AUTO_FOCUS_KEY,
-  je as DesktopBeforeCloseService,
-  ze as DesktopConfirmService,
-  We as DesktopDialogService,
-  Ye as DesktopGalleryService,
-  Ge as DesktopGlobalZoneService,
-  Ae as DesktopLayoutService,
+  ke as DesktopBeforeCloseService,
+  Ue as DesktopConfirmService,
+  ze as DesktopDialogService,
+  We as DesktopGalleryService,
+  Ye as DesktopGlobalZoneService,
+  Ze as DesktopLayoutService,
   hr as DesktopLocalFileService,
   Cr as DesktopLocalStorageService,
   X5 as DesktopMenu,
-  Xe as DesktopMessageService,
-  qe as DesktopNotificationService,
-  Z3 as DesktopRibbonService,
+  Ge as DesktopMessageService,
+  Xe as DesktopNotificationService,
+  T3 as DesktopRibbonService,
   vr as DesktopSidebarService,
-  A3 as DesktopUIController,
-  Je as DesktopZenZoneService,
+  Z3 as DesktopUIController,
+  qe as DesktopZenZoneService,
   te as ErrorController,
   qi as FILE_PNG_CLIPBOARD_MIME_TYPE,
   m7 as FILE_SVG_XML_CLIPBOARD_MIME_TYPE,
@@ -11550,62 +11553,62 @@ export {
   sr as GlobalZone,
   S5 as HEADING_ITEM_COMPONENT,
   c7 as HEADING_LIST,
-  t9 as HTML_CLIPBOARD_MIME_TYPE,
+  e9 as HTML_CLIPBOARD_MIME_TYPE,
   H5 as HeadingItem,
   ur as IBeforeCloseService,
-  ot as ICanvasPopupService,
+  it as ICanvasPopupService,
   dr as IClipboardInterfaceService,
-  o3 as IContextMenuService,
-  ut as IDialogService,
-  tt as IFontService,
-  dt as IGalleryService,
-  at as IGlobalZoneService,
+  i3 as IContextMenuService,
+  ct as IDialogService,
+  et as IFontService,
+  ut as IGalleryService,
+  lt as IGlobalZoneService,
   k1 as ILayoutService,
   i7 as ILeftSidebarService,
   fr as ILocalFileService,
   D1 as IMenuManagerService,
-  nt as IMessageService,
-  s3 as INotificationService,
-  rt as IPlatformService,
+  tt as IMessageService,
+  o3 as INotificationService,
+  nt as IPlatformService,
   rr as IRibbonService,
   ge as IShortcutService,
   ve as ISidebarService,
-  ke as IUIController,
+  Fe as IUIController,
   V1 as IUIPartsService,
-  ct as IZenZoneService,
+  at as IZenZoneService,
   G1 as KeyCode,
   _1 as MenuItemType,
-  Be as MenuManagerPosition,
-  Pe as MenuManagerService,
+  Ae as MenuManagerPosition,
+  Be as MenuManagerService,
   b1 as MetaKeys,
   Bi as MobileContextMenu,
   L7 as MockMessageService,
-  e9 as PLAIN_TEXT_CLIPBOARD_MIME_TYPE,
+  Kt as PLAIN_TEXT_CLIPBOARD_MIME_TYPE,
   Yn as PasteCommand,
   Gn as PlatformService,
   S7 as PrintFloatDomSingle,
   v7 as ProgressBar,
-  st as RectPopup,
+  ot as RectPopup,
   hi as RedoShortcutItem,
   Si as Ribbon,
   ae as RibbonDataGroup,
-  T3 as RibbonFormulasGroup,
-  Ve as RibbonInsertGroup,
+  D3 as RibbonFormulasGroup,
+  Re as RibbonInsertGroup,
   Fn as RibbonOthersGroup,
   p1 as RibbonPosition,
   z1 as RibbonStartGroup,
-  Oe as RibbonViewGroup,
+  Ve as RibbonViewGroup,
   ne as SharedController,
   p7 as SheetPasteShortKeyCommandName,
   re as ShortcutPanelController,
-  X3 as ShortcutPanelService,
-  Fe as ShortcutService,
+  G3 as ShortcutPanelService,
+  Pe as ShortcutService,
   lr as Sidebar,
   mi as SingleCanvasPopup,
   cr as SingleUnitUIController,
   l7 as Slider,
-  i3 as ThemeSwitcherService,
-  r3 as ToggleShortcutPanelOperation,
+  r3 as ThemeSwitcherService,
+  n3 as ToggleShortcutPanelOperation,
   Mi as ToolbarButton,
   xe as ToolbarItem,
   X5 as UIMenu,
@@ -11615,9 +11618,9 @@ export {
   Po as UNIVER_UI_PLUGIN_NAME,
   g7 as UNI_DISABLE_CHANGING_FOCUS_KEY,
   di as UndoShortcutItem,
-  P3 as UniverMobileUIPlugin,
-  F3 as UniverUIPlugin,
-  Te as ZIndexManager,
+  B3 as UniverMobileUIPlugin,
+  P3 as UniverUIPlugin,
+  De as ZIndexManager,
   ar as ZenZone,
   s7 as getHeaderFooterMenuHiddenObservable,
   o7 as getMenuHiddenObservable,
@@ -11625,7 +11628,7 @@ export {
   M7 as handelTableToJson,
   gr as handleDomToJson,
   I7 as handlePlainToJson,
-  ht as handleStringToStyle,
+  dt as handleStringToStyle,
   y7 as handleTableColgroup,
   x7 as handleTableMergeData,
   _7 as handleTableRowGroup,
@@ -11634,7 +11637,7 @@ export {
   jo as splitSpanText,
   Yi as supportClipboardAPI,
   C7 as t,
-  S3 as textTrim,
+  H3 as textTrim,
   d7 as useClickOutSide,
   w1 as useComponentsOfPart,
   V5 as useConfigValue,