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