refactor(system/role): 优化角色权限节点关联及独立切换效果

- 将 Pane1 组件重命名为 Permission，Pane2 组件重命名为 RoleUser
- 优化角色权限节点关联及独立切换效果

src/views/system/role/components/Permission.vue

@@ -19,14 +19,10 @@
       </a-button>
     </template>
     <template #toolbar-right>
-      <a-tooltip :content="isCascade ? '取消父子联动' : '父子联动'">
+      <a-radio-group v-model="isCascade" type="button" :disabled="disabled">
-        <a-button @click="isCascade = !isCascade">
+        <a-radio :value="true">节点关联</a-radio>
-          <template #icon>
+        <a-radio :value="false">节点独立</a-radio>
-            <icon-check v-if="!isCascade" />
+      </a-radio-group>
-            <icon-close v-else />
-          </template>
-        </a-button>
-      </a-tooltip>
       <a-tooltip :content="isExpanded ? '折叠' : '展开'">
         <a-button @click="onExpanded">
           <template #icon>

src/views/system/role/index.vue

@@ -7,10 +7,10 @@
       <template #main>
         <a-tabs v-model:activeKey="activeTab" class="gi_tabs" size="large">
           <a-tab-pane key="1" title="功能权限">
-            <component :is="Pane1" v-if="activeTab === '1'" :role-id="roleId" />
+            <component :is="Permission" v-if="activeTab === '1'" :role-id="roleId" />
           </a-tab-pane>
           <a-tab-pane key="2" title="角色用户">
-            <component :is="Pane2" v-if="activeTab === '2'" :role-id="roleId" />
+            <component :is="RoleUser" v-if="activeTab === '2'" :role-id="roleId" />
           </a-tab-pane>
         </a-tabs>
       </template>
@@ -20,8 +20,8 @@
 
 <script setup lang="ts">
 import RoleTree from './tree/index.vue'
-import Pane1 from './components/Pane1.vue'
+import Permission from './components/Permission.vue'
-import Pane2 from './components/Pane2.vue'
+import RoleUser from './components/RoleUser.vue'
 
 defineOptions({ name: 'SystemRole' })