ykxiao
/
DemuMesDataV
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update dist and lib

This commit is contained in:
jiaming743 2020-05-25 15:57:26 +08:00
parent 71a9be2a13
commit e938b66dc0
17 changed files with 136 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
dist/datav.map.vue.js vendored
View File

@ -38,6 +38,13 @@
const minusY = Math.abs(pointOne[1] - pointTwo[1]); const minusY = Math.abs(pointOne[1] - pointTwo[1]);
return Math.sqrt(minusX * minusX + minusY * minusY); return Math.sqrt(minusX * minusX + minusY * minusY);
} }
function uuid() {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
const r = Math.random() * 16 | 0;
const v = c == 'x' ? r : r & 0x3 | 0x8;
return v.toString(16);
});
}
var autoResize = { var autoResize = {
data() { data() {
@ -2947,12 +2954,12 @@
}, },
data() { data() {
const timestamp = Date.now(); const id = uuid();
return { return {
ref: 'border-box-8', ref: 'border-box-8',
path: `border-box-8-path-${timestamp}`, path: `border-box-8-path-${id}`,
gradient: `border-box-8-gradient-${timestamp}`, gradient: `border-box-8-gradient-${id}`,
mask: `border-box-8-mask-${timestamp}`, mask: `border-box-8-mask-${id}`,
defaultColor: ['#235fa7', '#4fd2dd'], defaultColor: ['#235fa7', '#4fd2dd'],
mergedColor: [] mergedColor: []
}; };
@ -3138,7 +3145,7 @@
/* style */ /* style */
const __vue_inject_styles__$9 = function (inject) { const __vue_inject_styles__$9 = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-5da1054e_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-5e705490_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 */ /* scoped */
@ -3186,11 +3193,11 @@
}, },
data() { data() {
const timestamp = Date.now(); const id = uuid();
return { return {
ref: 'border-box-9', ref: 'border-box-9',
gradientId: `border-box-9-gradient-${timestamp}`, gradientId: `border-box-9-gradient-${id}`,
maskId: `border-box-9-mask-${timestamp}`, maskId: `border-box-9-mask-${id}`,
defaultColor: ['#11eefd', '#0078d2'], defaultColor: ['#11eefd', '#0078d2'],
mergedColor: [] mergedColor: []
}; };
@ -3581,7 +3588,7 @@
/* style */ /* style */
const __vue_inject_styles__$a = function (inject) { const __vue_inject_styles__$a = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-4b1d3fb1_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-50673f47_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 */ /* scoped */
@ -4126,10 +4133,10 @@
}, },
data() { data() {
const timestamp = Date.now(); const id = uuid();
return { return {
ref: 'border-box-11', ref: 'border-box-11',
filterId: `border-box-11-filterId-${timestamp}`, filterId: `border-box-11-filterId-${id}`,
defaultColor: ['#8aaafb', '#1f33a2'], defaultColor: ['#8aaafb', '#1f33a2'],
mergedColor: [] mergedColor: []
}; };
@ -4651,7 +4658,7 @@
/* style */ /* style */
const __vue_inject_styles__$c = function (inject) { const __vue_inject_styles__$c = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-712ebc91_0", { source: ".dv-border-box-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-11 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-11 .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,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-11 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-11 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); inject("data-v-640dce48_0", { source: ".dv-border-box-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-11 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-11 .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,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-11 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-11 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
}; };
/* scoped */ /* scoped */
@ -4699,10 +4706,10 @@
}, },
data() { data() {
const timestamp = +new Date(); const id = uuid();
return { return {
ref: 'border-box-12', ref: 'border-box-12',
filterId: `borderr-box-12-filterId-${timestamp}`, filterId: `borderr-box-12-filterId-${id}`,
defaultColor: ['#2e6099', '#7ce7fd'], defaultColor: ['#2e6099', '#7ce7fd'],
mergedColor: [] mergedColor: []
}; };
@ -4977,7 +4984,7 @@
/* style */ /* style */
const __vue_inject_styles__$d = function (inject) { const __vue_inject_styles__$d = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-691fa84a_0", { source: ".dv-border-box-12 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-12 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-12 .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,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-12 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-12 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-12 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); inject("data-v-40c58fd4_0", { source: ".dv-border-box-12 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-12 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-12 .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,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-12 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-12 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-12 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
}; };
/* scoped */ /* scoped */
@ -5148,7 +5155,7 @@
/* style */ /* style */
const __vue_inject_styles__$e = function (inject) { const __vue_inject_styles__$e = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-77fbe0b5_0", { source: ".dv-border-box-13 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-13 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-13 .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,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-13 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-13 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-13 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined }); inject("data-v-6c30a53b_0", { source: ".dv-border-box-13 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-13 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-13 .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,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-13 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-13 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-13 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
}; };
/* scoped */ /* scoped */
@ -5993,7 +6000,7 @@
/* style */ /* style */
const __vue_inject_styles__$i = function (inject) { const __vue_inject_styles__$i = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-41fd2a74_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-6a8df262_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 flex: 1;\n}\n.dv-decoration-4 .normal {\n animation: ani-height 3s ease-in-out infinite;\n left: 50%;\n margin-left: -2px;\n}\n.dv-decoration-4 .reverse {\n animation: ani-width 3s ease-in-out infinite;\n top: 50%;\n margin-top: -2px;\n}\n@keyframes ani-height {\n0% {\n height: 0%;\n}\n70% {\n height: 100%;\n}\n100% {\n height: 100%;\n}\n}\n@keyframes ani-width {\n0% {\n width: 0%;\n}\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;EAClB,OAAO;AACT;AACA;EACE,6CAA6C;EAC7C,SAAS;EACT,iBAAiB;AACnB;AACA;EACE,4CAA4C;EAC5C,QAAQ;EACR,gBAAgB;AAClB;AACA;AACE;IACE,UAAU;AACZ;AACA;IACE,YAAY;AACd;AACA;IACE,YAAY;AACd;AACF;AACA;AACE;IACE,SAAS;AACX;AACA;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 flex: 1;\n}\n.dv-decoration-4 .normal {\n animation: ani-height 3s ease-in-out infinite;\n left: 50%;\n margin-left: -2px;\n}\n.dv-decoration-4 .reverse {\n animation: ani-width 3s ease-in-out infinite;\n top: 50%;\n margin-top: -2px;\n}\n@keyframes ani-height {\n 0% {\n height: 0%;\n }\n 70% {\n height: 100%;\n }\n 100% {\n height: 100%;\n }\n}\n@keyframes ani-width {\n 0% {\n width: 0%;\n }\n 70% {\n width: 100%;\n }\n 100% {\n width: 100%;\n }\n}\n"]}, media: undefined });
}; };
/* scoped */ /* scoped */
@ -6748,10 +6755,10 @@
}, },
data() { data() {
const timestamp = Date.now(); const id = uuid();
return { return {
ref: 'decoration-9', ref: 'decoration-9',
polygonId: `decoration-9-polygon-${timestamp}`, polygonId: `decoration-9-polygon-${id}`,
svgWH: [100, 100], svgWH: [100, 100],
svgScale: [1, 1], svgScale: [1, 1],
defaultColor: ['rgba(3, 166, 224, 0.8)', 'rgba(3, 166, 224, 0.5)'], defaultColor: ['rgba(3, 166, 224, 0.8)', 'rgba(3, 166, 224, 0.5)'],
@ -6961,7 +6968,7 @@
/* style */ /* style */
const __vue_inject_styles__$n = function (inject) { const __vue_inject_styles__$n = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-06b2e4f5_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-b47f91a8_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 */ /* scoped */
@ -7005,16 +7012,16 @@
}, },
data() { data() {
const timestamp = Date.now(); const id = uuid();
return { return {
ref: 'decoration-10', ref: 'decoration-10',
animationId1: `d10ani1${timestamp}`, animationId1: `d10ani1${id}`,
animationId2: `d10ani2${timestamp}`, animationId2: `d10ani2${id}`,
animationId3: `d10ani3${timestamp}`, animationId3: `d10ani3${id}`,
animationId4: `d10ani4${timestamp}`, animationId4: `d10ani4${id}`,
animationId5: `d10ani5${timestamp}`, animationId5: `d10ani5${id}`,
animationId6: `d10ani6${timestamp}`, animationId6: `d10ani6${id}`,
animationId7: `d10ani7${timestamp}`, animationId7: `d10ani7${id}`,
defaultColor: ['#00c2ff', 'rgba(0, 194, 255, 0.3)'], defaultColor: ['#00c2ff', 'rgba(0, 194, 255, 0.3)'],
mergedColor: [] mergedColor: []
}; };
@ -7327,7 +7334,7 @@
/* style */ /* style */
const __vue_inject_styles__$o = function (inject) { const __vue_inject_styles__$o = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-39f9e4a4_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-23172a05_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 */ /* scoped */
@ -7542,7 +7549,7 @@
/* style */ /* style */
const __vue_inject_styles__$p = function (inject) { const __vue_inject_styles__$p = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-70e8e39a_0", { source: ".dv-decoration-11 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n}\n.dv-decoration-11 .decoration-content {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,aAAa;AACf;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB","file":"main.vue","sourcesContent":[".dv-decoration-11 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n}\n.dv-decoration-11 .decoration-content {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n"]}, media: undefined }); inject("data-v-53895fd4_0", { source: ".dv-decoration-11 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n}\n.dv-decoration-11 .decoration-content {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,aAAa;AACf;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB","file":"main.vue","sourcesContent":[".dv-decoration-11 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n}\n.dv-decoration-11 .decoration-content {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n"]}, media: undefined });
}; };
/* scoped */ /* scoped */
@ -19320,10 +19327,10 @@
}, },
data() { data() {
const timestamp = Date.now(); const id = uuid();
return { return {
ref: `charts-container-${timestamp}`, ref: `charts-container-${id}`,
chartRef: `chart-${timestamp}`, chartRef: `chart-${id}`,
chart: null chart: null
}; };
}, },
@ -19388,7 +19395,7 @@
/* style */ /* style */
const __vue_inject_styles__$q = function (inject) { const __vue_inject_styles__$q = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-5e36f670_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-1f446fe6_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 */ /* scoped */
@ -20286,9 +20293,9 @@
}, },
data() { data() {
const timestamp = Date.now(); const id = uuid();
return { return {
gradientId: `water-level-pond-${timestamp}`, gradientId: `water-level-pond-${id}`,
defaultConfig: { defaultConfig: {
/** /**
* @description Data * @description Data
@ -20664,7 +20671,7 @@
/* style */ /* style */
const __vue_inject_styles__$u = function (inject) { const __vue_inject_styles__$u = function (inject) {
if (!inject) return if (!inject) return
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 }); inject("data-v-be672a2c_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 */ /* scoped */
@ -20707,12 +20714,13 @@
}, },
data() { data() {
const timestamp = Date.now(); const id = uuid();
return { return {
gradientId1: `percent-pond-gradientId1-${timestamp}`, gradientId1: `percent-pond-gradientId1-${id}`,
gradientId2: `percent-pond-gradientId2-${timestamp}`, gradientId2: `percent-pond-gradientId2-${id}`,
width: 0, width: 0,
height: 0, height: 0,
id: 0,
defaultConfig: { defaultConfig: {
/** /**
* @description Value * @description Value
@ -20916,9 +20924,12 @@
$refs $refs
} = this; } = this;
await $nextTick(); await $nextTick();
const dom = $refs['percent-pond']; const {
this.width = dom.clientWidth; clientWidth,
this.height = dom.clientHeight; clientHeight
} = $refs['percent-pond'];
this.width = clientWidth;
this.height = clientHeight;
}, },
mergeConfig() { mergeConfig() {
@ -21042,7 +21053,7 @@
/* style */ /* style */
const __vue_inject_styles__$v = function (inject) { const __vue_inject_styles__$v = function (inject) {
if (!inject) return if (!inject) return
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 }); inject("data-v-5036687a_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 */ /* scoped */
@ -21090,14 +21101,14 @@
}, },
data() { data() {
const timestamp = Date.now(); const id = uuid();
return { return {
ref: 'dv-flyline-chart', ref: 'dv-flyline-chart',
unique: Math.random(), unique: Math.random(),
maskId: `flyline-mask-id-${timestamp}`, maskId: `flyline-mask-id-${id}`,
maskCircleId: `mask-circle-id-${timestamp}`, maskCircleId: `mask-circle-id-${id}`,
gradientId: `gradient-id-${timestamp}`, gradientId: `gradient-id-${id}`,
gradient2Id: `gradient2-id-${timestamp}`, gradient2Id: `gradient2-id-${id}`,
defaultConfig: { defaultConfig: {
/** /**
* @description Flyline chart center point * @description Flyline chart center point
@ -21763,7 +21774,7 @@
/* style */ /* style */
const __vue_inject_styles__$w = function (inject) { const __vue_inject_styles__$w = function (inject) {
if (!inject) return if (!inject) return
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 }); inject("data-v-1edfcf29_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 */ /* scoped */
@ -21811,12 +21822,12 @@
}, },
data() { data() {
const timestamp = Date.now(); const id = uuid();
return { return {
ref: 'dv-flyline-chart-enhanced', ref: 'dv-flyline-chart-enhanced',
unique: Math.random(), unique: Math.random(),
flylineGradientId: `flyline-gradient-id-${timestamp}`, flylineGradientId: `flyline-gradient-id-${id}`,
haloGradientId: `halo-gradient-id-${timestamp}`, haloGradientId: `halo-gradient-id-${id}`,
/** /**
* @description Type Declaration * @description Type Declaration
@ -22548,7 +22559,7 @@
/* style */ /* style */
const __vue_inject_styles__$x = function (inject) { const __vue_inject_styles__$x = function (inject) {
if (!inject) return if (!inject) return
inject("data-v-5cc44b0b_0", { source: ".dv-flyline-chart-enhanced {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart-enhanced 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,mBAAmB;EACnB,yBAAyB;AAC3B","file":"main.vue","sourcesContent":[".dv-flyline-chart-enhanced {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart-enhanced text {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n"]}, media: undefined }); inject("data-v-a7b8c35c_0", { source: ".dv-flyline-chart-enhanced {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart-enhanced 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,mBAAmB;EACnB,yBAAyB;AAC3B","file":"main.vue","sourcesContent":[".dv-flyline-chart-enhanced {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart-enhanced text {\n text-anchor: middle;\n dominant-baseline: middle;\n}\n"]}, media: undefined });
}; };
/* scoped */ /* scoped */

2
dist/datav.min.vue.js vendored
View File

File diff suppressed because one or more lines are too long

5
lib/components/borderBox11/src/main.vue
View File

@ -216,6 +216,7 @@
<script> <script>
import autoResize from '../../../mixin/autoResize' import autoResize from '../../../mixin/autoResize'
import { uuid } from '../../../util/index'
import { deepMerge } from '@jiaminghi/charts/lib/util/index' import { deepMerge } from '@jiaminghi/charts/lib/util/index'
@ -245,10 +246,10 @@ export default {
} }
}, },
data () { data () {
const timestamp = Date.now() const id = uuid()
return { return {
ref: 'border-box-11', ref: 'border-box-11',
filterId: `border-box-11-filterId-${timestamp}`, filterId: `border-box-11-filterId-${id}`,
defaultColor: ['#8aaafb', '#1f33a2'], defaultColor: ['#8aaafb', '#1f33a2'],

5
lib/components/borderBox12/src/main.vue
View File

@ -92,6 +92,7 @@
<script> <script>
import autoResize from '../../../mixin/autoResize' import autoResize from '../../../mixin/autoResize'
import { uuid } from '../../../util/index'
import { deepMerge } from '@jiaminghi/charts/lib/util/index' import { deepMerge } from '@jiaminghi/charts/lib/util/index'
@ -113,10 +114,10 @@ export default {
} }
}, },
data () { data () {
const timestamp = +new Date() const id = uuid()
return { return {
ref: 'border-box-12', ref: 'border-box-12',
filterId: `borderr-box-12-filterId-${timestamp}`, filterId: `borderr-box-12-filterId-${id}`,
defaultColor: ['#2e6099', '#7ce7fd'], defaultColor: ['#2e6099', '#7ce7fd'],

1
lib/components/borderBox13/src/main.vue
View File

@ -61,7 +61,6 @@ export default {
} }
}, },
data () { data () {
const timestamp = +new Date()
return { return {
ref: 'border-box-13', ref: 'border-box-13',

9
lib/components/borderBox8/src/main.vue
View File

@ -65,6 +65,7 @@
<script> <script>
import autoResize from '../../../mixin/autoResize' import autoResize from '../../../mixin/autoResize'
import { uuid } from '../../../util/index'
import { deepMerge } from '@jiaminghi/charts/lib/util/index' import { deepMerge } from '@jiaminghi/charts/lib/util/index'
@ -92,12 +93,12 @@ export default {
} }
}, },
data () { data () {
const timestamp = Date.now() const id = uuid()
return { return {
ref: 'border-box-8', ref: 'border-box-8',
path: `border-box-8-path-${timestamp}`, path: `border-box-8-path-${id}`,
gradient: `border-box-8-gradient-${timestamp}`, gradient: `border-box-8-gradient-${id}`,
mask: `border-box-8-mask-${timestamp}`, mask: `border-box-8-mask-${id}`,
defaultColor: ['#235fa7', '#4fd2dd'], defaultColor: ['#235fa7', '#4fd2dd'],

7
lib/components/borderBox9/src/main.vue
View File

@ -125,6 +125,7 @@
<script> <script>
import autoResize from '../../../mixin/autoResize' import autoResize from '../../../mixin/autoResize'
import { uuid } from '../../../util/index'
import { deepMerge } from '@jiaminghi/charts/lib/util/index' import { deepMerge } from '@jiaminghi/charts/lib/util/index'
@ -144,12 +145,12 @@ export default {
} }
}, },
data () { data () {
const timestamp = Date.now() const id = uuid()
return { return {
ref: 'border-box-9', ref: 'border-box-9',
gradientId: `border-box-9-gradient-${timestamp}`, gradientId: `border-box-9-gradient-${id}`,
maskId: `border-box-9-mask-${timestamp}`, maskId: `border-box-9-mask-${id}`,
defaultColor: ['#11eefd', '#0078d2'], defaultColor: ['#11eefd', '#0078d2'],

8
lib/components/charts/src/main.vue
View File

@ -5,6 +5,8 @@
</template> </template>
<script> <script>
import { uuid } from '../../../util/index'
import autoResize from '../../../mixin/autoResize' import autoResize from '../../../mixin/autoResize'
import Charts from '@jiaminghi/charts' import Charts from '@jiaminghi/charts'
@ -19,10 +21,10 @@ export default {
} }
}, },
data () { data () {
const timestamp = Date.now() const id = uuid()
return { return {
ref: `charts-container-${timestamp}`, ref: `charts-container-${id}`,
chartRef: `chart-${timestamp}`, chartRef: `chart-${id}`,
chart: null chart: null
} }

17
lib/components/decoration10/src/main.vue
View File

@ -147,6 +147,7 @@
<script> <script>
import autoResize from '../../../mixin/autoResize' import autoResize from '../../../mixin/autoResize'
import { uuid } from '../../../util/index'
import { deepMerge } from '@jiaminghi/charts/lib/util/index' import { deepMerge } from '@jiaminghi/charts/lib/util/index'
@ -162,17 +163,17 @@ export default {
} }
}, },
data () { data () {
const timestamp = Date.now() const id = uuid()
return { return {
ref: 'decoration-10', ref: 'decoration-10',
animationId1: `d10ani1${timestamp}`, animationId1: `d10ani1${id}`,
animationId2: `d10ani2${timestamp}`, animationId2: `d10ani2${id}`,
animationId3: `d10ani3${timestamp}`, animationId3: `d10ani3${id}`,
animationId4: `d10ani4${timestamp}`, animationId4: `d10ani4${id}`,
animationId5: `d10ani5${timestamp}`, animationId5: `d10ani5${id}`,
animationId6: `d10ani6${timestamp}`, animationId6: `d10ani6${id}`,
animationId7: `d10ani7${timestamp}`, animationId7: `d10ani7${id}`,
defaultColor: ['#00c2ff', 'rgba(0, 194, 255, 0.3)'], defaultColor: ['#00c2ff', 'rgba(0, 194, 255, 0.3)'],

1
lib/components/decoration11/src/main.vue
View File

@ -72,7 +72,6 @@ export default {
} }
}, },
data () { data () {
const timestamp = Date.now()
return { return {
ref: 'decoration-11', ref: 'decoration-11',

9
lib/components/decoration4/src/main.css
View File

@ -7,20 +7,22 @@
display: flex; display: flex;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
flex: 1;
} }
.dv-decoration-4 .normal { .dv-decoration-4 .normal {
height: 0% !important;
animation: ani-height 3s ease-in-out infinite; animation: ani-height 3s ease-in-out infinite;
left: 50%; left: 50%;
margin-left: -2px; margin-left: -2px;
} }
.dv-decoration-4 .reverse { .dv-decoration-4 .reverse {
width: 0% !important;
animation: ani-width 3s ease-in-out infinite; animation: ani-width 3s ease-in-out infinite;
top: 50%; top: 50%;
margin-top: -2px; margin-top: -2px;
} }
@keyframes ani-height { @keyframes ani-height {
0% {
height: 0%;
}
70% { 70% {
height: 100%; height: 100%;
} }
@ -29,6 +31,9 @@
} }
} }
@keyframes ani-width { @keyframes ani-width {
0% {
width: 0%;
}
70% { 70% {
width: 100%; width: 100%;
} }

5
lib/components/decoration9/src/main.vue
View File

@ -85,6 +85,7 @@
<script> <script>
import autoResize from '../../../mixin/autoResize' import autoResize from '../../../mixin/autoResize'
import { uuid } from '../../../util/index'
import { deepMerge } from '@jiaminghi/charts/lib/util/index' import { deepMerge } from '@jiaminghi/charts/lib/util/index'
@ -106,11 +107,11 @@ export default {
} }
}, },
data () { data () {
const timestamp = Date.now() const id = uuid()
return { return {
ref: 'decoration-9', ref: 'decoration-9',
polygonId: `decoration-9-polygon-${timestamp}`, polygonId: `decoration-9-polygon-${id}`,
svgWH: [100, 100], svgWH: [100, 100],

12
lib/components/flylineChart/src/main.vue
View File

@ -153,7 +153,7 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
import { deepClone } from '@jiaminghi/c-render/lib/plugin/util' import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
import { randomExtend, getPointDistance } from '../../../util/index' import { randomExtend, getPointDistance, uuid } from '../../../util/index'
import autoResize from '../../../mixin/autoResize' import autoResize from '../../../mixin/autoResize'
@ -171,14 +171,14 @@ export default {
} }
}, },
data () { data () {
const timestamp = Date.now() const id = uuid()
return { return {
ref: 'dv-flyline-chart', ref: 'dv-flyline-chart',
unique: Math.random(), unique: Math.random(),
maskId: `flyline-mask-id-${timestamp}`, maskId: `flyline-mask-id-${id}`,
maskCircleId: `mask-circle-id-${timestamp}`, maskCircleId: `mask-circle-id-${id}`,
gradientId: `gradient-id-${timestamp}`, gradientId: `gradient-id-${id}`,
gradient2Id: `gradient2-id-${timestamp}`, gradient2Id: `gradient2-id-${id}`,
defaultConfig: { defaultConfig: {
/** /**

8
lib/components/flylineChartEnhanced/src/main.vue
View File

@ -155,7 +155,7 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
import { deepClone } from '@jiaminghi/c-render/lib/plugin/util' import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
import { randomExtend, getPointDistance } from '../../../util/index' import { randomExtend, getPointDistance, uuid } from '../../../util/index'
import autoResize from '../../../mixin/autoResize' import autoResize from '../../../mixin/autoResize'
@ -173,12 +173,12 @@ export default {
} }
}, },
data () { data () {
const timestamp = Date.now() const id = uuid()
return { return {
ref: 'dv-flyline-chart-enhanced', ref: 'dv-flyline-chart-enhanced',
unique: Math.random(), unique: Math.random(),
flylineGradientId: `flyline-gradient-id-${timestamp}`, flylineGradientId: `flyline-gradient-id-${id}`,
haloGradientId: `halo-gradient-id-${timestamp}`, haloGradientId: `halo-gradient-id-${id}`,
/** /**
* @description Type Declaration * @description Type Declaration
* *

15
lib/components/percentPond/src/main.vue
View File

@ -44,6 +44,8 @@
</template> </template>
<script> <script>
import { uuid } from '../../../util/index'
import { deepMerge } from '@jiaminghi/charts/lib/util/index' import { deepMerge } from '@jiaminghi/charts/lib/util/index'
import { deepClone } from '@jiaminghi/c-render/lib/plugin/util' import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
@ -57,13 +59,14 @@ export default {
} }
}, },
data () { data () {
const timestamp = Date.now() const id = uuid()
return { return {
gradientId1: `percent-pond-gradientId1-${timestamp}`, gradientId1: `percent-pond-gradientId1-${id}`,
gradientId2: `percent-pond-gradientId2-${timestamp}`, gradientId2: `percent-pond-gradientId2-${id}`,
width: 0, width: 0,
height: 0, height: 0,
id: 0,
defaultConfig: { defaultConfig: {
/** /**
@ -234,10 +237,10 @@ export default {
await $nextTick() await $nextTick()
const dom = $refs['percent-pond'] const { clientWidth, clientHeight } = $refs['percent-pond']
this.width = dom.clientWidth this.width = clientWidth
this.height = dom.clientHeight this.height = clientHeight
}, },
mergeConfig () { mergeConfig () {
const { config, defaultConfig } = this const { config, defaultConfig } = this

6
lib/components/waterLevelPond/src/main.vue
View File

@ -40,6 +40,8 @@
</template> </template>
<script> <script>
import { uuid } from '../../../util/index'
import { deepMerge } from '@jiaminghi/charts/lib/util/index' import { deepMerge } from '@jiaminghi/charts/lib/util/index'
import { deepClone } from '@jiaminghi/c-render/lib/plugin/util' import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
@ -53,9 +55,9 @@ export default {
default: () => ({}) default: () => ({})
}, },
data () { data () {
const timestamp = Date.now() const id = uuid()
return { return {
gradientId: `water-level-pond-${timestamp}`, gradientId: `water-level-pond-${id}`,
defaultConfig: { defaultConfig: {
/** /**

8
lib/util/index.js
View File

@ -37,3 +37,11 @@ export function getPointDistance (pointOne, pointTwo) {
return Math.sqrt(minusX * minusX + minusY * minusY) return Math.sqrt(minusX * minusX + minusY * minusY)
} }
export function uuid () {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
const r = Math.random() * 16 | 0
const v = c == 'x' ? r : (r & 0x3 | 0x8)
return v.toString(16)
})
}