Merge remote-tracking branch 'origin/dev'

Author: juzser

src/components/FormLayout/FormLayout.vue

@@ -1,13 +1,12 @@
 <template lang="pug">
 div(:class="styles.FormLayout")
   template(
-    v-if="slotsElms.length",
+    v-if="!noItemWrap && slotsElms.length",
     v-for="(item, index) in slotsElms",
   )
     Item(
       v-if="!itemGroupIndexes[index]",
       :key="index",
-      :class="styles.Item",
     )
       component(
         :is="item",
@@ -28,6 +27,15 @@ import { extractElement } from '@/utilities/extract-fragment';
 import styles from '@/classes/FormLayout.json';
 import { Item } from './components';
 
+interface Props {
+  /** No wrap all stack elements with FormItem  */
+  noItemWrap?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  noItemWrap: false,
+});
+
 const itemRefs = ref<any[]>([]);
 
 const itemGroupIndexes = ref<boolean[]>([]);

src/components/FormLayout/index.ts

@@ -1,2 +1,3 @@
 export { default as FormLayout } from './FormLayout.vue';
 export { Group as FormGroup } from './components/Group';
+export { Item as FormItem } from './components/Item';