fix(switch): loading state can't be controlled with truthy initial state

[Cnotech]

Types of changes

• New feature
• Bug fix
• Enhancement
• Component style change
• Typescript definition change
• Documentation change
• Coding style change
• Refactoring
• Test cases
• Continuous integration
• Breaking change
• Others

Background and context

如果给 Switch 组件的 loading 传入初始状态为 true 的 Ref，内部的 _loading 会被初始化为 true，此时如果外部的 loading 变回 false 则 Switch 组件仍会处于 loading 状态，导致组件的 loading 态不受控。

If you pass a Ref to the loading of the Switch component with an initial state of true, the internal ref _loading will be initialized with true, then if the external loading ref changed to false, the Switch component will still be in the loading state, resulting in an uncontrolled loading state.

// script
const loading = ref(true);

// template
<a-button @click="loading = !loading">{{ loading }}</a-button>
<a-switch :loading="loading" />

Solution

How is the change tested?

Changelog

Component	Changelog(CN)	Changelog(EN)	Related issues
Select	fix(switch): 修复当加载状态被真值初始化后无法受控	fix(switch): loading state can't be controlled with truthy initial state

Checklist:

• Test suite passes (npm run test)
• Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.
• Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others
  should be submitted to main branch)

Other information

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview