@hkyhy/marsun-components-core 0.1.89 → 0.1.99

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

@@ -0,0 +1,93 @@
+import { jsxs as K, jsx as m } from "react/jsx-runtime";
+import { useRef as i, useMemo as N } from "react";
+import "../../../node_modules/@ckeditor/ckeditor5-utils/dist/index.js";
+import "../../../node_modules/@ckeditor/ckeditor5-engine/dist/index.js";
+import { Bold as x, Italic as R } from "../../../node_modules/@ckeditor/ckeditor5-basic-styles/dist/index.js";
+import { Widget as T } from "../../../node_modules/@ckeditor/ckeditor5-widget/dist/index.js";
+import { Undo as $ } from "../../../node_modules/@ckeditor/ckeditor5-undo/dist/index.js";
+import { ClassicEditor as W } from "../../../node_modules/@ckeditor/ckeditor5-editor-classic/dist/index.js";
+import { Essentials as k } from "../../../node_modules/@ckeditor/ckeditor5-essentials/dist/index.js";
+import { Paragraph as v } from "../../../node_modules/@ckeditor/ckeditor5-paragraph/dist/index.js";
+import { List as P } from "../../../node_modules/@ckeditor/ckeditor5-list/dist/index.js";
+import "../../../node_modules/@ckeditor/ckeditor5-mention/dist/index.js";
+import { CKEditor as b } from "../../../node_modules/@ckeditor/ckeditor5-react/dist/index.js";
+/* 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 t from "./style.module.scss.js";
+const or = ({
+  value: n = "",
+  onChange: d,
+  disabled: a = !1,
+  readOnly: l = !1,
+  placeholder: f,
+  minHeight: E = 140,
+  className: p,
+  enableVariableMention: o = !1,
+  variables: L,
+  catalogError: C
+}) => {
+  const u = i(null), g = i(null), e = i(d);
+  e.current = d;
+  const c = i(!1), D = i(
+    o ? q(n || "") : n || ""
+  ), j = N(() => ({
+    licenseKey: "GPL",
+    toolbar: ["undo", "redo", "|", "bold", "italic", "|", "bulletedList", "numberedList"],
+    placeholder: f,
+    plugins: o ? [k, v, x, R, P, $, T, w] : [k, v, x, R, P, $]
+  }), [o, f]), h = a || l;
+  return /* @__PURE__ */ K(
+    "div",
+    {
+      ref: u,
+      className: p ? `${t.root} ${t["rich-text-editor"]} ${p}` : `${t.root} ${t["rich-text-editor"]}`,
+      style: { "--rte-min-height": `${E}px` },
+      "data-disabled": a ? "1" : "0",
+      "data-readonly": l ? "1" : "0",
+      "data-var-mention": o ? "1" : "0",
+      children: [
+        o ? /* @__PURE__ */ m("div", { className: t["var-toolbar"], children: /* @__PURE__ */ m(
+          F,
+          {
+            variables: L,
+            catalogError: C,
+            disabled: h,
+            getPopupContainer: () => u.current || document.body,
+            onPick: (r) => {
+              const s = g.current;
+              s && B(s, r);
+            }
+          }
+        ) }) : null,
+        /* @__PURE__ */ m("div", { className: t["editor-host"], children: /* @__PURE__ */ m(
+          b,
+          {
+            editor: W,
+            config: j,
+            disabled: h,
+            onReady: (r) => {
+              g.current = r, c.current = !0;
+              try {
+                r.setData(D.current);
+              } finally {
+                queueMicrotask(() => {
+                  c.current = !1;
+                });
+              }
+            },
+            onChange: (r, s) => {
+              var y;
+              c.current || (y = e.current) == null || y.call(e, s.getData());
+            }
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  or as RichTextEditor
+};
+//# sourceMappingURL=RichTextEditor.js.map

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

@@ -0,0 +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,KAAgD,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;"}

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

@@ -0,0 +1,2 @@
+export { RichTextEditor } from './RichTextEditor';
+export type { RichTextEditorProps } from './RichTextEditor';

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

@@ -0,0 +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"
+};
+export {
+  o as default,
+  t as root
+};
+//# sourceMappingURL=style.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { VariableMentionItem } from './variableMention';
+export type VariablePickerProps = {
+    variables?: VariableMentionItem[];
+    disabled?: boolean;
+    /** catalog 加载失败短文案；有值时优先于「暂无变量」 */
+    catalogError?: string;
+    onPick: (key: string) => void;
+    /** 按钮文案，默认「插入变量」 */
+    buttonText?: string;
+    size?: 'small' | 'middle' | 'large';
+    className?: string;
+    getPopupContainer?: (node: HTMLElement) => HTMLElement;
+};
+/**
+ * Coze/Dify 风格：点选插入变量（中文 + code）。无 `/` 触发。
+ */
+export declare const VariablePicker: React.FC<VariablePickerProps>;
+export default VariablePicker;

package/dist/components/Editor/VariablePicker.js

@@ -0,0 +1,55 @@
+import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import { Dropdown as f, Button as h } from "antd";
+import { useMemo as g } from "react";
+import { filterVariableFeed as w } from "./variableMention.js";
+import n from "../FormInfo/VariableMentionInput/style.module.scss.js";
+const V = ({
+  variables: o,
+  disabled: i,
+  catalogError: r,
+  onPick: m,
+  buttonText: c = "插入变量",
+  size: d = "small",
+  className: p,
+  getPopupContainer: k
+}) => {
+  const a = g(() => w(o, ""), [o]), t = a.length === 0, s = r ? `目录失败：${r}` : t ? "暂无 catalog 变量" : void 0, u = t ? [
+    {
+      key: "__empty",
+      disabled: !0,
+      label: s || "暂无变量"
+    }
+  ] : a.map((e) => ({
+    key: e.key,
+    label: /* @__PURE__ */ b("span", { className: n["var-mention-option"], children: [
+      e.label ? /* @__PURE__ */ l("span", { className: n["var-mention-label"], children: e.label }) : null,
+      /* @__PURE__ */ l("span", { className: n["var-mention-token"], children: e.key })
+    ] }),
+    onClick: () => m(e.key)
+  }));
+  return /* @__PURE__ */ l(
+    f,
+    {
+      disabled: i || t,
+      trigger: ["click"],
+      getPopupContainer: k,
+      dropdownRender: (e) => /* @__PURE__ */ l("div", { onMouseDown: (y) => y.preventDefault(), children: e }),
+      menu: { items: u },
+      children: /* @__PURE__ */ l(
+        h,
+        {
+          type: "default",
+          size: d,
+          disabled: i || t,
+          title: s,
+          className: p,
+          children: c
+        }
+      )
+    }
+  );
+};
+export {
+  V as VariablePicker
+};
+//# sourceMappingURL=VariablePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VariablePicker.js","sources":["../../../src/components/Editor/VariablePicker.tsx"],"sourcesContent":["import { Button, Dropdown } from 'antd';\nimport type { MenuProps } from 'antd';\nimport React, { useMemo } from 'react';\nimport { filterVariableFeed, type VariableMentionItem } from './variableMention';\nimport styles from '../FormInfo/VariableMentionInput/style.module.scss';\n\nexport type VariablePickerProps = {\n  variables?: VariableMentionItem[];\n  disabled?: boolean;\n  /** catalog 加载失败短文案；有值时优先于「暂无变量」 */\n  catalogError?: string;\n  onPick: (key: string) => void;\n  /** 按钮文案，默认「插入变量」 */\n  buttonText?: string;\n  size?: 'small' | 'middle' | 'large';\n  className?: string;\n  getPopupContainer?: (node: HTMLElement) => HTMLElement;\n};\n\n/**\n * Coze/Dify 风格：点选插入变量（中文 + code）。无 `/` 触发。\n */\nexport const VariablePicker: React.FC<VariablePickerProps> = ({\n  variables,\n  disabled,\n  catalogError,\n  onPick,\n  buttonText = '插入变量',\n  size = 'small',\n  className,\n  getPopupContainer,\n}) => {\n  const list = useMemo(() => filterVariableFeed(variables, ''), [variables]);\n  const empty = list.length === 0;\n  const tip = catalogError ? `目录失败：${catalogError}` : empty ? '暂无 catalog 变量' : undefined;\n\n  const items: MenuProps['items'] = empty\n    ? [\n        {\n          key: '__empty',\n          disabled: true,\n          label: tip || '暂无变量',\n        },\n      ]\n    : list.map((v) => ({\n        key: v.key,\n        label: (\n          <span className={styles['var-mention-option']}>\n            {v.label ? <span className={styles['var-mention-label']}>{v.label}</span> : null}\n            <span className={styles['var-mention-token']}>{v.key}</span>\n          </span>\n        ),\n        onClick: () => onPick(v.key),\n      }));\n\n  return (\n    <Dropdown\n      disabled={disabled || empty}\n      trigger={['click']}\n      getPopupContainer={getPopupContainer}\n      dropdownRender={(menu) => <div onMouseDown={(e) => e.preventDefault()}>{menu}</div>}\n      menu={{ items }}\n    >\n      <Button\n        type=\"default\"\n        size={size}\n        disabled={disabled || empty}\n        title={tip}\n        className={className}\n      >\n        {buttonText}\n      </Button>\n    </Dropdown>\n  );\n};\n\nexport default VariablePicker;\n"],"names":["VariablePicker","variables","disabled","catalogError","onPick","buttonText","size","className","getPopupContainer","list","useMemo","filterVariableFeed","empty","tip","items","v","jsxs","styles","jsx","Dropdown","menu","e","Button"],"mappings":";;;;;AAsBO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,mBAAAC;AACF,MAAM;AACJ,QAAMC,IAAOC,EAAQ,MAAMC,EAAmBV,GAAW,EAAE,GAAG,CAACA,CAAS,CAAC,GACnEW,IAAQH,EAAK,WAAW,GACxBI,IAAMV,IAAe,QAAQA,CAAY,KAAKS,IAAQ,kBAAkB,QAExEE,IAA4BF,IAC9B;AAAA,IACE;AAAA,MACE,KAAK;AAAA,MACL,UAAU;AAAA,MACV,OAAOC,KAAO;AAAA,IAAA;AAAA,EAChB,IAEFJ,EAAK,IAAI,CAACM,OAAO;AAAA,IACf,KAAKA,EAAE;AAAA,IACP,OACE,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,oBAAoB,GACzC,UAAA;AAAA,MAAAF,EAAE,0BAAS,QAAA,EAAK,WAAWE,EAAO,mBAAmB,GAAI,UAAAF,EAAE,MAAA,CAAM,IAAU;AAAA,wBAC3E,QAAA,EAAK,WAAWE,EAAO,mBAAmB,GAAI,YAAE,IAAA,CAAI;AAAA,IAAA,GACvD;AAAA,IAEF,SAAS,MAAMb,EAAOW,EAAE,GAAG;AAAA,EAAA,EAC3B;AAEN,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUjB,KAAYU;AAAA,MACtB,SAAS,CAAC,OAAO;AAAA,MACjB,mBAAAJ;AAAA,MACA,gBAAgB,CAACY,MAAS,gBAAAF,EAAC,OAAA,EAAI,aAAa,CAACG,MAAMA,EAAE,eAAA,GAAmB,UAAAD,EAAA,CAAK;AAAA,MAC7E,MAAM,EAAE,OAAAN,EAAA;AAAA,MAER,UAAA,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAAhB;AAAA,UACA,UAAUJ,KAAYU;AAAA,UACtB,OAAOC;AAAA,UACP,WAAAN;AAAA,UAEC,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +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 type { VariableMentionItem } from './variableMention';
+export { MsgVarWidget, insertMsgVar } from './msgVarTokenPlugin';
+export { VariablePicker } from './VariablePicker';
+export type { VariablePickerProps } from './VariablePicker';

package/dist/components/Editor/index.js

@@ -0,0 +1,21 @@
+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 { VariablePicker as E } from "./VariablePicker.js";
+import { RichTextEditor as r } from "./RichTextEditor/RichTextEditor.js";
+export {
+  a as MSG_VAR_TOKEN_CLASS,
+  M as MsgVarWidget,
+  r 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
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,13 @@
+import { Plugin, Widget, Editor } from 'ckeditor5';
+/**
+ * 正文变量原子色块：isObject inline widget。
+ * 不可改内部字符；Backspace/Delete 整颗删（对齐 Coze/Dify chip）。
+ */
+export declare class MsgVarWidget extends Plugin {
+    #private;
+    static get pluginName(): "MsgVarWidget";
+    static get requires(): readonly [typeof Widget];
+    init(): void;
+}
+/** 在选区插入原子变量色块，并焦点回编辑器 */
+export declare function insertMsgVar(editor: Editor, key: string): void;

package/dist/components/Editor/msgVarTokenPlugin.js

@@ -0,0 +1,94 @@
+var m = (e) => {
+  throw TypeError(e);
+};
+var f = (e, n, t) => n.has(e) || m("Cannot " + t);
+var c = (e, n, t) => n.has(e) ? m("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(e) : n.set(e, t);
+var a = (e, n, t) => (f(e, n, "access private method"), t);
+import { Plugin as h } from "../../node_modules/@ckeditor/ckeditor5-core/dist/index.js";
+import "../../node_modules/@ckeditor/ckeditor5-utils/dist/index.js";
+import "../../node_modules/@ckeditor/ckeditor5-engine/dist/index.js";
+import { Widget as p, viewToModelPositionOutsideModelElement as v, toWidget as V } from "../../node_modules/@ckeditor/ckeditor5-widget/dist/index.js";
+import "../../node_modules/@ckeditor/ckeditor5-list/dist/index.js";
+import "../../node_modules/@ckeditor/ckeditor5-mention/dist/index.js";
+import { toVarToken as k } from "./variableMention.js";
+var s, g, d;
+class P extends h {
+  constructor() {
+    super(...arguments);
+    c(this, s);
+  }
+  static get pluginName() {
+    return "MsgVarWidget";
+  }
+  static get requires() {
+    return [p];
+  }
+  init() {
+    const t = this.editor;
+    a(this, s, g).call(this), a(this, s, d).call(this), t.editing.mapper.on(
+      "viewToModelPosition",
+      v(
+        t.model,
+        (r) => r.hasClass("msg-var-token")
+      )
+    );
+  }
+}
+s = new WeakSet(), g = function() {
+  this.editor.model.schema.register("msgVar", {
+    inheritAllFrom: "$inlineObject",
+    allowAttributes: ["key"]
+  });
+}, d = function() {
+  const t = this.editor.conversion;
+  t.for("editingDowncast").elementToElement({
+    model: "msgVar",
+    view: (r, { writer: o }) => {
+      const i = String(r.getAttribute("key") || ""), u = l(o, i);
+      return V(u, o, { label: `变量 ${i}` });
+    }
+  }), t.for("dataDowncast").elementToElement({
+    model: "msgVar",
+    view: (r, { writer: o }) => {
+      const i = String(r.getAttribute("key") || "");
+      return l(o, i);
+    }
+  }), t.for("upcast").elementToElement({
+    view: {
+      name: "span",
+      classes: ["msg-var-token"]
+    },
+    model: (r, { writer: o }) => {
+      const i = w(r);
+      return i ? o.createElement("msgVar", { key: i }) : null;
+    }
+  });
+};
+function l(e, n) {
+  const t = e.createContainerElement("span", {
+    class: "msg-var-token",
+    "data-var": n
+  });
+  return e.insert(e.createPositionAt(t, 0), e.createText(k(n))), t;
+}
+function w(e) {
+  const n = String(e.getAttribute("data-var") || "").trim();
+  if (n) return n;
+  let t = "";
+  for (const o of e.getChildren())
+    (o.is("$text") || o.is("$textProxy")) && (t += o.data);
+  const r = t.match(/^\{\{(\w+)\}\}$/);
+  return (r == null ? void 0 : r[1]) ?? "";
+}
+function S(e, n) {
+  const t = String(n || "").trim();
+  t && (e.model.change((r) => {
+    const o = r.createElement("msgVar", { key: t });
+    e.model.insertContent(o);
+  }), e.editing.view.focus());
+}
+export {
+  P as MsgVarWidget,
+  S as insertMsgVar
+};
+//# sourceMappingURL=msgVarTokenPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"msgVarTokenPlugin.js","sources":["../../../src/components/Editor/msgVarTokenPlugin.ts"],"sourcesContent":["import {\n  Plugin,\n  Widget,\n  toWidget,\n  viewToModelPositionOutsideModelElement,\n  type Editor,\n  type ViewDowncastWriter,\n  type ViewElement,\n} from 'ckeditor5';\nimport { toVarToken } from './variableMention';\n\n/**\n * 正文变量原子色块：isObject inline widget。\n * 不可改内部字符；Backspace/Delete 整颗删（对齐 Coze/Dify chip）。\n */\nexport class MsgVarWidget extends Plugin {\n  public static get pluginName() {\n    return 'MsgVarWidget' as const;\n  }\n\n  public static get requires() {\n    return [Widget] as const;\n  }\n\n  public init(): void {\n    const editor = this.editor;\n    this.#defineSchema();\n    this.#defineConverters();\n\n    editor.editing.mapper.on(\n      'viewToModelPosition',\n      viewToModelPositionOutsideModelElement(editor.model, (viewElement) =>\n        viewElement.hasClass('msg-var-token'),\n      ),\n    );\n  }\n\n  #defineSchema(): void {\n    const schema = this.editor.model.schema;\n    schema.register('msgVar', {\n      inheritAllFrom: '$inlineObject',\n      allowAttributes: ['key'],\n    });\n  }\n\n  #defineConverters(): void {\n    const conversion = this.editor.conversion;\n\n    conversion.for('editingDowncast').elementToElement({\n      model: 'msgVar',\n      view: (modelItem, { writer }) => {\n        const key = String(modelItem.getAttribute('key') || '');\n        const widgetElement = createMsgVarView(writer, key);\n        return toWidget(widgetElement, writer, { label: `变量 ${key}` });\n      },\n    });\n\n    conversion.for('dataDowncast').elementToElement({\n      model: 'msgVar',\n      view: (modelItem, { writer }) => {\n        const key = String(modelItem.getAttribute('key') || '');\n        return createMsgVarView(writer, key);\n      },\n    });\n\n    conversion.for('upcast').elementToElement({\n      view: {\n        name: 'span',\n        classes: ['msg-var-token'],\n      },\n      model: (viewElement, { writer }) => {\n        const key = resolveKeyFromView(viewElement);\n        if (!key) return null;\n        return writer.createElement('msgVar', { key });\n      },\n    });\n  }\n}\n\nfunction createMsgVarView(writer: ViewDowncastWriter, key: string): ViewElement {\n  const span = writer.createContainerElement('span', {\n    class: 'msg-var-token',\n    'data-var': key,\n  });\n  writer.insert(writer.createPositionAt(span, 0), writer.createText(toVarToken(key)));\n  return span;\n}\n\nfunction resolveKeyFromView(viewElement: ViewElement): string {\n  const fromAttr = String(viewElement.getAttribute('data-var') || '').trim();\n  if (fromAttr) return fromAttr;\n  let text = '';\n  for (const child of viewElement.getChildren()) {\n    if (child.is('$text') || child.is('$textProxy')) {\n      text += child.data;\n    }\n  }\n  const m = text.match(/^\\{\\{(\\w+)\\}\\}$/);\n  return m?.[1] ?? '';\n}\n\n/** 在选区插入原子变量色块，并焦点回编辑器 */\nexport function insertMsgVar(editor: Editor, key: string): void {\n  const k = String(key || '').trim();\n  if (!k) return;\n  editor.model.change((writer) => {\n    const el = writer.createElement('msgVar', { key: k });\n    editor.model.insertContent(el);\n  });\n  editor.editing.view.focus();\n}\n"],"names":["MsgVarWidget","Plugin","__privateAdd","_MsgVarWidget_instances","Widget","editor","__privateMethod","defineSchema_fn","defineConverters_fn","viewToModelPositionOutsideModelElement","viewElement","conversion","modelItem","writer","key","widgetElement","createMsgVarView","toWidget","resolveKeyFromView","span","toVarToken","fromAttr","text","child","m","insertMsgVar","k","el"],"mappings":"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"}

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

@@ -0,0 +1,37 @@
+/**
+ * 变量占位工具：存盘 `{{key}}`（与 marsun_msg_center render 对齐）。
+ * 插入走「插入变量」按钮（VariablePicker）；正文为原子 widget。
+ * 禁止 FE DEFAULT_VARS。
+ */
+export type VariableMentionItem = {
+    key: string;
+    label?: string;
+    type?: string;
+};
+/** 编辑区色块 class（RTE content + Input 展示） */
+export declare const MSG_VAR_TOKEN_CLASS = "msg-var-token";
+/** 双花括号占位 */
+export declare const VAR_PLACEHOLDER_RE: RegExp;
+export declare function toVarToken(key: string): string;
+/** 下拉展示：中文 label + code（无前导 /） */
+export declare function formatVariableOptionLabel(v: VariableMentionItem): string;
+export declare function filterVariableFeed(variables: VariableMentionItem[] | undefined, query: string): VariableMentionItem[];
+/** CKEditor Mention feed item：id 须以 marker 开头；text 为插入的 {{key}} */
+export declare function toMentionFeedItem(v: VariableMentionItem): {
+    id: string;
+    text: string;
+    key: string;
+    label?: string;
+};
+/**
+ * 将 CKEditor mention 节点规范为字面 `{{key}}` 色块 span（存盘/预览用）。
+ */
+export declare function normalizeMentionHtmlToVarTokens(html: string): string;
+/**
+ * 读入编辑器前：裸 `{{key}}` / 旧色块 → 带 data-var 的 span，供 MsgVarWidget upcast。
+ */
+export declare function wrapVarTokensForDisplay(html: string): string;
+/** @deprecated 兼容旧名；等同 wrapVarTokensForDisplay */
+export declare function upliftVarTokensToMentions(html: string): string;
+/** 在纯文本光标处插入 `{{key}}` */
+export declare function insertVarTokenAt(text: string, key: string, caret?: number): string;

package/dist/components/Editor/variableMention.js

@@ -0,0 +1,64 @@
+const i = "msg-var-token", g = /\{\{(\w+)\}\}/g;
+function c(n) {
+  return `{{${String(n || "").trim()}}}`;
+}
+function f(n) {
+  const t = String(n.key || "").trim(), r = String(n.label || "").trim();
+  return r && r !== t ? `${r}  ${t}` : t;
+}
+function S(n, t) {
+  const r = Array.isArray(n) ? n : [], a = String(t || "").replace(/^\//, "").trim().toLowerCase();
+  return a ? r.filter((e) => {
+    const s = String(e.key || "").toLowerCase(), o = String(e.label || "").toLowerCase();
+    return s.includes(a) || o.includes(a);
+  }) : r;
+}
+function m(n) {
+  const t = String(n.key || "").trim();
+  return {
+    id: `/${t}`,
+    text: c(t),
+    key: t,
+    label: n.label
+  };
+}
+function u(n) {
+  return String(n || "").replace(
+    /<span\b[^>]*\bdata-mention="\/(\w+)"[^>]*>[\s\S]*?<\/span>/gi,
+    (t, r) => `<span class="${i}" data-var="${r}">{{${r}}}</span>`
+  );
+}
+function p(n) {
+  let t = u(String(n || ""));
+  const r = new RegExp(
+    `<span\\b([^>]*\\bclass="[^"]*${i}[^"]*"[^>]*)>\\{\\{(\\w+)\\}\\}<\\/span>`,
+    "gi"
+  );
+  return t = t.replace(r, (a, e, s) => /\bdata-var=/.test(e) ? `<span${e}>{{${s}}}</span>` : `<span class="${i}" data-var="${s}">{{${s}}}</span>`), t = t.replace(/(^|>)([^<]*)/g, (a, e, s) => {
+    const o = s.replace(
+      /\{\{(\w+)\}\}/g,
+      ($, l) => `<span class="${i}" data-var="${l}">{{${l}}}</span>`
+    );
+    return `${e}${o}`;
+  }), t;
+}
+function b(n) {
+  return p(n);
+}
+function d(n, t, r = -1) {
+  const a = c(t), e = String(n || "");
+  return r < 0 || r > e.length ? `${e}${a}` : `${e.slice(0, r)}${a}${e.slice(r)}`;
+}
+export {
+  i as MSG_VAR_TOKEN_CLASS,
+  g as VAR_PLACEHOLDER_RE,
+  S as filterVariableFeed,
+  f as formatVariableOptionLabel,
+  d as insertVarTokenAt,
+  u as normalizeMentionHtmlToVarTokens,
+  m as toMentionFeedItem,
+  c as toVarToken,
+  b as upliftVarTokensToMentions,
+  p as wrapVarTokensForDisplay
+};
+//# sourceMappingURL=variableMention.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variableMention.js","sources":["../../../src/components/Editor/variableMention.ts"],"sourcesContent":["/**\n * 变量占位工具：存盘 `{{key}}`（与 marsun_msg_center render 对齐）。\n * 插入走「插入变量」按钮（VariablePicker）；正文为原子 widget。\n * 禁止 FE DEFAULT_VARS。\n */\n\nexport type VariableMentionItem = {\n  key: string;\n  label?: string;\n  type?: string;\n};\n\n/** 编辑区色块 class（RTE content + Input 展示） */\nexport const MSG_VAR_TOKEN_CLASS = 'msg-var-token';\n\n/** 双花括号占位 */\nexport const VAR_PLACEHOLDER_RE = /\\{\\{(\\w+)\\}\\}/g;\n\nexport function toVarToken(key: string): string {\n  return `{{${String(key || '').trim()}}}`;\n}\n\n/** 下拉展示：中文 label + code（无前导 /） */\nexport function formatVariableOptionLabel(v: VariableMentionItem): string {\n  const key = String(v.key || '').trim();\n  const label = String(v.label || '').trim();\n  if (label && label !== key) return `${label}  ${key}`;\n  return key;\n}\n\nexport function filterVariableFeed(\n  variables: VariableMentionItem[] | undefined,\n  query: string,\n): VariableMentionItem[] {\n  const list = Array.isArray(variables) ? variables : [];\n  const q = String(query || '')\n    .replace(/^\\//, '')\n    .trim()\n    .toLowerCase();\n  if (!q) return list;\n  return list.filter((v) => {\n    const key = String(v.key || '').toLowerCase();\n    const label = String(v.label || '').toLowerCase();\n    return key.includes(q) || label.includes(q);\n  });\n}\n\n/** CKEditor Mention feed item：id 须以 marker 开头；text 为插入的 {{key}} */\nexport function toMentionFeedItem(v: VariableMentionItem): {\n  id: string;\n  text: string;\n  key: string;\n  label?: string;\n} {\n  const key = String(v.key || '').trim();\n  return {\n    id: `/${key}`,\n    text: toVarToken(key),\n    key,\n    label: v.label,\n  };\n}\n\n/**\n * 将 CKEditor mention 节点规范为字面 `{{key}}` 色块 span（存盘/预览用）。\n */\nexport function normalizeMentionHtmlToVarTokens(html: string): string {\n  return String(html || '').replace(\n    /<span\\b[^>]*\\bdata-mention=\"\\/(\\w+)\"[^>]*>[\\s\\S]*?<\\/span>/gi,\n    (_m, key: string) => `<span class=\"${MSG_VAR_TOKEN_CLASS}\" data-var=\"${key}\">{{${key}}}</span>`,\n  );\n}\n\n/**\n * 读入编辑器前：裸 `{{key}}` / 旧色块 → 带 data-var 的 span，供 MsgVarWidget upcast。\n */\nexport function wrapVarTokensForDisplay(html: string): string {\n  let s = normalizeMentionHtmlToVarTokens(String(html || ''));\n  const tokenSpanRe = new RegExp(\n    `<span\\\\b([^>]*\\\\bclass=\"[^\"]*${MSG_VAR_TOKEN_CLASS}[^\"]*\"[^>]*)>\\\\{\\\\{(\\\\w+)\\\\}\\\\}<\\\\/span>`,\n    'gi',\n  );\n  s = s.replace(tokenSpanRe, (_m, attrs: string, key: string) => {\n    if (/\\bdata-var=/.test(attrs)) return `<span${attrs}>{{${key}}}</span>`;\n    return `<span class=\"${MSG_VAR_TOKEN_CLASS}\" data-var=\"${key}\">{{${key}}}</span>`;\n  });\n  s = s.replace(/(^|>)([^<]*)/g, (_full, prefix: string, text: string) => {\n    const next = text.replace(\n      /\\{\\{(\\w+)\\}\\}/g,\n      (_m, key: string) =>\n        `<span class=\"${MSG_VAR_TOKEN_CLASS}\" data-var=\"${key}\">{{${key}}}</span>`,\n    );\n    return `${prefix}${next}`;\n  });\n  return s;\n}\n\n/** @deprecated 兼容旧名；等同 wrapVarTokensForDisplay */\nexport function upliftVarTokensToMentions(html: string): string {\n  return wrapVarTokensForDisplay(html);\n}\n\n/** 在纯文本光标处插入 `{{key}}` */\nexport function insertVarTokenAt(text: string, key: string, caret = -1): string {\n  const token = toVarToken(key);\n  const src = String(text || '');\n  if (caret < 0 || caret > src.length) return `${src}${token}`;\n  return `${src.slice(0, caret)}${token}${src.slice(caret)}`;\n}\n"],"names":["MSG_VAR_TOKEN_CLASS","VAR_PLACEHOLDER_RE","toVarToken","key","formatVariableOptionLabel","v","label","filterVariableFeed","variables","query","list","q","toMentionFeedItem","normalizeMentionHtmlToVarTokens","html","_m","wrapVarTokensForDisplay","s","tokenSpanRe","attrs","_full","prefix","text","next","upliftVarTokensToMentions","insertVarTokenAt","caret","token","src"],"mappings":"AAaO,MAAMA,IAAsB,iBAGtBC,IAAqB;AAE3B,SAASC,EAAWC,GAAqB;AAC9C,SAAO,KAAK,OAAOA,KAAO,EAAE,EAAE,MAAM;AACtC;AAGO,SAASC,EAA0BC,GAAgC;AACxE,QAAMF,IAAM,OAAOE,EAAE,OAAO,EAAE,EAAE,KAAA,GAC1BC,IAAQ,OAAOD,EAAE,SAAS,EAAE,EAAE,KAAA;AACpC,SAAIC,KAASA,MAAUH,IAAY,GAAGG,CAAK,KAAKH,CAAG,KAC5CA;AACT;AAEO,SAASI,EACdC,GACAC,GACuB;AACvB,QAAMC,IAAO,MAAM,QAAQF,CAAS,IAAIA,IAAY,CAAA,GAC9CG,IAAI,OAAOF,KAAS,EAAE,EACzB,QAAQ,OAAO,EAAE,EACjB,KAAA,EACA,YAAA;AACH,SAAKE,IACED,EAAK,OAAO,CAACL,MAAM;AACxB,UAAMF,IAAM,OAAOE,EAAE,OAAO,EAAE,EAAE,YAAA,GAC1BC,IAAQ,OAAOD,EAAE,SAAS,EAAE,EAAE,YAAA;AACpC,WAAOF,EAAI,SAASQ,CAAC,KAAKL,EAAM,SAASK,CAAC;AAAA,EAC5C,CAAC,IALcD;AAMjB;AAGO,SAASE,EAAkBP,GAKhC;AACA,QAAMF,IAAM,OAAOE,EAAE,OAAO,EAAE,EAAE,KAAA;AAChC,SAAO;AAAA,IACL,IAAI,IAAIF,CAAG;AAAA,IACX,MAAMD,EAAWC,CAAG;AAAA,IACpB,KAAAA;AAAA,IACA,OAAOE,EAAE;AAAA,EAAA;AAEb;AAKO,SAASQ,EAAgCC,GAAsB;AACpE,SAAO,OAAOA,KAAQ,EAAE,EAAE;AAAA,IACxB;AAAA,IACA,CAACC,GAAIZ,MAAgB,gBAAgBH,CAAmB,eAAeG,CAAG,OAAOA,CAAG;AAAA,EAAA;AAExF;AAKO,SAASa,EAAwBF,GAAsB;AAC5D,MAAIG,IAAIJ,EAAgC,OAAOC,KAAQ,EAAE,CAAC;AAC1D,QAAMI,IAAc,IAAI;AAAA,IACtB,gCAAgClB,CAAmB;AAAA,IACnD;AAAA,EAAA;AAEF,SAAAiB,IAAIA,EAAE,QAAQC,GAAa,CAACH,GAAII,GAAehB,MACzC,cAAc,KAAKgB,CAAK,IAAU,QAAQA,CAAK,MAAMhB,CAAG,cACrD,gBAAgBH,CAAmB,eAAeG,CAAG,OAAOA,CAAG,WACvE,GACDc,IAAIA,EAAE,QAAQ,iBAAiB,CAACG,GAAOC,GAAgBC,MAAiB;AACtE,UAAMC,IAAOD,EAAK;AAAA,MAChB;AAAA,MACA,CAACP,GAAIZ,MACH,gBAAgBH,CAAmB,eAAeG,CAAG,OAAOA,CAAG;AAAA,IAAA;AAEnE,WAAO,GAAGkB,CAAM,GAAGE,CAAI;AAAA,EACzB,CAAC,GACMN;AACT;AAGO,SAASO,EAA0BV,GAAsB;AAC9D,SAAOE,EAAwBF,CAAI;AACrC;AAGO,SAASW,EAAiBH,GAAcnB,GAAauB,IAAQ,IAAY;AAC9E,QAAMC,IAAQzB,EAAWC,CAAG,GACtByB,IAAM,OAAON,KAAQ,EAAE;AAC7B,SAAII,IAAQ,KAAKA,IAAQE,EAAI,SAAe,GAAGA,CAAG,GAAGD,CAAK,KACnD,GAAGC,EAAI,MAAM,GAAGF,CAAK,CAAC,GAAGC,CAAK,GAAGC,EAAI,MAAMF,CAAK,CAAC;AAC1D;"}

package/dist/components/FormInfo/RichTextField/index.d.ts

@@ -0,0 +1,21 @@
+import { ComponentType, ReactNode } from 'react';
+import { VariableMentionItem } from '../../Editor/variableMention';
+export type RichTextFieldProps = {
+    name: string;
+    label?: ReactNode;
+    labelTips?: ReactNode | ((props: RichTextFieldProps) => ReactNode);
+    rule?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    minHeight?: number;
+    enableVariableMention?: boolean;
+    variables?: VariableMentionItem[];
+    catalogError?: string;
+    className?: string;
+    /** remount 键（换文档时传入） */
+    editorKey?: string;
+    [key: string]: unknown;
+};
+export declare const RichTextField: ComponentType<RichTextFieldProps>;
+export default RichTextField;

package/dist/components/FormInfo/RichTextField/index.js

@@ -0,0 +1,82 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as R from "@kne/react-form-antd";
+import T from "classnames";
+import { Suspense as N, lazy as u } from "react";
+import h from "./style.module.scss.js";
+const y = u(
+  () => import("../../Editor/index.js").then((e) => ({ default: e.RichTextEditor }))
+), b = ({
+  value: e = "",
+  onChange: i,
+  disabled: t,
+  readOnly: o,
+  placeholder: a,
+  minHeight: c = 140,
+  enableVariableMention: s,
+  variables: l,
+  catalogError: n,
+  className: d,
+  editorKey: m,
+  id: f
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: T(
+      "marsun-form-rich-text",
+      h["form-rich-text"],
+      t && h["form-rich-text-disabled"],
+      d
+    ),
+    "data-field-id": f,
+    children: /* @__PURE__ */ r(N, { fallback: /* @__PURE__ */ r("div", { className: h["form-rich-text-loading"], children: "加载编辑器…" }), children: /* @__PURE__ */ r(
+      y,
+      {
+        value: e,
+        onChange: i,
+        disabled: t,
+        readOnly: o,
+        placeholder: a,
+        minHeight: c,
+        enableVariableMention: s,
+        variables: l,
+        catalogError: n
+      },
+      m || "rte"
+    ) })
+  }
+), x = (e) => {
+  const { useDecorator: i } = R.hooks, {
+    variables: t,
+    catalogError: o,
+    placeholder: a,
+    className: c,
+    enableVariableMention: s,
+    readOnly: l,
+    minHeight: n,
+    editorKey: d,
+    ...m
+  } = e;
+  return i({
+    fieldName: "richTextEditor",
+    ...m
+  })((p) => /* @__PURE__ */ r(
+    b,
+    {
+      ...p,
+      variables: t,
+      catalogError: o,
+      placeholder: a,
+      className: c,
+      enableVariableMention: s,
+      readOnly: l,
+      minHeight: n,
+      editorKey: d
+    }
+  ));
+};
+x.displayName = "RichTextField";
+const k = x;
+export {
+  k as RichTextField
+};
+//# sourceMappingURL=index.js.map

package/dist/components/FormInfo/RichTextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/FormInfo/RichTextField/index.tsx"],"sourcesContent":["import * as ReactFormAntd from '@kne/react-form-antd';\nimport classNames from 'classnames';\nimport type { ComponentType, FC, ReactNode } from 'react';\nimport { Suspense, lazy } from 'react';\nimport type { VariableMentionItem } from '@/components/Editor/variableMention';\nimport styles from './style.module.scss';\n\nconst RichTextEditor = lazy(() =>\n  import('@/components/Editor').then((m) => ({ default: m.RichTextEditor })),\n);\n\nexport type RichTextFieldProps = {\n  name: string;\n  label?: ReactNode;\n  labelTips?: ReactNode | ((props: RichTextFieldProps) => ReactNode);\n  rule?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  placeholder?: string;\n  minHeight?: number;\n  enableVariableMention?: boolean;\n  variables?: VariableMentionItem[];\n  catalogError?: string;\n  className?: string;\n  /** remount 键（换文档时传入） */\n  editorKey?: string;\n  [key: string]: unknown;\n};\n\ntype FieldRenderProps = {\n  value?: string;\n  onChange?: (v: string) => void;\n  disabled?: boolean;\n  id?: string;\n};\n\ntype KneHooks = {\n  useDecorator: (\n    opts: Record<string, unknown>,\n  ) => (Comp: ComponentType<FieldRenderProps>) => ReactNode;\n};\n\n/**\n * FormInfo 富文本字段：外观对齐 Input；L2 Editor 懒加载；「插入变量」+ 原子色块。\n */\nconst RichTextControl: FC<\n  FieldRenderProps & {\n    readOnly?: boolean;\n    placeholder?: string;\n    minHeight?: number;\n    enableVariableMention?: boolean;\n    variables?: VariableMentionItem[];\n    catalogError?: string;\n    className?: string;\n    editorKey?: string;\n  }\n> = ({\n  value = '',\n  onChange,\n  disabled,\n  readOnly,\n  placeholder,\n  minHeight = 140,\n  enableVariableMention,\n  variables,\n  catalogError,\n  className,\n  editorKey,\n  id,\n}) => (\n  <div\n    className={classNames(\n      'marsun-form-rich-text',\n      styles['form-rich-text'],\n      disabled && styles['form-rich-text-disabled'],\n      className,\n    )}\n    data-field-id={id}\n  >\n    <Suspense fallback={<div className={styles['form-rich-text-loading']}>加载编辑器…</div>}>\n      <RichTextEditor\n        key={editorKey || 'rte'}\n        value={value}\n        onChange={onChange}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={placeholder}\n        minHeight={minHeight}\n        enableVariableMention={enableVariableMention}\n        variables={variables}\n        catalogError={catalogError}\n      />\n    </Suspense>\n  </div>\n);\n\nconst RichTextFieldInner: FC<RichTextFieldProps> = (props) => {\n  const { useDecorator } = (ReactFormAntd as unknown as { hooks: KneHooks }).hooks;\n  const {\n    variables,\n    catalogError,\n    placeholder,\n    className,\n    enableVariableMention,\n    readOnly,\n    minHeight,\n    editorKey,\n    ...rest\n  } = props;\n  const render = useDecorator({\n    fieldName: 'richTextEditor',\n    ...rest,\n  });\n  return render((fieldProps) => (\n    <RichTextControl\n      {...fieldProps}\n      variables={variables}\n      catalogError={catalogError}\n      placeholder={placeholder}\n      className={className}\n      enableVariableMention={enableVariableMention}\n      readOnly={readOnly}\n      minHeight={minHeight}\n      editorKey={editorKey}\n    />\n  ));\n};\n\nRichTextFieldInner.displayName = 'RichTextField';\n\nexport const RichTextField = RichTextFieldInner as ComponentType<RichTextFieldProps>;\n\nexport default RichTextField;\n"],"names":["RichTextEditor","lazy","m","RichTextControl","value","onChange","disabled","readOnly","placeholder","minHeight","enableVariableMention","variables","catalogError","className","editorKey","id","jsx","classNames","styles","Suspense","RichTextFieldInner","props","useDecorator","ReactFormAntd","rest","fieldProps","RichTextField"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EAAK,MAC1B,OAAO,uBAAqB,EAAE,KAAK,CAACC,OAAO,EAAE,SAASA,EAAE,iBAAiB;AAC3E,GAoCMC,IAWF,CAAC;AAAA,EACH,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AACF,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAC,EAAO,gBAAgB;AAAA,MACvBZ,KAAYY,EAAO,yBAAyB;AAAA,MAC5CL;AAAA,IAAA;AAAA,IAEF,iBAAeE;AAAA,IAEf,UAAA,gBAAAC,EAACG,GAAA,EAAS,UAAU,gBAAAH,EAAC,OAAA,EAAI,WAAWE,EAAO,wBAAwB,GAAG,UAAA,SAAA,CAAM,GAC1E,UAAA,gBAAAF;AAAA,MAAChB;AAAA,MAAA;AAAA,QAEC,OAAAI;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,uBAAAC;AAAA,QACA,WAAAC;AAAA,QACA,cAAAC;AAAA,MAAA;AAAA,MATKE,KAAa;AAAA,IAAA,EAUpB,CACF;AAAA,EAAA;AACF,GAGIM,IAA6C,CAACC,MAAU;AAC5D,QAAM,EAAE,cAAAC,MAAkBC,EAAiD,OACrE;AAAA,IACJ,WAAAZ;AAAA,IACA,cAAAC;AAAA,IACA,aAAAJ;AAAA,IACA,WAAAK;AAAA,IACA,uBAAAH;AAAA,IACA,UAAAH;AAAA,IACA,WAAAE;AAAA,IACA,WAAAK;AAAA,IACA,GAAGU;AAAA,EAAA,IACDH;AAKJ,SAJeC,EAAa;AAAA,IAC1B,WAAW;AAAA,IACX,GAAGE;AAAA,EAAA,CACJ,EACa,CAACC,MACb,gBAAAT;AAAA,IAACb;AAAA,IAAA;AAAA,MACE,GAAGsB;AAAA,MACJ,WAAAd;AAAA,MACA,cAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,WAAAK;AAAA,MACA,uBAAAH;AAAA,MACA,UAAAH;AAAA,MACA,WAAAE;AAAA,MACA,WAAAK;AAAA,IAAA;AAAA,EAAA,CAEH;AACH;AAEAM,EAAmB,cAAc;AAE1B,MAAMM,IAAgBN;"}

package/dist/components/FormInfo/RichTextField/style.module.scss.js

@@ -0,0 +1,9 @@
+const r = {
+  "form-rich-text": "_form-rich-text_ryn8i_2",
+  "form-rich-text-disabled": "_form-rich-text-disabled_ryn8i_48",
+  "form-rich-text-loading": "_form-rich-text-loading_ryn8i_54"
+};
+export {
+  r as default
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/FormInfo/RichTextField/style.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/FormInfo/VariableMentionInput/index.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType, ReactNode } from 'react';
+import { VariableMentionItem } from '../../Editor/variableMention';
+export type VariableMentionFieldProps = {
+    name: string;
+    label?: ReactNode;
+    labelTips?: ReactNode | ((props: VariableMentionFieldProps) => ReactNode);
+    rule?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    enableVariableMention?: boolean;
+    variables?: VariableMentionItem[];
+    catalogError?: string;
+    className?: string;
+    [key: string]: unknown;
+};
+export declare const VariableMentionField: ComponentType<VariableMentionFieldProps>;
+export default VariableMentionField;