rb-document-form-constructor 0.9.22 → 0.9.24

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

@@ -828,7 +828,7 @@ var __vue_inject_styles__$5 = undefined;
 var __vue_scope_id__$5 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$5 = "data-v-779f90b2";
+var __vue_module_identifier__$5 = "data-v-4f837662";
 /* functional template */
 
 var __vue_is_functional_template__$5 = false;
@@ -6400,7 +6400,7 @@ var __vue_inject_styles__$4 = undefined;
 var __vue_scope_id__$4 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-6cf21488";
+var __vue_module_identifier__$4 = "data-v-0746865a";
 /* functional template */
 
 var __vue_is_functional_template__$4 = false;
@@ -6478,17 +6478,79 @@ var _typeof = function(object) {
   },
   data: function data() {
     return {
-      validationState: {}
+      validationState: {},
+      systemFieldsValues: {}
     };
   },
   watch: {
     formConfig: function formConfig() {
       this.validationState = {};
+      this.systemFieldsValues = {};
       this.execApplyDefaultValues();
       this.execApplyDefaultValRule();
     }
   },
   methods: {
+    isSystemField: function isSystemField(field) {
+      return field.isSystem === true;
+    },
+    getFieldValue: function getFieldValue(field) {
+      if (this.isSystemField(field)) {
+        return this.systemFieldsValues[field.name];
+      }
+
+      return this.doc[field.name];
+    },
+    setFieldValue: function setFieldValue(field, value) {
+      if (this.isSystemField(field)) {
+        this.$set(this.systemFieldsValues, field.name, value);
+      } else {
+        this.$set(this.doc, field.name, value);
+      }
+    },
+    onFieldInput: function onFieldInput(event, field) {
+      var _event$target;
+
+      var 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: function onFieldMounted(event, field) {
+      if (this.isSystemField(field)) {
+        var value = this.getFieldValue(field);
+        this.$emit('isSystemFieldChange', {
+          event: 'mounted',
+          fieldName: field.name,
+          field: field,
+          value: value
+        });
+      }
+
+      this.onEventFired('mounted', event, field);
+    },
     getResolveValueName: function getResolveValueName(field) {
       if ((field.dict || field.ref) && !field.multiple) {
         return field.name.substring(0, field.name.length - 2);
@@ -6568,35 +6630,46 @@ var _typeof = function(object) {
     runRule: function runRule(rule, context) {
       UtFormConstructor.runRule(this.createRuleContext(context), rule.script);
     },
-    isValueEmpty: function isValueEmpty(fieldName) {
-      var _this$doc$fieldName;
+    getFieldValueForValidation: function getFieldValueForValidation(field) {
+      return this.isSystemField(field) ? this.systemFieldsValues[field.name] : this.doc[field.name];
+    },
+    isValueEmpty: function isValueEmpty(field) {
+      var fieldName = typeof field === 'string' ? field : field.name;
+      var fieldObj = typeof field === 'string' ? null : field;
+      var 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: function isValueLessThanMax(fieldname, max) {
-      if (this.doc[fieldname] && max) {
-        var _this$doc$fieldname;
+    isValueLessThanMax: function isValueLessThanMax(field, max) {
+      var fieldName = typeof field === 'string' ? field : field.name;
+      var fieldObj = typeof field === 'string' ? null : field;
+      var 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: function isValueLessThanMin(fieldname, min) {
-      if (this.doc[fieldname] && min) {
-        return parseInt(this.doc[fieldname]) < parseInt(min);
+    isValueLessThanMin: function isValueLessThanMin(field, min) {
+      var fieldName = typeof field === 'string' ? field : field.name;
+      var fieldObj = typeof field === 'string' ? null : field;
+      var value = fieldObj && this.isSystemField(fieldObj) ? this.systemFieldsValues[fieldName] : this.doc[fieldName];
+
+      if (value && min) {
+        return parseInt(value) < parseInt(min);
       }
 
       return false;
@@ -6612,16 +6685,16 @@ var _typeof = function(object) {
 
             var feedback = '';
 
-            if (f.required && _this3.isValueEmpty(f.name)) {
+            if (f.required && _this3.isValueEmpty(f)) {
               feedback += _this3.getDisplayField(f);
             }
 
-            if (f.type === 'integer' && _this3.isValueLessThanMin(f.name, f.input.propsData.min)) {
+            if (f.type === 'integer' && _this3.isValueLessThanMin(f, f.input.propsData.min)) {
               feedback += f.input.propsData.min;
             } // TODO: Костыль так как на бэке нету типа memo
 
 
-            if (f.input.type === 'b-form-textarea' && _this3.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' && _this3.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\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u043F\u043E\u043B\u044F ".concat((_f$input$propsData2 = f.input.propsData) === null || _f$input$propsData2 === void 0 ? void 0 : _f$input$propsData2.max);
@@ -6636,13 +6709,16 @@ var _typeof = function(object) {
               }).join(', ');
               feedback = errors ? _this3.$t('validate.multiRequired', {
                 field: errors
-              }) : _this3.isValueEmpty(f.name) ? _this3.getDisplayField(f) : '';
+              }) : _this3.isValueEmpty(f) ? _this3.getDisplayField(f) : '';
             } // 🔥 Кастомная валидация для конкретного поля
 
 
             if (typeof f.validate === 'function') {
-              console.log(f, _this3.doc);
-              var customError = f.validate(_this3.doc[f.name], f, _this3.doc, _this3.formConfig);
+              var fieldValue = _this3.getFieldValueForValidation(f);
+
+              var docForValidation = _this3.isSystemField(f) ? _objectSpread2(_objectSpread2({}, _this3.doc), {}, _defineProperty$1({}, f.name, fieldValue)) : _this3.doc;
+              console.log(f, docForValidation);
+              var customError = f.validate(fieldValue, f, docForValidation, _this3.formConfig);
 
               if (customError) {
                 feedback += "\n".concat(customError);
@@ -6703,7 +6779,11 @@ var _typeof = function(object) {
                   defValue = f.defaultValue == null ? null : f.defaultValue;
                 }
 
-                _this4.$set(_this4.doc, f.name, f.defaultValue = defValue);
+                if (_this4.isSystemField(f)) {
+                  _this4.$set(_this4.systemFieldsValues, f.name, f.defaultValue = defValue);
+                } else {
+                  _this4.$set(_this4.doc, f.name, f.defaultValue = defValue);
+                }
               }
             });
           });
@@ -6722,8 +6802,18 @@ var _typeof = function(object) {
                   return rule.event === 'defaultValue';
                 });
 
-                if (rule && !_this5.doc[f.name]) {
-                  _this5.$set(_this5.doc, f.name, f.defaultValue = eval(rule.script));
+                if (rule) {
+                  var currentValue = _this5.isSystemField(f) ? _this5.systemFieldsValues[f.name] : _this5.doc[f.name];
+
+                  if (!currentValue) {
+                    var defValue = eval(rule.script);
+
+                    if (_this5.isSystemField(f)) {
+                      _this5.$set(_this5.systemFieldsValues, f.name, f.defaultValue = defValue);
+                    } else {
+                      _this5.$set(_this5.doc, f.name, f.defaultValue = defValue);
+                    }
+                  }
                 }
               }
             }
@@ -6739,7 +6829,8 @@ var _typeof = function(object) {
   },
   activated: function activated() {
     this.execApplyDefaultValues();
-    this.execApplyDefaultValRule();
+    this.execApplyDefaultValRule(); // this.emitSystemFieldsMounted();
+
     this.onGlobalEventFired('form-activated', this);
   }
 };/* script */
@@ -6810,6 +6901,7 @@ var __vue_render__$3 = function __vue_render__() {
           tag: "component",
           attrs: {
             "id": field.name,
+            "value": _vm.getFieldValue(field),
             "disabled": !_vm.editable || !field.editable,
             "markForBackResolution": _vm.isResolvableField(field),
             "required": field.required,
@@ -6832,7 +6924,7 @@ var __vue_render__$3 = function __vue_render__() {
               return _vm.onEventFired('click', $event, field);
             },
             "input": function input($event) {
-              return _vm.onEventFired('input', $event, field);
+              return _vm.onFieldInput($event, field);
             },
             "hook:created": function hookCreated($event) {
               return _vm.onEventFired('created', $event, field);
@@ -6844,15 +6936,8 @@ var __vue_render__$3 = function __vue_render__() {
               return _vm.onEventFired('activated', $event, field);
             },
             "hook:mounted": function hookMounted($event) {
-              return _vm.onEventFired('mounted', $event, field);
+              return _vm.onFieldMounted($event, field);
             }
-          },
-          model: {
-            value: _vm.doc[field.name],
-            callback: function callback($$v) {
-              _vm.$set(_vm.doc, field.name, $$v);
-            },
-            expression: "doc[field.name]"
           }
         }, 'component', field.input.propsData, false))], 1)], 1)], 1) : _vm._e()];
       })], 2)];
@@ -6869,7 +6954,7 @@ var __vue_inject_styles__$3 = undefined;
 var __vue_scope_id__$3 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$3 = "data-v-8a0c958c";
+var __vue_module_identifier__$3 = "data-v-3373ab2f";
 /* functional template */
 
 var __vue_is_functional_template__$3 = false;
@@ -7329,7 +7414,7 @@ var __vue_inject_styles__$2 = undefined;
 var __vue_scope_id__$2 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$2 = "data-v-6383ddb8";
+var __vue_module_identifier__$2 = "data-v-cc4d6922";
 /* functional template */
 
 var __vue_is_functional_template__$2 = false;
@@ -7805,7 +7890,7 @@ var __vue_inject_styles__$1 = undefined;
 var __vue_scope_id__$1 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$1 = "data-v-35b8e683";
+var __vue_module_identifier__$1 = "data-v-73d1842f";
 /* functional template */
 
 var __vue_is_functional_template__$1 = false;
@@ -7916,11 +8001,11 @@ var DocTemplateFieldSidebar = __vue_component__$2;var script = {
     },
     removeSection: function 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);
+          }
       });*/
     },
     multipleFieldAreOnFormConfig: function multipleFieldAreOnFormConfig(field) {
@@ -7966,7 +8051,7 @@ var DocTemplateFieldSidebar = __vue_component__$2;var script = {
 
       var found = this.multipleFieldAreOnFormConfig(field);
 
-      if (found) {
+      if (found && !field.isSystem) {
         this.removeFieldFromColumn(field, this.columnTo, newIndex);
         this.resetDragVariables();
         this.$bvModal.msgBoxOk('На форме уже есть это поле', {
@@ -8245,7 +8330,7 @@ var __vue_inject_styles__ = undefined;
 var __vue_scope_id__ = undefined;
 /* module identifier */
 
-var __vue_module_identifier__ = "data-v-72392df9";
+var __vue_module_identifier__ = "data-v-680aca5b";
 /* functional template */
 
 var __vue_is_functional_template__ = false;

package/dist/scss/_global.scss

@@ -1,3 +1,3 @@
-.cursor-pointer {
-  cursor: pointer;
-}
+.cursor-pointer {
+  cursor: pointer;
+}

package/dist/scss/_variables.scss

@@ -1,17 +1,17 @@
-// DocTemplateFacetList
-$rb-facet-list-border-color: $border-color !default;
-
-// DocTemplateConstructor
-$rb-doc-template-constructor-title-color: #333 !default;
-$rb-doc-template-constructor-title-font-size: 16px !default;
-$rb-doc-template-section-bg: #E9EAEA !default;
-$rb-doc-template-constructor-form-column-border-color: #D5D5D6;
-
-// DocTemplateFieldSidebar
-$rb-doc-template-field-sidebar-font-size-lg: 1rem !default;
-$rb-doc-template-field-sidebar-top: 72px !default;
-$rb-doc-template-field-sidebar-close-button-left: -46px !default;
-
-// DocForm
-$rb-doc-form-font-size-lg: 1rem !default;
-$rb-doc-form-legend-line-height: $line-height-base !default;
+// DocTemplateFacetList
+$rb-facet-list-border-color: $border-color !default;
+
+// DocTemplateConstructor
+$rb-doc-template-constructor-title-color: #333 !default;
+$rb-doc-template-constructor-title-font-size: 16px !default;
+$rb-doc-template-section-bg: #E9EAEA !default;
+$rb-doc-template-constructor-form-column-border-color: #D5D5D6;
+
+// DocTemplateFieldSidebar
+$rb-doc-template-field-sidebar-font-size-lg: 1rem !default;
+$rb-doc-template-field-sidebar-top: 72px !default;
+$rb-doc-template-field-sidebar-close-button-left: -46px !default;
+
+// DocForm
+$rb-doc-form-font-size-lg: 1rem !default;
+$rb-doc-form-legend-line-height: $line-height-base !default;

package/dist/scss/components/_doc-form.scss

@@ -1,36 +1,36 @@
-.rb-doc-form {
-  h4 {
-    font-weight: bold;
-    font-size: $rb-doc-form-font-size-lg;
-  }
-
-  .rb-form-section {
-    padding-bottom: 10px;
-    padding-top: 10px;
-  }
-
-  .rb-form-column {
-    flex: 1;
-  }
-
-  .rb-form-column:first-child {
-    margin-left: 0;
-  }
-
-  .rb-form-column:last-child {
-    margin-right: 0;
-  }
-
-  .rb-form-column {
-    margin-left: 10px;
-    margin-right: 10px;
-  }
-
-  legend.col-form-label {
-    max-width: 100%;
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
+.rb-doc-form {
+  h4 {
+    font-weight: bold;
+    font-size: $rb-doc-form-font-size-lg;
+  }
+
+  .rb-form-section {
+    padding-bottom: 10px;
+    padding-top: 10px;
+  }
+
+  .rb-form-column {
+    flex: 1;
+  }
+
+  .rb-form-column:first-child {
+    margin-left: 0;
+  }
+
+  .rb-form-column:last-child {
+    margin-right: 0;
+  }
+
+  .rb-form-column {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+
+  legend.col-form-label {
+    max-width: 100%;
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

package/dist/scss/components/_doc-template-constructor.scss

@@ -1,112 +1,112 @@
-.rb-doc-template-constructor {
-  height: 100%;
-
-  h4 {
-    color: $rb-doc-template-constructor-title-color;
-    font-weight: bold;
-    font-size: $rb-doc-template-constructor-title-font-size;
-  }
-
-  .rb-form-constructor {
-    height: 100%;
-    overflow-y: auto;
-    background-color: white;
-  }
-
-  .rb-constructor-toolbar {
-    padding: 16px 16px 16px 16px;
-    background-color: white;
-    border-bottom: 1px solid $border-color;
-
-    h4 {
-      margin-bottom: 0;
-      line-height: 38px;
-      margin-right: 10px;
-    }
-
-    .btn {
-      margin-left: 10px;
-    }
-  }
-
-  .rb-constructor-body {
-    padding: 16px;
-
-    .card {
-      border-width: 2px;
-      border-style: dashed;
-      background-color: $rb-doc-template-section-bg;
-
-      .card-header, .card-body {
-        background-color: $rb-doc-template-section-bg;
-        border-color: $border-color;
-
-      }
-    }
-
-    .rb-form-card {
-      margin-bottom: 20px;
-
-      .rb-form-column {
-        flex: 1;
-      }
-
-      .card-header {
-        border-bottom-width: 0;
-        display: flex;
-        flex-direction: row;
-
-        .rb-text {
-          font-size: 16px;
-          line-height: 24px;
-          font-weight: bold;
-        }
-
-        .rb-icon {
-          line-height: 24px;
-          font-size: 16px;
-        }
-      }
-    }
-
-    .rb-form-column {
-      .form-group:hover {
-        legend.col-form-label .rb-actions {
-          visibility: visible;
-        }
-      }
-
-      legend.col-form-label {
-        font-size: $font-size-base;
-        font-weight: bold;
-        margin-bottom: 12px;
-        display: flex;
-        flex-direction: row;
-        color: $rb-doc-template-constructor-title-color;
-
-        .rb-text {
-          flex: 1;
-        }
-
-        .rb-actions {
-          visibility: hidden;
-        }
-      }
-
-      .form-control:disabled,
-      .btn.disabled {
-        background-color: white;
-        opacity: 1;
-      }
-    }
-
-    .rb-form-column {
-      padding: 10px;
-      border: 2px dashed $rb-doc-template-constructor-form-column-border-color;
-    }
-
-    .rb-form-column:not(.rb-single-column) {
-      margin: 0 10px;
-    }
-  }
-}
+.rb-doc-template-constructor {
+  height: 100%;
+
+  h4 {
+    color: $rb-doc-template-constructor-title-color;
+    font-weight: bold;
+    font-size: $rb-doc-template-constructor-title-font-size;
+  }
+
+  .rb-form-constructor {
+    height: 100%;
+    overflow-y: auto;
+    background-color: white;
+  }
+
+  .rb-constructor-toolbar {
+    padding: 16px 16px 16px 16px;
+    background-color: white;
+    border-bottom: 1px solid $border-color;
+
+    h4 {
+      margin-bottom: 0;
+      line-height: 38px;
+      margin-right: 10px;
+    }
+
+    .btn {
+      margin-left: 10px;
+    }
+  }
+
+  .rb-constructor-body {
+    padding: 16px;
+
+    .card {
+      border-width: 2px;
+      border-style: dashed;
+      background-color: $rb-doc-template-section-bg;
+
+      .card-header, .card-body {
+        background-color: $rb-doc-template-section-bg;
+        border-color: $border-color;
+
+      }
+    }
+
+    .rb-form-card {
+      margin-bottom: 20px;
+
+      .rb-form-column {
+        flex: 1;
+      }
+
+      .card-header {
+        border-bottom-width: 0;
+        display: flex;
+        flex-direction: row;
+
+        .rb-text {
+          font-size: 16px;
+          line-height: 24px;
+          font-weight: bold;
+        }
+
+        .rb-icon {
+          line-height: 24px;
+          font-size: 16px;
+        }
+      }
+    }
+
+    .rb-form-column {
+      .form-group:hover {
+        legend.col-form-label .rb-actions {
+          visibility: visible;
+        }
+      }
+
+      legend.col-form-label {
+        font-size: $font-size-base;
+        font-weight: bold;
+        margin-bottom: 12px;
+        display: flex;
+        flex-direction: row;
+        color: $rb-doc-template-constructor-title-color;
+
+        .rb-text {
+          flex: 1;
+        }
+
+        .rb-actions {
+          visibility: hidden;
+        }
+      }
+
+      .form-control:disabled,
+      .btn.disabled {
+        background-color: white;
+        opacity: 1;
+      }
+    }
+
+    .rb-form-column {
+      padding: 10px;
+      border: 2px dashed $rb-doc-template-constructor-form-column-border-color;
+    }
+
+    .rb-form-column:not(.rb-single-column) {
+      margin: 0 10px;
+    }
+  }
+}