fix(amount): fix amount display negative number (didi#645)

* fix(amount): fix amount display negative number

fix didi#644

* fix(amount): change variable name

fix didi#644

components/amount/demo/cases/demo1.vue

@@ -3,6 +3,12 @@
     <md-amount
       :value="1234"
       has-separator
+    ></md-amount>
+    <br>
+    <md-amount
+      :value="-123456.123"
+      :precision="3"
+      has-separator
     ></md-amount>
 	</div>
 </template>

components/amount/index.vue

@@ -24,10 +24,17 @@ export default {
       }
 
       const numberParts = value.split('.')
-      const integerValue = numberParts[0]
+      let integerValue = numberParts[0]
       const decimalValue = numberParts[1] || ''
+
+      let sign = ''
+      if (integerValue.startsWith('-')) {
+        integerValue = integerValue.substring(1)
+        sign = '-'
+      }
+
       const formateValue = formatValueByGapStep(3, integerValue, separator, 'right', 0, 1)
-      return decimalValue ? `${formateValue.value}.${decimalValue}` : `${formateValue.value}`
+      return decimalValue ? `${sign}${formateValue.value}.${decimalValue}` : `${sign}${formateValue.value}`
     },
     doCapital(value) {
       return numberCapital(value)

components/amount/test/__snapshots__/demo.spec.js.snap

@@ -10,6 +10,6 @@ exports[`Amount -Demo Basic 1`] = `
 
 exports[`Amount -Demo Disabled unselected 1`] = `<div class="md-example-child md-example-child-amount"><span class="md-amount"> 壹仟贰佰叁拾肆元整 </span> <span class="md-amount"> 壹拾贰元叁角肆分 </span> <span class="md-amount"> 壹仟贰佰元整 </span> <span class="md-amount"> 壹仟贰佰零壹元整 </span></div>`;
 
-exports[`Amount -Demo Thousands Separator 1`] = `<div class="md-example-child md-example-child-amount"><span class="md-amount numerical">1,234.00</span></div>`;
+exports[`Amount -Demo Thousands Separator 1`] = `<div class="md-example-child md-example-child-amount"><span class="md-amount numerical">1,234.00</span> <br> <span class="md-amount numerical">-123,456.123</span></div>`;
 
 exports[`Amount -Demo Transition 1`] = `<div class="md-example-child md-example-child-amount"><span class="md-amount numerical">0.00</span></div>`;

components/amount/test/cases/demo1.vue

@@ -3,6 +3,12 @@
     <md-amount
       :value="1234"
       has-separator
+    ></md-amount>
+    <br>
+    <md-amount
+      :value="-123456.123"
+      :precision="3"
+      has-separator
     ></md-amount>
 	</div>
 </template>