@nutui/nutui 4.1.3 → 4.1.4
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/CHANGELOG.md +17 -0
- package/dist/nutui.es.js +1 -1
- package/dist/nutui.js +2691 -2652
- package/dist/nutui.umd.js +1 -1
- package/dist/packages/_es/ActionSheet.js +4 -2
- package/dist/packages/_es/Noticebar.js +1 -1
- package/dist/packages/_es/Picker.js +93 -54
- package/dist/packages/formitem/index.scss +3 -1
- package/dist/smartips/web-types.json +11 -2
- package/dist/style.css +1 -1
- package/dist/styles/themes/default.scss +52 -52
- package/dist/styles/themes/jdb.scss +52 -52
- package/dist/styles/themes/jddkh.scss +52 -52
- package/dist/styles/themes/jdt.scss +52 -52
- package/dist/types/__VUE/picker/baseProps.d.ts +5 -1
- package/dist/types/__VUE/picker/common.d.ts +19 -7
- package/dist/types/__VUE/picker/doc.en.d.ts +4 -2
- package/dist/types/__VUE/picker/index.vue.d.ts +14 -3
- package/dist/types/__VUE/picker/types.d.ts +6 -0
- package/dist/types/__VUE/picker/usePicker.d.ts +7 -4
- package/package.json +1 -1
|
@@ -1,105 +1,105 @@
|
|
|
1
1
|
@import '../variables-jdt.scss';
|
|
2
2
|
@import '@nutui/icons-vue/dist/style_icon.css';
|
|
3
|
-
@import '../../packages/button/index.scss';
|
|
4
|
-
@import '../../packages/cellgroup/index.scss';
|
|
5
|
-
@import '../../packages/overlay/index.scss';
|
|
6
3
|
@import '../../packages/cell/index.scss';
|
|
7
|
-
@import '../../packages/
|
|
8
|
-
@import '../../packages/
|
|
4
|
+
@import '../../packages/overlay/index.scss';
|
|
5
|
+
@import '../../packages/cellgroup/index.scss';
|
|
9
6
|
@import '../../packages/configprovider/index.scss';
|
|
10
|
-
@import '../../packages/
|
|
11
|
-
@import '../../packages/sticky/index.scss';
|
|
12
|
-
@import '../../packages/row/index.scss';
|
|
7
|
+
@import '../../packages/button/index.scss';
|
|
13
8
|
@import '../../packages/col/index.scss';
|
|
9
|
+
@import '../../packages/sticky/index.scss';
|
|
10
|
+
@import '../../packages/layout/index.scss';
|
|
11
|
+
@import '../../packages/image/index.scss';
|
|
14
12
|
@import '../../packages/grid/index.scss';
|
|
13
|
+
@import '../../packages/row/index.scss';
|
|
15
14
|
@import '../../packages/divider/index.scss';
|
|
16
|
-
@import '../../packages/
|
|
17
|
-
@import '../../packages/fixednav/index.scss';
|
|
18
|
-
@import '../../packages/navbar/index.scss';
|
|
15
|
+
@import '../../packages/popup/index.scss';
|
|
19
16
|
@import '../../packages/menu/index.scss';
|
|
20
|
-
@import '../../packages/
|
|
17
|
+
@import '../../packages/navbar/index.scss';
|
|
21
18
|
@import '../../packages/tabbar/index.scss';
|
|
22
|
-
@import '../../packages/
|
|
19
|
+
@import '../../packages/griditem/index.scss';
|
|
20
|
+
@import '../../packages/menuitem/index.scss';
|
|
23
21
|
@import '../../packages/elevator/index.scss';
|
|
24
|
-
@import '../../packages/tabpane/index.scss';
|
|
25
22
|
@import '../../packages/pagination/index.scss';
|
|
23
|
+
@import '../../packages/tabpane/index.scss';
|
|
24
|
+
@import '../../packages/tabbaritem/index.scss';
|
|
25
|
+
@import '../../packages/fixednav/index.scss';
|
|
26
26
|
@import '../../packages/tabs/index.scss';
|
|
27
27
|
@import '../../packages/indicator/index.scss';
|
|
28
|
-
@import '../../packages/sidenavbaritem/index.scss';
|
|
29
|
-
@import '../../packages/range/index.scss';
|
|
30
28
|
@import '../../packages/sidenavbar/index.scss';
|
|
29
|
+
@import '../../packages/sidenavbaritem/index.scss';
|
|
31
30
|
@import '../../packages/subsidenavbar/index.scss';
|
|
32
|
-
@import '../../packages/cascader/index.scss';
|
|
33
31
|
@import '../../packages/searchbar/index.scss';
|
|
34
32
|
@import '../../packages/calendar/index.scss';
|
|
35
|
-
@import '../../packages/
|
|
33
|
+
@import '../../packages/range/index.scss';
|
|
34
|
+
@import '../../packages/cascader/index.scss';
|
|
36
35
|
@import '../../packages/checkboxgroup/index.scss';
|
|
37
|
-
@import '../../packages/
|
|
36
|
+
@import '../../packages/checkbox/index.scss';
|
|
38
37
|
@import '../../packages/inputnumber/index.scss';
|
|
39
|
-
@import '../../packages/
|
|
38
|
+
@import '../../packages/input/index.scss';
|
|
40
39
|
@import '../../packages/radio/index.scss';
|
|
41
40
|
@import '../../packages/calendaritem/index.scss';
|
|
42
|
-
@import '../../packages/rate/index.scss';
|
|
43
41
|
@import '../../packages/radiogroup/index.scss';
|
|
44
|
-
@import '../../packages/
|
|
45
|
-
@import '../../packages/
|
|
42
|
+
@import '../../packages/rate/index.scss';
|
|
43
|
+
@import '../../packages/datepicker/index.scss';
|
|
44
|
+
@import '../../packages/picker/index.scss';
|
|
46
45
|
@import '../../packages/textarea/index.scss';
|
|
47
|
-
@import '../../packages/
|
|
46
|
+
@import '../../packages/numberkeyboard/index.scss';
|
|
47
|
+
@import '../../packages/shortpassword/index.scss';
|
|
48
48
|
@import '../../packages/formitem/index.scss';
|
|
49
|
-
@import '../../packages/
|
|
50
|
-
@import '../../packages/form/index.scss';
|
|
49
|
+
@import '../../packages/uploader/index.scss';
|
|
51
50
|
@import '../../packages/swipegroup/index.scss';
|
|
52
|
-
@import '../../packages/actionsheet/index.scss';
|
|
53
51
|
@import '../../packages/backtop/index.scss';
|
|
54
52
|
@import '../../packages/drag/index.scss';
|
|
53
|
+
@import '../../packages/swipe/index.scss';
|
|
55
54
|
@import '../../packages/infiniteloading/index.scss';
|
|
56
|
-
@import '../../packages/
|
|
57
|
-
@import '../../packages/notify/index.scss';
|
|
55
|
+
@import '../../packages/form/index.scss';
|
|
58
56
|
@import '../../packages/dialog/index.scss';
|
|
57
|
+
@import '../../packages/actionsheet/index.scss';
|
|
58
|
+
@import '../../packages/pullrefresh/index.scss';
|
|
59
|
+
@import '../../packages/switch/index.scss';
|
|
60
|
+
@import '../../packages/audiooperate/index.scss';
|
|
59
61
|
@import '../../packages/toast/index.scss';
|
|
60
62
|
@import '../../packages/audio/index.scss';
|
|
61
|
-
@import '../../packages/avatargroup/index.scss';
|
|
62
|
-
@import '../../packages/audiooperate/index.scss';
|
|
63
63
|
@import '../../packages/avatar/index.scss';
|
|
64
|
+
@import '../../packages/avatargroup/index.scss';
|
|
64
65
|
@import '../../packages/list/index.scss';
|
|
66
|
+
@import '../../packages/notify/index.scss';
|
|
67
|
+
@import '../../packages/progress/index.scss';
|
|
65
68
|
@import '../../packages/circleprogress/index.scss';
|
|
66
|
-
@import '../../packages/empty/index.scss';
|
|
67
69
|
@import '../../packages/noticebar/index.scss';
|
|
68
|
-
@import '../../packages/progress/index.scss';
|
|
69
70
|
@import '../../packages/video/index.scss';
|
|
70
|
-
@import '../../packages/step/index.scss';
|
|
71
71
|
@import '../../packages/steps/index.scss';
|
|
72
|
-
@import '../../packages/
|
|
72
|
+
@import '../../packages/step/index.scss';
|
|
73
73
|
@import '../../packages/swiper/index.scss';
|
|
74
|
-
@import '../../packages/
|
|
75
|
-
@import '../../packages/
|
|
74
|
+
@import '../../packages/swiperitem/index.scss';
|
|
75
|
+
@import '../../packages/price/index.scss';
|
|
76
76
|
@import '../../packages/countup/index.scss';
|
|
77
|
-
@import '../../packages/
|
|
78
|
-
@import '../../packages/popover/index.scss';
|
|
77
|
+
@import '../../packages/empty/index.scss';
|
|
79
78
|
@import '../../packages/badge/index.scss';
|
|
80
|
-
@import '../../packages/
|
|
81
|
-
@import '../../packages/
|
|
79
|
+
@import '../../packages/countdown/index.scss';
|
|
80
|
+
@import '../../packages/imagepreview/index.scss';
|
|
81
|
+
@import '../../packages/tag/index.scss';
|
|
82
82
|
@import '../../packages/collapse/index.scss';
|
|
83
|
-
@import '../../packages/
|
|
83
|
+
@import '../../packages/collapseitem/index.scss';
|
|
84
84
|
@import '../../packages/table/index.scss';
|
|
85
|
+
@import '../../packages/popover/index.scss';
|
|
86
|
+
@import '../../packages/animate/index.scss';
|
|
85
87
|
@import '../../packages/ellipsis/index.scss';
|
|
86
|
-
@import '../../packages/
|
|
88
|
+
@import '../../packages/skeleton/index.scss';
|
|
89
|
+
@import '../../packages/watermark/index.scss';
|
|
87
90
|
@import '../../packages/trendarrow/index.scss';
|
|
88
|
-
@import '../../packages/
|
|
91
|
+
@import '../../packages/barrage/index.scss';
|
|
89
92
|
@import '../../packages/address/index.scss';
|
|
90
|
-
@import '../../packages/watermark/index.scss';
|
|
91
93
|
@import '../../packages/tour/index.scss';
|
|
92
|
-
@import '../../packages/barrage/index.scss';
|
|
93
94
|
@import '../../packages/timepannel/index.scss';
|
|
94
|
-
@import '../../packages/timedetail/index.scss';
|
|
95
|
-
@import '../../packages/timeselect/index.scss';
|
|
96
95
|
@import '../../packages/signature/index.scss';
|
|
97
|
-
@import '../../packages/
|
|
98
|
-
@import '../../packages/ecard/index.scss';
|
|
96
|
+
@import '../../packages/timedetail/index.scss';
|
|
99
97
|
@import '../../packages/addresslist/index.scss';
|
|
98
|
+
@import '../../packages/timeselect/index.scss';
|
|
100
99
|
@import '../../packages/sku/index.scss';
|
|
101
100
|
@import '../../packages/category/index.scss';
|
|
102
|
-
@import '../../packages/price/index.scss';
|
|
103
101
|
@import '../../packages/categorypane/index.scss';
|
|
104
|
-
@import '../../packages/
|
|
102
|
+
@import '../../packages/ecard/index.scss';
|
|
105
103
|
@import '../../packages/comment/index.scss';
|
|
104
|
+
@import '../../packages/card/index.scss';
|
|
105
|
+
@import '../../packages/invoice/index.scss';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { PickerOption } from './types';
|
|
2
|
+
import { PickerOption, PickerFieldNames } from './types';
|
|
3
3
|
|
|
4
4
|
declare type Install<T> = T & {
|
|
5
5
|
install(app: import('vue').App): void;
|
|
@@ -45,6 +45,10 @@ declare const _default: Install< {
|
|
|
45
45
|
type: (NumberConstructor | StringConstructor)[];
|
|
46
46
|
default: number;
|
|
47
47
|
};
|
|
48
|
+
fieldNames: {
|
|
49
|
+
type: PropType<PickerFieldNames>;
|
|
50
|
+
default: () => {};
|
|
51
|
+
};
|
|
48
52
|
}>;
|
|
49
53
|
export default _default;
|
|
50
54
|
|
|
@@ -44,12 +44,21 @@ export declare const componentWeb: {
|
|
|
44
44
|
type: (NumberConstructor | StringConstructor)[];
|
|
45
45
|
default: number;
|
|
46
46
|
};
|
|
47
|
+
fieldNames: {
|
|
48
|
+
type: import("vue").PropType<import("./types").PickerFieldNames>;
|
|
49
|
+
default: () => {};
|
|
50
|
+
};
|
|
47
51
|
};
|
|
48
52
|
emits: string[];
|
|
49
53
|
setup(props: any, { emit }: any): {
|
|
50
54
|
column: any;
|
|
51
55
|
columnsType: import("vue").ComputedRef<"multiple" | "single" | "cascade">;
|
|
52
56
|
columnsList: import("vue").ComputedRef<import("./types").PickerOption[][]>;
|
|
57
|
+
columnFieldNames: import("vue").ComputedRef<{
|
|
58
|
+
text: string;
|
|
59
|
+
value: string;
|
|
60
|
+
children: string;
|
|
61
|
+
}>;
|
|
53
62
|
cancel: () => void;
|
|
54
63
|
changeHandler: (columnIndex: number, option: import("./types").PickerOption) => void;
|
|
55
64
|
confirmHandler: () => void;
|
|
@@ -69,9 +78,6 @@ export declare const componentWeb: {
|
|
|
69
78
|
QQ: TaroGeneral.ENV_TYPE.QQ;
|
|
70
79
|
JD: TaroGeneral.ENV_TYPE.JD;
|
|
71
80
|
}>;
|
|
72
|
-
classes: import("vue").ComputedRef<{
|
|
73
|
-
[x: string]: boolean;
|
|
74
|
-
}>;
|
|
75
81
|
};
|
|
76
82
|
};
|
|
77
83
|
export declare const componentWeapp: {
|
|
@@ -119,17 +125,26 @@ export declare const componentWeapp: {
|
|
|
119
125
|
type: (NumberConstructor | StringConstructor)[];
|
|
120
126
|
default: number;
|
|
121
127
|
};
|
|
128
|
+
fieldNames: {
|
|
129
|
+
type: import("vue").PropType<import("./types").PickerFieldNames>;
|
|
130
|
+
default: () => {};
|
|
131
|
+
};
|
|
122
132
|
};
|
|
123
133
|
emits: string[];
|
|
124
134
|
setup(props: any, { emit }: any): {
|
|
125
135
|
column: any;
|
|
126
136
|
columnsType: import("vue").ComputedRef<"multiple" | "single" | "cascade">;
|
|
127
137
|
columnsList: import("vue").ComputedRef<import("./types").PickerOption[][]>;
|
|
138
|
+
columnFieldNames: import("vue").ComputedRef<{
|
|
139
|
+
text: string;
|
|
140
|
+
value: string;
|
|
141
|
+
children: string;
|
|
142
|
+
}>;
|
|
128
143
|
cancel: () => void;
|
|
129
144
|
changeHandler: (columnIndex: number, option: import("./types").PickerOption) => void;
|
|
130
145
|
confirmHandler: () => void;
|
|
131
146
|
defaultValues: import("vue").Ref<(string | number)[]>;
|
|
132
|
-
defaultIndexes: import("vue").
|
|
147
|
+
defaultIndexes: import("vue").ComputedRef<number[]>;
|
|
133
148
|
tileChange: (data: any) => void;
|
|
134
149
|
handlePickstart: () => void;
|
|
135
150
|
translate: (keyPath: string, ...args: unknown[]) => string;
|
|
@@ -149,8 +164,5 @@ export declare const componentWeapp: {
|
|
|
149
164
|
QQ: TaroGeneral.ENV_TYPE.QQ;
|
|
150
165
|
JD: TaroGeneral.ENV_TYPE.JD;
|
|
151
166
|
}>;
|
|
152
|
-
classes: import("vue").ComputedRef<{
|
|
153
|
-
[x: string]: boolean;
|
|
154
|
-
}>;
|
|
155
167
|
};
|
|
156
168
|
};
|
|
@@ -3,8 +3,9 @@ export declare const Internation: {
|
|
|
3
3
|
basic: string;
|
|
4
4
|
chooseCity: string;
|
|
5
5
|
defaultSelected: string;
|
|
6
|
-
|
|
6
|
+
'3d': string;
|
|
7
7
|
popupDesc: string;
|
|
8
|
+
customFieldNames: string;
|
|
8
9
|
multipleColumns: string;
|
|
9
10
|
chooseTime: string;
|
|
10
11
|
cascade: string;
|
|
@@ -46,8 +47,9 @@ export declare const Internation: {
|
|
|
46
47
|
basic: string;
|
|
47
48
|
chooseCity: string;
|
|
48
49
|
defaultSelected: string;
|
|
49
|
-
|
|
50
|
+
'3d': string;
|
|
50
51
|
popupDesc: string;
|
|
52
|
+
customFieldNames: string;
|
|
51
53
|
multipleColumns: string;
|
|
52
54
|
chooseTime: string;
|
|
53
55
|
cascade: string;
|
|
@@ -44,13 +44,19 @@ declare const _default: Install< import("vue").DefineComponent<{
|
|
|
44
44
|
type: (NumberConstructor | StringConstructor)[];
|
|
45
45
|
default: number;
|
|
46
46
|
};
|
|
47
|
+
fieldNames: {
|
|
48
|
+
type: import("vue").PropType<import("./types").PickerFieldNames>;
|
|
49
|
+
default: () => {};
|
|
50
|
+
};
|
|
47
51
|
}, {
|
|
48
|
-
classes: import("vue").ComputedRef<{
|
|
49
|
-
[x: string]: boolean;
|
|
50
|
-
}>;
|
|
51
52
|
column: any;
|
|
52
53
|
columnsType: import("vue").ComputedRef<"multiple" | "single" | "cascade">;
|
|
53
54
|
columnsList: import("vue").ComputedRef<import("./types").PickerOption[][]>;
|
|
55
|
+
columnFieldNames: import("vue").ComputedRef<{
|
|
56
|
+
text: string;
|
|
57
|
+
value: string;
|
|
58
|
+
children: string;
|
|
59
|
+
}>;
|
|
54
60
|
cancel: () => void;
|
|
55
61
|
changeHandler: (columnIndex: number, option: import("./types").PickerOption) => void;
|
|
56
62
|
confirmHandler: () => void;
|
|
@@ -100,6 +106,10 @@ declare const _default: Install< import("vue").DefineComponent<{
|
|
|
100
106
|
type: (NumberConstructor | StringConstructor)[];
|
|
101
107
|
default: number;
|
|
102
108
|
};
|
|
109
|
+
fieldNames: {
|
|
110
|
+
type: import("vue").PropType<import("./types").PickerFieldNames>;
|
|
111
|
+
default: () => {};
|
|
112
|
+
};
|
|
103
113
|
}>> & {
|
|
104
114
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
105
115
|
onCancel?: ((...args: any[]) => any) | undefined;
|
|
@@ -116,6 +126,7 @@ declare const _default: Install< import("vue").DefineComponent<{
|
|
|
116
126
|
showToolbar: boolean;
|
|
117
127
|
visibleOptionNum: string | number;
|
|
118
128
|
optionHeight: string | number;
|
|
129
|
+
fieldNames: import("./types").PickerFieldNames;
|
|
119
130
|
}, {}>>;
|
|
120
131
|
export default _default;
|
|
121
132
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export interface PickerOption {
|
|
2
|
+
[key: PropertyKey]: any;
|
|
2
3
|
text: string | number;
|
|
3
4
|
value: string | number;
|
|
4
5
|
disabled?: string;
|
|
@@ -20,3 +21,8 @@ export type TouchParams = {
|
|
|
20
21
|
lastY: number;
|
|
21
22
|
lastTime: number;
|
|
22
23
|
};
|
|
24
|
+
export interface PickerFieldNames {
|
|
25
|
+
text?: string;
|
|
26
|
+
value?: string;
|
|
27
|
+
children?: string;
|
|
28
|
+
}
|
|
@@ -2,16 +2,19 @@ import { PickerOption } from './types';
|
|
|
2
2
|
export declare const usePicker: (props: any, emit: any) => {
|
|
3
3
|
columnsType: import("vue").ComputedRef<"multiple" | "single" | "cascade">;
|
|
4
4
|
columnsList: import("vue").ComputedRef<PickerOption[][]>;
|
|
5
|
+
columnFieldNames: import("vue").ComputedRef<{
|
|
6
|
+
text: string;
|
|
7
|
+
value: string;
|
|
8
|
+
children: string;
|
|
9
|
+
}>;
|
|
5
10
|
cancel: () => void;
|
|
6
11
|
changeHandler: (columnIndex: number, option: PickerOption) => void;
|
|
7
12
|
confirm: () => void;
|
|
8
13
|
defaultValues: import("vue").Ref<(string | number)[]>;
|
|
14
|
+
defaultIndexes: import("vue").ComputedRef<number[]>;
|
|
9
15
|
pickerColumn: import("vue").Ref<any[]>;
|
|
10
16
|
swipeRef: (el: any) => void;
|
|
11
|
-
selectedOptions: import("vue").ComputedRef<
|
|
17
|
+
selectedOptions: import("vue").ComputedRef<PickerOption[]>;
|
|
12
18
|
isSameValue: (valA: any, valB: any) => boolean;
|
|
13
19
|
formattedColumns: import("vue").Ref<any>;
|
|
14
|
-
classes: import("vue").ComputedRef<{
|
|
15
|
-
[x: string]: boolean;
|
|
16
|
-
}>;
|
|
17
20
|
};
|