vuux/dist/lib/Form/src/item.vue.cjs

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),l=require("./hook/useItemForm.cjs"),a={class:"form-item"},i={class:"form-label"},m={key:0,class:"is-required"},d={class:"form-field"},u={key:0,class:"form-tip"},f=e.defineComponent({name:"FormItem",__name:"item",props:{label:{},field:{}},setup(t){const o=t,{isRequired:s,isError:r,message:n}=l.useItemForm(o);return(c,_)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",i,[e.unref(s)?(e.openBlock(),e.createElementBlock("span",m,"*")):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(t.label),1)]),e.createElementVNode("div",d,[e.renderSlot(c.$slots,"default"),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.unref(r)?(e.openBlock(),e.createElementBlock("div",u,e.toDisplayString(e.unref(n)),1)):e.createCommentVNode("",!0)]),_:1})])]))}});module.exports=f;