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

package/lib/es/index.js

@@ -1,17 +1,17 @@
 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 N, 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 xr, ErrorService as Nr, ColorKit as le, UniverInstanceType as tt, Plugin as Er, registerDependencies as Lr, touchDependencies as $r } from "@univerjs/core";
+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 Ne, 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 xt, merge as Ct, filter as dn, debounceTime as hn, switchMap as Re, of as X, map as vn, takeUntil as bn } from "rxjs";
+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 Nt, scrollbarClassName as _n, Segmented as Tn, Button as We, Dropdown as Ue, ColorPicker as Qe } from "@univerjs/design";
+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 xn, SortType as $t } from "@univerjs/sheets-sort";
-import { forwardRef as re, useRef as Nn, createElement as ne, useState as W, useMemo as ar, useCallback as kt, useEffect as sr } from "react";
+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))";
@@ -31,7 +31,7 @@ var Q = function() {
       e.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(r, n[i]) && (t[n[i]] = r[n[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 = Nn("_".concat(Hn()));
+  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);
 });
 function cr(r, e, t, n, i) {
@@ -229,9 +229,9 @@ let Pe = class extends Be {
   }
 };
 Pe = Gn([
-  ze(0, N(te)),
-  ze(1, N(Br)),
-  ze(2, N(Ce)),
+  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 || {});
@@ -731,7 +731,7 @@ function ni(r) {
                   className: "univer-flex univer-items-center univer-px-2 univer-py-1",
                   children: [
                     /* @__PURE__ */ o(
-                      Nt,
+                      xt,
                       {
                         indeterminate: E,
                         disabled: u.length === 0,
@@ -759,7 +759,7 @@ function ni(r) {
                 {
                   className: "univer-flex univer-items-center univer-px-2 univer-py-1",
                   children: [
-                    /* @__PURE__ */ o(Nt, { checked: C || a.has(f.title), onChange: () => {
+                    /* @__PURE__ */ o(xt, { checked: C || a.has(f.title), onChange: () => {
                       M(f.title);
                     } }),
                     /* @__PURE__ */ T(
@@ -789,49 +789,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 x = h.tableFilter;
-    return ei(x);
+    const N = h.tableFilter;
+    return ei(N);
   }), M = n.getTable(d, v);
   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 = (x) => {
+  }, Se = (N) => {
     const B = M.getTableFilterRange();
-    i.executeCommand(xn.id, {
+    i.executeCommand(Nn.id, {
       unitId: d,
       subUnitId: u,
       range: B,
-      orderRules: [{ colIndex: _ + B.startColumn, type: x ? $t.ASC : $t.DESC }],
+      orderRules: [{ colIndex: _ + B.startColumn, type: N ? $t.ASC : $t.DESC }],
       hasTitle: !1
-    }), f.setSortState(_, x ? Ye.Asc : Ye.Desc), D();
+    }), f.setSortState(_, N ? Ye.Asc : Ye.Desc), D();
   }, Ee = () => {
     if (P === fe.Items) {
-      const x = [];
+      const N = [];
       for (const ce of k)
-        E.has(ce.title) && x.push(ce.title);
+        E.has(ce.title) && N.push(ce.title);
       const B = M.getTableFilterColumn(_);
       if (B) {
-        if (B.values.join(",") === x.join(",")) {
+        if (B.values.join(",") === N.join(",")) {
           D();
           return;
         }
-      } else if (x.length === 0) {
+      } else if (N.length === 0) {
         D();
         return;
       }
       const He = {
         filterType: Mt.manual,
-        values: x
+        values: N
       };
       t.setTableFilter(d, v, _, He);
     } else {
-      let x;
-      m.compare === l.Quarter || m.compare === l.Month ? x = {
+      let N;
+      m.compare === l.Quarter || m.compare === l.Month ? N = {
         conditionType: m.type,
         compareType: Object.values(m.info)[0]
-      } : x = {
+      } : N = {
         conditionType: m.type,
         compareType: m.compare,
         expectedValue: Object.values(m.info)[0]
@@ -839,7 +839,7 @@ function ii() {
       const B = {
         filterType: Mt.condition,
         // @ts-ignore
-        filterInfo: x
+        filterInfo: N
       };
       t.setTableFilter(d, v, _, B);
     }
@@ -896,7 +896,7 @@ function ii() {
           {
             value: P,
             items: e,
-            onChange: (x) => b(x)
+            onChange: (N) => b(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(
@@ -1012,10 +1012,10 @@ let De = class extends Be {
   }
 };
 De = li([
-  Ge(0, N(Xt)),
+  Ge(0, x(Xt)),
   Ge(1, ft),
-  Ge(2, N(qr)),
-  Ge(3, N(Kt))
+  Ge(2, x(qr)),
+  Ge(3, x(Kt))
 ], De);
 const bt = {
   type: At.OPERATION,
@@ -1079,7 +1079,7 @@ var oi = Object.getOwnPropertyDescriptor, ci = (r, e, t, n) => {
     (s = r[a]) && (i = s(i) || i);
   return i;
 }, ui = (r, e) => (t, n) => e(t, n, r);
-let xe = class extends Be {
+let Ne = class extends Be {
   constructor(e) {
     super();
     F(this, "_refreshTable", new un());
@@ -1097,14 +1097,14 @@ let xe = class extends Be {
     );
   }
 };
-xe = ci([
-  ui(0, N(ee))
-], xe);
+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(xe), 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((x) => ({
-      ...x,
+  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) => ({
+      ...N,
       [w]: V
     }));
   };
@@ -1128,7 +1128,7 @@ const di = () => {
   }, Ee = async (w) => {
     const V = _.getTableById(D, w);
     if (!V) return;
-    const x = V.getRange(), B = await fr(c, D, K, x, w);
+    const N = V.getRange(), B = await fr(c, D, K, N, w);
     B && u.executeCommand(vt.id, {
       tableId: w,
       unitId: D,
@@ -1146,7 +1146,7 @@ const di = () => {
         var z, G, ae, se, ue, de, he;
         const V = _.getTableById(D, w.tableId);
         if (!V) return null;
-        const x = k.getRangeThemeStyle(D, V.getTableStyleId()), B = (ae = (G = (z = x == null ? void 0 : x.getHeaderRowStyle()) == null ? void 0 : z.bg) == null ? void 0 : G.rgb) != null ? ae : A, ce = (de = (ue = (se = x == null ? void 0 : x.getHeaderRowStyle()) == null ? void 0 : se.cl) == null ? void 0 : ue.rgb) != null ? de : "rgb(255, 255, 255)", Ze = V.getRange();
+        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))
           return null;
         const qe = b[b.length - 1].range, y = !pe.intersects(Ze, qe) && w.y <= 20;
@@ -1154,12 +1154,9 @@ const di = () => {
           "div",
           {
             className: `
-                          univer-absolute univer-box-border univer-flex
-                          ${f ? `
-                          univer-h-[${f}px]
-                        ` : "univer-h-[24px]"}
-                          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-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
                         `,
             style: {
               left: w.x,
@@ -1167,7 +1164,8 @@ const di = () => {
               backgroundColor: B,
               color: ce,
               borderWidth: "0.5px",
-              display: y ? "none" : "flex"
+              display: y ? "none" : "flex",
+              height: f ? `${f}px` : "24px"
             },
             children: [
               /* @__PURE__ */ o("div", { className: "univer-text-nowrap", children: r === w.tableId ? /* @__PURE__ */ o(
@@ -1213,7 +1211,7 @@ const di = () => {
                       "div",
                       {
                         className: `
-                                          univer-mb-1 univer-mt-1 univer-h-[1px] univer-w-full univer-bg-gray-200
+                                          univer-mb-1 univer-mt-1 univer-h-px univer-w-full univer-bg-gray-200
                                         `
                       }
                     ),
@@ -1274,7 +1272,7 @@ const di = () => {
                       "div",
                       {
                         className: `
-                                          univer-mb-1 univer-mt-1 univer-h-[1px] univer-w-full univer-bg-gray-200
+                                          univer-mb-1 univer-mt-1 univer-h-px univer-w-full univer-bg-gray-200
                                         `
                       }
                     ),
@@ -1321,9 +1319,9 @@ var hi = Object.getOwnPropertyDescriptor, vi = (r, e, t, n) => {
 let rt = class extends Be {
   constructor(e, t, n, i, a, s, c, h, d, u, v) {
     super();
-    F(this, "_anchorVisible$", new xt(!0));
+    F(this, "_anchorVisible$", new Nt(!0));
     F(this, "_timer");
-    F(this, "_anchorPosition$", new xt([]));
+    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();
   }
@@ -1393,16 +1391,16 @@ let rt = class extends Be {
   }
 };
 rt = vi([
-  J(1, N(Fe)),
-  J(2, N(at)),
+  J(1, x(Fe)),
+  J(2, x(at)),
   J(3, Zt),
   J(4, ee),
   J(5, Ce),
   J(6, tn),
-  J(7, N(te)),
-  J(8, N(Yr)),
-  J(9, N(rr)),
-  J(10, N(Vt))
+  J(7, x(te)),
+  J(8, x(Yr)),
+  J(9, x(rr)),
+  J(10, x(Vt))
 ], rt);
 const ke = 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");
@@ -1470,7 +1468,7 @@ let gt = class extends Dr {
     e.save();
     const s = new Path2D();
     s.rect(i, a, n, t), e.clip(s);
-    const { buttonState: c } = this._filterParams, h = this._themeService.getCurrentTheme().primaryColor, d = this._hovered ? this._themeService.getCurrentTheme().grey50 : "rgba(255, 255, 255, 1.0)";
+    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)";
     let u;
     switch (c) {
       case Le.FilteredSortNone:
@@ -1518,7 +1516,7 @@ let gt = class extends Dr {
 gt = Si([
   dt(2, ft),
   dt(3, ee),
-  dt(4, N(jt))
+  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--)
@@ -1592,7 +1590,7 @@ let mt = class extends Wt {
   _interceptCellContent(e, t, n) {
     const { startRow: i, startColumn: a, endColumn: s } = n;
     this._buttonRenderDisposable = this._sheetInterceptorService.intercept(Mn.CELL_CONTENT, {
-      effect: xr.Style,
+      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({
@@ -1612,13 +1610,13 @@ let mt = class extends Wt {
   }
 };
 mt = Ti([
-  Ie(1, N(Fe)),
-  Ie(2, N(at)),
-  Ie(3, N(jt)),
-  Ie(4, N(ir)),
+  Ie(1, x(Fe)),
+  Ie(2, x(at)),
+  Ie(3, x(jt)),
+  Ie(4, x(ir)),
   Ie(5, ee),
   Ie(6, Xr),
-  Ie(7, N(te))
+  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);
@@ -1697,14 +1695,14 @@ const wi = (r) => {
     ] })
   ] });
 }, Ii = (r) => {
-  var Ee, _e, Te, w, V, x, 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(xe), u = Me(h.rangeThemeMapChange$), v = Me(d.refreshTable$), S = R(Nr), [, C] = W(Math.random()), _ = Me(s.tableThemeChanged$, {
+  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$, {
     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 = (x = (V = (w = b == null ? void 0 : b.getFirstRowStyle()) == null ? void 0 : w.bg) == null ? void 0 : V.rgb) != null ? x : 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) => {
+  }), 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, {
       unitId: e,
       tableId: n,
@@ -1751,16 +1749,16 @@ const wi = (r) => {
       return /* @__PURE__ */ T(
         "div",
         {
-          className: "univer-h-10 univer-w-8 univer-cursor-pointer univer-p-[1px]",
+          className: "univer-h-10 univer-w-8 univer-cursor-pointer univer-p-px",
           onClick: () => q(g),
           style: {
             border: g === _.theme ? Pt : $e
           },
           children: [
-            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: z, border: `${Y}` } }),
-            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: G, border: `${Y}` } }),
-            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: ae, border: `${Y}` } }),
-            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: se, border: `${Y}` } })
+            /* @__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}` } })
           ]
         },
         g
@@ -1774,7 +1772,7 @@ const wi = (r) => {
           {
             className: `
                           univer-h-10 univer-w-8 univer-cursor-pointer univer-border univer-border-solid
-                          univer-border-gray-200 univer-p-[1px] univer-text-center univer-leading-10
+                          univer-border-gray-200 univer-p-px univer-text-center univer-leading-10
                         `,
             onClick: D,
             children: "+"
@@ -1786,7 +1784,7 @@ const wi = (r) => {
           return /* @__PURE__ */ T(
             "div",
             {
-              className: "univer-relative univer-h-10 univer-w-8 univer-cursor-pointer univer-p-[1px]",
+              className: "univer-relative univer-h-10 univer-w-8 univer-cursor-pointer univer-p-px",
               onClick: () => q(g),
               style: {
                 border: g === _.theme ? Pt : $e
@@ -1794,10 +1792,10 @@ const wi = (r) => {
               onMouseEnter: () => O(g),
               onMouseLeave: () => O(null),
               children: [
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: z != null ? z : Y, border: `${z ? Y : $e}` } }),
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: G != null ? G : Y, border: `${G ? Y : $e}` } }),
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: ae != null ? ae : Y, border: `${ae ? Y : $e}` } }),
-                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: se != null ? se : Y, border: `${se ? Y : $e}` } }),
+                /* @__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",
                   {
@@ -1820,7 +1818,7 @@ const wi = (r) => {
         })
       ] }),
       I && /* @__PURE__ */ T(St, { children: [
-        /* @__PURE__ */ o("div", { className: "univer-h-[1px] univer-w-full univer-bg-gray-200" }),
+        /* @__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__ */ o(
@@ -2077,7 +2075,7 @@ const wi = (r) => {
 function Mi(r) {
   return {
     id: yt.id,
-    type: Ne.BUTTON,
+    type: xe.BUTTON,
     icon: lr,
     tooltip: "sheets-table.title",
     title: "sheets-table.title"
@@ -2086,25 +2084,25 @@ function Mi(r) {
 function Ri(r) {
   return {
     id: Sr,
-    type: Ne.SUBITEMS,
+    type: xe.SUBITEMS,
     icon: "Insert",
     title: "sheets-table.insert.main",
     hidden$: Tr(r)
   };
 }
-function xi(r) {
+function Ni(r) {
   return {
     id: _r,
-    type: Ne.SUBITEMS,
+    type: xe.SUBITEMS,
     icon: "Reduce",
     title: "sheets-table.remove.main",
     hidden$: Tr(r)
   };
 }
-function Ni(r) {
+function xi(r) {
   return {
     id: zt.id,
-    type: Ne.BUTTON,
+    type: xe.BUTTON,
     title: "sheets-table.insert.row",
     hidden$: yr(r)
   };
@@ -2113,13 +2111,13 @@ function Ei(r) {
   return {
     id: Qt.id,
     title: "sheets-table.insert.col",
-    type: Ne.BUTTON
+    type: xe.BUTTON
   };
 }
 function Li(r) {
   return {
     id: Yt.id,
-    type: Ne.BUTTON,
+    type: xe.BUTTON,
     title: "sheets-table.remove.row",
     hidden$: yr(r)
   };
@@ -2128,7 +2126,7 @@ function $i(r) {
   return {
     id: qt.id,
     title: "sheets-table.remove.col",
-    type: Ne.BUTTON
+    type: xe.BUTTON
   };
 }
 function Tr(r) {
@@ -2176,7 +2174,7 @@ const ki = {
         menuItemFactory: Ri,
         [zt.id]: {
           order: 1,
-          menuItemFactory: Ni
+          menuItemFactory: xi
         },
         [Qt.id]: {
           order: 2,
@@ -2185,7 +2183,7 @@ const ki = {
       },
       [_r]: {
         order: 6,
-        menuItemFactory: xi,
+        menuItemFactory: Ni,
         [Yt.id]: {
           order: 1,
           menuItemFactory: Li
@@ -2221,8 +2219,8 @@ let nt = class extends Be {
   }
 };
 nt = Pi([
-  Bt(0, N(Xt)),
-  Bt(1, N(on))
+  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--)
@@ -2261,10 +2259,10 @@ let pt = class extends Wt {
   }
 };
 pt = Bi([
-  Ke(1, N(Fe)),
-  Ke(2, N(at)),
-  Ke(3, N(te)),
-  Ke(4, N(xe))
+  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--)
@@ -2336,9 +2334,9 @@ let it = class extends Be {
   }
 };
 it = Hi([
-  ht(0, N(ir)),
-  ht(1, N(Ce)),
-  ht(2, N(te))
+  ht(0, x(ir)),
+  ht(1, x(Ce)),
+  ht(2, x(te))
 ], 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--)
@@ -2354,7 +2352,7 @@ let Ft = (et = class extends Er {
       [De],
       [Pe],
       [nt],
-      [xe],
+      [Ne],
       [it]
     ]);
   }
@@ -2363,7 +2361,7 @@ let Ft = (et = class extends Er {
       [De],
       [Pe],
       [nt],
-      [xe],
+      [Ne],
       [it]
     ]);
   }
@@ -2387,8 +2385,8 @@ let Ft = (et = class extends Er {
   }
 }, F(et, "pluginName", $n), F(et, "type", tt.UNIVER_SHEET), et);
 Ft = Ai([
-  Je(1, N(Fe)),
-  Je(2, N(ee)),
+  Je(1, x(Fe)),
+  Je(2, x(ee)),
   Je(3, Ut),
   Je(4, Zt)
 ], Ft);

package/lib/index.css

@@ -1 +1 @@
-.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-right-\[-3px\]{right:-3px}.univer-top-\[-3px\]{top:-3px}.univer-z-10{z-index:10}.univer-z-50{z-index:50}.univer-mb-1{margin-bottom:4px}.univer-mb-3{margin-bottom:12px}.univer-ml-1{margin-left:4px}.univer-ml-2{margin-left:8px}.univer-mr-1{margin-right:4px}.univer-mr-2{margin-right:8px}.univer-mt-1{margin-top:4px}.univer-mt-2{margin-top:8px}.univer-mt-3{margin-top:12px}.univer-mt-4{margin-top:16px}.univer-box-border{box-sizing:border-box}.univer-inline-block{display:inline-block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.\!univer-h-\[150px\]{height:150px!important}.univer-h-0{height:0px}.univer-h-10{height:40px}.univer-h-2{height:8px}.univer-h-3{height:12px}.univer-h-4{height:16px}.univer-h-40{height:160px}.univer-h-5{height:20px}.univer-h-60{height:240px}.univer-h-7{height:28px}.univer-h-9{height:36px}.univer-h-\[10px\]{height:10px}.univer-h-\[180px\]{height:180px}.univer-h-\[18px\]{height:18px}.univer-h-\[1px\]{height:1px}.univer-h-\[24px\]{height:24px}.univer-h-full{height:100%}.univer-max-h-\[180px\]{max-height:180px}.univer-w-0{width:0px}.univer-w-2{width:8px}.univer-w-3{width:12px}.univer-w-4{width:16px}.univer-w-52{width:208px}.univer-w-8{width:32px}.univer-w-\[140px\]{width:140px}.univer-w-\[280px\]{width:280px}.univer-w-\[312px\]{width:312px}.univer-w-\[400px\]{width:400px}.univer-w-\[80px\]{width:80px}.univer-w-full{width:100%}.univer-min-w-16{min-width:64px}.univer-min-w-32{min-width:128px}.univer-max-w-24{max-width:96px}.univer-flex-1{flex:1 1 0%}.univer-flex-shrink-0{flex-shrink:0}.univer-flex-grow{flex-grow:1}.univer-flex-grow-0{flex-grow:0}.univer-cursor-default{cursor:default}.univer-cursor-pointer{cursor:pointer}.univer-flex-col{flex-direction:column}.univer-flex-wrap{flex-wrap:wrap}.univer-items-start{align-items:flex-start}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-1{gap:4px}.univer-gap-2{gap:8px}.univer-overflow-hidden{overflow:hidden}.univer-overflow-y-auto{overflow-y:auto}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-text-nowrap{text-wrap:nowrap}.univer-rounded-\[10px\]{border-radius:10px}.univer-rounded-\[8px\]{border-radius:8px}.univer-rounded-md{border-radius:6px}.univer-rounded-none{border-radius:0}.univer-rounded-sm{border-radius:2px}.univer-rounded-xl{border-radius:12px}.univer-rounded-l-md{border-top-left-radius:6px;border-bottom-left-radius:6px}.univer-rounded-r-md{border-top-right-radius:6px;border-bottom-right-radius:6px}.univer-border{border-width:1px}.univer-border-solid{border-style:solid}.univer-border-gray-200{--tw-border-opacity: 1;border-color:#e3e5ea;border-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.univer-border-gray-500{--tw-border-opacity: 1;border-color:#4e5565;border-color:rgba(78,85,101,var(--tw-border-opacity, 1))}.univer-bg-gray-100{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.univer-bg-gray-200{--tw-bg-opacity: 1;background-color:#e3e5ea;background-color:rgba(227,229,234,var(--tw-bg-opacity, 1))}.univer-bg-slate-400{--tw-bg-opacity: 1;background-color:#94a3b8;background-color:rgba(148,163,184,var(--tw-bg-opacity, 1))}.univer-bg-white{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.univer-p-1{padding:4px}.univer-p-2{padding:8px}.univer-p-4{padding:16px}.univer-p-\[1px\]{padding:1px}.univer-px-2{padding-left:8px;padding-right:8px}.univer-py-1{padding-top:4px;padding-bottom:4px}.univer-py-1\.5{padding-top:6px;padding-bottom:6px}.univer-pb-1{padding-bottom:4px}.univer-pb-2{padding-bottom:8px}.univer-pl-2{padding-left:8px}.univer-pr-2{padding-right:8px}.univer-pt-1{padding-top:4px}.univer-pt-2{padding-top:8px}.univer-text-center{text-align:center}.univer-text-\[13px\]{font-size:13px}.univer-text-base{font-size:16px;line-height:24px}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-xs{font-size:12px;line-height:16px}.univer-font-normal{font-weight:400}.univer-leading-10{line-height:40px}.univer-leading-9{line-height:36px}.univer-leading-\[10px\]{line-height:10px}.univer-text-gray-400{--tw-text-opacity: 1;color:#7d8698;color:rgba(125,134,152,var(--tw-text-opacity, 1))}.univer-text-red-500{--tw-text-opacity: 1;color:#f05252;color:rgba(240,82,82,var(--tw-text-opacity, 1))}.univer-shadow-lg{--tw-shadow: 0px 4px 6px 0px rgba(30, 40, 77, .05), 0px 10px 15px -3px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 4px 6px 0px var(--tw-shadow-color), 0px 10px 15px -3px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 4px 6px #1e284d0d,0 10px 15px -3px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.hover\:univer-cursor-pointer:hover{cursor:pointer}.hover\:univer-bg-gray-100:hover{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.hover\:univer-bg-gray-200:hover{--tw-bg-opacity: 1;background-color:#e3e5ea;background-color:rgba(227,229,234,var(--tw-bg-opacity, 1))}
+.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-right-\[-3px\]{right:-3px}.univer-top-\[-3px\]{top:-3px}.univer-z-10{z-index:10}.univer-z-50{z-index:50}.univer-mb-1{margin-bottom:4px}.univer-mb-3{margin-bottom:12px}.univer-ml-1{margin-left:4px}.univer-ml-2{margin-left:8px}.univer-mr-1{margin-right:4px}.univer-mr-2{margin-right:8px}.univer-mt-1{margin-top:4px}.univer-mt-2{margin-top:8px}.univer-mt-3{margin-top:12px}.univer-mt-4{margin-top:16px}.univer-box-border{box-sizing:border-box}.univer-inline-block{display:inline-block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.\!univer-h-\[150px\]{height:150px!important}.univer-h-0{height:0px}.univer-h-10{height:40px}.univer-h-2{height:8px}.univer-h-2\.5{height:10px}.univer-h-3{height:12px}.univer-h-4{height:16px}.univer-h-40{height:160px}.univer-h-5{height:20px}.univer-h-60{height:240px}.univer-h-7{height:28px}.univer-h-9{height:36px}.univer-h-\[180px\]{height:180px}.univer-h-\[18px\]{height:18px}.univer-h-full{height:100%}.univer-h-px{height:1px}.univer-max-h-\[180px\]{max-height:180px}.univer-w-0{width:0px}.univer-w-2{width:8px}.univer-w-3{width:12px}.univer-w-4{width:16px}.univer-w-52{width:208px}.univer-w-8{width:32px}.univer-w-\[140px\]{width:140px}.univer-w-\[280px\]{width:280px}.univer-w-\[312px\]{width:312px}.univer-w-\[400px\]{width:400px}.univer-w-\[80px\]{width:80px}.univer-w-full{width:100%}.univer-min-w-16{min-width:64px}.univer-min-w-32{min-width:128px}.univer-max-w-24{max-width:96px}.univer-flex-1{flex:1 1 0%}.univer-flex-shrink-0{flex-shrink:0}.univer-flex-grow{flex-grow:1}.univer-flex-grow-0{flex-grow:0}.univer-cursor-default{cursor:default}.univer-cursor-pointer{cursor:pointer}.univer-flex-col{flex-direction:column}.univer-flex-wrap{flex-wrap:wrap}.univer-items-start{align-items:flex-start}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-1{gap:4px}.univer-gap-2{gap:8px}.univer-overflow-hidden{overflow:hidden}.univer-overflow-y-auto{overflow-y:auto}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-text-nowrap{text-wrap:nowrap}.univer-rounded-\[10px\]{border-radius:10px}.univer-rounded-\[8px\]{border-radius:8px}.univer-rounded-md{border-radius:6px}.univer-rounded-none{border-radius:0}.univer-rounded-sm{border-radius:2px}.univer-rounded-xl{border-radius:12px}.univer-rounded-l-md{border-top-left-radius:6px;border-bottom-left-radius:6px}.univer-rounded-r-md{border-top-right-radius:6px;border-bottom-right-radius:6px}.univer-border{border-width:1px}.univer-border-solid{border-style:solid}.univer-border-gray-200{--tw-border-opacity: 1;border-color:#e3e5ea;border-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.univer-border-gray-500{--tw-border-opacity: 1;border-color:#4e5565;border-color:rgba(78,85,101,var(--tw-border-opacity, 1))}.univer-bg-gray-100{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.univer-bg-gray-200{--tw-bg-opacity: 1;background-color:#e3e5ea;background-color:rgba(227,229,234,var(--tw-bg-opacity, 1))}.univer-bg-slate-400{--tw-bg-opacity: 1;background-color:#94a3b8;background-color:rgba(148,163,184,var(--tw-bg-opacity, 1))}.univer-bg-white{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.univer-p-1{padding:4px}.univer-p-2{padding:8px}.univer-p-4{padding:16px}.univer-p-px{padding:1px}.univer-px-2{padding-left:8px;padding-right:8px}.univer-py-1{padding-top:4px;padding-bottom:4px}.univer-py-1\.5{padding-top:6px;padding-bottom:6px}.univer-pb-1{padding-bottom:4px}.univer-pb-2{padding-bottom:8px}.univer-pl-2{padding-left:8px}.univer-pr-2{padding-right:8px}.univer-pt-1{padding-top:4px}.univer-pt-2{padding-top:8px}.univer-text-center{text-align:center}.univer-text-\[13px\]{font-size:13px}.univer-text-base{font-size:16px;line-height:24px}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-xs{font-size:12px;line-height:16px}.univer-font-normal{font-weight:400}.univer-leading-10{line-height:40px}.univer-leading-9{line-height:36px}.univer-leading-\[10px\]{line-height:10px}.univer-text-gray-400{--tw-text-opacity: 1;color:#7d8698;color:rgba(125,134,152,var(--tw-text-opacity, 1))}.univer-text-red-500{--tw-text-opacity: 1;color:#f05252;color:rgba(240,82,82,var(--tw-text-opacity, 1))}.univer-shadow-lg{--tw-shadow: 0px 4px 6px 0px rgba(30, 40, 77, .05), 0px 10px 15px -3px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 4px 6px 0px var(--tw-shadow-color), 0px 10px 15px -3px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 4px 6px #1e284d0d,0 10px 15px -3px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.hover\:univer-cursor-pointer:hover{cursor:pointer}.hover\:univer-bg-gray-100:hover{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.hover\:univer-bg-gray-200:hover{--tw-bg-opacity: 1;background-color:#e3e5ea;background-color:rgba(227,229,234,var(--tw-bg-opacity, 1))}