rb-document-form-constructor 0.9.22 → 0.9.24

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

@@ -6427,19 +6427,86 @@ var script$3 = {
 
   data() {
     return {
-      validationState: {}
+      validationState: {},
+      systemFieldsValues: {}
     };
   },
 
   watch: {
     formConfig() {
       this.validationState = {};
+      this.systemFieldsValues = {};
       this.execApplyDefaultValues();
       this.execApplyDefaultValRule();
     }
 
   },
   methods: {
+    isSystemField(field) {
+      return field.isSystem === true;
+    },
+
+    getFieldValue(field) {
+      if (this.isSystemField(field)) {
+        return this.systemFieldsValues[field.name];
+      }
+
+      return this.doc[field.name];
+    },
+
+    setFieldValue(field, value) {
+      if (this.isSystemField(field)) {
+        this.$set(this.systemFieldsValues, field.name, value);
+      } else {
+        this.$set(this.doc, field.name, value);
+      }
+    },
+
+    onFieldInput(event, field) {
+      var _event$target;
+
+      const value = (event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value) !== undefined ? event.target.value : event;
+      this.setFieldValue(field, value);
+
+      if (this.isSystemField(field)) {
+        this.$emit('isSystemFieldChange', {
+          event: 'input',
+          fieldName: field.name,
+          field: field,
+          value: value
+        });
+      }
+
+      this.onEventFired('input', event, field);
+    },
+
+    // onFieldChange(event, field) {
+    //   const value = event?.target?.value !== undefined ? event.target.value : event;
+    //   this.setFieldValue(field, value);
+    //   if (this.isSystemField(field)) {
+    //     this.$emit('isSystemFieldChange', {
+    //       event: 'input',
+    //       fieldName: field.name,
+    //       field: field,
+    //       value: value,
+    //     });
+    //   }
+    //   this.onEventFired('change', event, field);
+    // },
+    onFieldMounted(event, field) {
+      if (this.isSystemField(field)) {
+        const value = this.getFieldValue(field);
+        this.$emit('isSystemFieldChange', {
+          event: 'mounted',
+          fieldName: field.name,
+          field: field,
+          value: value
+        });
+      }
+
+      this.onEventFired('mounted', event, field);
+    },
+
     getResolveValueName(field) {
       if ((field.dict || field.ref) && !field.multiple) {
         return field.name.substring(0, field.name.length - 2);
@@ -6526,37 +6593,49 @@ var script$3 = {
       UtFormConstructor.runRule(this.createRuleContext(context), rule.script);
     },
 
-    isValueEmpty(fieldName) {
-      var _this$doc$fieldName;
+    getFieldValueForValidation(field) {
+      return this.isSystemField(field) ? this.systemFieldsValues[field.name] : this.doc[field.name];
+    },
+
+    isValueEmpty(field) {
+      const fieldName = typeof field === 'string' ? field : field.name;
+      const fieldObj = typeof field === 'string' ? null : field;
+      const value = fieldObj && this.isSystemField(fieldObj) ? this.systemFieldsValues[fieldName] : this.doc[fieldName];
 
-      if (this.doc[fieldName] == null) {
+      if (value == null) {
         return true;
       }
 
-      if (Array.isArray(this.doc[fieldName]) && !((_this$doc$fieldName = this.doc[fieldName]) !== null && _this$doc$fieldName !== void 0 && _this$doc$fieldName.length)) {
+      if (Array.isArray(value) && !(value !== null && value !== void 0 && value.length)) {
         return true;
       }
 
-      if (_typeof(this.doc[fieldName] === 'string') && this.doc[fieldName] === '') {
+      if (_typeof(value === 'string') && value === '') {
         return true;
       }
 
       return false;
     },
 
-    isValueLessThanMax(fieldname, max) {
-      if (this.doc[fieldname] && max) {
-        var _this$doc$fieldname;
+    isValueLessThanMax(field, max) {
+      const fieldName = typeof field === 'string' ? field : field.name;
+      const fieldObj = typeof field === 'string' ? null : field;
+      const value = fieldObj && this.isSystemField(fieldObj) ? this.systemFieldsValues[fieldName] : this.doc[fieldName];
 
-        return ((_this$doc$fieldname = this.doc[fieldname]) === null || _this$doc$fieldname === void 0 ? void 0 : _this$doc$fieldname.length) > parseInt(max);
+      if (value && max) {
+        return (value === null || value === void 0 ? void 0 : value.length) > parseInt(max);
       }
 
       return false;
     },
 
-    isValueLessThanMin(fieldname, min) {
-      if (this.doc[fieldname] && min) {
-        return parseInt(this.doc[fieldname]) < parseInt(min);
+    isValueLessThanMin(field, min) {
+      const fieldName = typeof field === 'string' ? field : field.name;
+      const fieldObj = typeof field === 'string' ? null : field;
+      const value = fieldObj && this.isSystemField(fieldObj) ? this.systemFieldsValues[fieldName] : this.doc[fieldName];
+
+      if (value && min) {
+        return parseInt(value) < parseInt(min);
       }
 
       return false;
@@ -6571,16 +6650,16 @@ var script$3 = {
 
             let feedback = '';
 
-            if (f.required && this.isValueEmpty(f.name)) {
+            if (f.required && this.isValueEmpty(f)) {
               feedback += this.getDisplayField(f);
             }
 
-            if (f.type === 'integer' && this.isValueLessThanMin(f.name, f.input.propsData.min)) {
+            if (f.type === 'integer' && this.isValueLessThanMin(f, f.input.propsData.min)) {
               feedback += f.input.propsData.min;
             } // TODO: Костыль так как на бэке нету типа memo
 
 
-            if (f.input.type === 'b-form-textarea' && this.isValueLessThanMax(f.name, (_f$input$propsData = f.input.propsData) === null || _f$input$propsData === void 0 ? void 0 : _f$input$propsData.max)) {
+            if (f.input.type === 'b-form-textarea' && this.isValueLessThanMax(f, (_f$input$propsData = f.input.propsData) === null || _f$input$propsData === void 0 ? void 0 : _f$input$propsData.max)) {
               var _f$input$propsData2;
 
               feedback += `\nМаксимальное значение для этого поля ${(_f$input$propsData2 = f.input.propsData) === null || _f$input$propsData2 === void 0 ? void 0 : _f$input$propsData2.max}`;
@@ -6593,13 +6672,17 @@ var script$3 = {
               const errors = (_UtArray$removeDuplic = UtArray.removeDuplicate(findErrors, 'field')) === null || _UtArray$removeDuplic === void 0 ? void 0 : _UtArray$removeDuplic.map(f => f === null || f === void 0 ? void 0 : f.label).join(', ');
               feedback = errors ? this.$t('validate.multiRequired', {
                 field: errors
-              }) : this.isValueEmpty(f.name) ? this.getDisplayField(f) : '';
+              }) : this.isValueEmpty(f) ? this.getDisplayField(f) : '';
             } // 🔥 Кастомная валидация для конкретного поля
 
 
             if (typeof f.validate === 'function') {
-              console.log(f, this.doc);
-              const customError = f.validate(this.doc[f.name], f, this.doc, this.formConfig);
+              const fieldValue = this.getFieldValueForValidation(f);
+              const docForValidation = this.isSystemField(f) ? { ...this.doc,
+                [f.name]: fieldValue
+              } : this.doc;
+              console.log(f, docForValidation);
+              const customError = f.validate(fieldValue, f, docForValidation, this.formConfig);
 
               if (customError) {
                 feedback += `\n${customError}`;
@@ -6660,7 +6743,11 @@ var script$3 = {
                   defValue = f.defaultValue == null ? null : f.defaultValue;
                 }
 
-                this.$set(this.doc, f.name, f.defaultValue = defValue);
+                if (this.isSystemField(f)) {
+                  this.$set(this.systemFieldsValues, f.name, f.defaultValue = defValue);
+                } else {
+                  this.$set(this.doc, f.name, f.defaultValue = defValue);
+                }
               }
             });
           });
@@ -6676,8 +6763,18 @@ var script$3 = {
               if (!f.defaultValue) {
                 const rule = f.rules.find(rule => rule.event === 'defaultValue');
 
-                if (rule && !this.doc[f.name]) {
-                  this.$set(this.doc, f.name, f.defaultValue = eval(rule.script));
+                if (rule) {
+                  const currentValue = this.isSystemField(f) ? this.systemFieldsValues[f.name] : this.doc[f.name];
+
+                  if (!currentValue) {
+                    const defValue = eval(rule.script);
+
+                    if (this.isSystemField(f)) {
+                      this.$set(this.systemFieldsValues, f.name, f.defaultValue = defValue);
+                    } else {
+                      this.$set(this.doc, f.name, f.defaultValue = defValue);
+                    }
+                  }
                 }
               }
             }
@@ -6696,7 +6793,8 @@ var script$3 = {
 
   activated() {
     this.execApplyDefaultValues();
-    this.execApplyDefaultValRule();
+    this.execApplyDefaultValRule(); // this.emitSystemFieldsMounted();
+
     this.onGlobalEventFired('form-activated', this);
   }
 
@@ -6770,6 +6868,7 @@ var __vue_render__$3 = function () {
           tag: "component",
           attrs: {
             "id": field.name,
+            "value": _vm.getFieldValue(field),
             "disabled": !_vm.editable || !field.editable,
             "markForBackResolution": _vm.isResolvableField(field),
             "required": field.required,
@@ -6792,7 +6891,7 @@ var __vue_render__$3 = function () {
               return _vm.onEventFired('click', $event, field);
             },
             "input": function ($event) {
-              return _vm.onEventFired('input', $event, field);
+              return _vm.onFieldInput($event, field);
             },
             "hook:created": function ($event) {
               return _vm.onEventFired('created', $event, field);
@@ -6804,15 +6903,8 @@ var __vue_render__$3 = function () {
               return _vm.onEventFired('activated', $event, field);
             },
             "hook:mounted": function ($event) {
-              return _vm.onEventFired('mounted', $event, field);
+              return _vm.onFieldMounted($event, field);
             }
-          },
-          model: {
-            value: _vm.doc[field.name],
-            callback: function ($$v) {
-              _vm.$set(_vm.doc, field.name, $$v);
-            },
-            expression: "doc[field.name]"
           }
         }, 'component', field.input.propsData, false))], 1)], 1)], 1) : _vm._e()];
       })], 2)];
@@ -7932,11 +8024,11 @@ var script = {
 
     removeSection(section, index) {
       this.formConfig.sections.splice(index, 1);
-      /*UtModal.showYesNoDialog('Вы действительно хотите удалить секцию?', {
-          onOk: (event, modal) => {
-              this.formConfig.sections.splice(index, 1);
-              UtModal.closeModal(modal);
-          }
+      /*UtModal.showYesNoDialog('Вы действительно хотите удалить секцию?', {
+          onOk: (event, modal) => {
+              this.formConfig.sections.splice(index, 1);
+              UtModal.closeModal(modal);
+          }
       });*/
     },
 
@@ -7987,7 +8079,7 @@ var script = {
 
       let found = this.multipleFieldAreOnFormConfig(field);
 
-      if (found) {
+      if (found && !field.isSystem) {
         this.removeFieldFromColumn(field, this.columnTo, newIndex);
         this.resetDragVariables();
         this.$bvModal.msgBoxOk('На форме уже есть это поле', {