| 1 |
- import{_ as L}from"./ComponentContainerProperty-7fd44449.js";import{d as P,e1 as N,ap as D,r as R,w as q,o as d,c as f,C as F,F as k,P as A,aa as O,aE as H,f as a,a as i,E as I,G as T,D as Q,_ as W,A as X,B as b,S as Y,cG as Z,U as ee}from"./index-24b5bd0d.js";import{_ as oe}from"./index.vue_vue_type_script_setup_true_lang-d9f62084.js";import{_ as le}from"./UploadImg-66af34d1.js";import{_ as te}from"./_plugin-vue_export-helper-1b428a4d.js";import{E as ae}from"./el-text-001f38cd.js";import{u as ie}from"./util-186f09dd.js";import"./el-card-0b237923.js";import"./index-7b022a35.js";import"./color-6e929987.js";import"./Dialog-23d56afa.js";import"./AppLinkSelectDialog.vue_vue_type_script_setup_true_lang-3b4a173f.js";import"./ProductCategorySelect.vue_vue_type_script_setup_true_lang-9b635493.js";import"./el-tree-select-b8ff7591.js";import"./tree-fd3a041e.js";import"./category-46918f2f.js";import"./SpuTableSelectOne.vue_vue_type_script_setup_true_lang-0a2f247e.js";import"./ContentWrap.vue_vue_type_script_setup_true_lang-1e5dab5a.js";import"./index.vue_vue_type_script_setup_true_lang-d8bf5c47.js";import"./index-15201e14.js";import"./el-image-614d8096.js";import"./el-image-viewer-d766f6eb.js";import"./spu-25b62903.js";import"./index-bcdfd5b5.js";import"./useMessage-6f610bbd.js";import"./Qrcode-963fe952.js";import"./IFrame.vue_vue_type_script_setup_true_lang-eddb2687.js";import"./vuedraggable.umd-d537df3c.js";import"./el-collapse-item-3214070f.js";const J=(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(P({name:"MagicCubeEditor",__name:"index",props:{modelValue:N().isRequired,rows:D.number.def(4),cols:D.number.def(4),cubeSize:D.number.def(75)},emits:["update:modelValue","hotAreaSelected"],setup(p,{emit:_}){const u=p,s=R([]);q(()=>[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([]);q(()=>u.modelValue,()=>e.value=u.modelValue||[],{immediate:!0});const n=R(),x=()=>!!n.value,y=_,l=()=>y("update:modelValue",e),S=R(-1),$=(r,t)=>{S.value=t,y("hotAreaSelected",r,t)};function U(){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=W;return d(),f("div",ue,[F("table",se,[F("tbody",null,[(d(!0),f(k,null,A(i(s),(c,o)=>(d(),f("tr",{key:o},[(d(!0),f(k,null,A(c,(w,h)=>(d(),f("td",{key:h,class:O(["cube",{active:w.active}]),style:H({width:`${p.cubeSize}px`,height:`${p.cubeSize}px`}),onClick:K=>((B,E)=>{const z=s.value[B][E];if(!x())return n.value=z,void(n.value.active=!0);e.value.push(J(n.value,z)),U();let v=e.value.length-1;$(e.value[v],v),l()})(o,h),onMouseenter:K=>((B,E)=>{if(!x())return;const z=J(n.value,s.value[B][E]);for(const j of e.value)if(g=z,(v=j).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 U();var v,g;V((j,ce,G)=>{var C,M;G.active=(C=z,(M=G).x>=C.left&&M.x<C.right&&M.y>=C.top&&M.y<C.bottom)})})(o,h)},[a(m,{icon:"ep-plus"})],46,re))),128))]))),128))]),(d(!0),f(k,null,A(i(e),(c,o)=>(d(),f("div",{key:o,class:"hot-area",style:H({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=>$(c,o),onMouseover:U},[i(S)===o?(d(),f("div",{key:0,class:"btn-delete",onClick:w=>(h=>{e.value.splice(h,1),U(),l()})(o)},[a(m,{icon:"ep:circle-close-filled"})],8,me)):I("",!0),T(" "+Q(`${c.width}\xD7${c.height}`),1)],44,pe))),128))])])}}}),[["__scopeId","data-v-f340637f"]]),ne=P({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 S=ae,$=de,U=le,V=Y,r=oe,t=Z,m=ee,c=L;return d(),X(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(S,{tag:"p"},{default:b(()=>l[5]||(l[5]=[T(" \u9B54\u65B9\u8BBE\u7F6E ")])),_:1}),a(S,{type:"info",size:"small"},{default:b(()=>l[6]||(l[6]=[T(" \u6BCF\u683C\u5C3A\u5BF8187 * 187 ")])),_:1}),a($,{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(k,null,A(i(e).list,(o,w)=>(d(),f(k,{key:w},[i(n)===w?(d(),f(k,{key:0},[a(V,{label:"\u4E0A\u4F20\u56FE\u7247",prop:`list[${w}].imgUrl`},{default:b(()=>[a(U,{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)):I("",!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};
|
