| 1 |
- import{d as U,o as u,A as i,B as e,aL as f,E as V,f as o,a as d,G as n,aE as E,a7 as $,aq as z,ar as G,S as j,cG as q,e9 as A,U as D,a8 as P}from"./index-bf9ff227.js";import{E as S}from"./el-card-3ab8deb4.js";import{_ as F}from"./UploadImg-0b316bf5.js";import{_ as H}from"./index-a854d26a.js";import{u as J}from"./util-f10b5ff5.js";import{_ as K}from"./_plugin-vue_export-helper-1b428a4d.js";const M=K(U({name:"ComponentContainer",__name:"ComponentContainerProperty",props:{modelValue:{}},emits:["update:modelValue"],setup(v,{emit:R}){const _=v,c=R,{formData:a}=J(_.modelValue,c),h=[{label:"\u5916\u90E8\u8FB9\u8DDD",prop:"margin",children:[{label:"\u4E0A",prop:"marginTop"},{label:"\u53F3",prop:"marginRight"},{label:"\u4E0B",prop:"marginBottom"},{label:"\u5DE6",prop:"marginLeft"}]},{label:"\u5185\u90E8\u8FB9\u8DDD",prop:"padding",children:[{label:"\u4E0A",prop:"paddingTop"},{label:"\u53F3",prop:"paddingRight"},{label:"\u4E0B",prop:"paddingBottom"},{label:"\u5DE6",prop:"paddingLeft"}]},{label:"\u8FB9\u6846\u5706\u89D2",prop:"borderRadius",children:[{label:"\u4E0A\u5DE6",prop:"borderTopLeftRadius"},{label:"\u4E0A\u53F3",prop:"borderTopRightRadius"},{label:"\u4E0B\u53F3",prop:"borderBottomRightRadius"},{label:"\u4E0B\u5DE6",prop:"borderBottomLeftRadius"}]}];return(m,l)=>{const s=$,b=z,T=G,t=j,y=H,x=F,B=q,L=A,w=D,C=S,k=P;return u(),i(k,{stretch:""},{default:e(()=>[m.$slots.default?(u(),i(s,{key:0,label:"\u5185\u5BB9"},{default:e(()=>[f(m.$slots,"default",{},void 0,!0)]),_:3})):V("",!0),o(s,{label:"\u6837\u5F0F",lazy:""},{default:e(()=>[o(C,{header:"\u7EC4\u4EF6\u6837\u5F0F",class:"property-group"},{default:e(()=>[o(w,{model:d(a),"label-width":"80px"},{default:e(()=>[o(t,{label:"\u7EC4\u4EF6\u80CC\u666F",prop:"bgType"},{default:e(()=>[o(T,{modelValue:d(a).bgType,"onUpdate:modelValue":l[0]||(l[0]=p=>d(a).bgType=p)},{default:e(()=>[o(b,{label:"color"},{default:e(()=>l[3]||(l[3]=[n("\u7EAF\u8272")])),_:1}),o(b,{label:"img"},{default:e(()=>l[4]||(l[4]=[n("\u56FE\u7247")])),_:1})]),_:1},8,["modelValue"])]),_:1}),d(a).bgType==="color"?(u(),i(t,{key:0,label:"\u9009\u62E9\u989C\u8272",prop:"bgColor"},{default:e(()=>[o(y,{modelValue:d(a).bgColor,"onUpdate:modelValue":l[1]||(l[1]=p=>d(a).bgColor=p)},null,8,["modelValue"])]),_:1})):(u(),i(t,{key:1,label:"\u4E0A\u4F20\u56FE\u7247",prop:"bgImg"},{default:e(()=>[o(x,{modelValue:d(a).bgImg,"onUpdate:modelValue":l[2]||(l[2]=p=>d(a).bgImg=p),limit:1},{tip:e(()=>l[5]||(l[5]=[n("\u5EFA\u8BAE\u5BBD\u5EA6 750px")])),_:1},8,["modelValue"])]),_:1})),o(L,{data:h,"expand-on-click-node":!1,"default-expand-all":""},{default:e(({node:p,data:r})=>[o(t,{label:r.label,prop:r.prop,"label-width":p.level===1?"80px":"62px",class:"w-full m-b-0!"},{default:e(()=>[o(B,{modelValue:d(a)[r.prop],"onUpdate:modelValue":g=>d(a)[r.prop]=g,max:100,min:0,"show-input":"","input-size":"small","show-input-controls":!1,onInput:g=>(I=>{switch(I){case"margin":a.value.marginTop=a.value.margin,a.value.marginRight=a.value.margin,a.value.marginBottom=a.value.margin,a.value.marginLeft=a.value.margin;break;case"padding":a.value.paddingTop=a.value.padding,a.value.paddingRight=a.value.padding,a.value.paddingBottom=a.value.padding,a.value.paddingLeft=a.value.padding;break;case"borderRadius":a.value.borderTopLeftRadius=a.value.borderRadius,a.value.borderTopRightRadius=a.value.borderRadius,a.value.borderBottomRightRadius=a.value.borderRadius,a.value.borderBottomLeftRadius=a.value.borderRadius}})(r.prop)},null,8,["modelValue","onUpdate:modelValue","onInput"])]),_:2},1032,["label","prop","label-width"])]),_:1}),f(m.$slots,"style",{style:E(d(a))},void 0,!0)]),_:3},8,["model"])]),_:3})]),_:3})]),_:3})}}}),[["__scopeId","data-v-3df4060d"]]);export{M as _};
|
