gyyg-components 0.3.0 → 0.3.2

package/lib/gyyg-components.common.js

@@ -335,7 +335,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'MecTable',\n  components: {\n    styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    // 表格数据\n    tableData: {\n      reauried: true\n    },\n    // 表格列\n    columns: {\n      required: true\n    },\n    // 表格高度\n    height: {\n      required: false\n    },\n    // 表格最大高度\n    maxHeight: {\n      required: false\n    },\n    //  是否显示多选框\n    selection: {\n      required: false\n    },\n    // 是否保留多选框\n    reserveSelection: {\n      type: Boolean,\n      default: false\n    },\n    // 分页\n    page: {\n      // 分页\n      required: false\n    },\n    // 是否高亮当前行\n    highlightCurrentRow: {\n      required: false\n    },\n    // 表头样式\n    headerCellStyle: {\n      required: false,\n      default: () => {\n        return {\n          backgroundColor: \"#EFF3F8\"\n        };\n      }\n    },\n    // 行数据的key\n    rowKey: {\n      type: [String, Number],\n      default: 'id'\n    },\n    // 行className回调\n    tableRowClassName: {\n      type: [Function, String],\n      required: false\n    },\n    // 展开行的key\n    expandRowKeys: {\n      type: Array,\n      required: false\n    },\n    // 嵌套数据的配置选项\n    treeProps: {\n      type: Object,\n      default: () => {\n        return {};\n      }\n    },\n    // 是否默认展开所有行\n    defaultExpandAll: {\n      default: false\n    },\n    // 是否只选中当前行\n    toggleRow: {\n      default: false\n    },\n    border: {\n      type: Boolean,\n      default: true\n    },\n    paginationBackGround: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      multipleSelection: []\n    };\n  },\n  methods: {\n    // 列表选中当前行字体加粗\n    selectedRowStyle({\n      row\n    }) {\n      const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n      if (idArr.includes(row[this.rowKey])) {\n        return {\n          'font-weight': '700'\n        };\n      }\n    },\n    // pageSize 改变时会触发\n    handleSizeChange(val) {\n      this.$emit('page-size-change', val);\n    },\n    // // currentPage 改变时会触发\n    handleCurrentChange(val) {\n      this.$emit('page-change', val);\n    },\n    // 表格属性回调\n    currentChange(val) {\n      this.$emit('current-change', val);\n    },\n    // 排序规则发生变化时会触发\n    sortChange(column, prop, order) {\n      this.$emit('sort-change', column, prop, order);\n    },\n    // 手动勾选数据行的checkbox时触发的事件\n    select(column, row) {\n      let refs = this.$refs.table;\n      this.$emit('select', column, row, refs);\n    },\n    // 选择项发生变化时会触发\n    selectionChange(column) {\n      this.multipleSelection = column;\n      this.$emit('selection-change', column);\n    },\n    // 行点击触发的事件\n    rowClickHandel(column) {\n      if (this.toggleRow) {\n        this.$refs.table.clearSelection();\n        this.$refs.table.toggleRowSelection(column);\n      }\n      this.$emit('row-click', column);\n    },\n    // 行双击事件\n    rowDblclickHandel(column) {\n      this.$emit('row-dblclick', column);\n    }\n  },\n  watch: {\n    columns: {\n      handler: function (val) {\n        this.column = val;\n      },\n      immediate: true,\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'MecTable',\n  components: {\n    styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    // 表格数据\n    tableData: {\n      reauried: true\n    },\n    // 表格列\n    columns: {\n      required: true\n    },\n    // 表格高度\n    height: {\n      required: false\n    },\n    // 表格最大高度\n    maxHeight: {\n      required: false\n    },\n    //  是否显示多选框\n    selection: {\n      required: false\n    },\n    // 是否保留多选框\n    reserveSelection: {\n      type: Boolean,\n      default: false\n    },\n    // 分页\n    page: {\n      // 分页\n      required: false\n    },\n    // 是否高亮当前行\n    highlightCurrentRow: {\n      required: false\n    },\n    // 表头样式\n    headerCellStyle: {\n      required: false,\n      default: () => {\n        return {\n          backgroundColor: \"#EFF3F8\"\n        };\n      }\n    },\n    // 行数据的key\n    rowKey: {\n      type: [String, Number],\n      default: 'id'\n    },\n    // 行className回调\n    tableRowClassName: {\n      type: [Function, String],\n      required: false\n    },\n    // 展开行的key\n    expandRowKeys: {\n      type: Array,\n      required: false\n    },\n    // 嵌套数据的配置选项\n    treeProps: {\n      type: Object,\n      default: () => {\n        return {};\n      }\n    },\n    // 是否默认展开所有行\n    defaultExpandAll: {\n      default: false\n    },\n    // 是否只选中当前行\n    toggleRow: {\n      default: false\n    },\n    border: {\n      type: Boolean,\n      default: true\n    },\n    paginationBackGround: {\n      type: Boolean,\n      default: true\n    },\n    showTotalText: {\n      type: Boolean,\n      default: false\n    },\n    totalTextColor: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    return {\n      multipleSelection: []\n    };\n  },\n  methods: {\n    // 列表选中当前行字体加粗\n    selectedRowStyle({\n      row\n    }) {\n      const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n      if (idArr.includes(row[this.rowKey])) {\n        return {\n          'font-weight': '700'\n        };\n      }\n    },\n    // pageSize 改变时会触发\n    handleSizeChange(val) {\n      this.$emit('page-size-change', val);\n    },\n    // // currentPage 改变时会触发\n    handleCurrentChange(val) {\n      this.$emit('page-change', val);\n    },\n    // 表格属性回调\n    currentChange(val) {\n      this.$emit('current-change', val);\n    },\n    // 排序规则发生变化时会触发\n    sortChange(column, prop, order) {\n      this.$emit('sort-change', column, prop, order);\n    },\n    // 手动勾选数据行的checkbox时触发的事件\n    select(column, row) {\n      let refs = this.$refs.table;\n      this.$emit('select', column, row, refs);\n    },\n    // 选择项发生变化时会触发\n    selectionChange(column) {\n      this.multipleSelection = column;\n      this.$emit('selection-change', column);\n    },\n    // 行点击触发的事件\n    rowClickHandel(column) {\n      if (this.toggleRow) {\n        this.$refs.table.clearSelection();\n        this.$refs.table.toggleRowSelection(column);\n      }\n      this.$emit('row-click', column);\n    },\n    // 行双击事件\n    rowDblclickHandel(column) {\n      this.$emit('row-dblclick', column);\n    }\n  },\n  watch: {\n    columns: {\n      handler: function (val) {\n        this.column = val;\n      },\n      immediate: true,\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./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");
 
 /***/ }),
 
@@ -551,7 +551,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    directives: [{\n      name: \"has-permi\",\n      rawName: \"v-has-permi\",\n      value: _vm.btnInfo.hasPermi ? [_vm.btnInfo.hasPermi] : undefined,\n      expression: \"btnInfo.hasPermi ? [btnInfo.hasPermi] : undefined\"\n    }],\n    staticClass: \"popover-button\"\n  }, [_c(\"el-dropdown\", {\n    attrs: {\n      size: _vm.btnInfo.size || \"small\",\n      \"split-button\": \"\",\n      type: _vm.btnInfo.type,\n      disabled: _vm.btnInfo.disabled,\n      trigger: \"click\",\n      placement: \"bottom-end\"\n    },\n    on: {\n      click: _vm.clickEvent,\n      command: _vm.changeItem\n    }\n  }, [_vm._v(\" \" + _vm._s(_vm.btnInfo.text) + \" \"), _c(\"el-dropdown-menu\", {\n    staticClass: \"right-arrow\",\n    attrs: {\n      slot: \"dropdown\"\n    },\n    slot: \"dropdown\"\n  }, _vm._l(_vm.btnInfo.options, function (item) {\n    return _c(\"el-dropdown-item\", {\n      directives: [{\n        name: \"has-permi\",\n        rawName: \"v-has-permi\",\n        value: item.hasPermi ? [item.hasPermi] : undefined,\n        expression: \"item.hasPermi ? [item.hasPermi] : undefined\"\n      }],\n      key: item.id,\n      attrs: {\n        icon: item.icon || \"\",\n        command: item\n      }\n    }, [_vm._v(_vm._s(item.label))]);\n  }), 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecPopoverButton/MecPopoverButton.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    directives: [{\n      name: \"has-permi\",\n      rawName: \"v-has-permi\",\n      value: _vm.btnInfo.hasPermi ? [_vm.btnInfo.hasPermi] : undefined,\n      expression: \"btnInfo.hasPermi ? [btnInfo.hasPermi] : undefined\"\n    }],\n    staticClass: \"popover-button\"\n  }, [_c(\"el-dropdown\", {\n    attrs: {\n      size: _vm.btnInfo.size || \"small\",\n      \"split-button\": _vm.btnInfo.splitButton,\n      type: _vm.btnInfo.type,\n      disabled: _vm.btnInfo.disabled,\n      trigger: \"click\",\n      placement: \"bottom-end\"\n    },\n    on: {\n      click: _vm.clickEvent,\n      command: _vm.changeItem\n    }\n  }, [_vm.btnInfo.splitButton ? _c(\"span\", [_c(\"i\", {\n    class: _vm.btnInfo.icon,\n    staticStyle: {\n      \"margin-right\": \"5px\"\n    }\n  }), _vm._v(_vm._s(_vm.btnInfo.text))]) : _c(\"el-button\", {\n    attrs: {\n      type: _vm.btnInfo.type\n    }\n  }, [_c(\"i\", {\n    class: _vm.btnInfo.icon\n  }), _c(\"span\", [_vm._v(_vm._s(_vm.btnInfo.text))]), _c(\"i\", {\n    staticClass: \"el-icon-arrow-down el-icon--right\"\n  })]), _c(\"el-dropdown-menu\", {\n    staticClass: \"right-arrow\",\n    attrs: {\n      slot: \"dropdown\"\n    },\n    slot: \"dropdown\"\n  }, _vm._l(_vm.btnInfo.options, function (item) {\n    return _c(\"el-dropdown-item\", {\n      directives: [{\n        name: \"has-permi\",\n        rawName: \"v-has-permi\",\n        value: item.hasPermi ? [item.hasPermi] : undefined,\n        expression: \"item.hasPermi ? [item.hasPermi] : undefined\"\n      }],\n      key: item.id,\n      attrs: {\n        icon: item.icon || \"\",\n        command: item,\n        disabled: item.disabled\n      }\n    }, [_vm._v(_vm._s(item.label))]);\n  }), 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecPopoverButton/MecPopoverButton.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
 
 /***/ }),
 
@@ -599,7 +599,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"table-container\"\n  }, [_c(\"el-table\", {\n    ref: \"table\",\n    attrs: {\n      data: _vm.tableData,\n      height: _vm.height,\n      \"max-height\": _vm.maxHeight,\n      \"highlight-current-row\": _vm.highlightCurrentRow,\n      \"row-class-name\": _vm.tableRowClassName,\n      \"header-cell-style\": _vm.headerCellStyle,\n      \"row-key\": _vm.rowKey,\n      \"expand-row-keys\": _vm.expandRowKeys,\n      \"tree-props\": _vm.treeProps,\n      \"row-style\": _vm.selectedRowStyle,\n      \"default-expand-all\": _vm.defaultExpandAll,\n      border: _vm.border\n    },\n    on: {\n      \"current-change\": _vm.currentChange,\n      \"sort-change\": _vm.sortChange,\n      \"selection-change\": _vm.selectionChange,\n      select: _vm.select,\n      \"row-click\": _vm.rowClickHandel,\n      \"row-dblclick\": _vm.rowDblclickHandel\n    }\n  }, [_vm.selection ? _c(\"el-table-column\", {\n    attrs: {\n      type: \"selection\",\n      width: \"55\",\n      align: \"center\",\n      \"reserve-selection\": _vm.reserveSelection\n    }\n  }) : _vm._e(), _vm._l(_vm.column, function (col, index) {\n    return [!col[\"type\"] && (!col.headerList || col.headerList.length === 0) ? _c(\"el-table-column\", {\n      key: index,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed,\n        prop: col.bind\n      }\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2) : !col[\"type\"] && col.headerList && col.headerList.length > 0 ? _c(\"el-table-column\", {\n      key: index + \"header\",\n      attrs: {\n        label: col.label,\n        fixed: col.fixed,\n        \"min-width\": col.minWidth,\n        align: col.align\n      }\n    }, _vm._l(col.headerList, function (item, subIndex) {\n      return _c(\"el-table-column\", {\n        key: subIndex,\n        attrs: {\n          prop: item.bind,\n          label: item.label,\n          align: item.align,\n          \"show-overflow-tooltip\": item.showOverflowTooltip,\n          \"min-width\": item.minWidth,\n          \"max-width\": item.maxWidth,\n          width: item.width,\n          sortable: item.sortable\n        }\n      });\n    }), 1) : _c(\"el-table-column\", {\n      key: index + col.type,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed\n      },\n      scopedSlots: _vm._u([{\n        key: \"default\",\n        fn: function (scope) {\n          return [_c(col[\"type\"], _vm._g(_vm._b({\n            key: index,\n            tag: \"component\",\n            attrs: {\n              scope: scope,\n              tableData: col\n            },\n            model: {\n              value: scope.row[col.bind],\n              callback: function ($$v) {\n                _vm.$set(scope.row, col.bind, $$v);\n              },\n              expression: \"scope.row[col.bind]\"\n            }\n          }, \"component\", typeof col.componentProps === \"function\" ? col.componentProps(scope.row) : col.componentProps, false), typeof col.componentListeners === \"function\" ? col.componentListeners(scope.row) : col.componentListeners || {}))];\n        }\n      }], null, true)\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2)];\n  })], 2), _vm.page ? _c(\"div\", {\n    staticClass: \"pagination-layout\"\n  }, [_c(\"el-pagination\", {\n    attrs: {\n      \"page-sizes\": [10, 20, 30, 50],\n      \"page-size\": _vm.page.pageSize,\n      \"current-page\": _vm.page.currentPage,\n      layout: \"total, sizes, prev, pager, next, jumper\",\n      total: _vm.page.totalRecords,\n      background: _vm.paginationBackGround\n    },\n    on: {\n      \"size-change\": _vm.handleSizeChange,\n      \"current-change\": _vm.handleCurrentChange\n    }\n  })], 1) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"table-container\"\n  }, [_c(\"el-table\", {\n    ref: \"table\",\n    attrs: {\n      data: _vm.tableData,\n      height: _vm.height,\n      \"max-height\": _vm.maxHeight,\n      \"highlight-current-row\": _vm.highlightCurrentRow,\n      \"row-class-name\": _vm.tableRowClassName,\n      \"header-cell-style\": _vm.headerCellStyle,\n      \"row-key\": _vm.rowKey,\n      \"expand-row-keys\": _vm.expandRowKeys,\n      \"tree-props\": _vm.treeProps,\n      \"row-style\": _vm.selectedRowStyle,\n      \"default-expand-all\": _vm.defaultExpandAll,\n      border: _vm.border\n    },\n    on: {\n      \"current-change\": _vm.currentChange,\n      \"sort-change\": _vm.sortChange,\n      \"selection-change\": _vm.selectionChange,\n      select: _vm.select,\n      \"row-click\": _vm.rowClickHandel,\n      \"row-dblclick\": _vm.rowDblclickHandel\n    }\n  }, [_vm.selection ? _c(\"el-table-column\", {\n    attrs: {\n      type: \"selection\",\n      width: \"55\",\n      align: \"center\",\n      \"reserve-selection\": _vm.reserveSelection\n    }\n  }) : _vm._e(), _vm._l(_vm.column, function (col, index) {\n    return [!col[\"type\"] && (!col.headerList || col.headerList.length === 0) ? _c(\"el-table-column\", {\n      key: index,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed,\n        prop: col.bind\n      }\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2) : !col[\"type\"] && col.headerList && col.headerList.length > 0 ? _c(\"el-table-column\", {\n      key: index + \"header\",\n      attrs: {\n        label: col.label,\n        fixed: col.fixed,\n        \"min-width\": col.minWidth,\n        align: col.align\n      }\n    }, _vm._l(col.headerList, function (item, subIndex) {\n      return _c(\"el-table-column\", {\n        key: subIndex,\n        attrs: {\n          prop: item.bind,\n          label: item.label,\n          align: item.align,\n          \"show-overflow-tooltip\": item.showOverflowTooltip,\n          \"min-width\": item.minWidth,\n          \"max-width\": item.maxWidth,\n          width: item.width,\n          sortable: item.sortable\n        }\n      });\n    }), 1) : _c(\"el-table-column\", {\n      key: index + col.type,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed\n      },\n      scopedSlots: _vm._u([{\n        key: \"default\",\n        fn: function (scope) {\n          return [_c(col[\"type\"], _vm._g(_vm._b({\n            key: index,\n            tag: \"component\",\n            attrs: {\n              scope: scope,\n              tableData: col\n            },\n            model: {\n              value: scope.row[col.bind],\n              callback: function ($$v) {\n                _vm.$set(scope.row, col.bind, $$v);\n              },\n              expression: \"scope.row[col.bind]\"\n            }\n          }, \"component\", typeof col.componentProps === \"function\" ? col.componentProps(scope.row) : col.componentProps, false), typeof col.componentListeners === \"function\" ? col.componentListeners(scope.row) : col.componentListeners || {}))];\n        }\n      }], null, true)\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2)];\n  })], 2), _vm.page || _vm.showTotalText ? _c(\"div\", {\n    staticClass: \"pagination-layout\",\n    class: _vm.showTotalText ? \"total-text-layout\" : \"\"\n  }, [_vm.showTotalText ? _c(\"div\", {\n    staticClass: \"total-text\",\n    style: \"color: \" + _vm.totalTextColor\n  }, [_vm._v(\"当前选中 \" + _vm._s(_vm.multipleSelection.length) + \"条记录，支持跨页选择\")]) : _vm._e(), _c(\"el-pagination\", {\n    attrs: {\n      \"page-sizes\": [10, 20, 30, 50],\n      \"page-size\": _vm.page.pageSize,\n      \"current-page\": _vm.page.currentPage,\n      layout: \"total, sizes, prev, pager, next, jumper\",\n      total: _vm.page.totalRecords,\n      background: _vm.paginationBackGround\n    },\n    on: {\n      \"size-change\": _vm.handleSizeChange,\n      \"current-change\": _vm.handleCurrentChange\n    }\n  })], 1) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
 
 /***/ }),
 
@@ -2312,7 +2312,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".table-container[data-v-7ffe912f] {\\n  background-color: #fff;\\n  height: 100%;\\n}\\n.pagination-layout[data-v-7ffe912f] {\\n  text-align: right;\\n  padding: 0px 10px 5px 0;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination .el-select .el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination__editor.el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n[data-v-7ffe912f] .el-table td.el-table__cell {\\n  border-right: none;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-next,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-prev,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li {\\n  border: 1px solid #d7dae2;\\n  background-color: #fff;\\n  color: #606266;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li:not(.disabled).active {\\n  border: 1px solid #409eff;\\n  background-color: #409eff;\\n  color: #fff;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".table-container[data-v-7ffe912f] {\\n  background-color: #fff;\\n  height: 100%;\\n}\\n.pagination-layout[data-v-7ffe912f] {\\n  text-align: right;\\n  padding: 0px 10px 5px 0;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination .el-select .el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination__editor.el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n[data-v-7ffe912f] .el-table td.el-table__cell {\\n  border-right: none;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-next,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-prev,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li {\\n  border: 1px solid #d7dae2;\\n  background-color: #fff;\\n  color: #606266;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li:not(.disabled).active {\\n  border: 1px solid #409eff;\\n  background-color: #409eff;\\n  color: #fff;\\n}\\n.total-text-layout[data-v-7ffe912f] {\\n  display: flex;\\n  justify-content: space-between;\\n}\\n.total-text[data-v-7ffe912f] {\\n  font-size: 15px;\\n  color: #F56C6C;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2345,7 +2345,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n  display: flex;\\n  justify-content: space-around;\\n  align-items: center;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n  display: flex;\\n  align-items: center;\\n  -webkit-user-select: none;\\n     -moz-user-select: none;\\n          user-select: none;\\n  cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n  color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n  display: flex;\\n  align-items: center;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n  display: flex;\\n  align-items: center;\\n  -webkit-user-select: none;\\n     -moz-user-select: none;\\n          user-select: none;\\n  cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n  color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/lib/gyyg-components.umd.js

@@ -344,7 +344,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'MecTable',\n  components: {\n    styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    // 表格数据\n    tableData: {\n      reauried: true\n    },\n    // 表格列\n    columns: {\n      required: true\n    },\n    // 表格高度\n    height: {\n      required: false\n    },\n    // 表格最大高度\n    maxHeight: {\n      required: false\n    },\n    //  是否显示多选框\n    selection: {\n      required: false\n    },\n    // 是否保留多选框\n    reserveSelection: {\n      type: Boolean,\n      default: false\n    },\n    // 分页\n    page: {\n      // 分页\n      required: false\n    },\n    // 是否高亮当前行\n    highlightCurrentRow: {\n      required: false\n    },\n    // 表头样式\n    headerCellStyle: {\n      required: false,\n      default: () => {\n        return {\n          backgroundColor: \"#EFF3F8\"\n        };\n      }\n    },\n    // 行数据的key\n    rowKey: {\n      type: [String, Number],\n      default: 'id'\n    },\n    // 行className回调\n    tableRowClassName: {\n      type: [Function, String],\n      required: false\n    },\n    // 展开行的key\n    expandRowKeys: {\n      type: Array,\n      required: false\n    },\n    // 嵌套数据的配置选项\n    treeProps: {\n      type: Object,\n      default: () => {\n        return {};\n      }\n    },\n    // 是否默认展开所有行\n    defaultExpandAll: {\n      default: false\n    },\n    // 是否只选中当前行\n    toggleRow: {\n      default: false\n    },\n    border: {\n      type: Boolean,\n      default: true\n    },\n    paginationBackGround: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      multipleSelection: []\n    };\n  },\n  methods: {\n    // 列表选中当前行字体加粗\n    selectedRowStyle({\n      row\n    }) {\n      const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n      if (idArr.includes(row[this.rowKey])) {\n        return {\n          'font-weight': '700'\n        };\n      }\n    },\n    // pageSize 改变时会触发\n    handleSizeChange(val) {\n      this.$emit('page-size-change', val);\n    },\n    // // currentPage 改变时会触发\n    handleCurrentChange(val) {\n      this.$emit('page-change', val);\n    },\n    // 表格属性回调\n    currentChange(val) {\n      this.$emit('current-change', val);\n    },\n    // 排序规则发生变化时会触发\n    sortChange(column, prop, order) {\n      this.$emit('sort-change', column, prop, order);\n    },\n    // 手动勾选数据行的checkbox时触发的事件\n    select(column, row) {\n      let refs = this.$refs.table;\n      this.$emit('select', column, row, refs);\n    },\n    // 选择项发生变化时会触发\n    selectionChange(column) {\n      this.multipleSelection = column;\n      this.$emit('selection-change', column);\n    },\n    // 行点击触发的事件\n    rowClickHandel(column) {\n      if (this.toggleRow) {\n        this.$refs.table.clearSelection();\n        this.$refs.table.toggleRowSelection(column);\n      }\n      this.$emit('row-click', column);\n    },\n    // 行双击事件\n    rowDblclickHandel(column) {\n      this.$emit('row-dblclick', column);\n    }\n  },\n  watch: {\n    columns: {\n      handler: function (val) {\n        this.column = val;\n      },\n      immediate: true,\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'MecTable',\n  components: {\n    styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    // 表格数据\n    tableData: {\n      reauried: true\n    },\n    // 表格列\n    columns: {\n      required: true\n    },\n    // 表格高度\n    height: {\n      required: false\n    },\n    // 表格最大高度\n    maxHeight: {\n      required: false\n    },\n    //  是否显示多选框\n    selection: {\n      required: false\n    },\n    // 是否保留多选框\n    reserveSelection: {\n      type: Boolean,\n      default: false\n    },\n    // 分页\n    page: {\n      // 分页\n      required: false\n    },\n    // 是否高亮当前行\n    highlightCurrentRow: {\n      required: false\n    },\n    // 表头样式\n    headerCellStyle: {\n      required: false,\n      default: () => {\n        return {\n          backgroundColor: \"#EFF3F8\"\n        };\n      }\n    },\n    // 行数据的key\n    rowKey: {\n      type: [String, Number],\n      default: 'id'\n    },\n    // 行className回调\n    tableRowClassName: {\n      type: [Function, String],\n      required: false\n    },\n    // 展开行的key\n    expandRowKeys: {\n      type: Array,\n      required: false\n    },\n    // 嵌套数据的配置选项\n    treeProps: {\n      type: Object,\n      default: () => {\n        return {};\n      }\n    },\n    // 是否默认展开所有行\n    defaultExpandAll: {\n      default: false\n    },\n    // 是否只选中当前行\n    toggleRow: {\n      default: false\n    },\n    border: {\n      type: Boolean,\n      default: true\n    },\n    paginationBackGround: {\n      type: Boolean,\n      default: true\n    },\n    showTotalText: {\n      type: Boolean,\n      default: false\n    },\n    totalTextColor: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    return {\n      multipleSelection: []\n    };\n  },\n  methods: {\n    // 列表选中当前行字体加粗\n    selectedRowStyle({\n      row\n    }) {\n      const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n      if (idArr.includes(row[this.rowKey])) {\n        return {\n          'font-weight': '700'\n        };\n      }\n    },\n    // pageSize 改变时会触发\n    handleSizeChange(val) {\n      this.$emit('page-size-change', val);\n    },\n    // // currentPage 改变时会触发\n    handleCurrentChange(val) {\n      this.$emit('page-change', val);\n    },\n    // 表格属性回调\n    currentChange(val) {\n      this.$emit('current-change', val);\n    },\n    // 排序规则发生变化时会触发\n    sortChange(column, prop, order) {\n      this.$emit('sort-change', column, prop, order);\n    },\n    // 手动勾选数据行的checkbox时触发的事件\n    select(column, row) {\n      let refs = this.$refs.table;\n      this.$emit('select', column, row, refs);\n    },\n    // 选择项发生变化时会触发\n    selectionChange(column) {\n      this.multipleSelection = column;\n      this.$emit('selection-change', column);\n    },\n    // 行点击触发的事件\n    rowClickHandel(column) {\n      if (this.toggleRow) {\n        this.$refs.table.clearSelection();\n        this.$refs.table.toggleRowSelection(column);\n      }\n      this.$emit('row-click', column);\n    },\n    // 行双击事件\n    rowDblclickHandel(column) {\n      this.$emit('row-dblclick', column);\n    }\n  },\n  watch: {\n    columns: {\n      handler: function (val) {\n        this.column = val;\n      },\n      immediate: true,\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./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");
 
 /***/ }),
 
@@ -560,7 +560,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    directives: [{\n      name: \"has-permi\",\n      rawName: \"v-has-permi\",\n      value: _vm.btnInfo.hasPermi ? [_vm.btnInfo.hasPermi] : undefined,\n      expression: \"btnInfo.hasPermi ? [btnInfo.hasPermi] : undefined\"\n    }],\n    staticClass: \"popover-button\"\n  }, [_c(\"el-dropdown\", {\n    attrs: {\n      size: _vm.btnInfo.size || \"small\",\n      \"split-button\": \"\",\n      type: _vm.btnInfo.type,\n      disabled: _vm.btnInfo.disabled,\n      trigger: \"click\",\n      placement: \"bottom-end\"\n    },\n    on: {\n      click: _vm.clickEvent,\n      command: _vm.changeItem\n    }\n  }, [_vm._v(\" \" + _vm._s(_vm.btnInfo.text) + \" \"), _c(\"el-dropdown-menu\", {\n    staticClass: \"right-arrow\",\n    attrs: {\n      slot: \"dropdown\"\n    },\n    slot: \"dropdown\"\n  }, _vm._l(_vm.btnInfo.options, function (item) {\n    return _c(\"el-dropdown-item\", {\n      directives: [{\n        name: \"has-permi\",\n        rawName: \"v-has-permi\",\n        value: item.hasPermi ? [item.hasPermi] : undefined,\n        expression: \"item.hasPermi ? [item.hasPermi] : undefined\"\n      }],\n      key: item.id,\n      attrs: {\n        icon: item.icon || \"\",\n        command: item\n      }\n    }, [_vm._v(_vm._s(item.label))]);\n  }), 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecPopoverButton/MecPopoverButton.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    directives: [{\n      name: \"has-permi\",\n      rawName: \"v-has-permi\",\n      value: _vm.btnInfo.hasPermi ? [_vm.btnInfo.hasPermi] : undefined,\n      expression: \"btnInfo.hasPermi ? [btnInfo.hasPermi] : undefined\"\n    }],\n    staticClass: \"popover-button\"\n  }, [_c(\"el-dropdown\", {\n    attrs: {\n      size: _vm.btnInfo.size || \"small\",\n      \"split-button\": _vm.btnInfo.splitButton,\n      type: _vm.btnInfo.type,\n      disabled: _vm.btnInfo.disabled,\n      trigger: \"click\",\n      placement: \"bottom-end\"\n    },\n    on: {\n      click: _vm.clickEvent,\n      command: _vm.changeItem\n    }\n  }, [_vm.btnInfo.splitButton ? _c(\"span\", [_c(\"i\", {\n    class: _vm.btnInfo.icon,\n    staticStyle: {\n      \"margin-right\": \"5px\"\n    }\n  }), _vm._v(_vm._s(_vm.btnInfo.text))]) : _c(\"el-button\", {\n    attrs: {\n      type: _vm.btnInfo.type\n    }\n  }, [_c(\"i\", {\n    class: _vm.btnInfo.icon\n  }), _c(\"span\", [_vm._v(_vm._s(_vm.btnInfo.text))]), _c(\"i\", {\n    staticClass: \"el-icon-arrow-down el-icon--right\"\n  })]), _c(\"el-dropdown-menu\", {\n    staticClass: \"right-arrow\",\n    attrs: {\n      slot: \"dropdown\"\n    },\n    slot: \"dropdown\"\n  }, _vm._l(_vm.btnInfo.options, function (item) {\n    return _c(\"el-dropdown-item\", {\n      directives: [{\n        name: \"has-permi\",\n        rawName: \"v-has-permi\",\n        value: item.hasPermi ? [item.hasPermi] : undefined,\n        expression: \"item.hasPermi ? [item.hasPermi] : undefined\"\n      }],\n      key: item.id,\n      attrs: {\n        icon: item.icon || \"\",\n        command: item,\n        disabled: item.disabled\n      }\n    }, [_vm._v(_vm._s(item.label))]);\n  }), 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecPopoverButton/MecPopoverButton.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
 
 /***/ }),
 
@@ -608,7 +608,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"table-container\"\n  }, [_c(\"el-table\", {\n    ref: \"table\",\n    attrs: {\n      data: _vm.tableData,\n      height: _vm.height,\n      \"max-height\": _vm.maxHeight,\n      \"highlight-current-row\": _vm.highlightCurrentRow,\n      \"row-class-name\": _vm.tableRowClassName,\n      \"header-cell-style\": _vm.headerCellStyle,\n      \"row-key\": _vm.rowKey,\n      \"expand-row-keys\": _vm.expandRowKeys,\n      \"tree-props\": _vm.treeProps,\n      \"row-style\": _vm.selectedRowStyle,\n      \"default-expand-all\": _vm.defaultExpandAll,\n      border: _vm.border\n    },\n    on: {\n      \"current-change\": _vm.currentChange,\n      \"sort-change\": _vm.sortChange,\n      \"selection-change\": _vm.selectionChange,\n      select: _vm.select,\n      \"row-click\": _vm.rowClickHandel,\n      \"row-dblclick\": _vm.rowDblclickHandel\n    }\n  }, [_vm.selection ? _c(\"el-table-column\", {\n    attrs: {\n      type: \"selection\",\n      width: \"55\",\n      align: \"center\",\n      \"reserve-selection\": _vm.reserveSelection\n    }\n  }) : _vm._e(), _vm._l(_vm.column, function (col, index) {\n    return [!col[\"type\"] && (!col.headerList || col.headerList.length === 0) ? _c(\"el-table-column\", {\n      key: index,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed,\n        prop: col.bind\n      }\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2) : !col[\"type\"] && col.headerList && col.headerList.length > 0 ? _c(\"el-table-column\", {\n      key: index + \"header\",\n      attrs: {\n        label: col.label,\n        fixed: col.fixed,\n        \"min-width\": col.minWidth,\n        align: col.align\n      }\n    }, _vm._l(col.headerList, function (item, subIndex) {\n      return _c(\"el-table-column\", {\n        key: subIndex,\n        attrs: {\n          prop: item.bind,\n          label: item.label,\n          align: item.align,\n          \"show-overflow-tooltip\": item.showOverflowTooltip,\n          \"min-width\": item.minWidth,\n          \"max-width\": item.maxWidth,\n          width: item.width,\n          sortable: item.sortable\n        }\n      });\n    }), 1) : _c(\"el-table-column\", {\n      key: index + col.type,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed\n      },\n      scopedSlots: _vm._u([{\n        key: \"default\",\n        fn: function (scope) {\n          return [_c(col[\"type\"], _vm._g(_vm._b({\n            key: index,\n            tag: \"component\",\n            attrs: {\n              scope: scope,\n              tableData: col\n            },\n            model: {\n              value: scope.row[col.bind],\n              callback: function ($$v) {\n                _vm.$set(scope.row, col.bind, $$v);\n              },\n              expression: \"scope.row[col.bind]\"\n            }\n          }, \"component\", typeof col.componentProps === \"function\" ? col.componentProps(scope.row) : col.componentProps, false), typeof col.componentListeners === \"function\" ? col.componentListeners(scope.row) : col.componentListeners || {}))];\n        }\n      }], null, true)\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2)];\n  })], 2), _vm.page ? _c(\"div\", {\n    staticClass: \"pagination-layout\"\n  }, [_c(\"el-pagination\", {\n    attrs: {\n      \"page-sizes\": [10, 20, 30, 50],\n      \"page-size\": _vm.page.pageSize,\n      \"current-page\": _vm.page.currentPage,\n      layout: \"total, sizes, prev, pager, next, jumper\",\n      total: _vm.page.totalRecords,\n      background: _vm.paginationBackGround\n    },\n    on: {\n      \"size-change\": _vm.handleSizeChange,\n      \"current-change\": _vm.handleCurrentChange\n    }\n  })], 1) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"table-container\"\n  }, [_c(\"el-table\", {\n    ref: \"table\",\n    attrs: {\n      data: _vm.tableData,\n      height: _vm.height,\n      \"max-height\": _vm.maxHeight,\n      \"highlight-current-row\": _vm.highlightCurrentRow,\n      \"row-class-name\": _vm.tableRowClassName,\n      \"header-cell-style\": _vm.headerCellStyle,\n      \"row-key\": _vm.rowKey,\n      \"expand-row-keys\": _vm.expandRowKeys,\n      \"tree-props\": _vm.treeProps,\n      \"row-style\": _vm.selectedRowStyle,\n      \"default-expand-all\": _vm.defaultExpandAll,\n      border: _vm.border\n    },\n    on: {\n      \"current-change\": _vm.currentChange,\n      \"sort-change\": _vm.sortChange,\n      \"selection-change\": _vm.selectionChange,\n      select: _vm.select,\n      \"row-click\": _vm.rowClickHandel,\n      \"row-dblclick\": _vm.rowDblclickHandel\n    }\n  }, [_vm.selection ? _c(\"el-table-column\", {\n    attrs: {\n      type: \"selection\",\n      width: \"55\",\n      align: \"center\",\n      \"reserve-selection\": _vm.reserveSelection\n    }\n  }) : _vm._e(), _vm._l(_vm.column, function (col, index) {\n    return [!col[\"type\"] && (!col.headerList || col.headerList.length === 0) ? _c(\"el-table-column\", {\n      key: index,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed,\n        prop: col.bind\n      }\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2) : !col[\"type\"] && col.headerList && col.headerList.length > 0 ? _c(\"el-table-column\", {\n      key: index + \"header\",\n      attrs: {\n        label: col.label,\n        fixed: col.fixed,\n        \"min-width\": col.minWidth,\n        align: col.align\n      }\n    }, _vm._l(col.headerList, function (item, subIndex) {\n      return _c(\"el-table-column\", {\n        key: subIndex,\n        attrs: {\n          prop: item.bind,\n          label: item.label,\n          align: item.align,\n          \"show-overflow-tooltip\": item.showOverflowTooltip,\n          \"min-width\": item.minWidth,\n          \"max-width\": item.maxWidth,\n          width: item.width,\n          sortable: item.sortable\n        }\n      });\n    }), 1) : _c(\"el-table-column\", {\n      key: index + col.type,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed\n      },\n      scopedSlots: _vm._u([{\n        key: \"default\",\n        fn: function (scope) {\n          return [_c(col[\"type\"], _vm._g(_vm._b({\n            key: index,\n            tag: \"component\",\n            attrs: {\n              scope: scope,\n              tableData: col\n            },\n            model: {\n              value: scope.row[col.bind],\n              callback: function ($$v) {\n                _vm.$set(scope.row, col.bind, $$v);\n              },\n              expression: \"scope.row[col.bind]\"\n            }\n          }, \"component\", typeof col.componentProps === \"function\" ? col.componentProps(scope.row) : col.componentProps, false), typeof col.componentListeners === \"function\" ? col.componentListeners(scope.row) : col.componentListeners || {}))];\n        }\n      }], null, true)\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2)];\n  })], 2), _vm.page || _vm.showTotalText ? _c(\"div\", {\n    staticClass: \"pagination-layout\",\n    class: _vm.showTotalText ? \"total-text-layout\" : \"\"\n  }, [_vm.showTotalText ? _c(\"div\", {\n    staticClass: \"total-text\",\n    style: \"color: \" + _vm.totalTextColor\n  }, [_vm._v(\"当前选中 \" + _vm._s(_vm.multipleSelection.length) + \"条记录，支持跨页选择\")]) : _vm._e(), _c(\"el-pagination\", {\n    attrs: {\n      \"page-sizes\": [10, 20, 30, 50],\n      \"page-size\": _vm.page.pageSize,\n      \"current-page\": _vm.page.currentPage,\n      layout: \"total, sizes, prev, pager, next, jumper\",\n      total: _vm.page.totalRecords,\n      background: _vm.paginationBackGround\n    },\n    on: {\n      \"size-change\": _vm.handleSizeChange,\n      \"current-change\": _vm.handleCurrentChange\n    }\n  })], 1) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
 
 /***/ }),
 
@@ -2321,7 +2321,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".table-container[data-v-7ffe912f] {\\n  background-color: #fff;\\n  height: 100%;\\n}\\n.pagination-layout[data-v-7ffe912f] {\\n  text-align: right;\\n  padding: 0px 10px 5px 0;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination .el-select .el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination__editor.el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n[data-v-7ffe912f] .el-table td.el-table__cell {\\n  border-right: none;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-next,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-prev,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li {\\n  border: 1px solid #d7dae2;\\n  background-color: #fff;\\n  color: #606266;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li:not(.disabled).active {\\n  border: 1px solid #409eff;\\n  background-color: #409eff;\\n  color: #fff;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".table-container[data-v-7ffe912f] {\\n  background-color: #fff;\\n  height: 100%;\\n}\\n.pagination-layout[data-v-7ffe912f] {\\n  text-align: right;\\n  padding: 0px 10px 5px 0;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination .el-select .el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination__editor.el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n[data-v-7ffe912f] .el-table td.el-table__cell {\\n  border-right: none;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-next,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-prev,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li {\\n  border: 1px solid #d7dae2;\\n  background-color: #fff;\\n  color: #606266;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li:not(.disabled).active {\\n  border: 1px solid #409eff;\\n  background-color: #409eff;\\n  color: #fff;\\n}\\n.total-text-layout[data-v-7ffe912f] {\\n  display: flex;\\n  justify-content: space-between;\\n}\\n.total-text[data-v-7ffe912f] {\\n  font-size: 15px;\\n  color: #F56C6C;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2354,7 +2354,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n  display: flex;\\n  justify-content: space-around;\\n  align-items: center;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n  display: flex;\\n  align-items: center;\\n  -webkit-user-select: none;\\n     -moz-user-select: none;\\n          user-select: none;\\n  cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n  color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n  display: flex;\\n  align-items: center;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n  display: flex;\\n  align-items: center;\\n  -webkit-user-select: none;\\n     -moz-user-select: none;\\n          user-select: none;\\n  cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n  color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/lib/gyyg-components.umd.min.js

@@ -344,7 +344,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'MecTable',\n  components: {\n    styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    // 表格数据\n    tableData: {\n      reauried: true\n    },\n    // 表格列\n    columns: {\n      required: true\n    },\n    // 表格高度\n    height: {\n      required: false\n    },\n    // 表格最大高度\n    maxHeight: {\n      required: false\n    },\n    //  是否显示多选框\n    selection: {\n      required: false\n    },\n    // 是否保留多选框\n    reserveSelection: {\n      type: Boolean,\n      default: false\n    },\n    // 分页\n    page: {\n      // 分页\n      required: false\n    },\n    // 是否高亮当前行\n    highlightCurrentRow: {\n      required: false\n    },\n    // 表头样式\n    headerCellStyle: {\n      required: false,\n      default: () => {\n        return {\n          backgroundColor: \"#EFF3F8\"\n        };\n      }\n    },\n    // 行数据的key\n    rowKey: {\n      type: [String, Number],\n      default: 'id'\n    },\n    // 行className回调\n    tableRowClassName: {\n      type: [Function, String],\n      required: false\n    },\n    // 展开行的key\n    expandRowKeys: {\n      type: Array,\n      required: false\n    },\n    // 嵌套数据的配置选项\n    treeProps: {\n      type: Object,\n      default: () => {\n        return {};\n      }\n    },\n    // 是否默认展开所有行\n    defaultExpandAll: {\n      default: false\n    },\n    // 是否只选中当前行\n    toggleRow: {\n      default: false\n    },\n    border: {\n      type: Boolean,\n      default: true\n    },\n    paginationBackGround: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      multipleSelection: []\n    };\n  },\n  methods: {\n    // 列表选中当前行字体加粗\n    selectedRowStyle({\n      row\n    }) {\n      const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n      if (idArr.includes(row[this.rowKey])) {\n        return {\n          'font-weight': '700'\n        };\n      }\n    },\n    // pageSize 改变时会触发\n    handleSizeChange(val) {\n      this.$emit('page-size-change', val);\n    },\n    // // currentPage 改变时会触发\n    handleCurrentChange(val) {\n      this.$emit('page-change', val);\n    },\n    // 表格属性回调\n    currentChange(val) {\n      this.$emit('current-change', val);\n    },\n    // 排序规则发生变化时会触发\n    sortChange(column, prop, order) {\n      this.$emit('sort-change', column, prop, order);\n    },\n    // 手动勾选数据行的checkbox时触发的事件\n    select(column, row) {\n      let refs = this.$refs.table;\n      this.$emit('select', column, row, refs);\n    },\n    // 选择项发生变化时会触发\n    selectionChange(column) {\n      this.multipleSelection = column;\n      this.$emit('selection-change', column);\n    },\n    // 行点击触发的事件\n    rowClickHandel(column) {\n      if (this.toggleRow) {\n        this.$refs.table.clearSelection();\n        this.$refs.table.toggleRowSelection(column);\n      }\n      this.$emit('row-click', column);\n    },\n    // 行双击事件\n    rowDblclickHandel(column) {\n      this.$emit('row-dblclick', column);\n    }\n  },\n  watch: {\n    columns: {\n      handler: function (val) {\n        this.column = val;\n      },\n      immediate: true,\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/otherComponents/styleText.vue */ \"./src/otherComponents/styleText.vue\");\n/* harmony import */ var _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/otherComponents/btnClick.vue */ \"./src/otherComponents/btnClick.vue\");\n/* harmony import */ var _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/otherComponents/iconButton.vue */ \"./src/otherComponents/iconButton.vue\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'MecTable',\n  components: {\n    styleText: _otherComponents_styleText_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    btnClick: _otherComponents_btnClick_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    iconButton: _otherComponents_iconButton_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    // 表格数据\n    tableData: {\n      reauried: true\n    },\n    // 表格列\n    columns: {\n      required: true\n    },\n    // 表格高度\n    height: {\n      required: false\n    },\n    // 表格最大高度\n    maxHeight: {\n      required: false\n    },\n    //  是否显示多选框\n    selection: {\n      required: false\n    },\n    // 是否保留多选框\n    reserveSelection: {\n      type: Boolean,\n      default: false\n    },\n    // 分页\n    page: {\n      // 分页\n      required: false\n    },\n    // 是否高亮当前行\n    highlightCurrentRow: {\n      required: false\n    },\n    // 表头样式\n    headerCellStyle: {\n      required: false,\n      default: () => {\n        return {\n          backgroundColor: \"#EFF3F8\"\n        };\n      }\n    },\n    // 行数据的key\n    rowKey: {\n      type: [String, Number],\n      default: 'id'\n    },\n    // 行className回调\n    tableRowClassName: {\n      type: [Function, String],\n      required: false\n    },\n    // 展开行的key\n    expandRowKeys: {\n      type: Array,\n      required: false\n    },\n    // 嵌套数据的配置选项\n    treeProps: {\n      type: Object,\n      default: () => {\n        return {};\n      }\n    },\n    // 是否默认展开所有行\n    defaultExpandAll: {\n      default: false\n    },\n    // 是否只选中当前行\n    toggleRow: {\n      default: false\n    },\n    border: {\n      type: Boolean,\n      default: true\n    },\n    paginationBackGround: {\n      type: Boolean,\n      default: true\n    },\n    showTotalText: {\n      type: Boolean,\n      default: false\n    },\n    totalTextColor: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    return {\n      multipleSelection: []\n    };\n  },\n  methods: {\n    // 列表选中当前行字体加粗\n    selectedRowStyle({\n      row\n    }) {\n      const idArr = this.multipleSelection.map(row => row[this.rowKey]);\n      if (idArr.includes(row[this.rowKey])) {\n        return {\n          'font-weight': '700'\n        };\n      }\n    },\n    // pageSize 改变时会触发\n    handleSizeChange(val) {\n      this.$emit('page-size-change', val);\n    },\n    // // currentPage 改变时会触发\n    handleCurrentChange(val) {\n      this.$emit('page-change', val);\n    },\n    // 表格属性回调\n    currentChange(val) {\n      this.$emit('current-change', val);\n    },\n    // 排序规则发生变化时会触发\n    sortChange(column, prop, order) {\n      this.$emit('sort-change', column, prop, order);\n    },\n    // 手动勾选数据行的checkbox时触发的事件\n    select(column, row) {\n      let refs = this.$refs.table;\n      this.$emit('select', column, row, refs);\n    },\n    // 选择项发生变化时会触发\n    selectionChange(column) {\n      this.multipleSelection = column;\n      this.$emit('selection-change', column);\n    },\n    // 行点击触发的事件\n    rowClickHandel(column) {\n      if (this.toggleRow) {\n        this.$refs.table.clearSelection();\n        this.$refs.table.toggleRowSelection(column);\n      }\n      this.$emit('row-click', column);\n    },\n    // 行双击事件\n    rowDblclickHandel(column) {\n      this.$emit('row-dblclick', column);\n    }\n  },\n  watch: {\n    columns: {\n      handler: function (val) {\n        this.column = val;\n      },\n      immediate: true,\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./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");
 
 /***/ }),
 
@@ -560,7 +560,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    directives: [{\n      name: \"has-permi\",\n      rawName: \"v-has-permi\",\n      value: _vm.btnInfo.hasPermi ? [_vm.btnInfo.hasPermi] : undefined,\n      expression: \"btnInfo.hasPermi ? [btnInfo.hasPermi] : undefined\"\n    }],\n    staticClass: \"popover-button\"\n  }, [_c(\"el-dropdown\", {\n    attrs: {\n      size: _vm.btnInfo.size || \"small\",\n      \"split-button\": \"\",\n      type: _vm.btnInfo.type,\n      disabled: _vm.btnInfo.disabled,\n      trigger: \"click\",\n      placement: \"bottom-end\"\n    },\n    on: {\n      click: _vm.clickEvent,\n      command: _vm.changeItem\n    }\n  }, [_vm._v(\" \" + _vm._s(_vm.btnInfo.text) + \" \"), _c(\"el-dropdown-menu\", {\n    staticClass: \"right-arrow\",\n    attrs: {\n      slot: \"dropdown\"\n    },\n    slot: \"dropdown\"\n  }, _vm._l(_vm.btnInfo.options, function (item) {\n    return _c(\"el-dropdown-item\", {\n      directives: [{\n        name: \"has-permi\",\n        rawName: \"v-has-permi\",\n        value: item.hasPermi ? [item.hasPermi] : undefined,\n        expression: \"item.hasPermi ? [item.hasPermi] : undefined\"\n      }],\n      key: item.id,\n      attrs: {\n        icon: item.icon || \"\",\n        command: item\n      }\n    }, [_vm._v(_vm._s(item.label))]);\n  }), 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecPopoverButton/MecPopoverButton.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    directives: [{\n      name: \"has-permi\",\n      rawName: \"v-has-permi\",\n      value: _vm.btnInfo.hasPermi ? [_vm.btnInfo.hasPermi] : undefined,\n      expression: \"btnInfo.hasPermi ? [btnInfo.hasPermi] : undefined\"\n    }],\n    staticClass: \"popover-button\"\n  }, [_c(\"el-dropdown\", {\n    attrs: {\n      size: _vm.btnInfo.size || \"small\",\n      \"split-button\": _vm.btnInfo.splitButton,\n      type: _vm.btnInfo.type,\n      disabled: _vm.btnInfo.disabled,\n      trigger: \"click\",\n      placement: \"bottom-end\"\n    },\n    on: {\n      click: _vm.clickEvent,\n      command: _vm.changeItem\n    }\n  }, [_vm.btnInfo.splitButton ? _c(\"span\", [_c(\"i\", {\n    class: _vm.btnInfo.icon,\n    staticStyle: {\n      \"margin-right\": \"5px\"\n    }\n  }), _vm._v(_vm._s(_vm.btnInfo.text))]) : _c(\"el-button\", {\n    attrs: {\n      type: _vm.btnInfo.type\n    }\n  }, [_c(\"i\", {\n    class: _vm.btnInfo.icon\n  }), _c(\"span\", [_vm._v(_vm._s(_vm.btnInfo.text))]), _c(\"i\", {\n    staticClass: \"el-icon-arrow-down el-icon--right\"\n  })]), _c(\"el-dropdown-menu\", {\n    staticClass: \"right-arrow\",\n    attrs: {\n      slot: \"dropdown\"\n    },\n    slot: \"dropdown\"\n  }, _vm._l(_vm.btnInfo.options, function (item) {\n    return _c(\"el-dropdown-item\", {\n      directives: [{\n        name: \"has-permi\",\n        rawName: \"v-has-permi\",\n        value: item.hasPermi ? [item.hasPermi] : undefined,\n        expression: \"item.hasPermi ? [item.hasPermi] : undefined\"\n      }],\n      key: item.id,\n      attrs: {\n        icon: item.icon || \"\",\n        command: item,\n        disabled: item.disabled\n      }\n    }, [_vm._v(_vm._s(item.label))]);\n  }), 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecPopoverButton/MecPopoverButton.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
 
 /***/ }),
 
@@ -608,7 +608,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"table-container\"\n  }, [_c(\"el-table\", {\n    ref: \"table\",\n    attrs: {\n      data: _vm.tableData,\n      height: _vm.height,\n      \"max-height\": _vm.maxHeight,\n      \"highlight-current-row\": _vm.highlightCurrentRow,\n      \"row-class-name\": _vm.tableRowClassName,\n      \"header-cell-style\": _vm.headerCellStyle,\n      \"row-key\": _vm.rowKey,\n      \"expand-row-keys\": _vm.expandRowKeys,\n      \"tree-props\": _vm.treeProps,\n      \"row-style\": _vm.selectedRowStyle,\n      \"default-expand-all\": _vm.defaultExpandAll,\n      border: _vm.border\n    },\n    on: {\n      \"current-change\": _vm.currentChange,\n      \"sort-change\": _vm.sortChange,\n      \"selection-change\": _vm.selectionChange,\n      select: _vm.select,\n      \"row-click\": _vm.rowClickHandel,\n      \"row-dblclick\": _vm.rowDblclickHandel\n    }\n  }, [_vm.selection ? _c(\"el-table-column\", {\n    attrs: {\n      type: \"selection\",\n      width: \"55\",\n      align: \"center\",\n      \"reserve-selection\": _vm.reserveSelection\n    }\n  }) : _vm._e(), _vm._l(_vm.column, function (col, index) {\n    return [!col[\"type\"] && (!col.headerList || col.headerList.length === 0) ? _c(\"el-table-column\", {\n      key: index,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed,\n        prop: col.bind\n      }\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2) : !col[\"type\"] && col.headerList && col.headerList.length > 0 ? _c(\"el-table-column\", {\n      key: index + \"header\",\n      attrs: {\n        label: col.label,\n        fixed: col.fixed,\n        \"min-width\": col.minWidth,\n        align: col.align\n      }\n    }, _vm._l(col.headerList, function (item, subIndex) {\n      return _c(\"el-table-column\", {\n        key: subIndex,\n        attrs: {\n          prop: item.bind,\n          label: item.label,\n          align: item.align,\n          \"show-overflow-tooltip\": item.showOverflowTooltip,\n          \"min-width\": item.minWidth,\n          \"max-width\": item.maxWidth,\n          width: item.width,\n          sortable: item.sortable\n        }\n      });\n    }), 1) : _c(\"el-table-column\", {\n      key: index + col.type,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed\n      },\n      scopedSlots: _vm._u([{\n        key: \"default\",\n        fn: function (scope) {\n          return [_c(col[\"type\"], _vm._g(_vm._b({\n            key: index,\n            tag: \"component\",\n            attrs: {\n              scope: scope,\n              tableData: col\n            },\n            model: {\n              value: scope.row[col.bind],\n              callback: function ($$v) {\n                _vm.$set(scope.row, col.bind, $$v);\n              },\n              expression: \"scope.row[col.bind]\"\n            }\n          }, \"component\", typeof col.componentProps === \"function\" ? col.componentProps(scope.row) : col.componentProps, false), typeof col.componentListeners === \"function\" ? col.componentListeners(scope.row) : col.componentListeners || {}))];\n        }\n      }], null, true)\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2)];\n  })], 2), _vm.page ? _c(\"div\", {\n    staticClass: \"pagination-layout\"\n  }, [_c(\"el-pagination\", {\n    attrs: {\n      \"page-sizes\": [10, 20, 30, 50],\n      \"page-size\": _vm.page.pageSize,\n      \"current-page\": _vm.page.currentPage,\n      layout: \"total, sizes, prev, pager, next, jumper\",\n      total: _vm.page.totalRecords,\n      background: _vm.paginationBackGround\n    },\n    on: {\n      \"size-change\": _vm.handleSizeChange,\n      \"current-change\": _vm.handleCurrentChange\n    }\n  })], 1) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"table-container\"\n  }, [_c(\"el-table\", {\n    ref: \"table\",\n    attrs: {\n      data: _vm.tableData,\n      height: _vm.height,\n      \"max-height\": _vm.maxHeight,\n      \"highlight-current-row\": _vm.highlightCurrentRow,\n      \"row-class-name\": _vm.tableRowClassName,\n      \"header-cell-style\": _vm.headerCellStyle,\n      \"row-key\": _vm.rowKey,\n      \"expand-row-keys\": _vm.expandRowKeys,\n      \"tree-props\": _vm.treeProps,\n      \"row-style\": _vm.selectedRowStyle,\n      \"default-expand-all\": _vm.defaultExpandAll,\n      border: _vm.border\n    },\n    on: {\n      \"current-change\": _vm.currentChange,\n      \"sort-change\": _vm.sortChange,\n      \"selection-change\": _vm.selectionChange,\n      select: _vm.select,\n      \"row-click\": _vm.rowClickHandel,\n      \"row-dblclick\": _vm.rowDblclickHandel\n    }\n  }, [_vm.selection ? _c(\"el-table-column\", {\n    attrs: {\n      type: \"selection\",\n      width: \"55\",\n      align: \"center\",\n      \"reserve-selection\": _vm.reserveSelection\n    }\n  }) : _vm._e(), _vm._l(_vm.column, function (col, index) {\n    return [!col[\"type\"] && (!col.headerList || col.headerList.length === 0) ? _c(\"el-table-column\", {\n      key: index,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed,\n        prop: col.bind\n      }\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2) : !col[\"type\"] && col.headerList && col.headerList.length > 0 ? _c(\"el-table-column\", {\n      key: index + \"header\",\n      attrs: {\n        label: col.label,\n        fixed: col.fixed,\n        \"min-width\": col.minWidth,\n        align: col.align\n      }\n    }, _vm._l(col.headerList, function (item, subIndex) {\n      return _c(\"el-table-column\", {\n        key: subIndex,\n        attrs: {\n          prop: item.bind,\n          label: item.label,\n          align: item.align,\n          \"show-overflow-tooltip\": item.showOverflowTooltip,\n          \"min-width\": item.minWidth,\n          \"max-width\": item.maxWidth,\n          width: item.width,\n          sortable: item.sortable\n        }\n      });\n    }), 1) : _c(\"el-table-column\", {\n      key: index + col.type,\n      attrs: {\n        label: col.label,\n        align: col.align,\n        \"min-width\": col.minWidth,\n        \"max-width\": col.maxWidth,\n        width: col.width,\n        sortable: col.sortable,\n        \"show-overflow-tooltip\": col.showOverflowTooltip,\n        fixed: col.fixed\n      },\n      scopedSlots: _vm._u([{\n        key: \"default\",\n        fn: function (scope) {\n          return [_c(col[\"type\"], _vm._g(_vm._b({\n            key: index,\n            tag: \"component\",\n            attrs: {\n              scope: scope,\n              tableData: col\n            },\n            model: {\n              value: scope.row[col.bind],\n              callback: function ($$v) {\n                _vm.$set(scope.row, col.bind, $$v);\n              },\n              expression: \"scope.row[col.bind]\"\n            }\n          }, \"component\", typeof col.componentProps === \"function\" ? col.componentProps(scope.row) : col.componentProps, false), typeof col.componentListeners === \"function\" ? col.componentListeners(scope.row) : col.componentListeners || {}))];\n        }\n      }], null, true)\n    }, [col.header == \"custom\" ? _c(\"template\", {\n      slot: \"header\"\n    }, [_c(\"span\", [_vm._v(_vm._s(col.label) + \" \"), _c(\"el-tooltip\", {\n      staticClass: \"item\",\n      attrs: {\n        effect: \"dark\",\n        content: col.message,\n        placement: \"top\"\n      }\n    }, [_c(\"i\", {\n      class: col.headerIcon || \"el-icon-question\"\n    })])], 1)]) : _vm._e()], 2)];\n  })], 2), _vm.page || _vm.showTotalText ? _c(\"div\", {\n    staticClass: \"pagination-layout\",\n    class: _vm.showTotalText ? \"total-text-layout\" : \"\"\n  }, [_vm.showTotalText ? _c(\"div\", {\n    staticClass: \"total-text\",\n    style: \"color: \" + _vm.totalTextColor\n  }, [_vm._v(\"当前选中 \" + _vm._s(_vm.multipleSelection.length) + \"条记录，支持跨页选择\")]) : _vm._e(), _c(\"el-pagination\", {\n    attrs: {\n      \"page-sizes\": [10, 20, 30, 50],\n      \"page-size\": _vm.page.pageSize,\n      \"current-page\": _vm.page.currentPage,\n      layout: \"total, sizes, prev, pager, next, jumper\",\n      total: _vm.page.totalRecords,\n      background: _vm.paginationBackGround\n    },\n    on: {\n      \"size-change\": _vm.handleSizeChange,\n      \"current-change\": _vm.handleCurrentChange\n    }\n  })], 1) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2279107ecc-vue-loader-template%22%7D!./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");
 
 /***/ }),
 
@@ -2321,7 +2321,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".table-container[data-v-7ffe912f] {\\n  background-color: #fff;\\n  height: 100%;\\n}\\n.pagination-layout[data-v-7ffe912f] {\\n  text-align: right;\\n  padding: 0px 10px 5px 0;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination .el-select .el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination__editor.el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n[data-v-7ffe912f] .el-table td.el-table__cell {\\n  border-right: none;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-next,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-prev,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li {\\n  border: 1px solid #d7dae2;\\n  background-color: #fff;\\n  color: #606266;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li:not(.disabled).active {\\n  border: 1px solid #409eff;\\n  background-color: #409eff;\\n  color: #fff;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".table-container[data-v-7ffe912f] {\\n  background-color: #fff;\\n  height: 100%;\\n}\\n.pagination-layout[data-v-7ffe912f] {\\n  text-align: right;\\n  padding: 0px 10px 5px 0;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination .el-select .el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination__editor.el-input .el-input__inner {\\n  height: 28px;\\n  line-height: 28px !important;\\n  min-height: 28px !important;\\n}\\n[data-v-7ffe912f] .el-table td.el-table__cell {\\n  border-right: none;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-next,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .btn-prev,\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li {\\n  border: 1px solid #d7dae2;\\n  background-color: #fff;\\n  color: #606266;\\n}\\n.pagination-layout[data-v-7ffe912f] .el-pagination.is-background .el-pager li:not(.disabled).active {\\n  border: 1px solid #409eff;\\n  background-color: #409eff;\\n  color: #fff;\\n}\\n.total-text-layout[data-v-7ffe912f] {\\n  display: flex;\\n  justify-content: space-between;\\n}\\n.total-text[data-v-7ffe912f] {\\n  font-size: 15px;\\n  color: #F56C6C;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTable/MecTable.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2354,7 +2354,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n  display: flex;\\n  justify-content: space-around;\\n  align-items: center;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n  display: flex;\\n  align-items: center;\\n  -webkit-user-select: none;\\n     -moz-user-select: none;\\n          user-select: none;\\n  cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n  color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n  display: flex;\\n  align-items: center;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n  display: flex;\\n  align-items: center;\\n  -webkit-user-select: none;\\n     -moz-user-select: none;\\n          user-select: none;\\n  cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n  color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gyyg-components",
-  "version": "0.3.0",
+  "version": "0.3.02",
   "private": false,
   "main": "lib/gyyg-components.umd.js",
   "scripts": {

package/src/components/MecButtonGroup/MecButtonGroup.vue

@@ -5,7 +5,7 @@
             :key="btn.id"
             v-has-permi="btn.hasPermi ? [btn.hasPermi] : undefined"
         >
-        <template v-if="btn.isDot || btn.number">
+            <template v-if="btn.isDot || btn.number">
                 <el-badge
                     :is-dot="btn.isDot"
                     :value="btn.number"
@@ -54,7 +54,7 @@
                     ></component>
                 </div>
             </template>
-            
+
 
         </div>
     </div>
@@ -95,6 +95,7 @@ export default {
         }
     }
 }
+
 /deep/ .el-badge__content.is-fixed {
     top: -2px;
     right: 23px;

package/src/components/MecPopoverButton/MecPopoverButton.vue

@@ -2,7 +2,7 @@
     <div class="popover-button" v-has-permi="btnInfo.hasPermi ? [btnInfo.hasPermi] : undefined">
         <el-dropdown 
             :size="btnInfo.size || 'small'" 
-            split-button 
+            :split-button="btnInfo.splitButton"
             :type="btnInfo.type" 
             :disabled="btnInfo.disabled"
             trigger="click"
@@ -10,13 +10,17 @@
             @click="clickEvent"
             @command="changeItem"
             >
-            {{ btnInfo.text}}
+                <span v-if="btnInfo.splitButton"><i :class="btnInfo.icon" style="margin-right: 5px;"></i>{{ btnInfo.text}}</span>
+                <el-button :type="btnInfo.type" v-else>
+                    <i :class="btnInfo.icon"></i><span>{{ btnInfo.text}}</span><i class="el-icon-arrow-down el-icon--right"></i>
+                </el-button>
             <el-dropdown-menu slot="dropdown" class="right-arrow">
                 <el-dropdown-item 
                 v-for="item in btnInfo.options" 
                 :key="item.id"
                 :icon="item.icon || ''"
                 :command="item"
+                :disabled="item.disabled"
                 v-has-permi="item.hasPermi ? [item.hasPermi] : undefined"
                 >{{ item.label }}</el-dropdown-item>
             </el-dropdown-menu>

package/src/components/MecTable/MecTable.vue

@@ -129,8 +129,10 @@
         <!-- 分页 -->
         <div
             class="pagination-layout"
-            v-if="page"
-        >
+            v-if="page || showTotalText"
+            :class="showTotalText ? 'total-text-layout' : ''"
+        >    
+            <div v-if="showTotalText" class="total-text" :style="'color: ' + totalTextColor">当前选中 {{ multipleSelection.length }}条记录，支持跨页选择</div>
             <el-pagination
                 @size-change="handleSizeChange"
                 @current-change="handleCurrentChange"
@@ -236,7 +238,15 @@ export default {
         paginationBackGround: {
             type: Boolean,
             default: true
-        }   
+        },
+        showTotalText: {
+            type: Boolean,
+            default: false
+        },
+        totalTextColor: {
+            type: String,
+            default: ''
+        }
 
     },
     data() {
@@ -343,4 +353,12 @@ export default {
         }
     }
 }
+.total-text-layout {
+    display: flex;
+    justify-content: space-between;
+}
+.total-text {
+    font-size: 15px;
+    color: #F56C6C;
+}
 </style>

package/src/otherComponents/iconButton.vue

@@ -65,7 +65,6 @@ export default {
 <style lang="less" scoped>
 .icon-btn {
 	display: flex;
-	justify-content: space-around;
 	align-items: center;
 }
 .icon-btn /deep/.icon {