@univerjs/sheets-table-ui 0.16.1 → 0.17.0

package/lib/index.js

@@ -1,23 +1,26 @@
-var En = Object.defineProperty;
-var $n = (r, e, t) => e in r ? En(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var U = (r, e, t) => $n(r, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as N, IUniverInstanceService as pe, ICommandService as te, LocaleService as ne, Disposable as Le, ObjectMatrix as Ln, cellToRange as Zt, Rectangle as be, Injector as ke, IPermissionService as jt, IContextService as wt, CommandType as qt, IConfigService as Yt, ThemeService as kn, RxDisposable as Qt, VerticalAlign as rt, InterceptorEffectEnum as Pn, ErrorService as On, ColorKit as he, UniverInstanceType as Ye, DependentOn as Dn, Plugin as Bn, merge as Fn, registerDependencies as Vn, touchDependencies as Hn } from "@univerjs/core";
-import { IRenderManagerService as zt, SHEET_VIEWPORT_KEY as An, convertTransformToOffsetX as Un, convertTransformToOffsetY as Wn, Rect as Et, Shape as Zn } from "@univerjs/engine-render";
-import { TableManager as re, SheetTableService as jn, SetSheetTableFilterCommand as $t, isConditionFilter as qn, isManualTableFilter as Yn, TableDateCompareTypeEnum as o, TableStringCompareTypeEnum as Z, TableConditionTypeEnum as F, TableNumberCompareTypeEnum as k, SheetsTableSortStateEnum as Xe, TableColumnFilterTypeEnum as Lt, AddSheetTableCommand as Qn, SHEET_TABLE_CUSTOM_THEME_PREFIX as zn, DeleteSheetTableCommand as Gn, SetSheetTableCommand as ft, SheetsTableButtonStateEnum as Re, processStyleWithBorderStyle as kt, customEmptyThemeWithBorderStyle as Xn, AddTableThemeCommand as Kn, RemoveTableThemeCommand as Jn, SheetTableRemoveColCommand as Gt, SheetTableRemoveRowCommand as Xt, SheetTableInsertColCommand as Kt, SheetTableInsertRowCommand as Jt, SheetsTableController as en, UniverSheetsTablePlugin as er } from "@univerjs/sheets-table";
-import { SheetCanvasPopManagerService as tr, SheetSkeletonManagerService as lt, SheetScrollManagerService as nr, SetZoomRatioOperation as rr, SetScrollOperation as ir, getSheetObject as ar, getCoordByCell as sr, getCurrentRangeDisable$ as or, SelectAllCommand as lr } from "@univerjs/sheets-ui";
-import { useDependency as M, ComponentManager as tn, IDialogService as nn, ISidebarService as cr, useObservable as Te, IUIPartsService as ur, BuiltInUIPart as dr, connectInjector as hr, MenuItemType as ye, getMenuHiddenObservable as vr, ContextMenuPosition as gr, ContextMenuGroup as br, RibbonDataGroup as mr, IMenuManagerService as pr } from "@univerjs/ui";
-import { startWith as rn, distinctUntilChanged as fr, Subject as Cr, BehaviorSubject as Pt, merge as It, filter as Sr, debounceTime as _r, switchMap as we, of as J, map as Tr, takeUntil as wr } from "rxjs";
-import { jsxs as T, jsx as l, Fragment as yt } from "react/jsx-runtime";
-import { Dropdown as Ne, clsx as D, borderClassName as H, CascaderList as Ir, Input as Rt, InputNumber as gt, DatePicker as yr, DateRangePicker as Rr, Select as Mr, Checkbox as Ot, scrollbarClassName as xr, ButtonGroup as Nr, Button as _e, Segmented as Er, ColorPicker as Ke } from "@univerjs/design";
-import { useRef as $r, createElement as ie, forwardRef as le, useState as q, useMemo as an, useCallback as Dt, useEffect as sn } from "react";
-import { SetRangeValuesMutation as Lr, WorkbookEditablePermission as on, getSheetCommandTarget as ct, SheetsSelectionsService as ut, isSingleCellSelection as kr, expandToContinuousRange as Pr, SetRangeThemeMutation as ln, WorkbookPermissionService as cn, SheetRangeThemeModel as un, SheetInterceptorService as dn, SetVerticalTextAlignCommand as Or, INTERCEPTOR_POINT as Dr, RangeThemeStyle as Br, getPrimaryForRange as Bt, SetSelectionsOperation as Ft } from "@univerjs/sheets";
-import { SortRangeCommand as Fr, SortType as Vt } from "@univerjs/sheets-sort";
-import { serializeRange as Ht, deserializeRangeWithSheet as Vr } from "@univerjs/engine-formula";
-import { RangeSelector as Hr } from "@univerjs/sheets-formula-ui";
-const Ar = "SHEET_TABLE_UI_PLUGIN", ge = "SHEETS_TABLE_FILTER_PANEL_OPENED_KEY", Ur = "UNIVER_SHEET_Table_FILTER_PANEL_ID", hn = "TABLE_TOOLBAR_BUTTON", xe = "TABLE_SELECTOR_DIALOG", Wr = "SHEET_TABLE_THEME_PANEL_ID", vn = "SHEET_TABLE_THEME_PANEL", bt = "table-custom-", Zr = "table-default-", ve = "rgb(255, 255, 255)", G = "none", Je = "1px solid rgb(var(--grey-200))";
+var $n = Object.defineProperty;
+var Ln = (r, e, t) => e in r ? $n(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var U = (r, e, t) => Ln(r, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as N, IUniverInstanceService as pe, ICommandService as te, LocaleService as ne, Disposable as ke, ObjectMatrix as kn, cellToRange as jt, Rectangle as be, Injector as Pe, IPermissionService as qt, IContextService as It, CommandType as Yt, IConfigService as Qt, ThemeService as Pn, RxDisposable as zt, VerticalAlign as it, InterceptorEffectEnum as On, ErrorService as Dn, ColorKit as he, UniverInstanceType as Qe, DependentOn as Bn, Plugin as Fn, merge as Vn, registerDependencies as Hn, touchDependencies as An } from "@univerjs/core";
+import { IRenderManagerService as Gt, SHEET_VIEWPORT_KEY as Un, convertTransformToOffsetX as Wn, convertTransformToOffsetY as Zn, Rect as $t, Shape as jn } from "@univerjs/engine-render";
+import { TableManager as re, SheetTableService as qn, SetSheetTableFilterCommand as Lt, isConditionFilter as Yn, isManualTableFilter as Qn, TableDateCompareTypeEnum as o, TableStringCompareTypeEnum as Z, TableConditionTypeEnum as F, TableNumberCompareTypeEnum as k, SheetsTableSortStateEnum as Ke, TableColumnFilterTypeEnum as kt, AddSheetTableCommand as zn, SHEET_TABLE_CUSTOM_THEME_PREFIX as Gn, DeleteSheetTableCommand as Xn, SetSheetTableCommand as Ct, SheetsTableButtonStateEnum as Re, processStyleWithBorderStyle as Pt, customEmptyThemeWithBorderStyle as Kn, AddTableThemeCommand as Jn, RemoveTableThemeCommand as er, SheetTableRemoveColCommand as Xt, SheetTableRemoveRowCommand as Kt, SheetTableInsertColCommand as Jt, SheetTableInsertRowCommand as en, SheetsTableController as tn, UniverSheetsTablePlugin as tr } from "@univerjs/sheets-table";
+import { SheetCanvasPopManagerService as nr, SheetSkeletonManagerService as lt, SheetScrollManagerService as rr, SetZoomRatioOperation as ir, SetScrollOperation as ar, getSheetObject as sr, getCoordByCell as or, SelectAllCommand as lr, getCurrentRangeDisable$ as cr } from "@univerjs/sheets-ui";
+import { useDependency as M, ComponentManager as nn, IDialogService as rn, ISidebarService as ur, useObservable as Te, IUIPartsService as dr, BuiltInUIPart as hr, connectInjector as vr, MenuItemType as ye, getMenuHiddenObservable as gr, ContextMenuPosition as br, ContextMenuGroup as mr, RibbonDataGroup as pr, IMenuManagerService as fr } from "@univerjs/ui";
+import { startWith as an, distinctUntilChanged as Cr, Subject as Sr, BehaviorSubject as Ot, merge as yt, filter as _r, debounceTime as Tr, switchMap as we, of as J, map as wr, takeUntil as Ir } from "rxjs";
+import { jsxs as T, jsx as l, Fragment as Rt } from "react/jsx-runtime";
+import { Dropdown as Ne, clsx as D, borderClassName as H, CascaderList as yr, Input as Mt, InputNumber as bt, DatePicker as Rr, DateRangePicker as Mr, Select as xr, Checkbox as Dt, scrollbarClassName as Nr, ButtonGroup as Er, Button as _e, Segmented as $r, ColorPicker as Je } from "@univerjs/design";
+import { useRef as Lr, createElement as ie, forwardRef as le, useState as q, useMemo as sn, useCallback as Bt, useEffect as on } from "react";
+import { SetRangeValuesMutation as kr, WorkbookEditablePermission as ln, getSheetCommandTarget as ct, SheetsSelectionsService as ut, isSingleCellSelection as Pr, expandToContinuousRange as Or, SetRangeThemeMutation as cn, WorkbookPermissionService as un, SheetRangeThemeModel as dn, SheetInterceptorService as hn, SetVerticalTextAlignCommand as Dr, INTERCEPTOR_POINT as Br, getPrimaryForRange as Ft, SetSelectionsOperation as Vt, RangeThemeStyle as Fr } from "@univerjs/sheets";
+import { SortRangeCommand as Vr, SortType as Ht } from "@univerjs/sheets-sort";
+import { serializeRange as At, deserializeRangeWithSheet as Hr } from "@univerjs/engine-formula";
+import { RangeSelector as Ar } from "@univerjs/sheets-formula-ui";
+const Ur = "@univerjs/sheets-table-ui", Wr = "0.17.0", vn = {
+  name: Ur,
+  version: Wr
+}, Zr = "SHEET_TABLE_UI_PLUGIN", ge = "SHEETS_TABLE_FILTER_PANEL_OPENED_KEY", jr = "UNIVER_SHEET_Table_FILTER_PANEL_ID", gn = "TABLE_TOOLBAR_BUTTON", xe = "TABLE_SELECTOR_DIALOG", qr = "SHEET_TABLE_THEME_PANEL_ID", bn = "SHEET_TABLE_THEME_PANEL", mt = "table-custom-", Yr = "table-default-", ve = "rgb(255, 255, 255)", G = "none", et = "1px solid rgb(var(--grey-200))";
 function ae({ ref: r, ...e }) {
-  const { icon: t, id: n, className: i, extend: a, ...s } = e, c = `univerjs-icon univerjs-icon-${n} ${i || ""}`.trim(), u = $r(`_${Yr()}`);
-  return gn(t, `${n}`, {
+  const { icon: t, id: n, className: i, extend: a, ...s } = e, c = `univerjs-icon univerjs-icon-${n} ${i || ""}`.trim(), u = Lr(`_${Gr()}`);
+  return mn(t, `${n}`, {
     defIds: t.defIds,
     idSuffix: u.current
   }, {
@@ -26,14 +29,14 @@ function ae({ ref: r, ...e }) {
     ...s
   }, a);
 }
-function gn(r, e, t, n, i) {
+function mn(r, e, t, n, i) {
   return ie(r.tag, {
     key: e,
-    ...jr(r, t, i),
+    ...Qr(r, t, i),
     ...n
-  }, (qr(r, t).children || []).map((a, s) => gn(a, `${e}-${r.tag}-${s}`, t, void 0, i)));
+  }, (zr(r, t).children || []).map((a, s) => mn(a, `${e}-${r.tag}-${s}`, t, void 0, i)));
 }
-function jr(r, e, t) {
+function Qr(r, e, t) {
   const n = { ...r.attrs };
   t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1), r.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(([a, s]) => {
     a === "mask" && typeof s == "string" && (n[a] = s.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
@@ -43,7 +46,7 @@ function jr(r, e, t) {
     typeof s == "string" && (n[a] = s.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
   })), n;
 }
-function qr(r, e) {
+function zr(r, e) {
   var n;
   const { defIds: t } = e;
   return !t || t.length === 0 ? r : r.tag === "defs" && ((n = r.children) != null && n.length) ? {
@@ -57,11 +60,11 @@ function qr(r, e) {
     } : i)
   } : r;
 }
-function Yr() {
+function Gr() {
   return Math.random().toString(36).substring(2, 8);
 }
 ae.displayName = "UniverIcon";
-const Qr = {
+const Xr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -97,15 +100,15 @@ const Qr = {
       }
     }
   ]
-}, bn = le(function(e, t) {
+}, pn = le(function(e, t) {
   return ie(ae, Object.assign({}, e, {
     id: "ascending-icon",
     ref: t,
-    icon: Qr
+    icon: Xr
   }));
 });
-bn.displayName = "AscendingIcon";
-const zr = {
+pn.displayName = "AscendingIcon";
+const Kr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -146,15 +149,15 @@ const zr = {
       }
     }
   ]
-}, mn = le(function(e, t) {
+}, fn = le(function(e, t) {
   return ie(ae, Object.assign({}, e, {
     id: "delete-icon",
     ref: t,
-    icon: zr
+    icon: Kr
   }));
 });
-mn.displayName = "DeleteIcon";
-const Gr = {
+fn.displayName = "DeleteIcon";
+const Jr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -190,15 +193,15 @@ const Gr = {
       }
     }
   ]
-}, pn = le(function(e, t) {
+}, Cn = le(function(e, t) {
   return ie(ae, Object.assign({}, e, {
     id: "descending-icon",
     ref: t,
-    icon: Gr
+    icon: Jr
   }));
 });
-pn.displayName = "DescendingIcon";
-const Xr = {
+Cn.displayName = "DescendingIcon";
+const ei = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -214,15 +217,15 @@ const Xr = {
       d: "M8.85869 12.9216C8.38445 13.4708 7.61555 13.4708 7.14131 12.9216L0.358114 5.06726C-0.406895 4.18144 0.134916 2.66683 1.2168 2.66683L14.7832 2.66683C15.8651 2.66683 16.4069 4.18144 15.6419 5.06726L8.85869 12.9216Z"
     }
   }]
-}, je = le(function(e, t) {
+}, qe = le(function(e, t) {
   return ie(ae, Object.assign({}, e, {
     id: "dropdown-icon",
     ref: t,
-    icon: Xr
+    icon: ei
   }));
 });
-je.displayName = "DropdownIcon";
-const Kr = {
+qe.displayName = "DropdownIcon";
+const ti = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -240,15 +243,15 @@ const Kr = {
       clipRule: "evenodd"
     }
   }]
-}, fn = le(function(e, t) {
+}, Sn = le(function(e, t) {
   return ie(ae, Object.assign({}, e, {
     id: "grid-outline-icon",
     ref: t,
-    icon: Kr
+    icon: ti
   }));
 });
-fn.displayName = "GridOutlineIcon";
-const Jr = {
+Sn.displayName = "GridOutlineIcon";
+const ni = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -266,15 +269,15 @@ const Jr = {
       clipRule: "evenodd"
     }
   }]
-}, Mt = le(function(e, t) {
+}, xt = le(function(e, t) {
   return ie(ae, Object.assign({}, e, {
     id: "more-down-icon",
     ref: t,
-    icon: Jr
+    icon: ni
   }));
 });
-Mt.displayName = "MoreDownIcon";
-const ei = {
+xt.displayName = "MoreDownIcon";
+const ri = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -298,15 +301,15 @@ const ei = {
       clipRule: "evenodd"
     }
   }]
-}, Cn = le(function(e, t) {
+}, _n = le(function(e, t) {
   return ie(ae, Object.assign({}, e, {
     id: "rename-icon",
     ref: t,
-    icon: ei
+    icon: ri
   }));
 });
-Cn.displayName = "RenameIcon";
-const ti = {
+_n.displayName = "RenameIcon";
+const ii = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -324,15 +327,15 @@ const ti = {
       clipRule: "evenodd"
     }
   }]
-}, Sn = le(function(e, t) {
+}, Tn = le(function(e, t) {
   return ie(ae, Object.assign({}, e, {
     id: "table-icon",
     ref: t,
-    icon: ti
+    icon: ii
   }));
 });
-Sn.displayName = "TableIcon";
-const ni = {
+Tn.displayName = "TableIcon";
+const ai = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -366,20 +369,20 @@ const ni = {
       }
     }
   ]
-}, _n = le(function(e, t) {
+}, wn = le(function(e, t) {
   return ie(ae, Object.assign({}, e, {
     id: "paint-bucket-double-icon",
     ref: t,
-    icon: ni
+    icon: ai
   }));
 });
-_n.displayName = "PaintBucketDoubleIcon";
-var me = /* @__PURE__ */ ((r) => (r.Items = "items", r.Condition = "condition", r))(me || {}), ri = Object.getOwnPropertyDescriptor, ii = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? ri(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+wn.displayName = "PaintBucketDoubleIcon";
+var me = /* @__PURE__ */ ((r) => (r.Items = "items", r.Condition = "condition", r))(me || {}), si = Object.getOwnPropertyDescriptor, oi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? si(e, t) : e, a = r.length - 1, s; a >= 0; a--)
     (s = r[a]) && (i = s(i) || i);
   return i;
-}, We = (r, e) => (t, n) => e(t, n, r);
-let Ee = class extends Le {
+}, Ze = (r, e) => (t, n) => e(t, n, r);
+let Ee = class extends ke {
   constructor(e, t, n, i, a) {
     super();
     U(this, "_itemsCache", /* @__PURE__ */ new Map());
@@ -387,12 +390,12 @@ let Ee = class extends Le {
   }
   _registerTableFilterChangeEvent() {
     this._commandService.onCommandExecuted((e) => {
-      if (e.id === Lr.id) {
+      if (e.id === kr.id) {
         const { unitId: t, subUnitId: n, cellValue: i } = e.params, a = this._tableManager.getTablesBySubunitId(t, n);
         if (!a.length)
           return;
-        new Ln(i).forValue((c, u, h) => {
-          const d = Zt(c, u), v = a.find((f) => {
+        new kn(i).forValue((c, u, h) => {
+          const d = jt(c, u), v = a.find((f) => {
             const w = f.getTableFilterRange();
             return be.intersects(w, d);
           });
@@ -401,7 +404,7 @@ let Ee = class extends Le {
             this._itemsCache.delete(v.getId() + f);
           }
         });
-      } else if (e.id === $t.id) {
+      } else if (e.id === Lt.id) {
         const { unitId: t, tableId: n } = e.params, i = this._tableManager.getTable(t, n);
         if (!i)
           return;
@@ -420,7 +423,7 @@ let Ee = class extends Le {
       unitId: e,
       subUnitId: t,
       tableFilter: c,
-      currentFilterBy: qn(c) ? me.Condition : me.Items,
+      currentFilterBy: Yn(c) ? me.Condition : me.Items,
       tableId: n,
       columnIndex: i - s.startColumn
     };
@@ -429,7 +432,7 @@ let Ee = class extends Le {
     const i = this._tableManager.getTable(e, t), a = [];
     if (i) {
       const s = i.getTableFilterColumn(n);
-      s && Yn(s) && a.push(...s.values);
+      s && Qn(s) && a.push(...s.values);
     }
     return a;
   }
@@ -442,7 +445,7 @@ let Ee = class extends Le {
       column: n,
       tableFilter: i
     };
-    this._commandService.executeCommand($t.id, s);
+    this._commandService.executeCommand(Lt.id, s);
   }
   getTableFilterItems(e, t, n, i) {
     var E;
@@ -469,15 +472,15 @@ let Ee = class extends Le {
     return this._itemsCache.set(n + i, { data: f, itemsCountMap: w, allItemsCount: S }), { data: f, itemsCountMap: w, allItemsCount: S };
   }
 };
-Ee = ii([
-  We(0, N(re)),
-  We(1, N(jn)),
-  We(2, N(pe)),
-  We(3, te),
-  We(4, N(ne))
+Ee = oi([
+  Ze(0, N(re)),
+  Ze(1, N(qn)),
+  Ze(2, N(pe)),
+  Ze(3, te),
+  Ze(4, N(ne))
 ], Ee);
 var j = /* @__PURE__ */ ((r) => (r.DatePicker = "DatePicker", r.DateRange = "DateRange", r.Input = "Input", r.Inputs = "Inputs", r.Select = "Select", r.None = "None", r))(j || {});
-function ai(r) {
+function li(r) {
   const t = r.get(ne).t;
   return [
     {
@@ -656,7 +659,7 @@ function ai(r) {
     }
   ];
 }
-function si(r, e) {
+function ci(r, e) {
   if (!e)
     return [];
   const n = r.get(ne).t;
@@ -735,7 +738,7 @@ function si(r, e) {
       return [];
   }
 }
-const xt = /* @__PURE__ */ new Set([
+const Nt = /* @__PURE__ */ new Set([
   o.Equal,
   o.NotEqual,
   o.After,
@@ -743,10 +746,10 @@ const xt = /* @__PURE__ */ new Set([
   o.Before,
   o.BeforeOrEqual
 ]);
-function oi(r, e) {
-  return e ? r === F.String ? j.Input : r === F.Number ? e === k.Between || e === k.NotBetween ? j.Inputs : j.Input : r === F.Date ? e === o.Between || e === o.NotBetween ? j.DateRange : e === o.Quarter || e === o.Month ? j.Select : xt.has(e) ? j.DatePicker : j.None : j.None : j.None;
+function ui(r, e) {
+  return e ? r === F.String ? j.Input : r === F.Number ? e === k.Between || e === k.NotBetween ? j.Inputs : j.Input : r === F.Date ? e === o.Between || e === o.NotBetween ? j.DateRange : e === o.Quarter || e === o.Month ? j.Select : Nt.has(e) ? j.DatePicker : j.None : j.None : j.None;
 }
-function li(r) {
+function di(r) {
   if (!r || r.filterType !== "condition")
     return {
       type: F.String,
@@ -771,7 +774,7 @@ function li(r) {
           compare: n,
           info: {}
         };
-      if (xt.has(n)) {
+      if (Nt.has(n)) {
         let i;
         if (typeof e.expectedValue == "string")
           i = new Date(e.expectedValue);
@@ -830,9 +833,9 @@ function li(r) {
     info: {}
   };
 }
-const ci = (r) => {
+const hi = (r) => {
   var w, S, E, C, $, I, B, R;
-  const { conditionInfo: e, onChange: t } = r, n = M(ne), [i, a] = q(!1), s = M(ke), c = ai(s), u = (g, x, y) => {
+  const { conditionInfo: e, onChange: t } = r, n = M(ne), [i, a] = q(!1), s = M(Pe), c = li(s), u = (g, x, y) => {
     t({
       type: x != null ? x : e.type,
       compare: y != null ? y : e.compare,
@@ -843,11 +846,11 @@ const ci = (r) => {
     const x = g[0], y = g[1];
     y && a(!1);
     const m = {};
-    x === F.Date ? y === o.Quarter ? m.dateSelect = o.Q1 : y === o.Month ? m.dateSelect = o.M1 : xt.has(y) ? m.date = /* @__PURE__ */ new Date() : m.dateRange = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : x === F.Number ? m.number = 0 : x === F.String && (m.string = ""), u(m, g[0], (O = g[1]) != null ? O : Z.Equal);
-  }, d = oi(e.type, e.compare);
+    x === F.Date ? y === o.Quarter ? m.dateSelect = o.Q1 : y === o.Month ? m.dateSelect = o.M1 : Nt.has(y) ? m.date = /* @__PURE__ */ new Date() : m.dateRange = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : x === F.Number ? m.number = 0 : x === F.String && (m.string = ""), u(m, g[0], (O = g[1]) != null ? O : Z.Equal);
+  }, d = ui(e.type, e.compare);
   let v = "";
   e.compare ? v = `${n.t(`sheets-table.condition.${e.type}`)} - ${n.t(`sheets-table.${e.type}.compare.${e.compare}`)}` : v = n.t(`sheets-table.condition.${e.type}`);
-  const f = si(s, e.compare);
+  const f = ci(s, e.compare);
   return /* @__PURE__ */ T("div", { children: [
     /* @__PURE__ */ l(
       Ne,
@@ -856,7 +859,7 @@ const ci = (r) => {
         open: i,
         onOpenChange: a,
         overlay: /* @__PURE__ */ l(
-          Ir,
+          yr,
           {
             value: [e.type, e.compare],
             options: c,
@@ -871,15 +874,15 @@ const ci = (r) => {
             className: D("univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center univer-justify-between univer-rounded-md univer-bg-white univer-px-2 univer-text-sm univer-transition-colors univer-duration-200 hover:univer-border-primary-600 focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2 dark:!univer-bg-gray-700 dark:!univer-text-white", H),
             children: [
               /* @__PURE__ */ l("span", { children: v }),
-              /* @__PURE__ */ l(Mt, {})
+              /* @__PURE__ */ l(xt, {})
             ]
           }
         )
       }
     ),
     /* @__PURE__ */ T("div", { className: "univer-mt-3 univer-w-full", children: [
-      d === j.Input && /* @__PURE__ */ l(yt, { children: e.type === F.String ? /* @__PURE__ */ l(
-        Rt,
+      d === j.Input && /* @__PURE__ */ l(Rt, { children: e.type === F.String ? /* @__PURE__ */ l(
+        Mt,
         {
           className: "univer-w-full",
           placeholder: "请输入",
@@ -887,7 +890,7 @@ const ci = (r) => {
           onChange: (g) => u({ string: g })
         }
       ) : /* @__PURE__ */ l(
-        gt,
+        bt,
         {
           className: "univer-h-7 univer-w-full",
           value: e.info.number,
@@ -898,7 +901,7 @@ const ci = (r) => {
         }
       ) }),
       d === j.DatePicker && /* @__PURE__ */ l("div", { id: "univer-table-date-picker-wrapper", children: /* @__PURE__ */ l(
-        yr,
+        Rr,
         {
           className: "univer-w-full",
           value: (w = e.info.date) != null ? w : /* @__PURE__ */ new Date(),
@@ -906,7 +909,7 @@ const ci = (r) => {
         }
       ) }),
       d === j.DateRange && /* @__PURE__ */ l("div", { id: "univer-table-date-range-wrapper", children: /* @__PURE__ */ l(
-        Rr,
+        Mr,
         {
           className: "univer-w-full",
           value: [(E = (S = e.info.dateRange) == null ? void 0 : S[0]) != null ? E : /* @__PURE__ */ new Date(), ($ = (C = e.info.dateRange) == null ? void 0 : C[1]) != null ? $ : /* @__PURE__ */ new Date()],
@@ -917,7 +920,7 @@ const ci = (r) => {
       ) }),
       d === j.Inputs && /* @__PURE__ */ T("div", { className: "univer-flex univer-items-center univer-gap-2", children: [
         /* @__PURE__ */ l(
-          gt,
+          bt,
           {
             className: "univer-w-full",
             value: (I = e.info.numberRange) == null ? void 0 : I[0],
@@ -930,7 +933,7 @@ const ci = (r) => {
         ),
         /* @__PURE__ */ l("span", { children: " - " }),
         /* @__PURE__ */ l(
-          gt,
+          bt,
           {
             className: "univer-w-full",
             value: (B = e.info.numberRange) == null ? void 0 : B[1],
@@ -943,7 +946,7 @@ const ci = (r) => {
         )
       ] }),
       d === j.Select && /* @__PURE__ */ l(
-        Mr,
+        xr,
         {
           className: "univer-w-full",
           value: (R = e.info.dateSelect) != null ? R : f[0].value,
@@ -953,18 +956,18 @@ const ci = (r) => {
       )
     ] })
   ] });
-}, ui = (r) => {
+}, vi = (r) => {
   let e = 0;
   return r.forEach((t) => {
     e += t;
   }), e;
 };
-function di(r) {
-  const { unitId: e, tableId: t, subUnitId: n, columnIndex: i, checkedItemSet: a, setCheckedItemSet: s, tableFilter: c } = r, u = M(ne), h = M(Ee), { data: d, itemsCountMap: v, allItemsCount: f } = h.getTableFilterItems(e, n, t, i), [w, S] = q(c === void 0 ? !0 : a.size === v.size), [E, C] = q(w ? f : ui(v)), $ = !w && a.size > 0, [I, B] = q(""), R = an(() => I ? d.filter((m) => String(m.title).toLowerCase().includes(I.toLowerCase())) : d, [I, d]), g = Dt(() => {
+function gi(r) {
+  const { unitId: e, tableId: t, subUnitId: n, columnIndex: i, checkedItemSet: a, setCheckedItemSet: s, tableFilter: c } = r, u = M(ne), h = M(Ee), { data: d, itemsCountMap: v, allItemsCount: f } = h.getTableFilterItems(e, n, t, i), [w, S] = q(c === void 0 ? !0 : a.size === v.size), [E, C] = q(w ? f : vi(v)), $ = !w && a.size > 0, [I, B] = q(""), R = sn(() => I ? d.filter((m) => String(m.title).toLowerCase().includes(I.toLowerCase())) : d, [I, d]), g = Bt(() => {
     w ? (a.clear(), s(new Set(a)), S(!1)) : (R.forEach((m) => {
       a.add(m.title);
     }), s(new Set(a)), S(!0));
-  }, [w]), x = Dt((m) => {
+  }, [w]), x = Bt((m) => {
     m === "" ? (S(!0), d.forEach((O) => {
       a.add(O.title);
     }), C(f)) : (a.clear(), S(!1), C(0)), B(m);
@@ -979,7 +982,7 @@ function di(r) {
       a.has(m) ? (a.delete(m), C(E - v.get(m))) : (a.add(m), C(E + v.get(m))), s(new Set(a));
   };
   return /* @__PURE__ */ T("div", { className: "univer-flex univer-h-full univer-flex-col", children: [
-    /* @__PURE__ */ l(Rt, { autoFocus: !0, value: I, placeholder: u.t("sheets-table.filter.search-placeholder"), onChange: x }),
+    /* @__PURE__ */ l(Mt, { autoFocus: !0, value: I, placeholder: u.t("sheets-table.filter.search-placeholder"), onChange: x }),
     /* @__PURE__ */ l(
       "div",
       {
@@ -987,10 +990,10 @@ function di(r) {
         children: /* @__PURE__ */ l(
           "div",
           {
-            className: D("univer-h-40 univer-overflow-y-auto univer-py-1 univer-pl-2", xr),
+            className: D("univer-h-40 univer-overflow-y-auto univer-py-1 univer-pl-2", Nr),
             children: /* @__PURE__ */ T("div", { className: "univer-h-full", children: [
               /* @__PURE__ */ l("div", { className: "univer-flex univer-items-center univer-px-2 univer-py-1", children: /* @__PURE__ */ l(
-                Ot,
+                Dt,
                 {
                   indeterminate: $,
                   disabled: d.length === 0,
@@ -1007,7 +1010,7 @@ function di(r) {
                 {
                   className: "univer-flex univer-items-center univer-px-2 univer-py-1",
                   children: /* @__PURE__ */ l(
-                    Ot,
+                    Dt,
                     {
                       checked: w || a.has(m.title),
                       onChange: () => {
@@ -1029,28 +1032,28 @@ function di(r) {
     )
   ] });
 }
-function hi() {
+function bi() {
   var de;
-  const r = M(ne), e = vi(r), t = M(Ee), n = M(re), i = M(te), a = M(jt), s = M($e), c = s.getCurrentTableFilterInfo(), u = t.getTableFilterPanelInitProps(c.unitId, c.subUnitId, c.tableId, c.column), { unitId: h, subUnitId: d, tableId: v, tableFilter: f, currentFilterBy: w, columnIndex: S } = u, { data: E } = t.getTableFilterItems(h, d, v, S), C = t.getTableFilterCheckedItems(h, v, S), [$, I] = q(new Set(C)), [B, R] = q(w || me.Items), [g, x] = q(() => {
+  const r = M(ne), e = mi(r), t = M(Ee), n = M(re), i = M(te), a = M(qt), s = M($e), c = s.getCurrentTableFilterInfo(), u = t.getTableFilterPanelInitProps(c.unitId, c.subUnitId, c.tableId, c.column), { unitId: h, subUnitId: d, tableId: v, tableFilter: f, currentFilterBy: w, columnIndex: S } = u, { data: E } = t.getTableFilterItems(h, d, v, S), C = t.getTableFilterCheckedItems(h, v, S), [$, I] = q(new Set(C)), [B, R] = q(w || me.Items), [g, x] = q(() => {
     const b = u.tableFilter;
-    return li(b);
+    return di(b);
   }), y = n.getTable(h, v);
   if (!y) return null;
   const m = y.getTableFilters(), O = m.getSortState();
-  O.columnIndex === S && (O.sortState, Xe.Asc), O.columnIndex === S && (O.sortState, Xe.Desc);
+  O.columnIndex === S && (O.sortState, Ke.Asc), O.columnIndex === S && (O.sortState, Ke.Desc);
   const L = () => {
     s.closeFilterPanel();
   }, Y = () => {
     L();
   }, V = (b) => {
     const P = y.getTableFilterRange();
-    i.executeCommand(Fr.id, {
+    i.executeCommand(Vr.id, {
       unitId: h,
       subUnitId: d,
       range: P,
-      orderRules: [{ colIndex: S + P.startColumn, type: b ? Vt.ASC : Vt.DESC }],
+      orderRules: [{ colIndex: S + P.startColumn, type: b ? Ht.ASC : Ht.DESC }],
       hasTitle: !1
-    }), m.setSortState(S, b ? Xe.Asc : Xe.Desc), L();
+    }), m.setSortState(S, b ? Ke.Asc : Ke.Desc), L();
   }, z = () => {
     if (B === me.Items) {
       const b = [];
@@ -1067,7 +1070,7 @@ function hi() {
         return;
       }
       const A = {
-        filterType: Lt.manual,
+        filterType: kt.manual,
         values: b
       };
       t.setTableFilter(h, v, S, A);
@@ -1082,7 +1085,7 @@ function hi() {
         expectedValue: Object.values(g.info)[0]
       };
       const P = {
-        filterType: Lt.condition,
+        filterType: kt.condition,
         // @ts-ignore
         filterInfo: b
       };
@@ -1091,24 +1094,24 @@ function hi() {
     L();
   }, ce = () => {
     t.setTableFilter(h, v, S, void 0), L();
-  }, ue = new on(h).id, fe = (de = a.getPermissionPoint(ue)) == null ? void 0 : de.value;
+  }, ue = new ln(h).id, fe = (de = a.getPermissionPoint(ue)) == null ? void 0 : de.value;
   return /* @__PURE__ */ T(
     "div",
     {
       className: "univer-box-border univer-flex univer-min-w-[312px] univer-flex-col univer-rounded-[10px] univer-bg-white univer-p-4 univer-shadow-lg dark:!univer-border-gray-600 dark:!univer-bg-gray-700",
       children: [
-        fe && /* @__PURE__ */ l("div", { className: "univer-mb-3 univer-flex", children: /* @__PURE__ */ T(Nr, { className: "univer-mb-3 !univer-flex univer-w-full", children: [
+        fe && /* @__PURE__ */ l("div", { className: "univer-mb-3 univer-flex", children: /* @__PURE__ */ T(Er, { className: "univer-mb-3 !univer-flex univer-w-full", children: [
           /* @__PURE__ */ T(_e, { className: "univer-w-1/2", onClick: () => V(!0), children: [
-            /* @__PURE__ */ l(bn, { className: "univer-mr-1" }),
+            /* @__PURE__ */ l(pn, { className: "univer-mr-1" }),
             r.t("sheets-sort.general.sort-asc")
           ] }),
           /* @__PURE__ */ T(_e, { className: "univer-w-1/2", onClick: () => V(!1), children: [
-            /* @__PURE__ */ l(pn, { className: "univer-mr-1" }),
+            /* @__PURE__ */ l(Cn, { className: "univer-mr-1" }),
             r.t("sheets-sort.general.sort-desc")
           ] })
         ] }) }),
         /* @__PURE__ */ l("div", { className: "univer-w-full", children: /* @__PURE__ */ l(
-          Er,
+          $r,
           {
             value: B,
             items: e,
@@ -1116,7 +1119,7 @@ function hi() {
           }
         ) }),
         /* @__PURE__ */ l("div", { className: "univer-z-10 univer-h-60", children: /* @__PURE__ */ l("div", { className: "univer-mt-3 univer-size-full", children: B === me.Items ? /* @__PURE__ */ l(
-          di,
+          gi,
           {
             tableFilter: f,
             unitId: h,
@@ -1127,7 +1130,7 @@ function hi() {
             setCheckedItemSet: I
           }
         ) : /* @__PURE__ */ l(
-          ci,
+          hi,
           {
             tableFilter: f,
             unitId: h,
@@ -1162,19 +1165,19 @@ function hi() {
     }
   );
 }
-function vi(r) {
+function mi(r) {
   const e = r.getCurrentLocale();
-  return an(() => [
+  return sn(() => [
     { label: r.t("sheets-table.filter.by-values"), value: me.Items },
     { label: r.t("sheets-table.filter.by-conditions"), value: me.Condition }
   ], [e, r]);
 }
-var gi = Object.getOwnPropertyDescriptor, bi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? gi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+var pi = Object.getOwnPropertyDescriptor, fi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? pi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
     (s = r[a]) && (i = s(i) || i);
   return i;
-}, et = (r, e) => (t, n) => e(t, n, r);
-let $e = class extends Le {
+}, tt = (r, e) => (t, n) => e(t, n, r);
+let $e = class extends ke {
   constructor(e, t, n, i) {
     super();
     U(this, "_popupDisposable");
@@ -1192,13 +1195,13 @@ let $e = class extends Le {
   }
   _initComponents() {
     [
-      [ge, hi]
+      [ge, bi]
     ].forEach(([e, t]) => {
       this.disposeWithMe(this._componentManager.register(e, t));
     });
   }
   _initUIPopup() {
-    this.disposeWithMe(this._contextService.subscribeContextValue$(ge).pipe(rn(void 0), fr()).subscribe((e) => {
+    this.disposeWithMe(this._contextService.subscribeContextValue$(ge).pipe(an(void 0), Cr()).subscribe((e) => {
       e ? this._openFilterPopup() : e === !1 && this._closeFilterPopup();
     }));
   }
@@ -1214,7 +1217,7 @@ let $e = class extends Le {
       componentKey: ge,
       direction: "horizontal",
       onClickOutside: () => {
-        this._dialogService.close(Ur), this._contextService.setContextValue(ge, !1);
+        this._dialogService.close(jr), this._contextService.setContextValue(ge, !1);
       },
       offset: [5, 0],
       portal: !0
@@ -1225,35 +1228,35 @@ let $e = class extends Le {
     (e = this._popupDisposable) == null || e.dispose(), this._popupDisposable = null, this.clearCurrentTableFilterInfo();
   }
 };
-$e = bi([
-  et(0, N(tn)),
-  et(1, wt),
-  et(2, N(tr)),
-  et(3, N(nn))
+$e = fi([
+  tt(0, N(nn)),
+  tt(1, It),
+  tt(2, N(nr)),
+  tt(3, N(rn))
 ], $e);
-const Ct = {
-  type: qt.OPERATION,
+const St = {
+  type: Yt.OPERATION,
   id: "sheet.operation.open-table-filter-panel",
   async handler(r, e) {
     if (!e)
       return !1;
-    const { row: t, col: n, unitId: i, subUnitId: a, tableId: s } = e, c = r.get(re), u = r.get(wt), h = r.get($e);
+    const { row: t, col: n, unitId: i, subUnitId: a, tableId: s } = e, c = r.get(re), u = r.get(It), h = r.get($e);
     return c.getTable(i, s) ? (u.getContextValue(ge) || (h.setCurrentTableFilterInfo({ unitId: i, subUnitId: a, row: t, tableId: s, column: n }), u.setContextValue(ge, !0)), !0) : !1;
   }
-}, Nt = {
-  type: qt.OPERATION,
+}, Et = {
+  type: Yt.OPERATION,
   id: "sheet.operation.open-table-selector",
   async handler(r) {
     var w;
     const e = r.get(pe), t = r.get(te), n = ct(e);
     if (!n)
       return !1;
-    const { unitId: i, subUnitId: a, worksheet: s } = n, u = r.get(ut).getCurrentLastSelection(), h = (w = u == null ? void 0 : u.range) != null ? w : { startRow: 0, endRow: 0, startColumn: 0, endColumn: 0 }, v = kr(u) ? Pr(h, { up: !0, left: !0, right: !0, down: !0 }, s) : h, f = await Tn(r, i, a, v);
-    return f ? (t.executeCommand(Qn.id, { ...f }), !0) : !1;
+    const { unitId: i, subUnitId: a, worksheet: s } = n, u = r.get(ut).getCurrentLastSelection(), h = (w = u == null ? void 0 : u.range) != null ? w : { startRow: 0, endRow: 0, startColumn: 0, endColumn: 0 }, v = Pr(u) ? Or(h, { up: !0, left: !0, right: !0, down: !0 }, s) : h, f = await In(r, i, a, v);
+    return f ? (t.executeCommand(zn.id, { ...f }), !0) : !1;
   }
 };
-async function Tn(r, e, t, n, i) {
-  const a = r.get(nn), s = r.get(ne);
+async function In(r, e, t, n, i) {
+  const a = r.get(rn), s = r.get(ne);
   return new Promise((c) => {
     const u = {
       unitId: e,
@@ -1287,45 +1290,45 @@ async function Tn(r, e, t, n, i) {
     });
   });
 }
-const wn = "sheets-table-ui.config", At = {
+const yn = "sheets-table-ui.config", Ut = {
   anchorHeight: 24,
   anchorBackgroundColor: "rgb(134,139,156)"
 };
-var mi = Object.getOwnPropertyDescriptor, pi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? mi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+var Ci = Object.getOwnPropertyDescriptor, Si = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ci(e, t) : e, a = r.length - 1, s; a >= 0; a--)
     (s = r[a]) && (i = s(i) || i);
   return i;
-}, fi = (r, e) => (t, n) => e(t, n, r);
-let Ie = class extends Le {
+}, _i = (r, e) => (t, n) => e(t, n, r);
+let Ie = class extends ke {
   constructor(e) {
     super();
-    U(this, "_refreshTable", new Cr());
+    U(this, "_refreshTable", new Sr());
     U(this, "refreshTable$", this._refreshTable.asObservable());
     this._commandService = e, this._initListener();
   }
   _initListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
-        if (e.id === ln.id) {
+        if (e.id === cn.id) {
           const t = e.params, { styleName: n } = t;
-          n.startsWith(zn) && this._refreshTable.next(Math.random());
+          n.startsWith(Gn) && this._refreshTable.next(Math.random());
         }
       })
     );
   }
 };
-Ie = pi([
-  fi(0, N(te))
+Ie = Si([
+  _i(0, N(te))
 ], Ie);
-const Ci = () => {
+const Ti = () => {
   var fe, de;
-  const [r, e] = q(""), [t, n] = q(""), i = M(cr), [a, s] = q({}), c = M(ke), u = M(it), h = Te(u.anchorPosition$), d = M(te), v = M(pe), f = M(cn), w = Te(f.unitPermissionInitStateChange$, !1), S = M(re), E = M(un), C = M(Ie), $ = Te(C.refreshTable$), I = M(ne), B = M(ut), R = Te(B.selectionChanged$, [{ range: Zt(0, 0), primary: null }]), [, g] = q(Math.random()), y = M(Yt).getConfig(wn), m = (fe = y == null ? void 0 : y.anchorHeight) != null ? fe : 24, O = (de = y == null ? void 0 : y.anchorBackgroundColor) != null ? de : "rgb(53,91,183)", L = (b, P) => {
+  const [r, e] = q(""), [t, n] = q(""), i = M(ur), [a, s] = q({}), c = M(Pe), u = M(at), h = Te(u.anchorPosition$), d = M(te), v = M(pe), f = M(un), w = Te(f.unitPermissionInitStateChange$, !1), S = M(re), E = M(dn), C = M(Ie), $ = Te(C.refreshTable$), I = M(ne), B = M(ut), R = Te(B.selectionChanged$, [{ range: jt(0, 0), primary: null }]), [, g] = q(Math.random()), y = M(Qt).getConfig(yn), m = (fe = y == null ? void 0 : y.anchorHeight) != null ? fe : 24, O = (de = y == null ? void 0 : y.anchorBackgroundColor) != null ? de : "rgb(53,91,183)", L = (b, P) => {
     s((A) => ({
       ...A,
       [b]: P
     }));
   };
-  if (sn(() => {
+  if (on(() => {
     g(Math.random());
   }, [$]), !(h != null && h.length))
     return null;
@@ -1337,7 +1340,7 @@ const Ci = () => {
       e(""), n("");
       return;
     }
-    d.executeCommand(ft.id, {
+    d.executeCommand(Ct.id, {
       tableId: b,
       unitId: V,
       name: P
@@ -1345,8 +1348,8 @@ const Ci = () => {
   }, ue = async (b) => {
     const P = S.getTableById(V, b);
     if (!P) return;
-    const A = P.getRange(), Q = await Tn(c, V, z, A, b);
-    Q && d.executeCommand(ft.id, {
+    const A = P.getRange(), Q = await In(c, V, z, A, b);
+    Q && d.executeCommand(Ct.id, {
       tableId: b,
       unitId: V,
       updateRange: {
@@ -1355,31 +1358,31 @@ const Ci = () => {
     });
   };
   return w ? /* @__PURE__ */ l("div", { className: "univer-absolute univer-z-50 univer-size-0", children: h.map((b) => {
-    var Oe, De, p, _, X, K, se;
+    var De, Be, p, _, X, K, se;
     const P = S.getTableById(V, b.tableId);
     if (!P) return null;
-    const A = E.getRangeThemeStyle(V, P.getTableStyleId()), Q = (p = (De = (Oe = A == null ? void 0 : A.getHeaderRowStyle()) == null ? void 0 : Oe.bg) == null ? void 0 : De.rgb) != null ? p : O, Qe = (K = (X = (_ = A == null ? void 0 : A.getHeaderRowStyle()) == null ? void 0 : _.cl) == null ? void 0 : X.rgb) != null ? K : "rgb(255, 255, 255)", ze = P.getRange();
+    const A = E.getRangeThemeStyle(V, P.getTableStyleId()), Q = (p = (Be = (De = A == null ? void 0 : A.getHeaderRowStyle()) == null ? void 0 : De.bg) == null ? void 0 : Be.rgb) != null ? p : O, ze = (K = (X = (_ = A == null ? void 0 : A.getHeaderRowStyle()) == null ? void 0 : _.cl) == null ? void 0 : X.rgb) != null ? K : "rgb(255, 255, 255)", Ge = P.getRange();
     if (!(R != null && R.length))
       return null;
-    const Ge = R[R.length - 1].range, Pe = !be.intersects(ze, Ge) && b.y <= 20;
+    const Xe = R[R.length - 1].range, Oe = !be.intersects(Ge, Xe) && b.y <= 20;
     return /* @__PURE__ */ T(
       "div",
       {
         className: D("univer-shadow-xs univer-absolute univer-box-border univer-cursor-pointer univer-items-center univer-rounded-xl univer-px-2", H, {
-          "univer-flex": !Pe,
-          "univer-hidden": Pe
+          "univer-flex": !Oe,
+          "univer-hidden": Oe
         }),
         style: {
           left: b.x,
           top: Math.max(b.y, 0),
           backgroundColor: Q,
-          color: Qe,
+          color: ze,
           borderWidth: "0.5px",
           height: m ? `${m}px` : "24px"
         },
         children: [
           /* @__PURE__ */ l("div", { className: "univer-text-nowrap", children: r === b.tableId ? /* @__PURE__ */ l(
-            Rt,
+            Mt,
             {
               className: "univer-h-[18px] univer-min-w-16 univer-rounded-none",
               inputClass: "univer-h-[18px] univer-w-[80px]",
@@ -1405,7 +1408,7 @@ const Ci = () => {
                       e(b.tableId), n(b.tableName);
                     },
                     children: [
-                      /* @__PURE__ */ l(Cn, {}),
+                      /* @__PURE__ */ l(_n, {}),
                       I.t("sheets-table.rename")
                     ]
                   }
@@ -1422,7 +1425,7 @@ const Ci = () => {
                     onClick: () => ue(b.tableId),
                     className: "univer-flex univer-min-w-32 univer-cursor-pointer univer-items-center univer-gap-2 univer-px-2 univer-py-1 univer-text-sm hover:univer-bg-gray-200",
                     children: [
-                      /* @__PURE__ */ l(fn, {}),
+                      /* @__PURE__ */ l(Sn, {}),
                       I.t("sheets-table.updateRange")
                     ]
                   }
@@ -1436,10 +1439,10 @@ const Ci = () => {
                       const W = S.getTableById(V, b.tableId);
                       if (!W) return;
                       const Ce = W.getTableConfig(), Se = {
-                        id: Wr,
+                        id: qr,
                         header: { title: I.t("sheets-table.tableStyle") },
                         children: {
-                          label: vn,
+                          label: bn,
                           oldConfig: Ce,
                           unitId: V,
                           subUnitId: z,
@@ -1451,7 +1454,7 @@ const Ci = () => {
                     },
                     children: [
                       /* @__PURE__ */ l(
-                        _n,
+                        wn,
                         {
                           extend: { colorChannel1: "rgb(53,91,183)" }
                         }
@@ -1471,14 +1474,14 @@ const Ci = () => {
                   {
                     className: "univer-flex univer-min-w-32 univer-cursor-pointer univer-items-center univer-px-2 univer-py-1 univer-text-sm hover:univer-bg-gray-200",
                     onClick: () => {
-                      L(b.tableId, !1), d.executeCommand(Gn.id, {
+                      L(b.tableId, !1), d.executeCommand(Xn.id, {
                         tableId: b.tableId,
                         subUnitId: z,
                         unitId: V
                       });
                     },
                     children: [
-                      /* @__PURE__ */ l(mn, { className: "univer-mr-2" }),
+                      /* @__PURE__ */ l(fn, { className: "univer-mr-2" }),
                       I.t("sheets-table.removeTable")
                     ]
                   }
@@ -1488,7 +1491,7 @@ const Ci = () => {
               onOpenChange: (W) => {
                 L(b.tableId, W);
               },
-              children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Mt, {}) })
+              children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(xt, {}) })
             },
             b.tableId
           )
@@ -1498,29 +1501,29 @@ const Ci = () => {
     );
   }) }) : null;
 };
-var Si = Object.getOwnPropertyDescriptor, _i = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Si(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+var wi = Object.getOwnPropertyDescriptor, Ii = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? wi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
     (s = r[a]) && (i = s(i) || i);
   return i;
 }, ee = (r, e) => (t, n) => e(t, n, r);
-let it = class extends Le {
+let at = class extends ke {
   constructor(e, t, n, i, a, s, c, u, h, d, v) {
     super();
-    U(this, "_anchorVisible$", new Pt(!0));
+    U(this, "_anchorVisible$", new Ot(!0));
     U(this, "_timer");
-    U(this, "_anchorPosition$", new Pt([]));
+    U(this, "_anchorPosition$", new Ot([]));
     U(this, "anchorPosition$", this._anchorPosition$.asObservable());
     this._context = e, this._injector = t, this._sheetSkeletonManagerService = n, this._renderManagerService = i, this._commandService = a, this._univerInstanceService = s, this._uiPartsService = c, this._tableManager = u, this._scrollManagerService = h, this._workbookPermissionService = d, this._permissionService = v, this._initUI(), this._initListener(), this._initTableAnchor();
   }
   _initUI() {
     this.disposeWithMe(
-      this._uiPartsService.registerComponent(dr.CONTENT, () => hr(Ci, this._injector))
+      this._uiPartsService.registerComponent(hr.CONTENT, () => vr(Ti, this._injector))
     );
   }
   _initListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
-        (e.id === rr.id || e.id === ir.id) && (this._anchorVisible$.next(!1), this._timer && clearTimeout(this._timer), this._timer = setTimeout(() => {
+        (e.id === ir.id || e.id === ar.id) && (this._anchorVisible$.next(!1), this._timer && clearTimeout(this._timer), this._timer = setTimeout(() => {
           this._anchorVisible$.next(!0);
         }, 300));
       })
@@ -1528,7 +1531,7 @@ let it = class extends Le {
   }
   _initTableAnchor() {
     this.disposeWithMe(
-      It(
+      yt(
         this._context.unit.activeSheet$,
         this._sheetSkeletonManagerService.currentSkeleton$,
         this._scrollManagerService.validViewportScrollInfo$,
@@ -1537,8 +1540,8 @@ let it = class extends Le {
         this._tableManager.tableNameChanged$,
         this._tableManager.tableRangeChanged$,
         this._tableManager.tableThemeChanged$,
-        this._workbookPermissionService.unitPermissionInitStateChange$.pipe(Sr((e) => e)),
-        this._permissionService.permissionPointUpdate$.pipe(_r(300)),
+        this._workbookPermissionService.unitPermissionInitStateChange$.pipe(_r((e) => e)),
+        this._permissionService.permissionPointUpdate$.pipe(Tr(300)),
         this._anchorVisible$
       ).subscribe(() => {
         var h;
@@ -1551,20 +1554,20 @@ let it = class extends Le {
           this._anchorPosition$.next([]);
           return;
         }
-        if (!((h = this._permissionService.getPermissionPoint(new on(t.getUnitId()).id)) == null ? void 0 : h.value)) {
+        if (!((h = this._permissionService.getPermissionPoint(new ln(t.getUnitId()).id)) == null ? void 0 : h.value)) {
           this._anchorPosition$.next([]);
           return;
         }
         const u = a.reduce((d, v) => {
-          const { startRow: f, startColumn: w } = v.range, S = s.with(lt), E = ar(this._univerInstanceService, this._renderManagerService);
+          const { startRow: f, startColumn: w } = v.range, S = s.with(lt), E = sr(this._univerInstanceService, this._renderManagerService);
           if (!E) return d;
-          const { scene: C } = E, $ = C.getViewport(An.VIEW_MAIN);
+          const { scene: C } = E, $ = C.getViewport(Un.VIEW_MAIN);
           if (!$) return d;
           const I = C == null ? void 0 : C.scaleX, B = C == null ? void 0 : C.scaleY, R = C == null ? void 0 : C.getViewportScrollXY($);
           if (!I || !C || !B || !R) return d;
           const g = S.getCurrentSkeleton();
           if (!g) return d;
-          const x = g.getNoMergeCellWithCoordByIndex(f, w), y = Un(x.startX, I, R), m = Wn(x.startY, B, R) - 25 - 4;
+          const x = g.getNoMergeCellWithCoordByIndex(f, w), y = Wn(x.startX, I, R), m = Zn(x.startY, B, R) - 25 - 4;
           return m >= -10 && y >= 45 && d.push({
             x: y,
             y: m,
@@ -1577,23 +1580,23 @@ let it = class extends Le {
     );
   }
 };
-it = _i([
-  ee(1, N(ke)),
+at = Ii([
+  ee(1, N(Pe)),
   ee(2, N(lt)),
-  ee(3, zt),
+  ee(3, Gt),
   ee(4, te),
   ee(5, pe),
-  ee(6, ur),
+  ee(6, dr),
   ee(7, N(re)),
-  ee(8, N(nr)),
-  ee(9, N(cn)),
-  ee(10, N(jt))
-], it);
+  ee(8, N(rr)),
+  ee(9, N(un)),
+  ee(10, N(qt))
+], at);
 const Me = 16;
 new Path2D("M3.30363 3C2.79117 3 2.51457 3.60097 2.84788 3.99024L6.8 8.60593V12.5662C6.8 12.7184 6.8864 12.8575 7.02289 12.9249L8.76717 13.7863C8.96655 13.8847 9.2 13.7396 9.2 13.5173V8.60593L13.1521 3.99024C13.4854 3.60097 13.2088 3 12.6964 3H3.30363Z");
-class Ut {
+class Wt {
   static drawNoSetting(e, t, n, i) {
-    e.save(), Et.drawWith(e, {
+    e.save(), $t.drawWith(e, {
       radius: 2,
       width: Me,
       height: Me,
@@ -1601,7 +1604,7 @@ class Ut {
     }), e.lineCap = "square", e.strokeStyle = n, e.scale(t / Me, t / Me), e.beginPath(), e.lineWidth = 1, e.lineCap = "round", e.moveTo(3, 4), e.lineTo(13, 4), e.moveTo(4.5, 8), e.lineTo(11.5, 8), e.moveTo(6, 12), e.lineTo(10, 12), e.stroke(), e.restore();
   }
   static drawIconByPath(e, t, n, i) {
-    e.save(), e.strokeStyle = n, e.fillStyle = i, Et.drawWith(e, {
+    e.save(), e.strokeStyle = n, e.fillStyle = i, $t.drawWith(e, {
       radius: 2,
       width: Me,
       height: Me,
@@ -1612,30 +1615,30 @@ class Ut {
     }), e.restore();
   }
 }
-const Ti = [
+const yi = [
   "M3.30363 3C2.79117 3 2.51457 3.60097 2.84788 3.99024L6.8 8.60593V12.5662C6.8 12.7184 6.8864 12.8575 7.02289 12.9249L8.76717 13.7863C8.96655 13.8847 9.2 13.7396 9.2 13.5173V8.60593L13.1521 3.99024C13.4854 3.60097 13.2088 3 12.6964 3H3.30363Z"
-], wi = [
+], Ri = [
   "M12.4008 13.1831C12.6907 13.1831 12.9258 12.9481 12.9258 12.6581V4.60873L14.013 5.69597C14.218 5.901 14.5505 5.901 14.7555 5.69597C14.9605 5.49094 14.9605 5.15853 14.7555 4.95351L12.7721 2.97017C12.5671 2.76515 12.2347 2.76515 12.0297 2.97017L10.0463 4.95351C9.84132 5.15853 9.84132 5.49094 10.0463 5.69597C10.2514 5.901 10.5838 5.901 10.7888 5.69597L11.8758 4.60901V12.6581C11.8758 12.9481 12.1108 13.1831 12.4008 13.1831Z",
   "M1.28069 4.85447C0.842195 4.33439 1.21191 3.5391 1.89218 3.5391H8.59333C9.2736 3.5391 9.64331 4.33439 9.20482 4.85447L6.51052 8.0501V11.6601C6.51052 12.2245 5.94174 12.6114 5.41683 12.404L4.48092 12.0343C4.1756 11.9136 3.97498 11.6187 3.97498 11.2904V8.0501L1.28069 4.85447Z"
-], Ii = [
+], Mi = [
   "M12.4008 2.81641C12.6907 2.81641 12.9258 3.05146 12.9258 3.34141V11.3908L14.013 10.3036C14.218 10.0986 14.5505 10.0986 14.7555 10.3036C14.9605 10.5086 14.9605 10.841 14.7555 11.046L12.7721 13.0294C12.5671 13.2344 12.2347 13.2344 12.0297 13.0294L10.0463 11.046C9.84132 10.841 9.84132 10.5086 10.0463 10.3036C10.2514 10.0986 10.5838 10.0986 10.7888 10.3036L11.8758 11.3905V3.34141C11.8758 3.05146 12.1108 2.81641 12.4008 2.81641Z",
   "M1.28069 4.85444C0.842195 4.33435 1.21191 3.53906 1.89218 3.53906H8.59333C9.2736 3.53906 9.64331 4.33435 9.20482 4.85443L6.51052 8.05006V11.6601C6.51052 12.2245 5.94174 12.6113 5.41683 12.404L4.48092 12.0342C4.1756 11.9136 3.97498 11.6186 3.97498 11.2903V8.05006L1.28069 4.85444Z"
-], yi = [
+], xi = [
   "M11.9003 13.7046C11.9003 13.9969 11.6633 14.2339 11.371 14.2339C11.0787 14.2339 10.8417 13.9969 10.8417 13.7046V3.57272L9.74577 4.66862C9.53906 4.87534 9.20391 4.87534 8.9972 4.66862C8.79048 4.46191 8.79048 4.12676 8.9972 3.92005L10.9969 1.92039C11.2036 1.71368 11.5387 1.71368 11.7454 1.92039L13.7451 3.92005C13.9518 4.12676 13.9518 4.46191 13.7451 4.66862C13.5384 4.87534 13.2032 4.87534 12.9965 4.66862L11.9003 3.57243V13.7046Z",
   "M2.69779 10.0113C2.40546 10.0113 2.16847 9.77429 2.16847 9.48196C2.16847 9.18962 2.40546 8.95264 2.69779 8.95264H6.67804C6.89213 8.95264 7.08514 9.0816 7.16707 9.2794C7.249 9.47719 7.20371 9.70486 7.05233 9.85624L3.97569 12.9329H6.67804C6.97038 12.9329 7.20736 13.1699 7.20736 13.4622C7.20736 13.7545 6.97038 13.9915 6.67804 13.9915H2.69779C2.4837 13.9915 2.29069 13.8626 2.20876 13.6648C2.12684 13.467 2.17212 13.2393 2.32351 13.0879L5.40015 10.0113H2.69779Z",
   "M5.51638 2.58693C5.23363 1.81542 4.14248 1.81543 3.85973 2.58693L2.13245 7.29995C2.03185 7.57443 2.17281 7.87849 2.4473 7.97909C2.72178 8.07969 3.02584 7.93872 3.12644 7.66424L3.64346 6.25351L3.64504 6.25351H5.73266L6.24968 7.66424C6.35027 7.93872 6.65433 8.07969 6.92882 7.97909C7.2033 7.87849 7.34426 7.57443 7.24367 7.29995L5.51638 2.58693ZM5.34467 5.19487L4.68806 3.40325L4.03144 5.19487H5.34467Z"
-], Ri = [
+], Ni = [
   "M11.9003 2.29495C11.9003 2.00261 11.6633 1.76562 11.371 1.76562C11.0787 1.76562 10.8417 2.00261 10.8417 2.29495V12.4268L9.74577 11.3309C9.53906 11.1242 9.20391 11.1242 8.9972 11.3309C8.79048 11.5376 8.79048 11.8727 8.9972 12.0795L10.9969 14.0791C11.2036 14.2858 11.5387 14.2858 11.7454 14.0791L13.7451 12.0795C13.9518 11.8727 13.9518 11.5376 13.7451 11.3309C13.5384 11.1242 13.2032 11.1242 12.9965 11.3309L11.9003 12.4271V2.29495Z",
   "M2.69792 10.0113C2.40558 10.0113 2.16859 9.77429 2.16859 9.48196C2.16859 9.18962 2.40558 8.95264 2.69792 8.95264H6.67816C6.89225 8.95264 7.08526 9.0816 7.16719 9.2794C7.24912 9.47719 7.20384 9.70486 7.05245 9.85624L3.97581 12.9329H6.67816C6.9705 12.9329 7.20749 13.1699 7.20749 13.4622C7.20749 13.7545 6.9705 13.9915 6.67816 13.9915H2.69792C2.48383 13.9915 2.29082 13.8626 2.20889 13.6648C2.12696 13.467 2.17224 13.2393 2.32363 13.0879L5.40027 10.0113H2.69792Z",
   "M5.5165 2.58693C5.23375 1.81542 4.1426 1.81543 3.85985 2.58693L2.13257 7.29995C2.03197 7.57443 2.17294 7.8785 2.44742 7.97909C2.7219 8.07969 3.02596 7.93872 3.12656 7.66424L3.64358 6.25351L3.64516 6.25351H5.73278L6.2498 7.66424C6.35039 7.93872 6.65446 8.07969 6.92894 7.97909C7.20342 7.8785 7.34438 7.57443 7.24379 7.29995L5.5165 2.58693ZM5.34479 5.19487L4.68818 3.40325L4.03156 5.19487H5.34479Z"
 ];
-var Mi = Object.getOwnPropertyDescriptor, xi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Mi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+var Ei = Object.getOwnPropertyDescriptor, $i = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ei(e, t) : e, a = r.length - 1, s; a >= 0; a--)
     (s = r[a]) && (i = s(i) || i);
   return i;
-}, mt = (r, e) => (t, n) => e(t, n, r);
-const oe = 16, qe = 1;
-let St = class extends Zn {
+}, pt = (r, e) => (t, n) => e(t, n, r);
+const oe = 16, Ye = 1;
+let _t = class extends jn {
   constructor(e, t, n, i, a) {
     super(e, t);
     U(this, "_cellWidth", 0);
@@ -1659,30 +1662,30 @@ let St = class extends Zn {
     let d;
     switch (c) {
       case Re.FilteredSortNone:
-        d = Ti;
+        d = yi;
         break;
       case Re.FilteredSortAsc:
-        d = wi;
+        d = Ri;
         break;
       case Re.FilteredSortDesc:
-        d = Ii;
+        d = Mi;
         break;
       case Re.FilterNoneSortNone:
         break;
       case Re.FilterNoneSortAsc:
-        d = yi;
+        d = xi;
         break;
       case Re.FilterNoneSortDesc:
-        d = Ri;
+        d = Ni;
         break;
     }
-    d ? Ut.drawIconByPath(e, d, u, h) : c !== void 0 && Ut.drawNoSetting(e, oe, u, h), e.restore();
+    d ? Wt.drawIconByPath(e, d, u, h) : c !== void 0 && Wt.drawNoSetting(e, oe, u, h), e.restore();
   }
   onPointerDown(e) {
     if (e.button === 2)
       return;
     const { row: t, col: n, unitId: i, subUnitId: a, tableId: s } = this._filterParams;
-    this._contextService.getContextValue(ge) || !this._commandService.hasCommand(Ct.id) || setTimeout(() => {
+    this._contextService.getContextValue(ge) || !this._commandService.hasCommand(St.id) || setTimeout(() => {
       const u = {
         row: t,
         col: n,
@@ -1690,7 +1693,7 @@ let St = class extends Zn {
         subUnitId: a,
         tableId: s
       };
-      this._commandService.executeCommand(Ct.id, u);
+      this._commandService.executeCommand(St.id, u);
     }, 200);
   }
   onPointerEnter() {
@@ -1700,28 +1703,28 @@ let St = class extends Zn {
     this._hovered = !1, this.makeDirty(!0);
   }
 };
-St = xi([
-  mt(2, wt),
-  mt(3, te),
-  mt(4, N(kn))
-], St);
-var Ni = Object.getOwnPropertyDescriptor, Ei = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ni(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+_t = $i([
+  pt(2, It),
+  pt(3, te),
+  pt(4, N(Pn))
+], _t);
+var Li = Object.getOwnPropertyDescriptor, ki = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Li(e, t) : e, a = r.length - 1, s; a >= 0; a--)
     (s = r[a]) && (i = s(i) || i);
   return i;
-}, Ze = (r, e) => (t, n) => e(t, n, r);
-const $i = 5e3, Li = (r, e, t, n) => {
+}, je = (r, e) => (t, n) => e(t, n, r);
+const Pi = 5e3, Oi = (r, e, t, n) => {
   switch (n) {
-    case rt.TOP:
-      return r + qe;
-    case rt.MIDDLE:
+    case it.TOP:
+      return r + Ye;
+    case it.MIDDLE:
       return r + Math.max(0, (t - oe) / 2);
-    case rt.BOTTOM:
+    case it.BOTTOM:
     default:
-      return e - oe - qe;
+      return e - oe - Ye;
   }
 };
-let _t = class extends Qt {
+let Tt = class extends zt {
   constructor(e, t, n, i, a, s) {
     super();
     U(this, "_buttonRenderDisposable", null);
@@ -1743,7 +1746,7 @@ let _t = class extends Qt {
           tableFilterRanges: this._tableManager.getSheetFilterRangeWithState(n.getUnitId(), a),
           skeleton: t.skeleton
         });
-        return It(
+        return yt(
           e.tableAdd$,
           e.tableNameChanged$,
           e.tableRangeChanged$,
@@ -1751,11 +1754,11 @@ let _t = class extends Qt {
           e.tableDelete$,
           e.tableFilterChanged$
         ).pipe(
-          Tr(() => s()),
-          rn(s())
+          wr(() => s()),
+          an(s())
         );
       }),
-      wr(this.dispose$)
+      Ir(this.dispose$)
     ).subscribe((t) => {
       this._disposeRendering(), !(!t || !t.tableFilterRanges) && this._renderButtons(t);
     });
@@ -1764,7 +1767,7 @@ let _t = class extends Qt {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
         var c;
-        if (e.id !== Or.id)
+        if (e.id !== Dr.id)
           return;
         const { unit: t, unitId: n } = this._context, i = ((c = t.getActiveSheet()) == null ? void 0 : c.getSheetId()) || "", a = this._sheetSkeletonManagerService.getCurrentSkeleton();
         if (!a)
@@ -1786,19 +1789,19 @@ let _t = class extends Qt {
         const { startRow: f, startColumn: w, endColumn: S } = h;
         this._interceptCellContent(n, a, h);
         for (let E = w; E <= S; E++) {
-          const C = `sheets-table-filter-button-${f}-${E}`, $ = sr(f, E, c, i), I = u.getCellStyle(f, E), B = (I == null ? void 0 : I.vt) || rt.BOTTOM, { startX: R, startY: g, endX: x, endY: y } = $, m = x - R, O = y - g;
-          if (O <= qe || m <= qe)
+          const C = `sheets-table-filter-button-${f}-${E}`, $ = or(f, E, c, i), I = u.getCellStyle(f, E), B = (I == null ? void 0 : I.vt) || it.BOTTOM, { startX: R, startY: g, endX: x, endY: y } = $, m = x - R, O = y - g;
+          if (O <= Ye || m <= Ye)
             continue;
-          const L = d[E - w], Y = x - oe - qe, V = Li(g, y, O, B), z = {
+          const L = d[E - w], Y = x - oe - Ye, V = Oi(g, y, O, B), z = {
             left: Y,
             top: V,
             height: oe,
             width: oe,
-            zIndex: $i,
+            zIndex: Pi,
             cellHeight: O,
             cellWidth: m,
             filterParams: { unitId: n, subUnitId: a, row: f, col: E, buttonState: L, tableId: v }
-          }, ce = this._injector.createInstance(St, C, z);
+          }, ce = this._injector.createInstance(_t, C, z);
           this._tableFilterButtonShapes.push(ce);
         }
       }
@@ -1807,8 +1810,8 @@ let _t = class extends Qt {
   }
   _interceptCellContent(e, t, n) {
     const { startRow: i, startColumn: a, endColumn: s } = n;
-    this._buttonRenderDisposable = this._sheetInterceptorService.intercept(Dr.CELL_CONTENT, {
-      effect: Pn.Style,
+    this._buttonRenderDisposable = this._sheetInterceptorService.intercept(Br.CELL_CONTENT, {
+      effect: On.Style,
       handler: (c, u, h) => {
         const { row: d, col: v, unitId: f, subUnitId: w } = u;
         return f !== e || w !== t || d !== i || v < a || v > s || ((!c || c === u.rawData) && (c = { ...u.rawData }), c.fontRenderExtension = {
@@ -1824,25 +1827,141 @@ let _t = class extends Qt {
     this._tableFilterButtonShapes.forEach((t) => t.dispose()), (e = this._buttonRenderDisposable) == null || e.dispose(), this._buttonRenderDisposable = null, this._tableFilterButtonShapes = [];
   }
 };
-_t = Ei([
-  Ze(1, N(ke)),
-  Ze(2, N(lt)),
-  Ze(3, N(dn)),
-  Ze(4, N(re)),
-  Ze(5, te)
-], _t);
-const ki = (r) => {
+Tt = ki([
+  je(1, N(Pe)),
+  je(2, N(lt)),
+  je(3, N(hn)),
+  je(4, N(re)),
+  je(5, te)
+], Tt);
+var Di = Object.getOwnPropertyDescriptor, Bi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Di(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+    (s = r[a]) && (i = s(i) || i);
+  return i;
+}, nt = (r, e) => (t, n) => e(t, n, r);
+let wt = class extends zt {
+  constructor(r, e, t, n, i) {
+    super(), this._context = r, this._injector = e, this._sheetSkeletonManagerService = t, this._tableManager = n, this._sheetTableThemeUIController = i, this._initListener();
+  }
+  _dirtySkeleton() {
+    var e;
+    (e = this._context.mainComponent) == null || e.makeDirty();
+    const r = this._sheetSkeletonManagerService.getCurrentParam();
+    if (r) {
+      const t = { ...r, dirty: !0 };
+      this._sheetSkeletonManagerService.reCalculate(t);
+    }
+  }
+  _initListener() {
+    const r = this._tableManager, e = this._dirtySkeleton.bind(this);
+    this.disposeWithMe(
+      yt(
+        r.tableAdd$,
+        r.tableDelete$,
+        r.tableNameChanged$,
+        r.tableRangeChanged$,
+        r.tableThemeChanged$,
+        r.tableFilterChanged$,
+        r.tableInitStatus$,
+        this._sheetTableThemeUIController.refreshTable$
+      ).subscribe(
+        e
+      )
+    );
+  }
+};
+wt = Bi([
+  nt(1, N(Pe)),
+  nt(2, N(lt)),
+  nt(3, N(re)),
+  nt(4, N(Ie))
+], wt);
+var Fi = Object.getOwnPropertyDescriptor, Vi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Fi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+    (s = r[a]) && (i = s(i) || i);
+  return i;
+}, ft = (r, e) => (t, n) => e(t, n, r);
+let st = class extends ke {
+  constructor(r, e, t) {
+    super(), this._sheetInterceptorService = r, this._univerInstanceService = e, this._tableManager = t, this._initSelectionChange();
+  }
+  _initSelectionChange() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.interceptCommand({
+        getMutations: (r) => {
+          if (r.id === lr.id) {
+            const e = ct(this._univerInstanceService);
+            if (!e)
+              return { redos: [], undos: [] };
+            const t = r.params, { range: n } = t, { unitId: i, subUnitId: a, worksheet: s } = e, u = this._tableManager.getTablesBySubunitId(i, a).find((h) => {
+              const d = h.getRange();
+              return be.contains(d, n);
+            });
+            if (u) {
+              const h = u.getRange(), d = {
+                ...h,
+                startRow: h.startRow + 1
+              };
+              return be.equals(h, n) ? { undos: [], redos: [] } : be.equals(d, n) ? {
+                undos: [],
+                redos: [
+                  {
+                    id: Vt.id,
+                    params: {
+                      unitId: i,
+                      subUnitId: a,
+                      selections: [
+                        {
+                          range: h,
+                          primary: Ft(h, s)
+                        }
+                      ]
+                    }
+                  }
+                ]
+              } : {
+                undos: [],
+                redos: [
+                  {
+                    id: Vt.id,
+                    params: {
+                      unitId: i,
+                      subUnitId: a,
+                      selections: [
+                        {
+                          range: d,
+                          primary: Ft(d, s)
+                        }
+                      ]
+                    }
+                  }
+                ]
+              };
+            }
+          }
+          return { redos: [], undos: [] };
+        }
+      })
+    );
+  }
+};
+st = Vi([
+  ft(0, N(hn)),
+  ft(1, N(pe)),
+  ft(2, N(re))
+], st);
+const Hi = (r) => {
   const { unitId: e, subUnitId: t, range: n, onCancel: i, onConfirm: a, tableId: s } = r, c = M(re), [u, h] = q(n), [d, v] = q(""), f = M(ne), w = M(pe);
-  return /* @__PURE__ */ T(yt, { children: [
+  return /* @__PURE__ */ T(Rt, { children: [
     /* @__PURE__ */ l(
-      Hr,
+      Ar,
       {
         maxRangeCount: 1,
         unitId: e,
         subUnitId: t,
-        initialValue: Ht(n),
+        initialValue: At(n),
         onChange: (S, E) => {
-          const C = Ht(n), $ = Vr(E).range, I = ct(w, { unitId: e, subUnitId: t });
+          const C = At(n), $ = Hr(E).range, I = ct(w, { unitId: e, subUnitId: t });
           if (!I)
             return;
           if (I.worksheet.getMergeData().some((L) => be.intersects($, L))) {
@@ -1907,16 +2026,16 @@ const ki = (r) => {
       )
     ] })
   ] });
-}, Pi = (r) => {
-  var P, A, Q, dt, Qe, ze, ht, Ge, vt, Pe, Oe, De;
-  const { unitId: e, subUnitId: t, tableId: n } = r, i = M(te), a = M(ne), s = M(re), c = s.getTableById(e, n), u = M(un), h = M(Ie), d = Te(u.rangeThemeMapChange$), v = Te(h.refreshTable$), f = M(On), [, w] = q(Math.random()), S = Te(s.tableThemeChanged$, {
+}, Ai = (r) => {
+  var P, A, Q, ht, ze, Ge, vt, Xe, gt, Oe, De, Be;
+  const { unitId: e, subUnitId: t, tableId: n } = r, i = M(te), a = M(ne), s = M(re), c = s.getTableById(e, n), u = M(dn), h = M(Ie), d = Te(u.rangeThemeMapChange$), v = Te(h.refreshTable$), f = M(Dn), [, w] = q(Math.random()), S = Te(s.tableThemeChanged$, {
     theme: c == null ? void 0 : c.getTableStyleId(),
     oldTheme: c == null ? void 0 : c.getTableStyleId(),
     unitId: e,
     subUnitId: t,
     tableId: n
-  }), E = u.getRegisteredRangeThemes().filter((p) => p == null ? void 0 : p.startsWith(Zr)), C = u.getALLRegisteredTheme(e).filter((p) => p == null ? void 0 : p.startsWith(bt)), $ = c == null ? void 0 : c.getTableStyleId(), I = C.find((p) => p === $), B = I || C[0], R = u.getCustomRangeThemeStyle(e, B), g = (Q = (A = (P = R == null ? void 0 : R.getHeaderRowStyle()) == null ? void 0 : P.bg) == null ? void 0 : A.rgb) != null ? Q : ve, x = (ze = (Qe = (dt = R == null ? void 0 : R.getFirstRowStyle()) == null ? void 0 : dt.bg) == null ? void 0 : Qe.rgb) != null ? ze : ve, y = (vt = (Ge = (ht = R == null ? void 0 : R.getSecondRowStyle()) == null ? void 0 : ht.bg) == null ? void 0 : Ge.rgb) != null ? vt : ve, m = (De = (Oe = (Pe = R == null ? void 0 : R.getLastRowStyle()) == null ? void 0 : Pe.bg) == null ? void 0 : Oe.rgb) != null ? De : ve, [O, L] = q(null), Y = (p) => {
-    i.executeCommand(ft.id, {
+  }), E = u.getRegisteredRangeThemes().filter((p) => p == null ? void 0 : p.startsWith(Yr)), C = u.getALLRegisteredTheme(e).filter((p) => p == null ? void 0 : p.startsWith(mt)), $ = c == null ? void 0 : c.getTableStyleId(), I = C.find((p) => p === $), B = I || C[0], R = u.getCustomRangeThemeStyle(e, B), g = (Q = (A = (P = R == null ? void 0 : R.getHeaderRowStyle()) == null ? void 0 : P.bg) == null ? void 0 : A.rgb) != null ? Q : ve, x = (Ge = (ze = (ht = R == null ? void 0 : R.getFirstRowStyle()) == null ? void 0 : ht.bg) == null ? void 0 : ze.rgb) != null ? Ge : ve, y = (gt = (Xe = (vt = R == null ? void 0 : R.getSecondRowStyle()) == null ? void 0 : vt.bg) == null ? void 0 : Xe.rgb) != null ? gt : ve, m = (Be = (De = (Oe = R == null ? void 0 : R.getLastRowStyle()) == null ? void 0 : Oe.bg) == null ? void 0 : De.rgb) != null ? Be : ve, [O, L] = q(null), Y = (p) => {
+    i.executeCommand(Ct.id, {
       unitId: e,
       tableId: n,
       theme: p
@@ -1927,40 +2046,40 @@ const ki = (r) => {
       return;
     }
     const p = C[C.length - 1];
-    let _ = `${bt}1`;
+    let _ = `${mt}1`;
     if (p) {
       const K = Number(p.split("-")[2]);
-      _ = `${bt}${K + 1}`;
+      _ = `${mt}${K + 1}`;
     }
-    const X = new Br(_, { ...Xn });
-    i.executeCommand(Kn.id, {
+    const X = new Fr(_, { ...Kn });
+    i.executeCommand(Jn.id, {
       unitId: e,
       tableId: n,
       themeStyle: X
     });
   }, z = (p, _) => {
-    i.executeCommand(ln.id, {
+    i.executeCommand(cn.id, {
       unitId: e,
       subUnitId: t,
       styleName: p,
       style: _
     });
   }, ce = (p) => {
-    i.executeCommand(Jn.id, {
+    i.executeCommand(er.id, {
       unitId: e,
       tableId: n,
       themeName: p
     });
   };
-  if (sn(() => {
+  if (on(() => {
     w(Math.random());
   }, [d, v]), !c) return null;
   const ue = new he(g).isDark(), fe = new he(x).isDark(), de = new he(y).isDark(), b = new he(m).isDark();
   return /* @__PURE__ */ T("div", { children: [
     /* @__PURE__ */ l("h5", { children: a.t("sheets-table.defaultStyle") }),
     /* @__PURE__ */ l("div", { className: "univer-flex univer-gap-2", children: E.map((p) => {
-      var Ce, Se, Be, Fe, Ve, He, Ae, Ue;
-      const _ = u.getDefaultRangeThemeStyle(p), X = ((Se = (Ce = _ == null ? void 0 : _.getHeaderRowStyle()) == null ? void 0 : Ce.bg) == null ? void 0 : Se.rgb) || ve, K = ((Fe = (Be = _ == null ? void 0 : _.getFirstRowStyle()) == null ? void 0 : Be.bg) == null ? void 0 : Fe.rgb) || ve, se = ((He = (Ve = _ == null ? void 0 : _.getSecondRowStyle()) == null ? void 0 : Ve.bg) == null ? void 0 : He.rgb) || ve, W = ((Ue = (Ae = _ == null ? void 0 : _.getLastRowStyle()) == null ? void 0 : Ae.bg) == null ? void 0 : Ue.rgb) || ve;
+      var Ce, Se, Fe, Ve, He, Ae, Ue, We;
+      const _ = u.getDefaultRangeThemeStyle(p), X = ((Se = (Ce = _ == null ? void 0 : _.getHeaderRowStyle()) == null ? void 0 : Ce.bg) == null ? void 0 : Se.rgb) || ve, K = ((Ve = (Fe = _ == null ? void 0 : _.getFirstRowStyle()) == null ? void 0 : Fe.bg) == null ? void 0 : Ve.rgb) || ve, se = ((Ae = (He = _ == null ? void 0 : _.getSecondRowStyle()) == null ? void 0 : He.bg) == null ? void 0 : Ae.rgb) || ve, W = ((We = (Ue = _ == null ? void 0 : _.getLastRowStyle()) == null ? void 0 : Ue.bg) == null ? void 0 : We.rgb) || ve;
       return /* @__PURE__ */ T(
         "div",
         {
@@ -1990,8 +2109,8 @@ const ki = (r) => {
           }
         ),
         C.map((p) => {
-          var Ce, Se, Be, Fe, Ve, He, Ae, Ue;
-          const _ = u.getCustomRangeThemeStyle(e, p), X = (Se = (Ce = _ == null ? void 0 : _.getHeaderRowStyle()) == null ? void 0 : Ce.bg) == null ? void 0 : Se.rgb, K = (Fe = (Be = _ == null ? void 0 : _.getFirstRowStyle()) == null ? void 0 : Be.bg) == null ? void 0 : Fe.rgb, se = (He = (Ve = _ == null ? void 0 : _.getSecondRowStyle()) == null ? void 0 : Ve.bg) == null ? void 0 : He.rgb, W = (Ue = (Ae = _ == null ? void 0 : _.getLastRowStyle()) == null ? void 0 : Ae.bg) == null ? void 0 : Ue.rgb;
+          var Ce, Se, Fe, Ve, He, Ae, Ue, We;
+          const _ = u.getCustomRangeThemeStyle(e, p), X = (Se = (Ce = _ == null ? void 0 : _.getHeaderRowStyle()) == null ? void 0 : Ce.bg) == null ? void 0 : Se.rgb, K = (Ve = (Fe = _ == null ? void 0 : _.getFirstRowStyle()) == null ? void 0 : Fe.bg) == null ? void 0 : Ve.rgb, se = (Ae = (He = _ == null ? void 0 : _.getSecondRowStyle()) == null ? void 0 : He.bg) == null ? void 0 : Ae.rgb, W = (We = (Ue = _ == null ? void 0 : _.getLastRowStyle()) == null ? void 0 : Ue.bg) == null ? void 0 : We.rgb;
           return /* @__PURE__ */ T(
             "div",
             {
@@ -2002,17 +2121,17 @@ const ki = (r) => {
               onMouseEnter: () => L(p),
               onMouseLeave: () => L(null),
               children: [
-                /* @__PURE__ */ l("div", { className: "univer-box-border univer-h-2.5", style: { background: X != null ? X : G, border: `${X ? G : Je}` } }),
-                /* @__PURE__ */ l("div", { className: "univer-box-border univer-h-2.5", style: { background: K != null ? K : G, border: `${K ? G : Je}` } }),
-                /* @__PURE__ */ l("div", { className: "univer-box-border univer-h-2.5", style: { background: se != null ? se : G, border: `${se ? G : Je}` } }),
-                /* @__PURE__ */ l("div", { className: "univer-box-border univer-h-2.5", style: { background: W != null ? W : G, border: `${W ? G : Je}` } }),
+                /* @__PURE__ */ l("div", { className: "univer-box-border univer-h-2.5", style: { background: X != null ? X : G, border: `${X ? G : et}` } }),
+                /* @__PURE__ */ l("div", { className: "univer-box-border univer-h-2.5", style: { background: K != null ? K : G, border: `${K ? G : et}` } }),
+                /* @__PURE__ */ l("div", { className: "univer-box-border univer-h-2.5", style: { background: se != null ? se : G, border: `${se ? G : et}` } }),
+                /* @__PURE__ */ l("div", { className: "univer-box-border univer-h-2.5", style: { background: W != null ? W : G, border: `${W ? G : et}` } }),
                 /* @__PURE__ */ l(
                   "div",
                   {
                     className: "univer-absolute univer-right-[-3px] univer-top-[-3px] univer-size-3 univer-rounded-md univer-bg-gray-200 univer-text-center univer-text-xs univer-leading-[10px]",
                     style: { display: O === p ? "block" : "none" },
-                    onClick: (Nn) => {
-                      Nn.stopPropagation(), ce(p);
+                    onClick: (En) => {
+                      En.stopPropagation(), ce(p);
                     },
                     children: "x"
                   }
@@ -2023,7 +2142,7 @@ const ki = (r) => {
           );
         })
       ] }),
-      I && /* @__PURE__ */ T(yt, { children: [
+      I && /* @__PURE__ */ T(Rt, { children: [
         /* @__PURE__ */ l("div", { className: "univer-h-px univer-w-full univer-bg-gray-200" }),
         /* @__PURE__ */ T("div", { className: "univer-flex univer-flex-col univer-gap-2 univer-p-2", children: [
           /* @__PURE__ */ T("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
@@ -2044,11 +2163,11 @@ const ki = (r) => {
               Ne,
               {
                 overlay: /* @__PURE__ */ l("div", { className: "univer-p-2", children: /* @__PURE__ */ l(
-                  Ke,
+                  Je,
                   {
                     value: g,
                     onChange: (p) => {
-                      const _ = kt("headerRowStyle", {
+                      const _ = Pt("headerRowStyle", {
                         bg: {
                           rgb: p
                         },
@@ -2077,7 +2196,7 @@ const ki = (r) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ l(je, { className: "univer-size-2" })
+                      /* @__PURE__ */ l(qe, { className: "univer-size-2" })
                     ]
                   }
                 )
@@ -2102,7 +2221,7 @@ const ki = (r) => {
               Ne,
               {
                 overlay: /* @__PURE__ */ l("div", { className: "univer-p-2", children: /* @__PURE__ */ l(
-                  Ke,
+                  Je,
                   {
                     value: x,
                     onChange: (p) => {
@@ -2131,7 +2250,7 @@ const ki = (r) => {
                           style: { background: x }
                         }
                       ),
-                      /* @__PURE__ */ l(je, { className: "univer-size-2" })
+                      /* @__PURE__ */ l(qe, { className: "univer-size-2" })
                     ]
                   }
                 )
@@ -2156,7 +2275,7 @@ const ki = (r) => {
               Ne,
               {
                 overlay: /* @__PURE__ */ l("div", { className: "univer-p-2", children: /* @__PURE__ */ l(
-                  Ke,
+                  Je,
                   {
                     value: y,
                     onChange: (p) => z(c.getTableStyleId(), {
@@ -2183,7 +2302,7 @@ const ki = (r) => {
                           style: { background: y }
                         }
                       ),
-                      /* @__PURE__ */ l(je, { className: "univer-size-2" })
+                      /* @__PURE__ */ l(qe, { className: "univer-size-2" })
                     ]
                   }
                 )
@@ -2208,11 +2327,11 @@ const ki = (r) => {
               Ne,
               {
                 overlay: /* @__PURE__ */ l("div", { className: "univer-p-2", children: /* @__PURE__ */ l(
-                  Ke,
+                  Je,
                   {
                     value: m,
                     onChange: (p) => {
-                      const _ = kt("lastRowStyle", {
+                      const _ = Pt("lastRowStyle", {
                         bg: {
                           rgb: p
                         },
@@ -2236,7 +2355,7 @@ const ki = (r) => {
                           style: { background: m }
                         }
                       ),
-                      /* @__PURE__ */ l(je, { className: "univer-size-2" })
+                      /* @__PURE__ */ l(qe, { className: "univer-size-2" })
                     ]
                   }
                 )
@@ -2247,88 +2366,88 @@ const ki = (r) => {
       ] })
     ] })
   ] });
-}, In = "sheet.table.context-insert_menu-id", yn = "sheet.table.context-remove_menu-id";
-function Oi(r) {
+}, Rn = "sheet.table.context-insert_menu-id", Mn = "sheet.table.context-remove_menu-id";
+function Ui(r) {
   return {
-    id: Nt.id,
+    id: Et.id,
     type: ye.BUTTON,
-    icon: hn,
+    icon: gn,
     tooltip: "sheets-table.title",
     title: "sheets-table.title",
-    hidden$: vr(r, Ye.UNIVER_SHEET),
-    disabled$: or(r, {}, !0)
+    hidden$: gr(r, Qe.UNIVER_SHEET),
+    disabled$: cr(r, {}, !0)
   };
 }
-function Di(r) {
+function Wi(r) {
   return {
-    id: In,
+    id: Rn,
     type: ye.SUBITEMS,
     icon: "InsertDoubleIcon",
     title: "sheets-table.insert.main",
-    hidden$: Rn(r)
+    hidden$: xn(r)
   };
 }
-function Bi(r) {
+function Zi(r) {
   return {
-    id: yn,
+    id: Mn,
     type: ye.SUBITEMS,
     icon: "ReduceDoubleIcon",
     title: "sheets-table.remove.main",
-    hidden$: Rn(r)
+    hidden$: xn(r)
   };
 }
-function Fi(r) {
+function ji(r) {
   return {
-    id: Jt.id,
+    id: en.id,
     type: ye.BUTTON,
     title: "sheets-table.insert.row",
-    hidden$: Mn(r)
+    hidden$: Nn(r)
   };
 }
-function Vi(r) {
+function qi(r) {
   return {
-    id: Kt.id,
+    id: Jt.id,
     title: "sheets-table.insert.col",
     type: ye.BUTTON
   };
 }
-function Hi(r) {
+function Yi(r) {
   return {
-    id: Xt.id,
+    id: Kt.id,
     type: ye.BUTTON,
     title: "sheets-table.remove.row",
-    hidden$: Mn(r)
+    hidden$: Nn(r)
   };
 }
-function Ai(r) {
+function Qi(r) {
   return {
-    id: Gt.id,
+    id: Xt.id,
     title: "sheets-table.remove.col",
     type: ye.BUTTON
   };
 }
-function Rn(r) {
+function xn(r) {
   const e = r.get(ut);
-  return r.get(pe).getCurrentTypeOfUnit$(Ye.UNIVER_SHEET).pipe(
+  return r.get(pe).getCurrentTypeOfUnit$(Qe.UNIVER_SHEET).pipe(
     we((i) => i ? i.activeSheet$.pipe(
       we((a) => a ? e.selectionMoveEnd$.pipe(
         we((s) => {
           if (!s.length || s.length > 1) return J(!0);
-          const u = s[0].range, d = r.get(en).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), u);
+          const u = s[0].range, d = r.get(tn).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), u);
           return J(!d);
         })
       ) : J(!0))
     ) : J(!0))
   );
 }
-function Mn(r) {
+function Nn(r) {
   const e = r.get(ut);
-  return r.get(pe).getCurrentTypeOfUnit$(Ye.UNIVER_SHEET).pipe(
+  return r.get(pe).getCurrentTypeOfUnit$(Qe.UNIVER_SHEET).pipe(
     we((i) => i ? i.activeSheet$.pipe(
       we((a) => a ? e.selectionMoveEnd$.pipe(
         we((s) => {
           if (!s.length || s.length > 1) return J(!0);
-          const u = s[0].range, d = r.get(en).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), u);
+          const u = s[0].range, d = r.get(tn).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), u);
           if (!d)
             return J(!0);
           const v = d.getRange();
@@ -2338,213 +2457,97 @@ function Mn(r) {
     ) : J(!0))
   );
 }
-const Ui = {
-  [mr.ORGANIZATION]: {
-    [Nt.id]: {
+const zi = {
+  [pr.ORGANIZATION]: {
+    [Et.id]: {
       order: 0,
-      menuItemFactory: Oi
+      menuItemFactory: Ui
     }
   },
-  [gr.MAIN_AREA]: {
-    [br.LAYOUT]: {
-      [In]: {
+  [br.MAIN_AREA]: {
+    [mr.LAYOUT]: {
+      [Rn]: {
         order: 5,
-        menuItemFactory: Di,
-        [Jt.id]: {
+        menuItemFactory: Wi,
+        [en.id]: {
           order: 1,
-          menuItemFactory: Fi
+          menuItemFactory: ji
         },
-        [Kt.id]: {
+        [Jt.id]: {
           order: 2,
-          menuItemFactory: Vi
+          menuItemFactory: qi
         }
       },
-      [yn]: {
+      [Mn]: {
         order: 6,
-        menuItemFactory: Bi,
-        [Xt.id]: {
+        menuItemFactory: Zi,
+        [Kt.id]: {
           order: 1,
-          menuItemFactory: Hi
+          menuItemFactory: Yi
         },
-        [Gt.id]: {
+        [Xt.id]: {
           order: 2,
-          menuItemFactory: Ai
+          menuItemFactory: Qi
         }
       }
     }
   }
 };
-var Wi = Object.getOwnPropertyDescriptor, Zi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Wi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+var Gi = Object.getOwnPropertyDescriptor, Xi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Gi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
     (s = r[a]) && (i = s(i) || i);
   return i;
-}, Wt = (r, e) => (t, n) => e(t, n, r);
-let at = class extends Le {
+}, Zt = (r, e) => (t, n) => e(t, n, r);
+let ot = class extends ke {
   constructor(r, e) {
     super(), this._componentManager = r, this._menuManagerService = e, this._initComponents(), this._initMenu();
   }
   _initComponents() {
     [
-      [hn, Sn],
-      [xe, ki],
-      [vn, Pi]
+      [gn, Tn],
+      [xe, Hi],
+      [bn, Ai]
     ].forEach(([r, e]) => {
       this.disposeWithMe(this._componentManager.register(r, e));
     });
   }
   _initMenu() {
-    this._menuManagerService.mergeMenu(Ui);
-  }
-};
-at = Zi([
-  Wt(0, N(tn)),
-  Wt(1, N(pr))
-], at);
-var ji = Object.getOwnPropertyDescriptor, qi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? ji(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
-  return i;
-}, tt = (r, e) => (t, n) => e(t, n, r);
-let Tt = class extends Qt {
-  constructor(r, e, t, n, i) {
-    super(), this._context = r, this._injector = e, this._sheetSkeletonManagerService = t, this._tableManager = n, this._sheetTableThemeUIController = i, this._initListener();
-  }
-  _dirtySkeleton() {
-    var e;
-    (e = this._context.mainComponent) == null || e.makeDirty();
-    const r = this._sheetSkeletonManagerService.getCurrentParam();
-    if (r) {
-      const t = { ...r, dirty: !0 };
-      this._sheetSkeletonManagerService.reCalculate(t);
-    }
-  }
-  _initListener() {
-    const r = this._tableManager, e = this._dirtySkeleton.bind(this);
-    this.disposeWithMe(
-      It(
-        r.tableAdd$,
-        r.tableDelete$,
-        r.tableNameChanged$,
-        r.tableRangeChanged$,
-        r.tableThemeChanged$,
-        r.tableFilterChanged$,
-        r.tableInitStatus$,
-        this._sheetTableThemeUIController.refreshTable$
-      ).subscribe(
-        e
-      )
-    );
-  }
-};
-Tt = qi([
-  tt(1, N(ke)),
-  tt(2, N(lt)),
-  tt(3, N(re)),
-  tt(4, N(Ie))
-], Tt);
-var Yi = Object.getOwnPropertyDescriptor, Qi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Yi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
-  return i;
-}, pt = (r, e) => (t, n) => e(t, n, r);
-let st = class extends Le {
-  constructor(r, e, t) {
-    super(), this._sheetInterceptorService = r, this._univerInstanceService = e, this._tableManager = t, this._initSelectionChange();
-  }
-  _initSelectionChange() {
-    this.disposeWithMe(
-      this._sheetInterceptorService.interceptCommand({
-        getMutations: (r) => {
-          if (r.id === lr.id) {
-            const e = ct(this._univerInstanceService);
-            if (!e)
-              return { redos: [], undos: [] };
-            const t = r.params, { range: n } = t, { unitId: i, subUnitId: a, worksheet: s } = e, u = this._tableManager.getTablesBySubunitId(i, a).find((h) => {
-              const d = h.getRange();
-              return be.contains(d, n);
-            });
-            if (u) {
-              const h = u.getRange(), d = {
-                ...h,
-                startRow: h.startRow + 1
-              };
-              return be.equals(h, n) ? { undos: [], redos: [] } : be.equals(d, n) ? {
-                undos: [],
-                redos: [
-                  {
-                    id: Ft.id,
-                    params: {
-                      unitId: i,
-                      subUnitId: a,
-                      selections: [
-                        {
-                          range: h,
-                          primary: Bt(h, s)
-                        }
-                      ]
-                    }
-                  }
-                ]
-              } : {
-                undos: [],
-                redos: [
-                  {
-                    id: Ft.id,
-                    params: {
-                      unitId: i,
-                      subUnitId: a,
-                      selections: [
-                        {
-                          range: d,
-                          primary: Bt(d, s)
-                        }
-                      ]
-                    }
-                  }
-                ]
-              };
-            }
-          }
-          return { redos: [], undos: [] };
-        }
-      })
-    );
+    this._menuManagerService.mergeMenu(zi);
   }
 };
-st = Qi([
-  pt(0, N(dn)),
-  pt(1, N(pe)),
-  pt(2, N(re))
-], st);
-var zi = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, Xi = (r, e, t) => e in r ? zi(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ki = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Gi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+ot = Xi([
+  Zt(0, N(nn)),
+  Zt(1, N(fr))
+], ot);
+var Ki = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, ea = (r, e, t) => e in r ? Ki(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ta = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ji(e, t) : e, a = r.length - 1, s; a >= 0; a--)
     (s = r[a]) && (i = s(i) || i);
   return i;
-}, nt = (r, e) => (t, n) => e(t, n, r), xn = (r, e, t) => Xi(r, typeof e != "symbol" ? e + "" : e, t);
-let ot = class extends Bn {
-  constructor(r = At, e, t, n, i) {
+}, rt = (r, e) => (t, n) => e(t, n, r), dt = (r, e, t) => ea(r, typeof e != "symbol" ? e + "" : e, t);
+let Le = class extends Fn {
+  constructor(r = Ut, e, t, n, i) {
     super(), this._config = r, this._injector = e, this._commandService = t, this._configService = n, this._renderManagerService = i;
-    const { menu: a, ...s } = Fn(
+    const { menu: a, ...s } = Vn(
       {},
-      At,
+      Ut,
       this._config
     );
-    a && this._configService.setConfig("menu", a, { merge: !0 }), this._configService.setConfig(wn, s), this._initRegisterCommand();
+    a && this._configService.setConfig("menu", a, { merge: !0 }), this._configService.setConfig(yn, s), this._initRegisterCommand();
   }
   onStarting() {
-    Vn(this._injector, [
+    Hn(this._injector, [
       [$e],
       [Ee],
-      [at],
+      [ot],
       [Ie],
       [st]
     ]);
   }
   onReady() {
-    Hn(this._injector, [
+    An(this._injector, [
       [$e],
       [Ee],
-      [at],
+      [ot],
       [Ie],
       [st]
     ]);
@@ -2554,29 +2557,31 @@ let ot = class extends Bn {
   }
   _registerRenderModules() {
     const r = [
-      [_t],
-      [Tt]
+      [Tt],
+      [wt]
     ];
-    this._config.hideAnchor !== !0 && r.push([it]), r.forEach((e) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(Ye.UNIVER_SHEET, e));
+    this._config.hideAnchor !== !0 && r.push([at]), r.forEach((e) => {
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(Qe.UNIVER_SHEET, e));
     });
   }
   _initRegisterCommand() {
     [
-      Ct,
-      Nt
+      St,
+      Et
     ].forEach((r) => this._commandService.registerCommand(r));
   }
 };
-xn(ot, "pluginName", Ar);
-xn(ot, "type", Ye.UNIVER_SHEET);
-ot = Ki([
-  Dn(er),
-  nt(1, N(ke)),
-  nt(2, N(te)),
-  nt(3, Yt),
-  nt(4, zt)
-], ot);
+dt(Le, "pluginName", Zr);
+dt(Le, "packageName", vn.name);
+dt(Le, "version", vn.version);
+dt(Le, "type", Qe.UNIVER_SHEET);
+Le = ta([
+  Bn(tr),
+  rt(1, N(Pe)),
+  rt(2, N(te)),
+  rt(3, Qt),
+  rt(4, Gt)
+], Le);
 export {
-  ot as UniverSheetsTableUIPlugin
+  Le as UniverSheetsTableUIPlugin
 };