npm - @leankylin-sheet/react - Versions diffs - 2.0.14 → 2.0.16 - Mend

@leankylin-sheet/react 2.0.14 → 2.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/components/Workbook/index.d.ts +1 -5
package/dist/index.esm.js +222 -180
package/dist/index.js +221 -179
package/dist/index.umd.js +397 -396
package/dist/index.umd.min.js +2 -2
package/package.json +2 -2

package/dist/index.umd.js CHANGED Viewed

@@ -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) {
+      return 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) {
@@ -105623,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", {
@@ -105695,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];
@@ -105736,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;
@@ -105834,7 +105835,7 @@
         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;
       }
@@ -106170,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",
@@ -106187,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
@@ -106853,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
               }));
             }
@@ -106900,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
               }));
             }
@@ -107665,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"
                   }));
@@ -107861,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: {
@@ -107889,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));
               }
             }
           }
@@ -107902,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));
           }
         });
       }
@@ -107960,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);
@@ -108181,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);
@@ -108294,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) {
@@ -108306,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, {
@@ -108513,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();
@@ -108523,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)
             }));
           }));
@@ -108553,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() {
@@ -108851,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
       }
@@ -109078,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
@@ -109161,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) {
@@ -109245,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",
@@ -109290,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,
@@ -109303,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,
@@ -109513,7 +109514,7 @@
           onClick: function onClick(e) {
             e.stopPropagation();
             e.preventDefault();
-            var pasteEvent = new Event('paste', {
+            var pasteEvent = new Event("paste", {
               bubbles: true,
               cancelable: true
             });
@@ -109554,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) {
@@ -109569,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]))));
         });
@@ -109607,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) {
@@ -109622,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;
@@ -109671,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;
@@ -109762,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;
@@ -109810,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;
@@ -109902,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 = {};
             });
           }
@@ -109980,7 +109981,7 @@
       }
     }, [contextMenu.x, contextMenu.y, setContext]);
     var renderCustom = function renderCustom() {
-      return settings.cellCustomContextMenu().map(function (item) {
+      return settings.cellCustomContextMenu(context.luckysheet_select_save).map(function (item) {
         return /*#__PURE__*/React__default['default'].createElement(Menu, {
           key: item.key,
           onClick: function onClick() {
@@ -111657,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
         })));
       }
@@ -111964,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",
@@ -111977,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,
@@ -111993,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
@@ -112002,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"
@@ -112024,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
@@ -112045,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
       }, {
@@ -112198,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"
@@ -112504,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,
@@ -112515,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
@@ -112566,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,
@@ -112624,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,
@@ -112635,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
@@ -113126,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 = {};