编排UI分类补全showConfirmBox、showMessageBox、showTextArea

src/components/composer/common/NumberInput.vue

@@ -5,6 +5,7 @@
     dense
     filled
     :label="label"
+    :placeholder="placeholder"
     class="number-input"
   >
     <template v-slot:prepend>
@@ -55,6 +56,10 @@ export default defineComponent({
       type: String,
       default: "",
     },
+    placeholder: {
+      type: String,
+      default: "",
+    },
     icon: {
       type: String,
       default: "",

src/components/composer/common/ParamInput.vue

@@ -11,6 +11,7 @@
         :model-value="values[index]"
         @update:model-value="$emit('update', index, $event)"
         :label="config.label"
+        :placeholder="config.placeholder"
         :icon="config.icon"
         :options="config.options"
       />
@@ -20,6 +21,7 @@
         @update:model-value="$emit('update', index, $event)"
         :label="config.label"
         :icon="config.icon"
+        :placeholder="config.placeholder"
       />
       <ArrayEditor
         v-else-if="config.type === 'arrayEditor'"
@@ -61,6 +63,7 @@
         @update:model-value="$emit('update', index, $event)"
         :label="config.label"
         :icon="config.icon"
+        :placeholder="config.placeholder"
       >
         <template v-slot:prepend>
           <q-icon :name="config.icon || 'code'" />
@@ -153,6 +156,8 @@ export default defineComponent({
   min-width: 50px;
   margin-bottom: 0;
   display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .grid-item > * {
@@ -160,6 +165,13 @@ export default defineComponent({
   min-width: 0;
 }
 
+/* 让开关、复选框和按钮组居中显示 */
+.grid-item > .q-toggle,
+.grid-item > .q-checkbox,
+.grid-item > .q-btn-group {
+  flex: 0 1 auto;
+}
+
 @media (max-width: 600px) {
   .grid-item {
     width: 100% !important;

src/components/composer/common/VariableInput.vue

@@ -4,6 +4,7 @@
     dense
     filled
     :label="label"
+    :placeholder="placeholder"
     class="variable-input"
   >
     <template v-slot:append>
@@ -182,6 +183,7 @@ export default defineComponent({
       default: () => newVarInputVal("str"),
     },
     label: String,
+    placeholder: String,
     icon: String,
     noIcon: Boolean,
     options: {