vxe-design
Version:
A PC-based visual designer based on Vxe UI, used for building zero-code and low-code platforms
1 lines • 1.18 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeUploadImageViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use");const WidgetVxeUploadImageViewComponent=exports.WidgetVxeUploadImageViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(i){const o=_core.VxeUI.getComponent("vxe-form-item"),u=_core.VxeUI.getComponent("vxe-upload"),m=(0,_vue.inject)("$xeFormView",null),n=(0,_use.useWidgetName)(i)["computeKebabCaseName"],a=()=>{var e,t=i["renderParams"],t=t["widget"];m&&(e=m?m.getItemValue(t):null,m.updateWidgetStatus(t,e))};return()=>{var e=i["renderParams"];const t=e["widget"],r=t["options"];e=n.value;return(0,_vue.h)(o,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)(u,{modelValue:m?m.getItemValue(t):null,mode:"image",multiple:r.multiple,limitCount:r.limitCount,limitSize:r.limitSize,onChange:a,"onUpdate:modelValue"(e){m&&m.setItemValue(t,e)}})}})}}});