el-plus-powerful-form
Version:
## [DOCS](https://peng-xiao-shuai.github.io/vite-vue-admin-docs/zh-CN/component_directive/component/powerful-form-doc.html)
2 lines (1 loc) • 2.07 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),s=require("element-plus");require("element-plus/theme-chalk/el-form.css");require("element-plus/theme-chalk/el-form-item.css");require("element-plus/theme-chalk/el-checkbox.css");require("element-plus/theme-chalk/el-checkbox-group.css");require("element-plus/theme-chalk/el-date-picker-panel.css");require("element-plus/theme-chalk/el-radio.css");require("element-plus/theme-chalk/el-radio-group.css");require("element-plus/theme-chalk/el-select-v2.css");require("element-plus/theme-chalk/el-select.css");require("element-plus/theme-chalk/el-switch.css");require("element-plus/theme-chalk/el-input.css");require("element-plus/theme-chalk/el-rate.css");require("../style.css");const q=require("../powerful-form/index.js"),n=require("../powerful-form/src/form-view-data.js"),I=require("../utils/index.js"),d=r.defineComponent({name:"FInput",props:n.componentProps(),emits:["update:modelValue"],setup(t,{emit:c}){const o=r.computed(()=>t.formItem.data),{event:u}=n.useEvent({formData:t.formData,index:t.index,formItem:t.formItem}),a=r.ref(t.formData[t.formItem.prop]),f=r.watchEffect(()=>{a.value=t.formData[t.formItem.prop]});return r.onUnmounted(()=>{f()}),()=>{var m,l,i;return r.createVNode(r.Fragment,null,[r.createVNode(s.ElInput,r.mergeProps({style:((m=o.value)==null?void 0:m.style)||{},placeholder:`请输入${I.clearSymbol(t.formItem.text)}`,modelValue:a.value,"onUpdate:modelValue":e=>a.value=e,onBlur:(...e)=>u("blur",...e),onFocus:(...e)=>u("focus",...e),onChange:e=>{c("update:modelValue",e),u("change",e)},onInput:(...e)=>u("input",...e),onClear:(...e)=>u("clear",...e)},{rows:3,clearable:!0,type:t.formItem.type||q.FormTypeEnum.Input,...n.isProperty({formData:t.formData,index:t.index,formItem:t.formItem},(l=o.value)==null?void 0:l.property)}),{[(i=o.value)==null?void 0:i.slot]:()=>{var e;return r.createVNode("span",{style:{padding:"0 10px"}},[(e=o.value)==null?void 0:e.symbol])}})])}}});exports.FInput=d;exports.default=d;