@iwusong/datav-vue3
Version:
Vue3 large screen data display component library
17 lines (16 loc) • 1.84 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),_=require("../../hooks/useResize.js"),i=require("../../utils/borderBox.js"),g=require("../../utils/common.js"),d=require("../../utils/styled.js"),n=require("../styled/borderBox.js");require("lodash-es");require("../../utils/logger.js");const k=["#2862b7","#2862b7"],y=d.styled.svg`
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.__STYLED__ > polyline {
fill: none;
}
.__STYLED__ .stroke-width-1 {
stroke-width: 1;
}
.__STYLED__ .stroke-width-3 {
stroke-width: 3;
`("border-svg-container"),m=g.withInstall(t.defineComponent({name:"BorderBox3",props:i.createBorderBoxCommonProps(),setup(u,{slots:s,expose:c}){const{autoBindRef:a,refreshLayoutSize:h,domSize:p}=_.useResize();return c({refreshLayoutSize:h}),()=>{const{color:$,backgroundColor:B}=u,{width:e,height:o}=p,r=i.mergeColor(k,$);return t.createVNode(n.BorderBoxContainer,{class:d.styled.getClassNameForBind("border-box-3"),ref:a},{default:()=>[t.createVNode(y,{width:e,height:o},{default:()=>[t.createVNode("polygon",{fill:B,points:`23, 23 ${e-24}, 23 ${e-24}, ${o-24} 23, ${o-24}`},null),t.createVNode("polyline",{class:"stroke-width-3",stroke:r[0],points:`4, 4 ${e-22} ,4 ${e-22}, ${o-22} 4, ${o-22} 4, 4`},null),t.createVNode("polyline",{class:"stroke-width-1",stroke:r[1],points:`10, 10 ${e-16}, 10 ${e-16}, ${o-16} 10, ${o-16} 10, 10`},null),t.createVNode("polyline",{class:"stroke-width-1",stroke:r[1],points:`16, 16 ${e-10}, 16 ${e-10}, ${o-10} 16, ${o-10} 16, 16`},null),t.createVNode("polyline",{class:"stroke-width-1",stroke:r[1],points:`22, 22 ${e-4}, 22 ${e-4}, ${o-4} 22, ${o-4} 22, 22`},null)]}),t.createVNode(n.BorderBoxContent,null,{default:()=>{var l;return[(l=s.default)==null?void 0:l.call(s)]}})]})}}}));exports.BorderBox3=m;