yuang-framework-ui-pc 1.1.44 → 1.1.45

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

@@ -1,395 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const core = require("../utils/core");
-const util = require("../ele-pro-layout/util");
-function getRowClass(rowClass, param) {
-  if (rowClass != null) {
-    if (typeof rowClass === "function") {
-      return rowClass(param);
-    } else if (typeof rowClass === "string" && rowClass) {
-      return rowClass;
-    }
-  }
-}
-function getBodyRowClass(rowClass, param) {
-  const classes = ["ele-table-tr", "ele-table-tr-" + param.row.id];
-  const custom = getRowClass(rowClass, param);
-  if (custom != null) {
-    classes.push(custom);
-  }
-  return classes.join(" ");
-}
-function getHeadRowClass(rowClass, param, ellipsis) {
-  const classes = ["ele-table-head-tr"];
-  if (ellipsis) {
-    classes.push("is-ellipsis");
-  }
-  const custom = getRowClass(rowClass, param);
-  if (custom != null) {
-    classes.push(custom);
-  }
-  return classes.join(" ");
-}
-function getGlobalTooltipProps(showOverflowTooltip, tooltipEffect, tooltipOptions) {
-  if (!showOverflowTooltip) {
-    return false;
-  }
-  return {
-    effect: tooltipEffect,
-    ...tooltipOptions || {},
-    ...showOverflowTooltip === true ? {} : showOverflowTooltip
-  };
-}
-function mergeTooltipProps(props, globalProps) {
-  if (props === false || props == null && !globalProps) {
-    return false;
-  }
-  return {
-    ...!globalProps || globalProps === true ? {} : globalProps,
-    ...!props || props === true ? {} : props
-  };
-}
-function getTooltipProps(props, globalProps) {
-  const opt = mergeTooltipProps(props, globalProps);
-  if (!opt) {
-    return false;
-  }
-  const classes = ["ele-popper", "ele-tooltip", "ele-table-tooltip"];
-  if (opt.popperClass) {
-    classes.push(opt.popperClass);
-  }
-  opt.popperClass = classes.join(" ");
-  return opt;
-}
-function toggleRowSelectionPro(tableRef, row, selected) {
-  var _a, _b;
-  if (tableRef == null) {
-    return;
-  }
-  const store = (_a = vue.unref(tableRef)) == null ? void 0 : _a.store;
-  const selection = vue.unref((_b = store == null ? void 0 : store.states) == null ? void 0 : _b.selection);
-  const index = selection.indexOf(row);
-  const included = index !== -1;
-  if (selected && !included) {
-    selection.push(row);
-  } else if (!selected && included) {
-    selection.splice(index, 1);
-  }
-  store.updateAllSelected();
-}
-function getTableFilter(tableRef) {
-  var _a, _b;
-  const states = (_b = (_a = vue.unref(tableRef)) == null ? void 0 : _a.store) == null ? void 0 : _b.states;
-  const columns = vue.unref(states == null ? void 0 : states.columns);
-  const filters = vue.unref(states == null ? void 0 : states.filters);
-  if (!filters || !columns) {
-    return;
-  }
-  const keys = Object.keys(filters);
-  const filter = {};
-  columns.forEach((col) => {
-    if (keys.includes(col.id)) {
-      filter[col.columnKey || col.id] = filters[col.id];
-    }
-  });
-  return filter;
-}
-function getStateCols(cols, sorter, filter) {
-  if (!sorter && !filter) {
-    return { cols };
-  }
-  const filterKeys = filter == null ? [] : Object.keys(filter);
-  const hasSorter = sorter != null && sorter.prop != null && sorter.prop != "";
-  let hasSortCol = false;
-  const result = core.mapTree(cols, (col) => {
-    if (hasSorter && col.prop === sorter.prop) {
-      hasSortCol = true;
-    }
-    const filterProp = col.columnKey ?? col.prop;
-    const flag = filterProp ? filterKeys.includes(filterProp) : false;
-    const filtered = flag && filter ? filter[filterProp] : void 0;
-    return { ...col, filteredValue: filtered ?? col.filteredValue };
-  });
-  return { cols: result, sorter: hasSorter && hasSortCol ? sorter : void 0 };
-}
-function getSelectableFunction(columns) {
-  const col = core.findTree(columns, (c) => c.type === "selection");
-  if (col != null) {
-    return typeof col.selectable === "function" ? col.selectable : null;
-  }
-}
-function isDisableRow(row, index, columns) {
-  const selectable = getSelectableFunction(columns);
-  if (typeof selectable === "undefined") {
-    return true;
-  }
-  return !(selectable == null || selectable(row, index) === true);
-}
-function isReserveChecked(columns) {
-  let isReserve = false;
-  core.eachTree(columns, (col) => {
-    if (col.type === "selection") {
-      isReserve = !!col.reserveSelection;
-      return false;
-    }
-  });
-  return isReserve;
-}
-function getColFixedNumber(fixed) {
-  if (fixed === true || fixed === "left") {
-    return 0;
-  }
-  if (fixed === "right") {
-    return 2;
-  }
-  return 1;
-}
-function getCellClass(col) {
-  const classes = [];
-  if (col.type === "index") {
-    classes.push("is-index");
-  }
-  if (col.className) {
-    classes.push(col.className);
-  }
-  return classes.length ? classes.join(" ") : void 0;
-}
-function getFilterPopperClass(filterClassName) {
-  const classes = ["ele-table-filter-popper"];
-  if (filterClassName) {
-    classes.push(filterClassName);
-  }
-  return classes.join(" ");
-}
-function getRowKeys(rows, rowKey) {
-  const keys = [];
-  if (rows) {
-    rows.forEach((row) => {
-      const key = core.getValue(row, rowKey);
-      if (key != null) {
-        keys.push(key);
-      }
-    });
-  }
-  return keys;
-}
-function getRowByKey(key, data, rowKey, childrenField) {
-  return core.findTree(data, (d) => core.getValue(d, rowKey) === key, childrenField);
-}
-function getKeysAndList(data, rowKey, childrenField) {
-  const keys = [];
-  const list = [];
-  core.eachTree(
-    data,
-    (d) => {
-      keys.push(core.getValue(d, rowKey));
-      list.push(d);
-    },
-    childrenField
-  );
-  return [keys, list];
-}
-function valueIsChanged(value1, value2) {
-  return !(value1 == null && value2 == null || value1 === value2);
-}
-function arrayIsChanged(list1, list2) {
-  const isEmpty1 = list1 == null || !list1.length;
-  const isEmpty2 = list2 == null || !list2.length;
-  if (isEmpty1 && isEmpty2) {
-    return false;
-  }
-  if (isEmpty1 !== isEmpty2) {
-    return true;
-  }
-  if (list1.length !== list2.length) {
-    return true;
-  }
-  return list1.some((k) => !list2.includes(k));
-}
-function useStickyHeader() {
-  const layoutState = util.useLayoutState();
-  const isLayoutFixedHead = vue.computed(() => layoutState.fixedHeader);
-  const isLayoutMaximized = vue.computed(
-    () => layoutState.maximized && layoutState.maximized !== "expanded"
-  );
-  return { isLayoutFixedHead, isLayoutMaximized };
-}
-function useMethods(getInstance) {
-  const methods = {
-    clearSelection: () => {
-      const ins = getInstance();
-      ins && ins.clearSelection();
-    },
-    getSelectionRows: () => {
-      const ins = getInstance();
-      if (ins) {
-        return ins.getSelectionRows();
-      }
-    },
-    toggleRowSelection: (row, selected) => {
-      const ins = getInstance();
-      ins && ins.toggleRowSelection(row, selected);
-    },
-    toggleAllSelection: () => {
-      const ins = getInstance();
-      ins && ins.toggleAllSelection();
-    },
-    toggleRowExpansion: (row, expanded) => {
-      const ins = getInstance();
-      ins && ins.toggleRowExpansion(row, expanded);
-    },
-    setCurrentRow: (row) => {
-      const ins = getInstance();
-      ins && ins.setCurrentRow(row);
-    },
-    clearSort: () => {
-      const ins = getInstance();
-      ins && ins.clearSort();
-    },
-    clearFilter: (columnKeys) => {
-      const ins = getInstance();
-      ins && ins.clearFilter(columnKeys);
-    },
-    doLayout: () => {
-      const ins = getInstance();
-      ins && ins.doLayout();
-    },
-    sort: (prop, order) => {
-      const ins = getInstance();
-      ins && ins.sort(prop, order);
-    },
-    scrollTo: (options, yCoord) => {
-      const ins = getInstance();
-      ins && ins.scrollTo(options, yCoord);
-    },
-    setScrollTop: (top) => {
-      const ins = getInstance();
-      ins && ins.setScrollTop(top);
-    },
-    setScrollLeft: (left) => {
-      const ins = getInstance();
-      ins && ins.setScrollLeft(left);
-    },
-    /** 新增的实例方法 */
-    setCurrentRowKey: (key) => {
-      const ins = getInstance();
-      ins && ins.setCurrentRowKey(key);
-    },
-    getCurrentRow: () => {
-      const ins = getInstance();
-      if (ins) {
-        return ins.getCurrentRow();
-      }
-    },
-    setSelectedRows: (rows) => {
-      const ins = getInstance();
-      ins && ins.setSelectedRows(rows);
-    },
-    setSelectedRowKeys: (keys, rows) => {
-      const ins = getInstance();
-      ins && ins.setSelectedRowKeys(keys, rows);
-    },
-    toggleRowExpansionAll: (expanded) => {
-      const ins = getInstance();
-      ins && ins.toggleRowExpansionAll(expanded);
-    },
-    updateSelectedAndChecked: () => {
-      const ins = getInstance();
-      ins && ins.updateSelectedAndChecked();
-    },
-    updateKeyChildren: (key, rows) => {
-      const ins = getInstance();
-      ins && ins.updateKeyChildren(key, rows);
-    }
-  };
-  return methods;
-}
-function useEmits(emit) {
-  return {
-    onSelect: (selection, row) => {
-      emit("select", selection, row);
-    },
-    onSelectAll: (selection) => {
-      emit("selectAll", selection);
-    },
-    onCellMouseEnter: (row, column, cell, event) => {
-      emit("cellMouseEnter", row, column, cell, event);
-    },
-    onCellMouseLeave: (row, column, cell, event) => {
-      emit("cellMouseLeave", row, column, cell, event);
-    },
-    onCellClick: (row, column, cell, event) => {
-      emit("cellClick", row, column, cell, event);
-    },
-    onCellDblclick: (row, column, cell, event) => {
-      emit("cellDblclick", row, column, cell, event);
-    },
-    onCellContextmenu: (row, column, cell, event) => {
-      emit("cellContextmenu", row, column, cell, event);
-    },
-    onRowClick: (row, column, event) => {
-      emit("rowClick", row, column, event);
-    },
-    onRowContextmenu: (row, column, event) => {
-      emit("rowContextmenu", row, column, event);
-    },
-    onRowDblclick: (row, column, event) => {
-      emit("rowDblclick", row, column, event);
-    },
-    onHeaderClick: (column, event) => {
-      emit("headerClick", column, event);
-    },
-    onHeaderContextmenu: (column, event) => {
-      emit("headerContextmenu", column, event);
-    },
-    onHeaderDragend: (newWidth, oldWidth, column, event) => {
-      emit("headerDragend", newWidth, oldWidth, column, event);
-    },
-    onExpandChange: (row, expanded) => {
-      emit("expandChange", row, expanded);
-    },
-    onSelectionChange: (selection) => {
-      emit("selectionChange", selection);
-    },
-    onSortChange: (sorter) => {
-      emit("sortChange", sorter);
-    },
-    onFilterChange: (filter) => {
-      emit("filterChange", filter);
-    },
-    onCurrentChange: (currentRow, oldCurrentRow) => {
-      emit("currentChange", currentRow, oldCurrentRow);
-    },
-    /** 新增的事件 */
-    "onUpdate:currentRowKey": (currentRowKey) => {
-      emit("update:currentRowKey", currentRowKey);
-    },
-    "onUpdate:selectedRowKeys": (selectedRowKeys) => {
-      emit("update:selectedRowKeys", selectedRowKeys);
-    }
-  };
-}
-exports.arrayIsChanged = arrayIsChanged;
-exports.getBodyRowClass = getBodyRowClass;
-exports.getCellClass = getCellClass;
-exports.getColFixedNumber = getColFixedNumber;
-exports.getFilterPopperClass = getFilterPopperClass;
-exports.getGlobalTooltipProps = getGlobalTooltipProps;
-exports.getHeadRowClass = getHeadRowClass;
-exports.getKeysAndList = getKeysAndList;
-exports.getRowByKey = getRowByKey;
-exports.getRowClass = getRowClass;
-exports.getRowKeys = getRowKeys;
-exports.getSelectableFunction = getSelectableFunction;
-exports.getStateCols = getStateCols;
-exports.getTableFilter = getTableFilter;
-exports.getTooltipProps = getTooltipProps;
-exports.isDisableRow = isDisableRow;
-exports.isReserveChecked = isReserveChecked;
-exports.mergeTooltipProps = mergeTooltipProps;
-exports.toggleRowSelectionPro = toggleRowSelectionPro;
-exports.useEmits = useEmits;
-exports.useMethods = useMethods;
-exports.useStickyHeader = useStickyHeader;
-exports.valueIsChanged = valueIsChanged;

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

@@ -1,172 +0,0 @@
-import { Emitter } from '../ele-app/types';
-import { ElTableInstance } from '../ele-app/el';
-import { dataTableEmits } from './props';
-import { DataKey, DataItem, Column, Columns, Sorter, Filter, GetInstance, TableMethods, ShowOverflowTooltip, TooltipEffect, TooltipOptions, RowClass, RowKey } from './types';
-
-/**
- * 获取行的类名
- * @param rowClass 自定义行类名
- * @param param 方法类型的参数
- */
-export declare function getRowClass(rowClass: RowClass | undefined, param: Parameters<Exclude<RowClass, string | undefined>>[0]): string | undefined;
-/**
- * 获取行的类名
- * @param rowClass 自定义行类名
- * @param param 方法类型的参数
- */
-export declare function getBodyRowClass(rowClass: RowClass | undefined, param: Parameters<Exclude<RowClass, string | undefined>>[0]): string;
-/**
- * 获取表头行的类名
- * @param rowClass 自定义行类名
- * @param param 方法类型的参数
- * @param ellipsis 是否单行省略
- */
-export declare function getHeadRowClass(rowClass: RowClass | undefined, param: Parameters<Exclude<RowClass, string | undefined>>[0], ellipsis: boolean): string;
-/**
- * 获取全局溢出提示组件属性
- * @param showOverflowTooltip 溢出提示组件属性
- * @param tooltipEffect 溢出提示组件主题
- * @param tooltipOptions 溢出提示组件配置
- */
-export declare function getGlobalTooltipProps(showOverflowTooltip?: ShowOverflowTooltip, tooltipEffect?: TooltipEffect, tooltipOptions?: TooltipOptions): ShowOverflowTooltip;
-/**
- * 合并提示组件相关属性
- * @param props 单元格提示组件属性
- * @param globalProps 表格提示组件属性
- */
-export declare function mergeTooltipProps(props?: ShowOverflowTooltip, globalProps?: ShowOverflowTooltip): Exclude<ShowOverflowTooltip, true>;
-/**
- * 获取单元格提示组件属性
- * @param props 单元格提示组件属性
- * @param globalProps 表格提示组件属性
- */
-export declare function getTooltipProps(props?: ShowOverflowTooltip, globalProps?: ShowOverflowTooltip): ShowOverflowTooltip;
-/**
- * 切换表格指定数据的选中状态
- * @param tableRef 表格实例
- * @param row 数据
- * @param selected 选中状态
- */
-export declare function toggleRowSelectionPro(tableRef: ElTableInstance | undefined, row: DataItem, selected: boolean): void;
-/**
- * 获取表格筛选值
- * @param tableRef 表格实例
- */
-export declare function getTableFilter(tableRef?: ElTableInstance): Filter | undefined;
-/**
- * 获取含表格状态的列配置
- * @param cols 表格的列
- * @param sorter 当前排序状态
- * @param filter 当前筛选状态
- */
-export declare function getStateCols(cols: Columns, sorter?: Sorter, filter?: Filter): {
-    cols: Columns;
-    sorter?: undefined;
-} | {
-    cols: Columns;
-    sorter: Sorter | undefined;
-};
-/**
- * 获取判断多选是否可选择的方法
- * @param columns 列配置
- */
-export declare function getSelectableFunction(columns?: Columns): ((row: any, index: number) => boolean) | null | undefined;
-/**
- * 判断行是否禁止多选
- * @param row 行数据
- * @param index 行索引
- * @param columns 列配置
- */
-export declare function isDisableRow(row: DataItem, index: number, columns?: Columns): boolean;
-/**
- * 判断是否保存不存在的选中数据
- * @param columns 列配置
- */
-export declare function isReserveChecked(columns?: Columns): boolean;
-/**
- * 用于根据列的固定值排序
- * @param fixed 固定值
- */
-export declare function getColFixedNumber(fixed?: boolean | string): 0 | 1 | 2;
-/**
- * 获取列类名
- * @param col 列属性
- */
-export declare function getCellClass(col: Column): string | undefined;
-/**
- * 获取列筛选下拉框类名
- * @param filterClassName 自定义类名
- */
-export declare function getFilterPopperClass(filterClassName?: string): string;
-/**
- * 获取数据值
- * @param rows 数据
- * @param rowKey 值键名
- */
-export declare function getRowKeys(rows: DataItem[] | undefined, rowKey: RowKey): DataKey[];
-/**
- * 获取值对应的数据
- * @param key 值
- * @param data 全部数据
- * @param rowKey 值键名
- * @param childrenField 子级数据键名
- */
-export declare function getRowByKey(key: DataKey, data?: DataItem[], rowKey?: RowKey, childrenField?: string): DataItem | undefined;
-/**
- * 获取平铺后的数据值和数据
- * @param data 表格数据
- * @param rowKey 数据值字段名
- * @param childrenField 子级字段名
- */
-export declare function getKeysAndList(data?: DataItem[], rowKey?: RowKey, childrenField?: string): [DataKey[], DataItem[]];
-/**
- * 判断值是否改变
- * @param value1 值
- * @param value2 新值
- */
-export declare function valueIsChanged<T>(value1?: T | null, value2?: T | null): boolean;
-/**
- * 判断数组数据是否改变
- * @param list1 数组
- * @param list2 新数组
- */
-export declare function arrayIsChanged<T>(list1?: T[] | null, list2?: T[] | null): boolean;
-/**
- * 使用粘性表头
- */
-export declare function useStickyHeader(): {
-    isLayoutFixedHead: import('vue').ComputedRef<boolean | undefined>;
-    isLayoutMaximized: import('vue').ComputedRef<boolean | undefined>;
-};
-/**
- * 表格实例方法统一处理
- * @param getInstance 获取表格实例方法
- */
-export declare function useMethods(getInstance: GetInstance): TableMethods;
-/**
- * 表格事件统一处理
- * @param emit 事件触发器
- */
-export declare function useEmits(emit: Emitter<typeof dataTableEmits>): {
-    onSelect: (selection: DataItem[], row: DataItem) => void;
-    onSelectAll: (selection: DataItem[]) => void;
-    onCellMouseEnter: (row: DataItem, column: Column, cell: HTMLTableCellElement, event: MouseEvent) => void;
-    onCellMouseLeave: (row: DataItem, column: Column, cell: HTMLTableCellElement, event: MouseEvent) => void;
-    onCellClick: (row: DataItem, column: Column, cell: HTMLTableCellElement, event: MouseEvent) => void;
-    onCellDblclick: (row: DataItem, column: Column, cell: HTMLTableCellElement, event: MouseEvent) => void;
-    onCellContextmenu: (row: DataItem, column: Column, cell: HTMLTableCellElement, event: MouseEvent) => void;
-    onRowClick: (row: DataItem, column: Column, event: MouseEvent) => void;
-    onRowContextmenu: (row: DataItem, column: Column, event: MouseEvent) => void;
-    onRowDblclick: (row: DataItem, column: Column, event: MouseEvent) => void;
-    onHeaderClick: (column: Column, event: MouseEvent) => void;
-    onHeaderContextmenu: (column: Column, event: MouseEvent) => void;
-    onHeaderDragend: (newWidth: number, oldWidth: number, column: Column, event: MouseEvent) => void;
-    onExpandChange: (row: DataItem | undefined, expanded: boolean | DataItem[]) => void;
-    onSelectionChange: (selection: DataItem[]) => void;
-    onSortChange: (sorter: Sorter) => void;
-    onFilterChange: (filter: Filter) => void;
-    onCurrentChange: (currentRow?: DataItem | null, oldCurrentRow?: DataItem | null) => void;
-    /** 新增的事件 */
-    'onUpdate:currentRowKey': (currentRowKey?: DataKey) => void;
-    'onUpdate:selectedRowKeys': (selectedRowKeys: DataKey[]) => void;
-};