yuang-framework-ui-pc 1.1.45 → 1.1.46

package/lib/ele-data-table/props.cjs

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elTableProps = require("element-plus/es/components/table/src/table/defaults");
+const core = require("../utils/core");
+const normalizeProps = core.omit(elTableProps, ["style"]);
+const dataTableProps = {
+  ...normalizeProps,
+  stripe: {
+    type: Boolean,
+    default: null
+  },
+  border: {
+    type: Boolean,
+    default: null
+  },
+  rowKey: {
+    type: [String, Function],
+    required: true
+  },
+  /** 列配置 */
+  columns: {
+    type: Array,
+    required: true
+  },
+  /** 起始编号 */
+  pageIndex: Number,
+  /** 空数据时显示的错误文本 */
+  errorText: String,
+  /** 表头内容超出省略 */
+  headerEllipsis: {
+    type: Boolean,
+    default: true
+  },
+  /** 插槽不渲染非正常的调用 */
+  slotNormalize: {
+    type: Boolean,
+    default: true
+  },
+  /** 设置粘性头部 */
+  sticky: Boolean,
+  /** 是否显示下边框线 */
+  bottomLine: {
+    type: Boolean,
+    default: true
+  },
+  /** 空组件属性 */
+  emptyProps: {
+    type: [Boolean, Object],
+    default: () => {
+      return null;
+    }
+  },
+  /** 多选时行点击选中 */
+  rowClickChecked: [Boolean, String],
+  /** 单选选中是否保留不存在的数据 */
+  reserveCurrent: Boolean,
+  /** 多选选中行的值 */
+  selectedRowKeys: Array,
+  /** 缓存数据 */
+  cacheData: Array
+};
+const dataTableEmits = {
+  select: (_selection, _row) => true,
+  selectAll: (_selection) => true,
+  selectionChange: (_selection) => true,
+  cellMouseEnter: (_row, _column, _cell, _e) => true,
+  cellMouseLeave: (_row, _column, _cell, _e) => true,
+  cellClick: (_row, _column, _cell, _e) => true,
+  cellDblclick: (_row, _column, _cell, _e) => true,
+  cellContextmenu: (_row, _column, _cell, _e) => true,
+  rowClick: (_row, _column, _e) => true,
+  rowContextmenu: (_row, _column, _e) => true,
+  rowDblclick: (_row, _column, _e) => true,
+  headerClick: (_column, _e) => true,
+  headerContextmenu: (_column, _e) => true,
+  sortChange: (_sorter) => true,
+  filterChange: (_filter) => true,
+  currentChange: (_current, _old) => true,
+  headerDragend: (_width, _old, _column, _e) => true,
+  expandChange: (_row, _expanded) => true,
+  /** 更新单选选中行的值 */
+  "update:currentRowKey": (_currentRowKey) => true,
+  /** 更新多选选中行的值 */
+  "update:selectedRowKeys": (_selectedRowKeys) => true
+};
+const tablePropKeys = Object.keys(normalizeProps);
+const dataTablePropKeys = Object.keys(
+  dataTableProps
+);
+exports.dataTableEmits = dataTableEmits;
+exports.dataTablePropKeys = dataTablePropKeys;
+exports.dataTableProps = dataTableProps;
+exports.tablePropKeys = tablePropKeys;

package/lib/ele-data-table/props.d.ts

@@ -0,0 +1,272 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { DataKey, DataItem, Column, Columns, Sorter, Filter, TableEmptyProps, RowClickChecked, RowKey } from './types';
+
+declare const normalizeProps: import('../ele-app/types').Mutable<Omit<{
+    data: {
+        type: PropType<import('element-plus/es/components/table/src/table/defaults').DefaultRow[]>;
+        default: () => never[];
+    };
+    size: {
+        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    width: (NumberConstructor | StringConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
+    maxHeight: (NumberConstructor | StringConstructor)[];
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stripe: BooleanConstructor;
+    border: BooleanConstructor;
+    rowKey: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowKey"]>;
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSummary: BooleanConstructor;
+    sumText: StringConstructor;
+    summaryMethod: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["summaryMethod"]>;
+    rowClassName: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowClassName"]>;
+    rowStyle: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowStyle"]>;
+    cellClassName: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["cellClassName"]>;
+    cellStyle: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["cellStyle"]>;
+    headerRowClassName: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerRowClassName"]>;
+    headerRowStyle: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerRowStyle"]>;
+    headerCellClassName: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerCellClassName"]>;
+    headerCellStyle: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerCellStyle"]>;
+    highlightCurrentRow: BooleanConstructor;
+    currentRowKey: (NumberConstructor | StringConstructor)[];
+    emptyText: StringConstructor;
+    expandRowKeys: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["expandRowKeys"]>;
+    defaultExpandAll: BooleanConstructor;
+    defaultSort: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["defaultSort"]>;
+    tooltipEffect: StringConstructor;
+    tooltipOptions: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["tooltipOptions"]>;
+    spanMethod: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["spanMethod"]>;
+    selectOnIndeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    treeProps: {
+        type: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["treeProps"]>;
+        default: () => {
+            hasChildren: string;
+            children: string;
+            checkStrictly: boolean;
+        };
+    };
+    lazy: BooleanConstructor;
+    load: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["load"]>;
+    style: {
+        type: PropType<import('vue').CSSProperties>;
+        default: () => {};
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    tableLayout: {
+        type: PropType<"fixed" | "auto">;
+        default: string;
+    };
+    scrollbarAlwaysOn: BooleanConstructor;
+    flexible: BooleanConstructor;
+    showOverflowTooltip: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["showOverflowTooltip"]>;
+    tooltipFormatter: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["tooltipFormatter"]>;
+    appendFilterPanelTo: StringConstructor;
+    scrollbarTabindex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    allowDragLastColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preserveExpandedContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, "style">>;
+/**
+ * 属性
+ */
+export declare const dataTableProps: {
+    stripe: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    rowKey: {
+        type: PropType<RowKey>;
+        required: boolean;
+    };
+    /** 列配置 */
+    columns: {
+        type: PropType<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: PropType<TableEmptyProps>;
+        default: () => null;
+    };
+    /** 多选时行点击选中 */
+    rowClickChecked: PropType<RowClickChecked>;
+    /** 单选选中是否保留不存在的数据 */
+    reserveCurrent: BooleanConstructor;
+    /** 多选选中行的值 */
+    selectedRowKeys: PropType<DataKey[]>;
+    /** 缓存数据 */
+    cacheData: PropType<DataItem[]>;
+    width: (NumberConstructor | StringConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
+    data: {
+        type: PropType<import('element-plus/es/components/table/src/table/defaults').DefaultRow[]>;
+        default: () => never[];
+    };
+    size: {
+        readonly type: 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: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["summaryMethod"]>;
+    rowClassName: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowClassName"]>;
+    rowStyle: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowStyle"]>;
+    cellClassName: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["cellClassName"]>;
+    cellStyle: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["cellStyle"]>;
+    headerRowClassName: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerRowClassName"]>;
+    headerRowStyle: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerRowStyle"]>;
+    headerCellClassName: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerCellClassName"]>;
+    headerCellStyle: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerCellStyle"]>;
+    highlightCurrentRow: BooleanConstructor;
+    currentRowKey: (NumberConstructor | StringConstructor)[];
+    emptyText: StringConstructor;
+    expandRowKeys: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["expandRowKeys"]>;
+    defaultExpandAll: BooleanConstructor;
+    defaultSort: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["defaultSort"]>;
+    tooltipEffect: StringConstructor;
+    tooltipOptions: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["tooltipOptions"]>;
+    spanMethod: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["spanMethod"]>;
+    selectOnIndeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    treeProps: {
+        type: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["treeProps"]>;
+        default: () => {
+            hasChildren: string;
+            children: string;
+            checkStrictly: boolean;
+        };
+    };
+    load: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["load"]>;
+    tableLayout: {
+        type: PropType<"fixed" | "auto">;
+        default: string;
+    };
+    scrollbarAlwaysOn: BooleanConstructor;
+    flexible: BooleanConstructor;
+    showOverflowTooltip: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["showOverflowTooltip"]>;
+    tooltipFormatter: PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["tooltipFormatter"]>;
+    appendFilterPanelTo: StringConstructor;
+    scrollbarTabindex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    allowDragLastColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preserveExpandedContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type DataTableProps = ExtractPropTypes<typeof dataTableProps>;
+/**
+ * 事件
+ */
+export declare const dataTableEmits: {
+    select: (_selection: DataItem[], _row: DataItem) => boolean;
+    selectAll: (_selection: DataItem[]) => boolean;
+    selectionChange: (_selection: DataItem[]) => boolean;
+    cellMouseEnter: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellMouseLeave: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellClick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellDblclick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellContextmenu: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    rowClick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
+    rowContextmenu: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
+    rowDblclick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
+    headerClick: (_column: Column, _e: MouseEvent) => boolean;
+    headerContextmenu: (_column: Column, _e: MouseEvent) => boolean;
+    sortChange: (_sorter: Sorter) => boolean;
+    filterChange: (_filter: Filter) => boolean;
+    currentChange: (_current?: DataItem | null, _old?: DataItem | null) => boolean;
+    headerDragend: (_width: number, _old: number, _column: Column, _e: MouseEvent) => boolean;
+    expandChange: (_row: DataItem, _expanded: boolean) => boolean;
+    /** 更新单选选中行的值 */
+    'update:currentRowKey': (_currentRowKey?: DataKey) => boolean;
+    /** 更新多选选中行的值 */
+    'update:selectedRowKeys': (_selectedRowKeys?: DataKey[]) => boolean;
+};
+/**
+ * 表格组件属性名
+ */
+export type TablePropKeys = Array<keyof typeof normalizeProps>;
+export type DataTablePropKeys = Array<keyof typeof dataTableProps>;
+export declare const tablePropKeys: TablePropKeys;
+export declare const dataTablePropKeys: DataTableProps;
+export {};

package/lib/ele-data-table/style/css-var.scss

@@ -0,0 +1,148 @@
+@use '../../style/util.scss' as *;
+
+/* 数据表格主题变量 */
+@mixin set-data-table-var($var) {
+  .ele-data-table {
+    @include set-ele-var('table', $var);
+  }
+
+  .ele-table-filter-popper {
+    @include set-ele-var('table-filter', $var);
+  }
+}
+
+/* 表格原始样式变量修改 */
+@mixin table-var-style($selector) {
+  #{$selector} {
+    $left-shadow: eleVar('table', 'fixed-left-shadow');
+    $right-shadow: eleVar('table', 'fixed-right-shadow');
+    #{elVarName('table', 'border-color')}: eleVar('table', 'border-color');
+    #{elVarName('table', 'text-color')}: eleVar('table', 'color');
+    #{elVarName('table', 'fixed-left-column')}: #{$left-shadow};
+    #{elVarName('table', 'fixed-right-column')}: #{$right-shadow};
+  }
+}
+
+/* 设置单元格圆角 */
+@mixin data-table-radius($radius) {
+  & > .el-table__inner-wrapper > .el-table__header-wrapper,
+  &.el-table--border > .el-table__inner-wrapper::after,
+  &.el-table--border.hide-header
+    > .el-table__inner-wrapper
+    > .el-table__body-wrapper,
+  &.el-table--layout-auto:not(.hide-header)
+    > .el-table__inner-wrapper
+    > .el-table__body-wrapper {
+    border-top-left-radius: $radius;
+    border-top-right-radius: $radius;
+  }
+
+  & > .el-table__inner-wrapper > .el-table__footer-wrapper,
+  &.el-table--border > .el-table__inner-wrapper::before,
+  &.el-table--border:not(.has-footer)
+    > .el-table__inner-wrapper
+    > .el-table__body-wrapper,
+  &.el-table--layout-auto.has-footer
+    > .el-table__inner-wrapper
+    > .el-table__body-wrapper {
+    border-bottom-left-radius: $radius;
+    border-bottom-right-radius: $radius;
+  }
+
+  &.el-table--border::before {
+    border-bottom-left-radius: $radius;
+    border-top-left-radius: $radius;
+  }
+
+  &.el-table--border::after {
+    border-bottom-right-radius: $radius;
+    border-top-right-radius: $radius;
+  }
+}
+
+/* 空状态样式 */
+@mixin table-empty-style() {
+  .ele-table-empty {
+    padding: 58px 0;
+    line-height: 1;
+
+    .el-empty__description {
+      margin-top: 8px;
+
+      p {
+        color: elVar('text-color', 'placeholder');
+      }
+    }
+  }
+}
+
+/* 单元格内组件样式修改 */
+@mixin table-common-style() {
+  /* 表单组件 */
+  .el-checkbox,
+  .el-switch {
+    height: auto;
+  }
+
+  /* Link */
+  .el-link {
+    display: inline;
+    font-size: inherit;
+
+    & > .el-link__inner {
+      display: inline;
+    }
+
+    & > .el-icon {
+      vertical-align: -1.7px;
+    }
+  }
+}
+
+/* 表头筛选多选样式 */
+@mixin filter-checkbox-style($transition-base) {
+  .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 $transition-base, background-color $transition-base);
+      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/lib/ele-data-table/style/index.d.ts

@@ -0,0 +1 @@
+