rb-document-form-constructor 0.8.0 → 0.8.2

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

@@ -3,9 +3,14 @@
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
+    keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -13,12 +18,19 @@
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty$1(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty$1(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
   }
 
   return target;
@@ -5018,9 +5030,15 @@ var fcInputs = {
     name: 'date',
     type: 'rb-date-picker-input',
     props: {
+      minCurrentDate: {
+        type: 'boolean',
+        default: false,
+        label: 'Установить текущую дату как минимальную',
+        visible: true
+      },
       minDate: {
         type: 'date',
-        default: new Date(),
+        default: null,
         label: 'Установить минимальную дату',
         visible: true
       },
@@ -11298,24 +11316,6 @@ var script$3 = {
           });
         });
       });
-    },
-    setResolveValue: function setResolveValue(name, id) {
-      var _this5 = this;
-
-      var multiple = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      name = name.substring(0, name.length - 2);
-
-      if (this.doc.name) {
-        if (multiple) {
-          this.doc.name.forEach(function (el, index) {
-            if (el.id === id) {
-              _this5.doc.name[index] = null;
-            }
-          });
-        } else {
-          this.doc.name = null;
-        }
-      }
     }
   },
   mounted: function mounted() {
@@ -11424,7 +11424,7 @@ var __vue_inject_styles__$3 = undefined;
 var __vue_scope_id__$3 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$3 = "data-v-c064812c";
+var __vue_module_identifier__$3 = "data-v-2889700d";
 /* functional template */
 
 var __vue_is_functional_template__$3 = false;

package/dist/scss/_global.scss

@@ -0,0 +1,3 @@
+.cursor-pointer {
+  cursor: pointer;
+}

package/dist/scss/_variables.scss

@@ -0,0 +1,17 @@
+// DocTemplateFacetList
+$rb-facet-list-border-color: $border-color !default;
+
+// DocTemplateConstructor
+$rb-doc-template-constructor-title-color: #333 !default;
+$rb-doc-template-constructor-title-font-size: 16px !default;
+$rb-doc-template-section-bg: #E9EAEA !default;
+$rb-doc-template-constructor-form-column-border-color: #D5D5D6;
+
+// DocTemplateFieldSidebar
+$rb-doc-template-field-sidebar-font-size-lg: 1rem !default;
+$rb-doc-template-field-sidebar-top: 72px !default;
+$rb-doc-template-field-sidebar-close-button-left: -46px !default;
+
+// DocForm
+$rb-doc-form-font-size-lg: 1rem !default;
+$rb-doc-form-legend-line-height: $line-height-base !default;

package/dist/scss/components/_doc-form.scss

@@ -0,0 +1,36 @@
+.rb-doc-form {
+  h4 {
+    font-weight: bold;
+    font-size: $rb-doc-form-font-size-lg;
+  }
+
+  .rb-form-section {
+    padding-bottom: 10px;
+    padding-top: 10px;
+  }
+
+  .rb-form-column {
+    flex: 1;
+  }
+
+  .rb-form-column:first-child {
+    margin-left: 0;
+  }
+
+  .rb-form-column:last-child {
+    margin-right: 0;
+  }
+
+  .rb-form-column {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+
+  legend.col-form-label {
+    max-width: 100%;
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

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

@@ -0,0 +1,112 @@
+.rb-doc-template-constructor {
+  height: 100%;
+
+  h4 {
+    color: $rb-doc-template-constructor-title-color;
+    font-weight: bold;
+    font-size: $rb-doc-template-constructor-title-font-size;
+  }
+
+  .rb-form-constructor {
+    height: 100%;
+    overflow-y: auto;
+    background-color: white;
+  }
+
+  .rb-constructor-toolbar {
+    padding: 16px 16px 16px 16px;
+    background-color: white;
+    border-bottom: 1px solid $border-color;
+
+    h4 {
+      margin-bottom: 0;
+      line-height: 38px;
+      margin-right: 10px;
+    }
+
+    .btn {
+      margin-left: 10px;
+    }
+  }
+
+  .rb-constructor-body {
+    padding: 16px;
+
+    .card {
+      border-width: 2px;
+      border-style: dashed;
+      background-color: $rb-doc-template-section-bg;
+
+      .card-header, .card-body {
+        background-color: $rb-doc-template-section-bg;
+        border-color: $border-color;
+
+      }
+    }
+
+    .rb-form-card {
+      margin-bottom: 20px;
+
+      .rb-form-column {
+        flex: 1;
+      }
+
+      .card-header {
+        border-bottom-width: 0;
+        display: flex;
+        flex-direction: row;
+
+        .rb-text {
+          font-size: 16px;
+          line-height: 24px;
+          font-weight: bold;
+        }
+
+        .rb-icon {
+          line-height: 24px;
+          font-size: 16px;
+        }
+      }
+    }
+
+    .rb-form-column {
+      .form-group:hover {
+        legend.col-form-label .rb-actions {
+          visibility: visible;
+        }
+      }
+
+      legend.col-form-label {
+        font-size: $font-size-base;
+        font-weight: bold;
+        margin-bottom: 12px;
+        display: flex;
+        flex-direction: row;
+        color: $rb-doc-template-constructor-title-color;
+
+        .rb-text {
+          flex: 1;
+        }
+
+        .rb-actions {
+          visibility: hidden;
+        }
+      }
+
+      .form-control:disabled,
+      .btn.disabled {
+        background-color: white;
+        opacity: 1;
+      }
+    }
+
+    .rb-form-column {
+      padding: 10px;
+      border: 2px dashed $rb-doc-template-constructor-form-column-border-color;
+    }
+
+    .rb-form-column:not(.rb-single-column) {
+      margin: 0 10px;
+    }
+  }
+}

package/dist/scss/components/_doc-template-facet-list.scss

@@ -0,0 +1,41 @@
+.rb-facets-sidebar {
+  height: 100%;
+  width: 264px;
+  overflow-y: auto;
+  background-color: white;
+  border-right: 1px solid $rb-facet-list-border-color;
+
+  h4 {
+    padding: 24px 16px 16px 16px;
+  }
+
+  h6 {
+    padding-left: 16px;
+    padding-right: 16px;
+    font-weight: 500;
+  }
+
+  form {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+
+  .rb-facet-label {
+    font-weight: bold;
+  }
+
+  .rb-facet-list {
+    .rb-facet {
+      padding: 10px 0;
+    }
+
+    & > .rb-facet:not(:last-child) {
+      border-bottom: 1px solid $rb-facet-list-border-color;
+    }
+
+    .list-group-item {
+      border-radius: 0;
+      border: none;
+    }
+  }
+}

package/dist/scss/components/_doc-template-field-sidebar.scss

@@ -0,0 +1,52 @@
+.rb-doc-template-field-sidebar {
+  .dropdown-menu.show {
+    max-width: 288px;
+  }
+
+  .b-sidebar {
+    top: $rb-doc-template-field-sidebar-top;
+    padding-bottom: $rb-doc-template-field-sidebar-top;
+  }
+
+  .rb-sidebar-close-btn {
+    opacity: 0.5;
+    position: absolute;
+    left: $rb-doc-template-field-sidebar-close-button-left;
+    border-radius: 0;
+    padding-left: 4px;
+    padding-right: 4px;
+    font-size: 16px;
+
+    .rb-icon {
+      font-size: 24px;
+      line-height: 24px;
+      vertical-align: middle;
+    }
+  }
+
+  form {
+    padding: 10px 16px;
+
+    .rb-form-section {
+      margin-bottom: 20px;
+
+      & > .rb-title {
+        font-size: $rb-doc-template-field-sidebar-font-size-lg;
+        font-weight: bold;
+        margin-bottom: 10px;
+      }
+    }
+  }
+
+  h4 {
+    margin-bottom: 0;
+  }
+
+  .form-group.rb-immutable .rb-text {
+    font-size: $rb-doc-template-field-sidebar-font-size-lg;
+  }
+
+  .custom-checkbox {
+    margin-bottom: 12px;
+  }
+}

package/dist/scss/components/_field-rule-form-modal.scss

@@ -0,0 +1,27 @@
+$rb-field-rule-btn-toolbar-bg: rgba(0, 0, 0, 0.03) !default;
+
+.rb-field-rule-form-modal {
+  .modal-body {
+    padding: 0;
+
+    & > .card {
+      border: none;
+      border-radius: 0;
+    }
+  }
+
+  .btn-toolbar {
+    border-top-left-radius: $border-radius;
+    border-top-right-radius: $border-radius;
+    background-color: $rb-field-rule-btn-toolbar-bg;
+    padding: 10px 10px;
+    border-top: 1px solid $border-color;
+    border-left: 1px solid $border-color;
+    border-right: 1px solid $border-color;
+  }
+
+  textarea.form-control {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+}

package/dist/scss/components.scss

@@ -0,0 +1,7 @@
+@import 'variables';
+@import 'global';
+@import 'components/doc-template-facet-list';
+@import 'components/doc-template-field-sidebar';
+@import 'components/doc-template-constructor';
+@import 'components/doc-form';
+@import 'components/field-rule-form-modal';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rb-document-form-constructor",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "",
   "main": "dist/rb-document-form-constructor.ssr.js",
   "browser": "dist/rb-document-form-constructor.esm.js",
@@ -43,7 +43,7 @@
     "@vue/cli-service": "^4.5.13",
     "cross-env": "^7.0.3",
     "minimist": "^1.2.5",
-    "rb-bv-components": "^2.4.9",
+    "rb-bv-components": "^2.5.11",
     "rimraf": "^3.0.2",
     "rollup": "^2.52.8",
     "rollup-plugin-copy-assets": "^2.0.3",

package/src/components/DocForm.vue

@@ -111,7 +111,7 @@ export default {
         },
         isValueLessThanMin(fieldname, min) {
             if (this.doc[fieldname] && min) {
-                return parseInt(this.doc[fieldname]) < parseInt(min) 
+                return parseInt(this.doc[fieldname]) < parseInt(min)
             }
 
             return false;
@@ -124,7 +124,7 @@ export default {
 
                         if (f.required && this.isValueEmpty(f.name)) {
                             feedback += `Поле "${f.labelRu}" обязательно`
-                        } 
+                        }
 
                         if (f.type === 'integer' && this.isValueLessThanMin(f.name, f.input.propsData.min)) {
                             feedback += `\nМинимальное значение для этого поля ${f.input.propsData.min}`;
@@ -202,20 +202,6 @@ export default {
                     })
                 });
             });
-        },
-        setResolveValue(name, id, multiple = false) {
-            name = name.substring(0, name.length - 2);
-            if (this.doc.name) {
-                if (multiple) {
-                    this.doc.name.forEach((el, index) => {
-                        if (el.id === id) {
-                            this.doc.name[index] = null;
-                        }
-                    })
-                } else {
-                    this.doc.name = null;
-                }
-            }
         }
     },
     mounted() {

package/src/assets/fontello/README.txt

@@ -1,75 +0,0 @@
-This webfont is generated by https://fontello.com open source project.
-
-
-================================================================================
-Please, note, that you should obey original font licenses, used to make this
-webfont pack. Details available in LICENSE.txt file.
-
-- Usually, it's enough to publish content of LICENSE.txt file somewhere on your
-  site in "About" section.
-
-- If your project is open-source, usually, it will be ok to make LICENSE.txt
-  file publicly available in your repository.
-
-- Fonts, used in Fontello, don't require a clickable link on your site.
-  But any kind of additional authors crediting is welcome.
-================================================================================
-
-
-Comments on archive content
----------------------------
-
-- /font/* - fonts in different formats
-
-- /css/*  - different kinds of css, for all situations. Should be ok with 
-  twitter bootstrap. Also, you can skip <i> style and assign icon classes
-  directly to text elements, if you don't mind about IE7.
-
-- demo.html - demo file, to show your webfont content
-
-- LICENSE.txt - license info about source fonts, used to build your one.
-
-- config.json - keeps your settings. You can import it back into fontello
-  anytime, to continue your work
-
-
-Why so many CSS files ?
------------------------
-
-Because we like to fit all your needs :)
-
-- basic file, <your_font_name>.css - is usually enough, it contains @font-face
-  and character code definitions
-
-- *-ie7.css - if you need IE7 support, but still don't wish to put char codes
-  directly into html
-
-- *-codes.css and *-ie7-codes.css - if you like to use your own @font-face
-  rules, but still wish to benefit from css generation. That can be very
-  convenient for automated asset build systems. When you need to update font -
-  no need to manually edit files, just override old version with archive
-  content. See fontello source code for examples.
-
-- *-embedded.css - basic css file, but with embedded WOFF font, to avoid
-  CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.
-  We strongly recommend to resolve this issue by `Access-Control-Allow-Origin`
-  server headers. But if you ok with dirty hack - this file is for you. Note,
-  that data url moved to separate @font-face to avoid problems with <IE9, when
-  string is too long.
-
-- animate.css - use it to get ideas about spinner rotation animation.
-
-
-Attention for server setup
---------------------------
-
-You MUST setup server to reply with proper `mime-types` for font files -
-otherwise some browsers will fail to show fonts.
-
-Usually, `apache` already has necessary settings, but `nginx` and other
-webservers should be tuned. Here is list of mime types for our file extensions:
-
-- `application/vnd.ms-fontobject` - eot
-- `application/x-font-woff` - woff
-- `application/x-font-ttf` - ttf
-- `image/svg+xml` - svg