fix: export component

packages/alert/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Alert from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Alert.name, Alert)
 }
+
+export { Alert }

packages/autocomplete/src/index.vue

@@ -95,7 +95,7 @@ import { generateId, isArray } from '@element-plus/utils/util'
 import { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'
 import throwError from '@element-plus/utils/error'
 import { Input as ElInput } from '@element-plus/input'
-import { ElScrollbar } from '@element-plus/scrollbar'
+import { Scrollbar as ElScrollbar } from '@element-plus/scrollbar'
 import { Popper as ElPopper } from '@element-plus/popper'
 
 export default defineComponent({

packages/avatar/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Avatar from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Avatar.name, Avatar)
 }
+
+export { Avatar }

packages/backtop/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Backtop from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Backtop.name, Backtop)
 }
+
+export { Backtop }

packages/badge/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Badge from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Badge.name, Badge)
 }
+
+export { Badge }

packages/breadcrumb/index.ts

@@ -1,7 +1,10 @@
 import { App } from 'vue'
 import Breadcrumb from './src/index.vue'
 import BreadcrumbItem from './src/item.vue'
+
 export default (app: App): void => {
   app.component(Breadcrumb.name, Breadcrumb)
   app.component(BreadcrumbItem.name, BreadcrumbItem)
 }
+
+export { Breadcrumb, BreadcrumbItem }

packages/calendar/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Calendar from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Calendar.name, Calendar)
 }
+
+export { Calendar }

packages/card/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Card from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Card.name, Card)
 }
+
+export { Card }

packages/carousel/index.ts

@@ -1,7 +1,10 @@
 import { App } from 'vue'
 import Carousel from './src/main.vue'
 import CarouselItem from './src/item.vue'
+
 export default (app: App): void => {
   app.component(Carousel.name, Carousel)
   app.component(CarouselItem.name, CarouselItem)
 }
+
+export { Carousel, CarouselItem }

packages/checkbox/index.ts

@@ -3,10 +3,10 @@ import Checkbox from './src/checkbox.vue'
 import CheckboxButton from './src/checkbox-button.vue'
 import CheckboxGroup from './src/checkbox-group.vue'
 
-export { Checkbox, CheckboxButton, CheckboxGroup }
-
 export default (app: App): void => {
   app.component(Checkbox.name, Checkbox)
   app.component(CheckboxButton.name, CheckboxButton)
   app.component(CheckboxGroup.name, CheckboxGroup)
 }
+
+export { Checkbox, CheckboxButton, CheckboxGroup }

packages/collapse/index.ts

@@ -1,7 +1,10 @@
 import { App } from 'vue'
 import Collapse from './src/collapse.vue'
 import CollapseItem from './src/collapse-item.vue'
+
 export default (app: App): void => {
   app.component(Collapse.name, Collapse)
   app.component(CollapseItem.name, CollapseItem)
 }
+
+export { Collapse, CollapseItem }

packages/color-picker/index.ts

@@ -1,5 +1,6 @@
 import { App } from 'vue'
 import ColorPicker from './src/index.vue'
+
 export default (app: App): void => {
   app.component(ColorPicker.name, ColorPicker)
 }

packages/container/index.ts

@@ -12,3 +12,5 @@ export default (app: App): void => {
   app.component(Footer.name, Footer)
   app.component(Header.name, Header)
 }
+
+export { Container, Aside, Main, Footer, Header }

packages/date-picker/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import DatePicker from './src/date-picker'
+
 export default (app: App): void => {
   app.component(DatePicker.name, DatePicker)
 }
+
+export { DatePicker }

packages/dialog/index.ts

@@ -1,5 +1,6 @@
 import { App } from 'vue'
 import Dialog from './src/index'
+
 export default (app: App): void => {
   app.component(Dialog.name, Dialog)
 }

packages/dialog/src/index.ts

@@ -17,7 +17,7 @@ import { stop } from '@element-plus/utils/dom'
 import { isValidWidthUnit } from '@element-plus/utils/validators'
 import { PatchFlags, renderBlock, renderIf } from '@element-plus/utils/vnode'
 
-import ElOverlay from '@element-plus/overlay'
+import { Overlay } from '@element-plus/overlay'
 import {
   default as useDialog,
   CLOSE_EVENT,
@@ -185,7 +185,7 @@ export default defineComponent({
     const trappedDialog = withDirectives(dialog, [[TrapFocus]])
     const overlay = withDirectives(
       createVNode(
-        ElOverlay,
+        Overlay,
         {
           mask: this.modal,
           onClick: this.onModalClick,

packages/divider/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Divider from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Divider.name, Divider)
 }
+
+export { Divider }

packages/drawer/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Drawer from './src/index'
+
 export default (app: App): void => {
   app.component(Drawer.name, Drawer)
 }
+
+export { Drawer }

packages/dropdown/index.ts

@@ -8,3 +8,5 @@ export default (app: App): void => {
   app.component(DropdownItem.name, DropdownItem)
   app.component(DropdownMenu.name, DropdownMenu)
 }
+
+export { Dropdown, DropdownItem, DropdownMenu }

packages/form/index.ts

@@ -8,3 +8,5 @@ export default (app: App): void => {
   app.component(FormItem.name, FormItem)
   app.component(LabelWrap.name, LabelWrap)
 }
+
+export { Form, FormItem, LabelWrap }

packages/icon/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Icon from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Icon.name, Icon)
 }
+
+export { Icon }

packages/image/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Image from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Image.name, Image)
 }
+
+export { Image }

packages/infinite-scroll/index.ts

@@ -1,7 +1,8 @@
 import { App } from 'vue'
-
 import InfiniteScroll from './src/index'
 
 export default (app: App): void => {
   app.directive('infinite-scroll', InfiniteScroll)
 }
+
+export { InfiniteScroll }

packages/input-number/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import InputNumber from './src/index.vue'
+
 export default (app: App): void => {
   app.component(InputNumber.name, InputNumber)
 }
+
+export { InputNumber }

packages/input/index.ts

@@ -1,7 +1,8 @@
 import { App } from 'vue'
 import Input from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Input.name, Input)
 }
-export { Input }
 
+export { Input }

packages/layout/index.ts

@@ -1,7 +1,10 @@
 import { App } from 'vue'
 import Row from './src/row'
 import Col from './src/col'
+
 export default (app: App) => {
   app.component(Row.name, Row)
   app.component(Col.name, Col)
 }
+
+export { Row, Col }

packages/link/index.ts

@@ -1,9 +1,8 @@
 import { App } from 'vue'
 import Link from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Link.name, Link)
 }
 
-export {
+export { Link }
-  Link,
-}

packages/loading/index.ts

@@ -6,3 +6,5 @@ export default (app: App): void => {
   app.directive('loading', vLoading)
   app.config.globalProperties.$loading = Loading
 }
+
+export { Loading, vLoading }

packages/message-box/index.ts

@@ -1,5 +1,6 @@
 import { App } from 'vue'
 import MessageBox from './src/messageBox'
+
 export default (app: App): void => {
   app.config.globalProperties.$msgbox = MessageBox
   app.config.globalProperties.$messageBox = MessageBox
@@ -7,3 +8,5 @@ export default (app: App): void => {
   app.config.globalProperties.$confirm = MessageBox.confirm
   app.config.globalProperties.$prompt = MessageBox.prompt
 }
+
+export { MessageBox }

packages/message-box/src/index.vue

@@ -99,8 +99,8 @@ import {
   reactive,
   toRefs,
 } from 'vue'
-import ElButton from '@element-plus/button/src/button.vue'
+import { Button as ElButton } from '@element-plus/button'
-import ElInput from '@element-plus/input/src/index.vue'
+import { Input as ElInput } from '@element-plus/input'
 import { t } from '@element-plus/locale'
 import Dialog  from '@element-plus/utils/aria-dialog'
 import usePopup from '@element-plus/utils/popup/usePopup'

packages/message/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Message from './src/message'
+
 export default (app: App): void => {
   app.config.globalProperties.$message = Message
 }
+
+export { Message }

packages/overlay/index.ts

@@ -1,3 +1,3 @@
-import ElOverlay from './src/index.vue'
+import Overlay from './src/index.vue'
 
-export default ElOverlay
+export { Overlay }

packages/page-header/index.ts

@@ -1,5 +1,9 @@
 import { App } from 'vue'
 import PageHeader from './src/index.vue'
+
 export default (app: App): void => {
   app.component(PageHeader.name, PageHeader)
 }
+
+export { PageHeader }
+

packages/pagination/index.ts

@@ -1,5 +1,9 @@
 import { App } from 'vue'
 import Pagination from './src/index'
+
 export default (app: App): void => {
   app.component(Pagination.name, Pagination)
 }
+
+export { Pagination }
+

packages/popconfirm/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Popconfirm from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Popconfirm.name, Popconfirm)
 }
+
+export { Popconfirm }

packages/popover/index.ts

@@ -6,3 +6,5 @@ export default (app: App): void => {
   app.component(Popover.name, Popover)
   app.directive(VPopover, PopoverDirective)
 }
+
+export { Popover, PopoverDirective, VPopover }

packages/progress/index.ts

@@ -1,7 +1,8 @@
 import { App } from 'vue'
 import Progress from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Progress.name, Progress)
 }
 
-export const ElProgress = Progress
+export { Progress }

packages/radio/index.ts

@@ -2,8 +2,11 @@ import { App } from 'vue'
 import Radio from './src/radio.vue'
 import RadioGroup from './src/radio-group.vue'
 import RadioButton from './src/radio-button.vue'
+
 export default (app: App): void => {
   app.component(Radio.name, Radio)
   app.component(RadioGroup.name, RadioGroup)
   app.component(RadioButton.name, RadioButton)
 }
+
+export { Radio, RadioGroup, RadioButton }

packages/rate/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Rate from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Rate.name, Rate)
 }
+
+export { Rate }

packages/scrollbar/index.ts

@@ -1,7 +1,8 @@
 import { App } from 'vue'
 import Scrollbar from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Scrollbar.name, Scrollbar)
 }
 
-export const ElScrollbar = Scrollbar
+export { Scrollbar }

packages/select/src/select.vue

@@ -175,7 +175,7 @@ import ElOption from './option.vue'
 import ElSelectMenu from './select-dropdown.vue'
 import { Tag as ElTag } from '@element-plus/tag'
 import { Popper as ElPopper } from '@element-plus/popper'
-import { ElScrollbar } from '@element-plus/scrollbar'
+import { Scrollbar as ElScrollbar } from '@element-plus/scrollbar'
 import { ClickOutside } from '@element-plus/directives'
 import { addResizeListener, removeResizeListener } from '@element-plus/utils/resize-event'
 import { t } from '@element-plus/locale'

packages/slider/index.ts

@@ -4,3 +4,5 @@ import Slider from './src/index.vue'
 export default (app: App): void => {
   app.component(Slider.name, Slider)
 }
+
+export { Slider }

packages/steps/index.ts

@@ -1,7 +1,10 @@
 import { App } from 'vue'
 import Steps from './src/index.vue'
 import Step from './src/item.vue'
+
 export default (app: App): void => {
   app.component(Steps.name, Steps)
   app.component(Step.name, Step)
 }
+
+export { Steps, Step }

packages/switch/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Switch from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Switch.name, Switch)
 }
+
+export { Switch }

packages/table/index.ts

@@ -1,6 +1,7 @@
 import { App } from 'vue'
 import Table from './src/table.vue'
 import TableColumn from './src/tableColumn'
+
 export default (app: App): void => {
   app.component(Table.name, Table)
   app.component(TableColumn.name, TableColumn)

packages/table/src/config.ts

@@ -1,5 +1,5 @@
 import { getPropByPath } from '@element-plus/utils/util'
-import ElCheckbox from '@element-plus/checkbox/src/checkbox.vue'
+import { Checkbox as ElCheckbox } from '@element-plus/checkbox'
 import { h } from 'vue'
 import { Store, TreeNode, AnyObject, TableColumnCtx } from './table'
 

packages/table/src/filter-panel.vue

@@ -90,9 +90,8 @@ import { Popper as ElPopper } from '@element-plus/popper'
 import { t } from '@element-plus/locale'
 import { ClickOutside } from '@element-plus/directives'
 import useDropdown from './dropdown'
-import ElCheckbox from '@element-plus/checkbox/src/checkbox.vue'
+import { Checkbox as ElCheckbox, CheckboxGroup as ElCheckboxGroup } from '@element-plus/checkbox'
-import ElCheckboxGroup from '@element-plus/checkbox/src/checkbox-group.vue'
+import { Scrollbar as ElScrollbar } from '@element-plus/scrollbar'
-import ElScrollbar from '@element-plus/scrollbar/src/index.vue'
 import {
   ref,
   computed,

packages/table/src/table-body/index.ts

@@ -1,4 +1,4 @@
-import ElTooltip from '@element-plus/tooltip/src/index'
+import { Tooltip as ElTooltip } from '@element-plus/tooltip'
 import { addClass, removeClass } from '@element-plus/utils/dom'
 import isServer from '@element-plus/utils/isServer'
 import { defineComponent, getCurrentInstance, h, PropType, watch } from 'vue'

packages/table/src/table-column/index.ts

@@ -9,7 +9,7 @@ import {
 } from 'vue'
 import { cellStarts } from '../config'
 import { mergeOptions, compose } from '../util'
-import ElCheckbox from '@element-plus/checkbox/src/checkbox.vue'
+import { Checkbox as ElCheckbox } from '@element-plus/checkbox'
 import { TableColumnCtx, TableColumn } from '../table'
 import useWatcher from './watcher-helper'
 import useRender from './render-helper'

packages/table/src/table-header/index.ts

@@ -7,7 +7,7 @@ import {
   ref,
   h,
 } from 'vue'
-import ElCheckbox from '@element-plus/checkbox/src/checkbox.vue'
+import { Checkbox as ElCheckbox } from '@element-plus/checkbox'
 import FilterPanel from '../filter-panel.vue'
 import useLayoutObserver from '../layout-observer'
 import useEvent from './event-helper'

packages/table/src/table.vue

@@ -222,10 +222,10 @@
 
 <script lang='ts'>
 import { defineComponent, getCurrentInstance, computed } from 'vue'
-import { createStore } from '@element-plus/table/src/store/helper'
+import { createStore } from './store/helper'
 import { t } from '@element-plus/locale'
-import mousewheel from '@element-plus/directives/mousewheel/index'
+import { Mousewheel } from '@element-plus/directives'
-import TableLayout from '@element-plus/table/src/table-layout'
+import TableLayout from './table-layout'
 import TableHeader from './table-header/index'
 import TableBody from './table-body/index'
 import TableFooter from './table-footer/index'
@@ -238,7 +238,7 @@ let tableIdSeed = 1
 export default defineComponent({
   name: 'ElTable',
   directives: {
-    mousewheel,
+    Mousewheel,
   },
   components: {
     TableHeader,

packages/tabs/index.ts

@@ -3,9 +3,12 @@ import Tabs from './src/tabs.vue'
 import TabBar from './src/tab-bar.vue'
 import TabNav from './src/tab-nav.vue'
 import TabPane from './src/tab-pane.vue'
+
 export default (app: App): void => {
   app.component(Tabs.name, Tabs)
   app.component(TabBar.name, TabBar)
   app.component(TabNav.name, TabNav)
   app.component(TabPane.name, TabPane)
 }
+
+export { Tabs, TabBar, TabNav, TabPane }

packages/tag/index.ts

@@ -1,6 +1,8 @@
 import { App } from 'vue'
 import Tag from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Tag.name, Tag)
 }
+
 export { Tag }

packages/time-picker/index.ts

@@ -2,6 +2,7 @@ import { App } from 'vue'
 import TimePicker from './src/time-picker'
 import TimePickPanel from './src/time-picker-com/panel-time-pick.vue'
 export * from './src/common/date-utils'
+
 export default (app: App): void => {
   app.component(TimePicker.name, TimePicker)
 }

packages/time-picker/src/time-picker-com/basic-time-spinner.vue

@@ -64,7 +64,7 @@ import {
 } from 'vue'
 import { Dayjs } from 'dayjs'
 import { RepeatClick } from '@element-plus/directives'
-import { ElScrollbar } from '@element-plus/scrollbar'
+import { Scrollbar as ElScrollbar } from '@element-plus/scrollbar'
 import { getTimeLists } from './useTimePicker'
 
 export default defineComponent({

packages/time-select/index.ts

@@ -1,7 +1,8 @@
 import { App } from 'vue'
 import TimeSelect from './src/time-select.vue'
+
 export default (app: App): void => {
   app.component(TimeSelect.name, TimeSelect)
 }
 
-export const ElTimeSelect = TimeSelect
+export { TimeSelect }

packages/timeline/index.ts

@@ -1,7 +1,10 @@
 import { App } from 'vue'
 import Timeline from './src/index.vue'
 import TimelineItem from './src/item.vue'
+
 export default (app: App): void => {
   app.component(Timeline.name, Timeline)
   app.component(TimelineItem.name, TimelineItem)
 }
+
+export { Timeline, TimelineItem }

packages/tooltip/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Tooltip from './src/index'
+
 export default (app: App): void => {
   app.component(Tooltip.name, Tooltip)
 }
+
+export { Tooltip }

packages/transfer/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Transfer from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Transfer.name, Transfer)
 }
+
+export { Transfer }

packages/tree/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Tree from './src/tree.vue'
+
 export default (app: App): void => {
   app.component(Tree.name, Tree)
 }
+
+export { Tree }

packages/upload/index.ts

@@ -1,5 +1,8 @@
 import { App } from 'vue'
 import Upload from './src/index.vue'
+
 export default (app: App): void => {
   app.component(Upload.name, Upload)
 }
+
+export { Upload }

packages/upload/src/upload-list.vue

@@ -72,13 +72,13 @@ import { defineComponent, ref } from 'vue'
 import { NOOP } from '@vue/shared'
 
 import { t } from '@element-plus/locale'
-import { ElProgress } from '@element-plus/progress'
+import { Progress } from '@element-plus/progress'
 
 import type { PropType } from 'vue'
 
 export default defineComponent({
   name: 'ElUploadList',
-  components: { ElProgress },
+  components: { ElProgress: Progress },
   props: {
     files: {
       type: Array as PropType<File[]>,