zartui 2.1.6 → 2.1.8
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 +4 -14
- package/es/hierarchy-select/markList.js +5 -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 +35 -128
- 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 +7 -25
- package/lib/hierarchy-select/markList.js +8 -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 +33 -172
- 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 +2325 -4752
- package/lib/zart.min.js +7 -1
- package/package.json +1 -1
package/es/swipe-item/index.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _readOnlyError from "@babel/runtime/helpers/esm/readOnlyError";
|
|
2
3
|
import { createNamespace } from '../utils';
|
|
3
4
|
import { ChildrenMixin } from '../mixins/relation';
|
|
4
|
-
|
|
5
5
|
var _createNamespace = createNamespace('swipe-item'),
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
createComponent = _createNamespace[0],
|
|
7
|
+
bem = _createNamespace[1];
|
|
9
8
|
export default createComponent({
|
|
10
9
|
mixins: [ChildrenMixin('vanSwipe')],
|
|
11
10
|
data: function data() {
|
|
@@ -17,7 +16,6 @@ export default createComponent({
|
|
|
17
16
|
},
|
|
18
17
|
mounted: function mounted() {
|
|
19
18
|
var _this = this;
|
|
20
|
-
|
|
21
19
|
this.$nextTick(function () {
|
|
22
20
|
_this.mounted = true;
|
|
23
21
|
});
|
|
@@ -26,44 +24,37 @@ export default createComponent({
|
|
|
26
24
|
style: function style() {
|
|
27
25
|
var style = {};
|
|
28
26
|
var _this$parent = this.parent,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
27
|
+
size = _this$parent.size,
|
|
28
|
+
vertical = _this$parent.vertical;
|
|
32
29
|
if (size) {
|
|
33
30
|
style[vertical ? 'height' : 'width'] = size + "px";
|
|
34
31
|
}
|
|
35
|
-
|
|
36
32
|
if (this.offset) {
|
|
37
33
|
style.transform = "translate" + (vertical ? 'Y' : 'X') + "(" + this.offset + "px)";
|
|
38
34
|
}
|
|
39
|
-
|
|
40
35
|
return style;
|
|
41
36
|
},
|
|
42
37
|
shouldRender: function shouldRender() {
|
|
43
38
|
var index = this.index,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
39
|
+
inited = this.inited,
|
|
40
|
+
parent = this.parent,
|
|
41
|
+
mounted = this.mounted;
|
|
48
42
|
if (!parent.lazyRender || inited) {
|
|
49
43
|
return true;
|
|
50
|
-
}
|
|
51
|
-
|
|
44
|
+
}
|
|
52
45
|
|
|
46
|
+
// wait for all item to mount, so we can get the exact count
|
|
53
47
|
if (!mounted) {
|
|
54
48
|
return false;
|
|
55
49
|
}
|
|
56
|
-
|
|
57
50
|
var active = parent.activeIndicator;
|
|
58
51
|
var maxActive = parent.count - 1;
|
|
59
52
|
var prevActive = active === 0 && parent.loop ? maxActive : active - 1;
|
|
60
53
|
var nextActive = active === maxActive && parent.loop ? 0 : active + 1;
|
|
61
54
|
var shouldRender = index === active || index === prevActive || index === nextActive;
|
|
62
|
-
|
|
63
55
|
if (shouldRender) {
|
|
64
56
|
this.inited = true;
|
|
65
57
|
}
|
|
66
|
-
|
|
67
58
|
return shouldRender;
|
|
68
59
|
}
|
|
69
60
|
},
|
package/es/switch/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
// Utils
|
|
2
2
|
import { createNamespace, addUnit } from '../utils';
|
|
3
|
-
import { switchProps } from './shared';
|
|
3
|
+
import { switchProps } from './shared';
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
// Mixins
|
|
6
|
+
import { FieldMixin } from '../mixins/field';
|
|
6
7
|
|
|
8
|
+
// Components
|
|
7
9
|
import Loading from '../loading';
|
|
8
|
-
|
|
9
10
|
var _createNamespace = createNamespace('switch'),
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
createComponent = _createNamespace[0],
|
|
12
|
+
bem = _createNamespace[1];
|
|
13
13
|
export default createComponent({
|
|
14
14
|
mixins: [FieldMixin],
|
|
15
15
|
props: switchProps,
|
|
@@ -27,7 +27,6 @@ export default createComponent({
|
|
|
27
27
|
methods: {
|
|
28
28
|
onClick: function onClick(event) {
|
|
29
29
|
this.$emit('click', event);
|
|
30
|
-
|
|
31
30
|
if (!this.disabled && !this.loading) {
|
|
32
31
|
var newValue = this.checked ? this.inactiveValue : this.activeValue;
|
|
33
32
|
this.$emit('input', newValue);
|
|
@@ -36,7 +35,6 @@ export default createComponent({
|
|
|
36
35
|
},
|
|
37
36
|
genLoading: function genLoading() {
|
|
38
37
|
var h = this.$createElement;
|
|
39
|
-
|
|
40
38
|
if (this.loading) {
|
|
41
39
|
var color = this.checked ? this.activeColor : this.inactiveColor;
|
|
42
40
|
return h(Loading, {
|
|
@@ -51,8 +49,8 @@ export default createComponent({
|
|
|
51
49
|
render: function render() {
|
|
52
50
|
var h = arguments[0];
|
|
53
51
|
var checked = this.checked,
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
loading = this.loading,
|
|
53
|
+
disabled = this.disabled;
|
|
56
54
|
return h("div", {
|
|
57
55
|
"class": bem({
|
|
58
56
|
on: checked,
|
package/es/switch/shared.js
CHANGED
package/es/switch-cell/index.js
CHANGED
|
@@ -2,21 +2,22 @@ import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
// Utils
|
|
4
4
|
import { createNamespace } from '../utils';
|
|
5
|
-
import { inherit } from '../utils/functional';
|
|
5
|
+
import { inherit } from '../utils/functional';
|
|
6
6
|
|
|
7
|
+
// Components
|
|
7
8
|
import Cell from '../cell';
|
|
8
9
|
import Switch from '../switch';
|
|
9
|
-
import { switchProps } from '../switch/shared';
|
|
10
|
+
import { switchProps } from '../switch/shared';
|
|
10
11
|
|
|
11
|
-
|
|
12
|
-
createComponent = _createNamespace[0],
|
|
13
|
-
bem = _createNamespace[1];
|
|
12
|
+
// Types
|
|
14
13
|
|
|
14
|
+
var _createNamespace = createNamespace('switch-cell'),
|
|
15
|
+
createComponent = _createNamespace[0],
|
|
16
|
+
bem = _createNamespace[1];
|
|
15
17
|
function SwitchCell(h, props, slots, ctx) {
|
|
16
18
|
if (process.env.NODE_ENV === 'development') {
|
|
17
19
|
console.warn('[Vant] "SwitchCell" component is deprecated, see: https://youzan.github.io/vant/#/switch-cell.');
|
|
18
20
|
}
|
|
19
|
-
|
|
20
21
|
return h(Cell, _mergeJSXProps([{
|
|
21
22
|
"attrs": {
|
|
22
23
|
"center": true,
|
|
@@ -30,7 +31,6 @@ function SwitchCell(h, props, slots, ctx) {
|
|
|
30
31
|
"on": _extends({}, ctx.listeners)
|
|
31
32
|
})]);
|
|
32
33
|
}
|
|
33
|
-
|
|
34
34
|
SwitchCell.props = _extends({}, switchProps, {
|
|
35
35
|
title: String,
|
|
36
36
|
cellSize: String,
|
package/es/tab/index.js
CHANGED
|
@@ -2,11 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import { createNamespace } from '../utils';
|
|
3
3
|
import { ChildrenMixin } from '../mixins/relation';
|
|
4
4
|
import { routeProps } from '../utils/router';
|
|
5
|
-
|
|
6
5
|
var _createNamespace = createNamespace('tab'),
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
createComponent = _createNamespace[0],
|
|
7
|
+
bem = _createNamespace[1];
|
|
10
8
|
export default createComponent({
|
|
11
9
|
mixins: [ChildrenMixin('ztTabs')],
|
|
12
10
|
props: _extends({}, routeProps, {
|
|
@@ -28,16 +26,13 @@ export default createComponent({
|
|
|
28
26
|
computed: {
|
|
29
27
|
computedName: function computedName() {
|
|
30
28
|
var _this$name;
|
|
31
|
-
|
|
32
29
|
return (_this$name = this.name) != null ? _this$name : this.index;
|
|
33
30
|
},
|
|
34
31
|
isActive: function isActive() {
|
|
35
32
|
var active = this.computedName === this.parent.currentName;
|
|
36
|
-
|
|
37
33
|
if (active) {
|
|
38
34
|
this.inited = true;
|
|
39
35
|
}
|
|
40
|
-
|
|
41
36
|
return active;
|
|
42
37
|
}
|
|
43
38
|
},
|
|
@@ -48,7 +43,6 @@ export default createComponent({
|
|
|
48
43
|
},
|
|
49
44
|
inited: function inited(val) {
|
|
50
45
|
var _this = this;
|
|
51
|
-
|
|
52
46
|
if (this.parent.lazyRender && val) {
|
|
53
47
|
this.$nextTick(function () {
|
|
54
48
|
_this.parent.$emit('rendered', _this.computedName, _this.title);
|
|
@@ -58,22 +52,18 @@ export default createComponent({
|
|
|
58
52
|
},
|
|
59
53
|
render: function render(h) {
|
|
60
54
|
var slots = this.slots,
|
|
61
|
-
|
|
62
|
-
|
|
55
|
+
parent = this.parent,
|
|
56
|
+
isActive = this.isActive;
|
|
63
57
|
var slotContent = slots();
|
|
64
|
-
|
|
65
58
|
if (process.env.NODE_ENV === 'development' && this.info) {
|
|
66
59
|
console.warn('[zart] Tab: "info" prop is deprecated, use "badge" prop instead.');
|
|
67
60
|
}
|
|
68
|
-
|
|
69
61
|
if (!slotContent && !parent.animated) {
|
|
70
62
|
return;
|
|
71
63
|
}
|
|
72
|
-
|
|
73
64
|
var show = parent.scrollspy || isActive;
|
|
74
65
|
var shouldRender = this.inited || parent.scrollspy || !parent.lazyRender;
|
|
75
66
|
var Content = shouldRender ? slotContent : h();
|
|
76
|
-
|
|
77
67
|
if (parent.animated) {
|
|
78
68
|
return h("div", {
|
|
79
69
|
"attrs": {
|
|
@@ -87,7 +77,6 @@ export default createComponent({
|
|
|
87
77
|
"class": bem('pane')
|
|
88
78
|
}, [Content])]);
|
|
89
79
|
}
|
|
90
|
-
|
|
91
80
|
return h("div", {
|
|
92
81
|
"directives": [{
|
|
93
82
|
name: "show",
|
package/es/tabbar/index.js
CHANGED
|
@@ -2,11 +2,9 @@ import { createNamespace } from '../utils';
|
|
|
2
2
|
import { BORDER_TOP_BOTTOM } from '../utils/constant';
|
|
3
3
|
import { callInterceptor } from '../utils/interceptor';
|
|
4
4
|
import { ParentMixin } from '../mixins/relation';
|
|
5
|
-
|
|
6
5
|
var _createNamespace = createNamespace('tabbar'),
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
createComponent = _createNamespace[0],
|
|
7
|
+
bem = _createNamespace[1];
|
|
10
8
|
export default createComponent({
|
|
11
9
|
mixins: [ParentMixin('ztTabbar')],
|
|
12
10
|
props: {
|
|
@@ -42,9 +40,8 @@ export default createComponent({
|
|
|
42
40
|
fit: function fit() {
|
|
43
41
|
if (this.safeAreaInsetBottom !== null) {
|
|
44
42
|
return this.safeAreaInsetBottom;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
}
|
|
44
|
+
// enable safe-area-inset-bottom by default when fixed
|
|
48
45
|
return this.fixed;
|
|
49
46
|
}
|
|
50
47
|
},
|
|
@@ -60,29 +57,24 @@ export default createComponent({
|
|
|
60
57
|
methods: {
|
|
61
58
|
setActiveItem: function setActiveItem() {
|
|
62
59
|
var _this = this;
|
|
63
|
-
|
|
64
60
|
this.children.forEach(function (item, index) {
|
|
65
61
|
item.nameMatched = (item.name || index) === _this.value;
|
|
66
62
|
});
|
|
67
63
|
},
|
|
68
64
|
triggerChange: function triggerChange(active, afterChange) {
|
|
69
65
|
var _this2 = this;
|
|
70
|
-
|
|
71
66
|
callInterceptor({
|
|
72
67
|
interceptor: this.beforeChange,
|
|
73
68
|
args: [active],
|
|
74
69
|
done: function done() {
|
|
75
70
|
_this2.$emit('input', active);
|
|
76
|
-
|
|
77
71
|
_this2.$emit('change', active);
|
|
78
|
-
|
|
79
72
|
afterChange();
|
|
80
73
|
}
|
|
81
74
|
});
|
|
82
75
|
},
|
|
83
76
|
genTabbar: function genTabbar() {
|
|
84
77
|
var _ref;
|
|
85
|
-
|
|
86
78
|
var h = this.$createElement;
|
|
87
79
|
return h("div", {
|
|
88
80
|
"ref": "tabbar",
|
|
@@ -98,7 +90,6 @@ export default createComponent({
|
|
|
98
90
|
},
|
|
99
91
|
render: function render() {
|
|
100
92
|
var h = arguments[0];
|
|
101
|
-
|
|
102
93
|
if (this.placeholder && this.fixed) {
|
|
103
94
|
return h("div", {
|
|
104
95
|
"class": bem('placeholder'),
|
|
@@ -107,7 +98,6 @@ export default createComponent({
|
|
|
107
98
|
}
|
|
108
99
|
}, [this.genTabbar()]);
|
|
109
100
|
}
|
|
110
|
-
|
|
111
101
|
return this.genTabbar();
|
|
112
102
|
}
|
|
113
103
|
});
|
package/es/tabbar-item/index.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import { createNamespace, isObject, isDef } from '../utils';
|
|
3
|
-
import { route, routeProps } from '../utils/router';
|
|
3
|
+
import { route, routeProps } from '../utils/router';
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
// Mixins
|
|
6
|
+
import { ChildrenMixin } from '../mixins/relation';
|
|
6
7
|
|
|
8
|
+
// Components
|
|
7
9
|
import Icon from '../icon';
|
|
8
10
|
import Info from '../info';
|
|
9
|
-
|
|
10
11
|
var _createNamespace = createNamespace('tabbar-item'),
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
createComponent = _createNamespace[0],
|
|
13
|
+
bem = _createNamespace[1];
|
|
14
14
|
export default createComponent({
|
|
15
15
|
mixins: [ChildrenMixin('ztTabbar')],
|
|
16
16
|
props: _extends({}, routeProps, {
|
|
@@ -30,8 +30,7 @@ export default createComponent({
|
|
|
30
30
|
computed: {
|
|
31
31
|
routeMatched: function routeMatched() {
|
|
32
32
|
var to = this.to,
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
$route = this.$route;
|
|
35
34
|
if (to && $route) {
|
|
36
35
|
var config = isObject(to) ? to : {
|
|
37
36
|
path: to
|
|
@@ -50,13 +49,11 @@ export default createComponent({
|
|
|
50
49
|
methods: {
|
|
51
50
|
onClick: function onClick(event) {
|
|
52
51
|
var _this = this;
|
|
53
|
-
|
|
54
52
|
if (!this.active) {
|
|
55
53
|
this.parent.triggerChange(this.name || this.index, function () {
|
|
56
54
|
route(_this.$router, _this);
|
|
57
55
|
});
|
|
58
56
|
}
|
|
59
|
-
|
|
60
57
|
this.$emit('click', event);
|
|
61
58
|
},
|
|
62
59
|
genIcon: function genIcon() {
|
|
@@ -64,11 +61,9 @@ export default createComponent({
|
|
|
64
61
|
var slot = this.slots('icon', {
|
|
65
62
|
active: this.active
|
|
66
63
|
});
|
|
67
|
-
|
|
68
64
|
if (slot) {
|
|
69
65
|
return slot;
|
|
70
66
|
}
|
|
71
|
-
|
|
72
67
|
if (this.icon) {
|
|
73
68
|
return h(Icon, {
|
|
74
69
|
"attrs": {
|
|
@@ -81,15 +76,12 @@ export default createComponent({
|
|
|
81
76
|
},
|
|
82
77
|
render: function render() {
|
|
83
78
|
var _this$badge;
|
|
84
|
-
|
|
85
79
|
var h = arguments[0];
|
|
86
80
|
var active = this.active;
|
|
87
81
|
var color = this.parent[active ? 'activeColor' : 'inactiveColor'];
|
|
88
|
-
|
|
89
82
|
if (process.env.NODE_ENV === 'development' && this.info) {
|
|
90
83
|
console.warn('[zart] TabbarItem: "info" prop is deprecated, use "badge" prop instead.');
|
|
91
84
|
}
|
|
92
|
-
|
|
93
85
|
return h("div", {
|
|
94
86
|
"class": bem({
|
|
95
87
|
active: active
|
package/es/table/index.js
CHANGED
|
@@ -3,11 +3,9 @@ import { createNamespace } from '../utils';
|
|
|
3
3
|
import Icon from '../icon/index';
|
|
4
4
|
import TextEllipsis from '../text-ellipsis/index';
|
|
5
5
|
import { SortOrderEnum } from './type';
|
|
6
|
-
|
|
7
6
|
var _createNamespace = createNamespace('table'),
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
createComponent = _createNamespace[0],
|
|
8
|
+
bem = _createNamespace[1];
|
|
11
9
|
var BODY_CELL_SLOTS_NAME = 'bodyCell';
|
|
12
10
|
export default createComponent({
|
|
13
11
|
props: {
|
|
@@ -50,30 +48,25 @@ export default createComponent({
|
|
|
50
48
|
},
|
|
51
49
|
formatColumns: function formatColumns() {
|
|
52
50
|
var _this = this;
|
|
53
|
-
|
|
54
51
|
var columns = [];
|
|
55
52
|
var left = 0;
|
|
56
53
|
this.headList.forEach(function (element, index) {
|
|
57
54
|
var column = {};
|
|
58
55
|
var preColumn = _this.headList[index - 1];
|
|
59
56
|
var nextColumn = _this.headList[index + 1];
|
|
60
|
-
|
|
61
57
|
if (element.sorter && element.defaultSortOrder) {
|
|
62
58
|
_this.sortOrder = element.defaultSortOrder || '';
|
|
63
59
|
_this.sortKey = element.key;
|
|
64
60
|
}
|
|
65
|
-
|
|
66
61
|
if (preColumn) {
|
|
67
62
|
left += Number(preColumn.width.split('px')[0]);
|
|
68
63
|
column.left = left + "px";
|
|
69
64
|
} else {
|
|
70
65
|
column.left = 0;
|
|
71
66
|
}
|
|
72
|
-
|
|
73
67
|
if (element.fixed && !nextColumn.fixed) {
|
|
74
68
|
column.lastFixLeft = true;
|
|
75
69
|
}
|
|
76
|
-
|
|
77
70
|
columns.push(_extends({}, element, column));
|
|
78
71
|
});
|
|
79
72
|
return columns;
|
|
@@ -82,7 +75,7 @@ export default createComponent({
|
|
|
82
75
|
methods: {
|
|
83
76
|
onScroll: function onScroll(_ref) {
|
|
84
77
|
var currentTarget = _ref.currentTarget,
|
|
85
|
-
|
|
78
|
+
scrollLeft = _ref.scrollLeft;
|
|
86
79
|
var mergedScrollLeft = typeof scrollLeft === 'number' ? scrollLeft : currentTarget.scrollLeft;
|
|
87
80
|
this.pingedLeft = mergedScrollLeft > 0;
|
|
88
81
|
},
|
|
@@ -90,11 +83,9 @@ export default createComponent({
|
|
|
90
83
|
if (!type) {
|
|
91
84
|
return SortOrderEnum.ASCEND;
|
|
92
85
|
}
|
|
93
|
-
|
|
94
86
|
if (type === SortOrderEnum.ASCEND) {
|
|
95
87
|
return SortOrderEnum.DESCEND;
|
|
96
88
|
}
|
|
97
|
-
|
|
98
89
|
return '';
|
|
99
90
|
},
|
|
100
91
|
onHeaderClick: function onHeaderClick(data) {
|
|
@@ -108,12 +99,9 @@ export default createComponent({
|
|
|
108
99
|
},
|
|
109
100
|
getHead: function getHead(colData) {
|
|
110
101
|
var _this2 = this;
|
|
111
|
-
|
|
112
102
|
var h = this.$createElement;
|
|
113
|
-
|
|
114
103
|
var _ref2 = this,
|
|
115
|
-
|
|
116
|
-
|
|
104
|
+
slots = _ref2.slots;
|
|
117
105
|
if ((colData == null ? void 0 : colData.colSpan) !== 0) {
|
|
118
106
|
return h("th", {
|
|
119
107
|
"class": bem({
|
|
@@ -164,14 +152,11 @@ export default createComponent({
|
|
|
164
152
|
onClick: function onClick() {},
|
|
165
153
|
getElement: function getElement(rowData, colData, rowIndex) {
|
|
166
154
|
var h = this.$createElement;
|
|
167
|
-
|
|
168
155
|
var _ref3 = this,
|
|
169
|
-
|
|
170
|
-
|
|
156
|
+
slots = _ref3.slots;
|
|
171
157
|
if (rowData[colData.key] && rowData[colData.key].id && slots("data" + rowData[colData.key].id)) {
|
|
172
158
|
return slots("data" + rowData[colData.key].id)[0];
|
|
173
159
|
}
|
|
174
|
-
|
|
175
160
|
var slotProps = {
|
|
176
161
|
column: colData,
|
|
177
162
|
record: rowData,
|
|
@@ -179,11 +164,9 @@ export default createComponent({
|
|
|
179
164
|
index: rowIndex
|
|
180
165
|
};
|
|
181
166
|
var bodyCellSlots = slots(BODY_CELL_SLOTS_NAME, slotProps);
|
|
182
|
-
|
|
183
167
|
if (bodyCellSlots && bodyCellSlots.length) {
|
|
184
168
|
return bodyCellSlots[0];
|
|
185
169
|
}
|
|
186
|
-
|
|
187
170
|
return colData.ellipsis ? h(TextEllipsis, {
|
|
188
171
|
"attrs": {
|
|
189
172
|
"content": rowData[colData.key],
|
|
@@ -193,19 +176,14 @@ export default createComponent({
|
|
|
193
176
|
},
|
|
194
177
|
getBody: function getBody(rowData, rowIndex) {
|
|
195
178
|
var _this3 = this;
|
|
196
|
-
|
|
197
179
|
var h = this.$createElement;
|
|
198
180
|
return h("tr", [this.formatColumns.map(function (colData) {
|
|
199
181
|
var _additionalCellProps, _additionalCellProps2, _additionalCellProps3, _additionalCellProps4, _additionalCellProps5, _additionalCellProps6;
|
|
200
|
-
|
|
201
182
|
var additionalCellProps;
|
|
202
|
-
|
|
203
183
|
if (colData.customCell) {
|
|
204
184
|
additionalCellProps = colData.customCell(rowData, rowIndex);
|
|
205
185
|
}
|
|
206
|
-
|
|
207
186
|
var style = _extends({}, colData.style);
|
|
208
|
-
|
|
209
187
|
style.left = colData.fixed ? colData.left : '';
|
|
210
188
|
return ((_additionalCellProps = additionalCellProps) == null ? void 0 : _additionalCellProps.rowSpan) !== 0 && ((_additionalCellProps2 = additionalCellProps) == null ? void 0 : _additionalCellProps2.colSpan) !== 0 && h("td", {
|
|
211
189
|
"on": {
|
|
@@ -228,7 +206,6 @@ export default createComponent({
|
|
|
228
206
|
},
|
|
229
207
|
render: function render(h) {
|
|
230
208
|
var _this4 = this;
|
|
231
|
-
|
|
232
209
|
return h("div", {
|
|
233
210
|
"class": bem({
|
|
234
211
|
fixed: this.fixed,
|
package/es/table/type.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
export var SortOrderEnum
|
|
2
|
-
|
|
3
|
-
(function (SortOrderEnum) {
|
|
1
|
+
export var SortOrderEnum = /*#__PURE__*/function (SortOrderEnum) {
|
|
4
2
|
SortOrderEnum["ASCEND"] = "ascend";
|
|
5
3
|
SortOrderEnum["DESCEND"] = "descend";
|
|
6
|
-
|
|
4
|
+
return SortOrderEnum;
|
|
5
|
+
}({});
|
package/es/tabs/Content.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import { createNamespace } from '../utils';
|
|
3
3
|
import { TouchMixin } from '../mixins/touch';
|
|
4
|
-
|
|
5
4
|
var _createNamespace = createNamespace('tabs'),
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
createComponent = _createNamespace[0],
|
|
6
|
+
bem = _createNamespace[1];
|
|
9
7
|
var MIN_SWIPE_DISTANCE = 50;
|
|
10
8
|
export default createComponent({
|
|
11
9
|
mixins: [TouchMixin],
|
|
@@ -40,10 +38,10 @@ export default createComponent({
|
|
|
40
38
|
// watch swipe touch end
|
|
41
39
|
onTouchEnd: function onTouchEnd() {
|
|
42
40
|
var direction = this.direction,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
/* istanbul ignore else */
|
|
41
|
+
deltaX = this.deltaX,
|
|
42
|
+
currentIndex = this.currentIndex;
|
|
46
43
|
|
|
44
|
+
/* istanbul ignore else */
|
|
47
45
|
if (direction === 'horizontal' && this.offsetX >= MIN_SWIPE_DISTANCE) {
|
|
48
46
|
/* istanbul ignore else */
|
|
49
47
|
if (deltaX > 0 && currentIndex !== 0) {
|
|
@@ -55,14 +53,12 @@ export default createComponent({
|
|
|
55
53
|
},
|
|
56
54
|
genChildren: function genChildren() {
|
|
57
55
|
var h = this.$createElement;
|
|
58
|
-
|
|
59
56
|
if (this.animated) {
|
|
60
57
|
return h("div", {
|
|
61
58
|
"class": bem('track'),
|
|
62
59
|
"style": this.style
|
|
63
60
|
}, [this.slots()]);
|
|
64
61
|
}
|
|
65
|
-
|
|
66
62
|
return this.slots();
|
|
67
63
|
}
|
|
68
64
|
},
|
package/es/tabs/Title.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { createNamespace, isDef } from '../utils';
|
|
2
2
|
import Info from '../info';
|
|
3
|
-
|
|
4
3
|
var _createNamespace = createNamespace('tab'),
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
createComponent = _createNamespace[0],
|
|
5
|
+
bem = _createNamespace[1];
|
|
8
6
|
export default createComponent({
|
|
9
7
|
props: {
|
|
10
8
|
dot: Boolean,
|
|
@@ -32,12 +30,12 @@ export default createComponent({
|
|
|
32
30
|
style: function style() {
|
|
33
31
|
var style = {};
|
|
34
32
|
var color = this.color,
|
|
35
|
-
|
|
36
|
-
var isCard = this.type === 'card';
|
|
33
|
+
isActive = this.isActive;
|
|
34
|
+
var isCard = this.type === 'card';
|
|
37
35
|
|
|
36
|
+
// card theme color
|
|
38
37
|
if (color && isCard) {
|
|
39
38
|
style.borderColor = color;
|
|
40
|
-
|
|
41
39
|
if (!this.disabled) {
|
|
42
40
|
if (isActive) {
|
|
43
41
|
style.backgroundColor = color;
|
|
@@ -46,27 +44,23 @@ export default createComponent({
|
|
|
46
44
|
}
|
|
47
45
|
}
|
|
48
46
|
}
|
|
49
|
-
|
|
50
47
|
var titleColor = isActive ? this.activeColor : this.inactiveColor;
|
|
51
|
-
|
|
52
48
|
if (titleColor) {
|
|
53
49
|
style.color = titleColor;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
|
|
50
|
+
}
|
|
51
|
+
// 可滚动的tabs,不对元素宽度进行限制
|
|
57
52
|
if (!this.scrollable) {
|
|
58
53
|
style.maxWidth = this.maxWidth;
|
|
59
54
|
} else {
|
|
60
55
|
// tab之间的padding距离
|
|
61
|
-
var OPTIONS_LABEL_PADDING = 24;
|
|
62
|
-
|
|
63
|
-
var LIMIT_WORDS_LEN = 7;
|
|
64
|
-
|
|
56
|
+
var OPTIONS_LABEL_PADDING = 24;
|
|
57
|
+
// 限制最大展示7个字
|
|
58
|
+
var LIMIT_WORDS_LEN = 7;
|
|
59
|
+
// 根据实际是否激活状态,设置其字体宽度
|
|
65
60
|
var FONT_SIZE = isActive ? 16 : 14;
|
|
66
61
|
var scrollAbleWidth = OPTIONS_LABEL_PADDING + LIMIT_WORDS_LEN * FONT_SIZE + 'px';
|
|
67
62
|
style.maxWidth = scrollAbleWidth;
|
|
68
63
|
}
|
|
69
|
-
|
|
70
64
|
return style;
|
|
71
65
|
}
|
|
72
66
|
},
|
|
@@ -81,7 +75,6 @@ export default createComponent({
|
|
|
81
75
|
ellipsis: true
|
|
82
76
|
})
|
|
83
77
|
}, [this.slots() || this.title]);
|
|
84
|
-
|
|
85
78
|
if (this.dot || isDef(this.info) && this.info !== '') {
|
|
86
79
|
return h("span", {
|
|
87
80
|
"class": bem('text-wrapper')
|
|
@@ -92,7 +85,6 @@ export default createComponent({
|
|
|
92
85
|
}
|
|
93
86
|
})]);
|
|
94
87
|
}
|
|
95
|
-
|
|
96
88
|
return Text;
|
|
97
89
|
},
|
|
98
90
|
mutation: function mutation() {
|
|
@@ -103,7 +95,6 @@ export default createComponent({
|
|
|
103
95
|
if (!this.$refs.dom) {
|
|
104
96
|
return;
|
|
105
97
|
}
|
|
106
|
-
|
|
107
98
|
this.mutationObserver = new MutationObserver(this.mutation);
|
|
108
99
|
this.mutationObserver.observe(this.$refs.dom, {
|
|
109
100
|
characterData: true,
|