mirror of https://github.com/halo-dev/halo
fix: correct boolean value display issue in formkit selector component (#6624)
#### What type of PR is this? /kind bug /area ui /milestone 2.20.x #### What this PR does / why we need it: 解决 Formkit Selector 在值为布尔或者数字类型时,回显时内容不正常的问题。 #### How to test it? 测试当 FormKit Select 组件的值为布尔或者数字时,回显的内容是否正常。 #### Does this PR introduce a user-facing change? ```release-note 修复 FormKit Select 组件中布尔值的显示问题。 ```pull/6629/head^2
parent
93ffb7d8ea
commit
3c785cb7c8
|
@ -555,6 +555,22 @@ watch(
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const enableAutoSelect = () => {
|
||||||
|
if (!selectProps.autoSelect) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (selectProps.multiple || selectProps.placeholder) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
const value = props.context.node.value;
|
||||||
|
if (value === void 0 || value === null) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
() => options.value,
|
() => options.value,
|
||||||
async (newOptions) => {
|
async (newOptions) => {
|
||||||
|
@ -563,13 +579,8 @@ watch(
|
||||||
if (selectedOption) {
|
if (selectedOption) {
|
||||||
selectOptions.value = selectedOption;
|
selectOptions.value = selectedOption;
|
||||||
}
|
}
|
||||||
const isAutoSelect =
|
|
||||||
selectProps.autoSelect &&
|
|
||||||
!selectProps.multiple &&
|
|
||||||
!selectProps.placeholder &&
|
|
||||||
!props.context.node.value;
|
|
||||||
|
|
||||||
if (isAutoSelect) {
|
if (enableAutoSelect()) {
|
||||||
// Automatically select the first option when the selected value is empty.
|
// Automatically select the first option when the selected value is empty.
|
||||||
const autoSelectedOption = getAutoSelectedOption();
|
const autoSelectedOption = getAutoSelectedOption();
|
||||||
if (autoSelectedOption) {
|
if (autoSelectedOption) {
|
||||||
|
|
Loading…
Reference in New Issue