fix: change d.ts

build/bin/new.js

@@ -92,8 +92,10 @@ describe('${ComponentName}', () => {
     content: `import { ElementUIComponent } from './component'
 
 /** ${ComponentName} Component */
-export declare class El${ComponentName} extends ElementUIComponent {
-}`
+interface I${ComponentName} extends ElementUIComponent {
+}
+
+export const El${ComponentName}:I${ComponentName}`
   }
 ]
 

types/backtop.d.ts

@@ -1,7 +1,8 @@
 import { ElementUIComponent } from './component'
 
+export const ElBacktop:IBacktop 
 /** Backtop Component */
-export declare class ElBacktop extends ElementUIComponent {
+interface IBacktop extends ElementUIComponent {
   /** Backtop target */
   target: string
 

types/calendar.d.ts

@@ -2,8 +2,9 @@ import { ElementUIComponent } from './component'
 
 export type DateType = Date | String | Number
 
+export const ElCalendar:ICalendar 
 /** Calendar Component */
-export declare class ElCalendar extends ElementUIComponent {
+interface ICalendar extends ElementUIComponent {
   /** Binding value */
   value: DateType
 

types/cascader-panel.d.ts

@@ -51,8 +51,9 @@ export interface CascaderPanelSlots {
   [key: string]: VNode[]
 }
 
+export const ElCascaderPanel:ICascaderPanel 
 /** CascaderPanel Component */
-export declare class ElCascaderPanel<V = any, D = CascaderOption> extends ElementUIComponent {
+interface ICascaderPanel<V = any, D = CascaderOption> extends ElementUIComponent {
   /** Selected value */
   value: V | V[]
 

types/collapse-item.d.ts

@@ -12,7 +12,7 @@ export interface CollapseItemSlots {
 }
 
 /** Collapse Item Component */
-export declare class ElCollapseItem extends ElementUIComponent {
+interface ICollapseItem extends ElementUIComponent {
   /** Unique identification of the panel */
   name: string | number
 
@@ -24,3 +24,5 @@ export declare class ElCollapseItem extends ElementUIComponent {
   /** Disable the collapse item */
   disabled: boolean
 }
+
+export const ElCollapseItem:ICollapseItem

types/collapse.d.ts

@@ -1,10 +1,12 @@
 import { ElementUIComponent } from './component'
 
 /** Use Collapse to store contents. */
-export declare class ElCollapse extends ElementUIComponent {
+interface ICollapse extends ElementUIComponent{
   /** Whether to activate accordion mode */
   accordion: boolean
 
   /** Currently active panel */
   value: string | number | string[] | number[]
 }
+
+export const ElCollapse:ICollapse

types/color-picker.d.ts

@@ -3,7 +3,7 @@ import { ElementUIComponent, ElementUIComponentSize } from './component'
 export type ColorFormat = 'hsl' | 'hsv' | 'hex' | 'rgb'
 
 /** ColorPicker Component */
-export declare class ElColorPicker extends ElementUIComponent {
+interface IColorPicker extends ElementUIComponent {
   /** Whether to display the alpha slider */
   showAlpha: boolean
 
@@ -19,3 +19,5 @@ export declare class ElColorPicker extends ElementUIComponent {
   /** Custom class name for ColorPicker's dropdown */
   colorFormat: ColorFormat
 }
+
+export const ElColorPicker:IColorPicker

types/date-picker.d.ts

@@ -62,7 +62,7 @@ export interface DatePickerOptions {
 }
 
 /** DatePicker Component */
-export declare class ElDatePicker extends ElementUIComponent {
+interface IDatePicker extends ElementUIComponent {
   /** The value of the date picker */
   value: Date | string | Date[] | string[]
 
@@ -122,3 +122,5 @@ export declare class ElDatePicker extends ElementUIComponent {
    */
   focus (): void
 }
+
+export const ElDatePicker:IDatePicker

types/dialog.d.ts

@@ -15,7 +15,7 @@ export interface DialogSlots {
 }
 
 /** Informs users while preserving the current page state */
-export declare class ElDialog extends ElementUIComponent {
+interface IDialog extends ElementUIComponent {
   /** Title of Dialog */
   title: string
 
@@ -60,3 +60,5 @@ export declare class ElDialog extends ElementUIComponent {
 
   $slots: DialogSlots
 }
+
+export const ElDialog:IDialog

types/divider.d.ts

@@ -2,8 +2,9 @@ import { ElementUIComponent } from './component'
 
 export type ContentPosition = 'left' | 'center' | 'right'
 
+export const ElDivider:IDivider
 /** Divider Component */
-export declare class ElDivider extends ElementUIComponent {
+interface IDivider extends ElementUIComponent {
   /** enable vertical divider */
   vertical: boolean
 

types/drawer.d.ts

@@ -18,8 +18,10 @@ interface DrawerSlots {
 
     [key: string]: VNode[]
 }
+
+export const ElDrawer:IDrawer 
 /** Drawer Component */
-export declare class ElDrawer extends ElementUIComponent {
+interface IDrawer extends ElementUIComponent {
     /* Equivalent to `Dialog`'s append to body attribute, when applying nested drawer, make sure this one is set to true */
     appendToBody: boolean
 

types/dropdown-item.d.ts

@@ -1,7 +1,7 @@
 import { ElementUIComponent } from './component'
 
 /** Toggleable menu for displaying lists of links and actions. */
-export declare class ElDropdownItem extends ElementUIComponent {
+interface IDropdownItem extends ElementUIComponent {
   /** A command to be dispatched to Dropdown's command callback */
   command: string | number | object
 
@@ -14,3 +14,5 @@ export declare class ElDropdownItem extends ElementUIComponent {
   /** Icon to show on left side of text */
   icon: string
 }
+
+export const ElDropdownItem:IDropdownItem

types/dropdown-menu.d.ts

@@ -1,4 +1,6 @@
 import { ElementUIComponent } from './component'
 
 /** Dropdown Menu Component */
-export declare class ElDropdownMenu extends ElementUIComponent {}
+interface IDropdownMenu extends ElementUIComponent {}
+
+export const ElDropdownMenu:IDropdownMenu

types/dropdown.d.ts

@@ -5,7 +5,7 @@ export type DropdownMenuAlignment = 'top' | 'top-start' | 'top-end' | 'bottom' |
 export type DropdownMenuTrigger = 'hover' | 'click'
 
 /** Toggleable menu for displaying lists of links and actions */
-export declare class ElDropdown extends ElementUIComponent {
+interface IDropdown extends ElementUIComponent {
   /** Menu button type. only works when split-button is true */
   type: ButtonType
 
@@ -33,3 +33,5 @@ export declare class ElDropdown extends ElementUIComponent {
   /** Dropdown tabindex */
   tabindex: number
 }
+
+export const ElDropdown:IDropdown

types/element3.d.ts

@@ -46,7 +46,6 @@ export { useLoading } from './loading'
 export { useMsgbox } from './message-box'
 export { ElSteps } from './steps'
 export { ElUpload } from './upload'
-
 import { ElCollapse } from './collapse'
 import { ElCollapseItem } from './collapse-item'
 import { ElColorPicker } from './color-picker'
@@ -57,6 +56,7 @@ import { ElDropdownItem } from './dropdown-item'
 import { ElDropdownMenu } from './dropdown-menu'
 import { ElForm } from './form'
 import { ElFormItem } from './form-item'
+
 import { ElInput } from './input'
 import { ElInputNumber } from './input-number'
 import { ElLoading } from './loading'

types/form-item.d.ts

@@ -1,7 +1,7 @@
 import { ElementUIComponent, ElementUIComponentSize } from './component'
 
 /** FormItem Component */
-export declare class ElFormItem extends ElementUIComponent {
+interface IFormItem extends ElementUIComponent {
   /** A key of `model` of the enclosing `el-form` component */
   prop: string
 
@@ -35,3 +35,5 @@ export declare class ElFormItem extends ElementUIComponent {
   /** Remove validation status of the field */
   clearValidate (): void
 }
+
+export const ElFormItem:IFormItem

types/form.d.ts

@@ -22,7 +22,7 @@ export interface ValidateFieldCallback {
 }
 
 /** Form Component */
-export declare class ElForm extends ElementUIComponent {
+interface IForm extends ElementUIComponent {
   /** Data of form component */
   model: object
 
@@ -80,3 +80,5 @@ export declare class ElForm extends ElementUIComponent {
   /** clear validation message for certain fields */
   clearValidate (props?: string | string[]): void
 }
+
+export const ElForm:IForm

types/image.d.ts

@@ -13,8 +13,9 @@ export interface ImageSlots {
   [key: string]: VNode[]
 }
 
+export const ElImage:IImage
 /** Image Component */
-export declare class ElImage extends ElementUIComponent {
+interface IImage extends ElementUIComponent {
   /** Image source */
   src: string
 

types/menu-item-group.d.ts

@@ -1,7 +1,8 @@
 import { ElementUIComponent } from './component'
 
+export const ElMenuItemGroup:IMenuItemGroup 
 /** Menu Item Group Component */
-export declare class ElMenuItemGroup extends ElementUIComponent {
+interface IMenuItemGroup extends ElementUIComponent {
   /** Group title */
   title: string
 }

types/menu-item.d.ts

@@ -1,7 +1,8 @@
 import { ElementUIComponent } from './component'
 
+export const ElMenuItem:IMenuItem 
 /** Menu Item Component */
-export declare class ElMenuItem extends ElementUIComponent {
+interface IMenuItem extends ElementUIComponent {
   /** Unique identification */
   index: string
 

types/option-group.d.ts

@@ -1,7 +1,8 @@
 import { ElementUIComponent } from './component'
 
+export const ElOptionGroup:IOptionGroup
 /** Dropdown Select Option Group Component */
-export declare class ElOptionGroup extends ElementUIComponent {
+interface IOptionGroup extends ElementUIComponent {
   /** Name of the group */
   label: string
 

types/option.d.ts

@@ -1,7 +1,8 @@
 import { ElementUIComponent } from './component'
 
+export const ElOption:IOption
 /** Dropdown Select Option Component */
-export declare class ElOption extends ElementUIComponent {
+interface IOption extends ElementUIComponent {
   /** Value of option */
   value: any
 

types/page-header.d.ts

@@ -1,7 +1,8 @@
 import { ElementUIComponent } from './component'
 
+export const ElPageHeader:IPageHeader
 /** PageHeader Component */
-export declare class ElPageHeader extends ElementUIComponent {
+interface IPageHeader extends ElementUIComponent {
   /** title */
   title: String
 

types/popconfirm.d.ts

@@ -1,8 +1,9 @@
 import { ElementUIComponent } from './component'
 import { ElPopover } from './popover'
 
+export const ElPopconfirm:IPopconfirm
 /** Popconfirm Component */
-export declare class ElPopconfirm extends ElPopover {
+interface IPopconfirm extends ElPopover {
   /** Popconfirm title */
   title: string
 

types/popover.d.ts

@@ -20,8 +20,9 @@ export interface ElPopoverDirective extends VNodeDirective {
   arg: string
 }
 
+export const ElPopover:IPopover
 /** Popover Component */
-export declare class ElPopover extends ElementUIComponent {
+interface IPopover extends ElementUIComponent {
   /** How the popover is triggered */
   trigger: PopoverTrigger
 

types/step.d.ts

@@ -16,8 +16,9 @@ export interface StepRenderSlots {
   [key: string]: VNode[]
 }
 
+export const ElStep:IStep
 /** Step Component */
-export declare class ElStep extends ElementUIComponent {
+interface IStep extends ElementUIComponent {
   /** Step title */
   title: string
 

types/submenu.d.ts

@@ -1,7 +1,8 @@
 import { ElementUIComponent } from './component'
 
+export const ElSubmenu:ISubmenu
 /** Submenu Component */
-export declare class ElSubmenu extends ElementUIComponent {
+interface ISubmenu extends ElementUIComponent {
   /** Unique identification */
   index: string | null
 

types/tab-pane.d.ts

@@ -1,7 +1,8 @@
 import { ElementUIComponent } from './component'
 
+export const ElTabPane:ITabPane
 /** Tab Pane Component */
-export declare class ElTabPane extends ElementUIComponent {
+interface ITabPane extends ElementUIComponent {
   /** Title of the tab */
   label: string
 

types/table-column.d.ts

@@ -38,8 +38,9 @@ export interface TableColumnFilter {
   value: any
 }
 
+export const ElTableColumn:ITableColumn
 /** TableColumn Component */
-export declare class ElTableColumn extends ElementUIComponent {
+interface ITableColumn extends ElementUIComponent {
   /** Type of the column. If set to `selection`, the column will display checkbox. If set to `index`, the column will display index of the row (staring from 1). If set to `expand`, the column will display expand icon. */
   type: TableColumnType
 

types/table.d.ts

@@ -37,8 +37,9 @@ export interface treeNode {
   loaded: boolean
 }
 
+export const ElTable:ITable
 /** Table Component */
-export declare class ElTable extends ElementUIComponent {
+interface ITable extends ElementUIComponent {
   /** Table data */
   data: object[]
 

types/time-picker.d.ts

@@ -12,8 +12,9 @@ export interface TimePickerOptions {
   format?: string
 }
 
+export const ElTimePicker:ITimePicker
 /** TimePicker Component */
-export declare class ElTimePicker extends ElementUIComponent {
+interface ITimePicker extends ElementUIComponent {
   /** Whether DatePicker is read only */
   readonly: boolean
 

types/time-select.d.ts

@@ -17,8 +17,9 @@ export interface TimeSelectOptions {
   maxTime?: string
 }
 
+export const ElTimeSelect:ITimeSelect
 /** TimeSelect Component */
-export declare class ElTimeSelect extends ElementUIComponent {
+interface ITimeSelect extends ElementUIComponent {
   /** Whether DatePicker is read only */
   readonly: boolean