KTeam/kt-template-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 统一消息模块表单与操作栏布局

Browse Source
This commit is contained in:
sunlei 2026-07-25 15:57:47 +08:00
parent 4c78b10c0c
commit 18edbfbe7f
13 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -56,7 +56,7 @@ pnpm run build:antdv-next
- 系统管理 / 网络管理使用 TSX、KtTable 与统一 Vben 表单维护 API 持久化的 TCP/UDP 单端口转发期望状态，并通过独立页签管理腾讯云云解析 DNS 的 A/AAAA 自动更新绑定。页面展示 Agent、路由同步、UDP Keeper、公网端点租约和 DDNS 同步状态，支持异步 CRUD、重试、Keeper 启停、立即 STUN 刷新及端点历史；A 只使用合格 UDP Keeper 的公网 IPv4，AAAA 只使用 Agent 全局 IPv6，DNS 值不包含端口。首屏读取一次 HTTP 快照，后续只按 API SSE 的资源来源刷新当前活动页签；心跳和其他页签事件不刷新，不使用定时轮询。`Page autoContentHeight` 中的 Tabs 与 KtTable 必须由满高纵向 flex 外壳承接，活动面板保持 `flex-1 min-h-0`，否则 KtTable 的百分比高度链会塌陷。Admin 不接触路由器、MQTT 或腾讯云凭据；当前已验证切片只执行 UDP 路由器写入，TCP 可保存 CRUD 期望但 Agent 会显示设备协议门禁失败，STUN 操作保持可见且禁用。
- Vue i18n 文案中的普通 `@` 必须写成字面量插值 `{'@'}`，否则生产消息编译器会把它识别为 linked message 语法。网络管理语言包由 `network-locale.spec.ts` 逐条通过实际 i18n runtime 校验，不能只依赖 JSON 解析或组件测试里的 `$t` mock。
- QQBot / 账号连接页拆分 OneBot 连接、QQ 登录、NapCat 运行和运行说明列；更新登录通过 SSE 展示 quick / password / captcha / new-device / qrcode 每步中文进度，密码登录触发 QQ 安全验证时在弹窗内完成腾讯验证码并回交 API，新设备验证二维码和腾讯验证码分开展示；行操作“运行态”打开只读抽屉，展示 NapCat runtime/protocol/session behavior profile、风险模式和登录事件证据。
- QQBot / 消息订阅与消息模板是两个平级菜单；新建订阅和新建模板均不默认选择消息源。订阅选择来源后才按该来源的 `subscriptionFields` 动态生成字段并加载候选项，不把通用订阅表单绑定到 STUN；模板选择来源后才加载变量详情，输入 `$` 后通过 Mentions 候选精确插入 `${{变量}}`。账号配置第四页签用于为当前 QQBot 选择订阅、模板以及群聊/私聊目标，不提供跨账号选择，两个目标选择框固定填满横向表单宽度；上述消息推送表单的必填、格式和长度校验提示统一使用中文。三个入口只在首次进入、显式刷新或成功写操作后更新列表，不使用后台轮询；菜单、按钮与账号页签分别受 `QqBot:MessageSubscription:*`、`QqBot:MessageTemplate:*` 和 `QqBot:Account:MessagePush:*` 权限控制。
- QQBot / 消息订阅与消息模板是两个平级菜单；新建订阅和新建模板均不默认选择消息源。订阅选择来源后才按该来源的 `subscriptionFields` 动态生成字段并加载候选项，不把通用订阅表单绑定到 STUN；模板选择来源后才加载变量详情，输入 `$` 后通过 Mentions 候选精确插入 `${{变量}}`。账号配置第四页签用于为当前 QQBot 选择订阅、模板以及群聊/私聊目标，不提供跨账号选择，两个目标选择框固定填满横向表单宽度；上述消息推送表单的标签使用统一单行宽度，必填、格式和长度校验提示统一使用中文。三个入口只在首次进入、显式刷新或成功写操作后更新列表，不使用后台轮询；表格操作栏沿用 KtTable 全局“一个内联操作，其余收进更多操作”规则，菜单、按钮与账号页签分别受 `QqBot:MessageSubscription:*`、`QqBot:MessageTemplate:*` 和 `QqBot:Account:MessagePush:*` 权限控制。
源码目录禁止同级存放单元测试或 `__tests__`；全部单元测试统一放在根目录单数 `test/`，应用测试直接使用 `test/api`、`test/components`、`test/router`、`test/store`、`test/views`，共享包与内部工具分别使用 `test/packages`、`test/internal`，结构门禁位于 `test/governance`。

2
apps/web-antdv-next/src/views/qqbot/account/components/AccountMessagePushModal.tsx
View File

@ -72,7 +72,7 @@ export default defineComponent({
let sessionSelfId = '';
const [BindingForm, formApi] = useVbenForm({
commonConfig: {
labelClass: 'w-24',
labelClass: 'w-32 whitespace-nowrap',
},
async handleValuesChange(values, fieldsChanged) {
if (!fieldsChanged.includes('subscriptionId')) return;

1
apps/web-antdv-next/src/views/qqbot/account/components/AccountMessagePushPanel.tsx
View File

@ -189,7 +189,6 @@ export default defineComponent({
columns,
immediate: false,
rowActions,
rowActionVisibleCount: 3,
rowKey: 'id',
showDefaultButtons: false,
showFooter: false,

2
apps/web-antdv-next/src/views/qqbot/message-subscription/components/MessageSubscriptionModal.tsx
View File

@ -95,7 +95,7 @@ export default defineComponent({
const [SubscriptionForm, formApi] = useVbenForm({
commonConfig: {
labelClass: 'w-24',
labelClass: 'w-32 whitespace-nowrap',
},
handleValuesChange,
layout: 'horizontal',

1
apps/web-antdv-next/src/views/qqbot/message-subscription/list.tsx
View File

@ -158,7 +158,6 @@ export default defineComponent({
},
immediate: false,
rowActions,
rowActionVisibleCount: 3,
rowKey: 'id',
tableTitle: '消息订阅',
});

2
apps/web-antdv-next/src/views/qqbot/message-template/components/MessageTemplateModal.tsx
View File

@ -71,7 +71,7 @@ export default defineComponent({
let sessionRevision = 0;
const [TemplateForm, formApi] = useVbenForm({
commonConfig: {
labelClass: 'w-24',
labelClass: 'w-32 whitespace-nowrap',
},
async handleValuesChange(values, fieldsChanged) {
if (fieldsChanged.includes('content')) clearPreview();

1
apps/web-antdv-next/src/views/qqbot/message-template/list.tsx
View File

@ -142,7 +142,6 @@ export default defineComponent({
},
immediate: false,
rowActions,
rowActionVisibleCount: 3,
rowKey: 'id',
tableTitle: '消息模板',
});

8
test/views/qqbot/account/components/AccountMessagePushModal.spec.tsx
View File

@ -371,6 +371,14 @@ describe('account message-push modal', () => {
]);
});
it('为消息推送表单标签预留统一单行宽度', () => {
mountModal();
expect(mocks.formOptions.commonConfig.labelClass).toBe(
'w-32 whitespace-nowrap',
);
});
it('uses Chinese validation messages for subscription, template, and targets', () => {
mountModal();
const fieldRule = (fieldName: string) =>

1
test/views/qqbot/account/components/AccountMessagePushPanel.spec.tsx
View File

@ -286,6 +286,7 @@ describe('account message-push panel', () => {
showPagination: false,
showTableSetting: false,
});
expect(mocks.tableOptions).not.toHaveProperty('rowActionVisibleCount');
expect(mocks.api.getBindings).toHaveBeenCalledOnce();
expect(mocks.api.getBindings).toHaveBeenCalledWith('10000000000000001');
expect(mocks.api.getSubscriptions).toHaveBeenCalledWith({

8
test/views/qqbot/message-subscription/components/MessageSubscriptionModal.spec.tsx
View File

@ -306,6 +306,14 @@ describe('message subscription modal', () => {
expect(mocks.getOptions).not.toHaveBeenCalled();
});
it('为动态长标签预留单行宽度', () => {
mountModal();
expect(mocks.formOptions.commonConfig.labelClass).toBe(
'w-32 whitespace-nowrap',
);
});
it('订阅固定字段和消息源动态必填字段均使用中文校验文案', async () => {
mountModal();
const fieldRule = (fieldName: string) =>

1
test/views/qqbot/message-subscription/list.spec.tsx
View File

@ -211,6 +211,7 @@ describe('message subscription list', () => {
);
expect(mocks.tableOptions.immediate).toBe(false);
expect(mocks.tableOptions.rowKey).toBe('id');
expect(mocks.tableOptions).not.toHaveProperty('rowActionVisibleCount');
expect(mocks.registerTable).toHaveBeenCalledOnce();
});

8
test/views/qqbot/message-template/components/MessageTemplateModal.spec.tsx
View File

@ -198,6 +198,14 @@ describe('message template modal', () => {
});
});
it('为消息表单标签预留统一单行宽度', () => {
mountModal();
expect(mocks.formOptions.commonConfig.labelClass).toBe(
'w-32 whitespace-nowrap',
);
});
it('registers the exact schema and actually renders the local Mentions form field', () => {
const wrapper = mountModal();
const fields = mocks.formOptions.schema.map(

1
test/views/qqbot/message-template/list.spec.tsx
View File

@ -220,6 +220,7 @@ describe('message template list', () => {
expect(wrapper.find('[data-testid="template-table"]').exists()).toBe(true);
expect(mocks.tableOptions.immediate).toBe(false);
expect(mocks.tableOptions.rowKey).toBe('id');
expect(mocks.tableOptions).not.toHaveProperty('rowActionVisibleCount');
expect(mocks.registerTable).toHaveBeenCalledOnce();
expect(mocks.api.getList).toHaveBeenCalledOnce();
});