@xuekl/cli-components 1.5.2 → 1.5.4

package/XklSelect.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-select style="width: 100%;" @change="changeHandle">
+    <el-select v-model="selectData" style="width: 100%;" @change="changeHandle">
         <el-option v-for="item in dataList" :key="item.id" :label="item.label" :value="item.value"></el-option>
     </el-select>
 </template>
@@ -9,19 +9,29 @@ export default {
 }
 </script>
 <script setup lang="ts">
-import { onBeforeMount, ref, Ref, watch } from 'vue'
+import { onBeforeMount, ref, Ref, watch, computed } from 'vue'
 import { SelectItem } from '@xuekl/cli-base/type.d'
 import http from "@/utils/httpRequest"
-const props = defineProps(['config', 'list'])
-const emit = defineEmits(['update:label', 'loaded'])
+const props = defineProps(['config', 'list', 'modelValue'])
+const emit = defineEmits(['update:label', 'loaded', 'update:modelValue', 'itemChange'])
 const { config, list } = props
 
 const dataList: Ref<SelectItem[]> = ref([])
 
+const selectData = computed({
+    get() {
+        return dataList.value.length ? props.modelValue : ''
+    },
+    set(val) {
+        emit('update:modelValue', val)
+    }
+})
+
 const changeHandle = (val: string) => {
     const item = dataList.value.find(res => res.value === val)
     if (item) {
         emit('update:label', item.label)
+        emit('itemChange', item)
     }
 }
 
@@ -35,16 +45,18 @@ const handleData = (data) => {
         }
     }
 
-    data.forEach(inner => {
-        inner.value = inner[config?.valueTarget || 'value']
-        if (!split) {
-            inner.label = inner[labelTarget || 'label']
-        } else {
-            inner.label = labels.map(label => inner[label]).join(split)
-        }
+    if (data) {
+        data.forEach(inner => {
+            inner.value = inner[config?.valueTarget || 'value']
+            if (!split) {
+                inner.label = inner[labelTarget || 'label']
+            } else {
+                inner.label = labels.map(label => inner[label]).join(split)
+            }
+        })
+    }
 
-    })
-    return data
+    return data || []
 }
 
 if (typeof list === 'function') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xuekl/cli-components",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "description": "",
   "main": "index.ts",
   "scripts": {