@univerjs/sheets-data-validation-ui 0.12.2-nightly.202511290905 → 0.12.3-experimental.20251204-1549a8e

package/lib/index.js

@@ -1,7 +1,7 @@
 var Tr = Object.defineProperty;
 var Or = (e, t, n) => t in e ? Tr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var V = (e, t, n) => Or(e, typeof t != "symbol" ? t + "" : t, n);
-import { Disposable as Re, UniverInstanceType as X, toDisposable as Ar, IUniverInstanceService as le, Inject as E, LocaleService as de, DataValidationErrorStyle as st, DataValidationStatus as Ye, ICommandService as ee, Injector as ye, IConfigService as ln, DataValidationRenderMode as ae, DisposableCollection as Pr, dayjs as kt, numfmt as Wn, CellValueType as Lr, CommandType as tt, DataValidationType as j, ObjectMatrix as wt, Range as kr, Rectangle as It, queryObjectMatrix as Gt, Optional as Nr, RxDisposable as dn, InterceptorEffectEnum as Hn, sequenceExecute as jn, bufferDebounceTime as Ur, debounce as Fr, UndoCommand as $r, RedoCommand as xr, isUnitRangesEqual as Br, shallowEqual as Rn, ThemeService as Yn, ColorKit as Wr, isFormulaString as De, generateRandomId as yn, VerticalAlign as se, HorizontalAlign as Ie, DEFAULT_STYLES as Q, WrapStrategy as ve, Plugin as Xn, merge as Zn, DependentOn as Hr } from "@univerjs/core";
+import { Disposable as Re, UniverInstanceType as X, toDisposable as Ar, IUniverInstanceService as le, Inject as E, LocaleService as de, DataValidationErrorStyle as st, DataValidationStatus as Ye, ICommandService as ee, Injector as ye, IConfigService as ln, DataValidationRenderMode as ae, DisposableCollection as Pr, dayjs as kt, numfmt as Wn, CellValueType as Lr, CommandType as tt, DataValidationType as j, ObjectMatrix as It, Range as kr, Rectangle as wt, queryObjectMatrix as Gt, Optional as Nr, RxDisposable as dn, InterceptorEffectEnum as Hn, sequenceExecute as jn, bufferDebounceTime as Ur, debounce as Fr, UndoCommand as $r, RedoCommand as xr, isUnitRangesEqual as Br, shallowEqual as Rn, ThemeService as Yn, ColorKit as Wr, isFormulaString as De, generateRandomId as yn, VerticalAlign as se, HorizontalAlign as we, DEFAULT_STYLES as Q, WrapStrategy as ve, Plugin as Xn, merge as Zn, DependentOn as Hr } from "@univerjs/core";
 import { DeviceInputEventType as pt, IRenderManagerService as Ue, fixLineWidthByScale as Mn, Transform as jr, CheckboxShape as Yr, getCurrentTypeOfRenderer as Xe, CURSOR_TYPE as Ze, FontCache as Xr, Shape as Zr, Rect as Kn, getFontStyleString as Ve, DocSimpleSkeleton as rt, Text as bn } from "@univerjs/engine-render";
 import { SheetInterceptorService as cn, VALIDATE_CELL as Kr, SheetsSelectionsService as Gn, SetRangeValuesCommand as at, getSheetCommandTarget as zn, rangeToDiscreteRange as Gr, SheetPermissionCheckController as zr, WorksheetEditPermission as zt, WorksheetSetCellStylePermission as qt, RangeProtectionPermissionEditPoint as Jt, WorkbookEditablePermission as Qt, INTERCEPTOR_POINT as qn, InterceptCellContentPriority as Jn, checkRangesEditablePermission as qr } from "@univerjs/sheets";
 import { SheetDataValidationModel as oe, SheetsDataValidationValidatorService as Jr, getDataValidationCellValue as Nt, getCellValueOrigin as re, serializeListOptions as Qn, createDefaultNewRule as er, AddSheetDataValidationCommand as un, DATA_VALIDATION_PLUGIN_NAME as tr, getDataValidationDiffMutations as en, UpdateSheetDataValidationRangeCommand as nr, DataValidationCacheService as rr, UpdateSheetDataValidationSettingCommand as En, UpdateSheetDataValidationOptionsCommand as Qr, RemoveSheetDataValidationCommand as or, RemoveSheetAllDataValidationCommand as eo, DataValidationFormulaController as to, deserializeListOptions as no, CUSTOM_FORMULA_INPUT_NAME as ir, BASE_FORMULA_INPUT_NAME as Ot, LIST_FORMULA_INPUT_NAME as hn, CHECKBOX_FORMULA_INPUT_NAME as ar, DataValidationFormulaService as ro, CHECKBOX_FORMULA_2 as oo, CHECKBOX_FORMULA_1 as io, getFormulaResult as Ut, isLegalFormulaResult as Dn, transformCheckboxValue as ao, UniverSheetsDataValidationPlugin as so } from "@univerjs/sheets-data-validation";
@@ -9,9 +9,9 @@ import { DataValidatorRegistryService as Me, DataValidatorDropdownType as pe, Da
 import { ISidebarService as sr, IDialogService as uo, IZenZoneService as lr, KeyCode as gt, MenuItemType as gn, getMenuHiddenObservable as ho, RibbonDataGroup as po, IMenuManagerService as go, useDependency as F, ComponentManager as vn, useObservable as Oe, useEvent as tn, useSidebarClick as dr } from "@univerjs/ui";
 import { filter as mn, BehaviorSubject as On, distinctUntilChanged as vo, Subject as mo, debounceTime as cr, bufferTime as ur, of as fo } from "rxjs";
 import { getPatternType as _o } from "@univerjs/sheets-numfmt";
-import { ISheetCellDropdownManagerService as Co, IEditorBridgeService as hr, SetCellEditVisibleOperation as vt, HoverManagerService as So, CellAlertManagerService as wo, CellAlertType as Io, IAutoFillService as Ro, APPLY_TYPE as ot, virtualizeDiscreteRanges as nn, getAutoFillRepeatRange as yo, ISheetClipboardService as Mo, COPY_TYPE as An, PREDEFINED_HOOK_NAME as mt, getRepeatRange as Pn, getCurrentRangeDisable$ as bo, AutoHeightController as pr, SheetSkeletonManagerService as lt, IMarkSelectionService as Eo } from "@univerjs/sheets-ui";
+import { ISheetCellDropdownManagerService as Co, IEditorBridgeService as hr, SetCellEditVisibleOperation as vt, HoverManagerService as So, CellAlertManagerService as Io, CellAlertType as wo, IAutoFillService as Ro, APPLY_TYPE as ot, virtualizeDiscreteRanges as nn, getAutoFillRepeatRange as yo, ISheetClipboardService as Mo, COPY_TYPE as An, PREDEFINED_HOOK_NAME as mt, getRepeatRange as Pn, getCurrentRangeDisable$ as bo, AutoHeightController as pr, SheetSkeletonManagerService as lt, IMarkSelectionService as Eo } from "@univerjs/sheets-ui";
 import { Button as Ke, FormLayout as Y, RadioGroup as fn, Radio as Ae, Checkbox as At, Input as Pe, Select as Ln, clsx as ke, borderClassName as Rt, DraggableList as Do, Dropdown as Vo } from "@univerjs/design";
-import { createElement as we, useRef as ht, forwardRef as nt, useState as W, useMemo as dt, useEffect as Le } from "react";
+import { createElement as Ie, useRef as ht, forwardRef as nt, useState as W, useMemo as dt, useEffect as Le } from "react";
 import { jsxs as H, Fragment as ct, jsx as C } from "react/jsx-runtime";
 import { deserializeRangeWithSheet as To, serializeRange as gr } from "@univerjs/engine-formula";
 import { RangeSelector as Oo, FormulaEditor as vr } from "@univerjs/sheets-formula-ui";
@@ -100,7 +100,7 @@ let Ge = class extends Re {
               title: u.getRuleFinalError(d, { row: o, col: i, unitId: a, subUnitId: l })
             },
             footer: {
-              title: we(
+              title: Ie(
                 Ke,
                 {
                   variant: "primary",
@@ -128,7 +128,7 @@ let Ge = class extends Re {
         title: e
       },
       footer: {
-        title: we(
+        title: Ie(
           Ke,
           {
             variant: "primary",
@@ -219,7 +219,7 @@ let Ne = class extends Re {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   showDropdown(t) {
-    var b, y, w, S;
+    var b, y, I, S;
     const { location: n } = t, { row: r, col: o, unitId: i, subUnitId: a, workbook: l, worksheet: s } = n;
     if (this._currentPopup && this._currentPopup.dispose(), this._zenVisible)
       return;
@@ -231,13 +231,13 @@ let Ne = class extends Re {
     if (!(u != null && u.dropdownType))
       return;
     let p;
-    const c = async (g, I) => {
-      var D, O, k;
+    const c = async (g, w) => {
+      var D, O, L;
       if (!g)
         return !0;
-      const _ = g, v = s.getCell(r, o), R = _.format(I === "date" ? "YYYY-MM-DD 00:00:00" : "YYYY-MM-DD HH:mm:ss"), P = (D = Wn.parseDate(R)) == null ? void 0 : D.v, N = I === "time" ? P % 1 : P, T = l.getStyles().getStyleByCell(v), L = (k = (O = T == null ? void 0 : T.n) == null ? void 0 : O.pattern) != null ? k : "";
+      const _ = g, v = s.getCell(r, o), R = _.format(w === "date" ? "YYYY-MM-DD 00:00:00" : "YYYY-MM-DD HH:mm:ss"), P = (D = Wn.parseDate(R)) == null ? void 0 : D.v, k = w === "time" ? P % 1 : P, T = l.getStyles().getStyleByCell(v), N = (L = (O = T == null ? void 0 : T.n) == null ? void 0 : O.pattern) != null ? L : "";
       return d.errorStyle !== st.STOP || await u.validator({
-        value: N,
+        value: k,
         unitId: i,
         subUnitId: a,
         row: r,
@@ -256,14 +256,14 @@ let Ne = class extends Re {
           endRow: r
         },
         value: {
-          v: N,
+          v: k,
           t: 2,
           p: null,
           f: null,
           si: null,
           s: {
             n: {
-              pattern: Fo(I, L)
+              pattern: Fo(w, N)
             }
           }
         }
@@ -277,40 +277,40 @@ let Ne = class extends Re {
     let m;
     switch (u.dropdownType) {
       case pe.DATE: {
-        const g = re(s.getCellRaw(r, o)), I = Ft(g), _ = !!((b = d.bizInfo) != null && b.showTime);
+        const g = re(s.getCellRaw(r, o)), w = Ft(g), _ = !!((b = d.bizInfo) != null && b.showTime);
         m = {
           location: n,
           type: "datepicker",
           props: {
             showTime: _,
             onChange: (v) => c(v, _ ? "datetime" : "date"),
-            defaultValue: I,
+            defaultValue: w,
             patternType: "date"
           }
         };
         break;
       }
       case pe.TIME: {
-        const g = re(s.getCellRaw(r, o)), I = Ft(g);
+        const g = re(s.getCellRaw(r, o)), w = Ft(g);
         m = {
           location: n,
           type: "datepicker",
           props: {
             onChange: (_) => c(_, "time"),
-            defaultValue: I,
+            defaultValue: w,
             patternType: "time"
           }
         };
         break;
       }
       case pe.DATETIME: {
-        const g = re(s.getCellRaw(r, o)), I = Ft(g);
+        const g = re(s.getCellRaw(r, o)), w = Ft(g);
         m = {
           location: n,
           type: "datepicker",
           props: {
             onChange: (_) => c(_, "datetime"),
-            defaultValue: I,
+            defaultValue: w,
             patternType: "datetime"
           }
         };
@@ -318,8 +318,8 @@ let Ne = class extends Re {
       }
       case pe.LIST:
       case pe.MULTIPLE_LIST: {
-        const g = u.dropdownType === pe.MULTIPLE_LIST, I = async (T) => {
-          const L = Qn(T), D = {
+        const g = u.dropdownType === pe.MULTIPLE_LIST, w = async (T) => {
+          const N = Qn(T), D = {
             unitId: i,
             subUnitId: a,
             range: {
@@ -329,7 +329,7 @@ let Ne = class extends Re {
               endRow: r
             },
             value: {
-              v: L,
+              v: N,
               p: null,
               f: null,
               si: null
@@ -345,7 +345,7 @@ let Ne = class extends Re {
           this._commandService.executeCommand(Fe.id, {
             ruleId: d.uid
           }), p == null || p.dispose();
-        }, N = v.map((T) => ({
+        }, k = v.map((T) => ({
           label: T.label,
           value: T.label,
           color: _ || T.color ? T.color || Te : "transparent"
@@ -354,12 +354,12 @@ let Ne = class extends Re {
           location: n,
           type: "list",
           props: {
-            onChange: (T) => I(T),
-            options: N,
+            onChange: (T) => w(T),
+            options: k,
             onEdit: P,
             defaultValue: R,
             multiple: g,
-            showEdit: (w = (y = this._configService.getConfig(_n)) == null ? void 0 : y.showEditOnDropdown) != null ? w : !0
+            showEdit: (I = (y = this._configService.getConfig(_n)) == null ? void 0 : y.showEditOnDropdown) != null ? I : !0
           }
         };
         break;
@@ -368,7 +368,7 @@ let Ne = class extends Re {
         m = {
           type: "cascader",
           props: {
-            onChange: (I) => {
+            onChange: (w) => {
               const _ = {
                 unitId: i,
                 subUnitId: a,
@@ -379,7 +379,7 @@ let Ne = class extends Re {
                   endRow: r
                 },
                 value: {
-                  v: I.join("/"),
+                  v: w.join("/"),
                   p: null,
                   f: null,
                   si: null
@@ -403,7 +403,7 @@ let Ne = class extends Re {
         m = {
           type: "color",
           props: {
-            onChange: (I) => {
+            onChange: (w) => {
               const _ = {
                 unitId: i,
                 subUnitId: a,
@@ -414,7 +414,7 @@ let Ne = class extends Re {
                   endRow: r
                 },
                 value: {
-                  v: I,
+                  v: w,
                   p: null,
                   f: null,
                   si: null
@@ -446,8 +446,8 @@ let Ne = class extends Re {
     const h = new Pr();
     h.add(p), h.add({
       dispose: () => {
-        var g, I;
-        (I = (g = this._activeDropdown) == null ? void 0 : g.onHide) == null || I.call(g);
+        var g, w;
+        (w = (g = this._activeDropdown) == null ? void 0 : g.onHide) == null || w.call(g);
       }
     }), this._currentPopup = h;
   }
@@ -604,7 +604,7 @@ let ut = class extends Re {
             return;
           }
           this._cellAlertManagerService.showAlert({
-            type: Io.ERROR,
+            type: wo.ERROR,
             title: this._localeService.t("dataValidation.error.title"),
             message: s == null ? void 0 : s.getRuleFinalError(o, e.location),
             location: e.location,
@@ -626,7 +626,7 @@ let ut = class extends Re {
 };
 ut = xo([
   Be(0, E(So)),
-  Be(1, E(wo)),
+  Be(1, E(Io)),
   Be(2, le),
   Be(3, E(de)),
   Be(4, lr),
@@ -647,9 +647,9 @@ let ze = class extends Re {
       const { source: i, target: a, unitId: l, subUnitId: s } = r, d = this._sheetDataValidationModel.getRuleObjectMatrix(l, s).clone(), u = nn([i, a]), [p, c] = u.ranges, { mapFunc: m } = u, h = {
         row: p.startRow,
         col: p.startColumn
-      }, b = yo(p, c), y = new wt(), w = /* @__PURE__ */ new Set();
+      }, b = yo(p, c), y = new It(), I = /* @__PURE__ */ new Set();
       b.forEach((v) => {
-        const R = v.repeatStartCell, P = v.relativeRange, N = {
+        const R = v.repeatStartCell, P = v.relativeRange, k = {
           startRow: h.row,
           startColumn: h.col,
           endColumn: h.col,
@@ -660,33 +660,33 @@ let ze = class extends Re {
           endColumn: R.col,
           endRow: R.row
         };
-        kr.foreach(P, (L, D) => {
-          const O = It.getPositionRange(
+        kr.foreach(P, (N, D) => {
+          const O = wt.getPositionRange(
             {
-              startRow: L,
+              startRow: N,
               startColumn: D,
               endColumn: D,
-              endRow: L
+              endRow: N
             },
-            N
-          ), { row: k, col: x } = m(O.startRow, O.startColumn), G = this._sheetDataValidationModel.getRuleIdByLocation(l, s, k, x) || "", te = It.getPositionRange(
+            k
+          ), { row: L, col: x } = m(O.startRow, O.startColumn), G = this._sheetDataValidationModel.getRuleIdByLocation(l, s, L, x) || "", te = wt.getPositionRange(
             {
-              startRow: L,
+              startRow: N,
               startColumn: D,
               endColumn: D,
-              endRow: L
+              endRow: N
             },
             T
           ), { row: B, col: ne } = m(te.startRow, te.startColumn);
-          y.setValue(B, ne, G), w.add(G);
+          y.setValue(B, ne, G), I.add(G);
         });
       });
-      const S = Array.from(w).map((v) => ({ id: v, ranges: Gt(y, (R) => R === v) }));
+      const S = Array.from(I).map((v) => ({ id: v, ranges: Gt(y, (R) => R === v) }));
       d.addRangeRules(S);
-      const g = d.diff(this._sheetDataValidationModel.getRules(l, s)), { redoMutations: I, undoMutations: _ } = en(l, s, g, this._injector, "patched", o === ot.ONLY_FORMAT);
+      const g = d.diff(this._sheetDataValidationModel.getRules(l, s)), { redoMutations: w, undoMutations: _ } = en(l, s, g, this._injector, "patched", o === ot.ONLY_FORMAT);
       return {
         undos: _,
-        redos: I
+        redos: w
       };
     }, n = {
       id: tr,
@@ -735,7 +735,7 @@ let qe = class extends Re {
     });
   }
   _collect(t, n, r) {
-    const o = new wt();
+    const o = new It();
     this._copyInfo = {
       unitId: t,
       subUnitId: n,
@@ -769,25 +769,25 @@ let qe = class extends Re {
       return { redos: [], undos: [] };
     const { unitId: o, subUnitId: i } = this._copyInfo;
     if (n.unitId !== o || i !== n.subUnitId) {
-      const a = this._sheetDataValidationModel.getRuleObjectMatrix(n.unitId, n.subUnitId).clone(), l = new wt(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: p } = nn([n.copyRange, t]), c = Pn(d, u, !0), m = /* @__PURE__ */ new Map();
-      c.forEach(({ startRange: w }) => {
+      const a = this._sheetDataValidationModel.getRuleObjectMatrix(n.unitId, n.subUnitId).clone(), l = new It(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: p } = nn([n.copyRange, t]), c = Pn(d, u, !0), m = /* @__PURE__ */ new Map();
+      c.forEach(({ startRange: I }) => {
         var S;
-        (S = this._copyInfo) == null || S.matrix.forValue((g, I, _) => {
-          const v = It.getPositionRange(
+        (S = this._copyInfo) == null || S.matrix.forValue((g, w, _) => {
+          const v = wt.getPositionRange(
             {
               startRow: g,
               endRow: g,
-              startColumn: I,
-              endColumn: I
+              startColumn: w,
+              endColumn: w
             },
-            w
+            I
           ), R = `${i}-${_}`, P = this._sheetDataValidationModel.getRuleById(o, i, _);
           !this._sheetDataValidationModel.getRuleById(n.unitId, n.subUnitId, R) && P && m.set(R, { ...P, uid: R });
-          const { row: N, col: T } = p(v.startRow, v.startColumn);
-          s.add(R), l.setValue(N, T, R);
+          const { row: k, col: T } = p(v.startRow, v.startColumn);
+          s.add(R), l.setValue(k, T, R);
         });
       });
-      const h = Array.from(s).map((w) => ({ id: w, ranges: Gt(l, (S) => S === w) }));
+      const h = Array.from(s).map((I) => ({ id: I, ranges: Gt(l, (S) => S === I) }));
       a.addRangeRules(h);
       const { redoMutations: b, undoMutations: y } = en(
         n.unitId,
@@ -802,11 +802,11 @@ let qe = class extends Re {
         undos: y
       };
     } else {
-      const a = this._sheetDataValidationModel.getRuleObjectMatrix(o, i).clone(), l = new wt(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: p } = nn([n.copyRange, t]);
+      const a = this._sheetDataValidationModel.getRuleObjectMatrix(o, i).clone(), l = new It(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: p } = nn([n.copyRange, t]);
       Pn(d, u, !0).forEach(({ startRange: y }) => {
-        var w;
-        (w = this._copyInfo) == null || w.matrix.forValue((S, g, I) => {
-          const _ = It.getPositionRange(
+        var I;
+        (I = this._copyInfo) == null || I.matrix.forValue((S, g, w) => {
+          const _ = wt.getPositionRange(
             {
               startRow: S,
               endRow: S,
@@ -815,10 +815,10 @@ let qe = class extends Re {
             },
             y
           ), { row: v, col: R } = p(_.startRow, _.startColumn);
-          l.setValue(v, R, I), s.add(I);
+          l.setValue(v, R, w), s.add(w);
         });
       });
-      const m = Array.from(s).map((y) => ({ id: y, ranges: Gt(l, (w) => w === y) }));
+      const m = Array.from(s).map((y) => ({ id: y, ranges: Gt(l, (I) => I === y) }));
       a.addRangeRules(m);
       const { redoMutations: h, undoMutations: b } = en(
         o,
@@ -987,14 +987,14 @@ let Qe = class extends dn {
           priority: Jn.DATA_VALIDATION,
           // eslint-disable-next-line max-lines-per-function, complexity
           handler: (e, t, n) => {
-            var w, S, g, I, _;
+            var I, S, g, w, _;
             const { row: r, col: o, unitId: i, subUnitId: a, workbook: l, worksheet: s } = t, d = this._sheetDataValidationModel.getRuleIdByLocation(i, a, r, o);
             if (!d)
               return n(e);
             const u = this._sheetDataValidationModel.getRuleById(i, a, d);
             if (!u)
               return n(e);
-            const p = (w = this._dataValidationCacheService.getValue(i, a, r, o)) != null ? w : Ye.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), m = t.rawData;
+            const p = (I = this._dataValidationCacheService.getValue(i, a, r, o)) != null ? I : Ye.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), m = t.rawData;
             let h;
             const b = {
               get value() {
@@ -1015,7 +1015,7 @@ let Qe = class extends dn {
               ...c != null && c.canvasRender ? [c.canvasRender] : []
             ], e.fontRenderExtension = {
               ...e == null ? void 0 : e.fontRenderExtension,
-              isSkip: ((g = e == null ? void 0 : e.fontRenderExtension) == null ? void 0 : g.isSkip) || ((I = c == null ? void 0 : c.skipDefaultFontRender) == null ? void 0 : I.call(c, u, b.value, t))
+              isSkip: ((g = e == null ? void 0 : e.fontRenderExtension) == null ? void 0 : g.isSkip) || ((w = c == null ? void 0 : c.skipDefaultFontRender) == null ? void 0 : w.call(c, u, b.value, t))
             }, e.interceptorStyle = {
               ...e == null ? void 0 : e.interceptorStyle,
               ...c == null ? void 0 : c.getExtraStyle(u, y.value, {
@@ -1025,14 +1025,14 @@ let Qe = class extends dn {
                 }
               }, r, o)
             }, e.interceptorAutoHeight = () => {
-              var N, T, L, D, O, k;
-              const v = (T = (N = this._renderManagerService.getRenderById(i)) == null ? void 0 : N.with(lt).getSkeletonParam(a)) == null ? void 0 : T.skeleton;
+              var k, T, N, D, O, L;
+              const v = (T = (k = this._renderManagerService.getRenderById(i)) == null ? void 0 : k.with(lt).getSkeletonParam(a)) == null ? void 0 : T.skeleton;
               if (!v)
                 return;
               const R = v.worksheet.getMergedCell(r, o), P = {
                 data: e,
                 style: v.getStyles().getStyleByCell(e),
-                primaryWithCoord: v.getCellWithCoordByIndex((L = R == null ? void 0 : R.startRow) != null ? L : r, (D = R == null ? void 0 : R.startColumn) != null ? D : o),
+                primaryWithCoord: v.getCellWithCoordByIndex((N = R == null ? void 0 : R.startRow) != null ? N : r, (D = R == null ? void 0 : R.startColumn) != null ? D : o),
                 unitId: i,
                 subUnitId: a,
                 row: r,
@@ -1040,16 +1040,16 @@ let Qe = class extends dn {
                 workbook: l,
                 worksheet: s
               };
-              return (k = (O = c == null ? void 0 : c.canvasRender) == null ? void 0 : O.calcCellAutoHeight) == null ? void 0 : k.call(O, P);
+              return (L = (O = c == null ? void 0 : c.canvasRender) == null ? void 0 : O.calcCellAutoHeight) == null ? void 0 : L.call(O, P);
             }, e.interceptorAutoWidth = () => {
-              var N, T, L, D, O, k;
-              const v = (T = (N = this._renderManagerService.getRenderById(i)) == null ? void 0 : N.with(lt).getSkeletonParam(a)) == null ? void 0 : T.skeleton;
+              var k, T, N, D, O, L;
+              const v = (T = (k = this._renderManagerService.getRenderById(i)) == null ? void 0 : k.with(lt).getSkeletonParam(a)) == null ? void 0 : T.skeleton;
               if (!v)
                 return;
               const R = v.worksheet.getMergedCell(r, o), P = {
                 data: e,
                 style: v.getStyles().getStyleByCell(e),
-                primaryWithCoord: v.getCellWithCoordByIndex((L = R == null ? void 0 : R.startRow) != null ? L : r, (D = R == null ? void 0 : R.startColumn) != null ? D : o),
+                primaryWithCoord: v.getCellWithCoordByIndex((N = R == null ? void 0 : R.startRow) != null ? N : r, (D = R == null ? void 0 : R.startColumn) != null ? D : o),
                 unitId: i,
                 subUnitId: a,
                 row: r,
@@ -1057,7 +1057,7 @@ let Qe = class extends dn {
                 workbook: l,
                 worksheet: s
               };
-              return (k = (O = c == null ? void 0 : c.canvasRender) == null ? void 0 : O.calcCellAutoWidth) == null ? void 0 : k.call(O, P);
+              return (L = (O = c == null ? void 0 : c.canvasRender) == null ? void 0 : O.calcCellAutoWidth) == null ? void 0 : L.call(O, P);
             }, e.coverable = ((_ = e == null ? void 0 : e.coverable) != null ? _ : !0) && !(u.type === j.LIST || u.type === j.LIST_MULTIPLE), n(e);
           }
         }
@@ -1112,7 +1112,7 @@ let Nn = class extends dn {
           priority: Jn.DATA_VALIDATION,
           // eslint-disable-next-line complexity, max-lines-per-function
           handler: (e, t, n) => {
-            var y, w, S, g, I;
+            var y, I, S, g, w;
             const { row: r, col: o, unitId: i, subUnitId: a, workbook: l, worksheet: s } = t, d = this._sheetDataValidationModel.getRuleIdByLocation(i, a, r, o);
             if (!d)
               return n(e);
@@ -1124,7 +1124,7 @@ let Nn = class extends dn {
               ...e == null ? void 0 : e.markers,
               ...p === Ye.INVALID ? Sr : null
             }, e.customRender = [
-              ...(w = e == null ? void 0 : e.customRender) != null ? w : [],
+              ...(I = e == null ? void 0 : e.customRender) != null ? I : [],
               ...c != null && c.canvasRender ? [c.canvasRender] : []
             ], e.fontRenderExtension = {
               ...e == null ? void 0 : e.fontRenderExtension,
@@ -1138,14 +1138,14 @@ let Nn = class extends dn {
                 }
               }, r, o)
             }, e.interceptorAutoHeight = () => {
-              var P, N, T, L, D, O;
-              const _ = (N = (P = this._renderManagerService.getRenderById(i)) == null ? void 0 : P.with(lt).getSkeletonParam(a)) == null ? void 0 : N.skeleton;
+              var P, k, T, N, D, O;
+              const _ = (k = (P = this._renderManagerService.getRenderById(i)) == null ? void 0 : P.with(lt).getSkeletonParam(a)) == null ? void 0 : k.skeleton;
               if (!_)
                 return;
               const v = _.worksheet.getMergedCell(r, o), R = {
                 data: e,
                 style: _.getStyles().getStyleByCell(e),
-                primaryWithCoord: _.getCellWithCoordByIndex((T = v == null ? void 0 : v.startRow) != null ? T : r, (L = v == null ? void 0 : v.startColumn) != null ? L : o),
+                primaryWithCoord: _.getCellWithCoordByIndex((T = v == null ? void 0 : v.startRow) != null ? T : r, (N = v == null ? void 0 : v.startColumn) != null ? N : o),
                 unitId: i,
                 subUnitId: a,
                 row: r,
@@ -1155,14 +1155,14 @@ let Nn = class extends dn {
               };
               return (O = (D = c == null ? void 0 : c.canvasRender) == null ? void 0 : D.calcCellAutoHeight) == null ? void 0 : O.call(D, R);
             }, e.interceptorAutoWidth = () => {
-              var P, N, T, L, D, O;
-              const _ = (N = (P = this._renderManagerService.getRenderById(i)) == null ? void 0 : P.with(lt).getSkeletonParam(a)) == null ? void 0 : N.skeleton;
+              var P, k, T, N, D, O;
+              const _ = (k = (P = this._renderManagerService.getRenderById(i)) == null ? void 0 : P.with(lt).getSkeletonParam(a)) == null ? void 0 : k.skeleton;
               if (!_)
                 return;
               const v = _.worksheet.getMergedCell(r, o), R = {
                 data: e,
                 style: _.getStyles().getStyleByCell(e),
-                primaryWithCoord: _.getCellWithCoordByIndex((T = v == null ? void 0 : v.startRow) != null ? T : r, (L = v == null ? void 0 : v.startColumn) != null ? L : o),
+                primaryWithCoord: _.getCellWithCoordByIndex((T = v == null ? void 0 : v.startRow) != null ? T : r, (N = v == null ? void 0 : v.startColumn) != null ? N : o),
                 unitId: i,
                 subUnitId: a,
                 row: r,
@@ -1171,7 +1171,7 @@ let Nn = class extends dn {
                 worksheet: s
               };
               return (O = (D = c == null ? void 0 : c.canvasRender) == null ? void 0 : D.calcCellAutoWidth) == null ? void 0 : O.call(D, R);
-            }, e.coverable = ((I = e == null ? void 0 : e.coverable) != null ? I : !0) && !(u.type === j.LIST || u.type === j.LIST_MULTIPLE), n(e);
+            }, e.coverable = ((w = e == null ? void 0 : e.coverable) != null ? w : !0) && !(u.type === j.LIST || u.type === j.LIST_MULTIPLE), n(e);
           }
         }
       )
@@ -1233,7 +1233,7 @@ bt = Qo([
 ], bt);
 function $e({ ref: e, ...t }) {
   const { icon: n, id: r, className: o, extend: i, ...a } = t, l = `univerjs-icon univerjs-icon-${r} ${o || ""}`.trim(), s = ht(`_${ni()}`);
-  return wr(n, `${r}`, {
+  return Ir(n, `${r}`, {
     defIds: n.defIds,
     idSuffix: s.current
   }, {
@@ -1242,12 +1242,12 @@ function $e({ ref: e, ...t }) {
     ...a
   }, i);
 }
-function wr(e, t, n, r, o) {
-  return we(e.tag, {
+function Ir(e, t, n, r, o) {
+  return Ie(e.tag, {
     key: t,
     ...ei(e, n, o),
     ...r
-  }, (ti(e, n).children || []).map((i, a) => wr(i, `${t}-${e.tag}-${a}`, n, void 0, o)));
+  }, (ti(e, n).children || []).map((i, a) => Ir(i, `${t}-${e.tag}-${a}`, n, void 0, o)));
 }
 function ei(e, t, n) {
   const r = { ...e.attrs };
@@ -1320,14 +1320,14 @@ const ri = {
       }
     }
   ]
-}, Ir = nt(function(t, n) {
-  return we($e, Object.assign({}, t, {
+}, wr = nt(function(t, n) {
+  return Ie($e, Object.assign({}, t, {
     id: "data-validation-icon",
     ref: n,
     icon: ri
   }));
 });
-Ir.displayName = "DataValidationIcon";
+wr.displayName = "DataValidationIcon";
 const oi = {
   tag: "svg",
   attrs: {
@@ -1370,7 +1370,7 @@ const oi = {
     }
   ]
 }, Sn = nt(function(t, n) {
-  return we($e, Object.assign({}, t, {
+  return Ie($e, Object.assign({}, t, {
     id: "delete-icon",
     ref: n,
     icon: oi
@@ -1394,7 +1394,7 @@ const ii = {
     }
   }]
 }, Rr = nt(function(t, n) {
-  return we($e, Object.assign({}, t, {
+  return Ie($e, Object.assign({}, t, {
     id: "increase-icon",
     ref: n,
     icon: ii
@@ -1419,14 +1419,14 @@ const ai = {
       clipRule: "evenodd"
     }
   }]
-}, wn = nt(function(t, n) {
-  return we($e, Object.assign({}, t, {
+}, In = nt(function(t, n) {
+  return Ie($e, Object.assign({}, t, {
     id: "more-down-icon",
     ref: n,
     icon: ai
   }));
 });
-wn.displayName = "MoreDownIcon";
+In.displayName = "MoreDownIcon";
 const si = {
   tag: "svg",
   attrs: {
@@ -1446,7 +1446,7 @@ const si = {
     }
   }]
 }, yr = nt(function(t, n) {
-  return we($e, Object.assign({}, t, {
+  return Ie($e, Object.assign({}, t, {
     id: "more-up-icon",
     ref: n,
     icon: si
@@ -1507,7 +1507,7 @@ const li = {
     }
   ]
 }, Mr = nt(function(t, n) {
-  return we($e, Object.assign({}, t, {
+  return Ie($e, Object.assign({}, t, {
     id: "sequence-icon",
     ref: n,
     icon: li
@@ -1525,7 +1525,7 @@ function di(e) {
         onClick: () => l(!a),
         children: [
           t.t("dataValidation.panel.options"),
-          a ? /* @__PURE__ */ C(yr, { className: "univer-ml-1" }) : /* @__PURE__ */ C(wn, { className: "univer-ml-1" })
+          a ? /* @__PURE__ */ C(yr, { className: "univer-ml-1" }) : /* @__PURE__ */ C(In, { className: "univer-ml-1" })
         ]
       }
     ),
@@ -1582,7 +1582,7 @@ function ui(e, t, n) {
 }
 function hi() {
   var M, U;
-  const [e, t] = W(0), n = F(me), r = Oe(n.activeRule$, n.activeRule), { unitId: o, subUnitId: i, rule: a } = r || {}, l = a.uid, s = F(Me), d = F(le), u = F(vn), p = F(ee), c = F(pn), m = F(de), [h, b] = W(a), y = s.getValidatorItem(h.type), [w, S] = W(!1), g = s.getValidatorsByScope(lo.SHEET), [I, _] = W(() => h.ranges.map((f) => ({ unitId: "", sheetId: "", range: f }))), v = dt(() => ci(p), [p]), [R, P] = W(!1), [N, T] = W(!1), L = ht(null), D = F(Gn);
+  const [e, t] = W(0), n = F(me), r = Oe(n.activeRule$, n.activeRule), { unitId: o, subUnitId: i, rule: a } = r || {}, l = a.uid, s = F(Me), d = F(le), u = F(vn), p = F(ee), c = F(pn), m = F(de), [h, b] = W(a), y = s.getValidatorItem(h.type), [I, S] = W(!1), g = s.getValidatorsByScope(lo.SHEET), [w, _] = W(() => h.ranges.map((f) => ({ unitId: "", sheetId: "", range: f }))), v = dt(() => ci(p), [p]), [R, P] = W(!1), [k, T] = W(!1), N = ht(null), D = F(Gn);
   if (Le(() => () => {
     const f = D.getCurrentLastSelection();
     f && D.setSelections([f]);
@@ -1595,14 +1595,14 @@ function hi() {
     });
   }, [p, c, l, i, o]), !y)
     return null;
-  const O = y.operators, k = y.operatorNames, x = h.operator ? co.includes(h.operator) : !1, G = () => {
+  const O = y.operators, L = y.operatorNames, x = h.operator ? co.includes(h.operator) : !1, G = () => {
     var f, A, $;
-    (A = (f = L.current) == null ? void 0 : f.editor) != null && A.isFocus() && te(($ = L.current) == null ? void 0 : $.getValue()), !(!h.ranges.length || R) && (y.validatorFormula(h, o, i).success ? n.setActiveRule(null) : S(!0));
+    (A = (f = N.current) == null ? void 0 : f.editor) != null && A.isFocus() && te(($ = N.current) == null ? void 0 : $.getValue()), !(!h.ranges.length || R) && (y.validatorFormula(h, o, i).success ? n.setActiveRule(null) : S(!0));
   }, te = tn((f) => {
     const A = f.split(",").filter(Boolean).map(To).map((J) => {
-      const In = J.sheetName;
-      if (In) {
-        const Vr = ui(d, J.unitId, In);
+      const wn = J.sheetName;
+      if (wn) {
+        const Vr = ui(d, J.unitId, wn);
         return { ...J, sheetId: Vr };
       }
       return {
@@ -1610,7 +1610,7 @@ function hi() {
         sheetId: ""
       };
     });
-    if (Br(A, I))
+    if (Br(A, w))
       return;
     _(A);
     const $ = A.filter((J) => (!J.unitId || J.unitId === o) && (!J.sheetId || J.sheetId === i)).map((J) => J.range);
@@ -1676,7 +1676,7 @@ function hi() {
       ruleId: h.uid,
       setting: Tn(J)
     });
-  }, Ce = u.get(y.formulaInput), z = dt(() => I.map((f) => gr(f.range)).join(","), []), Z = Vn(h), ge = (f) => {
+  }, Ce = u.get(y.formulaInput), q = dt(() => w.map((f) => gr(f.range)).join(","), []), Z = Vn(h), ge = (f) => {
     Rn(f, Vn(h)) || (b({
       ...h,
       ...f
@@ -1689,7 +1689,7 @@ function hi() {
         options: f
       }
     ));
-  }, q = O.length && !h.operator;
+  }, z = O.length && !h.operator;
   return /* @__PURE__ */ H("div", { "data-u-comp": "data-validation-detail", className: "univer-py-2", children: [
     /* @__PURE__ */ C(
       Y,
@@ -1699,17 +1699,17 @@ function hi() {
         children: /* @__PURE__ */ C(
           Oo,
           {
-            selectorRef: L,
+            selectorRef: N,
             unitId: o,
             subUnitId: i,
-            initialValue: z,
+            initialValue: q,
             onChange: (f, A) => {
               var $;
-              !N && (($ = L.current) != null && $.verify()) && te(A);
+              !k && (($ = N.current) != null && $.verify()) && te(A);
             },
             onFocusChange: (f, A) => {
               var $;
-              T(f), !f && A && (($ = L.current) != null && $.verify()) && te(A);
+              T(f), !f && A && (($ = N.current) != null && $.verify()) && te(A);
             },
             onVerify: (f) => P(!f)
           }
@@ -1740,7 +1740,7 @@ function hi() {
           },
           ...O.map((f, A) => ({
             value: `${f}`,
-            label: k[A]
+            label: L[A]
           }))
         ],
         onChange: (f) => {
@@ -1751,7 +1751,7 @@ function hi() {
         }
       }
     ) }) : null,
-    Ce && !q ? /* @__PURE__ */ C(
+    Ce && !z ? /* @__PURE__ */ C(
       Ce,
       {
         isTwoFormula: x,
@@ -1765,7 +1765,7 @@ function hi() {
             ...f
           });
         },
-        showError: w,
+        showError: I,
         validResult: y.validatorFormula(h, o, i),
         unitId: o,
         subUnitId: i,
@@ -1797,21 +1797,21 @@ function hi() {
 const pi = (e) => {
   const { rule: t, onClick: n, unitId: r, subUnitId: o, disable: i } = e, a = F(Me), l = F(ee), s = F(Eo), d = a.getValidatorItem(t.type), u = ht(void 0), [p, c] = W(!1), m = F(Yn), h = Oe(m.currentTheme$), b = dt(() => {
     var _;
-    const w = m.getColorFromTheme("primary.600"), S = m.getColorFromTheme("loop-color.2"), g = (_ = m.getColorFromTheme(S)) != null ? _ : w, I = new Wr(g).toRgb();
+    const I = m.getColorFromTheme("primary.600"), S = m.getColorFromTheme("loop-color.2"), g = (_ = m.getColorFromTheme(S)) != null ? _ : I, w = new Wr(g).toRgb();
     return {
-      fill: `rgba(${I.r}, ${I.g}, ${I.b}, 0.1)`,
+      fill: `rgba(${w.r}, ${w.g}, ${w.b}, 0.1)`,
       stroke: g
     };
-  }, [h]), y = (w) => {
+  }, [h]), y = (I) => {
     l.executeCommand(or.id, {
       ruleId: t.uid,
       unitId: r,
       subUnitId: o
-    }), w.stopPropagation();
+    }), I.stopPropagation();
   };
   return Le(() => () => {
-    var w;
-    u.current && ((w = u.current) == null || w.forEach((S) => {
+    var I;
+    u.current && ((I = u.current) == null || I.forEach((S) => {
       S && s.removeShape(S);
     }));
   }, [s]), /* @__PURE__ */ H(
@@ -1830,15 +1830,15 @@ const pi = (e) => {
       ),
       onClick: n,
       onMouseEnter: () => {
-        i || (c(!0), u.current = t.ranges.map((w) => s.addShape({
-          range: w,
+        i || (c(!0), u.current = t.ranges.map((I) => s.addShape({
+          range: I,
           style: b,
           primary: null
         })));
       },
       onMouseLeave: () => {
-        var w;
-        c(!1), (w = u.current) == null || w.forEach((S) => {
+        var I;
+        c(!1), (I = u.current) == null || I.forEach((S) => {
           S && s.removeShape(S);
         }), u.current = void 0;
       },
@@ -1854,7 +1854,7 @@ const pi = (e) => {
           "div",
           {
             className: "univer-text-secondary univer-truncate univer-text-xs univer-leading-[18px] dark:!univer-text-gray-300",
-            children: t.ranges.map((w) => gr(w)).join(",")
+            children: t.ranges.map((I) => gr(I)).join(",")
           }
         ),
         p ? /* @__PURE__ */ C(
@@ -1897,9 +1897,9 @@ function gi(e) {
       subUnitId: c
     });
   }, y = ((S) => {
-    const g = n.getCurrentUnitForType(X.UNIVER_SHEET), I = g.getActiveSheet(), _ = g.getUnitId(), v = I.getSheetId();
+    const g = n.getCurrentUnitForType(X.UNIVER_SHEET), w = g.getActiveSheet(), _ = g.getUnitId(), v = w.getSheetId();
     return S.map((P) => qr(o, _, v, P.ranges) ? { ...P } : { ...P, disable: !0 });
-  })(l), w = y == null ? void 0 : y.some((S) => S.disable);
+  })(l), I = y == null ? void 0 : y.some((S) => S.disable);
   return /* @__PURE__ */ H("div", { className: "univer-pb-4", children: [
     y == null ? void 0 : y.map((S) => {
       var g;
@@ -1922,7 +1922,7 @@ function gi(e) {
       );
     }),
     /* @__PURE__ */ H("div", { className: "univer-mt-4 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
-      l.length && !w ? /* @__PURE__ */ C(Ke, { onClick: h, children: a.t("dataValidation.panel.removeAll") }) : null,
+      l.length && !I ? /* @__PURE__ */ C(Ke, { onClick: h, children: a.t("dataValidation.panel.removeAll") }) : null,
       /* @__PURE__ */ C(Ke, { variant: "primary", onClick: m, children: a.t("dataValidation.panel.add") })
     ] })
   ] });
@@ -2121,7 +2121,7 @@ const Ci = [
                 style: { background: t }
               }
             ),
-            /* @__PURE__ */ C(wn, {})
+            /* @__PURE__ */ C(In, {})
           ]
         }
       )
@@ -2159,9 +2159,9 @@ const Ci = [
     )
   ] });
 };
-function wi(e) {
+function Ii(e) {
   const { value: t, onChange: n = () => {
-  }, unitId: r, subUnitId: o, validResult: i, showError: a, ruleId: l } = e, { formula1: s = "", formula2: d = "" } = t || {}, [u, p] = W(() => De(s) ? "1" : "0"), [c, m] = W(u === "1" ? s : "="), [h, b] = W(u === "1" ? s : "="), y = F(de), w = F(Me), S = F(pn), g = F(to), [I, _] = W(() => d.split(",")), v = w.getValidatorItem(j.LIST), [R, P] = W([]), [N, T] = W(""), L = a ? i == null ? void 0 : i.formula1 : "", D = dt(() => S.ruleChange$.pipe(cr(16)), []), O = Oe(D), k = tn(n);
+  }, unitId: r, subUnitId: o, validResult: i, showError: a, ruleId: l } = e, { formula1: s = "", formula2: d = "" } = t || {}, [u, p] = W(() => De(s) ? "1" : "0"), [c, m] = W(u === "1" ? s : "="), [h, b] = W(u === "1" ? s : "="), y = F(de), I = F(Me), S = F(pn), g = F(to), [w, _] = W(() => d.split(",")), v = I.getValidatorItem(j.LIST), [R, P] = W([]), [k, T] = W(""), N = a ? i == null ? void 0 : i.formula1 : "", D = dt(() => S.ruleChange$.pipe(cr(16)), []), O = Oe(D), L = tn(n);
   Le(() => {
     (async () => {
       await new Promise((f) => {
@@ -2196,8 +2196,8 @@ function wi(e) {
     id: `${U}`,
     isRef: !0
   })), [ne, R]), _e = (M, U, f) => {
-    const A = [...I];
-    A[+M] = f, _(A), k({
+    const A = [...w];
+    A[+M] = f, _(A), L({
       formula1: s,
       formula2: A.join(",")
     });
@@ -2226,39 +2226,39 @@ function wi(e) {
           color: f.color
         }));
       });
-    }), k({
+    }), L({
       formula1: Qn(U.map((f) => f.label)),
       formula2: U.map((f) => f.color === Te ? "" : f.color).join(",")
     });
-  }, [x, k, u, h, I]);
-  const z = tn(async (M) => {
+  }, [x, L, u, h, w]);
+  const q = tn(async (M) => {
     if (!De(M)) {
-      k == null || k({
+      L == null || L({
         formula1: "",
         formula2: d
       });
       return;
     }
-    g.getFormulaRefCheck(M) ? (k == null || k({
+    g.getFormulaRefCheck(M) ? (L == null || L({
       formula1: De(M) ? M : "",
       formula2: d
-    }), T("")) : (k == null || k({
+    }), T("")) : (L == null || L({
       formula1: "",
       formula2: d
     }), m("="), T(y.t("dataValidation.validFail.formulaError")));
-  }), Z = ht(null), [ge, q] = W(!1);
+  }), Z = ht(null), [ge, z] = W(!1);
   return dr((M) => {
     var f;
-    ((f = Z.current) == null ? void 0 : f.isClickOutSide(M)) && q(!1);
+    ((f = Z.current) == null ? void 0 : f.isClickOutSide(M)) && z(!1);
   }), /* @__PURE__ */ H(ct, { children: [
     /* @__PURE__ */ C(Y, { label: y.t("dataValidation.list.options"), children: /* @__PURE__ */ H(
       fn,
       {
         value: u,
         onChange: (M) => {
-          p(M), m(h), M === "1" && k({
+          p(M), m(h), M === "1" && L({
             formula1: h === "=" ? "" : h,
-            formula2: I.join(",")
+            formula2: w.join(",")
           });
         },
         children: [
@@ -2267,7 +2267,7 @@ function wi(e) {
         ]
       }
     ) }),
-    u === "1" ? /* @__PURE__ */ H(Y, { error: L || N || void 0, children: [
+    u === "1" ? /* @__PURE__ */ H(Y, { error: N || k || void 0, children: [
       /* @__PURE__ */ C(
         vr,
         {
@@ -2278,10 +2278,10 @@ function wi(e) {
           subUnitId: o,
           isFocus: ge,
           isSupportAcrossSheet: !0,
-          onFocus: () => q(!0),
+          onFocus: () => z(!0),
           onChange: (M = "") => {
             const U = (M != null ? M : "").trim();
-            b(U), z(U);
+            b(U), q(U);
           }
         }
       ),
@@ -2294,7 +2294,7 @@ function wi(e) {
         },
         M.id
       )) })
-    ] }) : /* @__PURE__ */ C(Y, { error: L, children: /* @__PURE__ */ H("div", { className: "-univer-mt-3", children: [
+    ] }) : /* @__PURE__ */ C(Y, { error: N, children: /* @__PURE__ */ H("div", { className: "-univer-mt-3", children: [
       /* @__PURE__ */ C(
         Do,
         {
@@ -2331,7 +2331,7 @@ function wi(e) {
     ] }) })
   ] });
 }
-const Ii = [
+const wi = [
   [
     ir,
     _i
@@ -2342,7 +2342,7 @@ const Ii = [
   ],
   [
     hn,
-    wi
+    Ii
   ],
   [
     ar,
@@ -2407,10 +2407,10 @@ let rn = class {
         break;
     }
     switch (r) {
-      case Ie.LEFT:
+      case we.LEFT:
         l = ft;
         break;
-      case Ie.RIGHT:
+      case we.RIGHT:
         l = ft + (o - a);
         break;
       default:
@@ -2435,23 +2435,23 @@ let rn = class {
     return ((n = t == null ? void 0 : t.fs) != null ? n : 10) * 1.6;
   }
   async _parseFormula(e, t, n) {
-    var d, u, p, c, m, h, b, y, w;
+    var d, u, p, c, m, h, b, y, I;
     const { formula1: r = io, formula2: o = oo } = e, i = await this._formulaService.getRuleFormulaResult(t, n, e.uid), a = Ut((p = (u = (d = i == null ? void 0 : i[0]) == null ? void 0 : d.result) == null ? void 0 : u[0]) == null ? void 0 : p[0]), l = Ut((h = (m = (c = i == null ? void 0 : i[1]) == null ? void 0 : c.result) == null ? void 0 : m[0]) == null ? void 0 : h[0]), s = Dn(String(a)) && Dn(String(l));
     return {
-      formula1: De(r) ? Ut((w = (y = (b = i == null ? void 0 : i[0]) == null ? void 0 : b.result) == null ? void 0 : y[0]) == null ? void 0 : w[0]) : r,
+      formula1: De(r) ? Ut((I = (y = (b = i == null ? void 0 : i[0]) == null ? void 0 : b.result) == null ? void 0 : y[0]) == null ? void 0 : I[0]) : r,
       formula2: De(o) ? l : o,
       isFormulaValid: s
     };
   }
   drawWith(e, t) {
-    var L, D, O, k;
+    var N, D, O, L;
     const { style: n, primaryWithCoord: r, unitId: o, subUnitId: i, worksheet: a, row: l, col: s } = t, d = r.isMergedMainCell ? r.mergeInfo : r, u = re(a.getCellRaw(l, s)), p = this._dataValidationModel.getRuleByLocation(o, i, l, s);
     if (!p)
       return;
     const c = this._dataValidationModel.getValidator(p.type);
-    if (!c || !((L = c.skipDefaultFontRender) != null && L.call(c, p, u, { unitId: o, subUnitId: i, row: l, column: s })))
+    if (!c || !((N = c.skipDefaultFontRender) != null && N.call(c, p, u, { unitId: o, subUnitId: i, row: l, column: s })))
       return;
-    const m = c.parseFormulaSync(p, o, i), { formula1: h } = m, b = this._calc(d, n), { a: y, d: w } = e.getTransform(), S = Mn(b.left, y), g = Mn(b.top, w), I = jr.create().composeMatrix({
+    const m = c.parseFormulaSync(p, o, i), { formula1: h } = m, b = this._calc(d, n), { a: y, d: I } = e.getTransform(), S = Mn(b.left, y), g = Mn(b.top, I), w = jr.create().composeMatrix({
       left: S,
       top: g,
       scaleX: 1,
@@ -2463,14 +2463,14 @@ let rn = class {
       flipY: !1
     }), _ = d.endX - d.startX, v = d.endY - d.startY;
     e.save(), e.beginPath(), e.rect(d.startX, d.startY, _, v), e.clip();
-    const R = I.getMatrix();
+    const R = w.getMatrix();
     e.transform(R[0], R[1], R[2], R[3], R[4], R[5]);
-    const P = ((D = n == null ? void 0 : n.fs) != null ? D : 10) * 1.6, N = String(u) === String(h), T = this._themeService.getColorFromTheme("primary.600");
+    const P = ((D = n == null ? void 0 : n.fs) != null ? D : 10) * 1.6, k = String(u) === String(h), T = this._themeService.getColorFromTheme("primary.600");
     Yr.drawWith(e, {
-      checked: N,
+      checked: k,
       width: P,
       height: P,
-      fill: (k = (O = n == null ? void 0 : n.cl) == null ? void 0 : O.rgb) != null ? k : T
+      fill: (L = (O = n == null ? void 0 : n.cl) == null ? void 0 : O.rgb) != null ? L : T
     }), e.restore();
   }
   isHit(e, t) {
@@ -2659,10 +2659,10 @@ let an = class {
   // eslint-disable-next-line max-lines-per-function
   drawWith(e, t, n, r) {
     var ie, _e;
-    const { primaryWithCoord: o, row: i, col: a, style: l, data: s, subUnitId: d } = t, u = o.isMergedMainCell ? o.mergeInfo : o, p = s == null ? void 0 : s.fontRenderExtension, { leftOffset: c = 0, rightOffset: m = 0, topOffset: h = 0, downOffset: b = 0 } = p || {}, y = this._ensureMap(d), w = this._generateKey(i, a), S = o.isMergedMainCell ? o.mergeInfo.startRow : i, g = o.isMergedMainCell ? o.mergeInfo.startColumn : a, I = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, S, g);
-    if (!I)
+    const { primaryWithCoord: o, row: i, col: a, style: l, data: s, subUnitId: d } = t, u = o.isMergedMainCell ? o.mergeInfo : o, p = s == null ? void 0 : s.fontRenderExtension, { leftOffset: c = 0, rightOffset: m = 0, topOffset: h = 0, downOffset: b = 0 } = p || {}, y = this._ensureMap(d), I = this._generateKey(i, a), S = o.isMergedMainCell ? o.mergeInfo.startRow : i, g = o.isMergedMainCell ? o.mergeInfo.startColumn : a, w = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, S, g);
+    if (!w)
       return;
-    const _ = this._dataValidationModel.getValidator(I.type);
+    const _ = this._dataValidationModel.getValidator(w.type);
     if (!_)
       return;
     const v = {
@@ -2670,10 +2670,10 @@ let an = class {
       endX: u.endX - m,
       startY: u.startY + h,
       endY: u.endY - b
-    }, R = v.endX - v.startX, P = v.endY - v.startY, { cl: N } = l || {}, T = (ie = typeof N == "object" ? N == null ? void 0 : N.rgb : N) != null ? ie : "#000", L = Ve(l != null ? l : void 0), { vt: D, ht: O } = l || {}, k = D != null ? D : se.MIDDLE, x = (_e = re(s)) != null ? _e : "", G = _.parseCellValue(x), te = _.getListWithColorMap(I), B = Ht(G, L, R, P);
-    this._drawDownIcon(e, v, R, P, k), e.save(), e.translateWithPrecision(v.startX, v.startY), e.beginPath(), e.rect(0, 0, R - Ee, P), e.clip(), e.translateWithPrecision(on, Vt);
+    }, R = v.endX - v.startX, P = v.endY - v.startY, { cl: k } = l || {}, T = (ie = typeof k == "object" ? k == null ? void 0 : k.rgb : k) != null ? ie : "#000", N = Ve(l != null ? l : void 0), { vt: D, ht: O } = l || {}, L = D != null ? D : se.MIDDLE, x = (_e = re(s)) != null ? _e : "", G = _.parseCellValue(x), te = _.getListWithColorMap(w), B = Ht(G, N, R, P);
+    this._drawDownIcon(e, v, R, P, L), e.save(), e.translateWithPrecision(v.startX, v.startY), e.beginPath(), e.rect(0, 0, R - Ee, P), e.clip(), e.translateWithPrecision(on, Vt);
     let ne = 0;
-    switch (k) {
+    switch (L) {
       case se.MIDDLE:
         ne = (B.contentHeight - B.totalHeight) / 2;
         break;
@@ -2681,27 +2681,27 @@ let an = class {
         ne = B.contentHeight - B.totalHeight;
         break;
     }
-    e.translateWithPrecision(0, ne), B.lines.forEach((Ce, z) => {
+    e.translateWithPrecision(0, ne), B.lines.forEach((Ce, q) => {
       e.save();
-      const { width: Z, height: ge, items: q } = Ce;
+      const { width: Z, height: ge, items: z } = Ce;
       let M = 0;
       switch (O) {
-        case Ie.RIGHT:
+        case we.RIGHT:
           M = B.contentWidth - Z;
           break;
-        case Ie.CENTER:
+        case we.CENTER:
           M = (B.contentWidth - Z) / 2;
           break;
       }
-      e.translate(M, z * (ge + Er)), q.forEach((U) => {
+      e.translate(M, q * (ge + Er)), z.forEach((U) => {
         e.save(), e.translateWithPrecision(U.left, 0), Fi.drawWith(e, {
-          ...L,
+          ...N,
           info: U,
           color: T,
           fill: te[U.text]
         }), e.restore();
       }), e.restore();
-    }), e.restore(), y.set(w, {
+    }), e.restore(), y.set(I, {
       left: v.startX,
       top: v.startY,
       width: B.contentWidth + on + Ee,
@@ -2721,7 +2721,7 @@ let an = class {
     const h = this._dataValidationModel.getValidator(m.type);
     if (!h)
       return;
-    const b = c.endX - c.startX, y = c.endY - c.startY, w = (_ = re(r)) != null ? _ : "", S = h.parseCellValue(w), g = Ve(n != null ? n : void 0);
+    const b = c.endX - c.startX, y = c.endY - c.startY, I = (_ = re(r)) != null ? _ : "", S = h.parseCellValue(I), g = Ve(n != null ? n : void 0);
     return Ht(S, g, b, y).cellAutoHeight;
   }
   calcCellAutoWidth(e) {
@@ -2737,7 +2737,7 @@ let an = class {
     const h = this._dataValidationModel.getValidator(m.type);
     if (!h)
       return;
-    const b = c.endX - c.startX, y = c.endY - c.startY, w = (_ = re(r)) != null ? _ : "", S = h.parseCellValue(w), g = Ve(n != null ? n : void 0);
+    const b = c.endX - c.startX, y = c.endY - c.startY, I = (_ = re(r)) != null ? _ : "", S = h.parseCellValue(I), g = Ve(n != null ? n : void 0);
     return Ht(S, g, b, y).calcAutoWidth;
   }
   isHit(e, t) {
@@ -2801,10 +2801,10 @@ function xn(e, t, n, r, o, i, a = !0) {
   l = Math.max(je, l);
   let d = 0;
   switch (i) {
-    case Ie.CENTER:
+    case we.CENTER:
       d = (e - n) / 2;
       break;
-    case Ie.RIGHT:
+    case we.RIGHT:
       d = e - n;
       break;
   }
@@ -2851,20 +2851,20 @@ let sn = class {
     const m = this._dataValidationModel.getValidator(c.type);
     if (!m)
       return;
-    const h = l == null ? void 0 : l.fontRenderExtension, { leftOffset: b = 0, rightOffset: y = 0, topOffset: w = 0, downOffset: S = 0 } = h || {};
+    const h = l == null ? void 0 : l.fontRenderExtension, { leftOffset: b = 0, rightOffset: y = 0, topOffset: I = 0, downOffset: S = 0 } = h || {};
     if (!c || !m || !m || m.id.indexOf(j.LIST) !== 0 || !m.skipDefaultFontRender(c))
       return;
     const g = {
       startX: d.startX + b,
       endX: d.endX - y,
-      startY: d.startY + w,
+      startY: d.startY + I,
       endY: d.endY - S
-    }, I = g.endX - g.startX, _ = g.endY - g.startY, v = this._ensureMap(s), R = this._generateKey(o, i), P = m.getListWithColor(c), N = re(l), T = `${N != null ? N : ""}`, L = P.find((z) => z.label === T);
-    let { tb: D, vt: O, ht: k, pd: x } = a || {};
-    D = D != null ? D : ve.WRAP, O = O != null ? O : se.BOTTOM, k = k != null ? k : Q.ht, x = x != null ? x : Q.pd;
+    }, w = g.endX - g.startX, _ = g.endY - g.startY, v = this._ensureMap(s), R = this._generateKey(o, i), P = m.getListWithColorMap(c), k = re(l), T = `${k != null ? k : ""}`, N = P[T];
+    let { tb: D, vt: O, ht: L, pd: x } = a || {};
+    D = D != null ? D : ve.WRAP, O = O != null ? O : se.BOTTOM, L = L != null ? L : Q.ht, x = x != null ? x : Q.pd;
     const G = Ve(a).fontCache;
     if (c.renderMode === ae.ARROW) {
-      const { l: z = Q.pd.l, t: Z = Q.pd.t, r: ge = Q.pd.r, b: q = Q.pd.b } = x, M = I - z - ge - he - 4, U = new rt(
+      const { l: q = Q.pd.l, t: Z = Q.pd.t, r: ge = Q.pd.r, b: z = Q.pd.b } = x, M = w - q - ge - he - 4, U = new rt(
         T,
         G,
         D === ve.WRAP,
@@ -2872,8 +2872,8 @@ let sn = class {
         1 / 0
       );
       U.calculate();
-      const f = U.getTotalWidth(), A = U.getTotalHeight(), { paddingTop: $, paddingLeft: ce } = xn(M, _ - Z - q, f, A, O, k, !0);
-      this._drawDownIcon(e, g, I, _, A, O, x), e.save(), e.translateWithPrecision(g.startX + z, g.startY + Z), e.beginPath(), e.rect(0, 0, I - z - ge, _ - Z - q), e.clip(), e.translateWithPrecision(0, $), e.save(), e.translateWithPrecision(ce, 0), e.beginPath(), e.rect(0, 0, M, A), e.clip(), bn.drawWith(e, {
+      const f = U.getTotalWidth(), A = U.getTotalHeight(), { paddingTop: $, paddingLeft: ce } = xn(M, _ - Z - z, f, A, O, L, !0);
+      this._drawDownIcon(e, g, w, _, A, O, x), e.save(), e.translateWithPrecision(g.startX + q, g.startY + Z), e.beginPath(), e.rect(0, 0, w - q - ge, _ - Z - z), e.clip(), e.translateWithPrecision(0, $), e.save(), e.translateWithPrecision(ce, 0), e.beginPath(), e.rect(0, 0, M, A), e.clip(), bn.drawWith(e, {
         text: T,
         fontStyle: G,
         width: M,
@@ -2882,40 +2882,40 @@ let sn = class {
         strokeLine: !!((B = a == null ? void 0 : a.st) != null && B.s),
         underline: !!((ne = a == null ? void 0 : a.ul) != null && ne.s),
         warp: D === ve.WRAP,
-        hAlign: Ie.LEFT
+        hAlign: we.LEFT
       }, U), e.restore(), e.restore(), v.set(R, {
         left: g.endX - he + n.rowHeaderWidth,
         top: g.startY + Z + n.columnHeaderHeight,
         width: he,
-        height: _ - Z - q
+        height: _ - Z - z
       });
     } else {
-      e.save(), e.translateWithPrecision(g.startX, g.startY), e.beginPath(), e.rect(0, 0, I, _), e.clip();
-      const z = I - Se * 2 - He - he - 4, Z = new rt(
+      e.save(), e.translateWithPrecision(g.startX, g.startY), e.beginPath(), e.rect(0, 0, w, _), e.clip();
+      const q = w - Se * 2 - He - he - 4, Z = new rt(
         T,
         G,
         D === ve.WRAP,
-        z,
+        q,
         1 / 0
       );
       Z.calculate();
-      const ge = Z.getTotalWidth(), q = Z.getTotalHeight(), M = q + jt * 2, U = Math.max(I - Se * 2, 1), { paddingTop: f } = xn(U, _, ge, M, O, k);
+      const ge = Z.getTotalWidth(), z = Z.getTotalHeight(), M = z + jt * 2, U = Math.max(w - Se * 2, 1), { paddingTop: f } = xn(U, _, ge, M, O, L);
       e.translateWithPrecision(Se, f), Kn.drawWith(e, {
         width: U,
         height: M,
-        fill: (L == null ? void 0 : L.color) || Te,
+        fill: N || Te,
         radius: Yt
-      }), e.save(), e.translateWithPrecision(He, jt), e.beginPath(), e.rect(0, 0, z, q), e.clip(), bn.drawWith(e, {
+      }), e.save(), e.translateWithPrecision(He, jt), e.beginPath(), e.rect(0, 0, q, z), e.clip(), bn.drawWith(e, {
         text: T,
         fontStyle: G,
-        width: z,
-        height: q,
+        width: q,
+        height: z,
         color: (ie = a == null ? void 0 : a.cl) == null ? void 0 : ie.rgb,
         strokeLine: !!((_e = a == null ? void 0 : a.st) != null && _e.s),
         underline: !!((Ce = a == null ? void 0 : a.ul) != null && Ce.s),
         warp: D === ve.WRAP,
-        hAlign: Ie.LEFT
-      }, Z), e.restore(), e.translateWithPrecision(z + He + 4, (q - Ct) / 2), e.fillStyle = Yi, e.fill($n), e.restore(), v.set(R, {
+        hAlign: we.LEFT
+      }, Z), e.restore(), e.translateWithPrecision(q + He + 4, (z - Ct) / 2), e.fillStyle = Yi, e.fill($n), e.restore(), v.set(R, {
         left: g.startX + Se + n.rowHeaderWidth,
         top: g.startY + f + n.columnHeaderHeight,
         width: U,
@@ -2933,22 +2933,22 @@ let sn = class {
       startY: a.startY + u,
       endY: a.endY - p
     }, h = m.endX - m.startX, b = re(r), y = `${b != null ? b : ""}`;
-    let { tb: w, pd: S } = n || {};
-    const { t: g = Q.pd.t, b: I = Q.pd.b } = S != null ? S : {};
-    if (w = w != null ? w : ve.WRAP, c.renderMode === ae.ARROW) {
+    let { tb: I, pd: S } = n || {};
+    const { t: g = Q.pd.t, b: w = Q.pd.b } = S != null ? S : {};
+    if (I = I != null ? I : ve.WRAP, c.renderMode === ae.ARROW) {
       const { l: _ = Q.pd.l, r: v = Q.pd.r } = S != null ? S : {}, R = h - _ - v - he - 4, P = new rt(
         y,
         Ve(n).fontCache,
-        w === ve.WRAP,
+        I === ve.WRAP,
         R,
         1 / 0
       );
-      return P.calculate(), P.getTotalHeight() + g + I + je * 2;
+      return P.calculate(), P.getTotalHeight() + g + w + je * 2;
     } else {
       const _ = Math.max(h - Se * 2 - He - he - 4, 10), v = new rt(
         y,
         Ve(n).fontCache,
-        w === ve.WRAP,
+        I === ve.WRAP,
         _,
         1 / 0
       );
@@ -2965,25 +2965,25 @@ let sn = class {
       startY: a.startY + u,
       endY: a.endY - p
     }, h = m.endX - m.startX, b = re(r), y = `${b != null ? b : ""}`;
-    let { tb: w, pd: S } = n || {};
-    const { l: g = Q.pd.l, r: I = Q.pd.r } = S != null ? S : {};
-    w = w != null ? w : ve.WRAP;
+    let { tb: I, pd: S } = n || {};
+    const { l: g = Q.pd.l, r: w = Q.pd.r } = S != null ? S : {};
+    I = I != null ? I : ve.WRAP;
     let _ = Se * 2 + he;
     switch (c.renderMode) {
       case ae.ARROW:
-        _ = he + 4 + I + g;
+        _ = he + 4 + w + g;
         break;
       case ae.CUSTOM:
-        _ = he + Se * 2 + He * 2 + I + g + Yt / 2 + 1;
+        _ = he + Se * 2 + He * 2 + w + g + Yt / 2 + 1;
         break;
       // default is CUSTOM
       default:
-        _ = he + Se * 2 + He * 2 + I + g + Yt / 2 + 1;
+        _ = he + Se * 2 + He * 2 + w + g + Yt / 2 + 1;
     }
     const v = h - _, R = new rt(
       y,
       Ve(n).fontCache,
-      w === ve.WRAP,
+      I === ve.WRAP,
       v,
       1 / 0
     );
@@ -3058,11 +3058,11 @@ let et = class extends dn {
   }
   _initComponents() {
     [
-      ["DataValidationIcon", Ir],
+      ["DataValidationIcon", wr],
       [Mt, vi],
       [Et.componentKey, Et],
       [Dt.componentKey, Dt],
-      ...Ii
+      ...wi
     ].forEach(([e, t]) => {
       this.disposeWithMe(this._componentManger.register(
         e,