@univerjs/sheets-conditional-formatting-ui 0.17.0 → 0.18.0

package/lib/index.js

@@ -1,4136 +1,128 @@
-var nr = Object.defineProperty;
-var rr = (n, e, t) => e in n ? nr(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var ge = (n, e, t) => rr(n, typeof e != "symbol" ? e + "" : e, t);
-import { CommandType as he, ICommandService as Q, IUniverInstanceService as G, ColorKit as vn, BooleanNumber as ie, LocaleService as te, UniverInstanceType as H, Tools as _t, get as ir, set as or, createInterceptorKey as gn, InterceptorManager as sr, Inject as $, Disposable as se, Injector as ve, Rectangle as me, generateRandomId as ar, toDisposable as mn, ObjectMatrix as Re, Range as fe, InterceptorEffectEnum as lr, DependentOn as fn, IConfigService as pn, Plugin as Cn, merge as yn, registerDependencies as cr, touchDependencies as Vt } from "@univerjs/core";
-import { getSheetCommandTarget as Ce, SheetsSelectionsService as $e, RemoveSheetMutation as ur, SetWorksheetActiveOperation as Bt, setEndForRange as dr, SetSelectionsOperation as hr, checkRangesEditablePermission as dt, SheetInterceptorService as Wt, ClearSelectionFormatCommand as vr, ClearSelectionAllCommand as gr, RangeMergeUtil as mr, rangeToDiscreteRange as fr, findAllRectangle as ht, createTopMatrixFromMatrix as vt, SheetPermissionCheckController as pr, WorksheetEditPermission as bn, WorksheetSetCellStylePermission as In, RangeProtectionPermissionEditPoint as Sn, WorkbookEditablePermission as _n, INTERCEPTOR_POINT as Cr, IAutoFillService as yr, AUTO_FILL_APPLY_TYPE as kt, AutoFillTools as br, AFTER_CELL_EDIT as Ir } from "@univerjs/sheets";
-import { ConditionalFormattingRuleModel as X, CFSubRuleType as k, CFRuleType as M, AddConditionalRuleMutation as ee, CFNumberOperator as O, getColorScaleFromValue as Sr, iconMap as Te, DEFAULT_BG_COLOR as _r, DEFAULT_FONT_COLOR as wr, defaultDataBarPositiveColor as qe, defaultDataBarNativeColor as Ge, CFValueType as P, createDefaultValueByValueType as Ze, removeUndefinedAttr as Rr, createDefaultValue as gt, CFTextOperator as j, CFTimePeriodOperator as de, iconGroup as Tr, getOppositeOperator as Ht, compareWithNumber as xr, EMPTY_ICON_TYPE as Er, SetCfCommand as Nr, AddCfCommand as wn, SetConditionalRuleMutation as be, DeleteConditionalRuleMutation as Ie, MoveConditionalRuleMutation as Rn, ClearWorksheetCfCommand as Tn, DeleteCfCommand as Yt, MoveCfCommand as Mr, ClearRangeCfCommand as Vr, createDefaultRule as _e, setConditionalRuleMutationUndoFactory as Le, DeleteConditionalRuleMutationUndoFactory as ze, createCfId as kr, AddConditionalRuleMutationUndoFactory as qt, ConditionalFormattingViewModel as et, SHEET_CONDITIONAL_FORMATTING_PLUGIN as tt, ConditionalFormattingService as xn, DEFAULT_PADDING as Fr, DEFAULT_WIDTH as Lr, UniverSheetsConditionalFormattingPlugin as En, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as Pr } from "@univerjs/sheets-conditional-formatting";
-import { useDependency as q, useSidebarClick as wt, ILayoutService as Ur, useScrollYOverContainer as Or, useObservable as $r, ComponentManager as Dr, ISidebarService as Ar, getMenuHiddenObservable as Hr, MenuItemType as jr, RibbonDataGroup as Br, IMenuManagerService as Wr } from "@univerjs/ui";
-import { jsx as c, jsxs as F, Fragment as jt } from "react/jsx-runtime";
-import { useRef as pe, createElement as ae, forwardRef as le, useMemo as K, useState as N, useEffect as J } from "react";
-import { Dropdown as Gt, clsx as Y, ColorPicker as qr, borderClassName as Ne, Select as oe, InputNumber as xe, RadioGroup as Gr, Radio as Kt, Checkbox as mt, Input as Zr, Button as Xt, Tooltip as Jt, DraggableList as zr } from "@univerjs/design";
-import { serializeRange as Nn, deserializeRangeWithSheet as Yr } from "@univerjs/engine-formula";
-import { FormulaEditor as Rt, RangeSelector as Kr } from "@univerjs/sheets-formula-ui";
-import { useHighlightRange as Xr, ISheetClipboardService as Jr, COPY_TYPE as Qt, PREDEFINED_HOOK_NAME_PASTE as Ft, virtualizeDiscreteRanges as Mn, getRepeatRange as Qr, SheetSkeletonManagerService as Vn, IFormatPainterService as ei, FormatPainterStatus as Lt, getCurrentRangeDisable$ as ti } from "@univerjs/sheets-ui";
-import { Observable as Fe, debounceTime as ni, merge as kn } from "rxjs";
-import { FormulaRefRangeService as ri, UniverSheetsFormulaPlugin as ii } from "@univerjs/sheets-formula";
-import { IRenderManagerService as Fn } from "@univerjs/engine-render";
-import { bufferTime as oi, filter as en, debounceTime as tn } from "rxjs/operators";
-const Ln = {
-  type: he.COMMAND,
-  id: "sheet.command.add-average-conditional-rule",
-  handler(n, e) {
-    if (!e)
-      return !1;
-    const { ranges: t, style: r, stopIfTrue: i, operator: o } = e, s = n.get(X), u = n.get(Q), l = n.get(G), g = Ce(l);
-    if (!g) return !1;
-    const { unitId: a, subUnitId: d } = g, h = s.createCfId(a, d), p = {
-      ranges: t,
-      cfId: h,
-      stopIfTrue: !!i,
-      rule: {
-        type: M.highlightCell,
-        subType: k.average,
-        operator: o,
-        style: r
-      }
-    };
-    return u.executeCommand(ee.id, { unitId: a, subUnitId: d, rule: p });
-  }
-}, Pn = {
-  type: he.COMMAND,
-  id: "sheet.command.add-color-scale-conditional-rule",
-  handler(n, e) {
-    if (!e)
-      return !1;
-    const { ranges: t, config: r, stopIfTrue: i } = e, o = n.get(X), s = n.get(Q), u = n.get(G), l = Ce(u);
-    if (!l) return !1;
-    const { unitId: g, subUnitId: a } = l, d = o.createCfId(g, a), h = {
-      ranges: t,
-      cfId: d,
-      stopIfTrue: !!i,
-      rule: {
-        type: M.colorScale,
-        config: r
-      }
-    };
-    return s.executeCommand(ee.id, { unitId: g, subUnitId: a, rule: h });
-  }
-}, Un = {
-  type: he.COMMAND,
-  id: "sheet.command.add-data-bar-conditional-rule",
-  handler(n, e) {
-    if (!e)
-      return !1;
-    const { ranges: t, min: r, max: i, nativeColor: o, positiveColor: s, isGradient: u, stopIfTrue: l, isShowValue: g } = e, a = n.get(X), d = n.get(G), h = Ce(d);
-    if (!h) return !1;
-    const { unitId: p, subUnitId: y } = h, f = n.get(Q), w = a.createCfId(p, y), S = {
-      ranges: t,
-      cfId: w,
-      stopIfTrue: !!l,
-      rule: {
-        type: M.dataBar,
-        isShowValue: g,
-        config: {
-          min: r,
-          max: i,
-          nativeColor: o,
-          positiveColor: s,
-          isGradient: u
-        }
-      }
-    };
-    return f.executeCommand(ee.id, { unitId: p, subUnitId: y, rule: S });
-  }
-}, On = {
-  type: he.COMMAND,
-  id: "sheet.command.add-duplicate-values-conditional-rule",
-  handler(n, e) {
-    if (!e)
-      return !1;
-    const { ranges: t, style: r, stopIfTrue: i } = e, o = n.get(X), s = n.get(Q), u = n.get(G), l = Ce(u);
-    if (!l) return !1;
-    const { unitId: g, subUnitId: a } = l, d = o.createCfId(g, a), h = {
-      ranges: t,
-      cfId: d,
-      stopIfTrue: !!i,
-      rule: {
-        type: M.highlightCell,
-        subType: k.duplicateValues,
-        style: r
-      }
-    };
-    return s.executeCommand(ee.id, { unitId: g, subUnitId: a, rule: h });
-  }
-}, $n = {
-  type: he.COMMAND,
-  id: "sheet.command.add-number-conditional-rule",
-  handler(n, e) {
-    if (!e)
-      return !1;
-    const { ranges: t, style: r, stopIfTrue: i, operator: o, value: s } = e, u = n.get(X), l = n.get(Q), g = n.get(G), a = Ce(g);
-    if (!a) return !1;
-    const { unitId: d, subUnitId: h } = a, p = u.createCfId(d, h);
-    let y;
-    if ([O.between, O.notBetween].includes(o)) {
-      const f = s;
-      if (f.length !== 2 || !Array.isArray(f))
-        return !1;
-      y = {
-        ranges: t,
-        cfId: p,
-        stopIfTrue: !!i,
-        rule: {
-          type: M.highlightCell,
-          subType: k.number,
-          operator: o,
-          style: r,
-          value: f
-        }
-      };
-    } else {
-      const f = s;
-      if (typeof f != "number")
-        return !1;
-      y = {
-        ranges: t,
-        cfId: p,
-        stopIfTrue: !!i,
-        rule: {
-          type: M.highlightCell,
-          subType: k.number,
-          operator: o,
-          style: r,
-          value: f
-        }
-      };
-    }
-    return l.executeCommand(ee.id, { unitId: d, subUnitId: h, rule: y });
-  }
-}, Dn = {
-  type: he.COMMAND,
-  id: "sheet.command.add-rank-conditional-rule",
-  handler(n, e) {
-    if (!e)
-      return !1;
-    const { ranges: t, style: r, stopIfTrue: i, isPercent: o, isBottom: s, value: u } = e, l = n.get(X), g = n.get(G), a = n.get(Q), d = Ce(g);
-    if (!d) return !1;
-    const { unitId: h, subUnitId: p } = d, y = l.createCfId(h, p), f = {
-      ranges: t,
-      cfId: y,
-      stopIfTrue: !!i,
-      rule: {
-        type: M.highlightCell,
-        subType: k.rank,
-        isPercent: o,
-        isBottom: s,
-        style: r,
-        value: u
-      }
-    };
-    return a.executeCommand(ee.id, { unitId: h, subUnitId: p, rule: f });
-  }
-}, An = {
-  type: he.COMMAND,
-  id: "sheet.command.add-text-conditional-rule",
-  handler(n, e) {
-    if (!e)
-      return !1;
-    const { ranges: t, style: r, stopIfTrue: i, operator: o, value: s } = e, u = n.get(X), l = n.get(G), g = Ce(l);
-    if (!g) return !1;
-    const { unitId: a, subUnitId: d } = g, h = n.get(Q), p = u.createCfId(a, d), y = {
-      ranges: t,
-      cfId: p,
-      stopIfTrue: !!i,
-      rule: {
-        type: M.highlightCell,
-        subType: k.text,
-        operator: o,
-        style: r,
-        value: s
-      }
-    };
-    return h.executeCommand(ee.id, { unitId: a, subUnitId: d, rule: y });
-  }
-}, Hn = {
-  type: he.COMMAND,
-  id: "sheet.command.add-time-period-conditional-rule",
-  handler(n, e) {
-    if (!e)
-      return !1;
-    const { ranges: t, style: r, stopIfTrue: i, operator: o } = e, s = n.get(X), u = n.get(G), l = n.get(Q), g = Ce(u);
-    if (!g) return !1;
-    const { unitId: a, subUnitId: d } = g, h = s.createCfId(a, d), p = {
-      ranges: t,
-      cfId: h,
-      stopIfTrue: !!i,
-      rule: {
-        type: M.highlightCell,
-        subType: k.timePeriod,
-        operator: o,
-        style: r
-      }
-    };
-    return l.executeCommand(ee.id, { unitId: a, subUnitId: d, rule: p });
-  }
-}, jn = {
-  type: he.COMMAND,
-  id: "sheet.command.add-uniqueValues-conditional-rule",
-  handler(n, e) {
-    if (!e)
-      return !1;
-    const { ranges: t, style: r, stopIfTrue: i } = e, o = n.get(X), s = n.get(G), u = n.get(Q), l = Ce(s);
-    if (!l) return !1;
-    const { unitId: g, subUnitId: a } = l, d = o.createCfId(g, a), h = {
-      ranges: t,
-      cfId: d,
-      stopIfTrue: !!i,
-      rule: {
-        type: M.highlightCell,
-        subType: k.uniqueValues,
-        style: r
-      }
-    };
-    return u.executeCommand(ee.id, { unitId: g, subUnitId: a, rule: h });
-  }
-};
-function ce({ ref: n, ...e }) {
-  const { icon: t, id: r, className: i, extend: o, ...s } = e, u = `univerjs-icon univerjs-icon-${r} ${i || ""}`.trim(), l = pe(`_${li()}`);
-  return Bn(t, `${r}`, {
-    defIds: t.defIds,
-    idSuffix: l.current
-  }, {
-    ref: n,
-    className: u,
-    ...s
-  }, o);
-}
-function Bn(n, e, t, r, i) {
-  return ae(n.tag, {
-    key: e,
-    ...si(n, t, i),
-    ...r
-  }, (ai(n, t).children || []).map((o, s) => Bn(o, `${e}-${n.tag}-${s}`, t, void 0, i)));
-}
-function si(n, e, t) {
-  const r = { ...n.attrs };
-  t != null && t.colorChannel1 && r.fill === "colorChannel1" && (r.fill = t.colorChannel1), n.tag === "mask" && r.id && (r.id = r.id + e.idSuffix), Object.entries(r).forEach(([o, s]) => {
-    o === "mask" && typeof s == "string" && (r[o] = s.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  });
-  const { defIds: i } = e;
-  return !i || i.length === 0 || (n.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(([o, s]) => {
-    typeof s == "string" && (r[o] = s.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  })), r;
-}
-function ai(n, e) {
-  var r;
-  const { defIds: t } = e;
-  return !t || t.length === 0 ? n : n.tag === "defs" && ((r = n.children) != null && r.length) ? {
-    ...n,
-    children: n.children.map((i) => typeof i.attrs.id == "string" && t && t.includes(i.attrs.id) ? {
-      ...i,
-      attrs: {
-        ...i.attrs,
-        id: i.attrs.id + e.idSuffix
-      }
-    } : i)
-  } : n;
-}
-function li() {
-  return Math.random().toString(36).substring(2, 8);
-}
-ce.displayName = "UniverIcon";
-const ci = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M4.65791 1.30005C3.77355 1.30005 3.05664 2.01696 3.05664 2.90132V12.8588C3.05664 13.8755 3.88086 14.6998 4.89759 14.6998H9.1016C11.2233 14.6998 12.9433 12.9798 12.9433 10.8581C12.9433 9.13925 11.8145 7.68407 10.2578 7.1934C10.8806 6.56856 11.2655 5.70659 11.2655 4.75472C11.2655 2.84676 9.71883 1.30005 7.81087 1.30005H4.65791ZM4.25664 2.90132C4.25664 2.6797 4.4363 2.50005 4.65791 2.50005H7.81087C9.05609 2.50005 10.0655 3.5095 10.0655 4.75472C10.0655 5.99993 9.05609 7.00938 7.81087 7.00938H4.25664V2.90132ZM4.25664 12.8588V8.21636H9.1016C10.5606 8.21636 11.7433 9.39909 11.7433 10.8581C11.7433 12.317 10.5606 13.4998 9.1016 13.4998H4.89759C4.5436 13.4998 4.25664 13.2128 4.25664 12.8588Z",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  }]
-}, Wn = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "bold-icon",
-    ref: t,
-    icon: ci
-  }));
-});
-Wn.displayName = "BoldIcon";
-const ui = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M5.3313 1.4667C5.3313 1.13533 5.59993 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z",
-        fillRule: "evenodd",
-        clipRule: "evenodd"
-      }
-    }
-  ]
-}, ut = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "delete-icon",
-    ref: t,
-    icon: ui
-  }));
-});
-ut.displayName = "DeleteIcon";
-const di = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z"
-    }
-  }]
-}, qn = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "increase-icon",
-    ref: t,
-    icon: di
-  }));
-});
-qn.displayName = "IncreaseIcon";
-const hi = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M9.80385 1.40005H11.9997C12.3311 1.40005 12.5997 1.66868 12.5997 2.00005C12.5997 2.33143 12.3311 2.60005 11.9997 2.60005H10.1185L7.12251 13.4001H9.33324C9.66461 13.4001 9.93324 13.6687 9.93324 14.0001C9.93324 14.3314 9.66461 14.6001 9.33324 14.6001H6.34785C6.33847 14.6003 6.32905 14.6003 6.31962 14.6001H3.9999C3.66853 14.6001 3.3999 14.3314 3.3999 14.0001C3.3999 13.6687 3.66853 13.4001 3.9999 13.4001H5.87719L8.87322 2.60005H6.66641C6.33504 2.60005 6.06641 2.33143 6.06641 2.00005C6.06641 1.66868 6.33504 1.40005 6.66641 1.40005H9.52916C9.61698 1.37929 9.71064 1.3781 9.80385 1.40005Z"
-    }
-  }]
-}, Gn = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "italic-icon",
-    ref: t,
-    icon: hi
-  }));
-});
-Gn.displayName = "ItalicIcon";
-const vi = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  }]
-}, Zt = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "more-down-icon",
-    ref: t,
-    icon: vi
-  }));
-});
-Zt.displayName = "MoreDownIcon";
-const gi = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M6 5C6.55228 5 7 4.55228 7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4C5 4.55228 5.44772 5 6 5Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M6 9C6.55228 9 7 8.55229 7 8C7 7.44772 6.55228 7 6 7C5.44772 7 5 7.44772 5 8C5 8.55229 5.44772 9 6 9Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M10 5C10.5523 5 11 4.55228 11 4C11 3.44772 10.5523 3 10 3C9.44771 3 9 3.44772 9 4C9 4.55228 9.44771 5 10 5Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M11 8C11 8.55229 10.5523 9 10 9C9.44771 9 9 8.55229 9 8C9 7.44772 9.44771 7 10 7C10.5523 7 11 7.44772 11 8Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44771 11 9 11.4477 9 12C9 12.5523 9.44771 13 10 13Z"
-      }
-    }
-  ]
-}, Zn = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "sequence-icon",
-    ref: t,
-    icon: gi
-  }));
-});
-Zn.displayName = "SequenceIcon";
-const mi = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M8.00033 1.20996C6.43345 1.20996 5.23596 1.88077 4.64804 2.94304C4.06338 3.99943 4.15123 5.32084 4.90099 6.47062C5.08199 6.7482 5.45374 6.82648 5.73131 6.64548C6.00888 6.46448 6.08716 6.09273 5.90616 5.81516C5.36418 4.98402 5.35768 4.13897 5.69797 3.52412C6.035 2.91515 6.78176 2.40996 8.00033 2.40996C9.19423 2.40996 10.0017 2.93409 10.5236 3.46755C10.7871 3.73682 10.9756 4.00712 11.0974 4.20903C11.158 4.30951 11.2013 4.39164 11.2284 4.44625C11.2419 4.47351 11.2514 4.49377 11.2568 4.50588L11.2621 4.51771C11.3901 4.82216 11.7407 4.96686 12.046 4.83992C12.3519 4.71267 12.4968 4.36149 12.3695 4.05552L11.8231 4.28278C12.3695 4.05552 12.3697 4.0558 12.3695 4.05552L12.3691 4.05437L12.3685 4.05298L12.367 4.04953L12.3629 4.03993L12.3498 4.01036C12.3388 3.98619 12.3234 3.95326 12.3033 3.91282C12.2632 3.83203 12.2043 3.72072 12.1249 3.58908C11.9666 3.32674 11.7235 2.97805 11.3814 2.62834C10.6921 1.92381 9.59192 1.20996 8.00033 1.20996Z"
-    }
-  }, {
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M2.11953 8.5999H7.88935C10.1109 9.46549 10.5895 10.7649 10.4268 11.6869C10.2475 12.703 9.26939 13.5898 8.00009 13.5898C6.63323 13.5898 5.77631 13.0502 5.25534 12.528C4.99021 12.2623 4.80823 11.9965 4.69365 11.7993C4.63659 11.7011 4.59698 11.6211 4.5727 11.5686C4.56059 11.5424 4.55236 11.5231 4.54774 11.512L4.54352 11.5016C4.4267 11.193 4.0823 11.0363 3.77279 11.1516C3.46228 11.2673 3.30438 11.6129 3.4201 11.9234L3.9649 11.7203C3.4201 11.9234 3.41998 11.9231 3.4201 11.9234L3.4206 11.9247L3.42118 11.9263L3.42262 11.9301L3.42661 11.9403C3.42977 11.9484 3.43394 11.9588 3.43914 11.9713C3.44956 11.9965 3.46418 12.0304 3.48334 12.0719C3.52161 12.1547 3.57828 12.2682 3.65608 12.4021C3.81124 12.6692 4.0534 13.0223 4.40584 13.3756C5.12 14.0914 6.27196 14.7898 8.00009 14.7898C9.82574 14.7898 11.3236 13.5101 11.6085 11.8955C11.812 10.7422 11.3901 9.55402 10.2665 8.5999H13.8804C14.2117 8.5999 14.4803 8.33127 14.4803 7.9999C14.4803 7.66853 14.2117 7.3999 13.8804 7.3999H8.01411C8.0048 7.39968 7.99551 7.39969 7.98625 7.3999H2.11953C1.78816 7.3999 1.51953 7.66853 1.51953 7.9999C1.51953 8.33127 1.78816 8.5999 2.11953 8.5999Z"
-    }
-  }]
-}, zn = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "strikethrough-icon",
-    ref: t,
-    icon: mi
-  }));
-});
-zn.displayName = "StrikethroughIcon";
-const fi = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M4.46416 2.03237C4.46416 1.701 4.19553 1.43237 3.86416 1.43237C3.53279 1.43237 3.26416 1.701 3.26416 2.03237V7.33338C3.26416 10.0313 5.35834 12.2667 7.9999 12.2667C10.6415 12.2667 12.7356 10.0313 12.7356 7.33338V2.03237C12.7356 1.701 12.467 1.43237 12.1356 1.43237C11.8043 1.43237 11.5356 1.701 11.5356 2.03237V7.33338C11.5356 9.42194 9.92656 11.0667 7.9999 11.0667C6.07325 11.0667 4.46416 9.42194 4.46416 7.33338V2.03237Z"
-    }
-  }, {
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M2.66641 13.4663C2.33504 13.4663 2.06641 13.7349 2.06641 14.0663C2.06641 14.3977 2.33504 14.6663 2.66641 14.6663H13.3331C13.6644 14.6663 13.9331 14.3977 13.9331 14.0663C13.9331 13.7349 13.6644 13.4663 13.3331 13.4663H2.66641Z"
-    }
-  }]
-}, Yn = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "underline-icon",
-    ref: t,
-    icon: fi
-  }));
-});
-Yn.displayName = "UnderlineIcon";
-const pi = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 17 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "colorChannel1",
-      d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z"
-    }
-  }, {
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M10.3014 1.70389C9.85268 0.479568 8.12109 0.479557 7.67238 1.70389L4.72235 9.75326C4.60832 10.0644 4.76811 10.4091 5.07924 10.5231C5.39038 10.6371 5.73504 10.4773 5.84907 10.1662L6.99975 7.02646C7.03588 7.03324 7.07314 7.03679 7.11123 7.03679H10.9778L12.1247 10.1662C12.2387 10.4773 12.5834 10.6371 12.8945 10.5231C13.2057 10.4091 13.3654 10.0644 13.2514 9.75326L10.3014 1.70389ZM10.538 5.83679L9.17467 2.11682C9.11057 1.94192 8.8632 1.94192 8.7991 2.11682L7.43576 5.83679H10.538Z",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  }]
-}, Kn = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "font-color-double-icon",
-    ref: t,
-    icon: pi
-  }));
-});
-Kn.displayName = "FontColorDoubleIcon";
-const Ci = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 17 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z",
-        fillRule: "evenodd",
-        clipRule: "evenodd"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "colorChannel1",
-        d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z"
-      }
-    }
-  ]
-}, Xn = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "paint-bucket-double-icon",
-    ref: t,
-    icon: Ci
-  }));
-});
-Xn.displayName = "PaintBucketDoubleIcon";
-const yi = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 17 17",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M2.27177 13.714L13.5855 2.40025L14.434 3.24878L3.1203 14.5625L2.27177 13.714Z",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  }, {
-    tag: "path",
-    attrs: {
-      fill: "colorChannel1",
-      d: "M4.2603 1.82495L2.89617 1.82495C2.23343 1.82495 1.69617 2.36221 1.69617 3.02495L1.69617 4.38908L3.02617 4.38908L3.02617 3.15495L4.2603 3.15495L4.2603 1.82495ZM15.0092 4.38908L15.0092 3.02495C15.0092 2.36221 14.4719 1.82495 13.8092 1.82495L12.4451 1.82495L12.4451 3.15495L13.6792 3.15495L13.6792 4.38908L15.0092 4.38908ZM6.98856 1.82495L6.98856 3.15495L9.71681 3.15495L9.71681 1.82495L6.98856 1.82495ZM15.0092 7.11734L13.6792 7.11734L13.6792 9.84559L15.0092 9.84559L15.0092 7.11734ZM15.0092 12.5739L13.6792 12.5739L13.6792 13.808L12.4451 13.808L12.4451 15.138L13.8092 15.138C14.4719 15.138 15.0092 14.6007 15.0092 13.938L15.0092 12.5739ZM9.71681 15.138L9.71681 13.808L6.98856 13.808L6.98856 15.138L9.71681 15.138ZM4.2603 15.138L4.2603 13.808L3.02617 13.808L3.02617 12.5739L1.69617 12.5739L1.69617 13.938C1.69617 14.6007 2.23343 15.138 2.89617 15.138L4.2603 15.138ZM1.69617 9.8456L3.02617 9.8456L3.02617 7.11734L1.69617 7.11734L1.69617 9.8456Z",
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  }]
-}, nt = le(function(e, t) {
-  return ae(ce, Object.assign({}, e, {
-    id: "slash-double-icon",
-    ref: t,
-    icon: yi
-  }));
-});
-nt.displayName = "SlashDoubleIcon";
-const Ee = (n) => {
-  const { color: e, onChange: t, disable: r = !1, Icon: i = Xn, className: o } = n, s = K(() => new vn(e), [e]), u = () => {
-    const l = {
-      className: Y("univer-fill-primary-600", r && o),
-      extend: { colorChannel1: s.isValid ? e : "" }
-    };
-    return /* @__PURE__ */ c(i, { ...l });
-  };
-  return r ? u() : /* @__PURE__ */ c(
-    Gt,
-    {
-      overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(qr, { value: e, onChange: t }) }),
-      children: /* @__PURE__ */ c(
-        "span",
-        {
-          className: Y("univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700", o),
-          children: u()
-        }
-      )
-    }
-  );
-}, De = (n) => {
-  var o, s, u, l, g;
-  const e = n.rule;
-  if (!e) return null;
-  const t = K(() => {
-    if (e.type === M.colorScale) {
-      const a = e.config.map((p, y) => ({ color: new vn(p.color), value: y })), d = a.length - 1;
-      return new Array(5).fill("").map((p, y, f) => y * d / (f.length - 1)).map((p) => Sr(a, p));
-    }
-    return null;
-  }, [e]), r = K(() => {
-    if (e.type === M.iconSet)
-      return e.config.map((a) => {
-        const d = Te[a.iconType];
-        return d && d[Number(a.iconId)];
-      });
-  }, [e]), i = "univer-pointer-events-none univer-flex univer-h-5 univer-min-w-[72px] univer-items-center univer-justify-center univer-text-xs";
-  switch (e.type) {
-    case M.dataBar: {
-      const { isGradient: a } = e.config, d = a ? `linear-gradient(to right, ${e.config.positiveColor || qe}, rgb(255 255 255))` : e.config.positiveColor, h = a ? `linear-gradient(to right,  rgb(255 255 255),${e.config.nativeColor || Ge})` : e.config.nativeColor;
-      return /* @__PURE__ */ F("div", { className: i, children: [
-        /* @__PURE__ */ c(
-          "div",
-          {
-            className: "univer-h-full univer-w-1/2 univer-border univer-border-solid",
-            style: {
-              background: h,
-              borderColor: (o = e.config.nativeColor) != null ? o : Ge
-            }
-          }
-        ),
-        /* @__PURE__ */ c(
-          "div",
-          {
-            className: "univer-h-full univer-w-1/2 univer-border univer-border-solid",
-            style: {
-              background: d,
-              borderColor: (s = e.config.positiveColor) != null ? s : qe
-            }
-          }
-        )
-      ] });
-    }
-    case M.colorScale:
-      return t && /* @__PURE__ */ c("div", { className: i, children: t.map((a, d) => /* @__PURE__ */ c(
-        "div",
-        {
-          className: "univer-h-full",
-          style: { width: `${100 / t.length}%`, background: a }
-        },
-        d
-      )) });
-    case M.iconSet:
-      return r && /* @__PURE__ */ c("div", { className: i, children: r.map((a, d) => a ? /* @__PURE__ */ c("img", { className: "univer-h-full", src: a, draggable: !1 }, d) : /* @__PURE__ */ c(nt, {}, d)) });
-    case M.highlightCell: {
-      const { ul: a, st: d, it: h, bl: p, bg: y, cl: f } = e.style, w = (a == null ? void 0 : a.s) === ie.TRUE, S = (d == null ? void 0 : d.s) === ie.TRUE, R = h === ie.TRUE, x = p === ie.TRUE, T = (u = y == null ? void 0 : y.rgb) != null ? u : _r, v = (l = f == null ? void 0 : f.rgb) != null ? l : wr, b = {
-        textDecoration: (g = `${w ? "underline" : ""} ${S ? "line-through" : ""}`.replace(/^ /, "")) != null ? g : void 0,
-        backgroundColor: T,
-        color: v
-      };
-      return /* @__PURE__ */ c(
-        "div",
-        {
-          className: Y(i, {
-            "univer-font-bold": x,
-            "univer-italic": R
-          }),
-          style: b,
-          children: "123"
-        }
-      );
-    }
-  }
-}, rt = Y("univer-mt-5 univer-px-1 univer-py-2 univer-rounded", Ne), we = (n, e) => ({ label: e.t(`sheet.cf.valueType.${n}`), value: n }), Pt = (n) => {
-  var y;
-  const { type: e, className: t, onChange: r, id: i, value: o } = n, s = q(G), u = s.getCurrentUnitForType(H.UNIVER_SHEET).getUnitId(), l = (y = s.getCurrentUnitForType(H.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : y.getSheetId(), g = K(() => String(o).startsWith("=") ? String(o) : "=", [o]), a = K(() => [P.max, P.min, "none"].includes(e) ? { disabled: !0 } : [P.percent, P.percentile].includes(e) ? {
-    min: 0,
-    max: 100
-  } : {
-    min: Number.MIN_SAFE_INTEGER,
-    max: Number.MAX_SAFE_INTEGER
-  }, [e]), d = pe(null), [h, p] = N(!1);
-  return wt((f) => {
-    var S;
-    (S = d.current) != null && S.isClickOutSide(f) && p(!1);
-  }), e === P.formula ? /* @__PURE__ */ c("div", { className: "univer-ml-1 univer-w-full", children: /* @__PURE__ */ c(
-    Rt,
-    {
-      ref: d,
-      className: Y("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", Ne),
-      initValue: g,
-      unitId: u,
-      subUnitId: l,
-      isFocus: h,
-      onChange: (f = "") => {
-        r(f || "");
-      },
-      onFocus: () => p(!0)
-    }
-  ) }) : /* @__PURE__ */ c(xe, { className: t, value: Number(n.value) || 0, onChange: (f) => n.onChange(f || 0), ...a });
-}, bi = (n) => {
-  var D;
-  const { interceptorManager: e } = n, t = q(te), r = ((D = n.rule) == null ? void 0 : D.type) === M.colorScale ? n.rule : void 0, i = [we(P.num, t), we(P.percent, t), we(P.percentile, t), we(P.formula, t)], o = [we(P.min, t), ...i], s = [we("none", t), ...i], u = [we(P.max, t), ...i], [l, g] = N(() => {
-    var _;
-    const m = P.min;
-    return r && ((_ = r.config[0]) == null ? void 0 : _.value.type) || m;
-  }), [a, d] = N(() => {
-    var _;
-    const m = "none";
-    return !r || r.config.length !== 3 ? m : ((_ = r.config[1]) == null ? void 0 : _.value.type) || m;
-  }), [h, p] = N(() => {
-    var _;
-    const m = P.max;
-    return r && ((_ = r.config[r.config.length - 1]) == null ? void 0 : _.value.type) || m;
-  }), [y, f] = N(() => {
-    if (!r)
-      return 10;
-    const _ = r.config[0];
-    return (_ == null ? void 0 : _.value.value) === void 0 ? 10 : _ == null ? void 0 : _.value.value;
-  }), [w, S] = N(() => {
-    var B;
-    if (!r || r.config.length !== 3)
-      return 50;
-    const _ = (B = r.config[1]) == null ? void 0 : B.value.value;
-    return _ === void 0 ? 50 : _;
-  }), [R, x] = N(() => {
-    var B;
-    if (!r)
-      return 90;
-    const _ = (B = r.config[r.config.length - 1]) == null ? void 0 : B.value.value;
-    return _ === void 0 ? 90 : _;
-  }), [T, v] = N(() => {
-    var _;
-    const m = "#d0d9fb";
-    return r && ((_ = r.config[0]) == null ? void 0 : _.color) || m;
-  }), [b, I] = N(() => {
-    var _;
-    const m = "#7790f3";
-    return !r || r.config.length !== 3 ? m : ((_ = r.config[1]) == null ? void 0 : _.color) || m;
-  }), [C, V] = N(() => {
-    var _;
-    const m = "#2e55ef";
-    return r && ((_ = r.config[r.config.length - 1]) == null ? void 0 : _.color) || m;
-  }), E = K(() => (m) => {
-    const { minType: _, medianType: B, maxType: L, minValue: A, medianValue: Z, maxValue: z, minColor: ne, medianColor: ye, maxColor: Se } = m, ue = [];
-    return ue.push({ color: ne, value: { type: _, value: A } }), B !== "none" && ue.push({ color: ye, value: { type: B, value: Z } }), ue.push({ color: Se, value: { type: L, value: z } }), { config: ue.map((it, ot) => ({ ...it, index: ot })), type: M.colorScale };
-  }, []);
-  J(() => e.intercept(e.getInterceptPoints().submit, {
-    handler() {
-      return E({ minType: l, medianType: a, maxType: h, minValue: y, medianValue: w, maxValue: R, minColor: T, medianColor: b, maxColor: C });
-    }
-  }), [E, l, a, h, y, w, R, T, b, C, e]);
-  const U = (m) => {
-    n.onChange(E(m));
-  };
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-        children: t.t("sheet.cf.panel.styleRule")
-      }
-    ),
-    /* @__PURE__ */ c("div", { className: rt, children: /* @__PURE__ */ c(De, { rule: E({ minType: l, medianType: a, maxType: h, minValue: y, medianValue: w, maxValue: R, minColor: T, medianColor: b, maxColor: C }) }) }),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
-        children: t.t("sheet.cf.valueType.min")
-      }
-    ),
-    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
-      /* @__PURE__ */ c(
-        oe,
-        {
-          className: "univer-flex-shrink-0",
-          options: o,
-          value: l,
-          onChange: (m) => {
-            g(m);
-            const _ = Ze(m, 10);
-            f(_), U({
-              minType: m,
-              medianType: a,
-              maxType: h,
-              minValue: _,
-              medianValue: w,
-              maxValue: R,
-              minColor: T,
-              medianColor: b,
-              maxColor: C
-            });
-          }
-        }
-      ),
-      /* @__PURE__ */ c(
-        Pt,
-        {
-          id: "min",
-          className: "univer-ml-1",
-          value: y,
-          type: l,
-          onChange: (m) => {
-            f(m), U({
-              minType: l,
-              medianType: a,
-              maxType: h,
-              minValue: m,
-              medianValue: w,
-              maxValue: R,
-              minColor: T,
-              medianColor: b,
-              maxColor: C
-            });
-          }
-        }
-      ),
-      /* @__PURE__ */ c(
-        Ee,
-        {
-          className: "univer-ml-1",
-          color: T,
-          onChange: (m) => {
-            v(m), U({
-              minType: l,
-              medianType: a,
-              maxType: h,
-              minValue: y,
-              medianValue: w,
-              maxValue: R,
-              minColor: m,
-              medianColor: b,
-              maxColor: C
-            });
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-text-gray-600dark:!univer-text-gray-200 univer-mt-3 univer-text-xs",
-        children: t.t("sheet.cf.panel.medianValue")
-      }
-    ),
-    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
-      /* @__PURE__ */ c(
-        oe,
-        {
-          className: "univer-flex-shrink-0",
-          options: s,
-          value: a,
-          onChange: (m) => {
-            d(m);
-            const _ = Ze(m, 50);
-            S(_), U({
-              minType: l,
-              medianType: m,
-              maxType: h,
-              minValue: y,
-              medianValue: _,
-              maxValue: R,
-              minColor: T,
-              medianColor: b,
-              maxColor: C
-            });
-          }
-        }
-      ),
-      /* @__PURE__ */ c(
-        Pt,
-        {
-          id: "median",
-          className: "univer-ml-1",
-          value: w,
-          type: a,
-          onChange: (m) => {
-            S(m), U({
-              minType: l,
-              medianType: a,
-              maxType: h,
-              minValue: y,
-              medianValue: m,
-              maxValue: R,
-              minColor: T,
-              medianColor: b,
-              maxColor: C
-            });
-          }
-        }
-      ),
-      a !== "none" && /* @__PURE__ */ c(
-        Ee,
-        {
-          className: "univer-ml-1",
-          color: b,
-          onChange: (m) => {
-            I(m), U({
-              minType: l,
-              medianType: a,
-              maxType: h,
-              minValue: y,
-              medianValue: w,
-              maxValue: R,
-              minColor: T,
-              medianColor: m,
-              maxColor: C
-            });
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
-        children: t.t("sheet.cf.valueType.max")
-      }
-    ),
-    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
-      /* @__PURE__ */ c(
-        oe,
-        {
-          className: "univer-flex-shrink-0",
-          options: u,
-          value: h,
-          onChange: (m) => {
-            p(m);
-            const _ = Ze(m, 90);
-            x(_), U({
-              minType: l,
-              medianType: a,
-              maxType: m,
-              minValue: y,
-              medianValue: w,
-              maxValue: _,
-              minColor: T,
-              medianColor: b,
-              maxColor: C
-            });
-          }
-        }
-      ),
-      /* @__PURE__ */ c(
-        Pt,
-        {
-          id: "max",
-          className: "univer-ml-1",
-          value: R,
-          type: h,
-          onChange: (m) => {
-            x(m), U({
-              minType: l,
-              medianType: a,
-              maxType: h,
-              minValue: y,
-              medianValue: w,
-              maxValue: m,
-              minColor: T,
-              medianColor: b,
-              maxColor: C
-            });
-          }
-        }
-      ),
-      /* @__PURE__ */ c(
-        Ee,
-        {
-          className: "univer-ml-1",
-          color: C,
-          onChange: (m) => {
-            V(m), U({
-              minType: l,
-              medianType: a,
-              maxType: h,
-              minValue: y,
-              medianValue: w,
-              maxValue: R,
-              minColor: T,
-              medianColor: b,
-              maxColor: m
-            });
-          }
-        }
-      )
-    ] })
-  ] });
-}, Me = (n, e) => ({ label: e.t(`sheet.cf.valueType.${n}`), value: n }), nn = (n) => {
-  var f;
-  const { onChange: e, className: t, value: r, type: i, id: o, disabled: s = !1 } = n, u = q(G), l = u.getCurrentUnitOfType(H.UNIVER_SHEET).getUnitId(), g = (f = u.getCurrentUnitOfType(H.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : f.getSheetId(), a = pe(null), [d, h] = N(!1);
-  wt((w) => {
-    var R;
-    (R = a.current) != null && R.isClickOutSide(w) && h(!1);
-  });
-  const p = pe(r), y = K(() => [P.percentile, P.percent].includes(i) ? {
-    max: 100,
-    min: 0
-  } : {
-    min: Number.MIN_SAFE_INTEGER,
-    max: Number.MAX_SAFE_INTEGER
-  }, [i]);
-  if (i === P.formula) {
-    const w = String(p.current).startsWith("=") ? String(p.current) || "" : "=";
-    return /* @__PURE__ */ c("div", { className: "univer-ml-3 univer-w-full", children: /* @__PURE__ */ c(
-      Rt,
-      {
-        ref: a,
-        className: Y("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", Ne),
-        initValue: w,
-        unitId: l,
-        subUnitId: g,
-        isFocus: d,
-        onChange: (S = "") => {
-          e(S || "");
-        },
-        onFocus: () => h(!0)
-      }
-    ) });
-  }
-  return /* @__PURE__ */ c(
-    xe,
-    {
-      className: t,
-      value: Number(r) || 0,
-      disabled: s,
-      onChange: (w) => {
-        e(w || 0);
-      },
-      ...y
-    }
-  );
-}, Ii = (n) => {
-  var D;
-  const { interceptorManager: e } = n, t = q(te), r = ((D = n.rule) == null ? void 0 : D.type) === M.dataBar ? n.rule : void 0, [i, o] = N(() => {
-    var _;
-    return r && (_ = r.config) != null && _.isGradient ? "1" : "0";
-  }), [s, u] = N(() => {
-    var m;
-    return r ? ((m = r.config) == null ? void 0 : m.positiveColor) || qe : qe;
-  }), [l, g] = N(() => {
-    var m;
-    return r ? ((m = r.config) == null ? void 0 : m.nativeColor) || Ge : Ge;
-  }), a = [
-    Me(P.num, t),
-    Me(P.percent, t),
-    Me(P.percentile, t),
-    Me(P.formula, t)
-  ], d = [Me(P.min, t), ...a], h = [Me(P.max, t), ...a], [p, y] = N(() => {
-    var _;
-    const m = d[0].value;
-    return r && ((_ = r.config) == null ? void 0 : _.min.type) || m;
-  }), [f, w] = N(() => {
-    var _;
-    const m = h[0].value;
-    return r && ((_ = r.config) == null ? void 0 : _.max.type) || m;
-  }), [S, R] = N(() => {
-    var B;
-    if (!r)
-      return 0;
-    const _ = ((B = r.config) == null ? void 0 : B.min) || {};
-    return _.type === P.formula ? _.value || "=" : _.value || 0;
-  }), [x, T] = N(() => {
-    var B;
-    if (!r)
-      return 100;
-    const _ = ((B = r.config) == null ? void 0 : B.max) || {};
-    return _.type === P.formula ? _.value || "=" : _.value === void 0 ? 100 : _.value;
-  }), [v, b] = N(() => r ? r.isShowValue === void 0 ? !0 : !!r.isShowValue : !0), I = (m) => ({ config: {
-    min: { type: m.minValueType, value: m.minValue },
-    max: { type: m.maxValueType, value: m.maxValue },
-    isGradient: m.isGradient === "1",
-    positiveColor: m.positiveColor || qe,
-    nativeColor: m.nativeColor || Ge
-  }, type: M.dataBar, isShowValue: m.isShowValue });
-  J(() => e.intercept(e.getInterceptPoints().submit, {
-    handler() {
-      return I({ isGradient: i, minValue: S, minValueType: p, maxValue: x, maxValueType: f, positiveColor: s, nativeColor: l, isShowValue: v });
-    }
-  }), [i, S, p, x, f, s, l, e, v]);
-  const C = (m) => {
-    n.onChange(I(m));
-  }, V = (m) => {
-    u(m), C({
-      isGradient: i,
-      minValue: S,
-      minValueType: p,
-      maxValue: x,
-      maxValueType: f,
-      positiveColor: m,
-      nativeColor: l,
-      isShowValue: v
-    });
-  }, E = (m) => {
-    g(m), C({
-      isGradient: i,
-      minValue: S,
-      minValueType: p,
-      maxValue: x,
-      maxValueType: f,
-      positiveColor: s,
-      nativeColor: m,
-      isShowValue: v
-    });
-  }, U = (m) => a.map((_) => _.value).includes(m);
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-        children: t.t("sheet.cf.panel.styleRule")
-      }
-    ),
-    /* @__PURE__ */ c("div", { className: rt, children: /* @__PURE__ */ c(
-      De,
-      {
-        rule: I({
-          isGradient: i,
-          minValue: S,
-          minValueType: p,
-          maxValue: x,
-          maxValueType: f,
-          positiveColor: s,
-          nativeColor: l,
-          isShowValue: v
-        })
-      }
-    ) }),
-    /* @__PURE__ */ F("div", { children: [
-      /* @__PURE__ */ c(
-        "div",
-        {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-          children: t.t("sheet.cf.panel.fillType")
-        }
-      ),
-      /* @__PURE__ */ F("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
-        /* @__PURE__ */ F(
-          Gr,
-          {
-            value: i,
-            onChange: (m) => {
-              o(m), C({
-                isGradient: m,
-                minValue: S,
-                minValueType: p,
-                maxValue: x,
-                maxValueType: f,
-                positiveColor: s,
-                nativeColor: l,
-                isShowValue: v
-              });
-            },
-            children: [
-              /* @__PURE__ */ c(Kt, { value: "0", children: /* @__PURE__ */ c("span", { className: "univer-text-xs", children: t.t("sheet.cf.panel.pureColor") }) }),
-              /* @__PURE__ */ c(Kt, { value: "1", children: /* @__PURE__ */ c("span", { className: "univer-text-xs", children: t.t("sheet.cf.panel.gradient") }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ F("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
-          /* @__PURE__ */ c(
-            mt,
-            {
-              checked: !v,
-              onChange: (m) => {
-                b(!m), C({
-                  isGradient: m,
-                  minValue: S,
-                  minValueType: p,
-                  maxValue: x,
-                  maxValueType: f,
-                  positiveColor: s,
-                  nativeColor: l,
-                  isShowValue: !m
-                });
-              }
-            }
-          ),
-          t.t("sheet.cf.panel.onlyShowDataBar")
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ F("div", { children: [
-      /* @__PURE__ */ c(
-        "div",
-        {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-          children: t.t("sheet.cf.panel.colorSet")
-        }
-      ),
-      /* @__PURE__ */ F("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
-        /* @__PURE__ */ F("div", { className: "univer-flex univer-items-center", children: [
-          /* @__PURE__ */ c("div", { className: "univer-text-xs", children: t.t("sheet.cf.panel.native") }),
-          /* @__PURE__ */ c(
-            Ee,
-            {
-              color: l,
-              onChange: E
-            }
-          )
-        ] }),
-        /* @__PURE__ */ F("div", { className: "univer-ml-3 univer-flex univer-items-center", children: [
-          /* @__PURE__ */ c("div", { className: "univer-text-xs", children: t.t("sheet.cf.panel.positive") }),
-          /* @__PURE__ */ c(
-            Ee,
-            {
-              color: s,
-              onChange: V
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ F("div", { children: [
-      /* @__PURE__ */ c(
-        "div",
-        {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-          children: t.t("sheet.cf.valueType.min")
-        }
-      ),
-      /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
-        /* @__PURE__ */ c(
-          oe,
-          {
-            className: "univer-w-1/2 univer-flex-shrink-0",
-            options: d,
-            value: p,
-            onChange: (m) => {
-              y(m);
-              const _ = Ze(m, 10);
-              R(_), C({
-                isGradient: i,
-                minValue: _,
-                minValueType: m,
-                maxValue: x,
-                maxValueType: f,
-                positiveColor: s,
-                nativeColor: l,
-                isShowValue: v
-              });
-            }
-          }
-        ),
-        /* @__PURE__ */ c(
-          nn,
-          {
-            id: "min",
-            className: "univer-ml-3",
-            disabled: !U(p),
-            type: p,
-            value: S,
-            onChange: (m) => {
-              R(m || 0), C({
-                isGradient: i,
-                minValue: m || 0,
-                minValueType: p,
-                maxValue: x,
-                maxValueType: f,
-                positiveColor: s,
-                nativeColor: l,
-                isShowValue: v
-              });
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ c(
-        "div",
-        {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-          children: t.t("sheet.cf.valueType.max")
-        }
-      ),
-      /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
-        /* @__PURE__ */ c(
-          oe,
-          {
-            className: "univer-w-1/2 univer-flex-shrink-0",
-            options: h,
-            value: f,
-            onChange: (m) => {
-              w(m);
-              const _ = Ze(m, 90);
-              T(_), C({
-                isGradient: i,
-                minValue: S,
-                minValueType: p,
-                maxValue: _,
-                maxValueType: m,
-                positiveColor: s,
-                nativeColor: l,
-                isShowValue: v
-              });
-            }
-          }
-        ),
-        /* @__PURE__ */ c(
-          nn,
-          {
-            className: "univer-ml-3",
-            disabled: !U(f),
-            id: "max",
-            type: f,
-            value: x,
-            onChange: (m) => {
-              T(m || 0), C({
-                isGradient: i,
-                minValue: S,
-                minValueType: p,
-                maxValue: m || 0,
-                maxValueType: f,
-                positiveColor: s,
-                nativeColor: l,
-                isShowValue: v
-              });
-            }
-          }
-        )
-      ] })
-    ] })
-  ] });
-}, st = (n) => [ie.FALSE, void 0].includes(n) ? ie.TRUE : ie.FALSE, at = (n) => n !== ie.FALSE, zt = (n) => {
-  const { style: e, onChange: t, className: r } = n, [i, o] = N(() => {
-    if (e != null && e.bl)
-      return e.bl;
-  }), [s, u] = N(() => {
-    if (e != null && e.it)
-      return e.it;
-  }), [l, g] = N(() => {
-    if (e != null && e.ul)
-      return e.ul.s;
-  }), [a, d] = N(() => {
-    if (e != null && e.st)
-      return e.st.s;
-  }), [h, p] = N(() => {
-    var R;
-    const S = "#2f56ef";
-    return (R = e == null ? void 0 : e.cl) != null && R.rgb ? e.cl.rgb : S;
-  }), [y, f] = N(() => {
-    var R;
-    const S = "#e8ecfc";
-    return (R = e == null ? void 0 : e.bg) != null && R.rgb ? e.bg.rgb : S;
-  });
-  J(() => {
-    const S = {
-      bl: i,
-      it: s
-    };
-    h !== void 0 && (S.cl = { rgb: h }), y !== void 0 && (S.bg = { rgb: y }), a !== void 0 && (S.st = { s: a }), l !== void 0 && (S.ul = { s: l }), t(Rr(S));
-  }, [i, s, l, a, h, y]);
-  const w = "univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-px-1";
-  return /* @__PURE__ */ F("div", { className: Y("univer-my-2.5 univer-flex univer-justify-between", r), children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: Y(w, {
-          "univer-bg-gray-100 dark:!univer-bg-gray-700": at(i || ie.FALSE)
-        }),
-        onClick: () => o(st(i)),
-        children: /* @__PURE__ */ c(Wn, {})
-      }
-    ),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: Y(w, {
-          "univer-bg-gray-100 dark:!univer-bg-gray-700": at(s || ie.FALSE)
-        }),
-        onClick: () => u(st(s)),
-        children: /* @__PURE__ */ c(Gn, {})
-      }
-    ),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: Y(w, {
-          "univer-bg-gray-100 dark:!univer-bg-gray-700": at(l || ie.FALSE)
-        }),
-        onClick: () => g(st(l)),
-        children: /* @__PURE__ */ c(Yn, {})
-      }
-    ),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: Y(w, {
-          "univer-bg-gray-100 dark:!univer-bg-gray-700": at(a || ie.FALSE)
-        }),
-        onClick: () => d(st(a)),
-        children: /* @__PURE__ */ c(zn, {})
-      }
-    ),
-    /* @__PURE__ */ c(Ee, { color: h, onChange: p, Icon: Kn }),
-    /* @__PURE__ */ c(Ee, { color: y, onChange: f })
-  ] });
-}, Si = (n) => {
-  var T;
-  const { onChange: e, interceptorManager: t } = n, r = q(te), o = q(G).getCurrentUnitForType(H.UNIVER_SHEET), s = o.getActiveSheet(), u = ((T = n.rule) == null ? void 0 : T.type) === M.highlightCell ? n.rule : void 0, l = pe(null), [g, a] = N(!1), d = pe(null), [h, p] = N({}), [y, f] = N(() => (u == null ? void 0 : u.subType) === k.formula ? u.value : "="), [w, S] = N(void 0), R = (v) => ({
-    style: v.style,
-    value: y,
-    type: M.highlightCell,
-    subType: k.formula
-  });
-  J(() => t.intercept(t.getInterceptPoints().submit, {
-    handler() {
-      return R({ style: h });
-    }
-  }), [h, y, t]), J(() => t.intercept(t.getInterceptPoints().beforeSubmit, {
-    handler: (b, I, C) => w || y.length === 1 || !y.startsWith("=") ? (S(r.t("sheet.cf.errorMessage.formulaError")), !1) : C(b)
-  }), [w, y]);
-  const x = (v) => {
-    e(R(v));
-  };
-  return wt((v) => {
-    var I;
-    (I = d.current) != null && I.isClickOutSide(v) && a(!1);
-  }), /* @__PURE__ */ F("div", { ref: l, children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-        children: r.t("sheet.cf.panel.styleRule")
-      }
-    ),
-    /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(
-      Rt,
-      {
-        ref: d,
-        className: Y("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", Ne),
-        errorText: w,
-        isFocus: g,
-        initValue: y,
-        unitId: o.getUnitId(),
-        subUnitId: s == null ? void 0 : s.getSheetId(),
-        onFocus: () => {
-          a(!0);
-        },
-        onChange: (v) => {
-          f(v), x({ style: h });
-        },
-        onVerify: (v, b) => {
-          !v || b.length === 1 ? S(r.t("sheet.cf.errorMessage.formulaError")) : S(void 0);
-        }
-      }
-    ) }),
-    /* @__PURE__ */ c("div", { className: rt, children: /* @__PURE__ */ c(De, { rule: R({ style: h }) }) }),
-    /* @__PURE__ */ c(
-      zt,
-      {
-        style: u == null ? void 0 : u.style,
-        className: "univer-mt-3",
-        onChange: (v) => {
-          p(v), x({ style: v });
-        }
-      }
-    )
-  ] });
-}, lt = (n) => /* @__PURE__ */ F("div", { className: "univer-relative", children: [
-  /* @__PURE__ */ c(
-    "div",
-    {
-      className: "univer-absolute univer-bottom-[-13px] univer-z-[999] univer-text-[10px] univer-text-red-500",
-      children: n.errorText
-    }
-  ),
-  n.children
-] }), W = (n, e) => ({ label: e.t(`sheet.cf.operator.${n}`), value: n }), _i = (n) => {
-  const { type: e, operator: t, onChange: r, value: i, interceptorManager: o } = n, s = q(te), [u, l] = N(() => typeof i == "number" ? i : 0), [g, a] = N(""), [d, h] = N(() => typeof i == "string" ? i : ""), [p, y] = N(""), [f, w] = N(() => Array.isArray(i) ? i[0] === void 0 ? 0 : i[0] : 0), [S, R] = N(""), [x, T] = N(() => Array.isArray(i) ? i[1] === void 0 ? 100 : i[1] : 100), [v, b] = N("");
-  switch (J(() => {
-    switch (e) {
-      case k.text: {
-        [j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(t) && r(d);
-        break;
-      }
-      case k.number: {
-        [O.equal, O.notEqual, O.greaterThan, O.greaterThanOrEqual, O.lessThan, O.lessThanOrEqual].includes(t) && r(u), [O.between, O.notBetween].includes(t) && r([f, x]);
-        break;
-      }
-    }
-  }, [e]), J(() => {
-    const I = o.intercept(o.getInterceptPoints().beforeSubmit, {
-      handler: (C, V, E) => {
-        switch (e) {
-          case k.text:
-            if ([j.beginsWith, j.containsText, j.endsWith, j.notEqual, j.notContainsText, j.equal].includes(t))
-              return d ? E(C) : (y(s.t("sheet.cf.errorMessage.notBlank")), !1);
-        }
-        return E(C);
-      }
-    });
-    return () => {
-      I();
-    };
-  }, [e, u, d, t]), e) {
-    case k.text: {
-      if ([j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(t)) {
-        const I = (C) => {
-          h(C), r(C);
-        };
-        return /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(lt, { errorText: p, children: /* @__PURE__ */ c(
-          Zr,
-          {
-            value: d,
-            onChange: (C) => {
-              y(""), I(C);
-            }
-          }
-        ) }) });
-      }
-      break;
-    }
-    case k.number: {
-      if ([O.equal, O.notEqual, O.greaterThan, O.greaterThanOrEqual, O.lessThan, O.lessThanOrEqual].includes(t)) {
-        const I = (C) => {
-          l(C || 0), r(C || 0), a("");
-        };
-        return /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(lt, { errorText: g, children: /* @__PURE__ */ c(
-          xe,
-          {
-            className: "univer-w-full",
-            min: Number.MIN_SAFE_INTEGER,
-            max: Number.MAX_SAFE_INTEGER,
-            value: u,
-            onChange: I
-          }
-        ) }) });
-      }
-      if ([O.between, O.notBetween].includes(t)) {
-        const I = (V) => {
-          w(V || 0), r([V || 0, x]), R("");
-        }, C = (V) => {
-          T(V || 0), r([f, V || 0]), b("");
-        };
-        return /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
-          /* @__PURE__ */ c(lt, { errorText: S, children: /* @__PURE__ */ c(xe, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: f, onChange: I }) }),
-          /* @__PURE__ */ c(lt, { errorText: v, children: /* @__PURE__ */ c(
-            xe,
-            {
-              className: "univer-ml-3",
-              min: Number.MIN_SAFE_INTEGER,
-              max: Number.MAX_SAFE_INTEGER,
-              value: x,
-              onChange: C
-            }
-          ) })
-        ] });
-      }
-    }
-  }
-  return null;
-}, rn = (n, e) => {
-  switch (n) {
-    case k.text:
-      return [
-        W(j.containsText, e),
-        W(j.notContainsText, e),
-        W(j.beginsWith, e),
-        W(j.endsWith, e),
-        W(j.equal, e),
-        W(j.notEqual, e),
-        W(j.containsBlanks, e),
-        W(j.notContainsBlanks, e),
-        W(j.containsErrors, e),
-        W(j.notContainsErrors, e)
-      ];
-    case k.number:
-      return [
-        W(O.between, e),
-        W(O.notBetween, e),
-        W(O.equal, e),
-        W(O.notEqual, e),
-        W(O.greaterThan, e),
-        W(O.greaterThanOrEqual, e),
-        W(O.lessThan, e),
-        W(O.lessThanOrEqual, e)
-      ];
-    case k.timePeriod:
-      return [
-        W(de.yesterday, e),
-        W(de.today, e),
-        W(de.tomorrow, e),
-        W(de.last7Days, e),
-        W(de.lastWeek, e),
-        W(de.thisWeek, e),
-        W(de.nextWeek, e),
-        W(de.lastMonth, e),
-        W(de.thisMonth, e),
-        W(de.nextMonth, e)
-      ];
-  }
-}, on = (n) => {
-  var T;
-  const { interceptorManager: e, onChange: t } = n, r = q(te), i = ((T = n.rule) == null ? void 0 : T.type) === M.highlightCell ? n.rule : void 0, [o, s] = N(() => {
-    const v = k.text;
-    return i && i.subType || v;
-  }), u = [{
-    value: k.text,
-    label: r.t("sheet.cf.subRuleType.text")
-  }, {
-    value: k.number,
-    label: r.t("sheet.cf.subRuleType.number")
-  }, {
-    value: k.timePeriod,
-    label: r.t("sheet.cf.subRuleType.timePeriod")
-  }, {
-    value: k.duplicateValues,
-    label: r.t("sheet.cf.subRuleType.duplicateValues")
-  }, {
-    value: k.uniqueValues,
-    label: r.t("sheet.cf.subRuleType.uniqueValues")
-  }], l = K(() => rn(o, r), [o]), [g, a] = N(() => {
-    const v = l ? l[0].value : void 0;
-    return i && i.operator || v;
-  }), [d, h] = N(() => {
-    var I;
-    return i ? (I = i.value) != null ? I : gt(i.subType, i.operator) : "";
-  }), [p, y] = N({}), f = K(() => (v) => {
-    var b, I, C, V, E, U, D, m, _, B, L, A, Z, z, ne;
-    switch (v.subType || o) {
-      case k.text: {
-        if ([j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(g))
-          return {
-            type: M.highlightCell,
-            subType: (b = v.subType) != null ? b : o,
-            operator: (I = v.operator) != null ? I : g,
-            style: (C = v.style) != null ? C : p,
-            value: (V = v.value) != null ? V : d
-          };
-        break;
-      }
-      case k.number: {
-        if ([O.equal, O.notEqual, O.greaterThan, O.greaterThanOrEqual, O.lessThan, O.lessThanOrEqual].includes(g))
-          return {
-            type: M.highlightCell,
-            subType: (E = v.subType) != null ? E : o,
-            operator: (U = v.operator) != null ? U : g,
-            style: (D = v.style) != null ? D : p,
-            value: (m = v.value) != null ? m : d
-          };
-        if ([O.between, O.notBetween].includes(g))
-          return {
-            type: M.highlightCell,
-            subType: (_ = v.subType) != null ? _ : o,
-            operator: (B = v.operator) != null ? B : g,
-            style: (L = v.style) != null ? L : p,
-            value: (A = v.value) != null ? A : d
-          };
-        break;
-      }
-    }
-    return {
-      type: M.highlightCell,
-      subType: (Z = v.subType) != null ? Z : o,
-      operator: (z = v.operator) != null ? z : g,
-      style: (ne = v.style) != null ? ne : p
-    };
-  }, [o, g, d, p]);
-  J(() => e.intercept(e.getInterceptPoints().submit, {
-    handler() {
-      return f({});
-    }
-  }), [f, e]), J(() => {
-    u.some((v) => v.value === o) || s(u[0].value);
-  }, [u]);
-  const w = (v) => {
-    const b = v, I = rn(b, r), C = I && I[0].value;
-    s(b), a(C), C && h(gt(b, C)), t(f({ subType: b, operator: C }));
-  }, S = (v) => {
-    const b = v;
-    a(b), t(f({ operator: b }));
-  }, R = (v) => {
-    h(v), t(f({ value: v }));
-  }, x = K(() => `${o}_${g}_${Math.random()}`, [o, g]);
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-        children: r.t("sheet.cf.panel.styleRule")
-      }
-    ),
-    /* @__PURE__ */ F("div", { className: "univer-flex univer-justify-between univer-gap-4", children: [
-      /* @__PURE__ */ c(
-        oe,
-        {
-          className: "univer-mt-3 univer-w-full",
-          onChange: w,
-          value: o,
-          options: u
-        }
-      ),
-      (l == null ? void 0 : l.length) && /* @__PURE__ */ c(
-        oe,
-        {
-          className: "univer-mt-3 univer-w-full",
-          onChange: S,
-          value: g || "",
-          options: l
-        }
-      )
-    ] }),
-    /* @__PURE__ */ c(
-      _i,
-      {
-        value: d,
-        interceptorManager: e,
-        type: o,
-        operator: g,
-        rule: i,
-        onChange: R
-      },
-      x
-    ),
-    /* @__PURE__ */ c("div", { className: rt, children: /* @__PURE__ */ c(De, { rule: f({}) }) }),
-    /* @__PURE__ */ c(
-      zt,
-      {
-        style: i == null ? void 0 : i.style,
-        className: "univer-ml-1",
-        onChange: (v) => {
-          y(v), t(f({ style: v }));
-        }
-      }
-    )
-  ] });
-}, Jn = (n, e) => (Te[n] || [])[Number(e)] || "", wi = (n) => {
-  var a;
-  const { error: e, type: t, onChange: r } = n, i = q(G), o = i.getCurrentUnitForType(H.UNIVER_SHEET).getUnitId(), s = (a = i.getCurrentUnitForType(H.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : a.getSheetId(), u = pe(null), [l, g] = N(!1);
-  return wt((d) => {
-    var p;
-    (p = u.current) != null && p.isClickOutSide(d) && g(!1);
-  }), /* @__PURE__ */ c("div", { className: "univer-relative", children: t !== P.formula ? /* @__PURE__ */ F(jt, { children: [
-    /* @__PURE__ */ c(
-      xe,
-      {
-        className: Y({
-          "univer-border-red-500": e
-        }),
-        value: Number(n.value) || 0,
-        onChange: (d) => r(d != null ? d : 0)
-      }
-    ),
-    e && /* @__PURE__ */ c("div", { className: "univer-absolute univer-text-xs univer-text-red-500", children: e })
-  ] }) : /* @__PURE__ */ c("div", { className: "univer-w-full", children: /* @__PURE__ */ c(
-    Rt,
-    {
-      ref: u,
-      className: Y("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", Ne),
-      initValue: String(n.value),
-      unitId: o,
-      subUnitId: s,
-      isFocus: l,
-      onChange: (d = "") => {
-        r(d || "");
-      },
-      onFocus: () => g(!0)
-    }
-  ) }) });
-}, sn = (n, e, t) => ({
-  operator: O.greaterThan,
-  value: { type: P.num, value: (t.length - 1 - e) * 10 },
-  iconType: n,
-  iconId: String(e)
-}), Ri = le((n, e) => {
-  const { onClick: t } = n, r = q(te), i = (o) => {
-    t(o);
-  };
-  return /* @__PURE__ */ c("div", { ref: e, className: "univer-w-80", children: Tr.map((o, s) => /* @__PURE__ */ F("div", { className: "univer-mb-3", children: [
-    /* @__PURE__ */ c("div", { className: "univer-mb-1 univer-text-sm", children: r.t(o.title) }),
-    /* @__PURE__ */ c("div", { className: "univer-flex univer-flex-wrap", children: o.group.map((u) => /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mb-1 univer-flex univer-w-1/2 univer-items-center",
-        onClick: () => {
-          i(u.name);
-        },
-        children: /* @__PURE__ */ c(
-          "a",
-          {
-            className: "univer-flex univer-cursor-pointer univer-rounded hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
-            children: u.list.map((l, g) => /* @__PURE__ */ c(
-              "img",
-              {
-                className: "univer-size-5",
-                src: l,
-                draggable: !1
-              },
-              g
-            ))
-          }
-        )
-      },
-      u.name
-    )) })
-  ] }, s)) });
-}), Ti = (n) => {
-  const { onClick: e } = n, t = K(() => {
-    const i = [];
-    for (const o in Te) {
-      const s = Te[o], u = o;
-      s.forEach((l, g) => {
-        i.push({
-          iconType: u,
-          base64: l,
-          iconId: String(g)
-        });
-      });
-    }
-    return i;
-  }, []), r = (i) => {
-    e(i.iconType, i.iconId);
-  };
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ F(
-      "div",
-      {
-        className: "univer-mb-2.5 univer-flex univer-cursor-pointer univer-items-center univer-pl-1",
-        onClick: () => r({ iconType: Er, iconId: "" }),
-        children: [
-          /* @__PURE__ */ c(nt, { className: "univer-size-5" }),
-          /* @__PURE__ */ c("span", { className: "univer-ml-2", children: "无单元格图标" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ c("div", { className: "univer-flex univer-w-64 univer-flex-wrap", children: t.map((i) => /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mb-2 univer-mr-2 univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-rounded hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
-        children: /* @__PURE__ */ c(
-          "img",
-          {
-            className: "univer-size-5",
-            src: i.base64,
-            draggable: !1,
-            onClick: () => r(i)
-          }
-        )
-      },
-      `${i.iconType}_${i.iconId}`
-    )) })
-  ] });
-}, xi = (n) => {
-  const { onChange: e, configList: t, errorMap: r = {} } = n, i = q(te), o = [{ label: i.t(`sheet.cf.symbol.${O.greaterThan}`), value: O.greaterThan }, { label: i.t(`sheet.cf.symbol.${O.greaterThanOrEqual}`), value: O.greaterThanOrEqual }], s = [
-    { label: i.t(`sheet.cf.valueType.${P.num}`), value: P.num },
-    { label: i.t(`sheet.cf.valueType.${P.percent}`), value: P.percent },
-    { label: i.t(`sheet.cf.valueType.${P.percentile}`), value: P.percentile },
-    { label: i.t(`sheet.cf.valueType.${P.formula}`), value: P.formula }
-  ], u = (d, h) => {
-    e([String(h), "value", "value"], d);
-  }, l = (d, h) => {
-    e([String(h), "operator"], d);
-    const p = gt(k.number, d);
-    u(p, h);
-  }, g = (d, h) => {
-    e([String(h), "value", "type"], d);
-    const p = t[h], y = gt(k.number, p.operator);
-    u(y, h);
-  };
-  return K(() => t.map((d, h) => {
-    const p = r[h], y = Jn(d.iconType, d.iconId), f = h === t.length - 1, w = h === 0, S = t[h - 1], R = (S == null ? void 0 : S.value.type) === P.formula ? i.t("sheet.cf.valueType.formula") : S == null ? void 0 : S.value.value, x = (T, v) => {
-      const b = { ...d, iconId: v, iconType: T };
-      e([String(h)], b);
-    };
-    return /* @__PURE__ */ F(
-      "div",
-      {
-        className: h ? "univer-mt-6" : "univer-mt-3",
-        children: [
-          /* @__PURE__ */ F(
-            "div",
-            {
-              className: "univer-mt-3 univer-flex univer-items-center univer-justify-between univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-              children: [
-                /* @__PURE__ */ F(
-                  "div",
-                  {
-                    className: "univer-w-[45%]",
-                    children: [
-                      i.t("sheet.cf.iconSet.icon"),
-                      h + 1
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ c("div", { className: "univer-w-[45%]", children: /* @__PURE__ */ F(jt, { children: [
-                  !w && !f && i.t("sheet.cf.iconSet.rule"),
-                  !w && !f && /* @__PURE__ */ F(
-                    "span",
-                    {
-                      className: "univer-font-medium univer-text-gray-600 dark:!univer-text-gray-200",
-                      children: [
-                        i.t("sheet.cf.iconSet.when"),
-                        i.t(`sheet.cf.symbol.${Ht(S.operator)}`),
-                        R,
-                        f ? "" : ` ${i.t("sheet.cf.iconSet.and")} `
-                      ]
-                    }
-                  )
-                ] }) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4", children: [
-            /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: /* @__PURE__ */ c(
-              Gt,
-              {
-                overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Ti, { onClick: x, iconId: d.iconId, iconType: d.iconType }) }),
-                children: /* @__PURE__ */ F(
-                  "div",
-                  {
-                    className: Y("univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center univer-justify-between univer-rounded-md univer-bg-white univer-px-4 univer-py-2 univer-text-xs univer-text-gray-600 univer-transition-all hover:univer-border-primary-600 dark:!univer-text-gray-200", Ne),
-                    children: [
-                      y ? /* @__PURE__ */ c("img", { src: y, className: "univer-size-4", draggable: !1 }) : /* @__PURE__ */ c(nt, { className: "univer-size-4" }),
-                      /* @__PURE__ */ c(Zt, {})
-                    ]
-                  }
-                )
-              }
-            ) }),
-            f ? /* @__PURE__ */ F(
-              "div",
-              {
-                className: "univer-mt-0 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-                children: [
-                  i.t("sheet.cf.iconSet.rule"),
-                  /* @__PURE__ */ F("span", { className: "univer-font-medium", children: [
-                    i.t("sheet.cf.iconSet.when"),
-                    i.t(`sheet.cf.symbol.${Ht(S.operator)}`),
-                    R,
-                    f ? "" : ` ${i.t("sheet.cf.iconSet.and")} `
-                  ] })
-                ]
-              }
-            ) : /* @__PURE__ */ c(
-              oe,
-              {
-                options: o,
-                value: d.operator,
-                onChange: (T) => {
-                  l(T, h);
-                }
-              }
-            )
-          ] }),
-          f ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ F(jt, { children: [
-            /* @__PURE__ */ F(
-              "div",
-              {
-                className: "univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-                children: [
-                  /* @__PURE__ */ c("div", { children: i.t("sheet.cf.iconSet.type") }),
-                  /* @__PURE__ */ c("div", { children: i.t("sheet.cf.iconSet.value") })
-                ]
-              }
-            ),
-            /* @__PURE__ */ F(
-              "div",
-              {
-                className: "univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4",
-                children: [
-                  /* @__PURE__ */ c(
-                    oe,
-                    {
-                      options: s,
-                      value: d.value.type,
-                      onChange: (T) => {
-                        g(T, h);
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ c(
-                    wi,
-                    {
-                      id: h,
-                      type: d.value.type,
-                      error: p,
-                      value: d.value.value || "",
-                      onChange: (T) => {
-                        u(T, h);
-                      }
-                    }
-                  )
-                ]
-              }
-            )
-          ] })
-        ]
-      },
-      h
-    );
-  }), [t, r]);
-}, Ei = (n) => {
-  var T;
-  const { interceptorManager: e } = n, t = ((T = n.rule) == null ? void 0 : T.type) === M.iconSet ? n.rule : void 0, r = q(te), [i, o] = N({}), [s, u] = N(() => {
-    const v = Object.keys(Te)[0];
-    if (t && t.config.length) {
-      const b = t.config[0].iconType;
-      if (!t.config.some((C) => C.iconType !== b))
-        return b;
-    }
-    return v;
-  }), [l, g] = N(() => {
-    if (t && t.config.length)
-      return _t.deepClone(t == null ? void 0 : t.config);
-    const v = Te[s] || [];
-    return new Array(v.length).fill("").map((b, I, C) => I === C.length - 1 ? {
-      operator: O.lessThanOrEqual,
-      value: { type: P.num, value: Number.MAX_SAFE_INTEGER },
-      iconType: s,
-      iconId: String(I)
-    } : sn(s, I, C));
-  }), [a, d] = N(() => t ? !!t.isShowValue : !0), h = K(() => {
-    const v = l.map((b) => Jn(b.iconType, b.iconId));
-    return /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: v.map((b, I) => b ? /* @__PURE__ */ c(
-      "img",
-      {
-        className: "univer-size-5",
-        src: b
-      },
-      I
-    ) : /* @__PURE__ */ c(nt, { className: "univer-size-5" }, I)) });
-  }, [l]), p = (v) => {
-    if (v.reduce((I, C, V) => I.preType && !I.result || v.length - 1 === V ? I : C.value.type === P.formula ? {
-      preType: P.formula,
-      result: !1
-    } : I.preType ? {
-      result: I.preType === C.value.type,
-      preType: C.value.type
-    } : {
-      result: !0,
-      preType: C.value.type
-    }, { result: !0, preType: "" }).result && [P.num, P.percent, P.percentile].includes(v[0].value.type)) {
-      const I = {};
-      return v.forEach((C, V, E) => {
-        if (V - 1 < 0 || V === E.length - 1)
-          return;
-        const D = v[V - 1], m = Ht(D.operator);
-        xr({ operator: m, value: D.value.value }, C.value.value) || (I[V] = `${r.t(`sheet.cf.form.${m}`, String(D.value.value))} `);
-      }), I;
-    }
-    return {};
-  }, y = (v, b) => {
-    ir(l, v) !== b && (or(l, v, b), g([...l]), o(p(l)));
-  }, f = (v) => {
-    u(v);
-    const b = Te[v] || [], I = new Array(b.length).fill("").map((C, V, E) => sn(v, V, E));
-    g(I), o(p(I));
-  };
-  J(() => {
-    const v = e.intercept(e.getInterceptPoints().submit, {
-      handler() {
-        return { type: M.iconSet, isShowValue: a, config: l };
-      }
-    });
-    return () => {
-      v();
-    };
-  }, [a, l, e]), J(() => {
-    const v = e.intercept(e.getInterceptPoints().beforeSubmit, {
-      handler() {
-        return Object.keys(i).length === 0;
-      }
-    });
-    return () => {
-      v();
-    };
-  }, [a, l, e, i]);
-  const w = () => {
-    const v = l.map((b) => ({ ...b }));
-    l.forEach((b, I) => {
-      const C = l.length - 1 - I, V = v[C];
-      b.iconId = V.iconId, b.iconType = V.iconType;
-    }), g([...l]);
-  }, S = q(Ur), [R, x] = N();
-  return Or(R, S.rootContainerElement), /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(
-      Gt,
-      {
-        overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(
-          Ri,
-          {
-            ref: (v) => {
-              !R && v && x(v);
-            },
-            iconType: s,
-            onClick: f
-          }
-        ) }),
-        children: /* @__PURE__ */ F(
-          "div",
-          {
-            className: Y("univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center univer-justify-between univer-rounded-md univer-bg-white univer-px-4 univer-py-2 univer-text-xs univer-text-gray-600 univer-transition-all hover:univer-border-primary-600", Ne),
-            children: [
-              h,
-              /* @__PURE__ */ c(Zt, {})
-            ]
-          }
-        )
-      }
-    ) }),
-    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center univer-text-xs", children: [
-      /* @__PURE__ */ F("div", { className: "univer-flex univer-items-center univer-text-xs", children: [
-        /* @__PURE__ */ c(mt, { onChange: w }),
-        r.t("sheet.cf.iconSet.reverseIconOrder")
-      ] }),
-      /* @__PURE__ */ F("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
-        /* @__PURE__ */ c(mt, { checked: !a, onChange: (v) => {
-          d(!v);
-        } }),
-        r.t("sheet.cf.iconSet.onlyShowIcon")
-      ] })
-    ] }),
-    /* @__PURE__ */ c(xi, { errorMap: i, onChange: y, configList: l })
-  ] });
-}, Ni = (n) => {
-  var w;
-  const { onChange: e, interceptorManager: t } = n, r = q(te), i = ((w = n.rule) == null ? void 0 : w.type) === M.highlightCell ? n.rule : void 0, o = [{ label: r.t("sheet.cf.panel.isNotBottom"), value: "isNotBottom" }, { label: r.t("sheet.cf.panel.isBottom"), value: "isBottom" }, { label: r.t("sheet.cf.panel.greaterThanAverage"), value: "greaterThanAverage" }, { label: r.t("sheet.cf.panel.lessThanAverage"), value: "lessThanAverage" }], [s, u] = N(() => {
-    const S = o[0].value, R = i == null ? void 0 : i.type;
-    if (!i)
-      return S;
-    switch (R) {
-      case M.highlightCell:
-        switch (i.subType) {
-          case k.average:
-            return [O.greaterThan, O.greaterThanOrEqual].includes(i.operator) ? "greaterThanAverage" : [O.lessThan, O.lessThanOrEqual].includes(i.operator) ? "lessThanAverage" : S;
-          case k.rank:
-            return i.isBottom ? "isBottom" : "isNotBottom";
-        }
-    }
-    return S;
-  }), [l, g] = N(() => {
-    const R = i == null ? void 0 : i.type;
-    if (!i)
-      return 10;
-    switch (R) {
-      case M.highlightCell:
-        if (i.subType === k.rank)
-          return i.value || 10;
-    }
-    return 10;
-  }), [a, d] = N(() => {
-    const R = i == null ? void 0 : i.type;
-    if (!i)
-      return !1;
-    switch (R) {
-      case M.highlightCell:
-        if (i.subType === k.rank)
-          return i.isPercent || !1;
-    }
-    return !1;
-  }), [h, p] = N({}), y = (S) => {
-    const { type: R, isPercent: x, value: T, style: v } = S;
-    if (R === "isNotBottom")
-      return { type: M.highlightCell, subType: k.rank, isPercent: x, isBottom: !1, value: T, style: v };
-    if (R === "isBottom")
-      return { type: M.highlightCell, subType: k.rank, isPercent: x, isBottom: !0, value: T, style: v };
-    if (R === "greaterThanAverage")
-      return { type: M.highlightCell, subType: k.average, operator: O.greaterThan, style: v };
-    if (R === "lessThanAverage")
-      return { type: M.highlightCell, subType: k.average, operator: O.lessThan, style: v };
-  };
-  J(() => t.intercept(t.getInterceptPoints().submit, {
-    handler() {
-      return y({ type: s, isPercent: a, value: l, style: h });
-    }
-  }), [s, a, l, h, t]);
-  const f = (S) => {
-    e(y(S));
-  };
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-        children: r.t("sheet.cf.panel.styleRule")
-      }
-    ),
-    /* @__PURE__ */ c(
-      oe,
-      {
-        className: "univer-mt-3 univer-w-full",
-        value: s,
-        options: o,
-        onChange: (S) => {
-          u(S), f({ type: S, isPercent: a, value: l, style: h });
-        }
-      }
-    ),
-    ["isNotBottom", "isBottom"].includes(s) && /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
-      /* @__PURE__ */ c(
-        xe,
-        {
-          min: 1,
-          max: 1e3,
-          value: l,
-          onChange: (S) => {
-            const R = S || 0;
-            g(R), f({ type: s, isPercent: a, value: R, style: h });
-          }
-        }
-      ),
-      /* @__PURE__ */ F(
-        "div",
-        {
-          className: "univer-ml-3 univer-flex univer-items-center univer-text-xs",
-          children: [
-            /* @__PURE__ */ c(
-              mt,
-              {
-                checked: a,
-                onChange: (S) => {
-                  d(!!S), f({ type: s, isPercent: !!S, value: l, style: h });
-                }
-              }
-            ),
-            r.t("sheet.cf.valueType.percent")
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ c("div", { className: rt, children: /* @__PURE__ */ c(De, { rule: y({ type: s, isPercent: a, value: l, style: h }) }) }),
-    /* @__PURE__ */ c(
-      zt,
-      {
-        style: i == null ? void 0 : i.style,
-        className: "univer-mt-3",
-        onChange: (S) => {
-          p(S), f({ type: s, isPercent: a, value: l, style: S });
-        }
-      }
-    )
-  ] });
-}, Mi = gn("beforeSubmit"), Vi = gn("submit"), an = (n) => n.getCurrentUnitForType(H.UNIVER_SHEET).getUnitId(), ln = (n) => {
-  var e;
-  return (e = n.getCurrentUnitForType(H.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : e.getSheetId();
-}, ki = (n) => {
-  var I, C, V;
-  const e = q(te), t = q(Q), r = q(G), i = q(X), o = q($e), s = an(r), u = ln(r), [l, g] = N(void 0), a = pe((C = (I = n.rule) == null ? void 0 : I.ranges) != null ? C : []), d = K(() => {
-    var U, D, m;
-    let E = (U = n.rule) == null ? void 0 : U.ranges;
-    return E != null && E.length || (E = (m = (D = o.getCurrentSelections()) == null ? void 0 : D.map((_) => _.range)) != null ? m : []), a.current = E, E != null && E.length ? E.map((_) => {
-      const B = Nn(_);
-      return B === "NaN" ? "" : B;
-    }).filter((_) => !!_).join(",") : "";
-  }, [n.rule]), h = [
-    { label: e.t("sheet.cf.ruleType.highlightCell"), value: "1" },
-    { label: e.t("sheet.cf.panel.rankAndAverage"), value: "2" },
-    { label: e.t("sheet.cf.ruleType.dataBar"), value: "3" },
-    { label: e.t("sheet.cf.ruleType.colorScale"), value: "4" },
-    { label: e.t("sheet.cf.ruleType.formula"), value: "5" },
-    { label: e.t("sheet.cf.ruleType.iconSet"), value: "6" }
-  ], [p, y] = N(() => {
-    var D, m;
-    const E = (D = n.rule) == null ? void 0 : D.rule.type, U = h[0].value;
-    if (!E)
-      return U;
-    switch (E) {
-      case M.highlightCell: {
-        switch ((m = n.rule) == null ? void 0 : m.rule.subType) {
-          case k.number:
-          case k.text:
-          case k.duplicateValues:
-          case k.uniqueValues:
-          case k.timePeriod:
-            return "1";
-          case k.average:
-          case k.rank:
-            return "2";
-          case k.formula:
-            return "5";
-        }
-        break;
-      }
-      case M.dataBar:
-        return "3";
-      case M.colorScale:
-        return "4";
-      case M.iconSet:
-        return "6";
-    }
-    return U;
-  }), f = pe(void 0), w = K(() => new sr({ beforeSubmit: Mi, submit: Vi }), []), S = K(() => {
-    switch (p) {
-      case "1":
-        return on;
-      case "2":
-        return Ni;
-      case "3":
-        return Ii;
-      case "4":
-        return bi;
-      case "5":
-        return Si;
-      case "6":
-        return Ei;
-      default:
-        return on;
-    }
-  }, [p]);
-  J(() => {
-    const E = t.onCommandExecuted((U) => {
-      if (U.id === ur.id) {
-        const D = U.params;
-        D.subUnitId === u && D.unitId === s && n.onCancel();
-      }
-      U.id === Bt.id && n.onCancel();
-    });
-    return () => E.dispose();
-  }, []);
-  const R = (E) => {
-    f.current = E;
-  }, x = (E) => {
-    const U = E.split(",").filter((D) => !!D).map(Yr).map((D) => D.range);
-    a.current = U;
-  }, T = () => {
-    if (l)
-      return;
-    const U = (() => {
-      const m = r.getCurrentUnitForType(H.UNIVER_SHEET).getActiveSheet();
-      if (!m)
-        throw new Error("No active sheet found");
-      return a.current.map((L) => dr(L, m.getRowCount(), m.getColumnCount())).filter((L) => !(Number.isNaN(L.startRow) || Number.isNaN(L.startColumn)));
-    })();
-    if (w.fetchThroughInterceptors(w.getInterceptPoints().beforeSubmit)(!0, null)) {
-      const m = w.fetchThroughInterceptors(w.getInterceptPoints().submit)(null, null);
-      if (m) {
-        const _ = an(r), B = ln(r);
-        if (!_ || !B)
-          throw new Error("No active sheet found");
-        let L = {};
-        n.rule && n.rule.cfId ? (L = { ...n.rule, ranges: U, rule: m }, t.executeCommand(Nr.id, { unitId: _, subUnitId: B, rule: L }), n.onCancel()) : (L = { cfId: i.createCfId(_, B), ranges: U, rule: m, stopIfTrue: !1 }, t.executeCommand(wn.id, { unitId: _, subUnitId: B, rule: L }), n.onCancel());
-      }
-    }
-  }, v = () => {
-    n.onCancel();
-  }, b = (E, U) => {
-    E ? U.length < 1 ? g(e.t("sheet.cf.errorMessage.rangeError")) : g(void 0) : g(e.t("sheet.cf.errorMessage.rangeError"));
-  };
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-        children: e.t("sheet.cf.panel.range")
-      }
-    ),
-    /* @__PURE__ */ F("div", { className: "univer-mt-4", children: [
-      /* @__PURE__ */ c(
-        Kr,
-        {
-          unitId: s,
-          subUnitId: u,
-          initialValue: d,
-          onChange: (E, U) => x(U),
-          onVerify: b
-        }
-      ),
-      l && /* @__PURE__ */ c("div", { className: "univer-mt-1 univer-text-xs univer-text-red-500", children: l })
-    ] }),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-        children: e.t("sheet.cf.panel.styleType")
-      }
-    ),
-    /* @__PURE__ */ c(
-      oe,
-      {
-        className: "univer-mt-4 univer-w-full",
-        value: p,
-        options: h,
-        onChange: (E) => y(E)
-      }
-    ),
-    /* @__PURE__ */ c(
-      S,
-      {
-        interceptorManager: w,
-        rule: (V = n.rule) == null ? void 0 : V.rule,
-        onChange: R
-      }
-    ),
-    /* @__PURE__ */ F("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
-      /* @__PURE__ */ c(Xt, { onClick: v, children: e.t("sheet.cf.panel.cancel") }),
-      /* @__PURE__ */ c(Xt, { className: "univer-ml-3", variant: "primary", onClick: T, children: e.t("sheet.cf.panel.submit") })
-    ] })
-  ] });
-};
-var Fi = Object.getOwnPropertyDescriptor, Li = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Fi(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, Pi = (n, e) => (t, r) => e(t, r, n);
-let Pe = class extends se {
-  constructor(e) {
-    super();
-    ge(this, "_initLocal", () => {
-    });
-    ge(this, "_findReplaceIndex", (e) => {
-      const t = /\{([^}]+)?\}/g, r = [];
-      let i = t.exec(e);
-      for (; i; )
-        r.push({
-          startIndex: i.index,
-          key: Number(i[1]),
-          endIndex: i.index + i[0].length - 1
-        }), i = t.exec(e);
-      return r;
-    });
-    this._localeService = e, this._initLocal();
-  }
-  tWithReactNode(e, ...t) {
-    const r = this._localeService.getLocales(), i = e.split("."), o = r && this._localeService.resolveKeyPath(r, i);
-    if (typeof o == "string") {
-      const s = [];
-      return this._findReplaceIndex(o).forEach((u, l, g) => {
-        const a = g[l - 1] || { endIndex: -1 };
-        if (a.endIndex + 1 < u.startIndex) {
-          const d = o.slice(a.endIndex + 1, u.startIndex);
-          d && s.push(d);
-        }
-        if (t[u.key] && s.push(t[u.key]), l === g.length - 1) {
-          const d = o.slice(u.endIndex + 1);
-          d && s.push(d);
-        }
-      }), s;
-    }
-    return [];
-  }
-};
-Pe = Li([
-  Pi(0, $(te))
-], Pe);
-const Ui = (n, e) => {
-  const t = n.rule;
-  switch (t.type) {
-    case M.colorScale:
-      return e.t("sheet.cf.ruleType.colorScale");
-    case M.dataBar:
-      return e.t("sheet.cf.ruleType.dataBar");
-    case M.iconSet:
-      return e.t("sheet.cf.ruleType.iconSet");
-    case M.highlightCell:
-      switch (t.subType) {
-        case k.average: {
-          const r = t.operator;
-          return e.t(`sheet.cf.preview.describe.${r}`, e.t("sheet.cf.subRuleType.average"));
-        }
-        case k.duplicateValues:
-          return e.t("sheet.cf.subRuleType.duplicateValues");
-        case k.uniqueValues:
-          return e.t("sheet.cf.subRuleType.uniqueValues");
-        case k.number: {
-          const r = t.operator;
-          return e.t(`sheet.cf.preview.describe.${r}`, ...Array.isArray(t.value) ? t.value.map((i) => String(i)) : [String(t.value || "")]);
-        }
-        case k.text: {
-          const r = t.operator;
-          return e.t(`sheet.cf.preview.describe.${r}`, t.value || "");
-        }
-        case k.timePeriod: {
-          const r = t.operator;
-          return e.t(`sheet.cf.preview.describe.${r}`);
-        }
-        case k.rank:
-          return t.isPercent ? t.isBottom ? e.t("sheet.cf.preview.describe.bottomNPercent", String(t.value)) : e.t("sheet.cf.preview.describe.topNPercent", String(t.value)) : t.isBottom ? e.t("sheet.cf.preview.describe.bottomN", String(t.value)) : e.t("sheet.cf.preview.describe.topN", String(t.value));
-        case k.formula:
-          return e.t("sheet.cf.ruleType.formula");
-      }
-  }
-}, Oi = (n) => {
-  const { onClick: e } = n, t = q(X), r = q(G), i = q($e), o = q(Q), s = q(te), u = q(ve), l = q(Pe), g = $r(() => r.getCurrentTypeOfUnit$(H.UNIVER_SHEET), void 0, void 0, []), a = g.getUnitId(), d = g.getActiveSheet();
-  if (!d)
-    throw new Error("No active sheet found");
-  const h = d.getSheetId(), [p, y] = N([]), [f, w] = N("2"), [S, R] = N(0), [x, T] = N(""), v = [
-    { label: s.t("sheet.cf.panel.workSheet"), value: "2" },
-    { label: s.t("sheet.cf.panel.selectedRange"), value: "1" }
-  ], b = () => {
-    const L = t.getSubunitRules(a, h);
-    if (!L || !L.length)
-      return [];
-    if (f === "1") {
-      const A = i.getCurrentLastSelection();
-      if (!A)
-        return [];
-      const Z = A.range;
-      return L.filter((ne) => ne.ranges.some((ye) => me.intersects(ye, Z)));
-    } else if (f === "2")
-      return [...L];
-    return [];
-  }, [I, C] = N(b);
-  Xr(p), J(() => {
-    const L = o.onCommandExecuted((A) => {
-      A.id === Bt.id && R(Math.random());
-    });
-    return () => L.dispose();
-  }), J(() => {
-    C(b);
-  }, [f, S, a, h]), J(() => {
-    if (f === "2")
-      return;
-    const L = new Fe((A) => {
-      const Z = [hr.id, ee.id, be.id, Ie.id, Rn.id], z = o.onCommandExecuted((ne) => {
-        const { id: ye, params: Se } = ne, ue = r.getCurrentUnitOfType(H.UNIVER_SHEET).getUnitId();
-        Z.includes(ye) && Se.unitId === ue && A.next(null);
-      });
-      return () => z.dispose();
-    }).pipe(ni(16)).subscribe(() => {
-      C(b);
-    });
-    return () => {
-      L.unsubscribe();
-    };
-  }, [r, f, a, h]), J(() => {
-    const L = t.$ruleChange.subscribe(() => {
-      R(Math.random());
-    });
-    return () => L.unsubscribe();
-  }, [t]);
-  const V = (L) => {
-    var z;
-    const A = r.getCurrentUnitOfType(H.UNIVER_SHEET).getUnitId(), Z = (z = r.getCurrentUnitOfType(H.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : z.getSheetId();
-    if (!A || !Z)
-      throw new Error("No active sheet found");
-    o.executeCommand(Yt.id, { unitId: A, subUnitId: Z, cfId: L.cfId });
-  }, E = (L, A) => {
-    var z;
-    const Z = _[A.y];
-    T((z = Z == null ? void 0 : Z.cfId) != null ? z : "");
-  }, U = (L, A, Z) => {
-    var Mt, it, ot;
-    T("");
-    const z = r.getCurrentUnitOfType(H.UNIVER_SHEET).getUnitId(), ne = (Mt = r.getCurrentUnitOfType(H.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : Mt.getSheetId();
-    if (!z || !ne)
-      throw new Error("No active sheet found");
-    const ye = (er) => {
-      const tr = _.length;
-      return Math.min(tr - 1, Math.max(0, er));
-    }, Se = (it = _[ye(A.y)]) == null ? void 0 : it.cfId, ue = (ot = _[ye(Z.y)]) == null ? void 0 : ot.cfId;
-    !Se || !ue || Se !== ue && o.executeCommand(Mr.id, { unitId: z, subUnitId: ne, start: { id: Se, type: "self" }, end: { id: ue, type: Z.y > A.y ? "after" : "before" } });
-  }, D = () => {
-    n.onCreate();
-  }, m = () => {
-    f === "2" ? o.executeCommand(Tn.id) : f === "1" && I.map((A) => ({ unitId: a, subUnitId: h, cfId: A.cfId })).forEach((A) => {
-      o.executeCommand(Yt.id, A);
-    });
-  }, _ = K(() => {
-    const L = r.getCurrentUnitOfType(H.UNIVER_SHEET), A = L.getActiveSheet();
-    return I.filter((Z) => {
-      const z = Z.ranges;
-      return dt(u, L.getUnitId(), A.getSheetId(), z);
-    });
-  }, [I]), B = K(() => {
-    const L = r.getCurrentUnitOfType(H.UNIVER_SHEET), A = L.getActiveSheet();
-    return I.every((Z) => {
-      const z = Z.ranges;
-      return dt(u, L.getUnitId(), A.getSheetId(), z);
-    });
-  }, [I]);
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ F(
-      "div",
-      {
-        className: `
+import{BooleanNumber as e,ColorKit as t,CommandType as n,DependentOn as r,Disposable as i,ICommandService as a,IConfigService as o,IUniverInstanceService as s,Inject as c,Injector as l,InterceptorEffectEnum as u,InterceptorManager as d,LocaleService as f,ObjectMatrix as p,Plugin as m,Range as h,Rectangle as g,Tools as _,UniverInstanceType as v,createInterceptorKey as y,generateRandomId as b,get as x,merge as S,registerDependencies as C,set as w,toDisposable as T,touchDependencies as E}from"@univerjs/core";import{AFTER_CELL_EDIT as ee,AUTO_FILL_APPLY_TYPE as D,AutoFillTools as O,ClearSelectionAllCommand as te,ClearSelectionFormatCommand as ne,IAutoFillService as re,INTERCEPTOR_POINT as ie,RangeMergeUtil as ae,RangeProtectionPermissionEditPoint as oe,RemoveSheetMutation as se,SetSelectionsOperation as ce,SetWorksheetActiveOperation as le,SheetInterceptorService as ue,SheetPermissionCheckController as de,SheetsSelectionsService as fe,WorkbookEditablePermission as pe,WorksheetEditPermission as me,WorksheetSetCellStylePermission as he,checkRangesEditablePermission as ge,createTopMatrixFromMatrix as _e,findAllRectangle as ve,getSheetCommandTarget as k,rangeToDiscreteRange as ye,setEndForRange as be}from"@univerjs/sheets";import{AddCfCommand as xe,AddConditionalRuleMutation as A,AddConditionalRuleMutationUndoFactory as Se,CFNumberOperator as j,CFRuleType as M,CFSubRuleType as N,CFTextOperator as P,CFTimePeriodOperator as F,CFValueType as I,CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as Ce,ClearRangeCfCommand as we,ClearWorksheetCfCommand as Te,ConditionalFormattingRuleModel as L,ConditionalFormattingService as Ee,ConditionalFormattingViewModel as De,DEFAULT_BG_COLOR as Oe,DEFAULT_FONT_COLOR as ke,DEFAULT_PADDING as Ae,DEFAULT_WIDTH as je,DeleteCfCommand as Me,DeleteConditionalRuleMutation as R,DeleteConditionalRuleMutationUndoFactory as Ne,EMPTY_ICON_TYPE as Pe,MoveCfCommand as Fe,MoveConditionalRuleMutation as Ie,SHEET_CONDITIONAL_FORMATTING_PLUGIN as Le,SetCfCommand as Re,SetConditionalRuleMutation as z,UniverSheetsConditionalFormattingPlugin as ze,compareWithNumber as Be,createCfId as Ve,createDefaultRule as He,createDefaultValue as Ue,createDefaultValueByValueType as We,defaultDataBarNativeColor as Ge,defaultDataBarPositiveColor as Ke,getColorScaleFromValue as qe,getOppositeOperator as Je,iconGroup as Ye,iconMap as Xe,removeUndefinedAttr as Ze,setConditionalRuleMutationUndoFactory as Qe}from"@univerjs/sheets-conditional-formatting";import{ComponentManager as $e,ILayoutService as et,IMenuManagerService as tt,ISidebarService as nt,MenuItemType as rt,RibbonDataGroup as it,getMenuHiddenObservable as at,useDependency as B,useObservable as ot,useScrollYOverContainer as st,useSidebarClick as ct}from"@univerjs/ui";import{forwardRef as lt,useEffect as V,useMemo as H,useRef as U,useState as W}from"react";import{Button as ut,Checkbox as dt,ColorPicker as ft,DraggableList as pt,Dropdown as mt,Input as ht,InputNumber as gt,Radio as _t,RadioGroup as vt,Select as G,Tooltip as yt,borderClassName as bt,clsx as K}from"@univerjs/design";import{deserializeRangeWithSheet as xt,serializeRange as St}from"@univerjs/engine-formula";import{FormulaEditor as Ct,RangeSelector as wt}from"@univerjs/sheets-formula-ui";import{BoldIcon as Tt,DeleteIcon as Et,FontColorDoubleIcon as Dt,IncreaseIcon as Ot,ItalicIcon as kt,MoreDownIcon as At,PaintBucketDoubleIcon as jt,SequenceIcon as Mt,SlashDoubleIcon as Nt,StrikethroughIcon as Pt,UnderlineIcon as Ft}from"@univerjs/icons";import{Fragment as It,jsx as q,jsxs as J}from"react/jsx-runtime";import{COPY_TYPE as Lt,FormatPainterStatus as Rt,IFormatPainterService as zt,ISheetClipboardService as Bt,PREDEFINED_HOOK_NAME_PASTE as Vt,SheetSkeletonManagerService as Ht,getCurrentRangeDisable$ as Ut,getRepeatRange as Wt,useHighlightRange as Gt,virtualizeDiscreteRanges as Kt}from"@univerjs/sheets-ui";import{Observable as qt,debounceTime as Jt,merge as Yt}from"rxjs";import{FormulaRefRangeService as Xt,UniverSheetsFormulaPlugin as Zt}from"@univerjs/sheets-formula";import{IRenderManagerService as Qt}from"@univerjs/engine-render";import{bufferTime as $t,debounceTime as en,filter as tn}from"rxjs/operators";const nn={type:n.COMMAND,id:`sheet.command.add-average-conditional-rule`,handler(e,t){if(!t)return!1;let{ranges:n,style:r,stopIfTrue:i,operator:o}=t,c=e.get(L),l=e.get(a),u=k(e.get(s));if(!u)return!1;let{unitId:d,subUnitId:f}=u,p={ranges:n,cfId:c.createCfId(d,f),stopIfTrue:!!i,rule:{type:M.highlightCell,subType:N.average,operator:o,style:r}};return l.executeCommand(A.id,{unitId:d,subUnitId:f,rule:p})}},rn={type:n.COMMAND,id:`sheet.command.add-color-scale-conditional-rule`,handler(e,t){if(!t)return!1;let{ranges:n,config:r,stopIfTrue:i}=t,o=e.get(L),c=e.get(a),l=k(e.get(s));if(!l)return!1;let{unitId:u,subUnitId:d}=l,f={ranges:n,cfId:o.createCfId(u,d),stopIfTrue:!!i,rule:{type:M.colorScale,config:r}};return c.executeCommand(A.id,{unitId:u,subUnitId:d,rule:f})}},an={type:n.COMMAND,id:`sheet.command.add-data-bar-conditional-rule`,handler(e,t){if(!t)return!1;let{ranges:n,min:r,max:i,nativeColor:o,positiveColor:c,isGradient:l,stopIfTrue:u,isShowValue:d}=t,f=e.get(L),p=k(e.get(s));if(!p)return!1;let{unitId:m,subUnitId:h}=p,g=e.get(a),_={ranges:n,cfId:f.createCfId(m,h),stopIfTrue:!!u,rule:{type:M.dataBar,isShowValue:d,config:{min:r,max:i,nativeColor:o,positiveColor:c,isGradient:l}}};return g.executeCommand(A.id,{unitId:m,subUnitId:h,rule:_})}},on={type:n.COMMAND,id:`sheet.command.add-duplicate-values-conditional-rule`,handler(e,t){if(!t)return!1;let{ranges:n,style:r,stopIfTrue:i}=t,o=e.get(L),c=e.get(a),l=k(e.get(s));if(!l)return!1;let{unitId:u,subUnitId:d}=l,f={ranges:n,cfId:o.createCfId(u,d),stopIfTrue:!!i,rule:{type:M.highlightCell,subType:N.duplicateValues,style:r}};return c.executeCommand(A.id,{unitId:u,subUnitId:d,rule:f})}},sn={type:n.COMMAND,id:`sheet.command.add-number-conditional-rule`,handler(e,t){if(!t)return!1;let{ranges:n,style:r,stopIfTrue:i,operator:o,value:c}=t,l=e.get(L),u=e.get(a),d=k(e.get(s));if(!d)return!1;let{unitId:f,subUnitId:p}=d,m=l.createCfId(f,p),h;if([j.between,j.notBetween].includes(o)){let e=c;if(e.length!==2||!Array.isArray(e))return!1;h={ranges:n,cfId:m,stopIfTrue:!!i,rule:{type:M.highlightCell,subType:N.number,operator:o,style:r,value:e}}}else{let e=c;if(typeof e!=`number`)return!1;h={ranges:n,cfId:m,stopIfTrue:!!i,rule:{type:M.highlightCell,subType:N.number,operator:o,style:r,value:e}}}return u.executeCommand(A.id,{unitId:f,subUnitId:p,rule:h})}},cn={type:n.COMMAND,id:`sheet.command.add-rank-conditional-rule`,handler(e,t){if(!t)return!1;let{ranges:n,style:r,stopIfTrue:i,isPercent:o,isBottom:c,value:l}=t,u=e.get(L),d=e.get(s),f=e.get(a),p=k(d);if(!p)return!1;let{unitId:m,subUnitId:h}=p,g={ranges:n,cfId:u.createCfId(m,h),stopIfTrue:!!i,rule:{type:M.highlightCell,subType:N.rank,isPercent:o,isBottom:c,style:r,value:l}};return f.executeCommand(A.id,{unitId:m,subUnitId:h,rule:g})}},ln={type:n.COMMAND,id:`sheet.command.add-text-conditional-rule`,handler(e,t){if(!t)return!1;let{ranges:n,style:r,stopIfTrue:i,operator:o,value:c}=t,l=e.get(L),u=k(e.get(s));if(!u)return!1;let{unitId:d,subUnitId:f}=u,p=e.get(a),m={ranges:n,cfId:l.createCfId(d,f),stopIfTrue:!!i,rule:{type:M.highlightCell,subType:N.text,operator:o,style:r,value:c}};return p.executeCommand(A.id,{unitId:d,subUnitId:f,rule:m})}},un={type:n.COMMAND,id:`sheet.command.add-time-period-conditional-rule`,handler(e,t){if(!t)return!1;let{ranges:n,style:r,stopIfTrue:i,operator:o}=t,c=e.get(L),l=e.get(s),u=e.get(a),d=k(l);if(!d)return!1;let{unitId:f,subUnitId:p}=d,m={ranges:n,cfId:c.createCfId(f,p),stopIfTrue:!!i,rule:{type:M.highlightCell,subType:N.timePeriod,operator:o,style:r}};return u.executeCommand(A.id,{unitId:f,subUnitId:p,rule:m})}},dn={type:n.COMMAND,id:`sheet.command.add-uniqueValues-conditional-rule`,handler(e,t){if(!t)return!1;let{ranges:n,style:r,stopIfTrue:i}=t,o=e.get(L),c=e.get(s),l=e.get(a),u=k(c);if(!u)return!1;let{unitId:d,subUnitId:f}=u,p={ranges:n,cfId:o.createCfId(d,f),stopIfTrue:!!i,rule:{type:M.highlightCell,subType:N.uniqueValues,style:r}};return l.executeCommand(A.id,{unitId:d,subUnitId:f,rule:p})}},fn=e=>{let{color:n,onChange:r,disable:i=!1,Icon:a=jt,className:o}=e,s=H(()=>new t(n),[n]),c=()=>q(a,{className:K(`univer-fill-primary-600`,i&&o),extend:{colorChannel1:s.isValid?n:``}});return i?c():q(mt,{overlay:q(`div`,{className:`univer-rounded-lg univer-p-4`,children:q(ft,{value:n,onChange:r})}),children:q(`span`,{className:K(`
+                      univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-p-1
+                      hover:univer-bg-gray-100
+                      dark:hover:!univer-bg-gray-700
+                    `,o),children:c()})})},pn=n=>{let r=n.rule;if(!r)return null;let i=H(()=>{if(r.type===M.colorScale){let e=r.config.map((e,n)=>({color:new t(e.color),value:n})),n=e.length-1;return[,,,,,].fill(``).map((e,t,r)=>t*n/(r.length-1)).map(t=>qe(e,t))}return null},[r]),a=H(()=>{if(r.type===M.iconSet)return r.config.map(e=>{let t=Xe[e.iconType];return t&&t[Number(e.iconId)]})},[r]),o=`univer-pointer-events-none univer-flex univer-h-5 univer-min-w-[72px] univer-items-center univer-justify-center univer-text-xs`;switch(r.type){case M.dataBar:{var s,c;let{isGradient:e}=r.config,t=e?`linear-gradient(to right, ${r.config.positiveColor||Ke}, rgb(255 255 255))`:r.config.positiveColor;return J(`div`,{className:o,children:[q(`div`,{className:`univer-h-full univer-w-1/2 univer-border univer-border-solid`,style:{background:e?`linear-gradient(to right,  rgb(255 255 255),${r.config.nativeColor||Ge})`:r.config.nativeColor,borderColor:(s=r.config.nativeColor)==null?Ge:s}}),q(`div`,{className:`univer-h-full univer-w-1/2 univer-border univer-border-solid`,style:{background:t,borderColor:(c=r.config.positiveColor)==null?Ke:c}})]})}case M.colorScale:return i&&q(`div`,{className:o,children:i.map((e,t)=>q(`div`,{className:`univer-h-full`,style:{width:`${100/i.length}%`,background:e}},t))});case M.iconSet:return a&&q(`div`,{className:o,children:a.map((e,t)=>e?q(`img`,{className:`univer-h-full`,src:e,draggable:!1},t):q(Nt,{},t))});case M.highlightCell:{var l,u,d;let{ul:t,st:n,it:i,bl:a,bg:s,cl:c}=r.style,f=(t==null?void 0:t.s)===e.TRUE,p=(n==null?void 0:n.s)===e.TRUE,m=i===e.TRUE,h=a===e.TRUE,g=(l=s==null?void 0:s.rgb)==null?Oe:l,_=(u=c==null?void 0:c.rgb)==null?ke:u,v={textDecoration:(d=`${f?`underline`:``} ${p?`line-through`:``}`.replace(/^ /,``))==null?void 0:d,backgroundColor:g,color:_};return q(`div`,{className:K(o,{"univer-font-bold":h,"univer-italic":m}),style:v,children:`123`})}}},mn=K(`univer-mt-5 univer-px-1 univer-py-2 univer-rounded`,bt),hn=(e,t)=>({label:t.t(`sheet.cf.valueType.${e}`),value:e}),gn=e=>{var t;let{type:n,className:r,onChange:i,id:a,value:o}=e,c=B(s),l=c.getCurrentUnitForType(v.UNIVER_SHEET).getUnitId(),u=(t=c.getCurrentUnitForType(v.UNIVER_SHEET).getActiveSheet())==null?void 0:t.getSheetId(),d=H(()=>String(o).startsWith(`=`)?String(o):`=`,[o]),f=H(()=>[I.max,I.min,`none`].includes(n)?{disabled:!0}:[I.percent,I.percentile].includes(n)?{min:0,max:100}:{min:-(2**53-1),max:2**53-1},[n]),p=U(null),[m,h]=W(!1);return ct(e=>{var t;(t=p.current)!=null&&t.isClickOutSide(e)&&h(!1)}),n===I.formula?q(`div`,{className:`univer-ml-1 univer-w-full`,children:q(Ct,{ref:p,className:K(`
+                      univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
+                      univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors
+                      hover:univer-border-primary-600
+                      dark:!univer-bg-gray-700 dark:!univer-text-white
+                      [&>div:first-child]:univer-px-2.5
+                      [&>div]:univer-h-5 [&>div]:univer-ring-transparent
+                    `,bt),initValue:d,unitId:l,subUnitId:u,isFocus:m,onChange:(e=``)=>{i(e||``)},onFocus:()=>h(!0)})}):q(gt,{className:r,value:Number(e.value)||0,onChange:t=>e.onChange(t||0),...f})},_n=e=>{var t;let{interceptorManager:n}=e,r=B(f),i=((t=e.rule)==null?void 0:t.type)===M.colorScale?e.rule:void 0,a=[hn(I.num,r),hn(I.percent,r),hn(I.percentile,r),hn(I.formula,r)],o=[hn(I.min,r),...a],s=[hn(`none`,r),...a],c=[hn(I.max,r),...a],[l,u]=W(()=>{var e;let t=I.min;return i&&((e=i.config[0])==null?void 0:e.value.type)||t}),[d,p]=W(()=>{var e;let t=`none`;return!i||i.config.length!==3?t:((e=i.config[1])==null?void 0:e.value.type)||t}),[m,h]=W(()=>{var e;let t=I.max;return i&&((e=i.config[i.config.length-1])==null?void 0:e.value.type)||t}),[g,_]=W(()=>{if(!i)return 10;let e=i.config[0];return(e==null?void 0:e.value.value)===void 0?10:e==null?void 0:e.value.value}),[v,y]=W(()=>{var e;if(!i||i.config.length!==3)return 50;let t=(e=i.config[1])==null?void 0:e.value.value;return t===void 0?50:t}),[b,x]=W(()=>{var e;if(!i)return 90;let t=(e=i.config[i.config.length-1])==null?void 0:e.value.value;return t===void 0?90:t}),[S,C]=W(()=>{var e;return i&&((e=i.config[0])==null?void 0:e.color)||`#d0d9fb`}),[w,T]=W(()=>{var e;let t=`#7790f3`;return!i||i.config.length!==3?t:((e=i.config[1])==null?void 0:e.color)||t}),[E,ee]=W(()=>{var e;return i&&((e=i.config[i.config.length-1])==null?void 0:e.color)||`#2e55ef`}),D=H(()=>e=>{let{minType:t,medianType:n,maxType:r,minValue:i,medianValue:a,maxValue:o,minColor:s,medianColor:c,maxColor:l}=e,u=[];return u.push({color:s,value:{type:t,value:i}}),n!==`none`&&u.push({color:c,value:{type:n,value:a}}),u.push({color:l,value:{type:r,value:o}}),{config:u.map((e,t)=>({...e,index:t})),type:M.colorScale}},[]);V(()=>n.intercept(n.getInterceptPoints().submit,{handler(){return D({minType:l,medianType:d,maxType:m,minValue:g,medianValue:v,maxValue:b,minColor:S,medianColor:w,maxColor:E})}}),[D,l,d,m,g,v,b,S,w,E,n]);let O=t=>{e.onChange(D(t))};return J(`div`,{children:[q(`div`,{className:`
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:r.t(`sheet.cf.panel.styleRule`)}),q(`div`,{className:mn,children:q(pn,{rule:D({minType:l,medianType:d,maxType:m,minValue:g,medianValue:v,maxValue:b,minColor:S,medianColor:w,maxColor:E})})}),q(`div`,{className:`
+                  univer-mt-3 univer-text-xs univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:r.t(`sheet.cf.valueType.min`)}),J(`div`,{className:`univer-mt-3 univer-flex univer-h-8 univer-items-center`,children:[q(G,{className:`univer-flex-shrink-0`,options:o,value:l,onChange:e=>{u(e);let t=We(e,10);_(t),O({minType:e,medianType:d,maxType:m,minValue:t,medianValue:v,maxValue:b,minColor:S,medianColor:w,maxColor:E})}}),q(gn,{id:`min`,className:`univer-ml-1`,value:g,type:l,onChange:e=>{_(e),O({minType:l,medianType:d,maxType:m,minValue:e,medianValue:v,maxValue:b,minColor:S,medianColor:w,maxColor:E})}}),q(fn,{className:`univer-ml-1`,color:S,onChange:e=>{C(e),O({minType:l,medianType:d,maxType:m,minValue:g,medianValue:v,maxValue:b,minColor:e,medianColor:w,maxColor:E})}})]}),q(`div`,{className:`
+                  univer-text-gray-600dark:!univer-text-gray-200
+                  univer-mt-3 univer-text-xs
+                `,children:r.t(`sheet.cf.panel.medianValue`)}),J(`div`,{className:`univer-mt-3 univer-flex univer-h-8 univer-items-center`,children:[q(G,{className:`univer-flex-shrink-0`,options:s,value:d,onChange:e=>{p(e);let t=We(e,50);y(t),O({minType:l,medianType:e,maxType:m,minValue:g,medianValue:t,maxValue:b,minColor:S,medianColor:w,maxColor:E})}}),q(gn,{id:`median`,className:`univer-ml-1`,value:v,type:d,onChange:e=>{y(e),O({minType:l,medianType:d,maxType:m,minValue:g,medianValue:e,maxValue:b,minColor:S,medianColor:w,maxColor:E})}}),d!==`none`&&q(fn,{className:`univer-ml-1`,color:w,onChange:e=>{T(e),O({minType:l,medianType:d,maxType:m,minValue:g,medianValue:v,maxValue:b,minColor:S,medianColor:e,maxColor:E})}})]}),q(`div`,{className:`
+                  univer-mt-3 univer-text-xs univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:r.t(`sheet.cf.valueType.max`)}),J(`div`,{className:`univer-mt-3 univer-flex univer-h-8 univer-items-center`,children:[q(G,{className:`univer-flex-shrink-0`,options:c,value:m,onChange:e=>{h(e);let t=We(e,90);x(t),O({minType:l,medianType:d,maxType:e,minValue:g,medianValue:v,maxValue:t,minColor:S,medianColor:w,maxColor:E})}}),q(gn,{id:`max`,className:`univer-ml-1`,value:b,type:m,onChange:e=>{x(e),O({minType:l,medianType:d,maxType:m,minValue:g,medianValue:v,maxValue:e,minColor:S,medianColor:w,maxColor:E})}}),q(fn,{className:`univer-ml-1`,color:E,onChange:e=>{ee(e),O({minType:l,medianType:d,maxType:m,minValue:g,medianValue:v,maxValue:b,minColor:S,medianColor:w,maxColor:e})}})]})]})},vn=(e,t)=>({label:t.t(`sheet.cf.valueType.${e}`),value:e}),yn=e=>{var t;let{onChange:n,className:r,value:i,type:a,id:o,disabled:c=!1}=e,l=B(s),u=l.getCurrentUnitOfType(v.UNIVER_SHEET).getUnitId(),d=(t=l.getCurrentUnitOfType(v.UNIVER_SHEET).getActiveSheet())==null?void 0:t.getSheetId(),f=U(null),[p,m]=W(!1);ct(e=>{var t;(t=f.current)!=null&&t.isClickOutSide(e)&&m(!1)});let h=U(i),g=H(()=>[I.percentile,I.percent].includes(a)?{max:100,min:0}:{min:-(2**53-1),max:2**53-1},[a]);if(a===I.formula){let e=String(h.current).startsWith(`=`)?String(h.current)||``:`=`;return q(`div`,{className:`univer-ml-3 univer-w-full`,children:q(Ct,{ref:f,className:K(`
+                      univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
+                      univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors
+                      hover:univer-border-primary-600
+                      dark:!univer-bg-gray-700 dark:!univer-text-white
+                      [&>div:first-child]:univer-px-2.5
+                      [&>div]:univer-h-5 [&>div]:univer-ring-transparent
+                    `,bt),initValue:e,unitId:u,subUnitId:d,isFocus:p,onChange:(e=``)=>{n(e||``)},onFocus:()=>m(!0)})})}return q(gt,{className:r,value:Number(i)||0,disabled:c,onChange:e=>{n(e||0)},...g})},bn=e=>{var t;let{interceptorManager:n}=e,r=B(f),i=((t=e.rule)==null?void 0:t.type)===M.dataBar?e.rule:void 0,[a,o]=W(()=>{var e;return i&&(e=i.config)!=null&&e.isGradient?`1`:`0`}),[s,c]=W(()=>{var e;return i&&((e=i.config)==null?void 0:e.positiveColor)||Ke}),[l,u]=W(()=>{var e;return i&&((e=i.config)==null?void 0:e.nativeColor)||Ge}),d=[vn(I.num,r),vn(I.percent,r),vn(I.percentile,r),vn(I.formula,r)],p=[vn(I.min,r),...d],m=[vn(I.max,r),...d],[h,g]=W(()=>{var e;let t=p[0].value;return i&&((e=i.config)==null?void 0:e.min.type)||t}),[_,v]=W(()=>{var e;let t=m[0].value;return i&&((e=i.config)==null?void 0:e.max.type)||t}),[y,b]=W(()=>{var e;if(!i)return 0;let t=((e=i.config)==null?void 0:e.min)||{};return t.type===I.formula?t.value||`=`:t.value||0}),[x,S]=W(()=>{var e;if(!i)return 100;let t=((e=i.config)==null?void 0:e.max)||{};return t.type===I.formula?t.value||`=`:t.value===void 0?100:t.value}),[C,w]=W(()=>i?i.isShowValue===void 0?!0:!!i.isShowValue:!0),T=e=>({config:{min:{type:e.minValueType,value:e.minValue},max:{type:e.maxValueType,value:e.maxValue},isGradient:e.isGradient===`1`,positiveColor:e.positiveColor||Ke,nativeColor:e.nativeColor||Ge},type:M.dataBar,isShowValue:e.isShowValue});V(()=>n.intercept(n.getInterceptPoints().submit,{handler(){return T({isGradient:a,minValue:y,minValueType:h,maxValue:x,maxValueType:_,positiveColor:s,nativeColor:l,isShowValue:C})}}),[a,y,h,x,_,s,l,n,C]);let E=t=>{e.onChange(T(t))},ee=e=>{c(e),E({isGradient:a,minValue:y,minValueType:h,maxValue:x,maxValueType:_,positiveColor:e,nativeColor:l,isShowValue:C})},D=e=>{u(e),E({isGradient:a,minValue:y,minValueType:h,maxValue:x,maxValueType:_,positiveColor:s,nativeColor:e,isShowValue:C})},O=e=>d.map(e=>e.value).includes(e);return J(`div`,{children:[q(`div`,{className:`
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:r.t(`sheet.cf.panel.styleRule`)}),q(`div`,{className:mn,children:q(pn,{rule:T({isGradient:a,minValue:y,minValueType:h,maxValue:x,maxValueType:_,positiveColor:s,nativeColor:l,isShowValue:C})})}),J(`div`,{children:[q(`div`,{className:`
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:!univer-text-gray-200
+                    `,children:r.t(`sheet.cf.panel.fillType`)}),J(`div`,{className:`univer-ml-1 univer-mt-3 univer-flex univer-items-center`,children:[J(vt,{value:a,onChange:e=>{o(e),E({isGradient:e,minValue:y,minValueType:h,maxValue:x,maxValueType:_,positiveColor:s,nativeColor:l,isShowValue:C})},children:[q(_t,{value:`0`,children:q(`span`,{className:`univer-text-xs`,children:r.t(`sheet.cf.panel.pureColor`)})}),q(_t,{value:`1`,children:q(`span`,{className:`univer-text-xs`,children:r.t(`sheet.cf.panel.gradient`)})})]}),J(`div`,{className:`univer-ml-6 univer-flex univer-items-center univer-text-xs`,children:[q(dt,{checked:!C,onChange:e=>{w(!e),E({isGradient:e,minValue:y,minValueType:h,maxValue:x,maxValueType:_,positiveColor:s,nativeColor:l,isShowValue:!e})}}),r.t(`sheet.cf.panel.onlyShowDataBar`)]})]})]}),J(`div`,{children:[q(`div`,{className:`
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:!univer-text-gray-200
+                    `,children:r.t(`sheet.cf.panel.colorSet`)}),J(`div`,{className:`univer-ml-1 univer-mt-3 univer-flex univer-items-center`,children:[J(`div`,{className:`univer-flex univer-items-center`,children:[q(`div`,{className:`univer-text-xs`,children:r.t(`sheet.cf.panel.native`)}),q(fn,{color:l,onChange:D})]}),J(`div`,{className:`univer-ml-3 univer-flex univer-items-center`,children:[q(`div`,{className:`univer-text-xs`,children:r.t(`sheet.cf.panel.positive`)}),q(fn,{color:s,onChange:ee})]})]})]}),J(`div`,{children:[q(`div`,{className:`
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:!univer-text-gray-200
+                    `,children:r.t(`sheet.cf.valueType.min`)}),J(`div`,{className:`univer-mt-3 univer-flex univer-items-center`,children:[q(G,{className:`univer-w-1/2 univer-flex-shrink-0`,options:p,value:h,onChange:e=>{g(e);let t=We(e,10);b(t),E({isGradient:a,minValue:t,minValueType:e,maxValue:x,maxValueType:_,positiveColor:s,nativeColor:l,isShowValue:C})}}),q(yn,{id:`min`,className:`univer-ml-3`,disabled:!O(h),type:h,value:y,onChange:e=>{b(e||0),E({isGradient:a,minValue:e||0,minValueType:h,maxValue:x,maxValueType:_,positiveColor:s,nativeColor:l,isShowValue:C})}})]}),q(`div`,{className:`
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:!univer-text-gray-200
+                    `,children:r.t(`sheet.cf.valueType.max`)}),J(`div`,{className:`univer-mt-3 univer-flex univer-items-center`,children:[q(G,{className:`univer-w-1/2 univer-flex-shrink-0`,options:m,value:_,onChange:e=>{v(e);let t=We(e,90);S(t),E({isGradient:a,minValue:y,minValueType:h,maxValue:t,maxValueType:e,positiveColor:s,nativeColor:l,isShowValue:C})}}),q(yn,{className:`univer-ml-3`,disabled:!O(_),id:`max`,type:_,value:x,onChange:e=>{S(e||0),E({isGradient:a,minValue:y,minValueType:h,maxValue:e||0,maxValueType:_,positiveColor:s,nativeColor:l,isShowValue:C})}})]})]})]})},xn=t=>[e.FALSE,void 0].includes(t)?e.TRUE:e.FALSE,Sn=t=>t!==e.FALSE,Cn=t=>{let{style:n,onChange:r,className:i}=t,[a,o]=W(()=>{if(n!=null&&n.bl)return n.bl}),[s,c]=W(()=>{if(n!=null&&n.it)return n.it}),[l,u]=W(()=>{if(n!=null&&n.ul)return n.ul.s}),[d,f]=W(()=>{if(n!=null&&n.st)return n.st.s}),[p,m]=W(()=>{var e;return!(n==null||(e=n.cl)==null)&&e.rgb?n.cl.rgb:`#2f56ef`}),[h,g]=W(()=>{var e;return!(n==null||(e=n.bg)==null)&&e.rgb?n.bg.rgb:`#e8ecfc`});V(()=>{let e={bl:a,it:s};p!==void 0&&(e.cl={rgb:p}),h!==void 0&&(e.bg={rgb:h}),d!==void 0&&(e.st={s:d}),l!==void 0&&(e.ul={s:l}),r(Ze(e))},[a,s,l,d,p,h]);let _=`univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-px-1`;return J(`div`,{className:K(`univer-my-2.5 univer-flex univer-justify-between`,i),children:[q(`div`,{className:K(_,{"univer-bg-gray-100 dark:!univer-bg-gray-700":Sn(a||e.FALSE)}),onClick:()=>o(xn(a)),children:q(Tt,{})}),q(`div`,{className:K(_,{"univer-bg-gray-100 dark:!univer-bg-gray-700":Sn(s||e.FALSE)}),onClick:()=>c(xn(s)),children:q(kt,{})}),q(`div`,{className:K(_,{"univer-bg-gray-100 dark:!univer-bg-gray-700":Sn(l||e.FALSE)}),onClick:()=>u(xn(l)),children:q(Ft,{})}),q(`div`,{className:K(_,{"univer-bg-gray-100 dark:!univer-bg-gray-700":Sn(d||e.FALSE)}),onClick:()=>f(xn(d)),children:q(Pt,{})}),q(fn,{color:p,onChange:m,Icon:Dt}),q(fn,{color:h,onChange:g})]})},wn=e=>{var t;let{onChange:n,interceptorManager:r}=e,i=B(f),a=B(s).getCurrentUnitForType(v.UNIVER_SHEET),o=a.getActiveSheet(),c=((t=e.rule)==null?void 0:t.type)===M.highlightCell?e.rule:void 0,l=U(null),[u,d]=W(!1),p=U(null),[m,h]=W({}),[g,_]=W(()=>(c==null?void 0:c.subType)===N.formula?c.value:`=`),[y,b]=W(void 0),x=e=>({style:e.style,value:g,type:M.highlightCell,subType:N.formula});V(()=>r.intercept(r.getInterceptPoints().submit,{handler(){return x({style:m,formula:g})}}),[m,g,r]),V(()=>r.intercept(r.getInterceptPoints().beforeSubmit,{handler:(e,t,n)=>y||g.length===1||!g.startsWith(`=`)?(b(i.t(`sheet.cf.errorMessage.formulaError`)),!1):n(e)}),[y,g]);let S=e=>{n(x(e))};return ct(e=>{var t;(t=p.current)!=null&&t.isClickOutSide(e)&&d(!1)}),J(`div`,{ref:l,children:[q(`div`,{className:`
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:i.t(`sheet.cf.panel.styleRule`)}),q(`div`,{className:`univer-mt-3`,children:q(Ct,{ref:p,className:K(`
+                      univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
+                      univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors
+                      hover:univer-border-primary-600
+                      dark:!univer-bg-gray-700 dark:!univer-text-white
+                      [&>div:first-child]:univer-px-2.5
+                      [&>div]:univer-h-5 [&>div]:univer-ring-transparent
+                    `,bt),errorText:y,isFocus:u,initValue:g,unitId:a.getUnitId(),subUnitId:o==null?void 0:o.getSheetId(),onFocus:()=>{d(!0)},onChange:e=>{_(e),S({style:m,formula:e})},onVerify:(e,t)=>{!e||t.length===1?b(i.t(`sheet.cf.errorMessage.formulaError`)):b(void 0)}})}),q(`div`,{className:mn,children:q(pn,{rule:x({style:m,formula:g})})}),q(Cn,{style:c==null?void 0:c.style,className:`univer-mt-3`,onChange:e=>{h(e),S({style:e,formula:g})}})]})},Tn=e=>J(`div`,{className:`univer-relative`,children:[q(`div`,{className:`univer-absolute univer-bottom-[-13px] univer-z-[999] univer-text-[10px] univer-text-red-500`,children:e.errorText}),e.children]}),Y=(e,t)=>({label:t.t(`sheet.cf.operator.${e}`),value:e}),En=e=>{let{type:t,operator:n,onChange:r,value:i,interceptorManager:a}=e,o=B(f),[s,c]=W(()=>typeof i==`number`?i:0),[l,u]=W(``),[d,p]=W(()=>typeof i==`string`?i:``),[m,h]=W(``),[g,_]=W(()=>Array.isArray(i)?i[0]===void 0?0:i[0]:0),[v,y]=W(``),[b,x]=W(()=>Array.isArray(i)?i[1]===void 0?100:i[1]:100),[S,C]=W(``);switch(V(()=>{switch(t){case N.text:[P.beginsWith,P.endsWith,P.containsText,P.notContainsText,P.equal,P.notEqual].includes(n)&&r(d);break;case N.number:[j.equal,j.notEqual,j.greaterThan,j.greaterThanOrEqual,j.lessThan,j.lessThanOrEqual].includes(n)&&r(s),[j.between,j.notBetween].includes(n)&&r([g,b]);break}},[t]),V(()=>{let e=a.intercept(a.getInterceptPoints().beforeSubmit,{handler:(e,r,i)=>{switch(t){case N.text:if([P.beginsWith,P.containsText,P.endsWith,P.notEqual,P.notContainsText,P.equal].includes(n))return d?i(e):(h(o.t(`sheet.cf.errorMessage.notBlank`)),!1)}return i(e)}});return()=>{e()}},[t,s,d,n]),t){case N.text:if([P.beginsWith,P.endsWith,P.containsText,P.notContainsText,P.equal,P.notEqual].includes(n)){let e=e=>{p(e),r(e)};return q(`div`,{className:`univer-mt-3`,children:q(Tn,{errorText:m,children:q(ht,{value:d,onChange:t=>{h(``),e(t)}})})})}break;case N.number:if([j.equal,j.notEqual,j.greaterThan,j.greaterThanOrEqual,j.lessThan,j.lessThanOrEqual].includes(n))return q(`div`,{className:`univer-mt-3`,children:q(Tn,{errorText:l,children:q(gt,{className:`univer-w-full`,min:-(2**53-1),max:2**53-1,value:s,onChange:e=>{c(e||0),r(e||0),u(``)}})})});if([j.between,j.notBetween].includes(n))return J(`div`,{className:`univer-mt-3 univer-flex univer-items-center`,children:[q(Tn,{errorText:v,children:q(gt,{min:-(2**53-1),max:2**53-1,value:g,onChange:e=>{_(e||0),r([e||0,b]),y(``)}})}),q(Tn,{errorText:S,children:q(gt,{className:`univer-ml-3`,min:-(2**53-1),max:2**53-1,value:b,onChange:e=>{x(e||0),r([g,e||0]),C(``)}})})]})}return null},Dn=(e,t)=>{switch(e){case N.text:return[Y(P.containsText,t),Y(P.notContainsText,t),Y(P.beginsWith,t),Y(P.endsWith,t),Y(P.equal,t),Y(P.notEqual,t),Y(P.containsBlanks,t),Y(P.notContainsBlanks,t),Y(P.containsErrors,t),Y(P.notContainsErrors,t)];case N.number:return[Y(j.between,t),Y(j.notBetween,t),Y(j.equal,t),Y(j.notEqual,t),Y(j.greaterThan,t),Y(j.greaterThanOrEqual,t),Y(j.lessThan,t),Y(j.lessThanOrEqual,t)];case N.timePeriod:return[Y(F.yesterday,t),Y(F.today,t),Y(F.tomorrow,t),Y(F.last7Days,t),Y(F.lastWeek,t),Y(F.thisWeek,t),Y(F.nextWeek,t),Y(F.lastMonth,t),Y(F.thisMonth,t),Y(F.nextMonth,t)]}},On=e=>{var t;let{interceptorManager:n,onChange:r}=e,i=B(f),a=((t=e.rule)==null?void 0:t.type)===M.highlightCell?e.rule:void 0,[o,s]=W(()=>{let e=N.text;return a&&a.subType||e}),c=[{value:N.text,label:i.t(`sheet.cf.subRuleType.text`)},{value:N.number,label:i.t(`sheet.cf.subRuleType.number`)},{value:N.timePeriod,label:i.t(`sheet.cf.subRuleType.timePeriod`)},{value:N.duplicateValues,label:i.t(`sheet.cf.subRuleType.duplicateValues`)},{value:N.uniqueValues,label:i.t(`sheet.cf.subRuleType.uniqueValues`)}],l=H(()=>Dn(o,i),[o]),[u,d]=W(()=>{let e=l?l[0].value:void 0;return a&&a.operator||e}),[p,m]=W(()=>{var e;return a?(e=a.value)==null?Ue(a.subType,a.operator):e:``}),[h,g]=W({}),_=H(()=>e=>{var t,n,r;switch(e.subType||o){case N.text:if([P.beginsWith,P.endsWith,P.containsText,P.notContainsText,P.equal,P.notEqual].includes(u)){var i,a,s,c;return{type:M.highlightCell,subType:(i=e.subType)==null?o:i,operator:(a=e.operator)==null?u:a,style:(s=e.style)==null?h:s,value:(c=e.value)==null?p:c}}break;case N.number:if([j.equal,j.notEqual,j.greaterThan,j.greaterThanOrEqual,j.lessThan,j.lessThanOrEqual].includes(u)){var l,d,f,m;return{type:M.highlightCell,subType:(l=e.subType)==null?o:l,operator:(d=e.operator)==null?u:d,style:(f=e.style)==null?h:f,value:(m=e.value)==null?p:m}}if([j.between,j.notBetween].includes(u)){var g,_,v,y;return{type:M.highlightCell,subType:(g=e.subType)==null?o:g,operator:(_=e.operator)==null?u:_,style:(v=e.style)==null?h:v,value:(y=e.value)==null?p:y}}break}return{type:M.highlightCell,subType:(t=e.subType)==null?o:t,operator:(n=e.operator)==null?u:n,style:(r=e.style)==null?h:r}},[o,u,p,h]);V(()=>n.intercept(n.getInterceptPoints().submit,{handler(){return _({})}}),[_,n]),V(()=>{c.some(e=>e.value===o)||s(c[0].value)},[c]);let v=e=>{let t=e,n=Dn(t,i),a=n&&n[0].value;s(t),d(a),a&&m(Ue(t,a)),r(_({subType:t,operator:a}))},y=e=>{let t=e;d(t),r(_({operator:t}))},b=e=>{m(e),r(_({value:e}))},x=H(()=>`${o}_${u}_${Math.random()}`,[o,u]);return J(`div`,{children:[q(`div`,{className:`
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:i.t(`sheet.cf.panel.styleRule`)}),J(`div`,{className:`univer-flex univer-justify-between univer-gap-4`,children:[q(G,{className:`univer-mt-3 univer-w-full`,onChange:v,value:o,options:c}),(l==null?void 0:l.length)&&q(G,{className:`univer-mt-3 univer-w-full`,onChange:y,value:u||``,options:l})]}),q(En,{value:p,interceptorManager:n,type:o,operator:u,rule:a,onChange:b},x),q(`div`,{className:mn,children:q(pn,{rule:_({})})}),q(Cn,{style:a==null?void 0:a.style,className:`univer-ml-1`,onChange:e=>{g(e),r(_({style:e}))}})]})},kn=(e,t)=>(Xe[e]||[])[Number(t)]||``,An=e=>{var t;let{error:n,type:r,onChange:i}=e,a=B(s),o=a.getCurrentUnitForType(v.UNIVER_SHEET).getUnitId(),c=(t=a.getCurrentUnitForType(v.UNIVER_SHEET).getActiveSheet())==null?void 0:t.getSheetId(),l=U(null),[u,d]=W(!1);return ct(e=>{var t;(t=l.current)!=null&&t.isClickOutSide(e)&&d(!1)}),q(`div`,{className:`univer-relative`,children:r===I.formula?q(`div`,{className:`univer-w-full`,children:q(Ct,{ref:l,className:K(`
+                              univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
+                              univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors
+                              hover:univer-border-primary-600
+                              dark:!univer-bg-gray-700 dark:!univer-text-white
+                              [&>div:first-child]:univer-px-2.5
+                              [&>div]:univer-h-5 [&>div]:univer-ring-transparent
+                            `,bt),initValue:String(e.value),unitId:o,subUnitId:c,isFocus:u,onChange:(e=``)=>{i(e||``)},onFocus:()=>d(!0)})}):J(It,{children:[q(gt,{className:K({"univer-border-red-500":n}),value:Number(e.value)||0,onChange:e=>i(e==null?0:e)}),n&&q(`div`,{className:`univer-absolute univer-text-xs univer-text-red-500`,children:n})]})})},jn=(e,t,n)=>({operator:j.greaterThan,value:{type:I.num,value:(n.length-1-t)*10},iconType:e,iconId:String(t)}),Mn=lt((e,t)=>{let{onClick:n}=e,r=B(f),i=e=>{n(e)};return q(`div`,{ref:t,className:`univer-w-80`,children:Ye.map((e,t)=>J(`div`,{className:`univer-mb-3`,children:[q(`div`,{className:`univer-mb-1 univer-text-sm`,children:r.t(e.title)}),q(`div`,{className:`univer-flex univer-flex-wrap`,children:e.group.map(e=>q(`div`,{className:`univer-mb-1 univer-flex univer-w-1/2 univer-items-center`,onClick:()=>{i(e.name)},children:q(`a`,{className:`
+                                              univer-flex univer-cursor-pointer univer-rounded
+                                              hover:univer-bg-gray-100
+                                              dark:hover:!univer-bg-gray-700
+                                            `,children:e.list.map((e,t)=>q(`img`,{className:`univer-size-5`,src:e,draggable:!1},t))})},e.name))})]},t))})}),Nn=e=>{let{onClick:t}=e,n=H(()=>{let e=[];for(let t in Xe){let n=Xe[t],r=t;n.forEach((t,n)=>{e.push({iconType:r,base64:t,iconId:String(n)})})}return e},[]),r=e=>{t(e.iconType,e.iconId)};return J(`div`,{children:[J(`div`,{className:`univer-mb-2.5 univer-flex univer-cursor-pointer univer-items-center univer-pl-1`,onClick:()=>r({iconType:Pe,iconId:``,base64:``}),children:[q(Nt,{className:`univer-size-5`}),q(`span`,{className:`univer-ml-2`,children:`无单元格图标`})]}),q(`div`,{className:`univer-flex univer-w-64 univer-flex-wrap`,children:n.map(e=>q(`div`,{className:`
+                          univer-mb-2 univer-mr-2 univer-flex univer-cursor-pointer univer-items-center
+                          univer-justify-center univer-rounded
+                          hover:univer-bg-gray-100
+                          dark:hover:!univer-bg-gray-700
+                        `,children:q(`img`,{className:`univer-size-5`,src:e.base64,draggable:!1,onClick:()=>r(e)})},`${e.iconType}_${e.iconId}`))})]})},Pn=e=>{let{onChange:t,configList:n,errorMap:r={}}=e,i=B(f),a=[{label:i.t(`sheet.cf.symbol.${j.greaterThan}`),value:j.greaterThan},{label:i.t(`sheet.cf.symbol.${j.greaterThanOrEqual}`),value:j.greaterThanOrEqual}],o=[{label:i.t(`sheet.cf.valueType.${I.num}`),value:I.num},{label:i.t(`sheet.cf.valueType.${I.percent}`),value:I.percent},{label:i.t(`sheet.cf.valueType.${I.percentile}`),value:I.percentile},{label:i.t(`sheet.cf.valueType.${I.formula}`),value:I.formula}],s=(e,n)=>{t([String(n),`value`,`value`],e)},c=(e,n)=>{t([String(n),`operator`],e),s(Ue(N.number,e),n)},l=(e,r)=>{t([String(r),`value`,`type`],e);let i=n[r];s(Ue(N.number,i.operator),r)};return H(()=>n.map((e,u)=>{let d=r[u],f=kn(e.iconType,e.iconId),p=u===n.length-1,m=u===0,h=n[u-1],g=(h==null?void 0:h.value.type)===I.formula?i.t(`sheet.cf.valueType.formula`):h==null?void 0:h.value.value;return J(`div`,{className:u?`univer-mt-6`:`univer-mt-3`,children:[J(`div`,{className:`
+                          univer-mt-3 univer-flex univer-items-center univer-justify-between univer-text-sm
+                          univer-text-gray-600
+                          dark:!univer-text-gray-200
+                        `,children:[J(`div`,{className:`univer-w-[45%]`,children:[i.t(`sheet.cf.iconSet.icon`),u+1]}),q(`div`,{className:`univer-w-[45%]`,children:J(It,{children:[!m&&!p&&i.t(`sheet.cf.iconSet.rule`),!m&&!p&&J(`span`,{className:`
+                                          univer-font-medium univer-text-gray-600
+                                          dark:!univer-text-gray-200
+                                        `,children:[i.t(`sheet.cf.iconSet.when`),i.t(`sheet.cf.symbol.${Je(h.operator)}`),g,p?``:` ${i.t(`sheet.cf.iconSet.and`)} `]})]})})]}),J(`div`,{className:`univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4`,children:[q(`div`,{className:`univer-flex univer-items-center`,children:q(mt,{overlay:q(`div`,{className:`univer-rounded-lg univer-p-4`,children:q(Nn,{onClick:(n,r)=>{let i={...e,iconId:r,iconType:n};t([String(u)],i)},iconId:e.iconId,iconType:e.iconType})}),children:J(`div`,{className:K(`
+                                      univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center
+                                      univer-justify-between univer-rounded-md univer-bg-white univer-px-4 univer-py-2
+                                      univer-text-xs univer-text-gray-600 univer-transition-all
+                                      hover:univer-border-primary-600
+                                      dark:!univer-text-gray-200
+                                    `,bt),children:[f?q(`img`,{src:f,className:`univer-size-4`,draggable:!1}):q(Nt,{className:`univer-size-4`}),q(At,{})]})})}),p?J(`div`,{className:`
+                                      univer-mt-0 univer-text-sm univer-text-gray-600
+                                      dark:!univer-text-gray-200
+                                    `,children:[i.t(`sheet.cf.iconSet.rule`),J(`span`,{className:`univer-font-medium`,children:[i.t(`sheet.cf.iconSet.when`),i.t(`sheet.cf.symbol.${Je(h.operator)}`),g,p?``:` ${i.t(`sheet.cf.iconSet.and`)} `]})]}):q(G,{options:a,value:e.operator,onChange:e=>{c(e,u)}})]}),p?q(`div`,{}):J(It,{children:[J(`div`,{className:`
+                                      univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4 univer-text-sm
+                                      univer-text-gray-600
+                                      dark:!univer-text-gray-200
+                                    `,children:[q(`div`,{children:i.t(`sheet.cf.iconSet.type`)}),q(`div`,{children:i.t(`sheet.cf.iconSet.value`)})]}),J(`div`,{className:`univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4`,children:[q(G,{options:o,value:e.value.type,onChange:e=>{l(e,u)}}),q(An,{id:u,type:e.value.type,error:d,value:e.value.value||``,onChange:e=>{s(e,u)}})]})]})]},u)}),[n,r])},Fn=e=>{var t;let{interceptorManager:n}=e,r=((t=e.rule)==null?void 0:t.type)===M.iconSet?e.rule:void 0,i=B(f),[a,o]=W({}),[s,c]=W(()=>{let e=Object.keys(Xe)[0];if(r&&r.config.length){let e=r.config[0].iconType;if(!r.config.some(t=>t.iconType!==e))return e}return e}),[l,u]=W(()=>{if(r&&r.config.length)return _.deepClone(r==null?void 0:r.config);let e=Xe[s]||[];return Array(e.length).fill(``).map((e,t,n)=>t===n.length-1?{operator:j.lessThanOrEqual,value:{type:I.num,value:2**53-1},iconType:s,iconId:String(t)}:jn(s,t,n))}),[d,p]=W(()=>r?!!r.isShowValue:!0),m=H(()=>q(`div`,{className:`univer-flex univer-items-center`,children:l.map(e=>kn(e.iconType,e.iconId)).map((e,t)=>e?q(`img`,{className:`univer-size-5`,src:e},t):q(Nt,{className:`univer-size-5`},t))}),[l]),h=e=>{if(e.reduce((t,n,r)=>t.preType&&!t.result||e.length-1===r?t:n.value.type===I.formula?{preType:I.formula,result:!1}:t.preType?{result:t.preType===n.value.type,preType:n.value.type}:{result:!0,preType:n.value.type},{result:!0,preType:``}).result&&[I.num,I.percent,I.percentile].includes(e[0].value.type)){let t={};return e.forEach((n,r,a)=>{if(r-1<0||r===a.length-1)return;let o=e[r-1],s=Je(o.operator);Be({operator:s,value:o.value.value},n.value.value)||(t[r]=`${i.t(`sheet.cf.form.${s}`,String(o.value.value))} `)}),t}return{}},g=(e,t)=>{x(l,e)!==t&&(w(l,e,t),u([...l]),o(h(l)))},v=e=>{c(e);let t=Xe[e]||[],n=Array(t.length).fill(``).map((t,n,r)=>jn(e,n,r));u(n),o(h(n))};V(()=>{let e=n.intercept(n.getInterceptPoints().submit,{handler(){return{type:M.iconSet,isShowValue:d,config:l}}});return()=>{e()}},[d,l,n]),V(()=>{let e=n.intercept(n.getInterceptPoints().beforeSubmit,{handler(){return Object.keys(a).length===0}});return()=>{e()}},[d,l,n,a]);let y=()=>{let e=l.map(e=>({...e}));l.forEach((t,n)=>{let r=e[l.length-1-n];t.iconId=r.iconId,t.iconType=r.iconType}),u([...l])},b=B(et),[S,C]=W();return st(S,b.rootContainerElement),J(`div`,{children:[q(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-600`,children:i.t(`sheet.cf.panel.styleRule`)}),q(`div`,{className:`univer-mt-3`,children:q(mt,{overlay:q(`div`,{className:`univer-rounded-lg univer-p-4`,children:q(Mn,{ref:e=>{!S&&e&&C(e)},iconType:s,onClick:v})}),children:J(`div`,{className:K(`
+                          univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center
+                          univer-justify-between univer-rounded-md univer-bg-white univer-px-4 univer-py-2
+                          univer-text-xs univer-text-gray-600 univer-transition-all
+                          hover:univer-border-primary-600
+                        `,bt),children:[m,q(At,{})]})})}),J(`div`,{className:`univer-mt-3 univer-flex univer-items-center univer-text-xs`,children:[J(`div`,{className:`univer-flex univer-items-center univer-text-xs`,children:[q(dt,{onChange:y}),i.t(`sheet.cf.iconSet.reverseIconOrder`)]}),J(`div`,{className:`univer-ml-6 univer-flex univer-items-center univer-text-xs`,children:[q(dt,{checked:!d,onChange:e=>{p(!e)}}),i.t(`sheet.cf.iconSet.onlyShowIcon`)]})]}),q(Pn,{errorMap:a,onChange:g,configList:l})]})},In=e=>{var t;let{onChange:n,interceptorManager:r}=e,i=B(f),a=((t=e.rule)==null?void 0:t.type)===M.highlightCell?e.rule:void 0,o=[{label:i.t(`sheet.cf.panel.isNotBottom`),value:`isNotBottom`},{label:i.t(`sheet.cf.panel.isBottom`),value:`isBottom`},{label:i.t(`sheet.cf.panel.greaterThanAverage`),value:`greaterThanAverage`},{label:i.t(`sheet.cf.panel.lessThanAverage`),value:`lessThanAverage`}],[s,c]=W(()=>{let e=o[0].value,t=a==null?void 0:a.type;if(!a)return e;switch(t){case M.highlightCell:switch(a.subType){case N.average:return[j.greaterThan,j.greaterThanOrEqual].includes(a.operator)?`greaterThanAverage`:[j.lessThan,j.lessThanOrEqual].includes(a.operator)?`lessThanAverage`:e;case N.rank:return a.isBottom?`isBottom`:`isNotBottom`}}return e}),[l,u]=W(()=>{let e=a==null?void 0:a.type;if(!a)return 10;switch(e){case M.highlightCell:switch(a.subType){case N.rank:return a.value||10}}return 10}),[d,p]=W(()=>{let e=a==null?void 0:a.type;if(!a)return!1;switch(e){case M.highlightCell:switch(a.subType){case N.rank:return a.isPercent||!1}}return!1}),[m,h]=W({}),g=e=>{let{type:t,isPercent:n,value:r,style:i}=e;if(t===`isNotBottom`)return{type:M.highlightCell,subType:N.rank,isPercent:n,isBottom:!1,value:r,style:i};if(t===`isBottom`)return{type:M.highlightCell,subType:N.rank,isPercent:n,isBottom:!0,value:r,style:i};if(t===`greaterThanAverage`)return{type:M.highlightCell,subType:N.average,operator:j.greaterThan,style:i};if(t===`lessThanAverage`)return{type:M.highlightCell,subType:N.average,operator:j.lessThan,style:i}};V(()=>r.intercept(r.getInterceptPoints().submit,{handler(){return g({type:s,isPercent:d,value:l,style:m})}}),[s,d,l,m,r]);let _=e=>{n(g(e))};return J(`div`,{children:[q(`div`,{className:`
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:i.t(`sheet.cf.panel.styleRule`)}),q(G,{className:`univer-mt-3 univer-w-full`,value:s,options:o,onChange:e=>{c(e),_({type:e,isPercent:d,value:l,style:m})}}),[`isNotBottom`,`isBottom`].includes(s)&&J(`div`,{className:`univer-mt-3 univer-flex univer-items-center`,children:[q(gt,{min:1,max:1e3,value:l,onChange:e=>{let t=e||0;u(t),_({type:s,isPercent:d,value:t,style:m})}}),J(`div`,{className:`univer-ml-3 univer-flex univer-items-center univer-text-xs`,children:[q(dt,{checked:d,onChange:e=>{p(!!e),_({type:s,isPercent:!!e,value:l,style:m})}}),i.t(`sheet.cf.valueType.percent`)]})]}),q(`div`,{className:mn,children:q(pn,{rule:g({type:s,isPercent:d,value:l,style:m})})}),q(Cn,{style:a==null?void 0:a.style,className:`univer-mt-3`,onChange:e=>{h(e),_({type:s,isPercent:d,value:l,style:e})}})]})},Ln=y(`beforeSubmit`),Rn=y(`submit`),zn=e=>e.getCurrentUnitForType(v.UNIVER_SHEET).getUnitId(),Bn=e=>{var t;return(t=e.getCurrentUnitForType(v.UNIVER_SHEET).getActiveSheet())==null?void 0:t.getSheetId()},Vn=e=>{var t,n,r;let i=B(f),o=B(a),c=B(s),l=B(L),u=B(fe),p=zn(c),m=Bn(c),[h,g]=W(void 0),_=U((t=(n=e.rule)==null?void 0:n.ranges)==null?[]:t),y=H(()=>{var t;let n=(t=e.rule)==null?void 0:t.ranges;if(!(n!=null&&n.length)){var r,i;n=(r=(i=u.getCurrentSelections())==null?void 0:i.map(e=>e.range))==null?[]:r}return _.current=n,n!=null&&n.length?n.map(e=>{let t=St(e);return t===`NaN`?``:t}).filter(e=>!!e).join(`,`):``},[e.rule]),b=[{label:i.t(`sheet.cf.ruleType.highlightCell`),value:`1`},{label:i.t(`sheet.cf.panel.rankAndAverage`),value:`2`},{label:i.t(`sheet.cf.ruleType.dataBar`),value:`3`},{label:i.t(`sheet.cf.ruleType.colorScale`),value:`4`},{label:i.t(`sheet.cf.ruleType.formula`),value:`5`},{label:i.t(`sheet.cf.ruleType.iconSet`),value:`6`}],[x,S]=W(()=>{var t;let n=(t=e.rule)==null?void 0:t.rule.type,r=b[0].value;if(!n)return r;switch(n){case M.highlightCell:var i;switch((i=e.rule)==null?void 0:i.rule.subType){case N.number:case N.text:case N.duplicateValues:case N.uniqueValues:case N.timePeriod:return`1`;case N.average:case N.rank:return`2`;case N.formula:return`5`}break;case M.dataBar:return`3`;case M.colorScale:return`4`;case M.iconSet:return`6`}return r}),C=U(void 0),w=H(()=>new d({beforeSubmit:Ln,submit:Rn}),[]),T=H(()=>{switch(x){case`1`:return On;case`2`:return In;case`3`:return bn;case`4`:return _n;case`5`:return wn;case`6`:return Fn;default:return On}},[x]);V(()=>{let t=o.onCommandExecuted(t=>{if(t.id===se.id){let n=t.params;n.subUnitId===m&&n.unitId===p&&e.onCancel()}t.id===le.id&&e.onCancel()});return()=>t.dispose()},[]);let E=e=>{C.current=e},ee=e=>{_.current=e.split(`,`).filter(e=>!!e).map(xt).map(e=>e.range)};return J(`div`,{children:[q(`div`,{className:`
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:i.t(`sheet.cf.panel.range`)}),J(`div`,{className:`univer-mt-4`,children:[q(wt,{unitId:p,subUnitId:m,initialValue:y,onChange:(e,t)=>ee(t),onVerify:(e,t)=>{e?t.length<1?g(i.t(`sheet.cf.errorMessage.rangeError`)):g(void 0):g(i.t(`sheet.cf.errorMessage.rangeError`))}}),h&&q(`div`,{className:`univer-mt-1 univer-text-xs univer-text-red-500`,children:h})]}),q(`div`,{className:`
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:i.t(`sheet.cf.panel.styleType`)}),q(G,{className:`univer-mt-4 univer-w-full`,value:x,options:b,onChange:e=>S(e)}),q(T,{interceptorManager:w,rule:(r=e.rule)==null?void 0:r.rule,onChange:E}),J(`div`,{className:`univer-mt-4 univer-flex univer-justify-end`,children:[q(ut,{onClick:()=>{e.onCancel()},children:i.t(`sheet.cf.panel.cancel`)}),q(ut,{className:`univer-ml-3`,variant:`primary`,onClick:()=>{if(h)return;let t=(()=>{let e=c.getCurrentUnitForType(v.UNIVER_SHEET).getActiveSheet();if(!e)throw Error(`No active sheet found`);return _.current.map(t=>be(t,e.getRowCount(),e.getColumnCount())).filter(e=>!(Number.isNaN(e.startRow)||Number.isNaN(e.startColumn)))})();if(w.fetchThroughInterceptors(w.getInterceptPoints().beforeSubmit)(!0,null)){let n=w.fetchThroughInterceptors(w.getInterceptPoints().submit)(null,null);if(n){let r=zn(c),i=Bn(c);if(!r||!i)throw Error(`No active sheet found`);let a={};e.rule&&e.rule.cfId?(a={...e.rule,ranges:t,rule:n},o.executeCommand(Re.id,{unitId:r,subUnitId:i,rule:a}),e.onCancel()):(a={cfId:l.createCfId(r,i),ranges:t,rule:n,stopIfTrue:!1},o.executeCommand(xe.id,{unitId:r,subUnitId:i,rule:a}),e.onCancel())}}},children:i.t(`sheet.cf.panel.submit`)})]})]})};function Hn(e){"@babel/helpers - typeof";return Hn=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Hn(e)}function Un(e,t){if(Hn(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(Hn(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Wn(e){var t=Un(e,`string`);return Hn(t)==`symbol`?t:t+``}function X(e,t,n){return(t=Wn(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Z(e,t){return function(n,r){t(n,r,e)}}function Q(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let Gn=class extends i{constructor(e){super(),this._localeService=e,X(this,`_initLocal`,()=>{}),X(this,`_findReplaceIndex`,e=>{let t=/\{([^}]+)?\}/g,n=[],r=t.exec(e);for(;r;)n.push({startIndex:r.index,key:Number(r[1]),endIndex:r.index+r[0].length-1}),r=t.exec(e);return n}),this._initLocal()}tWithReactNode(e,...t){let n=this._localeService.getLocales(),r=e.split(`.`),i=n&&this._localeService.resolveKeyPath(n,r);if(typeof i==`string`){let e=[];return this._findReplaceIndex(i).forEach((n,r,a)=>{let o=a[r-1]||{startIndex:0,endIndex:-1};if(o.endIndex+1<n.startIndex){let t=i.slice(o.endIndex+1,n.startIndex);t&&e.push(t)}if(t[n.key]&&e.push(t[n.key]),r===a.length-1){let t=i.slice(n.endIndex+1);t&&e.push(t)}}),e}return[]}};Gn=Q([Z(0,c(f))],Gn);const Kn=(e,t)=>{let n=e.rule;switch(n.type){case M.colorScale:return t.t(`sheet.cf.ruleType.colorScale`);case M.dataBar:return t.t(`sheet.cf.ruleType.dataBar`);case M.iconSet:return t.t(`sheet.cf.ruleType.iconSet`);case M.highlightCell:switch(n.subType){case N.average:{let e=n.operator;return t.t(`sheet.cf.preview.describe.${e}`,t.t(`sheet.cf.subRuleType.average`))}case N.duplicateValues:return t.t(`sheet.cf.subRuleType.duplicateValues`);case N.uniqueValues:return t.t(`sheet.cf.subRuleType.uniqueValues`);case N.number:{let e=n.operator;return t.t(`sheet.cf.preview.describe.${e}`,...Array.isArray(n.value)?n.value.map(e=>String(e)):[String(n.value||``)])}case N.text:{let e=n.operator;return t.t(`sheet.cf.preview.describe.${e}`,n.value||``)}case N.timePeriod:{let e=n.operator;return t.t(`sheet.cf.preview.describe.${e}`)}case N.rank:return n.isPercent?n.isBottom?t.t(`sheet.cf.preview.describe.bottomNPercent`,String(n.value)):t.t(`sheet.cf.preview.describe.topNPercent`,String(n.value)):n.isBottom?t.t(`sheet.cf.preview.describe.bottomN`,String(n.value)):t.t(`sheet.cf.preview.describe.topN`,String(n.value));case N.formula:return t.t(`sheet.cf.ruleType.formula`)}}},qn=e=>{let{onClick:t}=e,n=B(L),r=B(s),i=B(fe),o=B(a),c=B(f),u=B(l),d=B(Gn),p=ot(()=>r.getCurrentTypeOfUnit$(v.UNIVER_SHEET),void 0,void 0,[]),m=p.getUnitId(),h=p.getActiveSheet();if(!h)throw Error(`No active sheet found`);let _=h.getSheetId(),[y,b]=W([]),[x,S]=W(`2`),[C,w]=W(0),[T,E]=W(``),ee=[{label:c.t(`sheet.cf.panel.workSheet`),value:`2`},{label:c.t(`sheet.cf.panel.selectedRange`),value:`1`}],D=()=>{let e=n.getSubunitRules(m,_);if(!e||!e.length)return[];if(x===`1`){let t=i.getCurrentLastSelection();if(!t)return[];let n=t.range;return e.filter(e=>e.ranges.some(e=>g.intersects(e,n)))}else if(x===`2`)return[...e];return[]},[O,te]=W(D);Gt(y),V(()=>{let e=o.onCommandExecuted(e=>{e.id===le.id&&w(Math.random())});return()=>e.dispose()}),V(()=>{te(D)},[x,C,m,_]),V(()=>{if(x===`2`)return;let e=new qt(e=>{let t=[ce.id,A.id,z.id,R.id,Ie.id],n=o.onCommandExecuted(n=>{let{id:i,params:a}=n,o=r.getCurrentUnitOfType(v.UNIVER_SHEET).getUnitId();t.includes(i)&&a.unitId===o&&e.next(null)});return()=>n.dispose()}).pipe(Jt(16)).subscribe(()=>{te(D)});return()=>{e.unsubscribe()}},[r,x,m,_]),V(()=>{let e=n.$ruleChange.subscribe(()=>{w(Math.random())});return()=>e.unsubscribe()},[n]);let ne=e=>{var t;let n=r.getCurrentUnitOfType(v.UNIVER_SHEET).getUnitId(),i=(t=r.getCurrentUnitOfType(v.UNIVER_SHEET).getActiveSheet())==null?void 0:t.getSheetId();if(!n||!i)throw Error(`No active sheet found`);o.executeCommand(Me.id,{unitId:n,subUnitId:i,cfId:e.cfId})},re=(e,t)=>{var n;let r=se[t.y];E((n=r==null?void 0:r.cfId)==null?``:n)},ie=(e,t,n)=>{var i,a,s;E(``);let c=r.getCurrentUnitOfType(v.UNIVER_SHEET).getUnitId(),l=(i=r.getCurrentUnitOfType(v.UNIVER_SHEET).getActiveSheet())==null?void 0:i.getSheetId();if(!c||!l)throw Error(`No active sheet found`);let u=e=>{let t=se.length;return Math.min(t-1,Math.max(0,e))},d=(a=se[u(t.y)])==null?void 0:a.cfId,f=(s=se[u(n.y)])==null?void 0:s.cfId;!d||!f||d!==f&&o.executeCommand(Fe.id,{unitId:c,subUnitId:l,start:{id:d,type:`self`},end:{id:f,type:n.y>t.y?`after`:`before`}})},ae=()=>{e.onCreate()},oe=()=>{x===`2`?o.executeCommand(Te.id):x===`1`&&O.map(e=>({unitId:m,subUnitId:_,cfId:e.cfId})).forEach(e=>{o.executeCommand(Me.id,e)})},se=H(()=>{let e=r.getCurrentUnitOfType(v.UNIVER_SHEET),t=e.getActiveSheet();return O.filter(n=>{let r=n.ranges;return ge(u,e.getUnitId(),t.getSheetId(),r)})},[O]),ue=H(()=>{let e=r.getCurrentUnitOfType(v.UNIVER_SHEET),t=e.getActiveSheet();return O.every(n=>{let r=n.ranges;return ge(u,e.getUnitId(),t.getSheetId(),r)})},[O]);return J(`div`,{children:[J(`div`,{className:`
                   univer-mb-2 univer-flex univer-items-center univer-justify-between univer-gap-2 univer-text-sm
-                `,
-        children: [
-          /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center univer-gap-2", children: l.tWithReactNode(
-            "sheet.cf.panel.managerRuleSelect",
-            /* @__PURE__ */ c(
-              oe,
-              {
-                className: "univer-w-36",
-                options: v,
-                value: f,
-                onChange: (L) => {
-                  w(L);
-                }
-              }
-            )
-          ).map((L, A) => /* @__PURE__ */ c("span", { children: L }, A)) }),
-          /* @__PURE__ */ F("div", { className: "univer-flex univer-justify-end univer-space-x-2", children: [
-            /* @__PURE__ */ c(Jt, { title: s.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ c(
-              "a",
-              {
-                className: "univer-size-5 univer-cursor-pointer",
-                onClick: D,
-                children: /* @__PURE__ */ c(qn, {})
-              }
-            ) }),
-            I.length && B ? /* @__PURE__ */ c(Jt, { title: s.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ c(
-              "a",
-              {
-                className: "univer-size-5 univer-cursor-pointer",
-                onClick: m,
-                children: /* @__PURE__ */ c(ut, { className: "univer-text-red-500" })
-              }
-            ) }) : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(ut, { className: "univer-text-gray-300" }) })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(
-      zr,
-      {
-        className: "univer-w-full",
-        draggableHandle: ".draggableHandle",
-        list: _,
-        onListChange: () => {
-        },
-        idKey: "cfId",
-        rowHeight: 60,
-        margin: [0, 10],
-        onDragStop: U,
-        onDragStart: E,
-        itemRender: (L) => /* @__PURE__ */ F(
-          "div",
-          {
-            className: Y("univer-group univer-relative univer-flex univer-items-center univer-justify-between univer-rounded univer-py-2 univer-pl-5 univer-pr-8 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700", {
-              "univer-bg-gray-100 dark:!univer-bg-gray-700": x === L.cfId
-            }),
-            onMouseMove: () => {
-              L.ranges !== p && y(L.ranges);
-            },
-            onMouseLeave: () => y([]),
-            onClick: () => {
-              e(L);
-            },
-            children: [
-              /* @__PURE__ */ c(
-                "div",
-                {
-                  className: Y("univer-absolute univer-left-0 univer-hidden univer-size-5 univer-cursor-grab univer-items-center univer-justify-center univer-rounded group-hover:univer-flex", "draggableHandle"),
-                  onClick: (A) => A.stopPropagation(),
-                  children: /* @__PURE__ */ c(Zn, {})
-                }
-              ),
-              /* @__PURE__ */ F(
-                "div",
-                {
-                  className: "univer-min-w-0 univer-max-w-full univer-flex-shrink univer-overflow-hidden",
-                  children: [
-                    /* @__PURE__ */ c(
-                      "div",
-                      {
-                        className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
-                        children: Ui(L, s)
-                      }
-                    ),
-                    /* @__PURE__ */ c("div", { className: "univer-text-xs univer-text-gray-400", children: L.ranges.map((A) => Nn(A)).join(",") })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(De, { rule: L.rule }) }),
-              /* @__PURE__ */ c(
-                "div",
-                {
-                  className: Y("univer-absolute univer-right-1 univer-hidden univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-red-500 group-hover:univer-flex hover:univer-bg-gray-200", {
-                    "univer-flex univer-items-center univer-justify-center": x === L.cfId
-                  }),
-                  onClick: (A) => {
-                    A.stopPropagation(), V(L), y([]);
-                  },
-                  children: /* @__PURE__ */ c(ut, {})
-                }
-              )
-            ]
-          }
-        )
-      }
-    ) })
-  ] });
-}, $i = (n) => {
-  const [e, t] = N(n.rule), [r, i] = N(!!n.rule);
-  return /* @__PURE__ */ c("div", { className: "univer-flex univer-h-full univer-flex-col univer-justify-between univer-py-4", children: r ? /* @__PURE__ */ c(ki, { onCancel: () => {
-    i(!1), t(void 0);
-  }, rule: e }) : /* @__PURE__ */ c(Oi, { onClick: (l) => {
-    t(l), i(!0);
-  }, onCreate: () => {
-    i(!0);
-  } }) });
-};
-var Di = Object.getOwnPropertyDescriptor, Ai = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Di(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, Ae = (n, e) => (t, r) => e(t, r, n);
-const ct = "sheet.conditional.formatting.panel";
-let Ye = class extends se {
-  constructor(e, t, r, i, o) {
-    super();
-    ge(this, "_sidebarDisposable", null);
-    this._univerInstanceService = e, this._injector = t, this._componentManager = r, this._sidebarService = i, this._localeService = o, this._initPanel(), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(H.UNIVER_SHEET).subscribe((s) => {
-        var u;
-        s || (u = this._sidebarDisposable) == null || u.dispose();
-      })
-    ), this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe((s) => {
-      s.id === ct && (s.visible || setTimeout(() => {
-        this._sidebarService.sidebarOptions$.next({ visible: !1 });
-      }));
-    }));
-  }
-  openPanel(e) {
-    const t = {
-      id: ct,
-      header: { title: this._localeService.t("sheet.cf.title") },
-      children: {
-        label: ct,
-        rule: e,
-        key: ar(4)
-      },
-      onClose: () => this._sidebarDisposable = null
-    };
-    this._sidebarDisposable = this._sidebarService.open(t);
-  }
-  _initPanel() {
-    this.disposeWithMe(
-      this._componentManager.register(ct, $i)
-    );
-  }
-};
-Ye = Ai([
-  Ae(0, G),
-  Ae(1, $(ve)),
-  Ae(2, $(Dr)),
-  Ae(3, $(Ar)),
-  Ae(4, $(te))
-], Ye);
-var re = /* @__PURE__ */ ((n) => (n[n.createRule = 1] = "createRule", n[n.viewRule = 2] = "viewRule", n[n.highlightCell = 3] = "highlightCell", n[n.rank = 4] = "rank", n[n.formula = 5] = "formula", n[n.colorScale = 6] = "colorScale", n[n.dataBar = 7] = "dataBar", n[n.icon = 8] = "icon", n[n.clearRangeRules = 9] = "clearRangeRules", n[n.clearWorkSheetRules = 10] = "clearWorkSheetRules", n))(re || {});
-const Tt = {
-  id: "sheet.operation.open.conditional.formatting.panel",
-  type: he.OPERATION,
-  handler: (n, e) => {
-    var u;
-    const t = n.get(Ye), r = n.get($e), i = n.get(Q), o = ((u = r.getCurrentSelections()) == null ? void 0 : u.map((l) => l.range)) || [];
-    switch (e.value) {
-      case 3: {
-        t.openPanel({ ..._e(), ranges: o });
-        break;
-      }
-      case 4: {
-        const l = {
-          ..._e,
-          ranges: o,
-          rule: {
-            type: M.highlightCell,
-            subType: k.rank
-          }
-        };
-        t.openPanel(l);
-        break;
-      }
-      case 5: {
-        const l = {
-          ..._e,
-          ranges: o,
-          rule: {
-            type: M.highlightCell,
-            subType: k.formula,
-            value: "="
-          }
-        };
-        t.openPanel(l);
-        break;
-      }
-      case 6: {
-        const l = {
-          ..._e,
-          ranges: o,
-          rule: {
-            type: M.colorScale,
-            config: []
-          }
-        };
-        t.openPanel(l);
-        break;
-      }
-      case 7: {
-        const l = {
-          ..._e,
-          ranges: o,
-          rule: {
-            type: M.dataBar,
-            isShowValue: !0
-          }
-        };
-        t.openPanel(l);
-        break;
-      }
-      case 8: {
-        const l = {
-          ..._e,
-          ranges: o,
-          rule: {
-            type: M.iconSet,
-            config: [],
-            isShowValue: !0
-          }
-        };
-        t.openPanel(l);
-        break;
-      }
-      case 2: {
-        t.openPanel();
-        break;
-      }
-      case 1: {
-        t.openPanel({ ..._e(), ranges: o });
-        break;
-      }
-      case 9: {
-        i.executeCommand(Vr.id, { ranges: o });
-        break;
-      }
-      case 10: {
-        i.executeCommand(Tn.id);
-        break;
-      }
-    }
-    return !0;
-  }
-};
-var Hi = Object.getOwnPropertyDescriptor, ji = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Hi(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, He = (n, e) => (t, r) => e(t, r, n);
-let ft = class extends se {
-  constructor(n, e, t, r, i) {
-    super(), this._injector = n, this._univerInstanceService = e, this._sheetInterceptorService = t, this._selectionManagerService = r, this._conditionalFormattingRuleModel = i, this._init();
-  }
-  _init() {
-    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
-      getMutations: (n) => {
-        var i;
-        const e = [], t = [], r = { redos: e, undos: t };
-        if ([vr.id, gr.id].includes(n.id)) {
-          const o = (i = this._selectionManagerService.getCurrentSelections()) == null ? void 0 : i.map((p) => p.range);
-          if (!o)
-            return r;
-          const s = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET), u = s.getActiveSheet();
-          if (!u)
-            return r;
-          const l = s.getUnitId(), g = u.getSheetId(), a = this._conditionalFormattingRuleModel.getSubunitRules(l, g);
-          if (!a || !a.length)
-            return r;
-          const { redos: d, undos: h } = cn(this._injector, a, o, l, g);
-          e.push(...d), t.push(...h);
-        }
-        return r;
-      }
-    })), this.disposeWithMe(this._sheetInterceptorService.interceptRanges({
-      getMutations: ({ unitId: n, subUnitId: e, ranges: t }) => {
-        const r = [], i = [], o = { redos: r, undos: i };
-        if (!t || !t.length)
-          return o;
-        const s = this._conditionalFormattingRuleModel.getSubunitRules(n, e);
-        if (!s || !s.length)
-          return o;
-        const { redos: u, undos: l } = cn(this._injector, s, t, n, e);
-        return r.push(...u), i.push(...l), o;
-      }
-    }));
-  }
-};
-ft = ji([
-  He(0, $(ve)),
-  He(1, $(G)),
-  He(2, $(Wt)),
-  He(3, $($e)),
-  He(4, $(X))
-], ft);
-function cn(n, e, t, r, i) {
-  const o = [], s = [];
-  return e.filter((u) => t.some((l) => u.ranges.some((g) => me.getIntersects(g, l)))).forEach((u) => {
-    const g = new mr().add(...u.ranges).subtract(...t).merge();
-    if (g.length) {
-      const a = {
-        id: be.id,
-        params: {
-          unitId: r,
-          subUnitId: i,
-          rule: { ...u, ranges: g }
-        }
-      }, d = Le(n, a.params);
-      o.push(a), s.push(...d);
-    } else {
-      const a = {
-        id: Ie.id,
-        params: {
-          unitId: r,
-          subUnitId: i,
-          cfId: u.cfId
-        }
-      }, d = ze(n, a.params);
-      o.push(a), s.push(...d);
-    }
-  }), { redos: o, undos: s };
-}
-const Bi = "@univerjs/sheets-conditional-formatting-ui", Wi = "0.17.0", xt = {
-  name: Bi,
-  version: Wi
-}, Qn = "sheets-conditional-formatting-ui.config", pt = {};
-var qi = Object.getOwnPropertyDescriptor, Gi = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? qi(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, Ut = (n, e) => (t, r) => e(t, r, n);
-let Ke = class extends se {
-  constructor(e, t, r) {
-    super();
-    ge(this, "_disposableMap", /* @__PURE__ */ new Map());
-    this._conditionalFormattingRuleModel = e, this._formulaRefRangeService = t, this._injector = r, this._initRefRange();
-  }
-  _getIdWithUnitId(e, t, r) {
-    return `${e}_${t}_${r}`;
-  }
-  _getRuleFormulas(e) {
-    const t = [], r = e.rule;
-    switch (r.type) {
-      case M.highlightCell:
-        r.subType === k.formula && t.push(r.value);
-        break;
-      case M.dataBar: {
-        const i = r;
-        i.config.min.type === P.formula && t.push(i.config.min.value), i.config.max.type === P.formula && t.push(i.config.max.value);
-        break;
-      }
-      case M.colorScale: {
-        r.config.forEach((o) => {
-          o.value.type === P.formula && t.push(o.value.value);
-        });
-        break;
-      }
-      case M.iconSet: {
-        r.config.forEach((o) => {
-          o.value.type === P.formula && t.push(o.value.value);
-        });
-        break;
-      }
-    }
-    return t;
-  }
-  _updateRuleFormulas(e, t) {
-    const r = _t.deepClone(e), i = r.rule;
-    let o = 0;
-    switch (i.type) {
-      case M.highlightCell:
-        i.subType === k.formula && (i.value = t[o++]);
-        break;
-      case M.dataBar: {
-        const s = i;
-        s.config.min.type === P.formula && (s.config.min.value = t[o++]), s.config.max.type === P.formula && (s.config.max.value = t[o++]);
-        break;
-      }
-      case M.colorScale: {
-        i.config.forEach((u) => {
-          u.value.type === P.formula && (u.value.value = t[o++]);
-        });
-        break;
-      }
-      case M.iconSet: {
-        i.config.forEach((u) => {
-          u.value.type === P.formula && (u.value.value = t[o++]);
-        });
-        break;
-      }
-    }
-    return r;
-  }
-  register(e, t, r) {
-    const i = r.ranges, o = this._getRuleFormulas(r), s = this._formulaRefRangeService.registerRangeFormula(e, t, i, o, (l) => {
-      if (l.length === 0)
-        return {
-          undos: [{
-            id: ee.id,
-            params: {
-              unitId: e,
-              subUnitId: t,
-              rule: r
-            }
-          }],
-          redos: [{
-            id: Ie.id,
-            params: {
-              unitId: e,
-              subUnitId: t,
-              cfId: r.cfId
-            }
-          }]
-        };
-      const g = [], a = [], d = l[0], h = this._updateRuleFormulas(r, d.formulas);
-      h.ranges = d.ranges, g.push({
-        id: be.id,
-        params: {
-          unitId: e,
-          subUnitId: t,
-          cfId: r.cfId,
-          rule: h
-        }
-      }), a.push(...Le(this._injector, {
-        unitId: e,
-        subUnitId: t,
-        cfId: r.cfId,
-        rule: h
-      }));
-      for (let p = 1; p < l.length; p++) {
-        const y = l[p], f = kr(), w = this._updateRuleFormulas(r, y.formulas);
-        w.cfId = f, w.ranges = y.ranges, g.push({
-          id: ee.id,
-          params: {
-            unitId: e,
-            subUnitId: t,
-            rule: w
-          }
-        }), a.push(qt(this._injector, {
-          unitId: e,
-          subUnitId: t,
-          rule: w
-        }));
-      }
-      return {
-        undos: a,
-        redos: g
-      };
-    }), u = this._getIdWithUnitId(e, t, r.cfId);
-    this._disposableMap.set(u, s);
-  }
-  _initRefRange() {
-    const e = this._conditionalFormattingRuleModel.getAll();
-    for (const [t, r] of e)
-      for (const [i, o] of r)
-        for (const s of o)
-          this.register(t, i, s);
-    this.disposeWithMe(
-      this._conditionalFormattingRuleModel.$ruleChange.subscribe((t) => {
-        const { unitId: r, subUnitId: i, rule: o } = t;
-        switch (t.type) {
-          case "add": {
-            this.register(r, i, o);
-            break;
-          }
-          case "delete": {
-            const s = this._getIdWithUnitId(r, i, o.cfId), u = this._disposableMap.get(s);
-            u && (u.dispose(), this._disposableMap.delete(s));
-            break;
-          }
-          case "set": {
-            const s = this._getIdWithUnitId(r, i, o.cfId), u = this._disposableMap.get(s);
-            u && (u.dispose(), this._disposableMap.delete(s)), this.register(r, i, o);
-            break;
-          }
-        }
-      })
-    ), this.disposeWithMe(mn(() => {
-      this._disposableMap.forEach((t) => {
-        t.dispose();
-      }), this._disposableMap.clear();
-    }));
-  }
-};
-Ke = Gi([
-  Ut(0, $(X)),
-  Ut(1, $(ri)),
-  Ut(2, $(ve))
-], Ke);
-var Zi = Object.getOwnPropertyDescriptor, zi = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Zi(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, je = (n, e) => (t, r) => e(t, r, n);
-let Xe = class extends se {
-  constructor(e, t, r, i, o) {
-    super();
-    ge(this, "_copyInfo");
-    this._sheetClipboardService = e, this._conditionalFormattingRuleModel = t, this._injector = r, this._conditionalFormattingViewModel = i, this._univerInstanceService = o, this._initClipboardHook();
-  }
-  _initClipboardHook() {
-    this.disposeWithMe(
-      this._sheetClipboardService.addClipboardHook({
-        id: tt,
-        onBeforeCopy: (e, t, r) => this._collectConditionalRule(e, t, r),
-        onPasteCells: (e, t, r, i) => {
-          const { copyType: o = Qt.COPY, pasteType: s } = i, { range: u } = e || {}, { range: l } = t;
-          return this._generateConditionalFormattingMutations(l, { copyType: o, pasteType: s, copyRange: u });
-        }
-      })
-    );
-  }
-  _collectConditionalRule(e, t, r) {
-    const i = new Re(), o = {};
-    this._copyInfo = {
-      matrix: i,
-      info: {
-        unitId: e,
-        subUnitId: t,
-        cfMap: o
-      }
-    };
-    const s = this._injector.invoke((a) => fr(r, a, e, t));
-    if (!s)
-      return;
-    const { rows: u, cols: l } = s, g = /* @__PURE__ */ new Set();
-    u.forEach((a, d) => {
-      l.forEach((h, p) => {
-        const y = this._conditionalFormattingViewModel.getCellCfs(e, t, a, h);
-        y && (y.forEach((f) => g.add(f.cfId)), i.setValue(d, p, y.map((f) => f.cfId)));
-      });
-    }), g.forEach((a) => {
-      const d = this._conditionalFormattingRuleModel.getRule(e, t, a);
-      d && (o[a] = d.rule);
-    });
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _generateConditionalFormattingMutations(e, t) {
-    const r = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET), i = r.getActiveSheet(), o = r.getUnitId();
-    if (!i) return { redos: [], undos: [] };
-    const s = i.getSheetId();
-    if (t.copyType === Qt.CUT)
-      return this._copyInfo = null, { redos: [], undos: [] };
-    if (!this._copyInfo || !t.copyRange)
-      return { redos: [], undos: [] };
-    if (![
-      Ft.SPECIAL_PASTE_FORMAT,
-      Ft.DEFAULT_PASTE,
-      Ft.SPECIAL_PASTE_BESIDES_BORDER
-    ].includes(
-      t.pasteType
-    ))
-      return { redos: [], undos: [] };
-    const { ranges: [l, g], mapFunc: a } = Mn([t.copyRange, e]), d = Qr(l, g, !0), h = {};
-    fe.foreach(g, (v, b) => {
-      const { row: I, col: C } = a(v, b), V = this._conditionalFormattingViewModel.getCellCfs(o, s, I, C);
-      V && V.forEach((E) => {
-        if (!h[E.cfId]) {
-          const U = new Re();
-          h[E.cfId] = U;
-          const D = this._conditionalFormattingRuleModel.getRule(o, s, E.cfId);
-          D == null || D.ranges.forEach((m) => {
-            fe.foreach(m, (_, B) => {
-              U.setValue(_, B, 1);
-            });
-          });
-        }
-        h[E.cfId].realDeleteValue(I, C);
-      });
-    });
-    const { matrix: p, info: y } = this._copyInfo, f = [];
-    let w = this._conditionalFormattingRuleModel.createCfId(o, s);
-    const S = {}, R = (v) => {
-      if (S[v])
-        return S[v];
-      const b = y == null ? void 0 : y.cfMap[v], I = [...this._conditionalFormattingRuleModel.getSubunitRules(o, s) || [], ...f].find((C) => _t.diffValue(C.rule, b));
-      if (I)
-        return S[v] = I, I;
-      {
-        const C = {
-          rule: b,
-          cfId: w,
-          ranges: [],
-          stopIfTrue: !1
-        };
-        return S[v] = C, f.push(C), w = `${Number(w) + 1}`, C;
-      }
-    };
-    d.forEach((v) => {
-      p && p.forValue((b, I, C) => {
-        const V = me.getPositionRange(
-          {
-            startRow: b,
-            endRow: b,
-            startColumn: I,
-            endColumn: I
-          },
-          v.startRange
-        ), { row: E, col: U } = a(V.startRow, V.startColumn);
-        C.forEach((D) => {
-          if (!h[D]) {
-            const m = R(D), _ = new Re();
-            h[D] = _, m.ranges.forEach((B) => {
-              fe.foreach(B, (L, A) => {
-                _.setValue(L, A, 1);
-              });
-            });
-          }
-          h[D].setValue(E, U, 1);
-        });
-      });
-    });
-    const x = [], T = [];
-    for (const v in h) {
-      const b = h[v], I = ht(vt(b));
-      if (!I.length) {
-        const C = {
-          unitId: o,
-          subUnitId: s,
-          cfId: v
-        };
-        x.push({ id: Ie.id, params: C }), T.push(...ze(this._injector, C));
-      }
-      if (f.some((C) => C.cfId === v)) {
-        const C = R(v), V = {
-          unitId: o,
-          subUnitId: s,
-          rule: { ...C, ranges: I }
-        };
-        x.push({ id: ee.id, params: V }), T.push(qt(this._injector, V));
-      } else {
-        const C = this._conditionalFormattingRuleModel.getRule(o, s, v);
-        if (!C)
-          continue;
-        const V = {
-          unitId: o,
-          subUnitId: s,
-          rule: { ...C, ranges: I }
-        };
-        x.push({ id: be.id, params: V }), T.push(...Le(this._injector, V));
-      }
-    }
-    return {
-      redos: x,
-      undos: T
-    };
-  }
-};
-Xe = zi([
-  je(0, $(Jr)),
-  je(1, $(X)),
-  je(2, $(ve)),
-  je(3, $(et)),
-  je(4, $(G))
-], Xe);
-var Yi = Object.getOwnPropertyDescriptor, Ki = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Yi(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, Ot = (n, e) => (t, r) => e(t, r, n);
-let Je = class extends se {
-  constructor(n, e, t) {
-    super(), this._localeService = n, this._commandService = e, this._sheetPermissionCheckController = t, this._commandExecutedListener();
-  }
-  _commandExecutedListener() {
-    this.disposeWithMe(
-      this._commandService.beforeCommandExecuted((n) => {
-        if (n.id === wn.id) {
-          const { unitId: e, subUnitId: t, rule: { ranges: r } } = n.params;
-          this._sheetPermissionCheckController.permissionCheckWithRanges({
-            workbookTypes: [_n],
-            rangeTypes: [Sn],
-            worksheetTypes: [bn, In]
-          }, r, e, t) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"));
-        }
-      })
-    );
-  }
-};
-Je = Ki([
-  Ot(0, $(te)),
-  Ot(1, Q),
-  Ot(2, $(pr))
-], Je);
-var Xi = Object.getOwnPropertyDescriptor, Ji = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Xi(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, Ve = (n, e) => (t, r) => e(t, r, n);
-let Qe = class extends se {
-  constructor(e, t, r, i, o, s) {
-    super();
-    /**
-     * When a set operation is triggered multiple times over a short period of time, it may result in some callbacks not being disposed,and caused a render cache exception.
-     * The solution here is to store all the asynchronous tasks and focus on processing after the last callback
-     */
-    ge(this, "_ruleChangeCacheMap", /* @__PURE__ */ new Map());
-    this._sheetInterceptorService = e, this._conditionalFormattingService = t, this._univerInstanceService = r, this._renderManagerService = i, this._conditionalFormattingViewModel = o, this._conditionalFormattingRuleModel = s, this._initViewModelInterceptor(), this._initSkeleton(), this.disposeWithMe(() => {
-      this._ruleChangeCacheMap.clear();
-    });
-  }
-  _markDirtySkeleton() {
-    var t, r, i;
-    const e = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET).getUnitId();
-    (t = this._renderManagerService.getRenderById(e)) == null || t.with(Vn).reCalculate(), (i = (r = this._renderManagerService.getRenderById(e)) == null ? void 0 : r.mainComponent) == null || i.makeDirty();
-  }
-  _initSkeleton() {
-    this.disposeWithMe(kn(this._conditionalFormattingRuleModel.$ruleChange, this._conditionalFormattingViewModel.markDirty$).pipe(
-      oi(16),
-      en((e) => !!e.length),
-      en((e) => {
-        const t = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET);
-        if (!t) return !1;
-        const r = t.getActiveSheet();
-        return r ? e.filter((i) => i.unitId === t.getUnitId() && i.subUnitId === r.getSheetId()).length > 0 : !1;
-      })
-    ).subscribe(() => this._markDirtySkeleton()));
-  }
-  _initViewModelInterceptor() {
-    this.disposeWithMe(this._sheetInterceptorService.intercept(Cr.CELL_CONTENT, {
-      effect: lr.Style,
-      handler: (e, t, r) => {
-        const i = this._conditionalFormattingService.composeStyle(t.unitId, t.subUnitId, t.row, t.col);
-        if (!i)
-          return r(e);
-        const o = t.workbook.getStyles(), s = (typeof (e == null ? void 0 : e.s) == "string" ? o.get(e == null ? void 0 : e.s) : e == null ? void 0 : e.s) || {}, u = e === t.rawData ? { ...t.rawData } : e;
-        if (i.style) {
-          const l = {
-            ...s,
-            ...i.style
-          };
-          Object.assign(u, { s: l });
-        }
-        return u.fontRenderExtension || (u.fontRenderExtension = {}, i.isShowValue !== void 0 && (u.fontRenderExtension.isSkip = !i.isShowValue)), i.dataBar && (u.dataBar = i.dataBar), i.iconSet && (u.iconSet = i.iconSet, u.fontRenderExtension.leftOffset = Fr + Lr), r(u);
-      },
-      priority: 10
-    }));
-  }
-};
-Qe = Ji([
-  Ve(0, $(Wt)),
-  Ve(1, $(xn)),
-  Ve(2, $(G)),
-  Ve(3, $(Fn)),
-  Ve(4, $(et)),
-  Ve(5, $(X))
-], Qe);
-var Qi = Object.defineProperty, eo = Object.getOwnPropertyDescriptor, to = (n, e, t) => e in n ? Qi(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, no = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? eo(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, $t = (n, e) => (t, r) => e(t, r, n), Et = (n, e, t) => to(n, typeof e != "symbol" ? e + "" : e, t);
-let Ue = class extends Cn {
-  constructor(n = pt, e, t, r) {
-    super(), this._config = n, this._injector = e, this._commandService = t, this._configService = r;
-    const { menu: i, ...o } = yn(
-      {},
-      pt,
-      this._config
-    );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Qn, o), this._initCommand(), this._injector.add([Qe]), this._injector.add([Xe]), this._injector.add([Je]), this._injector.add([Pe]), this._injector.add([Ke]);
-  }
-  _initCommand() {
-    [
-      Ln,
-      Pn,
-      Un,
-      On,
-      $n,
-      Dn,
-      An,
-      Hn,
-      jn,
-      Tt
-    ].forEach((n) => {
-      this._commandService.registerCommand(n);
-    });
-  }
-};
-Et(Ue, "pluginName", `${tt}_MOBILE_UI_PLUGIN`);
-Et(Ue, "packageName", xt.name);
-Et(Ue, "version", xt.version);
-Et(Ue, "type", H.UNIVER_SHEET);
-Ue = no([
-  fn(En),
-  $t(1, $(ve)),
-  $t(2, $(Q)),
-  $t(3, pn)
-], Ue);
-var ro = Object.getOwnPropertyDescriptor, io = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? ro(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, Be = (n, e) => (t, r) => e(t, r, n);
-let Ct = class extends se {
-  constructor(n, e, t, r, i) {
-    super(), this._injector = n, this._univerInstanceService = e, this._autoFillService = t, this._conditionalFormattingRuleModel = r, this._conditionalFormattingViewModel = i, this._initAutoFill();
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _initAutoFill() {
-    const n = () => ({ redos: [], undos: [] }), e = (i, o, s, u, l) => {
-      var p;
-      const g = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET).getUnitId(), a = (p = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : p.getSheetId();
-      if (!g || !a)
-        return;
-      const d = {
-        startRow: i.row,
-        startColumn: i.col,
-        endColumn: i.col,
-        endRow: i.row
-      }, h = {
-        startRow: o.row,
-        startColumn: o.col,
-        endColumn: o.col,
-        endRow: o.row
-      };
-      fe.foreach(s, (y, f) => {
-        const w = me.getPositionRange(
-          {
-            startRow: y,
-            startColumn: f,
-            endColumn: f,
-            endRow: y
-          },
-          d
-        ), S = me.getPositionRange(
-          {
-            startRow: y,
-            startColumn: f,
-            endColumn: f,
-            endRow: y
-          },
-          h
-        ), { row: R, col: x } = l(w.startRow, w.startColumn), T = this._conditionalFormattingViewModel.getCellCfs(
-          g,
-          a,
-          R,
-          x
-        ), { row: v, col: b } = l(S.startRow, S.startColumn), I = this._conditionalFormattingViewModel.getCellCfs(
-          g,
-          a,
-          v,
-          b
-        );
-        I && I.forEach((C) => {
-          let V = u.get(C.cfId);
-          if (!u.get(C.cfId)) {
-            const E = this._conditionalFormattingRuleModel.getRule(g, a, C.cfId);
-            if (!E)
-              return;
-            V = new Re(), E.ranges.forEach((U) => {
-              fe.foreach(U, (D, m) => {
-                V.setValue(D, m, 1);
-              });
-            }), u.set(C.cfId, V);
-          }
-          V.realDeleteValue(v, b);
-        }), T && T.forEach((C) => {
-          let V = u.get(C.cfId);
-          if (!u.get(C.cfId)) {
-            const E = this._conditionalFormattingRuleModel.getRule(g, a, C.cfId);
-            if (!E)
-              return;
-            V = new Re(), E.ranges.forEach((U) => {
-              fe.foreach(U, (D, m) => {
-                V.setValue(D, m, 1);
-              });
-            }), u.set(C.cfId, V);
-          }
-          V.setValue(v, b, 1);
-        });
-      });
-    }, t = (i, o) => {
-      var S, R, x;
-      const s = (S = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET)) == null ? void 0 : S.getUnitId(), u = (x = (R = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET)) == null ? void 0 : R.getActiveSheet()) == null ? void 0 : x.getSheetId(), l = /* @__PURE__ */ new Map(), g = [], a = [];
-      if (!s || !u)
-        return n();
-      const d = Mn([i, o]), [h, p] = d.ranges, { mapFunc: y } = d, f = {
-        row: h.startRow,
-        col: h.startColumn
-      };
-      return br.getAutoFillRepeatRange(h, p).forEach((T) => {
-        e(f, T.repeatStartCell, T.relativeRange, l, y);
-      }), l.forEach((T, v) => {
-        const b = this._conditionalFormattingRuleModel.getRule(s, u, v);
-        if (!b)
-          return;
-        const I = ht(vt(T));
-        if (I.length) {
-          const C = {
-            unitId: s,
-            subUnitId: u,
-            rule: { ...b, ranges: I }
-          };
-          g.push({ id: be.id, params: C }), a.push(...Le(this._injector, C));
-        } else {
-          const C = {
-            unitId: s,
-            subUnitId: u,
-            cfId: b.cfId
-          };
-          g.push({ id: Ie.id, params: C }), a.push(...ze(this._injector, C));
-        }
-      }), {
-        undos: a,
-        redos: g
-      };
-    }, r = {
-      id: tt,
-      onFillData: (i, o, s) => {
-        if (s === kt.COPY || s === kt.ONLY_FORMAT || s === kt.SERIES) {
-          const { source: u, target: l } = i;
-          return t(u, l);
-        }
-        return n();
-      }
-    };
-    this.disposeWithMe(this._autoFillService.addHook(r));
-  }
-};
-Ct = io([
-  Be(0, $(ve)),
-  Be(1, $(G)),
-  Be(2, $(yr)),
-  Be(3, $(X)),
-  Be(4, $(et))
-], Ct);
-var oo = Object.getOwnPropertyDescriptor, so = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? oo(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, un = (n, e) => (t, r) => e(t, r, n);
-let yt = class extends se {
-  constructor(n, e) {
-    super(), this._sheetInterceptorService = n, this._conditionalFormattingService = e, this._initInterceptorEditorEnd();
-  }
-  /**
-   * Process the  values after  edit
-   * @private
-   * @memberof NumfmtService
-   */
-  _initInterceptorEditorEnd() {
-    this.disposeWithMe(
-      mn(
-        this._sheetInterceptorService.writeCellInterceptor.intercept(
-          Ir,
-          {
-            handler: (n, e, t) => {
-              var s, u, l;
-              n || t(n);
-              const r = this._conditionalFormattingService.composeStyle(e.unitId, e.subUnitId, e.row, e.col), i = (s = r == null ? void 0 : r.style) != null ? s : {}, o = Object.keys(i);
-              if (n != null && n.p)
-                return (l = (u = n.p.body) == null ? void 0 : u.textRuns) == null || l.forEach((g) => {
-                  g.ts && o.forEach((a) => {
-                    var d;
-                    (d = g.ts) == null || delete d[a];
-                  });
-                }), t(n);
-              {
-                const g = { ...(typeof (n == null ? void 0 : n.s) == "string" ? e.workbook.getStyles().get(n.s) : n == null ? void 0 : n.s) || {} };
-                o.forEach((d) => {
-                  delete g[d];
-                });
-                const a = { ...n, s: { ...g } };
-                return t(a);
-              }
-            }
-          }
-        )
-      )
-    );
-  }
-};
-yt = so([
-  un(0, $(Wt)),
-  un(1, $(xn))
-], yt);
-var ao = Object.getOwnPropertyDescriptor, lo = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? ao(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, ke = (n, e) => (t, r) => e(t, r, n);
-const co = (n, e) => {
-  const t = (a) => a.endRow - a.startRow + 1, r = (a) => a.endColumn - a.startColumn + 1, i = t(e) % t(n), o = r(e) % r(n), s = Math.floor(t(e) / t(n)), u = Math.floor(r(e) / r(n)), l = [], g = {
-    startRow: 0,
-    endRow: t(n) - 1,
-    startColumn: 0,
-    endColumn: r(n) - 1
-  };
-  if (t(e) === 1 && r(e) === 1) {
-    const a = {
-      startRow: e.startRow,
-      endRow: e.startRow,
-      startColumn: e.startColumn,
-      endColumn: e.startColumn
-    };
-    return l.push({ repeatRelativeRange: g, startRange: a }), l;
-  }
-  for (let a = 0; a < s + (i ? 0.1 : 0); a++)
-    for (let d = 0; d < u + (o ? 0.1 : 0); d++) {
-      const h = t(n) * a, p = r(n) * d, y = {
-        startRow: h + e.startRow,
-        endRow: h + e.startRow,
-        startColumn: p + e.startColumn,
-        endColumn: p + e.startColumn
-      };
-      let f = g;
-      a === s && i && (f = { ...f }, f.endRow = f.endRow - (t(n) - i)), d === u && o && (f = { ...f }, f.endColumn = f.endColumn - (r(n) - o)), l.push({ repeatRelativeRange: f, startRange: y });
-    }
-  return l;
-};
-let bt = class extends se {
-  constructor(e, t, r, i, o, s) {
-    super();
-    ge(this, "_painterConfig", null);
-    this._injector = e, this._univerInstanceService = t, this._formatPainterService = r, this._sheetsSelectionsService = i, this._conditionalFormattingRuleModel = o, this._conditionalFormattingViewModel = s, this._initFormattingPainter();
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _initFormattingPainter() {
-    const e = () => ({ redos: [], undos: [] }), t = (o, s, u, l, g) => {
-      const { unitId: a, subUnitId: d } = this._painterConfig, { targetUnitId: h, targetSubUnitId: p } = g, y = {
-        startRow: o.row,
-        startColumn: o.col,
-        endColumn: o.col,
-        endRow: o.row
-      }, f = {
-        startRow: s.row,
-        startColumn: s.col,
-        endColumn: s.col,
-        endRow: s.row
-      };
-      fe.foreach(u, (w, S) => {
-        const R = me.getPositionRange(
-          {
-            startRow: w,
-            startColumn: S,
-            endColumn: S,
-            endRow: w
-          },
-          y
-        ), x = me.getPositionRange(
-          {
-            startRow: w,
-            startColumn: S,
-            endColumn: S,
-            endRow: w
-          },
-          f
-        ), T = this._conditionalFormattingViewModel.getCellCfs(
-          a,
-          d,
-          R.startRow,
-          R.startColumn
-        ), v = this._conditionalFormattingViewModel.getCellCfs(
-          h,
-          p,
-          x.startRow,
-          x.startColumn
-        );
-        v && v.forEach((b) => {
-          let I = l.get(b.cfId);
-          if (!l.get(b.cfId)) {
-            const C = this._conditionalFormattingRuleModel.getRule(h, p, b.cfId);
-            if (!C)
-              return;
-            I = new Re(), C.ranges.forEach((V) => {
-              fe.foreach(V, (E, U) => {
-                I.setValue(E, U, 1);
-              });
-            }), l.set(b.cfId, I);
-          }
-          I.realDeleteValue(x.startRow, x.startColumn);
-        }), T && T.forEach((b) => {
-          const I = l.get(b.cfId);
-          I && I.setValue(x.startRow, x.startColumn, 1);
-        });
-      });
-    }, r = (o, s, u) => {
-      var R;
-      const { range: l, unitId: g, subUnitId: a } = this._painterConfig, d = o !== g || a !== s, h = /* @__PURE__ */ new Map(), p = [], y = [];
-      if (!o || !s || !g || !a)
-        return e();
-      const f = (R = this._conditionalFormattingRuleModel.getSubunitRules(g, a)) != null ? R : [];
-      f == null || f.forEach((x) => {
-        const { ranges: T, cfId: v } = x;
-        if (T.some((b) => me.intersects(l, b))) {
-          const b = new Re();
-          d || T.forEach((I) => {
-            fe.foreach(I, (C, V) => {
-              b.setValue(C, V, 1);
-            });
-          }), h.set(v, b);
-        }
-      });
-      const w = {
-        row: l.startRow,
-        col: l.startColumn
-      };
-      return co(l, u).forEach((x) => {
-        t(w, { row: x.startRange.startRow, col: x.startRange.startColumn }, x.repeatRelativeRange, h, { targetUnitId: o, targetSubUnitId: s });
-      }), h.forEach((x, T) => {
-        if (d) {
-          const v = this._conditionalFormattingRuleModel.getRule(o, s, T), b = ht(vt(x));
-          if (v)
-            if (b.length) {
-              const I = {
-                unitId: o,
-                subUnitId: s,
-                rule: { ...v, ranges: b }
-              };
-              p.push({ id: be.id, params: I }), y.push(...Le(this._injector, I));
-            } else {
-              const I = {
-                unitId: o,
-                subUnitId: s,
-                cfId: v.cfId
-              };
-              p.push({ id: Ie.id, params: I }), y.push(...ze(this._injector, I));
-            }
-          else if (b.length) {
-            const I = this._conditionalFormattingRuleModel.getRule(g, a, T);
-            if (I) {
-              const C = {
-                unitId: o,
-                subUnitId: s,
-                rule: {
-                  ..._t.deepClone(I),
-                  cfId: this._conditionalFormattingRuleModel.createCfId(o, s),
-                  ranges: b
-                }
-              };
-              p.push({ id: ee.id, params: C }), y.push(qt(this._injector, C));
-            }
-          }
-        } else {
-          const v = this._conditionalFormattingRuleModel.getRule(g, a, T);
-          if (!v)
-            return;
-          const b = ht(vt(x));
-          if (b.length) {
-            const I = {
-              unitId: g,
-              subUnitId: a,
-              rule: { ...v, ranges: b }
-            };
-            p.push({ id: be.id, params: I }), y.push(...Le(this._injector, I));
-          } else {
-            const I = {
-              unitId: g,
-              subUnitId: a,
-              cfId: v.cfId
-            };
-            p.push({ id: Ie.id, params: I }), y.push(...ze(this._injector, I));
-          }
-        }
-      }), {
-        undos: y,
-        redos: p
-      };
-    }, i = {
-      id: tt,
-      onStatusChange: (o) => {
-        var s, u, l;
-        switch (o) {
-          case Lt.INFINITE:
-          case Lt.ONCE: {
-            const g = (s = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET)) == null ? void 0 : s.getUnitId(), a = (l = (u = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET)) == null ? void 0 : u.getActiveSheet()) == null ? void 0 : l.getSheetId(), d = this._sheetsSelectionsService.getCurrentLastSelection(), h = d == null ? void 0 : d.range;
-            g && a && h && (this._painterConfig = { unitId: g, subUnitId: a, range: h });
-            break;
-          }
-          case Lt.OFF: {
-            this._painterConfig = null;
-            break;
-          }
-        }
-      },
-      onApply: (o, s, u) => this._painterConfig ? r(o, s, u) : {
-        redos: [],
-        undos: []
-      }
-    };
-    this._formatPainterService.addHook(i);
-  }
-};
-bt = lo([
-  ke(0, $(ve)),
-  ke(1, $(G)),
-  ke(2, $(ei)),
-  ke(3, $($e)),
-  ke(4, $(X)),
-  ke(5, $(et))
-], bt);
-var uo = Object.getOwnPropertyDescriptor, ho = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? uo(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, Dt = (n, e) => (t, r) => e(t, r, n);
-let It = class extends se {
-  constructor(n, e, t) {
-    super(), this._conditionalFormattingViewModel = n, this._univerInstanceService = e, this._renderManagerService = t, this._init();
-  }
-  _init() {
-    const n = this._univerInstanceService.getCurrentUnitForType(H.UNIVER_SHEET), e = (t) => {
-      const r = t.getUnitId(), i = this._renderManagerService.getRenderById(r);
-      if (!i)
-        return;
-      const o = i.with(Vn);
-      this.disposeWithMe(o.currentSkeleton$.subscribe((s) => {
-        if (s) {
-          const u = s.skeleton.rowColumnSegment, l = u.endColumn - u.startColumn + 1, a = (u.endRow - u.startRow + 1) * l * 9, d = Math.max(Pr, a);
-          this._conditionalFormattingViewModel.setCacheLength(d);
-        }
-      }));
-    };
-    n && e(n), this._univerInstanceService.getCurrentTypeOfUnit$(H.UNIVER_SHEET).subscribe((t) => {
-      t && e(t);
-    });
-  }
-};
-It = ho([
-  Dt(0, $(et)),
-  Dt(1, G),
-  Dt(2, Fn)
-], It);
-const dn = [
-  Bt.id,
-  ee.id,
-  be.id,
-  Ie.id,
-  Rn.id
-], We = [
-  {
-    label: {
-      name: "sheet.cf.ruleType.highlightCell",
-      selectable: !1
-    },
-    value: re.highlightCell
-  },
-  {
-    label: {
-      name: "sheet.cf.panel.rankAndAverage",
-      selectable: !1
-    },
-    value: re.rank
-  },
-  {
-    label: {
-      name: "sheet.cf.ruleType.formula",
-      selectable: !1
-    },
-    value: re.formula
-  },
-  {
-    label: {
-      name: "sheet.cf.ruleType.colorScale",
-      selectable: !1
-    },
-    value: re.colorScale
-  },
-  {
-    label: {
-      name: "sheet.cf.ruleType.dataBar",
-      selectable: !1
-    },
-    value: re.dataBar
-  },
-  {
-    label: {
-      name: "sheet.cf.ruleType.iconSet",
-      selectable: !1
-    },
-    value: re.icon
-  },
-  {
-    label: {
-      name: "sheet.cf.menu.manageConditionalFormatting",
-      selectable: !1
-    },
-    value: re.viewRule
-  },
-  {
-    label: {
-      name: "sheet.cf.menu.createConditionalFormatting",
-      selectable: !1
-    },
-    value: re.createRule
-  },
-  {
-    label: {
-      name: "sheet.cf.menu.clearRangeRules",
-      selectable: !1
-    },
-    value: re.clearRangeRules,
-    disabled: !1
-  },
-  {
-    label: {
-      name: "sheet.cf.menu.clearWorkSheetRules",
-      selectable: !1
-    },
-    value: re.clearWorkSheetRules
-  }
-], vo = (n) => {
-  const e = n.get($e), t = n.get(Q), r = n.get(G), i = n.get(X), o = new Fe((l) => kn(
-    e.selectionMoveEnd$,
-    e.selectionSet$,
-    new Fe((g) => {
-      const a = t.onCommandExecuted((d) => {
-        var f;
-        const { id: h, params: p } = d, y = (f = r.getCurrentUnitForType(H.UNIVER_SHEET)) == null ? void 0 : f.getUnitId();
-        dn.includes(h) && p.unitId === y && g.next(null);
-      });
-      return () => a.dispose();
-    })
-  ).pipe(tn(16)).subscribe(() => {
-    var f;
-    const g = ((f = e.getCurrentSelections()) == null ? void 0 : f.map((w) => w.range)) || [], a = r.getCurrentUnitForType(H.UNIVER_SHEET);
-    if (!a) return;
-    const d = a.getActiveSheet();
-    if (!d) return;
-    const y = (i.getSubunitRules(a.getUnitId(), d.getSheetId()) || []).filter((w) => w.ranges.some((S) => g.some((R) => me.intersects(R, S)))).map((w) => w.ranges).every((w) => dt(n, a.getUnitId(), d.getSheetId(), w));
-    l.next(y);
-  })), s = new Fe(
-    (l) => new Fe((g) => {
-      const a = t.onCommandExecuted((d) => {
-        var f;
-        const { id: h, params: p } = d, y = (f = r.getCurrentUnitForType(H.UNIVER_SHEET)) == null ? void 0 : f.getUnitId();
-        dn.includes(h) && p.unitId === y && g.next(null);
-      });
-      return () => a.dispose();
-    }).pipe(tn(16)).subscribe(() => {
-      const g = r.getCurrentUnitForType(H.UNIVER_SHEET);
-      if (!g) return;
-      const a = g.getActiveSheet();
-      if (!a) return;
-      const d = i.getSubunitRules(g.getUnitId(), a.getSheetId()) || [];
-      if (!d.length)
-        return l.next(!1), !1;
-      const h = d.map((p) => p.ranges).every((p) => dt(n, g.getUnitId(), a.getSheetId(), p));
-      l.next(h);
-    })
-  ), u = new Fe((l) => {
-    o.subscribe((g) => {
-      const a = We.find((d) => d.value === re.clearRangeRules);
-      a && (a.disabled = !g, l.next(We));
-    }), s.subscribe((g) => {
-      const a = We.find((d) => d.value === re.clearWorkSheetRules);
-      a && (a.disabled = !g, l.next(We));
-    }), l.next(We);
-  });
-  return {
-    id: Tt.id,
-    type: jr.SELECTOR,
-    icon: "ConditionsDoubleIcon",
-    tooltip: "sheet.cf.title",
-    selections: u,
-    hidden$: Hr(n, H.UNIVER_SHEET),
-    disabled$: ti(n, { workbookTypes: [_n], worksheetTypes: [In, bn], rangeTypes: [Sn] })
-  };
-}, go = {
-  [Br.RULES]: {
-    [Tt.id]: {
-      order: 1,
-      menuItemFactory: vo
-    }
-  }
-};
-var mo = Object.getOwnPropertyDescriptor, fo = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? mo(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, hn = (n, e) => (t, r) => e(t, r, n);
-let St = class extends se {
-  constructor(e, t) {
-    super();
-    ge(this, "_sidebarDisposable", null);
-    this._injector = e, this._menuManagerService = t, this._menuManagerService.mergeMenu(go);
-  }
-};
-St = fo([
-  hn(0, $(ve)),
-  hn(1, Wr)
-], St);
-var po = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, yo = (n, e, t) => e in n ? po(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, bo = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Co(e, t) : e, o = n.length - 1, s; o >= 0; o--)
-    (s = n[o]) && (i = s(i) || i);
-  return i;
-}, At = (n, e) => (t, r) => e(t, r, n), Nt = (n, e, t) => yo(n, typeof e != "symbol" ? e + "" : e, t);
-let Oe = class extends Cn {
-  constructor(n = pt, e, t, r) {
-    super(), this._config = n, this._injector = e, this._commandService = t, this._configService = r;
-    const { menu: i, ...o } = yn(
-      {},
-      pt,
-      this._config
-    );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Qn, o), this._initCommand();
-  }
-  onStarting() {
-    cr(this._injector, [
-      [Qe],
-      [Xe],
-      [Ct],
-      [Je],
-      [Ye],
-      [St],
-      [Pe],
-      [yt],
-      [ft],
-      [bt],
-      [It],
-      [Ke]
-    ]), Vt(this._injector, [
-      [Qe],
-      [Ke]
-    ]);
-  }
-  onReady() {
-    Vt(this._injector, [
-      [St],
-      [Ye]
-    ]);
-  }
-  onRendered() {
-    Vt(this._injector, [
-      [Ct],
-      [ft],
-      [Xe],
-      [yt],
-      [Pe],
-      [bt],
-      [Je],
-      [It]
-    ]);
-  }
-  _initCommand() {
-    [
-      Ln,
-      Pn,
-      Un,
-      On,
-      $n,
-      Dn,
-      An,
-      Hn,
-      jn,
-      Tt
-    ].forEach((n) => {
-      this._commandService.registerCommand(n);
-    });
-  }
-};
-Nt(Oe, "pluginName", `${tt}_UI_PLUGIN`);
-Nt(Oe, "packageName", xt.name);
-Nt(Oe, "version", xt.version);
-Nt(Oe, "type", H.UNIVER_SHEET);
-Oe = bo([
-  fn(En, ii),
-  At(1, $(ve)),
-  At(2, $(Q)),
-  At(3, pn)
-], Oe);
-export {
-  Ln as AddAverageCfCommand,
-  Pn as AddColorScaleConditionalRuleCommand,
-  Un as AddDataBarConditionalRuleCommand,
-  On as AddDuplicateValuesCfCommand,
-  $n as AddNumberCfCommand,
-  Dn as AddRankCfCommand,
-  An as AddTextCfCommand,
-  Hn as AddTimePeriodCfCommand,
-  jn as AddUniqueValuesCfCommand,
-  ft as ConditionalFormattingClearController,
-  Tt as OpenConditionalFormattingOperator,
-  Ue as UniverSheetsConditionalFormattingMobileUIPlugin,
-  Oe as UniverSheetsConditionalFormattingUIPlugin
-};
+                `,children:[q(`div`,{className:`univer-flex univer-items-center univer-gap-2`,children:d.tWithReactNode(`sheet.cf.panel.managerRuleSelect`,q(G,{className:`univer-w-36`,options:ee,value:x,onChange:e=>{S(e)}})).map((e,t)=>q(`span`,{children:e},t))}),J(`div`,{className:`univer-flex univer-justify-end univer-space-x-2`,children:[q(yt,{title:c.t(`sheet.cf.panel.createRule`),placement:`bottom`,children:q(`a`,{className:`univer-size-5 univer-cursor-pointer`,onClick:ae,children:q(Ot,{})})}),O.length&&ue?q(yt,{title:c.t(`sheet.cf.panel.clear`),placement:`bottom`,children:q(`a`,{className:`univer-size-5 univer-cursor-pointer`,onClick:oe,children:q(Et,{className:`univer-text-red-500`})})}):q(`div`,{children:q(Et,{className:`univer-text-gray-300`})})]})]}),q(`div`,{children:q(pt,{className:`univer-w-full`,draggableHandle:`.draggableHandle`,list:se,onListChange:()=>void 0,idKey:`cfId`,rowHeight:60,margin:[0,10],onDragStop:ie,onDragStart:re,itemRender:e=>J(`div`,{className:K(`
+                              univer-group univer-relative univer-flex univer-items-center univer-justify-between
+                              univer-rounded univer-py-2 univer-pl-5 univer-pr-8
+                              hover:univer-bg-gray-100
+                              dark:hover:!univer-bg-gray-700
+                            `,{"univer-bg-gray-100 dark:!univer-bg-gray-700":T===e.cfId}),onMouseMove:()=>{e.ranges!==y&&b(e.ranges)},onMouseLeave:()=>b([]),onClick:()=>{t(e)},children:[q(`div`,{className:K(`
+                                  univer-absolute univer-left-0 univer-hidden univer-size-5 univer-cursor-grab
+                                  univer-items-center univer-justify-center univer-rounded
+                                  group-hover:univer-flex
+                                `,`draggableHandle`),onClick:e=>e.stopPropagation(),children:q(Mt,{})}),J(`div`,{className:`univer-min-w-0 univer-max-w-full univer-flex-shrink univer-overflow-hidden`,children:[q(`div`,{className:`
+                                      univer-text-sm univer-text-gray-900
+                                      dark:!univer-text-white
+                                    `,children:Kn(e,c)}),q(`div`,{className:`univer-text-xs univer-text-gray-400`,children:e.ranges.map(e=>St(e)).join(`,`)})]}),q(`div`,{children:q(pn,{rule:e.rule})}),q(`div`,{className:K(`
+                                  univer-absolute univer-right-1 univer-hidden univer-size-6 univer-cursor-pointer
+                                  univer-items-center univer-justify-center univer-rounded univer-text-red-500
+                                  group-hover:univer-flex
+                                  hover:univer-bg-gray-200
+                                `,{"univer-flex univer-items-center univer-justify-center":T===e.cfId}),onClick:t=>{t.stopPropagation(),ne(e),b([])},children:q(Et,{})})]})})})]})},Jn=e=>{let[t,n]=W(e.rule),[r,i]=W(!!e.rule);return q(`div`,{className:`univer-flex univer-h-full univer-flex-col univer-justify-between univer-py-4`,children:r?q(Vn,{onCancel:()=>{i(!1),n(void 0)},rule:t}):q(qn,{onClick:e=>{n(e),i(!0)},onCreate:()=>{i(!0)}})})},Yn=`sheet.conditional.formatting.panel`;let Xn=class extends i{constructor(e,t,n,r,i){super(),this._univerInstanceService=e,this._injector=t,this._componentManager=n,this._sidebarService=r,this._localeService=i,X(this,`_sidebarDisposable`,null),this._initPanel(),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(v.UNIVER_SHEET).subscribe(e=>{var t;e||(t=this._sidebarDisposable)==null||t.dispose()})),this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(e=>{e.id===Yn&&(e.visible||setTimeout(()=>{this._sidebarService.sidebarOptions$.next({visible:!1})}))}))}openPanel(e){let t={id:Yn,header:{title:this._localeService.t(`sheet.cf.title`)},children:{label:Yn,rule:e,key:b(4)},onClose:()=>this._sidebarDisposable=null};this._sidebarDisposable=this._sidebarService.open(t)}_initPanel(){this.disposeWithMe(this._componentManager.register(Yn,Jn))}};Xn=Q([Z(0,s),Z(1,c(l)),Z(2,c($e)),Z(3,c(nt)),Z(4,c(f))],Xn);let $=function(e){return e[e.createRule=1]=`createRule`,e[e.viewRule=2]=`viewRule`,e[e.highlightCell=3]=`highlightCell`,e[e.rank=4]=`rank`,e[e.formula=5]=`formula`,e[e.colorScale=6]=`colorScale`,e[e.dataBar=7]=`dataBar`,e[e.icon=8]=`icon`,e[e.clearRangeRules=9]=`clearRangeRules`,e[e.clearWorkSheetRules=10]=`clearWorkSheetRules`,e}({});const Zn={id:`sheet.operation.open.conditional.formatting.panel`,type:n.OPERATION,handler:(e,t)=>{var n;let r=e.get(Xn),i=e.get(fe),o=e.get(a),s=((n=i.getCurrentSelections())==null?void 0:n.map(e=>e.range))||[];switch(t.value){case $.highlightCell:r.openPanel({...He(),ranges:s});break;case $.rank:{let e={...He,ranges:s,rule:{type:M.highlightCell,subType:N.rank}};r.openPanel(e);break}case $.formula:{let e={...He,ranges:s,rule:{type:M.highlightCell,subType:N.formula,value:`=`}};r.openPanel(e);break}case $.colorScale:{let e={...He,ranges:s,rule:{type:M.colorScale,config:[]}};r.openPanel(e);break}case $.dataBar:{let e={...He,ranges:s,rule:{type:M.dataBar,isShowValue:!0}};r.openPanel(e);break}case $.icon:{let e={...He,ranges:s,rule:{type:M.iconSet,config:[],isShowValue:!0}};r.openPanel(e);break}case $.viewRule:r.openPanel();break;case $.createRule:r.openPanel({...He(),ranges:s});break;case $.clearRangeRules:o.executeCommand(we.id,{ranges:s});break;case $.clearWorkSheetRules:o.executeCommand(Te.id);break}return!0}};let Qn=class extends i{constructor(e,t,n,r,i){super(),this._injector=e,this._univerInstanceService=t,this._sheetInterceptorService=n,this._selectionManagerService=r,this._conditionalFormattingRuleModel=i,this._init()}_init(){this.disposeWithMe(this._sheetInterceptorService.interceptCommand({getMutations:e=>{let t=[],n=[],r={redos:t,undos:n};if([ne.id,te.id].includes(e.id)){var i;let e=(i=this._selectionManagerService.getCurrentSelections())==null?void 0:i.map(e=>e.range);if(!e)return r;let a=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET),o=a.getActiveSheet();if(!o)return r;let s=a.getUnitId(),c=o.getSheetId(),l=this._conditionalFormattingRuleModel.getSubunitRules(s,c);if(!l||!l.length)return r;let{redos:u,undos:d}=$n(this._injector,l,e,s,c);t.push(...u),n.push(...d)}return r}})),this.disposeWithMe(this._sheetInterceptorService.interceptRanges({getMutations:({unitId:e,subUnitId:t,ranges:n})=>{let r=[],i=[],a={redos:r,undos:i};if(!n||!n.length)return a;let o=this._conditionalFormattingRuleModel.getSubunitRules(e,t);if(!o||!o.length)return a;let{redos:s,undos:c}=$n(this._injector,o,n,e,t);return r.push(...s),i.push(...c),a}}))}};Qn=Q([Z(0,c(l)),Z(1,c(s)),Z(2,c(ue)),Z(3,c(fe)),Z(4,c(L))],Qn);function $n(e,t,n,r,i){let a=[],o=[];return t.filter(e=>n.some(t=>e.ranges.some(e=>g.getIntersects(e,t)))).forEach(t=>{let s=new ae().add(...t.ranges).subtract(...n).merge();if(s.length){let n={id:z.id,params:{unitId:r,subUnitId:i,rule:{...t,ranges:s}}},c=Qe(e,n.params);a.push(n),o.push(...c)}else{let n={id:R.id,params:{unitId:r,subUnitId:i,cfId:t.cfId}},s=Ne(e,n.params);a.push(n),o.push(...s)}}),{redos:a,undos:o}}var er=`@univerjs/sheets-conditional-formatting-ui`,tr=`0.18.0`;const nr=`sheets-conditional-formatting-ui.config`;Symbol(nr);const rr={};let ir=class extends i{constructor(e,t,n){super(),this._conditionalFormattingRuleModel=e,this._formulaRefRangeService=t,this._injector=n,X(this,`_disposableMap`,new Map),this._initRefRange()}_getIdWithUnitId(e,t,n){return`${e}_${t}_${n}`}_getRuleFormulas(e){let t=[],n=e.rule;switch(n.type){case M.highlightCell:n.subType===N.formula&&t.push(n.value);break;case M.dataBar:{let e=n;e.config.min.type===I.formula&&t.push(e.config.min.value),e.config.max.type===I.formula&&t.push(e.config.max.value);break}case M.colorScale:n.config.forEach(e=>{e.value.type===I.formula&&t.push(e.value.value)});break;case M.iconSet:n.config.forEach(e=>{e.value.type===I.formula&&t.push(e.value.value)});break}return t}_updateRuleFormulas(e,t){let n=_.deepClone(e),r=n.rule,i=0;switch(r.type){case M.highlightCell:r.subType===N.formula&&(r.value=t[i++]);break;case M.dataBar:{let e=r;e.config.min.type===I.formula&&(e.config.min.value=t[i++]),e.config.max.type===I.formula&&(e.config.max.value=t[i++]);break}case M.colorScale:r.config.forEach(e=>{e.value.type===I.formula&&(e.value.value=t[i++])});break;case M.iconSet:r.config.forEach(e=>{e.value.type===I.formula&&(e.value.value=t[i++])});break}return n}register(e,t,n){let r=n.ranges,i=this._getRuleFormulas(n),a=this._formulaRefRangeService.registerRangeFormula(e,t,r,i,r=>{if(r.length===0)return{undos:[{id:A.id,params:{unitId:e,subUnitId:t,rule:n}}],redos:[{id:R.id,params:{unitId:e,subUnitId:t,cfId:n.cfId}}]};let i=[],a=[],o=r[0],s=this._updateRuleFormulas(n,o.formulas);s.ranges=o.ranges,i.push({id:z.id,params:{unitId:e,subUnitId:t,cfId:n.cfId,rule:s}}),a.push(...Qe(this._injector,{unitId:e,subUnitId:t,cfId:n.cfId,rule:s}));for(let o=1;o<r.length;o++){let s=r[o],c=Ve(),l=this._updateRuleFormulas(n,s.formulas);l.cfId=c,l.ranges=s.ranges,i.push({id:A.id,params:{unitId:e,subUnitId:t,rule:l}}),a.push(Se(this._injector,{unitId:e,subUnitId:t,rule:l}))}return{undos:a,redos:i}}),o=this._getIdWithUnitId(e,t,n.cfId);this._disposableMap.set(o,a)}_initRefRange(){let e=this._conditionalFormattingRuleModel.getAll();for(let[t,n]of e)for(let[e,r]of n)for(let n of r)this.register(t,e,n);this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe(e=>{let{unitId:t,subUnitId:n,rule:r}=e;switch(e.type){case`add`:this.register(t,n,r);break;case`delete`:{let e=this._getIdWithUnitId(t,n,r.cfId),i=this._disposableMap.get(e);i&&(i.dispose(),this._disposableMap.delete(e));break}case`set`:{let e=this._getIdWithUnitId(t,n,r.cfId),i=this._disposableMap.get(e);i&&(i.dispose(),this._disposableMap.delete(e)),this.register(t,n,r);break}}})),this.disposeWithMe(T(()=>{this._disposableMap.forEach(e=>{e.dispose()}),this._disposableMap.clear()}))}};ir=Q([Z(0,c(L)),Z(1,c(Xt)),Z(2,c(l))],ir);let ar=class extends i{constructor(e,t,n,r,i){super(),this._sheetClipboardService=e,this._conditionalFormattingRuleModel=t,this._injector=n,this._conditionalFormattingViewModel=r,this._univerInstanceService=i,X(this,`_copyInfo`,void 0),this._initClipboardHook()}_initClipboardHook(){this.disposeWithMe(this._sheetClipboardService.addClipboardHook({id:Le,onBeforeCopy:(e,t,n)=>this._collectConditionalRule(e,t,n),onPasteCells:(e,t,n,r)=>{let{copyType:i=Lt.COPY,pasteType:a}=r,{range:o}=e||{},{range:s}=t;return this._generateConditionalFormattingMutations(s,{copyType:i,pasteType:a,copyRange:o})}}))}_collectConditionalRule(e,t,n){let r=new p,i={};this._copyInfo={matrix:r,info:{unitId:e,subUnitId:t,cfMap:i}};let a=this._injector.invoke(r=>ye(n,r,e,t));if(!a)return;let{rows:o,cols:s}=a,c=new Set;o.forEach((n,i)=>{s.forEach((a,o)=>{let s=this._conditionalFormattingViewModel.getCellCfs(e,t,n,a);s&&(s.forEach(e=>c.add(e.cfId)),r.setValue(i,o,s.map(e=>e.cfId)))})}),c.forEach(n=>{let r=this._conditionalFormattingRuleModel.getRule(e,t,n);r&&(i[n]=r.rule)})}_generateConditionalFormattingMutations(e,t){let n=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET),r=n.getActiveSheet(),i=n.getUnitId();if(!r)return{redos:[],undos:[]};let a=r.getSheetId();if(t.copyType===Lt.CUT)return this._copyInfo=null,{redos:[],undos:[]};if(!this._copyInfo||!t.copyRange||![Vt.SPECIAL_PASTE_FORMAT,Vt.DEFAULT_PASTE,Vt.SPECIAL_PASTE_BESIDES_BORDER].includes(t.pasteType))return{redos:[],undos:[]};let{ranges:[o,s],mapFunc:c}=Kt([t.copyRange,e]),l=Wt(o,s,!0),u={};h.foreach(s,(e,t)=>{let{row:n,col:r}=c(e,t),o=this._conditionalFormattingViewModel.getCellCfs(i,a,n,r);o&&o.forEach(e=>{if(!u[e.cfId]){let t=new p;u[e.cfId]=t;let n=this._conditionalFormattingRuleModel.getRule(i,a,e.cfId);n==null||n.ranges.forEach(e=>{h.foreach(e,(e,n)=>{t.setValue(e,n,1)})})}u[e.cfId].realDeleteValue(n,r)})});let{matrix:d,info:f}=this._copyInfo,m=[],y=this._conditionalFormattingRuleModel.createCfId(i,a),b={},x=e=>{if(b[e])return b[e];let t=f==null?void 0:f.cfMap[e],n=[...this._conditionalFormattingRuleModel.getSubunitRules(i,a)||[],...m].find(e=>_.diffValue(e.rule,t));if(n)return b[e]=n,n;{let n={rule:t,cfId:y,ranges:[],stopIfTrue:!1};return b[e]=n,m.push(n),y=`${Number(y)+1}`,n}};l.forEach(e=>{d&&d.forValue((t,n,r)=>{let i=g.getPositionRange({startRow:t,endRow:t,startColumn:n,endColumn:n},e.startRange),{row:a,col:o}=c(i.startRow,i.startColumn);r.forEach(e=>{if(!u[e]){let t=x(e),n=new p;u[e]=n,t.ranges.forEach(e=>{h.foreach(e,(e,t)=>{n.setValue(e,t,1)})})}u[e].setValue(a,o,1)})})});let S=[],C=[];for(let e in u){let t=u[e],n=ve(_e(t));if(!n.length){let t={unitId:i,subUnitId:a,cfId:e};S.push({id:R.id,params:t}),C.push(...Ne(this._injector,t))}if(m.some(t=>t.cfId===e)){let t={unitId:i,subUnitId:a,rule:{...x(e),ranges:n}};S.push({id:A.id,params:t}),C.push(Se(this._injector,t))}else{let t=this._conditionalFormattingRuleModel.getRule(i,a,e);if(!t)continue;let r={unitId:i,subUnitId:a,rule:{...t,ranges:n}};S.push({id:z.id,params:r}),C.push(...Qe(this._injector,r))}}return{redos:S,undos:C}}};ar=Q([Z(0,c(Bt)),Z(1,c(L)),Z(2,c(l)),Z(3,c(De)),Z(4,c(s))],ar);let or=class extends i{constructor(e,t,n){super(),this._localeService=e,this._commandService=t,this._sheetPermissionCheckController=n,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{if(e.id===xe.id){let{unitId:t,subUnitId:n,rule:{ranges:r}}=e.params;this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[pe],rangeTypes:[oe],worksheetTypes:[me,he]},r,t,n)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.setStyleErr`))}}))}};or=Q([Z(0,c(f)),Z(1,a),Z(2,c(de))],or);let sr=class extends i{constructor(e,t,n,r,i,a){super(),this._sheetInterceptorService=e,this._conditionalFormattingService=t,this._univerInstanceService=n,this._renderManagerService=r,this._conditionalFormattingViewModel=i,this._conditionalFormattingRuleModel=a,X(this,`_ruleChangeCacheMap`,new Map),this._initViewModelInterceptor(),this._initSkeleton(),this.disposeWithMe(()=>{this._ruleChangeCacheMap.clear()})}_markDirtySkeleton(){var e,t;let n=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET).getUnitId();(e=this._renderManagerService.getRenderById(n))==null||e.with(Ht).reCalculate(),(t=this._renderManagerService.getRenderById(n))==null||(t=t.mainComponent)==null||t.makeDirty()}_initSkeleton(){this.disposeWithMe(Yt(this._conditionalFormattingRuleModel.$ruleChange,this._conditionalFormattingViewModel.markDirty$).pipe($t(16),tn(e=>!!e.length),tn(e=>{let t=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET);if(!t)return!1;let n=t.getActiveSheet();return n?e.filter(e=>e.unitId===t.getUnitId()&&e.subUnitId===n.getSheetId()).length>0:!1})).subscribe(()=>this._markDirtySkeleton()))}_initViewModelInterceptor(){this.disposeWithMe(this._sheetInterceptorService.intercept(ie.CELL_CONTENT,{effect:u.Style,handler:(e,t,n)=>{let r=this._conditionalFormattingService.composeStyle(t.unitId,t.subUnitId,t.row,t.col);if(!r)return n(e);let i=t.workbook.getStyles(),a=(typeof(e==null?void 0:e.s)==`string`?i.get(e==null?void 0:e.s):e==null?void 0:e.s)||{},o=e===t.rawData?{...t.rawData}:e;if(r.style){let e={...a,...r.style};Object.assign(o,{s:e})}return o.fontRenderExtension||(o.fontRenderExtension={},r.isShowValue!==void 0&&(o.fontRenderExtension.isSkip=!r.isShowValue)),r.dataBar&&(o.dataBar=r.dataBar),r.iconSet&&(o.iconSet=r.iconSet,o.fontRenderExtension.leftOffset=Ae+je),n(o)},priority:10}))}};sr=Q([Z(0,c(ue)),Z(1,c(Ee)),Z(2,c(s)),Z(3,c(Qt)),Z(4,c(De)),Z(5,c(L))],sr);let cr=class extends m{constructor(e=rr,t,n,r){super(),this._config=e,this._injector=t,this._commandService=n,this._configService=r;let{menu:i,...a}=S({},rr,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(nr,a),this._initCommand(),this._injector.add([sr]),this._injector.add([ar]),this._injector.add([or]),this._injector.add([Gn]),this._injector.add([ir])}_initCommand(){[nn,rn,an,on,sn,cn,ln,un,dn,Zn].forEach(e=>{this._commandService.registerCommand(e)})}};X(cr,`pluginName`,`${Le}_MOBILE_UI_PLUGIN`),X(cr,`packageName`,er),X(cr,`version`,tr),X(cr,`type`,v.UNIVER_SHEET),cr=Q([r(ze),Z(1,c(l)),Z(2,c(a)),Z(3,o)],cr);let lr=class extends i{constructor(e,t,n,r,i){super(),this._injector=e,this._univerInstanceService=t,this._autoFillService=n,this._conditionalFormattingRuleModel=r,this._conditionalFormattingViewModel=i,this._initAutoFill()}_initAutoFill(){let e=()=>({redos:[],undos:[]}),t=(e,t,n,r,i)=>{var a;let o=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET).getUnitId(),s=(a=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET).getActiveSheet())==null?void 0:a.getSheetId();if(!o||!s)return;let c={startRow:e.row,startColumn:e.col,endColumn:e.col,endRow:e.row},l={startRow:t.row,startColumn:t.col,endColumn:t.col,endRow:t.row};h.foreach(n,(e,t)=>{let n=g.getPositionRange({startRow:e,startColumn:t,endColumn:t,endRow:e},c),a=g.getPositionRange({startRow:e,startColumn:t,endColumn:t,endRow:e},l),{row:u,col:d}=i(n.startRow,n.startColumn),f=this._conditionalFormattingViewModel.getCellCfs(o,s,u,d),{row:m,col:_}=i(a.startRow,a.startColumn),v=this._conditionalFormattingViewModel.getCellCfs(o,s,m,_);v&&v.forEach(e=>{let t=r.get(e.cfId);if(!r.get(e.cfId)){let n=this._conditionalFormattingRuleModel.getRule(o,s,e.cfId);if(!n)return;t=new p,n.ranges.forEach(e=>{h.foreach(e,(e,n)=>{t.setValue(e,n,1)})}),r.set(e.cfId,t)}t.realDeleteValue(m,_)}),f&&f.forEach(e=>{let t=r.get(e.cfId);if(!r.get(e.cfId)){let n=this._conditionalFormattingRuleModel.getRule(o,s,e.cfId);if(!n)return;t=new p,n.ranges.forEach(e=>{h.foreach(e,(e,n)=>{t.setValue(e,n,1)})}),r.set(e.cfId,t)}t.setValue(m,_,1)})})},n=(n,r)=>{var i,a;let o=(i=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET))==null?void 0:i.getUnitId(),s=(a=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET))==null||(a=a.getActiveSheet())==null?void 0:a.getSheetId(),c=new Map,l=[],u=[];if(!o||!s)return e();let d=Kt([n,r]),[f,p]=d.ranges,{mapFunc:m}=d,h={row:f.startRow,col:f.startColumn};return O.getAutoFillRepeatRange(f,p).forEach(e=>{t(h,e.repeatStartCell,e.relativeRange,c,m)}),c.forEach((e,t)=>{let n=this._conditionalFormattingRuleModel.getRule(o,s,t);if(!n)return;let r=ve(_e(e));if(r.length){let e={unitId:o,subUnitId:s,rule:{...n,ranges:r}};l.push({id:z.id,params:e}),u.push(...Qe(this._injector,e))}else{let e={unitId:o,subUnitId:s,cfId:n.cfId};l.push({id:R.id,params:e}),u.push(...Ne(this._injector,e))}}),{undos:u,redos:l}},r={id:Le,onFillData:(t,r,i)=>{if(i===D.COPY||i===D.ONLY_FORMAT||i===D.SERIES){let{source:e,target:r}=t;return n(e,r)}return e()}};this.disposeWithMe(this._autoFillService.addHook(r))}};lr=Q([Z(0,c(l)),Z(1,c(s)),Z(2,c(re)),Z(3,c(L)),Z(4,c(De))],lr);let ur=class extends i{constructor(e,t){super(),this._sheetInterceptorService=e,this._conditionalFormattingService=t,this._initInterceptorEditorEnd()}_initInterceptorEditorEnd(){this.disposeWithMe(T(this._sheetInterceptorService.writeCellInterceptor.intercept(ee,{handler:(e,t,n)=>{var r;e||n(e);let i=this._conditionalFormattingService.composeStyle(t.unitId,t.subUnitId,t.row,t.col),a=(r=i==null?void 0:i.style)==null?{}:r,o=Object.keys(a);if(e!=null&&e.p){var s;return(s=e.p.body)==null||(s=s.textRuns)==null||s.forEach(e=>{e.ts&&o.forEach(t=>{var n;(n=e.ts)==null||delete n[t]})}),n(e)}else{let r={...(typeof(e==null?void 0:e.s)==`string`?t.workbook.getStyles().get(e.s):e==null?void 0:e.s)||{}};return o.forEach(e=>{delete r[e]}),n({...e,s:{...r}})}}})))}};ur=Q([Z(0,c(ue)),Z(1,c(Ee))],ur);const dr=(e,t)=>{let n=e=>e.endRow-e.startRow+1,r=e=>e.endColumn-e.startColumn+1,i=n(t)%n(e),a=r(t)%r(e),o=Math.floor(n(t)/n(e)),s=Math.floor(r(t)/r(e)),c=[],l={startRow:0,endRow:n(e)-1,startColumn:0,endColumn:r(e)-1};if(n(t)===1&&r(t)===1){let e={startRow:t.startRow,endRow:t.startRow,startColumn:t.startColumn,endColumn:t.startColumn};return c.push({repeatRelativeRange:l,startRange:e}),c}for(let u=0;u<o+(i?.1:0);u++)for(let d=0;d<s+(a?.1:0);d++){let f=n(e)*u,p=r(e)*d,m={startRow:f+t.startRow,endRow:f+t.startRow,startColumn:p+t.startColumn,endColumn:p+t.startColumn},h=l;u===o&&i&&(h={...h},h.endRow-=n(e)-i),d===s&&a&&(h={...h},h.endColumn-=r(e)-a),c.push({repeatRelativeRange:h,startRange:m})}return c};let fr=class extends i{constructor(e,t,n,r,i,a){super(),this._injector=e,this._univerInstanceService=t,this._formatPainterService=n,this._sheetsSelectionsService=r,this._conditionalFormattingRuleModel=i,this._conditionalFormattingViewModel=a,X(this,`_painterConfig`,null),this._initFormattingPainter()}_initFormattingPainter(){let e=()=>({redos:[],undos:[]}),t=(e,t,n,r,i)=>{let{unitId:a,subUnitId:o}=this._painterConfig,{targetUnitId:s,targetSubUnitId:c}=i,l={startRow:e.row,startColumn:e.col,endColumn:e.col,endRow:e.row},u={startRow:t.row,startColumn:t.col,endColumn:t.col,endRow:t.row};h.foreach(n,(e,t)=>{let n=g.getPositionRange({startRow:e,startColumn:t,endColumn:t,endRow:e},l),i=g.getPositionRange({startRow:e,startColumn:t,endColumn:t,endRow:e},u),d=this._conditionalFormattingViewModel.getCellCfs(a,o,n.startRow,n.startColumn),f=this._conditionalFormattingViewModel.getCellCfs(s,c,i.startRow,i.startColumn);f&&f.forEach(e=>{let t=r.get(e.cfId);if(!r.get(e.cfId)){let n=this._conditionalFormattingRuleModel.getRule(s,c,e.cfId);if(!n)return;t=new p,n.ranges.forEach(e=>{h.foreach(e,(e,n)=>{t.setValue(e,n,1)})}),r.set(e.cfId,t)}t.realDeleteValue(i.startRow,i.startColumn)}),d&&d.forEach(e=>{let t=r.get(e.cfId);t&&t.setValue(i.startRow,i.startColumn,1)})})},n=(n,r,i)=>{var a;let{range:o,unitId:s,subUnitId:c}=this._painterConfig,l=n!==s||c!==r,u=new Map,d=[],f=[];if(!n||!r||!s||!c)return e();let m=(a=this._conditionalFormattingRuleModel.getSubunitRules(s,c))==null?[]:a;m==null||m.forEach(e=>{let{ranges:t,cfId:n}=e;if(t.some(e=>g.intersects(o,e))){let e=new p;l||t.forEach(t=>{h.foreach(t,(t,n)=>{e.setValue(t,n,1)})}),u.set(n,e)}});let v={row:o.startRow,col:o.startColumn};return dr(o,i).forEach(e=>{t(v,{row:e.startRange.startRow,col:e.startRange.startColumn},e.repeatRelativeRange,u,{targetUnitId:n,targetSubUnitId:r})}),u.forEach((e,t)=>{if(l){let i=this._conditionalFormattingRuleModel.getRule(n,r,t),a=ve(_e(e));if(!i){if(a.length){let e=this._conditionalFormattingRuleModel.getRule(s,c,t);if(e){let t={unitId:n,subUnitId:r,rule:{..._.deepClone(e),cfId:this._conditionalFormattingRuleModel.createCfId(n,r),ranges:a}};d.push({id:A.id,params:t}),f.push(Se(this._injector,t))}}}else if(a.length){let e={unitId:n,subUnitId:r,rule:{...i,ranges:a}};d.push({id:z.id,params:e}),f.push(...Qe(this._injector,e))}else{let e={unitId:n,subUnitId:r,cfId:i.cfId};d.push({id:R.id,params:e}),f.push(...Ne(this._injector,e))}}else{let n=this._conditionalFormattingRuleModel.getRule(s,c,t);if(!n)return;let r=ve(_e(e));if(r.length){let e={unitId:s,subUnitId:c,rule:{...n,ranges:r}};d.push({id:z.id,params:e}),f.push(...Qe(this._injector,e))}else{let e={unitId:s,subUnitId:c,cfId:n.cfId};d.push({id:R.id,params:e}),f.push(...Ne(this._injector,e))}}}),{undos:f,redos:d}},r={id:Le,onStatusChange:e=>{switch(e){case Rt.INFINITE:case Rt.ONCE:{var t,n;let e=(t=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET))==null?void 0:t.getUnitId(),r=(n=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET))==null||(n=n.getActiveSheet())==null?void 0:n.getSheetId(),i=this._sheetsSelectionsService.getCurrentLastSelection(),a=i==null?void 0:i.range;e&&r&&a&&(this._painterConfig={unitId:e,subUnitId:r,range:a});break}case Rt.OFF:this._painterConfig=null;break}},onApply:(e,t,r)=>this._painterConfig?n(e,t,r):{redos:[],undos:[]}};this._formatPainterService.addHook(r)}};fr=Q([Z(0,c(l)),Z(1,c(s)),Z(2,c(zt)),Z(3,c(fe)),Z(4,c(L)),Z(5,c(De))],fr);let pr=class extends i{constructor(e,t,n){super(),this._conditionalFormattingViewModel=e,this._univerInstanceService=t,this._renderManagerService=n,this._init()}_init(){let e=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET),t=e=>{let t=e.getUnitId(),n=this._renderManagerService.getRenderById(t);if(!n)return;let r=n.with(Ht);this.disposeWithMe(r.currentSkeleton$.subscribe(e=>{if(e){let t=e.skeleton.rowColumnSegment,n=t.endColumn-t.startColumn+1,r=(t.endRow-t.startRow+1)*n*9,i=Math.max(Ce,r);this._conditionalFormattingViewModel.setCacheLength(i)}}))};e&&t(e),this._univerInstanceService.getCurrentTypeOfUnit$(v.UNIVER_SHEET).subscribe(e=>{e&&t(e)})}};pr=Q([Z(0,c(De)),Z(1,s),Z(2,Qt)],pr);const mr=[le.id,A.id,z.id,R.id,Ie.id],hr=[{label:{name:`sheet.cf.ruleType.highlightCell`,selectable:!1},value:$.highlightCell},{label:{name:`sheet.cf.panel.rankAndAverage`,selectable:!1},value:$.rank},{label:{name:`sheet.cf.ruleType.formula`,selectable:!1},value:$.formula},{label:{name:`sheet.cf.ruleType.colorScale`,selectable:!1},value:$.colorScale},{label:{name:`sheet.cf.ruleType.dataBar`,selectable:!1},value:$.dataBar},{label:{name:`sheet.cf.ruleType.iconSet`,selectable:!1},value:$.icon},{label:{name:`sheet.cf.menu.manageConditionalFormatting`,selectable:!1},value:$.viewRule},{label:{name:`sheet.cf.menu.createConditionalFormatting`,selectable:!1},value:$.createRule},{label:{name:`sheet.cf.menu.clearRangeRules`,selectable:!1},value:$.clearRangeRules,disabled:!1},{label:{name:`sheet.cf.menu.clearWorkSheetRules`,selectable:!1},value:$.clearWorkSheetRules}],gr=e=>{let t=e.get(fe),n=e.get(a),r=e.get(s),i=e.get(L),o=new qt(a=>Yt(t.selectionMoveEnd$,t.selectionSet$,new qt(e=>{let t=n.onCommandExecuted(t=>{var n;let{id:i,params:a}=t,o=(n=r.getCurrentUnitForType(v.UNIVER_SHEET))==null?void 0:n.getUnitId();mr.includes(i)&&a.unitId===o&&e.next(null)});return()=>t.dispose()})).pipe(en(16)).subscribe(()=>{var n;let o=((n=t.getCurrentSelections())==null?void 0:n.map(e=>e.range))||[],s=r.getCurrentUnitForType(v.UNIVER_SHEET);if(!s)return;let c=s.getActiveSheet();if(!c)return;let l=(i.getSubunitRules(s.getUnitId(),c.getSheetId())||[]).filter(e=>e.ranges.some(e=>o.some(t=>g.intersects(t,e)))).map(e=>e.ranges).every(t=>ge(e,s.getUnitId(),c.getSheetId(),t));a.next(l)})),c=new qt(t=>new qt(e=>{let t=n.onCommandExecuted(t=>{var n;let{id:i,params:a}=t,o=(n=r.getCurrentUnitForType(v.UNIVER_SHEET))==null?void 0:n.getUnitId();mr.includes(i)&&a.unitId===o&&e.next(null)});return()=>t.dispose()}).pipe(en(16)).subscribe(()=>{let n=r.getCurrentUnitForType(v.UNIVER_SHEET);if(!n)return;let a=n.getActiveSheet();if(!a)return;let o=i.getSubunitRules(n.getUnitId(),a.getSheetId())||[];if(!o.length)return t.next(!1),!1;let s=o.map(e=>e.ranges).every(t=>ge(e,n.getUnitId(),a.getSheetId(),t));t.next(s)})),l=new qt(e=>{o.subscribe(t=>{let n=hr.find(e=>e.value===$.clearRangeRules);n&&(n.disabled=!t,e.next(hr))}),c.subscribe(t=>{let n=hr.find(e=>e.value===$.clearWorkSheetRules);n&&(n.disabled=!t,e.next(hr))}),e.next(hr)});return{id:Zn.id,type:rt.SELECTOR,icon:`ConditionsDoubleIcon`,tooltip:`sheet.cf.title`,selections:l,hidden$:at(e,v.UNIVER_SHEET),disabled$:Ut(e,{workbookTypes:[pe],worksheetTypes:[he,me],rangeTypes:[oe]})}},_r={[it.RULES]:{[Zn.id]:{order:1,menuItemFactory:gr}}};let vr=class extends i{constructor(e,t){super(),this._injector=e,this._menuManagerService=t,X(this,`_sidebarDisposable`,null),this._menuManagerService.mergeMenu(_r)}};vr=Q([Z(0,c(l)),Z(1,tt)],vr);let yr=class extends m{constructor(e=rr,t,n,r){super(),this._config=e,this._injector=t,this._commandService=n,this._configService=r;let{menu:i,...a}=S({},rr,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(nr,a),this._initCommand()}onStarting(){C(this._injector,[[sr],[ar],[lr],[or],[Xn],[vr],[Gn],[ur],[Qn],[fr],[pr],[ir]]),E(this._injector,[[sr],[ir]])}onReady(){E(this._injector,[[vr],[Xn]])}onRendered(){E(this._injector,[[lr],[Qn],[ar],[ur],[Gn],[fr],[or],[pr]])}_initCommand(){[nn,rn,an,on,sn,cn,ln,un,dn,Zn].forEach(e=>{this._commandService.registerCommand(e)})}};X(yr,`pluginName`,`${Le}_UI_PLUGIN`),X(yr,`packageName`,er),X(yr,`version`,tr),X(yr,`type`,v.UNIVER_SHEET),yr=Q([r(ze,Zt),Z(1,c(l)),Z(2,c(a)),Z(3,o)],yr);export{nn as AddAverageCfCommand,rn as AddColorScaleConditionalRuleCommand,an as AddDataBarConditionalRuleCommand,on as AddDuplicateValuesCfCommand,sn as AddNumberCfCommand,cn as AddRankCfCommand,ln as AddTextCfCommand,un as AddTimePeriodCfCommand,dn as AddUniqueValuesCfCommand,Qn as ConditionalFormattingClearController,Zn as OpenConditionalFormattingOperator,cr as UniverSheetsConditionalFormattingMobileUIPlugin,yr as UniverSheetsConditionalFormattingUIPlugin};