| 1 |
- import{_ as L}from"./ComponentContainerProperty-88700b4f.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-b9299550.js";import{_ as oe}from"./index.vue_vue_type_script_setup_true_lang-3c258f21.js";import{_ as le}from"./UploadImg-f60d6fd5.js";import{_ as te}from"./_plugin-vue_export-helper-1b428a4d.js";import{E as ae}from"./el-text-098998e2.js";import{u as ie}from"./util-39a12e06.js";import"./el-card-0ae6fb5f.js";import"./index-e4f26384.js";import"./color-6e929987.js";import"./Dialog-f2c6d513.js";import"./AppLinkSelectDialog.vue_vue_type_script_setup_true_lang-dc78ca9c.js";import"./ProductCategorySelect.vue_vue_type_script_setup_true_lang-17ba21f5.js";import"./el-tree-select-cf598a04.js";import"./tree-fd3a041e.js";import"./category-19e3f858.js";import"./SpuTableSelectOne.vue_vue_type_script_setup_true_lang-640fc0c4.js";import"./ContentWrap.vue_vue_type_script_setup_true_lang-dd7e3058.js";import"./index.vue_vue_type_script_setup_true_lang-ba921998.js";import"./index-1bc6dd97.js";import"./el-image-92ea5aa4.js";import"./el-image-viewer-498779d9.js";import"./spu-d97241ae.js";import"./index-8605fb4b.js";import"./useMessage-903d430d.js";import"./Qrcode-8e6f75d6.js";import"./IFrame.vue_vue_type_script_setup_true_lang-a622de22.js";import"./vuedraggable.umd-eb549b96.js";import"./el-collapse-item-a9544d23.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};
|
