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

Vue3 large screen data display component library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),y=require("../../hooks/useResize.js"),i=require("../../utils/borderBox.js"),B=require("../../utils/common.js"),d=require("../../utils/styled.js"),n=require("../styled/borderBox.js");require("lodash-es");require("../../utils/logger.js");const x=["rgba(128,128,128,0.3)","rgba(128,128,128,0.5)"],_=d.styled.svg`
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.__STYLED__ > polyline {
  fill: none;
  stroke-linecap: round;
}
.__STYLED__ .stroke-width2 {
  stroke-width: 2px;
}
.__STYLED__ .stroke-width5 {
  stroke-width: 5px;
`("border-svg-container"),g=B.withInstall(t.defineComponent({name:"BorderBox7",props:i.createBorderBoxCommonProps(),setup(u,{slots:s,expose:a}){const{autoBindRef:c,refreshLayoutSize:p,domSize:h}=y.useResize();return a({refreshLayoutSize:p}),()=>{const{color:$,backgroundColor:k}=u,{width:e,height:o}=h,r=i.mergeColor(x,$);return t.createVNode(n.BorderBoxContainer,{class:d.styled.getClassNameForBind("border-box-7"),ref:c,style:{boxShadow:`inset 0 0 40px ${r[0]}`,border:`1px solid ${r[0]}`,backgroundColor:k}},{default:()=>[t.createVNode(_,{width:e,height:o},{default:()=>[t.createVNode("polyline",{class:"stroke-width2",stroke:r[0],points:"0, 25 0, 0 25, 0"},null),t.createVNode("polyline",{class:"stroke-width2",stroke:r[0],points:`${e-25}, 0 ${e}, 0 ${e}, 25`},null),t.createVNode("polyline",{class:"stroke-width2",stroke:r[0],points:`${e-25}, ${o} ${e}, ${o} ${e}, ${o-25}`},null),t.createVNode("polyline",{class:"stroke-width2",stroke:r[0],points:`0, ${o-25} 0, ${o} 25, ${o}`},null),t.createVNode("polyline",{class:"stroke-width5",stroke:r[1],points:"0, 10 0, 0 10, 0"},null),t.createVNode("polyline",{class:"stroke-width5",stroke:r[1],points:`${e-10}, 0 ${e}, 0 ${e}, 10`},null),t.createVNode("polyline",{class:"stroke-width5",stroke:r[1],points:`${e-10}, ${o} ${e}, ${o} ${e}, ${o-10}`},null),t.createVNode("polyline",{class:"stroke-width5",stroke:r[1],points:`0, ${o-10} 0, ${o} 10, ${o}`},null)]}),t.createVNode(n.BorderBoxContent,null,{default:()=>{var l;return[(l=s.default)==null?void 0:l.call(s)]}})]})}}}));exports.BorderBox7=g;