property-c03844bf.js 6.5 KB

1
  1. import{_ as ee,__tla as te}from"./ComponentContainerProperty-a8442ba2.js";import{d as J,dO as ae,ai as j,r as R,M as K,o as n,c as d,h as L,F as U,v as B,a0 as le,au as N,g as l,a as o,R as Q,q,t as oe,k as re,_ as W,x as ue,w as y,B as se,d3 as ie,G as _e,__tla as me}from"./index-57157669.js";import{_ as ne,__tla as ce}from"./index-eb258d24.js";import{_ as pe,__tla as de}from"./UploadImg-fa3ae6ca.js";import{E as he,__tla as fe}from"./el-text-b4a4eadb.js";import{u as ye,__tla as ve}from"./util-324bdda0.js";import{__tla as be}from"./el-card-ed044b9d.js";import{__tla as Ve}from"./index-497e31c0.js";import"./color-6e929987.js";import{__tla as xe}from"./AppLinkSelectDialog-54d501dc.js";import{__tla as we}from"./Dialog-f9339461.js";import{__tla as ge}from"./ProductCategorySelect-23053393.js";import{__tla as ke}from"./el-tree-select-94986612.js";import"./tree-0af4953a.js";import{__tla as Ue}from"./category-d5200fe6.js";import{__tla as ze}from"./index-c381319d.js";import{__tla as Ce}from"./el-image-viewer-80427f3c.js";import{__tla as Se}from"./useMessage-b0cd8819.js";import{__tla as Re}from"./Qrcode-b233b35c.js";import{__tla as Me}from"./IFrame-b66ce6aa.js";import{__tla as $e}from"./vuedraggable.umd-db924de7.js";import{__tla as Be}from"./el-collapse-item-c5376834.js";let Y,De=Promise.all([(()=>{try{return te}catch{}})(),(()=>{try{return me}catch{}})(),(()=>{try{return ce}catch{}})(),(()=>{try{return de}catch{}})(),(()=>{try{return fe}catch{}})(),(()=>{try{return ve}catch{}})(),(()=>{try{return be}catch{}})(),(()=>{try{return Ve}catch{}})(),(()=>{try{return xe}catch{}})(),(()=>{try{return we}catch{}})(),(()=>{try{return ge}catch{}})(),(()=>{try{return ke}catch{}})(),(()=>{try{return Ue}catch{}})(),(()=>{try{return ze}catch{}})(),(()=>{try{return Ce}catch{}})(),(()=>{try{return Se}catch{}})(),(()=>{try{return Re}catch{}})(),(()=>{try{return Me}catch{}})(),(()=>{try{return $e}catch{}})(),(()=>{try{return Be}catch{}})()]).then(async()=>{let D,H,T,O,P,X,F;D=(_,g)=>{const[u,s]=[_.x,g.x].sort(),[e,c]=[_.y,g.y].sort(),V=s+1,x=c+1;return{left:u,right:V,top:e,bottom:x,height:x-e,width:V-u}},H={class:"relative"},T={class:"cube-table"},O=["onClick","onMouseenter"],P=["onClick"],X=["onClick"],F=W(J({name:"MagicCubeEditor",__name:"index",props:{modelValue:ae().isRequired,rows:j.number.def(4),cols:j.number.def(4),cubeSize:j.number.def(75)},emits:["update:modelValue","hotAreaSelected"],setup(_,{emit:g}){const u=_,s=R([]);K(()=>[u.rows,u.cols],()=>{if(s.value=[],u.rows&&u.cols)for(let i=0;i<u.rows;i++){s.value[i]=[];for(let a=0;a<u.cols;a++)s.value[i].push({x:a,y:i,active:!1})}},{immediate:!0});const e=R([]);K(()=>u.modelValue,()=>e.value=u.modelValue||[],{immediate:!0});const c=R(),V=()=>!!c.value,x=g,r=()=>x("update:modelValue",e),z=R(-1),M=(i,a)=>{z.value=a,x("hotAreaSelected",i,a)};function k(){v((i,a,m)=>{m.active&&(m.active=!1)}),c.value=void 0}const v=i=>{for(let a=0;a<s.value.length;a++)for(let m=0;m<s.value[a].length;m++)i(a,m,s.value[a][m])};return(i,a)=>{const m=re;return n(),d("div",H,[L("table",T,[L("tbody",null,[(n(!0),d(U,null,B(o(s),(p,t)=>(n(),d("tr",{key:t},[(n(!0),d(U,null,B(p,(b,h)=>(n(),d("td",{key:h,class:le(["cube",{active:b.active}]),style:N({width:`${_.cubeSize}px`,height:`${_.cubeSize}px`}),onClick:Z=>((E,A)=>{const C=s.value[E][A];if(!V())return c.value=C,void(c.value.active=!0);e.value.push(D(c.value,C)),k();let f=e.value.length-1;M(e.value[f],f),r()})(t,h),onMouseenter:Z=>((E,A)=>{if(!V())return;const C=D(c.value,s.value[E][A]);for(const G of e.value)if(w=C,(f=G).left<w.left+w.width&&f.left+f.width>w.left&&f.top<w.top+w.height&&f.height+f.top>w.top)return void k();var f,w;v((G,Ee,I)=>{var S,$;I.active=(S=C,($=I).x>=S.left&&$.x<S.right&&$.y>=S.top&&$.y<S.bottom)})})(t,h)},[l(m,{icon:"ep-plus"})],46,O))),128))]))),128))]),(n(!0),d(U,null,B(o(e),(p,t)=>(n(),d("div",{key:t,class:"hot-area",style:N({top:_.cubeSize*p.top+"px",left:_.cubeSize*p.left+"px",height:_.cubeSize*p.height+"px",width:_.cubeSize*p.width+"px"}),onClick:b=>M(p,t),onMouseover:k},[o(z)===t?(n(),d("div",{key:0,class:"btn-delete",onClick:b=>(h=>{e.value.splice(h,1),k(),r()})(t)},[l(m,{icon:"ep:circle-close-filled"})],8,X)):Q("",!0),q(" "+oe(`${p.width}\xD7${p.height}`),1)],44,P))),128))])])}}}),[["__scopeId","data-v-d5b18453"],["__file","/Users/RuHu.Xu/Desktop/mall-newfeifan-zx-business/src/components/MagicCubeEditor/index.vue"]]),Y=W(J({name:"MagicCubeProperty",__name:"property",props:{modelValue:{type:Object,required:!0}},emits:["update:modelValue"],setup(_,{emit:g}){const u=_,s=g,{formData:e}=ye(u.modelValue,s),c=R(-1),V=(x,r)=>{c.value=r};return(x,r)=>{const z=he,M=F,k=pe,v=se,i=ne,a=ie,m=_e,p=ee;return n(),ue(p,{modelValue:o(e).style,"onUpdate:modelValue":r[4]||(r[4]=t=>o(e).style=t)},{default:y(()=>[l(m,{"label-width":"80px",model:o(e),class:"m-t-8px"},{default:y(()=>[l(z,{tag:"p"},{default:y(()=>[q(" \u9B54\u65B9\u8BBE\u7F6E ")]),_:1}),l(z,{type:"info",size:"small"},{default:y(()=>[q(" \u6BCF\u683C\u5C3A\u5BF8187 * 187 ")]),_:1}),l(M,{class:"m-y-16px",modelValue:o(e).list,"onUpdate:modelValue":r[0]||(r[0]=t=>o(e).list=t),rows:4,cols:4,onHotAreaSelected:V},null,8,["modelValue"]),(n(!0),d(U,null,B(o(e).list,(t,b)=>(n(),d(U,{key:b},[o(c)===b?(n(),d(U,{key:0},[l(v,{label:"\u4E0A\u4F20\u56FE\u7247",prop:`list[${b}].imgUrl`},{default:y(()=>[l(k,{modelValue:t.imgUrl,"onUpdate:modelValue":h=>t.imgUrl=h,height:"80px",width:"80px"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["prop"]),l(v,{label:"\u94FE\u63A5",prop:`list[${b}].url`},{default:y(()=>[l(i,{modelValue:t.url,"onUpdate:modelValue":h=>t.url=h},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["prop"])],64)):Q("",!0)],64))),128)),l(v,{label:"\u4E0A\u5706\u89D2",prop:"borderRadiusTop"},{default:y(()=>[l(a,{modelValue:o(e).borderRadiusTop,"onUpdate:modelValue":r[1]||(r[1]=t=>o(e).borderRadiusTop=t),max:100,min:0,"show-input":"","input-size":"small","show-input-controls":!1},null,8,["modelValue"])]),_:1}),l(v,{label:"\u4E0B\u5706\u89D2",prop:"borderRadiusBottom"},{default:y(()=>[l(a,{modelValue:o(e).borderRadiusBottom,"onUpdate:modelValue":r[2]||(r[2]=t=>o(e).borderRadiusBottom=t),max:100,min:0,"show-input":"","input-size":"small","show-input-controls":!1},null,8,["modelValue"])]),_:1}),l(v,{label:"\u95F4\u9694",prop:"space"},{default:y(()=>[l(a,{modelValue:o(e).space,"onUpdate:modelValue":r[3]||(r[3]=t=>o(e).space=t),max:100,min:0,"show-input":"","input-size":"small","show-input-controls":!1},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue"])}}}),[["__file","/Users/RuHu.Xu/Desktop/mall-newfeifan-zx-business/src/components/DiyEditor/components/mobile/MagicCube/property.vue"]])});export{De as __tla,Y as default};