rb-document-form-constructor 0.5.3 → 0.5.6

package/dist/rb-document-form-constructor.esm.js

@@ -11087,6 +11087,7 @@ var script$3 = {
   watch: {
     formConfig() {
       this.validationState = {};
+      this.execApplyDefaultValues();
     }
 
   },
@@ -11119,19 +11120,14 @@ var script$3 = {
     },
 
     isValueEmpty(fieldName) {
-      console.info('isValueEmpty', fieldName, this.doc[fieldName]);
-
       if (this.doc[fieldName] == null) {
-        console.info(`${fieldName} is empty`);
         return true;
       }
 
       if (_typeof(this.doc[fieldName] === 'string') && this.doc[fieldName] === '') {
-        console.info(`${fieldName} is empty`);
         return true;
       }
 
-      console.info(`${fieldName} is not empty`);
       return false;
     },
 
@@ -11161,28 +11157,44 @@ var script$3 = {
       }
 
       return true;
-    }
+    },
 
-  },
+    getColumnSize(section) {
+      const MAX_COLUMN_SIZE = 12;
 
-  created() {
-    if (this.applyDefaultValues) {
-      this.formConfig.sections.forEach(r => {
-        r.columns.forEach(c => {
-          c.fields.forEach(f => {
-            let defValue = null;
+      if (!section || !section.columnCount) {
+        return MAX_COLUMN_SIZE;
+      }
 
-            if (this.defaultValue && _typeof(f.defaultValue) === 'function') {
-              defValue = f.defaultValue();
-            } else {
-              defValue = this.defaultValue == null ? null : f.defaultValue;
-            }
+      let colSize = Math.floor(MAX_COLUMN_SIZE / section.columnCount);
+      console.info("colSize", colSize);
+      return colSize;
+    },
+
+    execApplyDefaultValues() {
+      if (this.applyDefaultValues) {
+        this.formConfig.sections.forEach(r => {
+          r.columns.forEach(c => {
+            c.fields.forEach(f => {
+              let defValue;
+
+              if (this.defaultValue && _typeof(f.defaultValue) === 'function') {
+                defValue = f.defaultValue();
+              } else {
+                defValue = f.defaultValue == null ? null : f.defaultValue;
+              }
 
-            this.$set(this.doc, f.name, f.defaultValue = defValue);
+              this.$set(this.doc, f.name, f.defaultValue = defValue);
+            });
           });
         });
-      });
+      }
     }
+
+  },
+
+  created() {
+    this.execApplyDefaultValues();
   }
 
 };
@@ -11201,15 +11213,20 @@ var __vue_render__$3 = function () {
   return _vm.formConfig ? _c('b-form', {
     staticClass: "rb-doc-form"
   }, _vm._l(_vm.formConfig.sections, function (section) {
-    return _vm.formConfig && _vm.formConfig.sections ? _c('div', {
+    return _vm.formConfig && _vm.formConfig.sections ? _c('b-container', {
       key: section.labelRu,
       staticClass: "rb-form-section"
-    }, [_c('h4', [_vm._v(_vm._s(section.labelRu))]), _vm._v(" "), _c('div', {
-      staticClass: "d-flex flex-row"
-    }, _vm._l(section.columns, function (column) {
-      return _c('div', {
+    }, [_c('b-row', [_c('b-col', {
+      attrs: {
+        "lg": "12"
+      }
+    }, [_c('h4', [_vm._v(_vm._s(section.labelRu))])]), _vm._v(" "), _vm._l(section.columns, function (column) {
+      return [_c('b-col', {
         key: column.index,
-        staticClass: "rb-form-column"
+        attrs: {
+          "lg": _vm.getColumnSize(section),
+          "sm": 12
+        }
       }, [_vm._l(column.fields, function (field) {
         return [field.visible ? _c('b-form-row', {
           key: field.name
@@ -11227,7 +11244,7 @@ var __vue_render__$3 = function () {
           scopedSlots: _vm._u([{
             key: "label",
             fn: function () {
-              return [_vm._v("\n                                    " + _vm._s(field.labelRu) + " "), _vm.showRequiredInLabel && field.required ? _c('span', {
+              return [_vm._v("\n                                        " + _vm._s(field.labelRu) + " "), _vm.showRequiredInLabel && field.required ? _c('span', {
                 staticClass: "text-danger"
               }, [_vm._v("*")]) : _vm._e()];
             },
@@ -11261,9 +11278,9 @@ var __vue_render__$3 = function () {
             expression: "doc[field.name]"
           }
         }, 'component', field.input.propsData, false))], 1)], 1)], 1) : _vm._e()];
-      })], 2);
-    }), 0)]) : _vm._e();
-  }), 0) : _vm._e();
+      })], 2)];
+    })], 2)], 1) : _vm._e();
+  }), 1) : _vm._e();
 };
 
 var __vue_staticRenderFns__$3 = [];