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

Sign up to get free protection for your applications and to get access to all the features.
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