@znap/components-vue2 1.0.0 → 1.0.2

package/dist/index.common.js

@@ -1,6 +1,22 @@
 /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 27:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(7237);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("4ce806e0", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 34:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -4484,27 +4500,6 @@ var update = add("6f575144", content, true, {"sourceMap":false,"shadowMode":fals
 })));
 
 
-/***/ }),
-
-/***/ 1910:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".edited-row{background-color:hsla(44,94%,86%,.714)}.edited-row:hover{background-color:hsla(44,93%,72%,.714)!important}.sum-row{background-color:#ddd;font-weight:700}.sum-row:hover{background-color:#ddd!important}.selected-row{background-color:#eee!important}.selected-row:hover{background-color:#ddd!important}.v-data-table__wrapper{flex-grow:1}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 2043:
@@ -11124,22 +11119,6 @@ module.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
 })));
 
 
-/***/ }),
-
-/***/ 5088:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(1910);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("72bdf28f", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ 5093:
@@ -21878,18 +21857,23 @@ module.exports = function (it) {
 /***/ }),
 
 /***/ 7237:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".edited-row{background-color:hsla(44,94%,86%,.714)}.edited-row:hover{background-color:hsla(44,93%,72%,.714)!important}.sum-row{background-color:#ddd;font-weight:700}.sum-row:hover{background-color:#ddd!important}.selected-row{background-color:#eee!important}.selected-row:hover{background-color:#ddd!important}.v-data-table__wrapper{flex-grow:1}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
-// load the styles
-var content = __webpack_require__(2442);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("7f5e3020", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -26686,6 +26670,22 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 9618:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(2442);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(9548)/* ["default"] */ .A)
+var update = add("7f5e3020", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 9655:
@@ -42086,7 +42086,7 @@ var VSkeletonLoader = __webpack_require__(403);
     }, [this.genSkeleton()]);
   }
 }));
-;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseCrudView.vue?vue&type=template&id=42c9414e
+;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseCrudView.vue?vue&type=template&id=478b65d9
 
 
 
@@ -42104,7 +42104,7 @@ var VSkeletonLoader = __webpack_require__(403);
 
 
 
-var BaseCrudViewvue_type_template_id_42c9414e_render = function render() {
+var BaseCrudViewvue_type_template_id_478b65d9_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('BaseViewLayout', {
@@ -42443,17 +42443,7 @@ var BaseCrudViewvue_type_template_id_42c9414e_render = function render() {
               "color": "primary",
               "size": "62"
             }
-          }, [_vm._v(" mdi-account-circle ")])], 1)], 1)], 1) : header.type === 'DATETIME' ? _c('DatePicker', _vm._b({
-            attrs: {
-              "initial-value": item[header.value],
-              "label": header.text
-            },
-            on: {
-              "setDatepickerValue": function ($event) {
-                item[header.value] = $event;
-              }
-            }
-          }, 'DatePicker', _vm.primaryFilter.props, false)) : header.options ? _c(VDataTable_VEditDialog, {
+          }, [_vm._v(" mdi-account-circle ")])], 1)], 1)], 1) : header.options ? _c(VDataTable_VEditDialog, {
             attrs: {
               "return-value": item[header.value],
               "large": "",
@@ -42518,7 +42508,7 @@ var BaseCrudViewvue_type_template_id_42c9414e_render = function render() {
               },
               proxy: true
             }], null, true)
-          }, [_vm._v(" " + _vm._s(item[header.value]) + " ")]) : !header.options && header.editable ? _c(VDataTable_VEditDialog, {
+          }, [_vm._v(" " + _vm._s(_vm.getFormatedItemValue(header, item[header.value])) + " ")]) : !header.options && header.editable ? _c(VDataTable_VEditDialog, {
             attrs: {
               "return-value": item[header.value],
               "large": "",
@@ -42595,6 +42585,16 @@ var BaseCrudViewvue_type_template_id_42c9414e_render = function render() {
                     },
                     expression: "item[header.value]"
                   }
+                }) : _vm._e(), header.type === 'DATETIME' || header.type === 'DATE' ? _c('DatePicker', {
+                  attrs: {
+                    "initial-value": item[header.value],
+                    "label": header.text
+                  },
+                  on: {
+                    "setDatepickerValue": function ($event) {
+                      item[header.value] = $event;
+                    }
+                  }
                 }) : _vm._e()];
               },
               proxy: true
@@ -42602,13 +42602,19 @@ var BaseCrudViewvue_type_template_id_42c9414e_render = function render() {
           }, [_c('span', {
             staticClass: "d-flex",
             class: header.align === 'center' ? ' justify-center' : 'justify-start'
-          }, [_vm._v(" " + _vm._s(item[header.value]) + " ")])]) : _c('div', {
+          }, [_vm._v(" " + _vm._s(_vm.getFormatedItemValue(header, item[header.value])) + " ")])]) : _c('div', {
             staticClass: "d-flex",
             class: header.align === 'center' ? ' justify-center' : 'justify-start'
-          }, [_vm._v(" " + _vm._s(item[header.value]) + " ")])], 2)];
+          }, [_vm._v(" " + _vm._s(_vm.getFormatedItemValue(header, item[header.value])) + " ")])], 2)];
         })], 2)];
       }
-    }]),
+    }, {
+      key: "footer.prepend",
+      fn: function () {
+        return [_vm._t("footer-prepend")];
+      },
+      proxy: true
+    }], null, true),
     model: {
       value: _vm.selectedRows,
       callback: function ($$v) {
@@ -42653,7 +42659,7 @@ var BaseCrudViewvue_type_template_id_42c9414e_render = function render() {
     }
   })], 1);
 };
-var BaseCrudViewvue_type_template_id_42c9414e_staticRenderFns = [];
+var BaseCrudViewvue_type_template_id_478b65d9_staticRenderFns = [];
 
 ;// ./node_modules/vuetify/lib/components/VCard/index.js
 
@@ -47605,6 +47611,11 @@ var BaseCrudSecondaryFiltersDrawer_component = normalizeComponent(
       const tableOption = this.tableOptionsByColumnMap.get(header.value);
       return tableOption?.items ?? [];
     },
+    getFormatedItemValue(header, value) {
+      const tableOption = this.tableOptionsByColumnMap.get(header.value);
+      if (tableOption.formatter) return tableOption.formatter(value);
+      return value;
+    },
     changeFilterValue(value, filter) {
       filter.value = value;
       if (filter?.hooks.afterChange) filter?.hooks.afterChange(value);
@@ -47880,9 +47891,9 @@ var BaseCrudSecondaryFiltersDrawer_component = normalizeComponent(
 });
 ;// ./src/components/views/BaseCrudView.vue?vue&type=script&lang=js
  /* harmony default export */ var views_BaseCrudViewvue_type_script_lang_js = (BaseCrudViewvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseCrudView.vue?vue&type=style&index=0&id=42c9414e&prod&lang=scss
-var BaseCrudViewvue_type_style_index_0_id_42c9414e_prod_lang_scss = __webpack_require__(5088);
-;// ./src/components/views/BaseCrudView.vue?vue&type=style&index=0&id=42c9414e&prod&lang=scss
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/views/BaseCrudView.vue?vue&type=style&index=0&id=478b65d9&prod&lang=scss
+var BaseCrudViewvue_type_style_index_0_id_478b65d9_prod_lang_scss = __webpack_require__(27);
+;// ./src/components/views/BaseCrudView.vue?vue&type=style&index=0&id=478b65d9&prod&lang=scss
 
 ;// ./src/components/views/BaseCrudView.vue
 
@@ -47895,8 +47906,8 @@ var BaseCrudViewvue_type_style_index_0_id_42c9414e_prod_lang_scss = __webpack_re
 
 var BaseCrudView_component = normalizeComponent(
   views_BaseCrudViewvue_type_script_lang_js,
-  BaseCrudViewvue_type_template_id_42c9414e_render,
-  BaseCrudViewvue_type_template_id_42c9414e_staticRenderFns,
+  BaseCrudViewvue_type_template_id_478b65d9_render,
+  BaseCrudViewvue_type_template_id_478b65d9_staticRenderFns,
   false,
   null,
   null,
@@ -47930,7 +47941,7 @@ var vue_namespaceObject = require("@handsontable/vue");
 // EXTERNAL MODULE: ./public/styles/handsontable/custom-handsontable.css
 var custom_handsontable = __webpack_require__(2327);
 // EXTERNAL MODULE: ./node_modules/handsontable/dist/handsontable.full.min.css
-var handsontable_full_min = __webpack_require__(7237);
+var handsontable_full_min = __webpack_require__(9618);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tables/HandsOnTable.vue?vue&type=script&lang=js
 
 
@@ -49168,6 +49179,7 @@ class CrudViewConfigs {
   async fetchTableOptionsData(tableOptions = [], httpFetcher) {
     const optionsPromises = [];
     tableOptions.forEach(option => {
+      if (!option?.endpoint[0]) return optionsPromises.push(null);
       optionsPromises.push(httpFetcher.post(option.endpoint[0], option.endpoint[1] ?? null));
     });
     const optionsData = await Promise.all(optionsPromises);
@@ -49323,12 +49335,14 @@ class CrudViewConfigs {
   addTableOption({
     column = [],
     itemsArray = [],
-    endpoint = []
+    endpoint = [],
+    formatter = item => item
   } = {}) {
     this.tableOptions.push({
       column: this.isValidColumn(column) ? column : "",
       endpoint: this.isValidEndpoint(endpoint) ? endpoint : CrudViewConfigs.generateEndpoint(),
-      items: this.isValidItemsArray(itemsArray) ? itemsArray : []
+      items: this.isValidItemsArray(itemsArray) ? itemsArray : [],
+      formatter
     });
     return this;
   }