plain-design 1.0.0-beta.26 → 1.0.0-beta.28

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 (26) hide show
  1. package/dist/plain-design.commonjs.min.js +1 -1
  2. package/dist/plain-design.min.css +16 -16
  3. package/dist/plain-design.min.js +1 -1
  4. package/dist/report.html +2 -2
  5. package/package.json +1 -1
  6. package/src/packages/components/Alert/alert.scss +1 -1
  7. package/src/packages/components/Application/theme/theme.ts +1 -0
  8. package/src/packages/components/ArrowStepGroup/arrow-step.scss +4 -4
  9. package/src/packages/components/Badge/badge.scss +1 -1
  10. package/src/packages/components/Button/button.scss +1 -1
  11. package/src/packages/components/CarouselGroup/carousel.scss +1 -1
  12. package/src/packages/components/CheckboxInner/checkbox-inner.scss +1 -1
  13. package/src/packages/components/DatePicker/date.scss +1 -1
  14. package/src/packages/components/Dialog/dialog.scss +1 -1
  15. package/src/packages/components/Dialog/index.tsx +2 -2
  16. package/src/packages/components/Image/image.scss +3 -3
  17. package/src/packages/components/LoadingMask/index.tsx +1 -1
  18. package/src/packages/components/PageThemeUtils/index.tsx +1 -1
  19. package/src/packages/components/Pagination/pagination.scss +2 -2
  20. package/src/packages/components/ProgressBar/progress-bar.scss +1 -1
  21. package/src/packages/components/Slider/slider.scss +1 -1
  22. package/src/packages/components/StepGroup/step-group.scss +3 -3
  23. package/src/packages/components/ThemeEditor/theme-editor.scss +1 -1
  24. package/src/packages/components/useMessage/message.scss +1 -1
  25. package/src/packages/components/useNotice/notice.scss +1 -1
  26. package/src/packages/components/usePopup/popup-item.scss +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "plain-design",
3
- "version": "1.0.0-beta.26",
3
+ "version": "1.0.0-beta.28",
4
4
  "description": "",
5
5
  "main": "dist/plain-design.min.js",
6
6
  "module": "dist/plain-design.commonjs.min.js",
package/src/packages/components/Alert/alert.scss CHANGED
@@ -125,7 +125,7 @@
125
125
  &.alert-theme-deep {
126
126
  @include statusMixin(alert) {
127
127
  background-color: $color-6;
128
- color: white;
128
+ color: plv(pbfc);
129
129
  .alert-close {
130
130
  &:hover {
131
131
  background-color: $color-8;
package/src/packages/components/Application/theme/theme.ts CHANGED
@@ -230,6 +230,7 @@ export function createThemeConfigurationData(prefix: string | null, config?: Dee
230
230
  ...secondaryColorList,
231
231
  ...createGrayColors(dark, false),
232
232
  ...createGrayColors(dark, true),
233
+ ...base.primary === '#ffffff' ? { 'pbfc': 'black' } : { 'pbfc': 'white' },
233
234
  ...dark ? {
234
235
  'background-hover': '#3c3c4d',
235
236
  'scrollbar-color': '#141414',
package/src/packages/components/ArrowStepGroup/arrow-step.scss CHANGED
@@ -32,7 +32,7 @@
32
32
  align-items: center;
33
33
  justify-content: center;
34
34
  padding: 0 16px;
35
- color: white;
35
+ color: plv(pbfc);
36
36
  }
37
37
 
38
38
  .#{componentName(triangle)} {
@@ -73,7 +73,7 @@
73
73
  &.arrow-step-status-process, &.arrow-step-status-finish {
74
74
  .arrow-step-content {
75
75
  background-color: plv(primary-6);
76
- color: white;
76
+ color: plv(pbfc);
77
77
  }
78
78
 
79
79
  .#{componentName(triangle)} {
@@ -84,7 +84,7 @@
84
84
  &.arrow-step-status-success {
85
85
  .arrow-step-content {
86
86
  background-color: plv(success-6);
87
- color: white;
87
+ color: plv(pbfc);
88
88
  }
89
89
 
90
90
  .#{componentName(triangle)} {
@@ -95,7 +95,7 @@
95
95
  &.arrow-step-status-error {
96
96
  .arrow-step-content {
97
97
  background-color: plv(error-6);
98
- color: white;
98
+ color: plv(pbfc);
99
99
  }
100
100
 
101
101
  .#{componentName(triangle)} {
package/src/packages/components/Badge/badge.scss CHANGED
@@ -18,7 +18,7 @@
18
18
  @include statusMixin(badge-content) {
19
19
  background-color: $color-6;
20
20
  border-radius: 100px;
21
- color: white;
21
+ color: plv(pbfc);
22
22
  }
23
23
 
24
24
  &.badge-content-top {
package/src/packages/components/Button/button.scss CHANGED
@@ -37,7 +37,7 @@
37
37
  @include statusMixin(button) {
38
38
  background-color: $color-6;
39
39
  border-color: $color-6;
40
- color: white;
40
+ color: plv(pbfc);
41
41
  @include hover(button) {
42
42
  background-color: $color-4;
43
43
  border-color: $color-4;
package/src/packages/components/CarouselGroup/carousel.scss CHANGED
@@ -41,7 +41,7 @@
41
41
  cursor: pointer;
42
42
  pointer-events: auto;
43
43
  background-color: rgba(#ffffff, 0.45);
44
- color: white;
44
+ color: plv(pbfc);
45
45
  width: 36px;
46
46
  height: 36px;
47
47
  border-radius: 36px;
package/src/packages/components/CheckboxInner/checkbox-inner.scss CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  .checkbox-inner-check-polyline {
16
16
  fill: transparent;
17
- stroke: white;
17
+ stroke: plv(pbfc);
18
18
  stroke-width: 10;
19
19
  }
20
20
  }
package/src/packages/components/DatePicker/date.scss CHANGED
@@ -141,7 +141,7 @@ $width: 276px;
141
141
 
142
142
  & > span {
143
143
  background-color: plv(primary-6);
144
- color: white;
144
+ color: plv(pbfc);
145
145
  }
146
146
  }
147
147
  }
package/src/packages/components/Dialog/dialog.scss CHANGED
@@ -138,7 +138,7 @@
138
138
 
139
139
  &:hover {
140
140
  @include prefix(icon) {
141
- color: white;
141
+ color: plv(pbfc);
142
142
  }
143
143
 
144
144
  &:after {
package/src/packages/components/Dialog/index.tsx CHANGED
@@ -254,9 +254,9 @@ export const Dialog = designComponent({
254
254
  showing.start();
255
255
  if (!state.init) {
256
256
  state.init = true;
257
- await delay();
257
+ await delay(23);
258
258
  if (!refs.content) {
259
- await delay();
259
+ await delay(23);
260
260
  }
261
261
  } else {
262
262
  await nextTick();
package/src/packages/components/Image/image.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  right: 0;
7
7
  bottom: 0;
8
8
  background-color: rgba(black, 0.85);
9
- color: white;
9
+ color: plv(pbfc);
10
10
  display: flex;
11
11
  align-items: center;
12
12
  justify-content: center;
@@ -213,7 +213,7 @@
213
213
  &.image-uploader-status-fail {
214
214
  .image-uploader-fail {
215
215
  background-color: rgba(black, 0.85);
216
- color: white;
216
+ color: plv(pbfc);
217
217
  }
218
218
  }
219
219
 
@@ -247,7 +247,7 @@
247
247
  }
248
248
 
249
249
  .#{componentName(icon)} {
250
- color: white;
250
+ color: plv(pbfc);
251
251
  }
252
252
  }
253
253
  }
package/src/packages/components/LoadingMask/index.tsx CHANGED
@@ -53,7 +53,7 @@ export const LoadingMask = designComponent({
53
53
  if (props.fixedPosition) {
54
54
  return;
55
55
  }
56
- await delay();
56
+ await delay(23);
57
57
  const el = refs.el;
58
58
  if (el) {
59
59
  let parentNode = el.parentNode as HTMLElement;
package/src/packages/components/PageThemeUtils/index.tsx CHANGED
@@ -158,7 +158,7 @@ export const ThemePrimaryColors: Record<string, { label: string, primary: string
158
158
  geek: { label: '极客蓝', primary: '#2f54eb', },
159
159
  purple: { label: '酱紫', primary: '#722ed1', },
160
160
  magenta: { label: '洋红', primary: '#eb2f96', },
161
- light: { label: '极昼', primary: '#9fa4af', },
161
+ light: { label: '极昼', primary: '#ffffff', },
162
162
  dark: { label: '黑夜', primary: '#000000', },
163
163
  };
164
164
 
package/src/packages/components/Pagination/pagination.scss CHANGED
@@ -47,7 +47,7 @@
47
47
  &:active, &.pagination-pager-button-active {
48
48
  background-color: plv(primary-6);
49
49
  border-color: plv(primary-6);
50
- color: white;
50
+ color: plv(pbfc);
51
51
  }
52
52
  }
53
53
 
@@ -118,7 +118,7 @@
118
118
  &.pagination-pager-button-active {
119
119
  background-color: plv(gray-light-6);
120
120
  border-color: plv(gray-light-6);
121
- color: white;
121
+ color: plv(pbfc);
122
122
  }
123
123
  }
124
124
  }
package/src/packages/components/ProgressBar/progress-bar.scss CHANGED
@@ -32,7 +32,7 @@
32
32
  text-align: right;
33
33
 
34
34
  span {
35
- color: white;
35
+ color: plv(pbfc);
36
36
  }
37
37
  }
38
38
  }
package/src/packages/components/Slider/slider.scss CHANGED
@@ -47,7 +47,7 @@
47
47
  transition: all 300ms ease;
48
48
  opacity: 0;
49
49
  background-color: rgba(black, 0.8);
50
- color: white;
50
+ color: #ffffff;
51
51
  padding: 3px 6px;
52
52
  line-height: initial;
53
53
  position: absolute;
package/src/packages/components/StepGroup/step-group.scss CHANGED
@@ -200,7 +200,7 @@
200
200
  .step-icon {
201
201
  border-color: plv(primary-6);
202
202
  background-color: plv(primary-6);
203
- color: white;
203
+ color: plv(pbfc);
204
204
  }
205
205
 
206
206
  .step-dot {
@@ -227,7 +227,7 @@
227
227
  .step-icon {
228
228
  border-color: plv(primary-6);
229
229
  background-color: plv(primary-6);
230
- color: white;
230
+ color: plv(pbfc);
231
231
  }
232
232
 
233
233
  .step-title {
@@ -266,7 +266,7 @@
266
266
  .step-icon {
267
267
  border-color: plv(error-6);
268
268
  background-color: plv(error-6);
269
- color: white;
269
+ color: plv(pbfc);
270
270
  }
271
271
 
272
272
  .step-title {
package/src/packages/components/ThemeEditor/theme-editor.scss CHANGED
@@ -29,7 +29,7 @@
29
29
  width: calc(#{plv(box-size-normal-height)} * 1.5);
30
30
  border-radius: calc(#{plv(box-size-normal-height)} * 1.5);
31
31
  background-color: plv(primary-6);
32
- color: #FFFFFF;
32
+ color: plv(pbfc);
33
33
  display: flex;
34
34
  align-items: center;
35
35
  justify-content: center;
package/src/packages/components/useMessage/message.scss CHANGED
@@ -128,7 +128,7 @@
128
128
  }
129
129
  .message-close {
130
130
  @include prefix(icon) {
131
- color: white;
131
+ color: plv(pbfc);
132
132
  }
133
133
 
134
134
  &:after {
package/src/packages/components/useNotice/notice.scss CHANGED
@@ -65,7 +65,7 @@
65
65
  cursor: pointer;
66
66
 
67
67
  @include prefix(icon) {
68
- color: white;
68
+ color: plv(pbfc);
69
69
  position: relative;
70
70
  z-index: 1;
71
71
 
package/src/packages/components/usePopup/popup-item.scss CHANGED
@@ -97,7 +97,7 @@
97
97
 
98
98
  &.popup-item-is-dark {
99
99
  --#{componentName('popup-item-background')}: rgba(0, 0, 0, 0.88);
100
- color: white;
100
+ color: plv(pbfc);
101
101
  filter: none;
102
102
  }
103
103