@hkyhy/marsun-components-core 0.1.82 → 0.1.98

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;

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

@@ -0,0 +1,73 @@
+import { jsx as i, jsxs as k } from "react/jsx-runtime";
+import * as N from "@kne/react-form-antd";
+import { Space as V, Input as v } from "antd";
+import x from "classnames";
+import { useRef as d } from "react";
+import { insertVarTokenAt as y } from "../../Editor/variableMention.js";
+import { VariablePicker as M } from "../../Editor/VariablePicker.js";
+import f from "./style.module.scss.js";
+const g = ({ value: o = "", onChange: n, disabled: c, variables: a, catalogError: s, placeholder: l, className: m, id: p }) => {
+  const e = d(String(o || "").length), u = d(null), b = (t) => {
+    const r = y(String(o || ""), t, e.current);
+    n == null || n(r), e.current = e.current + `{{${t}}}`.length;
+  };
+  return /* @__PURE__ */ i("div", { ref: u, className: f["var-mention-wrap"], children: /* @__PURE__ */ k(V.Compact, { style: { width: "100%" }, children: [
+    /* @__PURE__ */ i(
+      v,
+      {
+        id: p,
+        value: o,
+        disabled: c,
+        placeholder: l || "点右侧「插入变量」，或手打 {{key}}",
+        className: x("marsun-var-mention-input", f["var-mention-input"], m),
+        onChange: (t) => {
+          const r = t.target.value;
+          e.current = t.target.selectionStart ?? r.length, n == null || n(r);
+        },
+        onSelect: (t) => {
+          const r = t.target;
+          e.current = r.selectionStart ?? -1;
+        },
+        onClick: (t) => {
+          const r = t.target;
+          e.current = r.selectionStart ?? -1;
+        },
+        onKeyUp: (t) => {
+          const r = t.target;
+          e.current = r.selectionStart ?? -1;
+        }
+      }
+    ),
+    /* @__PURE__ */ i(
+      M,
+      {
+        variables: a,
+        catalogError: s,
+        disabled: c,
+        getPopupContainer: () => u.current || document.body,
+        onPick: b
+      }
+    )
+  ] }) });
+}, S = (o) => {
+  const { useDecorator: n } = N.hooks, { variables: c, catalogError: a, placeholder: s, className: l, ...m } = o;
+  return n({
+    fieldName: "variableMentionInput",
+    ...m
+  })((e) => /* @__PURE__ */ i(
+    g,
+    {
+      ...e,
+      variables: c,
+      catalogError: a,
+      placeholder: s,
+      className: l
+    }
+  ));
+};
+S.displayName = "VariableMentionField";
+const h = S;
+export {
+  h as VariableMentionField
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/FormInfo/VariableMentionInput/index.tsx"],"sourcesContent":["import * as ReactFormAntd from '@kne/react-form-antd';\nimport { Input, Space } from 'antd';\nimport classNames from 'classnames';\nimport type { ComponentType, FC, ReactNode } from 'react';\nimport { useRef } from 'react';\nimport { insertVarTokenAt, type VariableMentionItem } from '@/components/Editor/variableMention';\nimport { VariablePicker } from '@/components/Editor/VariablePicker';\nimport styles from './style.module.scss';\n\nexport type VariableMentionFieldProps = {\n  name: string;\n  label?: ReactNode;\n  labelTips?: ReactNode | ((props: VariableMentionFieldProps) => ReactNode);\n  rule?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  enableVariableMention?: boolean;\n  variables?: VariableMentionItem[];\n  catalogError?: string;\n  className?: 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 * 标题变量：Input +「插入变量」按钮（明文 {{key}}，可手改；无 `/` 触发）。\n */\nconst VariableMentionControl: FC<\n  FieldRenderProps & {\n    variables?: VariableMentionItem[];\n    catalogError?: string;\n    placeholder?: string;\n    className?: string;\n  }\n> = ({ value = '', onChange, disabled, variables, catalogError, placeholder, className, id }) => {\n  const caretRef = useRef(String(value || '').length);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const pick = (key: string) => {\n    const next = insertVarTokenAt(String(value || ''), key, caretRef.current);\n    onChange?.(next);\n    caretRef.current = caretRef.current + `{{${key}}}`.length;\n  };\n\n  return (\n    <div ref={rootRef} className={styles['var-mention-wrap']}>\n      <Space.Compact style={{ width: '100%' }}>\n        <Input\n          id={id}\n          value={value}\n          disabled={disabled}\n          placeholder={placeholder || '点右侧「插入变量」，或手打 {{key}}'}\n          className={classNames('marsun-var-mention-input', styles['var-mention-input'], className)}\n          onChange={(e) => {\n            const next = e.target.value;\n            caretRef.current = e.target.selectionStart ?? next.length;\n            onChange?.(next);\n          }}\n          onSelect={(e) => {\n            const t = e.target as HTMLInputElement;\n            caretRef.current = t.selectionStart ?? -1;\n          }}\n          onClick={(e) => {\n            const t = e.target as HTMLInputElement;\n            caretRef.current = t.selectionStart ?? -1;\n          }}\n          onKeyUp={(e) => {\n            const t = e.target as HTMLInputElement;\n            caretRef.current = t.selectionStart ?? -1;\n          }}\n        />\n        <VariablePicker\n          variables={variables}\n          catalogError={catalogError}\n          disabled={disabled}\n          getPopupContainer={() => rootRef.current || document.body}\n          onPick={pick}\n        />\n      </Space.Compact>\n    </div>\n  );\n};\n\nconst VariableMentionInner: FC<VariableMentionFieldProps> = (props) => {\n  const { useDecorator } = (ReactFormAntd as unknown as { hooks: KneHooks }).hooks;\n  const { variables, catalogError, placeholder, className, ...rest } = props;\n  const render = useDecorator({\n    fieldName: 'variableMentionInput',\n    ...rest,\n  });\n  return render((fieldProps) => (\n    <VariableMentionControl\n      {...fieldProps}\n      variables={variables}\n      catalogError={catalogError}\n      placeholder={placeholder}\n      className={className}\n    />\n  ));\n};\n\nVariableMentionInner.displayName = 'VariableMentionField';\n\nexport const VariableMentionField =\n  VariableMentionInner as ComponentType<VariableMentionFieldProps>;\n\nexport default VariableMentionField;\n"],"names":["VariableMentionControl","value","onChange","disabled","variables","catalogError","placeholder","className","id","caretRef","useRef","rootRef","pick","key","next","insertVarTokenAt","styles","jsxs","Space","jsx","Input","classNames","e","t","VariablePicker","VariableMentionInner","props","useDecorator","ReactFormAntd","rest","fieldProps","VariableMentionField"],"mappings":";;;;;;;;AAuCA,MAAMA,IAOF,CAAC,EAAE,OAAAC,IAAQ,IAAI,UAAAC,GAAU,UAAAC,GAAU,WAAAC,GAAW,cAAAC,GAAc,aAAAC,GAAa,WAAAC,GAAW,IAAAC,EAAA,MAAS;AAC/F,QAAMC,IAAWC,EAAO,OAAOT,KAAS,EAAE,EAAE,MAAM,GAC5CU,IAAUD,EAAuB,IAAI,GAErCE,IAAO,CAACC,MAAgB;AAC5B,UAAMC,IAAOC,EAAiB,OAAOd,KAAS,EAAE,GAAGY,GAAKJ,EAAS,OAAO;AACxE,IAAAP,KAAA,QAAAA,EAAWY,IACXL,EAAS,UAAUA,EAAS,UAAU,KAAKI,CAAG,KAAK;AAAA,EACrD;AAEA,2BACG,OAAA,EAAI,KAAKF,GAAS,WAAWK,EAAO,kBAAkB,GACrD,UAAA,gBAAAC,EAACC,EAAM,SAAN,EAAc,OAAO,EAAE,OAAO,UAC7B,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAAZ;AAAA,QACA,OAAAP;AAAA,QACA,UAAAE;AAAA,QACA,aAAaG,KAAe;AAAA,QAC5B,WAAWe,EAAW,4BAA4BL,EAAO,mBAAmB,GAAGT,CAAS;AAAA,QACxF,UAAU,CAACe,MAAM;AACf,gBAAMR,IAAOQ,EAAE,OAAO;AACtB,UAAAb,EAAS,UAAUa,EAAE,OAAO,kBAAkBR,EAAK,QACnDZ,KAAA,QAAAA,EAAWY;AAAA,QACb;AAAA,QACA,UAAU,CAACQ,MAAM;AACf,gBAAMC,IAAID,EAAE;AACZ,UAAAb,EAAS,UAAUc,EAAE,kBAAkB;AAAA,QACzC;AAAA,QACA,SAAS,CAACD,MAAM;AACd,gBAAMC,IAAID,EAAE;AACZ,UAAAb,EAAS,UAAUc,EAAE,kBAAkB;AAAA,QACzC;AAAA,QACA,SAAS,CAACD,MAAM;AACd,gBAAMC,IAAID,EAAE;AACZ,UAAAb,EAAS,UAAUc,EAAE,kBAAkB;AAAA,QACzC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAApB;AAAA,QACA,cAAAC;AAAA,QACA,UAAAF;AAAA,QACA,mBAAmB,MAAMQ,EAAQ,WAAW,SAAS;AAAA,QACrD,QAAQC;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,EAAA,CACF,EAAA,CACF;AAEJ,GAEMa,IAAsD,CAACC,MAAU;AACrE,QAAM,EAAE,cAAAC,MAAkBC,EAAiD,OACrE,EAAE,WAAAxB,GAAW,cAAAC,GAAc,aAAAC,GAAa,WAAAC,GAAW,GAAGsB,MAASH;AAKrE,SAJeC,EAAa;AAAA,IAC1B,WAAW;AAAA,IACX,GAAGE;AAAA,EAAA,CACJ,EACa,CAACC,MACb,gBAAAX;AAAA,IAACnB;AAAA,IAAA;AAAA,MACE,GAAG8B;AAAA,MACJ,WAAA1B;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,CAEH;AACH;AAEAkB,EAAqB,cAAc;AAE5B,MAAMM,IACXN;"}

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

@@ -0,0 +1,11 @@
+const n = {
+  "var-mention-wrap": "_var-mention-wrap_11hxz_1",
+  "var-mention-input": "_var-mention-input_11hxz_6",
+  "var-mention-option": "_var-mention-option_11hxz_11",
+  "var-mention-token": "_var-mention-token_11hxz_17",
+  "var-mention-label": "_var-mention-label_11hxz_28"
+};
+export {
+  n as default
+};
+//# sourceMappingURL=style.module.scss.js.map

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

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

package/dist/components/FormInfo/fields.d.ts

@@ -1,4 +1,5 @@
 import { ComponentType, ReactNode } from 'react';
+import { VariableMentionItem } from '../Editor/variableMention';
 type FieldProps = {
     name: string;
     label?: ReactNode;
@@ -9,6 +10,10 @@ type FieldProps = {
     block?: boolean;
     rows?: number;
     options?: unknown[];
+    /** 开启「插入变量」；与 variables 联用 */
+    enableVariableMention?: boolean;
+    variables?: VariableMentionItem[];
+    catalogError?: string;
     [key: string]: unknown;
 };
 type ButtonProps = {

package/dist/components/FormInfo/fields.js

@@ -1,30 +1,39 @@
-import { CancelButton as o, ResetButton as n, SubmitButton as s, Input as a, TextArea as u, Select as c, TreeSelect as r, InputNumber as p, Switch as i, RadioGroup as S } from "@kne/react-form-antd";
+import { jsx as n } from "react/jsx-runtime";
+import { CancelButton as s, ResetButton as a, SubmitButton as u, Input as r, TextArea as c, Select as i, TreeSelect as l, InputNumber as m, Switch as p, RadioGroup as S } from "@kne/react-form-antd";
 import { withNormalizedLabelTips as t } from "../Form/normalizeLabelTips.js";
-const e = a, l = t(e), $ = Object.assign(l, {
-  Password: t(e.Password)
-}), b = t(
-  u
-), I = t(
+import { VariableMentionField as b } from "./VariableMentionInput/index.js";
+const o = r;
+function B(e) {
+  return e.enableVariableMention ? /* @__PURE__ */ n(b, { ...e }) : /* @__PURE__ */ n(o, { ...e });
+}
+const T = Object.assign(
+  t(B),
+  {
+    Password: t(o.Password)
+  }
+), f = t(
   c
-), d = t(
-  r
-), T = t(
-  p
-), w = t(
-  i
 ), R = t(
+  i
+), h = t(
+  l
+), x = t(
+  m
+), N = t(
+  p
+), A = t(
   S
-), h = s, x = n, N = o;
+), C = u, G = a, j = s;
 export {
-  N as CancelButton,
-  $ as Input,
-  T as InputNumber,
-  R as RadioGroup,
-  x as ResetButton,
-  I as Select,
-  h as SubmitButton,
-  w as Switch,
-  b as TextArea,
-  d as TreeSelect
+  j as CancelButton,
+  T as Input,
+  x as InputNumber,
+  A as RadioGroup,
+  G as ResetButton,
+  R as Select,
+  C as SubmitButton,
+  N as Switch,
+  f as TextArea,
+  h as TreeSelect
 };
 //# sourceMappingURL=fields.js.map

package/dist/components/FormInfo/fields.js.map

@@ -1 +1 @@
-{"version":3,"file":"fields.js","sources":["../../../src/components/FormInfo/fields.ts"],"sourcesContent":["/**\n * 字段包装：withNormalizedLabelTips；引擎按钮再导出。\n */\nimport {\n  CancelButton as BaseCancelButton,\n  Input as BaseInput,\n  InputNumber as BaseInputNumber,\n  RadioGroup as BaseRadioGroup,\n  ResetButton as BaseResetButton,\n  Select as BaseSelect,\n  SubmitButton as BaseSubmitButton,\n  Switch as BaseSwitch,\n  TextArea as BaseTextArea,\n  TreeSelect as BaseTreeSelect,\n} from '@kne/react-form-antd';\nimport type { ComponentType, ReactNode } from 'react';\nimport { withNormalizedLabelTips } from '@/components/Form/normalizeLabelTips';\n\ntype FieldProps = {\n  name: string;\n  label?: ReactNode;\n  labelTips?: ReactNode | ((props: FieldProps) => ReactNode);\n  rule?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  block?: boolean;\n  rows?: number;\n  options?: unknown[];\n  [key: string]: unknown;\n};\n\ntype ButtonProps = {\n  children?: ReactNode;\n  type?: string;\n  loading?: boolean;\n  [key: string]: unknown;\n};\n\ntype InputType = ComponentType<FieldProps> & { Password: ComponentType<FieldProps> };\nconst InputBase = BaseInput as unknown as InputType;\nconst InputWrapped = withNormalizedLabelTips(InputBase);\nexport const Input = Object.assign(InputWrapped, {\n  Password: withNormalizedLabelTips(InputBase.Password),\n}) as InputType;\n\nexport const TextArea = withNormalizedLabelTips(\n  BaseTextArea as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\nexport const Select = withNormalizedLabelTips(\n  BaseSelect as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\nexport const TreeSelect = withNormalizedLabelTips(\n  BaseTreeSelect as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\n\nexport {\n  SuperSelect,\n  SUPER_SELECT_ALL_VALUE,\n  isSuperSelectAllValue,\n} from '@/components/Form/SuperSelect';\nexport type { SuperSelectProps, SuperSelectOption } from '@/components/Form/SuperSelect';\nexport const InputNumber = withNormalizedLabelTips(\n  BaseInputNumber as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\nexport const Switch = withNormalizedLabelTips(\n  BaseSwitch as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\nexport const RadioGroup = withNormalizedLabelTips(\n  BaseRadioGroup as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\n\nexport const SubmitButton = BaseSubmitButton as ComponentType<ButtonProps>;\nexport const ResetButton = BaseResetButton as ComponentType<ButtonProps>;\nexport const CancelButton = BaseCancelButton as ComponentType<ButtonProps>;\n"],"names":["InputBase","BaseInput","InputWrapped","withNormalizedLabelTips","Input","TextArea","BaseTextArea","Select","BaseSelect","TreeSelect","BaseTreeSelect","InputNumber","BaseInputNumber","Switch","BaseSwitch","RadioGroup","BaseRadioGroup","SubmitButton","BaseSubmitButton","ResetButton","BaseResetButton","CancelButton","BaseCancelButton"],"mappings":";;AAuCA,MAAMA,IAAYC,GACZC,IAAeC,EAAwBH,CAAS,GACzCI,IAAQ,OAAO,OAAOF,GAAc;AAAA,EAC/C,UAAUC,EAAwBH,EAAU,QAAQ;AACtD,CAAC,GAEYK,IAAWF;AAAA,EACtBG;AACF,GACaC,IAASJ;AAAA,EACpBK;AACF,GACaC,IAAaN;AAAA,EACxBO;AACF,GAQaC,IAAcR;AAAA,EACzBS;AACF,GACaC,IAASV;AAAA,EACpBW;AACF,GACaC,IAAaZ;AAAA,EACxBa;AACF,GAEaC,IAAeC,GACfC,IAAcC,GACdC,IAAeC;"}
+{"version":3,"file":"fields.js","sources":["../../../src/components/FormInfo/fields.tsx"],"sourcesContent":["/**\n * FormInfo Input 扩展：enableVariableMention 时走 VariableMentionField（「插入变量」→ {{key}}）。\n */\nimport {\n  CancelButton as BaseCancelButton,\n  Input as BaseInput,\n  InputNumber as BaseInputNumber,\n  RadioGroup as BaseRadioGroup,\n  ResetButton as BaseResetButton,\n  Select as BaseSelect,\n  SubmitButton as BaseSubmitButton,\n  Switch as BaseSwitch,\n  TextArea as BaseTextArea,\n  TreeSelect as BaseTreeSelect,\n} from '@kne/react-form-antd';\nimport { type ComponentType, type ReactNode } from 'react';\nimport { withNormalizedLabelTips } from '@/components/Form/normalizeLabelTips';\nimport { VariableMentionField } from './VariableMentionInput';\nimport type { VariableMentionItem } from '@/components/Editor/variableMention';\n\ntype FieldProps = {\n  name: string;\n  label?: ReactNode;\n  labelTips?: ReactNode | ((props: FieldProps) => ReactNode);\n  rule?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  block?: boolean;\n  rows?: number;\n  options?: unknown[];\n  /** 开启「插入变量」；与 variables 联用 */\n  enableVariableMention?: boolean;\n  variables?: VariableMentionItem[];\n  catalogError?: string;\n  [key: string]: unknown;\n};\n\ntype ButtonProps = {\n  children?: ReactNode;\n  type?: string;\n  loading?: boolean;\n  [key: string]: unknown;\n};\n\ntype InputType = ComponentType<FieldProps> & { Password: ComponentType<FieldProps> };\n\nconst InputBase = BaseInput as unknown as InputType;\n\nfunction InputSwitch(props: FieldProps) {\n  if (props.enableVariableMention) {\n    return <VariableMentionField {...props} />;\n  }\n  return <InputBase {...props} />;\n}\n\nexport const Input = Object.assign(\n  withNormalizedLabelTips(InputSwitch as ComponentType<FieldProps>),\n  {\n    Password: withNormalizedLabelTips(InputBase.Password),\n  },\n) as InputType;\n\nexport const TextArea = withNormalizedLabelTips(\n  BaseTextArea as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\nexport const Select = withNormalizedLabelTips(\n  BaseSelect as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\nexport const TreeSelect = withNormalizedLabelTips(\n  BaseTreeSelect as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\n\nexport {\n  SuperSelect,\n  SUPER_SELECT_ALL_VALUE,\n  isSuperSelectAllValue,\n} from '@/components/Form/SuperSelect';\nexport type { SuperSelectProps, SuperSelectOption } from '@/components/Form/SuperSelect';\nexport const InputNumber = withNormalizedLabelTips(\n  BaseInputNumber as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\nexport const Switch = withNormalizedLabelTips(\n  BaseSwitch as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\nexport const RadioGroup = withNormalizedLabelTips(\n  BaseRadioGroup as ComponentType<FieldProps>,\n) as ComponentType<FieldProps>;\n\nexport const SubmitButton = BaseSubmitButton as ComponentType<ButtonProps>;\nexport const ResetButton = BaseResetButton as ComponentType<ButtonProps>;\nexport const CancelButton = BaseCancelButton as ComponentType<ButtonProps>;\n"],"names":["InputBase","BaseInput","InputSwitch","props","jsx","VariableMentionField","Input","withNormalizedLabelTips","TextArea","BaseTextArea","Select","BaseSelect","TreeSelect","BaseTreeSelect","InputNumber","BaseInputNumber","Switch","BaseSwitch","RadioGroup","BaseRadioGroup","SubmitButton","BaseSubmitButton","ResetButton","BaseResetButton","CancelButton","BaseCancelButton"],"mappings":";;;;AA8CA,MAAMA,IAAYC;AAElB,SAASC,EAAYC,GAAmB;AACtC,SAAIA,EAAM,wBACD,gBAAAC,EAACC,GAAA,EAAsB,GAAGF,EAAA,CAAO,IAEnC,gBAAAC,EAACJ,GAAA,EAAW,GAAGG,EAAA,CAAO;AAC/B;AAEO,MAAMG,IAAQ,OAAO;AAAA,EAC1BC,EAAwBL,CAAwC;AAAA,EAChE;AAAA,IACE,UAAUK,EAAwBP,EAAU,QAAQ;AAAA,EAAA;AAExD,GAEaQ,IAAWD;AAAA,EACtBE;AACF,GACaC,IAASH;AAAA,EACpBI;AACF,GACaC,IAAaL;AAAA,EACxBM;AACF,GAQaC,IAAcP;AAAA,EACzBQ;AACF,GACaC,IAAST;AAAA,EACpBU;AACF,GACaC,IAAaX;AAAA,EACxBY;AACF,GAEaC,IAAeC,GACfC,IAAcC,GACdC,IAAeC;"}

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

@@ -19,4 +19,8 @@ export { default as FormStepsModal, useFormStepModal } from './FormStepsModal';
 export { buildFormOverlayProps } from './buildFormOverlayProps';
 export { Input, TextArea, Select, TreeSelect, InputNumber, Switch, RadioGroup, SubmitButton, ResetButton, CancelButton, SuperSelect, SUPER_SELECT_ALL_VALUE, isSuperSelectAllValue, } from './fields';
 export type { SuperSelectProps, SuperSelectOption } from './fields';
+export { RichTextField } from './RichTextField';
+export type { RichTextFieldProps } from './RichTextField';
+export { VariableMentionField } from './VariableMentionInput';
+export type { VariableMentionFieldProps } from './VariableMentionInput';
 export type { FormInfoProps, FormProps, FormModalProps, FormDrawerProps, FormItemProps, ErrorTipProps, FormApiButtonProps, ListProps, TableListProps, MultiFieldProps, StepsProps, StepsItem, FormStepsProps, FormStepsItem, FormStepsModalProps, FormOverlaySharedProps, } from './types';

package/dist/components/StateBar/StateBar.d.ts

@@ -1,19 +1,27 @@
-import { TabsProps } from 'antd';
+import { TabsProps, ButtonProps } from 'antd';
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
 import { IconName } from '../Icons';
 import { DescriptionItem } from '../Descriptions/CommonDescriptions';
 export type StateBarType = 'tab' | 'radio' | 'step';
-/** Tab 项旁操作（icon + 可选文案提示 + 点击） */
+/** Tab 项旁 / 整体右侧操作 */
 export type StateBarActionItem = {
-    /** Icons 注册表名，如 `Info` / `Plus` / `Pencil` */
-    iconType: IconName;
-    /** Tooltip 文案；缺省不包 Tooltip */
+    /**
+     * 展示形态：
+     * - `icon`：仅图标（默认，适合 Tab 旁轻操作）
+     * - `button`：antd Button（适合整体右侧主操作，如「新建模板」）
+     */
+    variant?: 'icon' | 'button';
+    /** Icons 注册表名；variant=icon 必填；button 时可作前缀图标 */
+    iconType?: IconName;
+    /** 文案：icon 时作 Tooltip；button 时作按钮文字 */
     label?: string;
     onClick?: (e: MouseEvent<HTMLElement>) => void;
     disabled?: boolean;
     className?: string;
     /** 图标尺寸，默认 14 */
     size?: number;
+    /** variant=button 时的 antd type，默认 primary */
+    buttonType?: ButtonProps['type'];
 };
 export type StateBarOption = {
     key: string;
@@ -22,7 +30,7 @@ export type StateBarOption = {
     label?: ReactNode;
     /** 标题旁 Info + TooltipInfo（对齐 Modal/InteractiveBlock）；为空不展示 */
     info?: DescriptionItem[];
-    /** 标题旁额外操作图标（可与 info 并存） */
+    /** 标题旁额外操作图标（可与 info 并存）；仅同组切片 Tab 使用 */
     actions?: StateBarActionItem[];
     children?: ReactNode;
     disabled?: boolean;
@@ -37,6 +45,11 @@ export type StateBarProps = Omit<TabsProps, 'items' | 'type'> & {
     /** 底部线延展至容器全宽 */
     isInner?: boolean;
     className?: string;
+    /**
+     * 整体右侧操作（tabBarExtraContent）。
+     * 跨 Tab 的页面级操作放这里；仅当各 Tab 为同组切片（如模板1/2/3）时才用 option.actions。
+     */
+    actions?: StateBarActionItem[];
 };
 /**
  * 基于 antd Tabs 的状态栏（对齐 kne-union StateBar）。