@iwusong/datav-vue3/dist/cjs/components/decoration-11/index.js

Vue3 large screen data display component library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),r=require("@jiaminghi/color"),h=require("../../hooks/useResize.js"),a=require("../../utils/common.js"),y=require("../../utils/decoration.js"),c=require("../../utils/styled.js");require("lodash-es");require("../../utils/logger.js");const m=c.styled.div`
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
`("decoration-11"),N=c.styled.div`
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
`("decoration-content"),i=["#1a98fc","#2cf7fe"],V=a.withInstall(n.defineComponent({name:"Decoration11",props:y.createColorProps(),setup(d,{slots:l,expose:u}){const{autoBindRef:$,refreshLayoutSize:f,domSize:p}=h.useResize();return u({refreshLayoutSize:f}),()=>{const{width:o,height:e}=p,{color:g}=d,t=a.mergeColor(i,g);return n.createVNode(m,{ref:$},{default:()=>[n.createVNode("svg",{width:o,height:e},[n.createVNode("polygon",{fill:r.fade(t[1]||i[1],10),stroke:t[1],points:"20 10, 25 4, 55 4 60 10"},null),n.createVNode("polygon",{fill:r.fade(t[1]||i[1],10),stroke:t[1],points:`20 ${e-10}, 25 ${e-4}, 55 ${e-4} 60 ${e-10}`},null),n.createVNode("polygon",{fill:r.fade(t[1]||i[1],10),stroke:t[1],points:`${o-20} 10, ${o-25} 4, ${o-55} 4 ${o-60} 10`},null),n.createVNode("polygon",{fill:r.fade(t[1]||i[1],10),stroke:t[1],points:`${o-20} ${e-10}, ${o-25} ${e-4}, ${o-55} ${e-4} ${o-60} ${e-10}`},null),n.createVNode("polygon",{fill:r.fade(t[0]||i[0],20),stroke:t[0],points:`
        20 10, 5 ${e/2} 20 ${e-10}
        ${o-20} ${e-10} ${o-5} ${e/2} ${o-20} 10
      `},null),n.createVNode("polyline",{fill:"transparent",stroke:r.fade(t[0]||i[0],70),points:`25 18, 15 ${e/2} 25 ${e-18}`},null),n.createVNode("polyline",{fill:"transparent",stroke:r.fade(t[0]||i[0],70),points:`${o-25} 18, ${o-15} ${e/2} ${o-25} ${e-18}`},null)]),n.createVNode(N,null,{default:()=>{var s;return[(s=l.default)==null?void 0:s.call(l)]}})]})}}}));exports.Decoration11=V;