chore: update destory to unmount

components/_util/ContainerRender.jsx

@@ -24,7 +24,7 @@ export default {
     }
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.autoDestroy) {
       this.removeContainer();
     }

components/_util/Portal.js

@@ -24,7 +24,7 @@ export default {
     }
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.removeContainer();
   },
   methods: {

components/_util/PortalWrapper.js

@@ -46,7 +46,7 @@ export default {
       }
     },
   },
-  beforeDestroy() {
+  beforeUnmount() {
     const { visible } = this.$props;
     // 离开时不会 render， 导到离开时数值不变，改用 func 。。
     openCount = visible && openCount ? openCount - 1 : openCount;

components/_util/createRefHooks.js

@@ -1,13 +1,13 @@
 const createRef = fn => {
   return {
-    onVnodeBeforeMounted: vnode => {
+    onVnodeBeforeMount: vnode => {
       fn(vnode.component || vnode.el, vnode.key);
     },
     onVnodeUpdated: vnode => {
       fn(vnode.component || vnode.el, vnode.key);
     },
-    onVnodeDestroyed: vnode => {
+    onVnodeUnmounted: vnode => {
-      fn(vnode.component || vnode.el, vnode.key);
+      fn(null, vnode.key);
     },
   };
 };

components/_util/store/connect.jsx

@@ -44,7 +44,7 @@ export default function connect(mapStateToProps) {
         this.trySubscribe();
       },
 
-      beforeDestroy() {
+      beforeUnmount() {
         this.tryUnsubscribe();
       },
       methods: {

components/_util/wave.jsx

@@ -37,7 +37,7 @@ export default {
       configProvider,
     };
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.instance) {
       this.instance.cancel();
     }

components/affix/index.jsx

@@ -98,7 +98,7 @@ const Affix = {
       this.updatePosition();
     },
   },
-  beforeDestroy() {
+  beforeUnmount() {
     clearTimeout(this.timeout);
     removeObserveTarget(this);
     this.updatePosition.cancel();

components/anchor/Anchor.jsx

@@ -152,7 +152,7 @@ export default {
       this.updateInk();
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.scrollEvent) {
       this.scrollEvent.remove();
     }

components/anchor/AnchorLink.jsx

@@ -36,7 +36,7 @@ export default {
     this.antAnchor.registerLink(this.href);
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.antAnchor.unregisterLink(this.href);
   },
   methods: {

components/back-top/index.jsx

@@ -44,7 +44,7 @@ const BackTop = {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.scrollEvent) {
       this.scrollEvent.remove();
     }

components/badge/ScrollNumber.jsx

@@ -65,7 +65,7 @@ export default {
       });
     }
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.clearTimeout();
   },
   methods: {

components/button/button.jsx

@@ -50,7 +50,7 @@ export default {
   updated() {
     this.fixTwoCNChar();
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.delayTimeout) {
       clearTimeout(this.delayTimeout);
     }

components/carousel/index.jsx

@@ -108,7 +108,7 @@ const Carousel = {
     // https://github.com/ant-design/ant-design/issues/7191
     this.innerSlider = this.$refs.slick && this.$refs.slick.innerSlider;
   },
-  beforeDestroy() {
+  beforeUnmount() {
     const { autoplay } = this;
     if (autoplay) {
       window.removeEventListener('resize', this.onWindowResized);

components/checkbox/Checkbox.jsx

@@ -53,7 +53,7 @@ export default {
       '`value` is not validate prop, do you mean `checked`?',
     );
   },
-  beforeDestroy() {
+  beforeUnmount() {
     const { value, checkboxGroupContext: checkboxGroup = {} } = this;
     if (checkboxGroup.cancelValue) {
       checkboxGroup.cancelValue(value);

components/descriptions/index.jsx

@@ -194,7 +194,7 @@ const Descriptions = {
       });
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     ResponsiveObserve.unsubscribe(this.token);
   },
   render() {

components/drawer/index.jsx

@@ -85,7 +85,7 @@ const Drawer = {
       this.preVisible = this.visible;
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     // unmount drawer in child, clear push.
     if (this.parentDrawer) {
       this.parentDrawer.pull();

components/form-model/FormItem.jsx

@@ -121,7 +121,7 @@ export default {
       this.initialValue = cloneDeep(this.fieldValue);
     }
   },
-  beforeDestroy() {
+  beforeUnmount() {
     const { removeField } = this.FormContext;
     removeField && removeField(this);
   },

components/form/FormItem.jsx

@@ -106,7 +106,7 @@ export default {
       this.collectContext();
     }
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.collectFormItemContext(this.$vnode && this.$vnode.context, 'delete');
   },
   mounted() {

components/grid/Row.jsx

@@ -48,7 +48,7 @@ export default {
       });
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     ResponsiveObserve.unsubscribe(this.token);
   },
   methods: {

components/input/Input.jsx

@@ -82,7 +82,7 @@ export default {
       this.clearPasswordValueAttribute();
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.removePasswordTimeout) {
       clearTimeout(this.removePasswordTimeout);
     }

components/input/ResizableTextArea.jsx

@@ -31,7 +31,7 @@ const ResizableTextArea = {
   mounted() {
     this.resizeTextarea();
   },
-  beforeDestroy() {
+  beforeUnmount() {
     raf.cancel(this.nextFrameActionId);
     raf.cancel(this.resizeFrameId);
   },

components/layout/Sider.jsx

@@ -145,7 +145,7 @@ export default {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.mql) {
       this.mql.removeListener(this.responsiveHandler);
     }

components/locale-provider/index.jsx

@@ -65,7 +65,7 @@ const LocaleProvider = {
     setMomentLocale(locale);
     changeConfirmLocale(locale && locale.Modal);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     changeConfirmLocale();
   },
   render() {

components/menu/index.jsx

@@ -64,7 +64,7 @@ const Menu = {
   updated() {
     this.propsUpdating = false;
   },
-  // beforeDestroy() {
+  // beforeUnmount() {
   //   raf.cancel(this.mountRafId);
   // },
   watch: {

components/modal/ActionButton.jsx

@@ -24,7 +24,7 @@ export default {
       this.timeoutId = setTimeout(() => this.$el.focus());
     }
   },
-  beforeDestroy() {
+  beforeUnmount() {
     clearTimeout(this.timeoutId);
   },
   methods: {

components/spin/Spin.jsx

@@ -66,7 +66,7 @@ export default {
       this.updateSpinning();
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.cancelExistingSpin();
   },
   methods: {

components/statistic/Countdown.jsx

@@ -28,7 +28,7 @@ export default {
     this.syncTimer();
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.stopTimer();
   },
 

components/table/SelectionBox.jsx

@@ -18,7 +18,7 @@ export default {
     this.subscribe();
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.unsubscribe) {
       this.unsubscribe();
     }

components/table/SelectionCheckboxAll.jsx

@@ -125,7 +125,7 @@ export default {
     this.subscribe();
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.unsubscribe) {
       this.unsubscribe();
     }

components/table/createBodyRow.jsx

@@ -25,7 +25,7 @@ export default function createBodyRow(Component = 'tr') {
       this.subscribe();
     },
 
-    beforeDestroy() {
+    beforeUnmount() {
       if (this.unsubscribe) {
         this.unsubscribe();
       }

components/transfer/list.jsx

@@ -92,7 +92,7 @@ export default {
   //     }
   //   });
   // },
-  beforeDestroy() {
+  beforeUnmount() {
     clearTimeout(this.triggerScrollTimer);
     // if (this.scrollEvent) {
     //   this.scrollEvent.remove();

components/transfer/renderListBody.jsx

@@ -46,7 +46,7 @@ const ListBody = {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     raf.cancel(this.mountId);
     raf.cancel(this.lazyId);
   },

components/upload/Upload.jsx

@@ -48,7 +48,7 @@ export default {
       this.sFileList = val || [];
     },
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.clearProgressTimer();
   },
   methods: {

components/vc-align/Align.jsx

@@ -94,7 +94,7 @@ export default {
       this.prevProps = { ...this.$props, align: clonedeep(this.$props.align) };
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.stopMonitorWindowResize();
   },
   methods: {

components/vc-calendar/src/Picker.jsx

@@ -80,7 +80,7 @@ const Picker = {
     this.preSOpen = this.sOpen;
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     clearTimeout(this.focusTimeout);
   },
   methods: {

components/vc-dialog/Dialog.jsx

@@ -96,7 +96,7 @@ export default {
       }
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     const { visible, getOpenCount } = this;
     if ((visible || this.inTransition) && !getOpenCount()) {
       this.switchScrollingEffect();

components/vc-drawer/src/Drawer.js

@@ -130,7 +130,7 @@ const Drawer = {
       }
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     delete currentDrawer[this.drawerId];
     delete this.isOpenChange;
     if (this.container) {

components/vc-input-number/src/index.js

@@ -174,7 +174,7 @@ export default {
       this.updatedFunc();
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.stop();
   },
   methods: {

components/vc-lazy-load/src/LazyLoad.jsx

@@ -73,7 +73,7 @@ export default {
       this.scrollHander = addEventListener(eventNode, 'scroll', this.lazyLoadHandler);
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this._mounted = false;
     if (this.lazyLoadHandler.cancel) {
       this.lazyLoadHandler.cancel();

components/vc-menu/DOMWrap.jsx

@@ -80,7 +80,7 @@ const DOMWrap = {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.resizeObserver) {
       this.resizeObserver.disconnect();
     }

components/vc-menu/MenuItem.jsx

@@ -59,7 +59,7 @@ const MenuItem = {
     });
     this.callRef();
   },
-  beforeDestroy() {
+  beforeUnmount() {
     const props = this.$props;
     this.__emit('destroy', props.eventKey);
   },

components/vc-menu/SubMenu.jsx

@@ -102,7 +102,7 @@ const SubMenu = {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     const { eventKey } = this;
     this.__emit('destroy', eventKey);
 

components/vc-notification/Notice.jsx

@@ -28,9 +28,9 @@ export default {
     }
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.clearCloseTimer();
-    this.willDestroy = true; // beforeDestroy调用后依然会触发onMouseleave事件
+    this.willDestroy = true; // beforeUnmount调用后依然会触发onMouseleave事件
   },
   methods: {
     close(e) {

components/vc-resize-observer/index.jsx

@@ -23,7 +23,7 @@ const VueResizeObserver = {
   updated() {
     this.onComponentUpdated();
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.destroyObserver();
   },
   methods: {

components/vc-select/DropdownMenu.jsx

@@ -63,7 +63,7 @@ export default {
     this.lastInputValue = props.inputValue;
     this.prevVisible = this.visible;
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.rafInstance) {
       raf.cancel(this.rafInstance);
     }

components/vc-select/Select.jsx

@@ -200,7 +200,7 @@ const Select = {
       this.forcePopupAlign();
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.clearFocusTime();
     this.clearBlurTime();
     this.clearComboboxTime();

components/vc-select/SelectTrigger.jsx

@@ -82,7 +82,7 @@ export default {
       this.setDropdownWidth();
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.cancelRafInstance();
   },
   methods: {

components/vc-slick/src/inner-slider.js

@@ -489,7 +489,7 @@ export default {
       }
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.animationEndCallback) {
       clearTimeout(this.animationEndCallback);
     }

components/vc-slick/src/slider.js

@@ -87,7 +87,7 @@ export default {
         });
     }
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this._responsiveMediaHandlers.forEach(function(obj) {
       enquire.unregister(obj.query, obj.handler);
     });

components/vc-slider/src/Handle.jsx

@@ -31,7 +31,7 @@ export default {
     // so we listen on document here.
     this.onMouseUpListener = addEventListener(document, 'mouseup', this.handleMouseUp);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.onMouseUpListener) {
       this.onMouseUpListener.remove();
     }

components/vc-slider/src/common/createSlider.jsx

@@ -81,7 +81,7 @@ export default function createSlider(Component) {
         }
       });
     },
-    beforeDestroy() {
+    beforeUnmount() {
       this.$nextTick(() => {
         // if (super.componentWillUnmount) super.componentWillUnmount()
         this.removeDocumentEvents();

components/vc-steps/Steps.jsx

@@ -46,7 +46,7 @@ export default {
       this.calcStepOffsetWidth();
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.calcTimeout) {
       clearTimeout(this.calcTimeout);
     }

components/vc-table/src/ExpandableRow.jsx

@@ -25,7 +25,7 @@ const ExpandableRow = {
     // children: PropTypes.func.isRequired,
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.handleDestroy();
   },
   methods: {

components/vc-table/src/Table.jsx

@@ -203,7 +203,7 @@ export default {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.resizeEvent) {
       this.resizeEvent.remove();
     }

components/vc-tabs/src/ScrollableTabBarNode.jsx

@@ -58,7 +58,7 @@ export default {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.resizeObserver) {
       this.resizeObserver.disconnect();
     }

components/vc-tabs/src/Tabs.jsx

@@ -80,7 +80,7 @@ export default {
       }
     },
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.destroy = true;
     raf.cancel(this.sentinelId);
   },

components/vc-tree/src/TreeNode.jsx

@@ -78,7 +78,7 @@ const TreeNode = {
   updated() {
     this.syncLoadData(this.$props);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     const {
       eventKey,
       vcTree: { registerTreeNode },

components/vc-trigger/Popup.jsx

@@ -62,7 +62,7 @@ export default {
       this.setStretchSize();
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.$el.parentNode) {
       this.$el.parentNode.removeChild(this.$el);
     } else if (this.$el.remove) {

components/vc-trigger/Trigger.jsx

@@ -125,7 +125,7 @@ export default {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.clearDelayTimer();
     this.clearOutsideHandler();
     clearTimeout(this.mouseDownTimeout);

components/vc-upload/src/AjaxUploader.jsx

@@ -45,7 +45,7 @@ const AjaxUploader = {
   mounted() {
     this._isMounted = true;
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this._isMounted = false;
     this.abort();
   },

examples/App.vue

@@ -1,3 +1,18 @@
 <template>
-  <a-empty />
+  <div>
+    <a-button @click="show = !show">按钮</a-button>
+    <a-tooltip class="ddddd" style="color: blue" v-if="show">
+      <template v-slot:title>prompt text</template>
+      <a-button class="test" style="color: red">Tooltip will show when mouse enter.</a-button>
+    </a-tooltip>
+  </div>
 </template>
+<script>
+export default {
+  data() {
+    return {
+      show: true,
+    };
+  },
+};
+</script>