@hkyhy/marsun-components-core 0.1.129 → 0.1.131

package/README.md

@@ -136,6 +136,8 @@ node scripts/version-check.mjs --apply   # → 0.1.99
 
 也可在 Actions 中手动运行 **Publish npm**，填写已有 tag 重新发布。
 
+- 2026-10-11：`v0.1.131` — 消息模板富文本色/加粗回显（配置页；seed 另仓）
+- 2026-10-11：`v0.1.130` — InboxBell 级别 Tag `selected` 反白（消息类型 Tag 仍默认浅底）
 - 2026-10-10：`v0.1.129` — InboxBell toast `createPortal` 自渲染（禁 ant notification 透明残留壳）
 - 2026-10-09：`v0.1.124` — CreateAction FormInfo DatePicker 与 scopeMode=none（token 刷新后重发）
 - 2026-09-23：`v0.1.122` — ActionListTable 默认 scrollX 对齐长状态列（0.1.121 已发后补发）

package/dist/_virtual/index.js

@@ -1,8 +1,8 @@
-import { getDefaultExportFromCjs as t } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/eventemitter3/index2.js";
-var r = e();
-const i = /* @__PURE__ */ t(r);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/pdfast/src/index.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  i as default
+  s as default
 };
 //# sourceMappingURL=index.js.map

package/dist/_virtual/index2.js

@@ -1,8 +1,8 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/pdfast/src/index.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as t } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/eventemitter3/index2.js";
+var r = e();
+const i = /* @__PURE__ */ t(r);
 export {
-  s as default
+  i as default
 };
 //# sourceMappingURL=index2.js.map

package/dist/components/Editor/RichTextEditor/RichTextEditor.d.ts

@@ -18,7 +18,9 @@ export type RichTextEditorProps = {
     catalogError?: string;
 };
 /**
- * CKEditor 5 + Coze/Dify 风「插入变量」按钮；正文 msgVar 原子色块。
+ * CKEditor 5 + 变量色块。
+ * - 只在「编辑区空 + 有外部 value」时 setData，禁止用 Form 旧值回灌冲掉字色/加粗
+ * - GeneralHtmlSupport 保留 span[style]
  */
 export declare const RichTextEditor: React.FC<RichTextEditorProps>;
 export default RichTextEditor;

package/dist/components/Editor/RichTextEditor/RichTextEditor.js

@@ -1,76 +1,155 @@
-import { jsxs as K, jsx as c } from "react/jsx-runtime";
-import { useRef as e, useMemo as N } from "react";
-import { Essentials as x, Paragraph as R, Bold as $, Italic as k, List as v, Undo as P, Widget as T, ClassicEditor as W } from "ckeditor5";
-import { CKEditor as b } from "@ckeditor/ckeditor5-react";
+import { jsxs as R, jsx as n } from "react/jsx-runtime";
+import { useRef as l, useMemo as L, useEffect as P } from "react";
+import { Essentials as S, Paragraph as G, Bold as H, Italic as N, Underline as T, FontColor as U, FontBackgroundColor as j, GeneralHtmlSupport as I, List as K, Undo as W, RemoveFormat as _, Widget as q, ClassicEditor as w } from "ckeditor5";
+import { CKEditor as O } from "@ckeditor/ckeditor5-react";
 /* empty css                                                 */
-import { wrapVarTokensForDisplay as q } from "../variableMention.js";
-import { MsgVarWidget as w, insertMsgVar as B } from "../msgVarTokenPlugin.js";
-import { VariablePicker as F } from "../VariablePicker.js";
-import r from "./style.module.scss.js";
-const Q = ({
-  value: d = "",
-  onChange: a,
-  disabled: l = !1,
-  readOnly: u = !1,
-  placeholder: m,
-  minHeight: E = 140,
-  className: f,
-  enableVariableMention: o = !1,
-  variables: L,
-  catalogError: C
+import { prepareEditorHtml as D } from "../variableMention.js";
+import { MsgVarWidget as z, insertMsgVar as J } from "../msgVarTokenPlugin.js";
+import { VariablePicker as Q } from "../VariablePicker.js";
+import a from "./style.module.scss.js";
+const $ = [
+  S,
+  G,
+  H,
+  N,
+  T,
+  U,
+  j,
+  I,
+  K,
+  W,
+  _
+], X = [
+  "undo",
+  "redo",
+  "|",
+  "bold",
+  "italic",
+  "underline",
+  "|",
+  "fontColor",
+  "fontBackgroundColor",
+  "|",
+  "bulletedList",
+  "numberedList",
+  "|",
+  "removeFormat"
+], lt = ({
+  value: i = "",
+  onChange: f,
+  disabled: b = !1,
+  readOnly: E = !1,
+  placeholder: F,
+  minHeight: k = 140,
+  className: g,
+  enableVariableMention: r = !1,
+  variables: v,
+  catalogError: x
 }) => {
-  const p = e(null), g = e(null), s = e(a);
-  s.current = a;
-  const n = e(!1), D = e(
-    o ? q(d || "") : d || ""
-  ), j = N(() => ({
-    licenseKey: "GPL",
-    toolbar: ["undo", "redo", "|", "bold", "italic", "|", "bulletedList", "numberedList"],
-    placeholder: m,
-    plugins: o ? [x, R, $, k, v, P, T, w] : [x, R, $, k, v, P]
-  }), [o, m]), h = l || u;
-  return /* @__PURE__ */ K(
+  const B = l(null), m = l(null), e = l(f);
+  e.current = f;
+  const d = l(!1), C = l(r);
+  C.current = r;
+  const p = l(!1), A = L(() => {
+    const t = r ? [...$, q, z] : $;
+    return {
+      licenseKey: "GPL",
+      toolbar: X,
+      placeholder: F,
+      plugins: t,
+      fontColor: {
+        colors: [
+          { color: "#000000", label: "黑色" },
+          { color: "#EF4444", label: "红" },
+          { color: "#F97316", label: "橙" },
+          { color: "#EAB308", label: "黄" },
+          { color: "#22C55E", label: "绿" },
+          { color: "#2563EB", label: "蓝" },
+          { color: "#7C3AED", label: "紫" },
+          { color: "#6B7280", label: "灰" }
+        ]
+      },
+      fontBackgroundColor: {
+        colors: [
+          { color: "#FEF08A", label: "浅黄" },
+          { color: "#FECACA", label: "浅红" },
+          { color: "#BBF7D0", label: "浅绿" },
+          { color: "#BFDBFE", label: "浅蓝" },
+          { color: "#E9D5FF", label: "浅紫" },
+          { color: "#F3F4F6", label: "浅灰" }
+        ]
+      },
+      htmlSupport: {
+        allow: [
+          { name: "span", styles: !0, classes: !0, attributes: !0 },
+          { name: "strong", classes: !0, attributes: !0 },
+          { name: "b", classes: !0, attributes: !0 },
+          { name: "em", classes: !0, attributes: !0 },
+          { name: "i", classes: !0, attributes: !0 },
+          { name: "u", classes: !0, attributes: !0 },
+          { name: "p", classes: !0, attributes: !0, styles: !0 },
+          { name: "ul", classes: !0, attributes: !0 },
+          { name: "ol", classes: !0, attributes: !0 },
+          { name: "li", classes: !0, attributes: !0 }
+        ]
+      }
+    };
+  }, [r, F]), h = (t, o) => {
+    var c;
+    const s = D(o, C.current);
+    d.current = !0;
+    try {
+      t.setData(s);
+      let u = t.getData();
+      s && !u.trim() && (t.setData(`<p>${s.replace(/^<p>|<\/p>$/gi, "")}</p>`), u = t.getData()), p.current = !!(u.trim() || !s.trim()), u && ((c = e.current) == null || c.call(e, u));
+    } finally {
+      queueMicrotask(() => {
+        d.current = !1;
+      });
+    }
+  };
+  P(() => {
+    const t = m.current;
+    !t || !D(i || "", r).trim() || t.getData().trim() || h(t, i || "");
+  }, [i, r]);
+  const y = b || E;
+  return /* @__PURE__ */ R(
     "div",
     {
-      ref: p,
-      className: f ? `${r.root} ${r["rich-text-editor"]} ${f}` : `${r.root} ${r["rich-text-editor"]}`,
-      style: { "--rte-min-height": `${E}px` },
-      "data-disabled": l ? "1" : "0",
-      "data-readonly": u ? "1" : "0",
-      "data-var-mention": o ? "1" : "0",
+      ref: B,
+      className: g ? `${a.root} ${a["rich-text-editor"]} ${g}` : `${a.root} ${a["rich-text-editor"]}`,
+      style: { "--rte-min-height": `${k}px` },
+      "data-disabled": b ? "1" : "0",
+      "data-readonly": E ? "1" : "0",
+      "data-var-mention": r ? "1" : "0",
       children: [
-        o ? /* @__PURE__ */ c("div", { className: r["var-toolbar"], children: /* @__PURE__ */ c(
-          F,
+        r ? /* @__PURE__ */ n("div", { className: a["var-toolbar"], children: /* @__PURE__ */ n(
+          Q,
           {
-            variables: L,
-            catalogError: C,
-            disabled: h,
-            getPopupContainer: () => p.current || document.body,
+            variables: v,
+            catalogError: x,
+            disabled: y,
+            getPopupContainer: () => B.current || document.body,
             onPick: (t) => {
-              const i = g.current;
-              i && B(i, t);
+              const o = m.current;
+              o && J(o, t);
             }
           }
         ) }) : null,
-        /* @__PURE__ */ c("div", { className: r["editor-host"], children: /* @__PURE__ */ c(
-          b,
+        /* @__PURE__ */ n("div", { className: a["editor-host"], children: /* @__PURE__ */ n(
+          O,
           {
-            editor: W,
-            config: j,
-            disabled: h,
+            editor: w,
+            config: A,
+            disabled: y,
             onReady: (t) => {
-              g.current = t, n.current = !0;
-              try {
-                t.setData(D.current);
-              } finally {
-                queueMicrotask(() => {
-                  n.current = !1;
-                });
-              }
+              m.current = t, p.current = !1, h(t, i || "");
             },
-            onChange: (t, i) => {
-              var y;
-              n.current || (y = s.current) == null || y.call(s, i.getData());
+            onChange: (t, o) => {
+              var c;
+              if (d.current) return;
+              const s = o.getData();
+              p.current = !0, (c = e.current) == null || c.call(e, s);
             }
           }
         ) })
@@ -79,6 +158,6 @@ const Q = ({
   );
 };
 export {
-  Q as RichTextEditor
+  lt as RichTextEditor
 };
 //# sourceMappingURL=RichTextEditor.js.map

package/dist/components/Editor/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.js","sources":["../../../../src/components/Editor/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport {\n  Bold,\n  ClassicEditor,\n  Essentials,\n  Italic,\n  List,\n  Paragraph,\n  Undo,\n  Widget,\n  type Editor,\n} from 'ckeditor5';\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport 'ckeditor5/ckeditor5.css';\nimport { wrapVarTokensForDisplay, type VariableMentionItem } from '../variableMention';\nimport { MsgVarWidget, insertMsgVar } from '../msgVarTokenPlugin';\nimport { VariablePicker } from '../VariablePicker';\nimport styles from './style.module.scss';\n\nexport type RichTextEditorProps = {\n  value?: string;\n  onChange?: (html: string) => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  placeholder?: string;\n  minHeight?: number;\n  className?: string;\n  /**\n   * 开启变量色块 +「插入变量」按钮（catalog 注入；禁 FE DEFAULT_VARS）。\n   * 无 `/` 触发；色块为原子 widget。\n   */\n  enableVariableMention?: boolean;\n  variables?: VariableMentionItem[];\n  /** catalog 失败短文案（按钮 disabled 提示） */\n  catalogError?: string;\n};\n\n/**\n * CKEditor 5 + Coze/Dify 风「插入变量」按钮；正文 msgVar 原子色块。\n */\nexport const RichTextEditor: React.FC<RichTextEditorProps> = ({\n  value = '',\n  onChange,\n  disabled = false,\n  readOnly = false,\n  placeholder,\n  minHeight = 140,\n  className,\n  enableVariableMention = false,\n  variables,\n  catalogError,\n}) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const editorRef = useRef<Editor | null>(null);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  const suppressChangeRef = useRef(false);\n\n  const initialHtmlRef = useRef(\n    enableVariableMention ? wrapVarTokensForDisplay(value || '') : value || '',\n  );\n\n  const config = useMemo(() => {\n    const plugins = enableVariableMention\n      ? [Essentials, Paragraph, Bold, Italic, List, Undo, Widget, MsgVarWidget]\n      : [Essentials, Paragraph, Bold, Italic, List, Undo];\n    return {\n      licenseKey: 'GPL' as const,\n      toolbar: ['undo', 'redo', '|', 'bold', 'italic', '|', 'bulletedList', 'numberedList'],\n      placeholder,\n      plugins,\n    };\n  }, [enableVariableMention, placeholder]);\n\n  const locked = disabled || readOnly;\n\n  return (\n    <div\n      ref={rootRef}\n      className={\n        className\n          ? `${styles.root} ${styles['rich-text-editor']} ${className}`\n          : `${styles.root} ${styles['rich-text-editor']}`\n      }\n      style={{ ['--rte-min-height' as string]: `${minHeight}px` }}\n      data-disabled={disabled ? '1' : '0'}\n      data-readonly={readOnly ? '1' : '0'}\n      data-var-mention={enableVariableMention ? '1' : '0'}\n    >\n      {enableVariableMention ? (\n        <div className={styles['var-toolbar']}>\n          <VariablePicker\n            variables={variables}\n            catalogError={catalogError}\n            disabled={locked}\n            getPopupContainer={() => rootRef.current || document.body}\n            onPick={(key) => {\n              const editor = editorRef.current;\n              if (!editor) return;\n              insertMsgVar(editor, key);\n            }}\n          />\n        </div>\n      ) : null}\n      <div className={styles['editor-host']}>\n        <CKEditor\n          editor={ClassicEditor}\n          config={config}\n          disabled={locked}\n          onReady={(editor) => {\n            editorRef.current = editor;\n            suppressChangeRef.current = true;\n            try {\n              editor.setData(initialHtmlRef.current);\n            } finally {\n              queueMicrotask(() => {\n                suppressChangeRef.current = false;\n              });\n            }\n          }}\n          onChange={(_evt, editor) => {\n            if (suppressChangeRef.current) return;\n            onChangeRef.current?.(editor.getData());\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default RichTextEditor;\n"],"names":["RichTextEditor","value","onChange","disabled","readOnly","placeholder","minHeight","className","enableVariableMention","variables","catalogError","rootRef","useRef","editorRef","onChangeRef","suppressChangeRef","initialHtmlRef","wrapVarTokensForDisplay","config","useMemo","Essentials","Paragraph","Bold","Italic","List","Undo","Widget","MsgVarWidget","locked","jsxs","styles","jsx","VariablePicker","key","editor","insertMsgVar","CKEditor","ClassicEditor","_evt","_a"],"mappings":";;;;;;;;;AAwCO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,WAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAMC,IAAUC,EAAuB,IAAI,GACrCC,IAAYD,EAAsB,IAAI,GACtCE,IAAcF,EAAOV,CAAQ;AACnC,EAAAY,EAAY,UAAUZ;AACtB,QAAMa,IAAoBH,EAAO,EAAK,GAEhCI,IAAiBJ;AAAA,IACrBJ,IAAwBS,EAAwBhB,KAAS,EAAE,IAAIA,KAAS;AAAA,EAAA,GAGpEiB,IAASC,EAAQ,OAId;AAAA,IACL,YAAY;AAAA,IACZ,SAAS,CAAC,QAAQ,QAAQ,KAAK,QAAQ,UAAU,KAAK,gBAAgB,cAAc;AAAA,IACpF,aAAAd;AAAA,IACA,SAPcG,IACZ,CAACY,GAAYC,GAAWC,GAAMC,GAAQC,GAAMC,GAAMC,GAAQC,CAAY,IACtE,CAACP,GAAYC,GAAWC,GAAMC,GAAQC,GAAMC,CAAI;AAAA,EAKlD,IAED,CAACjB,GAAuBH,CAAW,CAAC,GAEjCuB,IAASzB,KAAYC;AAE3B,SACE,gBAAAyB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKlB;AAAA,MACL,WACEJ,IACI,GAAGuB,EAAO,IAAI,IAAIA,EAAO,kBAAkB,CAAC,IAAIvB,CAAS,KACzD,GAAGuB,EAAO,IAAI,IAAIA,EAAO,kBAAkB,CAAC;AAAA,MAElD,OAAO,EAAG,oBAA+B,GAAGxB,CAAS,KAAA;AAAA,MACrD,iBAAeH,IAAW,MAAM;AAAA,MAChC,iBAAeC,IAAW,MAAM;AAAA,MAChC,oBAAkBI,IAAwB,MAAM;AAAA,MAE/C,UAAA;AAAA,QAAAA,IACC,gBAAAuB,EAAC,OAAA,EAAI,WAAWD,EAAO,aAAa,GAClC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAAvB;AAAA,YACA,cAAAC;AAAA,YACA,UAAUkB;AAAA,YACV,mBAAmB,MAAMjB,EAAQ,WAAW,SAAS;AAAA,YACrD,QAAQ,CAACsB,MAAQ;AACf,oBAAMC,IAASrB,EAAU;AACzB,cAAKqB,KACLC,EAAaD,GAAQD,CAAG;AAAA,YAC1B;AAAA,UAAA;AAAA,QAAA,GAEJ,IACE;AAAA,QACJ,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAO,aAAa,GAClC,UAAA,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,QAAQC;AAAA,YACR,QAAAnB;AAAA,YACA,UAAUU;AAAA,YACV,SAAS,CAACM,MAAW;AACnB,cAAArB,EAAU,UAAUqB,GACpBnB,EAAkB,UAAU;AAC5B,kBAAI;AACF,gBAAAmB,EAAO,QAAQlB,EAAe,OAAO;AAAA,cACvC,UAAA;AACE,+BAAe,MAAM;AACnB,kBAAAD,EAAkB,UAAU;AAAA,gBAC9B,CAAC;AAAA,cACH;AAAA,YACF;AAAA,YACA,UAAU,CAACuB,GAAMJ,MAAW;;AAC1B,cAAInB,EAAkB,YACtBwB,IAAAzB,EAAY,YAAZ,QAAAyB,EAAA,KAAAzB,GAAsBoB,EAAO;YAC/B;AAAA,UAAA;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"RichTextEditor.js","sources":["../../../../src/components/Editor/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react';\nimport {\n  Bold,\n  ClassicEditor,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  GeneralHtmlSupport,\n  Italic,\n  List,\n  Paragraph,\n  RemoveFormat,\n  Underline,\n  Undo,\n  Widget,\n  type Editor,\n  type EditorConfig,\n} from 'ckeditor5';\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport 'ckeditor5/ckeditor5.css';\nimport { prepareEditorHtml, type VariableMentionItem } from '../variableMention';\nimport { MsgVarWidget, insertMsgVar } from '../msgVarTokenPlugin';\nimport { VariablePicker } from '../VariablePicker';\nimport styles from './style.module.scss';\n\nexport type RichTextEditorProps = {\n  value?: string;\n  onChange?: (html: string) => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  placeholder?: string;\n  minHeight?: number;\n  className?: string;\n  /**\n   * 开启变量色块 +「插入变量」按钮（catalog 注入；禁 FE DEFAULT_VARS）。\n   * 无 `/` 触发；色块为原子 widget。\n   */\n  enableVariableMention?: boolean;\n  variables?: VariableMentionItem[];\n  /** catalog 失败短文案（按钮 disabled 提示） */\n  catalogError?: string;\n};\n\nconst BASE_PLUGINS = [\n  Essentials,\n  Paragraph,\n  Bold,\n  Italic,\n  Underline,\n  FontColor,\n  FontBackgroundColor,\n  GeneralHtmlSupport,\n  List,\n  Undo,\n  RemoveFormat,\n];\n\nconst TOOLBAR = [\n  'undo',\n  'redo',\n  '|',\n  'bold',\n  'italic',\n  'underline',\n  '|',\n  'fontColor',\n  'fontBackgroundColor',\n  '|',\n  'bulletedList',\n  'numberedList',\n  '|',\n  'removeFormat',\n];\n\n/**\n * CKEditor 5 + 变量色块。\n * - 只在「编辑区空 + 有外部 value」时 setData，禁止用 Form 旧值回灌冲掉字色/加粗\n * - GeneralHtmlSupport 保留 span[style]\n */\nexport const RichTextEditor: React.FC<RichTextEditorProps> = ({\n  value = '',\n  onChange,\n  disabled = false,\n  readOnly = false,\n  placeholder,\n  minHeight = 140,\n  className,\n  enableVariableMention = false,\n  variables,\n  catalogError,\n}) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const editorRef = useRef<Editor | null>(null);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  const suppressChangeRef = useRef(false);\n  const enableVarRef = useRef(enableVariableMention);\n  enableVarRef.current = enableVariableMention;\n  /** 是否已完成首次灌入（之后禁止用 value 覆盖用户编辑） */\n  const seededRef = useRef(false);\n\n  const config = useMemo((): EditorConfig => {\n    const plugins = enableVariableMention ? [...BASE_PLUGINS, Widget, MsgVarWidget] : BASE_PLUGINS;\n    return {\n      licenseKey: 'GPL',\n      toolbar: TOOLBAR,\n      placeholder,\n      plugins,\n      fontColor: {\n        colors: [\n          { color: '#000000', label: '黑色' },\n          { color: '#EF4444', label: '红' },\n          { color: '#F97316', label: '橙' },\n          { color: '#EAB308', label: '黄' },\n          { color: '#22C55E', label: '绿' },\n          { color: '#2563EB', label: '蓝' },\n          { color: '#7C3AED', label: '紫' },\n          { color: '#6B7280', label: '灰' },\n        ],\n      },\n      fontBackgroundColor: {\n        colors: [\n          { color: '#FEF08A', label: '浅黄' },\n          { color: '#FECACA', label: '浅红' },\n          { color: '#BBF7D0', label: '浅绿' },\n          { color: '#BFDBFE', label: '浅蓝' },\n          { color: '#E9D5FF', label: '浅紫' },\n          { color: '#F3F4F6', label: '浅灰' },\n        ],\n      },\n      htmlSupport: {\n        allow: [\n          { name: 'span', styles: true, classes: true, attributes: true },\n          { name: 'strong', classes: true, attributes: true },\n          { name: 'b', classes: true, attributes: true },\n          { name: 'em', classes: true, attributes: true },\n          { name: 'i', classes: true, attributes: true },\n          { name: 'u', classes: true, attributes: true },\n          { name: 'p', classes: true, attributes: true, styles: true },\n          { name: 'ul', classes: true, attributes: true },\n          { name: 'ol', classes: true, attributes: true },\n          { name: 'li', classes: true, attributes: true },\n        ],\n      },\n    } as EditorConfig;\n  }, [enableVariableMention, placeholder]);\n\n  const applyHtmlToEditor = (editor: Editor, raw: string) => {\n    const html = prepareEditorHtml(raw, enableVarRef.current);\n    suppressChangeRef.current = true;\n    try {\n      editor.setData(html);\n      let applied = editor.getData();\n      if (html && !applied.trim()) {\n        editor.setData(`<p>${html.replace(/^<p>|<\\/p>$/gi, '')}</p>`);\n        applied = editor.getData();\n      }\n      seededRef.current = Boolean(applied.trim() || !html.trim());\n      // 灌入后同步 Form，避免「编辑器有样式、Form 仍是旧纯文本」导致保存丢样式\n      if (applied) {\n        onChangeRef.current?.(applied);\n      }\n    } finally {\n      queueMicrotask(() => {\n        suppressChangeRef.current = false;\n      });\n    }\n  };\n\n  // 仅：编辑区仍空且外部已有正文 → 回填一次。禁止在用户编辑后用 value 再 setData。\n  useEffect(() => {\n    const editor = editorRef.current;\n    if (!editor) return;\n    const prepared = prepareEditorHtml(value || '', enableVariableMention);\n    if (!prepared.trim()) return;\n    const live = editor.getData();\n    if (live.trim()) return;\n    applyHtmlToEditor(editor, value || '');\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, enableVariableMention]);\n\n  const locked = disabled || readOnly;\n\n  return (\n    <div\n      ref={rootRef}\n      className={\n        className\n          ? `${styles.root} ${styles['rich-text-editor']} ${className}`\n          : `${styles.root} ${styles['rich-text-editor']}`\n      }\n      style={{ ['--rte-min-height' as string]: `${minHeight}px` }}\n      data-disabled={disabled ? '1' : '0'}\n      data-readonly={readOnly ? '1' : '0'}\n      data-var-mention={enableVariableMention ? '1' : '0'}\n    >\n      {enableVariableMention ? (\n        <div className={styles['var-toolbar']}>\n          <VariablePicker\n            variables={variables}\n            catalogError={catalogError}\n            disabled={locked}\n            getPopupContainer={() => rootRef.current || document.body}\n            onPick={(key) => {\n              const editor = editorRef.current;\n              if (!editor) return;\n              insertMsgVar(editor, key);\n            }}\n          />\n        </div>\n      ) : null}\n      <div className={styles['editor-host']}>\n        <CKEditor\n          editor={ClassicEditor}\n          config={config}\n          disabled={locked}\n          onReady={(editor) => {\n            editorRef.current = editor;\n            seededRef.current = false;\n            applyHtmlToEditor(editor, value || '');\n          }}\n          onChange={(_evt, editor) => {\n            if (suppressChangeRef.current) return;\n            const html = editor.getData();\n            seededRef.current = true;\n            onChangeRef.current?.(html);\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default RichTextEditor;\n"],"names":["BASE_PLUGINS","Essentials","Paragraph","Bold","Italic","Underline","FontColor","FontBackgroundColor","GeneralHtmlSupport","List","Undo","RemoveFormat","TOOLBAR","RichTextEditor","value","onChange","disabled","readOnly","placeholder","minHeight","className","enableVariableMention","variables","catalogError","rootRef","useRef","editorRef","onChangeRef","suppressChangeRef","enableVarRef","seededRef","config","useMemo","plugins","Widget","MsgVarWidget","applyHtmlToEditor","editor","raw","html","prepareEditorHtml","applied","_a","useEffect","locked","jsxs","styles","jsx","VariablePicker","key","insertMsgVar","CKEditor","ClassicEditor","_evt"],"mappings":"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"}

package/dist/components/Editor/RichTextEditor/style.module.scss.js

@@ -1,11 +1,11 @@
-const t = "_root_16i7d_1", o = {
-  root: t,
-  "rich-text-editor": "_rich-text-editor_16i7d_27",
-  "var-toolbar": "_var-toolbar_16i7d_32",
-  "editor-host": "_editor-host_16i7d_38"
+const o = "_root_13ou2_1", t = {
+  root: o,
+  "rich-text-editor": "_rich-text-editor_13ou2_44",
+  "var-toolbar": "_var-toolbar_13ou2_49",
+  "editor-host": "_editor-host_13ou2_55"
 };
 export {
-  o as default,
-  t as root
+  t as default,
+  o as root
 };
 //# sourceMappingURL=style.module.scss.js.map

package/dist/components/Editor/index.d.ts

@@ -1,7 +1,7 @@
 export { RichTextEditor } from './RichTextEditor';
 export type { RichTextEditorProps } from './RichTextEditor';
-export { MSG_VAR_TOKEN_CLASS, VAR_PLACEHOLDER_RE, toVarToken, filterVariableFeed, formatVariableOptionLabel, toMentionFeedItem, normalizeMentionHtmlToVarTokens, wrapVarTokensForDisplay, upliftVarTokensToMentions, insertVarTokenAt, } from './variableMention';
+export { MSG_VAR_TOKEN_CLASS, VAR_PLACEHOLDER_RE, toVarToken, filterVariableFeed, formatVariableOptionLabel, toMentionFeedItem, normalizeMentionHtmlToVarTokens, wrapVarTokensForDisplay, ensureRichTextBlockHtml, prepareEditorHtml, splitInlineFormatAroundMsgVars, upliftVarTokensToMentions, insertVarTokenAt, unwrapMsgVarSpansForStorage, } from './variableMention';
 export type { VariableMentionItem } from './variableMention';
-export { MsgVarWidget, insertMsgVar } from './msgVarTokenPlugin';
+export { MsgVarWidget, insertMsgVar, collectMarksFromAncestors, MSG_VAR_MARK_ATTRS, } from './msgVarTokenPlugin';
 export { VariablePicker } from './VariablePicker';
 export type { VariablePickerProps } from './VariablePicker';

package/dist/components/Editor/index.js

@@ -1,21 +1,27 @@
-import { MSG_VAR_TOKEN_CLASS as a, VAR_PLACEHOLDER_RE as i, filterVariableFeed as n, formatVariableOptionLabel as V, insertVarTokenAt as l, normalizeMentionHtmlToVarTokens as m, toMentionFeedItem as p, toVarToken as s, upliftVarTokensToMentions as T, wrapVarTokensForDisplay as f } from "./variableMention.js";
-import { MsgVarWidget as M, insertMsgVar as x } from "./msgVarTokenPlugin.js";
+import { MSG_VAR_TOKEN_CLASS as a, VAR_PLACEHOLDER_RE as i, ensureRichTextBlockHtml as n, filterVariableFeed as s, formatVariableOptionLabel as l, insertVarTokenAt as V, normalizeMentionHtmlToVarTokens as p, prepareEditorHtml as m, splitInlineFormatAroundMsgVars as T, toMentionFeedItem as M, toVarToken as A, unwrapMsgVarSpansForStorage as R, upliftVarTokensToMentions as k, wrapVarTokensForDisplay as _ } from "./variableMention.js";
+import { MSG_VAR_MARK_ATTRS as f, MsgVarWidget as S, collectMarksFromAncestors as d, insertMsgVar as g } from "./msgVarTokenPlugin.js";
 import { VariablePicker as E } from "./VariablePicker.js";
-import { RichTextEditor as r } from "./RichTextEditor/RichTextEditor.js";
+import { RichTextEditor as e } from "./RichTextEditor/RichTextEditor.js";
 export {
+  f as MSG_VAR_MARK_ATTRS,
   a as MSG_VAR_TOKEN_CLASS,
-  M as MsgVarWidget,
-  r as RichTextEditor,
+  S as MsgVarWidget,
+  e as RichTextEditor,
   i as VAR_PLACEHOLDER_RE,
   E as VariablePicker,
-  n as filterVariableFeed,
-  V as formatVariableOptionLabel,
-  x as insertMsgVar,
-  l as insertVarTokenAt,
-  m as normalizeMentionHtmlToVarTokens,
-  p as toMentionFeedItem,
-  s as toVarToken,
-  T as upliftVarTokensToMentions,
-  f as wrapVarTokensForDisplay
+  d as collectMarksFromAncestors,
+  n as ensureRichTextBlockHtml,
+  s as filterVariableFeed,
+  l as formatVariableOptionLabel,
+  g as insertMsgVar,
+  V as insertVarTokenAt,
+  p as normalizeMentionHtmlToVarTokens,
+  m as prepareEditorHtml,
+  T as splitInlineFormatAroundMsgVars,
+  M as toMentionFeedItem,
+  A as toVarToken,
+  R as unwrapMsgVarSpansForStorage,
+  k as upliftVarTokensToMentions,
+  _ as wrapVarTokensForDisplay
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Editor/msgVarTokenPlugin.d.ts

@@ -1,7 +1,18 @@
-import { Plugin, Widget, Editor } from 'ckeditor5';
+import { Plugin, Widget, Editor, ViewDowncastWriter, ViewElement } from 'ckeditor5';
+/** 色块可持久化的文本样式（$inlineObject 本身不吃 bold 等 text attribute） */
+export declare const MSG_VAR_MARK_ATTRS: readonly ["bold", "italic", "underline", "fontColor", "fontBackgroundColor"];
+export type MsgVarMarkAttr = (typeof MSG_VAR_MARK_ATTRS)[number];
+type MsgVarMarks = Partial<{
+    bold: true;
+    italic: true;
+    underline: true;
+    fontColor: string;
+    fontBackgroundColor: string;
+}>;
 /**
  * 正文变量原子色块：isObject inline widget。
  * 不可改内部字符；Backspace/Delete 整颗删（对齐 Coze/Dify chip）。
+ * 加粗/斜体/下划线/字色落在色块上时写入 model 属性，存盘再包回 HTML，避免重开丢失。
  */
 export declare class MsgVarWidget extends Plugin {
     #private;
@@ -9,5 +20,15 @@ export declare class MsgVarWidget extends Plugin {
     static get requires(): readonly [typeof Widget];
     init(): void;
 }
+/** 色块自身 data-* / style（编辑态 downcast） */
+export declare function collectMarksFromDataAttrs(viewElement: ViewElement): MsgVarMarks;
+/** 从色块祖先读取 strong/em/u/color，供 upcast 写入 model */
+export declare function collectMarksFromAncestors(viewElement: ViewElement): MsgVarMarks;
+/**
+ * dataDowncast：按 marks 包一层 HTML（strong/em/u/color），内层仍为 msg-var-token。
+ * 导出供单测校验包层顺序。
+ */
+export declare function wrapMsgVarViewWithMarks(writer: ViewDowncastWriter, tokenView: ViewElement, marks: MsgVarMarks): ViewElement;
 /** 在选区插入原子变量色块，并焦点回编辑器 */
 export declare function insertMsgVar(editor: Editor, key: string): void;
+export {};