easy-email-extensions 3.1.29 → 3.1.34

package/lib/AttributePanel/components/attributes/Width.d.ts

@@ -1,4 +1,4 @@
-import { InputWithUnitProps } from '@extensions/components/Form/InputWithUnit';
+import { InputWithUnitProps } from '../../../components/Form/InputWithUnit';
 export declare function Width({ inline, unitOptions, }: {
     inline?: boolean;
     unitOptions?: InputWithUnitProps['unitOptions'];

package/lib/BlockLayer/components/ContextMenu/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useBlock } from 'easy-email-editor';
+import { useBlock } from '../../../../easy-email-editor';
 import { IBlockDataWithId } from '../../../BlockLayer';
 export declare function ContextMenu({ moveBlock, copyBlock, removeBlock, contextMenuData, onClose, }: {
     onClose: (ev?: React.MouseEvent) => void;

package/lib/BlockLayer/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IBlockData } from 'easy-email-core';
+import { IBlockData } from '../../easy-email-core';
 export interface IBlockDataWithId extends IBlockData {
     id: string;
     icon?: React.ReactElement;

package/lib/ShortcutToolbar/components/BlockMaskWrapper/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BlockType } from 'easy-email-core';
+import { BlockType } from '../../../../easy-email-core';
 export declare const BlockMaskWrapper: React.FC<{
     type: BlockType | string;
     payload: any;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/index.d.ts

@@ -1,4 +1,4 @@
-import { BasicType } from 'easy-email-core';
+import { BasicType } from '../../../../../easy-email-core';
 import { TextBlockItem } from './TextBlockItem';
 import { ImageBlockItem } from './ImageBlockItem';
 export declare const defaultCategories: {

package/lib/ShortcutToolbar/utils/BlockMarketManager.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IBlockData } from 'easy-email-core';
+import { IBlockData } from '../../../easy-email-core';
 export interface BlockMarketCategory {
     name: string;
     title: string;

package/lib/components/Form/ImageUploader/index.d.ts

@@ -1,4 +1,4 @@
-import { UploaderServer } from '@extensions/AttributePanel/utils/Uploader';
+import { UploaderServer } from '../../../AttributePanel/utils/Uploader';
 export interface ImageUploaderProps {
     onChange: (val: string) => void;
     value: string;

package/lib/components/Form/enhancer.d.ts

@@ -1,4 +1,4 @@
-import { StackProps } from 'easy-email-editor';
+import { StackProps } from '../../../easy-email-editor';
 import { FieldProps } from 'react-final-form';
 import React from 'react';
 import { InputProps } from './Input';

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,17 +39223,17 @@ 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]);
   const mergeTagContent = useMemo(() => renderMergeTagContent ? renderMergeTagContent({
     onChange: props.onChange,
-    isSelect: props.isSelect,
+    isSelect: Boolean(props.isSelect),
     value: props.value
   }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), [renderMergeTagContent, props.onChange, props.isSelect, props.value]);
   if (renderMergeTagContent) {
-    return mergeTagContent;
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, mergeTagContent);
   }
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { color: "#333" }
@@ -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({
@@ -41780,13 +41786,7 @@ function ContextMenu({
   }, /* @__PURE__ */ React__default.createElement(IconFont, {
     iconName: "icon-delete",
     style: { marginRight: 10 }
-  }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, "Delete")), /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$5.listItem,
-    onClick: handleAddToCollection
-  }, /* @__PURE__ */ React__default.createElement(IconFont, {
-    iconName: "icon-start",
-    style: { marginRight: 10 }
-  }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, "Add to collection"))), /* @__PURE__ */ React__default.createElement("div", {
+  }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, "Delete"))), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$5.contextmenuMark,
     onClick: onClose,
     onContextMenu: (e) => {
@@ -41851,7 +41851,7 @@ function useAvatarWrapperDrop() {
     setDirection("");
     setHoverIdx("");
     return false;
-  }, [setDirection, setHoverIdx, removeHightLightClassName]);
+  }, [setDirection, setHoverIdx, valuesRef]);
   useEffect(() => {
     if (blockLayerRef) {
       const onDragOver = lodash.exports.debounce((ev) => {
@@ -41941,7 +41941,16 @@ function useAvatarWrapperDrop() {
         blockLayerRef.removeEventListener("dragleave", onDragend);
       };
     }
-  }, [blockLayerRef, dataTransferRef, valuesRef, removeHightLightClassName]);
+  }, [
+    blockLayerRef,
+    dataTransferRef,
+    valuesRef,
+    removeHightLightClassName,
+    allowDrop,
+    setDirection,
+    setHoverIdx,
+    setDataTransfer
+  ]);
   return {
     setBlockLayerRef,
     blockLayerRef,
@@ -42003,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);
@@ -42092,7 +42101,7 @@ function BlockLayer() {
       setHoverIdx(dropResult.key);
     }
     return dropResult;
-  }, [allowDrop]);
+  }, [allowDrop, removeHightLightClassName, setDirection, setHoverIdx]);
   const selectedKeys = useMemo(() => {
     if (!focusIdx2)
       return [];
@@ -44957,8 +44966,8 @@ function InteractivePrompt() {
     return null;
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(HoverTooltip, null), /* @__PURE__ */ React__default.createElement(FocusTooltip, null));
 }
-const SimpleLayout$1 = "_SimpleLayout_3z8xk_1";
-const customScrollBar = "_customScrollBar_3z8xk_5";
+const SimpleLayout$1 = "_SimpleLayout_1fd8j_1";
+const customScrollBar = "_customScrollBar_1fd8j_8";
 var styles = {
   SimpleLayout: SimpleLayout$1,
   customScrollBar
@@ -45173,7 +45182,6 @@ const SimpleLayout = (props) => {
     bodyStyle: { padding: 0 },
     className: styles.customScrollBar
   }, /* @__PURE__ */ React__default.createElement(Tabs$1, null, /* @__PURE__ */ React__default.createElement(Tabs$1.TabPane, {
-    style: { marginTop: 0 },
     key: "Configuration",
     title: "Configuration"
   }, /* @__PURE__ */ React__default.createElement(AttributePanel, null)), showSourceCode && /* @__PURE__ */ React__default.createElement(Tabs$1.TabPane, {