vxe-pc-ui
Version:
A vue based PC component library
1 lines • 2.19 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeUploadImageFormComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_vxeUploadFileData=require("../widget-vxe-upload-file/vxe-upload-file-data"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeUploadImageFormComponent=exports.WidgetVxeUploadImageFormComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(i){const o=(0,_use.useWidgetName)(i)["computeKebabCaseName"],u=(0,_vue.ref)((0,_vxeUploadFileData.getLimitSizeOptions)());return()=>{var e=i["renderParams"];const t=e["widget"],r=t["options"];e=o.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:r},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:t.title,"onUpdate:modelValue"(e){t.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.uploadProp.multiImg"),field:"multiple",itemRender:{name:"VxeSwitch"}}),r.multiple?(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.uploadProp.limitImgCount"),field:"limitCount",itemRender:{name:"VxeInput",props:{type:"integer",min:1,clearable:!0}}}):(0,_vue.createCommentVNode)(),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.uploadProp.limitImgSize"),field:"limitSize",itemRender:{name:"VxeSelect",options:u.value}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:t.required,"onUpdate:modelValue"(e){t.required=e}})}})]}})}}});