DigitalFlop 添加 rowGap 配置

DataV-Team · Jun 14, 2020 · a6f3aaa · a6f3aaa
1 parent 875065e
commit a6f3aaa
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ### Perfect
 
 - **BorderBox:** 添加 backgroundColor prop.
+- **DigitalFlop:** 添加 rowGap 配置.
 - **CapsuleChart:** 添加 showVal 配置.
 - **ActiveRightChart:** 添加 showOriginalValue 配置.
 

diff --git a/src/components/capsuleChart/style.less b/src/components/capsuleChart/style.less
@@ -35,6 +35,7 @@
     border-radius: 5px;
 
     div {
+      position: relative;
       height: 8px;
       margin-top: 1px;
       border-radius: 5px;

diff --git a/src/components/digitalFlop/index.js b/src/components/digitalFlop/index.js
@@ -42,6 +42,12 @@ const defaultConfig = {
    * @example textAlign = 'center' | 'left' | 'right'
    */
   textAlign: 'center',
+  /**
+   * @description rowGap
+   * @type {Number}
+   *@default rowGap = 0
+   */
+  rowGap: 0,
   /**
    * @description Text style configuration
    * @type {Object} {CRender Class Style}
@@ -81,15 +87,15 @@ const DigitalFlop = ({ config = {}, className, style }) => {
     })
   }
 
-  function getShape({ number, content, toFixed, textAlign }) {
+  function getShape({ number, content, toFixed, textAlign, rowGap }) {
     const [w, h] = rendererRef.current.area
 
     const position = [w / 2, h / 2]
 
     if (textAlign === 'left') position[0] = 0
     if (textAlign === 'right') position[0] = w
 
-    return { number, content, toFixed, position }
+    return { number, content, toFixed, position, rowGap }
   }
 
   function getStyle({ style, textAlign }) {