@iwusong/datav-vue3/dist/cjs/components/border-box-1/index.js

Vue3 large screen data display component library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),b=require("../../hooks/useResize.js"),n=require("../../utils/borderBox.js"),h=require("../../utils/common.js"),d=require("../../utils/styled.js"),l=require("../styled/borderBox.js");require("lodash-es");require("../../utils/logger.js");const B=["#4fd2dd","#235fa7"],_=["left-top","right-top","left-bottom","right-bottom"],a=d.styled.svg`
  position: absolute;
  display: block;
}
.__STYLED__.right-top {
  right: 0px;
  transform: rotateY(180deg);
}
.__STYLED__.left-bottom {
  bottom: 0px;
  transform: rotateX(180deg);
}
.__STYLED__.right-bottom {
  right: 0px;
  bottom: 0px;
  transform: rotateX(180deg) rotateY(180deg);
`("border"),x=h.withInstall(o.defineComponent({name:"BorderBox1",props:n.createBorderBoxCommonProps(),setup(u,{slots:s,expose:$}){const{autoBindRef:c,refreshLayoutSize:g,domSize:f}=b.useResize();return $({refreshLayoutSize:g}),()=>{const{color:m,backgroundColor:p}=u,{width:e,height:t}=f,r=n.mergeColor(B,m);return o.createVNode(l.BorderBoxContainer,{class:d.styled.getClassNameForBind("border-box-1"),ref:c},{default:()=>[o.createVNode(a,{width:e,height:t},{default:()=>[o.createVNode("polygon",{fill:p,points:`10, 27 10, ${t-27} 13, ${t-24} 13, ${t-21} 24, ${t-11} 38, ${t-11}
                41, ${t-8} 73, ${t-8} 75, ${t-10} 81, ${t-10} 85, ${t-6}
                ${e-85}, ${t-6} ${e-81}, ${t-10} ${e-75}, ${t-10}
                ${e-73}, ${t-8} ${e-41}, ${t-8} ${e-38}, ${t-11}
                ${e-24}, ${t-11} ${e-13}, ${t-21} ${e-13}, ${t-24}
                ${e-10}, ${t-27} ${e-10}, 27 ${e-13}, 25 ${e-13}, 21
                ${e-24}, 11 ${e-38}, 11 ${e-41}, 8 ${e-73}, 8 ${e-75}, 10
                ${e-81}, 10 ${e-85}, 6 85, 6 81, 10 75, 10 73, 8 41, 8 38, 11 24, 11 13, 21 13, 24`},null)]}),_.map(i=>o.createVNode(a,{key:i,width:"150",height:"150",class:i},{default:()=>[o.createVNode("polygon",{fill:r[0],points:"6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"},[o.createVNode("animate",{attributeName:"fill",values:`${r[0]};${r[1]};${r[0]}`,dur:"0.5s",begin:"0s",repeatCount:"indefinite"},null)]),o.createVNode("polygon",{fill:r[1],points:"27.6,4.8 38.4,4.8 35.4,7.8 30.6,7.8"},[o.createVNode("animate",{attributeName:"fill",values:`${r[1]};${r[0]};${r[1]}`,dur:"0.5s",begin:"0s",repeatCount:"indefinite"},null)]),o.createVNode("polygon",{fill:r[0],points:"9,54 9,63 7.2,66 7.2,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"},[o.createVNode("animate",{attributeName:"fill",values:`${r[0]};${r[1]};transparent`,dur:"1s",begin:"0s",repeatCount:"indefinite"},null)])]})),o.createVNode(l.BorderBoxContent,null,{default:()=>{var i;return[(i=s.default)==null?void 0:i.call(s)]}})]})}}}));exports.BorderBox1=x;