Merge remote-tracking branch 'origin/main'

io.sc.platform.core.frontend/src/platform/components/form/WForm.vue

@@ -3,7 +3,13 @@
     <q-form ref="formRef" :autofocus="false" :greedy="true" v-bind="attrs">
       <div class="grid" :class="formLayoutComputed">
         <template v-for="(field, index) in fields_ as any" :key="String(index)">
-          <div
+          <component
+            :is="fiedType[field.type] || field.type"
+            v-if="field.name"
+            v-model="formData[field.name]"
+            v-bind="field"
+            :form-data="formData"
+            :form="instance"
             :class="
               (field.colsFirst ? 'col-start-1 ' : ' ') +
               (field.colspan === 'full'
@@ -12,18 +18,24 @@
                   ? ' col-span-' + field.colspan
                   : ' col-span-1')
             "
-          >
-            <component
-              :is="fiedType[field.type] || field.type"
-              v-if="field.name"
-              v-model="formData[field.name]"
-              v-bind="field"
-              :form-data="formData"
-              :form="instance"
-              @update:model-value="updateModelValue(field.name, formData[field.name])"
-            ></component>
-            <component :is="fiedType[field.type] || field.type" v-else :form-ref="formRef" v-bind="field" :form-data="formData" :form="instance"></component>
-          </div>
+            @update:model-value="updateModelValue(field.name, formData[field.name])"
+          ></component>
+          <component
+            :is="fiedType[field.type] || field.type"
+            v-else
+            :form-ref="formRef"
+            v-bind="field"
+            :form-data="formData"
+            :form="instance"
+            :class="
+              (field.colsFirst ? 'col-start-1 ' : ' ') +
+              (field.colspan === 'full'
+                ? ' col-span-' + screenColsNumComputed
+                : field.colspan && screenColsNumComputed >= field.colspan
+                  ? ' col-span-' + field.colspan
+                  : ' col-span-1')
+            "
+          ></component>
         </template>
       </div>
       <slot></slot>

io.sc.platform.core.frontend/src/platform/components/form/elements/WCheckbox.vue

@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <q-checkbox v-show="showIfComputed" v-bind="attrs" :rules="rulesComputed" :disable="disableIfComputed"></q-checkbox>
+  <div v-show="showIfComputed">
+    <q-checkbox v-bind="attrs" :rules="rulesComputed" :disable="disableIfComputed"></q-checkbox>
   </div>
 </template>
 

io.sc.platform.core.frontend/src/platform/components/form/elements/WDate.vue

@@ -1,7 +1,6 @@
 <template>
-  <div>
+  <div v-show="showIfComputed">
     <q-input
-      v-show="showIfComputed"
       ref="dateRef"
       :hide-bottom-space="true"
       :hide-hint="true"

io.sc.platform.core.frontend/src/platform/components/form/elements/WNumber.vue

@@ -1,7 +1,6 @@
 <template>
-  <div>
+  <div v-show="showIfComputed">
     <q-input
-      v-show="showIfComputed"
       ref="numberRef"
       :hide-bottom-space="true"
       :hide-hint="true"

io.sc.platform.core.frontend/src/platform/components/form/elements/WPassword.vue

@@ -1,7 +1,6 @@
 <template>
-  <div>
+  <div v-show="showIfComputed">
     <q-input
-      v-show="showIfComputed"
       ref="pwdRef"
       :hide-bottom-space="true"
       :hide-hint="true"

io.sc.platform.core.frontend/src/platform/components/form/elements/WSelect.vue

@@ -1,7 +1,6 @@
 <template>
-  <div>
+  <div v-show="showIfComputed">
     <q-select
-      v-show="showIfComputed"
       ref="selectRef"
       emit-value
       map-options

io.sc.platform.core.frontend/src/platform/components/form/elements/WText.vue

@@ -1,7 +1,6 @@
 <template>
-  <div>
+  <div v-show="showIfComputed">
     <q-input
-      v-show="showIfComputed"
       ref="textRef"
       :hide-bottom-space="true"
       :hide-hint="true"

io.sc.platform.core.frontend/src/platform/components/form/elements/WTextBtn.vue

@@ -1,7 +1,6 @@
 <template>
-  <div>
+  <div v-show="showIfComputed">
     <q-input
-      v-show="showIfComputed"
       ref="textBtnRef"
       :hide-bottom-space="true"
       :hide-hint="true"

io.sc.platform.core.frontend/src/platform/components/form/elements/WTextarea.vue

@@ -1,7 +1,6 @@
 <template>
-  <div>
+  <div v-show="showIfComputed">
     <q-input
-      v-show="showIfComputed"
       ref="textareaRef"
       :hide-bottom-space="true"
       :hide-hint="true"