rb-document-form-constructor 0.1.7 → 0.2.1

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

@@ -369,13 +369,14 @@ const UtFormConstructor = {
   },
 
   runRule(context, script) {
-    let appendScript = `
-            var doc = this.form.doc;
-            var form = this.form;
-            var event = this.event;
-            var eventName = this.eventName;
-            
-        `;
+    context = context ? context : {};
+    let appendScript = '';
+
+    for (let v in context) {
+      appendScript = appendScript + `var ${v} = this.${v};\n`;
+    }
+
+    appendScript = appendScript ? appendScript + '\n' : '';
 
     let func = function (script) {
       return eval(script);
@@ -6268,6 +6269,150 @@ function v4(options, buf, offset) {
 
 //
 var script$3 = {
+  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.doc = this.doc;
+            ruleContext.event = event;
+            ruleContext.eventName = eventName;
+            UtFormConstructor.runRule(ruleContext, rule.script);
+          }
+        });
+      }
+    }
+
+  },
+
+  created() {
+    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);
+          });
+        });
+      });
+    }
+  }
+
+};
+
+/* 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-form', {
+    staticClass: "rb-doc-form"
+  }, _vm._l(_vm.formConfig.sections, function (section) {
+    return _c('div', {
+      key: section.labelRu,
+      staticClass: "rb-form-section"
+    }, [_c('h4', [_vm._v(_vm._s(section.labelRu))]), _vm._v(" "), _c('div', {
+      staticClass: "d-flex flex-row"
+    }, _vm._l(section.columns, function (column) {
+      return _c('div', {
+        key: column.index,
+        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"
+          }
+        }, [_c('b-form-group', {
+          ref: "inputContainer",
+          refInFor: true,
+          attrs: {
+            "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) {
+              _vm.$set(_vm.doc, field.name, $$v);
+            },
+            expression: "doc[field.name]"
+          }
+        }, 'component', field.input.propsData, false))], 1)], 1)], 1) : _vm._e()];
+      })], 2);
+    }), 0)]);
+  }), 0);
+};
+
+var __vue_staticRenderFns__$3 = [];
+/* style */
+
+const __vue_inject_styles__$3 = undefined;
+/* scoped */
+
+const __vue_scope_id__$3 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$3 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$3 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+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 DocForm = __vue_component__$4;
+
+//
+var script$2 = {
   name: 'FieldRuleFormModal',
   components: {
     DocForm
@@ -6385,20 +6530,26 @@ var script$3 = {
     },
 
     addVariableToScript(varName) {
-      let r = this.innerRule;
-      r.script = r.script ? r.script + varName : varName;
+      let caretPosition = this.$refs.scriptInput.selectionStart;
+      this.insertTextToScript(varName, caretPosition);
     },
 
     addSetVariableToScript(field) {
-      let r = this.innerRule;
-      let setVariableScript = `doc['${field.name}'] = Значение;`;
-      r.script = r.script ? r.script + setVariableScript : setVariableScript;
+      let caretPosition = this.$refs.scriptInput.selectionStart;
+      this.insertTextToScript(`doc['${field.name}'] = Значение;`, caretPosition);
     },
 
     addCallInputFunction(field) {
-      let r = this.innerRule;
-      let setVariableScript = `form.$refs['${field.name}'].Название функции();`;
-      r.script = r.script ? r.script + setVariableScript : setVariableScript;
+      let caretPosition = this.$refs.scriptInput.selectionStart;
+      this.insertTextToScript(`form.$refs['${field.name}'][0].Название функции();`, caretPosition);
+    },
+
+    insertTextToScript(text, position) {
+      position = position != null ? position : this.script.length;
+      this.innerRule.script = this.innerRule.script != null ? this.innerRule.script : '';
+      let scriptSplit = this.innerRule.script.split('');
+      scriptSplit.splice(position, 0, text);
+      this.innerRule.script = scriptSplit.join('');
     },
 
     onRuleSelected(ruleName) {
@@ -6434,10 +6585,10 @@ var script$3 = {
 };
 
 /* script */
-const __vue_script__$3 = script$3;
+const __vue_script__$2 = script$2;
 /* template */
 
-var __vue_render__$3 = function () {
+var __vue_render__$2 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6503,7 +6654,7 @@ var __vue_render__$3 = function () {
       attrs: {
         "value": r.name
       }
-    }, [_vm._v("\n                                        " + _vm._s(r.name) + "\n                                    ")]);
+    }, [_vm._v("\n                                        " + _vm._s(r.labelRu) + " (" + _vm._s(r.name) + ")\n                                    ")]);
   }), 1)], 1) : _vm._e()], 1), _vm._v(" "), _c('b-col', {
     attrs: {
       "lg": "12"
@@ -6627,7 +6778,7 @@ var __vue_render__$3 = function () {
           return _vm.addSetVariableToScript(f);
         }
       }
-    }, [_vm._v("\n                                                " + _vm._s(f.name) + "\n                                            ")]) : _vm._e();
+    }, [_vm._v("\n                                                " + _vm._s(f.labelRu) + " (" + _vm._s(f.name) + ")\n                                            ")]) : _vm._e();
   }), 1), _vm._v(" "), _c('b-dropdown', {
     staticClass: "mx-1",
     attrs: {
@@ -6643,8 +6794,9 @@ var __vue_render__$3 = function () {
           return _vm.addCallInputFunction(f);
         }
       }
-    }, [_vm._v("\n                                                " + _vm._s(f.name) + "\n                                            ")]) : _vm._e();
+    }, [_vm._v("\n                                                " + _vm._s(f.labelRu) + " (" + _vm._s(f.name) + ")\n                                            ")]) : _vm._e();
   }), 1)], 1), _vm._v(" "), _c('b-form-textarea', {
+    ref: "scriptInput",
     attrs: {
       "state": _vm.state.script,
       "invalid-feedback": _vm.state.script_feedback,
@@ -6668,34 +6820,34 @@ var __vue_render__$3 = function () {
   })], 1) : _vm._e()], 1)], 1)], 1);
 };
 
-var __vue_staticRenderFns__$3 = [];
+var __vue_staticRenderFns__$2 = [];
 /* style */
 
-const __vue_inject_styles__$3 = undefined;
+const __vue_inject_styles__$2 = undefined;
 /* scoped */
 
-const __vue_scope_id__$3 = undefined;
+const __vue_scope_id__$2 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$3 = undefined;
+const __vue_module_identifier__$2 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$3 = false;
+const __vue_is_functional_template__$2 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-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);
+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 FieldRuleFormModal = __vue_component__$4;
+var FieldRuleFormModal = __vue_component__$3;
 
 //
-var script$2 = {
+var script$1 = {
   name: 'DocTemplateFieldSidebar',
   components: {
     FieldRuleFormModal
@@ -6852,10 +7004,10 @@ var script$2 = {
 };
 
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$1 = script$1;
 /* template */
 
-var __vue_render__$2 = function () {
+var __vue_render__$1 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7115,34 +7267,34 @@ var __vue_render__$2 = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$2 = [];
+var __vue_staticRenderFns__$1 = [];
 /* style */
 
-const __vue_inject_styles__$2 = undefined;
+const __vue_inject_styles__$1 = undefined;
 /* scoped */
 
-const __vue_scope_id__$2 = undefined;
+const __vue_scope_id__$1 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$2 = undefined;
+const __vue_module_identifier__$1 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$2 = false;
+const __vue_is_functional_template__$1 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-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);
+const __vue_component__$2 = /*#__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 DocTemplateFieldSidebar = __vue_component__$3;
+var DocTemplateFieldSidebar = __vue_component__$2;
 
 //
-var script$1 = {
+var script = {
   name: 'DocTemplateConstructor',
   components: {
     DocTemplateFacetList,
@@ -7336,10 +7488,10 @@ var script$1 = {
 };
 
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__ = script;
 /* template */
 
-var __vue_render__$1 = function () {
+var __vue_render__ = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7570,149 +7722,6 @@ var __vue_render__$1 = function () {
   })], 1)], 1);
 };
 
-var __vue_staticRenderFns__$1 = [];
-/* style */
-
-const __vue_inject_styles__$1 = undefined;
-/* scoped */
-
-const __vue_scope_id__$1 = undefined;
-/* module identifier */
-
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-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__$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() {
-    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);
-          });
-        });
-      });
-    }
-  }
-
-};
-
-/* script */
-const __vue_script__ = script;
-/* template */
-
-var __vue_render__ = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('b-form', {
-    staticClass: "rb-doc-form"
-  }, _vm._l(_vm.formConfig.sections, function (section) {
-    return _c('div', {
-      key: section.labelRu,
-      staticClass: "rb-form-section"
-    }, [_c('h4', [_vm._v(_vm._s(section.labelRu))]), _vm._v(" "), _c('div', {
-      staticClass: "d-flex flex-row"
-    }, _vm._l(section.columns, function (column) {
-      return _c('div', {
-        key: column.index,
-        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"
-          }
-        }, [_c('b-form-group', {
-          ref: "inputContainer",
-          refInFor: true,
-          attrs: {
-            "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) {
-              _vm.$set(_vm.doc, field.name, $$v);
-            },
-            expression: "doc[field.name]"
-          }
-        }, 'component', field.input.propsData, false))], 1)], 1)], 1) : _vm._e()];
-      })], 2);
-    }), 0)]);
-  }), 0);
-};
-
 var __vue_staticRenderFns__ = [];
 /* style */
 
@@ -7737,7 +7746,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 DocForm = __vue_component__;
+var __vue_component__$1 = __vue_component__;
 
 /* eslint-disable import/prefer-default-export */
 
@@ -7748,7 +7757,8 @@ var components = /*#__PURE__*/Object.freeze({
     DocTemplateSectionModal: DocTemplateSectionModal,
     DocTemplateFacetList: DocTemplateFacetList,
     DocTemplateFieldSidebar: DocTemplateFieldSidebar,
-    DocTemplateConstructor: __vue_component__$2,
+    DocTemplateConstructor: __vue_component__$1,
+    FieldRuleFormModal: FieldRuleFormModal,
     DocForm: DocForm
 });
 
@@ -7761,4 +7771,4 @@ const install = function installRbDocumentFormConstructor(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-export { DocForm, __vue_component__$2 as DocTemplateConstructor, DocTemplateFacetList, DocTemplateFieldSidebar, DocTemplateSectionModal, UtFormConfig, UtFormConstructor, install as default };
+export { DocForm, __vue_component__$1 as DocTemplateConstructor, DocTemplateFacetList, DocTemplateFieldSidebar, DocTemplateSectionModal, FieldRuleFormModal, UtFormConfig, UtFormConstructor, install as default };