发布v2.8.4版本，更新内容请查看：https://github.com/bufanyun/hotgo/tree/v2.0/docs/guide-zh-CN/addon-version-upgrade.md

web/src/views/permission/menu/CreateDrawer.vue

@@ -296,7 +296,7 @@
       },
     },
     emits: ['loadData'],
-    setup(props, context) {
+    setup(_props, context) {
       const message = useMessage();
       const formRef: any = ref(null);
       const state = reactive<any>({

web/src/views/permission/role/columns.ts

@@ -40,7 +40,7 @@ export const columns = [
   {
     title: '角色编码',
     key: 'key',
-    // width: 150,
+    width: 150,
   },
   // {
   //   title: '上级角色',
@@ -60,22 +60,22 @@ export const columns = [
         }
       );
     },
-    // width: 80,
+    width: 80,
   },
   {
     title: '排序',
     key: 'sort',
-    // width: 100,
+    width: 100,
   },
   {
     title: '备注',
     key: 'remark',
-    // width: 300,
+    width: 180,
   },
   {
     title: '状态',
     key: 'status',
-    // width: 80,
+    width: 80,
     render(row) {
       return h(
         NTag,

web/src/views/permission/role/role.vue

@@ -31,8 +31,8 @@
       <div class="py-3 menu-list" :style="{ maxHeight: '90vh', height: '70vh' }">
         <n-tree
           block-line
-          cascade
           checkable
+          :check-on-click="true"
           :default-expand-all="true"
           :virtual-scroll="true"
           :data="treeData"
@@ -155,7 +155,7 @@
 
 <script lang="ts" setup>
   import { h, onMounted, reactive, ref } from 'vue';
-  import { TreeSelectOption, useDialog, useMessage } from 'naive-ui';
+  import { useDialog, useMessage } from 'naive-ui';
   import { BasicColumn, BasicTable, TableAction } from '@/components/Table';
   import {
     Delete,
@@ -189,6 +189,12 @@
   const checkedKeys = ref<any>([]);
   const updatePermissionsParams = ref<any>({});
   const optionTreeData = ref<any>([]);
+  const dataScopeOption = ref<any>();
+  const deptList = ref<any>([]);
+  const dataFormRef = ref<any>();
+  const dataFormBtnLoading = ref(false);
+  const showDataModal = ref(false);
+  const dataForm = ref<any>();
 
   const rules = {
     name: {
@@ -217,10 +223,10 @@
     customDept: [],
   };
 
-  let formParams = ref<any>(cloneDeep(defaultState));
+  const formParams = ref<any>(cloneDeep(defaultState));
 
   const actionColumn = reactive<BasicColumn>({
-    width: 320,
+    width: 300,
     title: '操作',
     key: 'action',
     fixed: 'right',
@@ -350,21 +356,12 @@
     showModal.value = true;
   }
 
-  const dataScopeOption = ref<any>();
-  const deptList = ref<any>([]);
-  const dataFormRef = ref<any>();
-  const dataFormBtnLoading = ref(false);
-  const showDataModal = ref(false);
-  const dataForm = ref<any>();
   function handleDataAuth(record: Recordable) {
     dataForm.value = cloneDeep(record);
     showDataModal.value = true;
   }
 
-  function handleUpdateDeptValue(
-    value: string | number | Array<string | number> | null,
-    _option: TreeSelectOption | null | Array<TreeSelectOption | null>
-  ) {
+  function handleUpdateDeptValue(value: string | number | Array<string | number> | null) {
     dataForm.value.customDept = value;
   }