@hkyhy/marsun-components-core 0.1.102 → 0.1.113

package/dist/components/Tools/MessageCenter/MessageTemplateAdmin/Modal/TemplateFormModal.js

@@ -1,191 +1,283 @@
-import { jsx as r, jsxs as c, Fragment as $ } from "react/jsx-runtime";
-import { RichTextField as q } from "../../../../FormInfo/RichTextField/index.js";
-import { normalizeTemplatePlaceholders as b, applyTemplateVars as H, stripHtmlToText as z } from "../../utils/templateCode.js";
-import { Typography as y, message as F, Select as B } from "antd";
-import { useState as I, useEffect as C, useMemo as x, useCallback as E } from "react";
-import j from "../style.module.scss.js";
-import { Input as A, Select as O } from "../../../../FormInfo/fields.js";
-import Q from "../../../../FormInfo/FormModal.js";
-import _ from "../../../../FormInfo/FormInfo.js";
-import G from "../../../../FormInfo/FormItem.js";
-const re = ({
-  open: T,
-  isCreate: s,
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
+import { RichTextField as Q } from "../../../../FormInfo/RichTextField/index.js";
+import { sanitizeInboxHtml as V } from "../../../Inbox/sanitizeInboxHtml.js";
+import { normalizeTemplatePlaceholders as v, applyTemplateVars as D } from "../../utils/templateCode.js";
+import { Typography as k, message as b, Modal as q, Collapse as G } from "antd";
+import { useState as H, useEffect as U, useMemo as I, useCallback as i } from "react";
+import { AUDIENCE_SLOT_OPTIONS as J, normalizeAudienceSlots as X, hasAudienceSelection as Y, ORG_TENANT_SLOT as Z } from "../audienceSlots.js";
+import t from "../style.module.scss.js";
+import { Input as A, Select as C } from "../../../../FormInfo/fields.js";
+import W from "../../../../FormInfo/FormModal.js";
+import ee from "../../../../FormInfo/FormInfo.js";
+import oe from "../../../../FormInfo/FormItem.js";
+const K = {
+  getPopupContainer: () => document.body,
+  styles: { popup: { root: { zIndex: 2e3 } } }
+}, ye = ({
+  open: w,
+  isCreate: n,
   initial: e,
-  catalog: n,
-  roleOptions: K,
-  variables: f,
-  catalogError: a,
-  previewVars: P,
-  canWrite: m,
-  onCancel: g,
-  onSubmit: R,
-  renderAudienceField: k
+  catalog: p,
+  roleOptions: S,
+  variables: T,
+  catalogError: u,
+  previewVars: F,
+  canWrite: r,
+  onCancel: R,
+  onSubmit: M,
+  renderAudienceField: a
 }) => {
-  const [d, v] = I([]), [w, u] = I(!1);
-  C(() => {
-    if (!T || !e) {
-      u(!1);
+  const [x, E] = H([]), [N, h] = H(!1);
+  U(() => {
+    if (!w || !e) {
+      h(!1);
       return;
     }
-    v(e.audienceRoles || e.roles || []);
-    const o = window.requestAnimationFrame(() => u(!0));
+    E(e.audienceRoles || e.roles || []);
+    const o = window.requestAnimationFrame(() => h(!0));
     return () => window.cancelAnimationFrame(o);
-  }, [T, e]);
-  const M = (e == null ? void 0 : e.id) || (e == null ? void 0 : e.code) || (s ? "create" : "edit"), S = x(() => e ? {
+  }, [w, e]);
+  const _ = (e == null ? void 0 : e.id) || (e == null ? void 0 : e.code) || (n ? "create" : "edit"), P = I(() => e ? {
     code: e.code,
     eventKey: e.eventKey,
     scenario: e.scenario || e.label || "",
-    titleTemplate: b(
+    titleTemplate: v(
       e.titleTemplate || e.titlePreview || ""
     ),
-    bodyTemplate: b(e.bodyTemplate || "")
-  } : {}, [e]), D = a ? `目录加载失败，无法插入变量（${a}）` : f.length === 0 ? "暂无 catalog 变量" : "", L = E((o) => {
-    u(!!o);
-  }, []), N = x(() => {
-    if (!w)
+    bodyTemplate: v(e.bodyTemplate || ""),
+    audienceRoles: e.audienceRoles || e.roles || [],
+    audienceSlots: e.audienceSlots || []
+  } : {}, [e]), z = u ? `目录加载失败，无法插入变量（${u}）` : T.length === 0 ? "暂无 catalog 变量" : "", B = i((o) => {
+    h(!!o);
+  }, []), $ = I(() => {
+    if (!N)
       return [
-        /* @__PURE__ */ r(y.Text, { type: "secondary", children: "加载编辑器…" }, "loading")
+        /* @__PURE__ */ s(k.Text, { type: "secondary", children: "加载编辑器…" }, "loading")
       ];
     const o = [];
-    return s || o.push(/* @__PURE__ */ r(A, { name: "code", label: "编号", disabled: !0 }, "code")), o.push(
-      /* @__PURE__ */ r(
-        O,
+    return n || o.push(/* @__PURE__ */ s(A, { name: "code", label: "编号", disabled: !0 }, "code")), o.push(
+      /* @__PURE__ */ s(
+        C,
         {
           name: "eventKey",
           label: "适用场景",
           rule: "REQ",
-          disabled: !m,
+          disabled: !r,
           optionLabelProp: "label",
-          options: n.map((t) => ({
-            value: t.eventKey,
-            label: t.label || t.eventKey
+          options: p.map((l) => ({
+            value: l.eventKey,
+            label: l.label || l.eventKey
           })),
-          placeholder: n.length ? "选择场景" : "暂无事件目录"
+          placeholder: p.length ? "选择场景" : "暂无事件目录",
+          ...K
         },
         "eventKey"
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ s(
         A,
         {
           name: "titleTemplate",
           label: "标题模板",
-          disabled: !m,
+          rule: "REQ",
+          disabled: !r,
           enableVariableMention: !0,
-          variables: f,
-          catalogError: a,
+          variables: T,
+          catalogError: u,
           placeholder: "点「插入变量」选择 catalog 变量",
-          labelTips: s ? "新建默认停用。标题：点「插入变量」插入明文 {{key}}（可手改）。正文：原子色块，不可改字，整颗删除。" : "标题可手改 {{key}}；正文为原子色块（不可改字、Backspace 整颗删）。"
+          labelTips: n ? "新建默认停用。标题：点「插入变量」插入明文 {{key}}（可手改）。正文：原子色块，不可改字，整颗删除。" : "标题可手改 {{key}}；正文为原子色块（不可改字、Backspace 整颗删）。"
         },
         "titleTemplate"
       ),
-      /* @__PURE__ */ r(
-        q,
+      /* @__PURE__ */ s(
+        Q,
         {
           name: "bodyTemplate",
           label: "正文模板",
-          disabled: !m,
+          disabled: !r,
           enableVariableMention: !0,
-          variables: f,
-          catalogError: a,
-          editorKey: M,
+          variables: T,
+          catalogError: u,
+          editorKey: _,
           placeholder: "编辑正文，点「插入变量」",
           minHeight: 160
         },
         "bodyTemplate"
       )
+    ), a || o.push(
+      /* @__PURE__ */ s(
+        C,
+        {
+          name: "audienceRoles",
+          label: "受众角色",
+          mode: "multiple",
+          allowClear: !0,
+          disabled: !r,
+          options: S.map((l) => ({
+            value: l.code,
+            label: l.name || l.code
+          })),
+          optionFilterProp: "label",
+          maxTagCount: "responsive",
+          placeholder: S.length ? "下拉选择角色（可多选）" : "暂无角色数据",
+          notFoundContent: "暂无角色",
+          labelTips: "可与「通知范围」并存；至少选角色或槽位之一。emit 与显式 userIds 并集送达。",
+          ...K
+        },
+        "audienceRoles"
+      ),
+      /* @__PURE__ */ s(
+        C,
+        {
+          name: "audienceSlots",
+          label: "通知范围",
+          mode: "multiple",
+          allowClear: !0,
+          disabled: !r,
+          options: J.map((l) => ({
+            value: l.value,
+            label: l.label
+          })),
+          optionFilterProp: "label",
+          maxTagCount: "responsive",
+          placeholder: "可选：本人/领导/部门/分厂/租户或任务当事人",
+          notFoundContent: "暂无槽位",
+          labelTips: "依赖业务 emit.audienceContext；无上下文的槽不会发出。选「本租户」保存前会确认。",
+          ...K
+        },
+        "audienceSlots"
+      )
     ), o;
-  }, [w, s, m, n, f, M, a]), V = x(
+  }, [
+    N,
+    n,
+    r,
+    p,
+    T,
+    _,
+    u,
+    a,
+    S
+  ]), j = I(
     () => ({
-      data: S,
+      data: P,
       onSubmit: async (o) => {
-        if (!m)
-          return F.warning("当前为只读（业务未授予写权限）"), !1;
-        const t = String(o.eventKey || "").trim();
-        if (!t)
-          return F.warning("请选择适用场景"), !1;
-        const l = n.find((p) => p.eventKey === t), h = String((l == null ? void 0 : l.label) || o.scenario || t).trim();
+        if (!r)
+          return b.warning("当前为只读（业务未授予写权限）"), !1;
+        const l = String(o.eventKey || "").trim();
+        if (!l)
+          return b.warning("请选择适用场景"), !1;
+        const g = v(String(o.titleTemplate || ""));
+        if (!g.trim())
+          return b.warning("请填写标题模板"), !1;
+        const f = a ? x : Array.isArray(o.audienceRoles) ? o.audienceRoles : [], m = X(o.audienceSlots || []);
+        if (!Y({
+          roles: f,
+          slots: m,
+          userIds: null
+        }))
+          return b.warning("请选择受众角色或通知范围（至少一个）"), !1;
+        if (m.includes(Z) && !await new Promise((O) => {
+          q.confirm({
+            title: "确认通知本租户全员？",
+            content: "已选「本租户（全公司）」：将向当前租户内用户展开（≠跨租户）。确认保存？",
+            okText: "确认保存",
+            cancelText: "取消",
+            onOk: () => O(!0),
+            onCancel: () => O(!1)
+          });
+        }))
+          return !1;
+        const d = p.find((c) => c.eventKey === l), L = String((d == null ? void 0 : d.label) || o.scenario || l).trim();
         try {
-          await R({
+          await M({
             ...e || {},
             code: o.code || (e == null ? void 0 : e.code),
-            eventKey: t,
-            scenario: h,
-            label: h,
-            messageType: (l == null ? void 0 : l.messageType) || (e == null ? void 0 : e.messageType) || "alert",
-            titleTemplate: b(String(o.titleTemplate || "")),
-            bodyTemplate: b(String(o.bodyTemplate || "")),
-            audienceRoles: d,
-            roles: d,
-            enabled: s ? !1 : (e == null ? void 0 : e.enabled) !== !1,
+            eventKey: l,
+            scenario: L,
+            label: L,
+            messageType: (d == null ? void 0 : d.messageType) || (e == null ? void 0 : e.messageType) || "alert",
+            titleTemplate: g,
+            bodyTemplate: v(String(o.bodyTemplate || "")),
+            audienceRoles: f,
+            roles: f,
+            audienceSlots: m,
+            enabled: n ? !1 : (e == null ? void 0 : e.enabled) !== !1,
             channel: (e == null ? void 0 : e.channel) || "in_app"
-          }), g();
-        } catch (p) {
-          return F.error(p instanceof Error ? p.message : String(p)), !1;
+          }), R();
+        } catch (c) {
+          return b.error(c instanceof Error ? c.message : String(c)), !1;
         }
       }
     }),
-    [S, m, n, R, e, d, s, g]
+    [
+      P,
+      r,
+      p,
+      M,
+      e,
+      x,
+      n,
+      R,
+      a
+    ]
   );
-  return /* @__PURE__ */ c(
-    Q,
+  return /* @__PURE__ */ y(
+    W,
     {
-      title: s ? "新建模板" : "编辑模板",
-      open: T,
-      onCancel: g,
+      title: n ? "新建模板" : "编辑模板",
+      open: w,
+      onCancel: R,
       width: 720,
+      size: "small",
+      className: "msg-center-form-modal",
       okText: "保存",
       autoClose: !1,
       focusable: { trap: !1 },
-      afterOpenChange: L,
-      formProps: V,
+      afterOpenChange: B,
+      formProps: j,
       children: [
-        /* @__PURE__ */ r(_, { column: 1, list: N }),
-        w ? /* @__PURE__ */ r(G, { children: (o) => {
-          const t = (typeof o.getFormData == "function" ? o.getFormData() : void 0) ?? o.formData ?? S, l = H(String(t.titleTemplate || ""), P), h = H(
-            z(String(t.bodyTemplate || "")),
-            P
-          );
-          return /* @__PURE__ */ c($, { children: [
-            D ? /* @__PURE__ */ r(y.Text, { type: "secondary", children: D }) : null,
-            /* @__PURE__ */ c(y.Paragraph, { type: "secondary", className: j.preview, children: [
-              "标题预览：",
-              l || "—"
-            ] }),
-            /* @__PURE__ */ c(y.Paragraph, { type: "secondary", className: j.preview, children: [
-              "正文预览：",
-              h || "—"
-            ] })
+        /* @__PURE__ */ s(ee, { column: 1, list: $ }),
+        a ? /* @__PURE__ */ y("div", { className: t.audienceBlock, children: [
+          /* @__PURE__ */ y(k.Text, { className: t.audienceLabel, children: [
+            /* @__PURE__ */ s("span", { style: { color: "#ff4d4f", marginRight: 4 }, children: "*" }),
+            "受众角色"
+          ] }),
+          a({ roles: x, onChange: E })
+        ] }) : null,
+        N ? /* @__PURE__ */ s(oe, { children: (o) => {
+          const l = (typeof o.getFormData == "function" ? o.getFormData() : void 0) ?? o.formData ?? P, g = D(String(l.titleTemplate || ""), F), f = D(String(l.bodyTemplate || ""), F), m = V(f);
+          return /* @__PURE__ */ y("div", { className: t.previewCollapse, children: [
+            z ? /* @__PURE__ */ s(k.Text, { type: "secondary", children: z }) : null,
+            /* @__PURE__ */ s(
+              G,
+              {
+                ghost: !0,
+                size: "small",
+                items: [
+                  {
+                    key: "preview",
+                    label: "效果预览",
+                    children: /* @__PURE__ */ y("div", { className: t.previewCard, children: [
+                      /* @__PURE__ */ s("div", { className: t.previewTitle, children: g.trim() || /* @__PURE__ */ s("span", { className: t.previewEmpty, children: "（无标题）" }) }),
+                      m ? /* @__PURE__ */ s(
+                        "div",
+                        {
+                          className: t.previewBody,
+                          dangerouslySetInnerHTML: { __html: m }
+                        }
+                      ) : /* @__PURE__ */ s("div", { className: `${t.previewBody} ${t.previewEmpty}`, children: "（无正文）" })
+                    ] })
+                  }
+                ]
+              }
+            )
           ] });
-        } }) : null,
-        /* @__PURE__ */ c("div", { style: { marginTop: 12 }, children: [
-          /* @__PURE__ */ r(y.Text, { children: "受众角色" }),
-          k ? k({ roles: d, onChange: v }) : /* @__PURE__ */ r(
-            B,
-            {
-              mode: "multiple",
-              allowClear: !0,
-              showSearch: !0,
-              style: { width: "100%", marginTop: 8 },
-              value: d,
-              disabled: !m,
-              placeholder: K.length ? "下拉选择角色（可多选）" : "暂无角色数据",
-              options: K.map((o) => ({
-                value: o.code,
-                label: o.name || o.code
-              })),
-              optionFilterProp: "label",
-              maxTagCount: "responsive",
-              onChange: (o) => v(o || []),
-              notFoundContent: "暂无角色"
-            }
-          )
-        ] })
+        } }) : null
       ]
     }
   );
 };
 export {
-  re as TemplateFormModal
+  ye as TemplateFormModal
 };
 //# sourceMappingURL=TemplateFormModal.js.map

package/dist/components/Tools/MessageCenter/MessageTemplateAdmin/Modal/TemplateFormModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateFormModal.js","sources":["../../../../../../src/components/Tools/MessageCenter/MessageTemplateAdmin/Modal/TemplateFormModal.tsx"],"sourcesContent":["import { FormInfo, FormItem, FormModal, Input, Select } from '@/components/FormInfo';\nimport { RichTextField } from '@/components/FormInfo/RichTextField';\nimport {\n  applyTemplateVars,\n  normalizeTemplatePlaceholders,\n  stripHtmlToText,\n} from '../../utils/templateCode';\nimport { Select as AntSelect, Typography, message } from 'antd';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport type {\n  MessageAudienceRoleOption,\n  MessageEventCatalogItem,\n  MessageTemplateAdminItem,\n  MessageTemplateVariable,\n} from '../types';\nimport styles from '../style.module.scss';\n\nexport type TemplateFormModalProps = {\n  open: boolean;\n  isCreate: boolean;\n  initial: MessageTemplateAdminItem | null;\n  catalog: MessageEventCatalogItem[];\n  roleOptions: MessageAudienceRoleOption[];\n  variables: MessageTemplateVariable[];\n  /** catalog 请求失败时的短文案（与「变量为空」区分） */\n  catalogError?: string;\n  previewVars: Record<string, string>;\n  canWrite: boolean;\n  onCancel: () => void;\n  onSubmit: (item: MessageTemplateAdminItem) => Promise<void>;\n  renderAudienceField?: (ctx: {\n    roles: string[];\n    onChange: (roles: string[]) => void;\n  }) => React.ReactNode;\n};\n\ntype FormShape = {\n  code?: string;\n  eventKey?: string;\n  scenario?: string;\n  titleTemplate?: string;\n  bodyTemplate?: string;\n};\n\ntype FormApiLike = {\n  formData?: FormShape;\n  getFormData?: () => FormShape;\n};\n\n/**\n * 模板新建/编辑：FormModal + FormInfo；正文 RichTextField。\n * CKEditor 在 open 后微任务挂载，避免与 Modal focus/动画互抢；禁 mention uplift 死循环。\n */\nexport const TemplateFormModal: React.FC<TemplateFormModalProps> = ({\n  open,\n  isCreate,\n  initial,\n  catalog,\n  roleOptions,\n  variables,\n  catalogError,\n  previewVars,\n  canWrite,\n  onCancel,\n  onSubmit,\n  renderAudienceField,\n}) => {\n  const [roles, setRoles] = useState<string[]>([]);\n  const [editorReady, setEditorReady] = useState(false);\n\n  useEffect(() => {\n    if (!open || !initial) {\n      setEditorReady(false);\n      return;\n    }\n    setRoles(initial.audienceRoles || initial.roles || []);\n    // 打开后再挂编辑器（afterOpenChange 兜底 + rAF）\n    const id = window.requestAnimationFrame(() => setEditorReady(true));\n    return () => window.cancelAnimationFrame(id);\n  }, [open, initial]);\n\n  const editorKey = initial?.id || initial?.code || (isCreate ? 'create' : 'edit');\n\n  const formData = useMemo<FormShape>(() => {\n    if (!initial) return {};\n    return {\n      code: initial.code,\n      eventKey: initial.eventKey,\n      scenario: initial.scenario || initial.label || '',\n      titleTemplate: normalizeTemplatePlaceholders(\n        initial.titleTemplate || initial.titlePreview || '',\n      ),\n      bodyTemplate: normalizeTemplatePlaceholders(initial.bodyTemplate || ''),\n    };\n  }, [initial]);\n\n  const varsEmptyHint = catalogError\n    ? `目录加载失败，无法插入变量（${catalogError}）`\n    : variables.length === 0\n      ? '暂无 catalog 变量'\n      : '';\n\n  const handleAfterOpenChange = useCallback((nextOpen: boolean) => {\n    if (nextOpen) setEditorReady(true);\n    else setEditorReady(false);\n  }, []);\n\n  const fieldList = useMemo(() => {\n    if (!editorReady) {\n      return [\n        <Typography.Text key=\"loading\" type=\"secondary\">\n          加载编辑器…\n        </Typography.Text>,\n      ];\n    }\n    const fields: React.ReactNode[] = [];\n    if (!isCreate) {\n      fields.push(<Input key=\"code\" name=\"code\" label=\"编号\" disabled />);\n    }\n    // 适用场景 = catalog 中文下拉（value=eventKey）；禁自由输入英文 key\n    fields.push(\n      <Select\n        key=\"eventKey\"\n        name=\"eventKey\"\n        label=\"适用场景\"\n        rule=\"REQ\"\n        disabled={!canWrite}\n        optionLabelProp=\"label\"\n        options={catalog.map((c) => ({\n          value: c.eventKey,\n          label: c.label || c.eventKey,\n        }))}\n        placeholder={catalog.length ? '选择场景' : '暂无事件目录'}\n      />,\n      <Input\n        key=\"titleTemplate\"\n        name=\"titleTemplate\"\n        label=\"标题模板\"\n        disabled={!canWrite}\n        enableVariableMention\n        variables={variables}\n        catalogError={catalogError}\n        placeholder=\"点「插入变量」选择 catalog 变量\"\n        labelTips={\n          isCreate\n            ? '新建默认停用。标题：点「插入变量」插入明文 {{key}}（可手改）。正文：原子色块，不可改字，整颗删除。'\n            : '标题可手改 {{key}}；正文为原子色块（不可改字、Backspace 整颗删）。'\n        }\n      />,\n      <RichTextField\n        key=\"bodyTemplate\"\n        name=\"bodyTemplate\"\n        label=\"正文模板\"\n        disabled={!canWrite}\n        enableVariableMention\n        variables={variables}\n        catalogError={catalogError}\n        editorKey={editorKey}\n        placeholder=\"编辑正文，点「插入变量」\"\n        minHeight={160}\n      />,\n    );\n    return fields;\n  }, [editorReady, isCreate, canWrite, catalog, variables, editorKey, catalogError]);\n\n  const formProps = useMemo(\n    () => ({\n      data: formData,\n      onSubmit: async (data: FormShape) => {\n        if (!canWrite) {\n          message.warning('当前为只读（业务未授予写权限）');\n          return false;\n        }\n        const eventKey = String(data.eventKey || '').trim();\n        if (!eventKey) {\n          message.warning('请选择适用场景');\n          return false;\n        }\n        const hit = catalog.find((c) => c.eventKey === eventKey);\n        const scenario = String(hit?.label || data.scenario || eventKey).trim();\n        try {\n          await onSubmit({\n            ...(initial || {}),\n            code: data.code || initial?.code,\n            eventKey,\n            scenario,\n            label: scenario,\n            messageType: hit?.messageType || initial?.messageType || 'alert',\n            titleTemplate: normalizeTemplatePlaceholders(String(data.titleTemplate || '')),\n            bodyTemplate: normalizeTemplatePlaceholders(String(data.bodyTemplate || '')),\n            audienceRoles: roles,\n            roles,\n            enabled: isCreate ? false : initial?.enabled !== false,\n            channel: initial?.channel || 'in_app',\n          });\n          onCancel();\n        } catch (e) {\n          message.error(e instanceof Error ? e.message : String(e));\n          return false;\n        }\n      },\n    }),\n    [formData, canWrite, catalog, onSubmit, initial, roles, isCreate, onCancel],\n  );\n\n  return (\n    <FormModal\n      title={isCreate ? '新建模板' : '编辑模板'}\n      open={open}\n      onCancel={onCancel}\n      width={720}\n      okText=\"保存\"\n      autoClose={false}\n      focusable={{ trap: false }}\n      afterOpenChange={handleAfterOpenChange}\n      formProps={formProps}\n    >\n      <FormInfo column={1} list={fieldList} />\n      {editorReady ? (\n        <FormItem>\n          {(api: FormApiLike) => {\n            const data =\n              (typeof api.getFormData === 'function' ? api.getFormData() : undefined) ??\n              api.formData ??\n              formData;\n            const titlePreview = applyTemplateVars(String(data.titleTemplate || ''), previewVars);\n            const bodyPreview = applyTemplateVars(\n              stripHtmlToText(String(data.bodyTemplate || '')),\n              previewVars,\n            );\n            return (\n              <>\n                {varsEmptyHint ? (\n                  <Typography.Text type=\"secondary\">{varsEmptyHint}</Typography.Text>\n                ) : null}\n                <Typography.Paragraph type=\"secondary\" className={styles.preview}>\n                  标题预览：{titlePreview || '—'}\n                </Typography.Paragraph>\n                <Typography.Paragraph type=\"secondary\" className={styles.preview}>\n                  正文预览：{bodyPreview || '—'}\n                </Typography.Paragraph>\n              </>\n            );\n          }}\n        </FormItem>\n      ) : null}\n      <div style={{ marginTop: 12 }}>\n        <Typography.Text>受众角色</Typography.Text>\n        {renderAudienceField ? (\n          renderAudienceField({ roles, onChange: setRoles })\n        ) : (\n          <AntSelect\n            mode=\"multiple\"\n            allowClear\n            showSearch\n            style={{ width: '100%', marginTop: 8 }}\n            value={roles}\n            disabled={!canWrite}\n            placeholder={roleOptions.length ? '下拉选择角色（可多选）' : '暂无角色数据'}\n            options={roleOptions.map((r) => ({\n              value: r.code,\n              label: r.name || r.code,\n            }))}\n            optionFilterProp=\"label\"\n            maxTagCount=\"responsive\"\n            onChange={(v) => setRoles(v || [])}\n            notFoundContent=\"暂无角色\"\n          />\n        )}\n      </div>\n    </FormModal>\n  );\n};\n\nexport default TemplateFormModal;\n"],"names":["TemplateFormModal","open","isCreate","initial","catalog","roleOptions","variables","catalogError","previewVars","canWrite","onCancel","onSubmit","renderAudienceField","roles","setRoles","useState","editorReady","setEditorReady","useEffect","id","editorKey","formData","useMemo","normalizeTemplatePlaceholders","varsEmptyHint","handleAfterOpenChange","useCallback","nextOpen","fieldList","Typography","fields","jsx","Input","Select","c","RichTextField","formProps","data","message","eventKey","hit","scenario","e","jsxs","FormModal","FormInfo","FormItem","api","titlePreview","applyTemplateVars","bodyPreview","stripHtmlToText","Fragment","styles","AntSelect","r","v"],"mappings":"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"}
+{"version":3,"file":"TemplateFormModal.js","sources":["../../../../../../src/components/Tools/MessageCenter/MessageTemplateAdmin/Modal/TemplateFormModal.tsx"],"sourcesContent":["import { FormInfo, FormItem, FormModal, Input, Select } from '@/components/FormInfo';\nimport { RichTextField } from '@/components/FormInfo/RichTextField';\nimport { sanitizeInboxHtml } from '@/components/Tools/Inbox/sanitizeInboxHtml';\nimport { applyTemplateVars, normalizeTemplatePlaceholders } from '../../utils/templateCode';\nimport { Collapse, Modal, Typography, message } from 'antd';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport type {\n  MessageAudienceRoleOption,\n  MessageEventCatalogItem,\n  MessageTemplateAdminItem,\n  MessageTemplateVariable,\n} from '../types';\nimport {\n  AUDIENCE_SLOT_OPTIONS,\n  ORG_TENANT_SLOT,\n  hasAudienceSelection,\n  normalizeAudienceSlots,\n} from '../audienceSlots';\nimport styles from '../style.module.scss';\n\n/** ReactModal 内 Select 弹出层须高于 Modal（≈1100） */\nconst selectInModalPopupProps = {\n  getPopupContainer: () => document.body,\n  styles: { popup: { root: { zIndex: 2000 } } },\n} as const;\n\nexport type TemplateFormModalProps = {\n  open: boolean;\n  isCreate: boolean;\n  initial: MessageTemplateAdminItem | null;\n  catalog: MessageEventCatalogItem[];\n  roleOptions: MessageAudienceRoleOption[];\n  variables: MessageTemplateVariable[];\n  /** catalog 请求失败时的短文案（与「变量为空」区分） */\n  catalogError?: string;\n  previewVars: Record<string, string>;\n  canWrite: boolean;\n  onCancel: () => void;\n  onSubmit: (item: MessageTemplateAdminItem) => Promise<void>;\n  renderAudienceField?: (ctx: {\n    roles: string[];\n    onChange: (roles: string[]) => void;\n  }) => React.ReactNode;\n};\n\ntype FormShape = {\n  code?: string;\n  eventKey?: string;\n  scenario?: string;\n  titleTemplate?: string;\n  bodyTemplate?: string;\n  audienceRoles?: string[];\n  audienceSlots?: string[];\n};\n\ntype FormApiLike = {\n  formData?: FormShape;\n  getFormData?: () => FormShape;\n};\n\n/**\n * 模板新建/编辑：FormModal + FormInfo；正文 RichTextField。\n * CKEditor 在 open 后微任务挂载，避免与 Modal focus/动画互抢；禁 mention uplift 死循环。\n */\nexport const TemplateFormModal: React.FC<TemplateFormModalProps> = ({\n  open,\n  isCreate,\n  initial,\n  catalog,\n  roleOptions,\n  variables,\n  catalogError,\n  previewVars,\n  canWrite,\n  onCancel,\n  onSubmit,\n  renderAudienceField,\n}) => {\n  /** 仅业务 DI 自定义受众插槽时使用；默认走 FormInfo Select */\n  const [roles, setRoles] = useState<string[]>([]);\n  const [editorReady, setEditorReady] = useState(false);\n\n  useEffect(() => {\n    if (!open || !initial) {\n      setEditorReady(false);\n      return;\n    }\n    setRoles(initial.audienceRoles || initial.roles || []);\n    const id = window.requestAnimationFrame(() => setEditorReady(true));\n    return () => window.cancelAnimationFrame(id);\n  }, [open, initial]);\n\n  const editorKey = initial?.id || initial?.code || (isCreate ? 'create' : 'edit');\n\n  const formData = useMemo<FormShape>(() => {\n    if (!initial) return {};\n    return {\n      code: initial.code,\n      eventKey: initial.eventKey,\n      scenario: initial.scenario || initial.label || '',\n      titleTemplate: normalizeTemplatePlaceholders(\n        initial.titleTemplate || initial.titlePreview || '',\n      ),\n      bodyTemplate: normalizeTemplatePlaceholders(initial.bodyTemplate || ''),\n      audienceRoles: initial.audienceRoles || initial.roles || [],\n      audienceSlots: initial.audienceSlots || [],\n    };\n  }, [initial]);\n\n  const varsEmptyHint = catalogError\n    ? `目录加载失败，无法插入变量（${catalogError}）`\n    : variables.length === 0\n      ? '暂无 catalog 变量'\n      : '';\n\n  const handleAfterOpenChange = useCallback((nextOpen: boolean) => {\n    if (nextOpen) setEditorReady(true);\n    else setEditorReady(false);\n  }, []);\n\n  const fieldList = useMemo(() => {\n    if (!editorReady) {\n      return [\n        <Typography.Text key=\"loading\" type=\"secondary\">\n          加载编辑器…\n        </Typography.Text>,\n      ];\n    }\n    const fields: React.ReactNode[] = [];\n    if (!isCreate) {\n      fields.push(<Input key=\"code\" name=\"code\" label=\"编号\" disabled />);\n    }\n    fields.push(\n      <Select\n        key=\"eventKey\"\n        name=\"eventKey\"\n        label=\"适用场景\"\n        rule=\"REQ\"\n        disabled={!canWrite}\n        optionLabelProp=\"label\"\n        options={catalog.map((c) => ({\n          value: c.eventKey,\n          label: c.label || c.eventKey,\n        }))}\n        placeholder={catalog.length ? '选择场景' : '暂无事件目录'}\n        {...selectInModalPopupProps}\n      />,\n      <Input\n        key=\"titleTemplate\"\n        name=\"titleTemplate\"\n        label=\"标题模板\"\n        rule=\"REQ\"\n        disabled={!canWrite}\n        enableVariableMention\n        variables={variables}\n        catalogError={catalogError}\n        placeholder=\"点「插入变量」选择 catalog 变量\"\n        labelTips={\n          isCreate\n            ? '新建默认停用。标题：点「插入变量」插入明文 {{key}}（可手改）。正文：原子色块，不可改字，整颗删除。'\n            : '标题可手改 {{key}}；正文为原子色块（不可改字、Backspace 整颗删）。'\n        }\n      />,\n      <RichTextField\n        key=\"bodyTemplate\"\n        name=\"bodyTemplate\"\n        label=\"正文模板\"\n        disabled={!canWrite}\n        enableVariableMention\n        variables={variables}\n        catalogError={catalogError}\n        editorKey={editorKey}\n        placeholder=\"编辑正文，点「插入变量」\"\n        minHeight={160}\n      />,\n    );\n    if (!renderAudienceField) {\n      fields.push(\n        <Select\n          key=\"audienceRoles\"\n          name=\"audienceRoles\"\n          label=\"受众角色\"\n          mode=\"multiple\"\n          allowClear\n          disabled={!canWrite}\n          options={roleOptions.map((r) => ({\n            value: r.code,\n            label: r.name || r.code,\n          }))}\n          optionFilterProp=\"label\"\n          maxTagCount=\"responsive\"\n          placeholder={roleOptions.length ? '下拉选择角色（可多选）' : '暂无角色数据'}\n          notFoundContent=\"暂无角色\"\n          labelTips=\"可与「通知范围」并存；至少选角色或槽位之一。emit 与显式 userIds 并集送达。\"\n          {...selectInModalPopupProps}\n        />,\n        <Select\n          key=\"audienceSlots\"\n          name=\"audienceSlots\"\n          label=\"通知范围\"\n          mode=\"multiple\"\n          allowClear\n          disabled={!canWrite}\n          options={AUDIENCE_SLOT_OPTIONS.map((o) => ({\n            value: o.value,\n            label: o.label,\n          }))}\n          optionFilterProp=\"label\"\n          maxTagCount=\"responsive\"\n          placeholder=\"可选：本人/领导/部门/分厂/租户或任务当事人\"\n          notFoundContent=\"暂无槽位\"\n          labelTips=\"依赖业务 emit.audienceContext；无上下文的槽不会发出。选「本租户」保存前会确认。\"\n          {...selectInModalPopupProps}\n        />,\n      );\n    }\n    return fields;\n  }, [\n    editorReady,\n    isCreate,\n    canWrite,\n    catalog,\n    variables,\n    editorKey,\n    catalogError,\n    renderAudienceField,\n    roleOptions,\n  ]);\n\n  const formProps = useMemo(\n    () => ({\n      data: formData,\n      onSubmit: async (data: FormShape) => {\n        if (!canWrite) {\n          message.warning('当前为只读（业务未授予写权限）');\n          return false;\n        }\n        const eventKey = String(data.eventKey || '').trim();\n        if (!eventKey) {\n          message.warning('请选择适用场景');\n          return false;\n        }\n        const titleTemplate = normalizeTemplatePlaceholders(String(data.titleTemplate || ''));\n        if (!titleTemplate.trim()) {\n          message.warning('请填写标题模板');\n          return false;\n        }\n        const audienceRoles = renderAudienceField\n          ? roles\n          : Array.isArray(data.audienceRoles)\n            ? data.audienceRoles\n            : [];\n        const audienceSlots = normalizeAudienceSlots(data.audienceSlots || []);\n        if (\n          !hasAudienceSelection({\n            roles: audienceRoles,\n            slots: audienceSlots,\n            userIds: null,\n          })\n        ) {\n          message.warning('请选择受众角色或通知范围（至少一个）');\n          return false;\n        }\n        if (audienceSlots.includes(ORG_TENANT_SLOT)) {\n          const ok = await new Promise<boolean>((resolve) => {\n            Modal.confirm({\n              title: '确认通知本租户全员？',\n              content: '已选「本租户（全公司）」：将向当前租户内用户展开（≠跨租户）。确认保存？',\n              okText: '确认保存',\n              cancelText: '取消',\n              onOk: () => resolve(true),\n              onCancel: () => resolve(false),\n            });\n          });\n          if (!ok) return false;\n        }\n        const hit = catalog.find((c) => c.eventKey === eventKey);\n        const scenario = String(hit?.label || data.scenario || eventKey).trim();\n        try {\n          await onSubmit({\n            ...(initial || {}),\n            code: data.code || initial?.code,\n            eventKey,\n            scenario,\n            label: scenario,\n            messageType: hit?.messageType || initial?.messageType || 'alert',\n            titleTemplate,\n            bodyTemplate: normalizeTemplatePlaceholders(String(data.bodyTemplate || '')),\n            audienceRoles,\n            roles: audienceRoles,\n            audienceSlots,\n            enabled: isCreate ? false : initial?.enabled !== false,\n            channel: initial?.channel || 'in_app',\n          });\n          onCancel();\n        } catch (e) {\n          message.error(e instanceof Error ? e.message : String(e));\n          return false;\n        }\n      },\n    }),\n    [\n      formData,\n      canWrite,\n      catalog,\n      onSubmit,\n      initial,\n      roles,\n      isCreate,\n      onCancel,\n      renderAudienceField,\n    ],\n  );\n\n  return (\n    <FormModal\n      title={isCreate ? '新建模板' : '编辑模板'}\n      open={open}\n      onCancel={onCancel}\n      width={720}\n      size=\"small\"\n      className=\"msg-center-form-modal\"\n      okText=\"保存\"\n      autoClose={false}\n      focusable={{ trap: false }}\n      afterOpenChange={handleAfterOpenChange}\n      formProps={formProps}\n    >\n      <FormInfo column={1} list={fieldList} />\n      {renderAudienceField ? (\n        <div className={styles.audienceBlock}>\n          <Typography.Text className={styles.audienceLabel}>\n            <span style={{ color: '#ff4d4f', marginRight: 4 }}>*</span>\n            受众角色\n          </Typography.Text>\n          {renderAudienceField({ roles, onChange: setRoles })}\n        </div>\n      ) : null}\n      {editorReady ? (\n        <FormItem>\n          {(api: FormApiLike) => {\n            const data =\n              (typeof api.getFormData === 'function' ? api.getFormData() : undefined) ??\n              api.formData ??\n              formData;\n            const titlePreview = applyTemplateVars(String(data.titleTemplate || ''), previewVars);\n            const bodyRaw = applyTemplateVars(String(data.bodyTemplate || ''), previewVars);\n            const bodyHtml = sanitizeInboxHtml(bodyRaw);\n            return (\n              <div className={styles.previewCollapse}>\n                {varsEmptyHint ? (\n                  <Typography.Text type=\"secondary\">{varsEmptyHint}</Typography.Text>\n                ) : null}\n                <Collapse\n                  ghost\n                  size=\"small\"\n                  items={[\n                    {\n                      key: 'preview',\n                      label: '效果预览',\n                      children: (\n                        <div className={styles.previewCard}>\n                          <div className={styles.previewTitle}>\n                            {titlePreview.trim() || (\n                              <span className={styles.previewEmpty}>（无标题）</span>\n                            )}\n                          </div>\n                          {bodyHtml ? (\n                            <div\n                              className={styles.previewBody}\n                              dangerouslySetInnerHTML={{ __html: bodyHtml }}\n                            />\n                          ) : (\n                            <div className={`${styles.previewBody} ${styles.previewEmpty}`}>\n                              （无正文）\n                            </div>\n                          )}\n                        </div>\n                      ),\n                    },\n                  ]}\n                />\n              </div>\n            );\n          }}\n        </FormItem>\n      ) : null}\n    </FormModal>\n  );\n};\n\nexport default TemplateFormModal;\n"],"names":["selectInModalPopupProps","TemplateFormModal","open","isCreate","initial","catalog","roleOptions","variables","catalogError","previewVars","canWrite","onCancel","onSubmit","renderAudienceField","roles","setRoles","useState","editorReady","setEditorReady","useEffect","id","editorKey","formData","useMemo","normalizeTemplatePlaceholders","varsEmptyHint","handleAfterOpenChange","useCallback","nextOpen","fieldList","Typography","fields","jsx","Input","Select","c","RichTextField","r","AUDIENCE_SLOT_OPTIONS","o","formProps","data","message","eventKey","titleTemplate","audienceRoles","audienceSlots","normalizeAudienceSlots","hasAudienceSelection","ORG_TENANT_SLOT","resolve","Modal","hit","scenario","e","jsxs","FormModal","FormInfo","styles","FormItem","api","titlePreview","applyTemplateVars","bodyRaw","bodyHtml","sanitizeInboxHtml","Collapse"],"mappings":"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"}

package/dist/components/Tools/MessageCenter/MessageTemplateAdmin/PushRulesPanel/index.d.ts

@@ -1,10 +1,15 @@
 import { default as React } from 'react';
-import { MessageAudienceRoleOption, MessageCrudFlags, MessageEventCatalogItem, MessageTemplateAdminItem, PushRuleAdminItem } from '../types';
+import { MessageAudienceRoleOption, MessageAudienceUserOption, MessageCrudFlags, MessageEventCatalogItem, MessageTemplateAdminItem, PushRuleAdminItem } from '../types';
 export type PushRulesPanelProps = {
     crud: MessageCrudFlags;
     catalog: MessageEventCatalogItem[];
     templates: MessageTemplateAdminItem[];
     roleOptions: MessageAudienceRoleOption[];
+    userOptions?: MessageAudienceUserOption[];
+    /** 角色 options 加载失败短文案（勿静默空列表） */
+    audienceRolesError?: string;
+    /** 例外抄送（静态 userIds）options 加载失败短文案 */
+    audienceUsersError?: string;
     fetchPushRules: () => Promise<PushRuleAdminItem[]>;
     savePushRule: (item: PushRuleAdminItem) => Promise<void>;
     setPushRuleEnabled?: (item: PushRuleAdminItem, enabled: boolean) => Promise<void>;
@@ -13,6 +18,8 @@ export type PushRulesPanelProps = {
 };
 /**
  * 推送规则 CRUD：必含 eventKey + templateCode；channels 默认 in_app。
+ * 受众：角色多选 + 通知范围（audienceSlots）+ 例外抄送；roles∪slots∪userIds 至少一个。
+ * 任务当事人/组织槽依赖 emit.audienceContext；禁 Tree 盖壳。
  */
 export declare const PushRulesPanel: React.FC<PushRulesPanelProps>;
 export default PushRulesPanel;