import type { ExtractPropTypes } from 'vue';
import type {
  CascaderProps,
  IconProps,
  RowProps,
  ColProps,
  BreadcrumbProps,
  BreadcrumbItemProps,
  InputProps,
  TagProps,
  AvatarProps,
  PopoverProps,
  ElTooltipProps as TooltipProps,
  PopconfirmProps,
  AlertProps,
  ButtonProps,
  CardProps,
  EmptyProps,
  ProgressProps,
  MenuProps,
  MenuItemProps,
  SubMenuProps,
  MenuItemGroupProps,
  FormItemProps,
  BadgeProps,
  LinkProps,
  DialogProps,
  StepProps,
  TabsProps,
  TabPaneProps,
  TableProps,
  TableV2Props,
  ImageProps,
  ElAutocomplete,
  ElCascader,
  ElPopper,
  ElPopover,
  ElTooltip,
  ElBreadcrumb,
  ElDrawer,
  ElInput,
  ElDropdown,
  ElMenu,
  ElSubMenu,
  ElDialog,
  ElTable,
  ElTableV2,
  ElTabs,
  ElImage,
  ElScrollbar,
  ElTreeV2,
  ElForm,
  ElFormItem,
  FormItemRule
} from 'element-plus';
import type { dropdownProps } from 'element-plus';
import type { dropdownItemProps } from 'element-plus';
import type columnProps from 'element-plus/es/components/table/src/table-column/defaults';
import type { TreeProps } from 'element-plus/es/components/tree-v2/src/types';
import type { ComponentProps } from './types';

export type ElFormItemRule = Partial<FormItemRule>;

/**
 * 组件属性
 */
export type ElCascaderProps = ComponentProps<CascaderProps>;

export type ElIconProps = ComponentProps<IconProps>;

export type ElRowProps = ComponentProps<RowProps>;

export type ElColProps = ComponentProps<ColProps>;

export type ElBreadcrumbProps = ComponentProps<BreadcrumbProps>;

export type ElBreadcrumbItemProps = ComponentProps<BreadcrumbItemProps>;

export type ElDropdownProps = ComponentProps<
  ExtractPropTypes<typeof dropdownProps>
>;

export type ElDropdownItemProps = ComponentProps<
  ExtractPropTypes<typeof dropdownItemProps>
>;

export type ElInputProps = ComponentProps<InputProps>;

export type ElTagProps = ComponentProps<TagProps>;

export type ElAvatarProps = ComponentProps<AvatarProps>;

export type ElTooltipProps = Partial<TooltipProps>;

export type ElPopoverProps = Partial<PopoverProps>;

export type ElPopconfirmProps = Partial<PopconfirmProps>;

export type ElAlertProps = ComponentProps<AlertProps>;

export type ElButtonProps = ComponentProps<ButtonProps>;

export type ElCardProps = ComponentProps<CardProps>;

export type ElEmptyProps = ComponentProps<EmptyProps>;

export type ElProgressProps = ComponentProps<ProgressProps>;

export type ElMenuProps = ComponentProps<MenuProps>;

export type ElMenuItemProps = ComponentProps<MenuItemProps>;

export type ElSubMenuProps = ComponentProps<SubMenuProps>;

export type ElMenuItemGroupProps = ComponentProps<MenuItemGroupProps>;

export type ElFormItemProps = ComponentProps<FormItemProps>;

export type ElBadgeProps = ComponentProps<BadgeProps>;

export type ElLinkProps = ComponentProps<LinkProps>;

export type ElDialogProps = ComponentProps<DialogProps>;

export type ElStepProps = ComponentProps<StepProps>;

export type ElTabsProps = ComponentProps<TabsProps>;

export type ElTabPaneProps = ComponentProps<TabPaneProps>;

export type ElTableProps<T> = ComponentProps<TableProps<T>>;

export type ElTableV2Props = ComponentProps<TableV2Props>;

export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;

export type ElTreeV2Props = ComponentProps<TreeProps>;

export type ElImageProps = ComponentProps<ImageProps>;

/**
 * 组件实例
 */
export type ElAutocompleteInstance = InstanceType<typeof ElAutocomplete> | null;

export type ElCascaderInstance = InstanceType<typeof ElCascader> | null;

export type ElPopperInstance = InstanceType<typeof ElPopper> | null;

export type ElPopoverInstance = InstanceType<typeof ElPopover> | null;

export type ElTooltipInstance = InstanceType<typeof ElTooltip> | null;

export type ElBreadcrumbInstance = InstanceType<typeof ElBreadcrumb> | null;

export type ElDrawerInstance = InstanceType<typeof ElDrawer> | null;

export type ElInputInstance = InstanceType<typeof ElInput> | null;

export type ElDropdownInstance = InstanceType<typeof ElDropdown> | null;

export type ElMenuInstance = InstanceType<typeof ElMenu> | null;

export type ElSubMenuInstance = InstanceType<typeof ElSubMenu> | null;

export type ElDialogInstance = InstanceType<typeof ElDialog> | null;

export type ElTableInstance = InstanceType<typeof ElTable> | null;

export type ElTableV2Instance = InstanceType<typeof ElTableV2> | null;

export type ElTabsInstance = InstanceType<typeof ElTabs> | null;

export type ElImageInstance = InstanceType<typeof ElImage> | null;

export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;

export type ElTreeV2Instance = InstanceType<typeof ElTreeV2> | null;

export type ElFormInstance = InstanceType<typeof ElForm> | null;

export type ElFormItemInstance = InstanceType<typeof ElFormItem> | null;