mail-editor-pancake 0.0.0 → 0.0.8

package/packages/blocks/src/social.ts

@@ -1,10 +1,14 @@
-import { defineBlock } from '@simple-mail/core';
+import { defineBlock, FONT_WEIGHT_STEP_OPTIONS, normalizeFontWeightStep } from '@simple-mail/core';
 import { icons } from './icons';
 import {
   BIZ_SOCIAL_NETWORK_OPTIONS,
   escAttr,
+  flexJustifyFromAlign,
   mjSocialElementsLines,
   paddingQuad,
+  socialIconBorderRadiusCss,
+  socialIconBorderRadiusMjml,
+  socialIconSpacingPx,
   socialMeta,
   type SocialLinkItem,
 } from './socialShared';
@@ -14,6 +18,8 @@ interface SocialBizProps {
   elements: SocialLinkItem[];
   align: 'left' | 'center' | 'right';
   iconSize: number;
+  iconBorderRadius: number;
+  iconSpacing: number;
   labelFontSize: number;
   labelFontWeight: string;
   labelColor: string;
@@ -53,8 +59,10 @@ export const socialBlock = defineBlock<SocialBizProps>({
     elements: DEFAULT_BIZ_ELEMENTS,
     align: 'center',
     iconSize: 28,
+    iconBorderRadius: 999,
+    iconSpacing: 10,
     labelFontSize: 13,
-    labelFontWeight: 'normal',
+    labelFontWeight: '400',
     labelColor: '#333333',
     paddingTop: 8,
     paddingRight: 0,
@@ -81,22 +89,15 @@ export const socialBlock = defineBlock<SocialBizProps>({
       key: 'labelFontWeight',
       label: '标签字重',
       type: 'select',
-      options: [
-        { label: '较细 (300)', value: '300' },
-        { label: '常规', value: 'normal' },
-        { label: '400', value: '400' },
-        { label: '500', value: '500' },
-        { label: '600', value: '600' },
-        { label: '700', value: '700' },
-        { label: '粗体', value: 'bold' },
-        { label: '更粗 (800)', value: '800' },
-      ],
+      selectVariant: 'segmented',
+      options: [...FONT_WEIGHT_STEP_OPTIONS],
     },
     { key: 'labelColor', label: '标签颜色', type: 'color' },
     {
       key: 'align',
       label: '对齐',
       type: 'select',
+      selectVariant: 'segmented',
       options: [
         { label: '左', value: 'left' },
         { label: '居中', value: 'center' },
@@ -104,29 +105,53 @@ export const socialBlock = defineBlock<SocialBizProps>({
       ],
     },
     { key: 'iconSize', label: '图标尺寸 (px)', type: 'number', min: 16, max: 64 },
+    {
+      key: 'iconBorderRadius',
+      label: '图标圆角 (px)',
+      type: 'number',
+      min: 0,
+      max: 999,
+      step: 1,
+      help: '0 为方形直角；较大值（如 999）为圆形（默认）。',
+    },
+    {
+      key: 'iconSpacing',
+      label: '图标间距 (px)',
+      type: 'number',
+      min: 0,
+      max: 64,
+      step: 1,
+      help: '图标之间的间隔（MJML inner-padding）。',
+    },
     { key: 'paddingTop', label: '外边距', type: 'spacing' },
   ],
   toMjml: (p) => {
     const pad = paddingQuad(p);
+    const br = socialIconBorderRadiusMjml(p.iconSize, p.iconBorderRadius ?? 999);
+    const gap = socialIconSpacingPx(p.iconSpacing, 10);
+    const socAttrs = `align="${p.align}" icon-size="${p.iconSize}px" mode="horizontal" border-radius="${br}" inner-padding="${gap}px" padding="${pad}"`;
     const els = normalizeElements(p).filter((e) => e.href?.trim());
     const labelStyle = {
       labelFontSize: Number(p.labelFontSize ?? 13),
-      labelFontWeight: String(p.labelFontWeight ?? 'normal'),
+      labelFontWeight: normalizeFontWeightStep(String(p.labelFontWeight ?? '400')),
       labelColor: String(p.labelColor ?? '#333333'),
     };
     const inner = mjSocialElementsLines(els, labelStyle);
     if (!inner.trim()) {
-      return `<mj-social align="${p.align}" icon-size="${p.iconSize}px" mode="horizontal" padding="${pad}"></mj-social>`;
+      return `<mj-social ${socAttrs}></mj-social>`;
     }
-    return `<mj-social align="${p.align}" icon-size="${p.iconSize}px" mode="horizontal" padding="${pad}">
+    return `<mj-social ${socAttrs}>
 ${inner}
 </mj-social>`;
   },
   renderPreview: (p) => {
     const fsRaw = p.labelFontSize != null && p.labelFontSize > 0 ? p.labelFontSize : 13;
     const fs = Math.max(8, Math.min(48, fsRaw));
-    const fw = p.labelFontWeight?.trim() || 'normal';
+    const fw = normalizeFontWeightStep(p.labelFontWeight);
     const textColor = p.labelColor?.trim() || '#333333';
+    const radiusCss = socialIconBorderRadiusCss(p.iconSize, p.iconBorderRadius ?? 999);
+    const gap = socialIconSpacingPx(p.iconSpacing, 10);
+    const jc = flexJustifyFromAlign(p.align);
     const items = normalizeElements(p)
       .filter((l) => l.href?.trim())
       .map((l) => {
@@ -135,21 +160,21 @@ ${inner}
         const label = l.label?.trim() ?? '';
         const iconSrc = l.iconSrc?.trim();
         const iconHtml = iconSrc
-          ? `<img src="${escAttr(iconSrc)}" alt="" style="width:${p.iconSize}px;height:${p.iconSize}px;object-fit:contain;border-radius:3px;flex-shrink:0;" />`
-          : `<span style="display:inline-flex;width:${p.iconSize}px;height:${p.iconSize}px;border-radius:50%;background:${bg};color:#fff;align-items:center;justify-content:center;font-size:${Math.round(
+          ? `<img src="${escAttr(iconSrc)}" alt="" style="width:${p.iconSize}px;height:${p.iconSize}px;object-fit:cover;border-radius:${radiusCss};flex-shrink:0;" />`
+          : `<span style="display:inline-flex;width:${p.iconSize}px;height:${p.iconSize}px;border-radius:${radiusCss};background:${bg};color:#fff;align-items:center;justify-content:center;font-size:${Math.round(
               p.iconSize / 2,
-            )}px;font-weight:600;flex-shrink:0;">${meta.preview}</span>`;
+            )}px;font-weight:600;flex-shrink:0;overflow:hidden;">${meta.preview}</span>`;
         const textHtml = label
-          ? `<span style="margin-left:6px;font-size:${fs}px !important;font-weight:${fw};color:${escAttr(
+          ? `<span style="font-size:${fs}px !important;font-weight:${fw};color:${escAttr(
               textColor,
             )} !important;line-height:1.2;">${escAttr(label)}</span>`
           : '';
-        return `<span style="display:inline-flex;align-items:center;margin:0 6px;vertical-align:middle;"><a href="${escAttr(
+        return `<span style="display:inline-flex;align-items:center;gap:6px;"><a href="${escAttr(
           l.href,
         )}" style="display:inline-flex;align-items:center;text-decoration:none;line-height:0;">${iconHtml}</a>${textHtml}</span>`;
       })
       .join('');
     const pad = paddingQuad(p);
-    return `<div style="padding:${pad};text-align:${p.align};">${items || '<span style="color:#9ca3af;font-size:12px;">请填写链接 URL</span>'}</div>`;
+    return `<div style="display:flex;flex-wrap:wrap;justify-content:${jc};align-items:center;gap:${gap}px;padding:${pad};">${items || '<span style="color:#9ca3af;font-size:12px;">请填写链接 URL</span>'}</div>`;
   },
 });

package/packages/blocks/src/socialGroup.ts

@@ -1,9 +1,13 @@
-import { defineBlock } from '@simple-mail/core';
+import { defineBlock, FONT_WEIGHT_STEP_OPTIONS, normalizeFontWeightStep } from '@simple-mail/core';
 import { icons } from './icons';
 import {
   escAttr,
+  flexJustifyFromAlign,
   mjSocialElementsLines,
   paddingQuad,
+  socialIconBorderRadiusCss,
+  socialIconBorderRadiusMjml,
+  socialIconSpacingPx,
   socialMeta,
   SOCIAL_NETWORK_OPTIONS,
   type SocialLinkItem,
@@ -13,6 +17,10 @@ interface SocialGroupProps {
   elements: SocialLinkItem[];
   align: 'left' | 'center' | 'right';
   iconSize: number;
+  /** 图标圆角 (px)。0 为方形；≥999 或不少于图标半边时为圆形（默认 999） */
+  iconBorderRadius: number;
+  /** 图标之间的间距 (px)，对应 mj-social inner-padding */
+  iconSpacing: number;
   /** 标签文字字号（整组统一） */
   labelFontSize: number;
   labelFontWeight: string;
@@ -35,8 +43,10 @@ export const socialGroupBlock = defineBlock<SocialGroupProps>({
     ],
     align: 'center',
     iconSize: 28,
+    iconBorderRadius: 999,
+    iconSpacing: 10,
     labelFontSize: 13,
-    labelFontWeight: 'normal',
+    labelFontWeight: '400',
     labelColor: '#333333',
     paddingTop: 8,
     paddingRight: 0,
@@ -63,22 +73,15 @@ export const socialGroupBlock = defineBlock<SocialGroupProps>({
       key: 'labelFontWeight',
       label: '标签字重',
       type: 'select',
-      options: [
-        { label: '较细 (300)', value: '300' },
-        { label: '常规', value: 'normal' },
-        { label: '400', value: '400' },
-        { label: '500', value: '500' },
-        { label: '600', value: '600' },
-        { label: '700', value: '700' },
-        { label: '粗体', value: 'bold' },
-        { label: '更粗 (800)', value: '800' },
-      ],
+      selectVariant: 'segmented',
+      options: [...FONT_WEIGHT_STEP_OPTIONS],
     },
     { key: 'labelColor', label: '标签颜色', type: 'color' },
     {
       key: 'align',
       label: '对齐',
       type: 'select',
+      selectVariant: 'segmented',
       options: [
         { label: '左', value: 'left' },
         { label: '居中', value: 'center' },
@@ -86,29 +89,53 @@ export const socialGroupBlock = defineBlock<SocialGroupProps>({
       ],
     },
     { key: 'iconSize', label: '图标尺寸 (px)', type: 'number', min: 16, max: 64 },
+    {
+      key: 'iconBorderRadius',
+      label: '图标圆角 (px)',
+      type: 'number',
+      min: 0,
+      max: 999,
+      step: 1,
+      help: '0 为方形直角；填较大值（如 999）或与尺寸一半相当时为圆形（默认圆形）。',
+    },
+    {
+      key: 'iconSpacing',
+      label: '图标间距 (px)',
+      type: 'number',
+      min: 0,
+      max: 64,
+      step: 1,
+      help: '每个图标周围的留白，横向即图标之间的间隔（MJML inner-padding）。',
+    },
     { key: 'paddingTop', label: '外边距', type: 'spacing' },
   ],
   toMjml: (p) => {
     const pad = paddingQuad(p);
+    const br = socialIconBorderRadiusMjml(p.iconSize, p.iconBorderRadius ?? 999);
+    const gap = socialIconSpacingPx(p.iconSpacing, 10);
+    const socAttrs = `align="${p.align}" icon-size="${p.iconSize}px" mode="horizontal" border-radius="${br}" inner-padding="${gap}px" padding="${pad}"`;
     const filtered = p.elements.filter((e) => e.href?.trim());
     const labelStyle = {
       labelFontSize: Number(p.labelFontSize ?? 13),
-      labelFontWeight: String(p.labelFontWeight ?? 'normal'),
+      labelFontWeight: normalizeFontWeightStep(String(p.labelFontWeight ?? '400')),
       labelColor: String(p.labelColor ?? '#333333'),
     };
     const inner = mjSocialElementsLines(filtered, labelStyle);
     if (!inner.trim()) {
-      return `<mj-social align="${p.align}" icon-size="${p.iconSize}px" mode="horizontal" padding="${pad}"></mj-social>`;
+      return `<mj-social ${socAttrs}></mj-social>`;
     }
-    return `<mj-social align="${p.align}" icon-size="${p.iconSize}px" mode="horizontal" padding="${pad}">
+    return `<mj-social ${socAttrs}>
 ${inner}
 </mj-social>`;
   },
   renderPreview: (p) => {
     const fsRaw = p.labelFontSize != null && p.labelFontSize > 0 ? p.labelFontSize : 13;
     const fs = Math.max(8, Math.min(48, fsRaw));
-    const fw = p.labelFontWeight?.trim() || 'normal';
+    const fw = normalizeFontWeightStep(p.labelFontWeight);
     const textColor = p.labelColor?.trim() || '#333333';
+    const radiusCss = socialIconBorderRadiusCss(p.iconSize, p.iconBorderRadius ?? 999);
+    const gap = socialIconSpacingPx(p.iconSpacing, 10);
+    const jc = flexJustifyFromAlign(p.align);
     const items = p.elements
       .filter((l) => l.href?.trim())
       .map((l) => {
@@ -117,21 +144,21 @@ ${inner}
         const label = l.label?.trim() ?? '';
         const iconSrc = l.iconSrc?.trim();
         const iconHtml = iconSrc
-          ? `<img src="${escAttr(iconSrc)}" alt="" style="width:${p.iconSize}px;height:${p.iconSize}px;object-fit:contain;border-radius:3px;flex-shrink:0;" />`
-          : `<span style="display:inline-flex;width:${p.iconSize}px;height:${p.iconSize}px;border-radius:50%;background:${bg};color:#fff;align-items:center;justify-content:center;font-size:${Math.round(
+          ? `<img src="${escAttr(iconSrc)}" alt="" style="width:${p.iconSize}px;height:${p.iconSize}px;object-fit:cover;border-radius:${radiusCss};flex-shrink:0;" />`
+          : `<span style="display:inline-flex;width:${p.iconSize}px;height:${p.iconSize}px;border-radius:${radiusCss};background:${bg};color:#fff;align-items:center;justify-content:center;font-size:${Math.round(
               p.iconSize / 2,
-            )}px;font-weight:600;flex-shrink:0;">${meta.preview}</span>`;
+            )}px;font-weight:600;flex-shrink:0;overflow:hidden;">${meta.preview}</span>`;
         const textHtml = label
-          ? `<span style="margin-left:6px;font-size:${fs}px !important;font-weight:${fw};color:${escAttr(
+          ? `<span style="font-size:${fs}px !important;font-weight:${fw};color:${escAttr(
               textColor,
             )} !important;line-height:1.2;">${escAttr(label)}</span>`
           : '';
-        return `<span style="display:inline-flex;align-items:center;margin:0 6px;vertical-align:middle;"><a href="${escAttr(
+        return `<span style="display:inline-flex;align-items:center;gap:6px;"><a href="${escAttr(
           l.href,
         )}" style="display:inline-flex;align-items:center;text-decoration:none;line-height:0;">${iconHtml}</a>${textHtml}</span>`;
       })
       .join('');
     const pad = paddingQuad(p);
-    return `<div style="padding:${pad};text-align:${p.align};">${items || '<span style="color:#9ca3af;font-size:12px;">请添加社交链接</span>'}</div>`;
+    return `<div style="display:flex;flex-wrap:wrap;justify-content:${jc};align-items:center;gap:${gap}px;padding:${pad};">${items || '<span style="color:#9ca3af;font-size:12px;">请添加社交链接</span>'}</div>`;
   },
 });

package/packages/blocks/src/socialShared.ts

@@ -1,8 +1,10 @@
+import { normalizeFontWeightStep } from '@simple-mail/core';
+
 /** 生成 mj-social-element 的 name 属性（与 MJML 内置图标对齐；未知平台退化为 web）。 */
 export function mjSocialElementName(network: string): string {
   const n = network.trim();
   if (n === 'ig') return 'instagram';
-  if (n === 'rabbit' || n === 'tiktok') return 'web';
+  if (n === 'rabbit' || n === 'tiktok' || n === 'reddit') return 'web';
   return n;
 }
 
@@ -25,6 +27,7 @@ export const SOCIAL_NETWORK_OPTIONS: { label: string; value: string }[] = [
   { label: 'Facebook', value: 'facebook' },
   { label: 'Instagram', value: 'instagram' },
   { label: 'YouTube', value: 'youtube' },
+  { label: 'Reddit', value: 'reddit' },
   { label: '网页', value: 'web' },
 ];
 
@@ -38,6 +41,7 @@ const NETWORK_META: Record<string, { color: string; preview: string }> = {
   instagram: { color: '#E4405F', preview: '◎' },
   ig: { color: '#E4405F', preview: '◎' },
   youtube: { color: '#FF0000', preview: '▶' },
+  reddit: { color: '#FF4500', preview: 'r' },
   tiktok: { color: '#000000', preview: '♪' },
   rabbit: { color: '#FF2442', preview: 'R' },
   website: { color: '#6b7280', preview: '◇' },
@@ -82,13 +86,46 @@ export function paddingQuad(p: {
   return `${p.paddingTop}px ${p.paddingRight}px ${p.paddingBottom}px ${p.paddingLeft}px`;
 }
 
+/** mj-social `border-radius`：0 直角；≥999 或 ≥图标半边 → 圆形裁切（999px） */
+export function socialIconBorderRadiusMjml(iconSize: number, radiusPx: unknown): string {
+  const size = Math.max(1, Number(iconSize) || 28);
+  const r = Number(radiusPx);
+  if (!Number.isFinite(r) || r <= 0) return '0px';
+  const half = size / 2;
+  if (r >= 999 || r >= half) return '999px';
+  return `${Math.min(r, size)}px`;
+}
+
+/** 画布预览用图标圆角 CSS（与 {@link socialIconBorderRadiusMjml} 语义一致） */
+export function socialIconBorderRadiusCss(iconSize: number, radiusPx: unknown): string {
+  const size = Math.max(1, Number(iconSize) || 28);
+  const r = Number(radiusPx);
+  if (!Number.isFinite(r) || r <= 0) return '0';
+  const half = size / 2;
+  if (r >= 999 || r >= half) return '50%';
+  return `${Math.min(r, size)}px`;
+}
+
+/** mj-social `inner-padding`，控制图标之间的可视间距 */
+export function socialIconSpacingPx(spacing: unknown, fallback = 10): number {
+  const n = Number(spacing);
+  if (!Number.isFinite(n) || n < 0) return fallback;
+  return Math.min(64, Math.round(n));
+}
+
+export function flexJustifyFromAlign(align: 'left' | 'center' | 'right'): string {
+  if (align === 'right') return 'flex-end';
+  if (align === 'left') return 'flex-start';
+  return 'center';
+}
+
 export function mjSocialElementsLines(
   links: SocialLinkItem[],
   labelStyle: SocialGroupLabelStyle,
 ): string {
   const fontSizeRaw = labelStyle.labelFontSize > 0 ? labelStyle.labelFontSize : 13;
   const fontSize = Math.max(8, Math.min(48, fontSizeRaw));
-  const fontWeight = labelStyle.labelFontWeight?.trim() || 'normal';
+  const fontWeight = normalizeFontWeightStep(labelStyle.labelFontWeight);
   const textColor = labelStyle.labelColor?.trim() || '#333333';
   const fwEsc = escAttr(fontWeight);
   return links

package/packages/blocks/src/text.ts

@@ -1,4 +1,4 @@
-import { defineBlock } from '@simple-mail/core';
+import { defineBlock, FONT_WEIGHT_STEP_OPTIONS, normalizeFontWeightStep } from '@simple-mail/core';
 import { icons } from './icons';
 
 interface TextProps {
@@ -28,10 +28,10 @@ export const textBlock = defineBlock<TextProps>({
     content:
       '<p style="margin:0;">在此处输入文本。<strong>双击</strong>进入编辑模式，<em>选中文字</em>会出现工具条；支持变量 {{user.name}}</p>',
     align: 'left',
-    color: '#433f3f',
-    fontSize: '16px',
+    color: '',
+    fontSize: '',
     fontFamily: '',
-    fontWeight: 'normal',
+    fontWeight: '',
     lineHeight: '',
     paddingTop: 8,
     paddingRight: 0,
@@ -41,27 +41,25 @@ export const textBlock = defineBlock<TextProps>({
   schema: [
     {
       key: 'align',
-      label: '默认对齐',
+      label: '对齐',
       type: 'select',
+      selectVariant: 'segmented',
       options: [
         { label: '左', value: 'left' },
         { label: '居中', value: 'center' },
         { label: '右', value: 'right' },
       ],
     },
-    { key: 'color', label: '默认颜色', type: 'color' },
-    { key: 'fontSize', label: '默认字号', type: 'text', placeholder: '14px' },
+    { key: 'color', label: '颜色', type: 'color', placeholder: '继承全局' },
+    { key: 'fontSize', label: '字号', type: 'text', inheritGlobal: true },
     { key: 'fontFamily', label: '字体', type: 'text', placeholder: '继承全局' },
     {
       key: 'fontWeight',
       label: '字重',
       type: 'select',
-      options: [
-        { label: '常规 400', value: 'normal' },
-        { label: '中等 500', value: '500' },
-        { label: '半粗 600', value: '600' },
-        { label: '加粗 700', value: 'bold' },
-      ],
+      selectVariant: 'segmented',
+      inheritGlobal: true,
+      options: [...FONT_WEIGHT_STEP_OPTIONS],
     },
     {
       key: 'lineHeight',
@@ -101,18 +99,26 @@ export const textBlock = defineBlock<TextProps>({
   toMjml: (p) => {
     const padding = `${p.paddingTop}px ${p.paddingRight}px ${p.paddingBottom}px ${p.paddingLeft}px`;
     const ff = p.fontFamily ? ` font-family="${escapeAttr(p.fontFamily)}"` : '';
-    const fw = p.fontWeight && p.fontWeight !== 'normal' ? ` font-weight="${p.fontWeight}"` : '';
+    const fwRaw = String(p.fontWeight ?? '').trim();
+    const fw = fwRaw ? ` font-weight="${escapeAttr(normalizeFontWeightStep(fwRaw))}"` : '';
     const lh = String(p.lineHeight ?? '').trim();
     const lhAttr = lh ? ` line-height="${escapeAttr(lh)}"` : '';
-    return `<mj-text align="${p.align}" color="${escapeAttr(p.color)}" font-size="${escapeAttr(
-      p.fontSize,
-    )}"${lhAttr}${ff}${fw} padding="${padding}">${p.content}</mj-text>`;
+    const colorRaw = String(p.color ?? '').trim();
+    const colorAttr = colorRaw ? ` color="${escapeAttr(colorRaw)}"` : '';
+    const fsRaw = String(p.fontSize ?? '').trim();
+    const fsAttr = fsRaw ? ` font-size="${escapeAttr(fsRaw)}"` : '';
+    return `<mj-text align="${p.align}"${colorAttr}${fsAttr}${lhAttr}${ff}${fw} padding="${padding}">${p.content}</mj-text>`;
   },
   renderPreview: (p) => {
     const ff = p.fontFamily ? `font-family:${p.fontFamily};` : '';
-    const fw = p.fontWeight && p.fontWeight !== 'normal' ? `font-weight:${p.fontWeight};` : '';
+    const fwRaw = String(p.fontWeight ?? '').trim();
+    const fwCss = fwRaw ? `font-weight:${normalizeFontWeightStep(fwRaw)};` : '';
     const lhRaw = String(p.lineHeight ?? '').trim();
     const lh = lhRaw ? `line-height:${lhRaw};` : 'line-height:normal;';
-    return `<div class="sm-text-content" style="text-align:${p.align};color:${p.color};font-size:${p.fontSize};${lh}${ff}${fw}padding:${p.paddingTop}px ${p.paddingRight}px ${p.paddingBottom}px ${p.paddingLeft}px;">${p.content}</div>`;
+    const colorRaw = String(p.color ?? '').trim();
+    const colorCss = colorRaw ? `color:${colorRaw};` : '';
+    const fsRaw = String(p.fontSize ?? '').trim();
+    const fsCss = fsRaw ? `font-size:${fsRaw};` : '';
+    return `<div class="sm-text-content" style="text-align:${p.align};${colorCss}${fsCss}${fwCss}${lh}${ff}padding:${p.paddingTop}px ${p.paddingRight}px ${p.paddingBottom}px ${p.paddingLeft}px;">${p.content}</div>`;
   },
 });

package/packages/blocks/tsconfig.json

@@ -4,9 +4,6 @@
     "outDir": "dist",
     "noEmit": true,
     "baseUrl": ".",
-    "paths": {
-      "@simple-mail/core": ["../core/src/index.ts"]
-    },
     "types": []
   },
   "include": ["src", "../core/src/shims.d.ts"]

package/packages/blocks/vite.config.ts

@@ -7,6 +7,8 @@ export default defineConfig({
     dts({
       rollupTypes: true,
       tsconfigPath: resolve(__dirname, 'tsconfig.dts.json'),
+      /** 与 JS 打包一致，避免 .d.ts rollup 把 core 打进 blocks */
+      external: ['@simple-mail/core'],
     }),
   ],
   build: {