bk-magic-vue 2.4.0 → 2.4.1

package/dist/bk-magic-vue.js

@@ -738,7 +738,7 @@
     },
     computed: {
       positionStyle: function positionStyle() {
-        return "right: ".concat(this.right, "px;\n                bottom: ").concat(this.bottom, "px;\n                z-index: ").concat(this.zIndex);
+        return "right: ".concat(this.right, "px;\n                    bottom: ").concat(this.bottom, "px;\n                    z-index: ").concat(this.zIndex);
       }
     },
     watch: {
@@ -1697,7 +1697,7 @@
       staticClass: "bk-alert-content"
     }, [_c('div', {
       staticClass: "bk-alert-title"
-    }, [_vm._t("title", [_vm._v("\n                        " + _vm._s(_vm.title) + "\n                    ")])], 2), _c('div', {
+    }, [_vm._t("title", [_vm._v("\n            " + _vm._s(_vm.title) + "\n          ")])], 2), _c('div', {
       staticClass: "bk-alert-description"
     })]), _vm.closable ? _c('span', {
       staticClass: "bk-alert-close",
@@ -2744,6 +2744,7 @@
   var script$8 = {
     name: 'bk-checkbox',
     mixins: [emitter],
+    inject: ['handleRemoveItem', 'handleAddItem'],
     props: {
       value: {
         type: [String, Number, Boolean],
@@ -2823,9 +2824,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) {
@@ -2995,6 +3003,12 @@
 
   var script$9 = {
     name: 'bk-checkbox-group',
+    provide: function provide() {
+      return {
+        handleAddItem: this.handleAddItem,
+        handleRemoveItem: this.handleRemoveItem
+      };
+    },
     props: {
       value: {
         type: Array,
@@ -3021,16 +3035,17 @@
         this.localValue = _toConsumableArray(_value);
       }
     },
-    created: function created() {
-      var _this = this;
-      this.$on('checkbox-item-add', function (item) {
-        if (item) {
-          _this.checkboxItems.push(item);
-        }
-        return false;
-      });
-    },
     methods: {
+      handleAddItem: function handleAddItem(item) {
+        if (!item || this.checkboxItems.includes(item)) return;
+        this.checkboxItems.push(item);
+      },
+      handleRemoveItem: function handleRemoveItem(item) {
+        var index = this.checkboxItems.indexOf(item);
+        if (index > -1) {
+          this.checkboxItems.splice(index, 1);
+        }
+      },
       handleChange: function handleChange(checked, value) {
         var oldValue = _toConsumableArray(this.localValue);
         var localValue = [];
@@ -8343,7 +8358,7 @@
     }, [_c('path', {
       attrs: {
         "fill": "#c4c6cc",
-        "d": "M512,128c51.9,0,102.2,10.1,149.5,30.2c45.7,19.3,86.8,47,122.1,82.3s63,76.4,82.3,122.1\n                            c20,47.3,30.2,97.6,30.2,149.5S886,614.3,865.9,661.6c-19.3,45.7-47,86.8-82.3,122.1s-76.4,63-122.1,82.3\n                            c-47.3,20-97.6,30.2-149.5,30.2S409.8,886.1,362.5,866c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1\n                            c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2,30.2-149.5c19.3-45.7,47-86.8,82.3-122.1s76.4-63,122.1-82.3\n                            C409.8,138.1,460.1,128,512,128 M512,64C264.6,64,64,264.6,64,512s200.6,448,448,448s448-200.6,448-448S759.4,64,512,64L512,64z"
+        "d": "M512,128c51.9,0,102.2,10.1,149.5,30.2c45.7,19.3,86.8,47,122.1,82.3s63,76.4,82.3,122.1\n                              c20,47.3,30.2,97.6,30.2,149.5S886,614.3,865.9,661.6c-19.3,45.7-47,86.8-82.3,122.1s-76.4,63-122.1,82.3\n                              c-47.3,20-97.6,30.2-149.5,30.2S409.8,886.1,362.5,866c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1\n                              c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2,30.2-149.5c19.3-45.7,47-86.8,82.3-122.1s76.4-63,122.1-82.3\n                              C409.8,138.1,460.1,128,512,128 M512,64C264.6,64,64,264.6,64,512s200.6,448,448,448s448-200.6,448-448S759.4,64,512,64L512,64z"
       }
     }), _c('polygon', {
       attrs: {
@@ -8364,7 +8379,7 @@
     }, [_c('path', {
       attrs: {
         "fill": "#c4c6cc",
-        "d": "M896,128h-96v64h64v112H160V192h64v-64h-96c-17.7,0-32,14.3-32,32v736c0,17.7,14.3,32,32,32h768\n                            c17.7,0,32-14.3,32-32V160C928,142.3,913.7,128,896,128z M160,864V368h704v496H160z"
+        "d": "M896,128h-96v64h64v112H160V192h64v-64h-96c-17.7,0-32,14.3-32,32v736c0,17.7,14.3,32,32,32h768\n                              c17.7,0,32-14.3,32-32V160C928,142.3,913.7,128,896,128z M160,864V368h704v496H160z"
       }
     }), _c('rect', {
       attrs: {
@@ -8906,6 +8921,16 @@
       message: {
         copy: 'copy',
         copied: 'copied'
+      },
+      image: {
+        zoomIn: 'zoom in',
+        zoomOut: 'zoom out',
+        rotateLeft: 'anticlockwise',
+        rotateRight: 'clockwise rotation',
+        fullScreen: 'full screen',
+        original: 'original size',
+        prev: 'prev',
+        next: 'next'
       }
     }
   };
@@ -9051,6 +9076,14 @@
       message: {
         copy: '复制',
         copied: '已复制'
+      },
+      image: {
+        zoomIn: '放大',
+        zoomOut: '缩小',
+        rotateLeft: '向左旋转',
+        rotateRight: '向右旋转',
+        fullScreen: '适应屏幕',
+        original: '快速回到 1：1'
       }
     }
   };
@@ -11266,7 +11299,7 @@
             _vm.handleShortcutClick(shortcut);
           }
         }
-      }, [_vm._v("\n            " + _vm._s(shortcut.text) + "\n        ")]);
+      }, [_vm._v("\n      " + _vm._s(shortcut.text) + "\n    ")]);
     }), 0) : _vm._e(), _c('div', {
       staticClass: "bk-picker-panel-body",
       staticStyle: {
@@ -11336,7 +11369,6 @@
     })]) : _vm._e()], 1), _c('div', {
       staticClass: "bk-picker-panel-content"
     }, [_vm.currentView !== 'time' ? _c(_vm.pickerTable, {
-      ref: "pickerTable",
       tag: "component",
       attrs: {
         "table-date": _vm.panelDate,
@@ -11966,7 +11998,6 @@
     }, [_c('i', {
       staticClass: "bk-icon icon-angle-right"
     })]) : _vm._e()], 1), _vm.currentView !== 'time' ? _c(_vm.leftPickerTable, {
-      ref: "leftYearTable",
       tag: "component",
       attrs: {
         "selection-mode": "range",
@@ -12039,12 +12070,12 @@
           _vm.handleRangePick(new Date(), 'upToNow');
         }
       }
-    }, [_vm._v("\n                        " + _vm._s(_vm.t('bk.datePicker.toNow')) + "\n                    ")]) : _c('span', {
+    }, [_vm._v("\n            " + _vm._s(_vm.t('bk.datePicker.toNow')) + "\n          ")]) : _c('span', {
       staticClass: "up-to-now disabled",
       attrs: {
         "href": "javascript: void(0);"
       }
-    }, [_vm._v("\n                        " + _vm._s(_vm.t('bk.datePicker.toNow')) + "\n                    ")])] : _vm._e(), _c('span', {
+    }, [_vm._v("\n            " + _vm._s(_vm.t('bk.datePicker.toNow')) + "\n          ")])] : _vm._e(), _c('span', {
       class: _vm.iconBtnCls('next', '-double'),
       on: {
         "click": function click($event) {
@@ -12069,7 +12100,6 @@
     }, [_c('i', {
       staticClass: "bk-icon icon-angle-right"
     })]) : _vm._e()], 2), _vm.currentView !== 'time' ? _c(_vm.rightPickerTable, {
-      ref: "rightYearTable",
       tag: "component",
       attrs: {
         "selection-mode": "range",
@@ -12741,8 +12771,7 @@
         default: false
       },
       zIndex: {
-        type: Number,
-        default: 1000
+        type: Number
       },
       confirmFn: {
         type: Function,
@@ -12951,7 +12980,7 @@
                 }
               }, 0);
             }
-            _this.dialogIndex = _this.getLocalZIndex();
+            _this.dialogIndex = _this.zIndex !== undefined ? _this.zIndex : _this.getLocalZIndex();
             if (_this.showMask) {
               var options = {
                 tplAction: 'keepAll',
@@ -13308,7 +13337,7 @@
           return _vm.okHandler($event);
         }
       }
-    }, [_vm._v("\n                                            " + _vm._s(_vm.localeOkText) + "\n                                        ")]), _c('bk-button', {
+    }, [_vm._v("\n                      " + _vm._s(_vm.localeOkText) + "\n                    ")]), _c('bk-button', {
       attrs: {
         "type": "button",
         "name": "cancel",
@@ -13319,7 +13348,7 @@
           return _vm.cancelHandler($event);
         }
       }
-    }, [_vm._v("\n                                            " + _vm._s(_vm.localeCancelText) + "\n                                        ")])], 1)])], 2) : _vm._e()] : [_vm.showHead ? _c('div', {
+    }, [_vm._v("\n                      " + _vm._s(_vm.localeCancelText) + "\n                    ")])], 1)])], 2) : _vm._e()] : [_vm.showHead ? _c('div', {
       staticClass: "bk-dialog-header"
     }, [_vm._t("header", [_c('div', {
       staticClass: "bk-dialog-header-inner"
@@ -13344,7 +13373,7 @@
           return _vm.okHandler($event);
         }
       }
-    }, [_vm._v("\n                                            " + _vm._s(_vm.localeOkText) + "\n                                        ")]), _c('bk-button', {
+    }, [_vm._v("\n                      " + _vm._s(_vm.localeOkText) + "\n                    ")]), _c('bk-button', {
       attrs: {
         "type": "button",
         "name": "cancel",
@@ -13355,7 +13384,7 @@
           return _vm.cancelHandler($event);
         }
       }
-    }, [_vm._v("\n                                            " + _vm._s(_vm.localeCancelText) + "\n                                        ")])], 1)])], 2) : _vm._e()], _vm.closeIcon ? _c('i', {
+    }, [_vm._v("\n                      " + _vm._s(_vm.localeCancelText) + "\n                    ")])], 1)])], 2) : _vm._e()], _vm.closeIcon ? _c('i', {
       staticClass: "bk-dialog-close bk-icon icon-close",
       on: {
         "click": function click($event) {
@@ -13428,7 +13457,7 @@
           return _vm.okHandler($event);
         }
       }
-    }, [_vm._v("\n                                        " + _vm._s(_vm.localeOkText) + "\n                                    ")]), _c('bk-button', {
+    }, [_vm._v("\n                    " + _vm._s(_vm.localeOkText) + "\n                  ")]), _c('bk-button', {
       attrs: {
         "type": "button",
         "name": "cancel",
@@ -13439,7 +13468,7 @@
           return _vm.cancelHandler($event);
         }
       }
-    }, [_vm._v("\n                                        " + _vm._s(_vm.localeCancelText) + "\n                                    ")])], 1)])], 2) : _vm._e(), _vm.closeIcon ? _c('i', {
+    }, [_vm._v("\n                    " + _vm._s(_vm.localeCancelText) + "\n                  ")])], 1)])], 2) : _vm._e(), _vm.closeIcon ? _c('i', {
       staticClass: "bk-dialog-close bk-icon icon-close",
       on: {
         "click": function click($event) {
@@ -29024,7 +29053,7 @@
       staticClass: "bk-label-text"
     }, [_vm._v(_vm._s(_vm.label))]) : _c('span', {
       staticClass: "bk-label-text"
-    }, [_vm._v("\n                " + _vm._s(_vm.label) + "\n                "), _c('i', {
+    }, [_vm._v("\n        " + _vm._s(_vm.label) + "\n        "), _c('i', {
       directives: [{
         name: "bk-tooltips",
         rawName: "v-bk-tooltips",
@@ -30514,7 +30543,7 @@
       on: {
         "click": _vm.copyContent
       }
-    }, [_vm._v("\n            " + _vm._s(_vm.localeCopyText) + "\n        ")]) : _vm._e(), _vm.dismissable ? _c('div', {
+    }, [_vm._v("\n      " + _vm._s(_vm.localeCopyText) + "\n    ")]) : _vm._e(), _vm.dismissable ? _c('div', {
       staticClass: "bk-message-close"
     }, [_c('i', {
       class: ['bk-icon icon-close', _vm.showCopyText ? 'ml10' : 'ml30'],
@@ -30772,7 +30801,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",
@@ -30991,7 +31020,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__$E = [];
@@ -31523,7 +31552,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__$H = [];
@@ -32319,7 +32348,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', {
@@ -33065,7 +33094,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,
@@ -33169,10 +33198,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);
@@ -33214,11 +33243,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__$L = [];
@@ -33259,11 +33288,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__$M = [];
@@ -33468,7 +33497,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: {
@@ -34125,8 +34154,52 @@
 
   setInstaller(__vue_component__$P);
 
+  function _extends$4(){return _extends$4=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$4.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$4({},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;
+
   var script$O = {
     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,
@@ -34164,6 +34237,11 @@
         stepsClientHeight: 32
       };
     },
+    computed: {
+      hasStepChangeEvent: function hasStepChangeEvent() {
+        return !!(this.$listeners || {})['step-change'];
+      }
+    },
     watch: {
       list: {
         handler: function handler(value) {
@@ -34219,11 +34297,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);
@@ -34263,6 +34339,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;
       }
     }
   };
@@ -34289,8 +34413,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' : ''
@@ -34300,27 +34428,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",
@@ -34332,28 +34466,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",
@@ -35123,10 +35268,10 @@
     })]), _vm.numShow ? _c('div', {
       staticClass: "num",
       style: _vm.numStyle
-    }, [!_vm.content ? [_vm._v("\n            " + _vm._s(Math.round(_vm.percentFixed * 100))), _vm.numUnit ? _c('span', [_vm._v(_vm._s(_vm.numUnit))]) : _vm._e()] : [_vm._v(_vm._s(_vm.content))]], 2) : _vm._e(), _vm.title ? _c('div', {
+    }, [!_vm.content ? [_vm._v("\n      " + _vm._s(Math.round(_vm.percentFixed * 100))), _vm.numUnit ? _c('span', [_vm._v(_vm._s(_vm.numUnit))]) : _vm._e()] : [_vm._v(_vm._s(_vm.content))]], 2) : _vm._e(), _vm.title ? _c('div', {
       staticClass: "title",
       style: _vm.titleStyle
-    }, [_vm._v("\n        " + _vm._s(_vm.title) + "\n    ")]) : _vm._e()]);
+    }, [_vm._v("\n    " + _vm._s(_vm.title) + "\n  ")]) : _vm._e()]);
   };
 
   var __vue_staticRenderFns__$V = [];
@@ -35532,7 +35677,7 @@
       style: {
         padding: _vm.calcDirection === 'left' ? '0 0 0 50px' : '0 0 0 30px'
       }
-    }, [_vm._t("header", [_vm._v("\n                        " + _vm._s(_vm.title || _vm.t('bk.sideslider.title')) + "\n                    ")])], 2)]), _c('div', {
+    }, [_vm._t("header", [_vm._v("\n            " + _vm._s(_vm.title || _vm.t('bk.sideslider.title')) + "\n          ")])], 2)]), _c('div', {
       ref: "content",
       staticClass: "bk-sideslider-content",
       style: {
@@ -35774,7 +35919,7 @@
       }]
     }), _vm.showButtonLabel && !_vm.showIntervalLabel ? _c('div', {
       class: ['slider-button-label', _vm.vertical ? 'vertical' : 'horizontal']
-    }, [_vm._v("\n        " + _vm._s(_vm.buttonLabel) + "\n    ")]) : _vm._e()]);
+    }, [_vm._v("\n    " + _vm._s(_vm.buttonLabel) + "\n  ")]) : _vm._e()]);
   };
 
   var __vue_staticRenderFns__$X = [];
@@ -36226,23 +36371,23 @@
       style: [{
         opacity: _vm.showButtonLabel ? [_vm.firstValue, _vm.secondValue].includes(_vm.vertical ? _vm.maxValue : _vm.minValue) ? '0' : '1' : '1'
       }]
-    }, [_vm._v("\n                        " + _vm._s(_vm.minValue) + _vm._s(_vm.intervalLabelUnit) + "\n                    ")]), _c('div', {
+    }, [_vm._v("\n            " + _vm._s(_vm.minValue) + _vm._s(_vm.intervalLabelUnit) + "\n          ")]), _c('div', {
       staticClass: "label-end",
       style: [{
         opacity: _vm.showButtonLabel ? [_vm.firstValue, _vm.secondValue].includes(_vm.vertical ? _vm.minValue : _vm.maxValue) ? '0' : '1' : '1'
       }]
-    }, [_vm._v("\n                        " + _vm._s(_vm.maxValue) + _vm._s(_vm.intervalLabelUnit) + "\n                    ")])] : _vm.showIntervalLabel ? _vm._l(_vm.intervalLabels, function (item, index) {
+    }, [_vm._v("\n            " + _vm._s(_vm.maxValue) + _vm._s(_vm.intervalLabelUnit) + "\n          ")])] : _vm.showIntervalLabel ? _vm._l(_vm.intervalLabels, function (item, index) {
       return _c('div', {
         key: index,
         class: ['bk-slider-label', _vm.vertical ? 'vertical' : 'horizontal'],
         style: _vm.getIntervalStyle(item.stepWidth)
-      }, [_vm._v("\n                        " + _vm._s(item.stepLabel) + "\n                    ")]);
+      }, [_vm._v("\n            " + _vm._s(item.stepLabel) + "\n          ")]);
     }) : _vm.showCustomLabel ? _vm._l(_vm.customList, function (item, index) {
       return _c('div', {
         key: index,
         class: ['bk-slider-label', _vm.vertical ? 'vertical' : 'horizontal'],
         style: _vm.getIntervalStyle(item.percent)
-      }, [_vm._v("\n                        " + _vm._s(item.label) + "\n                    ")]);
+      }, [_vm._v("\n            " + _vm._s(item.label) + "\n          ")]);
     }) : _vm._e()], 2)] : _vm._e(), _c('slider-button', {
       ref: "firstbutton",
       attrs: {
@@ -36594,7 +36739,7 @@
         staticClass: "bk-icon icon-check-1 icon-finish"
       }) : _c('span', {
         staticClass: "number"
-      }, [_vm._v("\n                " + _vm._s(_vm.isIcon(step)) + "\n            ")])]), step.title ? _c('div', {
+      }, [_vm._v("\n        " + _vm._s(_vm.isIcon(step)) + "\n      ")])]), step.title ? _c('div', {
         staticClass: "bk-step-content"
       }, [_c('div', {
         staticClass: "bk-step-title",
@@ -36606,12 +36751,12 @@
             _vm.jumpTo(index + 1);
           }
         }
-      }, [_vm._v("\n                " + _vm._s(step.title) + "\n            ")]), step.description ? _c('div', {
+      }, [_vm._v("\n        " + _vm._s(step.title) + "\n      ")]), step.description ? _c('div', {
         staticClass: "bk-step-description",
         attrs: {
           "title": step.description
         }
-      }, [_vm._v("\n                " + _vm._s(step.description) + "\n            ")]) : _vm._e()]) : _vm._e()]);
+      }, [_vm._v("\n        " + _vm._s(step.description) + "\n      ")]) : _vm._e()]) : _vm._e()]);
     }), 0);
   };
 
@@ -38028,6 +38173,167 @@
     }
   };
 
+  var script$$ = {
+    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__$$ = script$$;
+  /* template */
+
+  var __vue_render__$11 = 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__$11 = [];
+  /* style */
+
+  var __vue_inject_styles__$11 = undefined;
+  /* scoped */
+
+  var __vue_scope_id__$11 = undefined;
+  /* module identifier */
+
+  var __vue_module_identifier__$11 = undefined;
+  /* functional template */
+
+  var __vue_is_functional_template__$11 = false;
+  /* style inject */
+
+  /* style inject SSR */
+
+  /* style inject shadow dom */
+
+  var __vue_component__$11 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$11,
+    staticRenderFns: __vue_staticRenderFns__$11
+  }, __vue_inject_styles__$11, __vue_script__$$, __vue_scope_id__$11, __vue_is_functional_template__$11, __vue_module_identifier__$11, false, undefined, undefined, undefined);
+
+  setInstaller(__vue_component__$11);
+
   var getValueByPath = function getValueByPath(object, prop) {
     prop = prop || '';
     var paths = prop.split('.');
@@ -39152,8 +39458,6 @@
     return TableLayout;
   }();
 
-  function _extends$4(){return _extends$4=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$4.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$4({},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 beforeShow(instance) {
     var reference = instance.reference;
     var props = reference._bk_overflow_tips_.props;
@@ -40019,7 +40323,7 @@
     }
   };
 
-  var script$$ = {
+  var script$10 = {
     name: 'bk-link',
     props: {
       disabled: Boolean,
@@ -40053,10 +40357,10 @@
   };
 
   /* script */
-  var __vue_script__$$ = script$$;
+  var __vue_script__$10 = script$10;
   /* template */
 
-  var __vue_render__$11 = function __vue_render__() {
+  var __vue_render__$12 = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -40080,38 +40384,38 @@
     }) : _vm._e()]);
   };
 
-  var __vue_staticRenderFns__$11 = [];
+  var __vue_staticRenderFns__$12 = [];
   /* style */
 
-  var __vue_inject_styles__$11 = undefined;
+  var __vue_inject_styles__$12 = undefined;
   /* scoped */
 
-  var __vue_scope_id__$11 = undefined;
+  var __vue_scope_id__$12 = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$11 = undefined;
+  var __vue_module_identifier__$12 = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$11 = false;
+  var __vue_is_functional_template__$12 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$11 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$11,
-    staticRenderFns: __vue_staticRenderFns__$11
-  }, __vue_inject_styles__$11, __vue_script__$$, __vue_scope_id__$11, __vue_is_functional_template__$11, __vue_module_identifier__$11, false, undefined, undefined, undefined);
+  var __vue_component__$12 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$12,
+    staticRenderFns: __vue_staticRenderFns__$12
+  }, __vue_inject_styles__$12, __vue_script__$10, __vue_scope_id__$12, __vue_is_functional_template__$12, __vue_module_identifier__$12, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$11);
+  setInstaller(__vue_component__$12);
 
-  var script$10 = {
+  var script$11 = {
     name: 'bk-table-filter-panel',
     components: {
       bkCheckboxGroup: __vue_component__$9,
       bkCheckbox: __vue_component__$8,
-      bkLink: __vue_component__$11
+      bkLink: __vue_component__$12
     },
     mixins: [locale.mixin],
     data: function data() {
@@ -40204,10 +40508,10 @@
   };
 
   /* script */
-  var __vue_script__$10 = script$10;
+  var __vue_script__$11 = script$11;
   /* template */
 
-  var __vue_render__$12 = function __vue_render__() {
+  var __vue_render__$13 = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -40282,7 +40586,7 @@
           "value": filter.value,
           "disabled": !!filter.disabled
         }
-      }, [_vm._v("\n                " + _vm._s(filter.text) + "\n            ")]);
+      }, [_vm._v("\n        " + _vm._s(filter.text) + "\n      ")]);
     }), 1), _c('div', {
       directives: [{
         name: "show",
@@ -40324,7 +40628,7 @@
       on: {
         "click": _vm.handleReset
       }
-    }, [_vm._v("\n                " + _vm._s(_vm.t('bk.table.all')) + "\n            ")]), _vm._l(_vm.filters, function (filter) {
+    }, [_vm._v("\n        " + _vm._s(_vm.t('bk.table.all')) + "\n      ")]), _vm._l(_vm.filters, function (filter) {
       return _c('li', {
         key: filter.value,
         staticClass: "panel-item",
@@ -40338,35 +40642,35 @@
             _vm.handleSelect(filter);
           }
         }
-      }, [_vm._v("\n                " + _vm._s(filter.text) + "\n            ")]);
+      }, [_vm._v("\n        " + _vm._s(filter.text) + "\n      ")]);
     })], 2)], _vm.searchEmpty ? _c('p', {
       staticClass: "panel-empty"
     }, [_vm._v(_vm._s(_vm.t('bk.table.filter.empty')))]) : _vm._e()], 2);
   };
 
-  var __vue_staticRenderFns__$12 = [];
+  var __vue_staticRenderFns__$13 = [];
   /* style */
 
-  var __vue_inject_styles__$12 = undefined;
+  var __vue_inject_styles__$13 = undefined;
   /* scoped */
 
-  var __vue_scope_id__$12 = undefined;
+  var __vue_scope_id__$13 = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$12 = undefined;
+  var __vue_module_identifier__$13 = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$12 = false;
+  var __vue_is_functional_template__$13 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$12 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$12,
-    staticRenderFns: __vue_staticRenderFns__$12
-  }, __vue_inject_styles__$12, __vue_script__$10, __vue_scope_id__$12, __vue_is_functional_template__$12, __vue_module_identifier__$12, false, undefined, undefined, undefined);
+  var __vue_component__$13 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$13,
+    staticRenderFns: __vue_staticRenderFns__$13
+  }, __vue_inject_styles__$13, __vue_script__$11, __vue_scope_id__$13, __vue_is_functional_template__$13, __vue_module_identifier__$13, false, undefined, undefined, undefined);
 
   var getAllColumns = function getAllColumns(columns) {
     var result = [];
@@ -40723,7 +41027,7 @@
           return;
         }
         if (!filterPanel) {
-          filterPanel = new Vue(__vue_component__$12);
+          filterPanel = new Vue(__vue_component__$13);
           this.filterPanels[column.id] = filterPanel;
           filterPanel.table = table;
           filterPanel.column = column;
@@ -41030,17 +41334,17 @@
   };
 
   var tableIdSeed = 1;
-  var script$11 = {
+  var script$12 = {
     name: 'bk-table',
     components: {
       TableHeader: TableHeader,
       TableFooter: TableFooter,
       TableBody: TableBody,
-      BkPagination: __vue_component__$O
+      BkPagination: __vue_component__$O,
+      BkSpin: __vue_component__$11
     },
     directives: {
-      Mousewheel: Mousewheel,
-      Bkloading: bkLoading
+      Mousewheel: Mousewheel
     },
     mixins: [locale.mixin],
     props: {
@@ -41146,7 +41450,6 @@
         type: Object,
         default: function _default() {
           return {
-            size: 'mini',
             isLoading: false
           };
         }
@@ -41299,6 +41602,16 @@
           return column.type === 'selection';
         });
       },
+      scrollEndLoading: function scrollEndLoading() {
+        return _extends({
+          isLoading: false,
+          text: '加载中',
+          size: 'mini',
+          theme: 'info',
+          icon: 'circle-2-1',
+          placement: 'right'
+        }, this.scrollLoading);
+      },
       isVirtualRender: function isVirtualRender() {
         var prop = this.virtualRender;
         return typeof prop === 'boolean' ? prop : _typeof(prop) === 'object' ? !prop.disabled : false;
@@ -41464,7 +41777,7 @@
           } else {
             self.scrollPosition = 'middle';
           }
-          if (self.scrollLoading.isLoading) return;
+          if (self.scrollEndLoading.isLoading) return;
           if (this.scrollThrottle) return;
           this.scrollThrottle = true;
           setTimeout(function () {
@@ -41519,10 +41832,10 @@
   };
 
   /* script */
-  var __vue_script__$11 = script$11;
+  var __vue_script__$12 = script$12;
   /* template */
 
-  var __vue_render__$13 = function __vue_render__() {
+  var __vue_render__$14 = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -41593,7 +41906,11 @@
         "row-style": _vm.rowStyle,
         "highlight": _vm.highlightCurrentRow
       }
-    }), !_vm.data || _vm.data.length === 0 || _vm.store.states.data.length === 0 ? _c('div', {
+    }), _vm.scrollEndLoading.isLoading ? _c('div', {
+      staticClass: "bk-table-bottom-loading"
+    }, [_c('bk-spin', _vm._b({
+      staticClass: "bk-table-bottom-loading-spin"
+    }, 'bk-spin', _vm.scrollEndLoading, false), [_vm._v(_vm._s(_vm.scrollEndLoading.text))])], 1) : _vm._e(), !_vm.data || _vm.data.length === 0 || _vm.store.states.data.length === 0 ? _c('div', {
       ref: "emptyBlock",
       class: ['bk-table-empty-block', _vm.emptyBlockClassName],
       style: {
@@ -41677,7 +41994,9 @@
         "row-class-name": _vm.rowClassName,
         "row-style": _vm.rowStyle
       }
-    }), _vm.$slots.append ? _c('div', {
+    }), _vm.scrollEndLoading.isLoading ? _c('div', {
+      staticClass: "bk-table-bottom-loading"
+    }) : _vm._e(), _vm.$slots.append ? _c('div', {
       staticClass: "bk-table-append-gutter",
       style: {
         height: _vm.layout.appendHeight + 'px'
@@ -41747,7 +42066,13 @@
         "row-style": _vm.rowStyle,
         "highlight": _vm.highlightCurrentRow
       }
-    })], 1) : _vm._e(), _vm.showSummary ? _c('div', {
+    }), _vm.scrollEndLoading.isLoading ? _c('div', {
+      staticClass: "bk-table-bottom-loading",
+      staticStyle: {
+        "border-top": "1px solid #dfe0e5",
+        "bottom": "1px"
+      }
+    }) : _vm._e()], 1) : _vm._e(), _vm.showSummary ? _c('div', {
       directives: [{
         name: "show",
         rawName: "v-show",
@@ -41799,42 +42124,34 @@
         "change": _vm.handlePageChange,
         "limit-change": _vm.handlePageLimitChange
       }
-    }, 'bk-pagination', _vm.pagination, false)) : _vm._e()], 1) : _vm._e(), _vm.scrollLoading.isLoading ? _c('div', {
-      directives: [{
-        name: "bkloading",
-        rawName: "v-bkloading",
-        value: _vm.scrollLoading,
-        expression: "scrollLoading"
-      }],
-      staticClass: "bk-table-bottom-loading"
-    }) : _vm._e()]);
+    }, 'bk-pagination', _vm.pagination, false)) : _vm._e()], 1) : _vm._e()]);
   };
 
-  var __vue_staticRenderFns__$13 = [];
+  var __vue_staticRenderFns__$14 = [];
   /* style */
 
-  var __vue_inject_styles__$13 = undefined;
+  var __vue_inject_styles__$14 = undefined;
   /* scoped */
 
-  var __vue_scope_id__$13 = undefined;
+  var __vue_scope_id__$14 = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$13 = undefined;
+  var __vue_module_identifier__$14 = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$13 = false;
+  var __vue_is_functional_template__$14 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$13 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$13,
-    staticRenderFns: __vue_staticRenderFns__$13
-  }, __vue_inject_styles__$13, __vue_script__$11, __vue_scope_id__$13, __vue_is_functional_template__$13, __vue_module_identifier__$13, false, undefined, undefined, undefined);
+  var __vue_component__$14 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$14,
+    staticRenderFns: __vue_staticRenderFns__$14
+  }, __vue_inject_styles__$14, __vue_script__$12, __vue_scope_id__$14, __vue_is_functional_template__$14, __vue_module_identifier__$14, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$13);
+  setInstaller(__vue_component__$14);
 
   var columnIdSeed = 1;
   var defaults = {
@@ -42416,7 +42733,7 @@
 
   setInstaller(TableColumn);
 
-  var script$12 = {
+  var script$13 = {
     name: 'bk-table-setting-content',
     components: {
       bkCheckboxGroup: __vue_component__$9,
@@ -42576,10 +42893,10 @@
   };
 
   /* script */
-  var __vue_script__$12 = script$12;
+  var __vue_script__$13 = script$13;
   /* template */
 
-  var __vue_render__$14 = function __vue_render__() {
+  var __vue_render__$15 = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -42596,14 +42913,14 @@
       staticClass: "content-fields clearfix"
     }, [_c('p', {
       staticClass: "setting-title"
-    }, [_vm._v("\n                " + _vm._s(_vm.t('bk.table.setting.fields.title')) + "\n                "), _vm.limit ? _c('span', {
+    }, [_vm._v("\n        " + _vm._s(_vm.t('bk.table.setting.fields.title')) + "\n        "), _vm.limit ? _c('span', {
       staticClass: "setting-subtitle",
       class: {
         'is-limit': _vm.reachLimit
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.t('bk.table.setting.fields.subtitle', {
+    }, [_vm._v("\n          " + _vm._s(_vm.t('bk.table.setting.fields.subtitle', {
       max: _vm.limit
-    })) + "\n                ")]) : _c('bk-checkbox', {
+    })) + "\n        ")]) : _c('bk-checkbox', {
       staticClass: "fr setting-checkbox",
       attrs: {
         "checked": _vm.allSelected
@@ -42613,7 +42930,7 @@
           return _vm.handleSelectAll($event);
         }
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.t('bk.table.setting.fields.selectAll')) + "\n                ")])], 1), _c('bk-checkbox-group', {
+    }, [_vm._v("\n          " + _vm._s(_vm.t('bk.table.setting.fields.selectAll')) + "\n        ")])], 1), _c('bk-checkbox-group', {
       staticClass: "fields-group",
       model: {
         value: _vm.localSelected,
@@ -42633,12 +42950,12 @@
           "value": field[_vm.valueKey],
           "title": field[_vm.labelKey]
         }
-      }, [_vm._v("\n                            " + _vm._s(field[_vm.labelKey]) + "\n                        ")])], 1)];
+      }, [_vm._v("\n              " + _vm._s(field[_vm.labelKey]) + "\n            ")])], 1)];
     })], 2)], 1), _c('div', {
       staticClass: "content-line-height"
     }, [_c('p', {
       staticClass: "setting-title"
-    }, [_vm._v("\n                " + _vm._s(_vm.t('bk.table.setting.lineHeight.title')) + "\n            ")]), _c('div', {
+    }, [_vm._v("\n        " + _vm._s(_vm.t('bk.table.setting.lineHeight.title')) + "\n      ")]), _c('div', {
       staticClass: "bk-button-group link-button-group"
     }, [_c('bk-button', {
       class: ['link-button', {
@@ -42652,7 +42969,7 @@
           _vm.setSize('small');
         }
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.t('bk.table.setting.lineHeight.small')) + "\n                ")]), _c('bk-button', {
+    }, [_vm._v("\n          " + _vm._s(_vm.t('bk.table.setting.lineHeight.small')) + "\n        ")]), _c('bk-button', {
       class: ['link-button', {
         'is-selected': _vm.currentSize === 'medium'
       }],
@@ -42664,7 +42981,7 @@
           _vm.setSize('medium');
         }
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.t('bk.table.setting.lineHeight.medium')) + "\n                ")]), _c('bk-button', {
+    }, [_vm._v("\n          " + _vm._s(_vm.t('bk.table.setting.lineHeight.medium')) + "\n        ")]), _c('bk-button', {
       class: ['link-button', {
         'is-selected': _vm.currentSize === 'large'
       }],
@@ -42676,7 +42993,7 @@
           _vm.setSize('large');
         }
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.t('bk.table.setting.lineHeight.large')) + "\n                ")])], 1)])]), _c('div', {
+    }, [_vm._v("\n          " + _vm._s(_vm.t('bk.table.setting.lineHeight.large')) + "\n        ")])], 1)])]), _c('div', {
       staticClass: "content-options"
     }, [_c('bk-button', {
       staticClass: "mr10",
@@ -42687,7 +43004,7 @@
       on: {
         "click": _vm.handleConfirm
       }
-    }, [_vm._v("\n            " + _vm._s(_vm.t('bk.table.setting.options.ok')) + "\n        ")]), _c('bk-button', {
+    }, [_vm._v("\n      " + _vm._s(_vm.t('bk.table.setting.options.ok')) + "\n    ")]), _c('bk-button', {
       attrs: {
         "theme": "default"
       },
@@ -42697,31 +43014,31 @@
     }, [_vm._v(_vm._s(_vm.t('bk.table.setting.options.cancel')))])], 1)]);
   };
 
-  var __vue_staticRenderFns__$14 = [];
+  var __vue_staticRenderFns__$15 = [];
   /* style */
 
-  var __vue_inject_styles__$14 = undefined;
+  var __vue_inject_styles__$15 = undefined;
   /* scoped */
 
-  var __vue_scope_id__$14 = undefined;
+  var __vue_scope_id__$15 = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$14 = undefined;
+  var __vue_module_identifier__$15 = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$14 = false;
+  var __vue_is_functional_template__$15 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$14 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$14,
-    staticRenderFns: __vue_staticRenderFns__$14
-  }, __vue_inject_styles__$14, __vue_script__$12, __vue_scope_id__$14, __vue_is_functional_template__$14, __vue_module_identifier__$14, false, undefined, undefined, undefined);
+  var __vue_component__$15 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$15,
+    staticRenderFns: __vue_staticRenderFns__$15
+  }, __vue_inject_styles__$15, __vue_script__$13, __vue_scope_id__$15, __vue_is_functional_template__$15, __vue_module_identifier__$15, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$14);
+  setInstaller(__vue_component__$15);
 
   var _validateCollection = function (it, TYPE) {
     if (!_isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
@@ -43059,7 +43376,7 @@
     }
   };
 
-  var script$13 = {
+  var script$14 = {
     name: 'bk-tag-input',
     components: {
       listRender: listRender,
@@ -43960,10 +44277,10 @@
     }
   };
 
-  var __vue_script__$13 = script$13;
+  var __vue_script__$14 = script$14;
   /* template */
 
-  var __vue_render__$15 = function __vue_render__() {
+  var __vue_render__$16 = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -44216,31 +44533,31 @@
     })]) : _vm._e()], 2)]], 2) : _vm._e()])])], 1);
   };
 
-  var __vue_staticRenderFns__$15 = [];
+  var __vue_staticRenderFns__$16 = [];
   /* style */
 
-  var __vue_inject_styles__$15 = undefined;
+  var __vue_inject_styles__$16 = undefined;
   /* scoped */
 
-  var __vue_scope_id__$15 = undefined;
+  var __vue_scope_id__$16 = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$15 = undefined;
+  var __vue_module_identifier__$16 = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$15 = false;
+  var __vue_is_functional_template__$16 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$15 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$15,
-    staticRenderFns: __vue_staticRenderFns__$15
-  }, __vue_inject_styles__$15, __vue_script__$13, __vue_scope_id__$15, __vue_is_functional_template__$15, __vue_module_identifier__$15, false, undefined, undefined, undefined);
+  var __vue_component__$16 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$16,
+    staticRenderFns: __vue_staticRenderFns__$16
+  }, __vue_inject_styles__$16, __vue_script__$14, __vue_scope_id__$16, __vue_is_functional_template__$16, __vue_module_identifier__$16, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$15);
+  setInstaller(__vue_component__$16);
 
   var bkTimePicker = {
     name: 'bk-time-picker',
@@ -44297,7 +44614,7 @@
 
   setInstaller(bkTimePicker);
 
-  var script$14 = {
+  var script$15 = {
     name: 'bk-timeline',
     components: {
       vnodeIcon: {
@@ -44372,10 +44689,10 @@
   };
 
   /* script */
-  var __vue_script__$14 = script$14;
+  var __vue_script__$15 = script$15;
   /* template */
 
-  var __vue_render__$16 = function __vue_render__() {
+  var __vue_render__$17 = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -44427,33 +44744,33 @@
     }), 0);
   };
 
-  var __vue_staticRenderFns__$16 = [];
+  var __vue_staticRenderFns__$17 = [];
   /* style */
 
-  var __vue_inject_styles__$16 = undefined;
+  var __vue_inject_styles__$17 = undefined;
   /* scoped */
 
-  var __vue_scope_id__$16 = undefined;
+  var __vue_scope_id__$17 = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$16 = undefined;
+  var __vue_module_identifier__$17 = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$16 = false;
+  var __vue_is_functional_template__$17 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$16 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$16,
-    staticRenderFns: __vue_staticRenderFns__$16
-  }, __vue_inject_styles__$16, __vue_script__$14, __vue_scope_id__$16, __vue_is_functional_template__$16, __vue_module_identifier__$16, false, undefined, undefined, undefined);
+  var __vue_component__$17 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$17,
+    staticRenderFns: __vue_staticRenderFns__$17
+  }, __vue_inject_styles__$17, __vue_script__$15, __vue_scope_id__$17, __vue_is_functional_template__$17, __vue_module_identifier__$17, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$16);
+  setInstaller(__vue_component__$17);
 
-  var script$15 = {
+  var script$16 = {
     name: 'bk-transfer',
     components: {
       bkInput: __vue_component__$A
@@ -44852,10 +45169,10 @@
   };
 
   /* script */
-  var __vue_script__$15 = script$15;
+  var __vue_script__$16 = script$16;
   /* template */
 
-  var __vue_render__$17 = function __vue_render__() {
+  var __vue_render__$18 = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -44874,9 +45191,9 @@
       staticClass: "slot-content"
     }, [_vm._t("left-header")], 2)]) : _c('div', {
       staticClass: "header"
-    }, [_vm._v("\n            " + _vm._s(_vm.title[0] ? _vm.title[0] : _vm.t('bk.transfer.left')) + _vm._s(_vm.t('bk.transfer.total', {
+    }, [_vm._v("\n      " + _vm._s(_vm.title[0] ? _vm.title[0] : _vm.t('bk.transfer.left')) + _vm._s(_vm.t('bk.transfer.total', {
       total: _vm.dataList.length
-    })) + "\n            "), _vm.dataList.length === 0 ? _c('span', {
+    })) + "\n      "), _vm.dataList.length === 0 ? _c('span', {
       staticClass: "disabled"
     }, [_vm._v(_vm._s(_vm.t('bk.transfer.addAll')))]) : _c('span', {
       on: {
@@ -44940,7 +45257,7 @@
       })])], null, item)], 2);
     }), 0)] : [_vm.slot['left-empty-content'] ? _c('div', [_vm._t("left-empty-content")], 2) : _c('div', {
       staticClass: "empty"
-    }, [_vm._v("\n                " + _vm._s(_vm.emptyContent[0] ? _vm.emptyContent[0] : _vm.t('bk.transfer.emptyContent')) + "\n            ")])]], 2), _c('div', {
+    }, [_vm._v("\n        " + _vm._s(_vm.emptyContent[0] ? _vm.emptyContent[0] : _vm.t('bk.transfer.emptyContent')) + "\n      ")])]], 2), _c('div', {
       staticClass: "transfer"
     }), _c('div', {
       staticClass: "target-list"
@@ -44950,9 +45267,9 @@
       staticClass: "slot-content"
     }, [_vm._t("right-header")], 2)]) : _c('div', {
       staticClass: "header"
-    }, [_vm._v("\n            " + _vm._s(_vm.title[1] ? _vm.title[1] : _vm.t('bk.transfer.right')) + _vm._s(_vm.t('bk.transfer.total', {
+    }, [_vm._v("\n      " + _vm._s(_vm.title[1] ? _vm.title[1] : _vm.t('bk.transfer.right')) + _vm._s(_vm.t('bk.transfer.total', {
       total: _vm.hasSelectedList.length
-    })) + "\n            "), _vm.hasSelectedList.length === 0 ? _c('span', {
+    })) + "\n      "), _vm.hasSelectedList.length === 0 ? _c('span', {
       staticClass: "disabled"
     }, [_vm._v(_vm._s(_vm.t('bk.transfer.removeAll')))]) : _c('span', {
       on: {
@@ -45002,34 +45319,34 @@
       })])], null, item)], 2);
     }), 0)] : [_vm.slot['right-empty-content'] ? _c('div', [_vm._t("right-empty-content")], 2) : _c('div', {
       staticClass: "empty"
-    }, [_vm._v("\n                " + _vm._s(_vm.emptyContent[1] ? _vm.emptyContent[1] : _vm.t('bk.transfer.emptySelected')) + "\n            ")])]], 2)]);
+    }, [_vm._v("\n        " + _vm._s(_vm.emptyContent[1] ? _vm.emptyContent[1] : _vm.t('bk.transfer.emptySelected')) + "\n      ")])]], 2)]);
   };
 
-  var __vue_staticRenderFns__$17 = [];
+  var __vue_staticRenderFns__$18 = [];
   /* style */
 
-  var __vue_inject_styles__$17 = undefined;
+  var __vue_inject_styles__$18 = undefined;
   /* scoped */
 
-  var __vue_scope_id__$17 = undefined;
+  var __vue_scope_id__$18 = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$17 = undefined;
+  var __vue_module_identifier__$18 = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$17 = false;
+  var __vue_is_functional_template__$18 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$17 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$17,
-    staticRenderFns: __vue_staticRenderFns__$17
-  }, __vue_inject_styles__$17, __vue_script__$15, __vue_scope_id__$17, __vue_is_functional_template__$17, __vue_module_identifier__$17, false, undefined, undefined, undefined);
+  var __vue_component__$18 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$18,
+    staticRenderFns: __vue_staticRenderFns__$18
+  }, __vue_inject_styles__$18, __vue_script__$16, __vue_scope_id__$18, __vue_is_functional_template__$18, __vue_module_identifier__$18, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$17);
+  setInstaller(__vue_component__$18);
 
   var $entries = _objectToArray(true);
   _export(_export.S, 'Object', {
@@ -45072,7 +45389,7 @@
     }
   };
 
-  var script$16 = {
+  var script$17 = {
     name: 'bk-tree',
     components: {
       Render: Render,
@@ -45714,10 +46031,10 @@
     }
   };
 
-  var __vue_script__$16 = script$16;
+  var __vue_script__$17 = script$17;
   /* template */
 
-  var __vue_render__$18 = function __vue_render__() {
+  var __vue_render__$19 = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -45877,31 +46194,31 @@
     }), 0);
   };
 
-  var __vue_staticRenderFns__$18 = [];
+  var __vue_staticRenderFns__$19 = [];
   /* style */
 
-  var __vue_inject_styles__$18 = undefined;
+  var __vue_inject_styles__$19 = undefined;
   /* scoped */
 
-  var __vue_scope_id__$18 = undefined;
+  var __vue_scope_id__$19 = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$18 = undefined;
+  var __vue_module_identifier__$19 = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$18 = false;
+  var __vue_is_functional_template__$19 = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$18 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$18,
-    staticRenderFns: __vue_staticRenderFns__$18
-  }, __vue_inject_styles__$18, __vue_script__$16, __vue_scope_id__$18, __vue_is_functional_template__$18, __vue_module_identifier__$18, false, undefined, undefined, undefined);
+  var __vue_component__$19 = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$19,
+    staticRenderFns: __vue_staticRenderFns__$19
+  }, __vue_inject_styles__$19, __vue_script__$17, __vue_scope_id__$19, __vue_is_functional_template__$19, __vue_module_identifier__$19, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$18);
+  setInstaller(__vue_component__$19);
 
   var parseResponse = function parseResponse(response) {
     if (!response) {
@@ -45958,7 +46275,7 @@
     };
   }
 
-  var script$17 = {
+  var script$18 = {
     name: 'bk-upload',
     directives: {
       bkOverflowTips: overflowTips
@@ -46378,10 +46695,10 @@
   };
 
   /* script */
-  var __vue_script__$17 = script$17;
+  var __vue_script__$18 = script$18;
   /* template */
 
-  var __vue_render__$19 = function __vue_render__() {
+  var __vue_render__$1a = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -46439,7 +46756,7 @@
           disabled: _vm.theme !== 'picture' || _vm.multiple || _vm.fileList.length === 0 || _vm.fileList.length > 1 || !_vm.fileList[0].errorMsg,
           content: _vm.fileList.length && _vm.fileList[0].errorMsg
         },
-        expression: "{\n            disabled: theme !== 'picture' || multiple || fileList.length === 0 || fileList.length > 1 || !fileList[0].errorMsg,\n            content: fileList.length && fileList[0].errorMsg\n        }"
+        expression: "{\n      disabled: theme !== 'picture' || multiple || fileList.length === 0 || fileList.length > 1 || !fileList[0].errorMsg,\n      content: fileList.length && fileList[0].errorMsg\n    }"
       }],
       staticClass: "file-wrapper",
       class: {
@@ -46510,7 +46827,7 @@
       }
     }), _c('div', {
       staticClass: "mask"
-    }, [_vm._v("\n                            " + _vm._s(_vm.t('bk.uploadFile.replace')) + "\n                            "), _c('i', {
+    }, [_vm._v("\n              " + _vm._s(_vm.t('bk.uploadFile.replace')) + "\n              "), _c('i', {
       staticClass: "bk-icon icon-close delete-file",
       on: {
         "click": function click($event) {
@@ -46607,33 +46924,33 @@
     }), 0) : _vm._e()], 2);
   };
 
-  var __vue_staticRenderFns__$19 = [];
+  var __vue_staticRenderFns__$1a = [];
   /* style */
 
-  var __vue_inject_styles__$19 = undefined;
+  var __vue_inject_styles__$1a = undefined;
   /* scoped */
 
-  var __vue_scope_id__$19 = undefined;
+  var __vue_scope_id__$1a = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$19 = undefined;
+  var __vue_module_identifier__$1a = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$19 = false;
+  var __vue_is_functional_template__$1a = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$19 = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$19,
-    staticRenderFns: __vue_staticRenderFns__$19
-  }, __vue_inject_styles__$19, __vue_script__$17, __vue_scope_id__$19, __vue_is_functional_template__$19, __vue_module_identifier__$19, false, undefined, undefined, undefined);
+  var __vue_component__$1a = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1a,
+    staticRenderFns: __vue_staticRenderFns__$1a
+  }, __vue_inject_styles__$1a, __vue_script__$18, __vue_scope_id__$1a, __vue_is_functional_template__$1a, __vue_module_identifier__$1a, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$19);
+  setInstaller(__vue_component__$1a);
 
-  var script$18 = {
+  var script$19 = {
     name: 'bk-container',
     props: {
       col: {
@@ -46700,10 +47017,10 @@
   };
 
   /* script */
-  var __vue_script__$18 = script$18;
+  var __vue_script__$19 = script$19;
   /* template */
 
-  var __vue_render__$1a = function __vue_render__() {
+  var __vue_render__$1b = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -46717,33 +47034,33 @@
     }, [_vm._t("default")], 2);
   };
 
-  var __vue_staticRenderFns__$1a = [];
+  var __vue_staticRenderFns__$1b = [];
   /* style */
 
-  var __vue_inject_styles__$1a = undefined;
+  var __vue_inject_styles__$1b = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1a = undefined;
+  var __vue_scope_id__$1b = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1a = undefined;
+  var __vue_module_identifier__$1b = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1a = false;
+  var __vue_is_functional_template__$1b = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1a = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1a,
-    staticRenderFns: __vue_staticRenderFns__$1a
-  }, __vue_inject_styles__$1a, __vue_script__$18, __vue_scope_id__$1a, __vue_is_functional_template__$1a, __vue_module_identifier__$1a, false, undefined, undefined, undefined);
+  var __vue_component__$1b = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1b,
+    staticRenderFns: __vue_staticRenderFns__$1b
+  }, __vue_inject_styles__$1b, __vue_script__$19, __vue_scope_id__$1b, __vue_is_functional_template__$1b, __vue_module_identifier__$1b, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1a);
+  setInstaller(__vue_component__$1b);
 
-  var script$19 = {
+  var script$1a = {
     name: 'bk-col',
     props: {
       span: {
@@ -46803,10 +47120,10 @@
   };
 
   /* script */
-  var __vue_script__$19 = script$19;
+  var __vue_script__$1a = script$1a;
   /* template */
 
-  var __vue_render__$1b = function __vue_render__() {
+  var __vue_render__$1c = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -46819,33 +47136,33 @@
     }, [_vm._t("default")], 2);
   };
 
-  var __vue_staticRenderFns__$1b = [];
+  var __vue_staticRenderFns__$1c = [];
   /* style */
 
-  var __vue_inject_styles__$1b = undefined;
+  var __vue_inject_styles__$1c = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1b = undefined;
+  var __vue_scope_id__$1c = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1b = undefined;
+  var __vue_module_identifier__$1c = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1b = false;
+  var __vue_is_functional_template__$1c = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1b = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1b,
-    staticRenderFns: __vue_staticRenderFns__$1b
-  }, __vue_inject_styles__$1b, __vue_script__$19, __vue_scope_id__$1b, __vue_is_functional_template__$1b, __vue_module_identifier__$1b, false, undefined, undefined, undefined);
+  var __vue_component__$1c = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1c,
+    staticRenderFns: __vue_staticRenderFns__$1c
+  }, __vue_inject_styles__$1c, __vue_script__$1a, __vue_scope_id__$1c, __vue_is_functional_template__$1c, __vue_module_identifier__$1c, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1b);
+  setInstaller(__vue_component__$1c);
 
-  var script$1a = {
+  var script$1b = {
     name: 'bk-row',
     provide: function provide() {
       var col = this.col,
@@ -46874,10 +47191,10 @@
   };
 
   /* script */
-  var __vue_script__$1a = script$1a;
+  var __vue_script__$1b = script$1b;
   /* template */
 
-  var __vue_render__$1c = function __vue_render__() {
+  var __vue_render__$1d = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -46890,33 +47207,33 @@
     }, [_vm._t("default")], 2);
   };
 
-  var __vue_staticRenderFns__$1c = [];
+  var __vue_staticRenderFns__$1d = [];
   /* style */
 
-  var __vue_inject_styles__$1c = undefined;
+  var __vue_inject_styles__$1d = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1c = undefined;
+  var __vue_scope_id__$1d = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1c = undefined;
+  var __vue_module_identifier__$1d = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1c = false;
+  var __vue_is_functional_template__$1d = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1c = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1c,
-    staticRenderFns: __vue_staticRenderFns__$1c
-  }, __vue_inject_styles__$1c, __vue_script__$1a, __vue_scope_id__$1c, __vue_is_functional_template__$1c, __vue_module_identifier__$1c, false, undefined, undefined, undefined);
+  var __vue_component__$1d = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1d,
+    staticRenderFns: __vue_staticRenderFns__$1d
+  }, __vue_inject_styles__$1d, __vue_script__$1b, __vue_scope_id__$1d, __vue_is_functional_template__$1d, __vue_module_identifier__$1d, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1c);
+  setInstaller(__vue_component__$1d);
 
-  var script$1b = {
+  var script$1c = {
     name: 'bk-star',
     props: {
       rate: {
@@ -46970,10 +47287,10 @@
   };
 
   /* script */
-  var __vue_script__$1b = script$1b;
+  var __vue_script__$1c = script$1c;
   /* template */
 
-  var __vue_render__$1d = function __vue_render__() {
+  var __vue_render__$1e = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -47042,34 +47359,34 @@
     }), 0);
   };
 
-  var __vue_staticRenderFns__$1d = [];
+  var __vue_staticRenderFns__$1e = [];
   /* style */
 
-  var __vue_inject_styles__$1d = undefined;
+  var __vue_inject_styles__$1e = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1d = undefined;
+  var __vue_scope_id__$1e = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1d = undefined;
+  var __vue_module_identifier__$1e = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1d = false;
+  var __vue_is_functional_template__$1e = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1d = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1d,
-    staticRenderFns: __vue_staticRenderFns__$1d
-  }, __vue_inject_styles__$1d, __vue_script__$1b, __vue_scope_id__$1d, __vue_is_functional_template__$1d, __vue_module_identifier__$1d, false, undefined, undefined, undefined);
+  var __vue_component__$1e = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1e,
+    staticRenderFns: __vue_staticRenderFns__$1e
+  }, __vue_inject_styles__$1e, __vue_script__$1c, __vue_scope_id__$1e, __vue_is_functional_template__$1e, __vue_module_identifier__$1e, false, undefined, undefined, undefined);
 
-  var script$1c = {
+  var script$1d = {
     name: 'bk-rate',
     components: {
-      bkStar: __vue_component__$1d
+      bkStar: __vue_component__$1e
     },
     props: {
       rate: {
@@ -47125,10 +47442,10 @@
   };
 
   /* script */
-  var __vue_script__$1c = script$1c;
+  var __vue_script__$1d = script$1d;
   /* template */
 
-  var __vue_render__$1e = function __vue_render__() {
+  var __vue_render__$1f = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -47178,35 +47495,35 @@
     })]], 2);
   };
 
-  var __vue_staticRenderFns__$1e = [];
+  var __vue_staticRenderFns__$1f = [];
   /* style */
 
-  var __vue_inject_styles__$1e = undefined;
+  var __vue_inject_styles__$1f = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1e = undefined;
+  var __vue_scope_id__$1f = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1e = undefined;
+  var __vue_module_identifier__$1f = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1e = false;
+  var __vue_is_functional_template__$1f = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1e = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1e,
-    staticRenderFns: __vue_staticRenderFns__$1e
-  }, __vue_inject_styles__$1e, __vue_script__$1c, __vue_scope_id__$1e, __vue_is_functional_template__$1e, __vue_module_identifier__$1e, false, undefined, undefined, undefined);
+  var __vue_component__$1f = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1f,
+    staticRenderFns: __vue_staticRenderFns__$1f
+  }, __vue_inject_styles__$1f, __vue_script__$1d, __vue_scope_id__$1f, __vue_is_functional_template__$1f, __vue_module_identifier__$1f, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1e);
+  setInstaller(__vue_component__$1f);
 
-  setInstaller(__vue_component__$1d);
+  setInstaller(__vue_component__$1e);
 
-  var script$1d = {
+  var script$1e = {
     name: 'bk-swiper',
     props: {
       pics: {
@@ -47415,10 +47732,10 @@
   };
 
   /* script */
-  var __vue_script__$1d = script$1d;
+  var __vue_script__$1e = script$1e;
   /* template */
 
-  var __vue_render__$1f = function __vue_render__() {
+  var __vue_render__$1g = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -47502,33 +47819,33 @@
     })])]) : _vm._e();
   };
 
-  var __vue_staticRenderFns__$1f = [];
+  var __vue_staticRenderFns__$1g = [];
   /* style */
 
-  var __vue_inject_styles__$1f = undefined;
+  var __vue_inject_styles__$1g = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1f = undefined;
+  var __vue_scope_id__$1g = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1f = undefined;
+  var __vue_module_identifier__$1g = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1f = false;
+  var __vue_is_functional_template__$1g = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1f = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1f,
-    staticRenderFns: __vue_staticRenderFns__$1f
-  }, __vue_inject_styles__$1f, __vue_script__$1d, __vue_scope_id__$1f, __vue_is_functional_template__$1f, __vue_module_identifier__$1f, false, undefined, undefined, undefined);
+  var __vue_component__$1g = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1g,
+    staticRenderFns: __vue_staticRenderFns__$1g
+  }, __vue_inject_styles__$1g, __vue_script__$1e, __vue_scope_id__$1g, __vue_is_functional_template__$1g, __vue_module_identifier__$1g, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1f);
+  setInstaller(__vue_component__$1g);
 
-  var script$1e = {
+  var script$1f = {
     name: 'bk-zoom-image',
     props: {
       src: String,
@@ -47604,10 +47921,10 @@
   };
 
   /* script */
-  var __vue_script__$1e = script$1e;
+  var __vue_script__$1f = script$1f;
   /* template */
 
-  var __vue_render__$1g = function __vue_render__() {
+  var __vue_render__$1h = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -47664,33 +47981,33 @@
     })]) : _vm._e()])], 1);
   };
 
-  var __vue_staticRenderFns__$1g = [];
+  var __vue_staticRenderFns__$1h = [];
   /* style */
 
-  var __vue_inject_styles__$1g = undefined;
+  var __vue_inject_styles__$1h = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1g = undefined;
+  var __vue_scope_id__$1h = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1g = undefined;
+  var __vue_module_identifier__$1h = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1g = false;
+  var __vue_is_functional_template__$1h = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1g = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1g,
-    staticRenderFns: __vue_staticRenderFns__$1g
-  }, __vue_inject_styles__$1g, __vue_script__$1e, __vue_scope_id__$1g, __vue_is_functional_template__$1g, __vue_module_identifier__$1g, false, undefined, undefined, undefined);
+  var __vue_component__$1h = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1h,
+    staticRenderFns: __vue_staticRenderFns__$1h
+  }, __vue_inject_styles__$1h, __vue_script__$1f, __vue_scope_id__$1h, __vue_is_functional_template__$1h, __vue_module_identifier__$1h, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1g);
+  setInstaller(__vue_component__$1h);
 
-  var script$1f = {
+  var script$1g = {
     name: 'bk-version-detail',
     components: {
       BkDialog: __vue_component__$u
@@ -47954,10 +48271,10 @@
   };
 
   /* script */
-  var __vue_script__$1f = script$1f;
+  var __vue_script__$1g = script$1g;
   /* template */
 
-  var __vue_render__$1h = function __vue_render__() {
+  var __vue_render__$1i = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -48064,38 +48381,38 @@
       style: {
         height: _vm.dialog.height + 'px'
       }
-    }, [_vm._t("default", [_vm._v("\n                    " + _vm._s(_vm.versionDetail) + "\n                ")], {
+    }, [_vm._t("default", [_vm._v("\n          " + _vm._s(_vm.versionDetail) + "\n        ")], {
       detail: _vm.versionDetail
     })], 2)])]], 2);
   };
 
-  var __vue_staticRenderFns__$1h = [];
+  var __vue_staticRenderFns__$1i = [];
   /* style */
 
-  var __vue_inject_styles__$1h = undefined;
+  var __vue_inject_styles__$1i = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1h = undefined;
+  var __vue_scope_id__$1i = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1h = undefined;
+  var __vue_module_identifier__$1i = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1h = false;
+  var __vue_is_functional_template__$1i = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1h = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1h,
-    staticRenderFns: __vue_staticRenderFns__$1h
-  }, __vue_inject_styles__$1h, __vue_script__$1f, __vue_scope_id__$1h, __vue_is_functional_template__$1h, __vue_module_identifier__$1h, false, undefined, undefined, undefined);
+  var __vue_component__$1i = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1i,
+    staticRenderFns: __vue_staticRenderFns__$1i
+  }, __vue_inject_styles__$1i, __vue_script__$1g, __vue_scope_id__$1i, __vue_is_functional_template__$1i, __vue_module_identifier__$1i, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1h);
+  setInstaller(__vue_component__$1i);
 
-  var script$1g = {
+  var script$1h = {
     name: 'bk-search-select-menu',
     mixins: [locale.mixin],
     props: {
@@ -48391,30 +48708,30 @@
   };
 
   /* script */
-  var __vue_script__$1g = script$1g;
+  var __vue_script__$1h = script$1h;
   /* template */
 
   /* style */
 
-  var __vue_inject_styles__$1i = undefined;
+  var __vue_inject_styles__$1j = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1i = undefined;
+  var __vue_scope_id__$1j = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1i = undefined;
+  var __vue_module_identifier__$1j = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1i = undefined;
+  var __vue_is_functional_template__$1j = undefined;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1i = /*#__PURE__*/normalizeComponent_1({}, __vue_inject_styles__$1i, __vue_script__$1g, __vue_scope_id__$1i, __vue_is_functional_template__$1i, __vue_module_identifier__$1i, false, undefined, undefined, undefined);
+  var __vue_component__$1j = /*#__PURE__*/normalizeComponent_1({}, __vue_inject_styles__$1j, __vue_script__$1h, __vue_scope_id__$1j, __vue_is_functional_template__$1j, __vue_module_identifier__$1j, false, undefined, undefined, undefined);
 
-  var script$1h = {
+  var script$1i = {
     name: 'bk-search-select',
     directives: {
       clickoutside: bkClickoutside
@@ -48690,7 +49007,7 @@
       },
       initMenu: function initMenu() {
         if (!this.menuInstance) {
-          this.menuInstance = new Vue(__vue_component__$1i).$mount();
+          this.menuInstance = new Vue(__vue_component__$1j).$mount();
           this.menuInstance.condition = this.defaultCondition;
           this.menuInstance.displayKey = this.displayKey;
           this.menuInstance.primaryKey = this.primaryKey;
@@ -48700,7 +49017,7 @@
         }
       },
       initChildMenu: function initChildMenu() {
-        this.menuChildInstance = new Vue(__vue_component__$1i).$mount();
+        this.menuChildInstance = new Vue(__vue_component__$1j).$mount();
         this.menuChildInstance.displayKey = this.displayKey;
         this.menuChildInstance.primaryKey = this.primaryKey;
         this.menuChildInstance.multiable = this.curItem.conditions && this.curItem.conditions.length ? false : this.curItem.multiable || false;
@@ -49452,10 +49769,10 @@
   };
 
   /* script */
-  var __vue_script__$1h = script$1h;
+  var __vue_script__$1i = script$1i;
   /* template */
 
-  var __vue_render__$1i = function __vue_render__() {
+  var __vue_render__$1j = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -49490,9 +49807,9 @@
         staticClass: "search-input-chip"
       }, [_c('span', {
         staticClass: "chip-name"
-      }, [_vm._v("\n                        " + _vm._s(item[_vm.displayKey] + (item.values && item.values.length ? _vm.explainCode + (item.condition ? item.condition[_vm.displayKey] : '') + item.values.map(function (v) {
+      }, [_vm._v("\n            " + _vm._s(item[_vm.displayKey] + (item.values && item.values.length ? _vm.explainCode + (item.condition ? item.condition[_vm.displayKey] : '') + item.values.map(function (v) {
         return v[_vm.displayKey];
-      }).join(_vm.splitCode) : '')) + "\n                    ")]), _c('span', {
+      }).join(_vm.splitCode) : '')) + "\n          ")]), _c('span', {
         staticClass: "chip-clear bk-icon icon-close",
         on: {
           "click": function click($event) {
@@ -49511,9 +49828,9 @@
         staticClass: "search-input-chip hidden-chip"
       }, [_c('span', {
         staticClass: "chip-name"
-      }, [_vm._v("\n                            " + _vm._s(item[_vm.displayKey] + (item.values && item.values.length ? _vm.explainCode + (item.condition ? item.condition[_vm.displayKey] : '') + item.values.map(function (v) {
+      }, [_vm._v("\n              " + _vm._s(item[_vm.displayKey] + (item.values && item.values.length ? _vm.explainCode + (item.condition ? item.condition[_vm.displayKey] : '') + item.values.map(function (v) {
         return v[_vm.displayKey];
-      }).join(_vm.splitCode) : '')) + "\n                        ")]), _c('span', {
+      }).join(_vm.splitCode) : '')) + "\n            ")]), _c('span', {
         staticClass: "chip-clear bk-icon icon-close",
         on: {
           "click": function click($event) {
@@ -49580,34 +49897,34 @@
       staticClass: "bk-select-tips"
     }, [_vm._t("validate", [_c('i', {
       staticClass: "bk-icon icon-exclamation-circle-shape select-tips"
-    }), _vm._v(_vm._s(_vm.validateStr || '') + "\n        ")])], 2) : _vm._e()]);
+    }), _vm._v(_vm._s(_vm.validateStr || '') + "\n    ")])], 2) : _vm._e()]);
   };
 
-  var __vue_staticRenderFns__$1i = [];
+  var __vue_staticRenderFns__$1j = [];
   /* style */
 
-  var __vue_inject_styles__$1j = undefined;
+  var __vue_inject_styles__$1k = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1j = undefined;
+  var __vue_scope_id__$1k = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1j = undefined;
+  var __vue_module_identifier__$1k = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1j = false;
+  var __vue_is_functional_template__$1k = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1j = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1i,
-    staticRenderFns: __vue_staticRenderFns__$1i
-  }, __vue_inject_styles__$1j, __vue_script__$1h, __vue_scope_id__$1j, __vue_is_functional_template__$1j, __vue_module_identifier__$1j, false, undefined, undefined, undefined);
+  var __vue_component__$1k = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1j,
+    staticRenderFns: __vue_staticRenderFns__$1j
+  }, __vue_inject_styles__$1k, __vue_script__$1i, __vue_scope_id__$1k, __vue_is_functional_template__$1k, __vue_module_identifier__$1k, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1j);
+  setInstaller(__vue_component__$1k);
 
   var getNodeId = function getNodeId(data, tree) {
     var idKey = tree.nodeOptions.idKey;
@@ -50013,7 +50330,7 @@
   /* script */
 
   /* template */
-  var __vue_render__$1j = function __vue_render__(_h, _vm) {
+  var __vue_render__$1k = function __vue_render__(_h, _vm) {
     var _c = _vm._c;
     return _vm.props.node.visible ? _c('div', {
       staticClass: "bk-big-tree-node clearfix",
@@ -50071,42 +50388,42 @@
       class: ['node-icon', _vm.props.node.nodeIcon]
     }) : _vm._e()]), _c('div', {
       staticClass: "node-content"
-    }, [_vm._t("default", [_vm._v("\n            " + _vm._s(_vm.props.node.name) + "\n        ")], {
+    }, [_vm._t("default", [_vm._v("\n      " + _vm._s(_vm.props.node.name) + "\n    ")], {
       node: _vm.props.node,
       data: _vm.props.node.data
     })], 2)]) : _vm._e();
   };
 
-  var __vue_staticRenderFns__$1j = [];
+  var __vue_staticRenderFns__$1k = [];
   /* style */
 
-  var __vue_inject_styles__$1k = undefined;
+  var __vue_inject_styles__$1l = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1k = undefined;
+  var __vue_scope_id__$1l = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1k = undefined;
+  var __vue_module_identifier__$1l = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1k = true;
+  var __vue_is_functional_template__$1l = true;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1k = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1j,
-    staticRenderFns: __vue_staticRenderFns__$1j
-  }, __vue_inject_styles__$1k, {}, __vue_scope_id__$1k, __vue_is_functional_template__$1k, __vue_module_identifier__$1k, false, undefined, undefined, undefined);
+  var __vue_component__$1l = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1k,
+    staticRenderFns: __vue_staticRenderFns__$1k
+  }, __vue_inject_styles__$1l, {}, __vue_scope_id__$1l, __vue_is_functional_template__$1l, __vue_module_identifier__$1l, false, undefined, undefined, undefined);
 
   var idSeed = 0;
-  var script$1i = {
+  var script$1j = {
     name: 'bk-big-tree',
     components: {
       bkVirtualScroll: __vue_component__$J,
-      treeItem: __vue_component__$1k
+      treeItem: __vue_component__$1l
     },
     mixins: [locale.mixin],
     props: {
@@ -50785,10 +51102,10 @@
   };
 
   /* script */
-  var __vue_script__$1i = script$1i;
+  var __vue_script__$1j = script$1j;
   /* template */
 
-  var __vue_render__$1k = function __vue_render__() {
+  var __vue_render__$1l = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -50838,36 +51155,36 @@
       })], 2)];
     }), (_vm.$slots.empty || _vm.useDefaultEmpty) && _vm.isSearchEmpty ? _c('div', {
       staticClass: "bk-big-tree-empty"
-    }, [_vm._t("empty", [_vm._v("\n            " + _vm._s(_vm.t('bk.bigTree.emptyText')) + "\n        ")])], 2) : _vm._e()], 2);
+    }, [_vm._t("empty", [_vm._v("\n      " + _vm._s(_vm.t('bk.bigTree.emptyText')) + "\n    ")])], 2) : _vm._e()], 2);
   };
 
-  var __vue_staticRenderFns__$1k = [];
+  var __vue_staticRenderFns__$1l = [];
   /* style */
 
-  var __vue_inject_styles__$1l = undefined;
+  var __vue_inject_styles__$1m = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1l = undefined;
+  var __vue_scope_id__$1m = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1l = undefined;
+  var __vue_module_identifier__$1m = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1l = false;
+  var __vue_is_functional_template__$1m = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1l = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1k,
-    staticRenderFns: __vue_staticRenderFns__$1k
-  }, __vue_inject_styles__$1l, __vue_script__$1i, __vue_scope_id__$1l, __vue_is_functional_template__$1l, __vue_module_identifier__$1l, false, undefined, undefined, undefined);
+  var __vue_component__$1m = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1l,
+    staticRenderFns: __vue_staticRenderFns__$1l
+  }, __vue_inject_styles__$1m, __vue_script__$1j, __vue_scope_id__$1m, __vue_is_functional_template__$1m, __vue_module_identifier__$1m, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1l);
+  setInstaller(__vue_component__$1m);
 
-  var script$1j = {
+  var script$1k = {
     name: 'navigation-menu-title',
     props: {
       sideTitle: {
@@ -50882,10 +51199,10 @@
   };
 
   /* script */
-  var __vue_script__$1j = script$1j;
+  var __vue_script__$1k = script$1k;
   /* template */
 
-  var __vue_render__$1l = function __vue_render__() {
+  var __vue_render__$1m = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -50906,34 +51223,34 @@
     }, [_vm._v(_vm._s(_vm.sideTitle))])])], 2);
   };
 
-  var __vue_staticRenderFns__$1l = [];
+  var __vue_staticRenderFns__$1m = [];
   /* style */
 
-  var __vue_inject_styles__$1m = undefined;
+  var __vue_inject_styles__$1n = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1m = undefined;
+  var __vue_scope_id__$1n = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1m = undefined;
+  var __vue_module_identifier__$1n = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1m = false;
+  var __vue_is_functional_template__$1n = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1m = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1l,
-    staticRenderFns: __vue_staticRenderFns__$1l
-  }, __vue_inject_styles__$1m, __vue_script__$1j, __vue_scope_id__$1m, __vue_is_functional_template__$1m, __vue_module_identifier__$1m, false, undefined, undefined, undefined);
+  var __vue_component__$1n = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1m,
+    staticRenderFns: __vue_staticRenderFns__$1m
+  }, __vue_inject_styles__$1n, __vue_script__$1k, __vue_scope_id__$1n, __vue_is_functional_template__$1n, __vue_module_identifier__$1n, false, undefined, undefined, undefined);
 
-  var script$1k = {
+  var script$1l = {
     name: 'bk-navigation',
     components: {
-      NavigationMenuTitle: __vue_component__$1m
+      NavigationMenuTitle: __vue_component__$1n
     },
     props: {
       navWidth: {
@@ -51056,10 +51373,10 @@
   };
 
   /* script */
-  var __vue_script__$1k = script$1k;
+  var __vue_script__$1l = script$1l;
   /* template */
 
-  var __vue_render__$1m = function __vue_render__() {
+  var __vue_render__$1n = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -51181,33 +51498,33 @@
     }, [_vm._t("footer")], 2)], 2)], 2)])]);
   };
 
-  var __vue_staticRenderFns__$1m = [];
+  var __vue_staticRenderFns__$1n = [];
   /* style */
 
-  var __vue_inject_styles__$1n = undefined;
+  var __vue_inject_styles__$1o = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1n = undefined;
+  var __vue_scope_id__$1o = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1n = undefined;
+  var __vue_module_identifier__$1o = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1n = false;
+  var __vue_is_functional_template__$1o = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1n = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1m,
-    staticRenderFns: __vue_staticRenderFns__$1m
-  }, __vue_inject_styles__$1n, __vue_script__$1k, __vue_scope_id__$1n, __vue_is_functional_template__$1n, __vue_module_identifier__$1n, false, undefined, undefined, undefined);
+  var __vue_component__$1o = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1n,
+    staticRenderFns: __vue_staticRenderFns__$1n
+  }, __vue_inject_styles__$1o, __vue_script__$1l, __vue_scope_id__$1o, __vue_is_functional_template__$1o, __vue_module_identifier__$1o, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1n);
+  setInstaller(__vue_component__$1o);
 
-  var script$1l = {
+  var script$1m = {
     name: 'bk-navigation-menu',
     provide: function provide() {
       return {
@@ -51511,32 +51828,32 @@
   };
 
   /* script */
-  var __vue_script__$1l = script$1l;
+  var __vue_script__$1m = script$1m;
   /* template */
 
   /* style */
 
-  var __vue_inject_styles__$1o = undefined;
+  var __vue_inject_styles__$1p = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1o = undefined;
+  var __vue_scope_id__$1p = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1o = undefined;
+  var __vue_module_identifier__$1p = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1o = undefined;
+  var __vue_is_functional_template__$1p = undefined;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1o = /*#__PURE__*/normalizeComponent_1({}, __vue_inject_styles__$1o, __vue_script__$1l, __vue_scope_id__$1o, __vue_is_functional_template__$1o, __vue_module_identifier__$1o, false, undefined, undefined, undefined);
+  var __vue_component__$1p = /*#__PURE__*/normalizeComponent_1({}, __vue_inject_styles__$1p, __vue_script__$1m, __vue_scope_id__$1p, __vue_is_functional_template__$1p, __vue_module_identifier__$1p, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1o);
+  setInstaller(__vue_component__$1p);
 
-  var script$1m = {
+  var script$1n = {
     name: 'bk-navigation-menu-item',
     inject: {
       rootMenu: 'rootMenu',
@@ -51761,10 +52078,10 @@
   };
 
   /* script */
-  var __vue_script__$1m = script$1m;
+  var __vue_script__$1n = script$1n;
   /* template */
 
-  var __vue_render__$1n = function __vue_render__() {
+  var __vue_render__$1o = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -51917,33 +52234,33 @@
     }, [_vm._t("default")], 2)]);
   };
 
-  var __vue_staticRenderFns__$1n = [];
+  var __vue_staticRenderFns__$1o = [];
   /* style */
 
-  var __vue_inject_styles__$1p = undefined;
+  var __vue_inject_styles__$1q = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1p = undefined;
+  var __vue_scope_id__$1q = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1p = undefined;
+  var __vue_module_identifier__$1q = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1p = false;
+  var __vue_is_functional_template__$1q = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1p = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1n,
-    staticRenderFns: __vue_staticRenderFns__$1n
-  }, __vue_inject_styles__$1p, __vue_script__$1m, __vue_scope_id__$1p, __vue_is_functional_template__$1p, __vue_module_identifier__$1p, false, undefined, undefined, undefined);
+  var __vue_component__$1q = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1o,
+    staticRenderFns: __vue_staticRenderFns__$1o
+  }, __vue_inject_styles__$1q, __vue_script__$1n, __vue_scope_id__$1q, __vue_is_functional_template__$1q, __vue_module_identifier__$1q, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1p);
+  setInstaller(__vue_component__$1q);
 
-  var script$1n = {
+  var script$1o = {
     name: 'bk-navigation-menu-group',
     props: {
       groupName: {
@@ -51983,30 +52300,30 @@
   };
 
   /* script */
-  var __vue_script__$1n = script$1n;
+  var __vue_script__$1o = script$1o;
   /* template */
 
   /* style */
 
-  var __vue_inject_styles__$1q = undefined;
+  var __vue_inject_styles__$1r = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1q = undefined;
+  var __vue_scope_id__$1r = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1q = undefined;
+  var __vue_module_identifier__$1r = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1q = undefined;
+  var __vue_is_functional_template__$1r = undefined;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1q = /*#__PURE__*/normalizeComponent_1({}, __vue_inject_styles__$1q, __vue_script__$1n, __vue_scope_id__$1q, __vue_is_functional_template__$1q, __vue_module_identifier__$1q, false, undefined, undefined, undefined);
+  var __vue_component__$1r = /*#__PURE__*/normalizeComponent_1({}, __vue_inject_styles__$1r, __vue_script__$1o, __vue_scope_id__$1r, __vue_is_functional_template__$1r, __vue_module_identifier__$1r, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1q);
+  setInstaller(__vue_component__$1r);
 
   var bkCopy = {
     bind: function bind(el, _ref, vnode) {
@@ -52055,7 +52372,7 @@
     Vue.directive('bkCopy', bkCopy);
   };
 
-  var script$1o = {
+  var script$1p = {
     name: 'optionItem',
     components: {
       bkCheckbox: __vue_component__$8
@@ -52090,10 +52407,10 @@
   };
 
   /* script */
-  var __vue_script__$1o = script$1o;
+  var __vue_script__$1p = script$1p;
   /* template */
 
-  var __vue_render__$1o = function __vue_render__() {
+  var __vue_render__$1p = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -52130,7 +52447,9 @@
       class: {
         'bk-margin-left': _vm.multiple
       }
-    }, [_vm._v("\n                    " + _vm._s(_vm.item.name) + "\n                    "), _vm._t("prepend", null, {
+    }, [_vm._t("option", null, {
+      node: _vm.item
+    }), _vm._t("prepend", null, {
       node: _vm.item
     })], 2)])])], 2), _vm.isRemote ? [_vm.item.isLoading ? _c('i', {
       staticClass: "bk-icon left-icon icon-loading bk-button-icon-loading bk-cascade-right"
@@ -52143,29 +52462,29 @@
     }) : _vm._e()]], 2);
   };
 
-  var __vue_staticRenderFns__$1o = [];
+  var __vue_staticRenderFns__$1p = [];
   /* style */
 
-  var __vue_inject_styles__$1r = undefined;
+  var __vue_inject_styles__$1s = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1r = undefined;
+  var __vue_scope_id__$1s = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1r = undefined;
+  var __vue_module_identifier__$1s = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1r = false;
+  var __vue_is_functional_template__$1s = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1r = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1o,
-    staticRenderFns: __vue_staticRenderFns__$1o
-  }, __vue_inject_styles__$1r, __vue_script__$1o, __vue_scope_id__$1r, __vue_is_functional_template__$1r, __vue_module_identifier__$1r, false, undefined, undefined, undefined);
+  var __vue_component__$1s = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1p,
+    staticRenderFns: __vue_staticRenderFns__$1p
+  }, __vue_inject_styles__$1s, __vue_script__$1p, __vue_scope_id__$1s, __vue_is_functional_template__$1s, __vue_module_identifier__$1s, false, undefined, undefined, undefined);
 
   function _broadcast(componentName, eventName, params) {
     this.$children.forEach(function (child) {
@@ -52238,10 +52557,10 @@
     }
   };
 
-  var script$1p = {
+  var script$1q = {
     name: 'bkCaspanel',
     components: {
-      optionItem: __vue_component__$1r
+      optionItem: __vue_component__$1s
     },
     mixins: [cascadeInfo, locale.mixin],
     props: {
@@ -52434,10 +52753,10 @@
   };
 
   /* script */
-  var __vue_script__$1p = script$1p;
+  var __vue_script__$1q = script$1q;
   /* template */
 
-  var __vue_render__$1p = function __vue_render__() {
+  var __vue_render__$1q = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -52479,6 +52798,14 @@
           }
         },
         scopedSlots: _vm._u([{
+          key: "option",
+          fn: function fn(ref) {
+            var node = ref.node;
+            return [_vm._t("option", null, {
+              node: node
+            })];
+          }
+        }, {
           key: "prepend",
           fn: function fn(ref) {
             var node = ref.node;
@@ -52510,6 +52837,14 @@
         "updateSelectedList": _vm.updateSelectedList
       },
       scopedSlots: _vm._u([{
+        key: "option",
+        fn: function fn(ref) {
+          var node = ref.node;
+          return [_vm._t("option", null, {
+            node: node
+          })];
+        }
+      }, {
         key: "prepend",
         fn: function fn(ref) {
           var node = ref.node;
@@ -52521,35 +52856,35 @@
     }) : _vm._e()], 1);
   };
 
-  var __vue_staticRenderFns__$1p = [];
+  var __vue_staticRenderFns__$1q = [];
   /* style */
 
-  var __vue_inject_styles__$1s = undefined;
+  var __vue_inject_styles__$1t = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1s = undefined;
+  var __vue_scope_id__$1t = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1s = undefined;
+  var __vue_module_identifier__$1t = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1s = false;
+  var __vue_is_functional_template__$1t = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1s = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1p,
-    staticRenderFns: __vue_staticRenderFns__$1p
-  }, __vue_inject_styles__$1s, __vue_script__$1p, __vue_scope_id__$1s, __vue_is_functional_template__$1s, __vue_module_identifier__$1s, false, undefined, undefined, undefined);
+  var __vue_component__$1t = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1q,
+    staticRenderFns: __vue_staticRenderFns__$1q
+  }, __vue_inject_styles__$1t, __vue_script__$1q, __vue_scope_id__$1t, __vue_is_functional_template__$1t, __vue_module_identifier__$1t, false, undefined, undefined, undefined);
 
-  var script$1q = {
+  var script$1r = {
     name: 'bkCascade',
     components: {
       bkPopover: __vue_component__$G,
-      bkCaspanel: __vue_component__$1s
+      bkCaspanel: __vue_component__$1t
     },
     mixins: [cascadeInfo, locale.mixin],
     props: {
@@ -53161,10 +53496,10 @@
   };
 
   /* script */
-  var __vue_script__$1q = script$1q;
+  var __vue_script__$1r = script$1r;
   /* template */
 
-  var __vue_render__$1q = function __vue_render__() {
+  var __vue_render__$1r = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -53403,6 +53738,14 @@
         "updateSelectedList": _vm.updateSelectedList
       },
       scopedSlots: _vm._u([{
+        key: "option",
+        fn: function fn(ref) {
+          var node = ref.node;
+          return [_vm._t("option", [_vm._v(_vm._s(node.name))], {
+            node: node
+          })];
+        }
+      }, {
         key: "prepend",
         fn: function fn(ref) {
           var node = ref.node;
@@ -53414,33 +53757,33 @@
     })], 1)])], 2)], 1);
   };
 
-  var __vue_staticRenderFns__$1q = [];
+  var __vue_staticRenderFns__$1r = [];
   /* style */
 
-  var __vue_inject_styles__$1t = undefined;
+  var __vue_inject_styles__$1u = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1t = undefined;
+  var __vue_scope_id__$1u = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1t = undefined;
+  var __vue_module_identifier__$1u = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1t = false;
+  var __vue_is_functional_template__$1u = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1t = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1q,
-    staticRenderFns: __vue_staticRenderFns__$1q
-  }, __vue_inject_styles__$1t, __vue_script__$1q, __vue_scope_id__$1t, __vue_is_functional_template__$1t, __vue_module_identifier__$1t, false, undefined, undefined, undefined);
+  var __vue_component__$1u = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1r,
+    staticRenderFns: __vue_staticRenderFns__$1r
+  }, __vue_inject_styles__$1u, __vue_script__$1r, __vue_scope_id__$1u, __vue_is_functional_template__$1u, __vue_module_identifier__$1u, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1t);
+  setInstaller(__vue_component__$1u);
 
-  var script$1r = {
+  var script$1s = {
     name: 'bk-card',
     components: {
       bkInput: __vue_component__$A
@@ -53541,10 +53884,10 @@
   };
 
   /* script */
-  var __vue_script__$1r = script$1r;
+  var __vue_script__$1s = script$1s;
   /* template */
 
-  var __vue_render__$1r = function __vue_render__() {
+  var __vue_render__$1s = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -53601,31 +53944,31 @@
     }, [_vm._t("footer")], 2) : _vm._e()] : _vm._e()], 2);
   };
 
-  var __vue_staticRenderFns__$1r = [];
+  var __vue_staticRenderFns__$1s = [];
   /* style */
 
-  var __vue_inject_styles__$1u = undefined;
+  var __vue_inject_styles__$1v = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1u = undefined;
+  var __vue_scope_id__$1v = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1u = undefined;
+  var __vue_module_identifier__$1v = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1u = false;
+  var __vue_is_functional_template__$1v = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1u = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1r,
-    staticRenderFns: __vue_staticRenderFns__$1r
-  }, __vue_inject_styles__$1u, __vue_script__$1r, __vue_scope_id__$1u, __vue_is_functional_template__$1u, __vue_module_identifier__$1u, false, undefined, undefined, undefined);
+  var __vue_component__$1v = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1s,
+    staticRenderFns: __vue_staticRenderFns__$1s
+  }, __vue_inject_styles__$1v, __vue_script__$1s, __vue_scope_id__$1v, __vue_is_functional_template__$1v, __vue_module_identifier__$1v, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1u);
+  setInstaller(__vue_component__$1v);
 
   function rafThrottle(fn) {
     var locked = false;
@@ -53642,7 +53985,7 @@
       });
     };
   }
-  var script$1s = {
+  var script$1t = {
     name: 'bk-image-viewer',
     mixins: [locale.mixin],
     props: {
@@ -53671,6 +54014,10 @@
       initialIndex: {
         type: Number,
         default: 0
+      },
+      maskClose: {
+        type: Boolean,
+        default: true
       }
     },
     data: function data() {
@@ -53888,10 +54235,10 @@
   };
 
   /* script */
-  var __vue_script__$1s = script$1s;
+  var __vue_script__$1t = script$1t;
   /* template */
 
-  var __vue_render__$1s = function __vue_render__() {
+  var __vue_render__$1t = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -53911,7 +54258,14 @@
       attrs: {
         "tabindex": "-1"
       }
-    }, [_vm.isShowTitle && _vm.urlList.length ? _c('div', {
+    }, [_c('div', {
+      staticClass: "bk-image-viewer-mask",
+      on: {
+        "click": function click($event) {
+          _vm.maskClose && _vm.hide();
+        }
+      }
+    }), _vm.isShowTitle && _vm.urlList.length ? _c('div', {
       staticClass: "bk-image-viewer-header"
     }, [_c('div', [_vm._v(_vm._s(_vm.currentName))]), _c('div', {
       staticClass: "tc"
@@ -53951,6 +54305,15 @@
     }, [_c('div', {
       staticClass: "bk-image-viewer-actions-inner"
     }, [_c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.zoomOut'),
+        expression: "t('bk.image.zoomOut')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-narrow-line",
       on: {
         "click": function click($event) {
@@ -53958,6 +54321,15 @@
         }
       }
     }), _c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.zoomIn'),
+        expression: "t('bk.image.zoomIn')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-enlarge-line",
       on: {
         "click": function click($event) {
@@ -53965,6 +54337,15 @@
         }
       }
     }), _c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.original'),
+        expression: "t('bk.image.original')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-normalized",
       on: {
         "click": function click($event) {
@@ -53972,6 +54353,15 @@
         }
       }
     }), _c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.rotateLeft'),
+        expression: "t('bk.image.rotateLeft')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-left-turn-line",
       on: {
         "click": function click($event) {
@@ -53979,13 +54369,31 @@
         }
       }
     }), _c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.rotateRight'),
+        expression: "t('bk.image.rotateRight')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-right-turn-line",
       on: {
         "click": function click($event) {
-          _vm.handleActions('clocelise');
+          _vm.handleActions('clockwise');
         }
       }
     }), _c('i', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips.top",
+        value: _vm.t('bk.image.fullScreen'),
+        expression: "t('bk.image.fullScreen')",
+        modifiers: {
+          "top": true
+        }
+      }],
       staticClass: "bk-icon icon-unfull-screen",
       on: {
         "click": function click($event) {
@@ -54026,31 +54434,31 @@
     })], 2)], 2)]);
   };
 
-  var __vue_staticRenderFns__$1s = [];
+  var __vue_staticRenderFns__$1t = [];
   /* style */
 
-  var __vue_inject_styles__$1v = undefined;
+  var __vue_inject_styles__$1w = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1v = undefined;
+  var __vue_scope_id__$1w = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1v = undefined;
+  var __vue_module_identifier__$1w = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1v = false;
+  var __vue_is_functional_template__$1w = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1v = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1s,
-    staticRenderFns: __vue_staticRenderFns__$1s
-  }, __vue_inject_styles__$1v, __vue_script__$1s, __vue_scope_id__$1v, __vue_is_functional_template__$1v, __vue_module_identifier__$1v, false, undefined, undefined, undefined);
+  var __vue_component__$1w = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1t,
+    staticRenderFns: __vue_staticRenderFns__$1t
+  }, __vue_inject_styles__$1w, __vue_script__$1t, __vue_scope_id__$1w, __vue_is_functional_template__$1w, __vue_module_identifier__$1w, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1v);
+  setInstaller(__vue_component__$1w);
 
   var isSupportObjectFit = function isSupportObjectFit() {
     return document.documentElement.style.objectFit !== undefined;
@@ -54063,10 +54471,10 @@
     SCALE_DOWN: 'scale-down'
   };
   var prevOverflow = '';
-  var script$1t = {
+  var script$1u = {
     name: 'bk-image',
     components: {
-      bkImageViewer: __vue_component__$1v
+      bkImageViewer: __vue_component__$1w
     },
     mixins: [locale.mixin],
     inheritAttrs: false,
@@ -54094,6 +54502,10 @@
       zIndex: {
         type: Number,
         default: 2000
+      },
+      maskClose: {
+        type: Boolean,
+        default: true
       }
     },
     data: function data() {
@@ -54264,10 +54676,10 @@
   };
 
   /* script */
-  var __vue_script__$1t = script$1t;
+  var __vue_script__$1u = script$1u;
   /* template */
 
-  var __vue_render__$1t = function __vue_render__() {
+  var __vue_render__$1u = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -54303,12 +54715,13 @@
         "is-show-title": _vm.isShowPreviewTitle,
         "initial-index": _vm.imageIndex,
         "url-list": _vm.previewSrcList,
-        "on-close": _vm.closeViewer
+        "on-close": _vm.closeViewer,
+        "mask-close": _vm.maskClose
       }
     }) : _vm._e()] : _vm._e()], 2);
   };
 
-  var __vue_staticRenderFns__$1t = [function () {
+  var __vue_staticRenderFns__$1u = [function () {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -54323,30 +54736,30 @@
   }];
   /* style */
 
-  var __vue_inject_styles__$1w = undefined;
+  var __vue_inject_styles__$1x = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1w = undefined;
+  var __vue_scope_id__$1x = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1w = undefined;
+  var __vue_module_identifier__$1x = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1w = false;
+  var __vue_is_functional_template__$1x = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1w = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1t,
-    staticRenderFns: __vue_staticRenderFns__$1t
-  }, __vue_inject_styles__$1w, __vue_script__$1t, __vue_scope_id__$1w, __vue_is_functional_template__$1w, __vue_module_identifier__$1w, false, undefined, undefined, undefined);
+  var __vue_component__$1x = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1u,
+    staticRenderFns: __vue_staticRenderFns__$1u
+  }, __vue_inject_styles__$1x, __vue_script__$1u, __vue_scope_id__$1x, __vue_is_functional_template__$1x, __vue_module_identifier__$1x, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1w);
+  setInstaller(__vue_component__$1x);
 
-  var script$1u = {
+  var script$1v = {
     name: 'bk-breadcrumb',
     props: {
       separator: {
@@ -54390,10 +54803,10 @@
   };
 
   /* script */
-  var __vue_script__$1u = script$1u;
+  var __vue_script__$1v = script$1v;
   /* template */
 
-  var __vue_render__$1u = function __vue_render__() {
+  var __vue_render__$1v = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -54418,33 +54831,33 @@
     }, [_vm._t("prefix")], 2) : _vm._e(), _vm._t("default")], 2);
   };
 
-  var __vue_staticRenderFns__$1u = [];
+  var __vue_staticRenderFns__$1v = [];
   /* style */
 
-  var __vue_inject_styles__$1x = undefined;
+  var __vue_inject_styles__$1y = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1x = undefined;
+  var __vue_scope_id__$1y = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1x = undefined;
+  var __vue_module_identifier__$1y = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1x = false;
+  var __vue_is_functional_template__$1y = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1x = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1u,
-    staticRenderFns: __vue_staticRenderFns__$1u
-  }, __vue_inject_styles__$1x, __vue_script__$1u, __vue_scope_id__$1x, __vue_is_functional_template__$1x, __vue_module_identifier__$1x, false, undefined, undefined, undefined);
+  var __vue_component__$1y = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1v,
+    staticRenderFns: __vue_staticRenderFns__$1v
+  }, __vue_inject_styles__$1y, __vue_script__$1v, __vue_scope_id__$1y, __vue_is_functional_template__$1y, __vue_module_identifier__$1y, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1x);
+  setInstaller(__vue_component__$1y);
 
-  var script$1v = {
+  var script$1w = {
     name: 'bk-breadcrumb-item',
     props: {
       to: {
@@ -54469,10 +54882,10 @@
   };
 
   /* script */
-  var __vue_script__$1v = script$1v;
+  var __vue_script__$1w = script$1w;
   /* template */
 
-  var __vue_render__$1v = function __vue_render__() {
+  var __vue_render__$1w = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -54501,33 +54914,33 @@
     }, [_vm._v(_vm._s(_vm.$parent.separator))])]);
   };
 
-  var __vue_staticRenderFns__$1v = [];
+  var __vue_staticRenderFns__$1w = [];
   /* style */
 
-  var __vue_inject_styles__$1y = undefined;
+  var __vue_inject_styles__$1z = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1y = undefined;
+  var __vue_scope_id__$1z = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1y = undefined;
+  var __vue_module_identifier__$1z = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1y = false;
+  var __vue_is_functional_template__$1z = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1y = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1v,
-    staticRenderFns: __vue_staticRenderFns__$1v
-  }, __vue_inject_styles__$1y, __vue_script__$1v, __vue_scope_id__$1y, __vue_is_functional_template__$1y, __vue_module_identifier__$1y, false, undefined, undefined, undefined);
+  var __vue_component__$1z = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1w,
+    staticRenderFns: __vue_staticRenderFns__$1w
+  }, __vue_inject_styles__$1z, __vue_script__$1w, __vue_scope_id__$1z, __vue_is_functional_template__$1z, __vue_module_identifier__$1z, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1y);
+  setInstaller(__vue_component__$1z);
 
-  var script$1w = {
+  var script$1x = {
     name: 'bk-divider',
     props: {
       direction: {
@@ -54585,10 +54998,10 @@
   };
 
   /* script */
-  var __vue_script__$1w = script$1w;
+  var __vue_script__$1x = script$1x;
   /* template */
 
-  var __vue_render__$1w = function __vue_render__() {
+  var __vue_render__$1x = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -54603,33 +55016,33 @@
     }, [_vm._t("default")], 2) : _vm._e()]);
   };
 
-  var __vue_staticRenderFns__$1w = [];
+  var __vue_staticRenderFns__$1x = [];
   /* style */
 
-  var __vue_inject_styles__$1z = undefined;
+  var __vue_inject_styles__$1A = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1z = undefined;
+  var __vue_scope_id__$1A = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1z = undefined;
+  var __vue_module_identifier__$1A = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1z = false;
+  var __vue_is_functional_template__$1A = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1z = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1w,
-    staticRenderFns: __vue_staticRenderFns__$1w
-  }, __vue_inject_styles__$1z, __vue_script__$1w, __vue_scope_id__$1z, __vue_is_functional_template__$1z, __vue_module_identifier__$1z, false, undefined, undefined, undefined);
+  var __vue_component__$1A = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1x,
+    staticRenderFns: __vue_staticRenderFns__$1x
+  }, __vue_inject_styles__$1A, __vue_script__$1x, __vue_scope_id__$1A, __vue_is_functional_template__$1A, __vue_module_identifier__$1A, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1z);
+  setInstaller(__vue_component__$1A);
 
-  var script$1x = {
+  var script$1y = {
     name: 'bk-tag',
     props: {
       icon: {
@@ -54693,10 +55106,10 @@
   };
 
   /* script */
-  var __vue_script__$1x = script$1x;
+  var __vue_script__$1y = script$1y;
   /* template */
 
-  var __vue_render__$1x = function __vue_render__() {
+  var __vue_render__$1y = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -54722,31 +55135,31 @@
     }) : _vm._e()]);
   };
 
-  var __vue_staticRenderFns__$1x = [];
+  var __vue_staticRenderFns__$1y = [];
   /* style */
 
-  var __vue_inject_styles__$1A = undefined;
+  var __vue_inject_styles__$1B = undefined;
   /* scoped */
 
-  var __vue_scope_id__$1A = undefined;
+  var __vue_scope_id__$1B = undefined;
   /* module identifier */
 
-  var __vue_module_identifier__$1A = undefined;
+  var __vue_module_identifier__$1B = undefined;
   /* functional template */
 
-  var __vue_is_functional_template__$1A = false;
+  var __vue_is_functional_template__$1B = false;
   /* style inject */
 
   /* style inject SSR */
 
   /* style inject shadow dom */
 
-  var __vue_component__$1A = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1x,
-    staticRenderFns: __vue_staticRenderFns__$1x
-  }, __vue_inject_styles__$1A, __vue_script__$1x, __vue_scope_id__$1A, __vue_is_functional_template__$1A, __vue_module_identifier__$1A, false, undefined, undefined, undefined);
+  var __vue_component__$1B = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__$1y,
+    staticRenderFns: __vue_staticRenderFns__$1y
+  }, __vue_inject_styles__$1B, __vue_script__$1y, __vue_scope_id__$1B, __vue_is_functional_template__$1B, __vue_module_identifier__$1B, false, undefined, undefined, undefined);
 
-  setInstaller(__vue_component__$1A);
+  setInstaller(__vue_component__$1B);
 
   var meta$1 = _meta.onFreeze;
   _objectSap('freeze', function ($freeze) {
@@ -54759,7 +55172,7 @@
 
   var freeze$1 = freeze;
 
-  var script$1y = {
+  var script$1z = {
     name: 'bk-resize-layout',
     props: {
       placement: {
@@ -55006,10 +55419,10 @@
   };
 
   /* script */
-  var __vue_script__$1y = script$1y;
+  var __vue_script__$1z = script$1z;
   /* template */
 
-  var __vue_render__$1y = function __vue_render__() {
+  var __vue_render__$1z = function __vue_render__() {
     var _vm = this;
 
     var _h = _vm.$createElement;
@@ -55077,167 +55490,6 @@
     })]);
   };
 
-  var __vue_staticRenderFns__$1y = [];
-  /* style */
-
-  var __vue_inject_styles__$1B = undefined;
-  /* scoped */
-
-  var __vue_scope_id__$1B = undefined;
-  /* module identifier */
-
-  var __vue_module_identifier__$1B = undefined;
-  /* functional template */
-
-  var __vue_is_functional_template__$1B = false;
-  /* style inject */
-
-  /* style inject SSR */
-
-  /* style inject shadow dom */
-
-  var __vue_component__$1B = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__$1y,
-    staticRenderFns: __vue_staticRenderFns__$1y
-  }, __vue_inject_styles__$1B, __vue_script__$1y, __vue_scope_id__$1B, __vue_is_functional_template__$1B, __vue_module_identifier__$1B, false, undefined, undefined, undefined);
-
-  setInstaller(__vue_component__$1B);
-
-  var script$1z = {
-    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__$1z = script$1z;
-  /* template */
-
-  var __vue_render__$1z = 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__$1z = [];
   /* style */
 
@@ -55306,41 +55558,41 @@
     bkSwitcher: __vue_component__$_,
     bkTab: __vue_component__$$,
     bkTabPanel: __vue_component__$10,
-    bkTable: __vue_component__$13,
+    bkTable: __vue_component__$14,
     bkTableColumn: TableColumn,
-    bkTableSettingContent: __vue_component__$14,
-    bkTagInput: __vue_component__$15,
+    bkTableSettingContent: __vue_component__$15,
+    bkTagInput: __vue_component__$16,
     bkTimePicker: bkTimePicker,
-    bkTimeline: __vue_component__$16,
-    bkTransfer: __vue_component__$17,
-    bkTree: __vue_component__$18,
-    bkUpload: __vue_component__$19,
-    bkContainer: __vue_component__$1a,
-    bkCol: __vue_component__$1b,
-    bkRow: __vue_component__$1c,
-    bkNavigation: __vue_component__$1n,
-    bkNavigationMenu: __vue_component__$1o,
-    bkNavigationMenuItem: __vue_component__$1p,
-    bkNavigationMenuGroup: __vue_component__$1q,
-    bkSearchSelect: __vue_component__$1j,
-    bkRate: __vue_component__$1e,
-    bkStar: __vue_component__$1d,
-    bkSwiper: __vue_component__$1f,
+    bkTimeline: __vue_component__$17,
+    bkTransfer: __vue_component__$18,
+    bkTree: __vue_component__$19,
+    bkUpload: __vue_component__$1a,
+    bkContainer: __vue_component__$1b,
+    bkCol: __vue_component__$1c,
+    bkRow: __vue_component__$1d,
+    bkNavigation: __vue_component__$1o,
+    bkNavigationMenu: __vue_component__$1p,
+    bkNavigationMenuItem: __vue_component__$1q,
+    bkNavigationMenuGroup: __vue_component__$1r,
+    bkSearchSelect: __vue_component__$1k,
+    bkRate: __vue_component__$1f,
+    bkStar: __vue_component__$1e,
+    bkSwiper: __vue_component__$1g,
     bkVirtualScroll: __vue_component__$J,
-    bkZoomImage: __vue_component__$1g,
-    bkBigTree: __vue_component__$1l,
-    bkLink: __vue_component__$11,
-    bkCascade: __vue_component__$1t,
-    bkVersionDetail: __vue_component__$1h,
-    bkCard: __vue_component__$1u,
-    bkImage: __vue_component__$1w,
-    bkImageViewer: __vue_component__$1v,
-    bkBreadcrumb: __vue_component__$1x,
-    bkBreadcrumbItem: __vue_component__$1y,
-    bkDivider: __vue_component__$1z,
-    bkTag: __vue_component__$1A,
-    bkResizeLayout: __vue_component__$1B,
-    bkSpin: __vue_component__$1C,
+    bkZoomImage: __vue_component__$1h,
+    bkBigTree: __vue_component__$1m,
+    bkLink: __vue_component__$12,
+    bkCascade: __vue_component__$1u,
+    bkVersionDetail: __vue_component__$1i,
+    bkCard: __vue_component__$1v,
+    bkImage: __vue_component__$1x,
+    bkImageViewer: __vue_component__$1w,
+    bkBreadcrumb: __vue_component__$1y,
+    bkBreadcrumbItem: __vue_component__$1z,
+    bkDivider: __vue_component__$1A,
+    bkTag: __vue_component__$1B,
+    bkResizeLayout: __vue_component__$1C,
+    bkSpin: __vue_component__$11,
     bkVirtualRender: Component
   };
   var directives = {
@@ -55383,43 +55635,43 @@
   exports.bkAnimateNumber = __vue_component__$5;
   exports.bkBackTop = __vue_component__;
   exports.bkBadge = __vue_component__$6;
-  exports.bkBigTree = __vue_component__$1l;
-  exports.bkBreadcrumb = __vue_component__$1x;
-  exports.bkBreadcrumbItem = __vue_component__$1y;
+  exports.bkBigTree = __vue_component__$1m;
+  exports.bkBreadcrumb = __vue_component__$1y;
+  exports.bkBreadcrumbItem = __vue_component__$1z;
   exports.bkButton = __vue_component__$7;
-  exports.bkCard = __vue_component__$1u;
-  exports.bkCascade = __vue_component__$1t;
+  exports.bkCard = __vue_component__$1v;
+  exports.bkCascade = __vue_component__$1u;
   exports.bkCheckbox = __vue_component__$8;
   exports.bkCheckboxGroup = __vue_component__$9;
   exports.bkClickoutside = bkClickoutside;
-  exports.bkCol = __vue_component__$1b;
+  exports.bkCol = __vue_component__$1c;
   exports.bkCollapse = __vue_component__$a;
   exports.bkCollapseItem = __vue_component__$b;
   exports.bkColorPicker = __vue_component__$i;
   exports.bkComposeFormItem = bkComposeFormItem;
-  exports.bkContainer = __vue_component__$1a;
+  exports.bkContainer = __vue_component__$1b;
   exports.bkCopy = bkCopy;
   exports.bkDatePicker = bkDatePicker;
   exports.bkDialog = __vue_component__$u;
   exports.bkDiff = __vue_component__$v;
-  exports.bkDivider = __vue_component__$1z;
+  exports.bkDivider = __vue_component__$1A;
   exports.bkDropdownMenu = __vue_component__$w;
   exports.bkException = __vue_component__$x;
   exports.bkFixedNavbar = __vue_component__$2;
   exports.bkForm = __vue_component__$y;
   exports.bkFormItem = __vue_component__$z;
   exports.bkIcon = Icon;
-  exports.bkImage = __vue_component__$1w;
-  exports.bkImageViewer = __vue_component__$1v;
+  exports.bkImage = __vue_component__$1x;
+  exports.bkImageViewer = __vue_component__$1w;
   exports.bkInfoBox = Info;
   exports.bkInput = __vue_component__$A;
-  exports.bkLink = __vue_component__$11;
+  exports.bkLink = __vue_component__$12;
   exports.bkLoading = bkLoading$1;
   exports.bkMessage = BkMessage;
-  exports.bkNavigation = __vue_component__$1n;
-  exports.bkNavigationMenu = __vue_component__$1o;
-  exports.bkNavigationMenuGroup = __vue_component__$1q;
-  exports.bkNavigationMenuItem = __vue_component__$1p;
+  exports.bkNavigation = __vue_component__$1o;
+  exports.bkNavigationMenu = __vue_component__$1p;
+  exports.bkNavigationMenuGroup = __vue_component__$1r;
+  exports.bkNavigationMenuItem = __vue_component__$1q;
   exports.bkNotify = BkNotify;
   exports.bkOption = __vue_component__$E;
   exports.bkOptionGroup = __vue_component__$F;
@@ -55432,37 +55684,37 @@
   exports.bkRadio = __vue_component__$S;
   exports.bkRadioButton = __vue_component__$T;
   exports.bkRadioGroup = __vue_component__$U;
-  exports.bkRate = __vue_component__$1e;
-  exports.bkResizeLayout = __vue_component__$1B;
+  exports.bkRate = __vue_component__$1f;
+  exports.bkResizeLayout = __vue_component__$1C;
   exports.bkRoundProgress = __vue_component__$V;
-  exports.bkRow = __vue_component__$1c;
-  exports.bkSearchSelect = __vue_component__$1j;
+  exports.bkRow = __vue_component__$1d;
+  exports.bkSearchSelect = __vue_component__$1k;
   exports.bkSelect = __vue_component__$K;
   exports.bkSideslider = __vue_component__$W;
   exports.bkSlider = __vue_component__$Y;
-  exports.bkSpin = __vue_component__$1C;
-  exports.bkStar = __vue_component__$1d;
+  exports.bkSpin = __vue_component__$11;
+  exports.bkStar = __vue_component__$1e;
   exports.bkSteps = __vue_component__$Z;
-  exports.bkSwiper = __vue_component__$1f;
+  exports.bkSwiper = __vue_component__$1g;
   exports.bkSwitcher = __vue_component__$_;
   exports.bkTab = __vue_component__$$;
   exports.bkTabPanel = __vue_component__$10;
-  exports.bkTable = __vue_component__$13;
+  exports.bkTable = __vue_component__$14;
   exports.bkTableColumn = TableColumn;
-  exports.bkTableSettingContent = __vue_component__$14;
-  exports.bkTag = __vue_component__$1A;
-  exports.bkTagInput = __vue_component__$15;
+  exports.bkTableSettingContent = __vue_component__$15;
+  exports.bkTag = __vue_component__$1B;
+  exports.bkTagInput = __vue_component__$16;
   exports.bkTimePicker = bkTimePicker;
-  exports.bkTimeline = __vue_component__$16;
+  exports.bkTimeline = __vue_component__$17;
   exports.bkTooltips = bkTooltips;
-  exports.bkTransfer = __vue_component__$17;
+  exports.bkTransfer = __vue_component__$18;
   exports.bkTransition = __vue_component__$3;
-  exports.bkTree = __vue_component__$18;
-  exports.bkUpload = __vue_component__$19;
-  exports.bkVersionDetail = __vue_component__$1h;
+  exports.bkTree = __vue_component__$19;
+  exports.bkUpload = __vue_component__$1a;
+  exports.bkVersionDetail = __vue_component__$1i;
   exports.bkVirtualRender = Component;
   exports.bkVirtualScroll = __vue_component__$J;
-  exports.bkZoomImage = __vue_component__$1g;
+  exports.bkZoomImage = __vue_component__$1h;
   exports.default = bkMagic;
   exports.install = install;
   exports.lang = lang;