vxe-pc-ui/es/form-design/src/use/widget-prop-default-value.js

A vue based PC component library

import { h, ref } from 'vue';
import VxeFormItemComponent from '../../../form/src/form-item';
import VxeSelectComponent from '../../../select/src/select';
import VxeInputComponent from '../../../input/src/input';
export function useWidgetPropDefaultValue(props) {
    const defValOptions = ref([
        { value: 'custom', label: '自定义' }
        // { value: 'linkage', label: '数据联动' }
    ]);
    return {
        renderDefaultValueFormItem() {
            const { renderParams } = props;
            const { widget } = renderParams;
            const { defaultValue } = widget.options;
            return h(VxeFormItemComponent, {
                title: '默认值'
            }, {
                default() {
                    return [
                        h(VxeSelectComponent, {
                            modelValue: defaultValue.type,
                            options: defValOptions.value,
                            'onUpdate:modelValue'(val) {
                                defaultValue.type = val;
                            }
                        }),
                        h(VxeInputComponent, {
                            modelValue: defaultValue.value,
                            'onUpdate:modelValue'(val) {
                                defaultValue.value = val;
                            }
                        })
                    ];
                }
            });
        }
    };
}