mail-editor-pancake 0.0.8 → 0.0.9

package/packages/core/dist/index.js

@@ -1,14 +1,14 @@
-var Ut = Object.defineProperty;
-var Gt = (o, t, e) => t in o ? Ut(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var y = (o, t, e) => Gt(o, typeof t != "symbol" ? t + "" : t, e);
-import Kt from "mjml-browser";
-import et from "sortablejs";
-import { EditorView as it, basicSetup as ot } from "codemirror";
-import { html as rt } from "@codemirror/lang-html";
-import { EditorState as V } from "@codemirror/state";
-class Xt {
+var Qt = Object.defineProperty;
+var Zt = (o, t, e) => t in o ? Qt(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var _ = (o, t, e) => Zt(o, typeof t != "symbol" ? t + "" : t, e);
+import te from "mjml-browser";
+import nt from "sortablejs";
+import { EditorView as rt, basicSetup as lt } from "codemirror";
+import { html as ct } from "@codemirror/lang-html";
+import { EditorState as U } from "@codemirror/state";
+class ee {
   constructor() {
-    y(this, "map", /* @__PURE__ */ new Map());
+    _(this, "map", /* @__PURE__ */ new Map());
   }
   register(t) {
     return this.map.has(t.type) && console.warn(`[simple-mail] block type 重复注册: ${t.type}，后注册的会覆盖前者`), this.map.set(t.type, t), this;
@@ -32,20 +32,20 @@ class Xt {
   createBlock(t) {
     const e = this.require(t);
     return {
-      id: Yt(),
+      id: se(),
       type: t,
       props: structuredClone(e.defaultProps)
     };
   }
 }
-function Yt() {
+function se() {
   const o = Date.now().toString(36).slice(-4), t = Math.floor(Math.random() * 36 ** 4).toString(36).padStart(4, "0");
   return `blk_${o}${t}`;
 }
-function ks(o) {
+function $s(o) {
   return o;
 }
-function jt(o) {
+function Wt(o) {
   if (o == null || o === "") return;
   if (typeof o == "number" && Number.isFinite(o)) {
     const e = Math.round(o);
@@ -58,28 +58,28 @@ function jt(o) {
     if (/^\d+(\.\d+)?$/.test(t)) return `${t}px`;
   }
 }
-function Dt(o) {
-  return jt(o) ?? "600px";
+function zt(o) {
+  return Wt(o) ?? "600px";
 }
-function Jt(o) {
+function ne(o) {
   const t = o.trim();
   return t ? /^\d+(\.\d+)?%$/.test(t) ? t : /^\d+(\.\d+)?px$/i.test(t) ? t.replace(/PX$/i, "px") : /^\d+$/.test(t) ? Number(t) : /^\d+\.\d+$/.test(t) ? `${t}px` : t : 600;
 }
-function Zt(o) {
+function ie(o) {
   return o == null ? "600" : (typeof o == "number" && Number.isFinite(o), String(o));
 }
-function kt(o) {
+function Ct(o) {
   if (o == null) return;
   const t = String(o).trim();
   if (!(!t || t.toLowerCase() === "auto"))
-    return jt(t);
+    return Wt(t);
 }
-function Qt(o) {
+function oe(o) {
   const t = o.trim();
   if (t)
     return /^\d+(\.\d+)?%$/.test(t) ? t : /^\d+(\.\d+)?px$/i.test(t) ? t.replace(/PX$/i, "px") : /^\d+$/.test(t) ? Number(t) : /^\d+\.\d+$/.test(t) ? `${t}px` : t;
 }
-function te(o) {
+function re(o) {
   return o == null || o === "" ? "" : (typeof o == "number" && Number.isFinite(o), String(o));
 }
 function r(o, t = {}, e = []) {
@@ -90,19 +90,19 @@ function r(o, t = {}, e = []) {
     n == null || n === !1 || s.appendChild(typeof n == "string" ? document.createTextNode(n) : n);
   return s;
 }
-function I(o) {
+function R(o) {
   for (; o.firstChild; ) o.removeChild(o.firstChild);
 }
-function Z(o) {
+function tt(o) {
   return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function $(o) {
-  return Z(o);
+  return tt(o);
 }
-const ee = ["300", "400", "500", "600", "700"], st = ee.map(
+const le = ["300", "400", "500", "600", "700"], it = le.map(
   (o) => ({ label: o, value: o })
 );
-function H(o) {
+function j(o) {
   const t = String(o ?? "400").trim().toLowerCase();
   if (t === "" || t === "normal" || t === "regular") return "400";
   if (t === "bold" || t === "bolder") return "700";
@@ -119,28 +119,28 @@ function H(o) {
   }
   return "400";
 }
-function se(o) {
+function ce(o) {
   return {
     fontSize: (o.fontSize || "16px").trim(),
     lineHeight: (o.lineHeight || "1.25").trim(),
     color: (o.color || "#433f3f").trim(),
     fontFamily: (o.fontFamily || "sans-serif").trim(),
-    fontWeight: H(o.fontWeight)
+    fontWeight: j(o.fontWeight)
   };
 }
-function q(o) {
+function K(o) {
   return o.replace(/"/g, "'").replace(/\s+/g, " ").trim();
 }
-function ne(o, t) {
-  const e = q(t.fontSize), s = q(t.lineHeight), n = q(t.color), i = q(t.fontFamily), l = q(t.fontWeight);
+function ae(o, t) {
+  const e = K(t.fontSize), s = K(t.lineHeight), n = K(t.color), i = K(t.fontFamily), l = K(t.fontWeight);
   return `padding:${o};font-size:${e};line-height:${s};color:${n};font-family:${i};font-weight:${l}`;
 }
-function Wt(o, t, e) {
+function qt(o, t, e) {
   return `<mj-raw>
 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
   <tbody>
     <tr>
-      <td style="${ne(o, e)}">
+      <td style="${ae(o, e)}">
         ${t}
       </td>
     </tr>
@@ -148,29 +148,29 @@ function Wt(o, t, e) {
 </table>
 </mj-raw>`;
 }
-function ie(o, t) {
+function de(o, t) {
   const e = o.trimStart();
   if (!e) return "<mj-raw><!-- empty --></mj-raw>";
   if (/^<mj-/i.test(e)) return o;
   const s = o.trim();
-  return Wt("0", s, t);
+  return qt("0", s, t);
 }
-function oe(o, t, e) {
+function ue(o, t, e) {
   const s = o.trim(), n = s.match(/^<mj-raw\b[^>]*>([\s\S]*)<\/mj-raw\s*>$/i);
   if (!n) return o;
   let i = n[1].trim();
   const l = i.match(/^\s*<div\b[^>]*style="[^"]*"[^>]*>([\s\S]*)<\/div>\s*$/i);
-  return l && (i = l[1].trim()), /^\s*<table\b/i.test(i) ? s : Wt(t, i, e);
+  return l && (i = l[1].trim()), /^\s*<table\b/i.test(i) ? s : qt(t, i, e);
 }
-function re(o, t) {
+function he(o, t) {
   const e = o.trim(), s = e.match(/^<mj-raw\b[^>]*>([\s\S]*)<\/mj-raw\s*>$/i), n = `${t.top}px ${t.right}px ${t.bottom}px ${t.left}px`;
   if (s)
     return s[1].trim() || `<div style="padding:${n};color:#9ca3af;font-size:13px;">（无内容）</div>`;
   const i = e;
   return i ? `<div style="padding:${n}">${i}</div>` : `<div style="padding:${n};color:#9ca3af;font-size:13px;">（无内容）</div>`;
 }
-function le(o, t) {
-  const e = { doc: o, engine: "mjml" }, s = o.styles, n = o.sections.map((i) => ae(i, t, e)).join(`
+function pe(o, t) {
+  const e = { doc: o, engine: "mjml" }, s = o.styles, n = o.sections.map((i) => fe(i, t, e)).join(`
 `);
   return `<mjml>
   <mj-head>
@@ -178,84 +178,84 @@ function le(o, t) {
     ${o.meta.preheader ? `<mj-preview>${$(o.meta.preheader)}</mj-preview>` : ""}
     <mj-attributes>
       <mj-all font-family="${$(s.fontFamily)}" />
-      <mj-text font-size="${$(s.fontSize)}" font-weight="${$(H(s.fontWeight))}" color="${$(s.color)}" line-height="${$(s.lineHeight ?? "1.25")}" />
+      <mj-text font-size="${$(s.fontSize)}" font-weight="${$(j(s.fontWeight))}" color="${$(s.color)}" line-height="${$(s.lineHeight ?? "1.25")}" />
       <mj-class name="link" color="${$(s.linkColor)}" />
     </mj-attributes>
     <mj-style>
       a { color: ${$(s.linkColor)}; }
-${ce(o)}
+${me(o)}
     </mj-style>
   </mj-head>
-  <mj-body background-color="${$(s.backgroundColor)}" width="${$(Dt(o.meta.width))}">
+  <mj-body background-color="${$(s.backgroundColor)}" width="${$(zt(o.meta.width))}">
 ${n}
   </mj-body>
 </mjml>`;
 }
-function Vt(o) {
+function Ot(o) {
   return `sm-sec-${o.replace(/[^a-zA-Z0-9_-]/g, "_")}`;
 }
-function ce(o) {
+function me(o) {
   return o.sections.map((t) => {
-    const e = kt(t.attrs.width);
-    return e ? `      .${Vt(t.id)} { max-width: ${e} !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }` : "";
+    const e = Ct(t.attrs.width);
+    return e ? `      .${Ot(t.id)} { max-width: ${e} !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }` : "";
   }).filter(Boolean).join(`
 `);
 }
-function ae(o, t, e) {
-  const s = o.attrs, n = [s.paddingTop, s.paddingRight, s.paddingBottom, s.paddingLeft].map((f) => `${f ?? 0}px`).join(" "), i = s.backgroundColor ? ` background-color="${$(s.backgroundColor)}"` : "", c = kt(s.width) ? ` css-class="${$(Vt(o.id))}"` : "", a = ue(o.layout), p = Math.max(0, o.attrs.columnGap ?? 0), _ = o.columns.map(
-    (f, m) => de(f, a[m], m, o.columns.length, p, t, e)
+function fe(o, t, e) {
+  const s = o.attrs, n = [s.paddingTop, s.paddingRight, s.paddingBottom, s.paddingLeft].map((m) => `${m ?? 0}px`).join(" "), i = s.backgroundColor ? ` background-color="${$(s.backgroundColor)}"` : "", c = Ct(s.width) ? ` css-class="${$(Ot(o.id))}"` : "", a = be(o.layout), p = Math.max(0, o.attrs.columnGap ?? 0), g = o.columns.map(
+    (m, f) => ge(m, a[f], f, o.columns.length, p, t, e)
   ).join(`
 `), u = o.columns.length > 1 && o.attrs.preserveColumnsOnMobile === !0 ? `      <mj-group>
-${gt(_, 2)}
-      </mj-group>` : _;
+${yt(g, 2)}
+      </mj-group>` : g;
   return `    <mj-section padding="${n}"${i}${c}>
 ${u}
     </mj-section>`;
 }
-function de(o, t, e, s, n, i, l) {
+function ge(o, t, e, s, n, i, l) {
   const c = o.attrs, a = c.verticalAlign ? ` vertical-align="${c.verticalAlign}"` : "", p = c.backgroundColor ? ` background-color="${$(c.backgroundColor)}"` : "";
-  let _ = "";
+  let g = "";
   if (s > 1 && n > 0) {
-    const f = n / 2, m = e > 0 ? `${f}px` : "0px";
-    _ = ` padding="0px ${e < s - 1 ? `${f}px` : "0px"} 0px ${m}"`;
-  }
-  const d = se(l.doc.styles), u = o.blocks.map((f) => {
-    if (f.lockedMjml) {
-      let g = ie(f.lockedMjml, d);
-      if (f.type === "html") {
-        const b = f.props, h = `${Number(b.paddingTop ?? 8)}px ${Number(b.paddingRight ?? 0)}px ${Number(b.paddingBottom ?? 8)}px ${Number(b.paddingLeft ?? 0)}px`;
-        g = oe(g, h, d);
+    const m = n / 2, f = e > 0 ? `${m}px` : "0px";
+    g = ` padding="0px ${e < s - 1 ? `${m}px` : "0px"} 0px ${f}"`;
+  }
+  const d = ce(l.doc.styles), u = o.blocks.map((m) => {
+    if (m.lockedMjml) {
+      let b = de(m.lockedMjml, d);
+      if (m.type === "html") {
+        const y = m.props, h = `${Number(y.paddingTop ?? 8)}px ${Number(y.paddingRight ?? 0)}px ${Number(y.paddingBottom ?? 8)}px ${Number(y.paddingLeft ?? 0)}px`;
+        b = ue(b, h, d);
       }
-      return gt(g, 8);
+      return yt(b, 8);
     }
-    const m = i.require(f.type);
-    return gt(m.toMjml(f.props, l), 8);
+    const f = i.require(m.type);
+    return yt(f.toMjml(m.props, l), 8);
   }).join(`
 `);
-  return `      <mj-column width="${t}"${a}${p}${_}>
+  return `      <mj-column width="${t}"${a}${p}${g}>
 ${u || "        <!-- empty column -->"}
       </mj-column>`;
 }
-function ue(o) {
+function be(o) {
   const t = o.split("-").map(Number), e = t.reduce((s, n) => s + n, 0);
   return t.map((s) => `${(s / e * 100).toFixed(2)}%`);
 }
-function gt(o, t) {
+function yt(o, t) {
   const e = " ".repeat(t);
   return o.split(`
 `).map((s) => s && e + s).join(`
 `);
 }
-function lt(o, t, e = {}) {
+function at(o, t, e = {}) {
   const s = e.engine ?? "mjml";
   if (s !== "mjml")
     throw new Error(`渲染引擎暂未实现: ${s}`);
-  const n = le(o, t), i = Kt(n, {
+  const n = pe(o, t), i = te(n, {
     validationLevel: "soft",
     keepComments: !1
   });
   let l = i.html;
-  return e.withSampleVariables && (l = he(l, o.variables)), {
+  return e.withSampleVariables && (l = ye(l, o.variables)), {
     mjml: n,
     html: l,
     errors: (i.errors || []).map((c) => ({
@@ -263,27 +263,27 @@ function lt(o, t, e = {}) {
     }))
   };
 }
-function he(o, t) {
+function ye(o, t) {
   return t.length ? o.replace(/\{\{\s*([^}\s]+)\s*\}\}/g, (e, s) => {
     const n = t.find((i) => i.key === s);
     return n && n.sample != null ? n.sample : e;
   }) : o;
 }
-let Ft = 0;
-function bt(o = "id") {
-  Ft += 1;
+let Mt = 0;
+function _t(o = "id") {
+  Mt += 1;
   const t = Date.now().toString(36).slice(-4), e = Math.floor(Math.random() * 36 ** 3).toString(36).padStart(3, "0");
-  return `${o}_${t}${e}${Ft.toString(36)}`;
+  return `${o}_${t}${e}${Mt.toString(36)}`;
 }
-class pe {
+class _e {
   constructor(t) {
-    y(this, "_doc");
-    y(this, "_selection", null);
-    y(this, "_listeners", /* @__PURE__ */ new Set());
-    y(this, "_selectionListeners", /* @__PURE__ */ new Set());
-    y(this, "_past", []);
-    y(this, "_future", []);
-    y(this, "_historyLimit", 100);
+    _(this, "_doc");
+    _(this, "_selection", null);
+    _(this, "_listeners", /* @__PURE__ */ new Set());
+    _(this, "_selectionListeners", /* @__PURE__ */ new Set());
+    _(this, "_past", []);
+    _(this, "_future", []);
+    _(this, "_historyLimit", 100);
     this._doc = t;
   }
   get doc() {
@@ -332,7 +332,7 @@ class pe {
     this._listeners.forEach((s) => s(e));
   }
 }
-function P(o, t) {
+function H(o, t) {
   return o.sections.find((e) => e.id === t);
 }
 function L(o, t) {
@@ -342,20 +342,20 @@ function L(o, t) {
       if (i) return { section: e, columnIndex: s, block: i };
     }
 }
-function Q(o, t) {
+function et(o, t) {
   const e = o.sections.find((n) => n.id === t);
   !e || e.columns.length > 1 || !e.columns.every((n) => n.blocks.length === 0) || (o.sections = o.sections.filter((n) => n.id !== t));
 }
-function ws(o) {
+function As(o) {
   o.sections = o.sections.filter(
     (t) => t.columns.some((e) => e.blocks.length > 0)
   );
 }
-const Cs = ["1-1", "1-2", "2-1"];
-function me(o) {
+const Bs = ["1-1", "1-2", "2-1"];
+function ve(o) {
   return o === "1-1" || o === "1-2" || o === "2-1";
 }
-function fe(o, t) {
+function ke(o, t) {
   const e = t.split("-").length, s = o.columns.length;
   if (e === s) {
     o.layout = t;
@@ -363,7 +363,7 @@ function fe(o, t) {
   }
   if (e > s)
     for (let n = s; n < e; n++)
-      o.columns.push({ id: bt("col"), attrs: {}, blocks: [] });
+      o.columns.push({ id: _t("col"), attrs: {}, blocks: [] });
   else {
     const n = o.columns.splice(e), i = o.columns[e - 1];
     if (i)
@@ -371,14 +371,14 @@ function fe(o, t) {
   }
   o.layout = t;
 }
-function U(o) {
+function W(o) {
   const t = o.split("-").length, e = Array.from({ length: t }, () => ({
-    id: bt("col"),
+    id: _t("col"),
     attrs: {},
     blocks: []
   }));
   return {
-    id: bt("sec"),
+    id: _t("sec"),
     type: "section",
     layout: o,
     attrs: {
@@ -391,18 +391,79 @@ function U(o) {
     columns: e
   };
 }
-const ge = {
+function Ut(o) {
+  const t = String(o || "").trim(), e = t.match(/^\{\{\s*([^}]+?)\s*\}\}$/);
+  return ((e == null ? void 0 : e[1]) || t.replace(/^\{\{\s*/, "").replace(/\s*\}\}$/, "")).trim();
+}
+function q(o) {
+  return `{{${o}}}`;
+}
+function we(o) {
+  var t;
+  return o.sample != null && String(o.sample).trim() !== "" ? String(o.sample) : o.kind === "image" ? "https://via.placeholder.com/120x80/e8e8e8/666666?text=Image" : o.kind === "link" ? "#" : ((t = o.label) == null ? void 0 : t.trim()) || o.key;
+}
+function O(o) {
+  var s;
+  const t = ((s = o.key) == null ? void 0 : s.trim()) || Ut(String(o.key)), e = o.kind ?? "text";
+  return {
+    ...o,
+    key: t,
+    kind: e,
+    sample: we({ ...o, key: t, kind: e })
+  };
+}
+function Gt(o, t) {
+  const e = o.replace(/"/g, "&quot;"), s = o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  return `<a href="${e}" style="color:${t} !important;text-decoration:underline;">${s}</a>`;
+}
+function Kt(o) {
+  const t = O(o);
+  return { content: q(t.key), asHtml: !1 };
+}
+function Ce(o, t) {
+  var i, l;
+  const e = O(o), s = ((i = t == null ? void 0 : t.token) == null ? void 0 : i.trim()) || q(e.key), n = ((l = t == null ? void 0 : t.linkColor) == null ? void 0 : l.trim()) || "#ff5a00";
+  if (e.kind === "link")
+    return {
+      content: Gt(s, n),
+      asHtml: !0
+    };
+  if (e.kind === "image") {
+    const c = Ut(s);
+    return {
+      content: `<img src="${s.replace(/"/g, "&quot;")}" alt="${c.replace(/"/g, "&quot;")}" width="100" style="max-width:100%;height:auto;display:block;border:0;" />`,
+      asHtml: !0
+    };
+  }
+  return Kt(e);
+}
+function Is(o, t) {
+  const e = O(o);
+  return e.kind === "link" || e.kind === "image" ? Ce(e, t) : Kt(e);
+}
+function $t(o, t) {
+  const e = String(o ?? "").trim();
+  if (!t) return e;
+  if (!e) return `<p style="margin:0;">${t}</p>`;
+  const s = e.match(/<\/(p|div|h[1-6]|li)>\s*$/i);
+  if (s && s.index != null) {
+    const n = s.index;
+    return e.slice(0, n) + t + e.slice(n);
+  }
+  return e + t;
+}
+const Se = {
   1: "一列",
   "1-1": "两列",
   "1-2": "1:2",
   "2-1": "2:1",
   "1-1-1": "三列"
 };
-function yt(o) {
-  return ge[o] ?? o;
+function vt(o) {
+  return Se[o] ?? o;
 }
-function zt(o, t = "  ") {
-  var p, _;
+function Xt(o, t = "  ") {
+  var p, g;
   if (!o) return "";
   const e = /* @__PURE__ */ new Set([
     "area",
@@ -423,9 +484,9 @@ function zt(o, t = "  ") {
   let i = 0, l = [];
   const c = [], a = (d) => t.repeat(Math.max(0, d));
   for (const d of n) {
-    const u = d, f = l.length > 0;
+    const u = d, m = l.length > 0;
     if (u.startsWith("<!--") || u.startsWith("<![")) {
-      f ? c.push(u) : c.push(a(i) + u.trim());
+      m ? c.push(u) : c.push(a(i) + u.trim());
       continue;
     }
     if (u.startsWith("<!")) {
@@ -433,8 +494,8 @@ function zt(o, t = "  ") {
       continue;
     }
     if (u.startsWith("</")) {
-      const m = (p = (u.match(/^<\/([\w-]+)/) ?? [])[1]) == null ? void 0 : p.toLowerCase();
-      if (l[l.length - 1] === m) {
+      const f = (p = (u.match(/^<\/([\w-]+)/) ?? [])[1]) == null ? void 0 : p.toLowerCase();
+      if (l[l.length - 1] === f) {
         l.pop(), c.push(u);
         continue;
       }
@@ -442,34 +503,34 @@ function zt(o, t = "  ") {
       continue;
     }
     if (u.startsWith("<")) {
-      const m = (_ = (u.match(/^<([\w-]+)/) ?? [])[1]) == null ? void 0 : _.toLowerCase(), g = u.endsWith("/>") || m && e.has(m);
-      if (f) {
-        c.push(u), m && s.has(m) && !g && l.push(m);
+      const f = (g = (u.match(/^<([\w-]+)/) ?? [])[1]) == null ? void 0 : g.toLowerCase(), b = u.endsWith("/>") || f && e.has(f);
+      if (m) {
+        c.push(u), f && s.has(f) && !b && l.push(f);
         continue;
       }
-      c.push(a(i) + u.trim()), m && !g && (s.has(m) ? l.push(m) : i += 1);
+      c.push(a(i) + u.trim()), f && !b && (s.has(f) ? l.push(f) : i += 1);
       continue;
     }
-    if (f)
+    if (m)
       c.push(u);
     else {
-      const m = u.replace(/\s+/g, " ").trim();
-      m && c.push(a(i) + m);
+      const f = u.replace(/\s+/g, " ").trim();
+      f && c.push(a(i) + f);
     }
   }
   return c.join(`
 `);
 }
-class ct {
+class dt {
   constructor(t) {
-    y(this, "el");
-    y(this, "mask");
-    y(this, "card");
-    y(this, "headerEl");
-    y(this, "bodyEl");
-    y(this, "footerEl");
-    y(this, "opts");
-    y(this, "keydownHandler");
+    _(this, "el");
+    _(this, "mask");
+    _(this, "card");
+    _(this, "headerEl");
+    _(this, "bodyEl");
+    _(this, "footerEl");
+    _(this, "opts");
+    _(this, "keydownHandler");
     this.opts = t, this.mask = r("div", {
       class: "sm-modal__mask",
       onclick: (e) => {
@@ -521,7 +582,7 @@ class ct {
         title: "关闭 Esc",
         onclick: () => this._handleClose()
       },
-      [be()]
+      [Ee()]
     );
     this.headerEl.append(t, e, s);
   }
@@ -530,18 +591,18 @@ class ct {
     this.keydownHandler && document.removeEventListener("keydown", this.keydownHandler), this.el.classList.remove("is-open"), setTimeout(() => this.el.remove(), 180), (e = (t = this.opts).onClose) == null || e.call(t);
   }
 }
-function be() {
+function Ee() {
   const o = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return o.setAttribute("width", "16"), o.setAttribute("height", "16"), o.setAttribute("viewBox", "0 0 20 20"), o.innerHTML = '<path d="M5 5l10 10M15 5L5 15" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>', o;
 }
-class ye {
+class xe {
   constructor(t) {
-    y(this, "opts");
-    y(this, "modal");
-    y(this, "editorHost");
-    y(this, "cm", null);
-    y(this, "blockId", null);
-    this.opts = t, this.modal = new ct({
+    _(this, "opts");
+    _(this, "modal");
+    _(this, "editorHost");
+    _(this, "cm", null);
+    _(this, "blockId", null);
+    this.opts = t, this.modal = new dt({
       title: "编辑组件代码",
       className: "sm-modal--block-code",
       width: "min(720px, 92vw)",
@@ -568,11 +629,11 @@ class ye {
     if (!n) return;
     this._destroyCm(), this.blockId = t;
     const i = n.block, l = this.opts.registry.get(i.type), c = i.lockedMjml ?? (l ? l.toMjml(i.props, { doc: s, engine: "mjml" }) : "");
-    this.modal.setTitle(`编辑组件代码 · ${e}`), this.cm = new it({
+    this.modal.setTitle(`编辑组件代码 · ${e}`), this.cm = new rt({
       parent: this.editorHost,
-      state: V.create({
+      state: U.create({
         doc: c,
-        extensions: [ot, rt()]
+        extensions: [lt, ct()]
       })
     }), this.modal.open(this.opts.mountParent);
   }
@@ -581,7 +642,7 @@ class ye {
   }
   _beautify() {
     if (!this.cm) return;
-    const t = zt(this.cm.state.doc.toString());
+    const t = Xt(this.cm.state.doc.toString());
     this.cm.dispatch({
       changes: { from: 0, to: this.cm.state.doc.length, insert: t }
     });
@@ -598,17 +659,17 @@ class ye {
     this.cm && (this.cm.destroy(), this.cm = null), this.blockId = null;
   }
 }
-function wt(o = document) {
+function St(o = document) {
   return o;
 }
-function N(o, t = !1, e, s = document) {
-  return wt(s).execCommand(o, t, e);
+function T(o, t = !1, e, s = document) {
+  return St(s).execCommand(o, t, e);
 }
-function R(o, t = document) {
-  return wt(t).queryCommandState(o);
+function P(o, t = document) {
+  return St(t).queryCommandState(o);
 }
-function _e(o, t = document) {
-  return wt(t).queryCommandValue(o);
+function Fe(o, t = document) {
+  return St(t).queryCommandValue(o);
 }
 function A(o) {
   const t = o.trim();
@@ -616,19 +677,19 @@ function A(o) {
   const e = t.replace(/^#/, "");
   return /^[0-9a-fA-F]{3}$/.test(e) ? `#${(e[0] + e[0] + e[1] + e[1] + e[2] + e[2]).toUpperCase()}` : /^[0-9a-fA-F]{6}$/.test(e) ? `#${e.toUpperCase()}` : null;
 }
-function ve(o) {
+function Le(o) {
   const t = o.trim().match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/);
   if (!t) return null;
   const e = (s) => Number(s).toString(16).padStart(2, "0");
   return `#${e(t[1])}${e(t[2])}${e(t[3])}`;
 }
-function ke(o, t) {
+function Me(o, t) {
   const e = A(o);
   if (!e) return t ? "rgba(129, 140, 248, 0.18)" : "rgba(79, 70, 229, 0.12)";
   const s = parseInt(e.slice(1, 3), 16), n = parseInt(e.slice(3, 5), 16), i = parseInt(e.slice(5, 7), 16);
   return `rgba(${s},${n},${i},${t ? 0.22 : 0.14})`;
 }
-const we = [
+const $e = [
   "#FFFFFF",
   "#F5F6F8",
   "#E6E8EC",
@@ -654,21 +715,21 @@ const we = [
   "#EEF2FF",
   "#F3E8FF"
 ];
-let W = null;
-function Lt() {
-  return W !== null;
+let z = null;
+function At() {
+  return z !== null;
 }
-function Ce() {
-  W == null || W(), W = null;
+function Ae() {
+  z == null || z(), z = null;
 }
-function Se(o, t, e) {
+function Be(o, t, e) {
   const s = t.getBoundingClientRect(), n = e.getBoundingClientRect();
   o.style.top = `${s.bottom - n.top + 4}px`, o.style.left = `${Math.max(4, s.left - n.left)}px`, requestAnimationFrame(() => {
     const i = o.getBoundingClientRect();
     i.right > n.right - 8 && (o.style.left = `${Math.max(4, parseFloat(o.style.left) - (i.right - n.right + 8))}px`), i.bottom > window.innerHeight - 8 && (o.style.top = `${s.top - n.top - i.height - 4}px`);
   });
 }
-function Ee(o) {
+function Ie(o) {
   o.addEventListener(
     "mousedown",
     (t) => {
@@ -677,13 +738,13 @@ function Ee(o) {
     !0
   );
 }
-function Mt(o, t) {
+function Bt(o, t) {
   const e = A(t);
   e && (o.value = e);
 }
-function xe(o) {
-  var b;
-  Ce(), (b = o.onBeforeOpen) == null || b.call(o);
+function Te(o) {
+  var y;
+  Ae(), (y = o.onBeforeOpen) == null || y.call(o);
   const t = A(o.value);
   let e = t ?? "#4F46E5", s = !1;
   const n = r("div", {
@@ -713,23 +774,23 @@ function xe(o) {
     class: "sm-input sm-color-picker__hex",
     type: "text",
     placeholder: o.placeholder ?? "#RRGGBB"
-  }), _ = (h, v) => {
+  }), g = (h, v) => {
     var w;
     const k = A(h);
-    k && (e = k, Mt(a, k), p.value = k, (w = o.onPreview) == null || w.call(o, k), (v || o.liveCommit) && o.onCommit(k));
+    k && (e = k, Bt(a, k), p.value = k, (w = o.onPreview) == null || w.call(o, k), (v || o.liveCommit) && o.onCommit(k));
   };
-  Mt(a, e), p.value = t ?? "";
+  Bt(a, e), p.value = t ?? "";
   const d = (h) => {
     var v;
     if (!s) {
-      if (s = !0, W = null, document.removeEventListener("keydown", m, !0), document.removeEventListener("mousedown", g, !0), n.remove(), h && !o.liveCommit) {
+      if (s = !0, z = null, document.removeEventListener("keydown", f, !0), document.removeEventListener("mousedown", b, !0), n.remove(), h && !o.liveCommit) {
         const k = A(e);
         k && o.onCommit(k);
       }
       (v = o.onClosed) == null || v.call(o);
     }
   }, u = r("div", { class: "sm-color-picker__swatches" });
-  for (const h of we) {
+  for (const h of $e) {
     const v = r("button", {
       class: "sm-color-picker__swatch",
       type: "button",
@@ -737,23 +798,23 @@ function xe(o) {
       style: `background:${h}`,
       "aria-label": h
     });
-    v.addEventListener("click", () => _(h, !1)), v.addEventListener("dblclick", (k) => {
-      k.preventDefault(), _(h, !0), d(!0);
+    v.addEventListener("click", () => g(h, !1)), v.addEventListener("dblclick", (k) => {
+      k.preventDefault(), g(h, !0), d(!0);
     }), u.append(v);
   }
-  a.addEventListener("input", () => _(a.value, !1)), p.addEventListener("input", () => {
+  a.addEventListener("input", () => g(a.value, !1)), p.addEventListener("input", () => {
     const h = A(p.value);
-    h && _(h, !1);
+    h && g(h, !1);
   }), p.addEventListener("keydown", (h) => {
     const v = h;
     if (v.key === "Enter") {
       v.preventDefault();
       const k = A(p.value);
-      k && (_(k, !0), d(!0));
+      k && (g(k, !0), d(!0));
     }
   });
-  const f = [];
-  o.allowClear && f.push(
+  const m = [];
+  o.allowClear && m.push(
     r(
       "button",
       {
@@ -766,19 +827,19 @@ function xe(o) {
       },
       ["清除"]
     )
-  ), i.append(c, u, a, p), f.length && i.append(r("div", { class: "sm-color-picker__foot" }, f)), n.append(i), Ee(n), o.layerRoot.append(n), Se(n, o.anchor, o.layerRoot), l.addEventListener("click", (h) => {
+  ), i.append(c, u, a, p), m.length && i.append(r("div", { class: "sm-color-picker__foot" }, m)), n.append(i), Ie(n), o.layerRoot.append(n), Be(n, o.anchor, o.layerRoot), l.addEventListener("click", (h) => {
     h.preventDefault(), d(!0);
   });
-  const m = (h) => {
+  const f = (h) => {
     var v;
     h.key === "Escape" && (h.preventDefault(), h.stopPropagation(), t && ((v = o.onPreview) == null || v.call(o, t)), d(!1));
-  }, g = (h) => {
+  }, b = (h) => {
     const v = h.target;
     n.contains(v) || o.anchor.contains(v) || d(!0);
   };
-  document.addEventListener("keydown", m, !0), setTimeout(() => document.addEventListener("mousedown", g, !0), 0), W = () => d(!0), o.autoFocusHex !== !1 && p.focus();
+  document.addEventListener("keydown", f, !0), setTimeout(() => document.addEventListener("mousedown", b, !0), 0), z = () => d(!0), o.autoFocusHex !== !1 && p.focus();
 }
-function G(o, t) {
+function X(o, t) {
   o.title || (o.title = "点击打开色板；预设色块可双击快速确认"), o.addEventListener("mousedown", (e) => {
     var s;
     e.preventDefault(), (s = t.onBeforeOpen) == null || s.call(t);
@@ -786,7 +847,7 @@ function G(o, t) {
     var i;
     e.preventDefault(), e.stopPropagation();
     const s = t.layerRoot ?? o.closest(".sm-root") ?? document.body, n = ((i = t.getValue) == null ? void 0 : i.call(t)) ?? o.value;
-    xe({
+    Te({
       ...t,
       anchor: o,
       layerRoot: s,
@@ -794,26 +855,26 @@ function G(o, t) {
     });
   });
 }
-class Fe {
+class Re {
   constructor(t) {
-    y(this, "opts");
-    y(this, "el");
-    y(this, "listeners", []);
-    y(this, "committed", !1);
-    y(this, "originalContent");
+    _(this, "opts");
+    _(this, "el");
+    _(this, "listeners", []);
+    _(this, "committed", !1);
+    _(this, "originalContent");
     /** 防止 selectionchange 在我们 destroy 之后还回调 */
-    y(this, "alive", !0);
+    _(this, "alive", !0);
     /**
      * 上一次"用户在编辑区内"时的有效选区。
      * 当用户去工具条点 select / input 时焦点会离开 contenteditable，
      * execCommand 在那种状态下会哑火——必须先 focus 回来，再恢复选区，再执行命令。
      */
-    y(this, "savedRange", null);
+    _(this, "savedRange", null);
     /** 富文本工具条控件会抢走焦点，此时 getSelection 已不在编辑区内；保留上一帧状态避免工具条整栏收起。 */
-    y(this, "lastSelectionState", null);
+    _(this, "lastSelectionState", null);
     /** hiliteColor 在输入前不写 DOM；记录「待输入背景色 + 锚点」以便 bar 即时同步，移开光标后清除 */
-    y(this, "pendingHiliteColor", null);
-    y(this, "pendingHiliteAnchor", null);
+    _(this, "pendingHiliteColor", null);
+    _(this, "pendingHiliteAnchor", null);
     this.opts = t, this.el = t.el, this.originalContent = this.el.innerHTML, this._mount();
   }
   /** 立即提交并销毁。 */
@@ -821,7 +882,7 @@ class Fe {
     if (this.committed) return;
     this.committed = !0;
     const t = this.opts.mode === "plain" ? (this.el.textContent ?? "").replace(/\s+\n/g, `
-`).trim() : this.opts.mode === "html" ? this.el.innerHTML : Pe(this.el.innerHTML);
+`).trim() : this.opts.mode === "html" ? this.el.innerHTML : Oe(this.el.innerHTML);
     this.opts.onCommit(t), this.destroy(!1);
   }
   /** 放弃编辑、还原 DOM 并销毁。 */
@@ -846,7 +907,7 @@ class Fe {
     this._ensureFocus(), this._restoreSelection();
     const s = window.getSelection();
     let n = null;
-    t === "hiliteColor" && (s != null && s.rangeCount) && (n = ut(s.getRangeAt(0))), N("styleWithCSS", !1, t === "insertOrderedList" || t === "insertUnorderedList" ? "false" : "true"), N(t, !1, e), t === "hiliteColor" && (this.pendingHiliteColor = e ?? null, this.pendingHiliteAnchor = n), this.saveSelection(), this._emitSelection();
+    t === "hiliteColor" && (s != null && s.rangeCount) && (n = pt(s.getRangeAt(0))), T("styleWithCSS", !1, t === "insertOrderedList" || t === "insertUnorderedList" ? "false" : "true"), T(t, !1, e), t === "hiliteColor" && (this.pendingHiliteColor = e ?? null, this.pendingHiliteAnchor = n), this.saveSelection(), this._emitSelection();
   }
   /**
    * 设置或移除超链接：已有 &lt;a&gt; 则改 href；否则 createLink。
@@ -856,17 +917,21 @@ class Fe {
     this._ensureFocus(), this._restoreSelection();
     const e = t.trim();
     if (!e) {
-      N("unlink"), this.saveSelection(), this._emitSelection();
+      T("unlink"), this.saveSelection(), this._emitSelection();
       return;
     }
     const s = /^https?:|^mailto:|^tel:|^\{\{/i.test(e) ? e : `https://${e}`, n = window.getSelection();
     if (!n || n.rangeCount === 0) return;
-    const i = $t(n.anchorNode, this.el);
-    i ? (i.setAttribute("href", s), i.getAttribute("rel") || i.setAttribute("rel", "noopener")) : (N("styleWithCSS", !1, "true"), N("createLink", !1, s)), this.saveSelection(), this._emitSelection();
+    const i = It(n.anchorNode, this.el);
+    i ? (i.setAttribute("href", s), i.getAttribute("rel") || i.setAttribute("rel", "noopener")) : (T("styleWithCSS", !1, "true"), T("createLink", !1, s)), this.saveSelection(), this._emitSelection();
   }
   /** 在当前光标处插入纯文本（供"插入变量"使用）。 */
   insertText(t) {
-    this._ensureFocus(), this._restoreSelection(), N("insertText", !1, t), this.saveSelection();
+    this._ensureFocus(), this._restoreSelection(), T("insertText", !1, t), this.saveSelection();
+  }
+  /** 在当前光标处插入 HTML 片段（供链接类变量使用）。 */
+  insertHtml(t) {
+    this._ensureFocus(), this._restoreSelection(), T("insertHTML", !1, t), this.saveSelection();
   }
   /** Toolbar 关闭某个面板/控件后调用，把选区还给编辑区，方便用户继续输入。 */
   refocus() {
@@ -874,7 +939,7 @@ class Fe {
   }
   /** 字号：走原生 fontSize 命令（styleWithCSS 下浏览器会写 span），与 foreColor 同类 */
   applyFontSize(t) {
-    this.exec("fontSize", Re(t));
+    this.exec("fontSize", ze(t));
   }
   /**
    * 字重：浏览器只有 bold 命令，没有 font-weight:500/600 的原生 API，需包 span。
@@ -917,69 +982,69 @@ class Fe {
   /* -------------------------------- 内部 ---------------------------------- */
   _mount() {
     const { el: t, mode: e, multiline: s, placeholder: n } = this.opts;
-    t.setAttribute("contenteditable", "true"), t.classList.add("sm-inline-editing"), n && t.setAttribute("data-placeholder", n), this.opts.initialValue && (t.innerHTML = e === "plain" ? Ne(this.opts.initialValue) : this.opts.initialValue), requestAnimationFrame(() => {
-      t.focus(), Le(t);
+    t.setAttribute("contenteditable", "true"), t.classList.add("sm-inline-editing"), n && t.setAttribute("data-placeholder", n), this.opts.initialValue && (t.innerHTML = e === "plain" ? qe(this.opts.initialValue) : this.opts.initialValue), requestAnimationFrame(() => {
+      t.focus(), Ne(t);
     });
     let i = !1, l = !1;
     const c = () => {
       i = !0;
     }, a = () => {
       i = !1, l = !0;
-    }, p = (g) => {
-      if (g.key === "Escape") {
-        g.preventDefault(), this.cancel();
+    }, p = (b) => {
+      if (b.key === "Escape") {
+        b.preventDefault(), this.cancel();
         return;
       }
-      if (g.key === "Enter") {
-        if (g.isComposing || i || g.keyCode === 229) return;
+      if (b.key === "Enter") {
+        if (b.isComposing || i || b.keyCode === 229) return;
         if (l) {
           l = !1;
           return;
         }
         if (!s) {
-          g.preventDefault(), this.commit();
+          b.preventDefault(), this.commit();
           return;
         }
-        g.preventDefault(), N("insertLineBreak");
+        b.preventDefault(), T("insertLineBreak");
       }
-    }, _ = (g) => {
+    }, g = (b) => {
       setTimeout(() => {
-        var v, k, w, E, C, B, T;
+        var v, k, w, E, C, B, I, N, D;
         if (!this.alive) return;
-        const b = document.activeElement;
-        if (b && (b === t || t.contains(b)) || Lt() || (v = b == null ? void 0 : b.closest) != null && v.call(b, ".sm-floating-toolbar, .sm-color-picker, .sm-color-picker-layer") || (k = b == null ? void 0 : b.closest) != null && k.call(b, ".sm-panel--left") || (w = b == null ? void 0 : b.closest) != null && w.call(b, ".sm-block__handle, .sm-section__handle")) return;
-        const h = g.relatedTarget;
-        (E = h == null ? void 0 : h.closest) != null && E.call(h, ".sm-panel--left") || (C = h == null ? void 0 : h.closest) != null && C.call(h, ".sm-block-card") || (B = h == null ? void 0 : h.closest) != null && B.call(h, ".sm-block__handle, .sm-section__handle") || (T = h == null ? void 0 : h.closest) != null && T.call(h, ".sm-color-picker, .sm-color-picker-layer") || document.querySelector(".sm-root .sm-drag, .sm-root .sm-chosen") || this.commit();
+        const y = document.activeElement;
+        if (y && (y === t || t.contains(y)) || At() || (v = y == null ? void 0 : y.closest) != null && v.call(y, ".sm-floating-toolbar, .sm-color-picker, .sm-color-picker-layer") || (k = y == null ? void 0 : y.closest) != null && k.call(y, ".sm-topbar, .sm-popover") || (w = y == null ? void 0 : y.closest) != null && w.call(y, ".sm-panel--left") || (E = y == null ? void 0 : y.closest) != null && E.call(y, ".sm-block__handle, .sm-section__handle")) return;
+        const h = b.relatedTarget;
+        (C = h == null ? void 0 : h.closest) != null && C.call(h, ".sm-panel--left") || (B = h == null ? void 0 : h.closest) != null && B.call(h, ".sm-block-card") || (I = h == null ? void 0 : h.closest) != null && I.call(h, ".sm-block__handle, .sm-section__handle") || (N = h == null ? void 0 : h.closest) != null && N.call(h, ".sm-color-picker, .sm-color-picker-layer") || (D = h == null ? void 0 : h.closest) != null && D.call(h, ".sm-topbar, .sm-popover") || document.querySelector(".sm-root .sm-drag, .sm-root .sm-chosen") || this.commit();
       }, 0);
-    }, d = (g) => {
+    }, d = (b) => {
       var v;
       if (e !== "plain") return;
-      g.preventDefault();
-      const b = ((v = g.clipboardData) == null ? void 0 : v.getData("text/plain")) ?? "", h = s ? b : b.replace(/\r?\n/g, " ");
-      N("insertText", !1, h);
+      b.preventDefault();
+      const y = ((v = b.clipboardData) == null ? void 0 : v.getData("text/plain")) ?? "", h = s ? y : y.replace(/\r?\n/g, " ");
+      T("insertText", !1, h);
     }, u = () => {
       this.alive && (this._syncPendingHiliteAnchor(), this.saveSelection(), this._emitSelection());
-    }, f = (g) => {
-      if (!(g instanceof Element)) return null;
-      const b = g.closest("a");
-      if (!b || !t.contains(b)) return null;
-      const h = b.getAttribute("href");
-      return h == null || h === "" || h === "#" ? null : b;
-    }, m = (g) => {
-      e !== "rich" && e !== "html" || f(g.target) && g.preventDefault();
+    }, m = (b) => {
+      if (!(b instanceof Element)) return null;
+      const y = b.closest("a");
+      if (!y || !t.contains(y)) return null;
+      const h = y.getAttribute("href");
+      return h == null || h === "" || h === "#" ? null : y;
+    }, f = (b) => {
+      e !== "rich" && e !== "html" || m(b.target) && b.preventDefault();
     };
-    t.addEventListener("keydown", p), t.addEventListener("compositionstart", c), t.addEventListener("compositionend", a), t.addEventListener("blur", _), t.addEventListener("paste", d), document.addEventListener("selectionchange", u), t.addEventListener("input", u), t.addEventListener("mouseup", u), (e === "rich" || e === "html") && (t.addEventListener("click", m, !0), t.addEventListener("auxclick", m, !0)), this.listeners.push(
+    t.addEventListener("keydown", p), t.addEventListener("compositionstart", c), t.addEventListener("compositionend", a), t.addEventListener("blur", g), t.addEventListener("paste", d), document.addEventListener("selectionchange", u), t.addEventListener("input", u), t.addEventListener("mouseup", u), (e === "rich" || e === "html") && (t.addEventListener("click", f, !0), t.addEventListener("auxclick", f, !0)), this.listeners.push(
       () => t.removeEventListener("keydown", p),
       () => t.removeEventListener("compositionstart", c),
       () => t.removeEventListener("compositionend", a),
-      () => t.removeEventListener("blur", _),
+      () => t.removeEventListener("blur", g),
       () => t.removeEventListener("paste", d),
       () => document.removeEventListener("selectionchange", u),
       () => t.removeEventListener("input", u),
       () => t.removeEventListener("mouseup", u),
       ...e === "rich" || e === "html" ? [
-        () => t.removeEventListener("click", m, !0),
-        () => t.removeEventListener("auxclick", m, !0)
+        () => t.removeEventListener("click", f, !0),
+        () => t.removeEventListener("auxclick", f, !0)
       ] : []
     );
   }
@@ -993,7 +1058,7 @@ class Fe {
       this._clearPendingHilite();
       return;
     }
-    ut(t.getRangeAt(0)) !== this.pendingHiliteAnchor && this._clearPendingHilite();
+    pt(t.getRangeAt(0)) !== this.pendingHiliteAnchor && this._clearPendingHilite();
   }
   _clearPendingHilite() {
     this.pendingHiliteColor = null, this.pendingHiliteAnchor = null;
@@ -1013,27 +1078,27 @@ class Fe {
       this._emitSelectionOrKeepToolbar(null);
       return;
     }
-    const e = t.getRangeAt(0), s = t.isCollapsed ? this._caretRect(e) : e.getBoundingClientRect(), n = R("justifyCenter") ? "center" : R("justifyRight") ? "right" : R("justifyFull") ? "justify" : "left", i = (() => {
-      const _ = $t(t.anchorNode, this.el);
-      return (_ == null ? void 0 : _.getAttribute("href")) ?? null;
-    })(), l = Me(this.el, t);
-    let c = l.foreColor ?? At("foreColor"), a = l.backColor;
-    !a && e.collapsed && this.pendingHiliteColor && this.pendingHiliteAnchor === ut(e) && (a = this.pendingHiliteColor), l.backColor && this._clearPendingHilite();
+    const e = t.getRangeAt(0), s = t.isCollapsed ? this._caretRect(e) : e.getBoundingClientRect(), n = P("justifyCenter") ? "center" : P("justifyRight") ? "right" : P("justifyFull") ? "justify" : "left", i = (() => {
+      const g = It(t.anchorNode, this.el);
+      return (g == null ? void 0 : g.getAttribute("href")) ?? null;
+    })(), l = Pe(this.el, t);
+    let c = l.foreColor ?? Tt("foreColor"), a = l.backColor;
+    !a && e.collapsed && this.pendingHiliteColor && this.pendingHiliteAnchor === pt(e) && (a = this.pendingHiliteColor), l.backColor && this._clearPendingHilite();
     const p = {
       hasSelection: !0,
       rect: s,
       formats: {
-        bold: R("bold"),
-        italic: R("italic"),
-        underline: R("underline"),
-        strikethrough: R("strikeThrough"),
-        unorderedList: R("insertUnorderedList"),
-        orderedList: R("insertOrderedList"),
+        bold: P("bold"),
+        italic: P("italic"),
+        underline: P("underline"),
+        strikethrough: P("strikeThrough"),
+        unorderedList: P("insertUnorderedList"),
+        orderedList: P("insertOrderedList"),
         align: n,
         link: i,
         foreColor: c,
         fontSize: l.fontSize,
-        fontName: At("fontName"),
+        fontName: Tt("fontName"),
         fontWeight: l.fontWeight,
         backColor: a
       }
@@ -1043,7 +1108,7 @@ class Fe {
   /** 焦点在浮动工具条上时沿用上一帧选区，避免点开链接框 / 颜色等控件后工具条消失。 */
   _emitSelectionOrKeepToolbar(t) {
     var e, s, n, i, l, c;
-    if (t === null && this.lastSelectionState && Lt() || (s = (e = document.activeElement) == null ? void 0 : e.closest) != null && s.call(
+    if (t === null && this.lastSelectionState && At() || (s = (e = document.activeElement) == null ? void 0 : e.closest) != null && s.call(
       e,
       ".sm-floating-toolbar, .sm-color-picker, .sm-color-picker-layer"
     )) {
@@ -1063,7 +1128,7 @@ class Fe {
     return n.remove(), i;
   }
 }
-function $t(o, t) {
+function It(o, t) {
   for (; o && o !== t; ) {
     if (o.nodeType === 1 && o.tagName === "A")
       return o;
@@ -1071,71 +1136,71 @@ function $t(o, t) {
   }
   return null;
 }
-function Le(o) {
+function Ne(o) {
   const t = document.createRange();
   t.selectNodeContents(o), t.collapse(!1);
   const e = window.getSelection();
   e && (e.removeAllRanges(), e.addRange(t));
 }
-function At(o) {
+function Tt(o) {
   try {
-    const t = _e(o);
+    const t = Fe(o);
     return t || null;
   } catch {
     return null;
   }
 }
-function Me(o, t) {
-  const e = Ie(t, o);
+function Pe(o, t) {
+  const e = We(t, o);
   if (!e) return { fontSize: null, fontWeight: null, foreColor: null, backColor: null };
   let s = null;
   for (let c = e; c && o.contains(c) && c !== o; c = c.parentElement)
     c.style.fontWeight && (s = c.style.fontWeight);
-  const n = $e(o, e), i = Be(o, e), l = window.getComputedStyle(e).fontSize;
-  return s ? s = H(s) : s = R("bold") ? "700" : H(window.getComputedStyle(e).fontWeight), { fontSize: l, fontWeight: s, foreColor: n, backColor: i };
+  const n = He(o, e), i = De(o, e), l = window.getComputedStyle(e).fontSize;
+  return s ? s = j(s) : s = P("bold") ? "700" : j(window.getComputedStyle(e).fontWeight), { fontSize: l, fontWeight: s, foreColor: n, backColor: i };
 }
-function $e(o, t) {
+function He(o, t) {
   var s;
   for (let n = t; n && o.contains(n) && n !== o; n = n.parentElement) {
     const i = (s = n.style.color) == null ? void 0 : s.trim();
     if (i) return i;
-    const l = Ae(n.getAttribute("style"));
+    const l = je(n.getAttribute("style"));
     if (l) return l;
   }
   return window.getComputedStyle(t).color || null;
 }
-function Ae(o) {
+function je(o) {
   if (!o) return null;
   const t = o.match(/(?:^|;)\s*color\s*:\s*([^;]+)/i);
   return t && t[1].trim() || null;
 }
-function Be(o, t) {
+function De(o, t) {
   var e;
   for (let s = t; s && o.contains(s) && s !== o; s = s.parentElement) {
     const n = (e = s.style.backgroundColor) == null ? void 0 : e.trim();
-    if (n && !_t(n)) return n;
-    const i = Te(s.getAttribute("style"));
+    if (n && !kt(n)) return n;
+    const i = Ve(s.getAttribute("style"));
     if (i) return i;
     const l = window.getComputedStyle(s).backgroundColor;
-    if (l && !_t(l)) return l;
+    if (l && !kt(l)) return l;
   }
   return null;
 }
-function Te(o) {
+function Ve(o) {
   if (!o) return null;
   const t = o.match(/background(?:-color)?\s*:\s*([^;]+)/i);
   if (!t) return null;
   const e = t[1].trim();
-  return e && !_t(e) ? e : null;
+  return e && !kt(e) ? e : null;
 }
-function Ie(o, t) {
+function We(o, t) {
   const e = o.anchorNode;
   return !e || !t.contains(e) ? null : e.nodeType === Node.TEXT_NODE ? e.parentElement : e;
 }
-function ut(o) {
+function pt(o) {
   return `${o.startContainer.nodeType}:${o.startOffset}:${o.endContainer.nodeType}:${o.endOffset}`;
 }
-function Re(o) {
+function ze(o) {
   const t = {
     "10px": "1",
     "12px": "2",
@@ -1168,29 +1233,29 @@ function Re(o) {
   }
   return i;
 }
-function _t(o) {
+function kt(o) {
   const t = o.trim().toLowerCase();
   if (t === "transparent" || t === "inherit" || t === "initial" || t === "unset" || t === "rgba(0, 0, 0, 0)" || t === "rgba(0,0,0,0)") return !0;
   const e = t.match(/^rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)(?:[,\s/]+([\d.]+))?\s*\)$/);
   return e ? (e[4] !== void 0 ? parseFloat(e[4]) : 1) === 0 : !1;
 }
-function Ne(o) {
+function qe(o) {
   return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function Pe(o) {
+function Oe(o) {
   const t = document.createElement("template");
   return t.innerHTML = o, e(t.content), t.innerHTML.replace(/\u200b/g, "");
   function e(s) {
     const n = [];
     s.querySelectorAll("*").forEach((l) => {
-      var _;
+      var g;
       const c = l.tagName.toLowerCase();
       if (c === "font") {
-        const d = document.createElement("span"), u = l.getAttribute("color"), f = l.getAttribute("size"), m = l.getAttribute("face"), g = [l.getAttribute("style") ?? ""];
-        u && g.push(`color:${u}`), f && g.push(`font-size:${He(f)}`), m && g.push(`font-family:${m}`);
-        const b = g.filter(Boolean).join(";");
-        for (b && d.setAttribute("style", b); l.firstChild; ) d.appendChild(l.firstChild);
-        (_ = l.parentNode) == null || _.replaceChild(d, l);
+        const d = document.createElement("span"), u = l.getAttribute("color"), m = l.getAttribute("size"), f = l.getAttribute("face"), b = [l.getAttribute("style") ?? ""];
+        u && b.push(`color:${u}`), m && b.push(`font-size:${Ue(m)}`), f && b.push(`font-family:${f}`);
+        const y = b.filter(Boolean).join(";");
+        for (y && d.setAttribute("style", y); l.firstChild; ) d.appendChild(l.firstChild);
+        (g = l.parentNode) == null || g.replaceChild(d, l);
         return;
       }
       if (![
@@ -1233,7 +1298,7 @@ function Pe(o) {
     });
   }
 }
-function He(o) {
+function Ue(o) {
   return {
     1: "10px",
     2: "12px",
@@ -1244,22 +1309,22 @@ function He(o) {
     7: "32px"
   }[o] ?? o;
 }
-class je {
+class Ge {
   constructor(t) {
-    y(this, "el");
-    y(this, "inner");
-    y(this, "addBar");
-    y(this, "opts");
-    y(this, "sortableRefs", []);
+    _(this, "el");
+    _(this, "inner");
+    _(this, "addBar");
+    _(this, "opts");
+    _(this, "sortableRefs", []);
     /** 正在内联编辑的 block id；进入时画布不会被 store 触发的重渲染干扰它 */
-    y(this, "editingBlockId", null);
-    y(this, "inlineEditor", null);
+    _(this, "editingBlockId", null);
+    _(this, "inlineEditor", null);
     /** 当 store 在编辑期间触发了 change（外部调用之类），延迟到编辑结束再重渲染 */
-    y(this, "pendingRender", !1);
+    _(this, "pendingRender", !1);
     /** 设计模式下禁用画布内超链接导航（预览弹框 iframe 不在此 DOM 内，不受影响） */
-    y(this, "linkNavSuppression", new AbortController());
-    y(this, "blockCodeModal");
-    this.opts = t, this.el = r("div", { class: "sm-canvas-wrap" }), this.inner = r("div", { class: "sm-canvas" }), this.addBar = this._renderAddBar(), this.el.append(this.inner, this.addBar), this.blockCodeModal = new ye({
+    _(this, "linkNavSuppression", new AbortController());
+    _(this, "blockCodeModal");
+    this.opts = t, this.el = r("div", { class: "sm-canvas-wrap" }), this.inner = r("div", { class: "sm-canvas" }), this.addBar = this._renderAddBar(), this.el.append(this.inner, this.addBar), this.blockCodeModal = new xe({
       store: t.store,
       registry: t.registry,
       mountParent: t.layerRoot
@@ -1285,6 +1350,14 @@ class je {
     var t;
     (t = this.inlineEditor) == null || t.commit();
   }
+  /** 强制重绘（内联编辑中会延迟到 commit 后） */
+  refresh() {
+    if (this.editingBlockId) {
+      this.pendingRender = !0;
+      return;
+    }
+    this._render();
+  }
   destroy() {
     this.linkNavSuppression.abort(), this._exitEditing(!1), this._destroySortables(), this.blockCodeModal.destroy();
   }
@@ -1329,9 +1402,9 @@ class je {
   }
   /* -------------------------------- 渲染 ---------------------------------- */
   _render() {
-    this._destroySortables(), I(this.inner);
+    this._destroySortables(), R(this.inner);
     const { doc: t } = this.opts.store;
-    if (this.inner.style.maxWidth = Dt(t.meta.width), this.inner.style.background = t.styles.contentBackgroundColor, this.inner.style.fontFamily = t.styles.fontFamily, this.inner.style.fontSize = t.styles.fontSize, this.inner.style.fontWeight = H(t.styles.fontWeight), this.inner.style.color = t.styles.color, this.inner.style.lineHeight = t.styles.lineHeight ?? "1.25", this.inner.style.setProperty("--sm-editor-link-color", t.styles.linkColor), !t.sections.length)
+    if (this.inner.style.maxWidth = zt(t.meta.width), this.inner.style.background = t.styles.contentBackgroundColor, this.inner.style.fontFamily = t.styles.fontFamily, this.inner.style.fontSize = t.styles.fontSize, this.inner.style.fontWeight = j(t.styles.fontWeight), this.inner.style.color = t.styles.color, this.inner.style.lineHeight = t.styles.lineHeight ?? "1.25", this.inner.style.setProperty("--sm-editor-link-color", t.styles.linkColor), !t.sections.length)
       this.inner.append(
         r("div", { class: "sm-empty-doc" }, [
           "从左侧拖入布局开始，或直接双击开始 ✦"
@@ -1340,7 +1413,7 @@ class je {
     else
       for (let n = 0; n < t.sections.length; n++)
         this.inner.append(this._renderSection(t.sections[n], t, n));
-    const e = this.opts.autoWrapSection ? ["sections", "blocks"] : ["sections"], s = et.create(this.inner, {
+    const e = this.opts.autoWrapSection ? ["sections", "blocks"] : ["sections"], s = nt.create(this.inner, {
       group: { name: "sections", pull: !1, put: e },
       animation: 150,
       handle: ".sm-section__handle",
@@ -1354,7 +1427,7 @@ class je {
     this.sortableRefs.push(s), this._syncSelection();
   }
   _renderSection(t, e, s) {
-    const n = t.attrs, i = `${n.paddingTop ?? 0}px ${n.paddingRight ?? 0}px ${n.paddingBottom ?? 0}px ${n.paddingLeft ?? 0}px`, l = yt(t.layout), c = `区块 ${s + 1} · ${l}`, a = kt(n.width), p = a != null ? `max-width:${a};width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;` : "", _ = r("div", {
+    const n = t.attrs, i = `${n.paddingTop ?? 0}px ${n.paddingRight ?? 0}px ${n.paddingBottom ?? 0}px ${n.paddingLeft ?? 0}px`, l = vt(t.layout), c = `区块 ${s + 1} · ${l}`, a = Ct(n.width), p = a != null ? `max-width:${a};width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;` : "", g = r("div", {
       class: "sm-section-host",
       "data-id": t.id
     }), d = r("div", {
@@ -1371,7 +1444,7 @@ class je {
             type: "button",
             title: "拖拽排序"
           },
-          [Bt()]
+          [Rt()]
         ),
         r(
           "button",
@@ -1379,11 +1452,11 @@ class je {
             class: "sm-tool-btn",
             type: "button",
             title: "复制",
-            onclick: (m) => {
-              m.stopPropagation(), this._duplicateSection(t.id);
+            onclick: (f) => {
+              f.stopPropagation(), this._duplicateSection(t.id);
             }
           },
-          [Tt()]
+          [Nt()]
         ),
         r(
           "button",
@@ -1391,36 +1464,36 @@ class je {
             class: "sm-tool-btn sm-tool-btn--danger",
             type: "button",
             title: "删除",
-            onclick: (m) => {
-              m.stopPropagation(), this._removeSection(t.id);
+            onclick: (f) => {
+              f.stopPropagation(), this._removeSection(t.id);
             }
           },
-          [It()]
+          [Pt()]
         )
       ])
-    ]), f = r("div", {
+    ]), m = r("div", {
       class: "sm-section__columns",
-      style: De(t.layout, t.attrs.columnGap)
+      style: Ke(t.layout, t.attrs.columnGap)
     });
-    return t.columns.forEach((m, g) => {
-      f.append(this._renderColumn(t, m, g, e));
-    }), d.append(f), _.append(d, u), _.addEventListener("click", (m) => {
-      m.target.closest(".sm-block") || !m.altKey && this._shouldSuppressSectionSelectFromTextInteraction() || (m.stopPropagation(), this.opts.store.setSelection({ kind: "section", sectionId: t.id }));
-    }), _;
+    return t.columns.forEach((f, b) => {
+      m.append(this._renderColumn(t, f, b, e));
+    }), d.append(m), g.append(d, u), g.addEventListener("click", (f) => {
+      f.target.closest(".sm-block") || !f.altKey && this._shouldSuppressSectionSelectFromTextInteraction() || (f.stopPropagation(), this.opts.store.setSelection({ kind: "section", sectionId: t.id }));
+    }), g;
   }
   _renderColumn(t, e, s, n) {
     const i = e.blocks.length === 0, l = r("div", {
       class: `sm-column ${i ? "is-empty" : ""}`,
       "data-section-id": t.id,
       "data-column-index": String(s),
-      style: `flex:${We(t.layout, s)};${e.attrs.backgroundColor ? `background:${e.attrs.backgroundColor};` : ""}${e.attrs.verticalAlign ? `align-self:${Ve(e.attrs.verticalAlign)};` : ""}`
+      style: `flex:${Xe(t.layout, s)};${e.attrs.backgroundColor ? `background:${e.attrs.backgroundColor};` : ""}${e.attrs.verticalAlign ? `align-self:${Ye(e.attrs.verticalAlign)};` : ""}`
     });
     for (const a of e.blocks)
       l.append(this._renderBlock(t, s, a, n));
     i && l.addEventListener("dblclick", (a) => {
       a.target.closest(".sm-block") || (a.preventDefault(), a.stopPropagation(), this._insertEmptyTextAndEdit(t.id, s));
     });
-    const c = et.create(l, {
+    const c = nt.create(l, {
       group: { name: "blocks", put: ["blocks"] },
       animation: 150,
       draggable: ".sm-block",
@@ -1441,25 +1514,25 @@ class je {
     if (s.lockedMjml)
       if (s.type === "html") {
         const u = s.props;
-        c = `<div class="sm-html-content">${re(s.lockedMjml, {
+        c = `<div class="sm-html-content">${he(s.lockedMjml, {
           top: Number(u.paddingTop ?? 8),
           right: Number(u.paddingRight ?? 0),
           bottom: Number(u.paddingBottom ?? 8),
           left: Number(u.paddingLeft ?? 0)
         })}</div>`;
       } else
-        c = `<div style="padding:8px;color:#92400e;background:#fffbeb;border:1px dashed #f59e0b;font-family:monospace;font-size:11px;white-space:pre-wrap;">${Z(
+        c = `<div style="padding:8px;color:#92400e;background:#fffbeb;border:1px dashed #f59e0b;font-family:monospace;font-size:11px;white-space:pre-wrap;">${tt(
           s.lockedMjml
         )}</div>`;
-    else l != null && l.renderPreview ? c = l.renderPreview(s.props, i) : l ? c = `<div style="padding:16px;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;text-align:center;">${Z(
+    else l != null && l.renderPreview ? c = l.renderPreview(s.props, i) : l ? c = `<div style="padding:16px;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;text-align:center;">${tt(
       l.name
-    )}</div>` : c = `<div style="padding:8px;color:#dc2626;">未知组件: ${Z(s.type)}</div>`;
+    )}</div>` : c = `<div style="padding:8px;color:#dc2626;">未知组件: ${tt(s.type)}</div>`;
     const a = (l == null ? void 0 : l.name) ?? s.type, p = r("div", {
       class: `sm-block ${s.lockedMjml ? "is-locked" : ""}`,
       "data-id": s.id,
       "data-section-id": t.id,
       "data-column-index": String(e)
-    }), _ = r("div", { class: "sm-block__content", html: c }), d = r("div", { class: "sm-block__toolbar" }, [
+    }), g = r("div", { class: "sm-block__content", html: c }), d = r("div", { class: "sm-block__toolbar" }, [
       r("span", { class: "sm-block__toolbar-name", title: a }, [a]),
       r("div", { class: "sm-block__toolbar-actions" }, [
         r(
@@ -1470,7 +1543,7 @@ class je {
             title: "拖拽排序",
             onclick: (u) => u.stopPropagation()
           },
-          [Bt()]
+          [Rt()]
         ),
         l != null && l.inlineEditable && !s.lockedMjml ? r(
           "button",
@@ -1482,7 +1555,7 @@ class je {
               u.stopPropagation(), this._enterEditing(s);
             }
           },
-          [ze()]
+          [Je()]
         ) : null,
         r(
           "button",
@@ -1494,7 +1567,7 @@ class je {
               u.stopPropagation(), this.blockCodeModal.open(s.id, a);
             }
           },
-          [Oe()]
+          [Qe()]
         ),
         r(
           "button",
@@ -1506,7 +1579,7 @@ class je {
               u.stopPropagation(), this._duplicateBlock(s.id);
             }
           },
-          [Tt()]
+          [Nt()]
         ),
         r(
           "button",
@@ -1518,11 +1591,11 @@ class je {
               u.stopPropagation(), this._removeBlock(s.id);
             }
           },
-          [It()]
+          [Pt()]
         )
       ])
     ]);
-    return p.append(d, _), p.addEventListener("click", (u) => {
+    return p.append(d, g), p.addEventListener("click", (u) => {
       if (this.editingBlockId !== s.id) {
         if (u.altKey) {
           u.stopPropagation(), this.opts.store.setSelection({ kind: "section", sectionId: t.id });
@@ -1553,7 +1626,7 @@ class je {
             class: "sm-add-section-bar__btn",
             type: "button",
             onclick: () => this.opts.store.update((n) => {
-              n.sections.push(U(s.layout));
+              n.sections.push(W(s.layout));
             })
           },
           [s.label]
@@ -1577,7 +1650,7 @@ class je {
       if (c.sections.length > 0) return;
       const a = t.createBlock("text");
       a.props.content = "";
-      const p = U("1");
+      const p = W("1");
       p.columns[0].blocks.push(a), c.sections.push(p);
     });
     const s = (l = (i = this.opts.store.doc.sections[0]) == null ? void 0 : i.columns[0]) == null ? void 0 : l.blocks[0];
@@ -1593,7 +1666,7 @@ class je {
     if (!((i = s.get("text")) != null && i.inlineEditable)) return;
     const n = s.createBlock("text");
     n.props.content = "", this.opts.store.update((l) => {
-      const c = P(l, t);
+      const c = H(l, t);
       if (!c) return;
       const a = c.columns[e];
       !a || a.blocks.length > 0 || a.blocks.push(n);
@@ -1608,14 +1681,14 @@ class je {
     const e = this.opts.registry.get(t.type);
     if (!(e != null && e.inlineEditable)) return;
     const s = this.inner.querySelector(
-      `.sm-block[data-id="${J(t.id)}"]`
+      `.sm-block[data-id="${Z(t.id)}"]`
     ), n = s == null ? void 0 : s.querySelector(".sm-block__content");
     if (!n) return;
     const i = e.inlineEditable.selector ? n.querySelector(e.inlineEditable.selector) : n.firstElementChild;
     if (!i) return;
     this.editingBlockId = t.id, s == null || s.classList.add("is-editing");
     const l = (e.inlineEditable.mode === "plain", String(t.props[e.inlineEditable.propKey] ?? ""));
-    this.inlineEditor = new Fe({
+    this.inlineEditor = new Re({
       el: i,
       initialValue: l,
       mode: e.inlineEditable.mode,
@@ -1623,8 +1696,8 @@ class je {
       placeholder: e.inlineEditable.placeholder,
       onCommit: (c) => {
         const a = e.inlineEditable.propKey, p = t.id;
-        this._exitEditing(!1), this.opts.store.update((_) => {
-          const d = L(_, p);
+        this._exitEditing(!1), this.opts.store.update((g) => {
+          const d = L(g, p);
           d && (d.block.props[a] = c);
         });
       },
@@ -1645,7 +1718,7 @@ class je {
     const e = this.editingBlockId;
     this.editingBlockId = null, this.inlineEditor && (this.inlineEditor.destroy(t), this.inlineEditor = null), this.opts.toolbar.detach();
     const s = this.inner.querySelector(
-      `.sm-block[data-id="${J(e)}"]`
+      `.sm-block[data-id="${Z(e)}"]`
     );
     s == null || s.classList.remove("is-editing"), this.pendingRender && (this.pendingRender = !1, this._render());
   }
@@ -1659,40 +1732,40 @@ class je {
     return e != null && e.expandPaletteDrop ? e.expandPaletteDrop((s) => this.opts.registry.createBlock(s)) : [this.opts.registry.createBlock(t)];
   }
   _handleSectionAdd(t) {
-    var a, p, _;
+    var a, p, g;
     this._commitEditingBeforeStructureChange();
     const e = t.item, s = e.getAttribute("data-layout"), n = e.getAttribute("data-block-type"), i = e.getAttribute("data-id"), l = e.getAttribute("data-source-group"), c = t.newIndex ?? 0;
     if (s) {
       (a = e.parentElement) == null || a.removeChild(e), this.opts.store.update((d) => {
-        d.sections.splice(c, 0, U(s));
+        d.sections.splice(c, 0, W(s));
       });
       return;
     }
     if (l === "blocks" && n) {
       (p = e.parentElement) == null || p.removeChild(e);
-      const d = this._blocksFromPaletteDrop(n), u = U("1");
-      u.columns[0].blocks.splice(c, 0, ...d), this.opts.store.update((m) => {
-        m.sections.splice(c, 0, u);
+      const d = this._blocksFromPaletteDrop(n), u = W("1");
+      u.columns[0].blocks.splice(c, 0, ...d), this.opts.store.update((f) => {
+        f.sections.splice(c, 0, u);
       });
-      const f = d[0];
-      f && this.opts.store.setSelection({
+      const m = d[0];
+      m && this.opts.store.setSelection({
         kind: "block",
         sectionId: u.id,
         columnIndex: 0,
-        blockId: f.id
+        blockId: m.id
       });
       return;
     }
     if (i) {
-      (_ = e.parentElement) == null || _.removeChild(e);
-      const d = U("1");
+      (g = e.parentElement) == null || g.removeChild(e);
+      const d = W("1");
       this.opts.store.update((u) => {
-        const f = L(u, i);
-        if (!f) return;
-        const m = f.section.columns[f.columnIndex], g = m.blocks.findIndex((h) => h.id === i);
-        if (g < 0) return;
-        const [b] = m.blocks.splice(g, 1);
-        d.columns[0].blocks.push(b), u.sections.splice(c, 0, d), Q(u, f.section.id);
+        const m = L(u, i);
+        if (!m) return;
+        const f = m.section.columns[m.columnIndex], b = f.blocks.findIndex((h) => h.id === i);
+        if (b < 0) return;
+        const [y] = f.blocks.splice(b, 1);
+        d.columns[0].blocks.push(y), u.sections.splice(c, 0, d), et(u, m.section.id);
       }), this.opts.store.setSelection({
         kind: "block",
         sectionId: d.id,
@@ -1715,13 +1788,13 @@ class je {
     const n = t.item, i = t.newIndex ?? 0, l = n.getAttribute("data-source-group"), c = n.getAttribute("data-block-type"), a = n.getAttribute("data-id");
     if (l === "blocks" && c) {
       (p = n.parentElement) == null || p.removeChild(n);
-      const _ = this._blocksFromPaletteDrop(c);
+      const g = this._blocksFromPaletteDrop(c);
       this.opts.store.update((u) => {
-        var m;
-        const f = u.sections.find((g) => g.id === e);
-        f && ((m = f.columns[s]) == null || m.blocks.splice(i, 0, ..._));
+        var f;
+        const m = u.sections.find((b) => b.id === e);
+        m && ((f = m.columns[s]) == null || f.blocks.splice(i, 0, ...g));
       });
-      const d = _[0];
+      const d = g[0];
       d && this.opts.store.setSelection({
         kind: "block",
         sectionId: e,
@@ -1730,21 +1803,21 @@ class je {
       });
       return;
     }
-    a && this.opts.store.update((_) => {
-      var b;
-      const d = L(_, a);
+    a && this.opts.store.update((g) => {
+      var y;
+      const d = L(g, a);
       if (!d) return;
-      const u = d.section.columns[d.columnIndex], f = u.blocks.findIndex((h) => h.id === a);
-      if (f < 0) return;
-      const [m] = u.blocks.splice(f, 1), g = _.sections.find((h) => h.id === e);
-      (b = g == null ? void 0 : g.columns[s]) == null || b.blocks.splice(i, 0, m), Q(_, d.section.id);
+      const u = d.section.columns[d.columnIndex], m = u.blocks.findIndex((h) => h.id === a);
+      if (m < 0) return;
+      const [f] = u.blocks.splice(m, 1), b = g.sections.find((h) => h.id === e);
+      (y = b == null ? void 0 : b.columns[s]) == null || y.blocks.splice(i, 0, f), et(g, d.section.id);
     });
   }
   _handleBlockMove(t, e, s) {
     this._commitEditingBeforeStructureChange();
     const n = t.oldIndex ?? 0, i = t.newIndex ?? 0;
     n !== i && this.opts.store.update((l) => {
-      const c = l.sections.find((_) => _.id === e), a = c == null ? void 0 : c.columns[s];
+      const c = l.sections.find((g) => g.id === e), a = c == null ? void 0 : c.columns[s];
       if (!a) return;
       const [p] = a.blocks.splice(n, 1);
       a.blocks.splice(i, 0, p);
@@ -1773,7 +1846,7 @@ class je {
       const s = L(e, t);
       if (!s) return;
       const n = s.section.columns[s.columnIndex];
-      n.blocks = n.blocks.filter((i) => i.id !== t), Q(e, s.section.id);
+      n.blocks = n.blocks.filter((i) => i.id !== t), et(e, s.section.id);
     }), this.opts.store.setSelection(null);
   }
   _duplicateBlock(t) {
@@ -1806,62 +1879,62 @@ class je {
   _syncSelection() {
     var e, s;
     const t = this.opts.store.selection;
-    this.inner.querySelectorAll(".is-selected").forEach((n) => n.classList.remove("is-selected")), t && (t.kind === "section" ? (e = this.inner.querySelector(`.sm-section-host[data-id="${J(t.sectionId)}"]`)) == null || e.classList.add("is-selected") : (s = this.inner.querySelector(`.sm-block[data-id="${J(t.blockId)}"]`)) == null || s.classList.add("is-selected"));
+    this.inner.querySelectorAll(".is-selected").forEach((n) => n.classList.remove("is-selected")), t && (t.kind === "section" ? (e = this.inner.querySelector(`.sm-section-host[data-id="${Z(t.sectionId)}"]`)) == null || e.classList.add("is-selected") : (s = this.inner.querySelector(`.sm-block[data-id="${Z(t.blockId)}"]`)) == null || s.classList.add("is-selected"));
   }
   _destroySortables() {
     for (const t of this.sortableRefs) t.destroy();
     this.sortableRefs = [];
   }
 }
-function De(o, t) {
+function Ke(o, t) {
   return `display:flex;flex-wrap:nowrap;width:100%;${t != null && t > 0 ? `gap:${Math.min(t, 200)}px;` : ""}`;
 }
-function We(o, t) {
+function Xe(o, t) {
   const e = o.split("-").map(Number), s = e.reduce((i, l) => i + l, 0), n = e[t] ?? 1;
   return `${n} 1 0;min-width:0;width:${(n / s * 100).toFixed(2)}%`;
 }
-function Ve(o) {
+function Ye(o) {
   return o === "top" ? "flex-start" : o === "bottom" ? "flex-end" : "center";
 }
-function J(o) {
+function Z(o) {
   return typeof CSS < "u" && CSS.escape ? CSS.escape(o) : o.replace(/[^\w-]/g, "\\$&");
 }
-function K(o) {
+function Y(o) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return t.setAttribute("width", "12"), t.setAttribute("height", "12"), t.setAttribute("viewBox", "0 0 20 20"), t.innerHTML = o, t;
 }
-function Bt() {
-  return K(
+function Rt() {
+  return Y(
     '<circle cx="7" cy="5" r="1.4" fill="currentColor"/><circle cx="13" cy="5" r="1.4" fill="currentColor"/><circle cx="7" cy="10" r="1.4" fill="currentColor"/><circle cx="13" cy="10" r="1.4" fill="currentColor"/><circle cx="7" cy="15" r="1.4" fill="currentColor"/><circle cx="13" cy="15" r="1.4" fill="currentColor"/>'
   );
 }
-function Tt() {
-  return K(
+function Nt() {
+  return Y(
     '<rect x="6" y="6" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4" fill="none"/><path d="M4 12V5a1 1 0 011-1h7" stroke="currentColor" stroke-width="1.4" fill="none"/>'
   );
 }
-function It() {
-  return K(
+function Pt() {
+  return Y(
     '<path d="M5 6h10M8 6V4h4v2M6 6l1 10h6l1-10" stroke="currentColor" stroke-width="1.4" fill="none" stroke-linejoin="round"/>'
   );
 }
-function ze() {
-  return K(
+function Je() {
+  return Y(
     '<path d="M4 14l8-8 2 2-8 8H4v-2z" stroke="currentColor" stroke-width="1.4" fill="none" stroke-linejoin="round"/>'
   );
 }
-function Oe() {
-  return K(
+function Qe() {
+  return Y(
     '<path d="M7 7l-3 3 3 3M13 7l3 3-3 3" stroke="currentColor" stroke-width="1.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/>'
   );
 }
-class qe {
+class Ze {
   constructor(t) {
-    y(this, "opts");
-    y(this, "modal");
-    y(this, "cm", null);
-    y(this, "current", "");
-    this.opts = t, this.modal = new ct({
+    _(this, "opts");
+    _(this, "modal");
+    _(this, "cm", null);
+    _(this, "current", "");
+    this.opts = t, this.modal = new dt({
       title: "导出 HTML",
       className: "sm-modal--export",
       width: "min(960px, 96vw)",
@@ -1887,11 +1960,11 @@ class qe {
       },
       ["下载 .html"]
     );
-    this.modal.footer.append(s, n, i), this.cm = new it({
+    this.modal.footer.append(s, n, i), this.cm = new rt({
       parent: e,
-      state: V.create({
+      state: U.create({
         doc: "",
-        extensions: [ot, rt(), V.readOnly.of(!0)]
+        extensions: [lt, ct(), U.readOnly.of(!0)]
       })
     });
   }
@@ -1899,7 +1972,7 @@ class qe {
     this._compile(), this.modal.open(t);
   }
   _compile() {
-    const t = lt(this.opts.store.doc, this.opts.registry, {
+    const t = at(this.opts.store.doc, this.opts.registry, {
       withSampleVariables: this.opts.withSampleVariables ?? !0
     });
     this.current = t.html, this._setText(t.html);
@@ -1914,11 +1987,11 @@ class qe {
       await navigator.clipboard.writeText(this.current), this._toast("已复制到剪贴板");
     } catch {
       const t = document.createElement("textarea");
-      t.value = this.current, document.body.appendChild(t), t.select(), N("copy"), document.body.removeChild(t), this._toast("已复制");
+      t.value = this.current, document.body.appendChild(t), t.select(), T("copy"), document.body.removeChild(t), this._toast("已复制");
     }
   }
   _beautify() {
-    this.current = zt(this.current), this._setText(this.current);
+    this.current = Xt(this.current), this._setText(this.current);
   }
   _download() {
     const t = new Blob([this.current], { type: "text/html;charset=utf-8" }), e = URL.createObjectURL(t), s = document.createElement("a");
@@ -1935,29 +2008,29 @@ class qe {
     (t = this.cm) == null || t.destroy(), this.cm = null;
   }
 }
-const Ue = [
-  { layout: "1", name: "一列", icon: ht([1]) },
+const ts = [
+  { layout: "1", name: "一列", icon: mt([1]) },
   /** 默认 1:1；1:2 / 2:1 在选中 Section 后于右栏「列比例」切换 */
-  { layout: "1-1", name: "两列", icon: ht([1, 1]) },
-  { layout: "1-1-1", name: "三列", icon: ht([1, 1, 1]) }
+  { layout: "1-1", name: "两列", icon: mt([1, 1]) },
+  { layout: "1-1-1", name: "三列", icon: mt([1, 1, 1]) }
 ];
-class Ge {
+class es {
   constructor(t) {
-    y(this, "el");
-    y(this, "opts");
+    _(this, "el");
+    _(this, "opts");
     this.opts = t, this.el = r("aside", { class: "sm-panel sm-panel--left" }), this._render();
   }
   refresh() {
     this._render();
   }
   _render() {
-    I(this.el);
+    R(this.el);
     const t = this.opts.registry.byCategory("content"), e = this.opts.registry.byCategory("custom"), s = r("div", { class: "sm-blocks" });
     s.append(this._renderLayoutGroup()), t.length && s.append(this._renderBlockGroup("内容", t)), e.length && s.append(this._renderBlockGroup("自定义", e)), this.el.append(s);
   }
   _renderLayoutGroup() {
     const t = r("div", { class: "sm-blocks__grid" });
-    for (const e of Ue)
+    for (const e of ts)
       t.append(
         r(
           "div",
@@ -1973,7 +2046,7 @@ class Ge {
           ]
         )
       );
-    return et.create(t, {
+    return nt.create(t, {
       group: { name: "sections", pull: "clone", put: !1 },
       sort: !1,
       animation: 120,
@@ -2003,7 +2076,7 @@ class Ge {
           ]
         )
       );
-    return et.create(s, {
+    return nt.create(s, {
       group: { name: "blocks", pull: "clone", put: !1 },
       sort: !1,
       animation: 120,
@@ -2016,7 +2089,7 @@ class Ge {
     ]);
   }
 }
-function ht(o) {
+function mt(o) {
   const t = o.reduce((c, a) => c + a, 0), e = 24, s = 1, n = e - s * (o.length - 1);
   let i = 0;
   return `<svg width="24" height="24" viewBox="0 0 24 24">${o.map((c) => {
@@ -2026,22 +2099,22 @@ function ht(o) {
     return i += a + s, p;
   }).join("")}</svg>`;
 }
-const Rt = {
+const Ht = {
   pc: { width: 800, label: "PC" },
   pad: { width: 640, label: "Pad" },
   phone: { width: 375, label: "Phone" }
-}, nt = class nt {
+}, ot = class ot {
   constructor(t) {
-    y(this, "opts");
-    y(this, "modal");
-    y(this, "device", "pc");
-    y(this, "iframe");
-    y(this, "viewport");
-    y(this, "deviceBtns", {});
-    y(this, "iframeRo");
-    y(this, "layoutRaf", null);
-    y(this, "onWinResize");
-    this.opts = t, this.modal = new ct({
+    _(this, "opts");
+    _(this, "modal");
+    _(this, "device", "pc");
+    _(this, "iframe");
+    _(this, "viewport");
+    _(this, "deviceBtns", {});
+    _(this, "iframeRo");
+    _(this, "layoutRaf", null);
+    _(this, "onWinResize");
+    this.opts = t, this.modal = new dt({
       title: "预览邮件",
       className: "sm-modal--preview",
       width: "min(960px, calc(100vw - 32px))",
@@ -2063,7 +2136,7 @@ const Rt = {
           type: "button",
           onclick: () => this.setDevice(s)
         },
-        [Ke(s), Rt[s].label]
+        [ss(s), Ht[s].label]
       );
       this.deviceBtns[s] = n, e.append(n);
     }), this.modal.appendHeaderTool(e);
@@ -2073,7 +2146,7 @@ const Rt = {
   }
   setDevice(t) {
     this.device = t;
-    const e = Rt[t];
+    const e = Ht[t];
     this.viewport.style.setProperty("--sm-preview-w", `${e.width}px`);
     for (const s of Object.keys(this.deviceBtns))
       this.deviceBtns[s].classList.toggle("sm-segmented__item--active", s === t);
@@ -2082,7 +2155,7 @@ const Rt = {
     );
   }
   _render() {
-    const t = lt(this.opts.store.doc, this.opts.registry, {
+    const t = at(this.opts.store.doc, this.opts.registry, {
       withSampleVariables: !0
     });
     this.iframe.srcdoc = t.html;
@@ -2099,7 +2172,7 @@ const Rt = {
         if (!e || !s) return;
         const n = Math.max(e.scrollHeight, s.scrollHeight), i = Math.max(
           240,
-          window.innerHeight - nt.VIEWPORT_RESERVED_Y
+          window.innerHeight - ot.VIEWPORT_RESERVED_Y
         ), c = Math.min(Math.max(Math.ceil(n), 200), i);
         this.viewport.style.height = `${c}px`;
       } catch {
@@ -2123,13 +2196,13 @@ const Rt = {
   }
 };
 /** 标题栏 + body 上下 padding + 与视口的小间距 */
-y(nt, "VIEWPORT_RESERVED_Y", 112);
-let vt = nt;
-function Ke(o) {
+_(ot, "VIEWPORT_RESERVED_Y", 112);
+let wt = ot;
+function ss(o) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return t.setAttribute("width", "14"), t.setAttribute("height", "14"), t.setAttribute("viewBox", "0 0 20 20"), o === "pc" ? t.innerHTML = '<rect x="2" y="4" width="16" height="11" rx="1.5" stroke="currentColor" stroke-width="1.4" fill="none"/><path d="M7 18h6" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>' : o === "pad" ? t.innerHTML = '<rect x="4" y="2" width="12" height="16" rx="2" stroke="currentColor" stroke-width="1.4" fill="none"/><circle cx="10" cy="16" r="0.6" fill="currentColor"/>' : t.innerHTML = '<rect x="6" y="2" width="8" height="16" rx="1.5" stroke="currentColor" stroke-width="1.4" fill="none"/><circle cx="10" cy="16" r="0.6" fill="currentColor"/>', t;
 }
-const Ot = [
+const Yt = [
   { label: "默认", value: "" },
   { label: "Inter", value: "Inter, -apple-system, BlinkMacSystemFont, sans-serif" },
   { label: "苹方/PingFang", value: '"PingFang SC", "Helvetica Neue", Arial, sans-serif' },
@@ -2139,22 +2212,22 @@ const Ot = [
   { label: "Arial", value: "Arial, sans-serif" },
   { label: "Georgia", value: "Georgia, serif" },
   { label: "Courier", value: '"Courier New", monospace' }
-], tt = ["12px", "13px", "14px", "15px", "16px", "18px", "20px", "24px", "28px", "32px"];
-class Xe {
+], st = ["12px", "13px", "14px", "15px", "16px", "18px", "20px", "24px", "28px", "32px"];
+class ns {
   constructor(t) {
-    y(this, "el");
-    y(this, "opts");
-    y(this, "editor", null);
-    y(this, "btns", {});
-    y(this, "selectFontFamily");
-    y(this, "selectFontSize");
-    y(this, "selectFontWeight");
-    y(this, "inputColor");
-    y(this, "inputBgColor");
-    y(this, "inputLink");
-    y(this, "linkPanel");
+    _(this, "el");
+    _(this, "opts");
+    _(this, "editor", null);
+    _(this, "btns", {});
+    _(this, "selectFontFamily");
+    _(this, "selectFontSize");
+    _(this, "selectFontWeight");
+    _(this, "inputColor");
+    _(this, "inputBgColor");
+    _(this, "inputLink");
+    _(this, "linkPanel");
     /** 最近一次选区推断出的链接，供打开面板时预填 */
-    y(this, "lastLinkHref", null);
+    _(this, "lastLinkHref", null);
     this.opts = t, this.el = r("div", { class: "sm-floating-toolbar", role: "toolbar" }), this._build(), this.hide(), t.positionRoot.append(this.el), this.el.addEventListener(
       "mousedown",
       () => {
@@ -2187,10 +2260,10 @@ class Xe {
     this._setActive("bold", e.bold), this._setActive("italic", e.italic), this._setActive("underline", e.underline), this._setActive("strikethrough", e.strikethrough), this._setActive("ul", e.unorderedList), this._setActive("ol", e.orderedList), this._setActive("alignLeft", e.align === "left"), this._setActive("alignCenter", e.align === "center"), this._setActive("alignRight", e.align === "right");
     const s = !!e.link;
     if (this.lastLinkHref = e.link, this.btns.unlink.style.display = s ? "" : "none", e.foreColor) {
-      const i = Nt(e.foreColor);
+      const i = jt(e.foreColor);
       i && (this.inputColor.value = i);
     }
-    this.inputBgColor.value = e.backColor ? Nt(e.backColor) ?? "#ffffff" : "#ffffff", e.fontName && (this.selectFontFamily.value = Ye(e.fontName)), this.selectFontSize.value = Je(e.fontSize), this.selectFontWeight.value = Ze(e.fontWeight);
+    this.inputBgColor.value = e.backColor ? jt(e.backColor) ?? "#ffffff" : "#ffffff", e.fontName && (this.selectFontFamily.value = is(e.fontName)), this.selectFontSize.value = os(e.fontSize), this.selectFontWeight.value = rs(e.fontWeight);
     const n = this.editor;
     requestAnimationFrame(() => {
       !this.editor || n !== this.editor || !this.el.classList.contains("is-visible") || this._positionForAnchor(n.getAnchorRect());
@@ -2210,31 +2283,31 @@ class Xe {
     }), this.btns.strikethrough = this._btn("S", "删除线", e("strikeThrough"), {
       textDecoration: "line-through"
     }), this.btns.alignLeft = this._iconBtn(
-      j(
+      V(
         '<path d="M3 5h14M3 9h10M3 13h14M3 17h10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>'
       ),
       "左对齐",
       e("justifyLeft")
     ), this.btns.alignCenter = this._iconBtn(
-      j(
+      V(
         '<path d="M3 5h14M5 9h10M3 13h14M5 17h10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>'
       ),
       "居中",
       e("justifyCenter")
     ), this.btns.alignRight = this._iconBtn(
-      j(
+      V(
         '<path d="M3 5h14M7 9h10M3 13h14M7 17h10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>'
       ),
       "右对齐",
       e("justifyRight")
     ), this.btns.ul = this._iconBtn(
-      j(
+      V(
         '<circle cx="4" cy="6" r="1.2" fill="currentColor"/><circle cx="4" cy="10" r="1.2" fill="currentColor"/><circle cx="4" cy="14" r="1.2" fill="currentColor"/><path d="M8 6h9M8 10h9M8 14h9" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>'
       ),
       "无序列表",
       e("insertUnorderedList")
     ), this.btns.ol = this._iconBtn(
-      j(
+      V(
         '<text x="2" y="8" font-size="6" font-weight="600" fill="currentColor">1</text><text x="2" y="14" font-size="6" font-weight="600" fill="currentColor">2</text><path d="M8 6h9M8 12h9" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>'
       ),
       "有序列表",
@@ -2248,7 +2321,7 @@ class Xe {
         i ? (l = this.editor) == null || l.exec("fontName", i) : (c = this.editor) == null || c.exec("removeFormat");
       }
     });
-    for (const n of Ot) {
+    for (const n of Yt) {
       const i = document.createElement("option");
       i.value = n.value, i.textContent = n.label, this.selectFontFamily.append(i);
     }
@@ -2265,7 +2338,7 @@ class Xe {
       const n = document.createElement("option");
       n.value = "", n.textContent = "字号", this.selectFontSize.append(n);
     }
-    for (const n of tt) {
+    for (const n of st) {
       const i = document.createElement("option");
       i.value = n, i.textContent = n, this.selectFontSize.append(i);
     }
@@ -2282,7 +2355,7 @@ class Xe {
       const n = document.createElement("option");
       n.value = "", n.textContent = "字重", this.selectFontWeight.append(n);
     }
-    for (const n of st) {
+    for (const n of it) {
       const i = document.createElement("option");
       i.value = n.value, i.textContent = n.label, this.selectFontWeight.append(i);
     }
@@ -2291,7 +2364,7 @@ class Xe {
       type: "color",
       title: "文字颜色",
       value: "#433f3f"
-    }), G(this.inputColor, {
+    }), X(this.inputColor, {
       layerRoot: this.opts.positionRoot,
       liveCommit: !0,
       autoFocusHex: !1,
@@ -2312,7 +2385,7 @@ class Xe {
       type: "color",
       title: "文字背景色",
       value: "#fff7e6"
-    }), G(this.inputBgColor, {
+    }), X(this.inputBgColor, {
       layerRoot: this.opts.positionRoot,
       liveCommit: !0,
       autoFocusHex: !1,
@@ -2329,19 +2402,19 @@ class Xe {
         return (n = this.editor) == null ? void 0 : n.refocus();
       }
     }), this.btns.link = this._iconBtn(
-      j(
+      V(
         '<path d="M9 11.5l1.5 1.5a3.5 3.5 0 005-5l-2-2a3.5 3.5 0 00-5 0M11 8.5L9.5 7a3.5 3.5 0 00-5 5l2 2a3.5 3.5 0 005 0" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/>'
       ),
       "插入或编辑链接",
       () => this._toggleLinkPanel()
     ), this.btns.unlink = this._iconBtn(
-      j(
+      V(
         '<path d="M9 11.5l1.5 1.5a3.5 3.5 0 005-5l-2-2" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round"/><path d="M3 3l14 14" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>'
       ),
       "取消链接",
       e("unlink")
     ), this.btns.clear = this._iconBtn(
-      j(
+      V(
         '<text x="2" y="14" font-size="11" font-weight="700" fill="currentColor">T</text><text x="11" y="9" font-size="7" font-weight="700" fill="currentColor">x</text><path d="M11 11l5 5M16 11l-5 5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>'
       ),
       "清除格式",
@@ -2443,37 +2516,37 @@ class Xe {
     return r("div", { class: "sm-floating-toolbar__group" }, t);
   }
 }
-function j(o) {
+function V(o) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return t.setAttribute("width", "14"), t.setAttribute("height", "14"), t.setAttribute("viewBox", "0 0 20 20"), t.innerHTML = o, t;
 }
-function Ye(o) {
+function is(o) {
   const t = o.toLowerCase().replace(/['"]/g, "").split(",")[0].trim();
-  for (const e of Ot)
+  for (const e of Yt)
     if (e.value && e.value.toLowerCase().includes(t))
       return e.value;
   return "";
 }
-function Je(o) {
+function os(o) {
   if (!o) return "";
   const t = o.trim().match(/^(\d+(?:\.\d+)?)px$/i);
   if (!t) return "";
   const e = `${Math.round(parseFloat(t[1]))}px`;
-  if (tt.includes(e)) return e;
+  if (st.includes(e)) return e;
   const s = parseFloat(e);
-  let n = tt[0], i = 1 / 0;
-  for (const l of tt) {
+  let n = st[0], i = 1 / 0;
+  for (const l of st) {
     const c = Math.abs(parseFloat(l) - s);
     c < i && (i = c, n = l);
   }
   return n;
 }
-function Ze(o) {
+function rs(o) {
   if (!o) return "";
-  const t = H(o);
-  return st.some((e) => e.value === t) ? t : "";
+  const t = j(o);
+  return it.some((e) => e.value === t) ? t : "";
 }
-function Nt(o) {
+function jt(o) {
   const t = o.trim();
   if (!t) return null;
   if (t.startsWith("#")) {
@@ -2488,7 +2561,7 @@ function Nt(o) {
   const s = (n) => Number(n).toString(16).padStart(2, "0");
   return `#${s(e[1])}${s(e[2])}${s(e[3])}`;
 }
-function Qe(o) {
+function ls(o) {
   return {
     wechat: "#1AAD19",
     weibo: "#E6162D",
@@ -2505,10 +2578,10 @@ function Qe(o) {
     web: "#6b7280"
   }[o] ?? "#6b7280";
 }
-class ts {
+class cs {
   constructor(t) {
-    y(this, "el");
-    y(this, "opts");
+    _(this, "el");
+    _(this, "opts");
     this.opts = t, this.el = r("nav", {
       class: "sm-focus-crumb",
       "aria-label": "当前选中"
@@ -2518,7 +2591,7 @@ class ts {
     this.el.hidden = !t;
   }
   sync() {
-    I(this.el);
+    R(this.el);
     const t = this._buildItems();
     if (!t.length) {
       this.el.hidden = !0;
@@ -2554,59 +2627,59 @@ class ts {
     if (!l)
       return [{ label: s, current: !0 }];
     if (l.kind === "section") {
-      const u = P(c, l.sectionId);
+      const u = H(c, l.sectionId);
       return u ? [
         { label: s, current: !1, onClick: n },
-        { label: yt(u.layout), current: !0 }
+        { label: vt(u.layout), current: !0 }
       ] : [{ label: s, current: !0 }];
     }
-    const a = P(c, l.sectionId), p = L(c, l.blockId);
+    const a = H(c, l.sectionId), p = L(c, l.blockId);
     if (!a || !p)
       return [{ label: s, current: !0 }];
-    const _ = ((d = e.get(p.block.type)) == null ? void 0 : d.name) ?? p.block.type;
+    const g = ((d = e.get(p.block.type)) == null ? void 0 : d.name) ?? p.block.type;
     return [
       {
-        label: yt(a.layout),
+        label: vt(a.layout),
         current: !1,
         onClick: () => i(l.sectionId)
       },
-      { label: _, current: !0 }
+      { label: g, current: !0 }
     ];
   }
 }
-function es(o) {
-  const { adapter: t, onPick: e, parent: s = document.body, onClose: n } = o, i = new ct({
+function as(o) {
+  const { adapter: t, onPick: e, parent: s = document.body, onClose: n } = o, i = new dt({
     title: "图库",
     width: "min(760px, 94vw)",
     height: "min(580px, 88vh)",
     className: "sm-modal--gallery",
     onClose: n
   }), l = r("div", { class: "sm-gallery-modal" });
-  let c = "", a = 0, p = !1, _ = !1, d = null;
+  let c = "", a = 0, p = !1, g = !1, d = null;
   const u = r("div", {
     class: "sm-gallery-modal__error",
     style: "display:none",
     role: "alert"
-  }), f = r("input", {
+  }), m = r("input", {
     class: "sm-input sm-gallery-modal__search",
     type: "search",
     placeholder: "搜索…",
     "aria-label": "搜索图片"
   });
-  let m = null;
-  f.addEventListener("input", () => {
-    m && clearTimeout(m), m = setTimeout(() => {
-      c = f.value, C();
+  let f = null;
+  m.addEventListener("input", () => {
+    f && clearTimeout(f), f = setTimeout(() => {
+      c = m.value, C();
     }, 320);
   });
-  const g = r("div", { class: "sm-gallery-modal__grid" }), b = r(
+  const b = r("div", { class: "sm-gallery-modal__grid" }), y = r(
     "button",
     {
       class: "sm-btn sm-btn--secondary sm-gallery-modal__loadmore",
       type: "button",
       style: "display:none",
       onclick: () => {
-        !p || _ || E(a + 1, !0);
+        !p || g || E(a + 1, !0);
       }
     },
     ["加载更多"]
@@ -2624,23 +2697,23 @@ function es(o) {
     x ? (u.textContent = x, u.style.display = "") : (u.textContent = "", u.style.display = "none");
   }
   function k() {
-    g.querySelectorAll(".sm-gallery-modal__cell").forEach((M) => {
+    b.querySelectorAll(".sm-gallery-modal__cell").forEach((M) => {
       const S = M.dataset.id;
       M.classList.toggle("is-selected", !!d && S === d.id);
     });
   }
   function w(x, M) {
     var S;
-    if (M || I(g), x.length === 0 && !M) {
-      g.append(
+    if (M || R(b), x.length === 0 && !M) {
+      b.append(
         r("div", { class: "sm-gallery-modal__empty" }, [
           "暂无图片，可上传、添加链接或更换搜索条件"
         ])
-      ), b.style.display = p ? "" : "none";
+      ), y.style.display = p ? "" : "none";
       return;
     }
     for (const F of x) {
-      const X = F.thumbnailUrl || F.url, at = r("div", { class: "sm-gallery-modal__cell-wrap" }), St = r(
+      const J = F.thumbnailUrl || F.url, ut = r("div", { class: "sm-gallery-modal__cell-wrap" }), xt = r(
         "button",
         {
           type: "button",
@@ -2650,69 +2723,69 @@ function es(o) {
           onclick: () => {
             d = F, k(), h.disabled = !1;
           },
-          ondblclick: (dt) => {
-            dt.preventDefault(), d = F, B();
+          ondblclick: (ht) => {
+            ht.preventDefault(), d = F, B();
           }
         },
         []
-      ), Y = r("img", {
+      ), Q = r("img", {
         class: "sm-gallery-modal__thumb",
         alt: "",
         loading: "lazy",
         decoding: "async"
       });
-      Y.src = X, Y.onerror = () => {
-        Y.style.opacity = "0.72";
+      Q.src = J, Q.onerror = () => {
+        Q.style.opacity = "0.72";
       };
-      const qt = r("div", { class: "sm-gallery-modal__caption" }, [
+      const Jt = r("div", { class: "sm-gallery-modal__caption" }, [
         (S = F.title) != null && S.trim() ? F.title : "图片"
       ]);
-      if (St.append(Y, qt), at.append(St), t.deleteItem) {
-        const dt = r(
+      if (xt.append(Q, Jt), ut.append(xt), t.deleteItem) {
+        const ht = r(
           "button",
           {
             type: "button",
             class: "sm-gallery-modal__cell-delete",
             title: "从图库删除",
-            onclick: async (Et) => {
-              if (Et.preventDefault(), Et.stopPropagation(), !!window.confirm("确定从图库中删除这张图片？"))
+            onclick: async (Ft) => {
+              if (Ft.preventDefault(), Ft.stopPropagation(), !!window.confirm("确定从图库中删除这张图片？"))
                 try {
                   await t.deleteItem(F.id), (d == null ? void 0 : d.id) === F.id && (d = null, h.disabled = !0), await C();
-                } catch (xt) {
-                  v(xt instanceof Error ? xt.message : "删除失败");
+                } catch (Lt) {
+                  v(Lt instanceof Error ? Lt.message : "删除失败");
                 }
             }
           },
           ["×"]
         );
-        at.append(dt);
+        ut.append(ht);
       }
-      g.append(at);
+      b.append(ut);
     }
-    b.style.display = p ? "" : "none";
+    y.style.display = p ? "" : "none";
   }
   async function E(x, M) {
-    if (!_) {
-      _ = !0, b.disabled = !0, v(null);
+    if (!g) {
+      g = !0, y.disabled = !0, v(null);
       try {
         const S = await t.listItems({ query: c, page: x });
         p = S.hasMore, a = x, w(S.items, M);
       } catch (S) {
         v(S instanceof Error ? S.message : "加载失败");
       } finally {
-        _ = !1, b.disabled = !1;
+        g = !1, y.disabled = !1;
       }
     }
   }
   async function C() {
-    a = 0, d = null, h.disabled = !0, I(g), await E(0, !1), k();
+    a = 0, d = null, h.disabled = !0, R(b), await E(0, !1), k();
   }
   function B() {
     var x;
     (x = d == null ? void 0 : d.url) != null && x.trim() && (e(d.url.trim()), i.close());
   }
-  const T = r("div", { class: "sm-gallery-modal__toolbar" }), D = r("div", { class: "sm-gallery-modal__toolbar-row" });
-  if (D.append(f), t.addByUrl) {
+  const I = r("div", { class: "sm-gallery-modal__toolbar" }), N = r("div", { class: "sm-gallery-modal__toolbar-row" });
+  if (N.append(m), t.addByUrl) {
     const x = r("input", {
       class: "sm-input sm-gallery-modal__addurl-input",
       type: "url",
@@ -2734,7 +2807,7 @@ function es(o) {
       },
       ["添加"]
     );
-    D.append(x, M);
+    N.append(x, M);
   }
   if (t.uploadFile) {
     const x = r("input", {
@@ -2748,8 +2821,8 @@ function es(o) {
       if (x.value = "", !!S)
         try {
           await t.uploadFile(S), await C();
-        } catch (X) {
-          v(X instanceof Error ? X.message : "上传失败");
+        } catch (J) {
+          v(J instanceof Error ? J.message : "上传失败");
         }
     });
     const M = r(
@@ -2761,11 +2834,11 @@ function es(o) {
       },
       ["上传"]
     );
-    D.append(M, x);
+    N.append(M, x);
   }
-  T.append(D);
-  const O = r("div", { class: "sm-gallery-modal__scroll" }, [g, b]);
-  l.append(T, u, O), i.body.append(l), i.footer.append(
+  I.append(N);
+  const D = r("div", { class: "sm-gallery-modal__scroll" }, [b, y]);
+  l.append(I, u, D), i.body.append(l), i.footer.append(
     r(
       "button",
       {
@@ -2778,26 +2851,26 @@ function es(o) {
     h
   ), i.open(s), C();
 }
-function ss(o) {
+function ds(o) {
   const t = (o ?? "").trim();
   return !t || t.toLowerCase() === "auto" ? "auto" : /^\d+(\.\d+)?%$/.test(t) ? "%" : /^\d+(\.\d+)?px$/i.test(t) || /^\d+(\.\d+)?$/.test(t) ? "px" : "custom";
 }
-function pt(o, t) {
+function ft(o, t) {
   const e = (o ?? "").trim();
   if (!e) return t === "%" ? 100 : 280;
   const s = e.match(/^(\d+(\.\d+)?)/), n = s ? parseFloat(s[1]) : t === "%" ? 100 : 280;
   return Math.min(t === "%" ? 100 : 1200, Math.max(1, Math.round(n)));
 }
-class ns {
+class us {
   constructor(t) {
-    y(this, "el");
-    y(this, "opts");
-    y(this, "headEl");
-    y(this, "contentEl");
-    y(this, "focusCrumb");
-    y(this, "currentTab", "props");
-    y(this, "codeView", null);
-    this.opts = t, this.el = r("aside", { class: "sm-panel sm-panel--right" }), this.focusCrumb = new ts({
+    _(this, "el");
+    _(this, "opts");
+    _(this, "headEl");
+    _(this, "contentEl");
+    _(this, "focusCrumb");
+    _(this, "currentTab", "props");
+    _(this, "codeView", null);
+    this.opts = t, this.el = r("aside", { class: "sm-panel sm-panel--right" }), this.focusCrumb = new cs({
       store: t.store,
       registry: t.registry,
       docRootLabel: t.docRootLabel ?? "邮件",
@@ -2855,14 +2928,14 @@ class ns {
     return null;
   }
   _render() {
-    this._destroyCodeView(), I(this.contentEl);
+    this._destroyCodeView(), R(this.contentEl);
     const t = this.opts.store.selection, e = this.opts.store.doc;
     if (!t) {
       this.contentEl.append(this._renderDocForm(e));
       return;
     }
     if (t.kind === "section") {
-      const l = P(e, t.sectionId);
+      const l = H(e, t.sectionId);
       if (!l) return;
       this.contentEl.append(this._renderSectionForm(l));
       return;
@@ -2945,9 +3018,9 @@ class ns {
     ), s.push(
       this._textField(
         "内容宽度",
-        Zt(t.meta.width),
+        ie(t.meta.width),
         (n) => this.opts.store.update((i) => {
-          i.meta.width = Jt(n);
+          i.meta.width = ne(n);
         }),
         "如 600、600px、100%",
         "doc:meta.width"
@@ -3024,12 +3097,12 @@ class ns {
     const e = t.attrs;
     return r("form", { class: "sm-form", onsubmit: (s) => s.preventDefault() }, [
       r("div", { class: "sm-panel__title" }, ["Section 设置"]),
-      ...me(t.layout) ? [
+      ...ve(t.layout) ? [
         this._twoColumnRatioField(
           t.layout,
           (s) => this.opts.store.update((n) => {
-            const i = P(n, t.id);
-            i && fe(i, s);
+            const i = H(n, t.id);
+            i && ke(i, s);
           }),
           `section:${t.id}:layout`
         )
@@ -3038,7 +3111,7 @@ class ns {
         "背景色",
         e.backgroundColor ?? "",
         (s) => this.opts.store.update((n) => {
-          const i = P(n, t.id);
+          const i = H(n, t.id);
           i && (i.attrs.backgroundColor = s || void 0);
         }),
         `section:${t.id}:attrs.bg`,
@@ -3046,10 +3119,10 @@ class ns {
       ),
       this._layoutWidthField(
         "区域宽度",
-        te(e.width),
+        re(e.width),
         (s) => this.opts.store.update((n) => {
-          const i = P(n, t.id);
-          i && (i.attrs.width = Qt(s));
+          const i = H(n, t.id);
+          i && (i.attrs.width = oe(s));
         }),
         `section:${t.id}:attrs.width`,
         "留空=与邮件同宽；自适应等价于清空宽度"
@@ -3058,7 +3131,7 @@ class ns {
         "内边距",
         [e.paddingTop, e.paddingRight, e.paddingBottom, e.paddingLeft],
         (s) => this.opts.store.update((n) => {
-          const i = P(n, t.id);
+          const i = H(n, t.id);
           i && ([i.attrs.paddingTop, i.attrs.paddingRight, i.attrs.paddingBottom, i.attrs.paddingLeft] = s);
         }),
         `section:${t.id}:attrs.pad`,
@@ -3072,7 +3145,7 @@ class ns {
         (s) => {
           const n = Math.max(0, Math.min(64, Math.round(s)));
           this.opts.store.update((i) => {
-            const l = P(i, t.id);
+            const l = H(i, t.id);
             l && (l.attrs.columnGap = n > 0 ? n : void 0);
           });
         },
@@ -3083,7 +3156,7 @@ class ns {
         "小屏仍并排显示多列（可能字很窄）",
         !!e.preserveColumnsOnMobile,
         (s) => this.opts.store.update((n) => {
-          const i = P(n, t.id);
+          const i = H(n, t.id);
           i && (i.attrs.preserveColumnsOnMobile = s || void 0);
         }),
         "开启后 MJML 会生成 mj-group，移动端预览/导出与默认「小屏堆叠列」行为不同。",
@@ -3105,7 +3178,7 @@ class ns {
     });
   }
   _field(t, e) {
-    var _;
+    var g;
     const s = e.id, n = `block:${s}:${t.key}`, i = this.opts.registry.get(e.type), l = i == null ? void 0 : i.defaultProps, c = e.props[t.key], a = c ?? (l == null ? void 0 : l[t.key]), p = (d) => this._updateBlock(s, t.key, d);
     switch (t.type) {
       case "textarea":
@@ -3125,31 +3198,31 @@ class ns {
         return this._colorField(
           t.label,
           u,
-          (f) => p(f.trim()),
+          (m) => p(m.trim()),
           n,
           t.placeholder ?? ""
         );
       }
       case "select": {
-        const d = t.key === "fontWeight" || t.key === "labelFontWeight", u = (_ = t.options) != null && _.length ? t.options : d ? st : [];
+        const d = t.key === "fontWeight" || t.key === "labelFontWeight", u = (g = t.options) != null && g.length ? t.options : d ? it : [];
         if (d && t.inheritGlobal) {
-          const m = c != null ? String(c).trim() : "";
+          const f = c != null ? String(c).trim() : "";
           return this._fontWeightInheritField(
             t.label,
-            m,
-            H(this.opts.store.doc.styles.fontWeight),
-            (g) => p(g),
+            f,
+            j(this.opts.store.doc.styles.fontWeight),
+            (b) => p(b),
             n,
             u,
             t.help
           );
         }
-        const f = d ? H(String(a ?? "")) : String(a ?? "");
+        const m = d ? j(String(a ?? "")) : String(a ?? "");
         if (d || t.selectVariant === "segmented") {
-          const m = this._segmentedSelectField(t.label, f, u, p, n);
-          return t.help && m.append(r("div", { class: "sm-field__help" }, [t.help])), m;
+          const f = this._segmentedSelectField(t.label, m, u, p, n);
+          return t.help && f.append(r("div", { class: "sm-field__help" }, [t.help])), f;
         }
-        return this._selectField(t.label, f, u, p, n);
+        return this._selectField(t.label, m, u, p, n);
       }
       case "switch":
         return this._switchField(t.label, !!a, p, t.help, n);
@@ -3177,7 +3250,7 @@ class ns {
           return this._fontSizeSliderField(
             t.label,
             u,
-            (f) => p(f.trim()),
+            (m) => p(m.trim()),
             n,
             t.help,
             this.opts.store.doc.styles.fontSize
@@ -3198,20 +3271,20 @@ class ns {
           Number(d.paddingRight ?? 0),
           Number(d.paddingBottom ?? 0),
           Number(d.paddingLeft ?? 0)
-        ], f = this.opts.registry.get(e.type), m = f == null ? void 0 : f.defaultProps, g = [
-          Number((m == null ? void 0 : m.paddingTop) ?? 0),
-          Number((m == null ? void 0 : m.paddingRight) ?? 0),
-          Number((m == null ? void 0 : m.paddingBottom) ?? 0),
-          Number((m == null ? void 0 : m.paddingLeft) ?? 0)
+        ], m = this.opts.registry.get(e.type), f = m == null ? void 0 : m.defaultProps, b = [
+          Number((f == null ? void 0 : f.paddingTop) ?? 0),
+          Number((f == null ? void 0 : f.paddingRight) ?? 0),
+          Number((f == null ? void 0 : f.paddingBottom) ?? 0),
+          Number((f == null ? void 0 : f.paddingLeft) ?? 0)
         ];
-        return this._spacingField(t.label, u, (b) => {
+        return this._spacingField(t.label, u, (y) => {
           this.opts.store.update((h) => {
             const v = L(h, s);
             if (!v) return;
             const k = v.block.props;
-            [k.paddingTop, k.paddingRight, k.paddingBottom, k.paddingLeft] = b;
+            [k.paddingTop, k.paddingRight, k.paddingBottom, k.paddingLeft] = y;
           });
-        }, `${n}:pad`, g);
+        }, `${n}:pad`, b);
       }
       case "socialLinkList": {
         const d = Array.isArray(a) ? a : Array.isArray(l == null ? void 0 : l[t.key]) ? l[t.key] : [];
@@ -3235,10 +3308,10 @@ class ns {
    * 读取当前 props 再合并，禁止依赖闭包里的 items 快照（否则改一行会覆盖其它行已编辑未重绘的数据）。
    */
   _socialLinkListField(t, e, s, n, i, l, c) {
-    var g, b;
-    const a = ((g = s[0]) == null ? void 0 : g.value) ?? "weibo", p = r("div", { class: "sm-field" });
+    var b, y;
+    const a = ((b = s[0]) == null ? void 0 : b.value) ?? "weibo", p = r("div", { class: "sm-field" });
     p.append(r("label", { class: "sm-field__label" }, [t]));
-    const _ = r("div", { class: "sm-social-link-list" }), d = (h) => {
+    const g = r("div", { class: "sm-social-link-list" }), d = (h) => {
       this.opts.store.update((v) => {
         const k = L(v, n);
         if (!k) return;
@@ -3249,7 +3322,7 @@ class ns {
       d(
         (k) => k.map((w, E) => E === h ? { ...w, ...v } : w)
       );
-    }, f = (h) => {
+    }, m = (h) => {
       d((v) => v.filter((k, w) => w !== h));
     };
     for (let h = 0; h < e.length; h++) {
@@ -3279,13 +3352,13 @@ class ns {
           class: "sm-social-link-list__remove",
           type: "button",
           title: "删除",
-          onclick: () => f(h)
+          onclick: () => m(h)
         },
         ["×"]
       );
       w.append(E, C, B), k.append(w);
-      const T = r("div", { class: "sm-social-link-list__row-extras" }), D = Qe(v.network), O = (b = v.backgroundColor) == null ? void 0 : b.trim(), x = O && O.startsWith("#") ? O : D;
-      T.append(
+      const I = r("div", { class: "sm-social-link-list__row-extras" }), N = ls(v.network), D = (y = v.backgroundColor) == null ? void 0 : y.trim(), x = D && D.startsWith("#") ? D : N;
+      I.append(
         r("input", {
           class: "sm-input sm-social-link-list__label",
           type: "text",
@@ -3306,15 +3379,15 @@ class ns {
       const M = r("input", {
         class: "sm-social-link-list__color sm-social-link-list__color--compact",
         type: "color",
-        value: x.length >= 4 ? x : D,
+        value: x.length >= 4 ? x : N,
         ...c ? { "data-sm-focus": `${c}:row:${h}:bg` } : {}
       });
-      G(M, {
+      X(M, {
         liveCommit: !0,
         onCommit: (S) => u(h, { backgroundColor: S })
-      }), T.append(M), k.append(T), _.append(k);
+      }), I.append(M), k.append(I), g.append(k);
     }
-    const m = r(
+    const f = r(
       "button",
       {
         class: "sm-btn sm-social-link-list__add",
@@ -3331,7 +3404,7 @@ class ns {
       },
       ["+ 添加社交链接"]
     );
-    return p.append(_, m), l && p.append(r("div", { class: "sm-field__help" }, [l])), p;
+    return p.append(g, f), l && p.append(r("div", { class: "sm-field__help" }, [l])), p;
   }
   /* --------------------------------- 控件 --------------------------------- */
   _textField(t, e, s, n = "", i) {
@@ -3349,23 +3422,23 @@ class ns {
   }
   /** `type: 'image'`：URL 输入 + 可选上传、图床（由 `imageAssets` 注入） */
   _imageField(t, e, s, n, i, l) {
-    const c = this.opts.imageAssets, a = !!(c != null && c.uploadImage) && c.showUpload !== !1, p = (c == null ? void 0 : c.showGallery) === !0 && (!!c.imageGallery || !!c.pickImageFromGallery), _ = !!(c != null && c.uploadImage || c != null && c.pickImageFromGallery || c != null && c.imageGallery), d = a || p, u = r("div", { class: "sm-image-field__row" }), f = r("input", {
+    const c = this.opts.imageAssets, a = !!(c != null && c.uploadImage) && c.showUpload !== !1, p = (c == null ? void 0 : c.showGallery) === !0 && (!!c.imageGallery || !!c.pickImageFromGallery), g = !!(c != null && c.uploadImage || c != null && c.pickImageFromGallery || c != null && c.imageGallery), d = a || p, u = r("div", { class: "sm-image-field__row" }), m = r("input", {
       class: "sm-input sm-image-field__url",
       type: "url",
       value: e,
       placeholder: n,
       ...i ? { "data-sm-focus": i } : {},
       oninput: (v) => s(v.target.value)
-    }), m = () => ({
+    }), f = () => ({
       blockId: l.blockId,
       propKey: l.propKey,
-      currentUrl: f.value
+      currentUrl: m.value
     });
-    u.append(f);
-    const g = (v) => {
+    u.append(m);
+    const b = (v) => {
       const k = v.trim();
-      k && (s(k), f.value = k);
-    }, b = (v, k) => {
+      k && (s(k), m.value = k);
+    }, y = (v, k) => {
       v.catch((w) => {
         console.error(`[simple-mail] ${k}`, w);
       });
@@ -3378,8 +3451,8 @@ class ns {
         onchange: (k) => {
           var C;
           const w = k.target, E = (C = w.files) == null ? void 0 : C[0];
-          w.value = "", E && b(
-            c.uploadImage(E, m()).then((B) => g(String(B))),
+          w.value = "", E && y(
+            c.uploadImage(E, f()).then((B) => b(String(B))),
             "uploadImage"
           );
         }
@@ -3406,15 +3479,15 @@ class ns {
           title: "从图库选择",
           onclick: () => {
             if (c.imageGallery) {
-              es({
+              as({
                 adapter: c.imageGallery,
-                onPick: (v) => g(v)
+                onPick: (v) => b(v)
               });
               return;
             }
-            c.pickImageFromGallery && b(
-              c.pickImageFromGallery(m()).then((v) => {
-                v != null && String(v).trim() && g(String(v));
+            c.pickImageFromGallery && y(
+              c.pickImageFromGallery(f()).then((v) => {
+                v != null && String(v).trim() && b(String(v));
               }),
               "pickImageFromGallery"
             );
@@ -3427,7 +3500,7 @@ class ns {
     if (d) {
       const v = ["可手输 URL"];
       a && v.push("或使用「上传」"), p && v.push("或使用「图床」"), h = `${v.join("；")}。`;
-    } else _ ? h = "已传入 imageAssets：上传默认显示（提供 uploadImage 且未设 showUpload:false）；图库需 showGallery:true，可使用内置 imageGallery 或自管 pickImageFromGallery。仍可手输 URL。" : h = "在 MailEditor 的 imageAssets 中配置 uploadImage、内置 imageGallery 或 pickImageFromGallery 等；未配置时仅支持手输 URL。";
+    } else g ? h = "已传入 imageAssets：上传默认显示（提供 uploadImage 且未设 showUpload:false）；图库需 showGallery:true，可使用内置 imageGallery 或自管 pickImageFromGallery。仍可手输 URL。" : h = "在 MailEditor 的 imageAssets 中配置 uploadImage、内置 imageGallery 或 pickImageFromGallery 等；未配置时仅支持手输 URL。";
     return r("div", { class: "sm-field" }, [
       r("label", { class: "sm-field__label" }, [t]),
       u,
@@ -3451,14 +3524,14 @@ class ns {
     );
   }
   _numberField(t, e, s, n, i, l = 1, c) {
-    const a = (f) => {
-      const m = Math.min(n, Math.max(s, f));
-      if (!l || l <= 0) return m;
-      const g = Math.round((m - s) / l);
-      return Number((s + g * l).toPrecision(12));
+    const a = (m) => {
+      const f = Math.min(n, Math.max(s, m));
+      if (!l || l <= 0) return f;
+      const b = Math.round((f - s) / l);
+      return Number((s + b * l).toPrecision(12));
     };
     if (!this._preferSliderControls()) {
-      const f = r("input", {
+      const m = r("input", {
         class: "sm-input",
         type: "number",
         value: String(e),
@@ -3466,30 +3539,30 @@ class ns {
         max: n,
         step: l,
         ...c ? { "data-sm-focus": c } : {}
-      }), m = () => {
-        const g = f.value.trim(), b = a(e);
-        if (g === "") {
-          f.value = String(b), i(b);
+      }), f = () => {
+        const b = m.value.trim(), y = a(e);
+        if (b === "") {
+          m.value = String(y), i(y);
           return;
         }
-        const h = Number(g), v = a(Number.isNaN(h) ? b : h);
-        f.value = String(v), i(v);
+        const h = Number(b), v = a(Number.isNaN(h) ? y : h);
+        m.value = String(v), i(v);
       };
-      return s > 0 ? (f.addEventListener("blur", m), f.addEventListener("keydown", (g) => {
-        g.key === "Enter" && f.blur();
-      })) : (f.addEventListener("input", () => {
-        const g = f.value.trim();
-        if (g === "") return;
-        const b = Number(g);
-        Number.isNaN(b) || i(a(b));
-      }), f.addEventListener("blur", m), f.addEventListener("keydown", (g) => {
-        g.key === "Enter" && m();
+      return s > 0 ? (m.addEventListener("blur", f), m.addEventListener("keydown", (b) => {
+        b.key === "Enter" && m.blur();
+      })) : (m.addEventListener("input", () => {
+        const b = m.value.trim();
+        if (b === "") return;
+        const y = Number(b);
+        Number.isNaN(y) || i(a(y));
+      }), m.addEventListener("blur", f), m.addEventListener("keydown", (b) => {
+        b.key === "Enter" && f();
       })), r("div", { class: "sm-field" }, [
         r("label", { class: "sm-field__label" }, [t]),
-        f
+        m
       ]);
     }
-    const p = a(e), _ = r("input", {
+    const p = a(e), g = r("input", {
       type: "range",
       min: s,
       max: n,
@@ -3503,34 +3576,34 @@ class ns {
       step: l,
       value: String(p),
       ...c ? { "data-sm-focus": c } : {}
-    }), u = (f) => {
-      const m = a(f);
-      _.value = String(m), d.value = String(m), i(m);
+    }), u = (m) => {
+      const f = a(m);
+      g.value = String(f), d.value = String(f), i(f);
     };
-    return _.addEventListener("input", () => {
-      u(Number(_.value));
+    return g.addEventListener("input", () => {
+      u(Number(g.value));
     }), d.addEventListener("input", () => {
-      const f = d.value.trim();
-      if (f === "") return;
-      const m = Number(f);
-      Number.isNaN(m) || (_.value = String(a(m)));
+      const m = d.value.trim();
+      if (m === "") return;
+      const f = Number(m);
+      Number.isNaN(f) || (g.value = String(a(f)));
     }), d.addEventListener("blur", () => {
-      const f = d.value.trim(), m = a(Number(_.value));
-      if (f === "") {
-        u(m);
+      const m = d.value.trim(), f = a(Number(g.value));
+      if (m === "") {
+        u(f);
         return;
       }
-      const g = Number(f);
-      if (Number.isNaN(g)) {
-        u(m);
+      const b = Number(m);
+      if (Number.isNaN(b)) {
+        u(f);
         return;
       }
-      u(g);
-    }), d.addEventListener("keydown", (f) => {
-      f.key === "Enter" && d.blur();
+      u(b);
+    }), d.addEventListener("keydown", (m) => {
+      m.key === "Enter" && d.blur();
     }), r("div", { class: "sm-field" }, [
       r("label", { class: "sm-field__label" }, [t]),
-      r("div", { class: "sm-field__slider-row" }, [_, d])
+      r("div", { class: "sm-field__slider-row" }, [g, d])
     ]);
   }
   _colorField(t, e, s, n, i = "#ffffff") {
@@ -3543,45 +3616,45 @@ class ns {
       placeholder: i,
       ...c ? { "data-sm-focus": c } : {}
     });
-    let _ = e.trim();
+    let g = e.trim();
     const d = () => {
       a.value = "#808080", a.classList.add("sm-color-row__pick--inherit"), a.title = i || "未设置";
-    }, u = (g) => {
-      const b = g.trim();
-      p.value = b;
-      const h = A(b);
+    }, u = (b) => {
+      const y = b.trim();
+      p.value = y;
+      const h = A(y);
       h ? (a.value = h, a.classList.remove("sm-color-row__pick--inherit"), a.title = "") : d();
     };
     u(e);
-    const f = (g) => {
-      p.value = g, a.value = g, a.classList.remove("sm-color-row__pick--inherit"), a.title = "", _ = g;
+    const m = (b) => {
+      p.value = b, a.value = b, a.classList.remove("sm-color-row__pick--inherit"), a.title = "", g = b;
     };
-    return G(a, {
+    return X(a, {
       getValue: () => p.value.trim() || a.value,
       placeholder: i,
       allowClear: !0,
-      onPreview: f,
-      onCommit: (g) => {
-        f(g), s(g);
+      onPreview: m,
+      onCommit: (b) => {
+        m(b), s(b);
       },
       onClear: () => {
-        u(""), _ = "", s("");
+        u(""), g = "", s("");
       }
     }), p.addEventListener("input", () => {
-      const g = p.value, b = A(g);
-      b ? (a.value = b, a.classList.remove("sm-color-row__pick--inherit"), a.title = "", _ = b) : g.trim() || (d(), _ = ""), s(g);
+      const b = p.value, y = A(b);
+      y ? (a.value = y, a.classList.remove("sm-color-row__pick--inherit"), a.title = "", g = y) : b.trim() || (d(), g = ""), s(b);
     }), p.addEventListener("blur", () => {
-      const g = p.value.trim();
-      if (!g) {
-        u(""), _ = "", s("");
+      const b = p.value.trim();
+      if (!b) {
+        u(""), g = "", s("");
         return;
       }
-      const b = A(g);
-      if (b) {
-        u(b), _ = b, b !== g && s(b);
+      const y = A(b);
+      if (y) {
+        u(y), g = y, y !== b && s(y);
         return;
       }
-      u(_), s(_);
+      u(g), s(g);
     }), r("div", { class: "sm-field" }, [
       r("label", { class: "sm-field__label" }, [t]),
       r("div", { class: "sm-color-row" }, [a, p])
@@ -3650,49 +3723,49 @@ class ns {
     ]) : l;
   }
   _spacingField(t, [e, s, n, i], l, c, a) {
-    const p = ["上", "右", "下", "左"], _ = (g) => Math.max(0, Math.min(200, Math.round(g))), d = [
-      _(Number(e ?? 0)),
-      _(Number(s ?? 0)),
-      _(Number(n ?? 0)),
-      _(Number(i ?? 0))
-    ], u = () => l([...d]), f = (g, b) => {
+    const p = ["上", "右", "下", "左"], g = (b) => Math.max(0, Math.min(200, Math.round(b))), d = [
+      g(Number(e ?? 0)),
+      g(Number(s ?? 0)),
+      g(Number(n ?? 0)),
+      g(Number(i ?? 0))
+    ], u = () => l([...d]), m = (b, y) => {
       const h = r("input", {
         class: "sm-input",
         type: "number",
         min: 0,
         max: 200,
-        value: String(g ?? 0),
-        title: p[b],
-        ...c ? { "data-sm-focus": `${c}:${b}` } : {}
+        value: String(b ?? 0),
+        title: p[y],
+        ...c ? { "data-sm-focus": `${c}:${y}` } : {}
       });
       return h.addEventListener("input", () => {
         const v = h.value.trim();
         if (v === "") return;
         const k = Number(v);
-        Number.isNaN(k) || (d[b] = _(k), u());
+        Number.isNaN(k) || (d[y] = g(k), u());
       }), h.addEventListener("blur", () => {
         const v = h.value.trim();
         if (v === "") {
-          h.value = String(d[b]);
+          h.value = String(d[y]);
           return;
         }
-        const k = Number(v), w = _(Number.isNaN(k) ? d[b] : k);
-        h.value = String(w), d[b] = w, u();
+        const k = Number(v), w = g(Number.isNaN(k) ? d[y] : k);
+        h.value = String(w), d[y] = w, u();
       }), h.addEventListener("keydown", (v) => {
         v.key === "Enter" && h.blur();
       }), h;
-    }, m = (g, b) => {
-      const h = _(g ?? 0), v = r("input", {
+    }, f = (b, y) => {
+      const h = g(b ?? 0), v = r("input", {
         type: "range",
         min: 0,
         max: 200,
         step: 1,
         value: String(h),
-        title: p[b]
+        title: p[y]
       });
       v.addEventListener("input", () => {
-        const w = _(Number(v.value));
-        d[b] = w, k.value = String(w), u();
+        const w = g(Number(v.value));
+        d[y] = w, k.value = String(w), u();
       });
       const k = r("input", {
         class: "sm-input",
@@ -3700,28 +3773,28 @@ class ns {
         min: 0,
         max: 200,
         value: String(h),
-        title: p[b],
-        ...c ? { "data-sm-focus": `${c}:${b}` } : {}
+        title: p[y],
+        ...c ? { "data-sm-focus": `${c}:${y}` } : {}
       });
       return k.addEventListener("input", () => {
         const w = k.value.trim();
         if (w === "") return;
         const E = Number(w);
         if (Number.isNaN(E)) return;
-        const C = _(E);
-        v.value = String(C), d[b] = C, u();
+        const C = g(E);
+        v.value = String(C), d[y] = C, u();
       }), k.addEventListener("blur", () => {
         const w = k.value.trim();
         if (w === "") {
-          k.value = String(d[b]), v.value = String(d[b]);
+          k.value = String(d[y]), v.value = String(d[y]);
           return;
         }
-        const E = Number(w), C = _(Number.isNaN(E) ? d[b] : E);
-        k.value = String(C), v.value = String(C), d[b] = C, u();
+        const E = Number(w), C = g(Number.isNaN(E) ? d[y] : E);
+        k.value = String(C), v.value = String(C), d[y] = C, u();
       }), k.addEventListener("keydown", (w) => {
         w.key === "Enter" && k.blur();
       }), r("div", { class: "sm-spacing-row" }, [
-        r("span", { class: "sm-spacing-row__axis" }, [p[b]]),
+        r("span", { class: "sm-spacing-row__axis" }, [p[y]]),
         v,
         k
       ]);
@@ -3735,8 +3808,8 @@ class ns {
             type: "button",
             class: "sm-btn sm-btn--ghost sm-spacing-field__reset",
             onclick: () => {
-              const g = a.map((b) => _(Number(b)));
-              for (let b = 0; b < 4; b++) d[b] = g[b];
+              const b = a.map((y) => g(Number(y)));
+              for (let y = 0; y < 4; y++) d[y] = b[y];
               l([...d]);
             }
           },
@@ -3746,11 +3819,11 @@ class ns {
       this._preferSliderControls() ? r(
         "div",
         { class: "sm-spacing-rows" },
-        [0, 1, 2, 3].map((g) => m([e, s, n, i][g], g))
+        [0, 1, 2, 3].map((b) => f([e, s, n, i][b], b))
       ) : r(
         "div",
         { class: "sm-spacing-grid" },
-        [0, 1, 2, 3].map((g) => f([e, s, n, i][g], g))
+        [0, 1, 2, 3].map((b) => m([e, s, n, i][b], b))
       )
     ]);
   }
@@ -3772,8 +3845,8 @@ class ns {
       ]),
       l
     ]);
-    return i.addEventListener("change", () => s(i.checked)), { el: c, setInherit: (p, _) => {
-      i.checked = p, _ !== void 0 && (l.textContent = _), l.hidden = !p;
+    return i.addEventListener("change", () => s(i.checked)), { el: c, setInherit: (p, g) => {
+      i.checked = p, g !== void 0 && (l.textContent = g), l.hidden = !p;
     } };
   }
   _fontWeightInheritField(t, e, s, n, i, l, c) {
@@ -3782,42 +3855,42 @@ class ns {
       class: "sm-segmented sm-segmented--fill",
       role: "group",
       "aria-label": t
-    }), _ = () => {
+    }), g = () => {
       p.classList.toggle("sm-segmented--disabled", a);
-      const f = a ? "" : H(e || s);
-      I(p);
-      for (const m of l) {
-        const g = !a && m.value === f;
+      const m = a ? "" : j(e || s);
+      R(p);
+      for (const f of l) {
+        const b = !a && f.value === m;
         p.append(
           r(
             "button",
             {
               type: "button",
-              class: `sm-segmented__item${g ? " sm-segmented__item--active" : ""}`,
-              "aria-pressed": g ? "true" : "false",
-              title: m.label,
-              ...i ? { "data-sm-focus": `${i}:${m.value}` } : {},
+              class: `sm-segmented__item${b ? " sm-segmented__item--active" : ""}`,
+              "aria-pressed": b ? "true" : "false",
+              title: f.label,
+              ...i ? { "data-sm-focus": `${i}:${f.value}` } : {},
               onclick: () => {
-                a = !1, e = m.value, d.setInherit(!1), _(), n(m.value);
+                a = !1, e = f.value, d.setInherit(!1), g(), n(f.value);
               }
             },
-            [m.label]
+            [f.label]
           )
         );
       }
     }, d = this._globalInheritSwitch(
       a,
       s,
-      (f) => {
-        if (f) {
-          a = !0, e = "", d.setInherit(!0, s), _(), n("");
+      (m) => {
+        if (m) {
+          a = !0, e = "", d.setInherit(!0, s), g(), n("");
           return;
         }
-        a = !1, e = s, d.setInherit(!1), _(), n(s);
+        a = !1, e = s, d.setInherit(!1), g(), n(s);
       },
       `${i}:inherit`
     );
-    _();
+    g();
     const u = r("div", { class: "sm-field" }, [
       r("label", { class: "sm-field__label" }, [t]),
       d.el,
@@ -3832,21 +3905,21 @@ class ns {
       class: "sm-input",
       type: "text",
       ...n ? { "data-sm-focus": n } : {}
-    }), _ = () => {
+    }), g = () => {
       p.disabled = a, p.value = a ? "" : e, p.placeholder = a ? "" : "如 16px", p.classList.toggle("sm-input--inherit-disabled", a);
     }, d = this._globalInheritSwitch(
       a,
       `${c}px`,
-      (f) => {
-        if (f) {
-          a = !0, e = "", d.setInherit(!0, `${c}px`), _(), s("");
+      (m) => {
+        if (m) {
+          a = !0, e = "", d.setInherit(!0, `${c}px`), g(), s("");
           return;
         }
-        a = !1, e = `${c}px`, d.setInherit(!1), _(), s(e);
+        a = !1, e = `${c}px`, d.setInherit(!1), g(), s(e);
       },
       `${n}:inherit`
     );
-    _(), p.addEventListener("input", () => {
+    g(), p.addEventListener("input", () => {
       a || (e = p.value, s(e));
     }), p.addEventListener("blur", () => {
       if (a) return;
@@ -3874,65 +3947,65 @@ class ns {
         l,
         i
       ) : this._textField(t, e ?? "", s, "", n);
-    const a = 10, p = 48, _ = 1, d = (C) => Math.min(p, Math.max(a, Math.round(C))), u = d(this._snapFontSizeToPx(l ?? e ?? "16px"));
-    let f = e.trim(), m = c && !f;
-    const g = r("div", { class: "sm-field__slider-row" }), b = r("input", {
+    const a = 10, p = 48, g = 1, d = (C) => Math.min(p, Math.max(a, Math.round(C))), u = d(this._snapFontSizeToPx(l ?? e ?? "16px"));
+    let m = e.trim(), f = c && !m;
+    const b = r("div", { class: "sm-field__slider-row" }), y = r("input", {
       type: "range",
       min: a,
       max: p,
-      step: _
+      step: g
     }), h = r("input", {
       class: "sm-input",
       type: "number",
       min: a,
       max: p,
-      step: _,
+      step: g,
       "data-sm-focus": n
     });
-    g.append(b, h);
+    b.append(y, h);
     const v = () => {
-      if (g.classList.toggle("sm-field__slider-row--inherit", m), h.disabled = m, m)
-        b.value = String(u), h.value = "";
+      if (b.classList.toggle("sm-field__slider-row--inherit", f), h.disabled = f, f)
+        y.value = String(u), h.value = "";
       else {
-        const C = d(this._snapFontSizeToPx(f || `${u}px`));
-        b.value = String(C), h.value = String(C);
+        const C = d(this._snapFontSizeToPx(m || `${u}px`));
+        y.value = String(C), h.value = String(C);
       }
     };
     let k = null;
     c && (k = this._globalInheritSwitch(
-      m,
+      f,
       `${u}px`,
       (C) => {
         if (C) {
-          m = !0, f = "", k.setInherit(!0, `${u}px`), v(), s("");
+          f = !0, m = "", k.setInherit(!0, `${u}px`), v(), s("");
           return;
         }
-        m = !1, f = `${u}px`, k.setInherit(!1), v(), s(f);
+        f = !1, m = `${u}px`, k.setInherit(!1), v(), s(m);
       },
       `${n}:inherit`
     )), v();
     const w = () => {
-      m && (m = !1, k == null || k.setInherit(!1), v());
+      f && (f = !1, k == null || k.setInherit(!1), v());
     };
-    b.addEventListener("input", () => {
+    y.addEventListener("input", () => {
       w();
-      const C = d(Number(b.value));
-      h.value = String(C), f = `${C}px`, s(f);
+      const C = d(Number(y.value));
+      h.value = String(C), m = `${C}px`, s(m);
     }), h.addEventListener("input", () => {
-      if (m) return;
+      if (f) return;
       const C = Number(h.value);
-      Number.isNaN(C) || (b.value = String(d(C)));
+      Number.isNaN(C) || (y.value = String(d(C)));
     }), h.addEventListener("blur", () => {
-      if (m) return;
-      const C = h.value.trim(), B = d(Number(b.value)), T = d(C === "" || Number.isNaN(Number(C)) ? B : Number(C));
-      f = `${T}px`, h.value = String(T), b.value = String(T), s(f);
+      if (f) return;
+      const C = h.value.trim(), B = d(Number(y.value)), I = d(C === "" || Number.isNaN(Number(C)) ? B : Number(C));
+      m = `${I}px`, h.value = String(I), y.value = String(I), s(m);
     }), h.addEventListener("keydown", (C) => {
       C.key === "Enter" && h.blur();
     });
     const E = r("div", { class: "sm-field" }, [
       r("label", { class: "sm-field__label" }, [t]),
       ...k ? [k.el] : [],
-      g
+      b
     ]);
     return i && E.append(r("div", { class: "sm-field__help" }, [i])), E;
   }
@@ -3950,7 +4023,7 @@ class ns {
       const k = this._textField(t, e, s, "", n);
       return i && k.append(r("div", { class: "sm-field__help" }, [i])), k;
     }
-    const l = ss(e);
+    const l = ds(e);
     if (l === "custom") {
       const k = r("div", { class: "sm-field" });
       return k.append(r("label", { class: "sm-field__label" }, [t])), k.append(
@@ -3968,59 +4041,59 @@ class ns {
         })
       ), i && k.append(r("div", { class: "sm-field__help" }, [i])), k;
     }
-    const c = l, a = c === "%" ? 100 : 1200, p = 1, _ = c === "auto" ? 280 : pt(e, c === "%" ? "%" : "px"), d = (k) => Math.max(p, Math.min(a, Math.round(k))), u = r("input", {
+    const c = l, a = c === "%" ? 100 : 1200, p = 1, g = c === "auto" ? 280 : ft(e, c === "%" ? "%" : "px"), d = (k) => Math.max(p, Math.min(a, Math.round(k))), u = r("input", {
       type: "range",
       min: p,
       max: a,
       step: 1,
-      value: String(_),
+      value: String(g),
       disabled: c === "auto"
-    }), f = r("input", {
+    }), m = r("input", {
       class: "sm-input",
       type: "number",
       min: p,
       max: a,
       step: 1,
-      value: String(_),
+      value: String(g),
       disabled: c === "auto",
       ...n ? { "data-sm-focus": n } : {}
-    }), m = (k) => {
+    }), f = (k) => {
       const w = d(k);
-      u.value = String(w), f.value = String(w), s(c === "%" ? `${w}%` : `${w}px`);
+      u.value = String(w), m.value = String(w), s(c === "%" ? `${w}%` : `${w}px`);
     };
     u.addEventListener("input", () => {
-      c !== "auto" && m(Number(u.value));
-    }), f.addEventListener("input", () => {
+      c !== "auto" && f(Number(u.value));
+    }), m.addEventListener("input", () => {
       if (c === "auto") return;
-      const k = f.value.trim();
+      const k = m.value.trim();
       if (k === "") return;
       const w = Number(k);
       Number.isNaN(w) || (u.value = String(d(w)));
-    }), f.addEventListener("blur", () => {
+    }), m.addEventListener("blur", () => {
       if (c === "auto") return;
-      const k = f.value.trim(), w = d(Number(u.value));
+      const k = m.value.trim(), w = d(Number(u.value));
       if (k === "") {
-        m(w);
+        f(w);
         return;
       }
       const E = Number(k);
-      m(Number.isNaN(E) ? w : E);
-    }), f.addEventListener("keydown", (k) => {
-      c !== "auto" && k.key === "Enter" && f.blur();
+      f(Number.isNaN(E) ? w : E);
+    }), m.addEventListener("keydown", (k) => {
+      c !== "auto" && k.key === "Enter" && m.blur();
     });
-    const g = r(
+    const b = r(
       "div",
       { class: `sm-width-field__slider-row ${c === "auto" ? "is-disabled" : ""}` },
-      [u, f]
-    ), b = r("div", { class: "sm-segmented sm-segmented--wrap sm-width-field__modes" }), h = (k, w) => {
-      b.append(
+      [u, m]
+    ), y = r("div", { class: "sm-segmented sm-segmented--wrap sm-width-field__modes" }), h = (k, w) => {
+      y.append(
         r(
           "button",
           {
             type: "button",
             class: `sm-segmented__item ${c === k ? "sm-segmented__item--active" : ""}`,
             onclick: () => {
-              s(k === "auto" ? "" : k === "px" ? `${pt(e, "px")}px` : `${pt(e, "%")}%`);
+              s(k === "auto" ? "" : k === "px" ? `${ft(e, "px")}px` : `${ft(e, "%")}%`);
             }
           },
           [w]
@@ -4030,14 +4103,14 @@ class ns {
     h("auto", "自适应"), h("px", "px"), h("%", "%");
     const v = r("div", { class: "sm-field" }, [
       r("label", { class: "sm-field__label" }, [t]),
-      b,
-      g
+      y,
+      b
     ]);
     return i && v.append(r("div", { class: "sm-field__help" }, [i])), v;
   }
   _docFontWeightField(t, e, s) {
-    const n = H(t);
-    return this._segmentedSelectField("字重", n, st, e, s);
+    const n = j(t);
+    return this._segmentedSelectField("字重", n, it, e, s);
   }
   _twoColumnRatioField(t, e, s) {
     return this._segmentedSelectField(
@@ -4055,11 +4128,11 @@ class ns {
   _renderBlockCodeView(t) {
     const e = this.opts.registry.get(t.type), s = t.lockedMjml ?? (e ? e.toMjml(t.props, { doc: this.opts.store.doc, engine: "mjml" }) : ""), n = r("div", { class: "sm-code-pane" }), i = r("div", { class: "sm-code-pane__header" }, [
       r("div", { class: "sm-code-pane__title" }, ["编辑组件 MJML 源码"])
-    ]), l = r("div", { class: "sm-code" }), c = new it({
+    ]), l = r("div", { class: "sm-code" }), c = new rt({
       parent: l,
-      state: V.create({
+      state: U.create({
         doc: s,
-        extensions: [ot, rt()]
+        extensions: [lt, ct()]
       })
     });
     this.codeView = c;
@@ -4071,8 +4144,8 @@ class ns {
           type: "button",
           onclick: () => {
             this.opts.store.update((p) => {
-              const _ = L(p, t.id);
-              _ && delete _.block.lockedMjml;
+              const g = L(p, t.id);
+              g && delete g.block.lockedMjml;
             });
           }
         },
@@ -4085,8 +4158,8 @@ class ns {
           type: "button",
           onclick: () => {
             const p = c.state.doc.toString();
-            this.opts.store.update((_) => {
-              const d = L(_, t.id);
+            this.opts.store.update((g) => {
+              const d = L(g, t.id);
               d && (d.block.lockedMjml = p);
             });
           }
@@ -4107,13 +4180,13 @@ class ns {
     this.codeView && (this.codeView.destroy(), this.codeView = null);
   }
 }
-class is {
+class hs {
   constructor(t) {
-    y(this, "el");
-    y(this, "opts");
-    y(this, "currentTab", "mjml");
-    y(this, "body");
-    y(this, "cm", null);
+    _(this, "el");
+    _(this, "opts");
+    _(this, "currentTab", "mjml");
+    _(this, "body");
+    _(this, "cm", null);
     this.opts = t, this.el = r("div", { class: "sm-doc-source" }), this.body = r("div", { class: "sm-doc-source__body" }), this._render(), t.store.subscribe(() => {
       this._isVisible() && this._renderEditor();
     });
@@ -4130,7 +4203,7 @@ class is {
     return this.el.isConnected && (this.el.offsetParent !== null || this.el.getClientRects().length > 0);
   }
   _render() {
-    I(this.el);
+    R(this.el);
     const t = r("div", { class: "sm-doc-source__bar" }, [
       this._tabBtn("mjml", "MJML"),
       this._tabBtn("html", "HTML（编译产物）"),
@@ -4161,15 +4234,15 @@ class is {
     );
   }
   _renderEditor() {
-    this._destroyCm(), I(this.body);
-    const t = lt(this.opts.store.doc, this.opts.registry, {
+    this._destroyCm(), R(this.body);
+    const t = at(this.opts.store.doc, this.opts.registry, {
       withSampleVariables: !1
     }), e = this.currentTab === "mjml" ? t.mjml : t.html;
-    this.cm = new it({
+    this.cm = new rt({
       parent: this.body,
-      state: V.create({
+      state: U.create({
         doc: e,
-        extensions: [ot, rt(), V.readOnly.of(!0)]
+        extensions: [lt, ct(), U.readOnly.of(!0)]
       })
     });
   }
@@ -4180,7 +4253,7 @@ class is {
       await navigator.clipboard.writeText(t);
     } catch {
       const e = document.createElement("textarea");
-      e.value = t, document.body.appendChild(e), e.select(), N("copy"), document.body.removeChild(e);
+      e.value = t, document.body.appendChild(e), e.select(), T("copy"), document.body.removeChild(e);
     }
   }
   _destroyCm() {
@@ -4190,17 +4263,17 @@ class is {
     this._destroyCm();
   }
 }
-class os {
+class ps {
   constructor(t) {
-    y(this, "el");
-    y(this, "opts");
-    y(this, "undoBtn");
-    y(this, "redoBtn");
-    y(this, "themeButtons");
-    y(this, "modeButtons", {});
-    y(this, "accentInput");
-    y(this, "fullscreenBtn");
-    y(this, "layoutBordersBtn");
+    _(this, "el");
+    _(this, "opts");
+    _(this, "undoBtn");
+    _(this, "redoBtn");
+    _(this, "themeButtons");
+    _(this, "modeButtons", {});
+    _(this, "accentInput");
+    _(this, "fullscreenBtn");
+    _(this, "layoutBordersBtn");
     this.opts = t, this.el = r("header", { class: "sm-topbar" }), this._render(), t.store.subscribe(() => this._sync()), this._sync();
   }
   setMode(t) {
@@ -4218,7 +4291,7 @@ class os {
   /** 根据 `.sm-root` 上计算后的 `--sm-primary` 更新拾取器显示（无拾取器或未挂 root 时忽略） */
   syncAccentPicker() {
     if (!this.accentInput || !this.opts.accentPickerRoot) return;
-    const t = getComputedStyle(this.opts.accentPickerRoot).getPropertyValue("--sm-primary").trim(), e = A(t) || ve(t);
+    const t = getComputedStyle(this.opts.accentPickerRoot).getPropertyValue("--sm-primary").trim(), e = A(t) || Le(t);
     if (!e) return;
     const s = A(e);
     if (!s) return;
@@ -4228,7 +4301,7 @@ class os {
   /** 与 document fullscreen 状态同步图标与 aria（按钮不存在时忽略） */
   setFullscreenActive(t) {
     const e = this.fullscreenBtn;
-    e && (e.replaceChildren(t ? ds() : Pt()), e.title = t ? "退出全屏" : "全屏", e.setAttribute("aria-label", t ? "退出全屏" : "全屏"), e.setAttribute("aria-pressed", t ? "true" : "false"));
+    e && (e.replaceChildren(t ? ys() : Dt()), e.title = t ? "退出全屏" : "全屏", e.setAttribute("aria-label", t ? "退出全屏" : "全屏"), e.setAttribute("aria-pressed", t ? "true" : "false"));
   }
   /** 与画布布局边框开关同步按钮高亮（按钮不存在时忽略） */
   setLayoutBordersActive(t) {
@@ -4236,7 +4309,7 @@ class os {
     e && (e.setAttribute("aria-pressed", t ? "true" : "false"), e.title = t ? "隐藏 Section / Block 边框" : "显示 Section / Block 边框", e.setAttribute("aria-label", t ? "隐藏 Section / Block 边框" : "显示 Section / Block 边框"));
   }
   _render() {
-    I(this.el);
+    R(this.el);
     const t = r("div", { class: "sm-segmented" }), e = r(
       "button",
       {
@@ -4271,9 +4344,9 @@ class os {
       [w]
     );
     this.themeButtons = {
-      light: i("light", "浅色", us()),
-      dark: i("dark", "深色", hs()),
-      system: i("system", "跟随系统", ps())
+      light: i("light", "浅色", _s()),
+      dark: i("dark", "深色", vs()),
+      system: i("system", "跟随系统", ks())
     }, n.append(this.themeButtons.light, this.themeButtons.dark, this.themeButtons.system);
     const l = [n];
     if (this.opts.showAccentColorPicker && this.opts.onAccentChange) {
@@ -4284,7 +4357,7 @@ class os {
         title: "主题色",
         value: "#4f46e5"
       });
-      G(v, {
+      X(v, {
         layerRoot: this.opts.accentPickerRoot,
         liveCommit: !0,
         onCommit: (k) => this.opts.onAccentChange(k)
@@ -4299,7 +4372,7 @@ class os {
         title: "撤销 ⌘Z",
         onclick: this.opts.onUndo
       },
-      [rs(), "撤销"]
+      [ms(), "撤销"]
     ), this.redoBtn = r(
       "button",
       {
@@ -4308,7 +4381,7 @@ class os {
         title: "重做 ⌘⇧Z",
         onclick: this.opts.onRedo
       },
-      [ls(), "重做"]
+      [fs(), "重做"]
     );
     const c = [];
     this.opts.showClearCanvasButton !== !1 && typeof this.opts.onClearCanvas == "function" && c.push(
@@ -4342,16 +4415,16 @@ class os {
         onclick: (v) => this.opts.onInsertVariable(v.currentTarget)
       },
       ["{{ }} 插入变量"]
-    ), _ = r(
+    ), g = r(
       "button",
       { class: "sm-btn", type: "button", onclick: this.opts.onPreview },
-      [cs(), "预览"]
+      [gs(), "预览"]
     ), d = r(
       "button",
       { class: "sm-btn sm-btn--primary", type: "button", onclick: this.opts.onExport },
       ["导出 HTML"]
-    ), u = this.opts.showMailSettingsButton !== !1, f = [];
-    u && f.push(
+    ), u = this.opts.showMailSettingsButton !== !1, m = [];
+    u && m.push(
       r(
         "button",
         {
@@ -4362,9 +4435,9 @@ class os {
         },
         ["邮件设置"]
       )
-    ), f.push(p, _, d);
-    const m = [];
-    typeof this.opts.onLayoutBordersToggle == "function" ? m.push(
+    ), m.push(p, g, d);
+    const f = [];
+    typeof this.opts.onLayoutBordersToggle == "function" ? f.push(
       this.layoutBordersBtn = r(
         "button",
         {
@@ -4375,9 +4448,9 @@ class os {
           "aria-pressed": "false",
           onclick: () => this.opts.onLayoutBordersToggle()
         },
-        [as()]
+        [bs()]
       )
-    ) : this.layoutBordersBtn = void 0, this.opts.showFullscreenButton !== !1 && typeof this.opts.onFullscreenToggle == "function" ? m.push(
+    ) : this.layoutBordersBtn = void 0, this.opts.showFullscreenButton !== !1 && typeof this.opts.onFullscreenToggle == "function" ? f.push(
       this.fullscreenBtn = r(
         "button",
         {
@@ -4388,111 +4461,113 @@ class os {
           "aria-pressed": "false",
           onclick: () => this.opts.onFullscreenToggle()
         },
-        [Pt()]
+        [Dt()]
       )
     ) : this.fullscreenBtn = void 0;
-    const b = m.length > 0 && r("div", { class: "sm-topbar__group" }, m), h = [];
+    const y = f.length > 0 && r("div", { class: "sm-topbar__group" }, f), h = [];
     this.opts.showTitle !== !1 && h.push(r("div", { class: "sm-topbar__title" }, ["Simple Mail Editor"])), this.el.append(
       ...h,
       r("div", { class: "sm-topbar__group" }, [t]),
       r("div", { class: "sm-topbar__group sm-topbar__theme-group" }, l),
       r("div", { class: "sm-topbar__group" }, [this.undoBtn, this.redoBtn]),
       ...a ? [a] : [],
-      ...b ? [b] : [],
+      ...y ? [y] : [],
       r("div", { class: "sm-topbar__spacer" }),
-      r("div", { class: "sm-topbar__group" }, f)
+      r("div", { class: "sm-topbar__group" }, m)
     ), this.setMode(this.opts.mode), this.syncTheme(this.opts.theme);
   }
   _sync() {
     this.undoBtn.disabled = !this.opts.store.canUndo(), this.redoBtn.disabled = !this.opts.store.canRedo();
   }
 }
-function rs() {
-  return z(
+function ms() {
+  return G(
     '<path d="M9 14l-4-4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 10h7a4 4 0 010 8h-1" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/>'
   );
 }
-function ls() {
-  return z(
+function fs() {
+  return G(
     '<path d="M11 14l4-4-4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 10H8a4 4 0 000 8h1" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/>'
   );
 }
-function cs() {
-  return z(
+function gs() {
+  return G(
     '<path d="M2 10s3-5 8-5 8 5 8 5-3 5-8 5-8-5-8-5z" stroke="currentColor" stroke-width="1.5" fill="none"/><circle cx="10" cy="10" r="2.4" stroke="currentColor" stroke-width="1.5" fill="none"/>'
   );
 }
-function as() {
-  return z(
+function bs() {
+  return G(
     '<rect x="4.5" y="4.5" width="11" height="11" rx="1.5" stroke="currentColor" stroke-width="1.5" fill="none" stroke-dasharray="2.5 2"/><path d="M7.2 10.1l1.8 1.8 3.8-3.9" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" class="sm-layout-borders-check"/>'
   );
 }
-function Pt() {
-  return z(
+function Dt() {
+  return G(
     '<path d="M6 4H4v2M14 4h2v2M6 16H4v-2M14 16h2v-2M4 6V4h2M16 6V4h-2M4 14v2h2M16 14v2h-2" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/>'
   );
 }
-function ds() {
-  return z(
+function ys() {
+  return G(
     '<path d="M8 4v4H4M12 4v4h4M8 16v-4H4M12 16v-4h4M4 8h4v4H4M16 8h-4v4h4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/>'
   );
 }
-function us() {
-  return Ct(
+function _s() {
+  return Et(
     '<circle cx="10" cy="10" r="3.2" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M10 3.5V5M10 15v1.5M16.5 10H15M5 10H3.5M14.1 5.9 13 7M7 13 5.9 14.1M14.1 14.1 13 13M7 7 5.9 5.9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>'
   );
 }
-function hs() {
-  return Ct(
+function vs() {
+  return Et(
     '<path d="M8.5 4.2a5.8 5.8 0 100 11.3 4.8 4.8 0 01-1.3-11.3z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>'
   );
 }
-function ps() {
-  return Ct(
+function ks() {
+  return Et(
     '<path d="M5 5.5h10c.8 0 1.5.7 1.5 1.5v6c0 .8-.7 1.5-1.5 1.5H5c-.8 0-1.5-.7-1.5-1.5v-6c0-.8.7-1.5 1.5-1.5z" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M8 16h4M10 14.2V16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>'
   );
 }
-function z(o) {
+function G(o) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return t.setAttribute("width", "14"), t.setAttribute("height", "14"), t.setAttribute("viewBox", "0 0 20 20"), t.innerHTML = o, t;
 }
-function Ct(o) {
+function Et(o) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return t.setAttribute("width", "15"), t.setAttribute("height", "15"), t.setAttribute("viewBox", "0 0 20 20"), t.setAttribute("aria-hidden", "true"), t.innerHTML = o, t;
 }
-class Ss {
+class Ts {
   constructor(t) {
-    y(this, "store");
-    y(this, "registry");
-    y(this, "opts");
-    y(this, "root");
-    y(this, "theme");
-    y(this, "mode", "design");
-    y(this, "topbar");
-    y(this, "leftPanel");
-    y(this, "canvas");
-    y(this, "rightPanel");
-    y(this, "sourceView");
-    y(this, "toolbar");
-    y(this, "body");
-    y(this, "changeTimer", null);
+    _(this, "store");
+    _(this, "registry");
+    _(this, "opts");
+    _(this, "root");
+    _(this, "theme");
+    _(this, "mode", "design");
+    _(this, "topbar");
+    _(this, "leftPanel");
+    _(this, "canvas");
+    _(this, "rightPanel");
+    _(this, "sourceView");
+    _(this, "toolbar");
+    _(this, "body");
+    _(this, "changeTimer", null);
     /** 显式品牌色时覆盖 CSS 变量；未设置则由 styles 按 light/dark 使用默认紫/靛 */
-    y(this, "accentColorOverride");
+    _(this, "accentColorOverride");
     /** 顶栏开关：是否在画布上始终显示 Section / Block 轻量虚线边框 */
-    y(this, "showLayoutBorders", !1);
+    _(this, "showLayoutBorders", !1);
     /** 「重置内容」时恢复的文档快照（与当前画布内容无关） */
-    y(this, "presetContentDoc");
-    y(this, "systemThemeMq", null);
-    y(this, "_onSystemThemeMqChange", () => {
+    _(this, "presetContentDoc");
+    /** 宿主通过 setVariables 注入的列表；setValue 恢复文档后仍会写回，避免被 doc JSON 里的空数组覆盖 */
+    _(this, "configuredVariables", []);
+    _(this, "systemThemeMq", null);
+    _(this, "_onSystemThemeMqChange", () => {
       this.accentColorOverride && this._applyAccentVars();
     });
-    y(this, "_onFullscreenChange", () => {
+    _(this, "_onFullscreenChange", () => {
       var e;
-      const t = mt();
+      const t = gt();
       (e = this.topbar) == null || e.setFullscreenActive(t === this.root);
     });
     /** design 态 Esc：块 → 父级 Section → 文档级面板（邮件设置或版式/全局样式，取决于 `ui.hideMailMeta`） */
-    y(this, "_mailEscHandler", (t) => {
+    _(this, "_mailEscHandler", (t) => {
       var i;
       if (t.key !== "Escape" || this.mode !== "design" || !this.store.selection || document.querySelector(".sm-modal__mask.is-open")) return;
       const e = t.target;
@@ -4511,25 +4586,25 @@ class Ss {
      * 文档级撤销/重做（捕获阶段）：焦点在右栏 input/CodeMirror 内时，冒泡到 root 的监听太晚，
      * 浏览器会先处理控件内撤销；仅在 store 仍有历史时拦截并走全局 undo/redo。
      */
-    y(this, "_mailUndoRedoHandler", (t) => {
+    _(this, "_mailUndoRedoHandler", (t) => {
       if (!(t.metaKey || t.ctrlKey) || t.key.toLowerCase() !== "z") return;
       const n = t.target;
       if (!n || !this.root.contains(n)) return;
       const i = !t.shiftKey, l = t.shiftKey;
       i && !this.store.canUndo() || l && !this.store.canRedo() || (t.preventDefault(), i ? this.store.undo() : this.store.redo());
     });
-    if (this.opts = t, this.registry = new Xt(), t.blocks)
+    if (this.opts = t, this.registry = new ee(), t.blocks)
       for (const n of t.blocks) this.registry.register(n);
-    const e = ft(t.initialDoc);
+    const e = bt(t.initialDoc);
     this.presetContentDoc = structuredClone(
-      ft(t.presetDoc ?? t.initialDoc)
-    ), this.store = new pe(e);
+      bt(t.presetDoc ?? t.initialDoc)
+    ), this.store = new _e(e);
     const s = A(this.opts.accentColor ?? "");
     this.opts.accentColor != null && String(this.opts.accentColor).trim() !== "" && !s && console.warn("[simple-mail] accentColor 无效，已忽略:", this.opts.accentColor), this.accentColorOverride = s ?? void 0, this.theme = t.theme ?? "light", this.root = r("div", { class: "sm-root" }), this._applyThemeAttr(), this.body = r("div", { class: "sm-body" }), t.container.append(this.root), this._buildUI(), this._bindKeyboard(), this._bindFullscreen(), this._applyAccentVars(), this._refreshAccentMqBinding(), this._syncTopbarAccentPicker(), this.store.subscribe(() => this._onChange());
   }
   /* ------------------------------ Public API ------------------------------ */
   setValue(t) {
-    this._blurRightPanelIfFocused(), this.store.replace(t);
+    this._blurRightPanelIfFocused(), this.store.replace(t), this._applyConfiguredVariables();
   }
   getValue() {
     return this.store.doc;
@@ -4545,19 +4620,53 @@ class Ss {
   }
   /** 将画布恢复为构造时 `presetDoc`（或 `initialDoc`）对应的预置内容。 */
   resetToPreset() {
-    this._blurRightPanelIfFocused(), this.store.replace(structuredClone(this.presetContentDoc)), this.store.setSelection(null);
+    this._blurRightPanelIfFocused(), this.store.replace(structuredClone(this.presetContentDoc)), this._applyConfiguredVariables(), this.store.setSelection(null);
   }
   /** 更新「重置内容」的目标（例如宿主异步加载默认模板后）。 */
   setPresetDoc(t) {
-    this.presetContentDoc = structuredClone(ft(t));
+    this.presetContentDoc = structuredClone(bt(t));
   }
   setVariables(t) {
+    this.configuredVariables = t.map(O), this._applyConfiguredVariables();
+  }
+  getVariables() {
+    return this.configuredVariables.length ? this.configuredVariables : this.store.doc.variables;
+  }
+  _applyConfiguredVariables() {
+    if (!this.configuredVariables.length) return;
+    const t = this.configuredVariables.map((e) => ({ ...e }));
     this.store.update((e) => {
       e.variables = t;
     });
   }
-  getVariables() {
-    return this.store.doc.variables;
+  /**
+   * 插入变量 key（`{{key}}`）。
+   * @returns 是否成功插入
+   */
+  insertVariableKey(t) {
+    const e = O(t);
+    return this._insertAtFocus(q(e.key), !1);
+  }
+  /**
+   * 插入链接 / 图片变量对应元素（`<a>` / image 块等）。
+   * 非 link/image 时退化为 insertVariableKey。
+   */
+  insertVariableElement(t) {
+    const e = O(t);
+    if (e.kind === "image")
+      return this._insertImageVariable(e);
+    if (e.kind === "link") {
+      const s = q(e.key), n = Gt(
+        s,
+        this.store.doc.styles.linkColor || "#ff5a00"
+      );
+      return this._insertAtFocus(n, !0);
+    }
+    return this.insertVariableKey(e);
+  }
+  /** 同 {@link insertVariableKey} */
+  insertVariable(t) {
+    return this.insertVariableKey(t);
   }
   /** 当前界面主题（`system` 不解析为 light/dark）。 */
   getTheme() {
@@ -4590,7 +4699,7 @@ class Ss {
   }
   /** 导出 MJML 与编译后的 HTML。withSampleVariables=true 时把 {{var}} 替换为 sample 值用于预览。 */
   export(t = {}) {
-    return lt(this.store.doc, this.registry, {
+    return at(this.store.doc, this.registry, {
       engine: this.opts.engine ?? "mjml",
       withSampleVariables: t.withSampleVariables ?? !1
     });
@@ -4604,7 +4713,7 @@ class Ss {
   }
   destroy() {
     var t, e, s, n, i, l;
-    this._unbindFullscreen(), this._unbindSystemThemeMqForAccent(), this.changeTimer && window.clearTimeout(this.changeTimer), mt() === this.root && Ht(), document.removeEventListener("keydown", this._mailEscHandler, !0), document.removeEventListener("keydown", this._mailUndoRedoHandler, !0), (e = (t = this.canvas) == null ? void 0 : t.destroy) == null || e.call(t), (n = (s = this.sourceView) == null ? void 0 : s.destroy) == null || n.call(s), (l = (i = this.toolbar) == null ? void 0 : i.destroy) == null || l.call(i), this.root.remove();
+    this._unbindFullscreen(), this._unbindSystemThemeMqForAccent(), this.changeTimer && window.clearTimeout(this.changeTimer), gt() === this.root && Vt(), document.removeEventListener("keydown", this._mailEscHandler, !0), document.removeEventListener("keydown", this._mailUndoRedoHandler, !0), (e = (t = this.canvas) == null ? void 0 : t.destroy) == null || e.call(t), (n = (s = this.sourceView) == null ? void 0 : s.destroy) == null || n.call(s), (l = (i = this.toolbar) == null ? void 0 : i.destroy) == null || l.call(i), this.root.remove();
   }
   /* -------------------------------- 私有 ---------------------------------- */
   _applyThemeAttr() {
@@ -4619,7 +4728,7 @@ class Ss {
       return;
     }
     const t = this._chromeIsEffectivelyDark();
-    this.root.style.setProperty("--sm-primary", this.accentColorOverride), this.root.style.setProperty("--sm-primary-soft", ke(this.accentColorOverride, t));
+    this.root.style.setProperty("--sm-primary", this.accentColorOverride), this.root.style.setProperty("--sm-primary-soft", Me(this.accentColorOverride, t));
   }
   _unbindSystemThemeMqForAccent() {
     this.systemThemeMq && (this.systemThemeMq.removeEventListener("change", this._onSystemThemeMqChange), this.systemThemeMq = null);
@@ -4637,7 +4746,7 @@ class Ss {
   }
   _buildUI() {
     var e, s, n, i, l, c;
-    this.topbar = new os({
+    this.topbar = new ps({
       store: this.store,
       mode: this.mode,
       theme: this.theme,
@@ -4662,19 +4771,19 @@ class Ss {
       onFullscreenToggle: () => void this._toggleFullscreen(),
       onLayoutBordersToggle: () => this._toggleLayoutBorders(),
       showClearCanvasButton: ((i = this.opts.ui) == null ? void 0 : i.hideTopbarClearCanvas) !== !0,
-      onClearCanvas: () => this._confirmClearCanvas(),
+      onClearCanvas: () => this.clearCanvas(),
       showResetContentButton: ((l = this.opts.ui) == null ? void 0 : l.hideTopbarResetContent) !== !0,
-      onResetContent: () => this._confirmResetContent()
-    }), this.toolbar = new Xe({ positionRoot: this.root }), this.leftPanel = new Ge({ registry: this.registry });
+      onResetContent: () => this.resetToPreset()
+    }), this.toolbar = new ns({ positionRoot: this.root }), this.leftPanel = new es({ registry: this.registry });
     const t = this.opts.autoWrapSection !== !1;
-    this.root.classList.toggle("sm-allow-auto-wrap", t), this.canvas = new je({
+    this.root.classList.toggle("sm-allow-auto-wrap", t), this.canvas = new Ge({
       store: this.store,
       registry: this.registry,
       toolbar: this.toolbar,
       autoWrapSection: t,
       clearSelectionOnCanvasMargin: this.opts.clearSelectionOnCanvasMargin === !0,
       layerRoot: this.root
-    }), this.rightPanel = new ns({
+    }), this.rightPanel = new us({
       store: this.store,
       registry: this.registry,
       docRootLabel: (c = this.opts.ui) != null && c.hideMailMeta ? "版式" : "邮件",
@@ -4684,7 +4793,7 @@ class Ss {
       onFocusDocument: () => this._focusMailSettings(),
       imageAssets: this.opts.imageAssets,
       ui: this.opts.ui
-    }), this.sourceView = new is({ store: this.store, registry: this.registry }), this.body.append(this.leftPanel.el, this.canvas.el, this.rightPanel.el), this.root.append(this.topbar.el, this.body);
+    }), this.sourceView = new hs({ store: this.store, registry: this.registry }), this.body.append(this.leftPanel.el, this.canvas.el, this.rightPanel.el), this.root.append(this.topbar.el, this.body);
   }
   /** 撤销/替换文档前先失焦右栏，否则 RightPanel 会因「保留焦点」跳过重绘而仍显示旧值 */
   _blurRightPanelIfFocused() {
@@ -4695,18 +4804,8 @@ class Ss {
   _focusMailSettings() {
     this.canvas.commitInlineEdit(), this.store.setSelection(null);
   }
-  _confirmClearCanvas() {
-    window.confirm(
-      "将移除画布上所有 Section 与组件，邮件全局样式与变量列表会保留。此操作可用撤销（⌘Z）恢复。"
-    ) && this.clearCanvas();
-  }
-  _confirmResetContent() {
-    window.confirm(
-      "将把邮件正文恢复为预置内容，当前画布上的所有模块将被替换。确定继续？"
-    ) && this.resetToPreset();
-  }
   _setMode(t) {
-    this.mode !== t && (t !== "design" && this.canvas.commitInlineEdit(), this.mode = t, this.topbar.setMode(t), I(this.body), t === "design" ? (this.body.classList.remove("sm-body--source"), this.body.style.removeProperty("grid-template-columns"), this.body.append(this.leftPanel.el, this.canvas.el, this.rightPanel.el)) : (this.body.classList.add("sm-body--source"), this.body.style.removeProperty("grid-template-columns"), this.body.append(this.sourceView.el), queueMicrotask(() => this.sourceView.refreshDoc())));
+    this.mode !== t && (t !== "design" && this.canvas.commitInlineEdit(), this.mode = t, this.topbar.setMode(t), R(this.body), t === "design" ? (this.body.classList.remove("sm-body--source"), this.body.style.removeProperty("grid-template-columns"), this.body.append(this.leftPanel.el, this.canvas.el, this.rightPanel.el)) : (this.body.classList.add("sm-body--source"), this.body.style.removeProperty("grid-template-columns"), this.body.append(this.sourceView.el), queueMicrotask(() => this.sourceView.refreshDoc())));
   }
   _bindKeyboard() {
     this.root.addEventListener("keydown", (t) => {
@@ -4722,7 +4821,7 @@ class Ss {
           const i = n.sections.find((c) => c.id === s.sectionId);
           if (!i) return;
           const l = i.columns[s.columnIndex];
-          l && (l.blocks = l.blocks.filter((c) => c.id !== s.blockId), Q(n, s.sectionId));
+          l && (l.blocks = l.blocks.filter((c) => c.id !== s.blockId), et(n, s.sectionId));
         }), this.store.setSelection(null));
       }
     }), document.addEventListener("keydown", this._mailUndoRedoHandler, !0), document.addEventListener("keydown", this._mailEscHandler, !0), this.root.tabIndex = 0;
@@ -4734,9 +4833,11 @@ class Ss {
     }, 60));
   }
   _showVariablePopover(t) {
-    const e = this.store.doc.variables;
+    var p;
+    (p = this.canvas.currentInlineEditor) == null || p.saveSelection();
+    const e = this.getVariables();
     if (!e.length) {
-      alert("当前未配置变量。请先调用 editor.setVariables([...])");
+      this._showToast("暂无可用变量");
       return;
     }
     const s = this.root.querySelector(".sm-popover");
@@ -4744,72 +4845,141 @@ class Ss {
       s.remove();
       return;
     }
-    const n = r("div", { class: "sm-popover" });
-    for (const a of e)
-      n.append(
+    const n = r("div", { class: "sm-popover sm-popover--variables" });
+    let i = null;
+    const l = () => {
+      n.remove(), i && document.removeEventListener("click", i, !0);
+    };
+    for (const g of e) {
+      const d = q(g.key), u = r("div", { class: "sm-popover__row" }), m = r("div", { class: "sm-popover__actions" });
+      (g.kind === "link" || g.kind === "image") && m.append(
+        r(
+          "button",
+          {
+            class: "sm-popover__action",
+            type: "button",
+            onclick: (f) => {
+              f.stopPropagation(), this.insertVariableElement(g), l();
+            }
+          },
+          ["插入元素"]
+        )
+      ), m.append(
+        r(
+          "button",
+          {
+            class: "sm-popover__action sm-popover__action--copy",
+            type: "button",
+            title: `复制 ${d}`,
+            onclick: (f) => {
+              f.stopPropagation(), ws(d).then((b) => {
+                b && (l(), this._showToast("已复制变量"));
+              });
+            }
+          },
+          ["复制"]
+        )
+      ), u.append(
         r(
           "button",
           {
             class: "sm-popover__item",
             type: "button",
             onclick: () => {
-              this._insertVariable(a), n.remove();
+              this.insertVariableKey(g), l();
             }
           },
           [
-            r("span", { class: "sm-popover__key" }, [`{{${a.key}}}`]),
-            r("span", { class: "sm-popover__label" }, [a.label])
+            r("span", { class: "sm-popover__label" }, [g.label]),
+            r("span", { class: "sm-popover__key" }, [d])
           ]
-        )
-      );
-    const i = t.getBoundingClientRect(), l = this.root.getBoundingClientRect();
-    n.style.top = `${i.bottom - l.top + 4}px`, n.style.left = `${i.left - l.left}px`, this.root.append(n);
-    const c = (a) => {
-      !n.contains(a.target) && a.target !== t && (n.remove(), document.removeEventListener("click", c, !0));
-    };
-    setTimeout(() => document.addEventListener("click", c, !0), 0);
-  }
-  _insertVariable(t) {
-    const e = this.store.selection, s = `{{${t.key}}}`, n = this.canvas.currentInlineEditor;
-    if (n) {
-      n.insertText(s);
-      return;
+        ),
+        m
+      ), n.append(u);
     }
-    const i = document.activeElement;
-    if (i && (i.tagName === "INPUT" || i.tagName === "TEXTAREA") && this.root.contains(i)) {
-      const l = i.selectionStart ?? i.value.length, c = i.selectionEnd ?? i.value.length;
-      i.value = i.value.slice(0, l) + s + i.value.slice(c);
-      const a = new Event("input", { bubbles: !0 });
-      i.dispatchEvent(a);
-      return;
+    const c = t.getBoundingClientRect(), a = this.root.getBoundingClientRect();
+    n.style.top = `${c.bottom - a.top + 4}px`, n.style.left = `${c.left - a.left}px`, this.root.append(n), i = (g) => {
+      !n.contains(g.target) && g.target !== t && l();
+    }, setTimeout(() => {
+      i && document.addEventListener("click", i, !0);
+    }, 0);
+  }
+  _showToast(t) {
+    const e = r("div", { class: "sm-toast" }, [t]);
+    this.root.append(e), requestAnimationFrame(() => e.classList.add("is-visible")), setTimeout(() => {
+      e.classList.remove("is-visible"), setTimeout(() => e.remove(), 200);
+    }, 1400);
+  }
+  _insertImageVariable(t) {
+    var l;
+    const e = q(t.key), s = this.registry.createBlock("image"), n = s.props;
+    n.src = e, n.alt = ((l = t.label) == null ? void 0 : l.trim()) || t.key;
+    const i = this.store.selection;
+    return this.store.update((c) => {
+      var p;
+      if ((i == null ? void 0 : i.kind) === "block") {
+        const g = c.sections.find((u) => u.id === i.sectionId), d = g == null ? void 0 : g.columns[i.columnIndex];
+        if (d) {
+          const u = d.blocks.findIndex((m) => m.id === i.blockId);
+          d.blocks.splice(u >= 0 ? u + 1 : d.blocks.length, 0, s);
+          return;
+        }
+      }
+      let a = c.sections[c.sections.length - 1];
+      a || (a = W("1"), c.sections.push(a)), (p = a.columns[0]) == null || p.blocks.push(s);
+    }), !0;
+  }
+  /** 在焦点处插入文本或 HTML；失败时返回 false */
+  _insertAtFocus(t, e) {
+    const s = this.canvas.currentInlineEditor;
+    if (s)
+      return e ? s.insertHtml(t) : s.insertText(t), !0;
+    const n = document.activeElement;
+    if (n && (n.tagName === "INPUT" || n.tagName === "TEXTAREA") && this.root.contains(n)) {
+      const a = n.selectionStart ?? n.value.length, p = n.selectionEnd ?? n.value.length;
+      return n.value = n.value.slice(0, a) + t + n.value.slice(p), n.dispatchEvent(new Event("input", { bubbles: !0 })), !0;
     }
-    if ((e == null ? void 0 : e.kind) === "block") {
-      this.store.update((l) => {
-        var c, a;
-        for (const p of l.sections)
-          for (const _ of p.columns) {
-            const d = _.blocks.find((m) => m.id === e.blockId);
-            if (!d) continue;
-            const u = this.registry.get(d.type), f = ((c = u == null ? void 0 : u.inlineEditable) == null ? void 0 : c.propKey) ?? ((a = u == null ? void 0 : u.schema.find((m) => m.type === "text" || m.type === "textarea")) == null ? void 0 : a.key);
-            if (f) {
-              const m = String(d.props[f] ?? "");
-              d.props[f] = m + s;
+    const i = this.store.selection;
+    if ((i == null ? void 0 : i.kind) === "block") {
+      let a = !1;
+      if (this.store.update((p) => {
+        var g, d;
+        for (const u of p.sections)
+          for (const m of u.columns) {
+            const f = m.blocks.find((h) => h.id === i.blockId);
+            if (!f) continue;
+            const b = this.registry.get(f.type), y = ((g = b == null ? void 0 : b.inlineEditable) == null ? void 0 : g.propKey) ?? ((d = b == null ? void 0 : b.schema.find((h) => h.type === "text" || h.type === "textarea")) == null ? void 0 : d.key);
+            if (y) {
+              const h = String(f.props[y] ?? ""), v = (b == null ? void 0 : b.inlineEditable) && b.inlineEditable.mode !== "plain";
+              f.props[y] = v ? $t(h, t) : h + t, a = !0;
             }
           }
-      });
-      return;
+      }), a) return !0;
     }
-    alert("请先双击进入文本编辑、或聚焦一个输入框后再插入变量");
+    const l = this.registry.createBlock("text"), c = $t("", t);
+    return l.props.content = c, this.store.update((a) => {
+      var g;
+      let p = a.sections[a.sections.length - 1];
+      if (p || (p = W("1"), a.sections.push(p)), (i == null ? void 0 : i.kind) === "block") {
+        const d = a.sections.find((m) => m.id === i.sectionId), u = d == null ? void 0 : d.columns[i.columnIndex];
+        if (u) {
+          const m = u.blocks.findIndex((f) => f.id === i.blockId);
+          u.blocks.splice(m >= 0 ? m + 1 : u.blocks.length, 0, l);
+          return;
+        }
+      }
+      (g = p.columns[0]) == null || g.blocks.push(l);
+    }), !0;
   }
   _showExport() {
-    this.canvas.commitInlineEdit(), new qe({
+    this.canvas.commitInlineEdit(), new Ze({
       store: this.store,
       registry: this.registry,
       withSampleVariables: !0
     }).open(this.root);
   }
   _showPreview() {
-    this.canvas.commitInlineEdit(), new vt({
+    this.canvas.commitInlineEdit(), new wt({
       store: this.store,
       registry: this.registry
     }).open(this.root);
@@ -4823,7 +4993,7 @@ class Ss {
   }
   async _toggleFullscreen() {
     try {
-      mt() === this.root ? await Ht() : await ms(this.root);
+      gt() === this.root ? await Vt() : await Cs(this.root);
     } catch (t) {
       console.warn("[simple-mail] 全屏不可用:", t);
     }
@@ -4832,19 +5002,33 @@ class Ss {
     this.showLayoutBorders = !this.showLayoutBorders, this.root.classList.toggle("sm-show-layout-borders", this.showLayoutBorders), this.topbar.setLayoutBordersActive(this.showLayoutBorders);
   }
 }
-function mt() {
+async function ws(o) {
+  try {
+    return await navigator.clipboard.writeText(o), !0;
+  } catch {
+  }
+  try {
+    const t = document.createElement("textarea");
+    t.value = o, t.setAttribute("readonly", "true"), t.style.position = "fixed", t.style.left = "-9999px", document.body.appendChild(t), t.select();
+    const e = document.execCommand("copy");
+    return document.body.removeChild(t), e;
+  } catch {
+    return !1;
+  }
+}
+function gt() {
   const o = document;
   return document.fullscreenElement ?? o.webkitFullscreenElement ?? null;
 }
-async function ms(o) {
+async function Cs(o) {
   const t = o;
   typeof t.requestFullscreen == "function" ? await t.requestFullscreen() : typeof t.webkitRequestFullscreen == "function" && await t.webkitRequestFullscreen();
 }
-async function Ht() {
+async function Vt() {
   const o = document;
   typeof document.exitFullscreen == "function" ? await document.exitFullscreen() : typeof o.webkitExitFullscreen == "function" && await o.webkitExitFullscreen();
 }
-function ft(o) {
+function bt(o) {
   const t = {
     backgroundColor: "#ffffff",
     contentBackgroundColor: "#ffffff",
@@ -4874,32 +5058,40 @@ function ft(o) {
   };
 }
 export {
-  st as FONT_WEIGHT_STEP_OPTIONS,
-  ee as FONT_WEIGHT_STEP_VALUES,
-  Ss as MailEditor,
-  Xt as Registry,
-  pe as Store,
-  Cs as TWO_COLUMN_LAYOUTS,
-  kt as blockButtonWidthCss,
-  U as createSection,
-  ks as defineBlock,
-  Dt as docContentWidthCss,
-  le as docToMjml,
+  it as FONT_WEIGHT_STEP_OPTIONS,
+  le as FONT_WEIGHT_STEP_VALUES,
+  Ts as MailEditor,
+  ee as Registry,
+  _e as Store,
+  Bs as TWO_COLUMN_LAYOUTS,
+  Ct as blockButtonWidthCss,
+  Ce as buildBodyVariableElementInsert,
+  Is as buildBodyVariableInsert,
+  Kt as buildBodyVariableKeyInsert,
+  Gt as buildLinkVariableHtml,
+  W as createSection,
+  we as defaultVariableSample,
+  $s as defineBlock,
+  zt as docContentWidthCss,
+  pe as docToMjml,
   L as findBlockLocation,
-  P as findSection,
-  me as isTwoColumnLayout,
-  Zt as metaWidthInputString,
-  se as mjRawCellTypographyFromStyles,
-  Wt as mjRawEmailTableWrap,
-  H as normalizeFontWeightStep,
-  es as openImageGalleryModal,
-  Jt as parseMetaWidthFromUserInput,
-  Qt as parseSectionWidthFromUserInput,
-  ws as pruneEmptySections,
-  Q as pruneSectionIfEmpty,
-  lt as renderDoc,
-  he as replaceVariables,
-  te as sectionWidthInputString,
-  fe as setSectionLayout
+  H as findSection,
+  ve as isTwoColumnLayout,
+  ie as metaWidthInputString,
+  ce as mjRawCellTypographyFromStyles,
+  qt as mjRawEmailTableWrap,
+  j as normalizeFontWeightStep,
+  O as normalizeVariable,
+  as as openImageGalleryModal,
+  ne as parseMetaWidthFromUserInput,
+  oe as parseSectionWidthFromUserInput,
+  As as pruneEmptySections,
+  et as pruneSectionIfEmpty,
+  at as renderDoc,
+  ye as replaceVariables,
+  re as sectionWidthInputString,
+  ke as setSectionLayout,
+  Ut as tokenToVariableKey,
+  q as variablePlaceholder
 };
 //# sourceMappingURL=index.js.map