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

Vue3 large screen data display component library

"use strict";var f=Object.defineProperty,m=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var a=(s,e,t)=>e in s?f(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,u=(s,e)=>{for(var t in e||(e={}))b.call(e,t)&&a(s,t,e[t]);if(d)for(var t of d(e))N.call(e,t)&&a(s,t,e[t]);return s},c=(s,e)=>m(s,w(e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),C=require("classnames"),S=require("../../hooks/useResize.js"),h=require("../../utils/borderBox.js"),V=require("../../utils/common.js"),_=require("../../utils/styled.js"),p=require("../styled/borderBox.js");require("lodash-es");require("../../utils/logger.js");const q=["rgba(255, 255, 255, 0.35)","rgba(255, 255, 255, 0.20)"],v=_.styled.svg`
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.__STYLED__ > polyline {
  fill: none;
}
.__STYLED__.reverse {
  transform: rotate(180deg);
}
.__STYLED__ .stroke-width1 {
  stroke-width: 1;
}
.__STYLED__ .stroke-width2 {
  stroke-width: 2px;
}
.__STYLED__ .stroke-width5 {
  stroke-width: 5px;
`("border-svg-container"),j=()=>c(u({},h.createBorderBoxCommonProps()),{reverse:{type:Boolean,default:!1}}),L=V.withInstall(l.defineComponent({name:"BorderBox5",props:j(),setup(s,{slots:e,expose:t}){const{autoBindRef:$,refreshLayoutSize:k,domSize:B}=S.useResize();return t({refreshLayoutSize:k}),()=>{const{color:g,backgroundColor:y,reverse:x}=s,{width:o,height:r}=B,n=h.mergeColor(q,g);return l.createVNode(p.BorderBoxContainer,{class:_.styled.getClassNameForBind("border-box-5"),ref:$},{default:()=>[l.createVNode(v,{class:C({reverse:x}),width:o,height:r},{default:()=>[l.createVNode("polygon",{fill:y,points:`
                  10, 22 ${o-22}, 22 ${o-22}, ${r-86} ${o-84}, ${r-24} 10, ${r-24}`},null),l.createVNode("polyline",{class:"stroke-width1",stroke:n[0],points:`8, 5 ${o-5}, 5 ${o-5}, ${r-100}
                  ${o-100}, ${r-5} 8, ${r-5} 8, 5`},null),l.createVNode("polyline",{class:"stroke-width1",stroke:n[1],points:`3, 5 ${o-20}, 5 ${o-20}, ${r-60}
                  ${o-74}, ${r-5} 3, ${r-5} 3, 5`},null),l.createVNode("polyline",{class:"stroke-width5",stroke:n[1],points:`50, 13 ${o-35}, 13`},null),l.createVNode("polyline",{class:"stroke-width2",stroke:n[1],points:`15, 20 ${o-35}, 20`},null),l.createVNode("polyline",{class:"stroke-width2",stroke:n[1],points:`15, ${r-20} ${o-110}, ${r-20}`},null),l.createVNode("polyline",{class:"stroke-width5",stroke:n[1],points:`15, ${r-13} ${o-110}, ${r-13}`},null)]}),l.createVNode(p.BorderBoxContent,null,{default:()=>{var i;return[(i=e.default)==null?void 0:i.call(e)]}})]})}}}));exports.BorderBox5=L;