fix: 优化JSON编辑器

g0ngjie · May 26, 2022 · c136fc0 · c136fc0
1 parent a737283
commit c136fc0
Show file tree

Hide file tree

Showing 10 changed files with 22 additions and 9 deletions.
diff --git a/extensions/README.md b/extensions/README.md
@@ -40,6 +40,10 @@
 
 ### 更新说明
 
+- v1.9.8
+  - JSON 编辑器优化
+- v1.9.7
+  - 多语言优化
 - v1.9.6
   - 重定向功能更正一些文案
   - 优化备份功能

diff --git a/extensions/manifest.json b/extensions/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Ajax Proxy",
-  "version": "1.9.7",
+  "version": "1.9.8",
   "description": "轻量级Ajax代理 数据劫持并修改响应 & 重定向 URL",
   "author": "Gj",
   "icons": {

diff --git a/extensions/page/css/app.2eda0d84.css b/extensions/page/css/app.2eda0d84.css
diff --git a/extensions/page/css/app.49c7457b.css b/extensions/page/css/app.49c7457b.css
diff --git a/extensions/page/index.html b/extensions/page/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>AjaxProxy</title><link href="css/app.2eda0d84.css" rel="preload" as="style"><link href="css/npm.element-ui.6e17a385.css" rel="preload" as="style"><link href="css/npm.vue-json-editor.a866370d.css" rel="preload" as="style"><link href="js/app.7b9318e1.js" rel="preload" as="script"><link href="js/npm.alrale.ad911f87.js" rel="preload" as="script"><link href="js/npm.asn1.js.12d0af41.js" rel="preload" as="script"><link href="js/npm.async-validator.7418a59e.js" rel="preload" as="script"><link href="js/npm.babel-runtime.87554630.js" rel="preload" as="script"><link href="js/npm.bn.js.795eec7c.js" rel="preload" as="script"><link href="js/npm.browserify-aes.8743a578.js" rel="preload" as="script"><link href="js/npm.browserify-rsa.a59c1a21.js" rel="preload" as="script"><link href="js/npm.browserify-sign.69a4831e.js" rel="preload" as="script"><link href="js/npm.buffer.d44ab0bf.js" rel="preload" as="script"><link href="js/npm.core-js.76b4fcef.js" rel="preload" as="script"><link href="js/npm.element-ui.ae730a5a.js" rel="preload" as="script"><link href="js/npm.elliptic.65142cd2.js" rel="preload" as="script"><link href="js/npm.hash-base.ea1c5a34.js" rel="preload" as="script"><link href="js/npm.hash.js.c3734919.js" rel="preload" as="script"><link href="js/npm.readable-stream.99879813.js" rel="preload" as="script"><link href="js/npm.regenerator-runtime.a4e854df.js" rel="preload" as="script"><link href="js/npm.resize-observer-polyfill.1884e205.js" rel="preload" as="script"><link href="js/npm.vue-i18n.04609ddf.js" rel="preload" as="script"><link href="js/npm.vue-json-editor.5b5f0329.js" rel="preload" as="script"><link href="js/npm.vue-router.294487ee.js" rel="preload" as="script"><link href="js/npm.vue.f5c10555.js" rel="preload" as="script"><link href="js/runtime.5590cbc8.js" rel="preload" as="script"><link href="js/vendors~app.8160a23a.js" rel="preload" as="script"><link href="css/npm.element-ui.6e17a385.css" rel="stylesheet"><link href="css/npm.vue-json-editor.a866370d.css" rel="stylesheet"><link href="css/app.2eda0d84.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but ajax doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/runtime.5590cbc8.js"></script><script src="js/npm.core-js.76b4fcef.js"></script><script src="js/npm.element-ui.ae730a5a.js"></script><script src="js/npm.babel-runtime.87554630.js"></script><script src="js/npm.alrale.ad911f87.js"></script><script src="js/npm.async-validator.7418a59e.js"></script><script src="js/npm.browserify-sign.69a4831e.js"></script><script src="js/npm.browserify-aes.8743a578.js"></script><script src="js/npm.elliptic.65142cd2.js"></script><script src="js/npm.hash-base.ea1c5a34.js"></script><script src="js/npm.asn1.js.12d0af41.js"></script><script src="js/npm.readable-stream.99879813.js"></script><script src="js/npm.hash.js.c3734919.js"></script><script src="js/npm.vue-json-editor.5b5f0329.js"></script><script src="js/npm.browserify-rsa.a59c1a21.js"></script><script src="js/npm.bn.js.795eec7c.js"></script><script src="js/npm.buffer.d44ab0bf.js"></script><script src="js/npm.regenerator-runtime.a4e854df.js"></script><script src="js/npm.resize-observer-polyfill.1884e205.js"></script><script src="js/npm.vue-i18n.04609ddf.js"></script><script src="js/npm.vue-router.294487ee.js"></script><script src="js/npm.vue.f5c10555.js"></script><script src="js/vendors~app.8160a23a.js"></script><script src="js/app.7b9318e1.js"></script></body></html>
+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>AjaxProxy</title><link href="css/app.49c7457b.css" rel="preload" as="style"><link href="css/npm.element-ui.6e17a385.css" rel="preload" as="style"><link href="css/npm.vue-json-editor.a866370d.css" rel="preload" as="style"><link href="js/app.17c44b38.js" rel="preload" as="script"><link href="js/npm.alrale.ad911f87.js" rel="preload" as="script"><link href="js/npm.asn1.js.12d0af41.js" rel="preload" as="script"><link href="js/npm.async-validator.7418a59e.js" rel="preload" as="script"><link href="js/npm.babel-runtime.87554630.js" rel="preload" as="script"><link href="js/npm.bn.js.795eec7c.js" rel="preload" as="script"><link href="js/npm.browserify-aes.8743a578.js" rel="preload" as="script"><link href="js/npm.browserify-rsa.a59c1a21.js" rel="preload" as="script"><link href="js/npm.browserify-sign.69a4831e.js" rel="preload" as="script"><link href="js/npm.buffer.d44ab0bf.js" rel="preload" as="script"><link href="js/npm.core-js.76b4fcef.js" rel="preload" as="script"><link href="js/npm.element-ui.ae730a5a.js" rel="preload" as="script"><link href="js/npm.elliptic.65142cd2.js" rel="preload" as="script"><link href="js/npm.hash-base.ea1c5a34.js" rel="preload" as="script"><link href="js/npm.hash.js.c3734919.js" rel="preload" as="script"><link href="js/npm.readable-stream.99879813.js" rel="preload" as="script"><link href="js/npm.regenerator-runtime.a4e854df.js" rel="preload" as="script"><link href="js/npm.resize-observer-polyfill.1884e205.js" rel="preload" as="script"><link href="js/npm.vue-i18n.04609ddf.js" rel="preload" as="script"><link href="js/npm.vue-json-editor.a880957b.js" rel="preload" as="script"><link href="js/npm.vue-router.294487ee.js" rel="preload" as="script"><link href="js/npm.vue.f5c10555.js" rel="preload" as="script"><link href="js/runtime.5590cbc8.js" rel="preload" as="script"><link href="js/vendors~app.8160a23a.js" rel="preload" as="script"><link href="css/npm.element-ui.6e17a385.css" rel="stylesheet"><link href="css/npm.vue-json-editor.a866370d.css" rel="stylesheet"><link href="css/app.49c7457b.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but ajax doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/runtime.5590cbc8.js"></script><script src="js/npm.core-js.76b4fcef.js"></script><script src="js/npm.element-ui.ae730a5a.js"></script><script src="js/npm.babel-runtime.87554630.js"></script><script src="js/npm.alrale.ad911f87.js"></script><script src="js/npm.async-validator.7418a59e.js"></script><script src="js/npm.browserify-sign.69a4831e.js"></script><script src="js/npm.browserify-aes.8743a578.js"></script><script src="js/npm.elliptic.65142cd2.js"></script><script src="js/npm.hash-base.ea1c5a34.js"></script><script src="js/npm.asn1.js.12d0af41.js"></script><script src="js/npm.readable-stream.99879813.js"></script><script src="js/npm.hash.js.c3734919.js"></script><script src="js/npm.vue-json-editor.a880957b.js"></script><script src="js/npm.browserify-rsa.a59c1a21.js"></script><script src="js/npm.bn.js.795eec7c.js"></script><script src="js/npm.buffer.d44ab0bf.js"></script><script src="js/npm.regenerator-runtime.a4e854df.js"></script><script src="js/npm.resize-observer-polyfill.1884e205.js"></script><script src="js/npm.vue-i18n.04609ddf.js"></script><script src="js/npm.vue-router.294487ee.js"></script><script src="js/npm.vue.f5c10555.js"></script><script src="js/vendors~app.8160a23a.js"></script><script src="js/app.17c44b38.js"></script></body></html>
diff --git a/extensions/page/js/app.17c44b38.js b/extensions/page/js/app.17c44b38.js
diff --git a/extensions/page/js/app.7b9318e1.js b/extensions/page/js/app.7b9318e1.js
diff --git a/...s/page/js/npm.vue-json-editor.5b5f0329.js → ...s/page/js/npm.vue-json-editor.a880957b.js b/...s/page/js/npm.vue-json-editor.5b5f0329.js → ...s/page/js/npm.vue-json-editor.a880957b.js
diff --git a/vue/package.json b/vue/package.json
@@ -4,7 +4,8 @@
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build"
+    "build": "vue-cli-service build",
+    "watch": "vue-cli-service build --watch --no-clean --mode production"
   },
   "dependencies": {
     "@alrale/common-lib": "^1.0.49",

diff --git a/vue/src/views/interceptor/jsonEdit.vue b/vue/src/views/interceptor/jsonEdit.vue
@@ -3,8 +3,9 @@
     <el-drawer size="60%" :visible.sync="drawer" :with-header="false">
       <vue-json-editor
         v-model="json"
+        style="height: 100%"
         :expandedOnStart="true"
-        mode="form"
+        mode="code"
         @json-change="onJsonChange"
       ></vue-json-editor>
       <div class="json-editor-drawer__footer">
@@ -15,7 +16,7 @@
     </el-drawer>
   </div>
 </template>
- 
+
 <script>
 import vueJsonEditor from "vue-json-editor";
 
@@ -56,17 +57,24 @@ export default {
   // ::v-deep .el-drawer__container ::-webkit-scrollbar {
   //   display: none;
   // }
+  ::v-deep .jsoneditor-vue {
+    height: 100%;
+  }
   ::v-deep .jsoneditor-mode-form {
     border-color: teal !important;
   }
   ::v-deep .jsoneditor-menu {
     background-color: teal !important;
     border-bottom: 1px solid teal !important;
+    a.jsoneditor-poweredBy {
+      display: none;
+    }
   }
   ::v-deep .json-editor-drawer__footer {
     position: absolute;
     bottom: 10px;
-    left: 20px;
+    right: 40px;
+    z-index: 999;
   }
 }
-</style>
+</style>