@fileverse-dev/fortune-core 1.3.4 → 1.3.5

package/es/events/keyboard.js

@@ -396,7 +396,7 @@ export function handleGlobalKeyDown(ctx, cellInput, fxInput, e, cache, handleUnd
         textFormat(ctx, "right");
       }
       if ((e.metaKey || e.ctrlKey) && e.code === "KeyK") {
-        handleLink(ctx);
+        handleLink(ctx, cellInput);
       }
       if ((e.metaKey || e.ctrlKey) && !e.shiftKey && e.code === "Semicolon") {
         fillDate(ctx);

package/es/modules/cell.js

@@ -1122,10 +1122,16 @@ export function getInlineStringHTML(r, c, data) {
       var strObj = strings[i];
       if (strObj.v) {
         var style = getFontStyleByCell(strObj);
+        var link = strObj.link;
+        if ((link === null || link === void 0 ? void 0 : link.linkType) && (link === null || link === void 0 ? void 0 : link.linkAddress)) {
+          style.color = style.color || "rgb(0, 0, 255)";
+          style.borderBottom = style.borderBottom || "1px solid rgb(0, 0, 255)";
+        }
         var styleStr = _.map(style, function (v, key) {
           return "".concat(_.kebabCase(key), ":").concat(_.isNumber(v) ? "".concat(v, "px") : v, ";");
         }).join("");
-        value += "<span class=\"luckysheet-input-span\" index='".concat(i, "' style='").concat(styleStr, "'>").concat(strObj.v, "</span>");
+        var dataAttrs = (link === null || link === void 0 ? void 0 : link.linkType) && (link === null || link === void 0 ? void 0 : link.linkAddress) ? " data-link-type='".concat(String(link.linkType).replace(/'/g, "&#39;"), "' data-link-address='").concat(String(link.linkAddress).replace(/'/g, "&#39;"), "'") : "";
+        value += "<span class=\"luckysheet-input-span\" index='".concat(i, "' style='").concat(styleStr, "'").concat(dataAttrs, ">").concat(strObj.v, "</span>");
       }
     }
     return value;

package/es/modules/cursor.d.ts

@@ -1,3 +1,8 @@
 export declare function moveToEnd(obj: HTMLDivElement): void;
 export declare function selectTextContent(ele: HTMLElement): void;
 export declare function selectTextContentCross(sEle: HTMLElement, eEle: HTMLElement): void;
+export declare function getSelectionCharacterOffsets(element: Node): {
+    start: number;
+    end: number;
+} | null;
+export declare function setSelectionByCharacterOffset(element: HTMLDivElement, start: number, end: number): void;

package/es/modules/cursor.js

@@ -59,4 +59,59 @@ export function selectTextContentCross(sEle, eEle) {
       }
     }
   }
+}
+export function getSelectionCharacterOffsets(element) {
+  var sel = window.getSelection();
+  if (!sel || sel.rangeCount === 0) return null;
+  var range = sel.getRangeAt(0);
+  if (range.collapsed) return null;
+  if (!element.contains(range.startContainer) || !element.contains(range.endContainer)) {
+    return null;
+  }
+  var pre = document.createRange();
+  pre.selectNodeContents(element);
+  pre.setEnd(range.startContainer, range.startOffset);
+  var start = pre.toString().length;
+  return {
+    start: start,
+    end: start + range.toString().length
+  };
+}
+export function setSelectionByCharacterOffset(element, start, end) {
+  element.focus();
+  var sel = window.getSelection();
+  if (!sel) return;
+  var charIndex = 0;
+  var startNode = null;
+  var startOffset = 0;
+  var endNode = null;
+  var endOffset = 0;
+  function walk(node) {
+    if (node.nodeType === Node.TEXT_NODE) {
+      var len = (node.textContent || "").length;
+      if (startNode == null && charIndex + len > start) {
+        startNode = node;
+        startOffset = start - charIndex;
+      }
+      if (endNode == null && charIndex + len >= end) {
+        endNode = node;
+        endOffset = end - charIndex;
+        return true;
+      }
+      charIndex += len;
+      return false;
+    }
+    for (var i = 0; i < node.childNodes.length; i += 1) {
+      if (walk(node.childNodes[i])) return true;
+    }
+    return false;
+  }
+  walk(element);
+  if (startNode && endNode) {
+    var range = document.createRange();
+    range.setStart(startNode, startOffset);
+    range.setEnd(endNode, endOffset);
+    sel.removeAllRanges();
+    sel.addRange(range);
+  }
 }

package/es/modules/hyperlink.d.ts

@@ -8,9 +8,19 @@ export declare function getCellHyperlink(ctx: Context, r: number, c: number): {
     linkType: string;
     linkAddress: string;
 } | undefined;
-export declare function saveHyperlink(ctx: Context, r: number, c: number, linkText: string, linkType: string, linkAddress: string): void;
+export declare function saveHyperlink(ctx: Context, r: number, c: number, linkText: string, linkType: string, linkAddress: string, options?: {
+    applyToSelection?: boolean;
+    cellInput?: HTMLDivElement | null;
+}): void;
 export declare function removeHyperlink(ctx: Context, r: number, c: number): void;
-export declare function showLinkCard(ctx: Context, r: number, c: number, isEditing?: boolean, isMouseDown?: boolean): void;
+export declare function showLinkCard(ctx: Context, r: number, c: number, isEditing?: boolean, isMouseDown?: boolean, options?: {
+    applyToSelection?: boolean;
+    originText?: string;
+    selectionOffsets?: {
+        start: number;
+        end: number;
+    };
+}): void;
 export declare function goToLink(ctx: Context, r: number, c: number, linkType: string, linkAddress: string, scrollbarX: HTMLDivElement, scrollbarY: HTMLDivElement): void;
 export declare function isLinkValid(ctx: Context, linkType: string, linkAddress: string): {
     isValid: boolean;

package/es/modules/hyperlink.js

@@ -1,8 +1,10 @@
 import _ from "lodash";
 import { getFlowdata } from "../context";
 import { getSheetIndex, isAllowEdit } from "../utils";
-import { mergeBorder } from "./cell";
+import { cancelNormalSelected, mergeBorder } from "./cell";
+import { setSelectionByCharacterOffset } from "./cursor";
 import { getcellrange, iscelldata } from "./formula";
+import { applyLinkToSelection } from "./inline-string";
 import { colLocation, rowLocation } from "./location";
 import { normalizeSelection } from "./selection";
 import { changeSheet } from "./sheet";
@@ -38,9 +40,39 @@ export function getCellHyperlink(ctx, r, c) {
   }
   return undefined;
 }
-export function saveHyperlink(ctx, r, c, linkText, linkType, linkAddress) {
+export function saveHyperlink(ctx, r, c, linkText, linkType, linkAddress, options) {
+  var _a;
+  var applyToSelection = (options === null || options === void 0 ? void 0 : options.applyToSelection) && (options === null || options === void 0 ? void 0 : options.cellInput);
   var sheetIndex = getSheetIndex(ctx, ctx.currentSheetId);
   var flowdata = getFlowdata(ctx);
+  if (applyToSelection) {
+    if (sheetIndex != null && flowdata != null && linkType && linkAddress) {
+      var cell = flowdata[r][c];
+      if (cell == null) cell = {};
+      _.set(ctx.luckysheetfile[sheetIndex], ["hyperlink", "".concat(r, "_").concat(c)], {
+        linkType: linkType,
+        linkAddress: linkAddress
+      });
+      cell.v = linkText || linkAddress;
+      cell.m = linkText || linkAddress;
+      cell.hl = {
+        r: r,
+        c: c,
+        id: ctx.currentSheetId
+      };
+      flowdata[r][c] = cell;
+    }
+    var offsets = (_a = ctx.linkCard) === null || _a === void 0 ? void 0 : _a.selectionOffsets;
+    if (offsets) {
+      setSelectionByCharacterOffset(options.cellInput, offsets.start, offsets.end);
+    }
+    applyLinkToSelection(options.cellInput, linkType, linkAddress);
+    ctx.linkCard = undefined;
+    return;
+  }
+  if (options === null || options === void 0 ? void 0 : options.cellInput) {
+    cancelNormalSelected(ctx);
+  }
   if (sheetIndex != null && flowdata != null && linkType && linkAddress) {
     var cell = flowdata[r][c];
     if (cell == null) cell = {};
@@ -79,8 +111,8 @@ export function removeHyperlink(ctx, r, c) {
   }
   ctx.linkCard = undefined;
 }
-export function showLinkCard(ctx, r, c, isEditing, isMouseDown) {
-  var _a, _b, _c, _d, _e, _f, _g;
+export function showLinkCard(ctx, r, c, isEditing, isMouseDown, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   if (isEditing === void 0) {
     isEditing = false;
   }
@@ -98,19 +130,22 @@ export function showLinkCard(ctx, r, c, isEditing, isMouseDown) {
   if (isEditing || link != null && (!((_f = ctx.linkCard) === null || _f === void 0 ? void 0 : _f.isEditing) || isMouseDown) || ((_g = ctx.linkCard) === null || _g === void 0 ? void 0 : _g.sheetId) !== ctx.currentSheetId) {
     var col_pre = c - 1 === -1 ? 0 : ctx.visibledatacolumn[c - 1];
     var row = ctx.visibledatarow[r];
+    var originText = (options === null || options === void 0 ? void 0 : options.originText) !== undefined ? options.originText : (cell === null || cell === void 0 ? void 0 : cell.v) == null ? "" : "".concat(cell.v);
     ctx.linkCard = {
       sheetId: ctx.currentSheetId,
       r: r,
       c: c,
       rc: "".concat(r, "_").concat(c),
-      originText: (cell === null || cell === void 0 ? void 0 : cell.v) == null ? "" : "".concat(cell.v),
+      originText: originText,
       originType: (link === null || link === void 0 ? void 0 : link.linkType) || "webpage",
       originAddress: (link === null || link === void 0 ? void 0 : link.linkAddress) || "",
       position: {
         cellLeft: col_pre,
         cellBottom: row
       },
-      isEditing: isEditing
+      isEditing: isEditing,
+      applyToSelection: (_h = options === null || options === void 0 ? void 0 : options.applyToSelection) !== null && _h !== void 0 ? _h : false,
+      selectionOffsets: options === null || options === void 0 ? void 0 : options.selectionOffsets
     };
   }
 }

package/es/modules/inline-string.d.ts

@@ -31,6 +31,14 @@ export declare function isInlineStringCell(cell: any): boolean;
 export declare function isInlineStringCT(ct: any): boolean;
 export declare function getInlineStringNoStyle(r: number, c: number, data: CellMatrix): string;
 export declare function convertCssToStyleList(cssText: string, originCell: Cell): CellStyle;
-export declare function convertSpanToShareString($dom: NodeListOf<HTMLSpanElement>, originCell: Cell): CellStyle[];
+export type InlineSegmentLink = {
+    linkType: string;
+    linkAddress: string;
+};
+export declare function convertSpanToShareString($dom: NodeListOf<HTMLSpanElement>, originCell: Cell): (CellStyle & {
+    v?: string | undefined;
+    link?: InlineSegmentLink | undefined;
+})[];
 export declare function updateInlineStringFormatOutside(cell: Cell, key: string, value: any): void;
 export declare function updateInlineStringFormat(ctx: Context, attr: keyof Cell, value: any, cellInput: HTMLDivElement): void;
+export declare function applyLinkToSelection(cellInput: HTMLDivElement, linkType: string, linkAddress: string): void;

package/es/modules/inline-string.js

@@ -101,13 +101,20 @@ export function convertCssToStyleList(cssText, originCell) {
   return styleList;
 }
 export function convertSpanToShareString($dom, originCell) {
+  var _a, _b;
   var styles = [];
-  var preStyleList;
+  var preStyleList = null;
   var preStyleListString = null;
   for (var i = 0; i < $dom.length; i += 1) {
     var span = $dom[i];
     var styleList = convertCssToStyleList(span.style.cssText, originCell);
-    var curStyleListString = JSON.stringify(styleList);
+    if (((_a = span.dataset) === null || _a === void 0 ? void 0 : _a.linkType) && ((_b = span.dataset) === null || _b === void 0 ? void 0 : _b.linkAddress)) {
+      styleList.link = {
+        linkType: span.dataset.linkType,
+        linkAddress: span.dataset.linkAddress
+      };
+    }
+    var curStyleListString = JSON.stringify(_.omit(styleList, "link"));
     var v = span.innerText;
     v = v.replace(/\n/g, "\r\n");
     if (i === $dom.length - 1) {
@@ -115,7 +122,7 @@ export function convertSpanToShareString($dom, originCell) {
         v = v.slice(0, v.length - 2);
       }
     }
-    if (curStyleListString === preStyleListString) {
+    if (curStyleListString === preStyleListString && _.isEqual(preStyleList === null || preStyleList === void 0 ? void 0 : preStyleList.link, styleList.link)) {
       preStyleList.v += v;
     } else {
       styleList.v = v;
@@ -434,4 +441,128 @@ export function updateInlineStringFormat(ctx, attr, value, cellInput) {
       }
     }
   }
+}
+function escapeHtmlAttr(s) {
+  return s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function getLinkDataAttrs(span) {
+  var _a, _b;
+  if (((_a = span.dataset) === null || _a === void 0 ? void 0 : _a.linkType) && ((_b = span.dataset) === null || _b === void 0 ? void 0 : _b.linkAddress)) {
+    return " data-link-type='".concat(escapeHtmlAttr(span.dataset.linkType), "' data-link-address='").concat(escapeHtmlAttr(span.dataset.linkAddress), "'");
+  }
+  return "";
+}
+function getLinkStyleCssText(baseCssText) {
+  var css = getCssText(baseCssText, "fc", "rgb(0, 0, 255)");
+  css = getCssText(css, "un", 1);
+  return css;
+}
+export function applyLinkToSelection(cellInput, linkType, linkAddress) {
+  var _a, _b, _c;
+  var w = window.getSelection();
+  if (!w || w.rangeCount === 0) return;
+  var range = w.getRangeAt(0);
+  if (range.collapsed) return;
+  var $textEditor = cellInput;
+  var endContainer = range.endContainer,
+    startContainer = range.startContainer,
+    endOffset = range.endOffset,
+    startOffset = range.startOffset;
+  if (startContainer === endContainer) {
+    var span = startContainer.parentNode;
+    var content = (span === null || span === void 0 ? void 0 : span.innerHTML) || "";
+    var fullContent = $textEditor.innerHTML;
+    var inherit = fullContent.substring(0, 5) !== "<span";
+    var s2 = startOffset;
+    var s3 = endOffset;
+    var left = content.substring(0, s2);
+    var mid = content.substring(s2, s3);
+    var right = content.substring(s3, content.length);
+    var cont = "";
+    var dataAttrs = getLinkDataAttrs(span);
+    if (left !== "") {
+      var cssText = span.style.cssText;
+      if (inherit) {
+        var box = span.closest("#luckysheet-input-box");
+        if (box != null) cssText = extendCssText(box.style.cssText, cssText);
+      }
+      cont += "<span style='".concat(cssText, "'").concat(dataAttrs, ">").concat(left, "</span>");
+    }
+    if (mid !== "") {
+      var cssText = getLinkStyleCssText(span.style.cssText);
+      if (inherit) {
+        var box = span.closest("#luckysheet-input-box");
+        if (box != null) cssText = extendCssText(box.style.cssText, cssText);
+      }
+      cont += "<span style='".concat(cssText, "' data-link-type='").concat(escapeHtmlAttr(linkType), "' data-link-address='").concat(escapeHtmlAttr(linkAddress), "'>").concat(mid, "</span>");
+    }
+    if (right !== "") {
+      var cssText = span.style.cssText;
+      if (inherit) {
+        var box = span.closest("#luckysheet-input-box");
+        if (box != null) cssText = extendCssText(box.style.cssText, cssText);
+      }
+      cont += "<span style='".concat(cssText, "'").concat(dataAttrs, ">").concat(right, "</span>");
+    }
+    if (((_a = startContainer.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === "SPAN") {
+      span.outerHTML = cont;
+    } else {
+      span.innerHTML = cont;
+    }
+    var newSpans = $textEditor.querySelectorAll("span");
+    var linkSpanIndex = left === "" ? 0 : 1;
+    if (newSpans[linkSpanIndex]) {
+      selectTextContent(newSpans[linkSpanIndex]);
+    }
+  } else if (((_b = startContainer.parentElement) === null || _b === void 0 ? void 0 : _b.tagName) === "SPAN" && ((_c = endContainer.parentElement) === null || _c === void 0 ? void 0 : _c.tagName) === "SPAN") {
+    var startSpan = startContainer.parentNode;
+    var endSpan = endContainer.parentNode;
+    var allSpans = $textEditor.querySelectorAll("span");
+    var startSpanIndex = _.indexOf(allSpans, startSpan);
+    var endSpanIndex = _.indexOf(allSpans, endSpan);
+    var startContent = (startSpan === null || startSpan === void 0 ? void 0 : startSpan.innerHTML) || "";
+    var endContent = (endSpan === null || endSpan === void 0 ? void 0 : endSpan.innerHTML) || "";
+    var s2 = startOffset;
+    var s3 = endOffset;
+    var sleft = startContent.substring(0, s2);
+    var sright = startContent.substring(s2, startContent.length);
+    var eleft = endContent.substring(0, s3);
+    var eright = endContent.substring(s3, endContent.length);
+    var spans = $textEditor.querySelectorAll("span");
+    var cont = "";
+    for (var i = 0; i < startSpanIndex; i += 1) {
+      var sp = spans[i];
+      cont += "<span style='".concat(sp.style.cssText, "'").concat(getLinkDataAttrs(sp), ">").concat(sp.innerHTML, "</span>");
+    }
+    if (sleft !== "") {
+      cont += "<span style='".concat(startSpan.style.cssText, "'").concat(getLinkDataAttrs(startSpan), ">").concat(sleft, "</span>");
+    }
+    if (sright !== "") {
+      var cssText = getLinkStyleCssText(startSpan.style.cssText);
+      cont += "<span style='".concat(cssText, "' data-link-type='").concat(escapeHtmlAttr(linkType), "' data-link-address='").concat(escapeHtmlAttr(linkAddress), "'>").concat(sright, "</span>");
+    }
+    if (startSpanIndex < endSpanIndex) {
+      for (var i = startSpanIndex + 1; i < endSpanIndex; i += 1) {
+        var sp = spans[i];
+        var cssText = getLinkStyleCssText(sp.style.cssText);
+        cont += "<span style='".concat(cssText, "' data-link-type='").concat(escapeHtmlAttr(linkType), "' data-link-address='").concat(escapeHtmlAttr(linkAddress), "'>").concat(sp.innerHTML, "</span>");
+      }
+    }
+    if (eleft !== "") {
+      var cssText = getLinkStyleCssText(endSpan.style.cssText);
+      cont += "<span style='".concat(cssText, "' data-link-type='").concat(escapeHtmlAttr(linkType), "' data-link-address='").concat(escapeHtmlAttr(linkAddress), "'>").concat(eleft, "</span>");
+    }
+    if (eright !== "") {
+      cont += "<span style='".concat(endSpan.style.cssText, "'").concat(getLinkDataAttrs(endSpan), ">").concat(eright, "</span>");
+    }
+    for (var i = endSpanIndex + 1; i < spans.length; i += 1) {
+      var sp = spans[i];
+      cont += "<span style='".concat(sp.style.cssText, "'").concat(getLinkDataAttrs(sp), ">").concat(sp.innerHTML, "</span>");
+    }
+    $textEditor.innerHTML = cont;
+    spans = $textEditor.querySelectorAll("span");
+    var startSel = sleft === "" ? startSpanIndex : startSpanIndex + 1;
+    var endSel = eright === "" ? endSpanIndex : endSpanIndex + 1;
+    selectTextContentCross(spans[startSel], spans[endSel]);
+  }
 }

package/es/modules/toolbar.d.ts

@@ -26,7 +26,7 @@ export declare function handleSort(ctx: Context, isAsc: boolean): void;
 export declare function handleFreeze(ctx: Context, type: string): void;
 export declare function handleTextSize(ctx: Context, cellInput: HTMLDivElement, size: number, canvas?: CanvasRenderingContext2D): void;
 export declare function handleSum(ctx: Context, cellInput: HTMLDivElement, fxInput: HTMLDivElement | null | undefined, cache?: GlobalCache): void;
-export declare function handleLink(ctx: Context): void;
+export declare function handleLink(ctx: Context, cellInput: HTMLDivElement | null | undefined): void;
 export declare function toolbarItemClickHandler(name: string): ToolbarItemClickHandler;
 export declare function toolbarItemSelectedFunc(name: string): ToolbarItemSelectedFunc;
 export {};

package/es/modules/toolbar.js

@@ -5,6 +5,7 @@ import { getSheetIndex, isAllowEdit, getLineCount } from "../utils";
 import { getRangetxt, isAllSelectedCellsInStatus, normalizedAttr, setCellValue } from "./cell";
 import { colors } from "./color";
 import { genarate, is_date, update } from "./format";
+import { getSelectionCharacterOffsets } from "./cursor";
 import { execfunction, execFunctionGroup, israngeseleciton, rangeSetValue, setCaretPosition, createFormulaRangeSelect } from "./formula";
 import { inlineStyleAffectAttribute, updateInlineStringFormat, updateInlineStringFormatOutside } from "./inline-string";
 import { colLocationByIndex, rowLocationByIndex } from "./location";
@@ -969,15 +970,36 @@ export function handleTextSize(ctx, cellInput, size, canvas) {
 export function handleSum(ctx, cellInput, fxInput, cache) {
   autoSelectionFormula(ctx, cellInput, fxInput, "SUM", cache);
 }
-export function handleLink(ctx) {
-  var _a;
+export function handleLink(ctx, cellInput) {
+  var _a, _b, _c;
   var allowEdit = isAllowEdit(ctx);
   if (!allowEdit) return;
   var selection = (_a = ctx.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var flowdata = getFlowdata(ctx);
-  if (flowdata != null && selection != null) {
-    showLinkCard(ctx, selection.row[0], selection.column[0], true);
+  if (flowdata == null || selection == null) return;
+  var r = selection.row[0];
+  var c = selection.column[0];
+  var isEditMode = ((_b = ctx.luckysheetCellUpdate) === null || _b === void 0 ? void 0 : _b.length) === 2 && ctx.luckysheetCellUpdate[0] === r && ctx.luckysheetCellUpdate[1] === c;
+  var applyToSelection = false;
+  var originText;
+  var selectionOffsets;
+  if (isEditMode && cellInput) {
+    var sel = window.getSelection();
+    if (sel && sel.rangeCount > 0 && !sel.getRangeAt(0).collapsed && cellInput.contains(sel.anchorNode)) {
+      var value = (_c = cellInput.innerText) !== null && _c !== void 0 ? _c : "";
+      if (value.substring(0, 1) !== "=") {
+        originText = sel.toString();
+        applyToSelection = true;
+        var off = getSelectionCharacterOffsets(cellInput);
+        if (off) selectionOffsets = off;
+      }
+    }
   }
+  showLinkCard(ctx, r, c, true, false, {
+    applyToSelection: applyToSelection || undefined,
+    originText: originText,
+    selectionOffsets: selectionOffsets
+  });
 }
 var handlerMap = {
   "currency-format": handleCurrencyFormat,

package/es/types.d.ts

@@ -269,6 +269,11 @@ export type LinkCardProps = {
     };
     isEditing: boolean;
     selectingCellRange?: boolean;
+    applyToSelection?: boolean;
+    selectionOffsets?: {
+        start: number;
+        end: number;
+    };
 };
 export type RangeDialogProps = {
     show: boolean;

package/lib/events/keyboard.js

@@ -406,7 +406,7 @@ function handleGlobalKeyDown(ctx, cellInput, fxInput, e, cache, handleUndo, hand
         (0, _selection.textFormat)(ctx, "right");
       }
       if ((e.metaKey || e.ctrlKey) && e.code === "KeyK") {
-        (0, _toolbar.handleLink)(ctx);
+        (0, _toolbar.handleLink)(ctx, cellInput);
       }
       if ((e.metaKey || e.ctrlKey) && !e.shiftKey && e.code === "Semicolon") {
         (0, _selection.fillDate)(ctx);

package/lib/modules/cell.js

@@ -1155,10 +1155,16 @@ function getInlineStringHTML(r, c, data) {
       var strObj = strings[i];
       if (strObj.v) {
         var style = getFontStyleByCell(strObj);
+        var link = strObj.link;
+        if ((link === null || link === void 0 ? void 0 : link.linkType) && (link === null || link === void 0 ? void 0 : link.linkAddress)) {
+          style.color = style.color || "rgb(0, 0, 255)";
+          style.borderBottom = style.borderBottom || "1px solid rgb(0, 0, 255)";
+        }
         var styleStr = _lodash.default.map(style, function (v, key) {
           return "".concat(_lodash.default.kebabCase(key), ":").concat(_lodash.default.isNumber(v) ? "".concat(v, "px") : v, ";");
         }).join("");
-        value += "<span class=\"luckysheet-input-span\" index='".concat(i, "' style='").concat(styleStr, "'>").concat(strObj.v, "</span>");
+        var dataAttrs = (link === null || link === void 0 ? void 0 : link.linkType) && (link === null || link === void 0 ? void 0 : link.linkAddress) ? " data-link-type='".concat(String(link.linkType).replace(/'/g, "&#39;"), "' data-link-address='").concat(String(link.linkAddress).replace(/'/g, "&#39;"), "'") : "";
+        value += "<span class=\"luckysheet-input-span\" index='".concat(i, "' style='").concat(styleStr, "'").concat(dataAttrs, ">").concat(strObj.v, "</span>");
       }
     }
     return value;

package/lib/modules/cursor.d.ts

@@ -1,3 +1,8 @@
 export declare function moveToEnd(obj: HTMLDivElement): void;
 export declare function selectTextContent(ele: HTMLElement): void;
 export declare function selectTextContentCross(sEle: HTMLElement, eEle: HTMLElement): void;
+export declare function getSelectionCharacterOffsets(element: Node): {
+    start: number;
+    end: number;
+} | null;
+export declare function setSelectionByCharacterOffset(element: HTMLDivElement, start: number, end: number): void;

package/lib/modules/cursor.js

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getSelectionCharacterOffsets = getSelectionCharacterOffsets;
 exports.moveToEnd = moveToEnd;
 exports.selectTextContent = selectTextContent;
 exports.selectTextContentCross = selectTextContentCross;
+exports.setSelectionByCharacterOffset = setSelectionByCharacterOffset;
 function moveToEnd(obj) {
   if (document.createRange) {
     if (obj.innerHTML !== obj.innerText || obj.innerHTML === "") {
@@ -67,4 +69,59 @@ function selectTextContentCross(sEle, eEle) {
       }
     }
   }
+}
+function getSelectionCharacterOffsets(element) {
+  var sel = window.getSelection();
+  if (!sel || sel.rangeCount === 0) return null;
+  var range = sel.getRangeAt(0);
+  if (range.collapsed) return null;
+  if (!element.contains(range.startContainer) || !element.contains(range.endContainer)) {
+    return null;
+  }
+  var pre = document.createRange();
+  pre.selectNodeContents(element);
+  pre.setEnd(range.startContainer, range.startOffset);
+  var start = pre.toString().length;
+  return {
+    start: start,
+    end: start + range.toString().length
+  };
+}
+function setSelectionByCharacterOffset(element, start, end) {
+  element.focus();
+  var sel = window.getSelection();
+  if (!sel) return;
+  var charIndex = 0;
+  var startNode = null;
+  var startOffset = 0;
+  var endNode = null;
+  var endOffset = 0;
+  function walk(node) {
+    if (node.nodeType === Node.TEXT_NODE) {
+      var len = (node.textContent || "").length;
+      if (startNode == null && charIndex + len > start) {
+        startNode = node;
+        startOffset = start - charIndex;
+      }
+      if (endNode == null && charIndex + len >= end) {
+        endNode = node;
+        endOffset = end - charIndex;
+        return true;
+      }
+      charIndex += len;
+      return false;
+    }
+    for (var i = 0; i < node.childNodes.length; i += 1) {
+      if (walk(node.childNodes[i])) return true;
+    }
+    return false;
+  }
+  walk(element);
+  if (startNode && endNode) {
+    var range = document.createRange();
+    range.setStart(startNode, startOffset);
+    range.setEnd(endNode, endOffset);
+    sel.removeAllRanges();
+    sel.addRange(range);
+  }
 }

package/lib/modules/hyperlink.d.ts

@@ -8,9 +8,19 @@ export declare function getCellHyperlink(ctx: Context, r: number, c: number): {
     linkType: string;
     linkAddress: string;
 } | undefined;
-export declare function saveHyperlink(ctx: Context, r: number, c: number, linkText: string, linkType: string, linkAddress: string): void;
+export declare function saveHyperlink(ctx: Context, r: number, c: number, linkText: string, linkType: string, linkAddress: string, options?: {
+    applyToSelection?: boolean;
+    cellInput?: HTMLDivElement | null;
+}): void;
 export declare function removeHyperlink(ctx: Context, r: number, c: number): void;
-export declare function showLinkCard(ctx: Context, r: number, c: number, isEditing?: boolean, isMouseDown?: boolean): void;
+export declare function showLinkCard(ctx: Context, r: number, c: number, isEditing?: boolean, isMouseDown?: boolean, options?: {
+    applyToSelection?: boolean;
+    originText?: string;
+    selectionOffsets?: {
+        start: number;
+        end: number;
+    };
+}): void;
 export declare function goToLink(ctx: Context, r: number, c: number, linkType: string, linkAddress: string, scrollbarX: HTMLDivElement, scrollbarY: HTMLDivElement): void;
 export declare function isLinkValid(ctx: Context, linkType: string, linkAddress: string): {
     isValid: boolean;

package/lib/modules/hyperlink.js

@@ -17,7 +17,9 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var _context = require("../context");
 var _utils = require("../utils");
 var _cell = require("./cell");
+var _cursor = require("./cursor");
 var _formula = require("./formula");
+var _inlineString = require("./inline-string");
 var _location = require("./location");
 var _selection = require("./selection");
 var _sheet = require("./sheet");
@@ -54,9 +56,39 @@ function getCellHyperlink(ctx, r, c) {
   }
   return undefined;
 }
-function saveHyperlink(ctx, r, c, linkText, linkType, linkAddress) {
+function saveHyperlink(ctx, r, c, linkText, linkType, linkAddress, options) {
+  var _a;
+  var applyToSelection = (options === null || options === void 0 ? void 0 : options.applyToSelection) && (options === null || options === void 0 ? void 0 : options.cellInput);
   var sheetIndex = (0, _utils.getSheetIndex)(ctx, ctx.currentSheetId);
   var flowdata = (0, _context.getFlowdata)(ctx);
+  if (applyToSelection) {
+    if (sheetIndex != null && flowdata != null && linkType && linkAddress) {
+      var cell = flowdata[r][c];
+      if (cell == null) cell = {};
+      _lodash.default.set(ctx.luckysheetfile[sheetIndex], ["hyperlink", "".concat(r, "_").concat(c)], {
+        linkType: linkType,
+        linkAddress: linkAddress
+      });
+      cell.v = linkText || linkAddress;
+      cell.m = linkText || linkAddress;
+      cell.hl = {
+        r: r,
+        c: c,
+        id: ctx.currentSheetId
+      };
+      flowdata[r][c] = cell;
+    }
+    var offsets = (_a = ctx.linkCard) === null || _a === void 0 ? void 0 : _a.selectionOffsets;
+    if (offsets) {
+      (0, _cursor.setSelectionByCharacterOffset)(options.cellInput, offsets.start, offsets.end);
+    }
+    (0, _inlineString.applyLinkToSelection)(options.cellInput, linkType, linkAddress);
+    ctx.linkCard = undefined;
+    return;
+  }
+  if (options === null || options === void 0 ? void 0 : options.cellInput) {
+    (0, _cell.cancelNormalSelected)(ctx);
+  }
   if (sheetIndex != null && flowdata != null && linkType && linkAddress) {
     var cell = flowdata[r][c];
     if (cell == null) cell = {};
@@ -95,8 +127,8 @@ function removeHyperlink(ctx, r, c) {
   }
   ctx.linkCard = undefined;
 }
-function showLinkCard(ctx, r, c, isEditing, isMouseDown) {
-  var _a, _b, _c, _d, _e, _f, _g;
+function showLinkCard(ctx, r, c, isEditing, isMouseDown, options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   if (isEditing === void 0) {
     isEditing = false;
   }
@@ -114,19 +146,22 @@ function showLinkCard(ctx, r, c, isEditing, isMouseDown) {
   if (isEditing || link != null && (!((_f = ctx.linkCard) === null || _f === void 0 ? void 0 : _f.isEditing) || isMouseDown) || ((_g = ctx.linkCard) === null || _g === void 0 ? void 0 : _g.sheetId) !== ctx.currentSheetId) {
     var col_pre = c - 1 === -1 ? 0 : ctx.visibledatacolumn[c - 1];
     var row = ctx.visibledatarow[r];
+    var originText = (options === null || options === void 0 ? void 0 : options.originText) !== undefined ? options.originText : (cell === null || cell === void 0 ? void 0 : cell.v) == null ? "" : "".concat(cell.v);
     ctx.linkCard = {
       sheetId: ctx.currentSheetId,
       r: r,
       c: c,
       rc: "".concat(r, "_").concat(c),
-      originText: (cell === null || cell === void 0 ? void 0 : cell.v) == null ? "" : "".concat(cell.v),
+      originText: originText,
       originType: (link === null || link === void 0 ? void 0 : link.linkType) || "webpage",
       originAddress: (link === null || link === void 0 ? void 0 : link.linkAddress) || "",
       position: {
         cellLeft: col_pre,
         cellBottom: row
       },
-      isEditing: isEditing
+      isEditing: isEditing,
+      applyToSelection: (_h = options === null || options === void 0 ? void 0 : options.applyToSelection) !== null && _h !== void 0 ? _h : false,
+      selectionOffsets: options === null || options === void 0 ? void 0 : options.selectionOffsets
     };
   }
 }

package/lib/modules/inline-string.d.ts

@@ -31,6 +31,14 @@ export declare function isInlineStringCell(cell: any): boolean;
 export declare function isInlineStringCT(ct: any): boolean;
 export declare function getInlineStringNoStyle(r: number, c: number, data: CellMatrix): string;
 export declare function convertCssToStyleList(cssText: string, originCell: Cell): CellStyle;
-export declare function convertSpanToShareString($dom: NodeListOf<HTMLSpanElement>, originCell: Cell): CellStyle[];
+export type InlineSegmentLink = {
+    linkType: string;
+    linkAddress: string;
+};
+export declare function convertSpanToShareString($dom: NodeListOf<HTMLSpanElement>, originCell: Cell): (CellStyle & {
+    v?: string | undefined;
+    link?: InlineSegmentLink | undefined;
+})[];
 export declare function updateInlineStringFormatOutside(cell: Cell, key: string, value: any): void;
 export declare function updateInlineStringFormat(ctx: Context, attr: keyof Cell, value: any, cellInput: HTMLDivElement): void;
+export declare function applyLinkToSelection(cellInput: HTMLDivElement, linkType: string, linkAddress: string): void;

package/lib/modules/inline-string.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.applyLinkToSelection = applyLinkToSelection;
 exports.attrToCssName = void 0;
 exports.convertCssToStyleList = convertCssToStyleList;
 exports.convertSpanToShareString = convertSpanToShareString;
@@ -116,13 +117,20 @@ function convertCssToStyleList(cssText, originCell) {
   return styleList;
 }
 function convertSpanToShareString($dom, originCell) {
+  var _a, _b;
   var styles = [];
-  var preStyleList;
+  var preStyleList = null;
   var preStyleListString = null;
   for (var i = 0; i < $dom.length; i += 1) {
     var span = $dom[i];
     var styleList = convertCssToStyleList(span.style.cssText, originCell);
-    var curStyleListString = JSON.stringify(styleList);
+    if (((_a = span.dataset) === null || _a === void 0 ? void 0 : _a.linkType) && ((_b = span.dataset) === null || _b === void 0 ? void 0 : _b.linkAddress)) {
+      styleList.link = {
+        linkType: span.dataset.linkType,
+        linkAddress: span.dataset.linkAddress
+      };
+    }
+    var curStyleListString = JSON.stringify(_lodash.default.omit(styleList, "link"));
     var v = span.innerText;
     v = v.replace(/\n/g, "\r\n");
     if (i === $dom.length - 1) {
@@ -130,7 +138,7 @@ function convertSpanToShareString($dom, originCell) {
         v = v.slice(0, v.length - 2);
       }
     }
-    if (curStyleListString === preStyleListString) {
+    if (curStyleListString === preStyleListString && _lodash.default.isEqual(preStyleList === null || preStyleList === void 0 ? void 0 : preStyleList.link, styleList.link)) {
       preStyleList.v += v;
     } else {
       styleList.v = v;
@@ -449,4 +457,128 @@ function updateInlineStringFormat(ctx, attr, value, cellInput) {
       }
     }
   }
+}
+function escapeHtmlAttr(s) {
+  return s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function getLinkDataAttrs(span) {
+  var _a, _b;
+  if (((_a = span.dataset) === null || _a === void 0 ? void 0 : _a.linkType) && ((_b = span.dataset) === null || _b === void 0 ? void 0 : _b.linkAddress)) {
+    return " data-link-type='".concat(escapeHtmlAttr(span.dataset.linkType), "' data-link-address='").concat(escapeHtmlAttr(span.dataset.linkAddress), "'");
+  }
+  return "";
+}
+function getLinkStyleCssText(baseCssText) {
+  var css = getCssText(baseCssText, "fc", "rgb(0, 0, 255)");
+  css = getCssText(css, "un", 1);
+  return css;
+}
+function applyLinkToSelection(cellInput, linkType, linkAddress) {
+  var _a, _b, _c;
+  var w = window.getSelection();
+  if (!w || w.rangeCount === 0) return;
+  var range = w.getRangeAt(0);
+  if (range.collapsed) return;
+  var $textEditor = cellInput;
+  var endContainer = range.endContainer,
+    startContainer = range.startContainer,
+    endOffset = range.endOffset,
+    startOffset = range.startOffset;
+  if (startContainer === endContainer) {
+    var span = startContainer.parentNode;
+    var content = (span === null || span === void 0 ? void 0 : span.innerHTML) || "";
+    var fullContent = $textEditor.innerHTML;
+    var inherit = fullContent.substring(0, 5) !== "<span";
+    var s2 = startOffset;
+    var s3 = endOffset;
+    var left = content.substring(0, s2);
+    var mid = content.substring(s2, s3);
+    var right = content.substring(s3, content.length);
+    var cont = "";
+    var dataAttrs = getLinkDataAttrs(span);
+    if (left !== "") {
+      var cssText = span.style.cssText;
+      if (inherit) {
+        var box = span.closest("#luckysheet-input-box");
+        if (box != null) cssText = extendCssText(box.style.cssText, cssText);
+      }
+      cont += "<span style='".concat(cssText, "'").concat(dataAttrs, ">").concat(left, "</span>");
+    }
+    if (mid !== "") {
+      var cssText = getLinkStyleCssText(span.style.cssText);
+      if (inherit) {
+        var box = span.closest("#luckysheet-input-box");
+        if (box != null) cssText = extendCssText(box.style.cssText, cssText);
+      }
+      cont += "<span style='".concat(cssText, "' data-link-type='").concat(escapeHtmlAttr(linkType), "' data-link-address='").concat(escapeHtmlAttr(linkAddress), "'>").concat(mid, "</span>");
+    }
+    if (right !== "") {
+      var cssText = span.style.cssText;
+      if (inherit) {
+        var box = span.closest("#luckysheet-input-box");
+        if (box != null) cssText = extendCssText(box.style.cssText, cssText);
+      }
+      cont += "<span style='".concat(cssText, "'").concat(dataAttrs, ">").concat(right, "</span>");
+    }
+    if (((_a = startContainer.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === "SPAN") {
+      span.outerHTML = cont;
+    } else {
+      span.innerHTML = cont;
+    }
+    var newSpans = $textEditor.querySelectorAll("span");
+    var linkSpanIndex = left === "" ? 0 : 1;
+    if (newSpans[linkSpanIndex]) {
+      (0, _cursor.selectTextContent)(newSpans[linkSpanIndex]);
+    }
+  } else if (((_b = startContainer.parentElement) === null || _b === void 0 ? void 0 : _b.tagName) === "SPAN" && ((_c = endContainer.parentElement) === null || _c === void 0 ? void 0 : _c.tagName) === "SPAN") {
+    var startSpan = startContainer.parentNode;
+    var endSpan = endContainer.parentNode;
+    var allSpans = $textEditor.querySelectorAll("span");
+    var startSpanIndex = _lodash.default.indexOf(allSpans, startSpan);
+    var endSpanIndex = _lodash.default.indexOf(allSpans, endSpan);
+    var startContent = (startSpan === null || startSpan === void 0 ? void 0 : startSpan.innerHTML) || "";
+    var endContent = (endSpan === null || endSpan === void 0 ? void 0 : endSpan.innerHTML) || "";
+    var s2 = startOffset;
+    var s3 = endOffset;
+    var sleft = startContent.substring(0, s2);
+    var sright = startContent.substring(s2, startContent.length);
+    var eleft = endContent.substring(0, s3);
+    var eright = endContent.substring(s3, endContent.length);
+    var spans = $textEditor.querySelectorAll("span");
+    var cont = "";
+    for (var i = 0; i < startSpanIndex; i += 1) {
+      var sp = spans[i];
+      cont += "<span style='".concat(sp.style.cssText, "'").concat(getLinkDataAttrs(sp), ">").concat(sp.innerHTML, "</span>");
+    }
+    if (sleft !== "") {
+      cont += "<span style='".concat(startSpan.style.cssText, "'").concat(getLinkDataAttrs(startSpan), ">").concat(sleft, "</span>");
+    }
+    if (sright !== "") {
+      var cssText = getLinkStyleCssText(startSpan.style.cssText);
+      cont += "<span style='".concat(cssText, "' data-link-type='").concat(escapeHtmlAttr(linkType), "' data-link-address='").concat(escapeHtmlAttr(linkAddress), "'>").concat(sright, "</span>");
+    }
+    if (startSpanIndex < endSpanIndex) {
+      for (var i = startSpanIndex + 1; i < endSpanIndex; i += 1) {
+        var sp = spans[i];
+        var cssText = getLinkStyleCssText(sp.style.cssText);
+        cont += "<span style='".concat(cssText, "' data-link-type='").concat(escapeHtmlAttr(linkType), "' data-link-address='").concat(escapeHtmlAttr(linkAddress), "'>").concat(sp.innerHTML, "</span>");
+      }
+    }
+    if (eleft !== "") {
+      var cssText = getLinkStyleCssText(endSpan.style.cssText);
+      cont += "<span style='".concat(cssText, "' data-link-type='").concat(escapeHtmlAttr(linkType), "' data-link-address='").concat(escapeHtmlAttr(linkAddress), "'>").concat(eleft, "</span>");
+    }
+    if (eright !== "") {
+      cont += "<span style='".concat(endSpan.style.cssText, "'").concat(getLinkDataAttrs(endSpan), ">").concat(eright, "</span>");
+    }
+    for (var i = endSpanIndex + 1; i < spans.length; i += 1) {
+      var sp = spans[i];
+      cont += "<span style='".concat(sp.style.cssText, "'").concat(getLinkDataAttrs(sp), ">").concat(sp.innerHTML, "</span>");
+    }
+    $textEditor.innerHTML = cont;
+    spans = $textEditor.querySelectorAll("span");
+    var startSel = sleft === "" ? startSpanIndex : startSpanIndex + 1;
+    var endSel = eright === "" ? endSpanIndex : endSpanIndex + 1;
+    (0, _cursor.selectTextContentCross)(spans[startSel], spans[endSel]);
+  }
 }

package/lib/modules/toolbar.d.ts

@@ -26,7 +26,7 @@ export declare function handleSort(ctx: Context, isAsc: boolean): void;
 export declare function handleFreeze(ctx: Context, type: string): void;
 export declare function handleTextSize(ctx: Context, cellInput: HTMLDivElement, size: number, canvas?: CanvasRenderingContext2D): void;
 export declare function handleSum(ctx: Context, cellInput: HTMLDivElement, fxInput: HTMLDivElement | null | undefined, cache?: GlobalCache): void;
-export declare function handleLink(ctx: Context): void;
+export declare function handleLink(ctx: Context, cellInput: HTMLDivElement | null | undefined): void;
 export declare function toolbarItemClickHandler(name: string): ToolbarItemClickHandler;
 export declare function toolbarItemSelectedFunc(name: string): ToolbarItemSelectedFunc;
 export {};

package/lib/modules/toolbar.js

@@ -37,6 +37,7 @@ var _utils = require("../utils");
 var _cell = require("./cell");
 var _color = require("./color");
 var _format = require("./format");
+var _cursor = require("./cursor");
 var _formula2 = require("./formula");
 var _inlineString = require("./inline-string");
 var _location = require("./location");
@@ -1002,15 +1003,36 @@ function handleTextSize(ctx, cellInput, size, canvas) {
 function handleSum(ctx, cellInput, fxInput, cache) {
   autoSelectionFormula(ctx, cellInput, fxInput, "SUM", cache);
 }
-function handleLink(ctx) {
-  var _a;
+function handleLink(ctx, cellInput) {
+  var _a, _b, _c;
   var allowEdit = (0, _utils.isAllowEdit)(ctx);
   if (!allowEdit) return;
   var selection = (_a = ctx.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var flowdata = (0, _context.getFlowdata)(ctx);
-  if (flowdata != null && selection != null) {
-    (0, _hyperlink.showLinkCard)(ctx, selection.row[0], selection.column[0], true);
+  if (flowdata == null || selection == null) return;
+  var r = selection.row[0];
+  var c = selection.column[0];
+  var isEditMode = ((_b = ctx.luckysheetCellUpdate) === null || _b === void 0 ? void 0 : _b.length) === 2 && ctx.luckysheetCellUpdate[0] === r && ctx.luckysheetCellUpdate[1] === c;
+  var applyToSelection = false;
+  var originText;
+  var selectionOffsets;
+  if (isEditMode && cellInput) {
+    var sel = window.getSelection();
+    if (sel && sel.rangeCount > 0 && !sel.getRangeAt(0).collapsed && cellInput.contains(sel.anchorNode)) {
+      var value = (_c = cellInput.innerText) !== null && _c !== void 0 ? _c : "";
+      if (value.substring(0, 1) !== "=") {
+        originText = sel.toString();
+        applyToSelection = true;
+        var off = (0, _cursor.getSelectionCharacterOffsets)(cellInput);
+        if (off) selectionOffsets = off;
+      }
+    }
   }
+  (0, _hyperlink.showLinkCard)(ctx, r, c, true, false, {
+    applyToSelection: applyToSelection || undefined,
+    originText: originText,
+    selectionOffsets: selectionOffsets
+  });
 }
 var handlerMap = {
   "currency-format": handleCurrencyFormat,

package/lib/types.d.ts

@@ -269,6 +269,11 @@ export type LinkCardProps = {
     };
     isEditing: boolean;
     selectingCellRange?: boolean;
+    applyToSelection?: boolean;
+    selectionOffsets?: {
+        start: number;
+        end: number;
+    };
 };
 export type RangeDialogProps = {
     show: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-core",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "main": "lib/index.js",
   "module": "es/index.js",
   "typings": "lib/index.d.ts",