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

package/lib/index.js

@@ -1,113 +1,103 @@
-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 Y, toDisposable as kr, IUniverInstanceService as le, DataValidationErrorStyle as lt, DataValidationStatus as je, ICommandService as J, IConfigService as ln, DataValidationRenderMode as ie, DisposableCollection as Nr, dayjs as Rn, numfmt as Wn, CellValueType as Ur, CommandType as nt, ObjectMatrix as wt, Range as Fr, Rectangle as Rt, queryObjectMatrix as Gt, Optional as xr, RxDisposable as dn, InterceptorEffectEnum as jn, sequenceExecute as Yn, bufferDebounceTime as $r, debounce as Br, UndoCommand as Hr, RedoCommand as Wr, isUnitRangesEqual as jr, shallowEqual as yn, ThemeService as Xn, 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 zn, merge as Kn } from "@univerjs/core";
+import { DataValidationFormulaController as Kr, deserializeListOptions as Gr, serializeListOptions as Gn, CUSTOM_FORMULA_INPUT_NAME as Zn, BASE_FORMULA_INPUT_NAME as Tt, LIST_FORMULA_INPUT_NAME as cn, CHECKBOX_FORMULA_INPUT_NAME as qn, SheetDataValidationModel as ee, SheetsDataValidationValidatorService as Zr, getDataValidationCellValue as kt, getCellValueOrigin as Q, createDefaultNewRule as Jn, AddSheetDataValidationCommand as un, DATA_VALIDATION_PLUGIN_NAME as Qn, getDataValidationDiffMutations as Zt, UpdateSheetDataValidationRangeCommand as er, DataValidationCacheService as tr, UpdateSheetDataValidationSettingCommand as bn, UpdateSheetDataValidationOptionsCommand as qr, RemoveSheetDataValidationCommand as nr, RemoveSheetAllDataValidationCommand as Jr, DataValidationFormulaService as Qr, CHECKBOX_FORMULA_2 as ei, CHECKBOX_FORMULA_1 as ti, getFormulaResult as Nt, isLegalFormulaResult as Mn, transformCheckboxValue as ni } from "@univerjs/sheets-data-validation";
+import { jsxs as W, Fragment as Xe, jsx as f } from "react/jsx-runtime";
+import { FormLayout as j, Input as Ve, Checkbox as Pt, RadioGroup as hn, Radio as Oe, DraggableList as ri, clsx as rr, Dropdown as ii, Button as ze, Select as En } from "@univerjs/design";
+import { useDependency as U, useSidebarClick as ir, useObservable as Te, useEvent as qt, ISidebarService as or, IDialogService as oi, IZenZoneService as ar, KeyCode as ht, MenuItemType as gn, getMenuHiddenObservable as ai, RibbonStartGroup as si, IMenuManagerService as li, ComponentManager as pn } from "@univerjs/ui";
+import Dn, { useState as H, useRef as ut, forwardRef as Le, createElement as ke, useMemo as dt, useEffect as Pe } from "react";
+import { FormulaEditor as sr, RangeSelector as di } from "@univerjs/sheets-formula-ui";
+import { DataValidatorRegistryService as ye, DataValidationModel as vn, DataValidatorDropdownType as ge, DataValidatorRegistryScope as ci, TWO_FORMULA_OPERATOR_COUNT as ui, getRuleOptions as Vn, getRuleSetting as On } from "@univerjs/data-validation";
+import { debounceTime as lr, filter as mn, BehaviorSubject as Tn, distinctUntilChanged as hi, Subject as gi, bufferTime as dr, of as pi } from "rxjs";
+import { DeviceInputEventType as gt, IRenderManagerService as Ne, fixLineWidthByScale as Pn, Transform as vi, CheckboxShape as mi, getCurrentTypeOfRenderer as Ke, CURSOR_TYPE as Ge, FontCache as fi, Shape as _i, Rect as cr, getFontStyleString as Ut, getDocsSkeletonPageSize as it, Documents as Si, DocumentViewModel as Ci, DocumentSkeleton as Ii } from "@univerjs/engine-render";
+import { SheetInterceptorService as fn, VALIDATE_CELL as wi, SheetsSelectionsService as ur, SetRangeValuesCommand as st, getSheetCommandTarget as hr, rangeToDiscreteRange as Ri, SheetPermissionCheckController as yi, WorksheetEditPermission as Jt, WorksheetSetCellStylePermission as Qt, RangeProtectionPermissionEditPoint as en, WorkbookEditablePermission as tn, INTERCEPTOR_POINT as gr, InterceptCellContentPriority as pr, checkRangesEditablePermission as bi } from "@univerjs/sheets";
+import { getPatternType as Mi } from "@univerjs/sheets-numfmt";
+import { ISheetCellDropdownManagerService as Ei, IEditorBridgeService as vr, SetCellEditVisibleOperation as pt, HoverManagerService as Di, CellAlertManagerService as Vi, CellAlertType as Oi, IAutoFillService as Ti, APPLY_TYPE as ot, virtualizeDiscreteRanges as nn, getAutoFillRepeatRange as Pi, ISheetClipboardService as Ai, COPY_TYPE as An, PREDEFINED_HOOK_NAME as vt, getRepeatRange as Ln, getCurrentRangeDisable$ as Li, AutoHeightController as mr, SheetSkeletonManagerService as yt, IMarkSelectionService as ki } from "@univerjs/sheets-ui";
+import { deserializeRangeWithSheet as Ni, serializeRange as fr } from "@univerjs/engine-formula";
+const Ui = (e) => {
+  const { isTwoFormula: t = !1, value: r, onChange: n, showError: i, validResult: o } = e, a = U(se), l = i ? o == null ? void 0 : o.formula1 : "", s = i ? o == null ? void 0 : o.formula2 : "";
+  return t ? /* @__PURE__ */ W(Xe, { children: [
+    /* @__PURE__ */ f(j, { error: l, children: /* @__PURE__ */ f(
+      Ve,
       {
-        className: J.dataValidationFormula,
-        placeholder: r.t("dataValidation.panel.formulaPlaceholder"),
-        value: n == null ? void 0 : n.formula1,
+        className: "univer-w-full",
+        placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
+        value: r == null ? void 0 : r.formula1,
         onChange: (d) => {
-          a == null || a({
-            ...n,
+          n == null || n({
+            ...r,
             formula1: d
           });
         }
       }
     ) }),
-    /* @__PURE__ */ v("div", { className: J.dataValidationFormulaAnd, children: r.t("dataValidation.panel.formulaAnd") }),
-    /* @__PURE__ */ v(K, { error: s, children: /* @__PURE__ */ v(
-      Oe,
+    /* @__PURE__ */ f("div", { className: "-univer-mt-2 univer-mb-1 univer-text-sm univer-text-gray-400", children: a.t("dataValidation.panel.formulaAnd") }),
+    /* @__PURE__ */ f(j, { error: s, children: /* @__PURE__ */ f(
+      Ve,
       {
-        className: J.dataValidationFormula,
-        placeholder: r.t("dataValidation.panel.formulaPlaceholder"),
-        value: n == null ? void 0 : n.formula2,
+        className: "univer-w-full",
+        placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
+        value: r == null ? void 0 : r.formula2,
         onChange: (d) => {
-          a == null || a({
-            ...n,
+          n == null || n({
+            ...r,
             formula2: d
           });
         }
       }
     ) })
-  ] }) : /* @__PURE__ */ v(K, { error: l, children: /* @__PURE__ */ v(
-    Oe,
+  ] }) : /* @__PURE__ */ f(j, { error: l, children: /* @__PURE__ */ f(
+    Ve,
     {
-      className: J.dataValidationFormula,
-      placeholder: r.t("dataValidation.panel.formulaPlaceholder"),
-      value: n == null ? void 0 : n.formula1,
+      className: "univer-w-full",
+      placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
+      value: r == null ? void 0 : r.formula1,
       onChange: (d) => {
-        a == null || a({ formula1: d });
+        n == null || n({ formula1: d });
       }
     }
   ) });
 };
-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 Fi(e) {
+  const { value: t, onChange: r, showError: n, validResult: i } = e, o = U(se), a = n ? i == null ? void 0 : i.formula1 : "", l = n ? i == null ? void 0 : i.formula2 : "", [s, d] = H(!((t == null ? void 0 : t.formula1) === void 0 && (t == null ? void 0 : t.formula2) === void 0));
+  return /* @__PURE__ */ W(Xe, { children: [
+    /* @__PURE__ */ f(j, { children: /* @__PURE__ */ f(
+      Pt,
       {
         checked: s,
         onChange: (u) => {
-          u ? d(!0) : (d(!1), n == null || n({
+          u ? d(!0) : (d(!1), r == null || r({
             ...t,
             formula1: void 0,
             formula2: void 0
           }));
         },
-        children: i.t("dataValidation.checkbox.tips")
+        children: o.t("dataValidation.checkbox.tips")
       }
     ) }),
-    s ? /* @__PURE__ */ v(K, { label: i.t("dataValidation.checkbox.checked"), error: r, children: /* @__PURE__ */ v(
-      Oe,
+    s ? /* @__PURE__ */ f(j, { label: o.t("dataValidation.checkbox.checked"), error: a, children: /* @__PURE__ */ f(
+      Ve,
       {
-        className: J.dataValidationFormula,
-        placeholder: i.t("dataValidation.panel.valuePlaceholder"),
+        className: "univer-w-full",
+        placeholder: o.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__ */ f(j, { label: o.t("dataValidation.checkbox.unchecked"), error: l, children: /* @__PURE__ */ f(
+      Ve,
       {
-        className: J.dataValidationFormula,
-        placeholder: i.t("dataValidation.panel.valuePlaceholder"),
+        className: "univer-w-full",
+        placeholder: o.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,128 +106,136 @@ 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 xi(e) {
+  var h;
+  const { unitId: t, subUnitId: r, value: n, onChange: i, showError: o, validResult: a } = e, l = o ? a == null ? void 0 : a.formula1 : void 0, s = ut(null), [d, u] = H(!1);
+  return ir((c) => {
+    var g;
+    ((g = s.current) == null ? void 0 : g.isClickOutSide(c)) && u(!1);
+  }), /* @__PURE__ */ f(j, { error: l, children: /* @__PURE__ */ f(
+    sr,
     {
-      initValue: (p = a == null ? void 0 : a.formula1) != null ? p : "=",
+      ref: s,
+      className: `
+                  univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg
+                  univer-border univer-border-solid univer-border-gray-200 univer-bg-white univer-pt-2
+                  univer-transition-colors
+                  [&>div:first-child]:univer-px-2.5
+                  [&>div]:univer-h-5 [&>div]:univer-ring-transparent
+                  dark:univer-border-gray-600 dark:univer-bg-gray-700 dark:univer-text-white
+                  hover:univer-border-primary-600
+                `,
+      initValue: (h = n == null ? void 0 : n.formula1) != null ? h : "=",
       unitId: t,
-      subUnitId: n,
+      subUnitId: r,
       isFocus: d,
+      isSupportAcrossSheet: !0,
       onChange: (c) => {
-        const _ = (c != null ? c : "").trim();
-        _ !== (a == null ? void 0 : a.formula1) && (o == null || o({
-          ...a,
-          formula1: _
+        const m = (c != null ? c : "").trim();
+        m !== (n == null ? void 0 : n.formula1) && (i == null || i({
+          ...n,
+          formula1: m
         }));
       },
-      errorText: l,
-      onFocus: () => u(!0),
-      isSupportAcrossSheet: !0,
-      ref: s
+      onFocus: () => u(!0)
     }
-  );
+  ) });
 }
-var re = function() {
-  return re = Object.assign || function(e) {
-    for (var t, n = 1, a = arguments.length; n < a; n++) {
-      t = arguments[n];
-      for (var o in t) Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+var oe = function() {
+  return oe = Object.assign || function(e) {
+    for (var t, r = 1, n = arguments.length; r < n; r++) {
+      t = arguments[r];
+      for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
     }
     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]);
+  }, oe.apply(this, arguments);
+}, $i = 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 i = 0, n = Object.getOwnPropertySymbols(e); i < n.length; i++)
+      t.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[i]) && (r[n[i]] = e[n[i]]);
+  return r;
+}, Ue = Le(function(e, t) {
+  var r = e.icon, n = e.id, i = e.className, o = e.extend, a = $i(e, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), s = ut("_".concat(Wi()));
+  return _r(r, "".concat(n), { defIds: r.defIds, idSuffix: s.current }, oe({ ref: t, className: l }, a), o);
 });
-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 _r(e, t, r, n, i) {
+  return ke(e.tag, oe(oe({ key: t }, Bi(e, r, i)), n), (Hi(e, r).children || []).map(function(o, a) {
+    return _r(o, "".concat(t, "-").concat(e.tag, "-").concat(a), r, void 0, i);
   }));
 }
-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 Bi(e, t, r) {
+  var n = oe({}, 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(o) {
+    var a = o[0], l = o[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;
+  var i = t.defIds;
+  return !i || i.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(o) {
+    var a = o[0], l = o[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 Hi(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) ? oe(oe({}, e), { children: e.children.map(function(i) {
+    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? oe(oe({}, i), { attrs: oe(oe({}, i.attrs), { id: i.attrs.id + t.idSuffix }) }) : i;
   }) }) : e;
 }
-function ni() {
+function Wi() {
   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 ji = { 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" } }] }, Sr = Le(function(e, t) {
   return ke(Ue, Object.assign({}, e, {
     id: "data-validation-single",
     ref: t,
-    icon: oi
+    icon: ji
   }));
 });
-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) {
+Sr.displayName = "DataValidationSingle";
+var Yi = { 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: Yi
   }));
 });
-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 Xi = { 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" } }] }, Cr = Le(function(e, t) {
   return ke(Ue, Object.assign({}, e, {
     id: "increase-single",
     ref: t,
-    icon: ri
+    icon: Xi
   }));
 });
-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) {
+Cr.displayName = "IncreaseSingle";
+var zi = { 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" } }] }, Sn = Le(function(e, t) {
   return ke(Ue, Object.assign({}, e, {
     id: "more-down-single",
     ref: t,
-    icon: si
+    icon: zi
   }));
 });
-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) {
+Sn.displayName = "MoreDownSingle";
+var Ki = { 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: Ki
   }));
 });
-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 Gi = { 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: Gi
   }));
 });
-yn.displayName = "SequenceSingle";
-const je = "#ECECEC", ci = [
+wr.displayName = "SequenceSingle";
+const He = "#ECECEC", Zi = [
   "#FFFFFF",
   "#FEE7E7",
   "#FEF0E6",
@@ -262,288 +260,342 @@ 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,
+], qi = (e) => {
+  const { value: t, onChange: r, disabled: n } = e, [i, o] = H(!1);
+  return /* @__PURE__ */ f(
+    ii,
     {
-      disabled: a,
-      open: o,
-      onDropdownVisibleChange: i,
-      dropdownStyle: { width: 112 },
-      style: { width: 96, cursor: "pointer" },
-      className: J.dataValidationFormulaColorSelect,
-      value: t,
-      onChange: n,
-      labelRender: (r) => /* @__PURE__ */ v(
+      align: "start",
+      disabled: n,
+      open: i,
+      onOpenChange: o,
+      overlay: /* @__PURE__ */ f(
         "div",
         {
-          className: J.dataValidationFormulaColorItem,
-          style: { background: r.value, marginTop: 5 }
+          className: `
+                      univer-box-border univer-grid univer-w-fit univer-grid-cols-6 univer-flex-wrap univer-gap-2
+                      univer-p-1.5
+                    `,
+          children: Zi.map(
+            (a) => /* @__PURE__ */ f(
+              "div",
+              {
+                className: `
+                                  univer-box-border univer-size-4 univer-cursor-pointer univer-rounded univer-border
+                                  univer-border-solid univer-border-gray-200
+                                `,
+                style: { background: a },
+                onClick: () => {
+                  r(a), o(!1);
+                }
+              },
+              a
+            )
+          )
         }
       ),
-      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
-        )
-      ) })
+      children: /* @__PURE__ */ W(
+        "div",
+        {
+          className: `
+                  univer-box-border univer-inline-flex univer-h-8 univer-w-16 univer-cursor-pointer univer-items-center
+                  univer-justify-between univer-gap-2 univer-rounded-lg univer-border univer-border-solid
+                  univer-border-gray-200 univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200
+                  dark:univer-border-gray-600 dark:univer-bg-gray-700 dark:univer-text-white
+                  hover:univer-border-primary-600
+                `,
+          children: [
+            /* @__PURE__ */ f(
+              "div",
+              {
+                className: `
+                      univer-box-border univer-h-4 univer-w-4 univer-rounded univer-border univer-border-gray-200
+                      univer-text-base
+                    `,
+                style: { background: t }
+              }
+            ),
+            /* @__PURE__ */ f(Sn, {})
+          ]
+        }
+      )
     }
   );
-}, 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,
+}, kn = (e) => {
+  const { item: t, commonProps: r, style: n } = e, { onItemChange: i, onItemDelete: o } = r;
+  return /* @__PURE__ */ W("div", { className: "univer-flex univer-items-center univer-gap-2", style: n, children: [
+    t.isRef ? null : /* @__PURE__ */ f("div", { className: rr("univer-cursor-move", "draggableHandle"), children: /* @__PURE__ */ f(wr, {}) }),
+    /* @__PURE__ */ f(
+      qi,
       {
         value: t.color,
-        onChange: (r) => {
-          o(t.id, t.label, r);
+        onChange: (a) => {
+          i(t.id, t.label, a);
         }
       }
     ),
-    /* @__PURE__ */ v(
-      Oe,
+    /* @__PURE__ */ f(
+      Ve,
       {
         disabled: t.isRef,
         value: t.label,
-        onChange: (r) => {
-          o(t.id, r, t.color);
-        },
-        inputStyle: { height: 28 }
+        onChange: (a) => {
+          i(t.id, a, t.color);
+        }
       }
     ),
-    t.isRef ? null : /* @__PURE__ */ v("div", { className: J.dataValidationFormulaListItemIcon, children: /* @__PURE__ */ v(Ra, { onClick: () => i(t.id) }) })
+    t.isRef ? null : /* @__PURE__ */ f(
+      "div",
+      {
+        className: `
+                          univer-ml-1 univer-cursor-pointer univer-rounded univer-text-base
+                          hover:univer-bg-gray-200
+                        `,
+        children: /* @__PURE__ */ f(_n, { onClick: () => o(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 Ji(e) {
+  const { value: t, onChange: r = () => {
+  }, unitId: n, subUnitId: i, validResult: o, showError: a, ruleId: l } = e, { formula1: s = "", formula2: d = "" } = t || {}, [u, h] = H(() => De(s) ? "1" : "0"), [c, m] = H(u === "1" ? s : "="), [g, b] = H(u === "1" ? s : "="), y = U(se), p = U(ye), S = U(vn), v = U(Kr), [C, w] = H(() => d.split(",")), I = p.getValidatorItem(G.LIST), [R, T] = H([]), [N, D] = H(""), P = a ? o == null ? void 0 : o.formula1 : "", A = dt(() => S.ruleChange$.pipe(lr(16)), []), L = Te(A), V = qt(r);
+  Pe(() => {
     (async () => {
-      await new Promise((f) => {
-        setTimeout(() => f(!0), 100);
+      await new Promise((_) => {
+        setTimeout(() => _(!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 O = S.getRuleById(n, i, l), B = O == null ? void 0 : O.formula1;
+      if (De(B) && I && O) {
+        const _ = await I.getListAsync(O, n, i);
+        T(_);
       }
     })();
-  }, [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,
+  }, [S, L, I, l, i, n]), Pe(() => {
+    De(s) && s !== g && (m(s), b(g));
+  }, [g, s]);
+  const [F, x] = H(() => {
+    const O = u !== "1" ? Gr(s) : [], B = d.split(",");
+    return O.map((_, k) => ({
+      label: _,
+      color: B[k] || 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}`,
+  }), X = (O, B, _) => {
+    const k = F.find(($) => $.id === O);
+    k && (k.label = B, k.color = _, x([...F]));
+  }, Z = (O) => {
+    const B = F.findIndex((_) => _.id === O);
+    B !== -1 && (F.splice(B, 1), x([...F]));
+  }, z = d.split(","), te = dt(() => R.map((O, B) => ({
+    label: O,
+    color: z[B] || He,
+    id: `${B}`,
     isRef: !0
-  })), [Y, I]), pe = (b, H, f) => {
-    const L = [...V];
-    L[+b] = f, w(L), O({
+  })), [z, R]), pe = (O, B, _) => {
+    const k = [...C];
+    k[+O] = _, w(k), V({
       formula1: s,
-      formula2: L.join(",")
+      formula2: k.join(",")
     });
-  }, ce = () => {
-    B([
-      ...U,
+  }, de = () => {
+    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 O = /* @__PURE__ */ new Set(), B = [];
+    F.map((_) => ({
+      labelList: _.label.split(","),
+      item: _
+    })).forEach(({ item: _, labelList: k }) => {
+      k.forEach(($) => {
+        O.has($) || (O.add($), B.push({
           label: $,
-          color: f.color
+          color: _.color
         }));
       });
-    }), O({
-      formula1: qa(H.map((f) => f.label)),
-      formula2: H.map((f) => f.color === je ? "" : f.color).join(",")
+    }), V({
+      formula1: Gn(B.map((_) => _.label)),
+      formula2: B.map((_) => _.color === He ? "" : _.color).join(",")
     });
-  }, [U, O, u, h, V]);
-  const ne = na(async (b) => {
-    if (!be(b)) {
-      O == null || O({
+  }, [F, V, u, g, C]);
+  const ne = qt(async (O) => {
+    if (!De(O)) {
+      V == null || V({
         formula1: "",
         formula2: d
       });
       return;
     }
-    S.getFormulaRefCheck(b) ? (O == null || O({
-      formula1: be(b) ? b : "",
+    v.getFormulaRefCheck(O) ? (V == null || V({
+      formula1: De(O) ? O : "",
       formula2: d
-    }), k("")) : (O == null || O({
+    }), D("")) : (V == null || V({
       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,
+    }), m("="), D(y.t("dataValidation.validFail.formulaError")));
+  }), ce = ut(null), [Se, ve] = H(!1);
+  return ir((O) => {
+    var _;
+    ((_ = ce.current) == null ? void 0 : _.isClickOutSide(O)) && ve(!1);
+  }), /* @__PURE__ */ W(Xe, { children: [
+    /* @__PURE__ */ f(j, { label: y.t("dataValidation.list.options"), children: /* @__PURE__ */ W(
+      hn,
       {
         value: u,
-        onChange: (b) => {
-          p(b), _(h), b === "1" && O({
-            formula1: h === "=" ? "" : h,
-            formula2: V.join(",")
+        onChange: (O) => {
+          h(O), m(g), O === "1" && V({
+            formula1: g === "=" ? "" : g,
+            formula2: C.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__ */ f(Oe, { value: "0", children: y.t("dataValidation.list.customOptions") }),
+          /* @__PURE__ */ f(Oe, { value: "1", children: y.t("dataValidation.list.refOptions") })
         ]
       }
     ) }),
-    u === "1" ? /* @__PURE__ */ z(Ke, { children: [
-      /* @__PURE__ */ v(
-        dn,
+    u === "1" ? /* @__PURE__ */ W(Xe, { children: [
+      /* @__PURE__ */ f(
+        sr,
         {
+          ref: ce,
+          className: `
+                              univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
+                              univer-rounded-lg univer-border univer-border-solid univer-border-gray-200 univer-bg-white
+                              univer-pt-2 univer-transition-colors
+                              [&>div:first-child]:univer-px-2.5
+                              [&>div]:univer-h-5 [&>div]:univer-ring-transparent
+                              dark:univer-border-gray-600 dark:univer-bg-gray-700 dark:univer-text-white
+                              hover:univer-border-primary-600
+                            `,
           initValue: c,
-          unitId: a,
-          subUnitId: o,
-          isFocus: Ce,
-          onChange: (b = "") => {
-            const H = (b != null ? b : "").trim();
-            D(H), ne(H);
-          },
-          errorText: T || P || void 0,
-          onFocus: () => ge(!0),
+          unitId: n,
+          subUnitId: i,
+          isFocus: Se,
+          errorText: P || N || void 0,
           isSupportAcrossSheet: !0,
-          ref: ue
+          onFocus: () => ve(!0),
+          onChange: (O = "") => {
+            const B = (O != null ? O : "").trim();
+            b(B), ne(B);
+          }
         }
       ),
-      ae.length > 0 && /* @__PURE__ */ v("div", { style: { marginTop: "12px" }, children: ae.map((b) => /* @__PURE__ */ v(
-        ka,
+      te.length > 0 && /* @__PURE__ */ f("div", { style: { marginTop: "12px" }, children: te.map((O) => /* @__PURE__ */ f(
+        kn,
         {
-          item: b,
+          item: O,
           commonProps: { onItemChange: pe },
           style: { marginBottom: 12 }
         },
-        b.id
+        O.id
       )) })
-    ] }) : /* @__PURE__ */ v(K, { error: T, children: /* @__PURE__ */ z("div", { style: { marginTop: "-12px" }, children: [
-      /* @__PURE__ */ v(
-        so,
+    ] }) : /* @__PURE__ */ f(j, { error: P, children: /* @__PURE__ */ W("div", { style: { marginTop: "-12px" }, children: [
+      /* @__PURE__ */ f(
+        ri,
         {
-          list: U,
-          onListChange: B,
+          list: F,
+          onListChange: x,
           rowHeight: 28,
           margin: [0, 12],
           draggableHandle: ".draggableHandle",
-          itemRender: (b) => /* @__PURE__ */ v(
-            ka,
+          itemRender: (O) => /* @__PURE__ */ f(
+            kn,
             {
-              item: b,
+              item: O,
               commonProps: {
-                onItemChange: j,
+                onItemChange: X,
                 onItemDelete: Z
               }
             },
-            b.id
+            O.id
           ),
           idKey: "id"
         }
       ),
-      /* @__PURE__ */ z("a", { className: J.dataValidationFormulaListAdd, onClick: ce, children: [
-        /* @__PURE__ */ v(Rn, {}),
-        R.t("dataValidation.list.add")
-      ] })
+      /* @__PURE__ */ W(
+        "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: de,
+          children: [
+            /* @__PURE__ */ f(Cr, { className: "univer-mr-1" }),
+            y.t("dataValidation.list.add")
+          ]
+        }
+      )
     ] }) })
   ] });
 }
-const mi = [
+const Qi = [
   [
-    Ja,
-    Qo
+    Zn,
+    xi
   ],
   [
-    Ft,
-    qo
+    Tt,
+    Ui
   ],
   [
-    pa,
-    hi
+    cn,
+    Ji
   ],
   [
-    Qa,
-    Jo
+    qn,
+    Fi
   ]
 ];
-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);
-  return o;
-}, fi = (e, t) => (n, a) => t(n, a, e);
-let _e = class {
+var eo = Object.getOwnPropertyDescriptor, to = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? eo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, no = (e, t) => (r, n) => t(r, n, e);
+let fe = class {
   constructor(e) {
     E(this, "canvasRender", null);
     E(this, "dropdownType");
     E(this, "optionsInput");
-    E(this, "formulaInput", pa);
+    E(this, "formulaInput", cn);
     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);
-  return o;
-}, Na = (e, t) => (n, a) => t(n, a, e);
-let Se = class extends Ve {
-  constructor(t, n) {
+fe = to([
+  no(0, M(we))
+], fe);
+var ro = Object.getOwnPropertyDescriptor, io = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? ro(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, Nn = (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 Tn(!1));
+    E(this, "open$", this._open$.pipe(hi()));
     E(this, "_activeRule");
-    E(this, "_activeRule$", new Aa(void 0));
+    E(this, "_activeRule$", new Tn(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$(Y.UNIVER_SHEET).pipe(mn((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 === Mt && (n.visible || setTimeout(() => {
         this._sidebarService.sidebarOptions$.next({ visible: !1 });
       }));
     }));
@@ -566,7 +618,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 +626,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);
-  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();
+_e = io([
+  Nn(0, le),
+  Nn(1, or)
+], _e);
+const Cn = "sheets-data-validation-ui.config", bt = {};
+var oo = Object.getOwnPropertyDescriptor, ao = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? oo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, xe = (e, t) => (r, n) => t(r, n, e);
+let Ze = class extends Re {
+  constructor(e, t, r, n, i, o) {
+    super(), this._sheetInterceptorService = e, this._dataValidationModel = t, this._dataValidatorRegistryService = r, this._dialogService = n, this._localeService = i, this._sheetsDataValidationValidatorService = o, this._initEditorBridgeInterceptor();
   }
   _initEditorBridgeInterceptor() {
     this._sheetInterceptorService.writeCellInterceptor.intercept(
-      Do,
+      wi,
       {
-        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));
+        handler: async (e, t, r) => {
+          const n = await e, { row: i, col: o, unitId: a, subUnitId: l } = t, s = this._dataValidationModel.getRuleIdByLocation(a, l, i, o), d = s ? this._dataValidationModel.getRuleById(a, l, s) : void 0;
+          if (n === !1)
+            return r(Promise.resolve(!1));
+          if (!d || d.errorStyle !== lt.STOP)
+            return r(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({
+          return !u || await this._sheetsDataValidationValidatorService.validatorCell(a, l, i, o) === 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(d, { row: i, col: o, unitId: a, subUnitId: l })
             },
             footer: {
-              title: ba.createElement(
-                Ge,
+              title: Dn.createElement(
+                ze,
                 {
                   variant: "primary",
                   onClick: () => this._dialogService.close("reject-input-dialog")
@@ -620,7 +673,7 @@ let Je = class extends Ve {
             onClose: () => {
               this._dialogService.close("reject-input-dialog");
             }
-          }), n(Promise.resolve(!1)));
+          }), r(Promise.resolve(!1)));
         }
       }
     );
@@ -636,8 +689,8 @@ let Je = class extends Ve {
         title: e
       },
       footer: {
-        title: ba.createElement(
-          Ge,
+        title: Dn.createElement(
+          ze,
           {
             variant: "primary",
             onClick: () => this._dialogService.close("reject-input-dialog")
@@ -651,31 +704,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);
-  return o;
-}, fe = (e, t) => (n, a) => t(n, a, e);
-const Wt = (e) => {
+Ze = ao([
+  xe(0, M(fn)),
+  xe(1, M(ee)),
+  xe(2, M(ye)),
+  xe(3, oi),
+  xe(4, M(se)),
+  xe(5, M(Zr))
+], Ze);
+var so = Object.getOwnPropertyDescriptor, lo = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? so(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, 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 Rn(Wn.format("yyyy-MM-dd HH:mm:ss", Number(e)));
+  const t = Rn(e);
   if (t.isValid())
     return t;
 };
-function wi(e, t) {
-  const n = To(t);
-  if (e === n)
+function co(e, t) {
+  const r = Mi(t);
+  if (e === r)
     return t;
   switch (e) {
     case "datetime":
@@ -686,15 +739,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, i, o, a, l, s, d, u, h) {
     super();
     E(this, "_activeDropdown");
-    E(this, "_activeDropdown$", new _o());
+    E(this, "_activeDropdown$", new gi());
     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 = i, this._sheetsSelectionsService = o, this._cellDropdownManagerService = a, this._sheetDataValidationModel = l, this._commandService = s, this._editorBridgeService = d, this._injector = u, this._configService = h, this._init(), this._initSelectionChange(), this.disposeWithMe(() => {
       this._activeDropdown$.complete();
     });
   }
@@ -706,14 +759,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);
-    if (!i)
+  _getDropdownByCell(t, r, n, i) {
+    const o = t ? this._univerInstanceService.getUnit(t, Y.UNIVER_SHEET) : this._univerInstanceService.getCurrentUnitForType(Y.UNIVER_SHEET);
+    if (!o)
       return;
-    const r = n ? i.getSheetBySheetId(n) : i.getActiveSheet();
-    if (!r)
+    const a = r ? o.getSheetBySheetId(r) : o.getActiveSheet();
+    if (!a)
       return;
-    const l = this._dataValidationModel.getRuleByLocation(i.getUnitId(), r.getSheetId(), a, o);
+    const l = this._dataValidationModel.getRuleByLocation(o.getUnitId(), a.getSheetId(), n, i);
     if (!l)
       return;
     const s = this._dataValidatorRegistryService.getValidatorItem(l.type);
@@ -721,119 +774,119 @@ 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, p, S;
+    const { location: r } = t, { row: n, col: i, unitId: o, 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);
+    const d = this._sheetDataValidationModel.getRuleByLocation(o, a, n, i);
     if (!d)
       return;
     const u = this._dataValidatorRegistryService.getValidatorItem(d.type);
     if (!(u != null && u.dropdownType))
       return;
-    let p;
-    const c = async (m, g) => {
-      var k, T, A;
-      if (!m)
+    let h;
+    const c = async (v, C) => {
+      var A, L, V;
+      if (!v)
         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,
-        unitId: i,
-        subUnitId: r,
-        row: a,
-        column: o,
+      const w = v, I = s.getCell(n, i), R = w.format(C === "date" ? "YYYY-MM-DD 00:00:00" : "YYYY-MM-DD HH:mm:ss"), T = (A = Wn.parseDate(R)) == null ? void 0 : A.v, N = C === "time" ? T % 1 : T, D = l.getStyles().getStyleByCell(I), P = (V = (L = D == null ? void 0 : D.n) == null ? void 0 : L.pattern) != null ? V : "";
+      return d.errorStyle !== lt.STOP || await u.validator({
+        value: N,
+        unitId: o,
+        subUnitId: a,
+        row: n,
+        column: i,
         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
+      }, d) ? (await this._commandService.executeCommand(pt.id, {
         visible: !1,
         eventType: gt.Keyboard,
-        unitId: i,
-        keycode: pt.ESC
-      }), await this._commandService.executeCommand(dt.id, {
-        unitId: i,
-        subUnitId: r,
+        unitId: o,
+        keycode: ht.ESC
+      }), await this._commandService.executeCommand(st.id, {
+        unitId: o,
+        subUnitId: a,
         range: {
-          startColumn: o,
-          endColumn: o,
-          startRow: a,
-          endRow: a
+          startColumn: i,
+          endColumn: i,
+          startRow: n,
+          endRow: n
         },
         value: {
-          v: I,
+          v: N,
           t: 2,
           p: null,
           f: null,
           si: null,
           s: {
             n: {
-              pattern: wi(g, P)
+              pattern: co(C, P)
             }
           }
         }
-      }), !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(d, { row: n, col: i, unitId: o, subUnitId: a })), !1);
     };
-    let _;
+    let m;
     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 ge.DATE: {
+        const v = Q(s.getCellRaw(n, i)), C = Ft(v), w = !!((b = d.bizInfo) != null && b.showTime);
+        m = {
+          location: r,
           type: "datepicker",
           props: {
-            showTime: S,
-            onChange: (V) => c(V, S ? "datetime" : "date"),
-            defaultValue: g,
+            showTime: w,
+            onChange: (I) => c(I, w ? "datetime" : "date"),
+            defaultValue: C,
             patternType: "date"
           }
         };
         break;
       }
-      case me.TIME: {
-        const m = ee(s.getCellRaw(a, o)), g = Wt(m);
-        _ = {
-          location: n,
+      case ge.TIME: {
+        const v = Q(s.getCellRaw(n, i)), C = Ft(v);
+        m = {
+          location: r,
           type: "datepicker",
           props: {
-            onChange: (S) => c(S, "time"),
-            defaultValue: g,
+            onChange: (w) => c(w, "time"),
+            defaultValue: C,
             patternType: "time"
           }
         };
         break;
       }
-      case me.DATETIME: {
-        const m = ee(s.getCellRaw(a, o)), g = Wt(m);
-        _ = {
-          location: n,
+      case ge.DATETIME: {
+        const v = Q(s.getCellRaw(n, i)), C = Ft(v);
+        m = {
+          location: r,
           type: "datepicker",
           props: {
-            onChange: (S) => c(S, "datetime"),
-            defaultValue: g,
+            onChange: (w) => c(w, "datetime"),
+            defaultValue: C,
             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 = {
-            unitId: i,
-            subUnitId: r,
+      case ge.LIST:
+      case ge.MULTIPLE_LIST: {
+        const v = u.dropdownType === ge.MULTIPLE_LIST, C = async (D) => {
+          const P = Gn(D), A = {
+            unitId: o,
+            subUnitId: a,
             range: {
-              startColumn: o,
-              endColumn: o,
-              startRow: a,
-              endRow: a
+              startColumn: i,
+              endColumn: i,
+              startRow: n,
+              endRow: n
             },
             value: {
               v: P,
@@ -842,127 +895,128 @@ let Pe = class extends Ve {
               si: null
             }
           };
-          return this._editorBridgeService.isVisible().visible && await this._commandService.executeCommand(ft.id, {
+          return this._editorBridgeService.isVisible().visible && await this._commandService.executeCommand(pt.id, {
             visible: !1,
             eventType: gt.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, {
+            unitId: o,
+            keycode: ht.ESC
+          }), this._commandService.executeCommand(st.id, A), !v;
+        }, w = (d == null ? void 0 : d.renderMode) === ie.CUSTOM || (d == null ? void 0 : d.renderMode) === void 0, I = u.getListWithColor(d, o, a), R = kt(s.getCellRaw(n, i)), T = () => {
+          this._commandService.executeCommand(Fe.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"
+          }), h == null || h.dispose();
+        }, N = I.map((D) => ({
+          label: D.label,
+          value: D.label,
+          color: w || D.color ? D.color : "transparent"
         }));
-        _ = {
-          location: n,
+        m = {
+          location: r,
           type: "list",
           props: {
-            onChange: (y) => g(y),
-            options: I,
-            onEdit: C,
-            defaultValue: w,
-            multiple: m
+            onChange: (D) => C(D),
+            options: N,
+            onEdit: T,
+            defaultValue: R,
+            multiple: v,
+            showEdit: (p = (y = this._configService.getConfig(Cn)) == null ? void 0 : y.showEditOnDropdown) != null ? p : !0
           }
         };
         break;
       }
-      case me.CASCADE: {
-        _ = {
+      case ge.CASCADE: {
+        m = {
           type: "cascader",
           props: {
-            onChange: (g) => {
-              const S = {
-                unitId: i,
-                subUnitId: r,
+            onChange: (C) => {
+              const w = {
+                unitId: o,
+                subUnitId: a,
                 range: {
-                  startColumn: o,
-                  endColumn: o,
-                  startRow: a,
-                  endRow: a
+                  startColumn: i,
+                  endColumn: i,
+                  startRow: n,
+                  endRow: n
                 },
                 value: {
-                  v: g.join("/"),
+                  v: C.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(pt.id, {
                 visible: !1,
                 eventType: gt.Keyboard,
-                unitId: i,
-                keycode: pt.ESC
-              }), this._commandService.syncExecuteCommand(dt.id, S), !0;
+                unitId: o,
+                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, i)).split("/"),
+            options: JSON.parse((S = d.formula1) != null ? S : "[]")
           },
-          location: n
+          location: r
         };
         break;
       }
-      case me.COLOR: {
-        _ = {
+      case ge.COLOR: {
+        m = {
           type: "color",
           props: {
-            onChange: (g) => {
-              const S = {
-                unitId: i,
-                subUnitId: r,
+            onChange: (C) => {
+              const w = {
+                unitId: o,
+                subUnitId: a,
                 range: {
-                  startColumn: o,
-                  endColumn: o,
-                  startRow: a,
-                  endRow: a
+                  startColumn: i,
+                  endColumn: i,
+                  startRow: n,
+                  endRow: n
                 },
                 value: {
-                  v: g,
+                  v: C,
                   p: null,
                   f: null,
                   si: null
                 }
               };
-              return this._editorBridgeService.isVisible().visible && this._commandService.syncExecuteCommand(ft.id, {
+              return this._editorBridgeService.isVisible().visible && this._commandService.syncExecuteCommand(pt.id, {
                 visible: !1,
                 eventType: gt.Keyboard,
-                unitId: i,
-                keycode: pt.ESC
-              }), this._commandService.syncExecuteCommand(dt.id, S), !0;
+                unitId: o,
+                keycode: ht.ESC
+              }), this._commandService.syncExecuteCommand(st.id, w), !0;
             },
-            defaultValue: Bt(s.getCellRaw(a, o))
+            defaultValue: kt(s.getCellRaw(n, i))
           },
-          location: n
+          location: r
         };
         break;
       }
       default:
         throw new Error("[DataValidationDropdownManagerService]: unknown type!");
     }
-    if (p = this._cellDropdownManagerService.showDropdown(_), !p)
+    if (h = this._cellDropdownManagerService.showDropdown(m), !h)
       throw new Error("[DataValidationDropdownManagerService]: cannot show dropdown!");
-    const h = new $n();
-    h.add(p), h.add({
+    const g = new Nr();
+    g.add(h), g.add({
       dispose: () => {
-        var m, g;
-        (g = (m = this._activeDropdown) == null ? void 0 : m.onHide) == null || g.call(m);
+        var v, C;
+        (C = (v = this._activeDropdown) == null ? void 0 : v.onHide) == null || C.call(v);
       }
-    }), this._currentPopup = h;
+    }), this._currentPopup = g;
   }
   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, i, o) {
+    const a = this._univerInstanceService.getUnit(t, Y.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, i);
     if (!s)
       return;
     const d = this._dataValidatorRegistryService.getValidatorItem(s.type);
@@ -972,476 +1026,477 @@ let Pe = class extends Ve {
     }
     this.showDropdown({
       location: {
-        workbook: r,
+        workbook: a,
         worksheet: l,
-        row: a,
-        col: o,
+        row: n,
+        col: i,
         unitId: t,
-        subUnitId: n
+        subUnitId: r
       },
-      onHide: i
+      onHide: o
     });
   }
 };
-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 = lo([
+  ue(0, le),
+  ue(1, M(ye)),
+  ue(2, ar),
+  ue(3, M(ee)),
+  ue(4, M(ur)),
+  ue(5, M(Ei)),
+  ue(6, M(ee)),
+  ue(7, J),
+  ue(8, vr),
+  ue(9, M(we)),
+  ue(10, ln)
+], Ae);
+const Mt = "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, i = e.get(_e), o = e.get(vn), a = e.get(le), l = e.get(or), s = hr(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 && {
+    const { unitId: d, subUnitId: u } = s, h = r ? o.getRuleById(d, u, r) : void 0;
+    i.open(), i.setActiveRule(h && {
       unitId: d,
       subUnitId: u,
-      rule: p
+      rule: h
     });
     const c = l.open({
-      id: bt,
-      header: { title: a ? "dataValidation.panel.addTitle" : "dataValidation.panel.title" },
-      children: { label: bt },
+      id: Mt,
+      header: { title: n ? "dataValidation.panel.addTitle" : "dataValidation.panel.title" },
+      children: { label: Mt },
       width: 312,
-      onClose: () => o.close()
+      onClose: () => i.close()
     });
-    return o.setCloseDisposable(c), !0;
+    return i.setCloseDisposable(c), !0;
   }
-}, wa = {
+}, In = {
   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(In.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,
-      o,
+    const r = e.get(Ae), { unitId: n, subUnitId: i, row: o, column: a } = t, l = r.activeDropdown, s = l == null ? void 0 : l.location;
+    return s && s.unitId === n && s.subUnitId === i && s.row === o && s.col === a || r.showDataValidationDropdown(
+      n,
       i,
-      r
+      o,
+      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 = {
-      rule: i,
+    const t = e.get(le), r = hr(t);
+    if (!r) return !1;
+    const { workbook: n, worksheet: i } = r, o = Jn(e), a = e.get(J), l = n.getUnitId(), s = i.getSheetId(), d = {
+      rule: o,
       unitId: l,
       subUnitId: s
     };
-    return r.syncExecuteCommand(ga.id, d) ? (r.syncExecuteCommand(Be.id, {
-      ruleId: i.uid,
+    return a.syncExecuteCommand(un.id, d) ? (a.syncExecuteCommand(Fe.id, {
+      ruleId: o.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);
-  return o;
-}, He = (e, t) => (n, a) => t(n, a, 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();
+};
+var uo = Object.getOwnPropertyDescriptor, ho = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? uo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, $e = (e, t) => (r, n) => t(r, n, e);
+const be = "SHEET_DATA_VALIDATION_ALERT";
+let ct = class extends Re {
+  constructor(e, t, r, n, i, o) {
+    super(), this._hoverManagerService = e, this._cellAlertManagerService = t, this._univerInstanceService = r, this._localeService = n, this._zenZoneService = i, this._dataValidationModel = o, this._init();
   }
   _init() {
     this._initCellAlertPopup(), this._initZenService();
   }
   _initCellAlertPopup() {
-    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(cn(100)).subscribe((e) => {
+    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(lr(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 o = this._dataValidationModel.getRuleByLocation(e.location.unitId, e.location.subUnitId, e.location.row, e.location.col);
-        if (!o) {
-          this._cellAlertManagerService.removeAlert(Me);
+        const r = this._univerInstanceService.getUnit(e.location.unitId, Y.UNIVER_SHEET), n = r.getSheetBySheetId(e.location.subUnitId);
+        if (!n) return;
+        const i = this._dataValidationModel.getRuleByLocation(e.location.unitId, e.location.subUnitId, e.location.row, e.location.col);
+        if (!i) {
+          this._cellAlertManagerService.removeAlert(be);
           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(i, { ...e.location, workbook: r, worksheet: n }) === je.INVALID) {
+          const a = this._cellAlertManagerService.currentAlert.get(be), 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);
+            this._cellAlertManagerService.removeAlert(be);
             return;
           }
-          const s = this._dataValidationModel.getValidator(o.type);
+          const s = this._dataValidationModel.getValidator(i.type);
           if (!s) {
-            this._cellAlertManagerService.removeAlert(Me);
+            this._cellAlertManagerService.removeAlert(be);
             return;
           }
           this._cellAlertManagerService.showAlert({
-            type: Fo.ERROR,
+            type: Oi.ERROR,
             title: this._localeService.t("dataValidation.error.title"),
-            message: s == null ? void 0 : s.getRuleFinalError(o, e.location),
+            message: s == null ? void 0 : s.getRuleFinalError(i, e.location),
             location: e.location,
             width: 200,
             height: 74,
-            key: Me
+            key: be
           });
           return;
         }
       }
-      this._cellAlertManagerService.removeAlert(Me);
+      this._cellAlertManagerService.removeAlert(be);
     }));
   }
   _initZenService() {
     this.disposeWithMe(this._zenZoneService.visible$.subscribe((e) => {
-      e && this._cellAlertManagerService.removeAlert(Me);
+      e && this._cellAlertManagerService.removeAlert(be);
     }));
   }
 };
-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);
-  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();
+ct = ho([
+  $e(0, M(Di)),
+  $e(1, M(Vi)),
+  $e(2, le),
+  $e(3, M(se)),
+  $e(4, ar),
+  $e(5, M(ee))
+], ct);
+var go = Object.getOwnPropertyDescriptor, po = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? go(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, 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, i) => {
+      const { source: o, target: a, unitId: l, subUnitId: s } = n, d = this._sheetDataValidationModel.getRuleObjectMatrix(l, s).clone(), u = nn([o, a]), [h, c] = u.ranges, { mapFunc: m } = u, g = {
+        row: h.startRow,
+        col: h.startColumn
+      }, b = Pi(h, c), y = new wt(), p = /* @__PURE__ */ new Set();
+      b.forEach((I) => {
+        const R = I.repeatStartCell, T = I.relativeRange, N = {
+          startRow: g.row,
+          startColumn: g.col,
+          endColumn: g.col,
+          endRow: g.row
+        }, D = {
+          startRow: R.row,
+          startColumn: R.col,
+          endColumn: R.col,
+          endRow: R.row
         };
-        Wn.foreach(y, (T, A) => {
-          const F = Dt.getPositionRange(
+        Fr.foreach(T, (P, A) => {
+          const L = Rt.getPositionRange(
             {
-              startRow: T,
+              startRow: P,
               startColumn: A,
               endColumn: A,
-              endRow: T
+              endRow: P
             },
-            P
-          ), { row: O, col: U } = _(F.startRow, F.startColumn), B = this._sheetDataValidationModel.getRuleIdByLocation(l, s, O, U) || "", j = Dt.getPositionRange(
+            N
+          ), { row: V, col: F } = m(L.startRow, L.startColumn), x = this._sheetDataValidationModel.getRuleIdByLocation(l, s, V, F) || "", X = Rt.getPositionRange(
             {
-              startRow: T,
+              startRow: P,
               startColumn: A,
               endColumn: A,
-              endRow: T
+              endRow: P
             },
-            k
-          ), { row: Z, col: Y } = _(j.startRow, j.startColumn);
-          R.setValue(Z, Y, B), m.add(B);
+            D
+          ), { row: Z, col: z } = m(X.startRow, X.startColumn);
+          y.setValue(Z, z, x), p.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 S = Array.from(p).map((I) => ({ id: I, ranges: Gt(y, (R) => R === I) }));
+      d.addRangeRules(S);
+      const v = d.diff(this._sheetDataValidationModel.getRules(l, s)), { redoMutations: C, undoMutations: w } = Zt(l, s, v, this._injector, "patched", i === ot.ONLY_FORMAT);
       return {
         undos: w,
-        redos: V
+        redos: C
       };
-    }, n = {
-      id: tn,
-      onBeforeFillData: (a) => {
-        const { source: o, unitId: i, subUnitId: r } = a;
-        for (const l of o.rows)
-          for (const s of o.cols) {
-            const d = this._sheetDataValidationModel.getRuleByLocation(i, r, l, s);
+    }, r = {
+      id: Qn,
+      onBeforeFillData: (n) => {
+        const { source: i, unitId: o, subUnitId: a } = n;
+        for (const l of i.rows)
+          for (const s of i.cols) {
+            const d = this._sheetDataValidationModel.getRuleByLocation(o, a, l, s);
             if (d && d.type === G.CHECKBOX) {
-              this._autoFillService.setDisableApplyType(st.SERIES, !0);
+              this._autoFillService.setDisableApplyType(ot.SERIES, !0);
               return;
             }
           }
       },
-      onFillData: (a, o, i) => i === st.COPY || i === st.ONLY_FORMAT || i === st.SERIES ? t(a, i) : e(),
+      onFillData: (n, i, o) => o === ot.COPY || o === ot.ONLY_FORMAT || o === ot.SERIES ? t(n, o) : e(),
       onAfterFillData: () => {
       }
     };
-    this.disposeWithMe(this._autoFillService.addHook(n));
+    this.disposeWithMe(this._autoFillService.addHook(r));
   }
 };
-Qe = Di([
-  xt(0, ko),
-  xt(1, M(te)),
+qe = po([
+  xt(0, Ti),
+  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);
-  return o;
-}, jt = (e, t) => (n, a) => t(n, a, e);
-let et = class extends Ve {
-  constructor(t, n, a) {
+], qe);
+var vo = Object.getOwnPropertyDescriptor, mo = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? vo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, $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: Qn,
+      onBeforeCopy: (t, r, n) => this._collect(t, r, n),
+      onPasteCells: (t, r, n, i) => {
+        const { copyType: o = An.COPY, pasteType: a } = i, { range: l } = t || {}, { range: s, unitId: d, subUnitId: u } = r;
+        return this._generateMutations(s, { copyType: o, pasteType: a, copyRange: l, unitId: d, subUnitId: u });
       }
     });
   }
-  _collect(t, n, a) {
-    const o = new Mt();
+  _collect(t, r, n) {
+    const i = new wt();
     this._copyInfo = {
       unitId: t,
-      subUnitId: n,
-      matrix: o
+      subUnitId: r,
+      matrix: i
     };
-    const i = this._injector.invoke((s) => Eo(a, s, t, n));
-    if (!i)
+    const o = this._injector.invoke((s) => Ri(n, s, t, r));
+    if (!o)
       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 } = o;
+    a.forEach((s, d) => {
+      l.forEach((u, h) => {
+        const c = this._sheetDataValidationModel.getRuleIdByLocation(t, r, s, u);
+        i.setValue(d, h, c != null ? c : "");
       });
     });
   }
   // 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 === An.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))
+    ].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(
+    const { unitId: i, subUnitId: o } = this._copyInfo;
+    if (r.unitId !== i || o !== r.subUnitId) {
+      const a = this._sheetDataValidationModel.getRuleObjectMatrix(r.unitId, r.subUnitId).clone(), l = new wt(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: h } = nn([r.copyRange, t]), c = Ln(d, u, !0), m = /* @__PURE__ */ new Map();
+      c.forEach(({ startRange: p }) => {
+        var S;
+        (S = this._copyInfo) == null || S.matrix.forValue((v, C, w) => {
+          const I = Rt.getPositionRange(
             {
-              startRow: S,
-              endRow: S,
-              startColumn: V,
-              endColumn: V
+              startRow: v,
+              endRow: v,
+              startColumn: C,
+              endColumn: C
             },
-            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);
+            p
+          ), R = `${o}-${w}`, T = this._sheetDataValidationModel.getRuleById(i, o, w);
+          !this._sheetDataValidationModel.getRuleById(r.unitId, r.subUnitId, R) && T && m.set(R, { ...T, uid: R });
+          const { row: N, col: D } = h(I.startRow, I.startColumn);
+          s.add(R), l.setValue(N, D, 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 g = Array.from(s).map((p) => ({ id: p, ranges: Gt(l, (S) => S === p) }));
+      a.addRangeRules(g);
+      const { redoMutations: b, undoMutations: y } = Zt(
+        r.unitId,
+        r.subUnitId,
+        a.diffWithAddition(this._sheetDataValidationModel.getRules(r.unitId, r.subUnitId), m.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(i, o).clone(), l = new wt(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: h } = nn([r.copyRange, t]);
+      Ln(d, u, !0).forEach(({ startRange: y }) => {
+        var p;
+        (p = this._copyInfo) == null || p.matrix.forValue((S, v, C) => {
+          const w = Rt.getPositionRange(
             {
-              startRow: g,
-              endRow: g,
-              startColumn: S,
-              endColumn: S
+              startRow: S,
+              endRow: S,
+              startColumn: v,
+              endColumn: v
             },
-            R
-          ), { row: C, col: I } = p(w.startRow, w.startColumn);
-          l.setValue(C, I, V), s.add(V);
+            y
+          ), { row: I, col: R } = h(w.startRow, w.startColumn);
+          l.setValue(I, R, C), s.add(C);
         });
       });
-      const _ = Array.from(s).map((R) => ({ id: R, ranges: ea(l, (m) => m === R) }));
-      r.addRangeRules(_);
-      const { redoMutations: h, undoMutations: D } = ta(
-        o,
+      const m = Array.from(s).map((y) => ({ id: y, ranges: Gt(l, (p) => p === y) }));
+      a.addRangeRules(m);
+      const { redoMutations: g, undoMutations: b } = Zt(
         i,
-        r.diff(this._sheetDataValidationModel.getRules(o, i)),
+        o,
+        a.diff(this._sheetDataValidationModel.getRules(i, o)),
         this._injector,
         "patched",
         !1
       );
       return {
-        redos: h,
-        undos: D
+        redos: g,
+        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);
-  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();
+Je = mo([
+  $t(0, Ai),
+  $t(1, M(ee)),
+  $t(2, M(we))
+], Je);
+var fo = Object.getOwnPropertyDescriptor, _o = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? fo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, 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 === er.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 = _o([
+  Bt(0, M(se)),
+  Bt(1, J),
+  Bt(2, M(yi))
+], Qe);
+const br = "data-validation-single", Mr = "sheet.menu.data-validation";
+function So(e) {
   return {
-    id: On,
-    type: va.SUBITEMS,
-    icon: bn,
+    id: Mr,
+    type: gn.SUBITEMS,
+    icon: br,
     tooltip: "dataValidation.title",
-    hidden$: uo(e, x.UNIVER_SHEET),
-    disabled$: Bo(e, { workbookTypes: [sa], worksheetTypes: [ia, oa], rangeTypes: [ra] })
+    hidden$: ai(e, Y.UNIVER_SHEET),
+    disabled$: Li(e, { workbookTypes: [tn], worksheetTypes: [Qt, Jt], rangeTypes: [en] })
   };
 }
-function Li(e) {
+function Co(e) {
   return {
-    id: Be.id,
+    id: Fe.id,
     title: "dataValidation.panel.title",
-    type: va.BUTTON
+    type: gn.BUTTON
   };
 }
-function Pi(e) {
+function Io(e) {
   return {
-    id: Ut.id,
+    id: Lt.id,
     title: "dataValidation.panel.add",
-    type: va.BUTTON
+    type: gn.BUTTON
   };
 }
-const Fi = {
-  [ho.FORMULAS_INSERT]: {
-    [On]: {
+const wo = {
+  [si.FORMULAS_INSERT]: {
+    [Mr]: {
       order: 9,
-      menuItemFactory: Ai,
-      [Be.id]: {
+      menuItemFactory: So,
+      [Fe.id]: {
         order: 0,
-        menuItemFactory: Li
+        menuItemFactory: Co
       },
-      [Ut.id]: {
+      [Lt.id]: {
         order: 1,
-        menuItemFactory: Pi
+        menuItemFactory: Io
       }
     }
   }
 };
-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);
-  return o;
-}, X = (e, t) => (n, a) => t(n, a, e);
-const An = {
+var Ro = Object.getOwnPropertyDescriptor, Er = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ro(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, K = (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 dn {
+  constructor(e, t, r, n, i, o, a, l, s, d, u) {
+    super(), this._commandService = e, this._menuManagerService = t, this._renderManagerService = r, this._univerInstanceService = n, this._autoHeightController = i, this._dropdownManagerService = o, this._sheetDataValidationModel = a, this._dataValidatorRegistryService = l, this._sheetInterceptorService = s, this._dataValidationCacheService = d, this._editorBridgeService = u, this._initMenu(), this._initDropdown(), this._initViewModelIntercept(), this._initAutoHeight();
   }
   _initMenu() {
-    this._menuManagerService.mergeMenu(Fi);
+    this._menuManagerService.mergeMenu(wo);
   }
   _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: i, row: o, 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, i, o, a);
         if (!s)
           return;
         const d = this._dataValidatorRegistryService.getValidatorItem(s.type);
@@ -1449,16 +1504,16 @@ let at = class extends ma {
           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, c = h == null ? void 0 : h.location;
+        if (c && c.unitId === n && c.subUnitId === i && c.row === o && c.col === a)
           return;
         this._dropdownManagerService.showDropdown(
           {
             location: {
-              unitId: a,
-              subUnitId: o,
-              row: i,
-              col: r,
+              unitId: n,
+              subUnitId: i,
+              row: o,
+              col: a,
               workbook: l,
               worksheet: u
             },
@@ -1473,91 +1528,91 @@ let at = class extends ma {
   _initViewModelIntercept() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        gn.CELL_CONTENT,
+        gr.CELL_CONTENT,
         {
-          effect: Ya.Style,
+          effect: jn.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);
+          handler: (e, t, r) => {
+            var p, S, v, C, w;
+            const { row: n, col: i, unitId: o, subUnitId: a, workbook: l, worksheet: s } = t, d = this._sheetDataValidationModel.getRuleIdByLocation(o, a, n, i);
             if (!d)
-              return n(e);
-            const u = this._sheetDataValidationModel.getRuleById(i, r, d);
+              return r(e);
+            const u = this._sheetDataValidationModel.getRuleById(o, a, d);
             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 = (p = this._dataValidationCacheService.getValue(o, a, n, i)) != null ? p : je.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), m = t.rawData;
+            let g;
+            const b = {
               get value() {
-                var C;
-                return h !== void 0 || (h = (C = ee(_)) != null ? C : null), h;
+                var I;
+                return g !== void 0 || (g = (I = Q(m)) != null ? I : null), g;
               }
-            }, R = {
+            }, y = {
               get value() {
-                var C;
-                return `${(C = D.value) != null ? C : ""}`;
+                var I;
+                return `${(I = b.value) != null ? I : ""}`;
               }
             };
-            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 : [],
+                ...(S = e == null ? void 0 : e.customRender) != null ? S : [],
                 ...c != null && c.canvasRender ? [c.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: ((v = e == null ? void 0 : e.fontRenderExtension) == null ? void 0 : v.isSkip) || ((C = c == null ? void 0 : c.skipDefaultFontRender) == null ? void 0 : C.call(c, u, b.value, t))
               },
               interceptorStyle: {
                 ...e == null ? void 0 : e.interceptorStyle,
-                ...c == null ? void 0 : c.getExtraStyle(u, R.value, {
+                ...c == null ? void 0 : c.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) || {};
+                    const I = l.getStyles();
+                    return (typeof (e == null ? void 0 : e.s) == "string" ? I.get(e == null ? void 0 : e.s) : e == null ? void 0 : e.s) || {};
                   }
-                }, a, o)
+                }, n, i)
               },
               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;
-                if (!C)
+                var N, D, P, A, L, V;
+                const I = (D = (N = this._renderManagerService.getRenderById(o)) == null ? void 0 : N.with(yt).getSkeletonParam(a)) == null ? void 0 : D.skeleton;
+                if (!I)
                   return;
-                const I = C.worksheet.getMergedCell(a, o), y = {
+                const R = I.worksheet.getMergedCell(n, i), T = {
                   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),
-                  unitId: i,
-                  subUnitId: r,
-                  row: a,
-                  col: o,
+                  style: I.getStyles().getStyleByCell(e),
+                  primaryWithCoord: I.getCellWithCoordByIndex((P = R == null ? void 0 : R.startRow) != null ? P : n, (A = R == null ? void 0 : R.startColumn) != null ? A : i),
+                  unitId: o,
+                  subUnitId: a,
+                  row: n,
+                  col: i,
                   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 (V = (L = c == null ? void 0 : c.canvasRender) == null ? void 0 : L.calcCellAutoHeight) == null ? void 0 : V.call(L, T);
               },
               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;
-                if (!C)
+                var N, D, P, A, L, V;
+                const I = (D = (N = this._renderManagerService.getRenderById(o)) == null ? void 0 : N.with(yt).getSkeletonParam(a)) == null ? void 0 : D.skeleton;
+                if (!I)
                   return;
-                const I = C.worksheet.getMergedCell(a, o), y = {
+                const R = I.worksheet.getMergedCell(n, i), T = {
                   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),
-                  unitId: i,
-                  subUnitId: r,
-                  row: a,
-                  col: o,
+                  style: I.getStyles().getStyleByCell(e),
+                  primaryWithCoord: I.getCellWithCoordByIndex((P = R == null ? void 0 : R.startRow) != null ? P : n, (A = R == null ? void 0 : R.startColumn) != null ? A : i),
+                  unitId: o,
+                  subUnitId: a,
+                  row: n,
+                  col: i,
                   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 (V = (L = c == null ? void 0 : c.canvasRender) == null ? void 0 : L.calcCellAutoWidth) == null ? void 0 : V.call(L, T);
               },
               coverable: ((w = e == null ? void 0 : e.coverable) != null ? w : !0) && !(u.type === G.LIST || u.type === G.LIST_MULTIPLE)
             });
@@ -1570,99 +1625,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)
+      mn((e) => e.source === "command"),
+      dr(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);
+        Yn(r.redos, this._commandService);
       }
     });
   }
 };
-at = Tn([
-  X(0, Q),
-  X(1, mo),
-  X(2, Ne),
-  X(3, de),
-  X(4, M(_n)),
-  X(5, M(Pe)),
-  X(6, M(te)),
-  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();
+et = Er([
+  K(0, J),
+  K(1, li),
+  K(2, Ne),
+  K(3, le),
+  K(4, M(mr)),
+  K(5, M(Ae)),
+  K(6, M(ee)),
+  K(7, M(ye)),
+  K(8, M(fn)),
+  K(9, M(tr)),
+  K(10, xr(vr))
+], et);
+let Un = class extends dn {
+  constructor(e, t, r, n, i, o, a) {
+    super(), this._commandService = e, this._renderManagerService = t, this._autoHeightController = r, this._dataValidatorRegistryService = n, this._sheetInterceptorService = i, this._sheetDataValidationModel = o, this._dataValidationCacheService = a, this._initViewModelIntercept(), this._initAutoHeight();
   }
   _initViewModelIntercept() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        gn.CELL_CONTENT,
+        gr.CELL_CONTENT,
         {
-          effect: Ya.Style,
+          effect: jn.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);
+          handler: (e, t, r) => {
+            var y, p, S, v, C;
+            const { row: n, col: i, unitId: o, subUnitId: a, workbook: l, worksheet: s } = t, d = this._sheetDataValidationModel.getRuleIdByLocation(o, a, n, i);
             if (!d)
-              return n(e);
-            const u = this._sheetDataValidationModel.getRuleById(i, r, d);
+              return r(e);
+            const u = this._sheetDataValidationModel.getRuleById(o, a, d);
             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(o, a, n, i)) != null ? y : je.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), m = s.getCellRaw(n, i), g = Q(m), b = `${g != null ? g : ""}`;
+            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 : [],
+                ...(p = e == null ? void 0 : e.customRender) != null ? p : [],
                 ...c != null && c.canvasRender ? [c.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: ((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, g, t))
               },
               interceptorStyle: {
                 ...e == null ? void 0 : e.interceptorStyle,
-                ...c == null ? void 0 : c.getExtraStyle(u, D, {
+                ...c == null ? void 0 : c.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, i)
               },
               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 T, N, D, P, A, L;
+                const w = (N = (T = this._renderManagerService.getRenderById(o)) == null ? void 0 : T.with(yt).getSkeletonParam(a)) == null ? void 0 : N.skeleton;
                 if (!w)
                   return;
-                const C = w.worksheet.getMergedCell(a, o), I = {
+                const I = w.worksheet.getMergedCell(n, i), 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),
-                  unitId: i,
-                  subUnitId: r,
-                  row: a,
-                  col: o,
+                  primaryWithCoord: w.getCellWithCoordByIndex((D = I == null ? void 0 : I.startRow) != null ? D : n, (P = I == null ? void 0 : I.startColumn) != null ? P : i),
+                  unitId: o,
+                  subUnitId: a,
+                  row: n,
+                  col: i,
                   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 = (A = c == null ? void 0 : c.canvasRender) == null ? void 0 : A.calcCellAutoHeight) == null ? void 0 : L.call(A, R);
               },
-              coverable: ((V = e == null ? void 0 : e.coverable) != null ? V : !0) && !(u.type === G.LIST || u.type === G.LIST_MULTIPLE)
+              coverable: ((C = e == null ? void 0 : e.coverable) != null ? C : !0) && !(u.type === G.LIST || u.type === G.LIST_MULTIPLE)
             });
           }
         }
@@ -1671,573 +1726,599 @@ let Ua = class extends ma {
   }
   _initAutoHeight() {
     this._sheetDataValidationModel.ruleChange$.pipe(
-      Ca((e) => e.source === "command"),
-      un(16)
+      mn((e) => e.source === "command"),
+      dr(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);
+        Yn(r.redos, this._commandService);
       }
     });
   }
 };
-Ua = Tn([
-  X(0, Q),
-  X(1, Ne),
-  X(2, M(_n)),
-  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);
-  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 = Er([
+  K(0, J),
+  K(1, Ne),
+  K(2, M(mr)),
+  K(3, M(ye)),
+  K(4, M(fn)),
+  K(5, M(ee)),
+  K(6, M(tr))
+], Un);
+var yo = Object.getOwnPropertyDescriptor, bo = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? yo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, Fn = (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();
-      t.forEach((o) => {
-        n.add(o.subUnitId);
-      }), n.forEach((o) => {
-        var i;
-        (i = this._sheetSkeletonManagerService.getSkeletonParam(o)) == null || i.skeleton.makeDirty(!0);
-      }), (a = this._context.mainComponent) == null || a.makeForceDirty();
+      const r = /* @__PURE__ */ new Set();
+      t.forEach((i) => {
+        r.add(i.subUnitId);
+      }), r.forEach((i) => {
+        var o;
+        (o = this._sheetSkeletonManagerService.getSkeletonParam(i)) == null || o.skeleton.makeDirty(!0);
+      }), (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) {
+Et = bo([
+  Fn(1, M(ee)),
+  Fn(2, M(yt))
+], Et);
+function Mo(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(
-        K,
+  const t = U(se), r = U(pn), { value: n, onChange: i, extraComponent: o } = e, [a, l] = H(!1), s = o ? r.get(o) : null;
+  return /* @__PURE__ */ W(Xe, { children: [
+    /* @__PURE__ */ W(
+      "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__ */ f(Ir, { className: "univer-ml-1" }) : /* @__PURE__ */ f(Sn, { className: "univer-ml-1" })
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ W(Xe, { children: [
+      s ? /* @__PURE__ */ f(s, { value: n, onChange: i }) : null,
+      /* @__PURE__ */ f(
+        j,
         {
           label: t.t("dataValidation.panel.invalid"),
-          children: /* @__PURE__ */ z(
-            fa,
+          children: /* @__PURE__ */ W(
+            hn,
             {
-              value: `${(d = a.errorStyle) != null ? d : ct.WARNING}`,
-              onChange: (u) => o({ ...a, errorStyle: +u }),
+              value: `${(d = n.errorStyle) != null ? d : lt.WARNING}`,
+              onChange: (u) => i({ ...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__ */ f(Oe, { value: `${lt.WARNING}`, children: t.t("dataValidation.panel.showWarning") }),
+                /* @__PURE__ */ f(Oe, { value: `${lt.STOP}`, children: t.t("dataValidation.panel.rejectInput") })
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ v(
-        K,
+      /* @__PURE__ */ f(
+        j,
         {
           label: t.t("dataValidation.panel.messageInfo"),
-          children: /* @__PURE__ */ v(
-            kt,
+          children: /* @__PURE__ */ f(
+            Pt,
             {
-              checked: a.showErrorMessage,
-              onChange: () => o({
-                ...a,
-                showErrorMessage: !a.showErrorMessage
+              checked: n.showErrorMessage,
+              onChange: () => i({
+                ...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__ */ f(j, { children: /* @__PURE__ */ f(Ve, { value: n.error, onChange: (u) => i({ ...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);
-    o == null || o(i);
+const Eo = (e) => Br(
+  async (t, r, n, i) => {
+    const o = await e.executeCommand(t, r, n);
+    i == null || i(o);
   },
   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 Do(e, t, r) {
+  var n, i, o, a;
+  return t ? ((i = (n = e.getUnit(t)) == null ? void 0 : n.getSheetBySheetName(r)) == null ? void 0 : i.getSheetId()) || "" : ((a = (o = e.getCurrentUnitForType(Y.UNIVER_SHEET)) == null ? void 0 : o.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 Vo() {
+  var O, B;
+  const [e, t] = H(0), r = U(_e), n = Te(r.activeRule$, r.activeRule), { unitId: i, subUnitId: o, rule: a } = n || {}, l = a.uid, s = U(ye), d = U(le), u = U(pn), h = U(J), c = U(vn), m = U(se), [g, b] = H(a), y = s.getValidatorItem(g.type), [p, S] = H(!1), v = s.getValidatorsByScope(ci.SHEET), [C, w] = H(() => g.ranges.map((_) => ({ unitId: "", sheetId: "", range: _ }))), I = dt(() => Eo(h), [h]), [R, T] = H(!1), [N, D] = H(!1), P = ut(null), A = U(ur);
+  if (Pe(() => () => {
+    const _ = A.getCurrentLastSelection();
+    _ && A.setSelections([_]);
+  }, [A]), Pe(() => {
+    h.onCommandExecuted((_) => {
+      (_.id === Hr.id || _.id === Wr.id) && setTimeout(() => {
+        const k = c.getRuleById(i, o, l);
+        t(($) => $ + 1), k && (b(k), w(k.ranges.map(($) => ({ unitId: "", sheetId: "", range: $ }))));
       }, 20);
     });
-  }, [p, c, l, i, o]), !R)
+  }, [h, c, l, o, i]), !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, V = y.operatorNames, F = g.operator ? ui.includes(g.operator) : !1, x = () => {
+    var _, k, $;
+    (k = (_ = P.current) == null ? void 0 : _.editor) != null && k.isFocus() && X(($ = P.current) == null ? void 0 : $.getValue()), !(!g.ranges.length || R) && (y.validatorFormula(g, i, o).success ? r.setActiveRule(null) : S(!0));
+  }, X = qt((_) => {
+    const k = _.split(",").filter(Boolean).map(Ni).map((q) => {
+      const wn = q.sheetName;
+      if (wn) {
+        const Pr = Do(d, q.unitId, wn);
+        return { ...q, sheetId: Pr };
       }
       return {
         ...q,
         sheetId: ""
       };
     });
-    if (Kn(L, V))
+    if (jr(k, C))
       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(k);
+    const $ = k.filter((q) => (!q.unitId || q.unitId === i) && (!q.sheetId || q.sheetId === o)).map((q) => q.range);
+    if (b({
+      ...g,
       ranges: $
     }), $.length === 0)
       return;
-    const Ie = {
-      unitId: o,
-      subUnitId: i,
+    const Ce = {
+      unitId: i,
+      subUnitId: o,
       ruleId: l,
       ranges: $
     };
-    C(an.id, Ie);
-  }), Z = (f) => {
-    if (Ma(f, Ta(h)))
+    I(er.id, Ce);
+  }), Z = (_) => {
+    if (yn(_, On(g)))
       return;
-    D({
-      ...h,
-      ...f
+    b({
+      ...g,
+      ..._
     });
-    const L = {
-      unitId: o,
-      subUnitId: i,
+    const k = {
+      unitId: i,
+      subUnitId: o,
       ruleId: l,
-      setting: f
+      setting: _
     };
-    C(
-      Da.id,
-      L,
+    I(
+      bn.id,
+      k,
       void 0
     );
-  }, Y = async () => {
-    await p.executeCommand(on.id, {
+  }, z = async () => {
+    await h.executeCommand(nr.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)
+      unitId: i,
+      subUnitId: o
+    }), r.setActiveRule(null);
+  }, te = {
+    type: g.type,
+    operator: g.operator,
+    formula1: g.formula1,
+    formula2: g.formula2,
+    allowBlank: g.allowBlank
+  }, pe = (_) => {
+    const k = s.getValidatorItem(_);
+    if (!k)
       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 $ = k.operators, Ce = c.getRuleById(i, o, l), q = _ === (Ce == null ? void 0 : Ce.type) || _.includes("list") && (Ce != null && Ce.type.includes("list")) ? {
+      ...Ce,
+      type: _
     } : {
-      ...h,
-      type: f,
+      ...g,
+      type: _,
       operator: $[0],
       formula1: void 0,
       formula2: void 0
     };
-    D(q), p.executeCommand(Da.id, {
-      unitId: o,
-      subUnitId: i,
-      ruleId: h.uid,
-      setting: Ta(q)
+    b(q), h.executeCommand(bn.id, {
+      unitId: i,
+      subUnitId: o,
+      ruleId: g.uid,
+      setting: On(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
-    }), C(
-      to.id,
+  }, de = u.get(y.formulaInput), ne = dt(() => C.map((_) => fr(_.range)).join(","), []), ce = Vn(g), Se = (_) => {
+    yn(_, Vn(g)) || (b({
+      ...g,
+      ..._
+    }), I(
+      qr.id,
       {
-        unitId: o,
-        subUnitId: i,
+        unitId: i,
+        subUnitId: o,
         ruleId: l,
-        options: f
+        options: _
       }
     ));
-  }, ge = F.length && !h.operator;
-  return /* @__PURE__ */ z("div", { className: We.dataValidationDetail, children: [
-    /* @__PURE__ */ v(
-      K,
+  }, ve = L.length && !g.operator;
+  return /* @__PURE__ */ W("div", { className: "univer-py-4", children: [
+    /* @__PURE__ */ f(
+      j,
       {
-        label: _.t("dataValidation.panel.range"),
-        error: !h.ranges.length || I ? _.t("dataValidation.panel.rangeError") : "",
-        children: /* @__PURE__ */ v(
-          po,
+        label: m.t("dataValidation.panel.range"),
+        error: !g.ranges.length || R ? m.t("dataValidation.panel.rangeError") : "",
+        children: /* @__PURE__ */ f(
+          di,
           {
-            selectorRef: T,
-            unitId: o,
-            subUnitId: i,
+            selectorRef: P,
+            unitId: i,
+            subUnitId: o,
             initialValue: ne,
-            onChange: (f, L) => {
+            onChange: (_, k) => {
               var $;
-              !P && (($ = T.current) != null && $.verify()) && j(L);
+              !N && (($ = P.current) != null && $.verify()) && X(k);
             },
-            onFocusChange: (f, L) => {
+            onFocusChange: (_, k) => {
               var $;
-              k(f), !f && L && (($ = T.current) != null && $.verify()) && j(L);
+              D(_), !_ && k && (($ = P.current) != null && $.verify()) && X(k);
             },
-            onVerify: (f) => y(!f)
+            onVerify: (_) => T(!_)
           }
         )
       }
     ),
-    /* @__PURE__ */ v(K, { label: _.t("dataValidation.panel.type"), children: /* @__PURE__ */ v(
-      aa,
+    /* @__PURE__ */ f(j, { label: m.t("dataValidation.panel.type"), children: /* @__PURE__ */ f(
+      En,
       {
-        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: g.type,
+        options: (O = v == null ? void 0 : v.sort((_, k) => _.order - k.order)) == null ? void 0 : O.map((_) => ({
+          label: m.t(_.title),
+          value: _.id
         })),
-        value: h.type,
-        onChange: pe,
-        className: We.dataValidationDetailFormItem
+        onChange: pe
       }
     ) }),
-    F != null && F.length ? /* @__PURE__ */ v(K, { label: _.t("dataValidation.panel.operator"), children: /* @__PURE__ */ v(
-      aa,
+    L != null && L.length ? /* @__PURE__ */ f(j, { label: m.t("dataValidation.panel.operator"), children: /* @__PURE__ */ f(
+      En,
       {
+        className: "univer-w-full",
+        value: `${g.operator}`,
         options: [
           {
             value: "",
-            label: _.t("dataValidation.operators.legal")
+            label: m.t("dataValidation.operators.legal")
           },
-          ...F.map((f, L) => ({
-            value: `${f}`,
-            label: O[L]
+          ...L.map((_, k) => ({
+            value: `${_}`,
+            label: V[k]
           }))
         ],
-        value: `${h.operator}`,
-        onChange: (f) => {
+        onChange: (_) => {
           Z({
-            ...ae,
-            operator: f
+            ...te,
+            operator: _
           });
-        },
-        className: We.dataValidationDetailFormItem
+        }
       }
     ) }) : null,
-    ce && !ge ? /* @__PURE__ */ v(K, { children: /* @__PURE__ */ v(
-      ce,
+    de && !ve ? /* @__PURE__ */ f(j, { children: /* @__PURE__ */ f(
+      de,
       {
-        isTwoFormula: U,
+        isTwoFormula: F,
         value: {
-          formula1: h.formula1,
-          formula2: h.formula2
+          formula1: g.formula1,
+          formula2: g.formula2
         },
-        onChange: (f) => {
+        onChange: (_) => {
           Z({
-            ...ae,
-            ...f
+            ...te,
+            ..._
           });
         },
-        showError: m,
-        validResult: R.validatorFormula(h, o, i),
-        unitId: o,
-        subUnitId: i,
+        showError: p,
+        validResult: y.validatorFormula(g, i, o),
+        unitId: i,
+        subUnitId: o,
         ruleId: l
       },
-      e + h.type
+      e + g.type
     ) }) : null,
-    /* @__PURE__ */ v(K, { children: /* @__PURE__ */ v(
-      kt,
+    /* @__PURE__ */ f(j, { children: /* @__PURE__ */ f(
+      Pt,
       {
-        checked: (H = h.allowBlank) != null ? H : !0,
+        checked: (B = g.allowBlank) != null ? B : !0,
         onChange: () => {
-          var f;
+          var _;
           return Z({
-            ...ae,
-            allowBlank: !((f = h.allowBlank) == null || f)
+            ...te,
+            allowBlank: !((_ = g.allowBlank) == null || _)
           });
         },
-        children: _.t("dataValidation.panel.allowBlank")
+        children: m.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__ */ f(Mo, { value: ce, onChange: Se, extraComponent: y.optionsInput }),
+    /* @__PURE__ */ W("div", { className: "univer-mt-5 univer-flex univer-flex-row univer-justify-end", children: [
+      /* @__PURE__ */ f(ze, { className: "univer-ml-3", onClick: z, children: m.t("dataValidation.panel.removeRule") }),
+      /* @__PURE__ */ f(ze, { className: "univer-ml-3", variant: "primary", onClick: x, children: m.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 Oo = (e) => {
+  const { rule: t, onClick: r, unitId: n, subUnitId: i, disable: o } = e, a = U(ye), l = U(J), s = U(ki), d = a.getValidatorItem(t.type), u = ut(void 0), [h, c] = H(!1), m = U(Xn), g = Te(m.currentTheme$), b = dt(() => {
+    var w;
+    const p = m.getColorFromTheme("primary.600"), S = m.getColorFromTheme("loop-color.2"), v = (w = m.getColorFromTheme(S)) != null ? w : p, C = new Yr(v).toRgb();
     return {
-      fill: `rgba(${g.r}, ${g.g}, ${g.b}, 0.1)`,
-      stroke: m
+      fill: `rgba(${C.r}, ${C.g}, ${C.b}, 0.1)`,
+      stroke: v
     };
-  }, [h]), R = (m) => {
-    l.executeCommand(on.id, {
+  }, [g]), y = (p) => {
+    l.executeCommand(nr.id, {
       ruleId: t.uid,
-      unitId: a,
-      subUnitId: o
-    }), m.stopPropagation();
+      unitId: n,
+      subUnitId: i
+    }), p.stopPropagation();
   };
-  return Le(() => () => {
-    var m;
-    u.current && ((m = u.current) == null || m.forEach((g) => {
-      g && s.removeShape(g);
+  return Pe(() => () => {
+    var p;
+    u.current && ((p = u.current) == null || p.forEach((S) => {
+      S && s.removeShape(S);
     }));
-  }, [s]), /* @__PURE__ */ z(
+  }, [s]), /* @__PURE__ */ W(
     "div",
     {
-      className: _t.dataValidationItemContainer,
-      onClick: n,
+      className: rr(
+        `
+                  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-p-2 univer-pr-9
+                `,
+        {
+          "hover:univer-bg-gray-50": !o,
+          "univer-opacity-50": o
+        }
+      ),
+      onClick: r,
       onMouseEnter: () => {
-        i || (c(!0), u.current = t.ranges.map((m) => s.addShape({
-          range: m,
-          style: D,
+        o || (c(!0), u.current = t.ranges.map((p) => s.addShape({
+          range: p,
+          style: b,
           primary: null
         })));
       },
       onMouseLeave: () => {
-        var m;
-        c(!1), (m = u.current) == null || m.forEach((g) => {
-          g && s.removeShape(g);
+        var p;
+        c(!1), (p = u.current) == null || p.forEach((S) => {
+          S && s.removeShape(S);
         }), 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__ */ f(
+          "div",
+          {
+            className: `
+                  univer-overflow-hidden univer-text-ellipsis univer-text-sm univer-font-medium univer-leading-[22px]
+                  univer-text-black
+                `,
+            children: d == null ? void 0 : d.generateRuleName(t)
+          }
+        ),
+        /* @__PURE__ */ f(
+          "div",
+          {
+            className: `
+                  univer-text-secondary univer-overflow-hidden univer-text-ellipsis univer-text-xs univer-leading-[18px]
+                `,
+            children: t.ranges.map((p) => fr(p)).join(",")
+          }
+        ),
+        h ? /* @__PURE__ */ f(
+          "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__ */ f(_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 To(e) {
+  const t = U(ee), r = U(le), n = U(J), i = U(we), o = U(_e), a = U(se), [l, s] = H([]), { workbook: d } = e, u = Te(d.activeSheet$, void 0, !0), h = d.getUnitId(), c = u == null ? void 0 : u.getSheetId();
+  Pe(() => {
+    s(t.getRules(h, c));
+    const S = t.ruleChange$.subscribe((v) => {
+      v.unitId === h && v.subUnitId === c && s(t.getRules(h, c));
     });
     return () => {
-      g.unsubscribe();
+      S.unsubscribe();
     };
-  }, [p, c, t]);
-  const _ = async () => {
-    const g = en(o), S = {
-      unitId: p,
+  }, [h, c, t]);
+  const m = async () => {
+    const S = Jn(i), v = {
+      unitId: h,
       subUnitId: c,
-      rule: g
+      rule: S
     };
-    await a.executeCommand(ga.id, S), i.setActiveRule({
-      unitId: p,
+    await n.executeCommand(un.id, v), o.setActiveRule({
+      unitId: h,
       subUnitId: c,
-      rule: g
+      rule: S
     });
-  }, h = () => {
-    a.executeCommand(ao.id, {
-      unitId: p,
+  }, g = () => {
+    n.executeCommand(Jr.id, {
+      unitId: h,
       subUnitId: c
     });
-  }, 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 = ((S) => {
+    const v = r.getCurrentUnitForType(Y.UNIVER_SHEET), C = v.getActiveSheet(), w = v.getUnitId(), I = C.getSheetId();
+    return S.map((T) => bi(i, w, I, T.ranges) ? { ...T } : { ...T, disable: !0 });
+  })(l), p = y == null ? void 0 : y.some((S) => S.disable);
+  return /* @__PURE__ */ W("div", { className: "univer-pb-4", children: [
+    y == null ? void 0 : y.map((S) => {
+      var v;
+      return /* @__PURE__ */ f(
+        Oo,
         {
-          unitId: p,
+          unitId: h,
           subUnitId: c,
           onClick: () => {
-            g.disable || i.setActiveRule({
-              unitId: p,
+            S.disable || o.setActiveRule({
+              unitId: h,
               subUnitId: c,
-              rule: g
+              rule: S
             });
           },
-          rule: g,
-          disable: (S = g.disable) != null ? S : !1
+          rule: S,
+          disable: (v = S.disable) != null ? v : !1
         },
-        g.uid
+        S.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__ */ W("div", { className: "univer-mt-4 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
+      l.length && !p ? /* @__PURE__ */ f(ze, { onClick: g, children: a.t("dataValidation.panel.removeAll") }) : null,
+      /* @__PURE__ */ f(ze, { variant: "primary", onClick: m, 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 Po = () => {
+  const e = U(_e), t = Te(e.activeRule$, e.activeRule), r = U(le), n = Te(
+    () => r.getCurrentTypeOfUnit$(Y.UNIVER_SHEET),
     void 0,
     void 0,
     []
-  ), o = Ae(() => {
-    var i;
-    return (i = a == null ? void 0 : a.activeSheet$) != null ? i : So(null);
+  ), i = Te(() => {
+    var o;
+    return (o = n == null ? void 0 : n.activeSheet$) != null ? o : pi(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) {
-  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") })
+  return !n || !i ? null : t && t.subUnitId === i.getSheetId() ? /* @__PURE__ */ f(Vo, {}, t.rule.uid) : /* @__PURE__ */ f(To, { workbook: n });
+}, Ao = "LIST_RENDER_MODE_OPTION_INPUT";
+function Dt(e) {
+  var i;
+  const { value: t, onChange: r } = e, n = U(se);
+  return /* @__PURE__ */ f(j, { label: n.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ W(hn, { value: `${(i = t.renderMode) != null ? i : ie.CUSTOM}`, onChange: (o) => r({ ...t, renderMode: +o }), children: [
+    /* @__PURE__ */ f(Oe, { value: `${ie.CUSTOM}`, children: n.t("dataValidation.renderMode.chip") }),
+    /* @__PURE__ */ f(Oe, { value: `${ie.ARROW}`, children: n.t("dataValidation.renderMode.arrow") }),
+    /* @__PURE__ */ f(Oe, { value: `${ie.TEXT}`, children: n.t("dataValidation.renderMode.text") })
   ] }) });
 }
-At.componentKey = ir;
-const rr = "DATE_SHOW_TIME_OPTION";
-function Lt(e) {
-  var o;
-  const { value: t, onChange: n } = e, a = N(le);
-  return /* @__PURE__ */ v(K, { children: /* @__PURE__ */ v(
-    kt,
+Dt.componentKey = Ao;
+const Lo = "DATE_SHOW_TIME_OPTION";
+function Vt(e) {
+  var i;
+  const { value: t, onChange: r } = e, n = U(se);
+  return /* @__PURE__ */ f(j, { children: /* @__PURE__ */ f(
+    Pt,
     {
-      checked: (o = t.bizInfo) == null ? void 0 : o.showTime,
-      onChange: (i) => {
-        n({
+      checked: (i = t.bizInfo) == null ? void 0 : i.showTime,
+      onChange: (o) => {
+        r({
           ...t,
           bizInfo: {
             ...t.bizInfo,
-            showTime: i
+            showTime: o
           }
         });
       },
-      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);
-  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;
+Vt.componentKey = Lo;
+var ko = Object.getOwnPropertyDescriptor, No = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? ko(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, Be = (e, t) => (r, n) => t(r, n, e);
+const mt = 6;
+let rn = class {
+  constructor(e, t, r, n, i, o) {
+    this._commandService = e, this._univerInstanceService = t, this._formulaService = r, this._themeService = n, this._renderManagerService = i, this._dataValidationModel = o;
   }
   _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 d, u, h;
+    const { vt: r, ht: n } = t || {}, i = e.endX - e.startX - mt * 2, o = e.endY - e.startY, a = ((d = t == null ? void 0 : t.fs) != null ? d : 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 + (o - a);
         break;
       default:
-        s = 0 + (i - r) / 2;
+        s = 0 + (o - a) / 2;
         break;
     }
-    switch (a) {
-      case ze.LEFT:
-        l = Ct;
+    switch (n) {
+      case Ye.LEFT:
+        l = mt;
         break;
-      case ze.RIGHT:
-        l = Ct + (o - r);
+      case Ye.RIGHT:
+        l = mt + (i - a);
         break;
       default:
-        l = Ct + (o - r) / 2;
+        l = mt + (i - 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 d, u, h, c, m, g, b, y, p;
+    const { formula1: n = ti, formula2: i = ei } = e, o = await this._formulaService.getRuleFormulaResult(t, r, e.uid), a = Nt((h = (u = (d = o == null ? void 0 : o[0]) == null ? void 0 : d.result) == null ? void 0 : u[0]) == null ? void 0 : h[0]), l = Nt((g = (m = (c = o == null ? void 0 : o[1]) == null ? void 0 : c.result) == null ? void 0 : m[0]) == null ? void 0 : g[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((p = (y = (b = o == null ? void 0 : o[0]) == null ? void 0 : b.result) == null ? void 0 : y[0]) == null ? void 0 : p[0]) : n,
+      formula2: De(i) ? l : i,
       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)
-      return;
-    const c = this._dataValidationModel.getValidator(p.type);
-    if (!c)
+    var P, A, L, V;
+    const { style: r, primaryWithCoord: n, unitId: i, subUnitId: o, worksheet: a, row: l, col: s } = t, d = n.isMergedMainCell ? n.mergeInfo : n, u = Q(a.getCellRaw(l, s)), h = this._dataValidationModel.getRuleByLocation(i, o, l, s);
+    if (!h)
       return;
-    const _ = this._themeService.getCurrentTheme();
-    if (!((A = c.skipDefaultFontRender) != null && A.call(c, p, u, { unitId: o, subUnitId: i, row: l, column: s })))
+    const c = this._dataValidationModel.getValidator(h.type);
+    if (!c || !((P = c.skipDefaultFontRender) != null && P.call(c, h, u, { unitId: i, subUnitId: o, 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({
+    const m = c.parseFormulaSync(h, i, o), { formula1: g } = m, b = this._calc(d, r), { a: y, d: p } = e.getTransform(), S = Pn(b.left, y), v = Pn(b.top, p), C = vi.create().composeMatrix({
       left: S,
-      top: V,
+      top: v,
       scaleX: 1,
       scaleY: 1,
       angle: 0,
@@ -2245,163 +2326,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
+    }), w = d.endX - d.startX, I = d.endY - d.startY;
+    e.save(), e.beginPath(), e.rect(d.startX, d.startY, w, I), e.clip();
+    const R = C.getMatrix();
+    e.transform(R[0], R[1], R[2], R[3], R[4], R[5]);
+    const T = ((A = r == null ? void 0 : r.fs) != null ? A : 10) * 1.6, N = String(u) === String(g), D = this._themeService.getColorFromTheme("primary.600");
+    mi.drawWith(e, {
+      checked: N,
+      width: T,
+      height: T,
+      fill: (V = (L = r == null ? void 0 : r.cl) == null ? void 0 : L.rgb) != null ? V : D
     }), 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), i = n.top, o = n.top + n.height, a = n.left, l = n.left + n.width, { x: s, y: d } = e;
+    return s <= l && s >= a && d <= o && d >= i;
   }
   async onPointerDown(e, t) {
-    var h;
+    var g;
     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);
+    const { primaryWithCoord: r, unitId: n, subUnitId: i, worksheet: o, row: a, col: l } = e, s = Q(o.getCellRaw(a, l)), d = this._dataValidationModel.getRuleByLocation(n, i, a, l);
     if (!d)
       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 })))
+    if (!u || !((g = u.skipDefaultFontRender) != null && g.call(u, d, s, { unitId: n, subUnitId: i, row: a, column: l })))
       return;
-    const { formula1: p, formula2: c } = await this._parseFormula(d, a, o), _ = {
+    const { formula1: h, formula2: c } = await this._parseFormula(d, n, i), m = {
       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) === ni(String(h)) ? c : h,
         p: null
       }
     };
     this._commandService.executeCommand(
-      dt.id,
-      _
+      st.id,
+      m
     );
   }
   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(Y.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(Y.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 = No([
+  Be(0, J),
+  Be(1, le),
+  Be(2, M(Qr)),
+  Be(3, M(Xn)),
+  Be(4, M(Ne)),
+  Be(5, M(ee))
+], rn);
+class Uo extends fe {
   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", qn);
   }
 }
-class cr extends _e {
+class Fo extends fe {
   constructor() {
     super(...arguments);
     E(this, "id", G.CUSTOM);
-    E(this, "formulaInput", Ja);
+    E(this, "formulaInput", Zn);
   }
 }
-const ur = "data-validation.formula-input";
-class hr extends _e {
+const xo = "data-validation.formula-input";
+class $o extends fe {
   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", xo);
+    E(this, "optionsInput", Vt.componentKey);
+    E(this, "dropdownType", ge.DATE);
   }
 }
-class mr extends _e {
+class Bo extends fe {
   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, Ho = 0, Ht = 4, Or = 4, on = 6, Ot = 6, Ee = 14;
+function Wo(e, t) {
+  const r = fi.getTextSize(e, t), n = r.width + Vr * 2, { ba: i, bd: o } = r, a = i + o;
   return {
-    width: a,
-    height: r + pr * 2,
-    ba: o
+    width: n,
+    height: a + Ho * 2,
+    ba: i
   };
 }
-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),
+function Wt(e, t, r, n) {
+  const i = Ee + on * 2, o = r - i, a = n - Ot * 2, l = e.map((c) => ({
+    layout: Wo(c, t),
     text: c
   }));
   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 { layout: m } = c, { width: g, height: b } = m;
+    !s || s.width + g + Ht > o ? (s = {
+      width: g,
+      height: b,
       items: [{
         ...c,
         left: 0
       }]
     }, d.push(s)) : (s.items.push({
       ...c,
-      left: s.width + zt
-    }), s.width = s.width + h + zt);
+      left: s.width + Ht
+    }), s.width = s.width + g + 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 d.forEach((c, m) => {
+    h = Math.max(h, c.width), m === d.length - 1 ? u += c.height : u += c.height + Or;
   }), {
     lines: d,
     totalHeight: u,
-    contentWidth: i,
-    contentHeight: r,
-    cellAutoHeight: u + Pt * 2,
-    calcAutoWidth: p + o
+    contentWidth: o,
+    contentHeight: a,
+    cellAutoHeight: u + Ot * 2,
+    calcAutoWidth: h + i
   };
 }
-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 jo = 8;
+class Yo extends _i {
+  static drawWith(t, r) {
+    const { fontString: n, info: i, fill: o, color: a } = r, { layout: l, text: s } = i;
+    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: jo,
+      fill: o || 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);
-  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) {
+var Xo = Object.getOwnPropertyDescriptor, zo = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Xo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, ft = (e, t) => (r, n) => t(r, n, e);
+const Ko = 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 +2491,168 @@ let ua = class {
   _generateKey(e, t) {
     return `${e}.${t}`;
   }
-  _drawDownIcon(e, t, n, a, o) {
-    const i = n - Ee + 4;
-    let r = 4;
-    switch (o) {
-      case se.MIDDLE:
-        r = (a - Ee) / 2 + 4;
+  _drawDownIcon(e, t, r, n, i) {
+    const o = r - Ee + 4;
+    let a = 4;
+    switch (i) {
+      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 + o, t.startY + a), e.fillStyle = "#565656", e.fill(Ko), e.restore();
   }
   // eslint-disable-next-line max-lines-per-function
-  drawWith(e, t, n, a) {
-    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)
-      return;
-    const S = this._dataValidationModel.getValidator(g.type);
+  drawWith(e, t, r, n) {
+    var Z, z;
+    const { primaryWithCoord: i, row: o, col: a, style: l, data: s, subUnitId: d } = t, u = i.isMergedMainCell ? i.mergeInfo : i, h = s == null ? void 0 : s.fontRenderExtension, { leftOffset: c = 0, rightOffset: m = 0, topOffset: g = 0, downOffset: b = 0 } = h || {}, y = this._ensureMap(d), p = this._generateKey(o, a), S = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, o, a);
     if (!S)
       return;
-    const V = {
+    const v = this._dataValidationModel.getValidator(S.type);
+    if (!v)
+      return;
+    const C = {
       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);
-    let j = 0;
+      endX: u.endX - m,
+      startY: u.startY + g,
+      endY: u.endY - b
+    }, w = C.endX - C.startX, I = C.endY - C.startY, { cl: R } = l || {}, T = (Z = typeof R == "object" ? R == null ? void 0 : R.rgb : R) != null ? Z : "#000", N = Ut(l != null ? l : void 0), { vt: D, ht: P } = l || {}, A = D != null ? D : ae.MIDDLE, L = (z = Q(s)) != null ? z : "", V = v.parseCellValue(L), F = v.getListWithColorMap(S), x = Wt(V, N, w, I);
+    this._drawDownIcon(e, C, w, I, A), e.save(), e.translateWithPrecision(C.startX, C.startY), e.beginPath(), e.rect(0, 0, w - Ee, I), e.clip(), e.translateWithPrecision(on, Ot);
+    let X = 0;
     switch (A) {
-      case se.MIDDLE:
-        j = (B.contentHeight - B.totalHeight) / 2;
+      case ae.MIDDLE:
+        X = (x.contentHeight - x.totalHeight) / 2;
         break;
-      case se.BOTTOM:
-        j = B.contentHeight - B.totalHeight;
+      case ae.BOTTOM:
+        X = x.contentHeight - x.totalHeight;
         break;
     }
-    e.translateWithPrecision(0, j), B.lines.forEach((ae, pe) => {
+    e.translateWithPrecision(0, X), x.lines.forEach((te, pe) => {
       e.save();
-      const { width: ce, height: ne, items: ue } = ae;
-      let Ce = 0;
-      switch (T) {
-        case ze.RIGHT:
-          Ce = B.contentWidth - ce;
+      const { width: de, height: ne, items: ce } = te;
+      let Se = 0;
+      switch (P) {
+        case Ye.RIGHT:
+          Se = x.contentWidth - de;
           break;
-        case ze.CENTER:
-          Ce = (B.contentWidth - ce) / 2;
+        case Ye.CENTER:
+          Se = (x.contentWidth - de) / 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, pe * (ne + Or)), ce.forEach((ve) => {
+        e.save(), e.translateWithPrecision(ve.left, 0), Yo.drawWith(e, {
+          ...N,
+          info: ve,
+          color: T,
+          fill: F[ve.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(p, {
+      left: C.startX,
+      top: C.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: i, col: o } = e, a = n == null ? void 0 : n.fontRenderExtension, { leftOffset: l = 0, rightOffset: s = 0, topOffset: d = 0, downOffset: u = 0 } = a || {}, h = t.isMergedMainCell ? t.mergeInfo : t, c = {
+      startX: h.startX + l,
+      endX: h.endX - s,
+      startY: h.startY + d,
+      endY: h.endY - u
+    }, m = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, i, o);
+    if (!m)
       return;
-    const h = this._dataValidationModel.getValidator(_.type);
-    if (!h)
+    const g = this._dataValidationModel.getValidator(m.type);
+    if (!g)
       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 = c.endX - c.startX, y = c.endY - c.startY, p = (w = Q(n)) != null ? w : "", S = g.parseCellValue(p), v = Ut(r != null ? r : void 0);
+    return Wt(S, v, 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: i, col: o } = e, a = n == null ? void 0 : n.fontRenderExtension, { leftOffset: l = 0, rightOffset: s = 0, topOffset: d = 0, downOffset: u = 0 } = a || {}, h = t.isMergedMainCell ? t.mergeInfo : t, c = {
+      startX: h.startX + l,
+      endX: h.endX - s,
+      startY: h.startY + d,
+      endY: h.endY - u
+    }, m = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, i, o);
+    if (!m)
       return;
-    const h = this._dataValidationModel.getValidator(_.type);
-    if (!h)
+    const g = this._dataValidationModel.getValidator(m.type);
+    if (!g)
       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 = c.endX - c.startX, y = c.endY - c.startY, p = (w = Q(n)) != null ? w : "", S = g.parseCellValue(p), v = Ut(r != null ? r : void 0);
+    return Wt(S, v, b, y).calcAutoWidth;
   }
   isHit(e, t) {
-    const { primaryWithCoord: n } = t, a = n.isMergedMainCell ? n.mergeInfo : n, { endX: o } = a, { x: i } = e;
-    return i >= o - Ee && i <= o;
+    const { primaryWithCoord: r } = t, n = r.isMergedMainCell ? r.mergeInfo : r, { endX: i } = n, { x: o } = e;
+    return o >= i - Ee && o <= i;
   }
   onPointerDown(e, t) {
     if (t.button === 2)
       return;
-    const { unitId: n, subUnitId: a, row: o, col: i } = e, r = {
-      unitId: n,
-      subUnitId: a,
-      row: o,
-      column: i
+    const { unitId: r, subUnitId: n, row: i, col: o } = e, a = {
+      unitId: r,
+      subUnitId: n,
+      row: i,
+      column: o
     };
-    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(Y.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(Y.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 = zo([
+  ft(0, J),
+  ft(1, le),
+  ft(2, M(Ne)),
+  ft(3, M(ee))
+], an);
+class Go extends fe {
   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", ge.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);
-  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;
+var Zo = Object.getOwnPropertyDescriptor, qo = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Zo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, at = (e, t) => (r, n) => t(r, n, e);
+const Me = 4, _t = 4, he = 14, me = 6, We = 4, jt = 8, Jo = "#565656", xn = 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 Qo(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 +2660,7 @@ function yr(e, t) {
             bd: void 0
           },
           st: 0,
-          ed: n
+          ed: r
         }
       ]
     },
@@ -2591,64 +2672,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 = Qo(e, r), i = new Xr(n), o = new Ci(i);
   return {
-    documentSkeleton: Mo.create(i, t),
-    docModel: o,
-    docViewModel: i
+    documentSkeleton: Ii.create(o, t),
+    docModel: i,
+    docViewModel: o
   };
 }
-function wt(e, t, n) {
+function St(e, t, r) {
   const {
-    documentSkeleton: a,
-    docModel: o,
-    docViewModel: i
-  } = Fn(e, t, n);
+    documentSkeleton: n,
+    docModel: i,
+    docViewModel: o
+  } = Tr(e, t, r);
   return {
-    documents: new Vo(`DOCUMENTS_${Qt.generateRandomId()}`, a, {
+    documents: new Si(`DOCUMENTS_${Kt.generateRandomId()}`, n, {
       pageMarginLeft: 0,
       pageMarginTop: 0
     }),
-    documentSkeleton: a,
-    docModel: o,
-    docViewModel: i
+    documentSkeleton: n,
+    docModel: i,
+    docViewModel: o
   };
 }
-function Ha(e, t, n, a, o, i, r = !0) {
+function $n(e, t, r, n, i, o, a = !0) {
   let l = 0;
-  const s = r ? Ye : 0;
-  switch (o) {
-    case se.BOTTOM:
-      l = t - a - s;
+  const s = a ? We : 0;
+  switch (i) {
+    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);
+  l = Math.max(We, l);
   let d = 0;
-  switch (i) {
-    case ze.CENTER:
-      d = (e - n) / 2;
+  switch (o) {
+    case Ye.CENTER:
+      d = (e - r) / 2;
       break;
-    case ze.RIGHT:
-      d = e - n;
+    case Ye.RIGHT:
+      d = e - r;
       break;
   }
-  return d = Math.max(ve, d), {
+  return d = Math.max(me, d), {
     paddingLeft: d,
     paddingTop: l
   };
 }
-let ha = class {
-  constructor(e, t, n, a, o) {
+let sn = class {
+  constructor(e, t, r, n, i) {
     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 = i;
   }
   _ensureMap(e) {
     let t = this._dropdownInfoMap.get(e);
@@ -2657,198 +2738,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, i, o, a) {
+    const { t: l = re.pd.t, b: s = re.pd.b } = a, d = r - he;
     let u;
-    switch (i) {
-      case se.MIDDLE:
-        u = (a - Rt) / 2;
+    switch (o) {
+      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 - i - We + (i / 2 - _t / 2);
         break;
       default:
-        u = l + Ye + (o / 2 - Rt / 2);
+        u = l + We + (i / 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 + d, t.startY + u), e.fillStyle = "#565656", e.fill(xn), 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: i, col: o, style: a, data: l, subUnitId: s } = t, d = n.isMergedMainCell ? n.mergeInfo : n, u = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, i, o);
     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 c = l == null ? void 0 : l.fontRenderExtension, { leftOffset: m = 0, rightOffset: g = 0, topOffset: b = 0, downOffset: y = 0 } = c || {};
+    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 p = {
+      startX: d.startX + m,
+      endX: d.endX - g,
+      startY: d.startY + b,
+      endY: d.endY - y
+    }, S = p.endX - p.startX, v = p.endY - p.startY, C = this._ensureMap(s), w = this._generateKey(i, o), I = h.getListWithColor(u), R = Q(l), T = `${R != null ? R : ""}`, N = I.find((V) => V.label === T);
+    let { tb: D, vt: P, ht: A, pd: L } = a || {};
+    if (D = D != null ? D : Ie.WRAP, P = P != null ? P : ae.BOTTOM, A = A != null ? A : re.ht, L = L != null ? L : re.pd, u.renderMode === ie.ARROW) {
+      const { l: V = re.pd.l, t: F = re.pd.t, r: x = re.pd.r, b: X = re.pd.b } = L, Z = S - V - x - he - 4, { documentSkeleton: z, documents: te, docModel: pe } = St(T, this._localeService, a);
+      D === Ie.WRAP && pe.updateDocumentDataPageSize(Math.max(Z, 1)), z.calculate(), z.getActualSize();
+      const de = it(z), { height: ne, width: ce } = de, { paddingTop: Se, paddingLeft: ve } = $n(Z, v - F - X, ce, ne, P, A, !0);
+      this._drawDownIcon(e, p, S, v, ne, P, L), e.save(), e.translateWithPrecision(p.startX + V, p.startY + F), e.beginPath(), e.rect(0, 0, S - V - x, v - F - X), e.clip(), e.translateWithPrecision(0, Se), e.save(), e.translateWithPrecision(Me, 0), e.beginPath(), e.rect(0, 0, Z, ne), e.clip(), te.render(e), e.translateWithPrecision(ve, 0), e.restore(), e.restore(), C.set(w, {
+        left: p.endX + V + r.rowHeaderWidth - he,
+        top: p.startY + F + r.columnHeaderHeight,
         width: he,
-        height: S - U - j
+        height: v - F - X
       });
     } 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(p.startX, p.startY), e.beginPath(), e.rect(0, 0, S, v), e.clip();
+      const V = S - me * 2 - Me - he - 4, { documentSkeleton: F, documents: x, docModel: X } = St(T, this._localeService, a);
+      D === Ie.WRAP && X.updateDocumentDataPageSize(Math.max(V, 1)), F.calculate();
+      const Z = it(F), { height: z, width: te } = Z, { paddingTop: pe, paddingLeft: de } = $n(V, v, te, z, P, A);
+      e.translateWithPrecision(me, pe);
+      const ne = Math.max(S - me * 2, 1), ce = z;
+      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: ce,
+        fill: (N == null ? void 0 : N.color) || He,
+        radius: jt
+      }), e.save(), e.translateWithPrecision(Me, 0), e.beginPath(), e.rect(0, 0, V, z), e.clip(), e.translateWithPrecision(de, 0), x.render(e), e.restore(), e.translateWithPrecision(V + Me + 4, (z - _t) / 2), e.fillStyle = Jo, e.fill(xn), e.restore(), C.set(w, {
+        left: p.startX + me + r.rowHeaderWidth,
+        top: p.startY + pe + r.columnHeaderHeight,
         width: ne,
-        height: ue
+        height: ce
       });
     }
   }
   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);
+    const { primaryWithCoord: t, style: r, data: n, row: i, col: o } = e, a = t.isMergedMainCell ? t.mergeInfo : t, l = n == null ? void 0 : n.fontRenderExtension, { leftOffset: s = 0, rightOffset: d = 0, topOffset: u = 0, downOffset: h = 0 } = l || {}, c = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, i, o);
     if (!c || c.renderMode === ie.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 m = {
+      startX: a.startX + s,
+      endX: a.endX - d,
+      startY: a.startY + u,
+      endY: a.endY - h
+    }, g = m.endX - m.startX, b = Q(n), y = `${b != null ? b : ""}`;
+    let { tb: p, pd: S } = r || {};
+    const { t: v = re.pd.t, b: C = re.pd.b } = S != null ? S : {};
+    if (p = p != null ? p : Ie.WRAP, c.renderMode === ie.ARROW) {
+      const w = g - he, { documentSkeleton: I, docModel: R } = St(y, this._localeService, r);
+      p === Ie.WRAP && R.updateDocumentDataPageSize(Math.max(w, 1)), I.calculate(), I.getActualSize();
+      const T = it(I), { height: N } = T;
+      return N + v + C + 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 = g - me * 2 - Me - he, { documentSkeleton: I, docModel: R } = Tr(y, this._localeService, r);
+      p === Ie.WRAP && R.updateDocumentDataPageSize(Math.max(w, 1)), I.calculate();
+      const T = it(I), {
+        height: N
+      } = T;
+      return N + 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);
+    const { primaryWithCoord: t, style: r, data: n, row: i, col: o } = e, a = t.isMergedMainCell ? t.mergeInfo : t, l = n == null ? void 0 : n.fontRenderExtension, { leftOffset: s = 0, rightOffset: d = 0, topOffset: u = 0, downOffset: h = 0 } = l || {}, c = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, i, o);
     if (!c || c.renderMode === ie.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;
+    const m = {
+      startX: a.startX + s,
+      endX: a.endX - d,
+      startY: a.startY + u,
+      endY: a.endY - h
+    }, g = m.endX - m.startX, b = Q(n), y = `${b != null ? b : ""}`;
+    let { tb: p, pd: S } = r || {};
+    const { l: v = re.pd.l, r: C = re.pd.r } = S != null ? S : {};
+    p = p != null ? p : Ie.WRAP;
+    let w = me * 2 + he;
     switch (c.renderMode) {
       case ie.ARROW:
-        w = he + ve * 2 + V + S;
+        w = he + me * 2 + C + v;
         break;
       case ie.CUSTOM:
-        w = he + ve * 2 + De * 2 + V + S + Gt / 2 + 1;
+        w = he + me * 2 + Me * 2 + C + v + jt / 2 + 1;
         break;
       // default is CUSTOM
       default:
-        w = he + ve * 2 + De * 2 + V + S + Gt / 2 + 1;
+        w = he + me * 2 + Me * 2 + C + v + 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 I = g - w, { documentSkeleton: R, docModel: T } = St(y, this._localeService, r);
+    return p === Ie.WRAP && T.updateDocumentDataPageSize(Math.max(I, 1)), R.calculate(), R.getActualSize(), it(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: i } = t, a = this._ensureMap(r).get(this._generateKey(n, i)), l = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, n, i);
+    if (!l || !a || l.renderMode === ie.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: d, width: u, height: h } = a, { x: c, y: m } = e;
+    return c >= d && c <= d + u && m >= s && m <= 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,
-      row: o,
-      column: i
+    const { unitId: r, subUnitId: n, row: i, col: o } = e, a = {
+      unitId: r,
+      subUnitId: n,
+      row: i,
+      column: o
     };
-    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(Y.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(Y.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 = qo([
+  at(0, le),
+  at(1, M(se)),
+  at(2, J),
+  at(3, M(Ne)),
+  at(4, M(ee))
+], sn);
+class ea extends fe {
   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", ge.LIST);
+    E(this, "optionsInput", Dt.componentKey);
+    E(this, "formulaInput", cn);
   }
 }
-class Dr extends _e {
+class ta extends fe {
   constructor() {
     super(...arguments);
     E(this, "id", G.TEXT_LENGTH);
-    E(this, "formulaInput", Ft);
+    E(this, "formulaInput", Tt);
   }
 }
-class Er extends _e {
+class na extends fe {
   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);
-  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();
+var ra = Object.getOwnPropertyDescriptor, ia = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? ra(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, Yt = (e, t) => (r, n) => t(r, n, e);
+let tt = class extends dn {
+  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
+      [br, Sr],
+      [Mt, Po],
+      [Dt.componentKey, Dt],
+      [Vt.componentKey, Vt],
+      ...Qi
     ].forEach(([e, t]) => {
       this.disposeWithMe(this._componentManger.register(
         e,
@@ -2858,144 +2939,144 @@ let nt = class extends ma {
   }
   _registerValidatorViews() {
     [
-      mr,
-      Er,
-      Dr,
-      hr,
-      dr,
-      Mr,
-      Ir,
-      cr
+      Bo,
+      na,
+      ta,
+      $o,
+      Uo,
+      ea,
+      Go,
+      Fo
     ].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);
-  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(
+tt = ia([
+  Yt(0, M(we)),
+  Yt(1, M(pn)),
+  Yt(2, M(ye))
+], tt);
+var oa = Object.getOwnPropertyDescriptor, aa = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? oa(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, Xt = (e, t) => (r, n) => t(r, n, e);
+const sa = "SHEET_DATA_VALIDATION_UI_PLUGIN";
+var Ct;
+let Bn = (Ct = class extends zn {
+  constructor(e = bt, t, r, n) {
+    super(), this._config = e, this._injector = t, this._commandService = r, this._configService = n;
+    const { menu: i, ...o } = Kn(
       {},
-      Ot,
+      bt,
       this._config
     );
-    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(En, i);
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Cn, o);
   }
   onStarting() {
     [
-      [Se],
-      [Pe],
-      [ht],
-      [Qe],
-      [at],
-      [tt],
+      [_e],
+      [Ae],
+      [ct],
+      [qe],
       [et],
+      [Qe],
       [Je],
-      [nt]
+      [Ze],
+      [tt]
     ].forEach((e) => {
       this._injector.add(e);
     }), [
-      Ut,
-      Nt,
-      Dn,
-      wa,
-      Be,
-      Mn
+      Lt,
+      At,
+      yr,
+      In,
+      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(ct), this._injector.get(Ne).registerRenderModule(
+      Y.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);
-  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(
+    this._injector.get(qe);
+  }
+}, E(Ct, "pluginName", sa), E(Ct, "type", Y.UNIVER_SHEET), Ct);
+Bn = aa([
+  Xt(1, M(we)),
+  Xt(2, J),
+  Xt(3, ln)
+], Bn);
+var la = Object.getOwnPropertyDescriptor, da = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? la(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, zt = (e, t) => (r, n) => t(r, n, e);
+const ca = "SHEET_DATA_VALIDATION_UI_PLUGIN";
+var It;
+let Hn = (It = class extends zn {
+  constructor(e = bt, t, r, n) {
+    super(), this._config = e, this._injector = t, this._commandService = r, this._configService = n;
+    const { menu: i, ...o } = Kn(
       {},
-      Ot,
+      bt,
       this._config
     );
-    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(En, i);
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Cn, o);
   }
   onStarting() {
     [
-      [Se],
-      [Pe],
-      [ht],
-      [Qe],
-      [at],
-      [tt],
+      [_e],
+      [Ae],
+      [ct],
+      [qe],
       [et],
-      [nt]
+      [Qe],
+      [Je],
+      [tt]
     ].forEach((e) => {
       this._injector.add(e);
     }), [
-      Ut,
-      Nt,
-      Dn,
-      wa,
-      Be,
-      Mn
+      Lt,
+      At,
+      yr,
+      In,
+      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(
+      Y.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", ca), E(It, "type", Y.UNIVER_SHEET), It);
+Hn = da([
+  zt(1, M(we)),
+  zt(2, J),
+  zt(3, ln)
+], Hn);
 export {
-  _e as BaseSheetDataValidatorView,
-  xa as UniverSheetsDataValidationMobileUIPlugin,
-  Wa as UniverSheetsDataValidationUIPlugin
+  fe as BaseSheetDataValidatorView,
+  Hn as UniverSheetsDataValidationMobileUIPlugin,
+  Bn as UniverSheetsDataValidationUIPlugin
 };