@hkyhy/marsun-components-core 0.1.89 → 0.1.98

package/dist/components/Audit/formatAuditJson.js

@@ -0,0 +1,135 @@
+function a(n) {
+  if (typeof n == "string") return n.includes("…[truncated]");
+  if (n && typeof n == "object" && !Array.isArray(n)) {
+    const t = n;
+    return t._truncated === !0 ? !0 : Object.values(t).some(a);
+  }
+  return !1;
+}
+function f(n, t = 0) {
+  if (t > 8) return n;
+  if (typeof n == "string") {
+    const r = n.trim();
+    if (r.length < 2 || !(r.startsWith("{") && r.includes("}") || r.startsWith("[") && r.includes("]") || r.startsWith('"') && (r.includes("{") || r.includes("[")))) return n;
+    try {
+      return f(JSON.parse(r), t + 1);
+    } catch {
+      return n;
+    }
+  }
+  if (Array.isArray(n))
+    return n.map((r) => f(r, t + 1));
+  if (n && typeof n == "object") {
+    const r = {};
+    for (const [e, s] of Object.entries(n))
+      r[e] = f(s, t + 1);
+    return r;
+  }
+  return n;
+}
+function p(n) {
+  let t = n.replace(/\s*…\[truncated\]\s*$/, "").trim();
+  t = t.replace(/,\s*"[^"]*$/s, ""), t = t.replace(/,\s*\{[^}]*$/s, ""), t = t.replace(/:\s*"[^"]*$/s, ": null"), t = t.replace(/,\s*$/, "");
+  let r = !1, e = !1;
+  const s = [];
+  for (let o = 0; o < t.length; o++) {
+    const c = t[o];
+    if (r) {
+      if (e) {
+        e = !1;
+        continue;
+      }
+      if (c === "\\") {
+        e = !0;
+        continue;
+      }
+      c === '"' && (r = !1);
+      continue;
+    }
+    if (c === '"') {
+      r = !0;
+      continue;
+    }
+    c === "{" || c === "[" ? s.push(c) : (c === "}" || c === "]") && s.pop();
+  }
+  for (r && (t += '"'); s.length; ) {
+    const o = s.pop();
+    t += o === "{" ? "}" : "]";
+  }
+  return t;
+}
+function l(n) {
+  let t = "", r = 0, e = !1, s = !1;
+  const o = () => `
+${"  ".repeat(Math.max(r, 0))}`;
+  for (let c = 0; c < n.length; c++) {
+    const i = n[c];
+    if (e) {
+      t += i, s ? s = !1 : i === "\\" ? s = !0 : i === '"' && (e = !1);
+      continue;
+    }
+    if (i === '"') {
+      e = !0, t += i;
+      continue;
+    }
+    if (i === "{" || i === "[") {
+      t += i, r += 1, t += o();
+      continue;
+    }
+    if (i === "}" || i === "]") {
+      r = Math.max(0, r - 1), t += o() + i;
+      continue;
+    }
+    if (i === ",") {
+      t += `,${o()}`;
+      continue;
+    }
+    if (i === ":") {
+      t += ": ";
+      continue;
+    }
+    i === " " || i === `
+` || i === "	" || i === "\r" || (t += i);
+  }
+  return t;
+}
+function u(n) {
+  const t = /…\[truncated\]/.test(n), r = n.replace(/\s*…\[truncated\]\s*$/, "").trim(), e = t ? `
+…[truncated]` : "";
+  try {
+    return `${JSON.stringify(JSON.parse(r), null, 2)}${e}`;
+  } catch {
+  }
+  try {
+    const s = p(r);
+    return `${JSON.stringify(JSON.parse(s), null, 2)}${e}`;
+  } catch {
+  }
+  return `${l(r)}${e}`;
+}
+function d(n) {
+  if (n && typeof n == "object" && !Array.isArray(n)) {
+    const r = n;
+    if (r._truncated === !0 && typeof r.preview == "string") {
+      const e = u(r.preview);
+      return e.includes("…[truncated]") ? e : `${e}
+…[truncated]`;
+    }
+  }
+  const t = f(n);
+  if (typeof t == "string")
+    return u(t);
+  try {
+    return JSON.stringify(t, null, 2);
+  } catch {
+    return String(t);
+  }
+}
+export {
+  d as formatAuditJson,
+  l as indentJsonLike,
+  a as isTruncatedAuditText,
+  p as repairTruncatedJson,
+  f as unwrapAuditJson
+};
+//# sourceMappingURL=formatAuditJson.js.map

package/dist/components/Audit/formatAuditJson.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatAuditJson.js","sources":["../../../src/components/Audit/formatAuditJson.ts"],"sourcesContent":["/**\n * 审计步骤里常见「body 为 JSON 字符串」或双层转义；展示前递归解包再 pretty-print。\n * 截断串（…[truncated]）尽量修复括号后再格式化；**禁止**对纯字符串再 JSON.stringify（会多包一层引号/转义）。\n */\n\nexport function isTruncatedAuditText(value: unknown): boolean {\n  if (typeof value === 'string') return value.includes('…[truncated]');\n  if (value && typeof value === 'object' && !Array.isArray(value)) {\n    const o = value as Record<string, unknown>;\n    if (o._truncated === true) return true;\n    return Object.values(o).some(isTruncatedAuditText);\n  }\n  return false;\n}\n\nexport function unwrapAuditJson(value: unknown, depth = 0): unknown {\n  if (depth > 8) return value;\n  if (typeof value === 'string') {\n    const t = value.trim();\n    if (t.length < 2) return value;\n    const looksJson =\n      (t.startsWith('{') && t.includes('}')) ||\n      (t.startsWith('[') && t.includes(']')) ||\n      (t.startsWith('\"') && (t.includes('{') || t.includes('[')));\n    if (!looksJson) return value;\n    try {\n      return unwrapAuditJson(JSON.parse(t), depth + 1);\n    } catch {\n      return value;\n    }\n  }\n  if (Array.isArray(value)) {\n    return value.map((v) => unwrapAuditJson(v, depth + 1));\n  }\n  if (value && typeof value === 'object') {\n    const out: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(value as Record<string, unknown>)) {\n      out[k] = unwrapAuditJson(v, depth + 1);\n    }\n    return out;\n  }\n  return value;\n}\n\n/** 尽量闭合截断 JSON 的括号/引号，便于 parse */\nexport function repairTruncatedJson(raw: string): string {\n  let t = raw.replace(/\\s*…\\[truncated\\]\\s*$/, '').trim();\n  // 丢掉末尾不完整的 key / 片段\n  t = t.replace(/,\\s*\"[^\"]*$/s, '');\n  t = t.replace(/,\\s*\\{[^}]*$/s, '');\n  t = t.replace(/:\\s*\"[^\"]*$/s, ': null');\n  t = t.replace(/,\\s*$/, '');\n\n  let inStr = false;\n  let esc = false;\n  const stack: Array<'{' | '['> = [];\n  for (let i = 0; i < t.length; i++) {\n    const ch = t[i];\n    if (inStr) {\n      if (esc) {\n        esc = false;\n        continue;\n      }\n      if (ch === '\\\\') {\n        esc = true;\n        continue;\n      }\n      if (ch === '\"') inStr = false;\n      continue;\n    }\n    if (ch === '\"') {\n      inStr = true;\n      continue;\n    }\n    if (ch === '{' || ch === '[') stack.push(ch);\n    else if (ch === '}' || ch === ']') stack.pop();\n  }\n  if (inStr) t += '\"';\n  while (stack.length) {\n    const open = stack.pop();\n    t += open === '{' ? '}' : ']';\n  }\n  return t;\n}\n\n/** 无法 parse 时的轻量缩进（不包外层引号） */\nexport function indentJsonLike(s: string): string {\n  let out = '';\n  let depth = 0;\n  let inStr = false;\n  let esc = false;\n  const nl = () => `\\n${'  '.repeat(Math.max(depth, 0))}`;\n  for (let i = 0; i < s.length; i++) {\n    const ch = s[i];\n    if (inStr) {\n      out += ch;\n      if (esc) esc = false;\n      else if (ch === '\\\\') esc = true;\n      else if (ch === '\"') inStr = false;\n      continue;\n    }\n    if (ch === '\"') {\n      inStr = true;\n      out += ch;\n      continue;\n    }\n    if (ch === '{' || ch === '[') {\n      out += ch;\n      depth += 1;\n      out += nl();\n      continue;\n    }\n    if (ch === '}' || ch === ']') {\n      depth = Math.max(0, depth - 1);\n      out += nl() + ch;\n      continue;\n    }\n    if (ch === ',') {\n      out += `,${nl()}`;\n      continue;\n    }\n    if (ch === ':') {\n      out += ': ';\n      continue;\n    }\n    if (ch === ' ' || ch === '\\n' || ch === '\\t' || ch === '\\r') continue;\n    out += ch;\n  }\n  return out;\n}\n\nfunction prettyJsonText(raw: string): string {\n  const truncated = /…\\[truncated\\]/.test(raw);\n  const core = raw.replace(/\\s*…\\[truncated\\]\\s*$/, '').trim();\n  const suffix = truncated ? '\\n…[truncated]' : '';\n\n  try {\n    return `${JSON.stringify(JSON.parse(core), null, 2)}${suffix}`;\n  } catch {\n    /* continue */\n  }\n  try {\n    const repaired = repairTruncatedJson(core);\n    return `${JSON.stringify(JSON.parse(repaired), null, 2)}${suffix}`;\n  } catch {\n    /* continue */\n  }\n  return `${indentJsonLike(core)}${suffix}`;\n}\n\nexport function formatAuditJson(value: unknown): string {\n  // agents 超限瘦身：{ _truncated, preview }\n  if (value && typeof value === 'object' && !Array.isArray(value)) {\n    const o = value as Record<string, unknown>;\n    if (o._truncated === true && typeof o.preview === 'string') {\n      const text = prettyJsonText(o.preview);\n      return text.includes('…[truncated]') ? text : `${text}\\n…[truncated]`;\n    }\n  }\n\n  const unwrapped = unwrapAuditJson(value);\n  if (typeof unwrapped === 'string') {\n    return prettyJsonText(unwrapped);\n  }\n  try {\n    return JSON.stringify(unwrapped, null, 2);\n  } catch {\n    return String(unwrapped);\n  }\n}\n\n/**\n * 复制到 bash：修复历史粘连 header，Authorization 占位（禁止落真实 token）。\n */\nexport function sanitizeAuditCurl(raw: string): string {\n  if (!raw) return raw;\n  let s = raw.replace(/\\s+/g, ' ').trim();\n  s = s.replace(/'Content-Type:/gi, \"' -H 'Content-Type:\");\n  s = s.replace(/-H\\s+'\\s+-H\\s+'/g, \"-H '\");\n  s = s.replace(/-H 'Authorization:[^']*'/gi, \"-H 'Authorization: Bearer <token>'\");\n  return s;\n}\n"],"names":["isTruncatedAuditText","value","o","unwrapAuditJson","depth","t","v","out","k","repairTruncatedJson","raw","inStr","esc","stack","i","ch","open","indentJsonLike","s","nl","prettyJsonText","truncated","core","suffix","repaired","formatAuditJson","text","unwrapped"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { AuditLogList, AuditEventDetailView, AuditStepContent, default } from './AuditLogList';
+export type { AuditLogListProps, AuditLogListMode } from './AuditLogList';
+export type { AuditEventDetail, AuditEventListItem, AuditStep, AuditStepType } from './types';

package/dist/components/Audit/style.module.scss.js

@@ -0,0 +1,30 @@
+const o = "_wrap_7i6ne_2", n = "_filter_7i6ne_6", t = "_detail_7i6ne_10", e = "_actionCode_7i6ne_16", _ = "_flowWrap_7i6ne_21", s = "_stepBody_7i6ne_25", c = "_stepMeta_7i6ne_34", a = "_blockLabel_7i6ne_41", l = "_jsonWrap_7i6ne_47", i = "_jsonScroll_7i6ne_52", r = "_jsonBlock_7i6ne_57", p = "_truncateHint_7i6ne_73", d = {
+  wrap: o,
+  filter: n,
+  detail: t,
+  actionCode: e,
+  flowWrap: _,
+  stepBody: s,
+  stepMeta: c,
+  blockLabel: a,
+  jsonWrap: l,
+  jsonScroll: i,
+  jsonBlock: r,
+  truncateHint: p
+};
+export {
+  e as actionCode,
+  a as blockLabel,
+  d as default,
+  t as detail,
+  n as filter,
+  _ as flowWrap,
+  r as jsonBlock,
+  i as jsonScroll,
+  l as jsonWrap,
+  s as stepBody,
+  c as stepMeta,
+  p as truncateHint,
+  o as wrap
+};
+//# sourceMappingURL=style.module.scss.js.map

package/dist/components/Audit/style.module.scss.js.map

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

package/dist/components/Audit/types.d.ts

@@ -0,0 +1,39 @@
+export type AuditStepType = 'REQUEST' | 'AUTH' | 'SQL' | 'TRANSFORM' | 'UPSTREAM' | 'RESPONSE' | 'ERROR';
+export type AuditEventListItem = {
+    id: string;
+    tenantId: string;
+    systemAppId: string;
+    traceId: string;
+    category?: string;
+    actorName?: string | null;
+    action: string;
+    /** 中文动作名；旧数据可空，展示用 actionLabel || action */
+    actionLabel?: string | null;
+    summary?: string | null;
+    status: string;
+    httpMethod?: string | null;
+    path?: string | null;
+    durationMs?: number | null;
+    hasSteps?: boolean;
+    createdAt: string;
+};
+export type AuditStep = {
+    id?: string;
+    seq: number;
+    stepType: AuditStepType | string;
+    title: string;
+    status: string;
+    sqlText?: string | null;
+    tables?: string[] | null;
+    input?: unknown;
+    output?: unknown;
+    errorMessage?: string | null;
+    errorCode?: string | null;
+    meta?: unknown;
+    durationMs?: number | null;
+    occurredAt?: string | null;
+};
+export type AuditEventDetail = AuditEventListItem & {
+    requestCurl?: string | null;
+    steps?: AuditStep[];
+};

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { VariableMentionItem } from '../variableMention';
+export type RichTextEditorProps = {
+    value?: string;
+    onChange?: (html: string) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    minHeight?: number;
+    className?: string;
+    /**
+     * 开启变量色块 +「插入变量」按钮（catalog 注入；禁 FE DEFAULT_VARS）。
+     * 无 `/` 触发；色块为原子 widget。
+     */
+    enableVariableMention?: boolean;
+    variables?: VariableMentionItem[];
+    /** catalog 失败短文案（按钮 disabled 提示） */
+    catalogError?: string;
+};
+/**
+ * CKEditor 5 + Coze/Dify 风「插入变量」按钮；正文 msgVar 原子色块。
+ */
+export declare const RichTextEditor: React.FC<RichTextEditorProps>;
+export default RichTextEditor;

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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"}