feat: 🚀 optimize irregular code

Author: HalseySpicy

.eslintrc.cjs

@@ -32,36 +32,28 @@ module.exports = {
     "no-multiple-empty-lines": ["error", { max: 1 }], // 不允许多个空行
     "prefer-const": "off", // 使用 let 关键字声明但在初始分配后从未重新分配的变量，要求使用 const
     "no-use-before-define": "off", // 禁止在 函数/类/变量 定义之前使用它们
-    "no-irregular-whitespace": "off", // 禁止不规则的空白
 
     // typeScript (https://typescript-eslint.io/rules)
     "@typescript-eslint/no-unused-vars": "error", // 禁止定义未使用的变量
     "@typescript-eslint/prefer-ts-expect-error": "error", // 禁止使用 @ts-ignore
+    "@typescript-eslint/ban-ts-comment": "error", // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
     "@typescript-eslint/no-inferrable-types": "off", // 可以轻松推断的显式类型可能会增加不必要的冗长
-    "@typescript-eslint/no-namespace": "off", // 禁止使用自定义 TypeScript 模块和命名空间。
+    "@typescript-eslint/no-namespace": "off", // 禁止使用自定义 TypeScript 模块和命名空间
     "@typescript-eslint/no-explicit-any": "off", // 禁止使用 any 类型
     "@typescript-eslint/ban-types": "off", // 禁止使用特定类型
-    "@typescript-eslint/explicit-function-return-type": "off", // 不允许对初始化为数字、字符串或布尔值的变量或参数进行显式类型声明
-    "@typescript-eslint/no-var-requires": "off", // 不允许在 import 语句中使用 require 语句
+    "@typescript-eslint/no-var-requires": "off", // 允许使用 require() 函数导入模块
     "@typescript-eslint/no-empty-function": "off", // 禁止空函数
-    "@typescript-eslint/no-use-before-define": "off", // 禁止在变量定义之前使用它们
-    "@typescript-eslint/ban-ts-comment": "off", // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
     "@typescript-eslint/no-non-null-assertion": "off", // 不允许使用后缀运算符的非空断言(!)
-    "@typescript-eslint/explicit-module-boundary-types": "off", // 要求导出函数和类的公共类方法的显式返回和参数类型
 
     // vue (https://eslint.vuejs.org/rules)
-    "vue/script-setup-uses-vars": "error", // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该no-unused-vars规则时有效。
+    "vue/script-setup-uses-vars": "error", // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该no-unused-vars规则时有效
     "vue/v-slot-style": "error", // 强制执行 v-slot 指令样式
-    "vue/no-mutating-props": "off", // 不允许组件 prop的改变
-    "vue/no-v-html": "off", // 禁止使用 v-html
-    "vue/custom-event-name-casing": "off", // 为自定义事件名称强制使用特定大小写
+    "vue/no-mutating-props": "error", // 不允许改变组件 prop
+    "vue/custom-event-name-casing": "error", // 为自定义事件名称强制使用特定大小写
+    "vue/html-closing-bracket-newline": "error", // 在标签的右括号之前要求或禁止换行
+    "vue/attribute-hyphenation": "error", // 对模板中的自定义组件强制执行属性命名样式：my-prop="prop"
     "vue/attributes-order": "off", // vue api使用顺序，强制执行属性顺序
-    "vue/one-component-per-file": "off", // 强制每个组件都应该在自己的文件中
-    "vue/html-closing-bracket-newline": "off", // 在标签的右括号之前要求或禁止换行
-    "vue/max-attributes-per-line": "off", // 强制每行的最大属性数
-    "vue/multiline-html-element-content-newline": "off", // 在多行元素的内容之前和之后需要换行符
-    "vue/singleline-html-element-content-newline": "off", // 在单行元素的内容之前和之后需要换行符
-    "vue/attribute-hyphenation": "off", // 对模板中的自定义组件强制执行属性命名样式
+    "vue/no-v-html": "off", // 禁止使用 v-html
     "vue/require-default-prop": "off", // 此规则要求为每个 prop 为必填时，必须提供默认值
     "vue/multi-word-component-names": "off" // 要求组件名称始终为 “-” 链接的单词
   }

README.md

@@ -192,7 +192,7 @@ Geeker-Admin
 
 |                           微信二维码                            |
 | :-------------------------------------------------------------: |
-| <img src="https://i.imgtg.com/2023/05/24/Oa7LoB.png" width=170> |
+| <img src="https://i.imgtg.com/2023/05/30/OoV44t.png" width=170> |
 
 ### 捐赠 🍵
 

build/plugins.ts

@@ -52,7 +52,6 @@ const createCompression = (viteEnv: ViteEnv): PluginOption | PluginOption[] => {
   const { VITE_BUILD_COMPRESS = "none", VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
   const compressList = VITE_BUILD_COMPRESS.split(",");
   const plugins: PluginOption[] = [];
-
   if (compressList.includes("gzip")) {
     plugins.push(
       viteCompression({

package.json

@@ -55,7 +55,7 @@
     "sortablejs": "^1.15.0",
     "vue": "^3.3.4",
     "vue-i18n": "^9.2.2",
-    "vue-router": "^4.2.1",
+    "vue-router": "^4.2.2",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
@@ -93,7 +93,7 @@
     "stylelint-config-standard-scss": "^9.0.0",
     "typescript": "^5.0.4",
     "unplugin-vue-setup-extend-plus": "^1.0.0",
-    "vite": "^4.3.8",
+    "vite": "^4.3.9",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-html": "^3.2.0",

pnpm-lock.yaml

@@ -1,3 +1,3 @@
-// 后端微服务端口名
+// 后端微服务模块前缀
 export const PORT1 = "/geeker";
 export const PORT2 = "/hooks";

src/api/config/servicePort.ts

@@ -4,7 +4,7 @@
     <div class="not-detail">
       <h2>403</h2>
       <h4>抱歉，您无权访问该页面~🙅‍♂️🙅‍♀️</h4>
-      <el-button type="primary" @click="router.push(HOME_URL)">返回首页</el-button>
+      <el-button type="primary" @click="router.push(HOME_URL)"> 返回首页 </el-button>
     </div>
   </div>
 </template>

src/components/ErrorMessage/403.vue

@@ -4,7 +4,7 @@
     <div class="not-detail">
       <h2>404</h2>
       <h4>抱歉，您访问的页面不存在~🤷‍♂️🤷‍♀️</h4>
-      <el-button type="primary" @click="router.push(HOME_URL)">返回首页</el-button>
+      <el-button type="primary" @click="router.push(HOME_URL)"> 返回首页 </el-button>
     </div>
   </div>
 </template>

src/components/ErrorMessage/404.vue

@@ -4,7 +4,7 @@
     <div class="not-detail">
       <h2>500</h2>
       <h4>抱歉，您的网络不见了~🤦‍♂️🤦‍♀️</h4>
-      <el-button type="primary" @click="router.push(HOME_URL)">返回首页</el-button>
+      <el-button type="primary" @click="router.push(HOME_URL)"> 返回首页 </el-button>
     </div>
   </div>
 </template>

src/components/ErrorMessage/500.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :style="style" v-show="isShow">
+  <div v-show="isShow" :style="style">
     <slot></slot>
   </div>
 </template>

src/components/Grid/components/GridItem.vue

@@ -2,7 +2,7 @@
   <el-dialog v-model="dialogVisible" :title="`批量添加${parameter.title}`" :destroy-on-close="true" width="580px" draggable>
     <el-form class="drawer-multiColumn-form" label-width="100px">
       <el-form-item label="模板下载 :">
-        <el-button type="primary" :icon="Download" @click="downloadTemp">点击下载</el-button>
+        <el-button type="primary" :icon="Download" @click="downloadTemp"> 点击下载 </el-button>
       </el-form-item>
       <el-form-item label="文件上传 :">
         <el-upload
@@ -20,7 +20,9 @@
           :accept="parameter.fileType!.join(',')"
         >
           <slot name="empty">
-            <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+            <el-icon class="el-icon--upload">
+              <upload-filled />
+            </el-icon>
             <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
           </slot>
           <template #tip>

src/components/ImportExcel/index.vue

@@ -1,13 +1,13 @@
 <template>
   <!-- 列设置 -->
-  <el-drawer title="列设置" v-model="drawerVisible" size="450px">
+  <el-drawer v-model="drawerVisible" title="列设置" size="450px">
     <div class="table-main">
       <el-table :data="colSetting" :border="true" row-key="prop" default-expand-all :tree-props="{ children: '_children' }">
         <el-table-column prop="label" align="center" label="列名" />
-        <el-table-column prop="isShow" align="center" label="显示" v-slot="scope">
+        <el-table-column v-slot="scope" prop="isShow" align="center" label="显示">
           <el-switch v-model="scope.row.isShow"></el-switch>
         </el-table-column>
-        <el-table-column prop="sortable" align="center" label="排序" v-slot="scope">
+        <el-table-column v-slot="scope" prop="sortable" align="center" label="排序">
           <el-switch v-model="scope.row.sortable"></el-switch>
         </el-table-column>
         <template #empty>