update: check vant

Author: shangbin

src/components-v2/VCC.vue

@@ -394,6 +394,7 @@ export default {
   z-index: 3;
   top: 0;
   background: white;
+  overflow: scroll;
 }
 
 #mountedEle {

src/libs/bundle-json2html-common.js

@@ -39,6 +39,7 @@ const defaultOptions = {
   attrValueProcessor: function (a) {
     return a;
   },
+  singleTags: [],
   attributeProtectArray: [] // 哪些属性的值为''但需要渲染出来，默认：如果value为''就不生成key=value，只生成key
 };
 
@@ -54,6 +55,7 @@ const props = [
   'supressEmptyNode',
   'tagValueProcessor',
   'attrValueProcessor',
+  'singleTags',
   'attributeProtectArray'
 ];
 
@@ -116,22 +118,22 @@ Parser.prototype.j2x = function (jObj, level) {
       val += this.indentate(level) + '<' + key + '/' + this.tagEndChar;
     } else if (jObj[key] instanceof Date) {
       val += this.buildTextNode(jObj[key], key, '', level);
-    } else if (key === '__children'){ // 生成子节点
+    } else if (key === '__children') { // 生成子节点
       const item = jObj[key];
 
-      if(item instanceof Array){
-        item.forEach(i =>{
+      if (item instanceof Array) {
+        item.forEach(i => {
           const result = this.j2x(i, level + 1);
           val += result.val;
         });
-      } else 
-      if (typeof item === 'object') {
-        console.info(`不应该出现的意外`);
-      } else {
-        val += this.buildTextNode(item, key, '', level);
-      }
-    } 
-    
+      } else
+        if (typeof item === 'object') {
+          console.info(`不应该出现的意外`);
+        } else {
+          val += this.buildTextNode(item, key, '', level);
+        }
+    }
+
     else if (typeof jObj[key] !== 'object') {
       //premitive type
       const attr = this.isAttribute(key);
@@ -144,7 +146,7 @@ Parser.prototype.j2x = function (jObj, level) {
       if (attr) {
         if (typeof jObj[key] === "boolean" && jObj[key]) {
           attrStr += ` ${key} `;
-        } else if(jObj[key] || this.options.attributeProtectArray.includes(key)){
+        } else if (jObj[key] || this.options.attributeProtectArray.includes(key)) {
           attrStr += ' ' + key + '="' + this.options.attrValueProcessor('' + jObj[key]) + '"';
         } else {
           attrStr += ' ' + key;
@@ -167,8 +169,8 @@ Parser.prototype.j2x = function (jObj, level) {
         }
       }
     }
-    
-    
+
+
     else if (Array.isArray(jObj[key])) {
       //repeated nodes
       if (this.isCDATA(key)) {
@@ -234,7 +236,7 @@ function replaceCDATAarr(str, cdata) {
 function buildObjectNode(val, key, attrStr, level) {
   if (attrStr && !val.includes('<')) {
 
-    if (key === "img" || key === "input") {
+    if (key === "img" || key === "a-icon" || key === "input" || (this.options.singleTags && this.options.singleTags.includes(key))) {
       return (this.indentate(level) + '<' + key + attrStr + '/>');
     }