feat: 优化 PureTableBar 组件，添加列展示功能

src/views/system/role/hook.tsx

@@ -22,16 +22,15 @@ export function useRole() {
   });
   const columns: TableColumnList = [
     {
+      label: "勾选列", // 如果需要表格多选，此处label必须设置
       type: "selection",
       width: 55,
-      align: "left",
-      hide: ({ checkList }) => !checkList.includes("勾选列")
+      align: "left"
     },
     {
       label: "序号",
       type: "index",
-      width: 70,
-      hide: ({ checkList }) => !checkList.includes("序号列")
+      width: 70
     },
     {
       label: "角色编号",

src/views/system/role/index.vue

@@ -85,13 +85,13 @@ const {
       </el-form-item>
     </el-form>
 
-    <PureTableBar title="角色列表" @refresh="onSearch">
+    <PureTableBar title="角色列表" :columns="columns" @refresh="onSearch">
       <template #buttons>
         <el-button type="primary" :icon="useRenderIcon(AddFill)">
           新增角色
         </el-button>
       </template>
-      <template v-slot="{ size, checkList }">
+      <template v-slot="{ size, dynamicColumns }">
         <pure-table
           border
           align-whole="center"
@@ -100,8 +100,7 @@ const {
           :loading="loading"
           :size="size"
           :data="dataList"
-          :columns="columns"
-          :checkList="checkList"
+          :columns="dynamicColumns"
           :pagination="pagination"
           :paginationSmall="size === 'small' ? true : false"
           :header-cell-style="{