UNPKG

@iwusong/datav-vue3

Version:

Vue3 large screen data display component library

8 lines (7 loc) 1.38 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../../hooks/useResize.js"),i=require("../../utils/common.js"),d=require("../../utils/decoration.js"),p=require("../../utils/styled.js");require("lodash-es");require("../../utils/logger.js");const h=p.styled.div` display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; `("decoration-7"),f=["#1dc1f5","#1dc1f5"],g=i.withInstall(e.defineComponent({name:"Decoration7",props:d.createColorProps(),setup(n,{slots:o,expose:s}){const{autoBindRef:l,refreshLayoutSize:a}=u.useResize();return s({refreshLayoutSize:a}),()=>{const{color:c}=n,t=i.mergeColor(f,c);return e.createVNode(h,{ref:l},{default:()=>{var r;return[e.createVNode("svg",{width:"21px",height:"20px"},[e.createVNode("polyline",{"stroke-width":"4",fill:"transparent",stroke:t[0],points:"10, 0 19, 10 10, 20"},null),e.createVNode("polyline",{"stroke-width":"2",fill:"transparent",stroke:t[1],points:"2, 0 11, 10 2, 20"},null)]),(r=o.default)==null?void 0:r.call(o),e.createVNode("svg",{width:"21px",height:"20px"},[e.createVNode("polyline",{"stroke-width":"4",fill:"transparent",stroke:t[0],points:"11, 0 2, 10 11, 20"},null),e.createVNode("polyline",{"stroke-width":"2",fill:"transparent",stroke:t[1],points:"19, 0 10, 10 19, 20"},null)])]}})}}}));exports.Decoration7=g;