mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 20:49:53 +08:00
feat: Input/InputNumber/Mentions support filled variant (#46435)
* feat: Input filled variant * feat: InputNumber filled variant * feat: mentions variant * fix: TextArea status with affix * chore: update snapshot * chore: update snapshot * feat: pagination input * fix: fix diff * feat: input-number disabled * fixL InputNumber * chore: update snapshot * feat: better style * chore: update * chore: update snapshot * feat: use variant classNames * chore: update snapshot * feat: mentions affix style * chore
This commit is contained in:
MadCcc
GitHub
parent
ce7da2ef41
commit
3af521d422
@ -1,15 +1,15 @@
|
||||
type DefaultVariant = 'outlined' | 'borderless';
|
||||
|
||||
/**
|
||||
* Compatible for legacy `bordered` prop, safe to remove after `bordered` is removed.
|
||||
* @param variant
|
||||
* @param legacyBordered
|
||||
* @param variants
|
||||
* Compatible for legacy `bordered` prop.
|
||||
*/
|
||||
const useVariant = <T extends string>(
|
||||
variant: T | undefined,
|
||||
legacyBordered: boolean | undefined,
|
||||
variants: readonly (T | DefaultVariant)[],
|
||||
options?: {
|
||||
omitOutlined?: boolean;
|
||||
},
|
||||
): [T | DefaultVariant, boolean] => {
|
||||
let mergedVariant: T | DefaultVariant;
|
||||
if (typeof variant !== 'undefined') {
|
||||
@ -20,7 +20,8 @@ const useVariant = <T extends string>(
|
||||
mergedVariant = 'outlined';
|
||||
}
|
||||
|
||||
const enableVariantCls = variants.includes(mergedVariant) && mergedVariant !== 'outlined';
|
||||
const enableVariantCls =
|
||||
variants.includes(mergedVariant) && (!options?.omitOutlined || mergedVariant !== 'outlined');
|
||||
return [mergedVariant, enableVariantCls];
|
||||
};
|
||||
|
||||
|
||||
@ -250,7 +250,7 @@ exports[`renders components/auto-complete/demo/certain-category.tsx extend conte
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-large ant-select-selection-search-input ant-input-group-wrapper-lg"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-lg ant-input-group-wrapper-outlined ant-input-search ant-input-search-large ant-select-selection-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -262,7 +262,7 @@ exports[`renders components/auto-complete/demo/certain-category.tsx extend conte
|
||||
aria-haspopup="listbox"
|
||||
aria-owns="rc_select_TEST_OR_SSR_list"
|
||||
autocomplete="off"
|
||||
class="ant-input ant-input-lg"
|
||||
class="ant-input ant-input-lg ant-input-outlined"
|
||||
id="rc_select_TEST_OR_SSR"
|
||||
placeholder="input here"
|
||||
role="combobox"
|
||||
@ -625,7 +625,7 @@ exports[`renders components/auto-complete/demo/custom.tsx extend context correct
|
||||
aria-haspopup="listbox"
|
||||
aria-owns="rc_select_TEST_OR_SSR_list"
|
||||
autocomplete="off"
|
||||
class="ant-input ant-select-selection-search-input custom"
|
||||
class="ant-input ant-input-outlined ant-select-selection-search-input custom"
|
||||
id="rc_select_TEST_OR_SSR"
|
||||
placeholder="input here"
|
||||
role="combobox"
|
||||
@ -1097,7 +1097,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-select-selection-search-input"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-select-selection-search-input"
|
||||
>
|
||||
<input
|
||||
aria-autocomplete="list"
|
||||
@ -1312,7 +1312,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-select-selection-search-input"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-select-selection-search-input"
|
||||
>
|
||||
<input
|
||||
aria-autocomplete="list"
|
||||
@ -1528,7 +1528,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-select-selection-search-input"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-select-selection-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -1540,7 +1540,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
||||
aria-haspopup="listbox"
|
||||
aria-owns="rc_select_TEST_OR_SSR_list"
|
||||
autocomplete="off"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="rc_select_TEST_OR_SSR"
|
||||
role="combobox"
|
||||
type="search"
|
||||
@ -1757,7 +1757,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-select-selection-search-input"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-select-selection-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -1769,7 +1769,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx extend context cor
|
||||
aria-haspopup="listbox"
|
||||
aria-owns="rc_select_TEST_OR_SSR_list"
|
||||
autocomplete="off"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="rc_select_TEST_OR_SSR"
|
||||
role="combobox"
|
||||
type="search"
|
||||
@ -2339,7 +2339,7 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx extend con
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-large ant-input-search-with-button ant-select-selection-search-input ant-input-group-wrapper-lg"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-lg ant-input-group-wrapper-outlined ant-input-search ant-input-search-large ant-input-search-with-button ant-select-selection-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -2351,7 +2351,7 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx extend con
|
||||
aria-haspopup="listbox"
|
||||
aria-owns="rc_select_TEST_OR_SSR_list"
|
||||
autocomplete="off"
|
||||
class="ant-input ant-input-lg"
|
||||
class="ant-input ant-input-lg ant-input-outlined"
|
||||
id="rc_select_TEST_OR_SSR"
|
||||
placeholder="input here"
|
||||
role="combobox"
|
||||
|
||||
@ -179,7 +179,7 @@ exports[`renders components/auto-complete/demo/certain-category.tsx correctly 1`
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-large ant-select-selection-search-input ant-input-group-wrapper-lg"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-lg ant-input-group-wrapper-outlined ant-input-search ant-input-search-large ant-select-selection-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -191,7 +191,7 @@ exports[`renders components/auto-complete/demo/certain-category.tsx correctly 1`
|
||||
aria-haspopup="listbox"
|
||||
aria-owns="undefined_list"
|
||||
autocomplete="off"
|
||||
class="ant-input ant-input-lg"
|
||||
class="ant-input ant-input-lg ant-input-outlined"
|
||||
placeholder="input here"
|
||||
role="combobox"
|
||||
type="search"
|
||||
@ -257,7 +257,7 @@ exports[`renders components/auto-complete/demo/custom.tsx correctly 1`] = `
|
||||
aria-haspopup="listbox"
|
||||
aria-owns="undefined_list"
|
||||
autocomplete="off"
|
||||
class="ant-input ant-select-selection-search-input custom"
|
||||
class="ant-input ant-input-outlined ant-select-selection-search-input custom"
|
||||
placeholder="input here"
|
||||
role="combobox"
|
||||
style="height:50px"
|
||||
@ -572,7 +572,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-select-selection-search-input"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-select-selection-search-input"
|
||||
>
|
||||
<input
|
||||
aria-autocomplete="list"
|
||||
@ -716,7 +716,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-select-selection-search-input"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-select-selection-search-input"
|
||||
>
|
||||
<input
|
||||
aria-autocomplete="list"
|
||||
@ -861,7 +861,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-select-selection-search-input"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-select-selection-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -873,7 +873,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
||||
aria-haspopup="listbox"
|
||||
aria-owns="undefined_list"
|
||||
autocomplete="off"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
role="combobox"
|
||||
type="search"
|
||||
value=""
|
||||
@ -1019,7 +1019,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-select-selection-search-input"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-select-selection-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -1031,7 +1031,7 @@ exports[`renders components/auto-complete/demo/form-debug.tsx correctly 1`] = `
|
||||
aria-haspopup="listbox"
|
||||
aria-owns="undefined_list"
|
||||
autocomplete="off"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
role="combobox"
|
||||
type="search"
|
||||
value=""
|
||||
@ -1331,7 +1331,7 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx correctly
|
||||
class="ant-select-selection-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-large ant-input-search-with-button ant-select-selection-search-input ant-input-group-wrapper-lg"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-lg ant-input-group-wrapper-outlined ant-input-search ant-input-search-large ant-input-search-with-button ant-select-selection-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -1343,7 +1343,7 @@ exports[`renders components/auto-complete/demo/uncertain-category.tsx correctly
|
||||
aria-haspopup="listbox"
|
||||
aria-owns="undefined_list"
|
||||
autocomplete="off"
|
||||
class="ant-input ant-input-lg"
|
||||
class="ant-input ant-input-lg ant-input-outlined"
|
||||
placeholder="input here"
|
||||
role="combobox"
|
||||
type="search"
|
||||
|
||||
@ -288,7 +288,7 @@ Array [
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -303,7 +303,7 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -675,7 +675,7 @@ Array [
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -690,7 +690,7 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -1064,7 +1064,7 @@ exports[`renders components/color-picker/demo/change-completed.tsx extend contex
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -1079,7 +1079,7 @@ exports[`renders components/color-picker/demo/change-completed.tsx extend contex
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -1451,7 +1451,7 @@ Array [
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -1466,7 +1466,7 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -1843,7 +1843,7 @@ Array [
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -1858,7 +1858,7 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -2209,7 +2209,7 @@ Array [
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -2532,7 +2532,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -2547,7 +2547,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -2934,7 +2934,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
|
||||
class="ant-color-picker-hsb-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-hsb-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-hsb-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -3010,7 +3010,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-hsb-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-hsb-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -3086,7 +3086,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-hsb-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-hsb-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -3164,7 +3164,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -3551,7 +3551,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
|
||||
class="ant-color-picker-rgb-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-rgb-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-rgb-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -3627,7 +3627,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-rgb-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-rgb-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -3703,7 +3703,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-rgb-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-rgb-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -3781,7 +3781,7 @@ exports[`renders components/color-picker/demo/format.tsx extend context correctl
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -4189,7 +4189,7 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -4204,7 +4204,7 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -5159,7 +5159,7 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -5174,7 +5174,7 @@ exports[`renders components/color-picker/demo/panel-render.tsx extend context co
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -5550,7 +5550,7 @@ Array [
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -5565,7 +5565,7 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -6366,7 +6366,7 @@ exports[`renders components/color-picker/demo/pure-panel.tsx extend context corr
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -6381,7 +6381,7 @@ exports[`renders components/color-picker/demo/pure-panel.tsx extend context corr
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -6773,7 +6773,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -6788,7 +6788,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -7157,7 +7157,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -7172,7 +7172,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -7541,7 +7541,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -7556,7 +7556,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -7938,7 +7938,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -7953,7 +7953,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -8327,7 +8327,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -8342,7 +8342,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -8716,7 +8716,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -8731,7 +8731,7 @@ exports[`renders components/color-picker/demo/size.tsx extend context correctly
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -9116,7 +9116,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -9131,7 +9131,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -9507,7 +9507,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -9522,7 +9522,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -9915,7 +9915,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -9930,7 +9930,7 @@ exports[`renders components/color-picker/demo/text-render.tsx extend context cor
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -10300,7 +10300,7 @@ Array [
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -10315,7 +10315,7 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -10687,7 +10687,7 @@ Array [
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -10702,7 +10702,7 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -198,7 +198,7 @@ exports[`ColorPicker Should panelRender work 1`] = `
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -213,7 +213,7 @@ exports[`ColorPicker Should panelRender work 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -482,7 +482,7 @@ exports[`ColorPicker Should panelRender work 2`] = `
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -497,7 +497,7 @@ exports[`ColorPicker Should panelRender work 2`] = `
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -15496,7 +15496,7 @@ exports[`ConfigProvider components Form configProvider 1`] = `
|
||||
class="config-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-status-error"
|
||||
class="config-input config-input-outlined config-input-status-error"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -15550,7 +15550,7 @@ exports[`ConfigProvider components Form configProvider componentDisabled 1`] = `
|
||||
class="config-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-disabled config-input-status-error"
|
||||
class="config-input config-input-disabled config-input-outlined config-input-status-error"
|
||||
disabled=""
|
||||
type="text"
|
||||
value=""
|
||||
@ -15605,7 +15605,7 @@ exports[`ConfigProvider components Form configProvider componentSize large 1`] =
|
||||
class="config-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-lg config-input-status-error"
|
||||
class="config-input config-input-lg config-input-outlined config-input-status-error"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -15659,7 +15659,7 @@ exports[`ConfigProvider components Form configProvider componentSize middle 1`]
|
||||
class="config-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-status-error"
|
||||
class="config-input config-input-outlined config-input-status-error"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -15713,7 +15713,7 @@ exports[`ConfigProvider components Form configProvider componentSize small 1`] =
|
||||
class="config-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-sm config-input-status-error"
|
||||
class="config-input config-input-sm config-input-outlined config-input-status-error"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -15767,7 +15767,7 @@ exports[`ConfigProvider components Form normal 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input ant-input-outlined ant-input-status-error"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -15821,7 +15821,7 @@ exports[`ConfigProvider components Form prefixCls 1`] = `
|
||||
class="prefix-Form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="prefix-Form prefix-Form-status-error"
|
||||
class="prefix-Form prefix-Form-outlined prefix-Form-status-error"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -15931,18 +15931,18 @@ exports[`ConfigProvider components Input configProvider 1`] = `
|
||||
class="config-input-group"
|
||||
>
|
||||
<input
|
||||
class="config-input"
|
||||
class="config-input config-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="config-input-group-wrapper config-input-search"
|
||||
class="config-input-group-wrapper config-input-group-wrapper-outlined config-input-search"
|
||||
>
|
||||
<span
|
||||
class="config-input-wrapper config-input-group"
|
||||
>
|
||||
<input
|
||||
class="config-input"
|
||||
class="config-input config-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -15982,7 +15982,7 @@ exports[`ConfigProvider components Input configProvider 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="config-input-affix-wrapper config-input-password"
|
||||
class="config-input-affix-wrapper config-input-outlined config-input-password"
|
||||
>
|
||||
<input
|
||||
class="config-input"
|
||||
@ -16018,7 +16018,7 @@ exports[`ConfigProvider components Input configProvider 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<textarea
|
||||
class="config-input"
|
||||
class="config-input config-input-outlined"
|
||||
/>
|
||||
</div>
|
||||
`;
|
||||
@ -16029,19 +16029,19 @@ exports[`ConfigProvider components Input configProvider componentDisabled 1`] =
|
||||
class="config-input-group"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-disabled"
|
||||
class="config-input config-input-disabled config-input-outlined"
|
||||
disabled=""
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="config-input-group-wrapper config-input-search config-input-group-wrapper-disabled"
|
||||
class="config-input-group-wrapper config-input-group-wrapper-disabled config-input-group-wrapper-outlined config-input-search"
|
||||
>
|
||||
<span
|
||||
class="config-input-wrapper config-input-group"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-disabled"
|
||||
class="config-input config-input-disabled config-input-outlined"
|
||||
disabled=""
|
||||
type="text"
|
||||
value=""
|
||||
@ -16083,7 +16083,7 @@ exports[`ConfigProvider components Input configProvider componentDisabled 1`] =
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="config-input-affix-wrapper config-input-affix-wrapper-disabled config-input-password"
|
||||
class="config-input-affix-wrapper config-input-disabled config-input-affix-wrapper-disabled config-input-outlined config-input-password"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-disabled"
|
||||
@ -16120,7 +16120,7 @@ exports[`ConfigProvider components Input configProvider componentDisabled 1`] =
|
||||
</span>
|
||||
</span>
|
||||
<textarea
|
||||
class="config-input config-input-disabled"
|
||||
class="config-input config-input-outlined config-input-disabled"
|
||||
disabled=""
|
||||
/>
|
||||
</div>
|
||||
@ -16132,18 +16132,18 @@ exports[`ConfigProvider components Input configProvider componentSize large 1`]
|
||||
class="config-input-group"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-lg"
|
||||
class="config-input config-input-lg config-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="config-input-group-wrapper config-input-search config-input-search-large config-input-group-wrapper-lg"
|
||||
class="config-input-group-wrapper config-input-group-wrapper-lg config-input-group-wrapper-outlined config-input-search config-input-search-large"
|
||||
>
|
||||
<span
|
||||
class="config-input-wrapper config-input-group"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-lg"
|
||||
class="config-input config-input-lg config-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -16183,7 +16183,7 @@ exports[`ConfigProvider components Input configProvider componentSize large 1`]
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="config-input-affix-wrapper config-input-password config-input-affix-wrapper-lg"
|
||||
class="config-input-affix-wrapper config-input-affix-wrapper-lg config-input-outlined config-input-password"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-lg"
|
||||
@ -16219,7 +16219,7 @@ exports[`ConfigProvider components Input configProvider componentSize large 1`]
|
||||
</span>
|
||||
</span>
|
||||
<textarea
|
||||
class="config-input config-input-lg"
|
||||
class="config-input config-input-lg config-input-outlined"
|
||||
/>
|
||||
</div>
|
||||
`;
|
||||
@ -16230,18 +16230,18 @@ exports[`ConfigProvider components Input configProvider componentSize middle 1`]
|
||||
class="config-input-group"
|
||||
>
|
||||
<input
|
||||
class="config-input"
|
||||
class="config-input config-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="config-input-group-wrapper config-input-search config-input-search-middle"
|
||||
class="config-input-group-wrapper config-input-group-wrapper-outlined config-input-search config-input-search-middle"
|
||||
>
|
||||
<span
|
||||
class="config-input-wrapper config-input-group"
|
||||
>
|
||||
<input
|
||||
class="config-input"
|
||||
class="config-input config-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -16281,7 +16281,7 @@ exports[`ConfigProvider components Input configProvider componentSize middle 1`]
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="config-input-affix-wrapper config-input-password"
|
||||
class="config-input-affix-wrapper config-input-outlined config-input-password"
|
||||
>
|
||||
<input
|
||||
class="config-input"
|
||||
@ -16317,7 +16317,7 @@ exports[`ConfigProvider components Input configProvider componentSize middle 1`]
|
||||
</span>
|
||||
</span>
|
||||
<textarea
|
||||
class="config-input"
|
||||
class="config-input config-input-outlined"
|
||||
/>
|
||||
</div>
|
||||
`;
|
||||
@ -16328,18 +16328,18 @@ exports[`ConfigProvider components Input configProvider componentSize small 1`]
|
||||
class="config-input-group"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-sm"
|
||||
class="config-input config-input-sm config-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="config-input-group-wrapper config-input-search config-input-search-small config-input-group-wrapper-sm"
|
||||
class="config-input-group-wrapper config-input-group-wrapper-sm config-input-group-wrapper-outlined config-input-search config-input-search-small"
|
||||
>
|
||||
<span
|
||||
class="config-input-wrapper config-input-group"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-sm"
|
||||
class="config-input config-input-sm config-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -16379,7 +16379,7 @@ exports[`ConfigProvider components Input configProvider componentSize small 1`]
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="config-input-affix-wrapper config-input-password config-input-affix-wrapper-sm"
|
||||
class="config-input-affix-wrapper config-input-affix-wrapper-sm config-input-outlined config-input-password"
|
||||
>
|
||||
<input
|
||||
class="config-input config-input-sm"
|
||||
@ -16415,7 +16415,7 @@ exports[`ConfigProvider components Input configProvider componentSize small 1`]
|
||||
</span>
|
||||
</span>
|
||||
<textarea
|
||||
class="config-input config-input-sm"
|
||||
class="config-input config-input-sm config-input-outlined"
|
||||
/>
|
||||
</div>
|
||||
`;
|
||||
@ -16426,18 +16426,18 @@ exports[`ConfigProvider components Input normal 1`] = `
|
||||
class="ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -16477,7 +16477,7 @@ exports[`ConfigProvider components Input normal 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -16513,7 +16513,7 @@ exports[`ConfigProvider components Input normal 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
/>
|
||||
</div>
|
||||
`;
|
||||
@ -16524,18 +16524,18 @@ exports[`ConfigProvider components Input prefixCls 1`] = `
|
||||
class="prefix-Input"
|
||||
>
|
||||
<input
|
||||
class="prefix-Input"
|
||||
class="prefix-Input prefix-Input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="ant-input-group-wrapper prefix-Input"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined prefix-Input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -16575,7 +16575,7 @@ exports[`ConfigProvider components Input prefixCls 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ant-input-affix-wrapper prefix-Input"
|
||||
class="ant-input-affix-wrapper ant-input-outlined prefix-Input"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -16611,14 +16611,14 @@ exports[`ConfigProvider components Input prefixCls 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<textarea
|
||||
class="prefix-Input"
|
||||
class="prefix-Input prefix-Input-outlined"
|
||||
/>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`ConfigProvider components InputNumber configProvider 1`] = `
|
||||
<div
|
||||
class="config-input-number"
|
||||
class="config-input-number config-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="config-input-number-handler-wrap"
|
||||
@ -16694,7 +16694,7 @@ exports[`ConfigProvider components InputNumber configProvider 1`] = `
|
||||
|
||||
exports[`ConfigProvider components InputNumber configProvider componentDisabled 1`] = `
|
||||
<div
|
||||
class="config-input-number config-input-number-disabled"
|
||||
class="config-input-number config-input-number-outlined config-input-number-disabled"
|
||||
>
|
||||
<div
|
||||
class="config-input-number-handler-wrap"
|
||||
@ -16771,7 +16771,7 @@ exports[`ConfigProvider components InputNumber configProvider componentDisabled
|
||||
|
||||
exports[`ConfigProvider components InputNumber configProvider componentSize large 1`] = `
|
||||
<div
|
||||
class="config-input-number config-input-number-lg"
|
||||
class="config-input-number config-input-number-lg config-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="config-input-number-handler-wrap"
|
||||
@ -16847,7 +16847,7 @@ exports[`ConfigProvider components InputNumber configProvider componentSize larg
|
||||
|
||||
exports[`ConfigProvider components InputNumber configProvider componentSize middle 1`] = `
|
||||
<div
|
||||
class="config-input-number"
|
||||
class="config-input-number config-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="config-input-number-handler-wrap"
|
||||
@ -16923,7 +16923,7 @@ exports[`ConfigProvider components InputNumber configProvider componentSize midd
|
||||
|
||||
exports[`ConfigProvider components InputNumber configProvider componentSize small 1`] = `
|
||||
<div
|
||||
class="config-input-number config-input-number-sm"
|
||||
class="config-input-number config-input-number-sm config-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="config-input-number-handler-wrap"
|
||||
@ -16999,7 +16999,7 @@ exports[`ConfigProvider components InputNumber configProvider componentSize smal
|
||||
|
||||
exports[`ConfigProvider components InputNumber normal 1`] = `
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -17075,7 +17075,7 @@ exports[`ConfigProvider components InputNumber normal 1`] = `
|
||||
|
||||
exports[`ConfigProvider components InputNumber prefixCls 1`] = `
|
||||
<div
|
||||
class="prefix-InputNumber"
|
||||
class="prefix-InputNumber prefix-InputNumber-outlined"
|
||||
>
|
||||
<div
|
||||
class="prefix-InputNumber-handler-wrap"
|
||||
|
||||
@ -2,14 +2,14 @@ import type { CSSObject } from '@ant-design/cssinjs';
|
||||
import { unit } from '@ant-design/cssinjs';
|
||||
import { TinyColor } from '@ctrl/tinycolor';
|
||||
|
||||
import type { SharedComponentToken, SharedInputToken } from '../../input/style';
|
||||
import type { SharedComponentToken, SharedInputToken } from '../../input/style/token';
|
||||
import {
|
||||
genActiveStyle,
|
||||
genBasicInputStyle,
|
||||
genHoverStyle,
|
||||
initComponentToken,
|
||||
initInputToken,
|
||||
} from '../../input/style';
|
||||
import { genHoverStyle } from '../../input/style/variants';
|
||||
import { resetComponent, textEllipsis } from '../../style';
|
||||
import { genCompactItemStyle } from '../../style/compact-item';
|
||||
import {
|
||||
|
||||
@ -903,7 +903,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="name"
|
||||
placeholder="Please enter user name"
|
||||
type="text"
|
||||
@ -946,7 +946,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<span
|
||||
@ -959,7 +959,7 @@ Array [
|
||||
</span>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="url"
|
||||
placeholder="Please enter url"
|
||||
type="text"
|
||||
@ -2777,7 +2777,7 @@ Array [
|
||||
>
|
||||
<textarea
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="description"
|
||||
placeholder="please enter url description"
|
||||
rows="4"
|
||||
|
||||
@ -43,7 +43,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="advanced_search_field-0"
|
||||
placeholder="placeholder"
|
||||
type="text"
|
||||
@ -265,7 +265,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="advanced_search_field-2"
|
||||
placeholder="placeholder"
|
||||
type="text"
|
||||
@ -309,7 +309,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="advanced_search_field-3"
|
||||
placeholder="placeholder"
|
||||
type="text"
|
||||
@ -531,7 +531,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="advanced_search_field-5"
|
||||
placeholder="placeholder"
|
||||
type="text"
|
||||
@ -650,7 +650,7 @@ exports[`renders components/form/demo/basic.tsx extend context correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="basic_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -687,7 +687,7 @@ exports[`renders components/form/demo/basic.tsx extend context correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -838,7 +838,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="basic_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -875,7 +875,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -1232,7 +1232,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="responsive_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -1269,7 +1269,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -1627,7 +1627,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="col12"
|
||||
type="text"
|
||||
value=""
|
||||
@ -1677,7 +1677,7 @@ exports[`renders components/form/demo/control-hooks.tsx extend context correctly
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="control-hooks_note"
|
||||
type="text"
|
||||
value=""
|
||||
@ -1974,7 +1974,7 @@ exports[`renders components/form/demo/custom-feedback-icons.tsx extend context c
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -2040,7 +2040,7 @@ exports[`renders components/form/demo/custom-feedback-icons.tsx extend context c
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -2145,7 +2145,7 @@ exports[`renders components/form/demo/customized-form-controls.tsx extend contex
|
||||
>
|
||||
<span>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
style="width: 100px;"
|
||||
type="text"
|
||||
value="0"
|
||||
@ -2399,7 +2399,7 @@ exports[`renders components/form/demo/dependencies.tsx extend context correctly
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="dependencies_password"
|
||||
type="text"
|
||||
value=""
|
||||
@ -2437,7 +2437,7 @@ exports[`renders components/form/demo/dependencies.tsx extend context correctly
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="dependencies_password2"
|
||||
type="text"
|
||||
value=""
|
||||
@ -2642,7 +2642,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-disabled"
|
||||
class="ant-input ant-input-disabled ant-input-outlined"
|
||||
disabled=""
|
||||
type="text"
|
||||
value=""
|
||||
@ -4984,7 +4984,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-disabled"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-disabled"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -5088,7 +5088,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input ant-input-disabled"
|
||||
class="ant-input ant-input-outlined ant-input-disabled"
|
||||
disabled=""
|
||||
rows="4"
|
||||
/>
|
||||
@ -5646,7 +5646,7 @@ Array [
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-disabled ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-disabled ant-input-affix-wrapper-disabled ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -5662,7 +5662,7 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input ant-input-number-disabled"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input ant-input-number-disabled"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -5787,7 +5787,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value="Buggy!"
|
||||
@ -5823,7 +5823,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input ant-input-outlined ant-input-status-error"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value="Buggy!"
|
||||
@ -5881,7 +5881,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-disabled ant-input-status-error"
|
||||
class="ant-input ant-input-disabled ant-input-outlined ant-input-status-error"
|
||||
disabled=""
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
@ -5940,7 +5940,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value="Buggy!"
|
||||
@ -5976,7 +5976,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input ant-input-outlined ant-input-status-error"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value="Buggy!"
|
||||
@ -6034,7 +6034,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-disabled ant-input-status-error"
|
||||
class="ant-input ant-input-disabled ant-input-outlined ant-input-status-error"
|
||||
disabled=""
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
@ -6093,7 +6093,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -6104,7 +6104,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
Buggy!
|
||||
</span>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value=""
|
||||
@ -6142,7 +6142,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-status-error"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-group-wrapper-status-error"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -6153,7 +6153,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
Buggy!
|
||||
</span>
|
||||
<input
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input ant-input-outlined ant-input-status-error"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value=""
|
||||
@ -6213,7 +6213,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-disabled ant-input-group-wrapper-status-error"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-disabled ant-input-group-wrapper-outlined ant-input-group-wrapper-status-error"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -6224,7 +6224,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
Buggy!
|
||||
</span>
|
||||
<input
|
||||
class="ant-input ant-input-disabled ant-input-status-error"
|
||||
class="ant-input ant-input-disabled ant-input-outlined ant-input-status-error"
|
||||
disabled=""
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
@ -6285,7 +6285,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -6330,7 +6330,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-error"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-error"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -6397,7 +6397,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx extend context co
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-disabled ant-input-affix-wrapper-status-error"
|
||||
class="ant-input-affix-wrapper ant-input-disabled ant-input-affix-wrapper-disabled ant-input-outlined ant-input-status-error"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -6748,7 +6748,7 @@ exports[`renders components/form/demo/dynamic-form-items-complex.tsx extend cont
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="dynamic_form_complex_items_0_name"
|
||||
type="text"
|
||||
value=""
|
||||
@ -6985,7 +6985,7 @@ exports[`renders components/form/demo/dynamic-rule.tsx extend context correctly
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="dynamic_rule_username"
|
||||
placeholder="Please input your name"
|
||||
type="text"
|
||||
@ -7023,7 +7023,7 @@ exports[`renders components/form/demo/dynamic-rule.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-status-validating"
|
||||
class="ant-input ant-input-outlined ant-input-status-validating"
|
||||
id="dynamic_rule_nickname"
|
||||
placeholder="Please input your nickname"
|
||||
type="text"
|
||||
@ -7139,7 +7139,7 @@ exports[`renders components/form/demo/form-context.tsx extend context correctly
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="basicForm_group"
|
||||
type="text"
|
||||
value=""
|
||||
@ -7316,7 +7316,7 @@ exports[`renders components/form/demo/form-item-path.tsx extend context correctl
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="form_item_path_user_name_firstName"
|
||||
type="text"
|
||||
value=""
|
||||
@ -7353,7 +7353,7 @@ exports[`renders components/form/demo/form-item-path.tsx extend context correctl
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="form_item_path_user_name_lastName"
|
||||
type="text"
|
||||
value=""
|
||||
@ -7390,7 +7390,7 @@ exports[`renders components/form/demo/form-item-path.tsx extend context correctl
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="form_item_path_user_age"
|
||||
type="text"
|
||||
value=""
|
||||
@ -7447,7 +7447,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="global_state_username"
|
||||
type="text"
|
||||
value="Ant Design"
|
||||
@ -7499,7 +7499,7 @@ exports[`renders components/form/demo/inline-login.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -7554,7 +7554,7 @@ exports[`renders components/form/demo/inline-login.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -7664,7 +7664,7 @@ exports[`renders components/form/demo/label-debug.tsx extend context correctly 1
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="label-ellipsis_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -7705,7 +7705,7 @@ exports[`renders components/form/demo/label-debug.tsx extend context correctly 1
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -7876,7 +7876,7 @@ exports[`renders components/form/demo/layout.tsx extend context correctly 1`] =
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="input placeholder"
|
||||
type="text"
|
||||
value=""
|
||||
@ -7912,7 +7912,7 @@ exports[`renders components/form/demo/layout.tsx extend context correctly 1`] =
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="input placeholder"
|
||||
type="text"
|
||||
value=""
|
||||
@ -7991,7 +7991,7 @@ exports[`renders components/form/demo/layout-can-wrap.tsx extend context correct
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="wrap_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -8031,7 +8031,7 @@ exports[`renders components/form/demo/layout-can-wrap.tsx extend context correct
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="wrap_password"
|
||||
type="text"
|
||||
value=""
|
||||
@ -8119,7 +8119,7 @@ exports[`renders components/form/demo/nest-messages.tsx extend context correctly
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="nest-messages_user_name"
|
||||
type="text"
|
||||
value=""
|
||||
@ -8156,7 +8156,7 @@ exports[`renders components/form/demo/nest-messages.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="nest-messages_user_email"
|
||||
type="text"
|
||||
value=""
|
||||
@ -8193,7 +8193,7 @@ exports[`renders components/form/demo/nest-messages.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -8298,7 +8298,7 @@ exports[`renders components/form/demo/nest-messages.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="nest-messages_user_website"
|
||||
type="text"
|
||||
value=""
|
||||
@ -8335,7 +8335,7 @@ exports[`renders components/form/demo/nest-messages.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="nest-messages_user_introduction"
|
||||
/>
|
||||
</div>
|
||||
@ -8397,7 +8397,7 @@ exports[`renders components/form/demo/normal-login.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -8452,7 +8452,7 @@ exports[`renders components/form/demo/normal-login.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -8608,7 +8608,7 @@ exports[`renders components/form/demo/ref-item.tsx extend context correctly 1`]
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="test"
|
||||
type="text"
|
||||
value=""
|
||||
@ -8634,7 +8634,7 @@ exports[`renders components/form/demo/ref-item.tsx extend context correctly 1`]
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="list_0"
|
||||
type="text"
|
||||
value="light"
|
||||
@ -8699,7 +8699,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="register_email"
|
||||
type="text"
|
||||
value=""
|
||||
@ -8736,7 +8736,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -8805,7 +8805,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -8917,7 +8917,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="register_nickname"
|
||||
type="text"
|
||||
value=""
|
||||
@ -9162,7 +9162,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<span
|
||||
@ -9315,7 +9315,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
</span>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="register_phone"
|
||||
type="text"
|
||||
value=""
|
||||
@ -9354,14 +9354,14 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-group-wrapper"
|
||||
class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-wrapper ant-input-number-group"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -9628,7 +9628,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
aria-owns="register_website_list"
|
||||
aria-required="true"
|
||||
autocomplete="off"
|
||||
class="ant-input ant-select-selection-search-input"
|
||||
class="ant-input ant-input-outlined ant-select-selection-search-input"
|
||||
id="register_website"
|
||||
role="combobox"
|
||||
type="search"
|
||||
@ -9686,7 +9686,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-show-count ant-input-show-count"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-show-count ant-input-show-count ant-input-outlined"
|
||||
data-count="0 / 100"
|
||||
>
|
||||
<textarea
|
||||
@ -9934,7 +9934,7 @@ exports[`renders components/form/demo/register.tsx extend context correctly 1`]
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="register_captcha"
|
||||
type="text"
|
||||
value=""
|
||||
@ -10232,7 +10232,7 @@ exports[`renders components/form/demo/required-mark.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="input placeholder"
|
||||
type="text"
|
||||
value=""
|
||||
@ -10316,7 +10316,7 @@ exports[`renders components/form/demo/required-mark.tsx extend context correctly
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="input placeholder"
|
||||
type="text"
|
||||
value=""
|
||||
@ -10484,7 +10484,7 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -11607,7 +11607,7 @@ exports[`renders components/form/demo/size.tsx extend context correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -19407,7 +19407,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="name"
|
||||
type="text"
|
||||
value=""
|
||||
@ -19444,7 +19444,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -19572,7 +19572,7 @@ exports[`renders components/form/demo/validate-only.tsx extend context correctly
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="validateOnly_name"
|
||||
type="text"
|
||||
value=""
|
||||
@ -19610,7 +19610,7 @@ exports[`renders components/form/demo/validate-only.tsx extend context correctly
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="validateOnly_age"
|
||||
type="text"
|
||||
value=""
|
||||
@ -20099,7 +20099,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -21568,7 +21568,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -21583,7 +21583,7 @@ exports[`renders components/form/demo/validate-other.tsx extend context correctl
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -21754,7 +21754,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input ant-input-outlined ant-input-status-error"
|
||||
id="error"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
@ -21813,7 +21813,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-warning"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-warning"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -21877,7 +21877,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-validating ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-validating"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -21967,7 +21967,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-success ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-success"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -22035,7 +22035,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-warning ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-warning"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -22103,7 +22103,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-error"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -27416,11 +27416,11 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-status-success ant-input-number-affix-wrapper-has-feedback"
|
||||
class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-success ant-input-number-has-feedback"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-status-success"
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -27551,7 +27551,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-success ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-success"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -27644,7 +27644,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-status-warning ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-warning ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -27734,7 +27734,7 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-error ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -27851,10 +27851,10 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-mentions-affix-wrapper"
|
||||
class="ant-mentions-affix-wrapper ant-mentions-outlined ant-mentions-status-error"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-status-error"
|
||||
class="ant-mentions"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
@ -27921,11 +27921,11 @@ exports[`renders components/form/demo/validate-static.tsx extend context correct
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-show-count ant-input-affix-wrapper-status-error ant-input-show-count ant-input-textarea-allow-clear"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-show-count ant-input-show-count ant-input-textarea-allow-clear ant-input-outlined ant-input-status-error"
|
||||
data-count="0"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input"
|
||||
/>
|
||||
<span
|
||||
class="ant-input-suffix"
|
||||
@ -28072,7 +28072,7 @@ exports[`renders components/form/demo/validate-trigger.tsx extend context correc
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -28117,7 +28117,7 @@ exports[`renders components/form/demo/validate-trigger.tsx extend context correc
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -28162,7 +28162,7 @@ exports[`renders components/form/demo/validate-trigger.tsx extend context correc
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -28218,7 +28218,7 @@ exports[`renders components/form/demo/warning-only.tsx extend context correctly
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="url"
|
||||
placeholder="input placeholder"
|
||||
type="text"
|
||||
@ -28313,7 +28313,7 @@ exports[`renders components/form/demo/without-form-create.tsx extend context cor
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -43,7 +43,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="advanced_search_field-0"
|
||||
placeholder="placeholder"
|
||||
type="text"
|
||||
@ -185,7 +185,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="advanced_search_field-2"
|
||||
placeholder="placeholder"
|
||||
type="text"
|
||||
@ -229,7 +229,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="advanced_search_field-3"
|
||||
placeholder="placeholder"
|
||||
type="text"
|
||||
@ -371,7 +371,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="advanced_search_field-5"
|
||||
placeholder="placeholder"
|
||||
type="text"
|
||||
@ -488,7 +488,7 @@ exports[`renders components/form/demo/basic.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="basic_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -525,7 +525,7 @@ exports[`renders components/form/demo/basic.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -674,7 +674,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="basic_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -711,7 +711,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -963,7 +963,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="responsive_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -1000,7 +1000,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -1253,7 +1253,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="col12"
|
||||
type="text"
|
||||
value=""
|
||||
@ -1301,7 +1301,7 @@ exports[`renders components/form/demo/control-hooks.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="control-hooks_note"
|
||||
type="text"
|
||||
value=""
|
||||
@ -1499,7 +1499,7 @@ exports[`renders components/form/demo/custom-feedback-icons.tsx correctly 1`] =
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -1544,7 +1544,7 @@ exports[`renders components/form/demo/custom-feedback-icons.tsx correctly 1`] =
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -1626,7 +1626,7 @@ exports[`renders components/form/demo/customized-form-controls.tsx correctly 1`]
|
||||
>
|
||||
<span>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
style="width:100px"
|
||||
type="text"
|
||||
value="0"
|
||||
@ -1797,7 +1797,7 @@ exports[`renders components/form/demo/dependencies.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="dependencies_password"
|
||||
type="text"
|
||||
value=""
|
||||
@ -1835,7 +1835,7 @@ exports[`renders components/form/demo/dependencies.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="dependencies_password2"
|
||||
type="text"
|
||||
value=""
|
||||
@ -2038,7 +2038,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-disabled"
|
||||
class="ant-input ant-input-disabled ant-input-outlined"
|
||||
disabled=""
|
||||
type="text"
|
||||
value=""
|
||||
@ -2518,7 +2518,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-disabled"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-disabled"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -2622,7 +2622,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input ant-input-disabled"
|
||||
class="ant-input ant-input-outlined ant-input-disabled"
|
||||
disabled=""
|
||||
rows="4"
|
||||
/>
|
||||
@ -2929,7 +2929,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value="Buggy!"
|
||||
@ -2965,7 +2965,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input ant-input-outlined ant-input-status-error"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value="Buggy!"
|
||||
@ -3001,7 +3001,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-disabled ant-input-status-error"
|
||||
class="ant-input ant-input-disabled ant-input-outlined ant-input-status-error"
|
||||
disabled=""
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
@ -3038,7 +3038,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value="Buggy!"
|
||||
@ -3074,7 +3074,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input ant-input-outlined ant-input-status-error"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value="Buggy!"
|
||||
@ -3110,7 +3110,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-disabled ant-input-status-error"
|
||||
class="ant-input ant-input-disabled ant-input-outlined ant-input-status-error"
|
||||
disabled=""
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
@ -3147,7 +3147,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -3158,7 +3158,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
Buggy!
|
||||
</span>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value=""
|
||||
@ -3196,7 +3196,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-status-error"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-group-wrapper-status-error"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -3207,7 +3207,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
Buggy!
|
||||
</span>
|
||||
<input
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input ant-input-outlined ant-input-status-error"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
value=""
|
||||
@ -3245,7 +3245,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-disabled ant-input-group-wrapper-status-error"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-disabled ant-input-group-wrapper-outlined ant-input-group-wrapper-status-error"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -3256,7 +3256,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
Buggy!
|
||||
</span>
|
||||
<input
|
||||
class="ant-input ant-input-disabled ant-input-status-error"
|
||||
class="ant-input ant-input-disabled ant-input-outlined ant-input-status-error"
|
||||
disabled=""
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
@ -3295,7 +3295,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -3340,7 +3340,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-error"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-error"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -3385,7 +3385,7 @@ exports[`renders components/form/demo/disabled-input-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-disabled ant-input-affix-wrapper-status-error"
|
||||
class="ant-input-affix-wrapper ant-input-disabled ant-input-affix-wrapper-disabled ant-input-outlined ant-input-status-error"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -3708,7 +3708,7 @@ exports[`renders components/form/demo/dynamic-form-items-complex.tsx correctly 1
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="dynamic_form_complex_items_0_name"
|
||||
type="text"
|
||||
value=""
|
||||
@ -3937,7 +3937,7 @@ exports[`renders components/form/demo/dynamic-rule.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="dynamic_rule_username"
|
||||
placeholder="Please input your name"
|
||||
type="text"
|
||||
@ -3975,7 +3975,7 @@ exports[`renders components/form/demo/dynamic-rule.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="dynamic_rule_nickname"
|
||||
placeholder="Please input your nickname"
|
||||
type="text"
|
||||
@ -4089,7 +4089,7 @@ exports[`renders components/form/demo/form-context.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="basicForm_group"
|
||||
type="text"
|
||||
value=""
|
||||
@ -4258,7 +4258,7 @@ exports[`renders components/form/demo/form-item-path.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="form_item_path_user_name_firstName"
|
||||
type="text"
|
||||
value=""
|
||||
@ -4295,7 +4295,7 @@ exports[`renders components/form/demo/form-item-path.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="form_item_path_user_name_lastName"
|
||||
type="text"
|
||||
value=""
|
||||
@ -4332,7 +4332,7 @@ exports[`renders components/form/demo/form-item-path.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="form_item_path_user_age"
|
||||
type="text"
|
||||
value=""
|
||||
@ -4387,7 +4387,7 @@ Array [
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="global_state_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -4439,7 +4439,7 @@ exports[`renders components/form/demo/inline-login.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -4494,7 +4494,7 @@ exports[`renders components/form/demo/inline-login.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -4619,7 +4619,7 @@ exports[`renders components/form/demo/label-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="label-ellipsis_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -4677,7 +4677,7 @@ exports[`renders components/form/demo/label-debug.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -4846,7 +4846,7 @@ exports[`renders components/form/demo/layout.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="input placeholder"
|
||||
type="text"
|
||||
value=""
|
||||
@ -4882,7 +4882,7 @@ exports[`renders components/form/demo/layout.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="input placeholder"
|
||||
type="text"
|
||||
value=""
|
||||
@ -4959,7 +4959,7 @@ exports[`renders components/form/demo/layout-can-wrap.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="wrap_username"
|
||||
type="text"
|
||||
value=""
|
||||
@ -4999,7 +4999,7 @@ exports[`renders components/form/demo/layout-can-wrap.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="wrap_password"
|
||||
type="text"
|
||||
value=""
|
||||
@ -5085,7 +5085,7 @@ exports[`renders components/form/demo/nest-messages.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="nest-messages_user_name"
|
||||
type="text"
|
||||
value=""
|
||||
@ -5122,7 +5122,7 @@ exports[`renders components/form/demo/nest-messages.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="nest-messages_user_email"
|
||||
type="text"
|
||||
value=""
|
||||
@ -5159,7 +5159,7 @@ exports[`renders components/form/demo/nest-messages.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -5264,7 +5264,7 @@ exports[`renders components/form/demo/nest-messages.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="nest-messages_user_website"
|
||||
type="text"
|
||||
value=""
|
||||
@ -5301,7 +5301,7 @@ exports[`renders components/form/demo/nest-messages.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="nest-messages_user_introduction"
|
||||
/>
|
||||
</div>
|
||||
@ -5361,7 +5361,7 @@ exports[`renders components/form/demo/normal-login.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -5416,7 +5416,7 @@ exports[`renders components/form/demo/normal-login.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -5570,7 +5570,7 @@ exports[`renders components/form/demo/ref-item.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="test"
|
||||
type="text"
|
||||
value=""
|
||||
@ -5596,7 +5596,7 @@ exports[`renders components/form/demo/ref-item.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="list_0"
|
||||
type="text"
|
||||
value="light"
|
||||
@ -5659,7 +5659,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="register_email"
|
||||
type="text"
|
||||
value=""
|
||||
@ -5696,7 +5696,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -5765,7 +5765,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
@ -5858,7 +5858,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="register_nickname"
|
||||
type="text"
|
||||
value=""
|
||||
@ -6015,7 +6015,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<span
|
||||
@ -6088,7 +6088,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
</span>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="register_phone"
|
||||
type="text"
|
||||
value=""
|
||||
@ -6127,14 +6127,14 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-group-wrapper"
|
||||
class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-wrapper ant-input-number-group"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -6321,7 +6321,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
aria-owns="register_website_list"
|
||||
aria-required="true"
|
||||
autocomplete="off"
|
||||
class="ant-input ant-select-selection-search-input"
|
||||
class="ant-input ant-input-outlined ant-select-selection-search-input"
|
||||
id="register_website"
|
||||
role="combobox"
|
||||
type="search"
|
||||
@ -6367,7 +6367,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-show-count ant-input-show-count"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-show-count ant-input-show-count ant-input-outlined"
|
||||
data-count="0 / 100"
|
||||
>
|
||||
<textarea
|
||||
@ -6518,7 +6518,7 @@ exports[`renders components/form/demo/register.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="register_captcha"
|
||||
type="text"
|
||||
value=""
|
||||
@ -6795,7 +6795,7 @@ exports[`renders components/form/demo/required-mark.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="input placeholder"
|
||||
type="text"
|
||||
value=""
|
||||
@ -6860,7 +6860,7 @@ exports[`renders components/form/demo/required-mark.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="input placeholder"
|
||||
type="text"
|
||||
value=""
|
||||
@ -7026,7 +7026,7 @@ exports[`renders components/form/demo/size.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -7388,7 +7388,7 @@ exports[`renders components/form/demo/size.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -8145,7 +8145,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="name"
|
||||
type="text"
|
||||
value=""
|
||||
@ -8182,7 +8182,7 @@ Array [
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -8308,7 +8308,7 @@ exports[`renders components/form/demo/validate-only.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="validateOnly_name"
|
||||
type="text"
|
||||
value=""
|
||||
@ -8346,7 +8346,7 @@ exports[`renders components/form/demo/validate-only.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="validateOnly_age"
|
||||
type="text"
|
||||
value=""
|
||||
@ -8674,7 +8674,7 @@ exports[`renders components/form/demo/validate-other.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -9940,7 +9940,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input ant-input-outlined ant-input-status-error"
|
||||
id="error"
|
||||
placeholder="unavailable choice"
|
||||
type="text"
|
||||
@ -9977,7 +9977,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-warning"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-warning"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -10041,7 +10041,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-validating ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-validating"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -10109,7 +10109,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-success ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-success"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -10177,7 +10177,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-warning ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-warning"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -10245,7 +10245,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-error"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -11130,11 +11130,11 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-affix-wrapper ant-input-number-affix-wrapper-status-success ant-input-number-affix-wrapper-has-feedback"
|
||||
class="ant-input-number-affix-wrapper ant-input-number-outlined ant-input-number-status-success ant-input-number-has-feedback"
|
||||
style="width:100%"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-status-success"
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -11265,7 +11265,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-status-success ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-success"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -11358,7 +11358,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-status-warning ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-warning ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -11448,7 +11448,7 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-status-error ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-status-error ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -11565,10 +11565,10 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-mentions-affix-wrapper"
|
||||
class="ant-mentions-affix-wrapper ant-mentions-outlined ant-mentions-status-error"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-status-error"
|
||||
class="ant-mentions"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
@ -11635,11 +11635,11 @@ exports[`renders components/form/demo/validate-static.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-show-count ant-input-affix-wrapper-status-error ant-input-show-count ant-input-textarea-allow-clear"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-show-count ant-input-show-count ant-input-textarea-allow-clear ant-input-outlined ant-input-status-error"
|
||||
data-count="0"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input ant-input-status-error"
|
||||
class="ant-input"
|
||||
/>
|
||||
<span
|
||||
class="ant-input-suffix"
|
||||
@ -11762,7 +11762,7 @@ exports[`renders components/form/demo/validate-trigger.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -11807,7 +11807,7 @@ exports[`renders components/form/demo/validate-trigger.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -11852,7 +11852,7 @@ exports[`renders components/form/demo/validate-trigger.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-has-feedback"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -11906,7 +11906,7 @@ exports[`renders components/form/demo/warning-only.tsx correctly 1`] = `
|
||||
>
|
||||
<input
|
||||
aria-required="true"
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="url"
|
||||
placeholder="input placeholder"
|
||||
type="text"
|
||||
@ -11999,7 +11999,7 @@ exports[`renders components/form/demo/without-form-create.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -20,7 +20,7 @@ exports[`Form Form item hidden noStyle should not work when hidden 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="light"
|
||||
type="text"
|
||||
value=""
|
||||
@ -53,7 +53,7 @@ exports[`Form Form item hidden should work 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="light"
|
||||
type="text"
|
||||
value=""
|
||||
@ -252,7 +252,7 @@ exports[`Form form should support disabled 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-disabled"
|
||||
class="ant-input ant-input-disabled ant-input-outlined"
|
||||
disabled=""
|
||||
type="text"
|
||||
value=""
|
||||
@ -735,7 +735,7 @@ exports[`Form form should support disabled 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-disabled"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined ant-input-number-disabled"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -839,7 +839,7 @@ exports[`Form form should support disabled 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input ant-input-disabled"
|
||||
class="ant-input ant-input-outlined ant-input-disabled"
|
||||
disabled=""
|
||||
rows="4"
|
||||
/>
|
||||
|
||||
@ -131,7 +131,7 @@ Array [
|
||||
<div>
|
||||
scaleStep:
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -128,7 +128,7 @@ Array [
|
||||
scaleStep:
|
||||
<!-- -->
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`InputNumber renders correctly when controls has custom upIcon and downIcon 1`] = `
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -86,7 +86,7 @@ exports[`InputNumber renders correctly when controls has custom upIcon and downI
|
||||
|
||||
exports[`InputNumber renders correctly when controls is {} 1`] = `
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -162,7 +162,7 @@ exports[`InputNumber renders correctly when controls is {} 1`] = `
|
||||
|
||||
exports[`InputNumber renders correctly when controls is boolean 1`] = `
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-input-wrap"
|
||||
@ -180,7 +180,7 @@ exports[`InputNumber renders correctly when controls is boolean 1`] = `
|
||||
|
||||
exports[`InputNumber rtl render component should be rendered correctly in RTL direction 1`] = `
|
||||
<div
|
||||
class="ant-input-number ant-input-number-rtl"
|
||||
class="ant-input-number ant-input-number-rtl ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -19,7 +19,7 @@ describe('addon', () => {
|
||||
controls
|
||||
/>,
|
||||
);
|
||||
expect(container.querySelector('.ant-input-number-wrapper-disabled')).toBeInTheDocument();
|
||||
expect(container.querySelector('.ant-input-number-group-wrapper-disabled')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('disabled status when prefix and addon is active', () => {
|
||||
@ -33,7 +33,7 @@ describe('addon', () => {
|
||||
controls
|
||||
/>,
|
||||
);
|
||||
expect(container.querySelector('.ant-input-number-wrapper-disabled')).toBeInTheDocument();
|
||||
expect(container.querySelector('.ant-input-number-group-wrapper-disabled')).toBeInTheDocument();
|
||||
expect(container.querySelector('.ant-input-number-affix-wrapper-disabled')).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
7
components/input-number/demo/filled-debug.md
Normal file
7
components/input-number/demo/filled-debug.md
Normal file
@ -0,0 +1,7 @@
|
||||
## zh-CN
|
||||
|
||||
Filled Debug.
|
||||
|
||||
## en-US
|
||||
|
||||
Filled Debug.
|
||||
46
components/input-number/demo/filled-debug.tsx
Normal file
46
components/input-number/demo/filled-debug.tsx
Normal file
@ -0,0 +1,46 @@
|
||||
import React from 'react';
|
||||
import { Flex, InputNumber } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Flex vertical gap={12}>
|
||||
<Flex gap={12}>
|
||||
<InputNumber placeholder="Filled" variant="filled" />
|
||||
<InputNumber placeholder="Filled" variant="filled" disabled />
|
||||
<InputNumber placeholder="Filled" variant="filled" status="error" />
|
||||
</Flex>
|
||||
<Flex gap={12}>
|
||||
<InputNumber prefix="$" placeholder="Filled" variant="filled" />
|
||||
<InputNumber prefix="$" placeholder="Filled" variant="filled" disabled />
|
||||
<InputNumber prefix="$" placeholder="Filled" variant="filled" status="error" />
|
||||
</Flex>
|
||||
<Flex gap={12}>
|
||||
<InputNumber addonBefore="http://" addonAfter=".com" placeholder="Filled" variant="filled" />
|
||||
<InputNumber
|
||||
addonBefore="http://"
|
||||
addonAfter=".com"
|
||||
placeholder="Filled"
|
||||
variant="filled"
|
||||
disabled
|
||||
/>
|
||||
<InputNumber
|
||||
addonBefore="http://"
|
||||
addonAfter=".com"
|
||||
placeholder="Filled"
|
||||
variant="filled"
|
||||
status="error"
|
||||
/>
|
||||
</Flex>
|
||||
<Flex gap={12}>
|
||||
<InputNumber addonAfter=".com" placeholder="Filled" variant="filled" />
|
||||
<InputNumber addonAfter=".com" placeholder="Filled" variant="filled" disabled />
|
||||
<InputNumber addonAfter=".com" placeholder="Filled" variant="filled" status="error" />
|
||||
</Flex>
|
||||
<Flex gap={12}>
|
||||
<InputNumber addonBefore="http://" placeholder="Filled" variant="filled" />
|
||||
<InputNumber addonBefore="http://" placeholder="Filled" variant="filled" disabled />
|
||||
<InputNumber addonBefore="http://" placeholder="Filled" variant="filled" status="error" />
|
||||
</Flex>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
@ -1,6 +1,12 @@
|
||||
import React from 'react';
|
||||
import { InputNumber } from 'antd';
|
||||
import { Flex, InputNumber } from 'antd';
|
||||
|
||||
const App: React.FC = () => <InputNumber min={1} max={10} defaultValue={3} variant="borderless" />;
|
||||
const App: React.FC = () => (
|
||||
<Flex vertical gap={12}>
|
||||
<InputNumber placeholder="Outlined" style={{ width: 200 }} />
|
||||
<InputNumber placeholder="Filled" variant="filled" style={{ width: 200 }} />
|
||||
<InputNumber placeholder="Borderless" variant="borderless" style={{ width: 200 }} />
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -24,7 +24,8 @@ When a numeric value needs to be provided.
|
||||
<code src="./demo/digit.tsx">High precision decimals</code>
|
||||
<code src="./demo/formatter.tsx">Formatter</code>
|
||||
<code src="./demo/keyboard.tsx">Keyboard</code>
|
||||
<code src="./demo/variant.tsx">Variants</code>
|
||||
<code src="./demo/variant.tsx" version="5.13.0">Variants</code>
|
||||
<code src="./demo/filled-debug.tsx" debug>Filled Debug</code>
|
||||
<code src="./demo/out-of-range.tsx">Out of range</code>
|
||||
<code src="./demo/prefix.tsx">Prefix</code>
|
||||
<code src="./demo/status.tsx">Status</code>
|
||||
@ -60,7 +61,7 @@ Common props ref：[Common props](/docs/react/common-props)
|
||||
| step | The number to which the current value is increased or decreased. It can be an integer or decimal | number \| string | 1 | - |
|
||||
| stringMode | Set value as string to support high precision decimals. Will return string value by `onChange` | boolean | false | 4.13.0 |
|
||||
| value | The current value | number | - | - |
|
||||
| variant | Variants of Input | `outlined` \| `borderless` | `outlined` | 5.13.0 |
|
||||
| variant | Variants of Input | `outlined` \| `borderless` \| `filled` | `outlined` | 5.13.0 |
|
||||
| onChange | The callback triggered when the value is changed | function(value: number \| string \| null) | - | - |
|
||||
| onPressEnter | The callback function that is triggered when Enter key is pressed | function(e) | - | - |
|
||||
| onStep | The callback function that is triggered when click up or down buttons | (value: number, info: { offset: number, type: 'up' \| 'down' }) => void | - | 4.7.0 |
|
||||
|
||||
@ -15,9 +15,9 @@ import { NoCompactStyle, useCompactItemContext } from '../space/Compact';
|
||||
import useStyle from './style';
|
||||
import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
|
||||
import type { InputVariant } from '../input/Input';
|
||||
import { InputVariants } from '../input/Input';
|
||||
import { devUseWarning } from '../_util/warning';
|
||||
import useVariant from '../_util/hooks/useVariants';
|
||||
import { InputVariants } from '../input/Input';
|
||||
|
||||
export interface InputNumberProps<T extends ValueType = ValueType>
|
||||
extends Omit<RcInputNumberProps<T>, 'prefix' | 'size' | 'controls'> {
|
||||
@ -32,7 +32,10 @@ export interface InputNumberProps<T extends ValueType = ValueType>
|
||||
bordered?: boolean;
|
||||
status?: InputStatus;
|
||||
controls?: boolean | { upIcon?: React.ReactNode; downIcon?: React.ReactNode };
|
||||
/** @default "outlined" */
|
||||
/**
|
||||
* @since 5.13.0
|
||||
* @default "outlined"
|
||||
*/
|
||||
variant?: InputVariant;
|
||||
}
|
||||
|
||||
@ -107,22 +110,20 @@ const InputNumber = React.forwardRef<HTMLInputElement, InputNumberProps>((props,
|
||||
|
||||
const [variant, enableVariantCls] = useVariant(customVariant, bordered, InputVariants);
|
||||
|
||||
// eslint-disable-next-line react/jsx-no-useless-fragment
|
||||
const suffixNode = hasFeedback && <>{feedbackIcon}</>;
|
||||
|
||||
const inputNumberClass = classNames(
|
||||
{
|
||||
[`${prefixCls}-lg`]: mergedSize === 'large',
|
||||
[`${prefixCls}-sm`]: mergedSize === 'small',
|
||||
[`${prefixCls}-rtl`]: direction === 'rtl',
|
||||
[`${prefixCls}-${variant}`]: enableVariantCls,
|
||||
[`${prefixCls}-in-form-item`]: isFormItemInput,
|
||||
},
|
||||
getStatusClassNames(prefixCls, mergedStatus),
|
||||
hashId,
|
||||
);
|
||||
const wrapperClassName = `${prefixCls}-group`;
|
||||
|
||||
// eslint-disable-next-line react/jsx-no-useless-fragment
|
||||
const suffixNode = hasFeedback && <>{feedbackIcon}</>;
|
||||
|
||||
const element = (
|
||||
<RcInputNumber
|
||||
ref={inputRef}
|
||||
@ -155,30 +156,33 @@ const InputNumber = React.forwardRef<HTMLInputElement, InputNumberProps>((props,
|
||||
}
|
||||
classNames={{
|
||||
input: inputNumberClass,
|
||||
}}
|
||||
classes={{
|
||||
variant: classNames(
|
||||
{
|
||||
[`${prefixCls}-${variant}`]: enableVariantCls,
|
||||
},
|
||||
|
||||
getStatusClassNames(prefixCls, mergedStatus, hasFeedback),
|
||||
),
|
||||
affixWrapper: classNames(
|
||||
getStatusClassNames(`${prefixCls}-affix-wrapper`, mergedStatus, hasFeedback),
|
||||
{
|
||||
[`${prefixCls}-affix-wrapper-sm`]: mergedSize === 'small',
|
||||
[`${prefixCls}-affix-wrapper-lg`]: mergedSize === 'large',
|
||||
[`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl',
|
||||
[`${prefixCls}-affix-wrapper-${variant}`]: enableVariantCls,
|
||||
},
|
||||
hashId,
|
||||
),
|
||||
wrapper: classNames(
|
||||
{
|
||||
[`${wrapperClassName}-rtl`]: direction === 'rtl',
|
||||
[`${prefixCls}-wrapper-disabled`]: mergedDisabled,
|
||||
},
|
||||
hashId,
|
||||
),
|
||||
group: classNames(
|
||||
groupWrapper: classNames(
|
||||
{
|
||||
[`${prefixCls}-group-wrapper-sm`]: mergedSize === 'small',
|
||||
[`${prefixCls}-group-wrapper-lg`]: mergedSize === 'large',
|
||||
[`${prefixCls}-group-wrapper-rtl`]: direction === 'rtl',
|
||||
[`${prefixCls}-group-wrapper-${variant}`]: enableVariantCls,
|
||||
},
|
||||
getStatusClassNames(`${prefixCls}-group-wrapper`, mergedStatus, hasFeedback),
|
||||
hashId,
|
||||
|
||||
@ -25,7 +25,8 @@ demo:
|
||||
<code src="./demo/digit.tsx">高精度小数</code>
|
||||
<code src="./demo/formatter.tsx">格式化展示</code>
|
||||
<code src="./demo/keyboard.tsx">键盘行为</code>
|
||||
<code src="./demo/variant.tsx">形态变体</code>
|
||||
<code src="./demo/variant.tsx" version="5.13.0">形态变体</code>
|
||||
<code src="./demo/filled-debug.tsx" debug>Filled Debug</code>
|
||||
<code src="./demo/out-of-range.tsx">超出边界</code>
|
||||
<code src="./demo/prefix.tsx">前缀</code>
|
||||
<code src="./demo/status.tsx">自定义状态</code>
|
||||
@ -61,7 +62,7 @@ demo:
|
||||
| step | 每次改变步数，可以为小数 | number \| string | 1 | - |
|
||||
| stringMode | 字符值模式，开启后支持高精度小数。同时 `onChange` 将返回 string 类型 | boolean | false | 4.13.0 |
|
||||
| value | 当前值 | number | - | - |
|
||||
| variant | 形态变体 | `outlined` \| `borderless` | `outlined` | 5.13.0 |
|
||||
| variant | 形态变体 | `outlined` \| `borderless` \| `filled` | `outlined` | 5.13.0 |
|
||||
| onChange | 变化回调 | function(value: number \| string \| null) | - | - |
|
||||
| onPressEnter | 按下回车的回调 | function(e) | - | - |
|
||||
| onStep | 点击上下箭头的回调 | (value: number, info: { offset: number, type: 'up' \| 'down' }) => void | - | 4.7.0 |
|
||||
|
||||
@ -1,69 +1,25 @@
|
||||
import type { SharedComponentToken, SharedInputToken } from '../../input/style';
|
||||
import {
|
||||
genBasicInputStyle,
|
||||
genDisabledStyle,
|
||||
genInputGroupStyle,
|
||||
genPlaceholderStyle,
|
||||
genStatusStyle,
|
||||
initComponentToken,
|
||||
initInputToken,
|
||||
} from '../../input/style';
|
||||
import { resetComponent, resetIcon } from '../../style';
|
||||
import { genCompactItemStyle } from '../../style/compact-item';
|
||||
import type { FullToken, GenerateStyle, GetDefaultToken } from '../../theme/internal';
|
||||
import type { GenerateStyle } from '../../theme/internal';
|
||||
import { genStyleHooks, mergeToken } from '../../theme/internal';
|
||||
import { unit } from '@ant-design/cssinjs';
|
||||
import type { FormatComponentToken } from '../../theme/util/genComponentStyleHook';
|
||||
import type { ComponentToken, InputNumberToken } from './token';
|
||||
import { formatComponentToken, prepareComponentToken } from './token';
|
||||
import {
|
||||
genBorderlessStyle,
|
||||
genFilledGroupStyle,
|
||||
genFilledStyle,
|
||||
genOutlinedGroupStyle,
|
||||
genOutlinedStyle,
|
||||
} from '../../input/style/variants';
|
||||
|
||||
export interface ComponentToken extends SharedComponentToken {
|
||||
/**
|
||||
* @desc 输入框宽度
|
||||
* @descEN Width of input
|
||||
*/
|
||||
controlWidth: number;
|
||||
/**
|
||||
* @desc 操作按钮宽度
|
||||
* @descEN Width of control button
|
||||
*/
|
||||
handleWidth: number;
|
||||
/**
|
||||
* @desc 操作按钮图标大小
|
||||
* @descEN Icon size of control button
|
||||
*/
|
||||
handleFontSize: number;
|
||||
/**
|
||||
* Default `auto`. Set `true` will always show the handle
|
||||
* @desc 操作按钮可见性
|
||||
* @descEN Handle visible
|
||||
*/
|
||||
handleVisible: 'auto' | true;
|
||||
/**
|
||||
* @desc 操作按钮背景色
|
||||
* @descEN Background color of handle
|
||||
*/
|
||||
handleBg: string;
|
||||
/**
|
||||
* @desc 操作按钮激活背景色
|
||||
* @descEN Active background color of handle
|
||||
*/
|
||||
handleActiveBg: string;
|
||||
/**
|
||||
* @desc 操作按钮悬浮颜色
|
||||
* @descEN Hover color of handle
|
||||
*/
|
||||
handleHoverColor: string;
|
||||
/**
|
||||
* @desc 操作按钮边框颜色
|
||||
* @descEN Border color of handle
|
||||
*/
|
||||
handleBorderColor: string;
|
||||
/**
|
||||
* @internal
|
||||
*/
|
||||
handleOpacity: number;
|
||||
}
|
||||
|
||||
type InputNumberToken = FullToken<'InputNumber'> & SharedInputToken;
|
||||
export type { ComponentToken };
|
||||
|
||||
export const genRadiusStyle = (
|
||||
{ componentCls, borderRadiusSM, borderRadiusLG }: InputNumberToken,
|
||||
@ -91,7 +47,6 @@ const genInputNumberStyles: GenerateStyle<InputNumberToken> = (token: InputNumbe
|
||||
componentCls,
|
||||
lineWidth,
|
||||
lineType,
|
||||
colorBorder,
|
||||
borderRadius,
|
||||
fontSizeLG,
|
||||
controlHeightLG,
|
||||
@ -111,6 +66,7 @@ const genInputNumberStyles: GenerateStyle<InputNumberToken> = (token: InputNumbe
|
||||
controlWidth,
|
||||
handleOpacity,
|
||||
handleBorderColor,
|
||||
filledHandleBg,
|
||||
calc,
|
||||
} = token;
|
||||
|
||||
@ -119,15 +75,38 @@ const genInputNumberStyles: GenerateStyle<InputNumberToken> = (token: InputNumbe
|
||||
[componentCls]: {
|
||||
...resetComponent(token),
|
||||
...genBasicInputStyle(token),
|
||||
...genStatusStyle(token, componentCls),
|
||||
|
||||
display: 'inline-block',
|
||||
width: controlWidth,
|
||||
margin: 0,
|
||||
padding: 0,
|
||||
border: `${unit(lineWidth)} ${lineType} ${colorBorder}`,
|
||||
borderRadius,
|
||||
|
||||
// Variants
|
||||
...genOutlinedStyle(token, {
|
||||
[`${componentCls}-handler-wrap`]: {
|
||||
background: handleBg,
|
||||
[`${componentCls}-handler-down`]: {
|
||||
borderBlockStart: `${unit(lineWidth)} ${lineType} ${handleBorderColor}`,
|
||||
},
|
||||
},
|
||||
}),
|
||||
...genFilledStyle(token, {
|
||||
[`${componentCls}-handler-wrap`]: {
|
||||
background: filledHandleBg,
|
||||
[`${componentCls}-handler-down`]: {
|
||||
borderBlockStart: `${unit(lineWidth)} ${lineType} ${handleBorderColor}`,
|
||||
},
|
||||
},
|
||||
|
||||
'&:focus-within': {
|
||||
[`${componentCls}-handler-wrap`]: {
|
||||
background: handleBg,
|
||||
},
|
||||
},
|
||||
}),
|
||||
...genBorderlessStyle(token),
|
||||
|
||||
'&-rtl': {
|
||||
direction: 'rtl',
|
||||
|
||||
@ -192,9 +171,9 @@ const genInputNumberStyles: GenerateStyle<InputNumberToken> = (token: InputNumbe
|
||||
},
|
||||
},
|
||||
|
||||
[`${componentCls}-wrapper-disabled > ${componentCls}-group-addon`]: {
|
||||
...genDisabledStyle(token),
|
||||
},
|
||||
// Variants
|
||||
...genOutlinedGroupStyle(token),
|
||||
...genFilledGroupStyle(token),
|
||||
|
||||
// Fix the issue of using icons in Space Compact mode
|
||||
// https://github.com/ant-design/ant-design/issues/45764
|
||||
@ -265,7 +244,6 @@ const genInputNumberStyles: GenerateStyle<InputNumberToken> = (token: InputNumbe
|
||||
insetInlineEnd: 0,
|
||||
width: token.handleWidth,
|
||||
height: '100%',
|
||||
background: handleBg,
|
||||
borderStartStartRadius: 0,
|
||||
borderStartEndRadius: borderRadius,
|
||||
borderEndEndRadius: borderRadius,
|
||||
@ -336,7 +314,6 @@ const genInputNumberStyles: GenerateStyle<InputNumberToken> = (token: InputNumbe
|
||||
},
|
||||
|
||||
[`${componentCls}-handler-down`]: {
|
||||
borderBlockStart: `${unit(lineWidth)} ${lineType} ${handleBorderColor}`,
|
||||
borderEndEndRadius: borderRadius,
|
||||
},
|
||||
|
||||
@ -369,18 +346,6 @@ const genInputNumberStyles: GenerateStyle<InputNumberToken> = (token: InputNumbe
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
// Border-less
|
||||
{
|
||||
[`${componentCls}-borderless`]: {
|
||||
borderColor: 'transparent',
|
||||
boxShadow: 'none',
|
||||
|
||||
[`${componentCls}-handler-down`]: {
|
||||
borderBlockStartWidth: 0,
|
||||
},
|
||||
},
|
||||
},
|
||||
];
|
||||
};
|
||||
|
||||
@ -398,7 +363,6 @@ const genAffixWrapperStyles: GenerateStyle<InputNumberToken> = (token: InputNumb
|
||||
return {
|
||||
[`${componentCls}-affix-wrapper`]: {
|
||||
...genBasicInputStyle(token),
|
||||
...genStatusStyle(token, `${componentCls}-affix-wrapper`),
|
||||
// or number handler will cover form status
|
||||
position: 'relative',
|
||||
display: 'inline-flex',
|
||||
@ -414,7 +378,7 @@ const genAffixWrapperStyles: GenerateStyle<InputNumberToken> = (token: InputNumb
|
||||
borderRadius: borderRadiusSM,
|
||||
},
|
||||
|
||||
[`&:not(${componentCls}-affix-wrapper-disabled):hover`]: {
|
||||
[`&:not(${componentCls}-disabled):hover`]: {
|
||||
zIndex: 1,
|
||||
},
|
||||
|
||||
@ -452,6 +416,8 @@ const genAffixWrapperStyles: GenerateStyle<InputNumberToken> = (token: InputNumb
|
||||
},
|
||||
|
||||
[componentCls]: {
|
||||
color: 'inherit',
|
||||
|
||||
'&-prefix, &-suffix': {
|
||||
display: 'flex',
|
||||
flex: 'none',
|
||||
@ -478,24 +444,6 @@ const genAffixWrapperStyles: GenerateStyle<InputNumberToken> = (token: InputNumb
|
||||
};
|
||||
|
||||
// ============================== Export ==============================
|
||||
export const prepareComponentToken: GetDefaultToken<'InputNumber'> = (token) => ({
|
||||
...initComponentToken(token),
|
||||
controlWidth: 90,
|
||||
handleWidth: token.controlHeightSM - token.lineWidth * 2,
|
||||
handleFontSize: token.fontSize / 2,
|
||||
handleVisible: 'auto',
|
||||
handleActiveBg: token.colorFillAlter,
|
||||
handleBg: token.colorBgContainer,
|
||||
handleHoverColor: token.colorPrimary,
|
||||
handleBorderColor: token.colorBorder,
|
||||
handleOpacity: 0,
|
||||
});
|
||||
|
||||
export const formatComponentToken: FormatComponentToken<'InputNumber'> = (token) => ({
|
||||
...token,
|
||||
handleOpacity: token.handleVisible === true ? 1 : 0,
|
||||
});
|
||||
|
||||
export default genStyleHooks(
|
||||
'InputNumber',
|
||||
(token) => {
|
||||
|
||||
80
components/input-number/style/token.ts
Normal file
80
components/input-number/style/token.ts
Normal file
@ -0,0 +1,80 @@
|
||||
import type { SharedComponentToken, SharedInputToken } from '../../input/style/token';
|
||||
import { initComponentToken } from '../../input/style/token';
|
||||
import type { FullToken, GetDefaultToken, FormatComponentToken } from '../../theme/internal';
|
||||
import { TinyColor } from '@ctrl/tinycolor';
|
||||
|
||||
export interface ComponentToken extends SharedComponentToken {
|
||||
/**
|
||||
* @desc 输入框宽度
|
||||
* @descEN Width of input
|
||||
*/
|
||||
controlWidth: number;
|
||||
/**
|
||||
* @desc 操作按钮宽度
|
||||
* @descEN Width of control button
|
||||
*/
|
||||
handleWidth: number;
|
||||
/**
|
||||
* @desc 操作按钮图标大小
|
||||
* @descEN Icon size of control button
|
||||
*/
|
||||
handleFontSize: number;
|
||||
/**
|
||||
* Default `auto`. Set `true` will always show the handle
|
||||
* @desc 操作按钮可见性
|
||||
* @descEN Handle visible
|
||||
*/
|
||||
handleVisible: 'auto' | true;
|
||||
/**
|
||||
* @desc 操作按钮背景色
|
||||
* @descEN Background color of handle
|
||||
*/
|
||||
handleBg: string;
|
||||
/**
|
||||
* @desc 操作按钮激活背景色
|
||||
* @descEN Active background color of handle
|
||||
*/
|
||||
handleActiveBg: string;
|
||||
/**
|
||||
* @desc 操作按钮悬浮颜色
|
||||
* @descEN Hover color of handle
|
||||
*/
|
||||
handleHoverColor: string;
|
||||
/**
|
||||
* @desc 操作按钮边框颜色
|
||||
* @descEN Border color of handle
|
||||
*/
|
||||
handleBorderColor: string;
|
||||
/**
|
||||
* @desc 面性变体操作按钮背景色
|
||||
* @descEN Background color of handle in filled variant
|
||||
*/
|
||||
filledHandleBg: string;
|
||||
/**
|
||||
* @internal
|
||||
*/
|
||||
handleOpacity: number;
|
||||
}
|
||||
|
||||
export type InputNumberToken = FullToken<'InputNumber'> & SharedInputToken;
|
||||
|
||||
export const prepareComponentToken: GetDefaultToken<'InputNumber'> = (token) => ({
|
||||
...initComponentToken(token),
|
||||
controlWidth: 90,
|
||||
handleWidth: token.controlHeightSM - token.lineWidth * 2,
|
||||
handleFontSize: token.fontSize / 2,
|
||||
handleVisible: 'auto',
|
||||
handleActiveBg: token.colorFillAlter,
|
||||
handleBg: token.colorBgContainer,
|
||||
filledHandleBg: new TinyColor(token.colorFillSecondary)
|
||||
.onBackground(token.colorBgContainer)
|
||||
.toHexString(),
|
||||
handleHoverColor: token.colorPrimary,
|
||||
handleBorderColor: token.colorBorder,
|
||||
handleOpacity: 0,
|
||||
});
|
||||
|
||||
export const formatComponentToken: FormatComponentToken<'InputNumber'> = (token) => ({
|
||||
...token,
|
||||
handleOpacity: token.handleVisible === true ? 1 : 0,
|
||||
});
|
||||
@ -56,7 +56,7 @@ export function triggerFocus(
|
||||
}
|
||||
}
|
||||
|
||||
export const InputVariants = ['outlined', 'borderless'] as const;
|
||||
export const InputVariants = ['outlined', 'borderless', 'filled'] as const;
|
||||
export type InputVariant = (typeof InputVariants)[number];
|
||||
|
||||
export interface InputProps
|
||||
@ -71,6 +71,7 @@ export interface InputProps
|
||||
/** @deprecated Use `variant="borderless"` instead. */
|
||||
bordered?: boolean;
|
||||
/**
|
||||
* @since 5.13.0
|
||||
* @default "outlined"
|
||||
*/
|
||||
variant?: InputVariant;
|
||||
@ -202,7 +203,6 @@ const Input = forwardRef<InputRef, InputProps>((props, ref) => {
|
||||
rootClassName,
|
||||
cssVarCls,
|
||||
rootCls,
|
||||
hashId,
|
||||
compactItemClassnames,
|
||||
input?.className,
|
||||
)}
|
||||
@ -233,23 +233,23 @@ const Input = forwardRef<InputRef, InputProps>((props, ref) => {
|
||||
[`${prefixCls}-sm`]: mergedSize === 'small',
|
||||
[`${prefixCls}-lg`]: mergedSize === 'large',
|
||||
[`${prefixCls}-rtl`]: direction === 'rtl',
|
||||
[`${prefixCls}-${variant}`]: enableVariantCls,
|
||||
},
|
||||
!inputHasPrefixSuffix && getStatusClassNames(prefixCls, mergedStatus),
|
||||
classes?.input,
|
||||
input?.classNames?.input,
|
||||
hashId,
|
||||
),
|
||||
}}
|
||||
classes={{
|
||||
variant: classNames(
|
||||
{
|
||||
[`${prefixCls}-${variant}`]: enableVariantCls,
|
||||
},
|
||||
getStatusClassNames(prefixCls, mergedStatus),
|
||||
),
|
||||
affixWrapper: classNames(
|
||||
{
|
||||
[`${prefixCls}-affix-wrapper-sm`]: mergedSize === 'small',
|
||||
[`${prefixCls}-affix-wrapper-lg`]: mergedSize === 'large',
|
||||
[`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl',
|
||||
[`${prefixCls}-affix-wrapper-${variant}`]: enableVariantCls,
|
||||
},
|
||||
getStatusClassNames(`${prefixCls}-affix-wrapper`, mergedStatus, hasFeedback),
|
||||
hashId,
|
||||
),
|
||||
wrapper: classNames(
|
||||
@ -258,12 +258,12 @@ const Input = forwardRef<InputRef, InputProps>((props, ref) => {
|
||||
},
|
||||
hashId,
|
||||
),
|
||||
group: classNames(
|
||||
groupWrapper: classNames(
|
||||
{
|
||||
[`${prefixCls}-group-wrapper-sm`]: mergedSize === 'small',
|
||||
[`${prefixCls}-group-wrapper-lg`]: mergedSize === 'large',
|
||||
[`${prefixCls}-group-wrapper-rtl`]: direction === 'rtl',
|
||||
[`${prefixCls}-group-wrapper-disabled`]: mergedDisabled,
|
||||
[`${prefixCls}-group-wrapper-${variant}`]: enableVariantCls,
|
||||
},
|
||||
getStatusClassNames(`${prefixCls}-group-wrapper`, mergedStatus, hasFeedback),
|
||||
hashId,
|
||||
|
||||
@ -27,7 +27,10 @@ export interface TextAreaProps extends Omit<RcTextAreaProps, 'suffix'> {
|
||||
size?: SizeType;
|
||||
status?: InputStatus;
|
||||
rootClassName?: string;
|
||||
/** @default "outlined" */
|
||||
/**
|
||||
* @since 5.13.0
|
||||
* @default "outlined"
|
||||
*/
|
||||
variant?: InputVariant;
|
||||
}
|
||||
|
||||
@ -107,32 +110,32 @@ const TextArea = forwardRef<TextAreaRef, TextAreaProps>((props, ref) => {
|
||||
disabled={mergedDisabled}
|
||||
allowClear={mergedAllowClear}
|
||||
className={classNames(cssVarCls, rootCls, className, rootClassName)}
|
||||
classes={{
|
||||
affixWrapper: classNames(
|
||||
`${prefixCls}-textarea-affix-wrapper`,
|
||||
{
|
||||
[`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl',
|
||||
[`${prefixCls}-affix-wrapper-${variant}`]: enableVariantCls,
|
||||
[`${prefixCls}-affix-wrapper-sm`]: mergedSize === 'small',
|
||||
[`${prefixCls}-affix-wrapper-lg`]: mergedSize === 'large',
|
||||
[`${prefixCls}-textarea-show-count`]: props.showCount || props.count?.show,
|
||||
},
|
||||
getStatusClassNames(`${prefixCls}-affix-wrapper`, mergedStatus),
|
||||
hashId,
|
||||
),
|
||||
}}
|
||||
classNames={{
|
||||
...classes,
|
||||
textarea: classNames(
|
||||
{
|
||||
[`${prefixCls}-${variant}`]: enableVariantCls,
|
||||
[`${prefixCls}-sm`]: mergedSize === 'small',
|
||||
[`${prefixCls}-lg`]: mergedSize === 'large',
|
||||
},
|
||||
getStatusClassNames(prefixCls, mergedStatus),
|
||||
hashId,
|
||||
classes?.textarea,
|
||||
),
|
||||
variant: classNames(
|
||||
{
|
||||
[`${prefixCls}-${variant}`]: enableVariantCls,
|
||||
},
|
||||
getStatusClassNames(prefixCls, mergedStatus),
|
||||
),
|
||||
affixWrapper: classNames(
|
||||
`${prefixCls}-textarea-affix-wrapper`,
|
||||
{
|
||||
[`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl',
|
||||
[`${prefixCls}-affix-wrapper-sm`]: mergedSize === 'small',
|
||||
[`${prefixCls}-affix-wrapper-lg`]: mergedSize === 'large',
|
||||
[`${prefixCls}-textarea-show-count`]: props.showCount || props.count?.show,
|
||||
},
|
||||
hashId,
|
||||
),
|
||||
}}
|
||||
prefixCls={prefixCls}
|
||||
suffix={hasFeedback && <span className={`${prefixCls}-textarea-suffix`}>{feedbackIcon}</span>}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Input.Password rtl render component should be rendered correctly in RTL direction 1`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password ant-input-affix-wrapper-rtl"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-rtl ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-rtl"
|
||||
@ -41,7 +41,7 @@ exports[`Input.Password rtl render component should be rendered correctly in RTL
|
||||
|
||||
exports[`Input.Password should change type when click 1`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -80,7 +80,7 @@ exports[`Input.Password should change type when click 1`] = `
|
||||
|
||||
exports[`Input.Password should change type when click 2`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-focused ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-focused ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -116,7 +116,7 @@ exports[`Input.Password should change type when click 2`] = `
|
||||
|
||||
exports[`Input.Password should change type when click 3`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-focused ant-input-password"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-focused ant-input-outlined ant-input-password"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -155,7 +155,7 @@ exports[`Input.Password should change type when click 3`] = `
|
||||
|
||||
exports[`Input.Password should support size 1`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-password ant-input-password-large ant-input-affix-wrapper-lg"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined ant-input-password ant-input-password-large"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-lg"
|
||||
|
||||
@ -2,13 +2,13 @@
|
||||
|
||||
exports[`Input.Search rtl render component should be rendered correctly in RTL direction 1`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-rtl ant-input-group-wrapper-rtl"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-rtl ant-input-group-wrapper-outlined ant-input-search ant-input-search-rtl"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group ant-input-group-rtl"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-rtl"
|
||||
class="ant-input ant-input-rtl ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -50,13 +50,13 @@ exports[`Input.Search rtl render component should be rendered correctly in RTL d
|
||||
|
||||
exports[`Input.Search should support ReactNode suffix without error 1`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -109,13 +109,13 @@ exports[`Input.Search should support ReactNode suffix without error 1`] = `
|
||||
|
||||
exports[`Input.Search should support addonAfter 1`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -160,13 +160,13 @@ exports[`Input.Search should support addonAfter 1`] = `
|
||||
|
||||
exports[`Input.Search should support addonAfter 2`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-with-button"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-search-with-button"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -211,13 +211,13 @@ exports[`Input.Search should support addonAfter 2`] = `
|
||||
|
||||
exports[`Input.Search should support addonAfter and suffix for loading 1`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -269,13 +269,13 @@ exports[`Input.Search should support addonAfter and suffix for loading 1`] = `
|
||||
|
||||
exports[`Input.Search should support addonAfter and suffix for loading 2`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-with-button"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-search-with-button"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -327,13 +327,13 @@ exports[`Input.Search should support addonAfter and suffix for loading 2`] = `
|
||||
|
||||
exports[`Input.Search should support custom Button 1`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-with-button"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-search-with-button"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -355,13 +355,13 @@ exports[`Input.Search should support custom Button 1`] = `
|
||||
|
||||
exports[`Input.Search should support custom button 1`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-with-button"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-search-with-button"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -380,13 +380,13 @@ exports[`Input.Search should support custom button 1`] = `
|
||||
|
||||
exports[`Input.Search should support invalid addonAfter 1`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-with-button"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-search-with-button"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -428,13 +428,13 @@ exports[`Input.Search should support invalid addonAfter 1`] = `
|
||||
|
||||
exports[`Input.Search should support invalid suffix 1`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -483,13 +483,13 @@ exports[`Input.Search should support invalid suffix 1`] = `
|
||||
|
||||
exports[`Input.Search should support loading 1`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -531,13 +531,13 @@ exports[`Input.Search should support loading 1`] = `
|
||||
|
||||
exports[`Input.Search should support loading 2`] = `
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-search-with-button"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-search-with-button"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Input allowClear should change type when click 1`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -44,7 +44,7 @@ exports[`Input allowClear should change type when click 1`] = `
|
||||
|
||||
exports[`Input allowClear should change type when click 2`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-focused"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-focused ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -86,7 +86,7 @@ exports[`Input allowClear should change type when click 2`] = `
|
||||
|
||||
exports[`Input allowClear should not show icon if defaultValue is undefined, null or empty string 1`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -128,7 +128,7 @@ exports[`Input allowClear should not show icon if defaultValue is undefined, nul
|
||||
|
||||
exports[`Input allowClear should not show icon if defaultValue is undefined, null or empty string 2`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -170,7 +170,7 @@ exports[`Input allowClear should not show icon if defaultValue is undefined, nul
|
||||
|
||||
exports[`Input allowClear should not show icon if defaultValue is undefined, null or empty string 3`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -212,7 +212,7 @@ exports[`Input allowClear should not show icon if defaultValue is undefined, nul
|
||||
|
||||
exports[`Input allowClear should not show icon if value is undefined, null or empty string 1`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -254,7 +254,7 @@ exports[`Input allowClear should not show icon if value is undefined, null or em
|
||||
|
||||
exports[`Input allowClear should not show icon if value is undefined, null or empty string 2`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -296,7 +296,7 @@ exports[`Input allowClear should not show icon if value is undefined, null or em
|
||||
|
||||
exports[`Input allowClear should not show icon if value is undefined, null or empty string 3`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -339,7 +339,7 @@ exports[`Input allowClear should not show icon if value is undefined, null or em
|
||||
exports[`Input allowClear should support classNames and styles 1`] = `
|
||||
<div>
|
||||
<span
|
||||
class="rc-input-affix-wrapper custom-class"
|
||||
class="rc-input-affix-wrapper rc-input-outlined custom-class"
|
||||
style="background-color: red;"
|
||||
>
|
||||
<span
|
||||
@ -368,14 +368,14 @@ exports[`Input allowClear should support classNames and styles 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="rc-input-group-wrapper custom-class"
|
||||
class="rc-input-group-wrapper rc-input-group-wrapper-outlined custom-class"
|
||||
style="background-color: red;"
|
||||
>
|
||||
<span
|
||||
class="rc-input-wrapper rc-input-group"
|
||||
>
|
||||
<span
|
||||
class="rc-input-affix-wrapper"
|
||||
class="rc-input-affix-wrapper rc-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="rc-input-prefix custom-prefix"
|
||||
@ -410,20 +410,20 @@ exports[`Input allowClear should support classNames and styles 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<input
|
||||
class="rc-input custom-input custom-class"
|
||||
class="rc-input custom-input rc-input-outlined custom-class"
|
||||
style="color: red; background-color: red;"
|
||||
type="text"
|
||||
value="123"
|
||||
/>
|
||||
<span
|
||||
class="rc-input-group-wrapper custom-class"
|
||||
class="rc-input-group-wrapper rc-input-group-wrapper-outlined custom-class"
|
||||
style="background-color: red;"
|
||||
>
|
||||
<span
|
||||
class="rc-input-wrapper rc-input-group"
|
||||
>
|
||||
<input
|
||||
class="rc-input custom-input"
|
||||
class="rc-input custom-input rc-input-outlined"
|
||||
style="color: red;"
|
||||
type="text"
|
||||
value="123"
|
||||
@ -440,7 +440,7 @@ exports[`Input allowClear should support classNames and styles 1`] = `
|
||||
|
||||
exports[`Input rtl render component should be rendered correctly in RTL direction 1`] = `
|
||||
<input
|
||||
class="ant-input ant-input-rtl"
|
||||
class="ant-input ant-input-rtl ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -454,7 +454,7 @@ exports[`Input rtl render component should be rendered correctly in RTL directio
|
||||
|
||||
exports[`Input should support maxLength 1`] = `
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
maxlength="3"
|
||||
type="text"
|
||||
value=""
|
||||
@ -463,7 +463,7 @@ exports[`Input should support maxLength 1`] = `
|
||||
|
||||
exports[`Input should support size 1`] = `
|
||||
<input
|
||||
class="ant-input ant-input-lg"
|
||||
class="ant-input ant-input-lg ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -489,7 +489,7 @@ exports[`Input should support size in form 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-lg"
|
||||
class="ant-input ant-input-lg ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
|
||||
@ -3,11 +3,11 @@
|
||||
exports[`TextArea allowClear classNames and styles should work 1`] = `
|
||||
<div>
|
||||
<textarea
|
||||
class="ant-input custom-textarea custom-class"
|
||||
class="ant-input custom-textarea ant-input-outlined custom-class"
|
||||
style="color: red; background: red;"
|
||||
/>
|
||||
<span
|
||||
class="ant-input-affix-wrapper custom-class ant-input-textarea-affix-wrapper ant-input-textarea-show-count ant-input-show-count"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-show-count ant-input-show-count ant-input-outlined custom-class"
|
||||
data-count="0"
|
||||
style="background: red;"
|
||||
>
|
||||
@ -31,7 +31,7 @@ exports[`TextArea allowClear classNames and styles should work 1`] = `
|
||||
|
||||
exports[`TextArea allowClear should change type when click 1`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear ant-input-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
@ -73,7 +73,7 @@ exports[`TextArea allowClear should change type when click 1`] = `
|
||||
|
||||
exports[`TextArea allowClear should change type when click 2`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-focused ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-focused ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear ant-input-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
@ -113,7 +113,7 @@ exports[`TextArea allowClear should change type when click 2`] = `
|
||||
|
||||
exports[`TextArea allowClear should not show icon if defaultValue is undefined, null or empty string 1`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear ant-input-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
@ -153,7 +153,7 @@ exports[`TextArea allowClear should not show icon if defaultValue is undefined,
|
||||
|
||||
exports[`TextArea allowClear should not show icon if defaultValue is undefined, null or empty string 2`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear ant-input-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
@ -193,7 +193,7 @@ exports[`TextArea allowClear should not show icon if defaultValue is undefined,
|
||||
|
||||
exports[`TextArea allowClear should not show icon if defaultValue is undefined, null or empty string 3`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear ant-input-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
@ -233,7 +233,7 @@ exports[`TextArea allowClear should not show icon if defaultValue is undefined,
|
||||
|
||||
exports[`TextArea allowClear should not show icon if value is undefined, null or empty string 1`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear ant-input-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
@ -273,7 +273,7 @@ exports[`TextArea allowClear should not show icon if value is undefined, null or
|
||||
|
||||
exports[`TextArea allowClear should not show icon if value is undefined, null or empty string 2`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear ant-input-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
@ -313,7 +313,7 @@ exports[`TextArea allowClear should not show icon if value is undefined, null or
|
||||
|
||||
exports[`TextArea allowClear should not show icon if value is undefined, null or empty string 3`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear"
|
||||
class="ant-input-affix-wrapper ant-input-textarea-affix-wrapper ant-input-textarea-allow-clear ant-input-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="ant-input"
|
||||
@ -353,20 +353,20 @@ exports[`TextArea allowClear should not show icon if value is undefined, null or
|
||||
|
||||
exports[`TextArea maxLength should support maxLength 1`] = `
|
||||
<textarea
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
maxlength="10"
|
||||
/>
|
||||
`;
|
||||
|
||||
exports[`TextArea should support disabled 1`] = `
|
||||
<textarea
|
||||
class="ant-input ant-input-disabled"
|
||||
class="ant-input ant-input-outlined ant-input-disabled"
|
||||
disabled=""
|
||||
/>
|
||||
`;
|
||||
|
||||
exports[`TextArea should support size 1`] = `
|
||||
<textarea
|
||||
class="ant-input ant-input-lg"
|
||||
class="ant-input ant-input-lg ant-input-outlined"
|
||||
/>
|
||||
`;
|
||||
|
||||
7
components/input/demo/filled-debug.md
Normal file
7
components/input/demo/filled-debug.md
Normal file
@ -0,0 +1,7 @@
|
||||
## zh-CN
|
||||
|
||||
Filled Debug.
|
||||
|
||||
## en-US
|
||||
|
||||
Filled Debug.
|
||||
72
components/input/demo/filled-debug.tsx
Normal file
72
components/input/demo/filled-debug.tsx
Normal file
@ -0,0 +1,72 @@
|
||||
import React from 'react';
|
||||
import { Flex, Input } from 'antd';
|
||||
|
||||
const { TextArea } = Input;
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Flex vertical gap={20}>
|
||||
<Flex gap={12}>
|
||||
<Input placeholder="Filled" variant="filled" />
|
||||
<Input placeholder="Filled" variant="filled" disabled />
|
||||
<Input placeholder="Filled" variant="filled" status="error" value="Filled Error" />
|
||||
</Flex>
|
||||
<Flex gap={12}>
|
||||
<Input prefix="$" placeholder="Filled" variant="filled" />
|
||||
<Input prefix="$" placeholder="Filled" variant="filled" disabled />
|
||||
<Input prefix="$" placeholder="Filled" variant="filled" status="error" value="Filled Error" />
|
||||
</Flex>
|
||||
<Flex gap={12}>
|
||||
<Input addonBefore="http://" addonAfter=".com" placeholder="Filled" variant="filled" />
|
||||
<Input
|
||||
addonBefore="http://"
|
||||
addonAfter=".com"
|
||||
placeholder="Filled"
|
||||
variant="filled"
|
||||
disabled
|
||||
/>
|
||||
<Input
|
||||
addonBefore="http://"
|
||||
addonAfter=".com"
|
||||
placeholder="Filled"
|
||||
variant="filled"
|
||||
status="error"
|
||||
value="Filled Error"
|
||||
/>
|
||||
</Flex>
|
||||
<Flex gap={12}>
|
||||
<Input addonAfter=".com" placeholder="Filled" variant="filled" />
|
||||
<Input addonAfter=".com" placeholder="Filled" variant="filled" disabled />
|
||||
<Input
|
||||
addonAfter=".com"
|
||||
placeholder="Filled"
|
||||
variant="filled"
|
||||
status="error"
|
||||
value="Filled Error"
|
||||
/>
|
||||
</Flex>
|
||||
<Flex gap={12}>
|
||||
<Input addonBefore="http://" placeholder="Filled" variant="filled" />
|
||||
<Input addonBefore="http://" placeholder="Filled" variant="filled" disabled />
|
||||
<Input
|
||||
addonBefore="http://"
|
||||
placeholder="Filled"
|
||||
variant="filled"
|
||||
status="error"
|
||||
value="Filled Error"
|
||||
/>
|
||||
</Flex>
|
||||
<TextArea variant="filled" placeholder="Basic" />
|
||||
<TextArea variant="filled" placeholder="Basic" status="error" value="Filled Error" />
|
||||
<TextArea variant="filled" placeholder="Allow Clear" allowClear />
|
||||
<TextArea variant="filled" placeholder="Show Count" showCount />
|
||||
<TextArea
|
||||
variant="filled"
|
||||
placeholder="Show Count"
|
||||
showCount
|
||||
status="error"
|
||||
value="Filled Error"
|
||||
/>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
@ -1,6 +1,12 @@
|
||||
import React from 'react';
|
||||
import { Input } from 'antd';
|
||||
import { Flex, Input } from 'antd';
|
||||
|
||||
const App: React.FC = () => <Input placeholder="Borderless" variant="borderless" />;
|
||||
const App: React.FC = () => (
|
||||
<Flex vertical gap={12}>
|
||||
<Input placeholder="Outlined" />
|
||||
<Input placeholder="Filled" variant="filled" />
|
||||
<Input placeholder="Borderless" variant="borderless" />
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -20,7 +20,8 @@ A basic widget for getting the user input is a text field. Keyboard and mouse ca
|
||||
<!-- prettier-ignore -->
|
||||
<code src="./demo/basic.tsx">Basic usage</code>
|
||||
<code src="./demo/size.tsx">Three sizes of Input</code>
|
||||
<code src="./demo/variant.tsx">Variants</code>
|
||||
<code src="./demo/variant.tsx" version="5.13.0">Variants</code>
|
||||
<code src="./demo/filled-debug.tsx" debug>Filled Debug</code>
|
||||
<code src="./demo/addon.tsx">Pre / Post tab</code>
|
||||
<code src="./demo/compact-style.tsx">Compact Style</code>
|
||||
<code src="./demo/group.tsx" debug>Input Group</code>
|
||||
@ -67,7 +68,7 @@ Common props ref：[Common props](/docs/react/common-props)
|
||||
| suffix | The suffix icon for the Input | ReactNode | - | |
|
||||
| type | The type of input, see: [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types)( use `Input.TextArea` instead of `type="textarea"`) | string | `text` | |
|
||||
| value | The input content value | string | - | |
|
||||
| variant | Variants of Input | `outlined` \| `borderless` | `outlined` | 5.13.0 |
|
||||
| variant | Variants of Input | `outlined` \| `borderless` \| `filled` | `outlined` | 5.13.0 |
|
||||
| onChange | Callback when user input | function(e) | - | |
|
||||
| onPressEnter | The callback function that is triggered when Enter key is pressed | function(e) | - | |
|
||||
|
||||
|
||||
@ -21,7 +21,8 @@ demo:
|
||||
<!-- prettier-ignore -->
|
||||
<code src="./demo/basic.tsx">基本使用</code>
|
||||
<code src="./demo/size.tsx">三种大小</code>
|
||||
<code src="./demo/variant.tsx">变体</code>
|
||||
<code src="./demo/variant.tsx" version="5.13.0">变体</code>
|
||||
<code src="./demo/filled-debug.tsx" debug>面性变体 Debug</code>
|
||||
<code src="./demo/addon.tsx">前置/后置标签</code>
|
||||
<code src="./demo/compact-style.tsx">紧凑模式</code>
|
||||
<code src="./demo/group.tsx" debug>输入框组合</code>
|
||||
@ -68,7 +69,7 @@ demo:
|
||||
| suffix | 带有后缀图标的 input | ReactNode | - | |
|
||||
| type | 声明 input 类型，同原生 input 标签的 type 属性，见：[MDN](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#属性)(请直接使用 `Input.TextArea` 代替 `type="textarea"`) | string | `text` | |
|
||||
| value | 输入框内容 | string | - | |
|
||||
| variant | 形态变体 | `outlined` \| `borderless` | `outlined` | 5.13.0 |
|
||||
| variant | 形态变体 | `outlined` \| `borderless` \| `filled` | `outlined` | 5.13.0 |
|
||||
| onChange | 输入框内容变化时的回调 | function(e) | - | |
|
||||
| onPressEnter | 按下回车的回调 | function(e) | - | |
|
||||
|
||||
|
||||
@ -3,90 +3,20 @@ import { unit } from '@ant-design/cssinjs';
|
||||
|
||||
import { clearFix, resetComponent } from '../../style';
|
||||
import { genCompactItemStyle } from '../../style/compact-item';
|
||||
import type { GlobalToken } from '../../theme/interface';
|
||||
import type { FullToken, GenerateStyle } from '../../theme/internal';
|
||||
import type { GenerateStyle } from '../../theme/internal';
|
||||
import { genStyleHooks, mergeToken } from '../../theme/internal';
|
||||
import {
|
||||
genBorderlessStyle,
|
||||
genFilledGroupStyle,
|
||||
genFilledStyle,
|
||||
genOutlinedGroupStyle,
|
||||
genOutlinedStyle,
|
||||
} from './variants';
|
||||
import type { ComponentToken, InputToken } from './token';
|
||||
import { initComponentToken, initInputToken } from './token';
|
||||
|
||||
export interface SharedComponentToken {
|
||||
/**
|
||||
* @desc 输入框横向内边距
|
||||
* @descEN Horizontal padding of input
|
||||
*/
|
||||
paddingInline: number;
|
||||
/**
|
||||
* @desc 小号输入框横向内边距
|
||||
* @descEN Horizontal padding of small input
|
||||
*/
|
||||
paddingInlineSM: number;
|
||||
/**
|
||||
* @desc 大号输入框横向内边距
|
||||
* @descEN Horizontal padding of large input
|
||||
*/
|
||||
paddingInlineLG: number;
|
||||
/**
|
||||
* @desc 输入框纵向内边距
|
||||
* @descEN Vertical padding of input
|
||||
*/
|
||||
paddingBlock: number;
|
||||
/**
|
||||
* @desc 小号输入框纵向内边距
|
||||
* @descEN Vertical padding of small input
|
||||
*/
|
||||
paddingBlockSM: number;
|
||||
/**
|
||||
* @desc 大号输入框纵向内边距
|
||||
* @descEN Vertical padding of large input
|
||||
*/
|
||||
paddingBlockLG: number;
|
||||
/**
|
||||
* @desc 前/后置标签背景色
|
||||
* @descEN Background color of addon
|
||||
*/
|
||||
addonBg: string;
|
||||
/**
|
||||
* @desc 悬浮态边框色
|
||||
* @descEN Hover border color
|
||||
*/
|
||||
hoverBorderColor: string;
|
||||
/**
|
||||
* @desc 激活态边框色
|
||||
* @descEN Active border color
|
||||
*/
|
||||
activeBorderColor: string;
|
||||
/**
|
||||
* @desc 激活态阴影
|
||||
* @descEN Box-shadow when active
|
||||
*/
|
||||
activeShadow: string;
|
||||
/**
|
||||
* @desc 错误状态时激活态阴影
|
||||
* @descEN Box-shadow when active in error status
|
||||
*/
|
||||
errorActiveShadow: string;
|
||||
/**
|
||||
* @desc 警告状态时激活态阴影
|
||||
* @descEN Box-shadow when active in warning status
|
||||
*/
|
||||
warningActiveShadow: string;
|
||||
/**
|
||||
* @desc 输入框hover状态时背景颜色
|
||||
* @descEN Background color when the input box hovers
|
||||
*/
|
||||
hoverBg: string;
|
||||
/**
|
||||
* @desc 输入框激活状态时背景颜色
|
||||
* @descEN Background color when the input box is activated
|
||||
*/
|
||||
activeBg: string;
|
||||
}
|
||||
|
||||
export interface ComponentToken extends SharedComponentToken {}
|
||||
|
||||
export interface SharedInputToken {
|
||||
inputAffixPadding: number;
|
||||
}
|
||||
|
||||
interface InputToken extends FullToken<'Input'>, SharedInputToken {}
|
||||
export type { ComponentToken };
|
||||
export { initComponentToken, initInputToken };
|
||||
|
||||
export const genPlaceholderStyle = (color: string): CSSObject => ({
|
||||
// Firefox
|
||||
@ -102,11 +32,6 @@ export const genPlaceholderStyle = (color: string): CSSObject => ({
|
||||
},
|
||||
});
|
||||
|
||||
export const genHoverStyle = (token: InputToken): CSSObject => ({
|
||||
borderColor: token.hoverBorderColor,
|
||||
backgroundColor: token.hoverBg,
|
||||
});
|
||||
|
||||
export const genActiveStyle = (token: InputToken) => ({
|
||||
borderColor: token.activeBorderColor,
|
||||
boxShadow: token.activeShadow,
|
||||
@ -114,24 +39,6 @@ export const genActiveStyle = (token: InputToken) => ({
|
||||
backgroundColor: token.activeBg,
|
||||
});
|
||||
|
||||
export const genDisabledStyle = (token: InputToken): CSSObject => ({
|
||||
color: token.colorTextDisabled,
|
||||
backgroundColor: token.colorBgContainerDisabled,
|
||||
borderColor: token.colorBorder,
|
||||
boxShadow: 'none',
|
||||
cursor: 'not-allowed',
|
||||
opacity: 1,
|
||||
|
||||
'&:hover:not([disabled])': {
|
||||
...genHoverStyle(
|
||||
mergeToken<InputToken>(token, {
|
||||
hoverBorderColor: token.colorBorder,
|
||||
hoverBg: token.colorBgContainerDisabled,
|
||||
}),
|
||||
),
|
||||
},
|
||||
});
|
||||
|
||||
const genInputLargeStyle = (token: InputToken): CSSObject => {
|
||||
const { paddingBlockLG, fontSizeLG, lineHeightLG, borderRadiusLG, paddingInlineLG } = token;
|
||||
|
||||
@ -148,61 +55,6 @@ export const genInputSmallStyle = (token: InputToken): CSSObject => ({
|
||||
borderRadius: token.borderRadiusSM,
|
||||
});
|
||||
|
||||
export const genStatusStyle = (token: InputToken, parentCls: string): CSSObject => {
|
||||
const {
|
||||
componentCls,
|
||||
colorError,
|
||||
colorWarning,
|
||||
errorActiveShadow,
|
||||
warningActiveShadow,
|
||||
colorErrorBorderHover,
|
||||
colorWarningBorderHover,
|
||||
} = token;
|
||||
|
||||
return {
|
||||
[`&-status-error:not(${parentCls}-disabled):not(${parentCls}-borderless)${parentCls}`]: {
|
||||
borderColor: colorError,
|
||||
|
||||
'&:hover': {
|
||||
borderColor: colorErrorBorderHover,
|
||||
},
|
||||
|
||||
'&:focus, &:focus-within': {
|
||||
...genActiveStyle(
|
||||
mergeToken<InputToken>(token, {
|
||||
activeBorderColor: colorError,
|
||||
activeShadow: errorActiveShadow,
|
||||
}),
|
||||
),
|
||||
},
|
||||
|
||||
[`${componentCls}-prefix, ${componentCls}-suffix`]: {
|
||||
color: colorError,
|
||||
},
|
||||
},
|
||||
[`&-status-warning:not(${parentCls}-disabled):not(${parentCls}-borderless)${parentCls}`]: {
|
||||
borderColor: colorWarning,
|
||||
|
||||
'&:hover': {
|
||||
borderColor: colorWarningBorderHover,
|
||||
},
|
||||
|
||||
'&:focus, &:focus-within': {
|
||||
...genActiveStyle(
|
||||
mergeToken<InputToken>(token, {
|
||||
activeBorderColor: colorWarning,
|
||||
activeShadow: warningActiveShadow,
|
||||
}),
|
||||
),
|
||||
},
|
||||
|
||||
[`${componentCls}-prefix, ${componentCls}-suffix`]: {
|
||||
color: colorWarning,
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
export const genBasicInputStyle = (token: InputToken): CSSObject => ({
|
||||
position: 'relative',
|
||||
display: 'inline-block',
|
||||
@ -212,33 +64,9 @@ export const genBasicInputStyle = (token: InputToken): CSSObject => ({
|
||||
color: token.colorText,
|
||||
fontSize: token.fontSize,
|
||||
lineHeight: token.lineHeight,
|
||||
backgroundColor: token.colorBgContainer,
|
||||
backgroundImage: 'none',
|
||||
borderWidth: token.lineWidth,
|
||||
borderStyle: token.lineType,
|
||||
borderColor: token.colorBorder,
|
||||
borderRadius: token.borderRadius,
|
||||
transition: `all ${token.motionDurationMid}`,
|
||||
...genPlaceholderStyle(token.colorTextPlaceholder),
|
||||
'&:hover': {
|
||||
...genHoverStyle(token),
|
||||
},
|
||||
|
||||
'&:focus, &:focus-within': {
|
||||
...genActiveStyle(token),
|
||||
},
|
||||
|
||||
'&-disabled, &[disabled]': {
|
||||
...genDisabledStyle(token),
|
||||
},
|
||||
|
||||
'&-borderless': {
|
||||
'&, &:hover, &:focus, &-focused, &-disabled, &[disabled]': {
|
||||
backgroundColor: 'transparent',
|
||||
border: 'none',
|
||||
boxShadow: 'none',
|
||||
},
|
||||
},
|
||||
|
||||
// Reset height for `textarea`s
|
||||
'textarea&': {
|
||||
@ -337,8 +165,6 @@ export const genInputGroupStyle = (token: InputToken): CSSObject => {
|
||||
fontWeight: 'normal',
|
||||
fontSize: token.fontSize,
|
||||
textAlign: 'center',
|
||||
backgroundColor: token.addonBg,
|
||||
border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
|
||||
borderRadius: token.borderRadius,
|
||||
transition: `all ${token.motionDurationSlow}`,
|
||||
lineHeight: 1,
|
||||
@ -376,14 +202,6 @@ export const genInputGroupStyle = (token: InputToken): CSSObject => {
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
'&-addon:first-child': {
|
||||
borderInlineEnd: 0,
|
||||
},
|
||||
|
||||
'&-addon:last-child': {
|
||||
borderInlineStart: 0,
|
||||
},
|
||||
},
|
||||
|
||||
[`${componentCls}`]: {
|
||||
@ -587,7 +405,11 @@ const genInputStyle: GenerateStyle<InputToken> = (token: InputToken) => {
|
||||
[componentCls]: {
|
||||
...resetComponent(token),
|
||||
...genBasicInputStyle(token),
|
||||
...genStatusStyle(token, componentCls),
|
||||
|
||||
// Variants
|
||||
...genOutlinedStyle(token),
|
||||
...genFilledStyle(token),
|
||||
...genBorderlessStyle(token),
|
||||
|
||||
'&[type="color"]': {
|
||||
height: token.controlHeight,
|
||||
@ -654,12 +476,14 @@ const genAffixStyle: GenerateStyle<InputToken> = (token: InputToken) => {
|
||||
iconCls,
|
||||
} = token;
|
||||
|
||||
const affixCls = `${componentCls}-affix-wrapper`;
|
||||
|
||||
return {
|
||||
[`${componentCls}-affix-wrapper`]: {
|
||||
[affixCls]: {
|
||||
...genBasicInputStyle(token),
|
||||
display: 'inline-flex',
|
||||
|
||||
[`&:not(${componentCls}-affix-wrapper-disabled):hover`]: {
|
||||
[`&:not(${componentCls}-disabled):hover`]: {
|
||||
zIndex: 1,
|
||||
[`${componentCls}-search-with-button &`]: {
|
||||
zIndex: 0,
|
||||
@ -670,18 +494,14 @@ const genAffixStyle: GenerateStyle<InputToken> = (token: InputToken) => {
|
||||
zIndex: 1,
|
||||
},
|
||||
|
||||
'&-disabled': {
|
||||
[`${componentCls}[disabled]`]: {
|
||||
background: 'transparent',
|
||||
},
|
||||
},
|
||||
|
||||
[`> input${componentCls}`]: {
|
||||
padding: 0,
|
||||
fontSize: 'inherit',
|
||||
border: 'none',
|
||||
borderRadius: 0,
|
||||
outline: 'none',
|
||||
background: 'transparent',
|
||||
color: 'inherit',
|
||||
|
||||
'&::-ms-reveal': {
|
||||
display: 'none',
|
||||
@ -739,15 +559,12 @@ const genAffixStyle: GenerateStyle<InputToken> = (token: InputToken) => {
|
||||
color: colorIconHover,
|
||||
},
|
||||
},
|
||||
|
||||
// status
|
||||
...genStatusStyle(token, `${componentCls}-affix-wrapper`),
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
const genGroupStyle: GenerateStyle<InputToken> = (token: InputToken) => {
|
||||
const { componentCls, colorError, colorWarning, borderRadiusLG, borderRadiusSM } = token;
|
||||
const { componentCls, borderRadiusLG, borderRadiusSM } = token;
|
||||
|
||||
return {
|
||||
[`${componentCls}-group`]: {
|
||||
@ -782,25 +599,15 @@ const genGroupStyle: GenerateStyle<InputToken> = (token: InputToken) => {
|
||||
},
|
||||
},
|
||||
|
||||
// Status
|
||||
'&-status-error': {
|
||||
[`${componentCls}-group-addon`]: {
|
||||
color: colorError,
|
||||
borderColor: colorError,
|
||||
},
|
||||
},
|
||||
'&-status-warning': {
|
||||
[`${componentCls}-group-addon`]: {
|
||||
color: colorWarning,
|
||||
borderColor: colorWarning,
|
||||
},
|
||||
},
|
||||
// Variants
|
||||
...genOutlinedGroupStyle(token),
|
||||
...genFilledGroupStyle(token),
|
||||
|
||||
'&-disabled': {
|
||||
[`${componentCls}-group-addon`]: {
|
||||
...genDisabledStyle(token),
|
||||
},
|
||||
},
|
||||
// '&-disabled': {
|
||||
// [`${componentCls}-group-addon`]: {
|
||||
// ...genDisabledStyle(token),
|
||||
// },
|
||||
// },
|
||||
|
||||
// Fix the issue of using icons in Space Compact mode
|
||||
// https://github.com/ant-design/ant-design/issues/42122
|
||||
@ -987,6 +794,7 @@ const genTextAreaStyle: GenerateStyle<InputToken> = (token) => {
|
||||
fontSize: 'inherit',
|
||||
border: 'none',
|
||||
outline: 'none',
|
||||
background: 'transparent',
|
||||
|
||||
'&:focus': {
|
||||
boxShadow: 'none !important',
|
||||
@ -1038,60 +846,6 @@ const genRangeStyle: GenerateStyle<InputToken> = (token) => {
|
||||
};
|
||||
};
|
||||
|
||||
// ============================== Tokens ==============================
|
||||
export function initInputToken(token: GlobalToken): SharedInputToken {
|
||||
return mergeToken<InputToken>(token, {
|
||||
inputAffixPadding: token.paddingXXS,
|
||||
});
|
||||
}
|
||||
|
||||
export const initComponentToken = (token: GlobalToken): SharedComponentToken => {
|
||||
const {
|
||||
controlHeight,
|
||||
fontSize,
|
||||
lineHeight,
|
||||
lineWidth,
|
||||
controlHeightSM,
|
||||
controlHeightLG,
|
||||
fontSizeLG,
|
||||
lineHeightLG,
|
||||
paddingSM,
|
||||
controlPaddingHorizontalSM,
|
||||
controlPaddingHorizontal,
|
||||
colorFillAlter,
|
||||
colorPrimaryHover,
|
||||
colorPrimary,
|
||||
controlOutlineWidth,
|
||||
controlOutline,
|
||||
colorErrorOutline,
|
||||
colorWarningOutline,
|
||||
} = token;
|
||||
|
||||
return {
|
||||
paddingBlock: Math.max(
|
||||
Math.round(((controlHeight - fontSize * lineHeight) / 2) * 10) / 10 - lineWidth,
|
||||
0,
|
||||
),
|
||||
paddingBlockSM: Math.max(
|
||||
Math.round(((controlHeightSM - fontSize * lineHeight) / 2) * 10) / 10 - lineWidth,
|
||||
0,
|
||||
),
|
||||
paddingBlockLG:
|
||||
Math.ceil(((controlHeightLG - fontSizeLG * lineHeightLG) / 2) * 10) / 10 - lineWidth,
|
||||
paddingInline: paddingSM - lineWidth,
|
||||
paddingInlineSM: controlPaddingHorizontalSM - lineWidth,
|
||||
paddingInlineLG: controlPaddingHorizontal - lineWidth,
|
||||
addonBg: colorFillAlter,
|
||||
activeBorderColor: colorPrimary,
|
||||
hoverBorderColor: colorPrimaryHover,
|
||||
activeShadow: `0 0 0 ${controlOutlineWidth}px ${controlOutline}`,
|
||||
errorActiveShadow: `0 0 0 ${controlOutlineWidth}px ${colorErrorOutline}`,
|
||||
warningActiveShadow: `0 0 0 ${controlOutlineWidth}px ${colorWarningOutline}`,
|
||||
hoverBg: '',
|
||||
activeBg: '',
|
||||
};
|
||||
};
|
||||
|
||||
// ============================== Export ==============================
|
||||
export default genStyleHooks(
|
||||
'Input',
|
||||
|
||||
136
components/input/style/token.ts
Normal file
136
components/input/style/token.ts
Normal file
@ -0,0 +1,136 @@
|
||||
import { mergeToken } from '../../theme/internal';
|
||||
import type { AliasToken, FullToken } from '../../theme/internal';
|
||||
|
||||
export interface SharedComponentToken {
|
||||
/**
|
||||
* @desc 输入框横向内边距
|
||||
* @descEN Horizontal padding of input
|
||||
*/
|
||||
paddingInline: number;
|
||||
/**
|
||||
* @desc 小号输入框横向内边距
|
||||
* @descEN Horizontal padding of small input
|
||||
*/
|
||||
paddingInlineSM: number;
|
||||
/**
|
||||
* @desc 大号输入框横向内边距
|
||||
* @descEN Horizontal padding of large input
|
||||
*/
|
||||
paddingInlineLG: number;
|
||||
/**
|
||||
* @desc 输入框纵向内边距
|
||||
* @descEN Vertical padding of input
|
||||
*/
|
||||
paddingBlock: number;
|
||||
/**
|
||||
* @desc 小号输入框纵向内边距
|
||||
* @descEN Vertical padding of small input
|
||||
*/
|
||||
paddingBlockSM: number;
|
||||
/**
|
||||
* @desc 大号输入框纵向内边距
|
||||
* @descEN Vertical padding of large input
|
||||
*/
|
||||
paddingBlockLG: number;
|
||||
/**
|
||||
* @desc 前/后置标签背景色
|
||||
* @descEN Background color of addon
|
||||
*/
|
||||
addonBg: string;
|
||||
/**
|
||||
* @desc 悬浮态边框色
|
||||
* @descEN Hover border color
|
||||
*/
|
||||
hoverBorderColor: string;
|
||||
/**
|
||||
* @desc 激活态边框色
|
||||
* @descEN Active border color
|
||||
*/
|
||||
activeBorderColor: string;
|
||||
/**
|
||||
* @desc 激活态阴影
|
||||
* @descEN Box-shadow when active
|
||||
*/
|
||||
activeShadow: string;
|
||||
/**
|
||||
* @desc 错误状态时激活态阴影
|
||||
* @descEN Box-shadow when active in error status
|
||||
*/
|
||||
errorActiveShadow: string;
|
||||
/**
|
||||
* @desc 警告状态时激活态阴影
|
||||
* @descEN Box-shadow when active in warning status
|
||||
*/
|
||||
warningActiveShadow: string;
|
||||
/**
|
||||
* @desc 输入框hover状态时背景颜色
|
||||
* @descEN Background color when the input box hovers
|
||||
*/
|
||||
hoverBg: string;
|
||||
/**
|
||||
* @desc 输入框激活状态时背景颜色
|
||||
* @descEN Background color when the input box is activated
|
||||
*/
|
||||
activeBg: string;
|
||||
}
|
||||
|
||||
export interface ComponentToken extends SharedComponentToken {}
|
||||
|
||||
export interface SharedInputToken {
|
||||
inputAffixPadding: number;
|
||||
}
|
||||
|
||||
export interface InputToken extends FullToken<'Input'>, SharedInputToken {}
|
||||
|
||||
export function initInputToken(token: AliasToken): SharedInputToken {
|
||||
return mergeToken<InputToken>(token, {
|
||||
inputAffixPadding: token.paddingXXS,
|
||||
});
|
||||
}
|
||||
|
||||
export const initComponentToken = (token: AliasToken): SharedComponentToken => {
|
||||
const {
|
||||
controlHeight,
|
||||
fontSize,
|
||||
lineHeight,
|
||||
lineWidth,
|
||||
controlHeightSM,
|
||||
controlHeightLG,
|
||||
fontSizeLG,
|
||||
lineHeightLG,
|
||||
paddingSM,
|
||||
controlPaddingHorizontalSM,
|
||||
controlPaddingHorizontal,
|
||||
colorFillAlter,
|
||||
colorPrimaryHover,
|
||||
colorPrimary,
|
||||
controlOutlineWidth,
|
||||
controlOutline,
|
||||
colorErrorOutline,
|
||||
colorWarningOutline,
|
||||
} = token;
|
||||
|
||||
return {
|
||||
paddingBlock: Math.max(
|
||||
Math.round(((controlHeight - fontSize * lineHeight) / 2) * 10) / 10 - lineWidth,
|
||||
0,
|
||||
),
|
||||
paddingBlockSM: Math.max(
|
||||
Math.round(((controlHeightSM - fontSize * lineHeight) / 2) * 10) / 10 - lineWidth,
|
||||
0,
|
||||
),
|
||||
paddingBlockLG:
|
||||
Math.ceil(((controlHeightLG - fontSizeLG * lineHeightLG) / 2) * 10) / 10 - lineWidth,
|
||||
paddingInline: paddingSM - lineWidth,
|
||||
paddingInlineSM: controlPaddingHorizontalSM - lineWidth,
|
||||
paddingInlineLG: controlPaddingHorizontal - lineWidth,
|
||||
addonBg: colorFillAlter,
|
||||
activeBorderColor: colorPrimary,
|
||||
hoverBorderColor: colorPrimaryHover,
|
||||
activeShadow: `0 0 0 ${controlOutlineWidth}px ${controlOutline}`,
|
||||
errorActiveShadow: `0 0 0 ${controlOutlineWidth}px ${colorErrorOutline}`,
|
||||
warningActiveShadow: `0 0 0 ${controlOutlineWidth}px ${colorWarningOutline}`,
|
||||
hoverBg: '',
|
||||
activeBg: '',
|
||||
};
|
||||
};
|
||||
333
components/input/style/variants.ts
Normal file
333
components/input/style/variants.ts
Normal file
@ -0,0 +1,333 @@
|
||||
import type { CSSObject } from '@ant-design/cssinjs';
|
||||
import { unit } from '@ant-design/cssinjs';
|
||||
import type { InputToken } from './token';
|
||||
import { mergeToken } from '../../theme/internal';
|
||||
|
||||
export const genHoverStyle = (token: InputToken): CSSObject => ({
|
||||
borderColor: token.hoverBorderColor,
|
||||
backgroundColor: token.hoverBg,
|
||||
});
|
||||
|
||||
export const genDisabledStyle = (token: InputToken): CSSObject => ({
|
||||
color: token.colorTextDisabled,
|
||||
backgroundColor: token.colorBgContainerDisabled,
|
||||
borderColor: token.colorBorder,
|
||||
boxShadow: 'none',
|
||||
cursor: 'not-allowed',
|
||||
opacity: 1,
|
||||
|
||||
'&:hover:not([disabled])': {
|
||||
...genHoverStyle(
|
||||
mergeToken<InputToken>(token, {
|
||||
hoverBorderColor: token.colorBorder,
|
||||
hoverBg: token.colorBgContainerDisabled,
|
||||
}),
|
||||
),
|
||||
},
|
||||
});
|
||||
|
||||
/* ============== Outlined ============== */
|
||||
export const genBaseOutlinedStyle = (
|
||||
token: InputToken,
|
||||
options: {
|
||||
borderColor: string;
|
||||
hoverBorderColor: string;
|
||||
activeBorderColor: string;
|
||||
activeShadow: string;
|
||||
},
|
||||
): CSSObject => ({
|
||||
background: token.colorBgContainer,
|
||||
borderWidth: token.lineWidth,
|
||||
borderStyle: token.lineType,
|
||||
borderColor: options.borderColor,
|
||||
|
||||
'&:hover': {
|
||||
borderColor: options.hoverBorderColor,
|
||||
backgroundColor: token.hoverBg,
|
||||
},
|
||||
|
||||
'&:focus, &:focus-within': {
|
||||
borderColor: options.activeBorderColor,
|
||||
boxShadow: options.activeShadow,
|
||||
outline: 0,
|
||||
backgroundColor: token.activeBg,
|
||||
},
|
||||
});
|
||||
|
||||
const genOutlinedStatusStyle = (
|
||||
token: InputToken,
|
||||
options: {
|
||||
status: string;
|
||||
borderColor: string;
|
||||
hoverBorderColor: string;
|
||||
activeBorderColor: string;
|
||||
activeShadow: string;
|
||||
affixColor: string;
|
||||
},
|
||||
): CSSObject => ({
|
||||
[`&${token.componentCls}-status-${options.status}:not(${token.componentCls}-disabled)`]: {
|
||||
...genBaseOutlinedStyle(token, options),
|
||||
|
||||
[`${token.componentCls}-prefix, ${token.componentCls}-suffix`]: {
|
||||
color: options.affixColor,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const genOutlinedStyle = (token: InputToken, extraStyles?: CSSObject): CSSObject => ({
|
||||
'&-outlined': {
|
||||
...genBaseOutlinedStyle(token, {
|
||||
borderColor: token.colorBorder,
|
||||
hoverBorderColor: token.colorPrimaryHover,
|
||||
activeBorderColor: token.colorPrimary,
|
||||
activeShadow: token.activeShadow,
|
||||
}),
|
||||
|
||||
[`&${token.componentCls}-disabled, &[disabled]`]: {
|
||||
...genDisabledStyle(token),
|
||||
},
|
||||
|
||||
...genOutlinedStatusStyle(token, {
|
||||
status: 'error',
|
||||
borderColor: token.colorError,
|
||||
hoverBorderColor: token.colorErrorBorderHover,
|
||||
activeBorderColor: token.colorError,
|
||||
activeShadow: token.errorActiveShadow,
|
||||
affixColor: token.colorError,
|
||||
}),
|
||||
|
||||
...genOutlinedStatusStyle(token, {
|
||||
status: 'warning',
|
||||
borderColor: token.colorWarning,
|
||||
hoverBorderColor: token.colorWarningBorderHover,
|
||||
activeBorderColor: token.colorWarning,
|
||||
activeShadow: token.warningActiveShadow,
|
||||
affixColor: token.colorWarning,
|
||||
}),
|
||||
|
||||
...extraStyles,
|
||||
},
|
||||
});
|
||||
|
||||
const genOutlinedGroupStatusStyle = (
|
||||
token: InputToken,
|
||||
options: {
|
||||
status: string;
|
||||
addonBorderColor: string;
|
||||
addonColor: string;
|
||||
},
|
||||
): CSSObject => ({
|
||||
[`&${token.componentCls}-group-wrapper-status-${options.status}`]: {
|
||||
[`${token.componentCls}-group-addon`]: {
|
||||
borderColor: options.addonBorderColor,
|
||||
color: options.addonColor,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const genOutlinedGroupStyle = (token: InputToken): CSSObject => ({
|
||||
'&-outlined': {
|
||||
[`${token.componentCls}-group`]: {
|
||||
'&-addon': {
|
||||
background: token.addonBg,
|
||||
border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
|
||||
},
|
||||
|
||||
'&-addon:first-child': {
|
||||
borderInlineEnd: 0,
|
||||
},
|
||||
|
||||
'&-addon:last-child': {
|
||||
borderInlineStart: 0,
|
||||
},
|
||||
},
|
||||
|
||||
...genOutlinedGroupStatusStyle(token, {
|
||||
status: 'error',
|
||||
addonBorderColor: token.colorError,
|
||||
addonColor: token.colorErrorText,
|
||||
}),
|
||||
|
||||
...genOutlinedGroupStatusStyle(token, {
|
||||
status: 'warning',
|
||||
addonBorderColor: token.colorWarning,
|
||||
addonColor: token.colorWarningText,
|
||||
}),
|
||||
|
||||
[`&${token.componentCls}-group-wrapper-disabled`]: {
|
||||
[`${token.componentCls}-group-addon`]: {
|
||||
...genDisabledStyle(token),
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
/* ============ Borderless ============ */
|
||||
export const genBorderlessStyle = (token: InputToken, extraStyles?: CSSObject): CSSObject => ({
|
||||
'&-borderless': {
|
||||
background: 'transparent',
|
||||
border: 'none',
|
||||
|
||||
'&:focus, &:focus-within': {
|
||||
outline: 'none',
|
||||
},
|
||||
|
||||
[`&${token.componentCls}-disabled, &[disabled]`]: {
|
||||
color: token.colorTextDisabled,
|
||||
},
|
||||
|
||||
...extraStyles,
|
||||
},
|
||||
});
|
||||
|
||||
/* ============== Filled ============== */
|
||||
const genBaseFilledStyle = (
|
||||
token: InputToken,
|
||||
options: {
|
||||
bg: string;
|
||||
hoverBg: string;
|
||||
activeBorderColor: string;
|
||||
inputColor?: string;
|
||||
},
|
||||
) => ({
|
||||
background: options.bg,
|
||||
borderWidth: token.lineWidth,
|
||||
borderStyle: token.lineType,
|
||||
borderColor: 'transparent',
|
||||
|
||||
[`input&, & input, textarea&, & textarea`]: {
|
||||
color: options?.inputColor,
|
||||
},
|
||||
|
||||
'&:hover': {
|
||||
background: options.hoverBg,
|
||||
},
|
||||
|
||||
'&:focus, &:focus-within': {
|
||||
outline: 0,
|
||||
borderColor: options.activeBorderColor,
|
||||
backgroundColor: token.activeBg,
|
||||
},
|
||||
});
|
||||
|
||||
const genFilledStatusStyle = (
|
||||
token: InputToken,
|
||||
options: {
|
||||
status: string;
|
||||
bg: string;
|
||||
hoverBg: string;
|
||||
activeBorderColor: string;
|
||||
affixColor: string;
|
||||
inputColor?: string;
|
||||
},
|
||||
): CSSObject => ({
|
||||
[`&${token.componentCls}-status-${options.status}:not(${token.componentCls}-disabled)`]: {
|
||||
...genBaseFilledStyle(token, options),
|
||||
|
||||
[`${token.componentCls}-prefix, ${token.componentCls}-suffix`]: {
|
||||
color: options.affixColor,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const genFilledStyle = (token: InputToken, extraStyles?: CSSObject): CSSObject => ({
|
||||
'&-filled': {
|
||||
...genBaseFilledStyle(token, {
|
||||
bg: token.colorFillTertiary,
|
||||
hoverBg: token.colorFillSecondary,
|
||||
activeBorderColor: token.colorPrimary,
|
||||
}),
|
||||
|
||||
[`&${token.componentCls}-disabled, &[disabled]`]: {
|
||||
...genDisabledStyle(token),
|
||||
},
|
||||
|
||||
...genFilledStatusStyle(token, {
|
||||
status: 'error',
|
||||
bg: token.colorErrorBg,
|
||||
hoverBg: token.colorErrorBgHover,
|
||||
activeBorderColor: token.colorError,
|
||||
inputColor: token.colorErrorText,
|
||||
affixColor: token.colorError,
|
||||
}),
|
||||
|
||||
...genFilledStatusStyle(token, {
|
||||
status: 'warning',
|
||||
bg: token.colorWarningBg,
|
||||
hoverBg: token.colorWarningBgHover,
|
||||
activeBorderColor: token.colorWarning,
|
||||
inputColor: token.colorWarningText,
|
||||
affixColor: token.colorWarning,
|
||||
}),
|
||||
|
||||
...extraStyles,
|
||||
},
|
||||
});
|
||||
|
||||
const genFilledGroupStatusStyle = (
|
||||
token: InputToken,
|
||||
options: {
|
||||
status: string;
|
||||
addonBg: string;
|
||||
addonColor: string;
|
||||
},
|
||||
): CSSObject => ({
|
||||
[`&${token.componentCls}-group-wrapper-status-${options.status}`]: {
|
||||
[`${token.componentCls}-group-addon`]: {
|
||||
background: options.addonBg,
|
||||
color: options.addonColor,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const genFilledGroupStyle = (token: InputToken): CSSObject => ({
|
||||
'&-filled': {
|
||||
[`${token.componentCls}-group`]: {
|
||||
'&-addon': {
|
||||
background: token.colorFillTertiary,
|
||||
},
|
||||
|
||||
[`${token.componentCls}-filled:not(:focus):not(:focus-within)`]: {
|
||||
'&:not(:first-child)': {
|
||||
borderInlineStart: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`,
|
||||
},
|
||||
'&:not(:last-child)': {
|
||||
borderInlineEnd: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
...genFilledGroupStatusStyle(token, {
|
||||
status: 'error',
|
||||
addonBg: token.colorErrorBg,
|
||||
addonColor: token.colorErrorText,
|
||||
}),
|
||||
|
||||
...genFilledGroupStatusStyle(token, {
|
||||
status: 'warning',
|
||||
addonBg: token.colorWarningBg,
|
||||
addonColor: token.colorWarningText,
|
||||
}),
|
||||
|
||||
[`&${token.componentCls}-group-wrapper-disabled`]: {
|
||||
[`${token.componentCls}-group`]: {
|
||||
'&-addon': {
|
||||
background: token.colorFillTertiary,
|
||||
color: token.colorTextDisabled,
|
||||
},
|
||||
|
||||
'&-addon:first-child': {
|
||||
borderInlineStart: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
|
||||
borderTop: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
|
||||
borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
|
||||
},
|
||||
|
||||
'&-addon:last-child': {
|
||||
borderInlineEnd: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
|
||||
borderTop: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
|
||||
borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
@ -1,6 +1,12 @@
|
||||
import type { ReactNode } from 'react';
|
||||
import type { InputProps } from './Input';
|
||||
|
||||
// eslint-disable-next-line import/prefer-default-export
|
||||
export function hasPrefixSuffix(props: InputProps) {
|
||||
return !!(props.prefix || props.suffix || props.allowClear);
|
||||
export function hasPrefixSuffix(props: {
|
||||
prefix?: ReactNode;
|
||||
suffix?: ReactNode;
|
||||
allowClear?: InputProps['allowClear'];
|
||||
showCount?: InputProps['showCount'];
|
||||
}) {
|
||||
return !!(props.prefix || props.suffix || props.allowClear || props.showCount);
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`renders components/mentions/demo/async.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<textarea
|
||||
@ -16,7 +16,7 @@ exports[`renders components/mentions/demo/async.tsx extend context correctly 2`]
|
||||
|
||||
exports[`renders components/mentions/demo/autoSize.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<textarea
|
||||
@ -35,7 +35,7 @@ exports[`renders components/mentions/demo/autoSize.tsx extend context correctly
|
||||
|
||||
exports[`renders components/mentions/demo/basic.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<textarea
|
||||
@ -54,7 +54,7 @@ exports[`renders components/mentions/demo/component-token.tsx extend context cor
|
||||
style="padding-bottom: 0px; position: relative; min-width: 0;"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width: 100%; margin: 0px;"
|
||||
>
|
||||
<textarea
|
||||
@ -143,7 +143,7 @@ exports[`renders components/mentions/demo/form.tsx extend context correctly 1`]
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
@ -183,7 +183,7 @@ exports[`renders components/mentions/demo/form.tsx extend context correctly 1`]
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
>
|
||||
<textarea
|
||||
aria-required="true"
|
||||
@ -254,7 +254,7 @@ exports[`renders components/mentions/demo/form.tsx extend context correctly 2`]
|
||||
|
||||
exports[`renders components/mentions/demo/placement.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<textarea
|
||||
@ -268,7 +268,7 @@ exports[`renders components/mentions/demo/placement.tsx extend context correctly
|
||||
|
||||
exports[`renders components/mentions/demo/prefix.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<textarea
|
||||
@ -287,19 +287,18 @@ Array [
|
||||
style="margin-bottom: 10px;"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-disabled"
|
||||
class="ant-mentions ant-mentions-disabled ant-mentions-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea rc-textarea-disabled"
|
||||
disabled=""
|
||||
class="rc-textarea"
|
||||
placeholder="this is disabled Mentions"
|
||||
rows="1"
|
||||
/>
|
||||
</div>
|
||||
</div>,
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<textarea
|
||||
@ -319,7 +318,7 @@ exports[`renders components/mentions/demo/render-panel.tsx extend context correc
|
||||
style="padding-bottom: 0px; position: relative; min-width: 0;"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width: 100%; margin: 0px;"
|
||||
>
|
||||
<textarea
|
||||
@ -390,7 +389,7 @@ exports[`renders components/mentions/demo/status.tsx extend context correctly 1`
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-status-error"
|
||||
class="ant-mentions ant-mentions-outlined ant-mentions-status-error"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
@ -404,7 +403,7 @@ exports[`renders components/mentions/demo/status.tsx extend context correctly 1`
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-status-warning"
|
||||
class="ant-mentions ant-mentions-outlined ant-mentions-status-warning"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
@ -418,3 +417,40 @@ exports[`renders components/mentions/demo/status.tsx extend context correctly 1`
|
||||
`;
|
||||
|
||||
exports[`renders components/mentions/demo/status.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/mentions/demo/variant.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-vertical"
|
||||
style="gap: 12px;"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
placeholder="Outlined"
|
||||
rows="1"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-filled"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
placeholder="Filled"
|
||||
rows="1"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-borderless"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
placeholder="Borderless"
|
||||
rows="1"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/mentions/demo/variant.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`renders components/mentions/demo/async.tsx correctly 1`] = `
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<textarea
|
||||
@ -14,7 +14,7 @@ exports[`renders components/mentions/demo/async.tsx correctly 1`] = `
|
||||
|
||||
exports[`renders components/mentions/demo/autoSize.tsx correctly 1`] = `
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<textarea
|
||||
@ -26,7 +26,7 @@ exports[`renders components/mentions/demo/autoSize.tsx correctly 1`] = `
|
||||
|
||||
exports[`renders components/mentions/demo/basic.tsx correctly 1`] = `
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<textarea
|
||||
@ -43,7 +43,7 @@ exports[`renders components/mentions/demo/component-token.tsx correctly 1`] = `
|
||||
style="padding-bottom:0;position:relative;min-width:0"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width:100%;margin:0"
|
||||
>
|
||||
<textarea
|
||||
@ -87,7 +87,7 @@ exports[`renders components/mentions/demo/form.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
@ -127,7 +127,7 @@ exports[`renders components/mentions/demo/form.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
>
|
||||
<textarea
|
||||
aria-required="true"
|
||||
@ -196,7 +196,7 @@ exports[`renders components/mentions/demo/form.tsx correctly 1`] = `
|
||||
|
||||
exports[`renders components/mentions/demo/placement.tsx correctly 1`] = `
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<textarea
|
||||
@ -208,7 +208,7 @@ exports[`renders components/mentions/demo/placement.tsx correctly 1`] = `
|
||||
|
||||
exports[`renders components/mentions/demo/prefix.tsx correctly 1`] = `
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<textarea
|
||||
@ -225,19 +225,18 @@ Array [
|
||||
style="margin-bottom:10px"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-disabled"
|
||||
class="ant-mentions ant-mentions-disabled ant-mentions-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea rc-textarea-disabled"
|
||||
disabled=""
|
||||
class="rc-textarea"
|
||||
placeholder="this is disabled Mentions"
|
||||
rows="1"
|
||||
/>
|
||||
</div>
|
||||
</div>,
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<textarea
|
||||
@ -255,7 +254,7 @@ exports[`renders components/mentions/demo/render-panel.tsx correctly 1`] = `
|
||||
style="padding-bottom:0;position:relative;min-width:0"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions"
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
style="width:100%;margin:0"
|
||||
>
|
||||
<textarea
|
||||
@ -276,7 +275,7 @@ exports[`renders components/mentions/demo/status.tsx correctly 1`] = `
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-status-error"
|
||||
class="ant-mentions ant-mentions-outlined ant-mentions-status-error"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
@ -290,7 +289,7 @@ exports[`renders components/mentions/demo/status.tsx correctly 1`] = `
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-status-warning"
|
||||
class="ant-mentions ant-mentions-outlined ant-mentions-status-warning"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
@ -302,3 +301,38 @@ exports[`renders components/mentions/demo/status.tsx correctly 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/mentions/demo/variant.tsx correctly 1`] = `
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-vertical"
|
||||
style="gap:12px"
|
||||
>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
placeholder="Outlined"
|
||||
rows="1"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-filled"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
placeholder="Filled"
|
||||
rows="1"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="ant-mentions ant-mentions-borderless"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
placeholder="Borderless"
|
||||
rows="1"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Mentions rtl render component should be rendered correctly in RTL direction 1`] = `
|
||||
<div
|
||||
class="ant-mentions ant-mentions-rtl"
|
||||
class="ant-mentions ant-mentions-rtl ant-mentions-outlined"
|
||||
>
|
||||
<textarea
|
||||
class="rc-textarea"
|
||||
|
||||
7
components/mentions/demo/variant.md
Normal file
7
components/mentions/demo/variant.md
Normal file
@ -0,0 +1,7 @@
|
||||
## zh-CN
|
||||
|
||||
Mentions 形态变体。
|
||||
|
||||
## en-US
|
||||
|
||||
Variants of Mentions.
|
||||
12
components/mentions/demo/variant.tsx
Normal file
12
components/mentions/demo/variant.tsx
Normal file
@ -0,0 +1,12 @@
|
||||
import React from 'react';
|
||||
import { Flex, Mentions } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Flex vertical gap={12}>
|
||||
<Mentions placeholder="Outlined" />
|
||||
<Mentions placeholder="Filled" variant="filled" />
|
||||
<Mentions placeholder="Borderless" variant="borderless" />
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
@ -35,6 +35,7 @@ return (
|
||||
|
||||
<!-- prettier-ignore -->
|
||||
<code src="./demo/basic.tsx">Basic</code>
|
||||
<code src="./demo/variant.tsx" version="5.13.0">Variants</code>
|
||||
<code src="./demo/async.tsx">Asynchronous loading</code>
|
||||
<code src="./demo/form.tsx">With Form</code>
|
||||
<code src="./demo/prefix.tsx">Customize Trigger Token</code>
|
||||
@ -65,6 +66,7 @@ Common props ref：[Common props](/docs/react/common-props)
|
||||
| status | Set validation status | 'error' \| 'warning' \| 'success' \| 'validating' | - | 4.19.0 |
|
||||
| validateSearch | Customize trigger search logic | (text: string, props: MentionsProps) => void | - | |
|
||||
| value | Set value of mentions | string | - | |
|
||||
| variant | Variants of Input | `outlined` \| `borderless` \| `filled` | `outlined` | 5.13.0 |
|
||||
| onBlur | Trigger when mentions lose focus | () => void | - | |
|
||||
| onChange | Trigger when value changed | (text: string) => void | - | |
|
||||
| onFocus | Trigger when mentions get focus | () => void | - | |
|
||||
|
||||
@ -19,6 +19,9 @@ import { FormItemInputContext } from '../form/context';
|
||||
import Spin from '../spin';
|
||||
import useStyle from './style';
|
||||
import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
|
||||
import type { InputVariant } from '../input/Input';
|
||||
import { InputVariants } from '../input/Input';
|
||||
import useVariant from '../_util/hooks/useVariants';
|
||||
|
||||
export const { Option } = RcMentions;
|
||||
|
||||
@ -42,6 +45,11 @@ export interface MentionProps extends Omit<RcMentionsProps, 'suffix'> {
|
||||
status?: InputStatus;
|
||||
options?: MentionsOptionProps[];
|
||||
popupClassName?: string;
|
||||
/**
|
||||
* @since 5.13.0
|
||||
* @default "outlined"
|
||||
*/
|
||||
variant?: InputVariant;
|
||||
}
|
||||
|
||||
export interface MentionsRef extends RcMentionsRef {}
|
||||
@ -81,6 +89,7 @@ const InternalMentions: React.ForwardRefRenderFunction<MentionsRef, MentionProps
|
||||
status: customStatus,
|
||||
popupClassName,
|
||||
style,
|
||||
variant: customVariant,
|
||||
...restProps
|
||||
} = props;
|
||||
const [focused, setFocused] = React.useState(false);
|
||||
@ -158,17 +167,15 @@ const InternalMentions: React.ForwardRefRenderFunction<MentionsRef, MentionProps
|
||||
const rootCls = useCSSVarCls(prefixCls);
|
||||
const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);
|
||||
|
||||
const [variant, enableVariantCls] = useVariant(customVariant, undefined, InputVariants);
|
||||
|
||||
// eslint-disable-next-line react/jsx-no-useless-fragment
|
||||
const suffixNode = hasFeedback && <>{feedbackIcon}</>;
|
||||
|
||||
const mergedClassName = classNames(
|
||||
{
|
||||
[`${prefixCls}-disabled`]: disabled,
|
||||
[`${prefixCls}-focused`]: focused,
|
||||
[`${prefixCls}-rtl`]: direction === 'rtl',
|
||||
},
|
||||
getStatusClassNames(prefixCls, mergedStatus),
|
||||
contextMentions?.className,
|
||||
!hasFeedback && className,
|
||||
className,
|
||||
rootClassName,
|
||||
hashId,
|
||||
cssVarCls,
|
||||
rootCls,
|
||||
);
|
||||
@ -188,8 +195,24 @@ const InternalMentions: React.ForwardRefRenderFunction<MentionsRef, MentionProps
|
||||
dropdownClassName={classNames(popupClassName, rootClassName, hashId, cssVarCls, rootCls)}
|
||||
ref={mergedRef}
|
||||
options={mergedOptions}
|
||||
suffix={hasFeedback && feedbackIcon}
|
||||
classes={{ affixWrapper: classNames(hashId, className, cssVarCls, rootCls) }}
|
||||
suffix={suffixNode}
|
||||
classNames={{
|
||||
mentions: classNames(
|
||||
{
|
||||
[`${prefixCls}-disabled`]: disabled,
|
||||
[`${prefixCls}-focused`]: focused,
|
||||
[`${prefixCls}-rtl`]: direction === 'rtl',
|
||||
},
|
||||
hashId,
|
||||
),
|
||||
variant: classNames(
|
||||
{
|
||||
[`${prefixCls}-${variant}`]: enableVariantCls,
|
||||
},
|
||||
getStatusClassNames(prefixCls, mergedStatus),
|
||||
),
|
||||
affixWrapper: hashId,
|
||||
}}
|
||||
>
|
||||
{mentionOptions}
|
||||
</RcMentions>
|
||||
|
||||
@ -36,6 +36,7 @@ return (
|
||||
|
||||
<!-- prettier-ignore -->
|
||||
<code src="./demo/basic.tsx">基本使用</code>
|
||||
<code src="./demo/variant.tsx" version="5.13.0">形态变体</code>
|
||||
<code src="./demo/async.tsx">异步加载</code>
|
||||
<code src="./demo/form.tsx">配合 Form 使用</code>
|
||||
<code src="./demo/prefix.tsx">自定义触发字符</code>
|
||||
@ -66,6 +67,7 @@ return (
|
||||
| status | 设置校验状态 | 'error' \| 'warning' | - | 4.19.0 |
|
||||
| validateSearch | 自定义触发验证逻辑 | (text: string, props: MentionsProps) => void | - | |
|
||||
| value | 设置值 | string | - | |
|
||||
| variant | 形态变体 | `outlined` \| `borderless` \| `filled` | `outlined` | 5.13.0 |
|
||||
| onBlur | 失去焦点时触发 | () => void | - | |
|
||||
| onChange | 值改变时触发 | (text: string) => void | - | |
|
||||
| onFocus | 获得焦点时触发 | () => void | - | |
|
||||
|
||||
@ -1,9 +1,7 @@
|
||||
import type { SharedComponentToken, SharedInputToken } from '../../input/style';
|
||||
import type { SharedComponentToken, SharedInputToken } from '../../input/style/token';
|
||||
import {
|
||||
genBasicInputStyle,
|
||||
genDisabledStyle,
|
||||
genPlaceholderStyle,
|
||||
genStatusStyle,
|
||||
initComponentToken,
|
||||
initInputToken,
|
||||
} from '../../input/style';
|
||||
@ -11,6 +9,12 @@ import { resetComponent, textEllipsis } from '../../style';
|
||||
import type { FullToken, GenerateStyle, GetDefaultToken } from '../../theme/internal';
|
||||
import { genStyleHooks, mergeToken } from '../../theme/internal';
|
||||
import { unit } from '@ant-design/cssinjs';
|
||||
import {
|
||||
genBorderlessStyle,
|
||||
genDisabledStyle,
|
||||
genFilledStyle,
|
||||
genOutlinedStyle,
|
||||
} from '../../input/style/variants';
|
||||
|
||||
export interface ComponentToken extends SharedComponentToken {
|
||||
/**
|
||||
@ -70,7 +74,26 @@ const genMentionsStyle: GenerateStyle<MentionsToken> = (token) => {
|
||||
whiteSpace: 'pre-wrap',
|
||||
verticalAlign: 'bottom',
|
||||
|
||||
...genStatusStyle(token, componentCls),
|
||||
// Variants
|
||||
...genOutlinedStyle(token),
|
||||
...genFilledStyle(token),
|
||||
...genBorderlessStyle(token),
|
||||
|
||||
'&-affix-wrapper': {
|
||||
...genBasicInputStyle(token),
|
||||
padding: 0,
|
||||
|
||||
[`${componentCls}-suffix`]: {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
insetInlineEnd: paddingInline,
|
||||
bottom: 0,
|
||||
zIndex: 1,
|
||||
display: 'inline-flex',
|
||||
alignItems: 'center',
|
||||
margin: 'auto',
|
||||
},
|
||||
},
|
||||
|
||||
'&-disabled': {
|
||||
'> textarea': {
|
||||
@ -78,17 +101,6 @@ const genMentionsStyle: GenerateStyle<MentionsToken> = (token) => {
|
||||
},
|
||||
},
|
||||
|
||||
[`&-affix-wrapper ${componentCls}-suffix`]: {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
insetInlineEnd: paddingInline,
|
||||
bottom: 0,
|
||||
zIndex: 1,
|
||||
display: 'inline-flex',
|
||||
alignItems: 'center',
|
||||
margin: 'auto',
|
||||
},
|
||||
|
||||
// ================= Input Area =================
|
||||
[`> textarea, ${componentCls}-measure`]: {
|
||||
color: colorText,
|
||||
@ -221,7 +233,7 @@ export const prepareComponentToken: GetDefaultToken<'Mentions'> = (token) => ({
|
||||
dropdownHeight: 250,
|
||||
controlItemWidth: 100,
|
||||
zIndexPopup: token.zIndexPopupBase + 50,
|
||||
itemPaddingVertical: token.controlHeight - token.fontHeight,
|
||||
itemPaddingVertical: (token.controlHeight - token.fontHeight) / 2,
|
||||
});
|
||||
|
||||
// ============================== Export ==============================
|
||||
|
||||
@ -603,7 +603,7 @@ exports[`renders components/notification/demo/stack.tsx extend context correctly
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -589,7 +589,7 @@ exports[`renders components/notification/demo/stack.tsx correctly 1`] = `
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { type CSSObject, unit } from '@ant-design/cssinjs';
|
||||
import type { SharedComponentToken, SharedInputToken } from '../../input/style';
|
||||
import type { SharedComponentToken, SharedInputToken } from '../../input/style/token';
|
||||
import {
|
||||
genBasicInputStyle,
|
||||
genInputSmallStyle,
|
||||
@ -10,6 +10,7 @@ import { genFocusOutline, genFocusStyle, resetComponent } from '../../style';
|
||||
import type { FullToken, GenerateStyle, GetDefaultToken } from '../../theme/internal';
|
||||
import { genStyleHooks, mergeToken } from '../../theme/internal';
|
||||
import type { GenStyleFn } from 'antd/es/theme/util/genComponentStyleHook';
|
||||
import { genBaseOutlinedStyle, genDisabledStyle } from '../../input/style/variants';
|
||||
|
||||
export interface ComponentToken {
|
||||
/**
|
||||
@ -471,6 +472,15 @@ const genPaginationJumpStyle: GenerateStyle<PaginationToken, CSSObject> = (token
|
||||
|
||||
input: {
|
||||
...genBasicInputStyle(token),
|
||||
...genBaseOutlinedStyle(token, {
|
||||
borderColor: token.colorBorder,
|
||||
hoverBorderColor: token.colorPrimaryHover,
|
||||
activeBorderColor: token.colorPrimary,
|
||||
activeShadow: token.activeShadow,
|
||||
}),
|
||||
'&[disabled]': {
|
||||
...genDisabledStyle(token),
|
||||
},
|
||||
|
||||
width: token.calc(token.controlHeightLG).mul(1.25).equal(),
|
||||
height: token.controlHeight,
|
||||
|
||||
@ -66,7 +66,7 @@ exports[`renders components/qr-code/demo/base.tsx extend context correctly 1`] =
|
||||
class="ant-space-item"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
maxlength="60"
|
||||
placeholder="-"
|
||||
type="text"
|
||||
|
||||
@ -30,7 +30,7 @@ exports[`renders components/qr-code/demo/base.tsx correctly 1`] = `
|
||||
class="ant-space-item"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
maxlength="60"
|
||||
placeholder="-"
|
||||
type="text"
|
||||
|
||||
@ -1266,7 +1266,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx extend context co
|
||||
</div>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="default size"
|
||||
style="width: 150px;"
|
||||
type="text"
|
||||
|
||||
@ -1246,7 +1246,7 @@ exports[`renders components/segmented/demo/size-consistent.tsx correctly 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="default size"
|
||||
style="width:150px"
|
||||
type="text"
|
||||
|
||||
@ -1426,7 +1426,7 @@ exports[`renders components/select/demo/custom-dropdown-menu.tsx extend context
|
||||
class="ant-space-item"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="Please enter item"
|
||||
type="text"
|
||||
value=""
|
||||
@ -1796,7 +1796,7 @@ exports[`renders components/select/demo/debug.tsx extend context correctly 1`] =
|
||||
class="ant-space-item"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
style="width: 100px;"
|
||||
type="text"
|
||||
value="222"
|
||||
|
||||
@ -849,7 +849,7 @@ exports[`renders components/select/demo/debug.tsx correctly 1`] = `
|
||||
class="ant-space-item"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
style="width:100px"
|
||||
type="text"
|
||||
value="222"
|
||||
|
||||
@ -59,7 +59,10 @@ export interface InternalSelectProps<
|
||||
* default behavior, you can hide it by setting `suffixIcon` to null.
|
||||
*/
|
||||
showArrow?: boolean;
|
||||
/** @default "outlined" */
|
||||
/**
|
||||
* @since 5.13.0
|
||||
* @default "outlined"
|
||||
*/
|
||||
variant?: SelectVariant;
|
||||
}
|
||||
|
||||
@ -132,7 +135,9 @@ const InternalSelect = <
|
||||
|
||||
const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);
|
||||
|
||||
const [variant, enableVariantCls] = useVariants(customizeVariant, bordered, SelectVariants);
|
||||
const [variant, enableVariantCls] = useVariants(customizeVariant, bordered, SelectVariants, {
|
||||
omitOutlined: true,
|
||||
});
|
||||
|
||||
const rootCls = useCSSVarCls(prefixCls);
|
||||
const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);
|
||||
|
||||
@ -879,7 +879,7 @@ exports[`renders components/slider/demo/input-number.tsx extend context correctl
|
||||
class="ant-col ant-col-4"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
style="margin: 0px 16px;"
|
||||
>
|
||||
<div
|
||||
@ -1016,7 +1016,7 @@ exports[`renders components/slider/demo/input-number.tsx extend context correctl
|
||||
class="ant-col ant-col-4"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
style="margin: 0px 16px;"
|
||||
>
|
||||
<div
|
||||
|
||||
@ -527,7 +527,7 @@ exports[`renders components/slider/demo/input-number.tsx correctly 1`] = `
|
||||
class="ant-col ant-col-4"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
style="margin:0 16px"
|
||||
>
|
||||
<div
|
||||
@ -645,7 +645,7 @@ exports[`renders components/slider/demo/input-number.tsx correctly 1`] = `
|
||||
class="ant-col ant-col-4"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
style="margin:0 16px"
|
||||
>
|
||||
<div
|
||||
|
||||
@ -333,13 +333,13 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width: 20%;"
|
||||
type="text"
|
||||
value="0571"
|
||||
/>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-last-item"
|
||||
style="width: 30%;"
|
||||
type="text"
|
||||
value="26888888"
|
||||
@ -353,7 +353,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-sm ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-sm ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width: calc(100% - 200px);"
|
||||
type="text"
|
||||
value="https://ant.design"
|
||||
@ -375,7 +375,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width: calc(100% - 200px);"
|
||||
type="text"
|
||||
value="https://ant.design"
|
||||
@ -397,7 +397,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width: calc(100% - 200px);"
|
||||
type="text"
|
||||
value="git@github.com:ant-design/ant-design.git"
|
||||
@ -625,7 +625,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-last-item"
|
||||
style="width: 50%;"
|
||||
type="text"
|
||||
value="Xihu District, Hangzhou"
|
||||
@ -872,7 +872,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-last-item"
|
||||
style="width: 50%;"
|
||||
type="text"
|
||||
value="Xihu District, Hangzhou"
|
||||
@ -886,14 +886,14 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width: 30%;"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="0571"
|
||||
/>
|
||||
@ -932,14 +932,14 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item"
|
||||
style="width: 50%;"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -1012,14 +1012,14 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item ant-input-compact-last-item"
|
||||
style="width: 20%;"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="+1"
|
||||
/>
|
||||
@ -1206,13 +1206,13 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item"
|
||||
style="width: 50%;"
|
||||
type="text"
|
||||
value="input content"
|
||||
/>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-compact-item ant-input-number-compact-last-item"
|
||||
class="ant-input-number ant-input-number-outlined ant-input-number-compact-item ant-input-number-compact-last-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -1294,7 +1294,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width: 50%;"
|
||||
type="text"
|
||||
value="input content"
|
||||
@ -3087,7 +3087,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
</div>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item"
|
||||
style="width: 30%;"
|
||||
type="text"
|
||||
value="input content"
|
||||
@ -3109,7 +3109,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width: 30%;"
|
||||
type="text"
|
||||
value="input content"
|
||||
@ -4734,14 +4734,14 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item"
|
||||
placeholder="Minimum"
|
||||
style="width: 100px; text-align: center;"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<input
|
||||
class="ant-input ant-input-disabled site-input-split ant-input-compact-item"
|
||||
class="ant-input ant-input-disabled ant-input-outlined site-input-split ant-input-compact-item"
|
||||
disabled=""
|
||||
placeholder="~"
|
||||
style="width: 30px; border-left: 0; border-right: 0; pointer-events: none;"
|
||||
@ -4749,7 +4749,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
value=""
|
||||
/>
|
||||
<input
|
||||
class="ant-input site-input-right ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input ant-input-outlined site-input-right ant-input-compact-item ant-input-compact-last-item"
|
||||
placeholder="Maximum"
|
||||
style="width: 100px; text-align: center;"
|
||||
type="text"
|
||||
@ -8423,13 +8423,13 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
placeholder="input here"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
class="ant-input-number-group-wrapper ant-input-number-compact-item"
|
||||
class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-compact-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-wrapper ant-input-number-group"
|
||||
@ -8440,7 +8440,7 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
$
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -8516,13 +8516,13 @@ exports[`renders components/space/demo/compact.tsx extend context correctly 1`]
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number-group-wrapper ant-input-number-compact-item ant-input-number-compact-last-item"
|
||||
class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-compact-item ant-input-number-compact-last-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-wrapper ant-input-number-group"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -9827,7 +9827,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
</span>
|
||||
</button>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -9838,7 +9838,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
http://
|
||||
</span>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="mysite"
|
||||
/>
|
||||
@ -9866,13 +9866,13 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
placeholder="prefix"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -10022,7 +10022,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
</div>
|
||||
</span>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="mysite"
|
||||
/>
|
||||
@ -10243,13 +10243,13 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item ant-input-compact-first-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -10288,13 +10288,13 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -10369,13 +10369,13 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="mysite"
|
||||
/>
|
||||
@ -10413,13 +10413,13 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
</span>
|
||||
</button>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item ant-input-compact-last-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="suffix"
|
||||
type="text"
|
||||
value=""
|
||||
@ -10458,7 +10458,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -10469,7 +10469,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
http://
|
||||
</span>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -10509,7 +10509,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
</span>
|
||||
</button>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -10651,7 +10651,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
</div>
|
||||
</span>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="mysite"
|
||||
/>
|
||||
@ -10875,7 +10875,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
placeholder="Debug Popover context"
|
||||
type="text"
|
||||
value=""
|
||||
@ -10907,7 +10907,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
class="ant-popover-inner-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="Left Border"
|
||||
type="text"
|
||||
value=""
|
||||
@ -11516,7 +11516,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
role="separator"
|
||||
/>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -11720,7 +11720,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-group-wrapper ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
|
||||
class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-wrapper ant-input-number-group"
|
||||
@ -11731,7 +11731,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
+
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -13159,7 +13159,7 @@ exports[`renders components/space/demo/compact-debug.tsx extend context correctl
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
|
||||
class="ant-input-number ant-input-number-outlined ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -13423,7 +13423,7 @@ Array [
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
placeholder="Typing..."
|
||||
style="width: 90px;"
|
||||
type="text"
|
||||
@ -13462,7 +13462,7 @@ Array [
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-compact-item"
|
||||
class="ant-input-number ant-input-number-outlined ant-input-number-compact-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -13692,14 +13692,14 @@ Array [
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item"
|
||||
style="width: 110px;"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="Search"
|
||||
type="text"
|
||||
value=""
|
||||
@ -13751,7 +13751,7 @@ Array [
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item"
|
||||
type="text"
|
||||
value="mysite"
|
||||
/>
|
||||
|
||||
@ -247,13 +247,13 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width:20%"
|
||||
type="text"
|
||||
value="0571"
|
||||
/>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-last-item"
|
||||
style="width:30%"
|
||||
type="text"
|
||||
value="26888888"
|
||||
@ -267,7 +267,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-sm ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-sm ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width:calc(100% - 200px)"
|
||||
type="text"
|
||||
value="https://ant.design"
|
||||
@ -289,7 +289,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width:calc(100% - 200px)"
|
||||
type="text"
|
||||
value="https://ant.design"
|
||||
@ -311,7 +311,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width:calc(100% - 200px)"
|
||||
type="text"
|
||||
value="git@github.com:ant-design/ant-design.git"
|
||||
@ -439,7 +439,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-last-item"
|
||||
style="width:50%"
|
||||
type="text"
|
||||
value="Xihu District, Hangzhou"
|
||||
@ -591,7 +591,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-last-item"
|
||||
style="width:50%"
|
||||
type="text"
|
||||
value="Xihu District, Hangzhou"
|
||||
@ -605,14 +605,14 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width:30%"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="0571"
|
||||
/>
|
||||
@ -651,14 +651,14 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item"
|
||||
style="width:50%"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -731,14 +731,14 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item ant-input-compact-last-item"
|
||||
style="width:20%"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="+1"
|
||||
/>
|
||||
@ -844,13 +844,13 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item"
|
||||
style="width:50%"
|
||||
type="text"
|
||||
value="input content"
|
||||
/>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-compact-item ant-input-number-compact-last-item"
|
||||
class="ant-input-number ant-input-number-outlined ant-input-number-compact-item ant-input-number-compact-last-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -932,7 +932,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width:50%"
|
||||
type="text"
|
||||
value="input content"
|
||||
@ -1068,7 +1068,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item"
|
||||
style="width:30%"
|
||||
type="text"
|
||||
value="input content"
|
||||
@ -1090,7 +1090,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
class="ant-space-compact ant-space-compact-block"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
style="width:30%"
|
||||
type="text"
|
||||
value="input content"
|
||||
@ -1371,14 +1371,14 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item"
|
||||
placeholder="Minimum"
|
||||
style="width:100px;text-align:center"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<input
|
||||
class="ant-input ant-input-disabled site-input-split ant-input-compact-item"
|
||||
class="ant-input ant-input-disabled ant-input-outlined site-input-split ant-input-compact-item"
|
||||
disabled=""
|
||||
placeholder="~"
|
||||
style="width:30px;border-left:0;border-right:0;pointer-events:none"
|
||||
@ -1386,7 +1386,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
value=""
|
||||
/>
|
||||
<input
|
||||
class="ant-input site-input-right ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input ant-input-outlined site-input-right ant-input-compact-item ant-input-compact-last-item"
|
||||
placeholder="Maximum"
|
||||
style="width:100px;text-align:center"
|
||||
type="text"
|
||||
@ -1793,13 +1793,13 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
placeholder="input here"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<div
|
||||
class="ant-input-number-group-wrapper ant-input-number-compact-item"
|
||||
class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-compact-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-wrapper ant-input-number-group"
|
||||
@ -1810,7 +1810,7 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
$
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -1886,13 +1886,13 @@ exports[`renders components/space/demo/compact.tsx correctly 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number-group-wrapper ant-input-number-compact-item ant-input-number-compact-last-item"
|
||||
class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-compact-item ant-input-number-compact-last-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-wrapper ant-input-number-group"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -2611,7 +2611,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
</span>
|
||||
</button>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -2622,7 +2622,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
http://
|
||||
</span>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="mysite"
|
||||
/>
|
||||
@ -2650,13 +2650,13 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
placeholder="prefix"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -2725,7 +2725,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
</div>
|
||||
</span>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="mysite"
|
||||
/>
|
||||
@ -2831,13 +2831,13 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item ant-input-compact-first-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -2876,13 +2876,13 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value=""
|
||||
/>
|
||||
@ -2957,13 +2957,13 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="mysite"
|
||||
/>
|
||||
@ -3001,13 +3001,13 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
</span>
|
||||
</button>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item ant-input-compact-last-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item ant-input-compact-last-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="suffix"
|
||||
type="text"
|
||||
value=""
|
||||
@ -3046,7 +3046,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -3057,7 +3057,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
http://
|
||||
</span>
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
@ -3097,7 +3097,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
</span>
|
||||
</button>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-compact-item"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
@ -3166,7 +3166,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
</div>
|
||||
</span>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
type="text"
|
||||
value="mysite"
|
||||
/>
|
||||
@ -3274,7 +3274,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
placeholder="Debug Popover context"
|
||||
type="text"
|
||||
value=""
|
||||
@ -3296,7 +3296,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-group-wrapper ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
|
||||
class="ant-input-number-group-wrapper ant-input-number-group-wrapper-outlined ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-wrapper ant-input-number-group"
|
||||
@ -3307,7 +3307,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
+
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -3553,7 +3553,7 @@ exports[`renders components/space/demo/compact-debug.tsx correctly 1`] = `
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
|
||||
class="ant-input-number ant-input-number-outlined ant-input-number-compact-item ant-input-number-compact-first-item ant-input-number-compact-last-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -3726,7 +3726,7 @@ Array [
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item ant-input-compact-first-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item ant-input-compact-first-item"
|
||||
placeholder="Typing..."
|
||||
style="width:90px"
|
||||
type="text"
|
||||
@ -3765,7 +3765,7 @@ Array [
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-compact-item"
|
||||
class="ant-input-number ant-input-number-outlined ant-input-number-compact-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -3914,14 +3914,14 @@ Array [
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search ant-input-compact-item"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-compact-item"
|
||||
style="width:110px"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="Search"
|
||||
type="text"
|
||||
value=""
|
||||
@ -3973,7 +3973,7 @@ Array [
|
||||
class="ant-space-compact"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-compact-item"
|
||||
class="ant-input ant-input-outlined ant-input-compact-item"
|
||||
type="text"
|
||||
value="mysite"
|
||||
/>
|
||||
|
||||
@ -3492,7 +3492,7 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
|
||||
style="padding: 8px;"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="Search name"
|
||||
style="margin-bottom: 8px; display: block;"
|
||||
type="text"
|
||||
@ -3628,7 +3628,7 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
|
||||
style="padding: 8px;"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="Search age"
|
||||
style="margin-bottom: 8px; display: block;"
|
||||
type="text"
|
||||
@ -3840,7 +3840,7 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co
|
||||
style="padding: 8px;"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="Search address"
|
||||
style="margin-bottom: 8px; display: block;"
|
||||
type="text"
|
||||
@ -9500,7 +9500,7 @@ exports[`renders components/table/demo/filter-in-tree.tsx extend context correct
|
||||
class="ant-table-filter-dropdown-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-table-filter-dropdown-search-input"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-table-filter-dropdown-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -10019,7 +10019,7 @@ exports[`renders components/table/demo/filter-in-tree.tsx extend context correct
|
||||
class="ant-table-filter-dropdown-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-table-filter-dropdown-search-input"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-table-filter-dropdown-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -10475,7 +10475,7 @@ exports[`renders components/table/demo/filter-search.tsx extend context correctl
|
||||
class="ant-table-filter-dropdown-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-table-filter-dropdown-search-input"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-table-filter-dropdown-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -10818,7 +10818,7 @@ exports[`renders components/table/demo/filter-search.tsx extend context correctl
|
||||
class="ant-table-filter-dropdown-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-table-filter-dropdown-search-input"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-table-filter-dropdown-search-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -26101,7 +26101,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx extend con
|
||||
exports[`renders components/table/demo/row-selection-debug.tsx extend context correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -20862,7 +20862,7 @@ exports[`renders components/table/demo/row-selection-custom-debug.tsx correctly
|
||||
exports[`renders components/table/demo/row-selection-debug.tsx correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-input-number"
|
||||
class="ant-input-number ant-input-number-outlined"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -10,7 +10,11 @@ import type {
|
||||
} from './interface';
|
||||
import { PresetColors } from './interface';
|
||||
import useToken from './useToken';
|
||||
import type { FullToken, GetDefaultToken } from './util/genComponentStyleHook';
|
||||
import type {
|
||||
FullToken,
|
||||
GetDefaultToken,
|
||||
FormatComponentToken,
|
||||
} from './util/genComponentStyleHook';
|
||||
import genComponentStyleHook, {
|
||||
genSubStyleComponent,
|
||||
genStyleHooks,
|
||||
@ -46,4 +50,5 @@ export type {
|
||||
SeedToken,
|
||||
UseComponentStyleResult,
|
||||
GetDefaultToken,
|
||||
FormatComponentToken,
|
||||
};
|
||||
|
||||
@ -1368,7 +1368,7 @@ exports[`renders components/tooltip/demo/disabled-children.tsx extend context co
|
||||
class="ant-space-item"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-disabled"
|
||||
class="ant-input ant-input-disabled ant-input-outlined"
|
||||
disabled=""
|
||||
placeholder="disabled"
|
||||
type="text"
|
||||
@ -1398,7 +1398,7 @@ exports[`renders components/tooltip/demo/disabled-children.tsx extend context co
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-disabled"
|
||||
class="ant-input-number ant-input-number-outlined ant-input-number-disabled"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -579,7 +579,7 @@ exports[`renders components/tooltip/demo/disabled-children.tsx correctly 1`] = `
|
||||
class="ant-space-item"
|
||||
>
|
||||
<input
|
||||
class="ant-input ant-input-disabled"
|
||||
class="ant-input ant-input-disabled ant-input-outlined"
|
||||
disabled=""
|
||||
placeholder="disabled"
|
||||
type="text"
|
||||
@ -590,7 +590,7 @@ exports[`renders components/tooltip/demo/disabled-children.tsx correctly 1`] = `
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-disabled"
|
||||
class="ant-input-number ant-input-number-outlined ant-input-number-disabled"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
|
||||
@ -170,7 +170,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -736,7 +736,7 @@ exports[`renders components/transfer/demo/advanced.tsx extend context correctly
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -3554,7 +3554,7 @@ Array [
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -3896,7 +3896,7 @@ Array [
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -9398,7 +9398,7 @@ exports[`renders components/transfer/demo/search.tsx extend context correctly 1`
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -9944,7 +9944,7 @@ exports[`renders components/transfer/demo/search.tsx extend context correctly 1`
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -10940,7 +10940,7 @@ exports[`renders components/transfer/demo/status.tsx extend context correctly 1`
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -11282,7 +11282,7 @@ exports[`renders components/transfer/demo/status.tsx extend context correctly 1`
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
|
||||
@ -65,7 +65,7 @@ exports[`renders components/transfer/demo/advanced.tsx correctly 1`] = `
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -321,7 +321,7 @@ exports[`renders components/transfer/demo/advanced.tsx correctly 1`] = `
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -2188,7 +2188,7 @@ Array [
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -2424,7 +2424,7 @@ Array [
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -5635,7 +5635,7 @@ exports[`renders components/transfer/demo/search.tsx correctly 1`] = `
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -5871,7 +5871,7 @@ exports[`renders components/transfer/demo/search.tsx correctly 1`] = `
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -6342,7 +6342,7 @@ exports[`renders components/transfer/demo/status.tsx correctly 1`] = `
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -6578,7 +6578,7 @@ exports[`renders components/transfer/demo/status.tsx correctly 1`] = `
|
||||
class="ant-transfer-list-body-search-wrapper"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-transfer-list-search"
|
||||
class="ant-input-affix-wrapper ant-input-outlined ant-transfer-list-search"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Transfer.Search should show cross icon when input value exists 1`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -68,7 +68,7 @@ exports[`Transfer.Search should show cross icon when input value exists 1`] = `
|
||||
|
||||
exports[`Transfer.Search should show cross icon when input value exists 2`] = `
|
||||
<span
|
||||
class="ant-input-affix-wrapper"
|
||||
class="ant-input-affix-wrapper ant-input-outlined"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
|
||||
@ -4211,14 +4211,14 @@ exports[`renders components/tree/demo/multiple-line.tsx extend context correctly
|
||||
exports[`renders components/tree/demo/search.tsx extend context correctly 1`] = `
|
||||
<div>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search"
|
||||
style="margin-bottom: 8px;"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="Search"
|
||||
type="text"
|
||||
value=""
|
||||
|
||||
@ -4094,14 +4094,14 @@ exports[`renders components/tree/demo/multiple-line.tsx correctly 1`] = `
|
||||
exports[`renders components/tree/demo/search.tsx correctly 1`] = `
|
||||
<div>
|
||||
<span
|
||||
class="ant-input-group-wrapper ant-input-search"
|
||||
class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search"
|
||||
style="margin-bottom:8px"
|
||||
>
|
||||
<span
|
||||
class="ant-input-wrapper ant-input-group"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
placeholder="Search"
|
||||
type="text"
|
||||
value=""
|
||||
|
||||
@ -83,7 +83,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="content"
|
||||
placeholder="请输入"
|
||||
type="text"
|
||||
@ -404,7 +404,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
||||
class="ant-color-picker-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-affix-wrapper ant-color-picker-hex-input ant-input-affix-wrapper-sm"
|
||||
class="ant-input-affix-wrapper ant-input-affix-wrapper-sm ant-input-outlined ant-color-picker-hex-input"
|
||||
>
|
||||
<span
|
||||
class="ant-input-prefix"
|
||||
@ -419,7 +419,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-sm ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
class="ant-input-number ant-input-number-sm ant-input-number-outlined ant-color-picker-steppers ant-color-picker-alpha-input"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number-handler-wrap"
|
||||
@ -780,7 +780,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<div
|
||||
@ -881,7 +881,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<div
|
||||
@ -1018,7 +1018,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<div
|
||||
@ -1118,7 +1118,7 @@ exports[`renders components/watermark/demo/custom.tsx extend context correctly 1
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<div
|
||||
|
||||
@ -75,7 +75,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<input
|
||||
class="ant-input"
|
||||
class="ant-input ant-input-outlined"
|
||||
id="content"
|
||||
placeholder="请输入"
|
||||
type="text"
|
||||
@ -347,7 +347,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<div
|
||||
@ -448,7 +448,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<div
|
||||
@ -585,7 +585,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<div
|
||||
@ -685,7 +685,7 @@ exports[`renders components/watermark/demo/custom.tsx correctly 1`] = `
|
||||
class="ant-form-item-control-input-content"
|
||||
>
|
||||
<div
|
||||
class="ant-input-number ant-input-number-in-form-item"
|
||||
class="ant-input-number ant-input-number-in-form-item ant-input-number-outlined"
|
||||
style="width:100%"
|
||||
>
|
||||
<div
|
||||
|
||||
@ -135,9 +135,9 @@
|
||||
"rc-dropdown": "~4.1.0",
|
||||
"rc-field-form": "~1.41.0",
|
||||
"rc-image": "~7.5.1",
|
||||
"rc-input": "~1.3.11",
|
||||
"rc-input-number": "~8.4.0",
|
||||
"rc-mentions": "~2.9.1",
|
||||
"rc-input": "~1.4.2",
|
||||
"rc-input-number": "~8.6.1",
|
||||
"rc-mentions": "~2.10.1",
|
||||
"rc-menu": "~9.12.4",
|
||||
"rc-motion": "^2.9.0",
|
||||
"rc-notification": "~5.3.0",
|
||||
@ -153,7 +153,7 @@
|
||||
"rc-switch": "~4.1.0",
|
||||
"rc-table": "~7.36.0",
|
||||
"rc-tabs": "~12.15.0",
|
||||
"rc-textarea": "~1.5.3",
|
||||
"rc-textarea": "~1.6.3",
|
||||
"rc-tooltip": "~6.1.2",
|
||||
"rc-tree": "~5.8.2",
|
||||
"rc-tree-select": "~5.15.0",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user