图标改为svg

package.json

@@ -13,6 +13,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^2.0.1",
-    "vite": "^2.7.10"
+    "vite": "^2.7.10",
+    "vite-plugin-svg-icons": "^1.1.0"
   }
 }

src/assets/iconfont/iconfont.css

@@ -1,305 +0,0 @@
-@font-face {
-  font-family: "magic-iconfont"; /* Project id 2946056 */
-  src: url('iconfont.ttf?t=1641003183544') format('truetype');
-}
-
-.magic-icon {
-  font-family: "magic-iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.magic-icon-i18n:before {
-  content: "\e616";
-}
-
-.magic-icon-difference:before {
-  content: "\e603";
-}
-
-.magic-icon-watch:before {
-  content: "\e60e";
-}
-
-.magic-icon-rollback:before {
-  content: "\e613";
-}
-
-.magic-icon-eye:before {
-  content: "\e614";
-}
-
-.magic-icon-debug-array:before {
-  content: "\e604";
-}
-
-.magic-icon-debug-number:before {
-  content: "\e605";
-}
-
-.magic-icon-debug-normal:before {
-  content: "\e60c";
-}
-
-.magic-icon-empty:before {
-  content: "\e644";
-}
-
-.magic-icon-structure:before {
-  content: "\e672";
-}
-
-.magic-icon-json:before {
-  content: "\e882";
-}
-
-.magic-icon-api:before {
-  content: "\e75a";
-}
-
-.magic-icon-mongo:before {
-  content: "\e63e";
-}
-
-.magic-icon-redis:before {
-  content: "\e669";
-}
-
-.magic-icon-function:before {
-  content: "\e62d";
-}
-
-.magic-icon-task:before {
-  content: "\e620";
-}
-
-.magic-icon-elasticsearch:before {
-  content: "\eb85";
-}
-
-.magic-icon-resource:before {
-  content: "\e712";
-}
-
-.magic-icon-websocket:before {
-  content: "\e6a6";
-}
-
-.magic-icon-descending:before {
-  content: "\e69d";
-}
-
-.magic-icon-ascending:before {
-  content: "\e69e";
-}
-
-.magic-icon-expand-all:before {
-  content: "\e612";
-}
-
-.magic-icon-collapse-all:before {
-  content: "\e611";
-}
-
-.magic-icon-group-add:before {
-  content: "\e610";
-}
-
-.magic-icon-arrow-bottom-up:before {
-  content: "\efae";
-}
-
-.magic-icon-options:before {
-  content: "\e60f";
-}
-
-.magic-icon-debug-info:before {
-  content: "\efa1";
-}
-
-.magic-icon-run:before {
-  content: "\e626";
-}
-
-.magic-icon-parameter:before {
-  content: "\e6e9";
-}
-
-.magic-icon-list:before {
-  content: "\e679";
-}
-
-.magic-icon-arrow-right:before {
-  content: "\e600";
-}
-
-.magic-icon-arrow-bottom:before {
-  content: "\efa2";
-}
-
-.magic-icon-script:before {
-  content: "\e61d";
-}
-
-.magic-icon-clear:before {
-  content: "\e673";
-}
-
-.magic-icon-continue:before {
-  content: "\e663";
-}
-
-.magic-icon-format:before {
-  content: "\e6c1";
-}
-
-.magic-icon-git:before {
-  content: "\e64a";
-}
-
-.magic-icon-gitee:before {
-  content: "\e6d6";
-}
-
-.magic-icon-delete:before {
-  content: "\e607";
-}
-
-.magic-icon-help:before {
-  content: "\e60d";
-}
-
-.magic-icon-qq:before {
-  content: "\e635";
-}
-
-.magic-icon-skin:before {
-  content: "\e606";
-}
-
-.magic-icon-close:before {
-  content: "\e652";
-}
-
-.magic-icon-save:before {
-  content: "\e66c";
-}
-
-.magic-icon-minimize:before {
-  content: "\e707";
-}
-
-.magic-icon-log:before {
-  content: "\efac";
-}
-
-.magic-icon-history:before {
-  content: "\e668";
-}
-
-.magic-icon-step-over:before {
-  content: "\e7b2";
-}
-
-.magic-icon-star:before {
-  content: "\e601";
-}
-
-.magic-icon-unfold:before {
-  content: "\e732";
-}
-
-.magic-icon-fold:before {
-  content: "\e66b";
-}
-
-.magic-icon-settings:before {
-  content: "\e786";
-}
-
-.magic-icon-minus:before {
-  content: "\e68a";
-}
-
-.magic-icon-plus:before {
-  content: "\e621";
-}
-
-.magic-icon-refresh:before {
-  content: "\e747";
-}
-
-.magic-icon-search:before {
-  content: "\e608";
-}
-
-.magic-icon-upload:before {
-  content: "\e658";
-}
-
-.magic-icon-download:before {
-  content: "\e659";
-}
-
-.magic-icon-datasource:before {
-  content: "\e615";
-}
-
-.magic-icon-table:before {
-  content: "\e619";
-}
-
-.magic-icon-logout:before {
-  content: "\e65a";
-}
-
-.magic-icon-copy:before {
-  content: "\ec7a";
-}
-
-.magic-icon-move:before {
-  content: "\e727";
-}
-
-.magic-icon-update:before {
-  content: "\e7e4";
-}
-
-.magic-icon-push:before {
-  content: "\e79d";
-}
-
-.magic-icon-todo:before {
-  content: "\e602";
-}
-
-.magic-icon-event:before {
-  content: "\e664";
-}
-
-.magic-icon-collapse:before {
-  content: "\e609";
-}
-
-.magic-icon-expand-copy:before {
-  content: "\efad";
-}
-
-.magic-icon-primary:before {
-  content: "\e60a";
-}
-
-.magic-icon-lock:before {
-  content: "\e64f";
-}
-
-.magic-icon-unlock:before {
-  content: "\e783";
-}
-
-.magic-icon-position:before {
-  content: "\e60b";
-}
-

src/assets/index.css

@@ -252,7 +252,7 @@
 }
 
 .magic-icon.magic-icon-difference{
-	color: #389FD6 !important;
+	fill: #389FD6 !important;
 }
 
 .magic-status-bar .message em,

src/components/common/data/magic-navbar.css

@@ -82,8 +82,9 @@
   cursor: pointer;
   color: var(--main-color);
 }
-.magic-navbar__horizontal > ul li i {
+.magic-navbar__horizontal > ul li svg.magic-icon {
   padding: 0 2px;
+  height: 100%;
 }
 .magic-navbar__horizontal > ul {
   border-top: 1px solid var(--main-border-color);

src/components/common/data/magic-tree.css

@@ -23,9 +23,7 @@
   background-color: var(--tree-hover-background-color);
 }
 .magic-tree .magic-tree-item .magic-icon {
-  color: var(--tree-icon-color);
-  padding-right: 2px;
-  font-size: 14px;
+  fill: var(--tree-icon-color);
 }
 .magic-tree ul {
   max-height: 99999px;
@@ -42,6 +40,6 @@
   position: relative;
   /* transition: 0.2s display ease1s; */
 }
-.magic-tree .magic-icon-datasource:not(.root){
-	color: #089910;
+.magic-tree svg:not(.root) .magic-icon-datasource{
+	fill: #089910;
 }

src/components/common/dialog/magic-dialog.vue

@@ -180,7 +180,7 @@ defineExpose({ close })
     background-color: #e81123;
 }
 .magic-dialog-header span:hover .magic-icon{
-    color: #fff
+    fill: #fff
 }
 .magic-dialog-body{
     text-align: left;

src/components/common/form/magic-select.vue

@@ -7,6 +7,7 @@
             {{ item.text }}
             </li>
         </ul>
+		<magic-icon icon="arrow-bottom"/>
     </div>
 </template>
 <script setup>
@@ -103,12 +104,10 @@ const showList = (container, selectList) => {
 	background: var(--select-hover-background-color);
 }
 
-.magic-select::after {
-	content: '\efa2';
-	font-family: 'magic-iconfont';
+.magic-select .magic-icon{
 	position: absolute;
 	right: 5px;
-	top: 0px;
+	height: 100%;
 }
 
 .magic-select ul {

src/components/common/magic-context-menu.vue

@@ -85,6 +85,6 @@ export default {
     color: var(--select-option-hover-color);
 }
 .magic-context-menu li:hover :deep(.magic-icon){
-    color: var(--select-option-hover-color);
+    fill: var(--select-option-hover-color);
 }
 </style>

src/components/magic-editor.vue

@@ -12,7 +12,6 @@
     </div>
 </template>
 <script setup>
-import '../assets/iconfont/iconfont.css'
 import request from '../scripts/request.js'
 import constants from '../scripts/constants.js'
 import HotKey from '../scripts/hotkey.js'
@@ -34,6 +33,7 @@ import * as monaco from 'monaco-editor'
 import modal from './common/dialog/magic-modal.js'
 import $i from '../scripts/i18n.js'
 initializeMagicScript()
+provide('bus', bus)
 self.MonacoEnvironment = {
 	getWorker: function(moduleId, label) {
 		if (label === 'json') {
@@ -86,6 +86,9 @@ const onLogin = () => {
 }
 bus.$on(Message.LOGINED, onLogin)
 const checkUpdate = () => {
+	fetch('http://124.223.103.66:8082/magic-api/update/version').then(r => r.text().then(text => {
+		
+	}))
 	fetch('https://img.shields.io/maven-metadata/v.json?label=maven-central&metadataUrl=https%3A%2F%2Frepo1.maven.org%2Fmaven2%2Forg%2Fssssssss%2Fmagic-api%2Fmaven-metadata.xml')
 		.then(response => {
 			if(response.status === 200){

src/components/panel/common/magic-panel-toolbar.vue

@@ -26,7 +26,7 @@ const data = defineProps({ toolbars: Array})
 .magic-panel-toolbar li:not(.disabled):hover{
     background-color: var(--main-hover-icon-background-color);
 }
-.magic-panel-toolbar li.disabled i{
-    color: var(--button-disabled-color);
+.magic-panel-toolbar li.disabled :deep(.magic-icon > *){
+    fill: var(--button-disabled-color);
 }
 </style>

src/components/panel/footer/magic-debug.vue

@@ -63,10 +63,10 @@ const toolbars = ref([{
 </script>
 <style scoped>
 .magic-panel-toolbar :deep(.magic-icon-continue){
-    color: var(--icon-debug-color)
+    fill: var(--icon-debug-color)
 }
 .magic-panel-toolbar :deep(.magic-icon-step-over){
-    color: var(--icon-step-color)
+    fill: var(--icon-step-color)
 }
 .magic-debug{
     display: flex;

src/components/panel/header/magic-header.vue

@@ -143,22 +143,22 @@ const switchLocale = ({ id, name }) => {
     display: inline-flex;
     align-items: center;
 }
-.magic-header ul li .magic-icon{
+.magic-header ul li svg{
     padding: 0 4px;
-    height: 22px;
-    line-height: 22px;
+    height: 24px;
+    width: 24px;
     border-radius: 4px;
 }
-.magic-header ul li.disabled i{
-    color: var(--button-disabled-color);
+.magic-header ul li.disabled svg{
+    fill: var(--button-disabled-color);
 }
-.magic-header ul li:not(.disabled) .magic-icon:hover{
+.magic-header ul li:not(.disabled) svg:hover{
     background-color: var(--main-hover-icon-background-color);
     
 }
-.magic-header ul li:not(.disabled) i.magic-icon-run,
-.magic-header ul li i.magic-icon-push{
-    color: #59a869;
+.magic-header ul li:not(.disabled) :deep(.magic-icon-run),
+.magic-header ul li :deep(.magic-icon-push){
+    fill: #59a869;
 }
 .magic-header-title{
     flex:1;

src/components/panel/main/magic-data-resource.vue

@@ -243,7 +243,6 @@ const onContextMenu = (item, event) => {
 }
 .magic-data-resource > ul li .magic-icon{
 	padding-right: 2px;
-	font-size: 14px;
 }
 .magic-data-resource > ul li label{
 	color: var(--resource-label-color);
@@ -254,8 +253,8 @@ const onContextMenu = (item, event) => {
 	height: 22px;
 	line-height: 22px;
 }
-.magic-data-resource > ul li .magic-icon-datasource{
-	color: #089910
+.magic-data-resource > ul li :deep(.magic-icon-datasource){
+	fill: #089910
 }
 </style>
 <style>

src/components/panel/main/magic-resource.vue

@@ -573,7 +573,7 @@ onMounted(() => emits('onLoad'))
 	color: var(--resource-span-color)
 }
 .magic-resource .magic-tree .magic-icon-lock{
-	color: var(--resource-label-color);
+	fill: var(--resource-label-color);
     margin-left: 5px;
 }
 .magic-resource > .magic-tree {

src/icons/api.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M144 160h736c25.6 0 48 22.4 48 48v92.8H96V208C96 182.4 118.4 160 144 160zM160 208V256h64V208H160z m112 0V256h64V208h-64z m112 0V256h64V208h-64zM582.4 508.8h-25.6v92.8h25.6c38.4 0 54.4-9.6 54.4-44.8 0-38.4-16-48-54.4-48zM329.6 512l-35.2 102.4h73.6L332.8 512z"  /><path d="M96 355.2v483.2c0 19.2 12.8 32 32 32h768c19.2 0 32-12.8 32-32V355.2H96z m310.4 371.2l-22.4-64H278.4L256 729.6H192l99.2-265.6h76.8l99.2 265.6h-60.8z m185.6-80h-32v83.2h-57.6v-265.6h89.6c80 0 105.6 25.6 105.6 89.6-3.2 67.2-32 92.8-105.6 92.8z m211.2 80h-57.6v-265.6h57.6v265.6z"  /></svg>

src/icons/arrow-bottom-up.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 330.666667c14.933333 0 29.866667 4.266667 40.533333 14.933333l277.33333399 234.666667c27.733333 23.466667 29.866667 64 8.53333301 89.6-23.466667 27.733333-64 29.866667-89.6 8.53333299L512 477.866667l-236.8 200.53333299c-27.733333 23.466667-68.266667 19.19999999-89.6-8.53333299-23.466667-27.733333-19.19999999-68.266667 8.53333301-89.6l277.33333399-234.666667c10.666667-10.666667 25.6-14.933333 40.533333-14.933333z" fill="" /></svg>

src/icons/arrow-bottom.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 693.333333c-14.933333 0-29.866667-4.266667-40.533333-14.933333l-277.33333399-234.666667c-27.733333-23.466667-29.866667-64-8.53333301-89.6 23.466667-27.733333 64-29.866667 89.6-8.53333299L512 546.133333l236.8-200.53333299c27.733333-23.466667 68.266667-19.19999999 89.6 8.53333299 23.466667 27.733333 19.19999999 68.266667-8.53333301 89.6l-277.33333399 234.666667c-10.666667 10.666667-25.6 14.933333-40.533333 14.933333z" fill="" /></svg>

src/icons/arrow-right.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M693.333333 512c0 14.933333-4.266667 29.866667-14.933333 40.533333l-234.666667 277.33333399c-23.466667 27.733333-64 29.866667-89.6 8.53333301-27.733333-23.466667-29.866667-64-8.53333299-89.6L546.133333 512l-200.53333299-236.8c-23.466667-27.733333-19.19999999-68.266667 8.53333299-89.6 27.733333-23.466667 68.266667-19.19999999 89.6 8.53333301l234.666667 277.33333399c10.666667 10.666667 14.933333 25.6 14.933333 40.533333z" fill="" /></svg>

src/icons/clear.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M336.21875027 160.43749973l52.734375-70.31249973h246.09374946L687.78124973 160.43749973h175.78125054v105.46875H160.43749973V160.43749973h175.78125054zM230.75000027 336.21875027h562.49999946v492.18749973a105.46875 105.46875 0 0 1-105.46875 105.46875H336.21875027a105.46875 105.46875 0 0 1-105.46875-105.46875V336.21875027z" /></svg>

src/icons/close.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M824.50390625 832.73046875a25.36523438 25.36523438 0 0 1-17.9296875-7.43554688L195.8046875 214.52539062a25.3125 25.3125 0 1 1 35.859375-35.85937499l610.82226563 610.82226562a25.41796875 25.41796875 0 0 1-17.98242188 43.2421875"  /><path d="M213.734375 832.73046875a25.3125 25.3125 0 0 1-17.9296875-43.29492188l610.82226563-610.76953125a25.36523438 25.36523438 0 0 1 35.80664062 35.859375L231.6640625 825.29492188a25.3125 25.3125 0 0 1-17.9296875 7.43554687"  /></svg>

src/icons/collapse-all.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M128 448h768v128H128zM512 352L736 128h-448zM512 672l224 224h-448z" /></svg>

src/icons/collapse.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M104.2 338.3L468.8 737a57.377 57.377 0 0 0 43.1 19.5c16.5 0 32.2-7.1 43.1-19.5l364.6-398.7c17.8-18.8 23.3-46.2 14.1-70.4s-31.4-41.1-57.2-43.4L147.6 224.49999999c-25.9 2.2-48.2 19-57.4 43.30000001-9.3 24.3-3.8 51.7 14 70.5z" /></svg>

src/icons/continue.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1.01171875em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1036 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M159.5472 86.45759999c-47.2416 0-88.5792 42.4464-88.5792 90.9648v667.1424c0 48.5184 41.3376 90.9648 88.5792 90.9648s88.5792-42.4464 88.5792-90.9648V177.42239999c-0.0912-48.5232-41.424-90.9648-88.5792-90.9648z m773.3952 497.7936l-407.1696 332.4816c-35.4 28.9008-83.8224 18.264-108.1536-23.784-8.9136-15.4032-13.6848-33.6432-13.6848-52.3296V175.64639999c0-51.0192 34.8288-92.3808 77.784-92.376 15.7344 0 31.0896 5.6688 44.0544 16.2528l407.1696 332.4816c35.4 28.9056 44.3616 86.424 20.0208 128.4672-5.3904 9.3168-12.1728 17.3808-20.0208 23.7792z" /></svg>

src/icons/copy.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M683.38671875 248.328125h-448.2421875A65.99707031 65.99707031 0 0 0 169.2265625 314.24609375v500.9765625C169.2265625 851.58300781 198.81054687 881.140625 235.14453125 881.140625h448.2421875c36.36035156 0 65.91796875-29.55761719 65.91796875-65.91796875v-500.9765625C749.3046875 277.91210937 719.74707031 248.328125 683.38671875 248.328125z m13.18359375 566.89453125c0 7.25097656-5.93261719 13.18359375-13.18359375 13.18359375h-448.2421875a13.18359375 13.18359375 0 0 1-13.18359375-13.18359375v-500.9765625a13.18359375 13.18359375 0 0 1 13.18359375-13.18359375h448.2421875a13.18359375 13.18359375 0 0 1 13.18359375 13.18359375v500.9765625z"  /><path d="M788.85546875 142.859375h-448.2421875a26.3671875 26.3671875 0 0 0 0 52.734375h448.2421875a13.18359375 13.18359375 0 0 1 13.18359375 13.18359375v500.9765625a26.3671875 26.3671875 0 1 0 52.734375 0v-500.9765625C854.7734375 172.44335937 825.21582031 142.859375 788.85546875 142.859375z"  /><path d="M591.1015625 386.75585937H327.4296875a26.3671875 26.3671875 0 0 0 0 52.73437501h263.671875a26.3671875 26.3671875 0 1 0 0-52.734375zM591.1015625 518.59179688H327.4296875a26.3671875 26.3671875 0 1 0 0 52.73437499h263.671875a26.3671875 26.3671875 0 1 0 0-52.734375zM485.6328125 649.3203125H327.4296875a26.3671875 26.3671875 0 1 0 0 52.734375h158.203125a26.3671875 26.3671875 0 1 0 0-52.734375z"  /></svg>

src/icons/datasource.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 782c-231.95625 0-420-67.153125-420-150v150c0 82.846875 188.04375 150 420 150s420-67.153125 420-150V632c0 82.846875-188.04375 150-420 150z"  /><path d="M512 602c-231.95625 0-420-67.153125-420-150v150c0 82.846875 188.04375 150 420 150s420-67.153125 420-150V452c0 82.846875-188.04375 150-420 150z"  /><path d="M512 422c-231.95625 0-420-67.153125-420-150v150c0 82.846875 188.04375 150 420 150s420-67.153125 420-150V272c0 82.846875-188.04375 150-420 150z"  /><path d="M92 242a420 150 0 1 0 840 0 420 150 0 1 0-840 0Z"  /></svg>

src/icons/debug-info.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M467.171556 836.266667v86.357333a341.560889 341.560889 0 0 1-255.829334-176.184889 142.791111 142.791111 0 0 0-58.026666 66.332445h-0.170667a42.666667 42.666667 0 1 1-78.279111-33.678223 228.465778 228.465778 0 0 1 105.415111-112.981333 342.129778 342.129778 0 0 1-9.898667-81.92V468.423111A228.465778 228.465778 0 0 1 74.865778 360.846222a42.666667 42.666667 0 0 1 78.279111-33.735111h0.170667c5.973333 13.994667 14.108444 26.794667 24.007111 38.058667a170.894222 170.894222 0 0 1 137.443555-120.32C329.102222 162.645333 411.875556 99.555556 511.715556 99.555556c99.896889 0 182.613333 63.089778 196.892444 145.294222a170.894222 170.894222 0 0 1 137.500444 120.32c9.898667-11.264 18.033778-24.064 24.007112-38.058667h0.227555a42.666667 42.666667 0 1 1 79.075556 31.459556 228.295111 228.295111 0 0 1-96.369778 109.795555v29.411556h-85.333333V413.525333a85.333333 85.333333 0 0 0-85.333334-85.333333H553.927111v172.828444a113.891556 113.891556 0 0 0-85.333333 92.501334V328.192H341.048889a85.333333 85.333333 0 0 0-85.333333 85.333333v170.666667A256.056889 256.056889 0 0 0 467.171556 836.266667zM417.393778 242.915556h188.643555c-13.312-33.735111-50.517333-57.969778-94.321777-57.969778-43.804444 0-81.009778 24.234667-94.321778 57.969778z m180.679111 311.808h312.888889a42.666667 42.666667 0 0 1 0 85.333333h-312.888889a42.666667 42.666667 0 1 1 0-85.333333z m0 142.222222h312.888889a42.666667 42.666667 0 0 1 0 85.333333h-312.888889a42.666667 42.666667 0 1 1 0-85.333333z m0 142.222222h312.888889a42.666667 42.666667 0 0 1 0 85.333333h-312.888889a42.666667 42.666667 0 1 1 0-85.333333z" /></svg>

src/icons/debug-normal.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M192 128h640v192H192zM192 384h640v192H192zM192 640h640v192H192z" fill="#F4AF3D" fill-opacity=".6" /></svg>

src/icons/debug-number.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M128 128h768v768H128z" fill="#40B6E0" fill-opacity=".6" /><path d="M691.968 704V422.912l-62.464 15.36L613.12 373.76l102.912-30.72h53.76V704h-77.824z m-284.288 6.144c-95.744 0-158.72-80.384-158.72-184.32V524.8c0-103.936 64.512-185.344 159.744-185.344 94.72 0 158.72 80.384 158.72 184.32V524.8c0 103.936-64 185.344-159.744 185.344z m1.408-71.168c47.616 0 77.824-48.128 77.824-113.152V524.8c0-65.024-31.744-114.176-78.848-114.176S330.24 458.24 330.24 523.776V524.8c0 65.536 31.232 114.176 78.848 114.176z" fill="#231F20" fill-opacity=".7" /></svg>

src/icons/delete.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M519.62 0.00002C415.696002 0.00002 331.110004 82.468018 327.537004 185.820016H85.016008a48.913999 48.913999 0 0 0-48.913999 48.866999 48.913999 48.913999 0 0 0 48.913999 48.865999h54.009999v547.79199c0 102.852998 69.821999 186.843996 155.909997 186.843996h439.199992c86.087998 0 155.909997-83.490998 155.909997-186.843996V284.100014h48.913999a48.913999 48.913999 0 0 0 48.913999-48.889999 48.913999 48.913999 0 0 0-48.913999-48.865999H711.203996A191.559996 191.559996 0 0 0 519.62 0.00002zM412.386002 177.080017c3.549-49.769999 46.627999-88.539998 99.851998-88.539999 53.223999 0 96.327998 38.745999 99.351998 88.539999H412.386002zM300.390004 929.126002c-30.981999 0-65.082999-39.149999-65.082999-95.040998v-546.33999h575.487989v546.83999c0 55.914999-34.077999 95.040998-65.059999 95.040998H300.389004v-0.5z"  /><path d="M368.116003 796.815004c24.362 0 44.269999-21.67 44.269999-48.818999V469.373011c0-27.147999-19.908-48.818999-44.269999-48.818999-24.338 0-44.269999 21.671-44.269999 48.818999v278.622994c0 27.147999 19.36 48.818999 44.293999 48.818999z m154.933997 0c24.361 0 44.293999-21.67 44.293999-48.818999V469.373011c0-27.147999-19.933-48.818999-44.293999-48.818999-24.338 0-44.269999 21.671-44.269999 48.818999v278.622994c0 27.147999 19.932 48.818999 44.292999 48.818999z m132.809997 0c24.338 0 44.269999-21.67 44.269999-48.818999V469.373011c0-27.147999-19.932-48.818999-44.269999-48.818999s-44.269999 21.671-44.269999 48.818999v278.622994c0 27.147999 19.36 48.818999 44.269999 48.818999z"  /></svg>

src/icons/descending.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1.06640625em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1092 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M888.79889727 892.58009258h-173.09976855l204.77972636-261.59965136a31.7399581 31.7399581 0 0 0 2.69999648-35.99995167 39.41994727 39.41994727 0 0 0-34.319954-18.71997539H641.23922744c-21.35997158 0-38.69994815 15.5999795-38.69994814 34.73995342 0 19.19997422 17.33997656 34.73995342 38.69994814 34.7399543h173.15976973l-204.83972754 261.59965136a31.7399581 31.7399581 0 0 0-2.63999619 35.99995166c6.59999092 11.39998448 19.85997393 18.6599751 34.319954 18.6599751h247.61967012c21.35997158 0 38.69994815-15.5999795 38.69994814-34.73995342 0-19.13997481-17.39997685-34.67995401-38.69994814-34.679954zM798.79901768 83.90117041A35.21995313 35.21995313 0 0 0 765.91906104 62.00119971a35.21995313 35.21995313 0 0 0-32.81995547 21.71997158L604.99927637 400.94074795a33.95995489 33.95995489 0 0 0 19.85997305 44.39994082 35.21995313 35.21995313 0 0 0 45.59993964-19.31997393l23.21996836-57.35992412h143.03980987l22.79996894 57.05992441c7.01999033 17.63997627 27.41996338 26.39996455 45.53993935 19.55997422a33.95995489 33.95995489 0 0 0 20.09997335-44.3399414L798.73901738 83.90117041z m-33.53995547 106.67985821l32.27995722 128.5798289h-64.97991386l32.69995664-128.5798289z m-300.29959952 121.7998371L383.29957197 211.94100019V921.80005332c0 22.19997041-18.23997568 40.25994609-40.79994609 40.25994697-22.49997011 0-40.7399458-17.99997627-40.7399458-40.19994667V211.82100049L220.09978935 312.44086602a41.09994492 41.09994492 0 0 1-57.29992382 6.1799915 39.89994697 39.89994697 0 0 1-6.29999121-56.57992383L304.39967715 80.06117627A48.89993467 48.89993467 0 0 1 342.55962617 62.00119971c14.87998037 0 28.79996133 6.59999092 38.09994873 18.05997656l147.89980283 181.97975742a39.89994697 39.89994697 0 0 1-6.2999912 56.57992383 41.09994492 41.09994492 0 0 1-57.29992384-6.1799915z" /></svg>

src/icons/difference.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M704 384v204.8L435.2 320 704 51.2V256h256v128h-256zM320 768v204.8L588.8 704 320 435.2V640H64v128h256z" fill="#389FD6" /></svg>

src/icons/download.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M768.35456 416a256 256 0 1 0-512 0 192 192 0 1 0 0 384v64a256 256 0 0 1-58.88-505.216 320.128 320.128 0 0 1 629.76 0A256.128 256.128 0 0 1 768.35456 864v-64a192 192 0 0 0 0-384z m-512 384h64v64H256.35456v-64z m448 0h64v64h-64v-64z" fill="currentColor" /><path d="M539.04256 845.248V512.192a32.448 32.448 0 0 0-32-32.192c-17.664 0-32 14.912-32 32.192v333.056l-36.096-36.096a32.192 32.192 0 0 0-45.056 0.192 31.616 31.616 0 0 0-0.192 45.056l90.88 90.944a31.36 31.36 0 0 0 22.528 9.088 30.08 30.08 0 0 0 22.4-9.088l90.88-90.88a32.192 32.192 0 0 0-0.192-45.12 31.616 31.616 0 0 0-45.056-0.192l-36.096 36.096z" fill="currentColor" /></svg>

src/icons/empty.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="" /></svg>

src/icons/event.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64z m0 64C299.92 128 128 299.92 128 512s171.92 384 384 384 384-171.92 384-384S724.08 128 512 128z m32 320v320h-64V448h64z m0-128v64h-64v-64h64z" fill="currentColor" /></svg>

src/icons/expand-all.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M128 64h768v128H128zM128 832h768v128H128zM512 768l224-192h-448zM512 256l224 192h-448z" /></svg>

src/icons/expand-copy.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M338.3 919.8L737 555.2a57.377 57.377 0 0 0 19.5-43.1c0-16.5-7.1-32.2-19.5-43.1l-398.7-364.6c-18.8-17.8-46.2-23.3-70.4-14.1s-41.1 31.4-43.4 57.2L224.49999999 876.4c2.2 25.9 19 48.2 43.30000001 57.4 24.3 9.3 51.7 3.8 70.5-14z" /></svg>

src/icons/eye.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 192C308.352 192 134.4 324.672 64 512c70.4 187.328 244.352 320 448 320s377.6-132.672 448-320c-70.4-187.328-244.352-320-448-320z m0 544A224.064 224.064 0 0 1 288 512c0-123.648 100.352-224 224-224s224 100.352 224 224-100.352 224-224 224zM512 384c-70.848 0-128 57.152-128 128s57.152 128 128 128 128-57.152 128-128-57.152-128-128-128z" fill="#6E6E6E" /></svg>

src/icons/fold.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M746.43596438 186.11160469c42.20254719 0 76.78745316 32.67031162 79.84265684 74.05813783l0.20368025 5.98819928v480.27802258a80.04633711 80.04633711 0 0 1-74.05813783 79.84265685l-5.98819927 0.20368024H266.15794179a80.04633711 80.04633711 0 0 1-79.84265684-74.05813783L186.11160469 746.43596438V266.15794179C186.11160469 223.95539459 218.78191632 189.37048864 260.16974252 186.31528494L266.15794179 186.11160469h480.27802258z m-1e-8 53.36422473H266.15794179a26.68211237 26.68211237 0 0 0-26.39696002 22.73071557l-0.28515235 3.95139681v480.27802258c0 13.40216026 9.85812396 24.4823657 22.73071557 26.39696001l3.95139681 0.28515236h480.27802258a26.68211237 26.68211237 0 0 0 26.39696001-22.73071558l0.28515236-3.95139679V266.15794179a26.68211237 26.68211237 0 0 0-22.73071558-26.39696002l-3.95139679-0.28515235zM506.29695308 319.52216652c14.74644989 0 26.68211237 11.93566249 26.68211238 26.68211237v133.41056183h133.41056181a26.68211237 26.68211237 0 0 1 0 53.36422473H532.97906546v133.41056182a26.68211237 26.68211237 0 0 1-53.36422475 0V532.97906546H346.20427889a26.68211237 26.68211237 0 1 1 0-53.36422475h133.41056183V346.20427889c0-14.74644989 11.93566249-26.68211237 26.68211236-26.68211237z" /></svg>

src/icons/format.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M589.78017394 808.98865493l-36.46282752 72.99038322a72.27838691 72.27838691 0 0 1-115.75329679 18.77080519L123.22858098 586.43595037a72.27838691 72.27838691 0 0 1 18.77080519-115.75329679l73.0119589-36.50597888 218.71224035-218.69066581a96.37837483 96.37837483 0 0 1 136.29330432 0l51.09111125 51.1126858 136.31488-136.29330432a96.37837483 96.37837483 0 0 1 136.29330432 136.29330432l-136.31488 136.29330432 51.13426148 51.11268693a96.37837483 96.37837483 0 0 1 0 136.29330432L589.78017394 808.98865493zM224.52620061 483.28282567l-60.95117654 30.48637668a24.09998791 24.09998791 0 0 0-6.25693468 38.57724074L471.61040555 866.70348629a24.09998791 24.09998791 0 0 0 38.59881642-6.25693468l30.464801-60.97275222L224.52620061 483.30440135z m106.97201322-97.45715541l-68.13586432 68.15744 306.65454023 306.65454023 68.13586432-68.15744-306.65454023-306.65454023z m136.29330432-136.29330432l-102.20379705 102.22537159 306.65454137 306.65454137 102.20379591-102.20379705a48.17839901 48.17839901 0 0 0 0-68.15744L535.94895815 249.53236594a48.17839901 48.17839901 0 0 0-68.15744 0z m323.69929444-85.18061853l-136.29330432 136.29330432 68.15744 68.15744 136.27172864-136.29330432a48.17839901 48.17839901 0 0 0-68.13586432-68.15744z" /></svg>

src/icons/function.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M840.1248169 933.875H183.8751831A93.7501831 93.7501831 0 0 1 90.125 840.1248169V183.8751831A93.7501831 93.7501831 0 0 1 183.8751831 90.125h656.2496338A93.7501831 93.7501831 0 0 1 933.875 183.8751831v656.2496338A93.7501831 93.7501831 0 0 1 840.1248169 933.875z m-374.99908448-468.75009156H371.37390136V371.37472534h93.75018312V277.62536622H324.49963378v46.87426757h-46.87426757v421.875h93.74935913V558.87591552h93.7501831V465.12408448zM793.24890136 512V418.2498169H512v328.12481688h93.7501831V512h93.75018312v234.37463378h93.74935912V512z" /></svg>

src/icons/gitee.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 1024C229.233778 1024 0 794.766222 0 512S229.233778 0 512 0s512 229.233778 512 512-229.233778 512-512 512z m259.157333-568.888889l-290.759111 0.014222c-13.966222 0-25.287111 11.320889-25.287111 25.272889l-0.028444 63.217778c0 13.966222 11.306667 25.287111 25.272889 25.287111h177.024c13.966222 0 25.287111 11.306667 25.287111 25.272889v12.643556A75.847111 75.847111 0 0 1 606.819556 682.666667h-240.213334a25.287111 25.287111 0 0 1-25.287111-25.272889V417.194667a75.847111 75.847111 0 0 1 75.847111-75.847111L771.086222 341.333333c13.966222 0 25.272889-11.306667 25.287111-25.272889L796.444444 252.871111c0-13.966222-11.306667-25.287111-25.272888-25.301333l-353.991112 0.014222C312.462222 227.569778 227.555556 312.476444 227.555556 417.194667v353.962666c0 13.966222 11.320889 25.287111 25.287111 25.287111H625.777778c94.264889 0 170.666667-76.401778 170.666666-170.666666V480.398222c0-13.952-11.320889-25.272889-25.287111-25.272889z" /></svg>

src/icons/group-add.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M320 192h128v640H320z"  /><path d="M704 448v128H64V448zM576 704h448v320H576v-320z m0-64h204.48L832 704l-256-0.192V640z"  /></svg>

src/icons/help.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m0-68.214a443.786 443.786 0 1 0 0-887.572 443.786 443.786 0 0 0 0 887.572z m13.233-694.036c46.632 0 84.52 12.288 113.585 38.597 29.145 25.443 43.717 60.416 43.717 104.133 0 35.604-9.452 65.457-27.648 88.773-6.537 8.034-27.017 26.939-61.203 56.793a123.116 123.116 0 0 0-30.563 37.809 97.989 97.989 0 0 0-11.736 48.128v12.367h-77.982v-12.367c0-26.94 4.332-50.255 14.494-69.16 9.452-20.322 37.179-50.254 82.313-90.27l12.367-13.784c13.155-16.856 20.323-34.186 20.323-53.169 0-25.521-7.326-45.135-21.19-59.628-14.493-14.573-35.603-21.82-61.912-21.82-32.768 0-56.792 10.162-71.286 31.272-13.154 17.487-19.692 42.3-19.692 74.28h-76.406c0-53.17 15.28-94.602 45.764-125.244 30.878-31.429 73.177-46.71 126.976-46.71z m-12.997 425.905c15.282 0 28.357 4.333 38.597 14.494 10.24 9.452 15.36 21.819 15.36 37.179a51.594 51.594 0 0 1-15.99 37.81 54.508 54.508 0 0 1-37.81 14.493 52.303 52.303 0 0 1-53.168-52.46c0-15.282 5.12-27.57 15.28-37.1a51.2 51.2 0 0 1 37.731-14.416z" /></svg>

src/icons/history.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M863.35488 160.64512C769.49504 66.80576 644.7104 15.11424 512 15.11424S254.50496 66.80576 160.64512 160.64512 15.11424 379.2896 15.11424 512c0 96.70656 27.81184 190.44352 80.40448 271.07328 10.42432 15.9744 31.82592 20.50048 47.8208 10.07616 15.9744-10.42432 20.50048-31.8464 10.07616-47.8208C108.17536 675.9424 84.23424 595.23072 84.23424 512c0-235.86816 191.8976-427.76576 427.76576-427.76576 235.88864 0 427.76576 191.8976 427.76576 427.76576S747.86816 939.76576 512 939.76576c-78.09024 0-154.50112-21.23776-220.9792-61.44-16.34304-9.85088-37.5808-4.62848-47.45216 11.71456-9.87136 16.32256-4.62848 37.5808 11.71456 47.43168 77.23008 46.6944 166.01088 71.39328 256.7168 71.39328 132.7104 0 257.49504-51.67104 351.35488-145.5104C957.19424 769.47456 1008.88576 644.7104 1008.88576 512S957.19424 254.50496 863.35488 160.64512L863.35488 160.64512 863.35488 160.64512zM492.89216 171.90912c-24.18688 0-43.74528 19.59936-43.74528 43.76576L449.14688 530.432c0 1.49504 0.4096 2.99008 0.57344 4.48512 2.21184 22.05696 21.01248 38.37952 43.68384 38.37952l0 0 0.16384-0.94208 248.19712 0c24.20736 0 43.80672-19.53792 43.80672-43.7248s-19.59936-43.74528-43.80672-43.74528L536.61696 484.88448 536.61696 215.67488C536.61696 191.50848 517.07904 171.90912 492.89216 171.90912L492.89216 171.90912 492.89216 171.90912zM492.89216 171.90912" /></svg>

src/icons/json.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M846.6 868.8H188.5v-67.5c0-17.7-14.3-32-32-32s-32 14.3-32 32v67.5c0 35.3 28.6 64 64 64h658.1c35.3 0 64-28.7 64-64v-67.5c0-17.7-14.3-32-32-32s-32 14.3-32 32v67.5zM596.9 96.4H188.5c-35.3 0-64 28.7-64 64v180c0 17.7 14.3 32 32 32s32-14.3 32-32v-180h379.4l278.8 138.2v41.8c0 17.7 14.3 32 32 32s32-14.3 32-32v-65.9L596.9 96.4zM218.3 587.8c0 33.6-7.7 59.3-23.2 77.2-15.5 17.9-37.6 26.9-66.5 26.9-12.8 0-24.7-2.2-35.6-6.6v-51c9.4 7.1 20.1 10.7 32.1 10.7 26 0 39-19.7 39-59.2V433.5h54.1v154.3zM248.2 623.6c20.4 16.9 43.7 25.4 69.7 25.4 14.8 0 25.9-2.5 33.3-7.6 7.4-5.1 11.2-11.6 11.2-19.6 0-6.9-3-13.4-8.9-19.5s-21.5-14.4-46.7-24.9c-39.7-16.8-59.5-41.3-59.5-73.5 0-23.6 9-42 27-55 18-13.1 41.8-19.6 71.4-19.6 24.8 0 45.6 3.2 62.5 9.7v50.8c-17.1-11.6-37-17.4-59.9-17.4-13.3 0-24 2.4-32 7.3s-12 11.4-12 19.6c0 6.6 2.7 12.6 8.2 18.1 5.5 5.5 19 13 40.5 22.4 25.3 10.8 42.6 22.2 52.1 34.3 9.5 12 14.2 26.3 14.2 43 0 24.4-8.6 43-25.9 55.8-17.3 12.8-41.8 19.2-73.6 19.2-29.1 0-52.9-4.7-71.5-14.1v-54.4zM431.2 563.9c0-39.8 11.6-72.2 34.8-97.2 23.2-25 53.9-37.5 92.1-37.5 36.3 0 65.5 12.1 87.7 36.2 22.1 24.2 33.2 55.2 33.2 93.1 0 39.6-11.5 71.7-34.5 96.3-23 24.7-53.2 37-90.4 37-36.4 0-66-11.9-88.7-35.8-22.9-23.8-34.2-54.5-34.2-92.1z m56.9-3c0 24.7 6 44.9 17.9 60.6 11.9 15.7 28.3 23.5 49 23.5 21.2 0 37.7-7.5 49.5-22.5 11.8-15 17.7-35.2 17.7-60.6 0-26.5-5.7-47.4-17.2-62.7-11.5-15.4-27.7-23-48.5-23-21.2 0-37.9 7.9-50.1 23.6-12.2 15.7-18.3 36.1-18.3 61.1zM932.9 687.5h-55.4L769.9 523.2c-5.6-8.5-9.6-15.4-12.1-20.7h-0.8c1 8.7 1.5 22.2 1.5 40.5v144.5h-51.3v-254h59l103.6 159.7c6.9 10.6 11.1 17.3 12.6 20.2h0.8c-1.1-6.1-1.6-17.8-1.6-35.1V433.5h51.3v254z" /></svg>

src/icons/list.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M876.479155 247.554142 540.475542 247.554142l-28.018124-40.447201c-28.67611-53.323463-36.21583-80.893378-80.893378-80.893378l-283.128359 0c-44.677549 0-80.893378 36.21583-80.893378 80.893378l0 121.340579 0 40.447201 0 444.915116c0 44.677549 36.21583 80.893378 80.893378 80.893378l728.043475 0c44.677549 0 80.893378-36.21583 80.893378-80.893378L957.372533 328.447521C957.373557 283.769972 921.156704 247.554142 876.479155 247.554142z" /></svg>

src/icons/lock.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512.06840818 738.00766035a28.32535878 28.32535878 0 0 1-28.32535879-28.17469193v-84.8254095a28.32535878 28.32535878 0 0 1 56.50005072 0v84.8254095a28.17469193 28.17469193 0 0 1-28.17469194 28.17469192z"  /><path d="M794.56866099 907.5078125H229.56815459A84.8254095 84.8254095 0 0 1 144.74274587 822.83306985V512.00745826a84.8254095 84.8254095 0 0 1 84.82540872-84.67474265h565.0005064a84.67474265 84.67474265 0 0 1 84.67474264 84.67474265v310.82561159a84.67474265 84.67474265 0 0 1-84.67474264 84.67474265zM229.56815459 483.83276632a28.32535878 28.32535878 0 0 0-28.32535877 28.17469193v310.8256116a28.32535878 28.32535878 0 0 0 28.32535877 28.17469193h565.0005064A28.17469193 28.17469193 0 0 0 822.74335291 822.83306985V512.00745826a28.17469193 28.17469193 0 0 0-28.17469193-28.17469193z"  /><path d="M709.74325226 483.83276632a28.32535878 28.32535878 0 0 1-28.17469194-28.32535878v-114.80810283c0-95.97475233-90.4000813-167.69214998-171.00681984-167.69215075a165.73348175 165.73348175 0 0 0-167.99348446 167.39081706v115.10943652a28.32535878 28.32535878 0 1 1-56.5000507 0v-115.10943652A221.93219876 221.93219876 0 0 1 510.56174048 116.50710325c107.57609647 0 227.50687057 92.05741584 227.50687056 224.19220147v114.80810282a28.32535878 28.32535878 0 0 1-28.32535877 28.32535879z"  /></svg>

src/icons/minimize.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M176 428h672c46.40625 0 84 37.59375 84 84 0 46.40625-37.59375 84-84 84H176c-46.40625 0-84-37.59375-84-84 0-46.40625 37.59375-84 84-84z" /></svg>

src/icons/minus.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M882.82565307 511.98146057a49.77836609 49.77836609 0 0 1-49.7227478 49.77836609H190.97125244a49.74128723 49.74128723 0 1 1 0-99.51965332h642.15019227A49.74128723 49.74128723 0 0 1 882.82565307 511.98146057z" /></svg>

src/icons/plus.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M465.65142823 465.65142823h-278.09143067C161.97558594 465.65142823 141.21142578 486.41558838 141.21142578 512s20.76416016 46.34857177 46.34857178 46.34857177h278.09143066v278.09143067c0 25.58441162 20.76416016 46.34857177 46.34857178 46.34857178s46.34857177-20.76416016 46.34857177-46.34857178v-278.09143067h278.09143067c25.58441162 0 46.34857177-20.76416016 46.34857178-46.34857177s-20.76416016-46.34857177-46.34857178-46.34857177h-278.09143067v-278.09143067C558.34857177 161.97558594 537.58441162 141.21142578 512 141.21142578S465.65142823 161.97558594 465.65142823 187.55999756v278.09143067z" /></svg>

src/icons/position.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M555.495118 885.939621l-6.933923 0.24764L548.561196 643.7343c0-7.093559-5.027503-12.125155-12.125155-12.125155l-45.456285 0c-7.097652 0-12.126178 5.031597-12.126178 12.125155l-0.082888 242.883773-9.008164-0.551562c-88.270393-6.983041-177.408549-66.661236-220.487693-109.735263-44.884256-44.88528-104.934934-135.588071-106.826004-220.48667l-3.031033-9.092076 242.456031 0c6.794753 0 11.103896-0.935302 12.122085-6.063089l0.438998-54.914704c-0.525979-4.831029-2.473331-7.996115-6.501064-8.730848l-248.930489-0.055259L142.449851 464.921775c0-74.489528 63.085804-173.695994 102.290711-212.900901 66.281589-66.284659 144.108119-100.359732 234.092549-114.777093l0.021489 242.821351c0 6.79373 2.399653 6.65149 6.063089 12.122085l54.552453 0 9.092076-6.062066L548.562219 137.608078l12.148691-0.021489c154.620543 7.504928 324.256058 178.709171 324.256058 336.426239L642.510938 474.012827c-9.31618 0-12.123109 8.880251-12.123109 18.187221l0 42.427298c0 7.067976 8.085142 15.155165 15.155165 15.155165l239.422951 0C884.965945 706.916295 704.984804 879.520421 555.495118 885.939621L555.495118 885.939621zM530.374998 958.920796c128.35125 0 239.764736-72.151273 305.34843-137.128147C905.449465 752.71334 960.734606 642.538055 960.734606 504.323157l0-9.093099c0-230.572376-209.28556-430.358585-445.51068-430.358585l-21.212114 0c-126.357849 0-239.207034 74.387197-303.82575 138.655943C122.170992 271.176143 66.682213 383.77871 66.682213 519.471159l0 12.124132c0 126.356826 74.389244 239.203964 138.65799 303.823704 67.64668 68.01814 180.25027 123.500778 315.945789 123.500778L530.374998 958.919772z" /></svg>

src/icons/push.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M894.7576475 191.02117625L480.82823563 630.58823562v259.20000001a27.27529406 27.27529406 0 0 1-27.38823563 27.21882281 27.27529406 27.27529406 0 0 1-27.44470594-27.21882281v-269.92941188c0-6.83294156 2.65411781-13.49647031 7.3976475-18.52235344l396.98823469-421.49647031-665.78823469 383.26588219 173.87294063 33.54352969a27.1623525 27.1623525 0 1 1-10.50352969 53.30823562l-245.53411687-47.37882375a27.10588219 27.10588219 0 0 1-8.52705938-50.14588219L922.54117625 63.90588219c19.65176437-11.29411781 43.8776475 4.68705844 40.88470594 27.10588218L849.52470594 940.04705844a27.44470594 27.44470594 0 0 1-43.8776475 17.9576475l-252.70588219-192.56470594a27.04941188 27.04941188 0 0 1-5.0823525-38.1176475 27.5576475 27.5576475 0 0 1 38.45647031-5.02588219l215.15294157 163.93411782 93.28941187-695.26588219z" /></svg>

src/icons/refresh.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M793.12727305 261.8A375.3 375.3 0 0 0 512 135.63636347a376.36363653 376.36363653 0 1 0 376.36363653 376.36363653 32.72727305 32.72727305 0 1 1 65.45454521 0c0 244.02272695-197.79545479 441.81818174-441.81818174 441.81818174C267.97727305 953.81818174 70.18181826 756.02272695 70.18181826 512 70.18181826 267.97727305 267.97727305 70.18181826 512 70.18181826c125.18181826 0 241.85454521 52.36363653 324.77727305 142.28181827l5.68636347-112.5a32.72727305 32.72727305 0 0 1 65.37272696 3.27272695l-8.71363653 172.22727305a53.18181826 53.18181826 0 0 1-51.87272695 50.52272695l-170.75454521 4.00909131a32.72727305 32.72727305 0 0 1-1.5545461-65.4545461l118.22727305-2.74090869z" /></svg>

src/icons/rollback.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M384 70.4l-256 256 256 256zM384 768h256a192 192 0 1 0 0-384H384V256h256a320 320 0 0 1 0 640H384v-128z"/></svg>

src/icons/run.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M805.01428584 470.02142832c37.92857168 24.42857168 37.92857168 59.46428584 0 83.95714336l-546.17142832 332.55c-37.92857168 24.42857168-68.27142832 7.00714248-68.27142919-35.03571416V172.57142832c0-42.04285752 30.34285752-59.52857168 68.27142919-35.03571416l546.17142832 332.55z" /></svg>

src/icons/save.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M799.8125 92.9375H224.1875c-72.375 0-131.25 58.875-131.25 131.25v575.625c0 72.375 58.875 131.25 131.25 131.25h575.625c72.375 0 131.25-58.875 131.25-131.25V224.1875c0-72.375-58.875-131.25-131.25-131.25z m-430.6875 75h285.75v244.5c0 29.625-24.09375 53.8125-53.8125 53.8125H422.84375c-29.625 0-53.8125-24.09375-53.8125-53.8125V167.9375zM856.0625 799.8125c0 31.03125-25.21875 56.25-56.25 56.25H224.1875c-31.03125 0-56.25-25.21875-56.25-56.25V224.1875c0-31.03125 25.21875-56.25 56.25-56.25h69.9375v244.5c0 70.96875 57.75 128.8125 128.8125 128.8125h178.21875c70.96875 0 128.8125-57.75 128.8125-128.8125V167.9375H799.8125c31.03125 0 56.25 25.21875 56.25 56.25v575.625z"  /><path d="M570.40625 400.53125c20.71875 0 37.5-16.78125 37.5-37.5v-87.9375c0-20.71875-16.78125-37.5-37.5-37.5s-37.5 16.78125-37.5 37.5v87.9375c0 20.625 16.78125 37.5 37.5 37.5z"  /></svg>

src/icons/script.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M933.888 270.848c0-90.112-73.216-162.816-162.816-162.816H292.352c-66.56 0-118.784 56.832-113.664 122.88l42.496 473.088H91.136l-1.024 53.76c0 84.48 66.56 153.6 150.016 157.696h424.448c98.304 0 177.664-79.36 177.664-177.664l-46.08-410.112h138.24V270.848zM171.52 834.56c-20.48-20.48-31.744-47.104-31.744-75.776v-4.608H225.28l10.24 111.104c-24.064-2.56-46.592-13.312-64-30.72z m620.544-93.696c-0.512 33.28-13.824 64-37.376 87.552-24.064 24.064-56.32 37.376-90.112 37.376h-378.88L228.352 226.816c-1.536-17.92 4.608-34.816 16.896-48.128 12.288-13.312 28.672-20.48 47.104-20.48h18.944c23.552 26.112 37.888 60.928 37.888 98.816 0 25.6-6.656 49.664-17.92 71.168h414.208l46.592 412.672z m92.16-462.848h-486.4c0.512-7.168 1.024-13.824 1.024-20.992 0-35.84-9.216-69.632-26.112-98.816h397.824c30.208 0 58.368 11.776 79.872 33.28 21.504 21.504 33.28 49.664 33.28 79.872v6.656z"  /><path d="M420.864 476.672l-87.552 103.936 87.552 103.936 19.968-16.896-73.216-87.552 73.216-87.552c0 1.024-19.968-15.872-19.968-15.872z m203.264 0l-19.968 16.896 73.216 87.552-73.216 87.552 19.968 16.896 87.552-103.936c-0.512-1.024-87.552-104.96-87.552-104.96z m-75.264 0.512L471.04 688.128l24.576 9.216L573.44 486.4l-24.576-9.216z"  /></svg>

src/icons/search.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M940.94525629 910.34965332L725.67163259 689.77246814c58.18140445-66.5311763 93.43734518-153.60910222 93.43734518-248.92757333 0-208.95061333-169.38628741-378.33690075-378.33690075-378.33690074-208.95061333 0-378.33690075 169.38628741-378.33690073 378.33690074s169.38628741 378.33690075 378.33690073 378.33690074c96.15587555 0 183.91343408-35.88702815 250.66306372-94.97865481l214.77603555 220.05532444c4.75742815 4.87879111 11.05616592 7.31818667 17.36704 7.31818667 6.11669333 0 12.23338667-2.29376 16.95440593-6.9055526 9.58767408-9.36922075 9.78185482-24.73377185 0.41263407-34.32144593zM440.77207702 770.63661036c-44.54020741 0-87.73328592-8.71386075-128.35346962-25.89885629-39.26091852-16.60245333-74.54113185-40.38959408-104.84546371-70.69392593s-54.09147259-65.57240889-70.69392592-104.8454637c-17.18499555-40.63232-25.8988563-83.81326222-25.8988563-128.35346963s8.71386075-87.73328592 25.8988563-128.35346963c16.60245333-39.26091852 40.38959408-74.54113185 70.69392592-104.84546371s65.57240889-54.09147259 104.84546371-70.69392592c40.63232-17.18499555 83.81326222-25.8988563 128.35346962-25.8988563s87.73328592 8.71386075 128.35346964 25.8988563c39.26091852 16.60245333 74.54113185 40.38959408 104.8454637 70.69392592s54.09147259 65.57240889 70.69392593 104.84546371c17.18499555 40.63232 25.8988563 83.81326222 25.8988563 128.35346963s-8.71386075 87.73328592-25.8988563 128.35346963c-16.60245333 39.26091852-40.38959408 74.54113185-70.69392593 104.8454637s-65.57240889 54.09147259-104.8454637 70.69392593c-40.63232 17.19713185-83.81326222 25.8988563-128.35346964 25.89885629z" /></svg>

src/icons/settings.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M911.2 381.3h-3.8c-64.1 0-116.2-52.1-116.2-116.2 0-21.2 10.1-44.2 10.1-44.4 9.9-22.3 2.3-49.6-17.7-63.6l-1.1-0.7-111.8-62-1.1-0.5c-6.6-2.9-13.9-4.3-21.6-4.3-16 0-31.5 6.4-41.7 17-13.7 14.1-56.7 50.7-91.4 50.7-35 0-78.4-37.3-92-51.6-10.3-10.9-26-17.3-42.1-17.3-7.6 0-14.7 1.4-21.2 4.2l-1.4 0.4-115.7 63.6-1.1 0.8c-20.1 14-27.8 41.2-17.9 63.5 0.1 0.2 10.1 23.5 10.1 44.5 0 64.1-52.1 116.2-116.2 116.2h-3.9c-18.7-0.5-33.9 16-38.8 41.5-0.4 2.1-9.4 50-9.4 87.6 0 37.7 9 85.6 9.4 87.6 4.8 25.3 19.7 41.6 38.1 41.6h4.6c64.1 0 116.2 52.1 116.2 116.2 0 21.2-10.1 44.2-10.1 44.4-9.9 22.3-2.3 49.6 17.7 63.6l1.1 0.7L352 926.3l1.1 0.5c6.6 2.9 13.8 4.4 21.6 4.4 16.1 0 31.8-6.6 42-17.7 12.9-14 57.6-53.9 93.4-53.9 36.1 0 80.2 39.6 94 54.9 10.2 11.3 26.1 18 42.2 18 7.6 0 14.6-1.4 21.2-4.2l1.2-0.5 113.5-63.2 1.1-0.8c20-14 27.7-41.3 17.8-63.5-0.1-0.2-10.1-23.5-10.1-44.5 0-64.1 52.1-116.2 116.2-116.2h3.9c18.7 0.4 33.9-16 38.8-41.5 0.4-2 9.4-49.9 9.4-87.6 0-37.6-8.9-85.5-9.3-87.5-4.8-25.7-20.1-42.2-38.8-41.7zM510.3 664.7c-85.3 0-154.8-69.5-154.8-154.8 0-85.3 69.5-154.8 154.8-154.8 85.3 0 154.8 69.5 154.8 154.8 0.1 85.4-69.4 154.8-154.8 154.8z"  /><path d="M511.8 432.1c-43.8 0-79.5 35.7-79.5 79.5s35.7 79.5 79.5 79.5 79.5-35.7 79.5-79.5-35.6-79.5-79.5-79.5z"  /></svg>

src/icons/skin.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1.1181640625em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1145 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M577.075024 1023.780663c-196.379515 0-317.965195-30.122249-369.216885-90.366746a100.894911 100.894911 0 0 1-26.174187-73.112255c0-8.700358 18.936074-241.27044 34.070311-353.863311a117.564505 117.564505 0 0 0-23.469034-10.820614c-6.360766-2.120255-10.528165-4.53296-17.18138-6.580103-23.469034-10.820614-70.480213-34.947658-70.480213-34.947657a164.42946 164.42946 0 0 1-102.357156-106.890116 90.293634 90.293634 0 0 1 19.594084-79.034347l4.240511-4.240511 277.826567-249.093451a48.546537 48.546537 0 0 1 44.598475-10.820614 56.077099 56.077099 0 0 1 34.36276 32.75429 164.283236 164.283236 0 0 0 168.596858 109.156596c12.64842 0 21.348778 0 21.348779-2.120255h33.924086a158.288031 158.288031 0 0 0 164.42946-109.668382 46.938067 46.938067 0 0 1 34.07031-32.534953 48.765874 48.765874 0 0 1 44.890925 10.820614l271.027127 246.607634 4.240511 4.53296a90.366746 90.366746 0 0 1 17.181379 78.595673 165.233695 165.233695 0 0 1-102.357156 106.890116s-44.890924 24.053932-68.359958 34.947658a108.133024 108.133024 0 0 1-17.181379 6.580103 244.19493 244.19493 0 0 0-23.469034 11.186175c15.061124 111.130627 33.4123 345.089841 33.4123 355.910454a99.652003 99.652003 0 0 1-25.589289 69.822203c-50.59368 66.385927-167.792624 96.288839-361.978772 96.288839z m0 0" /></svg>

src/icons/star.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M530.323 489.143c14.152-6.564 27.892-13.194 40.815-19.711 12.922-6.609 23.267-11.486 30.902-14.54 7.657-2.985 13.788-4.58 18.437-4.58 7.657 0 14.267 2.507 19.873 7.747 5.605 5.106 8.386 11.6 8.386 19.233 0 4.375-1.39 8.979-4.124 13.673-2.712 4.717-5.652 7.747-8.707 9.068-28.303 11.12-59.501 19.301-93.479 24.361 6.176 5.605 13.743 13.239 22.743 22.629 9 9.526 13.743 14.54 14.107 15.177 3.327 4.58 7.908 10.3 13.834 17.093 5.927 6.836 10.027 12.124 12.329 15.974 2.301 3.898 3.464 8.478 3.464 13.969 0 7.02-2.622 13.194-7.909 18.437-5.219 5.286-12.08 7.93-20.418 7.93s-17.661-6.518-28.144-19.415c-10.413-12.899-23.884-36.211-40.336-69.778-16.658 30.218-27.893 50.249-33.546 59.913-5.719 9.571-11.212 16.886-16.453 21.854-5.286 4.923-11.28 7.431-18.117 7.431-8.113 0-14.88-2.781-20.304-8.387-5.266-5.605-8.022-11.646-8.022-17.958 0-5.926 1.072-10.414 3.282-13.447 20.19-27.415 41.225-51.343 63.217-71.421-18.437-2.894-34.867-6.109-49.337-9.571-14.495-3.578-29.9-8.661-46.101-15.496-2.665-1.344-5.219-4.375-7.748-9.068-2.461-4.649-3.691-9.024-3.691-12.967 0-7.633 2.781-14.108 8.387-19.233 5.605-5.219 12.009-7.747 19.279-7.747 5.286 0 11.828 1.595 19.758 4.763 7.862 3.213 17.887 7.793 30.059 13.81 12.193 6.038 26.093 12.786 41.659 20.259-2.849-13.834-5.219-29.717-7.087-47.537-1.868-17.888-2.78-30.127-2.78-36.736 0-8.113 2.576-15.018 7.703-20.897 5.219-5.812 11.781-8.707 19.917-8.707 7.978 0 14.425 2.895 19.598 8.707 5.197 5.881 7.747 13.582 7.747 23.243 0 2.622-0.433 7.816-1.186 15.656-0.683 7.816-1.868 17.206-3.26 28.258a4123.176 4123.176 0 0 0-4.739 38.012z" /></svg>

src/icons/step-over.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 597.333333C558.933333 597.333333 597.333333 635.733333 597.333333 682.666667 597.333333 729.6 558.933333 768 512 768 465.066667 768 426.666667 729.6 426.666667 682.666667 426.666667 635.733333 465.066667 597.333333 512 597.333333M1000.96 378.026667 933.12 672 640 604.16 802.133333 502.613333C741.973333 405.333333 634.453333 341.333333 512 341.333333 343.466667 341.333333 203.52 463.36 175.786667 624.213333L91.733333 609.28C126.293333 408.746667 301.226667 256 512 256 664.746667 256 799.146667 336.64 874.666667 457.386667L1000.96 378.026667Z" /></svg>

src/icons/structure.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M914.88 608.8h-66.288V470.704c0-11.048-11.048-22.088-22.096-22.088H533.744V360.232h121.52c16.568 0 27.616-11.048 27.616-27.616V150.336c0-16.568-11.048-27.624-27.616-27.624H379.08c-16.568 0-27.616 11.048-27.616 27.624v182.28c0 16.568 11.048 27.616 27.616 27.616h110.48v88.384H207.84c-11.048 0-22.096 11.04-22.096 22.088V614.32h-77.336c-16.568 0-27.616 11.048-27.616 27.616v193.336c0 16.56 11.048 27.616 27.616 27.616h193.336c16.568 0 27.616-11.056 27.616-27.616V641.936c0-16.568-11.048-27.616-27.616-27.616h-71.808V487.272h265.136V608.8h-77.336c-16.568 0-27.624 11.048-27.624 27.624v193.328c0 16.56 11.048 27.616 27.624 27.616h193.336c16.568 0 27.616-11.056 27.616-27.616V636.424c0-16.576-11.048-27.624-27.616-27.624h-77.336V487.28h270.664V608.8H716.024c-16.568 0-27.616 11.048-27.616 27.624v193.328c0 16.56 11.048 27.616 27.616 27.616h193.328c16.576 0 27.616-11.056 27.616-27.616V636.424c5.536-11.056-11.04-27.624-22.088-27.624zM401.176 172.424h231.992v143.616H401.176V172.424z m-121.52 640.744H130.512V658.504h149.144v154.664z m309.328 0H439.84V658.504h149.144v154.664z m303.808 0H743.64V658.504h149.152v154.664z" /></svg>

src/icons/task.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512.78747336 189.40294037A372.25009177 372.25009177 0 1 1 512.73122556 933.8468761a372.25009177 372.25009177 0 0 1 0-744.50018353z m20.02433313 179.43151904h-39.93616901a6.69352725 6.69352725 0 0 0-6.69352725 6.69352725V604.2328627c0 2.19367667 1.01246621 4.1623613 2.75615881 5.39982038l137.41416897 100.23415877a6.63727863 6.63727863 0 0 0 9.28094102-1.4624511l23.79295651-32.39891977a6.5247822 6.5247822 0 0 0-1.51869891-9.22469321L539.44908511 581.17113175V375.52798666a6.69352725 6.69352725 0 0 0-6.63727862-6.69352726zM711.28710712 90.125a24.80542356 24.80542356 0 0 1-1e-8 49.61084629H314.23159262a24.80542356 24.80542356 0 0 1 0-49.61084629h397.1117623z" /></svg>

src/icons/todo.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1.2998046875em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1331 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M226.5447591 162.54475911m33.33461339 0l66.66922753 0q33.33461339 0 33.3346134 33.33461339l0 66.66922753q0 33.33461339-33.33461341 33.3346134l-66.66922752 0q-33.33461339 0-33.33461339-33.33461341l0-66.66922752q0-33.33461339 33.33461339-33.33461339Z" fill="currentColor" /><path d="M426.55244094 162.54475911m33.3346134 0l600.0230455 0q33.33461339 0 33.33461339 33.33461339l0 66.66922753q0 33.33461339-33.33461339 33.3346134l-600.0230455 0q-33.33461339 0-33.3346134-33.33461341l0-66.66922752q0-33.33461339 33.3346134-33.33461339Z" fill="currentColor" /><path d="M226.5447591 429.22166774m33.33461339 0l66.66922753 0q33.33461339 0 33.3346134 33.33461412l0 66.66922681q0 33.33461339-33.33461341 33.3346141l-66.66922752 0q-33.33461339 0-33.33461339-33.3346141l0-66.66922681q0-33.33461339 33.33461339-33.33461412Z" fill="currentColor" /><path d="M426.55244094 429.22166774m33.3346134 0l600.0230455 0q33.33461339 0 33.33461339 33.33461412l0 66.66922681q0 33.33461339-33.33461339 33.3346141l-600.0230455 0q-33.33461339 0-33.3346134-33.3346141l0-66.66922681q0-33.33461339 33.3346134-33.33461412Z" fill="currentColor" /><path d="M226.5447591 695.89857708m33.33461339 0l66.66922753 0q33.33461339 0 33.3346134 33.33461341l0 66.66922752q0 33.33461339-33.33461341 33.3346134l-66.66922752 0q-33.33461339 0-33.33461339-33.3346134l0-66.66922752q0-33.33461339 33.33461339-33.33461341Z" fill="currentColor" /><path d="M426.55244094 695.89857708m33.3346134 0l600.0230455 0q33.33461339 0 33.33461339 33.33461341l0 66.66922752q0 33.33461339-33.33461339 33.3346134l-600.0230455 0q-33.33461339 0-33.3346134-33.3346134l0-66.66922752q0-33.33461339 33.3346134-33.33461341Z" fill="currentColor" /></svg>

src/icons/unfold.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M719.3835244 186.11160469H304.6164756C239.43879653 186.11160469 186.11160469 239.43879653 186.11160469 304.6164756v414.7670488c0 65.17767906 53.32719185 118.5048709 118.5048709 118.50487091h414.76704882c65.17767906 0 118.5048709-53.32719185 118.5048709-118.50487091V304.6164756c0-65.17767906-53.32719185-118.5048709-118.5048709-118.50487091z m59.25243545 533.27191972c0 35.55146103-23.70097444 59.25243545-59.25243544 59.25243544H304.6164756c-35.55146103 0-59.25243545-23.70097444-59.25243545-59.25243544V304.6164756c0-35.55146103 23.70097444-59.25243545 59.25243544-59.25243545h414.76704881c35.55146103 0 59.25243545 23.70097444 59.25243545 59.25243544v414.76704881z"  /><path d="M393.4951291 482.37378195h237.0097418c17.77573084 0 29.62621805 11.85048723 29.62621806 29.62621805s-11.85048723 29.62621805-29.62621805 29.62621805h-237.00974181c-17.77573084 0-29.62621805-11.85048723-29.62621806-29.62621805s11.85048723-29.62621805 29.62621805-29.62621805z"  /></svg>

src/icons/update.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M776.99023438 884.56835938H250.96484375c-60.90820313 0-110.7421875-49.83398438-110.7421875-110.74218751v-526.02539062c0-60.90820313 49.83398438-110.7421875 110.7421875-110.7421875h446.92382813c17.40234375 0 31.640625 14.23828125 31.64062499 31.640625s-14.23828125 31.640625-31.640625 31.640625H250.96484375c-26.10351563 0-47.4609375 21.35742188-47.4609375 47.4609375v526.02539063c0 26.10351563 21.35742188 47.4609375 47.4609375 47.4609375h526.02539063c26.10351563 0 47.4609375-21.35742188 47.4609375-47.4609375v-348.04687501c0-17.40234375 14.23828125-31.640625 31.64062499-31.64062499s31.640625 14.23828125 31.64062501 31.64062499v348.04687501c0 60.90820313-49.43847655 110.7421875-110.7421875 110.7421875z" fill="currentColor" /><path d="M408.77246094 701.84375001c-7.91015625 0-16.21582031-3.1640625-22.54394532-9.0966797-12.26074219-12.26074219-12.26074219-32.43164063 0-44.69238281L833.94335938 200.33984375c12.26074219-12.26074219 32.43164063-12.26074219 44.69238281 0 12.26074219 12.26074219 12.26074219 32.43164063 0 44.69238281L431.31640625 692.74707031c-6.328125 5.93261719-14.23828125 9.09667969-22.54394531 9.0966797z" fill="currentColor" /></svg>

src/icons/upload.svg

@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M768.35456 416a256 256 0 1 0-512 0 192 192 0 1 0 0 384v64a256 256 0 0 1-58.88-505.216 320.128 320.128 0 0 1 629.76 0A256.128 256.128 0 0 1 768.35456 864v-64a192 192 0 0 0 0-384z m-512 384h128v64H256.35456v-64z m384 0h128v64h-128v-64z" fill="currentColor" /><path d="M539.04256 589.184v333.056a32.448 32.448 0 0 1-32 32.192 32.448 32.448 0 0 1-32-32.192V589.184l-36.096 36.096a32.192 32.192 0 0 1-45.056-0.192 31.616 31.616 0 0 1-0.192-45.056l90.88-90.88a31.36 31.36 0 0 1 22.528-9.152 30.08 30.08 0 0 1 22.4 9.088l90.88 90.944a32.192 32.192 0 0 1-0.192 45.056 31.616 31.616 0 0 1-45.056 0.192l-36.096-36.096z" fill="currentColor" /></svg>

src/main.js

@@ -1,7 +1,9 @@
-import { createApp } from 'vue'
+import * as Vue from 'vue'
 import App from './App.vue'
 import './assets/index.css'
 import MagicEditor from './magic-editor.js'
-const app = createApp(App);
+import 'vite-plugin-svg-icons/register'
+window.Vue = Vue
+const app = Vue.createApp(App);
 app.use(MagicEditor)
 app.mount('#app')

src/scripts/utils.js

@@ -36,43 +36,43 @@ export function sortArrayObject(arr, reverse, field, childField) {
 	}
 	return arr
 }
-export function randomString(len){
-	return Array(len).fill(0).map(() => (Math.random()*16|0).toString(16)).join('')
+export function randomString(len) {
+	return Array(len).fill(0).map(() => (Math.random() * 16 | 0).toString(16)).join('')
 }
-export function paddingZero(val, len){
+export function paddingZero(val, len) {
 	len = len || 2
 	return (Array(len).join(0) + val).slice(-len)
 }
-export function formatDate(val){
+export function formatDate(val) {
 	if (typeof val === 'number') {
-        if (val.toString().length === 13) {
-            val = new Date(val)
-        } else {
-            val = new Date(val * 1000)
-        }
-    }
-    if (val instanceof Date) {
-        var month = val.getMonth() + 1;
-        var day = val.getDate();
-        var hour = val.getHours();
-        var minute = val.getMinutes();
-        var seconds = val.getSeconds();
-        return val.getFullYear() + '-' + paddingZero(month) + '-' + paddingZero(day) + ' ' + paddingZero(hour) + ':' + paddingZero(minute) + ':' + paddingZero(seconds);
-    }
-    return '';
+		if (val.toString().length === 13) {
+			val = new Date(val)
+		} else {
+			val = new Date(val * 1000)
+		}
+	}
+	if (val instanceof Date) {
+		var month = val.getMonth() + 1;
+		var day = val.getDate();
+		var hour = val.getHours();
+		var minute = val.getMinutes();
+		var seconds = val.getSeconds();
+		return val.getFullYear() + '-' + paddingZero(month) + '-' + paddingZero(day) + ' ' + paddingZero(hour) + ':' + paddingZero(minute) + ':' + paddingZero(seconds);
+	}
+	return '';
 }
 
-export function replaceURL(url){
+export function replaceURL(url) {
 	return url.replace(/:?\/+/g, e => e.indexOf(':') > -1 ? e : '/');
 }
-export function convertVariables(variables){
+export function convertVariables(variables) {
 	const convertObject = data => {
-		if(Array.isArray(data)){
+		if (Array.isArray(data)) {
 			let len = data.length;
 			let chunkSize = 100;
-			if(len > chunkSize){
+			if (len > chunkSize) {
 				let ranges = [];
-				for(let index =0; index < len; index+=chunkSize){
+				for (let index = 0; index < len; index += chunkSize) {
 					ranges.push({
 						name: `[${index}...${Math.min(index + chunkSize, len) - 1}]`,
 						folder: true,
@@ -93,9 +93,9 @@ export function convertVariables(variables){
 		}
 	}
 	const convertToJson = value => {
-		try{
+		try {
 			return JSON.parse(value)
-		} catch(e){
+		} catch (e) {
 			return value
 		}
 	}
@@ -110,10 +110,10 @@ export function convertVariables(variables){
 				displayText = true
 				dataType = typeof data
 			} else {
-				if(Array.isArray(data)){
+				if (Array.isArray(data)) {
 					size = `size = ${data.length}`
 					dataType = 'array'
-				}else {
+				} else {
 					size = `members = ${data && Object.keys(data).length}`
 					dataType = 'object'
 				}
@@ -122,15 +122,15 @@ export function convertVariables(variables){
 			}
 		} else {
 			dataType = type?.substring(10)?.toLowerCase() || typeof data
-			if(['integer', 'double', 'float', 'byte', 'short', 'long'].indexOf(dataType) > -1){
+			if (['integer', 'double', 'float', 'byte', 'short', 'long'].indexOf(dataType) > -1) {
 				dataType = 'number'
 			}
-			if(dataType === 'class'){
+			if (dataType === 'class') {
 				value = value.substring(1, value.length - 1)
 			}
 		}
 		let isNull = data == null && !displayText
-		if(isNull){
+		if (isNull) {
 			type = 'null'
 			displayText = true
 			value = 'null'
@@ -150,10 +150,10 @@ export function convertVariables(variables){
 	}
 	return variables && variables.map(it => convert(it.name, it.type, it.value)) || []
 }
-export function getSizeUnit(dataLen){
-	const unit = ['B','KB','MB'];
+export function getSizeUnit(dataLen) {
+	const unit = ['B', 'KB', 'MB'];
 	let index = 0;
-	while(index < unit.length && dataLen >= 1024){
+	while (index < unit.length && dataLen >= 1024) {
 		dataLen = dataLen / 1024
 		index++;
 	}
@@ -161,52 +161,52 @@ export function getSizeUnit(dataLen){
 	return `${dataLen} ${unit[index]}`
 }
 
-export function processTree(tree, fn){
+export function processTree(tree, fn) {
 	const process = list => list.filter(it => it.folder).forEach(it => {
-        process(it.children || []);
-        fn(it)
-    })
-    process(tree || [])
+		process(it.children || []);
+		fn(it)
+	})
+	process(tree || [])
 }
 
 
-export function download (blob, filename){
-    let element = document.createElement('a')
-    let href = window.URL.createObjectURL(blob);
-    element.href = href;
-    element.download = filename;
-    document.body.appendChild(element);
-    element.click();
-    document.body.removeChild(element);
-    window.URL.revokeObjectURL(href)
+export function download(blob, filename) {
+	let element = document.createElement('a')
+	let href = window.URL.createObjectURL(blob);
+	element.href = href;
+	element.download = filename;
+	document.body.appendChild(element);
+	element.click();
+	document.body.removeChild(element);
+	window.URL.revokeObjectURL(href)
 }
 
-export function copyToClipboard(value){
+export function copyToClipboard(value) {
 	try {
-        var copyText = document.createElement('textarea')
-        copyText.style = 'position:absolute;left:-99999999px'
-        document.body.appendChild(copyText)
-        copyText.innerHTML = value
-        copyText.readOnly = false
-        copyText.select()
-        document.execCommand('copy')
-        return true
-      } catch (e) {
-        return false
-      }
+		var copyText = document.createElement('textarea')
+		copyText.style = 'position:absolute;left:-99999999px'
+		document.body.appendChild(copyText)
+		copyText.innerHTML = value
+		copyText.readOnly = false
+		copyText.select()
+		document.execCommand('copy')
+		return true
+	} catch (e) {
+		return false
+	}
 }
 
-export function hash(str){
+export function hash(str) {
 	let h = 0;
-	for(let i = 0,offset = 0, len = str.length; i < len; i++){
+	for (let i = 0, offset = 0, len = str.length; i < len; i++) {
 		h = 31 * h + str.charCodeAt(offset++);
 	}
 	return h;
 }
 
-export function definition2TreeList(definition){
+export function definition2TreeList(definition) {
 	let treeList = []
-	const appendNode = (node, level) =>{
+	const appendNode = (node, level) => {
 		const item = {
 			level,
 			node,
@@ -214,7 +214,7 @@ export function definition2TreeList(definition){
 			folder: node?.dataType === 'Object' || node?.dataType === 'Array',
 			display: true
 		}
-		if(item.folder){
+		if (item.folder) {
 			item.expand = true
 		}
 		treeList.push(item)
@@ -229,3 +229,25 @@ export function definition2TreeList(definition){
 	appendChild(definition?.children || [], 1)
 	return treeList
 }
+
+export function loadPlugin(url) {
+	return new Promise(resolve => {
+		const head = document.getElementsByTagName('head')[0];
+		const element = document.createElement('script');
+		element.setAttribute('type', 'text/javascript');
+		element.src = url;
+		head.appendChild(element);
+		if (element.readyState) {
+			element.onreadystatechange = () => {
+				if (element.readyState === 'loaded' || element.readyState === 'complete') {
+					element.onreadystatechange = null;
+					resolve();
+				}
+			};
+		} else {
+			element.onload = function(){
+				resolve()
+			};
+		}
+	})
+}

vite.config.js

@@ -1,7 +1,9 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import viteSvgIcons from 'vite-plugin-svg-icons';
 import { MonacoEditorNls } from './src/plugins/monaco-editor-nls.js'
 import { MonacoExcludeLanguages } from './src/plugins/monaco-exclude-languages.js'
+import path from 'path'
 const buildIndex = () => {
 	return {
 		name: 'html-transform',
@@ -48,6 +50,10 @@ export default defineConfig({
 	},
 	plugins: [
 		vue(),
+		viteSvgIcons({
+			iconDirs: [path.resolve(process.cwd(), 'src/icons')],
+			symbolId: 'magic-icon-[name]'
+		}),
 		buildIndex(),
 		MonacoEditorNls(),
 		MonacoExcludeLanguages()