yuang-framework-ui-pc 1.0.20 → 1.1.1

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

@@ -0,0 +1,152 @@
+import { ExtractPropTypes } from 'vue';
+
+/**
+ * 属性
+ */
+export declare const virtualTableProps: {
+    /** 行高 */
+    rowHeight: NumberConstructor;
+    stripe: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    rowKey: {
+        type: import('vue').PropType<import('../ele-data-table/types').RowKey>;
+        required: boolean;
+    };
+    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>;
+    reserveCurrent: BooleanConstructor;
+    selectedRowKeys: import('vue').PropType<import('../ele-data-table/types').DataKey[]>;
+    cacheData: import('vue').PropType<import('../ele-data-table/types').DataItem[]>;
+    width: (NumberConstructor | StringConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
+    data: {
+        type: import('vue').PropType<any[]>;
+        default: () => never[];
+    };
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxHeight: (NumberConstructor | StringConstructor)[];
+    lazy: BooleanConstructor;
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSummary: BooleanConstructor;
+    sumText: StringConstructor;
+    summaryMethod: import('vue').PropType<import('element-plus').SummaryMethod<any> | undefined>;
+    rowClassName: import('vue').PropType<import('element-plus').ColumnCls<any> | undefined>;
+    rowStyle: import('vue').PropType<import('element-plus').ColumnStyle<any> | undefined>;
+    cellClassName: import('vue').PropType<import('element-plus').CellCls<any> | undefined>;
+    cellStyle: import('vue').PropType<import('element-plus').CellStyle<any> | undefined>;
+    headerRowClassName: import('vue').PropType<import('element-plus').ColumnCls<any> | undefined>;
+    headerRowStyle: import('vue').PropType<import('element-plus').ColumnStyle<any> | undefined>;
+    headerCellClassName: import('vue').PropType<import('element-plus').CellCls<any> | undefined>;
+    headerCellStyle: import('vue').PropType<import('element-plus').CellStyle<any> | undefined>;
+    highlightCurrentRow: BooleanConstructor;
+    currentRowKey: (NumberConstructor | StringConstructor)[];
+    emptyText: StringConstructor;
+    expandRowKeys: import('vue').PropType<string[] | undefined>;
+    defaultExpandAll: BooleanConstructor;
+    defaultSort: import('vue').PropType<import('element-plus').Sort | undefined>;
+    tooltipEffect: StringConstructor;
+    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "transition" | "placement" | "effect" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "popperClass" | "appendTo" | "showArrow">> | undefined>;
+    spanMethod: import('vue').PropType<((data: {
+        row: any;
+        rowIndex: number;
+        column: import('element-plus').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<import('element-plus/es/components/table/src/table/defaults').TreeProps | undefined>;
+        default: () => {
+            hasChildren: string;
+            children: string;
+            checkStrictly: boolean;
+        };
+    };
+    load: import('vue').PropType<((row: any, treeNode: import('element-plus').TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
+    tableLayout: {
+        type: import('vue').PropType<"fixed" | "auto">;
+        default: string;
+    };
+    scrollbarAlwaysOn: BooleanConstructor;
+    flexible: BooleanConstructor;
+    showOverflowTooltip: import('vue').PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "transition" | "placement" | "effect" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "popperClass" | "appendTo" | "showArrow">> | undefined>;
+};
+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, _old?: import('../ele-data-table/types').DataItem | null) => 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;
+    'update:currentRowKey': (_currentRowKey?: import('../ele-data-table/types').DataKey) => boolean;
+    'update:selectedRowKeys': (_selectedRowKeys?: import('../ele-data-table/types').DataKey[]) => 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,101 @@
+@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-padding($padding) {
+  @include virtual-table-td {
+    padding: $padding;
+    padding-right: 0;
+    padding-left: 0;
+
+    & > .ele-table-cell {
+      padding: $padding;
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
+}
+
+/* 虚拟表格圆角 */
+@mixin virtual-table-radius($radius) {
+  & > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper,
+  &.is-border > .el-table-v2::after,
+  &.is-border.hide-header
+    > .el-table-v2
+    > .el-table-v2__main
+    > .el-table-v2__body
+    > div:not(.el-virtual-scrollbar) {
+    border-top-left-radius: $radius;
+    border-top-right-radius: $radius;
+  }
+
+  & > .el-table-v2 > .el-table-v2__footer,
+  &.is-border > .el-table-v2::before,
+  &.is-border:not(.has-footer)
+    > .el-table-v2
+    > .el-table-v2__main
+    > .el-table-v2__body
+    > div:not(.el-virtual-scrollbar) {
+    border-bottom-left-radius: $radius;
+    border-bottom-right-radius: $radius;
+  }
+
+  &.is-border::before {
+    border-bottom-left-radius: $radius;
+    border-top-left-radius: $radius;
+  }
+
+  &.is-border::after {
+    border-bottom-right-radius: $radius;
+    border-top-right-radius: $radius;
+  }
+}

package/es/ele-virtual-table/style/index.d.ts

@@ -0,0 +1 @@
+

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";