diff --git a/examples/versions.json b/examples/versions.json
index 0e383bb1b..8442a372e 100644
--- a/examples/versions.json
+++ b/examples/versions.json
@@ -1 +1 @@
-{"1.4.13":"1.4","2.0.11":"2.0","2.1.0":"2.1","2.2.2":"2.2","2.3.9":"2.3","2.4.11":"2.4","2.5.4":"2.5","2.6.3":"2.6","2.7.2":"2.7","2.8.2":"2.8","2.9.2":"2.9","2.10.1":"2.10","2.11.1":"2.11","2.12.0":"2.12","0.0.13":"2.13"}
\ No newline at end of file
+{"1.4.13":"1.4","2.0.11":"2.0","2.1.0":"2.1","2.2.2":"2.2","2.3.9":"2.3","2.4.11":"2.4","2.5.4":"2.5","2.6.3":"2.6","2.7.2":"2.7","2.8.2":"2.8","2.9.2":"2.9","2.10.1":"2.10","2.11.1":"2.11","2.12.0":"2.12","0.0.18":"2.13"}
\ No newline at end of file
diff --git a/packages/autocomplete/src/autocomplete-suggestions.vue b/packages/autocomplete/src/autocomplete-suggestions.vue
index 3cb28f877..877073be9 100644
--- a/packages/autocomplete/src/autocomplete-suggestions.vue
+++ b/packages/autocomplete/src/autocomplete-suggestions.vue
@@ -21,9 +21,9 @@
   </transition>
 </template>
 <script>
-import Popper from 'element-ui/src/utils/vue-popper'
-import Emitter from 'element-ui/src/mixins/emitter'
-import ElScrollbar from 'element-ui/packages/scrollbar'
+import Popper from '../../../src/utils/vue-popper'
+import Emitter from '../../../src/mixins/emitter'
+import ElScrollbar from '../../scrollbar'
 
 export default {
   components: { ElScrollbar },
diff --git a/packages/autocomplete/src/autocomplete.vue b/packages/autocomplete/src/autocomplete.vue
index 8570b4d82..355369fb6 100644
--- a/packages/autocomplete/src/autocomplete.vue
+++ b/packages/autocomplete/src/autocomplete.vue
@@ -60,13 +60,13 @@
 </template>
 <script>
 import { debounce } from 'throttle-debounce'
-import ElInput from 'element-ui/packages/input'
-import Clickoutside from 'element-ui/src/utils/clickoutside'
+import ElInput from '../../input'
+import Clickoutside from '../../../src/utils/clickoutside'
 import ElAutocompleteSuggestions from './autocomplete-suggestions.vue'
-import Emitter from 'element-ui/src/mixins/emitter'
-import Migrating from 'element-ui/src/mixins/migrating'
-import { generateId } from 'element-ui/src/utils/util'
-import Focus from 'element-ui/src/mixins/focus'
+import Emitter from '../../../src/mixins/emitter'
+import Migrating from '../../../src/mixins/migrating'
+import { generateId } from '../../../src/utils/util'
+import Focus from '../../../src/mixins/focus'
 
 export default {
   name: 'ElAutocomplete',
diff --git a/packages/calendar/Calendar.vue b/packages/calendar/Calendar.vue
index a3d740c66..de3b9ad21 100644
--- a/packages/calendar/Calendar.vue
+++ b/packages/calendar/Calendar.vue
@@ -46,12 +46,12 @@
 </template>
 
 <script>
-import { useLocale } from 'element-ui/src/use/locale'
-import fecha from 'element-ui/src/utils/date'
-import ElButton from 'element-ui/packages/button'
-import ElButtonGroup from 'element-ui/packages/button-group'
+import { useLocale } from '../../src/use/locale'
+import fecha from '../../src/utils/date'
+import ElButton from '../button'
+import ElButtonGroup from '../button-group'
 import DateTable from './DateTable'
-import { validateRangeInOneMonth } from 'element-ui/src/utils/date-util'
+import { validateRangeInOneMonth } from '../../src/utils/date-util'
 import { reactive, provide, computed, toRefs, getCurrentInstance } from 'vue'
 
 const validTypes = ['prev-month', 'today', 'next-month']
diff --git a/packages/calendar/DateTable.vue b/packages/calendar/DateTable.vue
index 04c6d0921..f25964827 100644
--- a/packages/calendar/DateTable.vue
+++ b/packages/calendar/DateTable.vue
@@ -1,5 +1,5 @@
 <script lang="jsx">
-import fecha from 'element-ui/src/utils/date'
+import fecha from '../../src/utils/date'
 import {
   range as rangeArr,
   getFirstDayOfMonth,
@@ -7,7 +7,7 @@ import {
   getMonthDays,
   getI18nSettings,
   validateRangeInOneMonth
-} from 'element-ui/src/utils/date-util'
+} from '../../src/utils/date-util'
 import { ref, computed, inject, getCurrentInstance, toRefs } from 'vue'
 
 export default {
diff --git a/packages/carousel-item/CarouselItem.vue b/packages/carousel-item/CarouselItem.vue
index e051274bd..d160c92bd 100644
--- a/packages/carousel-item/CarouselItem.vue
+++ b/packages/carousel-item/CarouselItem.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import { autoprefixer } from 'element-ui/src/utils/util'
+import { autoprefixer } from '../../src/utils/util'
 import {
   reactive,
   toRefs,
diff --git a/packages/carousel/Carousel.vue b/packages/carousel/Carousel.vue
index 27c1aee73..d24c942c4 100644
--- a/packages/carousel/Carousel.vue
+++ b/packages/carousel/Carousel.vue
@@ -68,7 +68,7 @@ import {
   onUnmounted
 } from 'vue'
 import { throttle } from 'throttle-debounce'
-import { useResizeEvent } from 'element-ui/src/utils/resize-event'
+import { useResizeEvent } from '../../src/utils/resize-event'
 
 export default {
   name: 'ElCarousel',
diff --git a/packages/cascader-panel/CascaderMenu.vue b/packages/cascader-panel/CascaderMenu.vue
index b174c28ef..b0bfa417e 100644
--- a/packages/cascader-panel/CascaderMenu.vue
+++ b/packages/cascader-panel/CascaderMenu.vue
@@ -35,10 +35,10 @@
 
 <script>
 import { ref, computed, toRefs, inject, getCurrentInstance } from 'vue'
-import ElScrollbar from 'element-ui/packages/scrollbar'
+import ElScrollbar from '../scrollbar'
 import CascaderNode from './CascaderNode'
-import { useLocale } from 'element-ui/src/use/locale'
-import { generateId } from 'element-ui/src/utils/util'
+import { useLocale } from '../../src/use/locale'
+import { generateId } from '../../src/utils/util'
 
 export default {
   name: 'ElCascaderMenu',
diff --git a/packages/cascader-panel/CascaderNode.vue b/packages/cascader-panel/CascaderNode.vue
index 134bbd87e..17a7aa8d5 100644
--- a/packages/cascader-panel/CascaderNode.vue
+++ b/packages/cascader-panel/CascaderNode.vue
@@ -59,9 +59,9 @@
 
 <script>
 import { h, computed, watch, inject, toRefs, Fragment } from 'vue'
-import ElCheckbox from 'element-ui/packages/checkbox'
-import ElRadio from 'element-ui/packages/radio'
-import { isEqual } from 'element-ui/src/utils/util'
+import ElCheckbox from '../checkbox'
+import ElRadio from '../radio'
+import { isEqual } from '../../src/utils/util'
 
 export default {
   components: {
diff --git a/packages/cascader-panel/CascaderPanel.vue b/packages/cascader-panel/CascaderPanel.vue
index 2dc5709b4..bad9727e1 100644
--- a/packages/cascader-panel/CascaderPanel.vue
+++ b/packages/cascader-panel/CascaderPanel.vue
@@ -30,16 +30,16 @@ import {
 } from 'vue'
 import CascaderMenu from './CascaderMenu'
 import Store from './Store'
-import merge from 'element-ui/src/utils/merge'
-import AriaUtils from 'element-ui/src/utils/aria-utils'
-import scrollIntoView from 'element-ui/src/utils/scroll-into-view'
+import merge from '../../src/utils/merge'
+import AriaUtils from '../../src/utils/aria-utils'
+import scrollIntoView from '../../src/utils/scroll-into-view'
 import {
   noop,
   coerceTruthyValueToArray,
   isEqual,
   isEmpty,
   valueEquals
-} from 'element-ui/src/utils/util'
+} from '../../src/utils/util'
 
 const { keys: KeyCode } = AriaUtils
 const DefaultProps = {
diff --git a/packages/cascader-panel/Node.js b/packages/cascader-panel/Node.js
index 927e0f720..8967b6678 100644
--- a/packages/cascader-panel/Node.js
+++ b/packages/cascader-panel/Node.js
@@ -1,5 +1,5 @@
-import { isEqual, capitalize } from 'element-ui/src/utils/util'
-import { isDef } from 'element-ui/src/utils/shared'
+import { isEqual, capitalize } from '../../src/utils/util'
+import { isDef } from '../../src/utils/shared'
 
 let uid = 0
 
diff --git a/packages/cascader-panel/Store.js b/packages/cascader-panel/Store.js
index 6dd1e672b..1e02b2fce 100644
--- a/packages/cascader-panel/Store.js
+++ b/packages/cascader-panel/Store.js
@@ -1,8 +1,5 @@
 import Node from './Node'
-import {
-  coerceTruthyValueToArray,
-  valueEquals
-} from 'element-ui/src/utils/util'
+import { coerceTruthyValueToArray, valueEquals } from '../../src/utils/util'
 
 const flatNodes = (data, leafOnly) => {
   return data.reduce((res, node) => {
diff --git a/packages/cascader/Cascader.vue b/packages/cascader/Cascader.vue
index 3963e3ce9..3f3bd9591 100644
--- a/packages/cascader/Cascader.vue
+++ b/packages/cascader/Cascader.vue
@@ -134,23 +134,23 @@ import {
   onMounted,
   onUnmounted
 } from 'vue'
-import Popper from 'element-ui/src/utils/vue-popper'
-import { useEmitter } from 'element-ui/src/use/emitter'
-import { migrating } from 'element-ui/src/use/migrating'
-import Clickoutside from 'element-ui/src/directives/clickoutside'
-import ElInput from 'element-ui/packages/input'
-import ElTag from 'element-ui/packages/tag'
-import ElScrollbar from 'element-ui/packages/scrollbar'
-import ElCascaderPanel from 'element-ui/packages/cascader-panel'
-import AriaUtils from 'element-ui/src/utils/aria-utils'
-import { t } from 'element-ui/src/locale'
-import { isEqual, isEmpty, kebabCase } from 'element-ui/src/utils/util'
-import { isDef } from 'element-ui/src/utils/shared'
-import { useLocale } from 'element-ui/src/use/locale'
+import Popper from '../../src/utils/vue-popper'
+import { useEmitter } from '../../src/use/emitter'
+import { migrating } from '../../src/use/migrating'
+import Clickoutside from '../../src/directives/clickoutside'
+import ElInput from '../input'
+import ElTag from '../tag'
+import ElScrollbar from '../scrollbar'
+import ElCascaderPanel from '../cascader-panel'
+import AriaUtils from '../../src/utils/aria-utils'
+import { t } from '../../src/locale'
+import { isEqual, isEmpty, kebabCase } from '../../src/utils/util'
+import { isDef } from '../../src/utils/shared'
+import { useLocale } from '../../src/use/locale'
 import {
   addResizeListener,
   removeResizeListener
-} from 'element-ui/src/utils/resize-event'
+} from '../../src/utils/resize-event'
 import { debounce } from 'throttle-debounce'
 
 const { keys: KeyCode } = AriaUtils
diff --git a/packages/checkbox-group/CheckboxGroup.vue b/packages/checkbox-group/CheckboxGroup.vue
index 08ea82d77..30d4fe9fd 100644
--- a/packages/checkbox-group/CheckboxGroup.vue
+++ b/packages/checkbox-group/CheckboxGroup.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { useEmitter } from 'element-ui/src/use/emitter'
+import { useEmitter } from '../../src/use/emitter'
 import { provide, getCurrentInstance, computed, inject } from 'vue'
 export default {
   name: 'ElCheckboxGroup',
diff --git a/packages/color-picker/src/components/picker-dropdown.vue b/packages/color-picker/src/components/picker-dropdown.vue
index a2a6debc4..985832bb0 100644
--- a/packages/color-picker/src/components/picker-dropdown.vue
+++ b/packages/color-picker/src/components/picker-dropdown.vue
@@ -72,16 +72,16 @@ import {
   watch
 } from 'vue'
 
-import { popperProps, usePopper } from 'element-ui/src/use/popper.js'
-import { useLocale } from 'element-ui/src/use/locale.js'
+import { popperProps, usePopper } from '../../../../src/use/popper.js'
+import { useLocale } from '../../../../src/use/locale.js'
 import SvPanel from './sv-panel'
 import HueSlider from './hue-slider'
 import AlphaSlider from './alpha-slider'
 import Predefine from './predefine'
-// import Popper from 'element-ui/src/utils/vue-popper'
-// import Locale from 'element-ui/src/mixins/locale'
-import ElInput from 'element-ui/packages/input'
-import ElButton from 'element-ui/packages/button'
+// import Popper from '../../../../src/utils/vue-popper'
+// import Locale from '../../../../src/mixins/locale'
+import ElInput from '../../../input'
+import ElButton from '../../../button'
 
 export default {
   name: 'el-color-picker-dropdown',
diff --git a/packages/color-picker/src/main.vue b/packages/color-picker/src/main.vue
index ee8327866..ed454beb2 100644
--- a/packages/color-picker/src/main.vue
+++ b/packages/color-picker/src/main.vue
@@ -55,8 +55,8 @@ import {
 
 import Color from './color'
 import PickerDropdown from './components/picker-dropdown.vue'
-import Clickoutside from 'element-ui/src/directives/clickoutside'
-import { useEmitter } from 'element-ui/src/use/emitter'
+import Clickoutside from '../../../src/directives/clickoutside'
+import { useEmitter } from '../../../src/use/emitter'
 
 export default {
   name: 'ElColorPicker',
diff --git a/packages/date-picker/src/basic/date-table.vue b/packages/date-picker/src/basic/date-table.vue
index 4658b38e2..3daf73124 100644
--- a/packages/date-picker/src/basic/date-table.vue
+++ b/packages/date-picker/src/basic/date-table.vue
@@ -42,13 +42,13 @@ import {
   nextDate,
   isDate,
   clearTime as _clearTime
-} from 'element-ui/src/utils/date-util'
-import Locale from 'element-ui/src/mixins/locale'
+} from '../../../../src/utils/date-util'
+import Locale from '../../../../src/mixins/locale'
 import {
   arrayFindIndex,
   arrayFind,
   coerceTruthyValueToArray
-} from 'element-ui/src/utils/util'
+} from '../../../../src/utils/util'
 
 const WEEKS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat']
 const getDateTimestamp = function (time) {
diff --git a/packages/date-picker/src/basic/month-table.vue b/packages/date-picker/src/basic/month-table.vue
index 5958fbc28..f51727c7f 100644
--- a/packages/date-picker/src/basic/month-table.vue
+++ b/packages/date-picker/src/basic/month-table.vue
@@ -19,19 +19,19 @@
 </template>
 
 <script type="text/babel">
-import Locale from 'element-ui/src/mixins/locale'
+import Locale from '../../../../src/mixins/locale'
 import {
   isDate,
   range,
   getDayCountOfMonth,
   nextDate
-} from 'element-ui/src/utils/date-util'
-import { hasClass } from 'element-ui/src/utils/dom'
+} from '../../../../src/utils/date-util'
+import { hasClass } from '../../../../src/utils/dom'
 import {
   arrayFindIndex,
   coerceTruthyValueToArray,
   arrayFind
-} from 'element-ui/src/utils/util'
+} from '../../../../src/utils/util'
 
 const datesInMonth = (year, month) => {
   const numOfDays = getDayCountOfMonth(year, month)
diff --git a/packages/date-picker/src/basic/time-spinner.vue b/packages/date-picker/src/basic/time-spinner.vue
index cbdf9b953..cd0afd1dd 100644
--- a/packages/date-picker/src/basic/time-spinner.vue
+++ b/packages/date-picker/src/basic/time-spinner.vue
@@ -149,9 +149,9 @@ import {
   getRangeHours,
   getRangeMinutes,
   modifyTime
-} from 'element-ui/src/utils/date-util'
-import ElScrollbar from 'element-ui/packages/scrollbar'
-import RepeatClick from 'element-ui/src/directives/repeatClick'
+} from '../../../../src/utils/date-util'
+import ElScrollbar from '../../../scrollbar'
+import RepeatClick from '../../../../src/directives/repeatClick'
 
 export default {
   components: { ElScrollbar },
diff --git a/packages/date-picker/src/basic/year-table.vue b/packages/date-picker/src/basic/year-table.vue
index c50a20c10..8fbe6828b 100644
--- a/packages/date-picker/src/basic/year-table.vue
+++ b/packages/date-picker/src/basic/year-table.vue
@@ -44,17 +44,17 @@
 </template>
 
 <script type="text/babel">
-import { hasClass } from 'element-ui/src/utils/dom'
+import { hasClass } from '../../../../src/utils/dom'
 import {
   isDate,
   range,
   nextDate,
   getDayCountOfYear
-} from 'element-ui/src/utils/date-util'
+} from '../../../../src/utils/date-util'
 import {
   arrayFindIndex,
   coerceTruthyValueToArray
-} from 'element-ui/src/utils/util'
+} from '../../../../src/utils/util'
 
 const datesInYear = (year) => {
   const numOfDays = getDayCountOfYear(year)
diff --git a/packages/date-picker/src/panel/date-range.vue b/packages/date-picker/src/panel/date-range.vue
index d9cec7f0a..e6b9651ec 100644
--- a/packages/date-picker/src/panel/date-range.vue
+++ b/packages/date-picker/src/panel/date-range.vue
@@ -237,13 +237,13 @@ import {
   nextDate,
   extractDateFormat,
   extractTimeFormat
-} from 'element-ui/src/utils/date-util'
-import Clickoutside from 'element-ui/src/utils/clickoutside'
-import Locale from 'element-ui/src/mixins/locale'
+} from '../../../../src/utils/date-util'
+import Clickoutside from '../../../../src/utils/clickoutside'
+import Locale from '../../../../src/mixins/locale'
 import TimePicker from './time'
 import DateTable from '../basic/date-table'
-import ElInput from 'element-ui/packages/input'
-import ElButton from 'element-ui/packages/button'
+import ElInput from '../../../input'
+import ElButton from '../../../button'
 
 const calcDefaultValue = (defaultValue) => {
   if (Array.isArray(defaultValue)) {
diff --git a/packages/date-picker/src/panel/date.vue b/packages/date-picker/src/panel/date.vue
index d2d6d8fc2..cb78f8684 100644
--- a/packages/date-picker/src/panel/date.vue
+++ b/packages/date-picker/src/panel/date.vue
@@ -192,11 +192,11 @@ import {
   extractDateFormat,
   extractTimeFormat,
   timeWithinRange
-} from 'element-ui/src/utils/date-util'
-import Clickoutside from 'element-ui/src/utils/clickoutside'
-import Locale from 'element-ui/src/mixins/locale'
-import ElInput from 'element-ui/packages/input'
-import ElButton from 'element-ui/packages/button'
+} from '../../../../src/utils/date-util'
+import Clickoutside from '../../../../src/utils/clickoutside'
+import Locale from '../../../../src/mixins/locale'
+import ElInput from '../../../input'
+import ElButton from '../../../button'
 import TimePicker from './time'
 import YearTable from '../basic/year-table'
 import MonthTable from '../basic/month-table'
diff --git a/packages/date-picker/src/panel/month-range.vue b/packages/date-picker/src/panel/month-range.vue
index e383770dc..fd45dcd40 100644
--- a/packages/date-picker/src/panel/month-range.vue
+++ b/packages/date-picker/src/panel/month-range.vue
@@ -101,12 +101,12 @@ import {
   prevYear,
   nextYear,
   nextMonth
-} from 'element-ui/src/utils/date-util'
-import Clickoutside from 'element-ui/src/utils/clickoutside'
-import Locale from 'element-ui/src/mixins/locale'
+} from '../../../../src/utils/date-util'
+import Clickoutside from '../../../../src/utils/clickoutside'
+import Locale from '../../../../src/mixins/locale'
 import MonthTable from '../basic/month-table'
-import ElInput from 'element-ui/packages/input'
-import ElButton from 'element-ui/packages/button'
+import ElInput from '../../../input'
+import ElButton from '../../../button'
 
 const calcDefaultValue = (defaultValue) => {
   if (Array.isArray(defaultValue)) {
diff --git a/packages/date-picker/src/panel/time-range.vue b/packages/date-picker/src/panel/time-range.vue
index d509e9b35..76f6ebe78 100644
--- a/packages/date-picker/src/panel/time-range.vue
+++ b/packages/date-picker/src/panel/time-range.vue
@@ -75,8 +75,8 @@ import {
   modifyDate,
   clearMilliseconds,
   timeWithinRange
-} from 'element-ui/src/utils/date-util'
-import Locale from 'element-ui/src/mixins/locale'
+} from '../../../../src/utils/date-util'
+import Locale from '../../../../src/mixins/locale'
 import TimeSpinner from '../basic/time-spinner'
 
 const MIN_TIME = parseDate('00:00:00', 'HH:mm:ss')
diff --git a/packages/date-picker/src/panel/time-select.vue b/packages/date-picker/src/panel/time-select.vue
index 0501f3e8d..6758bb4ec 100644
--- a/packages/date-picker/src/panel/time-select.vue
+++ b/packages/date-picker/src/panel/time-select.vue
@@ -32,8 +32,8 @@
 </template>
 
 <script type="text/babel">
-import ElScrollbar from 'element-ui/packages/scrollbar'
-import scrollIntoView from 'element-ui/src/utils/scroll-into-view'
+import ElScrollbar from '../../../scrollbar'
+import scrollIntoView from '../../../../src/utils/scroll-into-view'
 
 const parseTime = function (time) {
   const values = (time || '').split(':')
diff --git a/packages/date-picker/src/panel/time.vue b/packages/date-picker/src/panel/time.vue
index 93e8b1894..09e10e189 100644
--- a/packages/date-picker/src/panel/time.vue
+++ b/packages/date-picker/src/panel/time.vue
@@ -43,8 +43,8 @@ import {
   isDate,
   clearMilliseconds,
   timeWithinRange
-} from 'element-ui/src/utils/date-util'
-import Locale from 'element-ui/src/mixins/locale'
+} from '../../../../src/utils/date-util'
+import Locale from '../../../../src/mixins/locale'
 import TimeSpinner from '../basic/time-spinner'
 
 export default {
diff --git a/packages/date-picker/src/picker.vue b/packages/date-picker/src/picker.vue
index c9b22e0ba..e43fa22d3 100644
--- a/packages/date-picker/src/picker.vue
+++ b/packages/date-picker/src/picker.vue
@@ -90,17 +90,17 @@
 </template>
 
 <script>
-import Clickoutside from 'element-ui/src/utils/clickoutside'
+import Clickoutside from '../../../src/utils/clickoutside'
 import {
   formatDate,
   parseDate,
   isDateObject,
   getWeekNumber
-} from 'element-ui/src/utils/date-util'
-import Popper from 'element-ui/src/utils/vue-popper'
-import Emitter from 'element-ui/src/mixins/emitter'
-import ElInput from 'element-ui/packages/input'
-import merge from 'element-ui/src/utils/merge'
+} from '../../../src/utils/date-util'
+import Popper from '../../../src/utils/vue-popper'
+import Emitter from '../../../src/mixins/emitter'
+import ElInput from '../../input'
+import merge from '../../../src/utils/merge'
 
 const NewPopper = {
   props: {
diff --git a/packages/drawer/Drawer.vue b/packages/drawer/Drawer.vue
index f2cc0e881..92b38b5e8 100644
--- a/packages/drawer/Drawer.vue
+++ b/packages/drawer/Drawer.vue
@@ -63,8 +63,8 @@ import {
   onMounted,
   onUnmounted
 } from 'vue'
-import { popupProps, usePopup } from 'element-ui/src/use/popup'
-import Utils from 'element-ui/src/utils/aria-utils'
+import { popupProps, usePopup } from '../../src/use/popup'
+import Utils from '../../src/utils/aria-utils'
 
 export default {
   name: 'ElDrawer',
diff --git a/packages/form-item/FormItem.vue b/packages/form-item/FormItem.vue
index 4bf04d991..6f2f186e1 100644
--- a/packages/form-item/FormItem.vue
+++ b/packages/form-item/FormItem.vue
@@ -66,9 +66,9 @@ import {
 } from 'vue'
 
 import AsyncValidator from 'async-validator'
-import { useEmitter } from 'element-ui/src/use/emitter'
-import objectAssign from 'element-ui/src/utils/merge'
-import { noop, getPropByPath } from 'element-ui/src/utils/util'
+import { useEmitter } from '../../src/use/emitter'
+import objectAssign from '../../src/utils/merge'
+import { noop, getPropByPath } from '../../src/utils/util'
 import LabelWrap from './LabelWrap.vue'
 export default {
   name: 'ElFormItem',
diff --git a/packages/form/Form.vue b/packages/form/Form.vue
index ff6f45b20..4f5c4bb6c 100644
--- a/packages/form/Form.vue
+++ b/packages/form/Form.vue
@@ -11,8 +11,8 @@
 </template>
 <script>
 import { reactive, computed, watch, toRefs, unref, provide } from 'vue'
-import { useEmitter } from 'element-ui/src/use/emitter'
-import objectAssign from 'element-ui/src/utils/merge'
+import { useEmitter } from '../../src/use/emitter'
+import objectAssign from '../../src/utils/merge'
 
 export default {
   name: 'ElForm',
diff --git a/packages/image/Image.vue b/packages/image/Image.vue
index 81c8efe87..c33697684 100644
--- a/packages/image/Image.vue
+++ b/packages/image/Image.vue
@@ -32,15 +32,10 @@
 
 <script>
 import ImageViewer from './ImageViewer'
-import { t } from 'element-ui/src/locale'
+import { t } from '../../src/locale'
 import { throttle } from 'throttle-debounce'
-import { isString, isHtmlElement } from 'element-ui/src/utils/types'
-import {
-  on,
-  off,
-  getScrollContainer,
-  isInContainer
-} from 'element-ui/src/utils/dom'
+import { isString, isHtmlElement } from '../../src/utils/types'
+import { on, off, getScrollContainer, isInContainer } from '../../src/utils/dom'
 import {
   ref,
   computed,
diff --git a/packages/image/ImageViewer.vue b/packages/image/ImageViewer.vue
index c523e35dc..6115b4dfe 100644
--- a/packages/image/ImageViewer.vue
+++ b/packages/image/ImageViewer.vue
@@ -63,8 +63,8 @@
 </template>
 
 <script>
-import { on, off } from 'element-ui/src/utils/dom'
-import { rafThrottle, isFirefox } from 'element-ui/src/utils/util'
+import { on, off } from '../../src/utils/dom'
+import { rafThrottle, isFirefox } from '../../src/utils/util'
 import { reactive, computed, ref, watch, nextTick, onMounted } from 'vue'
 const Mode = {
   CONTAIN: {
diff --git a/packages/infinite-scroll/src/main.js b/packages/infinite-scroll/src/main.js
index da2beb335..ced7b1026 100644
--- a/packages/infinite-scroll/src/main.js
+++ b/packages/infinite-scroll/src/main.js
@@ -1,10 +1,6 @@
 import { throttle } from 'throttle-debounce'
-import {
-  isHtmlElement,
-  isFunction,
-  isDefined
-} from 'element-ui/src/utils/types'
-import { getScrollContainer } from 'element-ui/src/utils/dom'
+import { isHtmlElement, isFunction, isDefined } from '../../../src/utils/types'
+import { getScrollContainer } from '../../../src/utils/dom'
 
 const getStyleComputedProperty = (element, property) => {
   if (element === window) {
diff --git a/packages/input-number/InputNumber.vue b/packages/input-number/InputNumber.vue
index 3c9183391..5071f12b8 100644
--- a/packages/input-number/InputNumber.vue
+++ b/packages/input-number/InputNumber.vue
@@ -49,9 +49,9 @@
   </div>
 </template>
 <script>
-import ElInput from 'element-ui/packages/input'
-import useFocus from 'element-ui/src/use/focus.js'
-import RepeatClick from 'element-ui/src/directives/repeatClick'
+import ElInput from '../input'
+import useFocus from '../../src/use/focus.js'
+import RepeatClick from '../../src/directives/repeatClick'
 import {
   computed,
   getCurrentInstance,
diff --git a/packages/message-box/index.js b/packages/message-box/index.js
index 07da055c7..af6de7b32 100644
--- a/packages/message-box/index.js
+++ b/packages/message-box/index.js
@@ -1,5 +1,5 @@
 import MessageBox from './src/MessageBox.js'
-
+import MessageBoxComponent from './src/MessageBox.vue'
 export function useMsgbox() {
   return MessageBox
 }
@@ -13,3 +13,5 @@ export function useConfirm() {
 export function usePrompt() {
   return MessageBox.prompt
 }
+
+export default MessageBoxComponent
diff --git a/packages/notification/index.js b/packages/notification/index.js
index c25b9bb4b..c70f86d68 100644
--- a/packages/notification/index.js
+++ b/packages/notification/index.js
@@ -1,5 +1,8 @@
 import Notification from './Notification.js'
+import NotificationComponent from './Notification.vue'
 
 export function useNotify() {
   return Notification
 }
+
+export default NotificationComponent
diff --git a/packages/option-group/OptionGroup.vue b/packages/option-group/OptionGroup.vue
index cc852436e..01be69b9d 100644
--- a/packages/option-group/OptionGroup.vue
+++ b/packages/option-group/OptionGroup.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script type="text/babel">
-import { useEmitter } from 'element-ui/src/use/emitter'
+import { useEmitter } from '../../src/use/emitter'
 import {
   watch,
   getCurrentInstance,
diff --git a/packages/radio-group/RadioGroup.vue b/packages/radio-group/RadioGroup.vue
index 69848f337..d52a10408 100644
--- a/packages/radio-group/RadioGroup.vue
+++ b/packages/radio-group/RadioGroup.vue
@@ -9,7 +9,7 @@
   </component>
 </template>
 <script>
-import { useEmitter } from 'element-ui/src/use/emitter'
+import { useEmitter } from '../../src/use/emitter'
 import {
   getCurrentInstance,
   onMounted,
diff --git a/packages/rate/Rate.vue b/packages/rate/Rate.vue
index 4de889863..b0ef57aee 100644
--- a/packages/rate/Rate.vue
+++ b/packages/rate/Rate.vue
@@ -50,8 +50,8 @@ import {
   watch,
   getCurrentInstance
 } from 'vue'
-import { hasClass } from 'element-ui/src/utils/dom'
-import { migrating } from 'element-ui/src/use/migrating'
+import { hasClass } from '../../src/utils/dom'
+import { migrating } from '../../src/use/migrating'
 
 export default {
   name: 'ElRate',
diff --git a/packages/slider/Slider.vue b/packages/slider/Slider.vue
index 34219fa86..69db98ea7 100644
--- a/packages/slider/Slider.vue
+++ b/packages/slider/Slider.vue
@@ -74,11 +74,11 @@
 </template>
 
 <script type="text/babel">
-import ElInputNumber from 'element-ui/packages/input-number'
+import ElInputNumber from '../input-number'
 import SliderButton from './src/button.vue'
 import SliderMarker from './src/marker'
-import { useEmitter } from 'element-ui/src/use/emitter'
-import { isUndefined } from 'element-ui/src/utils/types'
+import { useEmitter } from '../../src/use/emitter'
+import { isUndefined } from '../../src/utils/types'
 
 import {
   reactive,
diff --git a/packages/slider/src/button.vue b/packages/slider/src/button.vue
index f408db787..f2691e411 100644
--- a/packages/slider/src/button.vue
+++ b/packages/slider/src/button.vue
@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import ElTooltip from 'element-ui/packages/tooltip'
+import ElTooltip from '../../tooltip'
 import {
   computed,
   ref,
@@ -224,7 +224,7 @@ function useDragAndKeyDown(
   watch(dragging, (val) => (parent.ctx.dragging = val))
 
   // eslint-disable-next-line
-//#region drag methods: onButtonDown, onDragStart, onDragging, onDragEnd
+  //#region drag methods: onButtonDown, onDragStart, onDragging, onDragEnd
 
   function onButtonDown(event) {
     if (unref(disabled)) return
@@ -297,10 +297,10 @@ function useDragAndKeyDown(
     }
   }
   // eslint-disable-next-line
-//#endregion 
+  //#endregion
 
   // eslint-disable-next-line
-//#region KeyDown methods: onLeftKeyDown, onRightKeyDown
+  //#region KeyDown methods: onLeftKeyDown, onRightKeyDown
 
   function onLeftKeyDown() {
     if (unref(disabled)) return
@@ -320,7 +320,7 @@ function useDragAndKeyDown(
   }
 
   // eslint-disable-next-line
-//#endregion
+  //#endregion
 
   function setPosition(newPosition) {
     if (newPosition === null || isNaN(newPosition)) return
diff --git a/packages/table/src/config.js b/packages/table/src/config.js
index 660d16f3a..e09331687 100644
--- a/packages/table/src/config.js
+++ b/packages/table/src/config.js
@@ -1,4 +1,4 @@
-import { getPropByPath } from 'element-ui/src/utils/util'
+import { getPropByPath } from '../../../src/utils/util'
 
 export const cellStarts = {
   default: {
diff --git a/packages/table/src/filter-panel.vue b/packages/table/src/filter-panel.vue
index eab22c216..8727609ac 100644
--- a/packages/table/src/filter-panel.vue
+++ b/packages/table/src/filter-panel.vue
@@ -64,14 +64,14 @@
 </template>
 
 <script type="text/babel">
-import Popper from 'element-ui/src/utils/vue-popper'
-import { PopupManager } from 'element-ui/src/utils/popup'
-import Locale from 'element-ui/src/mixins/locale'
-import Clickoutside from 'element-ui/src/utils/clickoutside'
+import Popper from '../../../src/utils/vue-popper'
+import { PopupManager } from '../../../src/utils/popup'
+import Locale from '../../../src/mixins/locale'
+import Clickoutside from '../../../src/utils/clickoutside'
 import Dropdown from './dropdown'
-import ElCheckbox from 'element-ui/packages/checkbox'
-import ElCheckboxGroup from 'element-ui/packages/checkbox-group'
-import ElScrollbar from 'element-ui/packages/scrollbar'
+import ElCheckbox from '../../checkbox'
+import ElCheckboxGroup from '../../checkbox-group'
+import ElScrollbar from '../../scrollbar'
 
 export default {
   name: 'ElTableFilterPanel',
diff --git a/packages/table/src/store/current.js b/packages/table/src/store/current.js
index 453b63d70..72cd225e3 100644
--- a/packages/table/src/store/current.js
+++ b/packages/table/src/store/current.js
@@ -1,4 +1,4 @@
-import { arrayFind } from 'element-ui/src/utils/util'
+import { arrayFind } from '../../../../src/utils/util'
 import { getRowIdentity } from '../util'
 
 export default {
diff --git a/packages/table/src/store/index.js b/packages/table/src/store/index.js
index 92bc00e8f..166c92594 100644
--- a/packages/table/src/store/index.js
+++ b/packages/table/src/store/index.js
@@ -1,6 +1,6 @@
 import { nextTick } from 'vue'
 import Watcher from './watcher'
-import { arrayFind } from 'element-ui/src/utils/util'
+import { arrayFind } from '../../../../src/utils/util'
 console.log(Watcher)
 Watcher.prototype.mutations = {
   setData(states, data) {
diff --git a/packages/table/src/store/watcher.js b/packages/table/src/store/watcher.js
index 3440adea7..d07f533e8 100644
--- a/packages/table/src/store/watcher.js
+++ b/packages/table/src/store/watcher.js
@@ -1,4 +1,4 @@
-import merge from 'element-ui/src/utils/merge'
+import merge from '../../../../src/utils/merge'
 import {
   getKeysMap,
   getRowIdentity,
diff --git a/packages/table/src/table-body.js b/packages/table/src/table-body.js
index e3ecb86e1..2a63b641a 100644
--- a/packages/table/src/table-body.js
+++ b/packages/table/src/table-body.js
@@ -1,13 +1,13 @@
-import { arrayFindIndex } from 'element-ui/src/utils/util'
+import { arrayFindIndex } from '../../../src/utils/util'
 import { getCell, getColumnByCell, getRowIdentity } from './util'
 import {
   getStyle,
   hasClass,
   removeClass,
   addClass
-} from 'element-ui/src/utils/dom'
-import ElCheckbox from 'element-ui/packages/checkbox'
-import ElTooltip from 'element-ui/packages/tooltip'
+} from '../../../src/utils/dom'
+import ElCheckbox from '../../checkbox'
+import ElTooltip from '../../tooltip'
 import { debounce } from 'throttle-debounce'
 import LayoutObserver from './layout-observer'
 import { mapStates } from './store/helper'
diff --git a/packages/table/src/table-column.js b/packages/table/src/table-column.js
index 7f624384a..b8013986f 100644
--- a/packages/table/src/table-column.js
+++ b/packages/table/src/table-column.js
@@ -5,7 +5,7 @@ import {
   treeCellPrefix
 } from './config'
 import { mergeOptions, parseWidth, parseMinWidth, compose } from './util'
-import ElCheckbox from 'element-ui/packages/checkbox'
+import ElCheckbox from '../../checkbox'
 
 let columnIdSeed = 1
 
diff --git a/packages/table/src/table-header.js b/packages/table/src/table-header.js
index 8dbb84514..c3884250c 100644
--- a/packages/table/src/table-header.js
+++ b/packages/table/src/table-header.js
@@ -1,7 +1,7 @@
 // import {h} from 'vue'
 import * as Vue from 'vue'
-import { hasClass, addClass, removeClass } from 'element-ui/src/utils/dom'
-import ElCheckbox from 'element-ui/packages/checkbox'
+import { hasClass, addClass, removeClass } from '../../../src/utils/dom'
+import ElCheckbox from '../../checkbox'
 import FilterPanel from './filter-panel.vue'
 import LayoutObserver from './layout-observer'
 import { mapStates } from './store/helper'
diff --git a/packages/table/src/table-layout.js b/packages/table/src/table-layout.js
index e76e161b3..e1d52789f 100644
--- a/packages/table/src/table-layout.js
+++ b/packages/table/src/table-layout.js
@@ -1,5 +1,5 @@
 import { nextTick } from 'vue'
-import scrollbarWidth from 'element-ui/src/utils/scrollbar-width'
+import scrollbarWidth from '../../../src/utils/scrollbar-width'
 import { parseHeight } from './util'
 
 class TableLayout {
diff --git a/packages/table/src/table.vue b/packages/table/src/table.vue
index b369f8972..541939012 100644
--- a/packages/table/src/table.vue
+++ b/packages/table/src/table.vue
@@ -262,15 +262,15 @@
 </template>
 
 <script type="text/babel">
-import ElCheckbox from 'element-ui/packages/checkbox'
+import ElCheckbox from '../../checkbox'
 import { debounce, throttle } from 'throttle-debounce'
 import {
   addResizeListener,
   removeResizeListener
-} from 'element-ui/src/utils/resize-event'
-import Mousewheel from 'element-ui/src/directives/mousewheel'
-import Locale from 'element-ui/src/mixins/locale'
-import Migrating from 'element-ui/src/mixins/migrating'
+} from '../../../src/utils/resize-event'
+import Mousewheel from '../../../src/directives/mousewheel'
+import Locale from '../../../src/mixins/locale'
+import Migrating from '../../../src/mixins/migrating'
 import { createStore, mapStates } from './store/helper'
 import TableLayout from './table-layout'
 import TableBody from './table-body'
diff --git a/packages/table/src/util.js b/packages/table/src/util.js
index 57534b3fd..1fa97db6e 100644
--- a/packages/table/src/util.js
+++ b/packages/table/src/util.js
@@ -1,4 +1,4 @@
-import { getValueByPath } from 'element-ui/src/utils/util'
+import { getValueByPath } from '../../../src/utils/util'
 
 export const getCell = function (event) {
   let cell = event.target
diff --git a/packages/tooltip/__tests__/Tooltip.spec.js b/packages/tooltip/__tests__/Tooltip.spec.js
index 6a78ee5a5..1fa3df468 100644
--- a/packages/tooltip/__tests__/Tooltip.spec.js
+++ b/packages/tooltip/__tests__/Tooltip.spec.js
@@ -3,206 +3,219 @@ import { nextTick } from '@vue/runtime-core'
 import Tooltip from '../Tooltip'
 
 describe('Tooltip', () => {
-    let wrapper
-    it('create', (done) => {
-        wrapper = mount({
-            template: `
+  let wrapper
+  it('create', (done) => {
+    wrapper = mount({
+      template: `
                 <el-tooltip ref="tooltip" content="提示文字">
                     <button>click</button>
                 </el-tooltip>
             `,
-            components: {
-                [Tooltip.name]: Tooltip
-            }
-        })
-        nextTick(() => {
-            expect(wrapper.vm.$refs.tooltip.popperVM.$el).toHaveProperty('textContent', '提示文字')
-            done()
-        })
+      components: {
+        [Tooltip.name]: Tooltip
+      }
     })
+    nextTick(() => {
+      expect(wrapper.vm.$refs.tooltip.popperVM.$el).toHaveProperty(
+        'textContent',
+        '提示文字'
+      )
+      done()
+    })
+  })
 
-    it('custom popper class', done => {
-        wrapper = mount({
-            template: `
+  it('custom popper class', (done) => {
+    wrapper = mount({
+      template: `
                 <el-tooltip ref="tooltip" content="提示文字" popper-class="custom-popper">
                     <button>click</button>
                 </el-tooltip>
             `,
-            components: {
-                [Tooltip.name]: Tooltip
-            }
-        })
-        nextTick(() => {
-            expect(wrapper.vm.$refs.tooltip.popperVM.$el.classList.contains('custom-popper')).toBeTruthy()
-            done()
-        })
+      components: {
+        [Tooltip.name]: Tooltip
+      }
+    })
+    nextTick(() => {
+      expect(
+        wrapper.vm.$refs.tooltip.popperVM.$el.classList.contains(
+          'custom-popper'
+        )
+      ).toBeTruthy()
+      done()
     })
+  })
 
-    describe('manual', () => {
-        const wrapper = mount({
-            template: `
+  describe('manual', () => {
+    const wrapper = mount({
+      template: `
             <el-tooltip ref="tooltip" manual content="abc" v-model="show">
                 <button>click</button>
             </el-tooltip>
             `,
-            data() {
-                return { show: false }
-            },
-            components: {
-                [Tooltip.name]: Tooltip
-            }
-        })
-        const tooltip = wrapper.vm.$refs.tooltip
-        const tooltip2 = wrapper.findComponent({ name: 'ElTooltip' })
+      data() {
+        return { show: false }
+      },
+      components: {
+        [Tooltip.name]: Tooltip
+      }
+    })
+    const tooltip = wrapper.vm.$refs.tooltip
+    const tooltip2 = wrapper.findComponent({ name: 'ElTooltip' })
 
-        it('aria-hidden is true', async (done) => {
-            await tooltip2.trigger('mouseenter')
-            expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
-            setTimeout(() => {
-                expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
-                done()
-            }, 0)
-        })
-        it('show', done => {
-            wrapper.vm.show = true
-            nextTick(() => {
-                expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
-                done()
-            })
-        })
-        it('still show when trigger mouseleave', async (done) => {
-            await tooltip2.trigger('mouseleave')
-            expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
-            setTimeout(() => {
-                expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
-                done()
-            }, 0)
-        })
-        it('hidden', done => {
-            wrapper.vm.show = false
-            nextTick(() => {
-                expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
-                done()
-            })
-        })
+    it('aria-hidden is true', async (done) => {
+      await tooltip2.trigger('mouseenter')
+      expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
+      setTimeout(() => {
+        expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
+        done()
+      }, 0)
+    })
+    it('show', (done) => {
+      wrapper.vm.show = true
+      nextTick(() => {
+        expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
+        done()
+      })
     })
+    it('still show when trigger mouseleave', async (done) => {
+      await tooltip2.trigger('mouseleave')
+      expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
+      setTimeout(() => {
+        expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
+        done()
+      }, 0)
+    })
+    it('hidden', (done) => {
+      wrapper.vm.show = false
+      nextTick(() => {
+        expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
+        done()
+      })
+    })
+  })
 
-    describe('hover', () => {
-        const wrapper = mount({
-            template: `
+  describe('hover', () => {
+    const wrapper = mount({
+      template: `
                 <el-tooltip ref="tooltip" content="提示文字">
                     <button>click</button>
                 </el-tooltip>
             `,
-            components: {
-                [Tooltip.name]: Tooltip
-            }
-        })
-        const tooltip = wrapper.vm.$refs.tooltip
-        const tooltip2 = wrapper.getComponent({ name: 'ElTooltip' })
-        tooltip2.trigger('mouseenter')
+      components: {
+        [Tooltip.name]: Tooltip
+      }
+    })
+    const tooltip = wrapper.vm.$refs.tooltip
+    const tooltip2 = wrapper.getComponent({ name: 'ElTooltip' })
+    tooltip2.trigger('mouseenter')
 
-        it('popperElm is exist', done => {
-            nextTick(() => {
-                expect(tooltip.$refs.popper).toBeTruthy()
-                done()
-            })
-        })
-        it('aria-hidden is false', done => {
-            nextTick(() => {
-                expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
-                done()
-            })
-        })
-        it('close popper', done => {
-            tooltip2.trigger('mouseleave')
-            setTimeout(() => {
-                expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
-                done()
-            }, 300)
-        })
+    it('popperElm is exist', (done) => {
+      nextTick(() => {
+        expect(tooltip.$refs.popper).toBeTruthy()
+        done()
+      })
+    })
+    it('aria-hidden is false', (done) => {
+      nextTick(() => {
+        expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
+        done()
+      })
     })
+    it('close popper', (done) => {
+      tooltip2.trigger('mouseleave')
+      setTimeout(() => {
+        expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
+        done()
+      }, 300)
+    })
+  })
 
-    it('light mode', done => {
-        wrapper = mount({
-            template: `
+  it('light mode', (done) => {
+    wrapper = mount({
+      template: `
                 <el-tooltip ref="tooltip" content="abc" effect="light">
                     <button>abc</button>
                 </el-tooltip>
             `,
-            components: {
-                [Tooltip.name]: Tooltip
-            }
-        })
-        nextTick(() => {
-            expect(wrapper.vm.$refs.tooltip.popperVM.$el.classList.contains('is-light')).toBeTruthy()
-            done()
-        })
-    })
-    it('hide after', done => {
-        wrapper = mount({
-            template: `
+      components: {
+        [Tooltip.name]: Tooltip
+      }
+    })
+    nextTick(() => {
+      expect(
+        wrapper.vm.$refs.tooltip.popperVM.$el.classList.contains('is-light')
+      ).toBeTruthy()
+      done()
+    })
+  })
+  it('hide after', (done) => {
+    wrapper = mount({
+      template: `
                 <el-tooltip ref="tooltip" content="提示文字" :hide-after="300">
                     <button>click</button>
                 </el-tooltip>
             `,
-            components: {
-                [Tooltip.name]: Tooltip
-            }
-        })
-        const tooltip = wrapper.vm.$refs.tooltip
-        const tooltip2 = wrapper.getComponent({ name: 'ElTooltip' })
+      components: {
+        [Tooltip.name]: Tooltip
+      }
+    })
+    const tooltip = wrapper.vm.$refs.tooltip
+    const tooltip2 = wrapper.getComponent({ name: 'ElTooltip' })
 
-        nextTick(() => {
-            tooltip2.trigger('mouseenter')
-            setTimeout(() => {
-                expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
-                setTimeout(() => {
-                    expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
-                    done()
-                }, 300)
-            }, 100)
-        })
-    })
-    it('reference element focus', done => {
-        wrapper = mount({
-            template: `
+    nextTick(() => {
+      tooltip2.trigger('mouseenter')
+      setTimeout(() => {
+        expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
+        setTimeout(() => {
+          expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
+          done()
+        }, 300)
+      }, 100)
+    })
+  })
+  it('reference element focus', (done) => {
+    wrapper = mount({
+      template: `
                 <el-tooltip ref="tooltip" content="提示文字">
                     <button>click</button>
                 </el-tooltip>
             `,
-            components: {
-                [Tooltip.name]: Tooltip
-            }
-        })
+      components: {
+        [Tooltip.name]: Tooltip
+      }
+    })
 
-        const tooltip = wrapper.vm.$refs.tooltip
-        const tooltip2 = wrapper.getComponent({ name: 'ElTooltip' })
-        nextTick(() => {
-            tooltip2.trigger('focus')
-            setTimeout(() => {
-                expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
-                expect(wrapper.find('button').element.classList.contains('focusing')).toBeTruthy()
-                tooltip2.trigger('blur')
-                setTimeout(() => {
-                    expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
-                    expect(wrapper.find('button').element.classList.contains('focusing')).toBeFalsy()
-                    done()
-                }, 300)
-            }, 100)
-        })
-    })
-    it('custom tabindex', () => {
-        wrapper = mount({
-            template: `
+    const tooltip = wrapper.vm.$refs.tooltip
+    const tooltip2 = wrapper.getComponent({ name: 'ElTooltip' })
+    nextTick(() => {
+      tooltip2.trigger('focus')
+      setTimeout(() => {
+        expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('false')
+        expect(
+          wrapper.find('button').element.classList.contains('focusing')
+        ).toBeTruthy()
+        tooltip2.trigger('blur')
+        setTimeout(() => {
+          expect(tooltip.popperVM.$el.getAttribute('aria-hidden')).toBe('true')
+          expect(
+            wrapper.find('button').element.classList.contains('focusing')
+          ).toBeFalsy()
+          done()
+        }, 300)
+      }, 100)
+    })
+  })
+  it('custom tabindex', () => {
+    wrapper = mount({
+      template: `
                 <el-tooltip ref="tooltip" content="提示文字" :tabindex="-1">
                     <button>click</button>
                 </el-tooltip>
             `,
-            components: {
-                [Tooltip.name]: Tooltip
-            }
-        })
-        expect(wrapper.find('button').element.getAttribute('tabindex')).toBe('-1')
+      components: {
+        [Tooltip.name]: Tooltip
+      }
     })
+    expect(wrapper.find('button').element.getAttribute('tabindex')).toBe('-1')
+  })
 })
diff --git a/packages/transfer/src/Transfer.vue b/packages/transfer/src/Transfer.vue
index 9518561a2..b46924826 100644
--- a/packages/transfer/src/Transfer.vue
+++ b/packages/transfer/src/Transfer.vue
@@ -51,8 +51,8 @@
 
 <script>
 import TransferPanel from './TransferPanel.vue'
-import ElButton from 'element-ui/packages/button'
-import { useLocale } from 'element-ui/src/use/locale'
+import ElButton from '../../button'
+import { useLocale } from '../../../src/use/locale'
 import { ref, computed, watch, provide } from 'vue'
 
 export default {
diff --git a/packages/transfer/src/TransferPanel.vue b/packages/transfer/src/TransferPanel.vue
index 4fb4414ec..88dd9d760 100644
--- a/packages/transfer/src/TransferPanel.vue
+++ b/packages/transfer/src/TransferPanel.vue
@@ -65,11 +65,11 @@
 </template>
 
 <script>
-import ElCheckboxGroup from 'element-ui/packages/checkbox-group'
-import ElCheckbox from 'element-ui/packages/checkbox'
-import ElInput from 'element-ui/packages/input'
+import ElCheckboxGroup from '../../checkbox-group'
+import ElCheckbox from '../../checkbox'
+import ElInput from '../../input'
 import OptionContent from './OptionContent.vue'
-import { useLocale } from 'element-ui/src/use/locale'
+import { useLocale } from '../../../src/use/locale'
 import { reactive, toRefs, computed, watch } from 'vue'
 
 export default {
diff --git a/packages/upload/src/index.vue b/packages/upload/src/index.vue
index 7a91fc044..2f5a2cb37 100644
--- a/packages/upload/src/index.vue
+++ b/packages/upload/src/index.vue
@@ -95,7 +95,7 @@
 <script>
 import UploadList from './upload-list'
 import Upload from './upload'
-import Migrating from 'element-ui/src/mixins/migrating'
+import Migrating from '../../../src/mixins/migrating'
 import {
   ref,
   unref,
diff --git a/packages/upload/src/upload-list.vue b/packages/upload/src/upload-list.vue
index 55dfe36d7..af0a9197d 100644
--- a/packages/upload/src/upload-list.vue
+++ b/packages/upload/src/upload-list.vue
@@ -85,8 +85,8 @@
   </transition-group>
 </template>
 <script>
-import Locale from 'element-ui/src/mixins/locale'
-import ElProgress from 'element-ui/packages/progress'
+import Locale from '../../../src/mixins/locale'
+import ElProgress from '../../progress'
 import { ref } from 'vue'
 
 export default {
diff --git a/src/directives/repeatClick.js b/src/directives/repeatClick.js
index c6c0f39f6..3d6331e1f 100644
--- a/src/directives/repeatClick.js
+++ b/src/directives/repeatClick.js
@@ -1,4 +1,4 @@
-import { once, on } from 'element-ui/src/utils/dom'
+import { once, on } from '../utils/dom'
 
 const INTERVAL_TIME = 100
 export default {
diff --git a/src/entry.js b/src/entry.js
index f07eac333..1aad06ea3 100644
--- a/src/entry.js
+++ b/src/entry.js
@@ -32,6 +32,28 @@ import ElDropdownItem from '../packages/dropdown-item'
 import ElDropdownMenu from '../packages/dropdown-menu'
 import ElSteps from '../packages/steps'
 import ElStep from '../packages/step'
+import ElForm from '../packages/form'
+import ElFormItem from '../packages/form-item'
+import ElRadio from '../packages/radio'
+import ElRadioButton from '../packages/radio-button'
+import ElRadioGroup from '../packages/radio-group'
+import ElCheckbox from '../packages/checkbox'
+import ElCheckboxButton from '../packages/checkbox-button'
+import ElCheckboxGroup from '../packages/checkbox-group'
+import ElInput from '../packages/input'
+import ElInputNumber from '../packages/input-number'
+import ElSelect from '../packages/select'
+import ElCascader from '../packages/calendar'
+import ElCascaderPanel from '../packages/cascader-panel'
+import ElSlider from '../packages/slider'
+import ElTimePicker from '../packages/time-picker'
+import ElTimeSelect from '../packages/time-select'
+import ElDatePicker from '../packages/date-picker'
+import ElUpload from '../packages/upload'
+import ElRate from '../packages/rate'
+import ElColorPicker from '../packages/color-picker'
+import ElTransfer from '../packages/transfer'
+
 import ElLoading, { useLoading } from '../packages/loading'
 import { useMessage } from '../packages/message'
 import {
@@ -78,7 +100,28 @@ const components = [
   ElDropdownMenu,
   ElSteps,
   ElStep,
-  ElLoading
+  ElLoading,
+  ElForm,
+  ElFormItem,
+  ElRadio,
+  ElRadioButton,
+  ElRadioGroup,
+  ElCheckbox,
+  ElCheckboxButton,
+  ElCheckboxGroup,
+  ElInput,
+  ElInputNumber,
+  ElSelect,
+  ElCascader,
+  ElCascaderPanel,
+  ElSlider,
+  ElTimePicker,
+  ElTimeSelect,
+  ElDatePicker,
+  ElUpload,
+  ElRate,
+  ElColorPicker,
+  ElTransfer
 ]
 
 const install = (app) => {
@@ -127,6 +170,27 @@ export {
   ElSteps,
   ElStep,
   ElLoading,
+  ElForm,
+  ElFormItem,
+  ElRadio,
+  ElRadioButton,
+  ElRadioGroup,
+  ElCheckbox,
+  ElCheckboxButton,
+  ElCheckboxGroup,
+  ElInput,
+  ElInputNumber,
+  ElSelect,
+  ElCascader,
+  ElCascaderPanel,
+  ElSlider,
+  ElTimePicker,
+  ElTimeSelect,
+  ElDatePicker,
+  ElUpload,
+  ElRate,
+  ElColorPicker,
+  ElTransfer,
   useMessage,
   useLoading,
   useMsgbox,
diff --git a/src/mixins/migrating.js b/src/mixins/migrating.js
index 2ed3a68e9..743a24a74 100644
--- a/src/mixins/migrating.js
+++ b/src/mixins/migrating.js
@@ -1,4 +1,4 @@
-import { kebabCase } from 'element-ui/src/utils/util'
+import { kebabCase } from '../utils/util'
 /**
  * Show migrating guide in browser console.
  *
diff --git a/src/utils/after-leave.js b/src/utils/after-leave.js
index 507a2761a..8e4485698 100644
--- a/src/utils/after-leave.js
+++ b/src/utils/after-leave.js
@@ -1,4 +1,4 @@
-import { useEmitter } from 'element-ui/src/use/emitter'
+import { useEmitter } from '../use/emitter'
 
 /**
  * Bind after-leave event for vue instance. Make sure after-leave is called in any browsers.
diff --git a/src/utils/date-util.js b/src/utils/date-util.js
index 31ee5a8a7..873a07645 100644
--- a/src/utils/date-util.js
+++ b/src/utils/date-util.js
@@ -1,5 +1,5 @@
-import fecha from 'element-ui/src/utils/date'
-import { t } from 'element-ui/src/locale'
+import fecha from './date'
+import { t } from '../locale'
 
 const weeks = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat']
 const months = [
diff --git a/src/utils/vdom.js b/src/utils/vdom.js
index 5aae9a788..6272262b1 100644
--- a/src/utils/vdom.js
+++ b/src/utils/vdom.js
@@ -1,4 +1,4 @@
-import { hasOwn } from 'element-ui/src/utils/util'
+import { hasOwn } from './util'
 
 export function isVNode(node) {
   return (
diff --git a/src/utils/vue-popper.js b/src/utils/vue-popper.js
index e92c5e084..ba5959b70 100644
--- a/src/utils/vue-popper.js
+++ b/src/utils/vue-popper.js
@@ -1,6 +1,6 @@
 import { PopupManager } from '../../src/utils/popup'
 
-const PopperJS = require('./popper')
+import * as PopperJS from './popper'
 // const PopperJS = Vue.prototype.$isServer ? function() {} : require('./popper')
 const stop = (e) => e.stopPropagation()