@univerjs/sheets-ui 0.15.0-insiders.20260107-3d1cfdf → 0.15.0-insiders.20260108-7b9120d

package/lib/es/index.js

@@ -10129,7 +10129,7 @@ function b0() {
   }, [d, s, u, a]);
   const g = gt(() => n.map((f) => ({
     type: "item",
-    children: /* @__PURE__ */ q("div", { className: "univer-relative univer-box-border univer-pl-6", children: [
+    children: /* @__PURE__ */ q("div", { className: "univer-relative univer-box-border univer-overflow-hidden univer-truncate univer-pl-6", children: [
       (f.selected || f.hidden) && /* @__PURE__ */ q("span", { className: "univer-absolute univer-left-1 univer-top-0.5", children: [
         f.selected && /* @__PURE__ */ w(Br, { className: "univer-size-4 univer-text-primary-600" }),
         f.hidden && /* @__PURE__ */ w(sf, { className: "univer-size-4 univer-text-gray-400" })
@@ -10151,6 +10151,7 @@ function b0() {
   return /* @__PURE__ */ w(
     qu,
     {
+      className: "univer-max-w-lg",
       align: "start",
       items: g,
       open: t,
@@ -10160,13 +10161,13 @@ function b0() {
   );
 }
 function _0(n) {
-  const { sheetId: e, label: t, color: r, selected: o, menuOverlay: i } = n, [s, l] = ne(o), a = D(Pt);
+  const { sheetId: e, label: t, color: r, selected: o } = n, [i, s] = ne(o), l = D(Pt);
   we(() => {
-    l(o);
+    s(o);
   }, [o]);
-  const c = (u) => {
-    const d = a.getColorFromTheme("gray.900"), h = a.getColorFromTheme("white");
-    return new cn(u).isDark() ? h : d;
+  const a = (c) => {
+    const u = l.getColorFromTheme("gray.900"), d = l.getColorFromTheme("white");
+    return new cn(c).isDark() ? d : u;
   };
   return /* @__PURE__ */ w(
     "div",
@@ -10174,21 +10175,21 @@ function _0(n) {
       "data-u-comp": "slide-tab-item",
       "data-id": e,
       className: Ee("univer-mx-1 univer-box-border univer-flex univer-flex-grow univer-cursor-pointer univer-select-none univer-flex-row univer-items-center univer-rounded univer-text-xs univer-transition-[colors,box-shadow]", {
-        "dark:!univer-text-white": !r || r && !c(r),
-        "univer-justify-center univer-bg-white univer-font-bold univer-text-primary-700 univer-shadow": s,
-        "dark:!univer-bg-gray-700": s && !r,
-        "univer-font-medium univer-text-gray-900 hover:univer-bg-gray-100": !s,
-        "dark:hover:!univer-bg-gray-700": !s && !r
+        "dark:!univer-text-white": !r || r && !a(r),
+        "univer-justify-center univer-bg-white univer-font-bold univer-text-primary-700 univer-shadow": i,
+        "dark:!univer-bg-gray-700": i && !r,
+        "univer-font-medium univer-text-gray-900 hover:univer-bg-gray-100": !i,
+        "dark:hover:!univer-bg-gray-700": !i && !r
       }),
       style: {
-        backgroundColor: !s && r ? r : "",
-        color: !s && r ? c(r) : "",
-        boxShadow: s && r ? `0px 0px 8px rgba(0, 0, 0, 0.08), inset 0px -2px 0px 0px ${r}` : ""
+        backgroundColor: !i && r ? r : "",
+        color: !i && r ? a(r) : "",
+        boxShadow: i && r ? `0px 0px 8px rgba(0, 0, 0, 0.08), inset 0px -2px 0px 0px ${r}` : ""
       },
       children: /* @__PURE__ */ w(
         "div",
         {
-          className: "univer-box-border univer-flex univer-items-center univer-gap-1 univer-whitespace-nowrap univer-rounded univer-border-2 univer-border-solid univer-border-transparent univer-px-1.5 univer-py-1",
+          className: "univer-box-border univer-flex univer-max-w-lg univer-items-center univer-gap-1 univer-overflow-hidden univer-whitespace-nowrap univer-rounded univer-border-2 univer-border-solid univer-border-transparent univer-px-1.5 univer-py-1",
           children: t
         }
       )
@@ -10763,9 +10764,9 @@ function E0() {
     const ee = _.getSheets(), oe = _.getActiveSheet(), me = ee.filter((Ye) => !Ye.isSheetHidden()).map((Ye, he) => {
       var wt;
       const re = p.getRule(_.getUnitId(), Ye.getSheetId()), Je = S.getSubunitRuleList(_.getUnitId(), Ye.getSheetId()).length > 0, St = (re == null ? void 0 : re.permissionId) || Je ? /* @__PURE__ */ q(Go, { children: [
-        /* @__PURE__ */ w(bd, {}),
-        /* @__PURE__ */ w("span", { className: "univer-outline-none", children: Ye.getName() })
-      ] }) : /* @__PURE__ */ w("span", { className: "univer-outline-none", children: Ye.getName() });
+        /* @__PURE__ */ w(bd, { className: "univer-shrink-0" }),
+        /* @__PURE__ */ w("span", { className: "univer-truncate univer-outline-none", children: Ye.getName() })
+      ] }) : /* @__PURE__ */ w("span", { className: "univer-truncate univer-outline-none", children: Ye.getName() });
       return {
         sheetId: Ye.getSheetId(),
         label: St,
@@ -12307,7 +12308,7 @@ let Oo = class extends ae {
     );
     if (!d)
       return !0;
-    this._removeComposedCellStyleInCellData(d, c.getComposedCellStyle(s, l));
+    this._removeComposedCellStyleInCellData(d, c.getComposedCellStyleWithoutSelf(s, l));
     const h = this._sheetInterceptorService.onWriteCell(a, c, s, l, d);
     if (Me.diffValue(kh(h), kh(c.getCellRaw(s, l))))
       return !0;

package/lib/index.css

@@ -1 +1 @@
-.univer-pointer-events-none{pointer-events:none}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-inset-0{top:0;right:0;bottom:0;left:0}.-univer-bottom-0\.5{bottom:-.125rem}.-univer-left-0\.5{left:-.125rem}.-univer-right-0\.5{right:-.125rem}.-univer-top-0\.5{top:-.125rem}.univer-left-0{left:0}.univer-left-1{left:.25rem}.univer-left-3{left:.75rem}.univer-right-0{right:0}.univer-right-5{right:1.25rem}.univer-top-0{top:0}.univer-top-0\.5{top:.125rem}.univer-top-1\/2{top:50%}.univer-z-10{z-index:10}.univer-z-\[1001\]{z-index:1001}.univer-z-\[100\]{z-index:100}.univer-m-0{margin:0}.univer-mx-1{margin-left:.25rem;margin-right:.25rem}.univer-my-1{margin-top:.25rem;margin-bottom:.25rem}.univer-my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.univer-my-2{margin-top:.5rem;margin-bottom:.5rem}.univer-mb-1\.5{margin-bottom:.375rem}.univer-mb-2{margin-bottom:.5rem}.univer-mb-3{margin-bottom:.75rem}.univer-mb-4{margin-bottom:1rem}.univer-ml-1{margin-left:.25rem}.univer-ml-1\.5{margin-left:.375rem}.univer-ml-3{margin-left:.75rem}.univer-ml-6{margin-left:1.5rem}.univer-ml-px{margin-left:1px}.univer-mr-1\.5{margin-right:.375rem}.univer-mr-2{margin-right:.5rem}.univer-mr-5{margin-right:1.25rem}.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-mt-auto{margin-top:auto}.univer-box-border{box-sizing:border-box}.univer-block{display:block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-grid{display:grid}.univer-hidden{display:none}.univer-size-0{width:0px;height:0px}.univer-size-10{width:2.5rem;height:2.5rem}.univer-size-4{width:1rem;height:1rem}.univer-size-6{width:1.5rem;height:1.5rem}.univer-h-0\.5{height:.125rem}.univer-h-20{height:5rem}.univer-h-4{height:1rem}.univer-h-5{height:1.25rem}.univer-h-6{height:1.5rem}.univer-h-60{height:15rem}.univer-h-7{height:1.75rem}.univer-h-8{height:2rem}.univer-h-9{height:2.25rem}.univer-h-\[270px\]{height:270px}.univer-h-\[30px\]{height:30px}.univer-h-\[calc\(100\%-16px\)\]{height:calc(100% - 16px)}.univer-h-\[calc\(100\%-8px\)\]{height:calc(100% - 8px)}.univer-h-full{height:100%}.univer-h-px{height:1px}.univer-max-h-52{max-height:13rem}.univer-max-h-\[100px\]{max-height:100px}.univer-max-h-\[360px\]{max-height:360px}.\!univer-w-\[90px\]{width:90px!important}.univer-w-16{width:4rem}.univer-w-20{width:5rem}.univer-w-24{width:6rem}.univer-w-4{width:1rem}.univer-w-5{width:1.25rem}.univer-w-6{width:1.5rem}.univer-w-60{width:15rem}.univer-w-\[100px\]{width:100px}.univer-w-\[130px\]{width:130px}.univer-w-\[156px\]{width:156px}.univer-w-\[300px\]{width:300px}.univer-w-\[50\%\]{width:50%}.univer-w-fit{width:-moz-fit-content;width:fit-content}.univer-w-full{width:100%}.univer-min-w-0{min-width:0px}.univer-min-w-12{min-width:3rem}.univer-max-w-32{max-width:8rem}.univer-max-w-64{max-width:16rem}.univer-max-w-\[120px\]{max-width:120px}.univer-max-w-\[190px\]{max-width:190px}.univer-max-w-\[200px\]{max-width:200px}.univer-max-w-\[calc\(100\%-112px\)\]{max-width:calc(100% - 112px)}.univer-max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.univer-flex-1{flex:1 1 0%}.univer-flex-shrink-0,.univer-shrink-0{flex-shrink:0}.univer-flex-grow{flex-grow:1}.univer-flex-grow-0{flex-grow:0}.-univer-translate-y-1\/2{--univer-tw-translate-y: -50%;transform:translate(var(--univer-tw-translate-x),-50%) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-rotate-180{--univer-tw-rotate: 180deg;transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(180deg) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}@keyframes univer-spin{to{transform:rotate(360deg)}}.univer-animate-spin{animation:univer-spin 1s linear infinite}.univer-cursor-default{cursor:default}.univer-cursor-not-allowed{cursor:not-allowed}.univer-cursor-pointer{cursor:pointer}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.univer-grid-flow-col{grid-auto-flow:column}.univer-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.univer-grid-cols-\[1fr\,auto\,auto\,auto\]{grid-template-columns:1fr auto auto auto}.univer-flex-row{flex-direction:row}.univer-flex-row-reverse{flex-direction:row-reverse}.univer-flex-col{flex-direction:column}.univer-flex-nowrap{flex-wrap:nowrap}.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:.25rem}.univer-gap-2{gap:.5rem}.univer-gap-7{gap:1.75rem}.univer-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.univer-space-y-2>:not([hidden])~:not([hidden]){--univer-tw-space-y-reverse: 0;margin-top:calc(.5rem * (1 - var(--univer-tw-space-y-reverse)));margin-top:.5rem;margin-top:calc(.5rem * calc(1 - var(--univer-tw-space-y-reverse)));margin-bottom:0rem;margin-bottom:calc(.5rem * var(--univer-tw-space-y-reverse))}.univer-divide-x-0>:not([hidden])~:not([hidden]){--univer-tw-divide-x-reverse: 0;border-right-width:0px;border-right-width:calc(0px * var(--univer-tw-divide-x-reverse));border-left-width:calc(0px * (1 - var(--univer-tw-divide-x-reverse)));border-left-width:0px;border-left-width:calc(0px * calc(1 - var(--univer-tw-divide-x-reverse)))}.univer-divide-y>:not([hidden])~:not([hidden]){--univer-tw-divide-y-reverse: 0;border-top-width:calc(1px * (1 - var(--univer-tw-divide-y-reverse)));border-top-width:1px;border-top-width:calc(1px * calc(1 - var(--univer-tw-divide-y-reverse)));border-bottom-width:0px;border-bottom-width:calc(1px * var(--univer-tw-divide-y-reverse))}.univer-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.univer-divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-200)}.univer-justify-self-center{justify-self:center}.univer-overflow-hidden{overflow:hidden}.univer-overflow-y-auto{overflow-y:auto}.univer-overflow-x-scroll{overflow-x:scroll}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-whitespace-nowrap{white-space:nowrap}.univer-break-words{word-wrap:break-word}.univer-rounded{border-radius:.25rem}.univer-rounded-full{border-radius:9999px}.univer-rounded-lg{border-radius:.5rem}.univer-rounded-md{border-radius:.375rem}.univer-rounded-sm{border-radius:.125rem}.univer-border{border-width:1px}.univer-border-2{border-width:2px}.univer-border-4{border-width:4px}.univer-border-solid{border-style:solid}.univer-border-none{border-style:none}.univer-border-\[rgba\(13\,13\,13\,0\.12\)\]{border-color:#0d0d0d1f}.univer-border-gray-100{border-color:var(--univer-gray-100)}.univer-border-transparent{border-color:transparent}.univer-border-r-gray-200{border-right-color:var(--univer-gray-200)}.univer-border-t-primary-500{border-top-color:var(--univer-primary-500)}.\!univer-bg-gray-600{background-color:var(--univer-gray-600)!important}.\!univer-bg-gray-700{background-color:var(--univer-gray-700)!important}.\!univer-bg-gray-800{background-color:var(--univer-gray-800)!important}.\!univer-bg-gray-900{background-color:var(--univer-gray-900)!important}.\!univer-bg-slate-600{--univer-tw-bg-opacity: 1 !important;background-color:#475569!important;background-color:rgba(71,85,105,var(--univer-tw-bg-opacity, 1))!important}.univer-bg-blue-500{background-color:var(--univer-blue-500)}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-transparent{background-color:transparent}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-gray-900{fill:var(--univer-gray-900)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-0{padding:0}.univer-p-1{padding:.25rem}.univer-p-1\.5{padding:.375rem}.univer-p-2{padding:.5rem}.univer-p-3{padding:.75rem}.univer-p-4{padding:1rem}.univer-px-1{padding-left:.25rem;padding-right:.25rem}.univer-px-1\.5{padding-left:.375rem;padding-right:.375rem}.univer-px-2{padding-left:.5rem;padding-right:.5rem}.univer-px-3\.5{padding-left:.875rem;padding-right:.875rem}.univer-px-5{padding-left:1.25rem;padding-right:1.25rem}.univer-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.univer-py-1{padding-top:.25rem;padding-bottom:.25rem}.univer-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.univer-py-2{padding-top:.5rem;padding-bottom:.5rem}.univer-py-3{padding-top:.75rem;padding-bottom:.75rem}.univer-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.univer-pb-1{padding-bottom:.25rem}.univer-pl-1\.5{padding-left:.375rem}.univer-pl-3{padding-left:.75rem}.univer-pl-6{padding-left:1.5rem}.univer-pr-5{padding-right:1.25rem}.univer-pt-1{padding-top:.25rem}.univer-pt-2{padding-top:.5rem}.univer-text-center{text-align:center}.univer-text-base{font-size:1rem;line-height:1.5rem}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-text-xs{font-size:.75rem;line-height:1rem}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-font-semibold{font-weight:600}.univer-leading-5{line-height:1.25rem}.univer-leading-6{line-height:1.5rem}.univer-leading-7{line-height:1.75rem}.\!univer-text-gray-700{color:var(--univer-gray-700)!important}.\!univer-text-white{color:var(--univer-white)!important}.univer-text-blue-500{color:var(--univer-blue-500)}.univer-text-gray-200{color:var(--univer-gray-200)}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-700{color:var(--univer-gray-700)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-green-600{color:var(--univer-green-600)}.univer-text-primary-500{color:var(--univer-primary-500)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-primary-700{color:var(--univer-primary-700)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-red-600{color:var(--univer-red-600)}.univer-text-white{color:var(--univer-white)}.univer-text-yellow-500{color:var(--univer-yellow-500)}.univer-shadow{--univer-tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-shadow-lg{--univer-tw-shadow: 0px 4px 6px 0px rgba(30, 40, 77, .05), 0px 10px 15px -3px rgba(30, 40, 77, .1);--univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 4px 6px #1e284d0d,0 10px 15px -3px #1e284d1a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-blur-sm{--univer-tw-blur: blur(4px);filter:blur(4px) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) var(--univer-tw-drop-shadow);filter:var(--univer-tw-blur) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) var(--univer-tw-drop-shadow)}.univer-backdrop-blur{--univer-tw-backdrop-blur: blur(8px);backdrop-filter:blur(8px) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);backdrop-filter:var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia)}.univer-transition-\[colors\,box-shadow\]{transition-property:colors,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.univer-ease-linear{transition-timing-function:linear}.after\:univer-absolute:after{content:var(--univer-tw-content);position:absolute}.after\:univer-right-0:after{content:var(--univer-tw-content);right:0}.after\:univer-top-1\/2:after{content:var(--univer-tw-content);top:50%}.after\:univer-block:after{content:var(--univer-tw-content);display:block}.after\:univer-h-4:after{content:var(--univer-tw-content);height:1rem}.after\:univer-w-px:after{content:var(--univer-tw-content);width:1px}.after\:-univer-translate-y-1\/2:after{content:var(--univer-tw-content);--univer-tw-translate-y: -50%;transform:translate(var(--univer-tw-translate-x),-50%) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.after\:univer-bg-gray-200:after{content:var(--univer-tw-content);background-color:var(--univer-gray-200)}.after\:univer-content-\[\"\"\]:after{--univer-tw-content: "";content:"";content:var(--univer-tw-content)}.last\:univer-mb-0:last-child{margin-bottom:0}.univer-group:hover .group-hover\:univer-flex{display:flex}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.hover\:univer-bg-gray-50:hover{background-color:var(--univer-gray-50)}.hover\:univer-bg-transparent:hover{background-color:transparent}.focus\:univer-border-primary-500:focus{border-color:var(--univer-primary-500)}.focus\:univer-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\:\!univer-divide-gray-600:where(.univer-dark,.univer-dark *)>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-600)!important}.dark\:\!univer-border-r-gray-700:where(.univer-dark,.univer-dark *){border-right-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-black:where(.univer-dark,.univer-dark *){background-color:var(--univer-black)!important}.dark\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *){background-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-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.dark\:\!univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-bg-slate-600:where(.univer-dark,.univer-dark *){--univer-tw-bg-opacity: 1 !important;background-color:#475569!important;background-color:rgba(71,85,105,var(--univer-tw-bg-opacity, 1))!important}.dark\:\!univer-fill-white:where(.univer-dark,.univer-dark *){fill:var(--univer-white)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-gray-700:where(.univer-dark,.univer-dark *){color:var(--univer-gray-700)!important}.dark\:\!univer-text-green-400:where(.univer-dark,.univer-dark *){color:var(--univer-green-400)!important}.dark\:\!univer-text-red-400:where(.univer-dark,.univer-dark *){color:var(--univer-red-400)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.\[\&\>div\:first-child\]\:univer-px-2\.5>div:first-child{padding-left:.625rem;padding-right:.625rem}.\[\&\>div\]\:univer-h-5>div{height:1.25rem}.\[\&\>div\]\:univer-ring-transparent>div{--univer-tw-ring-color: transparent }.\[\&_canvas\]\:univer-absolute canvas{position:absolute}
+.univer-pointer-events-none{pointer-events:none}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-inset-0{top:0;right:0;bottom:0;left:0}.-univer-bottom-0\.5{bottom:-.125rem}.-univer-left-0\.5{left:-.125rem}.-univer-right-0\.5{right:-.125rem}.-univer-top-0\.5{top:-.125rem}.univer-left-0{left:0}.univer-left-1{left:.25rem}.univer-left-3{left:.75rem}.univer-right-0{right:0}.univer-right-5{right:1.25rem}.univer-top-0{top:0}.univer-top-0\.5{top:.125rem}.univer-top-1\/2{top:50%}.univer-z-10{z-index:10}.univer-z-\[1001\]{z-index:1001}.univer-z-\[100\]{z-index:100}.univer-m-0{margin:0}.univer-mx-1{margin-left:.25rem;margin-right:.25rem}.univer-my-1{margin-top:.25rem;margin-bottom:.25rem}.univer-my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.univer-my-2{margin-top:.5rem;margin-bottom:.5rem}.univer-mb-1\.5{margin-bottom:.375rem}.univer-mb-2{margin-bottom:.5rem}.univer-mb-3{margin-bottom:.75rem}.univer-mb-4{margin-bottom:1rem}.univer-ml-1{margin-left:.25rem}.univer-ml-1\.5{margin-left:.375rem}.univer-ml-3{margin-left:.75rem}.univer-ml-6{margin-left:1.5rem}.univer-ml-px{margin-left:1px}.univer-mr-1\.5{margin-right:.375rem}.univer-mr-2{margin-right:.5rem}.univer-mr-5{margin-right:1.25rem}.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-mt-auto{margin-top:auto}.univer-box-border{box-sizing:border-box}.univer-block{display:block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-grid{display:grid}.univer-hidden{display:none}.univer-size-0{width:0px;height:0px}.univer-size-10{width:2.5rem;height:2.5rem}.univer-size-4{width:1rem;height:1rem}.univer-size-6{width:1.5rem;height:1.5rem}.univer-h-0\.5{height:.125rem}.univer-h-20{height:5rem}.univer-h-4{height:1rem}.univer-h-5{height:1.25rem}.univer-h-6{height:1.5rem}.univer-h-60{height:15rem}.univer-h-7{height:1.75rem}.univer-h-8{height:2rem}.univer-h-9{height:2.25rem}.univer-h-\[270px\]{height:270px}.univer-h-\[30px\]{height:30px}.univer-h-\[calc\(100\%-16px\)\]{height:calc(100% - 16px)}.univer-h-\[calc\(100\%-8px\)\]{height:calc(100% - 8px)}.univer-h-full{height:100%}.univer-h-px{height:1px}.univer-max-h-52{max-height:13rem}.univer-max-h-\[100px\]{max-height:100px}.univer-max-h-\[360px\]{max-height:360px}.\!univer-w-\[90px\]{width:90px!important}.univer-w-16{width:4rem}.univer-w-20{width:5rem}.univer-w-24{width:6rem}.univer-w-4{width:1rem}.univer-w-5{width:1.25rem}.univer-w-6{width:1.5rem}.univer-w-60{width:15rem}.univer-w-\[100px\]{width:100px}.univer-w-\[130px\]{width:130px}.univer-w-\[156px\]{width:156px}.univer-w-\[300px\]{width:300px}.univer-w-\[50\%\]{width:50%}.univer-w-fit{width:-moz-fit-content;width:fit-content}.univer-w-full{width:100%}.univer-min-w-0{min-width:0px}.univer-min-w-12{min-width:3rem}.univer-max-w-32{max-width:8rem}.univer-max-w-64{max-width:16rem}.univer-max-w-\[120px\]{max-width:120px}.univer-max-w-\[190px\]{max-width:190px}.univer-max-w-\[200px\]{max-width:200px}.univer-max-w-\[calc\(100\%-112px\)\]{max-width:calc(100% - 112px)}.univer-max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.univer-max-w-lg{max-width:32rem}.univer-flex-1{flex:1 1 0%}.univer-flex-shrink-0,.univer-shrink-0{flex-shrink:0}.univer-flex-grow{flex-grow:1}.univer-flex-grow-0{flex-grow:0}.-univer-translate-y-1\/2{--univer-tw-translate-y: -50%;transform:translate(var(--univer-tw-translate-x),-50%) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.univer-rotate-180{--univer-tw-rotate: 180deg;transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(180deg) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}@keyframes univer-spin{to{transform:rotate(360deg)}}.univer-animate-spin{animation:univer-spin 1s linear infinite}.univer-cursor-default{cursor:default}.univer-cursor-not-allowed{cursor:not-allowed}.univer-cursor-pointer{cursor:pointer}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.univer-grid-flow-col{grid-auto-flow:column}.univer-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.univer-grid-cols-\[1fr\,auto\,auto\,auto\]{grid-template-columns:1fr auto auto auto}.univer-flex-row{flex-direction:row}.univer-flex-row-reverse{flex-direction:row-reverse}.univer-flex-col{flex-direction:column}.univer-flex-nowrap{flex-wrap:nowrap}.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:.25rem}.univer-gap-2{gap:.5rem}.univer-gap-7{gap:1.75rem}.univer-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.univer-space-y-2>:not([hidden])~:not([hidden]){--univer-tw-space-y-reverse: 0;margin-top:calc(.5rem * (1 - var(--univer-tw-space-y-reverse)));margin-top:.5rem;margin-top:calc(.5rem * calc(1 - var(--univer-tw-space-y-reverse)));margin-bottom:0rem;margin-bottom:calc(.5rem * var(--univer-tw-space-y-reverse))}.univer-divide-x-0>:not([hidden])~:not([hidden]){--univer-tw-divide-x-reverse: 0;border-right-width:0px;border-right-width:calc(0px * var(--univer-tw-divide-x-reverse));border-left-width:calc(0px * (1 - var(--univer-tw-divide-x-reverse)));border-left-width:0px;border-left-width:calc(0px * calc(1 - var(--univer-tw-divide-x-reverse)))}.univer-divide-y>:not([hidden])~:not([hidden]){--univer-tw-divide-y-reverse: 0;border-top-width:calc(1px * (1 - var(--univer-tw-divide-y-reverse)));border-top-width:1px;border-top-width:calc(1px * calc(1 - var(--univer-tw-divide-y-reverse)));border-bottom-width:0px;border-bottom-width:calc(1px * var(--univer-tw-divide-y-reverse))}.univer-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.univer-divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-200)}.univer-justify-self-center{justify-self:center}.univer-overflow-hidden{overflow:hidden}.univer-overflow-y-auto{overflow-y:auto}.univer-overflow-x-scroll{overflow-x:scroll}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-whitespace-nowrap{white-space:nowrap}.univer-break-words{word-wrap:break-word}.univer-rounded{border-radius:.25rem}.univer-rounded-full{border-radius:9999px}.univer-rounded-lg{border-radius:.5rem}.univer-rounded-md{border-radius:.375rem}.univer-rounded-sm{border-radius:.125rem}.univer-border{border-width:1px}.univer-border-2{border-width:2px}.univer-border-4{border-width:4px}.univer-border-solid{border-style:solid}.univer-border-none{border-style:none}.univer-border-\[rgba\(13\,13\,13\,0\.12\)\]{border-color:#0d0d0d1f}.univer-border-gray-100{border-color:var(--univer-gray-100)}.univer-border-transparent{border-color:transparent}.univer-border-r-gray-200{border-right-color:var(--univer-gray-200)}.univer-border-t-primary-500{border-top-color:var(--univer-primary-500)}.\!univer-bg-gray-600{background-color:var(--univer-gray-600)!important}.\!univer-bg-gray-700{background-color:var(--univer-gray-700)!important}.\!univer-bg-gray-800{background-color:var(--univer-gray-800)!important}.\!univer-bg-gray-900{background-color:var(--univer-gray-900)!important}.\!univer-bg-slate-600{--univer-tw-bg-opacity: 1 !important;background-color:#475569!important;background-color:rgba(71,85,105,var(--univer-tw-bg-opacity, 1))!important}.univer-bg-blue-500{background-color:var(--univer-blue-500)}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-transparent{background-color:transparent}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-gray-900{fill:var(--univer-gray-900)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-0{padding:0}.univer-p-1{padding:.25rem}.univer-p-1\.5{padding:.375rem}.univer-p-2{padding:.5rem}.univer-p-3{padding:.75rem}.univer-p-4{padding:1rem}.univer-px-1{padding-left:.25rem;padding-right:.25rem}.univer-px-1\.5{padding-left:.375rem;padding-right:.375rem}.univer-px-2{padding-left:.5rem;padding-right:.5rem}.univer-px-3\.5{padding-left:.875rem;padding-right:.875rem}.univer-px-5{padding-left:1.25rem;padding-right:1.25rem}.univer-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.univer-py-1{padding-top:.25rem;padding-bottom:.25rem}.univer-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.univer-py-2{padding-top:.5rem;padding-bottom:.5rem}.univer-py-3{padding-top:.75rem;padding-bottom:.75rem}.univer-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.univer-pb-1{padding-bottom:.25rem}.univer-pl-1\.5{padding-left:.375rem}.univer-pl-3{padding-left:.75rem}.univer-pl-6{padding-left:1.5rem}.univer-pr-5{padding-right:1.25rem}.univer-pt-1{padding-top:.25rem}.univer-pt-2{padding-top:.5rem}.univer-text-center{text-align:center}.univer-text-base{font-size:1rem;line-height:1.5rem}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-text-xs{font-size:.75rem;line-height:1rem}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-font-semibold{font-weight:600}.univer-leading-5{line-height:1.25rem}.univer-leading-6{line-height:1.5rem}.univer-leading-7{line-height:1.75rem}.\!univer-text-gray-700{color:var(--univer-gray-700)!important}.\!univer-text-white{color:var(--univer-white)!important}.univer-text-blue-500{color:var(--univer-blue-500)}.univer-text-gray-200{color:var(--univer-gray-200)}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-700{color:var(--univer-gray-700)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-green-600{color:var(--univer-green-600)}.univer-text-primary-500{color:var(--univer-primary-500)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-primary-700{color:var(--univer-primary-700)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-red-600{color:var(--univer-red-600)}.univer-text-white{color:var(--univer-white)}.univer-text-yellow-500{color:var(--univer-yellow-500)}.univer-shadow{--univer-tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-shadow-lg{--univer-tw-shadow: 0px 4px 6px 0px rgba(30, 40, 77, .05), 0px 10px 15px -3px rgba(30, 40, 77, .1);--univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 4px 6px #1e284d0d,0 10px 15px -3px #1e284d1a;box-shadow:var(--univer-tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--univer-tw-shadow)}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-blur-sm{--univer-tw-blur: blur(4px);filter:blur(4px) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) var(--univer-tw-drop-shadow);filter:var(--univer-tw-blur) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) var(--univer-tw-drop-shadow)}.univer-backdrop-blur{--univer-tw-backdrop-blur: blur(8px);backdrop-filter:blur(8px) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);backdrop-filter:var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia)}.univer-transition-\[colors\,box-shadow\]{transition-property:colors,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.univer-ease-linear{transition-timing-function:linear}.after\:univer-absolute:after{content:var(--univer-tw-content);position:absolute}.after\:univer-right-0:after{content:var(--univer-tw-content);right:0}.after\:univer-top-1\/2:after{content:var(--univer-tw-content);top:50%}.after\:univer-block:after{content:var(--univer-tw-content);display:block}.after\:univer-h-4:after{content:var(--univer-tw-content);height:1rem}.after\:univer-w-px:after{content:var(--univer-tw-content);width:1px}.after\:-univer-translate-y-1\/2:after{content:var(--univer-tw-content);--univer-tw-translate-y: -50%;transform:translate(var(--univer-tw-translate-x),-50%) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));transform:translate(var(--univer-tw-translate-x),var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skew(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y))}.after\:univer-bg-gray-200:after{content:var(--univer-tw-content);background-color:var(--univer-gray-200)}.after\:univer-content-\[\"\"\]:after{--univer-tw-content: "";content:"";content:var(--univer-tw-content)}.last\:univer-mb-0:last-child{margin-bottom:0}.univer-group:hover .group-hover\:univer-flex{display:flex}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.hover\:univer-bg-gray-50:hover{background-color:var(--univer-gray-50)}.hover\:univer-bg-transparent:hover{background-color:transparent}.focus\:univer-border-primary-500:focus{border-color:var(--univer-primary-500)}.focus\:univer-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\:\!univer-divide-gray-600:where(.univer-dark,.univer-dark *)>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-600)!important}.dark\:\!univer-border-r-gray-700:where(.univer-dark,.univer-dark *){border-right-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-black:where(.univer-dark,.univer-dark *){background-color:var(--univer-black)!important}.dark\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *){background-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-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.dark\:\!univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-bg-slate-600:where(.univer-dark,.univer-dark *){--univer-tw-bg-opacity: 1 !important;background-color:#475569!important;background-color:rgba(71,85,105,var(--univer-tw-bg-opacity, 1))!important}.dark\:\!univer-fill-white:where(.univer-dark,.univer-dark *){fill:var(--univer-white)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-gray-700:where(.univer-dark,.univer-dark *){color:var(--univer-gray-700)!important}.dark\:\!univer-text-green-400:where(.univer-dark,.univer-dark *){color:var(--univer-green-400)!important}.dark\:\!univer-text-red-400:where(.univer-dark,.univer-dark *){color:var(--univer-red-400)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.\[\&\>div\:first-child\]\:univer-px-2\.5>div:first-child{padding-left:.625rem;padding-right:.625rem}.\[\&\>div\]\:univer-h-5>div{height:1.25rem}.\[\&\>div\]\:univer-ring-transparent>div{--univer-tw-ring-color: transparent }.\[\&_canvas\]\:univer-absolute canvas{position:absolute}

package/lib/index.js

@@ -10129,7 +10129,7 @@ function b0() {
   }, [d, s, u, a]);
   const g = gt(() => n.map((f) => ({
     type: "item",
-    children: /* @__PURE__ */ q("div", { className: "univer-relative univer-box-border univer-pl-6", children: [
+    children: /* @__PURE__ */ q("div", { className: "univer-relative univer-box-border univer-overflow-hidden univer-truncate univer-pl-6", children: [
       (f.selected || f.hidden) && /* @__PURE__ */ q("span", { className: "univer-absolute univer-left-1 univer-top-0.5", children: [
         f.selected && /* @__PURE__ */ w(Br, { className: "univer-size-4 univer-text-primary-600" }),
         f.hidden && /* @__PURE__ */ w(sf, { className: "univer-size-4 univer-text-gray-400" })
@@ -10151,6 +10151,7 @@ function b0() {
   return /* @__PURE__ */ w(
     qu,
     {
+      className: "univer-max-w-lg",
       align: "start",
       items: g,
       open: t,
@@ -10160,13 +10161,13 @@ function b0() {
   );
 }
 function _0(n) {
-  const { sheetId: e, label: t, color: r, selected: o, menuOverlay: i } = n, [s, l] = ne(o), a = D(Pt);
+  const { sheetId: e, label: t, color: r, selected: o } = n, [i, s] = ne(o), l = D(Pt);
   we(() => {
-    l(o);
+    s(o);
   }, [o]);
-  const c = (u) => {
-    const d = a.getColorFromTheme("gray.900"), h = a.getColorFromTheme("white");
-    return new cn(u).isDark() ? h : d;
+  const a = (c) => {
+    const u = l.getColorFromTheme("gray.900"), d = l.getColorFromTheme("white");
+    return new cn(c).isDark() ? d : u;
   };
   return /* @__PURE__ */ w(
     "div",
@@ -10174,21 +10175,21 @@ function _0(n) {
       "data-u-comp": "slide-tab-item",
       "data-id": e,
       className: Ee("univer-mx-1 univer-box-border univer-flex univer-flex-grow univer-cursor-pointer univer-select-none univer-flex-row univer-items-center univer-rounded univer-text-xs univer-transition-[colors,box-shadow]", {
-        "dark:!univer-text-white": !r || r && !c(r),
-        "univer-justify-center univer-bg-white univer-font-bold univer-text-primary-700 univer-shadow": s,
-        "dark:!univer-bg-gray-700": s && !r,
-        "univer-font-medium univer-text-gray-900 hover:univer-bg-gray-100": !s,
-        "dark:hover:!univer-bg-gray-700": !s && !r
+        "dark:!univer-text-white": !r || r && !a(r),
+        "univer-justify-center univer-bg-white univer-font-bold univer-text-primary-700 univer-shadow": i,
+        "dark:!univer-bg-gray-700": i && !r,
+        "univer-font-medium univer-text-gray-900 hover:univer-bg-gray-100": !i,
+        "dark:hover:!univer-bg-gray-700": !i && !r
       }),
       style: {
-        backgroundColor: !s && r ? r : "",
-        color: !s && r ? c(r) : "",
-        boxShadow: s && r ? `0px 0px 8px rgba(0, 0, 0, 0.08), inset 0px -2px 0px 0px ${r}` : ""
+        backgroundColor: !i && r ? r : "",
+        color: !i && r ? a(r) : "",
+        boxShadow: i && r ? `0px 0px 8px rgba(0, 0, 0, 0.08), inset 0px -2px 0px 0px ${r}` : ""
       },
       children: /* @__PURE__ */ w(
         "div",
         {
-          className: "univer-box-border univer-flex univer-items-center univer-gap-1 univer-whitespace-nowrap univer-rounded univer-border-2 univer-border-solid univer-border-transparent univer-px-1.5 univer-py-1",
+          className: "univer-box-border univer-flex univer-max-w-lg univer-items-center univer-gap-1 univer-overflow-hidden univer-whitespace-nowrap univer-rounded univer-border-2 univer-border-solid univer-border-transparent univer-px-1.5 univer-py-1",
           children: t
         }
       )
@@ -10763,9 +10764,9 @@ function E0() {
     const ee = _.getSheets(), oe = _.getActiveSheet(), me = ee.filter((Ye) => !Ye.isSheetHidden()).map((Ye, he) => {
       var wt;
       const re = p.getRule(_.getUnitId(), Ye.getSheetId()), Je = S.getSubunitRuleList(_.getUnitId(), Ye.getSheetId()).length > 0, St = (re == null ? void 0 : re.permissionId) || Je ? /* @__PURE__ */ q(Go, { children: [
-        /* @__PURE__ */ w(bd, {}),
-        /* @__PURE__ */ w("span", { className: "univer-outline-none", children: Ye.getName() })
-      ] }) : /* @__PURE__ */ w("span", { className: "univer-outline-none", children: Ye.getName() });
+        /* @__PURE__ */ w(bd, { className: "univer-shrink-0" }),
+        /* @__PURE__ */ w("span", { className: "univer-truncate univer-outline-none", children: Ye.getName() })
+      ] }) : /* @__PURE__ */ w("span", { className: "univer-truncate univer-outline-none", children: Ye.getName() });
       return {
         sheetId: Ye.getSheetId(),
         label: St,
@@ -12307,7 +12308,7 @@ let Oo = class extends ae {
     );
     if (!d)
       return !0;
-    this._removeComposedCellStyleInCellData(d, c.getComposedCellStyle(s, l));
+    this._removeComposedCellStyleInCellData(d, c.getComposedCellStyleWithoutSelf(s, l));
     const h = this._sheetInterceptorService.onWriteCell(a, c, s, l, d);
     if (Me.diffValue(kh(h), kh(c.getCellRaw(s, l))))
       return !0;