@univerjs/sheets-data-validation-ui 0.4.0-alpha.0 → 0.4.0-alpha.2

package/lib/es/index.js

@@ -3,21 +3,20 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
 import React, { useState, forwardRef, useRef, createElement, useMemo, useEffect } from "react";
-import { Inject, LocaleService, Disposable, DataValidationErrorStyle, useDependency, ICommandService, numfmt, CellValueType, UniverInstanceType, toDisposable, IUniverInstanceService, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DisposableCollection, CommandType, BuildTextUtils, DataValidationRenderMode, DataValidationType, IConfigService, UndoCommand, RedoCommand, isUnitRangesEqual, createInternalEditorID, isValidRange, debounce, shallowEqual, Injector, DataValidationStatus, ObjectMatrix, Range, Rectangle, queryObjectMatrix, Optional, RxDisposable, InterceptorEffectEnum, sequenceExecute, isFormulaString, Tools, ThemeService, VerticalAlign, HorizontalAlign, DEFAULT_STYLES, WrapStrategy, DocumentDataModel, DEFAULT_EMPTY_DOCUMENT_VALUE, BooleanNumber, Plugin } from "@univerjs/core";
+import { Inject, LocaleService, Disposable, DataValidationErrorStyle, useDependency, ICommandService, numfmt, CellValueType, UniverInstanceType, toDisposable, IUniverInstanceService, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DisposableCollection, CommandType, BuildTextUtils, DataValidationRenderMode, DataValidationType, IConfigService, UndoCommand, RedoCommand, isUnitRangesEqual, debounce, shallowEqual, Injector, DataValidationStatus, ObjectMatrix, Range, Rectangle, queryObjectMatrix, Optional, RxDisposable, InterceptorEffectEnum, sequenceExecute, bufferDebounceTime, createInternalEditorID, isFormulaString, Tools, ThemeService, VerticalAlign, HorizontalAlign, DEFAULT_STYLES, WrapStrategy, DocumentDataModel, DEFAULT_EMPTY_DOCUMENT_VALUE, BooleanNumber, Plugin } from "@univerjs/core";
 import { Button, DatePanel, RectPopup, Scrollbar, FormLayout, RadioGroup, Radio, Checkbox, Input, Select, DraggableList } from "@univerjs/design";
 import { SetRangeValuesCommand, SheetsSelectionsService, getSheetCommandTarget, WorkbookEditablePermission, RangeProtectionPermissionEditPoint, WorksheetEditPermission, checkRangesEditablePermission, WorksheetSetCellStylePermission, SheetInterceptorService, INTERCEPTOR_POINT, InterceptCellContentPriority } from "@univerjs/sheets";
-import { SheetDataValidationModel, getCellValueOrigin, getDataValidationCellValue, deserializeListOptions, serializeListOptions, UpdateSheetDataValidationRangeCommand, UpdateSheetDataValidationSettingCommand, RemoveSheetDataValidationCommand, UpdateSheetDataValidationOptionsCommand, createDefaultNewRule, AddSheetDataValidationCommand, RemoveSheetAllDataValidationCommand, DATA_VALIDATION_PLUGIN_NAME, getDataValidationDiffMutations, DataValidationFormulaController, DataValidationFormulaService, getFormulaResult, transformCheckboxValue, CHECKBOX_FORMULA_1, CHECKBOX_FORMULA_2 } from "@univerjs/sheets-data-validation";
+import { SheetDataValidationModel, getCellValueOrigin, getDataValidationCellValue, deserializeListOptions, serializeListOptions, UpdateSheetDataValidationRangeCommand, UpdateSheetDataValidationSettingCommand, RemoveSheetDataValidationCommand, UpdateSheetDataValidationOptionsCommand, createDefaultNewRule, AddSheetDataValidationCommand, RemoveSheetAllDataValidationCommand, DATA_VALIDATION_PLUGIN_NAME, getDataValidationDiffMutations, DataValidationCacheService, DataValidationFormulaController, DataValidationFormulaService, getFormulaResult, transformCheckboxValue, CHECKBOX_FORMULA_1, CHECKBOX_FORMULA_2 } from "@univerjs/sheets-data-validation";
 import { getPatternType } from "@univerjs/sheets-numfmt";
-import dayjs from "dayjs";
 import { DataValidatorRegistryService, DataValidationModel, DataValidatorRegistryScope, TWO_FORMULA_OPERATOR_COUNT, getRuleOptions, getRuleSetting } from "@univerjs/data-validation";
 import { IEditorBridgeService, SheetCanvasPopManagerService, SheetPermissionInterceptorBaseController, IMarkSelectionService, HoverManagerService, CellAlertManagerService, CellAlertType, IAutoFillService, APPLY_TYPE, virtualizeDiscreteRanges, getAutoFillRepeatRange, COPY_TYPE, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService, getCurrentRangeDisable$, AutoHeightController, SheetSkeletonManagerService } from "@univerjs/sheets-ui";
 import { IDialogService, ISidebarService, useObservable, ComponentManager, IZenZoneService, KeyCode, useEvent, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, IMenuManagerService } from "@univerjs/ui";
 import { RichTextEditingMutation } from "@univerjs/docs";
 import { IRenderManagerService, DeviceInputEventType, fixLineWidthByScale, Transform, Checkbox as Checkbox$1, FontCache, Shape, Rect, getFontStyleString, getDocsSkeletonPageSize, DocumentViewModel, DocumentSkeleton, Documents } from "@univerjs/engine-render";
 import { filter, BehaviorSubject, distinctUntilChanged, Subject, debounceTime, bufferTime } from "rxjs";
-import { RangeSelector, TextEditor } from "@univerjs/docs-ui";
-import { serializeRange } from "@univerjs/engine-formula";
-import cs from "clsx";
+import { deserializeRangeWithSheet, serializeRange } from "@univerjs/engine-formula";
+import { RangeSelector } from "@univerjs/sheets-formula-ui";
+import { TextEditor } from "@univerjs/docs-ui";
 var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
@@ -46,7 +45,286 @@ reactJsxRuntime_production_min.Fragment = l;
 reactJsxRuntime_production_min.jsx = q;
 reactJsxRuntime_production_min.jsxs = q;
 jsxRuntime.exports = reactJsxRuntime_production_min;
-var jsxRuntimeExports = jsxRuntime.exports, utc$1 = { exports: {} };
+var jsxRuntimeExports = jsxRuntime.exports, dayjs_min = { exports: {} };
+(function(module, exports) {
+  (function(t, e) {
+    module.exports = e();
+  })(commonjsGlobal, function() {
+    var t = 1e3, e = 6e4, n2 = 36e5, r2 = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f2 = "quarter", h = "year", d = "date", l2 = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: /* @__PURE__ */ __name(function(t2) {
+      var e2 = ["th", "st", "nd", "rd"], n3 = t2 % 100;
+      return "[" + t2 + (e2[(n3 - 20) % 10] || e2[n3] || e2[0]) + "]";
+    }, "ordinal") }, m2 = /* @__PURE__ */ __name(function(t2, e2, n3) {
+      var r3 = String(t2);
+      return !r3 || r3.length >= e2 ? t2 : "" + Array(e2 + 1 - r3.length).join(n3) + t2;
+    }, "m"), v = { s: m2, z: /* @__PURE__ */ __name(function(t2) {
+      var e2 = -t2.utcOffset(), n3 = Math.abs(e2), r3 = Math.floor(n3 / 60), i2 = n3 % 60;
+      return (e2 <= 0 ? "+" : "-") + m2(r3, 2, "0") + ":" + m2(i2, 2, "0");
+    }, "z"), m: /* @__PURE__ */ __name(function t2(e2, n3) {
+      if (e2.date() < n3.date()) return -t2(n3, e2);
+      var r3 = 12 * (n3.year() - e2.year()) + (n3.month() - e2.month()), i2 = e2.clone().add(r3, c), s2 = n3 - i2 < 0, u2 = e2.clone().add(r3 + (s2 ? -1 : 1), c);
+      return +(-(r3 + (n3 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+    }, "t"), a: /* @__PURE__ */ __name(function(t2) {
+      return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+    }, "a"), p: /* @__PURE__ */ __name(function(t2) {
+      return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r2, Q: f2 }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+    }, "p"), u: /* @__PURE__ */ __name(function(t2) {
+      return t2 === void 0;
+    }, "u") }, g = "en", D = {};
+    D[g] = M;
+    var p2 = "$isDayjsObject", S = /* @__PURE__ */ __name(function(t2) {
+      return t2 instanceof _ || !(!t2 || !t2[p2]);
+    }, "S"), w = /* @__PURE__ */ __name(function t2(e2, n3, r3) {
+      var i2;
+      if (!e2) return g;
+      if (typeof e2 == "string") {
+        var s2 = e2.toLowerCase();
+        D[s2] && (i2 = s2), n3 && (D[s2] = n3, i2 = s2);
+        var u2 = e2.split("-");
+        if (!i2 && u2.length > 1) return t2(u2[0]);
+      } else {
+        var a2 = e2.name;
+        D[a2] = e2, i2 = a2;
+      }
+      return !r3 && i2 && (g = i2), i2 || !r3 && g;
+    }, "t"), O = /* @__PURE__ */ __name(function(t2, e2) {
+      if (S(t2)) return t2.clone();
+      var n3 = typeof e2 == "object" ? e2 : {};
+      return n3.date = t2, n3.args = arguments, new _(n3);
+    }, "O"), b = v;
+    b.l = w, b.i = S, b.w = function(t2, e2) {
+      return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+    };
+    var _ = function() {
+      function M2(t2) {
+        this.$L = w(t2.locale, null, !0), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p2] = !0;
+      }
+      __name(M2, "M");
+      var m3 = M2.prototype;
+      return m3.parse = function(t2) {
+        this.$d = function(t3) {
+          var e2 = t3.date, n3 = t3.utc;
+          if (e2 === null) return /* @__PURE__ */ new Date(NaN);
+          if (b.u(e2)) return /* @__PURE__ */ new Date();
+          if (e2 instanceof Date) return new Date(e2);
+          if (typeof e2 == "string" && !/Z$/i.test(e2)) {
+            var r3 = e2.match($);
+            if (r3) {
+              var i2 = r3[2] - 1 || 0, s2 = (r3[7] || "0").substring(0, 3);
+              return n3 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2);
+            }
+          }
+          return new Date(e2);
+        }(t2), this.init();
+      }, m3.init = function() {
+        var t2 = this.$d;
+        this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+      }, m3.$utils = function() {
+        return b;
+      }, m3.isValid = function() {
+        return this.$d.toString() !== l2;
+      }, m3.isSame = function(t2, e2) {
+        var n3 = O(t2);
+        return this.startOf(e2) <= n3 && n3 <= this.endOf(e2);
+      }, m3.isAfter = function(t2, e2) {
+        return O(t2) < this.startOf(e2);
+      }, m3.isBefore = function(t2, e2) {
+        return this.endOf(e2) < O(t2);
+      }, m3.$g = function(t2, e2, n3) {
+        return b.u(t2) ? this[e2] : this.set(n3, t2);
+      }, m3.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, m3.valueOf = function() {
+        return this.$d.getTime();
+      }, m3.startOf = function(t2, e2) {
+        var n3 = this, r3 = !!b.u(e2) || e2, f3 = b.p(t2), l3 = /* @__PURE__ */ __name(function(t3, e3) {
+          var i2 = b.w(n3.$u ? Date.UTC(n3.$y, e3, t3) : new Date(n3.$y, e3, t3), n3);
+          return r3 ? i2 : i2.endOf(a);
+        }, "l"), $2 = /* @__PURE__ */ __name(function(t3, e3) {
+          return b.w(n3.toDate()[t3].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n3);
+        }, "$"), y2 = this.$W, M3 = this.$M, m4 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+        switch (f3) {
+          case h:
+            return r3 ? l3(1, 0) : l3(31, 11);
+          case c:
+            return r3 ? l3(1, M3) : l3(0, M3 + 1);
+          case o:
+            var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+            return l3(r3 ? m4 - D2 : m4 + (6 - D2), M3);
+          case a:
+          case d:
+            return $2(v2 + "Hours", 0);
+          case u:
+            return $2(v2 + "Minutes", 1);
+          case s:
+            return $2(v2 + "Seconds", 2);
+          case i:
+            return $2(v2 + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, m3.endOf = function(t2) {
+        return this.startOf(t2, !1);
+      }, m3.$set = function(t2, e2) {
+        var n3, o2 = b.p(t2), f3 = "set" + (this.$u ? "UTC" : ""), l3 = (n3 = {}, n3[a] = f3 + "Date", n3[d] = f3 + "Date", n3[c] = f3 + "Month", n3[h] = f3 + "FullYear", n3[u] = f3 + "Hours", n3[s] = f3 + "Minutes", n3[i] = f3 + "Seconds", n3[r2] = f3 + "Milliseconds", n3)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+        if (o2 === c || o2 === h) {
+          var y2 = this.clone().set(d, 1);
+          y2.$d[l3]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+        } else l3 && this.$d[l3]($2);
+        return this.init(), this;
+      }, m3.set = function(t2, e2) {
+        return this.clone().$set(t2, e2);
+      }, m3.get = function(t2) {
+        return this[b.p(t2)]();
+      }, m3.add = function(r3, f3) {
+        var d2, l3 = this;
+        r3 = Number(r3);
+        var $2 = b.p(f3), y2 = /* @__PURE__ */ __name(function(t2) {
+          var e2 = O(l3);
+          return b.w(e2.date(e2.date() + Math.round(t2 * r3)), l3);
+        }, "y");
+        if ($2 === c) return this.set(c, this.$M + r3);
+        if ($2 === h) return this.set(h, this.$y + r3);
+        if ($2 === a) return y2(1);
+        if ($2 === o) return y2(7);
+        var M3 = (d2 = {}, d2[s] = e, d2[u] = n2, d2[i] = t, d2)[$2] || 1, m4 = this.$d.getTime() + r3 * M3;
+        return b.w(m4, this);
+      }, m3.subtract = function(t2, e2) {
+        return this.add(-1 * t2, e2);
+      }, m3.format = function(t2) {
+        var e2 = this, n3 = this.$locale();
+        if (!this.isValid()) return n3.invalidDate || l2;
+        var r3 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n3.weekdays, c2 = n3.months, f3 = n3.meridiem, h2 = /* @__PURE__ */ __name(function(t3, n4, i3, s3) {
+          return t3 && (t3[n4] || t3(e2, r3)) || i3[n4].slice(0, s3);
+        }, "h"), d2 = /* @__PURE__ */ __name(function(t3) {
+          return b.s(s2 % 12 || 12, t3, "0");
+        }, "d"), $2 = f3 || function(t3, e3, n4) {
+          var r4 = t3 < 12 ? "AM" : "PM";
+          return n4 ? r4.toLowerCase() : r4;
+        };
+        return r3.replace(y, function(t3, r4) {
+          return r4 || function(t4) {
+            switch (t4) {
+              case "YY":
+                return String(e2.$y).slice(-2);
+              case "YYYY":
+                return b.s(e2.$y, 4, "0");
+              case "M":
+                return a2 + 1;
+              case "MM":
+                return b.s(a2 + 1, 2, "0");
+              case "MMM":
+                return h2(n3.monthsShort, a2, c2, 3);
+              case "MMMM":
+                return h2(c2, a2);
+              case "D":
+                return e2.$D;
+              case "DD":
+                return b.s(e2.$D, 2, "0");
+              case "d":
+                return String(e2.$W);
+              case "dd":
+                return h2(n3.weekdaysMin, e2.$W, o2, 2);
+              case "ddd":
+                return h2(n3.weekdaysShort, e2.$W, o2, 3);
+              case "dddd":
+                return o2[e2.$W];
+              case "H":
+                return String(s2);
+              case "HH":
+                return b.s(s2, 2, "0");
+              case "h":
+                return d2(1);
+              case "hh":
+                return d2(2);
+              case "a":
+                return $2(s2, u2, !0);
+              case "A":
+                return $2(s2, u2, !1);
+              case "m":
+                return String(u2);
+              case "mm":
+                return b.s(u2, 2, "0");
+              case "s":
+                return String(e2.$s);
+              case "ss":
+                return b.s(e2.$s, 2, "0");
+              case "SSS":
+                return b.s(e2.$ms, 3, "0");
+              case "Z":
+                return i2;
+            }
+            return null;
+          }(t3) || i2.replace(":", "");
+        });
+      }, m3.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, m3.diff = function(r3, d2, l3) {
+        var $2, y2 = this, M3 = b.p(d2), m4 = O(r3), v2 = (m4.utcOffset() - this.utcOffset()) * e, g2 = this - m4, D2 = /* @__PURE__ */ __name(function() {
+          return b.m(y2, m4);
+        }, "D");
+        switch (M3) {
+          case h:
+            $2 = D2() / 12;
+            break;
+          case c:
+            $2 = D2();
+            break;
+          case f2:
+            $2 = D2() / 3;
+            break;
+          case o:
+            $2 = (g2 - v2) / 6048e5;
+            break;
+          case a:
+            $2 = (g2 - v2) / 864e5;
+            break;
+          case u:
+            $2 = g2 / n2;
+            break;
+          case s:
+            $2 = g2 / e;
+            break;
+          case i:
+            $2 = g2 / t;
+            break;
+          default:
+            $2 = g2;
+        }
+        return l3 ? $2 : b.a($2);
+      }, m3.daysInMonth = function() {
+        return this.endOf(c).$D;
+      }, m3.$locale = function() {
+        return D[this.$L];
+      }, m3.locale = function(t2, e2) {
+        if (!t2) return this.$L;
+        var n3 = this.clone(), r3 = w(t2, e2, !0);
+        return r3 && (n3.$L = r3), n3;
+      }, m3.clone = function() {
+        return b.w(this.$d, this);
+      }, m3.toDate = function() {
+        return new Date(this.valueOf());
+      }, m3.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, m3.toISOString = function() {
+        return this.$d.toISOString();
+      }, m3.toString = function() {
+        return this.$d.toUTCString();
+      }, M2;
+    }(), k2 = _.prototype;
+    return O.prototype = k2, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+      k2[t2[1]] = function(e2) {
+        return this.$g(e2, t2[0], t2[1]);
+      };
+    }), O.extend = function(t2, e2) {
+      return t2.$i || (t2(e2, _, O), t2.$i = !0), O;
+    }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+      return O(1e3 * t2);
+    }, O.en = D[g], O.Ls = D, O.p = {}, O;
+  });
+})(dayjs_min);
+var dayjs_minExports = dayjs_min.exports;
+const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
+var utc$1 = { exports: {} };
 (function(module, exports) {
   (function(t, i) {
     module.exports = i();
@@ -67,12 +345,12 @@ var jsxRuntimeExports = jsxRuntime.exports, utc$1 = { exports: {} };
       u.parse = function(t2) {
         t2.utc && (this.$u = !0), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), o.call(this, t2);
       };
-      var r = u.init;
+      var r2 = u.init;
       u.init = function() {
         if (this.$u) {
           var t2 = this.$d;
           this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
-        } else r.call(this);
+        } else r2.call(this);
       };
       var a = u.utcOffset;
       u.utcOffset = function(s2, f3) {
@@ -88,8 +366,8 @@ var jsxRuntimeExports = jsxRuntime.exports, utc$1 = { exports: {} };
         var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2, o2 = this;
         if (f3) return o2.$offset = u2, o2.$u = s2 === 0, o2;
         if (s2 !== 0) {
-          var r2 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-          (o2 = this.local().add(u2 + r2, t)).$offset = u2, o2.$x.$localOffset = r2;
+          var r3 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          (o2 = this.local().add(u2 + r3, t)).$offset = u2, o2.$x.$localOffset = r3;
         } else o2 = this.utc();
         return o2;
       };
@@ -122,11 +400,11 @@ var jsxRuntimeExports = jsxRuntime.exports, utc$1 = { exports: {} };
 })(utc$1);
 var utcExports = utc$1.exports;
 const utc = /* @__PURE__ */ getDefaultExportFromCjs(utcExports);
-var __defProp$e = Object.defineProperty, __getOwnPropDesc$e = Object.getOwnPropertyDescriptor, __decorateClass$e = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$f = Object.defineProperty, __getOwnPropDesc$f = Object.getOwnPropertyDescriptor, __decorateClass$f = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$e(target, key, result), result;
-}, "__decorateClass$e"), __decorateParam$e = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$e"), _a;
+  return kind && result && __defProp$f(target, key, result), result;
+}, "__decorateClass$f"), __decorateParam$f = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$f"), _a;
 let DataValidationRejectInputController = (_a = class extends Disposable {
   constructor(_editorBridgeService, _dataValidationModel, _dataValidatorRegistryService, _dialogService, _localeService) {
     super(), this._editorBridgeService = _editorBridgeService, this._dataValidationModel = _dataValidationModel, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._dialogService = _dialogService, this._localeService = _localeService, this._initEditorBridgeInterceptor();
@@ -136,7 +414,7 @@ let DataValidationRejectInputController = (_a = class extends Disposable {
       this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT_ASYNC,
       {
         handler: /* @__PURE__ */ __name(async (cellPromise, context, next) => {
-          var _a17;
+          var _a18;
           const cell = await cellPromise, { worksheet, row, col, unitId, subUnitId, workbook } = context, ruleId = this._dataValidationModel.getRuleIdByLocation(unitId, subUnitId, row, col), rule = ruleId ? this._dataValidationModel.getRuleById(unitId, subUnitId, ruleId) : void 0;
           if (!rule || rule.errorStyle !== DataValidationErrorStyle.STOP)
             return next(Promise.resolve(cell));
@@ -144,7 +422,7 @@ let DataValidationRejectInputController = (_a = class extends Disposable {
           if (!validator || await validator.validator(
             {
               value: getCellValueOrigin(cell),
-              interceptValue: getCellValueOrigin((_a17 = context == null ? void 0 : context.origin) != null ? _a17 : cell),
+              interceptValue: getCellValueOrigin((_a18 = context == null ? void 0 : context.origin) != null ? _a18 : cell),
               row,
               column: col,
               unitId,
@@ -210,12 +488,12 @@ let DataValidationRejectInputController = (_a = class extends Disposable {
     });
   }
 }, __name(_a, "DataValidationRejectInputController"), _a);
-DataValidationRejectInputController = __decorateClass$e([
-  __decorateParam$e(0, IEditorBridgeService),
-  __decorateParam$e(1, Inject(SheetDataValidationModel)),
-  __decorateParam$e(2, Inject(DataValidatorRegistryService)),
-  __decorateParam$e(3, IDialogService),
-  __decorateParam$e(4, Inject(LocaleService))
+DataValidationRejectInputController = __decorateClass$f([
+  __decorateParam$f(0, IEditorBridgeService),
+  __decorateParam$f(1, Inject(SheetDataValidationModel)),
+  __decorateParam$f(2, Inject(DataValidatorRegistryService)),
+  __decorateParam$f(3, IDialogService),
+  __decorateParam$f(4, Inject(LocaleService))
 ], DataValidationRejectInputController);
 const dvDateDropdown = "univer-dv-date-dropdown", dvDateDropdownBtns = "univer-dv-date-dropdown-btns", styles$6 = {
   dvDateDropdown,
@@ -232,15 +510,15 @@ const transformDate = /* @__PURE__ */ __name((value) => {
     return date;
 }, "transformDate");
 function DateDropdown(props) {
-  var _a17, _b, _c;
-  const { location, hideFn } = props, { worksheet, row, col, unitId, subUnitId, workbook } = location, commandService = useDependency(ICommandService), rejectInputController = useDependency(DataValidationRejectInputController), cellData = worksheet.getCell(row, col), rule = (_a17 = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _a17.rule, validator = (_b = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _b.validator, cellStr = getCellValueOrigin(worksheet.getCellRaw(row, col)), originDate = transformDate(cellStr), [localDate, setLocalDate] = useState(originDate), showTime = !!((_c = rule == null ? void 0 : rule.bizInfo) != null && _c.showTime), date = localDate && localDate.isValid() ? localDate : dayjs(), localeService = useDependency(LocaleService);
+  var _a18, _b, _c;
+  const { location, hideFn } = props, { worksheet, row, col, unitId, subUnitId, workbook } = location, commandService = useDependency(ICommandService), rejectInputController = useDependency(DataValidationRejectInputController), cellData = worksheet.getCell(row, col), rule = (_a18 = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _a18.rule, validator = (_b = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _b.validator, cellStr = getCellValueOrigin(worksheet.getCellRaw(row, col)), originDate = transformDate(cellStr), [localDate, setLocalDate] = useState(originDate), showTime = !!((_c = rule == null ? void 0 : rule.bizInfo) != null && _c.showTime), date = localDate && localDate.isValid() ? localDate : dayjs(), localeService = useDependency(LocaleService);
   if (!cellData || !rule || !validator)
     return;
   const handleSave = /* @__PURE__ */ __name(async () => {
-    var _a18, _b2, _c2;
+    var _a19, _b2, _c2;
     if (!date)
       return;
-    const dateStr = date.format(showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD 00:00:00"), serialTime = (_a18 = numfmt.parseDate(dateStr)) == null ? void 0 : _a18.v, cellStyle = workbook.getStyles().getStyleByCell(cellData), format = (_c2 = (_b2 = cellStyle == null ? void 0 : cellStyle.n) == null ? void 0 : _b2.pattern) != null ? _c2 : "", patternType = getPatternType(format);
+    const dateStr = date.format(showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD 00:00:00"), serialTime = (_a19 = numfmt.parseDate(dateStr)) == null ? void 0 : _a19.v, cellStyle = workbook.getStyles().getStyleByCell(cellData), format = (_c2 = (_b2 = cellStyle == null ? void 0 : cellStyle.n) == null ? void 0 : _b2.pattern) != null ? _c2 : "", patternType = getPatternType(format);
     rule.errorStyle !== DataValidationErrorStyle.STOP || await validator.validator({
       value: serialTime,
       unitId,
@@ -323,15 +601,15 @@ function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
   var attrs = __assign({}, node.attrs);
   extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
   var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a17) {
-    var key = _a17[0], value = _a17[1];
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a18) {
+    var key = _a18[0], value = _a18[1];
     typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
   })), attrs;
 }
 __name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
 function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a17, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a17 = node.children) === null || _a17 === void 0) && _a17.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+  var _a18, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a18 = node.children) === null || _a18 === void 0) && _a18.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
     return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
   }) }) : node;
 }
@@ -397,11 +675,11 @@ var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width:
   }));
 });
 SequenceSingle.displayName = "SequenceSingle";
-var __defProp$d = Object.defineProperty, __getOwnPropDesc$d = Object.getOwnPropertyDescriptor, __decorateClass$d = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$e = Object.defineProperty, __getOwnPropDesc$e = Object.getOwnPropertyDescriptor, __decorateClass$e = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$d(target, key, result), result;
-}, "__decorateClass$d"), __decorateParam$d = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$d"), _a2;
+  return kind && result && __defProp$e(target, key, result), result;
+}, "__decorateClass$e"), __decorateParam$e = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$e"), _a2;
 let DataValidationPanelService = (_a2 = class extends Disposable {
   constructor(_univerInstanceService, _sidebarService) {
     super();
@@ -415,7 +693,11 @@ let DataValidationPanelService = (_a2 = class extends Disposable {
       this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(filter((sheet) => !sheet)).subscribe(() => {
         this.close();
       })
-    );
+    ), this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe((info) => {
+      info.id === DATA_VALIDATION_PANEL && (info.visible || setTimeout(() => {
+        this._sidebarService.sidebarOptions$.next({ visible: !1 });
+      }));
+    }));
   }
   get activeRule() {
     return this._activeRule;
@@ -424,15 +706,15 @@ let DataValidationPanelService = (_a2 = class extends Disposable {
     return this._open$.getValue();
   }
   dispose() {
-    var _a17;
-    super.dispose(), this._open$.next(!1), this._open$.complete(), this._activeRule$.complete(), (_a17 = this._closeDisposable) == null || _a17.dispose();
+    var _a18;
+    super.dispose(), this._open$.next(!1), this._open$.complete(), this._activeRule$.complete(), (_a18 = this._closeDisposable) == null || _a18.dispose();
   }
   open() {
     this._open$.next(!0);
   }
   close() {
-    var _a17;
-    this._open$.next(!1), (_a17 = this._closeDisposable) == null || _a17.dispose();
+    var _a18;
+    this._open$.next(!1), (_a18 = this._closeDisposable) == null || _a18.dispose();
   }
   setCloseDisposable(disposable) {
     this._closeDisposable = toDisposable(() => {
@@ -443,9 +725,9 @@ let DataValidationPanelService = (_a2 = class extends Disposable {
     this._activeRule = rule, this._activeRule$.next(rule);
   }
 }, __name(_a2, "DataValidationPanelService"), _a2);
-DataValidationPanelService = __decorateClass$d([
-  __decorateParam$d(0, IUniverInstanceService),
-  __decorateParam$d(1, ISidebarService)
+DataValidationPanelService = __decorateClass$e([
+  __decorateParam$e(0, IUniverInstanceService),
+  __decorateParam$e(1, ISidebarService)
 ], DataValidationPanelService);
 function CellDropdown() {
   const dropdownManagerService = useDependency(DataValidationDropdownManagerService), activeDropdown = useObservable(dropdownManagerService.activeDropdown$, dropdownManagerService.activeDropdown), componentManager = useDependency(ComponentManager);
@@ -468,11 +750,11 @@ function CellDropdown() {
 }
 __name(CellDropdown, "CellDropdown");
 const DROP_DOWN_KEY = "sheet.ui.dropdown";
-var __defProp$c = Object.defineProperty, __getOwnPropDesc$c = Object.getOwnPropertyDescriptor, __decorateClass$c = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$d = Object.defineProperty, __getOwnPropDesc$d = Object.getOwnPropertyDescriptor, __decorateClass$d = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$c(target, key, result), result;
-}, "__decorateClass$c"), __decorateParam$c = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$c"), _a3;
+  return kind && result && __defProp$d(target, key, result), result;
+}, "__decorateClass$d"), __decorateParam$d = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$d"), _a3;
 let DataValidationDropdownManagerService = (_a3 = class extends Disposable {
   constructor(_canvasPopupManagerService, _univerInstanceService, _dataValidatorRegistryService, _zenZoneService, _renderManagerService, _dataValidationModel, _sheetsSelectionsService) {
     super();
@@ -535,8 +817,8 @@ let DataValidationDropdownManagerService = (_a3 = class extends Disposable {
     const disposableCollection = new DisposableCollection();
     disposableCollection.add(popupDisposable), disposableCollection.add({
       dispose: /* @__PURE__ */ __name(() => {
-        var _a17, _b;
-        (_b = (_a17 = this._activeDropdown) == null ? void 0 : _a17.onHide) == null || _b.call(_a17);
+        var _a18, _b;
+        (_b = (_a18 = this._activeDropdown) == null ? void 0 : _a18.onHide) == null || _b.call(_a18);
       }, "dispose")
     }), this._currentPopup = disposableCollection;
   }
@@ -572,14 +854,14 @@ let DataValidationDropdownManagerService = (_a3 = class extends Disposable {
     });
   }
 }, __name(_a3, "DataValidationDropdownManagerService"), _a3);
-DataValidationDropdownManagerService = __decorateClass$c([
-  __decorateParam$c(0, Inject(SheetCanvasPopManagerService)),
-  __decorateParam$c(1, IUniverInstanceService),
-  __decorateParam$c(2, Inject(DataValidatorRegistryService)),
-  __decorateParam$c(3, IZenZoneService),
-  __decorateParam$c(4, IRenderManagerService),
-  __decorateParam$c(5, Inject(SheetDataValidationModel)),
-  __decorateParam$c(6, Inject(SheetsSelectionsService))
+DataValidationDropdownManagerService = __decorateClass$d([
+  __decorateParam$d(0, Inject(SheetCanvasPopManagerService)),
+  __decorateParam$d(1, IUniverInstanceService),
+  __decorateParam$d(2, Inject(DataValidatorRegistryService)),
+  __decorateParam$d(3, IZenZoneService),
+  __decorateParam$d(4, IRenderManagerService),
+  __decorateParam$d(5, Inject(SheetDataValidationModel)),
+  __decorateParam$d(6, Inject(SheetsSelectionsService))
 ], DataValidationDropdownManagerService);
 const DATA_VALIDATION_PANEL = "DataValidationPanel", OpenValidationPanelOperation = {
   id: "data-validation.operation.open-validation-panel",
@@ -647,8 +929,8 @@ const DATA_VALIDATION_PANEL = "DataValidationPanel", OpenValidationPanelOperatio
   dvListDropdownSplit,
   dvListDropdownEdit
 }, SelectList = /* @__PURE__ */ __name((props) => {
-  var _a17, _b;
-  const { value, onChange, multiple, options, title, onEdit, style, filter: filter2, location } = props, localeService = useDependency(LocaleService), configService = useDependency(IConfigService), lowerFilter = filter2 == null ? void 0 : filter2.toLowerCase(), { row, col, unitId, subUnitId } = location, filteredOptions = options.filter((item) => lowerFilter ? item.label.toLowerCase().includes(lowerFilter) : !0), showEditOnDropdown = (_b = (_a17 = configService.getConfig(PLUGIN_CONFIG_KEY)) == null ? void 0 : _a17.showEditOnDropdown) != null ? _b : !0, sheetPermissionInterceptorBaseController = useDependency(SheetPermissionInterceptorBaseController), hasPermission = useMemo(() => sheetPermissionInterceptorBaseController.permissionCheckWithRanges(
+  var _a18, _b;
+  const { value, onChange, multiple, options, title, onEdit, style, filter: filter2, location } = props, localeService = useDependency(LocaleService), configService = useDependency(IConfigService), lowerFilter = filter2 == null ? void 0 : filter2.toLowerCase(), { row, col, unitId, subUnitId } = location, filteredOptions = options.filter((item) => lowerFilter ? item.label.toLowerCase().includes(lowerFilter) : !0), showEditOnDropdown = (_b = (_a18 = configService.getConfig(PLUGIN_CONFIG_KEY)) == null ? void 0 : _a18.showEditOnDropdown) != null ? _b : !0, sheetPermissionInterceptorBaseController = useDependency(SheetPermissionInterceptorBaseController), hasPermission = useMemo(() => sheetPermissionInterceptorBaseController.permissionCheckWithRanges(
     {
       workbookTypes: [WorkbookEditablePermission],
       rangeTypes: [RangeProtectionPermissionEditPoint],
@@ -685,18 +967,18 @@ const DATA_VALIDATION_PANEL = "DataValidationPanel", OpenValidationPanelOperatio
   ] });
 }, "SelectList");
 function ListDropDown(props) {
-  var _a17, _b;
+  var _a18, _b;
   const { location, hideFn } = props, { worksheet, row, col, unitId, subUnitId } = location, dataValidationModel = useDependency(DataValidationModel), [editingText, setEditingText] = useState(""), commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), [localValue, setLocalValue] = useState(""), editorBridgeService = useDependency(IEditorBridgeService), instanceService = useDependency(IUniverInstanceService), ruleChange$ = useMemo(() => dataValidationModel.ruleChange$.pipe(debounceTime(16)), []);
   useObservable(ruleChange$);
   const anchorRect = RectPopup.useContext(), cellWidth = anchorRect.right - anchorRect.left;
   if (useEffect(() => {
     const dispose = commandService.onCommandExecuted((command) => {
-      var _a18, _b2;
+      var _a19, _b2;
       if (command.id === RichTextEditingMutation.id) {
         const params = command.params, { unitId: unitId2 } = params, unit = instanceService.getUnit(unitId2, UniverInstanceType.UNIVER_DOC);
         if (!unit)
           return;
-        const text = BuildTextUtils.transform.getPlainText((_b2 = (_a18 = unit.getSnapshot().body) == null ? void 0 : _a18.dataStream) != null ? _b2 : "");
+        const text = BuildTextUtils.transform.getPlainText((_b2 = (_a19 = unit.getSnapshot().body) == null ? void 0 : _a19.dataStream) != null ? _b2 : "");
         setEditingText(text);
       }
     });
@@ -705,7 +987,7 @@ function ListDropDown(props) {
     };
   }, [commandService, instanceService]), !worksheet)
     return null;
-  const cellData = worksheet.getCell(row, col), rule = (_a17 = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _a17.rule, validator = (_b = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _b.validator, showColor = (rule == null ? void 0 : rule.renderMode) === DataValidationRenderMode.CUSTOM || (rule == null ? void 0 : rule.renderMode) === void 0;
+  const cellData = worksheet.getCell(row, col), rule = (_a18 = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _a18.rule, validator = (_b = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _b.validator, showColor = (rule == null ? void 0 : rule.renderMode) === DataValidationRenderMode.CUSTOM || (rule == null ? void 0 : rule.renderMode) === void 0;
   if (!cellData || !rule || !validator || validator.id.indexOf(DataValidationType.LIST) !== 0)
     return;
   const multiple = rule.type === DataValidationType.LIST_MULTIPLE, list = validator.getListWithColor(rule, unitId, subUnitId), cellStr = localValue || getDataValidationCellValue(worksheet.getCellRaw(row, col)), value = deserializeListOptions(cellStr), handleEdit = /* @__PURE__ */ __name(() => {
@@ -761,7 +1043,7 @@ const dataValidationOptionsButton = "univer-data-validation-options-button", dat
   dataValidationOptionsButtonIcon
 };
 function DataValidationOptions(props) {
-  var _a17;
+  var _a18;
   const localeService = useDependency(LocaleService), componentManager = useDependency(ComponentManager), { value, onChange, extraComponent } = props, [show, setShow] = useState(!1), ExtraOptions = extraComponent ? componentManager.get(extraComponent) : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.dataValidationOptionsButton, onClick: /* @__PURE__ */ __name(() => setShow(!show), "onClick"), children: [
@@ -777,7 +1059,7 @@ function DataValidationOptions(props) {
           children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
             RadioGroup,
             {
-              value: `${(_a17 = value.errorStyle) != null ? _a17 : DataValidationErrorStyle.WARNING}`,
+              value: `${(_a18 = value.errorStyle) != null ? _a18 : DataValidationErrorStyle.WARNING}`,
               onChange: /* @__PURE__ */ __name((errorStyle) => onChange({ ...value, errorStyle: +errorStyle }), "onChange"),
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationErrorStyle.WARNING}`, children: localeService.t("dataValidation.panel.showWarning") }),
@@ -821,8 +1103,13 @@ const dataValidationDetail = "univer-data-validation-detail", dataValidationDeta
   },
   1e3
 ), "debounceExecuteFactory");
+function getSheetIdByName(univerInstanceService, unitId, name) {
+  var _a18, _b, _c, _d;
+  return unitId ? ((_b = (_a18 = univerInstanceService.getUnit(unitId)) == null ? void 0 : _a18.getSheetBySheetName(name)) == null ? void 0 : _b.getSheetId()) || "" : ((_d = (_c = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _c.getSheetBySheetName(name)) == null ? void 0 : _d.getSheetId()) || "";
+}
+__name(getSheetIdByName, "getSheetIdByName");
 function DataValidationDetail() {
-  const [key, setKey] = useState(0), dataValidationPanelService = useDependency(DataValidationPanelService), activeRuleInfo = useObservable(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule), { unitId, subUnitId, rule } = activeRuleInfo || {}, ruleId = rule.uid, validatorService = useDependency(DataValidatorRegistryService), componentManager = useDependency(ComponentManager), commandService = useDependency(ICommandService), dataValidationModel = useDependency(DataValidationModel), localeService = useDependency(LocaleService), [localRule, setLocalRule] = useState(rule), validator = validatorService.getValidatorItem(localRule.type), [showError, setShowError] = useState(!1), validators = validatorService.getValidatorsByScope(DataValidatorRegistryScope.SHEET), [localRanges, setLocalRanges] = useState(() => localRule.ranges.map((i) => ({ unitId: "", sheetId: "", range: i }))), debounceExecute = useMemo(() => debounceExecuteFactory(commandService), [commandService]), sheetSelectionService = useDependency(SheetsSelectionsService);
+  const [key, setKey] = useState(0), dataValidationPanelService = useDependency(DataValidationPanelService), activeRuleInfo = useObservable(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule), { unitId, subUnitId, rule } = activeRuleInfo || {}, ruleId = rule.uid, validatorService = useDependency(DataValidatorRegistryService), univerInstanceService = useDependency(IUniverInstanceService), componentManager = useDependency(ComponentManager), commandService = useDependency(ICommandService), dataValidationModel = useDependency(DataValidationModel), localeService = useDependency(LocaleService), [localRule, setLocalRule] = useState(rule), validator = validatorService.getValidatorItem(localRule.type), [showError, setShowError] = useState(!1), validators = validatorService.getValidatorsByScope(DataValidatorRegistryScope.SHEET), [localRanges, setLocalRanges] = useState(() => localRule.ranges.map((i) => ({ unitId: "", sheetId: "", range: i }))), debounceExecute = useMemo(() => debounceExecuteFactory(commandService), [commandService]), rangeSelectorActionsRef = useRef({}), [isFocusRangeSelector, isFocusRangeSelectorSet] = useState(!1), sheetSelectionService = useDependency(SheetsSelectionsService);
   if (useEffect(() => () => {
     const currentSelection = sheetSelectionService.getCurrentLastSelection();
     currentSelection && sheetSelectionService.setSelections([currentSelection]);
@@ -837,7 +1124,18 @@ function DataValidationDetail() {
     return null;
   const operators = validator.operators, operatorNames = validator.operatorNames, isTwoFormula = localRule.operator ? TWO_FORMULA_OPERATOR_COUNT.includes(localRule.operator) : !1, handleOk = /* @__PURE__ */ __name(() => {
     localRule.ranges.length && (validator.validatorFormula(localRule, unitId, subUnitId).success ? dataValidationPanelService.setActiveRule(null) : setShowError(!0));
-  }, "handleOk"), handleUpdateRuleRanges = useEvent((unitRanges) => {
+  }, "handleOk"), handleUpdateRuleRanges = useEvent((rangeText) => {
+    const unitRanges = rangeText.split(",").map(deserializeRangeWithSheet).map((unitRange) => {
+      const sheetName = unitRange.sheetName;
+      if (sheetName) {
+        const sheetId = getSheetIdByName(univerInstanceService, unitRange.unitId, sheetName);
+        return { ...unitRange, sheetId };
+      }
+      return {
+        ...unitRange,
+        sheetId: ""
+      };
+    });
     if (isUnitRangesEqual(unitRanges, localRanges))
       return;
     setLocalRanges(unitRanges);
@@ -917,8 +1215,12 @@ function DataValidationDetail() {
         options: newOptions
       }
     ));
-  }, "handleUpdateRuleOptions");
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$3.dataValidationDetail, children: [
+  }, "handleUpdateRuleOptions"), handlePanelClick = /* @__PURE__ */ __name((e) => {
+    var _a18;
+    const handleOutClick = (_a18 = rangeSelectorActionsRef.current) == null ? void 0 : _a18.handleOutClick;
+    handleOutClick && handleOutClick(e, isFocusRangeSelectorSet);
+  }, "handlePanelClick");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$3.dataValidationDetail, onClick: handlePanelClick, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       FormLayout,
       {
@@ -927,16 +1229,13 @@ function DataValidationDetail() {
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           RangeSelector,
           {
-            className: styles$3.dataValidationDetailFormItem,
-            value: rangeStr,
-            id: createInternalEditorID("data-validation-detail"),
-            openForSheetUnitId: unitId,
-            openForSheetSubUnitId: subUnitId,
-            onChange: /* @__PURE__ */ __name((newRange) => {
-              newRange.some((i) => !isValidRange(i.range) || i.range.endColumn < i.range.startColumn || i.range.endRow < i.range.startRow) || handleUpdateRuleRanges(newRange);
-            }, "onChange")
-          },
-          key
+            unitId,
+            subUnitId,
+            initValue: rangeStr,
+            onChange: handleUpdateRuleRanges,
+            isFocus: isFocusRangeSelector,
+            actions: rangeSelectorActionsRef.current
+          }
         )
       }
     ),
@@ -1013,8 +1312,8 @@ const dataValidationItemContainer = "univer-data-validation-item-container", dat
     }), e.stopPropagation();
   }, "handleDelete");
   return useEffect(() => () => {
-    var _a17;
-    ids.current && ((_a17 = ids.current) == null || _a17.forEach((id) => {
+    var _a18;
+    ids.current && ((_a18 = ids.current) == null || _a18.forEach((id) => {
       id && markSelectionService.removeShape(id);
     }));
   }, [markSelectionService]), /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -1045,8 +1344,8 @@ const dataValidationItemContainer = "univer-data-validation-item-container", dat
         })));
       }, "onMouseEnter"),
       onMouseLeave: /* @__PURE__ */ __name(() => {
-        var _a17;
-        setIsHover(!1), (_a17 = ids.current) == null || _a17.forEach((id) => {
+        var _a18;
+        setIsHover(!1), (_a18 = ids.current) == null || _a18.forEach((id) => {
           id && markSelectionService.removeShape(id);
         }), ids.current = void 0;
       }, "onMouseLeave"),
@@ -1105,7 +1404,7 @@ function DataValidationListWithWorkbook(props) {
   }, "getDvRulesByPermissionCorrect"))(rules), hasDisableRule = rulesByPermissionCheck == null ? void 0 : rulesByPermissionCheck.some((rule) => rule.disable);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.dataValidationList, children: [
     rulesByPermissionCheck == null ? void 0 : rulesByPermissionCheck.map((rule) => {
-      var _a17;
+      var _a18;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         DataValidationItem,
         {
@@ -1119,7 +1418,7 @@ function DataValidationListWithWorkbook(props) {
             });
           }, "onClick"),
           rule,
-          disable: (_a17 = rule.disable) != null ? _a17 : !1
+          disable: (_a18 = rule.disable) != null ? _a18 : !1
         },
         rule.uid
       );
@@ -1137,7 +1436,7 @@ const DataValidationPanel = /* @__PURE__ */ __name(() => {
 }, "DataValidationPanel"), LIST_DROPDOWN_KEY = "data-validation.list.dropdown", DATE_DROPDOWN_KEY = "data-validation.date.dropdown", AddSheetDataValidationAndOpenCommand = {
   type: CommandType.COMMAND,
   id: "data-validation.command.addRuleAndOpen",
-  async handler(accessor) {
+  handler(accessor) {
     const univerInstanceService = accessor.get(IUniverInstanceService), target = getSheetCommandTarget(univerInstanceService);
     if (!target) return !1;
     const { workbook, worksheet } = target, rule = createDefaultNewRule(accessor), commandService = accessor.get(ICommandService), unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), addParams = {
@@ -1145,17 +1444,17 @@ const DataValidationPanel = /* @__PURE__ */ __name(() => {
       unitId,
       subUnitId
     };
-    return await commandService.executeCommand(AddSheetDataValidationCommand.id, addParams) ? (commandService.executeCommand(OpenValidationPanelOperation.id, {
+    return commandService.syncExecuteCommand(AddSheetDataValidationCommand.id, addParams) ? (commandService.syncExecuteCommand(OpenValidationPanelOperation.id, {
       ruleId: rule.uid,
       isAdd: !0
     }), !0) : !1;
   }
 };
-var __defProp$b = Object.defineProperty, __getOwnPropDesc$b = Object.getOwnPropertyDescriptor, __decorateClass$b = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$c = Object.defineProperty, __getOwnPropDesc$c = Object.getOwnPropertyDescriptor, __decorateClass$c = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$b(target, key, result), result;
-}, "__decorateClass$b"), __decorateParam$b = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$b");
+  return kind && result && __defProp$c(target, key, result), result;
+}, "__decorateClass$c"), __decorateParam$c = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$c");
 const ALERT_KEY = "SHEET_DATA_VALIDATION_ALERT";
 var _a4;
 let DataValidationAlertController = (_a4 = class extends Disposable {
@@ -1167,12 +1466,12 @@ let DataValidationAlertController = (_a4 = class extends Disposable {
   }
   _initCellAlertPopup() {
     this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(debounceTime(100)).subscribe((cellPos) => {
-      var _a17, _b;
+      var _a18, _b;
       if (cellPos) {
         const worksheet = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet();
         if (!worksheet) return;
         const cellData = worksheet.getCell(cellPos.location.row, cellPos.location.col);
-        if (((_a17 = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _a17.validStatus) === DataValidationStatus.INVALID) {
+        if (((_a18 = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _a18.validStatus) === DataValidationStatus.INVALID) {
           const currentAlert = this._cellAlertManagerService.currentAlert.get(ALERT_KEY), currentLoc = (_b = currentAlert == null ? void 0 : currentAlert.alert) == null ? void 0 : _b.location;
           if (currentLoc && currentLoc.row === cellPos.location.row && currentLoc.col === cellPos.location.col && currentLoc.subUnitId === cellPos.location.subUnitId && currentLoc.unitId === cellPos.location.unitId)
             return;
@@ -1200,18 +1499,18 @@ let DataValidationAlertController = (_a4 = class extends Disposable {
     }));
   }
 }, __name(_a4, "DataValidationAlertController"), _a4);
-DataValidationAlertController = __decorateClass$b([
-  __decorateParam$b(0, Inject(HoverManagerService)),
-  __decorateParam$b(1, Inject(CellAlertManagerService)),
-  __decorateParam$b(2, IUniverInstanceService),
-  __decorateParam$b(3, Inject(LocaleService)),
-  __decorateParam$b(4, IZenZoneService)
+DataValidationAlertController = __decorateClass$c([
+  __decorateParam$c(0, Inject(HoverManagerService)),
+  __decorateParam$c(1, Inject(CellAlertManagerService)),
+  __decorateParam$c(2, IUniverInstanceService),
+  __decorateParam$c(3, Inject(LocaleService)),
+  __decorateParam$c(4, IZenZoneService)
 ], DataValidationAlertController);
-var __defProp$a = Object.defineProperty, __getOwnPropDesc$a = Object.getOwnPropertyDescriptor, __decorateClass$a = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$b = Object.defineProperty, __getOwnPropDesc$b = Object.getOwnPropertyDescriptor, __decorateClass$b = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$a(target, key, result), result;
-}, "__decorateClass$a"), __decorateParam$a = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$a"), _a5;
+  return kind && result && __defProp$b(target, key, result), result;
+}, "__decorateClass$b"), __decorateParam$b = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$b"), _a5;
 let DataValidationAutoFillController = (_a5 = class extends Disposable {
   constructor(_autoFillService, _dataValidationModel, _injector) {
     super(), this._autoFillService = _autoFillService, this._dataValidationModel = _dataValidationModel, this._injector = _injector, this._initAutoFill();
@@ -1288,16 +1587,16 @@ let DataValidationAutoFillController = (_a5 = class extends Disposable {
     this.disposeWithMe(this._autoFillService.addHook(hook));
   }
 }, __name(_a5, "DataValidationAutoFillController"), _a5);
-DataValidationAutoFillController = __decorateClass$a([
-  __decorateParam$a(0, IAutoFillService),
-  __decorateParam$a(1, Inject(SheetDataValidationModel)),
-  __decorateParam$a(2, Inject(Injector))
+DataValidationAutoFillController = __decorateClass$b([
+  __decorateParam$b(0, IAutoFillService),
+  __decorateParam$b(1, Inject(SheetDataValidationModel)),
+  __decorateParam$b(2, Inject(Injector))
 ], DataValidationAutoFillController);
-var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$a = Object.defineProperty, __getOwnPropDesc$a = Object.getOwnPropertyDescriptor, __decorateClass$a = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$9(target, key, result), result;
-}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$9"), _a6;
+  return kind && result && __defProp$a(target, key, result), result;
+}, "__decorateClass$a"), __decorateParam$a = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$a"), _a6;
 let DataValidationCopyPasteController = (_a6 = class extends Disposable {
   constructor(_sheetClipboardService, _sheetDataValidationModel, _injector) {
     super();
@@ -1353,8 +1652,8 @@ let DataValidationCopyPasteController = (_a6 = class extends Disposable {
     if (copyInfo.unitId !== unitId || subUnitId !== copyInfo.subUnitId) {
       const ruleMatrix = this._sheetDataValidationModel.getRuleObjectMatrix(copyInfo.unitId, copyInfo.subUnitId).clone(), additionMatrix = new ObjectMatrix(), addRules = /* @__PURE__ */ new Set(), { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyInfo.copyRange, pastedRange]), repeatRange = getRepeatRange(vCopyRange, vPastedRange, !0), additionRules = /* @__PURE__ */ new Map();
       repeatRange.forEach(({ startRange }) => {
-        var _a17;
-        (_a17 = this._copyInfo) == null || _a17.matrix.forValue((row, col, ruleId) => {
+        var _a18;
+        (_a18 = this._copyInfo) == null || _a18.matrix.forValue((row, col, ruleId) => {
           const range = Rectangle.getPositionRange(
             {
               startRow: row,
@@ -1385,8 +1684,8 @@ let DataValidationCopyPasteController = (_a6 = class extends Disposable {
     } else {
       const ruleMatrix = this._sheetDataValidationModel.getRuleObjectMatrix(unitId, subUnitId).clone(), additionMatrix = new ObjectMatrix(), additionRules = /* @__PURE__ */ new Set(), { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyInfo.copyRange, pastedRange]);
       getRepeatRange(vCopyRange, vPastedRange, !0).forEach(({ startRange }) => {
-        var _a17;
-        (_a17 = this._copyInfo) == null || _a17.matrix.forValue((row, col, ruleId) => {
+        var _a18;
+        (_a18 = this._copyInfo) == null || _a18.matrix.forValue((row, col, ruleId) => {
           const range = Rectangle.getPositionRange(
             {
               startRow: row,
@@ -1415,16 +1714,16 @@ let DataValidationCopyPasteController = (_a6 = class extends Disposable {
     }
   }
 }, __name(_a6, "DataValidationCopyPasteController"), _a6);
-DataValidationCopyPasteController = __decorateClass$9([
-  __decorateParam$9(0, ISheetClipboardService),
-  __decorateParam$9(1, Inject(SheetDataValidationModel)),
-  __decorateParam$9(2, Inject(Injector))
+DataValidationCopyPasteController = __decorateClass$a([
+  __decorateParam$a(0, ISheetClipboardService),
+  __decorateParam$a(1, Inject(SheetDataValidationModel)),
+  __decorateParam$a(2, Inject(Injector))
 ], DataValidationCopyPasteController);
-var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$8(target, key, result), result;
-}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8"), _a7;
+  return kind && result && __defProp$9(target, key, result), result;
+}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$9"), _a7;
 let DataValidationPermissionController = (_a7 = class extends Disposable {
   constructor(_localeService, _commandService, _sheetPermissionInterceptorBaseController) {
     super(), this._localeService = _localeService, this._commandService = _commandService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._commandExecutedListener();
@@ -1445,10 +1744,10 @@ let DataValidationPermissionController = (_a7 = class extends Disposable {
     );
   }
 }, __name(_a7, "DataValidationPermissionController"), _a7);
-DataValidationPermissionController = __decorateClass$8([
-  __decorateParam$8(0, Inject(LocaleService)),
-  __decorateParam$8(1, ICommandService),
-  __decorateParam$8(2, Inject(SheetPermissionInterceptorBaseController))
+DataValidationPermissionController = __decorateClass$9([
+  __decorateParam$9(0, Inject(LocaleService)),
+  __decorateParam$9(1, ICommandService),
+  __decorateParam$9(2, Inject(SheetPermissionInterceptorBaseController))
 ], DataValidationPermissionController);
 const DataValidationIcon = "data-validation-single", DATA_VALIDATION_MENU_ID = "sheet.menu.data-validation";
 function dataValidationMenuFactory(accessor) {
@@ -1494,11 +1793,11 @@ const menuSchema = {
     }
   }
 };
-var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$7(target, key, result), result;
-}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7");
+  return kind && result && __defProp$8(target, key, result), result;
+}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8");
 const INVALID_MARK = {
   tr: {
     size: 6,
@@ -1507,17 +1806,17 @@ const INVALID_MARK = {
 };
 var _a8;
 let SheetsDataValidationRenderController = (_a8 = class extends RxDisposable {
-  constructor(_commandService, _menuManagerService, _renderManagerService, _univerInstanceService, _autoHeightController, _dropdownManagerService, _sheetDataValidationModel, _dataValidatorRegistryService, _sheetInterceptorService, _editorBridgeService) {
-    super(), this._commandService = _commandService, this._menuManagerService = _menuManagerService, this._renderManagerService = _renderManagerService, this._univerInstanceService = _univerInstanceService, this._autoHeightController = _autoHeightController, this._dropdownManagerService = _dropdownManagerService, this._sheetDataValidationModel = _sheetDataValidationModel, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._sheetInterceptorService = _sheetInterceptorService, this._editorBridgeService = _editorBridgeService, this._initMenu(), this._initDropdown(), this._initViewModelIntercept(), this._initAutoHeight();
+  constructor(_commandService, _menuManagerService, _renderManagerService, _univerInstanceService, _autoHeightController, _dropdownManagerService, _sheetDataValidationModel, _dataValidatorRegistryService, _sheetInterceptorService, _dataValidationCacheService, _editorBridgeService) {
+    super(), this._commandService = _commandService, this._menuManagerService = _menuManagerService, this._renderManagerService = _renderManagerService, this._univerInstanceService = _univerInstanceService, this._autoHeightController = _autoHeightController, this._dropdownManagerService = _dropdownManagerService, this._sheetDataValidationModel = _sheetDataValidationModel, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._sheetInterceptorService = _sheetInterceptorService, this._dataValidationCacheService = _dataValidationCacheService, this._editorBridgeService = _editorBridgeService, this._initMenu(), this._initDropdown(), this._initViewModelIntercept(), this._initAutoHeight();
   }
   _initMenu() {
     this._menuManagerService.mergeMenu(menuSchema);
   }
   _initDropdown() {
     this._editorBridgeService && this.disposeWithMe(this._editorBridgeService.visible$.subscribe((visible) => {
-      var _a17;
+      var _a18;
       if (!visible.visible) {
-        ((_a17 = this._dropdownManagerService.activeDropdown) == null ? void 0 : _a17.trigger) === "editor-bridge" && this._dropdownManagerService.hideDropdown();
+        ((_a18 = this._dropdownManagerService.activeDropdown) == null ? void 0 : _a18.trigger) === "editor-bridge" && this._dropdownManagerService.hideDropdown();
         return;
       }
       const state = this._editorBridgeService.getEditCellState();
@@ -1567,24 +1866,24 @@ let SheetsDataValidationRenderController = (_a8 = class extends RxDisposable {
           priority: InterceptCellContentPriority.DATA_VALIDATION,
           // eslint-disable-next-line max-lines-per-function, complexity
           handler: /* @__PURE__ */ __name((cell, pos, next) => {
-            var _a17, _b, _c, _d;
+            var _a18, _b, _c, _d, _e, _f;
             const { row, col, unitId, subUnitId, workbook, worksheet } = pos, ruleId = this._sheetDataValidationModel.getRuleIdByLocation(unitId, subUnitId, row, col);
             if (!ruleId)
               return next(cell);
             const rule = this._sheetDataValidationModel.getRuleById(unitId, subUnitId, ruleId);
             if (!rule)
               return next(cell);
-            const validStatus = this._sheetDataValidationModel.validator(cell, rule, pos), validator = this._dataValidatorRegistryService.getValidatorItem(rule.type), cellOrigin = pos.rawData;
+            const validStatus = (_b = (_a18 = this._dataValidationCacheService.getValue(unitId, subUnitId, row, col)) == null ? void 0 : _a18.status) != null ? _b : DataValidationStatus.VALID, validator = this._dataValidatorRegistryService.getValidatorItem(rule.type), cellOrigin = pos.rawData;
             let cache;
             const cellValue = {
               get value() {
-                var _a18;
-                return cache !== void 0 || (cache = (_a18 = getCellValueOrigin(cellOrigin)) != null ? _a18 : null), cache;
+                var _a19;
+                return cache !== void 0 || (cache = (_a19 = getCellValueOrigin(cellOrigin)) != null ? _a19 : null), cache;
               }
             }, valueStr = {
               get value() {
-                var _a18;
-                return `${(_a18 = cellValue.value) != null ? _a18 : ""}`;
+                var _a19;
+                return `${(_a19 = cellValue.value) != null ? _a19 : ""}`;
               }
             };
             return next({
@@ -1600,12 +1899,12 @@ let SheetsDataValidationRenderController = (_a8 = class extends RxDisposable {
                 ...validStatus === DataValidationStatus.INVALID ? INVALID_MARK : null
               },
               customRender: [
-                ...(_a17 = cell == null ? void 0 : cell.customRender) != null ? _a17 : [],
+                ...(_c = cell == null ? void 0 : cell.customRender) != null ? _c : [],
                 ...validator != null && validator.canvasRender ? [validator.canvasRender] : []
               ],
               fontRenderExtension: {
                 ...cell == null ? void 0 : cell.fontRenderExtension,
-                isSkip: ((_b = cell == null ? void 0 : cell.fontRenderExtension) == null ? void 0 : _b.isSkip) || ((_c = validator == null ? void 0 : validator.skipDefaultFontRender) == null ? void 0 : _c.call(validator, rule, cellValue.value, pos))
+                isSkip: ((_d = cell == null ? void 0 : cell.fontRenderExtension) == null ? void 0 : _d.isSkip) || ((_e = validator == null ? void 0 : validator.skipDefaultFontRender) == null ? void 0 : _e.call(validator, rule, cellValue.value, pos))
               },
               interceptorStyle: {
                 ...cell == null ? void 0 : cell.interceptorStyle,
@@ -1617,8 +1916,8 @@ let SheetsDataValidationRenderController = (_a8 = class extends RxDisposable {
                 })
               },
               interceptorAutoHeight: /* @__PURE__ */ __name(() => {
-                var _a18, _b2, _c2, _d2, _e, _f;
-                const skeleton = (_b2 = (_a18 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a18.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId)) == null ? void 0 : _b2.skeleton;
+                var _a19, _b2, _c2, _d2, _e2, _f2;
+                const skeleton = (_b2 = (_a19 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a19.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId)) == null ? void 0 : _b2.skeleton;
                 if (!skeleton)
                   return;
                 const mergeCell = skeleton.worksheet.getMergedCell(row, col), info = {
@@ -1640,9 +1939,9 @@ let SheetsDataValidationRenderController = (_a8 = class extends RxDisposable {
                   workbook,
                   worksheet
                 };
-                return (_f = (_e = validator == null ? void 0 : validator.canvasRender) == null ? void 0 : _e.calcCellAutoHeight) == null ? void 0 : _f.call(_e, info);
+                return (_f2 = (_e2 = validator == null ? void 0 : validator.canvasRender) == null ? void 0 : _e2.calcCellAutoHeight) == null ? void 0 : _f2.call(_e2, info);
               }, "interceptorAutoHeight"),
-              coverable: ((_d = cell == null ? void 0 : cell.coverable) != null ? _d : !0) && !(rule.type === DataValidationType.LIST || rule.type === DataValidationType.LIST_MULTIPLE)
+              coverable: ((_f = cell == null ? void 0 : cell.coverable) != null ? _f : !0) && !(rule.type === DataValidationType.LIST || rule.type === DataValidationType.LIST_MULTIPLE)
             });
           }, "handler")
         }
@@ -1658,8 +1957,8 @@ let SheetsDataValidationRenderController = (_a8 = class extends RxDisposable {
     ).subscribe((infos) => {
       const ranges = [];
       if (infos.forEach((info) => {
-        var _a17;
-        (_a17 = info.rule) != null && _a17.ranges && ranges.push(...info.rule.ranges);
+        var _a18;
+        (_a18 = info.rule) != null && _a18.ranges && ranges.push(...info.rule.ranges);
       }), ranges.length) {
         const mutations = this._autoHeightController.getUndoRedoParamsOfAutoHeight(ranges);
         sequenceExecute(mutations.redos, this._commandService);
@@ -1667,22 +1966,23 @@ let SheetsDataValidationRenderController = (_a8 = class extends RxDisposable {
     });
   }
 }, __name(_a8, "SheetsDataValidationRenderController"), _a8);
-SheetsDataValidationRenderController = __decorateClass$7([
-  __decorateParam$7(0, ICommandService),
-  __decorateParam$7(1, IMenuManagerService),
-  __decorateParam$7(2, IRenderManagerService),
-  __decorateParam$7(3, IUniverInstanceService),
-  __decorateParam$7(4, Inject(AutoHeightController)),
-  __decorateParam$7(5, Inject(DataValidationDropdownManagerService)),
-  __decorateParam$7(6, Inject(SheetDataValidationModel)),
-  __decorateParam$7(7, Inject(DataValidatorRegistryService)),
-  __decorateParam$7(8, Inject(SheetInterceptorService)),
-  __decorateParam$7(9, Optional(IEditorBridgeService))
+SheetsDataValidationRenderController = __decorateClass$8([
+  __decorateParam$8(0, ICommandService),
+  __decorateParam$8(1, IMenuManagerService),
+  __decorateParam$8(2, IRenderManagerService),
+  __decorateParam$8(3, IUniverInstanceService),
+  __decorateParam$8(4, Inject(AutoHeightController)),
+  __decorateParam$8(5, Inject(DataValidationDropdownManagerService)),
+  __decorateParam$8(6, Inject(SheetDataValidationModel)),
+  __decorateParam$8(7, Inject(DataValidatorRegistryService)),
+  __decorateParam$8(8, Inject(SheetInterceptorService)),
+  __decorateParam$8(9, Inject(DataValidationCacheService)),
+  __decorateParam$8(10, Optional(IEditorBridgeService))
 ], SheetsDataValidationRenderController);
 var _a9;
 let SheetsDataValidationMobileRenderController = (_a9 = class extends RxDisposable {
-  constructor(_commandService, _renderManagerService, _autoHeightController, _dataValidatorRegistryService, _sheetInterceptorService, _sheetDataValidationModel) {
-    super(), this._commandService = _commandService, this._renderManagerService = _renderManagerService, this._autoHeightController = _autoHeightController, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._sheetInterceptorService = _sheetInterceptorService, this._sheetDataValidationModel = _sheetDataValidationModel, this._initViewModelIntercept(), this._initAutoHeight();
+  constructor(_commandService, _renderManagerService, _autoHeightController, _dataValidatorRegistryService, _sheetInterceptorService, _sheetDataValidationModel, _dataValidationCacheService) {
+    super(), this._commandService = _commandService, this._renderManagerService = _renderManagerService, this._autoHeightController = _autoHeightController, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._sheetInterceptorService = _sheetInterceptorService, this._sheetDataValidationModel = _sheetDataValidationModel, this._dataValidationCacheService = _dataValidationCacheService, this._initViewModelIntercept(), this._initAutoHeight();
   }
   // eslint-disable-next-line max-lines-per-function
   _initViewModelIntercept() {
@@ -1695,14 +1995,14 @@ let SheetsDataValidationMobileRenderController = (_a9 = class extends RxDisposab
           priority: InterceptCellContentPriority.DATA_VALIDATION,
           // eslint-disable-next-line complexity
           handler: /* @__PURE__ */ __name((cell, pos, next) => {
-            var _a17, _b, _c, _d;
+            var _a18, _b, _c, _d, _e, _f;
             const { row, col, unitId, subUnitId, workbook, worksheet } = pos, ruleId = this._sheetDataValidationModel.getRuleIdByLocation(unitId, subUnitId, row, col);
             if (!ruleId)
               return next(cell);
             const rule = this._sheetDataValidationModel.getRuleById(unitId, subUnitId, ruleId);
             if (!rule)
               return next(cell);
-            const validStatus = this._sheetDataValidationModel.validator(cell, rule, pos), validator = this._dataValidatorRegistryService.getValidatorItem(rule.type), cellOrigin = worksheet.getCellRaw(row, col), cellValue = getCellValueOrigin(cellOrigin), valueStr = `${cellValue != null ? cellValue : ""}`;
+            const validStatus = (_b = (_a18 = this._dataValidationCacheService.getValue(unitId, subUnitId, row, col)) == null ? void 0 : _a18.status) != null ? _b : DataValidationStatus.VALID, validator = this._dataValidatorRegistryService.getValidatorItem(rule.type), cellOrigin = worksheet.getCellRaw(row, col), cellValue = getCellValueOrigin(cellOrigin), valueStr = `${cellValue != null ? cellValue : ""}`;
             return next({
               ...cell,
               dataValidation: {
@@ -1716,12 +2016,12 @@ let SheetsDataValidationMobileRenderController = (_a9 = class extends RxDisposab
                 ...validStatus === DataValidationStatus.INVALID ? INVALID_MARK : null
               },
               customRender: [
-                ...(_a17 = cell == null ? void 0 : cell.customRender) != null ? _a17 : [],
+                ...(_c = cell == null ? void 0 : cell.customRender) != null ? _c : [],
                 ...validator != null && validator.canvasRender ? [validator.canvasRender] : []
               ],
               fontRenderExtension: {
                 ...cell == null ? void 0 : cell.fontRenderExtension,
-                isSkip: ((_b = cell == null ? void 0 : cell.fontRenderExtension) == null ? void 0 : _b.isSkip) || ((_c = validator == null ? void 0 : validator.skipDefaultFontRender) == null ? void 0 : _c.call(validator, rule, cellValue, pos))
+                isSkip: ((_d = cell == null ? void 0 : cell.fontRenderExtension) == null ? void 0 : _d.isSkip) || ((_e = validator == null ? void 0 : validator.skipDefaultFontRender) == null ? void 0 : _e.call(validator, rule, cellValue, pos))
               },
               interceptorStyle: {
                 ...cell == null ? void 0 : cell.interceptorStyle,
@@ -1733,8 +2033,8 @@ let SheetsDataValidationMobileRenderController = (_a9 = class extends RxDisposab
                 })
               },
               interceptorAutoHeight: /* @__PURE__ */ __name(() => {
-                var _a18, _b2, _c2, _d2, _e, _f;
-                const skeleton = (_b2 = (_a18 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a18.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId)) == null ? void 0 : _b2.skeleton;
+                var _a19, _b2, _c2, _d2, _e2, _f2;
+                const skeleton = (_b2 = (_a19 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a19.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId)) == null ? void 0 : _b2.skeleton;
                 if (!skeleton)
                   return;
                 const mergeCell = skeleton.worksheet.getMergedCell(row, col), info = {
@@ -1756,9 +2056,9 @@ let SheetsDataValidationMobileRenderController = (_a9 = class extends RxDisposab
                   workbook,
                   worksheet
                 };
-                return (_f = (_e = validator == null ? void 0 : validator.canvasRender) == null ? void 0 : _e.calcCellAutoHeight) == null ? void 0 : _f.call(_e, info);
+                return (_f2 = (_e2 = validator == null ? void 0 : validator.canvasRender) == null ? void 0 : _e2.calcCellAutoHeight) == null ? void 0 : _f2.call(_e2, info);
               }, "interceptorAutoHeight"),
-              coverable: ((_d = cell == null ? void 0 : cell.coverable) != null ? _d : !0) && !(rule.type === DataValidationType.LIST || rule.type === DataValidationType.LIST_MULTIPLE)
+              coverable: ((_f = cell == null ? void 0 : cell.coverable) != null ? _f : !0) && !(rule.type === DataValidationType.LIST || rule.type === DataValidationType.LIST_MULTIPLE)
             });
           }, "handler")
         }
@@ -1772,8 +2072,8 @@ let SheetsDataValidationMobileRenderController = (_a9 = class extends RxDisposab
     ).subscribe((infos) => {
       const ranges = [];
       if (infos.forEach((info) => {
-        var _a17;
-        (_a17 = info.rule) != null && _a17.ranges && ranges.push(...info.rule.ranges);
+        var _a18;
+        (_a18 = info.rule) != null && _a18.ranges && ranges.push(...info.rule.ranges);
       }), ranges.length) {
         const mutations = this._autoHeightController.getUndoRedoParamsOfAutoHeight(ranges);
         sequenceExecute(mutations.redos, this._commandService);
@@ -1781,14 +2081,44 @@ let SheetsDataValidationMobileRenderController = (_a9 = class extends RxDisposab
     });
   }
 }, __name(_a9, "SheetsDataValidationMobileRenderController"), _a9);
-SheetsDataValidationMobileRenderController = __decorateClass$7([
-  __decorateParam$7(0, ICommandService),
-  __decorateParam$7(1, IRenderManagerService),
-  __decorateParam$7(2, Inject(AutoHeightController)),
-  __decorateParam$7(3, Inject(DataValidatorRegistryService)),
-  __decorateParam$7(4, Inject(SheetInterceptorService)),
-  __decorateParam$7(5, Inject(SheetDataValidationModel))
+SheetsDataValidationMobileRenderController = __decorateClass$8([
+  __decorateParam$8(0, ICommandService),
+  __decorateParam$8(1, IRenderManagerService),
+  __decorateParam$8(2, Inject(AutoHeightController)),
+  __decorateParam$8(3, Inject(DataValidatorRegistryService)),
+  __decorateParam$8(4, Inject(SheetInterceptorService)),
+  __decorateParam$8(5, Inject(SheetDataValidationModel)),
+  __decorateParam$8(6, Inject(DataValidationCacheService))
 ], SheetsDataValidationMobileRenderController);
+var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$7(target, key, result), result;
+}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a10;
+let SheetsDataValidationReRenderController = (_a10 = class extends Disposable {
+  constructor(_context, _sheetDataValidationModel, _sheetSkeletonManagerService) {
+    super(), this._context = _context, this._sheetDataValidationModel = _sheetDataValidationModel, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._initSkeletonChange();
+  }
+  _initSkeletonChange() {
+    const reRender = /* @__PURE__ */ __name((values) => {
+      var _a18;
+      if (!values.length)
+        return;
+      const sheetIds = /* @__PURE__ */ new Set();
+      values.forEach((value) => {
+        sheetIds.add(value.subUnitId);
+      }), sheetIds.forEach((sheetId) => {
+        var _a19;
+        (_a19 = this._sheetSkeletonManagerService.getWorksheetSkeleton(sheetId)) == null || _a19.skeleton.makeDirty(!0);
+      }), (_a18 = this._context.mainComponent) == null || _a18.makeForceDirty();
+    }, "reRender");
+    this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe(bufferDebounceTime(16)).subscribe(reRender));
+  }
+}, __name(_a10, "SheetsDataValidationReRenderController"), _a10);
+SheetsDataValidationReRenderController = __decorateClass$7([
+  __decorateParam$7(1, Inject(SheetDataValidationModel)),
+  __decorateParam$7(2, Inject(SheetSkeletonManagerService))
+], SheetsDataValidationReRenderController);
 const dataValidationFormula = "univer-data-validation-formula", dataValidationFormulaAnd = "univer-data-validation-formula-and", dataValidationFormulaListItem = "univer-data-validation-formula-list-item", dataValidationFormulaListItemIcon = "univer-data-validation-formula-list-item-icon", dataValidationFormulaListItemDrag = "univer-data-validation-formula-list-item-drag", dataValidationFormulaListAdd = "univer-data-validation-formula-list-add", dataValidationFormulaColorSelect = "univer-data-validation-formula-color-select", dataValidationFormulaColorSelectPanel = "univer-data-validation-formula-color-select-panel", dataValidationFormulaColorItem = "univer-data-validation-formula-color-item", styles = {
   dataValidationFormula,
   dataValidationFormulaAnd,
@@ -1892,12 +2222,12 @@ function CheckboxFormulaInput(props) {
 }
 __name(CheckboxFormulaInput, "CheckboxFormulaInput");
 function CustomFormulaInput(props) {
-  var _a17;
+  var _a18;
   const { unitId, subUnitId, value, onChange, showError, validResult } = props, formula1Res = showError ? validResult == null ? void 0 : validResult.formula1 : "";
   return /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     TextEditor,
     {
-      value: (_a17 = value == null ? void 0 : value.formula1) != null ? _a17 : "",
+      value: (_a18 = value == null ? void 0 : value.formula1) != null ? _a18 : "",
       id: createInternalEditorID(`dataValidation-custom-formula-${unitId}-${subUnitId}`),
       onChange: /* @__PURE__ */ __name((newValue) => {
         onChange == null || onChange({
@@ -1912,6 +2242,21 @@ function CustomFormulaInput(props) {
   ) });
 }
 __name(CustomFormulaInput, "CustomFormulaInput");
+function r(e) {
+  var t, f2, n2 = "";
+  if (typeof e == "string" || typeof e == "number") n2 += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f2 = r(e[t])) && (n2 && (n2 += " "), n2 += f2);
+  } else for (f2 in e) e[f2] && (n2 && (n2 += " "), n2 += f2);
+  return n2;
+}
+__name(r, "r");
+function clsx() {
+  for (var e, t, f2 = 0, n2 = "", o = arguments.length; f2 < o; f2++) (e = arguments[f2]) && (t = r(e)) && (n2 && (n2 += " "), n2 += t);
+  return n2;
+}
+__name(clsx, "clsx");
 const DEFAULT_COLOR_PRESET = [
   "#FFFFFF",
   "#FEE7E7",
@@ -1974,7 +2319,7 @@ const DEFAULT_COLOR_PRESET = [
 }, "ColorSelect"), Template = /* @__PURE__ */ __name((props) => {
   const { item, commonProps, style } = props, { onItemChange, onItemDelete } = commonProps;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.dataValidationFormulaListItem, style, children: [
-    item.isRef ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cs(styles.dataValidationFormulaListItemDrag, "draggableHandle"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(SequenceSingle, {}) }),
+    item.isRef ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles.dataValidationFormulaListItemDrag, "draggableHandle"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(SequenceSingle, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ColorSelect,
       {
@@ -2171,9 +2516,9 @@ const CUSTOM_FORMULA_INPUT_NAME = "data-validation.custom-formula-input", BASE_F
   ]
 ], LIST_RENDER_MODE_OPTION_INPUT = "LIST_RENDER_MODE_OPTION_INPUT";
 function ListRenderModeInput(props) {
-  var _a17;
+  var _a18;
   const { value, onChange } = props, localeService = useDependency(LocaleService);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(RadioGroup, { value: `${(_a17 = value.renderMode) != null ? _a17 : DataValidationRenderMode.CUSTOM}`, onChange: /* @__PURE__ */ __name((renderMode) => onChange({ ...value, renderMode: +renderMode }), "onChange"), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(RadioGroup, { value: `${(_a18 = value.renderMode) != null ? _a18 : DataValidationRenderMode.CUSTOM}`, onChange: /* @__PURE__ */ __name((renderMode) => onChange({ ...value, renderMode: +renderMode }), "onChange"), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationRenderMode.CUSTOM}`, children: localeService.t("dataValidation.renderMode.chip") }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationRenderMode.ARROW}`, children: localeService.t("dataValidation.renderMode.arrow") }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationRenderMode.TEXT}`, children: localeService.t("dataValidation.renderMode.text") })
@@ -2183,12 +2528,12 @@ __name(ListRenderModeInput, "ListRenderModeInput");
 ListRenderModeInput.componentKey = LIST_RENDER_MODE_OPTION_INPUT;
 const DATE_SHOW_TIME_OPTION = "DATE_SHOW_TIME_OPTION";
 function DateShowTimeOption(props) {
-  var _a17;
+  var _a18;
   const { value, onChange } = props, localeService = useDependency(LocaleService);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Checkbox,
     {
-      checked: (_a17 = value.bizInfo) == null ? void 0 : _a17.showTime,
+      checked: (_a18 = value.bizInfo) == null ? void 0 : _a18.showTime,
       onChange: /* @__PURE__ */ __name((showTime) => {
         onChange({
           ...value,
@@ -2210,14 +2555,14 @@ var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPrope
   return kind && result && __defProp$6(target, key, result), result;
 }, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6");
 const MARGIN_H$2 = 6;
-var _a10;
-let CheckboxRender = (_a10 = class {
+var _a11;
+let CheckboxRender = (_a11 = class {
   constructor(_commandService, _formulaService, _themeService) {
     this._commandService = _commandService, this._formulaService = _formulaService, this._themeService = _themeService;
   }
   _calc(cellInfo, style) {
-    var _a17, _b, _c;
-    const { vt, ht } = style || {}, width = cellInfo.endX - cellInfo.startX - MARGIN_H$2 * 2, height = cellInfo.endY - cellInfo.startY, size = ((_a17 = style == null ? void 0 : style.fs) != null ? _a17 : 10) * 1.6;
+    var _a18, _b, _c;
+    const { vt, ht } = style || {}, width = cellInfo.endX - cellInfo.startX - MARGIN_H$2 * 2, height = cellInfo.endY - cellInfo.startY, size = ((_a18 = style == null ? void 0 : style.fs) != null ? _a18 : 10) * 1.6;
     let widgetLeft = 0, widgetTop = 0;
     switch (vt) {
       case VerticalAlign.TOP:
@@ -2249,21 +2594,21 @@ let CheckboxRender = (_a10 = class {
     };
   }
   calcCellAutoHeight(info) {
-    var _a17;
+    var _a18;
     const { style } = info;
-    return ((_a17 = style == null ? void 0 : style.fs) != null ? _a17 : 10) * 1.6;
+    return ((_a18 = style == null ? void 0 : style.fs) != null ? _a18 : 10) * 1.6;
   }
   async _parseFormula(rule, unitId, subUnitId) {
-    var _a17, _b;
+    var _a18, _b;
     const { formula1 = CHECKBOX_FORMULA_1, formula2 = CHECKBOX_FORMULA_2 } = rule, results = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid);
     return {
-      formula1: isFormulaString(formula1) ? getFormulaResult((_a17 = results == null ? void 0 : results[0]) == null ? void 0 : _a17.result) : formula1,
+      formula1: isFormulaString(formula1) ? getFormulaResult((_a18 = results == null ? void 0 : results[0]) == null ? void 0 : _a18.result) : formula1,
       formula2: isFormulaString(formula2) ? getFormulaResult((_b = results == null ? void 0 : results[1]) == null ? void 0 : _b.result) : formula2
     };
   }
   drawWith(ctx, info) {
-    var _a17, _b, _c, _d, _e, _f;
-    const { style, data, primaryWithCoord, unitId, subUnitId, worksheet, row, col } = info, cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, value = getCellValueOrigin(worksheet.getCellRaw(row, col)), rule = (_a17 = data.dataValidation) == null ? void 0 : _a17.rule, validator = (_b = data.dataValidation) == null ? void 0 : _b.validator;
+    var _a18, _b, _c, _d, _e, _f;
+    const { style, data, primaryWithCoord, unitId, subUnitId, worksheet, row, col } = info, cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, value = getCellValueOrigin(worksheet.getCellRaw(row, col)), rule = (_a18 = data.dataValidation) == null ? void 0 : _a18.rule, validator = (_b = data.dataValidation) == null ? void 0 : _b.validator;
     if (!rule || !validator)
       return;
     const colors = this._themeService.getCurrentTheme();
@@ -2296,10 +2641,10 @@ let CheckboxRender = (_a10 = class {
     return offsetX <= endX && offsetX >= startX && offsetY <= endY && offsetY >= startY;
   }
   async onPointerDown(info, evt) {
-    var _a17, _b, _c;
+    var _a18, _b, _c;
     if (evt.button === 2)
       return;
-    const { primaryWithCoord, unitId, subUnitId, data, worksheet, row, col } = info, value = getCellValueOrigin(worksheet.getCellRaw(row, col)), rule = (_a17 = data.dataValidation) == null ? void 0 : _a17.rule, validator = (_b = data.dataValidation) == null ? void 0 : _b.validator;
+    const { primaryWithCoord, unitId, subUnitId, data, worksheet, row, col } = info, value = getCellValueOrigin(worksheet.getCellRaw(row, col)), rule = (_a18 = data.dataValidation) == null ? void 0 : _a18.rule, validator = (_b = data.dataValidation) == null ? void 0 : _b.validator;
     if (!rule || !validator || !((_c = validator.skipDefaultFontRender) != null && _c.call(validator, rule, value, { unitId, subUnitId })))
       return;
     const { formula1, formula2 } = await this._parseFormula(rule, unitId, subUnitId), params = {
@@ -2319,7 +2664,7 @@ let CheckboxRender = (_a10 = class {
       params
     );
   }
-}, __name(_a10, "CheckboxRender"), _a10);
+}, __name(_a11, "CheckboxRender"), _a11);
 CheckboxRender = __decorateClass$6([
   __decorateParam$6(0, ICommandService),
   __decorateParam$6(1, Inject(DataValidationFormulaService)),
@@ -2329,8 +2674,8 @@ var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPrope
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp$5(target, key, result), result;
-}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a11;
-let BaseSheetDataValidatorView = (_a11 = class {
+}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a12;
+let BaseSheetDataValidatorView = (_a12 = class {
   constructor(injector) {
     __publicField(this, "canvasRender", null);
     __publicField(this, "dropdown");
@@ -2338,7 +2683,7 @@ let BaseSheetDataValidatorView = (_a11 = class {
     __publicField(this, "formulaInput", LIST_FORMULA_INPUT_NAME);
     this.injector = injector;
   }
-}, __name(_a11, "BaseSheetDataValidatorView"), _a11);
+}, __name(_a12, "BaseSheetDataValidatorView"), _a12);
 BaseSheetDataValidatorView = __decorateClass$5([
   __decorateParam$5(0, Inject(Injector))
 ], BaseSheetDataValidatorView);
@@ -2443,8 +2788,8 @@ var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPrope
   return kind && result && __defProp$4(target, key, result), result;
 }, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4");
 const downPath$1 = 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");
-var _a12;
-let DropdownMultipleWidget = (_a12 = class {
+var _a13;
+let DropdownMultipleWidget = (_a13 = class {
   constructor(_commandService) {
     __publicField(this, "zIndex");
     __publicField(this, "_dropdownInfoMap", /* @__PURE__ */ new Map());
@@ -2472,7 +2817,7 @@ let DropdownMultipleWidget = (_a12 = class {
   }
   // eslint-disable-next-line max-lines-per-function
   drawWith(ctx, info, skeleton, spreadsheets) {
-    var _a17, _b;
+    var _a18, _b;
     const { primaryWithCoord, row, col, style, data, subUnitId } = info, _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, fontRenderExtension = data.fontRenderExtension, { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = fontRenderExtension || {}, validation = data.dataValidation, map = this._ensureMap(subUnitId), key = this._generateKey(row, col);
     if (!validation)
       return;
@@ -2481,7 +2826,7 @@ let DropdownMultipleWidget = (_a12 = class {
       endX: _cellBounding.endX - rightOffset,
       startY: _cellBounding.startY + topOffset,
       endY: _cellBounding.endY - downOffset
-    }, cellWidth = cellBounding.endX - cellBounding.startX, cellHeight = cellBounding.endY - cellBounding.startY, { cl } = style || {}, color = (_a17 = typeof cl == "object" ? cl == null ? void 0 : cl.rgb : cl) != null ? _a17 : "#000", fontStyle = getFontStyleString(style != null ? style : void 0), { rule, validator: _validator } = validation, validator = _validator, { vt: _vt, ht } = style || {}, vt = _vt != null ? _vt : VerticalAlign.MIDDLE, cellValue = (_b = getCellValueOrigin(data)) != null ? _b : "", items = validator.parseCellValue(cellValue), labelColorMap = validator.getListWithColorMap(rule), layout = layoutDropdowns(items, fontStyle, cellWidth, cellHeight);
+    }, cellWidth = cellBounding.endX - cellBounding.startX, cellHeight = cellBounding.endY - cellBounding.startY, { cl } = style || {}, color = (_a18 = typeof cl == "object" ? cl == null ? void 0 : cl.rgb : cl) != null ? _a18 : "#000", fontStyle = getFontStyleString(style != null ? style : void 0), { rule, validator: _validator } = validation, validator = _validator, { vt: _vt, ht } = style || {}, vt = _vt != null ? _vt : VerticalAlign.MIDDLE, cellValue = (_b = getCellValueOrigin(data)) != null ? _b : "", items = validator.parseCellValue(cellValue), labelColorMap = validator.getListWithColorMap(rule), layout = layoutDropdowns(items, fontStyle, cellWidth, cellHeight);
     this._drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, vt), ctx.save(), ctx.translateWithPrecision(cellBounding.startX, cellBounding.startY), ctx.beginPath(), ctx.rect(0, 0, cellWidth - ICON_PLACE$1, cellHeight), ctx.clip(), ctx.translateWithPrecision(CELL_PADDING_H, CELL_PADDING_V);
     let top = 0;
     switch (vt) {
@@ -2520,7 +2865,7 @@ let DropdownMultipleWidget = (_a12 = class {
     });
   }
   calcCellAutoHeight(info) {
-    var _a17;
+    var _a18;
     const { primaryWithCoord, style, data } = info, fontRenderExtension = data.fontRenderExtension, { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = fontRenderExtension || {}, _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, cellBounding = {
       startX: _cellBounding.startX + leftOffset,
       endX: _cellBounding.endX - rightOffset,
@@ -2529,7 +2874,7 @@ let DropdownMultipleWidget = (_a12 = class {
     }, validation = data.dataValidation;
     if (!validation)
       return;
-    const cellWidth = cellBounding.endX - cellBounding.startX, cellHeight = cellBounding.endY - cellBounding.startY, cellValue = (_a17 = getCellValueOrigin(data)) != null ? _a17 : "", { validator: _validator } = validation, items = _validator.parseCellValue(cellValue), fontStyle = getFontStyleString(style != null ? style : void 0);
+    const cellWidth = cellBounding.endX - cellBounding.startX, cellHeight = cellBounding.endY - cellBounding.startY, cellValue = (_a18 = getCellValueOrigin(data)) != null ? _a18 : "", { validator: _validator } = validation, items = _validator.parseCellValue(cellValue), fontStyle = getFontStyleString(style != null ? style : void 0);
     return layoutDropdowns(items, fontStyle, cellWidth, cellHeight).cellAutoHeight;
   }
   isHit(position, info) {
@@ -2547,7 +2892,7 @@ let DropdownMultipleWidget = (_a12 = class {
     };
     this._commandService.executeCommand(ShowDataValidationDropdown.id, params);
   }
-}, __name(_a12, "DropdownMultipleWidget"), _a12);
+}, __name(_a13, "DropdownMultipleWidget"), _a13);
 DropdownMultipleWidget = __decorateClass$4([
   __decorateParam$4(0, ICommandService)
 ], DropdownMultipleWidget);
@@ -2663,8 +3008,8 @@ function calcPadding(cellWidth, cellHeight, fontWidth, fontHeight, vt, ht, margi
   };
 }
 __name(calcPadding, "calcPadding");
-var _a13;
-let DropdownWidget = (_a13 = class {
+var _a14;
+let DropdownWidget = (_a14 = class {
   constructor(_localeService, _commandService) {
     __publicField(this, "_dropdownInfoMap", /* @__PURE__ */ new Map());
     __publicField(this, "zIndex");
@@ -2697,8 +3042,8 @@ let DropdownWidget = (_a13 = class {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   drawWith(ctx, info, skeleton) {
-    var _a17, _b;
-    const { primaryWithCoord, row, col, style, data, subUnitId } = info, _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, rule = (_a17 = data.dataValidation) == null ? void 0 : _a17.rule, validator = (_b = data.dataValidation) == null ? void 0 : _b.validator, fontRenderExtension = data.fontRenderExtension, { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = fontRenderExtension || {};
+    var _a18, _b;
+    const { primaryWithCoord, row, col, style, data, subUnitId } = info, _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, rule = (_a18 = data.dataValidation) == null ? void 0 : _a18.rule, validator = (_b = data.dataValidation) == null ? void 0 : _b.validator, fontRenderExtension = data.fontRenderExtension, { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = fontRenderExtension || {};
     if (!rule || !validator || !validator || validator.id.indexOf(DataValidationType.LIST) !== 0 || !validator.skipDefaultFontRender(rule))
       return;
     const cellBounding = {
@@ -2709,10 +3054,10 @@ let DropdownWidget = (_a13 = class {
     }, cellWidth = cellBounding.endX - cellBounding.startX, cellHeight = cellBounding.endY - cellBounding.startY, map = this._ensureMap(subUnitId), key = this._generateKey(row, col), list = validator.getListWithColor(rule), value = getCellValueOrigin(data), valueStr = `${value != null ? value : ""}`, activeItem = list.find((i) => i.label === valueStr);
     let { tb, vt, ht, pd } = style || {};
     if (tb = tb != null ? tb : WrapStrategy.WRAP, vt = vt != null ? vt : VerticalAlign.BOTTOM, ht = ht != null ? ht : DEFAULT_STYLES.ht, pd = pd != null ? pd : DEFAULT_STYLES.pd, rule.renderMode === DataValidationRenderMode.ARROW) {
-      const { l: l2 = DEFAULT_STYLES.pd.l, t = DEFAULT_STYLES.pd.t, r = DEFAULT_STYLES.pd.r, b = DEFAULT_STYLES.pd.b } = pd, realWidth = cellWidth - l2 - r - ICON_PLACE - 4, { documentSkeleton, documents, docModel } = createDocuments(valueStr, this._localeService, style);
+      const { l: l2 = DEFAULT_STYLES.pd.l, t = DEFAULT_STYLES.pd.t, r: r2 = DEFAULT_STYLES.pd.r, b = DEFAULT_STYLES.pd.b } = pd, realWidth = cellWidth - l2 - r2 - ICON_PLACE - 4, { documentSkeleton, documents, docModel } = createDocuments(valueStr, this._localeService, style);
       tb === WrapStrategy.WRAP && docModel.updateDocumentDataPageSize(Math.max(realWidth, 1)), documentSkeleton.calculate(), documentSkeleton.getActualSize();
       const textLayout = getDocsSkeletonPageSize(documentSkeleton), { height: fontHeight, width: fontWidth } = textLayout, { paddingTop, paddingLeft } = calcPadding(realWidth, cellHeight - t - b, fontWidth, fontHeight, vt, ht, !0);
-      this._drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, fontHeight, vt, pd), ctx.save(), ctx.translateWithPrecision(cellBounding.startX + l2, cellBounding.startY + t), ctx.beginPath(), ctx.rect(0, 0, cellWidth - l2 - r, cellHeight - t - b), ctx.clip(), ctx.translateWithPrecision(0, paddingTop), ctx.save(), ctx.translateWithPrecision(PADDING_H, 0), ctx.beginPath(), ctx.rect(0, 0, realWidth, fontHeight), ctx.clip(), documents.render(ctx), ctx.translateWithPrecision(paddingLeft, 0), ctx.restore(), ctx.restore(), map.set(key, {
+      this._drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, fontHeight, vt, pd), ctx.save(), ctx.translateWithPrecision(cellBounding.startX + l2, cellBounding.startY + t), ctx.beginPath(), ctx.rect(0, 0, cellWidth - l2 - r2, cellHeight - t - b), ctx.clip(), ctx.translateWithPrecision(0, paddingTop), ctx.save(), ctx.translateWithPrecision(PADDING_H, 0), ctx.beginPath(), ctx.rect(0, 0, realWidth, fontHeight), ctx.clip(), documents.render(ctx), ctx.translateWithPrecision(paddingLeft, 0), ctx.restore(), ctx.restore(), map.set(key, {
         left: cellBounding.endX + l2 + skeleton.rowHeaderWidth - ICON_PLACE,
         top: cellBounding.startY + t + skeleton.columnHeaderHeight,
         width: ICON_PLACE,
@@ -2739,8 +3084,8 @@ let DropdownWidget = (_a13 = class {
     }
   }
   calcCellAutoHeight(info) {
-    var _a17;
-    const { primaryWithCoord, style, data } = info, _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, fontRenderExtension = data.fontRenderExtension, { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = fontRenderExtension || {}, rule = (_a17 = data.dataValidation) == null ? void 0 : _a17.rule;
+    var _a18;
+    const { primaryWithCoord, style, data } = info, _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, fontRenderExtension = data.fontRenderExtension, { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = fontRenderExtension || {}, rule = (_a18 = data.dataValidation) == null ? void 0 : _a18.rule;
     if (!rule || rule.renderMode === DataValidationRenderMode.TEXT)
       return;
     const cellBounding = {
@@ -2783,7 +3128,7 @@ let DropdownWidget = (_a13 = class {
     };
     this._commandService.executeCommand(ShowDataValidationDropdown.id, params);
   }
-}, __name(_a13, "DropdownWidget"), _a13);
+}, __name(_a14, "DropdownWidget"), _a14);
 DropdownWidget = __decorateClass$3([
   __decorateParam$3(0, Inject(LocaleService)),
   __decorateParam$3(1, ICommandService)
@@ -2822,8 +3167,8 @@ var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPrope
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp$2(target, key, result), result;
-}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a14;
-let SheetsDataValidationUIController = (_a14 = class extends RxDisposable {
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a15;
+let SheetsDataValidationUIController = (_a15 = class extends RxDisposable {
   constructor(_injector, _componentManger, _dataValidatorRegistryService) {
     super(), this._injector = _injector, this._componentManger = _componentManger, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._initComponents(), this._registerValidatorViews();
   }
@@ -2859,7 +3204,7 @@ let SheetsDataValidationUIController = (_a14 = class extends RxDisposable {
       validator && (validator.formulaInput = view.formulaInput, validator.canvasRender = view.canvasRender, validator.dropdown = view.dropdown, validator.optionsInput = view.optionsInput);
     });
   }
-}, __name(_a14, "SheetsDataValidationUIController"), _a14);
+}, __name(_a15, "SheetsDataValidationUIController"), _a15);
 SheetsDataValidationUIController = __decorateClass$2([
   __decorateParam$2(0, Inject(Injector)),
   __decorateParam$2(1, Inject(ComponentManager)),
@@ -2871,8 +3216,8 @@ var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPrope
   return kind && result && __defProp$1(target, key, result), result;
 }, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1");
 const PLUGIN_NAME$1 = "SHEET_DATA_VALIDATION_UI_PLUGIN";
-var _a15;
-let UniverSheetsDataValidationUIPlugin = (_a15 = class extends Plugin {
+var _a16;
+let UniverSheetsDataValidationUIPlugin = (_a16 = class extends Plugin {
   constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
     super(), this._config = _config, this._injector = _injector, this._commandService = _commandService, this._configService = _configService;
     const { menu, ...rest } = this._config;
@@ -2903,7 +3248,10 @@ let UniverSheetsDataValidationUIPlugin = (_a15 = class extends Plugin {
     });
   }
   onReady() {
-    this._injector.get(DataValidationCopyPasteController), this._injector.get(DataValidationPermissionController), this._injector.get(DataValidationRejectInputController), this._injector.get(DataValidationAlertController);
+    this._injector.get(DataValidationCopyPasteController), this._injector.get(DataValidationPermissionController), this._injector.get(DataValidationRejectInputController), this._injector.get(DataValidationAlertController), this._injector.get(IRenderManagerService).registerRenderModule(
+      UniverInstanceType.UNIVER_SHEET,
+      [SheetsDataValidationReRenderController]
+    );
   }
   onRendered() {
     this._injector.get(SheetsDataValidationUIController), this._injector.get(SheetsDataValidationRenderController);
@@ -2911,7 +3259,7 @@ let UniverSheetsDataValidationUIPlugin = (_a15 = class extends Plugin {
   onSteady() {
     this._injector.get(DataValidationAutoFillController);
   }
-}, __name(_a15, "UniverSheetsDataValidationUIPlugin"), __publicField(_a15, "pluginName", PLUGIN_NAME$1), __publicField(_a15, "type", UniverInstanceType.UNIVER_SHEET), _a15);
+}, __name(_a16, "UniverSheetsDataValidationUIPlugin"), __publicField(_a16, "pluginName", PLUGIN_NAME$1), __publicField(_a16, "type", UniverInstanceType.UNIVER_SHEET), _a16);
 UniverSheetsDataValidationUIPlugin = __decorateClass$1([
   __decorateParam$1(1, Inject(Injector)),
   __decorateParam$1(2, ICommandService),
@@ -2923,8 +3271,8 @@ var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnProperty
   return kind && result && __defProp2(target, key, result), result;
 }, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam");
 const PLUGIN_NAME = "SHEET_DATA_VALIDATION_UI_PLUGIN";
-var _a16;
-let UniverSheetsDataValidationMobileUIPlugin = (_a16 = class extends Plugin {
+var _a17;
+let UniverSheetsDataValidationMobileUIPlugin = (_a17 = class extends Plugin {
   constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
     super(), this._config = _config, this._injector = _injector, this._commandService = _commandService, this._configService = _configService;
     const { menu, ...rest } = this._config;
@@ -2954,7 +3302,10 @@ let UniverSheetsDataValidationMobileUIPlugin = (_a16 = class extends Plugin {
     });
   }
   onReady() {
-    this._injector.get(DataValidationCopyPasteController), this._injector.get(DataValidationPermissionController);
+    this._injector.get(DataValidationCopyPasteController), this._injector.get(DataValidationPermissionController), this._injector.get(IRenderManagerService).registerRenderModule(
+      UniverInstanceType.UNIVER_SHEET,
+      [SheetsDataValidationReRenderController]
+    );
   }
   onRendered() {
     this._injector.get(SheetsDataValidationUIController), this._injector.get(SheetsDataValidationRenderController);
@@ -2962,7 +3313,7 @@ let UniverSheetsDataValidationMobileUIPlugin = (_a16 = class extends Plugin {
   onSteady() {
     this._injector.get(DataValidationAutoFillController);
   }
-}, __name(_a16, "UniverSheetsDataValidationMobileUIPlugin"), __publicField(_a16, "pluginName", PLUGIN_NAME), __publicField(_a16, "type", UniverInstanceType.UNIVER_SHEET), _a16);
+}, __name(_a17, "UniverSheetsDataValidationMobileUIPlugin"), __publicField(_a17, "pluginName", PLUGIN_NAME), __publicField(_a17, "type", UniverInstanceType.UNIVER_SHEET), _a17);
 UniverSheetsDataValidationMobileUIPlugin = __decorateClass([
   __decorateParam(1, Inject(Injector)),
   __decorateParam(2, ICommandService),