holyes-table 0.0.1 → 1.0.0

package/dist/lib/main.d.ts

@@ -1,7 +1,7 @@
 import { App } from 'vue';
-import { default as aa } from './aa/aa.vue';
-export { aa };
-declare const HolyesTable: typeof aa & {
+import { default as pretextTable } from './pretextTable/pretextTable.vue';
+export { pretextTable };
+declare const HolyesTable: typeof pretextTable & {
     install: (app: App) => void;
 };
 export default HolyesTable;

package/dist/lib/pretextTable/hook/useCheckbox.d.ts

@@ -0,0 +1,24 @@
+import { Ref, ShallowRef } from 'vue';
+export declare function useCheckbox(dataObj: {
+    pretextId: string;
+    columns: Ref<any[]>;
+    blurAnyElement: () => void;
+    nowDataSource: ShallowRef<any[]>;
+    baseDataSource: ShallowRef<any[]>;
+    emits: any;
+}): {
+    /** 获取多选列字段 */
+    getCheckField: () => string | undefined;
+    /** 表头多选列 */
+    headerChecked: Ref<boolean, boolean>;
+    /** 表头多选列是否半选 */
+    headerCheckedIndeterminate: Ref<boolean, boolean>;
+    /** 表头多选列选中 */
+    onHeaderChecked: () => void;
+    /** 单元格选中 */
+    onCellChecked: (item: any) => void;
+    /** 获取选中的数据 */
+    getCheckboxRecords: (isFull: boolean) => any[];
+    /** 清空多选列选中状态，给内部初始化用的 */
+    clearCheckboxRowInit: () => void;
+};

package/dist/lib/pretextTable/hook/useExpand.d.ts

@@ -0,0 +1,26 @@
+import { HolyesTableExpandConfig, HolyesTableKeyNames } from '../type';
+/** 展开行配置项 */
+export declare const useExpand: (dataObj: {
+    keyNames: HolyesTableKeyNames;
+    expandConfig: HolyesTableExpandConfig;
+    /** 展开/收起后, 执行的操作 */
+    afterRowExpand: (rows: any[], expanded: boolean) => void;
+    /** 插入展开行数据 */
+    insertExpandRow: (parentRowOrParentId: any) => void;
+}) => {
+    /** 默认的展开行配置项 */
+    defaultExpandConfig: {
+        transform: boolean;
+        parentField: string;
+        childrenField: string;
+        indent: number;
+        trigger: string;
+        lazy: boolean;
+        hasChildField: string;
+        showIcon: boolean;
+    };
+    /** 表头处理一下行列表配置 */
+    handleExpand: () => void;
+    /** 用于 expand-config，设置展开行，二个参数设置这一行展开与否 */
+    setRowExpand: (rows: any[], expanded: boolean) => void;
+};

package/dist/lib/pretextTable/hook/useFilter.d.ts

@@ -0,0 +1,119 @@
+import { ShallowRef } from 'vue';
+import { HolyesTableColumnPropsType, HolyesTableFilterlistOptions, HolyesTableFilterType, HolyesTableKeyNames, HolyesTableTreeConfig } from '../type';
+/** 筛选字段 类型 */
+export type FilterFieldsType = {
+    field: string;
+    type: HolyesTableFilterType;
+    /** 是否显示 */
+    isShow: boolean;
+    clientX: number;
+    clientY: number;
+    /** 是否激活了筛选图标 */
+    isActive: boolean;
+    /** 筛选值 */
+    value: string | number | null;
+    /** 输入筛选 类型 */
+    inputFilter?: {
+        type: "模糊" | "精确";
+    };
+    /** 数字筛选 类型 */
+    numberFilter?: {
+        type: ">" | "≥" | "=" | "<" | "≤";
+    };
+    /** 列表筛选 类型 */
+    listFilter?: {
+        listOptions: {
+            label: string;
+            value: HolyesTableFilterlistOptions;
+        }[];
+        selectedValue: HolyesTableFilterlistOptions[];
+    };
+};
+export declare function useFilter(dataObj: {
+    /** 特殊字段的名称 */
+    keyNames: HolyesTableKeyNames;
+    /** 表格列属性 */
+    columns: ShallowRef<HolyesTableColumnPropsType[]>;
+    /** 基础数据 */
+    baseDataSource: ShallowRef<any[]>;
+    /** 设置当前数据序列 */
+    setNowDataSource: (tempData: any[]) => void;
+    scrollTo: (obj: {
+        top?: number;
+        left?: number;
+    }) => void;
+    refresh: () => void;
+    /** 筛选后, 执行 */
+    afterFilter: () => void;
+    /** 树配置 */
+    treeConfig: HolyesTableTreeConfig;
+    /** 默认树配置 */
+    defaultTreeConfig: any;
+}): {
+    /** 筛选弹窗宽度 */
+    filterPopupWidth: number;
+    /** 筛选弹窗id前缀 */
+    filterPopupId: string;
+    /** 输入筛选 类型 */
+    inputFilterOptions: {
+        label: string;
+        value: string;
+    }[];
+    /** 数字筛选 类型 */
+    numberFilterOptions: {
+        label: string;
+        value: string;
+    }[];
+    /** 筛选字段 */
+    filterFields: import('vue').Ref<{
+        field: string;
+        type: HolyesTableFilterType;
+        isShow: boolean;
+        clientX: number;
+        clientY: number;
+        isActive: boolean;
+        value: string | number | null;
+        inputFilter?: {
+            type: "\u6A21\u7CCA" | "\u7CBE\u786E";
+        } | undefined;
+        numberFilter?: {
+            type: ">" | "\u2265" | "=" | "<" | "\u2264";
+        } | undefined;
+        listFilter?: {
+            listOptions: {
+                label: string;
+                value: HolyesTableFilterlistOptions;
+            }[];
+            selectedValue: HolyesTableFilterlistOptions[];
+        } | undefined;
+    }[], FilterFieldsType[] | {
+        field: string;
+        type: HolyesTableFilterType;
+        isShow: boolean;
+        clientX: number;
+        clientY: number;
+        isActive: boolean;
+        value: string | number | null;
+        inputFilter?: {
+            type: "\u6A21\u7CCA" | "\u7CBE\u786E";
+        } | undefined;
+        numberFilter?: {
+            type: ">" | "\u2265" | "=" | "<" | "\u2264";
+        } | undefined;
+        listFilter?: {
+            listOptions: {
+                label: string;
+                value: HolyesTableFilterlistOptions;
+            }[];
+            selectedValue: HolyesTableFilterlistOptions[];
+        } | undefined;
+    }[]>;
+    /** 获取筛选字段 */
+    getFilterFields: () => void;
+    /** 筛选图标点击事件 */
+    filterClick: (index: number, e: any) => void;
+    /** 设置筛选值 */
+    setFilter: (field: string, value?: any) => Promise<void>;
+    /** 清除筛选值 */
+    clearFilter: (field?: string) => Promise<void>;
+};

package/dist/lib/pretextTable/hook/useFooter.d.ts

@@ -0,0 +1,37 @@
+import { Ref } from 'vue';
+import { HolyesTableColumnPropsType, HolyesTableFooterColumns, HolyesTableFooterProps } from '../type';
+/** 表尾数据 */
+export declare const useFooter: (dataObj: {
+    showFooter: boolean;
+    nowDataSource: Ref<any[]>;
+    columns: Ref<HolyesTableColumnPropsType[]>;
+}) => {
+    /** 表尾行高度 */
+    footerHeight: Ref<number, number>;
+    /** 表尾配置 */
+    footerColumns: Ref<{
+        height?: number | undefined;
+        field: string;
+        fixed?: string | undefined;
+        type?: import('../type').HolyesTableFooterType | undefined;
+        text?: string | undefined;
+        dataType?: import('../type').HolyesTableFooterDataType | undefined;
+        data: any;
+        slot?: string | undefined;
+    }[][], HolyesTableFooterColumns[][] | {
+        height?: number | undefined;
+        field: string;
+        fixed?: string | undefined;
+        type?: import('../type').HolyesTableFooterType | undefined;
+        text?: string | undefined;
+        dataType?: import('../type').HolyesTableFooterDataType | undefined;
+        data: any;
+        slot?: string | undefined;
+    }[][]>;
+    /** 计算表尾行高度 */
+    getFooterHeight: (footerProps: HolyesTableFooterProps[]) => void;
+    /** 更新表尾数据 */
+    updateFooter: (field?: string) => void;
+    /** 更新表尾单元格文本 */
+    updateFooterCellLabel: (field: string, rowIndex: number, label: string) => void;
+};

package/dist/lib/pretextTable/hook/useGridStyles.d.ts

@@ -0,0 +1,21 @@
+import { Ref } from 'vue';
+import { HolyesTableColumnPropsType } from '../type';
+/** 表格样式属性 */
+export declare const useGridStyles: (dataObj: {
+    columns: Ref<HolyesTableColumnPropsType[]>;
+}) => {
+    /** fixed 列 left */
+    fixedColumnsLeft: Ref<string[], string[]>;
+    /** fixed 列 right */
+    fixedColumnsRight: Ref<string[], string[]>;
+    /** fixed 列 left 最后一列 */
+    fixedLeftIndex: Ref<number, number>;
+    /** fixed 列 right 最后一列 */
+    fixedRightIndex: Ref<number, number>;
+    /** 刷新表格网格列 */
+    reflashGridTemplateColumns: () => void;
+    /** 表格网格列 */
+    gridTemplateColumns: Ref<string, string>;
+    /** 获取网格列样式(fixed) */
+    getGridStyles: () => void;
+};

package/dist/lib/pretextTable/hook/useHeader.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'vue';
+import { HolyesTableColumnPropsType } from '../type';
+export declare function useHeader(dataObj: {
+    pretextTableRef: Ref<any>;
+}): {
+    /** 表头高度 */
+    headerHeight: Ref<number, number>;
+    /** 表头样式 */
+    headerStyles: {
+        fontWeight: string;
+        fontSize: string;
+    };
+    /** 生成表头 */
+    createHeader: (tempColumns: HolyesTableColumnPropsType[]) => {
+        /** 最终的列字段配置列表 */
+        finalColumns: HolyesTableColumnPropsType[];
+        /** 真实的表头分组后的列字段配置 */
+        realColumns: (HolyesTableColumnPropsType | null)[][];
+    };
+    /** 表头引用 */
+    headerRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    /** 计算表头高度 */
+    getHeaderRefHeight: () => void;
+};

package/dist/lib/pretextTable/hook/useHeaderResize.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { HolyesTableColumnPropsType } from '../type';
+export declare const useHeaderResize: (dataObj: {
+    pretextTableRef: Ref<HTMLDivElement | null | undefined>;
+    afterResize: any;
+}) => {
+    /** 是否正在拖拽 */
+    isDragging: Ref<boolean, boolean>;
+    /** 拖拽线位置 */
+    dragLineLeft: Ref<number, number>;
+    /** 按下拖拽手柄开始调整宽度 */
+    startResize: (e: MouseEvent, column: HolyesTableColumnPropsType) => void;
+};

package/dist/lib/pretextTable/hook/useSort.d.ts

@@ -0,0 +1,21 @@
+import { ShallowRef } from 'vue';
+import { HolyesTableKeyNames, HolyesTableTreeConfig } from '../type';
+/** 排序 */
+export declare function useSort(dataObj: {
+    keyNames: HolyesTableKeyNames;
+    nowDataSource: ShallowRef<any[]>;
+    getVisibleData: () => void;
+    setNowDataSource: (tempData: any[]) => void;
+    treeConfig?: HolyesTableTreeConfig;
+    /** 默认树配置 */
+    defaultTreeConfig?: any;
+}): {
+    /** 当前排序字段 */
+    sortField: import('vue').Ref<string, string>;
+    /** 当前排序方向 */
+    sortOrder: import('vue').Ref<"asc" | "desc" | null, "asc" | "desc" | null>;
+    /** 排序 */
+    sort: (field: string, order: "desc" | "asc" | null | "auto") => void;
+    /** 拿当前的排序字段和排序方向, 排序 */
+    handleSort: () => void;
+};

package/dist/lib/pretextTable/hook/useTree.d.ts

@@ -0,0 +1,28 @@
+import { HolyesTableKeyNames, HolyesTableTreeConfig } from '../type';
+/** 树形结构配置项 */
+export declare const useTree: (dataObj: {
+    treeConfig: HolyesTableTreeConfig;
+    keyNames: HolyesTableKeyNames;
+    afterTreeExpand: (rows: any[], expanded: boolean) => void;
+    insertChild: (records: any[], parentRowOrParentId: any) => Promise<void>;
+}) => {
+    /** 默认的树形结构配置项 */
+    defaultTreeConfig: {
+        isOpenTree: boolean;
+        transform: boolean;
+        idField: string;
+        parentField: string;
+        childrenField: string;
+        indent: number;
+        trigger: string;
+        lazy: boolean;
+        hasChildField: string;
+        showIcon: boolean;
+    };
+    /** 树形结构, 展开的行Map, 键是行的idField 或 keyNames.id, 值是行数据 */
+    treeExpandMap: Map<string, any>;
+    /** 处理树形结构 */
+    handleTree: (baseDataSource: any[]) => any[];
+    /** 用于 tree-config，设置展开树形节点，二个参数设置这一行展开与否 */
+    setTreeExpand: (rows: any[], expanded: boolean) => Promise<void>;
+};

package/dist/lib/pretextTable/pretextTable.vue.d.ts

@@ -0,0 +1,259 @@
+import { PropType } from 'vue';
+import { HolyesTableTreeConfig, HolyesTableFooterProps, HolyesTableColumnPropsType, HolyesTableExpandConfig } from './type';
+declare const _default: __VLS_WithSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 表格列属性 */
+    columns: {
+        type: PropType<HolyesTableColumnPropsType[]>;
+        default: () => never[];
+    };
+    /** 表格高度 */
+    height: {
+        type: NumberConstructor;
+    };
+    /** 单元格最小行高 */
+    cellMinHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 加载中 */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 加载中配置 */
+    loadingConfig: {
+        type: PropType<{
+            /** 加载中文本 */
+            text?: string;
+        }>;
+        default: () => {};
+    };
+    /** 自定义插槽是否懒加载，默认否；开启后，自定义插槽多时滚动会更流畅 */
+    lazyLoadSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 行配置 */
+    rowConfig: {
+        type: PropType<{
+            /** 当鼠标点击行时，是否要高亮当前行 */
+            isCurrent?: boolean;
+            /** 当鼠标移到行时，是否要高亮当前行 */
+            isHover?: boolean;
+        }>;
+        default: () => {};
+    };
+    /** 排序配置 */
+    sortConfig: {
+        type: PropType<{
+            /** 排序方式 */
+            trigger?: "cell" | "default";
+        }>;
+        default: () => {};
+    };
+    /** 是否显示斑马纹背景 */
+    stripe: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否显示溢出内容 */
+    showOverflow: {
+        type: PropType<"title" | "tooltip" | "ellipsis" | "">;
+        default: string;
+    };
+    /** 是否显示表尾行 */
+    showFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 表尾行属性, 这里是定有多少行和列字段属性等 */
+    footerProps: {
+        type: PropType<HolyesTableFooterProps[]>;
+        default: () => never[];
+    };
+    /** 树形结构配置项 */
+    treeConfig: {
+        type: PropType<HolyesTableTreeConfig>;
+        default: () => {};
+    };
+    /** 展开配置 */
+    expandConfig: {
+        type: PropType<HolyesTableExpandConfig>;
+        default: () => {};
+    };
+}>, {
+    loadData: (tempData: any[]) => Promise<void>;
+    reloadData: (tempData: any[]) => Promise<void>;
+    getCheckboxRecords: (isFull: boolean) => any[];
+    clearCheckboxRow: () => void;
+    updateFooter: (field?: string) => void;
+    updateFooterCellLabel: (field: string, rowIndex: number, label: string) => void;
+    getFooterHeight: (footerProps: HolyesTableFooterProps[]) => void;
+    getTableData: () => {
+        fullData: any[];
+        visibleData: any[];
+    };
+    setTreeExpand: (rows: any[], expanded: boolean) => Promise<void>;
+    setAllTreeExpand: (isExpand: boolean) => void;
+    clearTreeExpand: () => void;
+    setRowExpand: (rows: any[], expanded: boolean) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    checkboxAll: (...args: any[]) => void;
+    checkboxChange: (...args: any[]) => void;
+    currentChange: (...args: any[]) => void;
+    cellClick: (...args: any[]) => void;
+    headerCellClick: (...args: any[]) => void;
+    resizableChange: (...args: any[]) => void;
+    toggleRowExpand: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 表格列属性 */
+    columns: {
+        type: PropType<HolyesTableColumnPropsType[]>;
+        default: () => never[];
+    };
+    /** 表格高度 */
+    height: {
+        type: NumberConstructor;
+    };
+    /** 单元格最小行高 */
+    cellMinHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 加载中 */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 加载中配置 */
+    loadingConfig: {
+        type: PropType<{
+            /** 加载中文本 */
+            text?: string;
+        }>;
+        default: () => {};
+    };
+    /** 自定义插槽是否懒加载，默认否；开启后，自定义插槽多时滚动会更流畅 */
+    lazyLoadSlot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 行配置 */
+    rowConfig: {
+        type: PropType<{
+            /** 当鼠标点击行时，是否要高亮当前行 */
+            isCurrent?: boolean;
+            /** 当鼠标移到行时，是否要高亮当前行 */
+            isHover?: boolean;
+        }>;
+        default: () => {};
+    };
+    /** 排序配置 */
+    sortConfig: {
+        type: PropType<{
+            /** 排序方式 */
+            trigger?: "cell" | "default";
+        }>;
+        default: () => {};
+    };
+    /** 是否显示斑马纹背景 */
+    stripe: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否显示溢出内容 */
+    showOverflow: {
+        type: PropType<"title" | "tooltip" | "ellipsis" | "">;
+        default: string;
+    };
+    /** 是否显示表尾行 */
+    showFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 表尾行属性, 这里是定有多少行和列字段属性等 */
+    footerProps: {
+        type: PropType<HolyesTableFooterProps[]>;
+        default: () => never[];
+    };
+    /** 树形结构配置项 */
+    treeConfig: {
+        type: PropType<HolyesTableTreeConfig>;
+        default: () => {};
+    };
+    /** 展开配置 */
+    expandConfig: {
+        type: PropType<HolyesTableExpandConfig>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onCheckboxAll?: ((...args: any[]) => any) | undefined;
+    onCheckboxChange?: ((...args: any[]) => any) | undefined;
+    onCurrentChange?: ((...args: any[]) => any) | undefined;
+    onCellClick?: ((...args: any[]) => any) | undefined;
+    onHeaderCellClick?: ((...args: any[]) => any) | undefined;
+    onResizableChange?: ((...args: any[]) => any) | undefined;
+    onToggleRowExpand?: ((...args: any[]) => any) | undefined;
+}>, {
+    showFooter: boolean;
+    columns: HolyesTableColumnPropsType[];
+    treeConfig: HolyesTableTreeConfig;
+    expandConfig: HolyesTableExpandConfig;
+    cellMinHeight: number;
+    loading: boolean;
+    loadingConfig: {
+        /** 加载中文本 */
+        text?: string;
+    };
+    lazyLoadSlot: boolean;
+    rowConfig: {
+        /** 当鼠标点击行时，是否要高亮当前行 */
+        isCurrent?: boolean;
+        /** 当鼠标移到行时，是否要高亮当前行 */
+        isHover?: boolean;
+    };
+    sortConfig: {
+        /** 排序方式 */
+        trigger?: "cell" | "default";
+    };
+    stripe: boolean;
+    showOverflow: "" | "title" | "tooltip" | "ellipsis";
+    footerProps: HolyesTableFooterProps[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    [x: string]: ((props: {
+        column: HolyesTableColumnPropsType;
+        text: string;
+    }) => any) | undefined;
+} & {
+    [x: string]: ((props: {
+        row: any;
+        rowIndex: number;
+    }) => any) | undefined;
+} & {
+    [x: string]: ((props: {
+        row: any;
+        column: HolyesTableColumnPropsType;
+        rowIndex: number;
+    }) => any) | undefined;
+} & {
+    [x: string]: ((props: {
+        footerColumn: {
+            height?: number | undefined;
+            field: string;
+            fixed?: string | undefined;
+            type?: import('./type').HolyesTableFooterType | undefined;
+            text?: string | undefined;
+            dataType?: import('./type').HolyesTableFooterDataType | undefined;
+            data: any;
+            slot?: string | undefined;
+        };
+        footerData: any;
+        footerRowIndex: number;
+    }) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};