From 13b0b37f8f6d3aa9d5b06c87a1fa0d0718e40112 Mon Sep 17 00:00:00 2001
From: lee <lee@XPS15.lan>
Date: Sat, 10 Oct 2020 01:02:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=85=8D=E7=BD=AE=E6=A0=8F=E6=97=81?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=B8=80=E4=B8=AA=E5=85=A8=E5=B1=8F=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/index.js          | 17 ++++++++++++++++-
 src/assets/style/options.css | 12 +++++++++++-
 src/img/expand.svg           |  1 +
 3 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 src/img/expand.svg

diff --git a/src/assets/index.js b/src/assets/index.js
index 24e4c2e..2dd79f6 100644
--- a/src/assets/index.js
+++ b/src/assets/index.js
@@ -621,7 +621,7 @@
         <p><input type="text" id="code" style="display: none">
         <span class="word">匹&#12288;配</span>
         <select id="type"></select>
-        <span class="word" id="ruleWord">关键字</span><input class="customize" type="text" id="rule" placeholder="多个关键字用逗号隔开"></p>
+        <span class="word" id="ruleWord">关键字</span><input class="customize" type="text" id="rule" placeholder="多个关键字用逗号隔开"><img id="expandBtn" src="./img/expand.svg"></p>
         <p><span class="word">说&#12288;明</span><input class="customize" type="text" id="desc" placeholder="命令功能的描述">
         <img id="icon" src="">
         </p>
@@ -1701,6 +1701,21 @@
         runCurrentCommand()
     })
 
+    // 配置栏扩大
+    $("#options").on('click', '#expandBtn', function () {
+        let placeholder = $('#rule').prop('placeholder')
+        let rule = $('#rule').val()
+        try {
+            rule = JSON.stringify(JSON.parse(rule), null, 4)
+        } catch (error) { }
+        quickcommand.showTextAera(placeholder, rule).then(x => {
+            try {
+                x = JSON.stringify(JSON.parse(x))
+            } catch (error) { }
+            $('#rule').val(x)
+        })
+    })
+
     // 格式化
     $("#options").on('click', '#beautifyCode', function () {
         beautifyCode()
diff --git a/src/assets/style/options.css b/src/assets/style/options.css
index a58e0b3..dee57e8 100644
--- a/src/assets/style/options.css
+++ b/src/assets/style/options.css
@@ -439,7 +439,17 @@ body {
 }
 
 #options #customize input#rule {
-    width: 40%;
+    width: 38%;
+}
+
+#options #customize img#expandBtn {
+    max-width: 15px;
+    cursor: pointer;
+}
+
+#options #customize img#expandBtn:hover {
+    filter: drop-shadow(0 0 5px black);
+    transition: 0.2s;
 }
 
 #options #customize input#scptarg {
diff --git a/src/img/expand.svg b/src/img/expand.svg
new file mode 100644
index 0000000..c3d4539
--- /dev/null
+++ b/src/img/expand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#616161" d="M29.2,32l2.8-2.8l12,12L41.2,44L29.2,32z"/><path fill="#616161" d="M36,20c0,8.8-7.2,16-16,16S4,28.8,4,20S11.2,4,20,4S36,11.2,36,20"/><path fill="#37474F" d="M32.5,35.3l2.8-2.8l8.7,8.7L41.2,44L32.5,35.3z"/><path fill="#64B5F6" d="M7,20c0-7.2,5.8-13,13-13s13,5.8,13,13s-5.8,13-13,13S7,27.2,7,20"/><path fill="#E3F2FD" d="M23.9,14.1l2,2L16,26l-2-2L23.9,14.1z"/><path fill="#E3F2FD" d="M16.1,14.1L26,24l-2,2l-9.9-9.9L16.1,14.1z"/><path fill="#E3F2FD" d="M12 19L12 12 19 12M19 28L12 28 12 21M28 21L28 28 21 28M21 12L28 12 28 19"/></svg>
\ No newline at end of file