@univerjs/sheets-data-validation-ui 0.9.3 → 0.9.4-nightly.202507290757

package/lib/index.js

@@ -2,16 +2,16 @@ var Tr = Object.defineProperty;
 var Pr = (e, t, r) => t in e ? Tr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var V = (e, t, r) => Pr(e, typeof t != "symbol" ? t + "" : t, r);
 import { Disposable as ye, UniverInstanceType as X, toDisposable as Ar, IUniverInstanceService as ce, Inject as M, LocaleService as ue, DataValidationErrorStyle as lt, DataValidationStatus as Ze, ICommandService as te, Injector as be, IConfigService as sn, DataValidationRenderMode as se, DisposableCollection as Lr, dayjs as In, numfmt as $n, CellValueType as kr, CommandType as rt, DataValidationType as j, ObjectMatrix as It, Range as Nr, Rectangle as Rt, queryObjectMatrix as Kt, Optional as Ur, RxDisposable as ln, InterceptorEffectEnum as jn, sequenceExecute as Yn, bufferDebounceTime as Fr, debounce as xr, UndoCommand as Br, RedoCommand as Wr, isUnitRangesEqual as Hr, shallowEqual as Rn, ThemeService as Xn, ColorKit as $r, isFormulaString as Oe, generateRandomId as yn, VerticalAlign as de, HorizontalAlign as Re, DEFAULT_STYLES as ae, WrapStrategy as me, Plugin as Zn, merge as Kn, DependentOn as jr } from "@univerjs/core";
-import { DeviceInputEventType as gt, IRenderManagerService as Fe, fixLineWidthByScale as bn, Transform as Yr, CheckboxShape as Xr, getCurrentTypeOfRenderer as Ke, CURSOR_TYPE as ze, FontCache as Zr, Shape as Kr, Rect as zn, getFontStyleString as Te, DocSimpleSkeleton as it, Text as Mn } from "@univerjs/engine-render";
+import { DeviceInputEventType as gt, IRenderManagerService as xe, fixLineWidthByScale as bn, Transform as Yr, CheckboxShape as Xr, getCurrentTypeOfRenderer as Ke, CURSOR_TYPE as ze, FontCache as Zr, Shape as Kr, Rect as zn, getFontStyleString as Te, DocSimpleSkeleton as it, Text as Mn } from "@univerjs/engine-render";
 import { SheetInterceptorService as dn, VALIDATE_CELL as zr, SheetsSelectionsService as Gn, SetRangeValuesCommand as st, getSheetCommandTarget as qn, rangeToDiscreteRange as Gr, SheetPermissionCheckController as qr, WorksheetEditPermission as zt, WorksheetSetCellStylePermission as Gt, RangeProtectionPermissionEditPoint as qt, WorkbookEditablePermission as Jt, INTERCEPTOR_POINT as Jn, InterceptCellContentPriority as Qn, checkRangesEditablePermission as Jr } from "@univerjs/sheets";
 import { SheetDataValidationModel as ie, SheetsDataValidationValidatorService as Qr, getDataValidationCellValue as Nt, getCellValueOrigin as re, serializeListOptions as er, createDefaultNewRule as tr, AddSheetDataValidationCommand as cn, DATA_VALIDATION_PLUGIN_NAME as nr, getDataValidationDiffMutations as Qt, UpdateSheetDataValidationRangeCommand as rr, DataValidationCacheService as ir, UpdateSheetDataValidationSettingCommand as En, UpdateSheetDataValidationOptionsCommand as ei, RemoveSheetDataValidationCommand as or, RemoveSheetAllDataValidationCommand as ti, DataValidationFormulaController as ni, deserializeListOptions as ri, CUSTOM_FORMULA_INPUT_NAME as ar, BASE_FORMULA_INPUT_NAME as Pt, LIST_FORMULA_INPUT_NAME as un, CHECKBOX_FORMULA_INPUT_NAME as sr, DataValidationFormulaService as ii, CHECKBOX_FORMULA_2 as oi, CHECKBOX_FORMULA_1 as ai, getFormulaResult as Ut, isLegalFormulaResult as Dn, transformCheckboxValue as si, UniverSheetsDataValidationPlugin as li } from "@univerjs/sheets-data-validation";
 import { DataValidatorRegistryService as Me, DataValidatorDropdownType as ve, DataValidationModel as hn, DataValidatorRegistryScope as di, TWO_FORMULA_OPERATOR_COUNT as ci, getRuleOptions as Vn, getRuleSetting as On } from "@univerjs/data-validation";
-import { ISidebarService as lr, IDialogService as ui, IZenZoneService as dr, KeyCode as vt, MenuItemType as pn, getMenuHiddenObservable as hi, RibbonDataGroup as pi, IMenuManagerService as gi, useDependency as F, ComponentManager as gn, useObservable as Pe, useEvent as en, useSidebarClick as cr } from "@univerjs/ui";
+import { ISidebarService as lr, IDialogService as ui, IZenZoneService as dr, KeyCode as vt, MenuItemType as pn, getMenuHiddenObservable as hi, RibbonDataGroup as pi, IMenuManagerService as gi, useDependency as F, ComponentManager as gn, useObservable as Ae, useEvent as en, useSidebarClick as cr } from "@univerjs/ui";
 import { filter as vn, BehaviorSubject as Tn, distinctUntilChanged as vi, Subject as fi, debounceTime as ur, bufferTime as hr, of as mi } from "rxjs";
 import { getPatternType as _i } from "@univerjs/sheets-numfmt";
 import { ISheetCellDropdownManagerService as Si, IEditorBridgeService as pr, SetCellEditVisibleOperation as ft, HoverManagerService as Ci, CellAlertManagerService as wi, CellAlertType as Ii, IAutoFillService as Ri, APPLY_TYPE as ot, virtualizeDiscreteRanges as tn, getAutoFillRepeatRange as yi, ISheetClipboardService as bi, COPY_TYPE as Pn, PREDEFINED_HOOK_NAME as mt, getRepeatRange as An, getCurrentRangeDisable$ as Mi, AutoHeightController as gr, SheetSkeletonManagerService as dt, IMarkSelectionService as Ei } from "@univerjs/sheets-ui";
-import { Button as Ge, FormLayout as Y, RadioGroup as fn, Radio as Ae, Checkbox as At, Input as Le, Select as Ln, clsx as Ne, borderClassName as yt, DraggableList as Di, Dropdown as Vi } from "@univerjs/design";
-import { createElement as Ie, forwardRef as xe, useRef as pt, useState as W, useMemo as ct, useEffect as ke } from "react";
+import { Button as Ge, FormLayout as Y, RadioGroup as fn, Radio as Le, Checkbox as At, Input as ke, Select as Ln, clsx as Ue, borderClassName as yt, DraggableList as Di, Dropdown as Vi } from "@univerjs/design";
+import { createElement as Ie, forwardRef as Be, useRef as pt, useState as W, useMemo as ct, useEffect as Ne } from "react";
 import { jsxs as $, Fragment as ut, jsx as S } from "react/jsx-runtime";
 import { deserializeRangeWithSheet as Oi, serializeRange as vr } from "@univerjs/engine-formula";
 import { RangeSelector as Ti, FormulaEditor as fr } from "@univerjs/sheets-formula-ui";
@@ -69,12 +69,12 @@ Se = Ai([
   kn(0, ce),
   kn(1, lr)
 ], Se);
-const mn = "sheets-data-validation-ui.config", bt = {};
+const Pe = "#ECECEC", mn = "sheets-data-validation-ui.config", bt = {};
 var Li = Object.getOwnPropertyDescriptor, ki = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? Li(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
-}, He = (e, t) => (r, n) => t(r, n, e);
+}, $e = (e, t) => (r, n) => t(r, n, e);
 let qe = class extends ye {
   constructor(e, t, r, n, i, o) {
     super(), this._sheetInterceptorService = e, this._dataValidationModel = t, this._dataValidatorRegistryService = r, this._dialogService = n, this._localeService = i, this._sheetsDataValidationValidatorService = o, this._initEditorBridgeInterceptor();
@@ -144,12 +144,12 @@ let qe = class extends ye {
   }
 };
 qe = ki([
-  He(0, M(dn)),
-  He(1, M(ie)),
-  He(2, M(Me)),
-  He(3, ui),
-  He(4, M(ue)),
-  He(5, M(Qr))
+  $e(0, M(dn)),
+  $e(1, M(ie)),
+  $e(2, M(Me)),
+  $e(3, ui),
+  $e(4, M(ue)),
+  $e(5, M(Qr))
 ], qe);
 var Ni = Object.getOwnPropertyDescriptor, Ui = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? Ni(t, r) : t, o = e.length - 1, a; o >= 0; o--)
@@ -178,7 +178,7 @@ function Fi(e, t) {
       return "HH:mm:ss";
   }
 }
-let Ue = class extends ye {
+let Fe = class extends ye {
   constructor(t, r, n, i, o, a, l, s, d, u, h) {
     super();
     V(this, "_activeDropdown");
@@ -341,13 +341,13 @@ let Ue = class extends ye {
             keycode: vt.ESC
           }), !v;
         }, w = (d == null ? void 0 : d.renderMode) === se.CUSTOM || (d == null ? void 0 : d.renderMode) === void 0, _ = u.getListWithColor(d, o, a), R = Nt(s.getCellRaw(n, i)), L = () => {
-          this._commandService.executeCommand(Be.id, {
+          this._commandService.executeCommand(We.id, {
             ruleId: d.uid
           }), h == null || h.dispose();
         }, N = _.map((E) => ({
           label: E.label,
           value: E.label,
-          color: w || E.color ? E.color : "transparent"
+          color: w || E.color ? E.color || Pe : "transparent"
         }));
         m = {
           location: r,
@@ -481,7 +481,7 @@ let Ue = class extends ye {
     });
   }
 };
-Ue = Ui([
+Fe = Ui([
   pe(0, ce),
   pe(1, M(Me)),
   pe(2, dr),
@@ -493,8 +493,8 @@ Ue = Ui([
   pe(8, pr),
   pe(9, M(be)),
   pe(10, sn)
-], Ue);
-const Mt = "DataValidationPanel", Be = {
+], Fe);
+const Mt = "DataValidationPanel", We = {
   id: "data-validation.operation.open-validation-panel",
   type: rt.OPERATION,
   handler(e, t) {
@@ -528,7 +528,7 @@ const Mt = "DataValidationPanel", Be = {
   type: rt.OPERATION,
   handler(e) {
     const t = e.get(te), r = e.get(Se);
-    return r.open(), r.isOpen ? t.executeCommand(_n.id) : t.executeCommand(Be.id), !0;
+    return r.open(), r.isOpen ? t.executeCommand(_n.id) : t.executeCommand(We.id), !0;
   }
 }, Lt = {
   type: rt.OPERATION,
@@ -536,7 +536,7 @@ const Mt = "DataValidationPanel", Be = {
   handler(e, t) {
     if (!t)
       return !1;
-    const r = e.get(Ue), { unitId: n, subUnitId: i, row: o, column: a } = t, l = r.activeDropdown, s = l == null ? void 0 : l.location;
+    const r = e.get(Fe), { unitId: n, subUnitId: i, row: o, column: a } = t, l = r.activeDropdown, s = l == null ? void 0 : l.location;
     return s && s.unitId === n && s.subUnitId === i && s.row === o && s.col === a || r.showDataValidationDropdown(
       n,
       i,
@@ -548,7 +548,7 @@ const Mt = "DataValidationPanel", Be = {
   type: rt.OPERATION,
   id: "sheet.operation.hide-data-validation-dropdown",
   handler(e, t) {
-    return t ? (e.get(Ue).hideDropdown(), !0) : !1;
+    return t ? (e.get(Fe).hideDropdown(), !0) : !1;
   }
 }, kt = {
   type: rt.COMMAND,
@@ -561,7 +561,7 @@ const Mt = "DataValidationPanel", Be = {
       unitId: l,
       subUnitId: s
     };
-    return a.syncExecuteCommand(cn.id, d) ? (a.syncExecuteCommand(Be.id, {
+    return a.syncExecuteCommand(cn.id, d) ? (a.syncExecuteCommand(We.id, {
       ruleId: o.uid,
       isAdd: !0
     }), !0) : !1;
@@ -571,7 +571,7 @@ var xi = Object.getOwnPropertyDescriptor, Bi = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? xi(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
-}, $e = (e, t) => (r, n) => t(r, n, e);
+}, je = (e, t) => (r, n) => t(r, n, e);
 const Ee = "SHEET_DATA_VALIDATION_ALERT";
 let ht = class extends ye {
   constructor(e, t, r, n, i, o) {
@@ -624,12 +624,12 @@ let ht = class extends ye {
   }
 };
 ht = Bi([
-  $e(0, M(Ci)),
-  $e(1, M(wi)),
-  $e(2, ce),
-  $e(3, M(ue)),
-  $e(4, dr),
-  $e(5, M(ie))
+  je(0, M(Ci)),
+  je(1, M(wi)),
+  je(2, ce),
+  je(3, M(ue)),
+  je(4, dr),
+  je(5, M(ie))
 ], ht);
 var Wi = Object.getOwnPropertyDescriptor, Hi = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? Wi(t, r) : t, o = e.length - 1, a; o >= 0; o--)
@@ -882,7 +882,7 @@ function Zi(e) {
 }
 function Ki(e) {
   return {
-    id: Be.id,
+    id: We.id,
     title: "dataValidation.panel.title",
     type: pn.BUTTON
   };
@@ -899,7 +899,7 @@ const Gi = {
     [Sr]: {
       order: 0,
       menuItemFactory: Zi,
-      [Be.id]: {
+      [We.id]: {
         order: 0,
         menuItemFactory: Ki
       },
@@ -1079,10 +1079,10 @@ let tt = class extends ln {
 tt = Cr([
   K(0, te),
   K(1, gi),
-  K(2, Fe),
+  K(2, xe),
   K(3, ce),
   K(4, M(gr)),
-  K(5, M(Ue)),
+  K(5, M(Fe)),
   K(6, M(ie)),
   K(7, M(Me)),
   K(8, M(dn)),
@@ -1187,7 +1187,7 @@ let Nn = class extends ln {
 };
 Nn = Cr([
   K(0, te),
-  K(1, Fe),
+  K(1, xe),
   K(2, M(gr)),
   K(3, M(Me)),
   K(4, M(dn)),
@@ -1238,7 +1238,7 @@ var le = function() {
     for (var i = 0, n = Object.getOwnPropertySymbols(e); i < n.length; i++)
       t.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[i]) && (r[n[i]] = e[n[i]]);
   return r;
-}, We = xe(function(e, t) {
+}, He = Be(function(e, t) {
   var r = e.icon, n = e.id, i = e.className, o = e.extend, a = eo(e, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), s = pt("_".concat(ro()));
   return Ir(r, "".concat(n), { defIds: r.defIds, idSuffix: s.current }, le({ ref: t, className: l }, a), o);
 });
@@ -1268,49 +1268,49 @@ function no(e, t) {
 function ro() {
   return Math.random().toString(36).substring(2, 8);
 }
-We.displayName = "UniverIcon";
-var io = { 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: "M1.4917 3.07803C1.4917 2.19437 2.20804 1.47803 3.0917 1.47803H5.6917C6.57536 1.47803 7.2917 2.19437 7.2917 3.07803V5.67803C7.2917 6.56168 6.57535 7.27803 5.6917 7.27803H3.0917C2.20804 7.27803 1.4917 6.56168 1.4917 5.67803V3.07803ZM3.0917 2.67803C2.87078 2.67803 2.6917 2.85711 2.6917 3.07803V5.67803C2.6917 5.89894 2.87079 6.07803 3.0917 6.07803H5.6917C5.91261 6.07803 6.0917 5.89894 6.0917 5.67803V3.07803C6.0917 2.85711 5.91261 2.67803 5.6917 2.67803H3.0917Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.6175 2.45279C14.8518 2.68711 14.8518 3.06701 14.6175 3.30132L11.6151 6.30365C11.3957 6.52307 11.0451 6.53897 10.8067 6.34031L8.80915 4.67566C8.55458 4.46352 8.52019 4.08518 8.73233 3.83062C8.94447 3.57605 9.32281 3.54166 9.57737 3.7538L11.154 5.06767L13.769 2.45278C14.0033 2.21847 14.3832 2.21848 14.6175 2.45279Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.1175 9.19746C14.3518 9.43178 14.3518 9.81168 14.1175 10.046L12.5418 11.6217L14.1175 13.1975C14.3518 13.4318 14.3518 13.8117 14.1175 14.046C13.8832 14.2803 13.5033 14.2803 13.269 14.046L11.6933 12.4703L10.1175 14.046C9.88321 14.2803 9.50331 14.2803 9.269 14.046C9.03468 13.8117 9.03468 13.4318 9.269 13.1975L10.8447 11.6217L9.269 10.046C9.03468 9.81168 9.03468 9.43178 9.269 9.19746C9.50331 8.96315 9.88321 8.96315 10.1175 9.19746L11.6933 10.7732L13.269 9.19746C13.5033 8.96315 13.8832 8.96315 14.1175 9.19746Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.0917 8.72168C2.20804 8.72168 1.4917 9.43802 1.4917 10.3217V12.9217C1.4917 13.8053 2.20804 14.5217 3.0917 14.5217H5.6917C6.57535 14.5217 7.2917 13.8053 7.2917 12.9217V10.3217C7.2917 9.43802 6.57536 8.72168 5.6917 8.72168H3.0917ZM2.6917 10.3217C2.6917 10.1008 2.87078 9.92168 3.0917 9.92168H5.6917C5.91261 9.92168 6.0917 10.1008 6.0917 10.3217V12.9217C6.0917 13.1426 5.91261 13.3217 5.6917 13.3217H3.0917C2.87079 13.3217 2.6917 13.1426 2.6917 12.9217V10.3217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Rr = xe(function(e, t) {
-  return Ie(We, Object.assign({}, e, {
+He.displayName = "UniverIcon";
+var io = { 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: "M1.4917 3.07803C1.4917 2.19437 2.20804 1.47803 3.0917 1.47803H5.6917C6.57536 1.47803 7.2917 2.19437 7.2917 3.07803V5.67803C7.2917 6.56168 6.57535 7.27803 5.6917 7.27803H3.0917C2.20804 7.27803 1.4917 6.56168 1.4917 5.67803V3.07803ZM3.0917 2.67803C2.87078 2.67803 2.6917 2.85711 2.6917 3.07803V5.67803C2.6917 5.89894 2.87079 6.07803 3.0917 6.07803H5.6917C5.91261 6.07803 6.0917 5.89894 6.0917 5.67803V3.07803C6.0917 2.85711 5.91261 2.67803 5.6917 2.67803H3.0917Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.6175 2.45279C14.8518 2.68711 14.8518 3.06701 14.6175 3.30132L11.6151 6.30365C11.3957 6.52307 11.0451 6.53897 10.8067 6.34031L8.80915 4.67566C8.55458 4.46352 8.52019 4.08518 8.73233 3.83062C8.94447 3.57605 9.32281 3.54166 9.57737 3.7538L11.154 5.06767L13.769 2.45278C14.0033 2.21847 14.3832 2.21848 14.6175 2.45279Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.1175 9.19746C14.3518 9.43178 14.3518 9.81168 14.1175 10.046L12.5418 11.6217L14.1175 13.1975C14.3518 13.4318 14.3518 13.8117 14.1175 14.046C13.8832 14.2803 13.5033 14.2803 13.269 14.046L11.6933 12.4703L10.1175 14.046C9.88321 14.2803 9.50331 14.2803 9.269 14.046C9.03468 13.8117 9.03468 13.4318 9.269 13.1975L10.8447 11.6217L9.269 10.046C9.03468 9.81168 9.03468 9.43178 9.269 9.19746C9.50331 8.96315 9.88321 8.96315 10.1175 9.19746L11.6933 10.7732L13.269 9.19746C13.5033 8.96315 13.8832 8.96315 14.1175 9.19746Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.0917 8.72168C2.20804 8.72168 1.4917 9.43802 1.4917 10.3217V12.9217C1.4917 13.8053 2.20804 14.5217 3.0917 14.5217H5.6917C6.57535 14.5217 7.2917 13.8053 7.2917 12.9217V10.3217C7.2917 9.43802 6.57536 8.72168 5.6917 8.72168H3.0917ZM2.6917 10.3217C2.6917 10.1008 2.87078 9.92168 3.0917 9.92168H5.6917C5.91261 9.92168 6.0917 10.1008 6.0917 10.3217V12.9217C6.0917 13.1426 5.91261 13.3217 5.6917 13.3217H3.0917C2.87079 13.3217 2.6917 13.1426 2.6917 12.9217V10.3217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Rr = Be(function(e, t) {
+  return Ie(He, Object.assign({}, e, {
     id: "data-validation-icon",
     ref: t,
     icon: io
   }));
 });
 Rr.displayName = "DataValidationIcon";
-var oo = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Sn = xe(function(e, t) {
-  return Ie(We, Object.assign({}, e, {
+var oo = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Sn = Be(function(e, t) {
+  return Ie(He, Object.assign({}, e, {
     id: "delete-icon",
     ref: t,
     icon: oo
   }));
 });
 Sn.displayName = "DeleteIcon";
-var ao = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, yr = xe(function(e, t) {
-  return Ie(We, Object.assign({}, e, {
+var ao = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, yr = Be(function(e, t) {
+  return Ie(He, Object.assign({}, e, {
     id: "increase-icon",
     ref: t,
     icon: ao
   }));
 });
 yr.displayName = "IncreaseIcon";
-var so = { 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" } }] }, Cn = xe(function(e, t) {
-  return Ie(We, Object.assign({}, e, {
+var so = { 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" } }] }, Cn = Be(function(e, t) {
+  return Ie(He, Object.assign({}, e, {
     id: "more-down-icon",
     ref: t,
     icon: so
   }));
 });
 Cn.displayName = "MoreDownIcon";
-var lo = { 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: "M4.64645 9.85355C4.45118 9.65829 4.45118 9.34171 4.64645 9.14645L7.64645 6.14645C7.84171 5.95118 8.15829 5.95118 8.35355 6.14645L11.3536 9.14645C11.5488 9.34171 11.5488 9.65829 11.3536 9.85355C11.1583 10.0488 10.8417 10.0488 10.6464 9.85355L8 7.20711L5.35355 9.85355C5.15829 10.0488 4.84171 10.0488 4.64645 9.85355Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, br = xe(function(e, t) {
-  return Ie(We, Object.assign({}, e, {
+var lo = { 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: "M4.64645 9.85355C4.45118 9.65829 4.45118 9.34171 4.64645 9.14645L7.64645 6.14645C7.84171 5.95118 8.15829 5.95118 8.35355 6.14645L11.3536 9.14645C11.5488 9.34171 11.5488 9.65829 11.3536 9.85355C11.1583 10.0488 10.8417 10.0488 10.6464 9.85355L8 7.20711L5.35355 9.85355C5.15829 10.0488 4.84171 10.0488 4.64645 9.85355Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, br = Be(function(e, t) {
+  return Ie(He, Object.assign({}, e, {
     id: "more-up-icon",
     ref: t,
     icon: lo
   }));
 });
 br.displayName = "MoreUpIcon";
-var co = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4C5 4.55228 5.44772 5 6 5Z" } }, { tag: "path", attrs: { d: "M6 9C6.55228 9 7 8.55229 7 8C7 7.44772 6.55228 7 6 7C5.44772 7 5 7.44772 5 8C5 8.55229 5.44772 9 6 9Z" } }, { tag: "path", attrs: { d: "M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z" } }, { tag: "path", attrs: { d: "M10 5C10.5523 5 11 4.55228 11 4C11 3.44772 10.5523 3 10 3C9.44771 3 9 3.44772 9 4C9 4.55228 9.44771 5 10 5Z" } }, { tag: "path", attrs: { d: "M11 8C11 8.55229 10.5523 9 10 9C9.44771 9 9 8.55229 9 8C9 7.44772 9.44771 7 10 7C10.5523 7 11 7.44772 11 8Z" } }, { tag: "path", attrs: { d: "M10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44771 11 9 11.4477 9 12C9 12.5523 9.44771 13 10 13Z" } }] }] }, Mr = xe(function(e, t) {
-  return Ie(We, Object.assign({}, e, {
+var co = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4C5 4.55228 5.44772 5 6 5Z" } }, { tag: "path", attrs: { d: "M6 9C6.55228 9 7 8.55229 7 8C7 7.44772 6.55228 7 6 7C5.44772 7 5 7.44772 5 8C5 8.55229 5.44772 9 6 9Z" } }, { tag: "path", attrs: { d: "M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z" } }, { tag: "path", attrs: { d: "M10 5C10.5523 5 11 4.55228 11 4C11 3.44772 10.5523 3 10 3C9.44771 3 9 3.44772 9 4C9 4.55228 9.44771 5 10 5Z" } }, { tag: "path", attrs: { d: "M11 8C11 8.55229 10.5523 9 10 9C9.44771 9 9 8.55229 9 8C9 7.44772 9.44771 7 10 7C10.5523 7 11 7.44772 11 8Z" } }, { tag: "path", attrs: { d: "M10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44771 11 9 11.4477 9 12C9 12.5523 9.44771 13 10 13Z" } }] }] }, Mr = Be(function(e, t) {
+  return Ie(He, Object.assign({}, e, {
     id: "sequence-icon",
     ref: t,
     icon: co
@@ -1344,8 +1344,8 @@ function uo(e) {
               value: `${(d = n.errorStyle) != null ? d : lt.WARNING}`,
               onChange: (u) => i({ ...n, errorStyle: +u }),
               children: [
-                /* @__PURE__ */ S(Ae, { value: `${lt.WARNING}`, children: t.t("dataValidation.panel.showWarning") }),
-                /* @__PURE__ */ S(Ae, { value: `${lt.STOP}`, children: t.t("dataValidation.panel.rejectInput") })
+                /* @__PURE__ */ S(Le, { value: `${lt.WARNING}`, children: t.t("dataValidation.panel.showWarning") }),
+                /* @__PURE__ */ S(Le, { value: `${lt.STOP}`, children: t.t("dataValidation.panel.rejectInput") })
               ]
             }
           )
@@ -1368,7 +1368,7 @@ function uo(e) {
           )
         }
       ),
-      n.showErrorMessage ? /* @__PURE__ */ S(Y, { children: /* @__PURE__ */ S(Le, { value: n.error, onChange: (u) => i({ ...n, error: u }) }) }) : null
+      n.showErrorMessage ? /* @__PURE__ */ S(Y, { children: /* @__PURE__ */ S(ke, { value: n.error, onChange: (u) => i({ ...n, error: u }) }) }) : null
     ] })
   ] });
 }
@@ -1385,11 +1385,11 @@ function po(e, t, r) {
 }
 function go() {
   var D, U;
-  const [e, t] = W(0), r = F(Se), n = Pe(r.activeRule$, r.activeRule), { unitId: i, subUnitId: o, rule: a } = n || {}, l = a.uid, s = F(Me), d = F(ce), u = F(gn), h = F(te), c = F(hn), m = F(ue), [p, b] = W(a), y = s.getValidatorItem(p.type), [g, C] = W(!1), v = s.getValidatorsByScope(di.SHEET), [I, w] = W(() => p.ranges.map((f) => ({ unitId: "", sheetId: "", range: f }))), _ = ct(() => ho(h), [h]), [R, L] = W(!1), [N, E] = W(!1), T = pt(null), O = F(Gn);
-  if (ke(() => () => {
+  const [e, t] = W(0), r = F(Se), n = Ae(r.activeRule$, r.activeRule), { unitId: i, subUnitId: o, rule: a } = n || {}, l = a.uid, s = F(Me), d = F(ce), u = F(gn), h = F(te), c = F(hn), m = F(ue), [p, b] = W(a), y = s.getValidatorItem(p.type), [g, C] = W(!1), v = s.getValidatorsByScope(di.SHEET), [I, w] = W(() => p.ranges.map((f) => ({ unitId: "", sheetId: "", range: f }))), _ = ct(() => ho(h), [h]), [R, L] = W(!1), [N, E] = W(!1), T = pt(null), O = F(Gn);
+  if (Ne(() => () => {
     const f = O.getCurrentLastSelection();
     f && O.setSelections([f]);
-  }, [O]), ke(() => {
+  }, [O]), Ne(() => {
     h.onCommandExecuted((f) => {
       (f.id === Br.id || f.id === Wr.id) && setTimeout(() => {
         const A = c.getRuleById(i, o, l);
@@ -1598,7 +1598,7 @@ function go() {
   ] });
 }
 const vo = (e) => {
-  const { rule: t, onClick: r, unitId: n, subUnitId: i, disable: o } = e, a = F(Me), l = F(te), s = F(Ei), d = a.getValidatorItem(t.type), u = pt(void 0), [h, c] = W(!1), m = F(Xn), p = Pe(m.currentTheme$), b = ct(() => {
+  const { rule: t, onClick: r, unitId: n, subUnitId: i, disable: o } = e, a = F(Me), l = F(te), s = F(Ei), d = a.getValidatorItem(t.type), u = pt(void 0), [h, c] = W(!1), m = F(Xn), p = Ae(m.currentTheme$), b = ct(() => {
     var w;
     const g = m.getColorFromTheme("primary.600"), C = m.getColorFromTheme("loop-color.2"), v = (w = m.getColorFromTheme(C)) != null ? w : g, I = new $r(v).toRgb();
     return {
@@ -1612,7 +1612,7 @@ const vo = (e) => {
       subUnitId: i
     }), g.stopPropagation();
   };
-  return ke(() => () => {
+  return Ne(() => () => {
     var g;
     u.current && ((g = u.current) == null || g.forEach((C) => {
       C && s.removeShape(C);
@@ -1620,7 +1620,7 @@ const vo = (e) => {
   }, [s]), /* @__PURE__ */ $(
     "div",
     {
-      className: Ne(
+      className: Ue(
         `
                   univer-bg-secondary univer-relative univer--ml-2 univer--mr-2 univer-box-border univer-flex
                   univer-w-[287px] univer-cursor-pointer univer-flex-col univer-justify-between univer-overflow-hidden
@@ -1673,8 +1673,8 @@ const vo = (e) => {
   );
 };
 function fo(e) {
-  const t = F(ie), r = F(ce), n = F(te), i = F(be), o = F(Se), a = F(ue), [l, s] = W([]), { workbook: d } = e, u = Pe(d.activeSheet$, void 0, !0), h = d.getUnitId(), c = u == null ? void 0 : u.getSheetId();
-  ke(() => {
+  const t = F(ie), r = F(ce), n = F(te), i = F(be), o = F(Se), a = F(ue), [l, s] = W([]), { workbook: d } = e, u = Ae(d.activeSheet$, void 0, !0), h = d.getUnitId(), c = u == null ? void 0 : u.getSheetId();
+  Ne(() => {
     s(t.getRules(h, c));
     const C = t.ruleChange$.subscribe((v) => {
       v.unitId === h && v.subUnitId === c && s(t.getRules(h, c));
@@ -1731,12 +1731,12 @@ function fo(e) {
   ] });
 }
 const mo = () => {
-  const e = F(Se), t = Pe(e.activeRule$, e.activeRule), r = F(ce), n = Pe(
+  const e = F(Se), t = Ae(e.activeRule$, e.activeRule), r = F(ce), n = Ae(
     () => r.getCurrentTypeOfUnit$(X.UNIVER_SHEET),
     void 0,
     void 0,
     []
-  ), i = Pe(() => {
+  ), i = Ae(() => {
     var o;
     return (o = n == null ? void 0 : n.activeSheet$) != null ? o : mi(null);
   }, void 0, void 0, []);
@@ -1745,7 +1745,7 @@ const mo = () => {
   const { isTwoFormula: t = !1, value: r, onChange: n, showError: i, validResult: o } = e, a = F(ue), l = i ? o == null ? void 0 : o.formula1 : "", s = i ? o == null ? void 0 : o.formula2 : "";
   return t ? /* @__PURE__ */ $(ut, { children: [
     /* @__PURE__ */ S(Y, { error: l, children: /* @__PURE__ */ S(
-      Le,
+      ke,
       {
         className: "univer-w-full",
         placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
@@ -1760,7 +1760,7 @@ const mo = () => {
     ) }),
     /* @__PURE__ */ S("div", { className: "-univer-mt-2 univer-mb-1 univer-text-sm univer-text-gray-400", children: a.t("dataValidation.panel.formulaAnd") }),
     /* @__PURE__ */ S(Y, { error: s, children: /* @__PURE__ */ S(
-      Le,
+      ke,
       {
         className: "univer-w-full",
         placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
@@ -1774,7 +1774,7 @@ const mo = () => {
       }
     ) })
   ] }) : /* @__PURE__ */ S(Y, { error: l, children: /* @__PURE__ */ S(
-    Le,
+    ke,
     {
       className: "univer-w-full",
       placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
@@ -1803,7 +1803,7 @@ function So(e) {
       }
     ) }),
     s ? /* @__PURE__ */ S(Y, { label: o.t("dataValidation.checkbox.checked"), error: a, children: /* @__PURE__ */ S(
-      Le,
+      ke,
       {
         className: "univer-w-full",
         placeholder: o.t("dataValidation.panel.valuePlaceholder"),
@@ -1817,7 +1817,7 @@ function So(e) {
       }
     ) }) : null,
     s ? /* @__PURE__ */ S(Y, { label: o.t("dataValidation.checkbox.unchecked"), error: l, children: /* @__PURE__ */ S(
-      Le,
+      ke,
       {
         className: "univer-w-full",
         placeholder: o.t("dataValidation.panel.valuePlaceholder"),
@@ -1842,7 +1842,7 @@ function Co(e) {
     fr,
     {
       ref: s,
-      className: Ne("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", yt),
+      className: Ue("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", yt),
       initValue: (h = n == null ? void 0 : n.formula1) != null ? h : "=",
       unitId: t,
       subUnitId: r,
@@ -1859,7 +1859,7 @@ function Co(e) {
     }
   ) });
 }
-const Ye = "#ECECEC", wo = [
+const wo = [
   "#FFFFFF",
   "#FEE7E7",
   "#FEF0E6",
@@ -1901,7 +1901,7 @@ const Ye = "#ECECEC", wo = [
             (a) => /* @__PURE__ */ S(
               "div",
               {
-                className: Ne("univer-box-border univer-size-4 univer-cursor-pointer univer-rounded", yt),
+                className: Ue("univer-box-border univer-size-4 univer-cursor-pointer univer-rounded", yt),
                 style: { background: a },
                 onClick: () => {
                   r(a), o(!1);
@@ -1915,7 +1915,7 @@ const Ye = "#ECECEC", wo = [
       children: /* @__PURE__ */ $(
         "div",
         {
-          className: Ne("univer-box-border univer-inline-flex univer-h-8 univer-w-16 univer-cursor-pointer univer-items-center univer-justify-between univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200 hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white", yt),
+          className: Ue("univer-box-border univer-inline-flex univer-h-8 univer-w-16 univer-cursor-pointer univer-items-center univer-justify-between univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200 hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white", yt),
           children: [
             /* @__PURE__ */ S(
               "div",
@@ -1932,8 +1932,8 @@ const Ye = "#ECECEC", wo = [
   );
 }, Fn = (e) => {
   const { item: t, commonProps: r, className: n } = e, { onItemChange: i, onItemDelete: o } = r;
-  return /* @__PURE__ */ $("div", { className: Ne("univer-flex univer-items-center univer-gap-2", n), children: [
-    !t.isRef && /* @__PURE__ */ S("div", { className: Ne("univer-cursor-move", "draggableHandle"), children: /* @__PURE__ */ S(Mr, {}) }),
+  return /* @__PURE__ */ $("div", { className: Ue("univer-flex univer-items-center univer-gap-2", n), children: [
+    !t.isRef && /* @__PURE__ */ S("div", { className: Ue("univer-cursor-move", "draggableHandle"), children: /* @__PURE__ */ S(Mr, {}) }),
     /* @__PURE__ */ S(
       Io,
       {
@@ -1944,7 +1944,7 @@ const Ye = "#ECECEC", wo = [
       }
     ),
     /* @__PURE__ */ S(
-      Le,
+      ke,
       {
         disabled: t.isRef,
         value: t.label,
@@ -1964,8 +1964,8 @@ const Ye = "#ECECEC", wo = [
 };
 function Ro(e) {
   const { value: t, onChange: r = () => {
-  }, unitId: n, subUnitId: i, validResult: o, showError: a, ruleId: l } = e, { formula1: s = "", formula2: d = "" } = t || {}, [u, h] = W(() => Oe(s) ? "1" : "0"), [c, m] = W(u === "1" ? s : "="), [p, b] = W(u === "1" ? s : "="), y = F(ue), g = F(Me), C = F(hn), v = F(ni), [I, w] = W(() => d.split(",")), _ = g.getValidatorItem(j.LIST), [R, L] = W([]), [N, E] = W(""), T = a ? o == null ? void 0 : o.formula1 : "", O = ct(() => C.ruleChange$.pipe(ur(16)), []), P = Pe(O), k = en(r);
-  ke(() => {
+  }, unitId: n, subUnitId: i, validResult: o, showError: a, ruleId: l } = e, { formula1: s = "", formula2: d = "" } = t || {}, [u, h] = W(() => Oe(s) ? "1" : "0"), [c, m] = W(u === "1" ? s : "="), [p, b] = W(u === "1" ? s : "="), y = F(ue), g = F(Me), C = F(hn), v = F(ni), [I, w] = W(() => d.split(",")), _ = g.getValidatorItem(j.LIST), [R, L] = W([]), [N, E] = W(""), T = a ? o == null ? void 0 : o.formula1 : "", O = ct(() => C.ruleChange$.pipe(ur(16)), []), P = Ae(O), k = en(r);
+  Ne(() => {
     (async () => {
       await new Promise((f) => {
         setTimeout(() => f(!0), 100);
@@ -1976,14 +1976,14 @@ function Ro(e) {
         L(f);
       }
     })();
-  }, [C, P, _, l, i, n]), ke(() => {
+  }, [C, P, _, l, i, n]), Ne(() => {
     Oe(s) && s !== p && (m(s), b(p));
   }, [p, s]);
   const [H, B] = W(() => {
     const D = u !== "1" ? ri(s) : [], U = d.split(",");
     return D.map((f, A) => ({
       label: f,
-      color: U[A] || Ye,
+      color: U[A] || Pe,
       isRef: !1,
       id: yn(4)
     }));
@@ -1995,7 +1995,7 @@ function Ro(e) {
     U !== -1 && (H.splice(U, 1), B([...H]));
   }, oe = d.split(","), he = ct(() => R.map((D, U) => ({
     label: D,
-    color: oe[U] || Ye,
+    color: oe[U] || Pe,
     id: `${U}`,
     isRef: !0
   })), [oe, R]), z = (D, U, f) => {
@@ -2009,13 +2009,13 @@ function Ro(e) {
       ...H,
       {
         label: "",
-        color: Ye,
+        color: Pe,
         isRef: !1,
         id: yn(4)
       }
     ]);
   };
-  ke(() => {
+  Ne(() => {
     if (u === "1")
       return;
     const D = /* @__PURE__ */ new Set(), U = [];
@@ -2031,7 +2031,7 @@ function Ro(e) {
       });
     }), k({
       formula1: er(U.map((f) => f.label)),
-      formula2: U.map((f) => f.color === Ye ? "" : f.color).join(",")
+      formula2: U.map((f) => f.color === Pe ? "" : f.color).join(",")
     });
   }, [H, k, u, p, I]);
   const fe = en(async (D) => {
@@ -2065,8 +2065,8 @@ function Ro(e) {
           });
         },
         children: [
-          /* @__PURE__ */ S(Ae, { value: "0", children: y.t("dataValidation.list.customOptions") }),
-          /* @__PURE__ */ S(Ae, { value: "1", children: y.t("dataValidation.list.refOptions") })
+          /* @__PURE__ */ S(Le, { value: "0", children: y.t("dataValidation.list.customOptions") }),
+          /* @__PURE__ */ S(Le, { value: "1", children: y.t("dataValidation.list.refOptions") })
         ]
       }
     ) }),
@@ -2075,7 +2075,7 @@ function Ro(e) {
         fr,
         {
           ref: Q,
-          className: Ne("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", yt),
+          className: Ue("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", yt),
           initValue: c,
           unitId: n,
           subUnitId: i,
@@ -2156,9 +2156,9 @@ function Dt(e) {
   var i;
   const { value: t, onChange: r } = e, n = F(ue);
   return /* @__PURE__ */ S(Y, { label: n.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ $(fn, { value: `${(i = t.renderMode) != null ? i : se.CUSTOM}`, onChange: (o) => r({ ...t, renderMode: +o }), children: [
-    /* @__PURE__ */ S(Ae, { value: `${se.CUSTOM}`, children: n.t("dataValidation.renderMode.chip") }),
-    /* @__PURE__ */ S(Ae, { value: `${se.ARROW}`, children: n.t("dataValidation.renderMode.arrow") }),
-    /* @__PURE__ */ S(Ae, { value: `${se.TEXT}`, children: n.t("dataValidation.renderMode.text") })
+    /* @__PURE__ */ S(Le, { value: `${se.CUSTOM}`, children: n.t("dataValidation.renderMode.chip") }),
+    /* @__PURE__ */ S(Le, { value: `${se.ARROW}`, children: n.t("dataValidation.renderMode.arrow") }),
+    /* @__PURE__ */ S(Le, { value: `${se.TEXT}`, children: n.t("dataValidation.renderMode.text") })
   ] }) });
 }
 Dt.componentKey = bo;
@@ -2188,7 +2188,7 @@ var Eo = Object.getOwnPropertyDescriptor, Do = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? Eo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
-}, je = (e, t) => (r, n) => t(r, n, e);
+}, Ye = (e, t) => (r, n) => t(r, n, e);
 const _t = 6;
 let nn = class {
   constructor(e, t, r, n, i, o) {
@@ -2317,12 +2317,12 @@ let nn = class {
   }
 };
 nn = Do([
-  je(0, te),
-  je(1, ce),
-  je(2, M(ii)),
-  je(3, M(Xn)),
-  je(4, M(Fe)),
-  je(5, M(ie))
+  Ye(0, te),
+  Ye(1, ce),
+  Ye(2, M(ii)),
+  Ye(3, M(Xn)),
+  Ye(4, M(xe)),
+  Ye(5, M(ie))
 ], nn);
 var Vo = Object.getOwnPropertyDescriptor, Oo = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? Vo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
@@ -2423,7 +2423,7 @@ class Bo extends Kr {
       width: l.width,
       height: l.height,
       radius: xo,
-      fill: o || Ye
+      fill: o || Pe
     }), t.translateWithPrecision(Er, l.ba), t.font = n, t.fillStyle = a, t.fillText(s, 0, 0), t.restore();
   }
 }
@@ -2570,7 +2570,7 @@ let on = class {
 on = Ho([
   St(0, te),
   St(1, ce),
-  St(2, M(Fe)),
+  St(2, M(xe)),
   St(3, M(ie))
 ], on);
 class jo extends Ce {
@@ -2706,7 +2706,7 @@ let an = class {
       e.translateWithPrecision(_e, D), zn.drawWith(e, {
         width: G,
         height: q,
-        fill: (N == null ? void 0 : N.color) || Ye,
+        fill: (N == null ? void 0 : N.color) || Pe,
         radius: jt
       }), e.save(), e.translateWithPrecision(De, xn), e.beginPath(), e.rect(0, 0, z, Q), e.clip(), e.translateWithPrecision(U, 0), Mn.drawWith(e, {
         text: L,
@@ -2823,7 +2823,7 @@ an = Xo([
   at(0, ce),
   at(1, M(ue)),
   at(2, te),
-  at(3, M(Fe)),
+  at(3, M(xe)),
   at(4, M(ie))
 ], an);
 class Ko extends Ce {
@@ -2914,7 +2914,7 @@ let Hn = (wt = class extends Zn {
   onStarting() {
     [
       [Se],
-      [Ue],
+      [Fe],
       [ht],
       [Je],
       [tt],
@@ -2928,14 +2928,14 @@ let Hn = (wt = class extends Zn {
       Lt,
       _r,
       _n,
-      Be,
+      We,
       mr
     ].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
   onReady() {
-    this._injector.get(Qe), this._injector.get(et), this._injector.get(Fe).registerRenderModule(
+    this._injector.get(Qe), this._injector.get(et), this._injector.get(xe).registerRenderModule(
       X.UNIVER_SHEET,
       [Et]
     );
@@ -2971,7 +2971,7 @@ let Tt = class extends Zn {
   onStarting() {
     [
       [Se],
-      [Ue],
+      [Fe],
       [ht],
       [Je],
       [tt],
@@ -2986,14 +2986,14 @@ let Tt = class extends Zn {
       Lt,
       _r,
       _n,
-      Be,
+      We,
       mr
     ].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
   onReady() {
-    this._injector.get(Qe), this._injector.get(et), this._injector.get(qe), this._injector.get(ht), this._injector.get(Fe).registerRenderModule(
+    this._injector.get(Qe), this._injector.get(et), this._injector.get(qe), this._injector.get(ht), this._injector.get(xe).registerRenderModule(
       X.UNIVER_SHEET,
       [Et]
     );