feat: add resize directive (#2167)

* feat: add resize directive

* fix: update

packages/directives/index.ts

@@ -2,3 +2,4 @@ export { default as ClickOutside } from './click-outside'
 export { default as RepeatClick } from './repeat-click'
 export { default as TrapFocus } from './trap-focus'
 export { default as Mousewheel } from './mousewheel'
+export { default as Resize } from './resize'

packages/directives/resize/index.ts

@@ -0,0 +1,17 @@
+import { addResizeListener, removeResizeListener } from '@element-plus/utils/resize-event'
+
+import type { ObjectDirective } from 'vue'
+
+const Resize: ObjectDirective = {
+  beforeMount(el, binding) {
+    el._handleResize = () => {
+      el && binding.value?.()
+    }
+    addResizeListener(el, el._handleResize)
+  },
+  beforeUnmount(el) {
+    removeResizeListener(el, el._handleResize)
+  },
+}
+
+export default Resize