@fileverse-dev/fortune-react 1.0.2-mod-74 → 1.0.2-mod-75

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, handleContextMenu, 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, api, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, removeActiveImage, deleteSelectedCellText, deleteRowCol, hideSelected, showSelected, 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, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, handleContextMenu, 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, saveIframe, 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, api, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, removeActiveImage, deleteSelectedCellText, deleteRowCol, hideSelected, showSelected, 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';
@@ -2432,13 +2432,33 @@ var ImgBoxs = function ImgBoxs() {
     context = _useContext.context,
     setContext = _useContext.setContext,
     refs = _useContext.refs;
+  var containerRef = useRef(null);
   var activeImg = useMemo(function () {
     return _.find(context.insertedImgs, {
       id: context.activeImg
     });
   }, [context.activeImg, context.insertedImgs]);
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(e) {
+      if (!containerRef.current) return;
+      var imageBoxes = containerRef.current.querySelectorAll(".luckysheet-modal-dialog-image");
+      var clickedInsideSomeImage = Array.from(imageBoxes).some(function (el) {
+        return el.contains(e.target);
+      });
+      if (!clickedInsideSomeImage && context.activeImg !== undefined) {
+        setContext(function (ctx) {
+          ctx.activeImg = undefined;
+        });
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return function () {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [context.activeImg, setContext]);
   return /*#__PURE__*/React.createElement("div", {
-    id: "luckysheet-image-showBoxs"
+    id: "luckysheet-image-showBoxs",
+    ref: containerRef
   }, activeImg && (/*#__PURE__*/React.createElement("div", {
     id: "luckysheet-modal-dialog-activeImage",
     className: "luckysheet-modal-dialog",
@@ -2503,16 +2523,41 @@ var ImgBoxs = function ImgBoxs() {
   }, /*#__PURE__*/React.createElement("i", {
     className: "fa fa-window-maximize",
     "aria-hidden": "true"
-  })), /*#__PURE__*/React.createElement("span", {
-    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "\u5220\u9664",
-    title: "\u5220\u9664"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fa fa-trash",
-    "aria-hidden": "true"
-  }))))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement(IconButton, {
+    icon: "Trash2",
+    onMouseDown: function onMouseDown(e) {
+      e.stopPropagation();
+      setContext(function (ctx) {
+        var currentSheet = ctx.luckysheetfile.find(function (sheet) {
+          return sheet.id === ctx.currentSheetId;
+        });
+        if (currentSheet) {
+          var _currentSheet$images;
+          currentSheet.images = (_currentSheet$images = currentSheet.images) === null || _currentSheet$images === void 0 ? void 0 : _currentSheet$images.filter(function (f) {
+            return f.id !== activeImg.id;
+          });
+        }
+        ctx.activeImg = undefined;
+      });
+    },
+    onTouchEnd: function onTouchEnd(e) {
+      e.stopPropagation();
+      setContext(function (ctx) {
+        var currentSheet = ctx.luckysheetfile.find(function (sheet) {
+          return sheet.id === ctx.currentSheetId;
+        });
+        if (currentSheet) {
+          var _currentSheet$images2;
+          currentSheet.images = (_currentSheet$images2 = currentSheet.images) === null || _currentSheet$images2 === void 0 ? void 0 : _currentSheet$images2.filter(function (f) {
+            return f.id !== activeImg.id;
+          });
+        }
+        ctx.activeImg = undefined;
+      });
+    },
+    variant: "ghost",
+    className: "fortune-iframe-boxes-delete-button"
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "img-list"
   }, (_context$insertedImgs = context.insertedImgs) === null || _context$insertedImgs === void 0 ? void 0 : _context$insertedImgs.map(function (v) {
     var id = v.id,
@@ -3843,6 +3888,8 @@ var IframeBoxs = function IframeBoxs() {
             currentSheet.iframes = (_currentSheet$iframes = currentSheet.iframes) === null || _currentSheet$iframes === void 0 ? void 0 : _currentSheet$iframes.filter(function (f) {
               return f.id !== frame.id;
             });
+            ctx.insertedIframes = currentSheet.iframes;
+            saveIframe(ctx);
           }
           ctx.activeIframe = undefined;
         });

package/dist/index.js

@@ -2443,13 +2443,33 @@ var ImgBoxs = function ImgBoxs() {
     context = _useContext.context,
     setContext = _useContext.setContext,
     refs = _useContext.refs;
+  var containerRef = React.useRef(null);
   var activeImg = React.useMemo(function () {
     return ___default['default'].find(context.insertedImgs, {
       id: context.activeImg
     });
   }, [context.activeImg, context.insertedImgs]);
+  React.useEffect(function () {
+    var handleClickOutside = function handleClickOutside(e) {
+      if (!containerRef.current) return;
+      var imageBoxes = containerRef.current.querySelectorAll(".luckysheet-modal-dialog-image");
+      var clickedInsideSomeImage = Array.from(imageBoxes).some(function (el) {
+        return el.contains(e.target);
+      });
+      if (!clickedInsideSomeImage && context.activeImg !== undefined) {
+        setContext(function (ctx) {
+          ctx.activeImg = undefined;
+        });
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return function () {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [context.activeImg, setContext]);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "luckysheet-image-showBoxs"
+    id: "luckysheet-image-showBoxs",
+    ref: containerRef
   }, activeImg && (/*#__PURE__*/React__default['default'].createElement("div", {
     id: "luckysheet-modal-dialog-activeImage",
     className: "luckysheet-modal-dialog",
@@ -2514,16 +2534,41 @@ var ImgBoxs = function ImgBoxs() {
   }, /*#__PURE__*/React__default['default'].createElement("i", {
     className: "fa fa-window-maximize",
     "aria-hidden": "true"
-  })), /*#__PURE__*/React__default['default'].createElement("span", {
-    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "\u5220\u9664",
-    title: "\u5220\u9664"
-  }, /*#__PURE__*/React__default['default'].createElement("i", {
-    className: "fa fa-trash",
-    "aria-hidden": "true"
-  }))))), /*#__PURE__*/React__default['default'].createElement("div", {
+  })), /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
+    icon: "Trash2",
+    onMouseDown: function onMouseDown(e) {
+      e.stopPropagation();
+      setContext(function (ctx) {
+        var currentSheet = ctx.luckysheetfile.find(function (sheet) {
+          return sheet.id === ctx.currentSheetId;
+        });
+        if (currentSheet) {
+          var _currentSheet$images;
+          currentSheet.images = (_currentSheet$images = currentSheet.images) === null || _currentSheet$images === void 0 ? void 0 : _currentSheet$images.filter(function (f) {
+            return f.id !== activeImg.id;
+          });
+        }
+        ctx.activeImg = undefined;
+      });
+    },
+    onTouchEnd: function onTouchEnd(e) {
+      e.stopPropagation();
+      setContext(function (ctx) {
+        var currentSheet = ctx.luckysheetfile.find(function (sheet) {
+          return sheet.id === ctx.currentSheetId;
+        });
+        if (currentSheet) {
+          var _currentSheet$images2;
+          currentSheet.images = (_currentSheet$images2 = currentSheet.images) === null || _currentSheet$images2 === void 0 ? void 0 : _currentSheet$images2.filter(function (f) {
+            return f.id !== activeImg.id;
+          });
+        }
+        ctx.activeImg = undefined;
+      });
+    },
+    variant: "ghost",
+    className: "fortune-iframe-boxes-delete-button"
+  })))), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "img-list"
   }, (_context$insertedImgs = context.insertedImgs) === null || _context$insertedImgs === void 0 ? void 0 : _context$insertedImgs.map(function (v) {
     var id = v.id,
@@ -3854,6 +3899,8 @@ var IframeBoxs = function IframeBoxs() {
             currentSheet.iframes = (_currentSheet$iframes = currentSheet.iframes) === null || _currentSheet$iframes === void 0 ? void 0 : _currentSheet$iframes.filter(function (f) {
               return f.id !== frame.id;
             });
+            ctx.insertedIframes = currentSheet.iframes;
+            fortuneCore.saveIframe(ctx);
           }
           ctx.activeIframe = undefined;
         });

package/dist/index.umd.js

@@ -106814,13 +106814,33 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       context = _useContext.context,
       setContext = _useContext.setContext,
       refs = _useContext.refs;
+    var containerRef = React.useRef(null);
     var activeImg = React.useMemo(function () {
       return lodash.find(context.insertedImgs, {
         id: context.activeImg
       });
     }, [context.activeImg, context.insertedImgs]);
+    React.useEffect(function () {
+      var handleClickOutside = function handleClickOutside(e) {
+        if (!containerRef.current) return;
+        var imageBoxes = containerRef.current.querySelectorAll(".luckysheet-modal-dialog-image");
+        var clickedInsideSomeImage = Array.from(imageBoxes).some(function (el) {
+          return el.contains(e.target);
+        });
+        if (!clickedInsideSomeImage && context.activeImg !== undefined) {
+          setContext(function (ctx) {
+            ctx.activeImg = undefined;
+          });
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return function () {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }, [context.activeImg, setContext]);
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      id: "luckysheet-image-showBoxs"
+      id: "luckysheet-image-showBoxs",
+      ref: containerRef
     }, activeImg && (/*#__PURE__*/React__default['default'].createElement("div", {
       id: "luckysheet-modal-dialog-activeImage",
       className: "luckysheet-modal-dialog",
@@ -106885,16 +106905,41 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, /*#__PURE__*/React__default['default'].createElement("i", {
       className: "fa fa-window-maximize",
       "aria-hidden": "true"
-    })), /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
-      role: "button",
-      tabIndex: 0,
-      "aria-label": "\u5220\u9664",
-      title: "\u5220\u9664"
-    }, /*#__PURE__*/React__default['default'].createElement("i", {
-      className: "fa fa-trash",
-      "aria-hidden": "true"
-    }))))), /*#__PURE__*/React__default['default'].createElement("div", {
+    })), /*#__PURE__*/React__default['default'].createElement(Er, {
+      icon: "Trash2",
+      onMouseDown: function onMouseDown(e) {
+        e.stopPropagation();
+        setContext(function (ctx) {
+          var currentSheet = ctx.luckysheetfile.find(function (sheet) {
+            return sheet.id === ctx.currentSheetId;
+          });
+          if (currentSheet) {
+            var _currentSheet$images;
+            currentSheet.images = (_currentSheet$images = currentSheet.images) === null || _currentSheet$images === void 0 ? void 0 : _currentSheet$images.filter(function (f) {
+              return f.id !== activeImg.id;
+            });
+          }
+          ctx.activeImg = undefined;
+        });
+      },
+      onTouchEnd: function onTouchEnd(e) {
+        e.stopPropagation();
+        setContext(function (ctx) {
+          var currentSheet = ctx.luckysheetfile.find(function (sheet) {
+            return sheet.id === ctx.currentSheetId;
+          });
+          if (currentSheet) {
+            var _currentSheet$images2;
+            currentSheet.images = (_currentSheet$images2 = currentSheet.images) === null || _currentSheet$images2 === void 0 ? void 0 : _currentSheet$images2.filter(function (f) {
+              return f.id !== activeImg.id;
+            });
+          }
+          ctx.activeImg = undefined;
+        });
+      },
+      variant: "ghost",
+      className: "fortune-iframe-boxes-delete-button"
+    })))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "img-list"
     }, (_context$insertedImgs = context.insertedImgs) === null || _context$insertedImgs === void 0 ? void 0 : _context$insertedImgs.map(function (v) {
       var id = v.id,
@@ -108225,6 +108270,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               currentSheet.iframes = (_currentSheet$iframes = currentSheet.iframes) === null || _currentSheet$iframes === void 0 ? void 0 : _currentSheet$iframes.filter(function (f) {
                 return f.id !== frame.id;
               });
+              ctx.insertedIframes = currentSheet.iframes;
+              saveIframe(ctx);
             }
             ctx.activeIframe = undefined;
           });