rb-document-form-constructor 0.0.2 → 0.0.6

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

@@ -112,7 +112,17 @@ let baseConfig = {
   primitiveInputs: __clone(fcPrimitiveInputs),
   dictInputs: __clone(fcDictInputs),
   refInputs: __clone(fcRefInputs),
-  refInputConfigs: __clone(fcRefInputConfigs)
+  refInputConfigs: __clone(fcRefInputConfigs),
+  icons: {
+    iconExpandFacet: 'icon-chevron-up',
+    iconCollapseFacet: 'icon-chevron-down',
+    iconCloseFieldSidebar: 'icon-chevron-right',
+    iconOpenFieldSidebar: 'icon-chevron-left',
+    iconAdd: 'icon-add',
+    iconEdit: 'icon-edit',
+    iconDelete: 'icon-delete',
+    iconDrag: 'icon-reorder'
+  }
 };
 const UtFormConfig = {
   config: {},
@@ -140,6 +150,10 @@ const UtFormConfig = {
       if (formConfig.refInputConfigs) {
         this.config.refInputConfigs = formConfig.refInputConfigs;
       }
+
+      if (formConfig.icons) {
+        this.config.icons = __assign(this.config.icons, formConfig.icons);
+      }
     }
   },
 
@@ -267,7 +281,7 @@ const UtFormConfig = {
 //
 //
 //
-var script$3 = {
+var script$4 = {
   name: 'DocTemplateSectionModal',
   props: {
     section: Object,
@@ -401,10 +415,10 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 }
 
 /* script */
-const __vue_script__$3 = script$3;
+const __vue_script__$4 = script$4;
 /* template */
 
-var __vue_render__$3 = function () {
+var __vue_render__$4 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -452,31 +466,31 @@ var __vue_render__$3 = function () {
   })], 1)], 1)], 1)], 1)], 1);
 };
 
-var __vue_staticRenderFns__$3 = [];
+var __vue_staticRenderFns__$4 = [];
 /* style */
 
-const __vue_inject_styles__$3 = undefined;
+const __vue_inject_styles__$4 = undefined;
 /* scoped */
 
-const __vue_scope_id__$3 = undefined;
+const __vue_scope_id__$4 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$3 = undefined;
+const __vue_module_identifier__$4 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$3 = false;
+const __vue_is_functional_template__$4 = 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__$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);
 
-var DocTemplateSectionModal = __vue_component__$4;
+var DocTemplateSectionModal = __vue_component__$6;
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -5867,7 +5881,7 @@ if (typeof window !== "undefined" && "Vue" in window) {
 });
 
 //
-var script$2 = {
+var script$3 = {
   name: 'DocTemplateFacetList',
   components: {
     draggable: vuedraggable_umd
@@ -5887,6 +5901,16 @@ var script$2 = {
     };
   },
 
+  computed: {
+    iconExpandFacet() {
+      return UtFormConfig.config.icons.iconExpandFacet;
+    },
+
+    iconCollapseFacet() {
+      return UtFormConfig.config.icons.iconCollapseFacet;
+    }
+
+  },
   watch: {
     facetSearchStr() {
       this.findInFacets(this.facetSearchStr);
@@ -5949,10 +5973,10 @@ var script$2 = {
 };
 
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$3 = script$3;
 /* template */
 
-var __vue_render__$2 = function () {
+var __vue_render__$3 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -5989,7 +6013,7 @@ var __vue_render__$2 = function () {
     }, [_vm._v(_vm._s(facet.labelRu))]), _vm._v(" "), _c('rb-icon', {
       staticClass: "cursor-pointer",
       attrs: {
-        "icon": "icon-chevron-" + (facet.expanded ? 'up' : 'down')
+        "icon": facet.expanded ? _vm.iconCollapseFacet : _vm.iconExpandFacet
       },
       on: {
         "click": function ($event) {
@@ -6028,34 +6052,34 @@ var __vue_render__$2 = function () {
   }), 0)], 1);
 };
 
-var __vue_staticRenderFns__$2 = [];
+var __vue_staticRenderFns__$3 = [];
 /* style */
 
-const __vue_inject_styles__$2 = undefined;
+const __vue_inject_styles__$3 = undefined;
 /* scoped */
 
-const __vue_scope_id__$2 = undefined;
+const __vue_scope_id__$3 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$2 = undefined;
+const __vue_module_identifier__$3 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$2 = false;
+const __vue_is_functional_template__$3 = 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__$5 = /*#__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__$3;
+var DocTemplateFacetList = __vue_component__$5;
 
 //
-var script$1 = {
+var script$2 = {
   name: 'DocTemplateFieldSidebar',
   props: {
     value: {
@@ -6079,6 +6103,14 @@ var script$1 = {
   computed: {
     inputOptions() {
       return this.field ? UtFormConfig.getInputTypes(this.field) : [];
+    },
+
+    iconCloseSidebar() {
+      return UtFormConfig.config.icons.iconCloseFieldSidebar;
+    },
+
+    iconOpenSidebar() {
+      return UtFormConfig.config.icons.iconOpenFieldSidebar;
     }
 
   },
@@ -6143,10 +6175,10 @@ var script$1 = {
 };
 
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__$2 = script$2;
 /* template */
 
-var __vue_render__$1 = function () {
+var __vue_render__$2 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6173,7 +6205,7 @@ var __vue_render__$1 = function () {
           }
         }, [_c('rb-icon', {
           attrs: {
-            "icon": _vm.innerVisible ? 'icon-chevron-right' : 'icon-chevron-left'
+            "icon": _vm.innerVisible ? _vm.iconCloseSidebar : _vm.iconOpenSidebar
           }
         })], 1), _vm._v(" "), _c('h4', [_vm._v("Редактор свойств")])];
       },
@@ -6358,34 +6390,34 @@ var __vue_render__$1 = function () {
   }, 'component', _vm.field.input.propsData, false))], 1)], 1)], 1)], 1) : _vm._e()]) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$1 = [];
+var __vue_staticRenderFns__$2 = [];
 /* style */
 
-const __vue_inject_styles__$1 = undefined;
+const __vue_inject_styles__$2 = undefined;
 /* scoped */
 
-const __vue_scope_id__$1 = undefined;
+const __vue_scope_id__$2 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$1 = undefined;
+const __vue_module_identifier__$2 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$1 = false;
+const __vue_is_functional_template__$2 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-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);
+const __vue_component__$4 = /*#__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__$2;
+var DocTemplateFieldSidebar = __vue_component__$4;
 
 //
-var script = {
+var script$1 = {
   name: 'DocTemplateConstructor',
   components: {
     DocTemplateFacetList,
@@ -6425,6 +6457,24 @@ var script = {
     };
   },
 
+  computed: {
+    iconAdd() {
+      return UtFormConfig.config.icons.iconAdd;
+    },
+
+    iconEdit() {
+      return UtFormConfig.config.icons.iconEdit;
+    },
+
+    iconDelete() {
+      return UtFormConfig.config.icons.iconDelete;
+    },
+
+    iconDrag() {
+      return UtFormConfig.config.icons.iconDrag;
+    }
+
+  },
   methods: {
     showProperties(field) {
       this.sidebarVisible = true;
@@ -6562,10 +6612,10 @@ var script = {
 };
 
 /* script */
-const __vue_script__ = script;
+const __vue_script__$1 = script$1;
 /* template */
 
-var __vue_render__ = function () {
+var __vue_render__$1 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6599,7 +6649,7 @@ var __vue_render__ = function () {
     }
   }, [_c('rb-text', [_vm._v("1 колонка")]), _vm._v(" "), _c('rb-icon', {
     attrs: {
-      "icon": "icon-add"
+      "icon": _vm.iconAdd
     }
   })], 1), _vm._v(" "), _c('b-button', {
     attrs: {
@@ -6613,7 +6663,7 @@ var __vue_render__ = function () {
     }
   }, [_c('rb-text', [_vm._v("2 колонки")]), _vm._v(" "), _c('rb-icon', {
     attrs: {
-      "icon": "icon-add"
+      "icon": _vm.iconAdd
     }
   })], 1), _vm._v(" "), _c('b-button', {
     attrs: {
@@ -6627,7 +6677,7 @@ var __vue_render__ = function () {
     }
   }, [_c('rb-text', [_vm._v("3 колонки")]), _vm._v(" "), _c('rb-icon', {
     attrs: {
-      "icon": "icon-add"
+      "icon": _vm.iconAdd
     }
   })], 1)], 1)]), _vm._v(" "), _c('div', {
     staticClass: "rb-constructor-body"
@@ -6658,7 +6708,7 @@ var __vue_render__ = function () {
           return [_c('rb-icon', {
             staticClass: "cursor-pointer rb-row-drag-handle",
             attrs: {
-              "icon": "icon-reorder"
+              "icon": _vm.iconDrag
             }
           }), _vm._v(" "), _c('rb-text', {
             staticClass: "flex-fill",
@@ -6672,7 +6722,7 @@ var __vue_render__ = function () {
           }, [_c('rb-icon', {
             staticClass: "cursor-pointer",
             attrs: {
-              "icon": "icon-edit"
+              "icon": _vm.iconEdit
             },
             on: {
               "click": function ($event) {
@@ -6682,7 +6732,7 @@ var __vue_render__ = function () {
           }), _vm._v(" "), _c('rb-icon', {
             staticClass: "cursor-pointer",
             attrs: {
-              "icon": "icon-delete"
+              "icon": _vm.iconDelete
             },
             on: {
               "click": function ($event) {
@@ -6707,7 +6757,7 @@ var __vue_render__ = function () {
           "animation": 200,
           "group": "fields",
           "ghost-class": "rb-moving-item",
-          "handle": ".icon-reorder"
+          "handle": ".rb-field-drag-handle"
         },
         on: {
           "add": function ($event) {
@@ -6742,12 +6792,13 @@ var __vue_render__ = function () {
             key: "label",
             fn: function () {
               return [_c('rb-icon', {
+                staticClass: "rb-field-drag-handle",
                 attrs: {
-                  "icon": "icon-reorder"
+                  "icon": _vm.iconDrag
                 }
               }), _vm._v(" "), _c('rb-text', [_vm._v(_vm._s(field.labelRu))]), _vm._v(" "), _c('rb-icon', {
                 attrs: {
-                  "icon": "icon-delete"
+                  "icon": _vm.iconDelete
                 },
                 on: {
                   "click": function ($event) {
@@ -6793,6 +6844,134 @@ var __vue_render__ = 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__$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 __vue_component__$3 = __vue_component__$2;
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var script = {
+  name: 'DocForm',
+  props: {
+    formConfig: Object,
+    doc: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+
+  created() {
+    this.formConfig.sections.forEach(r => {
+      r.columns.forEach(c => {
+        c.fields.forEach(f => {
+          this.doc[f.name] = 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",
+        class: {
+          'rb-single-column': section.columnCount === 1
+        }
+      }, _vm._l(column.fields, function (field) {
+        return _c('b-form-row', {
+          key: field.name,
+          staticClass: "cursor-pointer"
+        }, [_c('b-col', {
+          attrs: {
+            "lg": "12"
+          }
+        }, [_c('b-form-group', {
+          ref: "inputContainer",
+          refInFor: true,
+          attrs: {
+            "label": field.labelRu
+          }
+        }, [_c(field.input.type, _vm._b({
+          tag: "component",
+          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);
+      }), 1);
+    }), 0)]);
+  }), 0);
+};
+
 var __vue_staticRenderFns__ = [];
 /* style */
 
@@ -6827,7 +7006,8 @@ var components = /*#__PURE__*/Object.freeze({
     DocTemplateSectionModal: DocTemplateSectionModal,
     DocTemplateFacetList: DocTemplateFacetList,
     DocTemplateFieldSidebar: DocTemplateFieldSidebar,
-    DocTemplateConstructor: __vue_component__$1
+    DocTemplateConstructor: __vue_component__$3,
+    DocForm: __vue_component__$1
 });
 
 // Import vue components
@@ -6839,4 +7019,4 @@ const install = function installRbDocumentFormConstructor(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-export { __vue_component__$1 as DocTemplateConstructor, DocTemplateFacetList, DocTemplateFieldSidebar, DocTemplateSectionModal, UtFormConfig, install as default };
+export { __vue_component__$1 as DocForm, __vue_component__$3 as DocTemplateConstructor, DocTemplateFacetList, DocTemplateFieldSidebar, DocTemplateSectionModal, UtFormConfig, install as default };