mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix: remove duplicated style (#34101)

Browse Source 
* fix: remove duplicated style

* chore: reduce bundle size limitation

* chore: raise bundle size
This commit is contained in:
MadCcc 2022-02-18 10:31:19 +08:00 committed by GitHub
parent ca15cc9b0a
commit 2c88f606c3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 60 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/date-picker/style/status.less
View File

@ -2,7 +2,7 @@
@picker-prefix-cls: ~'@{ant-prefix}-picker'; @picker-prefix-cls: ~'@{ant-prefix}-picker';
.status-color( .picker-status-color(
@text-color: @input-color; @text-color: @input-color;
@border-color: @input-border-color; @border-color: @input-border-color;
@background-color: @input-bg; @background-color: @input-bg;
@ -29,11 +29,11 @@
.@{picker-prefix-cls} { .@{picker-prefix-cls} {
&-status-error { &-status-error {
.status-color(@error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline); .picker-status-color(@error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
} }
&-status-warning { &-status-warning {
.status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline); .picker-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
} }
&-status-validating { &-status-validating {

2
components/input-number/style/status.less
View File

@ -1,4 +1,4 @@
@import '../../input/style/status'; @import '../../input/style/mixin';
@input-number-prefix-cls: ~'@{ant-prefix}-input-number'; @input-number-prefix-cls: ~'@{ant-prefix}-input-number';

50
components/input/style/mixin.less
View File

@ -422,3 +422,53 @@
} }
} }
} }
.status-color(
@prefix-cls: @input-prefix-cls;
@text-color: @input-color;
@border-color: @input-border-color;
@background-color: @input-bg;
@hoverBorderColor: @primary-color-hover;
@outlineColor: @primary-color-outline;
) {
&:not(.@{prefix-cls}-disabled):not(.@{prefix-cls}-borderless).@{prefix-cls} {
&,
&:hover {
background: @background-color;
border-color: @border-color;
}
&:focus,
&-focused {
.active(@text-color, @hoverBorderColor, @outlineColor);
}
}
}
.status-color-common(
@prefix-cls: @input-prefix-cls;
@text-color: @input-color;
@border-color: @input-border-color;
@background-color: @input-bg;
@hoverBorderColor: @primary-color-hover;
@outlineColor: @primary-color-outline;
) {
.@{prefix-cls}-feedback-icon {
color: @text-color;
}
.@{prefix-cls}-prefix {
color: @text-color;
}
}
.group-status-color(
@prefix-cls: @input-prefix-cls;
@text-color: @input-color;
@border-color: @input-border-color;
) {
.@{prefix-cls}-group-addon {
color: @text-color;
border-color: @border-color;
}
}

50
components/input/style/status.less
View File

@ -2,56 +2,6 @@
@input-prefix-cls: ~'@{ant-prefix}-input'; @input-prefix-cls: ~'@{ant-prefix}-input';
.status-color(
@prefix-cls: @input-prefix-cls;
@text-color: @input-color;
@border-color: @input-border-color;
@background-color: @input-bg;
@hoverBorderColor: @primary-color-hover;
@outlineColor: @primary-color-outline;
) {
&:not(.@{prefix-cls}-disabled):not(.@{prefix-cls}-borderless).@{prefix-cls} {
&,
&:hover {
background: @background-color;
border-color: @border-color;
}
&:focus,
&-focused {
.active(@text-color, @hoverBorderColor, @outlineColor);
}
}
}
.status-color-common(
@prefix-cls: @input-prefix-cls;
@text-color: @input-color;
@border-color: @input-border-color;
@background-color: @input-bg;
@hoverBorderColor: @primary-color-hover;
@outlineColor: @primary-color-outline;
) {
.@{prefix-cls}-feedback-icon {
color: @text-color;
}
.@{prefix-cls}-prefix {
color: @text-color;
}
}
.group-status-color(
@prefix-cls: @input-prefix-cls;
@text-color: @input-color;
@border-color: @input-border-color;
) {
.@{prefix-cls}-group-addon {
color: @text-color;
border-color: @border-color;
}
}
@input-wrapper-cls: @input-prefix-cls, ~'@{input-prefix-cls}-affix-wrapper'; @input-wrapper-cls: @input-prefix-cls, ~'@{input-prefix-cls}-affix-wrapper';
each(@input-wrapper-cls, { each(@input-wrapper-cls, {

3
components/mentions/style/status.less
View File

@ -1,6 +1,7 @@
@import '../../input/style/status'; @import '../../input/style/mixin';
@mention-prefix-cls: ~'@{ant-prefix}-mentions'; @mention-prefix-cls: ~'@{ant-prefix}-mentions';
@input-prefix-cls: ~'@{ant-prefix}-input';
.@{mention-prefix-cls} { .@{mention-prefix-cls} {
&-status-error { &-status-error {

6
components/select/style/status.less
View File

@ -2,7 +2,7 @@
@select-prefix-cls: ~'@{ant-prefix}-select'; @select-prefix-cls: ~'@{ant-prefix}-select';
.status-color( .select-status-color(
@text-color; @text-color;
@border-color; @border-color;
@background-color; @background-color;
@ -28,11 +28,11 @@
.select-status-base(@prefix-cls) { .select-status-base(@prefix-cls) {
.@{prefix-cls} { .@{prefix-cls} {
&-status-error { &-status-error {
.status-color(@error-color, @error-color, @select-background, @error-color-hover, @error-color-outline); .select-status-color(@error-color, @error-color, @select-background, @error-color-hover, @error-color-outline);
} }
&-status-warning { &-status-warning {
.status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline); .select-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
} }
&-status-success { &-status-success {

2
package.json
View File

@ -312,7 +312,7 @@
}, },
{ {
"path": "./dist/antd.variable.min.css", "path": "./dist/antd.variable.min.css",
"maxSize": "67 kB" "maxSize": "66 kB"
} }
], ],
"tnpm": { "tnpm": {