rb-document-form-constructor 0.1.5 → 0.1.6

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

@@ -1,4 +1,4 @@
-'use strict';function ownKeys(object, enumerableOnly) {
+'use strict';var crypto=require('crypto');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var crypto__default=/*#__PURE__*/_interopDefaultLegacy(crypto);function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
@@ -108,278 +108,83 @@ function _arrayLikeToArray(arr, len) {
 
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}var __clone = function __clone(data) {
-  return JSON.parse(JSON.stringify(data));
-};
-
-var _assign = function __assign() {
-  _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];
-      }
+}var UtFormConfig = {
+  findField: function findField(fieldName, formConfig) {
+    if (!formConfig || !formConfig.sections) {
+      return null;
     }
 
-    return t;
-  };
-
-  return _assign.apply(this, arguments);
-};
-
-var 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
-  }
-};
-var 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)]
-};
-var fcDictInputs = [];
-var fcRefInputs = {};
-var fcRefInputConfigs = {};
-var 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'
-  }
-};
-var UtFormConfig = {
-  config: {},
-  init: function 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);
-      }
-    }
-  },
-  mergeInputInMapOfArrays: function mergeInputInMapOfArrays(inputs, formConfigInputs) {
-    for (var dataType in formConfigInputs) {
-      var foundInputs = inputs[dataType];
+    var found = null;
+    formConfig.sections.every(function (r) {
+      if (r.columns) {
+        r.columns.every(function (c) {
+          c.fields.forEach(function (f) {
+            if (f.name === fieldName) {
+              found = f;
+            }
+          });
 
-      if (foundInputs) {
-        this.mergeInputsInArray(foundInputs, formConfigInputs[dataType]);
-      } else {
-        inputs[dataType] = formConfigInputs[dataType];
+          if (found) {
+            return false;
+          }
+        });
       }
-    }
-  },
-  mergeInputsInMap: function mergeInputsInMap(inputs, formConfigInputs) {
-    for (var name in formConfigInputs) {
-      inputs[name] = _assign(inputs[name] ? inputs[name] : {}, formConfigInputs[name] ? formConfigInputs[name] : {});
-    }
-  },
-  mergeInputsInArray: function mergeInputsInArray(inputs, formConfigInputs) {
-    formConfigInputs.forEach(function (input) {
-      var index = inputs.findIndex(function (item) {
-        return item.name === input.name;
-      });
 
-      if (index >= 0) {
-        inputs[index] = input;
-      } else {
-        inputs.push(input);
+      if (found) {
+        return false;
       }
     });
+    return found;
   },
-  getAllInputTypes: function getAllInputTypes() {
-    return this.config.inputs;
-  },
-  getAllDictInputs: function getAllDictInputs() {
-    return this.config.dictInputs;
-  },
-  getInputTypes: function 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: function getDefaultInput(field) {
-    var 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);
-    }
-
-    return input;
-  },
-  getInputTypeByName: function getInputTypeByName(name, field) {
-    var input = JSON.parse(JSON.stringify(this.config.inputs[name]));
+  findRule: function findRule(ruleId, formConfig) {
+    if (!formConfig || !formConfig.sections) {
+      return null;
+    }
+
+    var found = null;
+    formConfig.sections.every(function (s) {
+      if (s.columns) {
+        s.columns.every(function (c) {
+          c.fields.every(function (f) {
+            if (f.rules) {
+              f.rules.forEach(function (r) {
+                if (r.id === ruleId) {
+                  found = r;
+                }
+              });
+            }
 
-    if (field.ref && this.config.refInputs[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: function applyDefaultProps(input) {
-    for (var propName in input.props) {
-      input.propsData[propName] = input.props[propName].default;
-    }
-  },
-  applyRefProps: function applyRefProps(input, refConfig) {
-    if (refConfig !== null && refConfig !== void 0 && refConfig.propsData) {
-      for (var propName in refConfig.propsData) {
-        input.propsData[propName] = refConfig.propsData[propName];
+      if (found) {
+        return false;
       }
-    }
+    });
+    return found;
   },
-  parseFacets: function parseFacets(formConfig) {
-    var facets = [];
-    formConfig.sections.every(function (section) {
-      section.columns.every(function (c) {
-        c.fields.forEach(function (f) {
-          if (!(facets.indexOf(f.facet) >= 0)) {
-            facets.push(f.facet);
+  getFields: function getFields(formConfig) {
+    var fields = [];
+    formConfig.sections.forEach(function (s) {
+      if (s.columns) {
+        s.columns.forEach(function (c) {
+          if (c.fields) {
+            c.fields.forEach(function (f) {
+              fields.push(f);
+            });
           }
         });
-      });
+      }
     });
-    return facets;
+    return fields;
   }
 };//
 //
@@ -400,7 +205,7 @@ var UtFormConfig = {
 //
 //
 //
-var script$4 = {
+var script$5 = {
   name: 'DocTemplateSectionModal',
   props: {
     section: Object,
@@ -525,10 +330,10 @@ var script$4 = {
     }
     return script;
 }/* script */
-var __vue_script__$4 = script$4;
+var __vue_script__$5 = script$5;
 /* template */
 
-var __vue_render__$4 = function __vue_render__() {
+var __vue_render__$5 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -576,19 +381,19 @@ var __vue_render__$4 = function __vue_render__() {
   })], 1)], 1)], 1)], 1)], 1);
 };
 
-var __vue_staticRenderFns__$4 = [];
+var __vue_staticRenderFns__$5 = [];
 /* style */
 
-var __vue_inject_styles__$4 = undefined;
+var __vue_inject_styles__$5 = undefined;
 /* scoped */
 
-var __vue_scope_id__$4 = undefined;
+var __vue_scope_id__$5 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-0dc54a8c";
+var __vue_module_identifier__$5 = "data-v-0dc54a8c";
 /* functional template */
 
-var __vue_is_functional_template__$4 = false;
+var __vue_is_functional_template__$5 = false;
 /* style inject */
 
 /* style inject SSR */
@@ -596,9 +401,9 @@ var __vue_is_functional_template__$4 = false;
 /* style inject shadow dom */
 
 var __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;var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -5982,32 +5787,323 @@ if (typeof window !== "undefined" && "Vue" in window) {
 /******/ })["default"];
 });
 
-});var script$3 = {
-  name: 'DocTemplateFacetList',
-  components: {
-    draggable: vuedraggable_umd
-  },
-  props: {
-    facets: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    }
-  },
-  data: function data() {
-    return {
-      allFacets: [],
-      innerFacets: [],
-      facetSearchStr: null
-    };
+});var __clone = function __clone(data) {
+  return JSON.parse(JSON.stringify(data));
+};
+
+var _assign = function __assign() {
+  _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;
+  };
+
+  return _assign.apply(this, arguments);
+};
+
+var __mergeInputInMapOfArrays = function __mergeInputInMapOfArrays(inputs, formConfigInputs) {
+  for (var dataType in formConfigInputs) {
+    var foundInputs = inputs[dataType];
+
+    if (foundInputs) {
+      __mergeInputsInArray(foundInputs, formConfigInputs[dataType]);
+    } else {
+      inputs[dataType] = formConfigInputs[dataType];
+    }
+  }
+};
+
+var __mergeInputsInMap = function __mergeInputsInMap(inputs, formConfigInputs) {
+  for (var name in formConfigInputs) {
+    inputs[name] = _assign(inputs[name] ? inputs[name] : {}, formConfigInputs[name] ? formConfigInputs[name] : {});
+  }
+};
+
+var __mergeInputsInArray = function __mergeInputsInArray(inputs, formConfigInputs) {
+  formConfigInputs.forEach(function (input) {
+    var index = inputs.findIndex(function (item) {
+      return item.name === input.name;
+    });
+
+    if (index >= 0) {
+      inputs[index] = input;
+    } else {
+      inputs.push(input);
+    }
+  });
+};
+
+var __applyDefaultProps = function __applyDefaultProps(input) {
+  for (var propName in input.props) {
+    input.propsData[propName] = input.props[propName].default;
+  }
+};
+
+var __applyRefProps = function __applyRefProps(input, refConfig) {
+  if (refConfig !== null && refConfig !== void 0 && refConfig.propsData) {
+    for (var propName in refConfig.propsData) {
+      input.propsData[propName] = refConfig.propsData[propName];
+    }
+  }
+};
+
+var 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
+  }
+};
+var 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)]
+};
+var fcDictInputs = [];
+var fcRefInputs = {};
+var fcRefInputConfigs = {};
+var 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: {}
+};
+var UtFormConstructor = {
+  config: {},
+  init: function 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: function 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: function getDefaultInput(field) {
+    var 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: function getInputTypeByName(name, field) {
+    var 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: function getAvailableFieldRules(field) {
+    return this.config.rules.filter(function (rule) {
+      return !rule.fields || rule.fields.length === 0 || rule.fields.indexOf(field.name) >= 0;
+    });
+  },
+  getRuleContext: function getRuleContext() {
+    return this.config.ruleContext;
+  },
+  runRule: function runRule(context, script) {
+    var appendScript = "\n            var doc = this.form.doc;\n            var form = this.form;\n            var event = this.event;\n            var eventName = this.eventName;\n            \n        ";
+
+    var func = function func(script) {
+      return eval(script);
+    };
+
+    func.call(context, appendScript + script);
+  }
+};var script$4 = {
+  name: 'DocTemplateFacetList',
+  components: {
+    draggable: vuedraggable_umd
+  },
+  props: {
+    facets: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    }
+  },
+  data: function data() {
+    return {
+      allFacets: [],
+      innerFacets: [],
+      facetSearchStr: null
+    };
   },
   computed: {
     iconExpandFacet: function iconExpandFacet() {
-      return UtFormConfig.config.icons.iconExpandFacet;
+      return UtFormConstructor.config.icons.iconExpandFacet;
     },
     iconCollapseFacet: function iconCollapseFacet() {
-      return UtFormConfig.config.icons.iconCollapseFacet;
+      return UtFormConstructor.config.icons.iconCollapseFacet;
     }
   },
   watch: {
@@ -6021,7 +6117,7 @@ if (typeof window !== "undefined" && "Vue" in window) {
   methods: {
     onFieldCloned: function onFieldCloned(cloneField) {
       var field = JSON.parse(JSON.stringify(cloneField));
-      field.input = UtFormConfig.getDefaultInput(field);
+      field.input = UtFormConstructor.getDefaultInput(field);
       return field;
     },
     onFieldMoveEnd: function onFieldMoveEnd(event) {
@@ -6050,90 +6146,549 @@ if (typeof window !== "undefined" && "Vue" in window) {
       });
       this.innerFacets = facets;
     },
-    handleFacetsProp: function handleFacetsProp() {
-      var innerFacets = this.facets.map(function (f) {
-        return _objectSpread2(_objectSpread2({}, f), {}, {
-          expanded: false
-        });
-      });
-      this.innerFacets = JSON.parse(JSON.stringify(innerFacets));
-      this.allFacets = JSON.parse(JSON.stringify(innerFacets));
+    handleFacetsProp: function handleFacetsProp() {
+      var innerFacets = this.facets.map(function (f) {
+        return _objectSpread2(_objectSpread2({}, f), {}, {
+          expanded: false
+        });
+      });
+      this.innerFacets = JSON.parse(JSON.stringify(innerFacets));
+      this.allFacets = JSON.parse(JSON.stringify(innerFacets));
+    }
+  },
+  created: function created() {
+    this.handleFacetsProp();
+  }
+};/* script */
+var __vue_script__$4 = script$4;
+/* template */
+
+var __vue_render__$4 = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "rb-facets-sidebar"
+  }, [_vm._ssrNode("<h4>Компоненты</h4> "), _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 callback($$v) {
+        _vm.facetSearchStr = $$v;
+      },
+      expression: "facetSearchStr"
+    }
+  })], 1)], 1)], 1)], 1), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"rb-facet-list\">", "</div>", _vm._l(_vm.innerFacets, function (facet) {
+    return _vm._ssrNode("<div class=\"rb-facet\">", "</div>", [_vm._ssrNode("<h6 class=\"rb-facet-label d-flex cursor-pointer\">", "</h6>", [_c('rb-text', {
+      staticClass: "flex-fill"
+    }, [_vm._v(_vm._s(facet.labelRu))]), _vm._ssrNode(" "), _c('rb-icon', {
+      attrs: {
+        "icon": facet.expanded ? _vm.iconCollapseFacet : _vm.iconExpandFacet
+      }
+    })], 2), _vm._ssrNode(" "), 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 end($event) {
+          return _vm.onFieldMoveEnd($event);
+        }
+      },
+      model: {
+        value: facet.fields,
+        callback: function callback($$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()], 2);
+  }), 0)], 2);
+};
+
+var __vue_staticRenderFns__$4 = [];
+/* style */
+
+var __vue_inject_styles__$4 = undefined;
+/* scoped */
+
+var __vue_scope_id__$4 = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$4 = "data-v-fa8cc52a";
+/* functional template */
+
+var __vue_is_functional_template__$4 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __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__default["default"].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: DocForm
+  },
+  props: {
+    field: Object,
+    rule: Object,
+    formConfig: Object,
+    mode: {
+      type: String,
+      default: 'ins'
+    },
+    onAfterOk: Function
+  },
+  data: function data() {
+    return {
+      id: 'rb-field-rule-form-modal',
+      state: this.getDefaultState(),
+      innerFormConfig: null,
+      innerRule: null
+    };
+  },
+  computed: {
+    title: function title() {
+      return this.mode === 'ins' ? 'Добавление правила' : 'Редактирование правила';
+    },
+    fields: function fields() {
+      return UtFormConfig.getFields(this.formConfig);
+    },
+    rulePresets: function rulePresets() {
+      return UtFormConstructor.getAvailableFieldRules(this.field);
+    }
+  },
+  watch: {
+    formConfig: function formConfig() {
+      this.copyToInnerFormConfig();
+    },
+    rule: function rule() {
+      if (this.rule) {
+        this.innerRule = this.rule;
+      } else {
+        this.innerRule = this.getDefaultRule();
+      }
+    }
+  },
+  methods: {
+    validateFields: function validateFields(fieldName) {
+      var _this = this;
+
+      var fields = fieldName ? [fieldName] : ['name', 'event', 'script'];
+      fields.forEach(function (field) {
+        if (!_this.innerRule[field]) {
+          _this.state[field] = false;
+          _this.state["".concat(field, "_feedback")] = 'Заполните название';
+        } else {
+          _this.state[field] = true;
+          _this.state["".concat(field, "_feedback")] = null;
+        }
+      });
+    },
+    copyToInnerFormConfig: function copyToInnerFormConfig() {
+      this.innerFormConfig = JSON.parse(JSON.stringify(this.formConfig));
+    },
+    applyRuleToInnerFormConfig: function applyRuleToInnerFormConfig() {
+      if (this.innerFormConfig) {
+        var foundRule = UtFormConfig.findRule(this.innerRule.id, this.innerFormConfig);
+
+        if (!foundRule) {
+          var 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: function onActivateTab(index) {
+      if (index > 0) {
+        this.copyToInnerFormConfig();
+        this.applyRuleToInnerFormConfig();
+      }
+    },
+    getDefaultState: function getDefaultState() {
+      return {
+        name: null,
+        event: null,
+        script: null
+      };
+    },
+    getDefaultRule: function getDefaultRule() {
+      return {
+        id: v4(),
+        name: null,
+        event: null,
+        script: null
+      };
+    },
+    resetModal: function resetModal() {
+      this.state = this.getDefaultState();
+      this.innerRule = null;
+    },
+    addVariableToScript: function addVariableToScript(varName) {
+      var r = this.innerRule;
+      r.script = r.script ? r.script + varName : varName;
+    },
+    addSetVariableToScript: function addSetVariableToScript(field) {
+      var r = this.innerRule;
+      var setVariableScript = "doc['".concat(field.name, "'] = \u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435;");
+      r.script = r.script ? r.script + setVariableScript : setVariableScript;
+    },
+    addCallInputFunction: function addCallInputFunction(field) {
+      var r = this.innerRule;
+      var setVariableScript = "form.$refs['".concat(field.name, "'].\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0444\u0443\u043D\u043A\u0446\u0438\u0438();");
+      r.script = r.script ? r.script + setVariableScript : setVariableScript;
+    },
+    onRuleSelected: function onRuleSelected(ruleName) {
+      var rule = this.rulePresets.find(function (rule) {
+        return rule.name === ruleName;
+      });
+
+      if (rule) {
+        Object.assign(this.innerRule, rule);
+        this.innerRule.script = this.innerRule.script.trim();
+      }
+    },
+    onOk: function onOk() {
+      var _this2 = this;
+
+      this.validateFields();
+
+      if (this.state.name && this.state.script) {
+        if (this.onAfterOk) {
+          this.onAfterOk(this.innerRule);
+        }
+
+        this.$nextTick(function () {
+          _this2.resetModal();
+
+          _this2.$bvModal.hide(_this2.id);
+        });
+      }
+    }
+  },
+  created: function created() {
+    this.copyToInnerFormConfig();
+  }
+};/* script */
+var __vue_script__$3 = script$3;
+/* template */
+
+var __vue_render__$3 = function __vue_render__() {
+  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 ok($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 fn() {
+        return [_vm._v("\n                                    Выберите готовое правило из списка и если нужно, измените\n                                ")];
+      },
+      proxy: true
+    }], null, false, 3419583775)
+  }, [_vm._v(" "), _c('b-form-select', {
+    on: {
+      "input": function input($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 fn() {
+        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 callback($$v) {
+        _vm.$set(_vm.innerRule, "name", $$v);
+      },
+      expression: "innerRule.name"
     }
-  },
-  created: function created() {
-    this.handleFacetsProp();
-  }
-};/* script */
-var __vue_script__$3 = script$3;
-/* template */
-
-var __vue_render__$3 = function __vue_render__() {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('div', {
-    staticClass: "rb-facets-sidebar"
-  }, [_vm._ssrNode("<h4>Компоненты</h4> "), _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 fn() {
+        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 callback($$v) {
-        _vm.facetSearchStr = $$v;
+        _vm.$set(_vm.innerRule, "event", $$v);
       },
-      expression: "facetSearchStr"
+      expression: "innerRule.event"
     }
-  })], 1)], 1)], 1)], 1), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"rb-facet-list\">", "</div>", _vm._l(_vm.innerFacets, function (facet) {
-    return _vm._ssrNode("<div class=\"rb-facet\">", "</div>", [_vm._ssrNode("<h6 class=\"rb-facet-label d-flex\">", "</h6>", [_c('rb-text', {
-      staticClass: "flex-fill"
-    }, [_vm._v(_vm._s(facet.labelRu))]), _vm._ssrNode(" "), _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 fn() {
+        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 click($event) {
+        return _vm.addVariableToScript('doc');
+      }
+    }
+  }, [_vm._v("\n                                                Документ\n                                            ")]), _vm._v(" "), _c('b-dropdown-item', {
+    on: {
+      "click": function click($event) {
+        return _vm.addVariableToScript('form');
+      }
+    }
+  }, [_vm._v("\n                                                Форма\n                                            ")]), _vm._v(" "), _c('b-dropdown-item', {
+    on: {
+      "click": function click($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 click($event) {
-          facet.expanded = !facet.expanded;
+          return _vm.addSetVariableToScript(f);
         }
       }
-    })], 2), _vm._ssrNode(" "), 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 end($event) {
-          return _vm.onFieldMoveEnd($event);
+        "click": function click($event) {
+          return _vm.addCallInputFunction(f);
         }
-      },
-      model: {
-        value: facet.fields,
-        callback: function callback($$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()], 2);
-  }), 0)], 2);
+    }, [_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 callback($$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 = [];
@@ -6145,7 +6700,7 @@ var __vue_inject_styles__$3 = undefined;
 var __vue_scope_id__$3 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$3 = "data-v-5594436b";
+var __vue_module_identifier__$3 = "data-v-1b91cb29";
 /* functional template */
 
 var __vue_is_functional_template__$3 = false;
@@ -6155,14 +6710,16 @@ var __vue_is_functional_template__$3 = false;
 
 /* style inject shadow dom */
 
-var __vue_component__$5 = /*#__PURE__*/normalizeComponent({
+var __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 script$2 = {
+var FieldRuleFormModal = __vue_component__$4;var script$2 = {
   name: 'DocTemplateFieldSidebar',
+  components: {
+    FieldRuleFormModal: FieldRuleFormModal
+  },
   props: {
     value: {
       type: Object,
@@ -6171,24 +6728,37 @@ var script$2 = {
     visible: {
       type: Boolean,
       default: null
-    }
+    },
+    formConfig: Object
   },
   data: function data() {
     return {
       innerVisible: null,
       field: null,
-      currentInputName: null
+      currentInputName: null,
+      modalId: 'rb-field-rule-form-modal',
+      ruleModalCfg: {
+        rule: {},
+        mode: 'ins'
+      },
+      rulesHash: v4()
     };
   },
   computed: {
     inputOptions: function inputOptions() {
-      return this.field ? UtFormConfig.getInputTypes(this.field) : [];
+      return this.field ? UtFormConstructor.getInputTypes(this.field) : [];
     },
     iconCloseSidebar: function iconCloseSidebar() {
-      return UtFormConfig.config.icons.iconCloseFieldSidebar;
+      return UtFormConstructor.config.icons.iconCloseFieldSidebar;
     },
     iconOpenSidebar: function iconOpenSidebar() {
-      return UtFormConfig.config.icons.iconOpenFieldSidebar;
+      return UtFormConstructor.config.icons.iconOpenFieldSidebar;
+    },
+    iconAdd: function iconAdd() {
+      return UtFormConstructor.config.icons.iconAdd;
+    },
+    rules: function rules() {
+      return UtFormConstructor.getAvailableFieldRules(this.field);
     }
   },
   watch: {
@@ -6207,7 +6777,7 @@ var script$2 = {
       this.$emit('change', this.field);
     },
     currentInputName: function currentInputName() {
-      this.field.input = UtFormConfig.getInputTypeByName(this.currentInputName, this.field);
+      this.field.input = UtFormConstructor.getInputTypeByName(this.currentInputName, this.field);
     }
   },
   methods: {
@@ -6230,6 +6800,50 @@ var script$2 = {
       } else {
         return {};
       }
+    },
+    addRule: function addRule() {
+      var _this = this;
+
+      this.ruleModalCfg = {
+        mode: 'ins',
+        rule: {
+          name: null,
+          script: null
+        },
+        onAfterOk: function onAfterOk(rule) {
+          _this.field.rules = _this.field.rules ? _this.field.rules : [];
+
+          _this.field.rules.push(_objectSpread2({}, rule));
+
+          _this.rulesHash = v4();
+        }
+      };
+      this.$bvModal.show(this.modalId);
+    },
+    editRule: function editRule(rule, event) {
+      if (event.target.classList && event.target.classList.contains('rb-remove-rule')) {
+        return;
+      }
+
+      this.ruleModalCfg = {
+        mode: 'upd',
+        rule: _objectSpread2({}, rule),
+        onAfterOk: function onAfterOk(modalRule) {
+          Object.assign(rule, modalRule);
+        }
+      };
+      this.$bvModal.show(this.modalId);
+    },
+    removeRule: function removeRule(rule) {
+      var index = this.field.rules.findIndex(function (r) {
+        return r.id === rule.id;
+      });
+
+      if (index >= 0) {
+        this.field.rules.splice(index, 1);
+      }
+
+      this.rulesHash = v4();
     }
   },
   created: function created() {
@@ -6435,7 +7049,7 @@ var __vue_render__$2 = function __vue_render__() {
     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"
     }
@@ -6453,7 +7067,55 @@ var __vue_render__$2 = function __vue_render__() {
       },
       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 click($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 click($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 = [];
@@ -6465,7 +7127,7 @@ var __vue_inject_styles__$2 = undefined;
 var __vue_scope_id__$2 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$2 = "data-v-3dfc4527";
+var __vue_module_identifier__$2 = "data-v-6fd56ef5";
 /* functional template */
 
 var __vue_is_functional_template__$2 = false;
@@ -6475,12 +7137,12 @@ var __vue_is_functional_template__$2 = false;
 
 /* style inject shadow dom */
 
-var __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+var __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 script$1 = {
+var DocTemplateFieldSidebar = __vue_component__$3;var script$1 = {
   name: 'DocTemplateConstructor',
   components: {
     DocTemplateFacetList: DocTemplateFacetList,
@@ -6520,20 +7182,24 @@ var DocTemplateFieldSidebar = __vue_component__$4;var script$1 = {
   },
   computed: {
     iconAdd: function iconAdd() {
-      return UtFormConfig.config.icons.iconAdd;
+      return UtFormConstructor.config.icons.iconAdd;
     },
     iconEdit: function iconEdit() {
-      return UtFormConfig.config.icons.iconEdit;
+      return UtFormConstructor.config.icons.iconEdit;
     },
     iconDelete: function iconDelete() {
-      return UtFormConfig.config.icons.iconDelete;
+      return UtFormConstructor.config.icons.iconDelete;
     },
     iconDrag: function iconDrag() {
-      return UtFormConfig.config.icons.iconDrag;
+      return UtFormConstructor.config.icons.iconDrag;
     }
   },
   methods: {
-    showProperties: function showProperties(field) {
+    showProperties: function showProperties(field, event) {
+      if (event.target.classList && event.target.classList.contains('rb-remove-field')) {
+        return;
+      }
+
       this.sidebarVisible = true;
       this.sidebarField = field;
     },
@@ -6604,11 +7270,8 @@ var DocTemplateFieldSidebar = __vue_component__$4;var script$1 = {
       var index = newIndex != null ? newIndex : -1;
 
       if (index < 0) {
-        column.fields.every(function (f, i) {
-          if (field.name === f.name) {
-            index = i;
-            return false;
-          }
+        index = column.fields.findIndex(function (f) {
+          return field.name === f.name;
         });
       }
 
@@ -6675,7 +7338,7 @@ var __vue_render__$1 = function __vue_render__() {
     on: {
       "fieldMoveEnd": _vm.onFieldMoveEnd
     }
-  }), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"rb-form-constructor flex-fill\">", "</div>", [_vm._ssrNode("<div class=\"rb-constructor-toolbar d-flex flex-row\">", "</div>", [_vm._ssrNode("<h4>Верстка документа</h4> "), _vm._ssrNode("<div class=\"rb-layout-buttons\">", "</div>", [_c('b-button', {
+  }), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"rb-form-constructor flex-fill\">", "</div>", [_vm._ssrNode("<div class=\"rb-constructor-toolbar d-flex flex-row\">", "</div>", [_vm._ssrNode("<h4>Добавить секцию: </h4> "), _vm._ssrNode("<div class=\"rb-layout-buttons\">", "</div>", [_c('b-button', {
     attrs: {
       "pill": "",
       "variant": "outline-gray"
@@ -6685,7 +7348,7 @@ var __vue_render__$1 = function __vue_render__() {
         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
     }
@@ -6699,7 +7362,7 @@ var __vue_render__$1 = function __vue_render__() {
         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
     }
@@ -6713,7 +7376,7 @@ var __vue_render__$1 = function __vue_render__() {
         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
     }
@@ -6813,7 +7476,7 @@ var __vue_render__$1 = function __vue_render__() {
           staticClass: "cursor-pointer",
           on: {
             "click": function click($event) {
-              return _vm.showProperties(field);
+              return _vm.showProperties(field, $event);
             }
           }
         }, [_c('b-col', {
@@ -6833,6 +7496,7 @@ var __vue_render__$1 = function __vue_render__() {
                   "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
                 },
@@ -6857,7 +7521,8 @@ var __vue_render__$1 = function __vue_render__() {
     }), 1)]);
   }), 1)], 1), _vm._ssrNode(" "), _c('doc-template-field-sidebar', {
     attrs: {
-      "visible": _vm.sidebarVisible
+      "visible": _vm.sidebarVisible,
+      "form-config": _vm.formConfig
     },
     on: {
       "hide": function hide($event) {
@@ -6889,7 +7554,7 @@ var __vue_inject_styles__$1 = undefined;
 var __vue_scope_id__$1 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$1 = "data-v-36f384ca";
+var __vue_module_identifier__$1 = "data-v-ed93df10";
 /* functional template */
 
 var __vue_is_functional_template__$1 = false;
@@ -6899,61 +7564,62 @@ var __vue_is_functional_template__$1 = false;
 
 /* style inject shadow dom */
 
-var __vue_component__$2 = /*#__PURE__*/normalizeComponent({
+var __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
+    formConfig: Object,
+    applyDefaultValues: {
+      type: Boolean,
+      default: true
+    },
+    doc: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    validationState: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
   },
-  data: function data() {
-    return {
-      doc: {
-        type: Object,
-        default: function _default() {
-          return {};
-        }
+  methods: {
+    onEventFired: function onEventFired(eventName, event, field) {
+      var _this = this;
+
+      if (field.rules) {
+        field.rules.forEach(function (rule) {
+          if (rule.event === eventName && rule.script) {
+            var ruleContext = UtFormConstructor.getRuleContext();
+            ruleContext.form = _this;
+            ruleContext.event = event;
+            ruleContext.eventName = eventName;
+            UtFormConstructor.runRule(ruleContext, rule.script);
+          }
+        });
       }
-    };
+    }
   },
   created: function created() {
-    var _this = this;
+    var _this2 = this;
 
-    this.formConfig.sections.forEach(function (r) {
-      r.columns.forEach(function (c) {
-        c.fields.forEach(function (f) {
-          _this.$set(_this.doc, f.name, f.defaultValue == null ? null : f.defaultValue);
+    if (this.applyDefaultValues) {
+      this.formConfig.sections.forEach(function (r) {
+        r.columns.forEach(function (c) {
+          c.fields.forEach(function (f) {
+            _this2.$set(_this2.doc, f.name, f.defaultValue == null ? null : f.defaultValue);
+          });
         });
       });
-    });
+    }
   }
 };/* script */
 var __vue_script__ = script;
@@ -6977,14 +7643,10 @@ var __vue_render__ = function __vue_render__() {
     }, _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"
@@ -6996,7 +7658,24 @@ var __vue_render__ = function __vue_render__() {
             "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 input($event) {
+              return _vm.onEventFired('input', $event, field);
+            },
+            "change": function change($event) {
+              return _vm.onEventFired('change', $event, field);
+            },
+            "click": function click($event) {
+              return _vm.onEventFired('click', $event, field);
+            }
+          },
           model: {
             value: _vm.doc[field.name],
             callback: function callback($$v) {
@@ -7004,8 +7683,8 @@ var __vue_render__ = function __vue_render__() {
             },
             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);
 };
@@ -7019,7 +7698,7 @@ var __vue_inject_styles__ = undefined;
 var __vue_scope_id__ = undefined;
 /* module identifier */
 
-var __vue_module_identifier__ = "data-v-25014ba0";
+var __vue_module_identifier__ = "data-v-a98da412";
 /* functional template */
 
 var __vue_is_functional_template__ = false;
@@ -7034,7 +7713,7 @@ var __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__;/* eslint-disable import/prefer-default-export */var components$1=/*#__PURE__*/Object.freeze({__proto__:null,UtFormConfig:UtFormConfig,DocTemplateSectionModal:DocTemplateSectionModal,DocTemplateFacetList:DocTemplateFacetList,DocTemplateFieldSidebar:DocTemplateFieldSidebar,DocTemplateConstructor:__vue_component__$3,DocForm:__vue_component__$1});var install = function installRbDocumentFormConstructor(Vue) {
+var DocForm = __vue_component__;/* eslint-disable import/prefer-default-export */var components$1=/*#__PURE__*/Object.freeze({__proto__:null,UtFormConfig:UtFormConfig,DocTemplateSectionModal:DocTemplateSectionModal,DocTemplateFacetList:DocTemplateFacetList,DocTemplateFieldSidebar:DocTemplateFieldSidebar,DocTemplateConstructor:__vue_component__$2,DocForm:DocForm});var install = function installRbDocumentFormConstructor(Vue) {
   Object.entries(components$1).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         componentName = _ref2[0],
@@ -7043,7 +7722,7 @@ var __vue_component__$1 = __vue_component__;/* eslint-disable import/prefer-defa
     Vue.component(componentName, component);
   });
 }; // Create module definition for Vue.use()
-var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,UtFormConfig:UtFormConfig,DocTemplateSectionModal:DocTemplateSectionModal,DocTemplateFacetList:DocTemplateFacetList,DocTemplateFieldSidebar:DocTemplateFieldSidebar,DocTemplateConstructor:__vue_component__$3,DocForm:__vue_component__$1});// only expose one global var, with component exports exposed as properties of
+var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,UtFormConfig:UtFormConfig,DocTemplateSectionModal:DocTemplateSectionModal,DocTemplateFacetList:DocTemplateFacetList,DocTemplateFieldSidebar:DocTemplateFieldSidebar,DocTemplateConstructor:__vue_component__$2,DocForm:DocForm});// only expose one global var, with component exports exposed as properties of
 // that global var (eg. plugin.component)
 
 Object.entries(components).forEach(function (_ref) {