npm - bk-magic-vue - Versions diffs - 2.4.1-beta.1 → 2.4.2 - Mend

bk-magic-vue 2.4.1-beta.1 → 2.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/dist/bk-magic-vue.css +113 -24
package/dist/bk-magic-vue.js +1110 -851
package/dist/bk-magic-vue.min.css +1 -1
package/dist/bk-magic-vue.min.css.gz +0 -0
package/dist/bk-magic-vue.min.css.map +1 -1
package/dist/bk-magic-vue.min.js +1 -1
package/dist/bk-magic-vue.min.js.gz +0 -0
package/dist/bk-magic-vue.min.js.map +1 -1
package/lib/alert.js +472 -472
package/lib/back-top.js +1 -1
package/lib/badge.js +5 -11
package/lib/big-tree.js +11 -14
package/lib/breadcrumb-item.js +426 -426
package/lib/breadcrumb.js +438 -438
package/lib/button.js +509 -509
package/lib/cascade.js +46 -2
package/lib/checkbox-group.js +16 -9
package/lib/checkbox.js +16 -1
package/lib/container.js +454 -454
package/lib/date-picker.js +10 -19
package/lib/dialog.js +6 -6
package/lib/directives/clickoutside.js +61 -61
package/lib/directives/copy.js +51 -51
package/lib/directives/overflow-tips.js +8 -11
package/lib/directives/tooltips.js +8 -11
package/lib/divider.js +446 -446
package/lib/dropdown-menu.js +1747 -1747
package/lib/form-item.js +9 -12
package/lib/form.js +5 -11
package/lib/image-viewer.js +67 -2
package/lib/image.js +78 -15
package/lib/info-box.js +11 -17
package/lib/link.js +430 -430
package/lib/loading.js +11 -14
package/lib/locale/index.js +5 -11
package/lib/locale/lang/en-US.js +153 -143
package/lib/locale/lang/zh-CN.js +151 -143
package/lib/message.js +6 -12
package/lib/mixins/emitter.js +18 -18
package/lib/navigation-menu-group.js +412 -412
package/lib/navigation-menu-item.js +722 -722
package/lib/navigation.js +668 -668
package/lib/notify.js +6 -12
package/lib/option-group.js +16 -1
package/lib/option.js +1 -1
package/lib/pagination.js +27 -27
package/lib/popconfirm.js +3 -0
package/lib/popover.js +3 -0
package/lib/process.js +227 -51
package/lib/progress.js +499 -499
package/lib/radio-button.js +541 -541
package/lib/radio.js +555 -555
package/lib/rate.js +607 -607
package/lib/round-progress.js +502 -502
package/lib/search-select.js +8 -5
package/lib/select.js +20 -20
package/lib/sideslider.js +1 -1
package/lib/slider.js +13 -16
package/lib/spin.js +500 -500
package/lib/star.js +496 -496
package/lib/steps.js +3 -3
package/lib/switcher.js +538 -538
package/lib/tab-panel.js +456 -456
package/lib/table-column.js +5 -11
package/lib/table-setting-content.js +42 -20
package/lib/table.js +782 -586
package/lib/tag-input.js +14 -14
package/lib/tag.js +459 -459
package/lib/time-picker.js +7 -13
package/lib/timeline.js +5 -11
package/lib/transfer.js +14 -17
package/lib/tree.js +5 -11
package/lib/ui/bk-magic-vue.css +113 -24
package/lib/ui/bk-magic-vue.min.css +1 -1
package/lib/ui/bk-magic-vue.min.css.gz +0 -0
package/lib/ui/bk-magic-vue.min.css.map +1 -1
package/lib/ui/image-viewer.css +38 -17
package/lib/ui/image-viewer.min.css +1 -1
package/lib/ui/image-viewer.min.css.map +1 -1
package/lib/ui/process.css +76 -0
package/lib/ui/process.min.css +1 -1
package/lib/ui/process.min.css.map +1 -1
package/lib/ui/slider.css +4 -2
package/lib/ui/slider.min.css +1 -1
package/lib/ui/slider.min.css.map +1 -1
package/lib/ui/spin.css +5 -1
package/lib/ui/spin.min.css +1 -1
package/lib/ui/spin.min.css.map +1 -1
package/lib/ui/table.css +16 -5
package/lib/ui/table.min.css +1 -1
package/lib/ui/table.min.css.map +1 -1
package/lib/upload.js +10 -13
package/lib/utils/deepmerge.js +5 -11
package/lib/utils/pinyin.js +5 -11
package/lib/utils/tippy.js +3 -0
package/lib/version-detail.js +21 -21
package/lib/virtual-scroll.js +805 -805
package/lib/zoom-image.js +502 -502
package/package.json +1 -1

package/dist/bk-magic-vue.js CHANGED Viewed

@@ -10,17 +10,11 @@
   function _typeof(obj) {
     "@babel/helpers - typeof";
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function (obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function (obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
   function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -78,6 +72,9 @@
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
@@ -738,7 +735,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; bottom: ").concat(this.bottom, "px; z-index: ").concat(this.zIndex);
       }
     },
     watch: {
@@ -1697,7 +1694,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 +2741,14 @@
   var script$8 = {
     name: 'bk-checkbox',
     mixins: [emitter],
+    inject: {
+      handleRemoveItem: {
+        default: null
+      },
+      handleAddItem: {
+        default: null
+      }
+    },
     props: {
       value: {
         type: [String, Number, Boolean],
@@ -2823,9 +2828,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 +3007,12 @@
   var script$9 = {
     name: 'bk-checkbox-group',
+    provide: function provide() {
+      return {
+        handleAddItem: this.handleAddItem,
+        handleRemoveItem: this.handleRemoveItem
+      };
+    },
     props: {
       value: {
         type: Array,
@@ -3021,16 +3039,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 +8362,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 +8383,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 +8925,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 +9080,14 @@
       message: {
         copy: '复制',
         copied: '已复制'
+      },
+      image: {
+        zoomIn: '放大',
+        zoomOut: '缩小',
+        rotateLeft: '向左旋转',
+        rotateRight: '向右旋转',
+        fullScreen: '适应屏幕',
+        original: '快速回到 1：1'
       }
     }
   };
@@ -11266,7 +11303,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 +11373,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 +12002,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 +12074,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 +12104,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",
@@ -13307,7 +13341,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",
@@ -13318,7 +13352,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"
@@ -13343,7 +13377,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",
@@ -13354,7 +13388,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) {
@@ -13427,7 +13461,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",
@@ -13438,7 +13472,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) {
@@ -29023,7 +29057,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",
@@ -30040,6 +30074,9 @@
           return;
         }
         return typeof this.zIndex === 'number' && !isNan$1(this.zIndex);
+      },
+      renderZIndex: function renderZIndex() {
+        return this.zIndex;
       }
     },
     watch: {
@@ -30059,7 +30096,7 @@
       },
       isShow: function isShow(newVal) {
         if (newVal && !this.hasZIndexOption) {
-          this.zIndex = zIndexManager.nextZIndex();
+          this.renderZIndex = zIndexManager.nextZIndex();
         }
       },
       isLoading: {
@@ -30134,7 +30171,7 @@
       }],
       staticClass: "bk-loading-wrapper",
       style: {
-        zIndex: _vm.zIndex,
+        renderZIndex: _vm.renderZIndex,
         backgroundColor: _vm.bgColor
       }
     }, [_c('div', {
@@ -30186,7 +30223,7 @@
       class: _vm.extCls,
       style: {
         position: _vm.type,
-        zIndex: _vm.zIndex,
+        renderZIndex: _vm.renderZIndex,
         backgroundColor: _vm.bgColor
       }
     }, [_c('div', {
@@ -30513,7 +30550,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'],
@@ -30771,7 +30808,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",
@@ -30990,7 +31027,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 = [];
@@ -31522,7 +31559,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 = [];
@@ -32318,7 +32355,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', {
@@ -33064,7 +33101,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,
@@ -33168,10 +33205,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);
@@ -33213,11 +33250,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 = [];
@@ -33258,11 +33295,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 = [];
@@ -33467,7 +33504,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: {
@@ -34124,8 +34161,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,
@@ -34163,6 +34244,11 @@
         stepsClientHeight: 32
       };
     },
+    computed: {
+      hasStepChangeEvent: function hasStepChangeEvent() {
+        return !!(this.$listeners || {})['step-change'];
+      }
+    },
     watch: {
       list: {
         handler: function handler(value) {
@@ -34218,11 +34304,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);
@@ -34262,6 +34346,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;
       }
     }
   };
@@ -34288,8 +34420,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' : ''
@@ -34299,27 +34435,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",
@@ -34331,28 +34473,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",
@@ -35122,10 +35275,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 = [];
@@ -35531,7 +35684,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: {
@@ -35773,7 +35926,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 = [];
@@ -36225,23 +36378,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: {
@@ -36593,7 +36746,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",
@@ -36605,12 +36758,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);
   };
@@ -38027,6 +38180,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('.');
@@ -39151,8 +39465,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;
@@ -40018,7 +40330,7 @@
     }
   };
-  var script$$ = {
+  var script$10 = {
     name: 'bk-link',
     props: {
       disabled: Boolean,
@@ -40052,10 +40364,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;
@@ -40079,38 +40391,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() {
@@ -40203,10 +40515,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;
@@ -40281,7 +40593,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",
@@ -40323,7 +40635,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",
@@ -40337,35 +40649,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 = [];
@@ -40722,7 +41034,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;
@@ -41029,17 +41341,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: {
@@ -41145,7 +41457,6 @@
         type: Object,
         default: function _default() {
           return {
-            size: 'mini',
             isLoading: false
           };
         }
@@ -41298,6 +41609,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;
@@ -41463,7 +41784,7 @@
           } else {
             self.scrollPosition = 'middle';
           }
-          if (self.scrollLoading.isLoading) return;
+          if (self.scrollEndLoading.isLoading) return;
           if (this.scrollThrottle) return;
           this.scrollThrottle = true;
           setTimeout(function () {
@@ -41518,10 +41839,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;
@@ -41592,7 +41913,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: {
@@ -41676,7 +42001,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'
@@ -41746,7 +42073,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",
@@ -41798,42 +42131,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 = {
@@ -42415,7 +42740,7 @@
   setInstaller(TableColumn);
-  var script$12 = {
+  var script$13 = {
     name: 'bk-table-setting-content',
     components: {
       bkCheckboxGroup: __vue_component__$9,
@@ -42575,10 +42900,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;
@@ -42595,14 +42920,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
@@ -42612,7 +42937,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,
@@ -42632,12 +42957,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', {
@@ -42651,7 +42976,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'
       }],
@@ -42663,7 +42988,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'
       }],
@@ -42675,7 +43000,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",
@@ -42686,7 +43011,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"
       },
@@ -42696,31 +43021,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!');
@@ -43058,7 +43383,7 @@
     }
   };
-  var script$13 = {
+  var script$14 = {
     name: 'bk-tag-input',
     components: {
       listRender: listRender,
@@ -43959,10 +44284,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;
@@ -44215,31 +44540,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',
@@ -44296,7 +44621,7 @@
   setInstaller(bkTimePicker);
-  var script$14 = {
+  var script$15 = {
     name: 'bk-timeline',
     components: {
       vnodeIcon: {
@@ -44371,10 +44696,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;
@@ -44426,33 +44751,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
@@ -44851,10 +45176,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;
@@ -44873,9 +45198,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: {
@@ -44939,7 +45264,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"
@@ -44949,9 +45274,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: {
@@ -45001,34 +45326,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', {
@@ -45071,7 +45396,7 @@
     }
   };
-  var script$16 = {
+  var script$17 = {
     name: 'bk-tree',
     components: {
       Render: Render,
@@ -45713,10 +46038,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;
@@ -45876,31 +46201,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) {
@@ -45957,7 +46282,7 @@
     };
   }
-  var script$17 = {
+  var script$18 = {
     name: 'bk-upload',
     directives: {
       bkOverflowTips: overflowTips
@@ -46377,10 +46702,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;
@@ -46438,7 +46763,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: {
@@ -46509,7 +46834,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) {
@@ -46606,33 +46931,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: {
@@ -46699,10 +47024,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;
@@ -46716,33 +47041,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: {
@@ -46802,10 +47127,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;
@@ -46818,33 +47143,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,
@@ -46873,10 +47198,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;
@@ -46889,33 +47214,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: {
@@ -46969,10 +47294,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;
@@ -47041,34 +47366,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: {
@@ -47124,10 +47449,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;
@@ -47177,35 +47502,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: {
@@ -47414,10 +47739,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;
@@ -47501,33 +47826,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,
@@ -47603,10 +47928,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;
@@ -47663,33 +47988,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
@@ -47953,10 +48278,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;
@@ -48063,38 +48388,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: {
@@ -48390,30 +48715,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
@@ -48689,7 +49014,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;
@@ -48699,7 +49024,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;
@@ -49451,10 +49776,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;
@@ -49489,9 +49814,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) {
@@ -49510,9 +49835,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) {
@@ -49579,34 +49904,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;
@@ -50012,7 +50337,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",
@@ -50070,42 +50395,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: {
@@ -50784,10 +51109,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;
@@ -50837,36 +51162,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: {
@@ -50881,10 +51206,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;
@@ -50905,34 +51230,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: {
@@ -51055,10 +51380,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;
@@ -51180,33 +51505,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 {
@@ -51510,32 +51835,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',
@@ -51760,10 +52085,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;
@@ -51916,33 +52241,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: {
@@ -51982,30 +52307,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) {
@@ -52054,7 +52379,7 @@
     Vue.directive('bkCopy', bkCopy);
   };
-  var script$1o = {
+  var script$1p = {
     name: 'optionItem',
     components: {
       bkCheckbox: __vue_component__$8
@@ -52089,10 +52414,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;
@@ -52129,7 +52454,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"
@@ -52142,29 +52469,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) {
@@ -52237,10 +52564,10 @@
     }
   };
-  var script$1p = {
+  var script$1q = {
     name: 'bkCaspanel',
     components: {
-      optionItem: __vue_component__$1r
+      optionItem: __vue_component__$1s
     },
     mixins: [cascadeInfo, locale.mixin],
     props: {
@@ -52433,10 +52760,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;
@@ -52478,6 +52805,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;
@@ -52509,6 +52844,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;
@@ -52520,35 +52863,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: {
@@ -53160,10 +53503,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;
@@ -53402,6 +53745,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;
@@ -53413,33 +53764,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
@@ -53540,10 +53891,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;
@@ -53600,31 +53951,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;
@@ -53641,7 +53992,7 @@
       });
     };
   }
-  var script$1s = {
+  var script$1t = {
     name: 'bk-image-viewer',
     mixins: [locale.mixin],
     props: {
@@ -53670,6 +54021,10 @@
       initialIndex: {
         type: Number,
         default: 0
+      },
+      maskClose: {
+        type: Boolean,
+        default: true
       }
     },
     data: function data() {
@@ -53887,10 +54242,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;
@@ -53910,7 +54265,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"
@@ -53950,6 +54312,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) {
@@ -53957,6 +54328,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) {
@@ -53964,6 +54344,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) {
@@ -53971,6 +54360,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) {
@@ -53978,13 +54376,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) {
@@ -54025,31 +54441,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;
@@ -54062,13 +54478,12 @@
     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,
     props: {
       src: String,
       fallback: String,
@@ -54093,6 +54508,10 @@
       zIndex: {
         type: Number,
         default: 2000
+      },
+      maskClose: {
+        type: Boolean,
+        default: true
       }
     },
     data: function data() {
@@ -54263,10 +54682,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;
@@ -54302,12 +54721,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;
@@ -54322,30 +54742,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: {
@@ -54389,10 +54809,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;
@@ -54417,33 +54837,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: {
@@ -54468,10 +54888,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;
@@ -54500,33 +54920,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: {
@@ -54584,10 +55004,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;
@@ -54602,33 +55022,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: {
@@ -54692,10 +55112,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;
@@ -54721,31 +55141,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) {
@@ -54758,7 +55178,7 @@
   var freeze$1 = freeze;
-  var script$1y = {
+  var script$1z = {
     name: 'bk-resize-layout',
     props: {
       placement: {
@@ -55005,10 +55425,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;
@@ -55076,167 +55496,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 */
@@ -55305,41 +55564,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 = {
@@ -55382,43 +55641,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;
@@ -55431,37 +55690,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;