feat: remove element wrapper in create element block

src/background/workflowEngine/blocksHandler/handlerLoopData.js

@@ -21,7 +21,6 @@ async function loopData({ data, id }, { refData }) {
       };
     } else {
       const maxLoop = +data.maxLoop || 0;
-      console.log(maxLoop);
       const getLoopData = {
         numbers: () => data.fromNumber,
         table: () => refData.table,

src/components/newtab/workflow/edit/EditCreateElement.vue

@@ -42,24 +42,7 @@
         style="height: calc(100vh - 12rem)"
       >
         <ui-tab-panel value="html" class="h-full">
-          <div class="flex items-center mb-4">
-            <ui-select
-              v-model="blockData.elementWrapper"
-              :label="$t('workflow.blocks.create-element.wrap')"
-            >
-              <option v-for="item in elementsWrapper" :key="item" :value="item">
-                {{ item.toUpperCase() }} element
-              </option>
-            </ui-select>
-            <ui-input
-              :model-value="`automa-${blockId}`"
-              readonly
-              class="ml-4 w-48"
-              label="Element wrapper id"
-            />
-          </div>
           <shared-codemirror
-            v-show="['button', 'div'].includes(blockData.elementWrapper)"
             v-model="blockData.html"
             lang="html"
             class="h-full"
@@ -164,7 +147,6 @@ const insertOptions = [
   'next-sibling',
   'replace',
 ];
-const elementsWrapper = ['div', 'button', 'input', 'textarea'];
 const tabs = [
   { id: 'html', name: 'HTML' },
   { id: 'css', name: 'CSS' },

src/content/blocksHandler/handlerCreateElement.js

@@ -52,21 +52,10 @@ async function createElement(block) {
   });
 
   if (data.insertAt === 'replace') {
-    const elementWrapper = createNode(
-      data.elementWrapper,
-      { id: baseId },
-      data.html
-    );
-
-    targetElement.replaceWith(elementWrapper);
+    const fragments = createNode('template', {}, data.html);
+    targetElement.replaceWith(fragments.content);
   } else {
-    const tag = data.elementWrapper;
-    let htmlStr = `<${tag} id="${baseId}">${data.html}</${tag}/>`;
-
-    const form = ['input', 'select'];
-    if (form.includes(tag)) htmlStr = `<${tag} id="${baseId}" />`;
-
-    targetElement.insertAdjacentHTML(positions[data.insertAt], htmlStr);
+    targetElement.insertAdjacentHTML(positions[data.insertAt], data.html);
   }
 
   if (data.css) {

src/utils/shared.js

@@ -1203,7 +1203,6 @@ export const tasks = {
       html: '',
       css: '',
       preloadScripts: [],
-      elementWrapper: 'div',
       findBy: 'cssSelector',
       insertAt: 'after',
       waitForSelector: false,