import{t as d}from"./debounce-Xd493GvO.js";import{u as h}from"./useOnEvent-Cta5e-FG.js";import{r as s,c as t,w as g,j as f,ag as y,B as _,z as a,y as B,u as o}from"./vue-BJk78QHK.js";import"./index-M_JNBppB.js";import"./element-3_pOinej.js";import"./utils-YI6ye1sf.js";import"./threejs-BafxXW5-.js";import"./vxe-Dx3zSILm.js";const E=Object.assign({name:"BorderBox4"},{__name:"BorderBox4",props:{element:{type:Object,default:()=>({})},linkage:{type:Object,default:()=>({})}},setup(c){const e=c,r=s(0),m=t(()=>e.element.style.otherColorLeft||e.element.style.otherColorRigth?[e.element.style.otherColorLeft,e.element.style.otherColorRigth]:[]),u=t(()=>e.element.style.otherBgColor?e.element.style.otherBgColor:"rgba(144, 240, 144, 0)"),i=t(()=>{const n=e.element.style.width,l=e.element.style.height;return{width:n,height:l}});return g(i,d(()=>{r.value++},1e3),{deep:!0}),h(t(()=>e.linkage),s(e.element)),f(()=>{}),(n,l)=>{const p=y("dv-border-box-4");return a(),_("div",null,[(a(),B(p,{key:o(r),color:o(m),"background-color":o(u)},null,8,["color","background-color"]))])}}});export{E as default};
