@univerjs/sheets-data-validation-ui 0.6.10 → 0.7.0-beta.0

package/lib/es/index.js

@@ -1,83 +1,73 @@
-var Nn = Object.defineProperty;
-var Un = (e, t, n) => t in e ? Nn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var E = (e, t, n) => Un(e, typeof t != "symbol" ? t + "" : t, n);
-import { LocaleService as le, isFormulaString as be, DataValidationType as G, Tools as Qt, Inject as M, Injector as we, Disposable as Ve, UniverInstanceType as x, toDisposable as Bn, IUniverInstanceService as de, DataValidationErrorStyle as ct, DataValidationStatus as Xe, ICommandService as Q, DataValidationRenderMode as ie, DisposableCollection as $n, dayjs as ya, numfmt as ja, CellValueType as Hn, CommandType as ot, ObjectMatrix as Mt, Range as Wn, Rectangle as Dt, queryObjectMatrix as ea, Optional as xn, RxDisposable as ma, InterceptorEffectEnum as Ya, sequenceExecute as Xa, bufferDebounceTime as jn, debounce as Yn, UndoCommand as Xn, RedoCommand as zn, isUnitRangesEqual as Kn, shallowEqual as Ma, ThemeService as za, ColorKit as Gn, VerticalAlign as se, HorizontalAlign as ze, DEFAULT_STYLES as oe, WrapStrategy as Re, DocumentDataModel as Zn, BooleanNumber as it, DEFAULT_EMPTY_DOCUMENT_VALUE as qn, Plugin as Ka, merge as Ga, IConfigService as Za } from "@univerjs/core";
-import { DataValidationFormulaController as Jn, deserializeListOptions as Qn, serializeListOptions as qa, CUSTOM_FORMULA_INPUT_NAME as Ja, BASE_FORMULA_INPUT_NAME as Ft, LIST_FORMULA_INPUT_NAME as pa, CHECKBOX_FORMULA_INPUT_NAME as Qa, SheetDataValidationModel as te, SheetsDataValidationValidatorService as eo, getDataValidationCellValue as Bt, getCellValueOrigin as ee, createDefaultNewRule as en, AddSheetDataValidationCommand as ga, DATA_VALIDATION_PLUGIN_NAME as tn, getDataValidationDiffMutations as ta, UpdateSheetDataValidationRangeCommand as an, DataValidationCacheService as nn, UpdateSheetDataValidationSettingCommand as Da, UpdateSheetDataValidationOptionsCommand as to, RemoveSheetDataValidationCommand as on, RemoveSheetAllDataValidationCommand as ao, DataValidationFormulaService as no, CHECKBOX_FORMULA_2 as oo, CHECKBOX_FORMULA_1 as io, getFormulaResult as $t, isLegalFormulaResult as Ea, transformCheckboxValue as ro } from "@univerjs/sheets-data-validation";
-import { jsxs as z, Fragment as Ke, jsx as v } from "react/jsx-runtime";
-import { FormLayout as K, Input as Oe, Checkbox as kt, RadioGroup as fa, Radio as Te, DraggableList as so, clsx as lo, Select as aa, Button as Ge } from "@univerjs/design";
-import { useDependency as N, useSidebarClick as rn, useObservable as Ae, useEvent as na, ISidebarService as sn, IDialogService as co, IZenZoneService as ln, KeyCode as pt, MenuItemType as va, getMenuHiddenObservable as uo, RibbonStartGroup as ho, IMenuManagerService as mo, ComponentManager as _a } from "@univerjs/ui";
-import ba, { useState as W, useRef as mt, forwardRef as Fe, createElement as ke, useMemo as ut, useEffect as Le } from "react";
-import { FormulaEditor as dn, RangeSelector as po } from "@univerjs/sheets-formula-ui";
-import { DataValidatorRegistryService as ye, DataValidationModel as Sa, DataValidatorDropdownType as me, DataValidatorRegistryScope as go, TWO_FORMULA_OPERATOR_COUNT as fo, getRuleOptions as Oa, getRuleSetting as Ta } from "@univerjs/data-validation";
-import { debounceTime as cn, filter as Ca, BehaviorSubject as Aa, distinctUntilChanged as vo, Subject as _o, bufferTime as un, of as So } from "rxjs";
-import { DeviceInputEventType as gt, IRenderManagerService as Ne, fixLineWidthByScale as La, Transform as Co, CheckboxShape as Io, getCurrentTypeOfRenderer as Ze, CURSOR_TYPE as qe, FontCache as Ro, Shape as wo, Rect as hn, getFontStyleString as Ht, getDocsSkeletonPageSize as rt, Documents as Vo, DocumentViewModel as yo, DocumentSkeleton as Mo } from "@univerjs/engine-render";
-import { SheetInterceptorService as Ia, VALIDATE_CELL as Do, SheetsSelectionsService as mn, SetRangeValuesCommand as dt, getSheetCommandTarget as pn, rangeToDiscreteRange as Eo, SheetPermissionCheckController as bo, WorksheetEditPermission as oa, WorksheetSetCellStylePermission as ia, RangeProtectionPermissionEditPoint as ra, WorkbookEditablePermission as sa, INTERCEPTOR_POINT as gn, InterceptCellContentPriority as fn, checkRangesEditablePermission as Oo } from "@univerjs/sheets";
-import { getPatternType as To } from "@univerjs/sheets-numfmt";
-import { ISheetCellDropdownManagerService as Ao, IEditorBridgeService as vn, SetCellEditVisibleOperation as ft, HoverManagerService as Lo, CellAlertManagerService as Po, CellAlertType as Fo, IAutoFillService as ko, APPLY_TYPE as st, virtualizeDiscreteRanges as la, getAutoFillRepeatRange as No, ISheetClipboardService as Uo, COPY_TYPE as Pa, PREDEFINED_HOOK_NAME as vt, getRepeatRange as Fa, getCurrentRangeDisable$ as Bo, AutoHeightController as _n, SheetSkeletonManagerService as Et, IMarkSelectionService as $o } from "@univerjs/sheets-ui";
-import { deserializeRangeWithSheet as Ho, serializeRange as Sn } from "@univerjs/engine-formula";
-const Wo = "univer-data-validation-formula", xo = "univer-data-validation-formula-and", jo = "univer-data-validation-formula-list-item", Yo = "univer-data-validation-formula-list-item-icon", Xo = "univer-data-validation-formula-list-item-drag", zo = "univer-data-validation-formula-list-add", Ko = "univer-data-validation-formula-color-select", Go = "univer-data-validation-formula-color-select-panel", Zo = "univer-data-validation-formula-color-item", J = {
-  dataValidationFormula: Wo,
-  dataValidationFormulaAnd: xo,
-  dataValidationFormulaListItem: jo,
-  dataValidationFormulaListItemIcon: Yo,
-  dataValidationFormulaListItemDrag: Xo,
-  dataValidationFormulaListAdd: zo,
-  dataValidationFormulaColorSelect: Ko,
-  dataValidationFormulaColorSelectPanel: Go,
-  dataValidationFormulaColorItem: Zo
-}, qo = (e) => {
-  const { isTwoFormula: t = !1, value: n, onChange: a, showError: o, validResult: i } = e, r = N(le), l = o ? i == null ? void 0 : i.formula1 : "", s = o ? i == null ? void 0 : i.formula2 : "";
-  return t ? /* @__PURE__ */ z(Ke, { children: [
-    /* @__PURE__ */ v(K, { error: l, children: /* @__PURE__ */ v(
-      Oe,
+var Ar = Object.defineProperty;
+var Lr = (e, t, r) => t in e ? Ar(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var E = (e, t, r) => Lr(e, typeof t != "symbol" ? t + "" : t, r);
+import { LocaleService as se, isFormulaString as De, DataValidationType as G, Tools as Kt, Inject as M, Injector as we, Disposable as Re, UniverInstanceType as W, toDisposable as kr, IUniverInstanceService as le, DataValidationErrorStyle as lt, DataValidationStatus as je, ICommandService as J, IConfigService as ln, DataValidationRenderMode as oe, DisposableCollection as Nr, dayjs as wn, numfmt as Hn, CellValueType as Ur, CommandType as nt, ObjectMatrix as wt, Range as Fr, Rectangle as Rt, queryObjectMatrix as Gt, Optional as xr, RxDisposable as cn, InterceptorEffectEnum as Wn, sequenceExecute as jn, bufferDebounceTime as $r, debounce as Br, UndoCommand as Hr, RedoCommand as Wr, isUnitRangesEqual as jr, shallowEqual as Rn, ThemeService as Yn, ColorKit as Yr, VerticalAlign as ae, HorizontalAlign as Ye, DEFAULT_STYLES as re, WrapStrategy as Ie, DocumentDataModel as Xr, BooleanNumber as rt, DEFAULT_EMPTY_DOCUMENT_VALUE as zr, Plugin as Xn, merge as zn } from "@univerjs/core";
+import { DataValidationFormulaController as Kr, deserializeListOptions as Gr, serializeListOptions as Kn, CUSTOM_FORMULA_INPUT_NAME as Gn, BASE_FORMULA_INPUT_NAME as Tt, LIST_FORMULA_INPUT_NAME as dn, CHECKBOX_FORMULA_INPUT_NAME as Zn, SheetDataValidationModel as ee, SheetsDataValidationValidatorService as Zr, getDataValidationCellValue as kt, getCellValueOrigin as Q, createDefaultNewRule as qn, AddSheetDataValidationCommand as un, DATA_VALIDATION_PLUGIN_NAME as Jn, getDataValidationDiffMutations as Zt, UpdateSheetDataValidationRangeCommand as Qn, DataValidationCacheService as er, UpdateSheetDataValidationSettingCommand as yn, UpdateSheetDataValidationOptionsCommand as qr, RemoveSheetDataValidationCommand as tr, RemoveSheetAllDataValidationCommand as Jr, DataValidationFormulaService as Qr, CHECKBOX_FORMULA_2 as eo, CHECKBOX_FORMULA_1 as to, getFormulaResult as Nt, isLegalFormulaResult as Mn, transformCheckboxValue as no } from "@univerjs/sheets-data-validation";
+import { jsxs as z, Fragment as Xe, jsx as _ } from "react/jsx-runtime";
+import { FormLayout as K, Input as Ve, Checkbox as Pt, RadioGroup as hn, Radio as Oe, DraggableList as ro, clsx as nr, LegacySelect as oo, Button as ze, Select as bn } from "@univerjs/design";
+import { useDependency as U, useSidebarClick as rr, useObservable as Te, useEvent as qt, ISidebarService as or, IDialogService as io, IZenZoneService as ir, KeyCode as ht, MenuItemType as pn, getMenuHiddenObservable as ao, RibbonStartGroup as so, IMenuManagerService as lo, ComponentManager as gn } from "@univerjs/ui";
+import En, { useState as H, useRef as ut, forwardRef as Le, createElement as ke, useMemo as ct, useEffect as Pe } from "react";
+import { FormulaEditor as ar, RangeSelector as co } from "@univerjs/sheets-formula-ui";
+import { DataValidatorRegistryService as ye, DataValidationModel as mn, DataValidatorDropdownType as pe, DataValidatorRegistryScope as uo, TWO_FORMULA_OPERATOR_COUNT as ho, getRuleOptions as Dn, getRuleSetting as Vn } from "@univerjs/data-validation";
+import { debounceTime as sr, filter as fn, BehaviorSubject as On, distinctUntilChanged as po, Subject as go, bufferTime as lr, of as mo } from "rxjs";
+import { DeviceInputEventType as pt, IRenderManagerService as Ne, fixLineWidthByScale as Tn, Transform as fo, CheckboxShape as vo, getCurrentTypeOfRenderer as Ke, CURSOR_TYPE as Ge, FontCache as _o, Shape as So, Rect as cr, getFontStyleString as Ut, getDocsSkeletonPageSize as ot, Documents as Co, DocumentViewModel as Io, DocumentSkeleton as wo } from "@univerjs/engine-render";
+import { SheetInterceptorService as vn, VALIDATE_CELL as Ro, SheetsSelectionsService as dr, SetRangeValuesCommand as st, getSheetCommandTarget as ur, rangeToDiscreteRange as yo, SheetPermissionCheckController as Mo, WorksheetEditPermission as Jt, WorksheetSetCellStylePermission as Qt, RangeProtectionPermissionEditPoint as en, WorkbookEditablePermission as tn, INTERCEPTOR_POINT as hr, InterceptCellContentPriority as pr, checkRangesEditablePermission as bo } from "@univerjs/sheets";
+import { getPatternType as Eo } from "@univerjs/sheets-numfmt";
+import { ISheetCellDropdownManagerService as Do, IEditorBridgeService as gr, SetCellEditVisibleOperation as gt, HoverManagerService as Vo, CellAlertManagerService as Oo, CellAlertType as To, IAutoFillService as Po, APPLY_TYPE as it, virtualizeDiscreteRanges as nn, getAutoFillRepeatRange as Ao, ISheetClipboardService as Lo, COPY_TYPE as Pn, PREDEFINED_HOOK_NAME as mt, getRepeatRange as An, getCurrentRangeDisable$ as ko, AutoHeightController as mr, SheetSkeletonManagerService as yt, IMarkSelectionService as No } from "@univerjs/sheets-ui";
+import { deserializeRangeWithSheet as Uo, serializeRange as fr } from "@univerjs/engine-formula";
+const Fo = (e) => {
+  const { isTwoFormula: t = !1, value: r, onChange: n, showError: o, validResult: i } = e, a = U(se), l = o ? i == null ? void 0 : i.formula1 : "", s = o ? i == null ? void 0 : i.formula2 : "";
+  return t ? /* @__PURE__ */ z(Xe, { children: [
+    /* @__PURE__ */ _(K, { error: l, children: /* @__PURE__ */ _(
+      Ve,
       {
-        className: J.dataValidationFormula,
-        placeholder: r.t("dataValidation.panel.formulaPlaceholder"),
-        value: n == null ? void 0 : n.formula1,
-        onChange: (d) => {
-          a == null || a({
-            ...n,
-            formula1: d
+        className: "univer-w-full",
+        placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
+        value: r == null ? void 0 : r.formula1,
+        onChange: (c) => {
+          n == null || n({
+            ...r,
+            formula1: c
           });
         }
       }
     ) }),
-    /* @__PURE__ */ v("div", { className: J.dataValidationFormulaAnd, children: r.t("dataValidation.panel.formulaAnd") }),
-    /* @__PURE__ */ v(K, { error: s, children: /* @__PURE__ */ v(
-      Oe,
+    /* @__PURE__ */ _("div", { className: "-univer-mt-2 univer-mb-1 univer-text-sm univer-text-gray-400", children: a.t("dataValidation.panel.formulaAnd") }),
+    /* @__PURE__ */ _(K, { error: s, children: /* @__PURE__ */ _(
+      Ve,
       {
-        className: J.dataValidationFormula,
-        placeholder: r.t("dataValidation.panel.formulaPlaceholder"),
-        value: n == null ? void 0 : n.formula2,
-        onChange: (d) => {
-          a == null || a({
-            ...n,
-            formula2: d
+        className: "univer-w-full",
+        placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
+        value: r == null ? void 0 : r.formula2,
+        onChange: (c) => {
+          n == null || n({
+            ...r,
+            formula2: c
           });
         }
       }
     ) })
-  ] }) : /* @__PURE__ */ v(K, { error: l, children: /* @__PURE__ */ v(
-    Oe,
+  ] }) : /* @__PURE__ */ _(K, { error: l, children: /* @__PURE__ */ _(
+    Ve,
     {
-      className: J.dataValidationFormula,
-      placeholder: r.t("dataValidation.panel.formulaPlaceholder"),
-      value: n == null ? void 0 : n.formula1,
-      onChange: (d) => {
-        a == null || a({ formula1: d });
+      className: "univer-w-full",
+      placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
+      value: r == null ? void 0 : r.formula1,
+      onChange: (c) => {
+        n == null || n({ formula1: c });
       }
     }
   ) });
 };
-function Jo(e) {
-  const { value: t, onChange: n, showError: a, validResult: o } = e, i = N(le), r = a ? o == null ? void 0 : o.formula1 : "", l = a ? o == null ? void 0 : o.formula2 : "", [s, d] = W(!((t == null ? void 0 : t.formula1) === void 0 && (t == null ? void 0 : t.formula2) === void 0));
-  return /* @__PURE__ */ z(Ke, { children: [
-    /* @__PURE__ */ v(K, { children: /* @__PURE__ */ v(
-      kt,
+function xo(e) {
+  const { value: t, onChange: r, showError: n, validResult: o } = e, i = U(se), a = n ? o == null ? void 0 : o.formula1 : "", l = n ? o == null ? void 0 : o.formula2 : "", [s, c] = H(!((t == null ? void 0 : t.formula1) === void 0 && (t == null ? void 0 : t.formula2) === void 0));
+  return /* @__PURE__ */ z(Xe, { children: [
+    /* @__PURE__ */ _(K, { children: /* @__PURE__ */ _(
+      Pt,
       {
         checked: s,
         onChange: (u) => {
-          u ? d(!0) : (d(!1), n == null || n({
+          u ? c(!0) : (c(!1), r == null || r({
             ...t,
             formula1: void 0,
             formula2: void 0
@@ -86,28 +76,28 @@ function Jo(e) {
         children: i.t("dataValidation.checkbox.tips")
       }
     ) }),
-    s ? /* @__PURE__ */ v(K, { label: i.t("dataValidation.checkbox.checked"), error: r, children: /* @__PURE__ */ v(
-      Oe,
+    s ? /* @__PURE__ */ _(K, { label: i.t("dataValidation.checkbox.checked"), error: a, children: /* @__PURE__ */ _(
+      Ve,
       {
-        className: J.dataValidationFormula,
+        className: "univer-w-full",
         placeholder: i.t("dataValidation.panel.valuePlaceholder"),
         value: t == null ? void 0 : t.formula1,
         onChange: (u) => {
-          n == null || n({
+          r == null || r({
             ...t,
             formula1: u || void 0
           });
         }
       }
     ) }) : null,
-    s ? /* @__PURE__ */ v(K, { label: i.t("dataValidation.checkbox.unchecked"), error: l, children: /* @__PURE__ */ v(
-      Oe,
+    s ? /* @__PURE__ */ _(K, { label: i.t("dataValidation.checkbox.unchecked"), error: l, children: /* @__PURE__ */ _(
+      Ve,
       {
-        className: J.dataValidationFormula,
+        className: "univer-w-full",
         placeholder: i.t("dataValidation.panel.valuePlaceholder"),
         value: t == null ? void 0 : t.formula2,
         onChange: (u) => {
-          n == null || n({
+          r == null || r({
             ...t,
             formula2: u || void 0
           });
@@ -116,24 +106,24 @@ function Jo(e) {
     ) }) : null
   ] });
 }
-function Qo(e) {
-  var p;
-  const { unitId: t, subUnitId: n, value: a, onChange: o, showError: i, validResult: r } = e, l = i ? r == null ? void 0 : r.formula1 : void 0, s = mt(null), [d, u] = W(!1);
-  return rn((c) => {
-    var h;
-    ((h = s.current) == null ? void 0 : h.isClickOutSide(c)) && u(!1);
-  }), /* @__PURE__ */ v(
-    dn,
+function $o(e) {
+  var h;
+  const { unitId: t, subUnitId: r, value: n, onChange: o, showError: i, validResult: a } = e, l = i ? a == null ? void 0 : a.formula1 : void 0, s = ut(null), [c, u] = H(!1);
+  return rr((d) => {
+    var p;
+    ((p = s.current) == null ? void 0 : p.isClickOutSide(d)) && u(!1);
+  }), /* @__PURE__ */ _(
+    ar,
     {
-      initValue: (p = a == null ? void 0 : a.formula1) != null ? p : "=",
+      initValue: (h = n == null ? void 0 : n.formula1) != null ? h : "=",
       unitId: t,
-      subUnitId: n,
-      isFocus: d,
-      onChange: (c) => {
-        const _ = (c != null ? c : "").trim();
-        _ !== (a == null ? void 0 : a.formula1) && (o == null || o({
-          ...a,
-          formula1: _
+      subUnitId: r,
+      isFocus: c,
+      onChange: (d) => {
+        const S = (d != null ? d : "").trim();
+        S !== (n == null ? void 0 : n.formula1) && (o == null || o({
+          ...n,
+          formula1: S
         }));
       },
       errorText: l,
@@ -143,101 +133,101 @@ function Qo(e) {
     }
   );
 }
-var re = function() {
-  return re = Object.assign || function(e) {
-    for (var t, n = 1, a = arguments.length; n < a; n++) {
-      t = arguments[n];
+var ie = function() {
+  return ie = Object.assign || function(e) {
+    for (var t, r = 1, n = arguments.length; r < n; r++) {
+      t = arguments[r];
       for (var o in t) Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, re.apply(this, arguments);
-}, ei = function(e, t) {
-  var n = {};
-  for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
+  }, ie.apply(this, arguments);
+}, Bo = function(e, t) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, a = Object.getOwnPropertySymbols(e); o < a.length; o++)
-      t.indexOf(a[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[o]) && (n[a[o]] = e[a[o]]);
-  return n;
-}, Ue = Fe(function(e, t) {
-  var n = e.icon, a = e.id, o = e.className, i = e.extend, r = ei(e, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(a, " ").concat(o || "").trim(), s = mt("_".concat(ni()));
-  return Cn(n, "".concat(a), { defIds: n.defIds, idSuffix: s.current }, re({ ref: t, className: l }, r), i);
+    for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
+      t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
+  return r;
+}, Ue = Le(function(e, t) {
+  var r = e.icon, n = e.id, o = e.className, i = e.extend, a = Bo(e, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(n, " ").concat(o || "").trim(), s = ut("_".concat(jo()));
+  return vr(r, "".concat(n), { defIds: r.defIds, idSuffix: s.current }, ie({ ref: t, className: l }, a), i);
 });
-function Cn(e, t, n, a, o) {
-  return ke(e.tag, re(re({ key: t }, ti(e, n, o)), a), (ai(e, n).children || []).map(function(i, r) {
-    return Cn(i, "".concat(t, "-").concat(e.tag, "-").concat(r), n, void 0, o);
+function vr(e, t, r, n, o) {
+  return ke(e.tag, ie(ie({ key: t }, Ho(e, r, o)), n), (Wo(e, r).children || []).map(function(i, a) {
+    return vr(i, "".concat(t, "-").concat(e.tag, "-").concat(a), r, void 0, o);
   }));
 }
-function ti(e, t, n) {
-  var a = re({}, e.attrs);
-  n != null && n.colorChannel1 && a.fill === "colorChannel1" && (a.fill = n.colorChannel1), e.tag === "mask" && a.id && (a.id = a.id + t.idSuffix), Object.entries(a).forEach(function(i) {
-    var r = i[0], l = i[1];
-    r === "mask" && typeof l == "string" && (a[r] = l.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+function Ho(e, t, r) {
+  var n = ie({}, e.attrs);
+  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), e.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(i) {
+    var a = i[0], l = i[1];
+    a === "mask" && typeof l == "string" && (n[a] = l.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   });
   var o = t.defIds;
-  return !o || o.length === 0 || (e.tag === "use" && a["xlink:href"] && (a["xlink:href"] = a["xlink:href"] + t.idSuffix), Object.entries(a).forEach(function(i) {
-    var r = i[0], l = i[1];
-    typeof l == "string" && (a[r] = l.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
-  })), a;
+  return !o || o.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(i) {
+    var a = i[0], l = i[1];
+    typeof l == "string" && (n[a] = l.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+  })), n;
 }
-function ai(e, t) {
-  var n, a = t.defIds;
-  return !a || a.length === 0 ? e : e.tag === "defs" && (!((n = e.children) === null || n === void 0) && n.length) ? re(re({}, e), { children: e.children.map(function(o) {
-    return typeof o.attrs.id == "string" && a && a.indexOf(o.attrs.id) > -1 ? re(re({}, o), { attrs: re(re({}, o.attrs), { id: o.attrs.id + t.idSuffix }) }) : o;
+function Wo(e, t) {
+  var r, n = t.defIds;
+  return !n || n.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? ie(ie({}, e), { children: e.children.map(function(o) {
+    return typeof o.attrs.id == "string" && n && n.indexOf(o.attrs.id) > -1 ? ie(ie({}, o), { attrs: ie(ie({}, o.attrs), { id: o.attrs.id + t.idSuffix }) }) : o;
   }) }) : e;
 }
-function ni() {
+function jo() {
   return Math.random().toString(36).substring(2, 8);
 }
 Ue.displayName = "UniverIcon";
-var oi = { tag: "svg", attrs: { 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.83062 8.94447 3.57605 9.32281 3.54166 9.57737 3.7538L11.154 5.06767 13.769 2.45278C14.0033 2.21847 14.3832 2.21848 14.6175 2.45279zM14.1175 9.19746C14.3518 9.43178 14.3518 9.81168 14.1175 10.046L12.5418 11.6217 14.1175 13.1975C14.3518 13.4318 14.3518 13.8117 14.1175 14.046 13.8832 14.2803 13.5033 14.2803 13.269 14.046L11.6933 12.4703 10.1175 14.046C9.88321 14.2803 9.50331 14.2803 9.269 14.046 9.03468 13.8117 9.03468 13.4318 9.269 13.1975L10.8447 11.6217 9.269 10.046C9.03468 9.81168 9.03468 9.43178 9.269 9.19746 9.50331 8.96315 9.88321 8.96315 10.1175 9.19746L11.6933 10.7732 13.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" } }] }, In = Fe(function(e, t) {
+var Yo = { tag: "svg", attrs: { 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.83062 8.94447 3.57605 9.32281 3.54166 9.57737 3.7538L11.154 5.06767 13.769 2.45278C14.0033 2.21847 14.3832 2.21848 14.6175 2.45279zM14.1175 9.19746C14.3518 9.43178 14.3518 9.81168 14.1175 10.046L12.5418 11.6217 14.1175 13.1975C14.3518 13.4318 14.3518 13.8117 14.1175 14.046 13.8832 14.2803 13.5033 14.2803 13.269 14.046L11.6933 12.4703 10.1175 14.046C9.88321 14.2803 9.50331 14.2803 9.269 14.046 9.03468 13.8117 9.03468 13.4318 9.269 13.1975L10.8447 11.6217 9.269 10.046C9.03468 9.81168 9.03468 9.43178 9.269 9.19746 9.50331 8.96315 9.88321 8.96315 10.1175 9.19746L11.6933 10.7732 13.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" } }] }, _r = Le(function(e, t) {
   return ke(Ue, Object.assign({}, e, {
     id: "data-validation-single",
     ref: t,
-    icon: oi
+    icon: Yo
   }));
 });
-In.displayName = "DataValidationSingle";
-var ii = { tag: "svg", attrs: { 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.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.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.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.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" } }] }, Ra = Fe(function(e, t) {
+_r.displayName = "DataValidationSingle";
+var Xo = { tag: "svg", attrs: { 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.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.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.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.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" } }] }, _n = Le(function(e, t) {
   return ke(Ue, Object.assign({}, e, {
     id: "delete-single",
     ref: t,
-    icon: ii
+    icon: Xo
   }));
 });
-Ra.displayName = "DeleteSingle";
-var ri = { tag: "svg", attrs: { 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" } }] }, Rn = Fe(function(e, t) {
+_n.displayName = "DeleteSingle";
+var zo = { tag: "svg", attrs: { 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" } }] }, Sr = Le(function(e, t) {
   return ke(Ue, Object.assign({}, e, {
     id: "increase-single",
     ref: t,
-    icon: ri
+    icon: zo
   }));
 });
-Rn.displayName = "IncreaseSingle";
-var si = { tag: "svg", attrs: { 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" } }] }, wn = Fe(function(e, t) {
+Sr.displayName = "IncreaseSingle";
+var Ko = { tag: "svg", attrs: { 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" } }] }, Cr = Le(function(e, t) {
   return ke(Ue, Object.assign({}, e, {
     id: "more-down-single",
     ref: t,
-    icon: si
+    icon: Ko
   }));
 });
-wn.displayName = "MoreDownSingle";
-var li = { tag: "svg", attrs: { 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" } }] }, Vn = Fe(function(e, t) {
+Cr.displayName = "MoreDownSingle";
+var Go = { tag: "svg", attrs: { 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" } }] }, Ir = Le(function(e, t) {
   return ke(Ue, Object.assign({}, e, {
     id: "more-up-single",
     ref: t,
-    icon: li
+    icon: Go
   }));
 });
-Vn.displayName = "MoreUpSingle";
-var di = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", style: { maskType: "alpha" }, 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 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z" } }] }] }, yn = Fe(function(e, t) {
+Ir.displayName = "MoreUpSingle";
+var Zo = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", style: { maskType: "alpha" }, 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 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z" } }] }] }, wr = Le(function(e, t) {
   return ke(Ue, Object.assign({}, e, {
     id: "sequence-single",
     ref: t,
-    icon: di
+    icon: Zo
   }));
 });
-yn.displayName = "SequenceSingle";
-const je = "#ECECEC", ci = [
+wr.displayName = "SequenceSingle";
+const He = "#ECECEC", qo = [
   "#FFFFFF",
   "#FEE7E7",
   "#FEF0E6",
@@ -262,288 +252,324 @@ const je = "#ECECEC", ci = [
   "#3A60F7",
   "#9E6DE3",
   "#F248A6"
-], ui = (e) => {
-  const { value: t, onChange: n, disabled: a } = e, [o, i] = W(!1);
-  return /* @__PURE__ */ v(
-    aa,
+], Jo = (e) => {
+  const { value: t, onChange: r, disabled: n } = e, [o, i] = H(!1);
+  return /* @__PURE__ */ _(
+    oo,
     {
-      disabled: a,
+      disabled: n,
       open: o,
       onDropdownVisibleChange: i,
       dropdownStyle: { width: 112 },
       style: { width: 96, cursor: "pointer" },
-      className: J.dataValidationFormulaColorSelect,
+      className: "univer-ml-1 univer-mr-2 univer-w-[92px]",
       value: t,
-      onChange: n,
-      labelRender: (r) => /* @__PURE__ */ v(
+      onChange: r,
+      labelRender: (a) => /* @__PURE__ */ _(
         "div",
         {
-          className: J.dataValidationFormulaColorItem,
-          style: { background: r.value, marginTop: 5 }
+          className: `
+                      univer-box-border univer-h-4 univer-w-4 univer-rounded univer-border univer-border-gray-200
+                      univer-text-base
+                    `,
+          style: { background: a.value, marginTop: 5 }
         }
       ),
-      dropdownRender: () => /* @__PURE__ */ v("div", { className: J.dataValidationFormulaColorSelectPanel, children: ci.map(
-        (r) => /* @__PURE__ */ v(
-          "div",
-          {
-            onClick: () => {
-              n(r), i(!1);
-            },
-            className: J.dataValidationFormulaColorItem,
-            style: { background: r }
-          },
-          r
-        )
-      ) })
+      dropdownRender: () => /* @__PURE__ */ _(
+        "div",
+        {
+          className: `
+                          univer-box-border univer-flex univer-w-28 univer-flex-row univer-flex-wrap
+                          univer-justify-between univer-p-3 univer-pl-3
+                        `,
+          children: qo.map(
+            (a) => /* @__PURE__ */ _(
+              "div",
+              {
+                onClick: () => {
+                  r(a), i(!1);
+                },
+                className: `
+                                      univer-mb-2 univer-mr-2 univer-box-border univer-box-border univer-h-4 univer-w-4
+                                      univer-cursor-pointer univer-rounded univer-border univer-border-gray-200
+                                      univer-text-base
+                                    `,
+                style: { background: a }
+              },
+              a
+            )
+          )
+        }
+      )
     }
   );
-}, ka = (e) => {
-  const { item: t, commonProps: n, style: a } = e, { onItemChange: o, onItemDelete: i } = n;
-  return /* @__PURE__ */ z("div", { className: J.dataValidationFormulaListItem, style: a, children: [
-    t.isRef ? null : /* @__PURE__ */ v("div", { className: lo(J.dataValidationFormulaListItemDrag, "draggableHandle"), children: /* @__PURE__ */ v(yn, {}) }),
-    /* @__PURE__ */ v(
-      ui,
+}, Ln = (e) => {
+  const { item: t, commonProps: r, style: n } = e, { onItemChange: o, onItemDelete: i } = r;
+  return /* @__PURE__ */ z("div", { className: "univer-flex univer-items-center univer-pb-0.5", style: n, children: [
+    t.isRef ? null : /* @__PURE__ */ _("div", { className: nr("univer-cursor-move", "draggableHandle"), children: /* @__PURE__ */ _(wr, {}) }),
+    /* @__PURE__ */ _(
+      Jo,
       {
         value: t.color,
-        onChange: (r) => {
-          o(t.id, t.label, r);
+        onChange: (a) => {
+          o(t.id, t.label, a);
         }
       }
     ),
-    /* @__PURE__ */ v(
-      Oe,
+    /* @__PURE__ */ _(
+      Ve,
       {
         disabled: t.isRef,
         value: t.label,
-        onChange: (r) => {
-          o(t.id, r, t.color);
+        onChange: (a) => {
+          o(t.id, a, t.color);
         },
         inputStyle: { height: 28 }
       }
     ),
-    t.isRef ? null : /* @__PURE__ */ v("div", { className: J.dataValidationFormulaListItemIcon, children: /* @__PURE__ */ v(Ra, { onClick: () => i(t.id) }) })
+    t.isRef ? null : /* @__PURE__ */ _(
+      "div",
+      {
+        className: `
+                          univer-ml-1 univer-cursor-pointer univer-rounded univer-text-base
+                          hover:univer-bg-gray-200
+                        `,
+        children: /* @__PURE__ */ _(_n, { onClick: () => i(t.id) })
+      }
+    )
   ] });
 };
-function hi(e) {
-  const { value: t, onChange: n = () => {
-  }, unitId: a, subUnitId: o, validResult: i, showError: r, ruleId: l } = e, { formula1: s = "", formula2: d = "" } = t || {}, [u, p] = W(() => be(s) ? "1" : "0"), [c, _] = W(u === "1" ? s : "="), [h, D] = W(u === "1" ? s : "="), R = N(le), m = N(ye), g = N(Sa), S = N(Jn), [V, w] = W(() => d.split(",")), C = m.getValidatorItem(G.LIST), [I, y] = W([]), [P, k] = W(""), T = r ? i == null ? void 0 : i.formula1 : "", A = ut(() => g.ruleChange$.pipe(cn(16)), []), F = Ae(A), O = na(n);
-  Le(() => {
+function Qo(e) {
+  const { value: t, onChange: r = () => {
+  }, unitId: n, subUnitId: o, validResult: i, showError: a, ruleId: l } = e, { formula1: s = "", formula2: c = "" } = t || {}, [u, h] = H(() => De(s) ? "1" : "0"), [d, S] = H(u === "1" ? s : "="), [p, b] = H(u === "1" ? s : "="), y = U(se), g = U(ye), f = U(mn), m = U(Kr), [I, w] = H(() => c.split(",")), C = g.getValidatorItem(G.LIST), [R, D] = H([]), [k, V] = H(""), A = a ? i == null ? void 0 : i.formula1 : "", P = ct(() => f.ruleChange$.pipe(sr(16)), []), L = Te(P), O = qt(r);
+  Pe(() => {
     (async () => {
-      await new Promise((f) => {
-        setTimeout(() => f(!0), 100);
+      await new Promise((v) => {
+        setTimeout(() => v(!0), 100);
       });
-      const b = g.getRuleById(a, o, l), H = b == null ? void 0 : b.formula1;
-      if (be(H) && C && b) {
-        const f = await C.getListAsync(b, a, o);
-        y(f);
+      const T = f.getRuleById(n, o, l), B = T == null ? void 0 : T.formula1;
+      if (De(B) && C && T) {
+        const v = await C.getListAsync(T, n, o);
+        D(v);
       }
     })();
-  }, [g, F, C, l, o, a]), Le(() => {
-    be(s) && s !== h && (_(s), D(h));
-  }, [h, s]);
-  const [U, B] = W(() => {
-    const b = u !== "1" ? Qn(s) : [], H = d.split(",");
-    return b.map((f, L) => ({
-      label: f,
-      color: H[L] || je,
+  }, [f, L, C, l, o, n]), Pe(() => {
+    De(s) && s !== p && (S(s), b(p));
+  }, [p, s]);
+  const [F, x] = H(() => {
+    const T = u !== "1" ? Gr(s) : [], B = c.split(",");
+    return T.map((v, N) => ({
+      label: v,
+      color: B[N] || He,
       isRef: !1,
-      id: Qt.generateRandomId(4)
+      id: Kt.generateRandomId(4)
     }));
-  }), j = (b, H, f) => {
-    const L = U.find(($) => $.id === b);
-    L && (L.label = H, L.color = f, B([...U]));
-  }, Z = (b) => {
-    const H = U.findIndex((f) => f.id === b);
-    H !== -1 && (U.splice(H, 1), B([...U]));
-  }, Y = d.split(","), ae = ut(() => I.map((b, H) => ({
-    label: b,
-    color: Y[H] || je,
-    id: `${H}`,
+  }), j = (T, B, v) => {
+    const N = F.find(($) => $.id === T);
+    N && (N.label = B, N.color = v, x([...F]));
+  }, Z = (T) => {
+    const B = F.findIndex((v) => v.id === T);
+    B !== -1 && (F.splice(B, 1), x([...F]));
+  }, Y = c.split(","), te = ct(() => R.map((T, B) => ({
+    label: T,
+    color: Y[B] || He,
+    id: `${B}`,
     isRef: !0
-  })), [Y, I]), pe = (b, H, f) => {
-    const L = [...V];
-    L[+b] = f, w(L), O({
+  })), [Y, R]), ge = (T, B, v) => {
+    const N = [...I];
+    N[+T] = v, w(N), O({
       formula1: s,
-      formula2: L.join(",")
+      formula2: N.join(",")
     });
   }, ce = () => {
-    B([
-      ...U,
+    x([
+      ...F,
       {
         label: "",
-        color: je,
+        color: He,
         isRef: !1,
-        id: Qt.generateRandomId(4)
+        id: Kt.generateRandomId(4)
       }
     ]);
   };
-  Le(() => {
+  Pe(() => {
     if (u === "1")
       return;
-    const b = /* @__PURE__ */ new Set(), H = [];
-    U.map((f) => ({
-      labelList: f.label.split(","),
-      item: f
-    })).forEach(({ item: f, labelList: L }) => {
-      L.forEach(($) => {
-        b.has($) || (b.add($), H.push({
+    const T = /* @__PURE__ */ new Set(), B = [];
+    F.map((v) => ({
+      labelList: v.label.split(","),
+      item: v
+    })).forEach(({ item: v, labelList: N }) => {
+      N.forEach(($) => {
+        T.has($) || (T.add($), B.push({
           label: $,
-          color: f.color
+          color: v.color
         }));
       });
     }), O({
-      formula1: qa(H.map((f) => f.label)),
-      formula2: H.map((f) => f.color === je ? "" : f.color).join(",")
+      formula1: Kn(B.map((v) => v.label)),
+      formula2: B.map((v) => v.color === He ? "" : v.color).join(",")
     });
-  }, [U, O, u, h, V]);
-  const ne = na(async (b) => {
-    if (!be(b)) {
+  }, [F, O, u, p, I]);
+  const ne = qt(async (T) => {
+    if (!De(T)) {
       O == null || O({
         formula1: "",
-        formula2: d
+        formula2: c
       });
       return;
     }
-    S.getFormulaRefCheck(b) ? (O == null || O({
-      formula1: be(b) ? b : "",
-      formula2: d
-    }), k("")) : (O == null || O({
+    m.getFormulaRefCheck(T) ? (O == null || O({
+      formula1: De(T) ? T : "",
+      formula2: c
+    }), V("")) : (O == null || O({
       formula1: "",
-      formula2: d
-    }), _("="), k(R.t("dataValidation.validFail.formulaError")));
-  }), ue = mt(null), [Ce, ge] = W(!1);
-  return rn((b) => {
-    var f;
-    ((f = ue.current) == null ? void 0 : f.isClickOutSide(b)) && ge(!1);
-  }), /* @__PURE__ */ z(Ke, { children: [
-    /* @__PURE__ */ v(K, { label: R.t("dataValidation.list.options"), children: /* @__PURE__ */ z(
-      fa,
+      formula2: c
+    }), S("="), V(y.t("dataValidation.validFail.formulaError")));
+  }), de = ut(null), [Se, me] = H(!1);
+  return rr((T) => {
+    var v;
+    ((v = de.current) == null ? void 0 : v.isClickOutSide(T)) && me(!1);
+  }), /* @__PURE__ */ z(Xe, { children: [
+    /* @__PURE__ */ _(K, { label: y.t("dataValidation.list.options"), children: /* @__PURE__ */ z(
+      hn,
       {
         value: u,
-        onChange: (b) => {
-          p(b), _(h), b === "1" && O({
-            formula1: h === "=" ? "" : h,
-            formula2: V.join(",")
+        onChange: (T) => {
+          h(T), S(p), T === "1" && O({
+            formula1: p === "=" ? "" : p,
+            formula2: I.join(",")
           });
         },
         children: [
-          /* @__PURE__ */ v(Te, { value: "0", children: R.t("dataValidation.list.customOptions") }),
-          /* @__PURE__ */ v(Te, { value: "1", children: R.t("dataValidation.list.refOptions") })
+          /* @__PURE__ */ _(Oe, { value: "0", children: y.t("dataValidation.list.customOptions") }),
+          /* @__PURE__ */ _(Oe, { value: "1", children: y.t("dataValidation.list.refOptions") })
         ]
       }
     ) }),
-    u === "1" ? /* @__PURE__ */ z(Ke, { children: [
-      /* @__PURE__ */ v(
-        dn,
+    u === "1" ? /* @__PURE__ */ z(Xe, { children: [
+      /* @__PURE__ */ _(
+        ar,
         {
-          initValue: c,
-          unitId: a,
+          initValue: d,
+          unitId: n,
           subUnitId: o,
-          isFocus: Ce,
-          onChange: (b = "") => {
-            const H = (b != null ? b : "").trim();
-            D(H), ne(H);
+          isFocus: Se,
+          onChange: (T = "") => {
+            const B = (T != null ? T : "").trim();
+            b(B), ne(B);
           },
-          errorText: T || P || void 0,
-          onFocus: () => ge(!0),
+          errorText: A || k || void 0,
+          onFocus: () => me(!0),
           isSupportAcrossSheet: !0,
-          ref: ue
+          ref: de
         }
       ),
-      ae.length > 0 && /* @__PURE__ */ v("div", { style: { marginTop: "12px" }, children: ae.map((b) => /* @__PURE__ */ v(
-        ka,
+      te.length > 0 && /* @__PURE__ */ _("div", { style: { marginTop: "12px" }, children: te.map((T) => /* @__PURE__ */ _(
+        Ln,
         {
-          item: b,
-          commonProps: { onItemChange: pe },
+          item: T,
+          commonProps: { onItemChange: ge },
           style: { marginBottom: 12 }
         },
-        b.id
+        T.id
       )) })
-    ] }) : /* @__PURE__ */ v(K, { error: T, children: /* @__PURE__ */ z("div", { style: { marginTop: "-12px" }, children: [
-      /* @__PURE__ */ v(
-        so,
+    ] }) : /* @__PURE__ */ _(K, { error: A, children: /* @__PURE__ */ z("div", { style: { marginTop: "-12px" }, children: [
+      /* @__PURE__ */ _(
+        ro,
         {
-          list: U,
-          onListChange: B,
+          list: F,
+          onListChange: x,
           rowHeight: 28,
           margin: [0, 12],
           draggableHandle: ".draggableHandle",
-          itemRender: (b) => /* @__PURE__ */ v(
-            ka,
+          itemRender: (T) => /* @__PURE__ */ _(
+            Ln,
             {
-              item: b,
+              item: T,
               commonProps: {
                 onItemChange: j,
                 onItemDelete: Z
               }
             },
-            b.id
+            T.id
           ),
           idKey: "id"
         }
       ),
-      /* @__PURE__ */ z("a", { className: J.dataValidationFormulaListAdd, onClick: ce, children: [
-        /* @__PURE__ */ v(Rn, {}),
-        R.t("dataValidation.list.add")
-      ] })
+      /* @__PURE__ */ z(
+        "a",
+        {
+          className: `
+                                  univer-flex univer-w-fit univer-cursor-pointer univer-flex-row univer-items-center
+                                  univer-rounded univer-p-1 univer-px-2 univer-text-sm univer-text-primary
+                                  hover:univer-bg-primary-600/5
+                                `,
+          onClick: ce,
+          children: [
+            /* @__PURE__ */ _(Sr, { className: "univer-mr-1" }),
+            y.t("dataValidation.list.add")
+          ]
+        }
+      )
     ] }) })
   ] });
 }
-const mi = [
+const ei = [
   [
-    Ja,
-    Qo
+    Gn,
+    $o
   ],
   [
-    Ft,
-    qo
+    Tt,
+    Fo
   ],
   [
-    pa,
-    hi
+    dn,
+    Qo
   ],
   [
-    Qa,
-    Jo
+    Zn,
+    xo
   ]
 ];
-var pi = Object.getOwnPropertyDescriptor, gi = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? pi(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+var ti = Object.getOwnPropertyDescriptor, ni = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? ti(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, fi = (e, t) => (n, a) => t(n, a, e);
-let _e = class {
+}, ri = (e, t) => (r, n) => t(r, n, e);
+let ve = class {
   constructor(e) {
     E(this, "canvasRender", null);
     E(this, "dropdownType");
     E(this, "optionsInput");
-    E(this, "formulaInput", pa);
+    E(this, "formulaInput", dn);
     this.injector = e;
   }
 };
-_e = gi([
-  fi(0, M(we))
-], _e);
-var vi = Object.getOwnPropertyDescriptor, _i = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? vi(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+ve = ni([
+  ri(0, M(we))
+], ve);
+var oi = Object.getOwnPropertyDescriptor, ii = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? oi(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, Na = (e, t) => (n, a) => t(n, a, e);
-let Se = class extends Ve {
-  constructor(t, n) {
+}, kn = (e, t) => (r, n) => t(r, n, e);
+let _e = class extends Re {
+  constructor(t, r) {
     super();
-    E(this, "_open$", new Aa(!1));
-    E(this, "open$", this._open$.pipe(vo()));
+    E(this, "_open$", new On(!1));
+    E(this, "open$", this._open$.pipe(po()));
     E(this, "_activeRule");
-    E(this, "_activeRule$", new Aa(void 0));
+    E(this, "_activeRule$", new On(void 0));
     E(this, "activeRule$", this._activeRule$.asObservable());
     E(this, "_closeDisposable", null);
-    this._univerInstanceService = t, this._sidebarService = n, this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET).pipe(Ca((a) => !a)).subscribe(() => {
+    this._univerInstanceService = t, this._sidebarService = r, this.disposeWithMe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(W.UNIVER_SHEET).pipe(fn((n) => !n)).subscribe(() => {
         this.close();
       })
-    ), this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe((a) => {
-      a.id === bt && (a.visible || setTimeout(() => {
+    ), this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe((n) => {
+      n.id === bt && (n.visible || setTimeout(() => {
         this._sidebarService.sidebarOptions$.next({ visible: !1 });
       }));
     }));
@@ -566,7 +592,7 @@ let Se = class extends Ve {
     this._open$.next(!1), (t = this._closeDisposable) == null || t.dispose();
   }
   setCloseDisposable(t) {
-    this._closeDisposable = Bn(() => {
+    this._closeDisposable = kr(() => {
       t.dispose(), this._closeDisposable = null;
     });
   }
@@ -574,42 +600,43 @@ let Se = class extends Ve {
     this._activeRule = t, this._activeRule$.next(t);
   }
 };
-Se = _i([
-  Na(0, de),
-  Na(1, sn)
-], Se);
-var Si = Object.getOwnPropertyDescriptor, Ci = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? Si(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+_e = ii([
+  kn(0, le),
+  kn(1, or)
+], _e);
+const Sn = "sheets-data-validation-ui.config", Mt = {};
+var ai = Object.getOwnPropertyDescriptor, si = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? ai(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, $e = (e, t) => (n, a) => t(n, a, e);
-let Je = class extends Ve {
-  constructor(e, t, n, a, o, i) {
-    super(), this._sheetInterceptorService = e, this._dataValidationModel = t, this._dataValidatorRegistryService = n, this._dialogService = a, this._localeService = o, this._sheetsDataValidationValidatorService = i, this._initEditorBridgeInterceptor();
+}, xe = (e, t) => (r, n) => t(r, n, e);
+let Ze = class extends Re {
+  constructor(e, t, r, n, o, i) {
+    super(), this._sheetInterceptorService = e, this._dataValidationModel = t, this._dataValidatorRegistryService = r, this._dialogService = n, this._localeService = o, this._sheetsDataValidationValidatorService = i, this._initEditorBridgeInterceptor();
   }
   _initEditorBridgeInterceptor() {
     this._sheetInterceptorService.writeCellInterceptor.intercept(
-      Do,
+      Ro,
       {
-        handler: async (e, t, n) => {
-          const a = await e, { row: o, col: i, unitId: r, subUnitId: l } = t, s = this._dataValidationModel.getRuleIdByLocation(r, l, o, i), d = s ? this._dataValidationModel.getRuleById(r, l, s) : void 0;
-          if (a === !1)
-            return n(Promise.resolve(!1));
-          if (!d || d.errorStyle !== ct.STOP)
-            return n(Promise.resolve(!0));
-          const u = this._dataValidatorRegistryService.getValidatorItem(d.type);
-          return !u || await this._sheetsDataValidationValidatorService.validatorCell(r, l, o, i) === Xe.VALID ? n(Promise.resolve(!0)) : (this._dialogService.open({
+        handler: async (e, t, r) => {
+          const n = await e, { row: o, col: i, unitId: a, subUnitId: l } = t, s = this._dataValidationModel.getRuleIdByLocation(a, l, o, i), c = s ? this._dataValidationModel.getRuleById(a, l, s) : void 0;
+          if (n === !1)
+            return r(Promise.resolve(!1));
+          if (!c || c.errorStyle !== lt.STOP)
+            return r(Promise.resolve(!0));
+          const u = this._dataValidatorRegistryService.getValidatorItem(c.type);
+          return !u || await this._sheetsDataValidationValidatorService.validatorCell(a, l, o, i) === je.VALID ? r(Promise.resolve(!0)) : (this._dialogService.open({
             width: 368,
             title: {
               title: this._localeService.t("dataValidation.alert.title")
             },
             id: "reject-input-dialog",
             children: {
-              title: u.getRuleFinalError(d, { row: o, col: i, unitId: r, subUnitId: l })
+              title: u.getRuleFinalError(c, { row: o, col: i, unitId: a, subUnitId: l })
             },
             footer: {
-              title: ba.createElement(
-                Ge,
+              title: En.createElement(
+                ze,
                 {
                   variant: "primary",
                   onClick: () => this._dialogService.close("reject-input-dialog")
@@ -620,7 +647,7 @@ let Je = class extends Ve {
             onClose: () => {
               this._dialogService.close("reject-input-dialog");
             }
-          }), n(Promise.resolve(!1)));
+          }), r(Promise.resolve(!1)));
         }
       }
     );
@@ -636,8 +663,8 @@ let Je = class extends Ve {
         title: e
       },
       footer: {
-        title: ba.createElement(
-          Ge,
+        title: En.createElement(
+          ze,
           {
             variant: "primary",
             onClick: () => this._dialogService.close("reject-input-dialog")
@@ -651,31 +678,31 @@ let Je = class extends Ve {
     });
   }
 };
-Je = Ci([
-  $e(0, M(Ia)),
-  $e(1, M(te)),
-  $e(2, M(ye)),
-  $e(3, co),
-  $e(4, M(le)),
-  $e(5, M(eo))
-], Je);
-var Ii = Object.getOwnPropertyDescriptor, Ri = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? Ii(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+Ze = si([
+  xe(0, M(vn)),
+  xe(1, M(ee)),
+  xe(2, M(ye)),
+  xe(3, io),
+  xe(4, M(se)),
+  xe(5, M(Zr))
+], Ze);
+var li = Object.getOwnPropertyDescriptor, ci = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? li(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, fe = (e, t) => (n, a) => t(n, a, e);
-const Wt = (e) => {
+}, ue = (e, t) => (r, n) => t(r, n, e);
+const Ft = (e) => {
   if (e == null || typeof e == "boolean")
     return;
   if (typeof e == "number" || !Number.isNaN(+e))
-    return ya(ja.format("yyyy-MM-dd HH:mm:ss", Number(e)));
-  const t = ya(e);
+    return wn(Hn.format("yyyy-MM-dd HH:mm:ss", Number(e)));
+  const t = wn(e);
   if (t.isValid())
     return t;
 };
-function wi(e, t) {
-  const n = To(t);
-  if (e === n)
+function di(e, t) {
+  const r = Eo(t);
+  if (e === r)
     return t;
   switch (e) {
     case "datetime":
@@ -686,15 +713,15 @@ function wi(e, t) {
       return "HH:mm:ss";
   }
 }
-let Pe = class extends Ve {
-  constructor(t, n, a, o, i, r, l, s, d, u) {
+let Ae = class extends Re {
+  constructor(t, r, n, o, i, a, l, s, c, u, h) {
     super();
     E(this, "_activeDropdown");
-    E(this, "_activeDropdown$", new _o());
+    E(this, "_activeDropdown$", new go());
     E(this, "_currentPopup", null);
     E(this, "activeDropdown$", this._activeDropdown$.asObservable());
     E(this, "_zenVisible", !1);
-    this._univerInstanceService = t, this._dataValidatorRegistryService = n, this._zenZoneService = a, this._dataValidationModel = o, this._sheetsSelectionsService = i, this._cellDropdownManagerService = r, this._sheetDataValidationModel = l, this._commandService = s, this._editorBridgeService = d, this._injector = u, this._init(), this._initSelectionChange(), this.disposeWithMe(() => {
+    this._univerInstanceService = t, this._dataValidatorRegistryService = r, this._zenZoneService = n, this._dataValidationModel = o, this._sheetsSelectionsService = i, this._cellDropdownManagerService = a, this._sheetDataValidationModel = l, this._commandService = s, this._editorBridgeService = c, this._injector = u, this._configService = h, this._init(), this._initSelectionChange(), this.disposeWithMe(() => {
       this._activeDropdown$.complete();
     });
   }
@@ -706,14 +733,14 @@ let Pe = class extends Ve {
       this._zenVisible = t, t && this.hideDropdown();
     }));
   }
-  _getDropdownByCell(t, n, a, o) {
-    const i = t ? this._univerInstanceService.getUnit(t, x.UNIVER_SHEET) : this._univerInstanceService.getCurrentUnitForType(x.UNIVER_SHEET);
+  _getDropdownByCell(t, r, n, o) {
+    const i = t ? this._univerInstanceService.getUnit(t, W.UNIVER_SHEET) : this._univerInstanceService.getCurrentUnitForType(W.UNIVER_SHEET);
     if (!i)
       return;
-    const r = n ? i.getSheetBySheetId(n) : i.getActiveSheet();
-    if (!r)
+    const a = r ? i.getSheetBySheetId(r) : i.getActiveSheet();
+    if (!a)
       return;
-    const l = this._dataValidationModel.getRuleByLocation(i.getUnitId(), r.getSheetId(), a, o);
+    const l = this._dataValidationModel.getRuleByLocation(i.getUnitId(), a.getSheetId(), n, o);
     if (!l)
       return;
     const s = this._dataValidatorRegistryService.getValidatorItem(l.type);
@@ -721,379 +748,381 @@ let Pe = class extends Ve {
   }
   _initSelectionChange() {
     this.disposeWithMe(this._sheetsSelectionsService.selectionMoveEnd$.subscribe((t) => {
-      t && t.every((n) => !(n.primary && this._getDropdownByCell(n.primary.unitId, n.primary.sheetId, n.primary.actualRow, n.primary.actualColumn))) && this.hideDropdown();
+      t && t.every((r) => !(r.primary && this._getDropdownByCell(r.primary.unitId, r.primary.sheetId, r.primary.actualRow, r.primary.actualColumn))) && this.hideDropdown();
     }));
   }
-  // eslint-disable-next-line max-lines-per-function
+  // eslint-disable-next-line max-lines-per-function, complexity
   showDropdown(t) {
-    var D, R;
-    const { location: n } = t, { row: a, col: o, unitId: i, subUnitId: r, workbook: l, worksheet: s } = n;
+    var b, y, g, f;
+    const { location: r } = t, { row: n, col: o, unitId: i, subUnitId: a, workbook: l, worksheet: s } = r;
     if (this._currentPopup && this._currentPopup.dispose(), this._zenVisible)
       return;
     this._activeDropdown = t, this._activeDropdown$.next(this._activeDropdown);
-    const d = this._sheetDataValidationModel.getRuleByLocation(i, r, a, o);
-    if (!d)
+    const c = this._sheetDataValidationModel.getRuleByLocation(i, a, n, o);
+    if (!c)
       return;
-    const u = this._dataValidatorRegistryService.getValidatorItem(d.type);
+    const u = this._dataValidatorRegistryService.getValidatorItem(c.type);
     if (!(u != null && u.dropdownType))
       return;
-    let p;
-    const c = async (m, g) => {
-      var k, T, A;
+    let h;
+    const d = async (m, I) => {
+      var P, L, O;
       if (!m)
         return !0;
-      const S = m, V = s.getCell(a, o), w = S.format(g === "date" ? "YYYY-MM-DD 00:00:00" : "YYYY-MM-DD HH:mm:ss"), C = (k = ja.parseDate(w)) == null ? void 0 : k.v, I = g === "time" ? C % 1 : C, y = l.getStyles().getStyleByCell(V), P = (A = (T = y == null ? void 0 : y.n) == null ? void 0 : T.pattern) != null ? A : "";
-      return d.errorStyle !== ct.STOP || await u.validator({
-        value: I,
+      const w = m, C = s.getCell(n, o), R = w.format(I === "date" ? "YYYY-MM-DD 00:00:00" : "YYYY-MM-DD HH:mm:ss"), D = (P = Hn.parseDate(R)) == null ? void 0 : P.v, k = I === "time" ? D % 1 : D, V = l.getStyles().getStyleByCell(C), A = (O = (L = V == null ? void 0 : V.n) == null ? void 0 : L.pattern) != null ? O : "";
+      return c.errorStyle !== lt.STOP || await u.validator({
+        value: k,
         unitId: i,
-        subUnitId: r,
-        row: a,
+        subUnitId: a,
+        row: n,
         column: o,
         worksheet: s,
         workbook: l,
-        interceptValue: w.replace("Z", "").replace("T", " "),
-        t: Hn.NUMBER
-      }, d) ? (await this._commandService.executeCommand(ft.id, {
+        interceptValue: R.replace("Z", "").replace("T", " "),
+        t: Ur.NUMBER
+      }, c) ? (await this._commandService.executeCommand(gt.id, {
         visible: !1,
-        eventType: gt.Keyboard,
+        eventType: pt.Keyboard,
         unitId: i,
-        keycode: pt.ESC
-      }), await this._commandService.executeCommand(dt.id, {
+        keycode: ht.ESC
+      }), await this._commandService.executeCommand(st.id, {
         unitId: i,
-        subUnitId: r,
+        subUnitId: a,
         range: {
           startColumn: o,
           endColumn: o,
-          startRow: a,
-          endRow: a
+          startRow: n,
+          endRow: n
         },
         value: {
-          v: I,
+          v: k,
           t: 2,
           p: null,
           f: null,
           si: null,
           s: {
             n: {
-              pattern: wi(g, P)
+              pattern: di(I, A)
             }
           }
         }
-      }), !0) : (this._injector.has(Je) && this._injector.get(Je).showReject(u.getRuleFinalError(d, { row: a, col: o, unitId: i, subUnitId: r })), !1);
+      }), !0) : (this._injector.has(Ze) && this._injector.get(Ze).showReject(u.getRuleFinalError(c, { row: n, col: o, unitId: i, subUnitId: a })), !1);
     };
-    let _;
+    let S;
     switch (u.dropdownType) {
-      case me.DATE: {
-        const m = ee(s.getCellRaw(a, o)), g = Wt(m), S = !!((D = d.bizInfo) != null && D.showTime);
-        _ = {
-          location: n,
+      case pe.DATE: {
+        const m = Q(s.getCellRaw(n, o)), I = Ft(m), w = !!((b = c.bizInfo) != null && b.showTime);
+        S = {
+          location: r,
           type: "datepicker",
           props: {
-            showTime: S,
-            onChange: (V) => c(V, S ? "datetime" : "date"),
-            defaultValue: g,
+            showTime: w,
+            onChange: (C) => d(C, w ? "datetime" : "date"),
+            defaultValue: I,
             patternType: "date"
           }
         };
         break;
       }
-      case me.TIME: {
-        const m = ee(s.getCellRaw(a, o)), g = Wt(m);
-        _ = {
-          location: n,
+      case pe.TIME: {
+        const m = Q(s.getCellRaw(n, o)), I = Ft(m);
+        S = {
+          location: r,
           type: "datepicker",
           props: {
-            onChange: (S) => c(S, "time"),
-            defaultValue: g,
+            onChange: (w) => d(w, "time"),
+            defaultValue: I,
             patternType: "time"
           }
         };
         break;
       }
-      case me.DATETIME: {
-        const m = ee(s.getCellRaw(a, o)), g = Wt(m);
-        _ = {
-          location: n,
+      case pe.DATETIME: {
+        const m = Q(s.getCellRaw(n, o)), I = Ft(m);
+        S = {
+          location: r,
           type: "datepicker",
           props: {
-            onChange: (S) => c(S, "datetime"),
-            defaultValue: g,
+            onChange: (w) => d(w, "datetime"),
+            defaultValue: I,
             patternType: "datetime"
           }
         };
         break;
       }
-      case me.LIST:
-      case me.MULTIPLE_LIST: {
-        const m = u.dropdownType === me.MULTIPLE_LIST, g = async (y) => {
-          const P = qa(y), k = {
+      case pe.LIST:
+      case pe.MULTIPLE_LIST: {
+        const m = u.dropdownType === pe.MULTIPLE_LIST, I = async (V) => {
+          const A = Kn(V), P = {
             unitId: i,
-            subUnitId: r,
+            subUnitId: a,
             range: {
               startColumn: o,
               endColumn: o,
-              startRow: a,
-              endRow: a
+              startRow: n,
+              endRow: n
             },
             value: {
-              v: P,
+              v: A,
               p: null,
               f: null,
               si: null
             }
           };
-          return this._editorBridgeService.isVisible().visible && await this._commandService.executeCommand(ft.id, {
+          return this._editorBridgeService.isVisible().visible && await this._commandService.executeCommand(gt.id, {
             visible: !1,
-            eventType: gt.Keyboard,
+            eventType: pt.Keyboard,
             unitId: i,
-            keycode: pt.ESC
-          }), this._commandService.executeCommand(dt.id, k), !m;
-        }, S = (d == null ? void 0 : d.renderMode) === ie.CUSTOM || (d == null ? void 0 : d.renderMode) === void 0, V = u.getListWithColor(d, i, r), w = Bt(s.getCellRaw(a, o)), C = () => {
-          this._commandService.executeCommand(Be.id, {
-            ruleId: d.uid
-          }), p == null || p.dispose();
-        }, I = V.map((y) => ({
-          label: y.label,
-          value: y.label,
-          color: S || y.color ? y.color : "transparent"
+            keycode: ht.ESC
+          }), this._commandService.executeCommand(st.id, P), !m;
+        }, w = (c == null ? void 0 : c.renderMode) === oe.CUSTOM || (c == null ? void 0 : c.renderMode) === void 0, C = u.getListWithColor(c, i, a), R = kt(s.getCellRaw(n, o)), D = () => {
+          this._commandService.executeCommand(Fe.id, {
+            ruleId: c.uid
+          }), h == null || h.dispose();
+        }, k = C.map((V) => ({
+          label: V.label,
+          value: V.label,
+          color: w || V.color ? V.color : "transparent"
         }));
-        _ = {
-          location: n,
+        S = {
+          location: r,
           type: "list",
           props: {
-            onChange: (y) => g(y),
-            options: I,
-            onEdit: C,
-            defaultValue: w,
-            multiple: m
+            onChange: (V) => I(V),
+            options: k,
+            onEdit: D,
+            defaultValue: R,
+            multiple: m,
+            showEdit: (g = (y = this._configService.getConfig(Sn)) == null ? void 0 : y.showEditOnDropdown) != null ? g : !0
           }
         };
         break;
       }
-      case me.CASCADE: {
-        _ = {
+      case pe.CASCADE: {
+        S = {
           type: "cascader",
           props: {
-            onChange: (g) => {
-              const S = {
+            onChange: (I) => {
+              const w = {
                 unitId: i,
-                subUnitId: r,
+                subUnitId: a,
                 range: {
                   startColumn: o,
                   endColumn: o,
-                  startRow: a,
-                  endRow: a
+                  startRow: n,
+                  endRow: n
                 },
                 value: {
-                  v: g.join("/"),
+                  v: I.join("/"),
                   p: null,
                   f: null,
                   si: null
                 }
               };
-              return this._editorBridgeService.isVisible().visible && this._commandService.syncExecuteCommand(ft.id, {
+              return this._editorBridgeService.isVisible().visible && this._commandService.syncExecuteCommand(gt.id, {
                 visible: !1,
-                eventType: gt.Keyboard,
+                eventType: pt.Keyboard,
                 unitId: i,
-                keycode: pt.ESC
-              }), this._commandService.syncExecuteCommand(dt.id, S), !0;
+                keycode: ht.ESC
+              }), this._commandService.syncExecuteCommand(st.id, w), !0;
             },
-            defaultValue: Bt(s.getCellRaw(a, o)).split("/"),
-            options: JSON.parse((R = d.formula1) != null ? R : "[]")
+            defaultValue: kt(s.getCellRaw(n, o)).split("/"),
+            options: JSON.parse((f = c.formula1) != null ? f : "[]")
           },
-          location: n
+          location: r
         };
         break;
       }
-      case me.COLOR: {
-        _ = {
+      case pe.COLOR: {
+        S = {
           type: "color",
           props: {
-            onChange: (g) => {
-              const S = {
+            onChange: (I) => {
+              const w = {
                 unitId: i,
-                subUnitId: r,
+                subUnitId: a,
                 range: {
                   startColumn: o,
                   endColumn: o,
-                  startRow: a,
-                  endRow: a
+                  startRow: n,
+                  endRow: n
                 },
                 value: {
-                  v: g,
+                  v: I,
                   p: null,
                   f: null,
                   si: null
                 }
               };
-              return this._editorBridgeService.isVisible().visible && this._commandService.syncExecuteCommand(ft.id, {
+              return this._editorBridgeService.isVisible().visible && this._commandService.syncExecuteCommand(gt.id, {
                 visible: !1,
-                eventType: gt.Keyboard,
+                eventType: pt.Keyboard,
                 unitId: i,
-                keycode: pt.ESC
-              }), this._commandService.syncExecuteCommand(dt.id, S), !0;
+                keycode: ht.ESC
+              }), this._commandService.syncExecuteCommand(st.id, w), !0;
             },
-            defaultValue: Bt(s.getCellRaw(a, o))
+            defaultValue: kt(s.getCellRaw(n, o))
           },
-          location: n
+          location: r
         };
         break;
       }
       default:
         throw new Error("[DataValidationDropdownManagerService]: unknown type!");
     }
-    if (p = this._cellDropdownManagerService.showDropdown(_), !p)
+    if (h = this._cellDropdownManagerService.showDropdown(S), !h)
       throw new Error("[DataValidationDropdownManagerService]: cannot show dropdown!");
-    const h = new $n();
-    h.add(p), h.add({
+    const p = new Nr();
+    p.add(h), p.add({
       dispose: () => {
-        var m, g;
-        (g = (m = this._activeDropdown) == null ? void 0 : m.onHide) == null || g.call(m);
+        var m, I;
+        (I = (m = this._activeDropdown) == null ? void 0 : m.onHide) == null || I.call(m);
       }
-    }), this._currentPopup = h;
+    }), this._currentPopup = p;
   }
   hideDropdown() {
     this._activeDropdown && (this._currentPopup && this._currentPopup.dispose(), this._currentPopup = null, this._activeDropdown = null, this._activeDropdown$.next(null));
   }
-  showDataValidationDropdown(t, n, a, o, i) {
-    const r = this._univerInstanceService.getUnit(t, x.UNIVER_SHEET);
-    if (!r)
+  showDataValidationDropdown(t, r, n, o, i) {
+    const a = this._univerInstanceService.getUnit(t, W.UNIVER_SHEET);
+    if (!a)
       return;
-    const l = r.getSheetBySheetId(n);
+    const l = a.getSheetBySheetId(r);
     if (!l)
       return;
-    const s = this._dataValidationModel.getRuleByLocation(r.getUnitId(), l.getSheetId(), a, o);
+    const s = this._dataValidationModel.getRuleByLocation(a.getUnitId(), l.getSheetId(), n, o);
     if (!s)
       return;
-    const d = this._dataValidatorRegistryService.getValidatorItem(s.type);
-    if (!d || !d.dropdownType) {
+    const c = this._dataValidatorRegistryService.getValidatorItem(s.type);
+    if (!c || !c.dropdownType) {
       this.hideDropdown();
       return;
     }
     this.showDropdown({
       location: {
-        workbook: r,
+        workbook: a,
         worksheet: l,
-        row: a,
+        row: n,
         col: o,
         unitId: t,
-        subUnitId: n
+        subUnitId: r
       },
       onHide: i
     });
   }
 };
-Pe = Ri([
-  fe(0, de),
-  fe(1, M(ye)),
-  fe(2, ln),
-  fe(3, M(te)),
-  fe(4, M(mn)),
-  fe(5, M(Ao)),
-  fe(6, M(te)),
-  fe(7, Q),
-  fe(8, vn),
-  fe(9, M(we))
-], Pe);
-const bt = "DataValidationPanel", Be = {
+Ae = ci([
+  ue(0, le),
+  ue(1, M(ye)),
+  ue(2, ir),
+  ue(3, M(ee)),
+  ue(4, M(dr)),
+  ue(5, M(Do)),
+  ue(6, M(ee)),
+  ue(7, J),
+  ue(8, gr),
+  ue(9, M(we)),
+  ue(10, ln)
+], Ae);
+const bt = "DataValidationPanel", Fe = {
   id: "data-validation.operation.open-validation-panel",
-  type: ot.OPERATION,
+  type: nt.OPERATION,
   handler(e, t) {
     if (!t)
       return !1;
-    const { ruleId: n, isAdd: a } = t, o = e.get(Se), i = e.get(Sa), r = e.get(de), l = e.get(sn), s = pn(r);
+    const { ruleId: r, isAdd: n } = t, o = e.get(_e), i = e.get(mn), a = e.get(le), l = e.get(or), s = ur(a);
     if (!s) return !1;
-    const { unitId: d, subUnitId: u } = s, p = n ? i.getRuleById(d, u, n) : void 0;
-    o.open(), o.setActiveRule(p && {
-      unitId: d,
+    const { unitId: c, subUnitId: u } = s, h = r ? i.getRuleById(c, u, r) : void 0;
+    o.open(), o.setActiveRule(h && {
+      unitId: c,
       subUnitId: u,
-      rule: p
+      rule: h
     });
-    const c = l.open({
+    const d = l.open({
       id: bt,
-      header: { title: a ? "dataValidation.panel.addTitle" : "dataValidation.panel.title" },
+      header: { title: n ? "dataValidation.panel.addTitle" : "dataValidation.panel.title" },
       children: { label: bt },
       width: 312,
       onClose: () => o.close()
     });
-    return o.setCloseDisposable(c), !0;
+    return o.setCloseDisposable(d), !0;
   }
-}, wa = {
+}, Cn = {
   id: "data-validation.operation.close-validation-panel",
-  type: ot.OPERATION,
+  type: nt.OPERATION,
   handler(e) {
-    return e.get(Se).close(), !0;
+    return e.get(_e).close(), !0;
   }
-}, Mn = {
+}, Rr = {
   id: "data-validation.operation.toggle-validation-panel",
-  type: ot.OPERATION,
+  type: nt.OPERATION,
   handler(e) {
-    const t = e.get(Q), n = e.get(Se);
-    return n.open(), n.isOpen ? t.executeCommand(wa.id) : t.executeCommand(Be.id), !0;
+    const t = e.get(J), r = e.get(_e);
+    return r.open(), r.isOpen ? t.executeCommand(Cn.id) : t.executeCommand(Fe.id), !0;
   }
-}, Nt = {
-  type: ot.OPERATION,
+}, At = {
+  type: nt.OPERATION,
   id: "sheet.operation.show-data-validation-dropdown",
   handler(e, t) {
     if (!t)
       return !1;
-    const n = e.get(Pe), { unitId: a, subUnitId: o, row: i, column: r } = t, l = n.activeDropdown, s = l == null ? void 0 : l.location;
-    return s && s.unitId === a && s.subUnitId === o && s.row === i && s.col === r || n.showDataValidationDropdown(
-      a,
+    const r = e.get(Ae), { unitId: n, subUnitId: o, row: i, column: a } = t, l = r.activeDropdown, s = l == null ? void 0 : l.location;
+    return s && s.unitId === n && s.subUnitId === o && s.row === i && s.col === a || r.showDataValidationDropdown(
+      n,
       o,
       i,
-      r
+      a
     ), !0;
   }
-}, Dn = {
-  type: ot.OPERATION,
+}, yr = {
+  type: nt.OPERATION,
   id: "sheet.operation.hide-data-validation-dropdown",
   handler(e, t) {
-    return t ? (e.get(Pe).hideDropdown(), !0) : !1;
+    return t ? (e.get(Ae).hideDropdown(), !0) : !1;
   }
-}, Ut = {
-  type: ot.COMMAND,
+}, Lt = {
+  type: nt.COMMAND,
   id: "data-validation.command.addRuleAndOpen",
   handler(e) {
-    const t = e.get(de), n = pn(t);
-    if (!n) return !1;
-    const { workbook: a, worksheet: o } = n, i = en(e), r = e.get(Q), l = a.getUnitId(), s = o.getSheetId(), d = {
+    const t = e.get(le), r = ur(t);
+    if (!r) return !1;
+    const { workbook: n, worksheet: o } = r, i = qn(e), a = e.get(J), l = n.getUnitId(), s = o.getSheetId(), c = {
       rule: i,
       unitId: l,
       subUnitId: s
     };
-    return r.syncExecuteCommand(ga.id, d) ? (r.syncExecuteCommand(Be.id, {
+    return a.syncExecuteCommand(un.id, c) ? (a.syncExecuteCommand(Fe.id, {
       ruleId: i.uid,
       isAdd: !0
     }), !0) : !1;
   }
-}, En = "sheets-data-validation-ui.config", Ot = {};
-var Vi = Object.getOwnPropertyDescriptor, yi = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? Vi(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+};
+var ui = Object.getOwnPropertyDescriptor, hi = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? ui(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, He = (e, t) => (n, a) => t(n, a, e);
+}, $e = (e, t) => (r, n) => t(r, n, e);
 const Me = "SHEET_DATA_VALIDATION_ALERT";
-let ht = class extends Ve {
-  constructor(e, t, n, a, o, i) {
-    super(), this._hoverManagerService = e, this._cellAlertManagerService = t, this._univerInstanceService = n, this._localeService = a, this._zenZoneService = o, this._dataValidationModel = i, this._init();
+let dt = class extends Re {
+  constructor(e, t, r, n, o, i) {
+    super(), this._hoverManagerService = e, this._cellAlertManagerService = t, this._univerInstanceService = r, this._localeService = n, this._zenZoneService = o, this._dataValidationModel = i, this._init();
   }
   _init() {
     this._initCellAlertPopup(), this._initZenService();
   }
   _initCellAlertPopup() {
-    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(cn(100)).subscribe((e) => {
+    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(sr(100)).subscribe((e) => {
       var t;
       if (e) {
-        const n = this._univerInstanceService.getUnit(e.location.unitId, x.UNIVER_SHEET), a = n.getSheetBySheetId(e.location.subUnitId);
-        if (!a) return;
+        const r = this._univerInstanceService.getUnit(e.location.unitId, W.UNIVER_SHEET), n = r.getSheetBySheetId(e.location.subUnitId);
+        if (!n) return;
         const o = this._dataValidationModel.getRuleByLocation(e.location.unitId, e.location.subUnitId, e.location.row, e.location.col);
         if (!o) {
           this._cellAlertManagerService.removeAlert(Me);
           return;
         }
-        if (this._dataValidationModel.validator(o, { ...e.location, workbook: n, worksheet: a }) === Xe.INVALID) {
-          const r = this._cellAlertManagerService.currentAlert.get(Me), l = (t = r == null ? void 0 : r.alert) == null ? void 0 : t.location;
+        if (this._dataValidationModel.validator(o, { ...e.location, workbook: r, worksheet: n }) === je.INVALID) {
+          const a = this._cellAlertManagerService.currentAlert.get(Me), l = (t = a == null ? void 0 : a.alert) == null ? void 0 : t.location;
           if (l && l.row === e.location.row && l.col === e.location.col && l.subUnitId === e.location.subUnitId && l.unitId === e.location.unitId) {
             this._cellAlertManagerService.removeAlert(Me);
             return;
@@ -1104,7 +1133,7 @@ let ht = class extends Ve {
             return;
           }
           this._cellAlertManagerService.showAlert({
-            type: Fo.ERROR,
+            type: To.ERROR,
             title: this._localeService.t("dataValidation.error.title"),
             message: s == null ? void 0 : s.getRuleFinalError(o, e.location),
             location: e.location,
@@ -1124,341 +1153,341 @@ let ht = class extends Ve {
     }));
   }
 };
-ht = yi([
-  He(0, M(Lo)),
-  He(1, M(Po)),
-  He(2, de),
-  He(3, M(le)),
-  He(4, ln),
-  He(5, M(te))
-], ht);
-var Mi = Object.getOwnPropertyDescriptor, Di = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? Mi(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+dt = hi([
+  $e(0, M(Vo)),
+  $e(1, M(Oo)),
+  $e(2, le),
+  $e(3, M(se)),
+  $e(4, ir),
+  $e(5, M(ee))
+], dt);
+var pi = Object.getOwnPropertyDescriptor, gi = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? pi(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, xt = (e, t) => (n, a) => t(n, a, e);
-let Qe = class extends Ve {
-  constructor(e, t, n) {
-    super(), this._autoFillService = e, this._sheetDataValidationModel = t, this._injector = n, this._initAutoFill();
+}, xt = (e, t) => (r, n) => t(r, n, e);
+let qe = class extends Re {
+  constructor(e, t, r) {
+    super(), this._autoFillService = e, this._sheetDataValidationModel = t, this._injector = r, this._initAutoFill();
   }
   // eslint-disable-next-line max-lines-per-function
   _initAutoFill() {
-    const e = () => ({ redos: [], undos: [] }), t = (a, o) => {
-      const { source: i, target: r, unitId: l, subUnitId: s } = a, d = this._sheetDataValidationModel.getRuleObjectMatrix(l, s).clone(), u = la([i, r]), [p, c] = u.ranges, { mapFunc: _ } = u, h = {
-        row: p.startRow,
-        col: p.startColumn
-      }, D = No(p, c), R = new Mt(), m = /* @__PURE__ */ new Set();
-      D.forEach((C) => {
-        const I = C.repeatStartCell, y = C.relativeRange, P = {
-          startRow: h.row,
-          startColumn: h.col,
-          endColumn: h.col,
-          endRow: h.row
-        }, k = {
-          startRow: I.row,
-          startColumn: I.col,
-          endColumn: I.col,
-          endRow: I.row
+    const e = () => ({ redos: [], undos: [] }), t = (n, o) => {
+      const { source: i, target: a, unitId: l, subUnitId: s } = n, c = this._sheetDataValidationModel.getRuleObjectMatrix(l, s).clone(), u = nn([i, a]), [h, d] = u.ranges, { mapFunc: S } = u, p = {
+        row: h.startRow,
+        col: h.startColumn
+      }, b = Ao(h, d), y = new wt(), g = /* @__PURE__ */ new Set();
+      b.forEach((C) => {
+        const R = C.repeatStartCell, D = C.relativeRange, k = {
+          startRow: p.row,
+          startColumn: p.col,
+          endColumn: p.col,
+          endRow: p.row
+        }, V = {
+          startRow: R.row,
+          startColumn: R.col,
+          endColumn: R.col,
+          endRow: R.row
         };
-        Wn.foreach(y, (T, A) => {
-          const F = Dt.getPositionRange(
+        Fr.foreach(D, (A, P) => {
+          const L = Rt.getPositionRange(
             {
-              startRow: T,
-              startColumn: A,
-              endColumn: A,
-              endRow: T
+              startRow: A,
+              startColumn: P,
+              endColumn: P,
+              endRow: A
             },
-            P
-          ), { row: O, col: U } = _(F.startRow, F.startColumn), B = this._sheetDataValidationModel.getRuleIdByLocation(l, s, O, U) || "", j = Dt.getPositionRange(
+            k
+          ), { row: O, col: F } = S(L.startRow, L.startColumn), x = this._sheetDataValidationModel.getRuleIdByLocation(l, s, O, F) || "", j = Rt.getPositionRange(
             {
-              startRow: T,
-              startColumn: A,
-              endColumn: A,
-              endRow: T
+              startRow: A,
+              startColumn: P,
+              endColumn: P,
+              endRow: A
             },
-            k
-          ), { row: Z, col: Y } = _(j.startRow, j.startColumn);
-          R.setValue(Z, Y, B), m.add(B);
+            V
+          ), { row: Z, col: Y } = S(j.startRow, j.startColumn);
+          y.setValue(Z, Y, x), g.add(x);
         });
       });
-      const g = Array.from(m).map((C) => ({ id: C, ranges: ea(R, (I) => I === C) }));
-      d.addRangeRules(g);
-      const S = d.diff(this._sheetDataValidationModel.getRules(l, s)), { redoMutations: V, undoMutations: w } = ta(l, s, S, this._injector, "patched", o === st.ONLY_FORMAT);
+      const f = Array.from(g).map((C) => ({ id: C, ranges: Gt(y, (R) => R === C) }));
+      c.addRangeRules(f);
+      const m = c.diff(this._sheetDataValidationModel.getRules(l, s)), { redoMutations: I, undoMutations: w } = Zt(l, s, m, this._injector, "patched", o === it.ONLY_FORMAT);
       return {
         undos: w,
-        redos: V
+        redos: I
       };
-    }, n = {
-      id: tn,
-      onBeforeFillData: (a) => {
-        const { source: o, unitId: i, subUnitId: r } = a;
+    }, r = {
+      id: Jn,
+      onBeforeFillData: (n) => {
+        const { source: o, unitId: i, subUnitId: a } = n;
         for (const l of o.rows)
           for (const s of o.cols) {
-            const d = this._sheetDataValidationModel.getRuleByLocation(i, r, l, s);
-            if (d && d.type === G.CHECKBOX) {
-              this._autoFillService.setDisableApplyType(st.SERIES, !0);
+            const c = this._sheetDataValidationModel.getRuleByLocation(i, a, l, s);
+            if (c && c.type === G.CHECKBOX) {
+              this._autoFillService.setDisableApplyType(it.SERIES, !0);
               return;
             }
           }
       },
-      onFillData: (a, o, i) => i === st.COPY || i === st.ONLY_FORMAT || i === st.SERIES ? t(a, i) : e(),
+      onFillData: (n, o, i) => i === it.COPY || i === it.ONLY_FORMAT || i === it.SERIES ? t(n, i) : e(),
       onAfterFillData: () => {
       }
     };
-    this.disposeWithMe(this._autoFillService.addHook(n));
+    this.disposeWithMe(this._autoFillService.addHook(r));
   }
 };
-Qe = Di([
-  xt(0, ko),
-  xt(1, M(te)),
+qe = gi([
+  xt(0, Po),
+  xt(1, M(ee)),
   xt(2, M(we))
-], Qe);
-var Ei = Object.getOwnPropertyDescriptor, bi = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? Ei(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+], qe);
+var mi = Object.getOwnPropertyDescriptor, fi = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? mi(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, jt = (e, t) => (n, a) => t(n, a, e);
-let et = class extends Ve {
-  constructor(t, n, a) {
+}, $t = (e, t) => (r, n) => t(r, n, e);
+let Je = class extends Re {
+  constructor(t, r, n) {
     super();
     E(this, "_copyInfo");
-    this._sheetClipboardService = t, this._sheetDataValidationModel = n, this._injector = a, this._initCopyPaste();
+    this._sheetClipboardService = t, this._sheetDataValidationModel = r, this._injector = n, this._initCopyPaste();
   }
   _initCopyPaste() {
     this._sheetClipboardService.addClipboardHook({
-      id: tn,
-      onBeforeCopy: (t, n, a) => this._collect(t, n, a),
-      onPasteCells: (t, n, a, o) => {
-        const { copyType: i = Pa.COPY, pasteType: r } = o, { range: l } = t || {}, { range: s, unitId: d, subUnitId: u } = n;
-        return this._generateMutations(s, { copyType: i, pasteType: r, copyRange: l, unitId: d, subUnitId: u });
+      id: Jn,
+      onBeforeCopy: (t, r, n) => this._collect(t, r, n),
+      onPasteCells: (t, r, n, o) => {
+        const { copyType: i = Pn.COPY, pasteType: a } = o, { range: l } = t || {}, { range: s, unitId: c, subUnitId: u } = r;
+        return this._generateMutations(s, { copyType: i, pasteType: a, copyRange: l, unitId: c, subUnitId: u });
       }
     });
   }
-  _collect(t, n, a) {
-    const o = new Mt();
+  _collect(t, r, n) {
+    const o = new wt();
     this._copyInfo = {
       unitId: t,
-      subUnitId: n,
+      subUnitId: r,
       matrix: o
     };
-    const i = this._injector.invoke((s) => Eo(a, s, t, n));
+    const i = this._injector.invoke((s) => yo(n, s, t, r));
     if (!i)
       return;
-    const { rows: r, cols: l } = i;
-    r.forEach((s, d) => {
-      l.forEach((u, p) => {
-        const c = this._sheetDataValidationModel.getRuleIdByLocation(t, n, s, u);
-        o.setValue(d, p, c != null ? c : "");
+    const { rows: a, cols: l } = i;
+    a.forEach((s, c) => {
+      l.forEach((u, h) => {
+        const d = this._sheetDataValidationModel.getRuleIdByLocation(t, r, s, u);
+        o.setValue(c, h, d != null ? d : "");
       });
     });
   }
   // eslint-disable-next-line max-lines-per-function
-  _generateMutations(t, n) {
+  _generateMutations(t, r) {
     if (!this._copyInfo)
       return { redos: [], undos: [] };
-    if (n.copyType === Pa.CUT)
+    if (r.copyType === Pn.CUT)
       return this._copyInfo = null, { redos: [], undos: [] };
-    if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !n.copyRange)
+    if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !r.copyRange)
       return { redos: [], undos: [] };
     if ([
-      vt.SPECIAL_PASTE_COL_WIDTH,
-      vt.SPECIAL_PASTE_VALUE,
-      vt.SPECIAL_PASTE_FORMAT,
-      vt.SPECIAL_PASTE_FORMULA
-    ].includes(n.pasteType))
+      mt.SPECIAL_PASTE_COL_WIDTH,
+      mt.SPECIAL_PASTE_VALUE,
+      mt.SPECIAL_PASTE_FORMAT,
+      mt.SPECIAL_PASTE_FORMULA
+    ].includes(r.pasteType))
       return { redos: [], undos: [] };
     const { unitId: o, subUnitId: i } = this._copyInfo;
-    if (n.unitId !== o || i !== n.subUnitId) {
-      const r = this._sheetDataValidationModel.getRuleObjectMatrix(n.unitId, n.subUnitId).clone(), l = new Mt(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: p } = la([n.copyRange, t]), c = Fa(d, u, !0), _ = /* @__PURE__ */ new Map();
-      c.forEach(({ startRange: m }) => {
-        var g;
-        (g = this._copyInfo) == null || g.matrix.forValue((S, V, w) => {
-          const C = Dt.getPositionRange(
+    if (r.unitId !== o || i !== r.subUnitId) {
+      const a = this._sheetDataValidationModel.getRuleObjectMatrix(r.unitId, r.subUnitId).clone(), l = new wt(), s = /* @__PURE__ */ new Set(), { ranges: [c, u], mapFunc: h } = nn([r.copyRange, t]), d = An(c, u, !0), S = /* @__PURE__ */ new Map();
+      d.forEach(({ startRange: g }) => {
+        var f;
+        (f = this._copyInfo) == null || f.matrix.forValue((m, I, w) => {
+          const C = Rt.getPositionRange(
             {
-              startRow: S,
-              endRow: S,
-              startColumn: V,
-              endColumn: V
+              startRow: m,
+              endRow: m,
+              startColumn: I,
+              endColumn: I
             },
-            m
-          ), I = `${i}-${w}`, y = this._sheetDataValidationModel.getRuleById(o, i, w);
-          !this._sheetDataValidationModel.getRuleById(n.unitId, n.subUnitId, I) && y && _.set(I, { ...y, uid: I });
-          const { row: P, col: k } = p(C.startRow, C.startColumn);
-          s.add(I), l.setValue(P, k, I);
+            g
+          ), R = `${i}-${w}`, D = this._sheetDataValidationModel.getRuleById(o, i, w);
+          !this._sheetDataValidationModel.getRuleById(r.unitId, r.subUnitId, R) && D && S.set(R, { ...D, uid: R });
+          const { row: k, col: V } = h(C.startRow, C.startColumn);
+          s.add(R), l.setValue(k, V, R);
         });
       });
-      const h = Array.from(s).map((m) => ({ id: m, ranges: ea(l, (g) => g === m) }));
-      r.addRangeRules(h);
-      const { redoMutations: D, undoMutations: R } = ta(
-        n.unitId,
-        n.subUnitId,
-        r.diffWithAddition(this._sheetDataValidationModel.getRules(n.unitId, n.subUnitId), _.values()),
+      const p = Array.from(s).map((g) => ({ id: g, ranges: Gt(l, (f) => f === g) }));
+      a.addRangeRules(p);
+      const { redoMutations: b, undoMutations: y } = Zt(
+        r.unitId,
+        r.subUnitId,
+        a.diffWithAddition(this._sheetDataValidationModel.getRules(r.unitId, r.subUnitId), S.values()),
         this._injector,
         "patched",
         !1
       );
       return {
-        redos: D,
-        undos: R
+        redos: b,
+        undos: y
       };
     } else {
-      const r = this._sheetDataValidationModel.getRuleObjectMatrix(o, i).clone(), l = new Mt(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: p } = la([n.copyRange, t]);
-      Fa(d, u, !0).forEach(({ startRange: R }) => {
-        var m;
-        (m = this._copyInfo) == null || m.matrix.forValue((g, S, V) => {
-          const w = Dt.getPositionRange(
+      const a = this._sheetDataValidationModel.getRuleObjectMatrix(o, i).clone(), l = new wt(), s = /* @__PURE__ */ new Set(), { ranges: [c, u], mapFunc: h } = nn([r.copyRange, t]);
+      An(c, u, !0).forEach(({ startRange: y }) => {
+        var g;
+        (g = this._copyInfo) == null || g.matrix.forValue((f, m, I) => {
+          const w = Rt.getPositionRange(
             {
-              startRow: g,
-              endRow: g,
-              startColumn: S,
-              endColumn: S
+              startRow: f,
+              endRow: f,
+              startColumn: m,
+              endColumn: m
             },
-            R
-          ), { row: C, col: I } = p(w.startRow, w.startColumn);
-          l.setValue(C, I, V), s.add(V);
+            y
+          ), { row: C, col: R } = h(w.startRow, w.startColumn);
+          l.setValue(C, R, I), s.add(I);
         });
       });
-      const _ = Array.from(s).map((R) => ({ id: R, ranges: ea(l, (m) => m === R) }));
-      r.addRangeRules(_);
-      const { redoMutations: h, undoMutations: D } = ta(
+      const S = Array.from(s).map((y) => ({ id: y, ranges: Gt(l, (g) => g === y) }));
+      a.addRangeRules(S);
+      const { redoMutations: p, undoMutations: b } = Zt(
         o,
         i,
-        r.diff(this._sheetDataValidationModel.getRules(o, i)),
+        a.diff(this._sheetDataValidationModel.getRules(o, i)),
         this._injector,
         "patched",
         !1
       );
       return {
-        redos: h,
-        undos: D
+        redos: p,
+        undos: b
       };
     }
   }
 };
-et = bi([
-  jt(0, Uo),
-  jt(1, M(te)),
-  jt(2, M(we))
-], et);
-var Oi = Object.getOwnPropertyDescriptor, Ti = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? Oi(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+Je = fi([
+  $t(0, Lo),
+  $t(1, M(ee)),
+  $t(2, M(we))
+], Je);
+var vi = Object.getOwnPropertyDescriptor, _i = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? vi(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, Yt = (e, t) => (n, a) => t(n, a, e);
-let tt = class extends Ve {
-  constructor(e, t, n) {
-    super(), this._localeService = e, this._commandService = t, this._sheetPermissionCheckController = n, this._commandExecutedListener();
+}, Bt = (e, t) => (r, n) => t(r, n, e);
+let Qe = class extends Re {
+  constructor(e, t, r) {
+    super(), this._localeService = e, this._commandService = t, this._sheetPermissionCheckController = r, this._commandExecutedListener();
   }
   _commandExecutedListener() {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((e) => {
-        e.id === ga.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
-          workbookTypes: [sa],
-          rangeTypes: [ra],
-          worksheetTypes: [oa, ia]
-        }) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"))), e.id === an.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
-          workbookTypes: [sa],
-          rangeTypes: [ra],
-          worksheetTypes: [oa, ia]
+        e.id === un.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
+          workbookTypes: [tn],
+          rangeTypes: [en],
+          worksheetTypes: [Jt, Qt]
+        }) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"))), e.id === Qn.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
+          workbookTypes: [tn],
+          rangeTypes: [en],
+          worksheetTypes: [Jt, Qt]
         }, e.params.ranges) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr")));
       })
     );
   }
 };
-tt = Ti([
-  Yt(0, M(le)),
-  Yt(1, Q),
-  Yt(2, M(bo))
-], tt);
-const bn = "data-validation-single", On = "sheet.menu.data-validation";
-function Ai(e) {
+Qe = _i([
+  Bt(0, M(se)),
+  Bt(1, J),
+  Bt(2, M(Mo))
+], Qe);
+const Mr = "data-validation-single", br = "sheet.menu.data-validation";
+function Si(e) {
   return {
-    id: On,
-    type: va.SUBITEMS,
-    icon: bn,
+    id: br,
+    type: pn.SUBITEMS,
+    icon: Mr,
     tooltip: "dataValidation.title",
-    hidden$: uo(e, x.UNIVER_SHEET),
-    disabled$: Bo(e, { workbookTypes: [sa], worksheetTypes: [ia, oa], rangeTypes: [ra] })
+    hidden$: ao(e, W.UNIVER_SHEET),
+    disabled$: ko(e, { workbookTypes: [tn], worksheetTypes: [Qt, Jt], rangeTypes: [en] })
   };
 }
-function Li(e) {
+function Ci(e) {
   return {
-    id: Be.id,
+    id: Fe.id,
     title: "dataValidation.panel.title",
-    type: va.BUTTON
+    type: pn.BUTTON
   };
 }
-function Pi(e) {
+function Ii(e) {
   return {
-    id: Ut.id,
+    id: Lt.id,
     title: "dataValidation.panel.add",
-    type: va.BUTTON
+    type: pn.BUTTON
   };
 }
-const Fi = {
-  [ho.FORMULAS_INSERT]: {
-    [On]: {
+const wi = {
+  [so.FORMULAS_INSERT]: {
+    [br]: {
       order: 9,
-      menuItemFactory: Ai,
-      [Be.id]: {
+      menuItemFactory: Si,
+      [Fe.id]: {
         order: 0,
-        menuItemFactory: Li
+        menuItemFactory: Ci
       },
-      [Ut.id]: {
+      [Lt.id]: {
         order: 1,
-        menuItemFactory: Pi
+        menuItemFactory: Ii
       }
     }
   }
 };
-var ki = Object.getOwnPropertyDescriptor, Tn = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? ki(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+var Ri = Object.getOwnPropertyDescriptor, Er = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Ri(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, X = (e, t) => (n, a) => t(n, a, e);
-const An = {
+}, X = (e, t) => (r, n) => t(r, n, e);
+const Dr = {
   tr: {
     size: 6,
     color: "#fe4b4b"
   }
 };
-let at = class extends ma {
-  constructor(e, t, n, a, o, i, r, l, s, d, u) {
-    super(), this._commandService = e, this._menuManagerService = t, this._renderManagerService = n, this._univerInstanceService = a, this._autoHeightController = o, this._dropdownManagerService = i, this._sheetDataValidationModel = r, this._dataValidatorRegistryService = l, this._sheetInterceptorService = s, this._dataValidationCacheService = d, this._editorBridgeService = u, this._initMenu(), this._initDropdown(), this._initViewModelIntercept(), this._initAutoHeight();
+let et = class extends cn {
+  constructor(e, t, r, n, o, i, a, l, s, c, u) {
+    super(), this._commandService = e, this._menuManagerService = t, this._renderManagerService = r, this._univerInstanceService = n, this._autoHeightController = o, this._dropdownManagerService = i, this._sheetDataValidationModel = a, this._dataValidatorRegistryService = l, this._sheetInterceptorService = s, this._dataValidationCacheService = c, this._editorBridgeService = u, this._initMenu(), this._initDropdown(), this._initViewModelIntercept(), this._initAutoHeight();
   }
   _initMenu() {
-    this._menuManagerService.mergeMenu(Fi);
+    this._menuManagerService.mergeMenu(wi);
   }
   _initDropdown() {
     this._editorBridgeService && this.disposeWithMe(this._editorBridgeService.visible$.subscribe((e) => {
-      var n;
+      var r;
       if (!e.visible) {
-        ((n = this._dropdownManagerService.activeDropdown) == null ? void 0 : n.trigger) === "editor-bridge" && this._dropdownManagerService.hideDropdown();
+        ((r = this._dropdownManagerService.activeDropdown) == null ? void 0 : r.trigger) === "editor-bridge" && this._dropdownManagerService.hideDropdown();
         return;
       }
       const t = this._editorBridgeService.getEditCellState();
       if (t) {
-        const { unitId: a, sheetId: o, row: i, column: r } = t, l = this._univerInstanceService.getUniverSheetInstance(a);
+        const { unitId: n, sheetId: o, row: i, column: a } = t, l = this._univerInstanceService.getUniverSheetInstance(n);
         if (!l)
           return;
-        const s = this._sheetDataValidationModel.getRuleByLocation(a, o, i, r);
+        const s = this._sheetDataValidationModel.getRuleByLocation(n, o, i, a);
         if (!s)
           return;
-        const d = this._dataValidatorRegistryService.getValidatorItem(s.type);
-        if (!(d != null && d.dropdownType))
+        const c = this._dataValidatorRegistryService.getValidatorItem(s.type);
+        if (!(c != null && c.dropdownType))
           return;
         const u = l.getActiveSheet();
         if (!u) return;
-        const p = this._dropdownManagerService.activeDropdown, c = p == null ? void 0 : p.location;
-        if (c && c.unitId === a && c.subUnitId === o && c.row === i && c.col === r)
+        const h = this._dropdownManagerService.activeDropdown, d = h == null ? void 0 : h.location;
+        if (d && d.unitId === n && d.subUnitId === o && d.row === i && d.col === a)
           return;
         this._dropdownManagerService.showDropdown(
           {
             location: {
-              unitId: a,
+              unitId: n,
               subUnitId: o,
               row: i,
-              col: r,
+              col: a,
               workbook: l,
               worksheet: u
             },
@@ -1473,91 +1502,91 @@ let at = class extends ma {
   _initViewModelIntercept() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        gn.CELL_CONTENT,
+        hr.CELL_CONTENT,
         {
-          effect: Ya.Style,
+          effect: Wn.Style,
           // must be after numfmt
-          priority: fn.DATA_VALIDATION,
+          priority: pr.DATA_VALIDATION,
           // eslint-disable-next-line max-lines-per-function, complexity
-          handler: (e, t, n) => {
-            var m, g, S, V, w;
-            const { row: a, col: o, unitId: i, subUnitId: r, workbook: l, worksheet: s } = t, d = this._sheetDataValidationModel.getRuleIdByLocation(i, r, a, o);
-            if (!d)
-              return n(e);
-            const u = this._sheetDataValidationModel.getRuleById(i, r, d);
+          handler: (e, t, r) => {
+            var g, f, m, I, w;
+            const { row: n, col: o, unitId: i, subUnitId: a, workbook: l, worksheet: s } = t, c = this._sheetDataValidationModel.getRuleIdByLocation(i, a, n, o);
+            if (!c)
+              return r(e);
+            const u = this._sheetDataValidationModel.getRuleById(i, a, c);
             if (!u)
-              return n(e);
-            const p = (m = this._dataValidationCacheService.getValue(i, r, a, o)) != null ? m : Xe.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), _ = t.rawData;
-            let h;
-            const D = {
+              return r(e);
+            const h = (g = this._dataValidationCacheService.getValue(i, a, n, o)) != null ? g : je.VALID, d = this._dataValidatorRegistryService.getValidatorItem(u.type), S = t.rawData;
+            let p;
+            const b = {
               get value() {
                 var C;
-                return h !== void 0 || (h = (C = ee(_)) != null ? C : null), h;
+                return p !== void 0 || (p = (C = Q(S)) != null ? C : null), p;
               }
-            }, R = {
+            }, y = {
               get value() {
                 var C;
-                return `${(C = D.value) != null ? C : ""}`;
+                return `${(C = b.value) != null ? C : ""}`;
               }
             };
-            return n({
+            return r({
               ...e,
               markers: {
                 ...e == null ? void 0 : e.markers,
-                ...p === Xe.INVALID ? An : null
+                ...h === je.INVALID ? Dr : null
               },
               customRender: [
-                ...(g = e == null ? void 0 : e.customRender) != null ? g : [],
-                ...c != null && c.canvasRender ? [c.canvasRender] : []
+                ...(f = e == null ? void 0 : e.customRender) != null ? f : [],
+                ...d != null && d.canvasRender ? [d.canvasRender] : []
               ],
               fontRenderExtension: {
                 ...e == null ? void 0 : e.fontRenderExtension,
-                isSkip: ((S = e == null ? void 0 : e.fontRenderExtension) == null ? void 0 : S.isSkip) || ((V = c == null ? void 0 : c.skipDefaultFontRender) == null ? void 0 : V.call(c, u, D.value, t))
+                isSkip: ((m = e == null ? void 0 : e.fontRenderExtension) == null ? void 0 : m.isSkip) || ((I = d == null ? void 0 : d.skipDefaultFontRender) == null ? void 0 : I.call(d, u, b.value, t))
               },
               interceptorStyle: {
                 ...e == null ? void 0 : e.interceptorStyle,
-                ...c == null ? void 0 : c.getExtraStyle(u, R.value, {
+                ...d == null ? void 0 : d.getExtraStyle(u, y.value, {
                   get style() {
                     const C = l.getStyles();
                     return (typeof (e == null ? void 0 : e.s) == "string" ? C.get(e == null ? void 0 : e.s) : e == null ? void 0 : e.s) || {};
                   }
-                }, a, o)
+                }, n, o)
               },
               interceptorAutoHeight: () => {
-                var P, k, T, A, F, O;
-                const C = (k = (P = this._renderManagerService.getRenderById(i)) == null ? void 0 : P.with(Et).getSkeletonParam(r)) == null ? void 0 : k.skeleton;
+                var k, V, A, P, L, O;
+                const C = (V = (k = this._renderManagerService.getRenderById(i)) == null ? void 0 : k.with(yt).getSkeletonParam(a)) == null ? void 0 : V.skeleton;
                 if (!C)
                   return;
-                const I = C.worksheet.getMergedCell(a, o), y = {
+                const R = C.worksheet.getMergedCell(n, o), D = {
                   data: e,
                   style: C.getStyles().getStyleByCell(e),
-                  primaryWithCoord: C.getCellWithCoordByIndex((T = I == null ? void 0 : I.startRow) != null ? T : a, (A = I == null ? void 0 : I.startColumn) != null ? A : o),
+                  primaryWithCoord: C.getCellWithCoordByIndex((A = R == null ? void 0 : R.startRow) != null ? A : n, (P = R == null ? void 0 : R.startColumn) != null ? P : o),
                   unitId: i,
-                  subUnitId: r,
-                  row: a,
+                  subUnitId: a,
+                  row: n,
                   col: o,
                   workbook: l,
                   worksheet: s
                 };
-                return (O = (F = c == null ? void 0 : c.canvasRender) == null ? void 0 : F.calcCellAutoHeight) == null ? void 0 : O.call(F, y);
+                return (O = (L = d == null ? void 0 : d.canvasRender) == null ? void 0 : L.calcCellAutoHeight) == null ? void 0 : O.call(L, D);
               },
               interceptorAutoWidth: () => {
-                var P, k, T, A, F, O;
-                const C = (k = (P = this._renderManagerService.getRenderById(i)) == null ? void 0 : P.with(Et).getSkeletonParam(r)) == null ? void 0 : k.skeleton;
+                var k, V, A, P, L, O;
+                const C = (V = (k = this._renderManagerService.getRenderById(i)) == null ? void 0 : k.with(yt).getSkeletonParam(a)) == null ? void 0 : V.skeleton;
                 if (!C)
                   return;
-                const I = C.worksheet.getMergedCell(a, o), y = {
+                const R = C.worksheet.getMergedCell(n, o), D = {
                   data: e,
                   style: C.getStyles().getStyleByCell(e),
-                  primaryWithCoord: C.getCellWithCoordByIndex((T = I == null ? void 0 : I.startRow) != null ? T : a, (A = I == null ? void 0 : I.startColumn) != null ? A : o),
+                  primaryWithCoord: C.getCellWithCoordByIndex((A = R == null ? void 0 : R.startRow) != null ? A : n, (P = R == null ? void 0 : R.startColumn) != null ? P : o),
                   unitId: i,
-                  subUnitId: r,
-                  row: a,
+                  subUnitId: a,
+                  row: n,
                   col: o,
                   workbook: l,
                   worksheet: s
                 };
-                return (O = (F = c == null ? void 0 : c.canvasRender) == null ? void 0 : F.calcCellAutoWidth) == null ? void 0 : O.call(F, y);
+                return (O = (L = d == null ? void 0 : d.canvasRender) == null ? void 0 : L.calcCellAutoWidth) == null ? void 0 : O.call(L, D);
               },
               coverable: ((w = e == null ? void 0 : e.coverable) != null ? w : !0) && !(u.type === G.LIST || u.type === G.LIST_MULTIPLE)
             });
@@ -1570,99 +1599,99 @@ let at = class extends ma {
     this._sheetDataValidationModel.ruleChange$.pipe(
       // patched data-validation change don't need to re-calc row height
       // re-calc of row height will be triggered precisely by the origin command
-      Ca((e) => e.source === "command"),
-      un(100)
+      fn((e) => e.source === "command"),
+      lr(100)
     ).subscribe((e) => {
       if (e.length === 0)
         return;
       const t = [];
-      if (e.forEach((n) => {
-        var a;
-        (n.rule.type === G.LIST_MULTIPLE || n.rule.type === G.LIST) && (a = n.rule) != null && a.ranges && t.push(...n.rule.ranges);
+      if (e.forEach((r) => {
+        var n;
+        (r.rule.type === G.LIST_MULTIPLE || r.rule.type === G.LIST) && (n = r.rule) != null && n.ranges && t.push(...r.rule.ranges);
       }), t.length) {
-        const n = this._autoHeightController.getUndoRedoParamsOfAutoHeight(t);
-        Xa(n.redos, this._commandService);
+        const r = this._autoHeightController.getUndoRedoParamsOfAutoHeight(t);
+        jn(r.redos, this._commandService);
       }
     });
   }
 };
-at = Tn([
-  X(0, Q),
-  X(1, mo),
+et = Er([
+  X(0, J),
+  X(1, lo),
   X(2, Ne),
-  X(3, de),
-  X(4, M(_n)),
-  X(5, M(Pe)),
-  X(6, M(te)),
+  X(3, le),
+  X(4, M(mr)),
+  X(5, M(Ae)),
+  X(6, M(ee)),
   X(7, M(ye)),
-  X(8, M(Ia)),
-  X(9, M(nn)),
-  X(10, xn(vn))
-], at);
-let Ua = class extends ma {
-  constructor(e, t, n, a, o, i, r) {
-    super(), this._commandService = e, this._renderManagerService = t, this._autoHeightController = n, this._dataValidatorRegistryService = a, this._sheetInterceptorService = o, this._sheetDataValidationModel = i, this._dataValidationCacheService = r, this._initViewModelIntercept(), this._initAutoHeight();
+  X(8, M(vn)),
+  X(9, M(er)),
+  X(10, xr(gr))
+], et);
+let Nn = class extends cn {
+  constructor(e, t, r, n, o, i, a) {
+    super(), this._commandService = e, this._renderManagerService = t, this._autoHeightController = r, this._dataValidatorRegistryService = n, this._sheetInterceptorService = o, this._sheetDataValidationModel = i, this._dataValidationCacheService = a, this._initViewModelIntercept(), this._initAutoHeight();
   }
   _initViewModelIntercept() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        gn.CELL_CONTENT,
+        hr.CELL_CONTENT,
         {
-          effect: Ya.Style,
+          effect: Wn.Style,
           // must be after numfmt
-          priority: fn.DATA_VALIDATION,
+          priority: pr.DATA_VALIDATION,
           // eslint-disable-next-line complexity
-          handler: (e, t, n) => {
-            var R, m, g, S, V;
-            const { row: a, col: o, unitId: i, subUnitId: r, workbook: l, worksheet: s } = t, d = this._sheetDataValidationModel.getRuleIdByLocation(i, r, a, o);
-            if (!d)
-              return n(e);
-            const u = this._sheetDataValidationModel.getRuleById(i, r, d);
+          handler: (e, t, r) => {
+            var y, g, f, m, I;
+            const { row: n, col: o, unitId: i, subUnitId: a, workbook: l, worksheet: s } = t, c = this._sheetDataValidationModel.getRuleIdByLocation(i, a, n, o);
+            if (!c)
+              return r(e);
+            const u = this._sheetDataValidationModel.getRuleById(i, a, c);
             if (!u)
-              return n(e);
-            const p = (R = this._dataValidationCacheService.getValue(i, r, a, o)) != null ? R : Xe.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), _ = s.getCellRaw(a, o), h = ee(_), D = `${h != null ? h : ""}`;
-            return n({
+              return r(e);
+            const h = (y = this._dataValidationCacheService.getValue(i, a, n, o)) != null ? y : je.VALID, d = this._dataValidatorRegistryService.getValidatorItem(u.type), S = s.getCellRaw(n, o), p = Q(S), b = `${p != null ? p : ""}`;
+            return r({
               ...e,
               markers: {
                 ...e == null ? void 0 : e.markers,
-                ...p === Xe.INVALID ? An : null
+                ...h === je.INVALID ? Dr : null
               },
               customRender: [
-                ...(m = e == null ? void 0 : e.customRender) != null ? m : [],
-                ...c != null && c.canvasRender ? [c.canvasRender] : []
+                ...(g = e == null ? void 0 : e.customRender) != null ? g : [],
+                ...d != null && d.canvasRender ? [d.canvasRender] : []
               ],
               fontRenderExtension: {
                 ...e == null ? void 0 : e.fontRenderExtension,
-                isSkip: ((g = e == null ? void 0 : e.fontRenderExtension) == null ? void 0 : g.isSkip) || ((S = c == null ? void 0 : c.skipDefaultFontRender) == null ? void 0 : S.call(c, u, h, t))
+                isSkip: ((f = e == null ? void 0 : e.fontRenderExtension) == null ? void 0 : f.isSkip) || ((m = d == null ? void 0 : d.skipDefaultFontRender) == null ? void 0 : m.call(d, u, p, t))
               },
               interceptorStyle: {
                 ...e == null ? void 0 : e.interceptorStyle,
-                ...c == null ? void 0 : c.getExtraStyle(u, D, {
+                ...d == null ? void 0 : d.getExtraStyle(u, b, {
                   get style() {
                     const w = l.getStyles();
                     return (typeof (e == null ? void 0 : e.s) == "string" ? w.get(e == null ? void 0 : e.s) : e == null ? void 0 : e.s) || {};
                   }
-                }, a, o)
+                }, n, o)
               },
               interceptorAutoHeight: () => {
-                var y, P, k, T, A, F;
-                const w = (P = (y = this._renderManagerService.getRenderById(i)) == null ? void 0 : y.with(Et).getSkeletonParam(r)) == null ? void 0 : P.skeleton;
+                var D, k, V, A, P, L;
+                const w = (k = (D = this._renderManagerService.getRenderById(i)) == null ? void 0 : D.with(yt).getSkeletonParam(a)) == null ? void 0 : k.skeleton;
                 if (!w)
                   return;
-                const C = w.worksheet.getMergedCell(a, o), I = {
+                const C = w.worksheet.getMergedCell(n, o), R = {
                   data: e,
                   style: w.getStyles().getStyleByCell(e),
-                  primaryWithCoord: w.getCellWithCoordByIndex((k = C == null ? void 0 : C.startRow) != null ? k : a, (T = C == null ? void 0 : C.startColumn) != null ? T : o),
+                  primaryWithCoord: w.getCellWithCoordByIndex((V = C == null ? void 0 : C.startRow) != null ? V : n, (A = C == null ? void 0 : C.startColumn) != null ? A : o),
                   unitId: i,
-                  subUnitId: r,
-                  row: a,
+                  subUnitId: a,
+                  row: n,
                   col: o,
                   workbook: l,
                   worksheet: s
                 };
-                return (F = (A = c == null ? void 0 : c.canvasRender) == null ? void 0 : A.calcCellAutoHeight) == null ? void 0 : F.call(A, I);
+                return (L = (P = d == null ? void 0 : d.canvasRender) == null ? void 0 : P.calcCellAutoHeight) == null ? void 0 : L.call(P, R);
               },
-              coverable: ((V = e == null ? void 0 : e.coverable) != null ? V : !0) && !(u.type === G.LIST || u.type === G.LIST_MULTIPLE)
+              coverable: ((I = e == null ? void 0 : e.coverable) != null ? I : !0) && !(u.type === G.LIST || u.type === G.LIST_MULTIPLE)
             });
           }
         }
@@ -1671,485 +1700,514 @@ let Ua = class extends ma {
   }
   _initAutoHeight() {
     this._sheetDataValidationModel.ruleChange$.pipe(
-      Ca((e) => e.source === "command"),
-      un(16)
+      fn((e) => e.source === "command"),
+      lr(16)
     ).subscribe((e) => {
       const t = [];
-      if (e.forEach((n) => {
-        var a;
-        (a = n.rule) != null && a.ranges && t.push(...n.rule.ranges);
+      if (e.forEach((r) => {
+        var n;
+        (n = r.rule) != null && n.ranges && t.push(...r.rule.ranges);
       }), t.length) {
-        const n = this._autoHeightController.getUndoRedoParamsOfAutoHeight(t);
-        Xa(n.redos, this._commandService);
+        const r = this._autoHeightController.getUndoRedoParamsOfAutoHeight(t);
+        jn(r.redos, this._commandService);
       }
     });
   }
 };
-Ua = Tn([
-  X(0, Q),
+Nn = Er([
+  X(0, J),
   X(1, Ne),
-  X(2, M(_n)),
+  X(2, M(mr)),
   X(3, M(ye)),
-  X(4, M(Ia)),
-  X(5, M(te)),
-  X(6, M(nn))
-], Ua);
-var Ni = Object.getOwnPropertyDescriptor, Ui = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? Ni(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+  X(4, M(vn)),
+  X(5, M(ee)),
+  X(6, M(er))
+], Nn);
+var yi = Object.getOwnPropertyDescriptor, Mi = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? yi(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, Ba = (e, t) => (n, a) => t(n, a, e);
-let Tt = class extends Ve {
-  constructor(e, t, n) {
-    super(), this._context = e, this._sheetDataValidationModel = t, this._sheetSkeletonManagerService = n, this._initSkeletonChange();
+}, Un = (e, t) => (r, n) => t(r, n, e);
+let Et = class extends Re {
+  constructor(e, t, r) {
+    super(), this._context = e, this._sheetDataValidationModel = t, this._sheetSkeletonManagerService = r, this._initSkeletonChange();
   }
   _initSkeletonChange() {
     const e = (t) => {
-      var a;
+      var n;
       if (!t.length)
         return;
-      const n = /* @__PURE__ */ new Set();
+      const r = /* @__PURE__ */ new Set();
       t.forEach((o) => {
-        n.add(o.subUnitId);
-      }), n.forEach((o) => {
+        r.add(o.subUnitId);
+      }), r.forEach((o) => {
         var i;
         (i = this._sheetSkeletonManagerService.getSkeletonParam(o)) == null || i.skeleton.makeDirty(!0);
-      }), (a = this._context.mainComponent) == null || a.makeForceDirty();
+      }), (n = this._context.mainComponent) == null || n.makeForceDirty();
     };
-    this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe(jn(16)).subscribe(e));
+    this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe($r(16)).subscribe(e));
   }
 };
-Tt = Ui([
-  Ba(1, M(te)),
-  Ba(2, M(Et))
-], Tt);
-const Bi = "univer-data-validation-options-button", $i = "univer-data-validation-options-button-icon", Xt = {
-  dataValidationOptionsButton: Bi,
-  dataValidationOptionsButtonIcon: $i
-};
-function Hi(e) {
-  var d;
-  const t = N(le), n = N(_a), { value: a, onChange: o, extraComponent: i } = e, [r, l] = W(!1), s = i ? n.get(i) : null;
-  return /* @__PURE__ */ z(Ke, { children: [
-    /* @__PURE__ */ z("div", { className: Xt.dataValidationOptionsButton, onClick: () => l(!r), children: [
-      t.t("dataValidation.panel.options"),
-      r ? /* @__PURE__ */ v(Vn, { className: Xt.dataValidationOptionsButtonIcon }) : /* @__PURE__ */ v(wn, { className: Xt.dataValidationOptionsButtonIcon })
-    ] }),
-    r && /* @__PURE__ */ z(Ke, { children: [
-      s ? /* @__PURE__ */ v(s, { value: a, onChange: o }) : null,
-      /* @__PURE__ */ v(
+Et = Mi([
+  Un(1, M(ee)),
+  Un(2, M(yt))
+], Et);
+function bi(e) {
+  var c;
+  const t = U(se), r = U(gn), { value: n, onChange: o, extraComponent: i } = e, [a, l] = H(!1), s = i ? r.get(i) : null;
+  return /* @__PURE__ */ z(Xe, { children: [
+    /* @__PURE__ */ z(
+      "div",
+      {
+        className: `
+                  univer-mb-3 univer-flex univer-cursor-pointer univer-items-center univer-text-sm univer-text-black
+                `,
+        onClick: () => l(!a),
+        children: [
+          t.t("dataValidation.panel.options"),
+          a ? /* @__PURE__ */ _(Ir, { className: "univer-ml-1 univer-text-[8px]" }) : /* @__PURE__ */ _(Cr, { className: "univer-ml-1 univer-text-[8px]" })
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ z(Xe, { children: [
+      s ? /* @__PURE__ */ _(s, { value: n, onChange: o }) : null,
+      /* @__PURE__ */ _(
         K,
         {
           label: t.t("dataValidation.panel.invalid"),
           children: /* @__PURE__ */ z(
-            fa,
+            hn,
             {
-              value: `${(d = a.errorStyle) != null ? d : ct.WARNING}`,
-              onChange: (u) => o({ ...a, errorStyle: +u }),
+              value: `${(c = n.errorStyle) != null ? c : lt.WARNING}`,
+              onChange: (u) => o({ ...n, errorStyle: +u }),
               children: [
-                /* @__PURE__ */ v(Te, { value: `${ct.WARNING}`, children: t.t("dataValidation.panel.showWarning") }),
-                /* @__PURE__ */ v(Te, { value: `${ct.STOP}`, children: t.t("dataValidation.panel.rejectInput") })
+                /* @__PURE__ */ _(Oe, { value: `${lt.WARNING}`, children: t.t("dataValidation.panel.showWarning") }),
+                /* @__PURE__ */ _(Oe, { value: `${lt.STOP}`, children: t.t("dataValidation.panel.rejectInput") })
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ v(
+      /* @__PURE__ */ _(
         K,
         {
           label: t.t("dataValidation.panel.messageInfo"),
-          children: /* @__PURE__ */ v(
-            kt,
+          children: /* @__PURE__ */ _(
+            Pt,
             {
-              checked: a.showErrorMessage,
+              checked: n.showErrorMessage,
               onChange: () => o({
-                ...a,
-                showErrorMessage: !a.showErrorMessage
+                ...n,
+                showErrorMessage: !n.showErrorMessage
               }),
               children: t.t("dataValidation.panel.showInfo")
             }
           )
         }
       ),
-      a.showErrorMessage ? /* @__PURE__ */ v(K, { children: /* @__PURE__ */ v(Oe, { value: a.error, onChange: (u) => o({ ...a, error: u }) }) }) : null
+      n.showErrorMessage ? /* @__PURE__ */ _(K, { children: /* @__PURE__ */ _(Ve, { value: n.error, onChange: (u) => o({ ...n, error: u }) }) }) : null
     ] })
   ] });
 }
-const Wi = "univer-data-validation-detail", xi = "univer-data-validation-detail-form-item", ji = "univer-data-validation-detail-buttons", Yi = "univer-data-validation-detail-button", We = {
-  dataValidationDetail: Wi,
-  dataValidationDetailFormItem: xi,
-  dataValidationDetailButtons: ji,
-  dataValidationDetailButton: Yi
-}, Xi = (e) => Yn(
-  async (t, n, a, o) => {
-    const i = await e.executeCommand(t, n, a);
+const Ei = (e) => Br(
+  async (t, r, n, o) => {
+    const i = await e.executeCommand(t, r, n);
     o == null || o(i);
   },
   1e3
 );
-function zi(e, t, n) {
-  var a, o, i, r;
-  return t ? ((o = (a = e.getUnit(t)) == null ? void 0 : a.getSheetBySheetName(n)) == null ? void 0 : o.getSheetId()) || "" : ((r = (i = e.getCurrentUnitForType(x.UNIVER_SHEET)) == null ? void 0 : i.getSheetBySheetName(n)) == null ? void 0 : r.getSheetId()) || "";
+function Di(e, t, r) {
+  var n, o, i, a;
+  return t ? ((o = (n = e.getUnit(t)) == null ? void 0 : n.getSheetBySheetName(r)) == null ? void 0 : o.getSheetId()) || "" : ((a = (i = e.getCurrentUnitForType(W.UNIVER_SHEET)) == null ? void 0 : i.getSheetBySheetName(r)) == null ? void 0 : a.getSheetId()) || "";
 }
-function Ki() {
-  var b, H;
-  const [e, t] = W(0), n = N(Se), a = Ae(n.activeRule$, n.activeRule), { unitId: o, subUnitId: i, rule: r } = a || {}, l = r.uid, s = N(ye), d = N(de), u = N(_a), p = N(Q), c = N(Sa), _ = N(le), [h, D] = W(r), R = s.getValidatorItem(h.type), [m, g] = W(!1), S = s.getValidatorsByScope(go.SHEET), [V, w] = W(() => h.ranges.map((f) => ({ unitId: "", sheetId: "", range: f }))), C = ut(() => Xi(p), [p]), [I, y] = W(!1), [P, k] = W(!1), T = mt(null), A = N(mn);
-  if (Le(() => () => {
-    const f = A.getCurrentLastSelection();
-    f && A.setSelections([f]);
-  }, [A]), Le(() => {
-    p.onCommandExecuted((f) => {
-      (f.id === Xn.id || f.id === zn.id) && setTimeout(() => {
-        const L = c.getRuleById(o, i, l);
-        t(($) => $ + 1), L && (D(L), w(L.ranges.map(($) => ({ unitId: "", sheetId: "", range: $ }))));
+function Vi() {
+  var T, B;
+  const [e, t] = H(0), r = U(_e), n = Te(r.activeRule$, r.activeRule), { unitId: o, subUnitId: i, rule: a } = n || {}, l = a.uid, s = U(ye), c = U(le), u = U(gn), h = U(J), d = U(mn), S = U(se), [p, b] = H(a), y = s.getValidatorItem(p.type), [g, f] = H(!1), m = s.getValidatorsByScope(uo.SHEET), [I, w] = H(() => p.ranges.map((v) => ({ unitId: "", sheetId: "", range: v }))), C = ct(() => Ei(h), [h]), [R, D] = H(!1), [k, V] = H(!1), A = ut(null), P = U(dr);
+  if (Pe(() => () => {
+    const v = P.getCurrentLastSelection();
+    v && P.setSelections([v]);
+  }, [P]), Pe(() => {
+    h.onCommandExecuted((v) => {
+      (v.id === Hr.id || v.id === Wr.id) && setTimeout(() => {
+        const N = d.getRuleById(o, i, l);
+        t(($) => $ + 1), N && (b(N), w(N.ranges.map(($) => ({ unitId: "", sheetId: "", range: $ }))));
       }, 20);
     });
-  }, [p, c, l, i, o]), !R)
+  }, [h, d, l, i, o]), !y)
     return null;
-  const F = R.operators, O = R.operatorNames, U = h.operator ? fo.includes(h.operator) : !1, B = () => {
-    var f, L, $;
-    (L = (f = T.current) == null ? void 0 : f.editor) != null && L.isFocus() && j(($ = T.current) == null ? void 0 : $.getValue()), !(!h.ranges.length || I) && (R.validatorFormula(h, o, i).success ? n.setActiveRule(null) : g(!0));
-  }, j = na((f) => {
-    const L = f.split(",").filter(Boolean).map(Ho).map((q) => {
-      const Va = q.sheetName;
-      if (Va) {
-        const kn = zi(d, q.unitId, Va);
-        return { ...q, sheetId: kn };
+  const L = y.operators, O = y.operatorNames, F = p.operator ? ho.includes(p.operator) : !1, x = () => {
+    var v, N, $;
+    (N = (v = A.current) == null ? void 0 : v.editor) != null && N.isFocus() && j(($ = A.current) == null ? void 0 : $.getValue()), !(!p.ranges.length || R) && (y.validatorFormula(p, o, i).success ? r.setActiveRule(null) : f(!0));
+  }, j = qt((v) => {
+    const N = v.split(",").filter(Boolean).map(Uo).map((q) => {
+      const In = q.sheetName;
+      if (In) {
+        const Pr = Di(c, q.unitId, In);
+        return { ...q, sheetId: Pr };
       }
       return {
         ...q,
         sheetId: ""
       };
     });
-    if (Kn(L, V))
+    if (jr(N, I))
       return;
-    w(L);
-    const $ = L.filter((q) => (!q.unitId || q.unitId === o) && (!q.sheetId || q.sheetId === i)).map((q) => q.range);
-    if (D({
-      ...h,
+    w(N);
+    const $ = N.filter((q) => (!q.unitId || q.unitId === o) && (!q.sheetId || q.sheetId === i)).map((q) => q.range);
+    if (b({
+      ...p,
       ranges: $
     }), $.length === 0)
       return;
-    const Ie = {
+    const Ce = {
       unitId: o,
       subUnitId: i,
       ruleId: l,
       ranges: $
     };
-    C(an.id, Ie);
-  }), Z = (f) => {
-    if (Ma(f, Ta(h)))
+    C(Qn.id, Ce);
+  }), Z = (v) => {
+    if (Rn(v, Vn(p)))
       return;
-    D({
-      ...h,
-      ...f
+    b({
+      ...p,
+      ...v
     });
-    const L = {
+    const N = {
       unitId: o,
       subUnitId: i,
       ruleId: l,
-      setting: f
+      setting: v
     };
     C(
-      Da.id,
-      L,
+      yn.id,
+      N,
       void 0
     );
   }, Y = async () => {
-    await p.executeCommand(on.id, {
+    await h.executeCommand(tr.id, {
       ruleId: l,
       unitId: o,
       subUnitId: i
-    }), n.setActiveRule(null);
-  }, ae = {
-    type: h.type,
-    operator: h.operator,
-    formula1: h.formula1,
-    formula2: h.formula2,
-    allowBlank: h.allowBlank
-  }, pe = (f) => {
-    const L = s.getValidatorItem(f);
-    if (!L)
+    }), r.setActiveRule(null);
+  }, te = {
+    type: p.type,
+    operator: p.operator,
+    formula1: p.formula1,
+    formula2: p.formula2,
+    allowBlank: p.allowBlank
+  }, ge = (v) => {
+    const N = s.getValidatorItem(v);
+    if (!N)
       return;
-    const $ = L.operators, Ie = c.getRuleById(o, i, l), q = f === (Ie == null ? void 0 : Ie.type) || f.includes("list") && (Ie != null && Ie.type.includes("list")) ? {
-      ...Ie,
-      type: f
+    const $ = N.operators, Ce = d.getRuleById(o, i, l), q = v === (Ce == null ? void 0 : Ce.type) || v.includes("list") && (Ce != null && Ce.type.includes("list")) ? {
+      ...Ce,
+      type: v
     } : {
-      ...h,
-      type: f,
+      ...p,
+      type: v,
       operator: $[0],
       formula1: void 0,
       formula2: void 0
     };
-    D(q), p.executeCommand(Da.id, {
+    b(q), h.executeCommand(yn.id, {
       unitId: o,
       subUnitId: i,
-      ruleId: h.uid,
-      setting: Ta(q)
+      ruleId: p.uid,
+      setting: Vn(q)
     });
-  }, ce = u.get(R.formulaInput), ne = ut(() => V.map((f) => Sn(f.range)).join(","), []), ue = Oa(h), Ce = (f) => {
-    Ma(f, Oa(h)) || (D({
-      ...h,
-      ...f
+  }, ce = u.get(y.formulaInput), ne = ct(() => I.map((v) => fr(v.range)).join(","), []), de = Dn(p), Se = (v) => {
+    Rn(v, Dn(p)) || (b({
+      ...p,
+      ...v
     }), C(
-      to.id,
+      qr.id,
       {
         unitId: o,
         subUnitId: i,
         ruleId: l,
-        options: f
+        options: v
       }
     ));
-  }, ge = F.length && !h.operator;
-  return /* @__PURE__ */ z("div", { className: We.dataValidationDetail, children: [
-    /* @__PURE__ */ v(
+  }, me = L.length && !p.operator;
+  return /* @__PURE__ */ z("div", { className: "univer-py-4", children: [
+    /* @__PURE__ */ _(
       K,
       {
-        label: _.t("dataValidation.panel.range"),
-        error: !h.ranges.length || I ? _.t("dataValidation.panel.rangeError") : "",
-        children: /* @__PURE__ */ v(
-          po,
+        label: S.t("dataValidation.panel.range"),
+        error: !p.ranges.length || R ? S.t("dataValidation.panel.rangeError") : "",
+        children: /* @__PURE__ */ _(
+          co,
           {
-            selectorRef: T,
+            selectorRef: A,
             unitId: o,
             subUnitId: i,
             initialValue: ne,
-            onChange: (f, L) => {
+            onChange: (v, N) => {
               var $;
-              !P && (($ = T.current) != null && $.verify()) && j(L);
+              !k && (($ = A.current) != null && $.verify()) && j(N);
             },
-            onFocusChange: (f, L) => {
+            onFocusChange: (v, N) => {
               var $;
-              k(f), !f && L && (($ = T.current) != null && $.verify()) && j(L);
+              V(v), !v && N && (($ = A.current) != null && $.verify()) && j(N);
             },
-            onVerify: (f) => y(!f)
+            onVerify: (v) => D(!v)
           }
         )
       }
     ),
-    /* @__PURE__ */ v(K, { label: _.t("dataValidation.panel.type"), children: /* @__PURE__ */ v(
-      aa,
+    /* @__PURE__ */ _(K, { label: S.t("dataValidation.panel.type"), children: /* @__PURE__ */ _(
+      bn,
       {
-        options: (b = S == null ? void 0 : S.sort((f, L) => f.order - L.order)) == null ? void 0 : b.map((f) => ({
-          label: _.t(f.title),
-          value: f.id
+        className: "univer-w-full",
+        value: p.type,
+        options: (T = m == null ? void 0 : m.sort((v, N) => v.order - N.order)) == null ? void 0 : T.map((v) => ({
+          label: S.t(v.title),
+          value: v.id
         })),
-        value: h.type,
-        onChange: pe,
-        className: We.dataValidationDetailFormItem
+        onChange: ge
       }
     ) }),
-    F != null && F.length ? /* @__PURE__ */ v(K, { label: _.t("dataValidation.panel.operator"), children: /* @__PURE__ */ v(
-      aa,
+    L != null && L.length ? /* @__PURE__ */ _(K, { label: S.t("dataValidation.panel.operator"), children: /* @__PURE__ */ _(
+      bn,
       {
+        className: "univer-w-full",
+        value: `${p.operator}`,
         options: [
           {
             value: "",
-            label: _.t("dataValidation.operators.legal")
+            label: S.t("dataValidation.operators.legal")
           },
-          ...F.map((f, L) => ({
-            value: `${f}`,
-            label: O[L]
+          ...L.map((v, N) => ({
+            value: `${v}`,
+            label: O[N]
           }))
         ],
-        value: `${h.operator}`,
-        onChange: (f) => {
+        onChange: (v) => {
           Z({
-            ...ae,
-            operator: f
+            ...te,
+            operator: v
           });
-        },
-        className: We.dataValidationDetailFormItem
+        }
       }
     ) }) : null,
-    ce && !ge ? /* @__PURE__ */ v(K, { children: /* @__PURE__ */ v(
+    ce && !me ? /* @__PURE__ */ _(K, { children: /* @__PURE__ */ _(
       ce,
       {
-        isTwoFormula: U,
+        isTwoFormula: F,
         value: {
-          formula1: h.formula1,
-          formula2: h.formula2
+          formula1: p.formula1,
+          formula2: p.formula2
         },
-        onChange: (f) => {
+        onChange: (v) => {
           Z({
-            ...ae,
-            ...f
+            ...te,
+            ...v
           });
         },
-        showError: m,
-        validResult: R.validatorFormula(h, o, i),
+        showError: g,
+        validResult: y.validatorFormula(p, o, i),
         unitId: o,
         subUnitId: i,
         ruleId: l
       },
-      e + h.type
+      e + p.type
     ) }) : null,
-    /* @__PURE__ */ v(K, { children: /* @__PURE__ */ v(
-      kt,
+    /* @__PURE__ */ _(K, { children: /* @__PURE__ */ _(
+      Pt,
       {
-        checked: (H = h.allowBlank) != null ? H : !0,
+        checked: (B = p.allowBlank) != null ? B : !0,
         onChange: () => {
-          var f;
+          var v;
           return Z({
-            ...ae,
-            allowBlank: !((f = h.allowBlank) == null || f)
+            ...te,
+            allowBlank: !((v = p.allowBlank) == null || v)
           });
         },
-        children: _.t("dataValidation.panel.allowBlank")
+        children: S.t("dataValidation.panel.allowBlank")
       }
     ) }),
-    /* @__PURE__ */ v(Hi, { value: ue, onChange: Ce, extraComponent: R.optionsInput }),
-    /* @__PURE__ */ z("div", { className: We.dataValidationDetailButtons, children: [
-      /* @__PURE__ */ v(Ge, { className: We.dataValidationDetailButton, onClick: Y, children: _.t("dataValidation.panel.removeRule") }),
-      /* @__PURE__ */ v(Ge, { className: We.dataValidationDetailButton, variant: "primary", onClick: B, children: _.t("dataValidation.panel.done") })
+    /* @__PURE__ */ _(bi, { value: de, onChange: Se, extraComponent: y.optionsInput }),
+    /* @__PURE__ */ z("div", { className: "univer-mt-5 univer-flex univer-flex-row univer-justify-end", children: [
+      /* @__PURE__ */ _(ze, { className: "univer-ml-3", onClick: Y, children: S.t("dataValidation.panel.removeRule") }),
+      /* @__PURE__ */ _(ze, { className: "univer-ml-3", variant: "primary", onClick: x, children: S.t("dataValidation.panel.done") })
     ] })
   ] });
 }
-const Gi = "univer-data-validation-item-container", Zi = "univer-data-validation-item-title", qi = "univer-data-validation-item-content", Ji = "univer-data-validation-item-icon", _t = {
-  dataValidationItemContainer: Gi,
-  dataValidationItemTitle: Zi,
-  dataValidationItemContent: qi,
-  dataValidationItemIcon: Ji
-}, Qi = (e) => {
-  const { rule: t, onClick: n, unitId: a, subUnitId: o, disable: i } = e, r = N(ye), l = N(Q), s = N($o), d = r.getValidatorItem(t.type), u = mt(void 0), [p, c] = W(!1), _ = N(za), h = Ae(_.currentTheme$), D = ut(() => {
-    var S;
-    const m = (S = h == null ? void 0 : h.loopColor2) != null ? S : "#49B811", g = new Gn(m).toRgb();
+const Oi = (e) => {
+  const { rule: t, onClick: r, unitId: n, subUnitId: o, disable: i } = e, a = U(ye), l = U(J), s = U(No), c = a.getValidatorItem(t.type), u = ut(void 0), [h, d] = H(!1), S = U(Yn), p = Te(S.currentTheme$), b = ct(() => {
+    var m;
+    const g = (m = p == null ? void 0 : p.loopColor2) != null ? m : "#49B811", f = new Yr(g).toRgb();
     return {
-      fill: `rgba(${g.r}, ${g.g}, ${g.b}, 0.1)`,
-      stroke: m
+      fill: `rgba(${f.r}, ${f.g}, ${f.b}, 0.1)`,
+      stroke: g
     };
-  }, [h]), R = (m) => {
-    l.executeCommand(on.id, {
+  }, [p]), y = (g) => {
+    l.executeCommand(tr.id, {
       ruleId: t.uid,
-      unitId: a,
+      unitId: n,
       subUnitId: o
-    }), m.stopPropagation();
+    }), g.stopPropagation();
   };
-  return Le(() => () => {
-    var m;
-    u.current && ((m = u.current) == null || m.forEach((g) => {
-      g && s.removeShape(g);
+  return Pe(() => () => {
+    var g;
+    u.current && ((g = u.current) == null || g.forEach((f) => {
+      f && s.removeShape(f);
     }));
   }, [s]), /* @__PURE__ */ z(
     "div",
     {
-      className: _t.dataValidationItemContainer,
-      onClick: n,
+      className: nr(
+        `
+                  univer-rounded-md 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 univer-rounded-lg univer-p-2 univer-pr-9
+                `,
+        {
+          "hover:univer-bg-gray-50": !i,
+          "univer-opacity-50": i
+        }
+      ),
+      onClick: r,
       onMouseEnter: () => {
-        i || (c(!0), u.current = t.ranges.map((m) => s.addShape({
-          range: m,
-          style: D,
+        i || (d(!0), u.current = t.ranges.map((g) => s.addShape({
+          range: g,
+          style: b,
           primary: null
         })));
       },
       onMouseLeave: () => {
-        var m;
-        c(!1), (m = u.current) == null || m.forEach((g) => {
-          g && s.removeShape(g);
+        var g;
+        d(!1), (g = u.current) == null || g.forEach((f) => {
+          f && s.removeShape(f);
         }), u.current = void 0;
       },
       children: [
-        /* @__PURE__ */ v("div", { className: _t.dataValidationItemTitle, children: d == null ? void 0 : d.generateRuleName(t) }),
-        /* @__PURE__ */ v("div", { className: _t.dataValidationItemContent, children: t.ranges.map((m) => Sn(m)).join(",") }),
-        p ? /* @__PURE__ */ v("div", { className: _t.dataValidationItemIcon, onClick: R, children: /* @__PURE__ */ v(Ra, {}) }) : null
+        /* @__PURE__ */ _(
+          "div",
+          {
+            className: `
+                  univer-overflow-hidden univer-text-ellipsis univer-text-sm univer-font-medium univer-leading-[22px]
+                  univer-text-black
+                `,
+            children: c == null ? void 0 : c.generateRuleName(t)
+          }
+        ),
+        /* @__PURE__ */ _(
+          "div",
+          {
+            className: `
+                  univer-text-secondary univer-overflow-hidden univer-text-ellipsis univer-text-xs univer-leading-[18px]
+                `,
+            children: t.ranges.map((g) => fr(g)).join(",")
+          }
+        ),
+        h ? /* @__PURE__ */ _(
+          "div",
+          {
+            className: `
+                          univer-absolute univer-right-2 univer-top-[19px] univer-flex univer-h-5 univer-w-5
+                          univer-items-center univer-justify-center univer-rounded
+                          hover:univer-bg-gray-200
+                        `,
+            onClick: y,
+            children: /* @__PURE__ */ _(_n, {})
+          }
+        ) : null
       ]
     }
   );
-}, er = "univer-data-validation-list", tr = "univer-data-validation-list-buttons", ar = "univer-data-validation-list-button", St = {
-  dataValidationList: er,
-  dataValidationListButtons: tr,
-  dataValidationListButton: ar
 };
-function nr(e) {
-  const t = N(te), n = N(de), a = N(Q), o = N(we), i = N(Se), r = N(le), [l, s] = W([]), { workbook: d } = e, u = Ae(d.activeSheet$, void 0, !0), p = d.getUnitId(), c = u == null ? void 0 : u.getSheetId();
-  Le(() => {
-    s(t.getRules(p, c));
-    const g = t.ruleChange$.subscribe((S) => {
-      S.unitId === p && S.subUnitId === c && s(t.getRules(p, c));
+function Ti(e) {
+  const t = U(ee), r = U(le), n = U(J), o = U(we), i = U(_e), a = U(se), [l, s] = H([]), { workbook: c } = e, u = Te(c.activeSheet$, void 0, !0), h = c.getUnitId(), d = u == null ? void 0 : u.getSheetId();
+  Pe(() => {
+    s(t.getRules(h, d));
+    const f = t.ruleChange$.subscribe((m) => {
+      m.unitId === h && m.subUnitId === d && s(t.getRules(h, d));
     });
     return () => {
-      g.unsubscribe();
+      f.unsubscribe();
     };
-  }, [p, c, t]);
-  const _ = async () => {
-    const g = en(o), S = {
-      unitId: p,
-      subUnitId: c,
-      rule: g
+  }, [h, d, t]);
+  const S = async () => {
+    const f = qn(o), m = {
+      unitId: h,
+      subUnitId: d,
+      rule: f
     };
-    await a.executeCommand(ga.id, S), i.setActiveRule({
-      unitId: p,
-      subUnitId: c,
-      rule: g
+    await n.executeCommand(un.id, m), i.setActiveRule({
+      unitId: h,
+      subUnitId: d,
+      rule: f
     });
-  }, h = () => {
-    a.executeCommand(ao.id, {
-      unitId: p,
-      subUnitId: c
+  }, p = () => {
+    n.executeCommand(Jr.id, {
+      unitId: h,
+      subUnitId: d
     });
-  }, R = ((g) => {
-    const S = n.getCurrentUnitForType(x.UNIVER_SHEET), V = S.getActiveSheet(), w = S.getUnitId(), C = V.getSheetId();
-    return g.map((y) => Oo(o, w, C, y.ranges) ? { ...y } : { ...y, disable: !0 });
-  })(l), m = R == null ? void 0 : R.some((g) => g.disable);
-  return /* @__PURE__ */ z("div", { className: St.dataValidationList, children: [
-    R == null ? void 0 : R.map((g) => {
-      var S;
-      return /* @__PURE__ */ v(
-        Qi,
+  }, y = ((f) => {
+    const m = r.getCurrentUnitForType(W.UNIVER_SHEET), I = m.getActiveSheet(), w = m.getUnitId(), C = I.getSheetId();
+    return f.map((D) => bo(o, w, C, D.ranges) ? { ...D } : { ...D, disable: !0 });
+  })(l), g = y == null ? void 0 : y.some((f) => f.disable);
+  return /* @__PURE__ */ z("div", { className: "univer-pb-4", children: [
+    y == null ? void 0 : y.map((f) => {
+      var m;
+      return /* @__PURE__ */ _(
+        Oi,
         {
-          unitId: p,
-          subUnitId: c,
+          unitId: h,
+          subUnitId: d,
           onClick: () => {
-            g.disable || i.setActiveRule({
-              unitId: p,
-              subUnitId: c,
-              rule: g
+            f.disable || i.setActiveRule({
+              unitId: h,
+              subUnitId: d,
+              rule: f
             });
           },
-          rule: g,
-          disable: (S = g.disable) != null ? S : !1
+          rule: f,
+          disable: (m = f.disable) != null ? m : !1
         },
-        g.uid
+        f.uid
       );
     }),
-    /* @__PURE__ */ z("div", { className: St.dataValidationListButtons, children: [
-      l.length && !m ? /* @__PURE__ */ v(Ge, { className: St.dataValidationListButton, onClick: h, children: r.t("dataValidation.panel.removeAll") }) : null,
-      /* @__PURE__ */ v(Ge, { className: St.dataValidationListButton, variant: "primary", onClick: _, children: r.t("dataValidation.panel.add") })
+    /* @__PURE__ */ z("div", { className: "univer-mt-4 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
+      l.length && !g ? /* @__PURE__ */ _(ze, { onClick: p, children: a.t("dataValidation.panel.removeAll") }) : null,
+      /* @__PURE__ */ _(ze, { variant: "primary", onClick: S, children: a.t("dataValidation.panel.add") })
     ] })
   ] });
 }
-const or = () => {
-  const e = N(Se), t = Ae(e.activeRule$, e.activeRule), n = N(de), a = Ae(
-    () => n.getCurrentTypeOfUnit$(x.UNIVER_SHEET),
+const Pi = () => {
+  const e = U(_e), t = Te(e.activeRule$, e.activeRule), r = U(le), n = Te(
+    () => r.getCurrentTypeOfUnit$(W.UNIVER_SHEET),
     void 0,
     void 0,
     []
-  ), o = Ae(() => {
+  ), o = Te(() => {
     var i;
-    return (i = a == null ? void 0 : a.activeSheet$) != null ? i : So(null);
+    return (i = n == null ? void 0 : n.activeSheet$) != null ? i : mo(null);
   }, void 0, void 0, []);
-  return !a || !o ? null : t && t.subUnitId === o.getSheetId() ? /* @__PURE__ */ v(Ki, {}, t.rule.uid) : /* @__PURE__ */ v(nr, { workbook: a });
-}, ir = "LIST_RENDER_MODE_OPTION_INPUT";
-function At(e) {
+  return !n || !o ? null : t && t.subUnitId === o.getSheetId() ? /* @__PURE__ */ _(Vi, {}, t.rule.uid) : /* @__PURE__ */ _(Ti, { workbook: n });
+}, Ai = "LIST_RENDER_MODE_OPTION_INPUT";
+function Dt(e) {
   var o;
-  const { value: t, onChange: n } = e, a = N(le);
-  return /* @__PURE__ */ v(K, { label: a.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ z(fa, { value: `${(o = t.renderMode) != null ? o : ie.CUSTOM}`, onChange: (i) => n({ ...t, renderMode: +i }), children: [
-    /* @__PURE__ */ v(Te, { value: `${ie.CUSTOM}`, children: a.t("dataValidation.renderMode.chip") }),
-    /* @__PURE__ */ v(Te, { value: `${ie.ARROW}`, children: a.t("dataValidation.renderMode.arrow") }),
-    /* @__PURE__ */ v(Te, { value: `${ie.TEXT}`, children: a.t("dataValidation.renderMode.text") })
+  const { value: t, onChange: r } = e, n = U(se);
+  return /* @__PURE__ */ _(K, { label: n.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ z(hn, { value: `${(o = t.renderMode) != null ? o : oe.CUSTOM}`, onChange: (i) => r({ ...t, renderMode: +i }), children: [
+    /* @__PURE__ */ _(Oe, { value: `${oe.CUSTOM}`, children: n.t("dataValidation.renderMode.chip") }),
+    /* @__PURE__ */ _(Oe, { value: `${oe.ARROW}`, children: n.t("dataValidation.renderMode.arrow") }),
+    /* @__PURE__ */ _(Oe, { value: `${oe.TEXT}`, children: n.t("dataValidation.renderMode.text") })
   ] }) });
 }
-At.componentKey = ir;
-const rr = "DATE_SHOW_TIME_OPTION";
-function Lt(e) {
+Dt.componentKey = Ai;
+const Li = "DATE_SHOW_TIME_OPTION";
+function Vt(e) {
   var o;
-  const { value: t, onChange: n } = e, a = N(le);
-  return /* @__PURE__ */ v(K, { children: /* @__PURE__ */ v(
-    kt,
+  const { value: t, onChange: r } = e, n = U(se);
+  return /* @__PURE__ */ _(K, { children: /* @__PURE__ */ _(
+    Pt,
     {
       checked: (o = t.bizInfo) == null ? void 0 : o.showTime,
       onChange: (i) => {
-        n({
+        r({
           ...t,
           bizInfo: {
             ...t.bizInfo,
@@ -2157,87 +2215,87 @@ function Lt(e) {
           }
         });
       },
-      children: a.t("dataValidation.showTime.label")
+      children: n.t("dataValidation.showTime.label")
     }
   ) });
 }
-Lt.componentKey = rr;
-var sr = Object.getOwnPropertyDescriptor, lr = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? sr(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+Vt.componentKey = Li;
+var ki = Object.getOwnPropertyDescriptor, Ni = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? ki(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, xe = (e, t) => (n, a) => t(n, a, e);
-const Ct = 6;
-let da = class {
-  constructor(e, t, n, a, o, i) {
-    this._commandService = e, this._univerInstanceService = t, this._formulaService = n, this._themeService = a, this._renderManagerService = o, this._dataValidationModel = i;
+}, Be = (e, t) => (r, n) => t(r, n, e);
+const ft = 6;
+let rn = class {
+  constructor(e, t, r, n, o, i) {
+    this._commandService = e, this._univerInstanceService = t, this._formulaService = r, this._themeService = n, this._renderManagerService = o, this._dataValidationModel = i;
   }
   _calc(e, t) {
-    var d, u, p;
-    const { vt: n, ht: a } = t || {}, o = e.endX - e.startX - Ct * 2, i = e.endY - e.startY, r = ((d = t == null ? void 0 : t.fs) != null ? d : 10) * 1.6;
+    var c, u, h;
+    const { vt: r, ht: n } = t || {}, o = e.endX - e.startX - ft * 2, i = e.endY - e.startY, a = ((c = t == null ? void 0 : t.fs) != null ? c : 10) * 1.6;
     let l = 0, s = 0;
-    switch (n) {
-      case se.TOP:
+    switch (r) {
+      case ae.TOP:
         s = 0;
         break;
-      case se.BOTTOM:
-        s = 0 + (i - r);
+      case ae.BOTTOM:
+        s = 0 + (i - a);
         break;
       default:
-        s = 0 + (i - r) / 2;
+        s = 0 + (i - a) / 2;
         break;
     }
-    switch (a) {
-      case ze.LEFT:
-        l = Ct;
+    switch (n) {
+      case Ye.LEFT:
+        l = ft;
         break;
-      case ze.RIGHT:
-        l = Ct + (o - r);
+      case Ye.RIGHT:
+        l = ft + (o - a);
         break;
       default:
-        l = Ct + (o - r) / 2;
+        l = ft + (o - a) / 2;
         break;
     }
     return {
       left: e.startX + l,
       top: e.startY + s,
       width: ((u = t == null ? void 0 : t.fs) != null ? u : 10) * 1.6,
-      height: ((p = t == null ? void 0 : t.fs) != null ? p : 10) * 1.6
+      height: ((h = t == null ? void 0 : t.fs) != null ? h : 10) * 1.6
     };
   }
   calcCellAutoHeight(e) {
-    var n;
+    var r;
     const { style: t } = e;
-    return ((n = t == null ? void 0 : t.fs) != null ? n : 10) * 1.6;
+    return ((r = t == null ? void 0 : t.fs) != null ? r : 10) * 1.6;
   }
   calcCellAutoWidth(e) {
-    var n;
+    var r;
     const { style: t } = e;
-    return ((n = t == null ? void 0 : t.fs) != null ? n : 10) * 1.6;
+    return ((r = t == null ? void 0 : t.fs) != null ? r : 10) * 1.6;
   }
-  async _parseFormula(e, t, n) {
-    var d, u, p, c, _, h, D, R, m;
-    const { formula1: a = io, formula2: o = oo } = e, i = await this._formulaService.getRuleFormulaResult(t, n, e.uid), r = $t((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 = $t((h = (_ = (c = i == null ? void 0 : i[1]) == null ? void 0 : c.result) == null ? void 0 : _[0]) == null ? void 0 : h[0]), s = Ea(String(r)) && Ea(String(l));
+  async _parseFormula(e, t, r) {
+    var c, u, h, d, S, p, b, y, g;
+    const { formula1: n = to, formula2: o = eo } = e, i = await this._formulaService.getRuleFormulaResult(t, r, e.uid), a = Nt((h = (u = (c = i == null ? void 0 : i[0]) == null ? void 0 : c.result) == null ? void 0 : u[0]) == null ? void 0 : h[0]), l = Nt((p = (S = (d = i == null ? void 0 : i[1]) == null ? void 0 : d.result) == null ? void 0 : S[0]) == null ? void 0 : p[0]), s = Mn(String(a)) && Mn(String(l));
     return {
-      formula1: be(a) ? $t((m = (R = (D = i == null ? void 0 : i[0]) == null ? void 0 : D.result) == null ? void 0 : R[0]) == null ? void 0 : m[0]) : a,
-      formula2: be(o) ? l : o,
+      formula1: De(n) ? Nt((g = (y = (b = i == null ? void 0 : i[0]) == null ? void 0 : b.result) == null ? void 0 : y[0]) == null ? void 0 : g[0]) : n,
+      formula2: De(o) ? l : o,
       isFormulaValid: s
     };
   }
   drawWith(e, t) {
-    var A, F, O, U;
-    const { style: n, primaryWithCoord: a, unitId: o, subUnitId: i, worksheet: r, row: l, col: s } = t, d = a.isMergedMainCell ? a.mergeInfo : a, u = ee(r.getCellRaw(l, s)), p = this._dataValidationModel.getRuleByLocation(o, i, l, s);
-    if (!p)
+    var P, L, O, F;
+    const { style: r, primaryWithCoord: n, unitId: o, subUnitId: i, worksheet: a, row: l, col: s } = t, c = n.isMergedMainCell ? n.mergeInfo : n, u = Q(a.getCellRaw(l, s)), h = this._dataValidationModel.getRuleByLocation(o, i, l, s);
+    if (!h)
       return;
-    const c = this._dataValidationModel.getValidator(p.type);
-    if (!c)
+    const d = this._dataValidationModel.getValidator(h.type);
+    if (!d)
       return;
-    const _ = this._themeService.getCurrentTheme();
-    if (!((A = c.skipDefaultFontRender) != null && A.call(c, p, u, { unitId: o, subUnitId: i, row: l, column: s })))
+    const S = this._themeService.getCurrentTheme();
+    if (!((P = d.skipDefaultFontRender) != null && P.call(d, h, u, { unitId: o, subUnitId: i, row: l, column: s })))
       return;
-    const h = c.parseFormulaSync(p, o, i), { formula1: D } = h, R = this._calc(d, n), { a: m, d: g } = e.getTransform(), S = La(R.left, m), V = La(R.top, g), w = Co.create().composeMatrix({
-      left: S,
-      top: V,
+    const p = d.parseFormulaSync(h, o, i), { formula1: b } = p, y = this._calc(c, r), { a: g, d: f } = e.getTransform(), m = Tn(y.left, g), I = Tn(y.top, f), w = fo.create().composeMatrix({
+      left: m,
+      top: I,
       scaleX: 1,
       scaleY: 1,
       angle: 0,
@@ -2245,163 +2303,163 @@ let da = class {
       skewY: 0,
       flipX: !1,
       flipY: !1
-    }), C = d.endX - d.startX, I = d.endY - d.startY;
-    e.save(), e.beginPath(), e.rect(d.startX, d.startY, C, I), e.clip();
-    const y = w.getMatrix();
-    e.transform(y[0], y[1], y[2], y[3], y[4], y[5]);
-    const P = ((F = n == null ? void 0 : n.fs) != null ? F : 10) * 1.6, k = String(u) === String(D), T = _.hyacinth500;
-    Io.drawWith(e, {
-      checked: k,
-      width: P,
-      height: P,
-      fill: (U = (O = n == null ? void 0 : n.cl) == null ? void 0 : O.rgb) != null ? U : T
+    }), C = c.endX - c.startX, R = c.endY - c.startY;
+    e.save(), e.beginPath(), e.rect(c.startX, c.startY, C, R), e.clip();
+    const D = w.getMatrix();
+    e.transform(D[0], D[1], D[2], D[3], D[4], D[5]);
+    const k = ((L = r == null ? void 0 : r.fs) != null ? L : 10) * 1.6, V = String(u) === String(b), A = S.hyacinth500;
+    vo.drawWith(e, {
+      checked: V,
+      width: k,
+      height: k,
+      fill: (F = (O = r == null ? void 0 : r.cl) == null ? void 0 : O.rgb) != null ? F : A
     }), e.restore();
   }
   isHit(e, t) {
-    const n = t.primaryWithCoord.isMergedMainCell ? t.primaryWithCoord.mergeInfo : t.primaryWithCoord, a = this._calc(n, t.style), o = a.top, i = a.top + a.height, r = a.left, l = a.left + a.width, { x: s, y: d } = e;
-    return s <= l && s >= r && d <= i && d >= o;
+    const r = t.primaryWithCoord.isMergedMainCell ? t.primaryWithCoord.mergeInfo : t.primaryWithCoord, n = this._calc(r, t.style), o = n.top, i = n.top + n.height, a = n.left, l = n.left + n.width, { x: s, y: c } = e;
+    return s <= l && s >= a && c <= i && c >= o;
   }
   async onPointerDown(e, t) {
-    var h;
+    var p;
     if (t.button === 2)
       return;
-    const { primaryWithCoord: n, unitId: a, subUnitId: o, worksheet: i, row: r, col: l } = e, s = ee(i.getCellRaw(r, l)), d = this._dataValidationModel.getRuleByLocation(a, o, r, l);
-    if (!d)
+    const { primaryWithCoord: r, unitId: n, subUnitId: o, worksheet: i, row: a, col: l } = e, s = Q(i.getCellRaw(a, l)), c = this._dataValidationModel.getRuleByLocation(n, o, a, l);
+    if (!c)
       return;
-    const u = this._dataValidationModel.getValidator(d.type);
-    if (!u || !((h = u.skipDefaultFontRender) != null && h.call(u, d, s, { unitId: a, subUnitId: o, row: r, column: l })))
+    const u = this._dataValidationModel.getValidator(c.type);
+    if (!u || !((p = u.skipDefaultFontRender) != null && p.call(u, c, s, { unitId: n, subUnitId: o, row: a, column: l })))
       return;
-    const { formula1: p, formula2: c } = await this._parseFormula(d, a, o), _ = {
+    const { formula1: h, formula2: d } = await this._parseFormula(c, n, o), S = {
       range: {
-        startColumn: n.actualColumn,
-        endColumn: n.actualColumn,
-        startRow: n.actualRow,
-        endRow: n.actualRow
+        startColumn: r.actualColumn,
+        endColumn: r.actualColumn,
+        startRow: r.actualRow,
+        endRow: r.actualRow
       },
       value: {
-        v: String(s) === ro(String(p)) ? c : p,
+        v: String(s) === no(String(h)) ? d : h,
         p: null
       }
     };
     this._commandService.executeCommand(
-      dt.id,
-      _
+      st.id,
+      S
     );
   }
   onPointerEnter(e, t) {
-    var n, a;
-    (a = (n = Ze(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : n.mainComponent) == null || a.setCursor(qe.POINTER);
+    var r, n;
+    (n = (r = Ke(W.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(Ge.POINTER);
   }
   onPointerLeave(e, t) {
-    var n, a;
-    (a = (n = Ze(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : n.mainComponent) == null || a.setCursor(qe.DEFAULT);
+    var r, n;
+    (n = (r = Ke(W.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(Ge.DEFAULT);
   }
 };
-da = lr([
-  xe(0, Q),
-  xe(1, de),
-  xe(2, M(no)),
-  xe(3, M(za)),
-  xe(4, M(Ne)),
-  xe(5, M(te))
-], da);
-class dr extends _e {
+rn = Ni([
+  Be(0, J),
+  Be(1, le),
+  Be(2, M(Qr)),
+  Be(3, M(Yn)),
+  Be(4, M(Ne)),
+  Be(5, M(ee))
+], rn);
+class Ui extends ve {
   constructor() {
     super(...arguments);
     E(this, "id", G.CHECKBOX);
-    E(this, "canvasRender", this.injector.createInstance(da));
-    E(this, "formulaInput", Qa);
+    E(this, "canvasRender", this.injector.createInstance(rn));
+    E(this, "formulaInput", Zn);
   }
 }
-class cr extends _e {
+class Fi extends ve {
   constructor() {
     super(...arguments);
     E(this, "id", G.CUSTOM);
-    E(this, "formulaInput", Ja);
+    E(this, "formulaInput", Gn);
   }
 }
-const ur = "data-validation.formula-input";
-class hr extends _e {
+const xi = "data-validation.formula-input";
+class $i extends ve {
   constructor() {
     super(...arguments);
     E(this, "id", G.DATE);
-    E(this, "formulaInput", ur);
-    E(this, "optionsInput", Lt.componentKey);
-    E(this, "dropdownType", me.DATE);
+    E(this, "formulaInput", xi);
+    E(this, "optionsInput", Vt.componentKey);
+    E(this, "dropdownType", pe.DATE);
   }
 }
-class mr extends _e {
+class Bi extends ve {
   constructor() {
     super(...arguments);
     E(this, "id", G.DECIMAL);
-    E(this, "formulaInput", Ft);
+    E(this, "formulaInput", Tt);
   }
 }
-const Ln = 4, pr = 0, zt = 4, Pn = 4, ca = 6, Pt = 6, Ee = 14;
-function gr(e, t) {
-  const n = Ro.getTextSize(e, t), a = n.width + Ln * 2, { ba: o, bd: i } = n, r = o + i;
+const Vr = 4, Hi = 0, Ht = 4, Or = 4, on = 6, Ot = 6, Ee = 14;
+function Wi(e, t) {
+  const r = _o.getTextSize(e, t), n = r.width + Vr * 2, { ba: o, bd: i } = r, a = o + i;
   return {
-    width: a,
-    height: r + pr * 2,
+    width: n,
+    height: a + Hi * 2,
     ba: o
   };
 }
-function Kt(e, t, n, a) {
-  const o = Ee + ca * 2, i = n - o, r = a - Pt * 2, l = e.map((c) => ({
-    layout: gr(c, t),
-    text: c
+function Wt(e, t, r, n) {
+  const o = Ee + on * 2, i = r - o, a = n - Ot * 2, l = e.map((d) => ({
+    layout: Wi(d, t),
+    text: d
   }));
   let s;
-  const d = [];
-  l.forEach((c) => {
-    const { layout: _ } = c, { width: h, height: D } = _;
-    !s || s.width + h + zt > i ? (s = {
-      width: h,
-      height: D,
+  const c = [];
+  l.forEach((d) => {
+    const { layout: S } = d, { width: p, height: b } = S;
+    !s || s.width + p + Ht > i ? (s = {
+      width: p,
+      height: b,
       items: [{
-        ...c,
+        ...d,
         left: 0
       }]
-    }, d.push(s)) : (s.items.push({
-      ...c,
-      left: s.width + zt
-    }), s.width = s.width + h + zt);
+    }, c.push(s)) : (s.items.push({
+      ...d,
+      left: s.width + Ht
+    }), s.width = s.width + p + Ht);
   });
-  let u = 0, p = 0;
-  return d.forEach((c, _) => {
-    p = Math.max(p, c.width), _ === d.length - 1 ? u += c.height : u += c.height + Pn;
+  let u = 0, h = 0;
+  return c.forEach((d, S) => {
+    h = Math.max(h, d.width), S === c.length - 1 ? u += d.height : u += d.height + Or;
   }), {
-    lines: d,
+    lines: c,
     totalHeight: u,
     contentWidth: i,
-    contentHeight: r,
-    cellAutoHeight: u + Pt * 2,
-    calcAutoWidth: p + o
+    contentHeight: a,
+    cellAutoHeight: u + Ot * 2,
+    calcAutoWidth: h + o
   };
 }
-const fr = 8;
-class vr extends wo {
-  static drawWith(t, n) {
-    const { fontString: a, info: o, fill: i, color: r } = n, { layout: l, text: s } = o;
-    t.save(), hn.drawWith(t, {
+const ji = 8;
+class Yi extends So {
+  static drawWith(t, r) {
+    const { fontString: n, info: o, fill: i, color: a } = r, { layout: l, text: s } = o;
+    t.save(), cr.drawWith(t, {
       width: l.width,
       height: l.height,
-      radius: fr,
-      fill: i || je
-    }), t.translateWithPrecision(Ln, l.ba), t.font = a, t.fillStyle = r, t.fillText(s, 0, 0), t.restore();
+      radius: ji,
+      fill: i || He
+    }), t.translateWithPrecision(Vr, l.ba), t.font = n, t.fillStyle = a, t.fillText(s, 0, 0), t.restore();
   }
 }
-var _r = Object.getOwnPropertyDescriptor, Sr = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? _r(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+var Xi = Object.getOwnPropertyDescriptor, zi = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Xi(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, It = (e, t) => (n, a) => t(n, a, e);
-const Cr = new Path2D("M3.32201 4.84556C3.14417 5.05148 2.85583 5.05148 2.67799 4.84556L0.134292 1.90016C-0.152586 1.56798 0.0505937 1 0.456301 1L5.5437 1C5.94941 1 6.15259 1.56798 5.86571 1.90016L3.32201 4.84556Z");
-let ua = class {
-  constructor(e, t, n, a) {
+}, vt = (e, t) => (r, n) => t(r, n, e);
+const Ki = new Path2D("M3.32201 4.84556C3.14417 5.05148 2.85583 5.05148 2.67799 4.84556L0.134292 1.90016C-0.152586 1.56798 0.0505937 1 0.456301 1L5.5437 1C5.94941 1 6.15259 1.56798 5.86571 1.90016L3.32201 4.84556Z");
+let an = class {
+  constructor(e, t, r, n) {
     E(this, "zIndex");
     E(this, "_dropdownInfoMap", /* @__PURE__ */ new Map());
-    this._commandService = e, this._univerInstanceService = t, this._renderManagerService = n, this._dataValidationModel = a;
+    this._commandService = e, this._univerInstanceService = t, this._renderManagerService = r, this._dataValidationModel = n;
   }
   _ensureMap(e) {
     let t = this._dropdownInfoMap.get(e);
@@ -2410,168 +2468,168 @@ let ua = class {
   _generateKey(e, t) {
     return `${e}.${t}`;
   }
-  _drawDownIcon(e, t, n, a, o) {
-    const i = n - Ee + 4;
-    let r = 4;
+  _drawDownIcon(e, t, r, n, o) {
+    const i = r - Ee + 4;
+    let a = 4;
     switch (o) {
-      case se.MIDDLE:
-        r = (a - Ee) / 2 + 4;
+      case ae.MIDDLE:
+        a = (n - Ee) / 2 + 4;
         break;
-      case se.BOTTOM:
-        r = a - Ee + 4;
+      case ae.BOTTOM:
+        a = n - Ee + 4;
         break;
     }
-    e.save(), e.translateWithPrecision(t.startX + i, t.startY + r), e.fillStyle = "#565656", e.fill(Cr), e.restore();
+    e.save(), e.translateWithPrecision(t.startX + i, t.startY + a), e.fillStyle = "#565656", e.fill(Ki), e.restore();
   }
   // eslint-disable-next-line max-lines-per-function
-  drawWith(e, t, n, a) {
+  drawWith(e, t, r, n) {
     var Z, Y;
-    const { primaryWithCoord: o, row: i, col: r, style: l, data: s, subUnitId: d } = t, u = o.isMergedMainCell ? o.mergeInfo : o, p = s == null ? void 0 : s.fontRenderExtension, { leftOffset: c = 0, rightOffset: _ = 0, topOffset: h = 0, downOffset: D = 0 } = p || {}, R = this._ensureMap(d), m = this._generateKey(i, r), g = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, i, r);
-    if (!g)
+    const { primaryWithCoord: o, row: i, col: a, style: l, data: s, subUnitId: c } = t, u = o.isMergedMainCell ? o.mergeInfo : o, h = s == null ? void 0 : s.fontRenderExtension, { leftOffset: d = 0, rightOffset: S = 0, topOffset: p = 0, downOffset: b = 0 } = h || {}, y = this._ensureMap(c), g = this._generateKey(i, a), f = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, i, a);
+    if (!f)
       return;
-    const S = this._dataValidationModel.getValidator(g.type);
-    if (!S)
+    const m = this._dataValidationModel.getValidator(f.type);
+    if (!m)
       return;
-    const V = {
-      startX: u.startX + c,
-      endX: u.endX - _,
-      startY: u.startY + h,
-      endY: u.endY - D
-    }, w = V.endX - V.startX, C = V.endY - V.startY, { cl: I } = l || {}, y = (Z = typeof I == "object" ? I == null ? void 0 : I.rgb : I) != null ? Z : "#000", P = Ht(l != null ? l : void 0), { vt: k, ht: T } = l || {}, A = k != null ? k : se.MIDDLE, F = (Y = ee(s)) != null ? Y : "", O = S.parseCellValue(F), U = S.getListWithColorMap(g), B = Kt(O, P, w, C);
-    this._drawDownIcon(e, V, w, C, A), e.save(), e.translateWithPrecision(V.startX, V.startY), e.beginPath(), e.rect(0, 0, w - Ee, C), e.clip(), e.translateWithPrecision(ca, Pt);
+    const I = {
+      startX: u.startX + d,
+      endX: u.endX - S,
+      startY: u.startY + p,
+      endY: u.endY - b
+    }, w = I.endX - I.startX, C = I.endY - I.startY, { cl: R } = l || {}, D = (Z = typeof R == "object" ? R == null ? void 0 : R.rgb : R) != null ? Z : "#000", k = Ut(l != null ? l : void 0), { vt: V, ht: A } = l || {}, P = V != null ? V : ae.MIDDLE, L = (Y = Q(s)) != null ? Y : "", O = m.parseCellValue(L), F = m.getListWithColorMap(f), x = Wt(O, k, w, C);
+    this._drawDownIcon(e, I, w, C, P), e.save(), e.translateWithPrecision(I.startX, I.startY), e.beginPath(), e.rect(0, 0, w - Ee, C), e.clip(), e.translateWithPrecision(on, Ot);
     let j = 0;
-    switch (A) {
-      case se.MIDDLE:
-        j = (B.contentHeight - B.totalHeight) / 2;
+    switch (P) {
+      case ae.MIDDLE:
+        j = (x.contentHeight - x.totalHeight) / 2;
         break;
-      case se.BOTTOM:
-        j = B.contentHeight - B.totalHeight;
+      case ae.BOTTOM:
+        j = x.contentHeight - x.totalHeight;
         break;
     }
-    e.translateWithPrecision(0, j), B.lines.forEach((ae, pe) => {
+    e.translateWithPrecision(0, j), x.lines.forEach((te, ge) => {
       e.save();
-      const { width: ce, height: ne, items: ue } = ae;
-      let Ce = 0;
-      switch (T) {
-        case ze.RIGHT:
-          Ce = B.contentWidth - ce;
+      const { width: ce, height: ne, items: de } = te;
+      let Se = 0;
+      switch (A) {
+        case Ye.RIGHT:
+          Se = x.contentWidth - ce;
           break;
-        case ze.CENTER:
-          Ce = (B.contentWidth - ce) / 2;
+        case Ye.CENTER:
+          Se = (x.contentWidth - ce) / 2;
           break;
       }
-      e.translate(Ce, pe * (ne + Pn)), ue.forEach((ge) => {
-        e.save(), e.translateWithPrecision(ge.left, 0), vr.drawWith(e, {
-          ...P,
-          info: ge,
-          color: y,
-          fill: U[ge.text]
+      e.translate(Se, ge * (ne + Or)), de.forEach((me) => {
+        e.save(), e.translateWithPrecision(me.left, 0), Yi.drawWith(e, {
+          ...k,
+          info: me,
+          color: D,
+          fill: F[me.text]
         }), e.restore();
       }), e.restore();
-    }), e.restore(), R.set(m, {
-      left: V.startX,
-      top: V.startY,
-      width: B.contentWidth + ca + Ee,
-      height: B.contentHeight + Pt * 2
+    }), e.restore(), y.set(g, {
+      left: I.startX,
+      top: I.startY,
+      width: x.contentWidth + on + Ee,
+      height: x.contentHeight + Ot * 2
     });
   }
   calcCellAutoHeight(e) {
     var w;
-    const { primaryWithCoord: t, style: n, data: a, row: o, col: i } = e, r = a == null ? void 0 : a.fontRenderExtension, { leftOffset: l = 0, rightOffset: s = 0, topOffset: d = 0, downOffset: u = 0 } = r || {}, p = t.isMergedMainCell ? t.mergeInfo : t, c = {
-      startX: p.startX + l,
-      endX: p.endX - s,
-      startY: p.startY + d,
-      endY: p.endY - u
-    }, _ = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, o, i);
-    if (!_)
+    const { primaryWithCoord: t, style: r, data: n, row: o, col: i } = e, a = n == null ? void 0 : n.fontRenderExtension, { leftOffset: l = 0, rightOffset: s = 0, topOffset: c = 0, downOffset: u = 0 } = a || {}, h = t.isMergedMainCell ? t.mergeInfo : t, d = {
+      startX: h.startX + l,
+      endX: h.endX - s,
+      startY: h.startY + c,
+      endY: h.endY - u
+    }, S = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, o, i);
+    if (!S)
       return;
-    const h = this._dataValidationModel.getValidator(_.type);
-    if (!h)
+    const p = this._dataValidationModel.getValidator(S.type);
+    if (!p)
       return;
-    const D = c.endX - c.startX, R = c.endY - c.startY, m = (w = ee(a)) != null ? w : "", g = h.parseCellValue(m), S = Ht(n != null ? n : void 0);
-    return Kt(g, S, D, R).cellAutoHeight;
+    const b = d.endX - d.startX, y = d.endY - d.startY, g = (w = Q(n)) != null ? w : "", f = p.parseCellValue(g), m = Ut(r != null ? r : void 0);
+    return Wt(f, m, b, y).cellAutoHeight;
   }
   calcCellAutoWidth(e) {
     var w;
-    const { primaryWithCoord: t, style: n, data: a, row: o, col: i } = e, r = a == null ? void 0 : a.fontRenderExtension, { leftOffset: l = 0, rightOffset: s = 0, topOffset: d = 0, downOffset: u = 0 } = r || {}, p = t.isMergedMainCell ? t.mergeInfo : t, c = {
-      startX: p.startX + l,
-      endX: p.endX - s,
-      startY: p.startY + d,
-      endY: p.endY - u
-    }, _ = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, o, i);
-    if (!_)
+    const { primaryWithCoord: t, style: r, data: n, row: o, col: i } = e, a = n == null ? void 0 : n.fontRenderExtension, { leftOffset: l = 0, rightOffset: s = 0, topOffset: c = 0, downOffset: u = 0 } = a || {}, h = t.isMergedMainCell ? t.mergeInfo : t, d = {
+      startX: h.startX + l,
+      endX: h.endX - s,
+      startY: h.startY + c,
+      endY: h.endY - u
+    }, S = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, o, i);
+    if (!S)
       return;
-    const h = this._dataValidationModel.getValidator(_.type);
-    if (!h)
+    const p = this._dataValidationModel.getValidator(S.type);
+    if (!p)
       return;
-    const D = c.endX - c.startX, R = c.endY - c.startY, m = (w = ee(a)) != null ? w : "", g = h.parseCellValue(m), S = Ht(n != null ? n : void 0);
-    return Kt(g, S, D, R).calcAutoWidth;
+    const b = d.endX - d.startX, y = d.endY - d.startY, g = (w = Q(n)) != null ? w : "", f = p.parseCellValue(g), m = Ut(r != null ? r : void 0);
+    return Wt(f, m, b, y).calcAutoWidth;
   }
   isHit(e, t) {
-    const { primaryWithCoord: n } = t, a = n.isMergedMainCell ? n.mergeInfo : n, { endX: o } = a, { x: i } = e;
+    const { primaryWithCoord: r } = t, n = r.isMergedMainCell ? r.mergeInfo : r, { endX: o } = n, { x: i } = e;
     return i >= o - Ee && i <= o;
   }
   onPointerDown(e, t) {
     if (t.button === 2)
       return;
-    const { unitId: n, subUnitId: a, row: o, col: i } = e, r = {
-      unitId: n,
-      subUnitId: a,
+    const { unitId: r, subUnitId: n, row: o, col: i } = e, a = {
+      unitId: r,
+      subUnitId: n,
       row: o,
       column: i
     };
-    this._commandService.executeCommand(Nt.id, r);
+    this._commandService.executeCommand(At.id, a);
   }
   onPointerEnter(e, t) {
-    var n, a;
-    return (a = (n = Ze(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : n.mainComponent) == null ? void 0 : a.setCursor(qe.POINTER);
+    var r, n;
+    return (n = (r = Ke(W.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null ? void 0 : n.setCursor(Ge.POINTER);
   }
   onPointerLeave(e, t) {
-    var n, a;
-    return (a = (n = Ze(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : n.mainComponent) == null ? void 0 : a.setCursor(qe.DEFAULT);
+    var r, n;
+    return (n = (r = Ke(W.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null ? void 0 : n.setCursor(Ge.DEFAULT);
   }
 };
-ua = Sr([
-  It(0, Q),
-  It(1, de),
-  It(2, M(Ne)),
-  It(3, M(te))
-], ua);
-class Ir extends _e {
+an = zi([
+  vt(0, J),
+  vt(1, le),
+  vt(2, M(Ne)),
+  vt(3, M(ee))
+], an);
+class Gi extends ve {
   constructor() {
     super(...arguments);
     E(this, "id", G.LIST_MULTIPLE);
-    E(this, "canvasRender", this.injector.createInstance(ua));
-    E(this, "dropdownType", me.MULTIPLE_LIST);
+    E(this, "canvasRender", this.injector.createInstance(an));
+    E(this, "dropdownType", pe.MULTIPLE_LIST);
   }
 }
-var Rr = Object.getOwnPropertyDescriptor, wr = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? Rr(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+var Zi = Object.getOwnPropertyDescriptor, qi = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Zi(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, lt = (e, t) => (n, a) => t(n, a, e);
-const De = 4, Rt = 4, he = 14, ve = 6, Ye = 4, Gt = 8, Vr = "#565656", $a = new Path2D("M3.32201 4.84556C3.14417 5.05148 2.85583 5.05148 2.67799 4.84556L0.134292 1.90016C-0.152586 1.56798 0.0505937 1 0.456301 1L5.5437 1C5.94941 1 6.15259 1.56798 5.86571 1.90016L3.32201 4.84556Z");
-function yr(e, t) {
-  const n = e.length;
+}, at = (e, t) => (r, n) => t(r, n, e);
+const be = 4, _t = 4, he = 14, fe = 6, We = 4, jt = 8, Ji = "#565656", Fn = new Path2D("M3.32201 4.84556C3.14417 5.05148 2.85583 5.05148 2.67799 4.84556L0.134292 1.90016C-0.152586 1.56798 0.0505937 1 0.456301 1L5.5437 1C5.94941 1 6.15259 1.56798 5.86571 1.90016L3.32201 4.84556Z");
+function Qi(e, t) {
+  const r = e.length;
   return {
     id: "d",
     body: {
-      dataStream: `${e}${qn}`,
+      dataStream: `${e}${zr}`,
       textRuns: [
         {
           ts: {
             fs: 11,
             ff: void 0,
-            it: it.FALSE,
-            bl: it.FALSE,
+            it: rt.FALSE,
+            bl: rt.FALSE,
             ul: {
-              s: it.FALSE
+              s: rt.FALSE
             },
             st: {
-              s: it.FALSE
+              s: rt.FALSE
             },
             ol: {
-              s: it.FALSE
+              s: rt.FALSE
             },
             cl: void 0,
             ...t,
@@ -2579,7 +2637,7 @@ function yr(e, t) {
             bd: void 0
           },
           st: 0,
-          ed: n
+          ed: r
         }
       ]
     },
@@ -2591,64 +2649,64 @@ function yr(e, t) {
     }
   };
 }
-function Fn(e, t, n) {
-  const a = yr(e, n), o = new Zn(a), i = new yo(o);
+function Tr(e, t, r) {
+  const n = Qi(e, r), o = new Xr(n), i = new Io(o);
   return {
-    documentSkeleton: Mo.create(i, t),
+    documentSkeleton: wo.create(i, t),
     docModel: o,
     docViewModel: i
   };
 }
-function wt(e, t, n) {
+function St(e, t, r) {
   const {
-    documentSkeleton: a,
+    documentSkeleton: n,
     docModel: o,
     docViewModel: i
-  } = Fn(e, t, n);
+  } = Tr(e, t, r);
   return {
-    documents: new Vo(`DOCUMENTS_${Qt.generateRandomId()}`, a, {
+    documents: new Co(`DOCUMENTS_${Kt.generateRandomId()}`, n, {
       pageMarginLeft: 0,
       pageMarginTop: 0
     }),
-    documentSkeleton: a,
+    documentSkeleton: n,
     docModel: o,
     docViewModel: i
   };
 }
-function Ha(e, t, n, a, o, i, r = !0) {
+function xn(e, t, r, n, o, i, a = !0) {
   let l = 0;
-  const s = r ? Ye : 0;
+  const s = a ? We : 0;
   switch (o) {
-    case se.BOTTOM:
-      l = t - a - s;
+    case ae.BOTTOM:
+      l = t - n - s;
       break;
-    case se.MIDDLE:
-      l = (t - a) / 2;
+    case ae.MIDDLE:
+      l = (t - n) / 2;
       break;
     default:
       l = s;
       break;
   }
-  l = Math.max(Ye, l);
-  let d = 0;
+  l = Math.max(We, l);
+  let c = 0;
   switch (i) {
-    case ze.CENTER:
-      d = (e - n) / 2;
+    case Ye.CENTER:
+      c = (e - r) / 2;
       break;
-    case ze.RIGHT:
-      d = e - n;
+    case Ye.RIGHT:
+      c = e - r;
       break;
   }
-  return d = Math.max(ve, d), {
-    paddingLeft: d,
+  return c = Math.max(fe, c), {
+    paddingLeft: c,
     paddingTop: l
   };
 }
-let ha = class {
-  constructor(e, t, n, a, o) {
+let sn = class {
+  constructor(e, t, r, n, o) {
     E(this, "_dropdownInfoMap", /* @__PURE__ */ new Map());
     E(this, "zIndex");
-    this._univerInstanceService = e, this._localeService = t, this._commandService = n, this._renderManagerService = a, this._dataValidationModel = o;
+    this._univerInstanceService = e, this._localeService = t, this._commandService = r, this._renderManagerService = n, this._dataValidationModel = o;
   }
   _ensureMap(e) {
     let t = this._dropdownInfoMap.get(e);
@@ -2657,198 +2715,198 @@ let ha = class {
   _generateKey(e, t) {
     return `${e}.${t}`;
   }
-  _drawDownIcon(e, t, n, a, o, i, r) {
-    const { t: l = oe.pd.t, b: s = oe.pd.b } = r, d = n - he;
+  _drawDownIcon(e, t, r, n, o, i, a) {
+    const { t: l = re.pd.t, b: s = re.pd.b } = a, c = r - he;
     let u;
     switch (i) {
-      case se.MIDDLE:
-        u = (a - Rt) / 2;
+      case ae.MIDDLE:
+        u = (n - _t) / 2;
         break;
-      case se.BOTTOM:
-        u = a - s - o - Ye + (o / 2 - Rt / 2);
+      case ae.BOTTOM:
+        u = n - s - o - We + (o / 2 - _t / 2);
         break;
       default:
-        u = l + Ye + (o / 2 - Rt / 2);
+        u = l + We + (o / 2 - _t / 2);
         break;
     }
-    e.save(), e.translateWithPrecision(t.startX + d, t.startY + u), e.fillStyle = "#565656", e.fill($a), e.restore();
+    e.save(), e.translateWithPrecision(t.startX + c, t.startY + u), e.fillStyle = "#565656", e.fill(Fn), e.restore();
   }
   // eslint-disable-next-line max-lines-per-function, complexity
-  drawWith(e, t, n) {
-    const { primaryWithCoord: a, row: o, col: i, style: r, data: l, subUnitId: s } = t, d = a.isMergedMainCell ? a.mergeInfo : a, u = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, o, i);
+  drawWith(e, t, r) {
+    const { primaryWithCoord: n, row: o, col: i, style: a, data: l, subUnitId: s } = t, c = n.isMergedMainCell ? n.mergeInfo : n, u = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, o, i);
     if (!u)
       return;
-    const p = this._dataValidationModel.getValidator(u.type);
-    if (!p)
+    const h = this._dataValidationModel.getValidator(u.type);
+    if (!h)
       return;
-    const c = l == null ? void 0 : l.fontRenderExtension, { leftOffset: _ = 0, rightOffset: h = 0, topOffset: D = 0, downOffset: R = 0 } = c || {};
-    if (!u || !p || !p || p.id.indexOf(G.LIST) !== 0 || !p.skipDefaultFontRender(u))
+    const d = l == null ? void 0 : l.fontRenderExtension, { leftOffset: S = 0, rightOffset: p = 0, topOffset: b = 0, downOffset: y = 0 } = d || {};
+    if (!u || !h || !h || h.id.indexOf(G.LIST) !== 0 || !h.skipDefaultFontRender(u))
       return;
-    const m = {
-      startX: d.startX + _,
-      endX: d.endX - h,
-      startY: d.startY + D,
-      endY: d.endY - R
-    }, g = m.endX - m.startX, S = m.endY - m.startY, V = this._ensureMap(s), w = this._generateKey(o, i), C = p.getListWithColor(u), I = ee(l), y = `${I != null ? I : ""}`, P = C.find((O) => O.label === y);
-    let { tb: k, vt: T, ht: A, pd: F } = r || {};
-    if (k = k != null ? k : Re.WRAP, T = T != null ? T : se.BOTTOM, A = A != null ? A : oe.ht, F = F != null ? F : oe.pd, u.renderMode === ie.ARROW) {
-      const { l: O = oe.pd.l, t: U = oe.pd.t, r: B = oe.pd.r, b: j = oe.pd.b } = F, Z = g - O - B - he - 4, { documentSkeleton: Y, documents: ae, docModel: pe } = wt(y, this._localeService, r);
-      k === Re.WRAP && pe.updateDocumentDataPageSize(Math.max(Z, 1)), Y.calculate(), Y.getActualSize();
-      const ce = rt(Y), { height: ne, width: ue } = ce, { paddingTop: Ce, paddingLeft: ge } = Ha(Z, S - U - j, ue, ne, T, A, !0);
-      this._drawDownIcon(e, m, g, S, ne, T, F), e.save(), e.translateWithPrecision(m.startX + O, m.startY + U), e.beginPath(), e.rect(0, 0, g - O - B, S - U - j), e.clip(), e.translateWithPrecision(0, Ce), e.save(), e.translateWithPrecision(De, 0), e.beginPath(), e.rect(0, 0, Z, ne), e.clip(), ae.render(e), e.translateWithPrecision(ge, 0), e.restore(), e.restore(), V.set(w, {
-        left: m.endX + O + n.rowHeaderWidth - he,
-        top: m.startY + U + n.columnHeaderHeight,
+    const g = {
+      startX: c.startX + S,
+      endX: c.endX - p,
+      startY: c.startY + b,
+      endY: c.endY - y
+    }, f = g.endX - g.startX, m = g.endY - g.startY, I = this._ensureMap(s), w = this._generateKey(o, i), C = h.getListWithColor(u), R = Q(l), D = `${R != null ? R : ""}`, k = C.find((O) => O.label === D);
+    let { tb: V, vt: A, ht: P, pd: L } = a || {};
+    if (V = V != null ? V : Ie.WRAP, A = A != null ? A : ae.BOTTOM, P = P != null ? P : re.ht, L = L != null ? L : re.pd, u.renderMode === oe.ARROW) {
+      const { l: O = re.pd.l, t: F = re.pd.t, r: x = re.pd.r, b: j = re.pd.b } = L, Z = f - O - x - he - 4, { documentSkeleton: Y, documents: te, docModel: ge } = St(D, this._localeService, a);
+      V === Ie.WRAP && ge.updateDocumentDataPageSize(Math.max(Z, 1)), Y.calculate(), Y.getActualSize();
+      const ce = ot(Y), { height: ne, width: de } = ce, { paddingTop: Se, paddingLeft: me } = xn(Z, m - F - j, de, ne, A, P, !0);
+      this._drawDownIcon(e, g, f, m, ne, A, L), e.save(), e.translateWithPrecision(g.startX + O, g.startY + F), e.beginPath(), e.rect(0, 0, f - O - x, m - F - j), e.clip(), e.translateWithPrecision(0, Se), e.save(), e.translateWithPrecision(be, 0), e.beginPath(), e.rect(0, 0, Z, ne), e.clip(), te.render(e), e.translateWithPrecision(me, 0), e.restore(), e.restore(), I.set(w, {
+        left: g.endX + O + r.rowHeaderWidth - he,
+        top: g.startY + F + r.columnHeaderHeight,
         width: he,
-        height: S - U - j
+        height: m - F - j
       });
     } else {
-      e.save(), e.translateWithPrecision(m.startX, m.startY), e.beginPath(), e.rect(0, 0, g, S), e.clip();
-      const O = g - ve * 2 - De - he - 4, { documentSkeleton: U, documents: B, docModel: j } = wt(y, this._localeService, r);
-      k === Re.WRAP && j.updateDocumentDataPageSize(Math.max(O, 1)), U.calculate();
-      const Z = rt(U), { height: Y, width: ae } = Z, { paddingTop: pe, paddingLeft: ce } = Ha(O, S, ae, Y, T, A);
-      e.translateWithPrecision(ve, pe);
-      const ne = Math.max(g - ve * 2, 1), ue = Y;
-      hn.drawWith(e, {
+      e.save(), e.translateWithPrecision(g.startX, g.startY), e.beginPath(), e.rect(0, 0, f, m), e.clip();
+      const O = f - fe * 2 - be - he - 4, { documentSkeleton: F, documents: x, docModel: j } = St(D, this._localeService, a);
+      V === Ie.WRAP && j.updateDocumentDataPageSize(Math.max(O, 1)), F.calculate();
+      const Z = ot(F), { height: Y, width: te } = Z, { paddingTop: ge, paddingLeft: ce } = xn(O, m, te, Y, A, P);
+      e.translateWithPrecision(fe, ge);
+      const ne = Math.max(f - fe * 2, 1), de = Y;
+      cr.drawWith(e, {
         width: ne,
-        height: ue,
-        fill: (P == null ? void 0 : P.color) || je,
-        radius: Gt
-      }), e.save(), e.translateWithPrecision(De, 0), e.beginPath(), e.rect(0, 0, O, Y), e.clip(), e.translateWithPrecision(ce, 0), B.render(e), e.restore(), e.translateWithPrecision(O + De + 4, (Y - Rt) / 2), e.fillStyle = Vr, e.fill($a), e.restore(), V.set(w, {
-        left: m.startX + ve + n.rowHeaderWidth,
-        top: m.startY + pe + n.columnHeaderHeight,
+        height: de,
+        fill: (k == null ? void 0 : k.color) || He,
+        radius: jt
+      }), e.save(), e.translateWithPrecision(be, 0), e.beginPath(), e.rect(0, 0, O, Y), e.clip(), e.translateWithPrecision(ce, 0), x.render(e), e.restore(), e.translateWithPrecision(O + be + 4, (Y - _t) / 2), e.fillStyle = Ji, e.fill(Fn), e.restore(), I.set(w, {
+        left: g.startX + fe + r.rowHeaderWidth,
+        top: g.startY + ge + r.columnHeaderHeight,
         width: ne,
-        height: ue
+        height: de
       });
     }
   }
   calcCellAutoHeight(e) {
-    const { primaryWithCoord: t, style: n, data: a, row: o, col: i } = e, r = t.isMergedMainCell ? t.mergeInfo : t, l = a == null ? void 0 : a.fontRenderExtension, { leftOffset: s = 0, rightOffset: d = 0, topOffset: u = 0, downOffset: p = 0 } = l || {}, c = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, o, i);
-    if (!c || c.renderMode === ie.TEXT)
+    const { primaryWithCoord: t, style: r, data: n, row: o, col: i } = e, a = t.isMergedMainCell ? t.mergeInfo : t, l = n == null ? void 0 : n.fontRenderExtension, { leftOffset: s = 0, rightOffset: c = 0, topOffset: u = 0, downOffset: h = 0 } = l || {}, d = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, o, i);
+    if (!d || d.renderMode === oe.TEXT)
       return;
-    const _ = {
-      startX: r.startX + s,
-      endX: r.endX - d,
-      startY: r.startY + u,
-      endY: r.endY - p
-    }, h = _.endX - _.startX, D = ee(a), R = `${D != null ? D : ""}`;
-    let { tb: m, pd: g } = n || {};
-    const { t: S = oe.pd.t, b: V = oe.pd.b } = g != null ? g : {};
-    if (m = m != null ? m : Re.WRAP, c.renderMode === ie.ARROW) {
-      const w = h - he, { documentSkeleton: C, docModel: I } = wt(R, this._localeService, n);
-      m === Re.WRAP && I.updateDocumentDataPageSize(Math.max(w, 1)), C.calculate(), C.getActualSize();
-      const y = rt(C), { height: P } = y;
-      return P + S + V + Ye * 2;
+    const S = {
+      startX: a.startX + s,
+      endX: a.endX - c,
+      startY: a.startY + u,
+      endY: a.endY - h
+    }, p = S.endX - S.startX, b = Q(n), y = `${b != null ? b : ""}`;
+    let { tb: g, pd: f } = r || {};
+    const { t: m = re.pd.t, b: I = re.pd.b } = f != null ? f : {};
+    if (g = g != null ? g : Ie.WRAP, d.renderMode === oe.ARROW) {
+      const w = p - he, { documentSkeleton: C, docModel: R } = St(y, this._localeService, r);
+      g === Ie.WRAP && R.updateDocumentDataPageSize(Math.max(w, 1)), C.calculate(), C.getActualSize();
+      const D = ot(C), { height: k } = D;
+      return k + m + I + We * 2;
     } else {
-      const w = h - ve * 2 - De - he, { documentSkeleton: C, docModel: I } = Fn(R, this._localeService, n);
-      m === Re.WRAP && I.updateDocumentDataPageSize(Math.max(w, 1)), C.calculate();
-      const y = rt(C), {
-        height: P
-      } = y;
-      return P + Ye * 2;
+      const w = p - fe * 2 - be - he, { documentSkeleton: C, docModel: R } = Tr(y, this._localeService, r);
+      g === Ie.WRAP && R.updateDocumentDataPageSize(Math.max(w, 1)), C.calculate();
+      const D = ot(C), {
+        height: k
+      } = D;
+      return k + We * 2;
     }
   }
   calcCellAutoWidth(e) {
-    const { primaryWithCoord: t, style: n, data: a, row: o, col: i } = e, r = t.isMergedMainCell ? t.mergeInfo : t, l = a == null ? void 0 : a.fontRenderExtension, { leftOffset: s = 0, rightOffset: d = 0, topOffset: u = 0, downOffset: p = 0 } = l || {}, c = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, o, i);
-    if (!c || c.renderMode === ie.TEXT)
+    const { primaryWithCoord: t, style: r, data: n, row: o, col: i } = e, a = t.isMergedMainCell ? t.mergeInfo : t, l = n == null ? void 0 : n.fontRenderExtension, { leftOffset: s = 0, rightOffset: c = 0, topOffset: u = 0, downOffset: h = 0 } = l || {}, d = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, o, i);
+    if (!d || d.renderMode === oe.TEXT)
       return;
-    const _ = {
-      startX: r.startX + s,
-      endX: r.endX - d,
-      startY: r.startY + u,
-      endY: r.endY - p
-    }, h = _.endX - _.startX, D = ee(a), R = `${D != null ? D : ""}`;
-    let { tb: m, pd: g } = n || {};
-    const { l: S = oe.pd.l, r: V = oe.pd.r } = g != null ? g : {};
-    m = m != null ? m : Re.WRAP;
-    let w = ve * 2 + he;
-    switch (c.renderMode) {
-      case ie.ARROW:
-        w = he + ve * 2 + V + S;
+    const S = {
+      startX: a.startX + s,
+      endX: a.endX - c,
+      startY: a.startY + u,
+      endY: a.endY - h
+    }, p = S.endX - S.startX, b = Q(n), y = `${b != null ? b : ""}`;
+    let { tb: g, pd: f } = r || {};
+    const { l: m = re.pd.l, r: I = re.pd.r } = f != null ? f : {};
+    g = g != null ? g : Ie.WRAP;
+    let w = fe * 2 + he;
+    switch (d.renderMode) {
+      case oe.ARROW:
+        w = he + fe * 2 + I + m;
         break;
-      case ie.CUSTOM:
-        w = he + ve * 2 + De * 2 + V + S + Gt / 2 + 1;
+      case oe.CUSTOM:
+        w = he + fe * 2 + be * 2 + I + m + jt / 2 + 1;
         break;
       // default is CUSTOM
       default:
-        w = he + ve * 2 + De * 2 + V + S + Gt / 2 + 1;
+        w = he + fe * 2 + be * 2 + I + m + jt / 2 + 1;
     }
-    const C = h - w, { documentSkeleton: I, docModel: y } = wt(R, this._localeService, n);
-    return m === Re.WRAP && y.updateDocumentDataPageSize(Math.max(C, 1)), I.calculate(), I.getActualSize(), rt(I).width + w;
+    const C = p - w, { documentSkeleton: R, docModel: D } = St(y, this._localeService, r);
+    return g === Ie.WRAP && D.updateDocumentDataPageSize(Math.max(C, 1)), R.calculate(), R.getActualSize(), ot(R).width + w;
   }
   isHit(e, t) {
-    const { subUnitId: n, row: a, col: o } = t, r = this._ensureMap(n).get(this._generateKey(a, o)), l = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, a, o);
-    if (!l || !r || l.renderMode === ie.TEXT)
+    const { subUnitId: r, row: n, col: o } = t, a = this._ensureMap(r).get(this._generateKey(n, o)), l = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, n, o);
+    if (!l || !a || l.renderMode === oe.TEXT)
       return !1;
-    const { top: s, left: d, width: u, height: p } = r, { x: c, y: _ } = e;
-    return c >= d && c <= d + u && _ >= s && _ <= s + p;
+    const { top: s, left: c, width: u, height: h } = a, { x: d, y: S } = e;
+    return d >= c && d <= c + u && S >= s && S <= s + h;
   }
   onPointerDown(e, t) {
     if (t.button === 2)
       return;
-    const { unitId: n, subUnitId: a, row: o, col: i } = e, r = {
-      unitId: n,
-      subUnitId: a,
+    const { unitId: r, subUnitId: n, row: o, col: i } = e, a = {
+      unitId: r,
+      subUnitId: n,
       row: o,
       column: i
     };
-    this._commandService.executeCommand(Nt.id, r);
+    this._commandService.executeCommand(At.id, a);
   }
   onPointerEnter(e, t) {
-    var n, a;
-    (a = (n = Ze(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : n.mainComponent) == null || a.setCursor(qe.POINTER);
+    var r, n;
+    (n = (r = Ke(W.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(Ge.POINTER);
   }
   onPointerLeave(e, t) {
-    var n, a;
-    (a = (n = Ze(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : n.mainComponent) == null || a.setCursor(qe.DEFAULT);
+    var r, n;
+    (n = (r = Ke(W.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(Ge.DEFAULT);
   }
 };
-ha = wr([
-  lt(0, de),
-  lt(1, M(le)),
-  lt(2, Q),
-  lt(3, M(Ne)),
-  lt(4, M(te))
-], ha);
-class Mr extends _e {
+sn = qi([
+  at(0, le),
+  at(1, M(se)),
+  at(2, J),
+  at(3, M(Ne)),
+  at(4, M(ee))
+], sn);
+class ea extends ve {
   constructor() {
     super(...arguments);
     E(this, "id", G.LIST);
-    E(this, "canvasRender", this.injector.createInstance(ha));
-    E(this, "dropdownType", me.LIST);
-    E(this, "optionsInput", At.componentKey);
-    E(this, "formulaInput", pa);
+    E(this, "canvasRender", this.injector.createInstance(sn));
+    E(this, "dropdownType", pe.LIST);
+    E(this, "optionsInput", Dt.componentKey);
+    E(this, "formulaInput", dn);
   }
 }
-class Dr extends _e {
+class ta extends ve {
   constructor() {
     super(...arguments);
     E(this, "id", G.TEXT_LENGTH);
-    E(this, "formulaInput", Ft);
+    E(this, "formulaInput", Tt);
   }
 }
-class Er extends _e {
+class na extends ve {
   constructor() {
     super(...arguments);
     E(this, "id", G.WHOLE);
-    E(this, "formulaInput", Ft);
+    E(this, "formulaInput", Tt);
   }
 }
-var br = Object.getOwnPropertyDescriptor, Or = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? br(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+var ra = Object.getOwnPropertyDescriptor, oa = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? ra(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, Zt = (e, t) => (n, a) => t(n, a, e);
-let nt = class extends ma {
-  constructor(e, t, n) {
-    super(), this._injector = e, this._componentManger = t, this._dataValidatorRegistryService = n, this._initComponents(), this._registerValidatorViews();
+}, Yt = (e, t) => (r, n) => t(r, n, e);
+let tt = class extends cn {
+  constructor(e, t, r) {
+    super(), this._injector = e, this._componentManger = t, this._dataValidatorRegistryService = r, this._initComponents(), this._registerValidatorViews();
   }
   _initComponents() {
     [
-      [bn, In],
-      [bt, or],
-      [At.componentKey, At],
-      [Lt.componentKey, Lt],
-      ...mi
+      [Mr, _r],
+      [bt, Pi],
+      [Dt.componentKey, Dt],
+      [Vt.componentKey, Vt],
+      ...ei
     ].forEach(([e, t]) => {
       this.disposeWithMe(this._componentManger.register(
         e,
@@ -2858,144 +2916,144 @@ let nt = class extends ma {
   }
   _registerValidatorViews() {
     [
-      mr,
-      Er,
-      Dr,
-      hr,
-      dr,
-      Mr,
-      Ir,
-      cr
+      Bi,
+      na,
+      ta,
+      $i,
+      Ui,
+      ea,
+      Gi,
+      Fi
     ].forEach((e) => {
-      const t = this._injector.createInstance(e), n = this._dataValidatorRegistryService.getValidatorItem(t.id);
-      n && (n.formulaInput = t.formulaInput, n.canvasRender = t.canvasRender, n.dropdownType = t.dropdownType, n.optionsInput = t.optionsInput);
+      const t = this._injector.createInstance(e), r = this._dataValidatorRegistryService.getValidatorItem(t.id);
+      r && (r.formulaInput = t.formulaInput, r.canvasRender = t.canvasRender, r.dropdownType = t.dropdownType, r.optionsInput = t.optionsInput);
     });
   }
 };
-nt = Or([
-  Zt(0, M(we)),
-  Zt(1, M(_a)),
-  Zt(2, M(ye))
-], nt);
-var Tr = Object.getOwnPropertyDescriptor, Ar = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? Tr(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+tt = oa([
+  Yt(0, M(we)),
+  Yt(1, M(gn)),
+  Yt(2, M(ye))
+], tt);
+var ia = Object.getOwnPropertyDescriptor, aa = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? ia(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, qt = (e, t) => (n, a) => t(n, a, e);
-const Lr = "SHEET_DATA_VALIDATION_UI_PLUGIN";
-var Vt;
-let Wa = (Vt = class extends Ka {
-  constructor(e = Ot, t, n, a) {
-    super(), this._config = e, this._injector = t, this._commandService = n, this._configService = a;
-    const { menu: o, ...i } = Ga(
+}, Xt = (e, t) => (r, n) => t(r, n, e);
+const sa = "SHEET_DATA_VALIDATION_UI_PLUGIN";
+var Ct;
+let $n = (Ct = class extends Xn {
+  constructor(e = Mt, t, r, n) {
+    super(), this._config = e, this._injector = t, this._commandService = r, this._configService = n;
+    const { menu: o, ...i } = zn(
       {},
-      Ot,
+      Mt,
       this._config
     );
-    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(En, i);
+    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(Sn, i);
   }
   onStarting() {
     [
-      [Se],
-      [Pe],
-      [ht],
-      [Qe],
-      [at],
-      [tt],
+      [_e],
+      [Ae],
+      [dt],
+      [qe],
       [et],
+      [Qe],
       [Je],
-      [nt]
+      [Ze],
+      [tt]
     ].forEach((e) => {
       this._injector.add(e);
     }), [
-      Ut,
-      Nt,
-      Dn,
-      wa,
-      Be,
-      Mn
+      Lt,
+      At,
+      yr,
+      Cn,
+      Fe,
+      Rr
     ].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
   onReady() {
-    this._injector.get(et), this._injector.get(tt), this._injector.get(Je), this._injector.get(ht), this._injector.get(Ne).registerRenderModule(
-      x.UNIVER_SHEET,
-      [Tt]
+    this._injector.get(Je), this._injector.get(Qe), this._injector.get(Ze), this._injector.get(dt), this._injector.get(Ne).registerRenderModule(
+      W.UNIVER_SHEET,
+      [Et]
     );
   }
   onRendered() {
-    this._injector.get(nt), this._injector.get(at);
+    this._injector.get(tt), this._injector.get(et);
   }
   onSteady() {
-    this._injector.get(Qe);
-  }
-}, E(Vt, "pluginName", Lr), E(Vt, "type", x.UNIVER_SHEET), Vt);
-Wa = Ar([
-  qt(1, M(we)),
-  qt(2, Q),
-  qt(3, Za)
-], Wa);
-var Pr = Object.getOwnPropertyDescriptor, Fr = (e, t, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? Pr(t, n) : t, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(o) || o);
+    this._injector.get(qe);
+  }
+}, E(Ct, "pluginName", sa), E(Ct, "type", W.UNIVER_SHEET), Ct);
+$n = aa([
+  Xt(1, M(we)),
+  Xt(2, J),
+  Xt(3, ln)
+], $n);
+var la = Object.getOwnPropertyDescriptor, ca = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? la(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, Jt = (e, t) => (n, a) => t(n, a, e);
-const kr = "SHEET_DATA_VALIDATION_UI_PLUGIN";
-var yt;
-let xa = (yt = class extends Ka {
-  constructor(e = Ot, t, n, a) {
-    super(), this._config = e, this._injector = t, this._commandService = n, this._configService = a;
-    const { menu: o, ...i } = Ga(
+}, zt = (e, t) => (r, n) => t(r, n, e);
+const da = "SHEET_DATA_VALIDATION_UI_PLUGIN";
+var It;
+let Bn = (It = class extends Xn {
+  constructor(e = Mt, t, r, n) {
+    super(), this._config = e, this._injector = t, this._commandService = r, this._configService = n;
+    const { menu: o, ...i } = zn(
       {},
-      Ot,
+      Mt,
       this._config
     );
-    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(En, i);
+    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(Sn, i);
   }
   onStarting() {
     [
-      [Se],
-      [Pe],
-      [ht],
-      [Qe],
-      [at],
-      [tt],
+      [_e],
+      [Ae],
+      [dt],
+      [qe],
       [et],
-      [nt]
+      [Qe],
+      [Je],
+      [tt]
     ].forEach((e) => {
       this._injector.add(e);
     }), [
-      Ut,
-      Nt,
-      Dn,
-      wa,
-      Be,
-      Mn
+      Lt,
+      At,
+      yr,
+      Cn,
+      Fe,
+      Rr
     ].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
   onReady() {
-    this._injector.get(et), this._injector.get(tt), this._injector.get(Ne).registerRenderModule(
-      x.UNIVER_SHEET,
-      [Tt]
+    this._injector.get(Je), this._injector.get(Qe), this._injector.get(Ne).registerRenderModule(
+      W.UNIVER_SHEET,
+      [Et]
     );
   }
   onRendered() {
-    this._injector.get(nt), this._injector.get(at);
+    this._injector.get(tt), this._injector.get(et);
   }
   onSteady() {
-    this._injector.get(Qe);
-  }
-}, E(yt, "pluginName", kr), E(yt, "type", x.UNIVER_SHEET), yt);
-xa = Fr([
-  Jt(1, M(we)),
-  Jt(2, Q),
-  Jt(3, Za)
-], xa);
+    this._injector.get(qe);
+  }
+}, E(It, "pluginName", da), E(It, "type", W.UNIVER_SHEET), It);
+Bn = ca([
+  zt(1, M(we)),
+  zt(2, J),
+  zt(3, ln)
+], Bn);
 export {
-  _e as BaseSheetDataValidatorView,
-  xa as UniverSheetsDataValidationMobileUIPlugin,
-  Wa as UniverSheetsDataValidationUIPlugin
+  ve as BaseSheetDataValidatorView,
+  Bn as UniverSheetsDataValidationMobileUIPlugin,
+  $n as UniverSheetsDataValidationUIPlugin
 };