@qiqb/message-domain 0.0.0-stage → 0.1.4

package/build/pages/subscription/PersonalSubscriptionPage.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SubscriptionPage from './SubscriptionPage.js';
+// 个人订阅的账户归属由后端按当前登录账号确定，前端不提供任意账户选择入口。
+export default function PersonalSubscriptionPage() {
+    return _jsx(SubscriptionPage, { scope: "PERSONAL" });
+}

package/build/pages/subscription/RoleSubscriptionPage.d.ts

@@ -0,0 +1 @@
+export default function RoleSubscriptionPage(): import("react").JSX.Element;

package/build/pages/subscription/RoleSubscriptionPage.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SubscriptionPage from './SubscriptionPage.js';
+export default function RoleSubscriptionPage() {
+    return _jsx(SubscriptionPage, { scope: "ROLE" });
+}

package/build/pages/subscription/SubscriptionForm.d.ts

@@ -0,0 +1,16 @@
+import { MessageRole, MessageSubscription, MessageTopic, SubscriptionMetadata, SubscriptionScope } from '../../services/MessageController.js';
+import './subscription-form.less';
+interface Props {
+    scope: SubscriptionScope;
+    open: boolean;
+    record?: MessageSubscription;
+    topics: MessageTopic[];
+    roles: MessageRole[];
+    metadata?: SubscriptionMetadata;
+    canManage: boolean;
+    loading: boolean;
+    onClose: () => void;
+    onSuccess: () => void;
+}
+export default function SubscriptionForm({ scope, open, record, topics, roles, metadata, canManage, loading, onClose, onSuccess, }: Props): import("react").JSX.Element;
+export {};

package/build/pages/subscription/SubscriptionForm.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BellOutlined, InboxOutlined, TeamOutlined, UserOutlined, } from '@ant-design/icons';
+import { Button, Drawer, Form, Input, Select, Switch, Tag, message, } from 'antd';
+import { useEffect, useRef, useState } from 'react';
+import { useMessageTheme } from '../../components/MessageWorkspace.js';
+import { saveMessageSubscription, showMessageError, } from '../../services/MessageController.js';
+import './subscription-form.less';
+export default function SubscriptionForm({ scope, open, record, topics, roles, metadata, canManage, loading, onClose, onSuccess, }) {
+    const [form] = Form.useForm();
+    const [saving, setSaving] = useState(false);
+    const savingRef = useRef(false);
+    const mounted = useRef(true);
+    const themeStyle = useMessageTheme();
+    const topicCode = Form.useWatch('topicCode', form);
+    const topic = topics.find((item) => item.code === topicCode);
+    const enabled = Form.useWatch('enabled', form);
+    const roleScope = scope === 'ROLE';
+    useEffect(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    }, []);
+    useEffect(() => {
+        if (!open)
+            return;
+        form.resetFields();
+        form.setFieldsValue(record || { enabled: true, conditions: [], channels: ['IN_APP'] });
+    }, [open, record, form]);
+    const save = async () => {
+        if (!canManage ||
+            !roleScope ||
+            loading ||
+            !metadata ||
+            savingRef.current)
+            return;
+        // 校验期间同样阻止重复保存；表单尚未渲染 loading 时也不会生成两条订阅。
+        savingRef.current = true;
+        setSaving(true);
+        try {
+            const values = await form.validateFields().catch(() => undefined);
+            if (!values || !mounted.current)
+                return;
+            await saveMessageSubscription({
+                id: record?.id,
+                name: values.name,
+                topicCode: values.topicCode,
+                // 个人订阅由主题策略生成，本表单只配置角色与主题的绑定关系。
+                subjectType: 'ROLE',
+                subjectId: values.subjectId,
+                enabled: values.enabled,
+                // 页面已取消过滤条件，保存时显式清空历史条件，统一接收主题全部消息。
+                conditions: [],
+                // 本期固定使用站内消息，界面无需让用户选择唯一可用的渠道。
+                channels: ['IN_APP'],
+            });
+            if (!mounted.current)
+                return;
+            message.success('消息订阅已保存');
+            onSuccess();
+            onClose();
+        }
+        catch (error) {
+            if (mounted.current)
+                showMessageError(error, '保存消息订阅失败');
+        }
+        finally {
+            savingRef.current = false;
+            if (mounted.current)
+                setSaving(false);
+        }
+    };
+    return (_jsx(Drawer
+    // 抽屉渲染到独立 Portal，主题变量和样式入口直接挂在抽屉根节点。
+    , { 
+        // 抽屉渲染到独立 Portal，主题变量和样式入口直接挂在抽屉根节点。
+        rootClassName: "qiqb-subscription-drawer", rootStyle: themeStyle, placement: "right", width: "min(600px, 100vw)", open: open, closable: !saving, maskClosable: !saving, keyboard: !saving, onClose: () => {
+            if (!saving)
+                onClose();
+        }, destroyOnHidden: true, title: _jsxs("div", { className: "qiqb-subscription-drawer__heading", children: [_jsxs("div", { className: "qiqb-subscription-drawer__eyebrow", children: [roleScope ? _jsx(TeamOutlined, {}) : _jsx(UserOutlined, {}), _jsx("span", { children: roleScope ? '角色订阅' : '个人订阅' })] }), _jsx("h2", { children: record ? '编辑订阅' : '新建订阅' }), _jsx("p", { children: "\u9009\u62E9\u89D2\u8272\u8BA2\u9605\u6A21\u5F0F\u7684\u4E3B\u9898\uFF0C\u7ED1\u5B9A\u63A5\u6536\u89D2\u8272\u3002" })] }), footer: _jsxs("div", { className: "qiqb-subscription-drawer__footer", children: [_jsx("span", { children: "\u4EC5\u63A5\u6536\u542F\u7528\u540E\u7684\u65B0\u6D88\u606F" }), _jsxs("div", { className: "qiqb-subscription-drawer__actions", children: [_jsx(Button, { disabled: saving, onClick: onClose, children: "\u53D6\u6D88" }), _jsx(Button, { type: "primary", loading: saving, disabled: !canManage ||
+                                !roleScope ||
+                                loading ||
+                                !metadata ||
+                                (topic !== undefined && topic.subscriptionMode !== 'ROLE'), onClick: save, children: "\u4FDD\u5B58\u8BA2\u9605" })] })] }), children: _jsxs(Form, { form: form, layout: "vertical", disabled: loading || saving, children: [_jsxs("section", { className: "qiqb-subscription-drawer__section", children: [_jsxs("div", { className: "qiqb-subscription-drawer__section-heading", children: [_jsx("span", { className: "qiqb-subscription-drawer__step", children: "01" }), _jsxs("div", { children: [_jsx("h3", { children: "\u57FA\u672C\u8BBE\u7F6E" }), _jsx("p", { children: "\u4E3A\u8BA2\u9605\u547D\u540D\uFF0C\u5E76\u9009\u62E9\u6D88\u606F\u4E3B\u9898\u3002" })] })] }), _jsx(Form.Item, { name: "name", label: "\u8BA2\u9605\u540D\u79F0", rules: [
+                                { required: true, whitespace: true, message: '请输入订阅名称' },
+                            ], children: _jsx(Input, { maxLength: 128, placeholder: "\u4F8B\u5982\uFF1A\u5BA1\u6279\u7ED3\u679C\u63D0\u9192" }) }), _jsx(Form.Item, { name: "topicCode", label: "\u6D88\u606F\u4E3B\u9898", rules: [
+                                { required: true, message: '请选择消息主题' },
+                                {
+                                    validator: async (_, value) => {
+                                        if (value &&
+                                            !topics.some((item) => item.code === value && item.subscriptionMode === 'ROLE'))
+                                            throw new Error('请选择角色订阅模式的主题');
+                                    },
+                                },
+                            ], children: _jsx(Select, { loading: loading, showSearch: true, optionFilterProp: "label", placeholder: "\u9009\u62E9\u4F60\u5173\u6CE8\u7684\u6D88\u606F\u4E3B\u9898", options: topics.map((item) => ({
+                                    label: `${item.name}（${item.code}）`,
+                                    value: item.code,
+                                    disabled: !item.enabled || item.subscriptionMode !== 'ROLE',
+                                })) }) }), topic && (_jsxs("div", { className: "qiqb-subscription-drawer__topic-info", children: [_jsx(BellOutlined, {}), _jsxs("div", { children: [_jsx("strong", { children: topic.name }), _jsxs("span", { children: ["\u6765\u6E90\u7CFB\u7EDF\uFF1A", topic.sourceSystem] }), topic.description && _jsx("p", { children: topic.description })] })] })), roleScope ? (_jsx(Form.Item, { name: "subjectId", label: "\u8BA2\u9605\u89D2\u8272", extra: record
+                                ? '角色归属已固定。如需更换角色，请新建订阅。'
+                                : '账户绑定该角色时，会自动生成对应的个人订阅。', rules: [{ required: true, message: '请选择订阅角色' }], children: _jsx(Select
+                            // 订阅主体创建后不能转移，避免编辑规则时改变既有规则归属。
+                            , { 
+                                // 订阅主体创建后不能转移，避免编辑规则时改变既有规则归属。
+                                disabled: !!record, showSearch: true, optionFilterProp: "label", options: roles.map((role) => ({
+                                    value: role.id,
+                                    label: role.code ? `${role.name}（${role.code}）` : role.name,
+                                })), placeholder: "\u9009\u62E9\u63A5\u6536\u6D88\u606F\u7684\u89D2\u8272" }) })) : (_jsxs("div", { className: "qiqb-subscription-drawer__personal-note", children: [_jsx(UserOutlined, {}), _jsx("span", { children: "\u8FD9\u6761\u8BA2\u9605\u4EC5\u5BF9\u5F53\u524D\u8D26\u53F7\u751F\u6548\u3002" })] }))] }), _jsxs("section", { className: "qiqb-subscription-drawer__section qiqb-subscription-drawer__section--last", children: [_jsxs("div", { className: "qiqb-subscription-drawer__section-heading", children: [_jsx("span", { className: "qiqb-subscription-drawer__step", children: "02" }), _jsxs("div", { children: [_jsx("h3", { children: "\u63A5\u6536\u65B9\u5F0F" }), _jsx("p", { children: "\u6D88\u606F\u7EDF\u4E00\u4FDD\u5B58\u5728\u201C\u6211\u7684\u6D88\u606F\u201D\u4E2D\u3002" })] })] }), _jsxs("div", { className: "qiqb-subscription-drawer__delivery", children: [_jsx("span", { className: "qiqb-subscription-drawer__delivery-icon", children: _jsx(InboxOutlined, {}) }), _jsxs("div", { children: [_jsx("strong", { children: "\u7AD9\u5185\u6D88\u606F" }), _jsx("p", { children: "\u968F\u65F6\u5728\u6D88\u606F\u4E2D\u5FC3\u67E5\u770B\u548C\u9605\u8BFB\u3002" })] }), _jsx(Tag, { className: "qiqb-subscription-drawer__channel-tag", children: "\u9ED8\u8BA4\u6E20\u9053" })] }), _jsxs("div", { className: "qiqb-subscription-drawer__status", children: [_jsxs("div", { children: [_jsx("strong", { children: "\u542F\u7528\u8BA2\u9605" }), _jsx("p", { children: enabled === false
+                                                ? '已暂停。开启后接收该主题后续发布的消息。'
+                                                : '接收该主题后续发布的消息。' })] }), _jsx(Form.Item, { name: "enabled", valuePropName: "checked", noStyle: true, children: _jsx(Switch, { "aria-label": "\u542F\u7528\u8BA2\u9605" }) })] }), _jsxs("div", { className: "qiqb-subscription-drawer__history-note", children: [_jsx(BellOutlined, {}), _jsx("span", { children: "\u8BA2\u9605\u542F\u7528\u540E\u63A5\u6536\u65B0\u6D88\u606F\uFF0C\u5386\u53F2\u6D88\u606F\u4E0D\u4F1A\u8865\u53D1\u3002" })] })] })] }) }));
+}

package/build/pages/subscription/SubscriptionPage.d.ts

@@ -0,0 +1,5 @@
+import { SubscriptionScope } from '../../services/MessageController.js';
+import './subscription.less';
+export default function SubscriptionPage({ scope, }: {
+    scope: SubscriptionScope;
+}): import("react").JSX.Element;

package/build/pages/subscription/SubscriptionPage.js

@@ -0,0 +1,273 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BellOutlined, DeleteOutlined, EditOutlined, MessageOutlined, PlusOutlined, ReloadOutlined, TeamOutlined, } from '@ant-design/icons';
+import { Alert, Button, Empty, Pagination, Popconfirm, Segmented, Select, Skeleton, Space, Spin, Switch, Tooltip, message, } from 'antd';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import MessageWorkspace from '../../components/MessageWorkspace.js';
+import { useAccess } from '../../runtime/index.js';
+import { getMessageRoles, getMessageTopics, getSubscriptionMetadata, pageMessageSubscriptions, removeMessageSubscription, setMessageSubscriptionEnabled, showMessageError, } from '../../services/MessageController.js';
+import SubscriptionForm from './SubscriptionForm.js';
+import './subscription.less';
+const initialQuery = {
+    current: 1,
+    pageSize: 12,
+    status: 'ALL',
+};
+export default function SubscriptionPage({ scope, }) {
+    const access = useAccess();
+    const roleScope = scope === 'ROLE';
+    // 个人只调整自己的订阅启停；角色入口查询及所有写操作统一受管理权限保护。
+    const canManage = !roleScope ||
+        access.verifyElementPermission('MessageRoleSubscriptionManageBtn');
+    const canConfigure = roleScope && canManage;
+    const [topics, setTopics] = useState([]);
+    const [roles, setRoles] = useState([]);
+    const [metadata, setMetadata] = useState();
+    const [optionsLoading, setOptionsLoading] = useState(true);
+    const [optionsFailed, setOptionsFailed] = useState(false);
+    const [records, setRecords] = useState([]);
+    const [total, setTotal] = useState(0);
+    const [recordsLoading, setRecordsLoading] = useState(true);
+    const [recordsFailed, setRecordsFailed] = useState(false);
+    const [query, setQuery] = useState(initialQuery);
+    const [reloadKey, setReloadKey] = useState(0);
+    const [open, setOpen] = useState(false);
+    const [editing, setEditing] = useState();
+    const [busyId, setBusyId] = useState();
+    const optionsVersion = useRef(0);
+    const recordsVersion = useRef(0);
+    const mounted = useRef(true);
+    // ref 同步拦住连续点击，避免 React 状态尚未渲染时重复发出写请求。
+    const mutationId = useRef();
+    useEffect(() => {
+        mounted.current = true;
+        return () => {
+            // 离开页面后，已发出的写请求可以完成，但不再提示或触发上一页刷新。
+            mounted.current = false;
+        };
+    }, []);
+    const reloadRecords = useCallback(() => {
+        recordsVersion.current += 1;
+        setReloadKey((key) => key + 1);
+    }, []);
+    const changeQuery = (changes) => {
+        // 筛选改变时即使旧请求马上返回，也不能覆盖新筛选结果。
+        recordsVersion.current += 1;
+        setQuery((previous) => ({ ...previous, ...changes }));
+    };
+    const loadOptions = useCallback(async () => {
+        const version = ++optionsVersion.current;
+        if (roleScope && !canManage) {
+            // 角色规则含跨账号信息，没有管理权限时不发起选项及角色查询。
+            setOptionsLoading(false);
+            return;
+        }
+        setOptionsLoading(true);
+        setOptionsFailed(false);
+        try {
+            const [topicResponse, metadataResponse, roleResponse] = await Promise.all([
+                getMessageTopics(),
+                getSubscriptionMetadata(),
+                roleScope ? getMessageRoles() : Promise.resolve(undefined),
+            ]);
+            if (version !== optionsVersion.current)
+                return;
+            // 个人订阅由主题策略自动生成；角色配置仅提供角色订阅模式的主题。
+            setTopics((topicResponse.data || []).filter((topic) => !roleScope || topic.subscriptionMode === 'ROLE'));
+            setMetadata(metadataResponse.data);
+            setRoles(roleResponse?.data || []);
+        }
+        catch (error) {
+            if (version !== optionsVersion.current)
+                return;
+            setOptionsFailed(true);
+            showMessageError(error, '加载订阅选项失败');
+        }
+        finally {
+            if (version === optionsVersion.current)
+                setOptionsLoading(false);
+        }
+    }, [roleScope, canManage]);
+    useEffect(() => {
+        void loadOptions();
+        return () => {
+            optionsVersion.current += 1;
+        };
+    }, [loadOptions]);
+    useEffect(() => {
+        // 个人与角色页面复用组件时，清除上一个入口的筛选、页码和编辑对象。
+        recordsVersion.current += 1;
+        setQuery(initialQuery);
+        setRecords([]);
+        setTotal(0);
+        setOpen(false);
+        setEditing(undefined);
+    }, [scope]);
+    useEffect(() => {
+        const version = ++recordsVersion.current;
+        let active = true;
+        if (roleScope && !canManage) {
+            setRecords([]);
+            setTotal(0);
+            setRecordsLoading(false);
+            return;
+        }
+        setRecordsLoading(true);
+        setRecordsFailed(false);
+        void (async () => {
+            try {
+                const { data } = await pageMessageSubscriptions({
+                    scope,
+                    current: query.current,
+                    pageSize: query.pageSize,
+                    topicCode: query.topicCode,
+                    subjectId: roleScope ? query.subjectId : undefined,
+                    // “全部”不提交 enabled，避免把未选择状态误解释为停用规则。
+                    enabled: query.status === 'ALL' ? undefined : query.status === 'ENABLED',
+                });
+                if (!active || version !== recordsVersion.current)
+                    return;
+                const nextTotal = data?.total || 0;
+                setTotal(nextTotal);
+                const lastPage = Math.max(1, Math.ceil(nextTotal / query.pageSize));
+                if (query.current > lastPage) {
+                    // 删除末页最后一条规则后，依据服务端最新总数退回可用页重新查询。
+                    recordsVersion.current += 1;
+                    setQuery((previous) => ({ ...previous, current: lastPage }));
+                    return;
+                }
+                setRecords(data?.records || []);
+            }
+            catch (error) {
+                if (!active || version !== recordsVersion.current)
+                    return;
+                setRecordsFailed(true);
+                setRecords([]);
+                setTotal(0);
+                showMessageError(error, '加载消息订阅失败');
+            }
+            finally {
+                if (active && version === recordsVersion.current)
+                    setRecordsLoading(false);
+            }
+        })();
+        return () => {
+            active = false;
+        };
+    }, [scope, roleScope, canManage, query, reloadKey]);
+    const changeEnabled = async (record, enabled) => {
+        if (!mounted.current || !canManage || mutationId.current)
+            return;
+        mutationId.current = record.id;
+        setBusyId(record.id);
+        try {
+            await setMessageSubscriptionEnabled(record.id, enabled);
+            if (!mounted.current)
+                return;
+            message.success(enabled ? '订阅已启用' : '订阅已停用');
+            reloadRecords();
+        }
+        catch (error) {
+            if (mounted.current)
+                showMessageError(error, '调整订阅状态失败');
+        }
+        finally {
+            mutationId.current = undefined;
+            if (mounted.current)
+                setBusyId(undefined);
+        }
+    };
+    const remove = async (record) => {
+        if (!mounted.current || !canConfigure || mutationId.current)
+            return;
+        mutationId.current = record.id;
+        setBusyId(record.id);
+        try {
+            await removeMessageSubscription(record.id);
+            if (!mounted.current)
+                return;
+            message.success('消息订阅已删除');
+            reloadRecords();
+        }
+        catch (error) {
+            if (mounted.current)
+                showMessageError(error, '删除消息订阅失败');
+        }
+        finally {
+            mutationId.current = undefined;
+            if (mounted.current)
+                setBusyId(undefined);
+        }
+    };
+    const create = () => {
+        if (!canConfigure || optionsLoading || optionsFailed || !metadata || busyId)
+            return;
+        setEditing(undefined);
+        setOpen(true);
+    };
+    const filtersActive = !!query.topicCode || !!query.subjectId || query.status !== 'ALL';
+    const title = roleScope ? '角色订阅' : '我的订阅';
+    const description = roleScope
+        ? '为角色配置订阅，账户绑定角色时自动生成个人订阅。'
+        : '主题和角色为你自动绑定订阅，可按需启用或停用消息接收。';
+    const createDisabled = optionsFailed || !metadata || !!busyId;
+    if (roleScope && !canManage) {
+        return (_jsx(MessageWorkspace, { icon: _jsx(TeamOutlined, {}), title: title, description: description, children: _jsx(Alert, { type: "warning", showIcon: true, message: "\u6682\u65E0\u89D2\u8272\u8BA2\u9605\u7BA1\u7406\u6743\u9650\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u6388\u6743\u3002" }) }));
+    }
+    return (_jsxs(MessageWorkspace, { icon: roleScope ? _jsx(TeamOutlined, {}) : _jsx(BellOutlined, {}), title: title, description: description, extra: canConfigure && (_jsx(Button, { type: "primary", icon: _jsx(PlusOutlined, {}), loading: optionsLoading, disabled: createDisabled, onClick: create, children: "\u65B0\u589E\u8BA2\u9605" })), children: [optionsFailed && (_jsx(Alert, { className: "qiqb-message-subscription-alert", type: "error", showIcon: true, message: "\u8BA2\u9605\u9009\u9879\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u540E\u7BA1\u7406\u8BA2\u9605\u3002", action: _jsx(Button, { size: "small", onClick: () => void loadOptions(), children: "\u91CD\u8BD5" }) })), _jsxs("div", { className: "qiqb-message-subscription-toolbar", children: [_jsxs("div", { className: "qiqb-message-subscription-filters", children: [_jsx(Select, { "aria-label": "\u7B5B\u9009\u6D88\u606F\u4E3B\u9898", className: "qiqb-message-subscription-select", allowClear: true, showSearch: true, optionFilterProp: "label", placeholder: "\u5168\u90E8\u4E3B\u9898", value: query.topicCode, loading: optionsLoading, options: topics.map((topic) => ({
+                                    value: topic.code,
+                                    label: topic.name,
+                                })), onChange: (topicCode) => changeQuery({ topicCode, current: 1 }) }), roleScope && (_jsx(Select, { "aria-label": "\u7B5B\u9009\u8BA2\u9605\u89D2\u8272", className: "qiqb-message-subscription-select", allowClear: true, showSearch: true, optionFilterProp: "label", placeholder: "\u5168\u90E8\u89D2\u8272", value: query.subjectId, loading: optionsLoading, options: roles.map((role) => ({
+                                    value: role.id,
+                                    label: role.name,
+                                })), onChange: (subjectId) => changeQuery({ subjectId, current: 1 }) })), _jsx(Segmented, { "aria-label": "\u7B5B\u9009\u8BA2\u9605\u72B6\u6001", value: query.status, options: [
+                                    { label: '全部', value: 'ALL' },
+                                    { label: '启用', value: 'ENABLED' },
+                                    { label: '停用', value: 'DISABLED' },
+                                ], onChange: (status) => changeQuery({ status: status, current: 1 }) }), filtersActive && (_jsx(Button, { type: "text", onClick: () => changeQuery({
+                                    topicCode: undefined,
+                                    subjectId: undefined,
+                                    status: 'ALL',
+                                    current: 1,
+                                }), children: "\u91CD\u7F6E\u7B5B\u9009" }))] }), _jsxs("div", { className: "qiqb-message-subscription-summary", children: [_jsx("span", { children: recordsLoading
+                                    ? '正在加载订阅'
+                                    : recordsFailed
+                                        ? '数量暂不可用'
+                                        : `共 ${total} 条订阅` }), _jsx(Tooltip, { title: "\u5237\u65B0\u8BA2\u9605", children: _jsx(Button, { type: "text", "aria-label": "\u5237\u65B0\u8BA2\u9605", icon: _jsx(ReloadOutlined, {}), loading: recordsLoading, onClick: reloadRecords }) })] })] }), recordsFailed && (_jsx(Alert, { className: "qiqb-message-subscription-alert", type: "error", showIcon: true, message: "\u6D88\u606F\u8BA2\u9605\u52A0\u8F7D\u5931\u8D25", action: _jsx(Button, { size: "small", onClick: reloadRecords, children: "\u91CD\u65B0\u52A0\u8F7D" }) })), _jsx(Spin, { spinning: recordsLoading && records.length > 0, children: _jsx("div", { className: "qiqb-message-subscription-grid", "aria-busy": recordsLoading, children: recordsLoading && records.length === 0
+                        ? [0, 1, 2].map((key) => (_jsx("div", { className: "qiqb-message-subscription-card", children: _jsx(Skeleton, { active: true, paragraph: { rows: 4 } }) }, key)))
+                        : records.map((record) => {
+                            const topicName = record.topicName ||
+                                topics.find((topic) => topic.code === record.topicCode)
+                                    ?.name ||
+                                record.topicCode;
+                            const roleName = record.subjectName ||
+                                roles.find((role) => role.id === record.subjectId)?.name ||
+                                '角色订阅';
+                            const disabled = !canManage || !!busyId || recordsLoading || optionsLoading;
+                            return (_jsxs("article", { className: "qiqb-message-subscription-card", children: [_jsxs("div", { className: "qiqb-message-subscription-card-header", children: [_jsx("span", { className: "qiqb-message-subscription-topic-icon", children: _jsx(BellOutlined, {}) }), _jsxs("div", { className: "qiqb-message-subscription-heading", children: [_jsx("h3", { children: record.name }), _jsx("div", { className: "qiqb-message-subscription-topic", children: topicName })] }), _jsxs("div", { className: "qiqb-message-subscription-state", children: [_jsx("span", { className: record.enabled
+                                                            ? 'qiqb-message-subscription-status is-enabled'
+                                                            : 'qiqb-message-subscription-status', children: record.enabled ? '已启用' : '已停用' }), _jsx(Switch, { size: "small", "aria-label": `${record.name}启用状态`, checked: record.enabled, disabled: disabled, loading: busyId === record.id, onChange: (enabled) => void changeEnabled(record, enabled) })] })] }), roleScope && (_jsxs("div", { className: "qiqb-message-subscription-role", children: [_jsx(TeamOutlined, {}), _jsx("span", { children: roleName })] })), _jsxs("div", { className: "qiqb-message-subscription-conditions", children: [_jsx("div", { className: "qiqb-message-subscription-condition-label", children: "\u63A5\u6536\u8303\u56F4" }), _jsx("div", { className: "qiqb-message-subscription-all", children: "\u8BE5\u4E3B\u9898\u4E0B\u7684\u5168\u90E8\u6D88\u606F" })] }), _jsxs("div", { className: "qiqb-message-subscription-card-footer", children: [_jsxs("div", { className: "qiqb-message-subscription-channels", children: [_jsx(MessageOutlined, {}), _jsx("span", { children: (record.channels || [])
+                                                            .map((channel) => metadata?.channels.find((item) => item.code === channel)?.name ||
+                                                            (channel === 'IN_APP' ? '站内消息' : channel))
+                                                            .join('、') || '未设置渠道' })] }), canConfigure && (_jsxs(Space, { size: 0, children: [_jsx(Button, { type: "text", size: "small", icon: _jsx(EditOutlined, {}), disabled: disabled ||
+                                                            optionsFailed ||
+                                                            !metadata ||
+                                                            !topics.some((topic) => topic.code === record.topicCode), onClick: () => {
+                                                            if (!canConfigure || mutationId.current)
+                                                                return;
+                                                            setEditing(record);
+                                                            setOpen(true);
+                                                        }, children: "\u7F16\u8F91" }), _jsx(Popconfirm, { title: "\u5220\u9664\u8BE5\u6D88\u606F\u8BA2\u9605\uFF1F", description: "\u5220\u9664\u540E\u5C06\u4E0D\u518D\u901A\u8FC7\u6B64\u89C4\u5219\u63A5\u6536\u65B0\u6D88\u606F\u3002", disabled: disabled, okText: "\u5220\u9664", cancelText: "\u53D6\u6D88", onConfirm: () => remove(record), children: _jsx(Button, { type: "text", size: "small", danger: true, icon: _jsx(DeleteOutlined, {}), disabled: disabled, children: "\u5220\u9664" }) })] }))] })] }, record.id));
+                        }) }) }), !recordsLoading && !recordsFailed && records.length === 0 && (_jsx("div", { className: "qiqb-message-subscription-empty", children: _jsx(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: filtersActive ? '没有符合筛选条件的订阅' : '还没有消息订阅', children: filtersActive ? (_jsx(Button, { onClick: () => changeQuery({
+                            ...initialQuery,
+                            pageSize: query.pageSize,
+                            // 展开对象不包含可选字段，须显式清除已有主题及角色筛选。
+                            topicCode: undefined,
+                            subjectId: undefined,
+                        }), children: "\u6E05\u9664\u7B5B\u9009" })) : (canConfigure && (_jsx(Button, { type: "primary", icon: _jsx(PlusOutlined, {}), disabled: createDisabled || optionsLoading, onClick: create, children: "\u521B\u5EFA\u7B2C\u4E00\u4E2A\u8BA2\u9605" }))) }) })), total > 0 && (_jsx("div", { className: "qiqb-message-subscription-pagination", children: _jsx(Pagination, { current: query.current, pageSize: query.pageSize, total: total, showSizeChanger: true, pageSizeOptions: [12, 24, 48], disabled: recordsLoading, onChange: (current, pageSize) => changeQuery({
+                        current: pageSize === query.pageSize ? current : 1,
+                        pageSize,
+                    }) }) })), roleScope && (_jsx(SubscriptionForm, { scope: scope, open: open, record: editing, topics: topics, roles: roles, metadata: metadata, canManage: canConfigure, loading: optionsLoading || optionsFailed, onClose: () => {
+                    setOpen(false);
+                    setEditing(undefined);
+                }, onSuccess: reloadRecords }))] }));
+}