@leankylin-sheet/react 2.0.13 → 2.0.15

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 (12) hide show
  1. package/dist/components/CellOptions/index.d.ts +4 -0
  2. package/dist/components/Workbook/api.d.ts +1 -0
  3. package/dist/components/Workbook/index.d.ts +1 -0
  4. package/dist/index.css +6 -0
  5. package/dist/index.esm.css +6 -0
  6. package/dist/index.esm.js +258 -179
  7. package/dist/index.js +257 -178
  8. package/dist/index.umd.css +6 -0
  9. package/dist/index.umd.js +433 -395
  10. package/dist/index.umd.min.css +1 -1
  11. package/dist/index.umd.min.js +2 -2
  12. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -14,37 +14,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var produce__default = /*#__PURE__*/_interopDefaultLegacy(produce);
15
15
  var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
16
16
 
17
- function _arrayLikeToArray(r, a) {
18
- (null == a || a > r.length) && (a = r.length);
19
- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
20
- return n;
21
- }
22
- function _arrayWithHoles(r) {
23
- if (Array.isArray(r)) return r;
24
- }
25
- function _arrayWithoutHoles(r) {
26
- if (Array.isArray(r)) return _arrayLikeToArray(r);
27
- }
28
- function _defineProperty(e, r, t) {
29
- return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
30
- value: t,
31
- enumerable: !0,
32
- configurable: !0,
33
- writable: !0
34
- }) : e[r] = t, e;
35
- }
36
- function _extends() {
37
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
38
- for (var e = 1; e < arguments.length; e++) {
39
- var t = arguments[e];
40
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
41
- }
42
- return n;
43
- }, _extends.apply(null, arguments);
44
- }
45
- function _iterableToArray(r) {
46
- if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
47
- }
48
17
  function _iterableToArrayLimit(r, l) {
49
18
  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
50
19
  if (null != t) {
@@ -72,15 +41,6 @@ function _iterableToArrayLimit(r, l) {
72
41
  return a;
73
42
  }
74
43
  }
75
- function _nonIterableRest() {
76
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
77
- }
78
- function _nonIterableSpread() {
79
- throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
80
- }
81
- function _objectDestructuringEmpty(t) {
82
- if (null == t) throw new TypeError("Cannot destructure " + t);
83
- }
84
44
  function ownKeys(e, r) {
85
45
  var t = Object.keys(e);
86
46
  if (Object.getOwnPropertySymbols) {
@@ -102,32 +62,6 @@ function _objectSpread2(e) {
102
62
  }
103
63
  return e;
104
64
  }
105
- function _objectWithoutProperties(e, t) {
106
- if (null == e) return {};
107
- var o,
108
- r,
109
- i = _objectWithoutPropertiesLoose(e, t);
110
- if (Object.getOwnPropertySymbols) {
111
- var s = Object.getOwnPropertySymbols(e);
112
- for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
113
- }
114
- return i;
115
- }
116
- function _objectWithoutPropertiesLoose(r, e) {
117
- if (null == r) return {};
118
- var t = {};
119
- for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
120
- if (e.includes(n)) continue;
121
- t[n] = r[n];
122
- }
123
- return t;
124
- }
125
- function _slicedToArray(r, e) {
126
- return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
127
- }
128
- function _toConsumableArray(r) {
129
- return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
130
- }
131
65
  function _toPrimitive(t, r) {
132
66
  if ("object" != typeof t || !t) return t;
133
67
  var e = t[Symbol.toPrimitive];
@@ -142,12 +76,97 @@ function _toPropertyKey(t) {
142
76
  var i = _toPrimitive(t, "string");
143
77
  return "symbol" == typeof i ? i : i + "";
144
78
  }
145
- function _unsupportedIterableToArray(r, a) {
146
- if (r) {
147
- if ("string" == typeof r) return _arrayLikeToArray(r, a);
148
- var t = {}.toString.call(r).slice(8, -1);
149
- 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;
79
+ function _defineProperty(obj, key, value) {
80
+ key = _toPropertyKey(key);
81
+ if (key in obj) {
82
+ Object.defineProperty(obj, key, {
83
+ value: value,
84
+ enumerable: true,
85
+ configurable: true,
86
+ writable: true
87
+ });
88
+ } else {
89
+ obj[key] = value;
150
90
  }
91
+ return obj;
92
+ }
93
+ function _extends() {
94
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
95
+ for (var i = 1; i < arguments.length; i++) {
96
+ var source = arguments[i];
97
+ for (var key in source) {
98
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
99
+ target[key] = source[key];
100
+ }
101
+ }
102
+ }
103
+ return target;
104
+ };
105
+ return _extends.apply(this, arguments);
106
+ }
107
+ function _objectDestructuringEmpty(obj) {
108
+ if (obj == null) throw new TypeError("Cannot destructure " + obj);
109
+ }
110
+ function _objectWithoutPropertiesLoose(source, excluded) {
111
+ if (source == null) return {};
112
+ var target = {};
113
+ var sourceKeys = Object.keys(source);
114
+ var key, i;
115
+ for (i = 0; i < sourceKeys.length; i++) {
116
+ key = sourceKeys[i];
117
+ if (excluded.indexOf(key) >= 0) continue;
118
+ target[key] = source[key];
119
+ }
120
+ return target;
121
+ }
122
+ function _objectWithoutProperties(source, excluded) {
123
+ if (source == null) return {};
124
+ var target = _objectWithoutPropertiesLoose(source, excluded);
125
+ var key, i;
126
+ if (Object.getOwnPropertySymbols) {
127
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
128
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
129
+ key = sourceSymbolKeys[i];
130
+ if (excluded.indexOf(key) >= 0) continue;
131
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
132
+ target[key] = source[key];
133
+ }
134
+ }
135
+ return target;
136
+ }
137
+ function _slicedToArray(arr, i) {
138
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
139
+ }
140
+ function _toConsumableArray(arr) {
141
+ return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
142
+ }
143
+ function _arrayWithoutHoles(arr) {
144
+ if (Array.isArray(arr)) return _arrayLikeToArray(arr);
145
+ }
146
+ function _arrayWithHoles(arr) {
147
+ if (Array.isArray(arr)) return arr;
148
+ }
149
+ function _iterableToArray(iter) {
150
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
151
+ }
152
+ function _unsupportedIterableToArray(o, minLen) {
153
+ if (!o) return;
154
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
155
+ var n = Object.prototype.toString.call(o).slice(8, -1);
156
+ if (n === "Object" && o.constructor) n = o.constructor.name;
157
+ if (n === "Map" || n === "Set") return Array.from(o);
158
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
159
+ }
160
+ function _arrayLikeToArray(arr, len) {
161
+ if (len == null || len > arr.length) len = arr.length;
162
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
163
+ return arr2;
164
+ }
165
+ function _nonIterableSpread() {
166
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
167
+ }
168
+ function _nonIterableRest() {
169
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
151
170
  }
152
171
 
153
172
  var defaultRefs = {
@@ -355,14 +374,14 @@ var ColumnHeader = function ColumnHeader() {
355
374
  left: hoverLocation.col - 5 + (hoverInFreeze ? context.scrollLeft : 0),
356
375
  opacity: context.luckysheet_cols_change_size ? 1 : 0
357
376
  }
358
- }), !context.luckysheet_cols_change_size && hoverLocation.col_index >= 0 ? (/*#__PURE__*/React__default['default'].createElement("div", {
377
+ }), !context.luckysheet_cols_change_size && hoverLocation.col_index >= 0 ? ( /*#__PURE__*/React__default['default'].createElement("div", {
359
378
  className: "leankylin-col-header-hover",
360
379
  style: ___default['default'].assign({
361
380
  left: hoverLocation.col_pre,
362
381
  width: hoverLocation.col - hoverLocation.col_pre - 1,
363
382
  display: "block"
364
383
  }, core.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]))
365
- }, allowEditRef.current && (/*#__PURE__*/React__default['default'].createElement("span", {
384
+ }, allowEditRef.current && ( /*#__PURE__*/React__default['default'].createElement("span", {
366
385
  className: "header-arrow",
367
386
  onClick: function onClick(e) {
368
387
  setContext(function (ctx) {
@@ -570,7 +589,7 @@ var RowHeader = function RowHeader() {
570
589
  top: hoverLocation.row - 3 + (hoverInFreeze ? context.scrollTop : 0),
571
590
  opacity: context.luckysheet_rows_change_size ? 1 : 0
572
591
  }
573
- }), !context.luckysheet_rows_change_size && hoverLocation.row_index >= 0 ? (/*#__PURE__*/React__default['default'].createElement("div", {
592
+ }), !context.luckysheet_rows_change_size && hoverLocation.row_index >= 0 ? ( /*#__PURE__*/React__default['default'].createElement("div", {
574
593
  className: "leankylin-row-header-hover",
575
594
  style: ___default['default'].assign({
576
595
  top: hoverLocation.row_pre,
@@ -673,13 +692,34 @@ var ContentEditable = function ContentEditable(_ref) {
673
692
 
674
693
  var FormulaSearch = function FormulaSearch(props) {
675
694
  var _useContext = React.useContext(WorkbookContext),
676
- context = _useContext.context;
695
+ context = _useContext.context,
696
+ refs = _useContext.refs,
697
+ settings = _useContext.settings;
677
698
  if (___default['default'].isEmpty(context.functionCandidates)) return null;
699
+ function moveCursorToEnd(editor) {
700
+ var leftParen = editor.querySelector(".luckysheet-formula-text-lpar");
701
+ var rightParen = editor.querySelector(".luckysheet-formula-text-rpar");
702
+ var range = document.createRange();
703
+ var selection = window.getSelection();
704
+ range.setStartAfter(leftParen);
705
+ range.setEndBefore(rightParen);
706
+ selection.removeAllRanges();
707
+ selection.addRange(range);
708
+ }
709
+ if (settings.renderFormulaSearch) {
710
+ return settings.renderFormulaSearch(context.functionCandidates, core.functionHTMLGenerate, refs.cellInput.current);
711
+ }
678
712
  return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
679
713
  id: "luckysheet-formula-search-c",
680
714
  className: "luckysheet-formula-search-c"
681
715
  }), context.functionCandidates.map(function (v) {
682
716
  return /*#__PURE__*/React__default['default'].createElement("div", {
717
+ onClick: function onClick() {
718
+ var _refs$cellInput$curre;
719
+ refs.cellInput.current.innerHTML = core.functionHTMLGenerate("=".concat(v.n, "()"));
720
+ (_refs$cellInput$curre = refs.cellInput.current) === null || _refs$cellInput$curre === void 0 ? void 0 : _refs$cellInput$curre.focus();
721
+ moveCursorToEnd(refs.cellInput.current);
722
+ },
683
723
  key: v.n,
684
724
  "data-func": v.n,
685
725
  className: "luckysheet-formula-search-item"
@@ -693,12 +733,16 @@ var FormulaSearch = function FormulaSearch(props) {
693
733
 
694
734
  var FormulaHint = function FormulaHint(props) {
695
735
  var _useContext = React.useContext(WorkbookContext),
696
- context = _useContext.context;
736
+ context = _useContext.context,
737
+ settings = _useContext.settings;
697
738
  var _locale = core.locale(context),
698
739
  formulaMore = _locale.formulaMore;
699
740
  if (!context.functionHint) return null;
700
741
  var fn = context.formulaCache.functionlistMap[context.functionHint];
701
742
  if (!fn) return null;
743
+ if (settings.renderFormulaHint) {
744
+ settings.renderFormulaHint(fn);
745
+ }
702
746
  return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
703
747
  id: "luckysheet-formula-help-c",
704
748
  className: "luckysheet-formula-help-c"
@@ -777,9 +821,9 @@ var FormulaHint = function FormulaHint(props) {
777
821
  key: param.name
778
822
  }, /*#__PURE__*/React__default['default'].createElement("div", {
779
823
  className: "luckysheet-arguments-help-section-title"
780
- }, param.name, param.repeat === "y" && (/*#__PURE__*/React__default['default'].createElement("span", {
824
+ }, param.name, param.repeat === "y" && ( /*#__PURE__*/React__default['default'].createElement("span", {
781
825
  className: "luckysheet-arguments-help-argument-info"
782
- }, "...-", formulaMore.allowRepeatText)), param.require === "o" && (/*#__PURE__*/React__default['default'].createElement("span", {
826
+ }, "...-", formulaMore.allowRepeatText)), param.require === "o" && ( /*#__PURE__*/React__default['default'].createElement("span", {
783
827
  className: "luckysheet-arguments-help-argument-info"
784
828
  }, "-[", formulaMore.allowOptionText, "]"))), /*#__PURE__*/React__default['default'].createElement("span", {
785
829
  className: "luckysheet-arguments-help-parameter-content"
@@ -915,9 +959,7 @@ var InputBox = function InputBox() {
915
959
  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) {
916
960
  setContext(function (draftCtx) {
917
961
  if ((draftCtx.formulaCache.rangestart || draftCtx.formulaCache.rangedrag_column_start || draftCtx.formulaCache.rangedrag_row_start || core.israngeseleciton(draftCtx)) && isBlur) return;
918
- if (!core.isAllowEdit(draftCtx, draftCtx.luckysheet_select_save)) {
919
- return;
920
- }
962
+ if (!core.isAllowEdit(draftCtx, draftCtx.luckysheet_select_save)) ;
921
963
  core.handleFormulaInput(draftCtx, refs.fxInput.current, refs.cellInput.current, kcode, preText.current);
922
964
  });
923
965
  }
@@ -973,7 +1015,7 @@ var InputBox = function InputBox() {
973
1015
  onKeyDown: onKeyDown,
974
1016
  onPaste: onPaste,
975
1017
  allowEdit: edit ? !isHidenRC : edit
976
- })), document.activeElement === inputRef.current && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
1018
+ })), document.activeElement === inputRef.current && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
977
1019
  style: {
978
1020
  top: ((firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0) + 4
979
1021
  }
@@ -1066,12 +1108,12 @@ var Dialog = function Dialog(_ref) {
1066
1108
  }))), /*#__PURE__*/React__default['default'].createElement("div", {
1067
1109
  className: "leankylin-dialog-box-content",
1068
1110
  style: contentStyle
1069
- }, children), type != null && (/*#__PURE__*/React__default['default'].createElement("div", {
1111
+ }, children), type != null && ( /*#__PURE__*/React__default['default'].createElement("div", {
1070
1112
  className: "leankylin-dialog-box-button-container"
1071
- }, type === "ok" ? (/*#__PURE__*/React__default['default'].createElement("div", {
1113
+ }, type === "ok" ? ( /*#__PURE__*/React__default['default'].createElement("div", {
1072
1114
  className: "leankylin-message-box-button button-default",
1073
1115
  onClick: onOk
1074
- }, button.confirm)) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1116
+ }, button.confirm)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1075
1117
  className: "leankylin-message-box-button button-primary",
1076
1118
  onClick: onOk
1077
1119
  }, button.confirm), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -1127,7 +1169,7 @@ var ModalProvider = function ModalProvider(_ref) {
1127
1169
  }, [hideModal, showModal]);
1128
1170
  return /*#__PURE__*/React__default['default'].createElement(ModalContext.Provider, {
1129
1171
  value: providerValue
1130
- }, children, component && (/*#__PURE__*/React__default['default'].createElement("div", {
1172
+ }, children, component && ( /*#__PURE__*/React__default['default'].createElement("div", {
1131
1173
  onMouseDown: function onMouseDown(e) {
1132
1174
  return e.stopPropagation();
1133
1175
  },
@@ -1152,7 +1194,7 @@ function useAlert() {
1152
1194
  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "ok";
1153
1195
  var onOk = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : hideModal;
1154
1196
  var onCancel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : hideModal;
1155
- showModal(/*#__PURE__*/React__default['default'].createElement(MessageBox, {
1197
+ showModal( /*#__PURE__*/React__default['default'].createElement(MessageBox, {
1156
1198
  type: type,
1157
1199
  onOk: onOk,
1158
1200
  onCancel: onCancel
@@ -1222,7 +1264,7 @@ var SearchReplace = function SearchReplace() {
1222
1264
  };
1223
1265
  }, []);
1224
1266
  var body = document.body;
1225
- return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("div", {
1267
+ return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
1226
1268
  id: "leankylin-search-replace",
1227
1269
  className: "leankylin-search-replace leankylin-dialog",
1228
1270
  style: getInitialPosition(body),
@@ -1285,7 +1327,7 @@ var SearchReplace = function SearchReplace() {
1285
1327
  onChange: function onChange(e) {
1286
1328
  return setSearchText(e.target.value);
1287
1329
  }
1288
- })), showReplace && (/*#__PURE__*/React__default['default'].createElement("div", {
1330
+ })), showReplace && ( /*#__PURE__*/React__default['default'].createElement("div", {
1289
1331
  className: "textboxs",
1290
1332
  id: "replaceInput"
1291
1333
  }, findAndReplace.replaceTextbox, "\uFF1A", /*#__PURE__*/React__default['default'].createElement("input", {
@@ -1323,7 +1365,7 @@ var SearchReplace = function SearchReplace() {
1323
1365
  }
1324
1366
  }), /*#__PURE__*/React__default['default'].createElement("span", null, findAndReplace.distinguishTextbox)))), /*#__PURE__*/React__default['default'].createElement("div", {
1325
1367
  className: "btnBox"
1326
- }, showReplace && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1368
+ }, showReplace && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1327
1369
  id: "replaceAllBtn",
1328
1370
  className: "leankylin-message-box-button button-default",
1329
1371
  onClick: function onClick() {
@@ -1370,7 +1412,7 @@ var SearchReplace = function SearchReplace() {
1370
1412
  }, findAndReplace.findBtn))), /*#__PURE__*/React__default['default'].createElement("div", {
1371
1413
  className: "close-button leankylin-message-box-button button-default",
1372
1414
  onClick: closeDialog
1373
- }, button.close), searchResult.length > 0 && (/*#__PURE__*/React__default['default'].createElement("div", {
1415
+ }, button.close), searchResult.length > 0 && ( /*#__PURE__*/React__default['default'].createElement("div", {
1374
1416
  id: "searchAllbox",
1375
1417
  onScroll: function onScroll(e) {
1376
1418
  return e.stopPropagation();
@@ -1563,7 +1605,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1563
1605
  });
1564
1606
  }));
1565
1607
  }
1566
- return selectingCellRange ? (/*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({
1608
+ return selectingCellRange ? ( /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({
1567
1609
  className: "leankylin-link-modify-modal range-selection-modal",
1568
1610
  style: {
1569
1611
  left: position.cellLeft,
@@ -1598,7 +1640,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1598
1640
  }, function () {
1599
1641
  setLinkAddress(originAddress);
1600
1642
  setRangeModalVisible(false);
1601
- })))) : (/*#__PURE__*/React__default['default'].createElement("div", _objectSpread2({
1643
+ })))) : ( /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2({
1602
1644
  className: "leankylin-link-modify-modal",
1603
1645
  style: {
1604
1646
  left: position.cellLeft + 20,
@@ -1642,7 +1684,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1642
1684
  }, type.text);
1643
1685
  }))), /*#__PURE__*/React__default['default'].createElement("div", {
1644
1686
  className: "leankylin-link-modify-line"
1645
- }, linkType === "webpage" && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1687
+ }, linkType === "webpage" && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1646
1688
  className: "leankylin-link-modify-title"
1647
1689
  }, insertLink.linkAddress), /*#__PURE__*/React__default['default'].createElement("input", {
1648
1690
  className: "leankylin-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
@@ -1651,7 +1693,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1651
1693
  onChange: function onChange(e) {
1652
1694
  return setLinkAddress(e.target.value);
1653
1695
  }
1654
- }), tooltip)), linkType === "cellrange" && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1696
+ }), tooltip)), linkType === "cellrange" && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1655
1697
  className: "leankylin-link-modify-title"
1656
1698
  }, insertLink.linkCell), /*#__PURE__*/React__default['default'].createElement("input", {
1657
1699
  className: "leankylin-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
@@ -1667,7 +1709,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1667
1709
  }
1668
1710
  }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
1669
1711
  name: "border-all"
1670
- })), tooltip)), linkType === "sheet" && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1712
+ })), tooltip)), linkType === "sheet" && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1671
1713
  className: "leankylin-link-modify-title"
1672
1714
  }, insertLink.linkSheet), /*#__PURE__*/React__default['default'].createElement("select", {
1673
1715
  className: "leankylin-link-modify-select",
@@ -1748,7 +1790,7 @@ var FilterOptions = function FilterOptions(_ref) {
1748
1790
  frozenColumns = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range = frozen.range) === null || _frozen$range === void 0 ? void 0 : _frozen$range.column_focus) || -1;
1749
1791
  frozenRows = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range2 = frozen.range) === null || _frozen$range2 === void 0 ? void 0 : _frozen$range2.row_focus) || -1;
1750
1792
  }
1751
- 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) {
1793
+ 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) {
1752
1794
  var _refs$globalCache$fre, _refs$globalCache$fre2;
1753
1795
  var filterParam = filter[i];
1754
1796
  var columnOverflowFreezeStyle = core.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]);
@@ -1796,9 +1838,9 @@ var FilterOptions = function FilterOptions(_ref) {
1796
1838
  width: undefined
1797
1839
  }),
1798
1840
  className: "luckysheet-filter-options ".concat(filterParam == null ? "" : "luckysheet-filter-options-active")
1799
- }, filterParam == null ? (/*#__PURE__*/React__default['default'].createElement("div", {
1841
+ }, filterParam == null ? ( /*#__PURE__*/React__default['default'].createElement("div", {
1800
1842
  className: "caret down"
1801
- })) : (/*#__PURE__*/React__default['default'].createElement(SVGIcon, {
1843
+ })) : ( /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
1802
1844
  name: "filter-fill-white",
1803
1845
  style: {
1804
1846
  width: 15,
@@ -1821,7 +1863,7 @@ var ImgBoxs = function ImgBoxs() {
1821
1863
  }, [context.activeImg, context.insertedImgs]);
1822
1864
  return /*#__PURE__*/React__default['default'].createElement("div", {
1823
1865
  id: "luckysheet-image-showBoxs"
1824
- }, activeImg && (/*#__PURE__*/React__default['default'].createElement("div", {
1866
+ }, activeImg && ( /*#__PURE__*/React__default['default'].createElement("div", {
1825
1867
  id: "luckysheet-modal-dialog-activeImage",
1826
1868
  className: "luckysheet-modal-dialog",
1827
1869
  style: {
@@ -2122,7 +2164,7 @@ var NotationBoxes = function NotationBoxes() {
2122
2164
  className: "luckysheet-postil-dialog-move-item luckysheet-postil-dialog-move-item-".concat(v),
2123
2165
  "data-type": v
2124
2166
  });
2125
- })), isEditing && (/*#__PURE__*/React__default['default'].createElement("div", {
2167
+ })), isEditing && ( /*#__PURE__*/React__default['default'].createElement("div", {
2126
2168
  className: "luckysheet-postil-dialog-resize"
2127
2169
  }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
2128
2170
  return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -2191,7 +2233,7 @@ function useDialog() {
2191
2233
  var showDialog = React.useCallback(function (content, type) {
2192
2234
  var onOk = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : hideModal;
2193
2235
  var onCancel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : hideModal;
2194
- showModal(/*#__PURE__*/React__default['default'].createElement(Dialog, {
2236
+ showModal( /*#__PURE__*/React__default['default'].createElement(Dialog, {
2195
2237
  type: type,
2196
2238
  onOk: onOk,
2197
2239
  onCancel: onCancel
@@ -2417,7 +2459,7 @@ var DataVerification = function DataVerification() {
2417
2459
  value: v,
2418
2460
  key: v
2419
2461
  }, dataVerification[v]);
2420
- })), ((_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", {
2462
+ })), ((_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", {
2421
2463
  className: "show-box-item"
2422
2464
  }, /*#__PURE__*/React__default['default'].createElement("div", {
2423
2465
  className: "data-verification-range"
@@ -2455,7 +2497,7 @@ var DataVerification = function DataVerification() {
2455
2497
  }
2456
2498
  }), /*#__PURE__*/React__default['default'].createElement("label", {
2457
2499
  htmlFor: "mul"
2458
- }, 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", {
2500
+ }, 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", {
2459
2501
  className: "show-box-item"
2460
2502
  }, /*#__PURE__*/React__default['default'].createElement("div", {
2461
2503
  className: "check-box"
@@ -2483,7 +2525,7 @@ var DataVerification = function DataVerification() {
2483
2525
  ctx.dataVerification.dataRegulation.value2 = value;
2484
2526
  });
2485
2527
  }
2486
- })))), (((_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", {
2528
+ })))), (((_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", {
2487
2529
  className: "show-box-item"
2488
2530
  }, /*#__PURE__*/React__default['default'].createElement("select", {
2489
2531
  className: "data-verification-type-select",
@@ -2501,7 +2543,7 @@ var DataVerification = function DataVerification() {
2501
2543
  value: v,
2502
2544
  key: v
2503
2545
  }, dataVerification[v]);
2504
- })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React__default['default'].createElement("div", {
2546
+ })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? ( /*#__PURE__*/React__default['default'].createElement("div", {
2505
2547
  className: "input-box"
2506
2548
  }, /*#__PURE__*/React__default['default'].createElement("input", {
2507
2549
  type: "number",
@@ -2523,7 +2565,7 @@ var DataVerification = function DataVerification() {
2523
2565
  ctx.dataVerification.dataRegulation.value2 = value;
2524
2566
  });
2525
2567
  }
2526
- }))) : (/*#__PURE__*/React__default['default'].createElement("div", {
2568
+ }))) : ( /*#__PURE__*/React__default['default'].createElement("div", {
2527
2569
  className: "input-box"
2528
2570
  }, /*#__PURE__*/React__default['default'].createElement("input", {
2529
2571
  type: "number",
@@ -2538,7 +2580,7 @@ var DataVerification = function DataVerification() {
2538
2580
  ctx.dataVerification.dataRegulation.value1 = value;
2539
2581
  });
2540
2582
  }
2541
- }))))), ((_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", {
2583
+ }))))), ((_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", {
2542
2584
  className: "show-box-item"
2543
2585
  }, /*#__PURE__*/React__default['default'].createElement("select", {
2544
2586
  className: "data-verification-type-select",
@@ -2571,7 +2613,7 @@ var DataVerification = function DataVerification() {
2571
2613
  ctx.dataVerification.dataRegulation.value1 = value;
2572
2614
  });
2573
2615
  }
2574
- })))), ((_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", {
2616
+ })))), ((_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", {
2575
2617
  className: "show-box-item"
2576
2618
  }, /*#__PURE__*/React__default['default'].createElement("select", {
2577
2619
  className: "data-verification-type-select",
@@ -2589,7 +2631,7 @@ var DataVerification = function DataVerification() {
2589
2631
  value: v,
2590
2632
  key: v
2591
2633
  }, dataVerification[v]);
2592
- })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React__default['default'].createElement("div", {
2634
+ })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? ( /*#__PURE__*/React__default['default'].createElement("div", {
2593
2635
  className: "input-box"
2594
2636
  }, /*#__PURE__*/React__default['default'].createElement("input", {
2595
2637
  type: "date",
@@ -2611,7 +2653,7 @@ var DataVerification = function DataVerification() {
2611
2653
  ctx.dataVerification.dataRegulation.value2 = value;
2612
2654
  });
2613
2655
  }
2614
- }))) : (/*#__PURE__*/React__default['default'].createElement("div", {
2656
+ }))) : ( /*#__PURE__*/React__default['default'].createElement("div", {
2615
2657
  className: "input-box"
2616
2658
  }, /*#__PURE__*/React__default['default'].createElement("input", {
2617
2659
  type: "date",
@@ -2626,7 +2668,7 @@ var DataVerification = function DataVerification() {
2626
2668
  ctx.dataVerification.dataRegulation.value1 = value;
2627
2669
  });
2628
2670
  }
2629
- }))))), ((_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", {
2671
+ }))))), ((_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", {
2630
2672
  className: "show-box-item"
2631
2673
  }, /*#__PURE__*/React__default['default'].createElement("select", {
2632
2674
  className: "data-verification-type-select",
@@ -2670,7 +2712,7 @@ var DataVerification = function DataVerification() {
2670
2712
  htmlFor: v,
2671
2713
  key: "label".concat(v)
2672
2714
  }, dataVerification[v]));
2673
- }), ((_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", {
2715
+ }), ((_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", {
2674
2716
  className: "input-box"
2675
2717
  }, /*#__PURE__*/React__default['default'].createElement("input", {
2676
2718
  type: "text",
@@ -2796,7 +2838,7 @@ var ConditionRules = function ConditionRules(_ref) {
2796
2838
  className: "condition-rules-title"
2797
2839
  }, conditionformat["conditionformat_".concat(type)]), /*#__PURE__*/React__default['default'].createElement("div", {
2798
2840
  className: "conditin-rules-value"
2799
- }, conditionformat["conditionformat_".concat(type, "_title")]), (type === "greaterThan" || type === "lessThan" || type === "equal" || type === "textContains") && (/*#__PURE__*/React__default['default'].createElement("div", {
2841
+ }, conditionformat["conditionformat_".concat(type, "_title")]), (type === "greaterThan" || type === "lessThan" || type === "equal" || type === "textContains") && ( /*#__PURE__*/React__default['default'].createElement("div", {
2800
2842
  className: "condition-rules-inpbox"
2801
2843
  }, /*#__PURE__*/React__default['default'].createElement("input", {
2802
2844
  className: "condition-rules-input",
@@ -2808,7 +2850,7 @@ var ConditionRules = function ConditionRules(_ref) {
2808
2850
  ctx.conditionRules.rulesValue = value;
2809
2851
  });
2810
2852
  }
2811
- }))), type === "between" && (/*#__PURE__*/React__default['default'].createElement("div", {
2853
+ }))), type === "between" && ( /*#__PURE__*/React__default['default'].createElement("div", {
2812
2854
  className: "condition-rules-between-box"
2813
2855
  }, /*#__PURE__*/React__default['default'].createElement("div", {
2814
2856
  className: "condition-rules-between-inpbox"
@@ -2838,7 +2880,7 @@ var ConditionRules = function ConditionRules(_ref) {
2838
2880
  ctx.conditionRules.betweenValue.value2 = value;
2839
2881
  });
2840
2882
  }
2841
- })))), type === "occurrenceDate" && (/*#__PURE__*/React__default['default'].createElement("div", {
2883
+ })))), type === "occurrenceDate" && ( /*#__PURE__*/React__default['default'].createElement("div", {
2842
2884
  className: "condition-rules-inpbox"
2843
2885
  }, /*#__PURE__*/React__default['default'].createElement("input", {
2844
2886
  type: "date",
@@ -2850,7 +2892,7 @@ var ConditionRules = function ConditionRules(_ref) {
2850
2892
  ctx.conditionRules.dateValue = value;
2851
2893
  });
2852
2894
  }
2853
- }))), type === "duplicateValue" && (/*#__PURE__*/React__default['default'].createElement("select", {
2895
+ }))), type === "duplicateValue" && ( /*#__PURE__*/React__default['default'].createElement("select", {
2854
2896
  className: "condition-rules-select",
2855
2897
  onChange: function onChange(e) {
2856
2898
  var value = e.target.value;
@@ -2862,7 +2904,7 @@ var ConditionRules = function ConditionRules(_ref) {
2862
2904
  value: "0"
2863
2905
  }, conditionformat.duplicateValue), /*#__PURE__*/React__default['default'].createElement("option", {
2864
2906
  value: "1"
2865
- }, conditionformat.uniqueValue))), (type === "top10" || type === "top10_percent" || type === "last10" || type === "last10_percent") && (/*#__PURE__*/React__default['default'].createElement("div", {
2907
+ }, conditionformat.uniqueValue))), (type === "top10" || type === "top10_percent" || type === "last10" || type === "last10_percent") && ( /*#__PURE__*/React__default['default'].createElement("div", {
2866
2908
  className: "condition-rules-project-box"
2867
2909
  }, type === "top10" || type === "top10_percent" ? conditionformat.top : conditionformat.last, /*#__PURE__*/React__default['default'].createElement("input", {
2868
2910
  className: "condition-rules-project-input",
@@ -2969,19 +3011,19 @@ var RangeDialog = function RangeDialog() {
2969
3011
  if (!context.rangeDialog) return;
2970
3012
  var rangeDialogType = context.rangeDialog.type;
2971
3013
  if (rangeDialogType.indexOf("between") >= 0) {
2972
- showDialog(/*#__PURE__*/React__default['default'].createElement(ConditionRules, {
3014
+ showDialog( /*#__PURE__*/React__default['default'].createElement(ConditionRules, {
2973
3015
  type: "between"
2974
3016
  }));
2975
3017
  return;
2976
3018
  }
2977
3019
  if (rangeDialogType.indexOf("conditionRules") >= 0) {
2978
3020
  var rulesType = rangeDialogType.substring("conditionRules".length, rangeDialogType.length);
2979
- showDialog(/*#__PURE__*/React__default['default'].createElement(ConditionRules, {
3021
+ showDialog( /*#__PURE__*/React__default['default'].createElement(ConditionRules, {
2980
3022
  type: rulesType
2981
3023
  }));
2982
3024
  return;
2983
3025
  }
2984
- showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null));
3026
+ showDialog( /*#__PURE__*/React__default['default'].createElement(DataVerification, null));
2985
3027
  }, [context.rangeDialog, setContext, showDialog]);
2986
3028
  React.useEffect(function () {
2987
3029
  setRangeTxt2(function (r) {
@@ -3172,6 +3214,38 @@ var DropDownList = function DropDownList() {
3172
3214
  }));
3173
3215
  };
3174
3216
 
3217
+ var CellOptions = function CellOptions() {
3218
+ var _context$cellOptions;
3219
+ var _useContext = React.useContext(WorkbookContext),
3220
+ context = _useContext.context,
3221
+ refs = _useContext.refs;
3222
+ var cellOptions = (_context$cellOptions = context.cellOptions) !== null && _context$cellOptions !== void 0 ? _context$cellOptions : [];
3223
+ return /*#__PURE__*/React__default['default'].createElement("div", {
3224
+ className: "leankylin-cell-option"
3225
+ }, cellOptions === null || cellOptions === void 0 ? void 0 : cellOptions.map(function (item) {
3226
+ var _refs$globalCache$fre, _refs$globalCache$fre2, _item$render;
3227
+ var _colLocationByIndex = core.colLocationByIndex(item.c, context.visibledatacolumn),
3228
+ _colLocationByIndex2 = _slicedToArray(_colLocationByIndex, 2),
3229
+ left = _colLocationByIndex2[0],
3230
+ right = _colLocationByIndex2[1];
3231
+ var _rowLocationByIndex = core.rowLocationByIndex(item.r, context.visibledatarow),
3232
+ _rowLocationByIndex2 = _slicedToArray(_rowLocationByIndex, 2),
3233
+ top = _rowLocationByIndex2[0],
3234
+ bottom = _rowLocationByIndex2[1];
3235
+ var columnOverflowFreezeStyle = core.fixColumnStyleOverflowInFreeze(context, item.c, item.c, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
3236
+ var rowOverflowFreezeStyle = core.fixRowStyleOverflowInFreeze(context, item.r, item.r, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
3237
+ return /*#__PURE__*/React__default['default'].createElement("div", {
3238
+ style: _objectSpread2(_objectSpread2(_objectSpread2({}, columnOverflowFreezeStyle), rowOverflowFreezeStyle), {}, {
3239
+ position: "absolute",
3240
+ left: left,
3241
+ top: top,
3242
+ width: right - left,
3243
+ height: bottom - top
3244
+ })
3245
+ }, item === null || item === void 0 ? void 0 : (_item$render = item.render) === null || _item$render === void 0 ? void 0 : _item$render.call(item, item));
3246
+ }));
3247
+ };
3248
+
3175
3249
  var SheetOverlay = function SheetOverlay() {
3176
3250
  var _refs$cellArea$curren, _refs$cellArea$curren2, _context$luckysheet_s, _context$luckysheet_s2, _context$luckysheet_s3, _context$luckysheet_s4, _context$luckysheet_s5, _context$luckysheet_s6, _context$presences$le, _context$presences, _context$linkCard, _context$rangeDialog;
3177
3251
  var _useContext = React.useContext(WorkbookContext),
@@ -3359,7 +3433,7 @@ var SheetOverlay = function SheetOverlay() {
3359
3433
  }
3360
3434
  }, /*#__PURE__*/React__default['default'].createElement("div", {
3361
3435
  id: "leankylin-formula-functionrange"
3362
- }), context.formulaRangeSelect && (/*#__PURE__*/React__default['default'].createElement("div", {
3436
+ }), context.formulaRangeSelect && ( /*#__PURE__*/React__default['default'].createElement("div", {
3363
3437
  className: "leankylin-selection-copy leankylin-formula-functionrange-select",
3364
3438
  style: context.formulaRangeSelect
3365
3439
  }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -3431,7 +3505,7 @@ var SheetOverlay = function SheetOverlay() {
3431
3505
  onMouseDown: function onMouseDown(e) {
3432
3506
  return e.preventDefault();
3433
3507
  }
3434
- }), ((_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", {
3508
+ }), ((_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", {
3435
3509
  id: "leankylin-selection-copy"
3436
3510
  }, context.luckysheet_selection_range.map(function (range) {
3437
3511
  var r1 = range.row[0];
@@ -3472,7 +3546,7 @@ var SheetOverlay = function SheetOverlay() {
3472
3546
  onMouseDown: function onMouseDown(e) {
3473
3547
  return e.preventDefault();
3474
3548
  }
3475
- }), ((_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", {
3549
+ }), ((_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", {
3476
3550
  id: "luckysheet-cell-selected-boxs"
3477
3551
  }, context.luckysheet_select_save.map(function (selection, index) {
3478
3552
  var _refs$globalCache$fre3, _refs$globalCache$fre4;
@@ -3570,11 +3644,11 @@ var SheetOverlay = function SheetOverlay() {
3570
3644
  className: "leankylin-presence-username",
3571
3645
  style: usernameStyle
3572
3646
  }, presence.username));
3573
- }), ((_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, {
3647
+ }), ((_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, {
3574
3648
  getContainer: function getContainer() {
3575
3649
  return containerRef.current;
3576
3650
  }
3577
- }), /*#__PURE__*/React__default['default'].createElement(InputBox, null), /*#__PURE__*/React__default['default'].createElement(NotationBoxes, null), /*#__PURE__*/React__default['default'].createElement("div", {
3651
+ }), /*#__PURE__*/React__default['default'].createElement(CellOptions, null), /*#__PURE__*/React__default['default'].createElement(InputBox, null), /*#__PURE__*/React__default['default'].createElement(NotationBoxes, null), /*#__PURE__*/React__default['default'].createElement("div", {
3578
3652
  id: "luckysheet-multipleRange-show"
3579
3653
  }), /*#__PURE__*/React__default['default'].createElement("div", {
3580
3654
  id: "luckysheet-dynamicArray-hightShow"
@@ -3906,9 +3980,9 @@ var Combo = function Combo(_ref) {
3906
3980
  "data-tips": tooltip,
3907
3981
  role: "button",
3908
3982
  style: style
3909
- }, iconId ? (/*#__PURE__*/React__default['default'].createElement(SVGIcon, {
3983
+ }, iconId ? ( /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
3910
3984
  name: iconId
3911
- })) : (/*#__PURE__*/React__default['default'].createElement("span", {
3985
+ })) : ( /*#__PURE__*/React__default['default'].createElement("span", {
3912
3986
  className: "leankylin-toolbar-combo-text"
3913
3987
  }, text))), /*#__PURE__*/React__default['default'].createElement("div", {
3914
3988
  className: "leankylin-toolbar-combo-arrow",
@@ -3923,7 +3997,7 @@ var Combo = function Combo(_ref) {
3923
3997
  width: 10
3924
3998
  })), tooltip && /*#__PURE__*/React__default['default'].createElement("div", {
3925
3999
  className: "leankylin-tooltip"
3926
- }, tooltip)), open && (/*#__PURE__*/React__default['default'].createElement("div", {
4000
+ }, tooltip)), open && ( /*#__PURE__*/React__default['default'].createElement("div", {
3927
4001
  ref: popupRef,
3928
4002
  className: "leankylin-toolbar-combo-popup",
3929
4003
  style: popupPosition
@@ -4589,7 +4663,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
4589
4663
  key: v.text,
4590
4664
  onClick: function onClick() {
4591
4665
  setOpen(false);
4592
- showDialog(/*#__PURE__*/React__default['default'].createElement(ConditionRules, {
4666
+ showDialog( /*#__PURE__*/React__default['default'].createElement(ConditionRules, {
4593
4667
  type: v.text
4594
4668
  }));
4595
4669
  }
@@ -4636,7 +4710,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
4636
4710
  key: v.text,
4637
4711
  onClick: function onClick() {
4638
4712
  setOpen(false);
4639
- showDialog(/*#__PURE__*/React__default['default'].createElement(ConditionRules, {
4713
+ showDialog( /*#__PURE__*/React__default['default'].createElement(ConditionRules, {
4640
4714
  type: v.text
4641
4715
  }));
4642
4716
  }
@@ -5401,7 +5475,7 @@ var Toolbar = function Toolbar(_ref) {
5401
5475
  }, [{
5402
5476
  text: toolbarFormat.moreCurrency,
5403
5477
  onclick: function onclick() {
5404
- showDialog(/*#__PURE__*/React__default['default'].createElement(FormatSearch, {
5478
+ showDialog( /*#__PURE__*/React__default['default'].createElement(FormatSearch, {
5405
5479
  onCancel: hideDialog,
5406
5480
  type: "currency"
5407
5481
  }));
@@ -5597,7 +5671,7 @@ var Toolbar = function Toolbar(_ref) {
5597
5671
  onClick: function onClick() {
5598
5672
  var imgsrc = core.handleScreenShot(contextRef.current);
5599
5673
  if (imgsrc) {
5600
- showDialog(/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", null, screenshot.screenshotTipSuccess), /*#__PURE__*/React__default['default'].createElement("img", {
5674
+ showDialog( /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", null, screenshot.screenshotTipSuccess), /*#__PURE__*/React__default['default'].createElement("img", {
5601
5675
  src: imgsrc,
5602
5676
  alt: "",
5603
5677
  style: {
@@ -5625,7 +5699,7 @@ var Toolbar = function Toolbar(_ref) {
5625
5699
  } else if (currentColumn[0] !== currentColumn[1]) {
5626
5700
  showDialog(splitText.tipNoMultiColumn, "ok");
5627
5701
  } else {
5628
- showDialog(/*#__PURE__*/React__default['default'].createElement(SplitColumn, null));
5702
+ showDialog( /*#__PURE__*/React__default['default'].createElement(SplitColumn, null));
5629
5703
  }
5630
5704
  }
5631
5705
  }
@@ -5638,7 +5712,7 @@ var Toolbar = function Toolbar(_ref) {
5638
5712
  key: name,
5639
5713
  onClick: function onClick() {
5640
5714
  if (context.allowEdit === false) return;
5641
- showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null));
5715
+ showDialog( /*#__PURE__*/React__default['default'].createElement(DataVerification, null));
5642
5716
  }
5643
5717
  });
5644
5718
  }
@@ -5696,7 +5770,7 @@ var Toolbar = function Toolbar(_ref) {
5696
5770
  range = ___default['default'].assignIn([], context.luckysheet_select_save);
5697
5771
  }
5698
5772
  if (value === "location") {
5699
- showDialog(/*#__PURE__*/React__default['default'].createElement(LocationCondition, null));
5773
+ showDialog( /*#__PURE__*/React__default['default'].createElement(LocationCondition, null));
5700
5774
  } else if (value === "locationFormula") {
5701
5775
  setContext(function (ctx) {
5702
5776
  rangeArr = core.applyLocation(range, "locationFormula", "all", ctx);
@@ -5917,7 +5991,7 @@ var Toolbar = function Toolbar(_ref) {
5917
5991
  }), /*#__PURE__*/React__default['default'].createElement(MenuDivider, null), /*#__PURE__*/React__default['default'].createElement(Option, {
5918
5992
  key: "formula",
5919
5993
  onClick: function onClick() {
5920
- showDialog(/*#__PURE__*/React__default['default'].createElement(FormulaSearch$1, {
5994
+ showDialog( /*#__PURE__*/React__default['default'].createElement(FormulaSearch$1, {
5921
5995
  onCancel: hideDialog
5922
5996
  }));
5923
5997
  setOpen(false);
@@ -6030,7 +6104,7 @@ var Toolbar = function Toolbar(_ref) {
6030
6104
  return /*#__PURE__*/React__default['default'].createElement(Select, null, _items4.map(function (_ref9, ii) {
6031
6105
  var text = _ref9.text,
6032
6106
  value = _ref9.value;
6033
- return value !== "divider" ? (/*#__PURE__*/React__default['default'].createElement(Option, {
6107
+ return value !== "divider" ? ( /*#__PURE__*/React__default['default'].createElement(Option, {
6034
6108
  key: value,
6035
6109
  onClick: function onClick() {
6036
6110
  setContext(function (ctx) {
@@ -6042,7 +6116,7 @@ var Toolbar = function Toolbar(_ref) {
6042
6116
  className: "leankylin-toolbar-menu-line"
6043
6117
  }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
6044
6118
  name: value
6045
- })))) : (/*#__PURE__*/React__default['default'].createElement(MenuDivider, {
6119
+ })))) : ( /*#__PURE__*/React__default['default'].createElement(MenuDivider, {
6046
6120
  key: ii
6047
6121
  }));
6048
6122
  }), /*#__PURE__*/React__default['default'].createElement(CustomBorder, {
@@ -6249,7 +6323,7 @@ var Toolbar = function Toolbar(_ref) {
6249
6323
  iconId = _ref13.iconId,
6250
6324
  value = _ref13.value,
6251
6325
  _onClick2 = _ref13.onClick;
6252
- return value !== "divider" ? (/*#__PURE__*/React__default['default'].createElement(Option, {
6326
+ return value !== "divider" ? ( /*#__PURE__*/React__default['default'].createElement(Option, {
6253
6327
  key: value,
6254
6328
  onClick: function onClick() {
6255
6329
  _onClick2 === null || _onClick2 === void 0 ? void 0 : _onClick2();
@@ -6259,7 +6333,7 @@ var Toolbar = function Toolbar(_ref) {
6259
6333
  className: "leankylin-toolbar-menu-line"
6260
6334
  }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
6261
6335
  name: iconId
6262
- })))) : (/*#__PURE__*/React__default['default'].createElement(MenuDivider, {
6336
+ })))) : ( /*#__PURE__*/React__default['default'].createElement(MenuDivider, {
6263
6337
  key: "divider-".concat(index)
6264
6338
  }));
6265
6339
  }));
@@ -6289,11 +6363,11 @@ var Toolbar = function Toolbar(_ref) {
6289
6363
  icon: n.icon,
6290
6364
  iconName: n.iconName
6291
6365
  }, n.children);
6292
- }), ((_settings$customToolb = settings.customToolbarItems) === null || _settings$customToolb === void 0 ? void 0 : _settings$customToolb.length) > 0 ? (/*#__PURE__*/React__default['default'].createElement(Divider, {
6366
+ }), ((_settings$customToolb = settings.customToolbarItems) === null || _settings$customToolb === void 0 ? void 0 : _settings$customToolb.length) > 0 ? ( /*#__PURE__*/React__default['default'].createElement(Divider, {
6293
6367
  key: "customDivider"
6294
6368
  })) : null, (toolbarWrapIndex === -1 ? settings.toolbarItems : settings.toolbarItems.slice(0, toolbarWrapIndex + 1)).map(function (name, i) {
6295
6369
  return getToolbarItem(name, i);
6296
- }), toolbarWrapIndex !== -1 && toolbarWrapIndex < settings.toolbarItems.length - 1 ? (/*#__PURE__*/React__default['default'].createElement(Button, {
6370
+ }), toolbarWrapIndex !== -1 && toolbarWrapIndex < settings.toolbarItems.length - 1 ? ( /*#__PURE__*/React__default['default'].createElement(Button, {
6297
6371
  iconId: "more",
6298
6372
  tooltip: toolbar.toolMore,
6299
6373
  onClick: function onClick() {
@@ -6587,7 +6661,7 @@ var FxEditor = function FxEditor() {
6587
6661
  },
6588
6662
  tabIndex: 0,
6589
6663
  allowEdit: allowEdit
6590
- }), /*#__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, {
6664
+ }), /*#__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, {
6591
6665
  style: {
6592
6666
  top: inputContainerRef.current.clientHeight
6593
6667
  }
@@ -6814,7 +6888,7 @@ var SheetItem = function SheetItem(_ref) {
6814
6888
  style: {
6815
6889
  fill: svgColor
6816
6890
  }
6817
- })), !!sheet.color && (/*#__PURE__*/React__default['default'].createElement("div", {
6891
+ })), !!sheet.color && ( /*#__PURE__*/React__default['default'].createElement("div", {
6818
6892
  className: "luckysheet-sheets-item-color",
6819
6893
  style: {
6820
6894
  background: sheet.color
@@ -6897,7 +6971,7 @@ var ZoomControl = function ZoomControl() {
6897
6971
  onClick: function onClick() {
6898
6972
  return setRadioMenuOpen(true);
6899
6973
  }
6900
- }, (context.zoomRatio * 100).toFixed(0), "%"), radioMenuOpen && (/*#__PURE__*/React__default['default'].createElement("div", {
6974
+ }, (context.zoomRatio * 100).toFixed(0), "%"), radioMenuOpen && ( /*#__PURE__*/React__default['default'].createElement("div", {
6901
6975
  className: "leankylin-zoom-ratio-menu",
6902
6976
  ref: menuRef
6903
6977
  }, presets.map(function (v) {
@@ -6981,14 +7055,14 @@ var SheetTab = function SheetTab() {
6981
7055
  id: "luckysheet-sheet-area"
6982
7056
  }, /*#__PURE__*/React__default['default'].createElement("div", {
6983
7057
  id: "luckysheet-sheet-content"
6984
- }, context.allowEdit && (/*#__PURE__*/React__default['default'].createElement("div", {
7058
+ }, context.allowEdit && ( /*#__PURE__*/React__default['default'].createElement("div", {
6985
7059
  className: "leankylin-sheettab-button",
6986
7060
  onClick: onAddSheetClick
6987
7061
  }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
6988
7062
  name: "plus",
6989
7063
  width: 16,
6990
7064
  height: 16
6991
- }))), context.allowEdit && (/*#__PURE__*/React__default['default'].createElement("div", {
7065
+ }))), context.allowEdit && ( /*#__PURE__*/React__default['default'].createElement("div", {
6992
7066
  className: "sheet-list-container"
6993
7067
  }, /*#__PURE__*/React__default['default'].createElement("div", {
6994
7068
  id: "all-sheets",
@@ -7026,9 +7100,9 @@ var SheetTab = function SheetTab() {
7026
7100
  key: sheet.id,
7027
7101
  sheet: sheet
7028
7102
  });
7029
- })), isShowBoundary && isShowScrollBtn && (/*#__PURE__*/React__default['default'].createElement("div", {
7103
+ })), isShowBoundary && isShowScrollBtn && ( /*#__PURE__*/React__default['default'].createElement("div", {
7030
7104
  className: "boundary boundary-right"
7031
- }))), isShowScrollBtn && (/*#__PURE__*/React__default['default'].createElement("div", {
7105
+ }))), isShowScrollBtn && ( /*#__PURE__*/React__default['default'].createElement("div", {
7032
7106
  id: "leankylin-sheettab-leftscroll",
7033
7107
  className: "leankylin-sheettab-scroll",
7034
7108
  ref: leftScrollRef,
@@ -7039,7 +7113,7 @@ var SheetTab = function SheetTab() {
7039
7113
  name: "arrow-doubleleft",
7040
7114
  width: 12,
7041
7115
  height: 12
7042
- }))), isShowScrollBtn && (/*#__PURE__*/React__default['default'].createElement("div", {
7116
+ }))), isShowScrollBtn && ( /*#__PURE__*/React__default['default'].createElement("div", {
7043
7117
  id: "leankylin-sheettab-rightscroll",
7044
7118
  className: "leankylin-sheettab-scroll",
7045
7119
  ref: rightScrollRef,
@@ -7290,7 +7364,7 @@ var ContextMenu = function ContextMenu() {
7290
7364
  insertRowColOp: insertRowColOp
7291
7365
  });
7292
7366
  }
7293
- }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, ___default['default'].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", {
7367
+ }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, ___default['default'].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", {
7294
7368
  className: "luckysheet-cols-rows-shift-".concat(dir)
7295
7369
  }, rightclick[dir]))), "".concat(rightclick.insert, " "), /*#__PURE__*/React__default['default'].createElement("input", {
7296
7370
  onClick: function onClick(e) {
@@ -7305,7 +7379,7 @@ var ContextMenu = function ContextMenu() {
7305
7379
  defaultValue: "1"
7306
7380
  }), /*#__PURE__*/React__default['default'].createElement("span", {
7307
7381
  className: "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel"
7308
- }, "".concat(rightclick.column, " ")), !___default['default'].startsWith((_context$lang2 = context.lang) !== null && _context$lang2 !== void 0 ? _context$lang2 : "", "zh") && (/*#__PURE__*/React__default['default'].createElement("span", {
7382
+ }, "".concat(rightclick.column, " ")), !___default['default'].startsWith((_context$lang2 = context.lang) !== null && _context$lang2 !== void 0 ? _context$lang2 : "", "zh") && ( /*#__PURE__*/React__default['default'].createElement("span", {
7309
7383
  className: "luckysheet-cols-rows-shift-".concat(dir)
7310
7384
  }, rightclick[dir]))));
7311
7385
  });
@@ -7343,7 +7417,7 @@ var ContextMenu = function ContextMenu() {
7343
7417
  insertRowColOp: insertRowColOp
7344
7418
  });
7345
7419
  }
7346
- }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, ___default['default'].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", {
7420
+ }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, ___default['default'].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", {
7347
7421
  className: "luckysheet-cols-rows-shift-".concat(dir)
7348
7422
  }, rightclick[dir]))), "".concat(rightclick.insert, " "), /*#__PURE__*/React__default['default'].createElement("input", {
7349
7423
  onClick: function onClick(e) {
@@ -7358,13 +7432,13 @@ var ContextMenu = function ContextMenu() {
7358
7432
  defaultValue: "1"
7359
7433
  }), /*#__PURE__*/React__default['default'].createElement("span", {
7360
7434
  className: "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel"
7361
- }, "".concat(rightclick.row, " ")), !___default['default'].startsWith((_context$lang4 = context.lang) !== null && _context$lang4 !== void 0 ? _context$lang4 : "", "zh") && (/*#__PURE__*/React__default['default'].createElement("span", {
7435
+ }, "".concat(rightclick.row, " ")), !___default['default'].startsWith((_context$lang4 = context.lang) !== null && _context$lang4 !== void 0 ? _context$lang4 : "", "zh") && ( /*#__PURE__*/React__default['default'].createElement("span", {
7362
7436
  className: "luckysheet-cols-rows-shift-".concat(dir)
7363
7437
  }, rightclick[dir]))));
7364
7438
  });
7365
7439
  }
7366
7440
  if (name === "delete-column") {
7367
- return (selection === null || selection === void 0 ? void 0 : selection.column_select) && (/*#__PURE__*/React__default['default'].createElement(Menu, {
7441
+ return (selection === null || selection === void 0 ? void 0 : selection.column_select) && ( /*#__PURE__*/React__default['default'].createElement(Menu, {
7368
7442
  key: "delete-col",
7369
7443
  onClick: function onClick() {
7370
7444
  if (!selection) return;
@@ -7407,7 +7481,7 @@ var ContextMenu = function ContextMenu() {
7407
7481
  }, rightclick.deleteSelected, rightclick.column));
7408
7482
  }
7409
7483
  if (name === "delete-row") {
7410
- return (selection === null || selection === void 0 ? void 0 : selection.row_select) && (/*#__PURE__*/React__default['default'].createElement(Menu, {
7484
+ return (selection === null || selection === void 0 ? void 0 : selection.row_select) && ( /*#__PURE__*/React__default['default'].createElement(Menu, {
7411
7485
  key: "delete-row",
7412
7486
  onClick: function onClick() {
7413
7487
  if (!selection) return;
@@ -7498,7 +7572,7 @@ var ContextMenu = function ContextMenu() {
7498
7572
  })) ? "" : rowHeight;
7499
7573
  return ((_context$luckysheet_s9 = context.luckysheet_select_save) === null || _context$luckysheet_s9 === void 0 ? void 0 : _context$luckysheet_s9.some(function (section) {
7500
7574
  return section.row_select;
7501
- })) ? (/*#__PURE__*/React__default['default'].createElement(Menu, {
7575
+ })) ? ( /*#__PURE__*/React__default['default'].createElement(Menu, {
7502
7576
  key: "set-row-height",
7503
7577
  onClick: function onClick(e, container) {
7504
7578
  var _container$querySelec2;
@@ -7546,7 +7620,7 @@ var ContextMenu = function ContextMenu() {
7546
7620
  })) ? "" : colWidth;
7547
7621
  return ((_context$luckysheet_s11 = context.luckysheet_select_save) === null || _context$luckysheet_s11 === void 0 ? void 0 : _context$luckysheet_s11.some(function (section) {
7548
7622
  return section.column_select;
7549
- })) ? (/*#__PURE__*/React__default['default'].createElement(Menu, {
7623
+ })) ? ( /*#__PURE__*/React__default['default'].createElement(Menu, {
7550
7624
  key: "set-column-width",
7551
7625
  onClick: function onClick(e, container) {
7552
7626
  var _container$querySelec3;
@@ -7638,7 +7712,7 @@ var ContextMenu = function ContextMenu() {
7638
7712
  key: name,
7639
7713
  onClick: function onClick() {
7640
7714
  setContext(function (draftCtx) {
7641
- showDialog(/*#__PURE__*/React__default['default'].createElement(CustomSort, null));
7715
+ showDialog( /*#__PURE__*/React__default['default'].createElement(CustomSort, null));
7642
7716
  draftCtx.contextMenu = {};
7643
7717
  });
7644
7718
  }
@@ -9393,7 +9467,7 @@ var SheetTabContextMenu = function SheetTabContextMenu() {
9393
9467
  }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
9394
9468
  name: "rightArrow",
9395
9469
  width: 18
9396
- })), isShowChangeColor && context.allowEdit && (/*#__PURE__*/React__default['default'].createElement(ChangeColor, {
9470
+ })), isShowChangeColor && context.allowEdit && ( /*#__PURE__*/React__default['default'].createElement(ChangeColor, {
9397
9471
  triggerParentUpdate: updateShowInputColor
9398
9472
  })));
9399
9473
  }
@@ -9433,6 +9507,11 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
9433
9507
  getRefs: function getRefs() {
9434
9508
  return refs;
9435
9509
  },
9510
+ setCellOptions: function setCellOptions(cellOptions) {
9511
+ return setContext(function (ctx) {
9512
+ ctx.cellOptions = cellOptions;
9513
+ });
9514
+ },
9436
9515
  applyOp: function applyOp(ops) {
9437
9516
  setContext(function (ctx_) {
9438
9517
  var _ops$, _ops$$path, _ops$2, _ops$2$path, _ops$3;
@@ -9695,7 +9774,7 @@ var SelectItem = function SelectItem(_ref) {
9695
9774
  var checked = React.useMemo(function () {
9696
9775
  return isChecked(item.key);
9697
9776
  }, [isChecked, item.key]);
9698
- return isItemVisible(item) ? (/*#__PURE__*/React__default['default'].createElement("div", {
9777
+ return isItemVisible(item) ? ( /*#__PURE__*/React__default['default'].createElement("div", {
9699
9778
  className: "select-item"
9700
9779
  }, /*#__PURE__*/React__default['default'].createElement("input", {
9701
9780
  className: "filter-checkbox",
@@ -9708,7 +9787,7 @@ var SelectItem = function SelectItem(_ref) {
9708
9787
  className: "count"
9709
9788
  }, "( ".concat(item.rows.length, " )")))) : null;
9710
9789
  };
9711
- var _DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
9790
+ var DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
9712
9791
  var item = _ref2.item,
9713
9792
  _ref2$depth = _ref2.depth,
9714
9793
  depth = _ref2$depth === void 0 ? 0 : _ref2$depth,
@@ -9724,7 +9803,7 @@ var _DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
9724
9803
  var checked = React.useMemo(function () {
9725
9804
  return isChecked(item.key);
9726
9805
  }, [isChecked, item.key]);
9727
- return isItemVisible(item) ? (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
9806
+ return isItemVisible(item) ? ( /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
9728
9807
  className: "select-item",
9729
9808
  style: {
9730
9809
  marginLeft: -2 + depth * 20
@@ -9733,11 +9812,11 @@ var _DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
9733
9812
  onExpand === null || onExpand === void 0 ? void 0 : onExpand(item.key, !expand);
9734
9813
  setExpand(!expand);
9735
9814
  }
9736
- }, ___default['default'].isEmpty(item.children) ? (/*#__PURE__*/React__default['default'].createElement("div", {
9815
+ }, ___default['default'].isEmpty(item.children) ? ( /*#__PURE__*/React__default['default'].createElement("div", {
9737
9816
  style: {
9738
9817
  width: 10
9739
9818
  }
9740
- })) : (/*#__PURE__*/React__default['default'].createElement("div", {
9819
+ })) : ( /*#__PURE__*/React__default['default'].createElement("div", {
9741
9820
  className: "filter-caret ".concat(expand ? "down" : "right"),
9742
9821
  style: {
9743
9822
  cursor: "pointer"
@@ -9755,7 +9834,7 @@ var _DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
9755
9834
  }), /*#__PURE__*/React__default['default'].createElement("div", null, item.text), /*#__PURE__*/React__default['default'].createElement("span", {
9756
9835
  className: "count"
9757
9836
  }, "( ".concat(item.rows.length, " )"))), expand && item.children.map(function (v) {
9758
- return /*#__PURE__*/React__default['default'].createElement(_DateSelectTreeItem, _objectSpread2({
9837
+ return /*#__PURE__*/React__default['default'].createElement(DateSelectTreeItem, _objectSpread2({
9759
9838
  key: v.key,
9760
9839
  item: v,
9761
9840
  depth: depth + 1
@@ -9776,7 +9855,7 @@ var DateSelectTree = function DateSelectTree(_ref3) {
9776
9855
  onChange = _ref3.onChange,
9777
9856
  isItemVisible = _ref3.isItemVisible;
9778
9857
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, dates.map(function (v) {
9779
- return /*#__PURE__*/React__default['default'].createElement(_DateSelectTreeItem, _objectSpread2({
9858
+ return /*#__PURE__*/React__default['default'].createElement(DateSelectTreeItem, _objectSpread2({
9780
9859
  key: v.key,
9781
9860
  item: v
9782
9861
  }, {
@@ -9929,7 +10008,7 @@ var FilterMenu = function FilterMenu() {
9929
10008
  });
9930
10009
  }, [col, setContext, startRow, startCol, endRow, endCol, showAlert]);
9931
10010
  var renderColorList = React.useCallback(function (key, title, colors, onSelectChange) {
9932
- return colors.length > 1 ? (/*#__PURE__*/React__default['default'].createElement("div", {
10011
+ return colors.length > 1 ? ( /*#__PURE__*/React__default['default'].createElement("div", {
9933
10012
  key: key
9934
10013
  }, /*#__PURE__*/React__default['default'].createElement("div", {
9935
10014
  className: "title"
@@ -10235,7 +10314,7 @@ var FilterMenu = function FilterMenu() {
10235
10314
  core.clearFilter(draftCtx);
10236
10315
  });
10237
10316
  }
10238
- }, filter.clearFilter))), showSubMenu && (/*#__PURE__*/React__default['default'].createElement("div", {
10317
+ }, filter.clearFilter))), showSubMenu && ( /*#__PURE__*/React__default['default'].createElement("div", {
10239
10318
  ref: subMenuRef,
10240
10319
  className: "luckysheet-filter-bycolor-submenu",
10241
10320
  style: subMenuPos,
@@ -10246,9 +10325,9 @@ var FilterMenu = function FilterMenu() {
10246
10325
  mouseHoverSubMenu.current = false;
10247
10326
  setShowSubMenu(false);
10248
10327
  }
10249
- }, filterColors.bgColors.length < 2 && filterColors.fcColors.length < 2 ? (/*#__PURE__*/React__default['default'].createElement("div", {
10328
+ }, filterColors.bgColors.length < 2 && filterColors.fcColors.length < 2 ? ( /*#__PURE__*/React__default['default'].createElement("div", {
10250
10329
  className: "one-color-tip"
10251
- }, filter.filterContainerOneColorTip)) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, [{
10330
+ }, filter.filterContainerOneColorTip)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, [{
10252
10331
  key: "bgColors",
10253
10332
  title: filter.filiterByColorTip,
10254
10333
  colors: filterColors.bgColors
@@ -10297,7 +10376,7 @@ var SheetHiddenButton = function SheetHiddenButton(_ref) {
10297
10376
  showSheet();
10298
10377
  },
10299
10378
  className: "leankylin-sheet-hidden-button"
10300
- }, (sheet === null || sheet === void 0 ? void 0 : sheet.hide) === 1 ? (/*#__PURE__*/React__default['default'].createElement(SVGIcon, {
10379
+ }, (sheet === null || sheet === void 0 ? void 0 : sheet.hide) === 1 ? ( /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
10301
10380
  name: "hidden",
10302
10381
  width: 16,
10303
10382
  height: 16,
@@ -10355,7 +10434,7 @@ var SheetListItem = function SheetListItem(_ref) {
10355
10434
  }
10356
10435
  }, /*#__PURE__*/React__default['default'].createElement("span", {
10357
10436
  className: "leankylin-sheet-selected-check-sapce"
10358
- }, sheet.id === context.currentSheetId && (/*#__PURE__*/React__default['default'].createElement(SVGIcon, {
10437
+ }, sheet.id === context.currentSheetId && ( /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
10359
10438
  name: "check",
10360
10439
  width: 16,
10361
10440
  height: 16,
@@ -10366,7 +10445,7 @@ var SheetListItem = function SheetListItem(_ref) {
10366
10445
  }))), /*#__PURE__*/React__default['default'].createElement("span", {
10367
10446
  className: "luckysheet-sheets-item-name leankylin-sheet-list-item-name",
10368
10447
  spellCheck: "false"
10369
- }, !!sheet.color && (/*#__PURE__*/React__default['default'].createElement("div", {
10448
+ }, !!sheet.color && ( /*#__PURE__*/React__default['default'].createElement("div", {
10370
10449
  className: "luckysheet-sheets-list-item-color",
10371
10450
  style: {
10372
10451
  background: sheet.color
@@ -10857,14 +10936,14 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
10857
10936
  onKeyDown: onKeyDown
10858
10937
  }, /*#__PURE__*/React__default['default'].createElement(SVGDefines, null), /*#__PURE__*/React__default['default'].createElement("div", {
10859
10938
  className: "leankylin-workarea"
10860
- }, mergedSettings.showToolbar && (/*#__PURE__*/React__default['default'].createElement(Toolbar, {
10939
+ }, mergedSettings.showToolbar && ( /*#__PURE__*/React__default['default'].createElement(Toolbar, {
10861
10940
  moreItemsOpen: moreToolbarItems !== null,
10862
10941
  setMoreItems: setMoreToolbarItems
10863
10942
  })), mergedSettings.showFormulaBar && /*#__PURE__*/React__default['default'].createElement(FxEditor, null)), /*#__PURE__*/React__default['default'].createElement(Sheet, {
10864
10943
  sheet: sheet
10865
- }), 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, {
10944
+ }), 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, {
10866
10945
  onClose: onMoreToolbarItemsClose
10867
- }, moreToolbarItems)), !___default['default'].isEmpty(context.contextMenu) && (/*#__PURE__*/React__default['default'].createElement("div", {
10946
+ }, moreToolbarItems)), !___default['default'].isEmpty(context.contextMenu) && ( /*#__PURE__*/React__default['default'].createElement("div", {
10868
10947
  onMouseDown: function onMouseDown() {
10869
10948
  setContextWithProduce(function (draftCtx) {
10870
10949
  draftCtx.contextMenu = {};