@leankylin-sheet/react 2.0.13 → 2.0.15

package/dist/index.umd.js

@@ -9,37 +9,6 @@
   var crypto__default = /*#__PURE__*/_interopDefaultLegacy(crypto);
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-  function _arrayLikeToArray(r, a) {
-    (null == a || a > r.length) && (a = r.length);
-    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-    return n;
-  }
-  function _arrayWithHoles(r) {
-    if (Array.isArray(r)) return r;
-  }
-  function _arrayWithoutHoles(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray(r);
-  }
-  function _defineProperty(e, r, t) {
-    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-      value: t,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }) : e[r] = t, e;
-  }
-  function _extends() {
-    return _extends = Object.assign ? Object.assign.bind() : function (n) {
-      for (var e = 1; e < arguments.length; e++) {
-        var t = arguments[e];
-        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-      }
-      return n;
-    }, _extends.apply(null, arguments);
-  }
-  function _iterableToArray(r) {
-    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-  }
   function _iterableToArrayLimit(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
@@ -67,15 +36,6 @@
       return a;
     }
   }
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  function _objectDestructuringEmpty(t) {
-    if (null == t) throw new TypeError("Cannot destructure " + t);
-  }
   function ownKeys(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -97,32 +57,6 @@
     }
     return e;
   }
-  function _objectWithoutProperties(e, t) {
-    if (null == e) return {};
-    var o,
-      r,
-      i = _objectWithoutPropertiesLoose(e, t);
-    if (Object.getOwnPropertySymbols) {
-      var s = Object.getOwnPropertySymbols(e);
-      for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-    }
-    return i;
-  }
-  function _objectWithoutPropertiesLoose(r, e) {
-    if (null == r) return {};
-    var t = {};
-    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-      if (e.includes(n)) continue;
-      t[n] = r[n];
-    }
-    return t;
-  }
-  function _slicedToArray(r, e) {
-    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-  }
-  function _toConsumableArray(r) {
-    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-  }
   function _toPrimitive(t, r) {
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
@@ -137,12 +71,97 @@
     var i = _toPrimitive(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
-  function _unsupportedIterableToArray(r, a) {
-    if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray(r, a);
-      var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
     }
+    return obj;
+  }
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+  function _objectDestructuringEmpty(obj) {
+    if (obj == null) throw new TypeError("Cannot destructure " + obj);
+  }
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+    return target;
+  }
+  function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+      for (i = 0; i < sourceSymbolKeys.length; i++) {
+        key = sourceSymbolKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+      }
+    }
+    return target;
+  }
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -18460,7 +18479,7 @@
   }
 
   function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-  function _defineProperty$1(obj, key, value) { key = _toPropertyKey$1(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+  function _defineProperty$1(e, r, t) { return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
   function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
   function _toPrimitive$1(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
   var ERROR = 'ERROR';
@@ -32403,12 +32422,12 @@
   }
   func$c.SYMBOL = SYMBOL$c;
 
-  function _toConsumableArray$1(arr) { return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread$1(); }
+  function _toConsumableArray$1(r) { return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$1(); }
   function _nonIterableSpread$1() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-  function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
-  function _iterableToArray$1(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-  function _arrayWithoutHoles$1(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$1(arr); }
-  function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+  function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
+  function _iterableToArray$1(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+  function _arrayWithoutHoles$1(r) { if (Array.isArray(r)) return _arrayLikeToArray$1(r); }
+  function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var availableOperators = Object.create(null);
 
   /**
@@ -33957,12 +33976,12 @@
     return string;
   }
 
-  function _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$1(); }
+  function _slicedToArray$1(r, e) { return _arrayWithHoles$1(r) || _iterableToArrayLimit$1(r, e) || _unsupportedIterableToArray$2(r, e) || _nonIterableRest$1(); }
   function _nonIterableRest$1() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-  function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
-  function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+  function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
+  function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function _iterableToArrayLimit$1(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-  function _arrayWithHoles$1(arr) { if (Array.isArray(arr)) return arr; }
+  function _arrayWithHoles$1(r) { if (Array.isArray(r)) return r; }
   /**
    * Convert row label to index.
    *
@@ -34076,24 +34095,24 @@
   }
 
   function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$1(o); }
-  function _slicedToArray$2(arr, i) { return _arrayWithHoles$2(arr) || _iterableToArrayLimit$2(arr, i) || _unsupportedIterableToArray$3(arr, i) || _nonIterableRest$2(); }
+  function _slicedToArray$2(r, e) { return _arrayWithHoles$2(r) || _iterableToArrayLimit$2(r, e) || _unsupportedIterableToArray$3(r, e) || _nonIterableRest$2(); }
   function _nonIterableRest$2() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-  function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen); }
-  function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+  function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
+  function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function _iterableToArrayLimit$2(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-  function _arrayWithHoles$2(arr) { if (Array.isArray(arr)) return arr; }
-  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey$2(descriptor.key), descriptor); } }
-  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+  function _arrayWithHoles$2(r) { if (Array.isArray(r)) return r; }
+  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey$2(o.key), o); } }
+  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
   function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$1(i) ? i : i + ""; }
   function _toPrimitive$2(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
   function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-  function _possibleConstructorReturn(self, call) { if (call && (_typeof$1(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+  function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof$1(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+  function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
   function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+  function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+  function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+  function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 
   /**
    * @class Parser
@@ -34439,6 +34458,67 @@
     return stringify(rnds);
   }
 
+  function _arrayLikeToArray$4(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+  function _arrayWithHoles$3(r) {
+    if (Array.isArray(r)) return r;
+  }
+  function _arrayWithoutHoles$2(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray$4(r);
+  }
+  function asyncGeneratorStep(n, t, e, r, o, a, c) {
+    try {
+      var i = n[a](c),
+        u = i.value;
+    } catch (n) {
+      return void e(n);
+    }
+    i.done ? t(u) : Promise.resolve(u).then(r, o);
+  }
+  function _asyncToGenerator(n) {
+    return function () {
+      var t = this,
+        e = arguments;
+      return new Promise(function (r, o) {
+        var a = n.apply(t, e);
+        function _next(n) {
+          asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+        }
+        function _throw(n) {
+          asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+        }
+        _next(void 0);
+      });
+    };
+  }
+  function _classCallCheck$1(a, n) {
+    if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+  }
+  function _defineProperties$1(e, r) {
+    for (var t = 0; t < r.length; t++) {
+      var o = r[t];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey$3(o.key), o);
+    }
+  }
+  function _createClass$1(e, r, t) {
+    return r && _defineProperties$1(e.prototype, r), t && _defineProperties$1(e, t), Object.defineProperty(e, "prototype", {
+      writable: !1
+    }), e;
+  }
+  function _defineProperty$2(e, r, t) {
+    return (r = _toPropertyKey$3(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
+  }
+  function _iterableToArray$2(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+  }
   function _iterableToArrayLimit$3(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
@@ -34466,6 +34546,12 @@
       return a;
     }
   }
+  function _nonIterableRest$3() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _nonIterableSpread$2() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
   function ownKeys$1(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -34788,6 +34874,12 @@
       }
     }, e;
   }
+  function _slicedToArray$3(r, e) {
+    return _arrayWithHoles$3(r) || _iterableToArrayLimit$3(r, e) || _unsupportedIterableToArray$4(r, e) || _nonIterableRest$3();
+  }
+  function _toConsumableArray$2(r) {
+    return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$4(r) || _nonIterableSpread$2();
+  }
   function _toPrimitive$3(t, r) {
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
@@ -34811,105 +34903,12 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof$2(o);
   }
-  function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-      var info = gen[key](arg);
-      var value = info.value;
-    } catch (error) {
-      reject(error);
-      return;
-    }
-    if (info.done) {
-      resolve(value);
-    } else {
-      Promise.resolve(value).then(_next, _throw);
-    }
-  }
-  function _asyncToGenerator(fn) {
-    return function () {
-      var self = this,
-        args = arguments;
-      return new Promise(function (resolve, reject) {
-        var gen = fn.apply(self, args);
-        function _next(value) {
-          asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-        }
-        function _throw(err) {
-          asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-        }
-        _next(undefined);
-      });
-    };
-  }
-  function _classCallCheck$1(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  }
-  function _defineProperties$1(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, _toPropertyKey$3(descriptor.key), descriptor);
-    }
-  }
-  function _createClass$1(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$1(Constructor, staticProps);
-    Object.defineProperty(Constructor, "prototype", {
-      writable: false
-    });
-    return Constructor;
-  }
-  function _defineProperty$2(obj, key, value) {
-    key = _toPropertyKey$3(key);
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
+  function _unsupportedIterableToArray$4(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray$4(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0;
     }
-    return obj;
-  }
-  function _slicedToArray$3(arr, i) {
-    return _arrayWithHoles$3(arr) || _iterableToArrayLimit$3(arr, i) || _unsupportedIterableToArray$4(arr, i) || _nonIterableRest$3();
-  }
-  function _toConsumableArray$2(arr) {
-    return _arrayWithoutHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$4(arr) || _nonIterableSpread$2();
-  }
-  function _arrayWithoutHoles$2(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$4(arr);
-  }
-  function _arrayWithHoles$3(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-  function _iterableToArray$2(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-  function _unsupportedIterableToArray$4(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$4(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$4(o, minLen);
-  }
-  function _arrayLikeToArray$4(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
-  }
-  function _nonIterableSpread$2() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  function _nonIterableRest$3() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
   var en = {
@@ -77358,14 +77357,14 @@
             var _measureText3 = getMeasureText(str, renderCtx, sheetCtx);
             var _textWidth = _measureText3.width;
             var _textHeight2 = _measureText3.actualBoundingBoxAscent + _measureText3.actualBoundingBoxDescent;
-            var _width = _textWidth * Math.cos(rt * Math.PI / 180) + _textHeight2 * Math.sin(rt * Math.PI / 180);
+            var _width2 = _textWidth * Math.cos(rt * Math.PI / 180) + _textHeight2 * Math.sin(rt * Math.PI / 180);
             var _height = _textWidth * Math.sin(rt * Math.PI / 180) + _textHeight2 * Math.cos(rt * Math.PI / 180);
             var _lastWord = str.substr(str.length - 1, 1);
             if (_lastWord === " " || checkWordByteLength(_lastWord) === 2) {
               spaceOrTwoByte = {
                 index: _i5,
                 str: str,
-                width: _width,
+                width: _width2,
                 height: _height,
                 asc: _measureText3.actualBoundingBoxAscent,
                 desc: _measureText3.actualBoundingBoxDescent
@@ -77430,7 +77429,7 @@
                 _i5 += 1;
               }
             } else {
-              if (_width + space_width > cellWidth && !lodash.isNil(text_all_split[splitIndex])) {
+              if (_width2 + space_width > cellWidth && !lodash.isNil(text_all_split[splitIndex])) {
                 if (!lodash.isNil(spaceOrTwoByte) && spaceOrTwoByte.index < _i5) {
                   anchor = spaceOrTwoByte.index;
                   _i5 = spaceOrTwoByte.index + 1;
@@ -77775,13 +77774,21 @@
         if (isMode === "onlyWidth") {
           return textContent;
         }
-        var _width2 = textWidthAll;
+        var _width3 = textWidthAll;
         var _height2 = textHeightAll;
         var _left3 = space_width + _textHeight3 * Math.sin(_rtPI) * isRotateUp;
         if (horizonAlign === "0") {
-          _left3 = cellWidth / 2 - _width2 / 2 + _textHeight3 * Math.sin(_rtPI) * isRotateUp;
+          var _cell$mc, _cell$mc2;
+          var mcCIndex = cell === null || cell === void 0 ? void 0 : (_cell$mc = cell.mc) === null || _cell$mc === void 0 ? void 0 : _cell$mc.c;
+          var mcCs = cell === null || cell === void 0 ? void 0 : (_cell$mc2 = cell.mc) === null || _cell$mc2 === void 0 ? void 0 : _cell$mc2.cs;
+          var startMc = mcCIndex - 1;
+          var endMc = mcCIndex + mcCs - 1;
+          var startX = sheetCtx.visibledatacolumn[startMc] || 0;
+          var endX = sheetCtx.visibledatacolumn[endMc] || 0;
+          var _width = mcCIndex ? endX - startX : cellWidth;
+          _left3 = _width / 2 - _width3 / 2 + _textHeight3 * Math.sin(_rtPI) * isRotateUp;
         } else if (horizonAlign === "2") {
-          _left3 = cellWidth - space_width - _width2 + _textHeight3 * Math.sin(_rtPI) * isRotateUp;
+          _left3 = cellWidth - space_width - _width3 + _textHeight3 * Math.sin(_rtPI) * isRotateUp;
         }
         var _top3 = cellHeight - space_height - _height2 + _measureText4.actualBoundingBoxAscent * Math.cos(_rtPI) + _textWidth2 * Math.sin(_rtPI) * isRotateUp;
         if (verticalAlign === "0") {
@@ -77793,7 +77800,7 @@
         var _wordGroup2 = {
           content: value,
           style: fontset,
-          width: _width2,
+          width: _width3,
           height: _height2,
           left: _left3,
           top: _top3
@@ -78752,7 +78759,7 @@
     function split_fmt(fmt) {
       var out = [];
       var in_str = false; /*, cc*/
-      for (var i = 0, j = 0; i < fmt.length; ++i) switch ( /*cc=*/fmt.charCodeAt(i)) {
+      for (var i = 0, j = 0; i < fmt.length; ++i) switch (/*cc=*/fmt.charCodeAt(i)) {
         case 34:
           /* '"' */in_str = !in_str;
           break;
@@ -79529,25 +79536,20 @@
     var groupSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';
     return String(number).replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
   };
-  var numberThousands = function numberThousands(number) {
+  var numberThousands = function numberThousands(num) {
     var groupSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';
     var precision = arguments.length > 2 ? arguments[2] : undefined;
-    if (number === 0) return '0';
-    if (!number) return number;
-    var _number = !['', undefined].includes(precision) ? formatNumber(number, precision) : number;
-    if (String(_number).includes('.')) {
-      var _String$split = String(_number).split('.'),
-        _String$split2 = _slicedToArray$3(_String$split, 2),
-        init = _String$split2[0],
-        decimal = _String$split2[1];
+    var number = Number(num).toFixed(precision);
+    var _String$split = String(number).split('.'),
+      _String$split2 = _slicedToArray$3(_String$split, 2),
+      init = _String$split2[0],
+      decimal = _String$split2[1];
+    if (precision) {
       return intThousands(init, groupSeparator) + '.' + decimal;
     } else {
-      return intThousands(_number, groupSeparator);
+      return intThousands(init, groupSeparator);
     }
   };
-  function formatNumber(num, precision) {
-    return parseFloat(Number(num).toFixed(precision));
-  }
 
   var base1904 = new Date(1900, 2, 1, 0, 0, 0);
   function datenum_local(v, date1904) {
@@ -86664,15 +86666,28 @@
     for (var r = rows[0]; r <= rows[1]; r += 1) {
       cpString += "<tr>";
       for (var c = columns[0]; c <= columns[1]; c += 1) {
-        var _flowdata$r, _ref, _data$m, _ref2, _data$v;
+        var _flowdata$r, _ref, _data$m, _ref2, _data$v, _data$mc$rs, _data$mc, _data$mc$cs, _data$mc2, _data$bg, _data$fc, _data$ht;
         var data = flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$r = flowdata[r]) === null || _flowdata$r === void 0 ? void 0 : _flowdata$r[c];
         var value = (_ref = (_data$m = data === null || data === void 0 ? void 0 : data.m) !== null && _data$m !== void 0 ? _data$m : data === null || data === void 0 ? void 0 : data.v) !== null && _ref !== void 0 ? _ref : "";
         var realValue = (_ref2 = (_data$v = data === null || data === void 0 ? void 0 : data.v) !== null && _data$v !== void 0 ? _data$v : data === null || data === void 0 ? void 0 : data.m) !== null && _ref2 !== void 0 ? _ref2 : "";
-        cpString += "<td x:num=".concat(realValue, "> ").concat(value, " </td>");
+        var rowspan = (_data$mc$rs = data === null || data === void 0 ? void 0 : (_data$mc = data.mc) === null || _data$mc === void 0 ? void 0 : _data$mc.rs) !== null && _data$mc$rs !== void 0 ? _data$mc$rs : 1;
+        var colspan = (_data$mc$cs = data === null || data === void 0 ? void 0 : (_data$mc2 = data.mc) === null || _data$mc2 === void 0 ? void 0 : _data$mc2.cs) !== null && _data$mc$cs !== void 0 ? _data$mc$cs : 1;
+        var bg = (_data$bg = data === null || data === void 0 ? void 0 : data.bg) !== null && _data$bg !== void 0 ? _data$bg : "#fff";
+        var fc = (_data$fc = data === null || data === void 0 ? void 0 : data.fc) !== null && _data$fc !== void 0 ? _data$fc : "#000";
+        var ht = (_data$ht = data === null || data === void 0 ? void 0 : data.ht) !== null && _data$ht !== void 0 ? _data$ht : "1";
+        var textAlign = {
+          0: "center",
+          1: "left",
+          2: "right"
+        }[String(ht)];
+        if (!(data === null || data === void 0 ? void 0 : data.mc) || (data === null || data === void 0 ? void 0 : data.mc) && (data === null || data === void 0 ? void 0 : data.mc.r) === r && data.mc.c === c) {
+          var style = "background: ".concat(bg, "; color: ").concat(fc, "; text-align: ").concat(textAlign, "; vertical-align: middle;");
+          cpString += "<td x:num='".concat(realValue, "' style='").concat(style, "' rowspan=").concat(rowspan, " colspan=").concat(colspan, "> ").concat(value, " </td>");
+        }
       }
       cpString += "</tr>";
     }
-    var result = "<table data-type=\"leankylin-copy-action-table\">".concat(cpString, "</table>");
+    var result = "<table border=\"1\" style=\"border-collapse:collapse\"  data-type=\"leankylin-copy-action-table\">".concat(cpString, "</table>");
     clipboard.writeHtml(result);
   }
   function deleteSelectedCellText(ctx) {
@@ -86850,6 +86865,7 @@
 
   function defaultContext(refs) {
     return {
+      cellOptions: [],
       luckysheetfile: [],
       defaultcolumnNum: 60,
       defaultrowNum: 84,
@@ -96542,7 +96558,7 @@
             _startY2 = this.sheetCtx.visibledatarow[_r2 - 1] - scrollHeight - 1;
           }
           _endY2 = this.sheetCtx.visibledatarow[_r2 + mainCell.mc.rs - 1] - scrollHeight;
-          _endX2 = this.sheetCtx.visibledatacolumn[_c2 + mainCell.mc.cs - 1] - scrollWidth;
+          _endX2 = Math.min(this.sheetCtx.visibledatacolumn[_c2 + mainCell.mc.cs - 1] - scrollWidth, drawWidth);
           if (lodash.isNil(_value3) || _value3.toString().length === 0) {
             this.nullCellRender(_r2, _c2, _startY2, _startX2, _endY2, _endX2, renderCtx, afCompute, cfCompute, offsetLeft, offsetTop, dynamicArrayCompute, cellOverflowMap, colStart, colEnd, scrollHeight, scrollWidth, bodrder05, true);
           } else {
@@ -96766,7 +96782,7 @@
     }, {
       key: "nullCellRender",
       value: function nullCellRender(r, c, startY, startX, endY, endX, renderCtx, afCompute, cfCompute, offsetLeft, offsetTop, dynamicArrayCompute, cellOverflowMap, colStart, colEnd, scrollHeight, scrollWidth, bodrder05) {
-        var _this$sheetCtx$hooks$6, _this$sheetCtx$hooks6, _flowdata$r2, _flowdata$r2$c, _this$sheetCtx$hooks$7, _this$sheetCtx$hooks7;
+        var _this$sheetCtx$hooks$6, _this$sheetCtx$hooks6, _flowdata$r2, _flowdata$r3, _flowdata$r3$c, _this$sheetCtx$hooks$7, _this$sheetCtx$hooks7;
         var isMerge = arguments.length > 18 && arguments[18] !== undefined ? arguments[18] : false;
         var checksCF = checkCF(r, c, cfCompute);
         var flowdata = getFlowdata(this.sheetCtx);
@@ -96803,7 +96819,8 @@
           renderCtx.textBaseline = "bottom";
           renderCtx.fillText(lodash.isNil(value) ? "" : value, horizonAlignPos, verticalAlignPos);
         }
-        if (flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$r2 = flowdata[r]) === null || _flowdata$r2 === void 0 ? void 0 : (_flowdata$r2$c = _flowdata$r2[c]) === null || _flowdata$r2$c === void 0 ? void 0 : _flowdata$r2$c.ps) {
+        this.renderLyFlag(renderCtx, flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$r2 = flowdata[r]) === null || _flowdata$r2 === void 0 ? void 0 : _flowdata$r2[c], startY, endX, offsetLeft, offsetTop);
+        if (flowdata === null || flowdata === void 0 ? void 0 : (_flowdata$r3 = flowdata[r]) === null || _flowdata$r3 === void 0 ? void 0 : (_flowdata$r3$c = _flowdata$r3[c]) === null || _flowdata$r3$c === void 0 ? void 0 : _flowdata$r3$c.ps) {
           var ps_w = 8 * this.sheetCtx.zoomRatio;
           var ps_h = 8 * this.sheetCtx.zoomRatio;
           renderCtx.beginPath();
@@ -96847,10 +96864,27 @@
           endX: cellsize[2] + cellsize[0]
         }, renderCtx);
       }
+    }, {
+      key: "renderLyFlag",
+      value: function renderLyFlag(renderCtx, cell, startY, endX, offsetLeft, offsetTop) {
+        var lyFlagColor = cell === null || cell === void 0 ? void 0 : cell.lyFlagColor;
+        if (!lyFlagColor) {
+          return;
+        }
+        var ps_w = 8 * this.sheetCtx.zoomRatio;
+        var ps_h = 8 * this.sheetCtx.zoomRatio;
+        renderCtx.beginPath();
+        renderCtx.moveTo(endX + offsetLeft - ps_w, startY + offsetTop);
+        renderCtx.lineTo(endX + offsetLeft, startY + offsetTop);
+        renderCtx.lineTo(endX + offsetLeft, startY + offsetTop + ps_h);
+        renderCtx.fillStyle = lyFlagColor;
+        renderCtx.fill();
+        renderCtx.closePath();
+      }
     }, {
       key: "cellRender",
       value: function cellRender(r, c, startY, startX, endY, endX, value, renderCtx, afCompute, cfCompute, offsetLeft, offsetTop, dynamicArrayCompute, cellOverflowMap, colStart, colEnd, scrollHeight, scrollWidth, bodrder05) {
-        var _this$sheetCtx$hooks$8, _this$sheetCtx$hooks8, _dataVerification, _this$sheetCtx$hooks$9, _this$sheetCtx$hooks9, _flowdata$r3;
+        var _this$sheetCtx$hooks$8, _this$sheetCtx$hooks8, _dataVerification, _this$sheetCtx$hooks$9, _this$sheetCtx$hooks9, _flowdata$r4;
         var isMerge = arguments.length > 19 && arguments[19] !== undefined ? arguments[19] : false;
         var flowdata = getFlowdata(this.sheetCtx);
         if (!flowdata) {
@@ -96900,6 +96934,7 @@
           renderCtx.fill();
           renderCtx.closePath();
         }
+        this.renderLyFlag(renderCtx, cell, startY, endX, offsetLeft, offsetTop);
         if (cell === null || cell === void 0 ? void 0 : cell.ps) {
           var ps_w = 8 * this.sheetCtx.zoomRatio;
           var ps_h = 8 * this.sheetCtx.zoomRatio;
@@ -97125,7 +97160,7 @@
           renderCtx.stroke();
           renderCtx.closePath();
         }
-        (_this$sheetCtx$hooks$9 = (_this$sheetCtx$hooks9 = this.sheetCtx.hooks).afterRenderCell) === null || _this$sheetCtx$hooks$9 === void 0 ? void 0 : _this$sheetCtx$hooks$9.call(_this$sheetCtx$hooks9, (_flowdata$r3 = flowdata[r]) === null || _flowdata$r3 === void 0 ? void 0 : _flowdata$r3[c], {
+        (_this$sheetCtx$hooks$9 = (_this$sheetCtx$hooks9 = this.sheetCtx.hooks).afterRenderCell) === null || _this$sheetCtx$hooks$9 === void 0 ? void 0 : _this$sheetCtx$hooks$9.call(_this$sheetCtx$hooks9, (_flowdata$r4 = flowdata[r]) === null || _flowdata$r4 === void 0 ? void 0 : _flowdata$r4[c], {
           row: r,
           column: c,
           startX: cellsize[0],
@@ -97368,27 +97403,6 @@
       value: function drawFreezeLine(_ref2) {
         var horizontalTop = _ref2.horizontalTop,
           verticalLeft = _ref2.verticalLeft;
-        var renderCtx = this.canvasElement.getContext("2d");
-        if (!renderCtx) return;
-        renderCtx.save();
-        renderCtx.scale(this.sheetCtx.devicePixelRatio, this.sheetCtx.devicePixelRatio);
-        renderCtx.strokeStyle = "#ccc";
-        renderCtx.lineWidth = 2;
-        if (horizontalTop) {
-          renderCtx.beginPath();
-          renderCtx.moveTo(0, horizontalTop);
-          renderCtx.lineTo(this.canvasElement.width, horizontalTop);
-          renderCtx.stroke();
-          renderCtx.closePath();
-        }
-        if (verticalLeft) {
-          renderCtx.beginPath();
-          renderCtx.moveTo(verticalLeft, 0);
-          renderCtx.lineTo(verticalLeft, this.canvasElement.height);
-          renderCtx.stroke();
-          renderCtx.closePath();
-        }
-        renderCtx.restore();
       }
     }]);
   }();
@@ -98247,7 +98261,7 @@
           fc = fc.substr(0, 1) + fc.substr(1, 1).repeat(2) + fc.substr(2, 1).repeat(2) + fc.substr(3, 1).repeat(2);
         }
       }
-      var isRowHidden = (r in (((_ctx$config = ctx.config) === null || _ctx$config === void 0 ? void 0 : _ctx$config.rowhidden) || {}));
+      var isRowHidden = r in (((_ctx$config = ctx.config) === null || _ctx$config === void 0 ? void 0 : _ctx$config.rowhidden) || {});
       var bgData = bgMap.get(bg);
       if (bgData != null) {
         bgData.rows.push(r);
@@ -100173,6 +100187,10 @@
   });
 
   var defaultSettings = {
+    renderCalcInfo: undefined,
+    renderFreezeCol: undefined,
+    renderFreezeRow: undefined,
+    renderFilter: undefined,
     fxContainer: undefined,
     disabledKeyboardCodes: [],
     Footer: undefined,
@@ -100529,60 +100547,20 @@
     e.stopPropagation();
   }
 
-  var mouseWheelUniqueTimeout;
   function handleGlobalWheel(ctx, e, cache, scrollbarX, scrollbarY) {
     var _cache$searchDialog;
     if (((_cache$searchDialog = cache.searchDialog) === null || _cache$searchDialog === void 0 ? void 0 : _cache$searchDialog.mouseEnter) && ctx.showSearch && ctx.showReplace) return;
     if (ctx.filterContextMenu != null) return;
     var scrollLeft = scrollbarX.scrollLeft;
     var scrollTop = scrollbarY.scrollTop;
-    var visibledatacolumn_c = ctx.visibledatacolumn;
-    var visibledatarow_c = ctx.visibledatarow;
-    clearTimeout(mouseWheelUniqueTimeout);
-    if (cache.visibleColumnsUnique != null) {
-      visibledatacolumn_c = cache.visibleColumnsUnique;
-    } else {
-      visibledatacolumn_c = lodash.uniq(visibledatacolumn_c);
-      cache.visibleColumnsUnique = visibledatacolumn_c;
-    }
-    if (cache.visibleRowsUnique != null) {
-      visibledatarow_c = cache.visibleRowsUnique;
-    } else {
-      visibledatarow_c = lodash.uniq(visibledatarow_c);
-      cache.visibleRowsUnique = visibledatarow_c;
-    }
-    var row_st = lodash.sortedIndex(visibledatarow_c, scrollTop) + 1;
-    var rowscroll = 0;
-    var scrollNum = 1;
     if (e.deltaY !== 0) {
-      var row_ed;
-      var step = Math.round(scrollNum / ctx.zoomRatio);
-      step = step < 1 ? 1 : step;
-      if (e.deltaY > 0) {
-        row_ed = row_st + step;
-        if (row_ed >= visibledatarow_c.length) {
-          row_ed = visibledatarow_c.length - 1;
-        }
-      } else {
-        row_ed = row_st - step;
-        if (row_ed < 0) {
-          row_ed = 0;
-        }
-      }
-      rowscroll = row_ed === 0 ? 0 : visibledatarow_c[row_ed - 1];
-      scrollbarY.scrollTop = rowscroll;
-    } else if (e.deltaX !== 0) {
-      if (e.deltaX > 0) {
-        scrollLeft += 20 * ctx.zoomRatio;
-      } else {
-        scrollLeft -= 20 * ctx.zoomRatio;
-      }
+      scrollTop += e.deltaY * ctx.zoomRatio;
+      scrollbarY.scrollTop = scrollTop;
+    }
+    if (e.deltaX !== 0) {
+      scrollLeft += e.deltaX * ctx.zoomRatio;
       scrollbarX.scrollLeft = scrollLeft;
     }
-    mouseWheelUniqueTimeout = setTimeout(function () {
-      delete cache.visibleColumnsUnique;
-      delete cache.visibleRowsUnique;
-    }, 500);
     e.preventDefault();
   }
   function fixPositionOnFrozenCells(freeze, x, y, mouseX, mouseY) {
@@ -102323,7 +102301,7 @@
     return _handlePasteByLeanklin.apply(this, arguments);
   }
   function _handlePasteByLeanklin() {
-    _handlePasteByLeanklin = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(ctx, e) {
+    _handlePasteByLeanklin = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(ctx, e) {
       var _ctx$luckysheet_selec8;
       var data, allowEdit, selectRange, rows, columns, copyOne, newData, r, rIndex, c, row, column, range;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -102587,14 +102565,14 @@
         left: hoverLocation.col - 5 + (hoverInFreeze ? context.scrollLeft : 0),
         opacity: context.luckysheet_cols_change_size ? 1 : 0
       }
-    }), !context.luckysheet_cols_change_size && hoverLocation.col_index >= 0 ? (/*#__PURE__*/React__default['default'].createElement("div", {
+    }), !context.luckysheet_cols_change_size && hoverLocation.col_index >= 0 ? ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-col-header-hover",
       style: lodash.assign({
         left: hoverLocation.col_pre,
         width: hoverLocation.col - hoverLocation.col_pre - 1,
         display: "block"
       }, fixColumnStyleOverflowInFreeze(context, hoverLocation.col_index, hoverLocation.col_index, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]))
-    }, allowEditRef.current && (/*#__PURE__*/React__default['default'].createElement("span", {
+    }, allowEditRef.current && ( /*#__PURE__*/React__default['default'].createElement("span", {
       className: "header-arrow",
       onClick: function onClick(e) {
         setContext(function (ctx) {
@@ -102802,7 +102780,7 @@
         top: hoverLocation.row - 3 + (hoverInFreeze ? context.scrollTop : 0),
         opacity: context.luckysheet_rows_change_size ? 1 : 0
       }
-    }), !context.luckysheet_rows_change_size && hoverLocation.row_index >= 0 ? (/*#__PURE__*/React__default['default'].createElement("div", {
+    }), !context.luckysheet_rows_change_size && hoverLocation.row_index >= 0 ? ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-row-header-hover",
       style: lodash.assign({
         top: hoverLocation.row_pre,
@@ -102905,13 +102883,34 @@
 
   var FormulaSearch = function FormulaSearch(props) {
     var _useContext = React.useContext(WorkbookContext),
-      context = _useContext.context;
+      context = _useContext.context,
+      refs = _useContext.refs,
+      settings = _useContext.settings;
     if (lodash.isEmpty(context.functionCandidates)) return null;
+    function moveCursorToEnd(editor) {
+      var leftParen = editor.querySelector(".luckysheet-formula-text-lpar");
+      var rightParen = editor.querySelector(".luckysheet-formula-text-rpar");
+      var range = document.createRange();
+      var selection = window.getSelection();
+      range.setStartAfter(leftParen);
+      range.setEndBefore(rightParen);
+      selection.removeAllRanges();
+      selection.addRange(range);
+    }
+    if (settings.renderFormulaSearch) {
+      return settings.renderFormulaSearch(context.functionCandidates, functionHTMLGenerate, refs.cellInput.current);
+    }
     return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
       id: "luckysheet-formula-search-c",
       className: "luckysheet-formula-search-c"
     }), context.functionCandidates.map(function (v) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
+        onClick: function onClick() {
+          var _refs$cellInput$curre;
+          refs.cellInput.current.innerHTML = functionHTMLGenerate("=".concat(v.n, "()"));
+          (_refs$cellInput$curre = refs.cellInput.current) === null || _refs$cellInput$curre === void 0 ? void 0 : _refs$cellInput$curre.focus();
+          moveCursorToEnd(refs.cellInput.current);
+        },
         key: v.n,
         "data-func": v.n,
         className: "luckysheet-formula-search-item"
@@ -102925,12 +102924,16 @@
 
   var FormulaHint = function FormulaHint(props) {
     var _useContext = React.useContext(WorkbookContext),
-      context = _useContext.context;
+      context = _useContext.context,
+      settings = _useContext.settings;
     var _locale = locale(context),
       formulaMore = _locale.formulaMore;
     if (!context.functionHint) return null;
     var fn = context.formulaCache.functionlistMap[context.functionHint];
     if (!fn) return null;
+    if (settings.renderFormulaHint) {
+      settings.renderFormulaHint(fn);
+    }
     return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
       id: "luckysheet-formula-help-c",
       className: "luckysheet-formula-help-c"
@@ -103009,9 +103012,9 @@
         key: param.name
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "luckysheet-arguments-help-section-title"
-      }, param.name, param.repeat === "y" && (/*#__PURE__*/React__default['default'].createElement("span", {
+      }, param.name, param.repeat === "y" && ( /*#__PURE__*/React__default['default'].createElement("span", {
         className: "luckysheet-arguments-help-argument-info"
-      }, "...-", formulaMore.allowRepeatText)), param.require === "o" && (/*#__PURE__*/React__default['default'].createElement("span", {
+      }, "...-", formulaMore.allowRepeatText)), param.require === "o" && ( /*#__PURE__*/React__default['default'].createElement("span", {
         className: "luckysheet-arguments-help-argument-info"
       }, "-[", formulaMore.allowOptionText, "]"))), /*#__PURE__*/React__default['default'].createElement("span", {
         className: "luckysheet-arguments-help-parameter-content"
@@ -103147,9 +103150,7 @@
       if (!(kcode >= 112 && kcode <= 123 || kcode <= 46 || kcode === 144 || kcode === 108 || e.ctrlKey || e.altKey || e.shiftKey && (kcode === 37 || kcode === 38 || kcode === 39 || kcode === 40)) || kcode === 8 || kcode === 32 || kcode === 46 || e.ctrlKey && kcode === 86) {
         setContext(function (draftCtx) {
           if ((draftCtx.formulaCache.rangestart || draftCtx.formulaCache.rangedrag_column_start || draftCtx.formulaCache.rangedrag_row_start || israngeseleciton(draftCtx)) && isBlur) return;
-          if (!isAllowEdit(draftCtx, draftCtx.luckysheet_select_save)) {
-            return;
-          }
+          if (!isAllowEdit(draftCtx, draftCtx.luckysheet_select_save)) ;
           handleFormulaInput(draftCtx, refs.fxInput.current, refs.cellInput.current, kcode, preText.current);
         });
       }
@@ -103205,7 +103206,7 @@
       onKeyDown: onKeyDown,
       onPaste: onPaste,
       allowEdit: edit ? !isHidenRC : edit
-    })), document.activeElement === inputRef.current && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
+    })), document.activeElement === inputRef.current && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
       style: {
         top: ((firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0) + 4
       }
@@ -103298,12 +103299,12 @@
     }))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-dialog-box-content",
       style: contentStyle
-    }, children), type != null && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, children), type != null && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-dialog-box-button-container"
-    }, type === "ok" ? (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, type === "ok" ? ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-message-box-button button-default",
       onClick: onOk
-    }, button.confirm)) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    }, button.confirm)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-message-box-button button-primary",
       onClick: onOk
     }, button.confirm), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -103359,7 +103360,7 @@
     }, [hideModal, showModal]);
     return /*#__PURE__*/React__default['default'].createElement(ModalContext.Provider, {
       value: providerValue
-    }, children, component && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, children, component && ( /*#__PURE__*/React__default['default'].createElement("div", {
       onMouseDown: function onMouseDown(e) {
         return e.stopPropagation();
       },
@@ -103384,7 +103385,7 @@
       var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "ok";
       var onOk = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : hideModal;
       var onCancel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : hideModal;
-      showModal(/*#__PURE__*/React__default['default'].createElement(MessageBox, {
+      showModal( /*#__PURE__*/React__default['default'].createElement(MessageBox, {
         type: type,
         onOk: onOk,
         onCancel: onCancel
@@ -103454,7 +103455,7 @@
       };
     }, []);
     var body = document.body;
-    return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("div", {
+    return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
       id: "leankylin-search-replace",
       className: "leankylin-search-replace leankylin-dialog",
       style: getInitialPosition(body),
@@ -103517,7 +103518,7 @@
       onChange: function onChange(e) {
         return setSearchText(e.target.value);
       }
-    })), showReplace && (/*#__PURE__*/React__default['default'].createElement("div", {
+    })), showReplace && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "textboxs",
       id: "replaceInput"
     }, findAndReplace.replaceTextbox, "\uFF1A", /*#__PURE__*/React__default['default'].createElement("input", {
@@ -103555,7 +103556,7 @@
       }
     }), /*#__PURE__*/React__default['default'].createElement("span", null, findAndReplace.distinguishTextbox)))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "btnBox"
-    }, showReplace && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    }, showReplace && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
       id: "replaceAllBtn",
       className: "leankylin-message-box-button button-default",
       onClick: function onClick() {
@@ -103602,7 +103603,7 @@
     }, findAndReplace.findBtn))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "close-button leankylin-message-box-button button-default",
       onClick: closeDialog
-    }, button.close), searchResult.length > 0 && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, button.close), searchResult.length > 0 && ( /*#__PURE__*/React__default['default'].createElement("div", {
       id: "searchAllbox",
       onScroll: function onScroll(e) {
         return e.stopPropagation();
@@ -103795,7 +103796,7 @@
         });
       }));
     }
-    return selectingCellRange ? (/*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({
+    return selectingCellRange ? ( /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({
       className: "leankylin-link-modify-modal range-selection-modal",
       style: {
         left: position.cellLeft,
@@ -103830,7 +103831,7 @@
     }, function () {
       setLinkAddress(originAddress);
       setRangeModalVisible(false);
-    })))) : (/*#__PURE__*/React__default['default'].createElement("div", _objectSpread2({
+    })))) : ( /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2({
       className: "leankylin-link-modify-modal",
       style: {
         left: position.cellLeft + 20,
@@ -103874,7 +103875,7 @@
       }, type.text);
     }))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-link-modify-line"
-    }, linkType === "webpage" && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    }, linkType === "webpage" && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-link-modify-title"
     }, insertLink.linkAddress), /*#__PURE__*/React__default['default'].createElement("input", {
       className: "leankylin-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
@@ -103883,7 +103884,7 @@
       onChange: function onChange(e) {
         return setLinkAddress(e.target.value);
       }
-    }), tooltip)), linkType === "cellrange" && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    }), tooltip)), linkType === "cellrange" && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-link-modify-title"
     }, insertLink.linkCell), /*#__PURE__*/React__default['default'].createElement("input", {
       className: "leankylin-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
@@ -103899,7 +103900,7 @@
       }
     }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
       name: "border-all"
-    })), tooltip)), linkType === "sheet" && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    })), tooltip)), linkType === "sheet" && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-link-modify-title"
     }, insertLink.linkSheet), /*#__PURE__*/React__default['default'].createElement("select", {
       className: "leankylin-link-modify-select",
@@ -103980,7 +103981,7 @@
       frozenColumns = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range = frozen.range) === null || _frozen$range === void 0 ? void 0 : _frozen$range.column_focus) || -1;
       frozenRows = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range2 = frozen.range) === null || _frozen$range2 === void 0 ? void 0 : _frozen$range2.row_focus) || -1;
     }
-    return filterOptions == null ? (/*#__PURE__*/React__default['default'].createElement("div", null)) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, filterOptions.items.map(function (v, i) {
+    return filterOptions == null ? ( /*#__PURE__*/React__default['default'].createElement("div", null)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, filterOptions.items.map(function (v, i) {
       var _refs$globalCache$fre, _refs$globalCache$fre2;
       var filterParam = filter[i];
       var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
@@ -104028,9 +104029,9 @@
           width: undefined
         }),
         className: "luckysheet-filter-options ".concat(filterParam == null ? "" : "luckysheet-filter-options-active")
-      }, filterParam == null ? (/*#__PURE__*/React__default['default'].createElement("div", {
+      }, filterParam == null ? ( /*#__PURE__*/React__default['default'].createElement("div", {
         className: "caret down"
-      })) : (/*#__PURE__*/React__default['default'].createElement(SVGIcon, {
+      })) : ( /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "filter-fill-white",
         style: {
           width: 15,
@@ -104053,7 +104054,7 @@
     }, [context.activeImg, context.insertedImgs]);
     return /*#__PURE__*/React__default['default'].createElement("div", {
       id: "luckysheet-image-showBoxs"
-    }, activeImg && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, activeImg && ( /*#__PURE__*/React__default['default'].createElement("div", {
       id: "luckysheet-modal-dialog-activeImage",
       className: "luckysheet-modal-dialog",
       style: {
@@ -104354,7 +104355,7 @@
           className: "luckysheet-postil-dialog-move-item luckysheet-postil-dialog-move-item-".concat(v),
           "data-type": v
         });
-      })), isEditing && (/*#__PURE__*/React__default['default'].createElement("div", {
+      })), isEditing && ( /*#__PURE__*/React__default['default'].createElement("div", {
         className: "luckysheet-postil-dialog-resize"
       }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
         return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -104423,7 +104424,7 @@
     var showDialog = React.useCallback(function (content, type) {
       var onOk = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : hideModal;
       var onCancel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : hideModal;
-      showModal(/*#__PURE__*/React__default['default'].createElement(Dialog, {
+      showModal( /*#__PURE__*/React__default['default'].createElement(Dialog, {
         type: type,
         onOk: onOk,
         onCancel: onCancel
@@ -104649,7 +104650,7 @@
         value: v,
         key: v
       }, dataVerification[v]);
-    })), ((_context$dataVerifica2 = context.dataVerification) === null || _context$dataVerifica2 === void 0 ? void 0 : (_context$dataVerifica3 = _context$dataVerifica2.dataRegulation) === null || _context$dataVerifica3 === void 0 ? void 0 : _context$dataVerifica3.type) === "dropdown" && (/*#__PURE__*/React__default['default'].createElement("div", {
+    })), ((_context$dataVerifica2 = context.dataVerification) === null || _context$dataVerifica2 === void 0 ? void 0 : (_context$dataVerifica3 = _context$dataVerifica2.dataRegulation) === null || _context$dataVerifica3 === void 0 ? void 0 : _context$dataVerifica3.type) === "dropdown" && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "show-box-item"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "data-verification-range"
@@ -104687,7 +104688,7 @@
       }
     }), /*#__PURE__*/React__default['default'].createElement("label", {
       htmlFor: "mul"
-    }, dataVerification.allowMultiSelect)))), ((_context$dataVerifica4 = context.dataVerification) === null || _context$dataVerifica4 === void 0 ? void 0 : (_context$dataVerifica5 = _context$dataVerifica4.dataRegulation) === null || _context$dataVerifica5 === void 0 ? void 0 : _context$dataVerifica5.type) === "checkbox" && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, dataVerification.allowMultiSelect)))), ((_context$dataVerifica4 = context.dataVerification) === null || _context$dataVerifica4 === void 0 ? void 0 : (_context$dataVerifica5 = _context$dataVerifica4.dataRegulation) === null || _context$dataVerifica5 === void 0 ? void 0 : _context$dataVerifica5.type) === "checkbox" && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "show-box-item"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "check-box"
@@ -104715,7 +104716,7 @@
           ctx.dataVerification.dataRegulation.value2 = value;
         });
       }
-    })))), (((_context$dataVerifica10 = context.dataVerification) === null || _context$dataVerifica10 === void 0 ? void 0 : (_context$dataVerifica11 = _context$dataVerifica10.dataRegulation) === null || _context$dataVerifica11 === void 0 ? void 0 : _context$dataVerifica11.type) === "number" || ((_context$dataVerifica12 = context.dataVerification) === null || _context$dataVerifica12 === void 0 ? void 0 : (_context$dataVerifica13 = _context$dataVerifica12.dataRegulation) === null || _context$dataVerifica13 === void 0 ? void 0 : _context$dataVerifica13.type) === "number_integer" || ((_context$dataVerifica14 = context.dataVerification) === null || _context$dataVerifica14 === void 0 ? void 0 : (_context$dataVerifica15 = _context$dataVerifica14.dataRegulation) === null || _context$dataVerifica15 === void 0 ? void 0 : _context$dataVerifica15.type) === "number_decimal" || ((_context$dataVerifica16 = context.dataVerification) === null || _context$dataVerifica16 === void 0 ? void 0 : (_context$dataVerifica17 = _context$dataVerifica16.dataRegulation) === null || _context$dataVerifica17 === void 0 ? void 0 : _context$dataVerifica17.type) === "text_length") && (/*#__PURE__*/React__default['default'].createElement("div", {
+    })))), (((_context$dataVerifica10 = context.dataVerification) === null || _context$dataVerifica10 === void 0 ? void 0 : (_context$dataVerifica11 = _context$dataVerifica10.dataRegulation) === null || _context$dataVerifica11 === void 0 ? void 0 : _context$dataVerifica11.type) === "number" || ((_context$dataVerifica12 = context.dataVerification) === null || _context$dataVerifica12 === void 0 ? void 0 : (_context$dataVerifica13 = _context$dataVerifica12.dataRegulation) === null || _context$dataVerifica13 === void 0 ? void 0 : _context$dataVerifica13.type) === "number_integer" || ((_context$dataVerifica14 = context.dataVerification) === null || _context$dataVerifica14 === void 0 ? void 0 : (_context$dataVerifica15 = _context$dataVerifica14.dataRegulation) === null || _context$dataVerifica15 === void 0 ? void 0 : _context$dataVerifica15.type) === "number_decimal" || ((_context$dataVerifica16 = context.dataVerification) === null || _context$dataVerifica16 === void 0 ? void 0 : (_context$dataVerifica17 = _context$dataVerifica16.dataRegulation) === null || _context$dataVerifica17 === void 0 ? void 0 : _context$dataVerifica17.type) === "text_length") && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "show-box-item"
     }, /*#__PURE__*/React__default['default'].createElement("select", {
       className: "data-verification-type-select",
@@ -104733,7 +104734,7 @@
         value: v,
         key: v
       }, dataVerification[v]);
-    })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React__default['default'].createElement("div", {
+    })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "input-box"
     }, /*#__PURE__*/React__default['default'].createElement("input", {
       type: "number",
@@ -104755,7 +104756,7 @@
           ctx.dataVerification.dataRegulation.value2 = value;
         });
       }
-    }))) : (/*#__PURE__*/React__default['default'].createElement("div", {
+    }))) : ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "input-box"
     }, /*#__PURE__*/React__default['default'].createElement("input", {
       type: "number",
@@ -104770,7 +104771,7 @@
           ctx.dataVerification.dataRegulation.value1 = value;
         });
       }
-    }))))), ((_context$dataVerifica18 = context.dataVerification) === null || _context$dataVerifica18 === void 0 ? void 0 : (_context$dataVerifica19 = _context$dataVerifica18.dataRegulation) === null || _context$dataVerifica19 === void 0 ? void 0 : _context$dataVerifica19.type) === "text_content" && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }))))), ((_context$dataVerifica18 = context.dataVerification) === null || _context$dataVerifica18 === void 0 ? void 0 : (_context$dataVerifica19 = _context$dataVerifica18.dataRegulation) === null || _context$dataVerifica19 === void 0 ? void 0 : _context$dataVerifica19.type) === "text_content" && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "show-box-item"
     }, /*#__PURE__*/React__default['default'].createElement("select", {
       className: "data-verification-type-select",
@@ -104803,7 +104804,7 @@
           ctx.dataVerification.dataRegulation.value1 = value;
         });
       }
-    })))), ((_context$dataVerifica20 = context.dataVerification) === null || _context$dataVerifica20 === void 0 ? void 0 : (_context$dataVerifica21 = _context$dataVerifica20.dataRegulation) === null || _context$dataVerifica21 === void 0 ? void 0 : _context$dataVerifica21.type) === "date" && (/*#__PURE__*/React__default['default'].createElement("div", {
+    })))), ((_context$dataVerifica20 = context.dataVerification) === null || _context$dataVerifica20 === void 0 ? void 0 : (_context$dataVerifica21 = _context$dataVerifica20.dataRegulation) === null || _context$dataVerifica21 === void 0 ? void 0 : _context$dataVerifica21.type) === "date" && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "show-box-item"
     }, /*#__PURE__*/React__default['default'].createElement("select", {
       className: "data-verification-type-select",
@@ -104821,7 +104822,7 @@
         value: v,
         key: v
       }, dataVerification[v]);
-    })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React__default['default'].createElement("div", {
+    })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "input-box"
     }, /*#__PURE__*/React__default['default'].createElement("input", {
       type: "date",
@@ -104843,7 +104844,7 @@
           ctx.dataVerification.dataRegulation.value2 = value;
         });
       }
-    }))) : (/*#__PURE__*/React__default['default'].createElement("div", {
+    }))) : ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "input-box"
     }, /*#__PURE__*/React__default['default'].createElement("input", {
       type: "date",
@@ -104858,7 +104859,7 @@
           ctx.dataVerification.dataRegulation.value1 = value;
         });
       }
-    }))))), ((_context$dataVerifica22 = context.dataVerification) === null || _context$dataVerifica22 === void 0 ? void 0 : (_context$dataVerifica23 = _context$dataVerifica22.dataRegulation) === null || _context$dataVerifica23 === void 0 ? void 0 : _context$dataVerifica23.type) === "validity" && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }))))), ((_context$dataVerifica22 = context.dataVerification) === null || _context$dataVerifica22 === void 0 ? void 0 : (_context$dataVerifica23 = _context$dataVerifica22.dataRegulation) === null || _context$dataVerifica23 === void 0 ? void 0 : _context$dataVerifica23.type) === "validity" && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "show-box-item"
     }, /*#__PURE__*/React__default['default'].createElement("select", {
       className: "data-verification-type-select",
@@ -104902,7 +104903,7 @@
         htmlFor: v,
         key: "label".concat(v)
       }, dataVerification[v]));
-    }), ((_context$dataVerifica24 = context.dataVerification) === null || _context$dataVerifica24 === void 0 ? void 0 : (_context$dataVerifica25 = _context$dataVerifica24.dataRegulation) === null || _context$dataVerifica25 === void 0 ? void 0 : _context$dataVerifica25.hintShow) && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }), ((_context$dataVerifica24 = context.dataVerification) === null || _context$dataVerifica24 === void 0 ? void 0 : (_context$dataVerifica25 = _context$dataVerifica24.dataRegulation) === null || _context$dataVerifica25 === void 0 ? void 0 : _context$dataVerifica25.hintShow) && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "input-box"
     }, /*#__PURE__*/React__default['default'].createElement("input", {
       type: "text",
@@ -105028,7 +105029,7 @@
       className: "condition-rules-title"
     }, conditionformat["conditionformat_".concat(type)]), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "conditin-rules-value"
-    }, conditionformat["conditionformat_".concat(type, "_title")]), (type === "greaterThan" || type === "lessThan" || type === "equal" || type === "textContains") && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, conditionformat["conditionformat_".concat(type, "_title")]), (type === "greaterThan" || type === "lessThan" || type === "equal" || type === "textContains") && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "condition-rules-inpbox"
     }, /*#__PURE__*/React__default['default'].createElement("input", {
       className: "condition-rules-input",
@@ -105040,7 +105041,7 @@
           ctx.conditionRules.rulesValue = value;
         });
       }
-    }))), type === "between" && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }))), type === "between" && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "condition-rules-between-box"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "condition-rules-between-inpbox"
@@ -105070,7 +105071,7 @@
           ctx.conditionRules.betweenValue.value2 = value;
         });
       }
-    })))), type === "occurrenceDate" && (/*#__PURE__*/React__default['default'].createElement("div", {
+    })))), type === "occurrenceDate" && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "condition-rules-inpbox"
     }, /*#__PURE__*/React__default['default'].createElement("input", {
       type: "date",
@@ -105082,7 +105083,7 @@
           ctx.conditionRules.dateValue = value;
         });
       }
-    }))), type === "duplicateValue" && (/*#__PURE__*/React__default['default'].createElement("select", {
+    }))), type === "duplicateValue" && ( /*#__PURE__*/React__default['default'].createElement("select", {
       className: "condition-rules-select",
       onChange: function onChange(e) {
         var value = e.target.value;
@@ -105094,7 +105095,7 @@
       value: "0"
     }, conditionformat.duplicateValue), /*#__PURE__*/React__default['default'].createElement("option", {
       value: "1"
-    }, conditionformat.uniqueValue))), (type === "top10" || type === "top10_percent" || type === "last10" || type === "last10_percent") && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, conditionformat.uniqueValue))), (type === "top10" || type === "top10_percent" || type === "last10" || type === "last10_percent") && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "condition-rules-project-box"
     }, type === "top10" || type === "top10_percent" ? conditionformat.top : conditionformat.last, /*#__PURE__*/React__default['default'].createElement("input", {
       className: "condition-rules-project-input",
@@ -105201,19 +105202,19 @@
       if (!context.rangeDialog) return;
       var rangeDialogType = context.rangeDialog.type;
       if (rangeDialogType.indexOf("between") >= 0) {
-        showDialog(/*#__PURE__*/React__default['default'].createElement(ConditionRules, {
+        showDialog( /*#__PURE__*/React__default['default'].createElement(ConditionRules, {
           type: "between"
         }));
         return;
       }
       if (rangeDialogType.indexOf("conditionRules") >= 0) {
         var rulesType = rangeDialogType.substring("conditionRules".length, rangeDialogType.length);
-        showDialog(/*#__PURE__*/React__default['default'].createElement(ConditionRules, {
+        showDialog( /*#__PURE__*/React__default['default'].createElement(ConditionRules, {
           type: rulesType
         }));
         return;
       }
-      showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null));
+      showDialog( /*#__PURE__*/React__default['default'].createElement(DataVerification, null));
     }, [context.rangeDialog, setContext, showDialog]);
     React.useEffect(function () {
       setRangeTxt2(function (r) {
@@ -105404,6 +105405,38 @@
     }));
   };
 
+  var CellOptions = function CellOptions() {
+    var _context$cellOptions;
+    var _useContext = React.useContext(WorkbookContext),
+      context = _useContext.context,
+      refs = _useContext.refs;
+    var cellOptions = (_context$cellOptions = context.cellOptions) !== null && _context$cellOptions !== void 0 ? _context$cellOptions : [];
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "leankylin-cell-option"
+    }, cellOptions === null || cellOptions === void 0 ? void 0 : cellOptions.map(function (item) {
+      var _refs$globalCache$fre, _refs$globalCache$fre2, _item$render;
+      var _colLocationByIndex = colLocationByIndex(item.c, context.visibledatacolumn),
+        _colLocationByIndex2 = _slicedToArray(_colLocationByIndex, 2),
+        left = _colLocationByIndex2[0],
+        right = _colLocationByIndex2[1];
+      var _rowLocationByIndex = rowLocationByIndex(item.r, context.visibledatarow),
+        _rowLocationByIndex2 = _slicedToArray(_rowLocationByIndex, 2),
+        top = _rowLocationByIndex2[0],
+        bottom = _rowLocationByIndex2[1];
+      var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, item.c, item.c, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
+      var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, item.r, item.r, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        style: _objectSpread2(_objectSpread2(_objectSpread2({}, columnOverflowFreezeStyle), rowOverflowFreezeStyle), {}, {
+          position: "absolute",
+          left: left,
+          top: top,
+          width: right - left,
+          height: bottom - top
+        })
+      }, item === null || item === void 0 ? void 0 : (_item$render = item.render) === null || _item$render === void 0 ? void 0 : _item$render.call(item, item));
+    }));
+  };
+
   var SheetOverlay = function SheetOverlay() {
     var _refs$cellArea$curren, _refs$cellArea$curren2, _context$luckysheet_s, _context$luckysheet_s2, _context$luckysheet_s3, _context$luckysheet_s4, _context$luckysheet_s5, _context$luckysheet_s6, _context$presences$le, _context$presences, _context$linkCard, _context$rangeDialog;
     var _useContext = React.useContext(WorkbookContext),
@@ -105591,7 +105624,7 @@
       }
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       id: "leankylin-formula-functionrange"
-    }), context.formulaRangeSelect && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }), context.formulaRangeSelect && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-selection-copy leankylin-formula-functionrange-select",
       style: context.formulaRangeSelect
     }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -105663,7 +105696,7 @@
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
       }
-    }), ((_context$luckysheet_s3 = (_context$luckysheet_s4 = context.luckysheet_selection_range) === null || _context$luckysheet_s4 === void 0 ? void 0 : _context$luckysheet_s4.length) !== null && _context$luckysheet_s3 !== void 0 ? _context$luckysheet_s3 : 0) > 0 && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }), ((_context$luckysheet_s3 = (_context$luckysheet_s4 = context.luckysheet_selection_range) === null || _context$luckysheet_s4 === void 0 ? void 0 : _context$luckysheet_s4.length) !== null && _context$luckysheet_s3 !== void 0 ? _context$luckysheet_s3 : 0) > 0 && ( /*#__PURE__*/React__default['default'].createElement("div", {
       id: "leankylin-selection-copy"
     }, context.luckysheet_selection_range.map(function (range) {
       var r1 = range.row[0];
@@ -105704,7 +105737,7 @@
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
       }
-    }), ((_context$luckysheet_s5 = (_context$luckysheet_s6 = context.luckysheet_select_save) === null || _context$luckysheet_s6 === void 0 ? void 0 : _context$luckysheet_s6.length) !== null && _context$luckysheet_s5 !== void 0 ? _context$luckysheet_s5 : 0) > 0 && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }), ((_context$luckysheet_s5 = (_context$luckysheet_s6 = context.luckysheet_select_save) === null || _context$luckysheet_s6 === void 0 ? void 0 : _context$luckysheet_s6.length) !== null && _context$luckysheet_s5 !== void 0 ? _context$luckysheet_s5 : 0) > 0 && ( /*#__PURE__*/React__default['default'].createElement("div", {
       id: "luckysheet-cell-selected-boxs"
     }, context.luckysheet_select_save.map(function (selection, index) {
       var _refs$globalCache$fre3, _refs$globalCache$fre4;
@@ -105802,11 +105835,11 @@
         className: "leankylin-presence-username",
         style: usernameStyle
       }, presence.username));
-    }), ((_context$linkCard = context.linkCard) === null || _context$linkCard === void 0 ? void 0 : _context$linkCard.sheetId) === context.currentSheetId && (/*#__PURE__*/React__default['default'].createElement(LinkEditCard, _objectSpread2({}, context.linkCard))), ((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) && /*#__PURE__*/React__default['default'].createElement(RangeDialog, null), /*#__PURE__*/React__default['default'].createElement(FilterOptions, {
+    }), ((_context$linkCard = context.linkCard) === null || _context$linkCard === void 0 ? void 0 : _context$linkCard.sheetId) === context.currentSheetId && ( /*#__PURE__*/React__default['default'].createElement(LinkEditCard, _objectSpread2({}, context.linkCard))), ((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) && /*#__PURE__*/React__default['default'].createElement(RangeDialog, null), /*#__PURE__*/React__default['default'].createElement(FilterOptions, {
       getContainer: function getContainer() {
         return containerRef.current;
       }
-    }), /*#__PURE__*/React__default['default'].createElement(InputBox, null), /*#__PURE__*/React__default['default'].createElement(NotationBoxes, null), /*#__PURE__*/React__default['default'].createElement("div", {
+    }), /*#__PURE__*/React__default['default'].createElement(CellOptions, null), /*#__PURE__*/React__default['default'].createElement(InputBox, null), /*#__PURE__*/React__default['default'].createElement(NotationBoxes, null), /*#__PURE__*/React__default['default'].createElement("div", {
       id: "luckysheet-multipleRange-show"
     }), /*#__PURE__*/React__default['default'].createElement("div", {
       id: "luckysheet-dynamicArray-hightShow"
@@ -106138,9 +106171,9 @@
       "data-tips": tooltip,
       role: "button",
       style: style
-    }, iconId ? (/*#__PURE__*/React__default['default'].createElement(SVGIcon, {
+    }, iconId ? ( /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
       name: iconId
-    })) : (/*#__PURE__*/React__default['default'].createElement("span", {
+    })) : ( /*#__PURE__*/React__default['default'].createElement("span", {
       className: "leankylin-toolbar-combo-text"
     }, text))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-toolbar-combo-arrow",
@@ -106155,7 +106188,7 @@
       width: 10
     })), tooltip && /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-tooltip"
-    }, tooltip)), open && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, tooltip)), open && ( /*#__PURE__*/React__default['default'].createElement("div", {
       ref: popupRef,
       className: "leankylin-toolbar-combo-popup",
       style: popupPosition
@@ -106821,7 +106854,7 @@
             key: v.text,
             onClick: function onClick() {
               setOpen(false);
-              showDialog(/*#__PURE__*/React__default['default'].createElement(ConditionRules, {
+              showDialog( /*#__PURE__*/React__default['default'].createElement(ConditionRules, {
                 type: v.text
               }));
             }
@@ -106868,7 +106901,7 @@
             key: v.text,
             onClick: function onClick() {
               setOpen(false);
-              showDialog(/*#__PURE__*/React__default['default'].createElement(ConditionRules, {
+              showDialog( /*#__PURE__*/React__default['default'].createElement(ConditionRules, {
                 type: v.text
               }));
             }
@@ -107633,7 +107666,7 @@
               }, [{
                 text: toolbarFormat.moreCurrency,
                 onclick: function onclick() {
-                  showDialog(/*#__PURE__*/React__default['default'].createElement(FormatSearch, {
+                  showDialog( /*#__PURE__*/React__default['default'].createElement(FormatSearch, {
                     onCancel: hideDialog,
                     type: "currency"
                   }));
@@ -107829,7 +107862,7 @@
           onClick: function onClick() {
             var imgsrc = handleScreenShot(contextRef.current);
             if (imgsrc) {
-              showDialog(/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", null, screenshot.screenshotTipSuccess), /*#__PURE__*/React__default['default'].createElement("img", {
+              showDialog( /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", null, screenshot.screenshotTipSuccess), /*#__PURE__*/React__default['default'].createElement("img", {
                 src: imgsrc,
                 alt: "",
                 style: {
@@ -107857,7 +107890,7 @@
               } else if (currentColumn[0] !== currentColumn[1]) {
                 showDialog(splitText.tipNoMultiColumn, "ok");
               } else {
-                showDialog(/*#__PURE__*/React__default['default'].createElement(SplitColumn, null));
+                showDialog( /*#__PURE__*/React__default['default'].createElement(SplitColumn, null));
               }
             }
           }
@@ -107870,7 +107903,7 @@
           key: name,
           onClick: function onClick() {
             if (context.allowEdit === false) return;
-            showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null));
+            showDialog( /*#__PURE__*/React__default['default'].createElement(DataVerification, null));
           }
         });
       }
@@ -107928,7 +107961,7 @@
                   range = lodash.assignIn([], context.luckysheet_select_save);
                 }
                 if (value === "location") {
-                  showDialog(/*#__PURE__*/React__default['default'].createElement(LocationCondition, null));
+                  showDialog( /*#__PURE__*/React__default['default'].createElement(LocationCondition, null));
                 } else if (value === "locationFormula") {
                   setContext(function (ctx) {
                     rangeArr = applyLocation(range, "locationFormula", "all", ctx);
@@ -108149,7 +108182,7 @@
           }), /*#__PURE__*/React__default['default'].createElement(MenuDivider, null), /*#__PURE__*/React__default['default'].createElement(Option, {
             key: "formula",
             onClick: function onClick() {
-              showDialog(/*#__PURE__*/React__default['default'].createElement(FormulaSearch$1, {
+              showDialog( /*#__PURE__*/React__default['default'].createElement(FormulaSearch$1, {
                 onCancel: hideDialog
               }));
               setOpen(false);
@@ -108262,7 +108295,7 @@
           return /*#__PURE__*/React__default['default'].createElement(Select, null, _items4.map(function (_ref9, ii) {
             var text = _ref9.text,
               value = _ref9.value;
-            return value !== "divider" ? (/*#__PURE__*/React__default['default'].createElement(Option, {
+            return value !== "divider" ? ( /*#__PURE__*/React__default['default'].createElement(Option, {
               key: value,
               onClick: function onClick() {
                 setContext(function (ctx) {
@@ -108274,7 +108307,7 @@
               className: "leankylin-toolbar-menu-line"
             }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
               name: value
-            })))) : (/*#__PURE__*/React__default['default'].createElement(MenuDivider, {
+            })))) : ( /*#__PURE__*/React__default['default'].createElement(MenuDivider, {
               key: ii
             }));
           }), /*#__PURE__*/React__default['default'].createElement(CustomBorder, {
@@ -108481,7 +108514,7 @@
               iconId = _ref13.iconId,
               value = _ref13.value,
               _onClick2 = _ref13.onClick;
-            return value !== "divider" ? (/*#__PURE__*/React__default['default'].createElement(Option, {
+            return value !== "divider" ? ( /*#__PURE__*/React__default['default'].createElement(Option, {
               key: value,
               onClick: function onClick() {
                 _onClick2 === null || _onClick2 === void 0 ? void 0 : _onClick2();
@@ -108491,7 +108524,7 @@
               className: "leankylin-toolbar-menu-line"
             }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
               name: iconId
-            })))) : (/*#__PURE__*/React__default['default'].createElement(MenuDivider, {
+            })))) : ( /*#__PURE__*/React__default['default'].createElement(MenuDivider, {
               key: "divider-".concat(index)
             }));
           }));
@@ -108521,11 +108554,11 @@
         icon: n.icon,
         iconName: n.iconName
       }, n.children);
-    }), ((_settings$customToolb = settings.customToolbarItems) === null || _settings$customToolb === void 0 ? void 0 : _settings$customToolb.length) > 0 ? (/*#__PURE__*/React__default['default'].createElement(Divider, {
+    }), ((_settings$customToolb = settings.customToolbarItems) === null || _settings$customToolb === void 0 ? void 0 : _settings$customToolb.length) > 0 ? ( /*#__PURE__*/React__default['default'].createElement(Divider, {
       key: "customDivider"
     })) : null, (toolbarWrapIndex === -1 ? settings.toolbarItems : settings.toolbarItems.slice(0, toolbarWrapIndex + 1)).map(function (name, i) {
       return getToolbarItem(name, i);
-    }), toolbarWrapIndex !== -1 && toolbarWrapIndex < settings.toolbarItems.length - 1 ? (/*#__PURE__*/React__default['default'].createElement(Button, {
+    }), toolbarWrapIndex !== -1 && toolbarWrapIndex < settings.toolbarItems.length - 1 ? ( /*#__PURE__*/React__default['default'].createElement(Button, {
       iconId: "more",
       tooltip: toolbar.toolMore,
       onClick: function onClick() {
@@ -108819,7 +108852,7 @@
       },
       tabIndex: 0,
       allowEdit: allowEdit
-    }), /*#__PURE__*/React__default['default'].createElement(CalcInfo, null), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
+    }), /*#__PURE__*/React__default['default'].createElement(CalcInfo, null), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
       style: {
         top: inputContainerRef.current.clientHeight
       }
@@ -109046,7 +109079,7 @@
       style: {
         fill: svgColor
       }
-    })), !!sheet.color && (/*#__PURE__*/React__default['default'].createElement("div", {
+    })), !!sheet.color && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "luckysheet-sheets-item-color",
       style: {
         background: sheet.color
@@ -109129,7 +109162,7 @@
       onClick: function onClick() {
         return setRadioMenuOpen(true);
       }
-    }, (context.zoomRatio * 100).toFixed(0), "%"), radioMenuOpen && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, (context.zoomRatio * 100).toFixed(0), "%"), radioMenuOpen && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-zoom-ratio-menu",
       ref: menuRef
     }, presets.map(function (v) {
@@ -109213,14 +109246,14 @@
       id: "luckysheet-sheet-area"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       id: "luckysheet-sheet-content"
-    }, context.allowEdit && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, context.allowEdit && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-sheettab-button",
       onClick: onAddSheetClick
     }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
       name: "plus",
       width: 16,
       height: 16
-    }))), context.allowEdit && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }))), context.allowEdit && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "sheet-list-container"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       id: "all-sheets",
@@ -109258,9 +109291,9 @@
         key: sheet.id,
         sheet: sheet
       });
-    })), isShowBoundary && isShowScrollBtn && (/*#__PURE__*/React__default['default'].createElement("div", {
+    })), isShowBoundary && isShowScrollBtn && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "boundary boundary-right"
-    }))), isShowScrollBtn && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }))), isShowScrollBtn && ( /*#__PURE__*/React__default['default'].createElement("div", {
       id: "leankylin-sheettab-leftscroll",
       className: "leankylin-sheettab-scroll",
       ref: leftScrollRef,
@@ -109271,7 +109304,7 @@
       name: "arrow-doubleleft",
       width: 12,
       height: 12
-    }))), isShowScrollBtn && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }))), isShowScrollBtn && ( /*#__PURE__*/React__default['default'].createElement("div", {
       id: "leankylin-sheettab-rightscroll",
       className: "leankylin-sheettab-scroll",
       ref: rightScrollRef,
@@ -109522,7 +109555,7 @@
                 insertRowColOp: insertRowColOp
               });
             }
-          }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, lodash.startsWith((_context$lang = context.lang) !== null && _context$lang !== void 0 ? _context$lang : "", "zh") && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, rightclick.to, /*#__PURE__*/React__default['default'].createElement("span", {
+          }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, lodash.startsWith((_context$lang = context.lang) !== null && _context$lang !== void 0 ? _context$lang : "", "zh") && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, rightclick.to, /*#__PURE__*/React__default['default'].createElement("span", {
             className: "luckysheet-cols-rows-shift-".concat(dir)
           }, rightclick[dir]))), "".concat(rightclick.insert, "  "), /*#__PURE__*/React__default['default'].createElement("input", {
             onClick: function onClick(e) {
@@ -109537,7 +109570,7 @@
             defaultValue: "1"
           }), /*#__PURE__*/React__default['default'].createElement("span", {
             className: "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel"
-          }, "".concat(rightclick.column, "  ")), !lodash.startsWith((_context$lang2 = context.lang) !== null && _context$lang2 !== void 0 ? _context$lang2 : "", "zh") && (/*#__PURE__*/React__default['default'].createElement("span", {
+          }, "".concat(rightclick.column, "  ")), !lodash.startsWith((_context$lang2 = context.lang) !== null && _context$lang2 !== void 0 ? _context$lang2 : "", "zh") && ( /*#__PURE__*/React__default['default'].createElement("span", {
             className: "luckysheet-cols-rows-shift-".concat(dir)
           }, rightclick[dir]))));
         });
@@ -109575,7 +109608,7 @@
                 insertRowColOp: insertRowColOp
               });
             }
-          }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, lodash.startsWith((_context$lang3 = context.lang) !== null && _context$lang3 !== void 0 ? _context$lang3 : "", "zh") && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, rightclick.to, /*#__PURE__*/React__default['default'].createElement("span", {
+          }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, lodash.startsWith((_context$lang3 = context.lang) !== null && _context$lang3 !== void 0 ? _context$lang3 : "", "zh") && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, rightclick.to, /*#__PURE__*/React__default['default'].createElement("span", {
             className: "luckysheet-cols-rows-shift-".concat(dir)
           }, rightclick[dir]))), "".concat(rightclick.insert, "  "), /*#__PURE__*/React__default['default'].createElement("input", {
             onClick: function onClick(e) {
@@ -109590,13 +109623,13 @@
             defaultValue: "1"
           }), /*#__PURE__*/React__default['default'].createElement("span", {
             className: "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel"
-          }, "".concat(rightclick.row, "  ")), !lodash.startsWith((_context$lang4 = context.lang) !== null && _context$lang4 !== void 0 ? _context$lang4 : "", "zh") && (/*#__PURE__*/React__default['default'].createElement("span", {
+          }, "".concat(rightclick.row, "  ")), !lodash.startsWith((_context$lang4 = context.lang) !== null && _context$lang4 !== void 0 ? _context$lang4 : "", "zh") && ( /*#__PURE__*/React__default['default'].createElement("span", {
             className: "luckysheet-cols-rows-shift-".concat(dir)
           }, rightclick[dir]))));
         });
       }
       if (name === "delete-column") {
-        return (selection === null || selection === void 0 ? void 0 : selection.column_select) && (/*#__PURE__*/React__default['default'].createElement(Menu, {
+        return (selection === null || selection === void 0 ? void 0 : selection.column_select) && ( /*#__PURE__*/React__default['default'].createElement(Menu, {
           key: "delete-col",
           onClick: function onClick() {
             if (!selection) return;
@@ -109639,7 +109672,7 @@
         }, rightclick.deleteSelected, rightclick.column));
       }
       if (name === "delete-row") {
-        return (selection === null || selection === void 0 ? void 0 : selection.row_select) && (/*#__PURE__*/React__default['default'].createElement(Menu, {
+        return (selection === null || selection === void 0 ? void 0 : selection.row_select) && ( /*#__PURE__*/React__default['default'].createElement(Menu, {
           key: "delete-row",
           onClick: function onClick() {
             if (!selection) return;
@@ -109730,7 +109763,7 @@
         })) ? "" : rowHeight;
         return ((_context$luckysheet_s9 = context.luckysheet_select_save) === null || _context$luckysheet_s9 === void 0 ? void 0 : _context$luckysheet_s9.some(function (section) {
           return section.row_select;
-        })) ? (/*#__PURE__*/React__default['default'].createElement(Menu, {
+        })) ? ( /*#__PURE__*/React__default['default'].createElement(Menu, {
           key: "set-row-height",
           onClick: function onClick(e, container) {
             var _container$querySelec2;
@@ -109778,7 +109811,7 @@
         })) ? "" : colWidth;
         return ((_context$luckysheet_s11 = context.luckysheet_select_save) === null || _context$luckysheet_s11 === void 0 ? void 0 : _context$luckysheet_s11.some(function (section) {
           return section.column_select;
-        })) ? (/*#__PURE__*/React__default['default'].createElement(Menu, {
+        })) ? ( /*#__PURE__*/React__default['default'].createElement(Menu, {
           key: "set-column-width",
           onClick: function onClick(e, container) {
             var _container$querySelec3;
@@ -109870,7 +109903,7 @@
           key: name,
           onClick: function onClick() {
             setContext(function (draftCtx) {
-              showDialog(/*#__PURE__*/React__default['default'].createElement(CustomSort, null));
+              showDialog( /*#__PURE__*/React__default['default'].createElement(CustomSort, null));
               draftCtx.contextMenu = {};
             });
           }
@@ -111625,7 +111658,7 @@
         }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
           name: "rightArrow",
           width: 18
-        })), isShowChangeColor && context.allowEdit && (/*#__PURE__*/React__default['default'].createElement(ChangeColor, {
+        })), isShowChangeColor && context.allowEdit && ( /*#__PURE__*/React__default['default'].createElement(ChangeColor, {
           triggerParentUpdate: updateShowInputColor
         })));
       }
@@ -111665,6 +111698,11 @@
       getRefs: function getRefs() {
         return refs;
       },
+      setCellOptions: function setCellOptions(cellOptions) {
+        return setContext(function (ctx) {
+          ctx.cellOptions = cellOptions;
+        });
+      },
       applyOp: function applyOp(ops) {
         setContext(function (ctx_) {
           var _ops$, _ops$$path, _ops$2, _ops$2$path, _ops$3;
@@ -111927,7 +111965,7 @@
     var checked = React.useMemo(function () {
       return isChecked(item.key);
     }, [isChecked, item.key]);
-    return isItemVisible(item) ? (/*#__PURE__*/React__default['default'].createElement("div", {
+    return isItemVisible(item) ? ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "select-item"
     }, /*#__PURE__*/React__default['default'].createElement("input", {
       className: "filter-checkbox",
@@ -111940,7 +111978,7 @@
       className: "count"
     }, "( ".concat(item.rows.length, " )")))) : null;
   };
-  var _DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
+  var DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
     var item = _ref2.item,
       _ref2$depth = _ref2.depth,
       depth = _ref2$depth === void 0 ? 0 : _ref2$depth,
@@ -111956,7 +111994,7 @@
     var checked = React.useMemo(function () {
       return isChecked(item.key);
     }, [isChecked, item.key]);
-    return isItemVisible(item) ? (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
+    return isItemVisible(item) ? ( /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "select-item",
       style: {
         marginLeft: -2 + depth * 20
@@ -111965,11 +112003,11 @@
         onExpand === null || onExpand === void 0 ? void 0 : onExpand(item.key, !expand);
         setExpand(!expand);
       }
-    }, lodash.isEmpty(item.children) ? (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, lodash.isEmpty(item.children) ? ( /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
         width: 10
       }
-    })) : (/*#__PURE__*/React__default['default'].createElement("div", {
+    })) : ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "filter-caret ".concat(expand ? "down" : "right"),
       style: {
         cursor: "pointer"
@@ -111987,7 +112025,7 @@
     }), /*#__PURE__*/React__default['default'].createElement("div", null, item.text), /*#__PURE__*/React__default['default'].createElement("span", {
       className: "count"
     }, "( ".concat(item.rows.length, " )"))), expand && item.children.map(function (v) {
-      return /*#__PURE__*/React__default['default'].createElement(_DateSelectTreeItem, _objectSpread2({
+      return /*#__PURE__*/React__default['default'].createElement(DateSelectTreeItem, _objectSpread2({
         key: v.key,
         item: v,
         depth: depth + 1
@@ -112008,7 +112046,7 @@
       onChange = _ref3.onChange,
       isItemVisible = _ref3.isItemVisible;
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, dates.map(function (v) {
-      return /*#__PURE__*/React__default['default'].createElement(_DateSelectTreeItem, _objectSpread2({
+      return /*#__PURE__*/React__default['default'].createElement(DateSelectTreeItem, _objectSpread2({
         key: v.key,
         item: v
       }, {
@@ -112161,7 +112199,7 @@
       });
     }, [col, setContext, startRow, startCol, endRow, endCol, showAlert]);
     var renderColorList = React.useCallback(function (key, title, colors, onSelectChange) {
-      return colors.length > 1 ? (/*#__PURE__*/React__default['default'].createElement("div", {
+      return colors.length > 1 ? ( /*#__PURE__*/React__default['default'].createElement("div", {
         key: key
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "title"
@@ -112467,7 +112505,7 @@
           clearFilter(draftCtx);
         });
       }
-    }, filter.clearFilter))), showSubMenu && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, filter.clearFilter))), showSubMenu && ( /*#__PURE__*/React__default['default'].createElement("div", {
       ref: subMenuRef,
       className: "luckysheet-filter-bycolor-submenu",
       style: subMenuPos,
@@ -112478,9 +112516,9 @@
         mouseHoverSubMenu.current = false;
         setShowSubMenu(false);
       }
-    }, filterColors.bgColors.length < 2 && filterColors.fcColors.length < 2 ? (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, filterColors.bgColors.length < 2 && filterColors.fcColors.length < 2 ? ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "one-color-tip"
-    }, filter.filterContainerOneColorTip)) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, [{
+    }, filter.filterContainerOneColorTip)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, [{
       key: "bgColors",
       title: filter.filiterByColorTip,
       colors: filterColors.bgColors
@@ -112529,7 +112567,7 @@
         showSheet();
       },
       className: "leankylin-sheet-hidden-button"
-    }, (sheet === null || sheet === void 0 ? void 0 : sheet.hide) === 1 ? (/*#__PURE__*/React__default['default'].createElement(SVGIcon, {
+    }, (sheet === null || sheet === void 0 ? void 0 : sheet.hide) === 1 ? ( /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
       name: "hidden",
       width: 16,
       height: 16,
@@ -112587,7 +112625,7 @@
       }
     }, /*#__PURE__*/React__default['default'].createElement("span", {
       className: "leankylin-sheet-selected-check-sapce"
-    }, sheet.id === context.currentSheetId && (/*#__PURE__*/React__default['default'].createElement(SVGIcon, {
+    }, sheet.id === context.currentSheetId && ( /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
       name: "check",
       width: 16,
       height: 16,
@@ -112598,7 +112636,7 @@
     }))), /*#__PURE__*/React__default['default'].createElement("span", {
       className: "luckysheet-sheets-item-name leankylin-sheet-list-item-name",
       spellCheck: "false"
-    }, !!sheet.color && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, !!sheet.color && ( /*#__PURE__*/React__default['default'].createElement("div", {
       className: "luckysheet-sheets-list-item-color",
       style: {
         background: sheet.color
@@ -113089,14 +113127,14 @@
       onKeyDown: onKeyDown
     }, /*#__PURE__*/React__default['default'].createElement(SVGDefines, null), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-workarea"
-    }, mergedSettings.showToolbar && (/*#__PURE__*/React__default['default'].createElement(Toolbar, {
+    }, mergedSettings.showToolbar && ( /*#__PURE__*/React__default['default'].createElement(Toolbar, {
       moreItemsOpen: moreToolbarItems !== null,
       setMoreItems: setMoreToolbarItems
     })), mergedSettings.showFormulaBar && /*#__PURE__*/React__default['default'].createElement(FxEditor, null)), /*#__PURE__*/React__default['default'].createElement(Sheet, {
       sheet: sheet
-    }), mergedSettings.showSheetTabs && /*#__PURE__*/React__default['default'].createElement(SheetTab, null), /*#__PURE__*/React__default['default'].createElement(ContextMenu, null), /*#__PURE__*/React__default['default'].createElement(FilterMenu, null), /*#__PURE__*/React__default['default'].createElement(SheetTabContextMenu, null), context.showSheetList && /*#__PURE__*/React__default['default'].createElement(SheetList, null), moreToolbarItems && (/*#__PURE__*/React__default['default'].createElement(MoreItemsContaier, {
+    }), mergedSettings.showSheetTabs && /*#__PURE__*/React__default['default'].createElement(SheetTab, null), /*#__PURE__*/React__default['default'].createElement(ContextMenu, null), /*#__PURE__*/React__default['default'].createElement(FilterMenu, null), /*#__PURE__*/React__default['default'].createElement(SheetTabContextMenu, null), context.showSheetList && /*#__PURE__*/React__default['default'].createElement(SheetList, null), moreToolbarItems && ( /*#__PURE__*/React__default['default'].createElement(MoreItemsContaier, {
       onClose: onMoreToolbarItemsClose
-    }, moreToolbarItems)), !lodash.isEmpty(context.contextMenu) && (/*#__PURE__*/React__default['default'].createElement("div", {
+    }, moreToolbarItems)), !lodash.isEmpty(context.contextMenu) && ( /*#__PURE__*/React__default['default'].createElement("div", {
       onMouseDown: function onMouseDown() {
         setContextWithProduce(function (draftCtx) {
           draftCtx.contextMenu = {};