rb-document-form-constructor 0.1.2 → 0.1.6

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

@@ -1,283 +1,84 @@
-let __clone = function (data) {
-  return JSON.parse(JSON.stringify(data));
-};
-
-let __assign = function () {
-  __assign = Object.assign || function __assign(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-
-    return t;
-  };
+import crypto from 'crypto';
 
-  return __assign.apply(this, arguments);
-};
-
-let fcInputs = {
-  text: {
-    text: 'Текст',
-    name: 'text',
-    type: 'b-form-input',
-    props: {
-      placeholder: {
-        type: 'string',
-        default: null,
-        label: 'Надпись внутри',
-        visible: true
-      },
-      type: {
-        type: 'string',
-        default: 'text',
-        label: 'Тип данных',
-        visible: false
-      }
-    },
-    propsData: {},
-    defaultValue: null
-  },
-  number: {
-    text: 'Число',
-    name: 'number',
-    type: 'b-form-input',
-    props: {
-      placeholder: {
-        type: 'string',
-        default: null,
-        label: 'Надпись внутри',
-        visible: true
-      },
-      type: {
-        type: 'string',
-        default: 'number',
-        label: 'Тип данных',
-        visible: false
-      }
-    },
-    propsData: {},
-    defaultValue: null
-  },
-  memo: {
-    text: 'Большой текст',
-    name: 'memo',
-    type: 'b-form-textarea',
-    props: {
-      placeholder: {
-        type: 'string',
-        default: null,
-        label: 'Надпись внутри',
-        visible: true
-      }
-    },
-    propsData: {},
-    defaultValue: null
-  },
-  date: {
-    text: 'Дата',
-    name: 'date',
-    type: 'rb-date-picker-input',
-    props: {},
-    propsData: {},
-    defaultValue: null
-  },
-  phone: {
-    text: 'Телефон',
-    name: 'phone',
-    type: 'rb-phone-input',
-    props: {
-      placeholder: {
-        type: 'string',
-        default: 'Телефон',
-        label: 'Надпись внутри',
-        visible: true
-      }
-    },
-    propsData: {},
-    defaultValue: null
-  }
-};
-let fcPrimitiveInputs = {
-  text: [__clone(fcInputs.text), __clone(fcInputs.number), __clone(fcInputs.memo), __clone(fcInputs.phone)],
-  memo: [__clone(fcInputs.memo), __clone(fcInputs.text)],
-  number: [__clone(fcInputs.text), __clone(fcInputs.number)],
-  date: [__clone(fcInputs.date)]
-};
-let fcDictInputs = [];
-let fcRefInputs = {};
-let fcRefInputConfigs = {};
-let baseConfig = {
-  inputs: __clone(fcInputs),
-  primitiveInputs: __clone(fcPrimitiveInputs),
-  dictInputs: __clone(fcDictInputs),
-  refInputs: __clone(fcRefInputs),
-  refInputConfigs: __clone(fcRefInputConfigs),
-  icons: {
-    iconExpandFacet: 'icon-chevron-up',
-    iconCollapseFacet: 'icon-chevron-down',
-    iconCloseFieldSidebar: 'icon-chevron-right',
-    iconOpenFieldSidebar: 'icon-chevron-left',
-    iconAdd: 'icon-add',
-    iconEdit: 'icon-edit',
-    iconDelete: 'icon-delete',
-    iconDrag: 'icon-reorder'
-  }
-};
 const UtFormConfig = {
-  config: {},
-
-  init(formConfig) {
-    this.config = __clone(baseConfig);
-
-    if (formConfig) {
-      if (formConfig.inputs) {
-        this.mergeInputsInMap(this.config.inputs, formConfig.inputs);
-      }
-
-      if (formConfig.primitiveInputs) {
-        this.mergeInputInMapOfArrays(this.config.primitiveInputs, formConfig.primitiveInputs);
-      }
-
-      if (formConfig.dictInputs) {
-        this.mergeInputsInArray(this.config.dictInputs, formConfig.dictInputs);
-      }
-
-      if (formConfig.refInputs) {
-        this.mergeInputInMapOfArrays(this.config.refInputs, formConfig.refInputs);
-      }
-
-      if (formConfig.refInputConfigs) {
-        this.config.refInputConfigs = formConfig.refInputConfigs;
-      }
-
-      if (formConfig.icons) {
-        this.config.icons = __assign(this.config.icons, formConfig.icons);
-      }
+  findField(fieldName, formConfig) {
+    if (!formConfig || !formConfig.sections) {
+      return null;
     }
-  },
 
-  mergeInputInMapOfArrays(inputs, formConfigInputs) {
-    for (let dataType in formConfigInputs) {
-      let foundInputs = inputs[dataType];
+    let found = null;
+    formConfig.sections.every(r => {
+      if (r.columns) {
+        r.columns.every(c => {
+          c.fields.forEach(f => {
+            if (f.name === fieldName) {
+              found = f;
+            }
+          });
 
-      if (foundInputs) {
-        this.mergeInputsInArray(foundInputs, formConfigInputs[dataType]);
-      } else {
-        inputs[dataType] = formConfigInputs[dataType];
+          if (found) {
+            return false;
+          }
+        });
       }
-    }
-  },
-
-  mergeInputsInMap(inputs, formConfigInputs) {
-    for (let name in formConfigInputs) {
-      inputs[name] = __assign(inputs[name] ? inputs[name] : {}, formConfigInputs[name] ? formConfigInputs[name] : {});
-    }
-  },
 
-  mergeInputsInArray(inputs, formConfigInputs) {
-    formConfigInputs.forEach(input => {
-      let index = inputs.findIndex(item => item.name === input.name);
-
-      if (index >= 0) {
-        inputs[index] = input;
-      } else {
-        inputs.push(input);
+      if (found) {
+        return false;
       }
     });
+    return found;
   },
 
-  getAllInputTypes() {
-    return this.config.inputs;
-  },
-
-  getAllDictInputs() {
-    return this.config.dictInputs;
-  },
-
-  getInputTypes(field) {
-    if (!field) {
-      return [];
-    }
-
-    if (field.dict) {
-      return this.config.dictInputs;
-    }
-
-    if (field.ref) {
-      return this.config.refInputs[field.ref];
-    }
-
-    return this.config.primitiveInputs[field.type];
-  },
-
-  getDefaultInput(field) {
-    let input = null;
-
-    if (field.ref && this.config.refInputs[field.ref]) {
-      input = __clone(this.config.refInputs[field.ref][0]);
-      this.applyDefaultProps(input);
-
-      if (this.config.refInputConfigs[field.ref] && this.config.refInputConfigs[field.ref][input.name]) {
-        this.applyRefProps(input, this.config.refInputConfigs[field.ref][input.name]);
-      }
-    } else if (field.dict) {
-      input = __clone(this.config.dictInputs[0]);
-      input.props.dict.default = field.ref;
-      this.applyDefaultProps(input);
-    } else {
-      input = __clone(this.config.primitiveInputs[field.type][0]);
-      this.applyDefaultProps(input);
+  findRule(ruleId, formConfig) {
+    if (!formConfig || !formConfig.sections) {
+      return null;
     }
 
-    return input;
-  },
-
-  getInputTypeByName(name, field) {
-    let input = JSON.parse(JSON.stringify(this.config.inputs[name]));
+    let found = null;
+    formConfig.sections.every(s => {
+      if (s.columns) {
+        s.columns.every(c => {
+          c.fields.every(f => {
+            if (f.rules) {
+              f.rules.forEach(r => {
+                if (r.id === ruleId) {
+                  found = r;
+                }
+              });
+            }
 
-    if (field.ref && this.config.refInputConfigs[field.ref]) {
-      this.applyDefaultProps(input);
+            if (found) {
+              return false;
+            }
+          });
 
-      if (this.config.refInputConfigs[field.ref] && this.config.refInputConfigs[field.ref][input.name]) {
-        this.applyRefProps(input, this.config.refInputConfigs[field.ref][input.name]);
+          if (found) {
+            return false;
+          }
+        });
       }
-    } else if (field.dict) {
-      input.props.dict.default = field.ref;
-      this.applyDefaultProps(input);
-    } else {
-      this.applyDefaultProps(input);
-    }
-
-    return input;
-  },
 
-  applyDefaultProps(input) {
-    for (let propName in input.props) {
-      input.propsData[propName] = input.props[propName].default;
-    }
-  },
-
-  applyRefProps(input, refConfig) {
-    if (refConfig !== null && refConfig !== void 0 && refConfig.propsData) {
-      for (let propName in refConfig.propsData) {
-        input.propsData[propName] = refConfig.propsData[propName];
+      if (found) {
+        return false;
       }
-    }
+    });
+    return found;
   },
 
-  parseFacets(formConfig) {
-    let facets = [];
-    formConfig.sections.every(section => {
-      section.columns.every(c => {
-        c.fields.forEach(f => {
-          if (!(facets.indexOf(f.facet) >= 0)) {
-            facets.push(f.facet);
+  getFields(formConfig) {
+    let fields = [];
+    formConfig.sections.forEach(s => {
+      if (s.columns) {
+        s.columns.forEach(c => {
+          if (c.fields) {
+            c.fields.forEach(f => {
+              fields.push(f);
+            });
           }
         });
-      });
+      }
     });
-    return facets;
+    return fields;
   }
 
 };
@@ -301,7 +102,7 @@ const UtFormConfig = {
 //
 //
 //
-var script$4 = {
+var script$5 = {
   name: 'DocTemplateSectionModal',
   props: {
     section: Object,
@@ -435,10 +236,10 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 }
 
 /* script */
-const __vue_script__$4 = script$4;
+const __vue_script__$5 = script$5;
 /* template */
 
-var __vue_render__$4 = function () {
+var __vue_render__$5 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -486,19 +287,19 @@ var __vue_render__$4 = function () {
   })], 1)], 1)], 1)], 1)], 1);
 };
 
-var __vue_staticRenderFns__$4 = [];
+var __vue_staticRenderFns__$5 = [];
 /* style */
 
-const __vue_inject_styles__$4 = undefined;
+const __vue_inject_styles__$5 = undefined;
 /* scoped */
 
-const __vue_scope_id__$4 = undefined;
+const __vue_scope_id__$5 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$4 = undefined;
+const __vue_module_identifier__$5 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$4 = false;
+const __vue_is_functional_template__$5 = false;
 /* style inject */
 
 /* style inject SSR */
@@ -506,9 +307,9 @@ const __vue_is_functional_template__$4 = false;
 /* style inject shadow dom */
 
 const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$4,
-  staticRenderFns: __vue_staticRenderFns__$4
-}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
+  render: __vue_render__$5,
+  staticRenderFns: __vue_staticRenderFns__$5
+}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
 
 var DocTemplateSectionModal = __vue_component__$6;
 
@@ -5900,18 +5701,321 @@ if (typeof window !== "undefined" && "Vue" in window) {
 
 });
 
-//
-var script$3 = {
-  name: 'DocTemplateFacetList',
-  components: {
-    draggable: vuedraggable_umd
-  },
-  props: {
-    facets: {
-      type: Array,
-      default: () => []
-    }
-  },
+let __clone = function (data) {
+  return JSON.parse(JSON.stringify(data));
+};
+
+let __assign = function () {
+  __assign = Object.assign || function __assign(t) {
+    for (let s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (let p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+let __mergeInputInMapOfArrays = function (inputs, formConfigInputs) {
+  for (let dataType in formConfigInputs) {
+    let foundInputs = inputs[dataType];
+
+    if (foundInputs) {
+      __mergeInputsInArray(foundInputs, formConfigInputs[dataType]);
+    } else {
+      inputs[dataType] = formConfigInputs[dataType];
+    }
+  }
+};
+
+let __mergeInputsInMap = function (inputs, formConfigInputs) {
+  for (let name in formConfigInputs) {
+    inputs[name] = __assign(inputs[name] ? inputs[name] : {}, formConfigInputs[name] ? formConfigInputs[name] : {});
+  }
+};
+
+let __mergeInputsInArray = function (inputs, formConfigInputs) {
+  formConfigInputs.forEach(input => {
+    let index = inputs.findIndex(item => item.name === input.name);
+
+    if (index >= 0) {
+      inputs[index] = input;
+    } else {
+      inputs.push(input);
+    }
+  });
+};
+
+let __applyDefaultProps = function (input) {
+  for (let propName in input.props) {
+    input.propsData[propName] = input.props[propName].default;
+  }
+};
+
+let __applyRefProps = function (input, refConfig) {
+  if (refConfig !== null && refConfig !== void 0 && refConfig.propsData) {
+    for (let propName in refConfig.propsData) {
+      input.propsData[propName] = refConfig.propsData[propName];
+    }
+  }
+};
+
+let fcInputs = {
+  text: {
+    text: 'Текст',
+    name: 'text',
+    type: 'b-form-input',
+    props: {
+      placeholder: {
+        type: 'string',
+        default: null,
+        label: 'Надпись внутри',
+        visible: true
+      },
+      type: {
+        type: 'string',
+        default: 'text',
+        label: 'Тип данных',
+        visible: false
+      }
+    },
+    propsData: {},
+    defaultValue: null
+  },
+  number: {
+    text: 'Число',
+    name: 'number',
+    type: 'b-form-input',
+    props: {
+      placeholder: {
+        type: 'string',
+        default: null,
+        label: 'Надпись внутри',
+        visible: true
+      },
+      type: {
+        type: 'string',
+        default: 'number',
+        label: 'Тип данных',
+        visible: false
+      }
+    },
+    propsData: {},
+    defaultValue: null
+  },
+  memo: {
+    text: 'Большой текст',
+    name: 'memo',
+    type: 'b-form-textarea',
+    props: {
+      placeholder: {
+        type: 'string',
+        default: null,
+        label: 'Надпись внутри',
+        visible: true
+      }
+    },
+    propsData: {},
+    defaultValue: null
+  },
+  date: {
+    text: 'Дата',
+    name: 'date',
+    type: 'rb-date-picker-input',
+    props: {},
+    propsData: {},
+    defaultValue: null
+  },
+  phone: {
+    text: 'Телефон',
+    name: 'phone',
+    type: 'rb-phone-input',
+    props: {
+      placeholder: {
+        type: 'string',
+        default: 'Телефон',
+        label: 'Надпись внутри',
+        visible: true
+      }
+    },
+    propsData: {},
+    defaultValue: null
+  }
+};
+let fcPrimitiveInputs = {
+  text: [__clone(fcInputs.text), __clone(fcInputs.number), __clone(fcInputs.memo), __clone(fcInputs.phone)],
+  memo: [__clone(fcInputs.memo), __clone(fcInputs.text)],
+  number: [__clone(fcInputs.text), __clone(fcInputs.number)],
+  date: [__clone(fcInputs.date)]
+};
+let fcDictInputs = [];
+let fcRefInputs = {};
+let fcRefInputConfigs = {};
+let baseConfig = {
+  inputs: __clone(fcInputs),
+  primitiveInputs: __clone(fcPrimitiveInputs),
+  dictInputs: __clone(fcDictInputs),
+  refInputs: __clone(fcRefInputs),
+  refInputConfigs: __clone(fcRefInputConfigs),
+  rules: [],
+  icons: {
+    iconExpandFacet: 'icon-chevron-up',
+    iconCollapseFacet: 'icon-chevron-down',
+    iconCloseFieldSidebar: 'icon-chevron-right',
+    iconOpenFieldSidebar: 'icon-chevron-left',
+    iconAdd: 'icon-add',
+    iconEdit: 'icon-edit',
+    iconDelete: 'icon-delete',
+    iconDrag: 'icon-reorder'
+  },
+  ruleContext: {}
+};
+const UtFormConstructor = {
+  config: {},
+
+  init(formConfig) {
+    this.config = __clone(baseConfig);
+
+    if (formConfig) {
+      if (formConfig.inputs) {
+        __mergeInputsInMap(this.config.inputs, formConfig.inputs);
+      }
+
+      if (formConfig.primitiveInputs) {
+        __mergeInputInMapOfArrays(this.config.primitiveInputs, formConfig.primitiveInputs);
+      }
+
+      if (formConfig.dictInputs) {
+        __mergeInputsInArray(this.config.dictInputs, formConfig.dictInputs);
+      }
+
+      if (formConfig.refInputs) {
+        __mergeInputInMapOfArrays(this.config.refInputs, formConfig.refInputs);
+      }
+
+      if (formConfig.refInputConfigs) {
+        this.config.refInputConfigs = formConfig.refInputConfigs;
+      }
+
+      if (formConfig.icons) {
+        this.config.icons = __assign(this.config.icons, formConfig.icons);
+      }
+
+      if (formConfig.rules) {
+        this.config.rules = formConfig.rules;
+      }
+
+      if (formConfig.ruleContext) {
+        this.config.ruleContext = formConfig.ruleContext;
+      }
+    }
+  },
+
+  getInputTypes(field) {
+    if (!field) {
+      return [];
+    }
+
+    if (field.dict && !this.config.refInputs[field.ref]) {
+      return this.config.dictInputs;
+    }
+
+    if (field.ref) {
+      return this.config.refInputs[field.ref];
+    }
+
+    return this.config.primitiveInputs[field.type];
+  },
+
+  getDefaultInput(field) {
+    let input = null;
+
+    if (field.ref && this.config.refInputs[field.ref]) {
+      input = __clone(this.config.refInputs[field.ref][0]);
+
+      __applyDefaultProps(input);
+
+      if (this.config.refInputConfigs[field.ref] && this.config.refInputConfigs[field.ref][input.name]) {
+        __applyRefProps(input, this.config.refInputConfigs[field.ref][input.name]);
+      }
+    } else if (field.dict) {
+      input = __clone(this.config.dictInputs[0]);
+      input.props.dict.default = field.ref;
+
+      __applyDefaultProps(input);
+    } else {
+      input = __clone(this.config.primitiveInputs[field.type][0]);
+
+      __applyDefaultProps(input);
+    }
+
+    return input;
+  },
+
+  getInputTypeByName(name, field) {
+    let input = JSON.parse(JSON.stringify(this.config.inputs[name]));
+
+    if (field.ref && this.config.refInputs[field.ref]) {
+      __applyDefaultProps(input);
+
+      if (this.config.refInputConfigs[field.ref] && this.config.refInputConfigs[field.ref][input.name]) {
+        __applyRefProps(input, this.config.refInputConfigs[field.ref][input.name]);
+      }
+    } else if (field.dict) {
+      input.props.dict.default = field.ref;
+
+      __applyDefaultProps(input);
+    } else {
+      __applyDefaultProps(input);
+    }
+
+    input.propsData['ref'] = field.name;
+    return input;
+  },
+
+  getAvailableFieldRules(field) {
+    return this.config.rules.filter(rule => {
+      return !rule.fields || rule.fields.length === 0 || rule.fields.indexOf(field.name) >= 0;
+    });
+  },
+
+  getRuleContext() {
+    return this.config.ruleContext;
+  },
+
+  runRule(context, script) {
+    let appendScript = `
+            var doc = this.form.doc;
+            var form = this.form;
+            var event = this.event;
+            var eventName = this.eventName;
+            
+        `;
+
+    let func = function (script) {
+      return eval(script);
+    };
+
+    func.call(context, appendScript + script);
+  }
+
+};
+
+//
+var script$4 = {
+  name: 'DocTemplateFacetList',
+  components: {
+    draggable: vuedraggable_umd
+  },
+  props: {
+    facets: {
+      type: Array,
+      default: () => []
+    }
+  },
 
   data() {
     return {
@@ -5923,11 +6027,11 @@ var script$3 = {
 
   computed: {
     iconExpandFacet() {
-      return UtFormConfig.config.icons.iconExpandFacet;
+      return UtFormConstructor.config.icons.iconExpandFacet;
     },
 
     iconCollapseFacet() {
-      return UtFormConfig.config.icons.iconCollapseFacet;
+      return UtFormConstructor.config.icons.iconCollapseFacet;
     }
 
   },
@@ -5944,7 +6048,7 @@ var script$3 = {
   methods: {
     onFieldCloned(cloneField) {
       let field = JSON.parse(JSON.stringify(cloneField));
-      field.input = UtFormConfig.getDefaultInput(field);
+      field.input = UtFormConstructor.getDefaultInput(field);
       return field;
     },
 
@@ -5975,101 +6079,593 @@ var script$3 = {
       });
       this.innerFacets = facets;
     },
-
-    handleFacetsProp() {
-      let innerFacets = this.facets.map(f => ({ ...f,
-        expanded: false
-      }));
-      this.innerFacets = JSON.parse(JSON.stringify(innerFacets));
-      this.allFacets = JSON.parse(JSON.stringify(innerFacets));
+
+    handleFacetsProp() {
+      let innerFacets = this.facets.map(f => ({ ...f,
+        expanded: false
+      }));
+      this.innerFacets = JSON.parse(JSON.stringify(innerFacets));
+      this.allFacets = JSON.parse(JSON.stringify(innerFacets));
+    }
+
+  },
+
+  created() {
+    this.handleFacetsProp();
+  }
+
+};
+
+/* script */
+const __vue_script__$4 = script$4;
+/* template */
+
+var __vue_render__$4 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "rb-facets-sidebar"
+  }, [_c('h4', [_vm._v("Компоненты")]), _vm._v(" "), _c('b-form', [_c('b-form-row', [_c('b-col', {
+    attrs: {
+      "lg": "12"
+    }
+  }, [_c('b-form-group', [_c('b-form-input', {
+    attrs: {
+      "placeholder": "Название поля"
+    },
+    model: {
+      value: _vm.facetSearchStr,
+      callback: function ($$v) {
+        _vm.facetSearchStr = $$v;
+      },
+      expression: "facetSearchStr"
+    }
+  })], 1)], 1)], 1)], 1), _vm._v(" "), _c('div', {
+    staticClass: "rb-facet-list"
+  }, _vm._l(_vm.innerFacets, function (facet) {
+    return _c('div', {
+      key: facet.name,
+      staticClass: "rb-facet"
+    }, [_c('h6', {
+      staticClass: "rb-facet-label d-flex cursor-pointer",
+      on: {
+        "click": function ($event) {
+          facet.expanded = !facet.expanded;
+        }
+      }
+    }, [_c('rb-text', {
+      staticClass: "flex-fill"
+    }, [_vm._v(_vm._s(facet.labelRu))]), _vm._v(" "), _c('rb-icon', {
+      attrs: {
+        "icon": facet.expanded ? _vm.iconCollapseFacet : _vm.iconExpandFacet
+      }
+    })], 1), _vm._v(" "), facet.expanded ? _c('b-list-group', [_c('draggable', {
+      attrs: {
+        "clone": _vm.onFieldCloned,
+        "animation": 200,
+        "group": {
+          name: 'fields',
+          pull: 'clone',
+          put: false
+        },
+        "ghost-class": "rb-facet-field-moving"
+      },
+      on: {
+        "end": function ($event) {
+          return _vm.onFieldMoveEnd($event);
+        }
+      },
+      model: {
+        value: facet.fields,
+        callback: function ($$v) {
+          _vm.$set(facet, "fields", $$v);
+        },
+        expression: "facet.fields"
+      }
+    }, _vm._l(facet.fields, function (field) {
+      return _c('b-list-group-item', {
+        key: field.name,
+        staticClass: "cursor-pointer"
+      }, [_c('rb-text', [_vm._v(_vm._s(field.labelRu))])], 1);
+    }), 1)], 1) : _vm._e()], 1);
+  }), 0)], 1);
+};
+
+var __vue_staticRenderFns__$4 = [];
+/* style */
+
+const __vue_inject_styles__$4 = undefined;
+/* scoped */
+
+const __vue_scope_id__$4 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$4 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$4 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$4,
+  staticRenderFns: __vue_staticRenderFns__$4
+}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
+
+var DocTemplateFacetList = __vue_component__$5;
+
+const rnds8Pool = new Uint8Array(256); // # of random values to pre-allocate
+
+let poolPtr = rnds8Pool.length;
+function rng() {
+  if (poolPtr > rnds8Pool.length - 16) {
+    crypto.randomFillSync(rnds8Pool);
+    poolPtr = 0;
+  }
+
+  return rnds8Pool.slice(poolPtr, poolPtr += 16);
+}
+
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+function validate(uuid) {
+  return typeof uuid === 'string' && REGEX.test(uuid);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+
+function stringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  const uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+function v4(options, buf, offset) {
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return stringify(rnds);
+}
+
+//
+var script$3 = {
+  name: 'FieldRuleFormModal',
+  components: {
+    DocForm
+  },
+  props: {
+    field: Object,
+    rule: Object,
+    formConfig: Object,
+    mode: {
+      type: String,
+      default: 'ins'
+    },
+    onAfterOk: Function
+  },
+
+  data() {
+    return {
+      id: 'rb-field-rule-form-modal',
+      state: this.getDefaultState(),
+      innerFormConfig: null,
+      innerRule: null
+    };
+  },
+
+  computed: {
+    title() {
+      return this.mode === 'ins' ? 'Добавление правила' : 'Редактирование правила';
+    },
+
+    fields() {
+      return UtFormConfig.getFields(this.formConfig);
+    },
+
+    rulePresets() {
+      return UtFormConstructor.getAvailableFieldRules(this.field);
+    }
+
+  },
+  watch: {
+    formConfig() {
+      this.copyToInnerFormConfig();
+    },
+
+    rule() {
+      if (this.rule) {
+        this.innerRule = this.rule;
+      } else {
+        this.innerRule = this.getDefaultRule();
+      }
+    }
+
+  },
+  methods: {
+    validateFields(fieldName) {
+      let fields = fieldName ? [fieldName] : ['name', 'event', 'script'];
+      fields.forEach(field => {
+        if (!this.innerRule[field]) {
+          this.state[field] = false;
+          this.state[`${field}_feedback`] = 'Заполните название';
+        } else {
+          this.state[field] = true;
+          this.state[`${field}_feedback`] = null;
+        }
+      });
+    },
+
+    copyToInnerFormConfig() {
+      this.innerFormConfig = JSON.parse(JSON.stringify(this.formConfig));
+    },
+
+    applyRuleToInnerFormConfig() {
+      if (this.innerFormConfig) {
+        let foundRule = UtFormConfig.findRule(this.innerRule.id, this.innerFormConfig);
+
+        if (!foundRule) {
+          let foundField = UtFormConfig.findField(this.field.name, this.innerFormConfig);
+
+          if (foundField) {
+            foundField.rules = foundField.rules ? foundField.rules : [];
+            foundField.rules.push(this.rule);
+          }
+        } else {
+          Object.assign(foundRule, this.innerRule);
+        }
+      }
+    },
+
+    onActivateTab(index) {
+      if (index > 0) {
+        this.copyToInnerFormConfig();
+        this.applyRuleToInnerFormConfig();
+      }
+    },
+
+    getDefaultState() {
+      return {
+        name: null,
+        event: null,
+        script: null
+      };
+    },
+
+    getDefaultRule() {
+      return {
+        id: v4(),
+        name: null,
+        event: null,
+        script: null
+      };
+    },
+
+    resetModal() {
+      this.state = this.getDefaultState();
+      this.innerRule = null;
+    },
+
+    addVariableToScript(varName) {
+      let r = this.innerRule;
+      r.script = r.script ? r.script + varName : varName;
+    },
+
+    addSetVariableToScript(field) {
+      let r = this.innerRule;
+      let setVariableScript = `doc['${field.name}'] = Значение;`;
+      r.script = r.script ? r.script + setVariableScript : setVariableScript;
+    },
+
+    addCallInputFunction(field) {
+      let r = this.innerRule;
+      let setVariableScript = `form.$refs['${field.name}'].Название функции();`;
+      r.script = r.script ? r.script + setVariableScript : setVariableScript;
+    },
+
+    onRuleSelected(ruleName) {
+      let rule = this.rulePresets.find(rule => rule.name === ruleName);
+
+      if (rule) {
+        Object.assign(this.innerRule, rule);
+        this.innerRule.script = this.innerRule.script.trim();
+      }
+    },
+
+    onOk() {
+      this.validateFields();
+
+      if (this.state.name && this.state.script) {
+        if (this.onAfterOk) {
+          this.onAfterOk(this.innerRule);
+        }
+
+        this.$nextTick(() => {
+          this.resetModal();
+          this.$bvModal.hide(this.id);
+        });
+      }
+    }
+
+  },
+
+  created() {
+    this.copyToInnerFormConfig();
+  }
+
+};
+
+/* script */
+const __vue_script__$3 = script$3;
+/* template */
+
+var __vue_render__$3 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('b-modal', {
+    attrs: {
+      "id": _vm.id,
+      "title": _vm.title,
+      "modal-class": "rb-field-rule-form-modal",
+      "size": "lg",
+      "ok-title": "Сохранить правило",
+      "cancel-variant": "outline-gray",
+      "cancel-title": "Отмена"
+    },
+    on: {
+      "ok": function ($event) {
+        $event.preventDefault();
+        return _vm.onOk.apply(null, arguments);
+      }
+    }
+  }, [_c('b-card', {
+    attrs: {
+      "no-body": ""
+    }
+  }, [_c('b-tabs', {
+    attrs: {
+      "card": ""
+    },
+    on: {
+      "activate-tab": _vm.onActivateTab
+    }
+  }, [_c('b-tab', {
+    attrs: {
+      "title": "Правило",
+      "active": ""
+    }
+  }, [_vm.innerRule ? _c('b-form', [_c('b-form-row', [_c('b-col', {
+    attrs: {
+      "log": "12"
+    }
+  }, [_vm.rulePresets.length > 0 ? _c('b-form-group', {
+    attrs: {
+      "label": "Выбрать"
+    },
+    scopedSlots: _vm._u([{
+      key: "description",
+      fn: function () {
+        return [_vm._v("\n                                    Выберите готовое правило из списка и если нужно, измените\n                                ")];
+      },
+      proxy: true
+    }], null, false, 3419583775)
+  }, [_vm._v(" "), _c('b-form-select', {
+    on: {
+      "input": function ($event) {
+        return _vm.onRuleSelected($event);
+      }
+    }
+  }, _vm._l(_vm.rulePresets, function (r) {
+    return _c('b-form-select-option', {
+      key: r.name,
+      attrs: {
+        "value": r.name
+      }
+    }, [_vm._v("\n                                        " + _vm._s(r.name) + "\n                                    ")]);
+  }), 1)], 1) : _vm._e()], 1), _vm._v(" "), _c('b-col', {
+    attrs: {
+      "lg": "12"
+    }
+  }, [_c('b-form-group', {
+    attrs: {
+      "label": "Название"
+    },
+    scopedSlots: _vm._u([{
+      key: "description",
+      fn: function () {
+        return [_vm._v("\n                                    Задайте уникальное название, чтобы отличать правило в списке\n                                ")];
+      },
+      proxy: true
+    }], null, false, 3665649506)
+  }, [_vm._v(" "), _c('b-form-input', {
+    attrs: {
+      "state": _vm.state.name,
+      "invalid-feedback": _vm.state.name_feedback
+    },
+    model: {
+      value: _vm.innerRule.name,
+      callback: function ($$v) {
+        _vm.$set(_vm.innerRule, "name", $$v);
+      },
+      expression: "innerRule.name"
     }
-
-  },
-
-  created() {
-    this.handleFacetsProp();
-  }
-
-};
-
-/* script */
-const __vue_script__$3 = script$3;
-/* template */
-
-var __vue_render__$3 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('div', {
-    staticClass: "rb-facets-sidebar"
-  }, [_c('h4', [_vm._v("Компоненты")]), _vm._v(" "), _c('b-form', [_c('b-form-row', [_c('b-col', {
+  })], 1)], 1), _vm._v(" "), _c('b-col', {
     attrs: {
       "lg": "12"
     }
-  }, [_c('b-form-group', [_c('b-form-input', {
+  }, [_c('b-form-group', {
     attrs: {
-      "placeholder": "Название поля"
+      "label": "Событие"
+    },
+    scopedSlots: _vm._u([{
+      key: "description",
+      fn: function () {
+        return [_vm._v("\n                                    При возникновении этого события будет выполняться правило\n                                ")];
+      },
+      proxy: true
+    }], null, false, 1461632685)
+  }, [_vm._v(" "), _c('b-form-select', {
+    attrs: {
+      "state": _vm.state.event,
+      "invalid-feedback": _vm.state.event_feedback
     },
     model: {
-      value: _vm.facetSearchStr,
+      value: _vm.innerRule.event,
       callback: function ($$v) {
-        _vm.facetSearchStr = $$v;
+        _vm.$set(_vm.innerRule, "event", $$v);
       },
-      expression: "facetSearchStr"
+      expression: "innerRule.event"
     }
-  })], 1)], 1)], 1)], 1), _vm._v(" "), _c('div', {
-    staticClass: "rb-facet-list"
-  }, _vm._l(_vm.innerFacets, function (facet) {
-    return _c('div', {
-      key: facet.name,
-      staticClass: "rb-facet"
-    }, [_c('h6', {
-      staticClass: "rb-facet-label d-flex"
-    }, [_c('rb-text', {
-      staticClass: "flex-fill"
-    }, [_vm._v(_vm._s(facet.labelRu))]), _vm._v(" "), _c('rb-icon', {
-      staticClass: "cursor-pointer",
-      attrs: {
-        "icon": facet.expanded ? _vm.iconCollapseFacet : _vm.iconExpandFacet
+  }, [_c('b-form-select-option', {
+    attrs: {
+      "value": 'input'
+    }
+  }, [_vm._v("\n                                        Ввод значения\n                                    ")]), _vm._v(" "), _c('b-form-select-option', {
+    attrs: {
+      "value": 'change'
+    }
+  }, [_vm._v("\n                                        Изменение значения\n                                    ")]), _vm._v(" "), _c('b-form-select-option', {
+    attrs: {
+      "value": 'click'
+    }
+  }, [_vm._v("\n                                        Клик\n                                    ")])], 1)], 1)], 1), _vm._v(" "), _c('b-col', {
+    attrs: {
+      "lg": "12"
+    }
+  }, [_c('b-form-group', {
+    attrs: {
+      "label": "Скрипт"
+    },
+    scopedSlots: _vm._u([{
+      key: "description",
+      fn: function () {
+        return [_vm._v("\n                                    Здесь указывается скрипт правила. Скрипт должен быть написан на языке\n                                    javascript\n                                ")];
       },
+      proxy: true
+    }], null, false, 2031959747)
+  }, [_vm._v(" "), _c('div', {
+    staticClass: "rb-script-input"
+  }, [_c('b-button-toolbar', [_c('b-dropdown', {
+    staticClass: "mx-1",
+    attrs: {
+      "text": "Переменные",
+      "variant": "outline-secondary",
+      "size": "sm"
+    }
+  }, [_c('b-dropdown-item', {
+    on: {
+      "click": function ($event) {
+        return _vm.addVariableToScript('doc');
+      }
+    }
+  }, [_vm._v("\n                                                Документ\n                                            ")]), _vm._v(" "), _c('b-dropdown-item', {
+    on: {
+      "click": function ($event) {
+        return _vm.addVariableToScript('form');
+      }
+    }
+  }, [_vm._v("\n                                                Форма\n                                            ")]), _vm._v(" "), _c('b-dropdown-item', {
+    on: {
+      "click": function ($event) {
+        return _vm.addVariableToScript('event');
+      }
+    }
+  }, [_vm._v("\n                                                Значение события\n                                            ")])], 1), _vm._v(" "), _c('b-dropdown', {
+    staticClass: "mx-1",
+    attrs: {
+      "text": "Задать значение",
+      "variant": "outline-secondary",
+      "size": "sm"
+    }
+  }, _vm._l(_vm.fields, function (f) {
+    return _vm.fields ? _c('b-dropdown-item', {
+      key: f.name,
       on: {
         "click": function ($event) {
-          facet.expanded = !facet.expanded;
+          return _vm.addSetVariableToScript(f);
         }
       }
-    })], 1), _vm._v(" "), facet.expanded ? _c('b-list-group', [_c('draggable', {
-      attrs: {
-        "clone": _vm.onFieldCloned,
-        "animation": 200,
-        "group": {
-          name: 'fields',
-          pull: 'clone',
-          put: false
-        },
-        "ghost-class": "rb-facet-field-moving"
-      },
+    }, [_vm._v("\n                                                " + _vm._s(f.name) + "\n                                            ")]) : _vm._e();
+  }), 1), _vm._v(" "), _c('b-dropdown', {
+    staticClass: "mx-1",
+    attrs: {
+      "text": "Вызвать функцию инпута",
+      "variant": "outline-secondary",
+      "size": "sm"
+    }
+  }, _vm._l(_vm.fields, function (f) {
+    return _vm.fields ? _c('b-dropdown-item', {
+      key: f.name,
       on: {
-        "end": function ($event) {
-          return _vm.onFieldMoveEnd($event);
+        "click": function ($event) {
+          return _vm.addCallInputFunction(f);
         }
-      },
-      model: {
-        value: facet.fields,
-        callback: function ($$v) {
-          _vm.$set(facet, "fields", $$v);
-        },
-        expression: "facet.fields"
       }
-    }, _vm._l(facet.fields, function (field) {
-      return _c('b-list-group-item', {
-        key: field.name,
-        staticClass: "cursor-pointer"
-      }, [_c('rb-text', [_vm._v(_vm._s(field.labelRu))])], 1);
-    }), 1)], 1) : _vm._e()], 1);
-  }), 0)], 1);
+    }, [_vm._v("\n                                                " + _vm._s(f.name) + "\n                                            ")]) : _vm._e();
+  }), 1)], 1), _vm._v(" "), _c('b-form-textarea', {
+    attrs: {
+      "state": _vm.state.script,
+      "invalid-feedback": _vm.state.script_feedback,
+      "rows": "8"
+    },
+    model: {
+      value: _vm.innerRule.script,
+      callback: function ($$v) {
+        _vm.$set(_vm.innerRule, "script", $$v);
+      },
+      expression: "innerRule.script"
+    }
+  })], 1)])], 1)], 1)], 1) : _vm._e()], 1), _vm._v(" "), _vm.innerFormConfig ? _c('b-tab', {
+    attrs: {
+      "title": "Протестировать правило"
+    }
+  }, [_c('doc-form', {
+    attrs: {
+      "form-config": _vm.innerFormConfig
+    }
+  })], 1) : _vm._e()], 1)], 1)], 1);
 };
 
 var __vue_staticRenderFns__$3 = [];
@@ -6091,16 +6687,19 @@ const __vue_is_functional_template__$3 = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
+const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$3,
   staticRenderFns: __vue_staticRenderFns__$3
 }, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
 
-var DocTemplateFacetList = __vue_component__$5;
+var FieldRuleFormModal = __vue_component__$4;
 
 //
 var script$2 = {
   name: 'DocTemplateFieldSidebar',
+  components: {
+    FieldRuleFormModal
+  },
   props: {
     value: {
       type: Object,
@@ -6109,28 +6708,43 @@ var script$2 = {
     visible: {
       type: Boolean,
       default: null
-    }
+    },
+    formConfig: Object
   },
 
   data() {
     return {
       innerVisible: null,
       field: null,
-      currentInputName: null
+      currentInputName: null,
+      modalId: 'rb-field-rule-form-modal',
+      ruleModalCfg: {
+        rule: {},
+        mode: 'ins'
+      },
+      rulesHash: v4()
     };
   },
 
   computed: {
     inputOptions() {
-      return this.field ? UtFormConfig.getInputTypes(this.field) : [];
+      return this.field ? UtFormConstructor.getInputTypes(this.field) : [];
     },
 
     iconCloseSidebar() {
-      return UtFormConfig.config.icons.iconCloseFieldSidebar;
+      return UtFormConstructor.config.icons.iconCloseFieldSidebar;
     },
 
     iconOpenSidebar() {
-      return UtFormConfig.config.icons.iconOpenFieldSidebar;
+      return UtFormConstructor.config.icons.iconOpenFieldSidebar;
+    },
+
+    iconAdd() {
+      return UtFormConstructor.config.icons.iconAdd;
+    },
+
+    rules() {
+      return UtFormConstructor.getAvailableFieldRules(this.field);
     }
 
   },
@@ -6153,7 +6767,7 @@ var script$2 = {
     },
 
     currentInputName() {
-      this.field.input = UtFormConfig.getInputTypeByName(this.currentInputName, this.field);
+      this.field.input = UtFormConstructor.getInputTypeByName(this.currentInputName, this.field);
     }
 
   },
@@ -6179,6 +6793,49 @@ var script$2 = {
       } else {
         return {};
       }
+    },
+
+    addRule() {
+      this.ruleModalCfg = {
+        mode: 'ins',
+        rule: {
+          name: null,
+          script: null
+        },
+        onAfterOk: rule => {
+          this.field.rules = this.field.rules ? this.field.rules : [];
+          this.field.rules.push({ ...rule
+          });
+          this.rulesHash = v4();
+        }
+      };
+      this.$bvModal.show(this.modalId);
+    },
+
+    editRule(rule, event) {
+      if (event.target.classList && event.target.classList.contains('rb-remove-rule')) {
+        return;
+      }
+
+      this.ruleModalCfg = {
+        mode: 'upd',
+        rule: { ...rule
+        },
+        onAfterOk: modalRule => {
+          Object.assign(rule, modalRule);
+        }
+      };
+      this.$bvModal.show(this.modalId);
+    },
+
+    removeRule(rule) {
+      let index = this.field.rules.findIndex(r => r.id === rule.id);
+
+      if (index >= 0) {
+        this.field.rules.splice(index, 1);
+      }
+
+      this.rulesHash = v4();
     }
 
   },
@@ -6389,7 +7046,7 @@ var __vue_render__$2 = function () {
     staticClass: "rb-form-section"
   }, [_c('div', {
     staticClass: "rb-title"
-  }, [_vm._v("\n                Значение по-умолчанию\n            ")]), _vm._v(" "), _c('b-form-row', [_c('b-col', {
+  }, [_vm._v("Значение по-умолчанию")]), _vm._v(" "), _c('b-form-row', [_c('b-col', {
     attrs: {
       "lg": "12"
     }
@@ -6407,7 +7064,55 @@ var __vue_render__$2 = function () {
       },
       expression: "field.defaultValue"
     }
-  }, 'component', _vm.field.input.propsData, false))], 1)], 1)], 1)], 1) : _vm._e()]) : _vm._e()], 1);
+  }, 'component', _vm.field.input.propsData, false))], 1)], 1)], 1)], 1) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "rb-form-section"
+  }, [_c('div', {
+    staticClass: "rb-title"
+  }, [_vm._v("Правила")]), _vm._v(" "), _c('b-list-group', {
+    attrs: {
+      "data-hash": _vm.rulesHash
+    }
+  }, [_vm._l(_vm.field.rules, function (rule) {
+    return _c('b-list-group-item', {
+      key: rule.id,
+      staticClass: "cursor-pointer d-flex justify-content-between align-items-center",
+      attrs: {
+        "data-hash": _vm.rulesHash
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.editRule(rule, $event);
+        }
+      }
+    }, [_c('rb-text', [_vm._v(_vm._s(rule.name))]), _vm._v(" "), _c('rb-icon', {
+      staticClass: "rb-remove-rule",
+      attrs: {
+        "icon": "icon-close"
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.removeRule(rule);
+        }
+      }
+    })], 1);
+  }), _vm._v(" "), _c('b-list-group-item', {
+    staticClass: "cursor-pointer",
+    on: {
+      "click": _vm.addRule
+    }
+  }, [_c('rb-icon', {
+    attrs: {
+      "icon": _vm.iconAdd
+    }
+  }), _vm._v(" "), _c('rb-text', [_vm._v("Добавить правило ...")])], 1)], 2)], 1)]) : _vm._e(), _vm._v(" "), _c('field-rule-form-modal', {
+    attrs: {
+      "rule": _vm.ruleModalCfg.rule,
+      "form-config": _vm.formConfig,
+      "field": _vm.field,
+      "mode": _vm.ruleModalCfg.mode,
+      "on-after-ok": _vm.ruleModalCfg.onAfterOk
+    }
+  })], 1);
 };
 
 var __vue_staticRenderFns__$2 = [];
@@ -6429,12 +7134,12 @@ const __vue_is_functional_template__$2 = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$2,
   staticRenderFns: __vue_staticRenderFns__$2
 }, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
 
-var DocTemplateFieldSidebar = __vue_component__$4;
+var DocTemplateFieldSidebar = __vue_component__$3;
 
 //
 var script$1 = {
@@ -6479,24 +7184,28 @@ var script$1 = {
 
   computed: {
     iconAdd() {
-      return UtFormConfig.config.icons.iconAdd;
+      return UtFormConstructor.config.icons.iconAdd;
     },
 
     iconEdit() {
-      return UtFormConfig.config.icons.iconEdit;
+      return UtFormConstructor.config.icons.iconEdit;
     },
 
     iconDelete() {
-      return UtFormConfig.config.icons.iconDelete;
+      return UtFormConstructor.config.icons.iconDelete;
     },
 
     iconDrag() {
-      return UtFormConfig.config.icons.iconDrag;
+      return UtFormConstructor.config.icons.iconDrag;
     }
 
   },
   methods: {
-    showProperties(field) {
+    showProperties(field, event) {
+      if (event.target.classList && event.target.classList.contains('rb-remove-field')) {
+        return;
+      }
+
       this.sidebarVisible = true;
       this.sidebarField = field;
     },
@@ -6570,12 +7279,7 @@ var script$1 = {
       let index = newIndex != null ? newIndex : -1;
 
       if (index < 0) {
-        column.fields.every((f, i) => {
-          if (field.name === f.name) {
-            index = i;
-            return false;
-          }
-        });
+        index = column.fields.findIndex(f => field.name === f.name);
       }
 
       if (index >= 0) {
@@ -6655,7 +7359,7 @@ var __vue_render__$1 = function () {
     staticClass: "rb-form-constructor flex-fill"
   }, [_c('div', {
     staticClass: "rb-constructor-toolbar d-flex flex-row"
-  }, [_c('h4', [_vm._v("Верстка документа")]), _vm._v(" "), _c('div', {
+  }, [_c('h4', [_vm._v("Добавить секцию: ")]), _vm._v(" "), _c('div', {
     staticClass: "rb-layout-buttons"
   }, [_c('b-button', {
     attrs: {
@@ -6667,7 +7371,7 @@ var __vue_render__$1 = function () {
         return _vm.addSection(1);
       }
     }
-  }, [_c('rb-text', [_vm._v("1 колонка")]), _vm._v(" "), _c('rb-icon', {
+  }, [_c('rb-text', [_vm._v("Секция с 1 колонкой")]), _vm._v(" "), _c('rb-icon', {
     attrs: {
       "icon": _vm.iconAdd
     }
@@ -6681,7 +7385,7 @@ var __vue_render__$1 = function () {
         return _vm.addSection(2);
       }
     }
-  }, [_c('rb-text', [_vm._v("2 колонки")]), _vm._v(" "), _c('rb-icon', {
+  }, [_c('rb-text', [_vm._v("Секция с 2 колонками")]), _vm._v(" "), _c('rb-icon', {
     attrs: {
       "icon": _vm.iconAdd
     }
@@ -6695,7 +7399,7 @@ var __vue_render__$1 = function () {
         return _vm.addSection(3);
       }
     }
-  }, [_c('rb-text', [_vm._v("3 колонки")]), _vm._v(" "), _c('rb-icon', {
+  }, [_c('rb-text', [_vm._v("Секция с 3 колонками")]), _vm._v(" "), _c('rb-icon', {
     attrs: {
       "icon": _vm.iconAdd
     }
@@ -6797,7 +7501,7 @@ var __vue_render__$1 = function () {
           staticClass: "cursor-pointer",
           on: {
             "click": function ($event) {
-              return _vm.showProperties(field);
+              return _vm.showProperties(field, $event);
             }
           }
         }, [_c('b-col', {
@@ -6817,6 +7521,7 @@ var __vue_render__$1 = function () {
                   "icon": _vm.iconDrag
                 }
               }), _vm._v(" "), _c('rb-text', [_vm._v(_vm._s(field.labelRu))]), _vm._v(" "), _c('rb-icon', {
+                staticClass: "rb-remove-field",
                 attrs: {
                   "icon": _vm.iconDelete
                 },
@@ -6841,7 +7546,8 @@ var __vue_render__$1 = function () {
     }), 1)]);
   }), 1)], 1), _vm._v(" "), _c('doc-template-field-sidebar', {
     attrs: {
-      "visible": _vm.sidebarVisible
+      "visible": _vm.sidebarVisible,
+      "form-config": _vm.formConfig
     },
     on: {
       "hide": function ($event) {
@@ -6883,56 +7589,58 @@ const __vue_is_functional_template__$1 = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
+const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$1,
   staticRenderFns: __vue_staticRenderFns__$1
 }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
 
-var __vue_component__$3 = __vue_component__$2;
+var __vue_component__$2 = __vue_component__$1;
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 var script = {
   name: 'DocForm',
   props: {
     formConfig: Object,
+    applyDefaultValues: {
+      type: Boolean,
+      default: true
+    },
     doc: {
       type: Object,
       default: () => ({})
+    },
+    validationState: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  methods: {
+    onEventFired(eventName, event, field) {
+      if (field.rules) {
+        field.rules.forEach(rule => {
+          if (rule.event === eventName && rule.script) {
+            let ruleContext = UtFormConstructor.getRuleContext();
+            ruleContext.form = this;
+            ruleContext.event = event;
+            ruleContext.eventName = eventName;
+            UtFormConstructor.runRule(ruleContext, rule.script);
+          }
+        });
+      }
     }
+
   },
 
   created() {
-    this.formConfig.sections.forEach(r => {
-      r.columns.forEach(c => {
-        c.fields.forEach(f => {
-          this.doc[f.name] = f.defaultValue;
+    if (this.applyDefaultValues) {
+      this.formConfig.sections.forEach(r => {
+        r.columns.forEach(c => {
+          c.fields.forEach(f => {
+            this.$set(this.doc, f.name, f.defaultValue == null ? null : f.defaultValue);
+          });
         });
       });
-    });
+    }
   }
 
 };
@@ -6959,14 +7667,10 @@ var __vue_render__ = function () {
     }, _vm._l(section.columns, function (column) {
       return _c('div', {
         key: column.index,
-        staticClass: "rb-form-column",
-        class: {
-          'rb-single-column': section.columnCount === 1
-        }
-      }, _vm._l(column.fields, function (field) {
-        return _c('b-form-row', {
-          key: field.name,
-          staticClass: "cursor-pointer"
+        staticClass: "rb-form-column"
+      }, [_vm._l(column.fields, function (field) {
+        return [field.visible ? _c('b-form-row', {
+          key: field.name
         }, [_c('b-col', {
           attrs: {
             "lg": "12"
@@ -6978,7 +7682,24 @@ var __vue_render__ = function () {
             "label": field.labelRu
           }
         }, [_c(field.input.type, _vm._b({
+          ref: field.name,
+          refInFor: true,
           tag: "component",
+          attrs: {
+            "disabled": !field.editable,
+            "state": _vm.validationState[field.name]
+          },
+          on: {
+            "input": function ($event) {
+              return _vm.onEventFired('input', $event, field);
+            },
+            "change": function ($event) {
+              return _vm.onEventFired('change', $event, field);
+            },
+            "click": function ($event) {
+              return _vm.onEventFired('click', $event, field);
+            }
+          },
           model: {
             value: _vm.doc[field.name],
             callback: function ($$v) {
@@ -6986,8 +7707,8 @@ var __vue_render__ = function () {
             },
             expression: "doc[field.name]"
           }
-        }, 'component', field.input.propsData, false))], 1)], 1)], 1);
-      }), 1);
+        }, 'component', field.input.propsData, false))], 1)], 1)], 1) : _vm._e()];
+      })], 2);
     }), 0)]);
   }), 0);
 };
@@ -7016,7 +7737,7 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-var __vue_component__$1 = __vue_component__;
+var DocForm = __vue_component__;
 
 /* eslint-disable import/prefer-default-export */
 
@@ -7026,8 +7747,8 @@ var components = /*#__PURE__*/Object.freeze({
     DocTemplateSectionModal: DocTemplateSectionModal,
     DocTemplateFacetList: DocTemplateFacetList,
     DocTemplateFieldSidebar: DocTemplateFieldSidebar,
-    DocTemplateConstructor: __vue_component__$3,
-    DocForm: __vue_component__$1
+    DocTemplateConstructor: __vue_component__$2,
+    DocForm: DocForm
 });
 
 // Import vue components
@@ -7039,4 +7760,4 @@ const install = function installRbDocumentFormConstructor(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-export { __vue_component__$1 as DocForm, __vue_component__$3 as DocTemplateConstructor, DocTemplateFacetList, DocTemplateFieldSidebar, DocTemplateSectionModal, UtFormConfig, install as default };
+export { DocForm, __vue_component__$2 as DocTemplateConstructor, DocTemplateFacetList, DocTemplateFieldSidebar, DocTemplateSectionModal, UtFormConfig, install as default };