@fileverse-dev/fortune-react 1.3.10-input-2 → 1.3.10-input-3

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 (7) hide show
  1. package/es/components/SheetOverlay/InputBox.js +41 -41
  2. package/es/components/SheetOverlay/index.css +6 -0
  3. package/es/components/SheetOverlay/index.js +3 -3
  4. package/lib/components/SheetOverlay/InputBox.js +41 -41
  5. package/lib/components/SheetOverlay/index.css +6 -0
  6. package/lib/components/SheetOverlay/index.js +3 -3
  7. package/package.json +2 -2
package/es/components/SheetOverlay/InputBox.js CHANGED
@@ -20,47 +20,47 @@ import usePrevious from "../../hooks/usePrevious";
20
20
  import { moveCursorToEnd, getCursorPosition, isLetterNumberPattern, removeLastSpan, countCommasBeforeCursor } from "./helper";
21
21
  import { LucideIcon } from "./LucideIcon";
22
22
  var InputBox = function InputBox() {
23
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
24
- var _o = useContext(WorkbookContext),
25
- context = _o.context,
26
- setContext = _o.setContext,
27
- refs = _o.refs;
23
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
24
+ var _p = useContext(WorkbookContext),
25
+ context = _p.context,
26
+ setContext = _p.setContext,
27
+ refs = _p.refs;
28
28
  var inputRef = useRef(null);
29
29
  var lastKeyDownEventRef = useRef(null);
30
30
  var prevCellUpdate = usePrevious(context.luckysheetCellUpdate);
31
31
  var prevSheetId = usePrevious(context.currentSheetId);
32
- var _p = useState(false),
33
- isHidenRC = _p[0],
34
- setIsHidenRC = _p[1];
35
32
  var _q = useState(false),
36
- isInputBoxActive = _q[0],
37
- setIsInputBoxActive = _q[1];
38
- var _r = useState(""),
39
- activeCell = _r[0],
40
- setActiveCell = _r[1];
33
+ isHidenRC = _q[0],
34
+ setIsHidenRC = _q[1];
35
+ var _r = useState(false),
36
+ isInputBoxActive = _r[0],
37
+ setIsInputBoxActive = _r[1];
41
38
  var _s = useState(""),
42
- activeRefCell = _s[0],
43
- setActiveRefCell = _s[1];
44
- var _t = useState({
39
+ activeCell = _s[0],
40
+ setActiveCell = _s[1];
41
+ var _t = useState(""),
42
+ activeRefCell = _t[0],
43
+ setActiveRefCell = _t[1];
44
+ var _u = useState({
45
45
  left: 0,
46
46
  top: 0
47
47
  }),
48
- frozenPosition = _t[0],
49
- setFrozenPosition = _t[1];
48
+ frozenPosition = _u[0],
49
+ setFrozenPosition = _u[1];
50
50
  var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
51
- var _u = useState({}),
52
- firstSelectionActiveCell = _u[0],
53
- setFirstSelectionActiveCell = _u[1];
54
- var _v = useState(0),
55
- commaCount = _v[0],
56
- setCommaCount = _v[1];
51
+ var _v = useState({}),
52
+ firstSelectionActiveCell = _v[0],
53
+ setFirstSelectionActiveCell = _v[1];
54
+ var _w = useState(0),
55
+ commaCount = _w[0],
56
+ setCommaCount = _w[1];
57
57
  var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
58
- var _w = useState(!hideFormulaHintLocal),
59
- showFormulaHint = _w[0],
60
- setShowFormulaHint = _w[1];
61
- var _x = useState(false),
62
- showSearchHint = _x[0],
63
- setShowSearchHint = _x[1];
58
+ var _x = useState(!hideFormulaHintLocal),
59
+ showFormulaHint = _x[0],
60
+ setShowFormulaHint = _x[1];
61
+ var _y = useState(false),
62
+ showSearchHint = _y[0],
63
+ setShowSearchHint = _y[1];
64
64
  var row_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus;
65
65
  var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
66
66
  var preText = useRef("");
@@ -68,9 +68,9 @@ var InputBox = function InputBox() {
68
68
  var isComposingRef = useRef(false);
69
69
  var ZWSP = "\u200B";
70
70
  var inputBoxInnerRef = useRef(null);
71
- var _y = useState([]),
72
- linkSelectionHighlightRects = _y[0],
73
- setLinkSelectionHighlightRects = _y[1];
71
+ var _z = useState([]),
72
+ linkSelectionHighlightRects = _z[0],
73
+ setLinkSelectionHighlightRects = _z[1];
74
74
  var ensureNotEmpty = function ensureNotEmpty() {
75
75
  var el = inputRef.current;
76
76
  if (!el) return;
@@ -106,7 +106,7 @@ var InputBox = function InputBox() {
106
106
  return style;
107
107
  }
108
108
  return {};
109
- }, [context.luckysheetfile, context.currentSheetId, context.luckysheetCellUpdate, (_b = context === null || context === void 0 ? void 0 : context.luckysheetCellUpdate) === null || _b === void 0 ? void 0 : _b.length, firstSelectionActiveCell]);
109
+ }, [context.luckysheetfile, context.currentSheetId, context.luckysheetCellUpdate, (_b = context === null || context === void 0 ? void 0 : context.luckysheetCellUpdate) === null || _b === void 0 ? void 0 : _b.length, firstSelectionActiveCell, (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.innerText]);
110
110
  useLayoutEffect(function () {
111
111
  var _a;
112
112
  if (!context.allowEdit) {
@@ -183,7 +183,7 @@ var InputBox = function InputBox() {
183
183
  if (!firstSelection || ((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show) || _.isEmpty(context.luckysheetCellUpdate)) {
184
184
  setIsInputBoxActive(false);
185
185
  }
186
- }, [firstSelection, (_c = context.rangeDialog) === null || _c === void 0 ? void 0 : _c.show, context.luckysheetCellUpdate]);
186
+ }, [firstSelection, (_d = context.rangeDialog) === null || _d === void 0 ? void 0 : _d.show, context.luckysheetCellUpdate]);
187
187
  var getActiveFormula = useCallback(function () {
188
188
  return document.querySelector(".luckysheet-formula-search-item-active");
189
189
  }, []);
@@ -325,7 +325,7 @@ var InputBox = function InputBox() {
325
325
  setTimeout(function () {
326
326
  return moveCursorToEnd(editor);
327
327
  }, 1);
328
- }, [context.luckysheet_select_save, (_d = context.rangeDialog) === null || _d === void 0 ? void 0 : _d.show, isInputBoxActive]);
328
+ }, [context.luckysheet_select_save, (_e = context.rangeDialog) === null || _e === void 0 ? void 0 : _e.show, isInputBoxActive]);
329
329
  var onKeyDown = useCallback(function (e) {
330
330
  var _a, _b;
331
331
  lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
@@ -517,7 +517,7 @@ var InputBox = function InputBox() {
517
517
  zIndex: _.isEmpty(context.luckysheetCellUpdate) ? -1 : 19,
518
518
  display: "block"
519
519
  };
520
- }, [firstSelection, (_e = context.rangeDialog) === null || _e === void 0 ? void 0 : _e.show, context.luckysheetCellUpdate, refs.cellArea, isInputBoxActive, frozenPosition, context.scrollLeft, context.scrollTop]);
520
+ }, [firstSelection, (_f = context.rangeDialog) === null || _f === void 0 ? void 0 : _f.show, context.luckysheetCellUpdate, refs.cellArea, isInputBoxActive, frozenPosition, context.scrollLeft, context.scrollTop]);
521
521
  useEffect(function () {
522
522
  var _a;
523
523
  if (firstSelection && !((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show) && !isInputBoxActive && !_.isEmpty(context.luckysheetCellUpdate)) {
@@ -533,7 +533,7 @@ var InputBox = function InputBox() {
533
533
  setIsInputBoxActive(true);
534
534
  }
535
535
  }
536
- }, [firstSelection, (_f = context.rangeDialog) === null || _f === void 0 ? void 0 : _f.show, context.luckysheetCellUpdate, isInputBoxActive, context.scrollLeft, context.scrollTop, refs.cellArea]);
536
+ }, [firstSelection, (_g = context.rangeDialog) === null || _g === void 0 ? void 0 : _g.show, context.luckysheetCellUpdate, isInputBoxActive, context.scrollLeft, context.scrollTop, refs.cellArea]);
537
537
  var getAddressIndicatorPosition = useCallback(function () {
538
538
  var _a;
539
539
  if (!firstSelection || ((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show)) {
@@ -546,7 +546,7 @@ var InputBox = function InputBox() {
546
546
  left: "0",
547
547
  display: "block"
548
548
  };
549
- }, [firstSelection, (_g = context.rangeDialog) === null || _g === void 0 ? void 0 : _g.show]);
549
+ }, [firstSelection, (_h = context.rangeDialog) === null || _h === void 0 ? void 0 : _h.show]);
550
550
  var getCellAddress = useCallback(function () {
551
551
  if (!firstSelection) return "";
552
552
  var rowIndex = firstSelection.row_focus || 0;
@@ -596,7 +596,7 @@ var InputBox = function InputBox() {
596
596
  };
597
597
  });
598
598
  setLinkSelectionHighlightRects(relative);
599
- }, [(_h = context.linkCard) === null || _h === void 0 ? void 0 : _h.applyToSelection, (_j = context.linkCard) === null || _j === void 0 ? void 0 : _j.selectionOffsets, (_k = context.linkCard) === null || _k === void 0 ? void 0 : _k.r, (_l = context.linkCard) === null || _l === void 0 ? void 0 : _l.c, context.luckysheetCellUpdate]);
599
+ }, [(_j = context.linkCard) === null || _j === void 0 ? void 0 : _j.applyToSelection, (_k = context.linkCard) === null || _k === void 0 ? void 0 : _k.selectionOffsets, (_l = context.linkCard) === null || _l === void 0 ? void 0 : _l.r, (_m = context.linkCard) === null || _m === void 0 ? void 0 : _m.c, context.luckysheetCellUpdate]);
600
600
  var wraperGetCell = function wraperGetCell() {
601
601
  var cell = getCellAddress();
602
602
  placeRef.current = cell;
@@ -633,7 +633,7 @@ var InputBox = function InputBox() {
633
633
  onMouseUp: function onMouseUp(e) {
634
634
  return e.stopPropagation();
635
635
  }
636
- }, firstSelection && !((_m = context.rangeDialog) === null || _m === void 0 ? void 0 : _m.show) && (/*#__PURE__*/React.createElement("div", {
636
+ }, firstSelection && !((_o = context.rangeDialog) === null || _o === void 0 ? void 0 : _o.show) && (/*#__PURE__*/React.createElement("div", {
637
637
  className: "luckysheet-cell-address-indicator",
638
638
  style: getAddressIndicatorPosition()
639
639
  }, wraperGetCell())), /*#__PURE__*/React.createElement("div", {
package/es/components/SheetOverlay/index.css CHANGED
@@ -830,6 +830,12 @@
830
830
  cursor: se-resize;
831
831
  }
832
832
 
833
+ /* FLV: show blue dashed border for active selection while in edit mode */
834
+ .luckysheet-cell-selected-edit-mode .luckysheet-cs-inner-border {
835
+ border: 2px dashed #12a5ff;
836
+ border-radius: 1px;
837
+ }
838
+
833
839
  .fortune-formula-functionrange-highlight .luckysheet-highlight {
834
840
  position: absolute;
835
841
  z-index: 19;
package/es/components/SheetOverlay/index.js CHANGED
@@ -375,18 +375,18 @@ var SheetOverlay = function SheetOverlay() {
375
375
  }), ((_h = (_g = context.luckysheet_select_save) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) > 0 && (/*#__PURE__*/React.createElement("div", {
376
376
  id: "luckysheet-cell-selected-boxs"
377
377
  }, context.luckysheet_select_save.map(function (selection, index) {
378
- var _a, _b;
378
+ var _a, _b, _c, _d;
379
379
  return /*#__PURE__*/React.createElement("div", {
380
380
  key: index,
381
381
  id: "luckysheet-cell-selected",
382
- className: "luckysheet-cell-selected",
382
+ className: "luckysheet-cell-selected" + (((_b = (_a = context.luckysheetCellUpdate) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0 ? " luckysheet-cell-selected-edit-mode" : ""),
383
383
  style: _.assign({
384
384
  left: selection.left_move,
385
385
  top: selection.top_move,
386
386
  width: selection.width_move ? selection.width_move - 1.8 : selection.width_move,
387
387
  height: selection.height_move ? selection.height_move - 1.8 : selection.height_move,
388
388
  display: "block"
389
- }, fixRowStyleOverflowInFreeze(context, selection.row[0], selection.row[1], (_a = refs.globalCache.freezen) === null || _a === void 0 ? void 0 : _a[context.currentSheetId]), fixColumnStyleOverflowInFreeze(context, selection.column[0], selection.column[1], (_b = refs.globalCache.freezen) === null || _b === void 0 ? void 0 : _b[context.currentSheetId])),
389
+ }, fixRowStyleOverflowInFreeze(context, selection.row[0], selection.row[1], (_c = refs.globalCache.freezen) === null || _c === void 0 ? void 0 : _c[context.currentSheetId]), fixColumnStyleOverflowInFreeze(context, selection.column[0], selection.column[1], (_d = refs.globalCache.freezen) === null || _d === void 0 ? void 0 : _d[context.currentSheetId])),
390
390
  onMouseDown: function onMouseDown(e) {
391
391
  e.stopPropagation();
392
392
  var nativeEvent = e.nativeEvent;
package/lib/components/SheetOverlay/InputBox.js CHANGED
@@ -29,47 +29,47 @@ var __assign = void 0 && (void 0).__assign || function () {
29
29
  return __assign.apply(this, arguments);
30
30
  };
31
31
  var InputBox = function InputBox() {
32
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
33
- var _o = (0, _react.useContext)(_context.default),
34
- context = _o.context,
35
- setContext = _o.setContext,
36
- refs = _o.refs;
32
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
33
+ var _p = (0, _react.useContext)(_context.default),
34
+ context = _p.context,
35
+ setContext = _p.setContext,
36
+ refs = _p.refs;
37
37
  var inputRef = (0, _react.useRef)(null);
38
38
  var lastKeyDownEventRef = (0, _react.useRef)(null);
39
39
  var prevCellUpdate = (0, _usePrevious.default)(context.luckysheetCellUpdate);
40
40
  var prevSheetId = (0, _usePrevious.default)(context.currentSheetId);
41
- var _p = (0, _react.useState)(false),
42
- isHidenRC = _p[0],
43
- setIsHidenRC = _p[1];
44
41
  var _q = (0, _react.useState)(false),
45
- isInputBoxActive = _q[0],
46
- setIsInputBoxActive = _q[1];
47
- var _r = (0, _react.useState)(""),
48
- activeCell = _r[0],
49
- setActiveCell = _r[1];
42
+ isHidenRC = _q[0],
43
+ setIsHidenRC = _q[1];
44
+ var _r = (0, _react.useState)(false),
45
+ isInputBoxActive = _r[0],
46
+ setIsInputBoxActive = _r[1];
50
47
  var _s = (0, _react.useState)(""),
51
- activeRefCell = _s[0],
52
- setActiveRefCell = _s[1];
53
- var _t = (0, _react.useState)({
48
+ activeCell = _s[0],
49
+ setActiveCell = _s[1];
50
+ var _t = (0, _react.useState)(""),
51
+ activeRefCell = _t[0],
52
+ setActiveRefCell = _t[1];
53
+ var _u = (0, _react.useState)({
54
54
  left: 0,
55
55
  top: 0
56
56
  }),
57
- frozenPosition = _t[0],
58
- setFrozenPosition = _t[1];
57
+ frozenPosition = _u[0],
58
+ setFrozenPosition = _u[1];
59
59
  var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
60
- var _u = (0, _react.useState)({}),
61
- firstSelectionActiveCell = _u[0],
62
- setFirstSelectionActiveCell = _u[1];
63
- var _v = (0, _react.useState)(0),
64
- commaCount = _v[0],
65
- setCommaCount = _v[1];
60
+ var _v = (0, _react.useState)({}),
61
+ firstSelectionActiveCell = _v[0],
62
+ setFirstSelectionActiveCell = _v[1];
63
+ var _w = (0, _react.useState)(0),
64
+ commaCount = _w[0],
65
+ setCommaCount = _w[1];
66
66
  var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
67
- var _w = (0, _react.useState)(!hideFormulaHintLocal),
68
- showFormulaHint = _w[0],
69
- setShowFormulaHint = _w[1];
70
- var _x = (0, _react.useState)(false),
71
- showSearchHint = _x[0],
72
- setShowSearchHint = _x[1];
67
+ var _x = (0, _react.useState)(!hideFormulaHintLocal),
68
+ showFormulaHint = _x[0],
69
+ setShowFormulaHint = _x[1];
70
+ var _y = (0, _react.useState)(false),
71
+ showSearchHint = _y[0],
72
+ setShowSearchHint = _y[1];
73
73
  var row_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus;
74
74
  var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
75
75
  var preText = (0, _react.useRef)("");
@@ -77,9 +77,9 @@ var InputBox = function InputBox() {
77
77
  var isComposingRef = (0, _react.useRef)(false);
78
78
  var ZWSP = "\u200B";
79
79
  var inputBoxInnerRef = (0, _react.useRef)(null);
80
- var _y = (0, _react.useState)([]),
81
- linkSelectionHighlightRects = _y[0],
82
- setLinkSelectionHighlightRects = _y[1];
80
+ var _z = (0, _react.useState)([]),
81
+ linkSelectionHighlightRects = _z[0],
82
+ setLinkSelectionHighlightRects = _z[1];
83
83
  var ensureNotEmpty = function ensureNotEmpty() {
84
84
  var el = inputRef.current;
85
85
  if (!el) return;
@@ -115,7 +115,7 @@ var InputBox = function InputBox() {
115
115
  return style;
116
116
  }
117
117
  return {};
118
- }, [context.luckysheetfile, context.currentSheetId, context.luckysheetCellUpdate, (_b = context === null || context === void 0 ? void 0 : context.luckysheetCellUpdate) === null || _b === void 0 ? void 0 : _b.length, firstSelectionActiveCell]);
118
+ }, [context.luckysheetfile, context.currentSheetId, context.luckysheetCellUpdate, (_b = context === null || context === void 0 ? void 0 : context.luckysheetCellUpdate) === null || _b === void 0 ? void 0 : _b.length, firstSelectionActiveCell, (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.innerText]);
119
119
  (0, _react.useLayoutEffect)(function () {
120
120
  var _a;
121
121
  if (!context.allowEdit) {
@@ -192,7 +192,7 @@ var InputBox = function InputBox() {
192
192
  if (!firstSelection || ((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show) || _lodash.default.isEmpty(context.luckysheetCellUpdate)) {
193
193
  setIsInputBoxActive(false);
194
194
  }
195
- }, [firstSelection, (_c = context.rangeDialog) === null || _c === void 0 ? void 0 : _c.show, context.luckysheetCellUpdate]);
195
+ }, [firstSelection, (_d = context.rangeDialog) === null || _d === void 0 ? void 0 : _d.show, context.luckysheetCellUpdate]);
196
196
  var getActiveFormula = (0, _react.useCallback)(function () {
197
197
  return document.querySelector(".luckysheet-formula-search-item-active");
198
198
  }, []);
@@ -334,7 +334,7 @@ var InputBox = function InputBox() {
334
334
  setTimeout(function () {
335
335
  return (0, _helper.moveCursorToEnd)(editor);
336
336
  }, 1);
337
- }, [context.luckysheet_select_save, (_d = context.rangeDialog) === null || _d === void 0 ? void 0 : _d.show, isInputBoxActive]);
337
+ }, [context.luckysheet_select_save, (_e = context.rangeDialog) === null || _e === void 0 ? void 0 : _e.show, isInputBoxActive]);
338
338
  var onKeyDown = (0, _react.useCallback)(function (e) {
339
339
  var _a, _b;
340
340
  lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
@@ -526,7 +526,7 @@ var InputBox = function InputBox() {
526
526
  zIndex: _lodash.default.isEmpty(context.luckysheetCellUpdate) ? -1 : 19,
527
527
  display: "block"
528
528
  };
529
- }, [firstSelection, (_e = context.rangeDialog) === null || _e === void 0 ? void 0 : _e.show, context.luckysheetCellUpdate, refs.cellArea, isInputBoxActive, frozenPosition, context.scrollLeft, context.scrollTop]);
529
+ }, [firstSelection, (_f = context.rangeDialog) === null || _f === void 0 ? void 0 : _f.show, context.luckysheetCellUpdate, refs.cellArea, isInputBoxActive, frozenPosition, context.scrollLeft, context.scrollTop]);
530
530
  (0, _react.useEffect)(function () {
531
531
  var _a;
532
532
  if (firstSelection && !((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show) && !isInputBoxActive && !_lodash.default.isEmpty(context.luckysheetCellUpdate)) {
@@ -542,7 +542,7 @@ var InputBox = function InputBox() {
542
542
  setIsInputBoxActive(true);
543
543
  }
544
544
  }
545
- }, [firstSelection, (_f = context.rangeDialog) === null || _f === void 0 ? void 0 : _f.show, context.luckysheetCellUpdate, isInputBoxActive, context.scrollLeft, context.scrollTop, refs.cellArea]);
545
+ }, [firstSelection, (_g = context.rangeDialog) === null || _g === void 0 ? void 0 : _g.show, context.luckysheetCellUpdate, isInputBoxActive, context.scrollLeft, context.scrollTop, refs.cellArea]);
546
546
  var getAddressIndicatorPosition = (0, _react.useCallback)(function () {
547
547
  var _a;
548
548
  if (!firstSelection || ((_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.show)) {
@@ -555,7 +555,7 @@ var InputBox = function InputBox() {
555
555
  left: "0",
556
556
  display: "block"
557
557
  };
558
- }, [firstSelection, (_g = context.rangeDialog) === null || _g === void 0 ? void 0 : _g.show]);
558
+ }, [firstSelection, (_h = context.rangeDialog) === null || _h === void 0 ? void 0 : _h.show]);
559
559
  var getCellAddress = (0, _react.useCallback)(function () {
560
560
  if (!firstSelection) return "";
561
561
  var rowIndex = firstSelection.row_focus || 0;
@@ -605,7 +605,7 @@ var InputBox = function InputBox() {
605
605
  };
606
606
  });
607
607
  setLinkSelectionHighlightRects(relative);
608
- }, [(_h = context.linkCard) === null || _h === void 0 ? void 0 : _h.applyToSelection, (_j = context.linkCard) === null || _j === void 0 ? void 0 : _j.selectionOffsets, (_k = context.linkCard) === null || _k === void 0 ? void 0 : _k.r, (_l = context.linkCard) === null || _l === void 0 ? void 0 : _l.c, context.luckysheetCellUpdate]);
608
+ }, [(_j = context.linkCard) === null || _j === void 0 ? void 0 : _j.applyToSelection, (_k = context.linkCard) === null || _k === void 0 ? void 0 : _k.selectionOffsets, (_l = context.linkCard) === null || _l === void 0 ? void 0 : _l.r, (_m = context.linkCard) === null || _m === void 0 ? void 0 : _m.c, context.luckysheetCellUpdate]);
609
609
  var wraperGetCell = function wraperGetCell() {
610
610
  var cell = getCellAddress();
611
611
  placeRef.current = cell;
@@ -642,7 +642,7 @@ var InputBox = function InputBox() {
642
642
  onMouseUp: function onMouseUp(e) {
643
643
  return e.stopPropagation();
644
644
  }
645
- }, firstSelection && !((_m = context.rangeDialog) === null || _m === void 0 ? void 0 : _m.show) && (/*#__PURE__*/_react.default.createElement("div", {
645
+ }, firstSelection && !((_o = context.rangeDialog) === null || _o === void 0 ? void 0 : _o.show) && (/*#__PURE__*/_react.default.createElement("div", {
646
646
  className: "luckysheet-cell-address-indicator",
647
647
  style: getAddressIndicatorPosition()
648
648
  }, wraperGetCell())), /*#__PURE__*/_react.default.createElement("div", {
package/lib/components/SheetOverlay/index.css CHANGED
@@ -830,6 +830,12 @@
830
830
  cursor: se-resize;
831
831
  }
832
832
 
833
+ /* FLV: show blue dashed border for active selection while in edit mode */
834
+ .luckysheet-cell-selected-edit-mode .luckysheet-cs-inner-border {
835
+ border: 2px dashed #12a5ff;
836
+ border-radius: 1px;
837
+ }
838
+
833
839
  .fortune-formula-functionrange-highlight .luckysheet-highlight {
834
840
  position: absolute;
835
841
  z-index: 19;
package/lib/components/SheetOverlay/index.js CHANGED
@@ -384,18 +384,18 @@ var SheetOverlay = function SheetOverlay() {
384
384
  }), ((_h = (_g = context.luckysheet_select_save) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) > 0 && (/*#__PURE__*/_react.default.createElement("div", {
385
385
  id: "luckysheet-cell-selected-boxs"
386
386
  }, context.luckysheet_select_save.map(function (selection, index) {
387
- var _a, _b;
387
+ var _a, _b, _c, _d;
388
388
  return /*#__PURE__*/_react.default.createElement("div", {
389
389
  key: index,
390
390
  id: "luckysheet-cell-selected",
391
- className: "luckysheet-cell-selected",
391
+ className: "luckysheet-cell-selected" + (((_b = (_a = context.luckysheetCellUpdate) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0 ? " luckysheet-cell-selected-edit-mode" : ""),
392
392
  style: _lodash.default.assign({
393
393
  left: selection.left_move,
394
394
  top: selection.top_move,
395
395
  width: selection.width_move ? selection.width_move - 1.8 : selection.width_move,
396
396
  height: selection.height_move ? selection.height_move - 1.8 : selection.height_move,
397
397
  display: "block"
398
- }, (0, _fortuneCore.fixRowStyleOverflowInFreeze)(context, selection.row[0], selection.row[1], (_a = refs.globalCache.freezen) === null || _a === void 0 ? void 0 : _a[context.currentSheetId]), (0, _fortuneCore.fixColumnStyleOverflowInFreeze)(context, selection.column[0], selection.column[1], (_b = refs.globalCache.freezen) === null || _b === void 0 ? void 0 : _b[context.currentSheetId])),
398
+ }, (0, _fortuneCore.fixRowStyleOverflowInFreeze)(context, selection.row[0], selection.row[1], (_c = refs.globalCache.freezen) === null || _c === void 0 ? void 0 : _c[context.currentSheetId]), (0, _fortuneCore.fixColumnStyleOverflowInFreeze)(context, selection.column[0], selection.column[1], (_d = refs.globalCache.freezen) === null || _d === void 0 ? void 0 : _d[context.currentSheetId])),
399
399
  onMouseDown: function onMouseDown(e) {
400
400
  e.stopPropagation();
401
401
  var nativeEvent = e.nativeEvent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fileverse-dev/fortune-react",
3
- "version": "1.3.10-input-2",
3
+ "version": "1.3.10-input-3",
4
4
  "main": "lib/index.js",
5
5
  "types": "lib/index.d.ts",
6
6
  "module": "es/index.js",
@@ -16,7 +16,7 @@
16
16
  "tsc": "tsc"
17
17
  },
18
18
  "dependencies": {
19
- "@fileverse-dev/fortune-core": "1.3.10-input-2",
19
+ "@fileverse-dev/fortune-core": "1.3.10-input-3",
20
20
  "@fileverse/ui": "5.0.0",
21
21
  "@tippyjs/react": "^4.2.6",
22
22
  "@types/regenerator-runtime": "^0.13.6",