easy-email-extensions 3.1.41 → 3.1.48

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,11 @@
-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';
+export { getBlockTitle } from './utils/getBlockTitle';

package/lib/index.js

@@ -1,4 +1,4 @@
-export { d as Align, A as AttributePanel, e as AttributesPanelWrapper, _ as AutoCompleteField, i as Background, l as BackgroundColor, b as BlockAttributeConfigurationManager, B as BlockLayer, w as BlockMarketManager, x as BlockMaskWrapper, o as Border, p as BorderColor, s as BorderStyle, u as BorderWidth, a2 as CheckboxField, C as Color, R as ColorPickerField, f as ContainerBackgroundColor, a1 as DatePickerField, D as Decoration, m as Direction, a3 as EditTabField, F as FontFamily, q as FontSize, t as FontStyle, v as FontWeight, H as Height, X as ImageUploaderField, a4 as InlineTextField, G as InputWithUnitField, I as InteractivePrompt, L as LetterSpacing, j as LineHeight, n as Link, M as Margin, r as MergeTags, N as NavbarLinkPadding, O as NumberField, P as Padding, $ as RadioGroupField, a6 as RichTextField, J as SearchField, Y as SelectField, S as ShortcutToolbar, z as SimpleLayout, Q as SliderField, y as SourceCodePanel, a0 as SwitchField, T as TextAlign, K as TextAreaField, h as TextDecoration, E as TextField, k as TextTransform, Z as TreeSelectField, U as UploadField, V as VerticalAlign, W as Width, a5 as enhancer, g as getContextMergeTags, a as getIconNameByBlockType } from "./index2.js";
+export { e as Align, A as AttributePanel, f as AttributesPanelWrapper, $ as AutoCompleteField, j as Background, m as BackgroundColor, d as BlockAttributeConfigurationManager, B as BlockLayer, x as BlockMarketManager, y as BlockMaskWrapper, p as Border, q as BorderColor, t as BorderStyle, v as BorderWidth, a3 as CheckboxField, C as Color, U as ColorPickerField, h as ContainerBackgroundColor, a2 as DatePickerField, D as Decoration, n as Direction, a4 as EditTabField, F as FontFamily, r as FontSize, u as FontStyle, w as FontWeight, H as Height, Y as ImageUploaderField, a5 as InlineTextField, J as InputWithUnitField, I as InteractivePrompt, L as LetterSpacing, k as LineHeight, o as Link, M as Margin, s as MergeTags, N as NavbarLinkPadding, Q as NumberField, P as Padding, a0 as RadioGroupField, a7 as RichTextField, K as SearchField, Z as SelectField, S as ShortcutToolbar, E as SimpleLayout, R as SliderField, z as SourceCodePanel, a1 as SwitchField, T as TextAlign, O as TextAreaField, i as TextDecoration, G as TextField, l as TextTransform, _ as TreeSelectField, X as UploadField, V as VerticalAlign, W as Width, a6 as enhancer, b as getBlockTitle, g as getContextMergeTags, a as getIconNameByBlockType } from "./index2.js";
 import "react";
 import "easy-email-editor";
 import "easy-email-core";

package/lib/index2.js

@@ -42015,7 +42015,7 @@ const iconsMap = {
   [BasicType.NAVBAR]: "icon-navbar",
   [BasicType.HERO]: "icon-hero",
   [BasicType.SPACER]: "icon-spacing",
-  [BasicType.SOCIAL]: "icon-soc",
+  [BasicType.SOCIAL]: "icon-social",
   [BasicType.CAROUSEL]: "icon-carousel",
   [BasicType.ACCORDION]: "icon-accordion"
 };
@@ -42031,11 +42031,12 @@ function getBlockTitle(blockData, isFromContent = true) {
     tempEle.innerHTML = blockData.data.value.content;
     return tempEle.innerText;
   }
-  const blockName = (_a = BlockManager.getBlockByType(blockData.type)) == null ? void 0 : _a.name;
+  const blockName = ((_a = BlockManager.getBlockByType(blockData.type)) == null ? void 0 : _a.name) || "";
   return blockName;
 }
-function BlockLayer() {
+function BlockLayer(props) {
   const { pageData: pageData2 } = useEditorContext();
+  const { renderTitle: propsRenderTitle } = props;
   const { focusIdx: focusIdx2, setFocusIdx } = useFocusIdx();
   const { setHoverIdx, setIsDragging, setDirection } = useHoverIdx();
   const { moveBlock, setValueByIdx: setValueByIdx2, copyBlock, removeBlock, values: values2 } = useBlock();
@@ -42052,7 +42053,7 @@ function BlockLayer() {
   }, [setValueByIdx2, valueRef]);
   const renderTitle = useCallback((data) => {
     const isPage = data.type === BasicType.PAGE;
-    const title2 = getBlockTitle(data);
+    const title2 = propsRenderTitle ? propsRenderTitle(data) : getBlockTitle(data);
     return /* @__PURE__ */ React__default.createElement("div", {
       "data-tree-idx": data.id,
       className: classnames(styles$6.title, !isPage && getNodeIdxClassName(data.id), !isPage && "email-block")
@@ -42063,7 +42064,7 @@ function BlockLayer() {
       iconName: getIconNameByBlockType(data.type),
       style: { fontSize: 12, color: "#999" }
     }), /* @__PURE__ */ React__default.createElement("div", {
-      title: title2,
+      title: lodash.exports.isString(title2) ? title2 : "",
       style: { overflow: "hidden", whiteSpace: "nowrap", width: "5em" }
     }, /* @__PURE__ */ React__default.createElement(TextStyle, {
       size: "smallest"
@@ -42073,7 +42074,7 @@ function BlockLayer() {
       blockData: data,
       onToggleVisible
     })));
-  }, [onToggleVisible]);
+  }, [onToggleVisible, propsRenderTitle]);
   const treeData = useMemo(() => {
     const copyData = lodash.exports.cloneDeep(pageData2);
     const loop2 = (item2, id, parent2) => {
@@ -45011,10 +45012,12 @@ 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_1fd8j_1";
-const customScrollBar = "_customScrollBar_1fd8j_8";
+const SimpleLayout$1 = "_SimpleLayout_1wve4_1";
+const rightSide = "_rightSide_1wve4_5";
+const customScrollBar = "_customScrollBar_1wve4_9";
 var styles = {
   SimpleLayout: SimpleLayout$1,
+  rightSide,
   customScrollBar
 };
 var Calendar = {
@@ -45207,7 +45210,9 @@ const SimpleLayout = (props) => {
   }, /* @__PURE__ */ React__default.createElement(Card$1, {
     title: "Layout",
     style: { border: "none" }
-  }, /* @__PURE__ */ React__default.createElement(BlockLayer, null))))), /* @__PURE__ */ React__default.createElement(Layout$1, {
+  }, /* @__PURE__ */ React__default.createElement(BlockLayer, {
+    renderTitle: props.renderTitle
+  }))))), /* @__PURE__ */ React__default.createElement(Layout$1, {
     style: { height: containerHeight }
   }, props.children), /* @__PURE__ */ React__default.createElement(Layout$1.Sider, {
     style: {
@@ -45215,7 +45220,8 @@ const SimpleLayout = (props) => {
       minWidth: 300,
       maxWidth: 350,
       width: 350
-    }
+    },
+    className: styles.rightSide
   }, /* @__PURE__ */ React__default.createElement(Card$1, {
     size: "small",
     id: "rightSide",
@@ -45234,5 +45240,5 @@ const SimpleLayout = (props) => {
     title: "Source code"
   }, /* @__PURE__ */ React__default.createElement(SourceCodePanel, null))))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null)));
 };
-export { RadioGroupField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, TextField as E, FontFamily as F, InputWithUnitField as G, Height as H, InteractivePrompt as I, SearchField as J, TextAreaField as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, NumberField as O, Padding as P, SliderField as Q, ColorPickerField as R, ShortcutToolbar as S, TextAlign as T, UploadField as U, VerticalAlign as V, Width as W, ImageUploaderField as X, SelectField as Y, TreeSelectField as Z, AutoCompleteField as _, getIconNameByBlockType as a, SwitchField as a0, DatePickerField as a1, CheckboxField as a2, EditTabField as a3, InlineTextField as a4, enhancer as a5, RichTextField as a6, BlockAttributeConfigurationManager as b, commonjsGlobal as c, Align as d, AttributesPanelWrapper as e, ContainerBackgroundColor as f, getContextMergeTags as g, TextDecoration as h, Background as i, LineHeight as j, TextTransform as k, BackgroundColor as l, Direction as m, Link as n, Border as o, BorderColor as p, FontSize as q, MergeTags as r, BorderStyle as s, FontStyle as t, BorderWidth as u, FontWeight as v, BlockMarketManager as w, BlockMaskWrapper as x, SourceCodePanel as y, SimpleLayout as z };
+export { AutoCompleteField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, SimpleLayout as E, FontFamily as F, TextField as G, Height as H, InteractivePrompt as I, InputWithUnitField as J, SearchField as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, TextAreaField as O, Padding as P, NumberField as Q, SliderField as R, ShortcutToolbar as S, TextAlign as T, ColorPickerField as U, VerticalAlign as V, Width as W, UploadField as X, ImageUploaderField as Y, SelectField as Z, TreeSelectField as _, getIconNameByBlockType as a, RadioGroupField as a0, SwitchField as a1, DatePickerField as a2, CheckboxField as a3, EditTabField as a4, InlineTextField as a5, enhancer as a6, RichTextField as a7, getBlockTitle as b, commonjsGlobal as c, BlockAttributeConfigurationManager as d, Align as e, AttributesPanelWrapper as f, getContextMergeTags as g, ContainerBackgroundColor as h, TextDecoration as i, Background as j, LineHeight as k, TextTransform as l, BackgroundColor as m, Direction as n, Link as o, Border as p, BorderColor as q, FontSize as r, MergeTags as s, BorderStyle as t, FontStyle as u, BorderWidth as v, FontWeight as w, BlockMarketManager as x, BlockMaskWrapper as y, SourceCodePanel as z };
 //# sourceMappingURL=index2.js.map