refactor:优化

composer.json

@@ -18,7 +18,7 @@
         "guzzlehttp/guzzle": "^7.2",
         "laravel/framework": "^10.0",
         "laravel/tinker": "^2.8",
-        "catchadmin/core": "^0.1.12"
+        "catchadmin/core": "^0.1.14"
     },
     "require-dev": {
         "fakerphp/faker": "^1.9.1",

modules/Permissions/views/roles/form/create.vue

@@ -220,4 +220,10 @@ const getParent = (parentId: any) => {
 :deep(.el-tree .el-tree__empty-block .el-tree__empty-text) {
   @apply left-10 top-4;
 }
+:deep(.el-tree-node .is-expanded .el-tree-node__children) {
+  @apply flex flex-wrap pl-9;
+}
+:deep(.el-tree-node .is-expanded .el-tree-node__children .el-tree-node__content) {
+  padding-left: 0 !important;
+}
 </style>

modules/User/Models/User.php

@@ -37,7 +37,7 @@ class User extends Model implements AuthenticatableContract
     public array $searchable = [
         'username' => 'like',
         'email' => 'like',
-        'status' => '='
+        'status' => '=',
     ];
 
     /**

modules/User/views/user/index.vue

@@ -21,7 +21,8 @@
           <el-table-column prop="username" label="用户名" width="150" />
           <el-table-column prop="avatar" label="头像">
             <template #default="scope">
-              <el-avatar :src="scope.row.avatar" />
+              <el-avatar :icon="UserFilled" v-if="!scope.row.avatar" />
+              <el-avatar :src="scope.row.avatar" v-else />
             </template>
           </el-table-column>
           <el-table-column prop="email" label="邮箱" />
@@ -50,6 +51,7 @@
 </template>
 
 <script lang="ts" setup>
+// @ts-nocheck
 import { computed, onMounted, ref } from 'vue'
 import Create from './create.vue'
 import { useGetList } from '/admin/composables/curd/useGetList'
@@ -58,11 +60,11 @@ import { useOpen } from '/admin/composables/curd/useOpen'
 import Department from './components/department.vue'
 import { useUserStore } from '/admin/stores/modules/user'
 import { isUndefined } from '/admin/support/helper'
+import { UserFilled } from '@element-plus/icons-vue'
 
 const userStore = useUserStore()
 
 const api = 'users'
-
 const { data, query, search, reset, loading } = useGetList(api)
 const { destroy, deleted } = useDestroy()
 const { open, close, title, visible, id } = useOpen()
@@ -74,9 +76,7 @@ const hasRoles = ref<boolean>(false)
 
 onMounted(() => {
   search()
-
   deleted(reset)
-
   hasRoles.value = !isUndefined(userStore.getRoles)
 })
 </script>

package.json

@@ -1,53 +1,55 @@
 {
-  "name": "catchadmin",
-  "private": false,
-  "version": "0.0.1",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@heroicons/vue": "^2.0.18",
-    "@tinymce/tinymce-vue": "^5.1.0",
-    "@vueuse/core": "^10.1.2",
-    "autoprefixer": "^10.4.13",
-    "element-plus": "^2.3.4",
-    "nprogress": "^0.2.0",
-    "pinia": "^2.0.36",
-    "postcss": "^8.4.23",
-    "tailwindcss": "^3.3.2",
-    "terser": "^5.17.3",
-    "vue": "^3.2.47",
-    "vue-i18n": "9",
-    "vue-router": "4.1.6",
-    "vuedraggable": "^4.1.0"
-  },
-  "devDependencies": {
-    "@iconify-json/logos": "^1.1.28",
-    "@rollup/plugin-alias": "^5.0.0",
-    "@types/mockjs": "^1.0.7",
-    "@types/node": "^20.1.1",
-    "@types/nprogress": "^0.2.0",
-    "@typescript-eslint/eslint-plugin": "^5.59.5",
-    "@typescript-eslint/parser": "^5.59.5",
-    "@vitejs/plugin-vue": "^4.2.1",
-    "@vitejs/plugin-vue-jsx": "^3.0.0",
-    "axios": "^1.4.0",
-    "eslint": "^8.40.0",
-    "eslint-config-standard": "^17.0.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^15.6.0",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-vue": "^9.11.1",
-    "prettier": "2.8.4",
-    "sass": "^1.62.1",
-    "typescript": "^5.0.4",
-    "unplugin-auto-import": "^0.14.4",
-    "unplugin-icons": "^0.16.1",
-    "unplugin-vue-components": "^0.24.0",
-    "vite": "^4.3.5",
-    "vite-plugin-html": "^3.2.0",
-    "vue-tsc": "^1.6.4"
-  }
+    "name": "catchadmin",
+    "private": false,
+    "version": "0.0.1",
+    "scripts": {
+        "dev": "vite",
+        "build": "vue-tsc --noEmit && vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "@heroicons/vue": "^2.0.18",
+        "@tinymce/tinymce-vue": "^5.1.0",
+        "@vueuse/core": "^10.1.2",
+        "element-plus": "^2.3.5",
+        "nprogress": "^0.2.0",
+        "pinia": "^2.1.3",
+        "terser": "^5.16.6",
+        "vue": "^3.3.4",
+        "vue-i18n": "9",
+        "vue-router": "4.2.1",
+        "vuedraggable": "^2.24.3"
+    },
+    "devDependencies": {
+        "@iconify-json/logos": "^1.1.31",
+        "@rollup/plugin-alias": "^5.0.0",
+        "@types/mockjs": "^1.0.7",
+        "@types/node": "^20.2.3",
+        "@types/nprogress": "^0.2.0",
+        "@typescript-eslint/eslint-plugin": "^5.59.7",
+        "@typescript-eslint/parser": "^5.59.7",
+        "@vitejs/plugin-vue": "^4.2.3",
+        "@vitejs/plugin-vue-jsx": "^3.0.1",
+        "autoprefixer": "^10.4.14",
+        "axios": "^1.4.0",
+        "eslint": "^8.41.0",
+        "eslint-config-standard": "^17.0.0",
+        "eslint-plugin-import": "^2.27.5",
+        "eslint-plugin-n": "^16.0.0",
+        "eslint-plugin-promise": "^6.1.1",
+        "eslint-plugin-vue": "^9.14.0",
+        "mockjs": "^1.1.0",
+        "postcss": "^8.4.23",
+        "prettier": "2.8.8",
+        "sass": "^1.62.1",
+        "tailwindcss": "^3.3.2",
+        "typescript": "^5.0.4",
+        "unplugin-auto-import": "^0.16.2",
+        "unplugin-icons": "^0.16.1",
+        "unplugin-vue-components": "^0.24.0",
+        "vite": "^4.3.8",
+        "vite-plugin-html": "^3.2.0",
+        "vite-plugin-mock": "^3.0.0",
+        "vue-tsc": "^1.6.5"
+    }
 }

resources/admin/directives/permission/action.ts

@@ -18,7 +18,7 @@ function checkAction(el: any, action: any) {
       el.parentNode && el.parentNode.removeChild(el)
     }
   } else {
-    throw new Error(`need action! Like v-action="module.controller.action" || v-action="module@controller@action" `)
+    throw new Error(`need action! Like v-action="module.controller.action"`)
   }
 }