property-8dd7e0e3.js 6.5 KB

1
  1. import{_ as ee,__tla as te}from"./ComponentContainerProperty-7e4b8faa.js";import{d as K,dP as ae,ai as E,r as M,M as L,o as n,c as p,h as N,F as k,v as B,a0 as le,ax as Q,g as l,a as o,R as W,q as j,t as oe,k as re,_ as X,x as ue,w as y,B as se,d3 as ie,G as _e,__tla as me}from"./index-12a7743c.js";import{_ as ne,__tla as ce}from"./index-9af5910d.js";import{_ as de,__tla as pe}from"./UploadImg-4d151b32.js";import{E as he,__tla as fe}from"./el-text-5178d6fd.js";import{u as ye,__tla as ve}from"./util-dea77234.js";import{__tla as be}from"./el-card-73514116.js";import{__tla as Ve}from"./index-ad42d9e6.js";import"./color-6e929987.js";import{__tla as xe}from"./AppLinkSelectDialog-39152b9c.js";import{__tla as we}from"./Dialog-639a3ed8.js";import{__tla as ge}from"./ProductCategorySelect-e267cd25.js";import{__tla as ze}from"./el-tree-select-53f01660.js";import"./tree-0af4953a.js";import{__tla as ke}from"./category-1e4d7630.js";import{__tla as Ue}from"./index-c6aa9762.js";import{__tla as Ce}from"./el-image-viewer-900c7087.js";import{__tla as Se}from"./useMessage-9e9b1c85.js";import{__tla as Me}from"./Qrcode-d7b79cba.js";import{__tla as Re}from"./IFrame-c8c55787.js";import{__tla as $e}from"./vuedraggable.umd-d5d2598f.js";import{__tla as Be}from"./el-collapse-item-d2f89e5f.js";let Y,De=Promise.all([(()=>{try{return te}catch{}})(),(()=>{try{return me}catch{}})(),(()=>{try{return ce}catch{}})(),(()=>{try{return pe}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 ze}catch{}})(),(()=>{try{return ke}catch{}})(),(()=>{try{return Ue}catch{}})(),(()=>{try{return Ce}catch{}})(),(()=>{try{return Se}catch{}})(),(()=>{try{return Me}catch{}})(),(()=>{try{return Re}catch{}})(),(()=>{try{return $e}catch{}})(),(()=>{try{return Be}catch{}})()]).then(async()=>{let D,P,T,F,G,H,I;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}},P={class:"relative"},T={class:"cube-table"},F=["onClick","onMouseenter"],G=["onClick"],H=["onClick"],I=X(K({name:"MagicCubeEditor",__name:"index",props:{modelValue:ae().isRequired,rows:E.number.def(4),cols:E.number.def(4),cubeSize:E.number.def(75)},emits:["update:modelValue","hotAreaSelected"],setup(_,{emit:g}){const u=_,s=M([]);L(()=>[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=M([]);L(()=>u.modelValue,()=>e.value=u.modelValue||[],{immediate:!0});const c=M(),V=()=>!!c.value,x=g,r=()=>x("update:modelValue",e),U=M(-1),R=(i,a)=>{U.value=a,x("hotAreaSelected",i,a)};function z(){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(),p("div",P,[N("table",T,[N("tbody",null,[(n(!0),p(k,null,B(o(s),(d,t)=>(n(),p("tr",{key:t},[(n(!0),p(k,null,B(d,(b,h)=>(n(),p("td",{key:h,class:le(["cube",{active:b.active}]),style:Q({width:`${_.cubeSize}px`,height:`${_.cubeSize}px`}),onClick:Z=>((q,A)=>{const C=s.value[q][A];if(!V())return c.value=C,void(c.value.active=!0);e.value.push(D(c.value,C)),z();let f=e.value.length-1;R(e.value[f],f),r()})(t,h),onMouseenter:Z=>((q,A)=>{if(!V())return;const C=D(c.value,s.value[q][A]);for(const O of e.value)if(w=C,(f=O).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 z();var f,w;v((O,qe,J)=>{var S,$;J.active=(S=C,($=J).x>=S.left&&$.x<S.right&&$.y>=S.top&&$.y<S.bottom)})})(t,h)},[l(m,{icon:"ep-plus"})],46,F))),128))]))),128))]),(n(!0),p(k,null,B(o(e),(d,t)=>(n(),p("div",{key:t,class:"hot-area",style:Q({top:_.cubeSize*d.top+"px",left:_.cubeSize*d.left+"px",height:_.cubeSize*d.height+"px",width:_.cubeSize*d.width+"px"}),onClick:b=>R(d,t),onMouseover:z},[o(U)===t?(n(),p("div",{key:0,class:"btn-delete",onClick:b=>(h=>{e.value.splice(h,1),z(),r()})(t)},[l(m,{icon:"ep:circle-close-filled"})],8,H)):W("",!0),j(" "+oe(`${d.width}\xD7${d.height}`),1)],44,G))),128))])])}}}),[["__scopeId","data-v-d5b18453"],["__file","D:/zx/mall-newfeifan-zx-business/src/components/MagicCubeEditor/index.vue"]]),Y=X(K({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=M(-1),V=(x,r)=>{c.value=r};return(x,r)=>{const U=he,R=I,z=de,v=se,i=ne,a=ie,m=_e,d=ee;return n(),ue(d,{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(U,{tag:"p"},{default:y(()=>[j(" \u9B54\u65B9\u8BBE\u7F6E ")]),_:1}),l(U,{type:"info",size:"small"},{default:y(()=>[j(" \u6BCF\u683C\u5C3A\u5BF8187 * 187 ")]),_:1}),l(R,{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),p(k,null,B(o(e).list,(t,b)=>(n(),p(k,{key:b},[o(c)===b?(n(),p(k,{key:0},[l(v,{label:"\u4E0A\u4F20\u56FE\u7247",prop:`list[${b}].imgUrl`},{default:y(()=>[l(z,{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)):W("",!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","D:/zx/mall-newfeifan-zx-business/src/components/DiyEditor/components/mobile/MagicCube/property.vue"]])});export{De as __tla,Y as default};