mail-editor-pancake 0.2.4 → 0.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mail-editor-pancake",
-  "version": "0.2.4",
+  "version": "0.2.7",
   "private": false,
   "description": "面向运营的轻量邮件可视化编辑器",
   "devDependencies": {

package/packages/blocks/dist/index.js

@@ -1,4 +1,4 @@
-import { defineBlock as h, blockButtonWidthCss as j, docContentWidthCss as E, htmlContainsMjmlTags as Z, mjRawEmailTableWrap as Q, mjRawCellTypographyFromStyles as ee, normalizeFontWeightStep as k, FONT_WEIGHT_STEP_OPTIONS as L, isRichHtmlEffectivelyEmpty as te, createI18nContext as oe } from "@simple-mail/core";
+import { defineBlock as h, blockButtonWidthCss as j, resolveHref as E, docContentWidthCss as A, htmlContainsMjmlTags as Q, mjRawEmailTableWrap as ee, mjRawCellTypographyFromStyles as te, normalizeFontWeightStep as k, FONT_WEIGHT_STEP_OPTIONS as L, isRichHtmlEffectivelyEmpty as oe, createI18nContext as le } from "@simple-mail/core";
 const b = {
   html: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="3.5" y="4" width="17" height="16" rx="2" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M8 8.5l3 3.5-3 3.5M16 8.5l-3 3.5 3 3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>',
   text: '<svg width="24" height="24" viewBox="0 0 24 24"><path d="M5 6h14M5 10h14M5 14h10M5 18h8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" fill="none"/></svg>',
@@ -11,7 +11,7 @@ const b = {
   social: '<svg width="24" height="24" viewBox="0 0 24 24"><circle cx="6" cy="12" r="2.5" stroke="currentColor" stroke-width="1.4" fill="none"/><circle cx="12" cy="12" r="2.5" stroke="currentColor" stroke-width="1.4" fill="none"/><circle cx="18" cy="12" r="2.5" stroke="currentColor" stroke-width="1.4" fill="none"/></svg>',
   footer: '<svg width="24" height="24" viewBox="0 0 24 24"><rect x="3.5" y="5" width="17" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4" fill="none"/><path d="M5 18h14" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>',
   socialGroup: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="3" y="5" width="18" height="14" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8" cy="12" r="2" stroke="currentColor" stroke-width="1.4"/><circle cx="12" cy="12" r="2" stroke="currentColor" stroke-width="1.4"/><circle cx="16" cy="12" r="2" stroke="currentColor" stroke-width="1.4"/></svg>'
-}, x = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), le = h({
+}, x = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ne = h({
   type: "button",
   name: "按钮",
   category: "content",
@@ -69,8 +69,8 @@ const b = {
     placeholder: "按钮文字"
   },
   toMjml: (e) => {
-    const t = `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`, o = `${e.innerPaddingV}px ${e.innerPaddingH}px`, l = j(e.width), n = l ? ` width="${x(l)}"` : "";
-    return `<mj-button href="${x(e.href)}" background-color="${x(
+    const t = `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`, o = `${e.innerPaddingV}px ${e.innerPaddingH}px`, l = j(e.width), n = l ? ` width="${x(l)}"` : "", i = E(e.href);
+    return `<mj-button${i ? ` href="${x(i)}"` : ""} background-color="${x(
       e.backgroundColor
     )}" color="${x(e.color)}" border-radius="${e.borderRadius}px" font-size="${x(
       e.fontSize
@@ -79,12 +79,12 @@ const b = {
     )}</mj-button>`;
   },
   renderPreview: (e) => {
-    const t = j(e.width), o = t ? `width:${t};max-width:100%;box-sizing:border-box;` : "";
+    const t = j(e.width), o = t ? `width:${t};max-width:100%;box-sizing:border-box;` : "", l = E(e.href), n = l ? ` href="${x(l)}"` : "";
     return `<div style="padding:${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px;text-align:${e.align};">
-      <a href="${x(e.href)}" style="display:inline-block;background:${e.backgroundColor};border-radius:${e.borderRadius}px;padding:${e.innerPaddingV}px ${e.innerPaddingH}px;text-decoration:none;font-size:${e.fontSize};line-height:1.2;${o}"><span class="sm-button-text" style="color:${e.color}">${x(e.text)}</span></a>
+      <a${n} style="display:inline-block;background:${e.backgroundColor};border-radius:${e.borderRadius}px;padding:${e.innerPaddingV}px ${e.innerPaddingH}px;text-decoration:none;font-size:${e.fontSize};line-height:1.2;${o}"><span class="sm-button-text" style="color:${e.color}">${x(e.text)}</span></a>
     </div>`;
   }
-}), A = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ne = h({
+}), H = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ie = h({
   type: "divider",
   name: "分隔线",
   category: "content",
@@ -103,11 +103,11 @@ const b = {
     { key: "paddingTop", label: "上边距", type: "number", min: 0, max: 80 },
     { key: "paddingBottom", label: "下边距", type: "number", min: 0, max: 80 }
   ],
-  toMjml: (e) => `<mj-divider border-color="${A(e.color)}" border-width="${e.thickness}px" width="${A(
+  toMjml: (e) => `<mj-divider border-color="${H(e.color)}" border-width="${e.thickness}px" width="${H(
     e.width
   )}" padding="${e.paddingTop}px 0px ${e.paddingBottom}px 0px" />`,
   renderPreview: (e) => `<div style="padding:${e.paddingTop}px 0 ${e.paddingBottom}px 0;"><div style="border-top:${e.thickness}px solid ${e.color};width:${e.width};margin:0 auto;"></div></div>`
-}), m = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ie = h({
+}), m = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), re = h({
   type: "custom:footer",
   name: "页脚",
   category: "custom",
@@ -136,7 +136,7 @@ const b = {
       ${m(e.address)}<br/>
       <a href="${m(e.unsubscribeHref)}" style="color:${e.textColor};">${m(e.unsubscribeText)}</a>
     </div>`
-}), $ = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), re = h({
+}), $ = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ae = h({
   type: "hero",
   name: "Hero 大图",
   category: "content",
@@ -197,7 +197,7 @@ const b = {
     placeholder: "编写覆盖在图片上的文案…"
   },
   toMjml: (e, t) => {
-    const o = E(t.doc.meta.width), l = `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`, n = `${e.height}px`;
+    const o = A(t.doc.meta.width), l = `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`, n = `${e.height}px`;
     return `<mj-hero
       mode="fixed-height"
       height="${n}"
@@ -216,7 +216,7 @@ const b = {
     </mj-hero>`;
   },
   renderPreview: (e, t) => {
-    const o = E(t.doc.meta.width), l = e.verticalAlign === "top" ? "flex-start" : e.verticalAlign === "bottom" ? "flex-end" : "center", n = `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`, i = $(e.backgroundUrl);
+    const o = A(t.doc.meta.width), l = e.verticalAlign === "top" ? "flex-start" : e.verticalAlign === "bottom" ? "flex-end" : "center", n = `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`, i = $(e.backgroundUrl);
     return `<div
       style="
         box-sizing:border-box;
@@ -248,7 +248,7 @@ const b = {
       >${e.content}</div>
     </div>`;
   }
-}), ae = h({
+}), ce = h({
   type: "html",
   name: "HTML",
   category: "content",
@@ -278,13 +278,13 @@ const b = {
   },
   toMjml: (e, t) => {
     const o = `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`;
-    return Q(o, e.html, ee(t.doc.styles));
+    return ee(o, e.html, te(t.doc.styles));
   },
   renderPreview: (e) => {
-    const t = `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`, o = Z(e.html) ? '<div class="sm-html-mjml-warn">检测到 MJML 标签，此处应只写 HTML，预览可能显示异常。</div>' : "";
+    const t = `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`, o = Q(e.html) ? '<div class="sm-html-mjml-warn">检测到 MJML 标签，此处应只写 HTML，预览可能显示异常。</div>' : "";
     return `<div class="sm-html-content" style="padding:${t};min-height:1em;">${o}${e.html}</div>`;
   }
-}), w = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ce = h({
+}), w = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), se = h({
   type: "image",
   name: "图片",
   category: "content",
@@ -337,7 +337,7 @@ const b = {
       e.src
     )}" alt="${w(e.alt)}" style="display:block;${t}max-width:100%;${l}border:0;outline:none;" /></div>`;
   }
-}), z = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), se = h({
+}), z = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), de = h({
   type: "custom:logo",
   name: "公司 Logo",
   category: "custom",
@@ -372,17 +372,17 @@ const b = {
     )}" alt="logo" style="display:block;${t}width:${e.width}px;max-width:100%;height:auto;" /></div>`;
   }
 });
-function O(e) {
+function K(e) {
   const t = e.trim();
   return t === "ig" ? "instagram" : t === "rabbit" || t === "tiktok" || t === "reddit" ? "web" : t;
 }
-const de = [
+const ge = [
   { label: "X", value: "x" },
   { label: "Rabbit", value: "rabbit" },
   { label: "Facebook", value: "facebook" },
   { label: "TikTok", value: "tiktok" },
   { label: "Instagram", value: "ig" }
-], ge = [
+], pe = [
   { label: "微信", value: "wechat" },
   { label: "微博", value: "weibo" },
   { label: "X", value: "x" },
@@ -393,7 +393,7 @@ const de = [
   { label: "YouTube", value: "youtube" },
   { label: "Reddit", value: "reddit" },
   { label: "网页", value: "web" }
-], pe = {
+], he = {
   wechat: { color: "#1AAD19", preview: "信" },
   weibo: { color: "#E6162D", preview: "微" },
   x: { color: "#000000", preview: "X" },
@@ -408,11 +408,11 @@ const de = [
   rabbit: { color: "#FF2442", preview: "R" },
   website: { color: "#6b7280", preview: "◇" },
   web: { color: "#6b7280", preview: "◇" }
-}, p = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), he = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-function K(e) {
-  return pe[e] ?? { color: "#6b7280", preview: "·" };
+}, p = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), be = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function V(e) {
+  return he[e] ?? { color: "#6b7280", preview: "·" };
 }
-const be = "https://www.mailjet.com/images/theme/v1/icons/ico-social/", me = {
+const me = "https://www.mailjet.com/images/theme/v1/icons/ico-social/", ue = {
   facebook: "facebook.png",
   twitter: "twitter.png",
   x: "twitter-x.png",
@@ -431,12 +431,12 @@ const be = "https://www.mailjet.com/images/theme/v1/icons/ico-social/", me = {
   soundcloud: "soundcloud.png",
   dribbble: "dribbble.png"
 };
-function ue(e) {
-  const t = me[O(e)];
-  return t ? `${be}${t}` : null;
+function fe(e) {
+  const t = ue[K(e)];
+  return t ? `${me}${t}` : null;
 }
-function V(e) {
-  const { network: t, iconSize: o, iconBorderRadius: l, iconSrc: n, backgroundColor: i } = e, r = fe(o, l), c = K(t), a = (i == null ? void 0 : i.trim()) || c.color, d = (n == null ? void 0 : n.trim()) || ue(t);
+function U(e) {
+  const { network: t, iconSize: o, iconBorderRadius: l, iconSrc: n, backgroundColor: i } = e, r = xe(o, l), c = V(t), a = (i == null ? void 0 : i.trim()) || c.color, d = (n == null ? void 0 : n.trim()) || fe(t);
   return d ? `<span style="display:inline-flex;width:${o}px;height:${o}px;border-radius:${r};background:${a};overflow:hidden;align-items:center;justify-content:center;flex-shrink:0;line-height:0;"><img src="${p(d)}" alt="" width="${o}" height="${o}" style="display:block;width:${o}px;height:${o}px;border-radius:${r};" /></span>` : `<span style="display:inline-flex;width:${o}px;height:${o}px;border-radius:${r};background:${a};color:#fff;align-items:center;justify-content:center;font-size:${Math.round(
     o / 2
   )}px;font-weight:600;flex-shrink:0;overflow:hidden;">${c.preview}</span>`;
@@ -444,13 +444,13 @@ function V(e) {
 function S(e) {
   return `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`;
 }
-function U(e, t) {
+function D(e, t) {
   const o = Math.max(1, Number(e) || 28), l = Number(t);
   if (!Number.isFinite(l) || l <= 0) return "0px";
   const n = o / 2;
   return l >= 999 || l >= n ? "999px" : `${Math.min(l, o)}px`;
 }
-function fe(e, t) {
+function xe(e, t) {
   const o = Math.max(1, Number(e) || 28), l = Number(t);
   if (!Number.isFinite(l) || l <= 0) return "0";
   const n = o / 2;
@@ -460,16 +460,16 @@ function C(e, t = 10) {
   const o = Number(e);
   return !Number.isFinite(o) || o < 0 ? t : Math.min(64, Math.round(o));
 }
-function D(e) {
+function G(e) {
   return e === "right" ? "flex-end" : e === "left" ? "flex-start" : "center";
 }
-function G(e, t) {
+function J(e, t) {
   var c;
   const o = t.labelFontSize > 0 ? t.labelFontSize : 13, l = Math.max(8, Math.min(48, o)), n = k(t.labelFontWeight), i = ((c = t.labelColor) == null ? void 0 : c.trim()) || "#333333", r = p(n);
   return e.map((a) => {
     var T, P, F;
-    const d = K(a.network), s = ((T = a.backgroundColor) == null ? void 0 : T.trim()) || d.color, u = [
-      `name="${p(O(a.network))}"`,
+    const d = V(a.network), s = ((T = a.backgroundColor) == null ? void 0 : T.trim()) || d.color, u = [
+      `name="${p(K(a.network))}"`,
       `href="${p(a.href)}"`,
       `background-color="${p(s)}"`,
       `color="${p(i)}"`,
@@ -477,34 +477,34 @@ function G(e, t) {
       `font-weight="${r}"`
     ].join(" "), y = (P = a.iconSrc) == null ? void 0 : P.trim(), f = y ? `${u} src="${p(y)}"` : u, R = ((F = a.label) == null ? void 0 : F.trim()) ?? "";
     return R ? `  <mj-social-element ${f}>
-    ${he(R)}
+    ${be(R)}
   </mj-social-element>` : `  <mj-social-element ${f} />`;
   }).join(`
 `);
 }
-const J = [
+const q = [
   { network: "x", href: "https://x.com/" },
   { network: "rabbit", href: "https://example.com" },
   { network: "facebook", href: "https://facebook.com/" },
   { network: "tiktok", href: "https://www.tiktok.com/" },
   { network: "ig", href: "https://instagram.com/" }
 ];
-function H(e) {
+function I(e) {
   var o;
   if ((o = e.elements) != null && o.length) return e.elements;
   const t = e.links;
   return Array.isArray(t) && t.length ? t.map((l) => ({
     network: String(l.network ?? "web"),
     href: String(l.href ?? "")
-  })) : J;
+  })) : q;
 }
-const xe = h({
+const ke = h({
   type: "custom:social",
   name: "社交链接",
   category: "custom",
   icon: b.social,
   defaultProps: {
-    elements: J,
+    elements: q,
     align: "center",
     iconSize: 28,
     iconBorderRadius: 999,
@@ -522,7 +522,7 @@ const xe = h({
       key: "elements",
       label: "社交链接",
       type: "socialLinkList",
-      options: de,
+      options: ge,
       help: "平台：X、Rabbit、Facebook、TikTok、Instagram (ig)。可填标签、自定义图标 URL。MJML 侧 Rabbit/TikTok 使用 web 占位图标，需要品牌图时请填「图标 URL」。"
     },
     {
@@ -574,26 +574,26 @@ const xe = h({
     { key: "paddingTop", label: "外边距", type: "spacing" }
   ],
   toMjml: (e) => {
-    const t = S(e), o = U(e.iconSize, e.iconBorderRadius ?? 999), l = C(e.iconSpacing, 10), n = `align="${e.align}" icon-size="${e.iconSize}px" mode="horizontal" border-radius="${o}" inner-padding="${l}px" padding="${t}"`, i = H(e).filter((a) => {
+    const t = S(e), o = D(e.iconSize, e.iconBorderRadius ?? 999), l = C(e.iconSpacing, 10), n = `align="${e.align}" icon-size="${e.iconSize}px" mode="horizontal" border-radius="${o}" inner-padding="${l}px" padding="${t}"`, i = I(e).filter((a) => {
       var d;
       return (d = a.href) == null ? void 0 : d.trim();
     }), r = {
       labelFontSize: Number(e.labelFontSize ?? 13),
       labelFontWeight: k(String(e.labelFontWeight ?? "400")),
       labelColor: String(e.labelColor ?? "#333333")
-    }, c = G(i, r);
+    }, c = J(i, r);
     return c.trim() ? `<mj-social ${n}>
 ${c}
 </mj-social>` : `<mj-social ${n}></mj-social>`;
   },
   renderPreview: (e) => {
     var d;
-    const t = e.labelFontSize != null && e.labelFontSize > 0 ? e.labelFontSize : 13, o = Math.max(8, Math.min(48, t)), l = k(e.labelFontWeight), n = ((d = e.labelColor) == null ? void 0 : d.trim()) || "#333333", i = C(e.iconSpacing, 10), r = D(e.align), c = H(e).filter((s) => {
+    const t = e.labelFontSize != null && e.labelFontSize > 0 ? e.labelFontSize : 13, o = Math.max(8, Math.min(48, t)), l = k(e.labelFontWeight), n = ((d = e.labelColor) == null ? void 0 : d.trim()) || "#333333", i = C(e.iconSpacing, 10), r = G(e.align), c = I(e).filter((s) => {
       var g;
       return (g = s.href) == null ? void 0 : g.trim();
     }).map((s) => {
       var f;
-      const g = ((f = s.label) == null ? void 0 : f.trim()) ?? "", u = V({
+      const g = ((f = s.label) == null ? void 0 : f.trim()) ?? "", u = U({
         network: s.network,
         iconSize: e.iconSize,
         iconBorderRadius: e.iconBorderRadius ?? 999,
@@ -608,7 +608,7 @@ ${c}
     }).join(""), a = S(e);
     return `<div style="display:flex;flex-wrap:wrap;justify-content:${r};align-items:center;gap:${i}px;padding:${a};">${c || '<span style="color:#9ca3af;font-size:12px;">请填写链接 URL</span>'}</div>`;
   }
-}), ke = h({
+}), ye = h({
   type: "social-group",
   name: "社交组",
   category: "content",
@@ -635,7 +635,7 @@ ${c}
       key: "elements",
       label: "社交链接",
       type: "socialLinkList",
-      options: ge,
+      options: pe,
       help: "每行：平台、链接、可选标签文字、自定义图标 URL、图标背景色。标签的字号/字重/颜色在下方统一设置。"
     },
     {
@@ -687,26 +687,26 @@ ${c}
     { key: "paddingTop", label: "外边距", type: "spacing" }
   ],
   toMjml: (e) => {
-    const t = S(e), o = U(e.iconSize, e.iconBorderRadius ?? 999), l = C(e.iconSpacing, 10), n = `align="${e.align}" icon-size="${e.iconSize}px" mode="horizontal" border-radius="${o}" inner-padding="${l}px" padding="${t}"`, i = e.elements.filter((a) => {
+    const t = S(e), o = D(e.iconSize, e.iconBorderRadius ?? 999), l = C(e.iconSpacing, 10), n = `align="${e.align}" icon-size="${e.iconSize}px" mode="horizontal" border-radius="${o}" inner-padding="${l}px" padding="${t}"`, i = e.elements.filter((a) => {
       var d;
       return (d = a.href) == null ? void 0 : d.trim();
     }), r = {
       labelFontSize: Number(e.labelFontSize ?? 13),
       labelFontWeight: k(String(e.labelFontWeight ?? "400")),
       labelColor: String(e.labelColor ?? "#333333")
-    }, c = G(i, r);
+    }, c = J(i, r);
     return c.trim() ? `<mj-social ${n}>
 ${c}
 </mj-social>` : `<mj-social ${n}></mj-social>`;
   },
   renderPreview: (e) => {
     var d;
-    const t = e.labelFontSize != null && e.labelFontSize > 0 ? e.labelFontSize : 13, o = Math.max(8, Math.min(48, t)), l = k(e.labelFontWeight), n = ((d = e.labelColor) == null ? void 0 : d.trim()) || "#333333", i = C(e.iconSpacing, 10), r = D(e.align), c = e.elements.filter((s) => {
+    const t = e.labelFontSize != null && e.labelFontSize > 0 ? e.labelFontSize : 13, o = Math.max(8, Math.min(48, t)), l = k(e.labelFontWeight), n = ((d = e.labelColor) == null ? void 0 : d.trim()) || "#333333", i = C(e.iconSpacing, 10), r = G(e.align), c = e.elements.filter((s) => {
       var g;
       return (g = s.href) == null ? void 0 : g.trim();
     }).map((s) => {
       var f;
-      const g = ((f = s.label) == null ? void 0 : f.trim()) ?? "", u = V({
+      const g = ((f = s.label) == null ? void 0 : f.trim()) ?? "", u = U({
         network: s.network,
         iconSize: e.iconSize,
         iconBorderRadius: e.iconBorderRadius ?? 999,
@@ -721,7 +721,7 @@ ${c}
     }).join(""), a = S(e);
     return `<div style="display:flex;flex-wrap:wrap;justify-content:${r};align-items:center;gap:${i}px;padding:${a};">${c || '<span style="color:#9ca3af;font-size:12px;">请添加社交链接</span>'}</div>`;
   }
-}), ye = h({
+}), $e = h({
   type: "spacer",
   name: "间距",
   category: "content",
@@ -730,7 +730,7 @@ ${c}
   schema: [{ key: "height", label: "高度 (px)", type: "number", min: 1, max: 200 }],
   toMjml: (e) => `<mj-spacer height="${e.height}px" />`,
   renderPreview: (e) => `<div style="height:${e.height}px;line-height:${e.height}px;"></div>`
-}), v = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), I = "输入文本…", $e = h({
+}), v = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), N = "输入文本…", we = h({
   type: "text",
   name: "文本",
   category: "content",
@@ -804,17 +804,17 @@ ${c}
     mode: "rich",
     multiline: !0,
     propKey: "content",
-    placeholder: I
+    placeholder: N
   },
   toMjml: (e) => {
     const t = `${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px`, o = e.fontFamily ? ` font-family="${v(e.fontFamily)}"` : "", l = String(e.fontWeight ?? "").trim(), n = l ? ` font-weight="${v(k(l))}"` : "", i = String(e.lineHeight ?? "").trim(), r = i ? ` line-height="${v(i)}"` : "", c = String(e.color ?? "").trim(), a = c ? ` color="${v(c)}"` : "", d = String(e.fontSize ?? "").trim(), s = d ? ` font-size="${v(d)}"` : "";
     return `<mj-text align="${e.align}"${a}${s}${r}${o}${n} padding="${t}">${e.content}</mj-text>`;
   },
   renderPreview: (e) => {
-    const t = e.fontFamily ? `font-family:${e.fontFamily};` : "", o = String(e.fontWeight ?? "").trim(), l = o ? `font-weight:${k(o)};` : "", n = String(e.lineHeight ?? "").trim(), i = n ? `line-height:${n};` : "line-height:normal;", r = String(e.color ?? "").trim(), c = r ? `color:${r};` : "", a = String(e.fontSize ?? "").trim(), d = a ? `font-size:${a};` : "", s = te(e.content), g = s ? " is-empty" : "", u = s ? ` data-placeholder="${I}"` : "";
+    const t = e.fontFamily ? `font-family:${e.fontFamily};` : "", o = String(e.fontWeight ?? "").trim(), l = o ? `font-weight:${k(o)};` : "", n = String(e.lineHeight ?? "").trim(), i = n ? `line-height:${n};` : "line-height:normal;", r = String(e.color ?? "").trim(), c = r ? `color:${r};` : "", a = String(e.fontSize ?? "").trim(), d = a ? `font-size:${a};` : "", s = oe(e.content), g = s ? " is-empty" : "", u = s ? ` data-placeholder="${N}"` : "";
     return `<div class="sm-text-content${g}"${u} style="text-align:${e.align};${c}${d}${l}${i}${t}padding:${e.paddingTop}px ${e.paddingRight}px ${e.paddingBottom}px ${e.paddingLeft}px;">${e.content}</div>`;
   }
-}), we = {
+}), ve = {
   align: "blocks.field.align",
   textAlign: "blocks.field.textAlign",
   verticalAlign: "blocks.field.verticalAlign",
@@ -849,7 +849,7 @@ ${c}
   address: "blocks.field.address",
   unsubscribeText: "blocks.field.unsubscribeText",
   unsubscribeHref: "blocks.field.unsubscribeLink"
-}, ve = {
+}, Se = {
   button: {
     backgroundColor: "blocks.field.backgroundColor",
     color: "blocks.field.textColor",
@@ -880,7 +880,7 @@ ${c}
   text: {
     content: "blocks.field.contentHtml"
   }
-}, N = {
+}, W = {
   button: { width: "blocks.help.buttonWidth" },
   hero: {
     backgroundColor: "blocks.help.imageFallbackColor",
@@ -902,19 +902,19 @@ ${c}
     content: "blocks.help.canvasEditRecommended",
     lineHeight: "blocks.help.globalLineHeight"
   }
-}, W = {
+}, _ = {
   button: { width: "blocks.placeholder.buttonWidth" },
   image: { alt: "blocks.field.imageDescription" },
   text: {
     color: "blocks.field.inheritGlobalPlaceholder",
     fontFamily: "blocks.field.inheritGlobalPlaceholder"
   }
-}, Se = {
+}, Ce = {
   button: "blocks.field.buttonTextPlaceholder",
   hero: "blocks.field.heroPlaceholder",
   html: "blocks.field.htmlPlaceholder",
   text: "blocks.field.textPlaceholder"
-}, Ce = {
+}, Be = {
   button: { text: "blocks.button.defaultText" },
   hero: { content: "blocks.hero.defaultContent" },
   html: { html: "blocks.html.defaultHtml" },
@@ -926,125 +926,125 @@ ${c}
   }
 };
 function B(e, t) {
-  return e.map((o) => Be(o, t));
+  return e.map((o) => ze(o, t));
 }
-function Be(e, t) {
-  const o = q(e.type), l = `blocks.${o}.name`, n = t(l), i = Re(o, e, t);
+function ze(e, t) {
+  const o = Y(e.type), l = `blocks.${o}.name`, n = t(l), i = Te(o, e, t);
   return {
     ...e,
     name: n === l ? e.name : n,
-    defaultProps: ze(e, t),
-    schema: e.schema.map((r) => Le(o, r, t)),
-    renderPreview: Te(e, i),
+    defaultProps: Le(e, t),
+    schema: e.schema.map((r) => Me(o, r, t)),
+    renderPreview: Pe(e, i),
     inlineEditable: e.inlineEditable ? {
       ...e.inlineEditable,
       placeholder: i
     } : void 0
   };
 }
-function ze(e, t) {
-  const o = { ...e.defaultProps }, l = Ce[q(e.type)] ?? {};
+function Le(e, t) {
+  const o = { ...e.defaultProps }, l = Be[Y(e.type)] ?? {};
   for (const [n, i] of Object.entries(l))
     o[n] = t(i);
   return o;
 }
-function Le(e, t, o) {
+function Me(e, t, o) {
   var n, i, r, c;
-  const l = ((n = ve[e]) == null ? void 0 : n[t.key]) ?? we[t.key];
+  const l = ((n = Se[e]) == null ? void 0 : n[t.key]) ?? ve[t.key];
   return {
     ...t,
     label: l ? o(l) : t.label,
-    placeholder: (i = W[e]) != null && i[t.key] ? o(W[e][t.key]) : t.placeholder,
-    help: (r = N[e]) != null && r[t.key] ? o(N[e][t.key]) : t.help,
+    placeholder: (i = _[e]) != null && i[t.key] ? o(_[e][t.key]) : t.placeholder,
+    help: (r = W[e]) != null && r[t.key] ? o(W[e][t.key]) : t.help,
     options: (c = t.options) == null ? void 0 : c.map((a) => ({
       ...a,
-      label: Me(a, o)
+      label: Re(a, o)
     }))
   };
 }
-function Me(e, t) {
+function Re(e, t) {
   return e.value === "left" ? t("common.left") : e.value === "center" ? t("common.center") : e.value === "right" ? t("common.right") : e.value === "top" ? t("blocks.option.top") : e.value === "middle" ? t("blocks.option.middle") : e.value === "bottom" ? t("blocks.option.bottom") : e.value === "" ? t("common.inheritGlobal") : e.label;
 }
-function Re(e, t, o) {
+function Te(e, t, o) {
   var n;
-  const l = Se[e];
+  const l = Ce[e];
   return l ? o(l) : (n = t.inlineEditable) == null ? void 0 : n.placeholder;
 }
-function Te(e, t) {
+function Pe(e, t) {
   var n;
   if (!e.renderPreview || !((n = e.inlineEditable) != null && n.placeholder) || !t)
     return e.renderPreview;
-  const o = _(e.inlineEditable.placeholder), l = _(t);
+  const o = O(e.inlineEditable.placeholder), l = O(t);
   return (i, r) => e.renderPreview(i, r).replaceAll(
     `data-placeholder="${o}"`,
     `data-placeholder="${l}"`
   );
 }
-function _(e) {
+function O(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function q(e) {
+function Y(e) {
   return e.startsWith("custom:") ? e.slice(7) : e;
 }
-const Y = [
-  $e,
-  ae,
+const X = [
+  we,
   ce,
-  ke,
-  re,
-  le,
+  se,
+  ye,
+  ae,
   ne,
-  ye
-], X = [se, xe, ie];
+  ie,
+  $e
+], Z = [de, ke, re];
 function M(e = {}) {
-  return e.t ?? oe(e).t;
-}
-function Pe(e = {}) {
-  return B(Y, M(e));
+  return e.t ?? le(e).t;
 }
 function Fe(e = {}) {
   return B(X, M(e));
 }
 function je(e = {}) {
+  return B(Z, M(e));
+}
+function Ee(e = {}) {
   const t = M(e);
   return [
-    ...B(Y, t),
-    ...B(X, t)
+    ...B(X, t),
+    ...B(Z, t)
   ];
 }
-const Ae = Pe(), He = Fe(), Ie = je();
+const He = Fe(), Ie = je(), Ne = Ee();
 export {
-  ge as SOCIAL_NETWORK_OPTIONS,
-  Ie as allBlocks,
-  Ae as builtinBlocks,
-  le as buttonBlock,
-  je as createAllBlocks,
-  Pe as createBuiltinBlocks,
-  Fe as createExampleCustomBlocks,
-  ne as dividerBlock,
+  pe as SOCIAL_NETWORK_OPTIONS,
+  Ne as allBlocks,
+  He as builtinBlocks,
+  ne as buttonBlock,
+  Ee as createAllBlocks,
+  Fe as createBuiltinBlocks,
+  je as createExampleCustomBlocks,
+  ie as dividerBlock,
   p as escAttr,
-  he as escMjmlText,
-  He as exampleCustomBlocks,
-  D as flexJustifyFromAlign,
-  ie as footerBlock,
-  re as heroBlock,
-  ae as htmlBlock,
-  ce as imageBlock,
-  Be as localizeBlockDefinition,
+  be as escMjmlText,
+  Ie as exampleCustomBlocks,
+  G as flexJustifyFromAlign,
+  re as footerBlock,
+  ae as heroBlock,
+  ce as htmlBlock,
+  se as imageBlock,
+  ze as localizeBlockDefinition,
   B as localizeBlockDefinitions,
-  se as logoBlock,
-  ue as mjSocialDefaultIconSrc,
-  O as mjSocialElementName,
-  G as mjSocialElementsLines,
+  de as logoBlock,
+  fe as mjSocialDefaultIconSrc,
+  K as mjSocialElementName,
+  J as mjSocialElementsLines,
   S as paddingQuad,
-  V as renderSocialIconPreviewHtml,
-  xe as socialBlock,
-  ke as socialGroupBlock,
-  fe as socialIconBorderRadiusCss,
-  U as socialIconBorderRadiusMjml,
+  U as renderSocialIconPreviewHtml,
+  ke as socialBlock,
+  ye as socialGroupBlock,
+  xe as socialIconBorderRadiusCss,
+  D as socialIconBorderRadiusMjml,
   C as socialIconSpacingPx,
-  K as socialMeta,
-  ye as spacerBlock,
-  $e as textBlock
+  V as socialMeta,
+  $e as spacerBlock,
+  we as textBlock
 };
 //# sourceMappingURL=index.js.map