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

package/dist/index.css

@@ -1107,8 +1107,6 @@ html::-webkit-scrollbar-button {
   top: 25px;
   background: #ffff;
   min-width: 300px;
-  width: -moz-fit-content;
-  width: fit-content;
   /* max-width: 450px; */
   border: 1px solid lavender;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

package/dist/index.esm.css

@@ -1107,8 +1107,6 @@ html::-webkit-scrollbar-button {
   top: 25px;
   background: #ffff;
   min-width: 300px;
-  width: -moz-fit-content;
-  width: fit-content;
   /* max-width: 450px; */
   border: 1px solid lavender;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

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.css

@@ -1107,8 +1107,6 @@ html::-webkit-scrollbar-button {
   top: 25px;
   background: #ffff;
   min-width: 300px;
-  width: -moz-fit-content;
-  width: fit-content;
   /* max-width: 450px; */
   border: 1px solid lavender;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

package/dist/index.umd.js

@@ -37100,12 +37100,14 @@
     address,
     startDate,
     endDate,
+    page = 1,
+    offset = 10,
   }) {
     const API_KEY = window.localStorage.getItem(scanKey);
     if (!API_KEY) return `${scanKey}${ERROR_MESSAGES_FLAG.MISSING_KEY}`;
     if (API_KEY === 'xxxx') return `${scanKey}${ERROR_MESSAGES_FLAG.RATE_LIMIT}`;
 
-    const chainId = CHAIN_ID_MAP[chain?.toLowerCase()];
+    let chainId = CHAIN_ID_MAP[chain?.toLowerCase()];
     if (!chainId) return `${scanKey}${ERROR_MESSAGES_FLAG.INVALID_CHAIN}`;
 
     const ACTION_MAP = {
@@ -37118,6 +37120,10 @@
     const action = ACTION_MAP[type];
     if (!action) return `${scanKey}${ERROR_MESSAGES_FLAG.INVALID_TYPE}`;
 
+
+    if (scanKey === SERVICE_API_KEY.Basescan) chainId = 'base';
+  if (scanKey === SERVICE_API_KEY.Gnosisscan) chainId = 'gnosis';
+
     let url = `${baseUrl}?chainid=${chainId}&module=account&action=${action}&apikey=${API_KEY}`;
 
     if (['all-txns', 'token-txns', 'nft-txns'].includes(type)) {
@@ -37131,6 +37137,7 @@
         ]);
         url += `&startblock=${startBlock}&endblock=${endBlock}`;
       }
+      url += `&page=${page}&offset=${offset}`;
     }
 
     try {
@@ -37287,7 +37294,7 @@
   }
 
   async function BASESCAN(...args) {
-    const [type, chain, address, startDate, endDate] = args;
+    const [type, chain, address, startDate, endDate, page, limit] = args;
     return handleScanRequest({
       scanKey: SERVICE_API_KEY.Basescan,
       baseUrl: 'https://api.basescan.org/api',
@@ -37296,10 +37303,12 @@
       address,
       startDate,
       endDate,
+      page,
+      offset:limit
     });
   }
   async function GNOSISSCAN(...args) {
-    const [type, chain, address, startDate, endDate] = args;
+    const [type, chain, address, startDate, endDate, page, limit] = args;
     return handleScanRequest({
       scanKey: SERVICE_API_KEY.Gnosisscan,
       baseUrl: 'https://api.gnosisscan.io/api',
@@ -37308,6 +37317,8 @@
       address,
       startDate,
       endDate,
+      page, 
+      offset:limit
     });
   }
 
@@ -37413,7 +37424,7 @@
 
 
   async function ETHERSCAN(...args) {
-    const [type, chain, address, startDate, endDate] = args;
+    const [type, chain, address, startDate, endDate, page, limit] = args;
     return handleScanRequest({
       scanKey: SERVICE_API_KEY.Etherscan,
       baseUrl: 'https://api.etherscan.io/v2/api',
@@ -37422,6 +37433,8 @@
       address,
       startDate,
       endDate,
+      page, 
+      offset:limit
     });
   }
 
@@ -37467,7 +37480,7 @@
     }
   }
 
-  async function EOA(addresses, category, chains, startTime, endTime) {
+  async function EOA(addresses, category, chains, startTime, endTime, page = 1, offset = 10) {
     try {
       const ADDRESSES = addresses.split(',').map(a => a.trim());
       const CHAINS = typeof chains === 'string' ? chains.split(',').map(c => c.trim()) : chains;
@@ -37488,18 +37501,16 @@
           if (category === 'txns') {
             const startBlock = await fromTimeStampToBlock(startTime, chain, API_KEY);
             const endBlock = await fromTimeStampToBlock(endTime, chain, API_KEY);
-            timeQuery = `&startblock=${startBlock}&endblock=${endBlock}`;
+            timeQuery = `&startblock=${startBlock}&endblock=${endBlock}&page=${page}&offset=${offset}&sort=asc`;
           } else {
             timeQuery = `&tag=latest`;
           }
 
-          const url = `https://api.etherscan.io/v2/api?module=${action.split('.')[0]}&action=${action.split('.')[1]}&address=${address}&sort=asc&chainid=${chainId}&apikey=${API_KEY}${timeQuery}`;
+          const url = `https://api.etherscan.io/v2/api?module=${action.split('.')[0]}&action=${action.split('.')[1]}&address=${address}&chainid=${chainId}&apikey=${API_KEY}${timeQuery}`;
 
           try {
             const response = await fetch(url);
-            if (!response.ok) {
-              return `HTTP_${response.status}`;
-            }
+            if (!response.ok) return `HTTP_${response.status}`;
 
             const json = await response.json();
 
@@ -37515,7 +37526,6 @@
             for (const entry of entries) {
               flatResults.push({ chain, address, ...entry });
             }
-
           } catch (e) {
             return ERROR_MESSAGES_FLAG.DEFAULT;
           }
@@ -37532,6 +37542,7 @@
 
 
 
+
   async function FLVURL(token, vs_currencies) {
     return new Promise((resolve) => {
       setTimeout(() => {
@@ -106803,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",
@@ -106874,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,
@@ -108214,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;
           });