@univerjs/sheets-data-validation-ui 0.7.0-nightly.202505251606 → 0.8.0-beta.0

package/lib/es/index.js

@@ -1,16 +1,16 @@
 var Lr = Object.defineProperty;
 var kr = (e, t, r) => t in e ? Lr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var E = (e, t, r) => kr(e, typeof t != "symbol" ? t + "" : t, r);
-import { LocaleService as se, isFormulaString as De, DataValidationType as G, Tools as Zt, Inject as b, Injector as we, Disposable as Re, UniverInstanceType as Y, toDisposable as Nr, IUniverInstanceService as le, DataValidationErrorStyle as lt, DataValidationStatus as je, ICommandService as J, IConfigService as cn, DataValidationRenderMode as ie, DisposableCollection as Ur, dayjs as Mn, numfmt as Yn, CellValueType as Fr, CommandType as nt, ObjectMatrix as Rt, Range as xr, Rectangle as yt, queryObjectMatrix as qt, Optional as $r, RxDisposable as un, InterceptorEffectEnum as Xn, sequenceExecute as zn, bufferDebounceTime as Br, debounce as Hr, UndoCommand as Wr, RedoCommand as jr, isUnitRangesEqual as Yr, shallowEqual as bn, ThemeService as Kn, ColorKit as Xr, VerticalAlign as ae, HorizontalAlign as Ye, DEFAULT_STYLES as re, WrapStrategy as Ie, DocumentDataModel as zr, BooleanNumber as rt, DEFAULT_EMPTY_DOCUMENT_VALUE as Kr, Plugin as Gn, merge as Zn } from "@univerjs/core";
+import { LocaleService as se, isFormulaString as De, DataValidationType as G, Tools as Zt, Inject as b, Injector as we, Disposable as Re, UniverInstanceType as Y, toDisposable as Nr, IUniverInstanceService as le, DataValidationErrorStyle as lt, DataValidationStatus as Ye, ICommandService as J, IConfigService as cn, DataValidationRenderMode as ie, DisposableCollection as Ur, dayjs as Mn, numfmt as Yn, CellValueType as Fr, CommandType as nt, ObjectMatrix as Rt, Range as xr, Rectangle as yt, queryObjectMatrix as qt, Optional as $r, RxDisposable as un, InterceptorEffectEnum as Xn, sequenceExecute as zn, bufferDebounceTime as Hr, debounce as Br, UndoCommand as Wr, RedoCommand as jr, isUnitRangesEqual as Yr, shallowEqual as bn, ThemeService as Kn, ColorKit as Xr, VerticalAlign as ae, HorizontalAlign as Xe, DEFAULT_STYLES as re, WrapStrategy as Ie, DocumentDataModel as zr, BooleanNumber as rt, DEFAULT_EMPTY_DOCUMENT_VALUE as Kr, Plugin as Gn, merge as Zn } from "@univerjs/core";
 import { DataValidationFormulaController as Gr, deserializeListOptions as Zr, serializeListOptions as qn, CUSTOM_FORMULA_INPUT_NAME as Jn, BASE_FORMULA_INPUT_NAME as At, LIST_FORMULA_INPUT_NAME as hn, CHECKBOX_FORMULA_INPUT_NAME as Qn, SheetDataValidationModel as ee, SheetsDataValidationValidatorService as qr, getDataValidationCellValue as Ut, getCellValueOrigin as Q, createDefaultNewRule as er, AddSheetDataValidationCommand as gn, DATA_VALIDATION_PLUGIN_NAME as tr, getDataValidationDiffMutations as Jt, UpdateSheetDataValidationRangeCommand as nr, DataValidationCacheService as rr, UpdateSheetDataValidationSettingCommand as En, UpdateSheetDataValidationOptionsCommand as Jr, RemoveSheetDataValidationCommand as ir, RemoveSheetAllDataValidationCommand as Qr, DataValidationFormulaService as ei, CHECKBOX_FORMULA_2 as ti, CHECKBOX_FORMULA_1 as ni, getFormulaResult as Ft, isLegalFormulaResult as Dn, transformCheckboxValue as ri } from "@univerjs/sheets-data-validation";
 import { jsxs as W, Fragment as dt, jsx as _ } from "react/jsx-runtime";
-import { FormLayout as j, Input as Ve, Checkbox as Lt, clsx as Xe, borderClassName as Mt, RadioGroup as pn, Radio as Oe, DraggableList as ii, Dropdown as oi, Button as ze, Select as Vn } from "@univerjs/design";
+import { FormLayout as j, Input as Ve, Checkbox as Lt, clsx as Ae, borderClassName as Mt, RadioGroup as pn, Radio as Oe, DraggableList as ii, Dropdown as oi, Button as ze, Select as Vn } from "@univerjs/design";
 import { useDependency as U, useSidebarClick as or, useObservable as Te, useEvent as Qt, ISidebarService as ar, IDialogService as ai, IZenZoneService as sr, KeyCode as gt, MenuItemType as vn, getMenuHiddenObservable as si, RibbonDataGroup as li, IMenuManagerService as di, ComponentManager as mn } from "@univerjs/ui";
-import On, { useState as H, useRef as ht, forwardRef as Le, createElement as ke, useMemo as ct, useEffect as Pe } from "react";
+import On, { useState as B, useRef as ht, forwardRef as ke, createElement as Ne, useMemo as ct, useEffect as Pe } from "react";
 import { FormulaEditor as lr, RangeSelector as ci } from "@univerjs/sheets-formula-ui";
 import { DataValidatorRegistryService as ye, DataValidationModel as fn, DataValidatorDropdownType as ge, DataValidatorRegistryScope as ui, TWO_FORMULA_OPERATOR_COUNT as hi, getRuleOptions as Tn, getRuleSetting as Pn } from "@univerjs/data-validation";
 import { debounceTime as dr, filter as _n, BehaviorSubject as An, distinctUntilChanged as gi, Subject as pi, bufferTime as cr, of as vi } from "rxjs";
-import { DeviceInputEventType as pt, IRenderManagerService as Ne, fixLineWidthByScale as Ln, Transform as mi, CheckboxShape as fi, getCurrentTypeOfRenderer as Ke, CURSOR_TYPE as Ge, FontCache as _i, Shape as Si, Rect as ur, getFontStyleString as xt, getDocsSkeletonPageSize as it, Documents as Ci, DocumentViewModel as Ii, DocumentSkeleton as wi } from "@univerjs/engine-render";
+import { DeviceInputEventType as pt, IRenderManagerService as Ue, fixLineWidthByScale as Ln, Transform as mi, CheckboxShape as fi, getCurrentTypeOfRenderer as Ke, CURSOR_TYPE as Ge, FontCache as _i, Shape as Si, Rect as ur, getFontStyleString as xt, getDocsSkeletonPageSize as it, Documents as Ci, DocumentViewModel as Ii, DocumentSkeleton as wi } from "@univerjs/engine-render";
 import { SheetInterceptorService as Sn, VALIDATE_CELL as Ri, SheetsSelectionsService as hr, SetRangeValuesCommand as st, getSheetCommandTarget as gr, rangeToDiscreteRange as yi, SheetPermissionCheckController as Mi, WorksheetEditPermission as en, WorksheetSetCellStylePermission as tn, RangeProtectionPermissionEditPoint as nn, WorkbookEditablePermission as rn, INTERCEPTOR_POINT as pr, InterceptCellContentPriority as vr, checkRangesEditablePermission as bi } from "@univerjs/sheets";
 import { getPatternType as Ei } from "@univerjs/sheets-numfmt";
 import { ISheetCellDropdownManagerService as Di, IEditorBridgeService as mr, SetCellEditVisibleOperation as vt, HoverManagerService as Vi, CellAlertManagerService as Oi, CellAlertType as Ti, IAutoFillService as Pi, APPLY_TYPE as ot, virtualizeDiscreteRanges as on, getAutoFillRepeatRange as Ai, ISheetClipboardService as Li, COPY_TYPE as kn, PREDEFINED_HOOK_NAME as mt, getRepeatRange as Nn, getCurrentRangeDisable$ as ki, AutoHeightController as fr, SheetSkeletonManagerService as bt, IMarkSelectionService as Ni } from "@univerjs/sheets-ui";
@@ -60,7 +60,7 @@ const Fi = (e) => {
   ) });
 };
 function xi(e) {
-  const { value: t, onChange: r, showError: n, validResult: i } = e, o = U(se), a = n ? i == null ? void 0 : i.formula1 : "", l = n ? i == null ? void 0 : i.formula2 : "", [s, d] = H(!((t == null ? void 0 : t.formula1) === void 0 && (t == null ? void 0 : t.formula2) === void 0));
+  const { value: t, onChange: r, showError: n, validResult: i } = e, o = U(se), a = n ? i == null ? void 0 : i.formula1 : "", l = n ? i == null ? void 0 : i.formula2 : "", [s, d] = B(!((t == null ? void 0 : t.formula1) === void 0 && (t == null ? void 0 : t.formula2) === void 0));
   return /* @__PURE__ */ W(dt, { children: [
     /* @__PURE__ */ _(j, { children: /* @__PURE__ */ _(
       Lt,
@@ -108,7 +108,7 @@ function xi(e) {
 }
 function $i(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 = ht(null), [d, u] = H(!1);
+  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 = ht(null), [d, u] = B(!1);
   return or((c) => {
     var g;
     ((g = s.current) == null ? void 0 : g.isClickOutSide(c)) && u(!1);
@@ -116,7 +116,7 @@ function $i(e) {
     lr,
     {
       ref: s,
-      className: Xe("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 [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Mt),
+      className: Ae("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 [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Mt),
       initValue: (h = n == null ? void 0 : n.formula1) != null ? h : "=",
       unitId: t,
       subUnitId: r,
@@ -141,23 +141,23 @@ var oe = function() {
     }
     return e;
   }, oe.apply(this, arguments);
-}, Bi = function(e, t) {
+}, Hi = 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;
-}, Ue = Le(function(e, t) {
-  var r = e.icon, n = e.id, i = e.className, o = e.extend, a = Bi(e, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), s = ht("_".concat(ji()));
+}, Fe = ke(function(e, t) {
+  var r = e.icon, n = e.id, i = e.className, o = e.extend, a = Hi(e, ["icon", "id", "className", "extend"]), l = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), s = ht("_".concat(ji()));
   return Sr(r, "".concat(n), { defIds: r.defIds, idSuffix: s.current }, oe({ ref: t, className: l }, a), o);
 });
 function Sr(e, t, r, n, i) {
-  return ke(e.tag, oe(oe({ key: t }, Hi(e, r, i)), n), (Wi(e, r).children || []).map(function(o, a) {
+  return Ne(e.tag, oe(oe({ key: t }, Bi(e, r, i)), n), (Wi(e, r).children || []).map(function(o, a) {
     return Sr(o, "".concat(t, "-").concat(e.tag, "-").concat(a), r, void 0, i);
   }));
 }
-function Hi(e, t, r) {
+function Bi(e, t, r) {
   var n = oe({}, e.attrs);
   r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), e.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(o) {
     var a = o[0], l = o[1];
@@ -178,56 +178,56 @@ function Wi(e, t) {
 function ji() {
   return Math.random().toString(36).substring(2, 8);
 }
-Ue.displayName = "UniverIcon";
-var Yi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.4917 3.07803C1.4917 2.19437 2.20804 1.47803 3.0917 1.47803H5.6917C6.57536 1.47803 7.2917 2.19437 7.2917 3.07803V5.67803C7.2917 6.56168 6.57535 7.27803 5.6917 7.27803H3.0917C2.20804 7.27803 1.4917 6.56168 1.4917 5.67803V3.07803ZM3.0917 2.67803C2.87078 2.67803 2.6917 2.85711 2.6917 3.07803V5.67803C2.6917 5.89894 2.87079 6.07803 3.0917 6.07803H5.6917C5.91261 6.07803 6.0917 5.89894 6.0917 5.67803V3.07803C6.0917 2.85711 5.91261 2.67803 5.6917 2.67803H3.0917Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.6175 2.45279C14.8518 2.68711 14.8518 3.06701 14.6175 3.30132L11.6151 6.30365C11.3957 6.52307 11.0451 6.53897 10.8067 6.34031L8.80915 4.67566C8.55458 4.46352 8.52019 4.08518 8.73233 3.83062 8.94447 3.57605 9.32281 3.54166 9.57737 3.7538L11.154 5.06767 13.769 2.45278C14.0033 2.21847 14.3832 2.21848 14.6175 2.45279zM14.1175 9.19746C14.3518 9.43178 14.3518 9.81168 14.1175 10.046L12.5418 11.6217 14.1175 13.1975C14.3518 13.4318 14.3518 13.8117 14.1175 14.046 13.8832 14.2803 13.5033 14.2803 13.269 14.046L11.6933 12.4703 10.1175 14.046C9.88321 14.2803 9.50331 14.2803 9.269 14.046 9.03468 13.8117 9.03468 13.4318 9.269 13.1975L10.8447 11.6217 9.269 10.046C9.03468 9.81168 9.03468 9.43178 9.269 9.19746 9.50331 8.96315 9.88321 8.96315 10.1175 9.19746L11.6933 10.7732 13.269 9.19746C13.5033 8.96315 13.8832 8.96315 14.1175 9.19746z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.0917 8.72168C2.20804 8.72168 1.4917 9.43802 1.4917 10.3217V12.9217C1.4917 13.8053 2.20804 14.5217 3.0917 14.5217H5.6917C6.57535 14.5217 7.2917 13.8053 7.2917 12.9217V10.3217C7.2917 9.43802 6.57536 8.72168 5.6917 8.72168H3.0917ZM2.6917 10.3217C2.6917 10.1008 2.87078 9.92168 3.0917 9.92168H5.6917C5.91261 9.92168 6.0917 10.1008 6.0917 10.3217V12.9217C6.0917 13.1426 5.91261 13.3217 5.6917 13.3217H3.0917C2.87079 13.3217 2.6917 13.1426 2.6917 12.9217V10.3217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Cr = Le(function(e, t) {
-  return ke(Ue, Object.assign({}, e, {
+Fe.displayName = "UniverIcon";
+var Yi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.4917 3.07803C1.4917 2.19437 2.20804 1.47803 3.0917 1.47803H5.6917C6.57536 1.47803 7.2917 2.19437 7.2917 3.07803V5.67803C7.2917 6.56168 6.57535 7.27803 5.6917 7.27803H3.0917C2.20804 7.27803 1.4917 6.56168 1.4917 5.67803V3.07803ZM3.0917 2.67803C2.87078 2.67803 2.6917 2.85711 2.6917 3.07803V5.67803C2.6917 5.89894 2.87079 6.07803 3.0917 6.07803H5.6917C5.91261 6.07803 6.0917 5.89894 6.0917 5.67803V3.07803C6.0917 2.85711 5.91261 2.67803 5.6917 2.67803H3.0917Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.6175 2.45279C14.8518 2.68711 14.8518 3.06701 14.6175 3.30132L11.6151 6.30365C11.3957 6.52307 11.0451 6.53897 10.8067 6.34031L8.80915 4.67566C8.55458 4.46352 8.52019 4.08518 8.73233 3.83062 8.94447 3.57605 9.32281 3.54166 9.57737 3.7538L11.154 5.06767 13.769 2.45278C14.0033 2.21847 14.3832 2.21848 14.6175 2.45279zM14.1175 9.19746C14.3518 9.43178 14.3518 9.81168 14.1175 10.046L12.5418 11.6217 14.1175 13.1975C14.3518 13.4318 14.3518 13.8117 14.1175 14.046 13.8832 14.2803 13.5033 14.2803 13.269 14.046L11.6933 12.4703 10.1175 14.046C9.88321 14.2803 9.50331 14.2803 9.269 14.046 9.03468 13.8117 9.03468 13.4318 9.269 13.1975L10.8447 11.6217 9.269 10.046C9.03468 9.81168 9.03468 9.43178 9.269 9.19746 9.50331 8.96315 9.88321 8.96315 10.1175 9.19746L11.6933 10.7732 13.269 9.19746C13.5033 8.96315 13.8832 8.96315 14.1175 9.19746z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.0917 8.72168C2.20804 8.72168 1.4917 9.43802 1.4917 10.3217V12.9217C1.4917 13.8053 2.20804 14.5217 3.0917 14.5217H5.6917C6.57535 14.5217 7.2917 13.8053 7.2917 12.9217V10.3217C7.2917 9.43802 6.57536 8.72168 5.6917 8.72168H3.0917ZM2.6917 10.3217C2.6917 10.1008 2.87078 9.92168 3.0917 9.92168H5.6917C5.91261 9.92168 6.0917 10.1008 6.0917 10.3217V12.9217C6.0917 13.1426 5.91261 13.3217 5.6917 13.3217H3.0917C2.87079 13.3217 2.6917 13.1426 2.6917 12.9217V10.3217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Cr = ke(function(e, t) {
+  return Ne(Fe, Object.assign({}, e, {
     id: "data-validation-single",
     ref: t,
     icon: Yi
   }));
 });
 Cr.displayName = "DataValidationSingle";
-var Xi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Cn = Le(function(e, t) {
-  return ke(Ue, Object.assign({}, e, {
+var Xi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Cn = ke(function(e, t) {
+  return Ne(Fe, Object.assign({}, e, {
     id: "delete-single",
     ref: t,
     icon: Xi
   }));
 });
 Cn.displayName = "DeleteSingle";
-var zi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, Ir = Le(function(e, t) {
-  return ke(Ue, Object.assign({}, e, {
+var zi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, Ir = ke(function(e, t) {
+  return Ne(Fe, Object.assign({}, e, {
     id: "increase-single",
     ref: t,
     icon: zi
   }));
 });
 Ir.displayName = "IncreaseSingle";
-var Ki = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, In = Le(function(e, t) {
-  return ke(Ue, Object.assign({}, e, {
+var Ki = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, In = ke(function(e, t) {
+  return Ne(Fe, Object.assign({}, e, {
     id: "more-down-single",
     ref: t,
     icon: Ki
   }));
 });
 In.displayName = "MoreDownSingle";
-var Gi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.64645 9.85355C4.45118 9.65829 4.45118 9.34171 4.64645 9.14645L7.64645 6.14645C7.84171 5.95118 8.15829 5.95118 8.35355 6.14645L11.3536 9.14645C11.5488 9.34171 11.5488 9.65829 11.3536 9.85355C11.1583 10.0488 10.8417 10.0488 10.6464 9.85355L8 7.20711L5.35355 9.85355C5.15829 10.0488 4.84171 10.0488 4.64645 9.85355Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, wr = Le(function(e, t) {
-  return ke(Ue, Object.assign({}, e, {
+var Gi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.64645 9.85355C4.45118 9.65829 4.45118 9.34171 4.64645 9.14645L7.64645 6.14645C7.84171 5.95118 8.15829 5.95118 8.35355 6.14645L11.3536 9.14645C11.5488 9.34171 11.5488 9.65829 11.3536 9.85355C11.1583 10.0488 10.8417 10.0488 10.6464 9.85355L8 7.20711L5.35355 9.85355C5.15829 10.0488 4.84171 10.0488 4.64645 9.85355Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, wr = ke(function(e, t) {
+  return Ne(Fe, Object.assign({}, e, {
     id: "more-up-single",
     ref: t,
     icon: Gi
   }));
 });
 wr.displayName = "MoreUpSingle";
-var Zi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z" } }] }] }, Rr = Le(function(e, t) {
-  return ke(Ue, Object.assign({}, e, {
+var Zi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z" } }] }] }, Rr = ke(function(e, t) {
+  return Ne(Fe, Object.assign({}, e, {
     id: "sequence-single",
     ref: t,
     icon: Zi
   }));
 });
 Rr.displayName = "SequenceSingle";
-const He = "#ECECEC", qi = [
+const We = "#ECECEC", qi = [
   "#FFFFFF",
   "#FEE7E7",
   "#FEF0E6",
@@ -253,7 +253,7 @@ const He = "#ECECEC", qi = [
   "#9E6DE3",
   "#F248A6"
 ], Ji = (e) => {
-  const { value: t, onChange: r, disabled: n } = e, [i, o] = H(!1);
+  const { value: t, onChange: r, disabled: n } = e, [i, o] = B(!1);
   return /* @__PURE__ */ _(
     oi,
     {
@@ -269,7 +269,7 @@ const He = "#ECECEC", qi = [
             (a) => /* @__PURE__ */ _(
               "div",
               {
-                className: Xe("univer-box-border univer-size-4 univer-cursor-pointer univer-rounded", Mt),
+                className: Ae("univer-box-border univer-size-4 univer-cursor-pointer univer-rounded", Mt),
                 style: { background: a },
                 onClick: () => {
                   r(a), o(!1);
@@ -283,7 +283,7 @@ const He = "#ECECEC", qi = [
       children: /* @__PURE__ */ W(
         "div",
         {
-          className: Xe("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 dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Mt),
+          className: Ae("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 dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Mt),
           children: [
             /* @__PURE__ */ _(
               "div",
@@ -299,9 +299,9 @@ const He = "#ECECEC", qi = [
     }
   );
 }, Un = (e) => {
-  const { item: t, commonProps: r, style: n } = e, { onItemChange: i, onItemDelete: o } = r;
-  return /* @__PURE__ */ W("div", { className: "univer-flex univer-items-center univer-gap-2", style: n, children: [
-    t.isRef ? null : /* @__PURE__ */ _("div", { className: Xe("univer-cursor-move", "draggableHandle"), children: /* @__PURE__ */ _(Rr, {}) }),
+  const { item: t, commonProps: r, className: n } = e, { onItemChange: i, onItemDelete: o } = r;
+  return /* @__PURE__ */ W("div", { className: Ae("univer-flex univer-items-center univer-gap-2", n), children: [
+    !t.isRef && /* @__PURE__ */ _("div", { className: Ae("univer-cursor-move", "draggableHandle"), children: /* @__PURE__ */ _(Rr, {}) }),
     /* @__PURE__ */ _(
       Ji,
       {
@@ -332,14 +332,14 @@ const He = "#ECECEC", qi = [
 };
 function Qi(e) {
   const { value: t, onChange: r = () => {
-  }, unitId: n, subUnitId: i, validResult: o, showError: a, ruleId: l } = e, { formula1: s = "", formula2: d = "" } = t || {}, [u, h] = H(() => De(s) ? "1" : "0"), [c, m] = H(u === "1" ? s : "="), [g, M] = H(u === "1" ? s : "="), y = U(se), p = U(ye), S = U(fn), v = U(Gr), [C, w] = H(() => d.split(",")), I = p.getValidatorItem(G.LIST), [R, T] = H([]), [N, D] = H(""), P = a ? o == null ? void 0 : o.formula1 : "", A = ct(() => S.ruleChange$.pipe(dr(16)), []), L = Te(A), V = Qt(r);
+  }, unitId: n, subUnitId: i, validResult: o, showError: a, ruleId: l } = e, { formula1: s = "", formula2: d = "" } = t || {}, [u, h] = B(() => De(s) ? "1" : "0"), [c, m] = B(u === "1" ? s : "="), [g, M] = B(u === "1" ? s : "="), y = U(se), p = U(ye), S = U(fn), v = U(Gr), [C, w] = B(() => d.split(",")), I = p.getValidatorItem(G.LIST), [R, T] = B([]), [N, D] = B(""), P = a ? o == null ? void 0 : o.formula1 : "", A = ct(() => S.ruleChange$.pipe(dr(16)), []), L = Te(A), V = Qt(r);
   Pe(() => {
     (async () => {
       await new Promise((f) => {
         setTimeout(() => f(!0), 100);
       });
-      const O = S.getRuleById(n, i, l), B = O == null ? void 0 : O.formula1;
-      if (De(B) && I && O) {
+      const O = S.getRuleById(n, i, l), H = O == null ? void 0 : O.formula1;
+      if (De(H) && I && O) {
         const f = await I.getListAsync(O, n, i);
         T(f);
       }
@@ -347,26 +347,26 @@ function Qi(e) {
   }, [S, L, I, l, i, n]), Pe(() => {
     De(s) && s !== g && (m(s), M(g));
   }, [g, s]);
-  const [F, x] = H(() => {
-    const O = u !== "1" ? Zr(s) : [], B = d.split(",");
+  const [F, x] = B(() => {
+    const O = u !== "1" ? Zr(s) : [], H = d.split(",");
     return O.map((f, k) => ({
       label: f,
-      color: B[k] || He,
+      color: H[k] || We,
       isRef: !1,
       id: Zt.generateRandomId(4)
     }));
-  }), X = (O, B, f) => {
+  }), X = (O, H, f) => {
     const k = F.find(($) => $.id === O);
-    k && (k.label = B, k.color = f, x([...F]));
+    k && (k.label = H, k.color = f, x([...F]));
   }, Z = (O) => {
-    const B = F.findIndex((f) => f.id === O);
-    B !== -1 && (F.splice(B, 1), x([...F]));
-  }, z = d.split(","), te = ct(() => R.map((O, B) => ({
+    const H = F.findIndex((f) => f.id === O);
+    H !== -1 && (F.splice(H, 1), x([...F]));
+  }, z = d.split(","), te = ct(() => R.map((O, H) => ({
     label: O,
-    color: z[B] || He,
-    id: `${B}`,
+    color: z[H] || We,
+    id: `${H}`,
     isRef: !0
-  })), [z, R]), pe = (O, B, f) => {
+  })), [z, R]), pe = (O, H, f) => {
     const k = [...C];
     k[+O] = f, w(k), V({
       formula1: s,
@@ -377,7 +377,7 @@ function Qi(e) {
       ...F,
       {
         label: "",
-        color: He,
+        color: We,
         isRef: !1,
         id: Zt.generateRandomId(4)
       }
@@ -386,20 +386,20 @@ function Qi(e) {
   Pe(() => {
     if (u === "1")
       return;
-    const O = /* @__PURE__ */ new Set(), B = [];
+    const O = /* @__PURE__ */ new Set(), H = [];
     F.map((f) => ({
       labelList: f.label.split(","),
       item: f
     })).forEach(({ item: f, labelList: k }) => {
       k.forEach(($) => {
-        O.has($) || (O.add($), B.push({
+        O.has($) || (O.add($), H.push({
           label: $,
           color: f.color
         }));
       });
     }), V({
-      formula1: qn(B.map((f) => f.label)),
-      formula2: B.map((f) => f.color === He ? "" : f.color).join(",")
+      formula1: qn(H.map((f) => f.label)),
+      formula2: H.map((f) => f.color === We ? "" : f.color).join(",")
     });
   }, [F, V, u, g, C]);
   const ne = Qt(async (O) => {
@@ -417,7 +417,7 @@ function Qi(e) {
       formula1: "",
       formula2: d
     }), m("="), D(y.t("dataValidation.validFail.formulaError")));
-  }), ce = ht(null), [Se, ve] = H(!1);
+  }), ce = ht(null), [Se, ve] = B(!1);
   return or((O) => {
     var f;
     ((f = ce.current) == null ? void 0 : f.isClickOutSide(O)) && ve(!1);
@@ -443,7 +443,7 @@ function Qi(e) {
         lr,
         {
           ref: ce,
-          className: Xe("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 [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Mt),
+          className: Ae("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 [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Mt),
           initValue: c,
           unitId: n,
           subUnitId: i,
@@ -451,21 +451,21 @@ function Qi(e) {
           isSupportAcrossSheet: !0,
           onFocus: () => ve(!0),
           onChange: (O = "") => {
-            const B = (O != null ? O : "").trim();
-            M(B), ne(B);
+            const H = (O != null ? O : "").trim();
+            M(H), ne(H);
           }
         }
       ),
-      te.length > 0 && /* @__PURE__ */ _("div", { style: { marginTop: "12px" }, children: te.map((O) => /* @__PURE__ */ _(
+      te.length > 0 && /* @__PURE__ */ _("div", { className: "univer-mt-3", children: te.map((O) => /* @__PURE__ */ _(
         Un,
         {
+          className: "univer-mb-3",
           item: O,
-          commonProps: { onItemChange: pe },
-          style: { marginBottom: 12 }
+          commonProps: { onItemChange: pe }
         },
         O.id
       )) })
-    ] }) : /* @__PURE__ */ _(j, { error: P, children: /* @__PURE__ */ W("div", { style: { marginTop: "-12px" }, children: [
+    ] }) : /* @__PURE__ */ _(j, { error: P, children: /* @__PURE__ */ W("div", { className: "-univer-mt-3", children: [
       /* @__PURE__ */ _(
         ii,
         {
@@ -596,7 +596,7 @@ var ao = Object.getOwnPropertyDescriptor, so = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? ao(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
-}, xe = (e, t) => (r, n) => t(r, n, e);
+}, $e = (e, t) => (r, n) => t(r, n, e);
 let Ze = class extends Re {
   constructor(e, t, r, n, i, o) {
     super(), this._sheetInterceptorService = e, this._dataValidationModel = t, this._dataValidatorRegistryService = r, this._dialogService = n, this._localeService = i, this._sheetsDataValidationValidatorService = o, this._initEditorBridgeInterceptor();
@@ -612,7 +612,7 @@ let Ze = class extends Re {
           if (!d || d.errorStyle !== lt.STOP)
             return r(Promise.resolve(!0));
           const u = this._dataValidatorRegistryService.getValidatorItem(d.type);
-          return !u || await this._sheetsDataValidationValidatorService.validatorCell(a, l, i, o) === je.VALID ? r(Promise.resolve(!0)) : (this._dialogService.open({
+          return !u || await this._sheetsDataValidationValidatorService.validatorCell(a, l, i, o) === Ye.VALID ? r(Promise.resolve(!0)) : (this._dialogService.open({
             width: 368,
             title: {
               title: this._localeService.t("dataValidation.alert.title")
@@ -666,12 +666,12 @@ let Ze = class extends Re {
   }
 };
 Ze = so([
-  xe(0, b(Sn)),
-  xe(1, b(ee)),
-  xe(2, b(ye)),
-  xe(3, ai),
-  xe(4, b(se)),
-  xe(5, b(qr))
+  $e(0, b(Sn)),
+  $e(1, b(ee)),
+  $e(2, b(ye)),
+  $e(3, ai),
+  $e(4, b(se)),
+  $e(5, b(qr))
 ], Ze);
 var lo = Object.getOwnPropertyDescriptor, co = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? lo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
@@ -700,7 +700,7 @@ function uo(e, t) {
       return "HH:mm:ss";
   }
 }
-let Ae = class extends Re {
+let Le = class extends Re {
   constructor(t, r, n, i, o, a, l, s, d, u, h) {
     super();
     E(this, "_activeDropdown");
@@ -863,7 +863,7 @@ let Ae = class extends Re {
             keycode: gt.ESC
           }), this._commandService.executeCommand(st.id, A), !v;
         }, w = (d == null ? void 0 : d.renderMode) === ie.CUSTOM || (d == null ? void 0 : d.renderMode) === void 0, I = u.getListWithColor(d, o, a), R = Ut(s.getCellRaw(n, i)), T = () => {
-          this._commandService.executeCommand(Fe.id, {
+          this._commandService.executeCommand(xe.id, {
             ruleId: d.uid
           }), h == null || h.dispose();
         }, N = I.map((D) => ({
@@ -998,7 +998,7 @@ let Ae = class extends Re {
     });
   }
 };
-Ae = co([
+Le = co([
   ue(0, le),
   ue(1, b(ye)),
   ue(2, sr),
@@ -1010,8 +1010,8 @@ Ae = co([
   ue(8, mr),
   ue(9, b(we)),
   ue(10, cn)
-], Ae);
-const Dt = "DataValidationPanel", Fe = {
+], Le);
+const Dt = "DataValidationPanel", xe = {
   id: "data-validation.operation.open-validation-panel",
   type: nt.OPERATION,
   handler(e, t) {
@@ -1045,7 +1045,7 @@ const Dt = "DataValidationPanel", Fe = {
   type: nt.OPERATION,
   handler(e) {
     const t = e.get(J), r = e.get(_e);
-    return r.open(), r.isOpen ? t.executeCommand(Rn.id) : t.executeCommand(Fe.id), !0;
+    return r.open(), r.isOpen ? t.executeCommand(Rn.id) : t.executeCommand(xe.id), !0;
   }
 }, kt = {
   type: nt.OPERATION,
@@ -1053,7 +1053,7 @@ const Dt = "DataValidationPanel", Fe = {
   handler(e, t) {
     if (!t)
       return !1;
-    const r = e.get(Ae), { unitId: n, subUnitId: i, row: o, column: a } = t, l = r.activeDropdown, s = l == null ? void 0 : l.location;
+    const r = e.get(Le), { unitId: n, subUnitId: i, row: o, column: a } = t, l = r.activeDropdown, s = l == null ? void 0 : l.location;
     return s && s.unitId === n && s.subUnitId === i && s.row === o && s.col === a || r.showDataValidationDropdown(
       n,
       i,
@@ -1065,7 +1065,7 @@ const Dt = "DataValidationPanel", Fe = {
   type: nt.OPERATION,
   id: "sheet.operation.hide-data-validation-dropdown",
   handler(e, t) {
-    return t ? (e.get(Ae).hideDropdown(), !0) : !1;
+    return t ? (e.get(Le).hideDropdown(), !0) : !1;
   }
 }, Nt = {
   type: nt.COMMAND,
@@ -1078,7 +1078,7 @@ const Dt = "DataValidationPanel", Fe = {
       unitId: l,
       subUnitId: s
     };
-    return a.syncExecuteCommand(gn.id, d) ? (a.syncExecuteCommand(Fe.id, {
+    return a.syncExecuteCommand(gn.id, d) ? (a.syncExecuteCommand(xe.id, {
       ruleId: o.uid,
       isAdd: !0
     }), !0) : !1;
@@ -1088,7 +1088,7 @@ var ho = Object.getOwnPropertyDescriptor, go = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? ho(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);
+}, He = (e, t) => (r, n) => t(r, n, e);
 const Me = "SHEET_DATA_VALIDATION_ALERT";
 let ut = class extends Re {
   constructor(e, t, r, n, i, o) {
@@ -1108,7 +1108,7 @@ let ut = class extends Re {
           this._cellAlertManagerService.removeAlert(Me);
           return;
         }
-        if (this._dataValidationModel.validator(i, { ...e.location, workbook: r, worksheet: n }) === je.INVALID) {
+        if (this._dataValidationModel.validator(i, { ...e.location, workbook: r, worksheet: n }) === Ye.INVALID) {
           const a = this._cellAlertManagerService.currentAlert.get(Me), l = (t = a == null ? void 0 : a.alert) == null ? void 0 : t.location;
           if (l && l.row === e.location.row && l.col === e.location.col && l.subUnitId === e.location.subUnitId && l.unitId === e.location.unitId) {
             this._cellAlertManagerService.removeAlert(Me);
@@ -1141,18 +1141,18 @@ let ut = class extends Re {
   }
 };
 ut = go([
-  $e(0, b(Vi)),
-  $e(1, b(Oi)),
-  $e(2, le),
-  $e(3, b(se)),
-  $e(4, sr),
-  $e(5, b(ee))
+  He(0, b(Vi)),
+  He(1, b(Oi)),
+  He(2, le),
+  He(3, b(se)),
+  He(4, sr),
+  He(5, b(ee))
 ], ut);
 var po = Object.getOwnPropertyDescriptor, vo = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? po(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);
+}, Ht = (e, t) => (r, n) => t(r, n, e);
 let qe = class extends Re {
   constructor(e, t, r) {
     super(), this._autoFillService = e, this._sheetDataValidationModel = t, this._injector = r, this._initAutoFill();
@@ -1225,15 +1225,15 @@ let qe = class extends Re {
   }
 };
 qe = vo([
-  Bt(0, Pi),
-  Bt(1, b(ee)),
-  Bt(2, b(we))
+  Ht(0, Pi),
+  Ht(1, b(ee)),
+  Ht(2, b(we))
 ], qe);
 var mo = Object.getOwnPropertyDescriptor, fo = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? mo(t, r) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = a(i) || i);
   return i;
-}, Ht = (e, t) => (r, n) => t(r, n, e);
+}, Bt = (e, t) => (r, n) => t(r, n, e);
 let Je = class extends Re {
   constructor(t, r, n) {
     super();
@@ -1352,9 +1352,9 @@ let Je = class extends Re {
   }
 };
 Je = fo([
-  Ht(0, Li),
-  Ht(1, b(ee)),
-  Ht(2, b(we))
+  Bt(0, Li),
+  Bt(1, b(ee)),
+  Bt(2, b(we))
 ], Je);
 var _o = Object.getOwnPropertyDescriptor, So = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? _o(t, r) : t, o = e.length - 1, a; o >= 0; o--)
@@ -1399,7 +1399,7 @@ function Co(e) {
 }
 function Io(e) {
   return {
-    id: Fe.id,
+    id: xe.id,
     title: "dataValidation.panel.title",
     type: vn.BUTTON
   };
@@ -1416,7 +1416,7 @@ const Ro = {
     [Er]: {
       order: 0,
       menuItemFactory: Co,
-      [Fe.id]: {
+      [xe.id]: {
         order: 0,
         menuItemFactory: Io
       },
@@ -1503,7 +1503,7 @@ let et = class extends un {
             const u = this._sheetDataValidationModel.getRuleById(o, a, d);
             if (!u)
               return r(e);
-            const h = (p = this._dataValidationCacheService.getValue(o, a, n, i)) != null ? p : je.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), m = t.rawData;
+            const h = (p = this._dataValidationCacheService.getValue(o, a, n, i)) != null ? p : Ye.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), m = t.rawData;
             let g;
             const M = {
               get value() {
@@ -1520,7 +1520,7 @@ let et = class extends un {
               ...e,
               markers: {
                 ...e == null ? void 0 : e.markers,
-                ...h === je.INVALID ? Vr : null
+                ...h === Ye.INVALID ? Vr : null
               },
               customRender: [
                 ...(S = e == null ? void 0 : e.customRender) != null ? S : [],
@@ -1605,10 +1605,10 @@ let et = class extends un {
 et = Dr([
   K(0, J),
   K(1, di),
-  K(2, Ne),
+  K(2, Ue),
   K(3, le),
   K(4, b(fr)),
-  K(5, b(Ae)),
+  K(5, b(Le)),
   K(6, b(ee)),
   K(7, b(ye)),
   K(8, b(Sn)),
@@ -1636,12 +1636,12 @@ let xn = class extends un {
             const u = this._sheetDataValidationModel.getRuleById(o, a, d);
             if (!u)
               return r(e);
-            const h = (y = this._dataValidationCacheService.getValue(o, a, n, i)) != null ? y : je.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), m = s.getCellRaw(n, i), g = Q(m), M = `${g != null ? g : ""}`;
+            const h = (y = this._dataValidationCacheService.getValue(o, a, n, i)) != null ? y : Ye.VALID, c = this._dataValidatorRegistryService.getValidatorItem(u.type), m = s.getCellRaw(n, i), g = Q(m), M = `${g != null ? g : ""}`;
             return r({
               ...e,
               markers: {
                 ...e == null ? void 0 : e.markers,
-                ...h === je.INVALID ? Vr : null
+                ...h === Ye.INVALID ? Vr : null
               },
               customRender: [
                 ...(p = e == null ? void 0 : e.customRender) != null ? p : [],
@@ -1703,7 +1703,7 @@ let xn = class extends un {
 };
 xn = Dr([
   K(0, J),
-  K(1, Ne),
+  K(1, Ue),
   K(2, b(fr)),
   K(3, b(ye)),
   K(4, b(Sn)),
@@ -1732,7 +1732,7 @@ let Vt = class extends Re {
         (o = this._sheetSkeletonManagerService.getSkeletonParam(i)) == null || o.skeleton.makeDirty(!0);
       }), (n = this._context.mainComponent) == null || n.makeForceDirty();
     };
-    this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe(Br(16)).subscribe(e));
+    this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe(Hr(16)).subscribe(e));
   }
 };
 Vt = bo([
@@ -1741,7 +1741,7 @@ Vt = bo([
 ], Vt);
 function Eo(e) {
   var d;
-  const t = U(se), r = U(mn), { value: n, onChange: i, extraComponent: o } = e, [a, l] = H(!1), s = o ? r.get(o) : null;
+  const t = U(se), r = U(mn), { value: n, onChange: i, extraComponent: o } = e, [a, l] = B(!1), s = o ? r.get(o) : null;
   return /* @__PURE__ */ W(dt, { children: [
     /* @__PURE__ */ W(
       "div",
@@ -1794,7 +1794,7 @@ function Eo(e) {
     ] })
   ] });
 }
-const Do = (e) => Hr(
+const Do = (e) => Br(
   async (t, r, n, i) => {
     const o = await e.executeCommand(t, r, n);
     i == null || i(o);
@@ -1806,8 +1806,8 @@ function Vo(e, t, r) {
   return t ? ((i = (n = e.getUnit(t)) == null ? void 0 : n.getSheetBySheetName(r)) == null ? void 0 : i.getSheetId()) || "" : ((a = (o = e.getCurrentUnitForType(Y.UNIVER_SHEET)) == null ? void 0 : o.getSheetBySheetName(r)) == null ? void 0 : a.getSheetId()) || "";
 }
 function Oo() {
-  var O, B;
-  const [e, t] = H(0), r = U(_e), n = Te(r.activeRule$, r.activeRule), { unitId: i, subUnitId: o, rule: a } = n || {}, l = a.uid, s = U(ye), d = U(le), u = U(mn), h = U(J), c = U(fn), m = U(se), [g, M] = H(a), y = s.getValidatorItem(g.type), [p, S] = H(!1), v = s.getValidatorsByScope(ui.SHEET), [C, w] = H(() => g.ranges.map((f) => ({ unitId: "", sheetId: "", range: f }))), I = ct(() => Do(h), [h]), [R, T] = H(!1), [N, D] = H(!1), P = ht(null), A = U(hr);
+  var O, H;
+  const [e, t] = B(0), r = U(_e), n = Te(r.activeRule$, r.activeRule), { unitId: i, subUnitId: o, rule: a } = n || {}, l = a.uid, s = U(ye), d = U(le), u = U(mn), h = U(J), c = U(fn), m = U(se), [g, M] = B(a), y = s.getValidatorItem(g.type), [p, S] = B(!1), v = s.getValidatorsByScope(ui.SHEET), [C, w] = B(() => g.ranges.map((f) => ({ unitId: "", sheetId: "", range: f }))), I = ct(() => Do(h), [h]), [R, T] = B(!1), [N, D] = B(!1), P = ht(null), A = U(hr);
   if (Pe(() => () => {
     const f = A.getCurrentLastSelection();
     f && A.setSelections([f]);
@@ -1915,7 +1915,7 @@ function Oo() {
       }
     ));
   }, ve = L.length && !g.operator;
-  return /* @__PURE__ */ W("div", { "data-u-comp": "data-validation-detail", children: [
+  return /* @__PURE__ */ W("div", { "data-u-comp": "data-validation-detail", className: "univer-py-2", children: [
     /* @__PURE__ */ _(
       j,
       {
@@ -2001,7 +2001,7 @@ function Oo() {
     /* @__PURE__ */ _(j, { children: /* @__PURE__ */ _(
       Lt,
       {
-        checked: (B = g.allowBlank) != null ? B : !0,
+        checked: (H = g.allowBlank) != null ? H : !0,
         onChange: () => {
           var f;
           return Z({
@@ -2020,7 +2020,7 @@ function Oo() {
   ] });
 }
 const To = (e) => {
-  const { rule: t, onClick: r, unitId: n, subUnitId: i, disable: o } = e, a = U(ye), l = U(J), s = U(Ni), d = a.getValidatorItem(t.type), u = ht(void 0), [h, c] = H(!1), m = U(Kn), g = Te(m.currentTheme$), M = ct(() => {
+  const { rule: t, onClick: r, unitId: n, subUnitId: i, disable: o } = e, a = U(ye), l = U(J), s = U(Ni), d = a.getValidatorItem(t.type), u = ht(void 0), [h, c] = B(!1), m = U(Kn), g = Te(m.currentTheme$), M = ct(() => {
     var w;
     const p = m.getColorFromTheme("primary.600"), S = m.getColorFromTheme("loop-color.2"), v = (w = m.getColorFromTheme(S)) != null ? w : p, C = new Xr(v).toRgb();
     return {
@@ -2042,7 +2042,7 @@ const To = (e) => {
   }, [s]), /* @__PURE__ */ W(
     "div",
     {
-      className: Xe(
+      className: Ae(
         `
                   univer-rounded-md univer-bg-secondary univer-relative univer--ml-2 univer--mr-2 univer-box-border
                   univer-flex univer-w-[287px] univer-cursor-pointer univer-flex-col univer-justify-between
@@ -2095,7 +2095,7 @@ const To = (e) => {
   );
 };
 function Po(e) {
-  const t = U(ee), r = U(le), n = U(J), i = U(we), o = U(_e), a = U(se), [l, s] = H([]), { workbook: d } = e, u = Te(d.activeSheet$, void 0, !0), h = d.getUnitId(), c = u == null ? void 0 : u.getSheetId();
+  const t = U(ee), r = U(le), n = U(J), i = U(we), o = U(_e), a = U(se), [l, s] = B([]), { workbook: d } = e, u = Te(d.activeSheet$, void 0, !0), h = d.getUnitId(), c = u == null ? void 0 : u.getSheetId();
   Pe(() => {
     s(t.getRules(h, c));
     const S = t.ruleChange$.subscribe((v) => {
@@ -2222,10 +2222,10 @@ let an = class {
         break;
     }
     switch (n) {
-      case Ye.LEFT:
+      case Xe.LEFT:
         l = ft;
         break;
-      case Ye.RIGHT:
+      case Xe.RIGHT:
         l = ft + (i - a);
         break;
       default:
@@ -2333,7 +2333,7 @@ an = Uo([
   Be(1, le),
   Be(2, b(ei)),
   Be(3, b(Kn)),
-  Be(4, b(Ne)),
+  Be(4, b(Ue)),
   Be(5, b(ee))
 ], an);
 class Fo extends fe {
@@ -2352,7 +2352,7 @@ class xo extends fe {
   }
 }
 const $o = "data-validation.formula-input";
-class Bo extends fe {
+class Ho extends fe {
   constructor() {
     super(...arguments);
     E(this, "id", G.DATE);
@@ -2361,7 +2361,7 @@ class Bo extends fe {
     E(this, "dropdownType", ge.DATE);
   }
 }
-class Ho extends fe {
+class Bo extends fe {
   constructor() {
     super(...arguments);
     E(this, "id", G.DECIMAL);
@@ -2418,7 +2418,7 @@ class Xo extends Si {
       width: l.width,
       height: l.height,
       radius: Yo,
-      fill: o || He
+      fill: o || We
     }), t.translateWithPrecision(Or, l.ba), t.font = n, t.fillStyle = a, t.fillText(s, 0, 0), t.restore();
   }
 }
@@ -2484,10 +2484,10 @@ let ln = class {
       const { width: de, height: ne, items: ce } = te;
       let Se = 0;
       switch (P) {
-        case Ye.RIGHT:
+        case Xe.RIGHT:
           Se = x.contentWidth - de;
           break;
-        case Ye.CENTER:
+        case Xe.CENTER:
           Se = (x.contentWidth - de) / 2;
           break;
       }
@@ -2565,7 +2565,7 @@ let ln = class {
 ln = Ko([
   _t(0, J),
   _t(1, le),
-  _t(2, b(Ne)),
+  _t(2, b(Ue)),
   _t(3, b(ee))
 ], ln);
 class Zo extends fe {
@@ -2581,7 +2581,7 @@ var qo = Object.getOwnPropertyDescriptor, Jo = (e, t, r, n) => {
     (a = e[o]) && (i = a(i) || i);
   return i;
 }, at = (e, t) => (r, n) => t(r, n, e);
-const be = 4, St = 4, he = 14, me = 6, We = 4, Xt = 8, Qo = "#565656", Bn = new Path2D("M3.32201 4.84556C3.14417 5.05148 2.85583 5.05148 2.67799 4.84556L0.134292 1.90016C-0.152586 1.56798 0.0505937 1 0.456301 1L5.5437 1C5.94941 1 6.15259 1.56798 5.86571 1.90016L3.32201 4.84556Z");
+const be = 4, St = 4, he = 14, me = 6, je = 4, Xt = 8, Qo = "#565656", Hn = new Path2D("M3.32201 4.84556C3.14417 5.05148 2.85583 5.05148 2.67799 4.84556L0.134292 1.90016C-0.152586 1.56798 0.0505937 1 0.456301 1L5.5437 1C5.94941 1 6.15259 1.56798 5.86571 1.90016L3.32201 4.84556Z");
 function ea(e, t) {
   const r = e.length;
   return {
@@ -2646,9 +2646,9 @@ function Ct(e, t, r) {
     docViewModel: o
   };
 }
-function Hn(e, t, r, n, i, o, a = !0) {
+function Bn(e, t, r, n, i, o, a = !0) {
   let l = 0;
-  const s = a ? We : 0;
+  const s = a ? je : 0;
   switch (i) {
     case ae.BOTTOM:
       l = t - n - s;
@@ -2660,13 +2660,13 @@ function Hn(e, t, r, n, i, o, a = !0) {
       l = s;
       break;
   }
-  l = Math.max(We, l);
+  l = Math.max(je, l);
   let d = 0;
   switch (o) {
-    case Ye.CENTER:
+    case Xe.CENTER:
       d = (e - r) / 2;
       break;
-    case Ye.RIGHT:
+    case Xe.RIGHT:
       d = e - r;
       break;
   }
@@ -2696,13 +2696,13 @@ let dn = class {
         u = (n - St) / 2;
         break;
       case ae.BOTTOM:
-        u = n - s - i - We + (i / 2 - St / 2);
+        u = n - s - i - je + (i / 2 - St / 2);
         break;
       default:
-        u = l + We + (i / 2 - St / 2);
+        u = l + je + (i / 2 - St / 2);
         break;
     }
-    e.save(), e.translateWithPrecision(t.startX + d, t.startY + u), e.fillStyle = "#565656", e.fill(Bn), e.restore();
+    e.save(), e.translateWithPrecision(t.startX + d, t.startY + u), e.fillStyle = "#565656", e.fill(Hn), e.restore();
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   drawWith(e, t, r) {
@@ -2725,7 +2725,7 @@ let dn = class {
     if (D = D != null ? D : Ie.WRAP, P = P != null ? P : ae.BOTTOM, A = A != null ? A : re.ht, L = L != null ? L : re.pd, u.renderMode === ie.ARROW) {
       const { l: V = re.pd.l, t: F = re.pd.t, r: x = re.pd.r, b: X = re.pd.b } = L, Z = S - V - x - he - 4, { documentSkeleton: z, documents: te, docModel: pe } = Ct(T, this._localeService, a);
       D === Ie.WRAP && pe.updateDocumentDataPageSize(Math.max(Z, 1)), z.calculate(), z.getActualSize();
-      const de = it(z), { height: ne, width: ce } = de, { paddingTop: Se, paddingLeft: ve } = Hn(Z, v - F - X, ce, ne, P, A, !0);
+      const de = it(z), { height: ne, width: ce } = de, { paddingTop: Se, paddingLeft: ve } = Bn(Z, v - F - X, ce, ne, P, A, !0);
       this._drawDownIcon(e, p, S, v, ne, P, L), e.save(), e.translateWithPrecision(p.startX + V, p.startY + F), e.beginPath(), e.rect(0, 0, S - V - x, v - F - X), e.clip(), e.translateWithPrecision(0, Se), e.save(), e.translateWithPrecision(be, 0), e.beginPath(), e.rect(0, 0, Z, ne), e.clip(), te.render(e), e.translateWithPrecision(ve, 0), e.restore(), e.restore(), C.set(w, {
         left: p.endX + V + r.rowHeaderWidth - he,
         top: p.startY + F + r.columnHeaderHeight,
@@ -2736,15 +2736,15 @@ let dn = class {
       e.save(), e.translateWithPrecision(p.startX, p.startY), e.beginPath(), e.rect(0, 0, S, v), e.clip();
       const V = S - me * 2 - be - he - 4, { documentSkeleton: F, documents: x, docModel: X } = Ct(T, this._localeService, a);
       D === Ie.WRAP && X.updateDocumentDataPageSize(Math.max(V, 1)), F.calculate();
-      const Z = it(F), { height: z, width: te } = Z, { paddingTop: pe, paddingLeft: de } = Hn(V, v, te, z, P, A);
+      const Z = it(F), { height: z, width: te } = Z, { paddingTop: pe, paddingLeft: de } = Bn(V, v, te, z, P, A);
       e.translateWithPrecision(me, pe);
       const ne = Math.max(S - me * 2, 1), ce = z;
       ur.drawWith(e, {
         width: ne,
         height: ce,
-        fill: (N == null ? void 0 : N.color) || He,
+        fill: (N == null ? void 0 : N.color) || We,
         radius: Xt
-      }), e.save(), e.translateWithPrecision(be, 0), e.beginPath(), e.rect(0, 0, V, z), e.clip(), e.translateWithPrecision(de, 0), x.render(e), e.restore(), e.translateWithPrecision(V + be + 4, (z - St) / 2), e.fillStyle = Qo, e.fill(Bn), e.restore(), C.set(w, {
+      }), e.save(), e.translateWithPrecision(be, 0), e.beginPath(), e.rect(0, 0, V, z), e.clip(), e.translateWithPrecision(de, 0), x.render(e), e.restore(), e.translateWithPrecision(V + be + 4, (z - St) / 2), e.fillStyle = Qo, e.fill(Hn), e.restore(), C.set(w, {
         left: p.startX + me + r.rowHeaderWidth,
         top: p.startY + pe + r.columnHeaderHeight,
         width: ne,
@@ -2768,14 +2768,14 @@ let dn = class {
       const w = g - he, { documentSkeleton: I, docModel: R } = Ct(y, this._localeService, r);
       p === Ie.WRAP && R.updateDocumentDataPageSize(Math.max(w, 1)), I.calculate(), I.getActualSize();
       const T = it(I), { height: N } = T;
-      return N + v + C + We * 2;
+      return N + v + C + je * 2;
     } else {
       const w = g - me * 2 - be - he, { documentSkeleton: I, docModel: R } = Pr(y, this._localeService, r);
       p === Ie.WRAP && R.updateDocumentDataPageSize(Math.max(w, 1)), I.calculate();
       const T = it(I), {
         height: N
       } = T;
-      return N + We * 2;
+      return N + je * 2;
     }
   }
   calcCellAutoWidth(e) {
@@ -2837,7 +2837,7 @@ dn = Jo([
   at(0, le),
   at(1, b(se)),
   at(2, J),
-  at(3, b(Ne)),
+  at(3, b(Ue)),
   at(4, b(ee))
 ], dn);
 class ta extends fe {
@@ -2889,10 +2889,10 @@ let tt = class extends un {
   }
   _registerValidatorViews() {
     [
-      Ho,
+      Bo,
       ra,
       na,
-      Bo,
+      Ho,
       Fo,
       ta,
       Zo,
@@ -2928,7 +2928,7 @@ let Wn = (It = class extends Gn {
   onStarting() {
     [
       [_e],
-      [Ae],
+      [Le],
       [ut],
       [qe],
       [et],
@@ -2943,14 +2943,14 @@ let Wn = (It = class extends Gn {
       kt,
       Mr,
       Rn,
-      Fe,
+      xe,
       yr
     ].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
   onReady() {
-    this._injector.get(Je), this._injector.get(Qe), this._injector.get(Ze), this._injector.get(ut), this._injector.get(Ne).registerRenderModule(
+    this._injector.get(Je), this._injector.get(Qe), this._injector.get(Ze), this._injector.get(ut), this._injector.get(Ue).registerRenderModule(
       Y.UNIVER_SHEET,
       [Vt]
     );
@@ -2987,7 +2987,7 @@ let jn = (wt = class extends Gn {
   onStarting() {
     [
       [_e],
-      [Ae],
+      [Le],
       [ut],
       [qe],
       [et],
@@ -3001,14 +3001,14 @@ let jn = (wt = class extends Gn {
       kt,
       Mr,
       Rn,
-      Fe,
+      xe,
       yr
     ].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
   onReady() {
-    this._injector.get(Je), this._injector.get(Qe), this._injector.get(Ne).registerRenderModule(
+    this._injector.get(Je), this._injector.get(Qe), this._injector.get(Ue).registerRenderModule(
       Y.UNIVER_SHEET,
       [Vt]
     );