main.js

(function () {
  const DEBUG = false // true
  const IS_NODE = typeof window == 'undefined'
  const IS_BROWSER = typeof window == 'object'

  if (IS_NODE) {  // 解决在 Node 环境下缺少相关变量/常量/函数导致报错
    try {
      eval(`
        var alert = function(msg) {console.log('alert: ' + msg)};
        // var console = {log: function(msg) {}};

        var vUrl = {value: 'http://localhost:8080/get'};
        var vUrlComment = {value: ''};
        var vTransfer = {value: '', disabled: false};
        var vType = {value: 'JSON'};
        var vSend = {value: '', disabled: false};

        var vInput = {value: ''};
        var vWarning = {value: ''};
        var vComment = {value: ''};
        var vHeader = {value: ''};
        var vRandom = {value: ''};
        var vScript = {value: ''};
        var vOutput = {value: ''};

        var vAccount = {value: ''};
        var vPassword = {value: ''};
        var vVerify = {value: ''};
        var vRemember = {checked: true}

        var vRequestMarkdown = {value: ''};
        var vMarkdown = {value: ''};
        var vPage = {value: '0'};
        var vCount = {value: '100'};
        var vSearch = {value: ''};
        var vTestCasePage = {value: '0'};
        var vTestCaseCount = {value: '100'};
        var vTestCaseSearch = {value: ''};
        var vRandomPage = {value: '0'};
        var vRandomCount = {value: '100'};
        var vRandomSearch = {value: ''};
        var vRandomSubPage = {value: '0'};
        var vRandomSubCount = {value: '100'};
        var vRandomSubSearch = {value: ''};

        var Vue = require('./vue.min'); // 某些版本不兼容 require('vue');
        var StringUtil = require('../apijson/StringUtil');
        var CodeUtil = require('../apijson/CodeUtil');
        var JSONObject = require('../apijson/JSONObject');
        var JSONResponse = require('../apijson/JSONResponse');
        var JSONRequest = require('../apijson/JSONRequest');
        var localforage = require('./localforage.min');
        var clipboard = require('./clipboard.min');
        var jsonlint = require('./jsonlint');
        var JSON5 = require('json5');
        // var window = {};
        // var $ = require('./jquery').jQuery;
        // var $ = {
        //   isEmptyObject: function (obj) {
        //     return obj == null || Object.keys(obj).length <= 0;
        //   }
        // };

        // var LocalStorage = require('node-localstorage').LocalStorage;
        // var localStorage = new LocalStorage('./scratch');
        var localStorage = {
          getItem: function (key) {},
          setItem: function (key, value) {}
        }
        // var difflib = require('./difflib');
        // var diffview = require('./diffview');
        // var editor = require('./editor');
        // var FileSaver = require('./FileSaver');
        // var helper = require('./helper');
        // var jquery = require('./jquery');
        // var jsonlint = require('./jsonlint');
        // var parse = require('./parse');
        // var uuid = require('./uuid');

        var axios = require('axios');
        var editormd = null;
      `)
    } catch (e) {
      console.log(e)
    }
  }

  function log(msg) {
    if (DEBUG) {
      console.log(msg)
    }
  }

  Vue.component('vue-item', {
    props: ['jsondata', 'theme', 'thiz'],
    template: '#item-template'
  })

  Vue.component('vue-outer', {
    props: ['jsondata', 'isend', 'thiz', 'path', 'theme'],
    template: '#outer-template'
  })

  Vue.component('vue-expand', {
    props: [],
    template: '#expand-template'
  })

  Vue.component('vue-val', {
    props: ['field', 'val', 'isend', 'thiz', 'path', 'theme'],
    template: '#val-template'
  })

  Vue.use({
    install: function (Vue, options) {

      // 判断数据类型
      Vue.prototype.getTyp = function (val) {
        return toString.call(val).split(']')[0].split(' ')[1]
      }

      // 判断是否是对象或者数组，以对下级进行渲染
      Vue.prototype.isObjectArr = function (val) {
        return ['Object', 'Array'].indexOf(this.getTyp(val)) > -1
      }

      // 折叠
      Vue.prototype.fold = function ($event) {
        var target = Vue.prototype.expandTarget($event)
        target.siblings('svg').show()
        target.hide().parent().siblings('.expand-view').hide()
        target.parent().siblings('.fold-view').show()
      }
      // 展开
      Vue.prototype.expand = function ($event) {
        var target = Vue.prototype.expandTarget($event)
        target.siblings('svg').show()
        target.hide().parent().siblings('.expand-view').show()
        target.parent().siblings('.fold-view').hide()
      }

      //获取展开折叠的target
      Vue.prototype.expandTarget = function ($event) {
        switch($event.target.tagName.toLowerCase()) {
          case 'use':
            return $($event.target).parent()
          case 'label':
            return $($event.target).closest('.fold-view').siblings('.expand-wraper').find('.icon-square-plus').first()
          default:
            return $($event.target)
        }
      }

      // 格式化值
      Vue.prototype.formatVal = function (val) {
        switch(Vue.prototype.getTyp(val)) {
          case 'String':
            return '"' + val + '"'
          case 'Null':
            return 'null'
          default:
            return val
        }
      }

      // 判断值是否是链接
      Vue.prototype.isaLink = function (val) {
        return /^((https|http|ftp|rtsp|mms)?:\/\/)[^\s]+/.test(val)
      }

      // 计算对象的长度
      Vue.prototype.objLength = function (obj) {
        return Object.keys(obj).length
      }

      /**渲染 JSON key:value 项
       * @author TommyLemon
       * @param val
       * @param key
       * @return {boolean}
       */
      Vue.prototype.onRenderJSONItem = function (val, key, path) {
        if (isSingle || key == null) {
          return true
        }
        if (key == '_$_this_$_') {
          // return true
          return false
        }

        var method = App.getMethod();
        var isRestful = ! JSONObject.isAPIJSONPath(method);

        try {
          if (val instanceof Array) {
              // alert('onRenderJSONItem  key = ' + key + '; val = ' + JSON.stringify(val))

              var ckey = key == null ? null : key.substring(0, key.lastIndexOf('[]'));

              var aliaIndex = ckey == null ? -1 : ckey.indexOf(':');
              var objName = aliaIndex < 0 ? ckey : ckey.substring(0, aliaIndex);

              var firstIndex = objName == null ? -1 : objName.indexOf('-');
              var firstKey = firstIndex < 0 ? objName : objName.substring(0, firstIndex);

              for (var i = 0; i < val.length; i++) {
                var cPath = (StringUtil.isEmpty(path, false) ? '' : path + '/') + key;

                var vi = val[i]

                if (JSONResponse.isObject(vi) && JSONObject.isTableKey(firstKey || '', vi, isRestful)) {
                  // var newVal = parseJSON(JSON.stringify(val[i]))
                  if (vi == null) {
                    continue
                  }

                  var curPath = cPath + '/' + i;
                  var curTable = firstKey;
                  var thiz = {
                    _$_path_$_: curPath,
                    _$_table_$_: curTable
                  };

                  var newVal = {};
                  for (var k in vi) {
                    newVal[k] = vi[k]; //提升性能
                    if (App.isFullAssert) {
                        try {
                          var cri = App.currentRemoteItem || {};
                          var tr = cri.TestRecord || {};
                          var d = cri.Document || {};
                          var standard = App.isMLEnabled ? tr.standard : tr.response;
                          var standardObj = StringUtil.isEmpty(standard, true) ? null : parseJSON(standard);
                          var curAccount = App.getCurrentAccount() || {}
                          var accountIdStr = String(curAccount.isLoggedIn ? curAccount.id || '' : '')
                          var tests = App.tests[accountIdStr] || {};
                          var responseObj = (tests[d.id] || {})[0]

                          var pathUri = (StringUtil.isEmpty(curPath, false) ? '' : curPath + '/') + k;
                          var pathKeys = StringUtil.split(pathUri, '/');
                          var target = App.isMLEnabled ? JSONResponse.getStandardByPath(standardObj, pathKeys) : JSONResponse.getValByPath(standardObj, pathKeys);
                          var real = JSONResponse.getValByPath(responseObj, pathKeys);
                          var cmp = App.isMLEnabled ? JSONResponse.compareWithStandard(target, real, pathUri) : JSONResponse.compareWithBefore(target, real, pathUri);
//                          cmp.path = pathUri;
                          var cmpShowObj = JSONResponse.getCompareShowObj(cmp);
                          thiz[k] = [cmpShowObj.compareType, cmpShowObj.compareColor, cmpShowObj.compareMessage];
                          var countKey = '_$_' + cmpShowObj.compareColor + 'Count_$_';
                          thiz[countKey] = thiz[countKey] == null ? 1 : thiz[countKey] + 1;
                        } catch (e) {
                          thiz[k] = [JSONResponse.COMPARE_ERROR, 'red', e.message];
                          var countKey = '_$_redCount_$_';
                          thiz[countKey] = thiz[countKey] == null ? 1 : thiz[countKey] + 1;
                        }
                    }

                    delete vi[k]
                  }

                  vi._$_this_$_ = JSON.stringify(thiz)
                  for (var k in newVal) {
                    vi[k] = newVal[k]
                  }
                }
                else {
                  this.onRenderJSONItem(vi, '' + i, cPath);
                }

                // this.$children[i]._$_this_$_ = key
                // alert('this.$children[i]._$_this_$_ = ' + this.$children[i]._$_this_$_)
              }
          }
          else if (val instanceof Object) {
            var aliaIndex = key == null ? -1 : key.indexOf(':');
            var objName = aliaIndex < 0 ? key : key.substring(0, aliaIndex);

            // var newVal = parseJSON(JSON.stringify(val))

            var curPath = (StringUtil.isEmpty(path, false) ? '' : path + '/') + key;
            var curTable = JSONObject.isTableKey(objName, val, isRestful) ? objName : null;
            var thiz = {
              _$_path_$_: curPath,
              _$_table_$_: curTable
            };

            var newVal = {};
            for (var k in val) {
              newVal[k] = val[k]; //提升性能
              if (App.isFullAssert) {
                  try {
                    var cri = App.currentRemoteItem || {};
                    var tr = cri.TestRecord || {};
                    var d = cri.Document || {};
                    var standard = App.isMLEnabled ? tr.standard : tr.response;
                    var standardObj = StringUtil.isEmpty(standard, true) ? null : parseJSON(standard);
                    var curAccount = App.getCurrentAccount() || {}
                    var accountIdStr = String(curAccount.isLoggedIn ? curAccount.id || '' : '')
                    var tests = App.tests[accountIdStr] || {};
                    var responseObj = (tests[d.id] || {})[0]

                    var pathUri = (StringUtil.isEmpty(curPath, false) ? '' : curPath + '/') + k;
                    var pathKeys = StringUtil.split(pathUri, '/');
                    var target = App.isMLEnabled ? JSONResponse.getStandardByPath(standardObj, pathKeys) : JSONResponse.getValByPath(standardObj, pathKeys);
                    var real = JSONResponse.getValByPath(responseObj, pathKeys);
            //              c = JSONResponse.compareWithBefore(target, real, path);
                    var cmp = App.isMLEnabled ? JSONResponse.compareWithStandard(target, real, pathUri) : JSONResponse.compareWithBefore(target, real, pathUri);
//                    cmp.path = pathUri;
                    var cmpShowObj = JSONResponse.getCompareShowObj(cmp);
                    thiz[k] = [cmpShowObj.compareType, cmpShowObj.compareColor, cmpShowObj.compareMessage];
                    var countKey = '_$_' + cmpShowObj.compareColor + 'Count_$_';
                    thiz[countKey] = thiz[countKey] == null ? 1 : thiz[countKey] + 1;
                  } catch (e) {
                    thiz[k] = [JSONResponse.COMPARE_ERROR, 'red', e.message];
                    var countKey = '_$_redCount_$_';
                    thiz[countKey] = thiz[countKey] == null ? 1 : thiz[countKey] + 1;
                  }
              }

              delete val[k];
            }

            val._$_this_$_ = JSON.stringify(thiz)
            for (var k in newVal) {
              val[k] = newVal[k];
            }

            // val = Object.assign({ _$_this_$_: objName }, val) //解决多显示一个逗号 ,

            // this._$_this_$_ = key  TODO  不影响 JSON 的方式，直接在组件读写属性
            // alert('this._$_this_$_ = ' + this._$_this_$_)
          }

        } catch (e) {
          if (DEBUG) {
            alert('onRenderJSONItem  try { ... } catch (e) {\n' + e.message)
          } else {
            console.log(e)
          }
        }

        return true

      }


      /**显示 Response JSON 的注释
       * @author TommyLemon
       * @param val
       * @param key
       * @param $event
       */
      Vue.prototype.setResponseHint = function (val, key, $event, isAssert, color, isDynamic) {
        console.log('setResponseHint')
        if (! isDynamic) {
          CodeUtil.tableList = (docObj || {})['[]'] || CodeUtil.tableList;
        }
        this.$refs.responseKey.setAttribute('data-hint', isSingle ? '' : this.getResponseHint(val, key, $event, isAssert, color, isDynamic));
      }
      /**获取 Response JSON 的注释
       * 方案一：
       * 拿到父组件的 key，逐层向下传递
       * 问题：拿不到爷爷组件 "Comment[]": [ { "id": 1, "content": "content1" }, { "id": 2 }... ]
       *
       * 方案二：
       * 改写 jsonon 的 refKey 为 key0/key1/.../refKey
       * 问题：遍历，改 key；容易和特殊情况下返回的同样格式的字段冲突
       *
       * 方案三：
       * 改写 jsonon 的结构，val 里加 .path 或 $.path 之类的隐藏字段
       * 问题：遍历，改 key；容易和特殊情况下返回的同样格式的字段冲突
       *
       * @author TommyLemon
       * @param val
       * @param key
       * @param $event
       */
      Vue.prototype.getResponseHint = function (val, key, $event, isAssert, color, isDynamic) {
        // alert('setResponseHint  key = ' + key + '; val = ' + JSON.stringify(val))
        var vue = this;

        var s = ''

        try {
          var standardObj = null;
          try {
            var currentItem = App.isTestCaseShow ? App.remotes[App.currentDocIndex] : App.currentRemoteItem;
            standardObj = parseJSON(((currentItem || {}).TestRecord || {}).standard);
          } catch (e3) {
            log(e3)
          }

          var path = null
          var schema = App.schema
          var table = null
          var column = null
          var isWarning = null
          var isAPIJSONRouter = null;
          var search = App.search;

          var method = App.isTestCaseShow ? ((App.currentRemoteItem || {}).Document || {}).url : App.getMethod();
          var isRestful = ! JSONObject.isAPIJSONPath(method);
          var tableList = CodeUtil.tableList || (docObj || {})['[]']

          var loaded = false;
          var possibleColumns = [];
          var possibleTables = [];
          function loadColumnIfNeed(c, isWarning, column, table, schema, pathKeys) {
            if (isRestful && StringUtil.isEmpty(c, true) && ! (loaded || isDynamic || isWarning)) { // || val instanceof Object)) {
              loaded = true;
              if (possibleColumns == null || possibleColumns.length <= 0) {
                possibleColumns = [column, key]
              }
              if (possibleTables == null || possibleTables.length <= 0) {
                possibleTables = CodeUtil.extractTableNames(pathKeys == null || pathKeys.length <= 1 ? null : pathKeys.slice(0, -1)) || [table];
              }

              App.lastTarget = $event.target
              setTimeout(function () {
                if ($event.target != App.lastTarget) {
                  vue.setResponseHint(val, key, $event, isAssert, color, true)
                  return
                }

                App.loadColumnDoc(possibleColumns, possibleTables, schema, App.database, function (d, url, res, err) {
                  var data = res == null ? null : res.data;
                  var list = data == null ? null : data['[]']
                  if ((list != null && list.length > 0) || $event.target != App.lastTarget || possibleTables == null || possibleTables.length <= 0) {
                    vue.setResponseHint(val, key, $event, isAssert, color, true)
                    return
                  }

                  App.loadColumnDoc(possibleColumns, null, schema, App.database, function (d, url, res, err) {
                    vue.setResponseHint(val, key, $event, isAssert, color, true)
                  })
                })
              }, 1000)

              return '...'
            }

            return c
          }

          var parent = ($event.target || {}).parentElement || {}
          parent = parent.parentElement || parent || {}
          var valString = parent.textContent || ''
          // alert('valString = ' + valString)
          var i = valString.indexOf('"_$_this_$_":')
          if (i >= 0) {
            valString = valString.substring(i + '"_$_this_$_":'.length)
            i = valString.indexOf('}"')
            var i2 = valString.indexOf('"{')
            if (i >= 0 && i2 >= 0 && i2 < i) {
              valString = valString.substring(i2 + 1, i + 1)
              // alert('valString = ' + valString)
              var _$_this_$_ = parseJSON(valString)
              path = _$_this_$_ == null ? null : _$_this_$_._$_path_$_
              table = _$_this_$_ == null ? null : _$_this_$_._$_table_$_
            }

            if (val instanceof Object && (val instanceof Array == false)) {
              var aliaIndex = key == null ? -1 : key.indexOf(':');
              var objName = aliaIndex < 0 ? key : key.substring(0, aliaIndex);

              if (JSONObject.isTableKey(objName, val, isRestful)) {
                table = objName
                schema = val['@schema'] || schema
              } else if (JSONObject.isTableKey(table, val, isRestful)) {
                column = key
                schema = val['@schema'] || schema
              }

              // alert('path = ' + path + '; table = ' + table + '; column = ' + column)
            }
            else if (val instanceof Array && JSONObject.isArrayKey(key, val, isRestful)) {
              var key2 = key == null ? null : key.substring(0, key.lastIndexOf('[]'));

              var aliaIndex = key2 == null ? -1 : key2.indexOf(':');
              var objName = aliaIndex < 0 ? key2 : key2.substring(0, aliaIndex);

              var firstIndex = objName == null ? -1 : objName.indexOf('-');
              var firstKey = firstIndex < 0 ? objName : objName.substring(0, firstIndex);

              // alert('key = ' + key + '; firstKey = ' + firstKey + '; firstIndex = ' + firstIndex)
              if (JSONObject.isTableKey(firstKey || '', null, isRestful)) {
                table = firstKey
                var tblObj = val[0]
                schema = (tblObj instanceof Object && ! Array.isArray(tblObj) ? tblObj['@schema'] : null) || schema

                var s0 = '';
                if (firstIndex > 0) {
                  objName = objName.substring(firstIndex + 1);
                  firstIndex = objName.indexOf('-');
                  column = firstIndex < 0 ? objName : objName.substring(0, firstIndex)

                  var pathUri = (StringUtil.isEmpty(path) ? '' : path + '/') + key;
                  var pathKeys = StringUtil.splitPath(pathUri)

                  var c = CodeUtil.getCommentFromDoc(tableList, schema, isDynamic ? null : table, column, method
                    , App.database, App.language, true, false, pathKeys, isRestful, val, true, standardObj, isWarning
                    , isAPIJSONRouter, search, null, isDynamic ? true : null, function (callbackColumns, callbackTables) {
                       possibleColumns = callbackColumns;
                       possibleTables = callbackTables;
                    }, isDynamic
                  ); // this.getResponseHint({}, table, $event
                  c = loadColumnIfNeed(c, isWarning, column, table, schema, pathKeys)
                  s0 = column + (StringUtil.isEmpty(c, true) ? '' : ': ' + c)
                }

                var pathUri = (StringUtil.isEmpty(path) ? '' : path + '/') + (StringUtil.isEmpty(column) ? key : column);
                var pathKeys = StringUtil.splitPath(pathUri)
                var c;
                if (isAssert) {
                  try {
                    var tr = App.currentRemoteItem.TestRecord || {};
                    var d = App.currentRemoteItem.Document || {};
                    var standard = App.isMLEnabled ? tr.standard : tr.response;
                    var standardObj = StringUtil.isEmpty(standard, true) ? null : parseJSON(standard);
                    var curAccount = App.getCurrentAccount() || {}
                    var accountIdStr = String(curAccount.isLoggedIn ? curAccount.id || '' : '')
                    var tests = App.tests[accountIdStr] || {};
                    var responseObj = (tests[d.id] || {})[0]

                    var target = App.isMLEnabled ? JSONResponse.getStandardByPath(standardObj, pathKeys) : JSONResponse.getValByPath(standardObj, pathKeys);
                    var real = JSONResponse.getValByPath(responseObj, pathKeys);
                    //              c = JSONResponse.compareWithBefore(target, real, path);
                    var cmp = App.isMLEnabled ? JSONResponse.compareWithStandard(target, real, path) : JSONResponse.compareWithBefore(target, real, path);
//                      cmp.path = pathUri;
                    return JSONResponse.getCompareShowObj(cmp);
                  } catch (e) {
                    s += '\n' + e.message
                  }
                } else {
                  c = CodeUtil.getCommentFromDoc(tableList, schema, isDynamic ? null : table, isRestful ? key : null, method
                      , App.database, App.language, true, false, pathKeys, isRestful, val, true, standardObj, isWarning, isAPIJSONRouter, search
                      , null, isDynamic ? true : null, function (callbackColumns, callbackTables) {
                        possibleColumns = callbackColumns;
                        possibleTables = callbackTables;
                      }, isDynamic
                  );
                  c = loadColumnIfNeed(c, isWarning, column, table, schema, pathKeys)
                }

                s = (StringUtil.isEmpty(path) ? '' : path + '/') + key + ' 中 '
                    + (
                        StringUtil.isEmpty(c, true) ? '' : table + ': '
                            + c + ((StringUtil.isEmpty(s0, true) ? '' : '  -  ' + s0))
                    );

                return s;
              }
              //导致 key[] 的 hint 显示为  key[]key[]   else {
              //   s = (StringUtil.isEmpty(path) ? '' : path + '/') + key
              // }
            }
            else {
              if (isRestful || JSONObject.isTableKey(table)) {
                column = key
              }
              // alert('path = ' + path + '; table = ' + table + '; column = ' + column)
            }
          }

          // alert('setResponseHint  table = ' + table + '; column = ' + column)

          var pathUri = (StringUtil.isEmpty(path) ? '' : path + '/') + key;
          var pathKeys = StringUtil.splitPath(pathUri);

          var c;
          if (isAssert) {
            try {
              var tr = App.currentRemoteItem.TestRecord || {};
              var d = App.currentRemoteItem.Document || {};
              var standard = App.isMLEnabled ? tr.standard : tr.response;
              var standardObj = StringUtil.isEmpty(standard, true) ? null : parseJSON(standard);
              var curAccount = App.getCurrentAccount() || {}
              var accountIdStr = String(curAccount.isLoggedIn ? curAccount.id || '' : '')
              var tests = App.tests[accountIdStr] || {};
              var responseObj = (tests[d.id] || {})[0]

              var target = App.isMLEnabled ? JSONResponse.getStandardByPath(standardObj, pathKeys) : JSONResponse.getValByPath(standardObj, pathKeys);
              var real = JSONResponse.getValByPath(responseObj, pathKeys);
//              c = JSONResponse.compareWithBefore(target, real, path);
              var cmp = App.isMLEnabled ? JSONResponse.compareWithStandard(target, real, path) : JSONResponse.compareWithBefore(target, real, path);
//              cmp.path = pathUri;
              return JSONResponse.getCompareShowObj(cmp);
            } catch (e) {
              s += '\n' + e.message
            }
          } else {
            c = CodeUtil.getCommentFromDoc(tableList, schema, isDynamic ? null : table, isRestful ? key : column, method
                , App.database, App.language, true, false, pathKeys, isRestful, val, true, standardObj, isWarning, isAPIJSONRouter, search
                , null, isDynamic ? true : null, function (callbackColumns, callbackTables) {
                  possibleColumns = callbackColumns;
                  possibleTables = callbackTables;
                }, isDynamic
            );
            c = loadColumnIfNeed(c, isWarning, column, table, schema, pathKeys)
          }

          s += pathUri + (StringUtil.isEmpty(c, true) ? '' : ': ' + c)
        }
        catch (e) {
          s += '\n' + e.message
        }

        return s;
      },

      /**显示 Response JSON 的注释
       * @author TommyLemon
       * @param val
       * @param key
       * @param $event
       */
      Vue.prototype.setResponseCounts = function (val, key, $event, isAssert) {
        console.log('setResponseCounts')
        this.$refs.responseGreenAssert.setAttribute('data-content', isSingle ? '' : this.getResponseGreenCount(val, key, $event));
        this.$refs.responseBlueAssert.setAttribute('data-content', isSingle ? '' : this.getResponseBlueCount(val, key, $event));
        this.$refs.responseOrangeAssert.setAttribute('data-content', isSingle ? '' : this.getResponseOrangeCount(val, key, $event));
        this.$refs.responseRedAssert.setAttribute('data-content', isSingle ? '' : this.getResponseRedCount(val, key, $event));
      },
      /**获取 Response 断言失败 的数量
       * @author TommyLemon
       * @param val
       * @param key
       * @param $event
       */
      Vue.prototype.setResponseAllCount = function (val, key, $event) {
        return this.setResponseHint(val, key, $event, true, 'all')
      },
      /**获取 Response 断言失败 的数量
       * @author TommyLemon
       * @param val
       * @param key
       * @param $event
       */
      Vue.prototype.getResponseAllCount = function (val, key, $event) {
        return this.getResponseGreenCount(val, key, $event) + this.getResponseBlueCount(val, key, $event) + this.getResponseOrangeCount(val, key, $event) + this.getResponseRedCount(val, key, $event);
      },
      Vue.prototype.setResponseColorCount = function (val, key, $event) {
        console.log('setResponseColorCount')
        var assert = isSingle ? null : this.getResponseHint(val, key, $event, true, 'all')
        var responseAssert = $event.target; // this.$refs.responseAssert
//        responseAssert.innerText = (StringUtil.trim(assert.count) || '1');
//        $(responseAssert).attr('data-hint', assert == null ? '' : StringUtil.trim(assert.hintMessage));
//        responseAssert.setAttribute('data-content', assert == null ? '' : (StringUtil.trim(assert.count) || '1'));
        responseAssert.setAttribute('data-hint', assert == null ? '' : StringUtil.trim(assert.compareMessage));
//        $(responseAssert).attr('background', assert == null ? '' : assert.compareColor);
//        $(responseAssert).attr('visibility', assert == null || assert.code == 0 ? 'hidden' : 'show');
      },
      Vue.prototype.setResponseCount = function (val, key, $event, color) {
        console.log('setResponseCount')
//        var count = isSingle ? 0 : this.getResponseCount(val, key, $event, color)
        var assert = isSingle ? null : this.getResponseHint(val, key, $event, true, 'all')
        var responseAssert = $event.target; // this.$refs['response' + StringUtil.firstCase(color, true) + 'Assert']
//        responseAssert.innerText = (StringUtil.trim(assert.count) || '1');
        $(responseAssert).attr('data-hint', assert == null ? '' : StringUtil.trim(assert.compareMessage));
//        responseAssert.setAttribute('data-content', assert == null ? '' : (StringUtil.trim(assert.count) || '1'));
//        responseAssert.setAttribute('data-hint', assert == null ? '' : StringUtil.trim(assert.hintMessage));
//        $(responseAssert).attr('background', assert == null ? '' : assert.compareColor);
//        $(responseAssert).attr('visibility', assert == null || assert.code == 0 ? 'hidden' : 'show');
      },
      Vue.prototype.getResponseCount = function (val, key, $event, color) {
        return this.getResponseHint(val, key, $event, true, color)
      },
      Vue.prototype.setResponseGreenCount = function (val, key, $event, isAssert) {
        this.setResponseCount(val, key, $event, 'green')
      },
      Vue.prototype.getResponseGreenCount = function (val, key, $event) {
        return this.getResponseHint(val, key, $event, true, 'green')
      },
      Vue.prototype.setResponseBlueCount = function (val, key, $event, isAssert) {
        this.setResponseCount(val, key, $event, 'blue')
      },
      Vue.prototype.getResponseBlueCount = function (val, key, $event) {
        return this.getResponseHint(val, key, $event, true, 'blue')
      },
      Vue.prototype.setResponseOrangeCount = function (val, key, $event, isAssert) {
        this.setResponseCount(val, key, $event, 'orange')
      },
      Vue.prototype.getResponseOrangeCount = function (val, key, $event) {
        return this.getResponseHint(val, key, $event, true, 'orange')
      },
      Vue.prototype.setResponseRedCount = function (val, key, $event, isAssert) {
        this.setResponseCount(val, key, $event, 'red')
      },
      Vue.prototype.getResponseRedCount = function (val, key, $event) {
        return this.getResponseHint(val, key, $event, true, 'red')
      }
    }
  })


  var initJson = {}

// 主题 [key, String, Number, Boolean, Null, link-link, link-hover]
  var themes = [
    ['#92278f', '#3ab54a', '#25aae2', '#f3934e', '#f34e5c', '#717171'],
    ['rgb(19, 158, 170)', '#cf9f19', '#ec4040', '#7cc500', 'rgb(211, 118, 126)', 'rgb(15, 189, 170)'],
    ['#886', '#25aae2', '#e60fc2', '#f43041', 'rgb(180, 83, 244)', 'rgb(148, 164, 13)'],
    ['rgb(97, 97, 102)', '#cf4c74', '#20a0d5', '#cd1bc4', '#c1b8b9', 'rgb(25, 8, 174)']
  ]




// APIJSON <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

  var ERR_MSG = `出现了一些问题，可以按照以下步骤解决：
1.检查网络连接是否畅通，可用浏览器打开右侧地址： https://www.baidu.com/s?wd=%22APIJSON%22
2.检查 URL 是否为一个可用的 域名/IPV4 地址，可用浏览器打开试试：正常返回结果 或 非 GET 请求返回 Whitelabel Error Page，一般都没问题
3.开启或关闭 右上方 设置>托管服务器代理，然后再试：如果开启后才通应该是 CORS 跨域问题；关闭后才通应该是用外网服务代理来访问内网导致，可退出登录后修改退关服务器地址为内网的 APIJSON 代理服务地址
4.Disable 关闭 VPN 等 电脑/手机/平板 上的网络代理软件 App 客户端，或者切换代理服务器地址，然后再试
5.按 Fn+F12 或 右键网页>Inspect 检查 查看 Network 接口调用信息和 Console 控制台日志
6.查看请求目标服务器上的日志，优先找异常报错内容
7.改用 Postman 等其它 HTTP API 接口工具测试同一个接口
8.再试一次

# 问题与解答大全(可截屏后 New issue 上报问题等待解答)：
https://github.com/TommyLemon/APIAuto/issues

如果是请求 APIJSON 后端服务，则使用以下链接：
https://github.com/Tencent/APIJSON/issues

There may be something wrong, you can follow by the steps:
1. Check whether the network connection is available, you can open the address with a browser: https://www.google.com/search?q=%22APIJSON%22
2. Check whether the URL is an available domain name/IPV4 address, try opening it with a browser: if return the result normally or return a Whitelabel Error Page for a non-GET request, generally the URL is available
3. Turn it on or off at the top right, Settings>Server Proxy, and try again: If it is enabled, it should be a CORS cross-domain problem; and if it is turned off, it should be caused by using an external network service proxy to access the internet, You can log out and modify the logout server address to the APIJSON proxy service address of the internet
4. Disable the network proxy software App client on the computer/phone/tablet such as VPN, or switch the proxy server address, and then try again
5. Press Fn+F12 or right-click the webpage>Inspect to view the Network interface call information and Console console log
6. Check the log on the request target server, and give priority to find the abnormal error content
7. Use other HTTP API tools such as Postman to test the same interface
8. Try again

# Questions and answers (you can report the problem after taking a screenshot and wait for the answer):
https://github.com/TommyLemon/APIAuto/issues

If you are requesting an APIJSON backend service, use the following link:
https://github.com/Tencent/APIJSON/issues



`;


  function getRequestFromURL(url_, tryParse) {
    var url = url_ || window.location.search;

    var index = url == null ? -1 : url.indexOf("?")
    if(index < 0) { //判断是否有参数
      return null;
    }

    var theRequest = null;
    var str = url.substring(index + 1);  //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
    var arr = str.split("&");  //截除“&”生成一个数组

    var len = arr == null ? 0 : arr.length;
    for(var i = 0; i < len; i++) {
      var part = arr[i];
      var ind = part == null ? -1 : part.indexOf("=");
      if (ind <= 0) {
        continue
      }

      if (theRequest == null) {
        theRequest = {};
      }

      var v = decodeURIComponent(part.substring(ind+1));
      if (tryParse == true) {
        try {
          v = parseJSON(v)
        }
        catch (e) {
          console.log(e)
        }
      }

      theRequest[part.substring(0, ind)] = v;
    }

    return theRequest;
  }


  function markdownToHTML(md, isRequest) {
    if (typeof editormd == 'undefined' || editormd == null) {
      return;
    }

    if (isRequest) {
      vRequestMarkdown.innerHTML = '';
    }
    else {
      vMarkdown.innerHTML = '';
    }
    editormd.markdownToHTML(isRequest ? 'vRequestMarkdown' : "vMarkdown", {
      markdown        : md ,//+ "\r\n" + $("#append-test").text(),
      //htmlDecode      : true,       // 开启 HTML 标签解析，为了安全性，默认不开启
      htmlDecode      : "style,script,iframe",  // you can filter tags decode
      //toc             : false,
      tocm            : true,    // Using [TOCM]
      //tocContainer    : "#custom-toc-container", // 自定义 ToC 容器层
      //gfm             : false,
      tocDropdown     : true,
      // markdownSourceCode : true, // 是否保留 Markdown 源码，即是否删除保存源码的 Textarea 标签
      taskList        : true,
      tex             : true,  // 默认不解析
      flowChart       : true,  // 默认不解析
      sequenceDiagram : true,  // 默认不解析
    });
  }



  var PLATFORM_POSTMAN = 'POSTMAN'
  var PLATFORM_SWAGGER = 'SWAGGER'
  var PLATFORM_YAPI = 'YAPI'
  var PLATFORM_RAP = 'RAP'

  var REQUEST_TYPE_PARAM = 'PARAM'  // GET ?a=1&b=c&key=value
  var REQUEST_TYPE_FORM = 'FORM'  // POST x-www-form-urlencoded
  var REQUEST_TYPE_DATA = 'DATA'  // POST form-data
  var REQUEST_TYPE_JSON = 'JSON'  // POST application/json
  var REQUEST_TYPE_GRPC = 'GRPC'  // POST application/json
  var REQUEST_TYPE_GET = 'GET'  // GET ?a=1&b=c&key=value
  var REQUEST_TYPE_POST = 'POST'  // POST application/json
  var REQUEST_TYPE_PUT = 'PUT'  // PUT
  var REQUEST_TYPE_PATCH = 'PATCH'  // PATCH
  var REQUEST_TYPE_DELETE = 'DELETE'  // DELETE
  var REQUEST_TYPE_HEAD = 'HEAD'  // HEAD
  var REQUEST_TYPE_OPTIONS = 'OPTIONS'  // OPTIONS
  var REQUEST_TYPE_TRACE = 'TRACE'  // TRACE
  var HTTP_METHODS = [REQUEST_TYPE_GET, REQUEST_TYPE_POST, REQUEST_TYPE_PUT, REQUEST_TYPE_PATCH, REQUEST_TYPE_DELETE, REQUEST_TYPE_HEAD, REQUEST_TYPE_OPTIONS, REQUEST_TYPE_TRACE]
  var HTTP_POST_TYPES = [REQUEST_TYPE_POST, REQUEST_TYPE_JSON, REQUEST_TYPE_FORM, REQUEST_TYPE_DATA, REQUEST_TYPE_GRPC]
  var HTTP_URL_ARG_TYPES = [REQUEST_TYPE_GET, REQUEST_TYPE_PARAM, REQUEST_TYPE_FORM]
  var HTTP_JSON_TYPES = [REQUEST_TYPE_POST, REQUEST_TYPE_JSON, REQUEST_TYPE_GRPC]
  var HTTP_FORM_DATA_TYPES = [REQUEST_TYPE_DATA, REQUEST_TYPE_PUT, REQUEST_TYPE_DELETE]
  var HTTP_CONTENT_TYPES = [REQUEST_TYPE_PARAM, REQUEST_TYPE_FORM, REQUEST_TYPE_DATA, REQUEST_TYPE_JSON, REQUEST_TYPE_GRPC]

  var CONTENT_TYPE_MAP = {
    // 'PARAM': 'text/plain',
    'FORM': 'application/x-www-form-urlencoded',
    'DATA': 'multipart/form-data',
    'JSON': 'application/json',
    'GRPC': 'application/json',
  }
  var CONTENT_VALUE_TYPE_MAP = {
    'text/plain': 'JSON',
    'application/x-www-form-urlencoded': 'FORM',
    'multipart/form-data': 'DATA',
    'application/json': 'JSON'
  }

  var IGNORE_HEADERS = ['status code', 'remote address', 'referrer policy', 'connection', 'content-length'
    , 'content-type', 'date', 'keep-alive', 'proxy-connection', 'set-cookie', 'vary', 'accept', 'cache-control', 'dnt'
    , 'host', 'origin', 'pragma', 'referer', 'user-agent']

  var PRE = 'PRE' // PRE()
  var CUR = 'CUR' // CUR()
  var NEXT = 'NEXT' // NEXT()

  var PRE_REQ = 'PRE_REQ' // PRE_REQ('[]/page')
  var PRE_ARG = 'PRE_ARG' // PRE_ARG('[]/page')
  var PRE_RES = 'PRE_RES' // PRE_RES('[]/0/User/id')
  var PRE_DATA = 'PRE_DATA' // PRE_DATA('[]/0/User/id')
  var CTX_GET = 'CTX_GET' // CTX_GET('key')
  var CUR_REQ = 'CUR_REQ' // CUR_REQ('User/id')
  var CUR_ARG = 'CUR_ARG' // CUR_REQ('User/id')
  var CUR_RES = 'CUR_RES' // CUR_RES('[]/0/User/id')
  var CUR_DATA = 'CUR_DATA' // CUR_DATA('[]/0/User/id')
  var CTX_PUT = 'CTX_PUT' // CTX_PUT('key', val)

  function get4Path(obj, path, defaultVal, msg) {
    var val = path == null || path == '' ? obj : JSONResponse.getValByPath(obj, StringUtil.split(path, '/'), true)
    if (val == null && defaultVal == undefined) {
      throw new Error('找不到 ' + path + ' 对应在 obj 中的非 null 值！' + StringUtil.get(msg))
    }
    return val
  }

  function put4Path(obj, key, val, msg) {
    if (obj == null) {
      throw new Error('obj = null ！不能 put ' + key + ' ！' + StringUtil.get(msg))
    }
    obj[key] = val
  }

  var RANDOM_DB = 'RANDOM_DB'
  var RANDOM_IN = 'RANDOM_IN'
  var RANDOM_INT = 'RANDOM_INT'
  var RANDOM_NUM = 'RANDOM_NUM'
  var RANDOM_STR = 'RANDOM_STR'
  var RANDOM_BAD = 'RANDOM_BAD'
  var RANDOM_BAD_BOOL = 'RANDOM_BAD_BOOL'
  var RANDOM_BAD_NUM = 'RANDOM_BAD_NUM'
  var RANDOM_BAD_STR = 'RANDOM_BAD_STR'
  var RANDOM_BAD_IN = 'RANDOM_BAD_IN'
  var RANDOM_BAD_ARR = 'RANDOM_BAD_ARR'
  var RANDOM_BAD_OBJ = 'RANDOM_BAD_OBJ'

  var ORDER_DB = 'ORDER_DB'
  var ORDER_IN = 'ORDER_IN'
  var ORDER_INT = 'ORDER_INT'
  var ORDER_BAD = 'ORDER_BAD'
  var ORDER_BAD_BOOL = 'ORDER_BAD_BOOL'
  var ORDER_BAD_NUM = 'ORDER_BAD_NUM'
  var ORDER_BAD_STR = 'ORDER_BAD_STR'
  var ORDER_BAD_IN = 'ORDER_BAD_IN'
  var ORDER_BAD_ARR = 'ORDER_BAD_ARR'
  var ORDER_BAD_OBJ = 'ORDER_BAD_OBJ'

  var ORDER_MAP = {}

  var BAD_BOOLS = [null, undefined, false, true, -1, 0, 1, 2, 3.14, 'null', 'undefined', 'None', 'nil', 'false', 'true',
   '-1', '0', '1', '2', '3.14', '', ' ', '\\t', '\\r', '\\n', '\\a', '\\b', '\\v', '\\f', 'a', 'dY', [], {}, '[]', '{}']
  var BAD_NUMS = BAD_BOOLS.concat([
   -2049, -1025, -13, 13, 1025, 2049, Number.NaN, Number.POSITIVE_INFINITY, Number.NEGATIVE_INFINITY, Number.MIN_SAFE_INTEGER,
   Number.MAX_SAFE_INTEGER, Number.MIN_SAFE_INTEGER - 1, Number.MAX_SAFE_INTEGER + 1,
   '-2049', '-1025', '-13', '13', '1025', '2049', 'Number.NaN', 'Number.POSITIVE_INFINITY', 'Number.NEGATIVE_INFINITY',
    'Number.MIN_SAFE_INTEGER', 'Number.MAX_SAFE_INTEGER', '' + Number.MIN_SAFE_INTEGER, '' + Number.MAX_SAFE_INTEGER
  ])
  var BAD_STRS = BAD_NUMS.concat([
     '`', '~', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '-', '_', '=', '+', '[', ']', '{', '}', ';', ':',
     "'", '\\"', ',', '.', '<', '>', '/', '?', '\\t\\r\\n\\a\\b\\v\\f', '`~!@#$%^&*()-_=+[]{};:\'\\",.<>/?',
     'qwertyuiopasdfghjklzxcvbnm', 'MNBVCZLKJHGFDSAPOIUYTREWQ', 'ä½ å¥½', 'ÄãºÃ', '浣犲ソ', '�����',
     '鐢辨湀瑕佸ソ濂藉涔犲ぉ澶╁悜涓?', '����Ҫ�¨²�ѧϰ������', '由月è¦�å¥½å¥½å­¦ä¹ å¤©å¤©å�‘上', 'ÓÉÔÂÒªºÃºÃѧϰÌìÌìÏòÉÏ',
     '由月要好好学习天天向??', '锟斤拷锟斤拷要锟矫猴拷学习锟斤拷锟斤拷锟斤拷'
  ])
  // FIXME 打开时直接卡死崩溃
  var sl = Math.min(10, Math.floor(BAD_STRS.length/5))
  for (var i = 0; i < sl; i ++) {
     var v = BAD_STRS[i]
     for (var j = 0; j < sl; j ++) {
         BAD_STRS.push(v + BAD_STRS[j])
     }
  }
  var sl2 = Math.min(5, Math.floor(sl/5))
  for (var i = 0; i < sl2; i ++) {
      var v = BAD_STRS[i]
      for (var j = 0; j < sl2; j ++) {
          var v2 = v + BAD_STRS[j]
          for (var k = 0; k < sl2; k ++) {
            BAD_STRS.push(v2 + BAD_STRS[k])
          }
      }
  }

  var BAD_ARRS = []
  for (var i = 0; i < BAD_STRS.length; i ++) {
    BAD_ARRS.push([BAD_STRS[i]])
  }
  // FIXME 打开时直接卡死崩溃
  var al = Math.min(10, Math.floor(BAD_STRS.length/5))
  for (var i = 0; i < al; i ++) {
      var v = BAD_STRS[i]
      for (var j = 0; j < al; j ++) {
        BAD_ARRS.push([v, BAD_STRS[j]])
      }
  }
  var al2 = Math.min(3, Math.floor(al/5))
  for (var i = 0; i < al2; i ++) {
      var v = BAD_STRS[i]
      for (var j = 0; j < al2; j ++) {
          var v2 = BAD_STRS[j]
          for (var k = 0; k < al2; k ++) {
            BAD_ARRS.push([v, v2, BAD_STRS[k]])
          }
      }
  }

  var BAD_OBJS = []
  var ol = Math.min(10, Math.floor(BAD_STRS.length/5))
  for (var i = 10; i < ol; i ++) { // 太多就导致 RANDOM_BAD 基本每次随机出来都是对象
    var k = BAD_STRS[i]
    var key = k == undefined ? 'undefined' : (typeof k == 'string' ? k : JSON.stringify(k))
    for (var j = 0; j < ol; j ++) {
        BAD_OBJS.push({[key]: BAD_STRS[j]})
    }
  }
  // FIXME 打开时直接卡死崩溃
  for (var i = 0; i < ol; i ++) {
    var k = BAD_STRS[i]
    var key = k == undefined ? 'undefined' : (typeof k == 'string' ? k : JSON.stringify(k))
    for (var j = 0; j < ol; j ++) {
      var val = BAD_STRS[j]

      for (var i2 = 0; i2 < ol; i2 ++) {
        var k2 = BAD_STRS[i2]
        var key2 = k2 == undefined ? 'undefined' : (typeof k2 == 'string' ? k2 : JSON.stringify(k))
        for (var j2 = 0; j2 < ol; j2 ++) {
            BAD_OBJS.push({[key]: val, [key2]: BAD_STRS[j2]})
        }
      }
    }
  }
//  var ol = Math.min(10, Math.floor(BAD_OBJS.length/5))
//  for (var i = 0; i < ol; i ++) {