@douyinfe/semi-foundation 2.44.0-beta.0 → 2.44.0

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 (23) hide show
  1. package/calendar/eventUtil.ts +5 -1
  2. package/calendar/foundation.ts +3 -3
  3. package/image/image.scss +1 -1
  4. package/lib/cjs/calendar/eventUtil.js +5 -1
  5. package/lib/cjs/calendar/foundation.js +3 -3
  6. package/lib/cjs/image/image.css +1 -1
  7. package/lib/cjs/image/image.scss +1 -1
  8. package/lib/cjs/modal/variables.scss +1 -1
  9. package/lib/cjs/steps/bacisSteps.scss +4 -1
  10. package/lib/cjs/steps/fillSteps.scss +4 -4
  11. package/lib/cjs/steps/steps.css +12 -10
  12. package/lib/es/calendar/eventUtil.js +5 -1
  13. package/lib/es/calendar/foundation.js +3 -3
  14. package/lib/es/image/image.css +1 -1
  15. package/lib/es/image/image.scss +1 -1
  16. package/lib/es/modal/variables.scss +1 -1
  17. package/lib/es/steps/bacisSteps.scss +4 -1
  18. package/lib/es/steps/fillSteps.scss +4 -4
  19. package/lib/es/steps/steps.css +12 -10
  20. package/modal/variables.scss +1 -1
  21. package/package.json +3 -3
  22. package/steps/bacisSteps.scss +4 -1
  23. package/steps/fillSteps.scss +4 -4
package/calendar/eventUtil.ts CHANGED
@@ -230,7 +230,11 @@ export const filterEvents = (events: Map<string, EventObject[]>, start: Date, en
230
230
  const item = events.get(day);
231
231
  const date = new Date(day);
232
232
  if (isDateInRange(date, start, end)) {
233
- res.set(day, item);
233
+ if (res.has(day)) {
234
+ res.set(day, [...res.get(day), ...item]);
235
+ } else {
236
+ res.set(day, item);
237
+ }
234
238
  } else if (isBefore(end, date)) {
235
239
  // do nothing
236
240
  } else {
package/calendar/foundation.ts CHANGED
@@ -320,13 +320,13 @@ export default class CalendarFoundation<P = Record<string, any>, S = Record<stri
320
320
 
321
321
  convertMapToArray(weekMap: Map<string, EventObject[]>, weekStart: Date) {
322
322
  const eventArray = [];
323
+ const map = new Map();
323
324
  for (const entry of weekMap.entries()) {
324
325
  const [key, value] = entry;
325
- const map = new Map();
326
326
  map.set(key, value);
327
- const weekEvents = this._parseWeeklyEvents(map, weekStart);
328
- eventArray.push(...weekEvents);
329
327
  }
328
+ const weekEvents = this._parseWeeklyEvents(map, weekStart);
329
+ eventArray.push(...weekEvents);
330
330
  return eventArray;
331
331
  }
332
332
 
package/image/image.scss CHANGED
@@ -11,7 +11,7 @@ $module: #{$prefix}-image;
11
11
  overflow: hidden;
12
12
 
13
13
  &-img {
14
- vertical-align: middle;
14
+ vertical-align: top;
15
15
  border-radius: inherit;
16
16
  user-select: none;
17
17
 
package/lib/cjs/calendar/eventUtil.js CHANGED
@@ -218,7 +218,11 @@ const filterEvents = (events, start, end) => {
218
218
  const item = events.get(day);
219
219
  const date = new Date(day);
220
220
  if (isDateInRange(date, start, end)) {
221
- res.set(day, item);
221
+ if (res.has(day)) {
222
+ res.set(day, [...res.get(day), ...item]);
223
+ } else {
224
+ res.set(day, item);
225
+ }
222
226
  } else if ((0, _dateFns.isBefore)(end, date)) {
223
227
  // do nothing
224
228
  } else {
package/lib/cjs/calendar/foundation.js CHANGED
@@ -225,13 +225,13 @@ class CalendarFoundation extends _foundation.default {
225
225
  }
226
226
  convertMapToArray(weekMap, weekStart) {
227
227
  const eventArray = [];
228
+ const map = new Map();
228
229
  for (const entry of weekMap.entries()) {
229
230
  const [key, value] = entry;
230
- const map = new Map();
231
231
  map.set(key, value);
232
- const weekEvents = this._parseWeeklyEvents(map, weekStart);
233
- eventArray.push(...weekEvents);
234
232
  }
233
+ const weekEvents = this._parseWeeklyEvents(map, weekStart);
234
+ eventArray.push(...weekEvents);
235
235
  return eventArray;
236
236
  }
237
237
  getParseMonthlyEvents(itemLimit) {
package/lib/cjs/image/image.css CHANGED
@@ -8,7 +8,7 @@
8
8
  overflow: hidden;
9
9
  }
10
10
  .semi-image-img {
11
- vertical-align: middle;
11
+ vertical-align: top;
12
12
  border-radius: inherit;
13
13
  user-select: none;
14
14
  }
package/lib/cjs/image/image.scss CHANGED
@@ -11,7 +11,7 @@ $module: #{$prefix}-image;
11
11
  overflow: hidden;
12
12
 
13
13
  &-img {
14
- vertical-align: middle;
14
+ vertical-align: top;
15
15
  border-radius: inherit;
16
16
  user-select: none;
17
17
 
package/lib/cjs/modal/variables.scss CHANGED
@@ -34,7 +34,7 @@ $spacing-modal_header-paddingX: 0;
34
34
  $spacing-modal_body_wrapper-marginY: 24px;
35
35
  $spacing-modal_body_wrapper-marginX: 0;
36
36
  $spacing-modal_body-margin: 0; // 模态框 body 外边距
37
- $spacing-modal_body-padding: 0; // 模态框 footer 垂直外边距
37
+ $spacing-modal_body-padding: 0; // 模态框 内容外Padding
38
38
  $spacing-modal_footer-marginY: 24px; // 模态框 footer 垂直外边距
39
39
  $spacing-modal_footer-marginX: 0; // 模态框 footer 水平外边距
40
40
  $spacing-modal_footer-paddingY:0;
package/lib/cjs/steps/bacisSteps.scss CHANGED
@@ -167,12 +167,15 @@ $basicType: #{$module}-basic;
167
167
  vertical-align: top;
168
168
  overflow: hidden;
169
169
  flex: 1;
170
- cursor: pointer;
171
170
  transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text, //step文字color的transition变化
172
171
  background-color $transition_duration-steps_item-backgroundColor $transition_function-steps_item_backgroundColor $transition_delay-steps_item_backgroundColor; //step backgroundColor 的transition变化
173
172
 
174
173
  transform:scale($transform_scale-step-item);
175
174
 
175
+ &-clickable {
176
+ cursor: pointer;
177
+ }
178
+
176
179
  &-hover:hover {
177
180
 
178
181
  .#{$item}-title {
package/lib/cjs/steps/fillSteps.scss CHANGED
@@ -101,7 +101,7 @@ $module: #{$prefix}-steps;
101
101
  }
102
102
  }
103
103
 
104
- &:active {
104
+ &-active:active {
105
105
  background-color: $color-steps-bg-active;
106
106
 
107
107
  .#{$prefix}-icon,
@@ -127,7 +127,7 @@ $module: #{$prefix}-steps;
127
127
  }
128
128
  }
129
129
 
130
- &:active {
130
+ &-active:active {
131
131
  background-color: $color-steps-bg-active;
132
132
 
133
133
  .#{$prefix}-icon,
@@ -153,7 +153,7 @@ $module: #{$prefix}-steps;
153
153
  }
154
154
  }
155
155
 
156
- &:active {
156
+ &-active:active {
157
157
  background-color: $color-steps-bg-active;
158
158
 
159
159
  .#{$module}-item-title,
@@ -195,4 +195,4 @@ $module: #{$prefix}-steps;
195
195
  overflow: hidden;
196
196
  }
197
197
  }
198
- }
198
+ }
package/lib/cjs/steps/steps.css CHANGED
@@ -71,11 +71,11 @@
71
71
  .semi-steps .semi-steps-item-finish-hover:hover .semi-steps-item-title {
72
72
  color: var(--semi-color-success-hover);
73
73
  }
74
- .semi-steps .semi-steps-item-finish:active {
74
+ .semi-steps .semi-steps-item-finish-active:active {
75
75
  background-color: var(--semi-color-fill-1);
76
76
  }
77
- .semi-steps .semi-steps-item-finish:active .semi-icon,
78
- .semi-steps .semi-steps-item-finish:active .semi-steps-item-title {
77
+ .semi-steps .semi-steps-item-finish-active:active .semi-icon,
78
+ .semi-steps .semi-steps-item-finish-active:active .semi-steps-item-title {
79
79
  color: var(--semi-color-success-active);
80
80
  }
81
81
  .semi-steps .semi-steps-item-error .semi-icon,
@@ -89,11 +89,11 @@
89
89
  .semi-steps .semi-steps-item-error-hover:hover .semi-steps-item-title {
90
90
  color: var(--semi-color-danger-hover);
91
91
  }
92
- .semi-steps .semi-steps-item-error:active {
92
+ .semi-steps .semi-steps-item-error-active:active {
93
93
  background-color: var(--semi-color-fill-1);
94
94
  }
95
- .semi-steps .semi-steps-item-error:active .semi-icon,
96
- .semi-steps .semi-steps-item-error:active .semi-steps-item-title {
95
+ .semi-steps .semi-steps-item-error-active:active .semi-icon,
96
+ .semi-steps .semi-steps-item-error-active:active .semi-steps-item-title {
97
97
  color: var(--semi-color-danger-active);
98
98
  }
99
99
  .semi-steps .semi-steps-item-warning .semi-steps-item-title,
@@ -107,11 +107,11 @@
107
107
  .semi-steps .semi-steps-item-warning-hover:hover .semi-icon {
108
108
  color: var(--semi-color-warning-hover);
109
109
  }
110
- .semi-steps .semi-steps-item-warning:active {
110
+ .semi-steps .semi-steps-item-warning-active:active {
111
111
  background-color: var(--semi-color-fill-1);
112
112
  }
113
- .semi-steps .semi-steps-item-warning:active .semi-steps-item-title,
114
- .semi-steps .semi-steps-item-warning:active .semi-icon {
113
+ .semi-steps .semi-steps-item-warning-active:active .semi-steps-item-title,
114
+ .semi-steps .semi-steps-item-warning-active:active .semi-icon {
115
115
  color: var(--semi-color-warning-active);
116
116
  }
117
117
  .semi-steps .semi-steps-item-clickable {
@@ -260,10 +260,12 @@
260
260
  vertical-align: top;
261
261
  overflow: hidden;
262
262
  flex: 1;
263
- cursor: pointer;
264
263
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
265
264
  transform: scale(var(--semi-transform_scale-small));
266
265
  }
266
+ .semi-steps-basic .semi-steps-item-clickable {
267
+ cursor: pointer;
268
+ }
267
269
  .semi-steps-basic .semi-steps-item-hover:hover .semi-steps-item-title {
268
270
  color: var(--semi-color-focus-border);
269
271
  }
package/lib/es/calendar/eventUtil.js CHANGED
@@ -199,7 +199,11 @@ export const filterEvents = (events, start, end) => {
199
199
  const item = events.get(day);
200
200
  const date = new Date(day);
201
201
  if (isDateInRange(date, start, end)) {
202
- res.set(day, item);
202
+ if (res.has(day)) {
203
+ res.set(day, [...res.get(day), ...item]);
204
+ } else {
205
+ res.set(day, item);
206
+ }
203
207
  } else if (isBefore(end, date)) {
204
208
  // do nothing
205
209
  } else {
package/lib/es/calendar/foundation.js CHANGED
@@ -218,13 +218,13 @@ export default class CalendarFoundation extends BaseFoundation {
218
218
  }
219
219
  convertMapToArray(weekMap, weekStart) {
220
220
  const eventArray = [];
221
+ const map = new Map();
221
222
  for (const entry of weekMap.entries()) {
222
223
  const [key, value] = entry;
223
- const map = new Map();
224
224
  map.set(key, value);
225
- const weekEvents = this._parseWeeklyEvents(map, weekStart);
226
- eventArray.push(...weekEvents);
227
225
  }
226
+ const weekEvents = this._parseWeeklyEvents(map, weekStart);
227
+ eventArray.push(...weekEvents);
228
228
  return eventArray;
229
229
  }
230
230
  getParseMonthlyEvents(itemLimit) {
package/lib/es/image/image.css CHANGED
@@ -8,7 +8,7 @@
8
8
  overflow: hidden;
9
9
  }
10
10
  .semi-image-img {
11
- vertical-align: middle;
11
+ vertical-align: top;
12
12
  border-radius: inherit;
13
13
  user-select: none;
14
14
  }
package/lib/es/image/image.scss CHANGED
@@ -11,7 +11,7 @@ $module: #{$prefix}-image;
11
11
  overflow: hidden;
12
12
 
13
13
  &-img {
14
- vertical-align: middle;
14
+ vertical-align: top;
15
15
  border-radius: inherit;
16
16
  user-select: none;
17
17
 
package/lib/es/modal/variables.scss CHANGED
@@ -34,7 +34,7 @@ $spacing-modal_header-paddingX: 0;
34
34
  $spacing-modal_body_wrapper-marginY: 24px;
35
35
  $spacing-modal_body_wrapper-marginX: 0;
36
36
  $spacing-modal_body-margin: 0; // 模态框 body 外边距
37
- $spacing-modal_body-padding: 0; // 模态框 footer 垂直外边距
37
+ $spacing-modal_body-padding: 0; // 模态框 内容外Padding
38
38
  $spacing-modal_footer-marginY: 24px; // 模态框 footer 垂直外边距
39
39
  $spacing-modal_footer-marginX: 0; // 模态框 footer 水平外边距
40
40
  $spacing-modal_footer-paddingY:0;
package/lib/es/steps/bacisSteps.scss CHANGED
@@ -167,12 +167,15 @@ $basicType: #{$module}-basic;
167
167
  vertical-align: top;
168
168
  overflow: hidden;
169
169
  flex: 1;
170
- cursor: pointer;
171
170
  transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text, //step文字color的transition变化
172
171
  background-color $transition_duration-steps_item-backgroundColor $transition_function-steps_item_backgroundColor $transition_delay-steps_item_backgroundColor; //step backgroundColor 的transition变化
173
172
 
174
173
  transform:scale($transform_scale-step-item);
175
174
 
175
+ &-clickable {
176
+ cursor: pointer;
177
+ }
178
+
176
179
  &-hover:hover {
177
180
 
178
181
  .#{$item}-title {
package/lib/es/steps/fillSteps.scss CHANGED
@@ -101,7 +101,7 @@ $module: #{$prefix}-steps;
101
101
  }
102
102
  }
103
103
 
104
- &:active {
104
+ &-active:active {
105
105
  background-color: $color-steps-bg-active;
106
106
 
107
107
  .#{$prefix}-icon,
@@ -127,7 +127,7 @@ $module: #{$prefix}-steps;
127
127
  }
128
128
  }
129
129
 
130
- &:active {
130
+ &-active:active {
131
131
  background-color: $color-steps-bg-active;
132
132
 
133
133
  .#{$prefix}-icon,
@@ -153,7 +153,7 @@ $module: #{$prefix}-steps;
153
153
  }
154
154
  }
155
155
 
156
- &:active {
156
+ &-active:active {
157
157
  background-color: $color-steps-bg-active;
158
158
 
159
159
  .#{$module}-item-title,
@@ -195,4 +195,4 @@ $module: #{$prefix}-steps;
195
195
  overflow: hidden;
196
196
  }
197
197
  }
198
- }
198
+ }
package/lib/es/steps/steps.css CHANGED
@@ -71,11 +71,11 @@
71
71
  .semi-steps .semi-steps-item-finish-hover:hover .semi-steps-item-title {
72
72
  color: var(--semi-color-success-hover);
73
73
  }
74
- .semi-steps .semi-steps-item-finish:active {
74
+ .semi-steps .semi-steps-item-finish-active:active {
75
75
  background-color: var(--semi-color-fill-1);
76
76
  }
77
- .semi-steps .semi-steps-item-finish:active .semi-icon,
78
- .semi-steps .semi-steps-item-finish:active .semi-steps-item-title {
77
+ .semi-steps .semi-steps-item-finish-active:active .semi-icon,
78
+ .semi-steps .semi-steps-item-finish-active:active .semi-steps-item-title {
79
79
  color: var(--semi-color-success-active);
80
80
  }
81
81
  .semi-steps .semi-steps-item-error .semi-icon,
@@ -89,11 +89,11 @@
89
89
  .semi-steps .semi-steps-item-error-hover:hover .semi-steps-item-title {
90
90
  color: var(--semi-color-danger-hover);
91
91
  }
92
- .semi-steps .semi-steps-item-error:active {
92
+ .semi-steps .semi-steps-item-error-active:active {
93
93
  background-color: var(--semi-color-fill-1);
94
94
  }
95
- .semi-steps .semi-steps-item-error:active .semi-icon,
96
- .semi-steps .semi-steps-item-error:active .semi-steps-item-title {
95
+ .semi-steps .semi-steps-item-error-active:active .semi-icon,
96
+ .semi-steps .semi-steps-item-error-active:active .semi-steps-item-title {
97
97
  color: var(--semi-color-danger-active);
98
98
  }
99
99
  .semi-steps .semi-steps-item-warning .semi-steps-item-title,
@@ -107,11 +107,11 @@
107
107
  .semi-steps .semi-steps-item-warning-hover:hover .semi-icon {
108
108
  color: var(--semi-color-warning-hover);
109
109
  }
110
- .semi-steps .semi-steps-item-warning:active {
110
+ .semi-steps .semi-steps-item-warning-active:active {
111
111
  background-color: var(--semi-color-fill-1);
112
112
  }
113
- .semi-steps .semi-steps-item-warning:active .semi-steps-item-title,
114
- .semi-steps .semi-steps-item-warning:active .semi-icon {
113
+ .semi-steps .semi-steps-item-warning-active:active .semi-steps-item-title,
114
+ .semi-steps .semi-steps-item-warning-active:active .semi-icon {
115
115
  color: var(--semi-color-warning-active);
116
116
  }
117
117
  .semi-steps .semi-steps-item-clickable {
@@ -260,10 +260,12 @@
260
260
  vertical-align: top;
261
261
  overflow: hidden;
262
262
  flex: 1;
263
- cursor: pointer;
264
263
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
265
264
  transform: scale(var(--semi-transform_scale-small));
266
265
  }
266
+ .semi-steps-basic .semi-steps-item-clickable {
267
+ cursor: pointer;
268
+ }
267
269
  .semi-steps-basic .semi-steps-item-hover:hover .semi-steps-item-title {
268
270
  color: var(--semi-color-focus-border);
269
271
  }
package/modal/variables.scss CHANGED
@@ -34,7 +34,7 @@ $spacing-modal_header-paddingX: 0;
34
34
  $spacing-modal_body_wrapper-marginY: 24px;
35
35
  $spacing-modal_body_wrapper-marginX: 0;
36
36
  $spacing-modal_body-margin: 0; // 模态框 body 外边距
37
- $spacing-modal_body-padding: 0; // 模态框 footer 垂直外边距
37
+ $spacing-modal_body-padding: 0; // 模态框 内容外Padding
38
38
  $spacing-modal_footer-marginY: 24px; // 模态框 footer 垂直外边距
39
39
  $spacing-modal_footer-marginX: 0; // 模态框 footer 水平外边距
40
40
  $spacing-modal_footer-paddingY:0;
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.44.0-beta.0",
3
+ "version": "2.44.0",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build:lib": "node ./scripts/compileLib.js",
7
7
  "prepublishOnly": "npm run build:lib"
8
8
  },
9
9
  "dependencies": {
10
- "@douyinfe/semi-animation": "2.44.0-beta.0",
10
+ "@douyinfe/semi-animation": "2.44.0",
11
11
  "async-validator": "^3.5.0",
12
12
  "classnames": "^2.2.6",
13
13
  "date-fns": "^2.29.3",
@@ -23,7 +23,7 @@
23
23
  "*.scss",
24
24
  "*.css"
25
25
  ],
26
- "gitHead": "f304407b2f9fb23f8464d59b685ff1f265f6869a",
26
+ "gitHead": "d683a25e4dd9c5fb8dbb069d83ffd24998b14191",
27
27
  "devDependencies": {
28
28
  "@babel/plugin-transform-runtime": "^7.15.8",
29
29
  "@babel/preset-env": "^7.15.8",
package/steps/bacisSteps.scss CHANGED
@@ -167,12 +167,15 @@ $basicType: #{$module}-basic;
167
167
  vertical-align: top;
168
168
  overflow: hidden;
169
169
  flex: 1;
170
- cursor: pointer;
171
170
  transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text, //step文字color的transition变化
172
171
  background-color $transition_duration-steps_item-backgroundColor $transition_function-steps_item_backgroundColor $transition_delay-steps_item_backgroundColor; //step backgroundColor 的transition变化
173
172
 
174
173
  transform:scale($transform_scale-step-item);
175
174
 
175
+ &-clickable {
176
+ cursor: pointer;
177
+ }
178
+
176
179
  &-hover:hover {
177
180
 
178
181
  .#{$item}-title {
package/steps/fillSteps.scss CHANGED
@@ -101,7 +101,7 @@ $module: #{$prefix}-steps;
101
101
  }
102
102
  }
103
103
 
104
- &:active {
104
+ &-active:active {
105
105
  background-color: $color-steps-bg-active;
106
106
 
107
107
  .#{$prefix}-icon,
@@ -127,7 +127,7 @@ $module: #{$prefix}-steps;
127
127
  }
128
128
  }
129
129
 
130
- &:active {
130
+ &-active:active {
131
131
  background-color: $color-steps-bg-active;
132
132
 
133
133
  .#{$prefix}-icon,
@@ -153,7 +153,7 @@ $module: #{$prefix}-steps;
153
153
  }
154
154
  }
155
155
 
156
- &:active {
156
+ &-active:active {
157
157
  background-color: $color-steps-bg-active;
158
158
 
159
159
  .#{$module}-item-title,
@@ -195,4 +195,4 @@ $module: #{$prefix}-steps;
195
195
  overflow: hidden;
196
196
  }
197
197
  }
198
- }
198
+ }