fix: Missing comma #149

Author: leezng

build/webpack.base.conf.js

@@ -50,6 +50,11 @@ module.exports = {
       {
         test: /\.vue$/,
         loader: 'vue-loader',
+        options: {
+          compilerOptions: {
+            preserveWhitespace: false,
+          },
+        },
       },
       {
         test: /\.js[x]$/,

src/components/Brackets/index.vue

@@ -1,7 +1,5 @@
 <template>
-  <span class="vjs-tree__brackets" @click.stop="toggleBrackets">
-    {{ data }}
-  </span>
+  <span class="vjs-tree__brackets" @click.stop="toggleBrackets">{{ data }}</span>
 </template>
 
 <script>

src/components/TreeNode/index.vue

@@ -33,9 +33,15 @@
         @click="onBracketsClick"
       />
 
-      <span v-else-if="customValueFormatter" :class="valueClass" v-html="valueFormatter(node.content)"></span>
+      <span
+        v-else-if="customValueFormatter"
+        :class="valueClass"
+        v-html="valueFormatter(node.content)"
+      ></span>
       <span v-else :class="valueClass" v-text="valueFormatter(node.content)" />
 
+      <span v-if="node.showComma">,</span>
+
       <span v-if="showLength && collapsed" class="vjs-comment"> // {{ node.length }} items </span>
     </span>
   </div>
@@ -141,11 +147,11 @@ export default {
             data,
             this.node.key,
             this.node.path,
-            this.defaultFormatter(data),
+            this.defaultFormatter(data)
           )
         : this.defaultFormatter(data);
 
-      return this.node.showComma ? `${basic},` : basic;
+      return basic;
     },
 
     onBracketsClick() {