@iwusong/datav-vue3
Version:
Vue3 large screen data display component library
21 lines (20 loc) • 1.76 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),f=require("../../hooks/useResize.js"),n=require("../../utils/borderBox.js"),x=require("../../utils/common.js"),u=require("../../utils/styled.js"),i=require("../styled/borderBox.js");require("lodash-es");require("../../utils/logger.js");const B=["#1d48c4","#d3e1f8"],_=["left-top","right-top","left-bottom","right-bottom"],l=u.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-svg-container"),y=x.withInstall(e.defineComponent({name:"BorderBox10",props:n.createBorderBoxCommonProps(),setup(a,{slots:s,expose:c}){const{autoBindRef:g,refreshLayoutSize:p,domSize:m}=f.useResize();return c({refreshLayoutSize:p}),()=>{const{width:o,height:t}=m,{backgroundColor:h,color:b}=a,d=n.mergeColor(B,b);return e.createVNode(i.BorderBoxContainer,{class:u.styled.getClassNameForBind("border-box-10"),ref:g,style:{boxShadow:`inset 0 0 25px 3px ${d[0]}`}},{default:()=>[e.createVNode(l,{width:o,height:t},{default:()=>[e.createVNode("polygon",{fill:h,points:`
4, 0 ${o-4}, 0 ${o}, 4 ${o}, ${t-4} ${o-4}, ${t}
4, ${t} 0, ${t-4} 0, 4
`},null)]}),_.map(r=>e.createVNode(l,{width:"150px",height:"150px",key:r,class:r},{default:()=>[e.createVNode("polygon",{fill:d[1],points:"40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"},null)]})),e.createVNode(i.BorderBoxContent,null,{default:()=>{var r;return[(r=s.default)==null?void 0:r.call(s)]}})]})}}}));exports.BorderBox10=y;