@deanwu/vue-component-library 1.3.111 → 1.3.113

package/dist/vue-component-library.umd.js

@@ -5743,13 +5743,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "3f7d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "4006":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -27090,6 +27083,17 @@ exports.getEncodedBits = function getEncodedBits (errorCorrectionLevel, mask) {
 }
 
 
+/***/ }),
+
+/***/ "973e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_75f81a4e_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b9c5");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_75f81a4e_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_75f81a4e_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "9927":
@@ -29481,6 +29485,13 @@ module.exports = !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "b9c5":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "bb56":
@@ -33552,17 +33563,6 @@ module.exports = function (target, name, descriptor) {
 };
 
 
-/***/ }),
-
-/***/ "f1fa":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0dfa7ce1_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3f7d");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0dfa7ce1_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_12_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_12_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_12_oneOf_1_2_node_modules_stylus_loader_index_js_ref_12_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_0dfa7ce1_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "f488":
@@ -42107,8 +42107,8 @@ var popup_window_component = normalizeComponent(
 )
 
 /* harmony default export */ var popup_window = (popup_window_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/index.vue?vue&type=template&id=0dfa7ce1&
-var tablevue_type_template_id_0dfa7ce1_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/index.vue?vue&type=template&id=75f81a4e&
+var tablevue_type_template_id_75f81a4e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -42118,11 +42118,15 @@ var tablevue_type_template_id_0dfa7ce1_render = function render() {
       'user-select': _vm.widthResizePosition ? 'none' : 'auto'
     },
     attrs: {
-      "border": _vm.border,
-      "fixed-width": _vm.fixedWidth
+      "border": _vm.border
     }
   }, [_c('div', {
-    staticClass: "c-table-main flex-column flex-grow-auto"
+    staticClass: "c-table-main flex-column flex-grow-auto",
+    attrs: {
+      "fixed-width": _vm.fixedWidth,
+      "left-shadow": _vm.leftShadow,
+      "right-shadow": _vm.rightShadow
+    }
   }, [_c('c-tbody', {
     ref: "tbody",
     attrs: {
@@ -42183,9 +42187,9 @@ var tablevue_type_template_id_0dfa7ce1_render = function render() {
     }
   }, [_vm._t("default")], 2)]);
 };
-var tablevue_type_template_id_0dfa7ce1_staticRenderFns = [];
+var tablevue_type_template_id_75f81a4e_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/table/index.vue?vue&type=template&id=0dfa7ce1&
+// CONCATENATED MODULE: ./src/components/table/index.vue?vue&type=template&id=75f81a4e&
 
 // CONCATENATED MODULE: ./src/components/table/thead.js
 
@@ -42208,14 +42212,16 @@ function renderHead(h, col) {
     default:
       return [h("div", {
         "class": !col.isParent && !col.alignCenter ? 'flex-center-cross' : 'flex-center'
-      }, [col.$scopedSlots.head ? col.$scopedSlots.head() : [], col.required ? [h("b", {
+      }, [col.required ? [h("b", {
         "class": "c-table-head-required"
-      }, ["*"])] : [], h("p", {
-        "class": "ellipsis",
+      }, ["*"])] : [], col.$scopedSlots.head ? [h("div", {
+        "class": "ellipsis"
+      }, [col.$scopedSlots.head()])] : [h("p", {
+        "class": col.ellipsis ? 'ellipsis' : '',
         "attrs": {
           "title": this.$t(col.label)
         }
-      }, [this.$t(col.label)]), col.$scopedSlots.tip ? [h("div", {
+      }, [this.$t(col.label)])], col.$scopedSlots.tip ? [h("div", {
         "class": "c-table-head-tip"
       }, [col.$scopedSlots.tip()])] : []])];
   }
@@ -42229,7 +42235,7 @@ function renderHead(h, col) {
       "style": this.fixedWidth
     }, [h("colgroup", [this.columns.map(col => h("col", {
       "attrs": {
-        "width": col.resizeWidth
+        "width": `${col.resizeWidth}${col.widthResize ? '%' : 'px'}`
       }
     }))]), h("thead", [this.header.map(row => {
       return [h("tr", [row.map(col => {
@@ -42238,7 +42244,7 @@ function renderHead(h, col) {
             "rowspan": col.isParent ? 1 : this.header.length - col.headLevel,
             "colspan": col.colspan,
             "parent": col.isParent,
-            "fixed": col.fixed == 'right',
+            "fixed": col.fixed,
             "last": col._last
           },
           "style": col._position !== undefined ? `z-index: 10; position: sticky; ${col.fixed}: ${col._position}px` : ''
@@ -45963,10 +45969,9 @@ function cellSpan(h, row, i) {
         }
       }
       return [h('td', {
-        class: `${col.ellipsis ? 'ellipsis' : ''}`,
         attrs: {
           title,
-          fixed: col.fixed == 'right',
+          fixed: col.fixed,
           last: col._last,
           rowspan: this.span[j] ? this.span[j].row || 1 : 1,
           colspan: colspan || 1
@@ -46008,6 +46013,9 @@ function renderExpandButton(h, row) {
   }, [this.$t(row.name)])])])])])];
 }
 function renderCell(h, row, col) {
+  if (!h) {
+    return col.$scopedSlots.default ? col.$scopedSlots.default(row) : col.$slots.default || row.data[col.name];
+  }
   switch (col.type) {
     case 'drag':
       return [h("a", {
@@ -46072,7 +46080,7 @@ function renderCell(h, row, col) {
       }, [h("i", {
         "class": "c-icon-level-line"
       })])], h("div", {
-        "class": "flex-grow-auto"
+        "class": `flex-grow-auto ${col.ellipsis ? 'ellipsis' : ''}`
       }, [col.$scopedSlots.default ? col.$scopedSlots.default(row) : col.$slots.default || row.data[col.name]])])];
     case 'sort':
       return ['top', 'up', 'down', 'bottom'].map(type => {
@@ -46090,7 +46098,9 @@ function renderCell(h, row, col) {
         }
       }, [col.$scopedSlots.default(row)])];
     default:
-      return col.$scopedSlots.default ? col.$scopedSlots.default(row) : col.$slots.default || row.data[col.name];
+      return [h("div", {
+        "class": col.ellipsis ? 'ellipsis' : ''
+      }, [col.$scopedSlots.default ? col.$scopedSlots.default(row) : col.$slots.default || row.data[col.name]])];
   }
 }
 
@@ -46103,7 +46113,8 @@ function renderCell(h, row, col) {
       "class": "c-table-body flex-grow-auto",
       "attrs": {
         "empty": this.emptyState
-      }
+      },
+      "style": `min-width: ${this.columnsWidth}px;`
     }, [this.emptyState ? this.$scopedSlots.empty ? [this.$scopedSlots.empty()] : h("c-empty") : [this.$scopedSlots.custom ? [this.dataList.map(({
       data
     }, index) => {
@@ -46115,7 +46126,7 @@ function renderCell(h, row, col) {
       "style": this.fixedWidth
     }, [h("colgroup", [this.columns.map(col => h("col", {
       "attrs": {
-        "width": col.resizeWidth
+        "width": `${col.resizeWidth}${col.widthResize ? '%' : 'px'}`
       }
     }))]), h("tbody", {
       "attrs": {
@@ -46148,7 +46159,7 @@ function renderCell(h, row, col) {
     };
   },
   computed: {
-    ...mapStore(['dataList', 'columns', 'fixedWidth', 'emptyState', 'rowClick', 'currentRow', 'expandCol', 'dragCol'])
+    ...mapStore(['dataList', 'columns', 'columnsWidth', 'fixedWidth', 'emptyState', 'rowClick', 'currentRow', 'expandCol', 'dragCol'])
   },
   watch: {
     dataList() {
@@ -46201,14 +46212,13 @@ function renderCell(h, row, col) {
       "style": this.fixedWidth
     }, [h("colgroup", [this.columns.map((col, i) => h("col", {
       "attrs": {
-        "width": col.resizeWidth
+        "width": `${col.resizeWidth}${col.widthResize ? '%' : 'px'}`
       }
     }))]), h("tbody", [h("tr", [this.columns.map((col, i) => {
       let data = this.totalData[i];
       return [h('td', {
-        class: `${col.ellipsis ? 'ellipsis' : ''}`,
         attrs: {
-          fixed: col.fixed == 'right',
+          fixed: col.fixed,
           last: col._last
         },
         style: `${col._position !== undefined ? `z-index: 10; position: sticky; ${col.fixed}: ${col._position}px;` : ''} ${col.alignCenter ? 'text-align: center;' : ''}`
@@ -46618,11 +46628,13 @@ var es_array_unshift = __webpack_require__("3c65");
       pageBar: !!this.paging,
       pageIndex: 1,
       total: 0,
-      pageSize: 20
+      pageSize: 20,
+      leftShadow: false,
+      rightShadow: false
     };
   },
   computed: {
-    ...mapStore(['dataList', 'summedRow', 'selectorCol', 'emptyState', 'widthResizePosition']),
+    ...mapStore(['dataList', 'columnsWidth', 'summedRow', 'selectorCol', 'emptyState', 'widthResizePosition']),
     compHeight() {
       if (parseInt(this.height) == this.height) {
         return parseInt(this.height) + 'px';
@@ -46655,10 +46667,28 @@ var es_array_unshift = __webpack_require__("3c65");
     }
     this.store.commit('widthResize', this.widthResize);
     this.store.commit('rowClick', this._events.rowClick ? 'event' : this.$compsConfig.config.table.rowClickHl ? 'hl' : '');
+    let $scroll = this.$refs.tbody.$el;
+    $scroll.addEventListener('scroll', () => {
+      if ($scroll) {
+        let scroll = $scroll.scrollLeft;
+        this.leftShadow = scroll > 0;
+        this.rightShadow = scroll < this.columnsWidth - $scroll.clientWidth;
+      }
+    });
+    this._resizeOB = new ResizeObserver(() => {
+      if ($scroll) {
+        let scroll = $scroll.scrollLeft;
+        this.leftShadow = scroll > 0;
+        this.rightShadow = scroll < this.columnsWidth - $scroll.clientWidth;
+      }
+    }).observe($scroll);
   },
   updated() {
     this.updateColIndexList();
   },
+  beforeDestroy() {
+    this._resizeOB && this._resizeOB.disconnect();
+  },
   methods: {
     updateColIndexList() {
       let list = [];
@@ -46773,8 +46803,8 @@ var es_array_unshift = __webpack_require__("3c65");
 });
 // CONCATENATED MODULE: ./src/components/table/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_components_tablevue_type_script_lang_js_ = (components_tablevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/table/index.vue?vue&type=style&index=0&id=0dfa7ce1&prod&lang=stylus&
-var tablevue_type_style_index_0_id_0dfa7ce1_prod_lang_stylus_ = __webpack_require__("f1fa");
+// EXTERNAL MODULE: ./src/components/table/index.vue?vue&type=style&index=0&id=75f81a4e&prod&lang=stylus&
+var tablevue_type_style_index_0_id_75f81a4e_prod_lang_stylus_ = __webpack_require__("973e");
 
 // CONCATENATED MODULE: ./src/components/table/index.vue
 
@@ -46787,8 +46817,8 @@ var tablevue_type_style_index_0_id_0dfa7ce1_prod_lang_stylus_ = __webpack_requir
 
 var components_table_component = normalizeComponent(
   src_components_tablevue_type_script_lang_js_,
-  tablevue_type_template_id_0dfa7ce1_render,
-  tablevue_type_template_id_0dfa7ce1_staticRenderFns,
+  tablevue_type_template_id_75f81a4e_render,
+  tablevue_type_template_id_75f81a4e_staticRenderFns,
   false,
   null,
   null,
@@ -46797,8 +46827,8 @@ var components_table_component = normalizeComponent(
 )
 
 /* harmony default export */ var components_table = (components_table_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/column.vue?vue&type=template&id=3c6f9145&
-var columnvue_type_template_id_3c6f9145_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c663cd22-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/column.vue?vue&type=template&id=487f35f9&
+var columnvue_type_template_id_487f35f9_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -46813,9 +46843,9 @@ var columnvue_type_template_id_3c6f9145_render = function render() {
     "expandData": {}
   }) : _vm._e()], 2);
 };
-var columnvue_type_template_id_3c6f9145_staticRenderFns = [];
+var columnvue_type_template_id_487f35f9_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/table/column.vue?vue&type=template&id=3c6f9145&
+// CONCATENATED MODULE: ./src/components/table/column.vue?vue&type=template&id=487f35f9&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table/column.vue?vue&type=script&lang=js&
 
@@ -46855,8 +46885,8 @@ var columnvue_type_template_id_3c6f9145_staticRenderFns = [];
       type: [String, Number],
       default() {
         return {
-          drag: 37,
-          selector: 37,
+          drag: 38,
+          selector: 38,
           sort: 104
         }[this.type] || 100;
       }
@@ -46864,7 +46894,7 @@ var columnvue_type_template_id_3c6f9145_staticRenderFns = [];
     widthResize: {
       type: Boolean,
       default() {
-        return !['drag', 'selector'].includes(this.type);
+        return !['drag', 'selector', 'sort'].includes(this.type);
       }
     },
     alignCenter: Boolean,
@@ -46990,8 +47020,8 @@ var columnvue_type_template_id_3c6f9145_staticRenderFns = [];
 
 var column_component = normalizeComponent(
   table_columnvue_type_script_lang_js_,
-  columnvue_type_template_id_3c6f9145_render,
-  columnvue_type_template_id_3c6f9145_staticRenderFns,
+  columnvue_type_template_id_487f35f9_render,
+  columnvue_type_template_id_487f35f9_staticRenderFns,
   false,
   null,
   null,