@wetspace/pro-components
Version:
::: tip 基本介绍
2 lines (1 loc) • 4.77 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("element-plus"),_=require("../types.js"),g=require("../symbol.js");require("../../../delete-button/index.js");require("../../../count-down-button/index.js");const w=require("../../../ellipsis/index.js");require("../../../form-fileds/index.js");require("../../index.js");require("../../../pro-table/index.js");require("../../../pro-descriptions/index.js");require("../../../pro-list/index.js");require("../../../layout/index.js");require("../../../page/index.js");require("../../../guide/index.js");require("../../../notice-menu/index.js");require("../../../state/index.js");const N=require("../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.12_typescript@5.4.2_/node_modules/@element-plus/icons-vue/dist/index.js"),$=require("../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isUndefined.js"),I=require("../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/get.js"),x={key:0,class:"prepend"},j={key:1,class:"append"},W={key:0,class:"prepend"},F={key:1,class:"append"},O=e.defineComponent({name:"WetProFormItem",__name:"item",props:_.wetProFormItemProps,setup(v){const a=s.useNamespace("pro-form-item"),u=e.useSlots(),t=v,{setFormStateValue:c,setFieldsValue:d,registerFiledsPaths:h,registerChangeEmit:b,formState:k,globalColProps:q,labelWidth:p,clearable:C,labelPosition:P}=e.inject(g.SymbolState),y=e.computed(()=>{if(t.isAction)return{span:24};const r={...q.value},n=Object.keys(s.colProps);return Object.keys(t).forEach(l=>{n.includes(l)&&t[l]&&(r[l]=t[l])}),r}),S=e.computed(()=>{const r={},n=Object.keys(s.formItemProps);return Object.keys(t).forEach(l=>{n.includes(l)&&(r[l]=t[l])}),r}),V=e.computed(()=>t.label?m.value==="left"?"auto":$.default(t.labelWidth)||t.labelWidth===""?p.value:t.labelWidth:0),m=e.computed(()=>t.labelPosition||P.value),o=e.computed(()=>Array.isArray(t.prop)?t.prop:t.prop?[t.prop]:[]),i=e.ref(!1),B=e.computed(()=>{if(!i.value)return[];const r=[...t.rules||[]];return t.required&&r.unshift({required:!0,message:`${t.label||"该项"}是必填项`}),r}),E=e.computed(()=>I.default(k.value,o.value,void 0)),f=e.computed(()=>({...t.formInputProps,modelValue:E.value,onChange(r){var n;b(t.prop||""),(n=t.formInputProps)!=null&&n.onChange&&t.formInputProps.onChange(r)},"onUpdate:modelValue":r=>{o.value&&d(o.value,r)},clearable:C.value,style:{width:"100%",maxWidth:t.fixedWidth?"var(--wet-input-maxwidth,300px)":""}}));return e.watch(o,r=>{r&&c(r)}),e.onMounted(()=>{o.value&&c(o.value),setTimeout(()=>{i.value=!0},200)}),e.onUnmounted(()=>{i.value=!1,o.value&&(d(o.value,void 0),delete h.value[o.value.join(".")])}),(r,n)=>(e.openBlock(),e.createBlock(e.unref(s.ElCol),e.mergeProps(y.value,{class:[e.unref(a).b()]}),{default:e.withCtx(()=>[t.noStyle?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a).e("form-iteminner")])},[e.unref(u).prepend?(e.openBlock(),e.createElementBlock("div",W,[e.renderSlot(r.$slots,"prepend")])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default",{inputProps:f.value}),e.unref(u).append?(e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(r.$slots,"append")])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createBlock(e.unref(s.ElFormItem),e.mergeProps({key:0},S.value,{prop:o.value.join("."),rules:B.value,"label-width":V.value,"label-position":m.value}),e.createSlots({default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("form-iteminner")])},[e.unref(u).prepend?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(r.$slots,"prepend")])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default",{inputProps:f.value}),e.unref(u).append?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(r.$slots,"append")])):e.createCommentVNode("",!0)],2)]),_:2},[t.label||t.isAction?{name:"label",fn:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("label")]),style:e.normalizeStyle({color:t.labelColor})},[e.createVNode(e.unref(w.TextEllipsis),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1),e.withDirectives(e.createElementVNode("span",null,":",512),[[e.vShow,!1]])]),_:1}),t.description?(e.openBlock(),e.createBlock(e.unref(s.ElTooltip),{key:0,content:t.description,placement:"top",effect:"light"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.ElIcon),{class:e.normalizeClass([e.unref(a).e("question")])},{default:e.withCtx(()=>[e.createVNode(e.unref(N.QuestionFilled))]),_:1},8,["class"])]),_:1},8,["content"])):e.createCommentVNode("",!0)],6)]),key:"0"}:void 0]),1040,["prop","rules","label-width","label-position"]))]),_:3},16,["class"]))}});exports.default=O;