@fileverse-dev/fortune-react 1.3.5-hyper → 1.3.5-hyper-2

package/es/components/LinkEidtCard/index.js

@@ -64,6 +64,20 @@ export var LinkEditCard = function LinkEditCard(_a) {
       draftCtx.linkCard = undefined;
     });
   }, [refs.globalCache, setContext]);
+  var handleInsertLink = useCallback(function () {
+    if (isButtonDisabled) return;
+    _.set(refs.globalCache, "linkCard.mouseEnter", false);
+    setContext(function (draftCtx) {
+      saveHyperlink(draftCtx, r, c, linkText, linkType, linkAddress, {
+        applyToSelection: applyToSelection || undefined,
+        cellInput: refs.cellInput.current
+      });
+      if (!applyToSelection) {
+        draftCtx.luckysheetCellUpdate = [];
+        jfrefreshgrid(draftCtx, null, undefined);
+      }
+    });
+  }, [isButtonDisabled, refs.globalCache, refs.cellInput, setContext, r, c, linkText, linkType, linkAddress, applyToSelection]);
   var containerEvent = useMemo(function () {
     return {
       onMouseEnter: function onMouseEnter() {
@@ -83,26 +97,16 @@ export var LinkEditCard = function LinkEditCard(_a) {
       },
       onKeyDown: function onKeyDown(e) {
         e.stopPropagation();
-        if (isButtonDisabled) return;
         if (e.key === "Enter") {
-          _.set(refs.globalCache, "linkCard.mouseEnter", false);
-          setContext(function (draftCtx) {
-            saveHyperlink(draftCtx, r, c, linkText, linkType, linkAddress, {
-              applyToSelection: applyToSelection || undefined,
-              cellInput: refs.cellInput.current
-            });
-            if (!applyToSelection) {
-              draftCtx.luckysheetCellUpdate = [];
-              jfrefreshgrid(draftCtx, null, undefined);
-            }
-          });
+          e.preventDefault();
+          handleInsertLink();
         }
       },
       onDoubleClick: function onDoubleClick(e) {
         return e.stopPropagation();
       }
     };
-  }, [refs.globalCache, isButtonDisabled, applyToSelection, linkText, linkType, linkAddress, r, c, setContext, refs.cellInput]);
+  }, [handleInsertLink]);
   var renderToolbarButton = useCallback(function (iconId, onClick) {
     var iconIdClass = iconId.replace(/[^a-zA-Z0-9-]/g, "-").replace(/-+/g, "-");
     return /*#__PURE__*/React.createElement("div", {
@@ -247,6 +251,13 @@ export var LinkEditCard = function LinkEditCard(_a) {
     onChange: function onChange(e) {
       return setLinkText(e.target.value);
     },
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        e.stopPropagation();
+        handleInsertLink();
+      }
+    },
     className: "fortune-link-input"
   })), linkType === "webpage" && (/*#__PURE__*/React.createElement("div", {
     className: "fortune-input-with-icon"
@@ -260,6 +271,13 @@ export var LinkEditCard = function LinkEditCard(_a) {
     ref: linkAddressRef,
     placeholder: "Paste URL",
     value: linkAddress,
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        e.stopPropagation();
+        handleInsertLink();
+      }
+    },
     onChange: function onChange(e) {
       return setLinkAddress(e.target.value);
     },
@@ -292,20 +310,7 @@ export var LinkEditCard = function LinkEditCard(_a) {
   }))))), /*#__PURE__*/React.createElement(Button, {
     className: "fortune-link-card__cta fortune-insert-button",
     disabled: isButtonDisabled,
-    onClick: function onClick() {
-      if (isButtonDisabled) return;
-      _.set(refs.globalCache, "linkCard.mouseEnter", false);
-      setContext(function (draftCtx) {
-        saveHyperlink(draftCtx, r, c, linkText, linkType, linkAddress, {
-          applyToSelection: applyToSelection || undefined,
-          cellInput: refs.cellInput.current
-        });
-        if (!applyToSelection) {
-          draftCtx.luckysheetCellUpdate = [];
-          jfrefreshgrid(draftCtx, null, undefined);
-        }
-      });
-    },
+    onClick: handleInsertLink,
     "data-testid": "link-card-cta-insert"
   }, "Insert link"));
 };

package/es/components/SheetOverlay/InputBox.js

@@ -8,7 +8,7 @@ var __assign = this && this.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
-import { cancelNormalSelected, getCellValue, getInlineStringHTML, getStyleByCell, isInlineStringCell, moveToEnd, getFlowdata, handleFormulaInput, moveHighlightCell, escapeScriptTag, valueShowEs, createRangeHightlight, isShowHidenCR, israngeseleciton, escapeHTMLTag, isAllowEdit, getrangeseleciton, indexToColumnChar, handleBold, handleItalic, handleUnderline, handleStrikeThrough } from "@fileverse-dev/fortune-core";
+import { cancelNormalSelected, getCellValue, getInlineStringHTML, getStyleByCell, isInlineStringCell, moveToEnd, getFlowdata, handleFormulaInput, moveHighlightCell, escapeScriptTag, valueShowEs, createRangeHightlight, isShowHidenCR, israngeseleciton, escapeHTMLTag, isAllowEdit, getrangeseleciton, indexToColumnChar, handleBold, handleItalic, handleUnderline, handleStrikeThrough, getRangeRectsByCharacterOffset } from "@fileverse-dev/fortune-core";
 import React, { useContext, useEffect, useMemo, useRef, useCallback, useLayoutEffect, useState } from "react";
 import _ from "lodash";
 import { Tooltip } from "@fileverse/ui";
@@ -20,53 +20,57 @@ import usePrevious from "../../hooks/usePrevious";
 import { moveCursorToEnd, getCursorPosition, isLetterNumberPattern, removeLastSpan, incrementColumn, decrementColumn, incrementRow, decrementRow, countCommasBeforeCursor } from "./helper";
 import { LucideIcon } from "./LucideIcon";
 var InputBox = function InputBox() {
-  var _a, _b, _c, _d, _e, _f, _g;
-  var _h = useContext(WorkbookContext),
-    context = _h.context,
-    setContext = _h.setContext,
-    refs = _h.refs;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _m = useContext(WorkbookContext),
+    context = _m.context,
+    setContext = _m.setContext,
+    refs = _m.refs;
   var inputRef = useRef(null);
   var lastKeyDownEventRef = useRef(null);
   var prevCellUpdate = usePrevious(context.luckysheetCellUpdate);
   var prevSheetId = usePrevious(context.currentSheetId);
-  var _j = useState(false),
-    isHidenRC = _j[0],
-    setIsHidenRC = _j[1];
-  var _k = useState(false),
-    isInputBoxActive = _k[0],
-    setIsInputBoxActive = _k[1];
-  var _l = useState(""),
-    activeCell = _l[0],
-    setActiveCell = _l[1];
-  var _m = useState(""),
-    activeRefCell = _m[0],
-    setActiveRefCell = _m[1];
-  var _o = useState({
+  var _o = useState(false),
+    isHidenRC = _o[0],
+    setIsHidenRC = _o[1];
+  var _p = useState(false),
+    isInputBoxActive = _p[0],
+    setIsInputBoxActive = _p[1];
+  var _q = useState(""),
+    activeCell = _q[0],
+    setActiveCell = _q[1];
+  var _r = useState(""),
+    activeRefCell = _r[0],
+    setActiveRefCell = _r[1];
+  var _s = useState({
       left: 0,
       top: 0
     }),
-    frozenPosition = _o[0],
-    setFrozenPosition = _o[1];
+    frozenPosition = _s[0],
+    setFrozenPosition = _s[1];
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
-  var _p = useState({}),
-    firstSelectionActiveCell = _p[0],
-    setFirstSelectionActiveCell = _p[1];
-  var _q = useState(0),
-    commaCount = _q[0],
-    setCommaCount = _q[1];
+  var _t = useState({}),
+    firstSelectionActiveCell = _t[0],
+    setFirstSelectionActiveCell = _t[1];
+  var _u = useState(0),
+    commaCount = _u[0],
+    setCommaCount = _u[1];
   var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
-  var _r = useState(!hideFormulaHintLocal),
-    showFormulaHint = _r[0],
-    setShowFormulaHint = _r[1];
-  var _s = useState(false),
-    showSearchHint = _s[0],
-    setShowSearchHint = _s[1];
+  var _v = useState(!hideFormulaHintLocal),
+    showFormulaHint = _v[0],
+    setShowFormulaHint = _v[1];
+  var _w = useState(false),
+    showSearchHint = _w[0],
+    setShowSearchHint = _w[1];
   var row_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus;
   var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
   var preText = useRef("");
   var placeRef = useRef("");
   var isComposingRef = useRef(false);
   var ZWSP = "\u200B";
+  var inputBoxInnerRef = useRef(null);
+  var _x = useState([]),
+    linkSelectionHighlightRects = _x[0],
+    setLinkSelectionHighlightRects = _x[1];
   var ensureNotEmpty = function ensureNotEmpty() {
     var el = inputRef.current;
     if (!el) return;
@@ -533,6 +537,29 @@ var InputBox = function InputBox() {
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [showFormulaHint]);
+  useLayoutEffect(function () {
+    var _a;
+    var lc = context.linkCard;
+    var isSameCell = ((_a = context.luckysheetCellUpdate) === null || _a === void 0 ? void 0 : _a.length) === 2 && lc && context.luckysheetCellUpdate[0] === lc.r && context.luckysheetCellUpdate[1] === lc.c;
+    if (!(lc === null || lc === void 0 ? void 0 : lc.applyToSelection) || !(lc === null || lc === void 0 ? void 0 : lc.selectionOffsets) || !isSameCell || !inputRef.current || !inputBoxInnerRef.current) {
+      setLinkSelectionHighlightRects([]);
+      return;
+    }
+    var _b = lc.selectionOffsets,
+      start = _b.start,
+      end = _b.end;
+    var rects = getRangeRectsByCharacterOffset(inputRef.current, start, end);
+    var containerRect = inputBoxInnerRef.current.getBoundingClientRect();
+    var relative = rects.map(function (r) {
+      return {
+        left: r.left - containerRect.left,
+        top: r.top - containerRect.top,
+        width: r.width,
+        height: r.height
+      };
+    });
+    setLinkSelectionHighlightRects(relative);
+  }, [(_g = context.linkCard) === null || _g === void 0 ? void 0 : _g.applyToSelection, (_h = context.linkCard) === null || _h === void 0 ? void 0 : _h.selectionOffsets, (_j = context.linkCard) === null || _j === void 0 ? void 0 : _j.r, (_k = context.linkCard) === null || _k === void 0 ? void 0 : _k.c, context.luckysheetCellUpdate]);
   var wraperGetCell = function wraperGetCell() {
     var cell = getCellAddress();
     placeRef.current = cell;
@@ -569,15 +596,19 @@ var InputBox = function InputBox() {
     onMouseUp: function onMouseUp(e) {
       return e.stopPropagation();
     }
-  }, firstSelection && !((_g = context.rangeDialog) === null || _g === void 0 ? void 0 : _g.show) && (/*#__PURE__*/React.createElement("div", {
+  }, firstSelection && !((_l = context.rangeDialog) === null || _l === void 0 ? void 0 : _l.show) && (/*#__PURE__*/React.createElement("div", {
     className: "luckysheet-cell-address-indicator",
     style: getAddressIndicatorPosition()
   }, wraperGetCell())), /*#__PURE__*/React.createElement("div", {
+    ref: inputBoxInnerRef,
     className: "luckysheet-input-box-inner",
     style: firstSelection ? __assign({
+      position: "relative",
       minWidth: firstSelection.width,
       minHeight: firstSelection.height
-    }, inputBoxStyle) : {}
+    }, inputBoxStyle) : {
+      position: "relative"
+    }
   }, /*#__PURE__*/React.createElement(ContentEditable, {
     onCompositionStart: function onCompositionStart() {
       isComposingRef.current = true;
@@ -618,7 +649,30 @@ var InputBox = function InputBox() {
     onKeyDown: onKeyDown,
     onPaste: onPaste,
     allowEdit: edit ? !isHidenRC : edit
-  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0 || fn) && (/*#__PURE__*/React.createElement(React.Fragment, null, showSearchHint && (/*#__PURE__*/React.createElement(FormulaSearch, {
+  }), linkSelectionHighlightRects.length > 0 && (/*#__PURE__*/React.createElement("div", {
+    className: "luckysheet-input-box-link-selection-highlight",
+    "aria-hidden": true,
+    style: {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0,
+      pointerEvents: "none"
+    }
+  }, linkSelectionHighlightRects.map(function (r, i) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: i,
+      style: {
+        position: "absolute",
+        left: r.left,
+        top: r.top,
+        width: r.width,
+        height: r.height,
+        backgroundColor: "rgba(0, 123, 255, 0.25)"
+      }
+    });
+  })))), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0 || fn) && (/*#__PURE__*/React.createElement(React.Fragment, null, showSearchHint && (/*#__PURE__*/React.createElement(FormulaSearch, {
     onMouseMove: function onMouseMove(e) {
       if (document.getElementById("luckysheet-formula-search-c")) {
         var hoveredItem = e.target.closest(".luckysheet-formula-search-item");

package/es/components/SheetOverlay/drag_and_drop/column-helpers.js

@@ -340,6 +340,29 @@ export var useColumnDragAndDrop = function useColumnDragAndDrop(containerRef, se
             });
             _sheet.dataVerification = newDataVerification_1;
           }
+          if (_sheet.hyperlink) {
+            var newHyperlink_1 = {};
+            Object.keys(_sheet.hyperlink).forEach(function (key) {
+              var _a;
+              var itemData = (_a = _sheet.hyperlink) === null || _a === void 0 ? void 0 : _a[key];
+              if (!itemData) return;
+              var parts = key.split("_");
+              if (parts.length !== 2) return;
+              var row = parts[0];
+              var presentCol = parseInt(parts[1], 10);
+              var updatedCol = presentCol;
+              if (selectedSourceCol.includes(presentCol)) {
+                var index = selectedSourceCol.indexOf(presentCol);
+                updatedCol = selectedTargetCol[index];
+              } else if (presentCol > sourceIndex_1 && presentCol < targetIndex) {
+                updatedCol -= selectedSourceCol.length;
+              } else if (presentCol < sourceIndex_1 && presentCol >= targetIndex) {
+                updatedCol += selectedSourceCol.length;
+              }
+              newHyperlink_1["".concat(row, "_").concat(updatedCol)] = itemData;
+            });
+            _sheet.hyperlink = newHyperlink_1;
+          }
           (_f = _sheet.calcChain) === null || _f === void 0 ? void 0 : _f.forEach(function (item) {
             if (selectedSourceCol.includes(item.c)) {
               var index = selectedSourceCol.indexOf(item.c);

package/es/components/SheetOverlay/drag_and_drop/row-helpers.js

@@ -330,6 +330,29 @@ export var useRowDragAndDrop = function useRowDragAndDrop(containerRef, selected
             });
             _sheet.dataVerification = newDataVerification_1;
           }
+          if (_sheet.hyperlink) {
+            var newHyperlink_1 = {};
+            Object.keys(_sheet.hyperlink).forEach(function (key) {
+              var _a;
+              var itemData = (_a = _sheet.hyperlink) === null || _a === void 0 ? void 0 : _a[key];
+              if (!itemData) return;
+              var parts = key.split("_");
+              if (parts.length !== 2) return;
+              var presentRow = parseInt(parts[0], 10);
+              var col = parts[1];
+              var updatedRow = presentRow;
+              if (selectedSourceRow.includes(presentRow)) {
+                var index = selectedSourceRow.indexOf(presentRow);
+                updatedRow = selectedTargetRow[index];
+              } else if (presentRow > sourceIndex_1 && presentRow < targetIndex) {
+                updatedRow -= selectedSourceRow.length;
+              } else if (presentRow < sourceIndex_1 && presentRow >= targetIndex) {
+                updatedRow += selectedSourceRow.length;
+              }
+              newHyperlink_1["".concat(updatedRow, "_").concat(col)] = itemData;
+            });
+            _sheet.hyperlink = newHyperlink_1;
+          }
           (_d = _sheet.calcChain) === null || _d === void 0 ? void 0 : _d.forEach(function (item) {
             if (selectedSourceRow.includes(item.r)) {
               var index = selectedSourceRow.indexOf(item.c);

package/es/components/Toolbar/index.js

@@ -643,6 +643,12 @@ var Toolbar = function Toolbar(_a) {
     window.dataVerificationClick = dataVerificationClick;
     window.conditionalFormatClick = conditionalFormatClick;
   }, []);
+  useEffect(function () {
+    if (cell != null) {
+      refs.globalCache.recentTextColor = normalizedCellAttr(cell, "fc");
+      refs.globalCache.recentBackgroundColor = normalizedCellAttr(cell, "bg");
+    }
+  }, [cell, refs.globalCache]);
   var getToolbarItem = useCallback(function (name, i) {
     var _a, _b, _c, _d, _e, _f, _g;
     var tooltip = toolbar[name];
@@ -652,6 +658,8 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (["font-color", "background"].includes(name)) {
+      var displayTextColor_1 = cell != null ? normalizedCellAttr(cell, "fc") : "#000000";
+      var displayBackgroundColor_1 = cell != null ? normalizedCellAttr(cell, "bg") : undefined;
       var pick_1 = function pick_1(color) {
         setContext(function (draftCtx) {
           return (name === "font-color" ? handleTextColor : handleTextBackground)(draftCtx, refs.cellInput.current, color);
@@ -671,7 +679,7 @@ var Toolbar = function Toolbar(_a) {
         style: {
           width: 24,
           height: 4,
-          backgroundColor: name === "font-color" ? refs.globalCache.recentTextColor : refs.globalCache.recentBackgroundColor,
+          backgroundColor: name === "font-color" ? displayTextColor_1 : displayBackgroundColor_1,
           position: "absolute",
           bottom: 2,
           left: 3,
@@ -681,9 +689,9 @@ var Toolbar = function Toolbar(_a) {
         iconId: name,
         tooltip: tooltip,
         showArrow: false,
-        fillColor: name === "font-color" ? refs.globalCache.recentTextColor : undefined,
+        fillColor: name === "font-color" ? displayTextColor_1 : undefined,
         onClick: function onClick() {
-          var color = name === "font-color" ? refs.globalCache.recentTextColor : refs.globalCache.recentBackgroundColor;
+          var color = name === "font-color" ? displayTextColor_1 : displayBackgroundColor_1;
           if (color) pick_1(color);
         }
       }, function (setOpen) {

package/lib/components/LinkEidtCard/index.js

@@ -73,6 +73,20 @@ var LinkEditCard = exports.LinkEditCard = function LinkEditCard(_a) {
       draftCtx.linkCard = undefined;
     });
   }, [refs.globalCache, setContext]);
+  var handleInsertLink = (0, _react.useCallback)(function () {
+    if (isButtonDisabled) return;
+    _lodash.default.set(refs.globalCache, "linkCard.mouseEnter", false);
+    setContext(function (draftCtx) {
+      (0, _fortuneCore.saveHyperlink)(draftCtx, r, c, linkText, linkType, linkAddress, {
+        applyToSelection: applyToSelection || undefined,
+        cellInput: refs.cellInput.current
+      });
+      if (!applyToSelection) {
+        draftCtx.luckysheetCellUpdate = [];
+        (0, _fortuneCore.jfrefreshgrid)(draftCtx, null, undefined);
+      }
+    });
+  }, [isButtonDisabled, refs.globalCache, refs.cellInput, setContext, r, c, linkText, linkType, linkAddress, applyToSelection]);
   var containerEvent = (0, _react.useMemo)(function () {
     return {
       onMouseEnter: function onMouseEnter() {
@@ -92,26 +106,16 @@ var LinkEditCard = exports.LinkEditCard = function LinkEditCard(_a) {
       },
       onKeyDown: function onKeyDown(e) {
         e.stopPropagation();
-        if (isButtonDisabled) return;
         if (e.key === "Enter") {
-          _lodash.default.set(refs.globalCache, "linkCard.mouseEnter", false);
-          setContext(function (draftCtx) {
-            (0, _fortuneCore.saveHyperlink)(draftCtx, r, c, linkText, linkType, linkAddress, {
-              applyToSelection: applyToSelection || undefined,
-              cellInput: refs.cellInput.current
-            });
-            if (!applyToSelection) {
-              draftCtx.luckysheetCellUpdate = [];
-              (0, _fortuneCore.jfrefreshgrid)(draftCtx, null, undefined);
-            }
-          });
+          e.preventDefault();
+          handleInsertLink();
         }
       },
       onDoubleClick: function onDoubleClick(e) {
         return e.stopPropagation();
       }
     };
-  }, [refs.globalCache, isButtonDisabled, applyToSelection, linkText, linkType, linkAddress, r, c, setContext, refs.cellInput]);
+  }, [handleInsertLink]);
   var renderToolbarButton = (0, _react.useCallback)(function (iconId, onClick) {
     var iconIdClass = iconId.replace(/[^a-zA-Z0-9-]/g, "-").replace(/-+/g, "-");
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -256,6 +260,13 @@ var LinkEditCard = exports.LinkEditCard = function LinkEditCard(_a) {
     onChange: function onChange(e) {
       return setLinkText(e.target.value);
     },
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        e.stopPropagation();
+        handleInsertLink();
+      }
+    },
     className: "fortune-link-input"
   })), linkType === "webpage" && (/*#__PURE__*/_react.default.createElement("div", {
     className: "fortune-input-with-icon"
@@ -269,6 +280,13 @@ var LinkEditCard = exports.LinkEditCard = function LinkEditCard(_a) {
     ref: linkAddressRef,
     placeholder: "Paste URL",
     value: linkAddress,
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        e.stopPropagation();
+        handleInsertLink();
+      }
+    },
     onChange: function onChange(e) {
       return setLinkAddress(e.target.value);
     },
@@ -301,20 +319,7 @@ var LinkEditCard = exports.LinkEditCard = function LinkEditCard(_a) {
   }))))), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     className: "fortune-link-card__cta fortune-insert-button",
     disabled: isButtonDisabled,
-    onClick: function onClick() {
-      if (isButtonDisabled) return;
-      _lodash.default.set(refs.globalCache, "linkCard.mouseEnter", false);
-      setContext(function (draftCtx) {
-        (0, _fortuneCore.saveHyperlink)(draftCtx, r, c, linkText, linkType, linkAddress, {
-          applyToSelection: applyToSelection || undefined,
-          cellInput: refs.cellInput.current
-        });
-        if (!applyToSelection) {
-          draftCtx.luckysheetCellUpdate = [];
-          (0, _fortuneCore.jfrefreshgrid)(draftCtx, null, undefined);
-        }
-      });
-    },
+    onClick: handleInsertLink,
     "data-testid": "link-card-cta-insert"
   }, "Insert link"));
 };

package/lib/components/SheetOverlay/InputBox.js

@@ -17,7 +17,7 @@ var _usePrevious = _interopRequireDefault(require("../../hooks/usePrevious"));
 var _helper = require("./helper");
 var _LucideIcon = require("./LucideIcon");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -29,53 +29,57 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 var InputBox = function InputBox() {
-  var _a, _b, _c, _d, _e, _f, _g;
-  var _h = (0, _react.useContext)(_context.default),
-    context = _h.context,
-    setContext = _h.setContext,
-    refs = _h.refs;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _m = (0, _react.useContext)(_context.default),
+    context = _m.context,
+    setContext = _m.setContext,
+    refs = _m.refs;
   var inputRef = (0, _react.useRef)(null);
   var lastKeyDownEventRef = (0, _react.useRef)(null);
   var prevCellUpdate = (0, _usePrevious.default)(context.luckysheetCellUpdate);
   var prevSheetId = (0, _usePrevious.default)(context.currentSheetId);
-  var _j = (0, _react.useState)(false),
-    isHidenRC = _j[0],
-    setIsHidenRC = _j[1];
-  var _k = (0, _react.useState)(false),
-    isInputBoxActive = _k[0],
-    setIsInputBoxActive = _k[1];
-  var _l = (0, _react.useState)(""),
-    activeCell = _l[0],
-    setActiveCell = _l[1];
-  var _m = (0, _react.useState)(""),
-    activeRefCell = _m[0],
-    setActiveRefCell = _m[1];
-  var _o = (0, _react.useState)({
+  var _o = (0, _react.useState)(false),
+    isHidenRC = _o[0],
+    setIsHidenRC = _o[1];
+  var _p = (0, _react.useState)(false),
+    isInputBoxActive = _p[0],
+    setIsInputBoxActive = _p[1];
+  var _q = (0, _react.useState)(""),
+    activeCell = _q[0],
+    setActiveCell = _q[1];
+  var _r = (0, _react.useState)(""),
+    activeRefCell = _r[0],
+    setActiveRefCell = _r[1];
+  var _s = (0, _react.useState)({
       left: 0,
       top: 0
     }),
-    frozenPosition = _o[0],
-    setFrozenPosition = _o[1];
+    frozenPosition = _s[0],
+    setFrozenPosition = _s[1];
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
-  var _p = (0, _react.useState)({}),
-    firstSelectionActiveCell = _p[0],
-    setFirstSelectionActiveCell = _p[1];
-  var _q = (0, _react.useState)(0),
-    commaCount = _q[0],
-    setCommaCount = _q[1];
+  var _t = (0, _react.useState)({}),
+    firstSelectionActiveCell = _t[0],
+    setFirstSelectionActiveCell = _t[1];
+  var _u = (0, _react.useState)(0),
+    commaCount = _u[0],
+    setCommaCount = _u[1];
   var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
-  var _r = (0, _react.useState)(!hideFormulaHintLocal),
-    showFormulaHint = _r[0],
-    setShowFormulaHint = _r[1];
-  var _s = (0, _react.useState)(false),
-    showSearchHint = _s[0],
-    setShowSearchHint = _s[1];
+  var _v = (0, _react.useState)(!hideFormulaHintLocal),
+    showFormulaHint = _v[0],
+    setShowFormulaHint = _v[1];
+  var _w = (0, _react.useState)(false),
+    showSearchHint = _w[0],
+    setShowSearchHint = _w[1];
   var row_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus;
   var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
   var preText = (0, _react.useRef)("");
   var placeRef = (0, _react.useRef)("");
   var isComposingRef = (0, _react.useRef)(false);
   var ZWSP = "\u200B";
+  var inputBoxInnerRef = (0, _react.useRef)(null);
+  var _x = (0, _react.useState)([]),
+    linkSelectionHighlightRects = _x[0],
+    setLinkSelectionHighlightRects = _x[1];
   var ensureNotEmpty = function ensureNotEmpty() {
     var el = inputRef.current;
     if (!el) return;
@@ -542,6 +546,29 @@ var InputBox = function InputBox() {
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [showFormulaHint]);
+  (0, _react.useLayoutEffect)(function () {
+    var _a;
+    var lc = context.linkCard;
+    var isSameCell = ((_a = context.luckysheetCellUpdate) === null || _a === void 0 ? void 0 : _a.length) === 2 && lc && context.luckysheetCellUpdate[0] === lc.r && context.luckysheetCellUpdate[1] === lc.c;
+    if (!(lc === null || lc === void 0 ? void 0 : lc.applyToSelection) || !(lc === null || lc === void 0 ? void 0 : lc.selectionOffsets) || !isSameCell || !inputRef.current || !inputBoxInnerRef.current) {
+      setLinkSelectionHighlightRects([]);
+      return;
+    }
+    var _b = lc.selectionOffsets,
+      start = _b.start,
+      end = _b.end;
+    var rects = (0, _fortuneCore.getRangeRectsByCharacterOffset)(inputRef.current, start, end);
+    var containerRect = inputBoxInnerRef.current.getBoundingClientRect();
+    var relative = rects.map(function (r) {
+      return {
+        left: r.left - containerRect.left,
+        top: r.top - containerRect.top,
+        width: r.width,
+        height: r.height
+      };
+    });
+    setLinkSelectionHighlightRects(relative);
+  }, [(_g = context.linkCard) === null || _g === void 0 ? void 0 : _g.applyToSelection, (_h = context.linkCard) === null || _h === void 0 ? void 0 : _h.selectionOffsets, (_j = context.linkCard) === null || _j === void 0 ? void 0 : _j.r, (_k = context.linkCard) === null || _k === void 0 ? void 0 : _k.c, context.luckysheetCellUpdate]);
   var wraperGetCell = function wraperGetCell() {
     var cell = getCellAddress();
     placeRef.current = cell;
@@ -578,15 +605,19 @@ var InputBox = function InputBox() {
     onMouseUp: function onMouseUp(e) {
       return e.stopPropagation();
     }
-  }, firstSelection && !((_g = context.rangeDialog) === null || _g === void 0 ? void 0 : _g.show) && (/*#__PURE__*/_react.default.createElement("div", {
+  }, firstSelection && !((_l = context.rangeDialog) === null || _l === void 0 ? void 0 : _l.show) && (/*#__PURE__*/_react.default.createElement("div", {
     className: "luckysheet-cell-address-indicator",
     style: getAddressIndicatorPosition()
   }, wraperGetCell())), /*#__PURE__*/_react.default.createElement("div", {
+    ref: inputBoxInnerRef,
     className: "luckysheet-input-box-inner",
     style: firstSelection ? __assign({
+      position: "relative",
       minWidth: firstSelection.width,
       minHeight: firstSelection.height
-    }, inputBoxStyle) : {}
+    }, inputBoxStyle) : {
+      position: "relative"
+    }
   }, /*#__PURE__*/_react.default.createElement(_ContentEditable.default, {
     onCompositionStart: function onCompositionStart() {
       isComposingRef.current = true;
@@ -627,7 +658,30 @@ var InputBox = function InputBox() {
     onKeyDown: onKeyDown,
     onPaste: onPaste,
     allowEdit: edit ? !isHidenRC : edit
-  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0 || fn) && (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSearchHint && (/*#__PURE__*/_react.default.createElement(_FormulaSearch.default, {
+  }), linkSelectionHighlightRects.length > 0 && (/*#__PURE__*/_react.default.createElement("div", {
+    className: "luckysheet-input-box-link-selection-highlight",
+    "aria-hidden": true,
+    style: {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0,
+      pointerEvents: "none"
+    }
+  }, linkSelectionHighlightRects.map(function (r, i) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: i,
+      style: {
+        position: "absolute",
+        left: r.left,
+        top: r.top,
+        width: r.width,
+        height: r.height,
+        backgroundColor: "rgba(0, 123, 255, 0.25)"
+      }
+    });
+  })))), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0 || fn) && (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSearchHint && (/*#__PURE__*/_react.default.createElement(_FormulaSearch.default, {
     onMouseMove: function onMouseMove(e) {
       if (document.getElementById("luckysheet-formula-search-c")) {
         var hoveredItem = e.target.closest(".luckysheet-formula-search-item");

package/lib/components/SheetOverlay/drag_and_drop/column-helpers.js

@@ -348,6 +348,29 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
             });
             _sheet.dataVerification = newDataVerification_1;
           }
+          if (_sheet.hyperlink) {
+            var newHyperlink_1 = {};
+            Object.keys(_sheet.hyperlink).forEach(function (key) {
+              var _a;
+              var itemData = (_a = _sheet.hyperlink) === null || _a === void 0 ? void 0 : _a[key];
+              if (!itemData) return;
+              var parts = key.split("_");
+              if (parts.length !== 2) return;
+              var row = parts[0];
+              var presentCol = parseInt(parts[1], 10);
+              var updatedCol = presentCol;
+              if (selectedSourceCol.includes(presentCol)) {
+                var index = selectedSourceCol.indexOf(presentCol);
+                updatedCol = selectedTargetCol[index];
+              } else if (presentCol > sourceIndex_1 && presentCol < targetIndex) {
+                updatedCol -= selectedSourceCol.length;
+              } else if (presentCol < sourceIndex_1 && presentCol >= targetIndex) {
+                updatedCol += selectedSourceCol.length;
+              }
+              newHyperlink_1["".concat(row, "_").concat(updatedCol)] = itemData;
+            });
+            _sheet.hyperlink = newHyperlink_1;
+          }
           (_f = _sheet.calcChain) === null || _f === void 0 ? void 0 : _f.forEach(function (item) {
             if (selectedSourceCol.includes(item.c)) {
               var index = selectedSourceCol.indexOf(item.c);

package/lib/components/SheetOverlay/drag_and_drop/row-helpers.js

@@ -337,6 +337,29 @@ var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(c
             });
             _sheet.dataVerification = newDataVerification_1;
           }
+          if (_sheet.hyperlink) {
+            var newHyperlink_1 = {};
+            Object.keys(_sheet.hyperlink).forEach(function (key) {
+              var _a;
+              var itemData = (_a = _sheet.hyperlink) === null || _a === void 0 ? void 0 : _a[key];
+              if (!itemData) return;
+              var parts = key.split("_");
+              if (parts.length !== 2) return;
+              var presentRow = parseInt(parts[0], 10);
+              var col = parts[1];
+              var updatedRow = presentRow;
+              if (selectedSourceRow.includes(presentRow)) {
+                var index = selectedSourceRow.indexOf(presentRow);
+                updatedRow = selectedTargetRow[index];
+              } else if (presentRow > sourceIndex_1 && presentRow < targetIndex) {
+                updatedRow -= selectedSourceRow.length;
+              } else if (presentRow < sourceIndex_1 && presentRow >= targetIndex) {
+                updatedRow += selectedSourceRow.length;
+              }
+              newHyperlink_1["".concat(updatedRow, "_").concat(col)] = itemData;
+            });
+            _sheet.hyperlink = newHyperlink_1;
+          }
           (_d = _sheet.calcChain) === null || _d === void 0 ? void 0 : _d.forEach(function (item) {
             if (selectedSourceRow.includes(item.r)) {
               var index = selectedSourceRow.indexOf(item.c);

package/lib/components/Toolbar/index.js

@@ -652,6 +652,12 @@ var Toolbar = function Toolbar(_a) {
     window.dataVerificationClick = dataVerificationClick;
     window.conditionalFormatClick = conditionalFormatClick;
   }, []);
+  (0, _react.useEffect)(function () {
+    if (cell != null) {
+      refs.globalCache.recentTextColor = (0, _fortuneCore.normalizedCellAttr)(cell, "fc");
+      refs.globalCache.recentBackgroundColor = (0, _fortuneCore.normalizedCellAttr)(cell, "bg");
+    }
+  }, [cell, refs.globalCache]);
   var getToolbarItem = (0, _react.useCallback)(function (name, i) {
     var _a, _b, _c, _d, _e, _f, _g;
     var tooltip = toolbar[name];
@@ -661,6 +667,8 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (["font-color", "background"].includes(name)) {
+      var displayTextColor_1 = cell != null ? (0, _fortuneCore.normalizedCellAttr)(cell, "fc") : "#000000";
+      var displayBackgroundColor_1 = cell != null ? (0, _fortuneCore.normalizedCellAttr)(cell, "bg") : undefined;
       var pick_1 = function pick_1(color) {
         setContext(function (draftCtx) {
           return (name === "font-color" ? _fortuneCore.handleTextColor : _fortuneCore.handleTextBackground)(draftCtx, refs.cellInput.current, color);
@@ -680,7 +688,7 @@ var Toolbar = function Toolbar(_a) {
         style: {
           width: 24,
           height: 4,
-          backgroundColor: name === "font-color" ? refs.globalCache.recentTextColor : refs.globalCache.recentBackgroundColor,
+          backgroundColor: name === "font-color" ? displayTextColor_1 : displayBackgroundColor_1,
           position: "absolute",
           bottom: 2,
           left: 3,
@@ -690,9 +698,9 @@ var Toolbar = function Toolbar(_a) {
         iconId: name,
         tooltip: tooltip,
         showArrow: false,
-        fillColor: name === "font-color" ? refs.globalCache.recentTextColor : undefined,
+        fillColor: name === "font-color" ? displayTextColor_1 : undefined,
         onClick: function onClick() {
-          var color = name === "font-color" ? refs.globalCache.recentTextColor : refs.globalCache.recentBackgroundColor;
+          var color = name === "font-color" ? displayTextColor_1 : displayBackgroundColor_1;
           if (color) pick_1(color);
         }
       }, function (setOpen) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.3.5-hyper",
+  "version": "1.3.5-hyper-2",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "es/index.js",
@@ -16,7 +16,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@fileverse-dev/fortune-core": "1.3.5-hyper",
+    "@fileverse-dev/fortune-core": "1.3.5-hyper-2",
     "@fileverse/ui": "5.0.0",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",