ele-admin-plus 1.1.9 → 1.2.0-beta.2

package/{es/ele-pro-layout → lib/ele-admin-layout}/style/tabs.scss

@@ -7,14 +7,15 @@
   background: eleVar('header', 'bg');
   box-shadow: eleVar('header', 'shadow');
   z-index: calc(#{eleVar('layout', 'index')} + 1);
+  $padding: eleVar('page', 'padding', #{eleVar('header', 'tools-padding')});
 
   &:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-    padding-left: eleVar('page', 'padding');
+    padding-left: $padding;
   }
 
-  /* 固定主页页签 */
+  /* 固定的主页页签 */
   &.is-fixed-home {
-    padding-left: eleVar('page', 'padding');
+    padding-left: $padding;
 
     &.is-tag .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
       padding-left: eleVar('tab', 'tag-space');
@@ -25,21 +26,25 @@
     }
   }
 
-  /* 页签风格适配 */
+  /* 标签风格页签栏 */
   &.is-tag {
     padding-right: eleVar('tab', 'tag-space');
   }
 
+  /* 卡片风格页签栏 */
   &.is-button {
-    padding-right: eleVar('page', 'padding');
+    padding-right: $padding;
     background: eleVar('layout', 'bg');
     box-shadow: none;
   }
-}
 
-/* 顶栏阴影改分割线 */
-.ele-admin-open-tab:not(.ele-admin-tab-card) {
-  .ele-admin-header:not(.is-dark):not(.is-primary) {
-    box-shadow: 0 -0.8px 0 eleVar('header', 'line-color') inset;
+  /* 固定页签栏 */
+  &.is-fixed {
+    position: sticky;
+    top: eleVar('header', 'height');
+  }
+
+  &.is-fixed-top {
+    top: 0;
   }
 }

package/lib/ele-admin-layout/types.d.ts

@@ -0,0 +1,52 @@
+/**
+ * 布局类型
+ */
+export type Layout = 'default' | 'top' | 'mix' | 'side';
+
+/**
+ * 侧栏布局类型
+ */
+export type SidebarLayout = 'default' | 'mix' | 'box';
+
+/**
+ * 顶栏风格
+ */
+export type HeaderStyle = 'light' | 'dark' | 'primary';
+
+/**
+ * 侧栏风格
+ */
+export type SidebarStyle = 'light' | 'dark';
+
+/**
+ * 页签风格
+ */
+export type TabStyle = 'simple' | 'indicator' | 'button' | 'tag';
+
+/**
+ * 页签栏显示位置
+ */
+export type TabBar = boolean | 'header';
+
+/**
+ * 内容区最大化
+ */
+export type Maximized = boolean | 'expanded';
+
+/**
+ * 共享数据
+ */
+export interface LayoutProvide {
+  /** 布局类型 */
+  layout?: Layout;
+  /** 内容区是否最大化 */
+  maximized?: Maximized;
+  /** 是否固定顶栏 */
+  fixedHeader?: boolean;
+  /** 是否固定内容区 */
+  fixedBody?: boolean;
+  /** 模态框容器节点 */
+  modalsEl?: HTMLElement | null;
+  /** 获取模态框容器节点 */
+  getModalsEl?: () => HTMLElement | null;
+}

package/lib/ele-alert/index.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{
     title: StringConstructor;
-    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -30,7 +30,7 @@ declare const _default: import('vue').DefineComponent<{
     close: (_e: MouseEvent) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     title: StringConstructor;
-    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -54,9 +54,9 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onClose?: ((_e: MouseEvent) => any) | undefined;
 }, {
-    center: boolean;
     closable: boolean;
     showIcon: boolean;
+    center: boolean;
     transitionName: string;
 }, {}>;
 export default _default;

package/lib/ele-alert/props.d.ts

@@ -8,7 +8,7 @@ export declare const alertProps: {
     /** 标题 */
     title: StringConstructor;
     /** 类型 */
-    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
     /** 描述 */
     description: StringConstructor;
     /** 是否可关闭 */

package/lib/ele-alert/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-alert/style/index.scss

@@ -54,7 +54,7 @@
     border-radius: eleVar('alert', 'close-radius');
     color: eleVar('alert', 'close-color');
     font-size: eleVar('alert', 'close-font-size');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
     margin: eleVar('alert', 'close-margin');
     cursor: pointer;
 

package/lib/ele-app/components/message-body.cjs

@@ -0,0 +1,91 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../../icons");
+const _sfc_main = vue.defineComponent({
+  name: "MessageBody",
+  components: {
+    ElIcon: elementPlus.ElIcon,
+    CloseOutlined: icons.CloseOutlined,
+    InfoCircleFilled: icons.InfoCircleFilled,
+    CheckCircleFilled: icons.CheckCircleFilled,
+    ExclamationCircleFilled: icons.ExclamationCircleFilled,
+    CloseCircleFilled: icons.CloseCircleFilled,
+    LoadingOutlined: icons.LoadingOutlined
+  },
+  props: {
+    /** 内容 */
+    message: String,
+    /** 类型 */
+    type: String,
+    /** 图标 */
+    icon: [String, Object, Function],
+    /** 是否显示关闭按钮 */
+    showClose: Boolean,
+    /** 内容是否是富文本 */
+    dangerouslyUseHTMLString: Boolean,
+    /** 是否是加载框 */
+    loading: Boolean
+  },
+  emits: {
+    close: () => true
+  },
+  setup(_props, { emit }) {
+    return { onClose: () => emit("close") };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-message-icon" };
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+  key: 1,
+  class: "ele-message-content"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_LoadingOutlined = vue.resolveComponent("LoadingOutlined");
+  const _component_CheckCircleFilled = vue.resolveComponent("CheckCircleFilled");
+  const _component_ExclamationCircleFilled = vue.resolveComponent("ExclamationCircleFilled");
+  const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
+  const _component_InfoCircleFilled = vue.resolveComponent("InfoCircleFilled");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_CloseOutlined = vue.resolveComponent("CloseOutlined");
+  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    vue.createElementVNode("div", _hoisted_1, [
+      vue.createVNode(_component_ElIcon, {
+        class: vue.normalizeClass({ "is-loading": _ctx.loading })
+      }, {
+        default: vue.withCtx(() => [
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_LoadingOutlined, { key: 1 })) : _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_CheckCircleFilled, { key: 2 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_ExclamationCircleFilled, { key: 3 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_CloseCircleFilled, { key: 4 })) : (vue.openBlock(), vue.createBlock(_component_InfoCircleFilled, { key: 5 }))
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ]),
+    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+      _ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        innerHTML: _ctx.message,
+        class: "ele-message-content"
+      }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(_ctx.message), 1))
+    ]),
+    _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: "ele-message-close",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
+    }, [
+      vue.createVNode(_component_ElIcon, null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_CloseOutlined)
+        ]),
+        _: 1
+      })
+    ])) : vue.createCommentVNode("", true)
+  ], 64);
+}
+const messageBody = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = messageBody;

package/lib/ele-app/components/message-body.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 内容 */
+    message: StringConstructor;
+    /** 类型 */
+    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    /** 图标 */
+    icon: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
+    /** 是否显示关闭按钮 */
+    showClose: BooleanConstructor;
+    /** 内容是否是富文本 */
+    dangerouslyUseHTMLString: BooleanConstructor;
+    /** 是否是加载框 */
+    loading: PropType<boolean | null>;
+}, {
+    onClose: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 内容 */
+    message: StringConstructor;
+    /** 类型 */
+    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    /** 图标 */
+    icon: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
+    /** 是否显示关闭按钮 */
+    showClose: BooleanConstructor;
+    /** 内容是否是富文本 */
+    dangerouslyUseHTMLString: BooleanConstructor;
+    /** 是否是加载框 */
+    loading: PropType<boolean | null>;
+}>> & {
+    onClose?: (() => any) | undefined;
+}, {
+    showClose: boolean;
+    dangerouslyUseHTMLString: boolean;
+}, {}>;
+export default _default;

package/lib/ele-app/el.d.ts

@@ -1,182 +1,294 @@
 import type { ExtractPropTypes } from 'vue';
 import type {
-  CascaderProps,
-  IconProps,
-  RowProps,
-  ColProps,
+  // ElAlert
+  AlertProps,
+  // ElAutocomplete
+  ElAutocomplete,
+  // ElAvatar
+  AvatarProps,
+  // ElBadge
+  BadgeProps,
+  // ElBreadcrumb
+  ElBreadcrumb,
   BreadcrumbProps,
   BreadcrumbItemProps,
-  InputProps,
-  TagProps,
-  AvatarProps,
-  PopoverProps,
-  ElTooltipProps as TooltipProps,
-  PopconfirmProps,
-  AlertProps,
+  // ElButton
   ButtonProps,
+  // ElCard
   CardProps,
+  // ElCascader
+  ElCascader,
+  CascaderProps,
+  // ElDialog
+  ElDialog,
+  DialogProps,
+  // ElDrawer
+  ElDrawer,
+  // ElDropdown
+  ElDropdown,
+  dropdownProps,
+  dropdownItemProps,
+  // ElEmpty
   EmptyProps,
-  ProgressProps,
+  // ElForm
+  ElForm,
+  ElFormItem,
+  FormItemProps,
+  FormItemRule,
+  // ElIcon
+  IconProps,
+  // ElImage
+  ElImage,
+  ImageProps,
+  // ElInput
+  ElInput,
+  InputProps,
+  // ElLink
+  LinkProps,
+  // ElMenu
+  ElMenu,
   MenuProps,
-  MenuItemProps,
+  ElSubMenu,
   SubMenuProps,
+  MenuItemProps,
   MenuItemGroupProps,
-  FormItemProps,
-  BadgeProps,
-  LinkProps,
-  DialogProps,
-  StepProps,
-  TabsProps,
-  TabPaneProps,
-  TableProps,
-  TableV2Props,
-  ImageProps,
-  ElAutocomplete,
-  ElCascader,
+  // ElMessage
+  MessageOptions,
+  // ElPopper
   ElPopper,
   ElPopover,
+  PopoverProps,
   ElTooltip,
-  ElBreadcrumb,
-  ElDrawer,
-  ElInput,
-  ElDropdown,
-  ElMenu,
-  ElSubMenu,
-  ElDialog,
+  ElTooltipProps as TooltipProps,
+  PopconfirmProps,
+  // ElProgress
+  ProgressProps,
+  // ElRow
+  RowProps,
+  ColProps,
+  // ElScrollbar
+  ElScrollbar,
+  // ElStep
+  StepProps,
+  // ElTable
   ElTable,
+  TableProps,
   ElTableV2,
+  TableV2Props,
+  // ElTabs
   ElTabs,
-  ElImage,
-  ElScrollbar,
-  ElTreeV2,
-  ElForm,
-  ElFormItem,
-  FormItemRule
+  TabsProps,
+  TabPaneProps,
+  // ElTag
+  ElTag,
+  TagProps,
+  // ElTreeV2
+  ElTreeV2
 } 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>;
+/**
+ * ElAlert
+ */
+export type ElAlertProps = ComponentProps<AlertProps>;
 
 /**
- * 组件属性
+ * ElAutocomplete
  */
-export type ElCascaderProps = ComponentProps<CascaderProps>;
+export type ElAutocompleteInstance = InstanceType<typeof ElAutocomplete> | null;
 
-export type ElIconProps = ComponentProps<IconProps>;
+/**
+ * ElAvatar
+ */
+export type ElAvatarProps = ComponentProps<AvatarProps>;
 
-export type ElRowProps = ComponentProps<RowProps>;
+/**
+ * ElBadge
+ */
+export type ElBadgeProps = ComponentProps<BadgeProps>;
 
-export type ElColProps = ComponentProps<ColProps>;
+/**
+ * ElBreadcrumb
+ */
+export type ElBreadcrumbInstance = InstanceType<typeof ElBreadcrumb> | null;
 
 export type ElBreadcrumbProps = ComponentProps<BreadcrumbProps>;
 
 export type ElBreadcrumbItemProps = ComponentProps<BreadcrumbItemProps>;
 
-export type ElDropdownProps = ComponentProps<
-  ExtractPropTypes<typeof dropdownProps>
->;
-
-export type ElDropdownItemProps = ComponentProps<
-  ExtractPropTypes<typeof dropdownItemProps>
->;
+/**
+ * ElButton
+ */
+export type ElButtonProps = ComponentProps<ButtonProps>;
 
-export type ElInputProps = ComponentProps<InputProps>;
+/**
+ * ElCard
+ */
+export type ElCardProps = ComponentProps<CardProps>;
 
-export type ElTagProps = ComponentProps<TagProps>;
+/**
+ * ElCascader
+ */
+export type ElCascaderInstance = InstanceType<typeof ElCascader> | null;
 
-export type ElAvatarProps = ComponentProps<AvatarProps>;
+export type ElCascaderProps = ComponentProps<CascaderProps>;
 
-export type ElTooltipProps = Partial<TooltipProps>;
+/**
+ * ElDialog
+ */
+export type ElDialogInstance = InstanceType<typeof ElDialog> | null;
 
-export type ElPopoverProps = Partial<PopoverProps>;
+export type ElDialogProps = ComponentProps<DialogProps>;
 
-export type ElPopconfirmProps = Partial<PopconfirmProps>;
+/**
+ * ElDrawer
+ */
+export type ElDrawerInstance = InstanceType<typeof ElDrawer> | null;
 
-export type ElAlertProps = ComponentProps<AlertProps>;
+/**
+ * ElDropdown
+ */
+export type ElDropdownInstance = InstanceType<typeof ElDropdown> | null;
 
-export type ElButtonProps = ComponentProps<ButtonProps>;
+export type ElDropdownProps = ComponentProps<
+  ExtractPropTypes<typeof dropdownProps>
+>;
 
-export type ElCardProps = ComponentProps<CardProps>;
+export type ElDropdownItemProps = ComponentProps<
+  ExtractPropTypes<typeof dropdownItemProps>
+>;
 
+/**
+ * ElEmpty
+ */
 export type ElEmptyProps = ComponentProps<EmptyProps>;
 
-export type ElProgressProps = ComponentProps<ProgressProps>;
-
-export type ElMenuProps = ComponentProps<MenuProps>;
+/**
+ * ElForm
+ */
+export type ElFormInstance = InstanceType<typeof ElForm> | null;
 
-export type ElMenuItemProps = ComponentProps<MenuItemProps>;
+export type ElFormItemInstance = InstanceType<typeof ElFormItem> | null;
 
-export type ElSubMenuProps = ComponentProps<SubMenuProps>;
+export type ElFormItemProps = ComponentProps<FormItemProps>;
 
-export type ElMenuItemGroupProps = ComponentProps<MenuItemGroupProps>;
+export type ElFormItemRule = Partial<FormItemRule>;
 
-export type ElFormItemProps = ComponentProps<FormItemProps>;
+/**
+ * ElIcon
+ */
+export type ElIconProps = ComponentProps<IconProps>;
 
-export type ElBadgeProps = ComponentProps<BadgeProps>;
+/**
+ * ElImage
+ */
+export type ElImageInstance = InstanceType<typeof ElImage> | null;
 
-export type ElLinkProps = ComponentProps<LinkProps>;
+export type ElImageProps = ComponentProps<ImageProps>;
 
-export type ElDialogProps = ComponentProps<DialogProps>;
+/**
+ * ElInput
+ */
+export type ElInputInstance = InstanceType<typeof ElInput> | null;
 
-export type ElStepProps = ComponentProps<StepProps>;
+export type ElInputProps = ComponentProps<InputProps>;
 
-export type ElTabsProps = ComponentProps<TabsProps>;
+/**
+ * ElLink
+ */
+export type ElLinkProps = ComponentProps<LinkProps>;
 
-export type ElTabPaneProps = ComponentProps<TabPaneProps>;
+/**
+ * ElMenu
+ */
+export type ElMenuInstance = InstanceType<typeof ElMenu> | null;
 
-export type ElTableProps<T> = ComponentProps<TableProps<T>>;
+export type ElMenuProps = ComponentProps<MenuProps>;
 
-export type ElTableV2Props = ComponentProps<TableV2Props>;
+export type ElSubMenuInstance = InstanceType<typeof ElSubMenu> | null;
 
-export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
+export type ElSubMenuProps = ComponentProps<SubMenuProps>;
 
-export type ElTreeV2Props = ComponentProps<TreeProps>;
+export type ElMenuItemProps = ComponentProps<MenuItemProps>;
 
-export type ElImageProps = ComponentProps<ImageProps>;
+export type ElMenuItemGroupProps = ComponentProps<MenuItemGroupProps>;
 
 /**
- * 组件实例
+ * ElMessage
  */
-export type ElAutocompleteInstance = InstanceType<typeof ElAutocomplete> | null;
-
-export type ElCascaderInstance = InstanceType<typeof ElCascader> | null;
+export type ElMessageOptions = Partial<MessageOptions>;
 
+/**
+ * ElPopper
+ */
 export type ElPopperInstance = InstanceType<typeof ElPopper> | null;
 
 export type ElPopoverInstance = InstanceType<typeof ElPopover> | null;
 
+export type ElPopoverProps = Partial<PopoverProps>;
+
 export type ElTooltipInstance = InstanceType<typeof ElTooltip> | null;
 
-export type ElBreadcrumbInstance = InstanceType<typeof ElBreadcrumb> | null;
+export type ElTooltipProps = Partial<TooltipProps>;
 
-export type ElDrawerInstance = InstanceType<typeof ElDrawer> | null;
+export type ElPopconfirmProps = Partial<PopconfirmProps>;
 
-export type ElInputInstance = InstanceType<typeof ElInput> | null;
+/**
+ * ElProgress
+ */
+export type ElProgressProps = ComponentProps<ProgressProps>;
 
-export type ElDropdownInstance = InstanceType<typeof ElDropdown> | null;
+/**
+ * ElRow
+ */
+export type ElRowProps = ComponentProps<RowProps>;
 
-export type ElMenuInstance = InstanceType<typeof ElMenu> | null;
+export type ElColProps = ComponentProps<ColProps>;
 
-export type ElSubMenuInstance = InstanceType<typeof ElSubMenu> | null;
+/**
+ * ElScrollbar
+ */
+export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;
 
-export type ElDialogInstance = InstanceType<typeof ElDialog> | null;
+/**
+ * ElStep
+ */
+export type ElStepProps = ComponentProps<StepProps>;
 
+/**
+ * ElTable
+ */
 export type ElTableInstance = InstanceType<typeof ElTable> | null;
 
+export type ElTableProps<T> = ComponentProps<TableProps<T>>;
+
+export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
+
 export type ElTableV2Instance = InstanceType<typeof ElTableV2> | null;
 
+export type ElTableV2Props = ComponentProps<TableV2Props>;
+
+/**
+ * ElTabs
+ */
 export type ElTabsInstance = InstanceType<typeof ElTabs> | null;
 
-export type ElImageInstance = InstanceType<typeof ElImage> | null;
+export type ElTabsProps = ComponentProps<TabsProps>;
 
-export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;
+export type ElTabPaneProps = ComponentProps<TabPaneProps>;
 
-export type ElTreeV2Instance = InstanceType<typeof ElTreeV2> | null;
+/**
+ * ElTag
+ */
+export type ElTagInstance = InstanceType<typeof ElTag> | null;
 
-export type ElFormInstance = InstanceType<typeof ElForm> | null;
+export type ElTagProps = ComponentProps<TagProps>;
 
-export type ElFormItemInstance = InstanceType<typeof ElFormItem> | null;
+/**
+ * ElTreeV2
+ */
+export type ElTreeV2Instance = InstanceType<typeof ElTreeV2> | null;
+
+export type ElTreeV2Props = ComponentProps<TreeProps>;