@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.
Files changed (51) hide show
  1. package/CHANGELOG.md +13 -940
  2. package/dist/nutui.es.js +1 -1
  3. package/dist/nutui.umd.js +2 -2
  4. package/dist/packages/_es/ActionSheet.js +1 -1
  5. package/dist/packages/_es/Address.js +4 -4
  6. package/dist/packages/_es/AddressList.js +25 -25
  7. package/dist/packages/_es/Badge.js +2 -2
  8. package/dist/packages/_es/Barrage.js +42 -18
  9. package/dist/packages/_es/Calendar.js +1 -1
  10. package/dist/packages/_es/Cascader.js +2 -2
  11. package/dist/packages/_es/CollapseItem.js +2 -2
  12. package/dist/packages/_es/Dialog.js +1 -1
  13. package/dist/packages/_es/ImagePreview.js +1 -1
  14. package/dist/packages/_es/InfiniteLoading.js +1 -1
  15. package/dist/packages/_es/InputNumber.js +4 -4
  16. package/dist/packages/_es/MenuItem.js +1 -1
  17. package/dist/packages/_es/Navbar.js +4 -4
  18. package/dist/packages/_es/Noticebar.js +11 -7
  19. package/dist/packages/_es/Notify.js +1 -1
  20. package/dist/packages/_es/NumberKeyboard.js +1 -1
  21. package/dist/packages/_es/Overlay.js +10 -4
  22. package/dist/packages/_es/Popover.js +1 -1
  23. package/dist/packages/_es/Popup.js +1 -1
  24. package/dist/packages/_es/Progress.js +1 -1
  25. package/dist/packages/_es/Searchbar.js +1 -1
  26. package/dist/packages/_es/ShortPassword.js +1 -1
  27. package/dist/packages/_es/Sku.js +1 -1
  28. package/dist/packages/_es/Tabs.js +3 -3
  29. package/dist/packages/_es/TimeSelect.js +1 -1
  30. package/dist/packages/_es/Tour.js +3 -3
  31. package/dist/packages/_es/TrendArrow.js +2 -2
  32. package/dist/packages/_es/{index-af79da1a.js → index-991c279f.js} +1 -1
  33. package/dist/packages/countup/index.scss +1 -0
  34. package/dist/packages/ecard/index.scss +20 -6
  35. package/dist/packages/inputnumber/index.scss +6 -0
  36. package/dist/packages/noticebar/index.scss +9 -9
  37. package/dist/packages/tabbaritem/index.scss +2 -0
  38. package/dist/packages/tour/index.scss +3 -0
  39. package/dist/smartips/web-types.json +19 -10
  40. package/dist/style.css +1 -1
  41. package/dist/styles/themes/default.scss +54 -54
  42. package/dist/styles/themes/jdb.scss +54 -54
  43. package/dist/styles/themes/jddkh.scss +54 -54
  44. package/dist/styles/themes/jdt.scss +54 -54
  45. package/dist/styles/variables-jdb.scss +2 -4
  46. package/dist/styles/variables-jddkh.scss +2 -4
  47. package/dist/styles/variables-jdt.scss +2 -4
  48. package/dist/styles/variables.scss +2 -4
  49. package/dist/types/__VUE/noticebar/index.vue.d.ts +6 -10
  50. package/dist/types/index.d.ts +1 -1
  51. 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-af79da1a.js";
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, "prevStep", {}, () => [
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, "nextStep", {}, () => [
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, "upIcon", { key: 1 }, () => [
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, "downIcon", { key: 2 }, () => [
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, "closeIcon", {}, () => [
228
+ renderSlot(_ctx.$slots, "close-icon", {}, () => [
229
229
  createVNode(_component_Close, { height: "12px" })
230
230
  ])
231
231
  ], 2)) : createCommentVNode("", true)
@@ -34,6 +34,7 @@
34
34
  display: block;
35
35
  }
36
36
  .nut-countup__machine {
37
+ display: block;
37
38
  overflow: hidden;
38
39
  .nut-countup__machine-item {
39
40
  float: left;
@@ -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
- > input {
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: $ecard-bg-color;
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
  }
@@ -21,6 +21,7 @@
21
21
 
22
22
  &_icon-box {
23
23
  padding: 0px;
24
+ line-height: 1;
24
25
  display: flex;
25
26
  flex-direction: column;
26
27
  align-items: center;
@@ -28,6 +29,7 @@
28
29
  .nut-icon {
29
30
  width: 20px;
30
31
  height: 20px;
32
+ font-size: 20px;
31
33
  }
32
34
 
33
35
  &_tips {
@@ -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.23",
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": "`40px`",
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": "`20px`",
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": "`close` 为没有左边 `icon`,其他为自定义的图片链接,没有为默认图片",
3488
+ "default": "`true`",
3489
+ "description": "是否展示左侧图标, 滚动方向为 `across` 生效",
3481
3490
  "value": {
3482
- "type": "string",
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 | string",
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": "`100px`",
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": "numberstring",
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": "numberstring",
6363
+ "type": "number | string",
6355
6364
  "kind": "expression"
6356
6365
  }
6357
6366
  },