DataV-Team · ZHDLFFY · May 6, 2020 · May 15, 2020 · May 16, 2020 · May 25, 2020
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,89 @@
+# 2.10.0-alpha (2020-09-09)
+
+### New
+
+- **decoration12:** New decoration(Radar scan).
+
+### Optmization
+
+- **decoration** add `dur` configuration.
+- **activeRingChart** add `digitalFlopUnit` configuration.
+
+# 2.9.9-alpha (2020-08-25)
+
+### Optmization
+
+- **borderBox:** Canonical class name.
+- **autoResize(mixin):** Add exception prompt.
+
+# 2.9.8-alpha (2020-08-20)
+
+### Optmization
+
+- **scrollRankingBoard:** Add value formatter.
+
+# 2.9.7-alpha (2020-08-19)
+
+### Optmization
+
+- **scrollBoard:** Optimize the update effect of updateRows.
+
+# 2.9.6-alpha (2020-08-05)
+
+### Bug Fixes
+
+- **scrollBoard:** Carousel is abnormal when carousel is page.
+- **scrollRankingBoard:** Carousel is abnormal when carousel is page.
+
+# 2.9.5-alpha (2020-08-05)
+
+### Optmization
+
+- **scrollBoard:** Reduce redundant node rendering.
+- **scrollRankingBoard:** Reduce redundant node rendering.
+- **scrollBoard:** Add api to update row data.
+
+# 2.9.4-alpha (2020-07-03)
+
+### Optmization
+
+- **scrollBoard:** Optimize key value [(#8)](https://github.com/DataV-Team/DataV-React/issues/8).
+
+# 2.9.3-alpha (2020-07-02)
+
+### Perfect
+
+- **uuid:** Optimization of `-` in uuid will cause abnormal svg animation [(#108)](https://github.com/DataV-Team/DataV/issues/108).
+
+# 2.9.2-alpha (2020-06-16)
+
+### Bug Fixes
+
+- **scrollBoard:** reset animationIndex when config upate.
+
+# 2.9.1-alpha (2020-06-16)
+
+### Bug Fixes
+
+- **scrollRankingBoard:** Calculation optimization of negative values [(#101)](https://github.com/DataV-Team/DataV/pull/101).
+
+### Perfect
+
+- **digitalFlop:** add number formatter.
+
+# 2.9.0-alpha (2020-06-10)
+
+### ScrollBoard
+
+- **hoverPause:** add `hoverPause` configuration [(#96)](https://github.com/DataV-Team/DataV/pull/96).
+- **mouseover:** add `mouseover` event [(#96)](https://github.com/DataV-Team/DataV/pull/96).
+
+# 2.8.4-alpha (2020-05-25)
+
+### Perfect
+
+- **uuid:** Use uuid to produce unique id.
+
 # 2.8.3-alpha (2020-05-06)
 
 ### Perfect
@@ -83,7 +169,7 @@
 
 # 2.4.7-alpha (2019-10-24)
 
-### perfect
+### Perfect
 
 - **charts:** Optimize memory leaks.
 - **digitalFlop:** Optimize memory leaks.

diff --git a/dist/datav.map.vue.js b/dist/datav.map.vue.js
diff --git a/dist/datav.min.vue.js b/dist/datav.min.vue.js
diff --git a/lib/components/activeRingChart/src/main.vue b/lib/components/activeRingChart/src/main.vue
@@ -83,6 +83,11 @@ export default {
          * @type {Number}
          */
         digitalFlopToFixed: 0,
+        /**
+         * @description Digital flop unit
+         * @type {String}
+         */
+        digitalFlopUnit: '',
         /**
          * @description CRender animationCurve
          * @type {String}
@@ -122,7 +127,8 @@ export default {
         digitalFlopStyle,
         digitalFlopToFixed,
         data,
-        showOriginValue
+        showOriginValue,
+        digitalFlopUnit
       } = mergedConfig
 
       const value = data.map(({ value }) => value)
@@ -140,7 +146,7 @@ export default {
       }
 
       return {
-        content: showOriginValue ? '{nt}' : '{nt}%',
+        content: showOriginValue ? `{nt}${digitalFlopUnit}` : `{nt}${digitalFlopUnit || '%'}`,
         number: [displayValue],
         style: digitalFlopStyle,
         toFixed: digitalFlopToFixed

diff --git a/lib/components/borderBox10/src/main.css b/lib/components/borderBox10/src/main.css
@@ -4,7 +4,7 @@
   height: 100%;
   border-radius: 6px;
 }
-.dv-border-box-10 .border {
+.dv-border-box-10 .dv-border-svg-container {
   position: absolute;
   display: block;
 }

diff --git a/lib/components/borderBox10/src/main.vue b/lib/components/borderBox10/src/main.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="dv-border-box-10" :ref="ref" :style="`box-shadow: inset 0 0 25px 3px ${mergedColor[0]}`">
-    <svg class="border" :width="width" :height="height">
+    <svg class="dv-border-svg-container" :width="width" :height="height">
       <polygon :fill="backgroundColor" :points="`
         4, 0 ${width - 4}, 0 ${width}, 4 ${width}, ${height - 4} ${width - 4}, ${height}
         4, ${height} 0, ${height - 4} 0, 4
@@ -12,7 +12,7 @@
       height="150px"
       :key="item"
       v-for="item in border"
-      :class="`${item} border`"
+      :class="`${item} dv-border-svg-container`"
     >
       <polygon
         :fill="mergedColor[1]"

diff --git a/lib/components/borderBox11/src/main.css b/lib/components/borderBox11/src/main.css
@@ -10,7 +10,7 @@
   top: 0px;
   left: 0px;
 }
-.dv-border-box-11 .dv-border-svg-container polyline {
+.dv-border-box-11 .dv-border-svg-container > polyline {
   fill: none;
   stroke-width: 1;
 }

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

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

diff --git a/lib/components/borderBox13/src/main.vue b/lib/components/borderBox13/src/main.vue
@@ -61,7 +61,6 @@ export default {
     }
   },
   data () {
-    const timestamp = +new Date()
     return {
       ref: 'border-box-13',
 

diff --git a/lib/components/borderBox2/src/main.css b/lib/components/borderBox2/src/main.css
@@ -10,7 +10,7 @@
   top: 0px;
   left: 0px;
 }
-.dv-border-box-2 .dv-border-svg-container polyline {
+.dv-border-box-2 .dv-border-svg-container > polyline {
   fill: none;
   stroke-width: 1;
 }

diff --git a/lib/components/borderBox3/src/main.css b/lib/components/borderBox3/src/main.css
@@ -10,7 +10,7 @@
   top: 0px;
   left: 0px;
 }
-.dv-border-box-3 .dv-border-svg-container polyline {
+.dv-border-box-3 .dv-border-svg-container > polyline {
   fill: none;
 }
 .dv-border-box-3 .dv-bb3-line1 {

diff --git a/lib/components/borderBox4/src/main.css b/lib/components/borderBox4/src/main.css
@@ -13,7 +13,7 @@
   top: 0px;
   left: 0px;
 }
-.dv-border-box-4 .dv-border-svg-container polyline {
+.dv-border-box-4 .dv-border-svg-container > polyline {
   fill: none;
 }
 .dv-border-box-4 .sw1 {

diff --git a/lib/components/borderBox5/src/main.css b/lib/components/borderBox5/src/main.css
@@ -6,14 +6,14 @@
 .dv-border-box-5 .dv-reverse {
   transform: rotate(180deg);
 }
-.dv-border-box-5 .dv-svg-container {
+.dv-border-box-5 .dv-border-svg-container {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
 }
-.dv-border-box-5 .dv-svg-container polyline {
+.dv-border-box-5 .dv-border-svg-container > polyline {
   fill: none;
 }
 .dv-border-box-5 .dv-bb5-line-1,

diff --git a/lib/components/borderBox5/src/main.vue b/lib/components/borderBox5/src/main.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="dv-border-box-5" :ref="ref">
-    <svg :class="`dv-svg-container  ${reverse && 'dv-reverse'}`" :width="width" :height="height">
+    <svg :class="`dv-border-svg-container  ${reverse && 'dv-reverse'}`" :width="width" :height="height">
       <polygon :fill="backgroundColor" :points="`
         10, 22 ${width - 22}, 22 ${width - 22}, ${height - 86} ${width - 84}, ${height - 24} 10, ${height - 24}
       `" />

diff --git a/lib/components/borderBox6/src/main.css b/lib/components/borderBox6/src/main.css
@@ -3,14 +3,14 @@
   width: 100%;
   height: 100%;
 }
-.dv-border-box-6 .dv-svg-container {
+.dv-border-box-6 .dv-border-svg-container {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
 }
-.dv-border-box-6 .dv-svg-container polyline {
+.dv-border-box-6 .dv-border-svg-container > polyline {
   fill: none;
   stroke-width: 1;
 }

diff --git a/lib/components/borderBox6/src/main.vue b/lib/components/borderBox6/src/main.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="dv-border-box-6" :ref="ref">
-    <svg class="dv-svg-container" :width="width" :height="height">
+    <svg class="dv-border-svg-container" :width="width" :height="height">
       <polygon :fill="backgroundColor" :points="`
         9, 7 ${width - 9}, 7 ${width - 9}, ${height - 7} 9, ${height - 7}
       `" />

diff --git a/lib/components/borderBox7/src/main.css b/lib/components/borderBox7/src/main.css
@@ -3,14 +3,14 @@
   width: 100%;
   height: 100%;
 }
-.dv-border-box-7 .dv-svg-container {
+.dv-border-box-7 .dv-border-svg-container {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
 }
-.dv-border-box-7 .dv-svg-container polyline {
+.dv-border-box-7 .dv-border-svg-container > polyline {
   fill: none;
   stroke-linecap: round;
 }

diff --git a/lib/components/borderBox7/src/main.vue b/lib/components/borderBox7/src/main.vue
@@ -5,7 +5,7 @@
     :style="`box-shadow: inset 0 0 40px ${mergedColor[0]}; border: 1px solid ${mergedColor[0]}; background-color: ${backgroundColor}`"
     :ref="ref"
   >
-    <svg class="dv-svg-container" :width="width" :height="height">
+    <svg class="dv-border-svg-container" :width="width" :height="height">
       <polyline class="dv-bb7-line-width-2" :stroke="mergedColor[0]" :points="`0, 25 0, 0 25, 0`" />
       <polyline class="dv-bb7-line-width-2" :stroke="mergedColor[0]" :points="`${width - 25}, 0 ${width}, 0 ${width}, 25`" />
       <polyline class="dv-bb7-line-width-2" :stroke="mergedColor[0]" :points="`${width - 25}, ${height} ${width}, ${height} ${width}, ${height - 25}`" />

diff --git a/lib/components/borderBox8/src/main.css b/lib/components/borderBox8/src/main.css
@@ -3,7 +3,7 @@
   width: 100%;
   height: 100%;
 }
-.dv-border-box-8 svg {
+.dv-border-box-8 .dv-border-svg-container {
   position: absolute;
   width: 100%;
   height: 100%;

diff --git a/lib/components/borderBox8/src/main.vue b/lib/components/borderBox8/src/main.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="dv-border-box-8" :ref="ref">
-    <svg class="dv-svg-container" :width="width" :height="height">
+    <svg class="dv-border-svg-container" :width="width" :height="height">
       <defs>
         <path
           :id="path"
@@ -65,6 +65,7 @@
 
 <script>
 import autoResize from '../../../mixin/autoResize'
+import { uuid } from '../../../util/index'
 
 import { deepMerge } from '@jiaminghi/charts/lib/util/index'
 
@@ -92,12 +93,12 @@ export default {
     }
   },
   data () {
-    const timestamp = Date.now()
+    const id = uuid()
     return {
       ref: 'border-box-8',
-      path: `border-box-8-path-${timestamp}`,
-      gradient: `border-box-8-gradient-${timestamp}`,
-      mask: `border-box-8-mask-${timestamp}`,
+      path: `border-box-8-path-${id}`,
+      gradient: `border-box-8-gradient-${id}`,
+      mask: `border-box-8-mask-${id}`,
 
       defaultColor: ['#235fa7', '#4fd2dd'],
 

diff --git a/lib/components/borderBox9/src/main.css b/lib/components/borderBox9/src/main.css
@@ -3,7 +3,7 @@
   width: 100%;
   height: 100%;
 }
-.dv-border-box-9 svg {
+.dv-border-box-9 .dv-border-svg-container {
   position: absolute;
   width: 100%;
   height: 100%;