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

package/dist/index.esm.js

@@ -2432,33 +2432,13 @@ 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",
-    ref: containerRef
+    id: "luckysheet-image-showBoxs"
   }, activeImg && (/*#__PURE__*/React.createElement("div", {
     id: "luckysheet-modal-dialog-activeImage",
     className: "luckysheet-modal-dialog",
@@ -2523,41 +2503,16 @@ var ImgBoxs = function ImgBoxs() {
   }, /*#__PURE__*/React.createElement("i", {
     className: "fa fa-window-maximize",
     "aria-hidden": "true"
-  })), /*#__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", {
+  })), /*#__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", {
     className: "img-list"
   }, (_context$insertedImgs = context.insertedImgs) === null || _context$insertedImgs === void 0 ? void 0 : _context$insertedImgs.map(function (v) {
     var id = v.id,
@@ -3888,10 +3843,9 @@ 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;
+          saveIframe(ctx);
         });
       },
       variant: "ghost",

package/dist/index.js

@@ -2443,33 +2443,13 @@ 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",
-    ref: containerRef
+    id: "luckysheet-image-showBoxs"
   }, activeImg && (/*#__PURE__*/React__default['default'].createElement("div", {
     id: "luckysheet-modal-dialog-activeImage",
     className: "luckysheet-modal-dialog",
@@ -2534,41 +2514,16 @@ var ImgBoxs = function ImgBoxs() {
   }, /*#__PURE__*/React__default['default'].createElement("i", {
     className: "fa fa-window-maximize",
     "aria-hidden": "true"
-  })), /*#__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", {
+  })), /*#__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", {
     className: "img-list"
   }, (_context$insertedImgs = context.insertedImgs) === null || _context$insertedImgs === void 0 ? void 0 : _context$insertedImgs.map(function (v) {
     var id = v.id,
@@ -3899,10 +3854,9 @@ 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;
+          fortuneCore.saveIframe(ctx);
         });
       },
       variant: "ghost",

package/dist/index.umd.js

@@ -106814,33 +106814,13 @@ 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",
-      ref: containerRef
+      id: "luckysheet-image-showBoxs"
     }, activeImg && (/*#__PURE__*/React__default['default'].createElement("div", {
       id: "luckysheet-modal-dialog-activeImage",
       className: "luckysheet-modal-dialog",
@@ -106905,41 +106885,16 @@ 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(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", {
+    })), /*#__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", {
       className: "img-list"
     }, (_context$insertedImgs = context.insertedImgs) === null || _context$insertedImgs === void 0 ? void 0 : _context$insertedImgs.map(function (v) {
       var id = v.id,
@@ -108270,10 +108225,9 @@ 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;
+            saveIframe(ctx);
           });
         },
         variant: "ghost",