import{_ as Z}from"./ComponentContainerProperty-55c0a7d6.js";import{d as q,dW as J,af as j,r as R,M as F,o as d,c as f,k as G,F as U,A,Z as K,av as I,i as a,a as i,l as P,m as D,t as L,_ as N,j as O,w as b,G as Q,cY as X,H as ee}from"./index-34852970.js";import{_ as oe}from"./index.vue_vue_type_script_setup_true_lang-61ea7c24.js";import{_ as le}from"./UploadImg-35f0ce47.js";import{_ as te}from"./_plugin-vue_export-helper-1b428a4d.js";import{E as ae}from"./el-text-4f8c93d1.js";import{u as ie}from"./util-ee919792.js";import"./el-card-73839c3c.js";import"./index-3e1f9937.js";import"./color-6e929987.js";import"./Dialog-e0707d40.js";import"./AppLinkSelectDialog.vue_vue_type_script_setup_true_lang-1aaa5a66.js";import"./ProductCategorySelect.vue_vue_type_script_setup_true_lang-b1b438dd.js";import"./el-tree-select-bcaa5997.js";import"./tree-0af4953a.js";import"./category-51c9a940.js";import"./SpuTableSelectOne.vue_vue_type_script_setup_true_lang-c0156d8a.js";import"./ContentWrap.vue_vue_type_script_setup_true_lang-eb026e5c.js";import"./index.vue_vue_type_script_setup_true_lang-1515f911.js";import"./index-d6d07698.js";import"./el-image-32cffe65.js";import"./el-image-viewer-619778cc.js";import"./spu-0b44769c.js";import"./index-69e629ed.js";import"./useMessage-f6294882.js";import"./Qrcode-efebe7ff.js";import"./IFrame.vue_vue_type_script_setup_true_lang-de956f99.js";import"./vuedraggable.umd-6985d785.js";import"./el-collapse-item-58334586.js";const W=(p,_)=>{const[u,s]=[p.x,_.x].sort(),[e,n]=[p.y,_.y].sort(),x=s+1,y=n+1;return{left:u,right:x,top:e,bottom:y,height:y-e,width:x-u}},ue={class:"relative"},se={class:"cube-table"},re=["onClick","onMouseenter"],pe=["onClick"],me=["onClick"],de=te(q({name:"MagicCubeEditor",__name:"index",props:{modelValue:J().isRequired,rows:j.number.def(4),cols:j.number.def(4),cubeSize:j.number.def(75)},emits:["update:modelValue","hotAreaSelected"],setup(p,{emit:_}){const u=p,s=R([]);F(()=>[u.rows,u.cols],()=>{if(s.value=[],u.rows&&u.cols)for(let r=0;r<u.rows;r++){s.value[r]=[];for(let t=0;t<u.cols;t++)s.value[r].push({x:t,y:r,active:!1})}},{immediate:!0});const e=R([]);F(()=>u.modelValue,()=>e.value=u.modelValue||[],{immediate:!0});const n=R(),x=()=>!!n.value,y=_,l=()=>y("update:modelValue",e),z=R(-1),M=(r,t)=>{z.value=t,y("hotAreaSelected",r,t)};function k(){V((r,t,m)=>{m.active&&(m.active=!1)}),n.value=void 0}const V=r=>{for(let t=0;t<s.value.length;t++)for(let m=0;m<s.value[t].length;m++)r(t,m,s.value[t][m])};return(r,t)=>{const m=N;return d(),f("div",ue,[G("table",se,[G("tbody",null,[(d(!0),f(U,null,A(i(s),(c,o)=>(d(),f("tr",{key:o},[(d(!0),f(U,null,A(c,(w,h)=>(d(),f("td",{key:h,class:K(["cube",{active:w.active}]),style:I({width:`${p.cubeSize}px`,height:`${p.cubeSize}px`}),onClick:Y=>((B,T)=>{const S=s.value[B][T];if(!x())return n.value=S,void(n.value.active=!0);e.value.push(W(n.value,S)),k();let v=e.value.length-1;M(e.value[v],v),l()})(o,h),onMouseenter:Y=>((B,T)=>{if(!x())return;const S=W(n.value,s.value[B][T]);for(const E of e.value)if(g=S,(v=E).left<g.left+g.width&&v.left+v.width>g.left&&v.top<g.top+g.height&&v.height+v.top>g.top)return void k();var v,g;V((E,ce,H)=>{var C,$;H.active=(C=S,($=H).x>=C.left&&$.x<C.right&&$.y>=C.top&&$.y<C.bottom)})})(o,h)},[a(m,{icon:"ep-plus"})],46,re))),128))]))),128))]),(d(!0),f(U,null,A(i(e),(c,o)=>(d(),f("div",{key:o,class:"hot-area",style:I({top:p.cubeSize*c.top+"px",left:p.cubeSize*c.left+"px",height:p.cubeSize*c.height+"px",width:p.cubeSize*c.width+"px"}),onClick:w=>M(c,o),onMouseover:k},[i(z)===o?(d(),f("div",{key:0,class:"btn-delete",onClick:w=>(h=>{e.value.splice(h,1),k(),l()})(o)},[a(m,{icon:"ep:circle-close-filled"})],8,me)):P("",!0),D(" "+L(`${c.width}\xD7${c.height}`),1)],44,pe))),128))])])}}}),[["__scopeId","data-v-f340637f"]]),ne=q({name:"MagicCubeProperty",__name:"property",props:{modelValue:{}},emits:["update:modelValue"],setup(p,{emit:_}){const u=p,s=_,{formData:e}=ie(u.modelValue,s),n=R(-1),x=(y,l)=>{n.value=l};return(y,l)=>{const z=ae,M=de,k=le,V=Q,r=oe,t=X,m=ee,c=Z;return d(),O(c,{modelValue:i(e).style,"onUpdate:modelValue":l[4]||(l[4]=o=>i(e).style=o)},{default:b(()=>[a(m,{"label-width":"80px",model:i(e),class:"m-t-8px"},{default:b(()=>[a(z,{tag:"p"},{default:b(()=>l[5]||(l[5]=[D(" \u9B54\u65B9\u8BBE\u7F6E ")])),_:1}),a(z,{type:"info",size:"small"},{default:b(()=>l[6]||(l[6]=[D(" \u6BCF\u683C\u5C3A\u5BF8187 * 187 ")])),_:1}),a(M,{class:"m-y-16px",modelValue:i(e).list,"onUpdate:modelValue":l[0]||(l[0]=o=>i(e).list=o),rows:4,cols:4,onHotAreaSelected:x},null,8,["modelValue"]),(d(!0),f(U,null,A(i(e).list,(o,w)=>(d(),f(U,{key:w},[i(n)===w?(d(),f(U,{key:0},[a(V,{label:"\u4E0A\u4F20\u56FE\u7247",prop:`list[${w}].imgUrl`},{default:b(()=>[a(k,{modelValue:o.imgUrl,"onUpdate:modelValue":h=>o.imgUrl=h,height:"80px",width:"80px"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["prop"]),a(V,{label:"\u94FE\u63A5",prop:`list[${w}].url`},{default:b(()=>[a(r,{modelValue:o.url,"onUpdate:modelValue":h=>o.url=h},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["prop"])],64)):P("",!0)],64))),128)),a(V,{label:"\u4E0A\u5706\u89D2",prop:"borderRadiusTop"},{default:b(()=>[a(t,{modelValue:i(e).borderRadiusTop,"onUpdate:modelValue":l[1]||(l[1]=o=>i(e).borderRadiusTop=o),max:100,min:0,"show-input":"","input-size":"small","show-input-controls":!1},null,8,["modelValue"])]),_:1}),a(V,{label:"\u4E0B\u5706\u89D2",prop:"borderRadiusBottom"},{default:b(()=>[a(t,{modelValue:i(e).borderRadiusBottom,"onUpdate:modelValue":l[2]||(l[2]=o=>i(e).borderRadiusBottom=o),max:100,min:0,"show-input":"","input-size":"small","show-input-controls":!1},null,8,["modelValue"])]),_:1}),a(V,{label:"\u95F4\u9694",prop:"space"},{default:b(()=>[a(t,{modelValue:i(e).space,"onUpdate:modelValue":l[3]||(l[3]=o=>i(e).space=o),max:100,min:0,"show-input":"","input-size":"small","show-input-controls":!1},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue"])}}});export{ne as default};