@hkyhy/marsun-components-core 0.1.99 → 0.1.100

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

@@ -1,85 +1,76 @@
-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";
+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";
 /* 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,
+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: p,
+  className: f,
   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 || ""
+  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: f,
-    plugins: o ? [k, v, x, R, P, $, T, w] : [k, v, x, R, P, $]
-  }), [o, f]), h = a || l;
+    placeholder: m,
+    plugins: o ? [x, R, $, k, v, P, T, w] : [x, R, $, k, v, P]
+  }), [o, m]), h = l || u;
   return /* @__PURE__ */ K(
     "div",
     {
-      ref: u,
-      className: p ? `${t.root} ${t["rich-text-editor"]} ${p}` : `${t.root} ${t["rich-text-editor"]}`,
+      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": a ? "1" : "0",
-      "data-readonly": l ? "1" : "0",
+      "data-disabled": l ? "1" : "0",
+      "data-readonly": u ? "1" : "0",
       "data-var-mention": o ? "1" : "0",
       children: [
-        o ? /* @__PURE__ */ m("div", { className: t["var-toolbar"], children: /* @__PURE__ */ m(
+        o ? /* @__PURE__ */ c("div", { className: r["var-toolbar"], children: /* @__PURE__ */ c(
           F,
           {
             variables: L,
             catalogError: C,
             disabled: h,
-            getPopupContainer: () => u.current || document.body,
-            onPick: (r) => {
-              const s = g.current;
-              s && B(s, r);
+            getPopupContainer: () => p.current || document.body,
+            onPick: (t) => {
+              const i = g.current;
+              i && B(i, t);
             }
           }
         ) }) : null,
-        /* @__PURE__ */ m("div", { className: t["editor-host"], children: /* @__PURE__ */ m(
+        /* @__PURE__ */ c("div", { className: r["editor-host"], children: /* @__PURE__ */ c(
           b,
           {
             editor: W,
             config: j,
             disabled: h,
-            onReady: (r) => {
-              g.current = r, c.current = !0;
+            onReady: (t) => {
+              g.current = t, n.current = !0;
               try {
-                r.setData(D.current);
+                t.setData(D.current);
               } finally {
                 queueMicrotask(() => {
-                  c.current = !1;
+                  n.current = !1;
                 });
               }
             },
-            onChange: (r, s) => {
+            onChange: (t, i) => {
               var y;
-              c.current || (y = e.current) == null || y.call(e, s.getData());
+              n.current || (y = s.current) == null || y.call(s, i.getData());
             }
           }
         ) })
@@ -88,6 +79,6 @@ const or = ({
   );
 };
 export {
-  or as RichTextEditor
+  Q 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,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;"}
+{"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;"}

package/dist/components/Editor/msgVarTokenPlugin.js

@@ -1,33 +1,28 @@
-var m = (e) => {
+var c = (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 f = (e, n, t) => n.has(e) || c("Cannot " + t);
+var m = (e, n, t) => n.has(e) ? c("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";
+import { Plugin as h, Widget as v, viewToModelPositionOutsideModelElement as V, toWidget as k } from "ckeditor5";
+import { toVarToken as p } from "./variableMention.js";
 var s, g, d;
-class P extends h {
+class E extends h {
   constructor() {
     super(...arguments);
-    c(this, s);
+    m(this, s);
   }
   static get pluginName() {
     return "MsgVarWidget";
   }
   static get requires() {
-    return [p];
+    return [v];
   }
   init() {
     const t = this.editor;
     a(this, s, g).call(this), a(this, s, d).call(this), t.editing.mapper.on(
       "viewToModelPosition",
-      v(
+      V(
         t.model,
         (r) => r.hasClass("msg-var-token")
       )
@@ -45,7 +40,7 @@ s = new WeakSet(), g = function() {
     model: "msgVar",
     view: (r, { writer: o }) => {
       const i = String(r.getAttribute("key") || ""), u = l(o, i);
-      return V(u, o, { label: `变量 ${i}` });
+      return k(u, o, { label: `变量 ${i}` });
     }
   }), t.for("dataDowncast").elementToElement({
     model: "msgVar",
@@ -69,7 +64,7 @@ function l(e, n) {
     class: "msg-var-token",
     "data-var": n
   });
-  return e.insert(e.createPositionAt(t, 0), e.createText(k(n))), t;
+  return e.insert(e.createPositionAt(t, 0), e.createText(p(n))), t;
 }
 function w(e) {
   const n = String(e.getAttribute("data-var") || "").trim();
@@ -80,7 +75,7 @@ function w(e) {
   const r = t.match(/^\{\{(\w+)\}\}$/);
   return (r == null ? void 0 : r[1]) ?? "";
 }
-function S(e, n) {
+function M(e, n) {
   const t = String(n || "").trim();
   t && (e.model.change((r) => {
     const o = r.createElement("msgVar", { key: t });
@@ -88,7 +83,7 @@ function S(e, n) {
   }), e.editing.view.focus());
 }
 export {
-  P as MsgVarWidget,
-  S as insertMsgVar
+  E as MsgVarWidget,
+  M as insertMsgVar
 };
 //# sourceMappingURL=msgVarTokenPlugin.js.map

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

@@ -1 +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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"}
+{"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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"}