@deanwu/vue-component-library 1.3.111 → 1.3.112

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

@@ -1220,6 +1220,17 @@ if (true) {
 
 }));
 
+/***/ }),
+
+/***/ "1377":
+/***/ (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_d114f80c_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("accf");
+/* 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_d114f80c_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_d114f80c_prod_lang_stylus___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "1382":
@@ -5734,13 +5745,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "3f7d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "4006":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -28965,6 +28969,13 @@ module.exports = function (O, options) {
 };
 
 
+/***/ }),
+
+/***/ "accf":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "ad2f":
@@ -33543,17 +33554,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":
@@ -42098,8 +42098,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=d114f80c&
+var tablevue_type_template_id_d114f80c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -42109,11 +42109,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: {
@@ -42174,9 +42178,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_d114f80c_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/table/index.vue?vue&type=template&id=0dfa7ce1&
+// CONCATENATED MODULE: ./src/components/table/index.vue?vue&type=template&id=d114f80c&
 
 // CONCATENATED MODULE: ./src/components/table/thead.js
 
@@ -42198,7 +42202,7 @@ function renderHead(h, col) {
       })])] : '';
     default:
       return [h("div", {
-        "class": !col.isParent && !col.alignCenter ? 'flex-center-cross' : 'flex-center'
+        "class": `ellipsis ${!col.isParent && !col.alignCenter ? 'flex-center-cross' : 'flex-center'}`
       }, [col.$scopedSlots.head ? col.$scopedSlots.head() : [], col.required ? [h("b", {
         "class": "c-table-head-required"
       }, ["*"])] : [], h("p", {
@@ -42220,7 +42224,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 => {
@@ -42229,7 +42233,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` : ''
@@ -45957,7 +45961,7 @@ function cellSpan(h, row, i) {
         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
@@ -46094,7 +46098,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) => {
@@ -46106,7 +46111,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": {
@@ -46139,7 +46144,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() {
@@ -46192,14 +46197,14 @@ 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;' : ''}`
@@ -46609,11 +46614,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';
@@ -46646,10 +46653,24 @@ 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' : '');
+    this.$refs.tbody.$el.addEventListener('scroll', () => {
+      let scroll = this.$refs.tbody.$el.scrollLeft;
+      this.leftShadow = scroll > 0;
+      this.rightShadow = scroll < this.columnsWidth - this.$refs.tbody.$el.clientWidth;
+    });
+    this._resizeOB = new ResizeObserver(() => {
+      let scroll = this.$refs.tbody.$el.scrollLeft;
+      this.leftShadow = scroll > 0;
+      this.rightShadow = scroll < this.columnsWidth - this.$refs.tbody.$el.clientWidth;
+    }).observe(this.$refs.tbody.$el);
+    ;
   },
   updated() {
     this.updateColIndexList();
   },
+  beforeDestroy() {
+    this._resizeOB.disconnect();
+  },
   methods: {
     updateColIndexList() {
       let list = [];
@@ -46764,8 +46785,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=d114f80c&prod&lang=stylus&
+var tablevue_type_style_index_0_id_d114f80c_prod_lang_stylus_ = __webpack_require__("1377");
 
 // CONCATENATED MODULE: ./src/components/table/index.vue
 
@@ -46778,8 +46799,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_d114f80c_render,
+  tablevue_type_template_id_d114f80c_staticRenderFns,
   false,
   null,
   null,
@@ -46788,8 +46809,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', {
@@ -46804,9 +46825,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&
 
@@ -46846,8 +46867,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;
       }
@@ -46855,7 +46876,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,
@@ -46981,8 +47002,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,