@univerjs/sheets-table-ui 0.10.2 → 0.10.3-experimental.20250812-b4b6f1a

package/lib/index.js

@@ -1,316 +1,317 @@
-var En = Object.defineProperty;
-var Ln = (t, e, n) => e in t ? En(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var A = (t, e, n) => Ln(t, typeof e != "symbol" ? e + "" : e, n);
-import { Inject as N, IUniverInstanceService as pe, ICommandService as le, Disposable as Oe, ObjectMatrix as $n, cellToRange as jt, Rectangle as be, LocaleService as oe, Injector as ke, IPermissionService as Zt, IContextService as wt, CommandType as qt, IConfigService as Yt, ThemeService as On, RxDisposable as Qt, InterceptorEffectEnum as kn, ErrorService as Pn, ColorKit as de, UniverInstanceType as Ze, DependentOn as Dn, Plugin as Bn, merge as Fn, registerDependencies as Hn, touchDependencies as Vn } from "@univerjs/core";
-import { IRenderManagerService as Gt, SHEET_VIEWPORT_KEY as An, convertTransformToOffsetX as Un, convertTransformToOffsetY as Wn, Rect as Et, Shape as jn } from "@univerjs/engine-render";
-import { TableManager as ne, SheetTableService as Zn, SetSheetTableFilterCommand as Lt, isConditionFilter as qn, isManualFilter as Yn, TableDateCompareTypeEnum as l, TableStringCompareTypeEnum as j, TableConditionTypeEnum as F, TableNumberCompareTypeEnum as $, SheetsTableSortStateEnum as Ge, TableColumnFilterTypeEnum as $t, AddSheetTableCommand as Qn, SHEET_TABLE_CUSTOM_THEME_PREFIX as Gn, DeleteSheetTableCommand as Xn, SetSheetTableCommand as ft, SheetsTableButtonStateEnum as Me, processStyleWithBorderStyle as Ot, customEmptyThemeWithBorderStyle as zn, AddTableThemeCommand as Kn, RemoveTableThemeCommand as Jn, SheetTableRemoveColCommand as Xt, SheetTableRemoveRowCommand as zt, SheetTableInsertColCommand as Kt, SheetTableInsertRowCommand as Jt, SheetsTableController as en, UniverSheetsTablePlugin as er } from "@univerjs/sheets-table";
-import { SheetCanvasPopManagerService as tr, SheetSkeletonManagerService as ot, SheetScrollManagerService as nr, SetZoomRatioOperation as rr, SetScrollOperation as ir, getSheetObject as ar, getCoordByCell as sr, getCurrentRangeDisable$ as lr, SelectAllCommand as or } 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 kt, 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 w, jsx as o, Fragment as yt } from "react/jsx-runtime";
-import { Dropdown as Ee, clsx as P, borderClassName as H, CascaderList as Ir, Input as Rt, InputNumber as gt, DatePicker as yr, DateRangePicker as Rr, Select as Mr, Checkbox as Pt, scrollbarClassName as xr, ButtonGroup as Nr, Button as _e, Segmented as Er, ColorPicker as Xe } from "@univerjs/design";
-import { SetRangeValuesMutation as Lr, WorkbookEditablePermission as an, getSheetCommandTarget as ct, SheetsSelectionsService as ut, isSingleCellSelection as $r, expandToContinuousRange as Or, SetRangeThemeMutation as sn, WorkbookPermissionService as ln, SheetRangeThemeModel as on, SheetInterceptorService as cn, INTERCEPTOR_POINT as kr, RangeThemeStyle as Pr, getPrimaryForRange as Dt, SetSelectionsOperation as Bt } from "@univerjs/sheets";
-import { SortRangeCommand as Dr, SortType as Ft } from "@univerjs/sheets-sort";
-import { forwardRef as re, useRef as Br, createElement as ie, useState as q, useMemo as un, useCallback as Ht, useEffect as dn } from "react";
-import { serializeRange as Vt, deserializeRangeWithSheet as Fr } from "@univerjs/engine-formula";
-import { RangeSelector as Hr } from "@univerjs/sheets-formula-ui";
-const Vr = "SHEET_TABLE_UI_PLUGIN", ve = "SHEETS_TABLE_FILTER_PANEL_OPENED_KEY", Ar = "UNIVER_SHEET_Table_FILTER_PANEL_ID", hn = "TABLE_TOOLBAR_BUTTON", Ne = "TABLE_SELECTOR_DIALOG", Ur = "SHEET_TABLE_THEME_PANEL_ID", vn = "SHEET_TABLE_THEME_PANEL", bt = "table-custom-", Wr = "table-default-", he = "rgb(255, 255, 255)", G = "none", ze = "1px solid rgb(var(--grey-200))";
-var X = function() {
-  return X = Object.assign || function(t) {
-    for (var e, n = 1, r = arguments.length; n < r; n++) {
-      e = arguments[n];
-      for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (t[i] = e[i]);
+var Ln = Object.defineProperty;
+var $n = (n, e, t) => e in n ? Ln(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var U = (n, e, t) => $n(n, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as N, IUniverInstanceService as fe, ICommandService as ne, LocaleService as re, Disposable as ke, ObjectMatrix as kn, cellToRange as Zt, Rectangle as me, Injector as Oe, IPermissionService as qt, IContextService as It, CommandType as Yt, IConfigService as Qt, ThemeService as On, RxDisposable as Gt, VerticalAlign as it, InterceptorEffectEnum as Pn, ErrorService as Dn, ColorKit as ve, UniverInstanceType as Qe, DependentOn as Bn, Plugin as Fn, merge as Vn, registerDependencies as Hn, touchDependencies as An } from "@univerjs/core";
+import { IRenderManagerService as Xt, SHEET_VIEWPORT_KEY as Un, convertTransformToOffsetX as Wn, convertTransformToOffsetY as jn, Rect as Lt, Shape as Zn } from "@univerjs/engine-render";
+import { TableManager as ie, SheetTableService as qn, SetSheetTableFilterCommand as $t, isConditionFilter as Yn, isManualFilter as Qn, TableDateCompareTypeEnum as l, TableStringCompareTypeEnum as j, TableConditionTypeEnum as F, TableNumberCompareTypeEnum as k, SheetsTableSortStateEnum as Ke, TableColumnFilterTypeEnum as kt, AddSheetTableCommand as Gn, SHEET_TABLE_CUSTOM_THEME_PREFIX as Xn, DeleteSheetTableCommand as zn, SetSheetTableCommand as Ct, SheetsTableButtonStateEnum as Me, processStyleWithBorderStyle as Ot, customEmptyThemeWithBorderStyle as Kn, AddTableThemeCommand as Jn, RemoveTableThemeCommand as er, SheetTableRemoveColCommand as zt, 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 ct, SheetScrollManagerService as rr, SetZoomRatioOperation as ir, SetScrollOperation as ar, getSheetObject as sr, getCoordByCell as lr, getCurrentRangeDisable$ as or, SelectAllCommand as cr } from "@univerjs/sheets-ui";
+import { useDependency as M, ComponentManager as nn, IDialogService as rn, ISidebarService as ur, useObservable as we, IUIPartsService as dr, BuiltInUIPart as hr, connectInjector as vr, MenuItemType as Re, 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 Pt, merge as yt, filter as _r, debounceTime as Tr, switchMap as Ie, of as ee, map as wr, takeUntil as Ir } from "rxjs";
+import { jsxs as T, jsx as o, Fragment as Rt } from "react/jsx-runtime";
+import { Dropdown as Ee, 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 Te, Segmented as Lr, ColorPicker as Je } from "@univerjs/design";
+import { SetRangeValuesMutation as $r, WorkbookEditablePermission as sn, getSheetCommandTarget as ut, SheetsSelectionsService as dt, isSingleCellSelection as kr, expandToContinuousRange as Or, SetRangeThemeMutation as ln, WorkbookPermissionService as on, SheetRangeThemeModel as cn, SheetInterceptorService as un, SetVerticalTextAlignCommand as Pr, 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 { forwardRef as ae, useRef as Vr, createElement as se, useState as q, useMemo as dn, useCallback as Ht, useEffect as hn } from "react";
+import { serializeRange as At, deserializeRangeWithSheet as Hr } from "@univerjs/engine-formula";
+import { RangeSelector as Ar } from "@univerjs/sheets-formula-ui";
+const Ur = "SHEET_TABLE_UI_PLUGIN", be = "SHEETS_TABLE_FILTER_PANEL_OPENED_KEY", Wr = "UNIVER_SHEET_Table_FILTER_PANEL_ID", vn = "TABLE_TOOLBAR_BUTTON", Ne = "TABLE_SELECTOR_DIALOG", jr = "SHEET_TABLE_THEME_PANEL_ID", gn = "SHEET_TABLE_THEME_PANEL", mt = "table-custom-", Zr = "table-default-", ge = "rgb(255, 255, 255)", X = "none", et = "1px solid rgb(var(--grey-200))";
+var z = function() {
+  return z = Object.assign || function(n) {
+    for (var e, t = 1, r = arguments.length; t < r; t++) {
+      e = arguments[t];
+      for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (n[i] = e[i]);
     }
-    return t;
-  }, X.apply(this, arguments);
-}, jr = function(t, e) {
-  var n = {};
-  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, r = Object.getOwnPropertySymbols(t); i < r.length; i++)
-      e.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[i]) && (n[r[i]] = t[r[i]]);
-  return n;
-}, ae = re(function(t, e) {
-  var n = t.icon, r = t.id, i = t.className, a = t.extend, s = jr(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(r, " ").concat(i || "").trim(), d = Br("_".concat(Yr()));
-  return gn(n, "".concat(r), { defIds: n.defIds, idSuffix: d.current }, X({ ref: e, className: c }, s), a);
+    return n;
+  }, z.apply(this, arguments);
+}, qr = function(n, e) {
+  var t = {};
+  for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && e.indexOf(r) < 0 && (t[r] = n[r]);
+  if (n != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, r = Object.getOwnPropertySymbols(n); i < r.length; i++)
+      e.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(n, r[i]) && (t[r[i]] = n[r[i]]);
+  return t;
+}, le = ae(function(n, e) {
+  var t = n.icon, r = n.id, i = n.className, a = n.extend, s = qr(n, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(r, " ").concat(i || "").trim(), u = Vr("_".concat(Gr()));
+  return bn(t, "".concat(r), { defIds: t.defIds, idSuffix: u.current }, z({ ref: e, className: c }, s), a);
 });
-function gn(t, e, n, r, i) {
-  return ie(t.tag, X(X({ key: e }, Zr(t, n, i)), r), (qr(t, n).children || []).map(function(a, s) {
-    return gn(a, "".concat(e, "-").concat(t.tag, "-").concat(s), n, void 0, i);
+function bn(n, e, t, r, i) {
+  return se(n.tag, z(z({ key: e }, Yr(n, t, i)), r), (Qr(n, t).children || []).map(function(a, s) {
+    return bn(a, "".concat(e, "-").concat(n.tag, "-").concat(s), t, void 0, i);
   }));
 }
-function Zr(t, e, n) {
-  var r = X({}, t.attrs);
-  n != null && n.colorChannel1 && r.fill === "colorChannel1" && (r.fill = n.colorChannel1), t.tag === "mask" && r.id && (r.id = r.id + e.idSuffix), Object.entries(r).forEach(function(a) {
+function Yr(n, e, t) {
+  var r = z({}, n.attrs);
+  t != null && t.colorChannel1 && r.fill === "colorChannel1" && (r.fill = t.colorChannel1), n.tag === "mask" && r.id && (r.id = r.id + e.idSuffix), Object.entries(r).forEach(function(a) {
     var s = a[0], c = a[1];
     s === "mask" && typeof c == "string" && (r[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   });
   var i = e.defIds;
-  return !i || i.length === 0 || (t.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(a) {
+  return !i || i.length === 0 || (n.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(a) {
     var s = a[0], c = a[1];
     typeof c == "string" && (r[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), r;
 }
-function qr(t, e) {
-  var n, r = e.defIds;
-  return !r || r.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? X(X({}, t), { children: t.children.map(function(i) {
-    return typeof i.attrs.id == "string" && r && r.includes(i.attrs.id) ? X(X({}, i), { attrs: X(X({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
-  }) }) : t;
+function Qr(n, e) {
+  var t, r = e.defIds;
+  return !r || r.length === 0 ? n : n.tag === "defs" && (!((t = n.children) === null || t === void 0) && t.length) ? z(z({}, n), { children: n.children.map(function(i) {
+    return typeof i.attrs.id == "string" && r && r.includes(i.attrs.id) ? z(z({}, i), { attrs: z(z({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
+  }) }) : n;
 }
-function Yr() {
+function Gr() {
   return Math.random().toString(36).substring(2, 8);
 }
-ae.displayName = "UniverIcon";
-var Qr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.4208 14.4667C12.4208 14.798 12.1522 15.0667 11.8208 15.0667C11.4895 15.0667 11.2208 14.798 11.2208 14.4667V2.98193L9.97861 4.22417C9.7443 4.45848 9.3644 4.45848 9.13008 4.22417C8.89577 3.98985 8.89577 3.60995 9.13008 3.37564L11.3967 1.10897C11.6311 0.874657 12.011 0.874657 12.2453 1.10897L14.5119 3.37564C14.7463 3.60995 14.7463 3.98985 14.5119 4.22417C14.2776 4.45848 13.8977 4.45848 13.6634 4.22417L12.4208 2.9816V14.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.98967 10.2798C1.6583 10.2798 1.38967 10.0112 1.38967 9.67983C1.38967 9.34846 1.6583 9.07983 1.98967 9.07983H6.50138C6.74406 9.07983 6.96284 9.22602 7.05571 9.45022C7.14858 9.67443 7.09725 9.9325 6.92565 10.1041L3.43819 13.5916H6.50138C6.83276 13.5916 7.10138 13.8602 7.10138 14.1916C7.10138 14.5229 6.83276 14.7916 6.50138 14.7916H1.98967C1.74699 14.7916 1.52821 14.6454 1.43534 14.4212C1.34247 14.197 1.3938 13.9389 1.5654 13.7673L5.05286 10.2798H1.98967Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.1846 1.86439C4.8641 0.989866 3.62725 0.989866 3.30674 1.86439L1.34882 7.20672C1.23479 7.51786 1.39458 7.86252 1.70571 7.97655C2.01684 8.09058 2.3615 7.93079 2.47553 7.61966L3.06159 6.02055L3.06338 6.02056H5.42975L6.01581 7.61966C6.12984 7.93079 6.4745 8.09058 6.78563 7.97655C7.09677 7.86252 7.25655 7.51786 7.14252 7.20672L5.1846 1.86439ZM4.98996 4.82056L4.24567 2.78971L3.50138 4.82056H4.98996Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, bn = re(function(t, e) {
-  return ie(ae, Object.assign({}, t, {
+le.displayName = "UniverIcon";
+var Xr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.4208 14.4667C12.4208 14.798 12.1522 15.0667 11.8208 15.0667C11.4895 15.0667 11.2208 14.798 11.2208 14.4667V2.98193L9.97861 4.22417C9.7443 4.45848 9.3644 4.45848 9.13008 4.22417C8.89577 3.98985 8.89577 3.60995 9.13008 3.37564L11.3967 1.10897C11.6311 0.874657 12.011 0.874657 12.2453 1.10897L14.5119 3.37564C14.7463 3.60995 14.7463 3.98985 14.5119 4.22417C14.2776 4.45848 13.8977 4.45848 13.6634 4.22417L12.4208 2.9816V14.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.98967 10.2798C1.6583 10.2798 1.38967 10.0112 1.38967 9.67983C1.38967 9.34846 1.6583 9.07983 1.98967 9.07983H6.50138C6.74406 9.07983 6.96284 9.22602 7.05571 9.45022C7.14858 9.67443 7.09725 9.9325 6.92565 10.1041L3.43819 13.5916H6.50138C6.83276 13.5916 7.10138 13.8602 7.10138 14.1916C7.10138 14.5229 6.83276 14.7916 6.50138 14.7916H1.98967C1.74699 14.7916 1.52821 14.6454 1.43534 14.4212C1.34247 14.197 1.3938 13.9389 1.5654 13.7673L5.05286 10.2798H1.98967Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.1846 1.86439C4.8641 0.989866 3.62725 0.989866 3.30674 1.86439L1.34882 7.20672C1.23479 7.51786 1.39458 7.86252 1.70571 7.97655C2.01684 8.09058 2.3615 7.93079 2.47553 7.61966L3.06159 6.02055L3.06338 6.02056H5.42975L6.01581 7.61966C6.12984 7.93079 6.4745 8.09058 6.78563 7.97655C7.09677 7.86252 7.25655 7.51786 7.14252 7.20672L5.1846 1.86439ZM4.98996 4.82056L4.24567 2.78971L3.50138 4.82056H4.98996Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, mn = ae(function(n, e) {
+  return se(le, Object.assign({}, n, {
     id: "ascending-icon",
     ref: e,
-    icon: Qr
+    icon: Xr
   }));
 });
-bn.displayName = "AscendingIcon";
-var Gr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, mn = re(function(t, e) {
-  return ie(ae, Object.assign({}, t, {
+mn.displayName = "AscendingIcon";
+var zr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, pn = ae(function(n, e) {
+  return se(le, Object.assign({}, n, {
     id: "delete-icon",
     ref: e,
-    icon: Gr
+    icon: zr
   }));
 });
-mn.displayName = "DeleteIcon";
-var Xr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.4208 1.53335C12.4208 1.20198 12.1522 0.93335 11.8208 0.93335C11.4895 0.93335 11.2208 1.20198 11.2208 1.53335V13.0181L9.97861 11.7758C9.7443 11.5415 9.3644 11.5415 9.13008 11.7758C8.89577 12.0101 8.89577 12.39 9.13008 12.6244L11.3967 14.891C11.6311 15.1253 12.011 15.1253 12.2453 14.891L14.5119 12.6244C14.7463 12.39 14.7463 12.0101 14.5119 11.7758C14.2776 11.5415 13.8977 11.5415 13.6634 11.7758L12.4208 13.0184V1.53335Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.98967 10.2798C1.6583 10.2798 1.38967 10.0112 1.38967 9.67983C1.38967 9.34846 1.6583 9.07983 1.98967 9.07983H6.50138C6.74406 9.07983 6.96284 9.22602 7.05571 9.45022C7.14858 9.67443 7.09725 9.9325 6.92565 10.1041L3.43819 13.5916H6.50138C6.83276 13.5916 7.10138 13.8602 7.10138 14.1916C7.10138 14.5229 6.83276 14.7916 6.50138 14.7916H1.98967C1.74699 14.7916 1.52821 14.6454 1.43534 14.4212C1.34247 14.197 1.3938 13.9389 1.5654 13.7673L5.05286 10.2798H1.98967Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.1846 1.86439C4.8641 0.989866 3.62725 0.989866 3.30674 1.86439L1.34882 7.20672C1.23479 7.51786 1.39458 7.86252 1.70571 7.97655C2.01684 8.09058 2.3615 7.93079 2.47553 7.61966L3.06159 6.02055L3.06338 6.02056H5.42975L6.01581 7.61966C6.12984 7.93079 6.4745 8.09058 6.78563 7.97655C7.09677 7.86252 7.25655 7.51786 7.14252 7.20672L5.1846 1.86439ZM4.98996 4.82056L4.24567 2.78971L3.50138 4.82056H4.98996Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, pn = re(function(t, e) {
-  return ie(ae, Object.assign({}, t, {
+pn.displayName = "DeleteIcon";
+var Kr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.4208 1.53335C12.4208 1.20198 12.1522 0.93335 11.8208 0.93335C11.4895 0.93335 11.2208 1.20198 11.2208 1.53335V13.0181L9.97861 11.7758C9.7443 11.5415 9.3644 11.5415 9.13008 11.7758C8.89577 12.0101 8.89577 12.39 9.13008 12.6244L11.3967 14.891C11.6311 15.1253 12.011 15.1253 12.2453 14.891L14.5119 12.6244C14.7463 12.39 14.7463 12.0101 14.5119 11.7758C14.2776 11.5415 13.8977 11.5415 13.6634 11.7758L12.4208 13.0184V1.53335Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.98967 10.2798C1.6583 10.2798 1.38967 10.0112 1.38967 9.67983C1.38967 9.34846 1.6583 9.07983 1.98967 9.07983H6.50138C6.74406 9.07983 6.96284 9.22602 7.05571 9.45022C7.14858 9.67443 7.09725 9.9325 6.92565 10.1041L3.43819 13.5916H6.50138C6.83276 13.5916 7.10138 13.8602 7.10138 14.1916C7.10138 14.5229 6.83276 14.7916 6.50138 14.7916H1.98967C1.74699 14.7916 1.52821 14.6454 1.43534 14.4212C1.34247 14.197 1.3938 13.9389 1.5654 13.7673L5.05286 10.2798H1.98967Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M5.1846 1.86439C4.8641 0.989866 3.62725 0.989866 3.30674 1.86439L1.34882 7.20672C1.23479 7.51786 1.39458 7.86252 1.70571 7.97655C2.01684 8.09058 2.3615 7.93079 2.47553 7.61966L3.06159 6.02055L3.06338 6.02056H5.42975L6.01581 7.61966C6.12984 7.93079 6.4745 8.09058 6.78563 7.97655C7.09677 7.86252 7.25655 7.51786 7.14252 7.20672L5.1846 1.86439ZM4.98996 4.82056L4.24567 2.78971L3.50138 4.82056H4.98996Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, fn = ae(function(n, e) {
+  return se(le, Object.assign({}, n, {
     id: "descending-icon",
     ref: e,
-    icon: Xr
+    icon: Kr
   }));
 });
-pn.displayName = "DescendingIcon";
-var zr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", 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 = re(function(t, e) {
-  return ie(ae, Object.assign({}, t, {
+fn.displayName = "DescendingIcon";
+var Jr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", 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" } }] }, qe = ae(function(n, e) {
+  return se(le, Object.assign({}, n, {
     id: "dropdown-icon",
     ref: e,
-    icon: zr
+    icon: Jr
   }));
 });
-je.displayName = "DropdownIcon";
-var Kr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.33333 3.33333V6H6V3.33333H3.33333ZM2 3.238C2 2.55427 2.55427 2 3.238 2H6.09533C6.77906 2 7.33333 2.55427 7.33333 3.238V6.09533C7.33333 6.77906 6.77906 7.33333 6.09533 7.33333H3.238C2.55427 7.33333 2 6.77906 2 6.09533V3.238ZM10 3.33333V6H12.6667V3.33333H10ZM8.66667 3.238C8.66667 2.55427 9.22094 2 9.90467 2H12.762C13.4457 2 14 2.55427 14 3.238V6.09533C14 6.77906 13.4457 7.33333 12.762 7.33333H9.90467C9.22094 7.33333 8.66667 6.77906 8.66667 6.09533V3.238ZM3.33333 10V12.6667H6V10H3.33333ZM2 9.90467C2 9.22094 2.55427 8.66667 3.238 8.66667H6.09533C6.77906 8.66667 7.33333 9.22094 7.33333 9.90467V12.762C7.33333 13.4457 6.77906 14 6.09533 14H3.238C2.55427 14 2 13.4457 2 12.762V9.90467ZM10 10V12.6667H12.6667V10H10ZM8.66667 9.90467C8.66667 9.22094 9.22094 8.66667 9.90467 8.66667H12.762C13.4457 8.66667 14 9.22094 14 9.90467V12.762C14 13.4457 13.4457 14 12.762 14H9.90467C9.22094 14 8.66667 13.4457 8.66667 12.762V9.90467Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, fn = re(function(t, e) {
-  return ie(ae, Object.assign({}, t, {
+qe.displayName = "DropdownIcon";
+var ei = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.33333 3.33333V6H6V3.33333H3.33333ZM2 3.238C2 2.55427 2.55427 2 3.238 2H6.09533C6.77906 2 7.33333 2.55427 7.33333 3.238V6.09533C7.33333 6.77906 6.77906 7.33333 6.09533 7.33333H3.238C2.55427 7.33333 2 6.77906 2 6.09533V3.238ZM10 3.33333V6H12.6667V3.33333H10ZM8.66667 3.238C8.66667 2.55427 9.22094 2 9.90467 2H12.762C13.4457 2 14 2.55427 14 3.238V6.09533C14 6.77906 13.4457 7.33333 12.762 7.33333H9.90467C9.22094 7.33333 8.66667 6.77906 8.66667 6.09533V3.238ZM3.33333 10V12.6667H6V10H3.33333ZM2 9.90467C2 9.22094 2.55427 8.66667 3.238 8.66667H6.09533C6.77906 8.66667 7.33333 9.22094 7.33333 9.90467V12.762C7.33333 13.4457 6.77906 14 6.09533 14H3.238C2.55427 14 2 13.4457 2 12.762V9.90467ZM10 10V12.6667H12.6667V10H10ZM8.66667 9.90467C8.66667 9.22094 9.22094 8.66667 9.90467 8.66667H12.762C13.4457 8.66667 14 9.22094 14 9.90467V12.762C14 13.4457 13.4457 14 12.762 14H9.90467C9.22094 14 8.66667 13.4457 8.66667 12.762V9.90467Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Cn = ae(function(n, e) {
+  return se(le, Object.assign({}, n, {
     id: "grid-outline-icon",
     ref: e,
-    icon: Kr
+    icon: ei
   }));
 });
-fn.displayName = "GridOutlineIcon";
-var Jr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Mt = re(function(t, e) {
-  return ie(ae, Object.assign({}, t, {
+Cn.displayName = "GridOutlineIcon";
+var ti = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, xt = ae(function(n, e) {
+  return se(le, Object.assign({}, n, {
     id: "more-down-icon",
     ref: e,
-    icon: Jr
+    icon: ti
   }));
 });
-Mt.displayName = "MoreDownIcon";
-var ei = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Cn = re(function(t, e) {
-  return ie(ae, Object.assign({}, t, {
+xt.displayName = "MoreDownIcon";
+var ni = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Sn = ae(function(n, e) {
+  return se(le, Object.assign({}, n, {
     id: "paint-bucket-double-icon",
     ref: e,
-    icon: ei
+    icon: ni
   }));
 });
-Cn.displayName = "PaintBucketDoubleIcon";
-var ti = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.80068 2.57257L7.27955 2.57256C7.61092 2.57256 7.87954 2.30393 7.87954 1.97256C7.87954 1.64119 7.61091 1.37256 7.27954 1.37256L3.80068 1.37257C2.36473 1.37257 1.20067 2.53665 1.20068 3.97259L1.20074 12.3001C1.20075 13.736 2.36481 14.9 3.80074 14.9H12.1282C13.5641 14.9 14.7282 13.736 14.7282 12.3V8.82116C14.7282 8.48979 14.4595 8.22116 14.1282 8.22116C13.7968 8.22116 13.5282 8.48979 13.5282 8.82116V12.3C13.5282 13.0732 12.9014 13.7 12.1282 13.7H3.80074C3.02754 13.7 2.40074 13.0732 2.40074 12.3001L2.40068 3.97258C2.40068 3.19938 3.02748 2.57257 3.80068 2.57257Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.0072 2.0955C13.0997 1.18757 11.6278 1.18794 10.7207 2.09632L6.17749 6.646C6.10294 6.72065 6.04543 6.81056 6.00889 6.90954L4.59817 10.7315C4.51713 10.951 4.57116 11.1977 4.73657 11.3633C4.90198 11.5288 5.14858 11.5831 5.36823 11.5023L9.20237 10.0916C9.30186 10.055 9.3922 9.99722 9.46714 9.92224L14.0073 5.37972C14.9139 4.47266 14.9138 3.00252 14.0072 2.0955ZM11.5698 2.94424C12.0083 2.50513 12.7198 2.50496 13.1585 2.94384C13.5968 3.38229 13.5968 4.09294 13.1585 4.53141L8.69127 9.00102L6.1742 9.92713L7.09912 7.42132L11.5698 2.94424Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Sn = re(function(t, e) {
-  return ie(ae, Object.assign({}, t, {
+Sn.displayName = "PaintBucketDoubleIcon";
+var ri = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.80068 2.57257L7.27955 2.57256C7.61092 2.57256 7.87954 2.30393 7.87954 1.97256C7.87954 1.64119 7.61091 1.37256 7.27954 1.37256L3.80068 1.37257C2.36473 1.37257 1.20067 2.53665 1.20068 3.97259L1.20074 12.3001C1.20075 13.736 2.36481 14.9 3.80074 14.9H12.1282C13.5641 14.9 14.7282 13.736 14.7282 12.3V8.82116C14.7282 8.48979 14.4595 8.22116 14.1282 8.22116C13.7968 8.22116 13.5282 8.48979 13.5282 8.82116V12.3C13.5282 13.0732 12.9014 13.7 12.1282 13.7H3.80074C3.02754 13.7 2.40074 13.0732 2.40074 12.3001L2.40068 3.97258C2.40068 3.19938 3.02748 2.57257 3.80068 2.57257Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.0072 2.0955C13.0997 1.18757 11.6278 1.18794 10.7207 2.09632L6.17749 6.646C6.10294 6.72065 6.04543 6.81056 6.00889 6.90954L4.59817 10.7315C4.51713 10.951 4.57116 11.1977 4.73657 11.3633C4.90198 11.5288 5.14858 11.5831 5.36823 11.5023L9.20237 10.0916C9.30186 10.055 9.3922 9.99722 9.46714 9.92224L14.0073 5.37972C14.9139 4.47266 14.9138 3.00252 14.0072 2.0955ZM11.5698 2.94424C12.0083 2.50513 12.7198 2.50496 13.1585 2.94384C13.5968 3.38229 13.5968 4.09294 13.1585 4.53141L8.69127 9.00102L6.1742 9.92713L7.09912 7.42132L11.5698 2.94424Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, _n = ae(function(n, e) {
+  return se(le, Object.assign({}, n, {
     id: "rename-icon",
     ref: e,
-    icon: ti
+    icon: ri
   }));
 });
-Sn.displayName = "RenameIcon";
-var ni = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.7643 4.13354C1.7643 2.82523 2.82488 1.76465 4.13319 1.76465H11.8665C13.1748 1.76465 14.2354 2.82524 14.2354 4.13354V11.8669C14.2354 13.1752 13.1748 14.2358 11.8665 14.2358H4.13318C2.82488 14.2358 1.7643 13.1752 1.7643 11.8669V6.1462C1.76388 6.13711 1.76367 6.12797 1.76367 6.11878C1.76367 6.10959 1.76388 6.10045 1.7643 6.09136V4.13354ZM2.94652 6.70989V11.8669C2.94652 12.5222 3.47781 13.0535 4.13318 13.0535H5.52732V6.70989H2.94652ZM5.52732 5.52767H2.94652V4.13354C2.94652 3.47816 3.47781 2.94687 4.13319 2.94687H5.52732V5.52767ZM6.70954 6.70989V13.0535H11.8665C12.5219 13.0535 13.0532 12.5222 13.0532 11.8669V6.70989L6.70954 6.70989ZM13.0532 5.52767L6.70954 5.52767V2.94687H11.8665C12.5219 2.94687 13.0532 3.47816 13.0532 4.13354V5.52767Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, _n = re(function(t, e) {
-  return ie(ae, Object.assign({}, t, {
+_n.displayName = "RenameIcon";
+var ii = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.7643 4.13354C1.7643 2.82523 2.82488 1.76465 4.13319 1.76465H11.8665C13.1748 1.76465 14.2354 2.82524 14.2354 4.13354V11.8669C14.2354 13.1752 13.1748 14.2358 11.8665 14.2358H4.13318C2.82488 14.2358 1.7643 13.1752 1.7643 11.8669V6.1462C1.76388 6.13711 1.76367 6.12797 1.76367 6.11878C1.76367 6.10959 1.76388 6.10045 1.7643 6.09136V4.13354ZM2.94652 6.70989V11.8669C2.94652 12.5222 3.47781 13.0535 4.13318 13.0535H5.52732V6.70989H2.94652ZM5.52732 5.52767H2.94652V4.13354C2.94652 3.47816 3.47781 2.94687 4.13319 2.94687H5.52732V5.52767ZM6.70954 6.70989V13.0535H11.8665C12.5219 13.0535 13.0532 12.5222 13.0532 11.8669V6.70989L6.70954 6.70989ZM13.0532 5.52767L6.70954 5.52767V2.94687H11.8665C12.5219 2.94687 13.0532 3.47816 13.0532 4.13354V5.52767Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Tn = ae(function(n, e) {
+  return se(le, Object.assign({}, n, {
     id: "table-icon",
     ref: e,
-    icon: ni
+    icon: ii
   }));
 });
-_n.displayName = "TableIcon";
-var me = /* @__PURE__ */ ((t) => (t.Items = "items", t.Condition = "condition", t))(me || {}), ri = Object.getOwnPropertyDescriptor, ii = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? ri(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = s(i) || i);
+Tn.displayName = "TableIcon";
+var pe = /* @__PURE__ */ ((n) => (n.Items = "items", n.Condition = "condition", n))(pe || {}), ai = Object.getOwnPropertyDescriptor, si = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? ai(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+    (s = n[a]) && (i = s(i) || i);
   return i;
-}, Ke = (t, e) => (n, r) => e(n, r, t);
-let Le = class extends Oe {
-  constructor(e, n, r, i) {
+}, je = (n, e) => (t, r) => e(t, r, n);
+let Le = class extends ke {
+  constructor(e, t, r, i, a) {
     super();
-    A(this, "_itemsCache", /* @__PURE__ */ new Map());
-    this._tableManager = e, this._sheetTableService = n, this._univerInstanceService = r, this._commandService = i, this._registerTableFilterChangeEvent();
+    U(this, "_itemsCache", /* @__PURE__ */ new Map());
+    this._tableManager = e, this._sheetTableService = t, this._univerInstanceService = r, this._commandService = i, this._localeService = a, this._registerTableFilterChangeEvent();
   }
   _registerTableFilterChangeEvent() {
     this._commandService.onCommandExecuted((e) => {
-      if (e.id === Lr.id) {
-        const { unitId: n, subUnitId: r, cellValue: i } = e.params, a = this._tableManager.getTablesBySubunitId(n, r);
+      if (e.id === $r.id) {
+        const { unitId: t, subUnitId: r, cellValue: i } = e.params, a = this._tableManager.getTablesBySubunitId(t, r);
         if (!a.length)
           return;
-        new $n(i).forValue((c, d, h) => {
-          const u = jt(c, d), v = a.find((S) => {
-            const C = S.getTableFilterRange();
-            return be.intersects(C, u);
+        new kn(i).forValue((c, u, h) => {
+          const d = Zt(c, u), v = a.find((f) => {
+            const w = f.getTableFilterRange();
+            return me.intersects(w, d);
           });
           if (v) {
-            const S = d - v.getRange().startColumn;
-            this._itemsCache.delete(v.getId() + S);
+            const f = u - v.getRange().startColumn;
+            this._itemsCache.delete(v.getId() + f);
           }
         });
-      } else if (e.id === Lt.id) {
-        const { unitId: n, tableId: r } = e.params, i = this._tableManager.getTable(n, r);
+      } else if (e.id === $t.id) {
+        const { unitId: t, tableId: r } = e.params, i = this._tableManager.getTable(t, r);
         if (!i)
           return;
         const a = i.getSubunitId();
-        this._tableManager.getTablesBySubunitId(n, a).forEach((c) => {
-          const d = c.getRange();
-          for (let h = d.startColumn; h <= d.endColumn; h++)
+        this._tableManager.getTablesBySubunitId(t, a).forEach((c) => {
+          const u = c.getRange();
+          for (let h = u.startColumn; h <= u.endColumn; h++)
             this._itemsCache.delete(c.getId() + h);
         });
       }
     });
   }
-  getTableFilterPanelInitProps(e, n, r, i) {
+  getTableFilterPanelInitProps(e, t, r, i) {
     const a = this._tableManager.getTable(e, r), s = a.getRange(), c = a.getTableFilterColumn(i - s.startColumn);
     return {
       unitId: e,
-      subUnitId: n,
+      subUnitId: t,
       tableFilter: c,
-      currentFilterBy: qn(c) ? me.Condition : me.Items,
+      currentFilterBy: Yn(c) ? pe.Condition : pe.Items,
       tableId: r,
       columnIndex: i - s.startColumn
     };
   }
-  getTableFilterCheckedItems(e, n, r) {
-    const i = this._tableManager.getTable(e, n), a = [];
+  getTableFilterCheckedItems(e, t, r) {
+    const i = this._tableManager.getTable(e, t), a = [];
     if (i) {
       const s = i.getTableFilterColumn(r);
-      s && Yn(s) && a.push(...s.values);
+      s && Qn(s) && a.push(...s.values);
     }
     return a;
   }
-  setTableFilter(e, n, r, i) {
-    if (!this._tableManager.getTable(e, n))
+  setTableFilter(e, t, r, i) {
+    if (!this._tableManager.getTable(e, t))
       return;
     const s = {
       unitId: e,
-      tableId: n,
+      tableId: t,
       column: r,
       tableFilter: i
     };
-    this._commandService.executeCommand(Lt.id, s);
+    this._commandService.executeCommand($t.id, s);
   }
-  getTableFilterItems(e, n, r, i) {
-    var O;
+  getTableFilterItems(e, t, r, i) {
+    var E;
     if (this._itemsCache.has(r + i))
       return this._itemsCache.get(r + i) || { data: [], itemsCountMap: /* @__PURE__ */ new Map(), allItemsCount: 0 };
     const a = this._tableManager.getTable(e, r);
     if (!a)
       return { data: [], itemsCountMap: /* @__PURE__ */ new Map(), allItemsCount: 0 };
-    const s = a.getTableFilterRange(), { startRow: c, endRow: d, startColumn: h } = s, u = h + i, v = (O = this._univerInstanceService.getUnit(e)) == null ? void 0 : O.getSheetBySheetId(n);
+    const s = a.getTableFilterRange(), { startRow: c, endRow: u, startColumn: h } = s, d = h + i, v = (E = this._univerInstanceService.getUnit(e)) == null ? void 0 : E.getSheetBySheetId(t);
     if (!v)
       return { data: [], itemsCountMap: /* @__PURE__ */ new Map(), allItemsCount: 0 };
-    const S = [], C = /* @__PURE__ */ new Map();
-    let _ = 0;
-    for (let f = c; f <= d; f++) {
-      if (v.isRowFiltered(f))
+    const f = [], w = /* @__PURE__ */ new Map();
+    let S = 0;
+    for (let C = c; C <= u; C++) {
+      if (v.isRowFiltered(C))
         continue;
-      const R = this._sheetTableService.getCellValueWithConditionType(v, f, u);
-      C.has(R) || S.push({
-        title: R,
-        key: `${u}_${f}`,
+      let I = this._sheetTableService.getCellValueWithConditionType(v, C, d);
+      I === void 0 && (I = this._localeService.t("sheets-table.condition.empty")), w.has(I) || f.push({
+        title: I,
+        key: `${d}_${C}`,
         leaf: !0
-      }), _++, C.set(R, (C.get(R) || 0) + 1);
+      }), S++, w.set(I, (w.get(I) || 0) + 1);
     }
-    return this._itemsCache.set(r + i, { data: S, itemsCountMap: C, allItemsCount: _ }), { data: S, itemsCountMap: C, allItemsCount: _ };
+    return this._itemsCache.set(r + i, { data: f, itemsCountMap: w, allItemsCount: S }), { data: f, itemsCountMap: w, allItemsCount: S };
   }
 };
-Le = ii([
-  Ke(0, N(ne)),
-  Ke(1, N(Zn)),
-  Ke(2, N(pe)),
-  Ke(3, le)
+Le = si([
+  je(0, N(ie)),
+  je(1, N(qn)),
+  je(2, N(fe)),
+  je(3, ne),
+  je(4, N(re))
 ], Le);
-var Z = /* @__PURE__ */ ((t) => (t.DatePicker = "DatePicker", t.DateRange = "DateRange", t.Input = "Input", t.Inputs = "Inputs", t.Select = "Select", t.None = "None", t))(Z || {});
-function ai(t) {
-  const n = t.get(oe).t;
+var Z = /* @__PURE__ */ ((n) => (n.DatePicker = "DatePicker", n.DateRange = "DateRange", n.Input = "Input", n.Inputs = "Inputs", n.Select = "Select", n.None = "None", n))(Z || {});
+function li(n) {
+  const t = n.get(re).t;
   return [
     {
       value: F.String,
-      label: n(`sheets-table.condition.${F.String}`),
+      label: t(`sheets-table.condition.${F.String}`),
       children: [
         {
           value: j.Equal,
-          label: n(`sheets-table.string.compare.${j.Equal}`)
+          label: t(`sheets-table.string.compare.${j.Equal}`)
         },
         {
           value: j.NotEqual,
-          label: n(`sheets-table.string.compare.${j.NotEqual}`)
+          label: t(`sheets-table.string.compare.${j.NotEqual}`)
         },
         {
           value: j.Contains,
-          label: n(`sheets-table.string.compare.${j.Contains}`)
+          label: t(`sheets-table.string.compare.${j.Contains}`)
         },
         {
           value: j.NotContains,
-          label: n(`sheets-table.string.compare.${j.NotContains}`)
+          label: t(`sheets-table.string.compare.${j.NotContains}`)
         },
         {
           value: j.StartsWith,
-          label: n(`sheets-table.string.compare.${j.StartsWith}`)
+          label: t(`sheets-table.string.compare.${j.StartsWith}`)
         },
         {
           value: j.EndsWith,
-          label: n(`sheets-table.string.compare.${j.EndsWith}`)
+          label: t(`sheets-table.string.compare.${j.EndsWith}`)
         }
       ]
     },
     {
       value: F.Number,
-      label: n(`sheets-table.condition.${F.Number}`),
+      label: t(`sheets-table.condition.${F.Number}`),
       children: [
         {
-          value: $.Equal,
-          label: n(`sheets-table.number.compare.${$.Equal}`)
+          value: k.Equal,
+          label: t(`sheets-table.number.compare.${k.Equal}`)
         },
         {
-          value: $.NotEqual,
-          label: n(`sheets-table.number.compare.${$.NotEqual}`)
+          value: k.NotEqual,
+          label: t(`sheets-table.number.compare.${k.NotEqual}`)
         },
         {
-          value: $.GreaterThan,
-          label: n(`sheets-table.number.compare.${$.GreaterThan}`)
+          value: k.GreaterThan,
+          label: t(`sheets-table.number.compare.${k.GreaterThan}`)
         },
         {
-          value: $.GreaterThanOrEqual,
-          label: n(`sheets-table.number.compare.${$.GreaterThanOrEqual}`)
+          value: k.GreaterThanOrEqual,
+          label: t(`sheets-table.number.compare.${k.GreaterThanOrEqual}`)
         },
         {
-          value: $.LessThan,
-          label: n(`sheets-table.number.compare.${$.LessThan}`)
+          value: k.LessThan,
+          label: t(`sheets-table.number.compare.${k.LessThan}`)
         },
         {
-          value: $.LessThanOrEqual,
-          label: n(`sheets-table.number.compare.${$.LessThanOrEqual}`)
+          value: k.LessThanOrEqual,
+          label: t(`sheets-table.number.compare.${k.LessThanOrEqual}`)
         },
         {
-          value: $.Between,
-          label: n(`sheets-table.number.compare.${$.Between}`)
+          value: k.Between,
+          label: t(`sheets-table.number.compare.${k.Between}`)
         },
         {
-          value: $.NotBetween,
-          label: n(`sheets-table.number.compare.${$.NotBetween}`)
+          value: k.NotBetween,
+          label: t(`sheets-table.number.compare.${k.NotBetween}`)
         },
         {
-          value: $.Above,
-          label: n(`sheets-table.number.compare.${$.Above}`)
+          value: k.Above,
+          label: t(`sheets-table.number.compare.${k.Above}`)
         },
         {
-          value: $.Below,
-          label: n(`sheets-table.number.compare.${$.Below}`)
+          value: k.Below,
+          label: t(`sheets-table.number.compare.${k.Below}`)
         }
         // {
         //     value: TableNumberCompareTypeEnum.TopN,
@@ -320,104 +321,104 @@ function ai(t) {
     },
     {
       value: F.Date,
-      label: n(`sheets-table.condition.${F.Date}`),
+      label: t(`sheets-table.condition.${F.Date}`),
       children: [
         {
           value: l.Equal,
-          label: n(`sheets-table.date.compare.${l.Equal}`)
+          label: t(`sheets-table.date.compare.${l.Equal}`)
         },
         {
           value: l.NotEqual,
-          label: n(`sheets-table.date.compare.${l.NotEqual}`)
+          label: t(`sheets-table.date.compare.${l.NotEqual}`)
         },
         {
           value: l.After,
-          label: n(`sheets-table.date.compare.${l.After}`)
+          label: t(`sheets-table.date.compare.${l.After}`)
         },
         {
           value: l.AfterOrEqual,
-          label: n(`sheets-table.date.compare.${l.AfterOrEqual}`)
+          label: t(`sheets-table.date.compare.${l.AfterOrEqual}`)
         },
         {
           value: l.Before,
-          label: n(`sheets-table.date.compare.${l.Before}`)
+          label: t(`sheets-table.date.compare.${l.Before}`)
         },
         {
           value: l.BeforeOrEqual,
-          label: n(`sheets-table.date.compare.${l.BeforeOrEqual}`)
+          label: t(`sheets-table.date.compare.${l.BeforeOrEqual}`)
         },
         {
           value: l.Between,
-          label: n(`sheets-table.date.compare.${l.Between}`)
+          label: t(`sheets-table.date.compare.${l.Between}`)
         },
         {
           value: l.NotBetween,
-          label: n(`sheets-table.date.compare.${l.NotBetween}`)
+          label: t(`sheets-table.date.compare.${l.NotBetween}`)
         },
         {
           value: l.Today,
-          label: n(`sheets-table.date.compare.${l.Today}`)
+          label: t(`sheets-table.date.compare.${l.Today}`)
         },
         {
           value: l.Yesterday,
-          label: n(`sheets-table.date.compare.${l.Yesterday}`)
+          label: t(`sheets-table.date.compare.${l.Yesterday}`)
         },
         {
           value: l.Tomorrow,
-          label: n(`sheets-table.date.compare.${l.Tomorrow}`)
+          label: t(`sheets-table.date.compare.${l.Tomorrow}`)
         },
         {
           value: l.ThisWeek,
-          label: n(`sheets-table.date.compare.${l.ThisWeek}`)
+          label: t(`sheets-table.date.compare.${l.ThisWeek}`)
         },
         {
           value: l.LastWeek,
-          label: n(`sheets-table.date.compare.${l.LastWeek}`)
+          label: t(`sheets-table.date.compare.${l.LastWeek}`)
         },
         {
           value: l.NextWeek,
-          label: n(`sheets-table.date.compare.${l.NextWeek}`)
+          label: t(`sheets-table.date.compare.${l.NextWeek}`)
         },
         {
           value: l.ThisMonth,
-          label: n(`sheets-table.date.compare.${l.ThisMonth}`)
+          label: t(`sheets-table.date.compare.${l.ThisMonth}`)
         },
         {
           value: l.LastMonth,
-          label: n(`sheets-table.date.compare.${l.LastMonth}`)
+          label: t(`sheets-table.date.compare.${l.LastMonth}`)
         },
         {
           value: l.NextMonth,
-          label: n(`sheets-table.date.compare.${l.NextMonth}`)
+          label: t(`sheets-table.date.compare.${l.NextMonth}`)
         },
         {
           value: l.ThisYear,
-          label: n(`sheets-table.date.compare.${l.ThisYear}`)
+          label: t(`sheets-table.date.compare.${l.ThisYear}`)
         },
         {
           value: l.LastYear,
-          label: n(`sheets-table.date.compare.${l.LastYear}`)
+          label: t(`sheets-table.date.compare.${l.LastYear}`)
         },
         {
           value: l.NextYear,
-          label: n(`sheets-table.date.compare.${l.NextYear}`)
+          label: t(`sheets-table.date.compare.${l.NextYear}`)
         },
         {
           value: l.Quarter,
-          label: n(`sheets-table.date.compare.${l.Quarter}`)
+          label: t(`sheets-table.date.compare.${l.Quarter}`)
         },
         {
           value: l.Month,
-          label: n(`sheets-table.date.compare.${l.Month}`)
+          label: t(`sheets-table.date.compare.${l.Month}`)
         }
       ]
     }
   ];
 }
-function si(t, e) {
+function oi(n, e) {
   if (!e)
     return [];
-  const r = t.get(oe).t;
+  const r = n.get(re).t;
   switch (e) {
     case l.Quarter:
       return [
@@ -493,7 +494,7 @@ function si(t, e) {
       return [];
   }
 }
-const xt = /* @__PURE__ */ new Set([
+const Nt = /* @__PURE__ */ new Set([
   l.Equal,
   l.NotEqual,
   l.After,
@@ -501,22 +502,22 @@ const xt = /* @__PURE__ */ new Set([
   l.Before,
   l.BeforeOrEqual
 ]);
-function li(t, e) {
-  return e ? t === F.String ? Z.Input : t === F.Number ? e === $.Between || e === $.NotBetween ? Z.Inputs : Z.Input : t === F.Date ? e === l.Between || e === l.NotBetween ? Z.DateRange : e === l.Quarter || e === l.Month ? Z.Select : xt.has(e) ? Z.DatePicker : Z.None : Z.None : Z.None;
+function ci(n, e) {
+  return e ? n === F.String ? Z.Input : n === F.Number ? e === k.Between || e === k.NotBetween ? Z.Inputs : Z.Input : n === F.Date ? e === l.Between || e === l.NotBetween ? Z.DateRange : e === l.Quarter || e === l.Month ? Z.Select : Nt.has(e) ? Z.DatePicker : Z.None : Z.None : Z.None;
 }
-function oi(t) {
-  if (!t || t.filterType !== "condition")
+function ui(n) {
+  if (!n || n.filterType !== "condition")
     return {
       type: F.String,
       compareType: j.Equal,
       info: {}
     };
-  const e = t.filterInfo, { conditionType: n, compareType: r } = e;
-  if (n === F.Date)
+  const e = n.filterInfo, { conditionType: t, compareType: r } = e;
+  if (t === F.Date)
     if (r === l.Between || r === l.NotBetween) {
       let i;
       return Array.isArray(e.expectedValue) && (i = e.expectedValue.map((a) => typeof a == "string" ? new Date(a) : a)), {
-        type: n,
+        type: t,
         compare: r,
         info: {
           dateRange: i
@@ -525,11 +526,11 @@ function oi(t) {
     } else {
       if (r === l.Today || r === l.Yesterday || r === l.Tomorrow || r === l.ThisWeek || r === l.LastWeek || r === l.NextWeek || r === l.ThisMonth || r === l.LastMonth || r === l.NextMonth || r === l.ThisYear || r === l.LastYear || r === l.NextYear)
         return {
-          type: n,
+          type: t,
           compare: r,
           info: {}
         };
-      if (xt.has(r)) {
+      if (Nt.has(r)) {
         let i;
         if (typeof e.expectedValue == "string")
           i = new Date(e.expectedValue);
@@ -537,7 +538,7 @@ function oi(t) {
           for (let a = 0; a < e.expectedValue.length; a++)
             typeof e.expectedValue[a] == "string" && (e.expectedValue[a] = new Date(e.expectedValue[a]));
         return {
-          type: n,
+          type: t,
           compare: r,
           info: {
             date: i
@@ -545,13 +546,13 @@ function oi(t) {
         };
       } else
         return (/* @__PURE__ */ new Set([l.Q1, l.Q2, l.Q3, l.Q4])).has(r) ? {
-          type: n,
+          type: t,
           compare: l.Quarter,
           info: {
             dateSelect: e.compareType
           }
         } : {
-          type: n,
+          type: t,
           compare: l.Month,
           info: {
             dateSelect: e.compareType
@@ -559,23 +560,23 @@ function oi(t) {
         };
     }
   else {
-    if (n === F.Number)
-      return r === $.Between || r === $.NotBetween ? {
-        type: n,
+    if (t === F.Number)
+      return r === k.Between || r === k.NotBetween ? {
+        type: t,
         compare: r,
         info: {
           numberRange: e.expectedValue
         }
       } : {
-        type: n,
+        type: t,
         compare: r,
         info: {
           number: e.expectedValue
         }
       };
-    if (n === F.String)
+    if (t === F.String)
       return {
-        type: n,
+        type: t,
         compare: r,
         info: {
           string: e.expectedValue
@@ -588,25 +589,25 @@ function oi(t) {
     info: {}
   };
 }
-const ci = (t) => {
-  var C, _, O, f, E, R, D, I;
-  const { conditionInfo: e, onChange: n } = t, r = M(oe), [i, a] = q(!1), s = M(ke), c = ai(s), d = (g, x, y) => {
-    n({
+const di = (n) => {
+  var w, S, E, C, L, I, B, R;
+  const { conditionInfo: e, onChange: t } = n, r = M(re), [i, a] = q(!1), s = M(Oe), c = li(s), u = (g, x, y) => {
+    t({
       type: x != null ? x : e.type,
       compare: y != null ? y : e.compare,
       info: g
     });
   }, h = (g) => {
-    var B;
+    var P;
     const x = g[0], y = g[1];
     y && a(!1);
     const m = {};
-    x === F.Date ? y === l.Quarter ? m.dateSelect = l.Q1 : y === l.Month ? m.dateSelect = l.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 = ""), d(m, g[0], (B = g[1]) != null ? B : j.Equal);
-  }, u = li(e.type, e.compare);
+    x === F.Date ? y === l.Quarter ? m.dateSelect = l.Q1 : y === l.Month ? m.dateSelect = l.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], (P = g[1]) != null ? P : j.Equal);
+  }, d = ci(e.type, e.compare);
   let v = "";
   e.compare ? v = `${r.t(`sheets-table.condition.${e.type}`)} - ${r.t(`sheets-table.${e.type}.compare.${e.compare}`)}` : v = r.t(`sheets-table.condition.${e.type}`);
-  const S = si(s, e.compare);
-  return /* @__PURE__ */ w("div", { children: [
+  const f = oi(s, e.compare);
+  return /* @__PURE__ */ T("div", { children: [
     /* @__PURE__ */ o(
       Ee,
       {
@@ -614,7 +615,7 @@ const ci = (t) => {
         open: i,
         onOpenChange: a,
         overlay: /* @__PURE__ */ o(
-          Ir,
+          yr,
           {
             value: [e.type, e.compare],
             options: c,
@@ -623,155 +624,155 @@ const ci = (t) => {
             wrapperClassName: "!univer-h-[150px]"
           }
         ),
-        children: /* @__PURE__ */ w(
+        children: /* @__PURE__ */ T(
           "div",
           {
-            className: P("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),
+            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__ */ o("span", { children: v }),
-              /* @__PURE__ */ o(Mt, {})
+              /* @__PURE__ */ o(xt, {})
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ w("div", { className: "univer-mt-3 univer-w-full", children: [
-      u === Z.Input && /* @__PURE__ */ o(yt, { children: e.type === F.String ? /* @__PURE__ */ o(
-        Rt,
+    /* @__PURE__ */ T("div", { className: "univer-mt-3 univer-w-full", children: [
+      d === Z.Input && /* @__PURE__ */ o(Rt, { children: e.type === F.String ? /* @__PURE__ */ o(
+        Mt,
         {
           className: "univer-w-full",
           placeholder: "请输入",
           value: e.info.string,
-          onChange: (g) => d({ string: g })
+          onChange: (g) => u({ string: g })
         }
       ) : /* @__PURE__ */ o(
-        gt,
+        bt,
         {
           className: "univer-h-7 univer-w-full",
           value: e.info.number,
           controls: !1,
           onChange: (g) => {
-            g !== null && d({ number: g });
+            g !== null && u({ number: g });
           }
         }
       ) }),
-      u === Z.DatePicker && /* @__PURE__ */ o("div", { id: "univer-table-date-picker-wrapper", children: /* @__PURE__ */ o(
-        yr,
+      d === Z.DatePicker && /* @__PURE__ */ o("div", { id: "univer-table-date-picker-wrapper", children: /* @__PURE__ */ o(
+        Rr,
         {
           className: "univer-w-full",
-          value: (C = e.info.date) != null ? C : /* @__PURE__ */ new Date(),
-          onValueChange: (g) => d({ date: g })
+          value: (w = e.info.date) != null ? w : /* @__PURE__ */ new Date(),
+          onValueChange: (g) => u({ date: g })
         }
       ) }),
-      u === Z.DateRange && /* @__PURE__ */ o("div", { id: "univer-table-date-range-wrapper", children: /* @__PURE__ */ o(
-        Rr,
+      d === Z.DateRange && /* @__PURE__ */ o("div", { id: "univer-table-date-range-wrapper", children: /* @__PURE__ */ o(
+        Mr,
         {
           className: "univer-w-full",
-          value: [(O = (_ = e.info.dateRange) == null ? void 0 : _[0]) != null ? O : /* @__PURE__ */ new Date(), (E = (f = e.info.dateRange) == null ? void 0 : f[1]) != null ? E : /* @__PURE__ */ new Date()],
+          value: [(E = (S = e.info.dateRange) == null ? void 0 : S[0]) != null ? E : /* @__PURE__ */ new Date(), (L = (C = e.info.dateRange) == null ? void 0 : C[1]) != null ? L : /* @__PURE__ */ new Date()],
           onValueChange: (g) => {
-            d(g ? { dateRange: g } : {});
+            u(g ? { dateRange: g } : {});
           }
         }
       ) }),
-      u === Z.Inputs && /* @__PURE__ */ w("div", { className: "univer-flex univer-items-center univer-gap-2", children: [
+      d === Z.Inputs && /* @__PURE__ */ T("div", { className: "univer-flex univer-items-center univer-gap-2", children: [
         /* @__PURE__ */ o(
-          gt,
+          bt,
           {
             className: "univer-w-full",
-            value: (R = e.info.numberRange) == null ? void 0 : R[0],
+            value: (I = e.info.numberRange) == null ? void 0 : I[0],
             onChange: (g) => {
               var x;
-              g !== null && d({ numberRange: [g, (x = e.info.numberRange) == null ? void 0 : x[1]] });
+              g !== null && u({ numberRange: [g, (x = e.info.numberRange) == null ? void 0 : x[1]] });
             },
             controls: !1
           }
         ),
         /* @__PURE__ */ o("span", { children: " - " }),
         /* @__PURE__ */ o(
-          gt,
+          bt,
           {
             className: "univer-w-full",
-            value: (D = e.info.numberRange) == null ? void 0 : D[1],
+            value: (B = e.info.numberRange) == null ? void 0 : B[1],
             controls: !1,
             onChange: (g) => {
               var x;
-              g !== null && d({ numberRange: [(x = e.info.numberRange) == null ? void 0 : x[0], g] });
+              g !== null && u({ numberRange: [(x = e.info.numberRange) == null ? void 0 : x[0], g] });
             }
           }
         )
       ] }),
-      u === Z.Select && /* @__PURE__ */ o(
-        Mr,
+      d === Z.Select && /* @__PURE__ */ o(
+        xr,
         {
           className: "univer-w-full",
-          value: (I = e.info.dateSelect) != null ? I : S[0].value,
-          options: S,
-          onChange: (g) => d({ dateSelect: g })
+          value: (R = e.info.dateSelect) != null ? R : f[0].value,
+          options: f,
+          onChange: (g) => u({ dateSelect: g })
         }
       )
     ] })
   ] });
-}, ui = (t) => {
+}, hi = (n) => {
   let e = 0;
-  return t.forEach((n) => {
-    e += n;
+  return n.forEach((t) => {
+    e += t;
   }), e;
 };
-function di(t) {
-  const { unitId: e, tableId: n, subUnitId: r, columnIndex: i, checkedItemSet: a, setCheckedItemSet: s, tableFilter: c } = t, d = M(oe), h = M(Le), { data: u, itemsCountMap: v, allItemsCount: S } = h.getTableFilterItems(e, r, n, i), [C, _] = q(c === void 0 ? !0 : a.size === v.size), [O, f] = q(C ? S : ui(v)), E = !C && a.size > 0, [R, D] = q(""), I = un(() => R ? u.filter((m) => String(m.title).toLowerCase().includes(R.toLowerCase())) : u, [R, u]), g = Ht(() => {
-    C ? (a.clear(), s(new Set(a)), _(!1)) : (I.forEach((m) => {
+function vi(n) {
+  const { unitId: e, tableId: t, subUnitId: r, columnIndex: i, checkedItemSet: a, setCheckedItemSet: s, tableFilter: c } = n, u = M(re), h = M(Le), { data: d, itemsCountMap: v, allItemsCount: f } = h.getTableFilterItems(e, r, t, i), [w, S] = q(c === void 0 ? !0 : a.size === v.size), [E, C] = q(w ? f : hi(v)), L = !w && a.size > 0, [I, B] = q(""), R = dn(() => I ? d.filter((m) => String(m.title).toLowerCase().includes(I.toLowerCase())) : d, [I, d]), g = Ht(() => {
+    w ? (a.clear(), s(new Set(a)), S(!1)) : (R.forEach((m) => {
       a.add(m.title);
-    }), s(new Set(a)), _(!0));
-  }, [C]), x = Ht((m) => {
-    m === "" ? (_(!0), u.forEach((B) => {
-      a.add(B.title);
-    }), f(S)) : (a.clear(), _(!1), f(0)), D(m);
+    }), s(new Set(a)), S(!0));
+  }, [w]), x = Ht((m) => {
+    m === "" ? (S(!0), d.forEach((P) => {
+      a.add(P.title);
+    }), C(f)) : (a.clear(), S(!1), C(0)), B(m);
   }, []), y = (m) => {
-    if (C) {
-      _(!1);
-      const B = /* @__PURE__ */ new Set();
-      for (const { title: L } of u)
-        m !== L && B.add(L);
-      f(S - v.get(m)), s(B);
+    if (w) {
+      S(!1);
+      const P = /* @__PURE__ */ new Set();
+      for (const { title: $ } of d)
+        m !== $ && P.add($);
+      C(f - v.get(m)), s(P);
     } else
-      a.has(m) ? (a.delete(m), f(O - v.get(m))) : (a.add(m), f(O + v.get(m))), s(new Set(a));
+      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__ */ w("div", { className: "univer-flex univer-h-full univer-flex-col", children: [
-    /* @__PURE__ */ o(Rt, { autoFocus: !0, value: R, placeholder: d.t("sheets-filter.panel.search-placeholder"), onChange: x }),
+  return /* @__PURE__ */ T("div", { className: "univer-flex univer-h-full univer-flex-col", children: [
+    /* @__PURE__ */ o(Mt, { autoFocus: !0, value: I, placeholder: u.t("sheets-filter.panel.search-placeholder"), onChange: x }),
     /* @__PURE__ */ o(
       "div",
       {
-        className: P("univer-mt-2 univer-box-border univer-flex univer-h-[180px] univer-max-h-[180px] univer-flex-grow univer-flex-col univer-overflow-hidden univer-rounded-md univer-py-1.5 univer-pl-2", H),
+        className: D("univer-mt-2 univer-box-border univer-flex univer-h-[180px] univer-max-h-[180px] univer-flex-grow univer-flex-col univer-overflow-hidden univer-rounded-md univer-py-1.5 univer-pl-2", H),
         children: /* @__PURE__ */ o(
           "div",
           {
-            className: P("univer-h-40 univer-overflow-y-auto univer-py-1 univer-pl-2", xr),
-            children: /* @__PURE__ */ w("div", { className: "univer-h-full", children: [
+            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__ */ o("div", { className: "univer-flex univer-items-center univer-px-2 univer-py-1", children: /* @__PURE__ */ o(
-                Pt,
+                Dt,
                 {
-                  indeterminate: E,
-                  disabled: u.length === 0,
-                  checked: C,
+                  indeterminate: L,
+                  disabled: d.length === 0,
+                  checked: w,
                   onChange: g,
-                  children: /* @__PURE__ */ w("div", { className: "univer-flex univer-h-5 univer-flex-1 univer-items-center univer-text-sm", children: [
-                    /* @__PURE__ */ o("span", { className: "univer-inline-block univer-truncate", children: `${d.t("sheets-filter.panel.select-all")}` }),
-                    /* @__PURE__ */ o("span", { className: "univer-ml univer-text-gray-400", children: `(${O}/${R ? I.length : S})` })
+                  children: /* @__PURE__ */ T("div", { className: "univer-flex univer-h-5 univer-flex-1 univer-items-center univer-text-sm", children: [
+                    /* @__PURE__ */ o("span", { className: "univer-inline-block univer-truncate", children: `${u.t("sheets-filter.panel.select-all")}` }),
+                    /* @__PURE__ */ o("span", { className: "univer-ml univer-text-gray-400", children: `(${E}/${I ? R.length : f})` })
                   ] })
                 }
               ) }),
-              I.map((m) => /* @__PURE__ */ o(
+              R.map((m) => /* @__PURE__ */ o(
                 "div",
                 {
                   className: "univer-flex univer-items-center univer-px-2 univer-py-1",
                   children: /* @__PURE__ */ o(
-                    Pt,
+                    Dt,
                     {
-                      checked: C || a.has(m.title),
+                      checked: w || a.has(m.title),
                       onChange: () => {
                         y(m.title);
                       },
-                      children: /* @__PURE__ */ w("div", { className: "univer-flex univer-h-5 univer-flex-1 univer-text-sm", children: [
+                      children: /* @__PURE__ */ T("div", { className: "univer-flex univer-h-5 univer-flex-1 univer-text-sm", children: [
                         /* @__PURE__ */ o("span", { className: "univer-inline-block univer-truncate", children: m.title }),
                         /* @__PURE__ */ o("span", { className: "univer-ml-1 univer-text-gray-400", children: `(${v.get(m.title) || 0})` })
                       ] })
@@ -787,48 +788,48 @@ function di(t) {
     )
   ] });
 }
-function hi() {
-  var ue;
-  const t = M(oe), e = vi(t), n = M(Le), r = M(ne), i = M(le), a = M(Zt), s = M($e), c = s.getCurrentTableFilterInfo(), d = n.getTableFilterPanelInitProps(c.unitId, c.subUnitId, c.tableId, c.column), { unitId: h, subUnitId: u, tableId: v, tableFilter: S, currentFilterBy: C, columnIndex: _ } = d, { data: O } = n.getTableFilterItems(h, u, v, _), f = n.getTableFilterCheckedItems(h, v, _), [E, R] = q(new Set(f)), [D, I] = q(C || me.Items), [g, x] = q(() => {
-    const b = d.tableFilter;
-    return oi(b);
+function gi() {
+  var he;
+  const n = M(re), e = bi(n), t = M(Le), r = M(ie), i = M(ne), 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), [L, I] = q(new Set(C)), [B, R] = q(w || pe.Items), [g, x] = q(() => {
+    const b = u.tableFilter;
+    return ui(b);
   }), y = r.getTable(h, v);
   if (!y) return null;
-  const m = y.getTableFilters(), B = m.getSortState();
-  B.columnIndex === _ && (B.sortState, Ge.Asc), B.columnIndex === _ && (B.sortState, Ge.Desc);
-  const L = () => {
+  const m = y.getTableFilters(), P = m.getSortState();
+  P.columnIndex === S && (P.sortState, Ke.Asc), P.columnIndex === S && (P.sortState, Ke.Desc);
+  const $ = () => {
     s.closeFilterPanel();
-  }, Q = () => {
-    L();
-  }, U = (b) => {
-    const k = y.getTableFilterRange();
-    i.executeCommand(Dr.id, {
+  }, Y = () => {
+    $();
+  }, V = (b) => {
+    const O = y.getTableFilterRange();
+    i.executeCommand(Fr.id, {
       unitId: h,
-      subUnitId: u,
-      range: k,
-      orderRules: [{ colIndex: _ + k.startColumn, type: b ? Ft.ASC : Ft.DESC }],
+      subUnitId: d,
+      range: O,
+      orderRules: [{ colIndex: S + O.startColumn, type: b ? Vt.ASC : Vt.DESC }],
       hasTitle: !1
-    }), m.setSortState(_, b ? Ge.Asc : Ge.Desc), L();
-  }, ee = () => {
-    if (D === me.Items) {
+    }), m.setSortState(S, b ? Ke.Asc : Ke.Desc), $();
+  }, G = () => {
+    if (B === pe.Items) {
       const b = [];
-      for (const Y of O)
-        E.has(Y.title) && b.push(Y.title);
-      const k = y.getTableFilterColumn(_);
-      if (k) {
-        if (k.values.join(",") === b.join(",")) {
-          L();
+      for (const Q of E)
+        L.has(Q.title) && b.push(Q.title);
+      const O = y.getTableFilterColumn(S);
+      if (O) {
+        if (O.values.join(",") === b.join(",")) {
+          $();
           return;
         }
       } else if (b.length === 0) {
-        L();
+        $();
         return;
       }
-      const V = {
-        filterType: $t.manual,
+      const A = {
+        filterType: kt.manual,
         values: b
       };
-      n.setTableFilter(h, v, _, V);
+      t.setTableFilter(h, v, S, A);
     } else {
       let b;
       g.compare === l.Quarter || g.compare === l.Month ? b = {
@@ -839,79 +840,79 @@ function hi() {
         compareType: g.compare,
         expectedValue: Object.values(g.info)[0]
       };
-      const k = {
-        filterType: $t.condition,
+      const O = {
+        filterType: kt.condition,
         // @ts-ignore
         filterInfo: b
       };
-      n.setTableFilter(h, v, _, k);
+      t.setTableFilter(h, v, S, O);
     }
-    L();
-  }, Re = () => {
-    n.setTableFilter(h, v, _, void 0), L();
-  }, ce = new an(h).id, fe = (ue = a.getPermissionPoint(ce)) == null ? void 0 : ue.value;
-  return /* @__PURE__ */ w(
+    $();
+  }, ue = () => {
+    t.setTableFilter(h, v, S, void 0), $();
+  }, de = new sn(h).id, Ce = (he = a.getPermissionPoint(de)) == null ? void 0 : he.value;
+  return /* @__PURE__ */ T(
     "div",
     {
       className: "univer-box-border univer-flex univer-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__ */ o("div", { className: "univer-mb-3 univer-flex", children: /* @__PURE__ */ w(Nr, { className: "univer-mb-3 !univer-flex univer-w-full", children: [
-          /* @__PURE__ */ w(_e, { className: "univer-w-1/2", onClick: () => U(!0), children: [
-            /* @__PURE__ */ o(bn, { className: "univer-mr-1" }),
-            t.t("sheets-sort.general.sort-asc")
+        Ce && /* @__PURE__ */ o("div", { className: "univer-mb-3 univer-flex", children: /* @__PURE__ */ T(Er, { className: "univer-mb-3 !univer-flex univer-w-full", children: [
+          /* @__PURE__ */ T(Te, { className: "univer-w-1/2", onClick: () => V(!0), children: [
+            /* @__PURE__ */ o(mn, { className: "univer-mr-1" }),
+            n.t("sheets-sort.general.sort-asc")
           ] }),
-          /* @__PURE__ */ w(_e, { className: "univer-w-1/2", onClick: () => U(!1), children: [
-            /* @__PURE__ */ o(pn, { className: "univer-mr-1" }),
-            t.t("sheets-sort.general.sort-desc")
+          /* @__PURE__ */ T(Te, { className: "univer-w-1/2", onClick: () => V(!1), children: [
+            /* @__PURE__ */ o(fn, { className: "univer-mr-1" }),
+            n.t("sheets-sort.general.sort-desc")
           ] })
         ] }) }),
         /* @__PURE__ */ o("div", { className: "univer-w-full", children: /* @__PURE__ */ o(
-          Er,
+          Lr,
           {
-            value: D,
+            value: B,
             items: e,
-            onChange: (b) => I(b)
+            onChange: (b) => R(b)
           }
         ) }),
-        /* @__PURE__ */ o("div", { className: "univer-z-10 univer-h-60 univer-w-[280px]", children: /* @__PURE__ */ o("div", { className: "univer-mt-3 univer-h-full univer-w-full", children: D === me.Items ? /* @__PURE__ */ o(
-          di,
+        /* @__PURE__ */ o("div", { className: "univer-z-10 univer-h-60 univer-w-[280px]", children: /* @__PURE__ */ o("div", { className: "univer-mt-3 univer-h-full univer-w-full", children: B === pe.Items ? /* @__PURE__ */ o(
+          vi,
           {
-            tableFilter: S,
+            tableFilter: f,
             unitId: h,
-            subUnitId: u,
+            subUnitId: d,
             tableId: v,
-            columnIndex: _,
-            checkedItemSet: E,
-            setCheckedItemSet: R
+            columnIndex: S,
+            checkedItemSet: L,
+            setCheckedItemSet: I
           }
         ) : /* @__PURE__ */ o(
-          ci,
+          di,
           {
-            tableFilter: S,
+            tableFilter: f,
             unitId: h,
-            subUnitId: u,
+            subUnitId: d,
             tableId: v,
-            columnIndex: _,
+            columnIndex: S,
             conditionInfo: g,
             onChange: x
           }
         ) }) }),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ T(
           "div",
           {
             className: "univer-flex-wrap-nowrap univer-mt-4 univer-inline-flex univer-flex-shrink-0 univer-flex-grow-0 univer-justify-between univer-overflow-hidden",
             children: [
               /* @__PURE__ */ o(
-                _e,
+                Te,
                 {
-                  disabled: S === void 0,
-                  onClick: Re,
-                  children: t.t("sheets-filter.panel.clear-filter")
+                  disabled: f === void 0,
+                  onClick: ue,
+                  children: n.t("sheets-filter.panel.clear-filter")
                 }
               ),
-              /* @__PURE__ */ w("div", { children: [
-                /* @__PURE__ */ o(_e, { className: "univer-mr-2", onClick: Q, children: t.t("sheets-filter.panel.cancel") }),
-                /* @__PURE__ */ o(_e, { variant: "primary", onClick: ee, children: t.t("sheets-filter.panel.confirm") })
+              /* @__PURE__ */ T("div", { children: [
+                /* @__PURE__ */ o(Te, { className: "univer-mr-2", onClick: Y, children: n.t("sheets-filter.panel.cancel") }),
+                /* @__PURE__ */ o(Te, { variant: "primary", onClick: G, children: n.t("sheets-filter.panel.confirm") })
               ] })
             ]
           }
@@ -920,24 +921,24 @@ function hi() {
     }
   );
 }
-function vi(t) {
-  const e = t.getCurrentLocale();
-  return un(() => [
-    { label: t.t("sheets-filter.panel.by-values"), value: me.Items },
-    { label: t.t("sheets-filter.panel.by-conditions"), value: me.Condition }
-  ], [e, t]);
+function bi(n) {
+  const e = n.getCurrentLocale();
+  return dn(() => [
+    { label: n.t("sheets-filter.panel.by-values"), value: pe.Items },
+    { label: n.t("sheets-filter.panel.by-conditions"), value: pe.Condition }
+  ], [e, n]);
 }
-var gi = Object.getOwnPropertyDescriptor, bi = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? gi(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = s(i) || i);
+var mi = Object.getOwnPropertyDescriptor, pi = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? mi(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+    (s = n[a]) && (i = s(i) || i);
   return i;
-}, Je = (t, e) => (n, r) => e(n, r, t);
-let $e = class extends Oe {
-  constructor(e, n, r, i) {
+}, tt = (n, e) => (t, r) => e(t, r, n);
+let $e = class extends ke {
+  constructor(e, t, r, i) {
     super();
-    A(this, "_popupDisposable");
-    A(this, "_currentTableFilterInfo", null);
-    this._componentManager = e, this._contextService = n, this._sheetCanvasPopupService = r, this._dialogService = i, this._initComponents(), this._initUIPopup();
+    U(this, "_popupDisposable");
+    U(this, "_currentTableFilterInfo", null);
+    this._componentManager = e, this._contextService = t, this._sheetCanvasPopupService = r, this._dialogService = i, this._initComponents(), this._initUIPopup();
   }
   setCurrentTableFilterInfo(e) {
     this._currentTableFilterInfo = e;
@@ -950,29 +951,29 @@ let $e = class extends Oe {
   }
   _initComponents() {
     [
-      [ve, hi]
-    ].forEach(([e, n]) => {
-      this.disposeWithMe(this._componentManager.register(e, n));
+      [be, gi]
+    ].forEach(([e, t]) => {
+      this.disposeWithMe(this._componentManager.register(e, t));
     });
   }
   _initUIPopup() {
-    this.disposeWithMe(this._contextService.subscribeContextValue$(ve).pipe(rn(void 0), fr()).subscribe((e) => {
+    this.disposeWithMe(this._contextService.subscribeContextValue$(be).pipe(an(void 0), Cr()).subscribe((e) => {
       e ? this._openFilterPopup() : e === !1 && this._closeFilterPopup();
     }));
   }
   closeFilterPanel() {
-    this._contextService.setContextValue(ve, !1);
+    this._contextService.setContextValue(be, !1);
   }
   _openFilterPopup() {
     const e = this._currentTableFilterInfo;
     if (!e)
       throw new Error("[SheetsFilterUIController]: no filter model when opening filter popup!");
-    const { row: n, column: r } = e;
-    this._popupDisposable = this._sheetCanvasPopupService.attachPopupToCell(n, r, {
-      componentKey: ve,
+    const { row: t, column: r } = e;
+    this._popupDisposable = this._sheetCanvasPopupService.attachPopupToCell(t, r, {
+      componentKey: be,
       direction: "horizontal",
       onClickOutside: () => {
-        this._dialogService.close(Ar), this._contextService.setContextValue(ve, !1);
+        this._dialogService.close(Wr), this._contextService.setContextValue(be, !1);
       },
       offset: [5, 0],
       portal: !0
@@ -983,39 +984,39 @@ let $e = class extends Oe {
     (e = this._popupDisposable) == null || e.dispose(), this._popupDisposable = null, this.clearCurrentTableFilterInfo();
   }
 };
-$e = bi([
-  Je(0, N(tn)),
-  Je(1, wt),
-  Je(2, N(tr)),
-  Je(3, N(nn))
+$e = pi([
+  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(t, e) {
+  async handler(n, e) {
     if (!e)
       return !1;
-    const { row: n, col: r, unitId: i, subUnitId: a, tableId: s } = e, c = t.get(ne), d = t.get(wt), h = t.get($e);
-    return c.getTable(i, s) ? (d.getContextValue(ve) || (h.setCurrentTableFilterInfo({ unitId: i, subUnitId: a, row: n, tableId: s, column: r }), d.setContextValue(ve, !0)), !0) : !1;
+    const { row: t, col: r, unitId: i, subUnitId: a, tableId: s } = e, c = n.get(ie), u = n.get(It), h = n.get($e);
+    return c.getTable(i, s) ? (u.getContextValue(be) || (h.setCurrentTableFilterInfo({ unitId: i, subUnitId: a, row: t, tableId: s, column: r }), u.setContextValue(be, !0)), !0) : !1;
   }
-}, Nt = {
-  type: qt.OPERATION,
+}, Et = {
+  type: Yt.OPERATION,
   id: "sheet.operation.open-table-selector",
-  async handler(t) {
-    var C;
-    const e = t.get(pe), n = t.get(le), r = ct(e);
+  async handler(n) {
+    var w;
+    const e = n.get(fe), t = n.get(ne), r = ut(e);
     if (!r)
       return !1;
-    const { unitId: i, subUnitId: a, worksheet: s } = r, d = t.get(ut).getCurrentLastSelection(), h = (C = d == null ? void 0 : d.range) != null ? C : { startRow: 0, endRow: 0, startColumn: 0, endColumn: 0 }, v = $r(d) ? Or(h, { up: !0, left: !0, right: !0, down: !0 }, s) : h, S = await Tn(t, i, a, v);
-    return S ? (n.executeCommand(Qn.id, { ...S }), !0) : !1;
+    const { unitId: i, subUnitId: a, worksheet: s } = r, u = n.get(dt).getCurrentLastSelection(), h = (w = u == null ? void 0 : u.range) != null ? w : { startRow: 0, endRow: 0, startColumn: 0, endColumn: 0 }, v = kr(u) ? Or(h, { up: !0, left: !0, right: !0, down: !0 }, s) : h, f = await wn(n, i, a, v);
+    return f ? (t.executeCommand(Gn.id, { ...f }), !0) : !1;
   }
 };
-async function Tn(t, e, n, r, i) {
-  const a = t.get(nn), s = t.get(oe);
+async function wn(n, e, t, r, i) {
+  const a = n.get(rn), s = n.get(re);
   return new Promise((c) => {
-    const d = {
+    const u = {
       unitId: e,
-      subUnitId: n,
+      subUnitId: t,
       range: r,
       tableId: i,
       onConfirm: (h) => {
@@ -1035,7 +1036,7 @@ async function Tn(t, e, n, r, i) {
       children: {
         label: {
           name: Ne,
-          props: d
+          props: u
         }
       },
       width: 300,
@@ -1045,117 +1046,117 @@ async function Tn(t, e, n, r, i) {
     });
   });
 }
-const wn = "sheets-table-ui.config", At = {
+const In = "sheets-table-ui.config", Ut = {
   anchorHeight: 24,
   anchorBackgroundColor: "rgb(134,139,156)"
 };
-var mi = Object.getOwnPropertyDescriptor, pi = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? mi(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = s(i) || i);
+var fi = Object.getOwnPropertyDescriptor, Ci = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? fi(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+    (s = n[a]) && (i = s(i) || i);
   return i;
-}, fi = (t, e) => (n, r) => e(n, r, t);
-let Ie = class extends Oe {
+}, Si = (n, e) => (t, r) => e(t, r, n);
+let ye = class extends ke {
   constructor(e) {
     super();
-    A(this, "_refreshTable", new Cr());
-    A(this, "refreshTable$", this._refreshTable.asObservable());
+    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 === sn.id) {
-          const n = e.params, { styleName: r } = n;
-          r.startsWith(Gn) && this._refreshTable.next(Math.random());
+        if (e.id === ln.id) {
+          const t = e.params, { styleName: r } = t;
+          r.startsWith(Xn) && this._refreshTable.next(Math.random());
         }
       })
     );
   }
 };
-Ie = pi([
-  fi(0, N(le))
-], Ie);
-const Ci = () => {
-  var fe, ue;
-  const [t, e] = q(""), [n, r] = q(""), i = M(cr), [a, s] = q({}), c = M(ke), d = M(it), h = Te(d.anchorPosition$), u = M(le), v = M(pe), S = M(ln), C = Te(S.unitPermissionInitStateChange$, !1), _ = M(ne), O = M(on), f = M(Ie), E = Te(f.refreshTable$), R = M(oe), D = M(ut), I = Te(D.selectionChanged$, [{ range: jt(0, 0), primary: null }]), [, g] = q(Math.random()), y = M(Yt).getConfig(wn), m = (fe = y == null ? void 0 : y.anchorHeight) != null ? fe : 24, B = (ue = y == null ? void 0 : y.anchorBackgroundColor) != null ? ue : "rgb(53,91,183)", L = (b, k) => {
-    s((V) => ({
-      ...V,
-      [b]: k
+ye = Ci([
+  Si(0, N(ne))
+], ye);
+const _i = () => {
+  var Ce, he;
+  const [n, e] = q(""), [t, r] = q(""), i = M(ur), [a, s] = q({}), c = M(Oe), u = M(at), h = we(u.anchorPosition$), d = M(ne), v = M(fe), f = M(on), w = we(f.unitPermissionInitStateChange$, !1), S = M(ie), E = M(cn), C = M(ye), L = we(C.refreshTable$), I = M(re), B = M(dt), R = we(B.selectionChanged$, [{ range: Zt(0, 0), primary: null }]), [, g] = q(Math.random()), y = M(Qt).getConfig(In), m = (Ce = y == null ? void 0 : y.anchorHeight) != null ? Ce : 24, P = (he = y == null ? void 0 : y.anchorBackgroundColor) != null ? he : "rgb(53,91,183)", $ = (b, O) => {
+    s((A) => ({
+      ...A,
+      [b]: O
     }));
   };
-  if (dn(() => {
+  if (hn(() => {
     g(Math.random());
-  }, [E]), !(h != null && h.length))
+  }, [L]), !(h != null && h.length))
     return null;
-  const Q = ct(v);
-  if (!Q) return null;
-  const { unitId: U, subUnitId: ee } = Q, Re = (b, k) => {
-    var Y;
-    if (((Y = _.getTableById(U, b)) == null ? void 0 : Y.getDisplayName()) === k) {
+  const Y = ut(v);
+  if (!Y) return null;
+  const { unitId: V, subUnitId: G } = Y, ue = (b, O) => {
+    var Q;
+    if (((Q = S.getTableById(V, b)) == null ? void 0 : Q.getDisplayName()) === O) {
       e(""), r("");
       return;
     }
-    u.executeCommand(ft.id, {
+    d.executeCommand(Ct.id, {
       tableId: b,
-      unitId: U,
-      name: k
+      unitId: V,
+      name: O
     }), r(""), e("");
-  }, ce = async (b) => {
-    const k = _.getTableById(U, b);
-    if (!k) return;
-    const V = k.getRange(), Y = await Tn(c, U, ee, V, b);
-    Y && u.executeCommand(ft.id, {
+  }, de = async (b) => {
+    const O = S.getTableById(V, b);
+    if (!O) return;
+    const A = O.getRange(), Q = await wn(c, V, G, A, b);
+    Q && d.executeCommand(Ct.id, {
       tableId: b,
-      unitId: U,
+      unitId: V,
       updateRange: {
-        newRange: Y.range
+        newRange: Q.range
       }
     });
   };
-  return C ? /* @__PURE__ */ o("div", { className: "univer-absolute univer-z-50 univer-h-0 univer-w-0", children: h.map((b) => {
-    var De, Be, p, T, z, K, se;
-    const k = _.getTableById(U, b.tableId);
-    if (!k) return null;
-    const V = O.getRangeThemeStyle(U, k.getTableStyleId()), Y = (p = (Be = (De = V == null ? void 0 : V.getHeaderRowStyle()) == null ? void 0 : De.bg) == null ? void 0 : Be.rgb) != null ? p : B, qe = (K = (z = (T = V == null ? void 0 : V.getHeaderRowStyle()) == null ? void 0 : T.cl) == null ? void 0 : z.rgb) != null ? K : "rgb(255, 255, 255)", Ye = k.getRange();
-    if (!(I != null && I.length))
+  return w ? /* @__PURE__ */ o("div", { className: "univer-absolute univer-z-50 univer-h-0 univer-w-0", children: h.map((b) => {
+    var De, Be, p, _, K, J, oe;
+    const O = S.getTableById(V, b.tableId);
+    if (!O) return null;
+    const A = E.getRangeThemeStyle(V, O.getTableStyleId()), Q = (p = (Be = (De = A == null ? void 0 : A.getHeaderRowStyle()) == null ? void 0 : De.bg) == null ? void 0 : Be.rgb) != null ? p : P, Ge = (J = (K = (_ = A == null ? void 0 : A.getHeaderRowStyle()) == null ? void 0 : _.cl) == null ? void 0 : K.rgb) != null ? J : "rgb(255, 255, 255)", Xe = O.getRange();
+    if (!(R != null && R.length))
       return null;
-    const Qe = I[I.length - 1].range, Pe = !be.intersects(Ye, Qe) && b.y <= 20;
-    return /* @__PURE__ */ w(
+    const ze = R[R.length - 1].range, Pe = !me.intersects(Xe, ze) && b.y <= 20;
+    return /* @__PURE__ */ T(
       "div",
       {
-        className: P("univer-shadow-xs univer-absolute univer-box-border univer-cursor-pointer univer-items-center univer-rounded-xl univer-pl-2 univer-pr-2", H, {
+        className: D("univer-shadow-xs univer-absolute univer-box-border univer-cursor-pointer univer-items-center univer-rounded-xl univer-pl-2 univer-pr-2", H, {
           "univer-flex": !Pe,
           "univer-hidden": Pe
         }),
         style: {
           left: b.x,
           top: Math.max(b.y, 0),
-          backgroundColor: Y,
-          color: qe,
+          backgroundColor: Q,
+          color: Ge,
           borderWidth: "0.5px",
           height: m ? `${m}px` : "24px"
         },
         children: [
-          /* @__PURE__ */ o("div", { className: "univer-text-nowrap", children: t === b.tableId ? /* @__PURE__ */ o(
-            Rt,
+          /* @__PURE__ */ o("div", { className: "univer-text-nowrap", children: n === b.tableId ? /* @__PURE__ */ o(
+            Mt,
             {
               className: "univer-h-[18px] univer-min-w-16 univer-rounded-none",
               inputClass: "univer-h-[18px] univer-w-[80px]",
-              value: n,
+              value: t,
               onChange: (W) => r(W),
-              onBlur: () => Re(b.tableId, n),
+              onBlur: () => ue(b.tableId, t),
               onKeyDown: (W) => {
-                W.key === "Enter" && Re(b.tableId, n);
+                W.key === "Enter" && ue(b.tableId, t);
               },
-              autoFocus: t === b.tableId
+              autoFocus: n === b.tableId
             }
           ) : /* @__PURE__ */ o("div", { className: "univer-h-[18px] univer-max-w-24 univer-truncate univer-text-sm", children: b.tableName }) }),
           /* @__PURE__ */ o(
             Ee,
             {
               align: "start",
-              overlay: /* @__PURE__ */ w("div", { className: "univer-pb-2 univer-pt-2", children: [
-                /* @__PURE__ */ w(
+              overlay: /* @__PURE__ */ T("div", { className: "univer-pb-2 univer-pt-2", children: [
+                /* @__PURE__ */ T(
                   "div",
                   {
                     className: "univer-flex univer-min-w-32 univer-cursor-pointer univer-items-center univer-gap-2 univer-pb-1 univer-pl-2 univer-pr-2 univer-pt-1 univer-text-sm hover:univer-bg-gray-200",
@@ -1163,8 +1164,8 @@ const Ci = () => {
                       e(b.tableId), r(b.tableName);
                     },
                     children: [
-                      /* @__PURE__ */ o(Sn, {}),
-                      R.t("sheets-table.rename")
+                      /* @__PURE__ */ o(_n, {}),
+                      I.t("sheets-table.rename")
                     ]
                   }
                 ),
@@ -1174,47 +1175,47 @@ const Ci = () => {
                     className: "univer-mb-1 univer-mt-1 univer-h-px univer-w-full univer-bg-gray-200"
                   }
                 ),
-                /* @__PURE__ */ w(
+                /* @__PURE__ */ T(
                   "div",
                   {
-                    onClick: () => ce(b.tableId),
+                    onClick: () => de(b.tableId),
                     className: "univer-flex univer-min-w-32 univer-cursor-pointer univer-items-center univer-gap-2 univer-pb-1 univer-pl-2 univer-pr-2 univer-pt-1 univer-text-sm hover:univer-bg-gray-200",
                     children: [
-                      /* @__PURE__ */ o(fn, {}),
-                      R.t("sheets-table.updateRange")
+                      /* @__PURE__ */ o(Cn, {}),
+                      I.t("sheets-table.updateRange")
                     ]
                   }
                 ),
-                /* @__PURE__ */ w(
+                /* @__PURE__ */ T(
                   "div",
                   {
                     className: "univer-flex univer-min-w-32 univer-cursor-pointer univer-items-center univer-gap-2 univer-pb-1 univer-pl-2 univer-pr-2 univer-pt-1 univer-text-sm hover:univer-bg-gray-200",
                     onClick: () => {
-                      L(b.tableId, !1);
-                      const W = _.getTableById(U, b.tableId);
+                      $(b.tableId, !1);
+                      const W = S.getTableById(V, b.tableId);
                       if (!W) return;
-                      const Ce = W.getTableConfig(), Se = {
-                        id: Ur,
-                        header: { title: R.t("sheets-table.tableStyle") },
+                      const Se = W.getTableConfig(), _e = {
+                        id: jr,
+                        header: { title: I.t("sheets-table.tableStyle") },
                         children: {
-                          label: vn,
-                          oldConfig: Ce,
-                          unitId: U,
-                          subUnitId: ee,
+                          label: gn,
+                          oldConfig: Se,
+                          unitId: V,
+                          subUnitId: G,
                           tableId: b.tableId
                         },
                         width: 330
                       };
-                      i.open(Se);
+                      i.open(_e);
                     },
                     children: [
                       /* @__PURE__ */ o(
-                        Cn,
+                        Sn,
                         {
                           extend: { colorChannel1: "rgb(53,91,183)" }
                         }
                       ),
-                      R.t("sheets-table.setTheme")
+                      I.t("sheets-table.setTheme")
                     ]
                   }
                 ),
@@ -1224,29 +1225,29 @@ const Ci = () => {
                     className: "univer-mb-1 univer-mt-1 univer-h-px univer-w-full univer-bg-gray-200"
                   }
                 ),
-                /* @__PURE__ */ w(
+                /* @__PURE__ */ T(
                   "div",
                   {
                     className: "univer-flex univer-min-w-32 univer-cursor-pointer univer-items-center univer-pb-1 univer-pl-2 univer-pr-2 univer-pt-1 univer-text-sm hover:univer-bg-gray-200",
                     onClick: () => {
-                      L(b.tableId, !1), u.executeCommand(Xn.id, {
+                      $(b.tableId, !1), d.executeCommand(zn.id, {
                         tableId: b.tableId,
-                        subUnitId: ee,
-                        unitId: U
+                        subUnitId: G,
+                        unitId: V
                       });
                     },
                     children: [
-                      /* @__PURE__ */ o(mn, { className: "univer-mr-2" }),
-                      R.t("sheets-table.removeTable")
+                      /* @__PURE__ */ o(pn, { className: "univer-mr-2" }),
+                      I.t("sheets-table.removeTable")
                     ]
                   }
                 )
               ] }),
-              open: (se = a[b.tableId]) != null ? se : !1,
+              open: (oe = a[b.tableId]) != null ? oe : !1,
               onOpenChange: (W) => {
-                L(b.tableId, W);
+                $(b.tableId, W);
               },
-              children: /* @__PURE__ */ o(Mt, {})
+              children: /* @__PURE__ */ o(xt, {})
             },
             b.tableId
           )
@@ -1256,29 +1257,29 @@ const Ci = () => {
     );
   }) }) : null;
 };
-var Si = Object.getOwnPropertyDescriptor, _i = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Si(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = s(i) || i);
+var Ti = Object.getOwnPropertyDescriptor, wi = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ti(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+    (s = n[a]) && (i = s(i) || i);
   return i;
-}, te = (t, e) => (n, r) => e(n, r, t);
-let it = class extends Oe {
-  constructor(e, n, r, i, a, s, c, d, h, u, v) {
+}, te = (n, e) => (t, r) => e(t, r, n);
+let at = class extends ke {
+  constructor(e, t, r, i, a, s, c, u, h, d, v) {
     super();
-    A(this, "_anchorVisible$", new kt(!0));
-    A(this, "_timer");
-    A(this, "_anchorPosition$", new kt([]));
-    A(this, "anchorPosition$", this._anchorPosition$.asObservable());
-    this._context = e, this._injector = n, this._sheetSkeletonManagerService = r, this._renderManagerService = i, this._commandService = a, this._univerInstanceService = s, this._uiPartsService = c, this._tableManager = d, this._scrollManagerService = h, this._workbookPermissionService = u, this._permissionService = v, this._initUI(), this._initListener(), this._initTableAnchor();
+    U(this, "_anchorVisible$", new Pt(!0));
+    U(this, "_timer");
+    U(this, "_anchorPosition$", new Pt([]));
+    U(this, "anchorPosition$", this._anchorPosition$.asObservable());
+    this._context = e, this._injector = t, this._sheetSkeletonManagerService = r, 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(_i, 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));
       })
@@ -1286,7 +1287,7 @@ let it = class extends Oe {
   }
   _initTableAnchor() {
     this.disposeWithMe(
-      It(
+      yt(
         this._context.unit.activeSheet$,
         this._sheetSkeletonManagerService.currentSkeleton$,
         this._scrollManagerService.validViewportScrollInfo$,
@@ -1295,8 +1296,8 @@ let it = class extends Oe {
         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;
@@ -1304,103 +1305,103 @@ let it = class extends Oe {
           this._anchorPosition$.next([]);
           return;
         }
-        const n = this._context.unit, r = n.getActiveSheet(), i = r == null ? void 0 : r.getSheetId(), a = this._tableManager.getTableList(this._context.unitId).filter((u) => u.subUnitId === i), s = this._renderManagerService.getRenderById(this._context.unitId);
+        const t = this._context.unit, r = t.getActiveSheet(), i = r == null ? void 0 : r.getSheetId(), a = this._tableManager.getTableList(this._context.unitId).filter((d) => d.subUnitId === i), s = this._renderManagerService.getRenderById(this._context.unitId);
         if (!s) {
           this._anchorPosition$.next([]);
           return;
         }
-        if (!((h = this._permissionService.getPermissionPoint(new an(n.getUnitId()).id)) == null ? void 0 : h.value)) {
+        if (!((h = this._permissionService.getPermissionPoint(new sn(t.getUnitId()).id)) == null ? void 0 : h.value)) {
           this._anchorPosition$.next([]);
           return;
         }
-        const d = a.reduce((u, v) => {
-          const { startRow: S, startColumn: C } = v.range, _ = s.with(ot), O = ar(this._univerInstanceService, this._renderManagerService);
-          if (!O) return u;
-          const { scene: f } = O, E = f.getViewport(An.VIEW_MAIN);
-          if (!E) return u;
-          const R = f == null ? void 0 : f.scaleX, D = f == null ? void 0 : f.scaleY, I = f == null ? void 0 : f.getViewportScrollXY(E);
-          if (!R || !f || !D || !I) return u;
-          const g = _.getCurrentSkeleton();
-          if (!g) return u;
-          const x = g.getNoMergeCellWithCoordByIndex(S, C), y = Un(x.startX, R, I), m = Wn(x.startY, D, I) - 25 - 4;
-          return m >= -10 && y >= 45 && u.push({
+        const u = a.reduce((d, v) => {
+          const { startRow: f, startColumn: w } = v.range, S = s.with(ct), E = sr(this._univerInstanceService, this._renderManagerService);
+          if (!E) return d;
+          const { scene: C } = E, L = C.getViewport(Un.VIEW_MAIN);
+          if (!L) return d;
+          const I = C == null ? void 0 : C.scaleX, B = C == null ? void 0 : C.scaleY, R = C == null ? void 0 : C.getViewportScrollXY(L);
+          if (!I || !C || !B || !R) return d;
+          const g = S.getCurrentSkeleton();
+          if (!g) return d;
+          const x = g.getNoMergeCellWithCoordByIndex(f, w), y = Wn(x.startX, I, R), m = jn(x.startY, B, R) - 25 - 4;
+          return m >= -10 && y >= 45 && d.push({
             x: y,
             y: m,
             tableId: v.id,
             tableName: v.name
-          }), u;
+          }), d;
         }, []);
-        this._anchorPosition$.next(d);
+        this._anchorPosition$.next(u);
       })
     );
   }
 };
-it = _i([
-  te(1, N(ke)),
-  te(2, N(ot)),
-  te(3, Gt),
-  te(4, le),
-  te(5, pe),
-  te(6, ur),
-  te(7, N(ne)),
-  te(8, N(nr)),
-  te(9, N(ln)),
-  te(10, N(Zt))
-], it);
+at = wi([
+  te(1, N(Oe)),
+  te(2, N(ct)),
+  te(3, Xt),
+  te(4, ne),
+  te(5, fe),
+  te(6, dr),
+  te(7, N(ie)),
+  te(8, N(rr)),
+  te(9, N(on)),
+  te(10, N(qt))
+], at);
 const xe = 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 {
-  static drawNoSetting(e, n, r, i) {
-    e.save(), Et.drawWith(e, {
+class Wt {
+  static drawNoSetting(e, t, r, i) {
+    e.save(), Lt.drawWith(e, {
       radius: 2,
       width: xe,
       height: xe,
       fill: i
-    }), e.lineCap = "square", e.strokeStyle = r, e.scale(n / xe, n / xe), 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();
+    }), e.lineCap = "square", e.strokeStyle = r, e.scale(t / xe, t / xe), 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, n, r, i) {
-    e.save(), e.strokeStyle = r, e.fillStyle = i, Et.drawWith(e, {
+  static drawIconByPath(e, t, r, i) {
+    e.save(), e.strokeStyle = r, e.fillStyle = i, Lt.drawWith(e, {
       radius: 2,
       width: xe,
       height: xe,
       fill: i
-    }), n.forEach((a) => {
+    }), t.forEach((a) => {
       const s = new Path2D(a);
       e.fillStyle = r, e.fill(s, "evenodd");
     }), e.restore();
   }
 }
-const Ti = [
+const Ii = [
   "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 = [
+], yi = [
   "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 = [
+], Ri = [
   "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 = [
+], Mi = [
   "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 = [
+], xi = [
   "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 = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Mi(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = s(i) || i);
+var Ni = Object.getOwnPropertyDescriptor, Ei = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ni(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+    (s = n[a]) && (i = s(i) || i);
   return i;
-}, mt = (t, e) => (n, r) => e(n, r, t);
-const ge = 16, et = 1;
-let St = class extends jn {
-  constructor(e, n, r, i, a) {
-    super(e, n);
-    A(this, "_cellWidth", 0);
-    A(this, "_cellHeight", 0);
-    A(this, "_filterParams");
-    A(this, "_hovered", !1);
-    this._contextService = r, this._commandService = i, this._themeService = a, this.setShapeProps(n), this.onPointerDown$.subscribeEvent((s) => this.onPointerDown(s)), this.onPointerEnter$.subscribeEvent(() => this.onPointerEnter()), this.onPointerLeave$.subscribeEvent(() => this.onPointerLeave());
+}, pt = (n, e) => (t, r) => e(t, r, n);
+const ce = 16, Ye = 1;
+let _t = class extends Zn {
+  constructor(e, t, r, i, a) {
+    super(e, t);
+    U(this, "_cellWidth", 0);
+    U(this, "_cellHeight", 0);
+    U(this, "_filterParams");
+    U(this, "_hovered", !1);
+    this._contextService = r, this._commandService = i, this._themeService = a, this.setShapeProps(t), this.onPointerDown$.subscribeEvent((s) => this.onPointerDown(s)), this.onPointerEnter$.subscribeEvent(() => this.onPointerEnter()), this.onPointerLeave$.subscribeEvent(() => this.onPointerLeave());
   }
   setShapeProps(e) {
     typeof e.cellHeight < "u" && (this._cellHeight = e.cellHeight), typeof e.cellWidth < "u" && (this._cellWidth = e.cellWidth), typeof e.filterParams < "u" && (this._filterParams = e.filterParams), this.transformByState({
@@ -1409,46 +1410,46 @@ let St = class extends jn {
     });
   }
   _draw(e) {
-    const n = this._cellHeight, r = this._cellWidth, i = ge - r, a = ge - n;
+    const t = this._cellHeight, r = this._cellWidth, i = ce - r, a = ce - t;
     e.save();
     const s = new Path2D();
-    s.rect(i, a, r, n), e.clip(s);
-    const { buttonState: c } = this._filterParams, d = this._themeService.getColorFromTheme("primary.600"), h = this._hovered ? this._themeService.getColorFromTheme("gray.50") : "rgba(255, 255, 255, 1.0)";
-    let u;
+    s.rect(i, a, r, t), e.clip(s);
+    const { buttonState: c } = this._filterParams, u = this._themeService.getColorFromTheme("primary.600"), h = this._hovered ? this._themeService.getColorFromTheme("gray.50") : "rgba(255, 255, 255, 1.0)";
+    let d;
     switch (c) {
       case Me.FilteredSortNone:
-        u = Ti;
+        d = Ii;
         break;
       case Me.FilteredSortAsc:
-        u = wi;
+        d = yi;
         break;
       case Me.FilteredSortDesc:
-        u = Ii;
+        d = Ri;
         break;
       case Me.FilterNoneSortNone:
         break;
       case Me.FilterNoneSortAsc:
-        u = yi;
+        d = Mi;
         break;
       case Me.FilterNoneSortDesc:
-        u = Ri;
+        d = xi;
         break;
     }
-    u ? Ut.drawIconByPath(e, u, d, h) : c !== void 0 && Ut.drawNoSetting(e, ge, d, h), e.restore();
+    d ? Wt.drawIconByPath(e, d, u, h) : c !== void 0 && Wt.drawNoSetting(e, ce, u, h), e.restore();
   }
   onPointerDown(e) {
     if (e.button === 2)
       return;
-    const { row: n, col: r, unitId: i, subUnitId: a, tableId: s } = this._filterParams;
-    this._contextService.getContextValue(ve) || !this._commandService.hasCommand(Ct.id) || setTimeout(() => {
-      const d = {
-        row: n,
+    const { row: t, col: r, unitId: i, subUnitId: a, tableId: s } = this._filterParams;
+    this._contextService.getContextValue(be) || !this._commandService.hasCommand(St.id) || setTimeout(() => {
+      const u = {
+        row: t,
         col: r,
         unitId: i,
         subUnitId: a,
         tableId: s
       };
-      this._commandService.executeCommand(Ct.id, d);
+      this._commandService.executeCommand(St.id, u);
     }, 200);
   }
   onPointerEnter() {
@@ -1458,23 +1459,33 @@ let St = class extends jn {
     this._hovered = !1, this.makeDirty(!0);
   }
 };
-St = xi([
-  mt(2, wt),
-  mt(3, le),
-  mt(4, N(On))
-], St);
-var Ni = Object.getOwnPropertyDescriptor, Ei = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ni(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = s(i) || i);
+_t = Ei([
+  pt(2, It),
+  pt(3, ne),
+  pt(4, N(On))
+], _t);
+var Li = Object.getOwnPropertyDescriptor, $i = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Li(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+    (s = n[a]) && (i = s(i) || i);
   return i;
-}, tt = (t, e) => (n, r) => e(n, r, t);
-const Li = 5e3;
-let _t = class extends Qt {
-  constructor(e, n, r, i, a) {
+}, Ze = (n, e) => (t, r) => e(t, r, n);
+const ki = 5e3, Oi = (n, e, t, r) => {
+  switch (r) {
+    case it.TOP:
+      return n + Ye;
+    case it.MIDDLE:
+      return n + Math.max(0, (t - ce) / 2);
+    case it.BOTTOM:
+    default:
+      return e - ce - Ye;
+  }
+};
+let Tt = class extends Gt {
+  constructor(e, t, r, i, a, s) {
     super();
-    A(this, "_buttonRenderDisposable", null);
-    A(this, "_tableFilterButtonShapes", []);
-    this._context = e, this._injector = n, this._sheetSkeletonManagerService = r, this._sheetInterceptorService = i, this._tableManager = a, this._initRenderer();
+    U(this, "_buttonRenderDisposable", null);
+    U(this, "_tableFilterButtonShapes", []);
+    this._context = e, this._injector = t, this._sheetSkeletonManagerService = r, this._sheetInterceptorService = i, this._tableManager = a, this._commandService = s, this._initRenderer(), this._initCommandExecuted();
   }
   dispose() {
     super.dispose(), this._disposeRendering();
@@ -1482,16 +1493,16 @@ let _t = class extends Qt {
   _initRenderer() {
     const e = this._tableManager;
     this._sheetSkeletonManagerService.currentSkeleton$.pipe(
-      we((n) => {
+      Ie((t) => {
         var c;
-        if (!n) return J(null);
+        if (!t) return ee(null);
         const { unit: r, unitId: i } = this._context, a = ((c = r.getActiveSheet()) == null ? void 0 : c.getSheetId()) || "", s = () => ({
           unitId: i,
           worksheetId: a,
           tableFilterRanges: this._tableManager.getSheetFilterRangeWithState(r.getUnitId(), a),
-          skeleton: n.skeleton
+          skeleton: t.skeleton
         });
-        return It(
+        return yt(
           e.tableAdd$,
           e.tableNameChanged$,
           e.tableRangeChanged$,
@@ -1499,48 +1510,69 @@ let _t = class extends Qt {
           e.tableDelete$,
           e.tableFilterChanged$
         ).pipe(
-          Tr(() => s()),
-          rn(s())
+          wr(() => s()),
+          an(s())
         );
       }),
-      wr(this.dispose$)
-    ).subscribe((n) => {
-      this._disposeRendering(), !(!n || !n.tableFilterRanges) && this._renderButtons(n);
+      Ir(this.dispose$)
+    ).subscribe((t) => {
+      this._disposeRendering(), !(!t || !t.tableFilterRanges) && this._renderButtons(t);
     });
   }
+  _initCommandExecuted() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((e) => {
+        var c;
+        if (e.id !== Pr.id)
+          return;
+        const { unit: t, unitId: r } = this._context, i = ((c = t.getActiveSheet()) == null ? void 0 : c.getSheetId()) || "", a = this._sheetSkeletonManagerService.getCurrentSkeleton();
+        if (!a)
+          return;
+        const s = {
+          unitId: r,
+          worksheetId: i,
+          tableFilterRanges: this._tableManager.getSheetFilterRangeWithState(t.getUnitId(), i),
+          skeleton: a
+        };
+        this._disposeRendering(), !(!s || !s.tableFilterRanges) && this._renderButtons(s);
+      })
+    );
+  }
   _renderButtons(e) {
-    const { tableFilterRanges: n, unitId: r, skeleton: i, worksheetId: a } = e, { scene: s } = this._context;
-    for (const { range: c, states: d, tableId: h } of n) {
-      const { startRow: u, startColumn: v, endColumn: S } = c;
-      this._interceptCellContent(r, a, c);
-      for (let C = v; C <= S; C++) {
-        const _ = `sheets-table-filter-button-${u}-${C}`, O = sr(u, C, s, i), { startX: f, startY: E, endX: R, endY: D } = O, I = R - f, g = D - E;
-        if (g <= et || I <= et)
-          continue;
-        const x = d[C - v], y = R - ge - et, m = D - ge - et, B = {
-          left: y,
-          top: m,
-          height: ge,
-          width: ge,
-          zIndex: Li,
-          cellHeight: g,
-          cellWidth: I,
-          filterParams: { unitId: r, subUnitId: a, row: u, col: C, buttonState: x, tableId: h }
-        }, L = this._injector.createInstance(St, _, B);
-        this._tableFilterButtonShapes.push(L);
+    const { tableFilterRanges: t, unitId: r, skeleton: i, worksheetId: a } = e, { unit: s, scene: c } = this._context, u = s.getSheetBySheetId(a);
+    if (u) {
+      for (const { range: h, states: d, tableId: v } of t) {
+        const { startRow: f, startColumn: w, endColumn: S } = h;
+        this._interceptCellContent(r, a, h);
+        for (let E = w; E <= S; E++) {
+          const C = `sheets-table-filter-button-${f}-${E}`, L = lr(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 } = L, m = x - R, P = y - g;
+          if (P <= Ye || m <= Ye)
+            continue;
+          const $ = d[E - w], Y = x - ce - Ye, V = Oi(g, y, P, B), G = {
+            left: Y,
+            top: V,
+            height: ce,
+            width: ce,
+            zIndex: ki,
+            cellHeight: P,
+            cellWidth: m,
+            filterParams: { unitId: r, subUnitId: a, row: f, col: E, buttonState: $, tableId: v }
+          }, ue = this._injector.createInstance(_t, C, G);
+          this._tableFilterButtonShapes.push(ue);
+        }
       }
+      c.addObjects(this._tableFilterButtonShapes), c.makeDirty();
     }
-    s.addObjects(this._tableFilterButtonShapes), s.makeDirty();
   }
-  _interceptCellContent(e, n, r) {
+  _interceptCellContent(e, t, r) {
     const { startRow: i, startColumn: a, endColumn: s } = r;
-    this._buttonRenderDisposable = this._sheetInterceptorService.intercept(kr.CELL_CONTENT, {
-      effect: kn.Style,
-      handler: (c, d, h) => {
-        const { row: u, col: v, unitId: S, subUnitId: C } = d;
-        return S !== e || C !== n || u !== i || v < a || v > s || ((!c || c === d.rawData) && (c = { ...d.rawData }), c.fontRenderExtension = {
+    this._buttonRenderDisposable = this._sheetInterceptorService.intercept(Dr.CELL_CONTENT, {
+      effect: Pn.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 = {
           ...c == null ? void 0 : c.fontRenderExtension,
-          rightOffset: ge
+          rightOffset: ce
         }), h(c);
       },
       priority: 10
@@ -1548,197 +1580,198 @@ let _t = class extends Qt {
   }
   _disposeRendering() {
     var e;
-    this._tableFilterButtonShapes.forEach((n) => n.dispose()), (e = this._buttonRenderDisposable) == null || e.dispose(), this._buttonRenderDisposable = null, this._tableFilterButtonShapes = [];
+    this._tableFilterButtonShapes.forEach((t) => t.dispose()), (e = this._buttonRenderDisposable) == null || e.dispose(), this._buttonRenderDisposable = null, this._tableFilterButtonShapes = [];
   }
 };
-_t = Ei([
-  tt(1, N(ke)),
-  tt(2, N(ot)),
-  tt(3, N(cn)),
-  tt(4, N(ne))
-], _t);
-const $i = (t) => {
-  const { unitId: e, subUnitId: n, range: r, onCancel: i, onConfirm: a, tableId: s } = t, c = M(ne), [d, h] = q(r), [u, v] = q(""), S = M(oe), C = M(pe);
-  return /* @__PURE__ */ w(yt, { children: [
+Tt = $i([
+  Ze(1, N(Oe)),
+  Ze(2, N(ct)),
+  Ze(3, N(un)),
+  Ze(4, N(ie)),
+  Ze(5, ne)
+], Tt);
+const Pi = (n) => {
+  const { unitId: e, subUnitId: t, range: r, onCancel: i, onConfirm: a, tableId: s } = n, c = M(ie), [u, h] = q(r), [d, v] = q(""), f = M(re), w = M(fe);
+  return /* @__PURE__ */ T(Rt, { children: [
     /* @__PURE__ */ o(
-      Hr,
+      Ar,
       {
         maxRangeCount: 1,
         unitId: e,
-        subUnitId: n,
-        initialValue: Vt(r),
-        onChange: (_, O) => {
-          const f = Vt(r), E = Fr(O).range, R = ct(C, { unitId: e, subUnitId: n });
-          if (!R)
+        subUnitId: t,
+        initialValue: At(r),
+        onChange: (S, E) => {
+          const C = At(r), L = Hr(E).range, I = ut(w, { unitId: e, subUnitId: t });
+          if (!I)
             return;
-          if (R.worksheet.getMergeData().some((L) => be.intersects(E, L))) {
-            v(S.t("sheets-table.tableRangeWithMergeError"));
+          if (I.worksheet.getMergeData().some(($) => me.intersects(L, $))) {
+            v(f.t("sheets-table.tableRangeWithMergeError"));
             return;
           }
-          if (c.getTablesBySubunitId(e, n).some((L) => {
-            if (L.getId() === s)
+          if (c.getTablesBySubunitId(e, t).some(($) => {
+            if ($.getId() === s)
               return !1;
-            const Q = L.getRange();
-            return be.intersects(E, Q);
+            const Y = $.getRange();
+            return me.intersects(L, Y);
           })) {
-            v(S.t("sheets-table.tableRangeWithOtherTableError"));
+            v(f.t("sheets-table.tableRangeWithOtherTableError"));
             return;
           }
-          const { startRow: y, endRow: m } = E;
+          const { startRow: y, endRow: m } = L;
           if (y === m) {
-            v(S.t("sheets-table.tableRangeSingleRowError"));
+            v(f.t("sheets-table.tableRangeSingleRowError"));
             return;
           }
-          if (f !== O) {
+          if (C !== E) {
             if (s) {
-              const L = c.getTableById(e, s);
-              if (L) {
-                const Q = L.getRange();
-                if (be.intersects(E, Q) && Q.startRow === E.startRow) {
-                  h(E), v(""), a({
+              const $ = c.getTableById(e, s);
+              if ($) {
+                const Y = $.getRange();
+                if (me.intersects(L, Y) && Y.startRow === L.startRow) {
+                  h(L), v(""), a({
                     unitId: e,
-                    subUnitId: n,
-                    range: E
+                    subUnitId: t,
+                    range: L
                   });
                   return;
                 } else {
-                  v(S.t("sheets-table.updateError"));
+                  v(f.t("sheets-table.updateError"));
                   return;
                 }
               }
             }
-            h(E), v("");
+            h(L), v("");
           }
         },
         supportAcrossSheet: !1
       }
     ),
-    u && /* @__PURE__ */ o("div", { className: "univer-mt-1 univer-text-xs univer-text-red-500", children: u }),
-    /* @__PURE__ */ w("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
-      /* @__PURE__ */ o(_e, { onClick: i, children: S.t("sheets-table.cancel") }),
+    d && /* @__PURE__ */ o("div", { className: "univer-mt-1 univer-text-xs univer-text-red-500", children: d }),
+    /* @__PURE__ */ T("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
+      /* @__PURE__ */ o(Te, { onClick: i, children: f.t("sheets-table.cancel") }),
       /* @__PURE__ */ o(
-        _e,
+        Te,
         {
           variant: "primary",
           onClick: () => {
-            u || a({
+            d || a({
               unitId: e,
-              subUnitId: n,
-              range: d
+              subUnitId: t,
+              range: u
             });
           },
           className: "univer-ml-2",
-          children: S.t("sheets-table.confirm")
+          children: f.t("sheets-table.confirm")
         }
       )
     ] })
   ] });
-}, Oi = (t) => {
-  var k, V, Y, dt, qe, Ye, ht, Qe, vt, Pe, De, Be;
-  const { unitId: e, subUnitId: n, tableId: r } = t, i = M(le), a = M(oe), s = M(ne), c = s.getTableById(e, r), d = M(on), h = M(Ie), u = Te(d.rangeThemeMapChange$), v = Te(h.refreshTable$), S = M(Pn), [, C] = q(Math.random()), _ = Te(s.tableThemeChanged$, {
+}, Di = (n) => {
+  var O, A, Q, ht, Ge, Xe, vt, ze, gt, Pe, De, Be;
+  const { unitId: e, subUnitId: t, tableId: r } = n, i = M(ne), a = M(re), s = M(ie), c = s.getTableById(e, r), u = M(cn), h = M(ye), d = we(u.rangeThemeMapChange$), v = we(h.refreshTable$), f = M(Dn), [, w] = q(Math.random()), S = we(s.tableThemeChanged$, {
     theme: c == null ? void 0 : c.getTableStyleId(),
     oldTheme: c == null ? void 0 : c.getTableStyleId(),
     unitId: e,
-    subUnitId: n,
+    subUnitId: t,
     tableId: r
-  }), O = d.getRegisteredRangeThemes().filter((p) => p == null ? void 0 : p.startsWith(Wr)), f = d.getALLRegisteredTheme(e).filter((p) => p == null ? void 0 : p.startsWith(bt)), E = c == null ? void 0 : c.getTableStyleId(), R = f.find((p) => p === E), D = R || f[0], I = d.getCustomRangeThemeStyle(e, D), g = (Y = (V = (k = I == null ? void 0 : I.getHeaderRowStyle()) == null ? void 0 : k.bg) == null ? void 0 : V.rgb) != null ? Y : he, x = (Ye = (qe = (dt = I == null ? void 0 : I.getFirstRowStyle()) == null ? void 0 : dt.bg) == null ? void 0 : qe.rgb) != null ? Ye : he, y = (vt = (Qe = (ht = I == null ? void 0 : I.getSecondRowStyle()) == null ? void 0 : ht.bg) == null ? void 0 : Qe.rgb) != null ? vt : he, m = (Be = (De = (Pe = I == null ? void 0 : I.getLastRowStyle()) == null ? void 0 : Pe.bg) == null ? void 0 : De.rgb) != null ? Be : he, [B, L] = q(null), Q = (p) => {
-    i.executeCommand(ft.id, {
+  }), E = u.getRegisteredRangeThemes().filter((p) => p == null ? void 0 : p.startsWith(Zr)), C = u.getALLRegisteredTheme(e).filter((p) => p == null ? void 0 : p.startsWith(mt)), L = c == null ? void 0 : c.getTableStyleId(), I = C.find((p) => p === L), B = I || C[0], R = u.getCustomRangeThemeStyle(e, B), g = (Q = (A = (O = R == null ? void 0 : R.getHeaderRowStyle()) == null ? void 0 : O.bg) == null ? void 0 : A.rgb) != null ? Q : ge, x = (Xe = (Ge = (ht = R == null ? void 0 : R.getFirstRowStyle()) == null ? void 0 : ht.bg) == null ? void 0 : Ge.rgb) != null ? Xe : ge, y = (gt = (ze = (vt = R == null ? void 0 : R.getSecondRowStyle()) == null ? void 0 : vt.bg) == null ? void 0 : ze.rgb) != null ? gt : ge, m = (Be = (De = (Pe = R == null ? void 0 : R.getLastRowStyle()) == null ? void 0 : Pe.bg) == null ? void 0 : De.rgb) != null ? Be : ge, [P, $] = q(null), Y = (p) => {
+    i.executeCommand(Ct.id, {
       unitId: e,
       tableId: r,
       theme: p
     });
-  }, U = () => {
-    if (f.length >= 11) {
-      S.emit(a.t("sheets-table.customTooMore"));
+  }, V = () => {
+    if (C.length >= 11) {
+      f.emit(a.t("sheets-table.customTooMore"));
       return;
     }
-    const p = f[f.length - 1];
-    let T = `${bt}1`;
+    const p = C[C.length - 1];
+    let _ = `${mt}1`;
     if (p) {
-      const K = Number(p.split("-")[2]);
-      T = `${bt}${K + 1}`;
+      const J = Number(p.split("-")[2]);
+      _ = `${mt}${J + 1}`;
     }
-    const z = new Pr(T, { ...zn });
-    i.executeCommand(Kn.id, {
+    const K = new Br(_, { ...Kn });
+    i.executeCommand(Jn.id, {
       unitId: e,
       tableId: r,
-      themeStyle: z
+      themeStyle: K
     });
-  }, ee = (p, T) => {
-    i.executeCommand(sn.id, {
+  }, G = (p, _) => {
+    i.executeCommand(ln.id, {
       unitId: e,
-      subUnitId: n,
+      subUnitId: t,
       styleName: p,
-      style: T
+      style: _
     });
-  }, Re = (p) => {
-    i.executeCommand(Jn.id, {
+  }, ue = (p) => {
+    i.executeCommand(er.id, {
       unitId: e,
       tableId: r,
       themeName: p
     });
   };
-  if (dn(() => {
-    C(Math.random());
-  }, [u, v]), !c) return null;
-  const ce = new de(g).isDark(), fe = new de(x).isDark(), ue = new de(y).isDark(), b = new de(m).isDark();
-  return /* @__PURE__ */ w("div", { children: [
+  if (hn(() => {
+    w(Math.random());
+  }, [d, v]), !c) return null;
+  const de = new ve(g).isDark(), Ce = new ve(x).isDark(), he = new ve(y).isDark(), b = new ve(m).isDark();
+  return /* @__PURE__ */ T("div", { children: [
     /* @__PURE__ */ o("h5", { children: a.t("sheets-table.defaultStyle") }),
-    /* @__PURE__ */ o("div", { className: "univer-flex univer-gap-2", children: O.map((p) => {
-      var Ce, Se, Fe, He, Ve, Ae, Ue, We;
-      const T = d.getDefaultRangeThemeStyle(p), z = ((Se = (Ce = T == null ? void 0 : T.getHeaderRowStyle()) == null ? void 0 : Ce.bg) == null ? void 0 : Se.rgb) || he, K = ((He = (Fe = T == null ? void 0 : T.getFirstRowStyle()) == null ? void 0 : Fe.bg) == null ? void 0 : He.rgb) || he, se = ((Ae = (Ve = T == null ? void 0 : T.getSecondRowStyle()) == null ? void 0 : Ve.bg) == null ? void 0 : Ae.rgb) || he, W = ((We = (Ue = T == null ? void 0 : T.getLastRowStyle()) == null ? void 0 : Ue.bg) == null ? void 0 : We.rgb) || he;
-      return /* @__PURE__ */ w(
+    /* @__PURE__ */ o("div", { className: "univer-flex univer-gap-2", children: E.map((p) => {
+      var Se, _e, Fe, Ve, He, Ae, Ue, We;
+      const _ = u.getDefaultRangeThemeStyle(p), K = ((_e = (Se = _ == null ? void 0 : _.getHeaderRowStyle()) == null ? void 0 : Se.bg) == null ? void 0 : _e.rgb) || ge, J = ((Ve = (Fe = _ == null ? void 0 : _.getFirstRowStyle()) == null ? void 0 : Fe.bg) == null ? void 0 : Ve.rgb) || ge, oe = ((Ae = (He = _ == null ? void 0 : _.getSecondRowStyle()) == null ? void 0 : He.bg) == null ? void 0 : Ae.rgb) || ge, W = ((We = (Ue = _ == null ? void 0 : _.getLastRowStyle()) == null ? void 0 : Ue.bg) == null ? void 0 : We.rgb) || ge;
+      return /* @__PURE__ */ T(
         "div",
         {
-          className: P("univer-h-10 univer-w-8 univer-cursor-pointer univer-border univer-border-solid univer-border-gray-200 univer-p-px [&>div]:univer-box-border [&>div]:univer-h-2.5", {
-            "univer-border-blue-500": p === _.theme
+          className: D("univer-h-10 univer-w-8 univer-cursor-pointer univer-border univer-border-solid univer-border-gray-200 univer-p-px [&>div]:univer-box-border [&>div]:univer-h-2.5", {
+            "univer-border-blue-500": p === S.theme
           }),
-          onClick: () => Q(p),
+          onClick: () => Y(p),
           children: [
-            /* @__PURE__ */ o("div", { style: { background: z, border: `${G}` } }),
-            /* @__PURE__ */ o("div", { style: { background: K, border: `${G}` } }),
-            /* @__PURE__ */ o("div", { style: { background: se, border: `${G}` } }),
-            /* @__PURE__ */ o("div", { style: { background: W, border: `${G}` } })
+            /* @__PURE__ */ o("div", { style: { background: K, border: `${X}` } }),
+            /* @__PURE__ */ o("div", { style: { background: J, border: `${X}` } }),
+            /* @__PURE__ */ o("div", { style: { background: oe, border: `${X}` } }),
+            /* @__PURE__ */ o("div", { style: { background: W, border: `${X}` } })
           ]
         },
         p
       );
     }) }),
     /* @__PURE__ */ o("h5", { children: a.t("sheets-table.customStyle") }),
-    /* @__PURE__ */ w("div", { className: P("univer-w-full univer-rounded-sm", H), children: [
-      /* @__PURE__ */ w("div", { className: "univer-flex univer-flex-wrap univer-gap-2 univer-p-2", children: [
+    /* @__PURE__ */ T("div", { className: D("univer-w-full univer-rounded-sm", H), children: [
+      /* @__PURE__ */ T("div", { className: "univer-flex univer-flex-wrap univer-gap-2 univer-p-2", children: [
         /* @__PURE__ */ o(
           "div",
           {
-            className: P("univer-h-10 univer-w-8 univer-cursor-pointer univer-p-px univer-text-center univer-leading-10", H),
-            onClick: U,
+            className: D("univer-h-10 univer-w-8 univer-cursor-pointer univer-p-px univer-text-center univer-leading-10", H),
+            onClick: V,
             children: "+"
           }
         ),
-        f.map((p) => {
-          var Ce, Se, Fe, He, Ve, Ae, Ue, We;
-          const T = d.getCustomRangeThemeStyle(e, p), z = (Se = (Ce = T == null ? void 0 : T.getHeaderRowStyle()) == null ? void 0 : Ce.bg) == null ? void 0 : Se.rgb, K = (He = (Fe = T == null ? void 0 : T.getFirstRowStyle()) == null ? void 0 : Fe.bg) == null ? void 0 : He.rgb, se = (Ae = (Ve = T == null ? void 0 : T.getSecondRowStyle()) == null ? void 0 : Ve.bg) == null ? void 0 : Ae.rgb, W = (We = (Ue = T == null ? void 0 : T.getLastRowStyle()) == null ? void 0 : Ue.bg) == null ? void 0 : We.rgb;
-          return /* @__PURE__ */ w(
+        C.map((p) => {
+          var Se, _e, Fe, Ve, He, Ae, Ue, We;
+          const _ = u.getCustomRangeThemeStyle(e, p), K = (_e = (Se = _ == null ? void 0 : _.getHeaderRowStyle()) == null ? void 0 : Se.bg) == null ? void 0 : _e.rgb, J = (Ve = (Fe = _ == null ? void 0 : _.getFirstRowStyle()) == null ? void 0 : Fe.bg) == null ? void 0 : Ve.rgb, oe = (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",
             {
-              className: P("univer-relative univer-h-10 univer-w-8 univer-cursor-pointer univer-border univer-border-solid univer-border-gray-200 univer-p-px", {
-                "univer-border-blue-500": p === _.theme
+              className: D("univer-relative univer-h-10 univer-w-8 univer-cursor-pointer univer-border univer-border-solid univer-border-gray-200 univer-p-px", {
+                "univer-border-blue-500": p === S.theme
               }),
-              onClick: () => Q(p),
-              onMouseEnter: () => L(p),
-              onMouseLeave: () => L(null),
+              onClick: () => Y(p),
+              onMouseEnter: () => $(p),
+              onMouseLeave: () => $(null),
               children: [
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: z != null ? z : G, border: `${z ? G : ze}` } }),
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: K != null ? K : G, border: `${K ? G : ze}` } }),
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: se != null ? se : G, border: `${se ? G : ze}` } }),
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: W != null ? W : G, border: `${W ? G : ze}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: K != null ? K : X, border: `${K ? X : et}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: J != null ? J : X, border: `${J ? X : et}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: oe != null ? oe : X, border: `${oe ? X : et}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: W != null ? W : X, border: `${W ? X : et}` } }),
                 /* @__PURE__ */ o(
                   "div",
                   {
                     className: "univer-absolute univer-right-[-3px] univer-top-[-3px] univer-h-3 univer-w-3 univer-rounded-md univer-bg-gray-200 univer-text-center univer-text-xs univer-leading-[10px]",
-                    style: { display: B === p ? "block" : "none" },
-                    onClick: (Nn) => {
-                      Nn.stopPropagation(), Re(p);
+                    style: { display: P === p ? "block" : "none" },
+                    onClick: (En) => {
+                      En.stopPropagation(), ue(p);
                     },
                     children: "x"
                   }
@@ -1749,16 +1782,16 @@ const $i = (t) => {
           );
         })
       ] }),
-      R && /* @__PURE__ */ w(yt, { children: [
+      I && /* @__PURE__ */ T(Rt, { children: [
         /* @__PURE__ */ o("div", { className: "univer-h-px univer-w-full univer-bg-gray-200" }),
-        /* @__PURE__ */ w("div", { className: "univer-flex univer-flex-col univer-gap-2 univer-p-2", children: [
-          /* @__PURE__ */ w("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+        /* @__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: [
             /* @__PURE__ */ o(
               "div",
               {
-                className: P("univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center univer-leading-9", H, {
-                  "univer-text-white": ce,
-                  "univer-text-gray-900": !ce
+                className: D("univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center univer-leading-9", H, {
+                  "univer-text-white": de,
+                  "univer-text-gray-900": !de
                 }),
                 style: {
                   background: g
@@ -1770,53 +1803,53 @@ const $i = (t) => {
               Ee,
               {
                 overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
-                  Xe,
+                  Je,
                   {
                     value: g,
                     onChange: (p) => {
-                      const T = Ot("headerRowStyle", {
+                      const _ = Ot("headerRowStyle", {
                         bg: {
                           rgb: p
                         },
                         cl: {
-                          rgb: new de(p).isDark() ? "#fff" : "#000"
+                          rgb: new ve(p).isDark() ? "#fff" : "#000"
                         }
                       });
-                      ee(c.getTableStyleId(), { headerRowStyle: T });
+                      G(c.getTableStyleId(), { headerRowStyle: _ });
                     }
                   }
                 ) }),
-                children: /* @__PURE__ */ w(
+                children: /* @__PURE__ */ T(
                   "div",
                   {
-                    className: P("univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded-sm univer-bg-white univer-p-1", H),
+                    className: D("univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded-sm univer-bg-white univer-p-1", H),
                     children: [
                       /* @__PURE__ */ o(
                         "div",
                         {
-                          className: P("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H, {
-                            "univer-text-white": ce,
-                            "univer-text-gray-900": !ce
+                          className: D("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H, {
+                            "univer-text-white": de,
+                            "univer-text-gray-900": !de
                           }),
                           style: {
                             background: g
                           }
                         }
                       ),
-                      /* @__PURE__ */ o(je, { className: "univer-h-2 univer-w-2" })
+                      /* @__PURE__ */ o(qe, { className: "univer-h-2 univer-w-2" })
                     ]
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ w("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+          /* @__PURE__ */ T("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
             /* @__PURE__ */ o(
               "div",
               {
-                className: P("univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center univer-leading-9", H, {
-                  "univer-text-white": fe,
-                  "univer-text-gray-900": !fe
+                className: D("univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center univer-leading-9", H, {
+                  "univer-text-white": Ce,
+                  "univer-text-gray-900": !Ce
                 }),
                 style: {
                   background: x
@@ -1828,49 +1861,49 @@ const $i = (t) => {
               Ee,
               {
                 overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
-                  Xe,
+                  Je,
                   {
                     value: x,
                     onChange: (p) => {
-                      ee(c.getTableStyleId(), {
+                      G(c.getTableStyleId(), {
                         firstRowStyle: {
                           bg: {
                             rgb: p
                           },
                           cl: {
-                            rgb: new de(p).isDark() ? "#fff" : "#000"
+                            rgb: new ve(p).isDark() ? "#fff" : "#000"
                           }
                         }
                       });
                     }
                   }
                 ) }),
-                children: /* @__PURE__ */ w(
+                children: /* @__PURE__ */ T(
                   "div",
                   {
-                    className: P("univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded-sm univer-bg-white univer-p-1", H),
+                    className: D("univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded-sm univer-bg-white univer-p-1", H),
                     children: [
                       /* @__PURE__ */ o(
                         "div",
                         {
-                          className: P("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H),
+                          className: D("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H),
                           style: { background: x }
                         }
                       ),
-                      /* @__PURE__ */ o(je, { className: "univer-h-2 univer-w-2" })
+                      /* @__PURE__ */ o(qe, { className: "univer-h-2 univer-w-2" })
                     ]
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ w("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+          /* @__PURE__ */ T("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
             /* @__PURE__ */ o(
               "div",
               {
-                className: P("univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center univer-leading-9", H, {
-                  "univer-text-white": ue,
-                  "univer-text-gray-900": !ue
+                className: D("univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center univer-leading-9", H, {
+                  "univer-text-white": he,
+                  "univer-text-gray-900": !he
                 }),
                 style: {
                   background: y
@@ -1882,45 +1915,45 @@ const $i = (t) => {
               Ee,
               {
                 overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
-                  Xe,
+                  Je,
                   {
                     value: y,
-                    onChange: (p) => ee(c.getTableStyleId(), {
+                    onChange: (p) => G(c.getTableStyleId(), {
                       secondRowStyle: {
                         bg: {
                           rgb: p
                         },
                         cl: {
-                          rgb: new de(p).isDark() ? "#fff" : "#000"
+                          rgb: new ve(p).isDark() ? "#fff" : "#000"
                         }
                       }
                     })
                   }
                 ) }),
-                children: /* @__PURE__ */ w(
+                children: /* @__PURE__ */ T(
                   "div",
                   {
-                    className: P("univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded-sm univer-bg-white univer-p-1", H),
+                    className: D("univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded-sm univer-bg-white univer-p-1", H),
                     children: [
                       /* @__PURE__ */ o(
                         "div",
                         {
-                          className: P("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H),
+                          className: D("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H),
                           style: { background: y }
                         }
                       ),
-                      /* @__PURE__ */ o(je, { className: "univer-h-2 univer-w-2" })
+                      /* @__PURE__ */ o(qe, { className: "univer-h-2 univer-w-2" })
                     ]
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ w("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+          /* @__PURE__ */ T("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
             /* @__PURE__ */ o(
               "div",
               {
-                className: P("univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center univer-leading-9", H, {
+                className: D("univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center univer-leading-9", H, {
                   "univer-text-white": b,
                   "univer-text-gray-900": !b
                 }),
@@ -1934,35 +1967,35 @@ const $i = (t) => {
               Ee,
               {
                 overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
-                  Xe,
+                  Je,
                   {
                     value: m,
                     onChange: (p) => {
-                      const T = Ot("lastRowStyle", {
+                      const _ = Ot("lastRowStyle", {
                         bg: {
                           rgb: p
                         },
                         cl: {
-                          rgb: new de(p).isDark() ? "#fff" : "#000"
+                          rgb: new ve(p).isDark() ? "#fff" : "#000"
                         }
                       });
-                      ee(c.getTableStyleId(), { lastRowStyle: T });
+                      G(c.getTableStyleId(), { lastRowStyle: _ });
                     }
                   }
                 ) }),
-                children: /* @__PURE__ */ w(
+                children: /* @__PURE__ */ T(
                   "div",
                   {
-                    className: P("univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded-sm univer-bg-white univer-p-1", H),
+                    className: D("univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded-sm univer-bg-white univer-p-1", H),
                     children: [
                       /* @__PURE__ */ o(
                         "div",
                         {
-                          className: P("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H),
+                          className: D("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H),
                           style: { background: m }
                         }
                       ),
-                      /* @__PURE__ */ o(je, { className: "univer-h-2 univer-w-2" })
+                      /* @__PURE__ */ o(qe, { className: "univer-h-2 univer-w-2" })
                     ]
                   }
                 )
@@ -1973,188 +2006,188 @@ const $i = (t) => {
       ] })
     ] })
   ] });
-}, In = "sheet.table.context-insert_menu-id", yn = "sheet.table.context-remove_menu-id";
-function ki(t) {
+}, yn = "sheet.table.context-insert_menu-id", Rn = "sheet.table.context-remove_menu-id";
+function Bi(n) {
   return {
-    id: Nt.id,
-    type: ye.BUTTON,
-    icon: hn,
+    id: Et.id,
+    type: Re.BUTTON,
+    icon: vn,
     tooltip: "sheets-table.title",
     title: "sheets-table.title",
-    hidden$: vr(t, Ze.UNIVER_SHEET),
-    disabled$: lr(t, {}, !0)
+    hidden$: gr(n, Qe.UNIVER_SHEET),
+    disabled$: or(n, {}, !0)
   };
 }
-function Pi(t) {
+function Fi(n) {
   return {
-    id: In,
-    type: ye.SUBITEMS,
+    id: yn,
+    type: Re.SUBITEMS,
     icon: "InsertDoubleIcon",
     title: "sheets-table.insert.main",
-    hidden$: Rn(t)
+    hidden$: Mn(n)
   };
 }
-function Di(t) {
+function Vi(n) {
   return {
-    id: yn,
-    type: ye.SUBITEMS,
+    id: Rn,
+    type: Re.SUBITEMS,
     icon: "ReduceDoubleIcon",
     title: "sheets-table.remove.main",
-    hidden$: Rn(t)
+    hidden$: Mn(n)
   };
 }
-function Bi(t) {
+function Hi(n) {
   return {
-    id: Jt.id,
-    type: ye.BUTTON,
+    id: en.id,
+    type: Re.BUTTON,
     title: "sheets-table.insert.row",
-    hidden$: Mn(t)
+    hidden$: xn(n)
   };
 }
-function Fi(t) {
+function Ai(n) {
   return {
-    id: Kt.id,
+    id: Jt.id,
     title: "sheets-table.insert.col",
-    type: ye.BUTTON
+    type: Re.BUTTON
   };
 }
-function Hi(t) {
+function Ui(n) {
   return {
-    id: zt.id,
-    type: ye.BUTTON,
+    id: Kt.id,
+    type: Re.BUTTON,
     title: "sheets-table.remove.row",
-    hidden$: Mn(t)
+    hidden$: xn(n)
   };
 }
-function Vi(t) {
+function Wi(n) {
   return {
-    id: Xt.id,
+    id: zt.id,
     title: "sheets-table.remove.col",
-    type: ye.BUTTON
+    type: Re.BUTTON
   };
 }
-function Rn(t) {
-  const e = t.get(ut);
-  return t.get(pe).getCurrentTypeOfUnit$(Ze.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 d = s[0].range, u = t.get(en).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), d);
-          return J(!u);
+function Mn(n) {
+  const e = n.get(dt);
+  return n.get(fe).getCurrentTypeOfUnit$(Qe.UNIVER_SHEET).pipe(
+    Ie((i) => i ? i.activeSheet$.pipe(
+      Ie((a) => a ? e.selectionMoveEnd$.pipe(
+        Ie((s) => {
+          if (!s.length || s.length > 1) return ee(!0);
+          const u = s[0].range, d = n.get(tn).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), u);
+          return ee(!d);
         })
-      ) : J(!0))
-    ) : J(!0))
+      ) : ee(!0))
+    ) : ee(!0))
   );
 }
-function Mn(t) {
-  const e = t.get(ut);
-  return t.get(pe).getCurrentTypeOfUnit$(Ze.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 d = s[0].range, u = t.get(en).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), d);
-          if (!u)
-            return J(!0);
-          const v = u.getRange();
-          return d.startRow === v.startRow ? J(!0) : J(!1);
+function xn(n) {
+  const e = n.get(dt);
+  return n.get(fe).getCurrentTypeOfUnit$(Qe.UNIVER_SHEET).pipe(
+    Ie((i) => i ? i.activeSheet$.pipe(
+      Ie((a) => a ? e.selectionMoveEnd$.pipe(
+        Ie((s) => {
+          if (!s.length || s.length > 1) return ee(!0);
+          const u = s[0].range, d = n.get(tn).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), u);
+          if (!d)
+            return ee(!0);
+          const v = d.getRange();
+          return u.startRow === v.startRow ? ee(!0) : ee(!1);
         })
-      ) : J(!0))
-    ) : J(!0))
+      ) : ee(!0))
+    ) : ee(!0))
   );
 }
-const Ai = {
-  [mr.ORGANIZATION]: {
-    [Nt.id]: {
+const ji = {
+  [pr.ORGANIZATION]: {
+    [Et.id]: {
       order: 0,
-      menuItemFactory: ki
+      menuItemFactory: Bi
     }
   },
-  [gr.MAIN_AREA]: {
-    [br.LAYOUT]: {
-      [In]: {
+  [br.MAIN_AREA]: {
+    [mr.LAYOUT]: {
+      [yn]: {
         order: 5,
-        menuItemFactory: Pi,
-        [Jt.id]: {
+        menuItemFactory: Fi,
+        [en.id]: {
           order: 1,
-          menuItemFactory: Bi
+          menuItemFactory: Hi
         },
-        [Kt.id]: {
+        [Jt.id]: {
           order: 2,
-          menuItemFactory: Fi
+          menuItemFactory: Ai
         }
       },
-      [yn]: {
+      [Rn]: {
         order: 6,
-        menuItemFactory: Di,
-        [zt.id]: {
+        menuItemFactory: Vi,
+        [Kt.id]: {
           order: 1,
-          menuItemFactory: Hi
+          menuItemFactory: Ui
         },
-        [Xt.id]: {
+        [zt.id]: {
           order: 2,
-          menuItemFactory: Vi
+          menuItemFactory: Wi
         }
       }
     }
   }
 };
-var Ui = Object.getOwnPropertyDescriptor, Wi = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ui(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = s(i) || i);
+var Zi = Object.getOwnPropertyDescriptor, qi = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Zi(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+    (s = n[a]) && (i = s(i) || i);
   return i;
-}, Wt = (t, e) => (n, r) => e(n, r, t);
-let at = class extends Oe {
-  constructor(t, e) {
-    super(), this._componentManager = t, this._menuManagerService = e, this._initComponents(), this._initMenu();
+}, jt = (n, e) => (t, r) => e(t, r, n);
+let st = class extends ke {
+  constructor(n, e) {
+    super(), this._componentManager = n, this._menuManagerService = e, this._initComponents(), this._initMenu();
   }
   _initComponents() {
     [
-      [hn, _n],
-      [Ne, $i],
-      [vn, Oi]
-    ].forEach(([t, e]) => {
-      this.disposeWithMe(this._componentManager.register(t, e));
+      [vn, Tn],
+      [Ne, Pi],
+      [gn, Di]
+    ].forEach(([n, e]) => {
+      this.disposeWithMe(this._componentManager.register(n, e));
     });
   }
   _initMenu() {
-    this._menuManagerService.mergeMenu(Ai);
+    this._menuManagerService.mergeMenu(ji);
   }
 };
-at = Wi([
-  Wt(0, N(tn)),
-  Wt(1, N(pr))
-], at);
-var ji = Object.getOwnPropertyDescriptor, Zi = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? ji(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = s(i) || i);
+st = qi([
+  jt(0, N(nn)),
+  jt(1, N(fr))
+], st);
+var Yi = Object.getOwnPropertyDescriptor, Qi = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Yi(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+    (s = n[a]) && (i = s(i) || i);
   return i;
-}, nt = (t, e) => (n, r) => e(n, r, t);
-let Tt = class extends Qt {
-  constructor(t, e, n, r, i) {
-    super(), this._context = t, this._injector = e, this._sheetSkeletonManagerService = n, this._tableManager = r, this._sheetTableThemeUIController = i, this._initListener();
+}, nt = (n, e) => (t, r) => e(t, r, n);
+let wt = class extends Gt {
+  constructor(n, e, t, r, i) {
+    super(), this._context = n, this._injector = e, this._sheetSkeletonManagerService = t, this._tableManager = r, this._sheetTableThemeUIController = i, this._initListener();
   }
   _dirtySkeleton() {
     var e;
     (e = this._context.mainComponent) == null || e.makeDirty();
-    const t = this._sheetSkeletonManagerService.getCurrentParam();
-    if (t) {
-      const n = { ...t, dirty: !0 };
-      this._sheetSkeletonManagerService.reCalculate(n);
+    const n = this._sheetSkeletonManagerService.getCurrentParam();
+    if (n) {
+      const t = { ...n, dirty: !0 };
+      this._sheetSkeletonManagerService.reCalculate(t);
     }
   }
   _initListener() {
-    const t = this._tableManager, e = this._dirtySkeleton.bind(this);
+    const n = this._tableManager, e = this._dirtySkeleton.bind(this);
     this.disposeWithMe(
-      It(
-        t.tableAdd$,
-        t.tableDelete$,
-        t.tableNameChanged$,
-        t.tableRangeChanged$,
-        t.tableThemeChanged$,
-        t.tableFilterChanged$,
-        t.tableInitStatus$,
+      yt(
+        n.tableAdd$,
+        n.tableDelete$,
+        n.tableNameChanged$,
+        n.tableRangeChanged$,
+        n.tableThemeChanged$,
+        n.tableFilterChanged$,
+        n.tableInitStatus$,
         this._sheetTableThemeUIController.refreshTable$
       ).subscribe(
         e
@@ -2162,50 +2195,50 @@ let Tt = class extends Qt {
     );
   }
 };
-Tt = Zi([
-  nt(1, N(ke)),
-  nt(2, N(ot)),
-  nt(3, N(ne)),
-  nt(4, N(Ie))
-], Tt);
-var qi = Object.getOwnPropertyDescriptor, Yi = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? qi(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = s(i) || i);
+wt = Qi([
+  nt(1, N(Oe)),
+  nt(2, N(ct)),
+  nt(3, N(ie)),
+  nt(4, N(ye))
+], wt);
+var Gi = Object.getOwnPropertyDescriptor, Xi = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Gi(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+    (s = n[a]) && (i = s(i) || i);
   return i;
-}, pt = (t, e) => (n, r) => e(n, r, t);
-let st = class extends Oe {
-  constructor(t, e, n) {
-    super(), this._sheetInterceptorService = t, this._univerInstanceService = e, this._tableManager = n, this._initSelectionChange();
+}, ft = (n, e) => (t, r) => e(t, r, n);
+let lt = class extends ke {
+  constructor(n, e, t) {
+    super(), this._sheetInterceptorService = n, this._univerInstanceService = e, this._tableManager = t, this._initSelectionChange();
   }
   _initSelectionChange() {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
-        getMutations: (t) => {
-          if (t.id === or.id) {
-            const e = ct(this._univerInstanceService);
+        getMutations: (n) => {
+          if (n.id === cr.id) {
+            const e = ut(this._univerInstanceService);
             if (!e)
               return { redos: [], undos: [] };
-            const n = t.params, { range: r } = n, { unitId: i, subUnitId: a, worksheet: s } = e, d = this._tableManager.getTablesBySubunitId(i, a).find((h) => {
-              const u = h.getRange();
-              return be.contains(u, r);
+            const t = n.params, { range: r } = t, { unitId: i, subUnitId: a, worksheet: s } = e, u = this._tableManager.getTablesBySubunitId(i, a).find((h) => {
+              const d = h.getRange();
+              return me.contains(d, r);
             });
-            if (d) {
-              const h = d.getRange(), u = {
+            if (u) {
+              const h = u.getRange(), d = {
                 ...h,
                 startRow: h.startRow + 1
               };
-              return be.equals(h, r) ? { undos: [], redos: [] } : be.equals(u, r) ? {
+              return me.equals(h, r) ? { undos: [], redos: [] } : me.equals(d, r) ? {
                 undos: [],
                 redos: [
                   {
-                    id: Bt.id,
+                    id: Ft.id,
                     params: {
                       unitId: i,
                       subUnitId: a,
                       selections: [
                         {
                           range: h,
-                          primary: Dt(h, s)
+                          primary: Bt(h, s)
                         }
                       ]
                     }
@@ -2215,14 +2248,14 @@ let st = class extends Oe {
                 undos: [],
                 redos: [
                   {
-                    id: Bt.id,
+                    id: Ft.id,
                     params: {
                       unitId: i,
                       subUnitId: a,
                       selections: [
                         {
-                          range: u,
-                          primary: Dt(u, s)
+                          range: d,
+                          primary: Bt(d, s)
                         }
                       ]
                     }
@@ -2237,72 +2270,72 @@ let st = class extends Oe {
     );
   }
 };
-st = Yi([
-  pt(0, N(cn)),
-  pt(1, N(pe)),
-  pt(2, N(ne))
-], st);
-var Qi = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, Xi = (t, e, n) => e in t ? Qi(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, zi = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Gi(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (i = s(i) || i);
+lt = Xi([
+  ft(0, N(un)),
+  ft(1, N(fe)),
+  ft(2, N(ie))
+], lt);
+var zi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, Ji = (n, e, t) => e in n ? zi(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, ea = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ki(e, t) : e, a = n.length - 1, s; a >= 0; a--)
+    (s = n[a]) && (i = s(i) || i);
   return i;
-}, rt = (t, e) => (n, r) => e(n, r, t), xn = (t, e, n) => Xi(t, typeof e != "symbol" ? e + "" : e, n);
-let lt = class extends Bn {
-  constructor(t = At, e, n, r, i) {
-    super(), this._config = t, this._injector = e, this._commandService = n, this._configService = r, this._renderManagerService = i;
-    const { menu: a, ...s } = Fn(
+}, rt = (n, e) => (t, r) => e(t, r, n), Nn = (n, e, t) => Ji(n, typeof e != "symbol" ? e + "" : e, t);
+let ot = class extends Fn {
+  constructor(n = Ut, e, t, r, i) {
+    super(), this._config = n, this._injector = e, this._commandService = t, this._configService = r, this._renderManagerService = i;
+    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(In, s), this._initRegisterCommand();
   }
   onStarting() {
     Hn(this._injector, [
       [$e],
       [Le],
-      [at],
-      [Ie],
-      [st]
+      [st],
+      [ye],
+      [lt]
     ]);
   }
   onReady() {
-    Vn(this._injector, [
+    An(this._injector, [
       [$e],
       [Le],
-      [at],
-      [Ie],
-      [st]
+      [st],
+      [ye],
+      [lt]
     ]);
   }
   onRendered() {
     this._registerRenderModules();
   }
   _registerRenderModules() {
-    const t = [
-      [_t],
-      [Tt]
+    const n = [
+      [Tt],
+      [wt]
     ];
-    this._config.hideAnchor !== !0 && t.push([it]), t.forEach((e) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(Ze.UNIVER_SHEET, e));
+    this._config.hideAnchor !== !0 && n.push([at]), n.forEach((e) => {
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(Qe.UNIVER_SHEET, e));
     });
   }
   _initRegisterCommand() {
     [
-      Ct,
-      Nt
-    ].forEach((t) => this._commandService.registerCommand(t));
+      St,
+      Et
+    ].forEach((n) => this._commandService.registerCommand(n));
   }
 };
-xn(lt, "pluginName", Vr);
-xn(lt, "type", Ze.UNIVER_SHEET);
-lt = zi([
-  Dn(er),
-  rt(1, N(ke)),
-  rt(2, N(le)),
-  rt(3, Yt),
-  rt(4, Gt)
-], lt);
+Nn(ot, "pluginName", Ur);
+Nn(ot, "type", Qe.UNIVER_SHEET);
+ot = ea([
+  Bn(tr),
+  rt(1, N(Oe)),
+  rt(2, N(ne)),
+  rt(3, Qt),
+  rt(4, Xt)
+], ot);
 export {
-  lt as UniverSheetsTableUIPlugin
+  ot as UniverSheetsTableUIPlugin
 };