From 8ba75419b6c8d787325cdb0a0c6840b776008961 Mon Sep 17 00:00:00 2001
From: zkwolf <chenhao5866@gmail.com>
Date: Fri, 4 Dec 2020 14:01:51 +0800
Subject: [PATCH] fix: checkbox can't trigger change (#3285)

* fix: checkbox can't trigger change

* test: add unit test

* chore: update vc-checkbox
---
 components/radio/__tests__/group.test.js | 37 ++++++++++++++++++++++++
 components/vc-checkbox/src/Checkbox.jsx  |  4 +++
 2 files changed, 41 insertions(+)

diff --git a/components/radio/__tests__/group.test.js b/components/radio/__tests__/group.test.js
index fa4910626..5df6acb05 100644
--- a/components/radio/__tests__/group.test.js
+++ b/components/radio/__tests__/group.test.js
@@ -230,4 +230,41 @@ describe('Radio', () => {
     });
     expect(wrapper.html()).toMatchSnapshot();
   });
+
+  it('when onChange do not change the value, change event can be also triggered.', async () => {
+    const onChange = jest.fn();
+    const onChangeRadioGroup = () => {
+      onChange();
+      wrapper.setProps({ value: 'A' });
+    };
+
+    const wrapper = mount(
+      {
+        props: ['value'],
+        render() {
+          const value = this.value || 'A';
+          return (
+            <RadioGroup ref="radioGroup" value={value} onChange={onChangeRadioGroup}>
+              <Radio value="A">A</Radio>
+              <Radio value="B">B</Radio>
+              <Radio value="C">C</Radio>
+            </RadioGroup>
+          );
+        },
+      },
+      { sync: false },
+    );
+
+    const radios = wrapper.findAll('input');
+
+    await asyncExpect(() => {
+      radios.at(1).trigger('click');
+      expect(onChange.mock.calls.length).toBe(1);
+    });
+
+    await asyncExpect(() => {
+      radios.at(1).trigger('click');
+      expect(onChange.mock.calls.length).toBe(2);
+    });
+  });
 });
diff --git a/components/vc-checkbox/src/Checkbox.jsx b/components/vc-checkbox/src/Checkbox.jsx
index adb692651..475871373 100644
--- a/components/vc-checkbox/src/Checkbox.jsx
+++ b/components/vc-checkbox/src/Checkbox.jsx
@@ -92,6 +92,10 @@ export default {
         nativeEvent: e,
       });
       this.eventShiftKey = false;
+      // fix https://github.com/vueComponent/ant-design-vue/issues/3047
+      if ('checked' in props) {
+        this.$refs.input.checked = props.checked;
+      }
     },
     onClick(e) {
       this.__emit('click', e);