@douyinfe/semi-foundation 2.37.0-beta.0 → 2.37.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/cascader/cascader.scss +1 -1
- package/lib/cjs/cascader/cascader.css +1 -1
- package/lib/cjs/cascader/cascader.scss +1 -1
- package/lib/cjs/radio/radio.scss +3 -3
- package/lib/cjs/radio/variables.scss +3 -0
- package/lib/cjs/upload/foundation.js +1 -0
- package/lib/es/cascader/cascader.css +1 -1
- package/lib/es/cascader/cascader.scss +1 -1
- package/lib/es/radio/radio.scss +3 -3
- package/lib/es/radio/variables.scss +3 -0
- package/lib/es/upload/foundation.js +1 -0
- package/package.json +3 -3
- package/radio/radio.scss +3 -3
- package/radio/radioFoundation.ts +1 -1
- package/radio/variables.scss +3 -0
- package/upload/foundation.ts +1 -0
package/cascader/cascader.scss
CHANGED
|
@@ -25,7 +25,7 @@ $module: #{$prefix}-cascader;
|
|
|
25
25
|
border: $width-cascader_hover-border $color-cascader_default-border-hover solid;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
&:focus {
|
|
28
|
+
&:focus:not(&-disabled) {
|
|
29
29
|
border: $width-cascader_focus-border solid $color-cascader_default-border-focus;
|
|
30
30
|
background-color: $color-cascader_default-bg-default;
|
|
31
31
|
outline: 0;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
background-color: var(--semi-color-fill-1);
|
|
22
22
|
border: 1px transparent solid;
|
|
23
23
|
}
|
|
24
|
-
.semi-cascader:focus {
|
|
24
|
+
.semi-cascader:focus:not(.semi-cascader-disabled) {
|
|
25
25
|
border: 1px solid var(--semi-color-focus-border);
|
|
26
26
|
background-color: var(--semi-color-fill-0);
|
|
27
27
|
outline: 0;
|
|
@@ -25,7 +25,7 @@ $module: #{$prefix}-cascader;
|
|
|
25
25
|
border: $width-cascader_hover-border $color-cascader_default-border-hover solid;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
&:focus {
|
|
28
|
+
&:focus:not(&-disabled) {
|
|
29
29
|
border: $width-cascader_focus-border solid $color-cascader_default-border-focus;
|
|
30
30
|
background-color: $color-cascader_default-bg-default;
|
|
31
31
|
outline: 0;
|
package/lib/cjs/radio/radio.scss
CHANGED
|
@@ -107,8 +107,8 @@ $inner-width: $width-icon-medium;
|
|
|
107
107
|
flex-wrap: nowrap;
|
|
108
108
|
border-radius: $radius-radio_cardRadioGroup;
|
|
109
109
|
padding: $spacing-radio_cardRadioGroup-paddingY $spacing-radio_cardRadioGroup-paddingX;
|
|
110
|
-
background:
|
|
111
|
-
border: $width-radio_cardRadioGroup_checked-border solid
|
|
110
|
+
background: $color-radio_cardRadioGroup-bg-default;
|
|
111
|
+
border: $width-radio_cardRadioGroup_checked-border solid $color-radio_cardRadioGroup_border-default;
|
|
112
112
|
transition: background-color $transition_duration_radio-bg $transition_function-radio-bg $transition_delay-radio-bg,
|
|
113
113
|
border $transition_duration-radio-border $transition_function-radio-border $transition_delay-radio-border;
|
|
114
114
|
|
|
@@ -172,7 +172,7 @@ $inner-width: $width-icon-medium;
|
|
|
172
172
|
|
|
173
173
|
&_disabled {
|
|
174
174
|
&:active {
|
|
175
|
-
background:
|
|
175
|
+
background: $color-radio_cardRadioGroup_disabled-bg-active;
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
|
|
@@ -32,10 +32,13 @@ $color-radio_buttonRadio-text-disabled: var(--semi-color-disabled-text); // 按
|
|
|
32
32
|
$color-radio_addon_buttonRadio-bg-hover: var(--semi-color-fill-1); // 按钮样式单选悬浮态背景色
|
|
33
33
|
$color-radio_addon_buttonRadio-text-checked: var(--semi-color-primary); // 按钮样式单选选中项文字颜色
|
|
34
34
|
$color-radio_addon_buttonRadio-bg-checked: var(--semi-color-bg-3); // 按钮样式单选选中项背景颜色
|
|
35
|
+
$color-radio_cardRadioGroup-bg-default: transparent; // 卡片样式单选默认背景色
|
|
35
36
|
$color-radio_cardRadioGroup-bg-checked: var(--semi-color-primary-light-default); // 卡片样式单选选中态背景色
|
|
36
37
|
$color-radio_cardRadioGroup_disabled-bg-checked: var(--semi-color-primary-light-default); // 卡片样式单选选中且禁用时的背景色
|
|
38
|
+
$color-radio_cardRadioGroup_disabled-bg-active: transparent; // 卡片样式单选禁用时的背景色 - 按下态
|
|
37
39
|
$color-radio_cardRadioGroup-bg-hover: var(--semi-color-fill-0); // 卡片样式单选悬浮态背景色
|
|
38
40
|
$color-radio_cardRadioGroup-bg-active: var(--semi-color-fill-1); // 卡片样式单选按下态背景色
|
|
41
|
+
$color-radio_cardRadioGroup_border-default: transparent; // 卡片样式单选默认描边颜色
|
|
39
42
|
$color-radio_cardRadioGroup_border-active: var(--semi-color-primary); // 卡片样式单选选中态描边颜色
|
|
40
43
|
$color-radio_cardRadioGroup_checked_border-active: var(--semi-color-primary-active); // 卡片样式单选选中态描边颜色 - 按下态
|
|
41
44
|
$color-radio_cardRadioGroup_checked_border-hover: var(--semi-color-primary-hover); // 卡片样式单选选中态描边颜色 - 悬浮态
|
|
@@ -488,6 +488,7 @@ class UploadFoundation extends _foundation.default {
|
|
|
488
488
|
newFileList[index].fileInstance = fileInstance;
|
|
489
489
|
newFileList[index].size = (0, _utils.getFileSize)(fileInstance.size);
|
|
490
490
|
newFileList[index].name = fileInstance.name;
|
|
491
|
+
newFileList[index].url = this._createURL(fileInstance);
|
|
491
492
|
}
|
|
492
493
|
newFileList[index].shouldUpload = shouldUpload;
|
|
493
494
|
}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
background-color: var(--semi-color-fill-1);
|
|
22
22
|
border: 1px transparent solid;
|
|
23
23
|
}
|
|
24
|
-
.semi-cascader:focus {
|
|
24
|
+
.semi-cascader:focus:not(.semi-cascader-disabled) {
|
|
25
25
|
border: 1px solid var(--semi-color-focus-border);
|
|
26
26
|
background-color: var(--semi-color-fill-0);
|
|
27
27
|
outline: 0;
|
|
@@ -25,7 +25,7 @@ $module: #{$prefix}-cascader;
|
|
|
25
25
|
border: $width-cascader_hover-border $color-cascader_default-border-hover solid;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
&:focus {
|
|
28
|
+
&:focus:not(&-disabled) {
|
|
29
29
|
border: $width-cascader_focus-border solid $color-cascader_default-border-focus;
|
|
30
30
|
background-color: $color-cascader_default-bg-default;
|
|
31
31
|
outline: 0;
|
package/lib/es/radio/radio.scss
CHANGED
|
@@ -107,8 +107,8 @@ $inner-width: $width-icon-medium;
|
|
|
107
107
|
flex-wrap: nowrap;
|
|
108
108
|
border-radius: $radius-radio_cardRadioGroup;
|
|
109
109
|
padding: $spacing-radio_cardRadioGroup-paddingY $spacing-radio_cardRadioGroup-paddingX;
|
|
110
|
-
background:
|
|
111
|
-
border: $width-radio_cardRadioGroup_checked-border solid
|
|
110
|
+
background: $color-radio_cardRadioGroup-bg-default;
|
|
111
|
+
border: $width-radio_cardRadioGroup_checked-border solid $color-radio_cardRadioGroup_border-default;
|
|
112
112
|
transition: background-color $transition_duration_radio-bg $transition_function-radio-bg $transition_delay-radio-bg,
|
|
113
113
|
border $transition_duration-radio-border $transition_function-radio-border $transition_delay-radio-border;
|
|
114
114
|
|
|
@@ -172,7 +172,7 @@ $inner-width: $width-icon-medium;
|
|
|
172
172
|
|
|
173
173
|
&_disabled {
|
|
174
174
|
&:active {
|
|
175
|
-
background:
|
|
175
|
+
background: $color-radio_cardRadioGroup_disabled-bg-active;
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
|
|
@@ -32,10 +32,13 @@ $color-radio_buttonRadio-text-disabled: var(--semi-color-disabled-text); // 按
|
|
|
32
32
|
$color-radio_addon_buttonRadio-bg-hover: var(--semi-color-fill-1); // 按钮样式单选悬浮态背景色
|
|
33
33
|
$color-radio_addon_buttonRadio-text-checked: var(--semi-color-primary); // 按钮样式单选选中项文字颜色
|
|
34
34
|
$color-radio_addon_buttonRadio-bg-checked: var(--semi-color-bg-3); // 按钮样式单选选中项背景颜色
|
|
35
|
+
$color-radio_cardRadioGroup-bg-default: transparent; // 卡片样式单选默认背景色
|
|
35
36
|
$color-radio_cardRadioGroup-bg-checked: var(--semi-color-primary-light-default); // 卡片样式单选选中态背景色
|
|
36
37
|
$color-radio_cardRadioGroup_disabled-bg-checked: var(--semi-color-primary-light-default); // 卡片样式单选选中且禁用时的背景色
|
|
38
|
+
$color-radio_cardRadioGroup_disabled-bg-active: transparent; // 卡片样式单选禁用时的背景色 - 按下态
|
|
37
39
|
$color-radio_cardRadioGroup-bg-hover: var(--semi-color-fill-0); // 卡片样式单选悬浮态背景色
|
|
38
40
|
$color-radio_cardRadioGroup-bg-active: var(--semi-color-fill-1); // 卡片样式单选按下态背景色
|
|
41
|
+
$color-radio_cardRadioGroup_border-default: transparent; // 卡片样式单选默认描边颜色
|
|
39
42
|
$color-radio_cardRadioGroup_border-active: var(--semi-color-primary); // 卡片样式单选选中态描边颜色
|
|
40
43
|
$color-radio_cardRadioGroup_checked_border-active: var(--semi-color-primary-active); // 卡片样式单选选中态描边颜色 - 按下态
|
|
41
44
|
$color-radio_cardRadioGroup_checked_border-hover: var(--semi-color-primary-hover); // 卡片样式单选选中态描边颜色 - 悬浮态
|
|
@@ -481,6 +481,7 @@ class UploadFoundation extends BaseFoundation {
|
|
|
481
481
|
newFileList[index].fileInstance = fileInstance;
|
|
482
482
|
newFileList[index].size = getFileSize(fileInstance.size);
|
|
483
483
|
newFileList[index].name = fileInstance.name;
|
|
484
|
+
newFileList[index].url = this._createURL(fileInstance);
|
|
484
485
|
}
|
|
485
486
|
newFileList[index].shouldUpload = shouldUpload;
|
|
486
487
|
}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.37.
|
|
3
|
+
"version": "2.37.1",
|
|
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.
|
|
10
|
+
"@douyinfe/semi-animation": "2.37.1",
|
|
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": "
|
|
26
|
+
"gitHead": "2d2a5d947fcb294ca82bc3aa9b05c061c3640499",
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
|
29
29
|
"@babel/preset-env": "^7.15.8",
|
package/radio/radio.scss
CHANGED
|
@@ -107,8 +107,8 @@ $inner-width: $width-icon-medium;
|
|
|
107
107
|
flex-wrap: nowrap;
|
|
108
108
|
border-radius: $radius-radio_cardRadioGroup;
|
|
109
109
|
padding: $spacing-radio_cardRadioGroup-paddingY $spacing-radio_cardRadioGroup-paddingX;
|
|
110
|
-
background:
|
|
111
|
-
border: $width-radio_cardRadioGroup_checked-border solid
|
|
110
|
+
background: $color-radio_cardRadioGroup-bg-default;
|
|
111
|
+
border: $width-radio_cardRadioGroup_checked-border solid $color-radio_cardRadioGroup_border-default;
|
|
112
112
|
transition: background-color $transition_duration_radio-bg $transition_function-radio-bg $transition_delay-radio-bg,
|
|
113
113
|
border $transition_duration-radio-border $transition_function-radio-border $transition_delay-radio-border;
|
|
114
114
|
|
|
@@ -172,7 +172,7 @@ $inner-width: $width-icon-medium;
|
|
|
172
172
|
|
|
173
173
|
&_disabled {
|
|
174
174
|
&:active {
|
|
175
|
-
background:
|
|
175
|
+
background: $color-radio_cardRadioGroup_disabled-bg-active;
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
|
package/radio/radioFoundation.ts
CHANGED
|
@@ -32,7 +32,7 @@ export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
|
|
|
32
32
|
if (target.matches(':focus-visible')) {
|
|
33
33
|
this._adapter.setFocusVisible(true);
|
|
34
34
|
}
|
|
35
|
-
} catch (error){
|
|
35
|
+
} catch (error) {
|
|
36
36
|
warning(true, 'Warning: [Semi Radio] The current browser does not support the focus-visible');
|
|
37
37
|
}
|
|
38
38
|
}
|
package/radio/variables.scss
CHANGED
|
@@ -32,10 +32,13 @@ $color-radio_buttonRadio-text-disabled: var(--semi-color-disabled-text); // 按
|
|
|
32
32
|
$color-radio_addon_buttonRadio-bg-hover: var(--semi-color-fill-1); // 按钮样式单选悬浮态背景色
|
|
33
33
|
$color-radio_addon_buttonRadio-text-checked: var(--semi-color-primary); // 按钮样式单选选中项文字颜色
|
|
34
34
|
$color-radio_addon_buttonRadio-bg-checked: var(--semi-color-bg-3); // 按钮样式单选选中项背景颜色
|
|
35
|
+
$color-radio_cardRadioGroup-bg-default: transparent; // 卡片样式单选默认背景色
|
|
35
36
|
$color-radio_cardRadioGroup-bg-checked: var(--semi-color-primary-light-default); // 卡片样式单选选中态背景色
|
|
36
37
|
$color-radio_cardRadioGroup_disabled-bg-checked: var(--semi-color-primary-light-default); // 卡片样式单选选中且禁用时的背景色
|
|
38
|
+
$color-radio_cardRadioGroup_disabled-bg-active: transparent; // 卡片样式单选禁用时的背景色 - 按下态
|
|
37
39
|
$color-radio_cardRadioGroup-bg-hover: var(--semi-color-fill-0); // 卡片样式单选悬浮态背景色
|
|
38
40
|
$color-radio_cardRadioGroup-bg-active: var(--semi-color-fill-1); // 卡片样式单选按下态背景色
|
|
41
|
+
$color-radio_cardRadioGroup_border-default: transparent; // 卡片样式单选默认描边颜色
|
|
39
42
|
$color-radio_cardRadioGroup_border-active: var(--semi-color-primary); // 卡片样式单选选中态描边颜色
|
|
40
43
|
$color-radio_cardRadioGroup_checked_border-active: var(--semi-color-primary-active); // 卡片样式单选选中态描边颜色 - 按下态
|
|
41
44
|
$color-radio_cardRadioGroup_checked_border-hover: var(--semi-color-primary-hover); // 卡片样式单选选中态描边颜色 - 悬浮态
|
package/upload/foundation.ts
CHANGED
|
@@ -487,6 +487,7 @@ class UploadFoundation<P = Record<string, any>, S = Record<string, any>> extends
|
|
|
487
487
|
newFileList[index].fileInstance = fileInstance;
|
|
488
488
|
newFileList[index].size = getFileSize(fileInstance.size);
|
|
489
489
|
newFileList[index].name = fileInstance.name;
|
|
490
|
+
newFileList[index].url = this._createURL(fileInstance);
|
|
490
491
|
}
|
|
491
492
|
newFileList[index].shouldUpload = shouldUpload;
|
|
492
493
|
}
|