@iwusong/datav-vue3
Version:
Vue3 large screen data display component library
6 lines (5 loc) • 1.61 kB
JavaScript
;var y=Object.defineProperty;var c=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var d=(o,e,t)=>e in o?y(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,u=(o,e)=>{for(var t in e||(e={}))k.call(e,t)&&d(o,t,e[t]);if(c)for(var t of c(e))q.call(e,t)&&d(o,t,e[t]);return o};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),v=require("../../hooks/useResize.js"),h=require("../../utils/common.js"),p=require("../../utils/decoration.js"),w=require("../../utils/styled.js");require("lodash-es");require("../../utils/logger.js");const j=["#3f96a5","#3f96a5"];function C(){return u(u({},p.createColorProps()),p.createReverseProps())}const z=w.styled.div`
display: flex;
width: 100%;
height: 100%;
`("decoration-8"),D=h.withInstall(i.defineComponent({name:"Decoration8",props:C(),setup(o,{expose:e}){const{autoBindRef:t,refreshLayoutSize:f,domSize:$}=v.useResize();return e({refreshLayoutSize:f}),()=>{const{color:g,reverse:m}=o,{width:n,height:s}=$,r=a=>m?n-a:a,l=h.mergeColor(j,g);return i.createVNode(z,{ref:t},{default:()=>[i.createVNode("svg",{width:n,height:s},[i.createVNode("polyline",{stroke:l[0],"stroke-width":"2",fill:"transparent",points:`${r(0)}, 0 ${r(30)}, ${s/2}`},null),i.createVNode("polyline",{stroke:l[0],"stroke-width":"2",fill:"transparent",points:`${r(20)}, 0 ${r(50)}, ${s/2} ${r(n)}, ${s/2}`},null),i.createVNode("polyline",{stroke:l[1],fill:"transparent","stroke-width":"3",points:`${r(0)}, ${s-3}, ${r(200)}, ${s-3}`},null)])]})}}}));exports.Decoration8=D;