@gm-mobile/c-react 3.9.1 → 3.9.3-beta.10

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 (42) hide show
  1. package/package.json +5 -5
  2. package/src/component/button/button.tsx +12 -3
  3. package/src/component/button/stories.tsx +2 -3
  4. package/src/component/button/style.less +6 -9
  5. package/src/component/button/types.ts +2 -1
  6. package/src/component/calendar/index.ts +1 -0
  7. package/src/component/cell/cell.tsx +29 -27
  8. package/src/component/cell/style.less +8 -5
  9. package/src/component/dialog/dialog.tsx +6 -1
  10. package/src/component/dialog/types.ts +9 -8
  11. package/src/component/digital_keyboard/Base.tsx +13 -13
  12. package/src/component/digital_keyboard/Btn.ts +3 -3
  13. package/src/component/digital_keyboard/index.tsx +14 -10
  14. package/src/component/digital_keyboard/stories.tsx +35 -41
  15. package/src/component/draggable/draggable.tsx +1 -0
  16. package/src/component/error/error.tsx +23 -0
  17. package/src/component/error/index.ts +1 -0
  18. package/src/component/error/style.less +42 -0
  19. package/src/component/error/types.ts +5 -0
  20. package/src/component/layout_root/layout_root.tsx +0 -1
  21. package/src/component/popup/popup.tsx +4 -1
  22. package/src/component/popup/popup_v1.tsx +2 -1
  23. package/src/component/popup/style.less +1 -1
  24. package/src/component/popup/types.ts +4 -0
  25. package/src/component/text_field/TextField.tsx +12 -15
  26. package/src/component/text_field/stories.tsx +0 -1
  27. package/src/component/text_field/style.less +12 -0
  28. package/src/component/text_field/types.ts +1 -1
  29. package/src/index.less +19 -13
  30. package/src/index.ts +1 -0
  31. package/src/less/animation.less +9 -4
  32. package/src/less/bg.less +24 -0
  33. package/src/less/border.less +23 -0
  34. package/src/less/button.less +120 -0
  35. package/src/less/distance.less +2 -0
  36. package/src/less/ellipsis.less +17 -0
  37. package/src/less/lineheight.less +19 -0
  38. package/src/less/opacity.less +15 -0
  39. package/src/less/shadow.less +9 -0
  40. package/src/less/text.less +33 -24
  41. package/src/less/variable.less +12 -11
  42. package/src/less/variable_page.less +0 -116
package/src/less/variable.less CHANGED
@@ -7,7 +7,8 @@
7
7
  // stylelint-disable
8
8
 
9
9
  // 颜色，会通过主题更改
10
- :root {
10
+ :root,
11
+ page {
11
12
  // color
12
13
  --m-color-default: #353535; // 主内容
13
14
  --m-color-desc: #888; // 次要内容
@@ -32,13 +33,20 @@
32
33
  --m-btn-color-default-active: darken(#888, 10%);
33
34
  --m-btn-color-bg-default: #f6f6f6;
34
35
  --m-btn-color-bg-default-active: #ececec;
36
+ --m-btn-border-radius: 8px;
35
37
 
36
38
  // calendar
37
39
  --m-calendar-bg-active: fadeout(rgba(30, 172, 82, 1), 80%);
40
+
41
+ // 输入框大小
42
+ --m-textfield-height-mini: 32px;
43
+ --m-textfield-height-normal: 48px;
44
+ --m-textfield-height-large: 64px;
38
45
  }
39
46
 
40
47
  // 不变的颜色
41
- :root {
48
+ :root,
49
+ page {
42
50
  // color
43
51
  --m-color-placeholder: #b2b2b2;
44
52
  --m-color-accent: #ff6500;
@@ -81,15 +89,8 @@
81
89
  }
82
90
 
83
91
  // 非颜色
84
- :root {
85
- // 字体尺寸
86
- --m-size-text-10: 10px;
87
- --m-size-text-12: 12px;
88
- --m-size-text-14: 14px;
89
- --m-size-text-16: 16px;
90
- --m-size-text-18: 18px;
91
- --m-size-text-20: 20px;
92
-
92
+ :root,
93
+ page {
93
94
  // line-height
94
95
  --m-size-line-height: 1.6;
95
96
 
package/src/less/variable_page.less DELETED
@@ -1,116 +0,0 @@
1
- /*
2
- 规则
3
- --color 颜色相关
4
- --size 尺寸相关
5
- --btn 具体业务
6
- */
7
- // stylelint-disable
8
-
9
- // 颜色，会通过主题更改
10
- page {
11
- // color
12
- --m-color-default: #353535; // 主内容
13
- --m-color-desc: #888; // 次要内容
14
- --m-color-primary: rgba(30, 172, 82, 1);
15
- --m-color-white: white;
16
- --m-color-black: black;
17
-
18
- // bg
19
- --m-color-bg-white: white;
20
- --m-color-bg-back: #f6f6f6; // 背景色
21
- --m-color-bg-light: #fbfbfb; // 亮点的背景色
22
- --m-color-bg-primary: rgba(30, 172, 82, 1);
23
- --m-color-bg-secondary: fadeout(rgba(30, 172, 82, 1), 80%);
24
-
25
- // active
26
- --m-color-bg-white-active: #ececec;
27
- --m-color-bg-back-active: #ececec;
28
- --m-color-bg-primary-active: darken(rgba(30, 172, 82, 1), 10%);
29
-
30
- // btn
31
- --m-btn-color-default: #888;
32
- --m-btn-color-default-active: darken(#888, 10%);
33
- --m-btn-color-bg-default: #f6f6f6;
34
- --m-btn-color-bg-default-active: #ececec;
35
-
36
- // calendar
37
- --m-calendar-bg-active: fadeout(rgba(30, 172, 82, 1), 80%);
38
- }
39
-
40
- // 不变的颜色
41
- page {
42
- // color
43
- --m-color-placeholder: #b2b2b2;
44
- --m-color-accent: #ff6500;
45
- --m-color-success: #1eac52;
46
- --m-color-danger: #fa5151;
47
- --m-color-link: #576b95;
48
- --m-color-red: red;
49
- --m-color-true-white: white; // 一定是白色
50
- --m-color-true-black: black; // 一定是黑色
51
-
52
- // bg
53
- --m-color-bg-accent: #ff6500;
54
- --m-color-bg-accent-light: tint(#ff6500, 80%);
55
- --m-color-bg-danger: #fa5151;
56
- --m-color-bg-red: red;
57
- --m-color-bg-black: black;
58
-
59
- // active
60
- --m-color-bg-danger-active: darken(#fa5151, 10%);
61
-
62
- // border
63
- --m-color-border: rgba(0, 0, 0, 0.1);
64
- // 深色 border
65
- --m-color-border-dark: rgba(0, 0, 0, 0.3);
66
-
67
- // mask 背景色
68
- --m-color-bg-mask: rgba(0, 0, 0, 0.6);
69
-
70
- // toast
71
- --m-color-bg-toast: #606060;
72
-
73
- // coupon
74
- --m-color-coupon-disabled: #b2b2b2;
75
- --m-color-bg-coupon-disabled: #b2b2b2;
76
- --m-color-coupon-bg-vip: #24282c;
77
- --m-color-coupon-vip: #d7b08a;
78
-
79
- // 阴影色
80
- --m-color-box-shadow: rgba(0, 0, 0, 0.4);
81
- }
82
-
83
- // 非颜色
84
- page {
85
- // 字体尺寸
86
- --m-size-text-10: 10px;
87
- --m-size-text-12: 12px;
88
- --m-size-text-14: 14px;
89
- --m-size-text-16: 16px;
90
- --m-size-text-18: 18px;
91
- --m-size-text-20: 20px;
92
-
93
- // line-height
94
- --m-size-line-height: 1.6;
95
-
96
- // height
97
- --m-size-tabbar-height: 49px;
98
- --m-size-header-height: 48px;
99
- --m-size-form-height: 40px;
100
- --m-size-form-height-sm: 30px;
101
- --m-size-cell-height: 52px;
102
- --m-size-cell-height-mini: 32px;
103
-
104
- // zIndex
105
- --m-z-index-header: 20;
106
- --m-z-index-tabbar: 20;
107
- --m-z-index-innerLayer: 900;
108
- --m-z-index-mask: 1000;
109
- --m-z-index-popup: 2000;
110
- --m-z-index-trigger: 2000;
111
- --m-z-index-previewImage: 4000;
112
- --m-z-index-dialog: 5000;
113
- --m-z-index-picker: 6000;
114
- --m-z-index-toast: 7000;
115
- --m-z-index-nprogress: 9999;
116
- }