@nutui/nutui-react-taro 3.0.19-cpp-beta.0 → 3.0.19-cpp-beta.2
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/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/dialog/dialog.d.ts +2 -37
- package/dist/cjs/packages/dialog/style/dialog.scss +9 -1
- package/dist/cjs/packages/dialog/style/style.css +8 -1
- package/dist/cjs/packages/dialog/style/style.harmony.css +8 -1
- package/dist/cjs/packages/dialog/style-jmapp/dialog.scss +9 -1
- package/dist/cjs/packages/dialog/style-jmapp/style.css +8 -1
- package/dist/cjs/packages/dialog/style-jrkf/dialog.scss +9 -1
- package/dist/cjs/packages/dialog/style-jrkf/style.css +8 -1
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/dialog/dialog.d.ts +2 -37
- package/dist/es/packages/dialog/style/dialog.scss +9 -1
- package/dist/es/packages/dialog/style/style.css +8 -1
- package/dist/es/packages/dialog/style/style.harmony.css +8 -1
- package/dist/es/packages/dialog/style-jmapp/dialog.scss +9 -1
- package/dist/es/packages/dialog/style-jmapp/style.css +8 -1
- package/dist/es/packages/dialog/style-jrkf/dialog.scss +9 -1
- package/dist/es/packages/dialog/style-jrkf/style.css +8 -1
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +25 -25
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +36 -36
- package/dist/style.css +1 -1
- package/dist/style.scss +33 -33
- package/dist/styles/theme-dark.scss +90 -56
- package/dist/styles/theme-default.scss +94 -60
- package/dist/styles/themes/dark.css +1 -1
- package/dist/styles/themes/default.css +1 -1
- package/dist/styles/variables-jmapp.scss +4 -0
- package/dist/styles/variables-jrkf.scss +4 -0
- package/dist/styles/variables.scss +4 -0
- package/package.json +1 -1
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
&-outer {
|
|
17
17
|
position: fixed;
|
|
18
18
|
max-height: 100%;
|
|
19
|
-
background-color: $
|
|
19
|
+
background-color: $dialog-background;
|
|
20
20
|
transition:
|
|
21
21
|
transform 0.2s,
|
|
22
22
|
-webkit-transform 0.2s;
|
|
@@ -128,12 +128,20 @@
|
|
|
128
128
|
&-cancel.nut-dialog-footer-cancel {
|
|
129
129
|
margin-right: $dialog-footer-cancel-margin-right;
|
|
130
130
|
background: $dialog-footer-cancel-bg;
|
|
131
|
+
color: $button-default-color;
|
|
132
|
+
.nut-button-children {
|
|
133
|
+
color: $button-default-color;
|
|
134
|
+
}
|
|
131
135
|
}
|
|
132
136
|
|
|
133
137
|
&-ok {
|
|
134
138
|
max-width: $dialog-footer-ok-max-width;
|
|
135
139
|
font-weight: $font-weight-bold;
|
|
140
|
+
.nut-button-children {
|
|
141
|
+
font-weight: $font-weight-bold;
|
|
142
|
+
}
|
|
136
143
|
}
|
|
144
|
+
|
|
137
145
|
&-block {
|
|
138
146
|
&.nut-button {
|
|
139
147
|
min-width: 100%;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
.nut-dialog-outer {
|
|
19
19
|
position: fixed;
|
|
20
20
|
max-height: 100%;
|
|
21
|
-
background-color: #ffffff;
|
|
21
|
+
background-color: var(--nutui-dialog-background, var(--nutui-color-background-overlay, #ffffff));
|
|
22
22
|
transition: transform 0.2s, -webkit-transform 0.2s;
|
|
23
23
|
-webkit-overflow-scrolling: touch;
|
|
24
24
|
top: 50%;
|
|
@@ -119,11 +119,18 @@
|
|
|
119
119
|
.nut-dialog-footer-cancel.nut-dialog-footer-cancel {
|
|
120
120
|
margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
|
|
121
121
|
background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, transparent));
|
|
122
|
+
color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
|
|
123
|
+
}
|
|
124
|
+
.nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
|
|
125
|
+
color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
|
|
122
126
|
}
|
|
123
127
|
.nut-dialog-footer-ok {
|
|
124
128
|
max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
|
|
125
129
|
font-weight: var(--nutui-font-weight-bold, 600);
|
|
126
130
|
}
|
|
131
|
+
.nut-dialog-footer-ok .nut-button-children {
|
|
132
|
+
font-weight: var(--nutui-font-weight-bold, 600);
|
|
133
|
+
}
|
|
127
134
|
.nut-dialog-footer-block.nut-button {
|
|
128
135
|
min-width: 100%;
|
|
129
136
|
}
|
|
@@ -449,7 +449,7 @@
|
|
|
449
449
|
.nut-dialog-outer {
|
|
450
450
|
position: fixed;
|
|
451
451
|
max-height: 100%;
|
|
452
|
-
background-color: #ffffff;
|
|
452
|
+
background-color: var(--nutui-dialog-background, var(--nutui-color-background-overlay, #ffffff));
|
|
453
453
|
transition: transform 0.2s, -webkit-transform 0.2s;
|
|
454
454
|
-webkit-overflow-scrolling: touch;
|
|
455
455
|
top: 50%;
|
|
@@ -550,11 +550,18 @@
|
|
|
550
550
|
.nut-dialog-footer-cancel.nut-dialog-footer-cancel {
|
|
551
551
|
margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
|
|
552
552
|
background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, transparent));
|
|
553
|
+
color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
|
|
554
|
+
}
|
|
555
|
+
.nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
|
|
556
|
+
color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
|
|
553
557
|
}
|
|
554
558
|
.nut-dialog-footer-ok {
|
|
555
559
|
max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
|
|
556
560
|
font-weight: var(--nutui-font-weight-bold, 600);
|
|
557
561
|
}
|
|
562
|
+
.nut-dialog-footer-ok .nut-button-children {
|
|
563
|
+
font-weight: var(--nutui-font-weight-bold, 600);
|
|
564
|
+
}
|
|
558
565
|
.nut-dialog-footer-block.nut-button {
|
|
559
566
|
min-width: 100%;
|
|
560
567
|
}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
&-outer {
|
|
17
17
|
position: fixed;
|
|
18
18
|
max-height: 100%;
|
|
19
|
-
background-color: $
|
|
19
|
+
background-color: $dialog-background;
|
|
20
20
|
transition:
|
|
21
21
|
transform 0.2s,
|
|
22
22
|
-webkit-transform 0.2s;
|
|
@@ -128,12 +128,20 @@
|
|
|
128
128
|
&-cancel.nut-dialog-footer-cancel {
|
|
129
129
|
margin-right: $dialog-footer-cancel-margin-right;
|
|
130
130
|
background: $dialog-footer-cancel-bg;
|
|
131
|
+
color: $button-default-color;
|
|
132
|
+
.nut-button-children {
|
|
133
|
+
color: $button-default-color;
|
|
134
|
+
}
|
|
131
135
|
}
|
|
132
136
|
|
|
133
137
|
&-ok {
|
|
134
138
|
max-width: $dialog-footer-ok-max-width;
|
|
135
139
|
font-weight: $font-weight-bold;
|
|
140
|
+
.nut-button-children {
|
|
141
|
+
font-weight: $font-weight-bold;
|
|
142
|
+
}
|
|
136
143
|
}
|
|
144
|
+
|
|
137
145
|
&-block {
|
|
138
146
|
&.nut-button {
|
|
139
147
|
min-width: 100%;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
.nut-dialog-outer {
|
|
19
19
|
position: fixed;
|
|
20
20
|
max-height: 100%;
|
|
21
|
-
background-color:
|
|
21
|
+
background-color: var(--nutui-dialog-background, var(--nutui-color-surface-2));
|
|
22
22
|
transition: transform 0.2s, -webkit-transform 0.2s;
|
|
23
23
|
-webkit-overflow-scrolling: touch;
|
|
24
24
|
top: 50%;
|
|
@@ -119,11 +119,18 @@
|
|
|
119
119
|
.nut-dialog-footer-cancel.nut-dialog-footer-cancel {
|
|
120
120
|
margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
|
|
121
121
|
background: var(--nutui-dialog-footer-cancel-bg, transparent);
|
|
122
|
+
color: var(--nutui-button-default-color, var(--nutui-color-text));
|
|
123
|
+
}
|
|
124
|
+
.nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
|
|
125
|
+
color: var(--nutui-button-default-color, var(--nutui-color-text));
|
|
122
126
|
}
|
|
123
127
|
.nut-dialog-footer-ok {
|
|
124
128
|
max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
|
|
125
129
|
font-weight: var(--nutui-font-weight-bold);
|
|
126
130
|
}
|
|
131
|
+
.nut-dialog-footer-ok .nut-button-children {
|
|
132
|
+
font-weight: var(--nutui-font-weight-bold);
|
|
133
|
+
}
|
|
127
134
|
.nut-dialog-footer-block.nut-button {
|
|
128
135
|
min-width: 100%;
|
|
129
136
|
}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
&-outer {
|
|
17
17
|
position: fixed;
|
|
18
18
|
max-height: 100%;
|
|
19
|
-
background-color: $
|
|
19
|
+
background-color: $dialog-background;
|
|
20
20
|
transition:
|
|
21
21
|
transform 0.2s,
|
|
22
22
|
-webkit-transform 0.2s;
|
|
@@ -128,12 +128,20 @@
|
|
|
128
128
|
&-cancel.nut-dialog-footer-cancel {
|
|
129
129
|
margin-right: $dialog-footer-cancel-margin-right;
|
|
130
130
|
background: $dialog-footer-cancel-bg;
|
|
131
|
+
color: $button-default-color;
|
|
132
|
+
.nut-button-children {
|
|
133
|
+
color: $button-default-color;
|
|
134
|
+
}
|
|
131
135
|
}
|
|
132
136
|
|
|
133
137
|
&-ok {
|
|
134
138
|
max-width: $dialog-footer-ok-max-width;
|
|
135
139
|
font-weight: $font-weight-bold;
|
|
140
|
+
.nut-button-children {
|
|
141
|
+
font-weight: $font-weight-bold;
|
|
142
|
+
}
|
|
136
143
|
}
|
|
144
|
+
|
|
137
145
|
&-block {
|
|
138
146
|
&.nut-button {
|
|
139
147
|
min-width: 100%;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
.nut-dialog-outer {
|
|
19
19
|
position: fixed;
|
|
20
20
|
max-height: 100%;
|
|
21
|
-
background-color:
|
|
21
|
+
background-color: var(--nutui-dialog-background, var(--nutui-color-surface-2));
|
|
22
22
|
transition: transform 0.2s, -webkit-transform 0.2s;
|
|
23
23
|
-webkit-overflow-scrolling: touch;
|
|
24
24
|
top: 50%;
|
|
@@ -119,11 +119,18 @@
|
|
|
119
119
|
.nut-dialog-footer-cancel.nut-dialog-footer-cancel {
|
|
120
120
|
margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
|
|
121
121
|
background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, var(--nutui-color-default)));
|
|
122
|
+
color: var(--nutui-button-default-color, var(--nutui-color-text));
|
|
123
|
+
}
|
|
124
|
+
.nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
|
|
125
|
+
color: var(--nutui-button-default-color, var(--nutui-color-text));
|
|
122
126
|
}
|
|
123
127
|
.nut-dialog-footer-ok {
|
|
124
128
|
max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
|
|
125
129
|
font-weight: var(--nutui-font-weight-bold);
|
|
126
130
|
}
|
|
131
|
+
.nut-dialog-footer-ok .nut-button-children {
|
|
132
|
+
font-weight: var(--nutui-font-weight-bold);
|
|
133
|
+
}
|
|
127
134
|
.nut-dialog-footer-block.nut-button {
|
|
128
135
|
min-width: 100%;
|
|
129
136
|
}
|