rb-document-form-constructor 0.1.7 → 0.2.1

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

@@ -469,7 +469,14 @@ var UtFormConstructor = {
     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        ";
+    context = context ? context : {};
+    var appendScript = '';
+
+    for (var v in context) {
+      appendScript = appendScript + "var ".concat(v, " = this.").concat(v, ";\n");
+    }
+
+    appendScript = appendScript ? appendScript + '\n' : '';
 
     var func = function func(script) {
       return eval(script);
@@ -6307,6 +6314,151 @@ function stringify(arr, offset = 0) {
   return stringify(rnds);
 }//
 var script$3 = {
+  name: 'DocForm',
+  props: {
+    formConfig: Object,
+    applyDefaultValues: {
+      type: Boolean,
+      default: true
+    },
+    doc: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    validationState: {
+      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.doc = _this.doc;
+            ruleContext.event = event;
+            ruleContext.eventName = eventName;
+            UtFormConstructor.runRule(ruleContext, rule.script);
+          }
+        });
+      }
+    }
+  },
+  created: function created() {
+    var _this2 = this;
+
+    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__$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-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 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) {
+              _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 */
+
+var __vue_inject_styles__$3 = undefined;
+/* scoped */
+
+var __vue_scope_id__$3 = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$3 = "data-v-c3fb224c";
+/* functional template */
+
+var __vue_is_functional_template__$3 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+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 DocForm = __vue_component__$4;//
+var script$2 = {
   name: 'FieldRuleFormModal',
   components: {
     DocForm: DocForm
@@ -6412,18 +6564,23 @@ var script$3 = {
       this.innerRule = null;
     },
     addVariableToScript: function addVariableToScript(varName) {
-      var r = this.innerRule;
-      r.script = r.script ? r.script + varName : varName;
+      var caretPosition = this.$refs.scriptInput.selectionStart;
+      this.insertTextToScript(varName, caretPosition);
     },
     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;
+      var caretPosition = this.$refs.scriptInput.selectionStart;
+      this.insertTextToScript("doc['".concat(field.name, "'] = \u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435;"), caretPosition);
     },
     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;
+      var caretPosition = this.$refs.scriptInput.selectionStart;
+      this.insertTextToScript("form.$refs['".concat(field.name, "'][0].\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0444\u0443\u043D\u043A\u0446\u0438\u0438();"), caretPosition);
+    },
+    insertTextToScript: function insertTextToScript(text, position) {
+      position = position != null ? position : this.script.length;
+      this.innerRule.script = this.innerRule.script != null ? this.innerRule.script : '';
+      var scriptSplit = this.innerRule.script.split('');
+      scriptSplit.splice(position, 0, text);
+      this.innerRule.script = scriptSplit.join('');
     },
     onRuleSelected: function onRuleSelected(ruleName) {
       var rule = this.rulePresets.find(function (rule) {
@@ -6457,10 +6614,10 @@ var script$3 = {
     this.copyToInnerFormConfig();
   }
 };/* script */
-var __vue_script__$3 = script$3;
+var __vue_script__$2 = script$2;
 /* template */
 
-var __vue_render__$3 = function __vue_render__() {
+var __vue_render__$2 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6526,7 +6683,7 @@ var __vue_render__$3 = function __vue_render__() {
       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"
@@ -6650,7 +6807,7 @@ var __vue_render__$3 = function __vue_render__() {
           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: {
@@ -6666,8 +6823,9 @@ var __vue_render__$3 = function __vue_render__() {
           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,
@@ -6691,31 +6849,31 @@ var __vue_render__$3 = function __vue_render__() {
   })], 1) : _vm._e()], 1)], 1)], 1);
 };
 
-var __vue_staticRenderFns__$3 = [];
+var __vue_staticRenderFns__$2 = [];
 /* style */
 
-var __vue_inject_styles__$3 = undefined;
+var __vue_inject_styles__$2 = undefined;
 /* scoped */
 
-var __vue_scope_id__$3 = undefined;
+var __vue_scope_id__$2 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$3 = "data-v-1b91cb29";
+var __vue_module_identifier__$2 = "data-v-3e86235a";
 /* functional template */
 
-var __vue_is_functional_template__$3 = false;
+var __vue_is_functional_template__$2 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-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 __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 script$2 = {
+var FieldRuleFormModal = __vue_component__$3;var script$1 = {
   name: 'DocTemplateFieldSidebar',
   components: {
     FieldRuleFormModal: FieldRuleFormModal
@@ -6855,10 +7013,10 @@ var FieldRuleFormModal = __vue_component__$4;var script$2 = {
     }
   }
 };/* script */
-var __vue_script__$2 = script$2;
+var __vue_script__$1 = script$1;
 /* template */
 
-var __vue_render__$2 = function __vue_render__() {
+var __vue_render__$1 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7118,31 +7276,31 @@ var __vue_render__$2 = function __vue_render__() {
   })], 1);
 };
 
-var __vue_staticRenderFns__$2 = [];
+var __vue_staticRenderFns__$1 = [];
 /* style */
 
-var __vue_inject_styles__$2 = undefined;
+var __vue_inject_styles__$1 = undefined;
 /* scoped */
 
-var __vue_scope_id__$2 = undefined;
+var __vue_scope_id__$1 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$2 = "data-v-6fd56ef5";
+var __vue_module_identifier__$1 = "data-v-6fd56ef5";
 /* functional template */
 
-var __vue_is_functional_template__$2 = false;
+var __vue_is_functional_template__$1 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-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 __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 script$1 = {
+var DocTemplateFieldSidebar = __vue_component__$2;var script = {
   name: 'DocTemplateConstructor',
   components: {
     DocTemplateFacetList: DocTemplateFacetList,
@@ -7319,10 +7477,10 @@ var DocTemplateFieldSidebar = __vue_component__$3;var script$1 = {
     }
   }
 };/* script */
-var __vue_script__$1 = script$1;
+var __vue_script__ = script;
 /* template */
 
-var __vue_render__$1 = function __vue_render__() {
+var __vue_render__ = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7545,150 +7703,6 @@ var __vue_render__$1 = function __vue_render__() {
   })], 2)], 2);
 };
 
-var __vue_staticRenderFns__$1 = [];
-/* style */
-
-var __vue_inject_styles__$1 = undefined;
-/* scoped */
-
-var __vue_scope_id__$1 = undefined;
-/* module identifier */
-
-var __vue_module_identifier__$1 = "data-v-ed93df10";
-/* functional template */
-
-var __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-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__$2 = __vue_component__$1;//
-var script = {
-  name: 'DocForm',
-  props: {
-    formConfig: Object,
-    applyDefaultValues: {
-      type: Boolean,
-      default: true
-    },
-    doc: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    },
-    validationState: {
-      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 _this2 = this;
-
-    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;
-/* template */
-
-var __vue_render__ = function __vue_render__() {
-  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 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) {
-              _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 */
 
@@ -7698,7 +7712,7 @@ var __vue_inject_styles__ = undefined;
 var __vue_scope_id__ = undefined;
 /* module identifier */
 
-var __vue_module_identifier__ = "data-v-a98da412";
+var __vue_module_identifier__ = "data-v-ed93df10";
 /* functional template */
 
 var __vue_is_functional_template__ = false;
@@ -7713,7 +7727,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 DocForm = __vue_component__;/* eslint-disable import/prefer-default-export */var components$1=/*#__PURE__*/Object.freeze({__proto__:null,UtFormConfig:UtFormConfig,UtFormConstructor:UtFormConstructor,DocTemplateSectionModal:DocTemplateSectionModal,DocTemplateFacetList:DocTemplateFacetList,DocTemplateFieldSidebar:DocTemplateFieldSidebar,DocTemplateConstructor:__vue_component__$2,DocForm:DocForm});var install = function installRbDocumentFormConstructor(Vue) {
+var __vue_component__$1 = __vue_component__;/* eslint-disable import/prefer-default-export */var components$1=/*#__PURE__*/Object.freeze({__proto__:null,UtFormConfig:UtFormConfig,UtFormConstructor:UtFormConstructor,DocTemplateSectionModal:DocTemplateSectionModal,DocTemplateFacetList:DocTemplateFacetList,DocTemplateFieldSidebar:DocTemplateFieldSidebar,DocTemplateConstructor:__vue_component__$1,FieldRuleFormModal:FieldRuleFormModal,DocForm:DocForm});var install = function installRbDocumentFormConstructor(Vue) {
   Object.entries(components$1).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         componentName = _ref2[0],
@@ -7722,7 +7736,7 @@ var DocForm = __vue_component__;/* eslint-disable import/prefer-default-export *
     Vue.component(componentName, component);
   });
 }; // Create module definition for Vue.use()
-var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,UtFormConfig:UtFormConfig,UtFormConstructor:UtFormConstructor,DocTemplateSectionModal:DocTemplateSectionModal,DocTemplateFacetList:DocTemplateFacetList,DocTemplateFieldSidebar:DocTemplateFieldSidebar,DocTemplateConstructor:__vue_component__$2,DocForm:DocForm});// only expose one global var, with component exports exposed as properties of
+var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,UtFormConfig:UtFormConfig,UtFormConstructor:UtFormConstructor,DocTemplateSectionModal:DocTemplateSectionModal,DocTemplateFacetList:DocTemplateFacetList,DocTemplateFieldSidebar:DocTemplateFieldSidebar,DocTemplateConstructor:__vue_component__$1,FieldRuleFormModal:FieldRuleFormModal,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) {

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

@@ -98,10 +98,13 @@
       }
     }
 
-    .rb-form-column:not(.rb-single-column) {
+    .rb-form-column {
       padding: 10px;
-      margin: 0 10px;
       border: 2px dashed $rb-doc-template-constructor-form-column-border-color;
     }
+
+    .rb-form-column:not(.rb-single-column) {
+      margin: 0 10px;
+    }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rb-document-form-constructor",
-  "version": "0.1.7",
+  "version": "0.2.1",
   "description": "",
   "main": "dist/rb-document-form-constructor.ssr.js",
   "browser": "dist/rb-document-form-constructor.esm.js",

package/src/components/DocForm.vue

@@ -47,6 +47,7 @@
                         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);

package/src/components/FieldRuleFormModal.vue

@@ -20,7 +20,7 @@
                                     <b-form-select @input="onRuleSelected($event)">
                                         <b-form-select-option v-for="r in rulePresets" :key="r.name"
                                                               :value="r.name">
-                                            {{r.name}}
+                                            {{r.labelRu}} ({{r.name}})
                                         </b-form-select-option>
                                     </b-form-select>
                                 </b-form-group>
@@ -80,14 +80,14 @@
                                                         size="sm" class="mx-1">
                                                 <b-dropdown-item v-for="f in fields" :key="f.name"
                                                                  v-if="fields" @click="addSetVariableToScript(f)">
-                                                    {{f.name}}
+                                                    {{f.labelRu}} ({{f.name}})
                                                 </b-dropdown-item>
                                             </b-dropdown>
                                             <b-dropdown text="Вызвать функцию инпута" variant="outline-secondary"
                                                         size="sm" class="mx-1">
                                                 <b-dropdown-item v-for="f in fields" :key="f.name"
                                                                  v-if="fields" @click="addCallInputFunction(f)">
-                                                    {{f.name}}
+                                                    {{f.labelRu}} ({{f.name}})
                                                 </b-dropdown-item>
                                             </b-dropdown>
                                         </b-button-toolbar>
@@ -95,6 +95,7 @@
                                                          :state="state.script"
                                                          :invalid-feedback="state.script_feedback"
                                                          rows="8"
+                                                         ref="scriptInput"
                                         ></b-form-textarea>
                                     </div>
                                 </b-form-group>
@@ -112,10 +113,10 @@
 </template>
 
 <script>
-    import {DocForm} from "./index";
     import {UtFormConfig} from "../utils/UtFormConfig";
     import {v4 as uuidv4} from 'uuid';
     import {UtFormConstructor} from "../utils/UtFormConstructor";
+    import DocForm from "./DocForm";
 
     export default {
         name: 'FieldRuleFormModal',
@@ -219,18 +220,23 @@
                 this.innerRule = null;
             },
             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) {
                 let rule = this.rulePresets.find(rule => rule.name === ruleName);