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

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,
@@ -2847,7 +2802,7 @@ var DataVerification = function DataVerification() {
       setContext(function (ctx) {
         var isPass = confirmMessage(ctx, generalDialog, dataVerification);
         if (isPass) {
-          var _ctx$dataVerification, _ctx$dataVerification2, _ctx$luckysheetfile$g;
+          var _ctx$dataVerification, _ctx$dataVerification2, _ctx$luckysheetfile$g, _ctx$hooks;
           var range = getRangeByTxt(ctx, (_ctx$dataVerification = ctx.dataVerification) === null || _ctx$dataVerification === void 0 ? void 0 : (_ctx$dataVerification2 = _ctx$dataVerification.dataRegulation) === null || _ctx$dataVerification2 === void 0 ? void 0 : _ctx$dataVerification2.rangeTxt);
           if (range.length === 0) {
             return;
@@ -2878,12 +2833,16 @@ var DataVerification = function DataVerification() {
               }
             }
           }
-          ctx.luckysheetfile[getSheetIndex(ctx, ctx.currentSheetId)].dataVerification = currentDataVerification;
+          var sheetIndex = getSheetIndex(ctx, ctx.currentSheetId);
+          ctx.luckysheetfile[sheetIndex].dataVerification = currentDataVerification;
+          if ((_ctx$hooks = ctx.hooks) === null || _ctx$hooks === void 0 ? void 0 : _ctx$hooks.saveDataVerification) {
+            ctx.hooks.saveDataVerification(ctx.currentSheetId, currentDataVerification);
+          }
         }
       });
     } else if (type === "delete") {
       setContext(function (ctx) {
-        var _ctx$dataVerification3, _ctx$dataVerification4, _ctx$luckysheetfile$g2;
+        var _ctx$dataVerification3, _ctx$dataVerification4, _ctx$luckysheetfile$g2, _ctx$hooks2;
         var range = getRangeByTxt(ctx, (_ctx$dataVerification3 = ctx.dataVerification) === null || _ctx$dataVerification3 === void 0 ? void 0 : (_ctx$dataVerification4 = _ctx$dataVerification3.dataRegulation) === null || _ctx$dataVerification4 === void 0 ? void 0 : _ctx$dataVerification4.rangeTxt);
         if (range.length === 0) {
           showDialog(generalDialog.noSelectionError, "ok");
@@ -2899,6 +2858,11 @@ var DataVerification = function DataVerification() {
             delete currentDataVerification["".concat(r, "_").concat(c)];
           }
         }
+        var sheetIndex = getSheetIndex(ctx, ctx.currentSheetId);
+        ctx.luckysheetfile[sheetIndex].dataVerification = currentDataVerification;
+        if ((_ctx$hooks2 = ctx.hooks) === null || _ctx$hooks2 === void 0 ? void 0 : _ctx$hooks2.saveDataVerification) {
+          ctx.hooks.saveDataVerification(ctx.currentSheetId, currentDataVerification);
+        }
       });
     }
     hideDialog();
@@ -3888,10 +3852,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,
@@ -2858,7 +2813,7 @@ var DataVerification = function DataVerification() {
       setContext(function (ctx) {
         var isPass = fortuneCore.confirmMessage(ctx, generalDialog, dataVerification);
         if (isPass) {
-          var _ctx$dataVerification, _ctx$dataVerification2, _ctx$luckysheetfile$g;
+          var _ctx$dataVerification, _ctx$dataVerification2, _ctx$luckysheetfile$g, _ctx$hooks;
           var range = fortuneCore.getRangeByTxt(ctx, (_ctx$dataVerification = ctx.dataVerification) === null || _ctx$dataVerification === void 0 ? void 0 : (_ctx$dataVerification2 = _ctx$dataVerification.dataRegulation) === null || _ctx$dataVerification2 === void 0 ? void 0 : _ctx$dataVerification2.rangeTxt);
           if (range.length === 0) {
             return;
@@ -2889,12 +2844,16 @@ var DataVerification = function DataVerification() {
               }
             }
           }
-          ctx.luckysheetfile[fortuneCore.getSheetIndex(ctx, ctx.currentSheetId)].dataVerification = currentDataVerification;
+          var sheetIndex = fortuneCore.getSheetIndex(ctx, ctx.currentSheetId);
+          ctx.luckysheetfile[sheetIndex].dataVerification = currentDataVerification;
+          if ((_ctx$hooks = ctx.hooks) === null || _ctx$hooks === void 0 ? void 0 : _ctx$hooks.saveDataVerification) {
+            ctx.hooks.saveDataVerification(ctx.currentSheetId, currentDataVerification);
+          }
         }
       });
     } else if (type === "delete") {
       setContext(function (ctx) {
-        var _ctx$dataVerification3, _ctx$dataVerification4, _ctx$luckysheetfile$g2;
+        var _ctx$dataVerification3, _ctx$dataVerification4, _ctx$luckysheetfile$g2, _ctx$hooks2;
         var range = fortuneCore.getRangeByTxt(ctx, (_ctx$dataVerification3 = ctx.dataVerification) === null || _ctx$dataVerification3 === void 0 ? void 0 : (_ctx$dataVerification4 = _ctx$dataVerification3.dataRegulation) === null || _ctx$dataVerification4 === void 0 ? void 0 : _ctx$dataVerification4.rangeTxt);
         if (range.length === 0) {
           showDialog(generalDialog.noSelectionError, "ok");
@@ -2910,6 +2869,11 @@ var DataVerification = function DataVerification() {
             delete currentDataVerification["".concat(r, "_").concat(c)];
           }
         }
+        var sheetIndex = fortuneCore.getSheetIndex(ctx, ctx.currentSheetId);
+        ctx.luckysheetfile[sheetIndex].dataVerification = currentDataVerification;
+        if ((_ctx$hooks2 = ctx.hooks) === null || _ctx$hooks2 === void 0 ? void 0 : _ctx$hooks2.saveDataVerification) {
+          ctx.hooks.saveDataVerification(ctx.currentSheetId, currentDataVerification);
+        }
       });
     }
     hideDialog();
@@ -3899,10 +3863,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,
@@ -107229,7 +107184,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         setContext(function (ctx) {
           var isPass = confirmMessage(ctx, generalDialog, dataVerification);
           if (isPass) {
-            var _ctx$dataVerification, _ctx$dataVerification2, _ctx$luckysheetfile$g;
+            var _ctx$dataVerification, _ctx$dataVerification2, _ctx$luckysheetfile$g, _ctx$hooks;
             var range = getRangeByTxt(ctx, (_ctx$dataVerification = ctx.dataVerification) === null || _ctx$dataVerification === void 0 ? void 0 : (_ctx$dataVerification2 = _ctx$dataVerification.dataRegulation) === null || _ctx$dataVerification2 === void 0 ? void 0 : _ctx$dataVerification2.rangeTxt);
             if (range.length === 0) {
               return;
@@ -107260,12 +107215,16 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 }
               }
             }
-            ctx.luckysheetfile[getSheetIndex(ctx, ctx.currentSheetId)].dataVerification = currentDataVerification;
+            var sheetIndex = getSheetIndex(ctx, ctx.currentSheetId);
+            ctx.luckysheetfile[sheetIndex].dataVerification = currentDataVerification;
+            if ((_ctx$hooks = ctx.hooks) === null || _ctx$hooks === void 0 ? void 0 : _ctx$hooks.saveDataVerification) {
+              ctx.hooks.saveDataVerification(ctx.currentSheetId, currentDataVerification);
+            }
           }
         });
       } else if (type === "delete") {
         setContext(function (ctx) {
-          var _ctx$dataVerification3, _ctx$dataVerification4, _ctx$luckysheetfile$g2;
+          var _ctx$dataVerification3, _ctx$dataVerification4, _ctx$luckysheetfile$g2, _ctx$hooks2;
           var range = getRangeByTxt(ctx, (_ctx$dataVerification3 = ctx.dataVerification) === null || _ctx$dataVerification3 === void 0 ? void 0 : (_ctx$dataVerification4 = _ctx$dataVerification3.dataRegulation) === null || _ctx$dataVerification4 === void 0 ? void 0 : _ctx$dataVerification4.rangeTxt);
           if (range.length === 0) {
             showDialog(generalDialog.noSelectionError, "ok");
@@ -107281,6 +107240,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               delete currentDataVerification["".concat(r, "_").concat(c)];
             }
           }
+          var sheetIndex = getSheetIndex(ctx, ctx.currentSheetId);
+          ctx.luckysheetfile[sheetIndex].dataVerification = currentDataVerification;
+          if ((_ctx$hooks2 = ctx.hooks) === null || _ctx$hooks2 === void 0 ? void 0 : _ctx$hooks2.saveDataVerification) {
+            ctx.hooks.saveDataVerification(ctx.currentSheetId, currentDataVerification);
+          }
         });
       }
       hideDialog();
@@ -108270,10 +108234,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",