<script lang="ts" setup>
|
import { useDynamic } from '../hooks/useDynamic';
|
import DataProperties from './components/DataProperties.vue';
|
|
defineOptions({ inheritAttrs: false });
|
const props = defineProps(['activeData', 'dicOptions']);
|
|
const { onMultipleChange } = useDynamic(props.activeData);
|
</script>
|
<template>
|
<a-form-item label="默认值">
|
<jnpf-select
|
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" />
|
<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="onMultipleChange" />
|
</a-form-item>
|
</template>
|
