import{t as d}from"./debounce-Xd493GvO.js";import{u as h}from"./useOnEvent-Cta5e-FG.js";import{r as a,c as t,w as g,j as y,ag as f,B,z as c,y as _,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:"BorderBox8"},{__name:"BorderBox8",props:{element:{type:Object,default:()=>({})},linkage:{type:Object,default:()=>({})}},setup(r){const e=r,n=a(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 l=e.element.style.width,s=e.element.style.height;return{width:l,height:s}});return g(i,d(()=>{n.value++},1e3),{deep:!0}),h(t(()=>e.linkage),a(e.element)),y(()=>{}),(l,s)=>{const p=f("dv-border-box-8");return c(),B("div",null,[(c(),_(p,{key:o(n),reverse:r.element.style.reverse,color:o(m),"background-color":o(u)},null,8,["reverse","color","background-color"]))])}}});export{E as default};
