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.
- package/dist/bk-magic-vue.css +4 -4
- package/dist/bk-magic-vue.js +1507 -2471
- 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 +5 -11
- package/lib/animate-number.js +2 -9
- package/lib/badge.js +7 -25
- package/lib/big-tree.js +2549 -2788
- package/lib/breadcrumb-item.js +3 -10
- package/lib/breadcrumb.js +1 -9
- package/lib/button.js +1 -9
- package/lib/card.js +41 -70
- package/lib/cascade.js +442 -698
- package/lib/checkbox-group.js +2 -16
- package/lib/checkbox.js +972 -1179
- package/lib/col.js +9 -17
- package/lib/collapse-item.js +1 -10
- package/lib/collapse.js +1 -9
- package/lib/color-picker.js +38 -96
- package/lib/compose-form-item.js +1 -4
- package/lib/container.js +3 -11
- package/lib/date-picker.js +202 -330
- package/lib/dialog.js +2572 -2782
- package/lib/diff.js +2 -10
- package/lib/directives/clickoutside.js +2 -2
- package/lib/directives/overflow-tips.js +57 -73
- package/lib/directives/tooltips.js +65 -79
- package/lib/directives/transfer-dom.js +1 -4
- package/lib/divider.js +1 -9
- package/lib/dropdown-menu.js +7 -17
- package/lib/exception.js +5 -14
- package/lib/fixed-navbar.js +2 -13
- package/lib/form-item.js +253 -483
- package/lib/form.js +5 -22
- package/lib/icon.js +4 -5
- package/lib/image-viewer.js +22 -35
- package/lib/image.js +45 -72
- package/lib/info-box.js +2701 -2918
- package/lib/input.js +10 -33
- package/lib/link.js +1 -9
- package/lib/loading.js +9 -21
- package/lib/locale/index.js +5 -11
- package/lib/message.js +10 -22
- package/lib/navigation-menu-group.js +0 -4
- package/lib/navigation-menu-item.js +6 -19
- package/lib/navigation-menu.js +1046 -1252
- package/lib/navigation.js +34 -39
- package/lib/notify.js +20 -34
- package/lib/option-group.js +5 -10
- package/lib/option.js +15 -20
- package/lib/pagination.js +6706 -7013
- package/lib/popconfirm.js +66 -83
- package/lib/popover.js +55 -66
- package/lib/process.js +2 -17
- package/lib/progress.js +4 -10
- package/lib/radio-button.js +6 -13
- package/lib/radio-group.js +2 -9
- package/lib/radio.js +6 -13
- package/lib/rate.js +5 -21
- package/lib/resize-layout.js +11 -20
- package/lib/round-progress.js +1 -9
- package/lib/row.js +5 -18
- package/lib/search-select.js +409 -635
- package/lib/select.js +5989 -6261
- package/lib/sideslider.js +1560 -1769
- package/lib/slider.js +78 -127
- package/lib/star.js +3 -11
- package/lib/steps.js +1754 -1961
- package/lib/swiper.js +20 -33
- package/lib/switcher.js +3 -12
- package/lib/tab-panel.js +2 -9
- package/lib/tab.js +2330 -2536
- package/lib/table-column.js +328 -547
- package/lib/table-setting-content.js +321 -558
- package/lib/table.js +566 -917
- package/lib/tag-input.js +397 -649
- package/lib/tag.js +2 -10
- package/lib/time-picker.js +144 -219
- package/lib/timeline.js +23 -35
- package/lib/transfer.js +111 -161
- package/lib/transition.js +1 -9
- package/lib/tree.js +31 -75
- package/lib/ui/bk-magic-vue.css +4 -4
- 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/button.css +1 -1
- package/lib/ui/button.min.css +1 -1
- package/lib/ui/button.min.css.map +1 -1
- package/lib/ui/dialog.css +2 -2
- package/lib/ui/dialog.min.css +1 -1
- package/lib/ui/dialog.min.css.map +1 -1
- package/lib/ui/info-box.css +2 -2
- package/lib/ui/info-box.min.css +1 -1
- package/lib/ui/info-box.min.css.map +1 -1
- package/lib/ui/popconfirm.css +1 -1
- package/lib/ui/popconfirm.min.css +1 -1
- package/lib/ui/popconfirm.min.css.map +1 -1
- package/lib/upload.js +63 -87
- package/lib/utils/deepmerge.js +5 -11
- package/lib/utils/pinyin.js +5 -11
- package/lib/utils/pop-manager.js +2 -2
- package/lib/utils/tippy.js +48 -49
- package/lib/version-detail.js +5854 -6081
- package/lib/virtual-scroll.js +17 -23
- package/lib/zoom-image.js +3 -11
- 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
|
-
|
|
1082
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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: {
|
package/lib/image-viewer.js
CHANGED
|
@@ -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
|
|
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
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
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
|
-
|
|
513
|
-
|
|
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
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
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
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
}
|
|
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
|
|
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
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
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
|
-
|
|
667
|
-
|
|
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
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1205
|
+
imageHeight = this.imageHeight;
|
|
1226
1206
|
var _this$$el = this.$el,
|
|
1227
|
-
|
|
1228
|
-
|
|
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",
|
|
1286
|
-
|
|
1287
|
-
}
|
|
1288
|
-
|
|
1289
|
-
"
|
|
1290
|
-
}
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
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
|
|