bk-magic-vue 2.3.2-beta.4 → 2.3.2-beta.6

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 (111) hide show
  1. package/dist/bk-magic-vue.css +4 -4
  2. package/dist/bk-magic-vue.js +1507 -2471
  3. package/dist/bk-magic-vue.min.css +1 -1
  4. package/dist/bk-magic-vue.min.css.gz +0 -0
  5. package/dist/bk-magic-vue.min.css.map +1 -1
  6. package/dist/bk-magic-vue.min.js +1 -1
  7. package/dist/bk-magic-vue.min.js.gz +0 -0
  8. package/dist/bk-magic-vue.min.js.map +1 -1
  9. package/lib/alert.js +5 -11
  10. package/lib/animate-number.js +2 -9
  11. package/lib/badge.js +7 -25
  12. package/lib/big-tree.js +2549 -2788
  13. package/lib/breadcrumb-item.js +3 -10
  14. package/lib/breadcrumb.js +1 -9
  15. package/lib/button.js +1 -9
  16. package/lib/card.js +41 -70
  17. package/lib/cascade.js +442 -698
  18. package/lib/checkbox-group.js +2 -16
  19. package/lib/checkbox.js +972 -1179
  20. package/lib/col.js +9 -17
  21. package/lib/collapse-item.js +1 -10
  22. package/lib/collapse.js +1 -9
  23. package/lib/color-picker.js +38 -96
  24. package/lib/compose-form-item.js +1 -4
  25. package/lib/container.js +3 -11
  26. package/lib/date-picker.js +202 -330
  27. package/lib/dialog.js +2572 -2782
  28. package/lib/diff.js +2 -10
  29. package/lib/directives/clickoutside.js +2 -2
  30. package/lib/directives/overflow-tips.js +57 -73
  31. package/lib/directives/tooltips.js +65 -79
  32. package/lib/directives/transfer-dom.js +1 -4
  33. package/lib/divider.js +1 -9
  34. package/lib/dropdown-menu.js +7 -17
  35. package/lib/exception.js +5 -14
  36. package/lib/fixed-navbar.js +2 -13
  37. package/lib/form-item.js +253 -483
  38. package/lib/form.js +5 -22
  39. package/lib/icon.js +4 -5
  40. package/lib/image-viewer.js +22 -35
  41. package/lib/image.js +45 -72
  42. package/lib/info-box.js +2701 -2918
  43. package/lib/input.js +10 -33
  44. package/lib/link.js +1 -9
  45. package/lib/loading.js +9 -21
  46. package/lib/locale/index.js +5 -11
  47. package/lib/message.js +10 -22
  48. package/lib/navigation-menu-group.js +0 -4
  49. package/lib/navigation-menu-item.js +6 -19
  50. package/lib/navigation-menu.js +1046 -1252
  51. package/lib/navigation.js +34 -39
  52. package/lib/notify.js +20 -34
  53. package/lib/option-group.js +5 -10
  54. package/lib/option.js +15 -20
  55. package/lib/pagination.js +6706 -7013
  56. package/lib/popconfirm.js +66 -83
  57. package/lib/popover.js +55 -66
  58. package/lib/process.js +2 -17
  59. package/lib/progress.js +4 -10
  60. package/lib/radio-button.js +6 -13
  61. package/lib/radio-group.js +2 -9
  62. package/lib/radio.js +6 -13
  63. package/lib/rate.js +5 -21
  64. package/lib/resize-layout.js +11 -20
  65. package/lib/round-progress.js +1 -9
  66. package/lib/row.js +5 -18
  67. package/lib/search-select.js +409 -635
  68. package/lib/select.js +5989 -6261
  69. package/lib/sideslider.js +1560 -1769
  70. package/lib/slider.js +78 -127
  71. package/lib/star.js +3 -11
  72. package/lib/steps.js +1754 -1961
  73. package/lib/swiper.js +20 -33
  74. package/lib/switcher.js +3 -12
  75. package/lib/tab-panel.js +2 -9
  76. package/lib/tab.js +2330 -2536
  77. package/lib/table-column.js +328 -547
  78. package/lib/table-setting-content.js +321 -558
  79. package/lib/table.js +566 -917
  80. package/lib/tag-input.js +397 -649
  81. package/lib/tag.js +2 -10
  82. package/lib/time-picker.js +144 -219
  83. package/lib/timeline.js +23 -35
  84. package/lib/transfer.js +111 -161
  85. package/lib/transition.js +1 -9
  86. package/lib/tree.js +31 -75
  87. package/lib/ui/bk-magic-vue.css +4 -4
  88. package/lib/ui/bk-magic-vue.min.css +1 -1
  89. package/lib/ui/bk-magic-vue.min.css.gz +0 -0
  90. package/lib/ui/bk-magic-vue.min.css.map +1 -1
  91. package/lib/ui/button.css +1 -1
  92. package/lib/ui/button.min.css +1 -1
  93. package/lib/ui/button.min.css.map +1 -1
  94. package/lib/ui/dialog.css +2 -2
  95. package/lib/ui/dialog.min.css +1 -1
  96. package/lib/ui/dialog.min.css.map +1 -1
  97. package/lib/ui/info-box.css +2 -2
  98. package/lib/ui/info-box.min.css +1 -1
  99. package/lib/ui/info-box.min.css.map +1 -1
  100. package/lib/ui/popconfirm.css +1 -1
  101. package/lib/ui/popconfirm.min.css +1 -1
  102. package/lib/ui/popconfirm.min.css.map +1 -1
  103. package/lib/upload.js +63 -87
  104. package/lib/utils/deepmerge.js +5 -11
  105. package/lib/utils/pinyin.js +5 -11
  106. package/lib/utils/pop-manager.js +2 -2
  107. package/lib/utils/tippy.js +48 -49
  108. package/lib/version-detail.js +5854 -6081
  109. package/lib/virtual-scroll.js +17 -23
  110. package/lib/zoom-image.js +3 -11
  111. package/package.json +1 -1
package/lib/form.js CHANGED
@@ -1037,25 +1037,18 @@
1037
1037
  if (n === "Map" || n === "Set") return Array.from(o);
1038
1038
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
1039
1039
  }
1040
-
1041
1040
  function _arrayLikeToArray(arr, len) {
1042
1041
  if (len == null || len > arr.length) len = arr.length;
1043
-
1044
1042
  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
1045
-
1046
1043
  return arr2;
1047
1044
  }
1048
-
1049
1045
  function _createForOfIteratorHelper(o, allowArrayLike) {
1050
1046
  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
1051
-
1052
1047
  if (!it) {
1053
1048
  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
1054
1049
  if (it) o = it;
1055
1050
  var i = 0;
1056
-
1057
1051
  var F = function () {};
1058
-
1059
1052
  return {
1060
1053
  s: F,
1061
1054
  n: function () {
@@ -1073,13 +1066,11 @@
1073
1066
  f: F
1074
1067
  };
1075
1068
  }
1076
-
1077
1069
  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
1078
1070
  }
1079
-
1080
1071
  var normalCompletion = true,
1081
- didErr = false,
1082
- err;
1072
+ didErr = false,
1073
+ err;
1083
1074
  return {
1084
1075
  s: function () {
1085
1076
  it = it.call(o);
@@ -1174,7 +1165,7 @@
1174
1165
  },
1175
1166
  clearError: function clearError() {
1176
1167
  var _iterator = _createForOfIteratorHelper(this.formItems),
1177
- _step;
1168
+ _step;
1178
1169
  try {
1179
1170
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
1180
1171
  var field = _step.value;
@@ -1193,7 +1184,7 @@
1193
1184
  var count = 0;
1194
1185
  var that = _this2;
1195
1186
  var _iterator2 = _createForOfIteratorHelper(_this2.formItems),
1196
- _step2;
1187
+ _step2;
1197
1188
  try {
1198
1189
  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
1199
1190
  var field = _step2.value;
@@ -1283,14 +1274,10 @@
1283
1274
  /* script */
1284
1275
  var __vue_script__ = script;
1285
1276
  /* template */
1286
-
1287
1277
  var __vue_render__ = function __vue_render__() {
1288
1278
  var _vm = this;
1289
-
1290
1279
  var _h = _vm.$createElement;
1291
-
1292
1280
  var _c = _vm._self._c || _h;
1293
-
1294
1281
  return _c('form', {
1295
1282
  class: [_vm.formCls, _vm.extCls],
1296
1283
  on: {
@@ -1298,19 +1285,15 @@
1298
1285
  }
1299
1286
  }, [_vm._t("default")], 2);
1300
1287
  };
1301
-
1302
1288
  var __vue_staticRenderFns__ = [];
1303
- /* style */
1304
1289
 
1290
+ /* style */
1305
1291
  var __vue_inject_styles__ = undefined;
1306
1292
  /* scoped */
1307
-
1308
1293
  var __vue_scope_id__ = undefined;
1309
1294
  /* module identifier */
1310
-
1311
1295
  var __vue_module_identifier__ = undefined;
1312
1296
  /* functional template */
1313
-
1314
1297
  var __vue_is_functional_template__ = false;
1315
1298
  /* style inject */
1316
1299
 
package/lib/icon.js CHANGED
@@ -15,16 +15,15 @@
15
15
  } else {
16
16
  obj[key] = value;
17
17
  }
18
-
19
18
  return obj;
20
19
  }
21
20
 
22
21
  var iconFactory = (function () {
23
22
  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
24
- _ref$fontLibrary = _ref.fontLibrary,
25
- fontLibrary = _ref$fontLibrary === void 0 ? 'bk-icon' : _ref$fontLibrary,
26
- _ref$prefix = _ref.prefix,
27
- prefix = _ref$prefix === void 0 ? 'icon' : _ref$prefix;
23
+ _ref$fontLibrary = _ref.fontLibrary,
24
+ fontLibrary = _ref$fontLibrary === void 0 ? 'bk-icon' : _ref$fontLibrary,
25
+ _ref$prefix = _ref.prefix,
26
+ prefix = _ref$prefix === void 0 ? 'icon' : _ref$prefix;
28
27
  return {
29
28
  name: fontLibrary,
30
29
  props: {
@@ -226,26 +226,21 @@
226
226
  } else {
227
227
  obj[key] = value;
228
228
  }
229
-
230
229
  return obj;
231
230
  }
232
-
233
231
  function _objectSpread(target) {
234
232
  for (var i = 1; i < arguments.length; i++) {
235
233
  var source = arguments[i] != null ? Object(arguments[i]) : {};
236
234
  var ownKeys = Object.keys(source);
237
-
238
235
  if (typeof Object.getOwnPropertySymbols === 'function') {
239
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
236
+ ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
240
237
  return Object.getOwnPropertyDescriptor(source, sym).enumerable;
241
238
  }));
242
239
  }
243
-
244
240
  ownKeys.forEach(function (key) {
245
241
  _defineProperty(target, key, source[key]);
246
242
  });
247
243
  }
248
-
249
244
  return target;
250
245
  }
251
246
 
@@ -403,11 +398,11 @@
403
398
  },
404
399
  imgStyle: function imgStyle() {
405
400
  var _this$transform = this.transform,
406
- scale = _this$transform.scale,
407
- deg = _this$transform.deg,
408
- offsetX = _this$transform.offsetX,
409
- offsetY = _this$transform.offsetY,
410
- enableTransition = _this$transform.enableTransition;
401
+ scale = _this$transform.scale,
402
+ deg = _this$transform.deg,
403
+ offsetX = _this$transform.offsetX,
404
+ offsetY = _this$transform.offsetY,
405
+ enableTransition = _this$transform.enableTransition;
411
406
  var style = {
412
407
  transform: "scale(".concat(scale, ") rotate(").concat(deg, "deg)"),
413
408
  transition: enableTransition ? 'transform .3s' : '',
@@ -509,8 +504,8 @@
509
504
  var _this4 = this;
510
505
  if (this.loading || e.button !== 0) return;
511
506
  var _this$transform2 = this.transform,
512
- offsetX = _this$transform2.offsetX,
513
- offsetY = _this$transform2.offsetY;
507
+ offsetX = _this$transform2.offsetX,
508
+ offsetY = _this$transform2.offsetY;
514
509
  var startX = e.pageX;
515
510
  var startY = e.pageY;
516
511
  this._dragHandler = rafThrottle(function (ev) {
@@ -551,13 +546,13 @@
551
546
  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
552
547
  if (this.loading) return;
553
548
  var _zoomRate$rotateDeg$e = _objectSpread({
554
- zoomRate: 0.2,
555
- rotateDeg: 90,
556
- enableTransition: true
557
- }, options),
558
- zoomRate = _zoomRate$rotateDeg$e.zoomRate,
559
- rotateDeg = _zoomRate$rotateDeg$e.rotateDeg,
560
- enableTransition = _zoomRate$rotateDeg$e.enableTransition;
549
+ zoomRate: 0.2,
550
+ rotateDeg: 90,
551
+ enableTransition: true
552
+ }, options),
553
+ zoomRate = _zoomRate$rotateDeg$e.zoomRate,
554
+ rotateDeg = _zoomRate$rotateDeg$e.rotateDeg,
555
+ enableTransition = _zoomRate$rotateDeg$e.enableTransition;
561
556
  var transform = this.transform;
562
557
  switch (action) {
563
558
  case 'zoomOut':
@@ -642,14 +637,10 @@
642
637
  /* script */
643
638
  var __vue_script__ = script;
644
639
  /* template */
645
-
646
640
  var __vue_render__ = function __vue_render__() {
647
641
  var _vm = this;
648
-
649
642
  var _h = _vm.$createElement;
650
-
651
643
  var _c = _vm._self._c || _h;
652
-
653
644
  return _c('transition', {
654
645
  attrs: {
655
646
  "name": "bk-zoom"
@@ -706,42 +697,42 @@
706
697
  staticClass: "bk-icon icon-narrow-line",
707
698
  on: {
708
699
  "click": function click($event) {
709
- _vm.handleActions('zoomOut');
700
+ return _vm.handleActions('zoomOut');
710
701
  }
711
702
  }
712
703
  }), _c('i', {
713
704
  staticClass: "bk-icon icon-enlarge-line",
714
705
  on: {
715
706
  "click": function click($event) {
716
- _vm.handleActions('zoomIn');
707
+ return _vm.handleActions('zoomIn');
717
708
  }
718
709
  }
719
710
  }), _c('i', {
720
711
  staticClass: "bk-icon icon-normalized",
721
712
  on: {
722
713
  "click": function click($event) {
723
- _vm.toggleMode('original');
714
+ return _vm.toggleMode('original');
724
715
  }
725
716
  }
726
717
  }), _c('i', {
727
718
  staticClass: "bk-icon icon-left-turn-line",
728
719
  on: {
729
720
  "click": function click($event) {
730
- _vm.handleActions('anticlocelise');
721
+ return _vm.handleActions('anticlocelise');
731
722
  }
732
723
  }
733
724
  }), _c('i', {
734
725
  staticClass: "bk-icon icon-right-turn-line",
735
726
  on: {
736
727
  "click": function click($event) {
737
- _vm.handleActions('clocelise');
728
+ return _vm.handleActions('clocelise');
738
729
  }
739
730
  }
740
731
  }), _c('i', {
741
732
  staticClass: "bk-icon icon-unfull-screen",
742
733
  on: {
743
734
  "click": function click($event) {
744
- _vm.toggleMode('contain');
735
+ return _vm.toggleMode('contain');
745
736
  }
746
737
  }
747
738
  })])]), _c('div', {
@@ -777,19 +768,15 @@
777
768
  }) : _vm._e();
778
769
  })], 2)], 2)]);
779
770
  };
780
-
781
771
  var __vue_staticRenderFns__ = [];
782
- /* style */
783
772
 
773
+ /* style */
784
774
  var __vue_inject_styles__ = undefined;
785
775
  /* scoped */
786
-
787
776
  var __vue_scope_id__ = undefined;
788
777
  /* module identifier */
789
-
790
778
  var __vue_module_identifier__ = undefined;
791
779
  /* functional template */
792
-
793
780
  var __vue_is_functional_template__ = false;
794
781
  /* style inject */
795
782
 
package/lib/image.js CHANGED
@@ -340,19 +340,12 @@
340
340
  function _typeof(obj) {
341
341
  "@babel/helpers - typeof";
342
342
 
343
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
344
- _typeof = function (obj) {
345
- return typeof obj;
346
- };
347
- } else {
348
- _typeof = function (obj) {
349
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
350
- };
351
- }
352
-
353
- return _typeof(obj);
343
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
344
+ return typeof obj;
345
+ } : function (obj) {
346
+ return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
347
+ }, _typeof(obj);
354
348
  }
355
-
356
349
  function _defineProperty(obj, key, value) {
357
350
  if (key in obj) {
358
351
  Object.defineProperty(obj, key, {
@@ -364,26 +357,21 @@
364
357
  } else {
365
358
  obj[key] = value;
366
359
  }
367
-
368
360
  return obj;
369
361
  }
370
-
371
362
  function _objectSpread(target) {
372
363
  for (var i = 1; i < arguments.length; i++) {
373
364
  var source = arguments[i] != null ? Object(arguments[i]) : {};
374
365
  var ownKeys = Object.keys(source);
375
-
376
366
  if (typeof Object.getOwnPropertySymbols === 'function') {
377
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
367
+ ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
378
368
  return Object.getOwnPropertyDescriptor(source, sym).enumerable;
379
369
  }));
380
370
  }
381
-
382
371
  ownKeys.forEach(function (key) {
383
372
  _defineProperty(target, key, source[key]);
384
373
  });
385
374
  }
386
-
387
375
  return target;
388
376
  }
389
377
 
@@ -557,11 +545,11 @@
557
545
  },
558
546
  imgStyle: function imgStyle() {
559
547
  var _this$transform = this.transform,
560
- scale = _this$transform.scale,
561
- deg = _this$transform.deg,
562
- offsetX = _this$transform.offsetX,
563
- offsetY = _this$transform.offsetY,
564
- enableTransition = _this$transform.enableTransition;
548
+ scale = _this$transform.scale,
549
+ deg = _this$transform.deg,
550
+ offsetX = _this$transform.offsetX,
551
+ offsetY = _this$transform.offsetY,
552
+ enableTransition = _this$transform.enableTransition;
565
553
  var style = {
566
554
  transform: "scale(".concat(scale, ") rotate(").concat(deg, "deg)"),
567
555
  transition: enableTransition ? 'transform .3s' : '',
@@ -663,8 +651,8 @@
663
651
  var _this4 = this;
664
652
  if (this.loading || e.button !== 0) return;
665
653
  var _this$transform2 = this.transform,
666
- offsetX = _this$transform2.offsetX,
667
- offsetY = _this$transform2.offsetY;
654
+ offsetX = _this$transform2.offsetX,
655
+ offsetY = _this$transform2.offsetY;
668
656
  var startX = e.pageX;
669
657
  var startY = e.pageY;
670
658
  this._dragHandler = rafThrottle(function (ev) {
@@ -705,13 +693,13 @@
705
693
  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
706
694
  if (this.loading) return;
707
695
  var _zoomRate$rotateDeg$e = _objectSpread({
708
- zoomRate: 0.2,
709
- rotateDeg: 90,
710
- enableTransition: true
711
- }, options),
712
- zoomRate = _zoomRate$rotateDeg$e.zoomRate,
713
- rotateDeg = _zoomRate$rotateDeg$e.rotateDeg,
714
- enableTransition = _zoomRate$rotateDeg$e.enableTransition;
696
+ zoomRate: 0.2,
697
+ rotateDeg: 90,
698
+ enableTransition: true
699
+ }, options),
700
+ zoomRate = _zoomRate$rotateDeg$e.zoomRate,
701
+ rotateDeg = _zoomRate$rotateDeg$e.rotateDeg,
702
+ enableTransition = _zoomRate$rotateDeg$e.enableTransition;
715
703
  var transform = this.transform;
716
704
  switch (action) {
717
705
  case 'zoomOut':
@@ -796,14 +784,10 @@
796
784
  /* script */
797
785
  var __vue_script__ = script;
798
786
  /* template */
799
-
800
787
  var __vue_render__ = function __vue_render__() {
801
788
  var _vm = this;
802
-
803
789
  var _h = _vm.$createElement;
804
-
805
790
  var _c = _vm._self._c || _h;
806
-
807
791
  return _c('transition', {
808
792
  attrs: {
809
793
  "name": "bk-zoom"
@@ -860,42 +844,42 @@
860
844
  staticClass: "bk-icon icon-narrow-line",
861
845
  on: {
862
846
  "click": function click($event) {
863
- _vm.handleActions('zoomOut');
847
+ return _vm.handleActions('zoomOut');
864
848
  }
865
849
  }
866
850
  }), _c('i', {
867
851
  staticClass: "bk-icon icon-enlarge-line",
868
852
  on: {
869
853
  "click": function click($event) {
870
- _vm.handleActions('zoomIn');
854
+ return _vm.handleActions('zoomIn');
871
855
  }
872
856
  }
873
857
  }), _c('i', {
874
858
  staticClass: "bk-icon icon-normalized",
875
859
  on: {
876
860
  "click": function click($event) {
877
- _vm.toggleMode('original');
861
+ return _vm.toggleMode('original');
878
862
  }
879
863
  }
880
864
  }), _c('i', {
881
865
  staticClass: "bk-icon icon-left-turn-line",
882
866
  on: {
883
867
  "click": function click($event) {
884
- _vm.handleActions('anticlocelise');
868
+ return _vm.handleActions('anticlocelise');
885
869
  }
886
870
  }
887
871
  }), _c('i', {
888
872
  staticClass: "bk-icon icon-right-turn-line",
889
873
  on: {
890
874
  "click": function click($event) {
891
- _vm.handleActions('clocelise');
875
+ return _vm.handleActions('clocelise');
892
876
  }
893
877
  }
894
878
  }), _c('i', {
895
879
  staticClass: "bk-icon icon-unfull-screen",
896
880
  on: {
897
881
  "click": function click($event) {
898
- _vm.toggleMode('contain');
882
+ return _vm.toggleMode('contain');
899
883
  }
900
884
  }
901
885
  })])]), _c('div', {
@@ -931,19 +915,15 @@
931
915
  }) : _vm._e();
932
916
  })], 2)], 2)]);
933
917
  };
934
-
935
918
  var __vue_staticRenderFns__ = [];
936
- /* style */
937
919
 
920
+ /* style */
938
921
  var __vue_inject_styles__ = undefined;
939
922
  /* scoped */
940
-
941
923
  var __vue_scope_id__ = undefined;
942
924
  /* module identifier */
943
-
944
925
  var __vue_module_identifier__ = undefined;
945
926
  /* functional template */
946
-
947
927
  var __vue_is_functional_template__ = false;
948
928
  /* style inject */
949
929
 
@@ -1214,7 +1194,7 @@
1214
1194
  },
1215
1195
  removeLazyLoadListener: function removeLazyLoadListener() {
1216
1196
  var _scrollContainer = this._scrollContainer,
1217
- _lazyLoadHandler = this._lazyLoadHandler;
1197
+ _lazyLoadHandler = this._lazyLoadHandler;
1218
1198
  if (this.$isServer || !_scrollContainer || !_lazyLoadHandler) return;
1219
1199
  removeEvent(_scrollContainer, 'scroll', _lazyLoadHandler);
1220
1200
  this._scrollContainer = null;
@@ -1222,10 +1202,10 @@
1222
1202
  },
1223
1203
  getImageStyle: function getImageStyle(fit) {
1224
1204
  var imageWidth = this.imageWidth,
1225
- imageHeight = this.imageHeight;
1205
+ imageHeight = this.imageHeight;
1226
1206
  var _this$$el = this.$el,
1227
- containerWidth = _this$$el.clientWidth,
1228
- containerHeight = _this$$el.clientHeight;
1207
+ containerWidth = _this$$el.clientWidth,
1208
+ containerHeight = _this$$el.clientHeight;
1229
1209
  if (!imageWidth || !imageHeight || !containerWidth || !containerHeight) return {};
1230
1210
  var vertical = imageWidth / imageHeight < 1;
1231
1211
  if (fit === ObjectFit.SCALE_DOWN) {
@@ -1272,25 +1252,25 @@
1272
1252
  /* script */
1273
1253
  var __vue_script__$1 = script$1;
1274
1254
  /* template */
1275
-
1276
1255
  var __vue_render__$1 = function __vue_render__() {
1277
1256
  var _vm = this;
1278
-
1279
1257
  var _h = _vm.$createElement;
1280
-
1281
1258
  var _c = _vm._self._c || _h;
1282
-
1283
1259
  return _c('div', {
1284
1260
  staticClass: "bk-image"
1285
- }, [_vm.loading ? _vm._t("placeholder", [_vm._m(0)]) : _vm.error ? _vm._t("error", [_c('div', {
1286
- staticClass: "bk-image-placeholder"
1287
- }, [_vm.fallback ? _c('img', {
1288
- attrs: {
1289
- "src": _vm.fallback
1290
- }
1291
- }) : _c('i', {
1292
- staticClass: "bk-icon icon-image-fail"
1293
- })])]) : _c('img', _vm._g(_vm._b({
1261
+ }, [_vm.loading ? _vm._t("placeholder", function () {
1262
+ return [_vm._m(0)];
1263
+ }) : _vm.error ? _vm._t("error", function () {
1264
+ return [_c('div', {
1265
+ staticClass: "bk-image-placeholder"
1266
+ }, [_vm.fallback ? _c('img', {
1267
+ attrs: {
1268
+ "src": _vm.fallback
1269
+ }
1270
+ }) : _c('i', {
1271
+ staticClass: "bk-icon icon-image-fail"
1272
+ })])];
1273
+ }) : _c('img', _vm._g(_vm._b({
1294
1274
  staticClass: "bk-image-inner",
1295
1275
  class: {
1296
1276
  'bk-image-inner-center': _vm.alignCenter,
@@ -1313,31 +1293,24 @@
1313
1293
  }
1314
1294
  }) : _vm._e()] : _vm._e()], 2);
1315
1295
  };
1316
-
1317
1296
  var __vue_staticRenderFns__$1 = [function () {
1318
1297
  var _vm = this;
1319
-
1320
1298
  var _h = _vm.$createElement;
1321
-
1322
1299
  var _c = _vm._self._c || _h;
1323
-
1324
1300
  return _c('div', {
1325
1301
  staticClass: "bk-image-placeholder"
1326
1302
  }, [_c('i', {
1327
1303
  staticClass: "bk-icon icon-image"
1328
1304
  })]);
1329
1305
  }];
1330
- /* style */
1331
1306
 
1307
+ /* style */
1332
1308
  var __vue_inject_styles__$1 = undefined;
1333
1309
  /* scoped */
1334
-
1335
1310
  var __vue_scope_id__$1 = undefined;
1336
1311
  /* module identifier */
1337
-
1338
1312
  var __vue_module_identifier__$1 = undefined;
1339
1313
  /* functional template */
1340
-
1341
1314
  var __vue_is_functional_template__$1 = false;
1342
1315
  /* style inject */
1343
1316