@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.
package/dist/index.esm.js CHANGED
@@ -1,40 +1,9 @@
1
- import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, cancelNormalSelected, moveHighlightCell, updateCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, getRangetxt, goToLink, replaceHtml, removeHyperlink, onRangeSelectionModalMoveStart, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, onCommentBoxResizeStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, setCaretPosition, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, handleTextColor, handleTextBackground, getDataBySelectionNoCopy, getInlineStringNoStyle, rangeHightlightselected, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, indexToColumnChar, sortSelection, handleCopy, insertRowCol, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, jfrefreshgrid, handleLink, deleteSheet, opToPatch, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePasteByLeanklin, groupValuesRefresh } from '@leankylin-sheet/core';
1
+ import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, functionHTMLGenerate, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, cancelNormalSelected, moveHighlightCell, updateCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, getRangetxt, goToLink, replaceHtml, removeHyperlink, onRangeSelectionModalMoveStart, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, onCommentBoxResizeStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, setConditionRules, mergeBorder, setDropcownValue, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, setCaretPosition, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, handleTextColor, handleTextBackground, getDataBySelectionNoCopy, getInlineStringNoStyle, rangeHightlightselected, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, indexToColumnChar, sortSelection, handleCopy, insertRowCol, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, jfrefreshgrid, handleLink, deleteSheet, opToPatch, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePasteByLeanklin, groupValuesRefresh } from '@leankylin-sheet/core';
2
2
  import React, { useContext, useRef, useState, useMemo, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
3
3
  import produce, { applyPatches, enablePatches, produceWithPatches } from 'immer';
4
4
  import _ from 'lodash';
5
5
  import { createPortal } from 'react-dom';
6
6
 
7
- function _arrayLikeToArray(r, a) {
8
- (null == a || a > r.length) && (a = r.length);
9
- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
10
- return n;
11
- }
12
- function _arrayWithHoles(r) {
13
- if (Array.isArray(r)) return r;
14
- }
15
- function _arrayWithoutHoles(r) {
16
- if (Array.isArray(r)) return _arrayLikeToArray(r);
17
- }
18
- function _defineProperty(e, r, t) {
19
- return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
20
- value: t,
21
- enumerable: !0,
22
- configurable: !0,
23
- writable: !0
24
- }) : e[r] = t, e;
25
- }
26
- function _extends() {
27
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
28
- for (var e = 1; e < arguments.length; e++) {
29
- var t = arguments[e];
30
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
31
- }
32
- return n;
33
- }, _extends.apply(null, arguments);
34
- }
35
- function _iterableToArray(r) {
36
- if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
37
- }
38
7
  function _iterableToArrayLimit(r, l) {
39
8
  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
40
9
  if (null != t) {
@@ -62,15 +31,6 @@ function _iterableToArrayLimit(r, l) {
62
31
  return a;
63
32
  }
64
33
  }
65
- function _nonIterableRest() {
66
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
67
- }
68
- function _nonIterableSpread() {
69
- throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
70
- }
71
- function _objectDestructuringEmpty(t) {
72
- if (null == t) throw new TypeError("Cannot destructure " + t);
73
- }
74
34
  function ownKeys(e, r) {
75
35
  var t = Object.keys(e);
76
36
  if (Object.getOwnPropertySymbols) {
@@ -92,32 +52,6 @@ function _objectSpread2(e) {
92
52
  }
93
53
  return e;
94
54
  }
95
- function _objectWithoutProperties(e, t) {
96
- if (null == e) return {};
97
- var o,
98
- r,
99
- i = _objectWithoutPropertiesLoose(e, t);
100
- if (Object.getOwnPropertySymbols) {
101
- var s = Object.getOwnPropertySymbols(e);
102
- for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
103
- }
104
- return i;
105
- }
106
- function _objectWithoutPropertiesLoose(r, e) {
107
- if (null == r) return {};
108
- var t = {};
109
- for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
110
- if (e.includes(n)) continue;
111
- t[n] = r[n];
112
- }
113
- return t;
114
- }
115
- function _slicedToArray(r, e) {
116
- return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
117
- }
118
- function _toConsumableArray(r) {
119
- return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
120
- }
121
55
  function _toPrimitive(t, r) {
122
56
  if ("object" != typeof t || !t) return t;
123
57
  var e = t[Symbol.toPrimitive];
@@ -132,12 +66,97 @@ function _toPropertyKey(t) {
132
66
  var i = _toPrimitive(t, "string");
133
67
  return "symbol" == typeof i ? i : i + "";
134
68
  }
135
- function _unsupportedIterableToArray(r, a) {
136
- if (r) {
137
- if ("string" == typeof r) return _arrayLikeToArray(r, a);
138
- var t = {}.toString.call(r).slice(8, -1);
139
- 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;
69
+ function _defineProperty(obj, key, value) {
70
+ key = _toPropertyKey(key);
71
+ if (key in obj) {
72
+ Object.defineProperty(obj, key, {
73
+ value: value,
74
+ enumerable: true,
75
+ configurable: true,
76
+ writable: true
77
+ });
78
+ } else {
79
+ obj[key] = value;
140
80
  }
81
+ return obj;
82
+ }
83
+ function _extends() {
84
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
85
+ for (var i = 1; i < arguments.length; i++) {
86
+ var source = arguments[i];
87
+ for (var key in source) {
88
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
89
+ target[key] = source[key];
90
+ }
91
+ }
92
+ }
93
+ return target;
94
+ };
95
+ return _extends.apply(this, arguments);
96
+ }
97
+ function _objectDestructuringEmpty(obj) {
98
+ if (obj == null) throw new TypeError("Cannot destructure " + obj);
99
+ }
100
+ function _objectWithoutPropertiesLoose(source, excluded) {
101
+ if (source == null) return {};
102
+ var target = {};
103
+ var sourceKeys = Object.keys(source);
104
+ var key, i;
105
+ for (i = 0; i < sourceKeys.length; i++) {
106
+ key = sourceKeys[i];
107
+ if (excluded.indexOf(key) >= 0) continue;
108
+ target[key] = source[key];
109
+ }
110
+ return target;
111
+ }
112
+ function _objectWithoutProperties(source, excluded) {
113
+ if (source == null) return {};
114
+ var target = _objectWithoutPropertiesLoose(source, excluded);
115
+ var key, i;
116
+ if (Object.getOwnPropertySymbols) {
117
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
118
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
119
+ key = sourceSymbolKeys[i];
120
+ if (excluded.indexOf(key) >= 0) continue;
121
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
122
+ target[key] = source[key];
123
+ }
124
+ }
125
+ return target;
126
+ }
127
+ function _slicedToArray(arr, i) {
128
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
129
+ }
130
+ function _toConsumableArray(arr) {
131
+ return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
132
+ }
133
+ function _arrayWithoutHoles(arr) {
134
+ if (Array.isArray(arr)) return _arrayLikeToArray(arr);
135
+ }
136
+ function _arrayWithHoles(arr) {
137
+ if (Array.isArray(arr)) return arr;
138
+ }
139
+ function _iterableToArray(iter) {
140
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
141
+ }
142
+ function _unsupportedIterableToArray(o, minLen) {
143
+ if (!o) return;
144
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
145
+ var n = Object.prototype.toString.call(o).slice(8, -1);
146
+ if (n === "Object" && o.constructor) n = o.constructor.name;
147
+ if (n === "Map" || n === "Set") return Array.from(o);
148
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
149
+ }
150
+ function _arrayLikeToArray(arr, len) {
151
+ if (len == null || len > arr.length) len = arr.length;
152
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
153
+ return arr2;
154
+ }
155
+ function _nonIterableSpread() {
156
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
157
+ }
158
+ function _nonIterableRest() {
159
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
141
160
  }
142
161
 
143
162
  var defaultRefs = {
@@ -345,14 +364,14 @@ var ColumnHeader = function ColumnHeader() {
345
364
  left: hoverLocation.col - 5 + (hoverInFreeze ? context.scrollLeft : 0),
346
365
  opacity: context.luckysheet_cols_change_size ? 1 : 0
347
366
  }
348
- }), !context.luckysheet_cols_change_size && hoverLocation.col_index >= 0 ? (/*#__PURE__*/React.createElement("div", {
367
+ }), !context.luckysheet_cols_change_size && hoverLocation.col_index >= 0 ? ( /*#__PURE__*/React.createElement("div", {
349
368
  className: "leankylin-col-header-hover",
350
369
  style: _.assign({
351
370
  left: hoverLocation.col_pre,
352
371
  width: hoverLocation.col - hoverLocation.col_pre - 1,
353
372
  display: "block"
354
373
  }, 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]))
355
- }, allowEditRef.current && (/*#__PURE__*/React.createElement("span", {
374
+ }, allowEditRef.current && ( /*#__PURE__*/React.createElement("span", {
356
375
  className: "header-arrow",
357
376
  onClick: function onClick(e) {
358
377
  setContext(function (ctx) {
@@ -560,7 +579,7 @@ var RowHeader = function RowHeader() {
560
579
  top: hoverLocation.row - 3 + (hoverInFreeze ? context.scrollTop : 0),
561
580
  opacity: context.luckysheet_rows_change_size ? 1 : 0
562
581
  }
563
- }), !context.luckysheet_rows_change_size && hoverLocation.row_index >= 0 ? (/*#__PURE__*/React.createElement("div", {
582
+ }), !context.luckysheet_rows_change_size && hoverLocation.row_index >= 0 ? ( /*#__PURE__*/React.createElement("div", {
564
583
  className: "leankylin-row-header-hover",
565
584
  style: _.assign({
566
585
  top: hoverLocation.row_pre,
@@ -663,13 +682,34 @@ var ContentEditable = function ContentEditable(_ref) {
663
682
 
664
683
  var FormulaSearch = function FormulaSearch(props) {
665
684
  var _useContext = useContext(WorkbookContext),
666
- context = _useContext.context;
685
+ context = _useContext.context,
686
+ refs = _useContext.refs,
687
+ settings = _useContext.settings;
667
688
  if (_.isEmpty(context.functionCandidates)) return null;
689
+ function moveCursorToEnd(editor) {
690
+ var leftParen = editor.querySelector(".luckysheet-formula-text-lpar");
691
+ var rightParen = editor.querySelector(".luckysheet-formula-text-rpar");
692
+ var range = document.createRange();
693
+ var selection = window.getSelection();
694
+ range.setStartAfter(leftParen);
695
+ range.setEndBefore(rightParen);
696
+ selection.removeAllRanges();
697
+ selection.addRange(range);
698
+ }
699
+ if (settings.renderFormulaSearch) {
700
+ return settings.renderFormulaSearch(context.functionCandidates, functionHTMLGenerate, refs.cellInput.current);
701
+ }
668
702
  return /*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
669
703
  id: "luckysheet-formula-search-c",
670
704
  className: "luckysheet-formula-search-c"
671
705
  }), context.functionCandidates.map(function (v) {
672
706
  return /*#__PURE__*/React.createElement("div", {
707
+ onClick: function onClick() {
708
+ var _refs$cellInput$curre;
709
+ refs.cellInput.current.innerHTML = functionHTMLGenerate("=".concat(v.n, "()"));
710
+ (_refs$cellInput$curre = refs.cellInput.current) === null || _refs$cellInput$curre === void 0 ? void 0 : _refs$cellInput$curre.focus();
711
+ moveCursorToEnd(refs.cellInput.current);
712
+ },
673
713
  key: v.n,
674
714
  "data-func": v.n,
675
715
  className: "luckysheet-formula-search-item"
@@ -683,12 +723,16 @@ var FormulaSearch = function FormulaSearch(props) {
683
723
 
684
724
  var FormulaHint = function FormulaHint(props) {
685
725
  var _useContext = useContext(WorkbookContext),
686
- context = _useContext.context;
726
+ context = _useContext.context,
727
+ settings = _useContext.settings;
687
728
  var _locale = locale(context),
688
729
  formulaMore = _locale.formulaMore;
689
730
  if (!context.functionHint) return null;
690
731
  var fn = context.formulaCache.functionlistMap[context.functionHint];
691
732
  if (!fn) return null;
733
+ if (settings.renderFormulaHint) {
734
+ return settings.renderFormulaHint(fn);
735
+ }
692
736
  return /*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
693
737
  id: "luckysheet-formula-help-c",
694
738
  className: "luckysheet-formula-help-c"
@@ -767,9 +811,9 @@ var FormulaHint = function FormulaHint(props) {
767
811
  key: param.name
768
812
  }, /*#__PURE__*/React.createElement("div", {
769
813
  className: "luckysheet-arguments-help-section-title"
770
- }, param.name, param.repeat === "y" && (/*#__PURE__*/React.createElement("span", {
814
+ }, param.name, param.repeat === "y" && ( /*#__PURE__*/React.createElement("span", {
771
815
  className: "luckysheet-arguments-help-argument-info"
772
- }, "...-", formulaMore.allowRepeatText)), param.require === "o" && (/*#__PURE__*/React.createElement("span", {
816
+ }, "...-", formulaMore.allowRepeatText)), param.require === "o" && ( /*#__PURE__*/React.createElement("span", {
773
817
  className: "luckysheet-arguments-help-argument-info"
774
818
  }, "-[", formulaMore.allowOptionText, "]"))), /*#__PURE__*/React.createElement("span", {
775
819
  className: "luckysheet-arguments-help-parameter-content"
@@ -905,9 +949,7 @@ var InputBox = function InputBox() {
905
949
  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) {
906
950
  setContext(function (draftCtx) {
907
951
  if ((draftCtx.formulaCache.rangestart || draftCtx.formulaCache.rangedrag_column_start || draftCtx.formulaCache.rangedrag_row_start || israngeseleciton(draftCtx)) && isBlur) return;
908
- if (!isAllowEdit(draftCtx, draftCtx.luckysheet_select_save)) {
909
- return;
910
- }
952
+ if (!isAllowEdit(draftCtx, draftCtx.luckysheet_select_save)) ;
911
953
  handleFormulaInput(draftCtx, refs.fxInput.current, refs.cellInput.current, kcode, preText.current);
912
954
  });
913
955
  }
@@ -963,7 +1005,7 @@ var InputBox = function InputBox() {
963
1005
  onKeyDown: onKeyDown,
964
1006
  onPaste: onPaste,
965
1007
  allowEdit: edit ? !isHidenRC : edit
966
- })), document.activeElement === inputRef.current && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
1008
+ })), document.activeElement === inputRef.current && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
967
1009
  style: {
968
1010
  top: ((firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0) + 4
969
1011
  }
@@ -1056,12 +1098,12 @@ var Dialog = function Dialog(_ref) {
1056
1098
  }))), /*#__PURE__*/React.createElement("div", {
1057
1099
  className: "leankylin-dialog-box-content",
1058
1100
  style: contentStyle
1059
- }, children), type != null && (/*#__PURE__*/React.createElement("div", {
1101
+ }, children), type != null && ( /*#__PURE__*/React.createElement("div", {
1060
1102
  className: "leankylin-dialog-box-button-container"
1061
- }, type === "ok" ? (/*#__PURE__*/React.createElement("div", {
1103
+ }, type === "ok" ? ( /*#__PURE__*/React.createElement("div", {
1062
1104
  className: "leankylin-message-box-button button-default",
1063
1105
  onClick: onOk
1064
- }, button.confirm)) : (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1106
+ }, button.confirm)) : ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1065
1107
  className: "leankylin-message-box-button button-primary",
1066
1108
  onClick: onOk
1067
1109
  }, button.confirm), /*#__PURE__*/React.createElement("div", {
@@ -1117,7 +1159,7 @@ var ModalProvider = function ModalProvider(_ref) {
1117
1159
  }, [hideModal, showModal]);
1118
1160
  return /*#__PURE__*/React.createElement(ModalContext.Provider, {
1119
1161
  value: providerValue
1120
- }, children, component && (/*#__PURE__*/React.createElement("div", {
1162
+ }, children, component && ( /*#__PURE__*/React.createElement("div", {
1121
1163
  onMouseDown: function onMouseDown(e) {
1122
1164
  return e.stopPropagation();
1123
1165
  },
@@ -1142,7 +1184,7 @@ function useAlert() {
1142
1184
  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "ok";
1143
1185
  var onOk = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : hideModal;
1144
1186
  var onCancel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : hideModal;
1145
- showModal(/*#__PURE__*/React.createElement(MessageBox, {
1187
+ showModal( /*#__PURE__*/React.createElement(MessageBox, {
1146
1188
  type: type,
1147
1189
  onOk: onOk,
1148
1190
  onCancel: onCancel
@@ -1212,7 +1254,7 @@ var SearchReplace = function SearchReplace() {
1212
1254
  };
1213
1255
  }, []);
1214
1256
  var body = document.body;
1215
- return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
1257
+ return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
1216
1258
  id: "leankylin-search-replace",
1217
1259
  className: "leankylin-search-replace leankylin-dialog",
1218
1260
  style: getInitialPosition(body),
@@ -1275,7 +1317,7 @@ var SearchReplace = function SearchReplace() {
1275
1317
  onChange: function onChange(e) {
1276
1318
  return setSearchText(e.target.value);
1277
1319
  }
1278
- })), showReplace && (/*#__PURE__*/React.createElement("div", {
1320
+ })), showReplace && ( /*#__PURE__*/React.createElement("div", {
1279
1321
  className: "textboxs",
1280
1322
  id: "replaceInput"
1281
1323
  }, findAndReplace.replaceTextbox, "\uFF1A", /*#__PURE__*/React.createElement("input", {
@@ -1313,7 +1355,7 @@ var SearchReplace = function SearchReplace() {
1313
1355
  }
1314
1356
  }), /*#__PURE__*/React.createElement("span", null, findAndReplace.distinguishTextbox)))), /*#__PURE__*/React.createElement("div", {
1315
1357
  className: "btnBox"
1316
- }, showReplace && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1358
+ }, showReplace && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1317
1359
  id: "replaceAllBtn",
1318
1360
  className: "leankylin-message-box-button button-default",
1319
1361
  onClick: function onClick() {
@@ -1360,7 +1402,7 @@ var SearchReplace = function SearchReplace() {
1360
1402
  }, findAndReplace.findBtn))), /*#__PURE__*/React.createElement("div", {
1361
1403
  className: "close-button leankylin-message-box-button button-default",
1362
1404
  onClick: closeDialog
1363
- }, button.close), searchResult.length > 0 && (/*#__PURE__*/React.createElement("div", {
1405
+ }, button.close), searchResult.length > 0 && ( /*#__PURE__*/React.createElement("div", {
1364
1406
  id: "searchAllbox",
1365
1407
  onScroll: function onScroll(e) {
1366
1408
  return e.stopPropagation();
@@ -1553,7 +1595,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1553
1595
  });
1554
1596
  }));
1555
1597
  }
1556
- return selectingCellRange ? (/*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2({
1598
+ return selectingCellRange ? ( /*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2({
1557
1599
  className: "leankylin-link-modify-modal range-selection-modal",
1558
1600
  style: {
1559
1601
  left: position.cellLeft,
@@ -1588,7 +1630,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1588
1630
  }, function () {
1589
1631
  setLinkAddress(originAddress);
1590
1632
  setRangeModalVisible(false);
1591
- })))) : (/*#__PURE__*/React.createElement("div", _objectSpread2({
1633
+ })))) : ( /*#__PURE__*/React.createElement("div", _objectSpread2({
1592
1634
  className: "leankylin-link-modify-modal",
1593
1635
  style: {
1594
1636
  left: position.cellLeft + 20,
@@ -1632,7 +1674,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1632
1674
  }, type.text);
1633
1675
  }))), /*#__PURE__*/React.createElement("div", {
1634
1676
  className: "leankylin-link-modify-line"
1635
- }, linkType === "webpage" && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1677
+ }, linkType === "webpage" && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1636
1678
  className: "leankylin-link-modify-title"
1637
1679
  }, insertLink.linkAddress), /*#__PURE__*/React.createElement("input", {
1638
1680
  className: "leankylin-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
@@ -1641,7 +1683,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1641
1683
  onChange: function onChange(e) {
1642
1684
  return setLinkAddress(e.target.value);
1643
1685
  }
1644
- }), tooltip)), linkType === "cellrange" && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1686
+ }), tooltip)), linkType === "cellrange" && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1645
1687
  className: "leankylin-link-modify-title"
1646
1688
  }, insertLink.linkCell), /*#__PURE__*/React.createElement("input", {
1647
1689
  className: "leankylin-link-modify-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input"),
@@ -1657,7 +1699,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1657
1699
  }
1658
1700
  }, /*#__PURE__*/React.createElement(SVGIcon, {
1659
1701
  name: "border-all"
1660
- })), tooltip)), linkType === "sheet" && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1702
+ })), tooltip)), linkType === "sheet" && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1661
1703
  className: "leankylin-link-modify-title"
1662
1704
  }, insertLink.linkSheet), /*#__PURE__*/React.createElement("select", {
1663
1705
  className: "leankylin-link-modify-select",
@@ -1738,7 +1780,7 @@ var FilterOptions = function FilterOptions(_ref) {
1738
1780
  frozenColumns = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range = frozen.range) === null || _frozen$range === void 0 ? void 0 : _frozen$range.column_focus) || -1;
1739
1781
  frozenRows = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range2 = frozen.range) === null || _frozen$range2 === void 0 ? void 0 : _frozen$range2.row_focus) || -1;
1740
1782
  }
1741
- return filterOptions == null ? (/*#__PURE__*/React.createElement("div", null)) : (/*#__PURE__*/React.createElement(React.Fragment, null, filterOptions.items.map(function (v, i) {
1783
+ return filterOptions == null ? ( /*#__PURE__*/React.createElement("div", null)) : ( /*#__PURE__*/React.createElement(React.Fragment, null, filterOptions.items.map(function (v, i) {
1742
1784
  var _refs$globalCache$fre, _refs$globalCache$fre2;
1743
1785
  var filterParam = filter[i];
1744
1786
  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]);
@@ -1786,9 +1828,9 @@ var FilterOptions = function FilterOptions(_ref) {
1786
1828
  width: undefined
1787
1829
  }),
1788
1830
  className: "luckysheet-filter-options ".concat(filterParam == null ? "" : "luckysheet-filter-options-active")
1789
- }, filterParam == null ? (/*#__PURE__*/React.createElement("div", {
1831
+ }, filterParam == null ? ( /*#__PURE__*/React.createElement("div", {
1790
1832
  className: "caret down"
1791
- })) : (/*#__PURE__*/React.createElement(SVGIcon, {
1833
+ })) : ( /*#__PURE__*/React.createElement(SVGIcon, {
1792
1834
  name: "filter-fill-white",
1793
1835
  style: {
1794
1836
  width: 15,
@@ -1811,7 +1853,7 @@ var ImgBoxs = function ImgBoxs() {
1811
1853
  }, [context.activeImg, context.insertedImgs]);
1812
1854
  return /*#__PURE__*/React.createElement("div", {
1813
1855
  id: "luckysheet-image-showBoxs"
1814
- }, activeImg && (/*#__PURE__*/React.createElement("div", {
1856
+ }, activeImg && ( /*#__PURE__*/React.createElement("div", {
1815
1857
  id: "luckysheet-modal-dialog-activeImage",
1816
1858
  className: "luckysheet-modal-dialog",
1817
1859
  style: {
@@ -2112,7 +2154,7 @@ var NotationBoxes = function NotationBoxes() {
2112
2154
  className: "luckysheet-postil-dialog-move-item luckysheet-postil-dialog-move-item-".concat(v),
2113
2155
  "data-type": v
2114
2156
  });
2115
- })), isEditing && (/*#__PURE__*/React.createElement("div", {
2157
+ })), isEditing && ( /*#__PURE__*/React.createElement("div", {
2116
2158
  className: "luckysheet-postil-dialog-resize"
2117
2159
  }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
2118
2160
  return /*#__PURE__*/React.createElement("div", {
@@ -2181,7 +2223,7 @@ function useDialog() {
2181
2223
  var showDialog = useCallback(function (content, type) {
2182
2224
  var onOk = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : hideModal;
2183
2225
  var onCancel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : hideModal;
2184
- showModal(/*#__PURE__*/React.createElement(Dialog, {
2226
+ showModal( /*#__PURE__*/React.createElement(Dialog, {
2185
2227
  type: type,
2186
2228
  onOk: onOk,
2187
2229
  onCancel: onCancel
@@ -2407,7 +2449,7 @@ var DataVerification = function DataVerification() {
2407
2449
  value: v,
2408
2450
  key: v
2409
2451
  }, dataVerification[v]);
2410
- })), ((_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.createElement("div", {
2452
+ })), ((_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.createElement("div", {
2411
2453
  className: "show-box-item"
2412
2454
  }, /*#__PURE__*/React.createElement("div", {
2413
2455
  className: "data-verification-range"
@@ -2445,7 +2487,7 @@ var DataVerification = function DataVerification() {
2445
2487
  }
2446
2488
  }), /*#__PURE__*/React.createElement("label", {
2447
2489
  htmlFor: "mul"
2448
- }, 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.createElement("div", {
2490
+ }, 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.createElement("div", {
2449
2491
  className: "show-box-item"
2450
2492
  }, /*#__PURE__*/React.createElement("div", {
2451
2493
  className: "check-box"
@@ -2473,7 +2515,7 @@ var DataVerification = function DataVerification() {
2473
2515
  ctx.dataVerification.dataRegulation.value2 = value;
2474
2516
  });
2475
2517
  }
2476
- })))), (((_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.createElement("div", {
2518
+ })))), (((_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.createElement("div", {
2477
2519
  className: "show-box-item"
2478
2520
  }, /*#__PURE__*/React.createElement("select", {
2479
2521
  className: "data-verification-type-select",
@@ -2491,7 +2533,7 @@ var DataVerification = function DataVerification() {
2491
2533
  value: v,
2492
2534
  key: v
2493
2535
  }, dataVerification[v]);
2494
- })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React.createElement("div", {
2536
+ })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? ( /*#__PURE__*/React.createElement("div", {
2495
2537
  className: "input-box"
2496
2538
  }, /*#__PURE__*/React.createElement("input", {
2497
2539
  type: "number",
@@ -2513,7 +2555,7 @@ var DataVerification = function DataVerification() {
2513
2555
  ctx.dataVerification.dataRegulation.value2 = value;
2514
2556
  });
2515
2557
  }
2516
- }))) : (/*#__PURE__*/React.createElement("div", {
2558
+ }))) : ( /*#__PURE__*/React.createElement("div", {
2517
2559
  className: "input-box"
2518
2560
  }, /*#__PURE__*/React.createElement("input", {
2519
2561
  type: "number",
@@ -2528,7 +2570,7 @@ var DataVerification = function DataVerification() {
2528
2570
  ctx.dataVerification.dataRegulation.value1 = value;
2529
2571
  });
2530
2572
  }
2531
- }))))), ((_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.createElement("div", {
2573
+ }))))), ((_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.createElement("div", {
2532
2574
  className: "show-box-item"
2533
2575
  }, /*#__PURE__*/React.createElement("select", {
2534
2576
  className: "data-verification-type-select",
@@ -2561,7 +2603,7 @@ var DataVerification = function DataVerification() {
2561
2603
  ctx.dataVerification.dataRegulation.value1 = value;
2562
2604
  });
2563
2605
  }
2564
- })))), ((_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.createElement("div", {
2606
+ })))), ((_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.createElement("div", {
2565
2607
  className: "show-box-item"
2566
2608
  }, /*#__PURE__*/React.createElement("select", {
2567
2609
  className: "data-verification-type-select",
@@ -2579,7 +2621,7 @@ var DataVerification = function DataVerification() {
2579
2621
  value: v,
2580
2622
  key: v
2581
2623
  }, dataVerification[v]);
2582
- })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React.createElement("div", {
2624
+ })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? ( /*#__PURE__*/React.createElement("div", {
2583
2625
  className: "input-box"
2584
2626
  }, /*#__PURE__*/React.createElement("input", {
2585
2627
  type: "date",
@@ -2601,7 +2643,7 @@ var DataVerification = function DataVerification() {
2601
2643
  ctx.dataVerification.dataRegulation.value2 = value;
2602
2644
  });
2603
2645
  }
2604
- }))) : (/*#__PURE__*/React.createElement("div", {
2646
+ }))) : ( /*#__PURE__*/React.createElement("div", {
2605
2647
  className: "input-box"
2606
2648
  }, /*#__PURE__*/React.createElement("input", {
2607
2649
  type: "date",
@@ -2616,7 +2658,7 @@ var DataVerification = function DataVerification() {
2616
2658
  ctx.dataVerification.dataRegulation.value1 = value;
2617
2659
  });
2618
2660
  }
2619
- }))))), ((_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.createElement("div", {
2661
+ }))))), ((_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.createElement("div", {
2620
2662
  className: "show-box-item"
2621
2663
  }, /*#__PURE__*/React.createElement("select", {
2622
2664
  className: "data-verification-type-select",
@@ -2660,7 +2702,7 @@ var DataVerification = function DataVerification() {
2660
2702
  htmlFor: v,
2661
2703
  key: "label".concat(v)
2662
2704
  }, dataVerification[v]));
2663
- }), ((_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.createElement("div", {
2705
+ }), ((_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.createElement("div", {
2664
2706
  className: "input-box"
2665
2707
  }, /*#__PURE__*/React.createElement("input", {
2666
2708
  type: "text",
@@ -2786,7 +2828,7 @@ var ConditionRules = function ConditionRules(_ref) {
2786
2828
  className: "condition-rules-title"
2787
2829
  }, conditionformat["conditionformat_".concat(type)]), /*#__PURE__*/React.createElement("div", {
2788
2830
  className: "conditin-rules-value"
2789
- }, conditionformat["conditionformat_".concat(type, "_title")]), (type === "greaterThan" || type === "lessThan" || type === "equal" || type === "textContains") && (/*#__PURE__*/React.createElement("div", {
2831
+ }, conditionformat["conditionformat_".concat(type, "_title")]), (type === "greaterThan" || type === "lessThan" || type === "equal" || type === "textContains") && ( /*#__PURE__*/React.createElement("div", {
2790
2832
  className: "condition-rules-inpbox"
2791
2833
  }, /*#__PURE__*/React.createElement("input", {
2792
2834
  className: "condition-rules-input",
@@ -2798,7 +2840,7 @@ var ConditionRules = function ConditionRules(_ref) {
2798
2840
  ctx.conditionRules.rulesValue = value;
2799
2841
  });
2800
2842
  }
2801
- }))), type === "between" && (/*#__PURE__*/React.createElement("div", {
2843
+ }))), type === "between" && ( /*#__PURE__*/React.createElement("div", {
2802
2844
  className: "condition-rules-between-box"
2803
2845
  }, /*#__PURE__*/React.createElement("div", {
2804
2846
  className: "condition-rules-between-inpbox"
@@ -2828,7 +2870,7 @@ var ConditionRules = function ConditionRules(_ref) {
2828
2870
  ctx.conditionRules.betweenValue.value2 = value;
2829
2871
  });
2830
2872
  }
2831
- })))), type === "occurrenceDate" && (/*#__PURE__*/React.createElement("div", {
2873
+ })))), type === "occurrenceDate" && ( /*#__PURE__*/React.createElement("div", {
2832
2874
  className: "condition-rules-inpbox"
2833
2875
  }, /*#__PURE__*/React.createElement("input", {
2834
2876
  type: "date",
@@ -2840,7 +2882,7 @@ var ConditionRules = function ConditionRules(_ref) {
2840
2882
  ctx.conditionRules.dateValue = value;
2841
2883
  });
2842
2884
  }
2843
- }))), type === "duplicateValue" && (/*#__PURE__*/React.createElement("select", {
2885
+ }))), type === "duplicateValue" && ( /*#__PURE__*/React.createElement("select", {
2844
2886
  className: "condition-rules-select",
2845
2887
  onChange: function onChange(e) {
2846
2888
  var value = e.target.value;
@@ -2852,7 +2894,7 @@ var ConditionRules = function ConditionRules(_ref) {
2852
2894
  value: "0"
2853
2895
  }, conditionformat.duplicateValue), /*#__PURE__*/React.createElement("option", {
2854
2896
  value: "1"
2855
- }, conditionformat.uniqueValue))), (type === "top10" || type === "top10_percent" || type === "last10" || type === "last10_percent") && (/*#__PURE__*/React.createElement("div", {
2897
+ }, conditionformat.uniqueValue))), (type === "top10" || type === "top10_percent" || type === "last10" || type === "last10_percent") && ( /*#__PURE__*/React.createElement("div", {
2856
2898
  className: "condition-rules-project-box"
2857
2899
  }, type === "top10" || type === "top10_percent" ? conditionformat.top : conditionformat.last, /*#__PURE__*/React.createElement("input", {
2858
2900
  className: "condition-rules-project-input",
@@ -2959,19 +3001,19 @@ var RangeDialog = function RangeDialog() {
2959
3001
  if (!context.rangeDialog) return;
2960
3002
  var rangeDialogType = context.rangeDialog.type;
2961
3003
  if (rangeDialogType.indexOf("between") >= 0) {
2962
- showDialog(/*#__PURE__*/React.createElement(ConditionRules, {
3004
+ showDialog( /*#__PURE__*/React.createElement(ConditionRules, {
2963
3005
  type: "between"
2964
3006
  }));
2965
3007
  return;
2966
3008
  }
2967
3009
  if (rangeDialogType.indexOf("conditionRules") >= 0) {
2968
3010
  var rulesType = rangeDialogType.substring("conditionRules".length, rangeDialogType.length);
2969
- showDialog(/*#__PURE__*/React.createElement(ConditionRules, {
3011
+ showDialog( /*#__PURE__*/React.createElement(ConditionRules, {
2970
3012
  type: rulesType
2971
3013
  }));
2972
3014
  return;
2973
3015
  }
2974
- showDialog(/*#__PURE__*/React.createElement(DataVerification, null));
3016
+ showDialog( /*#__PURE__*/React.createElement(DataVerification, null));
2975
3017
  }, [context.rangeDialog, setContext, showDialog]);
2976
3018
  useEffect(function () {
2977
3019
  setRangeTxt2(function (r) {
@@ -3381,7 +3423,7 @@ var SheetOverlay = function SheetOverlay() {
3381
3423
  }
3382
3424
  }, /*#__PURE__*/React.createElement("div", {
3383
3425
  id: "leankylin-formula-functionrange"
3384
- }), context.formulaRangeSelect && (/*#__PURE__*/React.createElement("div", {
3426
+ }), context.formulaRangeSelect && ( /*#__PURE__*/React.createElement("div", {
3385
3427
  className: "leankylin-selection-copy leankylin-formula-functionrange-select",
3386
3428
  style: context.formulaRangeSelect
3387
3429
  }, /*#__PURE__*/React.createElement("div", {
@@ -3453,7 +3495,7 @@ var SheetOverlay = function SheetOverlay() {
3453
3495
  onMouseDown: function onMouseDown(e) {
3454
3496
  return e.preventDefault();
3455
3497
  }
3456
- }), ((_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.createElement("div", {
3498
+ }), ((_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.createElement("div", {
3457
3499
  id: "leankylin-selection-copy"
3458
3500
  }, context.luckysheet_selection_range.map(function (range) {
3459
3501
  var r1 = range.row[0];
@@ -3494,7 +3536,7 @@ var SheetOverlay = function SheetOverlay() {
3494
3536
  onMouseDown: function onMouseDown(e) {
3495
3537
  return e.preventDefault();
3496
3538
  }
3497
- }), ((_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.createElement("div", {
3539
+ }), ((_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.createElement("div", {
3498
3540
  id: "luckysheet-cell-selected-boxs"
3499
3541
  }, context.luckysheet_select_save.map(function (selection, index) {
3500
3542
  var _refs$globalCache$fre3, _refs$globalCache$fre4;
@@ -3592,7 +3634,7 @@ var SheetOverlay = function SheetOverlay() {
3592
3634
  className: "leankylin-presence-username",
3593
3635
  style: usernameStyle
3594
3636
  }, presence.username));
3595
- }), ((_context$linkCard = context.linkCard) === null || _context$linkCard === void 0 ? void 0 : _context$linkCard.sheetId) === context.currentSheetId && (/*#__PURE__*/React.createElement(LinkEditCard, _objectSpread2({}, context.linkCard))), ((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) && /*#__PURE__*/React.createElement(RangeDialog, null), /*#__PURE__*/React.createElement(FilterOptions, {
3637
+ }), ((_context$linkCard = context.linkCard) === null || _context$linkCard === void 0 ? void 0 : _context$linkCard.sheetId) === context.currentSheetId && ( /*#__PURE__*/React.createElement(LinkEditCard, _objectSpread2({}, context.linkCard))), ((_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.show) && /*#__PURE__*/React.createElement(RangeDialog, null), /*#__PURE__*/React.createElement(FilterOptions, {
3596
3638
  getContainer: function getContainer() {
3597
3639
  return containerRef.current;
3598
3640
  }
@@ -3928,9 +3970,9 @@ var Combo = function Combo(_ref) {
3928
3970
  "data-tips": tooltip,
3929
3971
  role: "button",
3930
3972
  style: style
3931
- }, iconId ? (/*#__PURE__*/React.createElement(SVGIcon, {
3973
+ }, iconId ? ( /*#__PURE__*/React.createElement(SVGIcon, {
3932
3974
  name: iconId
3933
- })) : (/*#__PURE__*/React.createElement("span", {
3975
+ })) : ( /*#__PURE__*/React.createElement("span", {
3934
3976
  className: "leankylin-toolbar-combo-text"
3935
3977
  }, text))), /*#__PURE__*/React.createElement("div", {
3936
3978
  className: "leankylin-toolbar-combo-arrow",
@@ -3945,7 +3987,7 @@ var Combo = function Combo(_ref) {
3945
3987
  width: 10
3946
3988
  })), tooltip && /*#__PURE__*/React.createElement("div", {
3947
3989
  className: "leankylin-tooltip"
3948
- }, tooltip)), open && (/*#__PURE__*/React.createElement("div", {
3990
+ }, tooltip)), open && ( /*#__PURE__*/React.createElement("div", {
3949
3991
  ref: popupRef,
3950
3992
  className: "leankylin-toolbar-combo-popup",
3951
3993
  style: popupPosition
@@ -4611,7 +4653,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
4611
4653
  key: v.text,
4612
4654
  onClick: function onClick() {
4613
4655
  setOpen(false);
4614
- showDialog(/*#__PURE__*/React.createElement(ConditionRules, {
4656
+ showDialog( /*#__PURE__*/React.createElement(ConditionRules, {
4615
4657
  type: v.text
4616
4658
  }));
4617
4659
  }
@@ -4658,7 +4700,7 @@ var ConditionalFormat = function ConditionalFormat(_ref) {
4658
4700
  key: v.text,
4659
4701
  onClick: function onClick() {
4660
4702
  setOpen(false);
4661
- showDialog(/*#__PURE__*/React.createElement(ConditionRules, {
4703
+ showDialog( /*#__PURE__*/React.createElement(ConditionRules, {
4662
4704
  type: v.text
4663
4705
  }));
4664
4706
  }
@@ -5423,7 +5465,7 @@ var Toolbar = function Toolbar(_ref) {
5423
5465
  }, [{
5424
5466
  text: toolbarFormat.moreCurrency,
5425
5467
  onclick: function onclick() {
5426
- showDialog(/*#__PURE__*/React.createElement(FormatSearch, {
5468
+ showDialog( /*#__PURE__*/React.createElement(FormatSearch, {
5427
5469
  onCancel: hideDialog,
5428
5470
  type: "currency"
5429
5471
  }));
@@ -5619,7 +5661,7 @@ var Toolbar = function Toolbar(_ref) {
5619
5661
  onClick: function onClick() {
5620
5662
  var imgsrc = handleScreenShot(contextRef.current);
5621
5663
  if (imgsrc) {
5622
- showDialog(/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, screenshot.screenshotTipSuccess), /*#__PURE__*/React.createElement("img", {
5664
+ showDialog( /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, screenshot.screenshotTipSuccess), /*#__PURE__*/React.createElement("img", {
5623
5665
  src: imgsrc,
5624
5666
  alt: "",
5625
5667
  style: {
@@ -5647,7 +5689,7 @@ var Toolbar = function Toolbar(_ref) {
5647
5689
  } else if (currentColumn[0] !== currentColumn[1]) {
5648
5690
  showDialog(splitText.tipNoMultiColumn, "ok");
5649
5691
  } else {
5650
- showDialog(/*#__PURE__*/React.createElement(SplitColumn, null));
5692
+ showDialog( /*#__PURE__*/React.createElement(SplitColumn, null));
5651
5693
  }
5652
5694
  }
5653
5695
  }
@@ -5660,7 +5702,7 @@ var Toolbar = function Toolbar(_ref) {
5660
5702
  key: name,
5661
5703
  onClick: function onClick() {
5662
5704
  if (context.allowEdit === false) return;
5663
- showDialog(/*#__PURE__*/React.createElement(DataVerification, null));
5705
+ showDialog( /*#__PURE__*/React.createElement(DataVerification, null));
5664
5706
  }
5665
5707
  });
5666
5708
  }
@@ -5718,7 +5760,7 @@ var Toolbar = function Toolbar(_ref) {
5718
5760
  range = _.assignIn([], context.luckysheet_select_save);
5719
5761
  }
5720
5762
  if (value === "location") {
5721
- showDialog(/*#__PURE__*/React.createElement(LocationCondition, null));
5763
+ showDialog( /*#__PURE__*/React.createElement(LocationCondition, null));
5722
5764
  } else if (value === "locationFormula") {
5723
5765
  setContext(function (ctx) {
5724
5766
  rangeArr = applyLocation(range, "locationFormula", "all", ctx);
@@ -5939,7 +5981,7 @@ var Toolbar = function Toolbar(_ref) {
5939
5981
  }), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(Option, {
5940
5982
  key: "formula",
5941
5983
  onClick: function onClick() {
5942
- showDialog(/*#__PURE__*/React.createElement(FormulaSearch$1, {
5984
+ showDialog( /*#__PURE__*/React.createElement(FormulaSearch$1, {
5943
5985
  onCancel: hideDialog
5944
5986
  }));
5945
5987
  setOpen(false);
@@ -6052,7 +6094,7 @@ var Toolbar = function Toolbar(_ref) {
6052
6094
  return /*#__PURE__*/React.createElement(Select, null, _items4.map(function (_ref9, ii) {
6053
6095
  var text = _ref9.text,
6054
6096
  value = _ref9.value;
6055
- return value !== "divider" ? (/*#__PURE__*/React.createElement(Option, {
6097
+ return value !== "divider" ? ( /*#__PURE__*/React.createElement(Option, {
6056
6098
  key: value,
6057
6099
  onClick: function onClick() {
6058
6100
  setContext(function (ctx) {
@@ -6064,7 +6106,7 @@ var Toolbar = function Toolbar(_ref) {
6064
6106
  className: "leankylin-toolbar-menu-line"
6065
6107
  }, text, /*#__PURE__*/React.createElement(SVGIcon, {
6066
6108
  name: value
6067
- })))) : (/*#__PURE__*/React.createElement(MenuDivider, {
6109
+ })))) : ( /*#__PURE__*/React.createElement(MenuDivider, {
6068
6110
  key: ii
6069
6111
  }));
6070
6112
  }), /*#__PURE__*/React.createElement(CustomBorder, {
@@ -6271,7 +6313,7 @@ var Toolbar = function Toolbar(_ref) {
6271
6313
  iconId = _ref13.iconId,
6272
6314
  value = _ref13.value,
6273
6315
  _onClick2 = _ref13.onClick;
6274
- return value !== "divider" ? (/*#__PURE__*/React.createElement(Option, {
6316
+ return value !== "divider" ? ( /*#__PURE__*/React.createElement(Option, {
6275
6317
  key: value,
6276
6318
  onClick: function onClick() {
6277
6319
  _onClick2 === null || _onClick2 === void 0 ? void 0 : _onClick2();
@@ -6281,7 +6323,7 @@ var Toolbar = function Toolbar(_ref) {
6281
6323
  className: "leankylin-toolbar-menu-line"
6282
6324
  }, text, /*#__PURE__*/React.createElement(SVGIcon, {
6283
6325
  name: iconId
6284
- })))) : (/*#__PURE__*/React.createElement(MenuDivider, {
6326
+ })))) : ( /*#__PURE__*/React.createElement(MenuDivider, {
6285
6327
  key: "divider-".concat(index)
6286
6328
  }));
6287
6329
  }));
@@ -6311,11 +6353,11 @@ var Toolbar = function Toolbar(_ref) {
6311
6353
  icon: n.icon,
6312
6354
  iconName: n.iconName
6313
6355
  }, n.children);
6314
- }), ((_settings$customToolb = settings.customToolbarItems) === null || _settings$customToolb === void 0 ? void 0 : _settings$customToolb.length) > 0 ? (/*#__PURE__*/React.createElement(Divider, {
6356
+ }), ((_settings$customToolb = settings.customToolbarItems) === null || _settings$customToolb === void 0 ? void 0 : _settings$customToolb.length) > 0 ? ( /*#__PURE__*/React.createElement(Divider, {
6315
6357
  key: "customDivider"
6316
6358
  })) : null, (toolbarWrapIndex === -1 ? settings.toolbarItems : settings.toolbarItems.slice(0, toolbarWrapIndex + 1)).map(function (name, i) {
6317
6359
  return getToolbarItem(name, i);
6318
- }), toolbarWrapIndex !== -1 && toolbarWrapIndex < settings.toolbarItems.length - 1 ? (/*#__PURE__*/React.createElement(Button, {
6360
+ }), toolbarWrapIndex !== -1 && toolbarWrapIndex < settings.toolbarItems.length - 1 ? ( /*#__PURE__*/React.createElement(Button, {
6319
6361
  iconId: "more",
6320
6362
  tooltip: toolbar.toolMore,
6321
6363
  onClick: function onClick() {
@@ -6609,7 +6651,7 @@ var FxEditor = function FxEditor() {
6609
6651
  },
6610
6652
  tabIndex: 0,
6611
6653
  allowEdit: allowEdit
6612
- }), /*#__PURE__*/React.createElement(CalcInfo, null), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
6654
+ }), /*#__PURE__*/React.createElement(CalcInfo, null), settings === null || settings === void 0 ? void 0 : settings.fxContainer, focused && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
6613
6655
  style: {
6614
6656
  top: inputContainerRef.current.clientHeight
6615
6657
  }
@@ -6836,7 +6878,7 @@ var SheetItem = function SheetItem(_ref) {
6836
6878
  style: {
6837
6879
  fill: svgColor
6838
6880
  }
6839
- })), !!sheet.color && (/*#__PURE__*/React.createElement("div", {
6881
+ })), !!sheet.color && ( /*#__PURE__*/React.createElement("div", {
6840
6882
  className: "luckysheet-sheets-item-color",
6841
6883
  style: {
6842
6884
  background: sheet.color
@@ -6919,7 +6961,7 @@ var ZoomControl = function ZoomControl() {
6919
6961
  onClick: function onClick() {
6920
6962
  return setRadioMenuOpen(true);
6921
6963
  }
6922
- }, (context.zoomRatio * 100).toFixed(0), "%"), radioMenuOpen && (/*#__PURE__*/React.createElement("div", {
6964
+ }, (context.zoomRatio * 100).toFixed(0), "%"), radioMenuOpen && ( /*#__PURE__*/React.createElement("div", {
6923
6965
  className: "leankylin-zoom-ratio-menu",
6924
6966
  ref: menuRef
6925
6967
  }, presets.map(function (v) {
@@ -7003,14 +7045,14 @@ var SheetTab = function SheetTab() {
7003
7045
  id: "luckysheet-sheet-area"
7004
7046
  }, /*#__PURE__*/React.createElement("div", {
7005
7047
  id: "luckysheet-sheet-content"
7006
- }, context.allowEdit && (/*#__PURE__*/React.createElement("div", {
7048
+ }, context.allowEdit && ( /*#__PURE__*/React.createElement("div", {
7007
7049
  className: "leankylin-sheettab-button",
7008
7050
  onClick: onAddSheetClick
7009
7051
  }, /*#__PURE__*/React.createElement(SVGIcon, {
7010
7052
  name: "plus",
7011
7053
  width: 16,
7012
7054
  height: 16
7013
- }))), context.allowEdit && (/*#__PURE__*/React.createElement("div", {
7055
+ }))), context.allowEdit && ( /*#__PURE__*/React.createElement("div", {
7014
7056
  className: "sheet-list-container"
7015
7057
  }, /*#__PURE__*/React.createElement("div", {
7016
7058
  id: "all-sheets",
@@ -7048,9 +7090,9 @@ var SheetTab = function SheetTab() {
7048
7090
  key: sheet.id,
7049
7091
  sheet: sheet
7050
7092
  });
7051
- })), isShowBoundary && isShowScrollBtn && (/*#__PURE__*/React.createElement("div", {
7093
+ })), isShowBoundary && isShowScrollBtn && ( /*#__PURE__*/React.createElement("div", {
7052
7094
  className: "boundary boundary-right"
7053
- }))), isShowScrollBtn && (/*#__PURE__*/React.createElement("div", {
7095
+ }))), isShowScrollBtn && ( /*#__PURE__*/React.createElement("div", {
7054
7096
  id: "leankylin-sheettab-leftscroll",
7055
7097
  className: "leankylin-sheettab-scroll",
7056
7098
  ref: leftScrollRef,
@@ -7061,7 +7103,7 @@ var SheetTab = function SheetTab() {
7061
7103
  name: "arrow-doubleleft",
7062
7104
  width: 12,
7063
7105
  height: 12
7064
- }))), isShowScrollBtn && (/*#__PURE__*/React.createElement("div", {
7106
+ }))), isShowScrollBtn && ( /*#__PURE__*/React.createElement("div", {
7065
7107
  id: "leankylin-sheettab-rightscroll",
7066
7108
  className: "leankylin-sheettab-scroll",
7067
7109
  ref: rightScrollRef,
@@ -7271,7 +7313,7 @@ var ContextMenu = function ContextMenu() {
7271
7313
  onClick: function onClick(e) {
7272
7314
  e.stopPropagation();
7273
7315
  e.preventDefault();
7274
- var pasteEvent = new Event('paste', {
7316
+ var pasteEvent = new Event("paste", {
7275
7317
  bubbles: true,
7276
7318
  cancelable: true
7277
7319
  });
@@ -7312,7 +7354,7 @@ var ContextMenu = function ContextMenu() {
7312
7354
  insertRowColOp: insertRowColOp
7313
7355
  });
7314
7356
  }
7315
- }, /*#__PURE__*/React.createElement(React.Fragment, null, _.startsWith((_context$lang = context.lang) !== null && _context$lang !== void 0 ? _context$lang : "", "zh") && (/*#__PURE__*/React.createElement(React.Fragment, null, rightclick.to, /*#__PURE__*/React.createElement("span", {
7357
+ }, /*#__PURE__*/React.createElement(React.Fragment, null, _.startsWith((_context$lang = context.lang) !== null && _context$lang !== void 0 ? _context$lang : "", "zh") && ( /*#__PURE__*/React.createElement(React.Fragment, null, rightclick.to, /*#__PURE__*/React.createElement("span", {
7316
7358
  className: "luckysheet-cols-rows-shift-".concat(dir)
7317
7359
  }, rightclick[dir]))), "".concat(rightclick.insert, " "), /*#__PURE__*/React.createElement("input", {
7318
7360
  onClick: function onClick(e) {
@@ -7327,7 +7369,7 @@ var ContextMenu = function ContextMenu() {
7327
7369
  defaultValue: "1"
7328
7370
  }), /*#__PURE__*/React.createElement("span", {
7329
7371
  className: "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel"
7330
- }, "".concat(rightclick.column, " ")), !_.startsWith((_context$lang2 = context.lang) !== null && _context$lang2 !== void 0 ? _context$lang2 : "", "zh") && (/*#__PURE__*/React.createElement("span", {
7372
+ }, "".concat(rightclick.column, " ")), !_.startsWith((_context$lang2 = context.lang) !== null && _context$lang2 !== void 0 ? _context$lang2 : "", "zh") && ( /*#__PURE__*/React.createElement("span", {
7331
7373
  className: "luckysheet-cols-rows-shift-".concat(dir)
7332
7374
  }, rightclick[dir]))));
7333
7375
  });
@@ -7365,7 +7407,7 @@ var ContextMenu = function ContextMenu() {
7365
7407
  insertRowColOp: insertRowColOp
7366
7408
  });
7367
7409
  }
7368
- }, /*#__PURE__*/React.createElement(React.Fragment, null, _.startsWith((_context$lang3 = context.lang) !== null && _context$lang3 !== void 0 ? _context$lang3 : "", "zh") && (/*#__PURE__*/React.createElement(React.Fragment, null, rightclick.to, /*#__PURE__*/React.createElement("span", {
7410
+ }, /*#__PURE__*/React.createElement(React.Fragment, null, _.startsWith((_context$lang3 = context.lang) !== null && _context$lang3 !== void 0 ? _context$lang3 : "", "zh") && ( /*#__PURE__*/React.createElement(React.Fragment, null, rightclick.to, /*#__PURE__*/React.createElement("span", {
7369
7411
  className: "luckysheet-cols-rows-shift-".concat(dir)
7370
7412
  }, rightclick[dir]))), "".concat(rightclick.insert, " "), /*#__PURE__*/React.createElement("input", {
7371
7413
  onClick: function onClick(e) {
@@ -7380,13 +7422,13 @@ var ContextMenu = function ContextMenu() {
7380
7422
  defaultValue: "1"
7381
7423
  }), /*#__PURE__*/React.createElement("span", {
7382
7424
  className: "luckysheet-cols-rows-shift-word luckysheet-mousedown-cancel"
7383
- }, "".concat(rightclick.row, " ")), !_.startsWith((_context$lang4 = context.lang) !== null && _context$lang4 !== void 0 ? _context$lang4 : "", "zh") && (/*#__PURE__*/React.createElement("span", {
7425
+ }, "".concat(rightclick.row, " ")), !_.startsWith((_context$lang4 = context.lang) !== null && _context$lang4 !== void 0 ? _context$lang4 : "", "zh") && ( /*#__PURE__*/React.createElement("span", {
7384
7426
  className: "luckysheet-cols-rows-shift-".concat(dir)
7385
7427
  }, rightclick[dir]))));
7386
7428
  });
7387
7429
  }
7388
7430
  if (name === "delete-column") {
7389
- return (selection === null || selection === void 0 ? void 0 : selection.column_select) && (/*#__PURE__*/React.createElement(Menu, {
7431
+ return (selection === null || selection === void 0 ? void 0 : selection.column_select) && ( /*#__PURE__*/React.createElement(Menu, {
7390
7432
  key: "delete-col",
7391
7433
  onClick: function onClick() {
7392
7434
  if (!selection) return;
@@ -7429,7 +7471,7 @@ var ContextMenu = function ContextMenu() {
7429
7471
  }, rightclick.deleteSelected, rightclick.column));
7430
7472
  }
7431
7473
  if (name === "delete-row") {
7432
- return (selection === null || selection === void 0 ? void 0 : selection.row_select) && (/*#__PURE__*/React.createElement(Menu, {
7474
+ return (selection === null || selection === void 0 ? void 0 : selection.row_select) && ( /*#__PURE__*/React.createElement(Menu, {
7433
7475
  key: "delete-row",
7434
7476
  onClick: function onClick() {
7435
7477
  if (!selection) return;
@@ -7520,7 +7562,7 @@ var ContextMenu = function ContextMenu() {
7520
7562
  })) ? "" : rowHeight;
7521
7563
  return ((_context$luckysheet_s9 = context.luckysheet_select_save) === null || _context$luckysheet_s9 === void 0 ? void 0 : _context$luckysheet_s9.some(function (section) {
7522
7564
  return section.row_select;
7523
- })) ? (/*#__PURE__*/React.createElement(Menu, {
7565
+ })) ? ( /*#__PURE__*/React.createElement(Menu, {
7524
7566
  key: "set-row-height",
7525
7567
  onClick: function onClick(e, container) {
7526
7568
  var _container$querySelec2;
@@ -7568,7 +7610,7 @@ var ContextMenu = function ContextMenu() {
7568
7610
  })) ? "" : colWidth;
7569
7611
  return ((_context$luckysheet_s11 = context.luckysheet_select_save) === null || _context$luckysheet_s11 === void 0 ? void 0 : _context$luckysheet_s11.some(function (section) {
7570
7612
  return section.column_select;
7571
- })) ? (/*#__PURE__*/React.createElement(Menu, {
7613
+ })) ? ( /*#__PURE__*/React.createElement(Menu, {
7572
7614
  key: "set-column-width",
7573
7615
  onClick: function onClick(e, container) {
7574
7616
  var _container$querySelec3;
@@ -7660,7 +7702,7 @@ var ContextMenu = function ContextMenu() {
7660
7702
  key: name,
7661
7703
  onClick: function onClick() {
7662
7704
  setContext(function (draftCtx) {
7663
- showDialog(/*#__PURE__*/React.createElement(CustomSort, null));
7705
+ showDialog( /*#__PURE__*/React.createElement(CustomSort, null));
7664
7706
  draftCtx.contextMenu = {};
7665
7707
  });
7666
7708
  }
@@ -7738,7 +7780,7 @@ var ContextMenu = function ContextMenu() {
7738
7780
  }
7739
7781
  }, [contextMenu.x, contextMenu.y, setContext]);
7740
7782
  var renderCustom = function renderCustom() {
7741
- return settings.cellCustomContextMenu().map(function (item) {
7783
+ return settings.cellCustomContextMenu(context.luckysheet_select_save).map(function (item) {
7742
7784
  return /*#__PURE__*/React.createElement(Menu, {
7743
7785
  key: item.key,
7744
7786
  onClick: function onClick() {
@@ -9415,7 +9457,7 @@ var SheetTabContextMenu = function SheetTabContextMenu() {
9415
9457
  }, /*#__PURE__*/React.createElement(SVGIcon, {
9416
9458
  name: "rightArrow",
9417
9459
  width: 18
9418
- })), isShowChangeColor && context.allowEdit && (/*#__PURE__*/React.createElement(ChangeColor, {
9460
+ })), isShowChangeColor && context.allowEdit && ( /*#__PURE__*/React.createElement(ChangeColor, {
9419
9461
  triggerParentUpdate: updateShowInputColor
9420
9462
  })));
9421
9463
  }
@@ -9722,7 +9764,7 @@ var SelectItem = function SelectItem(_ref) {
9722
9764
  var checked = useMemo(function () {
9723
9765
  return isChecked(item.key);
9724
9766
  }, [isChecked, item.key]);
9725
- return isItemVisible(item) ? (/*#__PURE__*/React.createElement("div", {
9767
+ return isItemVisible(item) ? ( /*#__PURE__*/React.createElement("div", {
9726
9768
  className: "select-item"
9727
9769
  }, /*#__PURE__*/React.createElement("input", {
9728
9770
  className: "filter-checkbox",
@@ -9735,7 +9777,7 @@ var SelectItem = function SelectItem(_ref) {
9735
9777
  className: "count"
9736
9778
  }, "( ".concat(item.rows.length, " )")))) : null;
9737
9779
  };
9738
- var _DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
9780
+ var DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
9739
9781
  var item = _ref2.item,
9740
9782
  _ref2$depth = _ref2.depth,
9741
9783
  depth = _ref2$depth === void 0 ? 0 : _ref2$depth,
@@ -9751,7 +9793,7 @@ var _DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
9751
9793
  var checked = useMemo(function () {
9752
9794
  return isChecked(item.key);
9753
9795
  }, [isChecked, item.key]);
9754
- return isItemVisible(item) ? (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
9796
+ return isItemVisible(item) ? ( /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
9755
9797
  className: "select-item",
9756
9798
  style: {
9757
9799
  marginLeft: -2 + depth * 20
@@ -9760,11 +9802,11 @@ var _DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
9760
9802
  onExpand === null || onExpand === void 0 ? void 0 : onExpand(item.key, !expand);
9761
9803
  setExpand(!expand);
9762
9804
  }
9763
- }, _.isEmpty(item.children) ? (/*#__PURE__*/React.createElement("div", {
9805
+ }, _.isEmpty(item.children) ? ( /*#__PURE__*/React.createElement("div", {
9764
9806
  style: {
9765
9807
  width: 10
9766
9808
  }
9767
- })) : (/*#__PURE__*/React.createElement("div", {
9809
+ })) : ( /*#__PURE__*/React.createElement("div", {
9768
9810
  className: "filter-caret ".concat(expand ? "down" : "right"),
9769
9811
  style: {
9770
9812
  cursor: "pointer"
@@ -9782,7 +9824,7 @@ var _DateSelectTreeItem = function DateSelectTreeItem(_ref2) {
9782
9824
  }), /*#__PURE__*/React.createElement("div", null, item.text), /*#__PURE__*/React.createElement("span", {
9783
9825
  className: "count"
9784
9826
  }, "( ".concat(item.rows.length, " )"))), expand && item.children.map(function (v) {
9785
- return /*#__PURE__*/React.createElement(_DateSelectTreeItem, _objectSpread2({
9827
+ return /*#__PURE__*/React.createElement(DateSelectTreeItem, _objectSpread2({
9786
9828
  key: v.key,
9787
9829
  item: v,
9788
9830
  depth: depth + 1
@@ -9803,7 +9845,7 @@ var DateSelectTree = function DateSelectTree(_ref3) {
9803
9845
  onChange = _ref3.onChange,
9804
9846
  isItemVisible = _ref3.isItemVisible;
9805
9847
  return /*#__PURE__*/React.createElement(React.Fragment, null, dates.map(function (v) {
9806
- return /*#__PURE__*/React.createElement(_DateSelectTreeItem, _objectSpread2({
9848
+ return /*#__PURE__*/React.createElement(DateSelectTreeItem, _objectSpread2({
9807
9849
  key: v.key,
9808
9850
  item: v
9809
9851
  }, {
@@ -9956,7 +9998,7 @@ var FilterMenu = function FilterMenu() {
9956
9998
  });
9957
9999
  }, [col, setContext, startRow, startCol, endRow, endCol, showAlert]);
9958
10000
  var renderColorList = useCallback(function (key, title, colors, onSelectChange) {
9959
- return colors.length > 1 ? (/*#__PURE__*/React.createElement("div", {
10001
+ return colors.length > 1 ? ( /*#__PURE__*/React.createElement("div", {
9960
10002
  key: key
9961
10003
  }, /*#__PURE__*/React.createElement("div", {
9962
10004
  className: "title"
@@ -10262,7 +10304,7 @@ var FilterMenu = function FilterMenu() {
10262
10304
  clearFilter(draftCtx);
10263
10305
  });
10264
10306
  }
10265
- }, filter.clearFilter))), showSubMenu && (/*#__PURE__*/React.createElement("div", {
10307
+ }, filter.clearFilter))), showSubMenu && ( /*#__PURE__*/React.createElement("div", {
10266
10308
  ref: subMenuRef,
10267
10309
  className: "luckysheet-filter-bycolor-submenu",
10268
10310
  style: subMenuPos,
@@ -10273,9 +10315,9 @@ var FilterMenu = function FilterMenu() {
10273
10315
  mouseHoverSubMenu.current = false;
10274
10316
  setShowSubMenu(false);
10275
10317
  }
10276
- }, filterColors.bgColors.length < 2 && filterColors.fcColors.length < 2 ? (/*#__PURE__*/React.createElement("div", {
10318
+ }, filterColors.bgColors.length < 2 && filterColors.fcColors.length < 2 ? ( /*#__PURE__*/React.createElement("div", {
10277
10319
  className: "one-color-tip"
10278
- }, filter.filterContainerOneColorTip)) : (/*#__PURE__*/React.createElement(React.Fragment, null, [{
10320
+ }, filter.filterContainerOneColorTip)) : ( /*#__PURE__*/React.createElement(React.Fragment, null, [{
10279
10321
  key: "bgColors",
10280
10322
  title: filter.filiterByColorTip,
10281
10323
  colors: filterColors.bgColors
@@ -10324,7 +10366,7 @@ var SheetHiddenButton = function SheetHiddenButton(_ref) {
10324
10366
  showSheet();
10325
10367
  },
10326
10368
  className: "leankylin-sheet-hidden-button"
10327
- }, (sheet === null || sheet === void 0 ? void 0 : sheet.hide) === 1 ? (/*#__PURE__*/React.createElement(SVGIcon, {
10369
+ }, (sheet === null || sheet === void 0 ? void 0 : sheet.hide) === 1 ? ( /*#__PURE__*/React.createElement(SVGIcon, {
10328
10370
  name: "hidden",
10329
10371
  width: 16,
10330
10372
  height: 16,
@@ -10382,7 +10424,7 @@ var SheetListItem = function SheetListItem(_ref) {
10382
10424
  }
10383
10425
  }, /*#__PURE__*/React.createElement("span", {
10384
10426
  className: "leankylin-sheet-selected-check-sapce"
10385
- }, sheet.id === context.currentSheetId && (/*#__PURE__*/React.createElement(SVGIcon, {
10427
+ }, sheet.id === context.currentSheetId && ( /*#__PURE__*/React.createElement(SVGIcon, {
10386
10428
  name: "check",
10387
10429
  width: 16,
10388
10430
  height: 16,
@@ -10393,7 +10435,7 @@ var SheetListItem = function SheetListItem(_ref) {
10393
10435
  }))), /*#__PURE__*/React.createElement("span", {
10394
10436
  className: "luckysheet-sheets-item-name leankylin-sheet-list-item-name",
10395
10437
  spellCheck: "false"
10396
- }, !!sheet.color && (/*#__PURE__*/React.createElement("div", {
10438
+ }, !!sheet.color && ( /*#__PURE__*/React.createElement("div", {
10397
10439
  className: "luckysheet-sheets-list-item-color",
10398
10440
  style: {
10399
10441
  background: sheet.color
@@ -10884,14 +10926,14 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
10884
10926
  onKeyDown: onKeyDown
10885
10927
  }, /*#__PURE__*/React.createElement(SVGDefines, null), /*#__PURE__*/React.createElement("div", {
10886
10928
  className: "leankylin-workarea"
10887
- }, mergedSettings.showToolbar && (/*#__PURE__*/React.createElement(Toolbar, {
10929
+ }, mergedSettings.showToolbar && ( /*#__PURE__*/React.createElement(Toolbar, {
10888
10930
  moreItemsOpen: moreToolbarItems !== null,
10889
10931
  setMoreItems: setMoreToolbarItems
10890
10932
  })), mergedSettings.showFormulaBar && /*#__PURE__*/React.createElement(FxEditor, null)), /*#__PURE__*/React.createElement(Sheet, {
10891
10933
  sheet: sheet
10892
- }), mergedSettings.showSheetTabs && /*#__PURE__*/React.createElement(SheetTab, null), /*#__PURE__*/React.createElement(ContextMenu, null), /*#__PURE__*/React.createElement(FilterMenu, null), /*#__PURE__*/React.createElement(SheetTabContextMenu, null), context.showSheetList && /*#__PURE__*/React.createElement(SheetList, null), moreToolbarItems && (/*#__PURE__*/React.createElement(MoreItemsContaier, {
10934
+ }), mergedSettings.showSheetTabs && /*#__PURE__*/React.createElement(SheetTab, null), /*#__PURE__*/React.createElement(ContextMenu, null), /*#__PURE__*/React.createElement(FilterMenu, null), /*#__PURE__*/React.createElement(SheetTabContextMenu, null), context.showSheetList && /*#__PURE__*/React.createElement(SheetList, null), moreToolbarItems && ( /*#__PURE__*/React.createElement(MoreItemsContaier, {
10893
10935
  onClose: onMoreToolbarItemsClose
10894
- }, moreToolbarItems)), !_.isEmpty(context.contextMenu) && (/*#__PURE__*/React.createElement("div", {
10936
+ }, moreToolbarItems)), !_.isEmpty(context.contextMenu) && ( /*#__PURE__*/React.createElement("div", {
10895
10937
  onMouseDown: function onMouseDown() {
10896
10938
  setContextWithProduce(function (draftCtx) {
10897
10939
  draftCtx.contextMenu = {};