feat(nc-gui): add nc-kanban-btn & refactor handleSubmit

packages/nc-gui/components/smartsheet-toolbar/KanbanStackEditOrAdd.vue

@@ -24,33 +24,34 @@ const isLocked = inject(IsLockedInj, ref(false))
 
 const addOrEditStackDropdown = ref(false)
 
+const handleSubmit = async () => {
+  addOrEditStackDropdown.value = false
+  await loadKanbanMeta()
+  await loadKanbanData()
+}
+
 provide(IsKanbanInj, ref(true))
 </script>
 
 <template>
   <a-dropdown v-if="isUIAllowed('edit-column')" v-model:visible="addOrEditStackDropdown" :trigger="['click']">
-    <a-button v-t="['c:kanban-stack-edit-or-add']" class="nc-fields-menu-btn nc-toolbar-btn" :disabled="isLocked">
+    <div class="nc-kanban-btn">
-      <div class="flex items-center gap-1">
+      <a-button v-t="['c:kanban-stack-edit-or-add']" class="nc-fields-menu-btn nc-toolbar-btn" :disabled="isLocked">
-        <mdi-plus-circle-outline />
+        <div class="flex items-center gap-1">
-        <span class="text-capitalize !text-sm font-weight-normal">
+          <mdi-plus-circle-outline />
-          <!-- TODO: i18n -->
+          <span class="text-capitalize !text-sm font-weight-normal">
-          Add / Edit Stack
+            <!-- TODO: i18n -->
-        </span>
+            Add / Edit Stack
-        <MdiMenuDown class="text-grey" />
+          </span>
-      </div>
+          <MdiMenuDown class="text-grey" />
-    </a-button>
+        </div>
-
+      </a-button>
+    </div>
     <template #overlay>
       <SmartsheetColumnEditOrAddProvider
         v-if="addOrEditStackDropdown"
         :column="groupingFieldColumn"
-        @submit="
+        @submit="handleSubmit"
-          ;async () => {
-            addOrEditStackDropdown = false
-            await loadKanbanMeta()
-            await loadKanbanData()
-          }
-        "
         @cancel="addOrEditStackDropdown = false"
         @click.stop
         @keydown.stop