fix: remove duplicated style (#34101)

* 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

View File

@ -2,7 +2,7 @@
@picker-prefix-cls: ~'@{ant-prefix}-picker';
.status-color(
.picker-status-color(
@text-color: @input-color;
@border-color: @input-border-color;
@background-color: @input-bg;
@ -29,11 +29,11 @@
.@{picker-prefix-cls} {
&-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-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 {

View File

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

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;
}
}

View File

@ -2,56 +2,6 @@
@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';
each(@input-wrapper-cls, {

View File

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

View File

@ -2,7 +2,7 @@
@select-prefix-cls: ~'@{ant-prefix}-select';
.status-color(
.select-status-color(
@text-color;
@border-color;
@background-color;
@ -28,11 +28,11 @@
.select-status-base(@prefix-cls) {
.@{prefix-cls} {
&-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-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 {

View File

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