bk-magic-vue 2.4.0 → 2.4.1

package/lib/notify.js

@@ -406,7 +406,7 @@
       on: {
         "click": _vm.onClickViewMore
       }
-    }, [_vm._v("\n                        " + _vm._s(_vm.t('bk.notify.showMore')) + "\n                    ")]) : _vm._e()], 2)])], 2), _vm.dismissable ? _c('div', {
+    }, [_vm._v("\n            " + _vm._s(_vm.t('bk.notify.showMore')) + "\n          ")]) : _vm._e()], 2)])], 2), _vm.dismissable ? _c('div', {
       staticClass: "bk-notify-close"
     }, [_c('i', {
       staticClass: "bk-icon icon-close",

package/lib/option-group.js

@@ -574,6 +574,7 @@
 	var script = {
 	  name: 'bk-checkbox',
 	  mixins: [emitter],
+	  inject: ['handleRemoveItem', 'handleAddItem'],
 	  props: {
 	    value: {
 	      type: [String, Number, Boolean],
@@ -653,9 +654,16 @@
 	    }
 	  },
 	  created: function created() {
-	    this.dispatch('bk-checkbox-group', 'checkbox-item-add', this);
+	    if (this.handleAddItem && typeof this.handleAddItem === 'function') {
+	      this.handleAddItem(this);
+	    }
 	    this.init();
 	  },
+	  destroyed: function destroyed() {
+	    if (this.handleRemoveItem && typeof this.handleRemoveItem === 'function') {
+	      this.handleRemoveItem(this);
+	    }
+	  },
 	  methods: {
 	    getValue: function getValue() {
 	      if (this.selected) {

package/lib/option.js

@@ -344,7 +344,7 @@
 	  }) : _vm._e(), _c('span', {
 	    staticClass: "bk-option-name",
 	    class: _vm.select.fontSizeCls
-	  }, [_vm._v("\n                    " + _vm._s(_vm.name) + "\n                ")])])])], 2)]);
+	  }, [_vm._v("\n          " + _vm._s(_vm.name) + "\n        ")])])])], 2)]);
 	};
 
 	var __vue_staticRenderFns__ = [];

package/lib/pagination.js

@@ -4246,7 +4246,7 @@
 	    staticClass: "bk-option-content"
 	  }, [_c('span', {
 	    staticClass: "bk-option-name"
-	  }, [_vm._v("\n            " + _vm._s(_vm.t('bk.select.selectAll')) + "\n            "), _vm.isAllSelected ? [_vm._v("\n                " + _vm._s("(" + _vm.select.selectedOptions.length + ")") + "\n            ")] : _vm._e()], 2)])]);
+	  }, [_vm._v("\n      " + _vm._s(_vm.t('bk.select.selectAll')) + "\n      "), _vm.isAllSelected ? [_vm._v("\n        " + _vm._s("(" + _vm.select.selectedOptions.length + ")") + "\n      ")] : _vm._e()], 2)])]);
 	};
 
 	var __vue_staticRenderFns__$1 = [];
@@ -5420,7 +5420,7 @@
 	        height: _vm.itemHeight + "px",
 	        top: item.top + "px"
 	      }
-	    }, [_vm._t("index", [_vm._v("\n                    " + _vm._s(item.value) + "\n                ")], {
+	    }, [_vm._t("index", [_vm._v("\n          " + _vm._s(item.value) + "\n        ")], {
 	      data: item.value
 	    })], 2);
 	  }), 0) : _vm._e(), _c('ul', {
@@ -5598,7 +5598,7 @@
 	  }) : _vm._e(), _c('span', {
 	    staticClass: "bk-option-name",
 	    class: _vm.select.fontSizeCls
-	  }, [_vm._v("\n                    " + _vm._s(_vm.name) + "\n                ")])])])], 2)]);
+	  }, [_vm._v("\n          " + _vm._s(_vm.name) + "\n        ")])])])], 2)]);
 	};
 
 	var __vue_staticRenderFns__$5 = [];
@@ -6298,7 +6298,7 @@
 	    attrs: {
 	      "title": _vm.selectedName
 	    }
-	  }, [_vm._v("\n                " + _vm._s(_vm.selectedName) + "\n            ")])], null, _vm.$props), _c('div', {
+	  }, [_vm._v("\n        " + _vm._s(_vm.selectedName) + "\n      ")])], null, _vm.$props), _c('div', {
 	    staticClass: "bk-select-dropdown-content",
 	    class: [_vm.popoverCls, _vm.extPopoverCls],
 	    style: _vm.popoverStyle,
@@ -6402,10 +6402,10 @@
 	  }) : _vm._t("default")], 2)]), _vm.showEmpty ? [!_vm.options.length ? _c('div', {
 	    staticClass: "bk-select-empty",
 	    class: _vm.fontSizeCls
-	  }, [_vm._v("\n                    " + _vm._s(_vm.emptyText || _vm.t('bk.select.dataEmpty')) + "\n                ")]) : _vm.searchable && _vm.unmatchedCount === _vm.options.length ? _c('div', {
+	  }, [_vm._v("\n          " + _vm._s(_vm.emptyText || _vm.t('bk.select.dataEmpty')) + "\n        ")]) : _vm.searchable && _vm.unmatchedCount === _vm.options.length ? _c('div', {
 	    staticClass: "bk-select-empty",
 	    class: _vm.fontSizeCls
-	  }, [_vm._v("\n                    " + _vm._s(_vm.emptyText || _vm.t('bk.select.searchEmpty')) + "\n                ")]) : _vm._e()] : _vm._e(), _vm.$slots.extension ? _c('div', {
+	  }, [_vm._v("\n          " + _vm._s(_vm.emptyText || _vm.t('bk.select.searchEmpty')) + "\n        ")]) : _vm._e()] : _vm._e(), _vm.$slots.extension ? _c('div', {
 	    staticClass: "bk-select-extension",
 	    class: _vm.fontSizeCls
 	  }, [_vm._t("extension")], 2) : _vm._e()], 2)], 2)], 2);
@@ -6447,11 +6447,11 @@
 
 	  return _c('div', {
 	    class: ['bk-page-selection-count', "bk-page-selection-count-" + _vm.$parent.realityLocation]
-	  }, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n        已选择"), _c('span', {
+	  }, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n    已选择"), _c('span', {
 	    staticClass: "count"
-	  }, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v("条\n    ")] : [_c('span', {
+	  }, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v("条\n  ")] : [_c('span', {
 	    staticClass: "count"
-	  }, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v(" item(s) selected\n    ")]], 2);
+	  }, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v(" item(s) selected\n  ")]], 2);
 	};
 
 	var __vue_staticRenderFns__$7 = [];
@@ -6492,11 +6492,11 @@
 	    class: ['bk-page-total-count', "bk-page-total-count-" + _vm.$parent.realityLocation, {
 	      'bk-page-total-small': _vm.$parent.small
 	    }]
-	  }, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n        共计"), _c('span', {
+	  }, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n    共计"), _c('span', {
 	    staticClass: "stress"
-	  }, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v("条\n    ")] : [_vm._v("\n        Total: "), _c('span', {
+	  }, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v("条\n  ")] : [_vm._v("\n    Total: "), _c('span', {
 	    staticClass: "stress"
-	  }, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v(" items\n    ")]], 2) : _vm._e();
+	  }, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v(" items\n  ")]], 2) : _vm._e();
 	};
 
 	var __vue_staticRenderFns__$8 = [];
@@ -6701,7 +6701,7 @@
 	          _vm.handleChangePage(index);
 	        }
 	      }
-	    }, [_vm._v("\n                    " + _vm._s(index) + "\n                ")]);
+	    }, [_vm._v("\n          " + _vm._s(index) + "\n        ")]);
 	  }), 0)])]), _c('div', {
 	    staticClass: "btn-next",
 	    class: {

package/lib/process.js

@@ -4,6 +4,22 @@
   (global = global || self, factory(global.library = {}));
 }(this, function (exports) { 'use strict';
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function (obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
   function _toConsumableArray(arr) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
@@ -37,8 +53,102 @@
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
+  function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}var normalMerge=["attrs","props","domProps"],toArrayMerge=["class","style","directives"],functionalMerge=["on","nativeOn"],mergeJsxProps=function(a){return a.reduce(function(c,a){for(var b in a)if(!c[b])c[b]=a[b];else if(-1!==normalMerge.indexOf(b))c[b]=_extends({},c[b],a[b]);else if(-1!==toArrayMerge.indexOf(b)){var d=c[b]instanceof Array?c[b]:[c[b]],e=a[b]instanceof Array?a[b]:[a[b]];c[b]=d.concat(e);}else if(-1!==functionalMerge.indexOf(b)){for(var f in a[b])if(c[b][f]){var g=c[b][f]instanceof Array?c[b][f]:[c[b][f]],h=a[b][f]instanceof Array?a[b][f]:[a[b][f]];c[b][f]=g.concat(h);}else c[b][f]=a[b][f];}else if("hook"==b)for(var i in a[b])c[b][i]=c[b][i]?mergeFn(c[b][i],a[b][i]):a[b][i];else c[b]=a[b];return c},{})},mergeFn=function(a,b){return function(){a&&a.apply(this,arguments),b&&b.apply(this,arguments);}};var helper=mergeJsxProps;
+
+  function isVNode(node) {
+    return node && _typeof(node) === 'object' && node.hasOwnProperty('componentOptions');
+  }
+  var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {
+    window.setTimeout(callback, 1000 / 60);
+  };
+  var cancelAnimationFrame = window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || window.msCancelAnimationFrame || function (id) {
+    window.clearTimeout(id);
+  };
+  var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
+  var MOZ_HACK_REGEXP = /^moz([A-Z])/;
+  var camelCase = function camelCase(name) {
+    return name.replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
+      return offset ? letter.toUpperCase() : letter;
+    }).replace(MOZ_HACK_REGEXP, 'Moz$1');
+  };
+  var getStyle = Number(document.documentMode) < 9 ? function (element, styleName) {
+    if (!element || !styleName) return null;
+    styleName = camelCase(styleName);
+    if (styleName === 'float') {
+      styleName = 'styleFloat';
+    }
+    try {
+      switch (styleName) {
+        case 'opacity':
+          try {
+            return element.filters.item('alpha').opacity / 100;
+          } catch (e) {
+            return 1.0;
+          }
+        default:
+          return element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null;
+      }
+    } catch (e) {
+      return element.style[styleName];
+    }
+  } : function (element, styleName) {
+    if (!element || !styleName) return null;
+    styleName = camelCase(styleName);
+    if (styleName === 'float') {
+      styleName = 'cssFloat';
+    }
+    try {
+      var computed = document.defaultView.getComputedStyle(element, '');
+      return element.style[styleName] || computed ? computed[styleName] : null;
+    } catch (e) {
+      return element.style[styleName];
+    }
+  };
+
   var script = {
     name: 'bk-process',
+    components: {
+      SpinLoading: {
+        functional: true,
+        render: function render(h, ctx) {
+          return h("div", helper([{
+            "class": "bk-spin-loading bk-spin-loading-mini"
+          }, {
+            class: ctx.props.themeClass
+          }]), [h("div", {
+            "class": "rotate rotate1"
+          }), h("div", {
+            "class": "rotate rotate2"
+          }), h("div", {
+            "class": "rotate rotate3"
+          }), h("div", {
+            "class": "rotate rotate4"
+          }), h("div", {
+            "class": "rotate rotate5"
+          }), h("div", {
+            "class": "rotate rotate6"
+          }), h("div", {
+            "class": "rotate rotate7"
+          }), h("div", {
+            "class": "rotate rotate8"
+          })]);
+        }
+      },
+      VNodeContent: {
+        functional: true,
+        render: function render(h, ctx) {
+          return h("div", {
+            "class": "step-item-custom"
+          }, [ctx.props.content, ctx.children]);
+        }
+      },
+      StepStatusIcon: {
+        functional: true,
+        render: function render(h, ctx) {
+          return ctx.props.icon;
+        }
+      }
+    },
     props: {
       list: {
         type: Array,
@@ -76,6 +186,11 @@
         stepsClientHeight: 32
       };
     },
+    computed: {
+      hasStepChangeEvent: function hasStepChangeEvent() {
+        return !!(this.$listeners || {})['step-change'];
+      }
+    },
     watch: {
       list: {
         handler: function handler(value) {
@@ -131,11 +246,9 @@
             var loadFlag = false;
             if (dataList[curProcess].steps && dataList[curProcess].steps.length) {
               var steps = dataList[curProcess].steps;
-              for (var j = 0; j < steps.length; j++) {
-                if (steps[j]['isLoading']) {
-                  loadFlag = true;
-                }
-              }
+              loadFlag = steps.some(function (item) {
+                return item.isLoading;
+              });
               if (loadFlag) {
                 if (curProcess > 0) {
                   this.$set(dataList[curProcess - 1], 'isLoading', false);
@@ -175,6 +288,54 @@
         }
         this.$emit('update:curProcess', index + 1);
         this.$emit('process-changed', index + 1, item);
+      },
+      toggleStepItem: function toggleStepItem(step, stepIndex, processIndex) {
+        this.$emit('step-change', step, stepIndex, processIndex);
+      },
+      isCurrent: function isCurrent(index) {
+        return this.curProcess === index + 1;
+      },
+      isDone: function isDone(index) {
+        return this.curProcess >= index + 1;
+      },
+      isBuiltinIcon: function isBuiltinIcon(icon) {
+        return typeof icon === 'string' && !!icon;
+      },
+      isLoadingStatus: function isLoadingStatus(item) {
+        return item.status === 'loading';
+      },
+      isErrorStatus: function isErrorStatus(item) {
+        return item.status === 'error';
+      },
+      isDoneStatus: function isDoneStatus(item) {
+        return item.status === 'done';
+      },
+      isDefaultStatus: function isDefaultStatus(item) {
+        return item.status === 'default';
+      },
+      isVNode: function isVNode$1(content) {
+        return isVNode(content);
+      },
+      getStepStatusIcon: function getStepStatusIcon(step) {
+        var h = this.$createElement;
+        var customIcon = h("i", {
+          "class": ['bk-icon', "icon-".concat(step.statusIcon)]
+        });
+        var loadingIcon = h("spin-loading", {
+          "attrs": {
+            "theme-class": "bk-spin-loading-primary steps-loading"
+          }
+        });
+        var errorIcon = h("i", {
+          "class": "bk-icon icon-close error"
+        });
+        var doneIcon = h("i", {
+          "class": "bk-icon icon-check-1 done"
+        });
+        if (this.isBuiltinIcon(step.statusIcon)) return customIcon;
+        if (this.isLoadingStatus(step)) return loadingIcon;
+        if (this.isErrorStatus(step)) return errorIcon;
+        if (this.isDoneStatus(step)) return doneIcon;
       }
     }
   };
@@ -260,8 +421,12 @@
       return _c('li', {
         key: index,
         class: {
-          success: _vm.curProcess >= index + 1,
-          current: item.isLoading && index === _vm.curProcess - 1
+          success: _vm.isDone(index),
+          current: item.isLoading && _vm.isCurrent(index) || item.status && _vm.isCurrent(index),
+          'status-error': _vm.isErrorStatus(item),
+          'status-done': _vm.isDoneStatus(item),
+          'status-loading': _vm.isLoadingStatus(item),
+          'status-default': _vm.isDefaultStatus(item)
         },
         style: {
           cursor: _vm.controllables ? 'pointer' : ''
@@ -271,27 +436,33 @@
             _vm.toggle(item, index);
           }
         }
-      }, [_vm._v("\n            " + _vm._s(item[_vm.displayKey]) + "\n            "), item.isLoading && index === _vm.curProcess - 1 ? _c('div', {
-        staticClass: "bk-spin-loading bk-spin-loading-mini bk-spin-loading-white"
       }, [_c('div', {
-        staticClass: "rotate rotate1"
-      }), _c('div', {
-        staticClass: "rotate rotate2"
-      }), _c('div', {
-        staticClass: "rotate rotate3"
-      }), _c('div', {
-        staticClass: "rotate rotate4"
-      }), _c('div', {
-        staticClass: "rotate rotate5"
-      }), _c('div', {
-        staticClass: "rotate rotate6"
-      }), _c('div', {
-        staticClass: "rotate rotate7"
-      }), _c('div', {
-        staticClass: "rotate rotate8"
-      })]) : _c('i', {
-        staticClass: "bk-icon icon-check-1"
-      }), _c('dl', {
+        staticClass: "bk-process-item",
+        style: {
+          cursor: _vm.hasStepChangeEvent ? 'pointer' : ''
+        },
+        on: {
+          "click": function click($event) {
+            _vm.toggleStepItem(item, null, index);
+          }
+        }
+      }, [_vm._v("\n        " + _vm._s(item[_vm.displayKey]) + "\n        "), item.status ? [_vm.isBuiltinIcon(item.statusIcon) ? _c('i', {
+        class: ['bk-icon', "icon-" + item.statusIcon]
+      }) : _vm.isLoadingStatus(item) ? _c('spin-loading', {
+        attrs: {
+          "theme-class": "bk-spin-loading-white"
+        }
+      }) : _vm.isErrorStatus(item) ? _c('i', {
+        staticClass: "bk-icon icon-close-circle"
+      }) : _vm.isDoneStatus(item) ? _c('i', {
+        staticClass: "bk-icon icon-check-circle"
+      }) : _vm._e()] : [item.isLoading && _vm.isCurrent(index) ? _c('spin-loading', {
+        attrs: {
+          "theme-class": "bk-spin-loading-white"
+        }
+      }) : item.status !== false ? _c('i', {
+        staticClass: "bk-icon icon-check-circle"
+      }) : _vm._e()]], 2), _c('dl', {
         directives: [{
           name: "show",
           rawName: "v-show",
@@ -303,28 +474,39 @@
         staticClass: "bk-process-step"
       }, _vm._l(item.steps, function (step, stepIndex) {
         return _c('dd', {
-          key: stepIndex
-        }, [_vm._v("\n                    " + _vm._s(step[_vm.displayKey]) + "\n                    "), step.isLoading && index === _vm.curProcess - 1 ? _c('div', {
-          staticClass: "bk-spin-loading bk-spin-loading-mini bk-spin-loading-primary steps-loading"
-        }, [_c('div', {
-          staticClass: "rotate rotate1"
-        }), _c('div', {
-          staticClass: "rotate rotate2"
-        }), _c('div', {
-          staticClass: "rotate rotate3"
-        }), _c('div', {
-          staticClass: "rotate rotate4"
-        }), _c('div', {
-          staticClass: "rotate rotate5"
-        }), _c('div', {
-          staticClass: "rotate rotate6"
-        }), _c('div', {
-          staticClass: "rotate rotate7"
-        }), _c('div', {
-          staticClass: "rotate rotate8"
-        })]) : _c('i', {
+          key: stepIndex,
+          class: ['step-item', {
+            done: _vm.isDoneStatus(step),
+            error: _vm.isErrorStatus(step),
+            loading: _vm.isLoadingStatus(item)
+          }],
+          style: {
+            cursor: _vm.hasStepChangeEvent ? 'pointer' : ''
+          },
+          on: {
+            "click": function click($event) {
+              _vm.toggleStepItem(step, stepIndex, index);
+            }
+          }
+        }, [_vm.isVNode(step[_vm.displayKey]) ? _c('v-node-content', {
+          attrs: {
+            "content": step[_vm.displayKey]
+          }
+        }, [_c('step-status-icon', {
+          attrs: {
+            "icon": _vm.getStepStatusIcon(step)
+          }
+        })], 1) : [_vm._v("\n            " + _vm._s(step[_vm.displayKey]) + "\n            "), step.status ? _c('step-status-icon', {
+          attrs: {
+            "icon": _vm.getStepStatusIcon(step)
+          }
+        }) : [step.isLoading && _vm.isCurrent(index) ? _c('spin-loading', {
+          attrs: {
+            "theme-class": "bk-spin-loading-primary steps-loading"
+          }
+        }) : step.status !== false ? _c('i', {
           staticClass: "bk-icon icon-check-1"
-        })]);
+        }) : _vm._e()]]], 2);
       }), 0)]);
     }), 0), _vm.toggleFlag ? _c('a', {
       staticClass: "bk-process-toggle",
@@ -531,10 +713,10 @@
     return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
   });
 
-  var document = _global.document;
-  var is = _isObject(document) && _isObject(document.createElement);
+  var document$1 = _global.document;
+  var is = _isObject(document$1) && _isObject(document$1.createElement);
   var _domCreate = function (it) {
-    return is ? document.createElement(it) : {};
+    return is ? document$1.createElement(it) : {};
   };
 
   var _ie8DomDefine = !_descriptors && !_fails(function () {