bk-magic-vue 2.4.8 → 2.4.9

package/lib/table.js

@@ -919,7 +919,7 @@
 	      type: String,
 	      default: 'primary',
 	      validator: function validator(value) {
-	        if (!['primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
+	        if (!['default', 'primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
 	          console.error("theme property is not valid: '".concat(value, "'"));
 	          return false;
 	        }
@@ -9825,7 +9825,9 @@
 	        el.$vm.isShow = false;
 	      }, delay);
 	    } else {
-	      el.$vm.isShow = false;
+	      Vue.nextTick(function () {
+	        el.$vm.isShow = false;
+	      });
 	    }
 	  }
 	  if (options.title) {
@@ -9859,7 +9861,9 @@
 	    }
 	  },
 	  update: function update(el, binding) {
-	    toggle(el, binding.value);
+	    if (el.viewmodel) {
+	      toggle(el, binding.value);
+	    }
 	  }
 	};
 
@@ -11708,9 +11712,516 @@
 	  staticRenderFns: __vue_staticRenderFns__$b
 	}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
 
-	/* script */
+	_export(_export.S, 'Number', { MAX_SAFE_INTEGER: 0x1fffffffffffff });
+
+	var maxSafeInteger = 0x1fffffffffffff;
+
+	var maxSafeInteger$1 = maxSafeInteger;
 
+	_export(_export.S, 'Number', { MIN_SAFE_INTEGER: -0x1fffffffffffff });
+
+	var minSafeInteger = -0x1fffffffffffff;
+
+	var minSafeInteger$1 = minSafeInteger;
+
+	var script$c = {
+	  name: 'bk-input',
+	  mixins: [emitter, locale.mixin],
+	  props: {
+	    type: {
+	      type: String,
+	      default: 'text',
+	      validator: function validator(value) {
+	        return ['text', 'textarea', 'password', 'number', 'email', 'url', 'date'].indexOf(value) > -1;
+	      }
+	    },
+	    value: {
+	      type: [String, Number],
+	      default: ''
+	    },
+	    placeholder: {
+	      type: String,
+	      default: ''
+	    },
+	    disabled: {
+	      type: Boolean,
+	      default: false
+	    },
+	    clearable: {
+	      type: Boolean,
+	      default: false
+	    },
+	    readonly: {
+	      type: Boolean,
+	      default: false
+	    },
+	    name: {
+	      type: String,
+	      default: ''
+	    },
+	    maxlength: {
+	      type: [Number, String]
+	    },
+	    minlength: {
+	      type: [Number, String]
+	    },
+	    min: {
+	      type: Number,
+	      default: minSafeInteger$1
+	    },
+	    max: {
+	      type: Number,
+	      default: maxSafeInteger$1
+	    },
+	    size: {
+	      type: String,
+	      default: '',
+	      validator: function validator(val) {
+	        return ['', 'large', 'small'].includes(val);
+	      }
+	    },
+	    leftIcon: {
+	      type: String,
+	      default: ''
+	    },
+	    rightIcon: {
+	      type: String,
+	      default: ''
+	    },
+	    rows: {
+	      type: Number
+	    },
+	    inputStyle: {
+	      type: Object
+	    },
+	    fontSize: {
+	      type: String,
+	      default: 'normal'
+	    },
+	    precision: Number,
+	    passwordIcon: {
+	      type: Array,
+	      default: function _default() {
+	        return ['icon-eye-slash', 'icon-eye'];
+	      }
+	    },
+	    showControls: {
+	      type: Boolean,
+	      default: true
+	    },
+	    extCls: {
+	      type: String,
+	      default: ''
+	    },
+	    nativeAttributes: {
+	      type: Object,
+	      default: null
+	    },
+	    showWordLimit: {
+	      type: Boolean,
+	      default: undefined
+	    },
+	    behavior: {
+	      type: String,
+	      default: 'normal',
+	      validate: function validate(v) {
+	        return ['simplicity', 'normal'].indexOf(v) > -1;
+	      }
+	    },
+	    showClearOnlyHover: {
+	      type: Boolean,
+	      default: false
+	    }
+	  },
+	  data: function data() {
+	    return {
+	      hover: false,
+	      curValue: '',
+	      prepend: false,
+	      append: false,
+	      isActive: false,
+	      defaultPlaceholder: '',
+	      rightIconStyle: {
+	        right: '10px'
+	      },
+	      rightPasswordIconStyle: {
+	        right: '10px'
+	      },
+	      inputType: this.type,
+	      inputSize: this.size,
+	      inputPasswordIcon: this.passwordIcon,
+	      inputRightPadding: '10px',
+	      iconAreaSizeObserver: null
+	    };
+	  },
+	  computed: {
+	    showClearIcon: function showClearIcon() {
+	      return this.clearable && this.curValue && !this.disabled && (this.showClearOnlyHover ? this.hover : true);
+	    },
+	    showPwdVisable: function showPwdVisable() {
+	      return this.type === 'password' && this.curValue && this.inputPasswordIcon.length && !this.readonly && !this.disabled;
+	    },
+	    showInputWordLimit: function showInputWordLimit() {
+	      if (!['text', 'textarea'].includes(this.type)) return false;
+	      return this.type === 'text' ? this.maxlength && this.showWordLimit : this.maxlength && this.showWordLimit !== false;
+	    },
+	    bindAttribute: function bindAttribute() {
+	      return this.getAttributeByType(this.inputType);
+	    },
+	    computedStyle: function computedStyle() {
+	      return _extends(this.inputType === 'textarea' ? {} : {
+	        'padding-right': this.inputRightPadding
+	      }, this.inputStyle);
+	    },
+	    showLeftIcon: function showLeftIcon() {
+	      return this.leftIcon;
+	    },
+	    showRightIcon: function showRightIcon() {
+	      return this.rightIcon || this.clearable && this.curValue || this.type === 'password' || this.maxlength;
+	    },
+	    showTwoRightIcon: function showTwoRightIcon() {
+	      return this.clearable && this.curValue && this.type === 'password';
+	    },
+	    wrapperClass: function wrapperClass() {
+	      var wrapperClass = ['bk-form-control', {
+	        'with-left-icon': this.showLeftIcon,
+	        'with-right-icon': this.showRightIcon,
+	        'with-two-right-icon': this.showTwoRightIcon,
+	        'control-prepend-group': this.prepend,
+	        'control-append-group': this.append,
+	        'control-active': this.isActive,
+	        'control-disable': this.disabled
+	      }];
+	      if (this.inputSize) {
+	        wrapperClass.push("bk-input-wrapper-".concat(this.inputSize));
+	      }
+	      return wrapperClass;
+	    },
+	    fontSizeCls: function fontSizeCls() {
+	      var cls = '';
+	      if (this.fontSize === 'medium') {
+	        cls = 'medium-font';
+	      } else if (this.fontSize === 'large') {
+	        cls = 'large-font';
+	      }
+	      return cls;
+	    },
+	    inputSizeCls: function inputSizeCls() {
+	      if (this.inputSize) {
+	        return "bk-input-".concat(this.inputSize);
+	      }
+	      return '';
+	    }
+	  },
+	  watch: {
+	    value: {
+	      handler: function handler(val, old) {
+	        this.setCurValue(val);
+	        old === undefined && this.updateNumberValue(val);
+	      },
+	      immediate: true
+	    },
+	    placeholder: function placeholder(val) {
+	      this.defaultPlaceholder = val || this.t('bk.input.input');
+	    },
+	    type: function type(val) {
+	      this.inputType = val;
+	    },
+	    size: function size(val) {
+	      this.inputSize = val;
+	    }
+	  },
+	  created: function created() {
+	    this.defaultPlaceholder = this.placeholder || this.t('bk.input.input');
+	  },
+	  mounted: function mounted() {
+	    var _this = this;
+	    this.prepend = this.$slots.prepend !== undefined;
+	    this.append = this.$slots.append !== undefined;
+	    if (this.$slots.append) {
+	      this.$nextTick(function () {
+	        var appendWidth = _parseFloat$2(getStyle(_this.$slots.append[0].elm, 'width'));
+	        _this.rightIconStyle = {
+	          right: _parseFloat$2(_this.rightIconStyle.right) + appendWidth + 'px'
+	        };
+	      });
+	    }
+	    if (this.clearable) {
+	      this.rightPasswordIconStyle = {
+	        right: '30px'
+	      };
+	    }
+	    this.observerIconSize();
+	  },
+	  beforeDestroy: function beforeDestroy() {
+	    this.iconAreaSizeObserver && typeof this.iconAreaSizeObserver.disconnect === 'function' && this.iconAreaSizeObserver.disconnect();
+	    this.iconAreaSizeObserver = null;
+	  },
+	  methods: {
+	    observerIconSize: function observerIconSize() {
+	      var _this2 = this;
+	      var element = this.$refs.rightIconArea;
+	      if (!element) return;
+	      if (typeof ResizeObserver !== 'undefined') {
+	        var defaultPadding = 10;
+	        this.iconAreaSizeObserver = new ResizeObserver(function (entries) {
+	          var _iterator = _createForOfIteratorHelper(entries),
+	              _step;
+	          try {
+	            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+	              var entry = _step.value;
+	              var cr = entry.contentRect;
+	              _this2.inputRightPadding = "".concat(cr.width + defaultPadding, "px");
+	            }
+	          } catch (err) {
+	            _iterator.e(err);
+	          } finally {
+	            _iterator.f();
+	          }
+	        });
+	        this.iconAreaSizeObserver.observe(element);
+	      }
+	    },
+	    getAttributeByType: function getAttributeByType() {
+	      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+	      var defaultAttr = {
+	        type: type,
+	        name: this.name,
+	        placeholder: this.defaultPlaceholder,
+	        disabled: this.disabled,
+	        readonly: this.readonly,
+	        maxlength: this.maxlength,
+	        minlength: this.minlength,
+	        value: this.curValue
+	      };
+	      type = type.toLocaleLowerCase();
+	      var outputAttr = this.nativeAttributes || {};
+	      switch (type) {
+	        case 'number':
+	          var numberAttr = {
+	            min: this.min,
+	            max: this.max
+	          };
+	          _extends(outputAttr, defaultAttr, numberAttr);
+	          break;
+	        case 'textarea':
+	          var txtAttr = {
+	            rows: this.rows
+	          };
+	          _extends(outputAttr, defaultAttr, txtAttr);
+	          break;
+	        default:
+	          _extends(outputAttr, defaultAttr);
+	          break;
+	      }
+	      return outputAttr;
+	    },
+	    handleToFixed: function handleToFixed(defaultNumber, len) {
+	      var number = Number(defaultNumber);
+	      if (isNaN(number) || number >= Math.pow(10, 21)) {
+	        return number.toString();
+	      }
+	      if (typeof len === 'undefined' || len === 0) {
+	        return Math.round(number).toString();
+	      }
+	      var result = number.toString();
+	      var numberArr = result.split('.');
+	      if (numberArr.length < 2) {
+	        return this.handlePadNum(result, len);
+	      }
+	      var intNum = numberArr[0];
+	      var deciNum = numberArr[1];
+	      var lastNum = deciNum.substr(len, 1);
+	      if (deciNum.length === len) {
+	        return result;
+	      }
+	      if (deciNum.length < len) {
+	        return this.handlePadNum(result, len);
+	      }
+	      result = intNum + '.' + deciNum.substr(0, len);
+	      if (_parseInt$2(lastNum, 10) >= 5) {
+	        var times = Math.pow(10, len);
+	        var changedInt = Number(result.replace('.', ''));
+	        changedInt++;
+	        changedInt /= times;
+	        result = this.handlePadNum(changedInt + '', len);
+	      }
+	      return result;
+	    },
+	    handlePadNum: function handlePadNum(num, len) {
+	      var dotPos = num.indexOf('.');
+	      if (dotPos === -1) {
+	        num += '.';
+	        for (var i = 0; i < len; i++) {
+	          num += '0';
+	        }
+	        return num;
+	      } else {
+	        var need = len - (num.length - dotPos - 1);
+	        for (var j = 0; j < need; j++) {
+	          num += '0';
+	        }
+	        return num;
+	      }
+	    },
+	    handleNumberDelete: function handleNumberDelete(event) {
+	      this.curValue === '' && (this.curValue = this.max);
+	      var curNumberValue = Number(this.curValue);
+	      if (curNumberValue - 1 >= this.min) {
+	        var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
+	        var newVal = curNumberValue - 1;
+	        if (typeof this.precision !== 'undefined') {
+	          newVal = this.handleToFixed(newVal, Math.min(16, Math.max(curLenAfterDot.length, this.precision)));
+	        }
+	        this.setCurValue(newVal);
+	        this.$emit('input', newVal, event);
+	        this.$emit('change', newVal, event);
+	        this.dispatch('bk-form-item', 'form-change');
+	      }
+	    },
+	    handleNumberAdd: function handleNumberAdd(event) {
+	      this.curValue === '' && (this.curValue = this.min);
+	      var curNumberValue = Number(this.curValue);
+	      if (curNumberValue <= this.max - 1) {
+	        var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
+	        var newVal = curNumberValue + 1;
+	        if (typeof this.precision !== 'undefined') {
+	          newVal = this.handleToFixed(newVal, Math.min(16, Math.max(curLenAfterDot.length, this.precision)));
+	        }
+	        this.setCurValue(newVal);
+	        this.$emit('input', newVal, event);
+	        this.$emit('change', newVal, event);
+	        this.dispatch('bk-form-item', 'form-change');
+	      }
+	    },
+	    handlerEnter: function handlerEnter(event) {
+	      var value = event.target.value;
+	      this.$emit('enter', value, event);
+	    },
+	    handlerKeyup: function handlerKeyup(event) {
+	      var value = event.target.value;
+	      this.$emit('keyup', value, event);
+	    },
+	    handlerKeypress: function handlerKeypress(event) {
+	      var value = event.target.value;
+	      this.$emit('keypress', value, event);
+	    },
+	    handlerKeydown: function handlerKeydown(event) {
+	      var value = event.target.value;
+	      this.$emit('keydown', value, event);
+	    },
+	    handlerFocus: function handlerFocus(event) {
+	      var value = event.target.value;
+	      this.isActive = true;
+	      this.$emit('focus', value, event);
+	      this.dispatch('bk-form-item', 'form-focus');
+	    },
+	    toPrecision: function toPrecision(num, precision) {
+	      if (precision === undefined) precision = 0;
+	      return this.handleToFixed(num, precision);
+	    },
+	    handlerBlur: function handlerBlur(event) {
+	      var value = event.target.value;
+	      if (/^number$/i.test(this.type) && value !== '') {
+	        if (value !== '' && /^-?\d*(.\d*)?$/i.test(value)) {
+	          if (value > this.max || value < this.min) {
+	            value = this.getCurrentNumberValue();
+	          }
+	        }
+	        if (typeof this.precision !== 'undefined') {
+	          value = this.toPrecision(Number(value), this.precision, true);
+	        } else {
+	          value = Number(value);
+	        }
+	        if (value + '' !== event.target.value + '') {
+	          this.setCurValue(value);
+	          event.target.value = value;
+	          this.$emit('change', value, event);
+	          this.$emit('input', value, event);
+	        }
+	      }
+	      this.isActive = false;
+	      this.$emit('blur', value, event);
+	      this.dispatch('bk-form-item', 'form-blur');
+	    },
+	    handlerPaste: function handlerPaste(event) {
+	      var value = event.target.value;
+	      this.$emit('paste', value, event);
+	      this.$emit('change', value, event);
+	      this.dispatch('bk-form-item', 'form-change');
+	    },
+	    getCurrentNumberValue: function getCurrentNumberValue() {
+	      var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+	      val = val === null ? this.curValue : val;
+	      var value = '';
+	      if (val !== '' && /^-?\d*(.\d*)?$/i.test(val)) {
+	        value = Number(val);
+	        value = value > this.max ? this.max : value;
+	        value = value < this.min ? this.min : value;
+	        return value;
+	      }
+	      return '';
+	    },
+	    handlerInput: function handlerInput(event) {
+	      var value = event.target.value;
+	      this.setCurValue(value);
+	      this.$emit('input', value, event);
+	      this.$emit('change', value, event);
+	      this.dispatch('bk-form-item', 'form-change');
+	    },
+	    handlerClear: function handlerClear(event) {
+	      this.curValue = '';
+	      this.$emit('input', this.curValue, event);
+	      this.$emit('change', this.curValue, event);
+	      this.$emit('clear', this.curValue, event);
+	      this.dispatch('bk-form-item', 'form-change');
+	    },
+	    handlerLeftIcon: function handlerLeftIcon(event) {
+	      this.$emit('left-icon-click', this.curValue, event);
+	    },
+	    handlerRightIcon: function handlerRightIcon(event) {
+	      this.$emit('right-icon-click', this.curValue, event);
+	    },
+	    focus: function focus(event) {
+	      if (this.type === 'textarea') {
+	        this.$refs.textarea.focus();
+	      } else {
+	        this.$refs.input.focus();
+	      }
+	    },
+	    blur: function blur(event) {
+	      if (this.type === 'textarea') {
+	        this.$refs.textarea.blur();
+	      } else {
+	        this.$refs.input.blur();
+	      }
+	    },
+	    setCurValue: function setCurValue(val) {
+	      if (val === this.curValue) {
+	        return false;
+	      }
+	      this.curValue = val;
+	    },
+	    updateNumberValue: function updateNumberValue(val) {
+	      if (val !== '' && /^number$/i.test(this.type) && /^-?\d*(.\d*)?$/i.test(val)) {
+	        val = this.getCurrentNumberValue(val);
+	        this.curValue = typeof this.precision === 'number' ? this.toPrecision(Number(val), this.precision) : Number(val);
+	      }
+	    },
+	    togglePass: function togglePass() {
+	      if (this.inputType === 'password') {
+	        this.inputType = 'text';
+	      } else {
+	        this.inputType = 'password';
+	      }
+	    }
+	  }
+	};
+
+	/* script */
+	var __vue_script__$c = script$c;
 	/* template */
+
 	var __vue_render__$c = function __vue_render__() {
 	  var _vm = this;
 
@@ -11719,12 +12230,125 @@
 	  var _c = _vm._self._c || _h;
 
 	  return _c('div', {
-	    class: ['bk-page-selection-count', "bk-page-selection-count-" + _vm.$parent.realityLocation]
-	  }, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n    已选择"), _c('span', {
-	    staticClass: "count"
-	  }, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v("条\n  ")] : [_c('span', {
-	    staticClass: "count"
-	  }, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v(" item(s) selected\n  ")]], 2);
+	    class: [_vm.wrapperClass, _vm.fontSizeCls, _vm.extCls],
+	    on: {
+	      "mouseenter": function mouseenter($event) {
+	        _vm.hover = true;
+	      },
+	      "mouseleave": function mouseleave($event) {
+	        _vm.hover = false;
+	      }
+	    }
+	  }, [_vm.leftIcon ? _c('div', {
+	    staticClass: "control-icon left-icon",
+	    on: {
+	      "click": _vm.handlerLeftIcon
+	    }
+	  }, [_c('i', {
+	    class: ['bk-icon', _vm.leftIcon]
+	  })]) : _vm._e(), _vm.prepend ? _c('div', {
+	    staticClass: "group-box group-prepend"
+	  }, [_vm._t("prepend")], 2) : _vm._e(), _vm.inputType === 'textarea' ? [_c('div', {
+	    staticClass: "bk-textarea-wrapper"
+	  }, [_c('textarea', _vm._b({
+	    ref: "textarea",
+	    class: ['bk-form-textarea', {
+	      'textarea-maxlength': _vm.maxlength
+	    }],
+	    style: _vm.computedStyle,
+	    on: {
+	      "keyup": function keyup($event) {
+	        if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+	          return null;
+	        }
+
+	        return _vm.handlerEnter($event);
+	      },
+	      "keypress": _vm.handlerKeypress,
+	      "keydown": _vm.handlerKeydown,
+	      "focus": _vm.handlerFocus,
+	      "blur": _vm.handlerBlur,
+	      "input": _vm.handlerInput,
+	      "paste": _vm.handlerPaste
+	    }
+	  }, 'textarea', _vm.bindAttribute, false)), _vm.showInputWordLimit ? [_c('p', {
+	    staticClass: "bk-limit-box"
+	  }, [_c('span', {
+	    staticClass: "strong"
+	  }, [_vm._v(_vm._s(_vm.curValue && _vm.curValue.length || 0))]), _vm._v("/"), _c('span', [_vm._v(_vm._s(_vm.maxlength))])])] : _vm._e()], 2)] : [_c('div', {
+	    class: ["bk-input-" + _vm.type]
+	  }, [_c('input', _vm._b({
+	    ref: "input",
+	    class: ['bk-form-input', _vm.inputSizeCls, {
+	      'only-bottom-border': _vm.behavior === 'simplicity'
+	    }],
+	    style: _vm.computedStyle,
+	    on: {
+	      "keyup": [function ($event) {
+	        if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+	          return null;
+	        }
+
+	        return _vm.handlerEnter($event);
+	      }, _vm.handlerKeyup],
+	      "keypress": _vm.handlerKeypress,
+	      "keydown": _vm.handlerKeydown,
+	      "focus": _vm.handlerFocus,
+	      "blur": _vm.handlerBlur,
+	      "input": _vm.handlerInput,
+	      "paste": _vm.handlerPaste
+	    }
+	  }, 'input', _vm.bindAttribute, false)), /^number$/i.test(_vm.type) && !_vm.disabled && !_vm.readonly ? [_vm.showControls ? _c('span', {
+	    staticClass: "input-number-option"
+	  }, [_c('span', {
+	    staticClass: "number-option-item bk-icon icon-angle-up",
+	    on: {
+	      "click": _vm.handleNumberAdd
+	    }
+	  }), _c('span', {
+	    staticClass: "number-option-item bk-icon icon-angle-down",
+	    on: {
+	      "click": _vm.handleNumberDelete
+	    }
+	  })]) : _vm._e()] : _vm._e()], 2)], _vm.append ? _c('div', {
+	    staticClass: "group-box group-append"
+	  }, [_vm._t("append")], 2) : _vm._e(), !/^number$/i.test(_vm.type) ? _c('div', {
+	    ref: "rightIconArea",
+	    staticClass: "control-icon right-icon",
+	    style: _vm.rightIconStyle,
+	    on: {
+	      "click": _vm.handlerRightIcon
+	    }
+	  }, [_vm.showPwdVisable ? _c('i', {
+	    class: ['bk-icon', _vm.inputType === 'password' ? _vm.inputPasswordIcon[0] : _vm.inputPasswordIcon[1]],
+	    on: {
+	      "click": _vm.togglePass
+	    }
+	  }) : _vm._e(), _vm.showClearIcon ? _c('i', {
+	    staticClass: "bk-icon icon-close-circle-shape clear-icon ml5",
+	    on: {
+	      "click": function click($event) {
+	        $event.stopPropagation();
+	        $event.preventDefault();
+	        return _vm.handlerClear($event);
+	      }
+	    }
+	  }) : _vm.rightIcon ? _c('i', {
+	    class: ['bk-icon', _vm.rightIcon]
+	  }) : _vm._e(), _vm.type === 'text' ? [_c('p', {
+	    directives: [{
+	      name: "show",
+	      rawName: "v-show",
+	      value: _vm.showInputWordLimit,
+	      expression: "showInputWordLimit"
+	    }],
+	    staticClass: "bk-limit-box ml5",
+	    staticStyle: {
+	      "position": "static"
+	    }
+	  }, [_c('span', {
+	    staticClass: "strong"
+	  }, [_vm._v(_vm._s(_vm.curValue && _vm.curValue.length || 0))]), _vm._v("/"), _c('span', [_vm._v(_vm._s(_vm.maxlength))])])] : _vm._e()], 2) : _vm._e()], 2);
 	};
 
 	var __vue_staticRenderFns__$c = [];
@@ -11749,7 +12373,7 @@
 	var __vue_component__$c = /*#__PURE__*/normalizeComponent_1({
 	  render: __vue_render__$c,
 	  staticRenderFns: __vue_staticRenderFns__$c
-	}, __vue_inject_styles__$c, {}, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
+	}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
 
 	/* script */
 
@@ -11761,15 +12385,13 @@
 
 	  var _c = _vm._self._c || _h;
 
-	  return _vm.$parent.showTotalCount ? _c('div', {
-	    class: ['bk-page-total-count', "bk-page-total-count-" + _vm.$parent.realityLocation, {
-	      'bk-page-total-small': _vm.$parent.small
-	    }]
-	  }, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n    共计"), _c('span', {
-	    staticClass: "stress"
-	  }, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v("条\n  ")] : [_vm._v("\n    Total: "), _c('span', {
-	    staticClass: "stress"
-	  }, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v(" items\n  ")]], 2) : _vm._e();
+	  return _c('div', {
+	    class: ['bk-page-selection-count', "bk-page-selection-count-" + _vm.$parent.realityLocation]
+	  }, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n    已选择"), _c('span', {
+	    staticClass: "count"
+	  }, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v("条\n  ")] : [_c('span', {
+	    staticClass: "count"
+	  }, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v(" item(s) selected\n  ")]], 2);
 	};
 
 	var __vue_staticRenderFns__$d = [];
@@ -11796,7 +12418,52 @@
 	  staticRenderFns: __vue_staticRenderFns__$d
 	}, __vue_inject_styles__$d, {}, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
 
-	var script$c = {
+	/* script */
+
+	/* template */
+	var __vue_render__$e = function __vue_render__() {
+	  var _vm = this;
+
+	  var _h = _vm.$createElement;
+
+	  var _c = _vm._self._c || _h;
+
+	  return _vm.$parent.showTotalCount ? _c('div', {
+	    class: ['bk-page-total-count', "bk-page-total-count-" + _vm.$parent.realityLocation, {
+	      'bk-page-total-small': _vm.$parent.small
+	    }]
+	  }, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n    共计"), _c('span', {
+	    staticClass: "stress"
+	  }, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v("条\n  ")] : [_vm._v("\n    Total: "), _c('span', {
+	    staticClass: "stress"
+	  }, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v(" items\n  ")]], 2) : _vm._e();
+	};
+
+	var __vue_staticRenderFns__$e = [];
+	/* style */
+
+	var __vue_inject_styles__$e = undefined;
+	/* scoped */
+
+	var __vue_scope_id__$e = undefined;
+	/* module identifier */
+
+	var __vue_module_identifier__$e = undefined;
+	/* functional template */
+
+	var __vue_is_functional_template__$e = false;
+	/* style inject */
+
+	/* style inject SSR */
+
+	/* style inject shadow dom */
+
+	var __vue_component__$e = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$e,
+	  staticRenderFns: __vue_staticRenderFns__$e
+	}, __vue_inject_styles__$e, {}, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
+
+	var script$d = {
 	  name: 'small-jump',
 	  components: {
 	    bkPopover: __vue_component__$2
@@ -11891,10 +12558,10 @@
 	};
 
 	/* script */
-	var __vue_script__$c = script$c;
+	var __vue_script__$d = script$d;
 	/* template */
 
-	var __vue_render__$e = function __vue_render__() {
+	var __vue_render__$f = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -11990,38 +12657,39 @@
 	  })])], 1);
 	};
 
-	var __vue_staticRenderFns__$e = [];
+	var __vue_staticRenderFns__$f = [];
 	/* style */
 
-	var __vue_inject_styles__$e = undefined;
+	var __vue_inject_styles__$f = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$e = undefined;
+	var __vue_scope_id__$f = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$e = undefined;
+	var __vue_module_identifier__$f = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$e = false;
+	var __vue_is_functional_template__$f = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$e = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$e,
-	  staticRenderFns: __vue_staticRenderFns__$e
-	}, __vue_inject_styles__$e, __vue_script__$c, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
+	var __vue_component__$f = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$f,
+	  staticRenderFns: __vue_staticRenderFns__$f
+	}, __vue_inject_styles__$f, __vue_script__$d, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
 
-	var script$d = {
+	var script$e = {
 	  name: 'bk-pagination',
 	  components: {
 	    bkSelect: __vue_component__$b,
+	    bkInput: __vue_component__$c,
 	    bkOption: __vue_component__$a,
-	    paginationSelectionCount: __vue_component__$c,
-	    paginationTotalCount: __vue_component__$d,
-	    SmallJump: __vue_component__$e
+	    paginationSelectionCount: __vue_component__$d,
+	    paginationTotalCount: __vue_component__$e,
+	    SmallJump: __vue_component__$f
 	  },
 	  mixins: [locale.mixin],
 	  props: {
@@ -12042,6 +12710,10 @@
 	      type: Boolean,
 	      default: false
 	    },
+	    showQuickJumper: {
+	      type: Boolean,
+	      default: false
+	    },
 	    size: {
 	      type: String,
 	      default: 'default',
@@ -12105,6 +12777,7 @@
 	  data: function data() {
 	    return {
 	      pageSize: 5,
+	      jumpPage: 1,
 	      renderList: [],
 	      curGroup: 1,
 	      limitListTmp: [],
@@ -12139,6 +12812,7 @@
 	      this.$emit('limit-change', val, oldVal);
 	    },
 	    current: function current(newVal) {
+	      this.jumpPage = newVal;
 	      this.calcPageList(newVal);
 	    },
 	    total: function total(newVal) {
@@ -12226,6 +12900,20 @@
 	        this.jumpToPage(this.current + 1);
 	      }
 	    },
+	    handleJump: function handleJump() {
+	      var _this = this;
+	      this.$nextTick(function () {
+	        var pageNum = Number(_this.jumpPage);
+	        if (pageNum < 1) {
+	          pageNum = 1;
+	        }
+	        if (pageNum > _this.total) {
+	          pageNum = _this.total;
+	        }
+	        _this.jumpPage = pageNum;
+	        _this.jumpToPage(pageNum);
+	      });
+	    },
 	    jumpToPage: function jumpToPage(page) {
 	      this.$emit('update:current', page);
 	      this.$emit('change', page);
@@ -12234,10 +12922,10 @@
 	};
 
 	/* script */
-	var __vue_script__$d = script$d;
+	var __vue_script__$e = script$e;
 	/* template */
 
-	var __vue_render__$f = function __vue_render__() {
+	var __vue_render__$g = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -12301,7 +12989,9 @@
 	        "name": p.count + "/page"
 	      }
 	    });
-	  }), 1)]], 2) : _vm._e(), _vm.showSelectionCount ? _c('pagination-selection-count') : _vm._e(), !_vm.small ? _c('ul', {
+	  }), 1)]], 2) : _vm._e(), _vm.showSelectionCount ? _c('pagination-selection-count') : _vm._e(), !_vm.small ? _c('div', {
+	    staticClass: "bk-page-list-wrapper"
+	  }, [_c('ul', {
 	    staticClass: "bk-page-list"
 	  }, [_c('li', {
 	    staticClass: "page-item",
@@ -12406,7 +13096,33 @@
 	    on: {
 	      "click": _vm.nextPage
 	    }
-	  }, [_vm._m(1)])], 2) : _c('small-jump', {
+	  }, [_vm._m(1)])], 2), _vm.showQuickJumper ? _c('div', {
+	    staticClass: "bk-page-jumper"
+	  }, [_c('span', [_vm._v("前往")]), _c('bk-input', {
+	    staticStyle: {
+	      "width": "60px",
+	      "margin": "0 4px"
+	    },
+	    attrs: {
+	      "type": "number",
+	      "placeholder": "分页",
+	      "size": _vm.small || _vm.size === 'small' ? 'small' : '',
+	      "min": 1,
+	      "max": _vm.total,
+	      "show-controls": false
+	    },
+	    on: {
+	      "blur": _vm.handleJump,
+	      "enter": _vm.handleJump
+	    },
+	    model: {
+	      value: _vm.jumpPage,
+	      callback: function callback($$v) {
+	        _vm.jumpPage = $$v;
+	      },
+	      expression: "jumpPage"
+	    }
+	  }), _c('span', [_vm._v("页")])], 1) : _vm._e()]) : _c('small-jump', {
 	    attrs: {
 	      "current": _vm.current,
 	      "total": _vm.total
@@ -12417,7 +13133,7 @@
 	  })], 1) : _vm._e();
 	};
 
-	var __vue_staticRenderFns__$f = [function () {
+	var __vue_staticRenderFns__$g = [function () {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -12450,37 +13166,37 @@
 	}];
 	/* style */
 
-	var __vue_inject_styles__$f = undefined;
+	var __vue_inject_styles__$g = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$f = undefined;
+	var __vue_scope_id__$g = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$f = undefined;
+	var __vue_module_identifier__$g = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$f = false;
+	var __vue_is_functional_template__$g = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$f = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$f,
-	  staticRenderFns: __vue_staticRenderFns__$f
-	}, __vue_inject_styles__$f, __vue_script__$d, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
+	var __vue_component__$g = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$g,
+	  staticRenderFns: __vue_staticRenderFns__$g
+	}, __vue_inject_styles__$g, __vue_script__$e, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
 
-	setInstaller(__vue_component__$f);
+	setInstaller(__vue_component__$g);
 
 	var tableIdSeed = 1;
-	var script$e = {
+	var script$f = {
 	  name: 'bk-table',
 	  components: {
 	    TableHeader: TableHeader,
 	    TableFooter: TableFooter,
 	    TableBody: TableBody,
-	    BkPagination: __vue_component__$f,
+	    BkPagination: __vue_component__$g,
 	    BkSpin: __vue_component__
 	  },
 	  directives: {
@@ -12888,7 +13604,7 @@
 	    },
 	    handlePageChange: function handlePageChange(page) {
 	      this.autoScrollToTop && this.scrollToTop();
-	      this.$emit('page-change', page);
+	      this.$emit('page-change', page, this.pagination.limit);
 	    },
 	    handlePageLimitChange: function handlePageLimitChange(currentLimit, prevLimit) {
 	      this.autoScrollToTop && this.scrollToTop();
@@ -12982,10 +13698,10 @@
 	};
 
 	/* script */
-	var __vue_script__$e = script$e;
+	var __vue_script__$f = script$f;
 	/* template */
 
-	var __vue_render__$g = function __vue_render__() {
+	var __vue_render__$h = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -13279,33 +13995,33 @@
 	  }, 'bk-pagination', _vm.pagination, false)) : _vm._e()], 1) : _vm._e()]);
 	};
 
-	var __vue_staticRenderFns__$g = [];
+	var __vue_staticRenderFns__$h = [];
 	/* style */
 
-	var __vue_inject_styles__$g = undefined;
+	var __vue_inject_styles__$h = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$g = undefined;
+	var __vue_scope_id__$h = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$g = undefined;
+	var __vue_module_identifier__$h = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$g = false;
+	var __vue_is_functional_template__$h = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$g = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$g,
-	  staticRenderFns: __vue_staticRenderFns__$g
-	}, __vue_inject_styles__$g, __vue_script__$e, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
+	var __vue_component__$h = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$h,
+	  staticRenderFns: __vue_staticRenderFns__$h
+	}, __vue_inject_styles__$h, __vue_script__$f, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
 
-	setInstaller(__vue_component__$g);
+	setInstaller(__vue_component__$h);
 
-	exports.default = __vue_component__$g;
+	exports.default = __vue_component__$h;
 
 	Object.defineProperty(exports, '__esModule', { value: true });