@hkyhy/marsun-components-core 0.1.89 → 0.1.99

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）。

package/dist/components/StateBar/StateBar.js

@@ -1,23 +1,46 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { Tabs as C, Tooltip as y } from "antd";
-import i from "classnames";
-import l from "./style.module.scss.js";
-import I from "../TooltipInfo/TooltipInfo.js";
-import { Info as N } from "../Icons/Info.js";
-import { ICON_REGISTRY as T } from "../Icons/registry.js";
-function k(e, s) {
-  const t = T[e.iconType];
-  if (!t) return null;
-  const n = /* @__PURE__ */ o(
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { Tabs as g, Button as I, Tooltip as k } from "antd";
+import b from "classnames";
+import s from "./style.module.scss.js";
+import { ICON_REGISTRY as c } from "../Icons/registry.js";
+import z from "../TooltipInfo/TooltipInfo.js";
+import { Info as $ } from "../Icons/Info.js";
+function h(e, l) {
+  if ((e.variant ?? "icon") === "button") {
+    const a = e.iconType ? c[e.iconType] : null;
+    return /* @__PURE__ */ t(
+      I,
+      {
+        type: e.buttonType ?? "primary",
+        size: "small",
+        disabled: e.disabled,
+        className: b(
+          "marsun-state-bar-action-btn",
+          s["state-bar-action-btn"],
+          e.className
+        ),
+        icon: a ? /* @__PURE__ */ t(a, { size: e.size ?? 14, "aria-hidden": !0 }) : void 0,
+        onClick: (r) => {
+          var m;
+          r.stopPropagation(), !e.disabled && ((m = e.onClick) == null || m.call(e, r));
+        },
+        children: e.label || "操作"
+      },
+      l
+    );
+  }
+  const i = e.iconType ? c[e.iconType] : null;
+  if (!i) return null;
+  const o = /* @__PURE__ */ t(
     "span",
     {
       role: e.onClick ? "button" : void 0,
       tabIndex: e.onClick && !e.disabled ? 0 : void 0,
-      className: i(
+      className: b(
         "marsun-state-bar-action",
-        l["state-bar-action"],
+        s["state-bar-action"],
         e.disabled && "marsun-state-bar-action-disabled",
-        e.disabled && l["state-bar-action-disabled"],
+        e.disabled && s["state-bar-action-disabled"],
         e.className
       ),
       "aria-label": e.label || e.iconType,
@@ -30,73 +53,87 @@ function k(e, s) {
         var r;
         a.key !== "Enter" && a.key !== " " || (a.preventDefault(), a.stopPropagation(), !e.disabled && ((r = e.onClick) == null || r.call(e, a)));
       },
-      children: /* @__PURE__ */ o(t, { size: e.size ?? 14, "aria-hidden": !0 })
+      children: /* @__PURE__ */ t(i, { size: e.size ?? 14, "aria-hidden": !0 })
     },
-    s
+    l
   );
-  return e.label ? /* @__PURE__ */ o(y, { title: e.label, children: n }, s) : n;
+  return e.label ? /* @__PURE__ */ t(k, { title: e.label, children: o }, l) : o;
 }
-function g(e, s, t) {
-  const n = !!(s && s.length > 0), a = !!(t && t.length > 0);
-  return !n && !a ? e : /* @__PURE__ */ c("span", { className: i("marsun-state-bar-tab-label", l["state-bar-tab-label"]), children: [
+function P(e, l, n) {
+  const i = !!(l && l.length > 0), o = !!(n && n.length > 0);
+  return !i && !o ? e : /* @__PURE__ */ f("span", { className: b("marsun-state-bar-tab-label", s["state-bar-tab-label"]), children: [
     e,
-    n ? /* @__PURE__ */ o(
-      I,
+    i ? /* @__PURE__ */ t(
+      z,
       {
-        content: s,
+        content: l,
         placement: "topLeft",
         minWidth: 220,
         maxWidth: 360,
         overlayClassName: "marsun-state-bar-info-tooltip",
-        children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ t(
           "span",
           {
-            className: i("marsun-state-bar-info", l["state-bar-info"]),
-            onClick: (r) => r.stopPropagation(),
-            children: /* @__PURE__ */ o(N, { size: 14, "aria-hidden": !0 })
+            className: b("marsun-state-bar-info", s["state-bar-info"]),
+            onClick: (a) => a.stopPropagation(),
+            children: /* @__PURE__ */ t($, { size: 14, "aria-hidden": !0 })
           }
         )
       }
     ) : null,
-    a ? t.map((r, d) => k(r, `${r.iconType}-${d}`)) : null
+    o ? n.map((a, r) => h(a, `${a.iconType || "act"}-${r}`)) : null
   ] });
 }
-const A = ({
+const R = ({
   className: e,
-  type: s = "tab",
-  stateOption: t = [],
-  isInner: n,
-  style: a,
-  ...r
+  type: l = "tab",
+  stateOption: n = [],
+  isInner: i,
+  style: o,
+  actions: a,
+  tabBarExtraContent: r,
+  ...m
 }) => {
-  const d = t.some((b) => b.children != null);
-  return /* @__PURE__ */ o(
-    C,
+  const y = n.some((d) => d.children != null), p = a && a.length > 0 ? /* @__PURE__ */ t(
+    "span",
+    {
+      className: b("marsun-state-bar-extra-actions", s["state-bar-extra-actions"]),
+      children: a.map(
+        (d, u) => h(d, `extra-${d.iconType || d.variant || "act"}-${u}`)
+      )
+    }
+  ) : null, T = p && r != null ? /* @__PURE__ */ f("span", { className: s["state-bar-extra-wrap"], children: [
+    p,
+    r
+  ] }) : p ?? r;
+  return /* @__PURE__ */ t(
+    g,
     {
-      ...r,
+      ...m,
+      tabBarExtraContent: T,
       "data-testid": "components-core-state-bar",
       animated: !1,
-      className: i(
+      className: b(
         "marsun-state-bar",
-        l["state-bar"],
-        l[`tab-${s}-control`],
-        n && l["inner-state-bar"],
-        d && l["has-children"],
+        s["state-bar"],
+        s[`tab-${l}-control`],
+        i && s["inner-state-bar"],
+        y && s["has-children"],
         e
       ),
       style: {
-        "--total-count": t.length,
-        ...a
+        "--total-count": n.length,
+        ...o
       },
-      items: t.map(({ tab: b, label: m, info: p, actions: u, key: f, ...h }) => ({
-        key: f,
-        label: g(b ?? m, p, u),
-        ...h
+      items: n.map(({ tab: d, label: u, info: N, actions: v, key: x, ...C }) => ({
+        key: x,
+        label: P(d ?? u, N, v),
+        ...C
       }))
     }
   );
 };
 export {
-  A as default
+  R as default
 };
 //# sourceMappingURL=StateBar.js.map

package/dist/components/StateBar/StateBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateBar.js","sources":["../../../src/components/StateBar/StateBar.tsx"],"sourcesContent":["import { Tabs, Tooltip } from 'antd';\nimport type { TabsProps } from 'antd';\nimport classNames from 'classnames';\nimport type { CSSProperties, MouseEvent, ReactNode } from 'react';\nimport { Info, ICON_REGISTRY, type IconName } from '../Icons';\nimport type { DescriptionItem } from '../Descriptions/CommonDescriptions';\nimport { TooltipInfo } from '../TooltipInfo';\nimport styles from './style.module.scss';\n\nexport type StateBarType = 'tab' | 'radio' | 'step';\n\n/** Tab 项旁操作（icon + 可选文案提示 + 点击） */\nexport type StateBarActionItem = {\n  /** Icons 注册表名，如 `Info` / `Plus` / `Pencil` */\n  iconType: IconName;\n  /** Tooltip 文案；缺省不包 Tooltip */\n  label?: string;\n  onClick?: (e: MouseEvent<HTMLElement>) => void;\n  disabled?: boolean;\n  className?: string;\n  /** 图标尺寸，默认 14 */\n  size?: number;\n};\n\nexport type StateBarOption = {\n  key: string;\n  /** 选项卡标题（优先于 label） */\n  tab?: ReactNode;\n  label?: ReactNode;\n  /** 标题旁 Info + TooltipInfo（对齐 Modal/InteractiveBlock）；为空不展示 */\n  info?: DescriptionItem[];\n  /** 标题旁额外操作图标（可与 info 并存） */\n  actions?: StateBarActionItem[];\n  children?: ReactNode;\n  disabled?: boolean;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport type StateBarProps = Omit<TabsProps, 'items' | 'type'> & {\n  /** 状态项列表 */\n  stateOption?: StateBarOption[];\n  /** 展示样式 */\n  type?: StateBarType;\n  /** 底部线延展至容器全宽 */\n  isInner?: boolean;\n  className?: string;\n};\n\nfunction renderActionItem(action: StateBarActionItem, key: string): ReactNode {\n  const Icon = ICON_REGISTRY[action.iconType];\n  if (!Icon) return null;\n\n  const node = (\n    <span\n      key={key}\n      role={action.onClick ? 'button' : undefined}\n      tabIndex={action.onClick && !action.disabled ? 0 : undefined}\n      className={classNames(\n        'marsun-state-bar-action',\n        styles['state-bar-action'],\n        action.disabled && 'marsun-state-bar-action-disabled',\n        action.disabled && styles['state-bar-action-disabled'],\n        action.className,\n      )}\n      aria-label={action.label || action.iconType}\n      aria-disabled={action.disabled || undefined}\n      onClick={(e) => {\n        e.stopPropagation();\n        if (action.disabled) return;\n        action.onClick?.(e);\n      }}\n      onKeyDown={(e) => {\n        if (e.key !== 'Enter' && e.key !== ' ') return;\n        e.preventDefault();\n        e.stopPropagation();\n        if (action.disabled) return;\n        action.onClick?.(e as unknown as MouseEvent<HTMLElement>);\n      }}\n    >\n      <Icon size={action.size ?? 14} aria-hidden />\n    </span>\n  );\n\n  if (!action.label) return node;\n  return (\n    <Tooltip key={key} title={action.label}>\n      {node}\n    </Tooltip>\n  );\n}\n\n/** 渲染 Tab 标题：文字 + 可选 Info + actions */\nfunction renderTabLabel(\n  label: ReactNode,\n  info?: DescriptionItem[],\n  actions?: StateBarActionItem[],\n): ReactNode {\n  const hasInfo = Boolean(info && info.length > 0);\n  const hasActions = Boolean(actions && actions.length > 0);\n  if (!hasInfo && !hasActions) return label;\n\n  return (\n    <span className={classNames('marsun-state-bar-tab-label', styles['state-bar-tab-label'])}>\n      {label}\n      {hasInfo ? (\n        <TooltipInfo\n          content={info!}\n          placement=\"topLeft\"\n          minWidth={220}\n          maxWidth={360}\n          overlayClassName=\"marsun-state-bar-info-tooltip\"\n        >\n          <span\n            className={classNames('marsun-state-bar-info', styles['state-bar-info'])}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Info size={14} aria-hidden />\n          </span>\n        </TooltipInfo>\n      ) : null}\n      {hasActions\n        ? actions!.map((action, i) => renderActionItem(action, `${action.iconType}-${i}`))\n        : null}\n    </span>\n  );\n}\n\n/**\n * 基于 antd Tabs 的状态栏（对齐 kne-union StateBar）。\n * 无 children 时仅作切换条（隐藏 content-holder）；有 children 时展示面板。\n */\nconst StateBar: React.FC<StateBarProps> = ({\n  className,\n  type = 'tab',\n  stateOption = [],\n  isInner,\n  style,\n  ...props\n}) => {\n  const hasChildren = stateOption.some((item) => item.children != null);\n\n  return (\n    <Tabs\n      {...props}\n      data-testid=\"components-core-state-bar\"\n      animated={false}\n      className={classNames(\n        'marsun-state-bar',\n        styles['state-bar'],\n        styles[`tab-${type}-control`],\n        isInner && styles['inner-state-bar'],\n        hasChildren && styles['has-children'],\n        className,\n      )}\n      style={\n        {\n          ['--total-count' as string]: stateOption.length,\n          ...style,\n        } as CSSProperties\n      }\n      items={stateOption.map(({ tab, label, info, actions, key, ...rest }) => ({\n        key,\n        label: renderTabLabel(tab ?? label, info, actions),\n        ...rest,\n      }))}\n    />\n  );\n};\n\nexport default StateBar;\n"],"names":["renderActionItem","action","key","Icon","ICON_REGISTRY","node","jsx","classNames","styles","e","_a","Tooltip","renderTabLabel","label","info","actions","hasInfo","hasActions","jsxs","TooltipInfo","Info","i","StateBar","className","type","stateOption","isInner","style","props","hasChildren","item","Tabs","tab","rest"],"mappings":"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"}
+{"version":3,"file":"StateBar.js","sources":["../../../src/components/StateBar/StateBar.tsx"],"sourcesContent":["import { Tabs, Tooltip, Button } from 'antd';\nimport type { TabsProps, ButtonProps } from 'antd';\nimport classNames from 'classnames';\nimport type { CSSProperties, MouseEvent, ReactNode } from 'react';\nimport { Info, ICON_REGISTRY, type IconName } from '../Icons';\nimport type { DescriptionItem } from '../Descriptions/CommonDescriptions';\nimport { TooltipInfo } from '../TooltipInfo';\nimport styles from './style.module.scss';\n\nexport type StateBarType = 'tab' | 'radio' | 'step';\n\n/** Tab 项旁 / 整体右侧操作 */\nexport type StateBarActionItem = {\n  /**\n   * 展示形态：\n   * - `icon`：仅图标（默认，适合 Tab 旁轻操作）\n   * - `button`：antd Button（适合整体右侧主操作，如「新建模板」）\n   */\n  variant?: 'icon' | 'button';\n  /** Icons 注册表名；variant=icon 必填；button 时可作前缀图标 */\n  iconType?: IconName;\n  /** 文案：icon 时作 Tooltip；button 时作按钮文字 */\n  label?: string;\n  onClick?: (e: MouseEvent<HTMLElement>) => void;\n  disabled?: boolean;\n  className?: string;\n  /** 图标尺寸，默认 14 */\n  size?: number;\n  /** variant=button 时的 antd type，默认 primary */\n  buttonType?: ButtonProps['type'];\n};\n\nexport type StateBarOption = {\n  key: string;\n  /** 选项卡标题（优先于 label） */\n  tab?: ReactNode;\n  label?: ReactNode;\n  /** 标题旁 Info + TooltipInfo（对齐 Modal/InteractiveBlock）；为空不展示 */\n  info?: DescriptionItem[];\n  /** 标题旁额外操作图标（可与 info 并存）；仅同组切片 Tab 使用 */\n  actions?: StateBarActionItem[];\n  children?: ReactNode;\n  disabled?: boolean;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport type StateBarProps = Omit<TabsProps, 'items' | 'type'> & {\n  /** 状态项列表 */\n  stateOption?: StateBarOption[];\n  /** 展示样式 */\n  type?: StateBarType;\n  /** 底部线延展至容器全宽 */\n  isInner?: boolean;\n  className?: string;\n  /**\n   * 整体右侧操作（tabBarExtraContent）。\n   * 跨 Tab 的页面级操作放这里；仅当各 Tab 为同组切片（如模板1/2/3）时才用 option.actions。\n   */\n  actions?: StateBarActionItem[];\n};\n\nfunction renderActionItem(action: StateBarActionItem, key: string): ReactNode {\n  const variant = action.variant ?? 'icon';\n\n  if (variant === 'button') {\n    const Icon = action.iconType ? ICON_REGISTRY[action.iconType] : null;\n    return (\n      <Button\n        key={key}\n        type={action.buttonType ?? 'primary'}\n        size=\"small\"\n        disabled={action.disabled}\n        className={classNames(\n          'marsun-state-bar-action-btn',\n          styles['state-bar-action-btn'],\n          action.className,\n        )}\n        icon={Icon ? <Icon size={action.size ?? 14} aria-hidden /> : undefined}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (action.disabled) return;\n          action.onClick?.(e);\n        }}\n      >\n        {action.label || '操作'}\n      </Button>\n    );\n  }\n\n  const Icon = action.iconType ? ICON_REGISTRY[action.iconType] : null;\n  if (!Icon) return null;\n\n  const node = (\n    <span\n      key={key}\n      role={action.onClick ? 'button' : undefined}\n      tabIndex={action.onClick && !action.disabled ? 0 : undefined}\n      className={classNames(\n        'marsun-state-bar-action',\n        styles['state-bar-action'],\n        action.disabled && 'marsun-state-bar-action-disabled',\n        action.disabled && styles['state-bar-action-disabled'],\n        action.className,\n      )}\n      aria-label={action.label || action.iconType}\n      aria-disabled={action.disabled || undefined}\n      onClick={(e) => {\n        e.stopPropagation();\n        if (action.disabled) return;\n        action.onClick?.(e);\n      }}\n      onKeyDown={(e) => {\n        if (e.key !== 'Enter' && e.key !== ' ') return;\n        e.preventDefault();\n        e.stopPropagation();\n        if (action.disabled) return;\n        action.onClick?.(e as unknown as MouseEvent<HTMLElement>);\n      }}\n    >\n      <Icon size={action.size ?? 14} aria-hidden />\n    </span>\n  );\n\n  if (!action.label) return node;\n  return (\n    <Tooltip key={key} title={action.label}>\n      {node}\n    </Tooltip>\n  );\n}\n\n/** 渲染 Tab 标题：文字 + 可选 Info + actions */\nfunction renderTabLabel(\n  label: ReactNode,\n  info?: DescriptionItem[],\n  actions?: StateBarActionItem[],\n): ReactNode {\n  const hasInfo = Boolean(info && info.length > 0);\n  const hasActions = Boolean(actions && actions.length > 0);\n  if (!hasInfo && !hasActions) return label;\n\n  return (\n    <span className={classNames('marsun-state-bar-tab-label', styles['state-bar-tab-label'])}>\n      {label}\n      {hasInfo ? (\n        <TooltipInfo\n          content={info!}\n          placement=\"topLeft\"\n          minWidth={220}\n          maxWidth={360}\n          overlayClassName=\"marsun-state-bar-info-tooltip\"\n        >\n          <span\n            className={classNames('marsun-state-bar-info', styles['state-bar-info'])}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Info size={14} aria-hidden />\n          </span>\n        </TooltipInfo>\n      ) : null}\n      {hasActions\n        ? actions!.map((action, i) => renderActionItem(action, `${action.iconType || 'act'}-${i}`))\n        : null}\n    </span>\n  );\n}\n\n/**\n * 基于 antd Tabs 的状态栏（对齐 kne-union StateBar）。\n * 无 children 时仅作切换条（隐藏 content-holder）；有 children 时展示面板。\n */\nconst StateBar: React.FC<StateBarProps> = ({\n  className,\n  type = 'tab',\n  stateOption = [],\n  isInner,\n  style,\n  actions,\n  tabBarExtraContent,\n  ...props\n}) => {\n  const hasChildren = stateOption.some((item) => item.children != null);\n\n  const extraActions =\n    actions && actions.length > 0 ? (\n      <span\n        className={classNames('marsun-state-bar-extra-actions', styles['state-bar-extra-actions'])}\n      >\n        {actions.map((action, i) =>\n          renderActionItem(action, `extra-${action.iconType || action.variant || 'act'}-${i}`),\n        )}\n      </span>\n    ) : null;\n\n  const mergedExtra: TabsProps['tabBarExtraContent'] =\n    extraActions && tabBarExtraContent != null ? (\n      <span className={styles['state-bar-extra-wrap']}>\n        {extraActions}\n        {tabBarExtraContent as ReactNode}\n      </span>\n    ) : (\n      (extraActions ?? tabBarExtraContent)\n    );\n\n  return (\n    <Tabs\n      {...props}\n      tabBarExtraContent={mergedExtra}\n      data-testid=\"components-core-state-bar\"\n      animated={false}\n      className={classNames(\n        'marsun-state-bar',\n        styles['state-bar'],\n        styles[`tab-${type}-control`],\n        isInner && styles['inner-state-bar'],\n        hasChildren && styles['has-children'],\n        className,\n      )}\n      style={\n        {\n          ['--total-count' as string]: stateOption.length,\n          ...style,\n        } as CSSProperties\n      }\n      items={stateOption.map(({ tab, label, info, actions: tabActions, key, ...rest }) => ({\n        key,\n        label: renderTabLabel(tab ?? label, info, tabActions),\n        ...rest,\n      }))}\n    />\n  );\n};\n\nexport default StateBar;\n"],"names":["renderActionItem","action","key","Icon","ICON_REGISTRY","jsx","Button","classNames","styles","e","_a","node","Tooltip","renderTabLabel","label","info","actions","hasInfo","hasActions","jsxs","TooltipInfo","Info","i","StateBar","className","type","stateOption","isInner","style","tabBarExtraContent","props","hasChildren","item","extraActions","mergedExtra","Tabs","tab","tabActions","rest"],"mappings":"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"}

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

@@ -1,14 +1,17 @@
 const t = {
-  "state-bar": "_state-bar_17mf7_2",
-  "has-children": "_has-children_17mf7_8",
-  "state-bar-tab-label": "_state-bar-tab-label_17mf7_15",
-  "state-bar-info": "_state-bar-info_17mf7_21",
-  "state-bar-action": "_state-bar-action_17mf7_22",
-  "state-bar-action-disabled": "_state-bar-action-disabled_17mf7_31",
-  "tab-tab-control": "_tab-tab-control_17mf7_36",
-  "tab-radio-control": "_tab-radio-control_17mf7_51",
-  "tab-step-control": "_tab-step-control_17mf7_131",
-  "inner-state-bar": "_inner-state-bar_17mf7_240"
+  "state-bar": "_state-bar_1hztf_2",
+  "has-children": "_has-children_1hztf_8",
+  "state-bar-tab-label": "_state-bar-tab-label_1hztf_15",
+  "state-bar-extra-actions": "_state-bar-extra-actions_1hztf_21",
+  "state-bar-extra-wrap": "_state-bar-extra-wrap_1hztf_22",
+  "state-bar-action-btn": "_state-bar-action-btn_1hztf_28",
+  "state-bar-info": "_state-bar-info_1hztf_32",
+  "state-bar-action": "_state-bar-action_1hztf_28",
+  "state-bar-action-disabled": "_state-bar-action-disabled_1hztf_46",
+  "tab-tab-control": "_tab-tab-control_1hztf_51",
+  "tab-radio-control": "_tab-radio-control_1hztf_66",
+  "tab-step-control": "_tab-step-control_1hztf_146",
+  "inner-state-bar": "_inner-state-bar_1hztf_255"
 };
 export {
   t as default

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

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

package/dist/components/Tools/Inbox/InboxBell/InboxBell.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+export type InboxBellMessageType = 'alert' | 'action' | 'remind' | string;
+export type InboxBellItem = {
+    id: string;
+    title?: string;
+    summary?: string;
+    read?: boolean;
+    messageType?: InboxBellMessageType;
+    href?: string;
+    createdAt?: string;
+    level?: string;
+};
+export type InboxBellListResult = {
+    itemList: InboxBellItem[];
+    total?: number;
+    unreadTotal?: number;
+    unreadByMessageType?: Partial<Record<string, number>>;
+};
+export type InboxBellListParams = {
+    unreadOnly?: boolean;
+    readOnly?: boolean;
+    messageType?: InboxBellMessageType;
+    currentPage?: number;
+    pageSize?: number;
+};
+export type InboxBellProps = {
+    /** 拉取站内信（业务注入；须带 JWT 身份，禁止无身份全表） */
+    fetchInbox: (params: InboxBellListParams) => Promise<InboxBellListResult>;
+    /** 标记已读 */
+    markRead: (id: string) => Promise<void | InboxBellItem>;
+    /** 点击条目：默认用 window.location / 业务 navigate */
+    onNavigate?: (href: string, item: InboxBellItem) => void;
+    /** 轮询未读角标（ms）；≤0 关闭 */
+    pollMs?: number;
+    pageSize?: number;
+    className?: string;
+    /** Drawer 标题 */
+    title?: string;
+};
+/**
+ * 通用站内信铃铛：列表 / 已读 / Tab / 角标。
+ * 不含认领、行动等业务动作；由注入的 fetchInbox / markRead / onNavigate 对接消息服务。
+ */
+declare const InboxBell: React.FC<InboxBellProps>;
+export default InboxBell;