bk-magic-vue 2.5.9-beta.2 → 2.5.9-beta.21

package/lib/star.js

@@ -49,10 +49,18 @@
         var rate = index + 1;
         this.$emit('chooseRate', rate);
       },
-      changeHover: function changeHover(index) {
+      changeHover: function changeHover(e, index) {
         if (!this.edit) return;
         var rate = index + 1;
         this.$emit('changeHover', rate);
+        this.$nextTick(function () {
+          e.target.classList.add('bk-rate-star-is-hover');
+        });
+      },
+      handleMouseLeave: function handleMouseLeave(e, index) {
+        this.$nextTick(function () {
+          e.target.classList.remove('bk-rate-star-is-hover');
+        });
       }
     }
   };
@@ -157,7 +165,10 @@
             return _vm.chooseRate(index);
           },
           "mouseenter": function mouseenter($event) {
-            return _vm.changeHover(index);
+            return _vm.changeHover($event, index);
+          },
+          "mouseleave": function mouseleave($event) {
+            return _vm.handleMouseLeave($event, index);
           }
         }
       }, [_c('g', {

package/lib/table.js

@@ -9192,9 +9192,7 @@
 	      return !this.enabledOptions.length;
 	    },
 	    isAllSelected: function isAllSelected() {
-	      return !this.enabledOptions.some(function (option) {
-	        return !option.isSelected;
-	      });
+	      return this.select.selected.length === this.enabledOptions.length;
 	    }
 	  },
 	  watch: {
@@ -9480,11 +9478,11 @@
 	    staticClass: "point point3"
 	  }), _c('div', {
 	    staticClass: "point point4"
-	  })]], 2), _c('div', {
+	  })]], 2), _vm.title ? _c('div', {
 	    staticClass: "bk-loading-title"
 	  }, [_vm._t("title", function () {
 	    return [_vm._v(_vm._s(_vm.title))];
-	  })], 2)])])], 1) : _c('transition', {
+	  })], 2) : _vm._e()])])], 1) : _c('transition', {
 	    attrs: {
 	      "name": "fade",
 	      "duration": {
@@ -9536,11 +9534,11 @@
 	    staticClass: "point point3"
 	  }), _c('div', {
 	    staticClass: "point point4"
-	  })]], 2), _c('div', {
+	  })]], 2), _vm.title ? _c('div', {
 	    staticClass: "bk-loading-title"
 	  }, [_vm._t("title", function () {
 	    return [_vm._v(_vm._s(_vm.title))];
-	  })], 2)])])]);
+	  })], 2) : _vm._e()])])]);
 	};
 	var __vue_staticRenderFns__$7 = [];
 
@@ -9599,6 +9597,9 @@
 	  if (options.title) {
 	    el.$vm.title = options.title;
 	  }
+	  if (options.size) {
+	    el.$vm.size = options.size;
+	  }
 	}
 	var bkLoading = {
 	  inserted: function inserted(el, binding) {
@@ -9641,6 +9642,7 @@
 	  data: function data() {
 	    return {
 	      overflowTagNode: null,
+	      overflowTagTips: null,
 	      overflowTagIndex: null,
 	      newOptionName: ''
 	    };
@@ -9727,6 +9729,25 @@
 	    },
 	    setOverflowTagContent: function setOverflowTagContent() {
 	      this.overflowTagNode.textContent = "+".concat(this.select.selected.length - this.overflowTagIndex);
+	      this.destroyTippy();
+	      this.overflowTagTips = tippy(this.overflowTagNode, {
+	        duration: 0,
+	        arrow: true,
+	        size: 'small',
+	        trigger: 'mouseenter focus',
+	        theme: 'dark',
+	        interactive: true,
+	        boundary: 'window',
+	        content: this.getOverflowTagTips(),
+	        allowHTML: true,
+	        extCls: ''
+	      });
+	    },
+	    getOverflowTagTips: function getOverflowTagTips() {
+	      var data = this.select.selectedOptions.slice(this.overflowTagIndex, this.select.selectedOptions.length) || [];
+	      return data.map(function (option) {
+	        return option.name;
+	      }).join(',');
 	    },
 	    getOverflowTagNode: function getOverflowTagNode() {
 	      if (this.overflowTagNode) {
@@ -9741,6 +9762,12 @@
 	      if (this.overflowTagNode && this.overflowTagNode.parentNode === this.$el) {
 	        this.$el.removeChild(this.overflowTagNode);
 	      }
+	      this.destroyTippy();
+	    },
+	    destroyTippy: function destroyTippy() {
+	      if (!this.overflowTagTips) return;
+	      this.overflowTagTips.destroy();
+	      this.overflowTagTips = null;
 	    },
 	    handleCreateTag: function handleCreateTag(e) {
 	      this.$emit('create-tag', e.target.value);
@@ -10859,6 +10886,10 @@
 	    };
 	  },
 	  computed: {
+	    virtualScrollHeight: function virtualScrollHeight() {
+	      var selectAllOptionHeight = 39;
+	      return this.showSelectAll ? this.scrollHeight - selectAllOptionHeight : this.scrollHeight;
+	    },
 	    selectedName: function selectedName() {
 	      if (this.selectedOptions) {
 	        if (this.multiple) {
@@ -11430,7 +11461,7 @@
 	      "placement": "bottom-start",
 	      "theme": "light bk-select-dropdown",
 	      "animation": "slide-toggle",
-	      "offset": -1,
+	      "offset": 0,
 	      "distance": _vm.popoverDistance,
 	      "z-index": _vm.zIndex,
 	      "on-show": _vm.handleDropdownShow,
@@ -11567,7 +11598,7 @@
 	    ref: "virtualScroll",
 	    staticClass: "bk-virtual-select",
 	    style: {
-	      height: _vm.scrollHeight + 'px',
+	      height: _vm.virtualScrollHeight + 'px',
 	      width: '100%'
 	    },
 	    attrs: {
@@ -11633,8 +11664,109 @@
 
 	var minSafeInteger$1 = minSafeInteger;
 
+	var defaultOptions = {
+	  duration: 0,
+	  arrow: true,
+	  size: 'small',
+	  trigger: 'mouseenter focus',
+	  theme: 'dark',
+	  interactive: true,
+	  boundary: 'window',
+	  content: '',
+	  allowHTML: true,
+	  extCls: ''
+	};
+	var validPlacements$1 = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
+	var createTippy$1 = function createTippy(el, binding) {
+	  var value = binding.value;
+	  var options = _objectSpread({}, defaultOptions);
+	  if (_typeof(value) === 'object') {
+	    if (value.allowHtml || value.allowHTML) {
+	      value.allowHTML = true;
+	    }
+	    _extends(options, value);
+	  } else {
+	    options.content = value;
+	  }
+	  var placement = validPlacements$1.find(function (placement) {
+	    return binding.modifiers[placement];
+	  });
+	  options.placement = options.placement || placement || (options.placements || ['top'])[0];
+	  var _binding$modifiers = binding.modifiers,
+	    click = _binding$modifiers.click,
+	    light = _binding$modifiers.light;
+	  if (click) {
+	    options.trigger = 'click';
+	  }
+	  if (light) {
+	    options.theme = 'light';
+	  }
+	  if (options.allowHTML) {
+	    var selector = options.content;
+	    if (selector instanceof Vue) {
+	      options.content = selector.$el;
+	    } else if (typeof selector === 'string') {
+	      try {
+	        var element = document.querySelector(selector);
+	        if (element) {
+	          options.content = element;
+	        }
+	      } catch (e) {
+	        var _element = document.createElement('div');
+	        _element.innerHTML = selector;
+	      }
+	    }
+	  }
+	  if (options.html) {
+	    options.content = options.html;
+	  }
+	  if (typeof options.onClose === 'function') {
+	    options.onHide = options.onClose;
+	  }
+	  var validOptions = getValidTippyProps(options);
+	  return tippy(el, validOptions);
+	};
+	var bkTooltips = {
+	  inserted: function inserted(el, binding) {
+	    var disabled = _typeof(binding.value) === 'object' ? binding.value.disabled : false;
+	    if (!disabled) {
+	      el.tippyInstance = createTippy$1(el, binding);
+	    }
+	  },
+	  unbind: function unbind(el) {
+	    el._tippy && el._tippy.destroy();
+	    el.tippyInstance = null;
+	  },
+	  update: function update(el, binding) {
+	    var value = binding.value;
+	    var isObject = _typeof(value) === 'object';
+	    var content = isObject ? value.content : value;
+	    var disabled = isObject ? value.disabled : false;
+	    if (disabled || !content) {
+	      el._tippy && el._tippy.destroy();
+	      el.tippyInstance = null;
+	    } else if (content) {
+	      if (!el._tippy) {
+	        el.tippyInstance = createTippy$1(el, binding);
+	      } else {
+	        if (_typeof(value) === 'object' && (binding.value.allowHtml || binding.value.allowHTML)) {
+	          el.tippyInstance = createTippy$1(el, binding);
+	        } else {
+	          el._tippy.setContent(content);
+	        }
+	      }
+	    }
+	  }
+	};
+	bkTooltips.install = function (Vue) {
+	  Vue.directive('bkTooltips', bkTooltips);
+	};
+
 	var script$c = {
 	  name: 'bk-input',
+	  directives: {
+	    bkTooltips: bkTooltips
+	  },
 	  mixins: [emitter, locale.mixin],
 	  props: {
 	    type: {
@@ -11744,7 +11876,12 @@
 	    allowNumberPaste: {
 	      type: Boolean,
 	      default: false
-	    }
+	    },
+	    showOverflowTooltips: {
+	      type: Boolean,
+	      default: false
+	    },
+	    initialControlValue: Number
 	  },
 	  data: function data() {
 	    return {
@@ -11765,6 +11902,9 @@
 	      inputPasswordIcon: this.passwordIcon,
 	      inputRightPadding: '10px',
 	      iconAreaSizeObserver: null,
+	      inputResizeObserver: null,
+	      isInputOverflow: false,
+	      inputClientWidth: null,
 	      validKeyCodeList: [48, 49, 50, 51, 52, 53, 54, 55, 56, 57,
 	      96, 97, 98, 99, 100, 101, 102, 103, 104, 105,
 	      8,
@@ -11836,6 +11976,13 @@
 	        return "bk-input-".concat(this.inputSize);
 	      }
 	      return '';
+	    },
+	    inputTooltips: function inputTooltips() {
+	      return {
+	        content: this.curValue,
+	        disabled: !this.showOverflowTooltips || this.type === 'password' || !this.isInputOverflow,
+	        width: this.inputClientWidth && this.inputClientWidth
+	      };
 	    }
 	  },
 	  watch: {
@@ -11843,6 +11990,7 @@
 	      handler: function handler(val, old) {
 	        this.setCurValue(val);
 	        old === undefined && this.updateNumberValue(val);
+	        this.setOverflow();
 	      },
 	      immediate: true
 	    },
@@ -11877,10 +12025,13 @@
 	      };
 	    }
 	    this.observerIconSize();
+	    this.observerInputSize();
 	  },
 	  beforeDestroy: function beforeDestroy() {
 	    this.iconAreaSizeObserver && typeof this.iconAreaSizeObserver.disconnect === 'function' && this.iconAreaSizeObserver.disconnect();
 	    this.iconAreaSizeObserver = null;
+	    this.inputResizeObserver && this.inputResizeObserver.disconnect();
+	    this.inputResizeObserver = null;
 	  },
 	  methods: {
 	    observerIconSize: function observerIconSize() {
@@ -11907,6 +12058,41 @@
 	        this.iconAreaSizeObserver.observe(element);
 	      }
 	    },
+	    observerInputSize: function observerInputSize() {
+	      var _this3 = this;
+	      var element = this.$refs.input;
+	      if (!element) return;
+	      this.inputResizeObserver = new ResizeObserver(function (entries) {
+	        var _iterator2 = _createForOfIteratorHelper(entries),
+	          _step2;
+	        try {
+	          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+	            var entry = _step2.value;
+	            if (entry.target === element) {
+	              _this3.setOverflow();
+	            }
+	          }
+	        } catch (err) {
+	          _iterator2.e(err);
+	        } finally {
+	          _iterator2.f();
+	        }
+	      });
+	      this.inputResizeObserver.observe(element);
+	    },
+	    setOverflow: function setOverflow() {
+	      var _this4 = this;
+	      setTimeout(function () {
+	        var inputEl = _this4.$refs.input;
+	        if (inputEl) {
+	          _this4.isInputOverflow = inputEl.scrollWidth > inputEl.clientWidth + 2;
+	          if (inputEl.clientWidth !== _this4.inputClientWidth) {
+	            _this4.$refs.inputWrapper._tippy && _this4.$refs.inputWrapper._tippy.destroy();
+	          }
+	          _this4.inputClientWidth = inputEl.clientWidth;
+	        }
+	      });
+	    },
 	    getAttributeByType: function getAttributeByType() {
 	      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
 	      var defaultAttr = {
@@ -11992,7 +12178,9 @@
 	      }
 	    },
 	    handleNumberDelete: function handleNumberDelete(event) {
-	      this.curValue === '' && (this.curValue = this.max);
+	      if (this.curValue === '') {
+	        this.curValue = this.initialControlValue === undefined ? this.max : Math.min(this.initialControlValue, this.max);
+	      }
 	      var curNumberValue = Number(this.curValue);
 	      if (curNumberValue - 1 >= this.min) {
 	        var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
@@ -12007,7 +12195,9 @@
 	      }
 	    },
 	    handleNumberAdd: function handleNumberAdd(event) {
-	      this.curValue === '' && (this.curValue = this.min);
+	      if (this.curValue === '') {
+	        this.curValue = this.initialControlValue === undefined ? this.min : Math.max(this.initialControlValue, this.min);
+	      }
 	      var curNumberValue = Number(this.curValue);
 	      if (curNumberValue <= this.max - 1) {
 	        var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
@@ -12161,16 +12351,16 @@
 	      }
 	    },
 	    handlerInput: function handlerInput(event) {
-	      var _this3 = this;
+	      var _this5 = this;
 	      if (this.inputType === 'number' && this.isOnComposition) {
 	        return;
 	      }
 	      this.$nextTick(function () {
 	        var value = event.target.value;
-	        _this3.setCurValue(value);
-	        _this3.$emit('input', value, event);
-	        _this3.$emit('change', value, event);
-	        _this3.dispatch('bk-form-item', 'form-change');
+	        _this5.setCurValue(value);
+	        _this5.$emit('input', value, event);
+	        _this5.$emit('change', value, event);
+	        _this5.dispatch('bk-form-item', 'form-change');
 	      });
 	    },
 	    handlerClear: function handlerClear(event) {
@@ -12275,6 +12465,13 @@
 	  }, [_c('span', {
 	    staticClass: "strong"
 	  }, [_vm._v(_vm._s(_vm.curValue && _vm.curValue.length || 0))]), _vm._v("/"), _c('span', [_vm._v(_vm._s(_vm.maxlength))])])] : _vm._e()], 2)] : [_c('div', {
+	    directives: [{
+	      name: "bk-tooltips",
+	      rawName: "v-bk-tooltips",
+	      value: _vm.inputTooltips,
+	      expression: "inputTooltips"
+	    }],
+	    ref: "inputWrapper",
 	    class: ["bk-input-" + _vm.type]
 	  }, [_c('input', _vm._b({
 	    ref: "input",