fix: parameter input focus(#1005)

src/components/newtab/workflow/edit/Parameter/ParameterInputValue.vue

@@ -6,6 +6,7 @@
     class="w-full"
     :placeholder="paramData.placeholder"
     @change="$emit('update:modelValue', $event)"
+    @keyup.enter="$emit('execute')"
   />
 </template>
 <script setup>
@@ -21,7 +22,7 @@ const props = defineProps({
     default: () => ({}),
   },
 });
-defineEmits(['update:modelValue']);
+defineEmits(['update:modelValue', 'execute']);
 
 const mask = computed(() => {
   const options = props.paramData.data;

src/params/App.vue

@@ -53,9 +53,15 @@
                 :is="paramsList[param.type].valueComp"
                 v-if="paramsList[param.type]"
                 v-model="param.value"
+                :autofocus="paramIdx === 0"
                 :label="param.name + (param.data?.required ? '*' : '')"
                 :param-data="param"
                 class="w-full"
+                @execute="
+                  workflow.type === 'block'
+                    ? continueWorkflow(index, workflow)
+                    : runWorkflow(index, workflow)
+                "
               />
               <ui-input
                 v-else
@@ -228,6 +234,10 @@ function getParamsValues(params) {
   }, {});
 }
 function runWorkflow(index, { data, params }) {
+  /* eslint-disable-next-line */
+  const isParamsValid = isValidParams(params);
+  if (!isParamsValid) return;
+
   const variables = getParamsValues(params);
   let payload = {
     name: 'background--workflow:execute',
@@ -264,6 +274,10 @@ function cancelParamBlock(index, { data }, message) {
     });
 }
 function continueWorkflow(index, { data, params }) {
+  /* eslint-disable-next-line */
+  const isParamsValid = isValidParams(params);
+  if (!isParamsValid) return;
+
   const timeout = Date.now() > data.timeout;
 
   browser.storage.local