@nutui/nutui-react 3.0.13 → 3.0.14

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 (74) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  3. package/dist/cjs/packages/datepicker/utils.js +1 -1
  4. package/dist/cjs/packages/elevator/elevator.d.ts +3 -20
  5. package/dist/cjs/packages/elevator/elevator.js +35 -22
  6. package/dist/cjs/packages/elevator/index.d.ts +1 -1
  7. package/dist/cjs/packages/elevator/style/elevator.scss +61 -33
  8. package/dist/cjs/packages/elevator/style/style.css +65 -40
  9. package/dist/cjs/packages/elevator/style-jmapp/elevator.scss +61 -33
  10. package/dist/cjs/packages/elevator/style-jmapp/style.css +56 -31
  11. package/dist/cjs/packages/elevator/style-jrkf/elevator.scss +61 -33
  12. package/dist/cjs/packages/elevator/style-jrkf/style.css +56 -31
  13. package/dist/cjs/packages/image/image.js +11 -15
  14. package/dist/cjs/packages/navbar/style/navbar.scss +2 -0
  15. package/dist/cjs/packages/navbar/style/style.css +2 -0
  16. package/dist/cjs/packages/navbar/style-jmapp/navbar.scss +2 -0
  17. package/dist/cjs/packages/navbar/style-jmapp/style.css +2 -0
  18. package/dist/cjs/packages/navbar/style-jrkf/navbar.scss +2 -0
  19. package/dist/cjs/packages/navbar/style-jrkf/style.css +2 -0
  20. package/dist/cjs/packages/price/style/price.scss +9 -0
  21. package/dist/cjs/packages/price/style/style.css +9 -0
  22. package/dist/cjs/packages/price/style-jmapp/price.scss +9 -0
  23. package/dist/cjs/packages/price/style-jmapp/style.css +9 -0
  24. package/dist/cjs/packages/price/style-jrkf/price.scss +9 -0
  25. package/dist/cjs/packages/price/style-jrkf/style.css +9 -0
  26. package/dist/cjs/packages/tabpane/style/style.css +1 -1
  27. package/dist/cjs/packages/tabpane/style/tabpane.scss +1 -1
  28. package/dist/cjs/packages/tabpane/style-jmapp/style.css +1 -1
  29. package/dist/cjs/packages/tabpane/style-jmapp/tabpane.scss +1 -1
  30. package/dist/cjs/packages/tabpane/style-jrkf/style.css +1 -1
  31. package/dist/cjs/packages/tabpane/style-jrkf/tabpane.scss +1 -1
  32. package/dist/cjs/types/spec/elevator/base.d.ts +5 -2
  33. package/dist/es/packages/configprovider/types.d.ts +1 -1
  34. package/dist/es/packages/datepicker/utils.js +1 -1
  35. package/dist/es/packages/elevator/elevator.d.ts +3 -20
  36. package/dist/es/packages/elevator/elevator.js +35 -22
  37. package/dist/es/packages/elevator/index.d.ts +1 -1
  38. package/dist/es/packages/elevator/style/elevator.scss +61 -33
  39. package/dist/es/packages/elevator/style/style.css +65 -40
  40. package/dist/es/packages/elevator/style-jmapp/elevator.scss +61 -33
  41. package/dist/es/packages/elevator/style-jmapp/style.css +56 -31
  42. package/dist/es/packages/elevator/style-jrkf/elevator.scss +61 -33
  43. package/dist/es/packages/elevator/style-jrkf/style.css +56 -31
  44. package/dist/es/packages/image/image.js +11 -15
  45. package/dist/es/packages/navbar/style/navbar.scss +2 -0
  46. package/dist/es/packages/navbar/style/style.css +2 -0
  47. package/dist/es/packages/navbar/style-jmapp/navbar.scss +2 -0
  48. package/dist/es/packages/navbar/style-jmapp/style.css +2 -0
  49. package/dist/es/packages/navbar/style-jrkf/navbar.scss +2 -0
  50. package/dist/es/packages/navbar/style-jrkf/style.css +2 -0
  51. package/dist/es/packages/price/style/price.scss +9 -0
  52. package/dist/es/packages/price/style/style.css +9 -0
  53. package/dist/es/packages/price/style-jmapp/price.scss +9 -0
  54. package/dist/es/packages/price/style-jmapp/style.css +9 -0
  55. package/dist/es/packages/price/style-jrkf/price.scss +9 -0
  56. package/dist/es/packages/price/style-jrkf/style.css +9 -0
  57. package/dist/es/packages/tabpane/style/style.css +1 -1
  58. package/dist/es/packages/tabpane/style/tabpane.scss +1 -1
  59. package/dist/es/packages/tabpane/style-jmapp/style.css +1 -1
  60. package/dist/es/packages/tabpane/style-jmapp/tabpane.scss +1 -1
  61. package/dist/es/packages/tabpane/style-jrkf/style.css +1 -1
  62. package/dist/es/packages/tabpane/style-jrkf/tabpane.scss +1 -1
  63. package/dist/es/types/spec/elevator/base.d.ts +15 -6
  64. package/dist/nutui.react.umd.js +240 -233
  65. package/dist/style-jmapp.css +1 -1
  66. package/dist/style-jmapp.scss +31 -31
  67. package/dist/style-jrkf.css +1 -1
  68. package/dist/style-jrkf.scss +40 -40
  69. package/dist/style.css +1 -1
  70. package/dist/style.scss +32 -32
  71. package/dist/styles/variables-jmapp.scss +14 -2
  72. package/dist/styles/variables-jrkf.scss +14 -2
  73. package/dist/styles/variables.scss +24 -43
  74. 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;
@@ -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;
@@ -62,14 +62,23 @@
62
62
  &-integer {
63
63
  &-xlarge {
64
64
  font-size: $price-integer-xlarge-size;
65
+ /* #ifdef dynamic */
66
+ line-height: $price-integer-xlarge-size;
67
+ /* #endif */
65
68
  }
66
69
 
67
70
  &-large {
68
71
  font-size: $price-integer-large-size;
72
+ /* #ifdef dynamic */
73
+ line-height: $price-integer-large-size;
74
+ /* #endif */
69
75
  }
70
76
 
71
77
  &-normal {
72
78
  font-size: $price-integer-normal-size;
79
+ /* #ifdef dynamic */
80
+ line-height: $price-integer-normal-size;
81
+ /* #endif */
73
82
  }
74
83
 
75
84
  &-small {
@@ -43,12 +43,21 @@
43
43
  }
44
44
  .nut-price-integer-xlarge {
45
45
  font-size: var(--nutui-price-integer-xlarge-size, 24px);
46
+ /* #ifdef dynamic */
47
+ line-height: var(--nutui-price-integer-xlarge-size, 24px);
48
+ /* #endif */
46
49
  }
47
50
  .nut-price-integer-large {
48
51
  font-size: var(--nutui-price-integer-large-size, 18px);
52
+ /* #ifdef dynamic */
53
+ line-height: var(--nutui-price-integer-large-size, 18px);
54
+ /* #endif */
49
55
  }
50
56
  .nut-price-integer-normal {
51
57
  font-size: var(--nutui-price-integer-normal-size, 16px);
58
+ /* #ifdef dynamic */
59
+ line-height: var(--nutui-price-integer-normal-size, 16px);
60
+ /* #endif */
52
61
  }
53
62
  .nut-price-integer-small {
54
63
  font-size: var(--nutui-price-integer-small-size, 12px);
@@ -62,14 +62,23 @@
62
62
  &-integer {
63
63
  &-xlarge {
64
64
  font-size: $price-integer-xlarge-size;
65
+ /* #ifdef dynamic */
66
+ line-height: $price-integer-xlarge-size;
67
+ /* #endif */
65
68
  }
66
69
 
67
70
  &-large {
68
71
  font-size: $price-integer-large-size;
72
+ /* #ifdef dynamic */
73
+ line-height: $price-integer-large-size;
74
+ /* #endif */
69
75
  }
70
76
 
71
77
  &-normal {
72
78
  font-size: $price-integer-normal-size;
79
+ /* #ifdef dynamic */
80
+ line-height: $price-integer-normal-size;
81
+ /* #endif */
73
82
  }
74
83
 
75
84
  &-small {
@@ -43,12 +43,21 @@
43
43
  }
44
44
  .nut-price-integer-xlarge {
45
45
  font-size: var(--nutui-price-integer-xlarge-size, 24px);
46
+ /* #ifdef dynamic */
47
+ line-height: var(--nutui-price-integer-xlarge-size, 24px);
48
+ /* #endif */
46
49
  }
47
50
  .nut-price-integer-large {
48
51
  font-size: var(--nutui-price-integer-large-size, 24px);
52
+ /* #ifdef dynamic */
53
+ line-height: var(--nutui-price-integer-large-size, 24px);
54
+ /* #endif */
49
55
  }
50
56
  .nut-price-integer-normal {
51
57
  font-size: var(--nutui-price-integer-normal-size, 16px);
58
+ /* #ifdef dynamic */
59
+ line-height: var(--nutui-price-integer-normal-size, 16px);
60
+ /* #endif */
52
61
  }
53
62
  .nut-price-integer-small {
54
63
  font-size: var(--nutui-price-integer-small-size, 12px);
@@ -62,14 +62,23 @@
62
62
  &-integer {
63
63
  &-xlarge {
64
64
  font-size: $price-integer-xlarge-size;
65
+ /* #ifdef dynamic */
66
+ line-height: $price-integer-xlarge-size;
67
+ /* #endif */
65
68
  }
66
69
 
67
70
  &-large {
68
71
  font-size: $price-integer-large-size;
72
+ /* #ifdef dynamic */
73
+ line-height: $price-integer-large-size;
74
+ /* #endif */
69
75
  }
70
76
 
71
77
  &-normal {
72
78
  font-size: $price-integer-normal-size;
79
+ /* #ifdef dynamic */
80
+ line-height: $price-integer-normal-size;
81
+ /* #endif */
73
82
  }
74
83
 
75
84
  &-small {
@@ -43,12 +43,21 @@
43
43
  }
44
44
  .nut-price-integer-xlarge {
45
45
  font-size: var(--nutui-price-integer-xlarge-size, 24px);
46
+ /* #ifdef dynamic */
47
+ line-height: var(--nutui-price-integer-xlarge-size, 24px);
48
+ /* #endif */
46
49
  }
47
50
  .nut-price-integer-large {
48
51
  font-size: var(--nutui-price-integer-large-size, 18px);
52
+ /* #ifdef dynamic */
53
+ line-height: var(--nutui-price-integer-large-size, 18px);
54
+ /* #endif */
49
55
  }
50
56
  .nut-price-integer-normal {
51
57
  font-size: var(--nutui-price-integer-normal-size, 16px);
58
+ /* #ifdef dynamic */
59
+ line-height: var(--nutui-price-integer-normal-size, 16px);
60
+ /* #endif */
52
61
  }
53
62
  .nut-price-integer-small {
54
63
  font-size: var(--nutui-price-integer-small-size, 12px);
@@ -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;
@@ -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
  */