fix Infinity display in inspector

yyx990803 · yyx990803 · commit de61e0611fcb · 2016-11-08T13:50:20.000-05:00
diff --git a/src/devtools/components/DataField.vue b/src/devtools/components/DataField.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script>
-import { UNDEFINED, isPlainObject } from '../../util'
+import { UNDEFINED, INFINITY, isPlainObject } from '../../util'
 
 const rawTypeRE = /^\[object (\w+)\]$/
 
@@ -59,13 +59,13 @@ export default {
       const type = typeof value
       if (value == null || value === UNDEFINED) {
         return 'null'
+      } else if (type === 'boolean' || type === 'number' || value === INFINITY) {
+        return 'literal'
       } else if (
         value instanceof RegExp ||
         (type === 'string' && !rawTypeRE.test(value))
       ) {
         return 'string'
-      } else if (type === 'boolean' || type === 'number') {
-        return 'literal'
       }
     },
     isExpandableType () {
@@ -78,6 +78,8 @@ export default {
         return 'null'
       } else if (value === UNDEFINED) {
         return 'undefined'
+      } else if (value === INFINITY) {
+        return 'Infinity'
       } else if (Array.isArray(value)) {
         return 'Array[' + value.length + ']'
       } else if (isPlainObject(value)) {
diff --git a/src/util.js b/src/util.js
@@ -36,6 +36,7 @@ export function inDoc (node) {
  */
 
 export const UNDEFINED = '__vue_devtool_undefined__'
+export const INFINITY = '__vue_devtool_infinity__'
 
 export function stringify (data) {
   return CircularJSON.stringify(data, replacer)
@@ -44,13 +45,15 @@ export function stringify (data) {
 function replacer (key, val) {
   if (val === undefined) {
     return UNDEFINED
+  } else if (val === Infinity) {
+    return INFINITY
   } else {
     return sanitize(val)
   }
 }
 
-export function parse (data) {
-  return CircularJSON.parse(data)
+export function parse (data, revivier) {
+  return CircularJSON.parse(data, revivier)
 }
 
 /**
