@univerjs/sheets-table-ui 0.7.0-nightly.202505061607 → 0.7.0-nightly.202505091607

package/lib/es/index.js

@@ -1,276 +1,276 @@
-var Ir = Object.defineProperty;
-var Mr = (r, e, t) => e in r ? Ir(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var F = (r, e, t) => Mr(r, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as x, IUniverInstanceService as Ce, ICommandService as ee, Disposable as Be, ObjectMatrix as Rr, cellToRange as Ht, Rectangle as pe, LocaleService as oe, Injector as Fe, dayjs as ve, IPermissionService as Vt, IContextService as ft, CommandType as At, IConfigService as Ut, ThemeService as jt, RxDisposable as Wt, InterceptorEffectEnum as Nr, ErrorService as xr, ColorKit as le, UniverInstanceType as tt, Plugin as Er, registerDependencies as Lr, touchDependencies as $r } from "@univerjs/core";
-import { IRenderManagerService as Zt, SHEET_VIEWPORT_KEY as kr, convertTransformToOffsetX as Or, convertTransformToOffsetY as Pr, Rect as wt, Shape as Dr } from "@univerjs/engine-render";
-import { TableManager as te, SheetTableService as Br, SetSheetTableFilterCommand as It, isConditionFilter as Fr, isManualFilter as Hr, TableDateCompareTypeEnum as l, TableStringCompareTypeEnum as U, TableConditionTypeEnum as H, TableNumberCompareTypeEnum as $, SheetsTableSortStateEnum as Ye, TableColumnFilterTypeEnum as Mt, AddSheetTableCommand as Vr, SHEET_TABLE_CUSTOM_THEME_PREFIX as Ar, DeleteSheetTableCommand as Ur, SetSheetTableCommand as vt, SheetsTableButtonStateEnum as Le, processStyleWithBorderStyle as Rt, customEmptyThemeWithBorderStyle as jr, AddTableThemeCommand as Wr, RemoveTableThemeCommand as Zr, SheetTableRemoveColCommand as qt, SheetTableRemoveRowCommand as Yt, SheetTableInsertColCommand as Qt, SheetTableInsertRowCommand as zt, SheetsTableController as Gt } from "@univerjs/sheets-table";
-import { SheetCanvasPopManagerService as qr, SheetSkeletonManagerService as at, SheetScrollManagerService as Yr, SetZoomRatioOperation as Qr, SetScrollOperation as zr, getSheetObject as Gr, ISheetSelectionRenderService as Xr, getCoordByCell as Kr, SelectAllCommand as Jr } from "@univerjs/sheets-ui";
-import { useDependency as R, ComponentManager as Xt, IDialogService as Kt, ISidebarService as en, useObservable as Me, IUIPartsService as tn, BuiltInUIPart as rn, connectInjector as nn, MenuItemType as xe, ContextMenuPosition as an, ContextMenuGroup as sn, RibbonStartGroup as ln, IMenuManagerService as on } from "@univerjs/ui";
-import { startWith as Jt, distinctUntilChanged as cn, Subject as un, BehaviorSubject as Nt, merge as Ct, filter as dn, debounceTime as hn, switchMap as Re, of as X, map as vn, takeUntil as bn } from "rxjs";
-import { jsxs as T, jsx as o, Fragment as St } from "react/jsx-runtime";
-import { LegacySelect as gn, CascaderList as mn, Input as _t, InputNumber as ct, DatePicker as pn, DateRangePicker as fn, Select as Cn, clsx as Sn, Checkbox as xt, scrollbarClassName as _n, Segmented as Tn, Button as We, Dropdown as Ue, ColorPicker as Qe } from "@univerjs/design";
-import { SetRangeValuesMutation as yn, WorkbookEditablePermission as er, getSheetCommandTarget as st, SheetsSelectionsService as lt, isSingleCellSelection as wn, expandToContinuousRange as In, SetRangeThemeMutation as tr, WorkbookPermissionService as rr, SheetRangeThemeModel as nr, SheetInterceptorService as ir, INTERCEPTOR_POINT as Mn, RangeThemeStyle as Rn, getPrimaryForRange as Et, SetSelectionsOperation as Lt } from "@univerjs/sheets";
-import { SortRangeCommand as Nn, SortType as $t } from "@univerjs/sheets-sort";
-import { forwardRef as re, useRef as xn, createElement as ne, useState as W, useMemo as ar, useCallback as kt, useEffect as sr } from "react";
-import { serializeRange as Ot, deserializeRangeWithSheet as En } from "@univerjs/engine-formula";
-import { RangeSelector as Ln } from "@univerjs/sheets-formula-ui";
-const $n = "SHEET_TABLE_UI_PLUGIN", ge = "SHEETS_TABLE_FILTER_PANEL_OPENED_KEY", kn = "UNIVER_SHEET_Table_FILTER_PANEL_ID", lr = "TABLE_TOOLBAR_BUTTON", Oe = "TABLE_SELECTOR_DIALOG", On = "SHEET_TABLE_THEME_PANEL_ID", or = "SHEET_TABLE_THEME_PANEL", ut = "table-custom-", Pn = "table-default-", be = "rgb(255, 255, 255)", Y = "none", $e = "1px solid rgb(var(--grey-200))", Pt = "1px solid rgb(var(--blue-500))";
-var Q = function() {
-  return Q = Object.assign || function(r) {
-    for (var e, t = 1, n = arguments.length; t < n; t++) {
+var Rn = Object.defineProperty;
+var Nn = (n, e, t) => e in n ? Rn(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var j = (n, e, t) => Nn(n, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as x, IUniverInstanceService as _e, ICommandService as ce, Disposable as He, ObjectMatrix as xn, cellToRange as At, Rectangle as Ce, LocaleService as ue, Injector as Ve, dayjs as be, IPermissionService as Ut, IContextService as St, CommandType as jt, IConfigService as Wt, ThemeService as En, RxDisposable as Zt, InterceptorEffectEnum as Ln, ErrorService as $n, ColorKit as oe, UniverInstanceType as st, DependentOn as On, Plugin as Pn, registerDependencies as kn, touchDependencies as Dn } from "@univerjs/core";
+import { IRenderManagerService as qt, SHEET_VIEWPORT_KEY as Bn, convertTransformToOffsetX as Fn, convertTransformToOffsetY as Hn, Rect as Rt, Shape as Vn } from "@univerjs/engine-render";
+import { TableManager as ne, SheetTableService as An, SetSheetTableFilterCommand as Nt, isConditionFilter as Un, isManualFilter as jn, TableDateCompareTypeEnum as s, TableStringCompareTypeEnum as W, TableConditionTypeEnum as V, TableNumberCompareTypeEnum as $, SheetsTableSortStateEnum as Qe, TableColumnFilterTypeEnum as xt, AddSheetTableCommand as Wn, SHEET_TABLE_CUSTOM_THEME_PREFIX as Zn, DeleteSheetTableCommand as qn, SetSheetTableCommand as bt, SheetsTableButtonStateEnum as $e, processStyleWithBorderStyle as Et, customEmptyThemeWithBorderStyle as Yn, AddTableThemeCommand as Qn, RemoveTableThemeCommand as zn, SheetTableRemoveColCommand as Yt, SheetTableRemoveRowCommand as Qt, SheetTableInsertColCommand as zt, SheetTableInsertRowCommand as Gt, SheetsTableController as Xt, UniverSheetTablePlugin as Gn } from "@univerjs/sheets-table";
+import { SheetCanvasPopManagerService as Xn, SheetSkeletonManagerService as lt, SheetScrollManagerService as Kn, SetZoomRatioOperation as Jn, SetScrollOperation as er, getSheetObject as tr, getCoordByCell as nr, SelectAllCommand as rr } from "@univerjs/sheets-ui";
+import { useDependency as R, ComponentManager as Kt, IDialogService as Jt, ISidebarService as ir, useObservable as Re, IUIPartsService as ar, BuiltInUIPart as sr, connectInjector as lr, MenuItemType as Ee, ContextMenuPosition as or, ContextMenuGroup as cr, RibbonStartGroup as ur, IMenuManagerService as dr } from "@univerjs/ui";
+import { startWith as en, distinctUntilChanged as hr, Subject as vr, BehaviorSubject as Lt, merge as _t, filter as gr, debounceTime as br, switchMap as Ne, of as J, map as mr, takeUntil as pr } from "rxjs";
+import { jsxs as _, jsx as o, Fragment as Tt } from "react/jsx-runtime";
+import { Dropdown as De, clsx as k, borderClassName as H, CascaderList as fr, Input as wt, InputNumber as dt, DatePicker as Cr, DateRangePicker as Sr, Select as _r, Checkbox as $t, scrollbarClassName as Tr, Segmented as wr, Button as Ze, ColorPicker as ze } from "@univerjs/design";
+import { SetRangeValuesMutation as Ir, WorkbookEditablePermission as tn, getSheetCommandTarget as ot, SheetsSelectionsService as ct, isSingleCellSelection as yr, expandToContinuousRange as Mr, SetRangeThemeMutation as nn, WorkbookPermissionService as rn, SheetRangeThemeModel as an, SheetInterceptorService as sn, INTERCEPTOR_POINT as Rr, RangeThemeStyle as Nr, getPrimaryForRange as Ot, SetSelectionsOperation as Pt } from "@univerjs/sheets";
+import { SortRangeCommand as xr, SortType as kt } from "@univerjs/sheets-sort";
+import { forwardRef as re, useRef as Er, createElement as ie, useState as q, useMemo as ln, useCallback as Dt, useEffect as on } from "react";
+import { serializeRange as Bt, deserializeRangeWithSheet as Lr } from "@univerjs/engine-formula";
+import { RangeSelector as $r } from "@univerjs/sheets-formula-ui";
+const Or = "SHEET_TABLE_UI_PLUGIN", pe = "SHEETS_TABLE_FILTER_PANEL_OPENED_KEY", Pr = "UNIVER_SHEET_Table_FILTER_PANEL_ID", cn = "TABLE_TOOLBAR_BUTTON", ke = "TABLE_SELECTOR_DIALOG", kr = "SHEET_TABLE_THEME_PANEL_ID", un = "SHEET_TABLE_THEME_PANEL", ht = "table-custom-", Dr = "table-default-", me = "rgb(255, 255, 255)", z = "none", Oe = "1px solid rgb(var(--grey-200))", Ft = "1px solid rgb(var(--blue-500))";
+var G = function() {
+  return G = 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) && (r[i] = e[i]);
+      for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (n[i] = e[i]);
     }
-    return r;
-  }, Q.apply(this, arguments);
-}, Dn = function(r, e) {
+    return n;
+  }, G.apply(this, arguments);
+}, Br = function(n, e) {
   var t = {};
-  for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && e.indexOf(n) < 0 && (t[n] = r[n]);
-  if (r != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, n = Object.getOwnPropertySymbols(r); i < n.length; i++)
-      e.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(r, n[i]) && (t[n[i]] = r[n[i]]);
+  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;
-}, ie = re(function(r, e) {
-  var t = r.icon, n = r.id, i = r.className, a = r.extend, s = Dn(r, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), h = xn("_".concat(Hn()));
-  return cr(t, "".concat(n), { defIds: t.defIds, idSuffix: h.current }, Q({ ref: e, className: c }, s), a);
+}, ae = re(function(n, e) {
+  var t = n.icon, r = n.id, i = n.className, a = n.extend, l = Br(n, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(r, " ").concat(i || "").trim(), d = Er("_".concat(Vr()));
+  return dn(t, "".concat(r), { defIds: t.defIds, idSuffix: d.current }, G({ ref: e, className: c }, l), a);
 });
-function cr(r, e, t, n, i) {
-  return ne(r.tag, Q(Q({ key: e }, Bn(r, t, i)), n), (Fn(r, t).children || []).map(function(a, s) {
-    return cr(a, "".concat(e, "-").concat(r.tag, "-").concat(s), t, void 0, i);
+function dn(n, e, t, r, i) {
+  return ie(n.tag, G(G({ key: e }, Fr(n, t, i)), r), (Hr(n, t).children || []).map(function(a, l) {
+    return dn(a, "".concat(e, "-").concat(n.tag, "-").concat(l), t, void 0, i);
   }));
 }
-function Bn(r, e, t) {
-  var n = Q({}, r.attrs);
-  t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1), r.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(a) {
-    var s = a[0], c = a[1];
-    s === "mask" && typeof c == "string" && (n[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+function Fr(n, e, t) {
+  var r = G({}, 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 l = a[0], c = a[1];
+    l === "mask" && typeof c == "string" && (r[l] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   });
   var i = e.defIds;
-  return !i || i.length === 0 || (r.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(a) {
-    var s = a[0], c = a[1];
-    typeof c == "string" && (n[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), n;
+  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 l = a[0], c = a[1];
+    typeof c == "string" && (r[l] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), r;
 }
-function Fn(r, e) {
-  var t, n = e.defIds;
-  return !n || n.length === 0 ? r : r.tag === "defs" && (!((t = r.children) === null || t === void 0) && t.length) ? Q(Q({}, r), { children: r.children.map(function(i) {
-    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? Q(Q({}, i), { attrs: Q(Q({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
-  }) }) : r;
+function Hr(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) ? G(G({}, n), { children: n.children.map(function(i) {
+    return typeof i.attrs.id == "string" && r && r.indexOf(i.attrs.id) > -1 ? G(G({}, i), { attrs: G(G({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
+  }) }) : n;
 }
-function Hn() {
+function Vr() {
   return Math.random().toString(36).substring(2, 8);
 }
-ie.displayName = "UniverIcon";
-var Vn = { tag: "svg", attrs: { 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.67983 1.38967 9.34846 1.6583 9.07983 1.98967 9.07983H6.50138C6.74406 9.07983 6.96284 9.22602 7.05571 9.45022 7.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.1916 7.10138 14.5229 6.83276 14.7916 6.50138 14.7916H1.98967C1.74699 14.7916 1.52821 14.6454 1.43534 14.4212 1.34247 14.197 1.3938 13.9389 1.5654 13.7673L5.05286 10.2798H1.98967zM5.1846 1.86439C4.8641.989866 3.62725.989866 3.30674 1.86439L1.34882 7.20672C1.23479 7.51786 1.39458 7.86252 1.70571 7.97655 2.01684 8.09058 2.3615 7.93079 2.47553 7.61966L3.06159 6.02055 3.06338 6.02056H5.42975L6.01581 7.61966C6.12984 7.93079 6.4745 8.09058 6.78563 7.97655 7.09677 7.86252 7.25655 7.51786 7.14252 7.20672L5.1846 1.86439zM4.98996 4.82056L4.24567 2.78971 3.50138 4.82056H4.98996z", fillRule: "evenodd", clipRule: "evenodd" } }] }, ur = re(function(r, e) {
-  return ne(ie, Object.assign({}, r, {
+ae.displayName = "UniverIcon";
+var Ar = { tag: "svg", attrs: { 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.67983 1.38967 9.34846 1.6583 9.07983 1.98967 9.07983H6.50138C6.74406 9.07983 6.96284 9.22602 7.05571 9.45022 7.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.1916 7.10138 14.5229 6.83276 14.7916 6.50138 14.7916H1.98967C1.74699 14.7916 1.52821 14.6454 1.43534 14.4212 1.34247 14.197 1.3938 13.9389 1.5654 13.7673L5.05286 10.2798H1.98967zM5.1846 1.86439C4.8641.989866 3.62725.989866 3.30674 1.86439L1.34882 7.20672C1.23479 7.51786 1.39458 7.86252 1.70571 7.97655 2.01684 8.09058 2.3615 7.93079 2.47553 7.61966L3.06159 6.02055 3.06338 6.02056H5.42975L6.01581 7.61966C6.12984 7.93079 6.4745 8.09058 6.78563 7.97655 7.09677 7.86252 7.25655 7.51786 7.14252 7.20672L5.1846 1.86439zM4.98996 4.82056L4.24567 2.78971 3.50138 4.82056H4.98996z", fillRule: "evenodd", clipRule: "evenodd" } }] }, hn = re(function(n, e) {
+  return ie(ae, Object.assign({}, n, {
     id: "ascending- single",
     ref: e,
-    icon: Vn
+    icon: Ar
   }));
 });
-ur.displayName = "AscendingSingle";
-var An = { tag: "svg", attrs: { 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.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.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.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.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" } }] }, dr = re(function(r, e) {
-  return ne(ie, Object.assign({}, r, {
+hn.displayName = "AscendingSingle";
+var Ur = { tag: "svg", attrs: { 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.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.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.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.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" } }] }, vn = re(function(n, e) {
+  return ie(ae, Object.assign({}, n, {
     id: "delete-single",
     ref: e,
-    icon: An
+    icon: Ur
   }));
 });
-dr.displayName = "DeleteSingle";
-var Un = { tag: "svg", attrs: { 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.67983 1.38967 9.34846 1.6583 9.07983 1.98967 9.07983H6.50138C6.74406 9.07983 6.96284 9.22602 7.05571 9.45022 7.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.1916 7.10138 14.5229 6.83276 14.7916 6.50138 14.7916H1.98967C1.74699 14.7916 1.52821 14.6454 1.43534 14.4212 1.34247 14.197 1.3938 13.9389 1.5654 13.7673L5.05286 10.2798H1.98967zM5.1846 1.86439C4.8641.989866 3.62725.989866 3.30674 1.86439L1.34882 7.20672C1.23479 7.51786 1.39458 7.86252 1.70571 7.97655 2.01684 8.09058 2.3615 7.93079 2.47553 7.61966L3.06159 6.02055 3.06338 6.02056H5.42975L6.01581 7.61966C6.12984 7.93079 6.4745 8.09058 6.78563 7.97655 7.09677 7.86252 7.25655 7.51786 7.14252 7.20672L5.1846 1.86439zM4.98996 4.82056L4.24567 2.78971 3.50138 4.82056H4.98996z", fillRule: "evenodd", clipRule: "evenodd" } }] }, hr = re(function(r, e) {
-  return ne(ie, Object.assign({}, r, {
+vn.displayName = "DeleteSingle";
+var jr = { tag: "svg", attrs: { 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.67983 1.38967 9.34846 1.6583 9.07983 1.98967 9.07983H6.50138C6.74406 9.07983 6.96284 9.22602 7.05571 9.45022 7.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.1916 7.10138 14.5229 6.83276 14.7916 6.50138 14.7916H1.98967C1.74699 14.7916 1.52821 14.6454 1.43534 14.4212 1.34247 14.197 1.3938 13.9389 1.5654 13.7673L5.05286 10.2798H1.98967zM5.1846 1.86439C4.8641.989866 3.62725.989866 3.30674 1.86439L1.34882 7.20672C1.23479 7.51786 1.39458 7.86252 1.70571 7.97655 2.01684 8.09058 2.3615 7.93079 2.47553 7.61966L3.06159 6.02055 3.06338 6.02056H5.42975L6.01581 7.61966C6.12984 7.93079 6.4745 8.09058 6.78563 7.97655 7.09677 7.86252 7.25655 7.51786 7.14252 7.20672L5.1846 1.86439zM4.98996 4.82056L4.24567 2.78971 3.50138 4.82056H4.98996z", fillRule: "evenodd", clipRule: "evenodd" } }] }, gn = re(function(n, e) {
+  return ie(ae, Object.assign({}, n, {
     id: "descending-single",
     ref: e,
-    icon: Un
+    icon: jr
   }));
 });
-hr.displayName = "DescendingSingle";
-var jn = { tag: "svg", attrs: { 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(r, e) {
-  return ne(ie, Object.assign({}, r, {
+gn.displayName = "DescendingSingle";
+var Wr = { tag: "svg", attrs: { 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" } }] }, We = re(function(n, e) {
+  return ie(ae, Object.assign({}, n, {
     id: "dropdown-single",
     ref: e,
-    icon: jn
+    icon: Wr
   }));
 });
-je.displayName = "DropdownSingle";
-var Wn = { tag: "svg", attrs: { 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" } }] }, vr = re(function(r, e) {
-  return ne(ie, Object.assign({}, r, {
+We.displayName = "DropdownSingle";
+var Zr = { tag: "svg", attrs: { 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" } }] }, bn = re(function(n, e) {
+  return ie(ae, Object.assign({}, n, {
     id: "grid-outline-single",
     ref: e,
-    icon: Wn
+    icon: Zr
   }));
 });
-vr.displayName = "GridOutlineSingle";
-var Zn = { tag: "svg", attrs: { 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" } }] }, br = re(function(r, e) {
-  return ne(ie, Object.assign({}, r, {
+bn.displayName = "GridOutlineSingle";
+var qr = { tag: "svg", attrs: { 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" } }] }, It = re(function(n, e) {
+  return ie(ae, Object.assign({}, n, {
     id: "more-down-single",
     ref: e,
-    icon: Zn
+    icon: qr
   }));
 });
-br.displayName = "MoreDownSingle";
-var qn = { tag: "svg", attrs: { 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" } }] }, gr = re(function(r, e) {
-  return ne(ie, Object.assign({}, r, {
+It.displayName = "MoreDownSingle";
+var Yr = { tag: "svg", attrs: { 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" } }] }, mn = re(function(n, e) {
+  return ie(ae, Object.assign({}, n, {
     id: "paint-bucket",
     ref: e,
-    icon: qn
+    icon: Yr
   }));
 });
-gr.displayName = "PaintBucket";
-var Yn = { tag: "svg", attrs: { 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" } }] }, mr = re(function(r, e) {
-  return ne(ie, Object.assign({}, r, {
+mn.displayName = "PaintBucket";
+var Qr = { tag: "svg", attrs: { 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" } }] }, pn = re(function(n, e) {
+  return ie(ae, Object.assign({}, n, {
     id: "rename-single",
     ref: e,
-    icon: Yn
+    icon: Qr
   }));
 });
-mr.displayName = "RenameSingle";
-var Qn = { tag: "svg", attrs: { 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" } }] }, pr = re(function(r, e) {
-  return ne(ie, Object.assign({}, r, {
+pn.displayName = "RenameSingle";
+var zr = { tag: "svg", attrs: { 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" } }] }, fn = re(function(n, e) {
+  return ie(ae, Object.assign({}, n, {
     id: "table-single",
     ref: e,
-    icon: Qn
+    icon: zr
   }));
 });
-pr.displayName = "TableSingle";
-var fe = /* @__PURE__ */ ((r) => (r.Items = "items", r.Condition = "condition", r))(fe || {}), zn = Object.getOwnPropertyDescriptor, Gn = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? zn(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
+fn.displayName = "TableSingle";
+var Se = /* @__PURE__ */ ((n) => (n.Items = "items", n.Condition = "condition", n))(Se || {}), Gr = Object.getOwnPropertyDescriptor, Xr = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Gr(e, t) : e, a = n.length - 1, l; a >= 0; a--)
+    (l = n[a]) && (i = l(i) || i);
   return i;
-}, ze = (r, e) => (t, n) => e(t, n, r);
-let Pe = class extends Be {
-  constructor(e, t, n, i) {
+}, Ge = (n, e) => (t, r) => e(t, r, n);
+let Be = class extends He {
+  constructor(e, t, r, i) {
     super();
-    F(this, "_itemsCache", /* @__PURE__ */ new Map());
-    this._tableManager = e, this._sheetTableService = t, this._univerInstanceService = n, this._commandService = i, this._registerTableFilterChangeEvent();
+    j(this, "_itemsCache", /* @__PURE__ */ new Map());
+    this._tableManager = e, this._sheetTableService = t, this._univerInstanceService = r, this._commandService = i, this._registerTableFilterChangeEvent();
   }
   _registerTableFilterChangeEvent() {
     this._commandService.onCommandExecuted((e) => {
-      if (e.id === yn.id) {
-        const { unitId: t, subUnitId: n, cellValue: i } = e.params, a = this._tableManager.getTablesBySubunitId(t, n);
+      if (e.id === Ir.id) {
+        const { unitId: t, subUnitId: r, cellValue: i } = e.params, a = this._tableManager.getTablesBySubunitId(t, r);
         if (!a.length)
           return;
-        new Rr(i).forValue((c, h, d) => {
-          const u = Ht(c, h), v = a.find((S) => {
+        new xn(i).forValue((c, d, h) => {
+          const u = At(c, d), g = a.find((S) => {
             const C = S.getTableFilterRange();
-            return pe.intersects(C, u);
+            return Ce.intersects(C, u);
           });
-          if (v) {
-            const S = h - v.getRange().startColumn;
-            this._itemsCache.delete(v.getId() + S);
+          if (g) {
+            const S = d - g.getRange().startColumn;
+            this._itemsCache.delete(g.getId() + S);
           }
         });
-      } else if (e.id === It.id) {
-        const { unitId: t, tableId: n } = e.params, i = this._tableManager.getTable(t, n);
+      } else if (e.id === Nt.id) {
+        const { unitId: t, tableId: r } = e.params, i = this._tableManager.getTable(t, r);
         if (!i)
           return;
         const a = i.getSubunitId();
         this._tableManager.getTablesBySubunitId(t, a).forEach((c) => {
-          const h = c.getRange();
-          for (let d = h.startColumn; d <= h.endColumn; d++)
-            this._itemsCache.delete(c.getId() + d);
+          const d = c.getRange();
+          for (let h = d.startColumn; h <= d.endColumn; h++)
+            this._itemsCache.delete(c.getId() + h);
         });
       }
     });
   }
-  getTableFilterPanelInitProps(e, t, n, i) {
-    const a = this._tableManager.getTable(e, n), s = a.getRange(), c = a.getTableFilterColumn(i - s.startColumn);
+  getTableFilterPanelInitProps(e, t, r, i) {
+    const a = this._tableManager.getTable(e, r), l = a.getRange(), c = a.getTableFilterColumn(i - l.startColumn);
     return {
       unitId: e,
       subUnitId: t,
       tableFilter: c,
-      currentFilterBy: Fr(c) ? fe.Condition : fe.Items,
-      tableId: n,
-      columnIndex: i - s.startColumn
+      currentFilterBy: Un(c) ? Se.Condition : Se.Items,
+      tableId: r,
+      columnIndex: i - l.startColumn
     };
   }
-  getTableFilterCheckedItems(e, t, n) {
+  getTableFilterCheckedItems(e, t, r) {
     const i = this._tableManager.getTable(e, t), a = [];
     if (i) {
-      const s = i.getTableFilterColumn(n);
-      s && Hr(s) && a.push(...s.values);
+      const l = i.getTableFilterColumn(r);
+      l && jn(l) && a.push(...l.values);
     }
     return a;
   }
-  setTableFilter(e, t, n, i) {
+  setTableFilter(e, t, r, i) {
     if (!this._tableManager.getTable(e, t))
       return;
-    const s = {
+    const l = {
       unitId: e,
       tableId: t,
-      column: n,
+      column: r,
       tableFilter: i
     };
-    this._commandService.executeCommand(It.id, s);
+    this._commandService.executeCommand(Nt.id, l);
   }
-  getTableFilterItems(e, t, n, i) {
-    var k;
-    if (this._itemsCache.has(n + i))
-      return this._itemsCache.get(n + i) || { data: [], itemsCountMap: /* @__PURE__ */ new Map(), allItemsCount: 0 };
-    const a = this._tableManager.getTable(e, n);
+  getTableFilterItems(e, t, r, i) {
+    var O;
+    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: h, startColumn: d } = s, u = d + i, v = (k = this._univerInstanceService.getUnit(e)) == null ? void 0 : k.getSheetBySheetId(t);
-    if (!v)
+    const l = a.getTableFilterRange(), { startRow: c, endRow: d, startColumn: h } = l, u = h + i, g = (O = this._univerInstanceService.getUnit(e)) == null ? void 0 : O.getSheetBySheetId(t);
+    if (!g)
       return { data: [], itemsCountMap: /* @__PURE__ */ new Map(), allItemsCount: 0 };
     const S = [], C = /* @__PURE__ */ new Map();
-    let _ = 0;
-    for (let p = c; p <= h; p++) {
-      if (v.isRowFiltered(p))
+    let T = 0;
+    for (let p = c; p <= d; p++) {
+      if (g.isRowFiltered(p))
         continue;
-      const I = this._sheetTableService.getCellValueWithConditionType(v, p, u);
-      C.has(I) || S.push({
-        title: I,
+      const y = this._sheetTableService.getCellValueWithConditionType(g, p, u);
+      C.has(y) || S.push({
+        title: y,
         key: `${u}_${p}`,
         leaf: !0
-      }), _++, C.set(I, (C.get(I) || 0) + 1);
+      }), T++, C.set(y, (C.get(y) || 0) + 1);
     }
-    return this._itemsCache.set(n + i, { data: S, itemsCountMap: C, allItemsCount: _ }), { data: S, itemsCountMap: C, allItemsCount: _ };
+    return this._itemsCache.set(r + i, { data: S, itemsCountMap: C, allItemsCount: T }), { data: S, itemsCountMap: C, allItemsCount: T };
   }
 };
-Pe = Gn([
-  ze(0, x(te)),
-  ze(1, x(Br)),
-  ze(2, x(Ce)),
-  ze(3, ee)
-], Pe);
-var j = /* @__PURE__ */ ((r) => (r.DatePicker = "DatePicker", r.DateRange = "DateRange", r.Input = "Input", r.Inputs = "Inputs", r.Select = "Select", r.None = "None", r))(j || {});
-function Xn(r) {
-  const t = r.get(oe).t;
+Be = Xr([
+  Ge(0, x(ne)),
+  Ge(1, x(An)),
+  Ge(2, x(_e)),
+  Ge(3, ce)
+], Be);
+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 Kr(n) {
+  const t = n.get(ue).t;
   return [
     {
-      value: H.String,
-      label: t(`sheets-table.condition.${H.String}`),
+      value: V.String,
+      label: t(`sheets-table.condition.${V.String}`),
       children: [
         {
-          value: U.Equal,
-          label: t(`sheets-table.string.compare.${U.Equal}`)
+          value: W.Equal,
+          label: t(`sheets-table.string.compare.${W.Equal}`)
         },
         {
-          value: U.NotEqual,
-          label: t(`sheets-table.string.compare.${U.NotEqual}`)
+          value: W.NotEqual,
+          label: t(`sheets-table.string.compare.${W.NotEqual}`)
         },
         {
-          value: U.Contains,
-          label: t(`sheets-table.string.compare.${U.Contains}`)
+          value: W.Contains,
+          label: t(`sheets-table.string.compare.${W.Contains}`)
         },
         {
-          value: U.NotContains,
-          label: t(`sheets-table.string.compare.${U.NotContains}`)
+          value: W.NotContains,
+          label: t(`sheets-table.string.compare.${W.NotContains}`)
         },
         {
-          value: U.StartsWith,
-          label: t(`sheets-table.string.compare.${U.StartsWith}`)
+          value: W.StartsWith,
+          label: t(`sheets-table.string.compare.${W.StartsWith}`)
         },
         {
-          value: U.EndsWith,
-          label: t(`sheets-table.string.compare.${U.EndsWith}`)
+          value: W.EndsWith,
+          label: t(`sheets-table.string.compare.${W.EndsWith}`)
         }
       ]
     },
     {
-      value: H.Number,
-      label: t(`sheets-table.condition.${H.Number}`),
+      value: V.Number,
+      label: t(`sheets-table.condition.${V.Number}`),
       children: [
         {
           value: $.Equal,
@@ -319,276 +319,278 @@ function Xn(r) {
       ]
     },
     {
-      value: H.Date,
-      label: t(`sheets-table.condition.${H.Date}`),
+      value: V.Date,
+      label: t(`sheets-table.condition.${V.Date}`),
       children: [
         {
-          value: l.Equal,
-          label: t(`sheets-table.date.compare.${l.Equal}`)
+          value: s.Equal,
+          label: t(`sheets-table.date.compare.${s.Equal}`)
         },
         {
-          value: l.NotEqual,
-          label: t(`sheets-table.date.compare.${l.NotEqual}`)
+          value: s.NotEqual,
+          label: t(`sheets-table.date.compare.${s.NotEqual}`)
         },
         {
-          value: l.After,
-          label: t(`sheets-table.date.compare.${l.After}`)
+          value: s.After,
+          label: t(`sheets-table.date.compare.${s.After}`)
         },
         {
-          value: l.AfterOrEqual,
-          label: t(`sheets-table.date.compare.${l.AfterOrEqual}`)
+          value: s.AfterOrEqual,
+          label: t(`sheets-table.date.compare.${s.AfterOrEqual}`)
         },
         {
-          value: l.Before,
-          label: t(`sheets-table.date.compare.${l.Before}`)
+          value: s.Before,
+          label: t(`sheets-table.date.compare.${s.Before}`)
         },
         {
-          value: l.BeforeOrEqual,
-          label: t(`sheets-table.date.compare.${l.BeforeOrEqual}`)
+          value: s.BeforeOrEqual,
+          label: t(`sheets-table.date.compare.${s.BeforeOrEqual}`)
         },
         {
-          value: l.Between,
-          label: t(`sheets-table.date.compare.${l.Between}`)
+          value: s.Between,
+          label: t(`sheets-table.date.compare.${s.Between}`)
         },
         {
-          value: l.NotBetween,
-          label: t(`sheets-table.date.compare.${l.NotBetween}`)
+          value: s.NotBetween,
+          label: t(`sheets-table.date.compare.${s.NotBetween}`)
         },
         {
-          value: l.Today,
-          label: t(`sheets-table.date.compare.${l.Today}`)
+          value: s.Today,
+          label: t(`sheets-table.date.compare.${s.Today}`)
         },
         {
-          value: l.Yesterday,
-          label: t(`sheets-table.date.compare.${l.Yesterday}`)
+          value: s.Yesterday,
+          label: t(`sheets-table.date.compare.${s.Yesterday}`)
         },
         {
-          value: l.Tomorrow,
-          label: t(`sheets-table.date.compare.${l.Tomorrow}`)
+          value: s.Tomorrow,
+          label: t(`sheets-table.date.compare.${s.Tomorrow}`)
         },
         {
-          value: l.ThisWeek,
-          label: t(`sheets-table.date.compare.${l.ThisWeek}`)
+          value: s.ThisWeek,
+          label: t(`sheets-table.date.compare.${s.ThisWeek}`)
         },
         {
-          value: l.LastWeek,
-          label: t(`sheets-table.date.compare.${l.LastWeek}`)
+          value: s.LastWeek,
+          label: t(`sheets-table.date.compare.${s.LastWeek}`)
         },
         {
-          value: l.NextWeek,
-          label: t(`sheets-table.date.compare.${l.NextWeek}`)
+          value: s.NextWeek,
+          label: t(`sheets-table.date.compare.${s.NextWeek}`)
         },
         {
-          value: l.ThisMonth,
-          label: t(`sheets-table.date.compare.${l.ThisMonth}`)
+          value: s.ThisMonth,
+          label: t(`sheets-table.date.compare.${s.ThisMonth}`)
         },
         {
-          value: l.LastMonth,
-          label: t(`sheets-table.date.compare.${l.LastMonth}`)
+          value: s.LastMonth,
+          label: t(`sheets-table.date.compare.${s.LastMonth}`)
         },
         {
-          value: l.NextMonth,
-          label: t(`sheets-table.date.compare.${l.NextMonth}`)
+          value: s.NextMonth,
+          label: t(`sheets-table.date.compare.${s.NextMonth}`)
         },
         {
-          value: l.ThisYear,
-          label: t(`sheets-table.date.compare.${l.ThisYear}`)
+          value: s.ThisYear,
+          label: t(`sheets-table.date.compare.${s.ThisYear}`)
         },
         {
-          value: l.LastYear,
-          label: t(`sheets-table.date.compare.${l.LastYear}`)
+          value: s.LastYear,
+          label: t(`sheets-table.date.compare.${s.LastYear}`)
         },
         {
-          value: l.NextYear,
-          label: t(`sheets-table.date.compare.${l.NextYear}`)
+          value: s.NextYear,
+          label: t(`sheets-table.date.compare.${s.NextYear}`)
         },
         {
-          value: l.Quarter,
-          label: t(`sheets-table.date.compare.${l.Quarter}`)
+          value: s.Quarter,
+          label: t(`sheets-table.date.compare.${s.Quarter}`)
         },
         {
-          value: l.Month,
-          label: t(`sheets-table.date.compare.${l.Month}`)
+          value: s.Month,
+          label: t(`sheets-table.date.compare.${s.Month}`)
         }
       ]
     }
   ];
 }
-function Kn(r, e) {
+function Jr(n, e) {
   if (!e)
     return [];
-  const n = r.get(oe).t;
+  const r = n.get(ue).t;
   switch (e) {
-    case l.Quarter:
+    case s.Quarter:
       return [
         {
-          value: l.Q1,
-          label: n(`sheets-table.date.compare.${l.Q1}`)
+          value: s.Q1,
+          label: r(`sheets-table.date.compare.${s.Q1}`)
         },
         {
-          value: l.Q2,
-          label: n(`sheets-table.date.compare.${l.Q2}`)
+          value: s.Q2,
+          label: r(`sheets-table.date.compare.${s.Q2}`)
         },
         {
-          value: l.Q3,
-          label: n(`sheets-table.date.compare.${l.Q3}`)
+          value: s.Q3,
+          label: r(`sheets-table.date.compare.${s.Q3}`)
         },
         {
-          value: l.Q4,
-          label: n(`sheets-table.date.compare.${l.Q4}`)
+          value: s.Q4,
+          label: r(`sheets-table.date.compare.${s.Q4}`)
         }
       ];
-    case l.Month:
+    case s.Month:
       return [
         {
-          value: l.M1,
-          label: n(`sheets-table.date.compare.${l.M1}`)
+          value: s.M1,
+          label: r(`sheets-table.date.compare.${s.M1}`)
         },
         {
-          value: l.M2,
-          label: n(`sheets-table.date.compare.${l.M2}`)
+          value: s.M2,
+          label: r(`sheets-table.date.compare.${s.M2}`)
         },
         {
-          value: l.M3,
-          label: n(`sheets-table.date.compare.${l.M3}`)
+          value: s.M3,
+          label: r(`sheets-table.date.compare.${s.M3}`)
         },
         {
-          value: l.M4,
-          label: n(`sheets-table.date.compare.${l.M4}`)
+          value: s.M4,
+          label: r(`sheets-table.date.compare.${s.M4}`)
         },
         {
-          value: l.M5,
-          label: n(`sheets-table.date.compare.${l.M5}`)
+          value: s.M5,
+          label: r(`sheets-table.date.compare.${s.M5}`)
         },
         {
-          value: l.M6,
-          label: n(`sheets-table.date.compare.${l.M6}`)
+          value: s.M6,
+          label: r(`sheets-table.date.compare.${s.M6}`)
         },
         {
-          value: l.M7,
-          label: n(`sheets-table.date.compare.${l.M7}`)
+          value: s.M7,
+          label: r(`sheets-table.date.compare.${s.M7}`)
         },
         {
-          value: l.M8,
-          label: n(`sheets-table.date.compare.${l.M8}`)
+          value: s.M8,
+          label: r(`sheets-table.date.compare.${s.M8}`)
         },
         {
-          value: l.M9,
-          label: n(`sheets-table.date.compare.${l.M9}`)
+          value: s.M9,
+          label: r(`sheets-table.date.compare.${s.M9}`)
         },
         {
-          value: l.M10,
-          label: n(`sheets-table.date.compare.${l.M10}`)
+          value: s.M10,
+          label: r(`sheets-table.date.compare.${s.M10}`)
         },
         {
-          value: l.M11,
-          label: n(`sheets-table.date.compare.${l.M11}`)
+          value: s.M11,
+          label: r(`sheets-table.date.compare.${s.M11}`)
         },
         {
-          value: l.M12,
-          label: n(`sheets-table.date.compare.${l.M12}`)
+          value: s.M12,
+          label: r(`sheets-table.date.compare.${s.M12}`)
         }
       ];
     default:
       return [];
   }
 }
-const Tt = /* @__PURE__ */ new Set([
-  l.Equal,
-  l.NotEqual,
-  l.After,
-  l.AfterOrEqual,
-  l.Before,
-  l.BeforeOrEqual
+const yt = /* @__PURE__ */ new Set([
+  s.Equal,
+  s.NotEqual,
+  s.After,
+  s.AfterOrEqual,
+  s.Before,
+  s.BeforeOrEqual
 ]);
-function Jn(r, e) {
-  return e ? r === H.String ? j.Input : r === H.Number ? e === $.Between || e === $.NotBetween ? j.Inputs : j.Input : r === H.Date ? e === l.Between || e === l.NotBetween ? j.DateRange : e === l.Quarter || e === l.Month ? j.Select : Tt.has(e) ? j.DatePicker : j.None : j.None : j.None;
+function ei(n, e) {
+  return e ? n === V.String ? Z.Input : n === V.Number ? e === $.Between || e === $.NotBetween ? Z.Inputs : Z.Input : n === V.Date ? e === s.Between || e === s.NotBetween ? Z.DateRange : e === s.Quarter || e === s.Month ? Z.Select : yt.has(e) ? Z.DatePicker : Z.None : Z.None : Z.None;
 }
-function ei(r) {
-  if (!r || r.filterType !== "condition")
+function ti(n) {
+  if (!n || n.filterType !== "condition")
     return {
-      type: H.String,
-      compareType: U.Equal,
+      type: V.String,
+      compareType: W.Equal,
       info: {}
     };
-  const e = r.filterInfo, { conditionType: t, compareType: n } = e;
-  return t === H.Date ? n === l.Between || n === l.NotBetween ? {
+  const e = n.filterInfo, { conditionType: t, compareType: r } = e;
+  return t === V.Date ? r === s.Between || r === s.NotBetween ? {
     type: t,
-    compare: n,
+    compare: r,
     info: {
       dateRange: e.expectedValue
     }
-  } : n === l.Today || n === l.Yesterday || n === l.Tomorrow || n === l.ThisWeek || n === l.LastWeek || n === l.NextWeek || n === l.ThisMonth || n === l.LastMonth || n === l.NextMonth || n === l.ThisYear || n === l.LastYear || n === l.NextYear ? {
+  } : r === s.Today || r === s.Yesterday || r === s.Tomorrow || r === s.ThisWeek || r === s.LastWeek || r === s.NextWeek || r === s.ThisMonth || r === s.LastMonth || r === s.NextMonth || r === s.ThisYear || r === s.LastYear || r === s.NextYear ? {
     type: t,
-    compare: n,
+    compare: r,
     info: {}
-  } : Tt.has(n) ? {
+  } : yt.has(r) ? {
     type: t,
-    compare: n,
+    compare: r,
     info: {
       date: e.expectedValue
     }
-  } : (/* @__PURE__ */ new Set([l.Q1, l.Q2, l.Q3, l.Q4])).has(n) ? {
+  } : (/* @__PURE__ */ new Set([s.Q1, s.Q2, s.Q3, s.Q4])).has(r) ? {
     type: t,
-    compare: l.Quarter,
+    compare: s.Quarter,
     info: {
       dateSelect: e.compareType
     }
   } : {
     type: t,
-    compare: l.Month,
+    compare: s.Month,
     info: {
       dateSelect: e.compareType
     }
-  } : t === H.Number ? n === $.Between || n === $.NotBetween ? {
+  } : t === V.Number ? r === $.Between || r === $.NotBetween ? {
     type: t,
-    compare: n,
+    compare: r,
     info: {
       numberRange: e.expectedValue
     }
   } : {
     type: t,
-    compare: n,
+    compare: r,
     info: {
       number: e.expectedValue
     }
-  } : t === H.String ? {
+  } : t === V.String ? {
     type: t,
-    compare: n,
+    compare: r,
     info: {
       string: e.expectedValue
     }
   } : {
-    type: H.String,
-    compare: U.Equal,
+    type: V.String,
+    compare: W.Equal,
     info: {}
   };
 }
-const ti = (r) => {
-  var C, _, k, p, E, I, P;
-  const { conditionInfo: e, onChange: t } = r, n = R(oe), [i, a] = W(Math.random()), s = R(Fe), c = Xn(s), h = (b) => {
-    var f;
-    const m = b[0], L = b[1];
-    L && a(Math.random());
-    const M = {};
-    m === H.Date ? L === l.Quarter ? M.dateSelect = l.Q1 : L === l.Month ? M.dateSelect = l.M1 : Tt.has(L) ? M.date = /* @__PURE__ */ new Date() : M.dateRange = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : m === H.Number ? M.number = 0 : m === H.String && (M.string = ""), v(M, b[0], (f = b[1]) != null ? f : U.Equal);
-  }, d = Jn(e.type, e.compare);
-  let u = "";
-  e.compare ? u = `${n.t(`sheets-table.condition.${e.type}`)} - ${n.t(`sheets-table.${e.type}.compare.${e.compare}`)}` : u = n.t(`sheets-table.condition.${e.type}`);
-  const v = (b, m, L) => {
+const ni = (n) => {
+  var C, T, O, p, E, y, D;
+  const { conditionInfo: e, onChange: t } = n, r = R(ue), [i, a] = q(!1), l = R(Ve), c = Kr(l), d = (v, m, L) => {
     t({
       type: m != null ? m : e.type,
       compare: L != null ? L : e.compare,
-      info: b
+      info: v
     });
-  }, S = Kn(s, e.compare);
-  return /* @__PURE__ */ T("div", { children: [
+  }, h = (v) => {
+    var f;
+    const m = v[0], L = v[1];
+    L && a(!1);
+    const M = {};
+    m === V.Date ? L === s.Quarter ? M.dateSelect = s.Q1 : L === s.Month ? M.dateSelect = s.M1 : yt.has(L) ? M.date = /* @__PURE__ */ new Date() : M.dateRange = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : m === V.Number ? M.number = 0 : m === V.String && (M.string = ""), d(M, v[0], (f = v[1]) != null ? f : W.Equal);
+  }, u = ei(e.type, e.compare);
+  let g = "";
+  e.compare ? g = `${r.t(`sheets-table.condition.${e.type}`)} - ${r.t(`sheets-table.${e.type}.compare.${e.compare}`)}` : g = r.t(`sheets-table.condition.${e.type}`);
+  const S = Jr(l, e.compare);
+  return /* @__PURE__ */ _("div", { children: [
     /* @__PURE__ */ o(
-      gn,
+      De,
       {
-        className: "univer-w-full",
-        dropdownRender: () => /* @__PURE__ */ o(
-          mn,
+        align: "start",
+        open: i,
+        onOpenChange: a,
+        overlay: /* @__PURE__ */ o(
+          fr,
           {
             value: [e.type, e.compare],
             options: c,
@@ -597,141 +599,153 @@ const ti = (r) => {
             wrapperClassName: "!univer-h-[150px]"
           }
         ),
-        value: u,
-        onChange: () => {
-        }
-      },
-      i
+        children: /* @__PURE__ */ _(
+          "div",
+          {
+            className: k(`
+                      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
+                      dark:univer-bg-gray-700 dark:univer-text-white
+                      focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2
+                      hover:univer-border-primary-600
+                    `, H),
+            children: [
+              /* @__PURE__ */ o("span", { children: g }),
+              /* @__PURE__ */ o(It, {})
+            ]
+          }
+        )
+      }
     ),
-    /* @__PURE__ */ T("div", { className: "univer-mt-3 univer-w-full", children: [
-      d === j.Input && /* @__PURE__ */ o(St, { children: e.type === H.String ? /* @__PURE__ */ o(
-        _t,
+    /* @__PURE__ */ _("div", { className: "univer-mt-3 univer-w-full", children: [
+      u === Z.Input && /* @__PURE__ */ o(Tt, { children: e.type === V.String ? /* @__PURE__ */ o(
+        wt,
         {
           className: "univer-w-full",
           placeholder: "请输入",
           value: e.info.string,
-          onChange: (b) => v({ string: b })
+          onChange: (v) => d({ string: v })
         }
       ) : /* @__PURE__ */ o(
-        ct,
+        dt,
         {
           className: "univer-h-7 univer-w-full",
           value: e.info.number,
           controls: !1,
-          onChange: (b) => {
-            b !== null && v({ number: b });
+          onChange: (v) => {
+            v !== null && d({ number: v });
           }
         }
       ) }),
-      d === j.DatePicker && /* @__PURE__ */ o("div", { id: "univer-table-date-picker-wrapper", style: { background: "#fff", position: "relative" }, children: /* @__PURE__ */ o(
-        pn,
+      u === Z.DatePicker && /* @__PURE__ */ o("div", { id: "univer-table-date-picker-wrapper", style: { background: "#fff", position: "relative" }, children: /* @__PURE__ */ o(
+        Cr,
         {
-          value: ve(e.info.date),
-          defaultPickerValue: ve(),
-          onChange: (b) => v({ date: b.toDate() }),
+          value: be(e.info.date),
+          defaultPickerValue: be(),
+          onChange: (v) => d({ date: v.toDate() }),
           getPopupContainer: () => document.getElementById("univer-table-date-picker-wrapper") || document.body,
           className: "univer-w-full",
           allowClear: !1
         }
       ) }),
-      d === j.DateRange && /* @__PURE__ */ o("div", { id: "univer-table-date-range-wrapper", style: { background: "#fff", position: "relative" }, children: /* @__PURE__ */ o(
-        fn,
+      u === Z.DateRange && /* @__PURE__ */ o("div", { id: "univer-table-date-range-wrapper", style: { background: "#fff", position: "relative" }, children: /* @__PURE__ */ o(
+        Sr,
         {
-          value: [(_ = ve((C = e.info.dateRange) == null ? void 0 : C[0])) != null ? _ : ve(), (p = ve((k = e.info.dateRange) == null ? void 0 : k[1])) != null ? p : ve()],
-          defaultPickerValue: [ve(), ve()],
-          onChange: (b) => {
-            v(b ? { dateRange: b.map((m) => m == null ? void 0 : m.toDate()) } : {});
+          value: [(T = be((C = e.info.dateRange) == null ? void 0 : C[0])) != null ? T : be(), (p = be((O = e.info.dateRange) == null ? void 0 : O[1])) != null ? p : be()],
+          defaultPickerValue: [be(), be()],
+          onChange: (v) => {
+            d(v ? { dateRange: v.map((m) => m == null ? void 0 : m.toDate()) } : {});
           },
           getPopupContainer: () => document.getElementById("univer-table-date-range-wrapper") || document.body,
           classNames: { popup: "univer-w-[400px]" },
           allowClear: !1
         }
       ) }),
-      d === j.Inputs && /* @__PURE__ */ T("div", { className: "univer-flex univer-items-center univer-gap-2", children: [
+      u === Z.Inputs && /* @__PURE__ */ _("div", { className: "univer-flex univer-items-center univer-gap-2", children: [
         /* @__PURE__ */ o(
-          ct,
+          dt,
           {
             className: "univer-w-full",
             value: (E = e.info.numberRange) == null ? void 0 : E[0],
-            onChange: (b) => {
+            onChange: (v) => {
               var m;
-              b !== null && v({ numberRange: [b, (m = e.info.numberRange) == null ? void 0 : m[1]] });
+              v !== null && d({ numberRange: [v, (m = e.info.numberRange) == null ? void 0 : m[1]] });
             },
             controls: !1
           }
         ),
         /* @__PURE__ */ o("span", { children: " - " }),
         /* @__PURE__ */ o(
-          ct,
+          dt,
           {
             className: "univer-w-full",
-            value: (I = e.info.numberRange) == null ? void 0 : I[1],
+            value: (y = e.info.numberRange) == null ? void 0 : y[1],
             controls: !1,
-            onChange: (b) => {
+            onChange: (v) => {
               var m;
-              b !== null && v({ numberRange: [(m = e.info.numberRange) == null ? void 0 : m[0], b] });
+              v !== null && d({ numberRange: [(m = e.info.numberRange) == null ? void 0 : m[0], v] });
             }
           }
         )
       ] }),
-      d === j.Select && /* @__PURE__ */ o(
-        Cn,
+      u === Z.Select && /* @__PURE__ */ o(
+        _r,
         {
           className: "univer-w-full",
-          value: (P = e.info.dateSelect) != null ? P : S[0].value,
+          value: (D = e.info.dateSelect) != null ? D : S[0].value,
           options: S,
-          onChange: (b) => v({ dateSelect: b })
+          onChange: (v) => d({ dateSelect: v })
         }
       )
     ] })
   ] });
-}, ri = (r) => {
+}, ri = (n) => {
   let e = 0;
-  return r.forEach((t) => {
+  return n.forEach((t) => {
     e += t;
   }), e;
 };
-function ni(r) {
-  const { unitId: e, tableId: t, subUnitId: n, columnIndex: i, checkedItemSet: a, setCheckedItemSet: s, tableFilter: c } = r, h = R(oe), d = R(Pe), { data: u, itemsCountMap: v, allItemsCount: S } = d.getTableFilterItems(e, n, t, i), [C, _] = W(c === void 0 ? !0 : a.size === v.size), [k, p] = W(C ? S : ri(v)), E = !C && a.size > 0, [I, P] = W(""), b = ar(() => I ? u.filter((f) => String(f.title).toLowerCase().includes(I.toLowerCase())) : u, [I, u]), m = kt(() => {
-    C ? (a.clear(), s(new Set(a)), _(!1)) : (b.forEach((f) => {
+function ii(n) {
+  const { unitId: e, tableId: t, subUnitId: r, columnIndex: i, checkedItemSet: a, setCheckedItemSet: l, tableFilter: c } = n, d = R(ue), h = R(Be), { data: u, itemsCountMap: g, allItemsCount: S } = h.getTableFilterItems(e, r, t, i), [C, T] = q(c === void 0 ? !0 : a.size === g.size), [O, p] = q(C ? S : ri(g)), E = !C && a.size > 0, [y, D] = q(""), v = ln(() => y ? u.filter((f) => String(f.title).toLowerCase().includes(y.toLowerCase())) : u, [y, u]), m = Dt(() => {
+    C ? (a.clear(), l(new Set(a)), T(!1)) : (v.forEach((f) => {
       a.add(f.title);
-    }), s(new Set(a)), _(!0));
-  }, [C]), L = kt((f) => {
-    f === "" ? (_(!0), u.forEach((A) => {
-      a.add(A.title);
-    }), p(S)) : (a.clear(), _(!1), p(0)), P(f);
+    }), l(new Set(a)), T(!0));
+  }, [C]), L = Dt((f) => {
+    f === "" ? (T(!0), u.forEach((U) => {
+      a.add(U.title);
+    }), p(S)) : (a.clear(), T(!1), p(0)), D(f);
   }, []), M = (f) => {
     if (C) {
-      _(!1);
-      const A = /* @__PURE__ */ new Set();
-      for (const { title: O } of u)
-        f !== O && A.add(O);
-      p(S - v.get(f)), s(A);
+      T(!1);
+      const U = /* @__PURE__ */ new Set();
+      for (const { title: P } of u)
+        f !== P && U.add(P);
+      p(S - g.get(f)), l(U);
     } else
-      a.has(f) ? (a.delete(f), p(k - v.get(f))) : (a.add(f), p(k + v.get(f))), s(new Set(a));
+      a.has(f) ? (a.delete(f), p(O - g.get(f))) : (a.add(f), p(O + g.get(f))), l(new Set(a));
   };
-  return /* @__PURE__ */ T("div", { className: "univer-flex univer-h-full univer-flex-col", children: [
-    /* @__PURE__ */ o(_t, { autoFocus: !0, value: I, placeholder: h.t("sheets-filter.panel.search-placeholder"), onChange: L }),
+  return /* @__PURE__ */ _("div", { className: "univer-flex univer-h-full univer-flex-col", children: [
+    /* @__PURE__ */ o(wt, { autoFocus: !0, value: y, placeholder: d.t("sheets-filter.panel.search-placeholder"), onChange: L }),
     /* @__PURE__ */ o(
       "div",
       {
-        className: `
+        className: k(`
                   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-border univer-border-solid
-                  univer-border-gray-200 univer-py-1.5 univer-pl-2
-                `,
+                  univer-flex-col univer-overflow-hidden univer-rounded-md univer-py-1.5 univer-pl-2
+                `, H),
         children: /* @__PURE__ */ o(
           "div",
           {
-            className: Sn("univer-h-40 univer-overflow-y-auto univer-py-1 univer-pl-2", _n),
-            children: /* @__PURE__ */ T("div", { className: "univer-h-full", children: [
-              /* @__PURE__ */ T(
+            className: k("univer-h-40 univer-overflow-y-auto univer-py-1 univer-pl-2", Tr),
+            children: /* @__PURE__ */ _("div", { className: "univer-h-full", children: [
+              /* @__PURE__ */ _(
                 "div",
                 {
                   className: "univer-flex univer-items-center univer-px-2 univer-py-1",
                   children: [
                     /* @__PURE__ */ o(
-                      xt,
+                      $t,
                       {
                         indeterminate: E,
                         disabled: u.length === 0,
@@ -739,30 +753,30 @@ function ni(r) {
                         onChange: m
                       }
                     ),
-                    /* @__PURE__ */ T(
+                    /* @__PURE__ */ _(
                       "div",
                       {
                         className: `
                                   univer-ml-1 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: `${h.t("sheets-filter.panel.select-all")}` }),
-                          /* @__PURE__ */ o("span", { className: "univer-ml univer-text-gray-400", children: `(${k}/${I ? b.length : S})` })
+                          /* @__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}/${y ? v.length : S})` })
                         ]
                       }
                     )
                   ]
                 }
               ),
-              b.map((f) => /* @__PURE__ */ T(
+              v.map((f) => /* @__PURE__ */ _(
                 "div",
                 {
                   className: "univer-flex univer-items-center univer-px-2 univer-py-1",
                   children: [
-                    /* @__PURE__ */ o(xt, { checked: C || a.has(f.title), onChange: () => {
+                    /* @__PURE__ */ o($t, { checked: C || a.has(f.title), onChange: () => {
                       M(f.title);
                     } }),
-                    /* @__PURE__ */ T(
+                    /* @__PURE__ */ _(
                       "div",
                       {
                         className: `
@@ -771,7 +785,7 @@ function ni(r) {
                                         `,
                         children: [
                           /* @__PURE__ */ o("span", { className: "univer-inline-block univer-truncate", children: f.title }),
-                          /* @__PURE__ */ o("span", { className: "univer-ml-1 univer-text-gray-400", children: `(${v.get(f.title) || 0})` })
+                          /* @__PURE__ */ o("span", { className: "univer-ml-1 univer-text-gray-400", children: `(${g.get(f.title) || 0})` })
                         ]
                       }
                     )
@@ -786,49 +800,49 @@ function ni(r) {
     )
   ] });
 }
-function ii() {
-  var V;
-  const r = R(oe), e = ai(r), t = R(Pe), n = R(te), i = R(ee), a = R(Vt), s = R(De), c = s.getCurrentTableFilterInfo(), h = t.getTableFilterPanelInitProps(c.unitId, c.subUnitId, c.tableId, c.column), { unitId: d, subUnitId: u, tableId: v, tableFilter: S, currentFilterBy: C, columnIndex: _ } = h, { data: k } = t.getTableFilterItems(d, u, v, _), p = t.getTableFilterCheckedItems(d, v, _), [E, I] = W(new Set(p)), [P, b] = W(C || fe.Items), [m, L] = W(() => {
-    const N = h.tableFilter;
-    return ei(N);
-  }), M = n.getTable(d, v);
+function ai() {
+  var A;
+  const n = R(ue), e = si(n), t = R(Be), r = R(ne), i = R(ce), a = R(Ut), l = R(Fe), c = l.getCurrentTableFilterInfo(), d = t.getTableFilterPanelInitProps(c.unitId, c.subUnitId, c.tableId, c.column), { unitId: h, subUnitId: u, tableId: g, tableFilter: S, currentFilterBy: C, columnIndex: T } = d, { data: O } = t.getTableFilterItems(h, u, g, T), p = t.getTableFilterCheckedItems(h, g, T), [E, y] = q(new Set(p)), [D, v] = q(C || Se.Items), [m, L] = q(() => {
+    const N = d.tableFilter;
+    return ti(N);
+  }), M = r.getTable(h, g);
   if (!M) return null;
-  const f = M.getTableFilters(), A = f.getSortState(), O = A.columnIndex === _ && A.sortState === Ye.Asc, q = A.columnIndex === _ && A.sortState === Ye.Desc, D = () => {
-    s.closeFilterPanel();
-  }, K = () => {
-    D();
-  }, Se = (N) => {
-    const B = M.getTableFilterRange();
-    i.executeCommand(Nn.id, {
-      unitId: d,
+  const f = M.getTableFilters(), U = f.getSortState(), P = U.columnIndex === T && U.sortState === Qe.Asc, Q = U.columnIndex === T && U.sortState === Qe.Desc, B = () => {
+    l.closeFilterPanel();
+  }, ee = () => {
+    B();
+  }, Te = (N) => {
+    const F = M.getTableFilterRange();
+    i.executeCommand(xr.id, {
+      unitId: h,
       subUnitId: u,
-      range: B,
-      orderRules: [{ colIndex: _ + B.startColumn, type: N ? $t.ASC : $t.DESC }],
+      range: F,
+      orderRules: [{ colIndex: T + F.startColumn, type: N ? kt.ASC : kt.DESC }],
       hasTitle: !1
-    }), f.setSortState(_, N ? Ye.Asc : Ye.Desc), D();
-  }, Ee = () => {
-    if (P === fe.Items) {
+    }), f.setSortState(T, N ? Qe.Asc : Qe.Desc), B();
+  }, Le = () => {
+    if (D === Se.Items) {
       const N = [];
-      for (const ce of k)
-        E.has(ce.title) && N.push(ce.title);
-      const B = M.getTableFilterColumn(_);
-      if (B) {
-        if (B.values.join(",") === N.join(",")) {
-          D();
+      for (const de of O)
+        E.has(de.title) && N.push(de.title);
+      const F = M.getTableFilterColumn(T);
+      if (F) {
+        if (F.values.join(",") === N.join(",")) {
+          B();
           return;
         }
       } else if (N.length === 0) {
-        D();
+        B();
         return;
       }
-      const He = {
-        filterType: Mt.manual,
+      const Ae = {
+        filterType: xt.manual,
         values: N
       };
-      t.setTableFilter(d, v, _, He);
+      t.setTableFilter(h, g, T, Ae);
     } else {
       let N;
-      m.compare === l.Quarter || m.compare === l.Month ? N = {
+      m.compare === s.Quarter || m.compare === s.Month ? N = {
         conditionType: m.type,
         compareType: Object.values(m.info)[0]
       } : N = {
@@ -836,18 +850,18 @@ function ii() {
         compareType: m.compare,
         expectedValue: Object.values(m.info)[0]
       };
-      const B = {
-        filterType: Mt.condition,
+      const F = {
+        filterType: xt.condition,
         // @ts-ignore
         filterInfo: N
       };
-      t.setTableFilter(d, v, _, B);
+      t.setTableFilter(h, g, T, F);
     }
-    D();
-  }, _e = () => {
-    t.setTableFilter(d, v, _, void 0), D();
-  }, Te = new er(d).id, w = (V = a.getPermissionPoint(Te)) == null ? void 0 : V.value;
-  return /* @__PURE__ */ T(
+    B();
+  }, we = () => {
+    t.setTableFilter(h, g, T, void 0), B();
+  }, Ie = new tn(h).id, I = (A = a.getPermissionPoint(Ie)) == null ? void 0 : A.value;
+  return /* @__PURE__ */ _(
     "div",
     {
       className: `
@@ -855,74 +869,74 @@ function ii() {
               univer-p-4 univer-shadow-lg
             `,
       children: [
-        w && /* @__PURE__ */ T("div", { className: "univer-mb-3 univer-flex", children: [
-          /* @__PURE__ */ T(
+        I && /* @__PURE__ */ _("div", { className: "univer-mb-3 univer-flex", children: [
+          /* @__PURE__ */ _(
             "div",
             {
-              className: `
+              className: k(`
                           univer-flex univer-w-[140px] univer-flex-1 univer-cursor-default univer-items-center
-                          univer-justify-center univer-gap-1 univer-rounded-l-md univer-border univer-border-solid
-                          univer-border-gray-200 univer-py-1.5 univer-text-[13px] univer-font-normal
+                          univer-justify-center univer-gap-1 univer-rounded-l-md univer-py-1.5 univer-text-sm
                           hover:univer-cursor-pointer hover:univer-bg-gray-100
-                          ${O ? "univer-bg-gray-100" : ""}
-                        `,
-              onClick: () => Se(!0),
+                        `, H, {
+                "univer-bg-gray-100": P
+              }),
+              onClick: () => Te(!0),
               children: [
-                /* @__PURE__ */ o(ur, { className: "univer-text-base univer-text-color-[#1e222b] univer-mr-1" }),
-                r.t("sheets-sort.general.sort-asc")
+                /* @__PURE__ */ o(hn, { className: "univer-text-base univer-text-color-[#1e222b] univer-mr-1" }),
+                n.t("sheets-sort.general.sort-asc")
               ]
             }
           ),
-          /* @__PURE__ */ T(
+          /* @__PURE__ */ _(
             "div",
             {
-              className: `
+              className: k(`
                           univer-flex univer-w-[140px] univer-flex-1 univer-cursor-default univer-items-center
-                          univer-justify-center univer-gap-1 univer-rounded-r-md univer-border univer-border-solid
-                          univer-border-gray-200 univer-py-1.5 univer-text-[13px] univer-font-normal
+                          univer-justify-center univer-gap-1 univer-rounded-r-md univer-py-1.5 univer-text-sm
                           hover:univer-cursor-pointer hover:univer-bg-gray-100
-                          ${q ? "univer-bg-gray-100" : ""}
-                        `,
-              onClick: () => Se(!1),
+                        `, H, {
+                "univer-bg-gray-100": Q
+              }),
+              onClick: () => Te(!1),
               children: [
-                /* @__PURE__ */ o(hr, { className: "univer-text-base univer-text-color-[#1e222b] univer-mr-1" }),
-                r.t("sheets-sort.general.sort-desc")
+                /* @__PURE__ */ o(gn, { className: "univer-text-base univer-text-color-[#1e222b] univer-mr-1" }),
+                n.t("sheets-sort.general.sort-desc")
               ]
             }
           )
         ] }),
         /* @__PURE__ */ o("div", { className: "univer-w-full", children: /* @__PURE__ */ o(
-          Tn,
+          wr,
           {
-            value: P,
+            value: D,
             items: e,
-            onChange: (N) => b(N)
+            onChange: (N) => v(N)
           }
         ) }),
-        /* @__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: P === fe.Items ? /* @__PURE__ */ o(
-          ni,
+        /* @__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 === Se.Items ? /* @__PURE__ */ o(
+          ii,
           {
             tableFilter: S,
-            unitId: d,
+            unitId: h,
             subUnitId: u,
-            tableId: v,
-            columnIndex: _,
+            tableId: g,
+            columnIndex: T,
             checkedItemSet: E,
-            setCheckedItemSet: I
+            setCheckedItemSet: y
           }
         ) : /* @__PURE__ */ o(
-          ti,
+          ni,
           {
             tableFilter: S,
-            unitId: d,
+            unitId: h,
             subUnitId: u,
-            tableId: v,
-            columnIndex: _,
+            tableId: g,
+            columnIndex: T,
             conditionInfo: m,
             onChange: L
           }
         ) }) }),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ _(
           "div",
           {
             className: `
@@ -931,16 +945,16 @@ function ii() {
                 `,
             children: [
               /* @__PURE__ */ o(
-                We,
+                Ze,
                 {
                   disabled: S === void 0,
-                  onClick: _e,
-                  children: r.t("sheets-filter.panel.clear-filter")
+                  onClick: we,
+                  children: n.t("sheets-filter.panel.clear-filter")
                 }
               ),
-              /* @__PURE__ */ T("div", { children: [
-                /* @__PURE__ */ o(We, { className: "univer-mr-2", onClick: K, children: r.t("sheets-filter.panel.cancel") }),
-                /* @__PURE__ */ o(We, { variant: "primary", onClick: Ee, children: r.t("sheets-filter.panel.confirm") })
+              /* @__PURE__ */ _("div", { children: [
+                /* @__PURE__ */ o(Ze, { className: "univer-mr-2", onClick: ee, children: n.t("sheets-filter.panel.cancel") }),
+                /* @__PURE__ */ o(Ze, { variant: "primary", onClick: Le, children: n.t("sheets-filter.panel.confirm") })
               ] })
             ]
           }
@@ -949,24 +963,24 @@ function ii() {
     }
   );
 }
-function ai(r) {
-  const e = r.getCurrentLocale();
-  return ar(() => [
-    { label: r.t("sheets-filter.panel.by-values"), value: fe.Items },
-    { label: r.t("sheets-filter.panel.by-conditions"), value: fe.Condition }
-  ], [e, r]);
+function si(n) {
+  const e = n.getCurrentLocale();
+  return ln(() => [
+    { label: n.t("sheets-filter.panel.by-values"), value: Se.Items },
+    { label: n.t("sheets-filter.panel.by-conditions"), value: Se.Condition }
+  ], [e, n]);
 }
-var si = Object.getOwnPropertyDescriptor, li = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? si(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
+var li = Object.getOwnPropertyDescriptor, oi = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? li(e, t) : e, a = n.length - 1, l; a >= 0; a--)
+    (l = n[a]) && (i = l(i) || i);
   return i;
-}, Ge = (r, e) => (t, n) => e(t, n, r);
-let De = class extends Be {
-  constructor(e, t, n, i) {
+}, Xe = (n, e) => (t, r) => e(t, r, n);
+let Fe = class extends He {
+  constructor(e, t, r, i) {
     super();
-    F(this, "_popupDisposable");
-    F(this, "_currentTableFilterInfo", null);
-    this._componentManager = e, this._contextService = t, this._sheetCanvasPopupService = n, this._dialogService = i, this._initComponents(), this._initUIPopup();
+    j(this, "_popupDisposable");
+    j(this, "_currentTableFilterInfo", null);
+    this._componentManager = e, this._contextService = t, this._sheetCanvasPopupService = r, this._dialogService = i, this._initComponents(), this._initUIPopup();
   }
   setCurrentTableFilterInfo(e) {
     this._currentTableFilterInfo = e;
@@ -979,29 +993,29 @@ let De = class extends Be {
   }
   _initComponents() {
     [
-      [ge, ii]
+      [pe, ai]
     ].forEach(([e, t]) => {
       this.disposeWithMe(this._componentManager.register(e, t));
     });
   }
   _initUIPopup() {
-    this.disposeWithMe(this._contextService.subscribeContextValue$(ge).pipe(Jt(void 0), cn()).subscribe((e) => {
+    this.disposeWithMe(this._contextService.subscribeContextValue$(pe).pipe(en(void 0), hr()).subscribe((e) => {
       e ? this._openFilterPopup() : e === !1 && this._closeFilterPopup();
     }));
   }
   closeFilterPanel() {
-    this._contextService.setContextValue(ge, !1);
+    this._contextService.setContextValue(pe, !1);
   }
   _openFilterPopup() {
     const e = this._currentTableFilterInfo;
     if (!e)
       throw new Error("[SheetsFilterUIController]: no filter model when opening filter popup!");
-    const { row: t, column: n } = e;
-    this._popupDisposable = this._sheetCanvasPopupService.attachPopupToCell(t, n, {
-      componentKey: ge,
+    const { row: t, column: r } = e;
+    this._popupDisposable = this._sheetCanvasPopupService.attachPopupToCell(t, r, {
+      componentKey: pe,
       direction: "horizontal",
       onClickOutside: () => {
-        this._dialogService.close(kn), this._contextService.setContextValue(ge, !1);
+        this._dialogService.close(Pr), this._contextService.setContextValue(pe, !1);
       },
       offset: [5, 0]
     });
@@ -1011,129 +1025,129 @@ let De = class extends Be {
     (e = this._popupDisposable) == null || e.dispose(), this._popupDisposable = null, this.clearCurrentTableFilterInfo();
   }
 };
-De = li([
-  Ge(0, x(Xt)),
-  Ge(1, ft),
-  Ge(2, x(qr)),
-  Ge(3, x(Kt))
-], De);
-const bt = {
-  type: At.OPERATION,
+Fe = oi([
+  Xe(0, x(Kt)),
+  Xe(1, St),
+  Xe(2, x(Xn)),
+  Xe(3, x(Jt))
+], Fe);
+const mt = {
+  type: jt.OPERATION,
   id: "sheet.operation.open-table-filter-panel",
-  async handler(r, e) {
+  async handler(n, e) {
     if (!e)
       return !1;
-    const { row: t, col: n, unitId: i, subUnitId: a, tableId: s } = e, c = r.get(te), h = r.get(ft), d = r.get(De);
-    return c.getTable(i, s) ? (h.getContextValue(ge) || (d.setCurrentTableFilterInfo({ unitId: i, subUnitId: a, row: t, tableId: s, column: n }), h.setContextValue(ge, !0)), !0) : !1;
+    const { row: t, col: r, unitId: i, subUnitId: a, tableId: l } = e, c = n.get(ne), d = n.get(St), h = n.get(Fe);
+    return c.getTable(i, l) ? (d.getContextValue(pe) || (h.setCurrentTableFilterInfo({ unitId: i, subUnitId: a, row: t, tableId: l, column: r }), d.setContextValue(pe, !0)), !0) : !1;
   }
-}, yt = {
-  type: At.OPERATION,
+}, Mt = {
+  type: jt.OPERATION,
   id: "sheet.operation.open-table-selector",
-  async handler(r) {
+  async handler(n) {
     var C;
-    const e = r.get(Ce), t = r.get(ee), n = st(e);
-    if (!n)
+    const e = n.get(_e), t = n.get(ce), r = ot(e);
+    if (!r)
       return !1;
-    const { unitId: i, subUnitId: a, worksheet: s } = n, h = r.get(lt).getCurrentLastSelection(), d = (C = h == null ? void 0 : h.range) != null ? C : { startRow: 0, endRow: 0, startColumn: 0, endColumn: 0 }, v = wn(h) ? In(d, { up: !0, left: !0, right: !0, down: !0 }, s) : d, S = await fr(r, i, a, v);
-    return S ? (t.executeCommand(Vr.id, { ...S }), !0) : !1;
+    const { unitId: i, subUnitId: a, worksheet: l } = r, d = n.get(ct).getCurrentLastSelection(), h = (C = d == null ? void 0 : d.range) != null ? C : { startRow: 0, endRow: 0, startColumn: 0, endColumn: 0 }, g = yr(d) ? Mr(h, { up: !0, left: !0, right: !0, down: !0 }, l) : h, S = await Cn(n, i, a, g);
+    return S ? (t.executeCommand(Wn.id, { ...S }), !0) : !1;
   }
 };
-async function fr(r, e, t, n, i) {
-  const a = r.get(Kt), s = r.get(oe);
+async function Cn(n, e, t, r, i) {
+  const a = n.get(Jt), l = n.get(ue);
   return new Promise((c) => {
-    const h = {
+    const d = {
       unitId: e,
       subUnitId: t,
-      range: n,
+      range: r,
       tableId: i,
-      onConfirm: (d) => {
-        c(d), a.close(Oe);
+      onConfirm: (h) => {
+        c(h), a.close(ke);
       },
       onCancel: () => {
-        c(null), a.close(Oe);
+        c(null), a.close(ke);
       }
     };
     a.open({
-      id: Oe,
-      title: { title: s.t("sheets-table.selectRange") },
+      id: ke,
+      title: { title: l.t("sheets-table.selectRange") },
       draggable: !0,
       destroyOnClose: !0,
       mask: !1,
       maskClosable: !1,
       children: {
         label: {
-          name: Oe,
-          props: h
+          name: ke,
+          props: d
         }
       },
       width: 300,
       onClose: () => {
-        c(null), a.close(Oe);
+        c(null), a.close(ke);
       }
     });
   });
 }
-const Cr = "sheets-table-ui.config";
-var oi = Object.getOwnPropertyDescriptor, ci = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? oi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
+const Sn = "sheets-table-ui.config";
+var ci = Object.getOwnPropertyDescriptor, ui = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? ci(e, t) : e, a = n.length - 1, l; a >= 0; a--)
+    (l = n[a]) && (i = l(i) || i);
   return i;
-}, ui = (r, e) => (t, n) => e(t, n, r);
-let Ne = class extends Be {
+}, di = (n, e) => (t, r) => e(t, r, n);
+let xe = class extends He {
   constructor(e) {
     super();
-    F(this, "_refreshTable", new un());
-    F(this, "refreshTable$", this._refreshTable.asObservable());
+    j(this, "_refreshTable", new vr());
+    j(this, "refreshTable$", this._refreshTable.asObservable());
     this._commandService = e, this._initListener();
   }
   _initListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
-        if (e.id === tr.id) {
-          const t = e.params, { styleName: n } = t;
-          n.startsWith(Ar) && this._refreshTable.next(Math.random());
+        if (e.id === nn.id) {
+          const t = e.params, { styleName: r } = t;
+          r.startsWith(Zn) && this._refreshTable.next(Math.random());
         }
       })
     );
   }
 };
-Ne = ci([
-  ui(0, x(ee))
-], Ne);
-const di = () => {
-  var _e, Te;
-  const [r, e] = W(""), [t, n] = W(""), i = R(en), [a, s] = W({}), c = R(Fe), h = R(rt), d = Me(h.anchorPosition$), u = R(ee), v = R(Ce), S = R(rr), C = Me(S.unitPermissionInitStateChange$, !1), _ = R(te), k = R(nr), p = R(Ne), E = Me(p.refreshTable$), I = R(oe), P = R(lt), b = Me(P.selectionChanged$, [{ range: Ht(0, 0), primary: null }]), [, m] = W(Math.random()), M = R(Ut).getConfig(Cr), f = (_e = M == null ? void 0 : M.anchorHeight) != null ? _e : 24, A = (Te = M == null ? void 0 : M.anchorBackgroundColor) != null ? Te : "rgb(53,91,183)", O = (w, V) => {
-    s((N) => ({
+xe = ui([
+  di(0, x(ce))
+], xe);
+const hi = () => {
+  var we, Ie;
+  const [n, e] = q(""), [t, r] = q(""), i = R(ir), [a, l] = q({}), c = R(Ve), d = R(nt), h = Re(d.anchorPosition$), u = R(ce), g = R(_e), S = R(rn), C = Re(S.unitPermissionInitStateChange$, !1), T = R(ne), O = R(an), p = R(xe), E = Re(p.refreshTable$), y = R(ue), D = R(ct), v = Re(D.selectionChanged$, [{ range: At(0, 0), primary: null }]), [, m] = q(Math.random()), M = R(Wt).getConfig(Sn), f = (we = M == null ? void 0 : M.anchorHeight) != null ? we : 24, U = (Ie = M == null ? void 0 : M.anchorBackgroundColor) != null ? Ie : "rgb(53,91,183)", P = (I, A) => {
+    l((N) => ({
       ...N,
-      [w]: V
+      [I]: A
     }));
   };
-  if (sr(() => {
+  if (on(() => {
     m(Math.random());
-  }, [E]), !(d != null && d.length))
+  }, [E]), !(h != null && h.length))
     return null;
-  const q = st(v);
-  if (!q) return null;
-  const { unitId: D, subUnitId: K } = q, Se = (w, V) => {
-    var B;
-    if (((B = _.getTableById(D, w)) == null ? void 0 : B.getDisplayName()) === V) {
-      e(""), n("");
+  const Q = ot(g);
+  if (!Q) return null;
+  const { unitId: B, subUnitId: ee } = Q, Te = (I, A) => {
+    var F;
+    if (((F = T.getTableById(B, I)) == null ? void 0 : F.getDisplayName()) === A) {
+      e(""), r("");
       return;
     }
-    u.executeCommand(vt.id, {
-      tableId: w,
-      unitId: D,
-      name: V
-    }), n(""), e("");
-  }, Ee = async (w) => {
-    const V = _.getTableById(D, w);
-    if (!V) return;
-    const N = V.getRange(), B = await fr(c, D, K, N, w);
-    B && u.executeCommand(vt.id, {
-      tableId: w,
-      unitId: D,
+    u.executeCommand(bt.id, {
+      tableId: I,
+      unitId: B,
+      name: A
+    }), r(""), e("");
+  }, Le = async (I) => {
+    const A = T.getTableById(B, I);
+    if (!A) return;
+    const N = A.getRange(), F = await Cn(c, B, ee, N, I);
+    F && u.executeCommand(bt.id, {
+      tableId: I,
+      unitId: B,
       updateRange: {
-        newRange: B.range
+        newRange: F.range
       }
     });
   };
@@ -1142,55 +1156,54 @@ const di = () => {
     {
       className: "univer-absolute univer-z-50 univer-h-0 univer-w-0",
       style: {},
-      children: d.map((w) => {
-        var z, G, ae, se, ue, de, he;
-        const V = _.getTableById(D, w.tableId);
-        if (!V) return null;
-        const N = k.getRangeThemeStyle(D, V.getTableStyleId()), B = (ae = (G = (z = N == null ? void 0 : N.getHeaderRowStyle()) == null ? void 0 : z.bg) == null ? void 0 : G.rgb) != null ? ae : A, ce = (de = (ue = (se = N == null ? void 0 : N.getHeaderRowStyle()) == null ? void 0 : se.cl) == null ? void 0 : ue.rgb) != null ? de : "rgb(255, 255, 255)", Ze = V.getRange();
-        if (!(b != null && b.length))
+      children: h.map((I) => {
+        var X, K, se, le, he, ve, ge;
+        const A = T.getTableById(B, I.tableId);
+        if (!A) return null;
+        const N = O.getRangeThemeStyle(B, A.getTableStyleId()), F = (se = (K = (X = N == null ? void 0 : N.getHeaderRowStyle()) == null ? void 0 : X.bg) == null ? void 0 : K.rgb) != null ? se : U, de = (ve = (he = (le = N == null ? void 0 : N.getHeaderRowStyle()) == null ? void 0 : le.cl) == null ? void 0 : he.rgb) != null ? ve : "rgb(255, 255, 255)", qe = A.getRange();
+        if (!(v != null && v.length))
           return null;
-        const qe = b[b.length - 1].range, y = !pe.intersects(Ze, qe) && w.y <= 20;
-        return /* @__PURE__ */ T(
+        const Ye = v[v.length - 1].range, w = !Ce.intersects(qe, Ye) && I.y <= 20;
+        return /* @__PURE__ */ _(
           "div",
           {
-            className: `
+            className: k(`
                           univer-absolute univer-box-border univer-flex univer-cursor-pointer univer-items-center
-                          univer-rounded-xl univer-border univer-border-solid univer-border-gray-500 univer-pl-2
-                          univer-pr-2 univer-shadow-xs
-                        `,
+                          univer-rounded-xl univer-pl-2 univer-pr-2 univer-shadow-xs
+                        `, H),
             style: {
-              left: w.x,
-              top: Math.max(w.y, 0),
-              backgroundColor: B,
-              color: ce,
+              left: I.x,
+              top: Math.max(I.y, 0),
+              backgroundColor: F,
+              color: de,
               borderWidth: "0.5px",
-              display: y ? "none" : "flex",
+              display: w ? "none" : "flex",
               height: f ? `${f}px` : "24px"
             },
             children: [
-              /* @__PURE__ */ o("div", { className: "univer-text-nowrap", children: r === w.tableId ? /* @__PURE__ */ o(
-                _t,
+              /* @__PURE__ */ o("div", { className: "univer-text-nowrap", children: n === I.tableId ? /* @__PURE__ */ o(
+                wt,
                 {
                   className: "univer-h-[18px] univer-min-w-16 univer-rounded-none",
                   inputClass: "univer-h-[18px] univer-w-[80px]",
                   value: t,
-                  onChange: (Z) => n(Z),
-                  onBlur: () => Se(w.tableId, t),
-                  onKeyDown: (Z) => {
-                    Z.key === "Enter" && Se(w.tableId, t);
+                  onChange: (Y) => r(Y),
+                  onBlur: () => Te(I.tableId, t),
+                  onKeyDown: (Y) => {
+                    Y.key === "Enter" && Te(I.tableId, t);
                   },
-                  autoFocus: r === w.tableId
+                  autoFocus: n === I.tableId
                 }
-              ) : /* @__PURE__ */ o("div", { className: "univer-h-[18px] univer-max-w-24 univer-truncate univer-text-sm", children: w.tableName }) }),
+              ) : /* @__PURE__ */ o("div", { className: "univer-h-[18px] univer-max-w-24 univer-truncate univer-text-sm", children: I.tableName }) }),
               /* @__PURE__ */ o(
-                Ue,
+                De,
                 {
-                  open: (he = a[w.tableId]) != null ? he : !1,
-                  onOpenChange: (Z) => {
-                    O(w.tableId, Z);
+                  open: (ge = a[I.tableId]) != null ? ge : !1,
+                  onOpenChange: (Y) => {
+                    P(I.tableId, Y);
                   },
-                  overlay: /* @__PURE__ */ T("div", { className: "univer-pb-2 univer-pt-2", children: [
-                    /* @__PURE__ */ T(
+                  overlay: /* @__PURE__ */ _("div", { className: "univer-pb-2 univer-pt-2", children: [
+                    /* @__PURE__ */ _(
                       "div",
                       {
                         className: `
@@ -1199,11 +1212,11 @@ const di = () => {
                                           hover:univer-bg-gray-200
                                         `,
                         onClick: () => {
-                          e(w.tableId), n(w.tableName);
+                          e(I.tableId), r(I.tableName);
                         },
                         children: [
-                          /* @__PURE__ */ o(mr, { className: "univer-mr-2" }),
-                          I.t("sheets-table.rename")
+                          /* @__PURE__ */ o(pn, { className: "univer-mr-2" }),
+                          y.t("sheets-table.rename")
                         ]
                       }
                     ),
@@ -1215,22 +1228,22 @@ const di = () => {
                                         `
                       }
                     ),
-                    /* @__PURE__ */ T(
+                    /* @__PURE__ */ _(
                       "div",
                       {
-                        onClick: () => Ee(w.tableId),
+                        onClick: () => Le(I.tableId),
                         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
                                         `,
                         children: [
-                          /* @__PURE__ */ o(vr, { className: "univer-mr-2" }),
-                          I.t("sheets-table.updateRange")
+                          /* @__PURE__ */ o(bn, { className: "univer-mr-2" }),
+                          y.t("sheets-table.updateRange")
                         ]
                       }
                     ),
-                    /* @__PURE__ */ T(
+                    /* @__PURE__ */ _(
                       "div",
                       {
                         className: `
@@ -1239,32 +1252,32 @@ const di = () => {
                                           hover:univer-bg-gray-200
                                         `,
                         onClick: () => {
-                          O(w.tableId, !1);
-                          const Z = _.getTableById(D, w.tableId);
-                          if (!Z) return;
-                          const ye = Z.getTableConfig(), we = {
-                            id: On,
-                            header: { title: I.t("sheets-table.tableStyle") },
+                          P(I.tableId, !1);
+                          const Y = T.getTableById(B, I.tableId);
+                          if (!Y) return;
+                          const ye = Y.getTableConfig(), Me = {
+                            id: kr,
+                            header: { title: y.t("sheets-table.tableStyle") },
                             children: {
-                              label: or,
+                              label: un,
                               oldConfig: ye,
-                              unitId: D,
-                              subUnitId: K,
-                              tableId: w.tableId
+                              unitId: B,
+                              subUnitId: ee,
+                              tableId: I.tableId
                             },
                             width: 330
                           };
-                          i.open(we);
+                          i.open(Me);
                         },
                         children: [
                           /* @__PURE__ */ o(
-                            gr,
+                            mn,
                             {
                               extend: { colorChannel1: "rgb(53,91,183)" },
                               className: "univer-mr-2"
                             }
                           ),
-                          I.t("sheets-table.setTheme")
+                          y.t("sheets-table.setTheme")
                         ]
                       }
                     ),
@@ -1276,7 +1289,7 @@ const di = () => {
                                         `
                       }
                     ),
-                    /* @__PURE__ */ T(
+                    /* @__PURE__ */ _(
                       "div",
                       {
                         className: `
@@ -1285,55 +1298,55 @@ const di = () => {
                                           hover:univer-bg-gray-200
                                         `,
                         onClick: () => {
-                          O(w.tableId, !1), u.executeCommand(Ur.id, {
-                            tableId: w.tableId,
-                            subUnitId: K,
-                            unitId: D
+                          P(I.tableId, !1), u.executeCommand(qn.id, {
+                            tableId: I.tableId,
+                            subUnitId: ee,
+                            unitId: B
                           });
                         },
                         children: [
-                          /* @__PURE__ */ o(dr, { className: "univer-mr-2" }),
-                          I.t("sheets-table.removeTable")
+                          /* @__PURE__ */ o(vn, { className: "univer-mr-2" }),
+                          y.t("sheets-table.removeTable")
                         ]
                       }
                     )
                   ] }),
                   align: "start",
-                  children: /* @__PURE__ */ o(br, {})
+                  children: /* @__PURE__ */ o(It, {})
                 },
-                w.tableId
+                I.tableId
               )
             ]
           },
-          w.tableId
+          I.tableId
         );
       })
     }
   ) : null;
 };
-var hi = Object.getOwnPropertyDescriptor, vi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? hi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
+var vi = Object.getOwnPropertyDescriptor, gi = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? vi(e, t) : e, a = n.length - 1, l; a >= 0; a--)
+    (l = n[a]) && (i = l(i) || i);
   return i;
-}, J = (r, e) => (t, n) => e(t, n, r);
-let rt = class extends Be {
-  constructor(e, t, n, i, a, s, c, h, d, u, v) {
+}, te = (n, e) => (t, r) => e(t, r, n);
+let nt = class extends He {
+  constructor(e, t, r, i, a, l, c, d, h, u, g) {
     super();
-    F(this, "_anchorVisible$", new Nt(!0));
-    F(this, "_timer");
-    F(this, "_anchorPosition$", new Nt([]));
-    F(this, "anchorPosition$", this._anchorPosition$.asObservable());
-    this._context = e, this._injector = t, this._sheetSkeletonManagerService = n, this._renderManagerService = i, this._commandService = a, this._univerInstanceService = s, this._uiPartsService = c, this._tableManager = h, this._scrollManagerService = d, this._workbookPermissionService = u, this._permissionService = v, this._initUI(), this._initListener(), this._initTableAnchor();
+    j(this, "_anchorVisible$", new Lt(!0));
+    j(this, "_timer");
+    j(this, "_anchorPosition$", new Lt([]));
+    j(this, "anchorPosition$", this._anchorPosition$.asObservable());
+    this._context = e, this._injector = t, this._sheetSkeletonManagerService = r, this._renderManagerService = i, this._commandService = a, this._univerInstanceService = l, this._uiPartsService = c, this._tableManager = d, this._scrollManagerService = h, this._workbookPermissionService = u, this._permissionService = g, this._initUI(), this._initListener(), this._initTableAnchor();
   }
   _initUI() {
     this.disposeWithMe(
-      this._uiPartsService.registerComponent(rn.CONTENT, () => nn(di, this._injector))
+      this._uiPartsService.registerComponent(sr.CONTENT, () => lr(hi, this._injector))
     );
   }
   _initListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((e) => {
-        (e.id === Qr.id || e.id === zr.id) && (this._anchorVisible$.next(!1), this._timer && clearTimeout(this._timer), this._timer = setTimeout(() => {
+        (e.id === Jn.id || e.id === er.id) && (this._anchorVisible$.next(!1), this._timer && clearTimeout(this._timer), this._timer = setTimeout(() => {
           this._anchorVisible$.next(!0);
         }, 300));
       })
@@ -1341,7 +1354,7 @@ let rt = class extends Be {
   }
   _initTableAnchor() {
     this.disposeWithMe(
-      Ct(
+      _t(
         this._context.unit.activeSheet$,
         this._sheetSkeletonManagerService.currentSkeleton$,
         this._scrollManagerService.validViewportScrollInfo$,
@@ -1350,112 +1363,112 @@ let rt = class extends Be {
         this._tableManager.tableNameChanged$,
         this._tableManager.tableRangeChanged$,
         this._tableManager.tableThemeChanged$,
-        this._workbookPermissionService.unitPermissionInitStateChange$.pipe(dn((e) => e)),
-        this._permissionService.permissionPointUpdate$.pipe(hn(300)),
+        this._workbookPermissionService.unitPermissionInitStateChange$.pipe(gr((e) => e)),
+        this._permissionService.permissionPointUpdate$.pipe(br(300)),
         this._anchorVisible$
       ).subscribe(() => {
-        var d;
+        var h;
         if (!this._anchorVisible$.getValue()) {
           this._anchorPosition$.next([]);
           return;
         }
-        const t = this._context.unit, n = t.getActiveSheet(), i = n == null ? void 0 : n.getSheetId(), a = this._tableManager.getTableList(this._context.unitId).filter((u) => u.subUnitId === i), s = this._renderManagerService.getRenderById(this._context.unitId);
-        if (!s) {
+        const t = this._context.unit, r = t.getActiveSheet(), i = r == null ? void 0 : r.getSheetId(), a = this._tableManager.getTableList(this._context.unitId).filter((u) => u.subUnitId === i), l = this._renderManagerService.getRenderById(this._context.unitId);
+        if (!l) {
           this._anchorPosition$.next([]);
           return;
         }
-        if (!((d = this._permissionService.getPermissionPoint(new er(t.getUnitId()).id)) == null ? void 0 : d.value)) {
+        if (!((h = this._permissionService.getPermissionPoint(new tn(t.getUnitId()).id)) == null ? void 0 : h.value)) {
           this._anchorPosition$.next([]);
           return;
         }
-        const h = a.reduce((u, v) => {
-          const { startRow: S, startColumn: C } = v.range, _ = s.with(at), k = Gr(this._univerInstanceService, this._renderManagerService);
-          if (!k) return u;
-          const { scene: p } = k, E = p.getViewport(kr.VIEW_MAIN);
+        const d = a.reduce((u, g) => {
+          const { startRow: S, startColumn: C } = g.range, T = l.with(lt), O = tr(this._univerInstanceService, this._renderManagerService);
+          if (!O) return u;
+          const { scene: p } = O, E = p.getViewport(Bn.VIEW_MAIN);
           if (!E) return u;
-          const I = p == null ? void 0 : p.scaleX, P = p == null ? void 0 : p.scaleY, b = p == null ? void 0 : p.getViewportScrollXY(E);
-          if (!I || !p || !P || !b) return u;
-          const m = _.getCurrentSkeleton();
+          const y = p == null ? void 0 : p.scaleX, D = p == null ? void 0 : p.scaleY, v = p == null ? void 0 : p.getViewportScrollXY(E);
+          if (!y || !p || !D || !v) return u;
+          const m = T.getCurrentSkeleton();
           if (!m) return u;
-          const L = m.getNoMergeCellWithCoordByIndex(S, C), M = Or(L.startX, I, b), f = Pr(L.startY, P, b) - 25 - 4;
+          const L = m.getNoMergeCellWithCoordByIndex(S, C), M = Fn(L.startX, y, v), f = Hn(L.startY, D, v) - 25 - 4;
           return f >= -10 && M >= 45 && u.push({
             x: M,
             y: f,
-            tableId: v.id,
-            tableName: v.name
+            tableId: g.id,
+            tableName: g.name
           }), u;
         }, []);
-        this._anchorPosition$.next(h);
+        this._anchorPosition$.next(d);
       })
     );
   }
 };
-rt = vi([
-  J(1, x(Fe)),
-  J(2, x(at)),
-  J(3, Zt),
-  J(4, ee),
-  J(5, Ce),
-  J(6, tn),
-  J(7, x(te)),
-  J(8, x(Yr)),
-  J(9, x(rr)),
-  J(10, x(Vt))
-], rt);
-const ke = 16;
+nt = gi([
+  te(1, x(Ve)),
+  te(2, x(lt)),
+  te(3, qt),
+  te(4, ce),
+  te(5, _e),
+  te(6, ar),
+  te(7, x(ne)),
+  te(8, x(Kn)),
+  te(9, x(rn)),
+  te(10, x(Ut))
+], nt);
+const Pe = 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 Dt {
-  static drawNoSetting(e, t, n, i) {
-    e.save(), wt.drawWith(e, {
+class Ht {
+  static drawNoSetting(e, t, r, i) {
+    e.save(), Rt.drawWith(e, {
       radius: 2,
-      width: ke,
-      height: ke,
+      width: Pe,
+      height: Pe,
       fill: i
-    }), e.lineCap = "square", e.strokeStyle = n, e.scale(t / ke, t / ke), 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 / Pe, t / Pe), e.beginPath(), e.lineWidth = 1, e.lineCap = "round", e.moveTo(3, 4), e.lineTo(13, 4), e.moveTo(4.5, 8), e.lineTo(11.5, 8), e.moveTo(6, 12), e.lineTo(10, 12), e.stroke(), e.restore();
   }
-  static drawIconByPath(e, t, n, i) {
-    e.save(), e.strokeStyle = n, e.fillStyle = i, wt.drawWith(e, {
+  static drawIconByPath(e, t, r, i) {
+    e.save(), e.strokeStyle = r, e.fillStyle = i, Rt.drawWith(e, {
       radius: 2,
-      width: ke,
-      height: ke,
+      width: Pe,
+      height: Pe,
       fill: i
     }), t.forEach((a) => {
-      const s = new Path2D(a);
-      e.fillStyle = n, e.fill(s, "evenodd");
+      const l = new Path2D(a);
+      e.fillStyle = r, e.fill(l, "evenodd");
     }), e.restore();
   }
 }
 const bi = [
   "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"
-], gi = [
+], mi = [
   "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"
-], mi = [
+], pi = [
   "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"
-], pi = [
+], fi = [
   "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"
-], fi = [
+], Ci = [
   "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 Ci = Object.getOwnPropertyDescriptor, Si = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ci(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
+var Si = Object.getOwnPropertyDescriptor, _i = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Si(e, t) : e, a = n.length - 1, l; a >= 0; a--)
+    (l = n[a]) && (i = l(i) || i);
   return i;
-}, dt = (r, e) => (t, n) => e(t, n, r);
-const me = 16, Xe = 1;
-let gt = class extends Dr {
-  constructor(e, t, n, i, a) {
+}, vt = (n, e) => (t, r) => e(t, r, n);
+const fe = 16, Ke = 1;
+let pt = class extends Vn {
+  constructor(e, t, r, i, a) {
     super(e, t);
-    F(this, "_cellWidth", 0);
-    F(this, "_cellHeight", 0);
-    F(this, "_filterParams");
-    F(this, "_hovered", !1);
-    this._contextService = n, 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());
+    j(this, "_cellWidth", 0);
+    j(this, "_cellHeight", 0);
+    j(this, "_filterParams");
+    j(this, "_hovered", !1);
+    this._contextService = r, this._commandService = i, this._themeService = a, this.setShapeProps(t), this.onPointerDown$.subscribeEvent((l) => this.onPointerDown(l)), 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({
@@ -1464,46 +1477,46 @@ let gt = class extends Dr {
     });
   }
   _draw(e) {
-    const t = this._cellHeight, n = this._cellWidth, i = me - n, a = me - t;
+    const t = this._cellHeight, r = this._cellWidth, i = fe - r, a = fe - t;
     e.save();
-    const s = new Path2D();
-    s.rect(i, a, n, t), e.clip(s);
-    const { buttonState: c } = this._filterParams, h = this._themeService.getColorFromTheme("primary.600"), d = this._hovered ? this._themeService.getColorFromTheme("gray.50") : "rgba(255, 255, 255, 1.0)";
+    const l = new Path2D();
+    l.rect(i, a, r, t), e.clip(l);
+    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;
     switch (c) {
-      case Le.FilteredSortNone:
+      case $e.FilteredSortNone:
         u = bi;
         break;
-      case Le.FilteredSortAsc:
-        u = gi;
-        break;
-      case Le.FilteredSortDesc:
+      case $e.FilteredSortAsc:
         u = mi;
         break;
-      case Le.FilterNoneSortNone:
-        break;
-      case Le.FilterNoneSortAsc:
+      case $e.FilteredSortDesc:
         u = pi;
         break;
-      case Le.FilterNoneSortDesc:
+      case $e.FilterNoneSortNone:
+        break;
+      case $e.FilterNoneSortAsc:
         u = fi;
         break;
+      case $e.FilterNoneSortDesc:
+        u = Ci;
+        break;
     }
-    u ? Dt.drawIconByPath(e, u, h, d) : c !== void 0 && Dt.drawNoSetting(e, me, h, d), e.restore();
+    u ? Ht.drawIconByPath(e, u, d, h) : c !== void 0 && Ht.drawNoSetting(e, fe, d, h), e.restore();
   }
   onPointerDown(e) {
     if (e.button === 2)
       return;
-    const { row: t, col: n, unitId: i, subUnitId: a, tableId: s } = this._filterParams;
-    this._contextService.getContextValue(ge) || !this._commandService.hasCommand(bt.id) || setTimeout(() => {
-      const h = {
+    const { row: t, col: r, unitId: i, subUnitId: a, tableId: l } = this._filterParams;
+    this._contextService.getContextValue(pe) || !this._commandService.hasCommand(mt.id) || setTimeout(() => {
+      const d = {
         row: t,
-        col: n,
+        col: r,
         unitId: i,
         subUnitId: a,
-        tableId: s
+        tableId: l
       };
-      this._commandService.executeCommand(bt.id, h);
+      this._commandService.executeCommand(mt.id, d);
     }, 200);
   }
   onPointerEnter() {
@@ -1513,23 +1526,23 @@ let gt = class extends Dr {
     this._hovered = !1, this.makeDirty(!0);
   }
 };
-gt = Si([
-  dt(2, ft),
-  dt(3, ee),
-  dt(4, x(jt))
-], gt);
-var _i = Object.getOwnPropertyDescriptor, Ti = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? _i(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
+pt = _i([
+  vt(2, St),
+  vt(3, ce),
+  vt(4, x(En))
+], pt);
+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, l; a >= 0; a--)
+    (l = n[a]) && (i = l(i) || i);
   return i;
-}, Ie = (r, e) => (t, n) => e(t, n, r);
-const yi = 5e3;
-let mt = class extends Wt {
-  constructor(e, t, n, i, a, s, c, h) {
+}, Je = (n, e) => (t, r) => e(t, r, n);
+const Ii = 5e3;
+let ft = class extends Zt {
+  constructor(e, t, r, i, a) {
     super();
-    F(this, "_buttonRenderDisposable", null);
-    F(this, "_tableFilterButtonShapes", []);
-    this._context = e, this._injector = t, this._sheetSkeletonManagerService = n, this._themeService = i, this._sheetInterceptorService = a, this._commandService = s, this._selectionRenderService = c, this._tableManager = h, this._initRenderer();
+    j(this, "_buttonRenderDisposable", null);
+    j(this, "_tableFilterButtonShapes", []);
+    this._context = e, this._injector = t, this._sheetSkeletonManagerService = r, this._sheetInterceptorService = i, this._tableManager = a, this._initRenderer();
   }
   dispose() {
     super.dispose(), this._disposeRendering();
@@ -1537,16 +1550,16 @@ let mt = class extends Wt {
   _initRenderer() {
     const e = this._tableManager;
     this._sheetSkeletonManagerService.currentSkeleton$.pipe(
-      Re((t) => {
+      Ne((t) => {
         var c;
-        if (!t) return X(null);
-        const { unit: n, unitId: i } = this._context, a = ((c = n.getActiveSheet()) == null ? void 0 : c.getSheetId()) || "", s = () => ({
+        if (!t) return J(null);
+        const { unit: r, unitId: i } = this._context, a = ((c = r.getActiveSheet()) == null ? void 0 : c.getSheetId()) || "", l = () => ({
           unitId: i,
           worksheetId: a,
-          tableFilterRanges: this._tableManager.getSheetFilterRangeWithState(n.getUnitId(), a),
+          tableFilterRanges: this._tableManager.getSheetFilterRangeWithState(r.getUnitId(), a),
           skeleton: t.skeleton
         });
-        return Ct(
+        return _t(
           e.tableAdd$,
           e.tableNameChanged$,
           e.tableRangeChanged$,
@@ -1554,50 +1567,50 @@ let mt = class extends Wt {
           e.tableDelete$,
           e.tableFilterChanged$
         ).pipe(
-          vn(() => s()),
-          Jt(s())
+          mr(() => l()),
+          en(l())
         );
       }),
-      bn(this.dispose$)
+      pr(this.dispose$)
     ).subscribe((t) => {
       this._disposeRendering(), !(!t || !t.tableFilterRanges) && this._renderButtons(t);
     });
   }
   _renderButtons(e) {
-    const { tableFilterRanges: t, unitId: n, skeleton: i, worksheetId: a } = e, { scene: s } = this._context;
-    for (const { range: c, states: h, tableId: d } of t) {
-      const { startRow: u, startColumn: v, endColumn: S } = c;
-      this._interceptCellContent(n, a, c);
-      for (let C = v; C <= S; C++) {
-        const _ = `sheets-table-filter-button-${u}-${C}`, k = Kr(u, C, s, i), { startX: p, startY: E, endX: I, endY: P } = k, b = I - p, m = P - E;
-        if (m <= Xe || b <= Xe)
+    const { tableFilterRanges: t, unitId: r, skeleton: i, worksheetId: a } = e, { scene: l } = this._context;
+    for (const { range: c, states: d, tableId: h } of t) {
+      const { startRow: u, startColumn: g, endColumn: S } = c;
+      this._interceptCellContent(r, a, c);
+      for (let C = g; C <= S; C++) {
+        const T = `sheets-table-filter-button-${u}-${C}`, O = nr(u, C, l, i), { startX: p, startY: E, endX: y, endY: D } = O, v = y - p, m = D - E;
+        if (m <= Ke || v <= Ke)
           continue;
-        const L = h[C - v], M = I - me - Xe, f = P - me - Xe, A = {
+        const L = d[C - g], M = y - fe - Ke, f = D - fe - Ke, U = {
           left: M,
           top: f,
-          height: me,
-          width: me,
-          zIndex: yi,
+          height: fe,
+          width: fe,
+          zIndex: Ii,
           cellHeight: m,
-          cellWidth: b,
-          filterParams: { unitId: n, subUnitId: a, row: u, col: C, buttonState: L, tableId: d }
-        }, O = this._injector.createInstance(gt, _, A);
-        this._tableFilterButtonShapes.push(O);
+          cellWidth: v,
+          filterParams: { unitId: r, subUnitId: a, row: u, col: C, buttonState: L, tableId: h }
+        }, P = this._injector.createInstance(pt, T, U);
+        this._tableFilterButtonShapes.push(P);
       }
     }
-    s.addObjects(this._tableFilterButtonShapes), s.makeDirty();
+    l.addObjects(this._tableFilterButtonShapes), l.makeDirty();
   }
-  _interceptCellContent(e, t, n) {
-    const { startRow: i, startColumn: a, endColumn: s } = n;
-    this._buttonRenderDisposable = this._sheetInterceptorService.intercept(Mn.CELL_CONTENT, {
-      effect: Nr.Style,
-      handler: (c, h, d) => {
-        const { row: u, col: v, unitId: S, subUnitId: C } = h;
-        return S !== e || C !== t || u !== i || v < a || v > s ? d(c) : d({
+  _interceptCellContent(e, t, r) {
+    const { startRow: i, startColumn: a, endColumn: l } = r;
+    this._buttonRenderDisposable = this._sheetInterceptorService.intercept(Rr.CELL_CONTENT, {
+      effect: Ln.Style,
+      handler: (c, d, h) => {
+        const { row: u, col: g, unitId: S, subUnitId: C } = d;
+        return S !== e || C !== t || u !== i || g < a || g > l ? h(c) : h({
           ...c,
           fontRenderExtension: {
             ...c == null ? void 0 : c.fontRenderExtension,
-            rightOffset: me
+            rightOffset: fe
           }
         });
       },
@@ -1609,83 +1622,80 @@ let mt = class extends Wt {
     this._tableFilterButtonShapes.forEach((t) => t.dispose()), (e = this._buttonRenderDisposable) == null || e.dispose(), this._buttonRenderDisposable = null, this._tableFilterButtonShapes = [];
   }
 };
-mt = Ti([
-  Ie(1, x(Fe)),
-  Ie(2, x(at)),
-  Ie(3, x(jt)),
-  Ie(4, x(ir)),
-  Ie(5, ee),
-  Ie(6, Xr),
-  Ie(7, x(te))
-], mt);
-const wi = (r) => {
-  const { unitId: e, subUnitId: t, range: n, onCancel: i, onConfirm: a, tableId: s } = r, c = R(te), [h, d] = W(n), [u, v] = W(""), S = R(oe), C = R(Ce);
-  return /* @__PURE__ */ T(St, { children: [
+ft = wi([
+  Je(1, x(Ve)),
+  Je(2, x(lt)),
+  Je(3, x(sn)),
+  Je(4, x(ne))
+], ft);
+const yi = (n) => {
+  const { unitId: e, subUnitId: t, range: r, onCancel: i, onConfirm: a, tableId: l } = n, c = R(ne), [d, h] = q(r), [u, g] = q(""), S = R(ue), C = R(_e);
+  return /* @__PURE__ */ _(Tt, { children: [
     /* @__PURE__ */ o(
-      Ln,
+      $r,
       {
         maxRangeCount: 1,
         unitId: e,
         subUnitId: t,
-        initialValue: Ot(n),
-        onChange: (_, k) => {
-          const p = Ot(n), E = En(k).range, I = st(C, { unitId: e, subUnitId: t });
-          if (!I)
+        initialValue: Bt(r),
+        onChange: (T, O) => {
+          const p = Bt(r), E = Lr(O).range, y = ot(C, { unitId: e, subUnitId: t });
+          if (!y)
             return;
-          if (I.worksheet.getMergeData().some((O) => pe.intersects(E, O))) {
-            v(S.t("sheets-table.tableRangeWithMergeError"));
+          if (y.worksheet.getMergeData().some((P) => Ce.intersects(E, P))) {
+            g(S.t("sheets-table.tableRangeWithMergeError"));
             return;
           }
-          if (c.getTablesBySubunitId(e, t).some((O) => {
-            if (O.getId() === s)
+          if (c.getTablesBySubunitId(e, t).some((P) => {
+            if (P.getId() === l)
               return !1;
-            const q = O.getRange();
-            return pe.intersects(E, q);
+            const Q = P.getRange();
+            return Ce.intersects(E, Q);
           })) {
-            v(S.t("sheets-table.tableRangeWithOtherTableError"));
+            g(S.t("sheets-table.tableRangeWithOtherTableError"));
             return;
           }
           const { startRow: M, endRow: f } = E;
           if (M === f) {
-            v(S.t("sheets-table.tableRangeSingleRowError"));
+            g(S.t("sheets-table.tableRangeSingleRowError"));
             return;
           }
-          if (p !== k) {
-            if (s) {
-              const O = c.getTableById(e, s);
-              if (O) {
-                const q = O.getRange();
-                if (pe.intersects(E, q) && q.startRow === E.startRow) {
-                  d(E), v(""), a({
+          if (p !== O) {
+            if (l) {
+              const P = c.getTableById(e, l);
+              if (P) {
+                const Q = P.getRange();
+                if (Ce.intersects(E, Q) && Q.startRow === E.startRow) {
+                  h(E), g(""), a({
                     unitId: e,
                     subUnitId: t,
                     range: E
                   });
                   return;
                 } else {
-                  v(S.t("sheets-table.updateError"));
+                  g(S.t("sheets-table.updateError"));
                   return;
                 }
               }
             }
-            d(E), v("");
+            h(E), g("");
           }
         },
         supportAcrossSheet: !1
       }
     ),
     u && /* @__PURE__ */ o("div", { className: "univer-mt-1 univer-text-xs univer-text-red-500", children: u }),
-    /* @__PURE__ */ T("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
-      /* @__PURE__ */ o(We, { onClick: i, children: S.t("sheets-table.cancel") }),
+    /* @__PURE__ */ _("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
+      /* @__PURE__ */ o(Ze, { onClick: i, children: S.t("sheets-table.cancel") }),
       /* @__PURE__ */ o(
-        We,
+        Ze,
         {
           variant: "primary",
           onClick: () => {
             u || a({
               unitId: e,
               subUnitId: t,
-              range: h
+              range: d
             });
           },
           className: "univer-ml-2",
@@ -1694,108 +1704,107 @@ const wi = (r) => {
       )
     ] })
   ] });
-}, Ii = (r) => {
-  var Ee, _e, Te, w, V, N, B, He, ce, Ze, ot, qe;
-  const { unitId: e, subUnitId: t, tableId: n } = r, i = R(ee), a = R(oe), s = R(te), c = s.getTableById(e, n), h = R(nr), d = R(Ne), u = Me(h.rangeThemeMapChange$), v = Me(d.refreshTable$), S = R(xr), [, C] = W(Math.random()), _ = Me(s.tableThemeChanged$, {
+}, Mi = (n) => {
+  var Le, we, Ie, I, A, N, F, Ae, de, qe, ut, Ye;
+  const { unitId: e, subUnitId: t, tableId: r } = n, i = R(ce), a = R(ue), l = R(ne), c = l.getTableById(e, r), d = R(an), h = R(xe), u = Re(d.rangeThemeMapChange$), g = Re(h.refreshTable$), S = R($n), [, C] = q(Math.random()), T = Re(l.tableThemeChanged$, {
     theme: c == null ? void 0 : c.getTableStyleId(),
     oldTheme: c == null ? void 0 : c.getTableStyleId(),
     unitId: e,
     subUnitId: t,
-    tableId: n
-  }), k = h.getRegisteredRangeThemes().filter((g) => g == null ? void 0 : g.startsWith(Pn)), p = h.getALLRegisteredTheme(e).filter((g) => g == null ? void 0 : g.startsWith(ut)), E = c == null ? void 0 : c.getTableStyleId(), I = p.find((g) => g === E), P = I || p[0], b = h.getCustomRangeThemeStyle(e, P), m = (Te = (_e = (Ee = b == null ? void 0 : b.getHeaderRowStyle()) == null ? void 0 : Ee.bg) == null ? void 0 : _e.rgb) != null ? Te : be, L = (N = (V = (w = b == null ? void 0 : b.getFirstRowStyle()) == null ? void 0 : w.bg) == null ? void 0 : V.rgb) != null ? N : be, M = (ce = (He = (B = b == null ? void 0 : b.getSecondRowStyle()) == null ? void 0 : B.bg) == null ? void 0 : He.rgb) != null ? ce : be, f = (qe = (ot = (Ze = b == null ? void 0 : b.getLastRowStyle()) == null ? void 0 : Ze.bg) == null ? void 0 : ot.rgb) != null ? qe : be, [A, O] = W(null), q = (g) => {
-    i.executeCommand(vt.id, {
+    tableId: r
+  }), O = d.getRegisteredRangeThemes().filter((b) => b == null ? void 0 : b.startsWith(Dr)), p = d.getALLRegisteredTheme(e).filter((b) => b == null ? void 0 : b.startsWith(ht)), E = c == null ? void 0 : c.getTableStyleId(), y = p.find((b) => b === E), D = y || p[0], v = d.getCustomRangeThemeStyle(e, D), m = (Ie = (we = (Le = v == null ? void 0 : v.getHeaderRowStyle()) == null ? void 0 : Le.bg) == null ? void 0 : we.rgb) != null ? Ie : me, L = (N = (A = (I = v == null ? void 0 : v.getFirstRowStyle()) == null ? void 0 : I.bg) == null ? void 0 : A.rgb) != null ? N : me, M = (de = (Ae = (F = v == null ? void 0 : v.getSecondRowStyle()) == null ? void 0 : F.bg) == null ? void 0 : Ae.rgb) != null ? de : me, f = (Ye = (ut = (qe = v == null ? void 0 : v.getLastRowStyle()) == null ? void 0 : qe.bg) == null ? void 0 : ut.rgb) != null ? Ye : me, [U, P] = q(null), Q = (b) => {
+    i.executeCommand(bt.id, {
       unitId: e,
-      tableId: n,
-      theme: g
+      tableId: r,
+      theme: b
     });
-  }, D = () => {
+  }, B = () => {
     if (p.length >= 11) {
       S.emit(a.t("sheets-table.customTooMore"));
       return;
     }
-    const g = p[p.length - 1];
-    let y = `${ut}1`;
-    if (g) {
-      const G = Number(g.split("-")[2]);
-      y = `${ut}${G + 1}`;
+    const b = p[p.length - 1];
+    let w = `${ht}1`;
+    if (b) {
+      const K = Number(b.split("-")[2]);
+      w = `${ht}${K + 1}`;
     }
-    const z = new Rn(y, { ...jr });
-    i.executeCommand(Wr.id, {
+    const X = new Nr(w, { ...Yn });
+    i.executeCommand(Qn.id, {
       unitId: e,
-      tableId: n,
-      themeStyle: z
+      tableId: r,
+      themeStyle: X
     });
-  }, K = (g, y) => {
-    i.executeCommand(tr.id, {
+  }, ee = (b, w) => {
+    i.executeCommand(nn.id, {
       unitId: e,
       subUnitId: t,
-      styleName: g,
-      style: y
+      styleName: b,
+      style: w
     });
-  }, Se = (g) => {
-    i.executeCommand(Zr.id, {
+  }, Te = (b) => {
+    i.executeCommand(zn.id, {
       unitId: e,
-      tableId: n,
-      themeName: g
+      tableId: r,
+      themeName: b
     });
   };
-  return sr(() => {
+  return on(() => {
     C(Math.random());
-  }, [u, v]), c ? /* @__PURE__ */ T("div", { children: [
+  }, [u, g]), c ? /* @__PURE__ */ _("div", { children: [
     /* @__PURE__ */ o("h5", { children: a.t("sheets-table.defaultStyle") }),
-    /* @__PURE__ */ o("div", { className: "univer-flex univer-gap-2", children: k.map((g) => {
-      var ue, de, he, Z, ye, we, Ve, Ae;
-      const y = h.getDefaultRangeThemeStyle(g), z = ((de = (ue = y == null ? void 0 : y.getHeaderRowStyle()) == null ? void 0 : ue.bg) == null ? void 0 : de.rgb) || be, G = ((Z = (he = y == null ? void 0 : y.getFirstRowStyle()) == null ? void 0 : he.bg) == null ? void 0 : Z.rgb) || be, ae = ((we = (ye = y == null ? void 0 : y.getSecondRowStyle()) == null ? void 0 : ye.bg) == null ? void 0 : we.rgb) || be, se = ((Ae = (Ve = y == null ? void 0 : y.getLastRowStyle()) == null ? void 0 : Ve.bg) == null ? void 0 : Ae.rgb) || be;
-      return /* @__PURE__ */ T(
+    /* @__PURE__ */ o("div", { className: "univer-flex univer-gap-2", children: O.map((b) => {
+      var he, ve, ge, Y, ye, Me, Ue, je;
+      const w = d.getDefaultRangeThemeStyle(b), X = ((ve = (he = w == null ? void 0 : w.getHeaderRowStyle()) == null ? void 0 : he.bg) == null ? void 0 : ve.rgb) || me, K = ((Y = (ge = w == null ? void 0 : w.getFirstRowStyle()) == null ? void 0 : ge.bg) == null ? void 0 : Y.rgb) || me, se = ((Me = (ye = w == null ? void 0 : w.getSecondRowStyle()) == null ? void 0 : ye.bg) == null ? void 0 : Me.rgb) || me, le = ((je = (Ue = w == null ? void 0 : w.getLastRowStyle()) == null ? void 0 : Ue.bg) == null ? void 0 : je.rgb) || me;
+      return /* @__PURE__ */ _(
         "div",
         {
           className: "univer-h-10 univer-w-8 univer-cursor-pointer univer-p-px",
-          onClick: () => q(g),
+          onClick: () => Q(b),
           style: {
-            border: g === _.theme ? Pt : $e
+            border: b === T.theme ? Ft : Oe
           },
           children: [
-            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: z, border: `${Y}` } }),
-            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: G, border: `${Y}` } }),
-            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: ae, border: `${Y}` } }),
-            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: se, border: `${Y}` } })
+            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: X, border: `${z}` } }),
+            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: K, border: `${z}` } }),
+            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: se, border: `${z}` } }),
+            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: le, border: `${z}` } })
           ]
         },
-        g
+        b
       );
     }) }),
     /* @__PURE__ */ o("h5", { children: a.t("sheets-table.customStyle") }),
-    /* @__PURE__ */ T("div", { className: "univer-w-full univer-rounded-sm univer-border univer-border-solid univer-border-gray-200", children: [
-      /* @__PURE__ */ T("div", { className: "univer-flex univer-flex-wrap univer-gap-2 univer-p-2", children: [
+    /* @__PURE__ */ _("div", { className: k("univer-w-full univer-rounded-sm", H), children: [
+      /* @__PURE__ */ _("div", { className: "univer-flex univer-flex-wrap univer-gap-2 univer-p-2", children: [
         /* @__PURE__ */ o(
           "div",
           {
-            className: `
-                          univer-h-10 univer-w-8 univer-cursor-pointer univer-border univer-border-solid
-                          univer-border-gray-200 univer-p-px univer-text-center univer-leading-10
-                        `,
-            onClick: D,
+            className: k(`
+                          univer-h-10 univer-w-8 univer-cursor-pointer univer-p-px univer-text-center univer-leading-10
+                        `, H),
+            onClick: B,
             children: "+"
           }
         ),
-        p.map((g) => {
-          var ue, de, he, Z, ye, we, Ve, Ae;
-          const y = h.getCustomRangeThemeStyle(e, g), z = (de = (ue = y == null ? void 0 : y.getHeaderRowStyle()) == null ? void 0 : ue.bg) == null ? void 0 : de.rgb, G = (Z = (he = y == null ? void 0 : y.getFirstRowStyle()) == null ? void 0 : he.bg) == null ? void 0 : Z.rgb, ae = (we = (ye = y == null ? void 0 : y.getSecondRowStyle()) == null ? void 0 : ye.bg) == null ? void 0 : we.rgb, se = (Ae = (Ve = y == null ? void 0 : y.getLastRowStyle()) == null ? void 0 : Ve.bg) == null ? void 0 : Ae.rgb;
-          return /* @__PURE__ */ T(
+        p.map((b) => {
+          var he, ve, ge, Y, ye, Me, Ue, je;
+          const w = d.getCustomRangeThemeStyle(e, b), X = (ve = (he = w == null ? void 0 : w.getHeaderRowStyle()) == null ? void 0 : he.bg) == null ? void 0 : ve.rgb, K = (Y = (ge = w == null ? void 0 : w.getFirstRowStyle()) == null ? void 0 : ge.bg) == null ? void 0 : Y.rgb, se = (Me = (ye = w == null ? void 0 : w.getSecondRowStyle()) == null ? void 0 : ye.bg) == null ? void 0 : Me.rgb, le = (je = (Ue = w == null ? void 0 : w.getLastRowStyle()) == null ? void 0 : Ue.bg) == null ? void 0 : je.rgb;
+          return /* @__PURE__ */ _(
             "div",
             {
               className: "univer-relative univer-h-10 univer-w-8 univer-cursor-pointer univer-p-px",
-              onClick: () => q(g),
+              onClick: () => Q(b),
               style: {
-                border: g === _.theme ? Pt : $e
+                border: b === T.theme ? Ft : Oe
               },
-              onMouseEnter: () => O(g),
-              onMouseLeave: () => O(null),
+              onMouseEnter: () => P(b),
+              onMouseLeave: () => P(null),
               children: [
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: z != null ? z : Y, border: `${z ? Y : $e}` } }),
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: G != null ? G : Y, border: `${G ? Y : $e}` } }),
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: ae != null ? ae : Y, border: `${ae ? Y : $e}` } }),
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: se != null ? se : Y, border: `${se ? Y : $e}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: X != null ? X : z, border: `${X ? z : Oe}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: K != null ? K : z, border: `${K ? z : Oe}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: se != null ? se : z, border: `${se ? z : Oe}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-2.5", style: { background: le != null ? le : z, border: `${le ? z : Oe}` } }),
                 /* @__PURE__ */ o(
                   "div",
                   {
@@ -1804,263 +1813,247 @@ const wi = (r) => {
                                       univer-rounded-md univer-bg-gray-200 univer-text-center univer-text-xs
                                       univer-leading-[10px]
                                     `,
-                    style: { display: A === g ? "block" : "none" },
-                    onClick: (wr) => {
-                      wr.stopPropagation(), Se(g);
+                    style: { display: U === b ? "block" : "none" },
+                    onClick: (Mn) => {
+                      Mn.stopPropagation(), Te(b);
                     },
                     children: "x"
                   }
                 )
               ]
             },
-            g
+            b
           );
         })
       ] }),
-      I && /* @__PURE__ */ T(St, { children: [
+      y && /* @__PURE__ */ _(Tt, { children: [
         /* @__PURE__ */ o("div", { className: "univer-h-px univer-w-full univer-bg-gray-200" }),
-        /* @__PURE__ */ T("div", { className: "univer-flex univer-flex-col univer-gap-2 univer-p-2", children: [
-          /* @__PURE__ */ T("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+        /* @__PURE__ */ _("div", { className: "univer-flex univer-flex-col univer-gap-2 univer-p-2", children: [
+          /* @__PURE__ */ _("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
             /* @__PURE__ */ o(
               "div",
               {
-                className: `
-                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-border
-                                      univer-border-solid univer-border-gray-200 univer-text-center univer-leading-9
-                                    `,
+                className: k(`
+                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center
+                                      univer-leading-9
+                                    `, H),
                 style: {
                   background: m,
-                  color: new le(m).isDark() ? "#fff" : "#000"
+                  color: new oe(m).isDark() ? "#fff" : "#000"
                 },
                 children: a.t("sheets-table.header")
               }
             ),
             /* @__PURE__ */ o(
-              Ue,
+              De,
               {
                 overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
-                  Qe,
+                  ze,
                   {
                     value: m,
-                    onChange: (g) => {
-                      const y = Rt("headerRowStyle", {
+                    onChange: (b) => {
+                      const w = Et("headerRowStyle", {
                         bg: {
-                          rgb: g
+                          rgb: b
                         },
                         cl: {
-                          rgb: new le(g).isDark() ? "#fff" : "#000"
+                          rgb: new oe(b).isDark() ? "#fff" : "#000"
                         }
                       });
-                      K(c.getTableStyleId(), { headerRowStyle: y });
+                      ee(c.getTableStyleId(), { headerRowStyle: w });
                     }
                   }
                 ) }),
-                children: /* @__PURE__ */ T(
+                children: /* @__PURE__ */ _(
                   "div",
                   {
-                    className: `
+                    className: k(`
                                           univer-flex univer-cursor-pointer univer-items-center univer-gap-2
-                                          univer-rounded-sm univer-border univer-border-solid univer-border-gray-200
-                                          univer-bg-white univer-p-1
-                                        `,
+                                          univer-rounded-sm univer-bg-white univer-p-1
+                                        `, H),
                     children: [
                       /* @__PURE__ */ o(
                         "div",
                         {
-                          className: `
-                                              univer-h-4 univer-w-4 univer-rounded-[8px] univer-border
-                                              univer-border-solid univer-border-gray-200 univer-bg-slate-400
-                                            `,
+                          className: k("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H),
                           style: {
                             background: m,
-                            color: new le(m).isDark() ? "#fff" : "#000"
+                            color: new oe(m).isDark() ? "#fff" : "#000"
                           }
                         }
                       ),
-                      /* @__PURE__ */ o(je, { className: "univer-h-2 univer-w-2" })
+                      /* @__PURE__ */ o(We, { className: "univer-h-2 univer-w-2" })
                     ]
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ T("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+          /* @__PURE__ */ _("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
             /* @__PURE__ */ o(
               "div",
               {
-                className: `
-                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-border
-                                      univer-border-solid univer-border-gray-200 univer-text-center univer-leading-9
-                                    `,
+                className: k(`
+                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center
+                                      univer-leading-9
+                                    `, H),
                 style: {
                   background: L,
-                  color: new le(L).isDark() ? "#fff" : "#000"
+                  color: new oe(L).isDark() ? "#fff" : "#000"
                 },
                 children: a.t("sheets-table.firstLine")
               }
             ),
             /* @__PURE__ */ o(
-              Ue,
+              De,
               {
                 overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
-                  Qe,
+                  ze,
                   {
                     value: L,
-                    onChange: (g) => {
-                      K(c.getTableStyleId(), {
+                    onChange: (b) => {
+                      ee(c.getTableStyleId(), {
                         firstRowStyle: {
                           bg: {
-                            rgb: g
+                            rgb: b
                           },
                           cl: {
-                            rgb: new le(g).isDark() ? "#fff" : "#000"
+                            rgb: new oe(b).isDark() ? "#fff" : "#000"
                           }
                         }
                       });
                     }
                   }
                 ) }),
-                children: /* @__PURE__ */ T(
+                children: /* @__PURE__ */ _(
                   "div",
                   {
-                    className: `
+                    className: k(`
                                           univer-flex univer-cursor-pointer univer-items-center univer-gap-2
-                                          univer-rounded-sm univer-border univer-border-solid univer-border-gray-200
-                                          univer-bg-white univer-p-1
-                                        `,
+                                          univer-rounded-sm univer-bg-white univer-p-1
+                                        `, H),
                     children: [
                       /* @__PURE__ */ o(
                         "div",
                         {
-                          className: `
-                                              univer-h-4 univer-w-4 univer-rounded-[8px] univer-border
-                                              univer-border-solid univer-border-gray-200 univer-bg-slate-400
-                                            `,
+                          className: k("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H),
                           style: { background: L }
                         }
                       ),
-                      /* @__PURE__ */ o(je, { className: "univer-h-2 univer-w-2" })
+                      /* @__PURE__ */ o(We, { className: "univer-h-2 univer-w-2" })
                     ]
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ T("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+          /* @__PURE__ */ _("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
             /* @__PURE__ */ o(
               "div",
               {
-                className: `
-                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-border
-                                      univer-border-solid univer-border-gray-200 univer-text-center univer-leading-9
-                                    `,
+                className: k(`
+                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center
+                                      univer-leading-9
+                                    `, H),
                 style: {
                   background: M,
-                  color: new le(M).isDark() ? "#fff" : "#000"
+                  color: new oe(M).isDark() ? "#fff" : "#000"
                 },
                 children: a.t("sheets-table.secondLine")
               }
             ),
             /* @__PURE__ */ o(
-              Ue,
+              De,
               {
                 overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
-                  Qe,
+                  ze,
                   {
                     value: M,
-                    onChange: (g) => K(c.getTableStyleId(), {
+                    onChange: (b) => ee(c.getTableStyleId(), {
                       secondRowStyle: {
                         bg: {
-                          rgb: g
+                          rgb: b
                         },
                         cl: {
-                          rgb: new le(g).isDark() ? "#fff" : "#000"
+                          rgb: new oe(b).isDark() ? "#fff" : "#000"
                         }
                       }
                     })
                   }
                 ) }),
-                children: /* @__PURE__ */ T(
+                children: /* @__PURE__ */ _(
                   "div",
                   {
-                    className: `
+                    className: k(`
                                           univer-flex univer-cursor-pointer univer-items-center univer-gap-2
-                                          univer-rounded-sm univer-border univer-border-solid univer-border-gray-200
-                                          univer-bg-white univer-p-1
-                                        `,
+                                          univer-rounded-sm univer-bg-white univer-p-1
+                                        `),
                     children: [
                       /* @__PURE__ */ o(
                         "div",
                         {
-                          className: `
-                                              univer-h-4 univer-w-4 univer-rounded-[8px] univer-border
-                                              univer-border-solid univer-border-gray-200 univer-bg-slate-400
-                                            `,
+                          className: k("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(We, { className: "univer-h-2 univer-w-2" })
                     ]
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ T("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+          /* @__PURE__ */ _("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
             /* @__PURE__ */ o(
               "div",
               {
-                className: `
-                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-border
-                                      univer-border-solid univer-border-gray-200 univer-text-center univer-leading-9
-                                    `,
+                className: k(`
+                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-text-center
+                                      univer-leading-9
+                                    `, H),
                 style: {
                   background: f,
-                  color: new le(f).isDark() ? "#fff" : "#000"
+                  color: new oe(f).isDark() ? "#fff" : "#000"
                 },
                 children: a.t("sheets-table.footer")
               }
             ),
             /* @__PURE__ */ o(
-              Ue,
+              De,
               {
                 overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
-                  Qe,
+                  ze,
                   {
                     value: f,
-                    onChange: (g) => {
-                      const y = Rt("lastRowStyle", {
+                    onChange: (b) => {
+                      const w = Et("lastRowStyle", {
                         bg: {
-                          rgb: g
+                          rgb: b
                         },
                         cl: {
-                          rgb: new le(g).isDark() ? "#fff" : "#000"
+                          rgb: new oe(b).isDark() ? "#fff" : "#000"
                         }
                       });
-                      K(c.getTableStyleId(), { lastRowStyle: y });
+                      ee(c.getTableStyleId(), { lastRowStyle: w });
                     }
                   }
                 ) }),
-                children: /* @__PURE__ */ T(
+                children: /* @__PURE__ */ _(
                   "div",
                   {
-                    className: `
+                    className: k(`
                                           univer-flex univer-cursor-pointer univer-items-center univer-gap-2
-                                          univer-rounded-sm univer-border univer-border-solid univer-border-gray-200
-                                          univer-bg-white univer-p-1
-                                        `,
+                                          univer-rounded-sm univer-bg-white univer-p-1
+                                        `, H),
                     children: [
                       /* @__PURE__ */ o(
                         "div",
                         {
-                          className: `
-                                              univer-h-4 univer-w-4 univer-rounded-[8px] univer-border
-                                              univer-border-solid univer-border-gray-200 univer-bg-slate-400
-                                            `,
+                          className: k("univer-h-4 univer-w-4 univer-rounded-lg univer-bg-gray-400", H),
                           style: { background: f }
                         }
                       ),
-                      /* @__PURE__ */ o(je, { className: "univer-h-2 univer-w-2" })
+                      /* @__PURE__ */ o(We, { className: "univer-h-2 univer-w-2" })
                     ]
                   }
                 )
@@ -2071,186 +2064,186 @@ const wi = (r) => {
       ] })
     ] })
   ] }) : null;
-}, Sr = "sheet.table.context-insert_menu-id", _r = "sheet.table.context-remove_menu-id";
-function Mi(r) {
+}, _n = "sheet.table.context-insert_menu-id", Tn = "sheet.table.context-remove_menu-id";
+function Ri(n) {
   return {
-    id: yt.id,
-    type: xe.BUTTON,
-    icon: lr,
+    id: Mt.id,
+    type: Ee.BUTTON,
+    icon: cn,
     tooltip: "sheets-table.title",
     title: "sheets-table.title"
   };
 }
-function Ri(r) {
+function Ni(n) {
   return {
-    id: Sr,
-    type: xe.SUBITEMS,
+    id: _n,
+    type: Ee.SUBITEMS,
     icon: "Insert",
     title: "sheets-table.insert.main",
-    hidden$: Tr(r)
+    hidden$: wn(n)
   };
 }
-function Ni(r) {
+function xi(n) {
   return {
-    id: _r,
-    type: xe.SUBITEMS,
+    id: Tn,
+    type: Ee.SUBITEMS,
     icon: "Reduce",
     title: "sheets-table.remove.main",
-    hidden$: Tr(r)
+    hidden$: wn(n)
   };
 }
-function xi(r) {
+function Ei(n) {
   return {
-    id: zt.id,
-    type: xe.BUTTON,
+    id: Gt.id,
+    type: Ee.BUTTON,
     title: "sheets-table.insert.row",
-    hidden$: yr(r)
+    hidden$: In(n)
   };
 }
-function Ei(r) {
+function Li(n) {
   return {
-    id: Qt.id,
+    id: zt.id,
     title: "sheets-table.insert.col",
-    type: xe.BUTTON
+    type: Ee.BUTTON
   };
 }
-function Li(r) {
+function $i(n) {
   return {
-    id: Yt.id,
-    type: xe.BUTTON,
+    id: Qt.id,
+    type: Ee.BUTTON,
     title: "sheets-table.remove.row",
-    hidden$: yr(r)
+    hidden$: In(n)
   };
 }
-function $i(r) {
+function Oi(n) {
   return {
-    id: qt.id,
+    id: Yt.id,
     title: "sheets-table.remove.col",
-    type: xe.BUTTON
+    type: Ee.BUTTON
   };
 }
-function Tr(r) {
-  const e = r.get(lt);
-  return r.get(Ce).getCurrentTypeOfUnit$(tt.UNIVER_SHEET).pipe(
-    Re((i) => i ? i.activeSheet$.pipe(
-      Re((a) => a ? e.selectionMoveEnd$.pipe(
-        Re((s) => {
-          if (!s.length || s.length > 1) return X(!0);
-          const h = s[0].range, u = r.get(Gt).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), h);
-          return X(!u);
+function wn(n) {
+  const e = n.get(ct);
+  return n.get(_e).getCurrentTypeOfUnit$(st.UNIVER_SHEET).pipe(
+    Ne((i) => i ? i.activeSheet$.pipe(
+      Ne((a) => a ? e.selectionMoveEnd$.pipe(
+        Ne((l) => {
+          if (!l.length || l.length > 1) return J(!0);
+          const d = l[0].range, u = n.get(Xt).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), d);
+          return J(!u);
         })
-      ) : X(!0))
-    ) : X(!0))
+      ) : J(!0))
+    ) : J(!0))
   );
 }
-function yr(r) {
-  const e = r.get(lt);
-  return r.get(Ce).getCurrentTypeOfUnit$(tt.UNIVER_SHEET).pipe(
-    Re((i) => i ? i.activeSheet$.pipe(
-      Re((a) => a ? e.selectionMoveEnd$.pipe(
-        Re((s) => {
-          if (!s.length || s.length > 1) return X(!0);
-          const h = s[0].range, u = r.get(Gt).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), h);
+function In(n) {
+  const e = n.get(ct);
+  return n.get(_e).getCurrentTypeOfUnit$(st.UNIVER_SHEET).pipe(
+    Ne((i) => i ? i.activeSheet$.pipe(
+      Ne((a) => a ? e.selectionMoveEnd$.pipe(
+        Ne((l) => {
+          if (!l.length || l.length > 1) return J(!0);
+          const d = l[0].range, u = n.get(Xt).getContainerTableWithRange(i.getUnitId(), a.getSheetId(), d);
           if (!u)
-            return X(!0);
-          const v = u.getRange();
-          return h.startRow === v.startRow ? X(!0) : X(!1);
+            return J(!0);
+          const g = u.getRange();
+          return d.startRow === g.startRow ? J(!0) : J(!1);
         })
-      ) : X(!0))
-    ) : X(!0))
+      ) : J(!0))
+    ) : J(!0))
   );
 }
-const ki = {
-  [ln.FORMULAS_VIEW]: {
-    [yt.id]: {
+const Pi = {
+  [ur.FORMULAS_VIEW]: {
+    [Mt.id]: {
       order: 0,
-      menuItemFactory: Mi
+      menuItemFactory: Ri
     }
   },
-  [an.MAIN_AREA]: {
-    [sn.LAYOUT]: {
-      [Sr]: {
+  [or.MAIN_AREA]: {
+    [cr.LAYOUT]: {
+      [_n]: {
         order: 5,
-        menuItemFactory: Ri,
-        [zt.id]: {
+        menuItemFactory: Ni,
+        [Gt.id]: {
           order: 1,
-          menuItemFactory: xi
+          menuItemFactory: Ei
         },
-        [Qt.id]: {
+        [zt.id]: {
           order: 2,
-          menuItemFactory: Ei
+          menuItemFactory: Li
         }
       },
-      [_r]: {
+      [Tn]: {
         order: 6,
-        menuItemFactory: Ni,
-        [Yt.id]: {
+        menuItemFactory: xi,
+        [Qt.id]: {
           order: 1,
-          menuItemFactory: Li
+          menuItemFactory: $i
         },
-        [qt.id]: {
+        [Yt.id]: {
           order: 2,
-          menuItemFactory: $i
+          menuItemFactory: Oi
         }
       }
     }
   }
 };
-var Oi = Object.getOwnPropertyDescriptor, Pi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Oi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
+var ki = Object.getOwnPropertyDescriptor, Di = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? ki(e, t) : e, a = n.length - 1, l; a >= 0; a--)
+    (l = n[a]) && (i = l(i) || i);
   return i;
-}, Bt = (r, e) => (t, n) => e(t, n, r);
-let nt = class extends Be {
-  constructor(r, e) {
-    super(), this._componentManager = r, this._menuManagerService = e, this._initComponents(), this._initMenu();
+}, Vt = (n, e) => (t, r) => e(t, r, n);
+let rt = class extends He {
+  constructor(n, e) {
+    super(), this._componentManager = n, this._menuManagerService = e, this._initComponents(), this._initMenu();
   }
   _initComponents() {
     [
-      [lr, pr],
-      [Oe, wi],
-      [or, Ii]
-    ].forEach(([r, e]) => {
-      this.disposeWithMe(this._componentManager.register(r, e));
+      [cn, fn],
+      [ke, yi],
+      [un, Mi]
+    ].forEach(([n, e]) => {
+      this.disposeWithMe(this._componentManager.register(n, e));
     });
   }
   _initMenu() {
-    this._menuManagerService.mergeMenu(ki);
+    this._menuManagerService.mergeMenu(Pi);
   }
 };
-nt = Pi([
-  Bt(0, x(Xt)),
-  Bt(1, x(on))
-], nt);
-var Di = Object.getOwnPropertyDescriptor, Bi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Di(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
+rt = Di([
+  Vt(0, x(Kt)),
+  Vt(1, x(dr))
+], rt);
+var Bi = Object.getOwnPropertyDescriptor, Fi = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Bi(e, t) : e, a = n.length - 1, l; a >= 0; a--)
+    (l = n[a]) && (i = l(i) || i);
   return i;
-}, Ke = (r, e) => (t, n) => e(t, n, r);
-let pt = class extends Wt {
-  constructor(r, e, t, n, i) {
-    super(), this._context = r, this._injector = e, this._sheetSkeletonManagerService = t, this._tableManager = n, this._sheetTableThemeUIController = i, this._initListener();
+}, et = (n, e) => (t, r) => e(t, r, n);
+let Ct = class extends Zt {
+  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 r = this._sheetSkeletonManagerService.getCurrentParam();
-    if (r) {
-      const t = { ...r, dirty: !0 };
+    const n = this._sheetSkeletonManagerService.getCurrentParam();
+    if (n) {
+      const t = { ...n, dirty: !0 };
       this._sheetSkeletonManagerService.reCalculate(t);
     }
   }
   _initListener() {
-    const r = this._tableManager, e = this._dirtySkeleton.bind(this);
+    const n = this._tableManager, e = this._dirtySkeleton.bind(this);
     this.disposeWithMe(
-      Ct(
-        r.tableAdd$,
-        r.tableDelete$,
-        r.tableNameChanged$,
-        r.tableRangeChanged$,
-        r.tableThemeChanged$,
-        r.tableFilterChanged$,
-        r.tableInitStatus$,
+      _t(
+        n.tableAdd$,
+        n.tableDelete$,
+        n.tableNameChanged$,
+        n.tableRangeChanged$,
+        n.tableThemeChanged$,
+        n.tableFilterChanged$,
+        n.tableInitStatus$,
         this._sheetTableThemeUIController.refreshTable$
       ).subscribe(
         e
@@ -2258,50 +2251,50 @@ let pt = class extends Wt {
     );
   }
 };
-pt = Bi([
-  Ke(1, x(Fe)),
-  Ke(2, x(at)),
-  Ke(3, x(te)),
-  Ke(4, x(Ne))
-], pt);
-var Fi = Object.getOwnPropertyDescriptor, Hi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Fi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
+Ct = Fi([
+  et(1, x(Ve)),
+  et(2, x(lt)),
+  et(3, x(ne)),
+  et(4, x(xe))
+], Ct);
+var Hi = Object.getOwnPropertyDescriptor, Vi = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Hi(e, t) : e, a = n.length - 1, l; a >= 0; a--)
+    (l = n[a]) && (i = l(i) || i);
   return i;
-}, ht = (r, e) => (t, n) => e(t, n, r);
-let it = class extends Be {
-  constructor(r, e, t) {
-    super(), this._sheetInterceptorService = r, this._univerInstanceService = e, this._tableManager = t, this._initSelectionChange();
+}, gt = (n, e) => (t, r) => e(t, r, n);
+let it = class extends He {
+  constructor(n, e, t) {
+    super(), this._sheetInterceptorService = n, this._univerInstanceService = e, this._tableManager = t, this._initSelectionChange();
   }
   _initSelectionChange() {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
-        getMutations: (r) => {
-          if (r.id === Jr.id) {
-            const e = st(this._univerInstanceService);
+        getMutations: (n) => {
+          if (n.id === rr.id) {
+            const e = ot(this._univerInstanceService);
             if (!e)
               return { redos: [], undos: [] };
-            const t = r.params, { range: n } = t, { unitId: i, subUnitId: a, worksheet: s } = e, h = this._tableManager.getTablesBySubunitId(i, a).find((d) => {
-              const u = d.getRange();
-              return pe.contains(u, n);
+            const t = n.params, { range: r } = t, { unitId: i, subUnitId: a, worksheet: l } = e, d = this._tableManager.getTablesBySubunitId(i, a).find((h) => {
+              const u = h.getRange();
+              return Ce.contains(u, r);
             });
-            if (h) {
-              const d = h.getRange(), u = {
-                ...d,
-                startRow: d.startRow + 1
+            if (d) {
+              const h = d.getRange(), u = {
+                ...h,
+                startRow: h.startRow + 1
               };
-              return pe.equals(d, n) ? { undos: [], redos: [] } : pe.equals(u, n) ? {
+              return Ce.equals(h, r) ? { undos: [], redos: [] } : Ce.equals(u, r) ? {
                 undos: [],
                 redos: [
                   {
-                    id: Lt.id,
+                    id: Pt.id,
                     params: {
                       unitId: i,
                       subUnitId: a,
                       selections: [
                         {
-                          range: d,
-                          primary: Et(d, s)
+                          range: h,
+                          primary: Ot(h, l)
                         }
                       ]
                     }
@@ -2311,14 +2304,14 @@ let it = class extends Be {
                 undos: [],
                 redos: [
                   {
-                    id: Lt.id,
+                    id: Pt.id,
                     params: {
                       unitId: i,
                       subUnitId: a,
                       selections: [
                         {
                           range: u,
-                          primary: Et(u, s)
+                          primary: Ot(u, l)
                         }
                       ]
                     }
@@ -2333,35 +2326,35 @@ let it = class extends Be {
     );
   }
 };
-it = Hi([
-  ht(0, x(ir)),
-  ht(1, x(Ce)),
-  ht(2, x(te))
+it = Vi([
+  gt(0, x(sn)),
+  gt(1, x(_e)),
+  gt(2, x(ne))
 ], it);
-var Vi = Object.getOwnPropertyDescriptor, Ai = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Vi(e, t) : e, a = r.length - 1, s; a >= 0; a--)
-    (s = r[a]) && (i = s(i) || i);
+var Ai = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, ji = (n, e, t) => e in n ? Ai(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Wi = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ui(e, t) : e, a = n.length - 1, l; a >= 0; a--)
+    (l = n[a]) && (i = l(i) || i);
   return i;
-}, Je = (r, e) => (t, n) => e(t, n, r), et;
-let Ft = (et = class extends Er {
-  constructor(r = {}, e, t, n, i) {
-    super(), this._config = r, this._injector = e, this._commandService = t, this._configService = n, this._renderManagerService = i, this._initRegisterCommand(), this._configService.setConfig(Cr, this._config);
+}, tt = (n, e) => (t, r) => e(t, r, n), yn = (n, e, t) => ji(n, typeof e != "symbol" ? e + "" : e, t);
+let at = class extends Pn {
+  constructor(n = {}, e, t, r, i) {
+    super(), this._config = n, this._injector = e, this._commandService = t, this._configService = r, this._renderManagerService = i, this._initRegisterCommand(), this._configService.setConfig(Sn, this._config);
   }
   onStarting() {
-    Lr(this._injector, [
-      [De],
-      [Pe],
-      [nt],
-      [Ne],
+    kn(this._injector, [
+      [Fe],
+      [Be],
+      [rt],
+      [xe],
       [it]
     ]);
   }
   onReady() {
-    $r(this._injector, [
-      [De],
-      [Pe],
-      [nt],
-      [Ne],
+    Dn(this._injector, [
+      [Fe],
+      [Be],
+      [rt],
+      [xe],
       [it]
     ]);
   }
@@ -2369,27 +2362,30 @@ let Ft = (et = class extends Er {
     this._registerRenderModules();
   }
   _registerRenderModules() {
-    const r = [
-      [mt],
-      [pt]
+    const n = [
+      [ft],
+      [Ct]
     ];
-    this._config.hideAnchor !== !0 && r.push([rt]), r.forEach((e) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(tt.UNIVER_SHEET, e));
+    this._config.hideAnchor !== !0 && n.push([nt]), n.forEach((e) => {
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(st.UNIVER_SHEET, e));
     });
   }
   _initRegisterCommand() {
     [
-      bt,
-      yt
-    ].forEach((r) => this._commandService.registerCommand(r));
+      mt,
+      Mt
+    ].forEach((n) => this._commandService.registerCommand(n));
   }
-}, F(et, "pluginName", $n), F(et, "type", tt.UNIVER_SHEET), et);
-Ft = Ai([
-  Je(1, x(Fe)),
-  Je(2, x(ee)),
-  Je(3, Ut),
-  Je(4, Zt)
-], Ft);
+};
+yn(at, "pluginName", Or);
+yn(at, "type", st.UNIVER_SHEET);
+at = Wi([
+  On(Gn),
+  tt(1, x(Ve)),
+  tt(2, x(ce)),
+  tt(3, Wt),
+  tt(4, qt)
+], at);
 export {
-  Ft as UniverSheetTableUIPlugin
+  at as UniverSheetTableUIPlugin
 };