form-designer-xinyi
Version:
基于vue3的设计器,可视化开发页面表单
3 lines (2 loc) • 1.44 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("ant-design-vue"),s=require("./QuestionCircleOutlined-BXZZt1vS.cjs"),c=e.defineComponent({__name:"formItem",setup(p){const l=e.useAttrs(),u=e.ref(null),n=e.ref([]);l.suffix&&(n.value=l.suffix.split(`
`).filter(t=>t.trim()!==""));const a=e.ref(l.labelWidth??"100px");l.labelWidth&&(a.value=l.labelWidth);const f=e.computed(()=>{let t=l;l!=null&&l.componentProps&&(t={...l,...l.componentProps});let r=t.labelCol,o=t.wrapperCol;return t.layout==="vertical"?r=o={span:24}:t.layout==="inline"&&t.labelLayout==="fixed"?(r={},o={flex:1}):t.labelLayout==="fixed"&&(r={flex:`${typeof t.labelWidth=="number"?t.labelWidth+"px":t.labelWidth}`},o={flex:1}),{...t,labelCol:r,wrapperCol:o}});return(t,r)=>(e.openBlock(),e.createBlock(e.unref(i.FormItem),e.mergeProps({ref_key:"form",ref:u},f.value,{name:e.unref(l).field}),{tooltip:e.withCtx(()=>[e.unref(l).suffix?(e.openBlock(),e.createBlock(e.unref(i.Popover),{key:0},{content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,o=>(e.openBlock(),e.createElementBlock("div",null,e.toDisplayString(o),1))),256))]),default:e.withCtx(()=>[e.createVNode(e.unref(s.QuestionCircleOutlined),{class:"ant-form-item__suffix"})]),_:1})):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["name"]))}});exports.default=c;