@nutui/nutui-react-taro 3.0.13 → 3.0.15

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 (126) hide show
  1. package/CHANGELOG.md +45 -12
  2. package/dist/cjs/packages/button/style/button.scss +3 -0
  3. package/dist/cjs/packages/button/style/style.css +3 -3
  4. package/dist/cjs/packages/button/style/style.harmony.css +12 -0
  5. package/dist/cjs/packages/button/style-jmapp/button.scss +3 -0
  6. package/dist/cjs/packages/button/style-jmapp/style.css +3 -3
  7. package/dist/cjs/packages/button/style-jrkf/button.scss +3 -0
  8. package/dist/cjs/packages/button/style-jrkf/style.css +3 -3
  9. package/dist/cjs/packages/calendarcard/calendarcard.js +10 -4
  10. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  11. package/dist/cjs/packages/datepicker/utils.js +23 -38
  12. package/dist/cjs/packages/dialog/dialog.js +2 -7
  13. package/dist/cjs/packages/elevator/elevator.d.ts +3 -20
  14. package/dist/cjs/packages/elevator/elevator.js +119 -91
  15. package/dist/cjs/packages/elevator/index.d.ts +1 -1
  16. package/dist/cjs/packages/elevator/style/elevator.scss +61 -33
  17. package/dist/cjs/packages/elevator/style/style.css +65 -40
  18. package/dist/cjs/packages/elevator/style/style.harmony.css +69 -41
  19. package/dist/cjs/packages/elevator/style-jmapp/elevator.scss +61 -33
  20. package/dist/cjs/packages/elevator/style-jmapp/style.css +56 -31
  21. package/dist/cjs/packages/elevator/style-jrkf/elevator.scss +61 -33
  22. package/dist/cjs/packages/elevator/style-jrkf/style.css +56 -31
  23. package/dist/cjs/packages/formitem/formitem.js +2 -2
  24. package/dist/cjs/packages/formitem/style/formitem.scss +14 -15
  25. package/dist/cjs/packages/formitem/style/style.css +9 -11
  26. package/dist/cjs/packages/formitem/style/style.harmony.css +8 -10
  27. package/dist/cjs/packages/formitem/style-jmapp/formitem.scss +14 -15
  28. package/dist/cjs/packages/formitem/style-jmapp/style.css +8 -10
  29. package/dist/cjs/packages/formitem/style-jrkf/formitem.scss +14 -15
  30. package/dist/cjs/packages/formitem/style-jrkf/style.css +8 -10
  31. package/dist/cjs/packages/image/image.js +2 -2
  32. package/dist/cjs/packages/input/input.js +1 -1
  33. package/dist/cjs/packages/navbar/style/navbar.scss +2 -0
  34. package/dist/cjs/packages/navbar/style/style.css +2 -0
  35. package/dist/cjs/packages/navbar/style/style.harmony.css +2 -0
  36. package/dist/cjs/packages/navbar/style-jmapp/navbar.scss +2 -0
  37. package/dist/cjs/packages/navbar/style-jmapp/style.css +2 -0
  38. package/dist/cjs/packages/navbar/style-jrkf/navbar.scss +2 -0
  39. package/dist/cjs/packages/navbar/style-jrkf/style.css +2 -0
  40. package/dist/cjs/packages/noticebar/noticebar.js +1 -1
  41. package/dist/cjs/packages/overlay/style/overlay.scss +0 -1
  42. package/dist/cjs/packages/overlay/style/style.css +0 -1
  43. package/dist/cjs/packages/overlay/style/style.harmony.css +0 -1
  44. package/dist/cjs/packages/overlay/style-jmapp/overlay.scss +0 -1
  45. package/dist/cjs/packages/overlay/style-jmapp/style.css +0 -1
  46. package/dist/cjs/packages/overlay/style-jrkf/overlay.scss +0 -1
  47. package/dist/cjs/packages/overlay/style-jrkf/style.css +0 -1
  48. package/dist/cjs/packages/pickerview/pickerroller.js +9 -1
  49. package/dist/cjs/packages/switch/switch.js +0 -1
  50. package/dist/cjs/packages/tabpane/style/style.css +1 -1
  51. package/dist/cjs/packages/tabpane/style/tabpane.scss +1 -1
  52. package/dist/cjs/packages/tabpane/style-jmapp/style.css +1 -1
  53. package/dist/cjs/packages/tabpane/style-jmapp/tabpane.scss +1 -1
  54. package/dist/cjs/packages/tabpane/style-jrkf/style.css +1 -1
  55. package/dist/cjs/packages/tabpane/style-jrkf/tabpane.scss +1 -1
  56. package/dist/cjs/types/spec/calendarcard/base.d.ts +1 -0
  57. package/dist/cjs/types/spec/datepicker/base.d.ts +1 -1
  58. package/dist/cjs/types/spec/elevator/base.d.ts +5 -2
  59. package/dist/es/packages/button/style/button.scss +3 -0
  60. package/dist/es/packages/button/style/style.css +3 -3
  61. package/dist/es/packages/button/style/style.harmony.css +12 -0
  62. package/dist/es/packages/button/style-jmapp/button.scss +3 -0
  63. package/dist/es/packages/button/style-jmapp/style.css +3 -3
  64. package/dist/es/packages/button/style-jrkf/button.scss +3 -0
  65. package/dist/es/packages/button/style-jrkf/style.css +3 -3
  66. package/dist/es/packages/calendarcard/calendarcard.js +11 -5
  67. package/dist/es/packages/configprovider/types.d.ts +1 -1
  68. package/dist/es/packages/datepicker/utils.js +23 -38
  69. package/dist/es/packages/dialog/dialog.js +2 -7
  70. package/dist/es/packages/elevator/elevator.d.ts +3 -20
  71. package/dist/es/packages/elevator/elevator.js +119 -91
  72. package/dist/es/packages/elevator/index.d.ts +1 -1
  73. package/dist/es/packages/elevator/style/elevator.scss +61 -33
  74. package/dist/es/packages/elevator/style/style.css +65 -40
  75. package/dist/es/packages/elevator/style/style.harmony.css +69 -41
  76. package/dist/es/packages/elevator/style-jmapp/elevator.scss +61 -33
  77. package/dist/es/packages/elevator/style-jmapp/style.css +56 -31
  78. package/dist/es/packages/elevator/style-jrkf/elevator.scss +61 -33
  79. package/dist/es/packages/elevator/style-jrkf/style.css +56 -31
  80. package/dist/es/packages/formitem/formitem.js +2 -2
  81. package/dist/es/packages/formitem/style/formitem.scss +14 -15
  82. package/dist/es/packages/formitem/style/style.css +9 -11
  83. package/dist/es/packages/formitem/style/style.harmony.css +8 -10
  84. package/dist/es/packages/formitem/style-jmapp/formitem.scss +14 -15
  85. package/dist/es/packages/formitem/style-jmapp/style.css +8 -10
  86. package/dist/es/packages/formitem/style-jrkf/formitem.scss +14 -15
  87. package/dist/es/packages/formitem/style-jrkf/style.css +8 -10
  88. package/dist/es/packages/image/image.js +2 -2
  89. package/dist/es/packages/input/input.js +1 -1
  90. package/dist/es/packages/navbar/style/navbar.scss +2 -0
  91. package/dist/es/packages/navbar/style/style.css +2 -0
  92. package/dist/es/packages/navbar/style/style.harmony.css +2 -0
  93. package/dist/es/packages/navbar/style-jmapp/navbar.scss +2 -0
  94. package/dist/es/packages/navbar/style-jmapp/style.css +2 -0
  95. package/dist/es/packages/navbar/style-jrkf/navbar.scss +2 -0
  96. package/dist/es/packages/navbar/style-jrkf/style.css +2 -0
  97. package/dist/es/packages/noticebar/noticebar.js +1 -1
  98. package/dist/es/packages/overlay/style/overlay.scss +0 -1
  99. package/dist/es/packages/overlay/style/style.css +0 -1
  100. package/dist/es/packages/overlay/style/style.harmony.css +0 -1
  101. package/dist/es/packages/overlay/style-jmapp/overlay.scss +0 -1
  102. package/dist/es/packages/overlay/style-jmapp/style.css +0 -1
  103. package/dist/es/packages/overlay/style-jrkf/overlay.scss +0 -1
  104. package/dist/es/packages/overlay/style-jrkf/style.css +0 -1
  105. package/dist/es/packages/pickerview/pickerroller.js +9 -1
  106. package/dist/es/packages/switch/switch.js +0 -1
  107. package/dist/es/packages/tabpane/style/style.css +1 -1
  108. package/dist/es/packages/tabpane/style/tabpane.scss +1 -1
  109. package/dist/es/packages/tabpane/style-jmapp/style.css +1 -1
  110. package/dist/es/packages/tabpane/style-jmapp/tabpane.scss +1 -1
  111. package/dist/es/packages/tabpane/style-jrkf/style.css +1 -1
  112. package/dist/es/packages/tabpane/style-jrkf/tabpane.scss +1 -1
  113. package/dist/es/types/spec/calendarcard/base.d.ts +4 -0
  114. package/dist/es/types/spec/datepicker/base.d.ts +1 -1
  115. package/dist/es/types/spec/elevator/base.d.ts +15 -6
  116. package/dist/nutui.react.umd.js +904 -888
  117. package/dist/style-jmapp.css +1 -1
  118. package/dist/style-jmapp.scss +31 -31
  119. package/dist/style-jrkf.css +1 -1
  120. package/dist/style-jrkf.scss +29 -29
  121. package/dist/style.css +1 -1
  122. package/dist/style.scss +26 -26
  123. package/dist/styles/variables-jmapp.scss +14 -2
  124. package/dist/styles/variables-jrkf.scss +14 -2
  125. package/dist/styles/variables.scss +25 -45
  126. package/package.json +1 -1
@@ -7,6 +7,8 @@
7
7
  align-items: center;
8
8
  height: $navbar-height;
9
9
  box-sizing: border-box;
10
+ background: $navbar-background;
11
+ box-shadow: $navbar-box-shadow;
10
12
  font-size: $navbar-font-size;
11
13
  color: $navbar-color;
12
14
  overflow: hidden;
@@ -11,6 +11,8 @@
11
11
  align-items: center;
12
12
  height: var(--nutui-navbar-height, 44px);
13
13
  box-sizing: border-box;
14
+ background: var(--nutui-navbar-background, #ffffff);
15
+ box-shadow: var(--nutui-navbar-box-shadow, 0 0 transparent);
14
16
  font-size: var(--nutui-navbar-font-size, var(--nutui-font-size-base, 14px));
15
17
  color: var(--nutui-navbar-color, var(--nutui-color-title, #1a1a1a));
16
18
  overflow: hidden;
@@ -11,6 +11,8 @@
11
11
  align-items: center;
12
12
  height: 44px;
13
13
  box-sizing: border-box;
14
+ background: #ffffff;
15
+ box-shadow: 0 0 transparent;
14
16
  font-size: 14px;
15
17
  color: #1a1a1a;
16
18
  overflow: hidden;
@@ -7,6 +7,8 @@
7
7
  align-items: center;
8
8
  height: $navbar-height;
9
9
  box-sizing: border-box;
10
+ background: $navbar-background;
11
+ box-shadow: $navbar-box-shadow;
10
12
  font-size: $navbar-font-size;
11
13
  color: $navbar-color;
12
14
  overflow: hidden;
@@ -11,6 +11,8 @@
11
11
  align-items: center;
12
12
  height: var(--nutui-navbar-height, 44px);
13
13
  box-sizing: border-box;
14
+ background: var(--nutui-navbar-background, #ffffff);
15
+ box-shadow: var(--nutui-navbar-box-shadow, 0px);
14
16
  font-size: var(--nutui-navbar-font-size, var(--nutui-font-text));
15
17
  color: var(--nutui-navbar-color, var(--nutui-color-title));
16
18
  overflow: hidden;
@@ -7,6 +7,8 @@
7
7
  align-items: center;
8
8
  height: $navbar-height;
9
9
  box-sizing: border-box;
10
+ background: $navbar-background;
11
+ box-shadow: $navbar-box-shadow;
10
12
  font-size: $navbar-font-size;
11
13
  color: $navbar-color;
12
14
  overflow: hidden;
@@ -11,6 +11,8 @@
11
11
  align-items: center;
12
12
  height: var(--nutui-navbar-height, 44px);
13
13
  box-sizing: border-box;
14
+ background: var(--nutui-navbar-background, #ffffff);
15
+ box-shadow: var(--nutui-navbar-box-shadow, 0px);
14
16
  font-size: var(--nutui-navbar-font-size, var(--nutui-font-text));
15
17
  color: var(--nutui-navbar-color, var(--nutui-color-title));
16
18
  overflow: hidden;
@@ -333,7 +333,7 @@ export var NoticeBar = function(props) {
333
333
  var val = ((rect === null || rect === void 0 ? void 0 : rect.height) || 0) - height;
334
334
  _offset = moveOffset + Number(active === childCount - 1 && val / 2);
335
335
  target.style.transitionDuration = "".concat(swiperRef.current.moving ? 0 : duration, "ms");
336
- target.style.height = "".concat(Number(height) * childCount, "px");
336
+ target.style.height = "".concat(Number(height) * (childCount + 1), "px");
337
337
  target.style.transform = "translate3D(0,".concat(_offset, "px,0)");
338
338
  };
339
339
  // 无缝滚动第一个元素位移控制
@@ -7,7 +7,6 @@
7
7
  width: 100%;
8
8
  height: 100%;
9
9
  background-color: $overlay-bg-color;
10
- z-index: $overlay-zIndex;
11
10
  }
12
11
 
13
12
  .nut-overflow-hidden {
@@ -11,7 +11,6 @@
11
11
  width: 100%;
12
12
  height: 100%;
13
13
  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
14
- z-index: var(--nutui-overlay-zIndex, 1000);
15
14
  }
16
15
 
17
16
  .nut-overflow-hidden {
@@ -11,7 +11,6 @@
11
11
  width: 100%;
12
12
  height: 100%;
13
13
  background-color: rgba(0, 0, 0, 0.7);
14
- z-index: 1000;
15
14
  }
16
15
 
17
16
  .nut-overflow-hidden {
@@ -7,7 +7,6 @@
7
7
  width: 100%;
8
8
  height: 100%;
9
9
  background-color: $overlay-bg-color;
10
- z-index: $overlay-zIndex;
11
10
  }
12
11
 
13
12
  .nut-overflow-hidden {
@@ -11,7 +11,6 @@
11
11
  width: 100%;
12
12
  height: 100%;
13
13
  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-surface-overlay));
14
- z-index: var(--nutui-overlay-zIndex, 1000);
15
14
  }
16
15
 
17
16
  .nut-overflow-hidden {
@@ -7,7 +7,6 @@
7
7
  width: 100%;
8
8
  height: 100%;
9
9
  background-color: $overlay-bg-color;
10
- z-index: $overlay-zIndex;
11
10
  }
12
11
 
13
12
  .nut-overflow-hidden {
@@ -11,7 +11,6 @@
11
11
  width: 100%;
12
12
  height: 100%;
13
13
  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-surface-overlay));
14
- z-index: var(--nutui-overlay-zIndex, 1000);
15
14
  }
16
15
 
17
16
  .nut-overflow-hidden {
@@ -67,7 +67,9 @@ var InternalPickerRoller = function(props, ref) {
67
67
  var selectValue = function(move) {
68
68
  onSelect === null || onSelect === void 0 ? void 0 : onSelect(options === null || options === void 0 ? void 0 : options[Math.round(-move / lineSpacing.current)], keyIndex);
69
69
  };
70
+ var isScroll = useRef(false);
70
71
  var handleTouchStart = function(event) {
72
+ isScroll.current = true;
71
73
  touch.start(event);
72
74
  setStartY(touch.deltaY.current);
73
75
  setStartTime(Date.now());
@@ -92,6 +94,7 @@ var InternalPickerRoller = function(props, ref) {
92
94
  } else {
93
95
  handleMove(move, 'end');
94
96
  }
97
+ isScroll.current = false;
95
98
  setTimeout(function() {
96
99
  touch.reset();
97
100
  }, 0);
@@ -211,6 +214,11 @@ var InternalPickerRoller = function(props, ref) {
211
214
  handleTouchMove,
212
215
  handleTouchEnd
213
216
  ]);
217
+ var onTransitionEnd = function() {
218
+ if (!isScroll.current) {
219
+ stopMomentumScroll();
220
+ }
221
+ };
214
222
  return /*#__PURE__*/ React.createElement(View, {
215
223
  className: "nut-pickerview-list",
216
224
  ref: pickerRollerRef
@@ -223,7 +231,7 @@ var InternalPickerRoller = function(props, ref) {
223
231
  id: "".concat(classPrefix, "-").concat(uuid),
224
232
  ref: rollerRef,
225
233
  style: threeDimensional ? touchRollerStyle() : touchTiledStyle(),
226
- onTransitionEnd: stopMomentumScroll
234
+ onTransitionEnd: onTransitionEnd
227
235
  }, threeDimensional && options.map(function(item, index) {
228
236
  var _item_value;
229
237
  var _obj;
@@ -76,7 +76,6 @@ export var Switch = function(props) {
76
76
  4
77
77
  ];
78
78
  loadingIcon && setLoading(true);
79
- onChange(!value);
80
79
  _state.label = 1;
81
80
  case 1:
82
81
  _state.trys.push([
@@ -6,7 +6,7 @@
6
6
  width: 100%;
7
7
  flex-shrink: 0;
8
8
  display: block;
9
- background-color: var(--nutui-tabs-tabpane-backgroundColor, #fff);
9
+ background-color: var(--nutui-tabs-tabpane-background-color, #fff);
10
10
  color: var(--nutui-color-title, #1a1a1a);
11
11
  padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
12
12
  box-sizing: border-box;
@@ -2,7 +2,7 @@
2
2
  width: 100%;
3
3
  flex-shrink: 0;
4
4
  display: block;
5
- background-color: $tabs-tabpane-backgroundColor;
5
+ background-color: $tabs-tabpane-background-color;
6
6
  color: $color-title;
7
7
  padding: $tabs-tabpane-padding;
8
8
  box-sizing: border-box;
@@ -6,7 +6,7 @@
6
6
  width: 100%;
7
7
  flex-shrink: 0;
8
8
  display: block;
9
- background-color: var(--nutui-tabs-tabpane-backgroundColor, #fff);
9
+ background-color: var(--nutui-tabs-tabpane-background-color, #fff);
10
10
  color: var(--nutui-color-title);
11
11
  padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
12
12
  box-sizing: border-box;
@@ -2,7 +2,7 @@
2
2
  width: 100%;
3
3
  flex-shrink: 0;
4
4
  display: block;
5
- background-color: $tabs-tabpane-backgroundColor;
5
+ background-color: $tabs-tabpane-background-color;
6
6
  color: $color-title;
7
7
  padding: $tabs-tabpane-padding;
8
8
  box-sizing: border-box;
@@ -6,7 +6,7 @@
6
6
  width: 100%;
7
7
  flex-shrink: 0;
8
8
  display: block;
9
- background-color: var(--nutui-tabs-tabpane-backgroundColor, #fff);
9
+ background-color: var(--nutui-tabs-tabpane-background-color, #fff);
10
10
  color: var(--nutui-color-title);
11
11
  padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
12
12
  box-sizing: border-box;
@@ -2,7 +2,7 @@
2
2
  width: 100%;
3
3
  flex-shrink: 0;
4
4
  display: block;
5
- background-color: $tabs-tabpane-backgroundColor;
5
+ background-color: $tabs-tabpane-background-color;
6
6
  color: $color-title;
7
7
  padding: $tabs-tabpane-padding;
8
8
  box-sizing: border-box;
@@ -21,6 +21,10 @@ export interface BaseCalendarCard extends BaseProps {
21
21
  */
22
22
  type: 'single' | 'multiple' | 'range' | 'week'
23
23
  /**
24
+ * 自定义标题
25
+ */
26
+ title: ReactNode
27
+ /**
24
28
  * 受控模式下的值,与 onChange 搭配使用
25
29
  */
26
30
  value: CalendarCardValue
@@ -20,7 +20,7 @@ export interface BaseDatePicker extends BaseProps {
20
20
  /**
21
21
  * 类时间类型,可选值 date time year-month month-day datehour datetime hour-minutes
22
22
  */
23
- type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes'
23
+ type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes' | ''
24
24
  /**
25
25
  * 每列是否展示中文
26
26
  */
@@ -8,10 +8,22 @@ export interface ElevatorItem {
8
8
  export type ElevatorFloorKey = string;
9
9
  export type ElevatorList = {
10
10
  list: Array<ElevatorItem>;
11
- } & {
12
- [key: ElevatorFloorKey]: string;
11
+ [key: string]: SimpleValue | Array<ElevatorItem>;
13
12
  };
13
+ export type ElevatorMode = 'horizontal' | 'vertical';
14
14
  export interface BaseElevator extends BaseProps {
15
+ /**
16
+ * 默认选中的值,受控
17
+ */
18
+ defaultValue?: ElevatorItem
19
+ /**
20
+ * 当前选中的值
21
+ */
22
+ value?: ElevatorItem
23
+ /**
24
+ * 电梯结构展示模式
25
+ */
26
+ mode: ElevatorMode
15
27
  /**
16
28
  * 电梯区域的高度
17
29
  */
@@ -32,10 +44,7 @@ export interface BaseElevator extends BaseProps {
32
44
  * 右侧锚点的上下间距
33
45
  */
34
46
  spaceHeight: number
35
- /**
36
- * 左侧索引的高度
37
- */
38
- titleHeight: number
47
+ titleHeight: number;
39
48
  /**
40
49
  * 展示右侧导航
41
50
  */