update uuid

lib/components/borderBox11/src/main.vue

@@ -223,6 +223,8 @@ import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
 import { fade } from '@jiaminghi/color'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvBorderBox11',
   mixins: [autoResize],
@@ -245,12 +247,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'border-box-11',
       filterId: `border-box-11-filterId-${uuid}`,

lib/components/borderBox12/src/main.vue

@@ -99,6 +99,8 @@ import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
 import { fade } from '@jiaminghi/color'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvBorderBox12',
   mixins: [autoResize],
@@ -113,12 +115,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'border-box-12',
       filterId: `borderr-box-12-filterId-${uuid}`,

lib/components/borderBox13/src/main.vue

@@ -47,6 +47,8 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
 import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvBorderBox13',
   mixins: [autoResize],
@@ -61,12 +63,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'border-box-13',
 

lib/components/borderBox8/src/main.vue

@@ -70,6 +70,8 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
 import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvBorderBox8',
   mixins: [autoResize],
@@ -92,12 +94,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'border-box-8',
       path: `border-box-8-path-${uuid}`,

lib/components/borderBox9/src/main.vue

@@ -130,6 +130,8 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
 import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvBorderBox9',
   mixins: [autoResize],
@@ -144,12 +146,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'border-box-9',
 

lib/components/charts/src/main.vue

@@ -9,6 +9,8 @@ import autoResize from '../../../mixin/autoResize'
 
 import Charts from '@jiaminghi/charts'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvCharts',
   mixins: [autoResize],
@@ -19,12 +21,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: `charts-container-${uuid}`,
       chartRef: `chart-${uuid}`,

lib/components/decoration10/src/main.vue

@@ -152,6 +152,8 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
 import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvDecoration10',
   mixins: [autoResize],
@@ -162,12 +164,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'decoration-10',
 

lib/components/decoration11/src/main.vue

@@ -62,6 +62,8 @@ import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
 import { fade } from '@jiaminghi/color'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvDecoration11',
   mixins: [autoResize],
@@ -72,12 +74,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'decoration-11',
 

lib/components/decoration9/src/main.vue

@@ -92,6 +92,8 @@ import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
 import { fade } from '@jiaminghi/color'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvDecoration9',
   mixins: [autoResize],
@@ -106,12 +108,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'decoration-9',
 

lib/components/flylineChart/src/main.vue

@@ -157,6 +157,8 @@ import { randomExtend, getPointDistance } from '../../../util/index'
 
 import autoResize from '../../../mixin/autoResize'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvFlylineChart',
   mixins: [autoResize],
@@ -171,12 +173,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'dv-flyline-chart',
       unique: Math.random(),

lib/components/flylineChartEnhanced/src/main.vue

@@ -159,6 +159,8 @@ import { randomExtend, getPointDistance } from '../../../util/index'
 
 import autoResize from '../../../mixin/autoResize'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvFlylineChartEnhanced',
   mixins: [autoResize],
@@ -173,12 +175,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'dv-flyline-chart-enhanced',
       unique: Math.random(),

lib/components/percentPond/src/main.vue

@@ -48,6 +48,8 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
 import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvPercentPond',
   props: {
@@ -57,12 +59,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       gradientId1: `percent-pond-gradientId1-${uuid}`,
       gradientId2: `percent-pond-gradientId2-${uuid}`,

lib/components/waterLevelPond/src/main.vue

@@ -46,6 +46,8 @@ import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
 import CRender from '@jiaminghi/c-render'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvWaterLevelPond',
   props: {
@@ -53,12 +55,7 @@ export default {
     default: () => ({})
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       gradientId: `water-level-pond-${uuid}`,
 

lib/util/index.js

@@ -37,3 +37,13 @@ export function getPointDistance (pointOne, pointTwo) {
 
   return Math.sqrt(minusX * minusX + minusY * minusY)
 }
+
+export function getUuid() {
+  let d = new Date().getTime();
+    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+      var r = (d + Math.random()*16)%16 | 0;
+      d = Math.floor(d/16);
+      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
+   });
+  return uuid;
+}

src/components/borderBox11/src/main.vue

@@ -223,6 +223,8 @@ import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
 import { fade } from '@jiaminghi/color'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvBorderBox11',
   mixins: [autoResize],
@@ -245,12 +247,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'border-box-11',
       filterId: `border-box-11-filterId-${uuid}`,

src/components/borderBox12/src/main.vue

@@ -99,6 +99,8 @@ import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
 import { fade } from '@jiaminghi/color'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvBorderBox12',
   mixins: [autoResize],
@@ -113,12 +115,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'border-box-12',
       filterId: `borderr-box-12-filterId-${uuid}`,

src/components/borderBox13/src/main.vue

@@ -47,6 +47,8 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
 import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvBorderBox13',
   mixins: [autoResize],
@@ -61,7 +63,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
+    const uuid = getUuid();
     const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
       var r = (d + Math.random()*16)%16 | 0;
       d = Math.floor(d/16);

src/components/borderBox8/src/main.vue

@@ -70,6 +70,8 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
 import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvBorderBox8',
   mixins: [autoResize],
@@ -92,12 +94,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+   const uuid = getUuid();
     return {
       ref: 'border-box-8',
       path: `border-box-8-path-${uuid}`,

src/components/borderBox9/src/main.vue

@@ -130,6 +130,8 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
 import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvBorderBox9',
   mixins: [autoResize],
@@ -144,12 +146,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'border-box-9',
 

src/components/charts/src/main.vue

@@ -9,6 +9,8 @@ import autoResize from '../../../mixin/autoResize'
 
 import Charts from '@jiaminghi/charts'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvCharts',
   mixins: [autoResize],
@@ -19,12 +21,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: `charts-container-${uuid}`,
       chartRef: `chart-${uuid}`,

src/components/decoration10/src/main.vue

@@ -152,6 +152,8 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
 import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvDecoration10',
   mixins: [autoResize],
@@ -162,12 +164,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'decoration-10',
 

src/components/decoration11/src/main.vue

@@ -62,6 +62,8 @@ import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
 import { fade } from '@jiaminghi/color'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvDecoration11',
   mixins: [autoResize],
@@ -72,12 +74,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'decoration-11',
 

src/components/decoration9/src/main.vue

@@ -92,6 +92,8 @@ import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
 import { fade } from '@jiaminghi/color'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvDecoration9',
   mixins: [autoResize],
@@ -106,12 +108,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'decoration-9',
 

src/components/flylineChart/src/main.vue

@@ -157,6 +157,8 @@ import { randomExtend, getPointDistance } from '../../../util/index'
 
 import autoResize from '../../../mixin/autoResize'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvFlylineChart',
   mixins: [autoResize],
@@ -171,12 +173,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'dv-flyline-chart',
       unique: Math.random(),

src/components/flylineChartEnhanced/src/main.vue

@@ -159,6 +159,8 @@ import { randomExtend, getPointDistance } from '../../../util/index'
 
 import autoResize from '../../../mixin/autoResize'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvFlylineChartEnhanced',
   mixins: [autoResize],
@@ -173,12 +175,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       ref: 'dv-flyline-chart-enhanced',
       unique: Math.random(),

src/components/percentPond/src/main.vue

@@ -48,6 +48,8 @@ import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
 import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvPercentPond',
   props: {
@@ -57,12 +59,7 @@ export default {
     }
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       gradientId1: `percent-pond-gradientId1-${uuid}`,
       gradientId2: `percent-pond-gradientId2-${uuid}`,

src/components/waterLevelPond/src/main.vue

@@ -46,6 +46,8 @@ import { deepClone } from '@jiaminghi/c-render/lib/plugin/util'
 
 import CRender from '@jiaminghi/c-render'
 
+import { getUuid } from '../../../util'
+
 export default {
   name: 'DvWaterLevelPond',
   props: {
@@ -53,12 +55,7 @@ export default {
     default: () => ({})
   },
   data () {
-    let d = new Date().getTime();
-    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-      var r = (d + Math.random()*16)%16 | 0;
-      d = Math.floor(d/16);
-      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
-   });
+    const uuid = getUuid();
     return {
       gradientId: `water-level-pond-${uuid}`,
 

src/util/index.js

@@ -37,3 +37,13 @@ export function getPointDistance (pointOne, pointTwo) {
 
   return Math.sqrt(minusX * minusX + minusY * minusY)
 }
+
+export function getUuid() {
+  let d = new Date().getTime();
+    const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+      var r = (d + Math.random()*16)%16 | 0;
+      d = Math.floor(d/16);
+      return (c=='x' ? r : (r&0x7|0x8)).toString(16);
+   });
+  return uuid;
+}