fix: 🐛 修复图标选取组件和字典复选组件的使用bug

修复图标选取组件和字典复选组件的使用bug

src/components/Dict/index.vue

@@ -123,7 +123,7 @@ watch(
       const matchedOption = newOptions.find(
         (option) => option.value === selectedValue.value
       );
-      if (!matchedOption) {
+      if (!matchedOption && props.type !== "checkbox") {
         selectedValue.value = ""; // 如果找不到匹配项，清空选中
       }
     }

src/components/IconSelect/index.vue

@@ -111,12 +111,15 @@ const elementIcons = ref<string[]>(Object.keys(ElementPlusIconsVue));
 const selectedIcon = defineModel("modelValue", {
   type: String,
   required: true,
+  default: "",
 });
 
 const filterText = ref("");
 const filteredSvgIcons = ref<string[]>([]);
 const filteredElementIcons = ref<string[]>(elementIcons.value);
-const isElementIcon = computed(() => selectedIcon.value.startsWith("el-icon-"));
+const isElementIcon = computed(() => {
+  return selectedIcon.value && selectedIcon.value.startsWith("el-icon");
+});
 
 function loadIcons() {
   const icons = import.meta.glob("../../assets/icons/*.svg");

src/views/demo/dictionary.vue

@@ -2,7 +2,7 @@
 <script setup lang="ts">
 const stringValue = ref("1"); // 性别(值为String)
 const numberValue = ref(1); // 性别(值为Number)
-const arraryValue = ref(["1", "2"]); // 性别(值为Array)
+const arrayValue = ref(["1", "2"]); // 性别(值为Array)
 </script>
 
 <template>
@@ -38,7 +38,7 @@ const arraryValue = ref(["1", "2"]); // 性别(值为Array)
       </el-form-item>
 
       <el-form-item label="复选框字典">
-        <dict v-model="arraryValue" type="checkbox" code="gender" />
+        <dict v-model="arrayValue" type="checkbox" code="gender" />
         <el-link :underline="false" type="success" class="ml-5">
           值为Number: const value = ref(["1", "2"]);
         </el-link>