refactor: 优化字典组件命名

src/components/DictLabel/index.vue

@@ -6,6 +6,7 @@
     <span>{{ label }}</span>
   </template>
 </template>
+
 <script setup lang="ts">
 import { useDictStore } from "@/store";
 
@@ -17,11 +18,13 @@ const props = defineProps({
     default: "default", // 标签大小
   },
 });
+
 const label = ref("");
 const tagType = ref<"success" | "warning" | "info" | "primary" | "danger" | undefined>(); // 标签类型
 const tagSize = ref<"default" | "large" | "small">(props.size as "default" | "large" | "small"); // 标签大小
 
 const dictStore = useDictStore();
+
 /**
  * 根据字典项的值获取对应的 label 和 tagType
  * @param dictCode 字典编码
@@ -40,6 +43,7 @@ const getLabelAndTagByValue = async (dictCode: string, value: any) => {
     tagType: dictItem?.tagType,
   };
 };
+
 /**
  * 更新 label 和 tagType
  */

src/views/demo/curd-single.vue

@@ -50,7 +50,7 @@
     <!-- 新增 -->
     <page-modal ref="addModalRef" :modal-config="addModalConfig" @submit-click="handleSubmitClick">
       <template #gender="scope">
-        <Dict v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
+        <DictSelect v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
       </template>
     </page-modal>
 
@@ -61,7 +61,7 @@
       @submit-click="handleSubmitClick"
     >
       <template #gender="scope">
-        <Dict v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
+        <DictSelect v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
       </template>
     </page-modal>
   </div>

src/views/demo/curd/index.vue

@@ -57,7 +57,7 @@
         @submit-click="handleSubmitClick"
       >
         <template #gender="scope">
-          <Dict v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
+          <DictSelect v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
         </template>
         <template #openModal>
           <el-button type="primary" @click="openSecondModal">打开二级弹窗</el-button>
@@ -67,7 +67,7 @@
       <!-- 二级弹窗 -->
       <page-modal ref="addModalRef2" :modal-config="addModalConfig2" @custom-submit="secondSubmit">
         <template #gender="scope">
-          <Dict v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
+          <DictSelect v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
         </template>
       </page-modal>
 
@@ -78,7 +78,7 @@
         @submit-click="handleSubmitClick"
       >
         <template #gender="scope">
-          <Dict v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
+          <DictSelect v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
         </template>
       </page-modal>
     </template>
@@ -105,7 +105,7 @@
           <span>$</span>
         </template>
         <template #gender="scope">
-          <Dict v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
+          <DictSelect v-model="scope.formData[scope.prop]" code="gender" v-bind="scope.attrs" />
         </template>
       </page-modal>
     </template>

src/views/profile/index.vue

@@ -146,7 +146,7 @@
           <el-input v-model="userProfileForm.nickname" />
         </el-form-item>
         <el-form-item label="性别">
-          <Dict v-model="userProfileForm.gender" code="gender" />
+          <DictSelect v-model="userProfileForm.gender" code="gender" />
         </el-form-item>
       </el-form>
 

src/views/system/notice/index.vue

@@ -179,10 +179,10 @@
         </el-form-item>
 
         <el-form-item label="通知类型" prop="type">
-          <Dict v-model="formData.type" code="notice_type" />
+          <DictSelect v-model="formData.type" code="notice_type" />
         </el-form-item>
         <el-form-item label="通知等级" prop="level">
-          <Dict v-model="formData.level" code="notice_level" />
+          <DictSelect v-model="formData.level" code="notice_level" />
         </el-form-item>
         <el-form-item label="目标类型" prop="targetType">
           <el-radio-group v-model="formData.targetType">

src/views/system/user/index.vue

@@ -197,7 +197,7 @@
         </el-form-item>
 
         <el-form-item label="性别" prop="gender">
-          <Dict v-model="formData.gender" code="gender" />
+          <DictSelect v-model="formData.gender" code="gender" />
         </el-form-item>
 
         <el-form-item label="角色" prop="roleIds">