From 656de3a8ddc2d7abc11d2c156e69fa09c04ef33b Mon Sep 17 00:00:00 2001 From: JiaMing <743192023@qq.com> Date: Thu, 24 Oct 2019 10:28:43 +0800 Subject: [PATCH] update dist --- dist/datav.map.vue.js | 2264 +++++++++++++++++++++-------------------- dist/datav.min.vue.js | 2 +- 2 files changed, 1136 insertions(+), 1130 deletions(-) diff --git a/dist/datav.map.vue.js b/dist/datav.map.vue.js index c9a8463..2cd137e 100644 --- a/dist/datav.map.vue.js +++ b/dist/datav.map.vue.js @@ -2,7 +2,7 @@ typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('vue')) : typeof define === 'function' && define.amd ? define(['vue'], factory) : (global = global || self, factory(global.Vue)); -}(this, function (Vue) { 'use strict'; +}(this, (function (Vue) { 'use strict'; Vue = Vue && Vue.hasOwnProperty('default') ? Vue['default'] : Vue; @@ -346,7 +346,7 @@ /* style */ const __vue_inject_styles__ = function (inject) { if (!inject) return - inject("data-v-5d3f02e0_0", { source: "#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top;\n z-index: 999;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,QAAQ;EACR,SAAS;EACT,gBAAgB;EAChB,0BAA0B;EAC1B,YAAY;AACd","file":"main.vue","sourcesContent":["#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top;\n z-index: 999;\n}\n"]}, media: undefined }); + inject("data-v-2da16e2c_0", { source: "#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top;\n z-index: 999;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,QAAQ;EACR,SAAS;EACT,gBAAgB;EAChB,0BAA0B;EAC1B,YAAY;AACd","file":"main.vue","sourcesContent":["#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top;\n z-index: 999;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -531,7 +531,7 @@ /* style */ const __vue_inject_styles__$1 = function (inject) { if (!inject) return - inject("data-v-79ee7261_0", { source: ".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-loading .loading-tip {\n font-size: 15px;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,eAAe;AACjB","file":"main.vue","sourcesContent":[".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-loading .loading-tip {\n font-size: 15px;\n}\n"]}, media: undefined }); + inject("data-v-c8b3d976_0", { source: ".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-loading .loading-tip {\n font-size: 15px;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,eAAe;AACjB","file":"main.vue","sourcesContent":[".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-loading .loading-tip {\n font-size: 15px;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -724,7 +724,7 @@ /* style */ const __vue_inject_styles__$2 = function (inject) { if (!inject) return - inject("data-v-21704634_0", { source: ".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-1 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-1 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-1 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-1 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,cAAc;AAChB;AACA;EACE,UAAU;EACV,0BAA0B;AAC5B;AACA;EACE,WAAW;EACX,0BAA0B;AAC5B;AACA;EACE,UAAU;EACV,WAAW;EACX,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-1 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-1 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-1 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-1 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-69db8018_0", { source: ".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-1 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-1 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-1 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-1 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,cAAc;AAChB;AACA;EACE,UAAU;EACV,0BAA0B;AAC5B;AACA;EACE,WAAW;EACX,0BAA0B;AAC5B;AACA;EACE,UAAU;EACV,WAAW;EACX,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-1 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-1 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-1 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-1 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -834,7 +834,7 @@ /* style */ const __vue_inject_styles__$3 = function (inject) { if (!inject) return - inject("data-v-0f4cb823_0", { source: ".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-2 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-2 .dv-border-svg-container circle {\n fill: #fff;\n}\n.dv-border-box-2 .dv-bb2-line1 {\n stroke: #fff;\n}\n.dv-border-box-2 .dv-bb2-line2 {\n stroke: rgba(255, 255, 255, 0.6);\n}\n.dv-border-box-2 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,UAAU;AACZ;AACA;EACE,YAAY;AACd;AACA;EACE,gCAAgC;AAClC;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-2 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-2 .dv-border-svg-container circle {\n fill: #fff;\n}\n.dv-border-box-2 .dv-bb2-line1 {\n stroke: #fff;\n}\n.dv-border-box-2 .dv-bb2-line2 {\n stroke: rgba(255, 255, 255, 0.6);\n}\n.dv-border-box-2 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-f5e6e882_0", { source: ".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-2 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-2 .dv-border-svg-container circle {\n fill: #fff;\n}\n.dv-border-box-2 .dv-bb2-line1 {\n stroke: #fff;\n}\n.dv-border-box-2 .dv-bb2-line2 {\n stroke: rgba(255, 255, 255, 0.6);\n}\n.dv-border-box-2 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,UAAU;AACZ;AACA;EACE,YAAY;AACd;AACA;EACE,gCAAgC;AAClC;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-2 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-2 .dv-border-svg-container circle {\n fill: #fff;\n}\n.dv-border-box-2 .dv-bb2-line1 {\n stroke: #fff;\n}\n.dv-border-box-2 .dv-bb2-line2 {\n stroke: rgba(255, 255, 255, 0.6);\n}\n.dv-border-box-2 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -966,7 +966,7 @@ /* style */ const __vue_inject_styles__$4 = function (inject) { if (!inject) return - inject("data-v-6e6c7bec_0", { source: ".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-3 .dv-border-svg-container polyline {\n fill: none;\n stroke: #2862b7;\n}\n.dv-border-box-3 .dv-bb3-line1 {\n stroke-width: 3;\n}\n.dv-border-box-3 .dv-bb3-line2 {\n stroke-width: 1;\n}\n.dv-border-box-3 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-3 .dv-border-svg-container polyline {\n fill: none;\n stroke: #2862b7;\n}\n.dv-border-box-3 .dv-bb3-line1 {\n stroke-width: 3;\n}\n.dv-border-box-3 .dv-bb3-line2 {\n stroke-width: 1;\n}\n.dv-border-box-3 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-41abdcb4_0", { source: ".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-3 .dv-border-svg-container polyline {\n fill: none;\n stroke: #2862b7;\n}\n.dv-border-box-3 .dv-bb3-line1 {\n stroke-width: 3;\n}\n.dv-border-box-3 .dv-bb3-line2 {\n stroke-width: 1;\n}\n.dv-border-box-3 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-3 .dv-border-svg-container polyline {\n fill: none;\n stroke: #2862b7;\n}\n.dv-border-box-3 .dv-bb3-line1 {\n stroke-width: 3;\n}\n.dv-border-box-3 .dv-bb3-line2 {\n stroke-width: 1;\n}\n.dv-border-box-3 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -1113,7 +1113,7 @@ /* style */ const __vue_inject_styles__$5 = function (inject) { if (!inject) return - inject("data-v-81f3b7c4_0", { source: ".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-4 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-4 .dv-border-svg-container polyline {\n fill: none;\n}\n.dv-border-box-4 .sred {\n stroke: red;\n}\n.dv-border-box-4 .sblue {\n stroke: rgba(0, 0, 255, 0.8);\n}\n.dv-border-box-4 .sw1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .sw3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-1 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-2 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-3 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-4 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-5 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-6 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-7 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-8 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-9 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-dasharray: 100 250;\n}\n.dv-border-box-4 .dv-bb4-line-10 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n stroke-dasharray: 80 270;\n}\n.dv-border-box-4 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue","/Users/caojiaming/Desktop/VUE/DataV/src/components/borderBox4/src/main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;AACZ;AACA;EACE,WAAW;AACb;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;EACjB,qBAAqB;AACvB;AACA;EACE,WAAW;EACX,eAAe;AACjB;AACA;EACE,4BAA4B;EAC5B,eAAe;AACjB;AACA;EACE,WAAW;EACX,iBAAiB;EACjB,qBAAqB;AACvB;ACCA;EACA,WAAA;EACA,iBAAA;EACA,qBAAA;ADCA;ACCA;EACA,WAAA;EACA,eAAA;ADCA;ACCA;EACA,4BAAA;EACA,eAAA;AACA;AACA;EACA,4BAAA;EDCE,eAAe;ACCjB;AACA;EACA,4BAAA;EACA,iBAAA;EDCE,qBAAqB;ACCvB;AACA;EACA,WAAA;EDCE,iBAAiB;ECCnB,qBAAA;EACA,yBAAA;AACA;ADCA;ECCA,4BAAA;EACA,eAAA;EACA,wBAAA;ADCA;ACCA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;ADCA","file":"main.vue","sourcesContent":[".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-4 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-4 .dv-border-svg-container polyline {\n fill: none;\n}\n.dv-border-box-4 .sred {\n stroke: red;\n}\n.dv-border-box-4 .sblue {\n stroke: rgba(0, 0, 255, 0.8);\n}\n.dv-border-box-4 .sw1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .sw3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-1 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-2 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-3 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-4 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-5 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-6 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-7 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-8 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-9 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-dasharray: 100 250;\n}\n.dv-border-box-4 .dv-bb4-line-10 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n stroke-dasharray: 80 270;\n}\n.dv-border-box-4 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n","\n\n\n\n\n"]}, media: undefined }); + inject("data-v-0c6b2d02_0", { source: ".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-4 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-4 .dv-border-svg-container polyline {\n fill: none;\n}\n.dv-border-box-4 .sred {\n stroke: red;\n}\n.dv-border-box-4 .sblue {\n stroke: rgba(0, 0, 255, 0.8);\n}\n.dv-border-box-4 .sw1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .sw3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-1 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-2 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-3 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-4 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-5 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-6 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-7 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-8 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-9 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-dasharray: 100 250;\n}\n.dv-border-box-4 .dv-bb4-line-10 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n stroke-dasharray: 80 270;\n}\n.dv-border-box-4 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue","/Users/mesoor/Desktop/GITHUB/DataV/src/components/borderBox4/src/main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;AACZ;AACA;EACE,WAAW;AACb;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;EACjB,qBAAqB;AACvB;AACA;EACE,WAAW;EACX,eAAe;AACjB;AACA;EACE,4BAA4B;EAC5B,eAAe;AACjB;AACA;EACE,WAAW;EACX,iBAAiB;EACjB,qBAAqB;AACvB;ACCA;EACA,WAAA;EACA,iBAAA;EACA,qBAAA;ADCA;ACCA;EACA,WAAA;EACA,eAAA;ADCA;ACCA;EACA,4BAAA;EACA,eAAA;AACA;AACA;EACA,4BAAA;EDCE,eAAe;ACCjB;AACA;EACA,4BAAA;EACA,iBAAA;EDCE,qBAAqB;ACCvB;AACA;EACA,WAAA;EDCE,iBAAiB;ECCnB,qBAAA;EACA,yBAAA;AACA;ADCA;ECCA,4BAAA;EACA,eAAA;EACA,wBAAA;ADCA;ACCA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;ADCA","file":"main.vue","sourcesContent":[".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-4 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-4 .dv-border-svg-container polyline {\n fill: none;\n}\n.dv-border-box-4 .sred {\n stroke: red;\n}\n.dv-border-box-4 .sblue {\n stroke: rgba(0, 0, 255, 0.8);\n}\n.dv-border-box-4 .sw1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .sw3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-1 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-2 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-3 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-4 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-5 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-6 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-7 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-8 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-9 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-dasharray: 100 250;\n}\n.dv-border-box-4 .dv-bb4-line-10 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n stroke-dasharray: 80 270;\n}\n.dv-border-box-4 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n","\n\n\n\n\n"]}, media: undefined }); }; /* scoped */ @@ -1263,7 +1263,7 @@ /* style */ const __vue_inject_styles__$6 = function (inject) { if (!inject) return - inject("data-v-2a8784cc_0", { source: ".dv-border-box-5 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-5 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-svg-container polyline {\n fill: none;\n}\n.dv-border-box-5 .dv-bb5-line-1 {\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-5 .dv-bb5-line-2 {\n stroke: rgba(255, 255, 255, 0.2);\n}\n.dv-border-box-5 .dv-bb5-line-3,\n.dv-border-box-5 .dv-bb5-line-6 {\n stroke-width: 5;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .dv-bb5-line-4,\n.dv-border-box-5 .dv-bb5-line-5 {\n stroke-width: 2;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;EACE,eAAe;EACf,iCAAiC;AACnC;AACA;EACE,gCAAgC;AAClC;AACA;;EAEE,eAAe;EACf,iCAAiC;AACnC;AACA;;EAEE,eAAe;EACf,iCAAiC;AACnC;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-5 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-5 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-svg-container polyline {\n fill: none;\n}\n.dv-border-box-5 .dv-bb5-line-1 {\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-5 .dv-bb5-line-2 {\n stroke: rgba(255, 255, 255, 0.2);\n}\n.dv-border-box-5 .dv-bb5-line-3,\n.dv-border-box-5 .dv-bb5-line-6 {\n stroke-width: 5;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .dv-bb5-line-4,\n.dv-border-box-5 .dv-bb5-line-5 {\n stroke-width: 2;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-b7031b30_0", { source: ".dv-border-box-5 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-5 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-svg-container polyline {\n fill: none;\n}\n.dv-border-box-5 .dv-bb5-line-1 {\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-5 .dv-bb5-line-2 {\n stroke: rgba(255, 255, 255, 0.2);\n}\n.dv-border-box-5 .dv-bb5-line-3,\n.dv-border-box-5 .dv-bb5-line-6 {\n stroke-width: 5;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .dv-bb5-line-4,\n.dv-border-box-5 .dv-bb5-line-5 {\n stroke-width: 2;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;EACE,eAAe;EACf,iCAAiC;AACnC;AACA;EACE,gCAAgC;AAClC;AACA;;EAEE,eAAe;EACf,iCAAiC;AACnC;AACA;;EAEE,eAAe;EACf,iCAAiC;AACnC;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-5 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-5 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-svg-container polyline {\n fill: none;\n}\n.dv-border-box-5 .dv-bb5-line-1 {\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-5 .dv-bb5-line-2 {\n stroke: rgba(255, 255, 255, 0.2);\n}\n.dv-border-box-5 .dv-bb5-line-3,\n.dv-border-box-5 .dv-bb5-line-6 {\n stroke-width: 5;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .dv-bb5-line-4,\n.dv-border-box-5 .dv-bb5-line-5 {\n stroke-width: 2;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -1423,7 +1423,7 @@ /* style */ const __vue_inject_styles__$7 = function (inject) { if (!inject) return - inject("data-v-6a174f58_0", { source: ".dv-border-box-6 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container circle {\n fill: gray;\n}\n.dv-border-box-6 .dv-svg-container polyline {\n fill: none;\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-6 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;EACE,UAAU;EACV,eAAe;EACf,iCAAiC;AACnC;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-6 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container circle {\n fill: gray;\n}\n.dv-border-box-6 .dv-svg-container polyline {\n fill: none;\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-6 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-2fba0f3c_0", { source: ".dv-border-box-6 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container circle {\n fill: gray;\n}\n.dv-border-box-6 .dv-svg-container polyline {\n fill: none;\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-6 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;EACE,UAAU;EACV,eAAe;EACf,iCAAiC;AACnC;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-6 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container circle {\n fill: gray;\n}\n.dv-border-box-6 .dv-svg-container polyline {\n fill: none;\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-6 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -1581,7 +1581,7 @@ /* style */ const __vue_inject_styles__$8 = function (inject) { if (!inject) return - inject("data-v-301f8bd7_0", { source: ".dv-border-box-7 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 40px rgba(128, 128, 128, 0.3);\n border: 1px solid rgba(128, 128, 128, 0.3);\n}\n.dv-border-box-7 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-svg-container polyline {\n fill: none;\n stroke-linecap: round;\n}\n.dv-border-box-7 .dv-bb7-line-width-2 {\n stroke: rgba(128, 128, 128, 0.3);\n stroke-width: 2;\n}\n.dv-border-box-7 .dv-bb7-line-width-5 {\n stroke: rgba(128, 128, 128, 0.5);\n stroke-width: 5;\n}\n.dv-border-box-7 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,mDAAmD;EACnD,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;EACV,qBAAqB;AACvB;AACA;EACE,gCAAgC;EAChC,eAAe;AACjB;AACA;EACE,gCAAgC;EAChC,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-7 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 40px rgba(128, 128, 128, 0.3);\n border: 1px solid rgba(128, 128, 128, 0.3);\n}\n.dv-border-box-7 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-svg-container polyline {\n fill: none;\n stroke-linecap: round;\n}\n.dv-border-box-7 .dv-bb7-line-width-2 {\n stroke: rgba(128, 128, 128, 0.3);\n stroke-width: 2;\n}\n.dv-border-box-7 .dv-bb7-line-width-5 {\n stroke: rgba(128, 128, 128, 0.5);\n stroke-width: 5;\n}\n.dv-border-box-7 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-3afc64bb_0", { source: ".dv-border-box-7 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 40px rgba(128, 128, 128, 0.3);\n border: 1px solid rgba(128, 128, 128, 0.3);\n}\n.dv-border-box-7 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-svg-container polyline {\n fill: none;\n stroke-linecap: round;\n}\n.dv-border-box-7 .dv-bb7-line-width-2 {\n stroke: rgba(128, 128, 128, 0.3);\n stroke-width: 2;\n}\n.dv-border-box-7 .dv-bb7-line-width-5 {\n stroke: rgba(128, 128, 128, 0.5);\n stroke-width: 5;\n}\n.dv-border-box-7 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,mDAAmD;EACnD,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;EACV,qBAAqB;AACvB;AACA;EACE,gCAAgC;EAChC,eAAe;AACjB;AACA;EACE,gCAAgC;EAChC,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-7 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 40px rgba(128, 128, 128, 0.3);\n border: 1px solid rgba(128, 128, 128, 0.3);\n}\n.dv-border-box-7 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-svg-container polyline {\n fill: none;\n stroke-linecap: round;\n}\n.dv-border-box-7 .dv-bb7-line-width-2 {\n stroke: rgba(128, 128, 128, 0.3);\n stroke-width: 2;\n}\n.dv-border-box-7 .dv-bb7-line-width-5 {\n stroke: rgba(128, 128, 128, 0.5);\n stroke-width: 5;\n}\n.dv-border-box-7 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -1774,7 +1774,7 @@ /* style */ const __vue_inject_styles__$9 = function (inject) { if (!inject) return - inject("data-v-1df7b715_0", { source: ".dv-border-box-8 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-8 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-8 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;AACV;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-8 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-8 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-8 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-62d58db1_0", { source: ".dv-border-box-8 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-8 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-8 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;AACV;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-8 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-8 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-8 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -2058,7 +2058,7 @@ /* style */ const __vue_inject_styles__$a = function (inject) { if (!inject) return - inject("data-v-2f25d175_0", { source: ".dv-border-box-9 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-9 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-9 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;AACV;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-9 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-9 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-9 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-72567e59_0", { source: ".dv-border-box-9 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-9 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-9 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;AACV;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-9 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-9 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-9 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -2160,7 +2160,7 @@ /* style */ const __vue_inject_styles__$b = function (inject) { if (!inject) return - inject("data-v-3d4df0c8_0", { source: ".dv-border-box-10 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 25px 3px #1d48c4;\n border-radius: 6px;\n}\n.dv-border-box-10 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-10 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-10 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-10 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-10 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,sCAAsC;EACtC,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,cAAc;AAChB;AACA;EACE,UAAU;EACV,0BAA0B;AAC5B;AACA;EACE,WAAW;EACX,0BAA0B;AAC5B;AACA;EACE,UAAU;EACV,WAAW;EACX,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-10 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 25px 3px #1d48c4;\n border-radius: 6px;\n}\n.dv-border-box-10 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-10 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-10 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-10 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-10 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-c2a80738_0", { source: ".dv-border-box-10 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 25px 3px #1d48c4;\n border-radius: 6px;\n}\n.dv-border-box-10 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-10 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-10 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-10 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-10 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,sCAAsC;EACtC,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,cAAc;AAChB;AACA;EACE,UAAU;EACV,0BAA0B;AAC5B;AACA;EACE,WAAW;EACX,0BAA0B;AAC5B;AACA;EACE,UAAU;EACV,WAAW;EACX,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-10 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 25px 3px #1d48c4;\n border-radius: 6px;\n}\n.dv-border-box-10 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-10 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-10 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-10 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-10 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -2427,7 +2427,7 @@ /* style */ const __vue_inject_styles__$c = function (inject) { if (!inject) return - inject("data-v-68bc68ec_0", { source: ".dv-decoration-1 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-1 svg {\n transform-origin: left top;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,0BAA0B;AAC5B","file":"main.vue","sourcesContent":[".dv-decoration-1 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-1 svg {\n transform-origin: left top;\n}\n"]}, media: undefined }); + inject("data-v-0b1e20f0_0", { source: ".dv-decoration-1 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-1 svg {\n transform-origin: left top;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,0BAA0B;AAC5B","file":"main.vue","sourcesContent":[".dv-decoration-1 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-1 svg {\n transform-origin: left top;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -2593,7 +2593,7 @@ /* style */ const __vue_inject_styles__$d = function (inject) { if (!inject) return - inject("data-v-016ee74c_0", { source: ".dv-decoration-2 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,WAAW;EACX,YAAY;EACZ,uBAAuB;EACvB,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-decoration-2 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n"]}, media: undefined }); + inject("data-v-bad16814_0", { source: ".dv-decoration-2 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,WAAW;EACX,YAAY;EACZ,uBAAuB;EACvB,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-decoration-2 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -2748,7 +2748,7 @@ /* style */ const __vue_inject_styles__$e = function (inject) { if (!inject) return - inject("data-v-66cf06ba_0", { source: ".dv-decoration-3 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-3 svg {\n transform-origin: left top;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,0BAA0B;AAC5B","file":"main.vue","sourcesContent":[".dv-decoration-3 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-3 svg {\n transform-origin: left top;\n}\n"]}, media: undefined }); + inject("data-v-4ba2e99e_0", { source: ".dv-decoration-3 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-3 svg {\n transform-origin: left top;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,0BAA0B;AAC5B","file":"main.vue","sourcesContent":[".dv-decoration-3 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-3 svg {\n transform-origin: left top;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -2850,7 +2850,7 @@ /* style */ const __vue_inject_styles__$f = function (inject) { if (!inject) return - inject("data-v-54682112_0", { source: ".dv-decoration-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-decoration-4 .container {\n display: flex;\n overflow: hidden;\n position: absolute;\n}\n.dv-decoration-4 .normal {\n height: 0% !important;\n animation: ani-height 3s ease-in-out infinite;\n left: 50%;\n margin-left: -2px;\n}\n.dv-decoration-4 .reverse {\n width: 0% !important;\n animation: ani-width 3s ease-in-out infinite;\n top: 50%;\n margin-top: -2px;\n}\n@keyframes ani-height {\n70% {\n height: 100%;\n}\n100% {\n height: 100%;\n}\n}\n@keyframes ani-width {\n70% {\n width: 100%;\n}\n100% {\n width: 100%;\n}\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,aAAa;EACb,gBAAgB;EAChB,kBAAkB;AACpB;AACA;EACE,qBAAqB;EACrB,6CAA6C;EAC7C,SAAS;EACT,iBAAiB;AACnB;AACA;EACE,oBAAoB;EACpB,4CAA4C;EAC5C,QAAQ;EACR,gBAAgB;AAClB;AACA;AACE;IACE,YAAY;AACd;AACA;IACE,YAAY;AACd;AACF;AACA;AACE;IACE,WAAW;AACb;AACA;IACE,WAAW;AACb;AACF","file":"main.vue","sourcesContent":[".dv-decoration-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-decoration-4 .container {\n display: flex;\n overflow: hidden;\n position: absolute;\n}\n.dv-decoration-4 .normal {\n height: 0% !important;\n animation: ani-height 3s ease-in-out infinite;\n left: 50%;\n margin-left: -2px;\n}\n.dv-decoration-4 .reverse {\n width: 0% !important;\n animation: ani-width 3s ease-in-out infinite;\n top: 50%;\n margin-top: -2px;\n}\n@keyframes ani-height {\n 70% {\n height: 100%;\n }\n 100% {\n height: 100%;\n }\n}\n@keyframes ani-width {\n 70% {\n width: 100%;\n }\n 100% {\n width: 100%;\n }\n}\n"]}, media: undefined }); + inject("data-v-567c74ae_0", { source: ".dv-decoration-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-decoration-4 .container {\n display: flex;\n overflow: hidden;\n position: absolute;\n}\n.dv-decoration-4 .normal {\n height: 0% !important;\n animation: ani-height 3s ease-in-out infinite;\n left: 50%;\n margin-left: -2px;\n}\n.dv-decoration-4 .reverse {\n width: 0% !important;\n animation: ani-width 3s ease-in-out infinite;\n top: 50%;\n margin-top: -2px;\n}\n@keyframes ani-height {\n70% {\n height: 100%;\n}\n100% {\n height: 100%;\n}\n}\n@keyframes ani-width {\n70% {\n width: 100%;\n}\n100% {\n width: 100%;\n}\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,aAAa;EACb,gBAAgB;EAChB,kBAAkB;AACpB;AACA;EACE,qBAAqB;EACrB,6CAA6C;EAC7C,SAAS;EACT,iBAAiB;AACnB;AACA;EACE,oBAAoB;EACpB,4CAA4C;EAC5C,QAAQ;EACR,gBAAgB;AAClB;AACA;AACE;IACE,YAAY;AACd;AACA;IACE,YAAY;AACd;AACF;AACA;AACE;IACE,WAAW;AACb;AACA;IACE,WAAW;AACb;AACF","file":"main.vue","sourcesContent":[".dv-decoration-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-decoration-4 .container {\n display: flex;\n overflow: hidden;\n position: absolute;\n}\n.dv-decoration-4 .normal {\n height: 0% !important;\n animation: ani-height 3s ease-in-out infinite;\n left: 50%;\n margin-left: -2px;\n}\n.dv-decoration-4 .reverse {\n width: 0% !important;\n animation: ani-width 3s ease-in-out infinite;\n top: 50%;\n margin-top: -2px;\n}\n@keyframes ani-height {\n 70% {\n height: 100%;\n }\n 100% {\n height: 100%;\n }\n}\n@keyframes ani-width {\n 70% {\n width: 100%;\n }\n 100% {\n width: 100%;\n }\n}\n"]}, media: undefined }); }; /* scoped */ @@ -3728,7 +3728,7 @@ /* style */ const __vue_inject_styles__$g = function (inject) { if (!inject) return - inject("data-v-1d0ae1da_0", { source: ".dv-decoration-5 {\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-decoration-5 {\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-9f98d084_0", { source: ".dv-decoration-5 {\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-decoration-5 {\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -3914,7 +3914,7 @@ /* style */ const __vue_inject_styles__$h = function (inject) { if (!inject) return - inject("data-v-3a978d7d_0", { source: ".dv-decoration-6 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-6 svg {\n transform-origin: left top;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,0BAA0B;AAC5B","file":"main.vue","sourcesContent":[".dv-decoration-6 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-6 svg {\n transform-origin: left top;\n}\n"]}, media: undefined }); + inject("data-v-6d47fc61_0", { source: ".dv-decoration-6 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-6 svg {\n transform-origin: left top;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,0BAA0B;AAC5B","file":"main.vue","sourcesContent":[".dv-decoration-6 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-6 svg {\n transform-origin: left top;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -4043,7 +4043,7 @@ /* style */ const __vue_inject_styles__$i = function (inject) { if (!inject) return - inject("data-v-98377772_0", { source: ".dv-decoration-7 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,WAAW;EACX,YAAY;EACZ,uBAAuB;EACvB,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-decoration-7 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n"]}, media: undefined }); + inject("data-v-3cdf903a_0", { source: ".dv-decoration-7 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,WAAW;EACX,YAAY;EACZ,uBAAuB;EACvB,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-decoration-7 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -4162,7 +4162,7 @@ /* style */ const __vue_inject_styles__$j = function (inject) { if (!inject) return - inject("data-v-44f106de_0", { source: ".dv-decoration-8 {\n display: flex;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-decoration-8 {\n display: flex;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-1dc15675_0", { source: ".dv-decoration-8 {\n display: flex;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-decoration-8 {\n display: flex;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -4384,7 +4384,7 @@ /* style */ const __vue_inject_styles__$k = function (inject) { if (!inject) return - inject("data-v-49bf5191_0", { source: ".dv-decoration-9 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.dv-decoration-9 svg {\n position: absolute;\n left: 0px;\n top: 0px;\n transform-origin: left top;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,0BAA0B;AAC5B","file":"main.vue","sourcesContent":[".dv-decoration-9 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.dv-decoration-9 svg {\n position: absolute;\n left: 0px;\n top: 0px;\n transform-origin: left top;\n}\n"]}, media: undefined }); + inject("data-v-e6f54da6_0", { source: ".dv-decoration-9 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.dv-decoration-9 svg {\n position: absolute;\n left: 0px;\n top: 0px;\n transform-origin: left top;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,0BAA0B;AAC5B","file":"main.vue","sourcesContent":[".dv-decoration-9 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.dv-decoration-9 svg {\n position: absolute;\n left: 0px;\n top: 0px;\n transform-origin: left top;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -4704,7 +4704,7 @@ /* style */ const __vue_inject_styles__$l = function (inject) { if (!inject) return - inject("data-v-514cd178_0", { source: ".dv-decoration-10 {\n width: 100%;\n height: 100%;\n display: flex;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf","file":"main.vue","sourcesContent":[".dv-decoration-10 {\n width: 100%;\n height: 100%;\n display: flex;\n}\n"]}, media: undefined }); + inject("data-v-fba85fb0_0", { source: ".dv-decoration-10 {\n width: 100%;\n height: 100%;\n display: flex;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf","file":"main.vue","sourcesContent":[".dv-decoration-10 {\n width: 100%;\n height: 100%;\n display: flex;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -9462,66 +9462,66 @@ }); exports.gridConfig = void 0; var gridConfig = { - /** - * @description Grid left margin - * @type {String|Number} - * @default left = '10%' - * @example left = '10%' | 10 + /** + * @description Grid left margin + * @type {String|Number} + * @default left = '10%' + * @example left = '10%' | 10 */ left: '10%', - /** - * @description Grid right margin - * @type {String|Number} - * @default right = '10%' - * @example right = '10%' | 10 + /** + * @description Grid right margin + * @type {String|Number} + * @default right = '10%' + * @example right = '10%' | 10 */ right: '10%', - /** - * @description Grid top margin - * @type {String|Number} - * @default top = 60 - * @example top = '10%' | 60 + /** + * @description Grid top margin + * @type {String|Number} + * @default top = 60 + * @example top = '10%' | 60 */ top: 60, - /** - * @description Grid bottom margin - * @type {String|Number} - * @default bottom = 60 - * @example bottom = '10%' | 60 + /** + * @description Grid bottom margin + * @type {String|Number} + * @default bottom = 60 + * @example bottom = '10%' | 60 */ bottom: 60, - /** - * @description Grid default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Grid default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fill: 'rgba(0, 0, 0, 0)' }, - /** - * @description Grid render level - * Priority rendering high level - * @type {Number} - * @default rLevel = -30 + /** + * @description Grid render level + * Priority rendering high level + * @type {Number} + * @default rLevel = -30 */ rLevel: -30, - /** - * @description Grid animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description Grid animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description Grid animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description Grid animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrame: 30 }; @@ -9538,124 +9538,124 @@ }); exports.yAxisConfig = exports.xAxisConfig = void 0; var xAxisConfig = { - /** - * @description Axis name - * @type {String} - * @default name = '' + /** + * @description Axis name + * @type {String} + * @default name = '' */ name: '', - /** - * @description Whether to display this axis - * @type {Boolean} - * @default show = true + /** + * @description Whether to display this axis + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis position - * @type {String} - * @default position = 'bottom' - * @example position = 'bottom' | 'top' + /** + * @description Axis position + * @type {String} + * @default position = 'bottom' + * @example position = 'bottom' | 'top' */ position: 'bottom', - /** - * @description Name gap - * @type {Number} - * @default nameGap = 15 + /** + * @description Name gap + * @type {Number} + * @default nameGap = 15 */ nameGap: 15, - /** - * @description Name location - * @type {String} - * @default nameLocation = 'end' - * @example nameLocation = 'end' | 'center' | 'start' + /** + * @description Name location + * @type {String} + * @default nameLocation = 'end' + * @example nameLocation = 'end' | 'center' | 'start' */ nameLocation: 'end', - /** - * @description Name default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Name default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ nameTextStyle: { fill: '#333', fontSize: 10 }, - /** - * @description Axis min value - * @type {String|Number} - * @default min = '20%' - * @example min = '20%' | 0 + /** + * @description Axis min value + * @type {String|Number} + * @default min = '20%' + * @example min = '20%' | 0 */ min: '20%', - /** - * @description Axis max value - * @type {String|Number} - * @default max = '20%' - * @example max = '20%' | 0 + /** + * @description Axis max value + * @type {String|Number} + * @default max = '20%' + * @example max = '20%' | 0 */ max: '20%', - /** - * @description Axis value interval - * @type {Number} - * @default interval = null - * @example interval = 100 + /** + * @description Axis value interval + * @type {Number} + * @default interval = null + * @example interval = 100 */ interval: null, - /** - * @description Min interval - * @type {Number} - * @default minInterval = null - * @example minInterval = 1 + /** + * @description Min interval + * @type {Number} + * @default minInterval = null + * @example minInterval = 1 */ minInterval: null, - /** - * @description Max interval - * @type {Number} - * @default maxInterval = null - * @example maxInterval = 100 + /** + * @description Max interval + * @type {Number} + * @default maxInterval = null + * @example maxInterval = 100 */ maxInterval: null, - /** - * @description Boundary gap - * @type {Boolean} - * @default boundaryGap = null - * @example boundaryGap = true + /** + * @description Boundary gap + * @type {Boolean} + * @default boundaryGap = null + * @example boundaryGap = true */ boundaryGap: null, - /** - * @description Axis split number - * @type {Number} - * @default splitNumber = 5 + /** + * @description Axis split number + * @type {Number} + * @default splitNumber = 5 */ splitNumber: 5, - /** - * @description Axis line configuration - * @type {Object} + /** + * @description Axis line configuration + * @type {Object} */ axisLine: { - /** - * @description Whether to display axis line - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis line + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis line default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis line default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { stroke: '#333', @@ -9663,22 +9663,22 @@ } }, - /** - * @description Axis tick configuration - * @type {Object} + /** + * @description Axis tick configuration + * @type {Object} */ axisTick: { - /** - * @description Whether to display axis tick - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis tick + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis tick default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis tick default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { stroke: '#333', @@ -9686,31 +9686,31 @@ } }, - /** - * @description Axis label configuration - * @type {Object} + /** + * @description Axis label configuration + * @type {Object} */ axisLabel: { - /** - * @description Whether to display axis label - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis label + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis label formatter - * @type {String|Function} - * @default formatter = null - * @example formatter = '{value}件' - * @example formatter = (dataItem) => (dataItem.value) + /** + * @description Axis label formatter + * @type {String|Function} + * @default formatter = null + * @example formatter = '{value}件' + * @example formatter = (dataItem) => (dataItem.value) */ formatter: null, - /** - * @description Axis label default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis label default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fill: '#333', @@ -9719,22 +9719,22 @@ } }, - /** - * @description Axis split line configuration - * @type {Object} + /** + * @description Axis split line configuration + * @type {Object} */ splitLine: { - /** - * @description Whether to display axis split line - * @type {Boolean} - * @default show = false + /** + * @description Whether to display axis split line + * @type {Boolean} + * @default show = false */ show: false, - /** - * @description Axis split line default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis split line default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { stroke: '#d4d4d4', @@ -9742,148 +9742,148 @@ } }, - /** - * @description X axis render level - * Priority rendering high level - * @type {Number} - * @default rLevel = -20 + /** + * @description X axis render level + * Priority rendering high level + * @type {Number} + * @default rLevel = -20 */ rLevel: -20, - /** - * @description X axis animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description X axis animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description X axis animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description X axis animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrame: 50 }; exports.xAxisConfig = xAxisConfig; var yAxisConfig = { - /** - * @description Axis name - * @type {String} - * @default name = '' + /** + * @description Axis name + * @type {String} + * @default name = '' */ name: '', - /** - * @description Whether to display this axis - * @type {Boolean} - * @default show = true + /** + * @description Whether to display this axis + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis position - * @type {String} - * @default position = 'left' - * @example position = 'left' | 'right' + /** + * @description Axis position + * @type {String} + * @default position = 'left' + * @example position = 'left' | 'right' */ position: 'left', - /** - * @description Name gap - * @type {Number} - * @default nameGap = 15 + /** + * @description Name gap + * @type {Number} + * @default nameGap = 15 */ nameGap: 15, - /** - * @description Name location - * @type {String} - * @default nameLocation = 'end' - * @example nameLocation = 'end' | 'center' | 'start' + /** + * @description Name location + * @type {String} + * @default nameLocation = 'end' + * @example nameLocation = 'end' | 'center' | 'start' */ nameLocation: 'end', - /** - * @description name default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description name default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ nameTextStyle: { fill: '#333', fontSize: 10 }, - /** - * @description Axis min value - * @type {String|Number} - * @default min = '20%' - * @example min = '20%' | 0 + /** + * @description Axis min value + * @type {String|Number} + * @default min = '20%' + * @example min = '20%' | 0 */ min: '20%', - /** - * @description Axis max value - * @type {String|Number} - * @default max = '20%' - * @example max = '20%' | 0 + /** + * @description Axis max value + * @type {String|Number} + * @default max = '20%' + * @example max = '20%' | 0 */ max: '20%', - /** - * @description Axis value interval - * @type {Number} - * @default interval = null - * @example interval = 100 + /** + * @description Axis value interval + * @type {Number} + * @default interval = null + * @example interval = 100 */ interval: null, - /** - * @description Min interval - * @type {Number} - * @default minInterval = null - * @example minInterval = 1 + /** + * @description Min interval + * @type {Number} + * @default minInterval = null + * @example minInterval = 1 */ minInterval: null, - /** - * @description Max interval - * @type {Number} - * @default maxInterval = null - * @example maxInterval = 100 + /** + * @description Max interval + * @type {Number} + * @default maxInterval = null + * @example maxInterval = 100 */ maxInterval: null, - /** - * @description Boundary gap - * @type {Boolean} - * @default boundaryGap = null - * @example boundaryGap = true + /** + * @description Boundary gap + * @type {Boolean} + * @default boundaryGap = null + * @example boundaryGap = true */ boundaryGap: null, - /** - * @description Axis split number - * @type {Number} - * @default splitNumber = 5 + /** + * @description Axis split number + * @type {Number} + * @default splitNumber = 5 */ splitNumber: 5, - /** - * @description Axis line configuration - * @type {Object} + /** + * @description Axis line configuration + * @type {Object} */ axisLine: { - /** - * @description Whether to display axis line - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis line + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis line default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis line default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { stroke: '#333', @@ -9891,22 +9891,22 @@ } }, - /** - * @description Axis tick configuration - * @type {Object} + /** + * @description Axis tick configuration + * @type {Object} */ axisTick: { - /** - * @description Whether to display axis tick - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis tick + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis tick default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis tick default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { stroke: '#333', @@ -9914,31 +9914,31 @@ } }, - /** - * @description Axis label configuration - * @type {Object} + /** + * @description Axis label configuration + * @type {Object} */ axisLabel: { - /** - * @description Whether to display axis label - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis label + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis label formatter - * @type {String|Function} - * @default formatter = null - * @example formatter = '{value}件' - * @example formatter = (dataItem) => (dataItem.value) + /** + * @description Axis label formatter + * @type {String|Function} + * @default formatter = null + * @example formatter = '{value}件' + * @example formatter = (dataItem) => (dataItem.value) */ formatter: null, - /** - * @description Axis label default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis label default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fill: '#333', @@ -9947,22 +9947,22 @@ } }, - /** - * @description Axis split line configuration - * @type {Object} + /** + * @description Axis split line configuration + * @type {Object} */ splitLine: { - /** - * @description Whether to display axis split line - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis split line + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis split line default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis split line default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { stroke: '#d4d4d4', @@ -9970,25 +9970,25 @@ } }, - /** - * @description Y axis render level - * Priority rendering high level - * @type {Number} - * @default rLevel = -20 + /** + * @description Y axis render level + * Priority rendering high level + * @type {Number} + * @default rLevel = -20 */ rLevel: -20, - /** - * @description Y axis animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description Y axis animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description Y axis animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description Y axis animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrame: 50 }; @@ -10006,31 +10006,31 @@ }); exports.titleConfig = void 0; var titleConfig = { - /** - * @description Whether to display title - * @type {Boolean} - * @default show = true + /** + * @description Whether to display title + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Title text - * @type {String} - * @default text = '' + /** + * @description Title text + * @type {String} + * @default text = '' */ text: '', - /** - * @description Title offset - * @type {Array} - * @default offset = [0, -20] + /** + * @description Title offset + * @type {Array} + * @default offset = [0, -20] */ offset: [0, -20], - /** - * @description Title default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Title default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fill: '#333', @@ -10040,25 +10040,25 @@ textBaseline: 'bottom' }, - /** - * @description Title render level - * Priority rendering high level - * @type {Number} - * @default rLevel = 20 + /** + * @description Title render level + * Priority rendering high level + * @type {Number} + * @default rLevel = 20 */ rLevel: 20, - /** - * @description Title animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description Title animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description Title animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description Title animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrame: 50 }; @@ -10075,92 +10075,92 @@ }); exports.lineConfig = void 0; var lineConfig = { - /** - * @description Whether to display this line chart - * @type {Boolean} - * @default show = true + /** + * @description Whether to display this line chart + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Legend name - * @type {String} - * @default name = '' + /** + * @description Legend name + * @type {String} + * @default name = '' */ name: '', - /** - * @description Data stacking - * The data value of the series element of the same stack - * will be superimposed (the latter value will be superimposed on the previous value) - * @type {String} - * @default stack = '' + /** + * @description Data stacking + * The data value of the series element of the same stack + * will be superimposed (the latter value will be superimposed on the previous value) + * @type {String} + * @default stack = '' */ stack: '', - /** - * @description Smooth line - * @type {Boolean} - * @default smooth = false + /** + * @description Smooth line + * @type {Boolean} + * @default smooth = false */ smooth: false, - /** - * @description Line x axis index - * @type {Number} - * @default xAxisIndex = 0 - * @example xAxisIndex = 0 | 1 + /** + * @description Line x axis index + * @type {Number} + * @default xAxisIndex = 0 + * @example xAxisIndex = 0 | 1 */ xAxisIndex: 0, - /** - * @description Line y axis index - * @type {Number} - * @default yAxisIndex = 0 - * @example yAxisIndex = 0 | 1 + /** + * @description Line y axis index + * @type {Number} + * @default yAxisIndex = 0 + * @example yAxisIndex = 0 | 1 */ yAxisIndex: 0, - /** - * @description Line chart data - * @type {Array} - * @default data = [] - * @example data = [100, 200, 300] + /** + * @description Line chart data + * @type {Array} + * @default data = [] + * @example data = [100, 200, 300] */ data: [], - /** - * @description Line default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Line default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ lineStyle: { lineWidth: 1 }, - /** - * @description Line point configuration - * @type {Object} + /** + * @description Line point configuration + * @type {Object} */ linePoint: { - /** - * @description Whether to display line point - * @type {Boolean} - * @default show = true + /** + * @description Whether to display line point + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Line point radius - * @type {Number} - * @default radius = 2 + /** + * @description Line point radius + * @type {Number} + * @default radius = 2 */ radius: 2, - /** - * @description Line point default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Line point default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fill: '#fff', @@ -10168,100 +10168,100 @@ } }, - /** - * @description Line area configuration - * @type {Object} + /** + * @description Line area configuration + * @type {Object} */ lineArea: { - /** - * @description Whether to display line area - * @type {Boolean} - * @default show = false + /** + * @description Whether to display line area + * @type {Boolean} + * @default show = false */ show: false, - /** - * @description Line area gradient color (Hex|rgb|rgba) - * @type {Array} - * @default gradient = [] + /** + * @description Line area gradient color (Hex|rgb|rgba) + * @type {Array} + * @default gradient = [] */ gradient: [], - /** - * @description Line area style default configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Line area style default configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { opacity: 0.5 } }, - /** - * @description Line label configuration - * @type {Object} + /** + * @description Line label configuration + * @type {Object} */ label: { - /** - * @description Whether to display line label - * @type {Boolean} - * @default show = false + /** + * @description Whether to display line label + * @type {Boolean} + * @default show = false */ show: false, - /** - * @description Line label position - * @type {String} - * @default position = 'top' - * @example position = 'top' | 'center' | 'bottom' + /** + * @description Line label position + * @type {String} + * @default position = 'top' + * @example position = 'top' | 'center' | 'bottom' */ position: 'top', - /** - * @description Line label offset - * @type {Array} - * @default offset = [0, -10] + /** + * @description Line label offset + * @type {Array} + * @default offset = [0, -10] */ offset: [0, -10], - /** - * @description Line label formatter - * @type {String|Function} - * @default formatter = null - * @example formatter = '{value}件' - * @example formatter = (dataItem) => (dataItem.value) + /** + * @description Line label formatter + * @type {String|Function} + * @default formatter = null + * @example formatter = '{value}件' + * @example formatter = (dataItem) => (dataItem.value) */ formatter: null, - /** - * @description Line label default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Line label default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fontSize: 10 } }, - /** - * @description Line chart render level - * Priority rendering high level - * @type {Number} - * @default rLevel = 10 + /** + * @description Line chart render level + * Priority rendering high level + * @type {Number} + * @default rLevel = 10 */ rLevel: 10, - /** - * @description Line animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description Line animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description Line animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description Line animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrame: 50 }; @@ -10278,223 +10278,223 @@ }); exports.barConfig = void 0; var barConfig = { - /** - * @description Whether to display this bar chart - * @type {Boolean} - * @default show = true + /** + * @description Whether to display this bar chart + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Legend name - * @type {String} - * @default name = '' + /** + * @description Legend name + * @type {String} + * @default name = '' */ name: '', - /** - * @description Data stacking - * The data value of the series element of the same stack - * will be superimposed (the latter value will be superimposed on the previous value) - * @type {String} - * @default stack = '' + /** + * @description Data stacking + * The data value of the series element of the same stack + * will be superimposed (the latter value will be superimposed on the previous value) + * @type {String} + * @default stack = '' */ stack: '', - /** - * @description Bar shape type - * @type {String} - * @default shapeType = 'normal' - * @example shapeType = 'normal' | 'leftEchelon' | 'rightEchelon' + /** + * @description Bar shape type + * @type {String} + * @default shapeType = 'normal' + * @example shapeType = 'normal' | 'leftEchelon' | 'rightEchelon' */ shapeType: 'normal', - /** - * @description Echelon bar sharpness offset - * @type {Number} - * @default echelonOffset = 10 + /** + * @description Echelon bar sharpness offset + * @type {Number} + * @default echelonOffset = 10 */ echelonOffset: 10, - /** - * @description Bar width - * This property should be set on the last 'bar' series - * in this coordinate system to take effect and will be in effect - * for all 'bar' series in this coordinate system - * @type {String|Number} - * @default barWidth = 'auto' - * @example barWidth = 'auto' | '10%' | 20 + /** + * @description Bar width + * This property should be set on the last 'bar' series + * in this coordinate system to take effect and will be in effect + * for all 'bar' series in this coordinate system + * @type {String|Number} + * @default barWidth = 'auto' + * @example barWidth = 'auto' | '10%' | 20 */ barWidth: 'auto', - /** - * @description Bar gap - * This property should be set on the last 'bar' series - * in this coordinate system to take effect and will be in effect - * for all 'bar' series in this coordinate system - * @type {String|Number} - * @default barGap = '30%' - * @example barGap = '30%' | 30 + /** + * @description Bar gap + * This property should be set on the last 'bar' series + * in this coordinate system to take effect and will be in effect + * for all 'bar' series in this coordinate system + * @type {String|Number} + * @default barGap = '30%' + * @example barGap = '30%' | 30 */ barGap: '30%', - /** - * @description Bar category gap - * This property should be set on the last 'bar' series - * in this coordinate system to take effect and will be in effect - * for all 'bar' series in this coordinate system - * @type {String|Number} - * @default barCategoryGap = '20%' - * @example barCategoryGap = '20%' | 20 + /** + * @description Bar category gap + * This property should be set on the last 'bar' series + * in this coordinate system to take effect and will be in effect + * for all 'bar' series in this coordinate system + * @type {String|Number} + * @default barCategoryGap = '20%' + * @example barCategoryGap = '20%' | 20 */ barCategoryGap: '20%', - /** - * @description Bar x axis index - * @type {Number} - * @default xAxisIndex = 0 - * @example xAxisIndex = 0 | 1 + /** + * @description Bar x axis index + * @type {Number} + * @default xAxisIndex = 0 + * @example xAxisIndex = 0 | 1 */ xAxisIndex: 0, - /** - * @description Bar y axis index - * @type {Number} - * @default yAxisIndex = 0 - * @example yAxisIndex = 0 | 1 + /** + * @description Bar y axis index + * @type {Number} + * @default yAxisIndex = 0 + * @example yAxisIndex = 0 | 1 */ yAxisIndex: 0, - /** - * @description Bar chart data - * @type {Array} - * @default data = [] - * @example data = [100, 200, 300] + /** + * @description Bar chart data + * @type {Array} + * @default data = [] + * @example data = [100, 200, 300] */ data: [], - /** - * @description Background bar configuration - * @type {Object} + /** + * @description Background bar configuration + * @type {Object} */ backgroundBar: { - /** - * @description Whether to display background bar - * @type {Boolean} - * @default show = false + /** + * @description Whether to display background bar + * @type {Boolean} + * @default show = false */ show: false, - /** - * @description Background bar width - * @type {String|Number} - * @default width = 'auto' - * @example width = 'auto' | '30%' | 30 + /** + * @description Background bar width + * @type {String|Number} + * @default width = 'auto' + * @example width = 'auto' | '30%' | 30 */ width: 'auto', - /** - * @description Background bar default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Background bar default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fill: 'rgba(200, 200, 200, .4)' } }, - /** - * @description Bar label configuration - * @type {Object} + /** + * @description Bar label configuration + * @type {Object} */ label: { - /** - * @description Whether to display bar label - * @type {Boolean} - * @default show = false + /** + * @description Whether to display bar label + * @type {Boolean} + * @default show = false */ show: false, - /** - * @description Bar label position - * @type {String} - * @default position = 'top' - * @example position = 'top' | 'center' | 'bottom' + /** + * @description Bar label position + * @type {String} + * @default position = 'top' + * @example position = 'top' | 'center' | 'bottom' */ position: 'top', - /** - * @description Bar label offset - * @type {Array} - * @default offset = [0, -10] + /** + * @description Bar label offset + * @type {Array} + * @default offset = [0, -10] */ offset: [0, -10], - /** - * @description Bar label formatter - * @type {String|Function} - * @default formatter = null - * @example formatter = '{value}件' - * @example formatter = (dataItem) => (dataItem.value) + /** + * @description Bar label formatter + * @type {String|Function} + * @default formatter = null + * @example formatter = '{value}件' + * @example formatter = (dataItem) => (dataItem.value) */ formatter: null, - /** - * @description Bar label default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Bar label default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fontSize: 10 } }, - /** - * @description Bar gradient configuration - * @type {Object} + /** + * @description Bar gradient configuration + * @type {Object} */ gradient: { - /** - * @description Gradient color (Hex|rgb|rgba) - * @type {Array} - * @default color = [] + /** + * @description Gradient color (Hex|rgb|rgba) + * @type {Array} + * @default color = [] */ color: [], - /** - * @description Local gradient - * @type {Boolean} - * @default local = true + /** + * @description Local gradient + * @type {Boolean} + * @default local = true */ local: true }, - /** - * @description Bar style default configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Bar style default configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ barStyle: {}, - /** - * @description Bar chart render level - * Priority rendering high level - * @type {Number} - * @default rLevel = 0 + /** + * @description Bar chart render level + * Priority rendering high level + * @type {Number} + * @default rLevel = 0 */ rLevel: 0, - /** - * @description Bar animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description Bar animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description Bar animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description Bar animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrame: 50 }; @@ -10511,98 +10511,98 @@ }); exports.pieConfig = void 0; var pieConfig = { - /** - * @description Whether to display this pie chart - * @type {Boolean} - * @default show = true + /** + * @description Whether to display this pie chart + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Legend name - * @type {String} - * @default name = '' + /** + * @description Legend name + * @type {String} + * @default name = '' */ name: '', - /** - * @description Radius of pie - * @type {String|Number} - * @default radius = '50%' - * @example radius = '50%' | 100 + /** + * @description Radius of pie + * @type {String|Number} + * @default radius = '50%' + * @example radius = '50%' | 100 */ radius: '50%', - /** - * @description Center point of pie - * @type {Array} - * @default center = ['50%','50%'] - * @example center = ['50%','50%'] | [100, 100] + /** + * @description Center point of pie + * @type {Array} + * @default center = ['50%','50%'] + * @example center = ['50%','50%'] | [100, 100] */ center: ['50%', '50%'], - /** - * @description Pie chart start angle - * @type {Number} - * @default startAngle = -Math.PI / 2 - * @example startAngle = -Math.PI + /** + * @description Pie chart start angle + * @type {Number} + * @default startAngle = -Math.PI / 2 + * @example startAngle = -Math.PI */ startAngle: -Math.PI / 2, - /** - * @description Whether to enable rose type - * @type {Boolean} - * @default roseType = false + /** + * @description Whether to enable rose type + * @type {Boolean} + * @default roseType = false */ roseType: false, - /** - * @description Automatic sorting in rose type - * @type {Boolean} - * @default roseSort = true + /** + * @description Automatic sorting in rose type + * @type {Boolean} + * @default roseSort = true */ roseSort: true, - /** - * @description Rose radius increasing - * @type {String|Number} - * @default roseIncrement = 'auto' - * @example roseIncrement = 'auto' | '10%' | 10 + /** + * @description Rose radius increasing + * @type {String|Number} + * @default roseIncrement = 'auto' + * @example roseIncrement = 'auto' | '10%' | 10 */ roseIncrement: 'auto', - /** - * @description Pie chart data - * @type {Array} - * @default data = [] + /** + * @description Pie chart data + * @type {Array} + * @default data = [] */ data: [], - /** - * @description Pie inside label configuration - * @type {Object} + /** + * @description Pie inside label configuration + * @type {Object} */ insideLabel: { - /** - * @description Whether to display inside label - * @type {Boolean} - * @default show = false + /** + * @description Whether to display inside label + * @type {Boolean} + * @default show = false */ show: false, - /** - * @description Label formatter - * @type {String|Function} - * @default formatter = '{percent}%' - * @example formatter = '${name}-{value}-{percent}%' - * @example formatter = (dataItem) => (dataItem.name) + /** + * @description Label formatter + * @type {String|Function} + * @default formatter = '{percent}%' + * @example formatter = '${name}-{value}-{percent}%' + * @example formatter = (dataItem) => (dataItem.name) */ formatter: '{percent}%', - /** - * @description Label default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Label default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fontSize: 10, @@ -10612,108 +10612,108 @@ } }, - /** - * @description Pie Outside label configuration - * @type {Object} + /** + * @description Pie Outside label configuration + * @type {Object} */ outsideLabel: { - /** - * @description Whether to display outside label - * @type {Boolean} - * @default show = false + /** + * @description Whether to display outside label + * @type {Boolean} + * @default show = false */ show: true, - /** - * @description Label formatter - * @type {String|Function} - * @default formatter = '{name}' - * @example formatter = '${name}-{value}-{percent}%' - * @example formatter = (dataItem) => (dataItem.name) + /** + * @description Label formatter + * @type {String|Function} + * @default formatter = '{name}' + * @example formatter = '${name}-{value}-{percent}%' + * @example formatter = (dataItem) => (dataItem.name) */ formatter: '{name}', - /** - * @description Label default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Label default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fontSize: 11 }, - /** - * @description Gap beteen label line bended place and pie - * @type {String|Number} - * @default labelLineBendGap = '20%' - * @example labelLineBendGap = '20%' | 20 + /** + * @description Gap beteen label line bended place and pie + * @type {String|Number} + * @default labelLineBendGap = '20%' + * @example labelLineBendGap = '20%' | 20 */ labelLineBendGap: '20%', - /** - * @description Label line end length - * @type {Number} - * @default labelLineEndLength = 50 + /** + * @description Label line end length + * @type {Number} + * @default labelLineEndLength = 50 */ labelLineEndLength: 50, - /** - * @description Label line default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Label line default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ labelLineStyle: { lineWidth: 1 } }, - /** - * @description Pie default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Pie default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ pieStyle: {}, - /** - * @description Percentage fractional precision - * @type {Number} - * @default percentToFixed = 0 + /** + * @description Percentage fractional precision + * @type {Number} + * @default percentToFixed = 0 */ percentToFixed: 0, - /** - * @description Pie chart render level - * Priority rendering high level - * @type {Number} - * @default rLevel = 10 + /** + * @description Pie chart render level + * Priority rendering high level + * @type {Number} + * @default rLevel = 10 */ rLevel: 10, - /** - * @description Animation delay gap - * @type {Number} - * @default animationDelayGap = 60 + /** + * @description Animation delay gap + * @type {Number} + * @default animationDelayGap = 60 */ animationDelayGap: 60, - /** - * @description Pie animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description Pie animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description Pie start animation curve - * @type {String} - * @default startAnimationCurve = 'easeOutBack' + /** + * @description Pie start animation curve + * @type {String} + * @default startAnimationCurve = 'easeOutBack' */ startAnimationCurve: 'easeOutBack', - /** - * @description Pie animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description Pie animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrame: 50 }; @@ -10730,110 +10730,110 @@ }); exports.radarAxisConfig = void 0; var radarAxisConfig = { - /** - * @description Whether to display this radar axis - * @type {Boolean} - * @default show = true + /** + * @description Whether to display this radar axis + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Center point of radar axis - * @type {Array} - * @default center = ['50%','50%'] - * @example center = ['50%','50%'] | [100, 100] + /** + * @description Center point of radar axis + * @type {Array} + * @default center = ['50%','50%'] + * @example center = ['50%','50%'] | [100, 100] */ center: ['50%', '50%'], - /** - * @description Radius of radar axis - * @type {String|Number} - * @default radius = '65%' - * @example radius = '65%' | 100 + /** + * @description Radius of radar axis + * @type {String|Number} + * @default radius = '65%' + * @example radius = '65%' | 100 */ radius: '65%', - /** - * @description Radar axis start angle - * @type {Number} - * @default startAngle = -Math.PI / 2 - * @example startAngle = -Math.PI + /** + * @description Radar axis start angle + * @type {Number} + * @default startAngle = -Math.PI / 2 + * @example startAngle = -Math.PI */ startAngle: -Math.PI / 2, - /** - * @description Radar axis split number - * @type {Number} - * @default splitNum = 5 + /** + * @description Radar axis split number + * @type {Number} + * @default splitNum = 5 */ splitNum: 5, - /** - * @description Whether to enable polygon radar axis - * @type {Boolean} - * @default polygon = false + /** + * @description Whether to enable polygon radar axis + * @type {Boolean} + * @default polygon = false */ polygon: false, - /** - * @description Axis label configuration - * @type {Object} + /** + * @description Axis label configuration + * @type {Object} */ axisLabel: { - /** - * @description Whether to display axis label - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis label + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Label gap between label and radar axis - * @type {Number} - * @default labelGap = 15 + /** + * @description Label gap between label and radar axis + * @type {Number} + * @default labelGap = 15 */ labelGap: 15, - /** - * @description Label color (Hex|rgb|rgba), will cover style.fill - * @type {Array} - * @default color = [] + /** + * @description Label color (Hex|rgb|rgba), will cover style.fill + * @type {Array} + * @default color = [] */ color: [], - /** - * @description Axis label default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis label default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fill: '#333' } }, - /** - * @description Axis line configuration - * @type {Object} + /** + * @description Axis line configuration + * @type {Object} */ axisLine: { - /** - * @description Whether to display axis line - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis line + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Line color (Hex|rgb|rgba), will cover style.stroke - * @type {Array} - * @default color = [] + /** + * @description Line color (Hex|rgb|rgba), will cover style.stroke + * @type {Array} + * @default color = [] */ color: [], - /** - * @description Axis label default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis label default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { stroke: '#999', @@ -10841,29 +10841,29 @@ } }, - /** - * @description Split line configuration - * @type {Object} + /** + * @description Split line configuration + * @type {Object} */ splitLine: { - /** - * @description Whether to display split line - * @type {Boolean} - * @default show = true + /** + * @description Whether to display split line + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Line color (Hex|rgb|rgba), will cover style.stroke - * @type {Array} - * @default color = [] + /** + * @description Line color (Hex|rgb|rgba), will cover style.stroke + * @type {Array} + * @default color = [] */ color: [], - /** - * @description Split line default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Split line default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { stroke: '#d4d4d4', @@ -10871,52 +10871,52 @@ } }, - /** - * @description Split area configuration - * @type {Object} + /** + * @description Split area configuration + * @type {Object} */ splitArea: { - /** - * @description Whether to display split area - * @type {Boolean} - * @default show = false + /** + * @description Whether to display split area + * @type {Boolean} + * @default show = false */ show: false, - /** - * @description Area color (Hex|rgb|rgba), will cover style.stroke - * @type {Array} - * @default color = [] + /** + * @description Area color (Hex|rgb|rgba), will cover style.stroke + * @type {Array} + * @default color = [] */ color: ['#f5f5f5', '#e6e6e6'], - /** - * @description Split area default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Split area default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: {} }, - /** - * @description Bar chart render level - * Priority rendering high level - * @type {Number} - * @default rLevel = -10 + /** + * @description Bar chart render level + * Priority rendering high level + * @type {Number} + * @default rLevel = -10 */ rLevel: -10, - /** - * @description Radar axis animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description Radar axis animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description Radar axis animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description Radar axis animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrane: 50 }; @@ -10933,130 +10933,130 @@ }); exports.radarConfig = void 0; var radarConfig = { - /** - * @description Whether to display this radar - * @type {Boolean} - * @default show = true + /** + * @description Whether to display this radar + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Legend name - * @type {String} - * @default name = '' + /** + * @description Legend name + * @type {String} + * @default name = '' */ name: '', - /** - * @description Radar chart data - * @type {Array} - * @default data = [] - * @example data = [100, 200, 300] + /** + * @description Radar chart data + * @type {Array} + * @default data = [] + * @example data = [100, 200, 300] */ data: [], - /** - * @description Radar default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Radar default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ radarStyle: { lineWidth: 1 }, - /** - * @description Radar point configuration - * @type {Object} + /** + * @description Radar point configuration + * @type {Object} */ point: { - /** - * @description Whether to display radar point - * @type {Boolean} - * @default show = true + /** + * @description Whether to display radar point + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Point radius - * @type {Number} - * @default radius = 2 + /** + * @description Point radius + * @type {Number} + * @default radius = 2 */ radius: 2, - /** - * @description Radar point default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Radar point default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fill: '#fff' } }, - /** - * @description Radar label configuration - * @type {Object} + /** + * @description Radar label configuration + * @type {Object} */ label: { - /** - * @description Whether to display radar label - * @type {Boolean} - * @default show = true + /** + * @description Whether to display radar label + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Label position offset - * @type {Array} - * @default offset = [0, 0] + /** + * @description Label position offset + * @type {Array} + * @default offset = [0, 0] */ offset: [0, 0], - /** - * @description Label gap between label and radar - * @type {Number} - * @default labelGap = 5 + /** + * @description Label gap between label and radar + * @type {Number} + * @default labelGap = 5 */ labelGap: 5, - /** - * @description Label formatter - * @type {String|Function} - * @default formatter = null - * @example formatter = 'Score-{value}' - * @example formatter = (label) => (label) + /** + * @description Label formatter + * @type {String|Function} + * @default formatter = null + * @example formatter = 'Score-{value}' + * @example formatter = (label) => (label) */ formatter: null, - /** - * @description Radar label default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Radar label default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fontSize: 10 } }, - /** - * @description Radar chart render level - * Priority rendering high level - * @type {Number} - * @default rLevel = 10 + /** + * @description Radar chart render level + * Priority rendering high level + * @type {Number} + * @default rLevel = 10 */ rLevel: 10, - /** - * @description Radar animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description Radar animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description Radar animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description Radar animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrane: 50 }; @@ -11073,117 +11073,117 @@ }); exports.gaugeConfig = void 0; var gaugeConfig = { - /** - * @description Whether to display this gauge - * @type {Boolean} - * @default show = true + /** + * @description Whether to display this gauge + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Legend name - * @type {String} - * @default name = '' + /** + * @description Legend name + * @type {String} + * @default name = '' */ name: '', - /** - * @description Radius of gauge - * @type {String|Number} - * @default radius = '60%' - * @example radius = '60%' | 100 + /** + * @description Radius of gauge + * @type {String|Number} + * @default radius = '60%' + * @example radius = '60%' | 100 */ radius: '60%', - /** - * @description Center point of gauge - * @type {Array} - * @default center = ['50%','50%'] - * @example center = ['50%','50%'] | [100, 100] + /** + * @description Center point of gauge + * @type {Array} + * @default center = ['50%','50%'] + * @example center = ['50%','50%'] | [100, 100] */ center: ['50%', '50%'], - /** - * @description Gauge start angle - * @type {Number} - * @default startAngle = -(Math.PI / 4) * 5 - * @example startAngle = -Math.PI + /** + * @description Gauge start angle + * @type {Number} + * @default startAngle = -(Math.PI / 4) * 5 + * @example startAngle = -Math.PI */ startAngle: -(Math.PI / 4) * 5, - /** - * @description Gauge end angle - * @type {Number} - * @default endAngle = Math.PI / 4 - * @example endAngle = 0 + /** + * @description Gauge end angle + * @type {Number} + * @default endAngle = Math.PI / 4 + * @example endAngle = 0 */ endAngle: Math.PI / 4, - /** - * @description Gauge min value - * @type {Number} - * @default min = 0 + /** + * @description Gauge min value + * @type {Number} + * @default min = 0 */ min: 0, - /** - * @description Gauge max value - * @type {Number} - * @default max = 100 + /** + * @description Gauge max value + * @type {Number} + * @default max = 100 */ max: 100, - /** - * @description Gauge split number - * @type {Number} - * @default splitNum = 5 + /** + * @description Gauge split number + * @type {Number} + * @default splitNum = 5 */ splitNum: 5, - /** - * @description Gauge arc line width - * @type {Number} - * @default arcLineWidth = 15 + /** + * @description Gauge arc line width + * @type {Number} + * @default arcLineWidth = 15 */ arcLineWidth: 15, - /** - * @description Gauge chart data - * @type {Array} - * @default data = [] + /** + * @description Gauge chart data + * @type {Array} + * @default data = [] */ data: [], - /** - * @description Data item arc default style configuration - * @type {Object} - * @default dataItemStyle = {Configuration Of Class Style} + /** + * @description Data item arc default style configuration + * @type {Object} + * @default dataItemStyle = {Configuration Of Class Style} */ dataItemStyle: {}, - /** - * @description Axis tick configuration - * @type {Object} + /** + * @description Axis tick configuration + * @type {Object} */ axisTick: { - /** - * @description Whether to display axis tick - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis tick + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis tick length - * @type {Number} - * @default tickLength = 6 + /** + * @description Axis tick length + * @type {Number} + * @default tickLength = 6 */ tickLength: 6, - /** - * @description Axis tick default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis tick default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { stroke: '#999', @@ -11191,72 +11191,72 @@ } }, - /** - * @description Axis label configuration - * @type {Object} + /** + * @description Axis label configuration + * @type {Object} */ axisLabel: { - /** - * @description Whether to display axis label - * @type {Boolean} - * @default show = true + /** + * @description Whether to display axis label + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Axis label data (Can be calculated automatically) - * @type {Array} - * @default data = [Number...] + /** + * @description Axis label data (Can be calculated automatically) + * @type {Array} + * @default data = [Number...] */ data: [], - /** - * @description Axis label formatter - * @type {String|Function} - * @default formatter = null - * @example formatter = '{value}%' - * @example formatter = (labelItem) => (labelItem.value) + /** + * @description Axis label formatter + * @type {String|Function} + * @default formatter = null + * @example formatter = '{value}%' + * @example formatter = (labelItem) => (labelItem.value) */ formatter: null, - /** - * @description Axis label gap between label and axis tick - * @type {String|Function} - * @default labelGap = 5 + /** + * @description Axis label gap between label and axis tick + * @type {String|Function} + * @default labelGap = 5 */ labelGap: 5, - /** - * @description Axis label default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Axis label default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: {} }, - /** - * @description Gauge pointer configuration - * @type {Object} + /** + * @description Gauge pointer configuration + * @type {Object} */ pointer: { - /** - * @description Whether to display pointer - * @type {Boolean} - * @default show = true + /** + * @description Whether to display pointer + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Pointer value index of data - * @type {Number} - * @default valueIndex = 0 (pointer.value = data[0].value) + /** + * @description Pointer value index of data + * @type {Number} + * @default valueIndex = 0 (pointer.value = data[0].value) */ valueIndex: 0, - /** - * @description Pointer default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Pointer default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { scale: [1, 1], @@ -11264,55 +11264,55 @@ } }, - /** - * @description Data item arc detail configuration - * @type {Object} + /** + * @description Data item arc detail configuration + * @type {Object} */ details: { - /** - * @description Whether to display details - * @type {Boolean} - * @default show = false + /** + * @description Whether to display details + * @type {Boolean} + * @default show = false */ show: false, - /** - * @description Details formatter - * @type {String|Function} - * @default formatter = null - * @example formatter = '{value}%' - * @example formatter = '{name}%' - * @example formatter = (dataItem) => (dataItem.value) + /** + * @description Details formatter + * @type {String|Function} + * @default formatter = null + * @example formatter = '{value}%' + * @example formatter = '{name}%' + * @example formatter = (dataItem) => (dataItem.value) */ formatter: null, - /** - * @description Details position offset - * @type {Array} - * @default offset = [0, 0] - * @example offset = [10, 10] + /** + * @description Details position offset + * @type {Array} + * @default offset = [0, 0] + * @example offset = [10, 10] */ offset: [0, 0], - /** - * @description Value fractional precision - * @type {Number} - * @default valueToFixed = 0 + /** + * @description Value fractional precision + * @type {Number} + * @default valueToFixed = 0 */ valueToFixed: 0, - /** - * @description Details position - * @type {String} - * @default position = 'center' - * @example position = 'start' | 'center' | 'end' + /** + * @description Details position + * @type {String} + * @default position = 'center' + * @example position = 'start' | 'center' | 'end' */ position: 'center', - /** - * @description Details default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Details default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { fontSize: 20, @@ -11322,47 +11322,47 @@ } }, - /** - * @description Gauge background arc configuration - * @type {Object} + /** + * @description Gauge background arc configuration + * @type {Object} */ backgroundArc: { - /** - * @description Whether to display background arc - * @type {Boolean} - * @default show = true + /** + * @description Whether to display background arc + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Background arc default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Background arc default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ style: { stroke: '#e0e0e0' } }, - /** - * @description Gauge chart render level - * Priority rendering high level - * @type {Number} - * @default rLevel = 10 + /** + * @description Gauge chart render level + * Priority rendering high level + * @type {Number} + * @default rLevel = 10 */ rLevel: 10, - /** - * @description Gauge animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description Gauge animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description Gauge animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description Gauge animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrame: 50 }; @@ -11379,92 +11379,92 @@ }); exports.legendConfig = void 0; var legendConfig = { - /** - * @description Whether to display legend - * @type {Boolean} - * @default show = true + /** + * @description Whether to display legend + * @type {Boolean} + * @default show = true */ show: true, - /** - * @description Legend orient - * @type {String} - * @default orient = 'horizontal' - * @example orient = 'horizontal' | 'vertical' + /** + * @description Legend orient + * @type {String} + * @default orient = 'horizontal' + * @example orient = 'horizontal' | 'vertical' */ orient: 'horizontal', - /** - * @description Legend left - * @type {String|Number} - * @default left = 'auto' - * @example left = 'auto' | '10%' | 10 + /** + * @description Legend left + * @type {String|Number} + * @default left = 'auto' + * @example left = 'auto' | '10%' | 10 */ left: 'auto', - /** - * @description Legend right - * @type {String|Number} - * @default right = 'auto' - * @example right = 'auto' | '10%' | 10 + /** + * @description Legend right + * @type {String|Number} + * @default right = 'auto' + * @example right = 'auto' | '10%' | 10 */ right: 'auto', - /** - * @description Legend top - * @type {String|Number} - * @default top = 'auto' - * @example top = 'auto' | '10%' | 10 + /** + * @description Legend top + * @type {String|Number} + * @default top = 'auto' + * @example top = 'auto' | '10%' | 10 */ top: 'auto', - /** - * @description Legend bottom - * @type {String|Number} - * @default bottom = 'auto' - * @example bottom = 'auto' | '10%' | 10 + /** + * @description Legend bottom + * @type {String|Number} + * @default bottom = 'auto' + * @example bottom = 'auto' | '10%' | 10 */ bottom: 'auto', - /** - * @description Legend item gap - * @type {Number} - * @default itemGap = 10 + /** + * @description Legend item gap + * @type {Number} + * @default itemGap = 10 */ itemGap: 10, - /** - * @description Icon width - * @type {Number} - * @default iconWidth = 25 + /** + * @description Icon width + * @type {Number} + * @default iconWidth = 25 */ iconWidth: 25, - /** - * @description Icon height - * @type {Number} - * @default iconHeight = 10 + /** + * @description Icon height + * @type {Number} + * @default iconHeight = 10 */ iconHeight: 10, - /** - * @description Whether legend is optional - * @type {Boolean} - * @default selectAble = true + /** + * @description Whether legend is optional + * @type {Boolean} + * @default selectAble = true */ selectAble: true, - /** - * @description Legend data - * @type {Array} - * @default data = [] + /** + * @description Legend data + * @type {Array} + * @default data = [] */ data: [], - /** - * @description Legend text default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Legend text default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ textStyle: { fontFamily: 'Arial', @@ -11472,17 +11472,17 @@ fill: '#000' }, - /** - * @description Legend icon default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Legend icon default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ iconStyle: {}, - /** - * @description Legend text unselected default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Legend text unselected default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ textUnselectedStyle: { fontFamily: 'Arial', @@ -11490,34 +11490,34 @@ fill: '#999' }, - /** - * @description Legend icon unselected default style configuration - * @type {Object} - * @default style = {Configuration Of Class Style} + /** + * @description Legend icon unselected default style configuration + * @type {Object} + * @default style = {Configuration Of Class Style} */ iconUnselectedStyle: { fill: '#999' }, - /** - * @description Legend render level - * Priority rendering high level - * @type {Number} - * @default rLevel = 20 + /** + * @description Legend render level + * Priority rendering high level + * @type {Number} + * @default rLevel = 20 */ rLevel: 20, - /** - * @description Legend animation curve - * @type {String} - * @default animationCurve = 'easeOutCubic' + /** + * @description Legend animation curve + * @type {String} + * @default animationCurve = 'easeOutCubic' */ animationCurve: 'easeOutCubic', - /** - * @description Legend animation frame - * @type {Number} - * @default animationFrame = 50 + /** + * @description Legend animation frame + * @type {Number} + * @default animationFrame = 50 */ animationFrame: 50 }; @@ -11644,11 +11644,11 @@ radarConfig: radar.radarConfig, gaugeConfig: gauge.gaugeConfig, legendConfig: legend.legendConfig - /** - * @description Change default configuration - * @param {String} key Configuration key - * @param {Object|Array} config Your config - * @return {Undefined} No return + /** + * @description Change default configuration + * @param {String} key Configuration key + * @param {Object|Array} config Your config + * @return {Undefined} No return */ }; @@ -16646,21 +16646,27 @@ }; Object.assign(this, attribute); }; - /** - * @description Set chart option - * @param {Object} option Chart option - * @return {Undefined} No return + /** + * @description Set chart option + * @param {Object} option Chart option + * @param {Boolean} animationEnd Execute animationEnd + * @return {Undefined} No return */ exports["default"] = Charts; Charts.prototype.setOption = function (option) { + var animationEnd = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; + if (!option || (0, _typeof2["default"])(option) !== 'object') { console.error('setOption Missing parameters!'); return false; } + if (animationEnd) this.render.graphs.forEach(function (graph) { + return graph.animationEnd(); + }); var optionCloned = (0, util.deepClone)(option, true); (0, core.mergeColor)(this, optionCloned); (0, core.grid)(this, optionCloned); @@ -16676,9 +16682,9 @@ this.option = option; this.render.launchAnimation(); // console.warn(this) }; - /** - * @description Resize chart - * @return {Undefined} No return + /** + * @description Resize chart + * @return {Undefined} No return */ @@ -16803,7 +16809,7 @@ /* style */ const __vue_inject_styles__$m = function (inject) { if (!inject) return - inject("data-v-f2e8896c_0", { source: ".dv-charts-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-charts-container .charts-canvas-container {\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-charts-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-charts-container .charts-canvas-container {\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-507831a4_0", { source: ".dv-charts-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-charts-container .charts-canvas-container {\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-charts-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-charts-container .charts-canvas-container {\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -17051,7 +17057,7 @@ /* style */ const __vue_inject_styles__$n = function (inject) { if (!inject) return - inject("data-v-8e0be5bc_0", { source: ".dv-digital-flop canvas {\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-digital-flop canvas {\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); + inject("data-v-9869eff4_0", { source: ".dv-digital-flop canvas {\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-digital-flop canvas {\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -17258,7 +17264,7 @@ ringAnimation } = this; const option = getRingOption(); - chart.setOption(option); + chart.setOption(option, true); ringAnimation(); }, @@ -17322,7 +17328,7 @@ dataItem.radius = radius; } }); - chart.setOption(option); + chart.setOption(option, true); const { activeTimeGap } = option.series[0]; @@ -17386,7 +17392,7 @@ /* style */ const __vue_inject_styles__$o = function (inject) { if (!inject) return - inject("data-v-7a7a0930_0", { source: ".dv-active-ring-chart {\n position: relative;\n}\n.dv-active-ring-chart .active-ring-chart-container {\n width: 100%;\n height: 100%;\n}\n.dv-active-ring-chart .active-ring-info {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-active-ring-chart .active-ring-info .dv-digital-flop {\n width: 100px;\n height: 30px;\n}\n.dv-active-ring-chart .active-ring-info .active-ring-name {\n width: 100px;\n height: 30px;\n color: #fff;\n text-align: center;\n vertical-align: middle;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;AACpB;AACA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;EACR,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,YAAY;EACZ,YAAY;AACd;AACA;EACE,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,sBAAsB;EACtB,uBAAuB;EACvB,gBAAgB;EAChB,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-active-ring-chart {\n position: relative;\n}\n.dv-active-ring-chart .active-ring-chart-container {\n width: 100%;\n height: 100%;\n}\n.dv-active-ring-chart .active-ring-info {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-active-ring-chart .active-ring-info .dv-digital-flop {\n width: 100px;\n height: 30px;\n}\n.dv-active-ring-chart .active-ring-info .active-ring-name {\n width: 100px;\n height: 30px;\n color: #fff;\n text-align: center;\n vertical-align: middle;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n"]}, media: undefined }); + inject("data-v-784c5a14_0", { source: ".dv-active-ring-chart {\n position: relative;\n}\n.dv-active-ring-chart .active-ring-chart-container {\n width: 100%;\n height: 100%;\n}\n.dv-active-ring-chart .active-ring-info {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-active-ring-chart .active-ring-info .dv-digital-flop {\n width: 100px;\n height: 30px;\n}\n.dv-active-ring-chart .active-ring-info .active-ring-name {\n width: 100px;\n height: 30px;\n color: #fff;\n text-align: center;\n vertical-align: middle;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;AACpB;AACA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;EACR,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,YAAY;EACZ,YAAY;AACd;AACA;EACE,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,sBAAsB;EACtB,uBAAuB;EACvB,gBAAgB;EAChB,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-active-ring-chart {\n position: relative;\n}\n.dv-active-ring-chart .active-ring-chart-container {\n width: 100%;\n height: 100%;\n}\n.dv-active-ring-chart .active-ring-info {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-active-ring-chart .active-ring-info .dv-digital-flop {\n width: 100px;\n height: 30px;\n}\n.dv-active-ring-chart .active-ring-info .active-ring-name {\n width: 100px;\n height: 30px;\n color: #fff;\n text-align: center;\n vertical-align: middle;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -17591,7 +17597,7 @@ /* style */ const __vue_inject_styles__$p = function (inject) { if (!inject) return - inject("data-v-e4ed1cba_0", { source: ".dv-capsule-chart {\n position: relative;\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n padding: 10px;\n color: #fff;\n}\n.dv-capsule-chart .label-column {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n box-sizing: border-box;\n padding-right: 10px;\n text-align: right;\n font-size: 12px;\n}\n.dv-capsule-chart .label-column div {\n height: 20px;\n line-height: 20px;\n}\n.dv-capsule-chart .capsule-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.dv-capsule-chart .capsule-item {\n box-shadow: 0 0 3px #999;\n height: 10px;\n margin: 5px 0px;\n border-radius: 5px;\n}\n.dv-capsule-chart .capsule-item div {\n height: 8px;\n margin-top: 1px;\n border-radius: 5px;\n transition: all 0.3s;\n}\n.dv-capsule-chart .unit-label {\n height: 20px;\n font-size: 12px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.dv-capsule-chart .unit-text {\n text-align: right;\n display: flex;\n align-items: flex-end;\n font-size: 12px;\n line-height: 20px;\n margin-left: 10px;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;EACb,WAAW;AACb;AACA;EACE,aAAa;EACb,sBAAsB;EACtB,8BAA8B;EAC9B,sBAAsB;EACtB,mBAAmB;EACnB,iBAAiB;EACjB,eAAe;AACjB;AACA;EACE,YAAY;EACZ,iBAAiB;AACnB;AACA;EACE,OAAO;EACP,aAAa;EACb,sBAAsB;EACtB,8BAA8B;AAChC;AACA;EACE,wBAAwB;EACxB,YAAY;EACZ,eAAe;EACf,kBAAkB;AACpB;AACA;EACE,WAAW;EACX,eAAe;EACf,kBAAkB;EAClB,oBAAoB;AACtB;AACA;EACE,YAAY;EACZ,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,8BAA8B;AAChC;AACA;EACE,iBAAiB;EACjB,aAAa;EACb,qBAAqB;EACrB,eAAe;EACf,iBAAiB;EACjB,iBAAiB;AACnB","file":"main.vue","sourcesContent":[".dv-capsule-chart {\n position: relative;\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n padding: 10px;\n color: #fff;\n}\n.dv-capsule-chart .label-column {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n box-sizing: border-box;\n padding-right: 10px;\n text-align: right;\n font-size: 12px;\n}\n.dv-capsule-chart .label-column div {\n height: 20px;\n line-height: 20px;\n}\n.dv-capsule-chart .capsule-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.dv-capsule-chart .capsule-item {\n box-shadow: 0 0 3px #999;\n height: 10px;\n margin: 5px 0px;\n border-radius: 5px;\n}\n.dv-capsule-chart .capsule-item div {\n height: 8px;\n margin-top: 1px;\n border-radius: 5px;\n transition: all 0.3s;\n}\n.dv-capsule-chart .unit-label {\n height: 20px;\n font-size: 12px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.dv-capsule-chart .unit-text {\n text-align: right;\n display: flex;\n align-items: flex-end;\n font-size: 12px;\n line-height: 20px;\n margin-left: 10px;\n}\n"]}, media: undefined }); + inject("data-v-99dd88f2_0", { source: ".dv-capsule-chart {\n position: relative;\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n padding: 10px;\n color: #fff;\n}\n.dv-capsule-chart .label-column {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n box-sizing: border-box;\n padding-right: 10px;\n text-align: right;\n font-size: 12px;\n}\n.dv-capsule-chart .label-column div {\n height: 20px;\n line-height: 20px;\n}\n.dv-capsule-chart .capsule-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.dv-capsule-chart .capsule-item {\n box-shadow: 0 0 3px #999;\n height: 10px;\n margin: 5px 0px;\n border-radius: 5px;\n}\n.dv-capsule-chart .capsule-item div {\n height: 8px;\n margin-top: 1px;\n border-radius: 5px;\n transition: all 0.3s;\n}\n.dv-capsule-chart .unit-label {\n height: 20px;\n font-size: 12px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.dv-capsule-chart .unit-text {\n text-align: right;\n display: flex;\n align-items: flex-end;\n font-size: 12px;\n line-height: 20px;\n margin-left: 10px;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;EACb,WAAW;AACb;AACA;EACE,aAAa;EACb,sBAAsB;EACtB,8BAA8B;EAC9B,sBAAsB;EACtB,mBAAmB;EACnB,iBAAiB;EACjB,eAAe;AACjB;AACA;EACE,YAAY;EACZ,iBAAiB;AACnB;AACA;EACE,OAAO;EACP,aAAa;EACb,sBAAsB;EACtB,8BAA8B;AAChC;AACA;EACE,wBAAwB;EACxB,YAAY;EACZ,eAAe;EACf,kBAAkB;AACpB;AACA;EACE,WAAW;EACX,eAAe;EACf,kBAAkB;EAClB,oBAAoB;AACtB;AACA;EACE,YAAY;EACZ,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,8BAA8B;AAChC;AACA;EACE,iBAAiB;EACjB,aAAa;EACb,qBAAqB;EACrB,eAAe;EACf,iBAAiB;EACjB,iBAAiB;AACnB","file":"main.vue","sourcesContent":[".dv-capsule-chart {\n position: relative;\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n padding: 10px;\n color: #fff;\n}\n.dv-capsule-chart .label-column {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n box-sizing: border-box;\n padding-right: 10px;\n text-align: right;\n font-size: 12px;\n}\n.dv-capsule-chart .label-column div {\n height: 20px;\n line-height: 20px;\n}\n.dv-capsule-chart .capsule-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.dv-capsule-chart .capsule-item {\n box-shadow: 0 0 3px #999;\n height: 10px;\n margin: 5px 0px;\n border-radius: 5px;\n}\n.dv-capsule-chart .capsule-item div {\n height: 8px;\n margin-top: 1px;\n border-radius: 5px;\n transition: all 0.3s;\n}\n.dv-capsule-chart .unit-label {\n height: 20px;\n font-size: 12px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.dv-capsule-chart .unit-text {\n text-align: right;\n display: flex;\n align-items: flex-end;\n font-size: 12px;\n line-height: 20px;\n margin-left: 10px;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -18006,7 +18012,7 @@ /* style */ const __vue_inject_styles__$q = function (inject) { if (!inject) return - inject("data-v-aca41bfe_0", { source: ".dv-water-pond-level {\n position: relative;\n}\n.dv-water-pond-level svg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-water-pond-level text {\n font-size: 25px;\n font-weight: bold;\n text-anchor: middle;\n dominant-baseline: middle;\n}\n.dv-water-pond-level ellipse,\n.dv-water-pond-level rect {\n fill: none;\n stroke-width: 3;\n}\n.dv-water-pond-level canvas {\n margin-top: 8px;\n margin-left: 8px;\n width: calc(100% - 16px);\n height: calc(100% - 16px);\n box-sizing: border-box;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,eAAe;EACf,iBAAiB;EACjB,mBAAmB;EACnB,yBAAyB;AAC3B;AACA;;EAEE,UAAU;EACV,eAAe;AACjB;AACA;EACE,eAAe;EACf,gBAAgB;EAChB,wBAAwB;EACxB,yBAAyB;EACzB,sBAAsB;AACxB","file":"main.vue","sourcesContent":[".dv-water-pond-level {\n position: relative;\n}\n.dv-water-pond-level svg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-water-pond-level text {\n font-size: 25px;\n font-weight: bold;\n text-anchor: middle;\n dominant-baseline: middle;\n}\n.dv-water-pond-level ellipse,\n.dv-water-pond-level rect {\n fill: none;\n stroke-width: 3;\n}\n.dv-water-pond-level canvas {\n margin-top: 8px;\n margin-left: 8px;\n width: calc(100% - 16px);\n height: calc(100% - 16px);\n box-sizing: border-box;\n}\n"]}, media: undefined }); + inject("data-v-48b03636_0", { source: ".dv-water-pond-level {\n position: relative;\n}\n.dv-water-pond-level svg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-water-pond-level text {\n font-size: 25px;\n font-weight: bold;\n text-anchor: middle;\n dominant-baseline: middle;\n}\n.dv-water-pond-level ellipse,\n.dv-water-pond-level rect {\n fill: none;\n stroke-width: 3;\n}\n.dv-water-pond-level canvas {\n margin-top: 8px;\n margin-left: 8px;\n width: calc(100% - 16px);\n height: calc(100% - 16px);\n box-sizing: border-box;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,eAAe;EACf,iBAAiB;EACjB,mBAAmB;EACnB,yBAAyB;AAC3B;AACA;;EAEE,UAAU;EACV,eAAe;AACjB;AACA;EACE,eAAe;EACf,gBAAgB;EAChB,wBAAwB;EACxB,yBAAyB;EACzB,sBAAsB;AACxB","file":"main.vue","sourcesContent":[".dv-water-pond-level {\n position: relative;\n}\n.dv-water-pond-level svg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-water-pond-level text {\n font-size: 25px;\n font-weight: bold;\n text-anchor: middle;\n dominant-baseline: middle;\n}\n.dv-water-pond-level ellipse,\n.dv-water-pond-level rect {\n fill: none;\n stroke-width: 3;\n}\n.dv-water-pond-level canvas {\n margin-top: 8px;\n margin-left: 8px;\n width: calc(100% - 16px);\n height: calc(100% - 16px);\n box-sizing: border-box;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -18380,7 +18386,7 @@ /* style */ const __vue_inject_styles__$r = function (inject) { if (!inject) return - inject("data-v-bbfa157c_0", { source: ".dv-percent-pond {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n.dv-percent-pond svg {\n position: absolute;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-percent-pond polyline {\n transition: all 0.3s;\n}\n.dv-percent-pond text {\n font-size: 25px;\n font-weight: bold;\n text-anchor: middle;\n dominant-baseline: middle;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,aAAa;EACb,sBAAsB;AACxB;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,WAAW;EACX,YAAY;AACd;AACA;EACE,oBAAoB;AACtB;AACA;EACE,eAAe;EACf,iBAAiB;EACjB,mBAAmB;EACnB,yBAAyB;AAC3B","file":"main.vue","sourcesContent":[".dv-percent-pond {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n.dv-percent-pond svg {\n position: absolute;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-percent-pond polyline {\n transition: all 0.3s;\n}\n.dv-percent-pond text {\n font-size: 25px;\n font-weight: bold;\n text-anchor: middle;\n dominant-baseline: middle;\n}\n"]}, media: undefined }); + inject("data-v-67d721de_0", { source: ".dv-percent-pond {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n.dv-percent-pond svg {\n position: absolute;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-percent-pond polyline {\n transition: all 0.3s;\n}\n.dv-percent-pond text {\n font-size: 25px;\n font-weight: bold;\n text-anchor: middle;\n dominant-baseline: middle;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,aAAa;EACb,sBAAsB;AACxB;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,WAAW;EACX,YAAY;AACd;AACA;EACE,oBAAoB;AACtB;AACA;EACE,eAAe;EACf,iBAAiB;EACjB,mBAAmB;EACnB,yBAAyB;AAC3B","file":"main.vue","sourcesContent":[".dv-percent-pond {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n.dv-percent-pond svg {\n position: absolute;\n left: 0px;\n top: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-percent-pond polyline {\n transition: all 0.3s;\n}\n.dv-percent-pond text {\n font-size: 25px;\n font-weight: bold;\n text-anchor: middle;\n dominant-baseline: middle;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -19097,7 +19103,7 @@ /* style */ const __vue_inject_styles__$s = function (inject) { if (!inject) return - inject("data-v-d8f0e4c4_0", { source: ".dv-flyline-chart {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart polyline {\n transition: all 0.3s;\n}\n.dv-flyline-chart text {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,0BAA0B;AAC5B;AACA;EACE,oBAAoB;AACtB;AACA;EACE,mBAAmB;EACnB,yBAAyB;AAC3B","file":"main.vue","sourcesContent":[".dv-flyline-chart {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart polyline {\n transition: all 0.3s;\n}\n.dv-flyline-chart text {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n"]}, media: undefined }); + inject("data-v-e406698c_0", { source: ".dv-flyline-chart {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart polyline {\n transition: all 0.3s;\n}\n.dv-flyline-chart text {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,0BAA0B;AAC5B;AACA;EACE,oBAAoB;AACtB;AACA;EACE,mBAAmB;EACnB,yBAAyB;AAC3B","file":"main.vue","sourcesContent":[".dv-flyline-chart {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart polyline {\n transition: all 0.3s;\n}\n.dv-flyline-chart text {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -19376,7 +19382,7 @@ /* style */ const __vue_inject_styles__$t = function (inject) { if (!inject) return - inject("data-v-28fe17e3_0", { source: ".dv-conical-column-chart {\n width: 100%;\n height: 100%;\n}\n.dv-conical-column-chart text {\n text-anchor: middle;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-conical-column-chart {\n width: 100%;\n height: 100%;\n}\n.dv-conical-column-chart text {\n text-anchor: middle;\n}\n"]}, media: undefined }); + inject("data-v-382f06c7_0", { source: ".dv-conical-column-chart {\n width: 100%;\n height: 100%;\n}\n.dv-conical-column-chart text {\n text-anchor: middle;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-conical-column-chart {\n width: 100%;\n height: 100%;\n}\n.dv-conical-column-chart text {\n text-anchor: middle;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -19843,7 +19849,7 @@ /* style */ const __vue_inject_styles__$u = function (inject) { if (!inject) return - inject("data-v-78a15dba_0", { source: ".dv-scroll-board {\n position: relative;\n width: 100%;\n height: 100%;\n color: #fff;\n}\n.dv-scroll-board .text {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dv-scroll-board .header {\n display: flex;\n flex-direction: row;\n font-size: 15px;\n}\n.dv-scroll-board .header .header-item {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all 0.3s;\n}\n.dv-scroll-board .rows {\n overflow: hidden;\n}\n.dv-scroll-board .rows .row-item {\n display: flex;\n font-size: 14px;\n transition: all 0.3s;\n}\n.dv-scroll-board .rows .ceil {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dv-scroll-board .rows .index {\n border-radius: 3px;\n padding: 0px 3px;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,WAAW;AACb;AACA;EACE,eAAe;EACf,sBAAsB;EACtB,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,eAAe;AACjB;AACA;EACE,eAAe;EACf,sBAAsB;EACtB,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;EACvB,oBAAoB;AACtB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,aAAa;EACb,eAAe;EACf,oBAAoB;AACtB;AACA;EACE,eAAe;EACf,sBAAsB;EACtB,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;AACA;EACE,kBAAkB;EAClB,gBAAgB;AAClB","file":"main.vue","sourcesContent":[".dv-scroll-board {\n position: relative;\n width: 100%;\n height: 100%;\n color: #fff;\n}\n.dv-scroll-board .text {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dv-scroll-board .header {\n display: flex;\n flex-direction: row;\n font-size: 15px;\n}\n.dv-scroll-board .header .header-item {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all 0.3s;\n}\n.dv-scroll-board .rows {\n overflow: hidden;\n}\n.dv-scroll-board .rows .row-item {\n display: flex;\n font-size: 14px;\n transition: all 0.3s;\n}\n.dv-scroll-board .rows .ceil {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dv-scroll-board .rows .index {\n border-radius: 3px;\n padding: 0px 3px;\n}\n"]}, media: undefined }); + inject("data-v-710aba07_0", { source: ".dv-scroll-board {\n position: relative;\n width: 100%;\n height: 100%;\n color: #fff;\n}\n.dv-scroll-board .text {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dv-scroll-board .header {\n display: flex;\n flex-direction: row;\n font-size: 15px;\n}\n.dv-scroll-board .header .header-item {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all 0.3s;\n}\n.dv-scroll-board .rows {\n overflow: hidden;\n}\n.dv-scroll-board .rows .row-item {\n display: flex;\n font-size: 14px;\n transition: all 0.3s;\n}\n.dv-scroll-board .rows .ceil {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dv-scroll-board .rows .index {\n border-radius: 3px;\n padding: 0px 3px;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,WAAW;AACb;AACA;EACE,eAAe;EACf,sBAAsB;EACtB,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,eAAe;AACjB;AACA;EACE,eAAe;EACf,sBAAsB;EACtB,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;EACvB,oBAAoB;AACtB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,aAAa;EACb,eAAe;EACf,oBAAoB;AACtB;AACA;EACE,eAAe;EACf,sBAAsB;EACtB,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;AACA;EACE,kBAAkB;EAClB,gBAAgB;AAClB","file":"main.vue","sourcesContent":[".dv-scroll-board {\n position: relative;\n width: 100%;\n height: 100%;\n color: #fff;\n}\n.dv-scroll-board .text {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dv-scroll-board .header {\n display: flex;\n flex-direction: row;\n font-size: 15px;\n}\n.dv-scroll-board .header .header-item {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all 0.3s;\n}\n.dv-scroll-board .rows {\n overflow: hidden;\n}\n.dv-scroll-board .rows .row-item {\n display: flex;\n font-size: 14px;\n transition: all 0.3s;\n}\n.dv-scroll-board .rows .ceil {\n padding: 0 10px;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dv-scroll-board .rows .index {\n border-radius: 3px;\n padding: 0px 3px;\n}\n"]}, media: undefined }); }; /* scoped */ @@ -20139,7 +20145,7 @@ /* style */ const __vue_inject_styles__$v = function (inject) { if (!inject) return - inject("data-v-66e8ee78_0", { source: ".dv-scroll-ranking-board {\n width: 100%;\n height: 100%;\n color: #fff;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .row-item {\n transition: all 0.3s;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .ranking-info {\n display: flex;\n width: 100%;\n font-size: 13px;\n}\n.dv-scroll-ranking-board .ranking-info .rank {\n width: 40px;\n color: #1370fb;\n}\n.dv-scroll-ranking-board .ranking-info .info-name {\n flex: 1;\n}\n.dv-scroll-ranking-board .ranking-column {\n border-bottom: 2px solid rgba(19, 112, 251, 0.5);\n margin-top: 5px;\n}\n.dv-scroll-ranking-board .ranking-column .inside-column {\n position: relative;\n height: 6px;\n background-color: #1370fb;\n margin-bottom: 2px;\n border-radius: 1px;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .ranking-column .shine {\n position: absolute;\n left: 0%;\n top: 2px;\n height: 2px;\n width: 50px;\n transform: translateX(-100%);\n background: radial-gradient(#28f8ff 5%, transparent 80%);\n animation: shine 3s ease-in-out infinite alternate;\n}\n@keyframes shine {\n80% {\n left: 0%;\n transform: translateX(-100%);\n}\n100% {\n left: 100%;\n transform: translateX(0%);\n}\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,WAAW;EACX,gBAAgB;AAClB;AACA;EACE,oBAAoB;EACpB,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,gBAAgB;AAClB;AACA;EACE,aAAa;EACb,WAAW;EACX,eAAe;AACjB;AACA;EACE,WAAW;EACX,cAAc;AAChB;AACA;EACE,OAAO;AACT;AACA;EACE,gDAAgD;EAChD,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,yBAAyB;EACzB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;AAClB;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,QAAQ;EACR,WAAW;EACX,WAAW;EACX,4BAA4B;EAC5B,wDAAwD;EACxD,kDAAkD;AACpD;AACA;AACE;IACE,QAAQ;IACR,4BAA4B;AAC9B;AACA;IACE,UAAU;IACV,yBAAyB;AAC3B;AACF","file":"main.vue","sourcesContent":[".dv-scroll-ranking-board {\n width: 100%;\n height: 100%;\n color: #fff;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .row-item {\n transition: all 0.3s;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .ranking-info {\n display: flex;\n width: 100%;\n font-size: 13px;\n}\n.dv-scroll-ranking-board .ranking-info .rank {\n width: 40px;\n color: #1370fb;\n}\n.dv-scroll-ranking-board .ranking-info .info-name {\n flex: 1;\n}\n.dv-scroll-ranking-board .ranking-column {\n border-bottom: 2px solid rgba(19, 112, 251, 0.5);\n margin-top: 5px;\n}\n.dv-scroll-ranking-board .ranking-column .inside-column {\n position: relative;\n height: 6px;\n background-color: #1370fb;\n margin-bottom: 2px;\n border-radius: 1px;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .ranking-column .shine {\n position: absolute;\n left: 0%;\n top: 2px;\n height: 2px;\n width: 50px;\n transform: translateX(-100%);\n background: radial-gradient(#28f8ff 5%, transparent 80%);\n animation: shine 3s ease-in-out infinite alternate;\n}\n@keyframes shine {\n 80% {\n left: 0%;\n transform: translateX(-100%);\n }\n 100% {\n left: 100%;\n transform: translateX(0%);\n }\n}\n"]}, media: undefined }); + inject("data-v-07d856a8_0", { source: ".dv-scroll-ranking-board {\n width: 100%;\n height: 100%;\n color: #fff;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .row-item {\n transition: all 0.3s;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .ranking-info {\n display: flex;\n width: 100%;\n font-size: 13px;\n}\n.dv-scroll-ranking-board .ranking-info .rank {\n width: 40px;\n color: #1370fb;\n}\n.dv-scroll-ranking-board .ranking-info .info-name {\n flex: 1;\n}\n.dv-scroll-ranking-board .ranking-column {\n border-bottom: 2px solid rgba(19, 112, 251, 0.5);\n margin-top: 5px;\n}\n.dv-scroll-ranking-board .ranking-column .inside-column {\n position: relative;\n height: 6px;\n background-color: #1370fb;\n margin-bottom: 2px;\n border-radius: 1px;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .ranking-column .shine {\n position: absolute;\n left: 0%;\n top: 2px;\n height: 2px;\n width: 50px;\n transform: translateX(-100%);\n background: radial-gradient(#28f8ff 5%, transparent 80%);\n animation: shine 3s ease-in-out infinite alternate;\n}\n@keyframes shine {\n80% {\n left: 0%;\n transform: translateX(-100%);\n}\n100% {\n left: 100%;\n transform: translateX(0%);\n}\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,WAAW;EACX,gBAAgB;AAClB;AACA;EACE,oBAAoB;EACpB,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,gBAAgB;AAClB;AACA;EACE,aAAa;EACb,WAAW;EACX,eAAe;AACjB;AACA;EACE,WAAW;EACX,cAAc;AAChB;AACA;EACE,OAAO;AACT;AACA;EACE,gDAAgD;EAChD,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,yBAAyB;EACzB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;AAClB;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,QAAQ;EACR,WAAW;EACX,WAAW;EACX,4BAA4B;EAC5B,wDAAwD;EACxD,kDAAkD;AACpD;AACA;AACE;IACE,QAAQ;IACR,4BAA4B;AAC9B;AACA;IACE,UAAU;IACV,yBAAyB;AAC3B;AACF","file":"main.vue","sourcesContent":[".dv-scroll-ranking-board {\n width: 100%;\n height: 100%;\n color: #fff;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .row-item {\n transition: all 0.3s;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .ranking-info {\n display: flex;\n width: 100%;\n font-size: 13px;\n}\n.dv-scroll-ranking-board .ranking-info .rank {\n width: 40px;\n color: #1370fb;\n}\n.dv-scroll-ranking-board .ranking-info .info-name {\n flex: 1;\n}\n.dv-scroll-ranking-board .ranking-column {\n border-bottom: 2px solid rgba(19, 112, 251, 0.5);\n margin-top: 5px;\n}\n.dv-scroll-ranking-board .ranking-column .inside-column {\n position: relative;\n height: 6px;\n background-color: #1370fb;\n margin-bottom: 2px;\n border-radius: 1px;\n overflow: hidden;\n}\n.dv-scroll-ranking-board .ranking-column .shine {\n position: absolute;\n left: 0%;\n top: 2px;\n height: 2px;\n width: 50px;\n transform: translateX(-100%);\n background: radial-gradient(#28f8ff 5%, transparent 80%);\n animation: shine 3s ease-in-out infinite alternate;\n}\n@keyframes shine {\n 80% {\n left: 0%;\n transform: translateX(-100%);\n }\n 100% {\n left: 100%;\n transform: translateX(0%);\n }\n}\n"]}, media: undefined }); }; /* scoped */ @@ -20214,4 +20220,4 @@ Vue.use(datav); -})); +}))); diff --git a/dist/datav.min.vue.js b/dist/datav.min.vue.js index 4939733..09f6db7 100644 --- a/dist/datav.min.vue.js +++ b/dist/datav.min.vue.js @@ -1 +1 @@ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):t((e=e||self).Vue)}(this,(function(e){"use strict";function t(e,t){return 1===arguments.length?parseInt(Math.random()*e+1,10):parseInt(Math.random()*(t-e+1)+e,10)}function n(e,t){const n=Math.abs(e[0]-t[0]),r=Math.abs(e[1]-t[1]);return Math.sqrt(n*n+r*r)}e=e&&e.hasOwnProperty("default")?e.default:e;var r={data:()=>({dom:"",width:0,height:0,debounceInitWHFun:"",domObserver:""}),methods:{async autoResizeMixinInit(){const{initWH:e,getDebounceInitWHFun:t,bindDomResizeCallback:n,afterAutoResizeMixinInit:r}=this;await e(!1),t(),n(),"function"==typeof r&&r()},initWH(e=!0){const{$nextTick:t,$refs:n,ref:r,onResize:i}=this;return new Promise(a=>{t(t=>{const o=this.dom=n[r];this.width=o.clientWidth,this.height=o.clientHeight,"function"==typeof i&&e&&i(),a()})})},getDebounceInitWHFun(){const{initWH:e}=this;this.debounceInitWHFun=function(e,t){let n;return function(){clearTimeout(n);const[r,i]=[this,arguments];n=setTimeout(()=>{t.apply(r,i)},e)}}(100,e)},bindDomResizeCallback(){const{dom:e,debounceInitWHFun:t}=this;this.domObserver=function(e,t){const n=new(window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver)(t);return n.observe(e,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0}),n}(e,t),window.addEventListener("resize",t)},unbindDomResizeCallback(){let{domObserver:e,debounceInitWHFun:t}=this;e.disconnect(),e.takeRecords(),e=null,window.removeEventListener("resize",t)}},mounted(){const{autoResizeMixinInit:e}=this;e()},beforeDestroy(){const{unbindDomResizeCallback:e}=this;e()}},i={name:"DvFullScreenContainer",mixins:[r],data:()=>({ref:"full-screen-container",allWidth:0,scale:0,datavRoot:"",ready:!1}),methods:{afterAutoResizeMixinInit(){const{initConfig:e,setAppScale:t}=this;e(),t(),this.ready=!0},initConfig(){const{dom:e}=this,{width:t,height:n}=screen;this.allWidth=t,e.style.width=`${t}px`,e.style.height=`${n}px`},setAppScale(){const{allWidth:e,dom:t}=this,n=document.body.clientWidth;t.style.transform=`scale(${n/e})`},onResize(){const{setAppScale:e}=this;e()}}};var a,o=function(e,t,n,r,i,a,o,s,l,d){"boolean"!=typeof o&&(l=s,s=o,o=!1);var c,u="function"==typeof n?n.options:n;if(e&&e.render&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns,u._compiled=!0,i&&(u.functional=!0)),r&&(u._scopeId=r),a?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(a)},u._ssrRegister=c):t&&(c=o?function(){t.call(this,d(this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),c)if(u.functional){var f=u.render;u.render=function(e,t){return c.call(t),f(e,t)}}else{var h=u.beforeCreate;u.beforeCreate=h?[].concat(h,c):[c]}return n},s="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());var l={};var d=function(e){return function(e,t){return function(e,t){var n=s?t.media||"default":e,r=l[n]||(l[n]={ids:new Set,styles:[]});if(!r.ids.has(e)){r.ids.add(e);var i=t.source;if(t.map&&(i+="\n/*# sourceURL="+t.map.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",t.media&&r.element.setAttribute("media",t.media),void 0===a&&(a=document.head||document.getElementsByTagName("head")[0]),a.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(i),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{var o=r.ids.size-1,d=document.createTextNode(i),c=r.element.childNodes;c[o]&&r.element.removeChild(c[o]),c.length?r.element.insertBefore(d,c[o]):r.element.appendChild(d)}}}(e,t)}};const c=i;var u=function(){var e=this.$createElement;return(this._self._c||e)("div",{ref:this.ref,attrs:{id:"dv-full-screen-container"}},[this.ready?[this._t("default")]:this._e()],2)};u._withStripped=!0;var f=o({render:u,staticRenderFns:[]},(function(e){e&&e("data-v-5d3f02e0_0",{source:"#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top;\n z-index: 999;\n}\n",map:{version:3,sources:["main.vue"],names:[],mappings:"AAAA;EACE,eAAe;EACf,QAAQ;EACR,SAAS;EACT,gBAAgB;EAChB,0BAA0B;EAC1B,YAAY;AACd",file:"main.vue",sourcesContent:["#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top;\n z-index: 999;\n}\n"]},media:void 0})}),c,void 0,!1,void 0,d,void 0);function h(e){e.component(f.name,f)}const p={name:"DvLoading"};var v=function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"dv-loading"},[t("svg",{attrs:{width:"50px",height:"50px"}},[t("circle",{attrs:{cx:"25",cy:"25",r:"20",fill:"transparent","stroke-width":"3","stroke-dasharray":"31.415, 31.415",stroke:"#02bcfe","stroke-linecap":"round"}},[t("animateTransform",{attrs:{attributeName:"transform",type:"rotate",values:"0, 25 25;360, 25 25",dur:"1.5s",repeatCount:"indefinite"}}),this._v(" "),t("animate",{attrs:{attributeName:"stroke",values:"#02bcfe;#3be6cb;#02bcfe",dur:"3s",repeatCount:"indefinite"}})],1),this._v(" "),t("circle",{attrs:{cx:"25",cy:"25",r:"10",fill:"transparent","stroke-width":"3","stroke-dasharray":"15.7, 15.7",stroke:"#3be6cb","stroke-linecap":"round"}},[t("animateTransform",{attrs:{attributeName:"transform",type:"rotate",values:"360, 25 25;0, 25 25",dur:"1.5s",repeatCount:"indefinite"}}),this._v(" "),t("animate",{attrs:{attributeName:"stroke",values:"#3be6cb;#02bcfe;#3be6cb",dur:"3s",repeatCount:"indefinite"}})],1)]),this._v(" "),t("div",{staticClass:"loading-tip"},[this._t("default")],2)])};v._withStripped=!0;var g=o({render:v,staticRenderFns:[]},(function(e){e&&e("data-v-79ee7261_0",{source:".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-loading .loading-tip {\n font-size: 15px;\n}\n",map:{version:3,sources:["main.vue"],names:[],mappings:"AAAA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,eAAe;AACjB",file:"main.vue",sourcesContent:[".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-loading .loading-tip {\n font-size: 15px;\n}\n"]},media:void 0})}),p,void 0,!1,void 0,d,void 0);function A(e){e.component(g.name,g)}const m={name:"DvBorderBox1",data:()=>({border:["left-top","right-top","left-bottom","right-bottom"]})};var b=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dv-border-box-1"},[e._l(e.border,(function(t){return n("svg",{key:t,class:t+" border",attrs:{width:"150px",height:"150px"}},[n("polygon",{attrs:{fill:"#4fd2dd",points:"6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"}},[n("animate",{attrs:{attributeName:"fill",values:"#4fd2dd;#235fa7;#4fd2dd",dur:"0.5s",begin:"0s",repeatCount:"indefinite"}})]),e._v(" "),n("polygon",{attrs:{fill:"#235fa7",points:"27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"}},[n("animate",{attrs:{attributeName:"fill",values:"#235fa7;#4fd2dd;#235fa7",dur:"0.5s",begin:"0s",repeatCount:"indefinite"}})]),e._v(" "),n("polygon",{attrs:{fill:"#4fd2dd",points:"9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"}},[n("animate",{attrs:{attributeName:"fill",values:"#4fd2dd;#235fa7;transparent",dur:"1s",begin:"0s",repeatCount:"indefinite"}})])])})),e._v(" "),n("div",{staticClass:"border-box-content"},[e._t("default")],2)],2)};b._withStripped=!0;var C=o({render:b,staticRenderFns:[]},(function(e){e&&e("data-v-21704634_0",{source:".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-1 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-1 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-1 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-1 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n",map:{version:3,sources:["main.vue"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,cAAc;AAChB;AACA;EACE,UAAU;EACV,0BAA0B;AAC5B;AACA;EACE,WAAW;EACX,0BAA0B;AAC5B;AACA;EACE,UAAU;EACV,WAAW;EACX,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd",file:"main.vue",sourcesContent:[".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-1 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-1 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-1 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-1 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]},media:void 0})}),m,void 0,!1,void 0,d,void 0);function y(e){e.component(C.name,C)}const x={name:"DvBorderBox2",mixins:[r],data:()=>({ref:"border-box-2"})};var w=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:e.ref,staticClass:"dv-border-box-2"},[n("svg",{staticClass:"dv-border-svg-container",attrs:{width:e.width,height:e.height}},[n("polyline",{staticClass:"dv-bb2-line1",attrs:{points:"2, 2 "+(e.width-2)+" ,2 "+(e.width-2)+", "+(e.height-2)+" 2, "+(e.height-2)+" 2, 2"}}),e._v(" "),n("polyline",{staticClass:"dv-bb2-line2",attrs:{points:"6, 6 "+(e.width-6)+", 6 "+(e.width-6)+", "+(e.height-6)+" 6, "+(e.height-6)+" 6, 6"}}),e._v(" "),n("circle",{attrs:{cx:"11",cy:"11",r:"1"}}),e._v(" "),n("circle",{attrs:{cx:e.width-11,cy:"11",r:"1"}}),e._v(" "),n("circle",{attrs:{cx:e.width-11,cy:e.height-11,r:"1"}}),e._v(" "),n("circle",{attrs:{cx:"11",cy:e.height-11,r:"1"}})]),e._v(" "),n("div",{staticClass:"border-box-content"},[e._t("default")],2)])};w._withStripped=!0;var E=o({render:w,staticRenderFns:[]},(function(e){e&&e("data-v-0f4cb823_0",{source:".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-2 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-2 .dv-border-svg-container circle {\n fill: #fff;\n}\n.dv-border-box-2 .dv-bb2-line1 {\n stroke: #fff;\n}\n.dv-border-box-2 .dv-bb2-line2 {\n stroke: rgba(255, 255, 255, 0.6);\n}\n.dv-border-box-2 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n",map:{version:3,sources:["main.vue"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,UAAU;AACZ;AACA;EACE,YAAY;AACd;AACA;EACE,gCAAgC;AAClC;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd",file:"main.vue",sourcesContent:[".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-2 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-2 .dv-border-svg-container circle {\n fill: #fff;\n}\n.dv-border-box-2 .dv-bb2-line1 {\n stroke: #fff;\n}\n.dv-border-box-2 .dv-bb2-line2 {\n stroke: rgba(255, 255, 255, 0.6);\n}\n.dv-border-box-2 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]},media:void 0})}),x,void 0,!1,void 0,d,void 0);function k(e){e.component(E.name,E)}const B={name:"DvBorderBox3",mixins:[r],data:()=>({ref:"border-box-3"})};var P=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:e.ref,staticClass:"dv-border-box-3"},[n("svg",{staticClass:"dv-border-svg-container",attrs:{width:e.width,height:e.height}},[n("polyline",{staticClass:"dv-bb3-line1",attrs:{points:"4, 4 "+(e.width-22)+" ,4 "+(e.width-22)+", "+(e.height-22)+" 4, "+(e.height-22)+" 4, 4"}}),e._v(" "),n("polyline",{staticClass:"dv-bb3-line2",attrs:{points:"10, 10 "+(e.width-16)+", 10 "+(e.width-16)+", "+(e.height-16)+" 10, "+(e.height-16)+" 10, 10"}}),e._v(" "),n("polyline",{staticClass:"dv-bb3-line2",attrs:{points:"16, 16 "+(e.width-10)+", 16 "+(e.width-10)+", "+(e.height-10)+" 16, "+(e.height-10)+" 16, 16"}}),e._v(" "),n("polyline",{staticClass:"dv-bb3-line2",attrs:{points:"22, 22 "+(e.width-4)+", 22 "+(e.width-4)+", "+(e.height-4)+" 22, "+(e.height-4)+" 22, 22"}})]),e._v(" "),n("div",{staticClass:"border-box-content"},[e._t("default")],2)])};P._withStripped=!0;var _=o({render:P,staticRenderFns:[]},(function(e){e&&e("data-v-6e6c7bec_0",{source:".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-3 .dv-border-svg-container polyline {\n fill: none;\n stroke: #2862b7;\n}\n.dv-border-box-3 .dv-bb3-line1 {\n stroke-width: 3;\n}\n.dv-border-box-3 .dv-bb3-line2 {\n stroke-width: 1;\n}\n.dv-border-box-3 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n",map:{version:3,sources:["main.vue"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd",file:"main.vue",sourcesContent:[".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-3 .dv-border-svg-container polyline {\n fill: none;\n stroke: #2862b7;\n}\n.dv-border-box-3 .dv-bb3-line1 {\n stroke-width: 3;\n}\n.dv-border-box-3 .dv-bb3-line2 {\n stroke-width: 1;\n}\n.dv-border-box-3 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]},media:void 0})}),B,void 0,!1,void 0,d,void 0);function S(e){e.component(_.name,_)}const O={name:"DvBorderBox4",mixins:[r],data:()=>({ref:"border-box-4"}),props:{reverse:{type:Boolean,default:!1}}};var I=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:e.ref,staticClass:"dv-border-box-4"},[n("svg",{class:"dv-border-svg-container "+(e.reverse&&"dv-reverse"),attrs:{width:e.width,height:e.height}},[n("polyline",{staticClass:"dv-bb4-line-1",attrs:{points:"145, "+(e.height-5)+" 40, "+(e.height-5)+" 10, "+(e.height-35)+"\n 10, 40 40, 5 150, 5 170, 20 "+(e.width-15)+", 20"}}),e._v(" "),n("polyline",{staticClass:"dv-bb4-line-2",attrs:{points:"245, "+(e.height-1)+" 36, "+(e.height-1)+" 14, "+(e.height-23)+"\n 14, "+(e.height-100)}}),e._v(" "),n("polyline",{staticClass:"dv-bb4-line-3",attrs:{points:"7, "+(e.height-40)+" 7, "+(e.height-75)}}),e._v(" "),n("polyline",{staticClass:"dv-bb4-line-4",attrs:{points:"28, 24 13, 41 13, 64"}}),e._v(" "),n("polyline",{staticClass:"dv-bb4-line-5",attrs:{points:"5, 45 5, 140"}}),e._v(" "),n("polyline",{staticClass:"dv-bb4-line-6",attrs:{points:"14, 75 14, 180"}}),e._v(" "),n("polyline",{staticClass:"dv-bb4-line-7",attrs:{points:"55, 11 147, 11 167, 26 250, 26"}}),e._v(" "),n("polyline",{staticClass:"dv-bb4-line-8",attrs:{points:"158, 5 173, 16"}}),e._v(" "),n("polyline",{staticClass:"dv-bb4-line-9",attrs:{points:"200, 17 "+(e.width-10)+", 17"}}),e._v(" "),n("polyline",{staticClass:"dv-bb4-line-10",attrs:{points:"385, 17 "+(e.width-10)+", 17"}})]),e._v(" "),n("div",{staticClass:"border-box-content"},[e._t("default")],2)])};I._withStripped=!0;var W=o({render:I,staticRenderFns:[]},(function(e){e&&e("data-v-81f3b7c4_0",{source:".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-4 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-4 .dv-border-svg-container polyline {\n fill: none;\n}\n.dv-border-box-4 .sred {\n stroke: red;\n}\n.dv-border-box-4 .sblue {\n stroke: rgba(0, 0, 255, 0.8);\n}\n.dv-border-box-4 .sw1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .sw3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-1 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-2 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-3 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-4 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-5 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-6 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-7 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-8 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-9 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-dasharray: 100 250;\n}\n.dv-border-box-4 .dv-bb4-line-10 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n stroke-dasharray: 80 270;\n}\n.dv-border-box-4 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n",map:{version:3,sources:["main.vue","/Users/caojiaming/Desktop/VUE/DataV/src/components/borderBox4/src/main.vue"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;AACZ;AACA;EACE,WAAW;AACb;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;EACjB,qBAAqB;AACvB;AACA;EACE,WAAW;EACX,eAAe;AACjB;AACA;EACE,4BAA4B;EAC5B,eAAe;AACjB;AACA;EACE,WAAW;EACX,iBAAiB;EACjB,qBAAqB;AACvB;ACCA;EACA,WAAA;EACA,iBAAA;EACA,qBAAA;ADCA;ACCA;EACA,WAAA;EACA,eAAA;ADCA;ACCA;EACA,4BAAA;EACA,eAAA;AACA;AACA;EACA,4BAAA;EDCE,eAAe;ACCjB;AACA;EACA,4BAAA;EACA,iBAAA;EDCE,qBAAqB;ACCvB;AACA;EACA,WAAA;EDCE,iBAAiB;ECCnB,qBAAA;EACA,yBAAA;AACA;ADCA;ECCA,4BAAA;EACA,eAAA;EACA,wBAAA;ADCA;ACCA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;ADCA",file:"main.vue",sourcesContent:[".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-4 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-4 .dv-border-svg-container polyline {\n fill: none;\n}\n.dv-border-box-4 .sred {\n stroke: red;\n}\n.dv-border-box-4 .sblue {\n stroke: rgba(0, 0, 255, 0.8);\n}\n.dv-border-box-4 .sw1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .sw3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-1 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-2 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-3 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-4 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-5 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-6 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-7 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-8 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-9 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-dasharray: 100 250;\n}\n.dv-border-box-4 .dv-bb4-line-10 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n stroke-dasharray: 80 270;\n}\n.dv-border-box-4 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n",'\n\n