@fileverse-dev/fortune-react 1.0.2-mod-44 → 1.0.2-mod-45

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, goToLink, replaceHtml, removeHyperlink, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, getRangetxt, setConditionRules, mergeBorder, setDropdownValue, onIframeMoveStart, onIframeResizeStart, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, sanitizeDuneUrl, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, insertDuneChart, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, sortSelection, handleLink, handlePasteByClick, deleteSheet, opToPatch, setCaretPosition, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, calcSelectionInfo, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePaste, groupValuesRefresh } from '@fileverse-dev/fortune-core';
+import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, goToLink, replaceHtml, removeHyperlink, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, getRangetxt, setConditionRules, mergeBorder, setDropdownValue, onIframeMoveStart, onIframeResizeStart, onIframeMove, onIframeMoveEnd, onIframeResize, onIframeResizeEnd, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, sanitizeDuneUrl, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, insertDuneChart, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, deleteRowCol, hideSelected, showSelected, api, removeActiveImage, deleteSelectedCellText, sortSelection, handleLink, handlePasteByClick, deleteSheet, opToPatch, setCaretPosition, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, calcSelectionInfo, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePaste, groupValuesRefresh } from '@fileverse-dev/fortune-core';
 import React, { useContext, useRef, useState, useMemo, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
 import produce, { applyPatches, enablePatches, produceWithPatches } from 'immer';
 import _ from 'lodash';
@@ -3565,12 +3565,17 @@ var DropDownList = function DropDownList() {
 };
 
 var IframeBoxs = function IframeBoxs() {
-  var _context$insertedIfra;
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
     refs = _useContext.refs;
   var containerRef = useRef(null);
+  var currentSheetIframes = useMemo(function () {
+    var currentSheet = context.luckysheetfile.find(function (sheet) {
+      return sheet.id === context.currentSheetId;
+    });
+    return (currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.iframes) || [];
+  }, [context.luckysheetfile, context.currentSheetId]);
   useEffect(function () {
     var handleClickOutside = function handleClickOutside(e) {
       if (!containerRef.current) return;
@@ -3592,7 +3597,7 @@ var IframeBoxs = function IframeBoxs() {
   return /*#__PURE__*/React.createElement("div", {
     id: "fortune-iframe-boxes",
     ref: containerRef
-  }, (_context$insertedIfra = context.insertedIframes) === null || _context$insertedIfra === void 0 ? void 0 : _context$insertedIfra.map(function (frame) {
+  }, currentSheetIframes === null || currentSheetIframes === void 0 ? void 0 : currentSheetIframes.map(function (frame) {
     var isActive = frame.id === context.activeIframe;
     var style = {
       width: frame.width * context.zoomRatio,
@@ -3619,6 +3624,16 @@ var IframeBoxs = function IframeBoxs() {
       onMouseDown: function onMouseDown(e) {
         if (isActive) {
           onIframeMoveStart(context, refs.globalCache, e.nativeEvent);
+          var handleMouseMove = function handleMouseMove(moveEvent) {
+            onIframeMove(context, refs.globalCache, moveEvent);
+          };
+          var _handleMouseUp = function handleMouseUp() {
+            onIframeMoveEnd(context, refs.globalCache);
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", _handleMouseUp);
+          };
+          document.addEventListener("mousemove", handleMouseMove);
+          document.addEventListener("mouseup", _handleMouseUp);
         }
         e.stopPropagation();
       }
@@ -3642,17 +3657,23 @@ var IframeBoxs = function IframeBoxs() {
       className: "luckysheet-modal-dialog-border"
     }), isActive && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "luckysheet-modal-dialog-resize"
-    }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (dir) {
+    }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
       return /*#__PURE__*/React.createElement("div", {
-        key: dir,
-        className: "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-".concat(dir),
-        "data-type": dir,
-        style: {
-          zIndex: 300,
-          position: "absolute"
-        },
+        key: v,
+        className: "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-".concat(v),
+        "data-type": v,
         onMouseDown: function onMouseDown(e) {
-          onIframeResizeStart(context, refs.globalCache, e.nativeEvent, dir);
+          onIframeResizeStart(context, refs.globalCache, e.nativeEvent, v);
+          var handleMouseMove = function handleMouseMove(moveEvent) {
+            onIframeResize(context, refs.globalCache, moveEvent);
+          };
+          var _handleMouseUp2 = function handleMouseUp() {
+            onIframeResizeEnd(context, refs.globalCache);
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", _handleMouseUp2);
+          };
+          document.addEventListener("mousemove", handleMouseMove);
+          document.addEventListener("mouseup", _handleMouseUp2);
           e.stopPropagation();
         }
       });
@@ -3665,10 +3686,15 @@ var IframeBoxs = function IframeBoxs() {
       title: "Delete",
       onClick: function onClick() {
         setContext(function (ctx) {
-          var _ctx$insertedIframes;
-          ctx.insertedIframes = ctx === null || ctx === void 0 ? void 0 : (_ctx$insertedIframes = ctx.insertedIframes) === null || _ctx$insertedIframes === void 0 ? void 0 : _ctx$insertedIframes.filter(function (f) {
-            return f.id !== frame.id;
+          var currentSheet = ctx.luckysheetfile.find(function (sheet) {
+            return sheet.id === ctx.currentSheetId;
           });
+          if (currentSheet) {
+            var _currentSheet$iframes;
+            currentSheet.iframes = (_currentSheet$iframes = currentSheet.iframes) === null || _currentSheet$iframes === void 0 ? void 0 : _currentSheet$iframes.filter(function (f) {
+              return f.id !== frame.id;
+            });
+          }
           ctx.activeIframe = undefined;
         });
       }
@@ -11767,6 +11793,7 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }
       draftCtx.config = _.isNil(sheet.config) ? {} : sheet.config;
       draftCtx.insertedImgs = sheet.images;
+      draftCtx.insertedIframes = sheet.iframes;
       draftCtx.currency = mergedSettings.currency || "¥";
       draftCtx.zoomRatio = _.isNil(sheet.zoomRatio) ? 1 : sheet.zoomRatio;
       draftCtx.rowHeaderWidth = mergedSettings.rowHeaderWidth * draftCtx.zoomRatio;

package/dist/index.js

@@ -3577,12 +3577,17 @@ var DropDownList = function DropDownList() {
 };
 
 var IframeBoxs = function IframeBoxs() {
-  var _context$insertedIfra;
   var _useContext = React.useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
     refs = _useContext.refs;
   var containerRef = React.useRef(null);
+  var currentSheetIframes = React.useMemo(function () {
+    var currentSheet = context.luckysheetfile.find(function (sheet) {
+      return sheet.id === context.currentSheetId;
+    });
+    return (currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.iframes) || [];
+  }, [context.luckysheetfile, context.currentSheetId]);
   React.useEffect(function () {
     var handleClickOutside = function handleClickOutside(e) {
       if (!containerRef.current) return;
@@ -3604,7 +3609,7 @@ var IframeBoxs = function IframeBoxs() {
   return /*#__PURE__*/React__default['default'].createElement("div", {
     id: "fortune-iframe-boxes",
     ref: containerRef
-  }, (_context$insertedIfra = context.insertedIframes) === null || _context$insertedIfra === void 0 ? void 0 : _context$insertedIfra.map(function (frame) {
+  }, currentSheetIframes === null || currentSheetIframes === void 0 ? void 0 : currentSheetIframes.map(function (frame) {
     var isActive = frame.id === context.activeIframe;
     var style = {
       width: frame.width * context.zoomRatio,
@@ -3631,6 +3636,16 @@ var IframeBoxs = function IframeBoxs() {
       onMouseDown: function onMouseDown(e) {
         if (isActive) {
           fortuneCore.onIframeMoveStart(context, refs.globalCache, e.nativeEvent);
+          var handleMouseMove = function handleMouseMove(moveEvent) {
+            fortuneCore.onIframeMove(context, refs.globalCache, moveEvent);
+          };
+          var _handleMouseUp = function handleMouseUp() {
+            fortuneCore.onIframeMoveEnd(context, refs.globalCache);
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", _handleMouseUp);
+          };
+          document.addEventListener("mousemove", handleMouseMove);
+          document.addEventListener("mouseup", _handleMouseUp);
         }
         e.stopPropagation();
       }
@@ -3654,17 +3669,23 @@ var IframeBoxs = function IframeBoxs() {
       className: "luckysheet-modal-dialog-border"
     }), isActive && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "luckysheet-modal-dialog-resize"
-    }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (dir) {
+    }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        key: dir,
-        className: "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-".concat(dir),
-        "data-type": dir,
-        style: {
-          zIndex: 300,
-          position: "absolute"
-        },
+        key: v,
+        className: "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-".concat(v),
+        "data-type": v,
         onMouseDown: function onMouseDown(e) {
-          fortuneCore.onIframeResizeStart(context, refs.globalCache, e.nativeEvent, dir);
+          fortuneCore.onIframeResizeStart(context, refs.globalCache, e.nativeEvent, v);
+          var handleMouseMove = function handleMouseMove(moveEvent) {
+            fortuneCore.onIframeResize(context, refs.globalCache, moveEvent);
+          };
+          var _handleMouseUp2 = function handleMouseUp() {
+            fortuneCore.onIframeResizeEnd(context, refs.globalCache);
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", _handleMouseUp2);
+          };
+          document.addEventListener("mousemove", handleMouseMove);
+          document.addEventListener("mouseup", _handleMouseUp2);
           e.stopPropagation();
         }
       });
@@ -3677,10 +3698,15 @@ var IframeBoxs = function IframeBoxs() {
       title: "Delete",
       onClick: function onClick() {
         setContext(function (ctx) {
-          var _ctx$insertedIframes;
-          ctx.insertedIframes = ctx === null || ctx === void 0 ? void 0 : (_ctx$insertedIframes = ctx.insertedIframes) === null || _ctx$insertedIframes === void 0 ? void 0 : _ctx$insertedIframes.filter(function (f) {
-            return f.id !== frame.id;
+          var currentSheet = ctx.luckysheetfile.find(function (sheet) {
+            return sheet.id === ctx.currentSheetId;
           });
+          if (currentSheet) {
+            var _currentSheet$iframes;
+            currentSheet.iframes = (_currentSheet$iframes = currentSheet.iframes) === null || _currentSheet$iframes === void 0 ? void 0 : _currentSheet$iframes.filter(function (f) {
+              return f.id !== frame.id;
+            });
+          }
           ctx.activeIframe = undefined;
         });
       }
@@ -11779,6 +11805,7 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
       }
       draftCtx.config = ___default['default'].isNil(sheet.config) ? {} : sheet.config;
       draftCtx.insertedImgs = sheet.images;
+      draftCtx.insertedIframes = sheet.iframes;
       draftCtx.currency = mergedSettings.currency || "¥";
       draftCtx.zoomRatio = ___default['default'].isNil(sheet.zoomRatio) ? 1 : sheet.zoomRatio;
       draftCtx.rowHeaderWidth = mergedSettings.rowHeaderWidth * draftCtx.zoomRatio;