@nutui/nutui 4.0.0-beta.23 → 4.0.0-beta.25
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 +13 -940
- package/dist/nutui.es.js +1 -1
- package/dist/nutui.umd.js +2 -2
- package/dist/packages/_es/ActionSheet.js +1 -1
- package/dist/packages/_es/Address.js +4 -4
- package/dist/packages/_es/AddressList.js +25 -25
- package/dist/packages/_es/Badge.js +2 -2
- package/dist/packages/_es/Barrage.js +42 -18
- package/dist/packages/_es/Calendar.js +1 -1
- package/dist/packages/_es/Cascader.js +2 -2
- package/dist/packages/_es/CollapseItem.js +2 -2
- package/dist/packages/_es/Dialog.js +1 -1
- package/dist/packages/_es/ImagePreview.js +1 -1
- package/dist/packages/_es/InfiniteLoading.js +1 -1
- package/dist/packages/_es/InputNumber.js +4 -4
- package/dist/packages/_es/MenuItem.js +1 -1
- package/dist/packages/_es/Navbar.js +4 -4
- package/dist/packages/_es/Noticebar.js +11 -7
- package/dist/packages/_es/Notify.js +1 -1
- package/dist/packages/_es/NumberKeyboard.js +1 -1
- package/dist/packages/_es/Overlay.js +10 -4
- package/dist/packages/_es/Popover.js +1 -1
- package/dist/packages/_es/Popup.js +1 -1
- package/dist/packages/_es/Progress.js +1 -1
- package/dist/packages/_es/Searchbar.js +1 -1
- package/dist/packages/_es/ShortPassword.js +1 -1
- package/dist/packages/_es/Sku.js +1 -1
- package/dist/packages/_es/Tabs.js +3 -3
- package/dist/packages/_es/TimeSelect.js +1 -1
- package/dist/packages/_es/Tour.js +3 -3
- package/dist/packages/_es/TrendArrow.js +2 -2
- package/dist/packages/_es/{index-af79da1a.js → index-991c279f.js} +1 -1
- package/dist/packages/countup/index.scss +1 -0
- package/dist/packages/ecard/index.scss +20 -6
- package/dist/packages/inputnumber/index.scss +6 -0
- package/dist/packages/noticebar/index.scss +9 -9
- package/dist/packages/tabbaritem/index.scss +2 -0
- package/dist/packages/tour/index.scss +3 -0
- package/dist/smartips/web-types.json +19 -10
- package/dist/style.css +1 -1
- package/dist/styles/themes/default.scss +54 -54
- package/dist/styles/themes/jdb.scss +54 -54
- package/dist/styles/themes/jddkh.scss +54 -54
- package/dist/styles/themes/jdt.scss +54 -54
- package/dist/styles/variables-jdb.scss +2 -4
- package/dist/styles/variables-jddkh.scss +2 -4
- package/dist/styles/variables-jdt.scss +2 -4
- package/dist/styles/variables.scss +2 -4
- package/dist/types/__VUE/noticebar/index.vue.d.ts +6 -10
- package/dist/types/index.d.ts +1 -1
- package/package.json +2 -1
|
@@ -6,7 +6,7 @@ import Popover from "./Popover.js";
|
|
|
6
6
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
|
|
7
7
|
import "../locale/lang";
|
|
8
8
|
import "./renderIcon-3d0fd47c.js";
|
|
9
|
-
import "./index-
|
|
9
|
+
import "./index-991c279f.js";
|
|
10
10
|
import "./Overlay.js";
|
|
11
11
|
const { create } = createComponent("tour");
|
|
12
12
|
const _sfc_main = create({
|
|
@@ -226,7 +226,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
226
226
|
createElementVNode("div", _hoisted_4, [
|
|
227
227
|
createElementVNode("div", _hoisted_5, toDisplayString(_ctx.active + 1) + "/" + toDisplayString(_ctx.steps.length), 1),
|
|
228
228
|
createElementVNode("div", _hoisted_6, [
|
|
229
|
-
renderSlot(_ctx.$slots, "
|
|
229
|
+
renderSlot(_ctx.$slots, "prev-step", {}, () => [
|
|
230
230
|
_ctx.active != 0 && _ctx.showPrevStep ? (openBlock(), createElementBlock("div", {
|
|
231
231
|
key: 0,
|
|
232
232
|
class: "nut-tour-content-bottom-operate-btn",
|
|
@@ -238,7 +238,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
238
238
|
class: "nut-tour-content-bottom-operate-btn active",
|
|
239
239
|
onClick: _cache[3] || (_cache[3] = (...args) => _ctx.close && _ctx.close(...args))
|
|
240
240
|
}, toDisplayString(_ctx.completeTxt), 1)) : createCommentVNode("", true),
|
|
241
|
-
renderSlot(_ctx.$slots, "
|
|
241
|
+
renderSlot(_ctx.$slots, "next-step", {}, () => [
|
|
242
242
|
_ctx.steps.length - 1 != _ctx.active ? (openBlock(), createElementBlock("div", {
|
|
243
243
|
key: 0,
|
|
244
244
|
class: "nut-tour-content-bottom-operate-btn active",
|
|
@@ -88,10 +88,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
88
88
|
class: "nut-trend-arrow-icon-before nut-trend-arrow-rate",
|
|
89
89
|
style: normalizeStyle(_ctx.calcStyle)
|
|
90
90
|
}, toDisplayString(_ctx.calcRate), 5)) : createCommentVNode("", true),
|
|
91
|
-
Number(_ctx.rate) !== 0 && _ctx.rateTrend ? renderSlot(_ctx.$slots, "
|
|
91
|
+
Number(_ctx.rate) !== 0 && _ctx.rateTrend ? renderSlot(_ctx.$slots, "up-icon", { key: 1 }, () => [
|
|
92
92
|
createVNode(_component_TriangleUp, { color: _ctx.riseColor }, null, 8, ["color"])
|
|
93
93
|
]) : createCommentVNode("", true),
|
|
94
|
-
Number(_ctx.rate) !== 0 && !_ctx.rateTrend ? renderSlot(_ctx.$slots, "
|
|
94
|
+
Number(_ctx.rate) !== 0 && !_ctx.rateTrend ? renderSlot(_ctx.$slots, "down-icon", { key: 2 }, () => [
|
|
95
95
|
createVNode(_component_TriangleDown, { color: _ctx.dropColor }, null, 8, ["color"])
|
|
96
96
|
]) : createCommentVNode("", true),
|
|
97
97
|
_ctx.arrowLeft ? (openBlock(), createElementBlock("span", {
|
|
@@ -225,7 +225,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
225
225
|
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
|
|
226
226
|
class: normalizeClass(["nut-popup__close-icon", "nut-popup__close-icon--" + _ctx.closeIconPosition])
|
|
227
227
|
}, [
|
|
228
|
-
renderSlot(_ctx.$slots, "
|
|
228
|
+
renderSlot(_ctx.$slots, "close-icon", {}, () => [
|
|
229
229
|
createVNode(_component_Close, { height: "12px" })
|
|
230
230
|
])
|
|
231
231
|
], 2)) : createCommentVNode("", true)
|
|
@@ -1,34 +1,37 @@
|
|
|
1
1
|
.nut-theme-dark {
|
|
2
2
|
.nut-ecard {
|
|
3
3
|
color: $dark-color3;
|
|
4
|
+
|
|
4
5
|
::placeholder {
|
|
5
6
|
color: rgb(29, 31, 32);
|
|
6
7
|
}
|
|
8
|
+
|
|
7
9
|
.nut-ecard__list__item {
|
|
8
10
|
background: $dark-background5;
|
|
11
|
+
|
|
9
12
|
&.active {
|
|
10
13
|
background: $dark-background6;
|
|
11
14
|
outline: 1px solid $dark-color2;
|
|
12
15
|
color: $dark-color2;
|
|
13
16
|
}
|
|
14
17
|
}
|
|
18
|
+
|
|
15
19
|
.nut-ecard__list__input {
|
|
16
20
|
color: $dark-color3;
|
|
17
21
|
background: $dark-background7;
|
|
22
|
+
|
|
18
23
|
&.active {
|
|
19
24
|
background: $dark-background7;
|
|
25
|
+
|
|
20
26
|
> view > input {
|
|
21
27
|
background: $dark-background7;
|
|
22
28
|
}
|
|
23
29
|
}
|
|
30
|
+
|
|
24
31
|
.nut-ecard__list__input--con > input {
|
|
25
32
|
background-color: transparent;
|
|
26
33
|
color: $dark-color3;
|
|
27
34
|
}
|
|
28
|
-
.nut-ecard-input {
|
|
29
|
-
outline: none;
|
|
30
|
-
border: none;
|
|
31
|
-
}
|
|
32
35
|
}
|
|
33
36
|
}
|
|
34
37
|
}
|
|
@@ -82,10 +85,21 @@
|
|
|
82
85
|
flex: 1;
|
|
83
86
|
display: flex;
|
|
84
87
|
justify-content: flex-end;
|
|
85
|
-
|
|
88
|
+
|
|
89
|
+
input {
|
|
90
|
+
caret-color: $primary-color; //光标颜色
|
|
91
|
+
text-align: right;
|
|
92
|
+
background: transparent;
|
|
93
|
+
margin-right: 10px;
|
|
94
|
+
outline: 0 none;
|
|
95
|
+
border: 0;
|
|
96
|
+
text-decoration: none;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.nut-ecard-input {
|
|
86
100
|
caret-color: $primary-color; //光标颜色
|
|
87
101
|
text-align: right;
|
|
88
|
-
background:
|
|
102
|
+
background: transparent;
|
|
89
103
|
margin-right: 10px;
|
|
90
104
|
outline: 0 none;
|
|
91
105
|
border: 0;
|
|
@@ -38,6 +38,11 @@
|
|
|
38
38
|
display: flex;
|
|
39
39
|
align-items: center;
|
|
40
40
|
color: $inputnumber-icon-color;
|
|
41
|
+
.nut-icon {
|
|
42
|
+
width: $inputnumber-icon-size;
|
|
43
|
+
height: $inputnumber-icon-size;
|
|
44
|
+
font-size: $inputnumber-icon-size;
|
|
45
|
+
}
|
|
41
46
|
cursor: pointer;
|
|
42
47
|
&--disabled {
|
|
43
48
|
color: $inputnumber-icon-void-color;
|
|
@@ -53,6 +58,7 @@
|
|
|
53
58
|
input,
|
|
54
59
|
&__text--readonly,
|
|
55
60
|
&__text--input {
|
|
61
|
+
width: $inputnumber-input-width;
|
|
56
62
|
height: 100%;
|
|
57
63
|
text-align: center;
|
|
58
64
|
display: flex;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
.nut-noticebar__page {
|
|
14
14
|
display: flex;
|
|
15
15
|
padding: $noticebar-box-padding;
|
|
16
|
-
height: $noticebar-height;
|
|
16
|
+
height: $noticebar-across-height;
|
|
17
17
|
font-size: $noticebar-font-size;
|
|
18
18
|
position: relative;
|
|
19
19
|
align-items: center;
|
|
@@ -39,8 +39,6 @@
|
|
|
39
39
|
.nut-noticebar__page-lefticon {
|
|
40
40
|
display: flex;
|
|
41
41
|
align-items: center;
|
|
42
|
-
height: $noticebar-left-icon-width;
|
|
43
|
-
min-width: $noticebar-left-icon-width;
|
|
44
42
|
margin: $noticebar-lefticon-margin;
|
|
45
43
|
background-size: 100% 100%;
|
|
46
44
|
}
|
|
@@ -48,14 +46,13 @@
|
|
|
48
46
|
display: flex;
|
|
49
47
|
align-items: center;
|
|
50
48
|
justify-content: center;
|
|
51
|
-
width: $noticebar-right-icon-width;
|
|
52
49
|
margin: $noticebar-righticon-margin;
|
|
53
50
|
}
|
|
54
51
|
.nut-noticebar__page-wrap {
|
|
55
52
|
display: flex;
|
|
56
53
|
flex: 1;
|
|
57
|
-
height: $noticebar-line-height;
|
|
58
|
-
line-height: $noticebar-line-height;
|
|
54
|
+
height: $noticebar-across-line-height;
|
|
55
|
+
line-height: $noticebar-across-line-height;
|
|
59
56
|
overflow: hidden;
|
|
60
57
|
position: relative;
|
|
61
58
|
}
|
|
@@ -96,7 +93,7 @@
|
|
|
96
93
|
// 垂直方向的滚动
|
|
97
94
|
@keyframes nut-notice-bar-play-vertical {
|
|
98
95
|
to {
|
|
99
|
-
transform: translateY($noticebar-height);
|
|
96
|
+
transform: translateY($noticebar-across-height);
|
|
100
97
|
}
|
|
101
98
|
}
|
|
102
99
|
|
|
@@ -105,10 +102,12 @@
|
|
|
105
102
|
position: relative;
|
|
106
103
|
display: flex;
|
|
107
104
|
justify-content: space-between;
|
|
108
|
-
height: $noticebar-height;
|
|
105
|
+
height: $noticebar-across-height;
|
|
109
106
|
font-size: $noticebar-font-size;
|
|
110
107
|
overflow: hidden;
|
|
111
108
|
padding: $noticebar-box-padding;
|
|
109
|
+
background: $noticebar-background;
|
|
110
|
+
color: $noticebar-color;
|
|
112
111
|
|
|
113
112
|
.nut-noticebar__vertical-list {
|
|
114
113
|
margin: 0;
|
|
@@ -118,11 +117,12 @@
|
|
|
118
117
|
.nut-noticebar__vertical-item {
|
|
119
118
|
display: flex;
|
|
120
119
|
align-items: center;
|
|
121
|
-
height: $noticebar-height;
|
|
120
|
+
height: $noticebar-across-height;
|
|
122
121
|
}
|
|
123
122
|
}
|
|
124
123
|
|
|
125
124
|
.go {
|
|
125
|
+
margin: $noticebar-righticon-margin;
|
|
126
126
|
align-self: center;
|
|
127
127
|
display: flex;
|
|
128
128
|
}
|
|
@@ -16,10 +16,12 @@
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
&-content {
|
|
19
|
+
display: block;
|
|
19
20
|
padding: 10px 12px;
|
|
20
21
|
min-width: 200px;
|
|
21
22
|
|
|
22
23
|
&-top {
|
|
24
|
+
display: block;
|
|
23
25
|
text-align: right;
|
|
24
26
|
|
|
25
27
|
&-close {
|
|
@@ -30,6 +32,7 @@
|
|
|
30
32
|
|
|
31
33
|
&-inner {
|
|
32
34
|
margin: 10px 0px;
|
|
35
|
+
font-size: 14px;
|
|
33
36
|
}
|
|
34
37
|
|
|
35
38
|
&-bottom {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "NutUI",
|
|
5
|
-
"version": "4.0.0-beta.
|
|
5
|
+
"version": "4.0.0-beta.25",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"tags": [
|
|
@@ -984,6 +984,15 @@
|
|
|
984
984
|
"kind": "expression"
|
|
985
985
|
}
|
|
986
986
|
},
|
|
987
|
+
{
|
|
988
|
+
"name": "v-model:visible",
|
|
989
|
+
"default": "`false`",
|
|
990
|
+
"description": "显示选择层",
|
|
991
|
+
"value": {
|
|
992
|
+
"type": "boolean",
|
|
993
|
+
"kind": "expression"
|
|
994
|
+
}
|
|
995
|
+
},
|
|
987
996
|
{
|
|
988
997
|
"name": "options",
|
|
989
998
|
"default": "-",
|
|
@@ -3101,7 +3110,7 @@
|
|
|
3101
3110
|
},
|
|
3102
3111
|
{
|
|
3103
3112
|
"name": "input-width",
|
|
3104
|
-
"default": "
|
|
3113
|
+
"default": "``",
|
|
3105
3114
|
"description": "输入框宽度",
|
|
3106
3115
|
"value": {
|
|
3107
3116
|
"type": "string",
|
|
@@ -3110,7 +3119,7 @@
|
|
|
3110
3119
|
},
|
|
3111
3120
|
{
|
|
3112
3121
|
"name": "button-size",
|
|
3113
|
-
"default": "
|
|
3122
|
+
"default": "``",
|
|
3114
3123
|
"description": "操作符+、-尺寸",
|
|
3115
3124
|
"value": {
|
|
3116
3125
|
"type": "string",
|
|
@@ -3476,10 +3485,10 @@
|
|
|
3476
3485
|
},
|
|
3477
3486
|
{
|
|
3478
3487
|
"name": "left-icon",
|
|
3479
|
-
"default": "
|
|
3480
|
-
"description": "`
|
|
3488
|
+
"default": "`true`",
|
|
3489
|
+
"description": "是否展示左侧图标, 滚动方向为 `across` 生效",
|
|
3481
3490
|
"value": {
|
|
3482
|
-
"type": "
|
|
3491
|
+
"type": "boolean",
|
|
3483
3492
|
"kind": "expression"
|
|
3484
3493
|
}
|
|
3485
3494
|
},
|
|
@@ -3998,7 +4007,7 @@
|
|
|
3998
4007
|
"default": "`[0, 12]`",
|
|
3999
4008
|
"description": "出现位置的偏移量",
|
|
4000
4009
|
"value": {
|
|
4001
|
-
"type": "number
|
|
4010
|
+
"type": "[number,number]",
|
|
4002
4011
|
"kind": "expression"
|
|
4003
4012
|
}
|
|
4004
4013
|
},
|
|
@@ -5123,7 +5132,7 @@
|
|
|
5123
5132
|
},
|
|
5124
5133
|
{
|
|
5125
5134
|
"name": "height",
|
|
5126
|
-
"default": "`
|
|
5135
|
+
"default": "`15px`",
|
|
5127
5136
|
"description": "每行高度",
|
|
5128
5137
|
"value": {
|
|
5129
5138
|
"type": "string",
|
|
@@ -6342,7 +6351,7 @@
|
|
|
6342
6351
|
"default": "''",
|
|
6343
6352
|
"description": "镂空遮罩层宽度",
|
|
6344
6353
|
"value": {
|
|
6345
|
-
"type": "number
|
|
6354
|
+
"type": "number | string",
|
|
6346
6355
|
"kind": "expression"
|
|
6347
6356
|
}
|
|
6348
6357
|
},
|
|
@@ -6351,7 +6360,7 @@
|
|
|
6351
6360
|
"default": "''",
|
|
6352
6361
|
"description": "镂空遮罩层高度",
|
|
6353
6362
|
"value": {
|
|
6354
|
-
"type": "number
|
|
6363
|
+
"type": "number | string",
|
|
6355
6364
|
"kind": "expression"
|
|
6356
6365
|
}
|
|
6357
6366
|
},
|