eoss-ui 0.5.81-beta11 → 0.5.81-beta12

package/lib/data-table.js

@@ -3931,8 +3931,8 @@ module.exports = require("vue");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/data-table/src/main.vue?vue&type=template&id=39809074&
-var mainvue_type_template_id_39809074_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/data-table/src/main.vue?vue&type=template&id=5c7d8521&
+var mainvue_type_template_id_5c7d8521_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -3963,7 +3963,12 @@ var mainvue_type_template_id_39809074_render = function () {
             "es-toolbar",
             _vm._g(
               _vm._b(
-                { ref: "toolbar" },
+                {
+                  ref: "toolbar",
+                  class: {
+                    "es-table-toolbar-plus": _vm.mode == "plus",
+                  },
+                },
                 "es-toolbar",
                 {
                   contents: _vm.toolbars,
@@ -4004,7 +4009,10 @@ var mainvue_type_template_id_39809074_render = function () {
             {
               ref: "esTableContent",
               staticClass: "es-data-table-content",
-              class: _vm.border == "none" ? "es-table-border-none" : "",
+              class: {
+                "es-table-border-none": _vm.border == "none",
+                "es-table-plus": _vm.mode == "plus",
+              },
               staticStyle: {},
             },
             [
@@ -4213,6 +4221,7 @@ var mainvue_type_template_id_39809074_render = function () {
                     _vm._g(
                       _vm._b(
                         {
+                          ref: "pagination",
                           staticClass: "es-table-page",
                           style: { "text-align": _vm.page.position },
                           attrs: { position: _vm.page.position },
@@ -4236,16 +4245,19 @@ var mainvue_type_template_id_39809074_render = function () {
             2
           )
         : _vm._e(),
-      _c("sizer", { ref: "sizer", attrs: { data: _vm.theads } }),
+      _c("sizer", {
+        ref: "sizer",
+        attrs: { data: _vm.theads, mode: _vm.mode },
+      }),
     ],
     1
   )
 }
 var staticRenderFns = []
-mainvue_type_template_id_39809074_render._withStripped = true
+mainvue_type_template_id_5c7d8521_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/data-table/src/main.vue?vue&type=template&id=39809074&
+// CONCATENATED MODULE: ./packages/data-table/src/main.vue?vue&type=template&id=5c7d8521&
 
 // EXTERNAL MODULE: ./src/config/api.js
 var api = __webpack_require__(1);
@@ -5965,8 +5977,8 @@ var children_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var children = (children_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/data-table/src/sizer.vue?vue&type=template&id=58e4111d&
-var sizervue_type_template_id_58e4111d_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/data-table/src/sizer.vue?vue&type=template&id=1e94400e&
+var sizervue_type_template_id_1e94400e_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -5990,6 +6002,7 @@ var sizervue_type_template_id_58e4111d_render = function () {
                   "row-key": "id",
                   "default-expand-all": "",
                   height: "500px",
+                  mode: _vm.mode,
                   data: _vm.theads,
                   thead: _vm.thead,
                   "tree-props": { children: "childHead" },
@@ -6017,11 +6030,11 @@ var sizervue_type_template_id_58e4111d_render = function () {
       )
     : _vm._e()
 }
-var sizervue_type_template_id_58e4111d_staticRenderFns = []
-sizervue_type_template_id_58e4111d_render._withStripped = true
+var sizervue_type_template_id_1e94400e_staticRenderFns = []
+sizervue_type_template_id_1e94400e_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/data-table/src/sizer.vue?vue&type=template&id=58e4111d&
+// CONCATENATED MODULE: ./packages/data-table/src/sizer.vue?vue&type=template&id=1e94400e&
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/data-table/src/sizer.vue?vue&type=script&lang=js&
 var sizervue_type_script_lang_js_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
@@ -6051,11 +6064,13 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
 //
 //
 //
+//
 
 
 /* harmony default export */ var sizervue_type_script_lang_js_ = ({
   name: 'Sizer',
   props: {
+    mode: String,
     data: Array
   },
   computed: {
@@ -6109,6 +6124,7 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
   },
   mounted: function mounted() {
     this.newThead = util["a" /* default */].extend(true, [], this.data);
+    console.log(this.mode, 90909);
   },
 
   methods: {
@@ -6191,8 +6207,8 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
 
 var sizer_component = Object(componentNormalizer["a" /* default */])(
   src_sizervue_type_script_lang_js_,
-  sizervue_type_template_id_58e4111d_render,
-  sizervue_type_template_id_58e4111d_staticRenderFns,
+  sizervue_type_template_id_1e94400e_render,
+  sizervue_type_template_id_1e94400e_staticRenderFns,
   false,
   null,
   null,
@@ -6387,6 +6403,13 @@ var mainvue_type_script_lang_js_components, _watch;
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -6395,6 +6418,7 @@ var mainvue_type_script_lang_js_components, _watch;
 
 
 
+var dataTableMode = util["a" /* default */].win.top.dataTableMode || util["a" /* default */].win.dataTableMode || 'default';
 /* harmony default export */ var mainvue_type_script_lang_js_ = ({
   name: 'EsDataTable',
   inheritAttrs: false,
@@ -6418,6 +6442,10 @@ var mainvue_type_script_lang_js_components, _watch;
     }
   },
   props: {
+    mode: {
+      type: String,
+      default: dataTableMode
+    },
     service: String,
     loading: {
       type: Boolean,
@@ -6665,7 +6693,8 @@ var mainvue_type_script_lang_js_components, _watch;
       config: {
         pageNum: 1,
         pageSize: 20,
-        totalCount: 0
+        totalCount: 0,
+        layout: this.mode == 'plus' ? 'total, sizes, prev, pager, next, jumper' : undefined
       },
       searchWhere: {},
       advanceWhere: {},
@@ -6868,7 +6897,7 @@ var mainvue_type_script_lang_js_components, _watch;
       }
     },
     zoom: {
-      handler: function handler(val) {
+      handler: function handler() {
         if (this.tableHeight != 'auto' && this.tableHeight !== false && this.display) {
           this.resetHeight();
           this.doLayout();
@@ -6897,7 +6926,7 @@ var mainvue_type_script_lang_js_components, _watch;
     },
     param: {
       deep: true,
-      handler: function handler(val) {
+      handler: function handler() {
         this.getTableData();
       }
     }
@@ -6907,12 +6936,6 @@ var mainvue_type_script_lang_js_components, _watch;
     handler: function handler(val) {
       if ((typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object') {
         this.config = util["a" /* default */].extend({}, this.config, val);
-      } else {
-        this.config = {
-          pageNum: 1,
-          pageSize: 20,
-          totalCount: 0
-        };
       }
     }
   }, _watch['config.pageNum'] = function configPageNum() {
@@ -7174,6 +7197,7 @@ var mainvue_type_script_lang_js_components, _watch;
             _this10.theadData = results.theadData || [];
             _this10.list = results.data || results.records || [];
             _this10.config.totalCount = results.count || results.total || results.totalCount;
+            _this10.config.pageCount = results.pageCount;
             _this10.getOptions(_this10.theadData);
           }
         } else {
@@ -7246,6 +7270,7 @@ var mainvue_type_script_lang_js_components, _watch;
             });
           }
           _this11.config.totalCount = results.count || results.total || results.totalCount;
+          _this11.config.pageCount = results.pageCount;
           _this11.checked && _this11.$nextTick(function () {
             _this11.checkSelect(_this11.checked);
           });
@@ -7649,8 +7674,8 @@ var mainvue_type_script_lang_js_components, _watch;
                 height = height - ele.offsetHeight - parseInt(util["a" /* default */].getStyle(ele, 'margin-top'), 10) - parseInt(util["a" /* default */].getStyle(ele, 'margin-bottom'), 10);
               }
             }
-            height -= _this14.showToolbar ? 45 : 0;
-            height -= _this14.page === false ? 0 : 46;
+            height -= _this14.showToolbar ? _this14.$refs.toolbar.$el.offsetHeight : 0;
+            height -= _this14.page === false ? 0 : _this14.$refs.pagination.$el.offsetHeight;
             height -= _this14.title ? _this14.$refs.title.offsetHeight : 0;
             height -= parseInt(util["a" /* default */].getStyle(_this14.$refs.esTableContent, 'padding-top'), 10);
             height -= parseInt(util["a" /* default */].getStyle(_this14.$refs.esTableContent, 'padding-bottom'), 10);
@@ -7745,7 +7770,7 @@ var mainvue_type_script_lang_js_components, _watch;
 
 var main_component = Object(componentNormalizer["a" /* default */])(
   src_mainvue_type_script_lang_js_,
-  mainvue_type_template_id_39809074_render,
+  mainvue_type_template_id_5c7d8521_render,
   staticRenderFns,
   false,
   null,