zartui 2.1.6 → 2.1.7
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/es/action-sheet/index.js +15 -26
- package/es/area/index.js +5 -41
- package/es/avatar/index.js +3 -16
- package/es/back-top/index.js +4 -19
- package/es/badge/index.js +4 -12
- package/es/button/index.js +20 -40
- package/es/calendar/components/Header.js +3 -12
- package/es/calendar/components/Month.js +12 -65
- package/es/calendar/index.js +23 -94
- package/es/calendar/types.js +9 -15
- package/es/calendar/utils.js +5 -16
- package/es/cascader/index.js +4 -37
- package/es/cell/index.js +19 -37
- package/es/cell-group/index.js +5 -8
- package/es/checkbox/index.js +4 -11
- package/es/checkbox-group/index.js +4 -9
- package/es/col/index.js +6 -11
- package/es/collapse/index.js +2 -5
- package/es/collapse-item/index.js +19 -35
- package/es/count-down/index.js +2 -15
- package/es/count-down/utils.js +3 -10
- package/es/datetime-picker/DatePicker.js +12 -70
- package/es/datetime-picker/TimePicker.js +10 -23
- package/es/datetime-picker/index.js +2 -26
- package/es/datetime-picker/shared.js +5 -21
- package/es/datetime-picker/utils.js +0 -5
- package/es/dialog/Dialog.js +6 -21
- package/es/dialog/index.js +0 -16
- package/es/divider/index.js +5 -6
- package/es/dropdown-item/index.js +13 -39
- package/es/dropdown-menu/index.js +4 -9
- package/es/empty/images/Developing.js +0 -3
- package/es/empty/images/EmptyInterface.js +0 -3
- package/es/empty/images/EmptyResult.js +0 -3
- package/es/empty/images/FindNull.js +0 -3
- package/es/empty/images/NetworkError.js +0 -3
- package/es/empty/images/NotFound.js +0 -3
- package/es/empty/images/ReportSuccess.js +0 -3
- package/es/empty/images/Restricted.js +0 -3
- package/es/empty/images/ServerError.js +0 -3
- package/es/empty/index.js +3 -11
- package/es/field/index.js +21 -86
- package/es/fold-dialog/index.js +5 -20
- package/es/form/index.js +2 -18
- package/es/grid/index.js +2 -6
- package/es/grid-item/index.js +18 -30
- package/es/hierarchy-select/breadcrumb.js +2 -6
- package/es/hierarchy-select/index.js +13 -15
- package/es/hierarchy-select/markList.js +9 -30
- package/es/hierarchy-select/svg/SubIcon.js +0 -1
- package/es/icon/index.js +9 -13
- package/es/image/index.js +3 -19
- package/es/image-preview/ImagePreview.js +4 -8
- package/es/image-preview/ImagePreviewItem.js +14 -30
- package/es/image-preview/index.js +0 -12
- package/es/image-preview/shared.js +2 -4
- package/es/index-anchor/index.js +2 -6
- package/es/index-bar/IndexIndicate.js +0 -1
- package/es/index-bar/index.js +7 -28
- package/es/index.js +1 -4
- package/es/info/index.js +6 -8
- package/es/list/index.js +11 -27
- package/es/loading/index.js +7 -15
- package/es/locale/index.js +0 -2
- package/es/media-picker/index.js +34 -120
- package/es/media-picker/media-util.js +2 -5
- package/es/media-picker/type.js +9 -14
- package/es/media-picker/wx-util.js +0 -1
- package/es/media-player/index.js +7 -19
- package/es/mixins/bind-event.js +0 -3
- package/es/mixins/checkbox.js +5 -11
- package/es/mixins/click-outside.js +0 -2
- package/es/mixins/close-on-popstate.js +0 -1
- package/es/mixins/field.js +0 -2
- package/es/mixins/popup/index.js +12 -28
- package/es/mixins/popup/overlay.js +1 -11
- package/es/mixins/portal.js +2 -8
- package/es/mixins/relation.js +0 -8
- package/es/mixins/slots.js +1 -4
- package/es/mixins/touch.js +4 -9
- package/es/multiple-picker/MultiplePickerOptions.js +3 -20
- package/es/multiple-picker/index.js +5 -17
- package/es/nav-bar/index.js +4 -12
- package/es/notice-bar/index.js +10 -28
- package/es/number-keyboard/Key.js +2 -10
- package/es/number-keyboard/index.js +4 -19
- package/es/overlay/index.js +5 -8
- package/es/password-input/index.js +10 -16
- package/es/picker/PickerColumn.js +21 -56
- package/es/picker/index.js +12 -45
- package/es/popover/index.js +65 -90
- package/es/popup/index.js +5 -21
- package/es/pull-refresh/index.js +10 -29
- package/es/radio/index.js +2 -4
- package/es/radio-group/index.js +2 -4
- package/es/rate/index.js +12 -26
- package/es/row/index.js +3 -9
- package/es/search/index.js +9 -15
- package/es/signature/bezier.js +13 -20
- package/es/signature/force-landscape.js +0 -5
- package/es/signature/index.js +5 -24
- package/es/signature/point.js +1 -6
- package/es/signature/throttle.js +1 -10
- package/es/skeleton/index.js +5 -15
- package/es/slider/index.js +19 -55
- package/es/step/index.js +5 -12
- package/es/stepper/index.js +11 -39
- package/es/steps/index.js +2 -4
- package/es/sticky/index.js +8 -50
- package/es/swipe/index.js +19 -62
- package/es/swipe-cell/index.js +7 -23
- package/es/swipe-item/index.js +10 -19
- package/es/switch/index.js +8 -10
- package/es/switch/shared.js +1 -0
- package/es/switch-cell/index.js +7 -7
- package/es/tab/index.js +4 -15
- package/es/tabbar/index.js +4 -14
- package/es/tabbar-item/index.js +7 -15
- package/es/table/index.js +5 -28
- package/es/table/type.js +3 -4
- package/es/tabs/Content.js +5 -9
- package/es/tabs/Title.js +11 -20
- package/es/tabs/index.js +16 -51
- package/es/tabs/utils.js +0 -8
- package/es/tag/index.js +13 -17
- package/es/text-ellipsis/index.js +25 -42
- package/es/timeline/index.js +2 -25
- package/es/toast/Toast.js +11 -23
- package/es/toast/index.js +6 -33
- package/es/toast/lock-click.js +0 -2
- package/es/uploader/index.js +11 -62
- package/es/uploader/utils.js +0 -10
- package/es/utils/constant.js +2 -1
- package/es/utils/create/bem.js +1 -5
- package/es/utils/create/component.js +4 -8
- package/es/utils/create/i18n.js +0 -2
- package/es/utils/deep-assign.js +0 -4
- package/es/utils/deep-clone.js +0 -3
- package/es/utils/dom/event.js +2 -5
- package/es/utils/dom/node.js +0 -1
- package/es/utils/dom/raf.js +7 -6
- package/es/utils/dom/reset-scroll.js +2 -1
- package/es/utils/dom/scroll.js +8 -17
- package/es/utils/dom/style.js +3 -2
- package/es/utils/easings.js +2 -4
- package/es/utils/format/date-util.js +54 -122
- package/es/utils/format/number.js +2 -11
- package/es/utils/format/string.js +0 -3
- package/es/utils/format/unit.js +2 -12
- package/es/utils/functional.js +6 -9
- package/es/utils/getScroll.js +0 -5
- package/es/utils/index.js +3 -5
- package/es/utils/interceptor.js +2 -4
- package/es/utils/media/image-util.js +7 -19
- package/es/utils/raf.js +4 -12
- package/es/utils/router.js +7 -6
- package/es/utils/scrollTo.js +10 -15
- package/es/utils/validate/number.js +2 -2
- package/es/utils/vnodes.js +2 -8
- package/lib/action-sheet/index.js +12 -37
- package/lib/area/index.js +7 -48
- package/lib/avatar/index.js +5 -21
- package/lib/back-top/index.js +6 -28
- package/lib/badge/index.js +6 -18
- package/lib/button/index.js +20 -52
- package/lib/calendar/FastForwardImg.js +2 -3
- package/lib/calendar/SlowForwardImg.js +2 -3
- package/lib/calendar/components/Header.js +5 -21
- package/lib/calendar/components/Month.js +14 -74
- package/lib/calendar/index.js +23 -109
- package/lib/calendar/types.js +11 -22
- package/lib/calendar/utils.js +18 -46
- package/lib/cascader/index.js +6 -49
- package/lib/cell/index.js +19 -50
- package/lib/cell/shared.js +2 -3
- package/lib/cell-group/index.js +6 -17
- package/lib/checkbox/index.js +6 -17
- package/lib/checkbox-group/index.js +6 -16
- package/lib/col/index.js +8 -17
- package/lib/collapse/index.js +4 -11
- package/lib/collapse-item/index.js +20 -46
- package/lib/count-down/index.js +4 -22
- package/lib/count-down/utils.js +5 -17
- package/lib/datetime-picker/DatePicker.js +14 -84
- package/lib/datetime-picker/TimePicker.js +12 -33
- package/lib/datetime-picker/index.js +7 -41
- package/lib/datetime-picker/shared.js +9 -35
- package/lib/datetime-picker/utils.js +2 -11
- package/lib/dialog/Dialog.js +8 -31
- package/lib/dialog/index.js +1 -24
- package/lib/divider/index.js +6 -14
- package/lib/dropdown-item/index.js +14 -52
- package/lib/dropdown-menu/index.js +6 -18
- package/lib/empty/context.js +2 -3
- package/lib/empty/images/Developing.js +2 -9
- package/lib/empty/images/EmptyInterface.js +2 -9
- package/lib/empty/images/EmptyResult.js +2 -9
- package/lib/empty/images/FindNull.js +2 -9
- package/lib/empty/images/NetworkError.js +2 -9
- package/lib/empty/images/NotFound.js +2 -9
- package/lib/empty/images/ReportSuccess.js +2 -9
- package/lib/empty/images/Restricted.js +2 -9
- package/lib/empty/images/ServerError.js +2 -9
- package/lib/empty/index.js +5 -26
- package/lib/field/ClearIcon.js +2 -3
- package/lib/field/SearchIcon.js +2 -3
- package/lib/field/index.js +22 -99
- package/lib/fold-dialog/index.js +7 -25
- package/lib/form/index.js +4 -24
- package/lib/grid/index.js +4 -13
- package/lib/grid-item/index.js +19 -40
- package/lib/hierarchy-select/breadcrumb.js +5 -13
- package/lib/hierarchy-select/index.js +16 -26
- package/lib/hierarchy-select/markList.js +12 -39
- package/lib/hierarchy-select/svg/SubIcon.js +2 -4
- package/lib/icon/index.js +9 -21
- package/lib/image/index.js +4 -25
- package/lib/image-preview/ImagePreview.js +2 -19
- package/lib/image-preview/ImagePreviewItem.js +15 -39
- package/lib/image-preview/index.js +1 -18
- package/lib/image-preview/shared.js +3 -8
- package/lib/index-anchor/index.js +4 -14
- package/lib/index-bar/IndexIndicate.js +2 -4
- package/lib/index-bar/index.js +9 -40
- package/lib/index.js +5 -164
- package/lib/info/index.js +7 -16
- package/lib/lazyload/index.js +1 -5
- package/lib/list/index.js +12 -36
- package/lib/loading/index.js +8 -23
- package/lib/locale/index.js +2 -10
- package/lib/locale/lang/de-DE-formal.js +2 -3
- package/lib/locale/lang/de-DE.js +2 -3
- package/lib/locale/lang/en-US.js +2 -3
- package/lib/locale/lang/es-ES.js +2 -3
- package/lib/locale/lang/fr-FR.js +2 -3
- package/lib/locale/lang/ja-JP.js +2 -3
- package/lib/locale/lang/nb-NO.js +2 -3
- package/lib/locale/lang/ro-RO.js +2 -3
- package/lib/locale/lang/th-TH.js +2 -3
- package/lib/locale/lang/tr-TR.js +2 -3
- package/lib/locale/lang/zh-CN.js +2 -3
- package/lib/locale/lang/zh-HK.js +2 -3
- package/lib/locale/lang/zh-TW.js +2 -3
- package/lib/media-picker/image/DefaultAudioIcon.js +2 -3
- package/lib/media-picker/image/DefaultDocIcon.js +2 -3
- package/lib/media-picker/image/DefaultExcelIcon.js +2 -3
- package/lib/media-picker/image/DefaultFileIcon.js +2 -3
- package/lib/media-picker/image/DefaultPdfIcon.js +2 -3
- package/lib/media-picker/image/DefaultPptIcon.js +2 -3
- package/lib/media-picker/image/DefaultTextIcon.js +2 -3
- package/lib/media-picker/image/DefaultVideoIcon.js +2 -3
- package/lib/media-picker/image/DeleteIcon.js +2 -3
- package/lib/media-picker/image/Img64.js +4 -7
- package/lib/media-picker/image/PickFileIcon.js +2 -3
- package/lib/media-picker/image/PickPhotoIcon.js +2 -3
- package/lib/media-picker/image/ReUpload.js +2 -3
- package/lib/media-picker/image/TakeAudioIcon.js +2 -3
- package/lib/media-picker/image/TakePhotoIcon.js +2 -3
- package/lib/media-picker/image/TakeVideoIcon.js +2 -3
- package/lib/media-picker/index.js +32 -164
- package/lib/media-picker/media-util.js +9 -22
- package/lib/media-picker/type.js +10 -18
- package/lib/media-picker/wx-util.js +4 -15
- package/lib/media-player/index.js +8 -27
- package/lib/mixins/bind-event.js +1 -6
- package/lib/mixins/checkbox.js +8 -21
- package/lib/mixins/click-outside.js +3 -8
- package/lib/mixins/close-on-popstate.js +2 -7
- package/lib/mixins/field.js +2 -5
- package/lib/mixins/popup/context.js +2 -3
- package/lib/mixins/popup/index.js +12 -38
- package/lib/mixins/popup/overlay.js +3 -25
- package/lib/mixins/portal.js +2 -9
- package/lib/mixins/relation.js +0 -11
- package/lib/mixins/slots.js +3 -8
- package/lib/mixins/touch.js +6 -14
- package/lib/multiple-picker/MultiplePickerOptions.js +4 -26
- package/lib/multiple-picker/index.js +7 -29
- package/lib/multiple-picker/shared.js +3 -5
- package/lib/nav-bar/index.js +6 -19
- package/lib/notice-bar/CloseIcon.js +2 -3
- package/lib/notice-bar/MenuIcon.js +2 -3
- package/lib/notice-bar/NoticeIcon.js +2 -3
- package/lib/notice-bar/OpenIcon.js +2 -3
- package/lib/notice-bar/TipIcon.js +2 -3
- package/lib/notice-bar/WarningIcon.js +2 -3
- package/lib/notice-bar/index.js +12 -43
- package/lib/number-keyboard/CollapseIcon.js +2 -3
- package/lib/number-keyboard/DeleteIcon.js +2 -3
- package/lib/number-keyboard/Key.js +4 -20
- package/lib/number-keyboard/index.js +6 -29
- package/lib/overlay/index.js +6 -18
- package/lib/password-input/index.js +11 -25
- package/lib/picker/PickerColumn.js +24 -71
- package/lib/picker/index.js +14 -59
- package/lib/picker/shared.js +3 -5
- package/lib/popover/index.js +65 -104
- package/lib/popup/index.js +7 -30
- package/lib/pull-refresh/index.js +11 -38
- package/lib/radio/index.js +4 -10
- package/lib/radio-group/index.js +4 -11
- package/lib/rate/index.js +13 -34
- package/lib/row/index.js +5 -15
- package/lib/search/index.js +8 -23
- package/lib/signature/bezier.js +14 -25
- package/lib/signature/force-landscape.js +5 -19
- package/lib/signature/index.js +8 -34
- package/lib/signature/point.js +2 -11
- package/lib/signature/throttle.js +1 -11
- package/lib/skeleton/index.js +6 -23
- package/lib/slider/index.js +21 -66
- package/lib/step/index.js +7 -21
- package/lib/stepper/index.js +12 -49
- package/lib/steps/index.js +4 -10
- package/lib/sticky/index.js +10 -62
- package/lib/swipe/index.js +21 -73
- package/lib/swipe-cell/index.js +9 -32
- package/lib/swipe-item/index.js +12 -27
- package/lib/switch/index.js +9 -17
- package/lib/switch/shared.js +3 -4
- package/lib/switch-cell/index.js +7 -18
- package/lib/tab/index.js +6 -24
- package/lib/tabbar/index.js +6 -22
- package/lib/tabbar-item/index.js +7 -24
- package/lib/table/index.js +7 -38
- package/lib/table/type.js +3 -5
- package/lib/tabs/Content.js +7 -18
- package/lib/tabs/Title.js +13 -27
- package/lib/tabs/index.js +17 -68
- package/lib/tabs/utils.js +0 -13
- package/lib/tag/index.js +13 -25
- package/lib/text-ellipsis/index.js +27 -49
- package/lib/timeline/index.js +4 -35
- package/lib/timeline/svg/current.js +2 -3
- package/lib/timeline/svg/pass.js +2 -3
- package/lib/toast/Toast.js +12 -33
- package/lib/toast/index.js +7 -40
- package/lib/toast/lock-click.js +0 -3
- package/lib/toast/svg/SuccessIcon.js +2 -3
- package/lib/toast/svg/WarnIcon.js +2 -3
- package/lib/uploader/index.js +12 -75
- package/lib/uploader/utils.js +4 -21
- package/lib/utils/constant.js +12 -21
- package/lib/utils/create/bem.js +1 -6
- package/lib/utils/create/component.js +6 -17
- package/lib/utils/create/i18n.js +0 -8
- package/lib/utils/create/index.js +0 -4
- package/lib/utils/deep-assign.js +0 -6
- package/lib/utils/deep-clone.js +0 -5
- package/lib/utils/device.js +1 -3
- package/lib/utils/dom/event.js +5 -14
- package/lib/utils/dom/node.js +0 -2
- package/lib/utils/dom/raf.js +9 -13
- package/lib/utils/dom/reset-scroll.js +2 -4
- package/lib/utils/dom/scroll.js +16 -37
- package/lib/utils/dom/style.js +3 -3
- package/lib/utils/easings.js +2 -5
- package/lib/utils/format/date-util.js +88 -203
- package/lib/utils/format/number.js +4 -15
- package/lib/utils/format/string.js +0 -5
- package/lib/utils/format/unit.js +2 -16
- package/lib/utils/functional.js +7 -15
- package/lib/utils/getScroll.js +1 -8
- package/lib/utils/index.js +10 -26
- package/lib/utils/interceptor.js +2 -6
- package/lib/utils/media/image-util.js +10 -28
- package/lib/utils/raf.js +4 -13
- package/lib/utils/router.js +10 -13
- package/lib/utils/scrollTo.js +12 -24
- package/lib/utils/validate/date.js +0 -2
- package/lib/utils/validate/email.js +0 -1
- package/lib/utils/validate/mobile.js +0 -1
- package/lib/utils/validate/number.js +3 -5
- package/lib/utils/validate/system.js +0 -3
- package/lib/utils/vnodes.js +2 -9
- package/lib/zart.js +2324 -4741
- package/lib/zart.min.js +7 -1
- package/package.json +1 -1
package/lib/image/index.js
CHANGED
|
@@ -1,21 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = void 0;
|
|
7
|
-
|
|
8
6
|
var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
|
|
9
|
-
|
|
10
7
|
var _utils = require("../utils");
|
|
11
|
-
|
|
12
8
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
13
|
-
|
|
14
9
|
var _createNamespace = (0, _utils.createNamespace)('image'),
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var _default = createComponent({
|
|
10
|
+
createComponent = _createNamespace[0],
|
|
11
|
+
bem = _createNamespace[1];
|
|
12
|
+
var _default = exports.default = createComponent({
|
|
19
13
|
props: {
|
|
20
14
|
src: String,
|
|
21
15
|
fit: String,
|
|
@@ -58,26 +52,21 @@ var _default = createComponent({
|
|
|
58
52
|
computed: {
|
|
59
53
|
style: function style() {
|
|
60
54
|
var style = {};
|
|
61
|
-
|
|
62
55
|
if ((0, _utils.isDef)(this.width)) {
|
|
63
56
|
style.width = (0, _utils.addUnit)(this.width);
|
|
64
57
|
}
|
|
65
|
-
|
|
66
58
|
if ((0, _utils.isDef)(this.height)) {
|
|
67
59
|
style.height = (0, _utils.addUnit)(this.height);
|
|
68
60
|
}
|
|
69
|
-
|
|
70
61
|
if ((0, _utils.isDef)(this.radius)) {
|
|
71
62
|
style.overflow = 'hidden';
|
|
72
63
|
style.borderRadius = (0, _utils.addUnit)(this.radius);
|
|
73
64
|
}
|
|
74
|
-
|
|
75
65
|
return style;
|
|
76
66
|
}
|
|
77
67
|
},
|
|
78
68
|
created: function created() {
|
|
79
69
|
var $Lazyload = this.$Lazyload;
|
|
80
|
-
|
|
81
70
|
if ($Lazyload && _utils.inBrowser) {
|
|
82
71
|
$Lazyload.$on('loaded', this.onLazyLoaded);
|
|
83
72
|
$Lazyload.$on('error', this.onLazyLoadError);
|
|
@@ -85,7 +74,6 @@ var _default = createComponent({
|
|
|
85
74
|
},
|
|
86
75
|
beforeDestroy: function beforeDestroy() {
|
|
87
76
|
var $Lazyload = this.$Lazyload;
|
|
88
|
-
|
|
89
77
|
if ($Lazyload) {
|
|
90
78
|
$Lazyload.$off('loaded', this.onLazyLoaded);
|
|
91
79
|
$Lazyload.$off('error', this.onLazyLoadError);
|
|
@@ -98,14 +86,12 @@ var _default = createComponent({
|
|
|
98
86
|
},
|
|
99
87
|
onLazyLoaded: function onLazyLoaded(_ref) {
|
|
100
88
|
var el = _ref.el;
|
|
101
|
-
|
|
102
89
|
if (el === this.$refs.image && this.loading) {
|
|
103
90
|
this.onLoad();
|
|
104
91
|
}
|
|
105
92
|
},
|
|
106
93
|
onLazyLoadError: function onLazyLoadError(_ref2) {
|
|
107
94
|
var el = _ref2.el;
|
|
108
|
-
|
|
109
95
|
if (el === this.$refs.image && !this.error) {
|
|
110
96
|
this.onError();
|
|
111
97
|
}
|
|
@@ -120,7 +106,6 @@ var _default = createComponent({
|
|
|
120
106
|
},
|
|
121
107
|
genPlaceholder: function genPlaceholder() {
|
|
122
108
|
var h = this.$createElement;
|
|
123
|
-
|
|
124
109
|
if (this.loading && this.showLoading) {
|
|
125
110
|
return h("div", {
|
|
126
111
|
"class": bem('loading')
|
|
@@ -132,7 +117,6 @@ var _default = createComponent({
|
|
|
132
117
|
"class": bem('loading-icon')
|
|
133
118
|
})]);
|
|
134
119
|
}
|
|
135
|
-
|
|
136
120
|
if (this.error && this.showError) {
|
|
137
121
|
return h("div", {
|
|
138
122
|
"class": bem('error')
|
|
@@ -156,11 +140,9 @@ var _default = createComponent({
|
|
|
156
140
|
objectFit: this.fit
|
|
157
141
|
}
|
|
158
142
|
};
|
|
159
|
-
|
|
160
143
|
if (this.error) {
|
|
161
144
|
return;
|
|
162
145
|
}
|
|
163
|
-
|
|
164
146
|
if (this.lazyLoad) {
|
|
165
147
|
return h("img", (0, _babelHelperVueJsxMergeProps.default)([{
|
|
166
148
|
"ref": "image",
|
|
@@ -170,7 +152,6 @@ var _default = createComponent({
|
|
|
170
152
|
}]
|
|
171
153
|
}, imgData]));
|
|
172
154
|
}
|
|
173
|
-
|
|
174
155
|
return h("img", (0, _babelHelperVueJsxMergeProps.default)([{
|
|
175
156
|
"attrs": {
|
|
176
157
|
"src": this.src
|
|
@@ -194,6 +175,4 @@ var _default = createComponent({
|
|
|
194
175
|
}
|
|
195
176
|
}, [this.genImage(), this.genPlaceholder(), this.slots()]);
|
|
196
177
|
}
|
|
197
|
-
});
|
|
198
|
-
|
|
199
|
-
exports.default = _default;
|
|
178
|
+
});
|
|
@@ -1,28 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = void 0;
|
|
7
|
-
|
|
8
6
|
var _shared = require("./shared");
|
|
9
|
-
|
|
10
7
|
var _popup = require("../mixins/popup");
|
|
11
|
-
|
|
12
8
|
var _touch = require("../mixins/touch");
|
|
13
|
-
|
|
14
9
|
var _bindEvent = require("../mixins/bind-event");
|
|
15
|
-
|
|
16
10
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
17
|
-
|
|
18
11
|
var _swipe = _interopRequireDefault(require("../swipe"));
|
|
19
|
-
|
|
20
12
|
var _ImagePreviewItem = _interopRequireDefault(require("./ImagePreviewItem"));
|
|
21
|
-
|
|
22
13
|
// Utils
|
|
23
14
|
// Mixins
|
|
24
15
|
// Components
|
|
25
|
-
var _default2 = (0, _shared.createComponent)({
|
|
16
|
+
var _default2 = exports.default = (0, _shared.createComponent)({
|
|
26
17
|
mixins: [_touch.TouchMixin, (0, _popup.PopupMixin)({
|
|
27
18
|
skipToggleEvent: true
|
|
28
19
|
}), (0, _bindEvent.BindEventMixin)(function (bind) {
|
|
@@ -104,12 +95,10 @@ var _default2 = (0, _shared.createComponent)({
|
|
|
104
95
|
startPosition: 'setActive',
|
|
105
96
|
value: function value(val) {
|
|
106
97
|
var _this = this;
|
|
107
|
-
|
|
108
98
|
if (val) {
|
|
109
99
|
this.setActive(+this.startPosition);
|
|
110
100
|
this.$nextTick(function () {
|
|
111
101
|
_this.resize();
|
|
112
|
-
|
|
113
102
|
_this.$refs.swipe.swipeTo(+_this.startPosition, {
|
|
114
103
|
immediate: true
|
|
115
104
|
});
|
|
@@ -143,7 +132,6 @@ var _default2 = (0, _shared.createComponent)({
|
|
|
143
132
|
},
|
|
144
133
|
genIndex: function genIndex() {
|
|
145
134
|
var h = this.$createElement;
|
|
146
|
-
|
|
147
135
|
if (this.showIndex) {
|
|
148
136
|
return h("div", {
|
|
149
137
|
"class": (0, _shared.bem)('index')
|
|
@@ -155,7 +143,6 @@ var _default2 = (0, _shared.createComponent)({
|
|
|
155
143
|
genCover: function genCover() {
|
|
156
144
|
var h = this.$createElement;
|
|
157
145
|
var cover = this.slots('cover');
|
|
158
|
-
|
|
159
146
|
if (cover) {
|
|
160
147
|
return h("div", {
|
|
161
148
|
"class": (0, _shared.bem)('cover')
|
|
@@ -164,7 +151,6 @@ var _default2 = (0, _shared.createComponent)({
|
|
|
164
151
|
},
|
|
165
152
|
genImages: function genImages() {
|
|
166
153
|
var _this2 = this;
|
|
167
|
-
|
|
168
154
|
var h = this.$createElement;
|
|
169
155
|
return h(_swipe.default, {
|
|
170
156
|
"ref": "swipe",
|
|
@@ -200,7 +186,6 @@ var _default2 = (0, _shared.createComponent)({
|
|
|
200
186
|
},
|
|
201
187
|
genClose: function genClose() {
|
|
202
188
|
var h = this.$createElement;
|
|
203
|
-
|
|
204
189
|
if (this.closeable) {
|
|
205
190
|
return h(_icon.default, {
|
|
206
191
|
"attrs": {
|
|
@@ -248,6 +233,4 @@ var _default2 = (0, _shared.createComponent)({
|
|
|
248
233
|
"class": [(0, _shared.bem)(), this.className]
|
|
249
234
|
}, [this.genClose(), this.genImages(), this.genIndex(), this.genCover(), this.genTitle()]) : null]);
|
|
250
235
|
}
|
|
251
|
-
});
|
|
252
|
-
|
|
253
|
-
exports.default = _default2;
|
|
236
|
+
});
|
|
@@ -1,32 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = void 0;
|
|
7
|
-
|
|
8
6
|
var _shared = require("./shared");
|
|
9
|
-
|
|
10
7
|
var _number = require("../utils/format/number");
|
|
11
|
-
|
|
12
8
|
var _event = require("../utils/dom/event");
|
|
13
|
-
|
|
14
9
|
var _touch = require("../mixins/touch");
|
|
15
|
-
|
|
16
10
|
var _image = _interopRequireDefault(require("../image"));
|
|
17
|
-
|
|
18
11
|
var _loading = _interopRequireDefault(require("../loading"));
|
|
19
|
-
|
|
20
12
|
var _swipeItem = _interopRequireDefault(require("../swipe-item"));
|
|
21
|
-
|
|
22
13
|
// Utils
|
|
14
|
+
|
|
23
15
|
// Mixins
|
|
16
|
+
|
|
24
17
|
// Component
|
|
18
|
+
|
|
25
19
|
function getDistance(touches) {
|
|
26
20
|
return Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
|
|
27
21
|
}
|
|
28
|
-
|
|
29
|
-
var _default = {
|
|
22
|
+
var _default = exports.default = {
|
|
30
23
|
mixins: [_touch.TouchMixin],
|
|
31
24
|
props: {
|
|
32
25
|
src: String,
|
|
@@ -52,7 +45,7 @@ var _default = {
|
|
|
52
45
|
computed: {
|
|
53
46
|
vertical: function vertical() {
|
|
54
47
|
var rootWidth = this.rootWidth,
|
|
55
|
-
|
|
48
|
+
rootHeight = this.rootHeight;
|
|
56
49
|
var rootRatio = rootHeight / rootWidth;
|
|
57
50
|
return this.imageRatio > rootRatio;
|
|
58
51
|
},
|
|
@@ -61,13 +54,11 @@ var _default = {
|
|
|
61
54
|
var style = {
|
|
62
55
|
transitionDuration: this.zooming || this.moving ? '0s' : '.3s'
|
|
63
56
|
};
|
|
64
|
-
|
|
65
57
|
if (scale !== 1) {
|
|
66
58
|
var offsetX = this.moveX / scale;
|
|
67
59
|
var offsetY = this.moveY / scale;
|
|
68
60
|
style.transform = "scale(" + scale + ", " + scale + ") translate(" + offsetX + "px, " + offsetY + "px)";
|
|
69
61
|
}
|
|
70
|
-
|
|
71
62
|
return style;
|
|
72
63
|
},
|
|
73
64
|
maxMoveX: function maxMoveX() {
|
|
@@ -75,7 +66,6 @@ var _default = {
|
|
|
75
66
|
var displayWidth = this.vertical ? this.rootHeight / this.imageRatio : this.rootWidth;
|
|
76
67
|
return Math.max(0, (this.scale * displayWidth - this.rootWidth) / 2);
|
|
77
68
|
}
|
|
78
|
-
|
|
79
69
|
return 0;
|
|
80
70
|
},
|
|
81
71
|
maxMoveY: function maxMoveY() {
|
|
@@ -83,7 +73,6 @@ var _default = {
|
|
|
83
73
|
var displayHeight = this.vertical ? this.rootHeight : this.rootWidth * this.imageRatio;
|
|
84
74
|
return Math.max(0, (this.scale * displayHeight - this.rootHeight) / 2);
|
|
85
75
|
}
|
|
86
|
-
|
|
87
76
|
return 0;
|
|
88
77
|
}
|
|
89
78
|
},
|
|
@@ -106,7 +95,6 @@ var _default = {
|
|
|
106
95
|
},
|
|
107
96
|
setScale: function setScale(scale) {
|
|
108
97
|
scale = (0, _number.range)(scale, +this.minZoom, +this.maxZoom);
|
|
109
|
-
|
|
110
98
|
if (scale !== this.scale) {
|
|
111
99
|
this.scale = scale;
|
|
112
100
|
this.$emit('scale', {
|
|
@@ -124,14 +112,13 @@ var _default = {
|
|
|
124
112
|
onTouchStart: function onTouchStart(event) {
|
|
125
113
|
var touches = event.touches;
|
|
126
114
|
var _this$offsetX = this.offsetX,
|
|
127
|
-
|
|
115
|
+
offsetX = _this$offsetX === void 0 ? 0 : _this$offsetX;
|
|
128
116
|
this.touchStart(event);
|
|
129
117
|
this.touchStartTime = new Date();
|
|
130
118
|
this.startMoveX = this.moveX;
|
|
131
119
|
this.startMoveY = this.moveY;
|
|
132
120
|
this.moving = touches.length === 1 && this.scale !== 1;
|
|
133
121
|
this.zooming = touches.length === 2 && !offsetX;
|
|
134
|
-
|
|
135
122
|
if (this.zooming) {
|
|
136
123
|
this.startScale = this.scale;
|
|
137
124
|
this.startDistance = getDistance(event.touches);
|
|
@@ -140,18 +127,15 @@ var _default = {
|
|
|
140
127
|
onTouchMove: function onTouchMove(event) {
|
|
141
128
|
var touches = event.touches;
|
|
142
129
|
this.touchMove(event);
|
|
143
|
-
|
|
144
130
|
if (this.moving || this.zooming) {
|
|
145
131
|
(0, _event.preventDefault)(event, true);
|
|
146
132
|
}
|
|
147
|
-
|
|
148
133
|
if (this.moving) {
|
|
149
134
|
var moveX = this.deltaX + this.startMoveX;
|
|
150
135
|
var moveY = this.deltaY + this.startMoveY;
|
|
151
136
|
this.moveX = (0, _number.range)(moveX, -this.maxMoveX, this.maxMoveX);
|
|
152
137
|
this.moveY = (0, _number.range)(moveY, -this.maxMoveY, this.maxMoveY);
|
|
153
138
|
}
|
|
154
|
-
|
|
155
139
|
if (this.zooming && touches.length === 2) {
|
|
156
140
|
var distance = getDistance(touches);
|
|
157
141
|
var scale = this.startScale * distance / this.startDistance;
|
|
@@ -160,49 +144,43 @@ var _default = {
|
|
|
160
144
|
},
|
|
161
145
|
onTouchEnd: function onTouchEnd(event) {
|
|
162
146
|
var stopPropagation = false;
|
|
163
|
-
/* istanbul ignore else */
|
|
164
147
|
|
|
148
|
+
/* istanbul ignore else */
|
|
165
149
|
if (this.moving || this.zooming) {
|
|
166
150
|
stopPropagation = true;
|
|
167
|
-
|
|
168
151
|
if (this.moving && this.startMoveX === this.moveX && this.startMoveY === this.moveY) {
|
|
169
152
|
stopPropagation = false;
|
|
170
153
|
}
|
|
171
|
-
|
|
172
154
|
if (!event.touches.length) {
|
|
173
155
|
if (this.zooming) {
|
|
174
156
|
this.moveX = (0, _number.range)(this.moveX, -this.maxMoveX, this.maxMoveX);
|
|
175
157
|
this.moveY = (0, _number.range)(this.moveY, -this.maxMoveY, this.maxMoveY);
|
|
176
158
|
this.zooming = false;
|
|
177
159
|
}
|
|
178
|
-
|
|
179
160
|
this.moving = false;
|
|
180
161
|
this.startMoveX = 0;
|
|
181
162
|
this.startMoveY = 0;
|
|
182
163
|
this.startScale = 1;
|
|
183
|
-
|
|
184
164
|
if (this.scale < 1) {
|
|
185
165
|
this.resetScale();
|
|
186
166
|
}
|
|
187
167
|
}
|
|
188
|
-
}
|
|
189
|
-
|
|
168
|
+
}
|
|
190
169
|
|
|
170
|
+
// eliminate tap delay on safari
|
|
191
171
|
(0, _event.preventDefault)(event, stopPropagation);
|
|
192
172
|
this.checkTap();
|
|
193
173
|
this.resetTouchStatus();
|
|
194
174
|
},
|
|
195
175
|
checkTap: function checkTap() {
|
|
196
176
|
var _this = this;
|
|
197
|
-
|
|
198
177
|
var _this$offsetX2 = this.offsetX,
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
178
|
+
offsetX = _this$offsetX2 === void 0 ? 0 : _this$offsetX2,
|
|
179
|
+
_this$offsetY = this.offsetY,
|
|
180
|
+
offsetY = _this$offsetY === void 0 ? 0 : _this$offsetY;
|
|
202
181
|
var deltaTime = new Date() - this.touchStartTime;
|
|
203
182
|
var TAP_TIME = 250;
|
|
204
183
|
var TAP_OFFSET = 10;
|
|
205
|
-
|
|
206
184
|
if (offsetX < TAP_OFFSET && offsetY < TAP_OFFSET && deltaTime < TAP_TIME) {
|
|
207
185
|
if (this.doubleTapTimer) {
|
|
208
186
|
clearTimeout(this.doubleTapTimer);
|
|
@@ -211,7 +189,6 @@ var _default = {
|
|
|
211
189
|
} else {
|
|
212
190
|
this.doubleTapTimer = setTimeout(function () {
|
|
213
191
|
_this.$emit('close');
|
|
214
|
-
|
|
215
192
|
_this.doubleTapTimer = null;
|
|
216
193
|
}, TAP_TIME);
|
|
217
194
|
}
|
|
@@ -219,8 +196,8 @@ var _default = {
|
|
|
219
196
|
},
|
|
220
197
|
onLoad: function onLoad(event) {
|
|
221
198
|
var _event$target = event.target,
|
|
222
|
-
|
|
223
|
-
|
|
199
|
+
naturalWidth = _event$target.naturalWidth,
|
|
200
|
+
naturalHeight = _event$target.naturalHeight;
|
|
224
201
|
this.imageRatio = naturalHeight / naturalWidth;
|
|
225
202
|
}
|
|
226
203
|
},
|
|
@@ -252,5 +229,4 @@ var _default = {
|
|
|
252
229
|
}
|
|
253
230
|
})]);
|
|
254
231
|
}
|
|
255
|
-
};
|
|
256
|
-
exports.default = _default;
|
|
232
|
+
};
|
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = void 0;
|
|
7
|
-
|
|
8
6
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
7
|
var _vue = _interopRequireDefault(require("vue"));
|
|
11
|
-
|
|
12
8
|
var _ImagePreview = _interopRequireDefault(require("./ImagePreview"));
|
|
13
|
-
|
|
14
9
|
var _utils = require("../utils");
|
|
15
|
-
|
|
16
10
|
var instance;
|
|
17
11
|
var defaultConfig = {
|
|
18
12
|
loop: true,
|
|
@@ -35,7 +29,6 @@ var defaultConfig = {
|
|
|
35
29
|
closeOnPopstate: true,
|
|
36
30
|
closeIconPosition: 'top-right'
|
|
37
31
|
};
|
|
38
|
-
|
|
39
32
|
var initInstance = function initInstance() {
|
|
40
33
|
instance = new (_vue.default.extend(_ImagePreview.default))({
|
|
41
34
|
el: document.createElement('div')
|
|
@@ -52,21 +45,17 @@ var initInstance = function initInstance() {
|
|
|
52
45
|
}
|
|
53
46
|
});
|
|
54
47
|
};
|
|
55
|
-
|
|
56
48
|
var ImagePreview = function ImagePreview(images, startPosition) {
|
|
57
49
|
if (startPosition === void 0) {
|
|
58
50
|
startPosition = 0;
|
|
59
51
|
}
|
|
60
|
-
|
|
61
52
|
/* istanbul ignore if */
|
|
62
53
|
if (_utils.isServer) {
|
|
63
54
|
return;
|
|
64
55
|
}
|
|
65
|
-
|
|
66
56
|
if (!instance) {
|
|
67
57
|
initInstance();
|
|
68
58
|
}
|
|
69
|
-
|
|
70
59
|
var options = Array.isArray(images) ? {
|
|
71
60
|
images: images,
|
|
72
61
|
startPosition: startPosition
|
|
@@ -78,20 +67,14 @@ var ImagePreview = function ImagePreview(images, startPosition) {
|
|
|
78
67
|
instance.$once('closed', function () {
|
|
79
68
|
instance.images = [];
|
|
80
69
|
});
|
|
81
|
-
|
|
82
70
|
if (options.onClose) {
|
|
83
71
|
instance.$off('close');
|
|
84
72
|
instance.$once('close', options.onClose);
|
|
85
73
|
}
|
|
86
|
-
|
|
87
74
|
return instance;
|
|
88
75
|
};
|
|
89
|
-
|
|
90
76
|
ImagePreview.Component = _ImagePreview.default;
|
|
91
|
-
|
|
92
77
|
ImagePreview.install = function () {
|
|
93
78
|
_vue.default.use(_ImagePreview.default);
|
|
94
79
|
};
|
|
95
|
-
|
|
96
|
-
var _default = ImagePreview;
|
|
97
|
-
exports.default = _default;
|
|
80
|
+
var _default = exports.default = ImagePreview;
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.
|
|
5
|
-
|
|
4
|
+
exports.createComponent = exports.bem = void 0;
|
|
6
5
|
var _utils = require("../utils");
|
|
7
|
-
|
|
8
6
|
var _createNamespace = (0, _utils.createNamespace)('image-preview'),
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
exports.bem = bem;
|
|
13
|
-
exports.createComponent = createComponent;
|
|
7
|
+
createComponent = exports.createComponent = _createNamespace[0],
|
|
8
|
+
bem = exports.bem = _createNamespace[1];
|
|
@@ -2,20 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = void 0;
|
|
5
|
-
|
|
6
5
|
var _utils = require("../utils");
|
|
7
|
-
|
|
8
6
|
var _relation = require("../mixins/relation");
|
|
9
|
-
|
|
10
7
|
var _constant = require("../utils/constant");
|
|
11
|
-
|
|
12
8
|
var _scroll = require("../utils/dom/scroll");
|
|
13
|
-
|
|
14
9
|
var _createNamespace = (0, _utils.createNamespace)('index-anchor'),
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var _default = createComponent({
|
|
10
|
+
createComponent = _createNamespace[0],
|
|
11
|
+
bem = _createNamespace[1];
|
|
12
|
+
var _default = exports.default = createComponent({
|
|
19
13
|
mixins: [(0, _relation.ChildrenMixin)('ztIndexBar', {
|
|
20
14
|
indexKey: 'childrenIndex'
|
|
21
15
|
})],
|
|
@@ -62,13 +56,11 @@ var _default = createComponent({
|
|
|
62
56
|
var el = this.$el;
|
|
63
57
|
var elRect = el.getBoundingClientRect();
|
|
64
58
|
this.rect.height = elRect.height;
|
|
65
|
-
|
|
66
59
|
if (scroller === window || scroller === document.body) {
|
|
67
60
|
this.rect.top = elRect.top + (0, _scroll.getRootScrollTop)();
|
|
68
61
|
} else {
|
|
69
62
|
this.rect.top = elRect.top + (0, _scroll.getScrollTop)(scroller) - scrollerRect.top;
|
|
70
63
|
}
|
|
71
|
-
|
|
72
64
|
return this.rect;
|
|
73
65
|
}
|
|
74
66
|
},
|
|
@@ -88,6 +80,4 @@ var _default = createComponent({
|
|
|
88
80
|
"class": bem('anchor-icon')
|
|
89
81
|
}), this.slots('default') || this.index])]);
|
|
90
82
|
}
|
|
91
|
-
});
|
|
92
|
-
|
|
93
|
-
exports.default = _default;
|
|
83
|
+
});
|
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = void 0;
|
|
5
|
-
var _default = {
|
|
5
|
+
var _default = exports.default = {
|
|
6
6
|
render: function render() {
|
|
7
7
|
var _attrs;
|
|
8
|
-
|
|
9
8
|
var h = arguments[0];
|
|
10
9
|
return h("svg", {
|
|
11
10
|
"attrs": (_attrs = {
|
|
@@ -42,5 +41,4 @@ var _default = {
|
|
|
42
41
|
}
|
|
43
42
|
})])])])])])]);
|
|
44
43
|
}
|
|
45
|
-
};
|
|
46
|
-
exports.default = _default;
|
|
44
|
+
};
|