@hkyhy/marsun-components-core 0.1.101 → 0.1.102

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

@@ -1,181 +1,182 @@
-import { jsx as r, jsxs as p, Fragment as Q } from "react/jsx-runtime";
-import { RichTextField as V } from "../../../../FormInfo/RichTextField/index.js";
-import { normalizeTemplatePlaceholders as h, applyTemplateVars as H, stripHtmlToText as $ } from "../../utils/templateCode.js";
-import { Typography as c, message as T, Select as q } from "antd";
-import { useState as I, useEffect as z, useMemo as x, useCallback as B } from "react";
+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 K, Select as O } from "../../../../FormInfo/fields.js";
-import _ from "../../../../FormInfo/FormModal.js";
-import G from "../../../../FormInfo/FormInfo.js";
-import J from "../../../../FormInfo/FormItem.js";
-const te = ({
-  open: g,
+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,
   initial: e,
-  catalog: f,
-  roleOptions: P,
-  variables: y,
-  catalogError: u,
-  previewVars: R,
-  canWrite: l,
-  onCancel: v,
-  onSubmit: k,
-  renderAudienceField: M
+  catalog: n,
+  roleOptions: K,
+  variables: f,
+  catalogError: a,
+  previewVars: P,
+  canWrite: m,
+  onCancel: g,
+  onSubmit: R,
+  renderAudienceField: k
 }) => {
-  const [m, w] = I([]), [F, b] = I(!1);
-  z(() => {
-    if (!g || !e) {
-      b(!1);
+  const [d, v] = I([]), [w, u] = I(!1);
+  C(() => {
+    if (!T || !e) {
+      u(!1);
       return;
     }
-    w(e.audienceRoles || e.roles || []);
-    const o = window.requestAnimationFrame(() => b(!0));
+    v(e.audienceRoles || e.roles || []);
+    const o = window.requestAnimationFrame(() => u(!0));
     return () => window.cancelAnimationFrame(o);
-  }, [g, e]);
-  const D = (e == null ? void 0 : e.id) || (e == null ? void 0 : e.code) || (s ? "create" : "edit"), S = x(() => e ? {
+  }, [T, e]);
+  const M = (e == null ? void 0 : e.id) || (e == null ? void 0 : e.code) || (s ? "create" : "edit"), S = x(() => e ? {
     code: e.code,
     eventKey: e.eventKey,
     scenario: e.scenario || e.label || "",
-    titleTemplate: h(
+    titleTemplate: b(
       e.titleTemplate || e.titlePreview || ""
     ),
-    bodyTemplate: h(e.bodyTemplate || "")
-  } : {}, [e]), E = u ? `目录加载失败，无法插入变量（${u}）` : y.length === 0 ? "暂无 catalog 变量" : "", A = B((o) => {
-    b(!!o);
-  }, []), L = x(() => {
-    if (!F)
+    bodyTemplate: b(e.bodyTemplate || "")
+  } : {}, [e]), D = a ? `目录加载失败，无法插入变量（${a}）` : f.length === 0 ? "暂无 catalog 变量" : "", L = E((o) => {
+    u(!!o);
+  }, []), N = x(() => {
+    if (!w)
       return [
-        /* @__PURE__ */ r(c.Text, { type: "secondary", children: "加载编辑器…" }, "loading")
+        /* @__PURE__ */ r(y.Text, { type: "secondary", children: "加载编辑器…" }, "loading")
       ];
     const o = [];
-    return s || o.push(/* @__PURE__ */ r(K, { name: "code", label: "编号", disabled: !0 }, "code")), o.push(
+    return s || o.push(/* @__PURE__ */ r(A, { name: "code", label: "编号", disabled: !0 }, "code")), o.push(
       /* @__PURE__ */ r(
         O,
         {
           name: "eventKey",
-          label: "事件",
+          label: "适用场景",
           rule: "REQ",
-          disabled: !l,
+          disabled: !m,
           optionLabelProp: "label",
-          options: f.map((t) => ({
+          options: n.map((t) => ({
             value: t.eventKey,
-            label: t.label
-          }))
+            label: t.label || t.eventKey
+          })),
+          placeholder: n.length ? "选择场景" : "暂无事件目录"
         },
         "eventKey"
       ),
-      /* @__PURE__ */ r(K, { name: "scenario", label: "适用场景", rule: "REQ", disabled: !l }, "scenario"),
       /* @__PURE__ */ r(
-        K,
+        A,
         {
           name: "titleTemplate",
           label: "标题模板",
-          disabled: !l,
+          disabled: !m,
           enableVariableMention: !0,
-          variables: y,
-          catalogError: u,
+          variables: f,
+          catalogError: a,
           placeholder: "点「插入变量」选择 catalog 变量",
           labelTips: s ? "新建默认停用。标题：点「插入变量」插入明文 {{key}}（可手改）。正文：原子色块，不可改字，整颗删除。" : "标题可手改 {{key}}；正文为原子色块（不可改字、Backspace 整颗删）。"
         },
         "titleTemplate"
       ),
       /* @__PURE__ */ r(
-        V,
+        q,
         {
           name: "bodyTemplate",
           label: "正文模板",
-          disabled: !l,
+          disabled: !m,
           enableVariableMention: !0,
-          variables: y,
-          catalogError: u,
-          editorKey: D,
+          variables: f,
+          catalogError: a,
+          editorKey: M,
           placeholder: "编辑正文，点「插入变量」",
           minHeight: 160
         },
         "bodyTemplate"
       )
     ), o;
-  }, [F, s, l, f, y, D]), N = x(
+  }, [w, s, m, n, f, M, a]), V = x(
     () => ({
       data: S,
       onSubmit: async (o) => {
-        if (!l)
-          return T.warning("当前为只读（业务未授予写权限）"), !1;
-        const t = String(o.scenario || "").trim(), n = String(o.eventKey || "").trim();
+        if (!m)
+          return F.warning("当前为只读（业务未授予写权限）"), !1;
+        const t = String(o.eventKey || "").trim();
         if (!t)
-          return T.warning("请填写适用场景"), !1;
-        if (!n)
-          return T.warning("请选择事件"), !1;
-        const a = f.find((d) => d.eventKey === n);
+          return F.warning("请选择适用场景"), !1;
+        const l = n.find((p) => p.eventKey === t), h = String((l == null ? void 0 : l.label) || o.scenario || t).trim();
         try {
-          await k({
+          await R({
             ...e || {},
             code: o.code || (e == null ? void 0 : e.code),
-            eventKey: n,
-            scenario: t,
-            label: t,
-            messageType: (a == null ? void 0 : a.messageType) || (e == null ? void 0 : e.messageType) || "alert",
-            titleTemplate: h(String(o.titleTemplate || "")),
-            bodyTemplate: h(String(o.bodyTemplate || "")),
-            audienceRoles: m,
-            roles: m,
+            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,
             channel: (e == null ? void 0 : e.channel) || "in_app"
-          }), v();
-        } catch (d) {
-          return T.error(d instanceof Error ? d.message : String(d)), !1;
+          }), g();
+        } catch (p) {
+          return F.error(p instanceof Error ? p.message : String(p)), !1;
         }
       }
     }),
-    [S, l, f, k, e, m, s, v]
+    [S, m, n, R, e, d, s, g]
   );
-  return /* @__PURE__ */ p(
-    _,
+  return /* @__PURE__ */ c(
+    Q,
     {
       title: s ? "新建模板" : "编辑模板",
-      open: g,
-      onCancel: v,
+      open: T,
+      onCancel: g,
       width: 720,
       okText: "保存",
       autoClose: !1,
       focusable: { trap: !1 },
-      afterOpenChange: A,
-      formProps: N,
+      afterOpenChange: L,
+      formProps: V,
       children: [
-        /* @__PURE__ */ r(G, { column: 1, list: L }),
-        F ? /* @__PURE__ */ r(J, { children: (o) => {
-          const t = (typeof o.getFormData == "function" ? o.getFormData() : void 0) ?? o.formData ?? S, n = H(String(t.titleTemplate || ""), R), a = H(
-            $(String(t.bodyTemplate || "")),
-            R
+        /* @__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__ */ p(Q, { children: [
-            E ? /* @__PURE__ */ r(c.Text, { type: "secondary", children: E }) : null,
-            /* @__PURE__ */ p(c.Paragraph, { type: "secondary", className: j.preview, children: [
+          return /* @__PURE__ */ c($, { children: [
+            D ? /* @__PURE__ */ r(y.Text, { type: "secondary", children: D }) : null,
+            /* @__PURE__ */ c(y.Paragraph, { type: "secondary", className: j.preview, children: [
               "标题预览：",
-              n || "—"
+              l || "—"
             ] }),
-            /* @__PURE__ */ p(c.Paragraph, { type: "secondary", className: j.preview, children: [
+            /* @__PURE__ */ c(y.Paragraph, { type: "secondary", className: j.preview, children: [
               "正文预览：",
-              a || "—"
+              h || "—"
             ] })
           ] });
         } }) : null,
-        /* @__PURE__ */ p("div", { style: { marginTop: 12 }, children: [
-          /* @__PURE__ */ r(c.Text, { children: "受众角色" }),
-          M ? M({ roles: m, onChange: w }) : /* @__PURE__ */ r(
-            q,
+        /* @__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: m,
-              disabled: !l,
-              placeholder: P.length ? "选择角色" : "暂无角色数据",
-              options: P.map((o) => ({
+              value: d,
+              disabled: !m,
+              placeholder: K.length ? "下拉选择角色（可多选）" : "暂无角色数据",
+              options: K.map((o) => ({
                 value: o.code,
                 label: o.name || o.code
               })),
               optionFilterProp: "label",
-              onChange: (o) => w(o || []),
+              maxTagCount: "responsive",
+              onChange: (o) => v(o || []),
               notFoundContent: "暂无角色"
             }
           )
@@ -185,6 +186,6 @@ const te = ({
   );
 };
 export {
-  te as TemplateFormModal
+  re 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    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,\n        }))}\n      />,\n      <Input key=\"scenario\" name=\"scenario\" label=\"适用场景\" rule=\"REQ\" disabled={!canWrite} />,\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]);\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 scenario = String(data.scenario || '').trim();\n        const eventKey = String(data.eventKey || '').trim();\n        if (!scenario) {\n          message.warning('请填写适用场景');\n          return false;\n        }\n        if (!eventKey) {\n          message.warning('请选择事件');\n          return false;\n        }\n        const hit = catalog.find((c) => c.eventKey === eventKey);\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            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            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","scenario","eventKey","hit","e","jsxs","FormModal","FormInfo","FormItem","api","titlePreview","applyTemplateVars","bodyPreview","stripHtmlToText","Fragment","styles","AntSelect","r","v"],"mappings":";;;;;;;;;;AAqDO,MAAMA,KAAsD,CAAC;AAAA,EAClE,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,qBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAmB,CAAA,CAAE,GACzC,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK;AAEpD,EAAAG,EAAU,MAAM;AACd,QAAI,CAACjB,KAAQ,CAACE,GAAS;AACrB,MAAAc,EAAe,EAAK;AACpB;AAAA,IACF;AACA,IAAAH,EAASX,EAAQ,iBAAiBA,EAAQ,SAAS,CAAA,CAAE;AAErD,UAAMgB,IAAK,OAAO,sBAAsB,MAAMF,EAAe,EAAI,CAAC;AAClE,WAAO,MAAM,OAAO,qBAAqBE,CAAE;AAAA,EAC7C,GAAG,CAAClB,GAAME,CAAO,CAAC;AAElB,QAAMiB,KAAYjB,KAAA,gBAAAA,EAAS,QAAMA,KAAA,gBAAAA,EAAS,UAASD,IAAW,WAAW,SAEnEmB,IAAWC,EAAmB,MAC7BnB,IACE;AAAA,IACL,MAAMA,EAAQ;AAAA,IACd,UAAUA,EAAQ;AAAA,IAClB,UAAUA,EAAQ,YAAYA,EAAQ,SAAS;AAAA,IAC/C,eAAeoB;AAAA,MACbpB,EAAQ,iBAAiBA,EAAQ,gBAAgB;AAAA,IAAA;AAAA,IAEnD,cAAcoB,EAA8BpB,EAAQ,gBAAgB,EAAE;AAAA,EAAA,IARnD,CAAA,GAUpB,CAACA,CAAO,CAAC,GAENqB,IAAgBjB,IAClB,iBAAiBA,CAAY,MAC7BD,EAAU,WAAW,IACnB,kBACA,IAEAmB,IAAwBC,EAAY,CAACC,MAAsB;AAC/D,MAAI,EAAAA,CAA6B;AAAA,EAEnC,GAAG,CAAA,CAAE,GAECC,IAAYN,EAAQ,MAAM;AAC9B,QAAI,CAACN;AACH,aAAO;AAAA,0BACJa,EAAW,MAAX,EAA8B,MAAK,aAAY,sBAA3B,SAErB;AAAA,MAAA;AAGJ,UAAMC,IAA4B,CAAA;AAClC,WAAK5B,KACH4B,EAAO,KAAK,gBAAAC,EAACC,GAAA,EAAiB,MAAK,QAAO,OAAM,MAAK,UAAQ,GAAA,GAAtC,MAAuC,CAAE,GAElEF,EAAO;AAAA,MACL,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,MAAK;AAAA,UACL,UAAU,CAACxB;AAAA,UACX,iBAAgB;AAAA,UAChB,SAASL,EAAQ,IAAI,CAAC8B,OAAO;AAAA,YAC3B,OAAOA,EAAE;AAAA,YACT,OAAOA,EAAE;AAAA,UAAA,EACT;AAAA,QAAA;AAAA,QATE;AAAA,MAAA;AAAA,MAWN,gBAAAH,EAACC,GAAA,EAAqB,MAAK,YAAW,OAAM,QAAO,MAAK,OAAM,UAAU,CAACvB,EAAA,GAA9D,UAAwE;AAAA,MACnF,gBAAAsB;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,UAAU,CAACvB;AAAA,UACX,uBAAqB;AAAA,UACrB,WAAAH;AAAA,UACA,cAAAC;AAAA,UACA,aAAY;AAAA,UACZ,WACEL,IACI,0DACA;AAAA,QAAA;AAAA,QAXF;AAAA,MAAA;AAAA,MAcN,gBAAA6B;AAAA,QAACI;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,UAAU,CAAC1B;AAAA,UACX,uBAAqB;AAAA,UACrB,WAAAH;AAAA,UACA,cAAAC;AAAA,UACA,WAAAa;AAAA,UACA,aAAY;AAAA,UACZ,WAAW;AAAA,QAAA;AAAA,QATP;AAAA,MAAA;AAAA,IAUN,GAEKU;AAAA,EACT,GAAG,CAACd,GAAad,GAAUO,GAAUL,GAASE,GAAWc,CAAS,CAAC,GAE7DgB,IAAYd;AAAA,IAChB,OAAO;AAAA,MACL,MAAMD;AAAA,MACN,UAAU,OAAOgB,MAAoB;AACnC,YAAI,CAAC5B;AACH,iBAAA6B,EAAQ,QAAQ,iBAAiB,GAC1B;AAET,cAAMC,IAAW,OAAOF,EAAK,YAAY,EAAE,EAAE,KAAA,GACvCG,IAAW,OAAOH,EAAK,YAAY,EAAE,EAAE,KAAA;AAC7C,YAAI,CAACE;AACH,iBAAAD,EAAQ,QAAQ,SAAS,GAClB;AAET,YAAI,CAACE;AACH,iBAAAF,EAAQ,QAAQ,OAAO,GAChB;AAET,cAAMG,IAAMrC,EAAQ,KAAK,CAAC8B,MAAMA,EAAE,aAAaM,CAAQ;AACvD,YAAI;AACF,gBAAM7B,EAAS;AAAA,YACb,GAAIR,KAAW,CAAA;AAAA,YACf,MAAMkC,EAAK,SAAQlC,KAAA,gBAAAA,EAAS;AAAA,YAC5B,UAAAqC;AAAA,YACA,UAAAD;AAAA,YACA,OAAOA;AAAA,YACP,cAAaE,KAAA,gBAAAA,EAAK,iBAAetC,KAAA,gBAAAA,EAAS,gBAAe;AAAA,YACzD,eAAeoB,EAA8B,OAAOc,EAAK,iBAAiB,EAAE,CAAC;AAAA,YAC7E,cAAcd,EAA8B,OAAOc,EAAK,gBAAgB,EAAE,CAAC;AAAA,YAC3E,eAAexB;AAAA,YACf,OAAAA;AAAA,YACA,SAASX,IAAW,MAAQC,KAAA,gBAAAA,EAAS,aAAY;AAAA,YACjD,UAASA,KAAA,gBAAAA,EAAS,YAAW;AAAA,UAAA,CAC9B,GACDO,EAAA;AAAA,QACF,SAASgC,GAAG;AACV,iBAAAJ,EAAQ,MAAMI,aAAa,QAAQA,EAAE,UAAU,OAAOA,CAAC,CAAC,GACjD;AAAA,QACT;AAAA,MACF;AAAA,IAAA;AAAA,IAEF,CAACrB,GAAUZ,GAAUL,GAASO,GAAUR,GAASU,GAAOX,GAAUQ,CAAQ;AAAA,EAAA;AAG5E,SACE,gBAAAiC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO1C,IAAW,SAAS;AAAA,MAC3B,MAAAD;AAAA,MACA,UAAAS;AAAA,MACA,OAAO;AAAA,MACP,QAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW,EAAE,MAAM,GAAA;AAAA,MACnB,iBAAiBe;AAAA,MACjB,WAAAW;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAL,EAACc,GAAA,EAAS,QAAQ,GAAG,MAAMjB,GAAW;AAAA,QACrCZ,IACC,gBAAAe,EAACe,GAAA,EACE,UAAA,CAACC,MAAqB;AACrB,gBAAMV,KACH,OAAOU,EAAI,eAAgB,aAAaA,EAAI,gBAAgB,WAC7DA,EAAI,YACJ1B,GACI2B,IAAeC,EAAkB,OAAOZ,EAAK,iBAAiB,EAAE,GAAG7B,CAAW,GAC9E0C,IAAcD;AAAA,YAClBE,EAAgB,OAAOd,EAAK,gBAAgB,EAAE,CAAC;AAAA,YAC/C7B;AAAA,UAAA;AAEF,iBACE,gBAAAmC,EAAAS,GAAA,EACG,UAAA;AAAA,YAAA5B,sBACEK,EAAW,MAAX,EAAgB,MAAK,aAAa,aAAc,IAC/C;AAAA,YACJ,gBAAAc,EAACd,EAAW,WAAX,EAAqB,MAAK,aAAY,WAAWwB,EAAO,SAAS,UAAA;AAAA,cAAA;AAAA,cAC1DL,KAAgB;AAAA,YAAA,GACxB;AAAA,YACA,gBAAAL,EAACd,EAAW,WAAX,EAAqB,MAAK,aAAY,WAAWwB,EAAO,SAAS,UAAA;AAAA,cAAA;AAAA,cAC1DH,KAAe;AAAA,YAAA,EAAA,CACvB;AAAA,UAAA,GACF;AAAA,QAEJ,GACF,IACE;AAAA,0BACH,OAAA,EAAI,OAAO,EAAE,WAAW,MACvB,UAAA;AAAA,UAAA,gBAAAnB,EAACF,EAAW,MAAX,EAAgB,UAAA,OAAA,CAAI;AAAA,UACpBjB,IACCA,EAAoB,EAAE,OAAAC,GAAO,UAAUC,EAAA,CAAU,IAEjD,gBAAAiB;AAAA,YAACuB;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,EAAE,OAAO,QAAQ,WAAW,EAAA;AAAA,cACnC,OAAOzC;AAAA,cACP,UAAU,CAACJ;AAAA,cACX,aAAaJ,EAAY,SAAS,SAAS;AAAA,cAC3C,SAASA,EAAY,IAAI,CAACkD,OAAO;AAAA,gBAC/B,OAAOA,EAAE;AAAA,gBACT,OAAOA,EAAE,QAAQA,EAAE;AAAA,cAAA,EACnB;AAAA,cACF,kBAAiB;AAAA,cACjB,UAAU,CAACC,MAAM1C,EAAS0C,KAAK,CAAA,CAAE;AAAA,cACjC,iBAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QAClB,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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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"}

package/dist/components/Tools/MessageCenter/MessageTemplateAdmin/PushRulesPanel/index.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as k } from "react/jsx-runtime";
+import { jsx as o, jsxs as w } from "react/jsx-runtime";
 import { message as r, Switch as J, Space as O, Button as N, Select as V } from "antd";
-import { useState as y, useCallback as M, useEffect as _, useMemo as w } from "react";
+import { useState as y, useCallback as M, useEffect as _, useMemo as C } from "react";
 import { resolveTemplateCodeAfterEventChange as X } from "../../utils/adminGuards.js";
 import Y from "../style.module.scss.js";
 import Z from "../../../../Alert/Alert.js";
@@ -10,18 +10,18 @@ import P from "../../../../Table/Table.js";
 import ee from "../../../../FormInfo/FormModal.js";
 import ae from "../../../../FormInfo/FormInfo.js";
 import { Input as le, Select as oe, InputNumber as te } from "../../../../FormInfo/fields.js";
-const C = oe, ne = le, T = te, ke = ({
+const h = oe, ne = le, T = te, ke = ({
   crud: f,
-  catalog: c,
+  catalog: i,
   templates: u,
   roleOptions: Q,
   fetchPushRules: S,
   savePushRule: K,
-  setPushRuleEnabled: m,
-  deletePushRule: d,
-  createNonce: h = 0
+  setPushRuleEnabled: d,
+  deletePushRule: p,
+  createNonce: L = 0
 }) => {
-  const v = f.create, s = f.update, L = f.delete, U = f.read, I = (e) => e ? v : s, [g, x] = y([]), [D, F] = y(!1), [E, H] = y(""), [a, p] = y(null), [b, z] = y(!1), i = M(async () => {
+  const v = f.create, s = f.update, I = f.delete, U = f.read, k = (e) => e ? v : s, [g, x] = y([]), [D, F] = y(!1), [E, H] = y(""), [a, b] = y(null), [c, z] = y(!1), m = M(async () => {
     F(!0), H("");
     try {
       const e = await S();
@@ -33,11 +33,11 @@ const C = oe, ne = le, T = te, ke = ({
     }
   }, [S]);
   _(() => {
-    i();
-  }, [i]), _(() => {
-    if (!h || !v) return;
-    const e = c[0], l = u.find((t) => t.eventKey === (e == null ? void 0 : e.eventKey));
-    z(!0), p({
+    m();
+  }, [m]), _(() => {
+    if (!L || !v) return;
+    const e = i[0], l = u.find((t) => t.eventKey === (e == null ? void 0 : e.eventKey));
+    z(!0), b({
       label: (e == null ? void 0 : e.label) || "新建推送规则",
       eventKey: (e == null ? void 0 : e.eventKey) || "",
       templateCode: (l == null ? void 0 : l.code) || "",
@@ -48,14 +48,14 @@ const C = oe, ne = le, T = te, ke = ({
       scanLookbackDays: 7,
       enabled: !0
     });
-  }, [h, v, c, u]);
+  }, [L, v, i, u]);
   const $ = M(
     (e) => u.filter((l) => !e || l.eventKey === e).map((l) => ({
       value: String(l.code || ""),
       label: `${l.label || l.code || ""}（${l.code || ""}）`
     })).filter((l) => l.value),
     [u]
-  ), A = w(
+  ), A = C(
     () => ({
       label: a == null ? void 0 : a.label,
       eventKey: a == null ? void 0 : a.eventKey,
@@ -66,11 +66,11 @@ const C = oe, ne = le, T = te, ke = ({
       scanLookbackDays: (a == null ? void 0 : a.scanLookbackDays) ?? 0
     }),
     [a]
-  ), W = w(
+  ), W = C(
     () => ({
       data: A,
       onSubmit: async (e) => {
-        if (!I(b) || !a)
+        if (!k(c) || !a)
           return r.warning("当前为只读"), !1;
         const l = String(a.eventKey || e.eventKey || "").trim(), t = String(e.templateCode || "").trim();
         if (!l)
@@ -88,15 +88,15 @@ const C = oe, ne = le, T = te, ke = ({
             channels: ["in_app"],
             slaHours: Number(e.slaHours ?? 0),
             scanLookbackDays: Number(e.scanLookbackDays ?? 0),
-            enabled: b ? !0 : a.enabled !== !1
-          }), r.success("已保存"), p(null), await i();
+            enabled: c ? !0 : a.enabled !== !1
+          }), r.success("已保存"), b(null), await m();
         } catch (n) {
           return r.error(n instanceof Error ? n.message : String(n)), !1;
         }
       }
     }),
-    [v, s, a, A, b, i, K]
-  ), q = w(
+    [v, s, a, A, c, m, K]
+  ), q = C(
     () => [
       { title: "名称", dataIndex: "label", key: "label", ellipsis: !0 },
       {
@@ -105,7 +105,7 @@ const C = oe, ne = le, T = te, ke = ({
         key: "eventKey",
         render: (e) => {
           var l;
-          return ((l = c.find((t) => t.eventKey === e)) == null ? void 0 : l.label) || e || "—";
+          return ((l = i.find((t) => t.eventKey === e)) == null ? void 0 : l.label) || e || "—";
         }
       },
       { title: "关联模板", dataIndex: "templateCode", key: "templateCode", width: 140 },
@@ -126,11 +126,11 @@ const C = oe, ne = le, T = te, ke = ({
           {
             size: "small",
             checked: l.enabled !== !1,
-            disabled: !s || !m,
+            disabled: !s || !d,
             onChange: (t) => {
               (async () => {
                 try {
-                  await (m == null ? void 0 : m(l, t)), r.success(t ? "已启用" : "已停用"), await i();
+                  await (d == null ? void 0 : d(l, t)), r.success(t ? "已启用" : "已停用"), await m();
                 } catch (n) {
                   r.error(n instanceof Error ? n.message : String(n));
                 }
@@ -143,7 +143,7 @@ const C = oe, ne = le, T = te, ke = ({
         title: "操作",
         key: "actions",
         width: 140,
-        render: (e, l) => /* @__PURE__ */ k(O, { size: 4, children: [
+        render: (e, l) => /* @__PURE__ */ w(O, { size: 4, children: [
           /* @__PURE__ */ o(
             N,
             {
@@ -151,7 +151,7 @@ const C = oe, ne = le, T = te, ke = ({
               size: "small",
               disabled: !s,
               onClick: () => {
-                z(!1), p({ ...l });
+                z(!1), b({ ...l });
               },
               children: "编辑"
             }
@@ -162,11 +162,11 @@ const C = oe, ne = le, T = te, ke = ({
               type: "link",
               size: "small",
               danger: !0,
-              disabled: !L || !d,
+              disabled: !I || !p,
               onClick: () => {
                 (async () => {
                   try {
-                    await (d == null ? void 0 : d(l)), r.success("已删除"), await i();
+                    await (p == null ? void 0 : p(l)), r.success("已删除"), await m();
                   } catch (t) {
                     r.error(t instanceof Error ? t.message : String(t));
                   }
@@ -178,9 +178,9 @@ const C = oe, ne = le, T = te, ke = ({
         ] })
       }
     ],
-    [s, L, c, d, i, m]
+    [s, I, i, p, m, d]
   );
-  return /* @__PURE__ */ k("div", { className: Y.pane, children: [
+  return /* @__PURE__ */ w("div", { className: Y.pane, children: [
     E ? /* @__PURE__ */ o(Z, { type: "error", showIcon: !0, message: E, style: { marginBottom: 12 } }) : null,
     /* @__PURE__ */ o(R, { spinning: D, children: U ? g.length === 0 && !D ? /* @__PURE__ */ o(j, { description: "暂无推送规则" }) : /* @__PURE__ */ o(
       P,
@@ -195,39 +195,40 @@ const C = oe, ne = le, T = te, ke = ({
         size: "small"
       }
     ) : /* @__PURE__ */ o(j, { description: "无推送规则读取权限" }) }),
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ w(
       ee,
       {
-        title: b ? "新建推送规则" : "编辑推送规则",
+        title: c ? "新建推送规则" : "编辑推送规则",
         open: !!a,
-        onCancel: () => p(null),
+        onCancel: () => b(null),
         width: 560,
         okText: "保存",
         autoClose: !1,
         formProps: W,
         children: [
-          /* @__PURE__ */ k("div", { style: { marginBottom: 16 }, children: [
-            /* @__PURE__ */ o("div", { style: { marginBottom: 8 }, children: "事件" }),
+          /* @__PURE__ */ w("div", { style: { marginBottom: 16 }, children: [
+            /* @__PURE__ */ o("div", { style: { marginBottom: 8 }, children: "适用场景" }),
             /* @__PURE__ */ o(
               V,
               {
                 style: { width: "100%" },
-                disabled: !s,
+                disabled: !k(c),
                 value: (a == null ? void 0 : a.eventKey) || void 0,
-                options: c.map((e) => ({
+                placeholder: i.length ? "选择场景（中文）" : "暂无事件目录",
+                options: i.map((e) => ({
                   value: e.eventKey,
                   label: e.label || e.eventKey
                 })),
                 onChange: (e) => {
                   const l = String(e || ""), t = $(l);
-                  p(
+                  b(
                     (n) => {
                       var B;
                       return n && {
                         ...n,
                         eventKey: l,
                         templateCode: X(n.templateCode, t),
-                        label: ((B = c.find((G) => G.eventKey === l)) == null ? void 0 : B.label) || n.label
+                        label: ((B = i.find((G) => G.eventKey === l)) == null ? void 0 : B.label) || n.label
                       };
                     }
                   );
@@ -248,12 +249,12 @@ const C = oe, ne = le, T = te, ke = ({
                     name: "label",
                     label: "名称",
                     rule: "REQ",
-                    disabled: !I(b)
+                    disabled: !k(c)
                   },
                   "label"
                 ),
                 /* @__PURE__ */ o(
-                  C,
+                  h,
                   {
                     name: "templateCode",
                     label: "关联模板",
@@ -266,7 +267,7 @@ const C = oe, ne = le, T = te, ke = ({
                   `tpl-${(a == null ? void 0 : a.eventKey) || ""}`
                 ),
                 /* @__PURE__ */ o(
-                  C,
+                  h,
                   {
                     name: "levels",
                     label: "级别",
@@ -277,14 +278,15 @@ const C = oe, ne = le, T = te, ke = ({
                   "levels"
                 ),
                 /* @__PURE__ */ o(
-                  C,
+                  h,
                   {
                     name: "audienceRoles",
                     label: "受众角色",
                     mode: "multiple",
-                    disabled: !s,
+                    disabled: !k(c),
                     options: Q.map((e) => ({ value: e.code, label: e.name || e.code })),
-                    optionFilterProp: "label"
+                    optionFilterProp: "label",
+                    placeholder: "下拉选择角色（可多选）"
                   },
                   "audienceRoles"
                 ),