diff --git a/src/components/composer/ComposerCard.vue b/src/components/composer/ComposerCard.vue
index 82b8b02..48f88c6 100644
--- a/src/components/composer/ComposerCard.vue
+++ b/src/components/composer/ComposerCard.vue
@@ -67,7 +67,7 @@
 <script>
 import { defineComponent, inject } from "vue";
 import { validateVariableName } from "js/common/variableValidator";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 import MultiParams from "components/composer/MultiParams.vue";
 import CommandHead from "components/composer/card/CommandHead.vue";
 import * as CardComponents from "js/composer/cardComponents";
diff --git a/src/components/composer/MultiParams.vue b/src/components/composer/MultiParams.vue
index 57bf94d..86c1566 100644
--- a/src/components/composer/MultiParams.vue
+++ b/src/components/composer/MultiParams.vue
@@ -63,9 +63,9 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
-import NumberInput from "components/composer/ui/NumberInput.vue";
-import ArrayEditor from "components/composer/ui/ArrayEditor.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
+import NumberInput from "components/composer/common/NumberInput.vue";
+import ArrayEditor from "components/composer/common/ArrayEditor.vue";
 import {
   stringifyArgv,
   parseToHasType,
diff --git a/src/components/composer/ui/ArrayEditor.vue b/src/components/composer/common/ArrayEditor.vue
similarity index 98%
rename from src/components/composer/ui/ArrayEditor.vue
rename to src/components/composer/common/ArrayEditor.vue
index a91a900..ca5960b 100644
--- a/src/components/composer/ui/ArrayEditor.vue
+++ b/src/components/composer/common/ArrayEditor.vue
@@ -115,7 +115,7 @@
  * ]
  */
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 
 export default defineComponent({
   name: "ArrayEditor",
diff --git a/src/components/composer/ui/BorderLabel.vue b/src/components/composer/common/BorderLabel.vue
similarity index 100%
rename from src/components/composer/ui/BorderLabel.vue
rename to src/components/composer/common/BorderLabel.vue
diff --git a/src/components/composer/ui/ControlInput.vue b/src/components/composer/common/ControlInput.vue
similarity index 100%
rename from src/components/composer/ui/ControlInput.vue
rename to src/components/composer/common/ControlInput.vue
diff --git a/src/components/composer/ui/DictEditor.vue b/src/components/composer/common/DictEditor.vue
similarity index 98%
rename from src/components/composer/ui/DictEditor.vue
rename to src/components/composer/common/DictEditor.vue
index e7eb9f5..a10a489 100644
--- a/src/components/composer/ui/DictEditor.vue
+++ b/src/components/composer/common/DictEditor.vue
@@ -95,7 +95,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 
 /**
  * 字典编辑器组件
diff --git a/src/components/composer/ui/NumberInput.vue b/src/components/composer/common/NumberInput.vue
similarity index 100%
rename from src/components/composer/ui/NumberInput.vue
rename to src/components/composer/common/NumberInput.vue
diff --git a/src/components/composer/ui/VariableInput.vue b/src/components/composer/common/VariableInput.vue
similarity index 100%
rename from src/components/composer/ui/VariableInput.vue
rename to src/components/composer/common/VariableInput.vue
diff --git a/src/components/composer/control/ConditionalJudgment.vue b/src/components/composer/control/ConditionalJudgment.vue
index d149acc..b4d2642 100644
--- a/src/components/composer/control/ConditionalJudgment.vue
+++ b/src/components/composer/control/ConditionalJudgment.vue
@@ -60,7 +60,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import ControlInput from "../ui/ControlInput.vue";
+import ControlInput from "components/composer/common/ControlInput.vue";
 
 export default defineComponent({
   name: "ConditionalJudgment",
diff --git a/src/components/composer/control/ForEachControl.vue b/src/components/composer/control/ForEachControl.vue
index 05397ad..652272f 100644
--- a/src/components/composer/control/ForEachControl.vue
+++ b/src/components/composer/control/ForEachControl.vue
@@ -82,7 +82,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import ControlInput from "../ui/ControlInput.vue";
+import ControlInput from "components/composer/common/ControlInput.vue";
 
 export default defineComponent({
   name: "ForEachControl",
diff --git a/src/components/composer/control/ForInControl.vue b/src/components/composer/control/ForInControl.vue
index cbbfc43..e651190 100644
--- a/src/components/composer/control/ForInControl.vue
+++ b/src/components/composer/control/ForInControl.vue
@@ -82,7 +82,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import ControlInput from "../ui/ControlInput.vue";
+import ControlInput from "components/composer/common/ControlInput.vue";
 
 export default defineComponent({
   name: "ForInControl",
diff --git a/src/components/composer/control/LoopControl.vue b/src/components/composer/control/LoopControl.vue
index 3ebad8f..b2f42f5 100644
--- a/src/components/composer/control/LoopControl.vue
+++ b/src/components/composer/control/LoopControl.vue
@@ -87,7 +87,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import ControlInput from "../ui/ControlInput.vue";
+import ControlInput from "components/composer/common/ControlInput.vue";
 
 export default defineComponent({
   name: "LoopControl",
diff --git a/src/components/composer/control/SwitchControl.vue b/src/components/composer/control/SwitchControl.vue
index 416d982..fadcf73 100644
--- a/src/components/composer/control/SwitchControl.vue
+++ b/src/components/composer/control/SwitchControl.vue
@@ -80,7 +80,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import ControlInput from "../ui/ControlInput.vue";
+import ControlInput from "components/composer/common/ControlInput.vue";
 
 export default defineComponent({
   name: "SwitchControl",
diff --git a/src/components/composer/control/TryCatchControl.vue b/src/components/composer/control/TryCatchControl.vue
index be60e0b..fb508ab 100644
--- a/src/components/composer/control/TryCatchControl.vue
+++ b/src/components/composer/control/TryCatchControl.vue
@@ -71,7 +71,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import ControlInput from "../ui/ControlInput.vue";
+import ControlInput from "components/composer/common/ControlInput.vue";
 
 export default defineComponent({
   name: "TryCatchControl",
diff --git a/src/components/composer/control/WhileControl.vue b/src/components/composer/control/WhileControl.vue
index b338bb4..6c129c7 100644
--- a/src/components/composer/control/WhileControl.vue
+++ b/src/components/composer/control/WhileControl.vue
@@ -71,7 +71,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import ControlInput from "../ui/ControlInput.vue";
+import ControlInput from "components/composer/common/ControlInput.vue";
 
 export default defineComponent({
   name: "WhileControl",
diff --git a/src/components/composer/data/AsymmetricCryptoEditor.vue b/src/components/composer/data/AsymmetricCryptoEditor.vue
index f9c649d..4c53161 100644
--- a/src/components/composer/data/AsymmetricCryptoEditor.vue
+++ b/src/components/composer/data/AsymmetricCryptoEditor.vue
@@ -184,7 +184,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
 
 export default defineComponent({
diff --git a/src/components/composer/data/BufferEditor.vue b/src/components/composer/data/BufferEditor.vue
index c2829c8..59d8169 100644
--- a/src/components/composer/data/BufferEditor.vue
+++ b/src/components/composer/data/BufferEditor.vue
@@ -363,9 +363,9 @@
 <script>
 import { defineComponent } from "vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
-import VariableInput from "components/composer/ui/VariableInput.vue";
-import NumberInput from "components/composer/ui/NumberInput.vue";
-import ArrayEditor from "components/composer/ui/ArrayEditor.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
+import NumberInput from "components/composer/common/NumberInput.vue";
+import ArrayEditor from "components/composer/common/ArrayEditor.vue";
 
 export default defineComponent({
   name: "BufferEditor",
diff --git a/src/components/composer/data/SymmetricCryptoEditor.vue b/src/components/composer/data/SymmetricCryptoEditor.vue
index 9324219..09885a2 100644
--- a/src/components/composer/data/SymmetricCryptoEditor.vue
+++ b/src/components/composer/data/SymmetricCryptoEditor.vue
@@ -184,7 +184,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
 
 export default defineComponent({
diff --git a/src/components/composer/data/ZlibEditor.vue b/src/components/composer/data/ZlibEditor.vue
index 809d9f6..63f2b9f 100644
--- a/src/components/composer/data/ZlibEditor.vue
+++ b/src/components/composer/data/ZlibEditor.vue
@@ -142,8 +142,8 @@
 <script>
 import { defineComponent } from "vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
-import VariableInput from "components/composer/ui/VariableInput.vue";
-import NumberInput from "components/composer/ui/NumberInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
+import NumberInput from "components/composer/common/NumberInput.vue";
 
 export default defineComponent({
   name: "ZlibEditor",
diff --git a/src/components/composer/data/regex/RegexEditor.vue b/src/components/composer/data/regex/RegexEditor.vue
index 399d07a..36f5801 100644
--- a/src/components/composer/data/regex/RegexEditor.vue
+++ b/src/components/composer/data/regex/RegexEditor.vue
@@ -93,7 +93,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 import RegexInput from "./RegexInput.vue";
 import RegexBuilder from "./RegexBuilder.vue";
 import RegexTester from "./RegexTester.vue";
diff --git a/src/components/composer/file/FileOperationEditor.vue b/src/components/composer/file/FileOperationEditor.vue
index 3d5a3aa..cb4b919 100644
--- a/src/components/composer/file/FileOperationEditor.vue
+++ b/src/components/composer/file/FileOperationEditor.vue
@@ -381,8 +381,8 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
-import NumberInput from "components/composer/ui/NumberInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
+import NumberInput from "components/composer/common/NumberInput.vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
 
 // 静态选项数据
diff --git a/src/components/composer/network/AxiosConfigEditor.vue b/src/components/composer/network/AxiosConfigEditor.vue
index 717644d..8b3ee7c 100644
--- a/src/components/composer/network/AxiosConfigEditor.vue
+++ b/src/components/composer/network/AxiosConfigEditor.vue
@@ -149,9 +149,9 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
-import NumberInput from "components/composer/ui/NumberInput.vue";
-import DictEditor from "components/composer/ui/DictEditor.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
+import NumberInput from "components/composer/common/NumberInput.vue";
+import DictEditor from "components/composer/common/DictEditor.vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
 import {
   userAgent,
diff --git a/src/components/composer/network/DnsEditor.vue b/src/components/composer/network/DnsEditor.vue
index 8454528..0b8f669 100644
--- a/src/components/composer/network/DnsEditor.vue
+++ b/src/components/composer/network/DnsEditor.vue
@@ -74,7 +74,7 @@
 <script>
 import { defineComponent } from "vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 
 export default defineComponent({
   name: "DnsEditor",
diff --git a/src/components/composer/network/UrlEditor.vue b/src/components/composer/network/UrlEditor.vue
index 3e3b23c..9fe270b 100644
--- a/src/components/composer/network/UrlEditor.vue
+++ b/src/components/composer/network/UrlEditor.vue
@@ -170,8 +170,8 @@
 <script>
 import { defineComponent } from "vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
-import VariableInput from "components/composer/ui/VariableInput.vue";
-import DictEditor from "components/composer/ui/DictEditor.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
+import DictEditor from "components/composer/common/DictEditor.vue";
 
 export default defineComponent({
   name: "UrlEditor",
diff --git a/src/components/composer/simulate/ImageSearchEditor.vue b/src/components/composer/simulate/ImageSearchEditor.vue
index 26359a2..7712de0 100644
--- a/src/components/composer/simulate/ImageSearchEditor.vue
+++ b/src/components/composer/simulate/ImageSearchEditor.vue
@@ -96,7 +96,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import NumberInput from "../ui/NumberInput.vue";
+import NumberInput from "components/composer/common/NumberInput.vue";
 
 export default defineComponent({
   name: "ImageSearchEditor",
diff --git a/src/components/composer/system/PathEditor.vue b/src/components/composer/system/PathEditor.vue
index 592b103..4cdea32 100644
--- a/src/components/composer/system/PathEditor.vue
+++ b/src/components/composer/system/PathEditor.vue
@@ -162,7 +162,7 @@
 <script>
 import { defineComponent } from "vue";
 import { stringifyArgv, parseFunction } from "js/composer/formatString";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 
 export default defineComponent({
   name: "PathEditor",
diff --git a/src/components/composer/system/SystemCommandEditor.vue b/src/components/composer/system/SystemCommandEditor.vue
index ad2e429..a09252e 100644
--- a/src/components/composer/system/SystemCommandEditor.vue
+++ b/src/components/composer/system/SystemCommandEditor.vue
@@ -132,10 +132,10 @@
 <script>
 import { defineComponent } from "vue";
 import { parseFunction, stringifyArgv } from "js/composer/formatString";
-import VariableInput from "components/composer/ui/VariableInput.vue";
-import NumberInput from "components/composer/ui/NumberInput.vue";
-import DictEditor from "components/composer/ui/DictEditor.vue";
-import BorderLabel from "components/composer/ui/BorderLabel.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
+import NumberInput from "components/composer/common/NumberInput.vue";
+import DictEditor from "components/composer/common/DictEditor.vue";
+import BorderLabel from "components/composer/common/BorderLabel.vue";
 
 export default defineComponent({
   name: "SystemCommandEditor",
diff --git a/src/components/composer/ubrowser/UBrowserBasic.vue b/src/components/composer/ubrowser/UBrowserBasic.vue
index ec64bbd..f5db468 100644
--- a/src/components/composer/ubrowser/UBrowserBasic.vue
+++ b/src/components/composer/ubrowser/UBrowserBasic.vue
@@ -69,8 +69,8 @@
 <script>
 import { defineComponent, ref, computed } from "vue";
 import { userAgent } from "js/options/httpOptions";
-import VariableInput from "components/composer/ui/VariableInput.vue";
-import NumberInput from "components/composer/ui/NumberInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
+import NumberInput from "components/composer/common/NumberInput.vue";
 
 export default defineComponent({
   name: "UBrowserBasic",
diff --git a/src/components/composer/ubrowser/UBrowserRun.vue b/src/components/composer/ubrowser/UBrowserRun.vue
index 71ad773..9c445ff 100644
--- a/src/components/composer/ubrowser/UBrowserRun.vue
+++ b/src/components/composer/ubrowser/UBrowserRun.vue
@@ -156,7 +156,7 @@
 
 <script>
 import { defineComponent, ref, computed } from "vue";
-import NumberInput from "components/composer/ui/NumberInput.vue";
+import NumberInput from "components/composer/common/NumberInput.vue";
 
 export default defineComponent({
   name: "UBrowserRun",
diff --git a/src/components/composer/ubrowser/operations/UBrowserCookieList.vue b/src/components/composer/ubrowser/operations/UBrowserCookieList.vue
index e5d916d..8faacf2 100644
--- a/src/components/composer/ubrowser/operations/UBrowserCookieList.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserCookieList.vue
@@ -54,7 +54,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserCookieList",
diff --git a/src/components/composer/ubrowser/operations/UBrowserDeviceName.vue b/src/components/composer/ubrowser/operations/UBrowserDeviceName.vue
index 342b2a8..91fab79 100644
--- a/src/components/composer/ubrowser/operations/UBrowserDeviceName.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserDeviceName.vue
@@ -32,7 +32,7 @@
 <script>
 import { defineComponent } from "vue";
 import { deviceName } from "js/options/httpOptions";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserDeviceName",
diff --git a/src/components/composer/ubrowser/operations/UBrowserFileList.vue b/src/components/composer/ubrowser/operations/UBrowserFileList.vue
index ce8f1de..8a3268f 100644
--- a/src/components/composer/ubrowser/operations/UBrowserFileList.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserFileList.vue
@@ -42,7 +42,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserFileList",
diff --git a/src/components/composer/ubrowser/operations/UBrowserNamedParamList.vue b/src/components/composer/ubrowser/operations/UBrowserNamedParamList.vue
index dec538e..caef399 100644
--- a/src/components/composer/ubrowser/operations/UBrowserNamedParamList.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserNamedParamList.vue
@@ -46,7 +46,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserNamedParamList",
diff --git a/src/components/composer/ubrowser/operations/UBrowserOperation.vue b/src/components/composer/ubrowser/operations/UBrowserOperation.vue
index 1c134a6..f3a191a 100644
--- a/src/components/composer/ubrowser/operations/UBrowserOperation.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserOperation.vue
@@ -176,8 +176,8 @@ import UBrowserFileList from "./UBrowserFileList.vue";
 import UBrowserCookieList from "./UBrowserCookieList.vue";
 import UBrowserNamedParamList from "./UBrowserNamedParamList.vue";
 import UBrowserDeviceName from "./UBrowserDeviceName.vue";
-import VariableInput from "components/composer/ui/VariableInput.vue";
-import NumberInput from "components/composer/ui/NumberInput.vue";
+import VariableInput from "components/composer/common/VariableInput.vue";
+import NumberInput from "components/composer/common/NumberInput.vue";
 
 export default defineComponent({
   name: "UBrowserOperation",
diff --git a/src/css/composer.css b/src/css/composer.css
index 61f1b9c..4580e37 100644
--- a/src/css/composer.css
+++ b/src/css/composer.css
@@ -87,8 +87,8 @@
 }
 
 /* 输入框标签悬浮的位置 */
-.command-composer .q-field--filled .q-field--float .q_field__label {
-  transform: translateY(-35%) scale(0.7);
+.command-composer .q-field--filled.q-field--dense.q-field--float .q-field__label {
+  transform: translateY(-50%) scale(0.75);
 }
 
 /* 去除filled输入框边框 */
diff --git a/src/js/composer/commands/dataCommands.js b/src/js/composer/commands/dataCommands.js
index 27e0dea..fe355a1 100644
--- a/src/js/composer/commands/dataCommands.js
+++ b/src/js/composer/commands/dataCommands.js
@@ -1,6 +1,6 @@
 export const dataCommands = {
   label: "数据处理",
-  icon: "auto_graph",
+  icon: "format_color_text",
   defaultOpened: false,
   commands: [
     {
diff --git a/src/js/composer/commands/fileCommands.js b/src/js/composer/commands/fileCommands.js
index d015636..49a3f0b 100644
--- a/src/js/composer/commands/fileCommands.js
+++ b/src/js/composer/commands/fileCommands.js
@@ -1,6 +1,6 @@
 export const fileCommands = {
   label: "文件操作",
-  icon: "folder",
+  icon: "folder_open",
   defaultOpened: true,
   commands: [
     {
diff --git a/src/js/composer/commands/index.js b/src/js/composer/commands/index.js
index 2c52b58..c3189b2 100644
--- a/src/js/composer/commands/index.js
+++ b/src/js/composer/commands/index.js
@@ -15,7 +15,7 @@ export const commandCategories = [
   notifyCommands,
   dataCommands,
   controlCommands,
-  otherCommands,
-  simulateCommands,
   uiCommands,
+  simulateCommands,
+  otherCommands,
 ];
diff --git a/src/js/composer/commands/notifyCommands.js b/src/js/composer/commands/notifyCommands.js
index 0013327..a741374 100644
--- a/src/js/composer/commands/notifyCommands.js
+++ b/src/js/composer/commands/notifyCommands.js
@@ -1,6 +1,6 @@
 export const notifyCommands = {
   label: "消息通知",
-  icon: "notifications",
+  icon: "chat_bubble_outline",
   defaultOpened: false,
   commands: [
     {
diff --git a/src/js/composer/commands/simulateCommands.js b/src/js/composer/commands/simulateCommands.js
index 89287f4..efe757d 100644
--- a/src/js/composer/commands/simulateCommands.js
+++ b/src/js/composer/commands/simulateCommands.js
@@ -1,6 +1,6 @@
 export const simulateCommands = {
   label: "模拟操作",
-  icon: "keyboard",
+  icon: "ads_click",
   defaultOpened: false,
   commands: [
     {
diff --git a/src/js/composer/commands/uiCommand.js b/src/js/composer/commands/uiCommand.js
index b60b8fe..1445361 100644
--- a/src/js/composer/commands/uiCommand.js
+++ b/src/js/composer/commands/uiCommand.js
@@ -1,6 +1,6 @@
 export const uiCommands = {
   label: "UI操作",
-  icon: "auto_graph",
+  icon: "web",
   defaultOpened: false,
   commands: [
     {