github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: fix form error style for input addonAfter slot when disabled (#6403), close #6374

revert-6402-siaikin/fix-in-time
HeyXml 2023-04-04 23:04:46 +08:00 committed by GitHub
parent 65408bfd48
commit 2a5b18ac6e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/form/style/mixin.less
View File

@ -35,8 +35,8 @@
color: @text-color;
}
.@{ant-prefix}-input-group-addon,
.@{ant-prefix}-input-number-group-addon {
:not(.@{ant-prefix}-input-group-addon-disabled).@{ant-prefix}-input-group-addon,
:not(.@{ant-prefix}-input-number-group-addon-disabled).@{ant-prefix}-input-number-group-addon {
color: @text-color;
border-color: @border-color;
}

11
components/input/ClearableLabeledInput.tsx
View File

@ -144,6 +144,7 @@ export default defineComponent({
size,
direction,
hidden,
disabled,
} = props;
// Not wrap when there is not addons
if (!hasAddon({ addonBefore, addonAfter })) {
@ -152,10 +153,16 @@ export default defineComponent({
const wrapperClassName = `${prefixCls}-group`;
const addonClassName = `${wrapperClassName}-addon`;
// fix form error style for input addonAfter slot when disabled
const mergedAddonClassName = classNames(addonClassName, {
[`${addonClassName}-disabled`]: disabled,
});
const addonBeforeNode = addonBefore ? (
<span class={addonClassName}>{addonBefore}</span>
<span class={mergedAddonClassName}>{addonBefore}</span>
) : null;
const addonAfterNode = addonAfter ? (
<span class={mergedAddonClassName}>{addonAfter}</span>
) : null;
const addonAfterNode = addonAfter ? <span class={addonClassName}>{addonAfter}</span> : null;
const mergedWrapperClassName = classNames(`${prefixCls}-wrapper`, wrapperClassName, {
[`${wrapperClassName}-rtl`]: direction === 'rtl',