bk-magic-vue 2.4.4 → 2.4.7

package/lib/version-detail.js

@@ -4085,7 +4085,193 @@
 	};
 
 	var script$1 = {
+	  name: 'bk-spin',
+	  props: {
+	    theme: {
+	      type: String,
+	      default: 'primary',
+	      validator: function validator(value) {
+	        if (!['primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
+	          console.error("theme property is not valid: '".concat(value, "'"));
+	          return false;
+	        }
+	        return true;
+	      }
+	    },
+	    size: {
+	      type: String,
+	      default: 'small',
+	      validator: function validator(value) {
+	        if (!['large', 'normal', 'small', 'mini'].includes(value)) {
+	          console.error("size property is not valid: '".concat(value, "'"));
+	          return false;
+	        }
+	        return true;
+	      }
+	    },
+	    icon: {
+	      type: String,
+	      default: ''
+	    },
+	    extCls: {
+	      type: String,
+	      default: ''
+	    },
+	    placement: {
+	      type: String,
+	      default: 'bottom',
+	      validator: function validator(value) {
+	        if (!['bottom', 'right'].includes(value)) {
+	          console.error("placement property is not valid: '".concat(value, "'"));
+	          return false;
+	        }
+	        return true;
+	      }
+	    },
+	    spinning: {
+	      type: Boolean,
+	      default: true
+	    }
+	  },
+	  data: function data() {
+	    return {};
+	  },
+	  computed: {
+	    dotClass: function dotClass() {
+	      var dotClass = ["bk-spin-rotation", "bk-spin-rotation-".concat(this.size), "bk-spin-rotation-".concat(this.theme)];
+	      !this.spinning && dotClass.push("bk-spin-rotation-".concat(this.theme, "-wait"));
+	      this.placement === 'right' && dotClass.push("bk-spin-rotation-flex");
+	      this.placement === 'bottom' && dotClass.push("bk-spin-rotation-margin");
+	      return dotClass;
+	    },
+	    slotTypeClass: function slotTypeClass() {
+	      var slotType = ["rotate"];
+	      this.$slots.default && this.placement === 'right' && slotType.push("slots-".concat(this.placement, "-rotate"));
+	      return slotType;
+	    },
+	    iconClass: function iconClass() {
+	      var iconClass = ["bk-spin-icon", "bk-spin-icon-".concat(this.size), "bk-spin-icon-".concat(this.theme)];
+	      !this.spinning && iconClass.push("bk-spin-icon-wait");
+	      this.placement === 'right' && iconClass.push("bk-display-flex");
+	      return iconClass;
+	    },
+	    slotClass: function slotClass() {
+	      var slotClass = ["bk-spin-title", "bk-spin-title-".concat(this.placement)];
+	      this.placement === 'right' && slotClass.push("bk-spin-title-".concat(this.size), "bk-display-flex");
+	      return slotClass;
+	    }
+	  }
+	};
+
+	/* script */
+	var __vue_script__$1 = script$1;
+	/* template */
+
+	var __vue_render__$1 = function __vue_render__() {
+	  var _vm = this;
+
+	  var _h = _vm.$createElement;
+
+	  var _c = _vm._self._c || _h;
+
+	  return _c('transition', {
+	    attrs: {
+	      "name": "fade"
+	    }
+	  }, [_c('div', {
+	    class: ['bk-spin', _vm.extCls]
+	  }, [_c('div', {
+	    style: {
+	      display: _vm.placement === 'right' ? 'flex' : ''
+	    }
+	  }, [!_vm.icon ? _c('div', {
+	    class: [_vm.dotClass]
+	  }, [_c('div', {
+	    staticClass: "rotate1",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate2",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate3",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate4",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate5",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate6",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate7",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate8",
+	    class: _vm.slotTypeClass
+	  })]) : _vm._e(), _vm.icon ? _c('div', {
+	    class: [_vm.iconClass]
+	  }, [_c('i', {
+	    class: ['bk-icon', 'icon-' + _vm.icon]
+	  })]) : _vm._e(), _vm.$slots.default ? _c('div', {
+	    class: [_vm.slotClass]
+	  }, [_vm._t("default")], 2) : _vm._e()])])]);
+	};
+
+	var __vue_staticRenderFns__$1 = [];
+	/* style */
+
+	var __vue_inject_styles__$1 = undefined;
+	/* scoped */
+
+	var __vue_scope_id__$1 = undefined;
+	/* module identifier */
+
+	var __vue_module_identifier__$1 = undefined;
+	/* functional template */
+
+	var __vue_is_functional_template__$1 = false;
+	/* style inject */
+
+	/* style inject SSR */
+
+	/* style inject shadow dom */
+
+	var __vue_component__$1 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$1,
+	  staticRenderFns: __vue_staticRenderFns__$1
+	}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+
+	function setInstaller (component, afterInstall) {
+	  component.install = function (Vue) {
+	    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	    var props = component.props || {};
+	    keys$1(options).forEach(function (key) {
+	      if (props.hasOwnProperty(key)) {
+	        if (typeof props[key] === 'function' || props[key] instanceof Array) {
+	          props[key] = {
+	            type: props[key],
+	            default: options[key]
+	          };
+	        } else {
+	          props[key].default = options[key];
+	        }
+	      }
+	    });
+	    component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
+	    Vue.component(component.name, component);
+	    typeof afterInstall === 'function' && afterInstall(Vue, options);
+	  };
+	}
+
+	setInstaller(__vue_component__$1);
+
+	var script$2 = {
 	  name: 'bk-button',
+	  components: {
+	    BkSpin: __vue_component__$1
+	  },
 	  props: {
 	    theme: {
 	      type: String,
@@ -4189,10 +4375,10 @@
 	};
 
 	/* script */
-	var __vue_script__$1 = script$1;
+	var __vue_script__$2 = script$2;
 	/* template */
 
-	var __vue_render__$1 = function __vue_render__() {
+	var __vue_render__$2 = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -4211,15 +4397,20 @@
 	    }
 	  }, 'button', _vm.$attrs, false), [_vm.loading ? _c('div', {
 	    staticClass: "bk-button-loading"
-	  }, [_c('div', {
-	    staticClass: "bounce1"
+	  }, [!_vm.text ? [_c('div', {
+	    staticClass: "bounce bounce1"
 	  }), _c('div', {
-	    staticClass: "bounce2"
+	    staticClass: "bounce bounce2"
 	  }), _c('div', {
-	    staticClass: "bounce3"
+	    staticClass: "bounce bounce3"
 	  }), _c('div', {
-	    staticClass: "bounce4"
-	  })]) : _vm._e(), _c('div', {
+	    staticClass: "bounce bounce4"
+	  })] : [_c('bk-spin', {
+	    attrs: {
+	      "size": "mini",
+	      "theme": _vm.theme
+	    }
+	  })]], 2) : _vm._e(), _c('div', {
 	    class: _vm.loading ? 'bk-loading-wrapper' : ''
 	  }, [_vm.iconType ? _c('i', {
 	    staticClass: "bk-icon left-icon",
@@ -4234,53 +4425,31 @@
 	  })] : _vm._e()], 2) : _vm._e()])]);
 	};
 
-	var __vue_staticRenderFns__$1 = [];
+	var __vue_staticRenderFns__$2 = [];
 	/* style */
 
-	var __vue_inject_styles__$1 = undefined;
+	var __vue_inject_styles__$2 = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$1 = undefined;
+	var __vue_scope_id__$2 = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$1 = undefined;
+	var __vue_module_identifier__$2 = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$1 = false;
+	var __vue_is_functional_template__$2 = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$1 = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$1,
-	  staticRenderFns: __vue_staticRenderFns__$1
-	}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-
-	function setInstaller (component, afterInstall) {
-	  component.install = function (Vue) {
-	    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-	    var props = component.props || {};
-	    keys$1(options).forEach(function (key) {
-	      if (props.hasOwnProperty(key)) {
-	        if (typeof props[key] === 'function' || props[key] instanceof Array) {
-	          props[key] = {
-	            type: props[key],
-	            default: options[key]
-	          };
-	        } else {
-	          props[key].default = options[key];
-	        }
-	      }
-	    });
-	    component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
-	    Vue.component(component.name, component);
-	    typeof afterInstall === 'function' && afterInstall(Vue, options);
-	  };
-	}
+	var __vue_component__$2 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$2,
+	  staticRenderFns: __vue_staticRenderFns__$2
+	}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
 
-	setInstaller(__vue_component__$1);
+	setInstaller(__vue_component__$2);
 
 	var _stringAt = function (TO_STRING) {
 	  return function (that, pos) {
@@ -4985,10 +5154,10 @@
 	  }
 	};
 
-	var script$2 = {
+	var script$3 = {
 	  name: 'bk-dialog',
 	  components: {
-	    bkButton: __vue_component__$1
+	    bkButton: __vue_component__$2
 	  },
 	  directives: {
 	    transferDom: transferDom
@@ -5556,9 +5725,9 @@
 	var img = new Image(); img.src = 'data:image/png;base64,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'; var __$_require_ui_images_default_loading_png__ = img.src;
 
 	/* script */
-	var __vue_script__$2 = script$2;
+	var __vue_script__$3 = script$3;
 
-	var __vue_render__$2 = function __vue_render__() {
+	var __vue_render__$3 = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -5807,36 +5976,36 @@
 	  }) : _vm._e()])]) : _vm._e()]], 2)], 1)]);
 	};
 
-	var __vue_staticRenderFns__$2 = [];
+	var __vue_staticRenderFns__$3 = [];
 	/* style */
 
-	var __vue_inject_styles__$2 = undefined;
+	var __vue_inject_styles__$3 = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$2 = undefined;
+	var __vue_scope_id__$3 = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$2 = undefined;
+	var __vue_module_identifier__$3 = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$2 = false;
+	var __vue_is_functional_template__$3 = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$2 = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$2,
-	  staticRenderFns: __vue_staticRenderFns__$2
-	}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
+	var __vue_component__$3 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$3,
+	  staticRenderFns: __vue_staticRenderFns__$3
+	}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
 
-	setInstaller(__vue_component__$2);
+	setInstaller(__vue_component__$3);
 
-	var script$3 = {
+	var script$4 = {
 	  name: 'bk-version-detail',
 	  components: {
-	    BkDialog: __vue_component__$2
+	    BkDialog: __vue_component__$3
 	  },
 	  directives: {
 	    bkOverflowTips: overflowTips,
@@ -6097,10 +6266,10 @@
 	};
 
 	/* script */
-	var __vue_script__$3 = script$3;
+	var __vue_script__$4 = script$4;
 	/* template */
 
-	var __vue_render__$3 = function __vue_render__() {
+	var __vue_render__$4 = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -6212,33 +6381,33 @@
 	  })], 2)])]], 2);
 	};
 
-	var __vue_staticRenderFns__$3 = [];
+	var __vue_staticRenderFns__$4 = [];
 	/* style */
 
-	var __vue_inject_styles__$3 = undefined;
+	var __vue_inject_styles__$4 = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$3 = undefined;
+	var __vue_scope_id__$4 = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$3 = undefined;
+	var __vue_module_identifier__$4 = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$3 = false;
+	var __vue_is_functional_template__$4 = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$3 = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$3,
-	  staticRenderFns: __vue_staticRenderFns__$3
-	}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
+	var __vue_component__$4 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$4,
+	  staticRenderFns: __vue_staticRenderFns__$4
+	}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
 
-	setInstaller(__vue_component__$3);
+	setInstaller(__vue_component__$4);
 
-	exports.default = __vue_component__$3;
+	exports.default = __vue_component__$4;
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bk-magic-vue",
-  "version": "2.4.4",
+  "version": "2.4.7",
   "description": "基于蓝鲸 Magicbox 和 Vue 的前端组件库",
   "main": "dist/bk-magic-vue.min.js",
   "files": [
@@ -58,7 +58,7 @@
     "@babel/register": "~7.4.4",
     "@babel/runtime": "~7.4.5",
     "@babel/runtime-corejs2": "~7.4.5",
-    "@blueking/magicbox-header": "^1.1.46",
+    "@blueking/magicbox-header": "^1.1.47",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@vue/babel-helper-vue-jsx-merge-props": "~1.0.0",
@@ -116,7 +116,7 @@
     "jest-serializer-vue": "~2.0.2",
     "jest-transform-stub": "~2.0.0",
     "js-calendar": "~1.2.3",
-    "markdown-it": "~8.4.2",
+    "markdown-it": "~12.3.2",
     "markdown-it-anchor": "~5.2.4",
     "markdown-it-attrs": "~2.4.1",
     "markdown-it-container": "~2.0.0",
@@ -129,7 +129,7 @@
     "ora": "~3.4.0",
     "parse5": "~5.1.0",
     "popper.js": "~1.15.0",
-    "postcss": "~7.0.17",
+    "postcss": "~7.0.39",
     "postcss-atroot": "~0.1.3",
     "postcss-color-function": "~4.1.0",
     "postcss-conditionals": "^2.1.0",
@@ -184,6 +184,7 @@
   },
   "dependencies": {
     "highlight.js": "^10.7.2",
+    "spark-md5": "^3.0.2",
     "tinycolor2": "^1.4.1"
   },
   "husky": {