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

package/lib/es/index.js

@@ -8,7 +8,6 @@ import { Button, DatePanel, RectPopup, Scrollbar, FormLayout, RadioGroup, Radio,
 import { SetRangeValuesCommand, SheetsSelectionsService, getSheetCommandTarget, WorkbookEditablePermission, RangeProtectionPermissionEditPoint, WorksheetEditPermission, checkRangesEditablePermission, WorksheetSetCellStylePermission, SheetInterceptorService, INTERCEPTOR_POINT, InterceptCellContentPriority } from "@univerjs/sheets";
 import { SheetDataValidationModel, getCellValueOrigin, getDataValidationCellValue, deserializeListOptions, serializeListOptions, UpdateSheetDataValidationRangeCommand, UpdateSheetDataValidationSettingCommand, RemoveSheetDataValidationCommand, UpdateSheetDataValidationOptionsCommand, createDefaultNewRule, AddSheetDataValidationCommand, RemoveSheetAllDataValidationCommand, DATA_VALIDATION_PLUGIN_NAME, getDataValidationDiffMutations, DataValidationFormulaController, DataValidationFormulaService, getFormulaResult, transformCheckboxValue, CHECKBOX_FORMULA_1, CHECKBOX_FORMULA_2 } from "@univerjs/sheets-data-validation";
 import { getPatternType } from "@univerjs/sheets-numfmt";
-import dayjs from "dayjs";
 import { DataValidatorRegistryService, DataValidationModel, DataValidatorRegistryScope, TWO_FORMULA_OPERATOR_COUNT, getRuleOptions, getRuleSetting } from "@univerjs/data-validation";
 import { IEditorBridgeService, SheetCanvasPopManagerService, SheetPermissionInterceptorBaseController, IMarkSelectionService, HoverManagerService, CellAlertManagerService, CellAlertType, IAutoFillService, APPLY_TYPE, virtualizeDiscreteRanges, getAutoFillRepeatRange, COPY_TYPE, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService, getCurrentRangeDisable$, AutoHeightController, SheetSkeletonManagerService } from "@univerjs/sheets-ui";
 import { IDialogService, ISidebarService, useObservable, ComponentManager, IZenZoneService, KeyCode, useEvent, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, IMenuManagerService } from "@univerjs/ui";
@@ -17,7 +16,6 @@ import { IRenderManagerService, DeviceInputEventType, fixLineWidthByScale, Trans
 import { filter, BehaviorSubject, distinctUntilChanged, Subject, debounceTime, bufferTime } from "rxjs";
 import { RangeSelector, TextEditor } from "@univerjs/docs-ui";
 import { serializeRange } from "@univerjs/engine-formula";
-import cs from "clsx";
 var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
@@ -46,7 +44,286 @@ reactJsxRuntime_production_min.Fragment = l;
 reactJsxRuntime_production_min.jsx = q;
 reactJsxRuntime_production_min.jsxs = q;
 jsxRuntime.exports = reactJsxRuntime_production_min;
-var jsxRuntimeExports = jsxRuntime.exports, utc$1 = { exports: {} };
+var jsxRuntimeExports = jsxRuntime.exports, dayjs_min = { exports: {} };
+(function(module, exports) {
+  (function(t, e) {
+    module.exports = e();
+  })(commonjsGlobal, function() {
+    var t = 1e3, e = 6e4, n2 = 36e5, r2 = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f2 = "quarter", h = "year", d = "date", l2 = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: /* @__PURE__ */ __name(function(t2) {
+      var e2 = ["th", "st", "nd", "rd"], n3 = t2 % 100;
+      return "[" + t2 + (e2[(n3 - 20) % 10] || e2[n3] || e2[0]) + "]";
+    }, "ordinal") }, m2 = /* @__PURE__ */ __name(function(t2, e2, n3) {
+      var r3 = String(t2);
+      return !r3 || r3.length >= e2 ? t2 : "" + Array(e2 + 1 - r3.length).join(n3) + t2;
+    }, "m"), v = { s: m2, z: /* @__PURE__ */ __name(function(t2) {
+      var e2 = -t2.utcOffset(), n3 = Math.abs(e2), r3 = Math.floor(n3 / 60), i2 = n3 % 60;
+      return (e2 <= 0 ? "+" : "-") + m2(r3, 2, "0") + ":" + m2(i2, 2, "0");
+    }, "z"), m: /* @__PURE__ */ __name(function t2(e2, n3) {
+      if (e2.date() < n3.date()) return -t2(n3, e2);
+      var r3 = 12 * (n3.year() - e2.year()) + (n3.month() - e2.month()), i2 = e2.clone().add(r3, c), s2 = n3 - i2 < 0, u2 = e2.clone().add(r3 + (s2 ? -1 : 1), c);
+      return +(-(r3 + (n3 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+    }, "t"), a: /* @__PURE__ */ __name(function(t2) {
+      return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+    }, "a"), p: /* @__PURE__ */ __name(function(t2) {
+      return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r2, Q: f2 }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+    }, "p"), u: /* @__PURE__ */ __name(function(t2) {
+      return t2 === void 0;
+    }, "u") }, g = "en", D = {};
+    D[g] = M;
+    var p2 = "$isDayjsObject", S = /* @__PURE__ */ __name(function(t2) {
+      return t2 instanceof _ || !(!t2 || !t2[p2]);
+    }, "S"), w = /* @__PURE__ */ __name(function t2(e2, n3, r3) {
+      var i2;
+      if (!e2) return g;
+      if (typeof e2 == "string") {
+        var s2 = e2.toLowerCase();
+        D[s2] && (i2 = s2), n3 && (D[s2] = n3, i2 = s2);
+        var u2 = e2.split("-");
+        if (!i2 && u2.length > 1) return t2(u2[0]);
+      } else {
+        var a2 = e2.name;
+        D[a2] = e2, i2 = a2;
+      }
+      return !r3 && i2 && (g = i2), i2 || !r3 && g;
+    }, "t"), O = /* @__PURE__ */ __name(function(t2, e2) {
+      if (S(t2)) return t2.clone();
+      var n3 = typeof e2 == "object" ? e2 : {};
+      return n3.date = t2, n3.args = arguments, new _(n3);
+    }, "O"), b = v;
+    b.l = w, b.i = S, b.w = function(t2, e2) {
+      return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+    };
+    var _ = function() {
+      function M2(t2) {
+        this.$L = w(t2.locale, null, !0), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p2] = !0;
+      }
+      __name(M2, "M");
+      var m3 = M2.prototype;
+      return m3.parse = function(t2) {
+        this.$d = function(t3) {
+          var e2 = t3.date, n3 = t3.utc;
+          if (e2 === null) return /* @__PURE__ */ new Date(NaN);
+          if (b.u(e2)) return /* @__PURE__ */ new Date();
+          if (e2 instanceof Date) return new Date(e2);
+          if (typeof e2 == "string" && !/Z$/i.test(e2)) {
+            var r3 = e2.match($);
+            if (r3) {
+              var i2 = r3[2] - 1 || 0, s2 = (r3[7] || "0").substring(0, 3);
+              return n3 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2);
+            }
+          }
+          return new Date(e2);
+        }(t2), this.init();
+      }, m3.init = function() {
+        var t2 = this.$d;
+        this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+      }, m3.$utils = function() {
+        return b;
+      }, m3.isValid = function() {
+        return this.$d.toString() !== l2;
+      }, m3.isSame = function(t2, e2) {
+        var n3 = O(t2);
+        return this.startOf(e2) <= n3 && n3 <= this.endOf(e2);
+      }, m3.isAfter = function(t2, e2) {
+        return O(t2) < this.startOf(e2);
+      }, m3.isBefore = function(t2, e2) {
+        return this.endOf(e2) < O(t2);
+      }, m3.$g = function(t2, e2, n3) {
+        return b.u(t2) ? this[e2] : this.set(n3, t2);
+      }, m3.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, m3.valueOf = function() {
+        return this.$d.getTime();
+      }, m3.startOf = function(t2, e2) {
+        var n3 = this, r3 = !!b.u(e2) || e2, f3 = b.p(t2), l3 = /* @__PURE__ */ __name(function(t3, e3) {
+          var i2 = b.w(n3.$u ? Date.UTC(n3.$y, e3, t3) : new Date(n3.$y, e3, t3), n3);
+          return r3 ? i2 : i2.endOf(a);
+        }, "l"), $2 = /* @__PURE__ */ __name(function(t3, e3) {
+          return b.w(n3.toDate()[t3].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n3);
+        }, "$"), y2 = this.$W, M3 = this.$M, m4 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+        switch (f3) {
+          case h:
+            return r3 ? l3(1, 0) : l3(31, 11);
+          case c:
+            return r3 ? l3(1, M3) : l3(0, M3 + 1);
+          case o:
+            var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+            return l3(r3 ? m4 - D2 : m4 + (6 - D2), M3);
+          case a:
+          case d:
+            return $2(v2 + "Hours", 0);
+          case u:
+            return $2(v2 + "Minutes", 1);
+          case s:
+            return $2(v2 + "Seconds", 2);
+          case i:
+            return $2(v2 + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, m3.endOf = function(t2) {
+        return this.startOf(t2, !1);
+      }, m3.$set = function(t2, e2) {
+        var n3, o2 = b.p(t2), f3 = "set" + (this.$u ? "UTC" : ""), l3 = (n3 = {}, n3[a] = f3 + "Date", n3[d] = f3 + "Date", n3[c] = f3 + "Month", n3[h] = f3 + "FullYear", n3[u] = f3 + "Hours", n3[s] = f3 + "Minutes", n3[i] = f3 + "Seconds", n3[r2] = f3 + "Milliseconds", n3)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+        if (o2 === c || o2 === h) {
+          var y2 = this.clone().set(d, 1);
+          y2.$d[l3]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+        } else l3 && this.$d[l3]($2);
+        return this.init(), this;
+      }, m3.set = function(t2, e2) {
+        return this.clone().$set(t2, e2);
+      }, m3.get = function(t2) {
+        return this[b.p(t2)]();
+      }, m3.add = function(r3, f3) {
+        var d2, l3 = this;
+        r3 = Number(r3);
+        var $2 = b.p(f3), y2 = /* @__PURE__ */ __name(function(t2) {
+          var e2 = O(l3);
+          return b.w(e2.date(e2.date() + Math.round(t2 * r3)), l3);
+        }, "y");
+        if ($2 === c) return this.set(c, this.$M + r3);
+        if ($2 === h) return this.set(h, this.$y + r3);
+        if ($2 === a) return y2(1);
+        if ($2 === o) return y2(7);
+        var M3 = (d2 = {}, d2[s] = e, d2[u] = n2, d2[i] = t, d2)[$2] || 1, m4 = this.$d.getTime() + r3 * M3;
+        return b.w(m4, this);
+      }, m3.subtract = function(t2, e2) {
+        return this.add(-1 * t2, e2);
+      }, m3.format = function(t2) {
+        var e2 = this, n3 = this.$locale();
+        if (!this.isValid()) return n3.invalidDate || l2;
+        var r3 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n3.weekdays, c2 = n3.months, f3 = n3.meridiem, h2 = /* @__PURE__ */ __name(function(t3, n4, i3, s3) {
+          return t3 && (t3[n4] || t3(e2, r3)) || i3[n4].slice(0, s3);
+        }, "h"), d2 = /* @__PURE__ */ __name(function(t3) {
+          return b.s(s2 % 12 || 12, t3, "0");
+        }, "d"), $2 = f3 || function(t3, e3, n4) {
+          var r4 = t3 < 12 ? "AM" : "PM";
+          return n4 ? r4.toLowerCase() : r4;
+        };
+        return r3.replace(y, function(t3, r4) {
+          return r4 || function(t4) {
+            switch (t4) {
+              case "YY":
+                return String(e2.$y).slice(-2);
+              case "YYYY":
+                return b.s(e2.$y, 4, "0");
+              case "M":
+                return a2 + 1;
+              case "MM":
+                return b.s(a2 + 1, 2, "0");
+              case "MMM":
+                return h2(n3.monthsShort, a2, c2, 3);
+              case "MMMM":
+                return h2(c2, a2);
+              case "D":
+                return e2.$D;
+              case "DD":
+                return b.s(e2.$D, 2, "0");
+              case "d":
+                return String(e2.$W);
+              case "dd":
+                return h2(n3.weekdaysMin, e2.$W, o2, 2);
+              case "ddd":
+                return h2(n3.weekdaysShort, e2.$W, o2, 3);
+              case "dddd":
+                return o2[e2.$W];
+              case "H":
+                return String(s2);
+              case "HH":
+                return b.s(s2, 2, "0");
+              case "h":
+                return d2(1);
+              case "hh":
+                return d2(2);
+              case "a":
+                return $2(s2, u2, !0);
+              case "A":
+                return $2(s2, u2, !1);
+              case "m":
+                return String(u2);
+              case "mm":
+                return b.s(u2, 2, "0");
+              case "s":
+                return String(e2.$s);
+              case "ss":
+                return b.s(e2.$s, 2, "0");
+              case "SSS":
+                return b.s(e2.$ms, 3, "0");
+              case "Z":
+                return i2;
+            }
+            return null;
+          }(t3) || i2.replace(":", "");
+        });
+      }, m3.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, m3.diff = function(r3, d2, l3) {
+        var $2, y2 = this, M3 = b.p(d2), m4 = O(r3), v2 = (m4.utcOffset() - this.utcOffset()) * e, g2 = this - m4, D2 = /* @__PURE__ */ __name(function() {
+          return b.m(y2, m4);
+        }, "D");
+        switch (M3) {
+          case h:
+            $2 = D2() / 12;
+            break;
+          case c:
+            $2 = D2();
+            break;
+          case f2:
+            $2 = D2() / 3;
+            break;
+          case o:
+            $2 = (g2 - v2) / 6048e5;
+            break;
+          case a:
+            $2 = (g2 - v2) / 864e5;
+            break;
+          case u:
+            $2 = g2 / n2;
+            break;
+          case s:
+            $2 = g2 / e;
+            break;
+          case i:
+            $2 = g2 / t;
+            break;
+          default:
+            $2 = g2;
+        }
+        return l3 ? $2 : b.a($2);
+      }, m3.daysInMonth = function() {
+        return this.endOf(c).$D;
+      }, m3.$locale = function() {
+        return D[this.$L];
+      }, m3.locale = function(t2, e2) {
+        if (!t2) return this.$L;
+        var n3 = this.clone(), r3 = w(t2, e2, !0);
+        return r3 && (n3.$L = r3), n3;
+      }, m3.clone = function() {
+        return b.w(this.$d, this);
+      }, m3.toDate = function() {
+        return new Date(this.valueOf());
+      }, m3.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, m3.toISOString = function() {
+        return this.$d.toISOString();
+      }, m3.toString = function() {
+        return this.$d.toUTCString();
+      }, M2;
+    }(), k2 = _.prototype;
+    return O.prototype = k2, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+      k2[t2[1]] = function(e2) {
+        return this.$g(e2, t2[0], t2[1]);
+      };
+    }), O.extend = function(t2, e2) {
+      return t2.$i || (t2(e2, _, O), t2.$i = !0), O;
+    }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+      return O(1e3 * t2);
+    }, O.en = D[g], O.Ls = D, O.p = {}, O;
+  });
+})(dayjs_min);
+var dayjs_minExports = dayjs_min.exports;
+const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
+var utc$1 = { exports: {} };
 (function(module, exports) {
   (function(t, i) {
     module.exports = i();
@@ -67,12 +344,12 @@ var jsxRuntimeExports = jsxRuntime.exports, utc$1 = { exports: {} };
       u.parse = function(t2) {
         t2.utc && (this.$u = !0), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), o.call(this, t2);
       };
-      var r = u.init;
+      var r2 = u.init;
       u.init = function() {
         if (this.$u) {
           var t2 = this.$d;
           this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
-        } else r.call(this);
+        } else r2.call(this);
       };
       var a = u.utcOffset;
       u.utcOffset = function(s2, f3) {
@@ -88,8 +365,8 @@ var jsxRuntimeExports = jsxRuntime.exports, utc$1 = { exports: {} };
         var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2, o2 = this;
         if (f3) return o2.$offset = u2, o2.$u = s2 === 0, o2;
         if (s2 !== 0) {
-          var r2 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-          (o2 = this.local().add(u2 + r2, t)).$offset = u2, o2.$x.$localOffset = r2;
+          var r3 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          (o2 = this.local().add(u2 + r3, t)).$offset = u2, o2.$x.$localOffset = r3;
         } else o2 = this.utc();
         return o2;
       };
@@ -1912,6 +2189,21 @@ function CustomFormulaInput(props) {
   ) });
 }
 __name(CustomFormulaInput, "CustomFormulaInput");
+function r(e) {
+  var t, f2, n2 = "";
+  if (typeof e == "string" || typeof e == "number") n2 += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f2 = r(e[t])) && (n2 && (n2 += " "), n2 += f2);
+  } else for (f2 in e) e[f2] && (n2 && (n2 += " "), n2 += f2);
+  return n2;
+}
+__name(r, "r");
+function clsx() {
+  for (var e, t, f2 = 0, n2 = "", o = arguments.length; f2 < o; f2++) (e = arguments[f2]) && (t = r(e)) && (n2 && (n2 += " "), n2 += t);
+  return n2;
+}
+__name(clsx, "clsx");
 const DEFAULT_COLOR_PRESET = [
   "#FFFFFF",
   "#FEE7E7",
@@ -1974,7 +2266,7 @@ const DEFAULT_COLOR_PRESET = [
 }, "ColorSelect"), Template = /* @__PURE__ */ __name((props) => {
   const { item, commonProps, style } = props, { onItemChange, onItemDelete } = commonProps;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.dataValidationFormulaListItem, style, children: [
-    item.isRef ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cs(styles.dataValidationFormulaListItemDrag, "draggableHandle"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(SequenceSingle, {}) }),
+    item.isRef ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles.dataValidationFormulaListItemDrag, "draggableHandle"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(SequenceSingle, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ColorSelect,
       {
@@ -2709,10 +3001,10 @@ let DropdownWidget = (_a13 = class {
     }, cellWidth = cellBounding.endX - cellBounding.startX, cellHeight = cellBounding.endY - cellBounding.startY, map = this._ensureMap(subUnitId), key = this._generateKey(row, col), list = validator.getListWithColor(rule), value = getCellValueOrigin(data), valueStr = `${value != null ? value : ""}`, activeItem = list.find((i) => i.label === valueStr);
     let { tb, vt, ht, pd } = style || {};
     if (tb = tb != null ? tb : WrapStrategy.WRAP, vt = vt != null ? vt : VerticalAlign.BOTTOM, ht = ht != null ? ht : DEFAULT_STYLES.ht, pd = pd != null ? pd : DEFAULT_STYLES.pd, rule.renderMode === DataValidationRenderMode.ARROW) {
-      const { l: l2 = DEFAULT_STYLES.pd.l, t = DEFAULT_STYLES.pd.t, r = DEFAULT_STYLES.pd.r, b = DEFAULT_STYLES.pd.b } = pd, realWidth = cellWidth - l2 - r - ICON_PLACE - 4, { documentSkeleton, documents, docModel } = createDocuments(valueStr, this._localeService, style);
+      const { l: l2 = DEFAULT_STYLES.pd.l, t = DEFAULT_STYLES.pd.t, r: r2 = DEFAULT_STYLES.pd.r, b = DEFAULT_STYLES.pd.b } = pd, realWidth = cellWidth - l2 - r2 - ICON_PLACE - 4, { documentSkeleton, documents, docModel } = createDocuments(valueStr, this._localeService, style);
       tb === WrapStrategy.WRAP && docModel.updateDocumentDataPageSize(Math.max(realWidth, 1)), documentSkeleton.calculate(), documentSkeleton.getActualSize();
       const textLayout = getDocsSkeletonPageSize(documentSkeleton), { height: fontHeight, width: fontWidth } = textLayout, { paddingTop, paddingLeft } = calcPadding(realWidth, cellHeight - t - b, fontWidth, fontHeight, vt, ht, !0);
-      this._drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, fontHeight, vt, pd), ctx.save(), ctx.translateWithPrecision(cellBounding.startX + l2, cellBounding.startY + t), ctx.beginPath(), ctx.rect(0, 0, cellWidth - l2 - r, cellHeight - t - b), ctx.clip(), ctx.translateWithPrecision(0, paddingTop), ctx.save(), ctx.translateWithPrecision(PADDING_H, 0), ctx.beginPath(), ctx.rect(0, 0, realWidth, fontHeight), ctx.clip(), documents.render(ctx), ctx.translateWithPrecision(paddingLeft, 0), ctx.restore(), ctx.restore(), map.set(key, {
+      this._drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, fontHeight, vt, pd), ctx.save(), ctx.translateWithPrecision(cellBounding.startX + l2, cellBounding.startY + t), ctx.beginPath(), ctx.rect(0, 0, cellWidth - l2 - r2, cellHeight - t - b), ctx.clip(), ctx.translateWithPrecision(0, paddingTop), ctx.save(), ctx.translateWithPrecision(PADDING_H, 0), ctx.beginPath(), ctx.rect(0, 0, realWidth, fontHeight), ctx.clip(), documents.render(ctx), ctx.translateWithPrecision(paddingLeft, 0), ctx.restore(), ctx.restore(), map.set(key, {
         left: cellBounding.endX + l2 + skeleton.rowHeaderWidth - ICON_PLACE,
         top: cellBounding.startY + t + skeleton.columnHeaderHeight,
         width: ICON_PLACE,