@univerjs/sheets-data-validation-ui 0.6.6 → 0.6.7-nightly.202503261607

package/lib/index.js

@@ -0,0 +1,3008 @@
+var Wo = Object.defineProperty;
+var Ho = (t, e, o) => e in t ? Wo(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var E = (t, e, o) => Ho(t, typeof e != "symbol" ? e + "" : e, o);
+import { jsxs as Y, jsx as m, Fragment as Rt } from "react/jsx-runtime";
+import { Inject as b, LocaleService as Q, Disposable as Vt, DataValidationErrorStyle as de, DataValidationStatus as Kt, ICommandService as tt, dayjs as qe, numfmt as Je, CellValueType as xo, UniverInstanceType as X, toDisposable as jo, IUniverInstanceService as rt, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Yo, DisposableCollection as Xo, CommandType as ae, BuildTextUtils as zo, DataValidationRenderMode as ct, DataValidationType as K, IConfigService as mn, debounce as Ko, UndoCommand as Go, RedoCommand as Zo, isUnitRangesEqual as qo, shallowEqual as En, ThemeService as zn, ColorKit as Jo, Injector as Wt, ObjectMatrix as Ie, Range as Qo, Rectangle as we, queryObjectMatrix as Qe, Optional as ta, RxDisposable as gn, InterceptorEffectEnum as Kn, sequenceExecute as Gn, bufferDebounceTime as ea, isFormulaString as kt, Tools as tn, VerticalAlign as ht, HorizontalAlign as Gt, DEFAULT_STYLES as dt, WrapStrategy as It, DocumentDataModel as na, BooleanNumber as ie, DEFAULT_EMPTY_DOCUMENT_VALUE as oa, Plugin as Zn, merge as qn } from "@univerjs/core";
+import { Button as Bt, DatePanel as aa, Scrollbar as ia, FormLayout as q, RadioGroup as fn, Radio as Nt, Checkbox as Pe, Input as Ut, Select as en, DraggableList as ra, clsx as sa } from "@univerjs/design";
+import { DeviceInputEventType as nn, IRenderManagerService as yt, fixLineWidthByScale as bn, Transform as la, CheckboxShape as da, getCurrentTypeOfRenderer as Zt, CURSOR_TYPE as qt, FontCache as ca, Shape as ua, Rect as Jn, getFontStyleString as Be, getDocsSkeletonPageSize as re, Documents as ha, DocumentViewModel as pa, DocumentSkeleton as ma } from "@univerjs/engine-render";
+import { SheetInterceptorService as vn, VALIDATE_CELL as ga, SetRangeValuesCommand as _n, SheetsSelectionsService as Qn, getSheetCommandTarget as to, SheetPermissionCheckController as eo, WorksheetEditPermission as Re, RangeProtectionPermissionEditPoint as De, WorkbookEditablePermission as Ve, checkRangesEditablePermission as fa, rangeToDiscreteRange as va, WorksheetSetCellStylePermission as on, INTERCEPTOR_POINT as no, InterceptCellContentPriority as oo } from "@univerjs/sheets";
+import { SheetDataValidationModel as at, SheetsDataValidationValidatorService as _a, getCellValueOrigin as mt, getDataValidationCellValue as Sa, deserializeListOptions as ao, serializeListOptions as io, UpdateSheetDataValidationRangeCommand as ro, UpdateSheetDataValidationSettingCommand as On, UpdateSheetDataValidationOptionsCommand as Ca, RemoveSheetDataValidationCommand as so, RemoveSheetAllDataValidationCommand as Ia, createDefaultNewRule as lo, AddSheetDataValidationCommand as Sn, DATA_VALIDATION_PLUGIN_NAME as co, getDataValidationDiffMutations as an, DataValidationCacheService as uo, DataValidationFormulaController as wa, DataValidationFormulaService as Ra, CHECKBOX_FORMULA_2 as Da, CHECKBOX_FORMULA_1 as Va, getFormulaResult as $e, isLegalFormulaResult as Ln, transformCheckboxValue as ya } from "@univerjs/sheets-data-validation";
+import { getPatternType as Ma } from "@univerjs/sheets-numfmt";
+import { SetCellEditVisibleOperation as rn, SheetCanvasPopManagerService as Ea, IEditorBridgeService as ho, IMarkSelectionService as ba, HoverManagerService as Oa, CellAlertManagerService as La, CellAlertType as Ta, IAutoFillService as Pa, APPLY_TYPE as se, virtualizeDiscreteRanges as sn, getAutoFillRepeatRange as Aa, ISheetClipboardService as ka, COPY_TYPE as Tn, PREDEFINED_HOOK_NAME as he, getRepeatRange as Pn, getCurrentRangeDisable$ as Fa, AutoHeightController as po, SheetSkeletonManagerService as ye } from "@univerjs/sheets-ui";
+import { IDialogService as Na, useDependency as T, KeyCode as ln, ISidebarService as mo, useObservable as St, ComponentManager as Ae, IZenZoneService as go, RectPopup as Ua, useEvent as dn, MenuItemType as Cn, getMenuHiddenObservable as Ba, RibbonStartGroup as $a, IMenuManagerService as Wa, useSidebarClick as fo } from "@univerjs/ui";
+import An, { useState as j, forwardRef as Mt, useRef as Jt, createElement as Et, useMemo as $t, useEffect as wt } from "react";
+import { DataValidatorRegistryService as bt, DataValidationModel as ke, DataValidatorRegistryScope as Ha, TWO_FORMULA_OPERATOR_COUNT as xa, getRuleOptions as kn, getRuleSetting as Fn } from "@univerjs/data-validation";
+import { RichTextEditingMutation as ja } from "@univerjs/docs";
+import { filter as In, BehaviorSubject as Nn, distinctUntilChanged as Ya, Subject as Xa, debounceTime as wn, of as za, bufferTime as vo } from "rxjs";
+import { deserializeRangeWithSheet as Ka, serializeRange as _o } from "@univerjs/engine-formula";
+import { RangeSelector as Ga, FormulaEditor as So } from "@univerjs/sheets-formula-ui";
+var Za = Object.getOwnPropertyDescriptor, qa = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? Za(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, xt = (t, e) => (o, n) => e(o, n, t);
+let ce = class extends Vt {
+  constructor(t, e, o, n, a, i) {
+    super(), this._sheetInterceptorService = t, this._dataValidationModel = e, this._dataValidatorRegistryService = o, this._dialogService = n, this._localeService = a, this._sheetsDataValidationValidatorService = i, this._initEditorBridgeInterceptor();
+  }
+  _initEditorBridgeInterceptor() {
+    this._sheetInterceptorService.writeCellInterceptor.intercept(
+      ga,
+      {
+        handler: async (t, e, o) => {
+          const n = await t, { row: a, col: i, unitId: r, subUnitId: s } = e, l = this._dataValidationModel.getRuleIdByLocation(r, s, a, i), c = l ? this._dataValidationModel.getRuleById(r, s, l) : void 0;
+          if (n === !1)
+            return o(Promise.resolve(!1));
+          if (!c || c.errorStyle !== de.STOP)
+            return o(Promise.resolve(!0));
+          const u = this._dataValidatorRegistryService.getValidatorItem(c.type);
+          return !u || await this._sheetsDataValidationValidatorService.validatorCell(r, s, a, i) === Kt.VALID ? o(Promise.resolve(!0)) : (this._dialogService.open({
+            width: 368,
+            title: {
+              title: this._localeService.t("dataValidation.alert.title")
+            },
+            id: "reject-input-dialog",
+            children: {
+              title: u.getRuleFinalError(c, { row: a, col: i, unitId: r, subUnitId: s })
+            },
+            footer: {
+              title: An.createElement(
+                Bt,
+                {
+                  type: "primary",
+                  onClick: () => this._dialogService.close("reject-input-dialog")
+                },
+                this._localeService.t("dataValidation.alert.ok")
+              )
+            },
+            onClose: () => {
+              this._dialogService.close("reject-input-dialog");
+            }
+          }), o(Promise.resolve(!1)));
+        }
+      }
+    );
+  }
+  showReject(t) {
+    this._dialogService.open({
+      width: 368,
+      title: {
+        title: this._localeService.t("dataValidation.alert.title")
+      },
+      id: "reject-input-dialog",
+      children: {
+        title: t
+      },
+      footer: {
+        title: An.createElement(
+          Bt,
+          {
+            type: "primary",
+            onClick: () => this._dialogService.close("reject-input-dialog")
+          },
+          this._localeService.t("dataValidation.alert.ok")
+        )
+      },
+      onClose: () => {
+        this._dialogService.close("reject-input-dialog");
+      }
+    });
+  }
+};
+ce = qa([
+  xt(0, b(vn)),
+  xt(1, b(at)),
+  xt(2, b(bt)),
+  xt(3, Na),
+  xt(4, b(Q)),
+  xt(5, b(_a))
+], ce);
+const Ja = "univer-dv-date-dropdown", Qa = "univer-dv-date-dropdown-btns", Un = {
+  dvDateDropdown: Ja,
+  dvDateDropdownBtns: Qa
+}, ti = (t) => {
+  if (t == null || typeof t == "boolean")
+    return;
+  if (typeof t == "number" || !Number.isNaN(+t))
+    return qe(Je.format("yyyy-MM-dd HH:mm:ss", Number(t)));
+  const e = qe(t);
+  if (e.isValid())
+    return e;
+};
+function ei(t) {
+  var v;
+  const { location: e, hideFn: o } = t, { worksheet: n, row: a, col: i, unitId: r, subUnitId: s, workbook: l } = e, c = T(tt), u = T(ce), h = n.getCell(a, i), d = mt(n.getCellRaw(a, i)), C = ti(d), [p, R] = j(C), w = p && p.isValid() ? p : qe(), g = T(Q), f = T(at), _ = f.getRuleByLocation(r, s, a, i);
+  if (!_)
+    return null;
+  const V = f.getValidator(_.type);
+  if (!h || !V)
+    return;
+  const S = !!((v = _.bizInfo) != null && v.showTime), I = async () => {
+    var F, N, B;
+    if (!w)
+      return;
+    const P = w.format(S ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD 00:00:00"), U = (F = Je.parseDate(P)) == null ? void 0 : F.v, O = l.getStyles().getStyleByCell(h), L = (B = (N = O == null ? void 0 : O.n) == null ? void 0 : N.pattern) != null ? B : "", A = Ma(L);
+    _.errorStyle !== de.STOP || await V.validator({
+      value: U,
+      unitId: r,
+      subUnitId: s,
+      row: a,
+      column: i,
+      worksheet: n,
+      workbook: l,
+      interceptValue: P.replace("Z", "").replace("T", " "),
+      t: xo.NUMBER
+    }, _) ? (o(), await c.executeCommand(rn.id, {
+      visible: !1,
+      eventType: nn.Keyboard,
+      unitId: r,
+      keycode: ln.ESC
+    }), await c.executeCommand(_n.id, {
+      unitId: r,
+      subUnitId: s,
+      range: {
+        startColumn: i,
+        endColumn: i,
+        startRow: a,
+        endRow: a
+      },
+      value: {
+        v: U,
+        t: 2,
+        p: null,
+        f: null,
+        si: null,
+        s: {
+          n: {
+            pattern: S ? A === "datetime" ? L : "yyyy-MM-dd hh:mm:ss" : A === "date" ? L : "yyyy-MM-dd"
+          }
+        }
+      }
+    })) : u.showReject(V.getRuleFinalError(_, { row: a, col: i, unitId: r, subUnitId: s }));
+  };
+  return /* @__PURE__ */ Y("div", { className: Un.dvDateDropdown, children: [
+    /* @__PURE__ */ m(
+      aa,
+      {
+        defaultValue: w,
+        pickerValue: w,
+        showTime: S || void 0,
+        onSelect: async (y) => {
+          R(y);
+        },
+        onPanelChange: (y) => {
+          R(y);
+        },
+        disabledDate: (y) => !Je.parseDate(y.format("YYYY-MM-DD"))
+      }
+    ),
+    /* @__PURE__ */ m("div", { className: Un.dvDateDropdownBtns, children: /* @__PURE__ */ m(Bt, { size: "small", type: "primary", onClick: I, disabled: !w.isValid(), children: g.t("dataValidation.alert.ok") }) })
+  ] });
+}
+var ut = function() {
+  return ut = Object.assign || function(t) {
+    for (var e, o = 1, n = arguments.length; o < n; o++) {
+      e = arguments[o];
+      for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && (t[a] = e[a]);
+    }
+    return t;
+  }, ut.apply(this, arguments);
+}, ni = function(t, e) {
+  var o = {};
+  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (o[n] = t[n]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var a = 0, n = Object.getOwnPropertySymbols(t); a < n.length; a++)
+      e.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[a]) && (o[n[a]] = t[n[a]]);
+  return o;
+}, Ot = Mt(function(t, e) {
+  var o = t.icon, n = t.id, a = t.className, i = t.extend, r = ni(t, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(n, " ").concat(a || "").trim(), l = Jt("_".concat(ii()));
+  return Co(o, "".concat(n), { defIds: o.defIds, idSuffix: l.current }, ut({ ref: e, className: s }, r), i);
+});
+function Co(t, e, o, n, a) {
+  return Et(t.tag, ut(ut({ key: e }, oi(t, o, a)), n), (ai(t, o).children || []).map(function(i, r) {
+    return Co(i, "".concat(e, "-").concat(t.tag, "-").concat(r), o, void 0, a);
+  }));
+}
+function oi(t, e, o) {
+  var n = ut({}, t.attrs);
+  o != null && o.colorChannel1 && n.fill === "colorChannel1" && (n.fill = o.colorChannel1), t.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(i) {
+    var r = i[0], s = i[1];
+    r === "mask" && typeof s == "string" && (n[r] = s.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  });
+  var a = e.defIds;
+  return !a || a.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(i) {
+    var r = i[0], s = i[1];
+    typeof s == "string" && (n[r] = s.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), n;
+}
+function ai(t, e) {
+  var o, n = e.defIds;
+  return !n || n.length === 0 ? t : t.tag === "defs" && (!((o = t.children) === null || o === void 0) && o.length) ? ut(ut({}, t), { children: t.children.map(function(a) {
+    return typeof a.attrs.id == "string" && n && n.indexOf(a.attrs.id) > -1 ? ut(ut({}, a), { attrs: ut(ut({}, a.attrs), { id: a.attrs.id + e.idSuffix }) }) : a;
+  }) }) : t;
+}
+function ii() {
+  return Math.random().toString(36).substring(2, 8);
+}
+Ot.displayName = "UniverIcon";
+var ri = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Io = Mt(function(t, e) {
+  return Et(Ot, Object.assign({}, t, {
+    id: "check-mark-single",
+    ref: e,
+    icon: ri
+  }));
+});
+Io.displayName = "CheckMarkSingle";
+var si = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.4917 3.07803C1.4917 2.19437 2.20804 1.47803 3.0917 1.47803H5.6917C6.57536 1.47803 7.2917 2.19437 7.2917 3.07803V5.67803C7.2917 6.56168 6.57535 7.27803 5.6917 7.27803H3.0917C2.20804 7.27803 1.4917 6.56168 1.4917 5.67803V3.07803ZM3.0917 2.67803C2.87078 2.67803 2.6917 2.85711 2.6917 3.07803V5.67803C2.6917 5.89894 2.87079 6.07803 3.0917 6.07803H5.6917C5.91261 6.07803 6.0917 5.89894 6.0917 5.67803V3.07803C6.0917 2.85711 5.91261 2.67803 5.6917 2.67803H3.0917Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.6175 2.45279C14.8518 2.68711 14.8518 3.06701 14.6175 3.30132L11.6151 6.30365C11.3957 6.52307 11.0451 6.53897 10.8067 6.34031L8.80915 4.67566C8.55458 4.46352 8.52019 4.08518 8.73233 3.83062 8.94447 3.57605 9.32281 3.54166 9.57737 3.7538L11.154 5.06767 13.769 2.45278C14.0033 2.21847 14.3832 2.21848 14.6175 2.45279zM14.1175 9.19746C14.3518 9.43178 14.3518 9.81168 14.1175 10.046L12.5418 11.6217 14.1175 13.1975C14.3518 13.4318 14.3518 13.8117 14.1175 14.046 13.8832 14.2803 13.5033 14.2803 13.269 14.046L11.6933 12.4703 10.1175 14.046C9.88321 14.2803 9.50331 14.2803 9.269 14.046 9.03468 13.8117 9.03468 13.4318 9.269 13.1975L10.8447 11.6217 9.269 10.046C9.03468 9.81168 9.03468 9.43178 9.269 9.19746 9.50331 8.96315 9.88321 8.96315 10.1175 9.19746L11.6933 10.7732 13.269 9.19746C13.5033 8.96315 13.8832 8.96315 14.1175 9.19746z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.0917 8.72168C2.20804 8.72168 1.4917 9.43802 1.4917 10.3217V12.9217C1.4917 13.8053 2.20804 14.5217 3.0917 14.5217H5.6917C6.57535 14.5217 7.2917 13.8053 7.2917 12.9217V10.3217C7.2917 9.43802 6.57536 8.72168 5.6917 8.72168H3.0917ZM2.6917 10.3217C2.6917 10.1008 2.87078 9.92168 3.0917 9.92168H5.6917C5.91261 9.92168 6.0917 10.1008 6.0917 10.3217V12.9217C6.0917 13.1426 5.91261 13.3217 5.6917 13.3217H3.0917C2.87079 13.3217 2.6917 13.1426 2.6917 12.9217V10.3217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, wo = Mt(function(t, e) {
+  return Et(Ot, Object.assign({}, t, {
+    id: "data-validation-single",
+    ref: e,
+    icon: si
+  }));
+});
+wo.displayName = "DataValidationSingle";
+var li = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Rn = Mt(function(t, e) {
+  return Et(Ot, Object.assign({}, t, {
+    id: "delete-single",
+    ref: e,
+    icon: li
+  }));
+});
+Rn.displayName = "DeleteSingle";
+var di = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, Ro = Mt(function(t, e) {
+  return Et(Ot, Object.assign({}, t, {
+    id: "increase-single",
+    ref: e,
+    icon: di
+  }));
+});
+Ro.displayName = "IncreaseSingle";
+var ci = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Do = Mt(function(t, e) {
+  return Et(Ot, Object.assign({}, t, {
+    id: "more-down-single",
+    ref: e,
+    icon: ci
+  }));
+});
+Do.displayName = "MoreDownSingle";
+var ui = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.64645 9.85355C4.45118 9.65829 4.45118 9.34171 4.64645 9.14645L7.64645 6.14645C7.84171 5.95118 8.15829 5.95118 8.35355 6.14645L11.3536 9.14645C11.5488 9.34171 11.5488 9.65829 11.3536 9.85355C11.1583 10.0488 10.8417 10.0488 10.6464 9.85355L8 7.20711L5.35355 9.85355C5.15829 10.0488 4.84171 10.0488 4.64645 9.85355Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Vo = Mt(function(t, e) {
+  return Et(Ot, Object.assign({}, t, {
+    id: "more-up-single",
+    ref: e,
+    icon: ui
+  }));
+});
+Vo.displayName = "MoreUpSingle";
+var hi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z" } }] }] }, yo = Mt(function(t, e) {
+  return Et(Ot, Object.assign({}, t, {
+    id: "sequence-single",
+    ref: e,
+    icon: hi
+  }));
+});
+yo.displayName = "SequenceSingle";
+var pi = Object.getOwnPropertyDescriptor, mi = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? pi(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, Bn = (t, e) => (o, n) => e(o, n, t);
+let ft = class extends Vt {
+  constructor(e, o) {
+    super();
+    E(this, "_open$", new Nn(!1));
+    E(this, "open$", this._open$.pipe(Ya()));
+    E(this, "_activeRule");
+    E(this, "_activeRule$", new Nn(void 0));
+    E(this, "activeRule$", this._activeRule$.asObservable());
+    E(this, "_closeDisposable", null);
+    this._univerInstanceService = e, this._sidebarService = o, this.disposeWithMe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(X.UNIVER_SHEET).pipe(In((n) => !n)).subscribe(() => {
+        this.close();
+      })
+    ), this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe((n) => {
+      n.id === Me && (n.visible || setTimeout(() => {
+        this._sidebarService.sidebarOptions$.next({ visible: !1 });
+      }));
+    }));
+  }
+  get activeRule() {
+    return this._activeRule;
+  }
+  get isOpen() {
+    return this._open$.getValue();
+  }
+  dispose() {
+    var e;
+    super.dispose(), this._open$.next(!1), this._open$.complete(), this._activeRule$.complete(), (e = this._closeDisposable) == null || e.dispose();
+  }
+  open() {
+    this._open$.next(!0);
+  }
+  close() {
+    var e;
+    this._open$.next(!1), (e = this._closeDisposable) == null || e.dispose();
+  }
+  setCloseDisposable(e) {
+    this._closeDisposable = jo(() => {
+      e.dispose(), this._closeDisposable = null;
+    });
+  }
+  setActiveRule(e) {
+    this._activeRule = e, this._activeRule$.next(e);
+  }
+};
+ft = mi([
+  Bn(0, rt),
+  Bn(1, mo)
+], ft);
+function gi() {
+  const t = T(Dt), e = St(t.activeDropdown$, t.activeDropdown), o = T(Ae);
+  if (!e)
+    return null;
+  const { location: n, componentKey: a } = e, i = o.get(a), r = `${n.unitId}-${n.subUnitId}-${n.row}-${n.col}`;
+  return i ? /* @__PURE__ */ m(
+    i,
+    {
+      location: n,
+      hideFn: () => {
+        t.hideDropdown();
+      }
+    },
+    r
+  ) : null;
+}
+const Mo = "sheet.ui.dropdown";
+var fi = Object.getOwnPropertyDescriptor, vi = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? fi(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, Lt = (t, e) => (o, n) => e(o, n, t);
+let Dt = class extends Vt {
+  constructor(e, o, n, a, i, r, s) {
+    super();
+    E(this, "_activeDropdown");
+    E(this, "_activeDropdown$", new Xa());
+    E(this, "_currentPopup", null);
+    E(this, "activeDropdown$", this._activeDropdown$.asObservable());
+    E(this, "_zenVisible", !1);
+    this._canvasPopupManagerService = e, this._univerInstanceService = o, this._dataValidatorRegistryService = n, this._zenZoneService = a, this._renderManagerService = i, this._dataValidationModel = r, this._sheetsSelectionsService = s, this._init(), this._initSelectionChange(), this.disposeWithMe(() => {
+      this._activeDropdown$.complete();
+    });
+  }
+  get activeDropdown() {
+    return this._activeDropdown;
+  }
+  _init() {
+    this.disposeWithMe(this._zenZoneService.visible$.subscribe((e) => {
+      this._zenVisible = e, e && this.hideDropdown();
+    }));
+  }
+  _getDropdownByCell(e, o, n, a) {
+    const i = e ? this._univerInstanceService.getUnit(e, X.UNIVER_SHEET) : this._univerInstanceService.getCurrentUnitForType(X.UNIVER_SHEET);
+    if (!i)
+      return;
+    const r = o ? i.getSheetBySheetId(o) : i.getActiveSheet();
+    if (!r)
+      return;
+    const s = this._dataValidationModel.getRuleByLocation(i.getUnitId(), r.getSheetId(), n, a);
+    if (!s)
+      return;
+    const l = this._dataValidatorRegistryService.getValidatorItem(s.type);
+    return l == null ? void 0 : l.dropdown;
+  }
+  _initSelectionChange() {
+    this.disposeWithMe(this._sheetsSelectionsService.selectionMoveEnd$.subscribe((e) => {
+      e && e.every((o) => !(o.primary && this._getDropdownByCell(o.primary.unitId, o.primary.sheetId, o.primary.actualRow, o.primary.actualColumn))) && this.hideDropdown();
+    }));
+  }
+  showDropdown(e, o = !0) {
+    const { location: n } = e, { row: a, col: i, unitId: r, subUnitId: s } = n;
+    if (this._currentPopup && this._currentPopup.dispose(), this._zenVisible)
+      return;
+    this._activeDropdown = e, this._activeDropdown$.next(this._activeDropdown);
+    const l = this._renderManagerService.getRenderById(Yo), c = this._canvasPopupManagerService.attachPopupToCell(
+      a,
+      i,
+      {
+        componentKey: Mo,
+        onClickOutside: () => {
+          o && this.hideDropdown();
+        },
+        offset: [0, 3],
+        excludeOutside: [l == null ? void 0 : l.engine.getCanvasElement()].filter(Boolean)
+      },
+      r,
+      s
+    );
+    if (!c)
+      throw new Error("[DataValidationDropdownManagerService]: cannot show dropdown!");
+    const u = new Xo();
+    u.add(c), u.add({
+      dispose: () => {
+        var h, d;
+        (d = (h = this._activeDropdown) == null ? void 0 : h.onHide) == null || d.call(h);
+      }
+    }), this._currentPopup = u;
+  }
+  hideDropdown() {
+    this._activeDropdown && (this._currentPopup && this._currentPopup.dispose(), this._currentPopup = null, this._activeDropdown = null, this._activeDropdown$.next(null));
+  }
+  showDataValidationDropdown(e, o, n, a, i) {
+    const r = this._univerInstanceService.getUnit(e, X.UNIVER_SHEET);
+    if (!r)
+      return;
+    const s = r.getSheetBySheetId(o);
+    if (!s)
+      return;
+    const l = this._dataValidationModel.getRuleByLocation(r.getUnitId(), s.getSheetId(), n, a);
+    if (!l)
+      return;
+    const c = this._dataValidatorRegistryService.getValidatorItem(l.type);
+    if (!c || !c.dropdown) {
+      this.hideDropdown();
+      return;
+    }
+    this.showDropdown({
+      location: {
+        workbook: r,
+        worksheet: s,
+        row: n,
+        col: a,
+        unitId: e,
+        subUnitId: o
+      },
+      componentKey: c.dropdown,
+      onHide: i
+    });
+  }
+};
+Dt = vi([
+  Lt(0, b(Ea)),
+  Lt(1, rt),
+  Lt(2, b(bt)),
+  Lt(3, go),
+  Lt(4, yt),
+  Lt(5, b(at)),
+  Lt(6, b(Qn))
+], Dt);
+const Me = "DataValidationPanel", Ht = {
+  id: "data-validation.operation.open-validation-panel",
+  type: ae.OPERATION,
+  handler(t, e) {
+    if (!e)
+      return !1;
+    const { ruleId: o, isAdd: n } = e, a = t.get(ft), i = t.get(ke), r = t.get(rt), s = t.get(mo), l = to(r);
+    if (!l) return !1;
+    const { unitId: c, subUnitId: u } = l, h = o ? i.getRuleById(c, u, o) : void 0;
+    a.open(), a.setActiveRule(h && {
+      unitId: c,
+      subUnitId: u,
+      rule: h
+    });
+    const d = s.open({
+      id: Me,
+      header: { title: n ? "dataValidation.panel.addTitle" : "dataValidation.panel.title" },
+      children: { label: Me },
+      width: 312,
+      onClose: () => a.close()
+    });
+    return a.setCloseDisposable(d), !0;
+  }
+}, Dn = {
+  id: "data-validation.operation.close-validation-panel",
+  type: ae.OPERATION,
+  handler(t) {
+    return t.get(ft).close(), !0;
+  }
+}, Eo = {
+  id: "data-validation.operation.toggle-validation-panel",
+  type: ae.OPERATION,
+  handler(t) {
+    const e = t.get(tt), o = t.get(ft);
+    return o.open(), o.isOpen ? e.executeCommand(Dn.id) : e.executeCommand(Ht.id), !0;
+  }
+}, Fe = {
+  type: ae.OPERATION,
+  id: "sheet.operation.show-data-validation-dropdown",
+  handler(t, e) {
+    if (!e)
+      return !1;
+    const o = t.get(Dt), { unitId: n, subUnitId: a, row: i, column: r } = e, s = o.activeDropdown, l = s == null ? void 0 : s.location;
+    return l && l.unitId === n && l.subUnitId === a && l.row === i && l.col === r || o.showDataValidationDropdown(
+      n,
+      a,
+      i,
+      r
+    ), !0;
+  }
+}, bo = {
+  type: ae.OPERATION,
+  id: "sheet.operation.hide-data-validation-dropdown",
+  handler(t, e) {
+    return e ? (t.get(Dt).hideDropdown(), !0) : !1;
+  }
+}, Ft = "#ECECEC", Vn = "sheets-data-validation-ui.config", Ee = {}, _i = "univer-dv-list-dropdown", Si = "univer-dv-list-dropdown-title", Ci = "univer-dv-list-dropdown-list", Ii = "univer-dv-list-dropdown-list-container", wi = "univer-dv-list-dropdown-selected-icon", Ri = "univer-dv-list-dropdown-item-container", Di = "univer-dv-list-dropdown-item", Vi = "univer-dv-list-dropdown-split", yi = "univer-dv-list-dropdown-edit", _t = {
+  dvListDropdown: _i,
+  dvListDropdownTitle: Si,
+  dvListDropdownList: Ci,
+  dvListDropdownListContainer: Ii,
+  dvListDropdownSelectedIcon: wi,
+  dvListDropdownItemContainer: Ri,
+  dvListDropdownItem: Di,
+  dvListDropdownSplit: Vi,
+  dvListDropdownEdit: yi
+}, Mi = (t) => {
+  var S, I;
+  const { value: e, onChange: o, multiple: n, options: a, title: i, onEdit: r, style: s, filter: l, location: c } = t, u = T(Q), h = T(mn), d = l == null ? void 0 : l.toLowerCase(), { row: C, col: p, unitId: R, subUnitId: w } = c, g = a.filter((v) => d ? v.label.toLowerCase().includes(d) : !0), f = (I = (S = h.getConfig(Vn)) == null ? void 0 : S.showEditOnDropdown) != null ? I : !0, _ = T(eo), V = $t(() => _.permissionCheckWithRanges(
+    {
+      workbookTypes: [Ve],
+      rangeTypes: [De],
+      worksheetTypes: [Re]
+    },
+    [{ startColumn: p, startRow: C, endColumn: p, endRow: C }],
+    R,
+    w
+  ), [_, p, C, R, w]);
+  return /* @__PURE__ */ Y("div", { className: _t.dvListDropdown, style: s, children: [
+    /* @__PURE__ */ m("div", { className: _t.dvListDropdownTitle, children: i }),
+    /* @__PURE__ */ m("div", { className: _t.dvListDropdownList, children: /* @__PURE__ */ m(ia, { children: /* @__PURE__ */ m("div", { className: _t.dvListDropdownListContainer, children: g.map((v, y) => {
+      const P = e.indexOf(v.value) > -1, U = () => {
+        let L;
+        P ? L = new Set(e.filter((F) => F !== v.value)) : L = new Set(n ? [...e, v.value] : [v.value]);
+        const A = [];
+        a.forEach((F) => {
+          L.has(F.value) && A.push(F.value);
+        }), o(A);
+      }, O = v.label.toLocaleLowerCase().indexOf(d);
+      return /* @__PURE__ */ Y("div", { className: _t.dvListDropdownItemContainer, onClick: U, children: [
+        /* @__PURE__ */ m("div", { className: _t.dvListDropdownItem, style: { background: v.color || Ft }, children: d && v.label.toLowerCase().includes(d) ? /* @__PURE__ */ Y(Rt, { children: [
+          /* @__PURE__ */ m("span", { children: v.label.substring(0, O) }),
+          /* @__PURE__ */ m("span", { style: { fontWeight: "bold" }, children: v.label.substring(O, O + d.length) }),
+          /* @__PURE__ */ m("span", { children: v.label.substring(O + d.length) })
+        ] }) : v.label }),
+        /* @__PURE__ */ m("div", { className: _t.dvListDropdownSelectedIcon, children: P ? /* @__PURE__ */ m(Io, {}) : null })
+      ] }, y);
+    }) }) }, l) }),
+    f && V ? /* @__PURE__ */ Y(Rt, { children: [
+      /* @__PURE__ */ m("div", { className: _t.dvListDropdownSplit }),
+      /* @__PURE__ */ m("div", { className: _t.dvListDropdownEdit, children: /* @__PURE__ */ m("a", { onClick: r, children: u.t("dataValidation.list.edit") }) })
+    ] }) : null
+  ] });
+};
+function Ei(t) {
+  var N, B, x, z;
+  const { location: e, hideFn: o } = t, { worksheet: n, row: a, col: i, unitId: r, subUnitId: s } = e, l = T(ke), [c, u] = j(""), h = T(tt), d = T(Q), [C, p] = j(""), R = T(ho), w = T(rt), g = $t(() => l.ruleChange$.pipe(wn(16)), []), f = T(at);
+  St(g);
+  const _ = Ua.useContext(), V = ((B = (N = _.current) == null ? void 0 : N.right) != null ? B : 0) - ((z = (x = _.current) == null ? void 0 : x.left) != null ? z : 0);
+  if (wt(() => {
+    const H = h.onCommandExecuted((G) => {
+      var J, et;
+      if (G.id === ja.id) {
+        const nt = G.params, { unitId: st } = nt, it = w.getUnit(st, X.UNIVER_DOC);
+        if (!it || !R.isVisible().visible) return;
+        const lt = zo.transform.getPlainText((et = (J = it.getSnapshot().body) == null ? void 0 : J.dataStream) != null ? et : "");
+        u(lt);
+      }
+    });
+    return () => {
+      H.dispose();
+    };
+  }, [h, R, w]), !n)
+    return null;
+  const S = f.getRuleByLocation(r, s, a, i);
+  if (!S)
+    return null;
+  const I = f.getValidator(S.type);
+  if (!I)
+    return null;
+  const v = n.getCell(a, i), y = (S == null ? void 0 : S.renderMode) === ct.CUSTOM || (S == null ? void 0 : S.renderMode) === void 0;
+  if (!v || !S || !I || I.id.indexOf(K.LIST) !== 0)
+    return;
+  const P = S.type === K.LIST_MULTIPLE, U = I.getListWithColor(S, r, s), O = C || Sa(n.getCellRaw(a, i)), L = ao(O), A = () => {
+    h.executeCommand(Ht.id, {
+      ruleId: S.uid
+    }), o();
+  }, F = U.map((H) => ({
+    label: H.label,
+    value: H.label,
+    color: y || H.color ? H.color : "transparent"
+  }));
+  return /* @__PURE__ */ m(
+    Mi,
+    {
+      style: { minWidth: V, maxWidth: Math.max(V, 200) },
+      title: P ? d.t("dataValidation.listMultiple.dropdown") : d.t("dataValidation.list.dropdown"),
+      value: L,
+      multiple: P,
+      onChange: async (H) => {
+        const G = io(H), J = {
+          unitId: r,
+          subUnitId: s,
+          range: {
+            startColumn: i,
+            endColumn: i,
+            startRow: a,
+            endRow: a
+          },
+          value: {
+            v: G,
+            p: null,
+            f: null,
+            si: null
+          }
+        };
+        R.isVisible() && h.executeCommand(rn.id, {
+          visible: !1,
+          eventType: nn.Keyboard,
+          unitId: r,
+          keycode: ln.ESC
+        }), p(G), P || o(), R.isVisible().visible && await h.executeCommand(rn.id, {
+          visible: !1,
+          eventType: nn.Keyboard,
+          unitId: r,
+          keycode: ln.ESC
+        }), h.executeCommand(_n.id, J);
+      },
+      options: F,
+      onEdit: A,
+      filter: c,
+      location: e
+    }
+  );
+}
+const bi = "univer-data-validation-options-button", Oi = "univer-data-validation-options-button-icon", We = {
+  dataValidationOptionsButton: bi,
+  dataValidationOptionsButtonIcon: Oi
+};
+function Li(t) {
+  var c;
+  const e = T(Q), o = T(Ae), { value: n, onChange: a, extraComponent: i } = t, [r, s] = j(!1), l = i ? o.get(i) : null;
+  return /* @__PURE__ */ Y(Rt, { children: [
+    /* @__PURE__ */ Y("div", { className: We.dataValidationOptionsButton, onClick: () => s(!r), children: [
+      e.t("dataValidation.panel.options"),
+      r ? /* @__PURE__ */ m(Vo, { className: We.dataValidationOptionsButtonIcon }) : /* @__PURE__ */ m(Do, { className: We.dataValidationOptionsButtonIcon })
+    ] }),
+    r && /* @__PURE__ */ Y(Rt, { children: [
+      l ? /* @__PURE__ */ m(l, { value: n, onChange: a }) : null,
+      /* @__PURE__ */ m(
+        q,
+        {
+          label: e.t("dataValidation.panel.invalid"),
+          children: /* @__PURE__ */ Y(
+            fn,
+            {
+              value: `${(c = n.errorStyle) != null ? c : de.WARNING}`,
+              onChange: (u) => a({ ...n, errorStyle: +u }),
+              children: [
+                /* @__PURE__ */ m(Nt, { value: `${de.WARNING}`, children: e.t("dataValidation.panel.showWarning") }),
+                /* @__PURE__ */ m(Nt, { value: `${de.STOP}`, children: e.t("dataValidation.panel.rejectInput") })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ m(
+        q,
+        {
+          label: e.t("dataValidation.panel.messageInfo"),
+          children: /* @__PURE__ */ m(
+            Pe,
+            {
+              checked: n.showErrorMessage,
+              onChange: () => a({
+                ...n,
+                showErrorMessage: !n.showErrorMessage
+              }),
+              children: e.t("dataValidation.panel.showInfo")
+            }
+          )
+        }
+      ),
+      n.showErrorMessage ? /* @__PURE__ */ m(q, { children: /* @__PURE__ */ m(Ut, { value: n.error, onChange: (u) => a({ ...n, error: u }) }) }) : null
+    ] })
+  ] });
+}
+const Ti = "univer-data-validation-detail", Pi = "univer-data-validation-detail-form-item", Ai = "univer-data-validation-detail-buttons", ki = "univer-data-validation-detail-button", jt = {
+  dataValidationDetail: Ti,
+  dataValidationDetailFormItem: Pi,
+  dataValidationDetailButtons: Ai,
+  dataValidationDetailButton: ki
+}, Fi = (t) => Ko(
+  async (e, o, n, a) => {
+    const i = await t.executeCommand(e, o, n);
+    a == null || a(i);
+  },
+  1e3
+);
+function Ni(t, e, o) {
+  var n, a, i, r;
+  return e ? ((a = (n = t.getUnit(e)) == null ? void 0 : n.getSheetBySheetName(o)) == null ? void 0 : a.getSheetId()) || "" : ((r = (i = t.getCurrentUnitForType(X.UNIVER_SHEET)) == null ? void 0 : i.getSheetBySheetName(o)) == null ? void 0 : r.getSheetId()) || "";
+}
+function Ui() {
+  var lt;
+  const [t, e] = j(0), o = T(ft), n = St(o.activeRule$, o.activeRule), { unitId: a, subUnitId: i, rule: r } = n || {}, s = r.uid, l = T(bt), c = T(rt), u = T(Ae), h = T(tt), d = T(ke), C = T(Q), [p, R] = j(r), w = l.getValidatorItem(p.type), [g, f] = j(!1), _ = l.getValidatorsByScope(Ha.SHEET), [V, S] = j(() => p.ranges.map((M) => ({ unitId: "", sheetId: "", range: M }))), I = $t(() => Fi(h), [h]), [v, y] = j(!1), [P, U] = j(!1), O = Jt(null), L = T(Qn);
+  if (wt(() => () => {
+    const M = L.getCurrentLastSelection();
+    M && L.setSelections([M]);
+  }, [L]), wt(() => {
+    h.onCommandExecuted((M) => {
+      (M.id === Go.id || M.id === Zo.id) && setTimeout(() => {
+        const D = d.getRuleById(a, i, s);
+        e((k) => k + 1), D && (R(D), S(D.ranges.map((k) => ({ unitId: "", sheetId: "", range: k }))));
+      }, 20);
+    });
+  }, [h, d, s, i, a]), !w)
+    return null;
+  const A = w.operators, F = w.operatorNames, N = p.operator ? xa.includes(p.operator) : !1, B = () => {
+    var M, D, k;
+    (D = (M = O.current) == null ? void 0 : M.editor) != null && D.isFocus() && x((k = O.current) == null ? void 0 : k.getValue()), !(!p.ranges.length || v) && (w.validatorFormula(p, a, i).success ? o.setActiveRule(null) : f(!0));
+  }, x = dn((M) => {
+    const D = M.split(",").filter(Boolean).map(Ka).map((W) => {
+      const Ct = W.sheetName;
+      if (Ct) {
+        const $o = Ni(c, W.unitId, Ct);
+        return { ...W, sheetId: $o };
+      }
+      return {
+        ...W,
+        sheetId: ""
+      };
+    });
+    if (qo(D, V))
+      return;
+    S(D);
+    const k = D.filter((W) => (!W.unitId || W.unitId === a) && (!W.sheetId || W.sheetId === i)).map((W) => W.range);
+    if (R({
+      ...p,
+      ranges: k
+    }), k.length === 0)
+      return;
+    const $ = {
+      unitId: a,
+      subUnitId: i,
+      ruleId: s,
+      ranges: k
+    };
+    I(ro.id, $);
+  }), z = (M) => {
+    if (En(M, Fn(p)))
+      return;
+    R({
+      ...p,
+      ...M
+    });
+    const D = {
+      unitId: a,
+      subUnitId: i,
+      ruleId: s,
+      setting: M
+    };
+    I(
+      On.id,
+      D,
+      void 0
+    );
+  }, H = async () => {
+    await h.executeCommand(so.id, {
+      ruleId: s,
+      unitId: a,
+      subUnitId: i
+    }), o.setActiveRule(null);
+  }, G = {
+    type: p.type,
+    operator: p.operator,
+    formula1: p.formula1,
+    formula2: p.formula2,
+    allowBlank: p.allowBlank
+  }, J = (M) => {
+    const D = l.getValidatorItem(M);
+    if (!D)
+      return;
+    const k = D.operators, $ = d.getRuleById(a, i, s), W = M === ($ == null ? void 0 : $.type) || M.includes("list") && ($ != null && $.type.includes("list")) ? {
+      ...$,
+      type: M
+    } : {
+      ...p,
+      type: M,
+      operator: k[0],
+      formula1: void 0,
+      formula2: void 0
+    };
+    R(W), h.executeCommand(On.id, {
+      unitId: a,
+      subUnitId: i,
+      ruleId: p.uid,
+      setting: Fn(W)
+    });
+  }, et = u.get(w.formulaInput), nt = $t(() => V.map((M) => _o(M.range)).join(","), []), st = kn(p), it = (M) => {
+    En(M, kn(p)) || (R({
+      ...p,
+      ...M
+    }), I(
+      Ca.id,
+      {
+        unitId: a,
+        subUnitId: i,
+        ruleId: s,
+        options: M
+      }
+    ));
+  };
+  return /* @__PURE__ */ Y("div", { className: jt.dataValidationDetail, children: [
+    /* @__PURE__ */ m(
+      q,
+      {
+        label: C.t("dataValidation.panel.range"),
+        error: !p.ranges.length || v ? C.t("dataValidation.panel.rangeError") : "",
+        children: /* @__PURE__ */ m(
+          Ga,
+          {
+            selectorRef: O,
+            unitId: a,
+            subUnitId: i,
+            initialValue: nt,
+            onChange: (M, D) => {
+              var k;
+              !P && ((k = O.current) != null && k.verify()) && x(D);
+            },
+            onFocusChange: (M, D) => {
+              var k;
+              U(M), !M && D && ((k = O.current) != null && k.verify()) && x(D);
+            },
+            onVerify: (M) => y(!M)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ m(q, { label: C.t("dataValidation.panel.type"), children: /* @__PURE__ */ m(
+      en,
+      {
+        options: _ == null ? void 0 : _.map((M) => ({
+          label: C.t(M.title),
+          value: M.id
+        })),
+        value: p.type,
+        onChange: J,
+        className: jt.dataValidationDetailFormItem
+      }
+    ) }),
+    A != null && A.length ? /* @__PURE__ */ m(q, { label: C.t("dataValidation.panel.operator"), children: /* @__PURE__ */ m(
+      en,
+      {
+        options: A.map((M, D) => ({
+          value: `${M}`,
+          label: F[D]
+        })),
+        value: `${p.operator}`,
+        onChange: (M) => {
+          z({
+            ...G,
+            operator: M
+          });
+        },
+        className: jt.dataValidationDetailFormItem
+      }
+    ) }) : null,
+    et ? /* @__PURE__ */ m(q, { children: /* @__PURE__ */ m(
+      et,
+      {
+        isTwoFormula: N,
+        value: {
+          formula1: p.formula1,
+          formula2: p.formula2
+        },
+        onChange: (M) => {
+          z({
+            ...G,
+            ...M
+          });
+        },
+        showError: g,
+        validResult: w.validatorFormula(p, a, i),
+        unitId: a,
+        subUnitId: i,
+        ruleId: s
+      },
+      t + p.type
+    ) }) : null,
+    /* @__PURE__ */ m(q, { children: /* @__PURE__ */ m(
+      Pe,
+      {
+        checked: (lt = p.allowBlank) != null ? lt : !0,
+        onChange: () => {
+          var M;
+          return z({
+            ...G,
+            allowBlank: !((M = p.allowBlank) == null || M)
+          });
+        },
+        children: C.t("dataValidation.panel.allowBlank")
+      }
+    ) }),
+    /* @__PURE__ */ m(Li, { value: st, onChange: it, extraComponent: w.optionsInput }),
+    /* @__PURE__ */ Y("div", { className: jt.dataValidationDetailButtons, children: [
+      /* @__PURE__ */ m(Bt, { className: jt.dataValidationDetailButton, onClick: H, children: C.t("dataValidation.panel.removeRule") }),
+      /* @__PURE__ */ m(Bt, { className: jt.dataValidationDetailButton, type: "primary", onClick: B, children: C.t("dataValidation.panel.done") })
+    ] })
+  ] });
+}
+const Bi = "univer-data-validation-item-container", $i = "univer-data-validation-item-title", Wi = "univer-data-validation-item-content", Hi = "univer-data-validation-item-icon", pe = {
+  dataValidationItemContainer: Bi,
+  dataValidationItemTitle: $i,
+  dataValidationItemContent: Wi,
+  dataValidationItemIcon: Hi
+}, xi = (t) => {
+  const { rule: e, onClick: o, unitId: n, subUnitId: a, disable: i } = t, r = T(bt), s = T(tt), l = T(ba), c = r.getValidatorItem(e.type), u = Jt(void 0), [h, d] = j(!1), C = T(zn), p = St(C.currentTheme$), R = $t(() => {
+    var _;
+    const g = (_ = p == null ? void 0 : p.loopColor2) != null ? _ : "#49B811", f = new Jo(g).toRgb();
+    return {
+      fill: `rgba(${f.r}, ${f.g}, ${f.b}, 0.1)`,
+      stroke: g
+    };
+  }, [p]), w = (g) => {
+    s.executeCommand(so.id, {
+      ruleId: e.uid,
+      unitId: n,
+      subUnitId: a
+    }), g.stopPropagation();
+  };
+  return wt(() => () => {
+    var g;
+    u.current && ((g = u.current) == null || g.forEach((f) => {
+      f && l.removeShape(f);
+    }));
+  }, [l]), /* @__PURE__ */ Y(
+    "div",
+    {
+      className: pe.dataValidationItemContainer,
+      onClick: o,
+      onMouseEnter: () => {
+        i || (d(!0), u.current = e.ranges.map((g) => l.addShape({
+          range: g,
+          style: R,
+          primary: null
+        })));
+      },
+      onMouseLeave: () => {
+        var g;
+        d(!1), (g = u.current) == null || g.forEach((f) => {
+          f && l.removeShape(f);
+        }), u.current = void 0;
+      },
+      children: [
+        /* @__PURE__ */ m("div", { className: pe.dataValidationItemTitle, children: c == null ? void 0 : c.generateRuleName(e) }),
+        /* @__PURE__ */ m("div", { className: pe.dataValidationItemContent, children: e.ranges.map((g) => _o(g)).join(",") }),
+        h ? /* @__PURE__ */ m("div", { className: pe.dataValidationItemIcon, onClick: w, children: /* @__PURE__ */ m(Rn, {}) }) : null
+      ]
+    }
+  );
+}, ji = "univer-data-validation-list", Yi = "univer-data-validation-list-buttons", Xi = "univer-data-validation-list-button", me = {
+  dataValidationList: ji,
+  dataValidationListButtons: Yi,
+  dataValidationListButton: Xi
+};
+function zi(t) {
+  const e = T(at), o = T(rt), n = T(tt), a = T(Wt), i = T(ft), r = T(Q), [s, l] = j([]), { workbook: c } = t, u = St(c.activeSheet$, void 0, !0), h = c.getUnitId(), d = u == null ? void 0 : u.getSheetId();
+  wt(() => {
+    l(e.getRules(h, d));
+    const f = e.ruleChange$.subscribe((_) => {
+      _.unitId === h && _.subUnitId === d && l(e.getRules(h, d));
+    });
+    return () => {
+      f.unsubscribe();
+    };
+  }, [h, d, e]);
+  const C = async () => {
+    const f = lo(a), _ = {
+      unitId: h,
+      subUnitId: d,
+      rule: f
+    };
+    await n.executeCommand(Sn.id, _), i.setActiveRule({
+      unitId: h,
+      subUnitId: d,
+      rule: f
+    });
+  }, p = () => {
+    n.executeCommand(Ia.id, {
+      unitId: h,
+      subUnitId: d
+    });
+  }, w = ((f) => {
+    const _ = o.getCurrentUnitForType(X.UNIVER_SHEET), V = _.getActiveSheet(), S = _.getUnitId(), I = V.getSheetId();
+    return f.map((y) => fa(a, S, I, y.ranges) ? { ...y } : { ...y, disable: !0 });
+  })(s), g = w == null ? void 0 : w.some((f) => f.disable);
+  return /* @__PURE__ */ Y("div", { className: me.dataValidationList, children: [
+    w == null ? void 0 : w.map((f) => {
+      var _;
+      return /* @__PURE__ */ m(
+        xi,
+        {
+          unitId: h,
+          subUnitId: d,
+          onClick: () => {
+            f.disable || i.setActiveRule({
+              unitId: h,
+              subUnitId: d,
+              rule: f
+            });
+          },
+          rule: f,
+          disable: (_ = f.disable) != null ? _ : !1
+        },
+        f.uid
+      );
+    }),
+    /* @__PURE__ */ Y("div", { className: me.dataValidationListButtons, children: [
+      s.length && !g ? /* @__PURE__ */ m(Bt, { className: me.dataValidationListButton, onClick: p, children: r.t("dataValidation.panel.removeAll") }) : null,
+      /* @__PURE__ */ m(Bt, { className: me.dataValidationListButton, type: "primary", onClick: C, children: r.t("dataValidation.panel.add") })
+    ] })
+  ] });
+}
+const Ki = () => {
+  const t = T(ft), e = St(t.activeRule$, t.activeRule), o = T(rt), n = St(
+    () => o.getCurrentTypeOfUnit$(X.UNIVER_SHEET),
+    void 0,
+    void 0,
+    []
+  ), a = St(() => {
+    var i;
+    return (i = n == null ? void 0 : n.activeSheet$) != null ? i : za(null);
+  }, void 0, void 0, []);
+  return !n || !a ? null : e && e.subUnitId === a.getSheetId() ? /* @__PURE__ */ m(Ui, {}, e.rule.uid) : /* @__PURE__ */ m(zi, { workbook: n });
+}, yn = "data-validation.list.dropdown", Oo = "data-validation.date.dropdown", Ne = {
+  type: ae.COMMAND,
+  id: "data-validation.command.addRuleAndOpen",
+  handler(t) {
+    const e = t.get(rt), o = to(e);
+    if (!o) return !1;
+    const { workbook: n, worksheet: a } = o, i = lo(t), r = t.get(tt), s = n.getUnitId(), l = a.getSheetId(), c = {
+      rule: i,
+      unitId: s,
+      subUnitId: l
+    };
+    return r.syncExecuteCommand(Sn.id, c) ? (r.syncExecuteCommand(Ht.id, {
+      ruleId: i.uid,
+      isAdd: !0
+    }), !0) : !1;
+  }
+};
+var Gi = Object.getOwnPropertyDescriptor, Zi = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? Gi(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, Yt = (t, e) => (o, n) => e(o, n, t);
+const Tt = "SHEET_DATA_VALIDATION_ALERT";
+let ue = class extends Vt {
+  constructor(t, e, o, n, a, i) {
+    super(), this._hoverManagerService = t, this._cellAlertManagerService = e, this._univerInstanceService = o, this._localeService = n, this._zenZoneService = a, this._dataValidationModel = i, this._init();
+  }
+  _init() {
+    this._initCellAlertPopup(), this._initZenService();
+  }
+  _initCellAlertPopup() {
+    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(wn(100)).subscribe((t) => {
+      var e;
+      if (t) {
+        const o = this._univerInstanceService.getUnit(t.location.unitId, X.UNIVER_SHEET), n = o.getSheetBySheetId(t.location.subUnitId);
+        if (!n) return;
+        const a = this._dataValidationModel.getRuleByLocation(t.location.unitId, t.location.subUnitId, t.location.row, t.location.col);
+        if (!a) {
+          this._cellAlertManagerService.removeAlert(Tt);
+          return;
+        }
+        if (this._dataValidationModel.validator(a, { ...t.location, workbook: o, worksheet: n }) === Kt.INVALID) {
+          const r = this._cellAlertManagerService.currentAlert.get(Tt), s = (e = r == null ? void 0 : r.alert) == null ? void 0 : e.location;
+          if (s && s.row === t.location.row && s.col === t.location.col && s.subUnitId === t.location.subUnitId && s.unitId === t.location.unitId) {
+            this._cellAlertManagerService.removeAlert(Tt);
+            return;
+          }
+          const l = this._dataValidationModel.getValidator(a.type);
+          if (!l) {
+            this._cellAlertManagerService.removeAlert(Tt);
+            return;
+          }
+          this._cellAlertManagerService.showAlert({
+            type: Ta.ERROR,
+            title: this._localeService.t("dataValidation.error.title"),
+            message: l == null ? void 0 : l.getRuleFinalError(a, t.location),
+            location: t.location,
+            width: 200,
+            height: 74,
+            key: Tt
+          });
+          return;
+        }
+      }
+      this._cellAlertManagerService.removeAlert(Tt);
+    }));
+  }
+  _initZenService() {
+    this.disposeWithMe(this._zenZoneService.visible$.subscribe((t) => {
+      t && this._cellAlertManagerService.removeAlert(Tt);
+    }));
+  }
+};
+ue = Zi([
+  Yt(0, b(Oa)),
+  Yt(1, b(La)),
+  Yt(2, rt),
+  Yt(3, b(Q)),
+  Yt(4, go),
+  Yt(5, b(at))
+], ue);
+var qi = Object.getOwnPropertyDescriptor, Ji = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? qi(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, He = (t, e) => (o, n) => e(o, n, t);
+let Qt = class extends Vt {
+  constructor(t, e, o) {
+    super(), this._autoFillService = t, this._sheetDataValidationModel = e, this._injector = o, this._initAutoFill();
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _initAutoFill() {
+    const t = () => ({ redos: [], undos: [] }), e = (n, a) => {
+      const { source: i, target: r, unitId: s, subUnitId: l } = n, c = this._sheetDataValidationModel.getRuleObjectMatrix(s, l).clone(), u = sn([i, r]), [h, d] = u.ranges, { mapFunc: C } = u, p = {
+        row: h.startRow,
+        col: h.startColumn
+      }, R = Aa(h, d), w = new Ie(), g = /* @__PURE__ */ new Set();
+      R.forEach((I) => {
+        const v = I.repeatStartCell, y = I.relativeRange, P = {
+          startRow: p.row,
+          startColumn: p.col,
+          endColumn: p.col,
+          endRow: p.row
+        }, U = {
+          startRow: v.row,
+          startColumn: v.col,
+          endColumn: v.col,
+          endRow: v.row
+        };
+        Qo.foreach(y, (O, L) => {
+          const A = we.getPositionRange(
+            {
+              startRow: O,
+              startColumn: L,
+              endColumn: L,
+              endRow: O
+            },
+            P
+          ), { row: F, col: N } = C(A.startRow, A.startColumn), B = this._sheetDataValidationModel.getRuleIdByLocation(s, l, F, N) || "", x = we.getPositionRange(
+            {
+              startRow: O,
+              startColumn: L,
+              endColumn: L,
+              endRow: O
+            },
+            U
+          ), { row: z, col: H } = C(x.startRow, x.startColumn);
+          w.setValue(z, H, B), g.add(B);
+        });
+      });
+      const f = Array.from(g).map((I) => ({ id: I, ranges: Qe(w, (v) => v === I) }));
+      c.addRangeRules(f);
+      const _ = c.diff(this._sheetDataValidationModel.getRules(s, l)), { redoMutations: V, undoMutations: S } = an(s, l, _, this._injector, "patched", a === se.ONLY_FORMAT);
+      return {
+        undos: S,
+        redos: V
+      };
+    }, o = {
+      id: co,
+      onBeforeFillData: (n) => {
+        const { source: a, unitId: i, subUnitId: r } = n;
+        for (const s of a.rows)
+          for (const l of a.cols) {
+            const c = this._sheetDataValidationModel.getRuleByLocation(i, r, s, l);
+            if (c && c.type === K.CHECKBOX) {
+              this._autoFillService.setDisableApplyType(se.SERIES, !0);
+              return;
+            }
+          }
+      },
+      onFillData: (n, a, i) => i === se.COPY || i === se.ONLY_FORMAT || i === se.SERIES ? e(n, i) : t(),
+      onAfterFillData: () => {
+      }
+    };
+    this.disposeWithMe(this._autoFillService.addHook(o));
+  }
+};
+Qt = Ji([
+  He(0, Pa),
+  He(1, b(at)),
+  He(2, b(Wt))
+], Qt);
+var Qi = Object.getOwnPropertyDescriptor, tr = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? Qi(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, xe = (t, e) => (o, n) => e(o, n, t);
+let te = class extends Vt {
+  constructor(e, o, n) {
+    super();
+    E(this, "_copyInfo");
+    this._sheetClipboardService = e, this._sheetDataValidationModel = o, this._injector = n, this._initCopyPaste();
+  }
+  _initCopyPaste() {
+    this._sheetClipboardService.addClipboardHook({
+      id: co,
+      onBeforeCopy: (e, o, n) => this._collect(e, o, n),
+      onPasteCells: (e, o, n, a) => {
+        const { copyType: i = Tn.COPY, pasteType: r } = a, { range: s } = e || {}, { range: l, unitId: c, subUnitId: u } = o;
+        return this._generateMutations(l, { copyType: i, pasteType: r, copyRange: s, unitId: c, subUnitId: u });
+      }
+    });
+  }
+  _collect(e, o, n) {
+    const a = new Ie();
+    this._copyInfo = {
+      unitId: e,
+      subUnitId: o,
+      matrix: a
+    };
+    const i = this._injector.invoke((l) => va(n, l, e, o));
+    if (!i)
+      return;
+    const { rows: r, cols: s } = i;
+    r.forEach((l, c) => {
+      s.forEach((u, h) => {
+        const d = this._sheetDataValidationModel.getRuleIdByLocation(e, o, l, u);
+        a.setValue(c, h, d != null ? d : "");
+      });
+    });
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _generateMutations(e, o) {
+    if (!this._copyInfo)
+      return { redos: [], undos: [] };
+    if (o.copyType === Tn.CUT)
+      return this._copyInfo = null, { redos: [], undos: [] };
+    if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !o.copyRange)
+      return { redos: [], undos: [] };
+    if ([
+      he.SPECIAL_PASTE_COL_WIDTH,
+      he.SPECIAL_PASTE_VALUE,
+      he.SPECIAL_PASTE_FORMAT,
+      he.SPECIAL_PASTE_FORMULA
+    ].includes(o.pasteType))
+      return { redos: [], undos: [] };
+    const { unitId: a, subUnitId: i } = this._copyInfo;
+    if (o.unitId !== a || i !== o.subUnitId) {
+      const r = this._sheetDataValidationModel.getRuleObjectMatrix(o.unitId, o.subUnitId).clone(), s = new Ie(), l = /* @__PURE__ */ new Set(), { ranges: [c, u], mapFunc: h } = sn([o.copyRange, e]), d = Pn(c, u, !0), C = /* @__PURE__ */ new Map();
+      d.forEach(({ startRange: g }) => {
+        var f;
+        (f = this._copyInfo) == null || f.matrix.forValue((_, V, S) => {
+          const I = we.getPositionRange(
+            {
+              startRow: _,
+              endRow: _,
+              startColumn: V,
+              endColumn: V
+            },
+            g
+          ), v = `${i}-${S}`, y = this._sheetDataValidationModel.getRuleById(a, i, S);
+          !this._sheetDataValidationModel.getRuleById(o.unitId, o.subUnitId, v) && y && C.set(v, { ...y, uid: v });
+          const { row: P, col: U } = h(I.startRow, I.startColumn);
+          l.add(v), s.setValue(P, U, v);
+        });
+      });
+      const p = Array.from(l).map((g) => ({ id: g, ranges: Qe(s, (f) => f === g) }));
+      r.addRangeRules(p);
+      const { redoMutations: R, undoMutations: w } = an(
+        o.unitId,
+        o.subUnitId,
+        r.diffWithAddition(this._sheetDataValidationModel.getRules(o.unitId, o.subUnitId), C.values()),
+        this._injector,
+        "patched",
+        !1
+      );
+      return {
+        redos: R,
+        undos: w
+      };
+    } else {
+      const r = this._sheetDataValidationModel.getRuleObjectMatrix(a, i).clone(), s = new Ie(), l = /* @__PURE__ */ new Set(), { ranges: [c, u], mapFunc: h } = sn([o.copyRange, e]);
+      Pn(c, u, !0).forEach(({ startRange: w }) => {
+        var g;
+        (g = this._copyInfo) == null || g.matrix.forValue((f, _, V) => {
+          const S = we.getPositionRange(
+            {
+              startRow: f,
+              endRow: f,
+              startColumn: _,
+              endColumn: _
+            },
+            w
+          ), { row: I, col: v } = h(S.startRow, S.startColumn);
+          s.setValue(I, v, V), l.add(V);
+        });
+      });
+      const C = Array.from(l).map((w) => ({ id: w, ranges: Qe(s, (g) => g === w) }));
+      r.addRangeRules(C);
+      const { redoMutations: p, undoMutations: R } = an(
+        a,
+        i,
+        r.diff(this._sheetDataValidationModel.getRules(a, i)),
+        this._injector,
+        "patched",
+        !1
+      );
+      return {
+        redos: p,
+        undos: R
+      };
+    }
+  }
+};
+te = tr([
+  xe(0, ka),
+  xe(1, b(at)),
+  xe(2, b(Wt))
+], te);
+var er = Object.getOwnPropertyDescriptor, nr = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? er(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, je = (t, e) => (o, n) => e(o, n, t);
+let ee = class extends Vt {
+  constructor(t, e, o) {
+    super(), this._localeService = t, this._commandService = e, this._sheetPermissionCheckController = o, this._commandExecutedListener();
+  }
+  _commandExecutedListener() {
+    this.disposeWithMe(
+      this._commandService.beforeCommandExecuted((t) => {
+        t.id === Sn.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
+          workbookTypes: [Ve],
+          rangeTypes: [De],
+          worksheetTypes: [Re, on]
+        }) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"))), t.id === ro.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
+          workbookTypes: [Ve],
+          rangeTypes: [De],
+          worksheetTypes: [Re, on]
+        }, t.params.ranges) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr")));
+      })
+    );
+  }
+};
+ee = nr([
+  je(0, b(Q)),
+  je(1, tt),
+  je(2, b(eo))
+], ee);
+const Lo = "data-validation-single", To = "sheet.menu.data-validation";
+function or(t) {
+  return {
+    id: To,
+    type: Cn.SUBITEMS,
+    icon: Lo,
+    tooltip: "dataValidation.title",
+    hidden$: Ba(t, X.UNIVER_SHEET),
+    disabled$: Fa(t, { workbookTypes: [Ve], worksheetTypes: [on, Re], rangeTypes: [De] })
+  };
+}
+function ar(t) {
+  return {
+    id: Ht.id,
+    title: "dataValidation.panel.title",
+    type: Cn.BUTTON
+  };
+}
+function ir(t) {
+  return {
+    id: Ne.id,
+    title: "dataValidation.panel.add",
+    type: Cn.BUTTON
+  };
+}
+const rr = {
+  [$a.FORMULAS_INSERT]: {
+    [To]: {
+      order: 9,
+      menuItemFactory: or,
+      [Ht.id]: {
+        order: 0,
+        menuItemFactory: ar
+      },
+      [Ne.id]: {
+        order: 1,
+        menuItemFactory: ir
+      }
+    }
+  }
+};
+var sr = Object.getOwnPropertyDescriptor, Po = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? sr(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, Z = (t, e) => (o, n) => e(o, n, t);
+const Ao = {
+  tr: {
+    size: 6,
+    color: "#fe4b4b"
+  }
+};
+let ne = class extends gn {
+  constructor(t, e, o, n, a, i, r, s, l, c, u) {
+    super(), this._commandService = t, this._menuManagerService = e, this._renderManagerService = o, this._univerInstanceService = n, this._autoHeightController = a, this._dropdownManagerService = i, this._sheetDataValidationModel = r, this._dataValidatorRegistryService = s, this._sheetInterceptorService = l, this._dataValidationCacheService = c, this._editorBridgeService = u, this._initMenu(), this._initDropdown(), this._initViewModelIntercept(), this._initAutoHeight();
+  }
+  _initMenu() {
+    this._menuManagerService.mergeMenu(rr);
+  }
+  _initDropdown() {
+    this._editorBridgeService && this.disposeWithMe(this._editorBridgeService.visible$.subscribe((t) => {
+      var o;
+      if (!t.visible) {
+        ((o = this._dropdownManagerService.activeDropdown) == null ? void 0 : o.trigger) === "editor-bridge" && this._dropdownManagerService.hideDropdown();
+        return;
+      }
+      const e = this._editorBridgeService.getEditCellState();
+      if (e) {
+        const { unitId: n, sheetId: a, row: i, column: r } = e, s = this._univerInstanceService.getUniverSheetInstance(n);
+        if (!s)
+          return;
+        const l = this._sheetDataValidationModel.getRuleByLocation(n, a, i, r);
+        if (!l)
+          return;
+        const c = this._dataValidatorRegistryService.getValidatorItem(l.type);
+        if (!(c != null && c.dropdown))
+          return;
+        const u = s.getActiveSheet();
+        if (!u) return;
+        const h = this._dropdownManagerService.activeDropdown, d = h == null ? void 0 : h.location;
+        if (d && d.unitId === n && d.subUnitId === a && d.row === i && d.col === r)
+          return;
+        this._dropdownManagerService.showDropdown(
+          {
+            location: {
+              unitId: n,
+              subUnitId: a,
+              row: i,
+              col: r,
+              workbook: s,
+              worksheet: u
+            },
+            componentKey: c.dropdown,
+            onHide: () => {
+            },
+            trigger: "editor-bridge"
+          },
+          !1
+        );
+      }
+    }));
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _initViewModelIntercept() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.intercept(
+        no.CELL_CONTENT,
+        {
+          effect: Kn.Style,
+          // must be after numfmt
+          priority: oo.DATA_VALIDATION,
+          // eslint-disable-next-line max-lines-per-function, complexity
+          handler: (t, e, o) => {
+            var g, f, _, V, S;
+            const { row: n, col: a, unitId: i, subUnitId: r, workbook: s, worksheet: l } = e, c = this._sheetDataValidationModel.getRuleIdByLocation(i, r, n, a);
+            if (!c)
+              return o(t);
+            const u = this._sheetDataValidationModel.getRuleById(i, r, c);
+            if (!u)
+              return o(t);
+            const h = (g = this._dataValidationCacheService.getValue(i, r, n, a)) != null ? g : Kt.VALID, d = this._dataValidatorRegistryService.getValidatorItem(u.type), C = e.rawData;
+            let p;
+            const R = {
+              get value() {
+                var I;
+                return p !== void 0 || (p = (I = mt(C)) != null ? I : null), p;
+              }
+            }, w = {
+              get value() {
+                var I;
+                return `${(I = R.value) != null ? I : ""}`;
+              }
+            };
+            return o({
+              ...t,
+              markers: {
+                ...t == null ? void 0 : t.markers,
+                ...h === Kt.INVALID ? Ao : null
+              },
+              customRender: [
+                ...(f = t == null ? void 0 : t.customRender) != null ? f : [],
+                ...d != null && d.canvasRender ? [d.canvasRender] : []
+              ],
+              fontRenderExtension: {
+                ...t == null ? void 0 : t.fontRenderExtension,
+                isSkip: ((_ = t == null ? void 0 : t.fontRenderExtension) == null ? void 0 : _.isSkip) || ((V = d == null ? void 0 : d.skipDefaultFontRender) == null ? void 0 : V.call(d, u, R.value, e))
+              },
+              interceptorStyle: {
+                ...t == null ? void 0 : t.interceptorStyle,
+                ...d == null ? void 0 : d.getExtraStyle(u, w.value, {
+                  get style() {
+                    const I = s.getStyles();
+                    return (typeof (t == null ? void 0 : t.s) == "string" ? I.get(t == null ? void 0 : t.s) : t == null ? void 0 : t.s) || {};
+                  }
+                }, n, a)
+              },
+              interceptorAutoHeight: () => {
+                var P, U, O, L, A, F;
+                const I = (U = (P = this._renderManagerService.getRenderById(i)) == null ? void 0 : P.with(ye).getSkeletonParam(r)) == null ? void 0 : U.skeleton;
+                if (!I)
+                  return;
+                const v = I.worksheet.getMergedCell(n, a), y = {
+                  data: t,
+                  style: I.getStyles().getStyleByCell(t),
+                  primaryWithCoord: I.getCellWithCoordByIndex((O = v == null ? void 0 : v.startRow) != null ? O : n, (L = v == null ? void 0 : v.startColumn) != null ? L : a),
+                  unitId: i,
+                  subUnitId: r,
+                  row: n,
+                  col: a,
+                  workbook: s,
+                  worksheet: l
+                };
+                return (F = (A = d == null ? void 0 : d.canvasRender) == null ? void 0 : A.calcCellAutoHeight) == null ? void 0 : F.call(A, y);
+              },
+              interceptorAutoWidth: () => {
+                var P, U, O, L, A, F;
+                const I = (U = (P = this._renderManagerService.getRenderById(i)) == null ? void 0 : P.with(ye).getSkeletonParam(r)) == null ? void 0 : U.skeleton;
+                if (!I)
+                  return;
+                const v = I.worksheet.getMergedCell(n, a), y = {
+                  data: t,
+                  style: I.getStyles().getStyleByCell(t),
+                  primaryWithCoord: I.getCellWithCoordByIndex((O = v == null ? void 0 : v.startRow) != null ? O : n, (L = v == null ? void 0 : v.startColumn) != null ? L : a),
+                  unitId: i,
+                  subUnitId: r,
+                  row: n,
+                  col: a,
+                  workbook: s,
+                  worksheet: l
+                };
+                return (F = (A = d == null ? void 0 : d.canvasRender) == null ? void 0 : A.calcCellAutoWidth) == null ? void 0 : F.call(A, y);
+              },
+              coverable: ((S = t == null ? void 0 : t.coverable) != null ? S : !0) && !(u.type === K.LIST || u.type === K.LIST_MULTIPLE)
+            });
+          }
+        }
+      )
+    );
+  }
+  _initAutoHeight() {
+    this._sheetDataValidationModel.ruleChange$.pipe(
+      // patched data-validation change don't need to re-calc row height
+      // re-calc of row height will be triggered precisely by the origin command
+      In((t) => t.source === "command"),
+      vo(100)
+    ).subscribe((t) => {
+      if (t.length === 0)
+        return;
+      const e = [];
+      if (t.forEach((o) => {
+        var n;
+        (o.rule.type === K.LIST_MULTIPLE || o.rule.type === K.LIST) && (n = o.rule) != null && n.ranges && e.push(...o.rule.ranges);
+      }), e.length) {
+        const o = this._autoHeightController.getUndoRedoParamsOfAutoHeight(e);
+        Gn(o.redos, this._commandService);
+      }
+    });
+  }
+};
+ne = Po([
+  Z(0, tt),
+  Z(1, Wa),
+  Z(2, yt),
+  Z(3, rt),
+  Z(4, b(po)),
+  Z(5, b(Dt)),
+  Z(6, b(at)),
+  Z(7, b(bt)),
+  Z(8, b(vn)),
+  Z(9, b(uo)),
+  Z(10, ta(ho))
+], ne);
+let $n = class extends gn {
+  constructor(t, e, o, n, a, i, r) {
+    super(), this._commandService = t, this._renderManagerService = e, this._autoHeightController = o, this._dataValidatorRegistryService = n, this._sheetInterceptorService = a, this._sheetDataValidationModel = i, this._dataValidationCacheService = r, this._initViewModelIntercept(), this._initAutoHeight();
+  }
+  _initViewModelIntercept() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.intercept(
+        no.CELL_CONTENT,
+        {
+          effect: Kn.Style,
+          // must be after numfmt
+          priority: oo.DATA_VALIDATION,
+          // eslint-disable-next-line complexity
+          handler: (t, e, o) => {
+            var w, g, f, _, V;
+            const { row: n, col: a, unitId: i, subUnitId: r, workbook: s, worksheet: l } = e, c = this._sheetDataValidationModel.getRuleIdByLocation(i, r, n, a);
+            if (!c)
+              return o(t);
+            const u = this._sheetDataValidationModel.getRuleById(i, r, c);
+            if (!u)
+              return o(t);
+            const h = (w = this._dataValidationCacheService.getValue(i, r, n, a)) != null ? w : Kt.VALID, d = this._dataValidatorRegistryService.getValidatorItem(u.type), C = l.getCellRaw(n, a), p = mt(C), R = `${p != null ? p : ""}`;
+            return o({
+              ...t,
+              markers: {
+                ...t == null ? void 0 : t.markers,
+                ...h === Kt.INVALID ? Ao : null
+              },
+              customRender: [
+                ...(g = t == null ? void 0 : t.customRender) != null ? g : [],
+                ...d != null && d.canvasRender ? [d.canvasRender] : []
+              ],
+              fontRenderExtension: {
+                ...t == null ? void 0 : t.fontRenderExtension,
+                isSkip: ((f = t == null ? void 0 : t.fontRenderExtension) == null ? void 0 : f.isSkip) || ((_ = d == null ? void 0 : d.skipDefaultFontRender) == null ? void 0 : _.call(d, u, p, e))
+              },
+              interceptorStyle: {
+                ...t == null ? void 0 : t.interceptorStyle,
+                ...d == null ? void 0 : d.getExtraStyle(u, R, {
+                  get style() {
+                    const S = s.getStyles();
+                    return (typeof (t == null ? void 0 : t.s) == "string" ? S.get(t == null ? void 0 : t.s) : t == null ? void 0 : t.s) || {};
+                  }
+                }, n, a)
+              },
+              interceptorAutoHeight: () => {
+                var y, P, U, O, L, A;
+                const S = (P = (y = this._renderManagerService.getRenderById(i)) == null ? void 0 : y.with(ye).getSkeletonParam(r)) == null ? void 0 : P.skeleton;
+                if (!S)
+                  return;
+                const I = S.worksheet.getMergedCell(n, a), v = {
+                  data: t,
+                  style: S.getStyles().getStyleByCell(t),
+                  primaryWithCoord: S.getCellWithCoordByIndex((U = I == null ? void 0 : I.startRow) != null ? U : n, (O = I == null ? void 0 : I.startColumn) != null ? O : a),
+                  unitId: i,
+                  subUnitId: r,
+                  row: n,
+                  col: a,
+                  workbook: s,
+                  worksheet: l
+                };
+                return (A = (L = d == null ? void 0 : d.canvasRender) == null ? void 0 : L.calcCellAutoHeight) == null ? void 0 : A.call(L, v);
+              },
+              coverable: ((V = t == null ? void 0 : t.coverable) != null ? V : !0) && !(u.type === K.LIST || u.type === K.LIST_MULTIPLE)
+            });
+          }
+        }
+      )
+    );
+  }
+  _initAutoHeight() {
+    this._sheetDataValidationModel.ruleChange$.pipe(
+      In((t) => t.source === "command"),
+      vo(16)
+    ).subscribe((t) => {
+      const e = [];
+      if (t.forEach((o) => {
+        var n;
+        (n = o.rule) != null && n.ranges && e.push(...o.rule.ranges);
+      }), e.length) {
+        const o = this._autoHeightController.getUndoRedoParamsOfAutoHeight(e);
+        Gn(o.redos, this._commandService);
+      }
+    });
+  }
+};
+$n = Po([
+  Z(0, tt),
+  Z(1, yt),
+  Z(2, b(po)),
+  Z(3, b(bt)),
+  Z(4, b(vn)),
+  Z(5, b(at)),
+  Z(6, b(uo))
+], $n);
+var lr = Object.getOwnPropertyDescriptor, dr = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? lr(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, Wn = (t, e) => (o, n) => e(o, n, t);
+let be = class extends Vt {
+  constructor(t, e, o) {
+    super(), this._context = t, this._sheetDataValidationModel = e, this._sheetSkeletonManagerService = o, this._initSkeletonChange();
+  }
+  _initSkeletonChange() {
+    const t = (e) => {
+      var n;
+      if (!e.length)
+        return;
+      const o = /* @__PURE__ */ new Set();
+      e.forEach((a) => {
+        o.add(a.subUnitId);
+      }), o.forEach((a) => {
+        var i;
+        (i = this._sheetSkeletonManagerService.getSkeletonParam(a)) == null || i.skeleton.makeDirty(!0);
+      }), (n = this._context.mainComponent) == null || n.makeForceDirty();
+    };
+    this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe(ea(16)).subscribe(t));
+  }
+};
+be = dr([
+  Wn(1, b(at)),
+  Wn(2, b(ye))
+], be);
+const cr = "univer-data-validation-formula", ur = "univer-data-validation-formula-and", hr = "univer-data-validation-formula-list-item", pr = "univer-data-validation-formula-list-item-icon", mr = "univer-data-validation-formula-list-item-drag", gr = "univer-data-validation-formula-list-add", fr = "univer-data-validation-formula-color-select", vr = "univer-data-validation-formula-color-select-panel", _r = "univer-data-validation-formula-color-item", ot = {
+  dataValidationFormula: cr,
+  dataValidationFormulaAnd: ur,
+  dataValidationFormulaListItem: hr,
+  dataValidationFormulaListItemIcon: pr,
+  dataValidationFormulaListItemDrag: mr,
+  dataValidationFormulaListAdd: gr,
+  dataValidationFormulaColorSelect: fr,
+  dataValidationFormulaColorSelectPanel: vr,
+  dataValidationFormulaColorItem: _r
+}, Sr = (t) => {
+  const { isTwoFormula: e = !1, value: o, onChange: n, showError: a, validResult: i } = t, r = T(Q), s = a ? i == null ? void 0 : i.formula1 : "", l = a ? i == null ? void 0 : i.formula2 : "";
+  return e ? /* @__PURE__ */ Y(Rt, { children: [
+    /* @__PURE__ */ m(q, { error: s, children: /* @__PURE__ */ m(
+      Ut,
+      {
+        className: ot.dataValidationFormula,
+        placeholder: r.t("dataValidation.panel.formulaPlaceholder"),
+        value: o == null ? void 0 : o.formula1,
+        onChange: (c) => {
+          n == null || n({
+            ...o,
+            formula1: c
+          });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ m("div", { className: ot.dataValidationFormulaAnd, children: r.t("dataValidation.panel.formulaAnd") }),
+    /* @__PURE__ */ m(q, { error: l, children: /* @__PURE__ */ m(
+      Ut,
+      {
+        className: ot.dataValidationFormula,
+        placeholder: r.t("dataValidation.panel.formulaPlaceholder"),
+        value: o == null ? void 0 : o.formula2,
+        onChange: (c) => {
+          n == null || n({
+            ...o,
+            formula2: c
+          });
+        }
+      }
+    ) })
+  ] }) : /* @__PURE__ */ m(q, { error: s, children: /* @__PURE__ */ m(
+    Ut,
+    {
+      className: ot.dataValidationFormula,
+      placeholder: r.t("dataValidation.panel.formulaPlaceholder"),
+      value: o == null ? void 0 : o.formula1,
+      onChange: (c) => {
+        n == null || n({ formula1: c });
+      }
+    }
+  ) });
+};
+function Cr(t) {
+  const { value: e, onChange: o, showError: n, validResult: a } = t, i = T(Q), r = n ? a == null ? void 0 : a.formula1 : "", s = n ? a == null ? void 0 : a.formula2 : "", [l, c] = j(!((e == null ? void 0 : e.formula1) === void 0 && (e == null ? void 0 : e.formula2) === void 0));
+  return /* @__PURE__ */ Y(Rt, { children: [
+    /* @__PURE__ */ m(q, { children: /* @__PURE__ */ m(
+      Pe,
+      {
+        checked: l,
+        onChange: (u) => {
+          u ? c(!0) : (c(!1), o == null || o({
+            ...e,
+            formula1: void 0,
+            formula2: void 0
+          }));
+        },
+        children: i.t("dataValidation.checkbox.tips")
+      }
+    ) }),
+    l ? /* @__PURE__ */ m(q, { label: i.t("dataValidation.checkbox.checked"), error: r, children: /* @__PURE__ */ m(
+      Ut,
+      {
+        className: ot.dataValidationFormula,
+        placeholder: i.t("dataValidation.panel.valuePlaceholder"),
+        value: e == null ? void 0 : e.formula1,
+        onChange: (u) => {
+          o == null || o({
+            ...e,
+            formula1: u || void 0
+          });
+        }
+      }
+    ) }) : null,
+    l ? /* @__PURE__ */ m(q, { label: i.t("dataValidation.checkbox.unchecked"), error: s, children: /* @__PURE__ */ m(
+      Ut,
+      {
+        className: ot.dataValidationFormula,
+        placeholder: i.t("dataValidation.panel.valuePlaceholder"),
+        value: e == null ? void 0 : e.formula2,
+        onChange: (u) => {
+          o == null || o({
+            ...e,
+            formula2: u || void 0
+          });
+        }
+      }
+    ) }) : null
+  ] });
+}
+function Ir(t) {
+  var h;
+  const { unitId: e, subUnitId: o, value: n, onChange: a, showError: i, validResult: r } = t, s = i ? r == null ? void 0 : r.formula1 : void 0, l = Jt({}), [c, u] = j(!1);
+  return fo((d) => {
+    var p;
+    const C = (p = l.current) == null ? void 0 : p.handleOutClick;
+    C && C(d, () => u(!1));
+  }), /* @__PURE__ */ m(
+    So,
+    {
+      initValue: (h = n == null ? void 0 : n.formula1) != null ? h : "=",
+      unitId: e,
+      subUnitId: o,
+      isFocus: c,
+      onChange: (d) => {
+        const C = (d != null ? d : "").trim();
+        C !== (n == null ? void 0 : n.formula1) && (a == null || a({
+          ...n,
+          formula1: C
+        }));
+      },
+      errorText: s,
+      onFocus: () => u(!0),
+      actions: l.current,
+      isSupportAcrossSheet: !0
+    }
+  );
+}
+const wr = [
+  "#FFFFFF",
+  "#FEE7E7",
+  "#FEF0E6",
+  "#EFFBD0",
+  "#E4F4FE",
+  "#E8ECFD",
+  "#F1EAFA",
+  "#FDE8F3",
+  "#E5E5E5",
+  "#FDCECE",
+  "#FDC49B",
+  "#DEF6A2",
+  "#9FDAFF",
+  "#D0D9FB",
+  "#E3D5F6",
+  "#FBD0E8",
+  "#656565",
+  "#FE4B4B",
+  "#FF8C51",
+  "#8BBB11",
+  "#0B9EFB",
+  "#3A60F7",
+  "#9E6DE3",
+  "#F248A6"
+], Rr = (t) => {
+  const { value: e, onChange: o, disabled: n } = t, [a, i] = j(!1);
+  return /* @__PURE__ */ m(
+    en,
+    {
+      disabled: n,
+      open: a,
+      onDropdownVisibleChange: i,
+      dropdownStyle: { width: 112 },
+      style: { width: 96, cursor: "pointer" },
+      className: ot.dataValidationFormulaColorSelect,
+      value: e,
+      onChange: o,
+      labelRender: (r) => /* @__PURE__ */ m(
+        "div",
+        {
+          className: ot.dataValidationFormulaColorItem,
+          style: { background: r.value, marginTop: 5 }
+        }
+      ),
+      dropdownRender: () => /* @__PURE__ */ m("div", { className: ot.dataValidationFormulaColorSelectPanel, children: wr.map(
+        (r) => /* @__PURE__ */ m(
+          "div",
+          {
+            onClick: () => {
+              o(r), i(!1);
+            },
+            className: ot.dataValidationFormulaColorItem,
+            style: { background: r }
+          },
+          r
+        )
+      ) })
+    }
+  );
+}, Hn = (t) => {
+  const { item: e, commonProps: o, style: n } = t, { onItemChange: a, onItemDelete: i } = o;
+  return /* @__PURE__ */ Y("div", { className: ot.dataValidationFormulaListItem, style: n, children: [
+    e.isRef ? null : /* @__PURE__ */ m("div", { className: sa(ot.dataValidationFormulaListItemDrag, "draggableHandle"), children: /* @__PURE__ */ m(yo, {}) }),
+    /* @__PURE__ */ m(
+      Rr,
+      {
+        value: e.color,
+        onChange: (r) => {
+          a(e.id, e.label, r);
+        }
+      }
+    ),
+    /* @__PURE__ */ m(
+      Ut,
+      {
+        disabled: e.isRef,
+        value: e.label,
+        onChange: (r) => {
+          a(e.id, r, e.color);
+        }
+      }
+    ),
+    e.isRef ? null : /* @__PURE__ */ m("div", { className: ot.dataValidationFormulaListItemIcon, children: /* @__PURE__ */ m(Rn, { onClick: () => i(e.id) }) })
+  ] });
+};
+function Dr(t) {
+  const { value: e, onChange: o = () => {
+  }, unitId: n, subUnitId: a, validResult: i, showError: r, ruleId: s } = t, { formula1: l = "", formula2: c = "" } = e || {}, u = Jt(null), [h, d] = j(() => kt(l) ? "1" : "0"), [C, p] = j(h === "1" ? l : "="), [R, w] = j(h === "1" ? l : "="), g = T(Q), f = T(bt), _ = T(ke), V = T(wa), [S, I] = j(() => c.split(",")), v = f.getValidatorItem(K.LIST), [y, P] = j([]), [U, O] = j(""), L = r ? i == null ? void 0 : i.formula1 : "", A = $t(() => _.ruleChange$.pipe(wn(16)), []), F = St(A), N = dn(o);
+  wt(() => {
+    (async () => {
+      await new Promise(($) => {
+        setTimeout(() => $(!0), 100);
+      });
+      const D = _.getRuleById(n, a, s), k = D == null ? void 0 : D.formula1;
+      if (kt(k) && v && D) {
+        const $ = await v.getListAsync(D, n, a);
+        P($);
+      }
+    })();
+  }, [_, F, v, s, a, n]), wt(() => {
+    kt(l) && l !== R && (p(l), w(R));
+  }, [R, l]);
+  const [B, x] = j(() => {
+    const D = h !== "1" ? ao(l) : [], k = c.split(",");
+    return D.map(($, W) => ({
+      label: $,
+      color: k[W] || Ft,
+      isRef: !1,
+      id: tn.generateRandomId(4)
+    }));
+  }), z = (D, k, $) => {
+    const W = B.find((Ct) => Ct.id === D);
+    W && (W.label = k, W.color = $, x([...B]));
+  }, H = (D) => {
+    const k = B.findIndex(($) => $.id === D);
+    k !== -1 && (B.splice(k, 1), x([...B]));
+  }, G = c.split(","), J = $t(() => y.map((D, k) => ({
+    label: D,
+    color: G[k] || Ft,
+    id: `${k}`,
+    isRef: !0
+  })), [G, y]), et = (D, k, $) => {
+    const W = [...S];
+    W[+D] = $, I(W), N({
+      formula1: l,
+      formula2: W.join(",")
+    });
+  }, nt = () => {
+    x([
+      ...B,
+      {
+        label: "",
+        color: Ft,
+        isRef: !1,
+        id: tn.generateRandomId(4)
+      }
+    ]);
+  };
+  wt(() => {
+    if (h === "1")
+      return;
+    const D = /* @__PURE__ */ new Set(), k = [];
+    B.map(($) => ({
+      labelList: $.label.split(","),
+      item: $
+    })).forEach(({ item: $, labelList: W }) => {
+      W.forEach((Ct) => {
+        D.has(Ct) || (D.add(Ct), k.push({
+          label: Ct,
+          color: $.color
+        }));
+      });
+    }), N({
+      formula1: io(k.map(($) => $.label)),
+      formula2: k.map(($) => $.color === Ft ? "" : $.color).join(",")
+    });
+  }, [B, N, h, R, S]);
+  const st = dn(async (D) => {
+    if (!kt(D)) {
+      N == null || N({
+        formula1: "",
+        formula2: c
+      });
+      return;
+    }
+    V.getFormulaRefCheck(D) ? (N == null || N({
+      formula1: kt(D) ? D : "",
+      formula2: c
+    }), O("")) : (N == null || N({
+      formula1: "",
+      formula2: c
+    }), p("="), O(g.t("dataValidation.validFail.formulaError")));
+  }), it = Jt({}), [lt, M] = j(!1);
+  return fo((D) => {
+    var $;
+    const k = ($ = it.current) == null ? void 0 : $.handleOutClick;
+    k && k(D, () => M(!1));
+  }), /* @__PURE__ */ Y(Rt, { children: [
+    /* @__PURE__ */ m(q, { label: g.t("dataValidation.list.options"), children: /* @__PURE__ */ Y(
+      fn,
+      {
+        value: h,
+        onChange: (D) => {
+          d(D), p(R), D === "1" && N({
+            formula1: R === "=" ? "" : R,
+            formula2: S.join(",")
+          });
+        },
+        children: [
+          /* @__PURE__ */ m(Nt, { value: "0", children: g.t("dataValidation.list.customOptions") }),
+          /* @__PURE__ */ m(Nt, { value: "1", children: g.t("dataValidation.list.refOptions") })
+        ]
+      }
+    ) }),
+    h === "1" ? /* @__PURE__ */ Y(Rt, { children: [
+      /* @__PURE__ */ m(
+        So,
+        {
+          initValue: C,
+          unitId: n,
+          subUnitId: a,
+          isFocus: lt,
+          onChange: (D = "") => {
+            const k = (D != null ? D : "").trim();
+            w(k), st(k);
+          },
+          errorText: L || U || void 0,
+          onFocus: () => M(!0),
+          actions: it.current,
+          isSupportAcrossSheet: !0
+        }
+      ),
+      /* @__PURE__ */ m("div", { ref: u, style: { marginTop: "12px" }, children: J.map((D) => /* @__PURE__ */ m(Hn, { item: D, commonProps: { onItemChange: et }, style: { marginBottom: 12 } }, D.id)) })
+    ] }) : /* @__PURE__ */ m(q, { error: L, children: /* @__PURE__ */ Y("div", { ref: u, style: { marginTop: "-12px" }, children: [
+      /* @__PURE__ */ m(
+        ra,
+        {
+          list: B,
+          onListChange: x,
+          rowHeight: 32,
+          margin: [0, 12],
+          draggableHandle: ".draggableHandle",
+          itemRender: (D) => /* @__PURE__ */ m(
+            Hn,
+            {
+              item: D,
+              commonProps: {
+                onItemChange: z,
+                onItemDelete: H
+              }
+            },
+            D.id
+          ),
+          idKey: "id"
+        }
+      ),
+      /* @__PURE__ */ Y("a", { className: ot.dataValidationFormulaListAdd, onClick: nt, children: [
+        /* @__PURE__ */ m(Ro, {}),
+        g.t("dataValidation.list.add")
+      ] })
+    ] }) })
+  ] });
+}
+const ko = "data-validation.custom-formula-input", Ue = "data-validation.formula-input", Mn = "data-validation.list-formula-input", Fo = "data-validation.checkbox-formula-input", Vr = [
+  [
+    ko,
+    Ir
+  ],
+  [
+    Ue,
+    Sr
+  ],
+  [
+    Mn,
+    Dr
+  ],
+  [
+    Fo,
+    Cr
+  ]
+], yr = "LIST_RENDER_MODE_OPTION_INPUT";
+function Oe(t) {
+  var a;
+  const { value: e, onChange: o } = t, n = T(Q);
+  return /* @__PURE__ */ m(q, { label: n.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ Y(fn, { value: `${(a = e.renderMode) != null ? a : ct.CUSTOM}`, onChange: (i) => o({ ...e, renderMode: +i }), children: [
+    /* @__PURE__ */ m(Nt, { value: `${ct.CUSTOM}`, children: n.t("dataValidation.renderMode.chip") }),
+    /* @__PURE__ */ m(Nt, { value: `${ct.ARROW}`, children: n.t("dataValidation.renderMode.arrow") }),
+    /* @__PURE__ */ m(Nt, { value: `${ct.TEXT}`, children: n.t("dataValidation.renderMode.text") })
+  ] }) });
+}
+Oe.componentKey = yr;
+const Mr = "DATE_SHOW_TIME_OPTION";
+function Le(t) {
+  var a;
+  const { value: e, onChange: o } = t, n = T(Q);
+  return /* @__PURE__ */ m(q, { children: /* @__PURE__ */ m(
+    Pe,
+    {
+      checked: (a = e.bizInfo) == null ? void 0 : a.showTime,
+      onChange: (i) => {
+        o({
+          ...e,
+          bizInfo: {
+            ...e.bizInfo,
+            showTime: i
+          }
+        });
+      },
+      children: n.t("dataValidation.showTime.label")
+    }
+  ) });
+}
+Le.componentKey = Mr;
+var Er = Object.getOwnPropertyDescriptor, br = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? Er(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, Xt = (t, e) => (o, n) => e(o, n, t);
+const ge = 6;
+let cn = class {
+  constructor(t, e, o, n, a, i) {
+    this._commandService = t, this._univerInstanceService = e, this._formulaService = o, this._themeService = n, this._renderManagerService = a, this._dataValidationModel = i;
+  }
+  _calc(t, e) {
+    var c, u, h;
+    const { vt: o, ht: n } = e || {}, a = t.endX - t.startX - ge * 2, i = t.endY - t.startY, r = ((c = e == null ? void 0 : e.fs) != null ? c : 10) * 1.6;
+    let s = 0, l = 0;
+    switch (o) {
+      case ht.TOP:
+        l = 0;
+        break;
+      case ht.BOTTOM:
+        l = 0 + (i - r);
+        break;
+      default:
+        l = 0 + (i - r) / 2;
+        break;
+    }
+    switch (n) {
+      case Gt.LEFT:
+        s = ge;
+        break;
+      case Gt.RIGHT:
+        s = ge + (a - r);
+        break;
+      default:
+        s = ge + (a - r) / 2;
+        break;
+    }
+    return {
+      left: t.startX + s,
+      top: t.startY + l,
+      width: ((u = e == null ? void 0 : e.fs) != null ? u : 10) * 1.6,
+      height: ((h = e == null ? void 0 : e.fs) != null ? h : 10) * 1.6
+    };
+  }
+  calcCellAutoHeight(t) {
+    var o;
+    const { style: e } = t;
+    return ((o = e == null ? void 0 : e.fs) != null ? o : 10) * 1.6;
+  }
+  calcCellAutoWidth(t) {
+    var o;
+    const { style: e } = t;
+    return ((o = e == null ? void 0 : e.fs) != null ? o : 10) * 1.6;
+  }
+  async _parseFormula(t, e, o) {
+    var c, u, h, d, C, p, R, w, g;
+    const { formula1: n = Va, formula2: a = Da } = t, i = await this._formulaService.getRuleFormulaResult(e, o, t.uid), r = $e((h = (u = (c = i == null ? void 0 : i[0]) == null ? void 0 : c.result) == null ? void 0 : u[0]) == null ? void 0 : h[0]), s = $e((p = (C = (d = i == null ? void 0 : i[1]) == null ? void 0 : d.result) == null ? void 0 : C[0]) == null ? void 0 : p[0]), l = Ln(String(r)) && Ln(String(s));
+    return {
+      formula1: kt(n) ? $e((g = (w = (R = i == null ? void 0 : i[0]) == null ? void 0 : R.result) == null ? void 0 : w[0]) == null ? void 0 : g[0]) : n,
+      formula2: kt(a) ? s : a,
+      isFormulaValid: l
+    };
+  }
+  drawWith(t, e) {
+    var L, A, F, N;
+    const { style: o, primaryWithCoord: n, unitId: a, subUnitId: i, worksheet: r, row: s, col: l } = e, c = n.isMergedMainCell ? n.mergeInfo : n, u = mt(r.getCellRaw(s, l)), h = this._dataValidationModel.getRuleByLocation(a, i, s, l);
+    if (!h)
+      return;
+    const d = this._dataValidationModel.getValidator(h.type);
+    if (!d)
+      return;
+    const C = this._themeService.getCurrentTheme();
+    if (!((L = d.skipDefaultFontRender) != null && L.call(d, h, u, { unitId: a, subUnitId: i, row: s, column: l })))
+      return;
+    const p = d.parseFormulaSync(h, a, i), { formula1: R } = p, w = this._calc(c, o), { a: g, d: f } = t.getTransform(), _ = bn(w.left, g), V = bn(w.top, f), S = la.create().composeMatrix({
+      left: _,
+      top: V,
+      scaleX: 1,
+      scaleY: 1,
+      angle: 0,
+      skewX: 0,
+      skewY: 0,
+      flipX: !1,
+      flipY: !1
+    }), I = c.endX - c.startX, v = c.endY - c.startY;
+    t.save(), t.beginPath(), t.rect(c.startX, c.startY, I, v), t.clip();
+    const y = S.getMatrix();
+    t.transform(y[0], y[1], y[2], y[3], y[4], y[5]);
+    const P = ((A = o == null ? void 0 : o.fs) != null ? A : 10) * 1.6, U = String(u) === String(R), O = C.hyacinth500;
+    da.drawWith(t, {
+      checked: U,
+      width: P,
+      height: P,
+      fill: (N = (F = o == null ? void 0 : o.cl) == null ? void 0 : F.rgb) != null ? N : O
+    }), t.restore();
+  }
+  isHit(t, e) {
+    const o = e.primaryWithCoord.isMergedMainCell ? e.primaryWithCoord.mergeInfo : e.primaryWithCoord, n = this._calc(o, e.style), a = n.top, i = n.top + n.height, r = n.left, s = n.left + n.width, { x: l, y: c } = t;
+    return l <= s && l >= r && c <= i && c >= a;
+  }
+  async onPointerDown(t, e) {
+    var p;
+    if (e.button === 2)
+      return;
+    const { primaryWithCoord: o, unitId: n, subUnitId: a, worksheet: i, row: r, col: s } = t, l = mt(i.getCellRaw(r, s)), c = this._dataValidationModel.getRuleByLocation(n, a, r, s);
+    if (!c)
+      return;
+    const u = this._dataValidationModel.getValidator(c.type);
+    if (!u || !((p = u.skipDefaultFontRender) != null && p.call(u, c, l, { unitId: n, subUnitId: a, row: r, column: s })))
+      return;
+    const { formula1: h, formula2: d } = await this._parseFormula(c, n, a), C = {
+      range: {
+        startColumn: o.actualColumn,
+        endColumn: o.actualColumn,
+        startRow: o.actualRow,
+        endRow: o.actualRow
+      },
+      value: {
+        v: String(l) === ya(String(h)) ? d : h,
+        p: null
+      }
+    };
+    this._commandService.executeCommand(
+      _n.id,
+      C
+    );
+  }
+  onPointerEnter(t, e) {
+    var o, n;
+    (n = (o = Zt(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : o.mainComponent) == null || n.setCursor(qt.POINTER);
+  }
+  onPointerLeave(t, e) {
+    var o, n;
+    (n = (o = Zt(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : o.mainComponent) == null || n.setCursor(qt.DEFAULT);
+  }
+};
+cn = br([
+  Xt(0, tt),
+  Xt(1, rt),
+  Xt(2, b(Ra)),
+  Xt(3, b(zn)),
+  Xt(4, b(yt)),
+  Xt(5, b(at))
+], cn);
+var Or = Object.getOwnPropertyDescriptor, Lr = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? Or(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, Tr = (t, e) => (o, n) => e(o, n, t);
+let vt = class {
+  constructor(t) {
+    E(this, "canvasRender", null);
+    E(this, "dropdown");
+    E(this, "optionsInput");
+    E(this, "formulaInput", Mn);
+    this.injector = t;
+  }
+};
+vt = Lr([
+  Tr(0, b(Wt))
+], vt);
+class Pr extends vt {
+  constructor() {
+    super(...arguments);
+    E(this, "id", K.CHECKBOX);
+    E(this, "canvasRender", this.injector.createInstance(cn));
+    E(this, "formulaInput", Fo);
+  }
+}
+class Ar extends vt {
+  constructor() {
+    super(...arguments);
+    E(this, "id", K.CUSTOM);
+    E(this, "formulaInput", ko);
+  }
+}
+const kr = "data-validation.formula-input";
+class Fr extends vt {
+  constructor() {
+    super(...arguments);
+    E(this, "id", K.DATE);
+    E(this, "formulaInput", kr);
+    E(this, "optionsInput", Le.componentKey);
+    E(this, "dropdown", Oo);
+  }
+}
+class Nr extends vt {
+  constructor() {
+    super(...arguments);
+    E(this, "id", K.DECIMAL);
+    E(this, "formulaInput", Ue);
+  }
+}
+const No = 4, Ur = 0, Ye = 4, Uo = 4, un = 6, Te = 6, At = 14;
+function Br(t, e) {
+  const o = ca.getTextSize(t, e), n = o.width + No * 2, { ba: a, bd: i } = o, r = a + i;
+  return {
+    width: n,
+    height: r + Ur * 2,
+    ba: a
+  };
+}
+function Xe(t, e, o, n) {
+  const a = At + un * 2, i = o - a, r = n - Te * 2, s = t.map((d) => ({
+    layout: Br(d, e),
+    text: d
+  }));
+  let l;
+  const c = [];
+  s.forEach((d) => {
+    const { layout: C } = d, { width: p, height: R } = C;
+    !l || l.width + p + Ye > i ? (l = {
+      width: p,
+      height: R,
+      items: [{
+        ...d,
+        left: 0
+      }]
+    }, c.push(l)) : (l.items.push({
+      ...d,
+      left: l.width + Ye
+    }), l.width = l.width + p + Ye);
+  });
+  let u = 0, h = 0;
+  return c.forEach((d, C) => {
+    h = Math.max(h, d.width), C === c.length - 1 ? u += d.height : u += d.height + Uo;
+  }), {
+    lines: c,
+    totalHeight: u,
+    contentWidth: i,
+    contentHeight: r,
+    cellAutoHeight: u + Te * 2,
+    calcAutoWidth: h + a
+  };
+}
+const $r = 8;
+class Wr extends ua {
+  static drawWith(e, o) {
+    const { fontString: n, info: a, fill: i, color: r } = o, { layout: s, text: l } = a;
+    e.save(), Jn.drawWith(e, {
+      width: s.width,
+      height: s.height,
+      radius: $r,
+      fill: i || Ft
+    }), e.translateWithPrecision(No, s.ba), e.font = n, e.fillStyle = r, e.fillText(l, 0, 0), e.restore();
+  }
+}
+var Hr = Object.getOwnPropertyDescriptor, xr = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? Hr(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, fe = (t, e) => (o, n) => e(o, n, t);
+const jr = new Path2D("M3.32201 4.84556C3.14417 5.05148 2.85583 5.05148 2.67799 4.84556L0.134292 1.90016C-0.152586 1.56798 0.0505937 1 0.456301 1L5.5437 1C5.94941 1 6.15259 1.56798 5.86571 1.90016L3.32201 4.84556Z");
+let hn = class {
+  constructor(t, e, o, n) {
+    E(this, "zIndex");
+    E(this, "_dropdownInfoMap", /* @__PURE__ */ new Map());
+    this._commandService = t, this._univerInstanceService = e, this._renderManagerService = o, this._dataValidationModel = n;
+  }
+  _ensureMap(t) {
+    let e = this._dropdownInfoMap.get(t);
+    return e || (e = /* @__PURE__ */ new Map(), this._dropdownInfoMap.set(t, e)), e;
+  }
+  _generateKey(t, e) {
+    return `${t}.${e}`;
+  }
+  _drawDownIcon(t, e, o, n, a) {
+    const i = o - At + 4;
+    let r = 4;
+    switch (a) {
+      case ht.MIDDLE:
+        r = (n - At) / 2 + 4;
+        break;
+      case ht.BOTTOM:
+        r = n - At + 4;
+        break;
+    }
+    t.save(), t.translateWithPrecision(e.startX + i, e.startY + r), t.fillStyle = "#565656", t.fill(jr), t.restore();
+  }
+  // eslint-disable-next-line max-lines-per-function
+  drawWith(t, e, o, n) {
+    var z, H;
+    const { primaryWithCoord: a, row: i, col: r, style: s, data: l, subUnitId: c } = e, u = a.isMergedMainCell ? a.mergeInfo : a, h = l == null ? void 0 : l.fontRenderExtension, { leftOffset: d = 0, rightOffset: C = 0, topOffset: p = 0, downOffset: R = 0 } = h || {}, w = this._ensureMap(c), g = this._generateKey(i, r), f = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, i, r);
+    if (!f)
+      return;
+    const _ = this._dataValidationModel.getValidator(f.type);
+    if (!_)
+      return;
+    const V = {
+      startX: u.startX + d,
+      endX: u.endX - C,
+      startY: u.startY + p,
+      endY: u.endY - R
+    }, S = V.endX - V.startX, I = V.endY - V.startY, { cl: v } = s || {}, y = (z = typeof v == "object" ? v == null ? void 0 : v.rgb : v) != null ? z : "#000", P = Be(s != null ? s : void 0), { vt: U, ht: O } = s || {}, L = U != null ? U : ht.MIDDLE, A = (H = mt(l)) != null ? H : "", F = _.parseCellValue(A), N = _.getListWithColorMap(f), B = Xe(F, P, S, I);
+    this._drawDownIcon(t, V, S, I, L), t.save(), t.translateWithPrecision(V.startX, V.startY), t.beginPath(), t.rect(0, 0, S - At, I), t.clip(), t.translateWithPrecision(un, Te);
+    let x = 0;
+    switch (L) {
+      case ht.MIDDLE:
+        x = (B.contentHeight - B.totalHeight) / 2;
+        break;
+      case ht.BOTTOM:
+        x = B.contentHeight - B.totalHeight;
+        break;
+    }
+    t.translateWithPrecision(0, x), B.lines.forEach((G, J) => {
+      t.save();
+      const { width: et, height: nt, items: st } = G;
+      let it = 0;
+      switch (O) {
+        case Gt.RIGHT:
+          it = B.contentWidth - et;
+          break;
+        case Gt.CENTER:
+          it = (B.contentWidth - et) / 2;
+          break;
+      }
+      t.translate(it, J * (nt + Uo)), st.forEach((lt) => {
+        t.save(), t.translateWithPrecision(lt.left, 0), Wr.drawWith(t, {
+          ...P,
+          info: lt,
+          color: y,
+          fill: N[lt.text]
+        }), t.restore();
+      }), t.restore();
+    }), t.restore(), w.set(g, {
+      left: V.startX,
+      top: V.startY,
+      width: B.contentWidth + un + At,
+      height: B.contentHeight + Te * 2
+    });
+  }
+  calcCellAutoHeight(t) {
+    var S;
+    const { primaryWithCoord: e, style: o, data: n, row: a, col: i } = t, r = n == null ? void 0 : n.fontRenderExtension, { leftOffset: s = 0, rightOffset: l = 0, topOffset: c = 0, downOffset: u = 0 } = r || {}, h = e.isMergedMainCell ? e.mergeInfo : e, d = {
+      startX: h.startX + s,
+      endX: h.endX - l,
+      startY: h.startY + c,
+      endY: h.endY - u
+    }, C = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, a, i);
+    if (!C)
+      return;
+    const p = this._dataValidationModel.getValidator(C.type);
+    if (!p)
+      return;
+    const R = d.endX - d.startX, w = d.endY - d.startY, g = (S = mt(n)) != null ? S : "", f = p.parseCellValue(g), _ = Be(o != null ? o : void 0);
+    return Xe(f, _, R, w).cellAutoHeight;
+  }
+  calcCellAutoWidth(t) {
+    var S;
+    const { primaryWithCoord: e, style: o, data: n, row: a, col: i } = t, r = n == null ? void 0 : n.fontRenderExtension, { leftOffset: s = 0, rightOffset: l = 0, topOffset: c = 0, downOffset: u = 0 } = r || {}, h = e.isMergedMainCell ? e.mergeInfo : e, d = {
+      startX: h.startX + s,
+      endX: h.endX - l,
+      startY: h.startY + c,
+      endY: h.endY - u
+    }, C = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, a, i);
+    if (!C)
+      return;
+    const p = this._dataValidationModel.getValidator(C.type);
+    if (!p)
+      return;
+    const R = d.endX - d.startX, w = d.endY - d.startY, g = (S = mt(n)) != null ? S : "", f = p.parseCellValue(g), _ = Be(o != null ? o : void 0);
+    return Xe(f, _, R, w).calcAutoWidth;
+  }
+  isHit(t, e) {
+    const { primaryWithCoord: o } = e, n = o.isMergedMainCell ? o.mergeInfo : o, { endX: a } = n, { x: i } = t;
+    return i >= a - At && i <= a;
+  }
+  onPointerDown(t, e) {
+    if (e.button === 2)
+      return;
+    const { unitId: o, subUnitId: n, row: a, col: i } = t, r = {
+      unitId: o,
+      subUnitId: n,
+      row: a,
+      column: i
+    };
+    this._commandService.executeCommand(Fe.id, r);
+  }
+  onPointerEnter(t, e) {
+    var o, n;
+    return (n = (o = Zt(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : o.mainComponent) == null ? void 0 : n.setCursor(qt.POINTER);
+  }
+  onPointerLeave(t, e) {
+    var o, n;
+    return (n = (o = Zt(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : o.mainComponent) == null ? void 0 : n.setCursor(qt.DEFAULT);
+  }
+};
+hn = xr([
+  fe(0, tt),
+  fe(1, rt),
+  fe(2, b(yt)),
+  fe(3, b(at))
+], hn);
+class Yr extends vt {
+  constructor() {
+    super(...arguments);
+    E(this, "id", K.LIST_MULTIPLE);
+    E(this, "canvasRender", this.injector.createInstance(hn));
+    E(this, "dropdown", yn);
+  }
+}
+var Xr = Object.getOwnPropertyDescriptor, zr = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? Xr(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, le = (t, e) => (o, n) => e(o, n, t);
+const Pt = 4, ve = 4, pt = 14, gt = 6, zt = 4, ze = 8, Kr = "#565656", xn = new Path2D("M3.32201 4.84556C3.14417 5.05148 2.85583 5.05148 2.67799 4.84556L0.134292 1.90016C-0.152586 1.56798 0.0505937 1 0.456301 1L5.5437 1C5.94941 1 6.15259 1.56798 5.86571 1.90016L3.32201 4.84556Z");
+function Gr(t, e) {
+  const o = t.length;
+  return {
+    id: "d",
+    body: {
+      dataStream: `${t}${oa}`,
+      textRuns: [
+        {
+          ts: {
+            fs: 11,
+            ff: void 0,
+            it: ie.FALSE,
+            bl: ie.FALSE,
+            ul: {
+              s: ie.FALSE
+            },
+            st: {
+              s: ie.FALSE
+            },
+            ol: {
+              s: ie.FALSE
+            },
+            cl: void 0,
+            ...e,
+            bg: void 0,
+            bd: void 0
+          },
+          st: 0,
+          ed: o
+        }
+      ]
+    },
+    documentStyle: {
+      pageSize: {
+        width: Number.POSITIVE_INFINITY,
+        height: Number.POSITIVE_INFINITY
+      }
+    }
+  };
+}
+function Bo(t, e, o) {
+  const n = Gr(t, o), a = new na(n), i = new pa(a);
+  return {
+    documentSkeleton: ma.create(i, e),
+    docModel: a,
+    docViewModel: i
+  };
+}
+function _e(t, e, o) {
+  const {
+    documentSkeleton: n,
+    docModel: a,
+    docViewModel: i
+  } = Bo(t, e, o);
+  return {
+    documents: new ha(`DOCUMENTS_${tn.generateRandomId()}`, n, {
+      pageMarginLeft: 0,
+      pageMarginTop: 0
+    }),
+    documentSkeleton: n,
+    docModel: a,
+    docViewModel: i
+  };
+}
+function jn(t, e, o, n, a, i, r = !0) {
+  let s = 0;
+  const l = r ? zt : 0;
+  switch (a) {
+    case ht.BOTTOM:
+      s = e - n - l;
+      break;
+    case ht.MIDDLE:
+      s = (e - n) / 2;
+      break;
+    default:
+      s = l;
+      break;
+  }
+  s = Math.max(zt, s);
+  let c = 0;
+  switch (i) {
+    case Gt.CENTER:
+      c = (t - o) / 2;
+      break;
+    case Gt.RIGHT:
+      c = t - o;
+      break;
+  }
+  return c = Math.max(gt, c), {
+    paddingLeft: c,
+    paddingTop: s
+  };
+}
+let pn = class {
+  constructor(t, e, o, n, a) {
+    E(this, "_dropdownInfoMap", /* @__PURE__ */ new Map());
+    E(this, "zIndex");
+    this._univerInstanceService = t, this._localeService = e, this._commandService = o, this._renderManagerService = n, this._dataValidationModel = a;
+  }
+  _ensureMap(t) {
+    let e = this._dropdownInfoMap.get(t);
+    return e || (e = /* @__PURE__ */ new Map(), this._dropdownInfoMap.set(t, e)), e;
+  }
+  _generateKey(t, e) {
+    return `${t}.${e}`;
+  }
+  _drawDownIcon(t, e, o, n, a, i, r) {
+    const { t: s = dt.pd.t, b: l = dt.pd.b } = r, c = o - pt;
+    let u;
+    switch (i) {
+      case ht.MIDDLE:
+        u = (n - ve) / 2;
+        break;
+      case ht.BOTTOM:
+        u = n - l - a - zt + (a / 2 - ve / 2);
+        break;
+      default:
+        u = s + zt + (a / 2 - ve / 2);
+        break;
+    }
+    t.save(), t.translateWithPrecision(e.startX + c, e.startY + u), t.fillStyle = "#565656", t.fill(xn), t.restore();
+  }
+  // eslint-disable-next-line max-lines-per-function, complexity
+  drawWith(t, e, o) {
+    const { primaryWithCoord: n, row: a, col: i, style: r, data: s, subUnitId: l } = e, c = n.isMergedMainCell ? n.mergeInfo : n, u = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, a, i);
+    if (!u)
+      return;
+    const h = this._dataValidationModel.getValidator(u.type);
+    if (!h)
+      return;
+    const d = s == null ? void 0 : s.fontRenderExtension, { leftOffset: C = 0, rightOffset: p = 0, topOffset: R = 0, downOffset: w = 0 } = d || {};
+    if (!u || !h || !h || h.id.indexOf(K.LIST) !== 0 || !h.skipDefaultFontRender(u))
+      return;
+    const g = {
+      startX: c.startX + C,
+      endX: c.endX - p,
+      startY: c.startY + R,
+      endY: c.endY - w
+    }, f = g.endX - g.startX, _ = g.endY - g.startY, V = this._ensureMap(l), S = this._generateKey(a, i), I = h.getListWithColor(u), v = mt(s), y = `${v != null ? v : ""}`, P = I.find((F) => F.label === y);
+    let { tb: U, vt: O, ht: L, pd: A } = r || {};
+    if (U = U != null ? U : It.WRAP, O = O != null ? O : ht.BOTTOM, L = L != null ? L : dt.ht, A = A != null ? A : dt.pd, u.renderMode === ct.ARROW) {
+      const { l: F = dt.pd.l, t: N = dt.pd.t, r: B = dt.pd.r, b: x = dt.pd.b } = A, z = f - F - B - pt - 4, { documentSkeleton: H, documents: G, docModel: J } = _e(y, this._localeService, r);
+      U === It.WRAP && J.updateDocumentDataPageSize(Math.max(z, 1)), H.calculate(), H.getActualSize();
+      const et = re(H), { height: nt, width: st } = et, { paddingTop: it, paddingLeft: lt } = jn(z, _ - N - x, st, nt, O, L, !0);
+      this._drawDownIcon(t, g, f, _, nt, O, A), t.save(), t.translateWithPrecision(g.startX + F, g.startY + N), t.beginPath(), t.rect(0, 0, f - F - B, _ - N - x), t.clip(), t.translateWithPrecision(0, it), t.save(), t.translateWithPrecision(Pt, 0), t.beginPath(), t.rect(0, 0, z, nt), t.clip(), G.render(t), t.translateWithPrecision(lt, 0), t.restore(), t.restore(), V.set(S, {
+        left: g.endX + F + o.rowHeaderWidth - pt,
+        top: g.startY + N + o.columnHeaderHeight,
+        width: pt,
+        height: _ - N - x
+      });
+    } else {
+      t.save(), t.translateWithPrecision(g.startX, g.startY), t.beginPath(), t.rect(0, 0, f, _), t.clip();
+      const F = f - gt * 2 - Pt - pt - 4, { documentSkeleton: N, documents: B, docModel: x } = _e(y, this._localeService, r);
+      U === It.WRAP && x.updateDocumentDataPageSize(Math.max(F, 1)), N.calculate();
+      const z = re(N), { height: H, width: G } = z, { paddingTop: J, paddingLeft: et } = jn(F, _, G, H, O, L);
+      t.translateWithPrecision(gt, J);
+      const nt = Math.max(f - gt * 2, 1), st = H;
+      Jn.drawWith(t, {
+        width: nt,
+        height: st,
+        fill: (P == null ? void 0 : P.color) || Ft,
+        radius: ze
+      }), t.save(), t.translateWithPrecision(Pt, 0), t.beginPath(), t.rect(0, 0, F, H), t.clip(), t.translateWithPrecision(et, 0), B.render(t), t.restore(), t.translateWithPrecision(F + Pt + 4, (H - ve) / 2), t.fillStyle = Kr, t.fill(xn), t.restore(), V.set(S, {
+        left: g.startX + gt + o.rowHeaderWidth,
+        top: g.startY + J + o.columnHeaderHeight,
+        width: nt,
+        height: st
+      });
+    }
+  }
+  calcCellAutoHeight(t) {
+    const { primaryWithCoord: e, style: o, data: n, row: a, col: i } = t, r = e.isMergedMainCell ? e.mergeInfo : e, s = n == null ? void 0 : n.fontRenderExtension, { leftOffset: l = 0, rightOffset: c = 0, topOffset: u = 0, downOffset: h = 0 } = s || {}, d = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, a, i);
+    if (!d || d.renderMode === ct.TEXT)
+      return;
+    const C = {
+      startX: r.startX + l,
+      endX: r.endX - c,
+      startY: r.startY + u,
+      endY: r.endY - h
+    }, p = C.endX - C.startX, R = mt(n), w = `${R != null ? R : ""}`;
+    let { tb: g, pd: f } = o || {};
+    const { t: _ = dt.pd.t, b: V = dt.pd.b } = f != null ? f : {};
+    if (g = g != null ? g : It.WRAP, d.renderMode === ct.ARROW) {
+      const S = p - pt, { documentSkeleton: I, docModel: v } = _e(w, this._localeService, o);
+      g === It.WRAP && v.updateDocumentDataPageSize(Math.max(S, 1)), I.calculate(), I.getActualSize();
+      const y = re(I), { height: P } = y;
+      return P + _ + V + zt * 2;
+    } else {
+      const S = p - gt * 2 - Pt - pt, { documentSkeleton: I, docModel: v } = Bo(w, this._localeService, o);
+      g === It.WRAP && v.updateDocumentDataPageSize(Math.max(S, 1)), I.calculate();
+      const y = re(I), {
+        height: P
+      } = y;
+      return P + zt * 2;
+    }
+  }
+  calcCellAutoWidth(t) {
+    const { primaryWithCoord: e, style: o, data: n, row: a, col: i } = t, r = e.isMergedMainCell ? e.mergeInfo : e, s = n == null ? void 0 : n.fontRenderExtension, { leftOffset: l = 0, rightOffset: c = 0, topOffset: u = 0, downOffset: h = 0 } = s || {}, d = this._dataValidationModel.getRuleByLocation(t.unitId, t.subUnitId, a, i);
+    if (!d || d.renderMode === ct.TEXT)
+      return;
+    const C = {
+      startX: r.startX + l,
+      endX: r.endX - c,
+      startY: r.startY + u,
+      endY: r.endY - h
+    }, p = C.endX - C.startX, R = mt(n), w = `${R != null ? R : ""}`;
+    let { tb: g, pd: f } = o || {};
+    const { l: _ = dt.pd.l, r: V = dt.pd.r } = f != null ? f : {};
+    g = g != null ? g : It.WRAP;
+    let S = gt * 2 + pt;
+    switch (d.renderMode) {
+      case ct.ARROW:
+        S = pt + gt * 2 + V + _;
+        break;
+      case ct.CUSTOM:
+        S = pt + gt * 2 + Pt * 2 + V + _ + ze / 2 + 1;
+        break;
+      // default is CUSTOM
+      default:
+        S = pt + gt * 2 + Pt * 2 + V + _ + ze / 2 + 1;
+    }
+    const I = p - S, { documentSkeleton: v, docModel: y } = _e(w, this._localeService, o);
+    return g === It.WRAP && y.updateDocumentDataPageSize(Math.max(I, 1)), v.calculate(), v.getActualSize(), re(v).width + S;
+  }
+  isHit(t, e) {
+    const { subUnitId: o, row: n, col: a } = e, r = this._ensureMap(o).get(this._generateKey(n, a)), s = this._dataValidationModel.getRuleByLocation(e.unitId, e.subUnitId, n, a);
+    if (!s || !r || s.renderMode === ct.TEXT)
+      return !1;
+    const { top: l, left: c, width: u, height: h } = r, { x: d, y: C } = t;
+    return d >= c && d <= c + u && C >= l && C <= l + h;
+  }
+  onPointerDown(t, e) {
+    if (e.button === 2)
+      return;
+    const { unitId: o, subUnitId: n, row: a, col: i } = t, r = {
+      unitId: o,
+      subUnitId: n,
+      row: a,
+      column: i
+    };
+    this._commandService.executeCommand(Fe.id, r);
+  }
+  onPointerEnter(t, e) {
+    var o, n;
+    (n = (o = Zt(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : o.mainComponent) == null || n.setCursor(qt.POINTER);
+  }
+  onPointerLeave(t, e) {
+    var o, n;
+    (n = (o = Zt(X.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : o.mainComponent) == null || n.setCursor(qt.DEFAULT);
+  }
+};
+pn = zr([
+  le(0, rt),
+  le(1, b(Q)),
+  le(2, tt),
+  le(3, b(yt)),
+  le(4, b(at))
+], pn);
+class Zr extends vt {
+  constructor() {
+    super(...arguments);
+    E(this, "id", K.LIST);
+    E(this, "canvasRender", this.injector.createInstance(pn));
+    E(this, "dropdown", yn);
+    E(this, "optionsInput", Oe.componentKey);
+    E(this, "formulaInput", Mn);
+  }
+}
+class qr extends vt {
+  constructor() {
+    super(...arguments);
+    E(this, "id", K.TEXT_LENGTH);
+    E(this, "formulaInput", Ue);
+  }
+}
+class Jr extends vt {
+  constructor() {
+    super(...arguments);
+    E(this, "id", K.WHOLE);
+    E(this, "formulaInput", Ue);
+  }
+}
+var Qr = Object.getOwnPropertyDescriptor, ts = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? Qr(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, Ke = (t, e) => (o, n) => e(o, n, t);
+let oe = class extends gn {
+  constructor(t, e, o) {
+    super(), this._injector = t, this._componentManger = e, this._dataValidatorRegistryService = o, this._initComponents(), this._registerValidatorViews();
+  }
+  _initComponents() {
+    [
+      [Lo, wo],
+      [Me, Ki],
+      [Mo, gi],
+      [yn, Ei],
+      [Oo, ei],
+      [Oe.componentKey, Oe],
+      [Le.componentKey, Le],
+      ...Vr
+    ].forEach(([t, e]) => {
+      this.disposeWithMe(this._componentManger.register(
+        t,
+        e
+      ));
+    });
+  }
+  _registerValidatorViews() {
+    [
+      Nr,
+      Jr,
+      qr,
+      Fr,
+      Pr,
+      Zr,
+      Yr,
+      Ar
+    ].forEach((t) => {
+      const e = this._injector.createInstance(t), o = this._dataValidatorRegistryService.getValidatorItem(e.id);
+      o && (o.formulaInput = e.formulaInput, o.canvasRender = e.canvasRender, o.dropdown = e.dropdown, o.optionsInput = e.optionsInput);
+    });
+  }
+};
+oe = ts([
+  Ke(0, b(Wt)),
+  Ke(1, b(Ae)),
+  Ke(2, b(bt))
+], oe);
+var es = Object.getOwnPropertyDescriptor, ns = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? es(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, Ge = (t, e) => (o, n) => e(o, n, t);
+const os = "SHEET_DATA_VALIDATION_UI_PLUGIN";
+var Se;
+let Yn = (Se = class extends Zn {
+  constructor(t = Ee, e, o, n) {
+    super(), this._config = t, this._injector = e, this._commandService = o, this._configService = n;
+    const { menu: a, ...i } = qn(
+      {},
+      Ee,
+      this._config
+    );
+    a && this._configService.setConfig("menu", a, { merge: !0 }), this._configService.setConfig(Vn, i);
+  }
+  onStarting() {
+    [
+      [ft],
+      [Dt],
+      [ue],
+      [Qt],
+      [ne],
+      [ee],
+      [te],
+      [ce],
+      [oe]
+    ].forEach((t) => {
+      this._injector.add(t);
+    }), [
+      Ne,
+      Fe,
+      bo,
+      Dn,
+      Ht,
+      Eo
+    ].forEach((t) => {
+      this._commandService.registerCommand(t);
+    });
+  }
+  onReady() {
+    this._injector.get(te), this._injector.get(ee), this._injector.get(ce), this._injector.get(ue), this._injector.get(yt).registerRenderModule(
+      X.UNIVER_SHEET,
+      [be]
+    );
+  }
+  onRendered() {
+    this._injector.get(oe), this._injector.get(ne);
+  }
+  onSteady() {
+    this._injector.get(Qt);
+  }
+}, E(Se, "pluginName", os), E(Se, "type", X.UNIVER_SHEET), Se);
+Yn = ns([
+  Ge(1, b(Wt)),
+  Ge(2, tt),
+  Ge(3, mn)
+], Yn);
+var as = Object.getOwnPropertyDescriptor, is = (t, e, o, n) => {
+  for (var a = n > 1 ? void 0 : n ? as(e, o) : e, i = t.length - 1, r; i >= 0; i--)
+    (r = t[i]) && (a = r(a) || a);
+  return a;
+}, Ze = (t, e) => (o, n) => e(o, n, t);
+const rs = "SHEET_DATA_VALIDATION_UI_PLUGIN";
+var Ce;
+let Xn = (Ce = class extends Zn {
+  constructor(t = Ee, e, o, n) {
+    super(), this._config = t, this._injector = e, this._commandService = o, this._configService = n;
+    const { menu: a, ...i } = qn(
+      {},
+      Ee,
+      this._config
+    );
+    a && this._configService.setConfig("menu", a, { merge: !0 }), this._configService.setConfig(Vn, i);
+  }
+  onStarting() {
+    [
+      [ft],
+      [Dt],
+      [ue],
+      [Qt],
+      [ne],
+      [ee],
+      [te],
+      [oe]
+    ].forEach((t) => {
+      this._injector.add(t);
+    }), [
+      Ne,
+      Fe,
+      bo,
+      Dn,
+      Ht,
+      Eo
+    ].forEach((t) => {
+      this._commandService.registerCommand(t);
+    });
+  }
+  onReady() {
+    this._injector.get(te), this._injector.get(ee), this._injector.get(yt).registerRenderModule(
+      X.UNIVER_SHEET,
+      [be]
+    );
+  }
+  onRendered() {
+    this._injector.get(oe), this._injector.get(ne);
+  }
+  onSteady() {
+    this._injector.get(Qt);
+  }
+}, E(Ce, "pluginName", rs), E(Ce, "type", X.UNIVER_SHEET), Ce);
+Xn = is([
+  Ze(1, b(Wt)),
+  Ze(2, tt),
+  Ze(3, mn)
+], Xn);
+export {
+  Oo as DATE_DROPDOWN_KEY,
+  yn as LIST_DROPDOWN_KEY,
+  Xn as UniverSheetsDataValidationMobileUIPlugin,
+  Yn as UniverSheetsDataValidationUIPlugin
+};