@iwusong/datav-vue3
Version:
Vue3 large screen data display component library
13 lines (12 loc) • 2.42 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("../../hooks/useResize.js"),s=require("../../utils/borderBox.js"),B=require("../../utils/common.js"),c=require("../../utils/styled.js"),i=require("../styled/borderBox.js");require("lodash-es");require("../../utils/logger.js");const f=["rgba(255, 255, 255, 0.35)","gray"],g=c.styled.svg`
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.__STYLED__ > polyline {
fill: none;
stroke-width: 1;
`("border-svg-container"),x=B.withInstall(e.defineComponent({name:"BorderBox6",props:s.createBorderBoxCommonProps(),setup(d,{slots:t,expose:u}){const{autoBindRef:a,refreshLayoutSize:p,domSize:y}=V.useResize();return u({refreshLayoutSize:p}),()=>{const{color:$,backgroundColor:N}=d,{width:o,height:r}=y,l=s.mergeColor(f,$);return e.createVNode(i.BorderBoxContainer,{class:c.styled.getClassNameForBind("border-box-6"),ref:a},{default:()=>[e.createVNode(g,{width:o,height:r},{default:()=>[e.createVNode("polygon",{fill:N,points:`
9, 7 ${o-9}, 7 ${o-9}, ${r-7} 9, ${r-7}`},null),e.createVNode("circle",{fill:l[1],cx:"5",cy:"5",r:"2"},null),e.createVNode("circle",{fill:l[1],cx:o-5,cy:"5",r:"2"},null),e.createVNode("circle",{fill:l[1],cx:o-5,cy:r-5,r:"2"},null),e.createVNode("circle",{fill:l[1],cx:"5",cy:r-5,r:"2"},null),e.createVNode("polyline",{stroke:l[0],points:`10, 4 ${o-10}, 4`},null),e.createVNode("polyline",{stroke:l[0],points:`10, ${r-4} ${o-10}, ${r-4}`},null),e.createVNode("polyline",{stroke:l[0],points:`5, 70 5, ${r-70}`},null),e.createVNode("polyline",{stroke:l[0],points:`${o-5}, 70 ${o-5}, ${r-70}`},null),e.createVNode("polyline",{stroke:l[0],points:"3, 10, 3, 50"},null),e.createVNode("polyline",{stroke:l[0],points:"7, 30 7, 80"},null),e.createVNode("polyline",{stroke:l[0],points:`${o-3}, 10 ${o-3}, 50`},null),e.createVNode("polyline",{stroke:l[0],points:`${o-7}, 30 ${o-7}, 80`},null),e.createVNode("polyline",{stroke:l[0],points:`3, ${r-10} 3, ${r-50}`},null),e.createVNode("polyline",{stroke:l[0],points:`7, ${r-30} 7, ${r-80}`},null),e.createVNode("polyline",{stroke:l[0],points:`${o-3}, ${r-10} ${o-3}, ${r-50}`},null),e.createVNode("polyline",{stroke:l[0],points:`${o-7}, ${r-30} ${o-7}, ${r-80}`},null)]}),e.createVNode(i.BorderBoxContent,null,{default:()=>{var n;return[(n=t.default)==null?void 0:n.call(t)]}})]})}}}));exports.BorderBox6=x;