diff --git a/packages/__tests__/mock.ts b/packages/__tests__/mock.ts
index ba9a4d31fe..6b475becbc 100644
--- a/packages/__tests__/mock.ts
+++ b/packages/__tests__/mock.ts
@@ -1,3 +1,3 @@
-export const IMAGE_SUCCESS = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFmklEQVR4Xu2ba2wUVRTH/2cWtlaooFQwKpr4CkESTQBNUAkodGeaKFGD2u6WGPyAmmAEEZmpj1VhBghE/KKGBIztDIXAByWBnQ1oQREfARNiDDHiF1+ooBiksVt295hFiqSdxx3KdmcH5uv+z+3//O65c19TwgX+0AWePy4CuFgBISCQ3J6+DFLuVQKmg2k4gK3xuvwr6+9e+Xe57YViCCRttY1ALX2S/asIPLRB1jvLCSEUAFK2egKgYf0T5a6TxdhtmxqXfl8uCBUHMHfP4rqeE0OOeyS4w5T1hsgCmLNTvaWYp299EpxoyvpX5YBQ8QpotlvvkMBfeCbHvMpUjOejCSCjPSYROrySY/B+SzYmRRJA0tZWEfCcJwBGz81yvDZN6eL5hlDxIZCyta8BTPBLjIv5sVbjyp/8dEF/ryiAlL3kJkD6TsQ0STS5vWHZPhFtEE1FAYiUf28yBaZ7OpRle4IkJ6KtGIDZexfU1hyv/QXASBGjBeYpHYrxmYg2iKZiAFIZdSGIVouaLVJx0obE8v2ielFdRQA83pkemc/lDgE0StRopF6CSVuzCGgWTb6ku7T+aHztpLUng8SIaAe9ApJ265MEflvE3P8a/t2UjTHBYsTUgwqgKauOk4p0gAhxMXunVcwfmYpxX6AYQfGgAWjqTNdL3bndRDRe0NsZGYPXWLKxIGiciH5QAJye8r4UWfE5mWbCE1ZCXy+SUFBN2QEo2+fXjKK6zSDcH9Rcr55i0vj2mUsPnmu8V1xZAZxKXhq+G6A7z9U8Mx+zFOOKc433iysbgNKYj3XnNoHoXj8T3r/z+6ZsPDiwNtyjHQE07dTGSAU8QkX4LlSY6Ndh9UfWnT1Ht2QXjeZifC8INw7UOAMfE2MgB6NdhaFo65ih/+bkxRFAMqPuIaK7xM3zu6ZszO3Vt2S1CcwobXPD8TAfoZjU6LSb7AdgWmd6yLW5nqArrm5T1mtDC+A/Y3tNWe/XqY4VkLK1fwBcItp9DGZLNqQwA2DmgiUbQ0Hgs/NyBpBRD4PoqigBKOWSGxuv2XxruscXQNJWDxJoXJQAMPCnJev9XuouQ0D9PMjcXQ1DAIx9pqJP7tupLrOAZhMhEaUKAGOjqehNYgBsdSOBHo0UAOBlU9ZfFwOQUd8honmRAsA8y1SMrWIAbHUFgRZHCUCe6LqNiWU/igHIaCoR9KgAYMZRS9GvFF4Kp7LqU2B6KzoAeKulGLOEASRtrZkAK0IAVEsxlgsDaM6ojRLRtqgAIImntTcYu4UBpLKtU8D8aRQAMJD/uSZeu2t6Oi8MILldHU8SfRMFAG67wN7cHFeCcz5svaZ4koWvosO9FGbdlI1Wt850BNCSXTSMOX4iEhVAaDAT+o5AAEriVEYrgHBmj+8FI7QVwJzLjei+fPOUN0rnG46P66FoMqMdIUK9SBWEGIDvjZIrgFRGOyR6qBlWAMzQLEU3vDrRvQJsdR+BJlZzBYh8VuM1BHYSQehCMpwVwF1mwqjrewYotBk69RK0tS0AHq7eChC7UPEYAto6As6c9VfdLED8tJkwfL9DcH8J2upqgBZWbwXgalPWD/v59wCgvQTgNb8GSr+H7x3AB0zZuF3EuyuA5oz6jET0pkgjYQPAzEstxSh1oO/jVQFzALzn20IIK0CKFa5vm7niBxHvHgsh9QEQfSDSSP8KWDSaOe54GyvS3sA0vMuUjemibbgPgWzrVInZ8RChb+N9AQSdRkXNiul4qikbn4hp4f5/g7N3vDAiXpCOEcj/IwpG0VT02Nl/9NSOshjvGMinMaJJ9OqYeYulGLODxHkml7TVZ8GYT0Q3uDfKXQxaY8n6i06aZnvJDGKaB8JMAo0IYk5UW7r5BbAtNhRz22YYf4jGlXT+vRuktSrUXgRQhZ12Xi1f8BXwL38cy1+mrtJNAAAAAElFTkSuQmCC';
+export const IMAGE_SUCCESS = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFmklEQVR4Xu2ba2wUVRTH/2cWtlaooFQwKpr4CkESTQBNUAkodGeaKFGD2u6WGPyAmmAEEZmpj1VhBghE/KKGBIztDIXAByWBnQ1oQREfARNiDDHiF1+ooBiksVt295hFiqSdxx3KdmcH5uv+z+3//O65c19TwgX+0AWePy4CuFgBISCQ3J6+DFLuVQKmg2k4gK3xuvwr6+9e+Xe57YViCCRttY1ALX2S/asIPLRB1jvLCSEUAFK2egKgYf0T5a6TxdhtmxqXfl8uCBUHMHfP4rqeE0OOeyS4w5T1hsgCmLNTvaWYp299EpxoyvpX5YBQ8QpotlvvkMBfeCbHvMpUjOejCSCjPSYROrySY/B+SzYmRRJA0tZWEfCcJwBGz81yvDZN6eL5hlDxIZCyta8BTPBLjIv5sVbjyp/8dEF/ryiAlL3kJkD6TsQ0STS5vWHZPhFtEE1FAYiUf28yBaZ7OpRle4IkJ6KtGIDZexfU1hyv/QXASBGjBeYpHYrxmYg2iKZiAFIZdSGIVouaLVJx0obE8v2ielFdRQA83pkemc/lDgE0StRopF6CSVuzCGgWTb6ku7T+aHztpLUng8SIaAe9ApJ265MEflvE3P8a/t2UjTHBYsTUgwqgKauOk4p0gAhxMXunVcwfmYpxX6AYQfGgAWjqTNdL3bndRDRe0NsZGYPXWLKxIGiciH5QAJye8r4UWfE5mWbCE1ZCXy+SUFBN2QEo2+fXjKK6zSDcH9Rcr55i0vj2mUsPnmu8V1xZAZxKXhq+G6A7z9U8Mx+zFOOKc433iysbgNKYj3XnNoHoXj8T3r/z+6ZsPDiwNtyjHQE07dTGSAU8QkX4LlSY6Ndh9UfWnT1Ht2QXjeZifC8INw7UOAMfE2MgB6NdhaFo65ih/+bkxRFAMqPuIaK7xM3zu6ZszO3Vt2S1CcwobXPD8TAfoZjU6LSb7AdgWmd6yLW5nqArrm5T1mtDC+A/Y3tNWe/XqY4VkLK1fwBcItp9DGZLNqQwA2DmgiUbQ0Hgs/NyBpBRD4PoqigBKOWSGxuv2XxruscXQNJWDxJoXJQAMPCnJev9XuouQ0D9PMjcXQ1DAIx9pqJP7tupLrOAZhMhEaUKAGOjqehNYgBsdSOBHo0UAOBlU9ZfFwOQUd8honmRAsA8y1SMrWIAbHUFgRZHCUCe6LqNiWU/igHIaCoR9KgAYMZRS9GvFF4Kp7LqU2B6KzoAeKulGLOEASRtrZkAK0IAVEsxlgsDaM6ojRLRtqgAIImntTcYu4UBpLKtU8D8aRQAMJD/uSZeu2t6Oi8MILldHU8SfRMFAG67wN7cHFeCcz5svaZ4koWvosO9FGbdlI1Wt850BNCSXTSMOX4iEhVAaDAT+o5AAEriVEYrgHBmj+8FI7QVwJzLjei+fPOUN0rnG46P66FoMqMdIUK9SBWEGIDvjZIrgFRGOyR6qBlWAMzQLEU3vDrRvQJsdR+BJlZzBYh8VuM1BHYSQehCMpwVwF1mwqjrewYotBk69RK0tS0AHq7eChC7UPEYAto6As6c9VfdLED8tJkwfL9DcH8J2upqgBZWbwXgalPWD/v59wCgvQTgNb8GSr+H7x3AB0zZuF3EuyuA5oz6jET0pkgjYQPAzEstxSh1oO/jVQFzALzn20IIK0CKFa5vm7niBxHvHgsh9QEQfSDSSP8KWDSaOe54GyvS3sA0vMuUjemibbgPgWzrVInZ8RChb+N9AQSdRkXNiul4qikbn4hp4f5/g7N3vDAiXpCOEcj/IwpG0VT02Nl/9NSOshjvGMinMaJJ9OqYeYulGLODxHkml7TVZ8GYT0Q3uDfKXQxaY8n6i06aZnvJDGKaB8JMAo0IYk5UW7r5BbAtNhRz22YYf4jGlXT+vRuktSrUXgRQhZ12Xi1f8BXwL38cy1+mrtJNAAAAAElFTkSuQmCC'
 
-export const IMAGE_FAIL = 'data:image/png;base64,fail';
+export const IMAGE_FAIL = 'data:image/png;base64,fail'
diff --git a/packages/avatar/__tests__/avatar.spec.ts b/packages/avatar/__tests__/avatar.spec.ts
index efc3f8327c..c1065332b9 100644
--- a/packages/avatar/__tests__/avatar.spec.ts
+++ b/packages/avatar/__tests__/avatar.spec.ts
@@ -1,13 +1,13 @@
 import { mount } from '@vue/test-utils'
 import { nextTick } from 'vue'
 import Avatar from '../src/index.vue'
-import {IMAGE_SUCCESS, IMAGE_FAIL} from '../../__tests__/mock'
+import { IMAGE_SUCCESS, IMAGE_FAIL } from '../../__tests__/mock'
 
 beforeAll(() => {
   Object.defineProperty(global.Image.prototype, 'src', {
     set(src) {
       const event = new Event(
-        src === IMAGE_FAIL ? 'error' : 'load'
+        src === IMAGE_FAIL ? 'error' : 'load',
       )
       nextTick(() => this.dispatchEvent(event))
     },
@@ -22,28 +22,28 @@ describe('Avatar.vue', () => {
 
   test('size is number', () => {
     const wrapper = mount(Avatar, {
-      props: { size: 50},
+      props: { size: 50 },
     })
     expect(wrapper.attributes('style')).toContain('height: 50px')
   })
 
   test('size is string', () => {
     const wrapper = mount(Avatar, {
-      props: { size: 'small'},
+      props: { size: 'small' },
     })
     expect(wrapper.classes()).toContain('el-avatar--small')
   })
 
   test('shape', () => {
     const wrapper = mount(Avatar, {
-      props: { size: 'small', shape: 'square'},
+      props: { size: 'small', shape: 'square' },
     })
     expect(wrapper.classes()).toContain('el-avatar--square')
   })
 
   test('icon avatar', () => {
     const wrapper = mount(Avatar, {
-      props: { icon: 'el-icon-user-solid'},
+      props: { icon: 'el-icon-user-solid' },
     })
     expect(wrapper.classes()).toContain('el-avatar--icon')
     expect(wrapper.find('i').classes()).toContain('el-icon-user-solid')
@@ -51,15 +51,15 @@ describe('Avatar.vue', () => {
 
   test('image avatar', () => {
     const wrapper = mount(Avatar, {
-      props: { src: IMAGE_SUCCESS},
+      props: { src: IMAGE_SUCCESS },
     })
     expect(wrapper.find('img').exists()).toBe(true)
   })
 
   test('image fallback', async () => {
     const wrapper = mount(Avatar, {
-      props: { src: IMAGE_FAIL},
-      slots: {default: 'fallback'}
+      props: { src: IMAGE_FAIL },
+      slots: { default: 'fallback' },
     })
     await nextTick()
     expect(wrapper.emitted('error')).toBeDefined()
@@ -70,7 +70,7 @@ describe('Avatar.vue', () => {
 
   test('image fit', () => {
     const fits = ['fill', 'contain', 'cover', 'none', 'scale-down']
-    for (let fit of fits) {
+    for (const fit of fits) {
       const wrapper = mount(Avatar, {
         props: { fit, src: IMAGE_SUCCESS },
       })
diff --git a/packages/avatar/doc/index.stories.ts b/packages/avatar/doc/index.stories.ts
index 87a0fddf5b..2f4767cf48 100644
--- a/packages/avatar/doc/index.stories.ts
+++ b/packages/avatar/doc/index.stories.ts
@@ -2,8 +2,8 @@ export default {
   title: 'Avatar',
 }
 
-export {default as BasicUsage} from './basic.vue'
-export {default as FitAvatarContainer} from './fit-container.vue'
+export { default as BasicUsage } from './basic.vue'
+export { default as FitAvatarContainer } from './fit-container.vue'
 
 export const differentAvatarTypes = () => `
 <div class="demo-type">
diff --git a/packages/utils/resize-event.ts b/packages/utils/resize-event.ts
index a3b4197fe5..e4c663f461 100644
--- a/packages/utils/resize-event.ts
+++ b/packages/utils/resize-event.ts
@@ -2,8 +2,8 @@ import ResizeObserver from 'resize-observer-polyfill'
 import isServer from './isServer'
 
 type ResizableElement = CustomizedHTMLElement<{
-  __resizeListeners__: Array<(...args: unknown[]) => unknown>;
-  __ro__: ResizeObserver;
+  __resizeListeners__: Array<(...args: unknown[]) => unknown>
+  __ro__: ResizeObserver
 }>;
 
 /* istanbul ignore next */
diff --git a/packages/utils/util.ts b/packages/utils/util.ts
index 0077a3c12e..0e6e2a2eaf 100644
--- a/packages/utils/util.ts
+++ b/packages/utils/util.ts
@@ -32,9 +32,9 @@ export const getValueByPath = (obj: Any, paths = ''): unknown => {
 }
 
 export function getPropByPath(obj: Any, path: string, strict: boolean): {
-  o: unknown,
-  k: string,
-  v: Nullable<unknown>,
+  o: unknown
+  k: string
+  v: Nullable<unknown>
 } {
   // we can't use any here, the only option here is unknown
   let tempObj: unknown = obj