bk-magic-vue 2.4.4 → 2.4.7

package/lib/affix.js

@@ -118,13 +118,16 @@
     },
     methods: {
       setTargetLoop: function setTargetLoop() {
+        var rect = this.targetEl.getBoundingClientRect();
         if (this.offsetType === 'top') {
           this.styles = {
-            top: "".concat(this.targetEl.getBoundingClientRect().top + this.offsetTop, "px")
+            top: "".concat(rect.top + this.offsetTop, "px"),
+            width: "".concat(rect.width, "px")
           };
         } else {
           this.styles = {
-            bottom: "".concat(window.innerHeight - this.targetEl.getBoundingClientRect().bottom + this.offsetBottom, "px")
+            bottom: "".concat(window.innerHeight - rect.bottom + this.offsetBottom, "px"),
+            width: "".concat(rect.width, "px")
           };
         }
       },

package/lib/big-tree.js

@@ -2029,7 +2029,10 @@
 	  }) : _vm._e(), _vm.props.node.nodeIcon ? _c('i', {
 	    class: ['node-icon', _vm.props.node.nodeIcon]
 	  }) : _vm._e()]), _c('div', {
-	    staticClass: "node-content"
+	    staticClass: "node-content",
+	    attrs: {
+	      "title": _vm.props.enableTitleTip ? _vm.props.node.name : false
+	    }
 	  }, [_vm._t("default", [_vm._v("\n      " + _vm._s(_vm.props.node.name) + "\n    ")], {
 	    node: _vm.props.node,
 	    data: _vm.props.node.data
@@ -2166,6 +2169,10 @@
 	    size: {
 	      type: String,
 	      default: 'normal'
+	    },
+	    enableTitleTip: {
+	      type: Boolean,
+	      default: false
 	    }
 	  },
 	  data: function data() {
@@ -2789,6 +2796,7 @@
 	      ref: node.id,
 	      refInFor: true,
 	      attrs: {
+	        "enable-title-tip": _vm.enableTitleTip,
 	        "node": node
 	      }
 	    }, [_vm._t("default", null, {

package/lib/button.js

@@ -5,105 +5,80 @@
 }(this, function (exports) { 'use strict';
 
   var script = {
-    name: 'bk-button',
+    name: 'bk-spin',
     props: {
       theme: {
         type: String,
-        default: 'default',
+        default: 'primary',
         validator: function validator(value) {
-          if (['default', 'primary', 'warning', 'success', 'danger'].indexOf(value) < 0) {
+          if (!['primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
             console.error("theme property is not valid: '".concat(value, "'"));
             return false;
           }
           return true;
         }
       },
-      hoverTheme: {
-        type: String,
-        default: '',
-        validator: function validator(value) {
-          if (['', 'primary', 'warning', 'success', 'danger'].indexOf(value) < 0) {
-            console.error("hoverTheme property is not valid: '".concat(value, "'"));
-            return false;
-          }
-          return true;
-        }
-      },
       size: {
         type: String,
-        default: 'normal',
+        default: 'small',
         validator: function validator(value) {
-          if (['small', 'normal', 'large'].indexOf(value) < 0) {
+          if (!['large', 'normal', 'small', 'mini'].includes(value)) {
             console.error("size property is not valid: '".concat(value, "'"));
             return false;
           }
           return true;
         }
       },
-      title: {
+      icon: {
         type: String,
         default: ''
       },
-      icon: String,
-      iconRight: String,
-      disabled: Boolean,
-      loading: Boolean,
-      outline: Boolean,
-      text: Boolean,
-      nativeType: {
-        type: String,
-        default: 'button'
-      },
       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 {
-        showSlot: true
-      };
+      return {};
     },
     computed: {
-      iconType: function iconType() {
-        var icon = this.icon || '';
-        if (icon) {
-          if (icon.indexOf('icon') === 0) {
-            icon = icon.replace(/^(icon-)/, '');
-          }
-        }
-        return icon;
+      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;
       },
-      iconRightType: function iconRightType() {
-        var iconRight = this.iconRight || '';
-        if (iconRight) {
-          if (iconRight.indexOf('icon') === 0) {
-            iconRight = iconRight.replace(/^(icon-)/, '');
-          }
-        }
-        return iconRight;
+      slotTypeClass: function slotTypeClass() {
+        var slotType = ["rotate"];
+        this.$slots.default && this.placement === 'right' && slotType.push("slots-".concat(this.placement, "-rotate"));
+        return slotType;
       },
-      themeType: function themeType() {
-        if (this.text) {
-          if (this.theme === 'default') {
-            return 'primary';
-          }
-        }
-        return this.theme;
+      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;
       },
-      buttonCls: function buttonCls() {
-        return ["bk-".concat(this.themeType), "bk-button-".concat(this.size), this.hoverTheme ? "bk-button-hover bk-".concat(this.hoverTheme) : this.text ? 'bk-button-text' : 'bk-button', this.disabled ? 'is-disabled' : '', this.loading ? 'is-loading' : '', this.outline ? 'is-outline' : '', !this.showSlot ? 'no-slot' : ''];
-      }
-    },
-    mounted: function mounted() {
-      this.showSlot = this.$slots.default !== undefined;
-    },
-    methods: {
-      handleClick: function handleClick(e) {
-        if (!this.disabled && !this.loading) {
-          this.$emit('click', e);
-          this.$el.blur();
-        }
+      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;
       }
     }
   };
@@ -178,39 +153,49 @@
 
     var _c = _vm._self._c || _h;
 
-    return _c('button', _vm._b({
-      class: [_vm.buttonCls, _vm.extCls],
+    return _c('transition', {
       attrs: {
-        "title": _vm.title,
-        "disabled": _vm.disabled,
-        "type": _vm.nativeType
-      },
-      on: {
-        "click": _vm.handleClick
+        "name": "fade"
       }
-    }, 'button', _vm.$attrs, false), [_vm.loading ? _c('div', {
-      staticClass: "bk-button-loading"
     }, [_c('div', {
-      staticClass: "bounce1"
+      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: "bounce2"
+      staticClass: "rotate2",
+      class: _vm.slotTypeClass
     }), _c('div', {
-      staticClass: "bounce3"
+      staticClass: "rotate3",
+      class: _vm.slotTypeClass
     }), _c('div', {
-      staticClass: "bounce4"
-    })]) : _vm._e(), _c('div', {
-      class: _vm.loading ? 'bk-loading-wrapper' : ''
-    }, [_vm.iconType ? _c('i', {
-      staticClass: "bk-icon left-icon",
-      class: ['icon-' + _vm.iconType, _vm.iconType === 'loading' ? 'bk-button-icon-loading' : '']
-    }, [_vm.iconType === 'loading' ? [_c('span', {
-      staticClass: "loading"
-    })] : _vm._e()], 2) : _vm._e(), _c('span', [_vm._t("default")], 2), _vm.iconRightType ? _c('i', {
-      staticClass: "bk-icon right-icon",
-      class: ['icon-' + _vm.iconRightType, _vm.iconRightType === 'loading' ? 'bk-button-icon-loading' : '']
-    }, [_vm.iconRightType === 'loading' ? [_c('span', {
-      staticClass: "loading"
-    })] : _vm._e()], 2) : _vm._e()])]);
+      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__ = [];
@@ -544,7 +529,191 @@
 
   setInstaller(__vue_component__);
 
-  exports.default = __vue_component__;
+  var script$1 = {
+    name: 'bk-button',
+    components: {
+      BkSpin: __vue_component__
+    },
+    props: {
+      theme: {
+        type: String,
+        default: 'default',
+        validator: function validator(value) {
+          if (['default', 'primary', 'warning', 'success', 'danger'].indexOf(value) < 0) {
+            console.error("theme property is not valid: '".concat(value, "'"));
+            return false;
+          }
+          return true;
+        }
+      },
+      hoverTheme: {
+        type: String,
+        default: '',
+        validator: function validator(value) {
+          if (['', 'primary', 'warning', 'success', 'danger'].indexOf(value) < 0) {
+            console.error("hoverTheme property is not valid: '".concat(value, "'"));
+            return false;
+          }
+          return true;
+        }
+      },
+      size: {
+        type: String,
+        default: 'normal',
+        validator: function validator(value) {
+          if (['small', 'normal', 'large'].indexOf(value) < 0) {
+            console.error("size property is not valid: '".concat(value, "'"));
+            return false;
+          }
+          return true;
+        }
+      },
+      title: {
+        type: String,
+        default: ''
+      },
+      icon: String,
+      iconRight: String,
+      disabled: Boolean,
+      loading: Boolean,
+      outline: Boolean,
+      text: Boolean,
+      nativeType: {
+        type: String,
+        default: 'button'
+      },
+      extCls: {
+        type: String,
+        default: ''
+      }
+    },
+    data: function data() {
+      return {
+        showSlot: true
+      };
+    },
+    computed: {
+      iconType: function iconType() {
+        var icon = this.icon || '';
+        if (icon) {
+          if (icon.indexOf('icon') === 0) {
+            icon = icon.replace(/^(icon-)/, '');
+          }
+        }
+        return icon;
+      },
+      iconRightType: function iconRightType() {
+        var iconRight = this.iconRight || '';
+        if (iconRight) {
+          if (iconRight.indexOf('icon') === 0) {
+            iconRight = iconRight.replace(/^(icon-)/, '');
+          }
+        }
+        return iconRight;
+      },
+      themeType: function themeType() {
+        if (this.text) {
+          if (this.theme === 'default') {
+            return 'primary';
+          }
+        }
+        return this.theme;
+      },
+      buttonCls: function buttonCls() {
+        return ["bk-".concat(this.themeType), "bk-button-".concat(this.size), this.hoverTheme ? "bk-button-hover bk-".concat(this.hoverTheme) : this.text ? 'bk-button-text' : 'bk-button', this.disabled ? 'is-disabled' : '', this.loading ? 'is-loading' : '', this.outline ? 'is-outline' : '', !this.showSlot ? 'no-slot' : ''];
+      }
+    },
+    mounted: function mounted() {
+      this.showSlot = this.$slots.default !== undefined;
+    },
+    methods: {
+      handleClick: function handleClick(e) {
+        if (!this.disabled && !this.loading) {
+          this.$emit('click', e);
+          this.$el.blur();
+        }
+      }
+    }
+  };
+
+  /* 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('button', _vm._b({
+      class: [_vm.buttonCls, _vm.extCls],
+      attrs: {
+        "title": _vm.title,
+        "disabled": _vm.disabled,
+        "type": _vm.nativeType
+      },
+      on: {
+        "click": _vm.handleClick
+      }
+    }, 'button', _vm.$attrs, false), [_vm.loading ? _c('div', {
+      staticClass: "bk-button-loading"
+    }, [!_vm.text ? [_c('div', {
+      staticClass: "bounce bounce1"
+    }), _c('div', {
+      staticClass: "bounce bounce2"
+    }), _c('div', {
+      staticClass: "bounce bounce3"
+    }), _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",
+      class: ['icon-' + _vm.iconType, _vm.iconType === 'loading' ? 'bk-button-icon-loading' : '']
+    }, [_vm.iconType === 'loading' ? [_c('span', {
+      staticClass: "loading"
+    })] : _vm._e()], 2) : _vm._e(), _c('span', [_vm._t("default")], 2), _vm.iconRightType ? _c('i', {
+      staticClass: "bk-icon right-icon",
+      class: ['icon-' + _vm.iconRightType, _vm.iconRightType === 'loading' ? 'bk-button-icon-loading' : '']
+    }, [_vm.iconRightType === 'loading' ? [_c('span', {
+      staticClass: "loading"
+    })] : _vm._e()], 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);
+
+  setInstaller(__vue_component__$1);
+
+  exports.default = __vue_component__$1;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 

package/lib/card.js

@@ -739,6 +739,7 @@
 	      }
 	    },
 	    handleNumberDelete: function handleNumberDelete(event) {
+	      this.curValue === '' && (this.curValue = this.max);
 	      var curNumberValue = Number(this.curValue);
 	      if (curNumberValue - 1 >= this.min) {
 	        var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
@@ -753,6 +754,7 @@
 	      }
 	    },
 	    handleNumberAdd: function handleNumberAdd(event) {
+	      this.curValue === '' && (this.curValue = this.min);
 	      var curNumberValue = Number(this.curValue);
 	      if (curNumberValue <= this.max - 1) {
 	        var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';

package/lib/cascade.js

@@ -5858,6 +5858,9 @@
 	  },
 	  watch: {
 	    showCascade: function showCascade(val) {
+	      if (!val) {
+	        this.dispatch('bk-form-item', 'form-blur');
+	      }
 	      this.$emit('toggle', val);
 	      this.filterableStatus = this.searchContent !== '';
 	      if (val) {
@@ -6096,6 +6099,7 @@
 	        var selectedList = this.multiple ? this.multipleSelectedList : this.selectedList;
 	        this.$emit('input', newId);
 	        this.$emit('change', newId, oldId, JSON.parse(stringify$1(selectedList)));
+	        this.dispatch('bk-form-item', 'form-change');
 	      }
 	    },
 	    exposeMultiple: function exposeMultiple(oldId) {
@@ -6291,6 +6295,9 @@
 	      }
 	    },
 	    removeTag: function removeTag(item, index) {
+	      if (this.disabled) {
+	        return;
+	      }
 	      var oldId = JSON.parse(stringify$1(this.multipleCurrentList));
 	      this.multipleCurrentList = this.multipleCurrentList.filter(function (itemInfo) {
 	        return itemInfo.join(',') !== item.id.join(',');