feat: base xtselect emit change

src/components/xtSelect/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<el-input ref="inputRef" v-model="selectLabel" :readonly="true">
+		<el-input ref="inputRef" v-model="selectLabel" :readonly="true" :placeholder="placeholder">
 			<template #prefix v-if="edit">
 				<el-button
 					text
@@ -72,6 +72,7 @@ import { ref, defineProps, defineEmits, computed, onMounted } from "vue";
 
 const props = defineProps({
 	multiple: { type: Boolean, default: false },
+	placeholder: { type: String, default: "请选择" },
 	edit: { type: Boolean, default: true },
 	hidePagination: { type: Boolean, default: false },
 	tableWidth: { type: Number, default: 600 },
@@ -171,6 +172,7 @@ const rowClick = (row) => {
 		selectValue.value = row[props.valueField];
 		showPopover.value = false;
 	}
+	emit("change");
 };
 
 const handleClear = () => {
@@ -183,6 +185,7 @@ const handleClear = () => {
 		selectValue.value = null;
 	}
 	emit("update:label", "");
+	emit("change");
 };
 
 const tdChange = (res, tableData) => {
@@ -198,7 +201,8 @@ const selectionChange = (val) => {
 		selectLabel.value = val
 			.map((item) => item[props.labelField])
 			.join(props.splitField);
-		emit("update:label", val);
 	}
+	emit("update:label", val);
+	emit("change");
 };
 </script>