bk-magic-vue 2.4.8 → 2.4.9

package/lib/resize-layout.js

@@ -628,29 +628,31 @@
 	        return _this.$emit('resizing', value);
 	      });
 	      var handleMouseMove = function handleMouseMove(event) {
-	        var delta;
-	        switch (placement) {
-	          case 'top':
-	            delta = event.clientY - _this.state.mouse.clientY;
-	            break;
-	          case 'right':
-	            delta = _this.state.mouse.clientX - event.clientX;
-	            break;
-	          case 'bottom':
-	            delta = _this.state.mouse.clientY - event.clientY;
-	            break;
-	          case 'left':
-	            delta = event.clientX - _this.state.mouse.clientX;
-	        }
-	        var current = _this.state.aside[_this.computedStyleKey] + delta;
-	        var realValue = _this.getRealValue(current) + _this.triggerOffset;
-	        var pixel = "".concat(realValue, "px");
-	        if (_this.immediate) {
-	          aside.style[_this.computedStyleKey] = pixel;
-	        } else {
-	          resizeProxy.style[placement] = pixel;
+	        if (!_this.disabled) {
+	          var delta;
+	          switch (placement) {
+	            case 'top':
+	              delta = event.clientY - _this.state.mouse.clientY;
+	              break;
+	            case 'right':
+	              delta = _this.state.mouse.clientX - event.clientX;
+	              break;
+	            case 'bottom':
+	              delta = _this.state.mouse.clientY - event.clientY;
+	              break;
+	            case 'left':
+	              delta = event.clientX - _this.state.mouse.clientX;
+	          }
+	          var current = _this.state.aside[_this.computedStyleKey] + delta;
+	          var realValue = _this.getRealValue(current) + _this.triggerOffset;
+	          var pixel = "".concat(realValue, "px");
+	          if (_this.immediate) {
+	            aside.style[_this.computedStyleKey] = pixel;
+	          } else {
+	            resizeProxy.style[placement] = pixel;
+	          }
+	          resizingCallback(realValue);
 	        }
-	        resizingCallback(realValue);
 	      };
 	      var handleMouseUp = function handleMouseUp(event) {
 	        resizingCallback.cancel();

package/lib/select.js

@@ -4612,7 +4612,9 @@
 	        el.$vm.isShow = false;
 	      }, delay);
 	    } else {
-	      el.$vm.isShow = false;
+	      Vue.nextTick(function () {
+	        el.$vm.isShow = false;
+	      });
 	    }
 	  }
 	  if (options.title) {
@@ -4646,7 +4648,9 @@
 	    }
 	  },
 	  update: function update(el, binding) {
-	    toggle(el, binding.value);
+	    if (el.viewmodel) {
+	      toggle(el, binding.value);
+	    }
 	  }
 	};
 
@@ -5671,7 +5675,7 @@
 	      type: String,
 	      default: 'primary',
 	      validator: function validator(value) {
-	        if (!['primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
+	        if (!['default', 'primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
 	          console.error("theme property is not valid: '".concat(value, "'"));
 	          return false;
 	        }

package/lib/spin.js

@@ -11,7 +11,7 @@
         type: String,
         default: 'primary',
         validator: function validator(value) {
-          if (!['primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
+          if (!['default', 'primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
             console.error("theme property is not valid: '".concat(value, "'"));
             return false;
           }

package/lib/tab.js

@@ -8,6 +8,183 @@
 		return module = { exports: {} }, fn(module, module.exports), module.exports;
 	}
 
+	var _global = createCommonjsModule(function (module) {
+	var global = module.exports = typeof window != 'undefined' && window.Math == Math
+	  ? window : typeof self != 'undefined' && self.Math == Math ? self
+	  : Function('return this')();
+	if (typeof __g == 'number') __g = global;
+	});
+
+	var _core = createCommonjsModule(function (module) {
+	var core = module.exports = { version: '2.6.12' };
+	if (typeof __e == 'number') __e = core;
+	});
+	var _core_1 = _core.version;
+
+	var _aFunction = function (it) {
+	  if (typeof it != 'function') throw TypeError(it + ' is not a function!');
+	  return it;
+	};
+
+	var _ctx = function (fn, that, length) {
+	  _aFunction(fn);
+	  if (that === undefined) return fn;
+	  switch (length) {
+	    case 1: return function (a) {
+	      return fn.call(that, a);
+	    };
+	    case 2: return function (a, b) {
+	      return fn.call(that, a, b);
+	    };
+	    case 3: return function (a, b, c) {
+	      return fn.call(that, a, b, c);
+	    };
+	  }
+	  return function () {
+	    return fn.apply(that, arguments);
+	  };
+	};
+
+	var _isObject = function (it) {
+	  return typeof it === 'object' ? it !== null : typeof it === 'function';
+	};
+
+	var _anObject = function (it) {
+	  if (!_isObject(it)) throw TypeError(it + ' is not an object!');
+	  return it;
+	};
+
+	var _fails = function (exec) {
+	  try {
+	    return !!exec();
+	  } catch (e) {
+	    return true;
+	  }
+	};
+
+	var _descriptors = !_fails(function () {
+	  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+	});
+
+	var document$1 = _global.document;
+	var is = _isObject(document$1) && _isObject(document$1.createElement);
+	var _domCreate = function (it) {
+	  return is ? document$1.createElement(it) : {};
+	};
+
+	var _ie8DomDefine = !_descriptors && !_fails(function () {
+	  return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7;
+	});
+
+	var _toPrimitive = function (it, S) {
+	  if (!_isObject(it)) return it;
+	  var fn, val;
+	  if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
+	  if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val;
+	  if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
+	  throw TypeError("Can't convert object to primitive value");
+	};
+
+	var dP = Object.defineProperty;
+	var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+	  _anObject(O);
+	  P = _toPrimitive(P, true);
+	  _anObject(Attributes);
+	  if (_ie8DomDefine) try {
+	    return dP(O, P, Attributes);
+	  } catch (e) {  }
+	  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+	  if ('value' in Attributes) O[P] = Attributes.value;
+	  return O;
+	};
+	var _objectDp = {
+		f: f
+	};
+
+	var _propertyDesc = function (bitmap, value) {
+	  return {
+	    enumerable: !(bitmap & 1),
+	    configurable: !(bitmap & 2),
+	    writable: !(bitmap & 4),
+	    value: value
+	  };
+	};
+
+	var _hide = _descriptors ? function (object, key, value) {
+	  return _objectDp.f(object, key, _propertyDesc(1, value));
+	} : function (object, key, value) {
+	  object[key] = value;
+	  return object;
+	};
+
+	var hasOwnProperty = {}.hasOwnProperty;
+	var _has = function (it, key) {
+	  return hasOwnProperty.call(it, key);
+	};
+
+	var PROTOTYPE = 'prototype';
+	var $export = function (type, name, source) {
+	  var IS_FORCED = type & $export.F;
+	  var IS_GLOBAL = type & $export.G;
+	  var IS_STATIC = type & $export.S;
+	  var IS_PROTO = type & $export.P;
+	  var IS_BIND = type & $export.B;
+	  var IS_WRAP = type & $export.W;
+	  var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {});
+	  var expProto = exports[PROTOTYPE];
+	  var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] : (_global[name] || {})[PROTOTYPE];
+	  var key, own, out;
+	  if (IS_GLOBAL) source = name;
+	  for (key in source) {
+	    own = !IS_FORCED && target && target[key] !== undefined;
+	    if (own && _has(exports, key)) continue;
+	    out = own ? target[key] : source[key];
+	    exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
+	    : IS_BIND && own ? _ctx(out, _global)
+	    : IS_WRAP && target[key] == out ? (function (C) {
+	      var F = function (a, b, c) {
+	        if (this instanceof C) {
+	          switch (arguments.length) {
+	            case 0: return new C();
+	            case 1: return new C(a);
+	            case 2: return new C(a, b);
+	          } return new C(a, b, c);
+	        } return C.apply(this, arguments);
+	      };
+	      F[PROTOTYPE] = C[PROTOTYPE];
+	      return F;
+	    })(out) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out;
+	    if (IS_PROTO) {
+	      (exports.virtual || (exports.virtual = {}))[key] = out;
+	      if (type & $export.R && expProto && !expProto[key]) _hide(expProto, key, out);
+	    }
+	  }
+	};
+	$export.F = 1;
+	$export.G = 2;
+	$export.S = 4;
+	$export.P = 8;
+	$export.B = 16;
+	$export.W = 32;
+	$export.U = 64;
+	$export.R = 128;
+	var _export = $export;
+
+	var toString = {}.toString;
+	var _cof = function (it) {
+	  return toString.call(it).slice(8, -1);
+	};
+
+	var _isArray = Array.isArray || function isArray(arg) {
+	  return _cof(arg) == 'Array';
+	};
+
+	_export(_export.S, 'Array', { isArray: _isArray });
+
+	var isArray = _core.Array.isArray;
+
+	var isArray$1 = isArray;
+
 	var runtime_1 = createCommonjsModule(function (module) {
 	var runtime = (function (exports) {
 	  var Op = Object.prototype;
@@ -539,177 +716,10 @@
 
 	var _library = true;
 
-	var _global = createCommonjsModule(function (module) {
-	var global = module.exports = typeof window != 'undefined' && window.Math == Math
-	  ? window : typeof self != 'undefined' && self.Math == Math ? self
-	  : Function('return this')();
-	if (typeof __g == 'number') __g = global;
-	});
-
-	var _core = createCommonjsModule(function (module) {
-	var core = module.exports = { version: '2.6.12' };
-	if (typeof __e == 'number') __e = core;
-	});
-	var _core_1 = _core.version;
-
-	var _aFunction = function (it) {
-	  if (typeof it != 'function') throw TypeError(it + ' is not a function!');
-	  return it;
-	};
-
-	var _ctx = function (fn, that, length) {
-	  _aFunction(fn);
-	  if (that === undefined) return fn;
-	  switch (length) {
-	    case 1: return function (a) {
-	      return fn.call(that, a);
-	    };
-	    case 2: return function (a, b) {
-	      return fn.call(that, a, b);
-	    };
-	    case 3: return function (a, b, c) {
-	      return fn.call(that, a, b, c);
-	    };
-	  }
-	  return function () {
-	    return fn.apply(that, arguments);
-	  };
-	};
-
-	var _isObject = function (it) {
-	  return typeof it === 'object' ? it !== null : typeof it === 'function';
-	};
-
-	var _anObject = function (it) {
-	  if (!_isObject(it)) throw TypeError(it + ' is not an object!');
-	  return it;
-	};
-
-	var _fails = function (exec) {
-	  try {
-	    return !!exec();
-	  } catch (e) {
-	    return true;
-	  }
-	};
-
-	var _descriptors = !_fails(function () {
-	  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
-	});
-
-	var document$1 = _global.document;
-	var is = _isObject(document$1) && _isObject(document$1.createElement);
-	var _domCreate = function (it) {
-	  return is ? document$1.createElement(it) : {};
-	};
-
-	var _ie8DomDefine = !_descriptors && !_fails(function () {
-	  return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7;
-	});
-
-	var _toPrimitive = function (it, S) {
-	  if (!_isObject(it)) return it;
-	  var fn, val;
-	  if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
-	  if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val;
-	  if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
-	  throw TypeError("Can't convert object to primitive value");
-	};
-
-	var dP = Object.defineProperty;
-	var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-	  _anObject(O);
-	  P = _toPrimitive(P, true);
-	  _anObject(Attributes);
-	  if (_ie8DomDefine) try {
-	    return dP(O, P, Attributes);
-	  } catch (e) {  }
-	  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
-	  if ('value' in Attributes) O[P] = Attributes.value;
-	  return O;
-	};
-	var _objectDp = {
-		f: f
-	};
-
-	var _propertyDesc = function (bitmap, value) {
-	  return {
-	    enumerable: !(bitmap & 1),
-	    configurable: !(bitmap & 2),
-	    writable: !(bitmap & 4),
-	    value: value
-	  };
-	};
-
-	var _hide = _descriptors ? function (object, key, value) {
-	  return _objectDp.f(object, key, _propertyDesc(1, value));
-	} : function (object, key, value) {
-	  object[key] = value;
-	  return object;
-	};
-
-	var hasOwnProperty = {}.hasOwnProperty;
-	var _has = function (it, key) {
-	  return hasOwnProperty.call(it, key);
-	};
-
-	var PROTOTYPE = 'prototype';
-	var $export = function (type, name, source) {
-	  var IS_FORCED = type & $export.F;
-	  var IS_GLOBAL = type & $export.G;
-	  var IS_STATIC = type & $export.S;
-	  var IS_PROTO = type & $export.P;
-	  var IS_BIND = type & $export.B;
-	  var IS_WRAP = type & $export.W;
-	  var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {});
-	  var expProto = exports[PROTOTYPE];
-	  var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] : (_global[name] || {})[PROTOTYPE];
-	  var key, own, out;
-	  if (IS_GLOBAL) source = name;
-	  for (key in source) {
-	    own = !IS_FORCED && target && target[key] !== undefined;
-	    if (own && _has(exports, key)) continue;
-	    out = own ? target[key] : source[key];
-	    exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
-	    : IS_BIND && own ? _ctx(out, _global)
-	    : IS_WRAP && target[key] == out ? (function (C) {
-	      var F = function (a, b, c) {
-	        if (this instanceof C) {
-	          switch (arguments.length) {
-	            case 0: return new C();
-	            case 1: return new C(a);
-	            case 2: return new C(a, b);
-	          } return new C(a, b, c);
-	        } return C.apply(this, arguments);
-	      };
-	      F[PROTOTYPE] = C[PROTOTYPE];
-	      return F;
-	    })(out) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out;
-	    if (IS_PROTO) {
-	      (exports.virtual || (exports.virtual = {}))[key] = out;
-	      if (type & $export.R && expProto && !expProto[key]) _hide(expProto, key, out);
-	    }
-	  }
-	};
-	$export.F = 1;
-	$export.G = 2;
-	$export.S = 4;
-	$export.P = 8;
-	$export.B = 16;
-	$export.W = 32;
-	$export.U = 64;
-	$export.R = 128;
-	var _export = $export;
-
 	var _redefine = _hide;
 
 	var _iterators = {};
 
-	var toString = {}.toString;
-	var _cof = function (it) {
-	  return toString.call(it).slice(8, -1);
-	};
-
 	var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
 	  return _cof(it) == 'String' ? it.split('') : Object(it);
 	};
@@ -1980,6 +1990,9 @@
 	    },
 	    hasAddBtnSlot: function hasAddBtnSlot() {
 	      return !!this.$slots && !!this.$slots.add;
+	    },
+	    hasExtensionSlot: function hasExtensionSlot() {
+	      return !!this.$slots && !!this.$slots.extension;
 	    }
 	  },
 	  watch: {
@@ -2163,16 +2176,20 @@
 	        var _this4$$refs = _this4.$refs,
 	            labelWrapper = _this4$$refs.labelWrapper,
 	            labelList = _this4$$refs.labelList,
-	            addController = _this4$$refs.addController;
+	            addController = _this4$$refs.addController,
+	            extensionController = _this4$$refs.extensionController;
 	        var labelWrapperRect = labelWrapper.getBoundingClientRect();
 	        var labelListRect = labelList.getBoundingClientRect();
 	        var addControllerRect = addController ? addController.getBoundingClientRect() : {
 	          width: 0
 	        };
+	        var extensionControllerReact = extensionController ? extensionController.getBoundingClientRect() : {
+	          width: 0
+	        };
 	        _this4.addCustomRect = _this4.hasAddBtnSlot ? _this4.$refs.addCustom.getBoundingClientRect() : {
 	          width: 0
 	        };
-	        _this4.scrollState.show = labelListRect.width + addControllerRect.width + _this4.addCustomRect.width > labelWrapperRect.width;
+	        _this4.scrollState.show = labelListRect.width + addControllerRect.width + _this4.addCustomRect.width + extensionControllerReact.width > labelWrapperRect.width;
 	        if (!_this4.scrollState.show) {
 	          _this4.scrollState.offset = 0;
 	          _this4.scrollState.position = 'left';
@@ -2212,8 +2229,9 @@
 	    getRightControllerWidth: function getRightControllerWidth() {
 	      var _this$$refs = this.$refs,
 	          nextController = _this$$refs.nextController,
-	          addController = _this$$refs.addController;
-	      var controllers = [nextController, addController];
+	          addController = _this$$refs.addController,
+	          extensionController = _this$$refs.extensionController;
+	      var controllers = [nextController, addController, extensionController];
 	      var width = 0;
 	      controllers.forEach(function (controller) {
 	        width += controller ? controller.offsetWidth : 0;
@@ -2232,45 +2250,47 @@
 	        return false;
 	      }
 	      this.$nextTick(function () {
-	        var panel = _this5.$refs.tabLabel.find(function (item) {
-	          if (item && item.$el) {
-	            var newActive = Object.prototype.toString.call(active) === '[object Number]' ? active + '' : active;
-	            return item.$el.dataset.name === newActive;
-	          }
-	        });
-	        if (panel) {
-	          var tabLabel = panel.$el;
-	          var tabLabelRect = tabLabel.getBoundingClientRect();
-	          if (!_this5.isSidePosition) {
-	            if (tabLabelRect.width === 0 && tabLabelRect.height === 0) {
-	              tabLabel.classList.add('simulate-border-bottom');
-	            } else {
-	              tabLabel.classList.remove('simulate-border-bottom');
-	            }
-	            _this5.activeBarStyle.width = "".concat(tabLabelRect.width - 24, "px");
-	            _this5.activeBarStyle.height = _this5.activeBar.height;
-	            _this5.activeBarStyle.transform = "translateX(".concat(tabLabel.offsetLeft + 12, "px)");
-	            _this5.activeBarStyle.left = 0;
-	            if (_this5.activeBar.position === 'top') {
-	              _this5.activeBarStyle.top = '0px';
-	              _this5.activeBarStyle.bottom = 'auto';
-	            } else {
-	              _this5.activeBarStyle.top = 'auto';
-	              _this5.activeBarStyle.bottom = '0px';
-	            }
-	          } else {
-	            if (tabLabelRect.width === 0 && tabLabelRect.height === 0) {
-	              tabLabel.classList.add('simulate-border-right');
-	            } else {
-	              tabLabel.classList.remove('simulate-border-right');
+	        if (isArray$1(_this5.$refs.tabLabel)) {
+	          var panel = _this5.$refs.tabLabel.find(function (item) {
+	            if (item && item.$el) {
+	              var newActive = Object.prototype.toString.call(active) === '[object Number]' ? active + '' : active;
+	              return item.$el.dataset.name === newActive;
 	            }
-	            _this5.activeBarStyle.width = _this5.activeBar.height;
-	            _this5.activeBarStyle.height = "".concat(tabLabelRect.height || 50, "px");
-	            _this5.activeBarStyle.transform = "translateY(".concat(tabLabel.offsetTop, "px)");
-	            if (_this5.tabPosition === 'right') {
+	          });
+	          if (panel) {
+	            var tabLabel = panel.$el;
+	            var tabLabelRect = tabLabel.getBoundingClientRect();
+	            if (!_this5.isSidePosition) {
+	              if (tabLabelRect.width === 0 && tabLabelRect.height === 0) {
+	                tabLabel.classList.add('simulate-border-bottom');
+	              } else {
+	                tabLabel.classList.remove('simulate-border-bottom');
+	              }
+	              _this5.activeBarStyle.width = "".concat(tabLabelRect.width - 24, "px");
+	              _this5.activeBarStyle.height = _this5.activeBar.height;
+	              _this5.activeBarStyle.transform = "translateX(".concat(tabLabel.offsetLeft + 12, "px)");
 	              _this5.activeBarStyle.left = 0;
+	              if (_this5.activeBar.position === 'top') {
+	                _this5.activeBarStyle.top = '0px';
+	                _this5.activeBarStyle.bottom = 'auto';
+	              } else {
+	                _this5.activeBarStyle.top = 'auto';
+	                _this5.activeBarStyle.bottom = '0px';
+	              }
 	            } else {
-	              _this5.activeBarStyle.left = "".concat(tabLabelRect.width - 2, "px");
+	              if (tabLabelRect.width === 0 && tabLabelRect.height === 0) {
+	                tabLabel.classList.add('simulate-border-right');
+	              } else {
+	                tabLabel.classList.remove('simulate-border-right');
+	              }
+	              _this5.activeBarStyle.width = _this5.activeBar.height;
+	              _this5.activeBarStyle.height = "".concat(tabLabelRect.height || 50, "px");
+	              _this5.activeBarStyle.transform = "translateY(".concat(tabLabel.offsetTop, "px)");
+	              if (_this5.tabPosition === 'right') {
+	                _this5.activeBarStyle.left = 0;
+	              } else {
+	                _this5.activeBarStyle.left = "".concat(tabLabelRect.width - 2, "px");
+	              }
 	            }
 	          }
 	        }
@@ -2513,7 +2533,8 @@
 	    staticClass: "bk-tab-label-wrapper",
 	    class: {
 	      'has-scroller': _vm.scrollState.show && !_vm.isSidePosition,
-	      'has-add': (_vm.addable || _vm.hasAddBtnSlot) && !_vm.isSidePosition
+	      'has-add': (_vm.addable || _vm.hasAddBtnSlot) && !_vm.isSidePosition,
+	      'has-extension': _vm.hasExtensionSlot
 	    },
 	    style: {
 	      padding: _vm.scrollState.show && !_vm.isSidePosition ? "0 " + (_vm.addCustomRect.width + 24) + "px 0 24px" : undefined
@@ -2584,11 +2605,21 @@
 	        }
 	      }
 	    });
-	  }), 1), _vm.addable && !_vm.isSidePosition && !_vm.hasAddBtnSlot ? _c('i', {
+	  }), 1), _vm.hasExtensionSlot ? _c('div', {
+	    ref: "extensionController",
+	    class: {
+	      'bk-tab-extension-controller': true,
+	      'has-setting': _vm.$slots.extension
+	    },
+	    style: {
+	      height: _vm.labelHeight + "px",
+	      lineHeight: _vm.labelHeight + "px"
+	    }
+	  }, [_vm._t("extension")], 2) : _vm._e(), _vm.addable && !_vm.isSidePosition && !_vm.hasAddBtnSlot ? _c('i', {
 	    ref: "addController",
 	    staticClass: "bk-tab-add-controller bk-icon icon-plus",
 	    class: {
-	      'left-border': !_vm.visiblePanels.length,
+	      'left-border': !_vm.visiblePanels.length && !_vm.hasExtensionSlot,
 	      'next-right': _vm.addShowNextRight
 	    },
 	    style: {

package/lib/table-setting-content.js

@@ -1350,7 +1350,7 @@
         type: String,
         default: 'primary',
         validator: function validator(value) {
-          if (!['primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
+          if (!['default', 'primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
             console.error("theme property is not valid: '".concat(value, "'"));
             return false;
           }