cy-element-ui 1.1.14 → 1.1.16

package/lib/pagination.js

@@ -234,7 +234,7 @@ module.exports = require("element-ui/lib/mixins/locale");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/pagination/src/pager.vue?vue&type=template&id=44448c28
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/pagination/src/pager.vue?vue&type=template&id=82f64222
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -316,7 +316,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/pagination/src/pager.vue?vue&type=template&id=44448c28
+// CONCATENATED MODULE: ./packages/pagination/src/pager.vue?vue&type=template&id=82f64222
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/pagination/src/pager.vue?vue&type=script&lang=js
 //
@@ -353,131 +353,131 @@ render._withStripped = true
 //
 
 /* harmony default export */ var pagervue_type_script_lang_js = ({
-  name: 'ElPager',
-
-  props: {
-    currentPage: Number,
-
-    pageCount: Number,
-
-    pagerCount: Number,
-
-    disabled: Boolean
-  },
-
-  watch: {
-    showPrevMore: function showPrevMore(val) {
-      if (!val) this.quickprevIconClass = 'el-icon-more';
-    },
-    showNextMore: function showNextMore(val) {
-      if (!val) this.quicknextIconClass = 'el-icon-more';
-    }
-  },
-
-  methods: {
-    onPagerClick: function onPagerClick(event) {
-      var target = event.target;
-      if (target.tagName === 'UL' || this.disabled) {
-        return;
-      }
-
-      var newPage = Number(event.target.textContent);
-      var pageCount = this.pageCount;
-      var currentPage = this.currentPage;
-      var pagerCountOffset = this.pagerCount - 2;
-
-      if (target.className.indexOf('more') !== -1) {
-        if (target.className.indexOf('quickprev') !== -1) {
-          newPage = currentPage - pagerCountOffset;
-        } else if (target.className.indexOf('quicknext') !== -1) {
-          newPage = currentPage + pagerCountOffset;
-        }
-      }
-
-      /* istanbul ignore if */
-      if (!isNaN(newPage)) {
-        if (newPage < 1) {
-          newPage = 1;
-        }
-
-        if (newPage > pageCount) {
-          newPage = pageCount;
-        }
-      }
-
-      if (newPage !== currentPage) {
-        this.$emit('change', newPage);
-      }
-    },
-    onMouseenter: function onMouseenter(direction) {
-      if (this.disabled) return;
-      if (direction === 'left') {
-        this.quickprevIconClass = 'el-icon-d-arrow-left';
-      } else {
-        this.quicknextIconClass = 'el-icon-d-arrow-right';
-      }
-    }
-  },
-
-  computed: {
-    pagers: function pagers() {
-      var pagerCount = this.pagerCount;
-      var halfPagerCount = (pagerCount - 1) / 2;
-
-      var currentPage = Number(this.currentPage);
-      var pageCount = Number(this.pageCount);
-
-      var showPrevMore = false;
-      var showNextMore = false;
-
-      if (pageCount > pagerCount) {
-        if (currentPage > pagerCount - halfPagerCount) {
-          showPrevMore = true;
-        }
-
-        if (currentPage < pageCount - halfPagerCount) {
-          showNextMore = true;
-        }
-      }
-
-      var array = [];
-
-      if (showPrevMore && !showNextMore) {
-        var startPage = pageCount - (pagerCount - 2);
-        for (var i = startPage; i < pageCount; i++) {
-          array.push(i);
-        }
-      } else if (!showPrevMore && showNextMore) {
-        for (var _i = 2; _i < pagerCount; _i++) {
-          array.push(_i);
-        }
-      } else if (showPrevMore && showNextMore) {
-        var offset = Math.floor(pagerCount / 2) - 1;
-        for (var _i2 = currentPage - offset; _i2 <= currentPage + offset; _i2++) {
-          array.push(_i2);
-        }
-      } else {
-        for (var _i3 = 2; _i3 < pageCount; _i3++) {
-          array.push(_i3);
-        }
-      }
-
-      this.showPrevMore = showPrevMore;
-      this.showNextMore = showNextMore;
-
-      return array;
-    }
-  },
-
-  data: function data() {
-    return {
-      current: null,
-      showPrevMore: false,
-      showNextMore: false,
-      quicknextIconClass: 'el-icon-more',
-      quickprevIconClass: 'el-icon-more'
-    };
-  }
+	name: 'ElPager',
+
+	props: {
+		currentPage: Number,
+
+		pageCount: Number,
+
+		pagerCount: Number,
+
+		disabled: Boolean
+	},
+
+	watch: {
+		showPrevMore: function showPrevMore(val) {
+			if (!val) this.quickprevIconClass = 'el-icon-more';
+		},
+		showNextMore: function showNextMore(val) {
+			if (!val) this.quicknextIconClass = 'el-icon-more';
+		}
+	},
+
+	methods: {
+		onPagerClick: function onPagerClick(event) {
+			var target = event.target;
+			if (target.tagName === 'UL' || this.disabled) {
+				return;
+			}
+
+			var newPage = Number(event.target.textContent);
+			var pageCount = this.pageCount;
+			var currentPage = this.currentPage;
+			var pagerCountOffset = this.pagerCount - 2;
+
+			if (target.className.indexOf('more') !== -1) {
+				if (target.className.indexOf('quickprev') !== -1) {
+					newPage = currentPage - pagerCountOffset;
+				} else if (target.className.indexOf('quicknext') !== -1) {
+					newPage = currentPage + pagerCountOffset;
+				}
+			}
+
+			/* istanbul ignore if */
+			if (!isNaN(newPage)) {
+				if (newPage < 1) {
+					newPage = 1;
+				}
+
+				if (newPage > pageCount) {
+					newPage = pageCount;
+				}
+			}
+
+			if (newPage !== currentPage) {
+				this.$emit('change', newPage);
+			}
+		},
+		onMouseenter: function onMouseenter(direction) {
+			if (this.disabled) return;
+			if (direction === 'left') {
+				this.quickprevIconClass = 'el-icon-d-arrow-left';
+			} else {
+				this.quicknextIconClass = 'el-icon-d-arrow-right';
+			}
+		}
+	},
+
+	computed: {
+		pagers: function pagers() {
+			var pagerCount = this.pagerCount;
+			var halfPagerCount = (pagerCount - 1) / 2;
+
+			var currentPage = Number(this.currentPage);
+			var pageCount = Number(this.pageCount);
+
+			var showPrevMore = false;
+			var showNextMore = false;
+
+			if (pageCount > pagerCount) {
+				if (currentPage > pagerCount - halfPagerCount) {
+					showPrevMore = true;
+				}
+
+				if (currentPage < pageCount - halfPagerCount) {
+					showNextMore = true;
+				}
+			}
+
+			var array = [];
+
+			if (showPrevMore && !showNextMore) {
+				var startPage = pageCount - (pagerCount - 2);
+				for (var i = startPage; i < pageCount; i++) {
+					array.push(i);
+				}
+			} else if (!showPrevMore && showNextMore) {
+				for (var _i = 2; _i < pagerCount; _i++) {
+					array.push(_i);
+				}
+			} else if (showPrevMore && showNextMore) {
+				var offset = Math.floor(pagerCount / 2) - 1;
+				for (var _i2 = currentPage - offset; _i2 <= currentPage + offset; _i2++) {
+					array.push(_i2);
+				}
+			} else {
+				for (var _i3 = 2; _i3 < pageCount; _i3++) {
+					array.push(_i3);
+				}
+			}
+
+			this.showPrevMore = showPrevMore;
+			this.showNextMore = showNextMore;
+
+			return array;
+		}
+	},
+
+	data: function data() {
+		return {
+			current: null,
+			showPrevMore: false,
+			showNextMore: false,
+			quicknextIconClass: 'el-icon-more',
+			quickprevIconClass: 'el-icon-more'
+		};
+	}
 });
 // CONCATENATED MODULE: ./packages/pagination/src/pager.vue?vue&type=script&lang=js
  /* harmony default export */ var src_pagervue_type_script_lang_js = (pagervue_type_script_lang_js); 
@@ -532,415 +532,415 @@ var util_ = __webpack_require__(3);
 
 
 /* harmony default export */ var pagination = ({
-  name: 'ElPagination',
-
-  props: {
-    pageSize: {
-      type: Number,
-      default: 10
-    },
-
-    small: Boolean,
-
-    total: Number,
-
-    pageCount: Number,
-
-    pagerCount: {
-      type: Number,
-      validator: function validator(value) {
-        return (value | 0) === value && value > 4 && value < 22 && value % 2 === 1;
-      },
-
-      default: 7
-    },
-
-    currentPage: {
-      type: Number,
-      default: 1
-    },
-
-    layout: {
-      default: 'prev, pager, next, jumper, ->, total'
-    },
-
-    pageSizes: {
-      type: Array,
-      default: function _default() {
-        return [10, 20, 30, 40, 50, 100];
-      }
-    },
-
-    popperClass: String,
-
-    prevText: String,
-
-    nextText: String,
-
-    background: Boolean,
-
-    disabled: Boolean,
-
-    hideOnSinglePage: Boolean
-  },
-
-  data: function data() {
-    return {
-      internalCurrentPage: 1,
-      internalPageSize: 0,
-      lastEmittedPage: -1,
-      userChangePageSize: false
-    };
-  },
-  render: function render(h) {
-    var layout = this.layout;
-    if (!layout) return null;
-    if (this.hideOnSinglePage && (!this.internalPageCount || this.internalPageCount === 1)) return null;
-
-    var template = h('div', { 'class': ['el-pagination', {
-        'is-background': this.background,
-        'el-pagination--small': this.small
-      }] });
-    var TEMPLATE_MAP = {
-      prev: h('prev'),
-      jumper: h('jumper'),
-      pager: h('pager', {
-        attrs: { currentPage: this.internalCurrentPage, pageCount: this.internalPageCount, pagerCount: this.pagerCount, disabled: this.disabled },
-        on: {
-          'change': this.handleCurrentChange
-        }
-      }),
-      next: h('next'),
-      sizes: h('sizes', {
-        attrs: { pageSizes: this.pageSizes }
-      }),
-      slot: h('slot', [this.$slots.default ? this.$slots.default : '']),
-      total: h('total')
-    };
-    var components = layout.split(',').map(function (item) {
-      return item.trim();
-    });
-    var rightWrapper = h('div', { 'class': 'el-pagination__rightwrapper' });
-    var haveRightWrapper = false;
-
-    template.children = template.children || [];
-    rightWrapper.children = rightWrapper.children || [];
-    components.forEach(function (compo) {
-      if (compo === '->') {
-        haveRightWrapper = true;
-        return;
-      }
-
-      if (!haveRightWrapper) {
-        template.children.push(TEMPLATE_MAP[compo]);
-      } else {
-        rightWrapper.children.push(TEMPLATE_MAP[compo]);
-      }
-    });
-
-    if (haveRightWrapper) {
-      template.children.unshift(rightWrapper);
-    }
-
-    return template;
-  },
-
-
-  components: {
-    Prev: {
-      render: function render(h) {
-        return h(
-          'button',
-          {
-            attrs: {
-              type: 'button',
-
-              disabled: this.$parent.disabled || this.$parent.internalCurrentPage <= 1
-            },
-            'class': 'btn-prev', on: {
-              'click': this.$parent.prev
-            }
-          },
-          [this.$parent.prevText ? h('span', [this.$parent.prevText]) : h('i', { 'class': 'el-icon el-icon-arrow-left' })]
-        );
-      }
-    },
-
-    Next: {
-      render: function render(h) {
-        return h(
-          'button',
-          {
-            attrs: {
-              type: 'button',
-
-              disabled: this.$parent.disabled || this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0
-            },
-            'class': 'btn-next', on: {
-              'click': this.$parent.next
-            }
-          },
-          [this.$parent.nextText ? h('span', [this.$parent.nextText]) : h('i', { 'class': 'el-icon el-icon-arrow-right' })]
-        );
-      }
-    },
-
-    Sizes: {
-      mixins: [locale_default.a],
-
-      props: {
-        pageSizes: Array
-      },
-
-      watch: {
-        pageSizes: {
-          immediate: true,
-          handler: function handler(newVal, oldVal) {
-            if (Object(util_["valueEquals"])(newVal, oldVal)) return;
-            if (Array.isArray(newVal)) {
-              this.$parent.internalPageSize = newVal.indexOf(this.$parent.pageSize) > -1 ? this.$parent.pageSize : this.pageSizes[0];
-            }
-          }
-        }
-      },
-
-      render: function render(h) {
-        var _this = this;
-
-        return h(
-          'span',
-          { 'class': 'el-pagination__sizes' },
-          [h(
-            'el-select',
-            {
-              attrs: {
-                value: this.$parent.internalPageSize,
-                popperClass: this.$parent.popperClass || '',
-                size: 'mini',
-
-                disabled: this.$parent.disabled },
-              on: {
-                'input': this.handleChange
-              }
-            },
-            [this.pageSizes.map(function (item) {
-              return h('el-option', {
-                attrs: {
-                  value: item,
-                  label: item + _this.t('el.pagination.pagesize') }
-              });
-            })]
-          )]
-        );
-      },
-
-
-      components: {
-        ElSelect: select_default.a,
-        ElOption: option_default.a
-      },
-
-      methods: {
-        handleChange: function handleChange(val) {
-          if (val !== this.$parent.internalPageSize) {
-            this.$parent.internalPageSize = val = parseInt(val, 10);
-            this.$parent.userChangePageSize = true;
-            this.$parent.$emit('update:pageSize', val);
-            this.$parent.$emit('size-change', val);
-          }
-        }
-      }
-    },
-
-    Jumper: {
-      mixins: [locale_default.a],
-
-      components: { ElInput: input_default.a },
-
-      data: function data() {
-        return {
-          userInput: null
-        };
-      },
-
-
-      watch: {
-        '$parent.internalCurrentPage': function $parentInternalCurrentPage() {
-          this.userInput = null;
-        }
-      },
-
-      methods: {
-        handleKeyup: function handleKeyup(_ref) {
-          var keyCode = _ref.keyCode,
-              target = _ref.target;
-
-          // Chrome, Safari, Firefox triggers change event on Enter
-          // Hack for IE: https://github.com/ElemeFE/element/issues/11710
-          // Drop this method when we no longer supports IE
-          if (keyCode === 13) {
-            this.handleChange(target.value);
-          }
-        },
-        handleInput: function handleInput(value) {
-          this.userInput = value;
-        },
-        handleChange: function handleChange(value) {
-          this.$parent.internalCurrentPage = this.$parent.getValidCurrentPage(value);
-          this.$parent.emitChange();
-          this.userInput = null;
-        }
-      },
-
-      render: function render(h) {
-        return h(
-          'span',
-          { 'class': 'el-pagination__jump' },
-          [this.t('el.pagination.goto'), h('el-input', {
-            'class': 'el-pagination__editor is-in-pagination',
-            attrs: { min: 1,
-              max: this.$parent.internalPageCount,
-              value: this.userInput !== null ? this.userInput : this.$parent.internalCurrentPage,
-              type: 'number',
-              disabled: this.$parent.disabled
-            },
-            nativeOn: {
-              'keyup': this.handleKeyup
-            },
-            on: {
-              'input': this.handleInput,
-              'change': this.handleChange
-            }
-          }), this.t('el.pagination.pageClassifier')]
-        );
-      }
-    },
-
-    Total: {
-      mixins: [locale_default.a],
-
-      render: function render(h) {
-        return typeof this.$parent.total === 'number' ? h(
-          'span',
-          { 'class': 'el-pagination__total' },
-          [this.t('el.pagination.total', { total: this.$parent.total })]
-        ) : '';
-      }
-    },
-
-    Pager: pager
-  },
-
-  methods: {
-    handleCurrentChange: function handleCurrentChange(val) {
-      this.internalCurrentPage = this.getValidCurrentPage(val);
-      this.userChangePageSize = true;
-      this.emitChange();
-    },
-    prev: function prev() {
-      if (this.disabled) return;
-      var newVal = this.internalCurrentPage - 1;
-      this.internalCurrentPage = this.getValidCurrentPage(newVal);
-      this.$emit('prev-click', this.internalCurrentPage);
-      this.emitChange();
-    },
-    next: function next() {
-      if (this.disabled) return;
-      var newVal = this.internalCurrentPage + 1;
-      this.internalCurrentPage = this.getValidCurrentPage(newVal);
-      this.$emit('next-click', this.internalCurrentPage);
-      this.emitChange();
-    },
-    getValidCurrentPage: function getValidCurrentPage(value) {
-      value = parseInt(value, 10);
-
-      var havePageCount = typeof this.internalPageCount === 'number';
-
-      var resetValue = void 0;
-      if (!havePageCount) {
-        if (isNaN(value) || value < 1) resetValue = 1;
-      } else {
-        if (value < 1) {
-          resetValue = 1;
-        } else if (value > this.internalPageCount) {
-          resetValue = this.internalPageCount;
-        }
-      }
-
-      if (resetValue === undefined && isNaN(value)) {
-        resetValue = 1;
-      } else if (resetValue === 0) {
-        resetValue = 1;
-      }
-
-      return resetValue === undefined ? value : resetValue;
-    },
-    emitChange: function emitChange() {
-      var _this2 = this;
-
-      this.$nextTick(function () {
-        if (_this2.internalCurrentPage !== _this2.lastEmittedPage || _this2.userChangePageSize) {
-          _this2.$emit('current-change', _this2.internalCurrentPage);
-          _this2.lastEmittedPage = _this2.internalCurrentPage;
-          _this2.userChangePageSize = false;
-        }
-      });
-    }
-  },
-
-  computed: {
-    internalPageCount: function internalPageCount() {
-      if (typeof this.total === 'number') {
-        return Math.max(1, Math.ceil(this.total / this.internalPageSize));
-      } else if (typeof this.pageCount === 'number') {
-        return Math.max(1, this.pageCount);
-      }
-      return null;
-    }
-  },
-
-  watch: {
-    currentPage: {
-      immediate: true,
-      handler: function handler(val) {
-        this.internalCurrentPage = this.getValidCurrentPage(val);
-      }
-    },
-
-    pageSize: {
-      immediate: true,
-      handler: function handler(val) {
-        this.internalPageSize = isNaN(val) ? 10 : val;
-      }
-    },
-
-    internalCurrentPage: {
-      immediate: true,
-      handler: function handler(newVal) {
-        this.$emit('update:currentPage', newVal);
-        this.lastEmittedPage = -1;
-      }
-    },
-
-    internalPageCount: function internalPageCount(newVal) {
-      /* istanbul ignore if */
-      var oldPage = this.internalCurrentPage;
-      if (newVal > 0 && oldPage === 0) {
-        this.internalCurrentPage = 1;
-      } else if (oldPage > newVal) {
-        this.internalCurrentPage = newVal === 0 ? 1 : newVal;
-        this.userChangePageSize && this.emitChange();
-      }
-      this.userChangePageSize = false;
-    }
-  }
+	name: 'ElPagination',
+
+	props: {
+		pageSize: {
+			type: Number,
+			default: 10
+		},
+
+		small: Boolean,
+
+		total: Number,
+
+		pageCount: Number,
+
+		pagerCount: {
+			type: Number,
+			validator: function validator(value) {
+				return (value | 0) === value && value > 4 && value < 22 && value % 2 === 1;
+			},
+
+			default: 7
+		},
+
+		currentPage: {
+			type: Number,
+			default: 1
+		},
+
+		layout: {
+			default: 'prev, pager, next, jumper, ->, total'
+		},
+
+		pageSizes: {
+			type: Array,
+			default: function _default() {
+				return [10, 20, 30, 40, 50, 100];
+			}
+		},
+
+		popperClass: String,
+
+		prevText: String,
+
+		nextText: String,
+
+		background: Boolean,
+
+		disabled: Boolean,
+
+		hideOnSinglePage: Boolean
+	},
+
+	data: function data() {
+		return {
+			internalCurrentPage: 1,
+			internalPageSize: 0,
+			lastEmittedPage: -1,
+			userChangePageSize: false
+		};
+	},
+	render: function render(h) {
+		var layout = this.layout;
+		if (!layout) return null;
+		if (this.hideOnSinglePage && (!this.internalPageCount || this.internalPageCount === 1)) return null;
+
+		var template = h('div', { 'class': ['el-pagination', {
+				'is-background': this.background,
+				'el-pagination--small': this.small
+			}] });
+		var TEMPLATE_MAP = {
+			prev: h('prev'),
+			jumper: h('jumper'),
+			pager: h('pager', {
+				attrs: { currentPage: this.internalCurrentPage, pageCount: this.internalPageCount, pagerCount: this.pagerCount, disabled: this.disabled },
+				on: {
+					'change': this.handleCurrentChange
+				}
+			}),
+			next: h('next'),
+			sizes: h('sizes', {
+				attrs: { pageSizes: this.pageSizes }
+			}),
+			slot: h('slot', [this.$slots.default ? this.$slots.default : '']),
+			total: h('total')
+		};
+		var components = layout.split(',').map(function (item) {
+			return item.trim();
+		});
+		var rightWrapper = h('div', { 'class': 'el-pagination__rightwrapper' });
+		var haveRightWrapper = false;
+
+		template.children = template.children || [];
+		rightWrapper.children = rightWrapper.children || [];
+		components.forEach(function (compo) {
+			if (compo === '->') {
+				haveRightWrapper = true;
+				return;
+			}
+
+			if (!haveRightWrapper) {
+				template.children.push(TEMPLATE_MAP[compo]);
+			} else {
+				rightWrapper.children.push(TEMPLATE_MAP[compo]);
+			}
+		});
+
+		if (haveRightWrapper) {
+			template.children.unshift(rightWrapper);
+		}
+
+		return template;
+	},
+
+
+	components: {
+		Prev: {
+			render: function render(h) {
+				return h(
+					'button',
+					{
+						attrs: {
+							type: 'button',
+
+							disabled: this.$parent.disabled || this.$parent.internalCurrentPage <= 1
+						},
+						'class': 'btn-prev', on: {
+							'click': this.$parent.prev
+						}
+					},
+					[this.$parent.prevText ? h('span', [this.$parent.prevText]) : h('i', { 'class': 'el-icon el-icon-arrow-left' })]
+				);
+			}
+		},
+
+		Next: {
+			render: function render(h) {
+				return h(
+					'button',
+					{
+						attrs: {
+							type: 'button',
+
+							disabled: this.$parent.disabled || this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0
+						},
+						'class': 'btn-next', on: {
+							'click': this.$parent.next
+						}
+					},
+					[this.$parent.nextText ? h('span', [this.$parent.nextText]) : h('i', { 'class': 'el-icon el-icon-arrow-right' })]
+				);
+			}
+		},
+
+		Sizes: {
+			mixins: [locale_default.a],
+
+			props: {
+				pageSizes: Array
+			},
+
+			watch: {
+				pageSizes: {
+					immediate: true,
+					handler: function handler(newVal, oldVal) {
+						if (Object(util_["valueEquals"])(newVal, oldVal)) return;
+						if (Array.isArray(newVal)) {
+							this.$parent.internalPageSize = newVal.indexOf(this.$parent.pageSize) > -1 ? this.$parent.pageSize : this.pageSizes[0];
+						}
+					}
+				}
+			},
+
+			render: function render(h) {
+				var _this = this;
+
+				return h(
+					'span',
+					{ 'class': 'el-pagination__sizes' },
+					[h(
+						'el-select',
+						{
+							attrs: {
+								value: this.$parent.internalPageSize,
+								popperClass: this.$parent.popperClass || '',
+								size: 'mini',
+
+								disabled: this.$parent.disabled },
+							on: {
+								'input': this.handleChange
+							}
+						},
+						[this.pageSizes.map(function (item) {
+							return h('el-option', {
+								attrs: {
+									value: item,
+									label: item + _this.t('el.pagination.pagesize') }
+							});
+						})]
+					)]
+				);
+			},
+
+
+			components: {
+				ElSelect: select_default.a,
+				ElOption: option_default.a
+			},
+
+			methods: {
+				handleChange: function handleChange(val) {
+					if (val !== this.$parent.internalPageSize) {
+						this.$parent.internalPageSize = val = parseInt(val, 10);
+						this.$parent.userChangePageSize = true;
+						this.$parent.$emit('update:pageSize', val);
+						this.$parent.$emit('size-change', val);
+					}
+				}
+			}
+		},
+
+		Jumper: {
+			mixins: [locale_default.a],
+
+			components: { ElInput: input_default.a },
+
+			data: function data() {
+				return {
+					userInput: null
+				};
+			},
+
+
+			watch: {
+				'$parent.internalCurrentPage': function $parentInternalCurrentPage() {
+					this.userInput = null;
+				}
+			},
+
+			methods: {
+				handleKeyup: function handleKeyup(_ref) {
+					var keyCode = _ref.keyCode,
+					    target = _ref.target;
+
+					// Chrome, Safari, Firefox triggers change event on Enter
+					// Hack for IE: https://github.com/ElemeFE/element/issues/11710
+					// Drop this method when we no longer supports IE
+					if (keyCode === 13) {
+						this.handleChange(target.value);
+					}
+				},
+				handleInput: function handleInput(value) {
+					this.userInput = value;
+				},
+				handleChange: function handleChange(value) {
+					this.$parent.internalCurrentPage = this.$parent.getValidCurrentPage(value);
+					this.$parent.emitChange();
+					this.userInput = null;
+				}
+			},
+
+			render: function render(h) {
+				return h(
+					'span',
+					{ 'class': 'el-pagination__jump' },
+					[this.t('el.pagination.goto'), h('el-input', {
+						'class': 'el-pagination__editor is-in-pagination',
+						attrs: { min: 1,
+							max: this.$parent.internalPageCount,
+							value: this.userInput !== null ? this.userInput : this.$parent.internalCurrentPage,
+							type: 'number',
+							disabled: this.$parent.disabled
+						},
+						nativeOn: {
+							'keyup': this.handleKeyup
+						},
+						on: {
+							'input': this.handleInput,
+							'change': this.handleChange
+						}
+					}), this.t('el.pagination.pageClassifier')]
+				);
+			}
+		},
+
+		Total: {
+			mixins: [locale_default.a],
+
+			render: function render(h) {
+				return typeof this.$parent.total === 'number' ? h(
+					'span',
+					{ 'class': 'el-pagination__total' },
+					[this.t('el.pagination.total', { total: this.$parent.total })]
+				) : '';
+			}
+		},
+
+		Pager: pager
+	},
+
+	methods: {
+		handleCurrentChange: function handleCurrentChange(val) {
+			this.internalCurrentPage = this.getValidCurrentPage(val);
+			this.userChangePageSize = true;
+			this.emitChange();
+		},
+		prev: function prev() {
+			if (this.disabled) return;
+			var newVal = this.internalCurrentPage - 1;
+			this.internalCurrentPage = this.getValidCurrentPage(newVal);
+			this.$emit('prev-click', this.internalCurrentPage);
+			this.emitChange();
+		},
+		next: function next() {
+			if (this.disabled) return;
+			var newVal = this.internalCurrentPage + 1;
+			this.internalCurrentPage = this.getValidCurrentPage(newVal);
+			this.$emit('next-click', this.internalCurrentPage);
+			this.emitChange();
+		},
+		getValidCurrentPage: function getValidCurrentPage(value) {
+			value = parseInt(value, 10);
+
+			var havePageCount = typeof this.internalPageCount === 'number';
+
+			var resetValue = void 0;
+			if (!havePageCount) {
+				if (isNaN(value) || value < 1) resetValue = 1;
+			} else {
+				if (value < 1) {
+					resetValue = 1;
+				} else if (value > this.internalPageCount) {
+					resetValue = this.internalPageCount;
+				}
+			}
+
+			if (resetValue === undefined && isNaN(value)) {
+				resetValue = 1;
+			} else if (resetValue === 0) {
+				resetValue = 1;
+			}
+
+			return resetValue === undefined ? value : resetValue;
+		},
+		emitChange: function emitChange() {
+			var _this2 = this;
+
+			this.$nextTick(function () {
+				if (_this2.internalCurrentPage !== _this2.lastEmittedPage || _this2.userChangePageSize) {
+					_this2.$emit('current-change', _this2.internalCurrentPage);
+					_this2.lastEmittedPage = _this2.internalCurrentPage;
+					_this2.userChangePageSize = false;
+				}
+			});
+		}
+	},
+
+	computed: {
+		internalPageCount: function internalPageCount() {
+			if (typeof this.total === 'number') {
+				return Math.max(1, Math.ceil(this.total / this.internalPageSize));
+			} else if (typeof this.pageCount === 'number') {
+				return Math.max(1, this.pageCount);
+			}
+			return null;
+		}
+	},
+
+	watch: {
+		currentPage: {
+			immediate: true,
+			handler: function handler(val) {
+				this.internalCurrentPage = this.getValidCurrentPage(val);
+			}
+		},
+
+		pageSize: {
+			immediate: true,
+			handler: function handler(val) {
+				this.internalPageSize = isNaN(val) ? 10 : val;
+			}
+		},
+
+		internalCurrentPage: {
+			immediate: true,
+			handler: function handler(newVal) {
+				this.$emit('update:currentPage', newVal);
+				this.lastEmittedPage = -1;
+			}
+		},
+
+		internalPageCount: function internalPageCount(newVal) {
+			/* istanbul ignore if */
+			var oldPage = this.internalCurrentPage;
+			if (newVal > 0 && oldPage === 0) {
+				this.internalCurrentPage = 1;
+			} else if (oldPage > newVal) {
+				this.internalCurrentPage = newVal === 0 ? 1 : newVal;
+				this.userChangePageSize && this.emitChange();
+			}
+			this.userChangePageSize = false;
+		}
+	}
 });
 // CONCATENATED MODULE: ./packages/pagination/index.js
 
 
 /* istanbul ignore next */
 pagination.install = function (Vue) {
-  Vue.component(pagination.name, pagination);
+	Vue.component(pagination.name, pagination);
 };
 
 /* harmony default export */ var packages_pagination = __webpack_exports__["default"] = (pagination);