🐛(component): 修复 tansfer 组件 data-source 属性缺少响应式的特性

This commit is contained in:
就眠儀式
2022-10-13 17:00:20 +08:00
parent 02facb2f01
commit a2bcc81db5
4 changed files with 19 additions and 7 deletions

View File

@@ -37,9 +37,9 @@ const props = withDefaults(defineProps<LayTransferProps>(), {
const emits = defineEmits(["update:modelValue", "change"]);
const leftDataSource: Ref<any[]> = ref([...props.dataSource]);
const leftDataSource: Ref<any[]> = ref([]);
const rightDataSource: Ref<any[]> = ref([]);
const _leftDataSource: Ref<any[]> = ref([...props.dataSource]);
const _leftDataSource: Ref<any[]> = ref([]);
const _rightDataSource: Ref<any[]> = ref([]);
const leftSelectedKeys: Ref<string[]> = ref([]);
const rightSelectedKeys: Ref<string[]> = ref([]);
@@ -63,7 +63,7 @@ const allLeftChange = (isChecked: boolean) => {
};
watch(
() => props.modelValue,
() => [props.modelValue, props.dataSource],
() => {
let targetDataSource: any[] = [];

View File

@@ -263,7 +263,7 @@ const filetoDataURL = (file: File, fn: Function) => {
reader.readAsDataURL(file);
};
const getUploadChange = (e: any) => {
const uploadChange = (e: any) => {
const files = e.target.files;
const _files = [...files];
if (props.multiple && props.number != 0 && props.number < _files.length) {
@@ -363,7 +363,7 @@ onMounted(() => {
nextTick(() => {
dragRef.value.addEventListener("dragenter",dragEnter,false);
dragRef.value.addEventListener("dragover",dragOver,false);
dragRef.value.addEventListener("drop",getUploadChange,false);
dragRef.value.addEventListener("drop",uploadChange,false);
})
})
</script>
@@ -383,7 +383,7 @@ onMounted(() => {
:accept="acceptMime"
:disabled="disabled"
@click="clickOrgInput"
@change="getUploadChange"
@change="uploadChange"
/>
<div v-if="!drag">
<div class="layui-upload-btn-box" @click.stop="chooseFile">