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

package/dist/components/Toolbar/Button.d.ts

@@ -6,6 +6,7 @@ type Props = {
     disabled?: boolean;
     selected?: boolean;
     children?: React.ReactNode;
+    style?: React.CSSProperties;
 };
 declare const Button: React.FC<Props>;
 export default Button;

package/dist/index.css

@@ -2254,7 +2254,6 @@ input[type="number"].condition-rules-project-input {
   border-bottom: 1px solid #d4d4d4;
   white-space: nowrap;
   align-items: center;
-  flex-wrap: wrap;
   gap: 4px;
 }
 
@@ -2816,7 +2815,7 @@ label {
 
 .input-modal {
   position: fixed;
-  top: 25%;
+  top: 16%;
   left: 50%;
   transform: translateX(-50%);
   border-radius: 0.75rem;

package/dist/index.esm.css

@@ -2254,7 +2254,6 @@ input[type="number"].condition-rules-project-input {
   border-bottom: 1px solid #d4d4d4;
   white-space: nowrap;
   align-items: center;
-  flex-wrap: wrap;
   gap: 4px;
 }
 
@@ -2816,7 +2815,7 @@ label {
 
 .input-modal {
   position: fixed;
-  top: 25%;
+  top: 16%;
   left: 50%;
   transform: translateX(-50%);
   border-radius: 0.75rem;

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;
         });
       }
@@ -4400,7 +4426,8 @@ var Button = function Button(_ref) {
     iconId = _ref.iconId,
     disabled = _ref.disabled,
     selected = _ref.selected,
-    children = _ref.children;
+    children = _ref.children,
+    style = _ref.style;
   return /*#__PURE__*/React.createElement("div", {
     className: "fortune-toolbar-button fortune-toolbar-item",
     onClick: onClick,
@@ -4410,7 +4437,7 @@ var Button = function Button(_ref) {
     "aria-label": tooltip,
     style: selected ? {
       backgroundColor: "#E7E5EB"
-    } : {}
+    } : style
   }, /*#__PURE__*/React.createElement(SVGIcon, {
     name: iconId,
     width: 16,
@@ -6767,6 +6794,10 @@ var Toolbar = function Toolbar(_ref) {
     onClick: function onClick() {
       if (context.allowEdit === false) return;
       setShowDuneModal(true);
+    },
+    style: {
+      backgroundColor: "#F4603E2E",
+      borderRadius: "8px"
     }
   }), showDuneModal && (/*#__PURE__*/React.createElement(DuneChartsInputModal, {
     isOpen: showDuneModal,
@@ -11762,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;
         });
       }
@@ -4412,7 +4438,8 @@ var Button = function Button(_ref) {
     iconId = _ref.iconId,
     disabled = _ref.disabled,
     selected = _ref.selected,
-    children = _ref.children;
+    children = _ref.children,
+    style = _ref.style;
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "fortune-toolbar-button fortune-toolbar-item",
     onClick: onClick,
@@ -4422,7 +4449,7 @@ var Button = function Button(_ref) {
     "aria-label": tooltip,
     style: selected ? {
       backgroundColor: "#E7E5EB"
-    } : {}
+    } : style
   }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
     name: iconId,
     width: 16,
@@ -6779,6 +6806,10 @@ var Toolbar = function Toolbar(_ref) {
     onClick: function onClick() {
       if (context.allowEdit === false) return;
       setShowDuneModal(true);
+    },
+    style: {
+      backgroundColor: "#F4603E2E",
+      borderRadius: "8px"
     }
   }), showDuneModal && (/*#__PURE__*/React__default['default'].createElement(DuneChartsInputModal, {
     isOpen: showDuneModal,
@@ -11774,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;

package/dist/index.umd.css

@@ -2254,7 +2254,6 @@ input[type="number"].condition-rules-project-input {
   border-bottom: 1px solid #d4d4d4;
   white-space: nowrap;
   align-items: center;
-  flex-wrap: wrap;
   gap: 4px;
 }
 
@@ -2816,7 +2815,7 @@ label {
 
 .input-modal {
   position: fixed;
-  top: 25%;
+  top: 16%;
   left: 50%;
   transform: translateX(-50%);
   border-radius: 0.75rem;