升级vite4

README.md

@@ -2,6 +2,6 @@
 
 ## 方是科技管理后台框架
 
-### vue3 + vite3 + pinia + typescript + element-plus
+### vue3 + vite4 + pinia + typescript + element-plus
 
 ### [图标库链接](https://iconpark.oceanengine.com/official)

package.json

@@ -47,7 +47,7 @@
     "unplugin-icons": "^0.14.13",
     "unplugin-vue-components": "^0.22.9",
     "unplugin-vue-define-options": "^0.11.2",
-    "vite": "^3.2.4",
+    "vite": "^4.0.3",
     "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-svg-icons": "^2.0.1",
     "vue-tsc": "^0.39.5"

src/components/GlobalHeader.vue

@@ -57,7 +57,7 @@ const settingVisible = ref(false)
 
 <template>
   <header class="layout-header" :style="headerStyle">
-    <div class="flex flex-grow items-center justify-between pr-4">
+    <div class="flex flex-grow items-center justify-between px-4">
       <el-space :size="20">
         <el-button link @click="handleToggle">
           <icon-menu-unfold-one :size="iconSize" :fill="headerStyle.color" v-if="!value" />

src/views/system/Dict.vue

@@ -96,8 +96,7 @@ const dictItemFormConfig = reactive<BasicForm>({
       value: '',
       name: 'label',
       type: 'input',
-      rules: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
-      search: true
+      rules: [{ required: true, message: '请输入用户名', trigger: 'blur' }]
     },
     {
       label: '键值',
@@ -127,11 +126,13 @@ const dictItemFormConfig = reactive<BasicForm>({
         <vxe-column field="type" title="字典值"></vxe-column>
       </pro-table>
     </el-col>
-    <el-col :span="12" class="position-relative">
-      <div class="position-absolute right-[30px] top-[105px] z-1">
-        <el-tag>{{ curRow?.description }}</el-tag>
-      </div>
+    <el-col :span="12">
       <pro-table ref="itemTableRef" :crud="itemCRUD" :formConfig="dictItemFormConfig" :selection="false" v-if="curRow">
+        <template #header>
+          <div class="pb-15px mb-20px font-bold" style="border-bottom: 1px solid var(--el-border-color)">
+            {{ curRow?.description }}
+          </div>
+        </template>
         <vxe-column field="label" title="标签"></vxe-column>
         <vxe-column field="value" title="键值"></vxe-column>
       </pro-table>