easy-email-extensions 3.1.33 → 3.1.34

package/lib/index2.js

@@ -30737,6 +30737,13 @@ function BlockTree(props) {
   const dragNode = useRef(null);
   const { treeData, allowDrop, onContextMenu, selectedKeys } = props;
   const treeDataRef = useRef(treeData);
+  const {
+    onDragStart: propsDragStart,
+    onDrop: propsDrop,
+    renderTitle: propsRenderTitle,
+    onDragEnd: propsDragEnd,
+    onSelect: propsSelect
+  } = props;
   const [expandedKeys, setExpandedKeys] = useState([]);
   const onExpand = useCallback((keys2) => {
     setExpandedKeys(keys2);
@@ -30757,7 +30764,6 @@ function BlockTree(props) {
     setExpandedKeys((keys2) => props.expandedKeys ? [...keys2, ...props.expandedKeys] : keys2);
   }, [props.expandedKeys]);
   const onDragStart = useCallback((e, node) => {
-    var _a;
     e.dataTransfer.dropEffect = "none";
     const dragNodeData = node.props.dataRef;
     dragNode.current = {
@@ -30766,8 +30772,8 @@ function BlockTree(props) {
       key: node.props._key,
       parentKey: node.props.parentKey
     };
-    (_a = props.onDragStart) == null ? void 0 : _a.call(props);
-  }, [props.onDragStart]);
+    propsDragStart == null ? void 0 : propsDragStart();
+  }, [propsDragStart]);
   const onDragMove = useCallback((option) => {
     if (!dragNode.current)
       return false;
@@ -30787,7 +30793,7 @@ function BlockTree(props) {
       return true;
     }
     return false;
-  }, [dragNode]);
+  }, [allowDrop]);
   const onDrop = useCallback((info2) => {
     const { dropNode, dropPosition, e } = info2;
     e.dataTransfer.dropEffect = "move";
@@ -30804,22 +30810,21 @@ function BlockTree(props) {
       },
       dropPosition
     };
-    props.onDrop(currentDropData);
-  }, []);
+    propsDrop(currentDropData);
+  }, [propsDrop]);
   const renderTitle = useCallback((nodeData) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       style: { display: "inline-flex", width: "100%" },
       onContextMenu: (ev) => onContextMenu && onContextMenu(nodeData, ev)
-    }, props.renderTitle(nodeData));
-  }, [onContextMenu]);
+    }, propsRenderTitle(nodeData));
+  }, [onContextMenu, propsRenderTitle]);
   const onDragEnd = useCallback(() => {
-    var _a;
     dragNode.current = null;
-    (_a = props.onDragEnd) == null ? void 0 : _a.call(props);
-  }, [props.onDragEnd]);
+    propsDragEnd == null ? void 0 : propsDragEnd();
+  }, [propsDragEnd]);
   const onSelect = useCallback((selectedKeys2) => {
-    props.onSelect(selectedKeys2[0]);
-  }, [props.onSelect]);
+    propsSelect(selectedKeys2[0]);
+  }, [propsSelect]);
   useEffect(() => {
     if (blockTreeRef) {
       blockTreeRef.addEventListener("dragover", (e) => {
@@ -38477,7 +38482,7 @@ function enhancer(Component2, changeAdapter) {
         setCurrentValue(newVal);
         debounceCallbackChange(newVal);
         onBlur3();
-      }, [onBlur3, onChangeAdapter, debounceCallbackChange]);
+      }, [onBlur3]);
       if (!wrapper2)
         return /* @__PURE__ */ React__default.createElement(Component2, __spreadProps(__spreadValues({}, rest), {
           id,
@@ -38549,10 +38554,15 @@ function enhancer(Component2, changeAdapter) {
   };
 }
 function Input(props) {
-  const { quickchange, value = "", onKeyDown: onPropsKeyDown } = props;
+  const {
+    quickchange,
+    value = "",
+    onKeyDown: onPropsKeyDown,
+    onChange: propsOnChange
+  } = props;
   const onChange = useCallback((val) => {
-    props.onChange(val);
-  }, [props.onChange]);
+    propsOnChange(val);
+  }, [propsOnChange]);
   const onKeyDown = useCallback((ev) => {
     if (onPropsKeyDown) {
       onPropsKeyDown == null ? void 0 : onPropsKeyDown(ev);
@@ -38632,9 +38642,6 @@ function InputWithUnit(props) {
       unit: arr[3] || unitOptions[0].value
     };
   }, [value, unitOptions]);
-  useCallback((val) => {
-    props.onChange(val);
-  }, [props.onChange]);
   return /* @__PURE__ */ React__default.createElement(Input, __spreadProps(__spreadValues({
     value
   }, restProps), {
@@ -39216,7 +39223,7 @@ const MergeTags = React__default.memo((props) => {
     };
     Object.keys(contextMergeTags).map((key) => deep(key, key, contextMergeTags, treeData));
     return treeData;
-  }, [contextMergeTags]);
+  }, [contextMergeTags, mergeTagGenerate]);
   const onSelect = useCallback((value) => {
     return props.onChange(value);
   }, [props]);
@@ -39408,22 +39415,20 @@ function Padding(props = {}) {
   const defaultConfig = useMemo(() => type ? createBlockDataByType(type) : void 0, [type]);
   const paddingValue = focusBlock2 == null ? void 0 : focusBlock2.attributes[attributeName];
   const defaultPaddingValue = defaultConfig == null ? void 0 : defaultConfig.attributes[attributeName];
-  const paddingList = paddingValue == null ? void 0 : paddingValue.split(" ");
-  const defaultPaddingList = defaultPaddingValue == null ? void 0 : defaultPaddingValue.split(" ");
   const paddingFormValues = useMemo(() => {
-    const paddingList2 = paddingValue == null ? void 0 : paddingValue.split(" ");
-    const defaultPaddingList2 = defaultPaddingValue == null ? void 0 : defaultPaddingValue.split(" ");
-    const top = paddingList2 ? paddingList2[0] : (defaultPaddingList2 == null ? void 0 : defaultPaddingList2[0]) || "";
-    const right = paddingList2 ? paddingList2[1] : (defaultPaddingList2 == null ? void 0 : defaultPaddingList2[1]) || "";
-    const bottom = paddingList2 ? paddingList2[2] : (defaultPaddingList2 == null ? void 0 : defaultPaddingList2[2]) || "";
-    const left = paddingList2 ? paddingList2[3] : (defaultPaddingList2 == null ? void 0 : defaultPaddingList2[3]) || "";
+    const paddingList = paddingValue == null ? void 0 : paddingValue.split(" ");
+    const defaultPaddingList = defaultPaddingValue == null ? void 0 : defaultPaddingValue.split(" ");
+    const top = paddingList ? paddingList[0] : (defaultPaddingList == null ? void 0 : defaultPaddingList[0]) || "";
+    const right = paddingList ? paddingList[1] : (defaultPaddingList == null ? void 0 : defaultPaddingList[1]) || "";
+    const bottom = paddingList ? paddingList[2] : (defaultPaddingList == null ? void 0 : defaultPaddingList[2]) || "";
+    const left = paddingList ? paddingList[3] : (defaultPaddingList == null ? void 0 : defaultPaddingList[3]) || "";
     return {
       top,
       left,
       bottom,
       right
     };
-  }, [paddingList, defaultPaddingList, defaultPaddingValue, paddingValue]);
+  }, [defaultPaddingValue, paddingValue]);
   const onChancePadding = useCallback((val) => {
     change(focusIdx2 + `.attributes[${attributeName}]`, val);
   }, [focusIdx2, attributeName, change]);
@@ -39470,9 +39475,10 @@ const PaddingChangeWrapper = (props) => {
   const {
     values: { top, right, bottom, left }
   } = useFormState();
+  const { onChange } = props;
   useEffect(() => {
-    props.onChange([top, right, bottom, left].join(" "));
-  }, [top, right, bottom, left]);
+    onChange([top, right, bottom, left].join(" "));
+  }, [top, right, bottom, left, onChange]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
 };
 function BackgroundColor({
@@ -41845,7 +41851,7 @@ function useAvatarWrapperDrop() {
     setDirection("");
     setHoverIdx("");
     return false;
-  }, [setDirection, setHoverIdx, removeHightLightClassName]);
+  }, [setDirection, setHoverIdx, valuesRef]);
   useEffect(() => {
     if (blockLayerRef) {
       const onDragOver = lodash.exports.debounce((ev) => {
@@ -41935,7 +41941,16 @@ function useAvatarWrapperDrop() {
         blockLayerRef.removeEventListener("dragleave", onDragend);
       };
     }
-  }, [blockLayerRef, dataTransferRef, valuesRef, removeHightLightClassName]);
+  }, [
+    blockLayerRef,
+    dataTransferRef,
+    valuesRef,
+    removeHightLightClassName,
+    allowDrop,
+    setDirection,
+    setHoverIdx,
+    setDataTransfer
+  ]);
   return {
     setBlockLayerRef,
     blockLayerRef,
@@ -41997,7 +42012,7 @@ function BlockLayer() {
       blockData.data.hidden = !Boolean(blockData.data.hidden);
       setValueByIdx2(id, blockData);
     }
-  }, [setValueByIdx2]);
+  }, [setValueByIdx2, valueRef]);
   const renderTitle = useCallback((data) => {
     const isPage = data.type === BasicType.PAGE;
     const title2 = getBlockTitle(data);
@@ -42086,7 +42101,7 @@ function BlockLayer() {
       setHoverIdx(dropResult.key);
     }
     return dropResult;
-  }, [allowDrop]);
+  }, [allowDrop, removeHightLightClassName, setDirection, setHoverIdx]);
   const selectedKeys = useMemo(() => {
     if (!focusIdx2)
       return [];