@univerjs/sheets-data-validation-ui 0.8.2-nightly.202506261607 → 0.8.3-nightly.202506271607

package/lib/es/index.js

@@ -1,554 +1,32 @@
 var Tr = Object.defineProperty;
 var Pr = (e, t, r) => t in e ? Tr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var V = (e, t, r) => Pr(e, typeof t != "symbol" ? t + "" : t, r);
-import { LocaleService as ce, isFormulaString as Oe, DataValidationType as j, Tools as In, Inject as M, Injector as ye, Disposable as be, UniverInstanceType as X, toDisposable as Ar, IUniverInstanceService as ue, DataValidationErrorStyle as lt, DataValidationStatus as Ze, ICommandService as te, IConfigService as sn, DataValidationRenderMode as se, DisposableCollection as Lr, dayjs as Rn, numfmt as $n, CellValueType as kr, CommandType as rt, ObjectMatrix as It, Range as Nr, Rectangle as Rt, queryObjectMatrix as Kt, Optional as Ur, RxDisposable as ln, InterceptorEffectEnum as jn, sequenceExecute as Yn, bufferDebounceTime as Fr, debounce as xr, UndoCommand as Br, RedoCommand as Wr, isUnitRangesEqual as Hr, shallowEqual as yn, ThemeService as Xn, ColorKit as $r, VerticalAlign as de, HorizontalAlign as Re, DEFAULT_STYLES as ae, WrapStrategy as me, DependentOn as jr, Plugin as Zn, merge as Kn } from "@univerjs/core";
-import { DataValidationFormulaController as Yr, deserializeListOptions as Xr, serializeListOptions as zn, CUSTOM_FORMULA_INPUT_NAME as Gn, BASE_FORMULA_INPUT_NAME as Pt, LIST_FORMULA_INPUT_NAME as dn, CHECKBOX_FORMULA_INPUT_NAME as qn, SheetDataValidationModel as ie, SheetsDataValidationValidatorService as Zr, getDataValidationCellValue as Nt, getCellValueOrigin as re, createDefaultNewRule as Jn, AddSheetDataValidationCommand as cn, DATA_VALIDATION_PLUGIN_NAME as Qn, getDataValidationDiffMutations as zt, UpdateSheetDataValidationRangeCommand as er, DataValidationCacheService as tr, UpdateSheetDataValidationSettingCommand as bn, UpdateSheetDataValidationOptionsCommand as Kr, RemoveSheetDataValidationCommand as nr, RemoveSheetAllDataValidationCommand as zr, DataValidationFormulaService as Gr, CHECKBOX_FORMULA_2 as qr, CHECKBOX_FORMULA_1 as Jr, getFormulaResult as Ut, isLegalFormulaResult as Mn, transformCheckboxValue as Qr, UniverSheetsDataValidationPlugin as ei } from "@univerjs/sheets-data-validation";
-import { jsxs as $, Fragment as dt, jsx as S } from "react/jsx-runtime";
-import { FormLayout as Y, Input as Pe, Checkbox as At, clsx as Ne, borderClassName as yt, RadioGroup as un, Radio as Ae, DraggableList as ti, Dropdown as ni, Button as Ke, Select as En } from "@univerjs/design";
-import { useDependency as F, useSidebarClick as rr, useObservable as Le, useEvent as Gt, ISidebarService as ir, IDialogService as ri, IZenZoneService as or, KeyCode as gt, MenuItemType as hn, getMenuHiddenObservable as ii, RibbonDataGroup as oi, IMenuManagerService as ai, ComponentManager as pn } from "@univerjs/ui";
-import { useState as W, useRef as pt, forwardRef as Fe, createElement as Ie, useMemo as ct, useEffect as ke } from "react";
-import { FormulaEditor as ar, RangeSelector as si } from "@univerjs/sheets-formula-ui";
-import { DataValidatorRegistryService as Me, DataValidationModel as gn, DataValidatorDropdownType as ve, DataValidatorRegistryScope as li, TWO_FORMULA_OPERATOR_COUNT as di, getRuleOptions as Dn, getRuleSetting as Vn } from "@univerjs/data-validation";
-import { debounceTime as sr, filter as vn, BehaviorSubject as On, distinctUntilChanged as ci, Subject as ui, bufferTime as lr, of as hi } from "rxjs";
-import { DeviceInputEventType as vt, IRenderManagerService as xe, fixLineWidthByScale as Tn, Transform as pi, CheckboxShape as gi, getCurrentTypeOfRenderer as ze, CURSOR_TYPE as Ge, FontCache as vi, Shape as fi, Rect as dr, getFontStyleString as Te, DocSimpleSkeleton as it, Text as Pn } from "@univerjs/engine-render";
-import { SheetInterceptorService as fn, VALIDATE_CELL as mi, SheetsSelectionsService as cr, SetRangeValuesCommand as st, getSheetCommandTarget as ur, rangeToDiscreteRange as _i, SheetPermissionCheckController as Si, WorksheetEditPermission as qt, WorksheetSetCellStylePermission as Jt, RangeProtectionPermissionEditPoint as Qt, WorkbookEditablePermission as en, INTERCEPTOR_POINT as hr, InterceptCellContentPriority as pr, checkRangesEditablePermission as Ci } from "@univerjs/sheets";
-import { getPatternType as wi } from "@univerjs/sheets-numfmt";
-import { ISheetCellDropdownManagerService as Ii, IEditorBridgeService as gr, SetCellEditVisibleOperation as ft, HoverManagerService as Ri, CellAlertManagerService as yi, CellAlertType as bi, IAutoFillService as Mi, APPLY_TYPE as ot, virtualizeDiscreteRanges as tn, getAutoFillRepeatRange as Ei, ISheetClipboardService as Di, COPY_TYPE as An, PREDEFINED_HOOK_NAME as mt, getRepeatRange as Ln, getCurrentRangeDisable$ as Vi, AutoHeightController as vr, SheetSkeletonManagerService as ut, IMarkSelectionService as Oi } from "@univerjs/sheets-ui";
-import { deserializeRangeWithSheet as Ti, serializeRange as fr } from "@univerjs/engine-formula";
-const Pi = (e) => {
-  const { isTwoFormula: t = !1, value: r, onChange: n, showError: i, validResult: o } = e, a = F(ce), l = i ? o == null ? void 0 : o.formula1 : "", s = i ? o == null ? void 0 : o.formula2 : "";
-  return t ? /* @__PURE__ */ $(dt, { children: [
-    /* @__PURE__ */ S(Y, { error: l, children: /* @__PURE__ */ S(
-      Pe,
-      {
-        className: "univer-w-full",
-        placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
-        value: r == null ? void 0 : r.formula1,
-        onChange: (d) => {
-          n == null || n({
-            ...r,
-            formula1: d
-          });
-        }
-      }
-    ) }),
-    /* @__PURE__ */ S("div", { className: "-univer-mt-2 univer-mb-1 univer-text-sm univer-text-gray-400", children: a.t("dataValidation.panel.formulaAnd") }),
-    /* @__PURE__ */ S(Y, { error: s, children: /* @__PURE__ */ S(
-      Pe,
-      {
-        className: "univer-w-full",
-        placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
-        value: r == null ? void 0 : r.formula2,
-        onChange: (d) => {
-          n == null || n({
-            ...r,
-            formula2: d
-          });
-        }
-      }
-    ) })
-  ] }) : /* @__PURE__ */ S(Y, { error: l, children: /* @__PURE__ */ S(
-    Pe,
-    {
-      className: "univer-w-full",
-      placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
-      value: r == null ? void 0 : r.formula1,
-      onChange: (d) => {
-        n == null || n({ formula1: d });
-      }
-    }
-  ) });
-};
-function Ai(e) {
-  const { value: t, onChange: r, showError: n, validResult: i } = e, o = F(ce), a = n ? i == null ? void 0 : i.formula1 : "", l = n ? i == null ? void 0 : i.formula2 : "", [s, d] = W(!((t == null ? void 0 : t.formula1) === void 0 && (t == null ? void 0 : t.formula2) === void 0));
-  return /* @__PURE__ */ $(dt, { children: [
-    /* @__PURE__ */ S(Y, { children: /* @__PURE__ */ S(
-      At,
-      {
-        checked: s,
-        onChange: (u) => {
-          u ? d(!0) : (d(!1), r == null || r({
-            ...t,
-            formula1: void 0,
-            formula2: void 0
-          }));
-        },
-        children: o.t("dataValidation.checkbox.tips")
-      }
-    ) }),
-    s ? /* @__PURE__ */ S(Y, { label: o.t("dataValidation.checkbox.checked"), error: a, children: /* @__PURE__ */ S(
-      Pe,
-      {
-        className: "univer-w-full",
-        placeholder: o.t("dataValidation.panel.valuePlaceholder"),
-        value: t == null ? void 0 : t.formula1,
-        onChange: (u) => {
-          r == null || r({
-            ...t,
-            formula1: u || void 0
-          });
-        }
-      }
-    ) }) : null,
-    s ? /* @__PURE__ */ S(Y, { label: o.t("dataValidation.checkbox.unchecked"), error: l, children: /* @__PURE__ */ S(
-      Pe,
-      {
-        className: "univer-w-full",
-        placeholder: o.t("dataValidation.panel.valuePlaceholder"),
-        value: t == null ? void 0 : t.formula2,
-        onChange: (u) => {
-          r == null || r({
-            ...t,
-            formula2: u || void 0
-          });
-        }
-      }
-    ) }) : null
-  ] });
-}
-function Li(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 = pt(null), [d, u] = W(!1);
-  return rr((c) => {
-    var p;
-    ((p = s.current) == null ? void 0 : p.isClickOutSide(c)) && u(!1);
-  }), /* @__PURE__ */ S(Y, { error: l, children: /* @__PURE__ */ S(
-    ar,
-    {
-      ref: s,
-      className: Ne("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", yt),
-      initValue: (h = n == null ? void 0 : n.formula1) != null ? h : "=",
-      unitId: t,
-      subUnitId: r,
-      isFocus: d,
-      isSupportAcrossSheet: !0,
-      onChange: (c) => {
-        const m = (c != null ? c : "").trim();
-        m !== (n == null ? void 0 : n.formula1) && (i == null || i({
-          ...n,
-          formula1: m
-        }));
-      },
-      onFocus: () => u(!0)
-    }
-  ) });
-}
-var le = function() {
-  return le = 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;
-  }, le.apply(this, arguments);
-}, ki = 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 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;
-}, Be = Fe(function(e, t) {
-  var r = e.icon, n = e.id, i = e.className, o = e.extend, a = ki(e, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), s = pt("_".concat(Fi()));
-  return mr(r, "".concat(n), { defIds: r.defIds, idSuffix: s.current }, le({ ref: t, className: l }, a), o);
-});
-function mr(e, t, r, n, i) {
-  return Ie(e.tag, le(le({ key: t }, Ni(e, r, i)), n), (Ui(e, r).children || []).map(function(o, a) {
-    return mr(o, "".concat(t, "-").concat(e.tag, "-").concat(a), r, void 0, i);
-  }));
-}
-function Ni(e, t, r) {
-  var n = le({}, 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 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 Ui(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) ? le(le({}, e), { children: e.children.map(function(i) {
-    return typeof i.attrs.id == "string" && n && n.includes(i.attrs.id) ? le(le({}, i), { attrs: le(le({}, i.attrs), { id: i.attrs.id + t.idSuffix }) }) : i;
-  }) }) : e;
-}
-function Fi() {
-  return Math.random().toString(36).substring(2, 8);
-}
-Be.displayName = "UniverIcon";
-var xi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.4917 3.07803C1.4917 2.19437 2.20804 1.47803 3.0917 1.47803H5.6917C6.57536 1.47803 7.2917 2.19437 7.2917 3.07803V5.67803C7.2917 6.56168 6.57535 7.27803 5.6917 7.27803H3.0917C2.20804 7.27803 1.4917 6.56168 1.4917 5.67803V3.07803ZM3.0917 2.67803C2.87078 2.67803 2.6917 2.85711 2.6917 3.07803V5.67803C2.6917 5.89894 2.87079 6.07803 3.0917 6.07803H5.6917C5.91261 6.07803 6.0917 5.89894 6.0917 5.67803V3.07803C6.0917 2.85711 5.91261 2.67803 5.6917 2.67803H3.0917Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.6175 2.45279C14.8518 2.68711 14.8518 3.06701 14.6175 3.30132L11.6151 6.30365C11.3957 6.52307 11.0451 6.53897 10.8067 6.34031L8.80915 4.67566C8.55458 4.46352 8.52019 4.08518 8.73233 3.83062C8.94447 3.57605 9.32281 3.54166 9.57737 3.7538L11.154 5.06767L13.769 2.45278C14.0033 2.21847 14.3832 2.21848 14.6175 2.45279Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.1175 9.19746C14.3518 9.43178 14.3518 9.81168 14.1175 10.046L12.5418 11.6217L14.1175 13.1975C14.3518 13.4318 14.3518 13.8117 14.1175 14.046C13.8832 14.2803 13.5033 14.2803 13.269 14.046L11.6933 12.4703L10.1175 14.046C9.88321 14.2803 9.50331 14.2803 9.269 14.046C9.03468 13.8117 9.03468 13.4318 9.269 13.1975L10.8447 11.6217L9.269 10.046C9.03468 9.81168 9.03468 9.43178 9.269 9.19746C9.50331 8.96315 9.88321 8.96315 10.1175 9.19746L11.6933 10.7732L13.269 9.19746C13.5033 8.96315 13.8832 8.96315 14.1175 9.19746Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.0917 8.72168C2.20804 8.72168 1.4917 9.43802 1.4917 10.3217V12.9217C1.4917 13.8053 2.20804 14.5217 3.0917 14.5217H5.6917C6.57535 14.5217 7.2917 13.8053 7.2917 12.9217V10.3217C7.2917 9.43802 6.57536 8.72168 5.6917 8.72168H3.0917ZM2.6917 10.3217C2.6917 10.1008 2.87078 9.92168 3.0917 9.92168H5.6917C5.91261 9.92168 6.0917 10.1008 6.0917 10.3217V12.9217C6.0917 13.1426 5.91261 13.3217 5.6917 13.3217H3.0917C2.87079 13.3217 2.6917 13.1426 2.6917 12.9217V10.3217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, _r = Fe(function(e, t) {
-  return Ie(Be, Object.assign({}, e, {
-    id: "data-validation-icon",
-    ref: t,
-    icon: xi
-  }));
-});
-_r.displayName = "DataValidationIcon";
-var Bi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, mn = Fe(function(e, t) {
-  return Ie(Be, Object.assign({}, e, {
-    id: "delete-icon",
-    ref: t,
-    icon: Bi
-  }));
-});
-mn.displayName = "DeleteIcon";
-var Wi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, Sr = Fe(function(e, t) {
-  return Ie(Be, Object.assign({}, e, {
-    id: "increase-icon",
-    ref: t,
-    icon: Wi
-  }));
-});
-Sr.displayName = "IncreaseIcon";
-var Hi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, _n = Fe(function(e, t) {
-  return Ie(Be, Object.assign({}, e, {
-    id: "more-down-icon",
-    ref: t,
-    icon: Hi
-  }));
-});
-_n.displayName = "MoreDownIcon";
-var $i = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.64645 9.85355C4.45118 9.65829 4.45118 9.34171 4.64645 9.14645L7.64645 6.14645C7.84171 5.95118 8.15829 5.95118 8.35355 6.14645L11.3536 9.14645C11.5488 9.34171 11.5488 9.65829 11.3536 9.85355C11.1583 10.0488 10.8417 10.0488 10.6464 9.85355L8 7.20711L5.35355 9.85355C5.15829 10.0488 4.84171 10.0488 4.64645 9.85355Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Cr = Fe(function(e, t) {
-  return Ie(Be, Object.assign({}, e, {
-    id: "more-up-icon",
-    ref: t,
-    icon: $i
-  }));
-});
-Cr.displayName = "MoreUpIcon";
-var ji = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4C5 4.55228 5.44772 5 6 5Z" } }, { tag: "path", attrs: { d: "M6 9C6.55228 9 7 8.55229 7 8C7 7.44772 6.55228 7 6 7C5.44772 7 5 7.44772 5 8C5 8.55229 5.44772 9 6 9Z" } }, { tag: "path", attrs: { d: "M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z" } }, { tag: "path", attrs: { d: "M10 5C10.5523 5 11 4.55228 11 4C11 3.44772 10.5523 3 10 3C9.44771 3 9 3.44772 9 4C9 4.55228 9.44771 5 10 5Z" } }, { tag: "path", attrs: { d: "M11 8C11 8.55229 10.5523 9 10 9C9.44771 9 9 8.55229 9 8C9 7.44772 9.44771 7 10 7C10.5523 7 11 7.44772 11 8Z" } }, { tag: "path", attrs: { d: "M10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44771 11 9 11.4477 9 12C9 12.5523 9.44771 13 10 13Z" } }] }] }, wr = Fe(function(e, t) {
-  return Ie(Be, Object.assign({}, e, {
-    id: "sequence-icon",
-    ref: t,
-    icon: ji
-  }));
-});
-wr.displayName = "SequenceIcon";
-const Ye = "#ECECEC", Yi = [
-  "#FFFFFF",
-  "#FEE7E7",
-  "#FEF0E6",
-  "#EFFBD0",
-  "#E4F4FE",
-  "#E8ECFD",
-  "#F1EAFA",
-  "#FDE8F3",
-  "#E5E5E5",
-  "#FDCECE",
-  "#FDC49B",
-  "#DEF6A2",
-  "#9FDAFF",
-  "#D0D9FB",
-  "#E3D5F6",
-  "#FBD0E8",
-  "#656565",
-  "#FE4B4B",
-  "#FF8C51",
-  "#8BBB11",
-  "#0B9EFB",
-  "#3A60F7",
-  "#9E6DE3",
-  "#F248A6"
-], Xi = (e) => {
-  const { value: t, onChange: r, disabled: n } = e, [i, o] = W(!1);
-  return /* @__PURE__ */ S(
-    ni,
-    {
-      align: "start",
-      disabled: n,
-      open: i,
-      onOpenChange: o,
-      overlay: /* @__PURE__ */ S(
-        "div",
-        {
-          className: "univer-box-border univer-grid univer-w-fit univer-grid-cols-6 univer-flex-wrap univer-gap-2 univer-p-1.5",
-          children: Yi.map(
-            (a) => /* @__PURE__ */ S(
-              "div",
-              {
-                className: Ne("univer-box-border univer-size-4 univer-cursor-pointer univer-rounded", yt),
-                style: { background: a },
-                onClick: () => {
-                  r(a), o(!1);
-                }
-              },
-              a
-            )
-          )
-        }
-      ),
-      children: /* @__PURE__ */ $(
-        "div",
-        {
-          className: Ne("univer-box-border univer-inline-flex univer-h-8 univer-w-16 univer-cursor-pointer univer-items-center univer-justify-between univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200 hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white", yt),
-          children: [
-            /* @__PURE__ */ S(
-              "div",
-              {
-                className: "univer-box-border univer-h-4 univer-w-4 univer-rounded univer-text-base",
-                style: { background: t }
-              }
-            ),
-            /* @__PURE__ */ S(_n, {})
-          ]
-        }
-      )
-    }
-  );
-}, kn = (e) => {
-  const { item: t, commonProps: r, className: n } = e, { onItemChange: i, onItemDelete: o } = r;
-  return /* @__PURE__ */ $("div", { className: Ne("univer-flex univer-items-center univer-gap-2", n), children: [
-    !t.isRef && /* @__PURE__ */ S("div", { className: Ne("univer-cursor-move", "draggableHandle"), children: /* @__PURE__ */ S(wr, {}) }),
-    /* @__PURE__ */ S(
-      Xi,
-      {
-        value: t.color,
-        onChange: (a) => {
-          i(t.id, t.label, a);
-        }
-      }
-    ),
-    /* @__PURE__ */ S(
-      Pe,
-      {
-        disabled: t.isRef,
-        value: t.label,
-        onChange: (a) => {
-          i(t.id, a, t.color);
-        }
-      }
-    ),
-    t.isRef ? null : /* @__PURE__ */ S(
-      "div",
-      {
-        className: "univer-ml-1 univer-cursor-pointer univer-rounded univer-text-base hover:univer-bg-gray-200",
-        children: /* @__PURE__ */ S(mn, { onClick: () => o(t.id) })
-      }
-    )
-  ] });
-};
-function Zi(e) {
-  const { value: t, onChange: r = () => {
-  }, unitId: n, subUnitId: i, validResult: o, showError: a, ruleId: l } = e, { formula1: s = "", formula2: d = "" } = t || {}, [u, h] = W(() => Oe(s) ? "1" : "0"), [c, m] = W(u === "1" ? s : "="), [p, b] = W(u === "1" ? s : "="), y = F(ce), g = F(Me), C = F(gn), v = F(Yr), [I, w] = W(() => d.split(",")), _ = g.getValidatorItem(j.LIST), [R, L] = W([]), [N, E] = W(""), T = a ? o == null ? void 0 : o.formula1 : "", O = ct(() => C.ruleChange$.pipe(sr(16)), []), P = Le(O), k = Gt(r);
-  ke(() => {
-    (async () => {
-      await new Promise((f) => {
-        setTimeout(() => f(!0), 100);
-      });
-      const D = C.getRuleById(n, i, l), U = D == null ? void 0 : D.formula1;
-      if (Oe(U) && _ && D) {
-        const f = await _.getListAsync(D, n, i);
-        L(f);
-      }
-    })();
-  }, [C, P, _, l, i, n]), ke(() => {
-    Oe(s) && s !== p && (m(s), b(p));
-  }, [p, s]);
-  const [H, B] = W(() => {
-    const D = u !== "1" ? Xr(s) : [], U = d.split(",");
-    return D.map((f, A) => ({
-      label: f,
-      color: U[A] || Ye,
-      isRef: !1,
-      id: In.generateRandomId(4)
-    }));
-  }), J = (D, U, f) => {
-    const A = H.find((x) => x.id === D);
-    A && (A.label = U, A.color = f, B([...H]));
-  }, ne = (D) => {
-    const U = H.findIndex((f) => f.id === D);
-    U !== -1 && (H.splice(U, 1), B([...H]));
-  }, oe = d.split(","), he = ct(() => R.map((D, U) => ({
-    label: D,
-    color: oe[U] || Ye,
-    id: `${U}`,
-    isRef: !0
-  })), [oe, R]), z = (D, U, f) => {
-    const A = [...I];
-    A[+D] = f, w(A), k({
-      formula1: s,
-      formula2: A.join(",")
-    });
-  }, Z = () => {
-    B([
-      ...H,
-      {
-        label: "",
-        color: Ye,
-        isRef: !1,
-        id: In.generateRandomId(4)
-      }
-    ]);
-  };
-  ke(() => {
-    if (u === "1")
-      return;
-    const D = /* @__PURE__ */ new Set(), U = [];
-    H.map((f) => ({
-      labelList: f.label.split(","),
-      item: f
-    })).forEach(({ item: f, labelList: A }) => {
-      A.forEach((x) => {
-        D.has(x) || (D.add(x), U.push({
-          label: x,
-          color: f.color
-        }));
-      });
-    }), k({
-      formula1: zn(U.map((f) => f.label)),
-      formula2: U.map((f) => f.color === Ye ? "" : f.color).join(",")
-    });
-  }, [H, k, u, p, I]);
-  const fe = Gt(async (D) => {
-    if (!Oe(D)) {
-      k == null || k({
-        formula1: "",
-        formula2: d
-      });
-      return;
-    }
-    v.getFormulaRefCheck(D) ? (k == null || k({
-      formula1: Oe(D) ? D : "",
-      formula2: d
-    }), E("")) : (k == null || k({
-      formula1: "",
-      formula2: d
-    }), m("="), E(y.t("dataValidation.validFail.formulaError")));
-  }), Q = pt(null), [q, G] = W(!1);
-  return rr((D) => {
-    var f;
-    ((f = Q.current) == null ? void 0 : f.isClickOutSide(D)) && G(!1);
-  }), /* @__PURE__ */ $(dt, { children: [
-    /* @__PURE__ */ S(Y, { label: y.t("dataValidation.list.options"), children: /* @__PURE__ */ $(
-      un,
-      {
-        value: u,
-        onChange: (D) => {
-          h(D), m(p), D === "1" && k({
-            formula1: p === "=" ? "" : p,
-            formula2: I.join(",")
-          });
-        },
-        children: [
-          /* @__PURE__ */ S(Ae, { value: "0", children: y.t("dataValidation.list.customOptions") }),
-          /* @__PURE__ */ S(Ae, { value: "1", children: y.t("dataValidation.list.refOptions") })
-        ]
-      }
-    ) }),
-    u === "1" ? /* @__PURE__ */ $(Y, { error: T || N || void 0, children: [
-      /* @__PURE__ */ S(
-        ar,
-        {
-          ref: Q,
-          className: Ne("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", yt),
-          initValue: c,
-          unitId: n,
-          subUnitId: i,
-          isFocus: q,
-          isSupportAcrossSheet: !0,
-          onFocus: () => G(!0),
-          onChange: (D = "") => {
-            const U = (D != null ? D : "").trim();
-            b(U), fe(U);
-          }
-        }
-      ),
-      he.length > 0 && /* @__PURE__ */ S("div", { className: "univer-mt-3", children: he.map((D) => /* @__PURE__ */ S(
-        kn,
-        {
-          className: "univer-mb-3",
-          item: D,
-          commonProps: { onItemChange: z }
-        },
-        D.id
-      )) })
-    ] }) : /* @__PURE__ */ S(Y, { error: T, children: /* @__PURE__ */ $("div", { className: "-univer-mt-3", children: [
-      /* @__PURE__ */ S(
-        ti,
-        {
-          list: H,
-          onListChange: B,
-          rowHeight: 28,
-          margin: [0, 12],
-          draggableHandle: ".draggableHandle",
-          itemRender: (D) => /* @__PURE__ */ S(
-            kn,
-            {
-              item: D,
-              commonProps: {
-                onItemChange: J,
-                onItemDelete: ne
-              }
-            },
-            D.id
-          ),
-          idKey: "id"
-        }
-      ),
-      /* @__PURE__ */ $(
-        "a",
-        {
-          className: "univer-text-primary 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 hover:univer-bg-primary-50 dark:hover:!univer-bg-gray-800",
-          onClick: Z,
-          children: [
-            /* @__PURE__ */ S(Sr, { className: "univer-mr-1" }),
-            y.t("dataValidation.list.add")
-          ]
-        }
-      )
-    ] }) })
-  ] });
-}
-const Ki = [
-  [
-    Gn,
-    Li
-  ],
-  [
-    Pt,
-    Pi
-  ],
-  [
-    dn,
-    Zi
-  ],
-  [
-    qn,
-    Ai
-  ]
-];
-var zi = Object.getOwnPropertyDescriptor, Gi = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? zi(t, r) : t, o = e.length - 1, a; o >= 0; o--)
-    (a = e[o]) && (i = a(i) || i);
-  return i;
-}, qi = (e, t) => (r, n) => t(r, n, e);
-let Se = class {
-  constructor(e) {
-    V(this, "canvasRender", null);
-    V(this, "dropdownType");
-    V(this, "optionsInput");
-    V(this, "formulaInput", dn);
-    this.injector = e;
-  }
-};
-Se = Gi([
-  qi(0, M(ye))
-], Se);
-var Ji = Object.getOwnPropertyDescriptor, Qi = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ji(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+import { Disposable as ye, UniverInstanceType as X, toDisposable as Ar, IUniverInstanceService as ce, Inject as M, LocaleService as ue, DataValidationErrorStyle as lt, DataValidationStatus as Ze, ICommandService as te, Injector as be, IConfigService as sn, DataValidationRenderMode as se, DisposableCollection as Lr, dayjs as In, numfmt as $n, CellValueType as kr, CommandType as rt, DataValidationType as j, ObjectMatrix as It, Range as Nr, Rectangle as Rt, queryObjectMatrix as Kt, Optional as Ur, RxDisposable as ln, InterceptorEffectEnum as jn, sequenceExecute as Yn, bufferDebounceTime as Fr, debounce as xr, UndoCommand as Br, RedoCommand as Wr, isUnitRangesEqual as Hr, shallowEqual as Rn, ThemeService as Xn, ColorKit as $r, isFormulaString as Oe, Tools as yn, VerticalAlign as de, HorizontalAlign as Re, DEFAULT_STYLES as ae, WrapStrategy as me, Plugin as Zn, merge as Kn, DependentOn as jr } from "@univerjs/core";
+import { DeviceInputEventType as gt, IRenderManagerService as Fe, fixLineWidthByScale as bn, Transform as Yr, CheckboxShape as Xr, getCurrentTypeOfRenderer as Ke, CURSOR_TYPE as ze, FontCache as Zr, Shape as Kr, Rect as zn, getFontStyleString as Te, DocSimpleSkeleton as it, Text as Mn } from "@univerjs/engine-render";
+import { SheetInterceptorService as dn, VALIDATE_CELL as zr, SheetsSelectionsService as Gn, SetRangeValuesCommand as st, getSheetCommandTarget as qn, rangeToDiscreteRange as Gr, SheetPermissionCheckController as qr, WorksheetEditPermission as zt, WorksheetSetCellStylePermission as Gt, RangeProtectionPermissionEditPoint as qt, WorkbookEditablePermission as Jt, INTERCEPTOR_POINT as Jn, InterceptCellContentPriority as Qn, checkRangesEditablePermission as Jr } from "@univerjs/sheets";
+import { SheetDataValidationModel as ie, SheetsDataValidationValidatorService as Qr, getDataValidationCellValue as Nt, getCellValueOrigin as re, serializeListOptions as er, createDefaultNewRule as tr, AddSheetDataValidationCommand as cn, DATA_VALIDATION_PLUGIN_NAME as nr, getDataValidationDiffMutations as Qt, UpdateSheetDataValidationRangeCommand as rr, DataValidationCacheService as ir, UpdateSheetDataValidationSettingCommand as En, UpdateSheetDataValidationOptionsCommand as ei, RemoveSheetDataValidationCommand as or, RemoveSheetAllDataValidationCommand as ti, DataValidationFormulaController as ni, deserializeListOptions as ri, CUSTOM_FORMULA_INPUT_NAME as ar, BASE_FORMULA_INPUT_NAME as Pt, LIST_FORMULA_INPUT_NAME as un, CHECKBOX_FORMULA_INPUT_NAME as sr, DataValidationFormulaService as ii, CHECKBOX_FORMULA_2 as oi, CHECKBOX_FORMULA_1 as ai, getFormulaResult as Ut, isLegalFormulaResult as Dn, transformCheckboxValue as si, UniverSheetsDataValidationPlugin as li } from "@univerjs/sheets-data-validation";
+import { DataValidatorRegistryService as Me, DataValidatorDropdownType as ve, DataValidationModel as hn, DataValidatorRegistryScope as di, TWO_FORMULA_OPERATOR_COUNT as ci, getRuleOptions as Vn, getRuleSetting as On } from "@univerjs/data-validation";
+import { ISidebarService as lr, IDialogService as ui, IZenZoneService as dr, KeyCode as vt, MenuItemType as pn, getMenuHiddenObservable as hi, RibbonDataGroup as pi, IMenuManagerService as gi, useDependency as F, ComponentManager as gn, useObservable as Pe, useEvent as en, useSidebarClick as cr } from "@univerjs/ui";
+import { filter as vn, BehaviorSubject as Tn, distinctUntilChanged as vi, Subject as fi, debounceTime as ur, bufferTime as hr, of as mi } from "rxjs";
+import { getPatternType as _i } from "@univerjs/sheets-numfmt";
+import { ISheetCellDropdownManagerService as Si, IEditorBridgeService as pr, SetCellEditVisibleOperation as ft, HoverManagerService as Ci, CellAlertManagerService as wi, CellAlertType as Ii, IAutoFillService as Ri, APPLY_TYPE as ot, virtualizeDiscreteRanges as tn, getAutoFillRepeatRange as yi, ISheetClipboardService as bi, COPY_TYPE as Pn, PREDEFINED_HOOK_NAME as mt, getRepeatRange as An, getCurrentRangeDisable$ as Mi, AutoHeightController as gr, SheetSkeletonManagerService as dt, IMarkSelectionService as Ei } from "@univerjs/sheets-ui";
+import { Button as Ge, FormLayout as Y, RadioGroup as fn, Radio as Ae, Checkbox as At, Input as Le, Select as Ln, clsx as Ne, borderClassName as yt, DraggableList as Di, Dropdown as Vi } from "@univerjs/design";
+import { createElement as Ie, forwardRef as xe, useRef as pt, useState as W, useMemo as ct, useEffect as ke } from "react";
+import { jsxs as $, Fragment as ut, jsx as S } from "react/jsx-runtime";
+import { deserializeRangeWithSheet as Oi, serializeRange as vr } from "@univerjs/engine-formula";
+import { RangeSelector as Ti, FormulaEditor as fr } from "@univerjs/sheets-formula-ui";
+var Pi = Object.getOwnPropertyDescriptor, Ai = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Pi(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 Ce = class extends be {
+}, kn = (e, t) => (r, n) => t(r, n, e);
+let Se = class extends ye {
   constructor(t, r) {
     super();
-    V(this, "_open$", new On(!1));
-    V(this, "open$", this._open$.pipe(ci()));
+    V(this, "_open$", new Tn(!1));
+    V(this, "open$", this._open$.pipe(vi()));
     V(this, "_activeRule");
-    V(this, "_activeRule$", new On(void 0));
+    V(this, "_activeRule$", new Tn(void 0));
     V(this, "activeRule$", this._activeRule$.asObservable());
     V(this, "_closeDisposable", null);
     this._univerInstanceService = t, this._sidebarService = r, this.disposeWithMe(
@@ -587,23 +65,23 @@ let Ce = class extends be {
     this._activeRule = t, this._activeRule$.next(t);
   }
 };
-Ce = Qi([
-  Nn(0, ue),
-  Nn(1, ir)
-], Ce);
-const Sn = "sheets-data-validation-ui.config", bt = {};
-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--)
+Se = Ai([
+  kn(0, ce),
+  kn(1, lr)
+], Se);
+const mn = "sheets-data-validation-ui.config", bt = {};
+var Li = Object.getOwnPropertyDescriptor, ki = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Li(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
 }, He = (e, t) => (r, n) => t(r, n, e);
-let qe = class extends be {
+let qe = class extends ye {
   constructor(e, t, r, n, i, o) {
     super(), this._sheetInterceptorService = e, this._dataValidationModel = t, this._dataValidatorRegistryService = r, this._dialogService = n, this._localeService = i, this._sheetsDataValidationValidatorService = o, this._initEditorBridgeInterceptor();
   }
   _initEditorBridgeInterceptor() {
     this._sheetInterceptorService.writeCellInterceptor.intercept(
-      mi,
+      zr,
       {
         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;
@@ -623,7 +101,7 @@ let qe = class extends be {
             },
             footer: {
               title: Ie(
-                Ke,
+                Ge,
                 {
                   variant: "primary",
                   onClick: () => this._dialogService.close("reject-input-dialog")
@@ -651,7 +129,7 @@ let qe = class extends be {
       },
       footer: {
         title: Ie(
-          Ke,
+          Ge,
           {
             variant: "primary",
             onClick: () => this._dialogService.close("reject-input-dialog")
@@ -665,16 +143,16 @@ let qe = class extends be {
     });
   }
 };
-qe = to([
-  He(0, M(fn)),
+qe = ki([
+  He(0, M(dn)),
   He(1, M(ie)),
   He(2, M(Me)),
-  He(3, ri),
-  He(4, M(ce)),
-  He(5, M(Zr))
+  He(3, ui),
+  He(4, M(ue)),
+  He(5, M(Qr))
 ], qe);
-var no = Object.getOwnPropertyDescriptor, ro = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? no(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+var Ni = Object.getOwnPropertyDescriptor, Ui = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ni(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
 }, pe = (e, t) => (r, n) => t(r, n, e);
@@ -682,13 +160,13 @@ const Ft = (e) => {
   if (e == null || typeof e == "boolean")
     return;
   if (typeof e == "number" || !Number.isNaN(+e))
-    return Rn($n.format("yyyy-MM-dd HH:mm:ss", Number(e)));
-  const t = Rn(e);
+    return In($n.format("yyyy-MM-dd HH:mm:ss", Number(e)));
+  const t = In(e);
   if (t.isValid())
     return t;
 };
-function io(e, t) {
-  const r = wi(t);
+function Fi(e, t) {
+  const r = _i(t);
   if (e === r)
     return t;
   switch (e) {
@@ -700,11 +178,11 @@ function io(e, t) {
       return "HH:mm:ss";
   }
 }
-let Ue = class extends be {
+let Ue = class extends ye {
   constructor(t, r, n, i, o, a, l, s, d, u, h) {
     super();
     V(this, "_activeDropdown");
-    V(this, "_activeDropdown$", new ui());
+    V(this, "_activeDropdown$", new fi());
     V(this, "_currentPopup", null);
     V(this, "activeDropdown$", this._activeDropdown$.asObservable());
     V(this, "_zenVisible", !1);
@@ -769,9 +247,9 @@ let Ue = class extends be {
         t: kr.NUMBER
       }, d) ? (await this._commandService.executeCommand(ft.id, {
         visible: !1,
-        eventType: vt.Keyboard,
+        eventType: gt.Keyboard,
         unitId: o,
-        keycode: gt.ESC
+        keycode: vt.ESC
       }), await this._commandService.executeCommand(st.id, {
         unitId: o,
         subUnitId: a,
@@ -789,7 +267,7 @@ let Ue = class extends be {
           si: null,
           s: {
             n: {
-              pattern: io(I, T)
+              pattern: Fi(I, T)
             }
           }
         }
@@ -840,7 +318,7 @@ let Ue = class extends be {
       case ve.LIST:
       case ve.MULTIPLE_LIST: {
         const v = u.dropdownType === ve.MULTIPLE_LIST, I = async (E) => {
-          const T = zn(E), O = {
+          const T = er(E), O = {
             unitId: o,
             subUnitId: a,
             range: {
@@ -858,12 +336,12 @@ let Ue = class extends be {
           };
           return this._editorBridgeService.isVisible().visible && await this._commandService.executeCommand(ft.id, {
             visible: !1,
-            eventType: vt.Keyboard,
+            eventType: gt.Keyboard,
             unitId: o,
-            keycode: gt.ESC
+            keycode: vt.ESC
           }), this._commandService.executeCommand(st.id, O), !v;
         }, w = (d == null ? void 0 : d.renderMode) === se.CUSTOM || (d == null ? void 0 : d.renderMode) === void 0, _ = u.getListWithColor(d, o, a), R = Nt(s.getCellRaw(n, i)), L = () => {
-          this._commandService.executeCommand(We.id, {
+          this._commandService.executeCommand(Be.id, {
             ruleId: d.uid
           }), h == null || h.dispose();
         }, N = _.map((E) => ({
@@ -880,7 +358,7 @@ let Ue = class extends be {
             onEdit: L,
             defaultValue: R,
             multiple: v,
-            showEdit: (g = (y = this._configService.getConfig(Sn)) == null ? void 0 : y.showEditOnDropdown) != null ? g : !0
+            showEdit: (g = (y = this._configService.getConfig(mn)) == null ? void 0 : y.showEditOnDropdown) != null ? g : !0
           }
         };
         break;
@@ -908,9 +386,9 @@ let Ue = class extends be {
               };
               return this._editorBridgeService.isVisible().visible && this._commandService.syncExecuteCommand(ft.id, {
                 visible: !1,
-                eventType: vt.Keyboard,
+                eventType: gt.Keyboard,
                 unitId: o,
-                keycode: gt.ESC
+                keycode: vt.ESC
               }), this._commandService.syncExecuteCommand(st.id, w), !0;
             },
             defaultValue: Nt(s.getCellRaw(n, i)).split("/"),
@@ -943,9 +421,9 @@ let Ue = class extends be {
               };
               return this._editorBridgeService.isVisible().visible && this._commandService.syncExecuteCommand(ft.id, {
                 visible: !1,
-                eventType: vt.Keyboard,
+                eventType: gt.Keyboard,
                 unitId: o,
-                keycode: gt.ESC
+                keycode: vt.ESC
               }), this._commandService.syncExecuteCommand(st.id, w), !0;
             },
             defaultValue: Nt(s.getCellRaw(n, i))
@@ -1003,26 +481,26 @@ let Ue = class extends be {
     });
   }
 };
-Ue = ro([
-  pe(0, ue),
+Ue = Ui([
+  pe(0, ce),
   pe(1, M(Me)),
-  pe(2, or),
+  pe(2, dr),
   pe(3, M(ie)),
-  pe(4, M(cr)),
-  pe(5, M(Ii)),
+  pe(4, M(Gn)),
+  pe(5, M(Si)),
   pe(6, M(ie)),
   pe(7, te),
-  pe(8, gr),
-  pe(9, M(ye)),
+  pe(8, pr),
+  pe(9, M(be)),
   pe(10, sn)
 ], Ue);
-const Mt = "DataValidationPanel", We = {
+const Mt = "DataValidationPanel", Be = {
   id: "data-validation.operation.open-validation-panel",
   type: rt.OPERATION,
   handler(e, t) {
     if (!t)
       return !1;
-    const { ruleId: r, isAdd: n } = t, i = e.get(Ce), o = e.get(gn), a = e.get(ue), l = e.get(ir), s = ur(a);
+    const { ruleId: r, isAdd: n } = t, i = e.get(Se), o = e.get(hn), a = e.get(ce), l = e.get(lr), s = qn(a);
     if (!s) return !1;
     const { unitId: d, subUnitId: u } = s, h = r ? o.getRuleById(d, u, r) : void 0;
     i.open(), i.setActiveRule(h && {
@@ -1039,18 +517,18 @@ const Mt = "DataValidationPanel", We = {
     });
     return i.setCloseDisposable(c), !0;
   }
-}, Cn = {
+}, _n = {
   id: "data-validation.operation.close-validation-panel",
   type: rt.OPERATION,
   handler(e) {
-    return e.get(Ce).close(), !0;
+    return e.get(Se).close(), !0;
   }
-}, Ir = {
+}, mr = {
   id: "data-validation.operation.toggle-validation-panel",
   type: rt.OPERATION,
   handler(e) {
-    const t = e.get(te), r = e.get(Ce);
-    return r.open(), r.isOpen ? t.executeCommand(Cn.id) : t.executeCommand(We.id), !0;
+    const t = e.get(te), r = e.get(Se);
+    return r.open(), r.isOpen ? t.executeCommand(_n.id) : t.executeCommand(Be.id), !0;
   }
 }, Lt = {
   type: rt.OPERATION,
@@ -1066,7 +544,7 @@ const Mt = "DataValidationPanel", We = {
       a
     ), !0;
   }
-}, Rr = {
+}, _r = {
   type: rt.OPERATION,
   id: "sheet.operation.hide-data-validation-dropdown",
   handler(e, t) {
@@ -1076,26 +554,26 @@ const Mt = "DataValidationPanel", We = {
   type: rt.COMMAND,
   id: "data-validation.command.addRuleAndOpen",
   handler(e) {
-    const t = e.get(ue), r = ur(t);
+    const t = e.get(ce), r = qn(t);
     if (!r) return !1;
-    const { workbook: n, worksheet: i } = r, o = Jn(e), a = e.get(te), l = n.getUnitId(), s = i.getSheetId(), d = {
+    const { workbook: n, worksheet: i } = r, o = tr(e), a = e.get(te), l = n.getUnitId(), s = i.getSheetId(), d = {
       rule: o,
       unitId: l,
       subUnitId: s
     };
-    return a.syncExecuteCommand(cn.id, d) ? (a.syncExecuteCommand(We.id, {
+    return a.syncExecuteCommand(cn.id, d) ? (a.syncExecuteCommand(Be.id, {
       ruleId: o.uid,
       isAdd: !0
     }), !0) : !1;
   }
 };
-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--)
+var xi = Object.getOwnPropertyDescriptor, Bi = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? xi(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
 }, $e = (e, t) => (r, n) => t(r, n, e);
 const Ee = "SHEET_DATA_VALIDATION_ALERT";
-let ht = class extends be {
+let ht = class extends ye {
   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();
   }
@@ -1103,7 +581,7 @@ let ht = class extends be {
     this._initCellAlertPopup(), this._initZenService();
   }
   _initCellAlertPopup() {
-    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(sr(100)).subscribe((e) => {
+    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(ur(100)).subscribe((e) => {
       var t;
       if (e) {
         const r = this._univerInstanceService.getUnit(e.location.unitId, X.UNIVER_SHEET), n = r.getSheetBySheetId(e.location.subUnitId);
@@ -1125,7 +603,7 @@ let ht = class extends be {
             return;
           }
           this._cellAlertManagerService.showAlert({
-            type: bi.ERROR,
+            type: Ii.ERROR,
             title: this._localeService.t("dataValidation.error.title"),
             message: s == null ? void 0 : s.getRuleFinalError(i, e.location),
             location: e.location,
@@ -1145,20 +623,20 @@ let ht = class extends be {
     }));
   }
 };
-ht = ao([
-  $e(0, M(Ri)),
-  $e(1, M(yi)),
-  $e(2, ue),
-  $e(3, M(ce)),
-  $e(4, or),
+ht = Bi([
+  $e(0, M(Ci)),
+  $e(1, M(wi)),
+  $e(2, ce),
+  $e(3, M(ue)),
+  $e(4, dr),
   $e(5, M(ie))
 ], ht);
-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--)
+var Wi = Object.getOwnPropertyDescriptor, Hi = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Wi(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
 }, xt = (e, t) => (r, n) => t(r, n, e);
-let Je = class extends be {
+let Je = class extends ye {
   constructor(e, t, r) {
     super(), this._autoFillService = e, this._sheetDataValidationModel = t, this._injector = r, this._initAutoFill();
   }
@@ -1168,7 +646,7 @@ let Je = class extends be {
       const { source: o, target: a, unitId: l, subUnitId: s } = n, d = this._sheetDataValidationModel.getRuleObjectMatrix(l, s).clone(), u = tn([o, a]), [h, c] = u.ranges, { mapFunc: m } = u, p = {
         row: h.startRow,
         col: h.startColumn
-      }, b = Ei(h, c), y = new It(), g = /* @__PURE__ */ new Set();
+      }, b = yi(h, c), y = new It(), g = /* @__PURE__ */ new Set();
       b.forEach((_) => {
         const R = _.repeatStartCell, L = _.relativeRange, N = {
           startRow: p.row,
@@ -1204,13 +682,13 @@ let Je = class extends be {
       });
       const C = Array.from(g).map((_) => ({ id: _, ranges: Kt(y, (R) => R === _) }));
       d.addRangeRules(C);
-      const v = d.diff(this._sheetDataValidationModel.getRules(l, s)), { redoMutations: I, undoMutations: w } = zt(l, s, v, this._injector, "patched", i === ot.ONLY_FORMAT);
+      const v = d.diff(this._sheetDataValidationModel.getRules(l, s)), { redoMutations: I, undoMutations: w } = Qt(l, s, v, this._injector, "patched", i === ot.ONLY_FORMAT);
       return {
         undos: w,
         redos: I
       };
     }, r = {
-      id: Qn,
+      id: nr,
       onBeforeFillData: (n) => {
         const { source: i, unitId: o, subUnitId: a } = n;
         for (const l of i.rows)
@@ -1229,17 +707,17 @@ let Je = class extends be {
     this.disposeWithMe(this._autoFillService.addHook(r));
   }
 };
-Je = lo([
-  xt(0, Mi),
+Je = Hi([
+  xt(0, Ri),
   xt(1, M(ie)),
-  xt(2, M(ye))
+  xt(2, M(be))
 ], Je);
-var co = Object.getOwnPropertyDescriptor, uo = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? co(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+var $i = Object.getOwnPropertyDescriptor, ji = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? $i(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 be {
+let Qe = class extends ye {
   constructor(t, r, n) {
     super();
     V(this, "_copyInfo");
@@ -1247,10 +725,10 @@ let Qe = class extends be {
   }
   _initCopyPaste() {
     this._sheetClipboardService.addClipboardHook({
-      id: Qn,
+      id: nr,
       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;
+        const { copyType: o = Pn.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 });
       }
     });
@@ -1262,7 +740,7 @@ let Qe = class extends be {
       subUnitId: r,
       matrix: i
     };
-    const o = this._injector.invoke((s) => _i(n, s, t, r));
+    const o = this._injector.invoke((s) => Gr(n, s, t, r));
     if (!o)
       return;
     const { rows: a, cols: l } = o;
@@ -1277,7 +755,7 @@ let Qe = class extends be {
   _generateMutations(t, r) {
     if (!this._copyInfo)
       return { redos: [], undos: [] };
-    if (r.copyType === An.CUT)
+    if (r.copyType === Pn.CUT)
       return this._copyInfo = null, { redos: [], undos: [] };
     if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !r.copyRange)
       return { redos: [], undos: [] };
@@ -1290,7 +768,7 @@ let Qe = class extends be {
       return { redos: [], undos: [] };
     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 It(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: h } = tn([r.copyRange, t]), c = Ln(d, u, !0), m = /* @__PURE__ */ new Map();
+      const a = this._sheetDataValidationModel.getRuleObjectMatrix(r.unitId, r.subUnitId).clone(), l = new It(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: h } = tn([r.copyRange, t]), c = An(d, u, !0), m = /* @__PURE__ */ new Map();
       c.forEach(({ startRange: g }) => {
         var C;
         (C = this._copyInfo) == null || C.matrix.forValue((v, I, w) => {
@@ -1310,7 +788,7 @@ let Qe = class extends be {
       });
       const p = Array.from(s).map((g) => ({ id: g, ranges: Kt(l, (C) => C === g) }));
       a.addRangeRules(p);
-      const { redoMutations: b, undoMutations: y } = zt(
+      const { redoMutations: b, undoMutations: y } = Qt(
         r.unitId,
         r.subUnitId,
         a.diffWithAddition(this._sheetDataValidationModel.getRules(r.unitId, r.subUnitId), m.values()),
@@ -1324,7 +802,7 @@ let Qe = class extends be {
       };
     } else {
       const a = this._sheetDataValidationModel.getRuleObjectMatrix(i, o).clone(), l = new It(), s = /* @__PURE__ */ new Set(), { ranges: [d, u], mapFunc: h } = tn([r.copyRange, t]);
-      Ln(d, u, !0).forEach(({ startRange: y }) => {
+      An(d, u, !0).forEach(({ startRange: y }) => {
         var g;
         (g = this._copyInfo) == null || g.matrix.forValue((C, v, I) => {
           const w = Rt.getPositionRange(
@@ -1341,7 +819,7 @@ let Qe = class extends be {
       });
       const m = Array.from(s).map((y) => ({ id: y, ranges: Kt(l, (g) => g === y) }));
       a.addRangeRules(m);
-      const { redoMutations: p, undoMutations: b } = zt(
+      const { redoMutations: p, undoMutations: b } = Qt(
         i,
         o,
         a.diff(this._sheetDataValidationModel.getRules(i, o)),
@@ -1356,17 +834,17 @@ let Qe = class extends be {
     }
   }
 };
-Qe = uo([
-  Bt(0, Di),
+Qe = ji([
+  Bt(0, bi),
   Bt(1, M(ie)),
-  Bt(2, M(ye))
+  Bt(2, M(be))
 ], Qe);
-var ho = Object.getOwnPropertyDescriptor, po = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? ho(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+var Yi = Object.getOwnPropertyDescriptor, Xi = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Yi(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
 }, Wt = (e, t) => (r, n) => t(r, n, e);
-let et = class extends be {
+let et = class extends ye {
   constructor(e, t, r) {
     super(), this._localeService = e, this._commandService = t, this._sheetPermissionCheckController = r, this._commandExecutedListener();
   }
@@ -1374,70 +852,70 @@ let et = class extends be {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((e) => {
         e.id === cn.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
-          workbookTypes: [en],
-          rangeTypes: [Qt],
-          worksheetTypes: [qt, Jt]
-        }) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"))), e.id === er.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
-          workbookTypes: [en],
-          rangeTypes: [Qt],
-          worksheetTypes: [qt, Jt]
+          workbookTypes: [Jt],
+          rangeTypes: [qt],
+          worksheetTypes: [zt, Gt]
+        }) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"))), e.id === rr.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
+          workbookTypes: [Jt],
+          rangeTypes: [qt],
+          worksheetTypes: [zt, Gt]
         }, e.params.ranges) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr")));
       })
     );
   }
 };
-et = po([
-  Wt(0, M(ce)),
+et = Xi([
+  Wt(0, M(ue)),
   Wt(1, te),
-  Wt(2, M(Si))
+  Wt(2, M(qr))
 ], et);
-const yr = "sheet.menu.data-validation";
-function go(e) {
+const Sr = "sheet.menu.data-validation";
+function Zi(e) {
   return {
-    id: yr,
-    type: hn.SUBITEMS,
+    id: Sr,
+    type: pn.SUBITEMS,
     icon: "DataValidationIcon",
     tooltip: "dataValidation.title",
-    hidden$: ii(e, X.UNIVER_SHEET),
-    disabled$: Vi(e, { workbookTypes: [en], worksheetTypes: [Jt, qt], rangeTypes: [Qt] })
+    hidden$: hi(e, X.UNIVER_SHEET),
+    disabled$: Mi(e, { workbookTypes: [Jt], worksheetTypes: [Gt, zt], rangeTypes: [qt] })
   };
 }
-function vo(e) {
+function Ki(e) {
   return {
-    id: We.id,
+    id: Be.id,
     title: "dataValidation.panel.title",
-    type: hn.BUTTON
+    type: pn.BUTTON
   };
 }
-function fo(e) {
+function zi(e) {
   return {
     id: kt.id,
     title: "dataValidation.panel.add",
-    type: hn.BUTTON
+    type: pn.BUTTON
   };
 }
-const mo = {
-  [oi.RULES]: {
-    [yr]: {
+const Gi = {
+  [pi.RULES]: {
+    [Sr]: {
       order: 0,
-      menuItemFactory: go,
-      [We.id]: {
+      menuItemFactory: Zi,
+      [Be.id]: {
         order: 0,
-        menuItemFactory: vo
+        menuItemFactory: Ki
       },
       [kt.id]: {
         order: 1,
-        menuItemFactory: fo
+        menuItemFactory: zi
       }
     }
   }
 };
-var _o = Object.getOwnPropertyDescriptor, br = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? _o(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+var qi = Object.getOwnPropertyDescriptor, Cr = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? qi(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 Mr = {
+const wr = {
   tr: {
     size: 6,
     color: "#fe4b4b"
@@ -1448,7 +926,7 @@ let tt = class extends ln {
     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(mo);
+    this._menuManagerService.mergeMenu(Gi);
   }
   _initDropdown() {
     this._editorBridgeService && this.disposeWithMe(this._editorBridgeService.visible$.subscribe((e) => {
@@ -1494,11 +972,11 @@ let tt = class extends ln {
   _initViewModelIntercept() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        hr.CELL_CONTENT,
+        Jn.CELL_CONTENT,
         {
           effect: jn.Style,
           // must be after numfmt
-          priority: pr.DATA_VALIDATION,
+          priority: Qn.DATA_VALIDATION,
           // eslint-disable-next-line max-lines-per-function, complexity
           handler: (e, t, r) => {
             var g, C, v, I, w;
@@ -1523,7 +1001,7 @@ let tt = class extends ln {
             };
             return (!e || e === t.rawData) && (e = { ...t.rawData }), e.markers = {
               ...e == null ? void 0 : e.markers,
-              ...h === Ze.INVALID ? Mr : null
+              ...h === Ze.INVALID ? wr : null
             }, e.customRender = [
               ...(C = e == null ? void 0 : e.customRender) != null ? C : [],
               ...c != null && c.canvasRender ? [c.canvasRender] : []
@@ -1540,7 +1018,7 @@ let tt = class extends ln {
               }, n, i)
             }, e.interceptorAutoHeight = () => {
               var N, E, T, O, P, k;
-              const _ = (E = (N = this._renderManagerService.getRenderById(o)) == null ? void 0 : N.with(ut).getSkeletonParam(a)) == null ? void 0 : E.skeleton;
+              const _ = (E = (N = this._renderManagerService.getRenderById(o)) == null ? void 0 : N.with(dt).getSkeletonParam(a)) == null ? void 0 : E.skeleton;
               if (!_)
                 return;
               const R = _.worksheet.getMergedCell(n, i), L = {
@@ -1557,7 +1035,7 @@ let tt = class extends ln {
               return (k = (P = c == null ? void 0 : c.canvasRender) == null ? void 0 : P.calcCellAutoHeight) == null ? void 0 : k.call(P, L);
             }, e.interceptorAutoWidth = () => {
               var N, E, T, O, P, k;
-              const _ = (E = (N = this._renderManagerService.getRenderById(o)) == null ? void 0 : N.with(ut).getSkeletonParam(a)) == null ? void 0 : E.skeleton;
+              const _ = (E = (N = this._renderManagerService.getRenderById(o)) == null ? void 0 : N.with(dt).getSkeletonParam(a)) == null ? void 0 : E.skeleton;
               if (!_)
                 return;
               const R = _.worksheet.getMergedCell(n, i), L = {
@@ -1583,7 +1061,7 @@ let tt = class extends ln {
       // 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
       vn((e) => e.source === "command"),
-      lr(100)
+      hr(100)
     ).subscribe((e) => {
       if (e.length === 0)
         return;
@@ -1598,20 +1076,20 @@ let tt = class extends ln {
     });
   }
 };
-tt = br([
+tt = Cr([
   K(0, te),
-  K(1, ai),
-  K(2, xe),
-  K(3, ue),
-  K(4, M(vr)),
+  K(1, gi),
+  K(2, Fe),
+  K(3, ce),
+  K(4, M(gr)),
   K(5, M(Ue)),
   K(6, M(ie)),
   K(7, M(Me)),
-  K(8, M(fn)),
-  K(9, M(tr)),
-  K(10, Ur(gr))
+  K(8, M(dn)),
+  K(9, M(ir)),
+  K(10, Ur(pr))
 ], tt);
-let Un = class extends ln {
+let Nn = class extends ln {
   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();
   }
@@ -1619,11 +1097,11 @@ let Un = class extends ln {
   _initViewModelIntercept() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        hr.CELL_CONTENT,
+        Jn.CELL_CONTENT,
         {
           effect: jn.Style,
           // must be after numfmt
-          priority: pr.DATA_VALIDATION,
+          priority: Qn.DATA_VALIDATION,
           // eslint-disable-next-line complexity, max-lines-per-function
           handler: (e, t, r) => {
             var y, g, C, v, I;
@@ -1636,7 +1114,7 @@ let Un = class extends ln {
             const h = (y = this._dataValidationCacheService.getValue(o, a, n, i)) != null ? y : Ze.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), m = s.getCellRaw(n, i), p = re(m), b = `${p != null ? p : ""}`;
             return (!e || e === t.rawData) && (e = { ...t.rawData }), e.markers = {
               ...e == null ? void 0 : e.markers,
-              ...h === Ze.INVALID ? Mr : null
+              ...h === Ze.INVALID ? wr : null
             }, e.customRender = [
               ...(g = e == null ? void 0 : e.customRender) != null ? g : [],
               ...c != null && c.canvasRender ? [c.canvasRender] : []
@@ -1653,7 +1131,7 @@ let Un = class extends ln {
               }, n, i)
             }, e.interceptorAutoHeight = () => {
               var L, N, E, T, O, P;
-              const w = (N = (L = this._renderManagerService.getRenderById(o)) == null ? void 0 : L.with(ut).getSkeletonParam(a)) == null ? void 0 : N.skeleton;
+              const w = (N = (L = this._renderManagerService.getRenderById(o)) == null ? void 0 : L.with(dt).getSkeletonParam(a)) == null ? void 0 : N.skeleton;
               if (!w)
                 return;
               const _ = w.worksheet.getMergedCell(n, i), R = {
@@ -1670,7 +1148,7 @@ let Un = class extends ln {
               return (P = (O = c == null ? void 0 : c.canvasRender) == null ? void 0 : O.calcCellAutoHeight) == null ? void 0 : P.call(O, R);
             }, e.interceptorAutoWidth = () => {
               var L, N, E, T, O, P;
-              const w = (N = (L = this._renderManagerService.getRenderById(o)) == null ? void 0 : L.with(ut).getSkeletonParam(a)) == null ? void 0 : N.skeleton;
+              const w = (N = (L = this._renderManagerService.getRenderById(o)) == null ? void 0 : L.with(dt).getSkeletonParam(a)) == null ? void 0 : N.skeleton;
               if (!w)
                 return;
               const _ = w.worksheet.getMergedCell(n, i), R = {
@@ -1694,7 +1172,7 @@ let Un = class extends ln {
   _initAutoHeight() {
     this._sheetDataValidationModel.ruleChange$.pipe(
       vn((e) => e.source === "command"),
-      lr(16)
+      hr(16)
     ).subscribe((e) => {
       const t = [];
       if (e.forEach((r) => {
@@ -1707,21 +1185,21 @@ let Un = class extends ln {
     });
   }
 };
-Un = br([
+Nn = Cr([
   K(0, te),
-  K(1, xe),
-  K(2, M(vr)),
+  K(1, Fe),
+  K(2, M(gr)),
   K(3, M(Me)),
-  K(4, M(fn)),
+  K(4, M(dn)),
   K(5, M(ie)),
-  K(6, M(tr))
-], Un);
-var So = Object.getOwnPropertyDescriptor, Co = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? So(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+  K(6, M(ir))
+], Nn);
+var Ji = Object.getOwnPropertyDescriptor, Qi = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ji(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 be {
+}, Un = (e, t) => (r, n) => t(r, n, e);
+let Et = class extends ye {
   constructor(e, t, r) {
     super(), this._context = e, this._sheetDataValidationModel = t, this._sheetSkeletonManagerService = r, this._initSkeletonChange();
   }
@@ -1741,14 +1219,108 @@ let Et = class extends be {
     this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe(Fr(16)).subscribe(e));
   }
 };
-Et = Co([
-  Fn(1, M(ie)),
-  Fn(2, M(ut))
+Et = Qi([
+  Un(1, M(ie)),
+  Un(2, M(dt))
 ], Et);
-function wo(e) {
+var le = function() {
+  return le = 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;
+  }, le.apply(this, arguments);
+}, eo = 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 i = 0, n = Object.getOwnPropertySymbols(e); i < n.length; i++)
+      t.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[i]) && (r[n[i]] = e[n[i]]);
+  return r;
+}, We = xe(function(e, t) {
+  var r = e.icon, n = e.id, i = e.className, o = e.extend, a = eo(e, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), s = pt("_".concat(ro()));
+  return Ir(r, "".concat(n), { defIds: r.defIds, idSuffix: s.current }, le({ ref: t, className: l }, a), o);
+});
+function Ir(e, t, r, n, i) {
+  return Ie(e.tag, le(le({ key: t }, to(e, r, i)), n), (no(e, r).children || []).map(function(o, a) {
+    return Ir(o, "".concat(t, "-").concat(e.tag, "-").concat(a), r, void 0, i);
+  }));
+}
+function to(e, t, r) {
+  var n = le({}, 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 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 no(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) ? le(le({}, e), { children: e.children.map(function(i) {
+    return typeof i.attrs.id == "string" && n && n.includes(i.attrs.id) ? le(le({}, i), { attrs: le(le({}, i.attrs), { id: i.attrs.id + t.idSuffix }) }) : i;
+  }) }) : e;
+}
+function ro() {
+  return Math.random().toString(36).substring(2, 8);
+}
+We.displayName = "UniverIcon";
+var io = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.4917 3.07803C1.4917 2.19437 2.20804 1.47803 3.0917 1.47803H5.6917C6.57536 1.47803 7.2917 2.19437 7.2917 3.07803V5.67803C7.2917 6.56168 6.57535 7.27803 5.6917 7.27803H3.0917C2.20804 7.27803 1.4917 6.56168 1.4917 5.67803V3.07803ZM3.0917 2.67803C2.87078 2.67803 2.6917 2.85711 2.6917 3.07803V5.67803C2.6917 5.89894 2.87079 6.07803 3.0917 6.07803H5.6917C5.91261 6.07803 6.0917 5.89894 6.0917 5.67803V3.07803C6.0917 2.85711 5.91261 2.67803 5.6917 2.67803H3.0917Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.6175 2.45279C14.8518 2.68711 14.8518 3.06701 14.6175 3.30132L11.6151 6.30365C11.3957 6.52307 11.0451 6.53897 10.8067 6.34031L8.80915 4.67566C8.55458 4.46352 8.52019 4.08518 8.73233 3.83062C8.94447 3.57605 9.32281 3.54166 9.57737 3.7538L11.154 5.06767L13.769 2.45278C14.0033 2.21847 14.3832 2.21848 14.6175 2.45279Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.1175 9.19746C14.3518 9.43178 14.3518 9.81168 14.1175 10.046L12.5418 11.6217L14.1175 13.1975C14.3518 13.4318 14.3518 13.8117 14.1175 14.046C13.8832 14.2803 13.5033 14.2803 13.269 14.046L11.6933 12.4703L10.1175 14.046C9.88321 14.2803 9.50331 14.2803 9.269 14.046C9.03468 13.8117 9.03468 13.4318 9.269 13.1975L10.8447 11.6217L9.269 10.046C9.03468 9.81168 9.03468 9.43178 9.269 9.19746C9.50331 8.96315 9.88321 8.96315 10.1175 9.19746L11.6933 10.7732L13.269 9.19746C13.5033 8.96315 13.8832 8.96315 14.1175 9.19746Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.0917 8.72168C2.20804 8.72168 1.4917 9.43802 1.4917 10.3217V12.9217C1.4917 13.8053 2.20804 14.5217 3.0917 14.5217H5.6917C6.57535 14.5217 7.2917 13.8053 7.2917 12.9217V10.3217C7.2917 9.43802 6.57536 8.72168 5.6917 8.72168H3.0917ZM2.6917 10.3217C2.6917 10.1008 2.87078 9.92168 3.0917 9.92168H5.6917C5.91261 9.92168 6.0917 10.1008 6.0917 10.3217V12.9217C6.0917 13.1426 5.91261 13.3217 5.6917 13.3217H3.0917C2.87079 13.3217 2.6917 13.1426 2.6917 12.9217V10.3217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Rr = xe(function(e, t) {
+  return Ie(We, Object.assign({}, e, {
+    id: "data-validation-icon",
+    ref: t,
+    icon: io
+  }));
+});
+Rr.displayName = "DataValidationIcon";
+var oo = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Sn = xe(function(e, t) {
+  return Ie(We, Object.assign({}, e, {
+    id: "delete-icon",
+    ref: t,
+    icon: oo
+  }));
+});
+Sn.displayName = "DeleteIcon";
+var ao = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, yr = xe(function(e, t) {
+  return Ie(We, Object.assign({}, e, {
+    id: "increase-icon",
+    ref: t,
+    icon: ao
+  }));
+});
+yr.displayName = "IncreaseIcon";
+var so = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Cn = xe(function(e, t) {
+  return Ie(We, Object.assign({}, e, {
+    id: "more-down-icon",
+    ref: t,
+    icon: so
+  }));
+});
+Cn.displayName = "MoreDownIcon";
+var lo = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.64645 9.85355C4.45118 9.65829 4.45118 9.34171 4.64645 9.14645L7.64645 6.14645C7.84171 5.95118 8.15829 5.95118 8.35355 6.14645L11.3536 9.14645C11.5488 9.34171 11.5488 9.65829 11.3536 9.85355C11.1583 10.0488 10.8417 10.0488 10.6464 9.85355L8 7.20711L5.35355 9.85355C5.15829 10.0488 4.84171 10.0488 4.64645 9.85355Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, br = xe(function(e, t) {
+  return Ie(We, Object.assign({}, e, {
+    id: "more-up-icon",
+    ref: t,
+    icon: lo
+  }));
+});
+br.displayName = "MoreUpIcon";
+var co = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4C5 4.55228 5.44772 5 6 5Z" } }, { tag: "path", attrs: { d: "M6 9C6.55228 9 7 8.55229 7 8C7 7.44772 6.55228 7 6 7C5.44772 7 5 7.44772 5 8C5 8.55229 5.44772 9 6 9Z" } }, { tag: "path", attrs: { d: "M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z" } }, { tag: "path", attrs: { d: "M10 5C10.5523 5 11 4.55228 11 4C11 3.44772 10.5523 3 10 3C9.44771 3 9 3.44772 9 4C9 4.55228 9.44771 5 10 5Z" } }, { tag: "path", attrs: { d: "M11 8C11 8.55229 10.5523 9 10 9C9.44771 9 9 8.55229 9 8C9 7.44772 9.44771 7 10 7C10.5523 7 11 7.44772 11 8Z" } }, { tag: "path", attrs: { d: "M10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44771 11 9 11.4477 9 12C9 12.5523 9.44771 13 10 13Z" } }] }] }, Mr = xe(function(e, t) {
+  return Ie(We, Object.assign({}, e, {
+    id: "sequence-icon",
+    ref: t,
+    icon: co
+  }));
+});
+Mr.displayName = "SequenceIcon";
+function uo(e) {
   var d;
-  const t = F(ce), r = F(pn), { value: n, onChange: i, extraComponent: o } = e, [a, l] = W(!1), s = o ? r.get(o) : null;
-  return /* @__PURE__ */ $(dt, { children: [
+  const t = F(ue), r = F(gn), { value: n, onChange: i, extraComponent: o } = e, [a, l] = W(!1), s = o ? r.get(o) : null;
+  return /* @__PURE__ */ $(ut, { children: [
     /* @__PURE__ */ $(
       "div",
       {
@@ -1756,18 +1328,18 @@ function wo(e) {
         onClick: () => l(!a),
         children: [
           t.t("dataValidation.panel.options"),
-          a ? /* @__PURE__ */ S(Cr, { className: "univer-ml-1" }) : /* @__PURE__ */ S(_n, { className: "univer-ml-1" })
+          a ? /* @__PURE__ */ S(br, { className: "univer-ml-1" }) : /* @__PURE__ */ S(Cn, { className: "univer-ml-1" })
         ]
       }
     ),
-    a && /* @__PURE__ */ $(dt, { children: [
+    a && /* @__PURE__ */ $(ut, { children: [
       s ? /* @__PURE__ */ S(s, { value: n, onChange: i }) : null,
       /* @__PURE__ */ S(
         Y,
         {
           label: t.t("dataValidation.panel.invalid"),
           children: /* @__PURE__ */ $(
-            un,
+            fn,
             {
               value: `${(d = n.errorStyle) != null ? d : lt.WARNING}`,
               onChange: (u) => i({ ...n, errorStyle: +u }),
@@ -1796,24 +1368,24 @@ function wo(e) {
           )
         }
       ),
-      n.showErrorMessage ? /* @__PURE__ */ S(Y, { children: /* @__PURE__ */ S(Pe, { value: n.error, onChange: (u) => i({ ...n, error: u }) }) }) : null
+      n.showErrorMessage ? /* @__PURE__ */ S(Y, { children: /* @__PURE__ */ S(Le, { value: n.error, onChange: (u) => i({ ...n, error: u }) }) }) : null
     ] })
   ] });
 }
-const Io = (e) => xr(
+const ho = (e) => xr(
   async (t, r, n, i) => {
     const o = await e.executeCommand(t, r, n);
     i == null || i(o);
   },
   1e3
 );
-function Ro(e, t, r) {
+function po(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(X.UNIVER_SHEET)) == null ? void 0 : o.getSheetBySheetName(r)) == null ? void 0 : a.getSheetId()) || "";
 }
-function yo() {
+function go() {
   var D, U;
-  const [e, t] = W(0), r = F(Ce), n = Le(r.activeRule$, r.activeRule), { unitId: i, subUnitId: o, rule: a } = n || {}, l = a.uid, s = F(Me), d = F(ue), u = F(pn), h = F(te), c = F(gn), m = F(ce), [p, b] = W(a), y = s.getValidatorItem(p.type), [g, C] = W(!1), v = s.getValidatorsByScope(li.SHEET), [I, w] = W(() => p.ranges.map((f) => ({ unitId: "", sheetId: "", range: f }))), _ = ct(() => Io(h), [h]), [R, L] = W(!1), [N, E] = W(!1), T = pt(null), O = F(cr);
+  const [e, t] = W(0), r = F(Se), n = Pe(r.activeRule$, r.activeRule), { unitId: i, subUnitId: o, rule: a } = n || {}, l = a.uid, s = F(Me), d = F(ce), u = F(gn), h = F(te), c = F(hn), m = F(ue), [p, b] = W(a), y = s.getValidatorItem(p.type), [g, C] = W(!1), v = s.getValidatorsByScope(di.SHEET), [I, w] = W(() => p.ranges.map((f) => ({ unitId: "", sheetId: "", range: f }))), _ = ct(() => ho(h), [h]), [R, L] = W(!1), [N, E] = W(!1), T = pt(null), O = F(Gn);
   if (ke(() => () => {
     const f = O.getCurrentLastSelection();
     f && O.setSelections([f]);
@@ -1826,14 +1398,14 @@ function yo() {
     });
   }, [h, c, l, o, i]), !y)
     return null;
-  const P = y.operators, k = y.operatorNames, H = p.operator ? di.includes(p.operator) : !1, B = () => {
+  const P = y.operators, k = y.operatorNames, H = p.operator ? ci.includes(p.operator) : !1, B = () => {
     var f, A, x;
     (A = (f = T.current) == null ? void 0 : f.editor) != null && A.isFocus() && J((x = T.current) == null ? void 0 : x.getValue()), !(!p.ranges.length || R) && (y.validatorFormula(p, i, o).success ? r.setActiveRule(null) : C(!0));
-  }, J = Gt((f) => {
-    const A = f.split(",").filter(Boolean).map(Ti).map((ee) => {
+  }, J = en((f) => {
+    const A = f.split(",").filter(Boolean).map(Oi).map((ee) => {
       const wn = ee.sheetName;
       if (wn) {
-        const Or = Ro(d, ee.unitId, wn);
+        const Or = po(d, ee.unitId, wn);
         return { ...ee, sheetId: Or };
       }
       return {
@@ -1856,9 +1428,9 @@ function yo() {
       ruleId: l,
       ranges: x
     };
-    _(er.id, we);
+    _(rr.id, we);
   }), ne = (f) => {
-    if (yn(f, Vn(p)))
+    if (Rn(f, On(p)))
       return;
     b({
       ...p,
@@ -1871,12 +1443,12 @@ function yo() {
       setting: f
     };
     _(
-      bn.id,
+      En.id,
       A,
       void 0
     );
   }, oe = async () => {
-    await h.executeCommand(nr.id, {
+    await h.executeCommand(or.id, {
       ruleId: l,
       unitId: i,
       subUnitId: o
@@ -1901,18 +1473,18 @@ function yo() {
       formula1: void 0,
       formula2: void 0
     };
-    b(ee), h.executeCommand(bn.id, {
+    b(ee), h.executeCommand(En.id, {
       unitId: i,
       subUnitId: o,
       ruleId: p.uid,
-      setting: Vn(ee)
+      setting: On(ee)
     });
-  }, Z = u.get(y.formulaInput), fe = ct(() => I.map((f) => fr(f.range)).join(","), []), Q = Dn(p), q = (f) => {
-    yn(f, Dn(p)) || (b({
+  }, Z = u.get(y.formulaInput), fe = ct(() => I.map((f) => vr(f.range)).join(","), []), Q = Vn(p), q = (f) => {
+    Rn(f, Vn(p)) || (b({
       ...p,
       ...f
     }), _(
-      Kr.id,
+      ei.id,
       {
         unitId: i,
         subUnitId: o,
@@ -1928,7 +1500,7 @@ function yo() {
         label: m.t("dataValidation.panel.range"),
         error: !p.ranges.length || R ? m.t("dataValidation.panel.rangeError") : "",
         children: /* @__PURE__ */ S(
-          si,
+          Ti,
           {
             selectorRef: T,
             unitId: i,
@@ -1946,244 +1518,654 @@ function yo() {
           }
         )
       }
-    ),
-    /* @__PURE__ */ S(Y, { label: m.t("dataValidation.panel.type"), children: /* @__PURE__ */ S(
-      En,
+    ),
+    /* @__PURE__ */ S(Y, { label: m.t("dataValidation.panel.type"), children: /* @__PURE__ */ S(
+      Ln,
+      {
+        className: "univer-w-full",
+        value: p.type,
+        options: (D = v == null ? void 0 : v.sort((f, A) => f.order - A.order)) == null ? void 0 : D.map((f) => ({
+          label: m.t(f.title),
+          value: f.id
+        })),
+        onChange: z
+      }
+    ) }),
+    P != null && P.length ? /* @__PURE__ */ S(Y, { label: m.t("dataValidation.panel.operator"), children: /* @__PURE__ */ S(
+      Ln,
+      {
+        className: "univer-w-full",
+        value: `${p.operator}`,
+        options: [
+          {
+            value: "",
+            label: m.t("dataValidation.operators.legal")
+          },
+          ...P.map((f, A) => ({
+            value: `${f}`,
+            label: k[A]
+          }))
+        ],
+        onChange: (f) => {
+          ne({
+            ...he,
+            operator: f
+          });
+        }
+      }
+    ) }) : null,
+    Z && !G ? /* @__PURE__ */ S(
+      Z,
+      {
+        isTwoFormula: H,
+        value: {
+          formula1: p.formula1,
+          formula2: p.formula2
+        },
+        onChange: (f) => {
+          ne({
+            ...he,
+            ...f
+          });
+        },
+        showError: g,
+        validResult: y.validatorFormula(p, i, o),
+        unitId: i,
+        subUnitId: o,
+        ruleId: l
+      },
+      e + p.type
+    ) : null,
+    /* @__PURE__ */ S(Y, { children: /* @__PURE__ */ S(
+      At,
+      {
+        checked: (U = p.allowBlank) != null ? U : !0,
+        onChange: () => {
+          var f;
+          return ne({
+            ...he,
+            allowBlank: !((f = p.allowBlank) == null || f)
+          });
+        },
+        children: m.t("dataValidation.panel.allowBlank")
+      }
+    ) }),
+    /* @__PURE__ */ S(uo, { value: Q, onChange: q, extraComponent: y.optionsInput }),
+    /* @__PURE__ */ $("div", { className: "univer-mt-5 univer-flex univer-flex-row univer-justify-end", children: [
+      /* @__PURE__ */ S(Ge, { className: "univer-ml-3", onClick: oe, children: m.t("dataValidation.panel.removeRule") }),
+      /* @__PURE__ */ S(Ge, { className: "univer-ml-3", variant: "primary", onClick: B, children: m.t("dataValidation.panel.done") })
+    ] })
+  ] });
+}
+const vo = (e) => {
+  const { rule: t, onClick: r, unitId: n, subUnitId: i, disable: o } = e, a = F(Me), l = F(te), s = F(Ei), d = a.getValidatorItem(t.type), u = pt(void 0), [h, c] = W(!1), m = F(Xn), p = Pe(m.currentTheme$), b = ct(() => {
+    var w;
+    const g = m.getColorFromTheme("primary.600"), C = m.getColorFromTheme("loop-color.2"), v = (w = m.getColorFromTheme(C)) != null ? w : g, I = new $r(v).toRgb();
+    return {
+      fill: `rgba(${I.r}, ${I.g}, ${I.b}, 0.1)`,
+      stroke: v
+    };
+  }, [p]), y = (g) => {
+    l.executeCommand(or.id, {
+      ruleId: t.uid,
+      unitId: n,
+      subUnitId: i
+    }), g.stopPropagation();
+  };
+  return ke(() => () => {
+    var g;
+    u.current && ((g = u.current) == null || g.forEach((C) => {
+      C && s.removeShape(C);
+    }));
+  }, [s]), /* @__PURE__ */ $(
+    "div",
+    {
+      className: Ne(
+        `
+                  univer-bg-secondary univer-relative univer--ml-2 univer--mr-2 univer-box-border univer-flex
+                  univer-w-[287px] univer-cursor-pointer univer-flex-col univer-justify-between univer-overflow-hidden
+                  univer-rounded-md univer-p-2 univer-pr-9
+                `,
+        {
+          "hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-700": !o,
+          "univer-opacity-50": o
+        }
+      ),
+      onClick: r,
+      onMouseEnter: () => {
+        o || (c(!0), u.current = t.ranges.map((g) => s.addShape({
+          range: g,
+          style: b,
+          primary: null
+        })));
+      },
+      onMouseLeave: () => {
+        var g;
+        c(!1), (g = u.current) == null || g.forEach((C) => {
+          C && s.removeShape(C);
+        }), u.current = void 0;
+      },
+      children: [
+        /* @__PURE__ */ S(
+          "div",
+          {
+            className: "univer-truncate univer-text-sm univer-font-medium univer-leading-[22px] univer-text-gray-900 dark:!univer-text-white",
+            children: d == null ? void 0 : d.generateRuleName(t)
+          }
+        ),
+        /* @__PURE__ */ S(
+          "div",
+          {
+            className: "univer-text-secondary univer-truncate univer-text-xs univer-leading-[18px] dark:!univer-text-gray-300",
+            children: t.ranges.map((g) => vr(g)).join(",")
+          }
+        ),
+        h ? /* @__PURE__ */ S(
+          "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 dark:!univer-text-gray-300 dark:hover:!univer-bg-gray-700",
+            onClick: y,
+            children: /* @__PURE__ */ S(Sn, {})
+          }
+        ) : null
+      ]
+    }
+  );
+};
+function fo(e) {
+  const t = F(ie), r = F(ce), n = F(te), i = F(be), o = F(Se), a = F(ue), [l, s] = W([]), { workbook: d } = e, u = Pe(d.activeSheet$, void 0, !0), h = d.getUnitId(), c = u == null ? void 0 : u.getSheetId();
+  ke(() => {
+    s(t.getRules(h, c));
+    const C = t.ruleChange$.subscribe((v) => {
+      v.unitId === h && v.subUnitId === c && s(t.getRules(h, c));
+    });
+    return () => {
+      C.unsubscribe();
+    };
+  }, [h, c, t]);
+  const m = async () => {
+    const C = tr(i), v = {
+      unitId: h,
+      subUnitId: c,
+      rule: C
+    };
+    await n.executeCommand(cn.id, v), o.setActiveRule({
+      unitId: h,
+      subUnitId: c,
+      rule: C
+    });
+  }, p = () => {
+    n.executeCommand(ti.id, {
+      unitId: h,
+      subUnitId: c
+    });
+  }, y = ((C) => {
+    const v = r.getCurrentUnitForType(X.UNIVER_SHEET), I = v.getActiveSheet(), w = v.getUnitId(), _ = I.getSheetId();
+    return C.map((L) => Jr(i, w, _, L.ranges) ? { ...L } : { ...L, disable: !0 });
+  })(l), g = y == null ? void 0 : y.some((C) => C.disable);
+  return /* @__PURE__ */ $("div", { className: "univer-pb-4", children: [
+    y == null ? void 0 : y.map((C) => {
+      var v;
+      return /* @__PURE__ */ S(
+        vo,
+        {
+          unitId: h,
+          subUnitId: c,
+          onClick: () => {
+            C.disable || o.setActiveRule({
+              unitId: h,
+              subUnitId: c,
+              rule: C
+            });
+          },
+          rule: C,
+          disable: (v = C.disable) != null ? v : !1
+        },
+        C.uid
+      );
+    }),
+    /* @__PURE__ */ $("div", { className: "univer-mt-4 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
+      l.length && !g ? /* @__PURE__ */ S(Ge, { onClick: p, children: a.t("dataValidation.panel.removeAll") }) : null,
+      /* @__PURE__ */ S(Ge, { variant: "primary", onClick: m, children: a.t("dataValidation.panel.add") })
+    ] })
+  ] });
+}
+const mo = () => {
+  const e = F(Se), t = Pe(e.activeRule$, e.activeRule), r = F(ce), n = Pe(
+    () => r.getCurrentTypeOfUnit$(X.UNIVER_SHEET),
+    void 0,
+    void 0,
+    []
+  ), i = Pe(() => {
+    var o;
+    return (o = n == null ? void 0 : n.activeSheet$) != null ? o : mi(null);
+  }, void 0, void 0, []);
+  return !n || !i ? null : t && t.subUnitId === i.getSheetId() ? /* @__PURE__ */ S(go, {}, t.rule.uid) : /* @__PURE__ */ S(fo, { workbook: n });
+}, _o = (e) => {
+  const { isTwoFormula: t = !1, value: r, onChange: n, showError: i, validResult: o } = e, a = F(ue), l = i ? o == null ? void 0 : o.formula1 : "", s = i ? o == null ? void 0 : o.formula2 : "";
+  return t ? /* @__PURE__ */ $(ut, { children: [
+    /* @__PURE__ */ S(Y, { error: l, children: /* @__PURE__ */ S(
+      Le,
+      {
+        className: "univer-w-full",
+        placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
+        value: r == null ? void 0 : r.formula1,
+        onChange: (d) => {
+          n == null || n({
+            ...r,
+            formula1: d
+          });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ S("div", { className: "-univer-mt-2 univer-mb-1 univer-text-sm univer-text-gray-400", children: a.t("dataValidation.panel.formulaAnd") }),
+    /* @__PURE__ */ S(Y, { error: s, children: /* @__PURE__ */ S(
+      Le,
+      {
+        className: "univer-w-full",
+        placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
+        value: r == null ? void 0 : r.formula2,
+        onChange: (d) => {
+          n == null || n({
+            ...r,
+            formula2: d
+          });
+        }
+      }
+    ) })
+  ] }) : /* @__PURE__ */ S(Y, { error: l, children: /* @__PURE__ */ S(
+    Le,
+    {
+      className: "univer-w-full",
+      placeholder: a.t("dataValidation.panel.formulaPlaceholder"),
+      value: r == null ? void 0 : r.formula1,
+      onChange: (d) => {
+        n == null || n({ formula1: d });
+      }
+    }
+  ) });
+};
+function So(e) {
+  const { value: t, onChange: r, showError: n, validResult: i } = e, o = F(ue), a = n ? i == null ? void 0 : i.formula1 : "", l = n ? i == null ? void 0 : i.formula2 : "", [s, d] = W(!((t == null ? void 0 : t.formula1) === void 0 && (t == null ? void 0 : t.formula2) === void 0));
+  return /* @__PURE__ */ $(ut, { children: [
+    /* @__PURE__ */ S(Y, { children: /* @__PURE__ */ S(
+      At,
       {
-        className: "univer-w-full",
-        value: p.type,
-        options: (D = v == null ? void 0 : v.sort((f, A) => f.order - A.order)) == null ? void 0 : D.map((f) => ({
-          label: m.t(f.title),
-          value: f.id
-        })),
-        onChange: z
+        checked: s,
+        onChange: (u) => {
+          u ? d(!0) : (d(!1), r == null || r({
+            ...t,
+            formula1: void 0,
+            formula2: void 0
+          }));
+        },
+        children: o.t("dataValidation.checkbox.tips")
       }
     ) }),
-    P != null && P.length ? /* @__PURE__ */ S(Y, { label: m.t("dataValidation.panel.operator"), children: /* @__PURE__ */ S(
-      En,
+    s ? /* @__PURE__ */ S(Y, { label: o.t("dataValidation.checkbox.checked"), error: a, children: /* @__PURE__ */ S(
+      Le,
       {
         className: "univer-w-full",
-        value: `${p.operator}`,
-        options: [
-          {
-            value: "",
-            label: m.t("dataValidation.operators.legal")
-          },
-          ...P.map((f, A) => ({
-            value: `${f}`,
-            label: k[A]
-          }))
-        ],
-        onChange: (f) => {
-          ne({
-            ...he,
-            operator: f
+        placeholder: o.t("dataValidation.panel.valuePlaceholder"),
+        value: t == null ? void 0 : t.formula1,
+        onChange: (u) => {
+          r == null || r({
+            ...t,
+            formula1: u || void 0
           });
         }
       }
     ) }) : null,
-    Z && !G ? /* @__PURE__ */ S(
-      Z,
+    s ? /* @__PURE__ */ S(Y, { label: o.t("dataValidation.checkbox.unchecked"), error: l, children: /* @__PURE__ */ S(
+      Le,
       {
-        isTwoFormula: H,
-        value: {
-          formula1: p.formula1,
-          formula2: p.formula2
-        },
-        onChange: (f) => {
-          ne({
-            ...he,
-            ...f
+        className: "univer-w-full",
+        placeholder: o.t("dataValidation.panel.valuePlaceholder"),
+        value: t == null ? void 0 : t.formula2,
+        onChange: (u) => {
+          r == null || r({
+            ...t,
+            formula2: u || void 0
           });
-        },
-        showError: g,
-        validResult: y.validatorFormula(p, i, o),
-        unitId: i,
-        subUnitId: o,
-        ruleId: l
+        }
+      }
+    ) }) : null
+  ] });
+}
+function Co(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 = pt(null), [d, u] = W(!1);
+  return cr((c) => {
+    var p;
+    ((p = s.current) == null ? void 0 : p.isClickOutSide(c)) && u(!1);
+  }), /* @__PURE__ */ S(Y, { error: l, children: /* @__PURE__ */ S(
+    fr,
+    {
+      ref: s,
+      className: Ne("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", yt),
+      initValue: (h = n == null ? void 0 : n.formula1) != null ? h : "=",
+      unitId: t,
+      subUnitId: r,
+      isFocus: d,
+      isSupportAcrossSheet: !0,
+      onChange: (c) => {
+        const m = (c != null ? c : "").trim();
+        m !== (n == null ? void 0 : n.formula1) && (i == null || i({
+          ...n,
+          formula1: m
+        }));
       },
-      e + p.type
-    ) : null,
-    /* @__PURE__ */ S(Y, { children: /* @__PURE__ */ S(
-      At,
+      onFocus: () => u(!0)
+    }
+  ) });
+}
+const Ye = "#ECECEC", wo = [
+  "#FFFFFF",
+  "#FEE7E7",
+  "#FEF0E6",
+  "#EFFBD0",
+  "#E4F4FE",
+  "#E8ECFD",
+  "#F1EAFA",
+  "#FDE8F3",
+  "#E5E5E5",
+  "#FDCECE",
+  "#FDC49B",
+  "#DEF6A2",
+  "#9FDAFF",
+  "#D0D9FB",
+  "#E3D5F6",
+  "#FBD0E8",
+  "#656565",
+  "#FE4B4B",
+  "#FF8C51",
+  "#8BBB11",
+  "#0B9EFB",
+  "#3A60F7",
+  "#9E6DE3",
+  "#F248A6"
+], Io = (e) => {
+  const { value: t, onChange: r, disabled: n } = e, [i, o] = W(!1);
+  return /* @__PURE__ */ S(
+    Vi,
+    {
+      align: "start",
+      disabled: n,
+      open: i,
+      onOpenChange: o,
+      overlay: /* @__PURE__ */ S(
+        "div",
+        {
+          className: "univer-box-border univer-grid univer-w-fit univer-grid-cols-6 univer-flex-wrap univer-gap-2 univer-p-1.5",
+          children: wo.map(
+            (a) => /* @__PURE__ */ S(
+              "div",
+              {
+                className: Ne("univer-box-border univer-size-4 univer-cursor-pointer univer-rounded", yt),
+                style: { background: a },
+                onClick: () => {
+                  r(a), o(!1);
+                }
+              },
+              a
+            )
+          )
+        }
+      ),
+      children: /* @__PURE__ */ $(
+        "div",
+        {
+          className: Ne("univer-box-border univer-inline-flex univer-h-8 univer-w-16 univer-cursor-pointer univer-items-center univer-justify-between univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200 hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white", yt),
+          children: [
+            /* @__PURE__ */ S(
+              "div",
+              {
+                className: "univer-box-border univer-h-4 univer-w-4 univer-rounded univer-text-base",
+                style: { background: t }
+              }
+            ),
+            /* @__PURE__ */ S(Cn, {})
+          ]
+        }
+      )
+    }
+  );
+}, Fn = (e) => {
+  const { item: t, commonProps: r, className: n } = e, { onItemChange: i, onItemDelete: o } = r;
+  return /* @__PURE__ */ $("div", { className: Ne("univer-flex univer-items-center univer-gap-2", n), children: [
+    !t.isRef && /* @__PURE__ */ S("div", { className: Ne("univer-cursor-move", "draggableHandle"), children: /* @__PURE__ */ S(Mr, {}) }),
+    /* @__PURE__ */ S(
+      Io,
+      {
+        value: t.color,
+        onChange: (a) => {
+          i(t.id, t.label, a);
+        }
+      }
+    ),
+    /* @__PURE__ */ S(
+      Le,
+      {
+        disabled: t.isRef,
+        value: t.label,
+        onChange: (a) => {
+          i(t.id, a, t.color);
+        }
+      }
+    ),
+    t.isRef ? null : /* @__PURE__ */ S(
+      "div",
+      {
+        className: "univer-ml-1 univer-cursor-pointer univer-rounded univer-text-base hover:univer-bg-gray-200",
+        children: /* @__PURE__ */ S(Sn, { onClick: () => o(t.id) })
+      }
+    )
+  ] });
+};
+function Ro(e) {
+  const { value: t, onChange: r = () => {
+  }, unitId: n, subUnitId: i, validResult: o, showError: a, ruleId: l } = e, { formula1: s = "", formula2: d = "" } = t || {}, [u, h] = W(() => Oe(s) ? "1" : "0"), [c, m] = W(u === "1" ? s : "="), [p, b] = W(u === "1" ? s : "="), y = F(ue), g = F(Me), C = F(hn), v = F(ni), [I, w] = W(() => d.split(",")), _ = g.getValidatorItem(j.LIST), [R, L] = W([]), [N, E] = W(""), T = a ? o == null ? void 0 : o.formula1 : "", O = ct(() => C.ruleChange$.pipe(ur(16)), []), P = Pe(O), k = en(r);
+  ke(() => {
+    (async () => {
+      await new Promise((f) => {
+        setTimeout(() => f(!0), 100);
+      });
+      const D = C.getRuleById(n, i, l), U = D == null ? void 0 : D.formula1;
+      if (Oe(U) && _ && D) {
+        const f = await _.getListAsync(D, n, i);
+        L(f);
+      }
+    })();
+  }, [C, P, _, l, i, n]), ke(() => {
+    Oe(s) && s !== p && (m(s), b(p));
+  }, [p, s]);
+  const [H, B] = W(() => {
+    const D = u !== "1" ? ri(s) : [], U = d.split(",");
+    return D.map((f, A) => ({
+      label: f,
+      color: U[A] || Ye,
+      isRef: !1,
+      id: yn.generateRandomId(4)
+    }));
+  }), J = (D, U, f) => {
+    const A = H.find((x) => x.id === D);
+    A && (A.label = U, A.color = f, B([...H]));
+  }, ne = (D) => {
+    const U = H.findIndex((f) => f.id === D);
+    U !== -1 && (H.splice(U, 1), B([...H]));
+  }, oe = d.split(","), he = ct(() => R.map((D, U) => ({
+    label: D,
+    color: oe[U] || Ye,
+    id: `${U}`,
+    isRef: !0
+  })), [oe, R]), z = (D, U, f) => {
+    const A = [...I];
+    A[+D] = f, w(A), k({
+      formula1: s,
+      formula2: A.join(",")
+    });
+  }, Z = () => {
+    B([
+      ...H,
+      {
+        label: "",
+        color: Ye,
+        isRef: !1,
+        id: yn.generateRandomId(4)
+      }
+    ]);
+  };
+  ke(() => {
+    if (u === "1")
+      return;
+    const D = /* @__PURE__ */ new Set(), U = [];
+    H.map((f) => ({
+      labelList: f.label.split(","),
+      item: f
+    })).forEach(({ item: f, labelList: A }) => {
+      A.forEach((x) => {
+        D.has(x) || (D.add(x), U.push({
+          label: x,
+          color: f.color
+        }));
+      });
+    }), k({
+      formula1: er(U.map((f) => f.label)),
+      formula2: U.map((f) => f.color === Ye ? "" : f.color).join(",")
+    });
+  }, [H, k, u, p, I]);
+  const fe = en(async (D) => {
+    if (!Oe(D)) {
+      k == null || k({
+        formula1: "",
+        formula2: d
+      });
+      return;
+    }
+    v.getFormulaRefCheck(D) ? (k == null || k({
+      formula1: Oe(D) ? D : "",
+      formula2: d
+    }), E("")) : (k == null || k({
+      formula1: "",
+      formula2: d
+    }), m("="), E(y.t("dataValidation.validFail.formulaError")));
+  }), Q = pt(null), [q, G] = W(!1);
+  return cr((D) => {
+    var f;
+    ((f = Q.current) == null ? void 0 : f.isClickOutSide(D)) && G(!1);
+  }), /* @__PURE__ */ $(ut, { children: [
+    /* @__PURE__ */ S(Y, { label: y.t("dataValidation.list.options"), children: /* @__PURE__ */ $(
+      fn,
       {
-        checked: (U = p.allowBlank) != null ? U : !0,
-        onChange: () => {
-          var f;
-          return ne({
-            ...he,
-            allowBlank: !((f = p.allowBlank) == null || f)
+        value: u,
+        onChange: (D) => {
+          h(D), m(p), D === "1" && k({
+            formula1: p === "=" ? "" : p,
+            formula2: I.join(",")
           });
         },
-        children: m.t("dataValidation.panel.allowBlank")
+        children: [
+          /* @__PURE__ */ S(Ae, { value: "0", children: y.t("dataValidation.list.customOptions") }),
+          /* @__PURE__ */ S(Ae, { value: "1", children: y.t("dataValidation.list.refOptions") })
+        ]
       }
     ) }),
-    /* @__PURE__ */ S(wo, { value: Q, onChange: q, extraComponent: y.optionsInput }),
-    /* @__PURE__ */ $("div", { className: "univer-mt-5 univer-flex univer-flex-row univer-justify-end", children: [
-      /* @__PURE__ */ S(Ke, { className: "univer-ml-3", onClick: oe, children: m.t("dataValidation.panel.removeRule") }),
-      /* @__PURE__ */ S(Ke, { className: "univer-ml-3", variant: "primary", onClick: B, children: m.t("dataValidation.panel.done") })
-    ] })
-  ] });
-}
-const bo = (e) => {
-  const { rule: t, onClick: r, unitId: n, subUnitId: i, disable: o } = e, a = F(Me), l = F(te), s = F(Oi), d = a.getValidatorItem(t.type), u = pt(void 0), [h, c] = W(!1), m = F(Xn), p = Le(m.currentTheme$), b = ct(() => {
-    var w;
-    const g = m.getColorFromTheme("primary.600"), C = m.getColorFromTheme("loop-color.2"), v = (w = m.getColorFromTheme(C)) != null ? w : g, I = new $r(v).toRgb();
-    return {
-      fill: `rgba(${I.r}, ${I.g}, ${I.b}, 0.1)`,
-      stroke: v
-    };
-  }, [p]), y = (g) => {
-    l.executeCommand(nr.id, {
-      ruleId: t.uid,
-      unitId: n,
-      subUnitId: i
-    }), g.stopPropagation();
-  };
-  return ke(() => () => {
-    var g;
-    u.current && ((g = u.current) == null || g.forEach((C) => {
-      C && s.removeShape(C);
-    }));
-  }, [s]), /* @__PURE__ */ $(
-    "div",
-    {
-      className: Ne(
-        `
-                  univer-bg-secondary univer-relative univer--ml-2 univer--mr-2 univer-box-border univer-flex
-                  univer-w-[287px] univer-cursor-pointer univer-flex-col univer-justify-between univer-overflow-hidden
-                  univer-rounded-md univer-p-2 univer-pr-9
-                `,
+    u === "1" ? /* @__PURE__ */ $(Y, { error: T || N || void 0, children: [
+      /* @__PURE__ */ S(
+        fr,
         {
-          "hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-700": !o,
-          "univer-opacity-50": o
+          ref: Q,
+          className: Ne("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", yt),
+          initValue: c,
+          unitId: n,
+          subUnitId: i,
+          isFocus: q,
+          isSupportAcrossSheet: !0,
+          onFocus: () => G(!0),
+          onChange: (D = "") => {
+            const U = (D != null ? D : "").trim();
+            b(U), fe(U);
+          }
         }
       ),
-      onClick: r,
-      onMouseEnter: () => {
-        o || (c(!0), u.current = t.ranges.map((g) => s.addShape({
-          range: g,
-          style: b,
-          primary: null
-        })));
-      },
-      onMouseLeave: () => {
-        var g;
-        c(!1), (g = u.current) == null || g.forEach((C) => {
-          C && s.removeShape(C);
-        }), u.current = void 0;
-      },
-      children: [
-        /* @__PURE__ */ S(
-          "div",
-          {
-            className: "univer-truncate univer-text-sm univer-font-medium univer-leading-[22px] univer-text-gray-900 dark:!univer-text-white",
-            children: d == null ? void 0 : d.generateRuleName(t)
-          }
-        ),
-        /* @__PURE__ */ S(
-          "div",
-          {
-            className: "univer-text-secondary univer-truncate univer-text-xs univer-leading-[18px] dark:!univer-text-gray-300",
-            children: t.ranges.map((g) => fr(g)).join(",")
-          }
-        ),
-        h ? /* @__PURE__ */ S(
-          "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 dark:!univer-text-gray-300 dark:hover:!univer-bg-gray-700",
-            onClick: y,
-            children: /* @__PURE__ */ S(mn, {})
-          }
-        ) : null
-      ]
-    }
-  );
-};
-function Mo(e) {
-  const t = F(ie), r = F(ue), n = F(te), i = F(ye), o = F(Ce), a = F(ce), [l, s] = W([]), { workbook: d } = e, u = Le(d.activeSheet$, void 0, !0), h = d.getUnitId(), c = u == null ? void 0 : u.getSheetId();
-  ke(() => {
-    s(t.getRules(h, c));
-    const C = t.ruleChange$.subscribe((v) => {
-      v.unitId === h && v.subUnitId === c && s(t.getRules(h, c));
-    });
-    return () => {
-      C.unsubscribe();
-    };
-  }, [h, c, t]);
-  const m = async () => {
-    const C = Jn(i), v = {
-      unitId: h,
-      subUnitId: c,
-      rule: C
-    };
-    await n.executeCommand(cn.id, v), o.setActiveRule({
-      unitId: h,
-      subUnitId: c,
-      rule: C
-    });
-  }, p = () => {
-    n.executeCommand(zr.id, {
-      unitId: h,
-      subUnitId: c
-    });
-  }, y = ((C) => {
-    const v = r.getCurrentUnitForType(X.UNIVER_SHEET), I = v.getActiveSheet(), w = v.getUnitId(), _ = I.getSheetId();
-    return C.map((L) => Ci(i, w, _, L.ranges) ? { ...L } : { ...L, disable: !0 });
-  })(l), g = y == null ? void 0 : y.some((C) => C.disable);
-  return /* @__PURE__ */ $("div", { className: "univer-pb-4", children: [
-    y == null ? void 0 : y.map((C) => {
-      var v;
-      return /* @__PURE__ */ S(
-        bo,
+      he.length > 0 && /* @__PURE__ */ S("div", { className: "univer-mt-3", children: he.map((D) => /* @__PURE__ */ S(
+        Fn,
         {
-          unitId: h,
-          subUnitId: c,
-          onClick: () => {
-            C.disable || o.setActiveRule({
-              unitId: h,
-              subUnitId: c,
-              rule: C
-            });
-          },
-          rule: C,
-          disable: (v = C.disable) != null ? v : !1
+          className: "univer-mb-3",
+          item: D,
+          commonProps: { onItemChange: z }
         },
-        C.uid
-      );
-    }),
-    /* @__PURE__ */ $("div", { className: "univer-mt-4 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
-      l.length && !g ? /* @__PURE__ */ S(Ke, { onClick: p, children: a.t("dataValidation.panel.removeAll") }) : null,
-      /* @__PURE__ */ S(Ke, { variant: "primary", onClick: m, children: a.t("dataValidation.panel.add") })
-    ] })
+        D.id
+      )) })
+    ] }) : /* @__PURE__ */ S(Y, { error: T, children: /* @__PURE__ */ $("div", { className: "-univer-mt-3", children: [
+      /* @__PURE__ */ S(
+        Di,
+        {
+          list: H,
+          onListChange: B,
+          rowHeight: 28,
+          margin: [0, 12],
+          draggableHandle: ".draggableHandle",
+          itemRender: (D) => /* @__PURE__ */ S(
+            Fn,
+            {
+              item: D,
+              commonProps: {
+                onItemChange: J,
+                onItemDelete: ne
+              }
+            },
+            D.id
+          ),
+          idKey: "id"
+        }
+      ),
+      /* @__PURE__ */ $(
+        "a",
+        {
+          className: "univer-text-primary 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 hover:univer-bg-primary-50 dark:hover:!univer-bg-gray-800",
+          onClick: Z,
+          children: [
+            /* @__PURE__ */ S(yr, { className: "univer-mr-1" }),
+            y.t("dataValidation.list.add")
+          ]
+        }
+      )
+    ] }) })
   ] });
 }
-const Eo = () => {
-  const e = F(Ce), t = Le(e.activeRule$, e.activeRule), r = F(ue), n = Le(
-    () => r.getCurrentTypeOfUnit$(X.UNIVER_SHEET),
-    void 0,
-    void 0,
-    []
-  ), i = Le(() => {
-    var o;
-    return (o = n == null ? void 0 : n.activeSheet$) != null ? o : hi(null);
-  }, void 0, void 0, []);
-  return !n || !i ? null : t && t.subUnitId === i.getSheetId() ? /* @__PURE__ */ S(yo, {}, t.rule.uid) : /* @__PURE__ */ S(Mo, { workbook: n });
-}, Do = "LIST_RENDER_MODE_OPTION_INPUT";
+const yo = [
+  [
+    ar,
+    Co
+  ],
+  [
+    Pt,
+    _o
+  ],
+  [
+    un,
+    Ro
+  ],
+  [
+    sr,
+    So
+  ]
+], bo = "LIST_RENDER_MODE_OPTION_INPUT";
 function Dt(e) {
   var i;
-  const { value: t, onChange: r } = e, n = F(ce);
-  return /* @__PURE__ */ S(Y, { label: n.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ $(un, { value: `${(i = t.renderMode) != null ? i : se.CUSTOM}`, onChange: (o) => r({ ...t, renderMode: +o }), children: [
+  const { value: t, onChange: r } = e, n = F(ue);
+  return /* @__PURE__ */ S(Y, { label: n.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ $(fn, { value: `${(i = t.renderMode) != null ? i : se.CUSTOM}`, onChange: (o) => r({ ...t, renderMode: +o }), children: [
     /* @__PURE__ */ S(Ae, { value: `${se.CUSTOM}`, children: n.t("dataValidation.renderMode.chip") }),
     /* @__PURE__ */ S(Ae, { value: `${se.ARROW}`, children: n.t("dataValidation.renderMode.arrow") }),
     /* @__PURE__ */ S(Ae, { value: `${se.TEXT}`, children: n.t("dataValidation.renderMode.text") })
   ] }) });
 }
-Dt.componentKey = Do;
-const Vo = "DATE_SHOW_TIME_OPTION";
+Dt.componentKey = bo;
+const Mo = "DATE_SHOW_TIME_OPTION";
 function Vt(e) {
   var i;
-  const { value: t, onChange: r } = e, n = F(ce);
+  const { value: t, onChange: r } = e, n = F(ue);
   return /* @__PURE__ */ S(Y, { children: /* @__PURE__ */ S(
     At,
     {
@@ -2201,9 +2183,9 @@ function Vt(e) {
     }
   ) });
 }
-Vt.componentKey = Vo;
-var Oo = Object.getOwnPropertyDescriptor, To = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Oo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+Vt.componentKey = Mo;
+var Eo = Object.getOwnPropertyDescriptor, Do = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Eo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
 }, je = (e, t) => (r, n) => t(r, n, e);
@@ -2257,7 +2239,7 @@ let nn = class {
   }
   async _parseFormula(e, t, r) {
     var d, u, h, c, m, p, b, y, g;
-    const { formula1: n = Jr, formula2: i = qr } = e, o = await this._formulaService.getRuleFormulaResult(t, r, e.uid), a = Ut((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 = Ut((p = (m = (c = o == null ? void 0 : o[1]) == null ? void 0 : c.result) == null ? void 0 : m[0]) == null ? void 0 : p[0]), s = Mn(String(a)) && Mn(String(l));
+    const { formula1: n = ai, formula2: i = oi } = e, o = await this._formulaService.getRuleFormulaResult(t, r, e.uid), a = Ut((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 = Ut((p = (m = (c = o == null ? void 0 : o[1]) == null ? void 0 : c.result) == null ? void 0 : m[0]) == null ? void 0 : p[0]), s = Dn(String(a)) && Dn(String(l));
     return {
       formula1: Oe(n) ? Ut((g = (y = (b = o == null ? void 0 : o[0]) == null ? void 0 : b.result) == null ? void 0 : y[0]) == null ? void 0 : g[0]) : n,
       formula2: Oe(i) ? l : i,
@@ -2272,7 +2254,7 @@ let nn = class {
     const c = this._dataValidationModel.getValidator(h.type);
     if (!c || !((T = c.skipDefaultFontRender) != null && T.call(c, h, u, { unitId: i, subUnitId: o, row: l, column: s })))
       return;
-    const m = c.parseFormulaSync(h, i, o), { formula1: p } = m, b = this._calc(d, r), { a: y, d: g } = e.getTransform(), C = Tn(b.left, y), v = Tn(b.top, g), I = pi.create().composeMatrix({
+    const m = c.parseFormulaSync(h, i, o), { formula1: p } = m, b = this._calc(d, r), { a: y, d: g } = e.getTransform(), C = bn(b.left, y), v = bn(b.top, g), I = Yr.create().composeMatrix({
       left: C,
       top: v,
       scaleX: 1,
@@ -2287,7 +2269,7 @@ let nn = class {
     const R = I.getMatrix();
     e.transform(R[0], R[1], R[2], R[3], R[4], R[5]);
     const L = ((O = r == null ? void 0 : r.fs) != null ? O : 10) * 1.6, N = String(u) === String(p), E = this._themeService.getColorFromTheme("primary.600");
-    gi.drawWith(e, {
+    Xr.drawWith(e, {
       checked: N,
       width: L,
       height: L,
@@ -2316,7 +2298,7 @@ let nn = class {
         endRow: r.actualRow
       },
       value: {
-        v: String(s) === Qr(String(h)) ? c : h,
+        v: String(s) === si(String(h)) ? c : h,
         p: null
       }
     };
@@ -2327,38 +2309,55 @@ let nn = class {
   }
   onPointerEnter(e, t) {
     var r, n;
-    (n = (r = ze(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(Ge.POINTER);
+    (n = (r = Ke(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(ze.POINTER);
   }
   onPointerLeave(e, t) {
     var r, n;
-    (n = (r = ze(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(Ge.DEFAULT);
+    (n = (r = Ke(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(ze.DEFAULT);
   }
 };
-nn = To([
+nn = Do([
   je(0, te),
-  je(1, ue),
-  je(2, M(Gr)),
+  je(1, ce),
+  je(2, M(ii)),
   je(3, M(Xn)),
-  je(4, M(xe)),
+  je(4, M(Fe)),
   je(5, M(ie))
 ], nn);
-class Po extends Se {
+var Vo = Object.getOwnPropertyDescriptor, Oo = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Vo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (i = a(i) || i);
+  return i;
+}, To = (e, t) => (r, n) => t(r, n, e);
+let Ce = class {
+  constructor(e) {
+    V(this, "canvasRender", null);
+    V(this, "dropdownType");
+    V(this, "optionsInput");
+    V(this, "formulaInput", un);
+    this.injector = e;
+  }
+};
+Ce = Oo([
+  To(0, M(be))
+], Ce);
+class Po extends Ce {
   constructor() {
     super(...arguments);
     V(this, "id", j.CHECKBOX);
     V(this, "canvasRender", this.injector.createInstance(nn));
-    V(this, "formulaInput", qn);
+    V(this, "formulaInput", sr);
   }
 }
-class Ao extends Se {
+class Ao extends Ce {
   constructor() {
     super(...arguments);
     V(this, "id", j.CUSTOM);
-    V(this, "formulaInput", Gn);
+    V(this, "formulaInput", ar);
   }
 }
 const Lo = "data-validation.formula-input";
-class ko extends Se {
+class ko extends Ce {
   constructor() {
     super(...arguments);
     V(this, "id", j.DATE);
@@ -2367,7 +2366,7 @@ class ko extends Se {
     V(this, "dropdownType", ve.DATE);
   }
 }
-class No extends Se {
+class No extends Ce {
   constructor() {
     super(...arguments);
     V(this, "id", j.DECIMAL);
@@ -2376,7 +2375,7 @@ class No extends Se {
 }
 const Er = 4, Uo = 0, Ht = 4, Dr = 4, rn = 6, Ot = 6, Ve = 14;
 function Fo(e, t) {
-  const r = vi.getTextSize(e, t), n = r.width + Er * 2, { ba: i, bd: o } = r, a = i + o;
+  const r = Zr.getTextSize(e, t), n = r.width + Er * 2, { ba: i, bd: o } = r, a = i + o;
   return {
     width: n,
     height: a + Uo * 2,
@@ -2417,10 +2416,10 @@ function $t(e, t, r, n) {
   };
 }
 const xo = 8;
-class Bo extends fi {
+class Bo extends Kr {
   static drawWith(t, r) {
     const { fontString: n, info: i, fill: o, color: a } = r, { layout: l, text: s } = i;
-    t.save(), dr.drawWith(t, {
+    t.save(), zn.drawWith(t, {
       width: l.width,
       height: l.height,
       radius: xo,
@@ -2561,20 +2560,20 @@ let on = class {
   }
   onPointerEnter(e, t) {
     var r, n;
-    return (n = (r = ze(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null ? void 0 : n.setCursor(Ge.POINTER);
+    return (n = (r = Ke(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null ? void 0 : n.setCursor(ze.POINTER);
   }
   onPointerLeave(e, t) {
     var r, n;
-    return (n = (r = ze(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null ? void 0 : n.setCursor(Ge.DEFAULT);
+    return (n = (r = Ke(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null ? void 0 : n.setCursor(ze.DEFAULT);
   }
 };
 on = Ho([
   St(0, te),
-  St(1, ue),
-  St(2, M(xe)),
+  St(1, ce),
+  St(2, M(Fe)),
   St(3, M(ie))
 ], on);
-class jo extends Se {
+class jo extends Ce {
   constructor() {
     super(...arguments);
     V(this, "id", j.LIST_MULTIPLE);
@@ -2677,7 +2676,7 @@ let an = class {
       );
       G.calculate();
       const D = G.getTotalWidth(), U = G.getTotalHeight(), { paddingTop: f, paddingLeft: A } = Wn(q, v - Z - Q, D, U, T, O, !0);
-      this._drawDownIcon(e, g, C, v, U, T, P), e.save(), e.translateWithPrecision(g.startX + z, g.startY + Z), e.beginPath(), e.rect(0, 0, C - z - fe, v - Z - Q), e.clip(), e.translateWithPrecision(0, f), e.save(), e.translateWithPrecision(De, 0), e.beginPath(), e.rect(0, 0, q, U), e.clip(), Pn.drawWith(e, {
+      this._drawDownIcon(e, g, C, v, U, T, P), e.save(), e.translateWithPrecision(g.startX + z, g.startY + Z), e.beginPath(), e.rect(0, 0, C - z - fe, v - Z - Q), e.clip(), e.translateWithPrecision(0, f), e.save(), e.translateWithPrecision(De, 0), e.beginPath(), e.rect(0, 0, q, U), e.clip(), Mn.drawWith(e, {
         text: L,
         fontStyle: k,
         width: q,
@@ -2704,12 +2703,12 @@ let an = class {
       );
       Z.calculate();
       const fe = Z.getTotalWidth(), Q = Z.getTotalHeight(), q = Q + xn * 2, G = Math.max(C - _e * 2, 1), { paddingTop: D, paddingLeft: U } = Wn(G, v, fe, q, T, O);
-      e.translateWithPrecision(_e, D), dr.drawWith(e, {
+      e.translateWithPrecision(_e, D), zn.drawWith(e, {
         width: G,
         height: q,
         fill: (N == null ? void 0 : N.color) || Ye,
         radius: jt
-      }), e.save(), e.translateWithPrecision(De, xn), e.beginPath(), e.rect(0, 0, z, Q), e.clip(), e.translateWithPrecision(U, 0), Pn.drawWith(e, {
+      }), e.save(), e.translateWithPrecision(De, xn), e.beginPath(), e.rect(0, 0, z, Q), e.clip(), e.translateWithPrecision(U, 0), Mn.drawWith(e, {
         text: L,
         fontStyle: k,
         width: z,
@@ -2813,38 +2812,38 @@ let an = class {
   }
   onPointerEnter(e, t) {
     var r, n;
-    (n = (r = ze(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(Ge.POINTER);
+    (n = (r = Ke(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(ze.POINTER);
   }
   onPointerLeave(e, t) {
     var r, n;
-    (n = (r = ze(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(Ge.DEFAULT);
+    (n = (r = Ke(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.mainComponent) == null || n.setCursor(ze.DEFAULT);
   }
 };
 an = Xo([
-  at(0, ue),
-  at(1, M(ce)),
+  at(0, ce),
+  at(1, M(ue)),
   at(2, te),
-  at(3, M(xe)),
+  at(3, M(Fe)),
   at(4, M(ie))
 ], an);
-class Ko extends Se {
+class Ko extends Ce {
   constructor() {
     super(...arguments);
     V(this, "id", j.LIST);
     V(this, "canvasRender", this.injector.createInstance(an));
     V(this, "dropdownType", ve.LIST);
     V(this, "optionsInput", Dt.componentKey);
-    V(this, "formulaInput", dn);
+    V(this, "formulaInput", un);
   }
 }
-class zo extends Se {
+class zo extends Ce {
   constructor() {
     super(...arguments);
     V(this, "id", j.TEXT_LENGTH);
     V(this, "formulaInput", Pt);
   }
 }
-class Go extends Se {
+class Go extends Ce {
   constructor() {
     super(...arguments);
     V(this, "id", j.WHOLE);
@@ -2862,11 +2861,11 @@ let nt = class extends ln {
   }
   _initComponents() {
     [
-      ["DataValidationIcon", _r],
-      [Mt, Eo],
+      ["DataValidationIcon", Rr],
+      [Mt, mo],
       [Dt.componentKey, Dt],
       [Vt.componentKey, Vt],
-      ...Ki
+      ...yo
     ].forEach(([e, t]) => {
       this.disposeWithMe(this._componentManger.register(
         e,
@@ -2891,17 +2890,18 @@ let nt = class extends ln {
   }
 };
 nt = Jo([
-  Yt(0, M(ye)),
-  Yt(1, M(pn)),
+  Yt(0, M(be)),
+  Yt(1, M(gn)),
   Yt(2, M(Me))
 ], nt);
-var Qo = Object.defineProperty, ea = Object.getOwnPropertyDescriptor, ta = (e, t, r) => t in e ? Qo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, na = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? ea(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+var Qo = Object.getOwnPropertyDescriptor, ea = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Qo(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), Vr = (e, t, r) => ta(e, typeof t != "symbol" ? t + "" : t, r);
-const ra = "SHEET_DATA_VALIDATION_UI_PLUGIN";
-let Tt = class extends Zn {
+}, Xt = (e, t) => (r, n) => t(r, n, e);
+const ta = "SHEET_DATA_VALIDATION_UI_PLUGIN";
+var wt;
+let Hn = (wt = 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(
@@ -2909,34 +2909,33 @@ let Tt = class extends Zn {
       bt,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Sn, o);
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(mn, o);
   }
   onStarting() {
     [
-      [Ce],
+      [Se],
       [Ue],
       [ht],
       [Je],
       [tt],
       [et],
       [Qe],
-      [qe],
       [nt]
     ].forEach((e) => {
       this._injector.add(e);
     }), [
       kt,
       Lt,
-      Rr,
-      Cn,
-      We,
-      Ir
+      _r,
+      _n,
+      Be,
+      mr
     ].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
   onReady() {
-    this._injector.get(Qe), this._injector.get(et), this._injector.get(qe), this._injector.get(ht), this._injector.get(xe).registerRenderModule(
+    this._injector.get(Qe), this._injector.get(et), this._injector.get(Fe).registerRenderModule(
       X.UNIVER_SHEET,
       [Et]
     );
@@ -2947,23 +2946,19 @@ let Tt = class extends Zn {
   onSteady() {
     this._injector.get(Je);
   }
-};
-Vr(Tt, "pluginName", ra);
-Vr(Tt, "type", X.UNIVER_SHEET);
-Tt = na([
-  jr(ei),
-  Xt(1, M(ye)),
+}, V(wt, "pluginName", ta), V(wt, "type", X.UNIVER_SHEET), wt);
+Hn = ea([
+  Xt(1, M(be)),
   Xt(2, te),
   Xt(3, sn)
-], Tt);
-var ia = Object.getOwnPropertyDescriptor, oa = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? ia(t, r) : t, o = e.length - 1, a; o >= 0; o--)
+], Hn);
+var na = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, ia = (e, t, r) => t in e ? na(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, oa = (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;
-}, Zt = (e, t) => (r, n) => t(r, n, e);
+}, Zt = (e, t) => (r, n) => t(r, n, e), Vr = (e, t, r) => ia(e, typeof t != "symbol" ? t + "" : t, r);
 const aa = "SHEET_DATA_VALIDATION_UI_PLUGIN";
-var wt;
-let Hn = (wt = class extends Zn {
+let Tt = 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(
@@ -2971,33 +2966,34 @@ let Hn = (wt = class extends Zn {
       bt,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Sn, o);
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(mn, o);
   }
   onStarting() {
     [
-      [Ce],
+      [Se],
       [Ue],
       [ht],
       [Je],
       [tt],
       [et],
       [Qe],
+      [qe],
       [nt]
     ].forEach((e) => {
       this._injector.add(e);
     }), [
       kt,
       Lt,
-      Rr,
-      Cn,
-      We,
-      Ir
+      _r,
+      _n,
+      Be,
+      mr
     ].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
   onReady() {
-    this._injector.get(Qe), this._injector.get(et), this._injector.get(xe).registerRenderModule(
+    this._injector.get(Qe), this._injector.get(et), this._injector.get(qe), this._injector.get(ht), this._injector.get(Fe).registerRenderModule(
       X.UNIVER_SHEET,
       [Et]
     );
@@ -3008,14 +3004,17 @@ let Hn = (wt = class extends Zn {
   onSteady() {
     this._injector.get(Je);
   }
-}, V(wt, "pluginName", aa), V(wt, "type", X.UNIVER_SHEET), wt);
-Hn = oa([
-  Zt(1, M(ye)),
+};
+Vr(Tt, "pluginName", aa);
+Vr(Tt, "type", X.UNIVER_SHEET);
+Tt = oa([
+  jr(li),
+  Zt(1, M(be)),
   Zt(2, te),
   Zt(3, sn)
-], Hn);
+], Tt);
 export {
-  Se as BaseSheetDataValidatorView,
+  Ce as BaseSheetDataValidatorView,
   Hn as UniverSheetsDataValidationMobileUIPlugin,
   Tt as UniverSheetsDataValidationUIPlugin
 };