ele-admin-plus 1.1.4 → 1.1.5-beta.1

package/es/components.d.ts

@@ -13,6 +13,7 @@ export { default as EleCountUp } from "./ele-count-up/index";
 export { default as EleCropper } from "./ele-cropper/index";
 export { default as EleCropperModal } from "./ele-cropper-modal/index";
 export { default as EleDashboard } from "./ele-dashboard/index";
+export { default as EleDataTable } from './ele-data-table/index';
 export { default as EleDot } from "./ele-dot/index";
 export { default as EleDrawer } from "./ele-drawer/index";
 export { default as EleDropdown } from "./ele-dropdown/index";
@@ -48,5 +49,6 @@ export { default as EleToolbar } from "./ele-toolbar/index";
 export { default as EleTooltip } from "./ele-tooltip/index";
 export { default as EleTour } from "./ele-tour/index";
 export { default as EleUploadList } from "./ele-upload-list/index";
+export { default as EleVirtualTable } from "./ele-virtual-table/index";
 export { default as EleWatermark } from "./ele-watermark/index";
 export { default as EleXgPlayer } from "./ele-xg-player/index";

package/es/components.js

@@ -13,43 +13,45 @@ import { default as default13 } from "./ele-count-up/index";
 import { default as default14 } from "./ele-cropper/index";
 import { default as default15 } from "./ele-cropper-modal/index";
 import { default as default16 } from "./ele-dashboard/index";
-import { default as default17 } from "./ele-dot/index";
-import { default as default18 } from "./ele-drawer/index";
-import { default as default19 } from "./ele-dropdown/index";
-import { default as default20 } from "./ele-edit-tag/index";
-import { default as default21 } from "./ele-ellipsis/index";
-import { default as default22 } from "./ele-file-list/index";
-import { default as default23 } from "./ele-file-list-tool/index";
-import { default as default24 } from "./ele-icon-select/index";
-import { default as default25 } from "./ele-loading/index";
-import { default as default26 } from "./ele-map-picker/index";
-import { default as default27 } from "./ele-menus/index";
-import { default as default28 } from "./ele-modal/index";
-import { default as default29 } from "./ele-page/index";
-import { default as default30 } from "./ele-pagination/index";
-import { default as default31 } from "./ele-popconfirm/index";
-import { default as default32 } from "./ele-popover/index";
-import { default as default33 } from "./ele-printer/index";
-import { default as default34 } from "./ele-pro-layout/index";
-import { default as default35 } from "./ele-pro-table/index";
-import { default as default36 } from "./ele-qr-code/index";
-import { default as default37 } from "./ele-qr-code-svg/index";
-import { default as default38 } from "./ele-segmented/index";
-import { default as default39 } from "./ele-split-panel/index";
-import { default as default40 } from "./ele-steps/index";
-import { default as default41 } from "./ele-tabs/index";
-import { default as default42 } from "./ele-tab-tool/index";
-import { default as default43 } from "./ele-tab-wrap/index";
-import { default as default44 } from "./ele-table/index";
-import { default as default45 } from "./ele-table-select/index";
-import { default as default46 } from "./ele-text/index";
-import { default as default47 } from "./ele-tool/index";
-import { default as default48 } from "./ele-toolbar/index";
-import { default as default49 } from "./ele-tooltip/index";
-import { default as default50 } from "./ele-tour/index";
-import { default as default51 } from "./ele-upload-list/index";
-import { default as default52 } from "./ele-watermark/index";
-import { default as default53 } from "./ele-xg-player/index";
+import { default as default17 } from "./ele-data-table/index";
+import { default as default18 } from "./ele-dot/index";
+import { default as default19 } from "./ele-drawer/index";
+import { default as default20 } from "./ele-dropdown/index";
+import { default as default21 } from "./ele-edit-tag/index";
+import { default as default22 } from "./ele-ellipsis/index";
+import { default as default23 } from "./ele-file-list/index";
+import { default as default24 } from "./ele-file-list-tool/index";
+import { default as default25 } from "./ele-icon-select/index";
+import { default as default26 } from "./ele-loading/index";
+import { default as default27 } from "./ele-map-picker/index";
+import { default as default28 } from "./ele-menus/index";
+import { default as default29 } from "./ele-modal/index";
+import { default as default30 } from "./ele-page/index";
+import { default as default31 } from "./ele-pagination/index";
+import { default as default32 } from "./ele-popconfirm/index";
+import { default as default33 } from "./ele-popover/index";
+import { default as default34 } from "./ele-printer/index";
+import { default as default35 } from "./ele-pro-layout/index";
+import { default as default36 } from "./ele-pro-table/index";
+import { default as default37 } from "./ele-qr-code/index";
+import { default as default38 } from "./ele-qr-code-svg/index";
+import { default as default39 } from "./ele-segmented/index";
+import { default as default40 } from "./ele-split-panel/index";
+import { default as default41 } from "./ele-steps/index";
+import { default as default42 } from "./ele-tabs/index";
+import { default as default43 } from "./ele-tab-tool/index";
+import { default as default44 } from "./ele-tab-wrap/index";
+import { default as default45 } from "./ele-table/index";
+import { default as default46 } from "./ele-table-select/index";
+import { default as default47 } from "./ele-text/index";
+import { default as default48 } from "./ele-tool/index";
+import { default as default49 } from "./ele-toolbar/index";
+import { default as default50 } from "./ele-tooltip/index";
+import { default as default51 } from "./ele-tour/index";
+import { default as default52 } from "./ele-upload-list/index";
+import { default as default53 } from "./ele-virtual-table/index";
+import { default as default54 } from "./ele-watermark/index";
+import { default as default55 } from "./ele-xg-player/index";
 export {
   default2 as EleAlert,
   default3 as EleApp,
@@ -66,41 +68,43 @@ export {
   default14 as EleCropper,
   default15 as EleCropperModal,
   default16 as EleDashboard,
-  default17 as EleDot,
-  default18 as EleDrawer,
-  default19 as EleDropdown,
-  default20 as EleEditTag,
-  default21 as EleEllipsis,
-  default22 as EleFileList,
-  default23 as EleFileListTool,
-  default24 as EleIconSelect,
-  default25 as EleLoading,
-  default26 as EleMapPicker,
-  default27 as EleMenus,
-  default28 as EleModal,
-  default29 as ElePage,
-  default30 as ElePagination,
-  default31 as ElePopconfirm,
-  default32 as ElePopover,
-  default33 as ElePrinter,
-  default34 as EleProLayout,
-  default35 as EleProTable,
-  default36 as EleQrCode,
-  default37 as EleQrCodeSvg,
-  default38 as EleSegmented,
-  default39 as EleSplitPanel,
-  default40 as EleSteps,
-  default42 as EleTabTool,
-  default43 as EleTabWrap,
-  default44 as EleTable,
-  default45 as EleTableSelect,
-  default41 as EleTabs,
-  default46 as EleText,
-  default47 as EleTool,
-  default48 as EleToolbar,
-  default49 as EleTooltip,
-  default50 as EleTour,
-  default51 as EleUploadList,
-  default52 as EleWatermark,
-  default53 as EleXgPlayer
+  default17 as EleDataTable,
+  default18 as EleDot,
+  default19 as EleDrawer,
+  default20 as EleDropdown,
+  default21 as EleEditTag,
+  default22 as EleEllipsis,
+  default23 as EleFileList,
+  default24 as EleFileListTool,
+  default25 as EleIconSelect,
+  default26 as EleLoading,
+  default27 as EleMapPicker,
+  default28 as EleMenus,
+  default29 as EleModal,
+  default30 as ElePage,
+  default31 as ElePagination,
+  default32 as ElePopconfirm,
+  default33 as ElePopover,
+  default34 as ElePrinter,
+  default35 as EleProLayout,
+  default36 as EleProTable,
+  default37 as EleQrCode,
+  default38 as EleQrCodeSvg,
+  default39 as EleSegmented,
+  default40 as EleSplitPanel,
+  default41 as EleSteps,
+  default43 as EleTabTool,
+  default44 as EleTabWrap,
+  default45 as EleTable,
+  default46 as EleTableSelect,
+  default42 as EleTabs,
+  default47 as EleText,
+  default48 as EleTool,
+  default49 as EleToolbar,
+  default50 as EleTooltip,
+  default51 as EleTour,
+  default52 as EleUploadList,
+  default53 as EleVirtualTable,
+  default54 as EleWatermark,
+  default55 as EleXgPlayer
 };

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

@@ -4,24 +4,40 @@ import type { ElIconProps } from '../ele-app/types';
  * 属性
  */
 export declare const alertProps: {
+    /** 标题 */
     title: StringConstructor;
+    /** 类型 */
     type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    /** 描述 */
     description: StringConstructor;
+    /** 是否可关闭 */
     closable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否居中 */
     center: BooleanConstructor;
+    /** 自定义关闭按钮文字 */
     closeText: StringConstructor;
+    /** 是否显示图标 */
     showIcon: BooleanConstructor;
+    /** 主题 */
     effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    /** 图标样式 */
     iconStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 图标组件属性 */
     iconProps: PropType<ElIconProps>;
+    /** 关闭图标样式 */
     closeIconStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 关闭图标组件属性 */
     closeIconProps: PropType<ElIconProps>;
+    /** 内容区样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 标题样式 */
     titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 描述样式 */
     descriptionStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 过度动画名称 */
     transitionName: {
         type: StringConstructor;
         default: string;
@@ -32,5 +48,6 @@ export type AlertProps = ExtractPropTypes<typeof alertProps>;
  * 事件
  */
 export declare const alertEmits: {
+    /** 关闭的事件 */
     close: (_e: MouseEvent) => boolean;
 };

package/es/ele-alert/props.js

@@ -1,45 +1,45 @@
 const alertProps = {
-  // 标题
+  /** 标题 */
   title: String,
-  // 类型
+  /** 类型 */
   type: String,
-  // 描述
+  /** 描述 */
   description: String,
-  // 是否可关闭
+  /** 是否可关闭 */
   closable: {
     type: Boolean,
     default: true
   },
-  // 是否居中
+  /** 是否居中 */
   center: Boolean,
-  // 自定义关闭按钮文字
+  /** 自定义关闭按钮文字 */
   closeText: String,
-  // 是否显示图标
+  /** 是否显示图标 */
   showIcon: Boolean,
-  // 主题
+  /** 主题 */
   effect: String,
-  // 图标样式
+  /** 图标样式 */
   iconStyle: Object,
-  // 图标组件属性
+  /** 图标组件属性 */
   iconProps: Object,
-  // 关闭图标样式
+  /** 关闭图标样式 */
   closeIconStyle: Object,
-  // 关闭图标组件属性
+  /** 关闭图标组件属性 */
   closeIconProps: Object,
-  // 内容区样式
+  /** 内容区样式 */
   bodyStyle: Object,
-  // 标题样式
+  /** 标题样式 */
   titleStyle: Object,
-  // 描述样式
+  /** 描述样式 */
   descriptionStyle: Object,
-  // 过度动画名称
+  /** 过度动画名称 */
   transitionName: {
     type: String,
     default: "ele-alert-fade"
   }
 };
 const alertEmits = {
-  // 关闭的事件
+  /** 关闭的事件 */
   close: (_e) => true
 };
 export {

package/es/ele-alert/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 警告提示主题变量 */
 @mixin set-alert-var($var) {
   .ele-alert {
     @include set-ele-var('alert', $var);

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

@@ -64,7 +64,7 @@
     }
   }
 
-  // 含有描述
+  /* 含有描述 */
   &.is-rich {
     align-items: flex-start;
     padding: eleVar('alert', 'rich-padding');
@@ -78,7 +78,7 @@
     }
   }
 
-  // 类型
+  /* 类型 */
   &.is-success {
     background: elVar('color-success', 'light-9');
     border-color: elVar('color-success', 'light-7');
@@ -106,7 +106,7 @@
     }
   }
 
-  // 居中
+  /* 居中 */
   &.is-center {
     justify-content: center;
 
@@ -122,7 +122,7 @@
     }
   }
 
-  // 主题
+  /* 主题 */
   &.is-dark {
     background: elVar('color-primary');
     border-color: elVar('color-primary');

package/es/ele-app/style/common.scss

@@ -13,7 +13,7 @@
     box-sizing: border-box;
   }
 
-  // 日期选择
+  /* 日期选择 */
   &.el-date-editor {
     &.el-input__wrapper {
       width: 100%;
@@ -34,7 +34,7 @@
     }
   }
 
-  // 数字输入框
+  /* 数字输入框 */
   &.el-input-number .el-input__inner {
     text-align: left;
   }

package/es/ele-app/style/css-var.scss

@@ -91,7 +91,7 @@
   }
 }
 
-// 美化滚动条样式
+/* 滚动条样式 */
 @mixin scrollbar-style() {
   ::-webkit-scrollbar {
     width: eleVar('scrollbar', 'size');
@@ -117,13 +117,13 @@
     background: transparent;
   }
 
-  // 火狐浏览器
   * {
     scrollbar-width: thin;
     scrollbar-color: eleVar('scrollbar', 'color') eleVar('scrollbar', 'bg');
   }
 }
 
+/* 美化滚动条样式 */
 @mixin set-scrollbar-style($selector) {
   @if $selector == '' {
     @include scrollbar-style();

package/es/ele-app/style/message.scss

@@ -53,18 +53,17 @@
     #{elVarName('message', 'border-color')}: elVar('color-primary', 'light-8');
   }
 
-  // 简约风格
+  /* 简约风格 */
   &.is-plain {
     #{elVarName('message', 'bg-color')}: eleVar('message', 'plain-bg');
   }
 
-  // 加载框
+  /* 加载框 */
   &.ele-message-loading {
     #{elVarName('message', 'text-color')}: elVar('color-primary');
     #{elVarName('message', 'bg-color')}: elVar('color-primary', 'light-9');
     #{elVarName('message', 'border-color')}: elVar('color-primary', 'light-8');
 
-    // 简约风格
     &.is-plain {
       #{elVarName('message', 'bg-color')}: eleVar('message', 'plain-bg');
     }
@@ -108,14 +107,14 @@
     animation: rotating 1s linear infinite;
   }
 
-  // 遮罩
+  /* 遮罩 */
   &.ele-message-mask {
     box-shadow:
       eleVar('message', 'shadow'),
       0 0 0 eleVar('message-mask', 'size') eleVar('message-mask', 'color');
   }
 
-  // 居中
+  /* 居中 */
   &.is-centered {
     top: 0 !important;
     bottom: 0;

package/es/ele-app/style/overwrite.scss

@@ -1,6 +1,7 @@
 @use '../../style/themes/default.scss' as *;
 @use '../../style/util.scss' as *;
-@use '../../ele-popover/style/css-var.scss' as *;
+@use '../../ele-tooltip/style/css-var.scss' as *;
+@use '../../ele-virtual-table/style/css-var.scss' as *;
 @use './css-var.scss' as *;
 
 @include set-overwrite-var($ele);
@@ -311,6 +312,59 @@
       }
     }
   }
+
+  .el-table-filter__wrap {
+    max-height: eleVar('table-filter', 'max-height');
+  }
+
+  @include filter-checkbox-style($ele-transition);
+
+  .el-table-filter__bottom {
+    padding: eleVar('table-filter', 'footer-padding');
+    border-top: eleVar('table-filter', 'footer-border');
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+
+    & > button {
+      height: 24px;
+      line-height: 24px;
+      padding: 0 11px;
+      font-size: 12px;
+      color: elVar('text-color', 'regular');
+      border-radius: calc(#{elVar('border-radius', 'base')} - 1px);
+      transition: (color $ele-transition, background-color $ele-transition);
+      box-sizing: border-box;
+
+      &:hover {
+        background: elVar('fill-color', 'light');
+      }
+
+      &:active {
+        background: elVar('fill-color');
+      }
+
+      &:first-child {
+        order: 2;
+        color: #fff;
+        background: elVar('color-primary');
+        margin-left: 4px;
+
+        &:hover {
+          background: elVar('color-primary', 'light-3');
+        }
+
+        &:active {
+          background: elVar('color-primary', 'dark-2');
+        }
+
+        &.is-disabled {
+          background: elVar('color-primary', 'light-5');
+        }
+      }
+    }
+  }
 }
 
 /* MessageBox */
@@ -570,6 +624,7 @@ body .el-checkbox {
     color: eleVar('checkbox', 'color');
     font-size: eleVar('checkbox', 'font-size');
     line-height: eleVar('checkbox', 'size');
+    transition: (color $ele-transition, font-weight $ele-transition);
   }
 
   .el-checkbox__inner {
@@ -1405,7 +1460,7 @@ body .el-backtop {
       border-top: eleVar('timepicker', 'line');
       border-bottom: eleVar('timepicker', 'line');
       pointer-events: none;
-      z-index: 5;
+      z-index: 1;
     }
 
     &::after {

package/es/ele-app/types/index.d.ts

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes, CSSProperties } from 'vue';
-import type { IconProps, RowProps, ColProps, BreadcrumbProps, BreadcrumbItemProps, InputProps, TagProps, AvatarProps, PopoverProps, ElTooltipProps as TooltipProps, PopconfirmProps, AlertProps, ButtonProps, CardProps, EmptyProps, ProgressProps, MenuProps, MenuItemProps, SubMenuProps, MenuItemGroupProps, BadgeProps, LinkProps, DialogProps, StepProps, TabsProps, TabPaneProps, TableProps, ElPopper, ElPopover, ElTooltip, ElBreadcrumb, ElDrawer, ElInput, ElDropdown, ElMenu, ElSubMenu, ElDialog, ElTable, ElTabs, ElImage, ElScrollbar } from 'element-plus';
+import type { CSSProperties, ExtractPropTypes, SetupContext } from 'vue';
+import type { IconProps, RowProps, ColProps, BreadcrumbProps, BreadcrumbItemProps, InputProps, TagProps, AvatarProps, PopoverProps, ElTooltipProps as TooltipProps, PopconfirmProps, AlertProps, ButtonProps, CardProps, EmptyProps, ProgressProps, MenuProps, MenuItemProps, SubMenuProps, MenuItemGroupProps, BadgeProps, LinkProps, DialogProps, StepProps, TabsProps, TabPaneProps, TableProps, TableV2Props, ElPopper, ElPopover, ElTooltip, ElBreadcrumb, ElDrawer, ElInput, ElDropdown, ElMenu, ElSubMenu, ElDialog, ElTable, ElTableV2, ElTabs, ElImage, ElScrollbar } 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';
@@ -28,6 +28,10 @@ export type ComponentProps<T> = Partial<T> & {
     /** 样式 */
     style?: StyleValues;
 };
+/**
+ * 组件事件触发器
+ */
+export type Emitter<T> = SetupContext<T>['emit'];
 /**
  * ElementPlus 组件属性
  */
@@ -60,6 +64,7 @@ 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>>;
 /**
  * ElementPlus 组件实例
@@ -75,6 +80,7 @@ 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;

package/es/ele-avatar-group/index.d.ts

@@ -14,12 +14,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<import("./types").EleTooltipProps>;
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: import("vue").PropType<import("./types").ElePopoverProps>;
+    overflowPopoverProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     hoverOpen: BooleanConstructor;
 }, {
     tooltipContent: import("vue").Ref<string>;
@@ -53,12 +53,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<import("./types").EleTooltipProps>;
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: import("vue").PropType<import("./types").ElePopoverProps>;
+    overflowPopoverProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     hoverOpen: BooleanConstructor;
 }>> & {
     onError?: ((_option: AvatarErrorOption) => any) | undefined;