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

package/dist/bk-magic-vue.js

@@ -7640,7 +7640,7 @@
       if (this.shortcutSelectedIndex !== -1) {
         shortcut = this.shortcuts[this.shortcutSelectedIndex] || null;
         if (shortcut) {
-          initialValue = shortcut.value();
+          initialValue = [shortcut.value()];
         }
       }
       var focusedTime = initialValue.map(extractTime);
@@ -12549,6 +12549,421 @@
   })();
   var popManager = window['__bk_pop_manager'];
 
+  var _iterStep = function (done, value) {
+    return { value: value, done: !!done };
+  };
+
+  var es6_array_iterator = _iterDefine(Array, 'Array', function (iterated, kind) {
+    this._t = _toIobject(iterated);
+    this._i = 0;
+    this._k = kind;
+  }, function () {
+    var O = this._t;
+    var kind = this._k;
+    var index = this._i++;
+    if (!O || index >= O.length) {
+      this._t = undefined;
+      return _iterStep(1);
+    }
+    if (kind == 'keys') return _iterStep(0, index);
+    if (kind == 'values') return _iterStep(0, O[index]);
+    return _iterStep(0, [index, O[index]]);
+  }, 'values');
+  _iterators.Arguments = _iterators.Array;
+
+  var TO_STRING_TAG = _wks('toStringTag');
+  var DOMIterables = ('CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,' +
+    'DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,' +
+    'MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,' +
+    'SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,' +
+    'TextTrackList,TouchList').split(',');
+  for (var i$1 = 0; i$1 < DOMIterables.length; i$1++) {
+    var NAME = DOMIterables[i$1];
+    var Collection = _global[NAME];
+    var proto = Collection && Collection.prototype;
+    if (proto && !proto[TO_STRING_TAG]) _hide(proto, TO_STRING_TAG, NAME);
+    _iterators[NAME] = _iterators.Array;
+  }
+
+  var SPECIES = _wks('species');
+  var _arraySpeciesConstructor = function (original) {
+    var C;
+    if (_isArray(original)) {
+      C = original.constructor;
+      if (typeof C == 'function' && (C === Array || _isArray(C.prototype))) C = undefined;
+      if (_isObject(C)) {
+        C = C[SPECIES];
+        if (C === null) C = undefined;
+      }
+    } return C === undefined ? Array : C;
+  };
+
+  var _arraySpeciesCreate = function (original, length) {
+    return new (_arraySpeciesConstructor(original))(length);
+  };
+
+  var _arrayMethods = function (TYPE, $create) {
+    var IS_MAP = TYPE == 1;
+    var IS_FILTER = TYPE == 2;
+    var IS_SOME = TYPE == 3;
+    var IS_EVERY = TYPE == 4;
+    var IS_FIND_INDEX = TYPE == 6;
+    var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
+    var create = $create || _arraySpeciesCreate;
+    return function ($this, callbackfn, that) {
+      var O = _toObject($this);
+      var self = _iobject(O);
+      var f = _ctx(callbackfn, that, 3);
+      var length = _toLength(self.length);
+      var index = 0;
+      var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;
+      var val, res;
+      for (;length > index; index++) if (NO_HOLES || index in self) {
+        val = self[index];
+        res = f(val, index, O);
+        if (TYPE) {
+          if (IS_MAP) result[index] = res;
+          else if (res) switch (TYPE) {
+            case 3: return true;
+            case 5: return val;
+            case 6: return index;
+            case 2: result.push(val);
+          } else if (IS_EVERY) return false;
+        }
+      }
+      return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;
+    };
+  };
+
+  var $assign = Object.assign;
+  var _objectAssign = !$assign || _fails(function () {
+    var A = {};
+    var B = {};
+    var S = Symbol();
+    var K = 'abcdefghijklmnopqrst';
+    A[S] = 7;
+    K.split('').forEach(function (k) { B[k] = k; });
+    return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;
+  }) ? function assign(target, source) {
+    var T = _toObject(target);
+    var aLen = arguments.length;
+    var index = 1;
+    var getSymbols = _objectGops.f;
+    var isEnum = _objectPie.f;
+    while (aLen > index) {
+      var S = _iobject(arguments[index++]);
+      var keys = getSymbols ? _objectKeys(S).concat(getSymbols(S)) : _objectKeys(S);
+      var length = keys.length;
+      var j = 0;
+      var key;
+      while (length > j) {
+        key = keys[j++];
+        if (!_descriptors || isEnum.call(S, key)) T[key] = S[key];
+      }
+    } return T;
+  } : $assign;
+
+  var _redefineAll = function (target, src, safe) {
+    for (var key in src) {
+      if (safe && target[key]) target[key] = src[key];
+      else _hide(target, key, src[key]);
+    } return target;
+  };
+
+  var _anInstance = function (it, Constructor, name, forbiddenField) {
+    if (!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)) {
+      throw TypeError(name + ': incorrect invocation!');
+    } return it;
+  };
+
+  var _forOf = createCommonjsModule(function (module) {
+  var BREAK = {};
+  var RETURN = {};
+  var exports = module.exports = function (iterable, entries, fn, that, ITERATOR) {
+    var iterFn = ITERATOR ? function () { return iterable; } : core_getIteratorMethod(iterable);
+    var f = _ctx(fn, that, entries ? 2 : 1);
+    var index = 0;
+    var length, step, iterator, result;
+    if (typeof iterFn != 'function') throw TypeError(iterable + ' is not iterable!');
+    if (_isArrayIter(iterFn)) for (length = _toLength(iterable.length); length > index; index++) {
+      result = entries ? f(_anObject(step = iterable[index])[0], step[1]) : f(iterable[index]);
+      if (result === BREAK || result === RETURN) return result;
+    } else for (iterator = iterFn.call(iterable); !(step = iterator.next()).done;) {
+      result = _iterCall(iterator, f, step.value, entries);
+      if (result === BREAK || result === RETURN) return result;
+    }
+  };
+  exports.BREAK = BREAK;
+  exports.RETURN = RETURN;
+  });
+
+  var _validateCollection = function (it, TYPE) {
+    if (!_isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
+    return it;
+  };
+
+  var getWeak = _meta.getWeak;
+  var arrayFind = _arrayMethods(5);
+  var arrayFindIndex = _arrayMethods(6);
+  var id$1 = 0;
+  var uncaughtFrozenStore = function (that) {
+    return that._l || (that._l = new UncaughtFrozenStore());
+  };
+  var UncaughtFrozenStore = function () {
+    this.a = [];
+  };
+  var findUncaughtFrozen = function (store, key) {
+    return arrayFind(store.a, function (it) {
+      return it[0] === key;
+    });
+  };
+  UncaughtFrozenStore.prototype = {
+    get: function (key) {
+      var entry = findUncaughtFrozen(this, key);
+      if (entry) return entry[1];
+    },
+    has: function (key) {
+      return !!findUncaughtFrozen(this, key);
+    },
+    set: function (key, value) {
+      var entry = findUncaughtFrozen(this, key);
+      if (entry) entry[1] = value;
+      else this.a.push([key, value]);
+    },
+    'delete': function (key) {
+      var index = arrayFindIndex(this.a, function (it) {
+        return it[0] === key;
+      });
+      if (~index) this.a.splice(index, 1);
+      return !!~index;
+    }
+  };
+  var _collectionWeak = {
+    getConstructor: function (wrapper, NAME, IS_MAP, ADDER) {
+      var C = wrapper(function (that, iterable) {
+        _anInstance(that, C, NAME, '_i');
+        that._t = NAME;
+        that._i = id$1++;
+        that._l = undefined;
+        if (iterable != undefined) _forOf(iterable, IS_MAP, that[ADDER], that);
+      });
+      _redefineAll(C.prototype, {
+        'delete': function (key) {
+          if (!_isObject(key)) return false;
+          var data = getWeak(key);
+          if (data === true) return uncaughtFrozenStore(_validateCollection(this, NAME))['delete'](key);
+          return data && _has(data, this._i) && delete data[this._i];
+        },
+        has: function has(key) {
+          if (!_isObject(key)) return false;
+          var data = getWeak(key);
+          if (data === true) return uncaughtFrozenStore(_validateCollection(this, NAME)).has(key);
+          return data && _has(data, this._i);
+        }
+      });
+      return C;
+    },
+    def: function (that, key, value) {
+      var data = getWeak(_anObject(key), true);
+      if (data === true) uncaughtFrozenStore(that).set(key, value);
+      else data[that._i] = value;
+      return that;
+    },
+    ufstore: uncaughtFrozenStore
+  };
+
+  var dP$2 = _objectDp.f;
+  var each = _arrayMethods(0);
+  var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
+    var Base = _global[NAME];
+    var C = Base;
+    var ADDER = IS_MAP ? 'set' : 'add';
+    var proto = C && C.prototype;
+    var O = {};
+    if (!_descriptors || typeof C != 'function' || !(IS_WEAK || proto.forEach && !_fails(function () {
+      new C().entries().next();
+    }))) {
+      C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER);
+      _redefineAll(C.prototype, methods);
+      _meta.NEED = true;
+    } else {
+      C = wrapper(function (target, iterable) {
+        _anInstance(target, C, NAME, '_c');
+        target._c = new Base();
+        if (iterable != undefined) _forOf(iterable, IS_MAP, target[ADDER], target);
+      });
+      each('add,clear,delete,forEach,get,has,set,keys,values,entries,toJSON'.split(','), function (KEY) {
+        var IS_ADDER = KEY == 'add' || KEY == 'set';
+        if (KEY in proto && !(IS_WEAK && KEY == 'clear')) _hide(C.prototype, KEY, function (a, b) {
+          _anInstance(this, C, KEY);
+          if (!IS_ADDER && IS_WEAK && !_isObject(a)) return KEY == 'get' ? undefined : false;
+          var result = this._c[KEY](a === 0 ? 0 : a, b);
+          return IS_ADDER ? this : result;
+        });
+      });
+      IS_WEAK || dP$2(C.prototype, 'size', {
+        get: function () {
+          return this._c.size;
+        }
+      });
+    }
+    _setToStringTag(C, NAME);
+    O[NAME] = C;
+    _export(_export.G + _export.W + _export.F, O);
+    if (!IS_WEAK) common.setStrong(C, NAME, IS_MAP);
+    return C;
+  };
+
+  var es6_weakMap = createCommonjsModule(function (module) {
+  var each = _arrayMethods(0);
+  var NATIVE_WEAK_MAP = _validateCollection;
+  var IS_IE11 = !_global.ActiveXObject && 'ActiveXObject' in _global;
+  var WEAK_MAP = 'WeakMap';
+  var getWeak = _meta.getWeak;
+  var isExtensible = Object.isExtensible;
+  var uncaughtFrozenStore = _collectionWeak.ufstore;
+  var InternalMap;
+  var wrapper = function (get) {
+    return function WeakMap() {
+      return get(this, arguments.length > 0 ? arguments[0] : undefined);
+    };
+  };
+  var methods = {
+    get: function get(key) {
+      if (_isObject(key)) {
+        var data = getWeak(key);
+        if (data === true) return uncaughtFrozenStore(_validateCollection(this, WEAK_MAP)).get(key);
+        return data ? data[this._i] : undefined;
+      }
+    },
+    set: function set(key, value) {
+      return _collectionWeak.def(_validateCollection(this, WEAK_MAP), key, value);
+    }
+  };
+  var $WeakMap = module.exports = _collection(WEAK_MAP, wrapper, methods, _collectionWeak, true, true);
+  if (NATIVE_WEAK_MAP && IS_IE11) {
+    InternalMap = _collectionWeak.getConstructor(wrapper, WEAK_MAP);
+    _objectAssign(InternalMap.prototype, methods);
+    _meta.NEED = true;
+    each(['delete', 'has', 'get', 'set'], function (key) {
+      var proto = $WeakMap.prototype;
+      var method = proto[key];
+      _redefine(proto, key, function (a, b) {
+        if (_isObject(a) && !isExtensible(a)) {
+          if (!this._f) this._f = new InternalMap();
+          var result = this._f[key](a, b);
+          return key == 'set' ? this : result;
+        } return method.call(this, a, b);
+      });
+    });
+  }
+  });
+
+  var _setCollectionOf = function (COLLECTION) {
+    _export(_export.S, COLLECTION, { of: function of() {
+      var length = arguments.length;
+      var A = new Array(length);
+      while (length--) A[length] = arguments[length];
+      return new this(A);
+    } });
+  };
+
+  _setCollectionOf('WeakMap');
+
+  var _setCollectionFrom = function (COLLECTION) {
+    _export(_export.S, COLLECTION, { from: function from(source ) {
+      var mapFn = arguments[1];
+      var mapping, A, n, cb;
+      _aFunction(this);
+      mapping = mapFn !== undefined;
+      if (mapping) _aFunction(mapFn);
+      if (source == undefined) return new this();
+      A = [];
+      if (mapping) {
+        n = 0;
+        cb = _ctx(mapFn, arguments[2], 2);
+        _forOf(source, false, function (nextItem) {
+          A.push(cb(nextItem, n++));
+        });
+      } else {
+        _forOf(source, false, A.push, A);
+      }
+      return new this(A);
+    } });
+  };
+
+  _setCollectionFrom('WeakMap');
+
+  var weakMap = _core.WeakMap;
+
+  var weakMap$1 = weakMap;
+
+  var instanceStore = new weakMap$1();
+  var activeModal;
+  var appendMaskDiv = function appendMaskDiv(target) {
+    var div = document.createElement('div');
+    div.style.setProperty('position', 'fixed');
+    div.style.setProperty('left', '0');
+    div.style.setProperty('top', '0');
+    div.style.setProperty('width', '100%');
+    div.style.setProperty('height', '100%');
+    if (target.firstChild) {
+      return target.insertBefore(div, target.firstChild);
+    }
+    return null;
+  };
+  var loopSetMaskStyle = function loopSetMaskStyle(modal, show) {
+    if (!modal) {
+      return;
+    }
+    if (instanceStore.has(modal)) {
+      var _instanceStore$get = instanceStore.get(modal),
+        mask = _instanceStore$get.mask,
+        backgroundColor = _instanceStore$get.backgroundColor;
+      if (mask) {
+        mask.style.setProperty('background-color', show ? 'transparent' : backgroundColor);
+      }
+    }
+  };
+  var showMask = function showMask(options) {
+    if (!options.el || options.showMask === false) {
+      return;
+    }
+    if (!instanceStore.has(options.el)) {
+      var _mask = appendMaskDiv(options.el);
+      _mask.style.setProperty('background-color', options.backgroundColor);
+      instanceStore.set(options.el, _objectSpread({}, options, {
+        mask: _mask,
+        referenceParent: activeModal
+      }));
+      if (typeof options.onClick === 'function') {
+        _mask.addEventListener('click', options.onClick);
+      }
+    }
+    var mask = instanceStore.get(options.el).mask;
+    if (mask) {
+      mask.style.setProperty('display', 'inherit');
+    }
+    loopSetMaskStyle(activeModal, options.showMask);
+    activeModal = options.el;
+  };
+  var hideMask = function hideMask(options) {
+    if (options.el && instanceStore.has(options.el)) {
+      var _instanceStore$get2 = instanceStore.get(options.el),
+        referenceParent = _instanceStore$get2.referenceParent,
+        mask = _instanceStore$get2.mask;
+      activeModal = referenceParent;
+      loopSetMaskStyle(referenceParent, false);
+      if (mask) {
+        mask.style.setProperty('display', 'none');
+      }
+    }
+  };
+  var mask = {
+    showMask: showMask,
+    hideMask: hideMask
+  };
+
   var zIndex$1 = {
     props: {
       zIndex: {
@@ -12873,7 +13288,10 @@
             }
             _this.removeScrollEffect();
           }, 300);
-          this.showMask && popManager.hide(this.popUid);
+          mask.hideMask({
+            el: this.$el,
+            showMask: this.showMask
+          });
         } else {
           this.addScrollEffect();
           this.$nextTick(function () {
@@ -12891,14 +13309,11 @@
               }, 0);
             }
             _this.dialogIndex = _this.zIndex !== undefined ? _this.zIndex : _this.getLocalZIndex();
-            if (_this.showMask) {
-              var options = {
-                tplAction: 'keepAll',
-                zIndex: _this.dialogIndex,
-                ignoreExistMask: _this.ignoreExistMask
-              };
-              _this.popUid = popManager.show("bk-dialog-".concat(_this.uuid), _this.$el, options);
-            }
+            mask.showMask({
+              el: _this.$el,
+              showMask: _this.showMask,
+              backgroundColor: 'rgba(0, 0, 0, 0.6)'
+            });
           });
         }
         this.$emit('value-change', val);
@@ -13167,6 +13582,7 @@
         "top": "-100000px",
         "left": "-100000px"
       },
+      style: _vm.wrapStyles,
       attrs: {
         "data-transfer": _vm.transfer
       }
@@ -25273,74 +25689,11 @@
 
   setInstaller(__vue_component__$y);
 
-  var _iterStep = function (done, value) {
-    return { value: value, done: !!done };
-  };
-
-  var es6_array_iterator = _iterDefine(Array, 'Array', function (iterated, kind) {
-    this._t = _toIobject(iterated);
-    this._i = 0;
-    this._k = kind;
-  }, function () {
-    var O = this._t;
-    var kind = this._k;
-    var index = this._i++;
-    if (!O || index >= O.length) {
-      this._t = undefined;
-      return _iterStep(1);
-    }
-    if (kind == 'keys') return _iterStep(0, index);
-    if (kind == 'values') return _iterStep(0, O[index]);
-    return _iterStep(0, [index, O[index]]);
-  }, 'values');
-  _iterators.Arguments = _iterators.Array;
-
-  var TO_STRING_TAG = _wks('toStringTag');
-  var DOMIterables = ('CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,' +
-    'DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,' +
-    'MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,' +
-    'SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,' +
-    'TextTrackList,TouchList').split(',');
-  for (var i$1 = 0; i$1 < DOMIterables.length; i$1++) {
-    var NAME = DOMIterables[i$1];
-    var Collection = _global[NAME];
-    var proto = Collection && Collection.prototype;
-    if (proto && !proto[TO_STRING_TAG]) _hide(proto, TO_STRING_TAG, NAME);
-    _iterators[NAME] = _iterators.Array;
-  }
-
-  var _anInstance = function (it, Constructor, name, forbiddenField) {
-    if (!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)) {
-      throw TypeError(name + ': incorrect invocation!');
-    } return it;
-  };
-
-  var _forOf = createCommonjsModule(function (module) {
-  var BREAK = {};
-  var RETURN = {};
-  var exports = module.exports = function (iterable, entries, fn, that, ITERATOR) {
-    var iterFn = ITERATOR ? function () { return iterable; } : core_getIteratorMethod(iterable);
-    var f = _ctx(fn, that, entries ? 2 : 1);
-    var index = 0;
-    var length, step, iterator, result;
-    if (typeof iterFn != 'function') throw TypeError(iterable + ' is not iterable!');
-    if (_isArrayIter(iterFn)) for (length = _toLength(iterable.length); length > index; index++) {
-      result = entries ? f(_anObject(step = iterable[index])[0], step[1]) : f(iterable[index]);
-      if (result === BREAK || result === RETURN) return result;
-    } else for (iterator = iterFn.call(iterable); !(step = iterator.next()).done;) {
-      result = _iterCall(iterator, f, step.value, entries);
-      if (result === BREAK || result === RETURN) return result;
-    }
-  };
-  exports.BREAK = BREAK;
-  exports.RETURN = RETURN;
-  });
-
-  var SPECIES = _wks('species');
+  var SPECIES$1 = _wks('species');
   var _speciesConstructor = function (O, D) {
     var C = _anObject(O).constructor;
     var S;
-    return C === undefined || (S = _anObject(C)[SPECIES]) == undefined ? D : _aFunction(S);
+    return C === undefined || (S = _anObject(C)[SPECIES$1]) == undefined ? D : _aFunction(S);
   };
 
   var _invoke = function (fn, args, that) {
@@ -25520,17 +25873,10 @@
     return promiseCapability.promise;
   };
 
-  var _redefineAll = function (target, src, safe) {
-    for (var key in src) {
-      if (safe && target[key]) target[key] = src[key];
-      else _hide(target, key, src[key]);
-    } return target;
-  };
-
-  var SPECIES$1 = _wks('species');
+  var SPECIES$2 = _wks('species');
   var _setSpecies = function (KEY) {
     var C = typeof _core[KEY] == 'function' ? _core[KEY] : _global[KEY];
-    if (_descriptors && C && !C[SPECIES$1]) _objectDp.f(C, SPECIES$1, {
+    if (_descriptors && C && !C[SPECIES$2]) _objectDp.f(C, SPECIES$2, {
       configurable: true,
       get: function () { return this; }
     });
@@ -26018,34 +26364,6 @@
 
   setInstaller(__vue_component__$z);
 
-  var $assign = Object.assign;
-  var _objectAssign = !$assign || _fails(function () {
-    var A = {};
-    var B = {};
-    var S = Symbol();
-    var K = 'abcdefghijklmnopqrst';
-    A[S] = 7;
-    K.split('').forEach(function (k) { B[k] = k; });
-    return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;
-  }) ? function assign(target, source) {
-    var T = _toObject(target);
-    var aLen = arguments.length;
-    var index = 1;
-    var getSymbols = _objectGops.f;
-    var isEnum = _objectPie.f;
-    while (aLen > index) {
-      var S = _iobject(arguments[index++]);
-      var keys = getSymbols ? _objectKeys(S).concat(getSymbols(S)) : _objectKeys(S);
-      var length = keys.length;
-      var j = 0;
-      var key;
-      while (length > j) {
-        key = keys[j++];
-        if (!_descriptors || isEnum.call(S, key)) T[key] = S[key];
-      }
-    } return T;
-  } : $assign;
-
   _export(_export.S + _export.F, 'Object', { assign: _objectAssign });
 
   var assign = _core.Object.assign;
@@ -29235,6 +29553,9 @@
 
   var script$B = {
     name: 'bk-input',
+    directives: {
+      bkTooltips: bkTooltips
+    },
     mixins: [emitter, locale.mixin],
     props: {
       type: {
@@ -29344,7 +29665,12 @@
       allowNumberPaste: {
         type: Boolean,
         default: false
-      }
+      },
+      showOverflowTooltips: {
+        type: Boolean,
+        default: false
+      },
+      initialControlValue: Number
     },
     data: function data() {
       return {
@@ -29365,6 +29691,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,
@@ -29436,6 +29765,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: {
@@ -29443,6 +29779,7 @@
         handler: function handler(val, old) {
           this.setCurValue(val);
           old === undefined && this.updateNumberValue(val);
+          this.setOverflow();
         },
         immediate: true
       },
@@ -29477,10 +29814,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() {
@@ -29507,6 +29847,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 = {
@@ -29592,7 +29967,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] || '';
@@ -29607,7 +29984,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] || '';
@@ -29761,16 +30140,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) {
@@ -29875,6 +30254,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",
@@ -30186,11 +30572,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": {
@@ -30242,11 +30628,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__$C = [];
 
@@ -30337,6 +30723,9 @@
     if (options.title) {
       el.$vm.title = options.title;
     }
+    if (options.size) {
+      el.$vm.size = options.size;
+    }
   }
   var bkLoading = {
     inserted: function inserted(el, binding) {
@@ -30417,257 +30806,6 @@
 
   var apply$1 = apply;
 
-  var SPECIES$2 = _wks('species');
-  var _arraySpeciesConstructor = function (original) {
-    var C;
-    if (_isArray(original)) {
-      C = original.constructor;
-      if (typeof C == 'function' && (C === Array || _isArray(C.prototype))) C = undefined;
-      if (_isObject(C)) {
-        C = C[SPECIES$2];
-        if (C === null) C = undefined;
-      }
-    } return C === undefined ? Array : C;
-  };
-
-  var _arraySpeciesCreate = function (original, length) {
-    return new (_arraySpeciesConstructor(original))(length);
-  };
-
-  var _arrayMethods = function (TYPE, $create) {
-    var IS_MAP = TYPE == 1;
-    var IS_FILTER = TYPE == 2;
-    var IS_SOME = TYPE == 3;
-    var IS_EVERY = TYPE == 4;
-    var IS_FIND_INDEX = TYPE == 6;
-    var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
-    var create = $create || _arraySpeciesCreate;
-    return function ($this, callbackfn, that) {
-      var O = _toObject($this);
-      var self = _iobject(O);
-      var f = _ctx(callbackfn, that, 3);
-      var length = _toLength(self.length);
-      var index = 0;
-      var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;
-      var val, res;
-      for (;length > index; index++) if (NO_HOLES || index in self) {
-        val = self[index];
-        res = f(val, index, O);
-        if (TYPE) {
-          if (IS_MAP) result[index] = res;
-          else if (res) switch (TYPE) {
-            case 3: return true;
-            case 5: return val;
-            case 6: return index;
-            case 2: result.push(val);
-          } else if (IS_EVERY) return false;
-        }
-      }
-      return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;
-    };
-  };
-
-  var _validateCollection = function (it, TYPE) {
-    if (!_isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
-    return it;
-  };
-
-  var getWeak = _meta.getWeak;
-  var arrayFind = _arrayMethods(5);
-  var arrayFindIndex = _arrayMethods(6);
-  var id$1 = 0;
-  var uncaughtFrozenStore = function (that) {
-    return that._l || (that._l = new UncaughtFrozenStore());
-  };
-  var UncaughtFrozenStore = function () {
-    this.a = [];
-  };
-  var findUncaughtFrozen = function (store, key) {
-    return arrayFind(store.a, function (it) {
-      return it[0] === key;
-    });
-  };
-  UncaughtFrozenStore.prototype = {
-    get: function (key) {
-      var entry = findUncaughtFrozen(this, key);
-      if (entry) return entry[1];
-    },
-    has: function (key) {
-      return !!findUncaughtFrozen(this, key);
-    },
-    set: function (key, value) {
-      var entry = findUncaughtFrozen(this, key);
-      if (entry) entry[1] = value;
-      else this.a.push([key, value]);
-    },
-    'delete': function (key) {
-      var index = arrayFindIndex(this.a, function (it) {
-        return it[0] === key;
-      });
-      if (~index) this.a.splice(index, 1);
-      return !!~index;
-    }
-  };
-  var _collectionWeak = {
-    getConstructor: function (wrapper, NAME, IS_MAP, ADDER) {
-      var C = wrapper(function (that, iterable) {
-        _anInstance(that, C, NAME, '_i');
-        that._t = NAME;
-        that._i = id$1++;
-        that._l = undefined;
-        if (iterable != undefined) _forOf(iterable, IS_MAP, that[ADDER], that);
-      });
-      _redefineAll(C.prototype, {
-        'delete': function (key) {
-          if (!_isObject(key)) return false;
-          var data = getWeak(key);
-          if (data === true) return uncaughtFrozenStore(_validateCollection(this, NAME))['delete'](key);
-          return data && _has(data, this._i) && delete data[this._i];
-        },
-        has: function has(key) {
-          if (!_isObject(key)) return false;
-          var data = getWeak(key);
-          if (data === true) return uncaughtFrozenStore(_validateCollection(this, NAME)).has(key);
-          return data && _has(data, this._i);
-        }
-      });
-      return C;
-    },
-    def: function (that, key, value) {
-      var data = getWeak(_anObject(key), true);
-      if (data === true) uncaughtFrozenStore(that).set(key, value);
-      else data[that._i] = value;
-      return that;
-    },
-    ufstore: uncaughtFrozenStore
-  };
-
-  var dP$2 = _objectDp.f;
-  var each = _arrayMethods(0);
-  var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
-    var Base = _global[NAME];
-    var C = Base;
-    var ADDER = IS_MAP ? 'set' : 'add';
-    var proto = C && C.prototype;
-    var O = {};
-    if (!_descriptors || typeof C != 'function' || !(IS_WEAK || proto.forEach && !_fails(function () {
-      new C().entries().next();
-    }))) {
-      C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER);
-      _redefineAll(C.prototype, methods);
-      _meta.NEED = true;
-    } else {
-      C = wrapper(function (target, iterable) {
-        _anInstance(target, C, NAME, '_c');
-        target._c = new Base();
-        if (iterable != undefined) _forOf(iterable, IS_MAP, target[ADDER], target);
-      });
-      each('add,clear,delete,forEach,get,has,set,keys,values,entries,toJSON'.split(','), function (KEY) {
-        var IS_ADDER = KEY == 'add' || KEY == 'set';
-        if (KEY in proto && !(IS_WEAK && KEY == 'clear')) _hide(C.prototype, KEY, function (a, b) {
-          _anInstance(this, C, KEY);
-          if (!IS_ADDER && IS_WEAK && !_isObject(a)) return KEY == 'get' ? undefined : false;
-          var result = this._c[KEY](a === 0 ? 0 : a, b);
-          return IS_ADDER ? this : result;
-        });
-      });
-      IS_WEAK || dP$2(C.prototype, 'size', {
-        get: function () {
-          return this._c.size;
-        }
-      });
-    }
-    _setToStringTag(C, NAME);
-    O[NAME] = C;
-    _export(_export.G + _export.W + _export.F, O);
-    if (!IS_WEAK) common.setStrong(C, NAME, IS_MAP);
-    return C;
-  };
-
-  var es6_weakMap = createCommonjsModule(function (module) {
-  var each = _arrayMethods(0);
-  var NATIVE_WEAK_MAP = _validateCollection;
-  var IS_IE11 = !_global.ActiveXObject && 'ActiveXObject' in _global;
-  var WEAK_MAP = 'WeakMap';
-  var getWeak = _meta.getWeak;
-  var isExtensible = Object.isExtensible;
-  var uncaughtFrozenStore = _collectionWeak.ufstore;
-  var InternalMap;
-  var wrapper = function (get) {
-    return function WeakMap() {
-      return get(this, arguments.length > 0 ? arguments[0] : undefined);
-    };
-  };
-  var methods = {
-    get: function get(key) {
-      if (_isObject(key)) {
-        var data = getWeak(key);
-        if (data === true) return uncaughtFrozenStore(_validateCollection(this, WEAK_MAP)).get(key);
-        return data ? data[this._i] : undefined;
-      }
-    },
-    set: function set(key, value) {
-      return _collectionWeak.def(_validateCollection(this, WEAK_MAP), key, value);
-    }
-  };
-  var $WeakMap = module.exports = _collection(WEAK_MAP, wrapper, methods, _collectionWeak, true, true);
-  if (NATIVE_WEAK_MAP && IS_IE11) {
-    InternalMap = _collectionWeak.getConstructor(wrapper, WEAK_MAP);
-    _objectAssign(InternalMap.prototype, methods);
-    _meta.NEED = true;
-    each(['delete', 'has', 'get', 'set'], function (key) {
-      var proto = $WeakMap.prototype;
-      var method = proto[key];
-      _redefine(proto, key, function (a, b) {
-        if (_isObject(a) && !isExtensible(a)) {
-          if (!this._f) this._f = new InternalMap();
-          var result = this._f[key](a, b);
-          return key == 'set' ? this : result;
-        } return method.call(this, a, b);
-      });
-    });
-  }
-  });
-
-  var _setCollectionOf = function (COLLECTION) {
-    _export(_export.S, COLLECTION, { of: function of() {
-      var length = arguments.length;
-      var A = new Array(length);
-      while (length--) A[length] = arguments[length];
-      return new this(A);
-    } });
-  };
-
-  _setCollectionOf('WeakMap');
-
-  var _setCollectionFrom = function (COLLECTION) {
-    _export(_export.S, COLLECTION, { from: function from(source ) {
-      var mapFn = arguments[1];
-      var mapping, A, n, cb;
-      _aFunction(this);
-      mapping = mapFn !== undefined;
-      if (mapping) _aFunction(mapFn);
-      if (source == undefined) return new this();
-      A = [];
-      if (mapping) {
-        n = 0;
-        cb = _ctx(mapFn, arguments[2], 2);
-        _forOf(source, false, function (nextItem) {
-          A.push(cb(nextItem, n++));
-        });
-      } else {
-        _forOf(source, false, A.push, A);
-      }
-      return new this(A);
-    } });
-  };
-
-  _setCollectionFrom('WeakMap');
-
-  var weakMap = _core.WeakMap;
-
-  var weakMap$1 = weakMap;
-
   var jsonFormatter_umd = createCommonjsModule(function (module, exports) {
   !function(t,e){module.exports=e();}(commonjsGlobal,(function(){function t(t){return null===t?"null":typeof t}function e(t){return !!t&&"object"==typeof t}function r(t){if(void 0===t)return "";if(null===t)return "Object";if("object"==typeof t&&!t.constructor)return "Object";var e=/function ([^(]*)/.exec(t.constructor.toString());return e&&e.length>1?e[1]:""}function n(t,e,r){return "null"===t||"undefined"===t?t:("string"!==t&&"stringifiable"!==t||(r='"'+r.replace(/"/g,'\\"')+'"'),"function"===t?e.toString().replace(/[\r\n]/g,"").replace(/\{.*\}/,"")+"{…}":r)}function o(o){var i="";return e(o)?(i=r(o),Array.isArray(o)&&(i+="["+o.length+"]")):i=n(t(o),o,o),i}function i(t){return "json-formatter-"+t}function s(t,e,r){var n=document.createElement(t);return e&&n.classList.add(i(e)),void 0!==r&&(r instanceof Node?n.appendChild(r):n.appendChild(document.createTextNode(String(r)))),n}!function(t){if(t&&"undefined"!=typeof window){var e=document.createElement("style");e.setAttribute("media","screen"),e.innerHTML=t,document.head.appendChild(e);}}('.json-formatter-row {\n  font-family: monospace;\n}\n.json-formatter-row,\n.json-formatter-row a,\n.json-formatter-row a:hover {\n  color: black;\n  text-decoration: none;\n}\n.json-formatter-row .json-formatter-row {\n  margin-left: 1rem;\n}\n.json-formatter-row .json-formatter-children.json-formatter-empty {\n  opacity: 0.5;\n  margin-left: 1rem;\n}\n.json-formatter-row .json-formatter-children.json-formatter-empty:after {\n  display: none;\n}\n.json-formatter-row .json-formatter-children.json-formatter-empty.json-formatter-object:after {\n  content: "No properties";\n}\n.json-formatter-row .json-formatter-children.json-formatter-empty.json-formatter-array:after {\n  content: "[]";\n}\n.json-formatter-row .json-formatter-string,\n.json-formatter-row .json-formatter-stringifiable {\n  color: green;\n  white-space: pre;\n  word-wrap: break-word;\n}\n.json-formatter-row .json-formatter-number {\n  color: blue;\n}\n.json-formatter-row .json-formatter-boolean {\n  color: red;\n}\n.json-formatter-row .json-formatter-null {\n  color: #855A00;\n}\n.json-formatter-row .json-formatter-undefined {\n  color: #ca0b69;\n}\n.json-formatter-row .json-formatter-function {\n  color: #FF20ED;\n}\n.json-formatter-row .json-formatter-date {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n.json-formatter-row .json-formatter-url {\n  text-decoration: underline;\n  color: blue;\n  cursor: pointer;\n}\n.json-formatter-row .json-formatter-bracket {\n  color: blue;\n}\n.json-formatter-row .json-formatter-key {\n  color: #00008B;\n  padding-right: 0.2rem;\n}\n.json-formatter-row .json-formatter-toggler-link {\n  cursor: pointer;\n}\n.json-formatter-row .json-formatter-toggler {\n  line-height: 1.2rem;\n  font-size: 0.7rem;\n  vertical-align: middle;\n  opacity: 0.6;\n  cursor: pointer;\n  padding-right: 0.2rem;\n}\n.json-formatter-row .json-formatter-toggler:after {\n  display: inline-block;\n  transition: transform 100ms ease-in;\n  content: "►";\n}\n.json-formatter-row > a > .json-formatter-preview-text {\n  opacity: 0;\n  transition: opacity 0.15s ease-in;\n  font-style: italic;\n}\n.json-formatter-row:hover > a > .json-formatter-preview-text {\n  opacity: 0.6;\n}\n.json-formatter-row.json-formatter-open > .json-formatter-toggler-link .json-formatter-toggler:after {\n  transform: rotate(90deg);\n}\n.json-formatter-row.json-formatter-open > .json-formatter-children:after {\n  display: inline-block;\n}\n.json-formatter-row.json-formatter-open > a > .json-formatter-preview-text {\n  display: none;\n}\n.json-formatter-row.json-formatter-open.json-formatter-empty:after {\n  display: block;\n}\n.json-formatter-dark.json-formatter-row {\n  font-family: monospace;\n}\n.json-formatter-dark.json-formatter-row,\n.json-formatter-dark.json-formatter-row a,\n.json-formatter-dark.json-formatter-row a:hover {\n  color: white;\n  text-decoration: none;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-row {\n  margin-left: 1rem;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-children.json-formatter-empty {\n  opacity: 0.5;\n  margin-left: 1rem;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-children.json-formatter-empty:after {\n  display: none;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-children.json-formatter-empty.json-formatter-object:after {\n  content: "No properties";\n}\n.json-formatter-dark.json-formatter-row .json-formatter-children.json-formatter-empty.json-formatter-array:after {\n  content: "[]";\n}\n.json-formatter-dark.json-formatter-row .json-formatter-string,\n.json-formatter-dark.json-formatter-row .json-formatter-stringifiable {\n  color: #31F031;\n  white-space: pre;\n  word-wrap: break-word;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-number {\n  color: #66C2FF;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-boolean {\n  color: #EC4242;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-null {\n  color: #EEC97D;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-undefined {\n  color: #ef8fbe;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-function {\n  color: #FD48CB;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-date {\n  background-color: rgba(255, 255, 255, 0.05);\n}\n.json-formatter-dark.json-formatter-row .json-formatter-url {\n  text-decoration: underline;\n  color: #027BFF;\n  cursor: pointer;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-bracket {\n  color: #9494FF;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-key {\n  color: #23A0DB;\n  padding-right: 0.2rem;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-toggler-link {\n  cursor: pointer;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-toggler {\n  line-height: 1.2rem;\n  font-size: 0.7rem;\n  vertical-align: middle;\n  opacity: 0.6;\n  cursor: pointer;\n  padding-right: 0.2rem;\n}\n.json-formatter-dark.json-formatter-row .json-formatter-toggler:after {\n  display: inline-block;\n  transition: transform 100ms ease-in;\n  content: "►";\n}\n.json-formatter-dark.json-formatter-row > a > .json-formatter-preview-text {\n  opacity: 0;\n  transition: opacity 0.15s ease-in;\n  font-style: italic;\n}\n.json-formatter-dark.json-formatter-row:hover > a > .json-formatter-preview-text {\n  opacity: 0.6;\n}\n.json-formatter-dark.json-formatter-row.json-formatter-open > .json-formatter-toggler-link .json-formatter-toggler:after {\n  transform: rotate(90deg);\n}\n.json-formatter-dark.json-formatter-row.json-formatter-open > .json-formatter-children:after {\n  display: inline-block;\n}\n.json-formatter-dark.json-formatter-row.json-formatter-open > a > .json-formatter-preview-text {\n  display: none;\n}\n.json-formatter-dark.json-formatter-row.json-formatter-open.json-formatter-empty:after {\n  display: block;\n}\n');var a=/(^\d{1,4}[\.|\\/|-]\d{1,2}[\.|\\/|-]\d{1,4})(\s*(?:0?[1-9]:[0-5]|1(?=[012])\d:[0-5])\d\s*[ap]m)?$/,f=/\d{2}:\d{2}:\d{2} GMT-\d{4}/,m=/\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z/,l=window.requestAnimationFrame||function(t){return t(),0},d={hoverPreviewEnabled:!1,hoverPreviewArrayCount:100,hoverPreviewFieldCount:5,animateOpen:!0,animateClose:!0,theme:null,useToJSON:!0,sortPropertiesBy:null};return function(){function c(t,e,r,n){void 0===e&&(e=1),void 0===r&&(r=d),this.json=t,this.open=e,this.config=r,this.key=n,this._isOpen=null,void 0===this.config.hoverPreviewEnabled&&(this.config.hoverPreviewEnabled=d.hoverPreviewEnabled),void 0===this.config.hoverPreviewArrayCount&&(this.config.hoverPreviewArrayCount=d.hoverPreviewArrayCount),void 0===this.config.hoverPreviewFieldCount&&(this.config.hoverPreviewFieldCount=d.hoverPreviewFieldCount),void 0===this.config.useToJSON&&(this.config.useToJSON=d.useToJSON),""===this.key&&(this.key='""');}return Object.defineProperty(c.prototype,"isOpen",{get:function(){return null!==this._isOpen?this._isOpen:this.open>0},set:function(t){this._isOpen=t;},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isDate",{get:function(){return this.json instanceof Date||"string"===this.type&&(a.test(this.json)||m.test(this.json)||f.test(this.json))},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isUrl",{get:function(){return "string"===this.type&&0===this.json.indexOf("http")},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isArray",{get:function(){return Array.isArray(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isObject",{get:function(){return e(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isEmptyObject",{get:function(){return !this.keys.length&&!this.isArray},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"isEmpty",{get:function(){return this.isEmptyObject||this.keys&&!this.keys.length&&this.isArray},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"useToJSON",{get:function(){return this.config.useToJSON&&"stringifiable"===this.type},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"hasKey",{get:function(){return void 0!==this.key},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"constructorName",{get:function(){return r(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"type",{get:function(){return this.config.useToJSON&&this.json&&this.json.toJSON?"stringifiable":t(this.json)},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"keys",{get:function(){if(this.isObject){var t=Object.keys(this.json);return !this.isArray&&this.config.sortPropertiesBy?t.sort(this.config.sortPropertiesBy):t}return []},enumerable:!0,configurable:!0}),c.prototype.toggleOpen=function(){this.isOpen=!this.isOpen,this.element&&(this.isOpen?this.appendChildren(this.config.animateOpen):this.removeChildren(this.config.animateClose),this.element.classList.toggle(i("open")));},c.prototype.openAtDepth=function(t){void 0===t&&(t=1),t<0||(this.open=t,this.isOpen=0!==t,this.element&&(this.removeChildren(!1),0===t?this.element.classList.remove(i("open")):(this.appendChildren(this.config.animateOpen),this.element.classList.add(i("open")))));},c.prototype.getInlinepreview=function(){var t=this;if(this.isArray)return this.json.length>this.config.hoverPreviewArrayCount?"Array["+this.json.length+"]":"["+this.json.map(o).join(", ")+"]";var e=this.keys,r=e.slice(0,this.config.hoverPreviewFieldCount).map((function(e){return e+":"+o(t.json[e])})),n=e.length>=this.config.hoverPreviewFieldCount?"…":"";return "{"+r.join(", ")+n+"}"},c.prototype.render=function(){this.element=s("div","row");var t=this.isObject?s("a","toggler-link"):s("span");if(this.isObject&&!this.useToJSON&&t.appendChild(s("span","toggler")),this.hasKey&&t.appendChild(s("span","key",this.key+":")),this.isObject&&!this.useToJSON){var e=s("span","value"),r=s("span"),o=s("span","constructor-name",this.constructorName);if(r.appendChild(o),this.isArray){var a=s("span");a.appendChild(s("span","bracket","[")),a.appendChild(s("span","number",this.json.length)),a.appendChild(s("span","bracket","]")),r.appendChild(a);}e.appendChild(r),t.appendChild(e);}else{(e=this.isUrl?s("a"):s("span")).classList.add(i(this.type)),this.isDate&&e.classList.add(i("date")),this.isUrl&&(e.classList.add(i("url")),e.setAttribute("href",this.json));var f=n(this.type,this.json,this.useToJSON?this.json.toJSON():this.json);e.appendChild(document.createTextNode(f)),t.appendChild(e);}if(this.isObject&&this.config.hoverPreviewEnabled){var m=s("span","preview-text");m.appendChild(document.createTextNode(this.getInlinepreview())),t.appendChild(m);}var l=s("div","children");return this.isObject&&l.classList.add(i("object")),this.isArray&&l.classList.add(i("array")),this.isEmpty&&l.classList.add(i("empty")),this.config&&this.config.theme&&this.element.classList.add(i(this.config.theme)),this.isOpen&&this.element.classList.add(i("open")),this.element.appendChild(t),this.element.appendChild(l),this.isObject&&this.isOpen&&this.appendChildren(),this.isObject&&!this.useToJSON&&t.addEventListener("click",this.toggleOpen.bind(this)),this.element},c.prototype.appendChildren=function(t){var e=this;void 0===t&&(t=!1);var r=this.element.querySelector("div."+i("children"));if(r&&!this.isEmpty)if(t){var n=0,o=function(){var t=e.keys[n],i=new c(e.json[t],e.open-1,e.config,t);r.appendChild(i.render()),(n+=1)<e.keys.length&&(n>10?o():l(o));};l(o);}else this.keys.forEach((function(t){var n=new c(e.json[t],e.open-1,e.config,t);r.appendChild(n.render());}));},c.prototype.removeChildren=function(t){void 0===t&&(t=!1);var e=this.element.querySelector("div."+i("children"));if(t){var r=0,n=function(){e&&e.children.length&&(e.removeChild(e.children[0]),(r+=1)>10?n():l(n));};l(n);}else e&&(e.innerHTML="");},c}()}));
   });
@@ -32772,9 +32910,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: {
@@ -32923,6 +33059,7 @@
     data: function data() {
       return {
         overflowTagNode: null,
+        overflowTagTips: null,
         overflowTagIndex: null,
         newOptionName: ''
       };
@@ -33009,6 +33146,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) {
@@ -33023,6 +33179,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);
@@ -34002,6 +34164,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) {
@@ -34573,7 +34739,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,
@@ -34710,7 +34876,7 @@
       ref: "virtualScroll",
       staticClass: "bk-virtual-select",
       style: {
-        height: _vm.scrollHeight + 'px',
+        height: _vm.virtualScrollHeight + 'px',
         width: '100%'
       },
       attrs: {
@@ -36974,8 +37140,7 @@
         default: ''
       },
       zIndex: {
-        type: [Number, String],
-        default: 'default'
+        type: [Number, String]
       },
       multiInstance: {
         type: Boolean,
@@ -36984,10 +37149,6 @@
       transfer: {
         type: Boolean,
         default: false
-      },
-      appendToBody: {
-        type: Boolean,
-        default: false
       }
     },
     data: function data() {
@@ -37006,6 +37167,9 @@
       },
       calcDirection: function calcDirection() {
         return this.direction === 'left' ? 'right' : 'left';
+      },
+      titleContent: function titleContent() {
+        return this.title || this.t('bk.sideslider.title');
       }
     },
     watch: {
@@ -37018,10 +37182,13 @@
           if (this.isScrollY()) {
             addClass$1(root, 'has-sideslider-padding');
           }
-          if (this.showMask) {
-            this.generatePopUid();
-          }
           this.$nextTick(function () {
+            mask.showMask({
+              el: _this.$el,
+              showMask: _this.showMask,
+              backgroundColor: 'rgba(0, 0, 0, 0.6)',
+              onClick: _this.handleQuickClose
+            });
             if (_this.$refs.content) {
               addResizeListener(_this.$refs.content, _this.handleContentResize, false);
             }
@@ -37031,10 +37198,10 @@
           }, 200);
         } else {
           removeClass$1(root, 'bk-sideslider-show has-sideslider-padding');
-          if (this.popUid) {
-            popManager.hide(this.popUid);
-            this.popUid = '';
-          }
+          mask.hideMask({
+            el: this.$el,
+            showMask: this.showMask
+          });
           setTimeout(function () {
             _this.$emit('hidden');
           }, 200);
@@ -37050,17 +37217,7 @@
         this.$el.parentNode.removeChild(this.$el);
       }
     },
-    beforeDestroy: function beforeDestroy() {
-      this.isShow && this.popUid && popManager.hide(this.popUid);
-    },
     methods: {
-      generatePopUid: function generatePopUid() {
-        this.popUid = popManager.show('bk-sideslider', this.$el, {
-          zIndex: this.localZIndex - 1,
-          tplAction: this.multiInstance && 'keepAll' || 'onlyone',
-          appendToBody: this.transfer
-        });
-      },
       isScrollY: function isScrollY() {
         return document.documentElement.offsetHeight > document.documentElement.clientHeight;
       },
@@ -37173,17 +37330,20 @@
     })]), _c('div', {
       staticClass: "bk-sideslider-title",
       style: {
-        padding: _vm.calcDirection === 'left' ? '0 0 0 50px' : '0 0 0 30px'
+        padding: _vm.calcDirection === 'left' ? '0 16px 0 46px' : '0 0 0 24px'
       }
     }, [_vm._t("header", function () {
       return [_c('div', {
-        staticClass: "title-content"
-      }, [_vm._v(_vm._s(_vm.title || _vm.t('bk.sideslider.title')))])];
+        staticClass: "title-content",
+        attrs: {
+          "title": _vm.titleContent
+        }
+      }, [_vm._v(_vm._s(_vm.titleContent))])];
     })], 2)]), _c('div', {
       ref: "content",
       staticClass: "bk-sideslider-content",
       style: {
-        maxHeight: _vm.$slots.footer ? 'calc(100vh - 114px)' : 'calc(100vh - 60px)'
+        maxHeight: _vm.$slots.footer ? 'calc(100vh - 100px)' : 'calc(100vh - 52px)'
       }
     }, [_vm._t("content")], 2), _vm.$slots.footer ? _c('div', {
       staticClass: "bk-sideslider-footer",
@@ -44794,24 +44954,33 @@
       enableCollapseTags: function enableCollapseTags() {
         var isPopoverShown = this.popoverInstance && this.popoverInstance.instance && this.popoverInstance.instance.state.isShown;
         return !this.isEdit && this.collapseTags && this.overflowTagIndex && !isPopoverShown;
+      },
+      collapseTooltip: function collapseTooltip() {
+        var _this = this;
+        return this.localTagList.reduce(function (acc, cur, curIndex) {
+          if (_this.overflowTagIndex !== null && curIndex >= _this.overflowTagIndex) {
+            acc.push(cur[_this.displayKey]);
+          }
+          return acc;
+        }, []);
       }
     },
     watch: {
       curInputValue: function curInputValue(newVal, oldVal) {
-        var _this = this;
+        var _this2 = this;
         if (newVal !== '' && this.renderList.length) {
           this.showList = true;
         } else if (this.trigger !== 'focus') {
           setTimeout(function () {
-            _this.showList = false;
+            _this2.showList = false;
           }, 100);
         }
       },
       showList: function showList(val) {
-        var _this2 = this;
+        var _this3 = this;
         if (val) {
           this.$nextTick(function () {
-            _this2.showPopover();
+            _this3.showPopover();
           });
         }
       },
@@ -44838,7 +45007,7 @@
       }
     },
     created: function created() {
-      var _this3 = this;
+      var _this4 = this;
       this.isSingleSelect = this.maxData === 1;
       this.pageSize = this.maxResult;
       this.getData();
@@ -44846,11 +45015,11 @@
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _this3.resizing = true;
+              _this4.resizing = true;
               _context.next = 3;
-              return _this3.$nextTick(_this3.calcOverflowTagIndex);
+              return _this4.$nextTick(_this4.calcOverflowTagIndex);
             case 3:
-              _this3.resizing = false;
+              _this4.resizing = false;
             case 4:
             case "end":
               return _context.stop();
@@ -44859,7 +45028,7 @@
       }));
     },
     mounted: function mounted() {
-      var _this4 = this;
+      var _this5 = this;
       this.bkTagSelector = this.$refs.bkTagSelector;
       this.popoverInstance = this.$refs['tagInputDropdown'];
       this.containerResizeObserver = new ResizeObserver(function (entries) {
@@ -44868,8 +45037,8 @@
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var entry = _step.value;
-            if (entry.target === _this4.bkTagSelector) {
-              _this4.execResizeHandler();
+            if (entry.target === _this5.bkTagSelector) {
+              _this5.execResizeHandler();
             }
           }
         } catch (err) {
@@ -44924,7 +45093,7 @@
         return bitLen;
       },
       filterData: function filterData() {
-        var _this5 = this;
+        var _this6 = this;
         var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         val = val.toLowerCase();
         var filterData;
@@ -44933,14 +45102,14 @@
         } else {
           if (isArray$1(this.searchKey)) {
             var filterDataList = this.searchKey.map(function (searchKey) {
-              return _this5.initData.filter(function (item) {
+              return _this6.initData.filter(function (item) {
                 return item[searchKey].toLowerCase().indexOf(val) !== -1;
               });
             });
             filterData = from_1$1(new set$1(filterDataList.flat()));
           } else {
             filterData = this.initData.filter(function (item) {
-              return item[_this5.searchKey].toLowerCase().indexOf(val) !== -1;
+              return item[_this6.searchKey].toLowerCase().indexOf(val) !== -1;
             });
           }
         }
@@ -44967,7 +45136,7 @@
         this.showScrollLoading = false;
       },
       scrollHandler: function scrollHandler(e) {
-        var _this6 = this;
+        var _this7 = this;
         if (this.showScrollLoading || this.isBeforeDestroy) {
           return;
         }
@@ -44984,7 +45153,7 @@
                 while (1) switch (_context2.prev = _context2.next) {
                   case 0:
                     _context2.next = 2;
-                    return _this6.pageChange(curPage);
+                    return _this7.pageChange(curPage);
                   case 2:
                   case "end":
                     return _context2.stop();
@@ -45045,15 +45214,15 @@
         return index;
       },
       formatGroupList: function formatGroupList() {
-        var _this7 = this;
+        var _this8 = this;
         var allList = [];
         this.list.forEach(function (item) {
           if (item.children) {
             item.children.forEach(function (child) {
               var params = _objectSpread({}, child);
               params.group = {
-                groupId: item[_this7.saveKey],
-                groupName: item[_this7.displayKey]
+                groupId: item[_this8.saveKey],
+                groupName: item[_this8.displayKey]
               };
               allList.push(params);
             });
@@ -45062,38 +45231,38 @@
         return allList;
       },
       getData: function getData() {
-        var _this8 = this;
+        var _this9 = this;
         this.tagList = [];
         this.localTagList = [];
         this.initData = [];
         if (this.useGroup) {
           this.allList = this.formatGroupList();
           this.allList.forEach(function (item) {
-            _this8.initData.push(item);
+            _this9.initData.push(item);
           });
         } else {
           this.list.forEach(function (item) {
-            _this8.initData.push(item);
+            _this9.initData.push(item);
           });
         }
         if (this.value.length) {
           this.value.forEach(function (tag) {
-            var val = _this8.initData.find(function (val) {
-              return tag === val[_this8.saveKey];
+            var val = _this9.initData.find(function (val) {
+              return tag === val[_this9.saveKey];
             });
             if (val !== undefined) {
-              _this8.localTagList.push(val);
-              _this8.tagList.push(val[_this8.saveKey]);
-            } else if (_this8.allowCreate && !_this8.tagList.includes(tag)) {
+              _this9.localTagList.push(val);
+              _this9.tagList.push(val[_this9.saveKey]);
+            } else if (_this9.allowCreate && !_this9.tagList.includes(tag)) {
               var _temp;
-              var temp = (_temp = {}, _defineProperty(_temp, _this8.saveKey, tag), _defineProperty(_temp, _this8.displayKey, tag), _temp);
-              _this8.localTagList.splice(_this8.localTagList.length, 0, temp);
-              _this8.tagList.splice(_this8.tagList.length, 0, tag);
+              var temp = (_temp = {}, _defineProperty(_temp, _this9.saveKey, tag), _defineProperty(_temp, _this9.displayKey, tag), _temp);
+              _this9.localTagList.splice(_this9.localTagList.length, 0, temp);
+              _this9.tagList.splice(_this9.tagList.length, 0, tag);
             }
           });
           if (!this.isSingleSelect) {
             this.initData = this.initData.filter(function (val) {
-              return !_this8.value.includes(val[_this8.saveKey]);
+              return !_this9.value.includes(val[_this9.saveKey]);
             });
           }
         }
@@ -45109,30 +45278,30 @@
         this.$refs.input.style.width = this.INPUT_MIN_WIDTH + 'px';
       },
       handleInput: function handleInput(event) {
-        var _this9 = this;
+        var _this10 = this;
         var value = event.target.value;
         this.$emit('inputchange', value);
         this.$nextTick(function () {
-          if (_this9.maxData === -1 || _this9.maxData > _this9.tagList.length) {
-            var charLen = _this9.getCharLength(value);
-            _this9.cacheVal = value;
+          if (_this10.maxData === -1 || _this10.maxData > _this10.tagList.length) {
+            var charLen = _this10.getCharLength(value);
+            _this10.cacheVal = value;
             if (charLen) {
-              _this9.isCanRemoveTag = false;
-              _this9.filterData(value);
-              _this9.$refs.input.style.width = charLen * _this9.INPUT_MIN_WIDTH + 'px';
+              _this10.isCanRemoveTag = false;
+              _this10.filterData(value);
+              _this10.$refs.input.style.width = charLen * _this10.INPUT_MIN_WIDTH + 'px';
             } else {
-              _this9.isCanRemoveTag = true;
-              if (_this9.trigger === 'focus') {
-                _this9.filterData();
+              _this10.isCanRemoveTag = true;
+              if (_this10.trigger === 'focus') {
+                _this10.filterData();
               }
             }
           } else {
-            _this9.handleBlur();
-            _this9.curInputValue = '';
-            _this9.showList = false;
+            _this10.handleBlur();
+            _this10.curInputValue = '';
+            _this10.showList = false;
           }
-          _this9.isEdit = true;
-          _this9.focusItemIndex = _this9.allowCreate ? -1 : 0;
+          _this10.isEdit = true;
+          _this10.focusItemIndex = _this10.allowCreate ? -1 : 0;
         });
       },
       handleFocus: function handleFocus(event) {
@@ -45143,7 +45312,7 @@
         this.$emit('focus', this.tagList);
       },
       handlePaste: function handlePaste(event) {
-        var _this10 = this;
+        var _this11 = this;
         if (this.isSingleSelect) {
           return false;
         }
@@ -45158,7 +45327,7 @@
         var valArr = this.pasteFn ? this.pasteFn(value) : this.defaultPasteFn(value);
         var tags = [];
         valArr.map(function (val) {
-          return tags.push(val[_this10.saveKey]);
+          return tags.push(val[_this11.saveKey]);
         });
         if (tags.length) {
           var nodes = this.$refs.tagList.childNodes;
@@ -45166,10 +45335,10 @@
           var localTags = [];
           var localInitDara = [];
           this.initData.map(function (data) {
-            localInitDara.push(data[_this10.saveKey]);
+            localInitDara.push(data[_this11.saveKey]);
           });
           tags = tags.filter(function (tag) {
-            return tag && tag.trim() && !_this10.tagList.includes(tag) && localInitDara.includes(tag);
+            return tag && tag.trim() && !_this11.tagList.includes(tag) && localInitDara.includes(tag);
           });
           if (this.maxData !== -1) {
             if (this.tagList.length < this.maxData) {
@@ -45183,8 +45352,8 @@
           }
           tags.map(function (tag) {
             var temp = {};
-            temp[_this10.saveKey] = tag;
-            temp[_this10.displayKey] = tag;
+            temp[_this11.saveKey] = tag;
+            temp[_this11.displayKey] = tag;
             localTags.push(temp);
           });
           if (tags.length) {
@@ -45196,36 +45365,36 @@
             this.focusInputer();
             this.$refs.input.style.width = this.INPUT_MIN_WIDTH + 'px';
             this.initData = this.initData.filter(function (val) {
-              return !tags.includes(val[_this10.saveKey]);
+              return !tags.includes(val[_this11.saveKey]);
             });
             this.handlerChange('select');
           }
         }
       },
       defaultPasteFn: function defaultPasteFn(val) {
-        var _this11 = this;
+        var _this12 = this;
         var target = [];
         var textArr = val.split(';');
         textArr.map(function (item) {
           if (item.match(/^[a-zA-Z][a-zA-Z_]+/g)) {
             var finalItem = item.match(/^[a-zA-Z][a-zA-Z_]+/g).join('');
             var temp = {};
-            temp[_this11.saveKey] = finalItem;
-            temp[_this11.displayKey] = finalItem;
+            temp[_this12.saveKey] = finalItem;
+            temp[_this12.displayKey] = finalItem;
             target.push(temp);
           }
         });
         return target;
       },
       updateScrollTop: function updateScrollTop() {
-        var _this12 = this;
+        var _this13 = this;
         var panelObj = this.$refs.selectorList;
         var panelInfo = {
           height: panelObj.clientHeight,
           yAxis: panelObj.getBoundingClientRect().y
         };
         this.$nextTick(function () {
-          var activeObj = _this12.$refs.selectorList.querySelector('.bk-selector-actived');
+          var activeObj = _this13.$refs.selectorList.querySelector('.bk-selector-actived');
           if (!activeObj) {
             return;
           }
@@ -45337,7 +45506,7 @@
         this.showList = false;
       },
       backspaceHandler: function backspaceHandler(index, target) {
-        var _this13 = this;
+        var _this14 = this;
         if (!this.curInputValue) {
           if (this.isCanRemoveTag) {
             this.tagList.splice(index - 1, 1);
@@ -45350,7 +45519,7 @@
             this.focusInputer();
             var localList = this.useGroup ? this.allList : this.list;
             var isExistInit = localList.some(function (item) {
-              return item === target[_this13.saveKey];
+              return item === target[_this14.saveKey];
             });
             if ((this.allowCreate && isExistInit || !this.allowCreate) && !this.isSingleSelect) {
               this.initData.push(target);
@@ -45368,19 +45537,19 @@
         this.handlerChange('remove');
       },
       removeTag: function removeTag(data, index) {
-        var _this14 = this;
+        var _this15 = this;
         this.tagList.splice(index, 1);
         this.localTagList.splice(index, 1);
         var localList = this.useGroup ? this.allList : this.list;
         var isExistInit = localList.some(function (item) {
-          return item === data[_this14.saveKey];
+          return item === data[_this15.saveKey];
         });
         if ((this.allowCreate && isExistInit || !this.allowCreate) && !this.isSingleSelect) {
           this.initData.push(data);
         }
       },
       addTag: function addTag(item, type) {
-        var _this15 = this;
+        var _this16 = this;
         var nodes = this.$refs.tagList.childNodes;
         var result = this.getSiteInfo();
         var isSelected = false;
@@ -45391,13 +45560,13 @@
             var localTags = [];
             tags = item.split(this.separator);
             tags = tags.filter(function (tag) {
-              var validate = typeof _this15.createTagValidator === 'function' ? _this15.createTagValidator(tag) : true;
-              return tag && tag.trim() && !_this15.tagList.includes(tag) && validate;
+              var validate = typeof _this16.createTagValidator === 'function' ? _this16.createTagValidator(tag) : true;
+              return tag && tag.trim() && !_this16.tagList.includes(tag) && validate;
             });
             tags.forEach(function (tag) {
               var temp = {};
-              temp[_this15.saveKey] = tag;
-              temp[_this15.displayKey] = tag;
+              temp[_this16.saveKey] = tag;
+              temp[_this16.displayKey] = tag;
               localTags.push(temp);
             });
             if (tags.length) {
@@ -45442,14 +45611,14 @@
         if (isSelected) {
           this.$nextTick(function () {
             var site = nodes[_parseInt$2(result.index, 10) + 1];
-            _this15.insertAfter(_this15.$refs.staffInput, site);
-            _this15.$refs.input.style.width = _this15.INPUT_MIN_WIDTH + 'px';
-            if (!_this15.isSingleSelect && _this15.allowNextFocus) {
-              _this15.focusInputer();
-            }
-            if (!_this15.isSingleSelect) {
-              _this15.initData = _this15.initData.filter(function (val) {
-                return !_this15.tagList.includes(val[_this15.saveKey]);
+            _this16.insertAfter(_this16.$refs.staffInput, site);
+            _this16.$refs.input.style.width = _this16.INPUT_MIN_WIDTH + 'px';
+            if (!_this16.isSingleSelect && _this16.allowNextFocus) {
+              _this16.focusInputer();
+            }
+            if (!_this16.isSingleSelect) {
+              _this16.initData = _this16.initData.filter(function (val) {
+                return !_this16.tagList.includes(val[_this16.saveKey]);
               });
             }
           });
@@ -45467,35 +45636,35 @@
         this.cacheVal = '';
       },
       handleBlur: function handleBlur(inputValue) {
-        var _this16 = this;
+        var _this17 = this;
         this.timer = setTimeout(function () {
-          var inputValue = _this16.curInputValue;
-          _this16.clearInput();
-          _this16.dispatch('bk-form-item', 'form-blur');
-          _this16.isEdit = false;
-          if (_this16.isSingleSelect) {
-            var _this16$tagListCache = _slicedToArray(_this16.tagListCache, 1),
-              oldVal = _this16$tagListCache[0];
-            if (inputValue && inputValue === oldVal && _this16.localTagListCache.length) {
-              _this16.addTag(_this16.localTagListCache[0], 'select');
+          var inputValue = _this17.curInputValue;
+          _this17.clearInput();
+          _this17.dispatch('bk-form-item', 'form-blur');
+          _this17.isEdit = false;
+          if (_this17.isSingleSelect) {
+            var _this17$tagListCache = _slicedToArray(_this17.tagListCache, 1),
+              oldVal = _this17$tagListCache[0];
+            if (inputValue && inputValue === oldVal && _this17.localTagListCache.length) {
+              _this17.addTag(_this17.localTagListCache[0], 'select');
             } else {
-              _this16.handlerChange('remove');
+              _this17.handlerChange('remove');
             }
-          } else if (_this16.allowAutoMatch && inputValue) {
-            var matchItem = _this16.renderList.find(function (item) {
-              return item[_this16.searchKey] === inputValue;
+          } else if (_this17.allowAutoMatch && inputValue) {
+            var matchItem = _this17.renderList.find(function (item) {
+              return item[_this17.searchKey] === inputValue;
             });
             if (matchItem) {
-              _this16.handlerResultSelect(matchItem, 'select');
-            } else if (_this16.allowCreate) {
-              _this16.handlerResultSelect(inputValue, 'custom');
+              _this17.handlerResultSelect(matchItem, 'select');
+            } else if (_this17.allowCreate) {
+              _this17.handlerResultSelect(inputValue, 'custom');
             }
           }
-          _this16.$emit('blur', inputValue, _this16.tagList);
+          _this17.$emit('blur', inputValue, _this17.tagList);
         }, 200);
       },
       focusInputer: function focusInputer(event) {
-        var _this17 = this;
+        var _this18 = this;
         if (this.disabled) {
           return;
         }
@@ -45520,11 +45689,11 @@
         }
         this.isEdit = true;
         this.$nextTick(function () {
-          _this17.$refs.input.focus();
-          if (_this17.trigger === 'focus') {
-            _this17.showList = true;
-            _this17.filterData();
-            _this17.showPopover();
+          _this18.$refs.input.focus();
+          if (_this18.trigger === 'focus') {
+            _this18.showList = true;
+            _this18.filterData();
+            _this18.showPopover();
           }
         });
       },
@@ -45642,6 +45811,14 @@
         }
       }) : _vm._e()], 1);
     }), _vm.enableCollapseTags && _vm.localTagList.length > _vm.overflowTagIndex ? _c('li', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips",
+        value: {
+          content: _vm.collapseTooltip.join(', ')
+        },
+        expression: "{ content: collapseTooltip.join(', ') }"
+      }],
       staticClass: "key-node"
     }, [_c('div', {
       staticClass: "tag"
@@ -45911,8 +46088,16 @@
     components: {
       vnodeIcon: {
         functional: true,
-        render: function render(h, ctx) {
-          return ctx.props.icon;
+        render: function render(_, _ref) {
+          var props = _ref.props;
+          return props.icon;
+        }
+      },
+      ContentVnode: {
+        functional: true,
+        render: function render(_, _ref2) {
+          var props = _ref2.props;
+          return props.content;
         }
       }
     },
@@ -45940,9 +46125,9 @@
         this.$emit('select', item);
       },
       makeClass: function makeClass(item) {
-        var _ref;
+        var _ref3;
         var classPrefix = 'bk-timeline-item-';
-        var classNames = [(_ref = {}, _defineProperty(_ref, "".concat(classPrefix, "filled"), item.filled), _defineProperty(_ref, "".concat(classPrefix, "custom-icon"), this.isCustomIcon(item.icon)), _ref)];
+        var classNames = [(_ref3 = {}, _defineProperty(_ref3, "".concat(classPrefix, "filled"), item.filled), _defineProperty(_ref3, "".concat(classPrefix, "custom-icon"), this.isCustomIcon(item.icon)), _ref3)];
         var dotColors = ['blue', 'red', 'green', 'yellow', 'gray'];
         if (item.size) {
           classNames.push("".concat(classPrefix).concat(item.size));
@@ -45962,9 +46147,6 @@
           return false;
         }
       },
-      nodeContent: function nodeContent(data, index) {
-        this.$slots["nodeContent".concat(index)] = [data.content];
-      },
       isBuiltinIcon: function isBuiltinIcon(icon) {
         return typeof icon === 'string';
       },
@@ -46023,16 +46205,20 @@
         }) : _vm._e()];
       }, null, item), item.content ? _c('div', {
         staticClass: "bk-timeline-content"
-      }, [_vm.isNode(item) ? [_vm._t('nodeContent' + index, function () {
-        return [_vm._v(_vm._s(_vm.nodeContent(item, index)))];
-      })] : [_c('div', {
-        attrs: {
-          "title": _vm.computedTitle(item.content)
-        },
-        domProps: {
-          "innerHTML": _vm._s(item.content)
-        }
-      })]], 2) : _vm._e()], 2)]);
+      }, [_vm._t("nodeContent" + index, function () {
+        return [_vm.isNode(item) ? [_c('content-vnode', {
+          attrs: {
+            "content": item.content
+          }
+        })] : [_c('div', {
+          attrs: {
+            "title": _vm.computedTitle(item.content)
+          },
+          domProps: {
+            "innerHTML": _vm._s(item.content)
+          }
+        })]];
+      }, null, item)], 2) : _vm._e()], 2)]);
     }), 0);
   };
   var __vue_staticRenderFns__$17 = [];
@@ -49175,10 +49361,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');
+        });
       }
     }
   };
@@ -49224,7 +49418,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', {
@@ -49284,7 +49481,7 @@
       },
       width: {
         type: Number,
-        default: 15
+        default: 16
       },
       height: {
         type: Number,
@@ -56759,6 +56956,10 @@
       },
       remoteMethod: {
         type: Function
+      },
+      allowDisabledExpand: {
+        type: Boolean,
+        default: false
       }
     },
     data: function data() {
@@ -56817,14 +57018,23 @@
         this.dispatch('bkCascade', 'on-cascade-click');
       },
       cascadeHover: function cascadeHover(item) {
-        if (this.trigger === 'hover' && item.children && item.children.length) {
+        if (this.trigger !== 'hover') {
+          return;
+        }
+        if (item.children && item.children.length) {
           this.handleItem(item, false);
+        } else {
+          this.childrenList = item.children || [];
+          this.emitUpdate([item]);
+          this.dispatch('bkCascade', 'on-popover-width', {
+            item: item
+          });
         }
       },
       handleItem: function handleItem(item) {
         var _this2 = this;
         var fromInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-        if (item.disabled) return;
+        if (item.disabled && (!this.allowDisabledExpand || !item.children)) return;
         if (this.isRemote) {
           new promise$1(function (resolve, reject) {
             _this2.remoteMethod(item, resolve);
@@ -56870,7 +57080,7 @@
           this.dispatch('bkCascade', 'on-id-change', {
             item: item,
             isLast: !(item.children && item.children.length),
-            checkAnyLevel: this.checkAnyLevel,
+            checkAnyLevel: this.checkAnyLevel && (!this.allowDisabledExpand || this.allowDisabledExpand && !item.disabled),
             fromInit: fromInit
           });
         }
@@ -56990,6 +57200,7 @@
         "multiple": _vm.multiple,
         "check-any-level": _vm.checkAnyLevel,
         "is-remote": _vm.isRemote,
+        "allow-disabled-expand": _vm.allowDisabledExpand,
         "remote-method": _vm.remoteMethod
       },
       on: {
@@ -57135,6 +57346,10 @@
       maxWidth: {
         type: [String, Number],
         default: '100%'
+      },
+      allowDisabledExpand: {
+        type: Boolean,
+        default: false
       }
     },
     data: function data() {
@@ -57301,7 +57516,7 @@
         var isLast = params.isLast,
           checkAnyLevel = params.checkAnyLevel,
           fromInit = params.fromInit;
-        if (isLast || checkAnyLevel) {
+        if (isLast || checkAnyLevel || fromInit) {
           var oldIdList = JSON.parse(stringify$1(_this2.currentList));
           _this2.selectedList = _this2.tmpSelected;
           var newIdList = _this2.selectedList.map(function (item) {
@@ -57557,17 +57772,23 @@
       },
       recursiveList: function recursiveList(arr, valueList, type) {
         var _this7 = this;
+        var path = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
         arr.forEach(function (arrItem) {
           if (type === 'init') {
             _this7.$set(arrItem, 'isSelected', false);
             _this7.$set(arrItem, 'isIndeterminate', false);
           }
+          var newPath = path.concat(arrItem.id);
           valueList.forEach(function (item) {
             if (isArray$1(item)) {
-              if (item[item.length - 1] === arrItem.id) {
+              if (item.length === newPath.length && item.every(function (child, index) {
+                return child === newPath[index];
+              })) {
                 arrItem.isSelected = true;
               }
-              if (!_this7.checkAnyLevel) {
+              if (!_this7.checkAnyLevel && item.length > newPath.length && item.slice(0, newPath.length).every(function (child, index) {
+                return child === newPath[index];
+              })) {
                 item.forEach(function (child) {
                   if (child === arrItem.id) {
                     arrItem.isIndeterminate = true;
@@ -57577,7 +57798,7 @@
             }
           });
           if (arrItem.children && arrItem.children.length) {
-            _this7.recursiveList(arrItem.children, valueList, type);
+            _this7.recursiveList(arrItem.children, valueList, type, newPath);
           }
         });
       },
@@ -57703,7 +57924,6 @@
     }
   };
 
-  /* script */
   var __vue_script__$1r = script$1r;
   /* template */
   var __vue_render__$1r = function __vue_render__() {
@@ -57716,7 +57936,8 @@
         'is-focus': _vm.showCascade,
         'is-disabled': _vm.disabled,
         'is-unselected': _vm.isUnselected,
-        'is-default-trigger': !_vm.$scopedSlots.trigger
+        'is-default-trigger': !_vm.$scopedSlots.trigger,
+        'is-custom-trigger': _vm.$scopedSlots.trigger
       },
       attrs: {
         "tabindex": "0",
@@ -57743,9 +57964,9 @@
           return _vm.handleDropdownHide.apply(null, arguments);
         }]
       }
-    }, [_c('i', {
+    }, [!_vm.$scopedSlots.trigger ? _c('i', {
       staticClass: "bk-cascade-angle bk-icon icon-angle-down"
-    }), _vm.clearable && !_vm.disabled && _vm.selectedName ? _c('i', {
+    }) : _vm._e(), _vm.clearable && !_vm.disabled && _vm.selectedName && !_vm.$scopedSlots.trigger ? _c('i', {
       staticClass: "bk-cascade-clear bk-icon icon-close",
       on: {
         "click": function click($event) {
@@ -57768,98 +57989,105 @@
         "distance": 12,
         "on-show": _vm.handleDropdownShow,
         "on-hide": _vm.handleDropdownHide,
-        "tippy-options": _vm.popoverOptions
+        "tippy-options": _extends({}, {
+          offset: '0 3'
+        }, _vm.popoverOptions)
       }
-    }, [_vm.multiple ? [_vm.limitOneLine ? _c('div', {
-      staticClass: "bk-cascade-name",
-      attrs: {
-        "title": _vm.selectedName
-      }
-    }, [_c('span', [_vm._v(_vm._s(_vm.selectedName))])]) : _c('section', [_vm.multipleSelectedList.length || !_vm.filterable ? _c('div', {
-      staticClass: "bk-cascade-tag-list"
-    }, _vm._l(_vm.multipleSelectedList, function (item, index) {
-      return _c('span', {
-        key: index,
-        staticClass: "bk-cascade-tag-item",
-        staticStyle: {
-          "padding-right": "18px"
+    }, [_vm._t("trigger", function () {
+      return [_vm.multiple ? [_vm.limitOneLine ? _c('div', {
+        staticClass: "bk-cascade-name",
+        attrs: {
+          "title": _vm.selectedName
         }
-      }, [_c('span', {
-        staticClass: "bk-cascade-item-name",
+      }, [_c('span', [_vm._v(_vm._s(_vm.selectedName))])]) : _c('section', [_vm.multipleSelectedList.length || !_vm.filterable ? _c('div', {
+        staticClass: "bk-cascade-tag-list"
+      }, _vm._l(_vm.multipleSelectedList, function (item, index) {
+        return _c('span', {
+          key: index,
+          staticClass: "bk-cascade-tag-item",
+          staticStyle: {
+            "padding-right": "18px"
+          }
+        }, [_c('span', {
+          staticClass: "bk-cascade-item-name",
+          attrs: {
+            "title": item.name
+          }
+        }, [_vm._v(_vm._s(item.name))]), _c('a', {
+          staticClass: "remove-key",
+          attrs: {
+            "href": "javascript:void(0)",
+            "tabindex": "-1"
+          },
+          on: {
+            "click": function click($event) {
+              $event.stopPropagation();
+              return _vm.removeTag(item, index);
+            }
+          }
+        }, [_c('i', {
+          staticClass: "bk-icon icon-close"
+        })])]);
+      }), 0) : _vm._e()]), _vm.filterable ? _c('div', {
+        staticClass: "bk-cascade-name"
+      }, [_c('input', {
+        directives: [{
+          name: "model",
+          rawName: "v-model",
+          value: _vm.searchContent,
+          expression: "searchContent"
+        }],
+        ref: "searchInput",
+        staticClass: "bk-cascade-search-input",
         attrs: {
-          "title": item.name
+          "type": "text",
+          "placeholder": _vm.t('bk.select.searchPlaceholder')
+        },
+        domProps: {
+          "value": _vm.searchContent
+        },
+        on: {
+          "input": [function ($event) {
+            if ($event.target.composing) {
+              return;
+            }
+            _vm.searchContent = $event.target.value;
+          }, _vm.handleSearchInput]
         }
-      }, [_vm._v(_vm._s(item.name))]), _c('a', {
-        staticClass: "remove-key",
+      })]) : _vm._e()] : _c('div', {
+        staticClass: "bk-cascade-name",
         attrs: {
-          "href": "javascript:void(0)",
-          "tabindex": "-1"
+          "title": _vm.selectedName
+        }
+      }, [_vm.filterable ? _c('input', {
+        directives: [{
+          name: "model",
+          rawName: "v-model",
+          value: _vm.searchContent,
+          expression: "searchContent"
+        }],
+        ref: "searchInput",
+        staticClass: "bk-cascade-search-input",
+        attrs: {
+          "type": "text",
+          "placeholder": _vm.t('bk.select.searchPlaceholder')
+        },
+        domProps: {
+          "value": _vm.searchContent
         },
         on: {
-          "click": function click($event) {
-            $event.stopPropagation();
-            return _vm.removeTag(item, index);
-          }
+          "input": [function ($event) {
+            if ($event.target.composing) {
+              return;
+            }
+            _vm.searchContent = $event.target.value;
+          }, _vm.handleSearchInput]
         }
-      }, [_c('i', {
-        staticClass: "bk-icon icon-close"
-      })])]);
-    }), 0) : _vm._e()]), _vm.filterable ? _c('div', {
-      staticClass: "bk-cascade-name"
-    }, [_c('input', {
-      directives: [{
-        name: "model",
-        rawName: "v-model",
-        value: _vm.searchContent,
-        expression: "searchContent"
-      }],
-      ref: "searchInput",
-      staticClass: "bk-cascade-search-input",
-      attrs: {
-        "type": "text",
-        "placeholder": _vm.t('bk.select.searchPlaceholder')
-      },
-      domProps: {
-        "value": _vm.searchContent
-      },
-      on: {
-        "input": [function ($event) {
-          if ($event.target.composing) {
-            return;
-          }
-          _vm.searchContent = $event.target.value;
-        }, _vm.handleSearchInput]
-      }
-    })]) : _vm._e()] : _c('div', {
-      staticClass: "bk-cascade-name",
-      attrs: {
-        "title": _vm.selectedName
-      }
-    }, [_vm.filterable ? _c('input', {
-      directives: [{
-        name: "model",
-        rawName: "v-model",
-        value: _vm.searchContent,
-        expression: "searchContent"
-      }],
-      ref: "searchInput",
-      staticClass: "bk-cascade-search-input",
-      attrs: {
-        "type": "text",
-        "placeholder": _vm.t('bk.select.searchPlaceholder')
-      },
-      domProps: {
-        "value": _vm.searchContent
-      },
-      on: {
-        "input": [function ($event) {
-          if ($event.target.composing) {
-            return;
-          }
-          _vm.searchContent = $event.target.value;
-        }, _vm.handleSearchInput]
-      }
-    }) : _c('span', [_vm._v(_vm._s(_vm.selectedName))])]), _c('div', {
+      }) : _c('span', [_vm._v(_vm._s(_vm.selectedName))])])];
+    }, {
+      "selected": _vm.selectedList,
+      "isShow": _vm.showCascade
+    }), _c('div', {
       directives: [{
         name: "show",
         rawName: "v-show",
@@ -57873,6 +58101,8 @@
         "slot": "content"
       },
       slot: "content"
+    }, [_c('div', {
+      staticClass: "bk-cascade-options-wrapper"
     }, [_c('div', {
       staticClass: "bk-cascade-options",
       style: _vm.dropdownOptionsStyle
@@ -57912,7 +58142,7 @@
       })], 2)]);
     }), !_vm.searchList.length ? _c('li', {
       staticClass: "bk-option-none"
-    }, [_c('span', [_vm._v(_vm._s(_vm.emptyText || _vm.t('bk.select.searchEmpty')))])]) : _vm._e()], 2)]) : _vm._e(), _c('bk-caspanel', {
+    }, [_c('span', [_vm._v(_vm._s(_vm.emptyText || _vm.t("bk.select.searchEmpty")))])]) : _vm._e()], 2)]) : _vm._e(), _c('bk-caspanel', {
       directives: [{
         name: "show",
         rawName: "v-show",
@@ -57929,7 +58159,8 @@
         "filterable": _vm.filterable,
         "multiple": _vm.multiple,
         "is-remote": _vm.isRemote,
-        "remote-method": _vm.remoteMethod
+        "remote-method": _vm.remoteMethod,
+        "allow-disabled-expand": _vm.allowDisabledExpand
       },
       on: {
         "updateSelectedList": _vm.updateSelectedList
@@ -57953,7 +58184,9 @@
           })];
         }
       }], null, true)
-    })], 1)])], 2)], 1);
+    })], 1)]), _vm.$slots.extension ? _c('div', {
+      staticClass: "bk-cascade-extension"
+    }, [_vm._t("extension")], 2) : _vm._e()])], 2)], 1);
   };
   var __vue_staticRenderFns__$1r = [];
 
@@ -59529,6 +59762,7 @@
             return false;
           }
           aside.style[_this.computedStyleKey] = resizeProxy.style[placement];
+          console.error('mouseup', aside.style[_this.computedStyleKey]);
         };
         document.addEventListener('mousemove', handleMouseMove);
         document.addEventListener('mouseup', handleMouseUp);
@@ -59561,7 +59795,7 @@
         this.setupAsideListener(!this.collapsed);
         if (this.collapsed) {
           aside.setAttribute("data-".concat(this.computedStyleKey), asideRect[this.computedStyleKey] + 'px');
-          aside.style[this.computedStyleKey] = '5px';
+          aside.style[this.computedStyleKey] = this.collapsible ? '0' : '5px';
         } else {
           this.asideContentVisible = true;
           aside.style[this.computedStyleKey] = aside.getAttribute("data-".concat(this.computedStyleKey));
@@ -59590,6 +59824,7 @@
     var _c = _vm._self._c || _h;
     return _c('div', {
       class: [_vm.extCls, 'bk-resize-layout', "bk-resize-layout-" + _vm.placement, {
+        'bk-resize-layout-collapsible': _vm.collapsible,
         'bk-resize-layout-collapsed': _vm.collapsed,
         'bk-resize-layout-border': _vm.border
       }]