@iwusong/datav-vue3
Version:
Vue3 large screen data display component library
13 lines (12 loc) • 1.71 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),f=require("../../hooks/useResize.js"),d=require("../../utils/borderBox.js"),g=require("../../utils/common.js"),i=require("../../utils/styled.js"),l=require("../styled/borderBox.js");require("lodash-es");require("../../utils/logger.js");const m=["#6586ec","#2cf7fe"],x=i.styled.svg`
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
`("border-svg-container"),$=g.withInstall(e.defineComponent({name:"BorderBox13",props:d.createBorderBoxCommonProps(),setup(a,{slots:s,expose:u}){const{autoBindRef:c,refreshLayoutSize:h,domSize:p}=f.useResize();return u({refreshLayoutSize:h}),()=>{const{color:B,backgroundColor:L}=a,{width:o,height:r}=p,t=d.mergeColor(m,B);return e.createVNode(l.BorderBoxContainer,{class:i.styled.getClassNameForBind("border-box-13"),ref:c},{default:()=>[e.createVNode(x,{width:o,height:r},{default:()=>[e.createVNode("path",{fill:L,stroke:t[0],d:`
M 5 20 L 5 10 L 12 3 L 60 3 L 68 10
L ${o-20} 10 L ${o-5} 25
L ${o-5} ${r-5} L 20 ${r-5}
L 5 ${r-20} L 5 20
`},null),e.createVNode("path",{fill:"transparent","stroke-width":"3","stroke-linecap":"round","stroke-dasharray":"10, 5",stroke:t[0],d:"M 16 9 L 61 9"},null),e.createVNode("path",{fill:"transparent",stroke:t[1],d:"M 5 20 L 5 10 L 12 3 L 60 3 L 68 10"},null),e.createVNode("path",{fill:"transparent",stroke:t[1],d:`M ${o-5} ${r-30} L ${o-5} ${r-5} L ${o-30} ${r-5}`},null)]}),e.createVNode(l.BorderBoxContent,null,{default:()=>{var n;return[(n=s.default)==null?void 0:n.call(s)]}})]})}}}));exports.BorderBox13=$;