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