2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
import{d as O,c as T,o as u,B as x,w as l,m as t,b as o,f as b,p as m,G as g,a as _,F as q,C,E as L,a0 as H,q as J,v as K,x as M}from"./index-Bp03Znup.js";import{E as P}from"./el-slider-9wl3SPcz.js";import{_ as Q}from"./index.vue_vue_type_script_setup_true_lang-CmVaNUNw.js";/* empty css */import{_ as W}from"./index-B0pv5ACV.js";import{E as X,a as Y}from"./el-form-item-D0VPhd4F.js";import{_ as Z}from"./picker-CIK8r3qe.js";import{_ as h}from"./picker-B9Jrx9z1.js";import{E as ee}from"./el-card-D36q9p5f.js";/* empty css *//* empty css */import{D as te}from"./vuedraggable.umd-CWsRCxht.js";import le from"./attritube-tabs-VsQmWPWs.js";import{c as B}from"./cloneDeep-C-uticou.js";import{E as oe,a as de}from"./index-CJ97bP73.js";/* empty css */import"./_baseClone-DNNBGhw1.js";import"./_Uint8Array-DWb7vvmt.js";import"./_initCloneObject-DTdCOd4_.js";import"./index-BUCoCI2B.js";/* empty css */import"./index-HD6fPohC.js";import"./picker.vue_vue_type_style_index_0_scoped_97bf4573_lang-C5BU6n57.js";import"./index.vue_vue_type_script_setup_true_lang-CX-dvcep.js";/* empty css */import"./el-select-BrRMRQg_.js";import"./index-deo72N_U.js";import"./token-DI9FKtlJ.js";import"./isEqual-BGjWqnUO.js";import"./_baseFindIndex-D7XfJLKM.js";import"./_baseIteratee-w43xOLx_.js";import"./el-table-column-CUyuLBd2.js";import"./el-checkbox-DmHoF8Ng.js";import"./isArrayLikeObject-CjMmT1bi.js";import"./lists-pfwifGil.js";import"./usePaging-Bij6EQ3J.js";/* empty css */import"./category-BYMTX_V1.js";import"./index-BNS1aiir.js";import"./arrays-6TrVLtTe.js";import"./index-DJde_l8S.js";/* empty css */import"./index-SAsEZJ5l.js";/* empty css *//* empty css */import"./index.vue_vue_type_script_setup_true_lang-B9GyBaTc.js";/* empty css */import"./index-B2lT7DBG.js";import"./index.vue_vue_type_style_index_0_scoped_2c1dfcb3_lang-Cn-WotKa.js";import"./index-DKtNVlSx.js";import"./index-BpkD3cS5.js";/* empty css */const ae={class:"flex items-end"},se={key:0,class:"text-xs text-tx-secondary ml-2"},ne={key:1,class:"text-xs text-tx-secondary ml-2"},me={class:"flex-1"},ie={class:"bg-fill-light w-full p-4 mt-4"},ue={class:"flex justify-center w-[380px]"},re={class:"flex-1"},fe={class:"flex-1 flex items-center"},pe={class:"drag-move cursor-move ml-auto"},xe={key:0,class:"mt-4"},be={class:"flex-1"},Ve={class:"flex-1"},ve={class:"flex-1"},ye={class:"flex-1"},ge={class:"flex-1"},U=5,ce=O({__name:"attr",props:{content:{type:Object,default:()=>({})},styles:{type:Object,default:()=>({})},type:{type:String,default:"mobile"}},emits:["update:content"],setup(d,{emit:D}){const w=D,v=d,V=T({get:()=>v.content,set:f=>{w("update:content",f)}}),$=()=>{var f;if(((f=v.content.data)==null?void 0:f.length)<U){const e=B(v.content);e.data.push({is_show:"1",image:"",bg:"",name:"",link:{}}),w("update:content",e)}else C.msgError(`最多添加${U}张图片`)},F=f=>{var s;if(((s=v.content.data)==null?void 0:s.length)<=1)return C.msgError("最少保留一张图片");const e=B(v.content);e.data.splice(f,1),w("update:content",e)};return(f,e)=>{const s=oe,y=de,p=ee,k=h,N=Z,R=L,r=X,j=H,I=J,S=W,A=K,E=Y,G=Q,c=P;return u(),x(le,{title:"轮播图"},{content:l(()=>[t(E,{"label-width":"70px",class:"flex flex-col min-h-0 h-full"},{default:l(()=>[t(p,{shadow:"never",class:"!border-none flex mt-[1px]"},{default:l(()=>[e[13]||(e[13]=o("div",{class:"flex items-end mb-4"},[o("div",{class:"text-base dark:text-[#ffffff] text-[#101010] font-medium"},"展示样式")],-1)),t(y,{modelValue:b(V).style,"onUpdate:modelValue":e[0]||(e[0]=a=>b(V).style=a)},{default:l(()=>[t(s,{value:1},{default:l(()=>e[11]||(e[11]=[m("常规")])),_:1}),t(s,{value:2},{default:l(()=>e[12]||(e[12]=[m("大屏")])),_:1})]),_:1},8,["modelValue"])]),_:1}),d.content.style==1?(u(),x(p,{key:0,shadow:"never",class:"!border-none flex mt-2"},{default:l(()=>[e[16]||(e[16]=o("div",{class:"flex items-end mb-4"},[o("div",{class:"text-base text-[#101010] dark:text-[#ffffff] font-medium"},"背景联动")],-1)),t(y,{modelValue:b(V).bg_style,"onUpdate:modelValue":e[1]||(e[1]=a=>b(V).bg_style=a)},{default:l(()=>[t(s,{value:1},{default:l(()=>e[14]||(e[14]=[m("开启")])),_:1}),t(s,{value:0},{default:l(()=>e[15]||(e[15]=[m("关闭")])),_:1})]),_:1},8,["modelValue"]),e[17]||(e[17]=o("div",{class:"p-[15px] rounded-[8px] bg-[#f3f8ff] text-[#136bdf] mt-2"}," 开启背景联动后，需为轮播图设置背景图，轮播图切换时，背景图也跟随切换，此时该页面自身的“页面背景“设置将失效。 ",-1))]),_:1})):g("",!0),t(p,{shadow:"never",class:"!border-none flex-1 mt-2 !rounded-b-lg","body-class":"flex flex-col h-full min-h-0"},{default:l(()=>{var a;return[o("div",ae,[e[18]||(e[18]=o("div",{class:"text-base text-[#101010] dark:text-[#ffffff] font-medium"},"轮播图片",-1)),d.content.style==1?(u(),_("div",se," 最多添加5张，建议图片尺寸：750px*340px ")):(u(),_("div",ne," 最多添加5张，建议图片尺寸：750px*1100px "))]),o("div",me,[t(b(te),{class:"draggable pr-2",modelValue:b(V).data,"onUpdate:modelValue":e[2]||(e[2]=n=>b(V).data=n),animation:"300",handle:".drag-move","item-key":"index"},{item:l(({element:n,index:z})=>[(u(),x(S,{key:z,onClose:i=>F(z),class:"w-full"},{default:l(()=>[o("div",ie,[o("div",ue,[d.content.style==1?(u(),_(q,{key:0},[t(k,{size:"122px",modelValue:n.image,"onUpdate:modelValue":i=>n.image=i,"upload-class":"bg-body","exclude-domain":""},{upload:l(()=>e[19]||(e[19]=[o("div",{class:"w-[122px] h-[122px] banner-upload-btn"}," 轮播图 ",-1)])),_:2},1032,["modelValue","onUpdate:modelValue"]),d.content.style==1||d.content.bg_style==1?(u(),x(k,{key:0,class:"ml-[40px]",size:"122px",modelValue:n.bg,"onUpdate:modelValue":i=>n.bg=i,"upload-class":"bg-body","exclude-domain":""},{upload:l(()=>e[20]||(e[20]=[o("div",{class:"w-[122px] h-[122px] banner-upload-btn"}," 背景图 ",-1)])),_:2},1032,["modelValue","onUpdate:modelValue"])):g("",!0)],64)):(u(),x(k,{key:1,width:"396px",height:"196px",modelValue:n.image,"onUpdate:modelValue":i=>n.image=i,"upload-class":"bg-body","exclude-domain":""},null,8,["modelValue","onUpdate:modelValue"]))]),o("div",re,[t(r,{class:"mt-[18px]",label:"图片链接"},{default:l(()=>[d.type=="mobile"?(u(),x(N,{key:0,modelValue:n.link,"onUpdate:modelValue":i=>n.link=i},null,8,["modelValue","onUpdate:modelValue"])):g("",!0),d.type=="pc"?(u(),x(R,{key:1,placeholder:"请输入链接",modelValue:n.link.path,"onUpdate:modelValue":i=>n.link.path=i},null,8,["modelValue","onUpdate:modelValue"])):g("",!0)]),_:2},1024),t(r,{label:"是否显示",class:"mt-[18px] !mb-0"},{default:l(()=>[o("div",fe,[t(j,{modelValue:n.is_show,"onUpdate:modelValue":i=>n.is_show=i,"active-value":"1","inactive-value":"0"},null,8,["modelValue","onUpdate:modelValue"]),o("div",pe,[t(I,{name:"el-icon-Rank",size:"18"})])])]),_:2},1024)])])]),_:2},1032,["onClose"]))]),_:1},8,["modelValue"])]),((a=d.content.data)==null?void 0:a.length)<U?(u(),_("div",xe,[t(A,{class:"w-full",type:"primary",onClick:$},{default:l(()=>e[21]||(e[21]=[m("添加图片")])),_:1})])):g("",!0)]}),_:1})]),_:1})]),styles:l(()=>[t(E,{"label-width":"100px","label-position":"left",class:"flex flex-col min-h-0 h-full"},{default:l(()=>[t(p,{shadow:"never",class:"!border-none flex mt-2","body-class":"w-full"},{default:l(()=>[e[22]||(e[22]=o("div",{class:"flex items-end mb-4"},[o("div",{class:"text-base text-[#101010] font-medium"},"颜色设置")],-1)),o("div",be,[t(r,{label:"底部背景"},{default:l(()=>[o("div",Ve,[t(G,{modelValue:d.styles.root_bg_color,"onUpdate:modelValue":e[3]||(e[3]=a=>d.styles.root_bg_color=a),"reset-color":""},null,8,["modelValue"])])]),_:1})])]),_:1}),t(p,{shadow:"never",class:"!border-none flex mt-2","body-class":"w-full"},{default:l(()=>[e[31]||(e[31]=o("div",{class:"flex items-end mb-4"},[o("div",{class:"text-base text-[#101010] font-medium"},"轮播图设置")],-1)),o("div",ve,[t(r,{label:"3D效果"},{default:l(()=>[t(y,{modelValue:d.styles.effect3d,"onUpdate:modelValue":e[4]||(e[4]=a=>d.styles.effect3d=a)},{default:l(()=>[t(s,{value:0,size:"large",border:""},{default:l(()=>e[23]||(e[23]=[m("关闭")])),_:1}),t(s,{value:1,size:"large",border:""},{default:l(()=>e[24]||(e[24]=[m("开启")])),_:1})]),_:1},8,["modelValue"])]),_:1}),t(r,{label:"指示器样式"},{default:l(()=>[t(y,{modelValue:d.styles.mode,"onUpdate:modelValue":e[5]||(e[5]=a=>d.styles.mode=a)},{default:l(()=>[t(s,{value:"round",size:"large",border:""},{default:l(()=>e[25]||(e[25]=[m("圆角")])),_:1}),t(s,{value:"rect",size:"large",border:""},{default:l(()=>e[26]||(e[26]=[m("圆形")])),_:1}),t(s,{value:"number",size:"large",border:""},{default:l(()=>e[27]||(e[27]=[m("数字")])),_:1})]),_:1},8,["modelValue"])]),_:1}),t(r,{label:"指示器位置"},{default:l(()=>[t(y,{modelValue:d.styles.indicator_pos,"onUpdate:modelValue":e[6]||(e[6]=a=>d.styles.indicator_pos=a)},{default:l(()=>[t(s,{value:"bottomLeft",size:"large",border:""},{default:l(()=>e[28]||(e[28]=[m("左侧")])),_:1}),t(s,{value:"bottomCenter",size:"large",border:""},{default:l(()=>e[29]||(e[29]=[m("居中")])),_:1}),t(s,{value:"bottomRight",size:"large",border:""},{default:l(()=>e[30]||(e[30]=[m("右侧")])),_:1})]),_:1},8,["modelValue"])]),_:1})])]),_:1}),t(p,{shadow:"never",class:"!border-none flex mt-2","body-class":"w-full"},{default:l(()=>[e[32]||(e[32]=o("div",{class:"flex items-end mb-4"},[o("div",{class:"text-base text-[#101010] font-medium"},"边距设置")],-1)),o("div",ye,[t(r,{label:"上边距"},{default:l(()=>[t(c,{modelValue:d.styles.padding_top,"onUpdate:modelValue":e[7]||(e[7]=a=>d.styles.padding_top=a),min:0,max:50,step:1,"show-input":!0},null,8,["modelValue"])]),_:1}),t(r,{label:"下边距"},{default:l(()=>[t(c,{modelValue:d.styles.padding_bottom,"onUpdate:modelValue":e[8]||(e[8]=a=>d.styles.padding_bottom=a),min:0,max:50,step:1,"show-input":!0},null,8,["modelValue"])]),_:1}),t(r,{label:"左右边距"},{default:l(()=>[t(c,{modelValue:d.styles.padding_horizontal,"onUpdate:modelValue":e[9]||(e[9]=a=>d.styles.padding_horizontal=a),min:0,max:50,step:1,"show-input":!0},null,8,["modelValue"])]),_:1})])]),_:1}),t(p,{shadow:"never",class:"!border-none flex flex-1 mt-2","body-class":"w-full flex-1"},{default:l(()=>[e[33]||(e[33]=o("div",{class:"flex items-end mb-4"},[o("div",{class:"text-base text-[#101010] font-medium"},"圆角设置")],-1)),o("div",ge,[t(r,{label:"圆角"},{default:l(()=>[t(c,{modelValue:d.styles.border_radius,"onUpdate:modelValue":e[10]||(e[10]=a=>d.styles.border_radius=a),min:0,max:40,step:1,"show-input":!0},null,8,["modelValue"])]),_:1})])]),_:1})]),_:1})]),_:1})}}}),gt=M(ce,[["__scopeId","data-v-0b171f77"]]);export{gt as default};
|