bk-magic-vue 2.5.3-beta.13 → 2.5.3-beta.14

package/dist/bk-magic-vue.js

@@ -8689,6 +8689,9 @@
         original: 'original size',
         prev: 'prev',
         next: 'next'
+      },
+      versionDetail: {
+        currentTagText: 'Current'
       }
     }
   };
@@ -8843,6 +8846,9 @@
         rotateRight: '向右旋转',
         fullScreen: '适应屏幕',
         original: '快速回到 1：1'
+      },
+      versionDetail: {
+        currentTagText: '当前版本'
       }
     }
   };
@@ -48430,6 +48436,7 @@
       bkOverflowTips: overflowTips,
       bkloading: bkLoading
     },
+    mixins: [locale.mixin],
     props: {
       show: Boolean,
       versionList: {
@@ -48477,6 +48484,14 @@
       versionSubTitleName: {
         type: String,
         default: 'date'
+      },
+      defaultActive: {
+        type: String,
+        default: ''
+      },
+      currentTagText: {
+        type: String,
+        default: ''
       }
     },
     data: function data() {
@@ -48496,6 +48511,16 @@
         unWatchShow: null
       };
     },
+    computed: {
+      defaultActiveIndex: function defaultActiveIndex() {
+        var _this = this;
+        var activeVersion = this.defaultActive || this.currentVersion;
+        var index = this.versionList.findIndex(function (item) {
+          return item[_this.versionTitleName] === activeVersion;
+        });
+        return index === -1 ? 0 : index;
+      }
+    },
     mounted: function mounted() {
       this.dialog.show = this.show;
       this.$refs.leftList.addEventListener('scroll', this.handleLeftScroll, {
@@ -48515,7 +48540,7 @@
     },
     methods: {
       handleMouseDown: function handleMouseDown(e) {
-        var _this = this;
+        var _this2 = this;
         var target = event.target;
         while (target && target.dataset['tag'] !== 'resizeTarget') {
           target = target.parentNode;
@@ -48528,7 +48553,7 @@
           return false;
         };
         var handleMouseMove = function handleMouseMove(event) {
-          _this.left.width = Math.min(Math.max(_this.minLeftWidth, event.clientX - rect.left), _this.maxLeftWidth);
+          _this2.left.width = Math.min(Math.max(_this2.minLeftWidth, event.clientX - rect.left), _this2.maxLeftWidth);
         };
         var handleMouseUp = function handleMouseUp() {
           document.body.style.cursor = '';
@@ -48556,52 +48581,52 @@
         this.$emit('change', v);
       },
       handleOnShowChange: function handleOnShowChange(v) {
-        var _this2 = this;
+        var _this3 = this;
         return _asyncToGenerator( _regeneratorRuntime().mark(function _callee() {
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
-                  _this2.dialog.show = v;
+                  _this3.dialog.show = v;
                   if (!v) {
                     _context.next = 20;
                     break;
                   }
-                  _this2.dialog.width = window.innerWidth >= 1920 ? 1110 : 850;
-                  _this2.dialog.height = window.innerWidth >= 1920 ? 640 : 520;
-                  _this2.loading = true;
-                  _context.t0 = !_this2.versionList.length && typeof _this2.getVersionList === 'function';
+                  _this3.dialog.width = window.innerWidth >= 1920 ? 1110 : 850;
+                  _this3.dialog.height = window.innerWidth >= 1920 ? 640 : 520;
+                  _this3.loading = true;
+                  _context.t0 = !_this3.versionList.length && typeof _this3.getVersionList === 'function';
                   if (!_context.t0) {
                     _context.next = 9;
                     break;
                   }
                   _context.next = 9;
-                  return _this2.getVersionList();
+                  return _this3.getVersionList();
                 case 9:
-                  if (!_this2.versionList.length) {
+                  if (!_this3.versionList.length) {
                     _context.next = 19;
                     break;
                   }
                 case 10:
-                  if (!(!_this2.finished && _this2.dialog.height - 40 > _this2.versionList.length * 55)) {
+                  if (!(!_this3.finished && _this3.dialog.height - 40 > _this3.versionList.length * 55)) {
                     _context.next = 17;
                     break;
                   }
-                  _context.t1 = typeof _this2.getVersionList === 'function';
+                  _context.t1 = typeof _this3.getVersionList === 'function';
                   if (!_context.t1) {
                     _context.next = 15;
                     break;
                   }
                   _context.next = 15;
-                  return _this2.getVersionList();
+                  return _this3.getVersionList();
                 case 15:
                   _context.next = 10;
                   break;
                 case 17:
                   _context.next = 19;
-                  return _this2.handleItemClick();
+                  return _this3.handleItemClick(_this3.defaultActiveIndex);
                 case 19:
-                  _this2.loading = false;
+                  _this3.loading = false;
                 case 20:
                 case "end":
                   return _context.stop();
@@ -48611,39 +48636,39 @@
         }))();
       },
       handleLeftScroll: function handleLeftScroll(e) {
-        var _this3 = this;
+        var _this4 = this;
         return _asyncToGenerator( _regeneratorRuntime().mark(function _callee2() {
           var el, scrollHeight, scrollTop, clientHeight;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) {
               switch (_context2.prev = _context2.next) {
                 case 0:
-                  el = _this3.$refs.leftList;
+                  el = _this4.$refs.leftList;
                   scrollHeight = el.scrollHeight;
                   scrollTop = el.scrollTop;
                   clientHeight = el.clientHeight;
-                  if (!(!_this3.finished && clientHeight + scrollTop >= scrollHeight && !_this3.scroll)) {
+                  if (!(!_this4.finished && clientHeight + scrollTop >= scrollHeight && !_this4.scroll)) {
                     _context2.next = 16;
                     break;
                   }
-                  _this3.left.scroll = true;
-                  _this3.left.loading = true;
-                  _context2.t0 = typeof _this3.getVersionList === 'function';
+                  _this4.left.scroll = true;
+                  _this4.left.loading = true;
+                  _context2.t0 = typeof _this4.getVersionList === 'function';
                   if (!_context2.t0) {
                     _context2.next = 11;
                     break;
                   }
                   _context2.next = 11;
-                  return _this3.getVersionList().catch(function (_) {
+                  return _this4.getVersionList().catch(function (_) {
                     return false;
                   });
                 case 11:
                   _context2.next = 13;
-                  return _this3.$nextTick();
+                  return _this4.$nextTick();
                 case 13:
                   el.scrollTo(0, scrollTop - 100);
-                  _this3.left.loading = false;
-                  _this3.left.scroll = false;
+                  _this4.left.loading = false;
+                  _this4.left.scroll = false;
                 case 16:
                 case "end":
                   return _context2.stop();
@@ -48653,27 +48678,28 @@
         }))();
       },
       handleItemClick: function handleItemClick() {
-        var _this4 = this;
+        var _this5 = this;
         var v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
         return _asyncToGenerator( _regeneratorRuntime().mark(function _callee3() {
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
             while (1) {
               switch (_context3.prev = _context3.next) {
                 case 0:
-                  _this4.active = v;
-                  _this4.loading = true;
-                  _context3.t0 = typeof _this4.getVersionDetail === 'function';
+                  _this5.active = v;
+                  _this5.loading = true;
+                  _context3.t0 = typeof _this5.getVersionDetail === 'function';
                   if (!_context3.t0) {
                     _context3.next = 6;
                     break;
                   }
                   _context3.next = 6;
-                  return _this4.getVersionDetail(_this4.versionList[v]).catch(function (_) {
+                  return _this5.getVersionDetail(_this5.versionList[v]).catch(function (_) {
                     return false;
                   });
                 case 6:
-                  _this4.loading = false;
-                case 7:
+                  _this5.loading = false;
+                  _this5.$emit('selected', v, _this5.versionList[v]);
+                case 8:
                 case "end":
                   return _context3.stop();
               }
@@ -48756,7 +48782,7 @@
           staticClass: "item-date"
         }, [_vm._v(_vm._s(item[_vm.versionSubTitleName]))]), item[_vm.versionTitleName] === _vm.currentVersion ? _c('span', {
           staticClass: "item-current"
-        }, [_vm._v(" " + _vm._s('当前版本') + " ")]) : _vm._e()];
+        }, [_vm._v(" " + _vm._s(_vm.currentTagText || _vm.t('bk.versionDetail.currentTagText')) + " ")]) : _vm._e()];
       }, {
         "version": {
           item: item,