@univerjs/sheets-table-ui 0.8.3 → 0.9.0

package/lib/es/index.js

@@ -1,14 +1,14 @@
 var Ln = Object.defineProperty;
 var $n = (t, e, n) => e in t ? Ln(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var A = (t, e, n) => $n(t, typeof e != "symbol" ? e + "" : e, n);
-import { Inject as N, IUniverInstanceService as fe, ICommandService as le, Disposable as Pe, ObjectMatrix as kn, cellToRange as Zt, Rectangle as me, LocaleService as oe, Injector as Oe, dayjs as de, IPermissionService as qt, IContextService as It, CommandType as Yt, IConfigService as Qt, ThemeService as Pn, RxDisposable as Gt, InterceptorEffectEnum as On, ErrorService as Dn, ColorKit as he, UniverInstanceType as qe, DependentOn as Bn, Plugin as Fn, merge as Hn, registerDependencies as Vn, touchDependencies as An } from "@univerjs/core";
+import { Inject as x, IUniverInstanceService as fe, ICommandService as le, Disposable as Pe, ObjectMatrix as kn, cellToRange as Zt, Rectangle as me, LocaleService as oe, Injector as Oe, dayjs as de, IPermissionService as qt, IContextService as It, CommandType as Yt, IConfigService as Qt, ThemeService as Pn, RxDisposable as Gt, InterceptorEffectEnum as On, ErrorService as Dn, ColorKit as he, UniverInstanceType as qe, DependentOn as Bn, Plugin as Fn, merge as Hn, registerDependencies as Vn, touchDependencies as An } from "@univerjs/core";
 import { IRenderManagerService as Xt, SHEET_VIEWPORT_KEY as Un, convertTransformToOffsetX as Wn, convertTransformToOffsetY as jn, Rect as Lt, Shape as Zn } from "@univerjs/engine-render";
-import { TableManager as ne, SheetTableService as qn, SetSheetTableFilterCommand as $t, isConditionFilter as Yn, isManualFilter as Qn, TableDateCompareTypeEnum as l, TableStringCompareTypeEnum as j, TableConditionTypeEnum as B, TableNumberCompareTypeEnum as $, SheetsTableSortStateEnum as Xe, TableColumnFilterTypeEnum as kt, AddSheetTableCommand as Gn, SHEET_TABLE_CUSTOM_THEME_PREFIX as Xn, DeleteSheetTableCommand as zn, SetSheetTableCommand as Ct, SheetsTableButtonStateEnum as Ne, processStyleWithBorderStyle as Pt, customEmptyThemeWithBorderStyle as Kn, AddTableThemeCommand as Jn, RemoveTableThemeCommand as er, SheetTableRemoveColCommand as zt, SheetTableRemoveRowCommand as Kt, SheetTableInsertColCommand as Jt, SheetTableInsertRowCommand as en, SheetsTableController as tn, UniverSheetsTablePlugin as tr } from "@univerjs/sheets-table";
+import { TableManager as ne, SheetTableService as qn, SetSheetTableFilterCommand as $t, isConditionFilter as Yn, isManualFilter as Qn, TableDateCompareTypeEnum as l, TableStringCompareTypeEnum as j, TableConditionTypeEnum as B, TableNumberCompareTypeEnum as $, SheetsTableSortStateEnum as Xe, TableColumnFilterTypeEnum as kt, AddSheetTableCommand as Gn, SHEET_TABLE_CUSTOM_THEME_PREFIX as Xn, DeleteSheetTableCommand as zn, SetSheetTableCommand as Ct, SheetsTableButtonStateEnum as xe, processStyleWithBorderStyle as Pt, customEmptyThemeWithBorderStyle as Kn, AddTableThemeCommand as Jn, RemoveTableThemeCommand as er, SheetTableRemoveColCommand as zt, SheetTableRemoveRowCommand as Kt, SheetTableInsertColCommand as Jt, SheetTableInsertRowCommand as en, SheetsTableController as tn, UniverSheetsTablePlugin as tr } from "@univerjs/sheets-table";
 import { SheetCanvasPopManagerService as nr, SheetSkeletonManagerService as ct, SheetScrollManagerService as rr, SetZoomRatioOperation as ir, SetScrollOperation as ar, getSheetObject as sr, getCoordByCell as lr, getCurrentRangeDisable$ as or, SelectAllCommand as cr } from "@univerjs/sheets-ui";
 import { useDependency as M, ComponentManager as nn, IDialogService as rn, ISidebarService as ur, useObservable as we, IUIPartsService as dr, BuiltInUIPart as hr, connectInjector as vr, MenuItemType as Re, getMenuHiddenObservable as gr, ContextMenuPosition as br, ContextMenuGroup as mr, RibbonDataGroup as pr, IMenuManagerService as fr } from "@univerjs/ui";
 import { startWith as an, distinctUntilChanged as Cr, Subject as Sr, BehaviorSubject as Ot, merge as yt, filter as _r, debounceTime as Tr, switchMap as Ie, of as J, map as wr, takeUntil as Ir } from "rxjs";
 import { jsxs as I, jsx as o, Fragment as Rt } from "react/jsx-runtime";
-import { Dropdown as Le, clsx as O, borderClassName as F, CascaderList as yr, Input as Mt, InputNumber as bt, DatePicker as Rr, DateRangePicker as Mr, Select as Nr, Checkbox as Dt, scrollbarClassName as xr, ButtonGroup as Er, Button as Te, Segmented as Lr, ColorPicker as ze } from "@univerjs/design";
+import { Dropdown as Le, clsx as O, borderClassName as F, CascaderList as yr, Input as Mt, InputNumber as bt, DatePicker as Rr, DateRangePicker as Mr, Select as xr, Checkbox as Dt, scrollbarClassName as Nr, ButtonGroup as Er, Button as Te, Segmented as Lr, ColorPicker as ze } from "@univerjs/design";
 import { SetRangeValuesMutation as $r, WorkbookEditablePermission as sn, getSheetCommandTarget as ut, SheetsSelectionsService as dt, isSingleCellSelection as kr, expandToContinuousRange as Pr, SetRangeThemeMutation as ln, WorkbookPermissionService as on, SheetRangeThemeModel as cn, SheetInterceptorService as un, INTERCEPTOR_POINT as Or, RangeThemeStyle as Dr, getPrimaryForRange as Bt, SetSelectionsOperation as Ft } from "@univerjs/sheets";
 import { SortRangeCommand as Br, SortType as Ht } from "@univerjs/sheets-sort";
 import { forwardRef as re, useRef as Fr, createElement as ie, useState as q, useMemo as dn, useCallback as Vt, useEffect as hn } from "react";
@@ -101,14 +101,14 @@ var Jr = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none
   }));
 });
 Cn.displayName = "GridOutlineIcon";
-var ei = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "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" } }] }, Nt = re(function(t, e) {
+var ei = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, xt = re(function(t, e) {
   return ie(ae, Object.assign({}, t, {
     id: "more-down-icon",
     ref: e,
     icon: ei
   }));
 });
-Nt.displayName = "MoreDownIcon";
+xt.displayName = "MoreDownIcon";
 var ti = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Sn = re(function(t, e) {
   return ie(ae, Object.assign({}, t, {
     id: "paint-bucket-double-icon",
@@ -229,9 +229,9 @@ let $e = class extends Pe {
   }
 };
 $e = ai([
-  Je(0, N(ne)),
-  Je(1, N(qn)),
-  Je(2, N(fe)),
+  Je(0, x(ne)),
+  Je(1, x(qn)),
+  Je(2, x(fe)),
   Je(3, le)
 ], $e);
 var Z = /* @__PURE__ */ ((t) => (t.DatePicker = "DatePicker", t.DateRange = "DateRange", t.Input = "Input", t.Inputs = "Inputs", t.Select = "Select", t.None = "None", t))(Z || {});
@@ -493,7 +493,7 @@ function li(t, e) {
       return [];
   }
 }
-const xt = /* @__PURE__ */ new Set([
+const Nt = /* @__PURE__ */ new Set([
   l.Equal,
   l.NotEqual,
   l.After,
@@ -502,7 +502,7 @@ const xt = /* @__PURE__ */ new Set([
   l.BeforeOrEqual
 ]);
 function oi(t, e) {
-  return e ? t === B.String ? Z.Input : t === B.Number ? e === $.Between || e === $.NotBetween ? Z.Inputs : Z.Input : t === B.Date ? e === l.Between || e === l.NotBetween ? Z.DateRange : e === l.Quarter || e === l.Month ? Z.Select : xt.has(e) ? Z.DatePicker : Z.None : Z.None : Z.None;
+  return e ? t === B.String ? Z.Input : t === B.Number ? e === $.Between || e === $.NotBetween ? Z.Inputs : Z.Input : t === B.Date ? e === l.Between || e === l.NotBetween ? Z.DateRange : e === l.Quarter || e === l.Month ? Z.Select : Nt.has(e) ? Z.DatePicker : Z.None : Z.None : Z.None;
 }
 function ci(t) {
   if (!t || t.filterType !== "condition")
@@ -522,7 +522,7 @@ function ci(t) {
     type: n,
     compare: r,
     info: {}
-  } : xt.has(r) ? {
+  } : Nt.has(r) ? {
     type: n,
     compare: r,
     info: {
@@ -565,7 +565,7 @@ function ci(t) {
   };
 }
 const ui = (t) => {
-  var S, T, k, f, x, y, D;
+  var S, T, k, f, N, y, D;
   const { conditionInfo: e, onChange: n } = t, r = M(oe), [i, a] = q(!1), s = M(Oe), c = si(s), d = (v, p, L) => {
     n({
       type: p != null ? p : e.type,
@@ -577,7 +577,7 @@ const ui = (t) => {
     const p = v[0], L = v[1];
     L && a(!1);
     const R = {};
-    p === B.Date ? L === l.Quarter ? R.dateSelect = l.Q1 : L === l.Month ? R.dateSelect = l.M1 : xt.has(L) ? R.date = /* @__PURE__ */ new Date() : R.dateRange = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : p === B.Number ? R.number = 0 : p === B.String && (R.string = ""), d(R, v[0], (C = v[1]) != null ? C : j.Equal);
+    p === B.Date ? L === l.Quarter ? R.dateSelect = l.Q1 : L === l.Month ? R.dateSelect = l.M1 : Nt.has(L) ? R.date = /* @__PURE__ */ new Date() : R.dateRange = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : p === B.Number ? R.number = 0 : p === B.String && (R.string = ""), d(R, v[0], (C = v[1]) != null ? C : j.Equal);
   }, u = oi(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}`);
@@ -605,7 +605,7 @@ const ui = (t) => {
             className: O("univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center univer-justify-between univer-rounded-md univer-bg-white univer-px-2 univer-text-sm univer-transition-colors univer-duration-200 hover:univer-border-primary-600 focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2 dark:!univer-bg-gray-700 dark:!univer-text-white", F),
             children: [
               /* @__PURE__ */ o("span", { children: g }),
-              /* @__PURE__ */ o(Nt, {})
+              /* @__PURE__ */ o(xt, {})
             ]
           }
         )
@@ -660,7 +660,7 @@ const ui = (t) => {
           bt,
           {
             className: "univer-w-full",
-            value: (x = e.info.numberRange) == null ? void 0 : x[0],
+            value: (N = e.info.numberRange) == null ? void 0 : N[0],
             onChange: (v) => {
               var p;
               v !== null && d({ numberRange: [v, (p = e.info.numberRange) == null ? void 0 : p[1]] });
@@ -683,7 +683,7 @@ const ui = (t) => {
         )
       ] }),
       u === Z.Select && /* @__PURE__ */ o(
-        Nr,
+        xr,
         {
           className: "univer-w-full",
           value: (D = e.info.dateSelect) != null ? D : _[0].value,
@@ -700,7 +700,7 @@ const ui = (t) => {
   }), e;
 };
 function hi(t) {
-  const { unitId: e, tableId: n, subUnitId: r, columnIndex: i, checkedItemSet: a, setCheckedItemSet: s, tableFilter: c } = t, d = M(oe), h = M($e), { data: u, itemsCountMap: g, allItemsCount: _ } = h.getTableFilterItems(e, r, n, i), [S, T] = q(c === void 0 ? !0 : a.size === g.size), [k, f] = q(S ? _ : di(g)), x = !S && a.size > 0, [y, D] = q(""), v = dn(() => y ? u.filter((C) => String(C.title).toLowerCase().includes(y.toLowerCase())) : u, [y, u]), p = Vt(() => {
+  const { unitId: e, tableId: n, subUnitId: r, columnIndex: i, checkedItemSet: a, setCheckedItemSet: s, tableFilter: c } = t, d = M(oe), h = M($e), { data: u, itemsCountMap: g, allItemsCount: _ } = h.getTableFilterItems(e, r, n, i), [S, T] = q(c === void 0 ? !0 : a.size === g.size), [k, f] = q(S ? _ : di(g)), N = !S && a.size > 0, [y, D] = q(""), v = dn(() => y ? u.filter((C) => String(C.title).toLowerCase().includes(y.toLowerCase())) : u, [y, u]), p = Vt(() => {
     S ? (a.clear(), s(new Set(a)), T(!1)) : (v.forEach((C) => {
       a.add(C.title);
     }), s(new Set(a)), T(!0));
@@ -727,12 +727,12 @@ function hi(t) {
         children: /* @__PURE__ */ o(
           "div",
           {
-            className: O("univer-h-40 univer-overflow-y-auto univer-py-1 univer-pl-2", xr),
+            className: O("univer-h-40 univer-overflow-y-auto univer-py-1 univer-pl-2", Nr),
             children: /* @__PURE__ */ I("div", { className: "univer-h-full", children: [
               /* @__PURE__ */ o("div", { className: "univer-flex univer-items-center univer-px-2 univer-py-1", children: /* @__PURE__ */ o(
                 Dt,
                 {
-                  indeterminate: x,
+                  indeterminate: N,
                   disabled: u.length === 0,
                   checked: S,
                   onChange: p,
@@ -771,7 +771,7 @@ function hi(t) {
 }
 function vi() {
   var ue;
-  const t = M(oe), e = gi(t), n = M($e), r = M(ne), i = M(le), a = M(qt), s = M(ke), c = s.getCurrentTableFilterInfo(), d = n.getTableFilterPanelInitProps(c.unitId, c.subUnitId, c.tableId, c.column), { unitId: h, subUnitId: u, tableId: g, tableFilter: _, currentFilterBy: S, columnIndex: T } = d, { data: k } = n.getTableFilterItems(h, u, g, T), f = n.getTableFilterCheckedItems(h, g, T), [x, y] = q(new Set(f)), [D, v] = q(S || pe.Items), [p, L] = q(() => {
+  const t = M(oe), e = gi(t), n = M($e), r = M(ne), i = M(le), a = M(qt), s = M(ke), c = s.getCurrentTableFilterInfo(), d = n.getTableFilterPanelInitProps(c.unitId, c.subUnitId, c.tableId, c.column), { unitId: h, subUnitId: u, tableId: g, tableFilter: _, currentFilterBy: S, columnIndex: T } = d, { data: k } = n.getTableFilterItems(h, u, g, T), f = n.getTableFilterCheckedItems(h, g, T), [N, y] = q(new Set(f)), [D, v] = q(S || pe.Items), [p, L] = q(() => {
     const b = d.tableFilter;
     return ci(b);
   }), R = r.getTable(h, g);
@@ -795,7 +795,7 @@ function vi() {
     if (D === pe.Items) {
       const b = [];
       for (const Y of k)
-        x.has(Y.title) && b.push(Y.title);
+        N.has(Y.title) && b.push(Y.title);
       const P = R.getTableFilterColumn(T);
       if (P) {
         if (P.values.join(",") === b.join(",")) {
@@ -837,7 +837,7 @@ function vi() {
     {
       className: "univer-box-border univer-flex univer-w-[312px] univer-flex-col univer-rounded-[10px] univer-bg-white univer-p-4 univer-shadow-lg dark:!univer-border-gray-600 dark:!univer-bg-gray-700",
       children: [
-        Ce && /* @__PURE__ */ o("div", { className: "univer-mb-3 univer-flex", children: /* @__PURE__ */ I(Er, { className: "univer-mb-3 univer-w-full", children: [
+        Ce && /* @__PURE__ */ o("div", { className: "univer-mb-3 univer-flex", children: /* @__PURE__ */ I(Er, { className: "univer-mb-3 !univer-flex univer-w-full", children: [
           /* @__PURE__ */ I(Te, { className: "univer-w-1/2", onClick: () => U(!0), children: [
             /* @__PURE__ */ o(mn, { className: "univer-mr-1" }),
             t.t("sheets-sort.general.sort-asc")
@@ -863,7 +863,7 @@ function vi() {
             subUnitId: u,
             tableId: g,
             columnIndex: T,
-            checkedItemSet: x,
+            checkedItemSet: N,
             setCheckedItemSet: y
           }
         ) : /* @__PURE__ */ o(
@@ -956,7 +956,8 @@ let ke = class extends Pe {
       onClickOutside: () => {
         this._dialogService.close(Ur), this._contextService.setContextValue(ge, !1);
       },
-      offset: [5, 0]
+      offset: [5, 0],
+      portal: !0
     });
   }
   _closeFilterPopup() {
@@ -965,10 +966,10 @@ let ke = class extends Pe {
   }
 };
 ke = mi([
-  et(0, N(nn)),
+  et(0, x(nn)),
   et(1, It),
-  et(2, N(nr)),
-  et(3, N(rn))
+  et(2, x(nr)),
+  et(3, x(rn))
 ], ke);
 const St = {
   type: Yt.OPERATION,
@@ -1054,11 +1055,11 @@ let ye = class extends Pe {
   }
 };
 ye = fi([
-  Ci(0, N(le))
+  Ci(0, x(le))
 ], ye);
 const Si = () => {
   var Ce, ue;
-  const [t, e] = q(""), [n, r] = q(""), i = M(ur), [a, s] = q({}), c = M(Oe), d = M(at), h = we(d.anchorPosition$), u = M(le), g = M(fe), _ = M(on), S = we(_.unitPermissionInitStateChange$, !1), T = M(ne), k = M(cn), f = M(ye), x = we(f.refreshTable$), y = M(oe), D = M(dt), v = we(D.selectionChanged$, [{ range: Zt(0, 0), primary: null }]), [, p] = q(Math.random()), R = M(Qt).getConfig(In), C = (Ce = R == null ? void 0 : R.anchorHeight) != null ? Ce : 24, H = (ue = R == null ? void 0 : R.anchorBackgroundColor) != null ? ue : "rgb(53,91,183)", E = (b, P) => {
+  const [t, e] = q(""), [n, r] = q(""), i = M(ur), [a, s] = q({}), c = M(Oe), d = M(at), h = we(d.anchorPosition$), u = M(le), g = M(fe), _ = M(on), S = we(_.unitPermissionInitStateChange$, !1), T = M(ne), k = M(cn), f = M(ye), N = we(f.refreshTable$), y = M(oe), D = M(dt), v = we(D.selectionChanged$, [{ range: Zt(0, 0), primary: null }]), [, p] = q(Math.random()), R = M(Qt).getConfig(In), C = (Ce = R == null ? void 0 : R.anchorHeight) != null ? Ce : 24, H = (ue = R == null ? void 0 : R.anchorBackgroundColor) != null ? ue : "rgb(53,91,183)", E = (b, P) => {
     s((V) => ({
       ...V,
       [b]: P
@@ -1066,7 +1067,7 @@ const Si = () => {
   };
   if (hn(() => {
     p(Math.random());
-  }, [x]), !(h != null && h.length))
+  }, [N]), !(h != null && h.length))
     return null;
   const Q = ut(g);
   if (!Q) return null;
@@ -1227,7 +1228,7 @@ const Si = () => {
               onOpenChange: (W) => {
                 E(b.tableId, W);
               },
-              children: /* @__PURE__ */ o(Nt, {})
+              children: /* @__PURE__ */ o(xt, {})
             },
             b.tableId
           )
@@ -1297,9 +1298,9 @@ let at = class extends Pe {
         const d = a.reduce((u, g) => {
           const { startRow: _, startColumn: S } = g.range, T = s.with(ct), k = sr(this._univerInstanceService, this._renderManagerService);
           if (!k) return u;
-          const { scene: f } = k, x = f.getViewport(Un.VIEW_MAIN);
-          if (!x) return u;
-          const y = f == null ? void 0 : f.scaleX, D = f == null ? void 0 : f.scaleY, v = f == null ? void 0 : f.getViewportScrollXY(x);
+          const { scene: f } = k, N = f.getViewport(Un.VIEW_MAIN);
+          if (!N) return u;
+          const y = f == null ? void 0 : f.scaleX, D = f == null ? void 0 : f.scaleY, v = f == null ? void 0 : f.getViewportScrollXY(N);
           if (!y || !f || !D || !v) return u;
           const p = T.getCurrentSkeleton();
           if (!p) return u;
@@ -1317,33 +1318,33 @@ let at = class extends Pe {
   }
 };
 at = Ti([
-  te(1, N(Oe)),
-  te(2, N(ct)),
+  te(1, x(Oe)),
+  te(2, x(ct)),
   te(3, Xt),
   te(4, le),
   te(5, fe),
   te(6, dr),
-  te(7, N(ne)),
-  te(8, N(rr)),
-  te(9, N(on)),
-  te(10, N(qt))
+  te(7, x(ne)),
+  te(8, x(rr)),
+  te(9, x(on)),
+  te(10, x(qt))
 ], at);
-const xe = 16;
+const Ne = 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 Wt {
   static drawNoSetting(e, n, r, i) {
     e.save(), Lt.drawWith(e, {
       radius: 2,
-      width: xe,
-      height: xe,
+      width: Ne,
+      height: Ne,
       fill: i
-    }), e.lineCap = "square", e.strokeStyle = r, e.scale(n / xe, n / xe), e.beginPath(), e.lineWidth = 1, e.lineCap = "round", e.moveTo(3, 4), e.lineTo(13, 4), e.moveTo(4.5, 8), e.lineTo(11.5, 8), e.moveTo(6, 12), e.lineTo(10, 12), e.stroke(), e.restore();
+    }), e.lineCap = "square", e.strokeStyle = r, e.scale(n / Ne, n / Ne), e.beginPath(), e.lineWidth = 1, e.lineCap = "round", e.moveTo(3, 4), e.lineTo(13, 4), e.moveTo(4.5, 8), e.lineTo(11.5, 8), e.moveTo(6, 12), e.lineTo(10, 12), e.stroke(), e.restore();
   }
   static drawIconByPath(e, n, r, i) {
     e.save(), e.strokeStyle = r, e.fillStyle = i, Lt.drawWith(e, {
       radius: 2,
-      width: xe,
-      height: xe,
+      width: Ne,
+      height: Ne,
       fill: i
     }), n.forEach((a) => {
       const s = new Path2D(a);
@@ -1368,8 +1369,8 @@ const wi = [
   "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 Ni = Object.getOwnPropertyDescriptor, xi = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ni(e, n) : e, a = t.length - 1, s; a >= 0; a--)
+var xi = Object.getOwnPropertyDescriptor, Ni = (t, e, n, r) => {
+  for (var i = r > 1 ? void 0 : r ? xi(e, n) : e, a = t.length - 1, s; a >= 0; a--)
     (s = t[a]) && (i = s(i) || i);
   return i;
 }, pt = (t, e) => (n, r) => e(n, r, t);
@@ -1397,21 +1398,21 @@ let _t = class extends Zn {
     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 Ne.FilteredSortNone:
+      case xe.FilteredSortNone:
         u = wi;
         break;
-      case Ne.FilteredSortAsc:
+      case xe.FilteredSortAsc:
         u = Ii;
         break;
-      case Ne.FilteredSortDesc:
+      case xe.FilteredSortDesc:
         u = yi;
         break;
-      case Ne.FilterNoneSortNone:
+      case xe.FilterNoneSortNone:
         break;
-      case Ne.FilterNoneSortAsc:
+      case xe.FilterNoneSortAsc:
         u = Ri;
         break;
-      case Ne.FilterNoneSortDesc:
+      case xe.FilterNoneSortDesc:
         u = Mi;
         break;
     }
@@ -1439,10 +1440,10 @@ let _t = class extends Zn {
     this._hovered = !1, this.makeDirty(!0);
   }
 };
-_t = xi([
+_t = Ni([
   pt(2, It),
   pt(3, le),
-  pt(4, N(Pn))
+  pt(4, x(Pn))
 ], _t);
 var Ei = Object.getOwnPropertyDescriptor, Li = (t, e, n, r) => {
   for (var i = r > 1 ? void 0 : r ? Ei(e, n) : e, a = t.length - 1, s; a >= 0; a--)
@@ -1495,7 +1496,7 @@ let Tt = class extends Gt {
       const { startRow: u, startColumn: g, endColumn: _ } = c;
       this._interceptCellContent(r, a, c);
       for (let S = g; S <= _; S++) {
-        const T = `sheets-table-filter-button-${u}-${S}`, k = lr(u, S, s, i), { startX: f, startY: x, endX: y, endY: D } = k, v = y - f, p = D - x;
+        const T = `sheets-table-filter-button-${u}-${S}`, k = lr(u, S, s, i), { startX: f, startY: N, endX: y, endY: D } = k, v = y - f, p = D - N;
         if (p <= tt || v <= tt)
           continue;
         const L = d[S - g], R = y - be - tt, C = D - be - tt, H = {
@@ -1533,10 +1534,10 @@ let Tt = class extends Gt {
   }
 };
 Tt = Li([
-  nt(1, N(Oe)),
-  nt(2, N(ct)),
-  nt(3, N(un)),
-  nt(4, N(ne))
+  nt(1, x(Oe)),
+  nt(2, x(ct)),
+  nt(3, x(un)),
+  nt(4, x(ne))
 ], Tt);
 const ki = (t) => {
   const { unitId: e, subUnitId: n, range: r, onCancel: i, onConfirm: a, tableId: s } = t, c = M(ne), [d, h] = q(r), [u, g] = q(""), _ = M(oe), S = M(fe);
@@ -1549,10 +1550,10 @@ const ki = (t) => {
         subUnitId: n,
         initialValue: At(r),
         onChange: (T, k) => {
-          const f = At(r), x = Hr(k).range, y = ut(S, { unitId: e, subUnitId: n });
+          const f = At(r), N = Hr(k).range, y = ut(S, { unitId: e, subUnitId: n });
           if (!y)
             return;
-          if (y.worksheet.getMergeData().some((E) => me.intersects(x, E))) {
+          if (y.worksheet.getMergeData().some((E) => me.intersects(N, E))) {
             g(_.t("sheets-table.tableRangeWithMergeError"));
             return;
           }
@@ -1560,12 +1561,12 @@ const ki = (t) => {
             if (E.getId() === s)
               return !1;
             const Q = E.getRange();
-            return me.intersects(x, Q);
+            return me.intersects(N, Q);
           })) {
             g(_.t("sheets-table.tableRangeWithOtherTableError"));
             return;
           }
-          const { startRow: R, endRow: C } = x;
+          const { startRow: R, endRow: C } = N;
           if (R === C) {
             g(_.t("sheets-table.tableRangeSingleRowError"));
             return;
@@ -1575,11 +1576,11 @@ const ki = (t) => {
               const E = c.getTableById(e, s);
               if (E) {
                 const Q = E.getRange();
-                if (me.intersects(x, Q) && Q.startRow === x.startRow) {
-                  h(x), g(""), a({
+                if (me.intersects(N, Q) && Q.startRow === N.startRow) {
+                  h(N), g(""), a({
                     unitId: e,
                     subUnitId: n,
-                    range: x
+                    range: N
                   });
                   return;
                 } else {
@@ -1588,7 +1589,7 @@ const ki = (t) => {
                 }
               }
             }
-            h(x), g("");
+            h(N), g("");
           }
         },
         supportAcrossSheet: !1
@@ -1622,7 +1623,7 @@ const ki = (t) => {
     unitId: e,
     subUnitId: n,
     tableId: r
-  }), k = d.getRegisteredRangeThemes().filter((m) => m == null ? void 0 : m.startsWith(jr)), f = d.getALLRegisteredTheme(e).filter((m) => m == null ? void 0 : m.startsWith(mt)), x = c == null ? void 0 : c.getTableStyleId(), y = f.find((m) => m === x), D = y || f[0], v = d.getCustomRangeThemeStyle(e, D), p = (Y = (V = (P = v == null ? void 0 : v.getHeaderRowStyle()) == null ? void 0 : P.bg) == null ? void 0 : V.rgb) != null ? Y : ve, L = (Qe = (Ye = (ht = v == null ? void 0 : v.getFirstRowStyle()) == null ? void 0 : ht.bg) == null ? void 0 : Ye.rgb) != null ? Qe : ve, R = (gt = (Ge = (vt = v == null ? void 0 : v.getSecondRowStyle()) == null ? void 0 : vt.bg) == null ? void 0 : Ge.rgb) != null ? gt : ve, C = (Fe = (Be = (De = v == null ? void 0 : v.getLastRowStyle()) == null ? void 0 : De.bg) == null ? void 0 : Be.rgb) != null ? Fe : ve, [H, E] = q(null), Q = (m) => {
+  }), k = d.getRegisteredRangeThemes().filter((m) => m == null ? void 0 : m.startsWith(jr)), f = d.getALLRegisteredTheme(e).filter((m) => m == null ? void 0 : m.startsWith(mt)), N = c == null ? void 0 : c.getTableStyleId(), y = f.find((m) => m === N), D = y || f[0], v = d.getCustomRangeThemeStyle(e, D), p = (Y = (V = (P = v == null ? void 0 : v.getHeaderRowStyle()) == null ? void 0 : P.bg) == null ? void 0 : V.rgb) != null ? Y : ve, L = (Qe = (Ye = (ht = v == null ? void 0 : v.getFirstRowStyle()) == null ? void 0 : ht.bg) == null ? void 0 : Ye.rgb) != null ? Qe : ve, R = (gt = (Ge = (vt = v == null ? void 0 : v.getSecondRowStyle()) == null ? void 0 : vt.bg) == null ? void 0 : Ge.rgb) != null ? gt : ve, C = (Fe = (Be = (De = v == null ? void 0 : v.getLastRowStyle()) == null ? void 0 : De.bg) == null ? void 0 : Be.rgb) != null ? Fe : ve, [H, E] = q(null), Q = (m) => {
     i.executeCommand(Ct.id, {
       unitId: e,
       tableId: r,
@@ -1989,7 +1990,7 @@ function Fi(t) {
     id: en.id,
     type: Re.BUTTON,
     title: "sheets-table.insert.row",
-    hidden$: Nn(t)
+    hidden$: xn(t)
   };
 }
 function Hi(t) {
@@ -2004,7 +2005,7 @@ function Vi(t) {
     id: Kt.id,
     type: Re.BUTTON,
     title: "sheets-table.remove.row",
-    hidden$: Nn(t)
+    hidden$: xn(t)
   };
 }
 function Ai(t) {
@@ -2028,7 +2029,7 @@ function Mn(t) {
     ) : J(!0))
   );
 }
-function Nn(t) {
+function xn(t) {
   const e = t.get(dt);
   return t.get(fe).getCurrentTypeOfUnit$(qe.UNIVER_SHEET).pipe(
     Ie((i) => i ? i.activeSheet$.pipe(
@@ -2104,8 +2105,8 @@ let st = class extends Pe {
   }
 };
 st = ji([
-  jt(0, N(nn)),
-  jt(1, N(fr))
+  jt(0, x(nn)),
+  jt(1, x(fr))
 ], st);
 var Zi = Object.getOwnPropertyDescriptor, qi = (t, e, n, r) => {
   for (var i = r > 1 ? void 0 : r ? Zi(e, n) : e, a = t.length - 1, s; a >= 0; a--)
@@ -2144,10 +2145,10 @@ let wt = class extends Gt {
   }
 };
 wt = qi([
-  rt(1, N(Oe)),
-  rt(2, N(ct)),
-  rt(3, N(ne)),
-  rt(4, N(ye))
+  rt(1, x(Oe)),
+  rt(2, x(ct)),
+  rt(3, x(ne)),
+  rt(4, x(ye))
 ], wt);
 var Yi = Object.getOwnPropertyDescriptor, Qi = (t, e, n, r) => {
   for (var i = r > 1 ? void 0 : r ? Yi(e, n) : e, a = t.length - 1, s; a >= 0; a--)
@@ -2219,15 +2220,15 @@ let lt = class extends Pe {
   }
 };
 lt = Qi([
-  ft(0, N(un)),
-  ft(1, N(fe)),
-  ft(2, N(ne))
+  ft(0, x(un)),
+  ft(1, x(fe)),
+  ft(2, x(ne))
 ], lt);
 var Gi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, zi = (t, e, n) => e in t ? Gi(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, Ki = (t, e, n, r) => {
   for (var i = r > 1 ? void 0 : r ? Xi(e, n) : e, a = t.length - 1, s; a >= 0; a--)
     (s = t[a]) && (i = s(i) || i);
   return i;
-}, it = (t, e) => (n, r) => e(n, r, t), xn = (t, e, n) => zi(t, typeof e != "symbol" ? e + "" : e, n);
+}, it = (t, e) => (n, r) => e(n, r, t), Nn = (t, e, n) => zi(t, typeof e != "symbol" ? e + "" : e, n);
 let ot = class extends Fn {
   constructor(t = Ut, e, n, r, i) {
     super(), this._config = t, this._injector = e, this._commandService = n, this._configService = r, this._renderManagerService = i;
@@ -2275,12 +2276,12 @@ let ot = class extends Fn {
     ].forEach((t) => this._commandService.registerCommand(t));
   }
 };
-xn(ot, "pluginName", Ar);
-xn(ot, "type", qe.UNIVER_SHEET);
+Nn(ot, "pluginName", Ar);
+Nn(ot, "type", qe.UNIVER_SHEET);
 ot = Ki([
   Bn(tr),
-  it(1, N(Oe)),
-  it(2, N(le)),
+  it(1, x(Oe)),
+  it(2, x(le)),
   it(3, Qt),
   it(4, Xt)
 ], ot);

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:.25rem}.univer-mb-3{margin-bottom:.75rem}.univer-ml-1{margin-left:.25rem}.univer-ml-2{margin-left:.5rem}.univer-mr-1{margin-right:.25rem}.univer-mr-2{margin-right:.5rem}.univer-mt-1{margin-top:.25rem}.univer-mt-2{margin-top:.5rem}.univer-mt-3{margin-top:.75rem}.univer-mt-4{margin-top:1rem}.univer-box-border{box-sizing:border-box}.univer-inline-block{display:inline-block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-hidden{display:none}.\!univer-h-\[150px\]{height:150px!important}.univer-h-0{height:0px}.univer-h-10{height:2.5rem}.univer-h-2{height:.5rem}.univer-h-2\.5{height:.625rem}.univer-h-3{height:.75rem}.univer-h-4{height:1rem}.univer-h-40{height:10rem}.univer-h-5{height:1.25rem}.univer-h-60{height:15rem}.univer-h-7{height:1.75rem}.univer-h-8{height:2rem}.univer-h-9{height:2.25rem}.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-1\/2{width:50%}.univer-w-2{width:.5rem}.univer-w-3{width:.75rem}.univer-w-4{width:1rem}.univer-w-52{width:13rem}.univer-w-8{width:2rem}.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:4rem}.univer-min-w-32{min-width:8rem}.univer-max-w-24{max-width:6rem}.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-pointer{cursor:pointer}.univer-flex-col{flex-direction:column}.univer-flex-wrap{flex-wrap:wrap}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-between{justify-content:space-between}.univer-gap-2{gap:.5rem}.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-lg{border-radius:.5rem}.univer-rounded-md{border-radius:.375rem}.univer-rounded-none{border-radius:0}.univer-rounded-sm{border-radius:.125rem}.univer-rounded-xl{border-radius:.75rem}.univer-border{border-width:1px}.univer-border-solid{border-style:solid}.univer-border-blue-500{border-color:var(--univer-blue-500)}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-gray-400{background-color:var(--univer-gray-400)}.univer-bg-white{background-color:var(--univer-white)}.univer-p-1{padding:.25rem}.univer-p-2{padding:.5rem}.univer-p-4{padding:1rem}.univer-p-px{padding:1px}.univer-px-2{padding-left:.5rem;padding-right:.5rem}.univer-py-1{padding-top:.25rem;padding-bottom:.25rem}.univer-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.univer-pb-1{padding-bottom:.25rem}.univer-pb-2{padding-bottom:.5rem}.univer-pl-2{padding-left:.5rem}.univer-pr-2{padding-right:.5rem}.univer-pt-1{padding-top:.25rem}.univer-pt-2{padding-top:.5rem}.univer-text-center{text-align:center}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-text-xs{font-size:.75rem;line-height:1rem}.univer-leading-10{line-height:2.5rem}.univer-leading-9{line-height:2.25rem}.univer-leading-\[10px\]{line-height:10px}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-white{color:var(--univer-white)}.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)}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-200{transition-duration:.2s}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.focus\:univer-border-primary-600:focus{border-color:var(--univer-primary-600)}.focus\:univer-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:univer-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}.dark\:\!univer-border-gray-600:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.\[\&\>div\]\:univer-box-border>div{box-sizing:border-box}.\[\&\>div\]\:univer-h-2\.5>div{height:.625rem}
+.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:.25rem}.univer-mb-3{margin-bottom:.75rem}.univer-ml-1{margin-left:.25rem}.univer-ml-2{margin-left:.5rem}.univer-mr-1{margin-right:.25rem}.univer-mr-2{margin-right:.5rem}.univer-mt-1{margin-top:.25rem}.univer-mt-2{margin-top:.5rem}.univer-mt-3{margin-top:.75rem}.univer-mt-4{margin-top:1rem}.univer-box-border{box-sizing:border-box}.univer-inline-block{display:inline-block}.\!univer-flex{display:flex!important}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-hidden{display:none}.\!univer-h-\[150px\]{height:150px!important}.univer-h-0{height:0px}.univer-h-10{height:2.5rem}.univer-h-2{height:.5rem}.univer-h-2\.5{height:.625rem}.univer-h-3{height:.75rem}.univer-h-4{height:1rem}.univer-h-40{height:10rem}.univer-h-5{height:1.25rem}.univer-h-60{height:15rem}.univer-h-7{height:1.75rem}.univer-h-8{height:2rem}.univer-h-9{height:2.25rem}.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-1\/2{width:50%}.univer-w-2{width:.5rem}.univer-w-3{width:.75rem}.univer-w-4{width:1rem}.univer-w-52{width:13rem}.univer-w-8{width:2rem}.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:4rem}.univer-min-w-32{min-width:8rem}.univer-max-w-24{max-width:6rem}.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-pointer{cursor:pointer}.univer-flex-col{flex-direction:column}.univer-flex-wrap{flex-wrap:wrap}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-between{justify-content:space-between}.univer-gap-2{gap:.5rem}.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-lg{border-radius:.5rem}.univer-rounded-md{border-radius:.375rem}.univer-rounded-none{border-radius:0}.univer-rounded-sm{border-radius:.125rem}.univer-rounded-xl{border-radius:.75rem}.univer-border{border-width:1px}.univer-border-solid{border-style:solid}.univer-border-blue-500{border-color:var(--univer-blue-500)}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-gray-400{background-color:var(--univer-gray-400)}.univer-bg-white{background-color:var(--univer-white)}.univer-p-1{padding:.25rem}.univer-p-2{padding:.5rem}.univer-p-4{padding:1rem}.univer-p-px{padding:1px}.univer-px-2{padding-left:.5rem;padding-right:.5rem}.univer-py-1{padding-top:.25rem;padding-bottom:.25rem}.univer-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.univer-pb-1{padding-bottom:.25rem}.univer-pb-2{padding-bottom:.5rem}.univer-pl-2{padding-left:.5rem}.univer-pr-2{padding-right:.5rem}.univer-pt-1{padding-top:.25rem}.univer-pt-2{padding-top:.5rem}.univer-text-center{text-align:center}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-text-xs{font-size:.75rem;line-height:1rem}.univer-leading-10{line-height:2.5rem}.univer-leading-9{line-height:2.25rem}.univer-leading-\[10px\]{line-height:10px}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-white{color:var(--univer-white)}.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)}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-200{transition-duration:.2s}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.focus\:univer-border-primary-600:focus{border-color:var(--univer-primary-600)}.focus\:univer-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:univer-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}.dark\:\!univer-border-gray-600:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.\[\&\>div\]\:univer-box-border>div{box-sizing:border-box}.\[\&\>div\]\:univer-h-2\.5>div{height:.625rem}