easy-email-extensions 3.1.41 → 3.1.44

package/lib/BlockLayer/index.d.ts

@@ -7,4 +7,7 @@ export interface IBlockDataWithId extends IBlockData {
     children: IBlockDataWithId[];
     className?: string;
 }
-export declare function BlockLayer(): JSX.Element | null;
+export interface BlockLayerProps {
+    renderTitle?: (block: IBlockDataWithId) => React.ReactNode;
+}
+export declare function BlockLayer(props: BlockLayerProps): JSX.Element | null;

package/lib/SimpleLayout/SimpleLayout.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { BlockLayerProps } from '../BlockLayer';
 export declare const SimpleLayout: React.FC<{
     showSourceCode?: boolean;
-}>;
+} & BlockLayerProps>;

package/lib/index2.js

@@ -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) => {
@@ -45207,7 +45208,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: {