tenghui-ui 1.3.4 → 1.3.7

package/dist/style.css

@@ -1 +1 @@
-.el-menu[data-v-1a7163e6]{width:100%;height:60px!important}.el-submenu .el-menu-item[data-v-1a7163e6]{min-width:unset}.el-submenu__title i[data-v-1a7163e6]{color:unset}.ui-tabs[data-v-e7fe9cfa]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff}.ui-tabs__item[data-v-e7fe9cfa]{float:left;height:31px;border-radius:6px 6px 0 0;border:1px solid #ebeef5;margin-top:10px;box-sizing:border-box;font-size:12px;line-height:30px;padding:0 10px;color:#c0c4cc;cursor:pointer;border-bottom-color:#fff;margin-right:1px;position:relative;transition:all .1s linear}.ui-tabs__item:hover .el-icon-error[data-v-e7fe9cfa]{opacity:1}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]:hover{color:#409effcc}.ui-tabs__item--active[data-v-e7fe9cfa]{color:#409effcc;padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-e7fe9cfa]{top:50%;right:5px;font-size:14px;margin-top:-5px;opacity:1}.el-icon-s-tools[data-v-575499bb]{font-size:20px;color:#fff;line-height:60px;margin-right:20px;cursor:pointer}[data-v-0a02be4b] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-0a02be4b] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-0a02be4b] .el-dialog__footer{border-top:1px solid #ededed}[data-v-0a02be4b] .el-dialog__body .el-form .el-select,[data-v-0a02be4b] .el-dialog__body .el-form .el-input,[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-0a02be4b] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-0a02be4b] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-acc84488]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-acc84488]{margin-right:10px;font-size:12px;width:70px;text-align:right}.ui-operation[data-v-3c6cb9f6]{padding:0 10px}.ui-search[data-v-07c7d454]{margin:10px 10px 0;padding:20px;background-color:#fff;border:1px solid #ebeef5;border-radius:4px}.ui-search__main[data-v-07c7d454]{display:flex}.ui-search__footer[data-v-07c7d454]{margin-top:10px}.ui-search[data-v-07c7d454] .ui-form__item{display:block}.ui-search[data-v-07c7d454] .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-table[data-v-18cac3e8]{padding:0 10px}.ui-table[data-v-18cac3e8] .el-table-column--selection .el-checkbox{display:block}.ui-table[data-v-18cac3e8] .el-tabs__header{margin-bottom:0;border-bottom:0 none;background:#FFF}.ui-table[data-v-18cac3e8] .el-tabs__header .el-tabs__item{height:32px;line-height:32px;font-size:12px}.ui-table[data-v-18cac3e8] .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#409eff}.ui-pagination[data-v-18cac3e8]{text-align:center;padding:10px 0}.ui-table__tab[data-v-18cac3e8]{background-color:#fff}.ui-tab--loading[data-v-18cac3e8]{height:32px;line-height:32px}.ui-tab--loading span[data-v-18cac3e8]{font-size:12px;color:#999;display:inline-block;margin-left:5px}.ui-image--error[data-v-4d3de6d0]{text-align:center;color:#999;background-color:#efefef}
+.el-menu[data-v-1a7163e6]{width:100%;height:60px!important}.el-submenu .el-menu-item[data-v-1a7163e6]{min-width:unset}.el-submenu__title i[data-v-1a7163e6]{color:unset}.ui-tabs[data-v-e7fe9cfa]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff}.ui-tabs__item[data-v-e7fe9cfa]{float:left;height:31px;border-radius:6px 6px 0 0;border:1px solid #ebeef5;margin-top:10px;box-sizing:border-box;font-size:12px;line-height:30px;padding:0 10px;color:#c0c4cc;cursor:pointer;border-bottom-color:#fff;margin-right:1px;position:relative;transition:all .1s linear}.ui-tabs__item:hover .el-icon-error[data-v-e7fe9cfa]{opacity:1}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]:hover{color:#409effcc}.ui-tabs__item--active[data-v-e7fe9cfa]{color:#409effcc;padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-e7fe9cfa]{top:50%;right:5px;font-size:14px;margin-top:-5px;opacity:1}.el-icon-s-tools[data-v-575499bb]{font-size:20px;color:#fff;line-height:60px;margin-right:20px;cursor:pointer}[data-v-0a02be4b] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-0a02be4b] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-0a02be4b] .el-dialog__footer{border-top:1px solid #ededed}[data-v-0a02be4b] .el-dialog__body .el-form .el-select,[data-v-0a02be4b] .el-dialog__body .el-form .el-input,[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-0a02be4b] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-0a02be4b] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-acc84488]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-acc84488]{margin-right:10px;font-size:12px;width:70px;text-align:right}.ui-operation[data-v-3c6cb9f6]{padding:0 10px}.ui-search[data-v-07c7d454]{margin:10px 10px 0;padding:20px;background-color:#fff;border:1px solid #ebeef5;border-radius:4px}.ui-search__main[data-v-07c7d454]{display:flex}.ui-search__footer[data-v-07c7d454]{margin-top:10px}.ui-search[data-v-07c7d454] .ui-form__item{display:block}.ui-search[data-v-07c7d454] .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-table[data-v-2564b744]{padding:0 10px}.ui-table[data-v-2564b744] .el-table-column--selection .el-checkbox{display:block}.ui-table[data-v-2564b744] .el-tabs__header{margin-bottom:0;border-bottom:0 none;background:#FFF}.ui-table[data-v-2564b744] .el-tabs__header .el-tabs__item{height:32px;line-height:32px;font-size:12px}.ui-table[data-v-2564b744] .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#409eff}.ui-pagination[data-v-2564b744]{text-align:center;padding:10px 0}.ui-table__tab[data-v-2564b744]{background-color:#fff}.ui-tab--loading[data-v-2564b744]{height:32px;line-height:32px}.ui-tab--loading span[data-v-2564b744]{font-size:12px;color:#999;display:inline-block;margin-left:5px}.ui-image--error[data-v-b81bcc3a]{text-align:center;color:#999;background-color:#efefef}

package/dist/tenghui-ui.es.js

@@ -612,7 +612,6 @@ function countTableHeight(staticNum = 0) {
   tableHeight += headerEl ? headerEl.offsetHeight : 0;
   tableHeight += tabsEl ? tabsEl.offsetHeight : 0;
   tableHeight += tableTab ? tableTab.offsetHeight : 0;
-  console.log(tableTab);
   let userAgent = navigator.userAgent;
   for (let i = 0; i < pageCountEls.length; i++) {
     let ele = pageCountEls[i];
@@ -7472,7 +7471,7 @@ var render$1 = function() {
     _vm.checkTab = $$v;
   }, expression: "checkTab" } }, _vm._l(_vm.tabList, function(item) {
     return _c("el-tab-pane", { key: item.value, attrs: { "label": item.label, "name": item.value } });
-  }), 1) : _vm._e(), _vm._m(0)])], 2), _c("el-table", _vm._b({ ref: "myTable", attrs: { "highlightRow": "", "border": true, "data": _vm.tableData }, on: { "selection-change": _vm.handleSelectionChange }, scopedSlots: _vm._u([{ key: "empty", fn: function() {
+  }), 1) : _vm._e(), _vm._m(0)])], 2), _c("el-table", _vm._b({ ref: "myTable", attrs: { "highlightRow": "", "stripe": "", "border": true, "data": _vm.tableData, "span-method": _vm.spanMethod, "row-class-name": _vm.rowClassName }, on: { "selection-change": _vm.handleSelectionChange }, scopedSlots: _vm._u([{ key: "empty", fn: function() {
     return [!_vm.autoHeight ? _c("div", [_c("el-empty", { directives: [{ name: "show", rawName: "v-show", value: !_vm.tableData.length, expression: "!tableData.length" }], attrs: { "description": "\u6682\u65E0\u6570\u636E" } })], 1) : _vm._e()];
   }, proxy: true }]) }, "el-table", _vm._d({}, [_vm.isBindHeight, _vm.tableHeight, _vm.isBindMaxHeight, _vm.maxHeight])), [_vm.showSelect ? _c("el-table-column", { attrs: { "type": "selection", "width": "35", "selectable": _vm.selectable } }) : _vm._e(), _vm._l(_vm.tableTitle, function(item, index2) {
     return _c("el-table-column", { key: _vm.tableProps[index2], attrs: { "minWidth": "60px", "label": item, "prop": _vm.tableProps[index2], "width": _vm.tableProps[index2] === "index" ? "60px" : _vm.tableColsWidth[index2] || "" }, scopedSlots: _vm._u([{ key: "header", fn: function(scope) {
@@ -7504,6 +7503,9 @@ const __vue2_script$1 = {
         };
       }
     },
+    spanMethod: {
+      type: Function
+    },
     tableData: {
       type: Array,
       default() {
@@ -7546,6 +7548,11 @@ const __vue2_script$1 = {
     showTab: {
       type: Boolean,
       default: false
+    },
+    rowClassName: {
+      type: Function,
+      default({ row }) {
+      }
     }
   },
   data() {
@@ -7619,7 +7626,7 @@ const __vue2_script$1 = {
   }
 };
 const __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "18cac3e8", null, null);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "2564b744", null, null);
 function __vue2_injectStyles$1(context) {
   for (let o in __cssModules$1) {
     this[o] = __cssModules$1[o];
@@ -7636,11 +7643,11 @@ var render4 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("el-image", { ref: "imageRef", style: { width: _vm.sizeMain }, attrs: { "src": _vm.srcMain, "preview-src-list": _vm.previewList }, scopedSlots: _vm._u([{ key: "placeholder", fn: function() {
+  return _vm.show ? _c("el-image", { ref: "imageRef", style: { width: _vm.sizeMain }, attrs: { "scroll-container": ".el-table__body-wrapper", "src": _vm.srcMain, "preview-src-list": _vm.previewList, "lazy": _vm.lazy }, scopedSlots: _vm._u([{ key: "placeholder", fn: function() {
     return [_c("div", { directives: [{ name: "loading", rawName: "v-loading", value: true, expression: "true" }], staticClass: "ui-image--loading", style: { width: _vm.sizeMain, height: _vm.height } })];
   }, proxy: true }, { key: "error", fn: function() {
     return [_c("div", { staticClass: "ui-image--error", style: { width: _vm.sizeMain, height: _vm.height, lineHeight: _vm.height, fontSize: _vm.fontSize } }, [_c("i", { staticClass: "el-icon-picture-outline" })])];
-  }, proxy: true }]) });
+  }, proxy: true }], null, false, 4245906892) }) : _vm._e();
 };
 var staticRenderFns = [];
 var index_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -7662,11 +7669,16 @@ const __vue2_script = {
       default() {
         return [];
       }
+    },
+    lazy: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
     return {
-      height: ""
+      height: "",
+      show: false
     };
   },
   computed: {
@@ -7699,12 +7711,15 @@ const __vue2_script = {
     }
   },
   async mounted() {
-    await this.$nextTick();
-    this.height = `${this.$refs.imageRef.$el.offsetWidth}px`;
+    setTimeout(async () => {
+      this.show = true;
+      await this.$nextTick();
+      this.height = `${this.$refs.imageRef.$el.offsetWidth}px`;
+    }, 300);
   }
 };
 const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render4, staticRenderFns, false, __vue2_injectStyles, "4d3de6d0", null, null);
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render4, staticRenderFns, false, __vue2_injectStyles, "b81bcc3a", null, null);
 function __vue2_injectStyles(context) {
   for (let o in __cssModules) {
     this[o] = __cssModules[o];
@@ -7738,7 +7753,7 @@ const install = (Vue2, ops = { config: {} }) => {
         image(row, { field, params }) {
           const src2 = row[field].split("|");
           const size = params.size || 59;
-          return ["com-image", { attrs: { src: src2, size } }];
+          return ["com-image", { attrs: { src: src2, size, lazy: true } }];
         },
         link(row, { field, params }) {
           const text = row[field];