vxe-design
Version:
A PC-based visual designer based on Vxe UI, used for building zero-code and low-code platforms
87 lines (86 loc) • 2.74 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.WidgetVxeTreeSelectFormComponent = void 0;
var _vue = require("vue");
var _comp = require("../../ui/src/comp");
var _core = require("@vxe-ui/core");
var _use = require("../src/use");
const WidgetVxeTreeSelectFormComponent = exports.WidgetVxeTreeSelectFormComponent = (0, _comp.defineVxeComponent)({
props: {
renderOpts: {
type: Object,
default: () => ({})
},
renderParams: {
type: Object,
default: () => ({})
}
},
emits: [],
setup(props) {
const VxeUIFormComponent = _core.VxeUI.getComponent('vxe-form');
const VxeUIFormItemComponent = _core.VxeUI.getComponent('vxe-form-item');
const VxeUIInputComponent = _core.VxeUI.getComponent('vxe-input');
const VxeUISwitchComponent = _core.VxeUI.getComponent('vxe-switch');
const {
computeKebabCaseName
} = (0, _use.useWidgetName)(props);
return () => {
const {
renderParams
} = props;
const {
widget
} = renderParams;
const kebabCaseName = computeKebabCaseName.value;
return (0, _vue.h)(VxeUIFormComponent, {
class: ['vxe-form-design--widget-render-form-wrapper', `widget-${kebabCaseName}`],
vertical: true,
span: 24,
titleBold: true,
titleOverflow: true,
data: widget.options
}, {
default() {
return [(0, _vue.h)(VxeUIFormItemComponent, {
title: (0, _core.getI18n)('vxe.formDesign.widgetProp.name')
}, {
default() {
return (0, _vue.h)(VxeUIInputComponent, {
modelValue: widget.title,
'onUpdate:modelValue'(val) {
widget.title = val;
}
});
}
}), (0, _vue.h)(VxeUIFormItemComponent, {
title: (0, _core.getI18n)('vxe.formDesign.widgetProp.placeholder'),
field: 'placeholder',
itemRender: {
name: 'VxeInput'
}
}), (0, _vue.h)(VxeUIFormItemComponent, {
title: (0, _core.getI18n)('vxe.formDesign.widgetProp.multiple'),
field: 'multiple',
itemRender: {
name: 'VxeSwitch'
}
}), (0, _vue.h)(VxeUIFormItemComponent, {
title: (0, _core.getI18n)('vxe.formDesign.widgetProp.required')
}, {
default() {
return (0, _vue.h)(VxeUISwitchComponent, {
modelValue: widget.required,
'onUpdate:modelValue'(val) {
widget.required = val;
}
});
}
})];
}
});
};
}
});