bk-magic-vue 2.4.6 → 2.4.8-beta.2

package/lib/select.js

@@ -3678,6 +3678,19 @@
 	  }
 	  return id;
 	}
+	function debounce$2(cb) {
+	  var interval = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+	  for (var _len2 = arguments.length, params = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+	    params[_key2 - 2] = arguments[_key2];
+	  }
+	  var timer = null;
+	  return function (e) {
+	    clearTimeout(timer);
+	    timer = setTimeout(function () {
+	      cb.apply(void 0, [e].concat(params));
+	    }, interval);
+	  };
+	}
 
 	(function () {
 	  if (!window['__bk_pop_manager']) {
@@ -3997,9 +4010,10 @@
 	    }, this.$props, this.tippyOptions));
 	    var onShow = options.onShow;
 	    var onHide = options.onHide;
+	    var zIndex = typeof options.zIndex === 'number' ? options.zIndex : null;
 	    options.onShow = function (tip) {
 	      tip.set({
-	        zIndex: _this.getLocalZIndex(_this.zIndex)
+	        zIndex: _this.getLocalZIndex(zIndex || _this.zIndex)
 	      });
 	      onShow && onShow(tip);
 	      _this.$emit('show');
@@ -5651,13 +5665,175 @@
 	var variable_1 = variable.dropdownMarginBottom;
 
 	var script$6 = {
+	  name: 'bk-spin',
+	  props: {
+	    theme: {
+	      type: String,
+	      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: '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;
+	      }
+	    },
+	    icon: {
+	      type: String,
+	      default: ''
+	    },
+	    extCls: {
+	      type: String,
+	      default: ''
+	    },
+	    placement: {
+	      type: String,
+	      default: 'bottom',
+	      validator: function validator(value) {
+	        if (!['bottom', 'right'].includes(value)) {
+	          console.error("placement property is not valid: '".concat(value, "'"));
+	          return false;
+	        }
+	        return true;
+	      }
+	    },
+	    spinning: {
+	      type: Boolean,
+	      default: true
+	    }
+	  },
+	  data: function data() {
+	    return {};
+	  },
+	  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;
+	    },
+	    slotTypeClass: function slotTypeClass() {
+	      var slotType = ["rotate"];
+	      this.$slots.default && this.placement === 'right' && slotType.push("slots-".concat(this.placement, "-rotate"));
+	      return slotType;
+	    },
+	    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;
+	    }
+	  }
+	};
+
+	/* 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('transition', {
+	    attrs: {
+	      "name": "fade"
+	    }
+	  }, [_c('div', {
+	    class: ['bk-spin', _vm.extCls]
+	  }, [_c('div', {
+	    style: {
+	      display: _vm.placement === 'right' ? 'flex' : ''
+	    }
+	  }, [!_vm.icon ? _c('div', {
+	    class: [_vm.dotClass]
+	  }, [_c('div', {
+	    staticClass: "rotate1",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate2",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate3",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate4",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate5",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate6",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate7",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    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__$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);
+
+	setInstaller(__vue_component__$6);
+
+	var script$7 = {
 	  name: 'bk-select',
 	  components: {
 	    bkPopover: __vue_component__,
 	    bkOptionAll: __vue_component__$1,
 	    bkSelectTag: __vue_component__$3,
 	    bkVirtualScroll: __vue_component__$4,
-	    virtualOption: virtualOption
+	    virtualOption: virtualOption,
+	    bkSpin: __vue_component__$6
 	  },
 	  directives: {
 	    bkloading: bkLoading
@@ -5694,6 +5870,7 @@
 	      type: Boolean,
 	      default: true
 	    },
+	    allowCreate: Boolean,
 	    disabled: Boolean,
 	    readonly: Boolean,
 	    loading: Boolean,
@@ -5778,6 +5955,16 @@
 	      validate: function validate(v) {
 	        return ['simplicity', 'normal'].indexOf(v) > -1;
 	      }
+	    },
+	    enableScrollLoad: {
+	      type: Boolean,
+	      default: false
+	    },
+	    scrollLoading: {
+	      type: Object,
+	      default: function _default() {
+	        return {};
+	      }
 	    }
 	  },
 	  provide: function provide() {
@@ -5805,7 +5992,8 @@
 	      searchLoading: false,
 	      autoUpdate: false,
 	      renderPopoverOptions: {},
-	      popoverDistance: 10 + _parseInt$2(variable_1)
+	      popoverDistance: 10 + _parseInt$2(variable_1),
+	      optionList: null
 	    };
 	  },
 	  computed: {
@@ -5874,6 +6062,16 @@
 	    },
 	    localSearchPlaceholder: function localSearchPlaceholder() {
 	      return this.searchPlaceholder ? this.searchPlaceholder : this.t('bk.select.searchPlaceholder');
+	    },
+	    scrollEndLoading: function scrollEndLoading() {
+	      return _extends({
+	        isLoading: false,
+	        text: '加载中',
+	        size: 'mini',
+	        theme: 'info',
+	        icon: 'circle-2-1',
+	        placement: 'right'
+	      }, this.scrollLoading);
 	    }
 	  },
 	  watch: {
@@ -5887,11 +6085,15 @@
 	      if (!_focus) {
 	        this.resetSearchValue();
 	        this.dispatch('bk-form-item', 'form-blur');
+	        if (this.enableScrollLoad) this.optionList = null;
 	      }
 	      this.$nextTick(function () {
 	        _this.$emit('toggle', _focus);
 	        _this.dispatch('bk-form-item', 'form-focus');
-	        if (_focus) _this.showVirtualScroll();
+	        if (_focus) {
+	          _this.showVirtualScroll();
+	          if (_this.enableScrollLoad) _this.handleScroll();
+	        }
 	      });
 	    },
 	    dropdownActive: function dropdownActive() {
@@ -6041,7 +6243,7 @@
 	      var popover = this.getPopoverInstance();
 	      popover.set({
 	        onShown: function onShown() {
-	          if (_this6.searchable) {
+	          if (_this6.searchable && !_this6.allowCreate) {
 	            _this6.$refs.searchInput.focus();
 	          }
 	        }
@@ -6054,6 +6256,12 @@
 	    handleDropdownHide: function handleDropdownHide() {
 	      this.focus = false;
 	    },
+	    handleInputChange: function handleInputChange(e) {
+	      console.log(e.target.value);
+	      var value = e.target.value;
+	      this.$emit('input', value);
+	      this.$emit('change', value, this.value);
+	    },
 	    registerOption: function registerOption(option) {
 	      if (this.enableVirtualScroll) return;
 	      this.options.push(option);
@@ -6205,6 +6413,16 @@
 	    },
 	    handleTabRemove: function handleTabRemove(options) {
 	      this.$emit('tab-remove', options);
+	    },
+	    handleScroll: function handleScroll() {
+	      this.optionList = this.$refs.optionList;
+	      this.optionList.onscroll = debounce$2(this.listenScroll, 300, this.optionList);
+	    },
+	    listenScroll: function listenScroll(e, optionList) {
+	      if (this.scrollEndLoading.isLoading) return;
+	      if (optionList.scrollHeight - (optionList.clientHeight + optionList.scrollTop) < 30) {
+	        this.$emit('scroll-end', true);
+	      }
 	    }
 	  }
 	};
@@ -6212,9 +6430,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__$6 = script$6;
+	var __vue_script__$7 = script$7;
 
-	var __vue_render__$6 = function __vue_render__() {
+	var __vue_render__$7 = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -6299,13 +6517,25 @@
 	    attrs: {
 	      "width-limit": _vm.isTagWidthLimit
 	    }
+	  }) : [_vm.allowCreate ? _c('input', {
+	    staticClass: "bk-select-name",
+	    class: _vm.fontSizeCls,
+	    attrs: {
+	      "title": _vm.selectedName
+	    },
+	    domProps: {
+	      "value": _vm.selectedName || _vm.value
+	    },
+	    on: {
+	      "change": _vm.handleInputChange
+	    }
 	  }) : _c('div', {
 	    staticClass: "bk-select-name",
 	    class: _vm.fontSizeCls,
 	    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,
@@ -6406,7 +6636,9 @@
 	        })];
 	      }
 	    }])
-	  }) : _vm._t("default")], 2)]), _vm.showEmpty ? [!_vm.options.length ? _c('div', {
+	  }) : _vm._t("default"), _vm.scrollEndLoading.isLoading ? _c('div', {
+	    staticClass: "bk-select-bottom-loading"
+	  }, [_c('bk-spin', _vm._b({}, 'bk-spin', _vm.scrollEndLoading, false), [_vm._v(_vm._s(_vm.scrollEndLoading.text))])], 1) : _vm._e()], 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', {
@@ -6418,37 +6650,37 @@
 	  }, [_vm._t("extension")], 2) : _vm._e()], 2)], 2)], 2);
 	};
 
-	var __vue_staticRenderFns__$6 = [];
+	var __vue_staticRenderFns__$7 = [];
 	/* style */
 
-	var __vue_inject_styles__$6 = undefined;
+	var __vue_inject_styles__$7 = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$6 = undefined;
+	var __vue_scope_id__$7 = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$6 = undefined;
+	var __vue_module_identifier__$7 = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$6 = false;
+	var __vue_is_functional_template__$7 = 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 __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);
 
-	setInstaller(__vue_component__$6, function (Vue, options) {
+	setInstaller(__vue_component__$7, function (Vue, options) {
 	  Vue.prototype.$bkToPinyin = function (str, lowerCase, separator) {
 	    return pinyin.convertToPinyin(str, lowerCase, separator);
 	  };
 	});
 
-	exports.default = __vue_component__$6;
+	exports.default = __vue_component__$7;
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 

package/lib/table-column.js

@@ -1976,7 +1976,8 @@
         if (fixed === 'right') {
           return h("bk-table-setting", {
             "attrs": {
-              "column": column
+              "column": column,
+              "tippyOptions": column.tippyOptions
             }
           });
         }
@@ -2087,7 +2088,8 @@
       },
       beforeExpandChange: Function,
       beforeSelectChange: Function,
-      beforeSelectAllChange: Function
+      beforeSelectAllChange: Function,
+      tippyOptions: Object
     },
     data: function data() {
       return {
@@ -2179,6 +2181,7 @@
         sortOrders: this.sortOrders,
         order: null,
         beforeExpandChange: this.beforeExpandChange,
+        tippyOptions: this.tippyOptions,
         beforeSelectChange: createFuncWrapper(this.beforeSelectChange),
         beforeSelectAllChange: createFuncWrapper(this.beforeSelectAllChange)
       });