@nutui/nutui-react-taro 1.3.11 → 1.3.12-beta.1
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/dist/esm/Cell.js +2 -3
- package/dist/esm/TextArea.js +2 -2
- package/dist/esm/{cell.taro-6daf51a0.js → cell.taro-1f034402.js} +6 -14
- package/dist/esm/nutui-react.es.js +2 -3
- package/dist/esm/{textarea.taro-388d1f90.js → textarea.taro-0a85b8a5.js} +7 -8
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +320 -1514
- package/dist/nutui.react.umd.js +313 -1507
- package/dist/packages/checkbox/checkbox.scss +1 -1
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/styles/variables.scss +77 -26
- package/package.json +2 -2
package/dist/style.es.js
CHANGED
|
@@ -1,34 +1,85 @@
|
|
|
1
|
+
// 品牌色
|
|
2
|
+
// 纯色
|
|
3
|
+
$brand-color: #fa2c19 !default;
|
|
4
|
+
// 渐变色
|
|
5
|
+
$brand-color-start: #ff404f !default;
|
|
6
|
+
$brand-color-end: #fa2c19 !default;
|
|
7
|
+
|
|
8
|
+
$gray0: #000000 !default;
|
|
9
|
+
// 灰阶
|
|
10
|
+
// 主要内容用色，常用语常规标题内容、细文浏览、常规按钮文字以及图表引导。
|
|
11
|
+
$gray1: #1a1a1a !default;
|
|
12
|
+
|
|
13
|
+
// 次要文字色，用于次级标题、属性标示、非主要信息引导等。
|
|
14
|
+
$gray2: #757575 !default;
|
|
15
|
+
|
|
16
|
+
// 不可操作内容色，用于预置内容、无效内容、特殊不可点击按钮、组件边框线等。
|
|
17
|
+
$gray3: #bfbfbf !default;
|
|
18
|
+
|
|
19
|
+
// 页面基底色，用于卡片式页面的兜底，永远置于页面最底层。
|
|
20
|
+
$gray4: #f4f4f4 !default;
|
|
21
|
+
|
|
22
|
+
// 卡片内嵌背景色，用于卡片内部的信息包裹，感知较弱。
|
|
23
|
+
$gray5: #f8f8f8 !default;
|
|
24
|
+
|
|
25
|
+
// 卡片背景色
|
|
26
|
+
$gray6: #ffffff !default;
|
|
27
|
+
|
|
28
|
+
// 页面全局蒙层，用于弹出层、弹窗、新功能引导出现的整页遮罩
|
|
29
|
+
$gray7: rgba(0, 0, 0, 0.7) !default;
|
|
30
|
+
|
|
31
|
+
// 局部蒙层，用于非整页遮罩
|
|
32
|
+
$gray8: rgba(0, 0, 0, 0.4) !default;
|
|
33
|
+
|
|
34
|
+
// 间隔线/容错线，用于结构或信息分割
|
|
35
|
+
$gray9: rgba(0, 0, 0, 0.08) !default;
|
|
36
|
+
|
|
37
|
+
// 图片容错蒙层
|
|
38
|
+
$gray10: rgba(0, 0, 0, 0.02) !default;
|
|
39
|
+
|
|
40
|
+
// 暗黑映射
|
|
41
|
+
$dark1: #e6e6e6 !default;
|
|
42
|
+
$dark2: #828282 !default;
|
|
43
|
+
$dark3: #404040 !default;
|
|
44
|
+
$dark4: #0a0a0a !default;
|
|
45
|
+
$dark5: #141414 !default;
|
|
46
|
+
$dark6: #1f1f1f !default;
|
|
47
|
+
$dark7: rgba(0, 0, 0, 0.7) !default;
|
|
48
|
+
$dark8: rgba(0, 0, 0, 0.4) !default;
|
|
49
|
+
$dark9: rgba(0, 0, 0, 0.08) !default;
|
|
50
|
+
$dark10: rgba(0, 0, 0, 0.02) !default;
|
|
51
|
+
|
|
1
52
|
// color
|
|
2
53
|
|
|
3
54
|
// 主色调
|
|
4
|
-
$primary-color:
|
|
5
|
-
$primary-color-end:
|
|
55
|
+
$primary-color: $brand-color !default;
|
|
56
|
+
$primary-color-end: $brand-color-end !default;
|
|
6
57
|
// 辅助色
|
|
7
|
-
$help-color:
|
|
58
|
+
$help-color: $gray5 !default;
|
|
8
59
|
// 标题常规文字
|
|
9
|
-
$title-color:
|
|
60
|
+
$title-color: $gray1 !default;
|
|
10
61
|
// 副标题
|
|
11
|
-
$title-color2:
|
|
62
|
+
$title-color2: $gray2 !default;
|
|
12
63
|
// 次内容
|
|
13
|
-
$text-color:
|
|
64
|
+
$text-color: $gray2 !default;
|
|
14
65
|
// 特殊禁用色
|
|
15
|
-
$disable-color:
|
|
16
|
-
$white:
|
|
17
|
-
$black:
|
|
66
|
+
$disable-color: $gray3 !default;
|
|
67
|
+
$white: $gray6 !default;
|
|
68
|
+
$black: $gray0 !default;
|
|
18
69
|
$required-color: #fa2c19 !default;
|
|
19
70
|
|
|
20
|
-
$dark-background:
|
|
21
|
-
$dark-background2:
|
|
22
|
-
$dark-background3:
|
|
23
|
-
$dark-background4:
|
|
24
|
-
$dark-background5:
|
|
25
|
-
$dark-background6:
|
|
26
|
-
$dark-background7:
|
|
27
|
-
$dark-color: $
|
|
28
|
-
$dark-color2:
|
|
29
|
-
$dark-color3:
|
|
30
|
-
$dark-color-gray: $
|
|
31
|
-
$dark-calendar-choose-color:
|
|
71
|
+
$dark-background: $dark1 !default;
|
|
72
|
+
$dark-background2: $dark2 !default;
|
|
73
|
+
$dark-background3: $dark3 !default;
|
|
74
|
+
$dark-background4: $dark4 !default;
|
|
75
|
+
$dark-background5: $dark5 !default;
|
|
76
|
+
$dark-background6: $dark6 !default;
|
|
77
|
+
$dark-background7: $dark7 !default;
|
|
78
|
+
$dark-color: $dark1 !default;
|
|
79
|
+
$dark-color2: $dark2 !default;
|
|
80
|
+
$dark-color3: $dark3 !default;
|
|
81
|
+
$dark-color-gray: $dark2 !default;
|
|
82
|
+
$dark-calendar-choose-color: $dark1 !default;
|
|
32
83
|
|
|
33
84
|
// padding
|
|
34
85
|
$padding-xs: 12px;
|
|
@@ -311,9 +362,9 @@ $toast-title-font-size: 16px !default;
|
|
|
311
362
|
$toast-text-font-size: 14px !default;
|
|
312
363
|
$toast-font-color: $white !default;
|
|
313
364
|
$toast-inner-padding: 24px 30px !default;
|
|
314
|
-
$toast-inner-bg-color:
|
|
365
|
+
$toast-inner-bg-color: $gray7 !default;
|
|
315
366
|
$toast-inner-border-radius: 12px !default;
|
|
316
|
-
$toast-cover-bg-color:
|
|
367
|
+
$toast-cover-bg-color: $gray7 !default;
|
|
317
368
|
|
|
318
369
|
//backtop（✅）
|
|
319
370
|
$backtop-border-color: #e0e0e0 !default;
|
|
@@ -497,10 +548,10 @@ $checkbox-icon-font-size: 18px !default;
|
|
|
497
548
|
$checkbox-icon-disable-color2: $help-color !default;
|
|
498
549
|
|
|
499
550
|
//radio（✅）
|
|
500
|
-
$radio-label-font-color:
|
|
551
|
+
$radio-label-font-color: $gray1 !default;
|
|
501
552
|
$radio-label-font-active-color: $primary-color !default;
|
|
502
|
-
$radio-label-disable-color:
|
|
503
|
-
$radio-icon-disable-color:
|
|
553
|
+
$radio-label-disable-color: $gray3 !default;
|
|
554
|
+
$radio-icon-disable-color: $gray3 !default;
|
|
504
555
|
$radio-label-button-border-color: $primary-color !default;
|
|
505
556
|
$radio-label-button-background: rgba($primary-color, 0.05) !default;
|
|
506
557
|
$radio-label-margin-left: 15px !default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nutui/nutui-react-taro",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.12-beta.1",
|
|
4
4
|
"style": "dist/style.css",
|
|
5
5
|
"main": "dist/nutui.react.umd.js",
|
|
6
6
|
"module": "dist/esm/nutui-react.es.js",
|
|
@@ -92,7 +92,6 @@
|
|
|
92
92
|
"@react-spring/web": "^9.3.2",
|
|
93
93
|
"@use-gesture/react": "^10.2.9",
|
|
94
94
|
"classnames": "^2.3.1",
|
|
95
|
-
"mobx-react-lite": "^3.4.0",
|
|
96
95
|
"react-router-dom": "^5.2.0",
|
|
97
96
|
"react-transition-group": "^4.4.2"
|
|
98
97
|
},
|
|
@@ -154,6 +153,7 @@
|
|
|
154
153
|
"map-stream": "0.0.7",
|
|
155
154
|
"marked": "^2.0.3",
|
|
156
155
|
"mobx": "^6.6.2",
|
|
156
|
+
"mobx-react-lite": "^3.4.0",
|
|
157
157
|
"postcss-import": "^14.0.2",
|
|
158
158
|
"postcss-modules": "^4.2.2",
|
|
159
159
|
"prettier": "2.3.0",
|