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

package/es/ele-virtual-table/props.d.ts

@@ -0,0 +1,148 @@
+import type { ExtractPropTypes } from 'vue';
+/**
+ * 属性
+ */
+export declare const virtualTableProps: {
+    /** 行高 */
+    rowHeight: NumberConstructor;
+    stripe: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    columns: {
+        type: import("vue").PropType<import("../ele-data-table/types").Columns>;
+        required: boolean;
+    };
+    pageIndex: NumberConstructor;
+    errorText: StringConstructor;
+    headerEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slotNormalize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sticky: BooleanConstructor;
+    bottomLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyProps: {
+        type: import("vue").PropType<import("../ele-data-table/types").TableEmptyProps>;
+        default: () => null;
+    };
+    rowClickChecked: import("vue").PropType<import("../ele-data-table/types").RowClickChecked>;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    lazy: BooleanConstructor;
+    rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
+    data: {
+        type: import("vue").PropType<any[]>;
+        default: () => never[];
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    scrollbarAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSummary: BooleanConstructor;
+    sumText: StringConstructor;
+    summaryMethod: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").SummaryMethod<any> | undefined>;
+    rowClassName: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").ColumnCls<any> | undefined>;
+    rowStyle: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").ColumnStyle<any> | undefined>;
+    cellClassName: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<any> | undefined>;
+    cellStyle: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<any> | undefined>;
+    headerRowClassName: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").ColumnCls<any> | undefined>;
+    headerRowStyle: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").ColumnStyle<any> | undefined>;
+    headerCellClassName: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<any> | undefined>;
+    headerCellStyle: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<any> | undefined>;
+    highlightCurrentRow: BooleanConstructor;
+    currentRowKey: (StringConstructor | NumberConstructor)[];
+    emptyText: StringConstructor;
+    expandRowKeys: import("vue").PropType<any[] | undefined>;
+    defaultExpandAll: BooleanConstructor;
+    defaultSort: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
+    tooltipEffect: StringConstructor;
+    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
+    spanMethod: import("vue").PropType<((data: {
+        row: any;
+        rowIndex: number;
+        column: import("element-plus/es/components/table/src/table-column/defaults").TableColumnCtx<any>;
+        columnIndex: number;
+    }) => number[] | {
+        rowspan: number;
+        colspan: number;
+    } | undefined) | undefined>;
+    selectOnIndeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    treeProps: {
+        type: import("vue").PropType<{
+            hasChildren?: string | undefined;
+            children?: string | undefined;
+        } | undefined>;
+        default: () => {
+            hasChildren: string;
+            children: string;
+        };
+    };
+    load: import("vue").PropType<((row: any, treeNode: import("element-plus/es/components/table/src/table/defaults").TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
+    tableLayout: {
+        type: import("vue").PropType<"auto" | "fixed">;
+        default: string;
+    };
+    flexible: BooleanConstructor;
+};
+export type VirtualTableProps = ExtractPropTypes<typeof virtualTableProps>;
+/**
+ * 事件
+ */
+export declare const virtualTableEmits: {
+    select: (_selection: import("../ele-data-table/types").DataItem[], _row: import("../ele-data-table/types").DataItem) => boolean;
+    selectAll: (_selection: import("../ele-data-table/types").DataItem[]) => boolean;
+    selectionChange: (_selection: import("../ele-data-table/types").DataItem[]) => boolean;
+    cellMouseEnter: (_row: import("../ele-data-table/types").DataItem, _column: import("../ele-data-table/types").Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellMouseLeave: (_row: import("../ele-data-table/types").DataItem, _column: import("../ele-data-table/types").Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellClick: (_row: import("../ele-data-table/types").DataItem, _column: import("../ele-data-table/types").Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellDblclick: (_row: import("../ele-data-table/types").DataItem, _column: import("../ele-data-table/types").Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellContextmenu: (_row: import("../ele-data-table/types").DataItem, _column: import("../ele-data-table/types").Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    rowClick: (_row: import("../ele-data-table/types").DataItem, _column: import("../ele-data-table/types").Column, _e: MouseEvent) => boolean;
+    rowContextmenu: (_row: import("../ele-data-table/types").DataItem, _column: import("../ele-data-table/types").Column, _e: MouseEvent) => boolean;
+    rowDblclick: (_row: import("../ele-data-table/types").DataItem, _column: import("../ele-data-table/types").Column, _e: MouseEvent) => boolean;
+    headerClick: (_column: import("../ele-data-table/types").Column, _e: MouseEvent) => boolean;
+    headerContextmenu: (_column: import("../ele-data-table/types").Column, _e: MouseEvent) => boolean;
+    sortChange: (_sorter: import("../ele-data-table/types").Sorter) => boolean;
+    filterChange: (_filter: import("../ele-data-table/types").Filter) => boolean;
+    currentChange: (_current?: import("../ele-data-table/types").DataItem | null | undefined, _old?: import("../ele-data-table/types").DataItem | null | undefined) => boolean;
+    headerDragend: (_width: number, _old: number, _column: import("../ele-data-table/types").Column, _e: MouseEvent) => boolean;
+    expandChange: (_row: import("../ele-data-table/types").DataItem, _expanded: boolean) => boolean;
+};

package/es/ele-virtual-table/props.js

@@ -0,0 +1,13 @@
+import { dataTableProps, dataTableEmits } from "../ele-data-table/props";
+const virtualTableProps = {
+  ...dataTableProps,
+  /** 行高 */
+  rowHeight: Number
+};
+const virtualTableEmits = {
+  ...dataTableEmits
+};
+export {
+  virtualTableEmits,
+  virtualTableProps
+};

package/es/ele-virtual-table/style/css-var.scss

@@ -0,0 +1,127 @@
+@use '../../style/util.scss' as *;
+
+/* 虚拟表格主题变量 */
+@mixin set-virtual-table-var($var) {
+  .ele-virtual-table {
+    @include set-ele-var('table', $var);
+  }
+
+  .ele-table-filter-popper {
+    @include set-ele-var('table-filter', $var);
+  }
+}
+
+/* 虚拟表格全部容器 */
+@mixin virtual-table-wrap {
+  & > .el-table-v2,
+  & > .el-table-v2 > .el-table-v2__main,
+  & > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper,
+  & > .el-table-v2 .el-table-v2__body > div:not(.el-virtual-scrollbar) {
+    @content;
+  }
+}
+
+/* 虚拟表格全部行 */
+@mixin virtual-table-tr {
+  & > .el-table-v2 {
+    &
+      > .el-table-v2__main
+      > .el-table-v2__body
+      > div:not(.el-virtual-scrollbar)
+      > div
+      > .ele-table-tr,
+    &
+      > .el-table-v2__main
+      > .el-table-v2__header-wrapper
+      > .el-table-v2__header
+      > .ele-table-head-tr,
+    & > .el-table-v2__footer > .ele-table-foot-tr {
+      @content;
+    }
+  }
+}
+
+/* 虚拟表格单元格 */
+@mixin virtual-table-td {
+  @include virtual-table-tr {
+    & > .ele-table-td {
+      @content;
+    }
+  }
+}
+
+/* 虚拟表格圆角样式 */
+@mixin virtual-table-radius($radius) {
+  & > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper {
+    border-top-left-radius: $radius;
+    border-top-right-radius: $radius;
+  }
+
+  & > .el-table-v2 > .el-table-v2__footer {
+    border-bottom-left-radius: $radius;
+    border-bottom-right-radius: $radius;
+  }
+}
+
+/* 设置单元格间距 */
+@mixin virtual-table-padding($padding) {
+  @include virtual-table-td {
+    padding: $padding;
+    padding-left: 0;
+    padding-right: 0;
+
+    & > .ele-table-cell {
+      padding: $padding;
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+  }
+}
+
+/* 表头筛选多选样式 */
+@mixin filter-checkbox-style($ele-transition) {
+  .el-checkbox-group {
+    padding: eleVar('table-filter', 'padding');
+    box-sizing: border-box;
+
+    & > .el-checkbox {
+      width: 100%;
+      display: flex;
+      height: eleVar('table-filter', 'item-height');
+      padding: eleVar('table-filter', 'item-padding');
+      border-radius: eleVar('table-filter', 'item-radius');
+      transition: (color $ele-transition, background-color $ele-transition);
+      box-sizing: border-box;
+      margin: 0;
+
+      & > .el-checkbox__label {
+        color: eleVar('table-filter', 'item-color');
+      }
+
+      &:hover {
+        background: eleVar('table-filter', 'item-hover-bg');
+
+        & > .el-checkbox__label {
+          color: eleVar('table-filter', 'item-hover-color');
+        }
+      }
+
+      &.is-checked {
+        background: eleVar('table-filter', 'item-active-bg');
+
+        & > .el-checkbox__label {
+          color: eleVar('table-filter', 'item-active-color');
+          font-weight: eleVar('table-filter', 'item-active-font-weight');
+        }
+
+        &:hover {
+          background: eleVar('table-filter', 'item-active-hover-bg');
+        }
+      }
+
+      & + .el-checkbox {
+        margin-top: eleVar('table-filter', 'item-margin');
+      }
+    }
+  }
+}

package/es/ele-virtual-table/style/index.js

@@ -0,0 +1,9 @@
+import 'element-plus/es/components/table-v2/style/index';
+import 'element-plus/es/components/checkbox/style/index';
+import 'element-plus/es/components/checkbox-group/style/index';
+import 'element-plus/es/components/empty/style/index';
+import 'element-plus/es/components/icon/style/index';
+import 'element-plus/es/components/scrollbar/style/index';
+import 'element-plus/es/components/button/style/index';
+import '../../ele-tooltip/style/index';
+import './index.scss';