vxe-design
Version:
A PC-based visual designer based on Vxe UI, used for building zero-code and low-code platforms
40 lines (39 loc) • 1.51 kB
JavaScript
import { h, ref } from 'vue';
import { VxeUI } from '@vxe-ui/core';
export function useWidgetPropDefaultValue(props) {
const VxeUIFormItemComponent = VxeUI.getComponent('vxe-form-item');
const VxeUISelectComponent = VxeUI.getComponent('vxe-select');
const VxeUIInputComponent = VxeUI.getComponent('vxe-input');
const defValOptions = ref([
{ value: 'custom', label: '自定义' }
// { value: 'linkage', label: '数据联动' }
]);
return {
renderDefaultValueFormItem() {
const { renderParams } = props;
const { widget } = renderParams;
const { defaultValue } = widget.options;
return h(VxeUIFormItemComponent, {
title: '默认值'
}, {
default() {
return [
h(VxeUISelectComponent, {
modelValue: defaultValue.type,
options: defValOptions.value,
'onUpdate:modelValue'(val) {
defaultValue.type = val;
}
}),
h(VxeUIInputComponent, {
modelValue: defaultValue.value,
'onUpdate:modelValue'(val) {
defaultValue.value = val;
}
})
];
}
});
}
};
}