@znap/components-vue2 1.0.0 → 1.0.2

package/dist/index.umd.js

@@ -23,6 +23,27 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 67:
+/***/ (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___);
+
+
 /***/ }),
 
 /***/ 81:
@@ -732,6 +753,22 @@ Function.prototype.toString = makeBuiltIn(function toString() {
 })));
 
 
+/***/ }),
+
+/***/ 344:
+/***/ (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__(67);
+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("def55be0", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 350:
@@ -5662,22 +5699,6 @@ var update = add("e8e54b2a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 2471:
-/***/ (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__(9944);
-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("29b7480f", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ 2475:
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
@@ -27424,27 +27445,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".v-input--checkbox.v-input--indetermin
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ 9944:
-/***/ (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___);
-
-
 /***/ }),
 
 /***/ 9961:
@@ -42112,7 +42112,7 @@ var VSkeletonLoader = __webpack_require__(9633);
     }, [this.genSkeleton()]);
   }
 }));
-;// ./node_modules/vuetify-loader/lib/loader.js??ruleSet[1].rules[0].use!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.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-85.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
 
 
 
@@ -42130,7 +42130,7 @@ var VSkeletonLoader = __webpack_require__(9633);
 
 
 
-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', {
@@ -42469,17 +42469,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": "",
@@ -42544,7 +42534,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": "",
@@ -42621,6 +42611,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
@@ -42628,13 +42628,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) {
@@ -42679,7 +42685,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
 
@@ -47631,6 +47637,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);
@@ -47906,9 +47917,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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.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__(2471);
-;// ./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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.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__(344);
+;// ./src/components/views/BaseCrudView.vue?vue&type=style&index=0&id=478b65d9&prod&lang=scss
 
 ;// ./src/components/views/BaseCrudView.vue
 
@@ -47921,8 +47932,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,
@@ -49194,6 +49205,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);
@@ -49349,12 +49361,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;
   }