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/cascader/index.js
CHANGED
|
@@ -5,12 +5,10 @@ import Icon from '../icon';
|
|
|
5
5
|
import Button from '../button';
|
|
6
6
|
import Divider from "../divider";
|
|
7
7
|
import Popup from '../popup';
|
|
8
|
-
|
|
9
8
|
var _createNamespace = createNamespace('cascader'),
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
createComponent = _createNamespace[0],
|
|
10
|
+
bem = _createNamespace[1],
|
|
11
|
+
t = _createNamespace[2];
|
|
14
12
|
export default createComponent({
|
|
15
13
|
props: {
|
|
16
14
|
title: String,
|
|
@@ -55,17 +53,14 @@ export default createComponent({
|
|
|
55
53
|
computed: {
|
|
56
54
|
textKey: function textKey() {
|
|
57
55
|
var _this$fieldNames;
|
|
58
|
-
|
|
59
56
|
return ((_this$fieldNames = this.fieldNames) == null ? void 0 : _this$fieldNames.text) || 'text';
|
|
60
57
|
},
|
|
61
58
|
valueKey: function valueKey() {
|
|
62
59
|
var _this$fieldNames2;
|
|
63
|
-
|
|
64
60
|
return ((_this$fieldNames2 = this.fieldNames) == null ? void 0 : _this$fieldNames2.value) || 'value';
|
|
65
61
|
},
|
|
66
62
|
childrenKey: function childrenKey() {
|
|
67
63
|
var _this$fieldNames3;
|
|
68
|
-
|
|
69
64
|
return ((_this$fieldNames3 = this.fieldNames) == null ? void 0 : _this$fieldNames3.children) || 'children';
|
|
70
65
|
}
|
|
71
66
|
},
|
|
@@ -76,19 +71,15 @@ export default createComponent({
|
|
|
76
71
|
},
|
|
77
72
|
value: function value(_value) {
|
|
78
73
|
var _this = this;
|
|
79
|
-
|
|
80
74
|
if (_value || _value === 0) {
|
|
81
75
|
var values = this.tabs.map(function (tab) {
|
|
82
76
|
var _tab$selectedOption;
|
|
83
|
-
|
|
84
77
|
return (_tab$selectedOption = tab.selectedOption) == null ? void 0 : _tab$selectedOption[_this.valueKey];
|
|
85
78
|
});
|
|
86
|
-
|
|
87
79
|
if (values.indexOf(_value) !== -1) {
|
|
88
80
|
return;
|
|
89
81
|
}
|
|
90
82
|
}
|
|
91
|
-
|
|
92
83
|
this.updateTabs();
|
|
93
84
|
}
|
|
94
85
|
},
|
|
@@ -104,14 +95,11 @@ export default createComponent({
|
|
|
104
95
|
getSelectedOptionsByValue: function getSelectedOptionsByValue(options, value) {
|
|
105
96
|
for (var i = 0; i < options.length; i++) {
|
|
106
97
|
var option = options[i];
|
|
107
|
-
|
|
108
98
|
if (option[this.valueKey] === value) {
|
|
109
99
|
return [option];
|
|
110
100
|
}
|
|
111
|
-
|
|
112
101
|
if (option[this.childrenKey]) {
|
|
113
102
|
var selectedOptions = this.getSelectedOptionsByValue(option[this.childrenKey], value);
|
|
114
|
-
|
|
115
103
|
if (selectedOptions) {
|
|
116
104
|
return [option].concat(selectedOptions);
|
|
117
105
|
}
|
|
@@ -120,10 +108,8 @@ export default createComponent({
|
|
|
120
108
|
},
|
|
121
109
|
updateTabs: function updateTabs() {
|
|
122
110
|
var _this2 = this;
|
|
123
|
-
|
|
124
111
|
if (this.value || this.value === 0) {
|
|
125
112
|
var selectedOptions = this.getSelectedOptionsByValue(this.options, this.value);
|
|
126
|
-
|
|
127
113
|
if (selectedOptions) {
|
|
128
114
|
var optionsCursor = this.options;
|
|
129
115
|
this.tabs = selectedOptions.map(function (option) {
|
|
@@ -134,28 +120,23 @@ export default createComponent({
|
|
|
134
120
|
var next = optionsCursor.filter(function (item) {
|
|
135
121
|
return item[_this2.valueKey] === option[_this2.valueKey];
|
|
136
122
|
});
|
|
137
|
-
|
|
138
123
|
if (next.length) {
|
|
139
124
|
optionsCursor = next[0][_this2.childrenKey];
|
|
140
125
|
}
|
|
141
|
-
|
|
142
126
|
return tab;
|
|
143
127
|
});
|
|
144
|
-
|
|
145
128
|
if (optionsCursor) {
|
|
146
129
|
this.tabs.push({
|
|
147
130
|
options: optionsCursor,
|
|
148
131
|
selectedOption: null
|
|
149
132
|
});
|
|
150
133
|
}
|
|
151
|
-
|
|
152
134
|
this.$nextTick(function () {
|
|
153
135
|
_this2.activeTab = _this2.tabs.length - 1;
|
|
154
136
|
});
|
|
155
137
|
return;
|
|
156
138
|
}
|
|
157
139
|
}
|
|
158
|
-
|
|
159
140
|
this.tabs = [{
|
|
160
141
|
options: this.options,
|
|
161
142
|
selectedOption: null
|
|
@@ -163,32 +144,25 @@ export default createComponent({
|
|
|
163
144
|
},
|
|
164
145
|
onSelect: function onSelect(option, tabIndex) {
|
|
165
146
|
var _this3 = this;
|
|
166
|
-
|
|
167
147
|
this.tabs[tabIndex].selectedOption = option;
|
|
168
|
-
|
|
169
148
|
if (this.tabs.length > tabIndex + 1) {
|
|
170
149
|
this.tabs = this.tabs.slice(0, tabIndex + 1);
|
|
171
150
|
}
|
|
172
|
-
|
|
173
151
|
var hasChildren = option[this.childrenKey];
|
|
174
|
-
|
|
175
152
|
if (hasChildren) {
|
|
176
153
|
var nextTab = {
|
|
177
154
|
options: option[this.childrenKey],
|
|
178
155
|
selectedOption: null
|
|
179
156
|
};
|
|
180
|
-
|
|
181
157
|
if (this.tabs[tabIndex + 1]) {
|
|
182
158
|
this.$set(this.tabs, tabIndex + 1, nextTab);
|
|
183
159
|
} else {
|
|
184
160
|
this.tabs.push(nextTab);
|
|
185
161
|
}
|
|
186
|
-
|
|
187
162
|
this.$nextTick(function () {
|
|
188
163
|
_this3.activeTab++;
|
|
189
164
|
});
|
|
190
165
|
}
|
|
191
|
-
|
|
192
166
|
var selectedOptions = this.tabs.map(function (tab) {
|
|
193
167
|
return tab.selectedOption;
|
|
194
168
|
}).filter(function (item) {
|
|
@@ -201,7 +175,6 @@ export default createComponent({
|
|
|
201
175
|
};
|
|
202
176
|
this.$emit('update:value', option[this.valueKey]);
|
|
203
177
|
this.$emit('change', eventParams);
|
|
204
|
-
|
|
205
178
|
if (!hasChildren) {
|
|
206
179
|
this.$emit('finish', eventParams);
|
|
207
180
|
}
|
|
@@ -228,9 +201,7 @@ export default createComponent({
|
|
|
228
201
|
},
|
|
229
202
|
renderOptions: function renderOptions(options, selectedOption, tabIndex) {
|
|
230
203
|
var _this4 = this;
|
|
231
|
-
|
|
232
204
|
var h = this.$createElement;
|
|
233
|
-
|
|
234
205
|
var renderOption = function renderOption(option) {
|
|
235
206
|
var isSelected = selectedOption && option[_this4.valueKey] === selectedOption[_this4.valueKey];
|
|
236
207
|
var Text = _this4.slots('option', {
|
|
@@ -256,7 +227,6 @@ export default createComponent({
|
|
|
256
227
|
"class": bem('selected-icon')
|
|
257
228
|
}) : null]);
|
|
258
229
|
};
|
|
259
|
-
|
|
260
230
|
return h("ul", {
|
|
261
231
|
"class": bem('options')
|
|
262
232
|
}, [options.map(renderOption)]);
|
|
@@ -264,7 +234,7 @@ export default createComponent({
|
|
|
264
234
|
renderTab: function renderTab(item, tabIndex) {
|
|
265
235
|
var h = this.$createElement;
|
|
266
236
|
var options = item.options,
|
|
267
|
-
|
|
237
|
+
selectedOption = item.selectedOption;
|
|
268
238
|
var title = selectedOption ? selectedOption[this.textKey] : this.placeholder || t('select');
|
|
269
239
|
return h(Tab, {
|
|
270
240
|
"attrs": {
|
|
@@ -277,7 +247,6 @@ export default createComponent({
|
|
|
277
247
|
},
|
|
278
248
|
renderTabs: function renderTabs() {
|
|
279
249
|
var _this5 = this;
|
|
280
|
-
|
|
281
250
|
var h = this.$createElement;
|
|
282
251
|
return h(Tabs, {
|
|
283
252
|
"attrs": {
|
|
@@ -317,7 +286,6 @@ export default createComponent({
|
|
|
317
286
|
},
|
|
318
287
|
render: function render() {
|
|
319
288
|
var h = arguments[0];
|
|
320
|
-
|
|
321
289
|
if (this.poppable) {
|
|
322
290
|
return h(Popup, {
|
|
323
291
|
"attrs": {
|
|
@@ -332,7 +300,6 @@ export default createComponent({
|
|
|
332
300
|
}
|
|
333
301
|
}, [this.renderCascade()]);
|
|
334
302
|
}
|
|
335
|
-
|
|
336
303
|
return this.renderCascade();
|
|
337
304
|
}
|
|
338
305
|
});
|
package/es/cell/index.js
CHANGED
|
@@ -5,45 +5,42 @@ import { createNamespace, isDef } from '../utils';
|
|
|
5
5
|
import { emit, inherit } from '../utils/functional';
|
|
6
6
|
import { routeProps, functionalRoute } from '../utils/router';
|
|
7
7
|
import { cellProps } from './shared';
|
|
8
|
-
import { preventDefault } from '../utils/dom/event';
|
|
8
|
+
import { preventDefault } from '../utils/dom/event';
|
|
9
9
|
|
|
10
|
+
// Components
|
|
10
11
|
import Icon from '../icon';
|
|
11
|
-
import ClearIcon from "../field/ClearIcon";
|
|
12
|
+
import ClearIcon from "../field/ClearIcon";
|
|
12
13
|
|
|
13
|
-
|
|
14
|
-
createComponent = _createNamespace[0],
|
|
15
|
-
bem = _createNamespace[1];
|
|
14
|
+
// Types
|
|
16
15
|
|
|
16
|
+
var _createNamespace = createNamespace('cell'),
|
|
17
|
+
createComponent = _createNamespace[0],
|
|
18
|
+
bem = _createNamespace[1];
|
|
17
19
|
function Cell(h, props, slots, ctx) {
|
|
18
20
|
var _props$clickable;
|
|
19
|
-
|
|
20
21
|
var icon = props.icon,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
22
|
+
size = props.size,
|
|
23
|
+
title = props.title,
|
|
24
|
+
label = props.label,
|
|
25
|
+
value = props.value,
|
|
26
|
+
isLink = props.isLink,
|
|
27
|
+
placeholder = props.placeholder,
|
|
28
|
+
direction = props.direction,
|
|
29
|
+
subtitle = props.subtitle;
|
|
29
30
|
var showTitle = slots.title || isDef(title) || icon || slots.icon;
|
|
30
31
|
var clickable = (_props$clickable = props.clickable) != null ? _props$clickable : isLink;
|
|
31
|
-
|
|
32
32
|
function Label() {
|
|
33
33
|
var showLabel = slots.label || isDef(label);
|
|
34
|
-
|
|
35
34
|
if (showLabel && direction !== "column") {
|
|
36
35
|
return h("div", {
|
|
37
36
|
"class": [bem('label'), props.labelClass]
|
|
38
37
|
}, [slots.label ? slots.label() : label]);
|
|
39
38
|
}
|
|
40
39
|
}
|
|
41
|
-
|
|
42
40
|
function LeftIcon() {
|
|
43
41
|
if (slots.icon) {
|
|
44
42
|
return slots.icon();
|
|
45
43
|
}
|
|
46
|
-
|
|
47
44
|
if (icon) {
|
|
48
45
|
return h(Icon, {
|
|
49
46
|
"class": bem('left-icon'),
|
|
@@ -53,9 +50,9 @@ function Cell(h, props, slots, ctx) {
|
|
|
53
50
|
}
|
|
54
51
|
});
|
|
55
52
|
}
|
|
56
|
-
}
|
|
57
|
-
|
|
53
|
+
}
|
|
58
54
|
|
|
55
|
+
// 渲染副标题
|
|
59
56
|
function renderSubTitle() {
|
|
60
57
|
if (direction === "column") {
|
|
61
58
|
if (slots != null && slots.subtitle) {
|
|
@@ -63,7 +60,6 @@ function Cell(h, props, slots, ctx) {
|
|
|
63
60
|
"class": bem('title-subtitle')
|
|
64
61
|
}, [slots == null ? void 0 : slots.subtitle()]);
|
|
65
62
|
}
|
|
66
|
-
|
|
67
63
|
if (subtitle) {
|
|
68
64
|
return h("div", {
|
|
69
65
|
"class": bem('title-subtitle')
|
|
@@ -71,7 +67,6 @@ function Cell(h, props, slots, ctx) {
|
|
|
71
67
|
}
|
|
72
68
|
}
|
|
73
69
|
}
|
|
74
|
-
|
|
75
70
|
function Title() {
|
|
76
71
|
if (showTitle) {
|
|
77
72
|
return h("div", {
|
|
@@ -84,7 +79,6 @@ function Cell(h, props, slots, ctx) {
|
|
|
84
79
|
}, ["*"]) : "", renderSubTitle()]);
|
|
85
80
|
}
|
|
86
81
|
}
|
|
87
|
-
|
|
88
82
|
function PlaceholderSpan() {
|
|
89
83
|
if (placeholder !== "" && typeof placeholder !== "undefined") {
|
|
90
84
|
return h("span", {
|
|
@@ -94,14 +88,11 @@ function Cell(h, props, slots, ctx) {
|
|
|
94
88
|
return h();
|
|
95
89
|
}
|
|
96
90
|
}
|
|
97
|
-
|
|
98
91
|
function RightIcon() {
|
|
99
92
|
var rightIconSlot = slots['right-icon'];
|
|
100
|
-
|
|
101
93
|
if (rightIconSlot) {
|
|
102
94
|
return rightIconSlot();
|
|
103
95
|
}
|
|
104
|
-
|
|
105
96
|
if (isLink) {
|
|
106
97
|
var arrowDirection = props.arrowDirection;
|
|
107
98
|
return h(Icon, {
|
|
@@ -112,34 +103,30 @@ function Cell(h, props, slots, ctx) {
|
|
|
112
103
|
});
|
|
113
104
|
}
|
|
114
105
|
}
|
|
115
|
-
|
|
116
106
|
function onClear(event) {
|
|
117
107
|
preventDefault(event, true);
|
|
118
108
|
emit(ctx, 'clear', event);
|
|
119
109
|
}
|
|
120
|
-
|
|
121
110
|
function renderClearIcon() {
|
|
122
111
|
var clearIconWrapEvent = {
|
|
123
112
|
click: onClear
|
|
124
|
-
};
|
|
113
|
+
};
|
|
125
114
|
|
|
115
|
+
// 根据环境只监听一种事件,防止某些click模拟touch事件触发两次
|
|
126
116
|
if ('ontouchstart' in document.documentElement) {
|
|
127
117
|
clearIconWrapEvent = {
|
|
128
118
|
touchstart: onClear
|
|
129
119
|
};
|
|
130
120
|
}
|
|
131
|
-
|
|
132
121
|
return h("div", {
|
|
133
122
|
"class": bem('clear'),
|
|
134
123
|
"on": _extends({}, clearIconWrapEvent)
|
|
135
124
|
}, [h(ClearIcon)]);
|
|
136
125
|
}
|
|
137
|
-
|
|
138
126
|
function Value() {
|
|
139
127
|
var showValue = slots.default || isDef(value) || clickable || slots['right-icon'];
|
|
140
128
|
var hasValue = isDef(value) && value !== '';
|
|
141
129
|
var showClearIcon = hasValue && props.clearable;
|
|
142
|
-
|
|
143
130
|
if (showValue) {
|
|
144
131
|
return h("div", {
|
|
145
132
|
"class": [bem('value', {
|
|
@@ -154,23 +141,19 @@ function Cell(h, props, slots, ctx) {
|
|
|
154
141
|
return PlaceholderSpan();
|
|
155
142
|
}
|
|
156
143
|
}
|
|
157
|
-
|
|
158
144
|
function onClick(event) {
|
|
159
145
|
emit(ctx, 'click', event);
|
|
160
146
|
functionalRoute(ctx);
|
|
161
147
|
}
|
|
162
|
-
|
|
163
148
|
var classes = {
|
|
164
149
|
center: props.center,
|
|
165
150
|
// required: props.required,
|
|
166
151
|
borderless: !props.border,
|
|
167
152
|
noFlex: props.noFlex
|
|
168
153
|
};
|
|
169
|
-
|
|
170
154
|
if (size) {
|
|
171
155
|
classes[size] = size;
|
|
172
156
|
}
|
|
173
|
-
|
|
174
157
|
return h("div", _mergeJSXProps([{
|
|
175
158
|
"class": [bem(classes), direction === 'column' ? bem('direction-column') : bem('direction-row'), clickable && direction !== 'column' ? bem('clickable') : ''],
|
|
176
159
|
"attrs": {
|
|
@@ -182,6 +165,5 @@ function Cell(h, props, slots, ctx) {
|
|
|
182
165
|
}
|
|
183
166
|
}, inherit(ctx)]), [Title(), Value()]);
|
|
184
167
|
}
|
|
185
|
-
|
|
186
168
|
Cell.props = _extends({}, cellProps, routeProps);
|
|
187
169
|
export default createComponent(Cell);
|
package/es/cell-group/index.js
CHANGED
|
@@ -2,21 +2,20 @@ import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
|
|
|
2
2
|
// Utils
|
|
3
3
|
import { createNamespace } from '../utils';
|
|
4
4
|
import { inherit } from '../utils/functional';
|
|
5
|
-
import { BORDER_TOP_BOTTOM } from '../utils/constant';
|
|
5
|
+
import { BORDER_TOP_BOTTOM } from '../utils/constant';
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
createComponent = _createNamespace[0],
|
|
9
|
-
bem = _createNamespace[1];
|
|
7
|
+
// Types
|
|
10
8
|
|
|
9
|
+
var _createNamespace = createNamespace('cell-group'),
|
|
10
|
+
createComponent = _createNamespace[0],
|
|
11
|
+
bem = _createNamespace[1];
|
|
11
12
|
function CellGroup(h, props, slots, ctx) {
|
|
12
13
|
var _ref;
|
|
13
|
-
|
|
14
14
|
var Group = h("div", _mergeJSXProps([{
|
|
15
15
|
"class": [bem({
|
|
16
16
|
inset: props.inset
|
|
17
17
|
}), (_ref = {}, _ref[BORDER_TOP_BOTTOM] = props.border, _ref)]
|
|
18
18
|
}, inherit(ctx, true)]), [slots.default == null ? void 0 : slots.default()]);
|
|
19
|
-
|
|
20
19
|
if (props.title || slots.title) {
|
|
21
20
|
return h("div", {
|
|
22
21
|
"key": ctx.data.key
|
|
@@ -26,10 +25,8 @@ function CellGroup(h, props, slots, ctx) {
|
|
|
26
25
|
})
|
|
27
26
|
}, [slots.title ? slots.title() : props.title]), Group]);
|
|
28
27
|
}
|
|
29
|
-
|
|
30
28
|
return Group;
|
|
31
29
|
}
|
|
32
|
-
|
|
33
30
|
CellGroup.props = {
|
|
34
31
|
title: String,
|
|
35
32
|
inset: Boolean,
|
package/es/checkbox/index.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { createNamespace } from '../utils';
|
|
2
2
|
import { CheckboxMixin } from '../mixins/checkbox';
|
|
3
|
-
|
|
4
3
|
var _createNamespace = createNamespace('checkbox'),
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
createComponent = _createNamespace[0],
|
|
5
|
+
bem = _createNamespace[1];
|
|
8
6
|
export default createComponent({
|
|
9
7
|
mixins: [CheckboxMixin({
|
|
10
8
|
bem: bem,
|
|
@@ -17,7 +15,6 @@ export default createComponent({
|
|
|
17
15
|
if (this.parent) {
|
|
18
16
|
return this.parent.value && this.parent.value.indexOf(this.name) !== -1;
|
|
19
17
|
}
|
|
20
|
-
|
|
21
18
|
return this.value;
|
|
22
19
|
},
|
|
23
20
|
set: function set(val) {
|
|
@@ -38,11 +35,9 @@ export default createComponent({
|
|
|
38
35
|
// @exposed-api
|
|
39
36
|
toggle: function toggle(checked) {
|
|
40
37
|
var _this = this;
|
|
41
|
-
|
|
42
38
|
if (checked === void 0) {
|
|
43
39
|
checked = !this.checked;
|
|
44
40
|
}
|
|
45
|
-
|
|
46
41
|
// When toggle method is called multiple times at the same time,
|
|
47
42
|
// only the last call is valid.
|
|
48
43
|
// This is a hack for usage inside Cell.
|
|
@@ -54,22 +49,20 @@ export default createComponent({
|
|
|
54
49
|
setParentValue: function setParentValue(val) {
|
|
55
50
|
var parent = this.parent;
|
|
56
51
|
var value = parent.value.slice();
|
|
57
|
-
|
|
58
52
|
if (val) {
|
|
59
53
|
if (parent.max && value.length >= parent.max) {
|
|
60
54
|
return;
|
|
61
55
|
}
|
|
62
|
-
/* istanbul ignore else */
|
|
63
|
-
|
|
64
56
|
|
|
57
|
+
/* istanbul ignore else */
|
|
65
58
|
if (value.indexOf(this.name) === -1) {
|
|
66
59
|
value.push(this.name);
|
|
67
60
|
parent.$emit('input', value);
|
|
68
61
|
}
|
|
69
62
|
} else {
|
|
70
63
|
var index = value.indexOf(this.name);
|
|
71
|
-
/* istanbul ignore else */
|
|
72
64
|
|
|
65
|
+
/* istanbul ignore else */
|
|
73
66
|
if (index !== -1) {
|
|
74
67
|
value.splice(index, 1);
|
|
75
68
|
parent.$emit('input', value);
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { createNamespace } from '../utils';
|
|
2
2
|
import { FieldMixin } from '../mixins/field';
|
|
3
3
|
import { ParentMixin } from '../mixins/relation';
|
|
4
|
-
|
|
5
4
|
var _createNamespace = createNamespace('checkbox-group'),
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
createComponent = _createNamespace[0],
|
|
6
|
+
bem = _createNamespace[1];
|
|
9
7
|
export default createComponent({
|
|
10
8
|
mixins: [ParentMixin('vanCheckbox'), FieldMixin],
|
|
11
9
|
props: {
|
|
@@ -33,21 +31,18 @@ export default createComponent({
|
|
|
33
31
|
if (options === void 0) {
|
|
34
32
|
options = {};
|
|
35
33
|
}
|
|
36
|
-
|
|
37
34
|
if (typeof options === 'boolean') {
|
|
38
35
|
options = {
|
|
39
36
|
checked: options
|
|
40
37
|
};
|
|
41
38
|
}
|
|
42
|
-
|
|
43
39
|
var _options = options,
|
|
44
|
-
|
|
45
|
-
|
|
40
|
+
checked = _options.checked,
|
|
41
|
+
skipDisabled = _options.skipDisabled;
|
|
46
42
|
var children = this.children.filter(function (item) {
|
|
47
43
|
if (item.disabled && skipDisabled) {
|
|
48
44
|
return item.checked;
|
|
49
45
|
}
|
|
50
|
-
|
|
51
46
|
return checked != null ? checked : !item.checked;
|
|
52
47
|
});
|
|
53
48
|
var names = children.map(function (item) {
|
package/es/col/index.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { createNamespace } from '../utils';
|
|
2
2
|
import { ChildrenMixin } from '../mixins/relation';
|
|
3
|
-
|
|
4
3
|
var _createNamespace = createNamespace('col'),
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
createComponent = _createNamespace[0],
|
|
5
|
+
bem = _createNamespace[1];
|
|
8
6
|
export default createComponent({
|
|
9
7
|
mixins: [ChildrenMixin('ztRow')],
|
|
10
8
|
props: {
|
|
@@ -18,14 +16,12 @@ export default createComponent({
|
|
|
18
16
|
computed: {
|
|
19
17
|
style: function style() {
|
|
20
18
|
var index = this.index;
|
|
21
|
-
|
|
22
19
|
var _ref = this.parent || {},
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
spaces = _ref.spaces;
|
|
25
21
|
if (spaces && spaces[index]) {
|
|
26
22
|
var _spaces$index = spaces[index],
|
|
27
|
-
|
|
28
|
-
|
|
23
|
+
left = _spaces$index.left,
|
|
24
|
+
right = _spaces$index.right;
|
|
29
25
|
return {
|
|
30
26
|
paddingLeft: left ? left + "px" : null,
|
|
31
27
|
paddingRight: right ? right + "px" : null
|
|
@@ -40,10 +36,9 @@ export default createComponent({
|
|
|
40
36
|
},
|
|
41
37
|
render: function render() {
|
|
42
38
|
var _bem;
|
|
43
|
-
|
|
44
39
|
var h = arguments[0];
|
|
45
40
|
var span = this.span,
|
|
46
|
-
|
|
41
|
+
offset = this.offset;
|
|
47
42
|
return h(this.tag, {
|
|
48
43
|
"style": this.style,
|
|
49
44
|
"class": bem((_bem = {}, _bem[span] = span, _bem["offset-" + offset] = offset, _bem)),
|
package/es/collapse/index.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { createNamespace } from '../utils';
|
|
2
2
|
import { ParentMixin } from '../mixins/relation';
|
|
3
|
-
|
|
4
3
|
var _createNamespace = createNamespace('collapse'),
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
createComponent = _createNamespace[0],
|
|
5
|
+
bem = _createNamespace[1];
|
|
8
6
|
export default createComponent({
|
|
9
7
|
mixins: [ParentMixin('ztCollapse')],
|
|
10
8
|
props: {
|
|
@@ -18,7 +16,6 @@ export default createComponent({
|
|
|
18
16
|
return activeName !== name;
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
|
-
|
|
22
19
|
this.$emit('change', name);
|
|
23
20
|
this.$emit('input', name);
|
|
24
21
|
}
|