easy-email-extensions 3.1.30 → 3.1.36

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

@@ -1,32 +1,32 @@
-import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps, TreeSelectProps } from '@arco-design/web-react';
-import { ImageUploaderProps } from './ImageUploader';
-import { UploadFieldProps } from './UploadField';
-import { ColorPickerProps } from './ColorPicker';
-import { SelectProps } from './Select';
-import { RadioGroupProps } from './RadioGroup';
-import enhancer from './enhancer';
-import { InputProps } from './Input';
-import { InputWithUnitProps } from './InputWithUnit';
-import { EditTabProps } from './EditTab';
-import { InlineTextProps } from './InlineTextField';
-import { AutoCompleteProps } from './AutoComplete';
-export { RichTextField } from './RichTextField';
-export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const InputWithUnitField: (props: import("./enhancer").EnhancerProps<InputWithUnitProps> & Omit<InputWithUnitProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const UploadField: (props: import("./enhancer").EnhancerProps<UploadFieldProps> & Omit<UploadFieldProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const ImageUploaderField: (props: import("./enhancer").EnhancerProps<ImageUploaderProps> & Omit<ImageUploaderProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const SelectField: (props: import("./enhancer").EnhancerProps<SelectProps> & Omit<SelectProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const TreeSelectField: (props: import("./enhancer").EnhancerProps<TreeSelectProps> & Omit<TreeSelectProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const AutoCompleteField: (props: import("./enhancer").EnhancerProps<AutoCompleteProps> & Omit<AutoCompleteProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const RadioGroupField: (props: import("./enhancer").EnhancerProps<RadioGroupProps> & Omit<RadioGroupProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const SwitchField: (props: import("./enhancer").EnhancerProps<SwitchProps> & Omit<SwitchProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export { enhancer };
+import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps, TreeSelectProps } from '@arco-design/web-react';
+import { ImageUploaderProps } from './ImageUploader';
+import { UploadFieldProps } from './UploadField';
+import { ColorPickerProps } from './ColorPicker';
+import { SelectProps } from './Select';
+import { RadioGroupProps } from './RadioGroup';
+import enhancer from './enhancer';
+import { InputProps } from './Input';
+import { InputWithUnitProps } from './InputWithUnit';
+import { EditTabProps } from './EditTab';
+import { InlineTextProps } from './InlineTextField';
+import { AutoCompleteProps } from './AutoComplete';
+export { RichTextField } from './RichTextField';
+export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const InputWithUnitField: (props: import("./enhancer").EnhancerProps<InputWithUnitProps> & Omit<InputWithUnitProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const UploadField: (props: import("./enhancer").EnhancerProps<UploadFieldProps> & Omit<UploadFieldProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const ImageUploaderField: (props: import("./enhancer").EnhancerProps<ImageUploaderProps> & Omit<ImageUploaderProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const SelectField: (props: import("./enhancer").EnhancerProps<SelectProps> & Omit<SelectProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const TreeSelectField: (props: import("./enhancer").EnhancerProps<TreeSelectProps> & Omit<TreeSelectProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const AutoCompleteField: (props: import("./enhancer").EnhancerProps<AutoCompleteProps> & Omit<AutoCompleteProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const RadioGroupField: (props: import("./enhancer").EnhancerProps<RadioGroupProps> & Omit<RadioGroupProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const SwitchField: (props: import("./enhancer").EnhancerProps<SwitchProps> & Omit<SwitchProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export { enhancer };

package/lib/components/RenderCount/index.d.ts

@@ -1 +1 @@
-export declare function RenderCount(): JSX.Element;
+export declare function RenderCount(): JSX.Element;

package/lib/components/ShadowDom/index.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;
+import React from 'react';
+export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;

package/lib/hooks/useAddToCollection.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare function useAddToCollection(): {
-    modal: JSX.Element;
-    modalVisible: boolean;
-    setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
-};
+import React from 'react';
+export declare function useAddToCollection(): {
+    modal: JSX.Element;
+    modalVisible: boolean;
+    setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/lib/index.d.ts

@@ -1,10 +1,10 @@
-import './index.scss';
-export * from './BlockLayer';
-export * from './AttributePanel';
-export * from './ShortcutToolbar';
-export * from './SourceCodePanel';
-export * from './InteractivePrompt';
-export * from './SimpleLayout';
-export * from './components/Form';
-export { getContextMergeTags } from './utils/getContextMergeTags';
-export { getIconNameByBlockType } from './utils/getIconNameByBlockType';
+import './index.scss';
+export * from './BlockLayer';
+export * from './AttributePanel';
+export * from './ShortcutToolbar';
+export * from './SourceCodePanel';
+export * from './InteractivePrompt';
+export * from './SimpleLayout';
+export * from './components/Form';
+export { getContextMergeTags } from './utils/getContextMergeTags';
+export { getIconNameByBlockType } from './utils/getIconNameByBlockType';

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({
@@ -41710,6 +41716,7 @@ function ContextMenu({
   const { blockData, left, top } = contextMenuData;
   const idx = blockData.id;
   const { modal, modalVisible, setModalVisible } = useAddToCollection();
+  const props = useEditorProps();
   const ref = useRef(null);
   const handleMoveUp = () => {
     moveBlock(idx, getSiblingIdx(idx, -1));
@@ -41768,7 +41775,7 @@ function ContextMenu({
   }, /* @__PURE__ */ React__default.createElement(IconFont, {
     iconName: "icon-copy",
     style: { marginRight: 10 }
-  }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, "Copy")), /* @__PURE__ */ React__default.createElement("div", {
+  }), " ", /* @__PURE__ */ React__default.createElement(TextStyle, null, "Copy")), props.onAddCollection && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$5.listItem,
     onClick: handleAddToCollection
   }, /* @__PURE__ */ React__default.createElement(IconFont, {
@@ -41780,13 +41787,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 +41852,7 @@ function useAvatarWrapperDrop() {
     setDirection("");
     setHoverIdx("");
     return false;
-  }, [setDirection, setHoverIdx, removeHightLightClassName]);
+  }, [setDirection, setHoverIdx, valuesRef]);
   useEffect(() => {
     if (blockLayerRef) {
       const onDragOver = lodash.exports.debounce((ev) => {
@@ -41941,7 +41942,16 @@ function useAvatarWrapperDrop() {
         blockLayerRef.removeEventListener("dragleave", onDragend);
       };
     }
-  }, [blockLayerRef, dataTransferRef, valuesRef, removeHightLightClassName]);
+  }, [
+    blockLayerRef,
+    dataTransferRef,
+    valuesRef,
+    removeHightLightClassName,
+    allowDrop,
+    setDirection,
+    setHoverIdx,
+    setDataTransfer
+  ]);
   return {
     setBlockLayerRef,
     blockLayerRef,
@@ -42003,7 +42013,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 +42102,7 @@ function BlockLayer() {
       setHoverIdx(dropResult.key);
     }
     return dropResult;
-  }, [allowDrop]);
+  }, [allowDrop, removeHightLightClassName, setDirection, setHoverIdx]);
   const selectedKeys = useMemo(() => {
     if (!focusIdx2)
       return [];
@@ -44544,6 +44554,7 @@ function Toolbar() {
   const { focusIdx: focusIdx2, setFocusIdx } = useFocusIdx();
   const { focusBlockRect } = useFocusBlockLayout();
   const { modal, setModalVisible } = useAddToCollection();
+  const props = useEditorProps();
   const isPage = (focusBlock2 == null ? void 0 : focusBlock2.type) === BasicType.PAGE;
   const handleAddToCollection = () => {
     if (document.activeElement instanceof HTMLElement) {
@@ -44621,7 +44632,7 @@ function Toolbar() {
   }), /* @__PURE__ */ React__default.createElement(ToolItem, {
     iconName: "icon-copy",
     onClick: handleCopy
-  }), /* @__PURE__ */ React__default.createElement(ToolItem, {
+  }), props.onAddCollection && /* @__PURE__ */ React__default.createElement(ToolItem, {
     iconName: "icon-collection",
     onClick: handleAddToCollection
   }), /* @__PURE__ */ React__default.createElement(ToolItem, {
@@ -44957,8 +44968,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 +45184,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, {