@qiqb/message-domain 0.0.0-stage → 0.1.3

package/build/pages/topic/TopicPage.js

@@ -0,0 +1,275 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EyeOutlined, PlusOutlined, SyncOutlined } from '@ant-design/icons';
+import { PageContainer, ProTable, } from '@ant-design/pro-components';
+import { Alert, Button, Col, Form, Input, Modal, Popconfirm, Row, Select, Space, Switch, Tag, Typography, message, } from 'antd';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useAccess } from '../../runtime/index.js';
+import { dispatchMessageReminderPreview } from '../../runtime/reminderEvents.js';
+import { getMessageSubscriptionModes, pageMessageTopics, removeMessageTopic, saveMessageTopic, showMessageError, syncMessageTopicSubscriptions, } from '../../services/MessageController.js';
+// 两组设置各自定义完整选项，不按级别禁用提醒方式，让业务自由搭配。
+const reminderModeLabels = {
+    FULLSCREEN: '全屏弹框',
+    CAROUSEL: '轮播条',
+    FLOATING: '浮动通知',
+};
+const messageLevelLabels = {
+    NORMAL: '普通',
+    IMPORTANT: '重要',
+    SEVERE: '严重',
+};
+const messageLevelColors = {
+    NORMAL: 'default',
+    IMPORTANT: 'orange',
+    SEVERE: 'red',
+};
+export default function TopicPage() {
+    const access = useAccess();
+    const actionRef = useRef();
+    const [form] = Form.useForm();
+    const [open, setOpen] = useState(false);
+    const [editing, setEditing] = useState();
+    const [saving, setSaving] = useState(false);
+    const [removingId, setRemovingId] = useState();
+    const [syncingId, setSyncingId] = useState();
+    const [subscriptionModes, setSubscriptionModes] = useState([]);
+    const [modesLoading, setModesLoading] = useState(true);
+    const [modesFailed, setModesFailed] = useState(false);
+    const modesVersion = useRef(0);
+    const syncId = useRef();
+    const mounted = useRef(true);
+    const canSave = access.verifyElementPermission('MessageTopicSaveBtn');
+    const canRemove = access.verifyElementPermission('MessageTopicRemoveBtn');
+    const loadSubscriptionModes = useCallback(async () => {
+        const version = ++modesVersion.current;
+        setModesLoading(true);
+        setModesFailed(false);
+        try {
+            const { data } = await getMessageSubscriptionModes();
+            if (version !== modesVersion.current)
+                return;
+            // 订阅策略由服务端提供，新增扩展模式时无需修改前端枚举。
+            setSubscriptionModes(data || []);
+        }
+        catch (error) {
+            if (version !== modesVersion.current)
+                return;
+            setModesFailed(true);
+            showMessageError(error, '加载订阅模式失败');
+        }
+        finally {
+            if (version === modesVersion.current)
+                setModesLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        mounted.current = true;
+        void loadSubscriptionModes();
+        return () => {
+            mounted.current = false;
+            modesVersion.current += 1;
+        };
+    }, [loadSubscriptionModes]);
+    const editTopic = (record) => {
+        setEditing(record);
+        form.resetFields();
+        form.setFieldsValue({
+            ...(record || {
+                enabled: true,
+            }),
+            subscriptionMode: record?.subscriptionMode || 'ALL_ACCOUNTS',
+            // 编辑历史主题时显式回填默认值，避免缺字段导致表单空选或保存丢失默认配置。
+            reminderMode: record?.reminderMode || 'FLOATING',
+            messageLevel: record?.messageLevel || 'NORMAL',
+        });
+        setOpen(true);
+    };
+    const save = async () => {
+        if (!canSave || modesLoading || modesFailed)
+            return;
+        // 校验失败留在表单内提示；服务失败保留已输入内容，便于修正后重试。
+        const values = await form.validateFields().catch(() => undefined);
+        if (!values)
+            return;
+        setSaving(true);
+        try {
+            await saveMessageTopic({
+                ...values,
+                id: editing?.id,
+                reminderMode: values.reminderMode || 'FLOATING',
+                messageLevel: values.messageLevel || 'NORMAL',
+                subscriptionMode: values.subscriptionMode || 'ALL_ACCOUNTS',
+            });
+            message.success('消息主题已保存');
+            setOpen(false);
+            actionRef.current?.reload();
+        }
+        catch (error) {
+            showMessageError(error, '保存消息主题失败');
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const syncSubscriptions = async (record) => {
+        if (!canSave || !mounted.current || syncId.current)
+            return;
+        // 同步可能创建多条账户订阅，连续点击由 ref 拦截，按钮状态用于反馈进度。
+        syncId.current = record.id;
+        setSyncingId(record.id);
+        try {
+            const { data } = await syncMessageTopicSubscriptions(record.id);
+            if (!mounted.current)
+                return;
+            message.success(`订阅已同步，新增 ${data?.createdCount || 0} 条账户订阅`);
+        }
+        catch (error) {
+            if (mounted.current)
+                showMessageError(error, '同步消息订阅失败');
+        }
+        finally {
+            syncId.current = undefined;
+            if (mounted.current)
+                setSyncingId(undefined);
+        }
+    };
+    const previewReminder = async () => {
+        if (saving)
+            return;
+        // 预览只校验提醒选项，主题尚未填写完整时也能比较不同展示组合。
+        const presentation = await form
+            .validateFields(['reminderMode', 'messageLevel'])
+            .catch(() => undefined);
+        if (!presentation)
+            return;
+        const values = form.getFieldsValue();
+        const reminderMode = presentation.reminderMode || 'FLOATING';
+        const messageLevel = presentation.messageLevel || 'NORMAL';
+        const topicName = values.name?.trim() || '示例消息主题';
+        // 优先使用浏览器 UUID；内网 HTTP 环境可能不提供该方法，仍允许生成本地预览标识。
+        const previewToken = globalThis.crypto?.randomUUID?.() ||
+            `${Date.now().toString(36)}:${Math.random().toString(36).slice(2)}`;
+        const previewId = `preview:${previewToken}`;
+        const now = new Date().toISOString();
+        // 示例只交给全局展示组件；独立标识用于避免点击预览时读取或确认真实收件记录。
+        dispatchMessageReminderPreview({
+            id: previewId,
+            receiptId: previewId,
+            messageId: previewId,
+            topicCode: values.code?.trim() || 'PREVIEW_TOPIC',
+            topicName,
+            sourceSystem: values.sourceSystem?.trim() || 'Platform',
+            title: `提醒预览 · ${topicName}`,
+            content: `这是一条${messageLevelLabels[messageLevel]}级别的示例消息，采用${reminderModeLabels[reminderMode]}展示。预览不会保存配置、发布消息或改变收件状态。`,
+            createTime: now,
+            occurredAt: now,
+            reminderMode,
+            messageLevel,
+        });
+    };
+    const columns = [
+        { title: '主题编码', dataIndex: 'code', copyable: true, width: 190 },
+        { title: '主题名称', dataIndex: 'name', width: 190 },
+        { title: '来源系统', dataIndex: 'sourceSystem', width: 130 },
+        {
+            title: '提醒方式',
+            dataIndex: 'reminderMode',
+            width: 110,
+            search: false,
+            render: (_, record) => reminderModeLabels[record.reminderMode || 'FLOATING'],
+        },
+        {
+            title: '消息级别',
+            dataIndex: 'messageLevel',
+            width: 100,
+            search: false,
+            render: (_, record) => {
+                const level = record.messageLevel || 'NORMAL';
+                return (_jsx(Tag, { color: messageLevelColors[level], children: messageLevelLabels[level] }));
+            },
+        },
+        {
+            title: '启用状态',
+            dataIndex: 'enabled',
+            valueType: 'select',
+            valueEnum: { true: '启用', false: '停用' },
+            render: (_, record) => (_jsx(Tag, { color: record.enabled ? 'success' : 'default', children: record.enabled ? '启用' : '停用' })),
+        },
+        {
+            title: '订阅模式',
+            dataIndex: 'subscriptionMode',
+            search: false,
+            render: (_, record) => {
+                const mode = record.subscriptionMode || 'ALL_ACCOUNTS';
+                return (subscriptionModes.find((item) => item.code === mode)?.name || mode);
+            },
+        },
+        {
+            title: '说明',
+            dataIndex: 'description',
+            search: false,
+            ellipsis: true,
+        },
+        {
+            title: '操作',
+            valueType: 'option',
+            width: 260,
+            render: (_, record) => (_jsxs(Space, { children: [canSave && _jsx("a", { onClick: () => editTopic(record), children: "\u7F16\u8F91" }), canSave && (_jsx(Button, { size: "small", type: "link", icon: _jsx(SyncOutlined, {}), loading: syncingId === record.id, disabled: !!syncingId || removingId === record.id, onClick: () => void syncSubscriptions(record), children: "\u540C\u6B65\u8BA2\u9605" })), canRemove && (_jsx(Popconfirm, { title: "\u5220\u9664\u8BE5\u6D88\u606F\u4E3B\u9898\uFF1F", description: "\u5DF2\u6709\u8BA2\u9605\u6216\u6D88\u606F\u7684\u4E3B\u9898\u53EF\u80FD\u4E0D\u5141\u8BB8\u5220\u9664\u3002", onConfirm: async () => {
+                            setRemovingId(record.id);
+                            try {
+                                await removeMessageTopic(record.id);
+                                message.success('消息主题已删除');
+                                actionRef.current?.reload();
+                            }
+                            catch (error) {
+                                showMessageError(error, '删除消息主题失败');
+                            }
+                            finally {
+                                setRemovingId(undefined);
+                            }
+                        }, children: _jsx(Button, { size: "small", type: "link", danger: true, loading: removingId === record.id, disabled: syncingId === record.id, children: "\u5220\u9664" }) }))] })),
+        },
+    ];
+    return (_jsxs(PageContainer, { title: "\u6D88\u606F\u4E3B\u9898", children: [modesFailed && (_jsx(Alert, { type: "error", showIcon: true, message: "\u8BA2\u9605\u6A21\u5F0F\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u540E\u4FDD\u5B58\u4E3B\u9898\u3002", action: _jsx(Button, { size: "small", onClick: () => void loadSubscriptionModes(), children: "\u91CD\u8BD5" }) })), _jsx(ProTable, { rowKey: "id", actionRef: actionRef, columns: columns, 
+                // 列表保留主题管理字段，窄屏通过横向滚动展示，避免压缩新增配置的中文标签。
+                scroll: { x: 1440 }, pagination: { defaultPageSize: 20, showSizeChanger: true }, toolBarRender: () => canSave
+                    ? [
+                        _jsx(Button, { type: "primary", icon: _jsx(PlusOutlined, {}), onClick: () => editTopic(), children: "\u65B0\u589E\u4E3B\u9898" }, "create"),
+                    ]
+                    : [], request: async (params) => {
+                    try {
+                        const { data } = await pageMessageTopics({
+                            ...params,
+                            enabled: params.enabled === undefined
+                                ? undefined
+                                : params.enabled === true || params.enabled === 'true',
+                        });
+                        return {
+                            data: data?.records || [],
+                            total: data?.total || 0,
+                            success: true,
+                        };
+                    }
+                    catch (error) {
+                        showMessageError(error, '加载消息主题失败');
+                        return { data: [], total: 0, success: false };
+                    }
+                } }), _jsx(Modal, { title: editing ? '编辑消息主题' : '新增消息主题', open: open, width: 680, onCancel: () => {
+                    if (!saving)
+                        setOpen(false);
+                }, onOk: save, confirmLoading: saving, okButtonProps: { disabled: !canSave || modesLoading || modesFailed }, cancelButtonProps: { disabled: saving }, destroyOnHidden: true, children: _jsxs(Form, { form: form, layout: "vertical", children: [_jsx(Form.Item, { name: "code", label: "\u4E3B\u9898\u7F16\u7801", rules: [
+                                { required: true, whitespace: true, message: '请输入主题编码' },
+                            ], children: _jsx(Input, { disabled: !!editing, placeholder: "\u4F8B\u5982 ERP_APPROVAL_NOTICE", maxLength: 64 }) }), _jsx(Form.Item, { name: "name", label: "\u4E3B\u9898\u540D\u79F0", rules: [
+                                { required: true, whitespace: true, message: '请输入主题名称' },
+                            ], children: _jsx(Input, { maxLength: 128 }) }), _jsx(Form.Item, { name: "sourceSystem", label: "\u6765\u6E90\u7CFB\u7EDF", rules: [
+                                { required: true, whitespace: true, message: '请输入来源系统' },
+                            ], children: _jsx(Input, { disabled: !!editing, placeholder: "\u4F8B\u5982 ERP\u3001OA\u3001CRM", maxLength: 64 }) }), _jsx(Form.Item, { name: "enabled", label: "\u542F\u7528", valuePropName: "checked", children: _jsx(Switch, {}) }), _jsx(Form.Item, { name: "subscriptionMode", label: "\u8BA2\u9605\u6A21\u5F0F", extra: "\u5168\u91CF\u8D26\u6237\u8BA2\u9605\u4F1A\u5728\u521B\u5EFA\u4E3B\u9898\u65F6\u7ED1\u5B9A\u6709\u6548\u8D26\u6237\uFF1B\u89D2\u8272\u8BA2\u9605\u7531\u89D2\u8272\u914D\u7F6E\u4E0E\u8D26\u6237\u7ED1\u5B9A\u5173\u7CFB\u786E\u5B9A\u3002\u540C\u6B65\u8BA2\u9605\u53EF\u8865\u9F50\u6211\u7684\u8BA2\u9605\u3002", rules: [{ required: true, message: '请选择订阅模式' }], children: _jsx(Select, { loading: modesLoading, disabled: modesLoading || modesFailed, options: subscriptionModes.map((item) => ({
+                                    value: item.code,
+                                    label: item.name,
+                                })) }) }), _jsxs(Row, { gutter: 16, children: [_jsx(Col, { xs: 24, sm: 12, children: _jsx(Form.Item, { name: "reminderMode", label: "\u63D0\u9192\u65B9\u5F0F", children: _jsx(Select, { options: Object.entries(reminderModeLabels).map(([value, label]) => ({
+                                                value,
+                                                label,
+                                            })) }) }) }), _jsx(Col, { xs: 24, sm: 12, children: _jsx(Form.Item, { name: "messageLevel", label: "\u6D88\u606F\u7EA7\u522B", children: _jsx(Select, { options: Object.entries(messageLevelLabels).map(([value, label]) => ({
+                                                value,
+                                                label,
+                                            })) }) }) })] }), _jsxs(Space, { wrap: true, style: { marginBottom: 20 }, children: [_jsx(Button, { htmlType: "button", icon: _jsx(EyeOutlined, {}), disabled: saving, onClick: () => void previewReminder(), children: "\u9884\u89C8\u63D0\u9192" }), _jsx(Typography.Text, { type: "secondary", children: "\u4EC5\u5C55\u793A\u793A\u4F8B\uFF0C\u4E0D\u4FDD\u5B58\u914D\u7F6E\u6216\u4EA7\u751F\u65B0\u6D88\u606F\u3002" })] }), _jsx(Form.Item, { name: "description", label: "\u8BF4\u660E", children: _jsx(Input.TextArea, { rows: 3, maxLength: 1000, showCount: true }) })] }) })] }));
+}

package/build/routes.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messageRoutes = exports.MESSAGE_BASE_PATH = exports.MESSAGE_PROJECT_CODE = void 0;
+exports.createMessageRoutes = createMessageRoutes;
+exports.MESSAGE_PROJECT_CODE = 'qiqb_platform';
+/** 可选领域的前端前缀与后端 /qiqb_platform 前缀分别维护。 */
+exports.MESSAGE_BASE_PATH = '/p/message';
+/** 纯配置工厂不依赖 React/宿主运行时，可在 Umi、React Router 等路由装配阶段调用。 */
+function createMessageRoutes({ projectCode = exports.MESSAGE_PROJECT_CODE, basePath, pathPrefix = exports.MESSAGE_BASE_PATH, } = {}) {
+    const base = (basePath || pathPrefix).replace(/\/$/, '');
+    return [
+        {
+            name: '消息主题',
+            path: `${base}/topics`,
+            permissionCode: 'MessageTopicPage',
+            component: '@qiqb/message-domain/pages/topic/TopicPage',
+        },
+        {
+            name: '我的订阅',
+            path: `${base}/my-subscriptions`,
+            permissionCode: 'MessageSubscriptionPage',
+            component: '@qiqb/message-domain/pages/subscription/PersonalSubscriptionPage',
+        },
+        {
+            name: '角色订阅',
+            path: `${base}/role-subscriptions`,
+            permissionCode: 'MessageRoleSubscriptionPage',
+            component: '@qiqb/message-domain/pages/subscription/RoleSubscriptionPage',
+        },
+        {
+            name: '我的消息',
+            path: `${base}/inbox`,
+            permissionCode: 'MessageInboxPage',
+            component: '@qiqb/message-domain/pages/inbox/InboxPage',
+        },
+    ].map((route) => ({ ...route, projectCode, hideInMenu: true }));
+}
+exports.messageRoutes = createMessageRoutes();

package/build/routes.d.cts

@@ -0,0 +1,22 @@
+export interface MessageRouteDefinition {
+    name: string;
+    path: string;
+    hideInMenu: boolean;
+    permissionCode: string;
+    projectCode: string;
+    component: string;
+}
+export interface MessageRouteOptions {
+    /** 路由授权仍按使用方项目隔离；BIP 可传入 prokeeper_bip。 */
+    projectCode?: string;
+    /** 可选领域默认挂在 /p 下；宿主覆盖时同步配置 runtime.inboxPath。 */
+    basePath?: string;
+    /** 兼容早期装配示例，优先使用 basePath。 */
+    pathPrefix?: string;
+}
+export declare const MESSAGE_PROJECT_CODE = "qiqb_platform";
+/** 可选领域的前端前缀与后端 /qiqb_platform 前缀分别维护。 */
+export declare const MESSAGE_BASE_PATH = "/p/message";
+/** 纯配置工厂不依赖 React/宿主运行时，可在 Umi、React Router 等路由装配阶段调用。 */
+export declare function createMessageRoutes({ projectCode, basePath, pathPrefix, }?: MessageRouteOptions): MessageRouteDefinition[];
+export declare const messageRoutes: MessageRouteDefinition[];

package/build/routes.d.ts

@@ -0,0 +1,22 @@
+export interface MessageRouteDefinition {
+    name: string;
+    path: string;
+    hideInMenu: boolean;
+    permissionCode: string;
+    projectCode: string;
+    component: string;
+}
+export interface MessageRouteOptions {
+    /** 路由授权仍按使用方项目隔离；BIP 可传入 prokeeper_bip。 */
+    projectCode?: string;
+    /** 可选领域默认挂在 /p 下；宿主覆盖时同步配置 runtime.inboxPath。 */
+    basePath?: string;
+    /** 兼容早期装配示例，优先使用 basePath。 */
+    pathPrefix?: string;
+}
+export declare const MESSAGE_PROJECT_CODE = "qiqb_platform";
+/** 可选领域的前端前缀与后端 /qiqb_platform 前缀分别维护。 */
+export declare const MESSAGE_BASE_PATH = "/p/message";
+/** 纯配置工厂不依赖 React/宿主运行时，可在 Umi、React Router 等路由装配阶段调用。 */
+export declare function createMessageRoutes({ projectCode, basePath, pathPrefix, }?: MessageRouteOptions): MessageRouteDefinition[];
+export declare const messageRoutes: MessageRouteDefinition[];

package/build/routes.js

@@ -0,0 +1,34 @@
+export const MESSAGE_PROJECT_CODE = 'qiqb_platform';
+/** 可选领域的前端前缀与后端 /qiqb_platform 前缀分别维护。 */
+export const MESSAGE_BASE_PATH = '/p/message';
+/** 纯配置工厂不依赖 React/宿主运行时，可在 Umi、React Router 等路由装配阶段调用。 */
+export function createMessageRoutes({ projectCode = MESSAGE_PROJECT_CODE, basePath, pathPrefix = MESSAGE_BASE_PATH, } = {}) {
+    const base = (basePath || pathPrefix).replace(/\/$/, '');
+    return [
+        {
+            name: '消息主题',
+            path: `${base}/topics`,
+            permissionCode: 'MessageTopicPage',
+            component: '@qiqb/message-domain/pages/topic/TopicPage',
+        },
+        {
+            name: '我的订阅',
+            path: `${base}/my-subscriptions`,
+            permissionCode: 'MessageSubscriptionPage',
+            component: '@qiqb/message-domain/pages/subscription/PersonalSubscriptionPage',
+        },
+        {
+            name: '角色订阅',
+            path: `${base}/role-subscriptions`,
+            permissionCode: 'MessageRoleSubscriptionPage',
+            component: '@qiqb/message-domain/pages/subscription/RoleSubscriptionPage',
+        },
+        {
+            name: '我的消息',
+            path: `${base}/inbox`,
+            permissionCode: 'MessageInboxPage',
+            component: '@qiqb/message-domain/pages/inbox/InboxPage',
+        },
+    ].map((route) => ({ ...route, projectCode, hideInMenu: true }));
+}
+export const messageRoutes = createMessageRoutes();

package/build/runtime/MessageReminderLayout.d.ts

@@ -0,0 +1,14 @@
+import type { PropsWithChildren } from 'react';
+import './message-reminder-layout.less';
+/**
+ * 宿主只提供内容区槽位，消息领域继续负责查询与展示。
+ * Provider 覆盖业务页面和全局提醒入口，使 body 中的提醒入口能找到内容区的真实布局位置。
+ */
+export declare function MessageReminderProvider({ children }: PropsWithChildren): import("react").JSX.Element;
+/** 没有页面槽位时保留排队的消息，避免将不可见的提醒记为已经展示。 */
+export declare function useMessageReminderTarget(): HTMLElement | undefined;
+/**
+ * 放在宿主页头下方，并包住完整内容区，包含页面自己的二级菜单。
+ * 消息栏使用内容区的全部宽度；空槽位不占空间，有消息时菜单与页面整体顺序排在其后。
+ */
+export declare function MessageReminderLayout({ children }: PropsWithChildren): import("react").JSX.Element;

package/build/runtime/MessageReminderLayout.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useState } from 'react';
+import './message-reminder-layout.less';
+const LayoutContext = createContext(undefined);
+/**
+ * 宿主只提供内容区槽位，消息领域继续负责查询与展示。
+ * Provider 覆盖业务页面和全局提醒入口，使 body 中的提醒入口能找到内容区的真实布局位置。
+ */
+export function MessageReminderProvider({ children }) {
+    const [target, setTarget] = useState(null);
+    const value = useMemo(() => ({ target, setTarget }), [target]);
+    return (_jsx(LayoutContext.Provider, { value: value, children: children }));
+}
+/** 没有页面槽位时保留排队的消息，避免将不可见的提醒记为已经展示。 */
+export function useMessageReminderTarget() {
+    return useContext(LayoutContext)?.target || undefined;
+}
+/**
+ * 放在宿主页头下方，并包住完整内容区，包含页面自己的二级菜单。
+ * 消息栏使用内容区的全部宽度；空槽位不占空间，有消息时菜单与页面整体顺序排在其后。
+ */
+export function MessageReminderLayout({ children }) {
+    const context = useContext(LayoutContext);
+    return (_jsxs("div", { className: "qiqb-message-reminder-layout", children: [context && (_jsx("div", { className: "qiqb-message-reminder-slot", ref: context.setTarget })), children] }));
+}

package/build/runtime/MessageReminders.d.ts

@@ -0,0 +1,16 @@
+import type { MessageReminderRenderer } from './reminderPresentation.js';
+import { InboxMessage } from '../services/MessageController.js';
+export interface MessageRemindersProps {
+    /** 登录账号变化会取消旧请求、释放 owner 并重新建立隔离队列。 */
+    accountId?: string;
+    onOpen?: (record: InboxMessage) => void;
+    /** 平台宿主可传 100；业务微应用默认 0，同一消息源同一账号只保留最高优先级入口。 */
+    priority?: number;
+    /** 当前入口的外观覆盖，优先于 runtime.reminderRenderer；所有者优先级仍由 priority 控制。 */
+    renderer?: MessageReminderRenderer;
+}
+/**
+ * 请求、账号和导航由宿主提供；当前文档通过跨 bundle owner 选举避免重复正式提醒。
+ * namespace 内的预览单独保存，非 owner 也可预览，且预览不会进入正式队列或调用阅读接口。
+ */
+export default function MessageReminders({ accountId, onOpen, priority, renderer, }: MessageRemindersProps): import("react").JSX.Element;