From 6a3f3d75923876c5f8cfd63000d1122bd6db5cdb Mon Sep 17 00:00:00 2001
From: xyf-mac <xu_yanfeng@126.com>
Date: Fri, 12 Nov 2021 22:21:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=BF=87=E6=BB=A4=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/src/devtools/global.less               |   4 ++
 source/src/devtools/icon-font/demo_index.html |  29 ++++++++--
 source/src/devtools/icon-font/iconfont.css    |  10 ++--
 source/src/devtools/icon-font/iconfont.js     |   2 +-
 source/src/devtools/icon-font/iconfont.json   |   7 +++
 source/src/devtools/icon-font/iconfont.ttf    | Bin 2148 -> 2304 bytes
 source/src/devtools/icon-font/iconfont.woff   | Bin 1472 -> 1584 bytes
 source/src/devtools/icon-font/iconfont.woff2  | Bin 1052 -> 1164 bytes
 source/src/devtools/ui/index.vue              |  50 +++++++++++++++++-
 9 files changed, 94 insertions(+), 8 deletions(-)

diff --git a/source/src/devtools/global.less b/source/src/devtools/global.less
index ec31db1..0c014d0 100644
--- a/source/src/devtools/global.less
+++ b/source/src/devtools/global.less
@@ -22,6 +22,10 @@
   }
 }
 
+.el-input-group__append {
+  padding: 0;
+}
+
 .el-tree {
   width: 100%;
 }
diff --git a/source/src/devtools/icon-font/demo_index.html b/source/src/devtools/icon-font/demo_index.html
index 8592643..47b57a2 100644
--- a/source/src/devtools/icon-font/demo_index.html
+++ b/source/src/devtools/icon-font/demo_index.html
@@ -54,6 +54,12 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe7b9;</span>
+                <div class="name">font-size</div>
+                <div class="code-name">&amp;#xe7b9;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe626;</span>
                 <div class="name">车巴巴-未知项</div>
@@ -90,9 +96,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1624098111157') format('woff2'),
-       url('iconfont.woff?t=1624098111157') format('woff'),
-       url('iconfont.ttf?t=1624098111157') format('truetype');
+  src: url('iconfont.woff2?t=1636725471182') format('woff2'),
+       url('iconfont.woff?t=1636725471182') format('woff'),
+       url('iconfont.ttf?t=1636725471182') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -118,6 +124,15 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont el-icon-third-font-size"></span>
+            <div class="name">
+              font-size
+            </div>
+            <div class="code-name">.el-icon-third-font-size
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont el-icon-third-unknown"></span>
             <div class="name">
@@ -172,6 +187,14 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#el-icon-third-font-size"></use>
+                </svg>
+                <div class="name">font-size</div>
+                <div class="code-name">#el-icon-third-font-size</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#el-icon-third-unknown"></use>
diff --git a/source/src/devtools/icon-font/iconfont.css b/source/src/devtools/icon-font/iconfont.css
index 1f6dc6d..4df6bf7 100644
--- a/source/src/devtools/icon-font/iconfont.css
+++ b/source/src/devtools/icon-font/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2620843 */
-  src: url('iconfont.woff2?t=1624098111157') format('woff2'),
-       url('iconfont.woff?t=1624098111157') format('woff'),
-       url('iconfont.ttf?t=1624098111157') format('truetype');
+  src: url('iconfont.woff2?t=1636725471182') format('woff2'),
+       url('iconfont.woff?t=1636725471182') format('woff'),
+       url('iconfont.ttf?t=1636725471182') format('truetype');
 }
 
 .iconfont ,[class='el-icon-third'],[class*=' el-icon-third']{
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.el-icon-third-font-size:before {
+  content: "\e7b9";
+}
+
 .el-icon-third-unknown:before {
   content: "\e626";
 }
diff --git a/source/src/devtools/icon-font/iconfont.js b/source/src/devtools/icon-font/iconfont.js
index afae78f..8897556 100644
--- a/source/src/devtools/icon-font/iconfont.js
+++ b/source/src/devtools/icon-font/iconfont.js
@@ -1 +1 @@
-!function(e){var t,n,o,i,d,l,c='<svg><symbol id="el-icon-third-unknown" viewBox="0 0 1024 1024"><path d="M552.103882 557.943378l0 45.939285c0 6.731308-2.495844 12.7023-7.482415 17.922185-4.992711 5.220908-14.154371 8.238638-27.493168 9.049097-13.343913 0.815575-23.376407-1.681292-30.103622-7.482415-6.731308-5.79703-10.091846-14.268982-10.091846-25.405623l0-41.065278c0-25.51921 3.5345-44.600801 10.614755-57.248865 7.075139-12.641925 16.879436-24.186865 29.407774-34.626635l17.749246-13.921058c11.363815-8.81476 21.516036-18.907629 30.450523-30.277584 8.92937-11.364839 12.81691-22.849404 11.659551-34.453696-1.391696-12.756535-8.933463-23.952528-22.620184-33.582863-13.69286-9.624195-28.771277-14.904455-45.242414-15.83464-19.488867-0.925069-35.443233 2.435469-47.851844 10.091846-12.413727 7.656377-21.288862 15.893992-26.623357 24.708751-5.339612 8.819876-9.282411 19.374256-11.83249 31.66928-2.556219 12.300141-5.220908 20.706601-8.004301 25.230638-2.784416 4.524037-7.079232 7.830339-12.876262 9.918907-5.802146 2.087545-11.256368 3.13234-16.356526 3.13234-8.819876 0.234337-16.824177-1.739621-24.012903-5.915733-7.193843-4.176113-11.83249-10.66899-13.921058-19.488867-2.088568-8.81476-1.973958-19.603477 0.347924-32.365128 3.709485-19.254529 8.466835-34.741245 14.268982-46.460148 5.79703-11.712763 13.626345-22.675442 23.491017-32.887015 9.858532-10.206456 21.403472-18.445094 34.626635-24.708751 13.225209-6.264681 26.677593-10.962679 40.36943-14.09502 13.68672-3.13234 27.841092-4.812609 42.457997-5.045923 19.254529-0.228197 36.944424 2.207271 53.071729 7.308453 16.123212 5.106298 30.043247 11.778254 41.762149 20.010753 11.712763 8.238638 21.283746 16.530488 28.711925 24.882714 7.42204 8.352225 14.093996 20.358677 20.010753 36.019355 5.915733 15.660678 8.526187 32.425504 7.830339 50.288337-0.930185 18.330484-5.046946 34.050514-12.354376 47.155996-7.309476 13.110599-20.593014 27.091008-39.847543 41.935088-19.259646 14.85022-31.206746 24.480554-35.845393 28.884864-4.643764 4.41045-8.178263 9.630335-10.613732 15.660678C553.322639 538.922163 552.103882 547.274388 552.103882 557.943378zM514.170944 759.792573c-12.301164 0.228197-24.186865-4.062526-35.671431-12.877285-11.484565-8.819876-18.156522-21.462824-20.010753-37.932937-1.859347-16.476253 2.958378-30.277584 14.44192-41.414225 11.484565-11.136641 24.762987-16.758686 39.847543-16.878412 15.078417-0.113587 28.243251 5.220908 39.499619 16.009625 11.250228 10.787694 16.878412 23.719214 16.878412 38.802748-0.234337 15.775288-5.915733 28.766161-17.052374 38.977733C540.96724 754.685251 528.319176 759.792573 514.170944 759.792573z"  ></path><path d="M511.828596 67.202565c-245.277286 0-444.11489 198.836581-444.11489 444.11489 0 245.277286 444.11489 444.11489 444.11489 444.11489s444.11489-198.837604 444.11489-444.11489C955.943486 266.039145 757.105882 67.202565 511.828596 67.202565zM511.828596 879.17045c0 0-367.850949-164.691923-367.850949-367.851972 0-203.160049 164.692946-367.852996 367.850949-367.852996 203.159026 0 367.852996 164.692946 367.852996 367.852996C879.680569 714.477504 511.828596 879.17045 511.828596 879.17045z"  ></path></symbol><symbol id="el-icon-third-node" viewBox="0 0 1024 1024"><path d="M512 8.416438l-436.252055 252.493151v503.583562l436.252055 251.090411 436.252055-251.090411V260.909589L512 8.416438z m328.241096 270.728767L512 471.320548 183.758904 279.145205 512 89.775342l328.241096 189.369863z m-694.356164 58.915069L476.931507 531.638356v381.545206L145.884932 723.813699V338.060274zM547.068493 914.586301V531.638356l331.046575-193.578082v384.350685L547.068493 914.586301z"  ></path></symbol><symbol id="el-icon-third-text" viewBox="0 0 1024 1024"><path d="M853.333333 170.666667H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666v128a42.666667 42.666667 0 0 0 85.333333 0V256h256v554.666667H384a42.666667 42.666667 0 0 0 0 85.333333h256a42.666667 42.666667 0 0 0 0-85.333333h-85.333333V256h256v85.333333a42.666667 42.666667 0 0 0 85.333333 0V213.333333a42.666667 42.666667 0 0 0-42.666667-42.666666z"  ></path></symbol></svg>',a=(a=document.getElementsByTagName("script"))[a.length-1].getAttribute("data-injectcss");if(a&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}function s(){d||(d=!0,o())}t=function(){var e,t,n;(n=document.createElement("div")).innerHTML=c,c=null,(t=n.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",e=t,(n=document.body).firstChild?(t=n.firstChild).parentNode.insertBefore(e,t):n.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),t()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(o=t,i=e.document,d=!1,(l=function(){try{i.documentElement.doScroll("left")}catch(e){return void setTimeout(l,50)}s()})(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,s())})}(window);
\ No newline at end of file
+!function(t){var e,n,o,i,l,d='<svg><symbol id="el-icon-third-font-size" viewBox="0 0 1024 1024"><path d="M479.829333 640H202.837333l-85.333333 213.333333H25.6L298.666667 170.666667h85.333333l273.066667 682.666666h-91.904l-85.333334-213.333333z m-34.133333-85.333333L341.333333 293.76 236.970667 554.666667h208.725333zM896 534.826667V512h85.333333v341.333333h-85.333333v-22.826666a170.666667 170.666667 0 1 1 0-295.68zM810.666667 768a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z"  ></path></symbol><symbol id="el-icon-third-unknown" viewBox="0 0 1024 1024"><path d="M552.103882 557.943378l0 45.939285c0 6.731308-2.495844 12.7023-7.482415 17.922185-4.992711 5.220908-14.154371 8.238638-27.493168 9.049097-13.343913 0.815575-23.376407-1.681292-30.103622-7.482415-6.731308-5.79703-10.091846-14.268982-10.091846-25.405623l0-41.065278c0-25.51921 3.5345-44.600801 10.614755-57.248865 7.075139-12.641925 16.879436-24.186865 29.407774-34.626635l17.749246-13.921058c11.363815-8.81476 21.516036-18.907629 30.450523-30.277584 8.92937-11.364839 12.81691-22.849404 11.659551-34.453696-1.391696-12.756535-8.933463-23.952528-22.620184-33.582863-13.69286-9.624195-28.771277-14.904455-45.242414-15.83464-19.488867-0.925069-35.443233 2.435469-47.851844 10.091846-12.413727 7.656377-21.288862 15.893992-26.623357 24.708751-5.339612 8.819876-9.282411 19.374256-11.83249 31.66928-2.556219 12.300141-5.220908 20.706601-8.004301 25.230638-2.784416 4.524037-7.079232 7.830339-12.876262 9.918907-5.802146 2.087545-11.256368 3.13234-16.356526 3.13234-8.819876 0.234337-16.824177-1.739621-24.012903-5.915733-7.193843-4.176113-11.83249-10.66899-13.921058-19.488867-2.088568-8.81476-1.973958-19.603477 0.347924-32.365128 3.709485-19.254529 8.466835-34.741245 14.268982-46.460148 5.79703-11.712763 13.626345-22.675442 23.491017-32.887015 9.858532-10.206456 21.403472-18.445094 34.626635-24.708751 13.225209-6.264681 26.677593-10.962679 40.36943-14.09502 13.68672-3.13234 27.841092-4.812609 42.457997-5.045923 19.254529-0.228197 36.944424 2.207271 53.071729 7.308453 16.123212 5.106298 30.043247 11.778254 41.762149 20.010753 11.712763 8.238638 21.283746 16.530488 28.711925 24.882714 7.42204 8.352225 14.093996 20.358677 20.010753 36.019355 5.915733 15.660678 8.526187 32.425504 7.830339 50.288337-0.930185 18.330484-5.046946 34.050514-12.354376 47.155996-7.309476 13.110599-20.593014 27.091008-39.847543 41.935088-19.259646 14.85022-31.206746 24.480554-35.845393 28.884864-4.643764 4.41045-8.178263 9.630335-10.613732 15.660678C553.322639 538.922163 552.103882 547.274388 552.103882 557.943378zM514.170944 759.792573c-12.301164 0.228197-24.186865-4.062526-35.671431-12.877285-11.484565-8.819876-18.156522-21.462824-20.010753-37.932937-1.859347-16.476253 2.958378-30.277584 14.44192-41.414225 11.484565-11.136641 24.762987-16.758686 39.847543-16.878412 15.078417-0.113587 28.243251 5.220908 39.499619 16.009625 11.250228 10.787694 16.878412 23.719214 16.878412 38.802748-0.234337 15.775288-5.915733 28.766161-17.052374 38.977733C540.96724 754.685251 528.319176 759.792573 514.170944 759.792573z"  ></path><path d="M511.828596 67.202565c-245.277286 0-444.11489 198.836581-444.11489 444.11489 0 245.277286 444.11489 444.11489 444.11489 444.11489s444.11489-198.837604 444.11489-444.11489C955.943486 266.039145 757.105882 67.202565 511.828596 67.202565zM511.828596 879.17045c0 0-367.850949-164.691923-367.850949-367.851972 0-203.160049 164.692946-367.852996 367.850949-367.852996 203.159026 0 367.852996 164.692946 367.852996 367.852996C879.680569 714.477504 511.828596 879.17045 511.828596 879.17045z"  ></path></symbol><symbol id="el-icon-third-node" viewBox="0 0 1024 1024"><path d="M512 8.416438l-436.252055 252.493151v503.583562l436.252055 251.090411 436.252055-251.090411V260.909589L512 8.416438z m328.241096 270.728767L512 471.320548 183.758904 279.145205 512 89.775342l328.241096 189.369863z m-694.356164 58.915069L476.931507 531.638356v381.545206L145.884932 723.813699V338.060274zM547.068493 914.586301V531.638356l331.046575-193.578082v384.350685L547.068493 914.586301z"  ></path></symbol><symbol id="el-icon-third-text" viewBox="0 0 1024 1024"><path d="M853.333333 170.666667H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666v128a42.666667 42.666667 0 0 0 85.333333 0V256h256v554.666667H384a42.666667 42.666667 0 0 0 0 85.333333h256a42.666667 42.666667 0 0 0 0-85.333333h-85.333333V256h256v85.333333a42.666667 42.666667 0 0 0 85.333333 0V213.333333a42.666667 42.666667 0 0 0-42.666667-42.666666z"  ></path></symbol></svg>',a=(a=document.getElementsByTagName("script"))[a.length-1].getAttribute("data-injectcss"),c=function(t,e){e.parentNode.insertBefore(t,e)};if(a&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}function s(){l||(l=!0,o())}function h(){try{i.documentElement.doScroll("left")}catch(t){return void setTimeout(h,50)}s()}e=function(){var t,e;(e=document.createElement("div")).innerHTML=d,d=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",e=t,(t=document.body).firstChild?c(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),e()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(o=e,i=t.document,l=!1,h(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,s())})}(window);
\ No newline at end of file
diff --git a/source/src/devtools/icon-font/iconfont.json b/source/src/devtools/icon-font/iconfont.json
index 8394ca7..0e76ee1 100644
--- a/source/src/devtools/icon-font/iconfont.json
+++ b/source/src/devtools/icon-font/iconfont.json
@@ -5,6 +5,13 @@
   "css_prefix_text": "el-icon-third-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "8794801",
+      "name": "font-size",
+      "font_class": "font-size",
+      "unicode": "e7b9",
+      "unicode_decimal": 59321
+    },
     {
       "icon_id": "1156016",
       "name": "车巴巴-未知项",
diff --git a/source/src/devtools/icon-font/iconfont.ttf b/source/src/devtools/icon-font/iconfont.ttf
index ed7d20e4906c9e3c445151dd9a1a10f09de0d2bc..f131e486c4528072ff837d484d3a5077a025aa01 100644
GIT binary patch
delta 869
zcmY+DOK1~e5XWb}-OZ+nt$CUH0Go#{QXhwHS`XG(>Z3FkONA7KkQ&pp2{ezU0aFoD
z5PVUwxOW9bM7@aZCFsGM=N^n8C`BbX=v5G;iSzA#2mO}W{muMmzWE;Pch`z%Em%7d
zy90o$0B|{-Pn9<BKRgb=$i>(53(IrK(QiWl(mRT+W;3bT{kQJEA#sarC`$qLi*%Ft
zE!lx=zEbrOQ0-58`4)=l6i%>1RKG#~j(n<GLN8n=eK+}mLMorBxt<Ka0<cX`gZWZ%
zsq*yGqcZ?@UT_|eN>@57kdVm*pf^SS8;TjBX!71neP-wIFK}A9pEtrYJk$DiZp$E5
z$+eq%;{u;a0izGgxMn=SVSB4?_5!1Un(-TZFO@~N1&~ZSLSF|JmT4g)RP8WlV@<6&
z-b}RWoesdiOc{J2<yj9uSBYwIJ;}PUHe$-=u9_MzC7%wyIc^!HLNj3*-+8NUnOGD+
z6ux2)p5q!FQ-d`?rAB)oL_LFQ7zZ%yWCsTa+~L6<JjSBTuj)e)EoAfgajX4fG@d|r
z9Nmelxhyl{@$ghE;_*acQ+im}$8;Ux1ADPOjs2*!|M+^_Fa18b@6?6KXh3dreN2b-
z$5N2hywu*h7Ni653TCvLeS#&5hXl*S{el&6f-cxb@solba2U=CcG8R`egSe9_0iyl
zU<4OD=bR>iK@Zf0Ad&E1uuS|>umXN)3ARyuTd)JBv0JbcG)$i^XHu2SY~adrAeSx{
z=8A=i@yxbp>{T_Rq`HiY>Sh=JLHKYOi>%kLAVUddRL}-pJpbrY?pnr}wD0;0#5<Ni

delta 739
zcmY+CL1@!Z7{~uFd2M1kG^|WLIMzX_pam~u2buHWL3&m^6=v3EcDN>O&9FnIMHnb}
zkmce*Z}X;j*p9-$s|*H$Cj}iNi0DZ@Dc1i>9t<CRFTd~m{{Q#og$&0J+{e>{-?b_r
z9s#)CXnURQu~QG3|6x46v9h*wu>bZ8U~U42+w#5UWd7V8YCkb%TP#@j&2{o?M!D6F
z`YwUqZ`|CKu;Gap*rWdmbEoa~J7OGn*+0p=6nJfaFn{&$Js`Ku0qstBE86}1ybjo9
z3NAv>IvfoF$u!+r`EN<3QSo)*&9jALbH7l?v>$$~?kHvU96gXQ`%G;Zs>-E&67iJi
ziJ$R?n6s05I;$SP7nKd8c%_v}fJK-oRrz%2Ytc4Kvz;B5RFYa!AB})RQs>j76n07m
zy%71Wu3?CIjHUgVbmt9~GYd5*sb!&FG~uUEp)_2Z*c0~Fc{yziCYY)lWMd{Y8?Z2`
z+2rW5W=XDU&Y^%A&3V?-ugr5CoW*5bFQAAXhYERwoikY1Ea2jmVxJ8IN3o+DCL6n&
zCHbS~9FF6=<~&?sYIbl<6g3x65zEe{p6^9|v$VKYT5g2FQW!)|e8K7pCw^(2=Kjvw
mFYqT(SLSl!u5n^Y3PYGeiX5!f;ARls4rCBEeHr=vh@yX^{dkf9

diff --git a/source/src/devtools/icon-font/iconfont.woff b/source/src/devtools/icon-font/iconfont.woff
index 42a24df0124b9694b9ac8fd1cd06454f14832992..43001b746c613b43f08269020a06dcc10214daa6 100644
GIT binary patch
delta 1449
zcmXYw2{e>z7{|YFW>PZNu}t@J5sGUqlS+i_YHU%~JKq?~=whtRIARROb_;_kBU!?|
zCRw7zlI4!6C|e;)4cQXc);4sf>weDZIp_C2@B4rL@AI7Vp7VA~G@|9HE_QYR2*4p`
z1W4>;aeyUnPCwz4MG7ZI0sxo^YhiG1dY)T)G$brO7~X#d0K_qv%fFqPH6aHP0|5Y~
z2m1_ROn%A8ZYRSctogxbWf;xf0%STlJeCG)Fn|<{yga;wQAj(!of+sIz%vN#a3U=d
zZjLI11yvX|5CdF_AchCQ+Ff|KB|JDprqZl2k`faO0J}cJ9#fdp)vwEJ3ig23h?4FC
zJg7;Z>U*=^#b7YDq>y=mkc}H31thFWTGC2ZSa&3ojnJqeO|`V5)NFO~D~4>%L=Lkb
zyPl<kP02NABB&}!4I>=;_ou30ZQK27lLBgzg54~JM}{}&YANIKQ|omEPIQ#3>4&;t
z?<Wm+1kWbtn>s8Lc;n@wOo~;XUr4e!eZBSPgR~NTcRWSTO+HaLfY$KJJBmh*oFWDv
zHg<h#IfYi6uhgy5u}fW%QF>bh@%jAfmVEvd-!Fv4`<ng}6F37A_=2e`{13qERT_^{
z^M%oa?ZVQz1vSO3j8^`&OnX^P4Fz>qnq=5;L_kL{rcMzlLA}EtX(QFByU|lr1ujBt
zro`OlqY?3>wYJym-Lk0nki!wDe+v;l)6&mm!@&37WzP!i9Rp($gsap~x0OV~P-r<}
z`#bMafN4#dGR|fwajgoAtVB8|O1D9bP`(%bUitH&m2U?yr1-K?u4X!xExl1uRg`~@
zJlfzEbEXG}?Gfb`V`^~p8pmv_3~9d>PniO7Mp&cm@!$DdMy;~=k9r3KC2Vzk$J|k;
z+Ybq3aL)R*7nbG=p444j`&ub@ckc0pmtq5*p>aO5eK=N41oc*XwiQ*%p76HvR``N1
zd-dY3U%Xhy4pfn`8(tn`%>Xyf{AokDW|NPBY&y-S9@ii3vDxWNXFp{3d>XS961Q{w
zufD9pS2vA>uL=Jwh^meGqOa^2(w~B#9Eh3@IG_6_su{nM!f|Z)x|z-~KFhB#%HBV-
z#?mNprq!d})J*MTQ&?0b=jk~Pb?FALQz#`SP!{l#IR+i;V+ta<!J(lf0<B@_WKXRG
zWkK3Ih_n!5Elqc?NN-Yex+?&gWGk64txOy7%>0KhRZ^p_X;@u7vM+DB3sF9O5!}kZ
ztaO-Dw;3%PiGN(}Id-|XbHw62CCP_YLV^Mz2$*RRY~I)qnGp81cw;T6R~6@JsPA2=
zOhzlBcOHTeSqMP=qxcf=!ymCZ)h*M*1Lz3Ld={wChyd&*5D{>Z2tkll4*;S71^Bz{
z#7STVlmhL3T!ezOA&3Zo2h<i2r^M2?p_52JUIom98#7tv5j;y7X4&6)s6uV0DqQF}
z9c{TjQK19ZwfwL0-OUU3_s4w<9Y&AibMi2Adp?k3vgr=-6V^!Ehp%5z1f3j}K47&m
zBjaQHdxKX!TFv>oE!~xo>~95)E=h{@6<MW`H@?+IA`NMnh$hlwsZ#o*+e|7^`oX45
z{j^va&vS{uJGtfClD=ECXPmpe_o&fEJ@Yy_{$2MHcO>S>B-fMtqPJ?5mh&Y5<Fdjv
zdu~GD&^_W(2i<=9;4w+MeyM%&xDvOw*hVtGc6OqszxbY%e`Bn{@`Fj%q7_*V4OJXs
zl1i+J=_<2()zR)Ywy_~wMXS3^GQC5$<6IW+_i|OEnFfg1K|hVQ7rb~=e2zY0*)1+s
zH{w}w8m`c1z%ig{M%wI69XD+hsrSb%bmHAshnpC>Yk!^yoG752-+AJIWWYe|pJX;G
yi^X9vS!~u7hOxdygUy3u&A+lcaE2!gyUcR63@x<S)tdKirZGU^cE?_S0QeuuOMBt~

delta 1336
zcmX|9dpML?7(d^~xHXv3Ot$2buvTSQR#UUWsF+>%acjpiGYl#-CQXlV*~V>R7E_aW
zDwpD+L?c~Tv@-4$)+Fm*=tk0mO3DuQn?H8n=lPxYyub51=Y5~^zO`uCCS1Jt;lls|
zh@oU)lhSKMNN|pVe<-`d*$gfKP!_^55MOi;y<HR)lMspQ=MfA50ApUg=$VaXF(Lp^
zks&$)0tZ7iLQ*tBBHSVpZ%1IJo~9y<X7l&}sG^Zr2LT3yEHSa+h)z|h(NY4s3FK@B
zpG!nYON1~&U;^oZWDbMPLO6FM@gXEJ`+)!YZ`|0EJf!Y(h{hU$Q{Qw&NS+4d3M<<3
zJRvhdHiPqJQif?y&Mbv2d$Y>2G(oYxb{W6u{khxPDK==;eu^`esblq1htB8@JU%Ze
zcZ!HZx6-0U2|b-En=!f1+)eh9hgmfZ#z!W+i|V7QLDSJEV`K4gqOgc7<c-~SErAQ&
z_d83*u14KtO*IZdOVBAXE)c1OU$n<Z(8GD^gK2*0mQy|UYBj$hcYLhimf--g<~^}o
z)NaMDs7)Qh)5=YnoS6oJ2bt|#9#lx0u9j5=FG3ekPH=Vy{d%t?k|+MFSE6RCv9@+t
zP)Z#n+a{iQZmL>k3R8A?mB=)bxuS<71-i}H&E}+g54k7`+4F{cOVG4cm7n10(5(5&
zY?t*3P0xvq*{+Ih1x5ki?bY&m?&|H!(u}q9d}b0L?$%Y!4-bB{c=<AR<Oh$VnWk=L
zg>_>E0ZA*Xf76Ml6>-U{mD4Nt^VV;_yPp2G)1x4L&7Npa;d2w$9Z8!^<74Gp-^Wii
zw)j@qaP<7}s2*Ezj3$<`IX!|i&AUGONZ%EgjBhCqqm?$!Ecj(Fx6XGi`3?>_)EVAA
zX|t^)CrbaROOv8CcF>?kU)a8W&qI`UH)hQEjAX`Pu2S*REzzYPlg&3X2~kKoZ>I07
z*M{ktojTWi)^XO;A3RUzhqY4Hw_1FK542{KNaId7W=szB^(|i+SF{V3gZP5N{_LHV
zmWf_#2fbW8s+lQeLW-6}z4Z68Ly;Fd%26Z!3(FVfqjMnxr)cUI@Ko6UGumgz+reV-
z%<%_JyBeibY29)0vguo6<F64m%D#rvBj|MSB4{b|P1ncqWY$z91Ei9!{JgSrcEfNt
zx)<+kt*)}!9S33rI_TK{E+_|4CTjz*^LYt`uLZy{5XK^pG3a!<OB(>S0E<kG(#nAx
z()d3SonZ->7&^?fHi@8r(S2hF01k%ED$iMGJ-ym(Fv74^^>V$cN_yri6ce&s!&Y;G
z{g18u%9|8i^D49w?d+Bgs&I|OGEE{pkwRK@|F+PfpnLMqgm7;#F{N%Kp4_t{aSZvM
z6sN7<pkG53U^wT(G76(#1~eR6^Bn26yVl0$F%r^;8<?Ln;u*Sz$r{7lT<_`q%Y<pQ
zue1gcNul+Jd}*%jz?;yZhFmwo=k7p4QRt1=E`rX|N2YoETGB3sE}R!i2j+^7(>g4u
z=~u%j)Z(MGXVm#&*BMj%k-RF+>iv|Q$I{U`Im%$>gYPYUkx_=l>)`P9`Yu>}0wpxp
z$+0DW6Or|Jc9s+n`RUee*S654K*zor9t}6RaZ(7upZY_nO?L(o_Isx~h8g&s;_c$}
z1eIK{mxT6F^zM*DhwA;wbC3foNQ_Mkc_MPMjB?)qn!j)!B0sL|DKiCFtIekfB_hcs
jiBOWC+H6lC5n6scYff-7&#y46E6YfQfLFGf6o7vLx-vLo

diff --git a/source/src/devtools/icon-font/iconfont.woff2 b/source/src/devtools/icon-font/iconfont.woff2
index 72047e57b57ad785f2aa304a8769c3c879ab0086..7ddcfe4b6fca046c7f7bc67da3bd321a7d1a928f 100644
GIT binary patch
delta 1151
zcmV-_1c3XT2#g6BcTYw#00961000Dx01E&B000R9000C)kr*C-G75zZgf#&+0we<z
z3k(1RAO(bH2TL2;2gsfWwtJK!l$4CnVz_%<d=T;Pma};Y&4u%-=PDu+YVJry3|jw#
z*1yD=ckMUCe3+f#UlH+iw%hmJ+YR$Zv_>d|t_>2&q>_1^1_&@~9QQxm&v<2x!+Q1s
zU>SvhA8bCL0d-q{6v)80E3gB@bH4|8Rug#~g8&xAa1mas&gd*i9@L$MKt7R}jRHxj
z4C;>+5G&}>8)$;5a&?`nBTFzqo2%Uc76-4FkCYG-Gz^8gNwf9o;4W-Oyvm6>pkCoM
zAYgwDFaQM<+L%#BG}{M>h~kBaz^aNyQVr04W}=~m?Qs2naHohj8U@5hQ(D$PJkU_+
z2#5<)9!rF32_3?=gFu6DeFO@^oe<~{@d}?sZqQ&0hy!kexIvv~N}knDOqCE*C?;z*
zmu^0{-7|64^1Hp(a)(6{mY`X3=1K5TF!VU|wAK8_o=5W@I1fj%zv9F`5zpb2l--9n
z`RrY1)@)dRvBR3TYhC8`hxhwWyLX@T?mf8Wz?~IqTFvuqJ3rs+oar*J)f1%Sw0=6q
zo44ZarlFRhnj!JD3Bs6hyKG;DdsQCQxFnvoA&|}Qa7CPIN16p1ohdg_4p(|c%yv^X
zSqWFWM`+qs{P7-e_Rilg5~o`!4zF>?VUcH_Wf^gQRUE8*8%^8lsZ-)*Yr9>iF}0pZ
zte>P#-`X6LUEVBWD4Q#(aoV_Zs3eJt|8ghQwf-tl-JFa6I=om~e!Dhb6uY(50_Q@T
zU%eK%%(#XFq|x-p5p&XAh^F*Q&Tez@s(aq|<owlB8?zV5mhQy(J`UYx>uJa9bG-{~
z{c>M_uQc6o?ti+lS_5vsPGx`NK;OCp+ceFF9Wm1j<;(xWf9=PKbS$rnv%<_YKPNr3
zDlx<JEu~q#!~eG}67)yNp~fBmd;AYD1||*MwhIjY(ct3b23JeYO%2*Oly337FL_Rq
z<K*X_liV8Aw+<DgiS?ksNt(kr<}NCz1tEHWMFmu4Ky;2esmis=5r0DffhO<j?V8~D
zX1a9%UZ2R_HSkC0=yXq*Xu$LT9EwgIQFV<=3cae<u_9;&hNXgN@E551H@K7enZ}tK
zkXQv%5FluzA~PsVa$$5r0Wfe=0$i9>28)99Eq0R{Qv{;N05(SeLL!%-5sw!XiQHp<
zbiykbq~jM{B=QdyZAx0tjV(QEQlv1XLv;gsH4-vx6$@IOMtCKl(6Y!pqLvp!P%Kg`
zpBg|RM8}w5tzwBW0~(YBVLx{m3Iqr=De)nVaURA@8(*|f)k8Rq1VIl9Q80)OqS^rQ
z(hwnrht9GeZyJKF2vE?Dn0YH@F+6Hs9U{UZbifSAL!Ihwq_breCc!WUGsr*@L6CmU
ziUh1U0Wqt4`5+pG!!saivcVIY(N)eZuMEE6Ccwh%ZipsIbTPz5%++n*Xn8kL%*qgd
Rh^&PoLql~G$$GCd000UN63YMp

delta 1038
zcmV+p1o8Wf37iNRcTYw#00961000CW01E&B000PN000Bdkr*C-914UGgHZuC0we<v
z3km=PAO(bN2R|ED2gsh9JgE@N0to<AL1b})c=&hh^}ZxURIOvM?1+wMnD6A&jGb{a
z7B$=XKi_YwLEVUEt5CV#=tdZ@@!@PV7g71S`*qnF$a`Oi#Q$^5coiVC{5G3QM)2Nn
zU>im2fGRI4gztcV<=Af+yS&Kz2-KUBLb8@qR0SMwDP#n`Wc1n~DvetWM*(Y2uT+$V
zTA{k>-Xi|1B7KnD0(|s-KmH-Znxrbz*X^8VGvM4%#88t|{4a9wuLy=KL-P}=kTJF}
zV_a6-k4c007^(WAsLTR@qqP!)4&@Iu{r``Jo08WW|MCcbNhYf4#f@MNB{DxFEEd7f
zd=`nHO$t|vDvN7Thfjbn2-7pJC}PYeAkb2#f8&4|h>H&Gz_9mwBO|x&U2`I0%dusv
z7HzVfv1Ntd%Dp>J9<|$g`1tnS>vr8*w5)2zi4A9G9v6?b%&2-~P=Hwdc+K(f#G9p0
zE1zaQ#ne210c*OpM4U*tlky<r0;cvUkj-rHj6h7=S9YrC*x24S2}Mh*+EjEKB~ejQ
zTGHz{V;k_cedbOKYby0I4%65<z@qUxY;CKWia79(iYzB=-#;l_q9d~90ru-h&Jxen
z{A6ZXS~sn0$s*S~!Zgow|06FQJ!@9IqQalMMyES}#|IICo`<^GBqkw&PUO0(vuelW
zv}I?J6>*DCKAxRcK!`cXy7=7et|TsjrW3d%tBG+@(ce#A`Mv;a9LFfD6qOb7YVukY
zSt*xSl2yz&-Ny~XPfiX4Ja--Z^TFQ+ZJkT**>R@~-wV$77o3`RX3!fWg89A2J6xx^
zh*o}o=rq@A5PRq=K%5*4Hi|COz$1XloHQ9PmJdt203g3fp1kpSzO`Oh-RhL|)!Oc2
z8-9FlKa2bo1vKZsF@el~zX}bj79~I_MPf_%&nO@3M-%D|Hx<d<?#&R&E;&l5O$Zny
zHF_bd)rTmUF{sjD4yx5!gnFZL4{p#wAQh#54kIQ52(9))((E&2t!^U<<~3C5_7<wO
zh7{@@h1)S341~ruQ-BnL46f?NH8gKzO%t;9ODiDPuBU{!$fMRk!K?}4N<xuN<w7GA
zhS*^4;7Ej6oE3Njo&zoh^?DvR3A`54h)^SBN|4LhqBkOF-T-W^5<nCLV&GJ|;WTJ%
zJR{brkJx5@z5>K)r$-SgD$49NAc2`?bes}F(EyPvH#Vxcl!usg;E)i6g<}bL2Dltx
zh4e<8hcgw=(t>CRLERy0l0c5Cu}$T~^h(1W?tpswElZ@xQKCxCJEP9XcN%3zo`Et1
IyAS{X0HqM*D*ylh

diff --git a/source/src/devtools/ui/index.vue b/source/src/devtools/ui/index.vue
index 7a0ad8f..d678b86 100644
--- a/source/src/devtools/ui/index.vue
+++ b/source/src/devtools/ui/index.vue
@@ -17,6 +17,16 @@
           <el-button type="success" class="el-icon-refresh" @click="onBtnClickUpdateTree"></el-button>
         </div>
         <div class="treeList">
+          <el-input placeholder="输入关键字进行过滤" v-model="filterText">
+            <template slot="append">
+              <div class="matchCase ">
+                <div class="iconfont el-icon-third-font-size" @click.stop="onChangeCase"
+                     title="匹配大小写"
+                     :style="{'color':matchCase?'red':''}">
+                </div>
+              </div>
+            </template>
+          </el-input>
           <el-tree :data="treeData"
                    ref="tree"
                    style="display: inline-block;"
@@ -24,6 +34,7 @@
                    :highlight-current="true"
                    :default-expand-all="false"
                    :default-expanded-keys="expandedKeys"
+                   :filter-node-method="filterNode"
                    :expand-on-click-node="false"
                    node-key="uuid"
                    @node-expand="onNodeExpand"
@@ -51,7 +62,7 @@
 
 <script lang="ts">
 import Vue from "vue";
-import {Component} from "vue-property-decorator";
+import {Component, Watch} from "vue-property-decorator";
 import properties from "./propertys.vue";
 import {Msg, Page, PluginEvent} from "@/core/types"
 import {connectBackground} from "@/devtools/connectBackground";
@@ -70,6 +81,20 @@ export default class Index extends Vue {
   expandedKeys: Array<string> = [];
   selectedUUID: string | null = null;
 
+  filterText: string | null = null;
+
+  @Watch("filterText")
+  updateFilterText(val: any) {
+    (this.$refs?.tree as any)?.filter(val);
+  }
+
+  private matchCase = false;
+
+  onChangeCase() {
+    this.matchCase = !this.matchCase;
+    this.updateFilterText(this.filterText);
+  }
+
   // el-tree的渲染key
   defaultProps = {
     children: "children",
@@ -107,6 +132,19 @@ export default class Index extends Vue {
     });
   }
 
+  filterNode(value: any, data: any) {
+    if (!value) {
+      return true;
+    } else {
+      if (this.matchCase) {
+        // 严格匹配大写
+        return data?.name?.indexOf(value) !== -1;
+      } else {
+        return data?.name?.toLowerCase().indexOf(value.toLowerCase()) !== -1;
+      }
+    }
+  }
+
   _expand(uuid: string) {
 
     let expandKeys: Array<string> = [];
@@ -403,6 +441,16 @@ export default class Index extends Vue {
           text-decoration: line-through;
         }
 
+
+        .matchCase {
+          width: 30px;
+          height: 26px;
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          justify-content: center;
+        }
+
         &::-webkit-scrollbar {
           width: 6px;
           height: 6px;