优化

src/modules/iam/pages/RolesView.test.ts

@@ -43,7 +43,7 @@ function mountView(pinia = createPinia()) {
         AdminPage: { template: '<main><slot /></main>' },
         ListPageLayout: { template: '<section><slot name="toolbar" /><slot name="state" /><slot /></section>' },
         FormSection: { template: '<section><slot /></section>' },
-        AppDrawer: { template: '<section><slot /><slot name="footer" /></section>' },
+        AppDialog: { template: '<section><slot /><slot name="footer" /></section>' },
         LoadErrorState: { props: ['message'], template: '<div role="alert">{{ message }}<slot name="details" /></div>' },
         DataTable: { props: ['data'], template: '<section><slot name="toolbar-actions" /><span data-testid="row-count">{{ data.length }}</span></section>' },
         'el-alert': { props: ['title'], template: '<div role="alert">{{ title }}<slot name="title" /></div>' },
@@ -95,6 +95,15 @@ describe('RolesView', () => {
     expect(rolesSource).toContain('aria-label="平台角色列表"')
   })
 
+  it('uses the prototype-sized centered role editor with responsive split panes', () => {
+    expect(rolesSource).toContain('<AppDialog v-model="editorOpen"')
+    expect(rolesSource).toContain('width="min(860px, calc(100vw - 28px))"')
+    expect(rolesSource).not.toContain('<AppDrawer v-model="editorOpen"')
+    expect(rolesSource).toContain('grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr)')
+    expect(rolesSource).toContain('.role-editor-layout { grid-template-columns: minmax(0, 1fr); }')
+    expect(rolesSource).toContain(':global(.role-editor-dialog .el-dialog__body) { min-height: 0; overflow-y: auto; }')
+  })
+
   it('loads platform roles from IAM for a server session', async () => {
     const pinia = createPinia()
     setActivePinia(pinia)