<script lang="ts" setup>
|
import { ref } from 'vue';
|
|
import DataProperties from './components/DataProperties.vue';
|
|
defineOptions({ inheritAttrs: false });
|
const props = defineProps(['activeData', 'dicOptions']);
|
const cascaderKey = ref(Date.now());
|
|
function onChange() {
|
cascaderKey.value = Date.now();
|
props.activeData.__config__.renderKey = Date.now();
|
props.activeData.__config__.defaultValue = [];
|
}
|
</script>
|
<template>
|
<a-form-item label="默认值">
|
<jnpf-cascader
|
placeholder="请选择"
|
v-model:value="activeData.__config__.defaultValue"
|
:options="activeData.options"
|
:field-names="activeData.props"
|
:multiple="activeData.multiple"
|
allow-clear
|
show-search />
|
</a-form-item>
|
<DataProperties :active-data="activeData" :dic-options="dicOptions" @props-children-change="onChange" />
|
<a-form-item label="能否清空">
|
<a-switch v-model:checked="activeData.clearable" />
|
</a-form-item>
|
<a-form-item label="能否搜索">
|
<a-switch v-model:checked="activeData.filterable" />
|
</a-form-item>
|
<a-form-item label="能否多选">
|
<a-switch v-model:checked="activeData.multiple" @change="onChange" />
|
</a-form-item>
|
</template>
|
