bk-magic-vue 2.4.0 → 2.4.1

package/lib/table.js

@@ -915,202 +915,81 @@
 	  }
 	};
 
-	_export(_export.S, 'Number', {
-	  isNaN: function isNaN(number) {
-	    return number != number;
-	  }
-	});
-
-	var isNan = _core.Number.isNaN;
-
-	var isNan$1 = isNan;
-
-	_export(_export.S + _export.F * !_descriptors, 'Object', { defineProperty: _objectDp.f });
-
-	var $Object = _core.Object;
-	var defineProperty = function defineProperty(it, key, desc) {
-	  return $Object.defineProperty(it, key, desc);
-	};
-
-	var defineProperty$1 = defineProperty;
-
-	var hasInitZIndex = false;
-	var zIndex;
-	(function () {
-	  if (!window['__bk_zIndex_manager']) {
-	    var zIndexManager = {
-	      nextZIndex: function nextZIndex() {
-	        var zIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
-	        return zIndex === 'default' ? zIndexManager.zIndex++ : zIndex;
-	      },
-	      nextTickIndex: function nextTickIndex() {
-	        var tick = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-	        var zIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
-	        if (zIndex === 'default') {
-	          zIndexManager.zIndex += tick;
-	          return zIndexManager.zIndex;
-	        }
-	        return zIndex;
-	      }
-	    };
-	    defineProperty$1(zIndexManager, 'zIndex', {
-	      configurable: true,
-	      get: function get() {
-	        if (!hasInitZIndex) {
-	          zIndex = zIndex || (Vue.prototype.$BK_EL || {}).zIndex || 2000;
-	          hasInitZIndex = true;
-	        }
-	        return zIndex;
-	      },
-	      set: function set(value) {
-	        zIndex = value;
-	      }
-	    });
-	    window['__bk_zIndex_manager'] = zIndexManager;
-	  }
-	})();
-	var zIndexManager = window['__bk_zIndex_manager'];
-
 	var script = {
-	  name: 'bk-loading',
+	  name: 'bk-spin',
 	  props: {
-	    isLoading: {
-	      type: Boolean,
-	      default: false
-	    },
-	    title: {
-	      type: [String, Object],
-	      default: ''
-	    },
-	    mode: {
+	    theme: {
 	      type: String,
-	      default: 'normal'
+	      default: 'primary',
+	      validator: function validator(value) {
+	        if (!['primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
+	          console.error("theme property is not valid: '".concat(value, "'"));
+	          return false;
+	        }
+	        return true;
+	      }
 	    },
 	    size: {
 	      type: String,
-	      default: 'large'
-	    },
-	    theme: {
-	      type: String,
-	      default: 'colorful'
-	    },
-	    delay: {
-	      type: Number,
-	      default: 0
-	    },
-	    immediate: {
-	      type: Boolean,
-	      default: false
-	    },
-	    opacity: {
-	      type: Number,
-	      default: 0.9
+	      default: 'small',
+	      validator: function validator(value) {
+	        if (!['large', 'normal', 'small', 'mini'].includes(value)) {
+	          console.error("size property is not valid: '".concat(value, "'"));
+	          return false;
+	        }
+	        return true;
+	      }
 	    },
-	    color: {
+	    icon: {
 	      type: String,
-	      default: '#ffffff'
-	    },
-	    zIndex: {
-	      type: Number
-	    },
-	    afterLeave: {
-	      type: Function
+	      default: ''
 	    },
 	    extCls: {
 	      type: String,
 	      default: ''
 	    },
-	    type: {
+	    placement: {
 	      type: String,
-	      default: 'default'
-	    }
-	  },
-	  data: function data() {
-	    return {
-	      timer: 0,
-	      hide: false,
-	      duration: 500,
-	      isShow: false
-	    };
-	  },
-	  computed: {
-	    isSpin: function isSpin() {
-	      return this.mode === 'spin';
-	    },
-	    bgColor: function bgColor() {
-	      var color = this.color.replace(/\s/gm, '');
-	      if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(color)) {
-	        var colors = color.substring(1).split('');
-	        if (colors.length === 3) {
-	          colors = [colors[0], colors[0], colors[1], colors[1], colors[2], colors[2]];
-	        }
-	        colors = '0x' + colors.join('');
-	        return 'rgba(' + [colors >> 16 & 255, colors >> 8 & 255, colors & 255].join(',') + ",".concat(this.opacity, ")");
-	      } else if (/^rgba?\(([^\)]+)\)/.test(color)) {
-	        return color.replace(/^rgb\(([^\)]+)\)/, "rgba($1,".concat(this.opacity, ")"));
-	      }
-	      return this.color;
-	    },
-	    computedClass: function computedClass() {
-	      return this.isSpin ? "bk-spin-loading bk-spin-loading-".concat(this.size, " bk-spin-loading-").concat(this.theme) : "bk-loading1 bk-".concat(this.theme, " bk-size-").concat(this.size);
-	    },
-	    hasZIndexOption: function hasZIndexOption() {
-	      if (this.type === 'fixed') {
-	        return;
-	      }
-	      return typeof this.zIndex === 'number' && !isNan$1(this.zIndex);
-	    }
-	  },
-	  watch: {
-	    hide: function hide(newVal) {
-	      var _this = this;
-	      if (newVal) {
-	        var delay = isNaN(this.delay) ? 0 : Number(this.delay);
-	        clearTimeout(this.timer);
-	        if (delay > 0) {
-	          this.timer = setTimeout(function () {
-	            _this.hideLoading();
-	          }, delay);
-	        } else {
-	          this.hideLoading();
+	      default: 'bottom',
+	      validator: function validator(value) {
+	        if (!['bottom', 'right'].includes(value)) {
+	          console.error("placement property is not valid: '".concat(value, "'"));
+	          return false;
 	        }
+	        return true;
 	      }
 	    },
-	    isShow: function isShow(newVal) {
-	      if (newVal && !this.hasZIndexOption) {
-	        this.zIndex = zIndexManager.nextZIndex();
-	      }
-	    },
-	    isLoading: {
-	      handler: function handler(newVal) {
-	        if (this.type === 'default') {
-	          if (newVal) {
-	            this.isShow = newVal;
-	          } else {
-	            this.hide = true;
-	          }
-	        }
-	      },
-	      immediate: true
+	    spinning: {
+	      type: Boolean,
+	      default: true
 	    }
 	  },
-	  mounted: function mounted() {
-	    this.hide = false;
+	  data: function data() {
+	    return {};
 	  },
-	  methods: {
-	    hideLoading: function hideLoading() {
-	      this.isShow = false;
-	      this.$el.addEventListener('transitionend', this.destroyEl);
+	  computed: {
+	    dotClass: function dotClass() {
+	      var dotClass = ["bk-spin-rotation", "bk-spin-rotation-".concat(this.size), "bk-spin-rotation-".concat(this.theme)];
+	      !this.spinning && dotClass.push("bk-spin-rotation-".concat(this.theme, "-wait"));
+	      this.placement === 'right' && dotClass.push("bk-spin-rotation-flex");
+	      this.placement === 'bottom' && dotClass.push("bk-spin-rotation-margin");
+	      return dotClass;
 	    },
-	    destroyEl: function destroyEl() {
-	      this.$el.removeEventListener('transitionend', this.destroyEl);
-	      this.$destroy();
-	      this.$el.parentNode.removeChild(this.$el);
+	    slotTypeClass: function slotTypeClass() {
+	      var slotType = ["rotate"];
+	      this.$slots.default && this.placement === 'right' && slotType.push("slots-".concat(this.placement, "-rotate"));
+	      return slotType;
 	    },
-	    animationFinish: function animationFinish() {
-	      if (this.afterLeave && typeof this.afterLeave === 'function') {
-	        this.afterLeave();
-	      }
+	    iconClass: function iconClass() {
+	      var iconClass = ["bk-spin-icon", "bk-spin-icon-".concat(this.size), "bk-spin-icon-".concat(this.theme)];
+	      !this.spinning && iconClass.push("bk-spin-icon-wait");
+	      this.placement === 'right' && iconClass.push("bk-display-flex");
+	      return iconClass;
+	    },
+	    slotClass: function slotClass() {
+	      var slotClass = ["bk-spin-title", "bk-spin-title-".concat(this.placement)];
+	      this.placement === 'right' && slotClass.push("bk-spin-title-".concat(this.size), "bk-display-flex");
+	      return slotClass;
 	    }
 	  }
 	};
@@ -1185,119 +1064,49 @@
 
 	  var _c = _vm._self._c || _h;
 
-	  return _vm.type === 'default' ? _c('div', {
-	    staticClass: "bk-loading bk-default-loading",
-	    class: _vm.extCls,
-	    style: {
-	      position: 'relative'
-	    }
-	  }, [_c('div', {
-	    staticClass: "bk-loading-body"
-	  }, [_vm._t("default")], 2), _c('transition', {
+	  return _c('transition', {
 	    attrs: {
-	      "name": "fade",
-	      "duration": {
-	        enter: _vm.duration
-	      }
-	    },
-	    on: {
-	      "after-leave": _vm.animationFinish
+	      "name": "fade"
 	    }
 	  }, [_c('div', {
-	    directives: [{
-	      name: "show",
-	      rawName: "v-show",
-	      value: _vm.isShow,
-	      expression: "isShow"
-	    }],
-	    staticClass: "bk-loading-wrapper",
+	    class: ['bk-spin', _vm.extCls]
+	  }, [_c('div', {
 	    style: {
-	      zIndex: _vm.zIndex,
-	      backgroundColor: _vm.bgColor
+	      display: _vm.placement === 'right' ? 'flex' : ''
 	    }
+	  }, [!_vm.icon ? _c('div', {
+	    class: [_vm.dotClass]
 	  }, [_c('div', {
-	    class: _vm.computedClass
-	  }, [_vm.isSpin ? [_c('div', {
-	    staticClass: "rotate rotate1"
-	  }), _c('div', {
-	    staticClass: "rotate rotate2"
+	    staticClass: "rotate1",
+	    class: _vm.slotTypeClass
 	  }), _c('div', {
-	    staticClass: "rotate rotate3"
-	  }), _c('div', {
-	    staticClass: "rotate rotate4"
-	  }), _c('div', {
-	    staticClass: "rotate rotate5"
+	    staticClass: "rotate2",
+	    class: _vm.slotTypeClass
 	  }), _c('div', {
-	    staticClass: "rotate rotate6"
+	    staticClass: "rotate3",
+	    class: _vm.slotTypeClass
 	  }), _c('div', {
-	    staticClass: "rotate rotate7"
+	    staticClass: "rotate4",
+	    class: _vm.slotTypeClass
 	  }), _c('div', {
-	    staticClass: "rotate rotate8"
-	  })] : [_c('div', {
-	    staticClass: "point point1"
+	    staticClass: "rotate5",
+	    class: _vm.slotTypeClass
 	  }), _c('div', {
-	    staticClass: "point point2"
+	    staticClass: "rotate6",
+	    class: _vm.slotTypeClass
 	  }), _c('div', {
-	    staticClass: "point point3"
+	    staticClass: "rotate7",
+	    class: _vm.slotTypeClass
 	  }), _c('div', {
-	    staticClass: "point point4"
-	  })]], 2), _c('div', {
-	    staticClass: "bk-loading-title"
-	  }, [_vm._t("title", [_vm._v(_vm._s(_vm.title))])], 2)])])], 1) : _c('transition', {
-	    attrs: {
-	      "name": "fade",
-	      "duration": {
-	        enter: _vm.duration
-	      }
-	    },
-	    on: {
-	      "after-leave": _vm.animationFinish
-	    }
-	  }, [_c('div', {
-	    directives: [{
-	      name: "show",
-	      rawName: "v-show",
-	      value: _vm.isShow,
-	      expression: "isShow"
-	    }],
-	    staticClass: "bk-loading",
-	    class: _vm.extCls,
-	    style: {
-	      position: _vm.type,
-	      zIndex: _vm.zIndex,
-	      backgroundColor: _vm.bgColor
-	    }
-	  }, [_c('div', {
-	    staticClass: "bk-loading-wrapper"
-	  }, [_c('div', {
-	    class: _vm.computedClass
-	  }, [_vm.isSpin ? [_c('div', {
-	    staticClass: "rotate rotate1"
-	  }), _c('div', {
-	    staticClass: "rotate rotate2"
-	  }), _c('div', {
-	    staticClass: "rotate rotate3"
-	  }), _c('div', {
-	    staticClass: "rotate rotate4"
-	  }), _c('div', {
-	    staticClass: "rotate rotate5"
-	  }), _c('div', {
-	    staticClass: "rotate rotate6"
-	  }), _c('div', {
-	    staticClass: "rotate rotate7"
-	  }), _c('div', {
-	    staticClass: "rotate rotate8"
-	  })] : [_c('div', {
-	    staticClass: "point point1"
-	  }), _c('div', {
-	    staticClass: "point point2"
-	  }), _c('div', {
-	    staticClass: "point point3"
-	  }), _c('div', {
-	    staticClass: "point point4"
-	  })]], 2), _c('div', {
-	    staticClass: "bk-loading-title"
-	  }, [_vm._t("title", [_vm._v(_vm._s(_vm.title))])], 2)])])]);
+	    staticClass: "rotate8",
+	    class: _vm.slotTypeClass
+	  })]) : _vm._e(), _vm.icon ? _c('div', {
+	    class: [_vm.iconClass]
+	  }, [_c('i', {
+	    class: ['bk-icon', 'icon-' + _vm.icon]
+	  })]) : _vm._e(), _vm.$slots.default ? _c('div', {
+	    class: [_vm.slotClass]
+	  }, [_vm._t("default")], 2) : _vm._e()])])]);
 	};
 
 	var __vue_staticRenderFns__ = [];
@@ -1324,72 +1133,6 @@
 	  staticRenderFns: __vue_staticRenderFns__
 	}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-	var Model = Vue.extend(__vue_component__);
-	function show(el, options) {
-	  if (!el.$vm) {
-	    el.$vm = el.viewmodel.$mount();
-	    el.appendChild(el.$vm.$el);
-	  }
-	  el.$vm.duration = 0;
-	  Vue.nextTick(function () {
-	    el.$vm.isShow = true;
-	  });
-	}
-	function toggle(el, options) {
-	  if (!el.$vm) {
-	    el.$vm = el.viewmodel.$mount();
-	    el.appendChild(el.$vm.$el);
-	  }
-	  clearTimeout(el.$vm.timer);
-	  if (options.isLoading) {
-	    Vue.nextTick(function () {
-	      el.$vm.isShow = true;
-	    });
-	  } else {
-	    var delay = isNaN(options.delay) ? 0 : Number(options.delay);
-	    if (delay > 0) {
-	      el.$vm.timer = setTimeout(function () {
-	        el.$vm.isShow = false;
-	      }, delay);
-	    } else {
-	      el.$vm.isShow = false;
-	    }
-	  }
-	  if (options.title) {
-	    el.$vm.title = options.title;
-	  }
-	}
-	var bkLoading = {
-	  inserted: function inserted(el, binding) {
-	    var value = binding.value;
-	    var position = getComputedStyle(el).position;
-	    var options = {};
-	    if (!position || position !== 'relative' || position !== 'absolute') {
-	      el.style.position = 'relative';
-	    }
-	    for (var key in value) {
-	      if (key !== 'isLoading') {
-	        options[key] = value[key];
-	      }
-	    }
-	    options.delay = 3000;
-	    options.type = 'absolute';
-	    options.opacity = options.opacity || 0.9;
-	    options.color = options.color || '#ffffff';
-	    el.viewmodel = new Model({
-	      propsData: options
-	    });
-	    if (options.immediate) {
-	      show(el, binding.value);
-	    } else {
-	      toggle(el, binding.value);
-	    }
-	  },
-	  update: function update(el, binding) {
-	    toggle(el, binding.value);
-	  }
-	};
-
 	var _toObject = function (it) {
 	  return Object(_defined(it));
 	};
@@ -1411,6 +1154,30 @@
 
 	var keys$1 = keys;
 
+	function setInstaller (component, afterInstall) {
+	  component.install = function (Vue) {
+	    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	    var props = component.props || {};
+	    keys$1(options).forEach(function (key) {
+	      if (props.hasOwnProperty(key)) {
+	        if (typeof props[key] === 'function' || props[key] instanceof Array) {
+	          props[key] = {
+	            type: props[key],
+	            default: options[key]
+	          };
+	        } else {
+	          props[key].default = options[key];
+	        }
+	      }
+	    });
+	    component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
+	    Vue.component(component.name, component);
+	    typeof afterInstall === 'function' && afterInstall(Vue, options);
+	  };
+	}
+
+	setInstaller(__vue_component__);
+
 	var _redefine = _hide;
 
 	var _meta = createCommonjsModule(function (module) {
@@ -1484,10 +1251,10 @@
 		f: f$2
 	};
 
-	var defineProperty$2 = _objectDp.f;
+	var defineProperty = _objectDp.f;
 	var _wksDefine = function (name) {
 	  var $Symbol = _core.Symbol || (_core.Symbol =  {} );
-	  if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty$2($Symbol, name, { value: _wksExt.f(name) });
+	  if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: _wksExt.f(name) });
 	};
 
 	var f$3 = Object.getOwnPropertySymbols;
@@ -6950,6 +6717,7 @@
 	var script$1 = {
 	  name: 'bk-checkbox',
 	  mixins: [emitter],
+	  inject: ['handleRemoveItem', 'handleAddItem'],
 	  props: {
 	    value: {
 	      type: [String, Number, Boolean],
@@ -7029,9 +6797,16 @@
 	    }
 	  },
 	  created: function created() {
-	    this.dispatch('bk-checkbox-group', 'checkbox-item-add', this);
+	    if (this.handleAddItem && typeof this.handleAddItem === 'function') {
+	      this.handleAddItem(this);
+	    }
 	    this.init();
 	  },
+	  destroyed: function destroyed() {
+	    if (this.handleRemoveItem && typeof this.handleRemoveItem === 'function') {
+	      this.handleRemoveItem(this);
+	    }
+	  },
 	  methods: {
 	    getValue: function getValue() {
 	      if (this.selected) {
@@ -7197,28 +6972,6 @@
 	  staticRenderFns: __vue_staticRenderFns__$1
 	}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
 
-	function setInstaller (component, afterInstall) {
-	  component.install = function (Vue) {
-	    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-	    var props = component.props || {};
-	    keys$1(options).forEach(function (key) {
-	      if (props.hasOwnProperty(key)) {
-	        if (typeof props[key] === 'function' || props[key] instanceof Array) {
-	          props[key] = {
-	            type: props[key],
-	            default: options[key]
-	          };
-	        } else {
-	          props[key].default = options[key];
-	        }
-	      }
-	    });
-	    component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
-	    Vue.component(component.name, component);
-	    typeof afterInstall === 'function' && afterInstall(Vue, options);
-	  };
-	}
-
 	setInstaller(__vue_component__$1);
 
 	var LayoutObserver = {
@@ -7993,6 +7746,52 @@
 	  }
 	};
 
+	_export(_export.S + _export.F * !_descriptors, 'Object', { defineProperty: _objectDp.f });
+
+	var $Object = _core.Object;
+	var defineProperty$1 = function defineProperty(it, key, desc) {
+	  return $Object.defineProperty(it, key, desc);
+	};
+
+	var defineProperty$2 = defineProperty$1;
+
+	var hasInitZIndex = false;
+	var zIndex;
+	(function () {
+	  if (!window['__bk_zIndex_manager']) {
+	    var zIndexManager = {
+	      nextZIndex: function nextZIndex() {
+	        var zIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+	        return zIndex === 'default' ? zIndexManager.zIndex++ : zIndex;
+	      },
+	      nextTickIndex: function nextTickIndex() {
+	        var tick = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+	        var zIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+	        if (zIndex === 'default') {
+	          zIndexManager.zIndex += tick;
+	          return zIndexManager.zIndex;
+	        }
+	        return zIndex;
+	      }
+	    };
+	    defineProperty$2(zIndexManager, 'zIndex', {
+	      configurable: true,
+	      get: function get() {
+	        if (!hasInitZIndex) {
+	          zIndex = zIndex || (Vue.prototype.$BK_EL || {}).zIndex || 2000;
+	          hasInitZIndex = true;
+	        }
+	        return zIndex;
+	      },
+	      set: function set(value) {
+	        zIndex = value;
+	      }
+	    });
+	    window['__bk_zIndex_manager'] = zIndexManager;
+	  }
+	})();
+	var zIndexManager = window['__bk_zIndex_manager'];
+
 	var zIndex$1 = {
 	  props: {
 	    zIndex: {
@@ -8007,6 +7806,16 @@
 	  }
 	};
 
+	_export(_export.S, 'Number', {
+	  isNaN: function isNaN(number) {
+	    return number != number;
+	  }
+	});
+
+	var isNan = _core.Number.isNaN;
+
+	var isNan$1 = isNan;
+
 	(function () {
 	  if (!window['__bk_pop_manager']) {
 	    var __containerId = "bk_pop_".concat(new Date().getTime());
@@ -8160,7 +7969,7 @@
 	        }
 	      }
 	    };
-	    defineProperty$1(popManager, 'container', {
+	    defineProperty$2(popManager, 'container', {
 	      get: function get() {
 	        var container = document.querySelector('[data-bkpop-container]');
 	        if (!container) {
@@ -8172,7 +7981,7 @@
 	        return container;
 	      }
 	    });
-	    defineProperty$1(popManager, 'dialogMask', {
+	    defineProperty$2(popManager, 'dialogMask', {
 	      get: function get() {
 	        var mask = document.querySelector('[data-bkpop-mask]');
 	        if (!mask) {
@@ -8185,7 +7994,7 @@
 	        return mask;
 	      }
 	    });
-	    defineProperty$1(popManager, 'instances', {
+	    defineProperty$2(popManager, 'instances', {
 	      get: function get() {
 	        return __popInstances;
 	      },
@@ -8448,6 +8257,12 @@
 
 	var script$3 = {
 	  name: 'bk-checkbox-group',
+	  provide: function provide() {
+	    return {
+	      handleAddItem: this.handleAddItem,
+	      handleRemoveItem: this.handleRemoveItem
+	    };
+	  },
 	  props: {
 	    value: {
 	      type: Array,
@@ -8474,16 +8289,17 @@
 	      this.localValue = _toConsumableArray(_value);
 	    }
 	  },
-	  created: function created() {
-	    var _this = this;
-	    this.$on('checkbox-item-add', function (item) {
-	      if (item) {
-	        _this.checkboxItems.push(item);
-	      }
-	      return false;
-	    });
-	  },
 	  methods: {
+	    handleAddItem: function handleAddItem(item) {
+	      if (!item || this.checkboxItems.includes(item)) return;
+	      this.checkboxItems.push(item);
+	    },
+	    handleRemoveItem: function handleRemoveItem(item) {
+	      var index = this.checkboxItems.indexOf(item);
+	      if (index > -1) {
+	        this.checkboxItems.splice(index, 1);
+	      }
+	    },
 	    handleChange: function handleChange(checked, value) {
 	      var oldValue = _toConsumableArray(this.localValue);
 	      var localValue = [];
@@ -8808,7 +8624,7 @@
 	        "value": filter.value,
 	        "disabled": !!filter.disabled
 	      }
-	    }, [_vm._v("\n                " + _vm._s(filter.text) + "\n            ")]);
+	    }, [_vm._v("\n        " + _vm._s(filter.text) + "\n      ")]);
 	  }), 1), _c('div', {
 	    directives: [{
 	      name: "show",
@@ -8850,7 +8666,7 @@
 	    on: {
 	      "click": _vm.handleReset
 	    }
-	  }, [_vm._v("\n                " + _vm._s(_vm.t('bk.table.all')) + "\n            ")]), _vm._l(_vm.filters, function (filter) {
+	  }, [_vm._v("\n        " + _vm._s(_vm.t('bk.table.all')) + "\n      ")]), _vm._l(_vm.filters, function (filter) {
 	    return _c('li', {
 	      key: filter.value,
 	      staticClass: "panel-item",
@@ -8864,7 +8680,7 @@
 	          _vm.handleSelect(filter);
 	        }
 	      }
-	    }, [_vm._v("\n                " + _vm._s(filter.text) + "\n            ")]);
+	    }, [_vm._v("\n        " + _vm._s(filter.text) + "\n      ")]);
 	  })], 2)], _vm.searchEmpty ? _c('p', {
 	    staticClass: "panel-empty"
 	  }, [_vm._v(_vm._s(_vm.t('bk.table.filter.empty')))]) : _vm._e()], 2);
@@ -9612,57 +9428,417 @@
 	  }
 	};
 
-	/* script */
-	var __vue_script__$6 = script$6;
-	/* template */
-
-	var __vue_render__$6 = function __vue_render__() {
-	  var _vm = this;
-
-	  var _h = _vm.$createElement;
-
-	  var _c = _vm._self._c || _h;
-
-	  return _c('li', {
-	    staticClass: "bk-option",
-	    class: {
-	      'is-disabled': _vm.disabled
-	    },
-	    on: {
-	      "click": _vm.handleOptionClick
-	    }
-	  }, [_c('div', {
-	    staticClass: "bk-option-content"
-	  }, [_c('span', {
-	    staticClass: "bk-option-name"
-	  }, [_vm._v("\n            " + _vm._s(_vm.t('bk.select.selectAll')) + "\n            "), _vm.isAllSelected ? [_vm._v("\n                " + _vm._s("(" + _vm.select.selectedOptions.length + ")") + "\n            ")] : _vm._e()], 2)])]);
-	};
-
-	var __vue_staticRenderFns__$6 = [];
-	/* style */
-
-	var __vue_inject_styles__$6 = undefined;
-	/* scoped */
-
-	var __vue_scope_id__$6 = undefined;
-	/* module identifier */
-
-	var __vue_module_identifier__$6 = undefined;
-	/* functional template */
-
-	var __vue_is_functional_template__$6 = false;
-	/* style inject */
-
-	/* style inject SSR */
-
-	/* style inject shadow dom */
-
-	var __vue_component__$6 = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$6,
-	  staticRenderFns: __vue_staticRenderFns__$6
-	}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
-
-	var script$7 = {
+	/* script */
+	var __vue_script__$6 = script$6;
+	/* template */
+
+	var __vue_render__$6 = function __vue_render__() {
+	  var _vm = this;
+
+	  var _h = _vm.$createElement;
+
+	  var _c = _vm._self._c || _h;
+
+	  return _c('li', {
+	    staticClass: "bk-option",
+	    class: {
+	      'is-disabled': _vm.disabled
+	    },
+	    on: {
+	      "click": _vm.handleOptionClick
+	    }
+	  }, [_c('div', {
+	    staticClass: "bk-option-content"
+	  }, [_c('span', {
+	    staticClass: "bk-option-name"
+	  }, [_vm._v("\n      " + _vm._s(_vm.t('bk.select.selectAll')) + "\n      "), _vm.isAllSelected ? [_vm._v("\n        " + _vm._s("(" + _vm.select.selectedOptions.length + ")") + "\n      ")] : _vm._e()], 2)])]);
+	};
+
+	var __vue_staticRenderFns__$6 = [];
+	/* style */
+
+	var __vue_inject_styles__$6 = undefined;
+	/* scoped */
+
+	var __vue_scope_id__$6 = undefined;
+	/* module identifier */
+
+	var __vue_module_identifier__$6 = undefined;
+	/* functional template */
+
+	var __vue_is_functional_template__$6 = false;
+	/* style inject */
+
+	/* style inject SSR */
+
+	/* style inject shadow dom */
+
+	var __vue_component__$6 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$6,
+	  staticRenderFns: __vue_staticRenderFns__$6
+	}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
+
+	var script$7 = {
+	  name: 'bk-loading',
+	  props: {
+	    isLoading: {
+	      type: Boolean,
+	      default: false
+	    },
+	    title: {
+	      type: [String, Object],
+	      default: ''
+	    },
+	    mode: {
+	      type: String,
+	      default: 'normal'
+	    },
+	    size: {
+	      type: String,
+	      default: 'large'
+	    },
+	    theme: {
+	      type: String,
+	      default: 'colorful'
+	    },
+	    delay: {
+	      type: Number,
+	      default: 0
+	    },
+	    immediate: {
+	      type: Boolean,
+	      default: false
+	    },
+	    opacity: {
+	      type: Number,
+	      default: 0.9
+	    },
+	    color: {
+	      type: String,
+	      default: '#ffffff'
+	    },
+	    zIndex: {
+	      type: Number
+	    },
+	    afterLeave: {
+	      type: Function
+	    },
+	    extCls: {
+	      type: String,
+	      default: ''
+	    },
+	    type: {
+	      type: String,
+	      default: 'default'
+	    }
+	  },
+	  data: function data() {
+	    return {
+	      timer: 0,
+	      hide: false,
+	      duration: 500,
+	      isShow: false
+	    };
+	  },
+	  computed: {
+	    isSpin: function isSpin() {
+	      return this.mode === 'spin';
+	    },
+	    bgColor: function bgColor() {
+	      var color = this.color.replace(/\s/gm, '');
+	      if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(color)) {
+	        var colors = color.substring(1).split('');
+	        if (colors.length === 3) {
+	          colors = [colors[0], colors[0], colors[1], colors[1], colors[2], colors[2]];
+	        }
+	        colors = '0x' + colors.join('');
+	        return 'rgba(' + [colors >> 16 & 255, colors >> 8 & 255, colors & 255].join(',') + ",".concat(this.opacity, ")");
+	      } else if (/^rgba?\(([^\)]+)\)/.test(color)) {
+	        return color.replace(/^rgb\(([^\)]+)\)/, "rgba($1,".concat(this.opacity, ")"));
+	      }
+	      return this.color;
+	    },
+	    computedClass: function computedClass() {
+	      return this.isSpin ? "bk-spin-loading bk-spin-loading-".concat(this.size, " bk-spin-loading-").concat(this.theme) : "bk-loading1 bk-".concat(this.theme, " bk-size-").concat(this.size);
+	    },
+	    hasZIndexOption: function hasZIndexOption() {
+	      if (this.type === 'fixed') {
+	        return;
+	      }
+	      return typeof this.zIndex === 'number' && !isNan$1(this.zIndex);
+	    }
+	  },
+	  watch: {
+	    hide: function hide(newVal) {
+	      var _this = this;
+	      if (newVal) {
+	        var delay = isNaN(this.delay) ? 0 : Number(this.delay);
+	        clearTimeout(this.timer);
+	        if (delay > 0) {
+	          this.timer = setTimeout(function () {
+	            _this.hideLoading();
+	          }, delay);
+	        } else {
+	          this.hideLoading();
+	        }
+	      }
+	    },
+	    isShow: function isShow(newVal) {
+	      if (newVal && !this.hasZIndexOption) {
+	        this.zIndex = zIndexManager.nextZIndex();
+	      }
+	    },
+	    isLoading: {
+	      handler: function handler(newVal) {
+	        if (this.type === 'default') {
+	          if (newVal) {
+	            this.isShow = newVal;
+	          } else {
+	            this.hide = true;
+	          }
+	        }
+	      },
+	      immediate: true
+	    }
+	  },
+	  mounted: function mounted() {
+	    this.hide = false;
+	  },
+	  methods: {
+	    hideLoading: function hideLoading() {
+	      this.isShow = false;
+	      this.$el.addEventListener('transitionend', this.destroyEl);
+	    },
+	    destroyEl: function destroyEl() {
+	      this.$el.removeEventListener('transitionend', this.destroyEl);
+	      this.$destroy();
+	      this.$el.parentNode.removeChild(this.$el);
+	    },
+	    animationFinish: function animationFinish() {
+	      if (this.afterLeave && typeof this.afterLeave === 'function') {
+	        this.afterLeave();
+	      }
+	    }
+	  }
+	};
+
+	/* script */
+	var __vue_script__$7 = script$7;
+	/* template */
+
+	var __vue_render__$7 = function __vue_render__() {
+	  var _vm = this;
+
+	  var _h = _vm.$createElement;
+
+	  var _c = _vm._self._c || _h;
+
+	  return _vm.type === 'default' ? _c('div', {
+	    staticClass: "bk-loading bk-default-loading",
+	    class: _vm.extCls,
+	    style: {
+	      position: 'relative'
+	    }
+	  }, [_c('div', {
+	    staticClass: "bk-loading-body"
+	  }, [_vm._t("default")], 2), _c('transition', {
+	    attrs: {
+	      "name": "fade",
+	      "duration": {
+	        enter: _vm.duration
+	      }
+	    },
+	    on: {
+	      "after-leave": _vm.animationFinish
+	    }
+	  }, [_c('div', {
+	    directives: [{
+	      name: "show",
+	      rawName: "v-show",
+	      value: _vm.isShow,
+	      expression: "isShow"
+	    }],
+	    staticClass: "bk-loading-wrapper",
+	    style: {
+	      zIndex: _vm.zIndex,
+	      backgroundColor: _vm.bgColor
+	    }
+	  }, [_c('div', {
+	    class: _vm.computedClass
+	  }, [_vm.isSpin ? [_c('div', {
+	    staticClass: "rotate rotate1"
+	  }), _c('div', {
+	    staticClass: "rotate rotate2"
+	  }), _c('div', {
+	    staticClass: "rotate rotate3"
+	  }), _c('div', {
+	    staticClass: "rotate rotate4"
+	  }), _c('div', {
+	    staticClass: "rotate rotate5"
+	  }), _c('div', {
+	    staticClass: "rotate rotate6"
+	  }), _c('div', {
+	    staticClass: "rotate rotate7"
+	  }), _c('div', {
+	    staticClass: "rotate rotate8"
+	  })] : [_c('div', {
+	    staticClass: "point point1"
+	  }), _c('div', {
+	    staticClass: "point point2"
+	  }), _c('div', {
+	    staticClass: "point point3"
+	  }), _c('div', {
+	    staticClass: "point point4"
+	  })]], 2), _c('div', {
+	    staticClass: "bk-loading-title"
+	  }, [_vm._t("title", [_vm._v(_vm._s(_vm.title))])], 2)])])], 1) : _c('transition', {
+	    attrs: {
+	      "name": "fade",
+	      "duration": {
+	        enter: _vm.duration
+	      }
+	    },
+	    on: {
+	      "after-leave": _vm.animationFinish
+	    }
+	  }, [_c('div', {
+	    directives: [{
+	      name: "show",
+	      rawName: "v-show",
+	      value: _vm.isShow,
+	      expression: "isShow"
+	    }],
+	    staticClass: "bk-loading",
+	    class: _vm.extCls,
+	    style: {
+	      position: _vm.type,
+	      zIndex: _vm.zIndex,
+	      backgroundColor: _vm.bgColor
+	    }
+	  }, [_c('div', {
+	    staticClass: "bk-loading-wrapper"
+	  }, [_c('div', {
+	    class: _vm.computedClass
+	  }, [_vm.isSpin ? [_c('div', {
+	    staticClass: "rotate rotate1"
+	  }), _c('div', {
+	    staticClass: "rotate rotate2"
+	  }), _c('div', {
+	    staticClass: "rotate rotate3"
+	  }), _c('div', {
+	    staticClass: "rotate rotate4"
+	  }), _c('div', {
+	    staticClass: "rotate rotate5"
+	  }), _c('div', {
+	    staticClass: "rotate rotate6"
+	  }), _c('div', {
+	    staticClass: "rotate rotate7"
+	  }), _c('div', {
+	    staticClass: "rotate rotate8"
+	  })] : [_c('div', {
+	    staticClass: "point point1"
+	  }), _c('div', {
+	    staticClass: "point point2"
+	  }), _c('div', {
+	    staticClass: "point point3"
+	  }), _c('div', {
+	    staticClass: "point point4"
+	  })]], 2), _c('div', {
+	    staticClass: "bk-loading-title"
+	  }, [_vm._t("title", [_vm._v(_vm._s(_vm.title))])], 2)])])]);
+	};
+
+	var __vue_staticRenderFns__$7 = [];
+	/* style */
+
+	var __vue_inject_styles__$7 = undefined;
+	/* scoped */
+
+	var __vue_scope_id__$7 = undefined;
+	/* module identifier */
+
+	var __vue_module_identifier__$7 = undefined;
+	/* functional template */
+
+	var __vue_is_functional_template__$7 = false;
+	/* style inject */
+
+	/* style inject SSR */
+
+	/* style inject shadow dom */
+
+	var __vue_component__$7 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$7,
+	  staticRenderFns: __vue_staticRenderFns__$7
+	}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
+
+	var Model = Vue.extend(__vue_component__$7);
+	function show(el, options) {
+	  if (!el.$vm) {
+	    el.$vm = el.viewmodel.$mount();
+	    el.appendChild(el.$vm.$el);
+	  }
+	  el.$vm.duration = 0;
+	  Vue.nextTick(function () {
+	    el.$vm.isShow = true;
+	  });
+	}
+	function toggle(el, options) {
+	  if (!el.$vm) {
+	    el.$vm = el.viewmodel.$mount();
+	    el.appendChild(el.$vm.$el);
+	  }
+	  clearTimeout(el.$vm.timer);
+	  if (options.isLoading) {
+	    Vue.nextTick(function () {
+	      el.$vm.isShow = true;
+	    });
+	  } else {
+	    var delay = isNaN(options.delay) ? 0 : Number(options.delay);
+	    if (delay > 0) {
+	      el.$vm.timer = setTimeout(function () {
+	        el.$vm.isShow = false;
+	      }, delay);
+	    } else {
+	      el.$vm.isShow = false;
+	    }
+	  }
+	  if (options.title) {
+	    el.$vm.title = options.title;
+	  }
+	}
+	var bkLoading = {
+	  inserted: function inserted(el, binding) {
+	    var value = binding.value;
+	    var position = getComputedStyle(el).position;
+	    var options = {};
+	    if (!position || position !== 'relative' || position !== 'absolute') {
+	      el.style.position = 'relative';
+	    }
+	    for (var key in value) {
+	      if (key !== 'isLoading') {
+	        options[key] = value[key];
+	      }
+	    }
+	    options.delay = 3000;
+	    options.type = 'absolute';
+	    options.opacity = options.opacity || 0.9;
+	    options.color = options.color || '#ffffff';
+	    el.viewmodel = new Model({
+	      propsData: options
+	    });
+	    if (options.immediate) {
+	      show(el, binding.value);
+	    } else {
+	      toggle(el, binding.value);
+	    }
+	  },
+	  update: function update(el, binding) {
+	    toggle(el, binding.value);
+	  }
+	};
+
+	var script$8 = {
 	  inject: ['select'],
 	  data: function data() {
 	    return {
@@ -9761,10 +9937,10 @@
 	};
 
 	/* script */
-	var __vue_script__$7 = script$7;
+	var __vue_script__$8 = script$8;
 	/* template */
 
-	var __vue_render__$7 = function __vue_render__() {
+	var __vue_render__$8 = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -9801,29 +9977,29 @@
 	  }), 0);
 	};
 
-	var __vue_staticRenderFns__$7 = [];
+	var __vue_staticRenderFns__$8 = [];
 	/* style */
 
-	var __vue_inject_styles__$7 = undefined;
+	var __vue_inject_styles__$8 = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$7 = undefined;
+	var __vue_scope_id__$8 = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$7 = undefined;
+	var __vue_module_identifier__$8 = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$7 = false;
+	var __vue_is_functional_template__$8 = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$7 = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$7,
-	  staticRenderFns: __vue_staticRenderFns__$7
-	}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
+	var __vue_component__$8 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$8,
+	  staticRenderFns: __vue_staticRenderFns__$8
+	}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
 
 	var UNIHANS = ["\u963F", "\u54CE", "\u5B89", "\u80AE", "\u51F9", "\u516B", "\u6300", "\u6273", "\u90A6", "\u52F9", "\u9642", "\u5954", "\u4F3B", "\u5C44", "\u8FB9", "\u706C", "\u618B", "\u6C43", "\u51AB", "\u7676", "\u5CEC", "\u5693", "\u5072", "\u53C2", "\u4ED3", "\u64A1", "\u518A", "\u5D7E", "\u66FD", "\u53C9", "\u8286", "\u8FBF", "\u4F25", "\u6284", "\u8F66", "\u62BB", "\u9637", "\u5403", "\u5145", "\u62BD", "\u51FA", "\u6B3B", "\u63E3", "\u5DDB", "\u5205", "\u5439", "\u65FE", "\u9034", "\u5472", "\u5306", "\u51D1", "\u7C97", "\u6C46", "\u5D14", "\u90A8", "\u6413", "\u5491", "\u5446", "\u4E39", "\u5F53", "\u5200", "\u561A", "\u6265", "\u706F", "\u6C10", "\u7538", "\u5201", "\u7239", "\u4E01", "\u4E1F", "\u4E1C", "\u543A", "\u53BE", "\u8011", "\u5796", "\u5428", "\u591A", "\u59B8", "\u8BF6", "\u5940", "\u97A5", "\u513F", "\u53D1", "\u5E06", "\u531A", "\u98DE", "\u5206", "\u4E30", "\u8985", "\u4ECF", "\u7D11", "\u592B", "\u65EE", "\u4F85", "\u7518", "\u5188", "\u768B", "\u6208", "\u7ED9", "\u6839", "\u522F", "\u5DE5", "\u52FE", "\u4F30", "\u74DC", "\u4E56", "\u5173", "\u5149", "\u5F52", "\u4E28", "\u5459", "\u54C8", "\u548D", "\u4F44", "\u592F", "\u8320", "\u8BC3", "\u9ED2", "\u62EB", "\u4EA8", "\u5677", "\u53FF", "\u9F41", "\u4E4E", "\u82B1", "\u6000", "\u6B22", "\u5DDF", "\u7070", "\u660F", "\u5419", "\u4E0C", "\u52A0", "\u620B", "\u6C5F", "\u827D", "\u9636", "\u5DFE", "\u5755", "\u5182", "\u4E29", "\u51E5", "\u59E2", "\u5658", "\u519B", "\u5494", "\u5F00", "\u520A", "\u5FFC", "\u5C3B", "\u533C", "\u808E", "\u52A5", "\u7A7A", "\u62A0", "\u625D", "\u5938", "\u84AF", "\u5BBD", "\u5321", "\u4E8F", "\u5764", "\u6269", "\u5783", "\u6765", "\u5170", "\u5577", "\u635E", "\u808B", "\u52D2", "\u5D1A", "\u54E9", "\u4FE9", "\u5941", "\u826F", "\u64A9", "\u6BDF", "\u62CE", "\u4F36", "\u6E9C", "\u56D6", "\u9F99", "\u779C", "\u565C", "\u9A74", "\u5A08", "\u63A0", "\u62A1", "\u7F57", "\u5463", "\u5988", "\u57CB", "\u5ADA", "\u7264", "\u732B", "\u4E48", "\u5445", "\u95E8", "\u753F", "\u54AA", "\u5B80", "\u55B5", "\u4E5C", "\u6C11", "\u540D", "\u8C2C", "\u6478", "\u54DE", "\u6BEA", "\u55EF", "\u62CF", "\u8149", "\u56E1", "\u56D4", "\u5B6C", "\u7592", "\u5A1E", "\u6041", "\u80FD", "\u59AE", "\u62C8", "\u5A18", "\u9E1F", "\u634F", "\u56DC", "\u5B81", "\u599E", "\u519C", "\u7FBA", "\u5974", "\u5973", "\u597B", "\u759F", "\u9EC1", "\u632A", "\u5594", "\u8BB4", "\u5991", "\u62CD", "\u7705", "\u4E53", "\u629B", "\u5478", "\u55B7", "\u5309", "\u4E15", "\u56E8", "\u527D", "\u6C15", "\u59D8", "\u4E52", "\u948B", "\u5256", "\u4EC6", "\u4E03", "\u6390", "\u5343", "\u545B", "\u6084", "\u767F", "\u4EB2", "\u9751", "\u536D", "\u4E18", "\u533A", "\u5CD1", "\u7F3A", "\u590B", "\u5465", "\u7A63", "\u5A06", "\u60F9", "\u4EBA", "\u6254", "\u65E5", "\u8338", "\u53B9", "\u909A", "\u633C", "\u5827", "\u5A51", "\u77A4", "\u637C", "\u4EE8", "\u6BE2", "\u4E09", "\u6852", "\u63BB", "\u95AA", "\u68EE", "\u50E7", "\u6740", "\u7B5B", "\u5C71", "\u4F24", "\u5F30", "\u5962", "\u7533", "\u5347", "\u5C38", "\u53CE", "\u4E66", "\u5237", "\u8870", "\u95E9", "\u53CC", "\u813D", "\u542E", "\u8BF4", "\u53B6", "\u5FEA", "\u635C", "\u82CF", "\u72FB", "\u590A", "\u5B59", "\u5506", "\u4ED6", "\u56FC", "\u574D", "\u6C64", "\u5932", "\u5FD1", "\u71A5", "\u5254", "\u5929", "\u65EB", "\u5E16", "\u5385", "\u56F2", "\u5077", "\u51F8", "\u6E4D", "\u63A8", "\u541E", "\u4E47", "\u7A75", "\u6B6A", "\u5F2F", "\u5C23", "\u5371", "\u6637", "\u7FC1", "\u631D", "\u4E4C", "\u5915", "\u8672", "\u4ED9", "\u4E61", "\u7071", "\u4E9B", "\u5FC3", "\u661F", "\u51F6", "\u4F11", "\u5401", "\u5405", "\u524A", "\u5743", "\u4E2B", "\u6079", "\u592E", "\u5E7A", "\u503B", "\u4E00", "\u56D9", "\u5E94", "\u54DF", "\u4F63", "\u4F18", "\u625C", "\u56E6", "\u66F0", "\u6655", "\u5E00", "\u707D", "\u5142", "\u5328", "\u50AE", "\u5219", "\u8D3C", "\u600E", "\u5897", "\u624E", "\u635A", "\u6CBE", "\u5F20", "\u4F4B", "\u8707", "\u8D1E", "\u4E89", "\u4E4B", "\u4E2D", "\u5DDE", "\u6731", "\u6293", "\u62FD", "\u4E13", "\u5986", "\u96B9", "\u5B92", "\u5353", "\u4E72", "\u5B97", "\u90B9", "\u79DF", "\u94BB", "\u539C", "\u5C0A", "\u6628", "\u5159"];
 	var PINYINS = ['A', 'AI', 'AN', 'ANG', 'AO', 'BA', 'BAI', 'BAN', 'BANG', 'BAO', 'BEI', 'BEN', 'BENG', 'BI', 'BIAN', 'BIAO', 'BIE', 'BIN', 'BING', 'BO', 'BU', 'CA', 'CAI', 'CAN', 'CANG', 'CAO', 'CE', 'CEN', 'CENG', 'CHA', 'CHAI', 'CHAN', 'CHANG', 'CHAO', 'CHE', 'CHEN', 'CHENG', 'CHI', 'CHONG', 'CHOU', 'CHU', 'CHUA', 'CHUAI', 'CHUAN', 'CHUANG', 'CHUI', 'CHUN', 'CHUO', 'CI', 'CONG', 'COU', 'CU', 'CUAN', 'CUI', 'CUN', 'CUO', 'DA', 'DAI', 'DAN', 'DANG', 'DAO', 'DE', 'DEN', 'DENG', 'DI', 'DIAN', 'DIAO', 'DIE', 'DING', 'DIU', 'DONG', 'DOU', 'DU', 'DUAN', 'DUI', 'DUN', 'DUO', 'E', 'EI', 'EN', 'ENG', 'ER', 'FA', 'FAN', 'FANG', 'FEI', 'FEN', 'FENG', 'FIAO', 'FO', 'FOU', 'FU', 'GA', 'GAI', 'GAN', 'GANG', 'GAO', 'GE', 'GEI', 'GEN', 'GENG', 'GONG', 'GOU', 'GU', 'GUA', 'GUAI', 'GUAN', 'GUANG', 'GUI', 'GUN', 'GUO', 'HA', 'HAI', 'HAN', 'HANG', 'HAO', 'HE', 'HEI', 'HEN', 'HENG', 'HM', 'HONG', 'HOU', 'HU', 'HUA', 'HUAI', 'HUAN', 'HUANG', 'HUI', 'HUN', 'HUO', 'JI', 'JIA', 'JIAN', 'JIANG', 'JIAO', 'JIE', 'JIN', 'JING', 'JIONG', 'JIU', 'JU', 'JUAN', 'JUE', 'JUN', 'KA', 'KAI', 'KAN', 'KANG', 'KAO', 'KE', 'KEN', 'KENG', 'KONG', 'KOU', 'KU', 'KUA', 'KUAI', 'KUAN', 'KUANG', 'KUI', 'KUN', 'KUO', 'LA', 'LAI', 'LAN', 'LANG', 'LAO', 'LE', 'LEI', 'LENG', 'LI', 'LIA', 'LIAN', 'LIANG', 'LIAO', 'LIE', 'LIN', 'LING', 'LIU', 'LO', 'LONG', 'LOU', 'LU', 'LV', 'LUAN', 'LVE', 'LUN', 'LUO', 'M', 'MA', 'MAI', 'MAN', 'MANG', 'MAO', 'ME', 'MEI', 'MEN', 'MENG', 'MI', 'MIAN', 'MIAO', 'MIE', 'MIN', 'MING', 'MIU', 'MO', 'MOU', 'MU', 'N', 'NA', 'NAI', 'NAN', 'NANG', 'NAO', 'NE', 'NEI', 'NEN', 'NENG', 'NI', 'NIAN', 'NIANG', 'NIAO', 'NIE', 'NIN', 'NING', 'NIU', 'NONG', 'NOU', 'NU', 'NV', 'NUAN', 'NVE', 'NUN', 'NUO', 'O', 'OU', 'PA', 'PAI', 'PAN', 'PANG', 'PAO', 'PEI', 'PEN', 'PENG', 'PI', 'PIAN', 'PIAO', 'PIE', 'PIN', 'PING', 'PO', 'POU', 'PU', 'QI', 'QIA', 'QIAN', 'QIANG', 'QIAO', 'QIE', 'QIN', 'QING', 'QIONG', 'QIU', 'QU', 'QUAN', 'QUE', 'QUN', 'RAN', 'RANG', 'RAO', 'RE', 'REN', 'RENG', 'RI', 'RONG', 'ROU', 'RU', 'RUA', 'RUAN', 'RUI', 'RUN', 'RUO', 'SA', 'SAI', 'SAN', 'SANG', 'SAO', 'SE', 'SEN', 'SENG', 'SHA', 'SHAI', 'SHAN', 'SHANG', 'SHAO', 'SHE', 'SHEN', 'SHENG', 'SHI', 'SHOU', 'SHU', 'SHUA', 'SHUAI', 'SHUAN', 'SHUANG', 'SHUI', 'SHUN', 'SHUO', 'SI', 'SONG', 'SOU', 'SU', 'SUAN', 'SUI', 'SUN', 'SUO', 'TA', 'TAI', 'TAN', 'TANG', 'TAO', 'TE', 'TENG', 'TI', 'TIAN', 'TIAO', 'TIE', 'TING', 'TONG', 'TOU', 'TU', 'TUAN', 'TUI', 'TUN', 'TUO', 'WA', 'WAI', 'WAN', 'WANG', 'WEI', 'WEN', 'WENG', 'WO', 'WU', 'XI', 'XIA', 'XIAN', 'XIANG', 'XIAO', 'XIE', 'XIN', 'XING', 'XIONG', 'XIU', 'XU', 'XUAN', 'XUE', 'XUN', 'YA', 'YAN', 'YANG', 'YAO', 'YE', 'YI', 'YIN', 'YING', 'YO', 'YONG', 'YOU', 'YU', 'YUAN', 'YUE', 'YUN', 'ZA', 'ZAI', 'ZAN', 'ZANG', 'ZAO', 'ZE', 'ZEI', 'ZEN', 'ZENG', 'ZHA', 'ZHAI', 'ZHAN', 'ZHANG', 'ZHAO', 'ZHE', 'ZHEN', 'ZHENG', 'ZHI', 'ZHONG', 'ZHOU', 'ZHU', 'ZHUA', 'ZHUAI', 'ZHUAN', 'ZHUANG', 'ZHUI', 'ZHUN', 'ZHUO', 'ZI', 'ZONG', 'ZOU', 'ZU', 'ZUAN', 'ZUI', 'ZUN', 'ZUO', ''];
@@ -10028,7 +10204,7 @@
 	  pinyin.patchDict(patcher56L);
 	}
 
-	var script$8 = {
+	var script$9 = {
 	  name: 'bk-virtual-scroll',
 	  props: {
 	    itemHeight: {
@@ -10396,10 +10572,10 @@
 	};
 
 	/* script */
-	var __vue_script__$8 = script$8;
+	var __vue_script__$9 = script$9;
 	/* template */
 
-	var __vue_render__$8 = function __vue_render__() {
+	var __vue_render__$9 = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -10431,7 +10607,7 @@
 	        height: _vm.itemHeight + "px",
 	        top: item.top + "px"
 	      }
-	    }, [_vm._t("index", [_vm._v("\n                    " + _vm._s(item.value) + "\n                ")], {
+	    }, [_vm._t("index", [_vm._v("\n          " + _vm._s(item.value) + "\n        ")], {
 	      data: item.value
 	    })], 2);
 	  }), 0) : _vm._e(), _c('ul', {
@@ -10483,33 +10659,33 @@
 	  }) : _vm._e()]);
 	};
 
-	var __vue_staticRenderFns__$8 = [];
+	var __vue_staticRenderFns__$9 = [];
 	/* style */
 
-	var __vue_inject_styles__$8 = undefined;
+	var __vue_inject_styles__$9 = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$8 = undefined;
+	var __vue_scope_id__$9 = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$8 = undefined;
+	var __vue_module_identifier__$9 = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$8 = false;
+	var __vue_is_functional_template__$9 = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$8 = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$8,
-	  staticRenderFns: __vue_staticRenderFns__$8
-	}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
+	var __vue_component__$9 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$9,
+	  staticRenderFns: __vue_staticRenderFns__$9
+	}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
 
-	setInstaller(__vue_component__$8);
+	setInstaller(__vue_component__$9);
 
-	var script$9 = {
+	var script$a = {
 	  name: 'bk-option',
 	  props: {
 	    id: {
@@ -10571,10 +10747,10 @@
 	};
 
 	/* script */
-	var __vue_script__$9 = script$9;
+	var __vue_script__$a = script$a;
 	/* template */
 
-	var __vue_render__$9 = function __vue_render__() {
+	var __vue_render__$a = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -10609,32 +10785,32 @@
 	  }) : _vm._e(), _c('span', {
 	    staticClass: "bk-option-name",
 	    class: _vm.select.fontSizeCls
-	  }, [_vm._v("\n                    " + _vm._s(_vm.name) + "\n                ")])])])], 2)]);
+	  }, [_vm._v("\n          " + _vm._s(_vm.name) + "\n        ")])])])], 2)]);
 	};
 
-	var __vue_staticRenderFns__$9 = [];
+	var __vue_staticRenderFns__$a = [];
 	/* style */
 
-	var __vue_inject_styles__$9 = undefined;
+	var __vue_inject_styles__$a = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$9 = undefined;
+	var __vue_scope_id__$a = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$9 = undefined;
+	var __vue_module_identifier__$a = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$9 = false;
+	var __vue_is_functional_template__$a = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$9 = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$9,
-	  staticRenderFns: __vue_staticRenderFns__$9
-	}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
+	var __vue_component__$a = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$a,
+	  staticRenderFns: __vue_staticRenderFns__$a
+	}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
 
 	var virtualOption = {
 	  name: 'bk-virtual-option',
@@ -10643,7 +10819,7 @@
 	    item: Object
 	  },
 	  components: {
-	    bkOption: __vue_component__$9
+	    bkOption: __vue_component__$a
 	  },
 	  render: function render(h) {
 	    if (this.renderFunc) return this.renderFunc(this.item, h);else return h("bk-option", {
@@ -10658,13 +10834,13 @@
 	};
 	var variable_1 = variable.dropdownMarginBottom;
 
-	var script$a = {
+	var script$b = {
 	  name: 'bk-select',
 	  components: {
 	    bkPopover: __vue_component__$2,
 	    bkOptionAll: __vue_component__$6,
-	    bkSelectTag: __vue_component__$7,
-	    bkVirtualScroll: __vue_component__$8,
+	    bkSelectTag: __vue_component__$8,
+	    bkVirtualScroll: __vue_component__$9,
 	    virtualOption: virtualOption
 	  },
 	  directives: {
@@ -11216,9 +11392,9 @@
 	var img = new Image(); img.src = 'data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibGRzLXNwaW4iIHdpZHRoPSI4MHB4IiBoZWlnaHQ9IjgwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAsNTApIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDApIj4KICAgICAgPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjUiIGZpbGw9IiMzYTg0ZmYiIGZpbGwtb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJzY2FsZSgxLjA3NjY3IDEuMDc2NjcpIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuOTE2NjY2NjY2NjY2NjY2NnMiIHZhbHVlcz0iMS4yIDEuMjsxIDEiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxOzAiIGJlZ2luPSItMC45MTY2NjY2NjY2NjY2NjY2cyI+PC9hbmltYXRlPgogICAgICA8L2NpcmNsZT4KICAgIDwvZz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzUuOTgwNzYyMTEzNTMzMTYsNjUpIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDI5Ljk5OTk5OTk5OTk5OTk5NikiPgogICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNSIgZmlsbD0iIzNhODRmZiIgZmlsbC1vcGFjaXR5PSIwLjkxNjY2NjY2NjY2NjY2NjYiIHRyYW5zZm9ybT0ic2NhbGUoMS4wOTMzMyAxLjA5MzMzKSI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjgzMzMzMzMzMzMzMzMzMzRzIiB2YWx1ZXM9IjEuMiAxLjI7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuODMzMzMzMzMzMzMzMzMzNHMiPjwvYW5pbWF0ZT4KICAgICAgPC9jaXJjbGU+CiAgICA8L2c+CiAgPC9nPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1LDc1Ljk4MDc2MjExMzUzMzE2KSI+CiAgICA8ZyB0cmFuc2Zvcm09InJvdGF0ZSg1OS45OTk5OTk5OTk5OTk5OSkiPgogICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNSIgZmlsbD0iIzNhODRmZiIgZmlsbC1vcGFjaXR5PSIwLjgzMzMzMzMzMzMzMzMzMzQiIHRyYW5zZm9ybT0ic2NhbGUoMS4xMSAxLjExKSI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjc1cyIgdmFsdWVzPSIxLjIgMS4yOzEgMSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIgYmVnaW49Ii0wLjc1cyI+PC9hbmltYXRlPgogICAgICA8L2NpcmNsZT4KICAgIDwvZz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAsODApIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDkwKSI+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI1IiBmaWxsPSIjM2E4NGZmIiBmaWxsLW9wYWNpdHk9IjAuNzUiIHRyYW5zZm9ybT0ic2NhbGUoMS4xMjY2NyAxLjEyNjY3KSI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjY2NjY2NjY2NjY2NjY2NjZzIiB2YWx1ZXM9IjEuMiAxLjI7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuNjY2NjY2NjY2NjY2NjY2NnMiPjwvYW5pbWF0ZT4KICAgICAgPC9jaXJjbGU+CiAgICA8L2c+CiAgPC9nPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1LjAwMDAwMDAwMDAwMDAxLDc1Ljk4MDc2MjExMzUzMzE2KSI+CiAgICA8ZyB0cmFuc2Zvcm09InJvdGF0ZSgxMTkuOTk5OTk5OTk5OTk5OTkpIj4KICAgICAgPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjUiIGZpbGw9IiMzYTg0ZmYiIGZpbGwtb3BhY2l0eT0iMC42NjY2NjY2NjY2NjY2NjY2IiB0cmFuc2Zvcm09InNjYWxlKDEuMTQzMzMgMS4xNDMzMykiPgogICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSItMC41ODMzMzMzMzMzMzMzMzM0cyIgdmFsdWVzPSIxLjIgMS4yOzEgMSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIgYmVnaW49Ii0wLjU4MzMzMzMzMzMzMzMzMzRzIj48L2FuaW1hdGU+CiAgICAgIDwvY2lyY2xlPgogICAgPC9nPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMTkyMzc4ODY0NjY4NCw2NSkiPgogICAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoMTUwLjAwMDAwMDAwMDAwMDAzKSI+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI1IiBmaWxsPSIjM2E4NGZmIiBmaWxsLW9wYWNpdHk9IjAuNTgzMzMzMzMzMzMzMzMzNCIgdHJhbnNmb3JtPSJzY2FsZSgxLjE2IDEuMTYpIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuNXMiIHZhbHVlcz0iMS4yIDEuMjsxIDEiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxOzAiIGJlZ2luPSItMC41cyI+PC9hbmltYXRlPgogICAgICA8L2NpcmNsZT4KICAgIDwvZz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAsNTAuMDAwMDAwMDAwMDAwMDEpIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDE4MCkiPgogICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNSIgZmlsbD0iIzNhODRmZiIgZmlsbC1vcGFjaXR5PSIwLjUiIHRyYW5zZm9ybT0ic2NhbGUoMS4xNzY2NyAxLjE3NjY3KSI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjQxNjY2NjY2NjY2NjY2NjdzIiB2YWx1ZXM9IjEuMiAxLjI7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuNDE2NjY2NjY2NjY2NjY2N3MiPjwvYW5pbWF0ZT4KICAgICAgPC9jaXJjbGU+CiAgICA8L2c+CiAgPC9nPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjAxOTIzNzg4NjQ2NjgzNiwzNS4wMDAwMDAwMDAwMDAwMSkiPgogICAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoMjA5Ljk5OTk5OTk5OTk5OTk3KSI+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI1IiBmaWxsPSIjM2E4NGZmIiBmaWxsLW9wYWNpdHk9IjAuNDE2NjY2NjY2NjY2NjY2NyIgdHJhbnNmb3JtPSJzY2FsZSgxLjE5MzMzIDEuMTkzMzMpIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuMzMzMzMzMzMzMzMzMzMzM3MiIHZhbHVlcz0iMS4yIDEuMjsxIDEiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxOzAiIGJlZ2luPSItMC4zMzMzMzMzMzMzMzMzMzMzcyI+PC9hbmltYXRlPgogICAgICA8L2NpcmNsZT4KICAgIDwvZz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQuOTk5OTk5OTk5OTk5OTg2LDI0LjAxOTIzNzg4NjQ2Njg0NykiPgogICAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoMjM5Ljk5OTk5OTk5OTk5OTk3KSI+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI1IiBmaWxsPSIjM2E4NGZmIiBmaWxsLW9wYWNpdHk9IjAuMzMzMzMzMzMzMzMzMzMzMyIgdHJhbnNmb3JtPSJzY2FsZSgxLjAxIDEuMDEpIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuMjVzIiB2YWx1ZXM9IjEuMiAxLjI7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuMjVzIj48L2FuaW1hdGU+CiAgICAgIDwvY2lyY2xlPgogICAgPC9nPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OS45OTk5OTk5OTk5OTk5OSwyMCkiPgogICAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoMjcwKSI+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI1IiBmaWxsPSIjM2E4NGZmIiBmaWxsLW9wYWNpdHk9IjAuMjUiIHRyYW5zZm9ybT0ic2NhbGUoMS4wMjY2NyAxLjAyNjY3KSI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjE2NjY2NjY2NjY2NjY2NjY2cyIgdmFsdWVzPSIxLjIgMS4yOzEgMSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIgYmVnaW49Ii0wLjE2NjY2NjY2NjY2NjY2NjY2cyI+PC9hbmltYXRlPgogICAgICA8L2NpcmNsZT4KICAgIDwvZz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjUsMjQuMDE5MjM3ODg2NDY2ODQzKSI+CiAgICA8ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMDAuMDAwMDAwMDAwMDAwMDYpIj4KICAgICAgPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjUiIGZpbGw9IiMzYTg0ZmYiIGZpbGwtb3BhY2l0eT0iMC4xNjY2NjY2NjY2NjY2NjY2NiIgdHJhbnNmb3JtPSJzY2FsZSgxLjA0MzMzIDEuMDQzMzMpIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuMDgzMzMzMzMzMzMzMzMzMzNzIiB2YWx1ZXM9IjEuMiAxLjI7MSAxIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTswIiBiZWdpbj0iLTAuMDgzMzMzMzMzMzMzMzMzMzNzIj48L2FuaW1hdGU+CiAgICAgIDwvY2lyY2xlPgogICAgPC9nPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NS45ODA3NjIxMTM1MzMxNiwzNC45OTk5OTk5OTk5OTk5ODYpIj4KICAgIDxnIHRyYW5zZm9ybT0icm90YXRlKDMyOS45OTk5OTk5OTk5OTk5NCkiPgogICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNSIgZmlsbD0iIzNhODRmZiIgZmlsbC1vcGFjaXR5PSIwLjA4MzMzMzMzMzMzMzMzMzMzIiB0cmFuc2Zvcm09InNjYWxlKDEuMDYgMS4wNikiPgogICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSIwcyIgdmFsdWVzPSIxLjIgMS4yOzEgMSIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MCIgYmVnaW49IjBzIj48L2FuaW1hdGU+CiAgICAgIDwvY2lyY2xlPgogICAgPC9nPgogIDwvZz4KPC9zdmc+'; var __$_require_ui_images_spinner_svg__ = img.src;
 
 	/* script */
-	var __vue_script__$a = script$a;
+	var __vue_script__$b = script$b;
 
-	var __vue_render__$a = function __vue_render__() {
+	var __vue_render__$b = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -11309,7 +11485,7 @@
 	    attrs: {
 	      "title": _vm.selectedName
 	    }
-	  }, [_vm._v("\n                " + _vm._s(_vm.selectedName) + "\n            ")])], null, _vm.$props), _c('div', {
+	  }, [_vm._v("\n        " + _vm._s(_vm.selectedName) + "\n      ")])], null, _vm.$props), _c('div', {
 	    staticClass: "bk-select-dropdown-content",
 	    class: [_vm.popoverCls, _vm.extPopoverCls],
 	    style: _vm.popoverStyle,
@@ -11413,43 +11589,43 @@
 	  }) : _vm._t("default")], 2)]), _vm.showEmpty ? [!_vm.options.length ? _c('div', {
 	    staticClass: "bk-select-empty",
 	    class: _vm.fontSizeCls
-	  }, [_vm._v("\n                    " + _vm._s(_vm.emptyText || _vm.t('bk.select.dataEmpty')) + "\n                ")]) : _vm.searchable && _vm.unmatchedCount === _vm.options.length ? _c('div', {
+	  }, [_vm._v("\n          " + _vm._s(_vm.emptyText || _vm.t('bk.select.dataEmpty')) + "\n        ")]) : _vm.searchable && _vm.unmatchedCount === _vm.options.length ? _c('div', {
 	    staticClass: "bk-select-empty",
 	    class: _vm.fontSizeCls
-	  }, [_vm._v("\n                    " + _vm._s(_vm.emptyText || _vm.t('bk.select.searchEmpty')) + "\n                ")]) : _vm._e()] : _vm._e(), _vm.$slots.extension ? _c('div', {
+	  }, [_vm._v("\n          " + _vm._s(_vm.emptyText || _vm.t('bk.select.searchEmpty')) + "\n        ")]) : _vm._e()] : _vm._e(), _vm.$slots.extension ? _c('div', {
 	    staticClass: "bk-select-extension",
 	    class: _vm.fontSizeCls
 	  }, [_vm._t("extension")], 2) : _vm._e()], 2)], 2)], 2);
 	};
 
-	var __vue_staticRenderFns__$a = [];
+	var __vue_staticRenderFns__$b = [];
 	/* style */
 
-	var __vue_inject_styles__$a = undefined;
+	var __vue_inject_styles__$b = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$a = undefined;
+	var __vue_scope_id__$b = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$a = undefined;
+	var __vue_module_identifier__$b = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$a = false;
+	var __vue_is_functional_template__$b = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$a = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$a,
-	  staticRenderFns: __vue_staticRenderFns__$a
-	}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
+	var __vue_component__$b = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$b,
+	  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 */
 
 	/* template */
-	var __vue_render__$b = function __vue_render__() {
+	var __vue_render__$c = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -11458,41 +11634,41 @@
 
 	  return _c('div', {
 	    class: ['bk-page-selection-count', "bk-page-selection-count-" + _vm.$parent.realityLocation]
-	  }, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n        已选择"), _c('span', {
+	  }, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n    已选择"), _c('span', {
 	    staticClass: "count"
-	  }, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v("条\n    ")] : [_c('span', {
+	  }, [_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);
+	  }, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v(" item(s) selected\n  ")]], 2);
 	};
 
-	var __vue_staticRenderFns__$b = [];
+	var __vue_staticRenderFns__$c = [];
 	/* style */
 
-	var __vue_inject_styles__$b = undefined;
+	var __vue_inject_styles__$c = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$b = undefined;
+	var __vue_scope_id__$c = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$b = undefined;
+	var __vue_module_identifier__$c = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$b = false;
+	var __vue_is_functional_template__$c = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$b = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$b,
-	  staticRenderFns: __vue_staticRenderFns__$b
-	}, __vue_inject_styles__$b, {}, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
+	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);
 
 	/* script */
 
 	/* template */
-	var __vue_render__$c = function __vue_render__() {
+	var __vue_render__$d = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -11503,38 +11679,38 @@
 	    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', {
+	  }, [_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', {
+	  }, [_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();
+	  }, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v(" items\n  ")]], 2) : _vm._e();
 	};
 
-	var __vue_staticRenderFns__$c = [];
+	var __vue_staticRenderFns__$d = [];
 	/* style */
 
-	var __vue_inject_styles__$c = undefined;
+	var __vue_inject_styles__$d = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$c = undefined;
+	var __vue_scope_id__$d = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$c = undefined;
+	var __vue_module_identifier__$d = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$c = false;
+	var __vue_is_functional_template__$d = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	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);
+	var __vue_component__$d = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$d,
+	  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$b = {
+	var script$c = {
 	  name: 'small-jump',
 	  components: {
 	    bkPopover: __vue_component__$2
@@ -11629,10 +11805,10 @@
 	};
 
 	/* script */
-	var __vue_script__$b = script$b;
+	var __vue_script__$c = script$c;
 	/* template */
 
-	var __vue_render__$d = function __vue_render__() {
+	var __vue_render__$e = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -11712,7 +11888,7 @@
 	          _vm.handleChangePage(index);
 	        }
 	      }
-	    }, [_vm._v("\n                    " + _vm._s(index) + "\n                ")]);
+	    }, [_vm._v("\n          " + _vm._s(index) + "\n        ")]);
 	  }), 0)])]), _c('div', {
 	    staticClass: "btn-next",
 	    class: {
@@ -11728,38 +11904,38 @@
 	  })])], 1);
 	};
 
-	var __vue_staticRenderFns__$d = [];
+	var __vue_staticRenderFns__$e = [];
 	/* style */
 
-	var __vue_inject_styles__$d = undefined;
+	var __vue_inject_styles__$e = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$d = undefined;
+	var __vue_scope_id__$e = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$d = undefined;
+	var __vue_module_identifier__$e = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$d = false;
+	var __vue_is_functional_template__$e = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$d = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$d,
-	  staticRenderFns: __vue_staticRenderFns__$d
-	}, __vue_inject_styles__$d, __vue_script__$b, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
+	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 script$c = {
+	var script$d = {
 	  name: 'bk-pagination',
 	  components: {
-	    bkSelect: __vue_component__$a,
-	    bkOption: __vue_component__$9,
-	    paginationSelectionCount: __vue_component__$b,
-	    paginationTotalCount: __vue_component__$c,
-	    SmallJump: __vue_component__$d
+	    bkSelect: __vue_component__$b,
+	    bkOption: __vue_component__$a,
+	    paginationSelectionCount: __vue_component__$c,
+	    paginationTotalCount: __vue_component__$d,
+	    SmallJump: __vue_component__$e
 	  },
 	  mixins: [locale.mixin],
 	  props: {
@@ -11966,10 +12142,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;
@@ -12148,7 +12324,7 @@
 	  })], 1) : _vm._e();
 	};
 
-	var __vue_staticRenderFns__$e = [function () {
+	var __vue_staticRenderFns__$f = [function () {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -12181,41 +12357,41 @@
 	}];
 	/* 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);
 
-	setInstaller(__vue_component__$e);
+	setInstaller(__vue_component__$f);
 
 	var tableIdSeed = 1;
-	var script$d = {
+	var script$e = {
 	  name: 'bk-table',
 	  components: {
 	    TableHeader: TableHeader,
 	    TableFooter: TableFooter,
 	    TableBody: TableBody,
-	    BkPagination: __vue_component__$e
+	    BkPagination: __vue_component__$f,
+	    BkSpin: __vue_component__
 	  },
 	  directives: {
-	    Mousewheel: Mousewheel,
-	    Bkloading: bkLoading
+	    Mousewheel: Mousewheel
 	  },
 	  mixins: [locale.mixin],
 	  props: {
@@ -12321,7 +12497,6 @@
 	      type: Object,
 	      default: function _default() {
 	        return {
-	          size: 'mini',
 	          isLoading: false
 	        };
 	      }
@@ -12474,6 +12649,16 @@
 	        return column.type === 'selection';
 	      });
 	    },
+	    scrollEndLoading: function scrollEndLoading() {
+	      return _extends({
+	        isLoading: false,
+	        text: '加载中',
+	        size: 'mini',
+	        theme: 'info',
+	        icon: 'circle-2-1',
+	        placement: 'right'
+	      }, this.scrollLoading);
+	    },
 	    isVirtualRender: function isVirtualRender() {
 	      var prop = this.virtualRender;
 	      return typeof prop === 'boolean' ? prop : _typeof(prop) === 'object' ? !prop.disabled : false;
@@ -12639,7 +12824,7 @@
 	        } else {
 	          self.scrollPosition = 'middle';
 	        }
-	        if (self.scrollLoading.isLoading) return;
+	        if (self.scrollEndLoading.isLoading) return;
 	        if (this.scrollThrottle) return;
 	        this.scrollThrottle = true;
 	        setTimeout(function () {
@@ -12694,10 +12879,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;
@@ -12768,7 +12953,11 @@
 	      "row-style": _vm.rowStyle,
 	      "highlight": _vm.highlightCurrentRow
 	    }
-	  }), !_vm.data || _vm.data.length === 0 || _vm.store.states.data.length === 0 ? _c('div', {
+	  }), _vm.scrollEndLoading.isLoading ? _c('div', {
+	    staticClass: "bk-table-bottom-loading"
+	  }, [_c('bk-spin', _vm._b({
+	    staticClass: "bk-table-bottom-loading-spin"
+	  }, 'bk-spin', _vm.scrollEndLoading, false), [_vm._v(_vm._s(_vm.scrollEndLoading.text))])], 1) : _vm._e(), !_vm.data || _vm.data.length === 0 || _vm.store.states.data.length === 0 ? _c('div', {
 	    ref: "emptyBlock",
 	    class: ['bk-table-empty-block', _vm.emptyBlockClassName],
 	    style: {
@@ -12852,7 +13041,9 @@
 	      "row-class-name": _vm.rowClassName,
 	      "row-style": _vm.rowStyle
 	    }
-	  }), _vm.$slots.append ? _c('div', {
+	  }), _vm.scrollEndLoading.isLoading ? _c('div', {
+	    staticClass: "bk-table-bottom-loading"
+	  }) : _vm._e(), _vm.$slots.append ? _c('div', {
 	    staticClass: "bk-table-append-gutter",
 	    style: {
 	      height: _vm.layout.appendHeight + 'px'
@@ -12922,7 +13113,13 @@
 	      "row-style": _vm.rowStyle,
 	      "highlight": _vm.highlightCurrentRow
 	    }
-	  })], 1) : _vm._e(), _vm.showSummary ? _c('div', {
+	  }), _vm.scrollEndLoading.isLoading ? _c('div', {
+	    staticClass: "bk-table-bottom-loading",
+	    staticStyle: {
+	      "border-top": "1px solid #dfe0e5",
+	      "bottom": "1px"
+	    }
+	  }) : _vm._e()], 1) : _vm._e(), _vm.showSummary ? _c('div', {
 	    directives: [{
 	      name: "show",
 	      rawName: "v-show",
@@ -12974,44 +13171,36 @@
 	      "change": _vm.handlePageChange,
 	      "limit-change": _vm.handlePageLimitChange
 	    }
-	  }, 'bk-pagination', _vm.pagination, false)) : _vm._e()], 1) : _vm._e(), _vm.scrollLoading.isLoading ? _c('div', {
-	    directives: [{
-	      name: "bkloading",
-	      rawName: "v-bkloading",
-	      value: _vm.scrollLoading,
-	      expression: "scrollLoading"
-	    }],
-	    staticClass: "bk-table-bottom-loading"
-	  }) : _vm._e()]);
+	  }, 'bk-pagination', _vm.pagination, false)) : _vm._e()], 1) : _vm._e()]);
 	};
 
-	var __vue_staticRenderFns__$f = [];
+	var __vue_staticRenderFns__$g = [];
 	/* 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);
 
-	exports.default = __vue_component__$f;
+	exports.default = __vue_component__$g;
 
 	Object.defineProperty(exports, '__esModule', { value: true });