@yelingfeng/pandora2 0.1.3

package/dist/packages/components/PdTable/src/props/useTableProps.d.ts

@@ -0,0 +1,381 @@
+import { ExtractPropTypes } from 'vue';
+import { AnyObject, IPandoraTable } from '../types';
+import { Table } from '../types/element-type';
+import { tableProps } from './index';
+/**
+ *
+ * @param props table Props属性
+ * @returns
+ */
+export declare const useTableProps: (props: ExtractPropTypes<typeof tableProps>) => {
+    tableInstance: import("vue").Ref<Table<any> | undefined, Table<any> | undefined>;
+    tableConfig: IPandoraTable<AnyObject>;
+    currentData: import("vue").Ref<any, any>;
+    columnsProps: import("vue").Ref<{
+        name?: string | undefined;
+        value?: string | undefined;
+        render?: ((row: any, column: any, index: number) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        id?: string | undefined;
+        realWidth?: number | undefined;
+        type?: string | undefined;
+        label?: string | undefined;
+        className?: string | undefined;
+        labelClassName?: string | undefined;
+        property?: string | undefined;
+        prop?: string | undefined;
+        width?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        renderHeader?: ((data: {
+            column: import("../types/element-type").TableColumnCtx<any>;
+            $index: number;
+        }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        sortable?: string | boolean | undefined;
+        sortMethod?: ((a: any, b: any) => number) | undefined;
+        sortBy?: string | string[] | ((row: any, index: number) => string) | undefined;
+        resizable?: boolean | undefined;
+        columnKey?: string | undefined;
+        rawColumnKey?: string | undefined;
+        align?: string | undefined;
+        headerAlign?: string | undefined;
+        showTooltipWhenOverflow?: boolean | undefined;
+        showOverflowTooltip?: boolean | undefined;
+        fixed?: string | boolean | undefined;
+        formatter?: ((row: any, column: import("../types/element-type").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        selectable?: ((row: any, index: number) => boolean) | undefined;
+        reserveSelection?: boolean | undefined;
+        filterMethod?: import("../types/element-type").FilterMethods<any> | undefined;
+        filteredValue?: string[] | undefined;
+        filters?: {
+            text: string;
+            value: string;
+        }[] | undefined;
+        filterPlacement?: string | undefined;
+        filterMultiple?: boolean | undefined;
+        index?: number | ((index: number) => number) | undefined;
+        sortOrders?: ("ascending" | "descending" | null)[] | undefined;
+        renderCell?: ((data: any) => void) | undefined;
+        colSpan?: number | undefined;
+        rowSpan?: number | undefined;
+        children?: {
+            id: string;
+            realWidth: number;
+            type: string;
+            label: string;
+            className: string;
+            labelClassName: string;
+            property: string;
+            prop: string;
+            width: string | number;
+            minWidth: string | number;
+            renderHeader: (data: {
+                column: import("../types/element-type").TableColumnCtx<any>;
+                $index: number;
+            }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            sortable: string | boolean;
+            sortMethod: (a: any, b: any) => number;
+            sortBy: string | string[] | ((row: any, index: number) => string);
+            resizable: boolean;
+            columnKey: string;
+            rawColumnKey: string;
+            align: string;
+            headerAlign: string;
+            showTooltipWhenOverflow: boolean;
+            showOverflowTooltip: boolean;
+            fixed: string | boolean;
+            formatter: (row: any, column: import("../types/element-type").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            selectable: (row: any, index: number) => boolean;
+            reserveSelection: boolean;
+            filterMethod: import("../types/element-type").FilterMethods<any>;
+            filteredValue: string[];
+            filters: {
+                text: string;
+                value: string;
+            }[];
+            filterPlacement: string;
+            filterMultiple: boolean;
+            index: number | ((index: number) => number);
+            sortOrders: ("ascending" | "descending" | null)[];
+            renderCell: (data: any) => void;
+            colSpan: number;
+            rowSpan: number;
+            children: any[];
+            level: number;
+            filterable: boolean | import("../types/element-type").FilterMethods<any> | {
+                text: string;
+                value: string;
+            }[];
+            order: string;
+            isColumnGroup: boolean;
+            isSubColumn: boolean;
+            columns: any[];
+            getColumnIndex: () => number;
+            no: number;
+            filterOpened?: boolean | undefined;
+        }[] | undefined;
+        level?: number | undefined;
+        filterable?: boolean | import("../types/element-type").FilterMethods<any> | {
+            text: string;
+            value: string;
+        }[] | undefined;
+        order?: string | undefined;
+        isColumnGroup?: boolean | undefined;
+        isSubColumn?: boolean | undefined;
+        columns?: {
+            id: string;
+            realWidth: number;
+            type: string;
+            label: string;
+            className: string;
+            labelClassName: string;
+            property: string;
+            prop: string;
+            width: string | number;
+            minWidth: string | number;
+            renderHeader: (data: {
+                column: import("../types/element-type").TableColumnCtx<any>;
+                $index: number;
+            }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            sortable: string | boolean;
+            sortMethod: (a: any, b: any) => number;
+            sortBy: string | string[] | ((row: any, index: number) => string);
+            resizable: boolean;
+            columnKey: string;
+            rawColumnKey: string;
+            align: string;
+            headerAlign: string;
+            showTooltipWhenOverflow: boolean;
+            showOverflowTooltip: boolean;
+            fixed: string | boolean;
+            formatter: (row: any, column: import("../types/element-type").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            selectable: (row: any, index: number) => boolean;
+            reserveSelection: boolean;
+            filterMethod: import("../types/element-type").FilterMethods<any>;
+            filteredValue: string[];
+            filters: {
+                text: string;
+                value: string;
+            }[];
+            filterPlacement: string;
+            filterMultiple: boolean;
+            index: number | ((index: number) => number);
+            sortOrders: ("ascending" | "descending" | null)[];
+            renderCell: (data: any) => void;
+            colSpan: number;
+            rowSpan: number;
+            children: any[];
+            level: number;
+            filterable: boolean | import("../types/element-type").FilterMethods<any> | {
+                text: string;
+                value: string;
+            }[];
+            order: string;
+            isColumnGroup: boolean;
+            isSubColumn: boolean;
+            columns: any[];
+            getColumnIndex: () => number;
+            no: number;
+            filterOpened?: boolean | undefined;
+        }[] | undefined;
+        getColumnIndex?: (() => number) | undefined;
+        no?: number | undefined;
+        filterOpened?: boolean | undefined;
+    }[], import("../types").IPandoraTableColumn<any>[] | {
+        name?: string | undefined;
+        value?: string | undefined;
+        render?: ((row: any, column: any, index: number) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        id?: string | undefined;
+        realWidth?: number | undefined;
+        type?: string | undefined;
+        label?: string | undefined;
+        className?: string | undefined;
+        labelClassName?: string | undefined;
+        property?: string | undefined;
+        prop?: string | undefined;
+        width?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        renderHeader?: ((data: {
+            column: import("../types/element-type").TableColumnCtx<any>;
+            $index: number;
+        }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        sortable?: string | boolean | undefined;
+        sortMethod?: ((a: any, b: any) => number) | undefined;
+        sortBy?: string | string[] | ((row: any, index: number) => string) | undefined;
+        resizable?: boolean | undefined;
+        columnKey?: string | undefined;
+        rawColumnKey?: string | undefined;
+        align?: string | undefined;
+        headerAlign?: string | undefined;
+        showTooltipWhenOverflow?: boolean | undefined;
+        showOverflowTooltip?: boolean | undefined;
+        fixed?: string | boolean | undefined;
+        formatter?: ((row: any, column: import("../types/element-type").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
+        selectable?: ((row: any, index: number) => boolean) | undefined;
+        reserveSelection?: boolean | undefined;
+        filterMethod?: import("../types/element-type").FilterMethods<any> | undefined;
+        filteredValue?: string[] | undefined;
+        filters?: {
+            text: string;
+            value: string;
+        }[] | undefined;
+        filterPlacement?: string | undefined;
+        filterMultiple?: boolean | undefined;
+        index?: number | ((index: number) => number) | undefined;
+        sortOrders?: ("ascending" | "descending" | null)[] | undefined;
+        renderCell?: ((data: any) => void) | undefined;
+        colSpan?: number | undefined;
+        rowSpan?: number | undefined;
+        children?: {
+            id: string;
+            realWidth: number;
+            type: string;
+            label: string;
+            className: string;
+            labelClassName: string;
+            property: string;
+            prop: string;
+            width: string | number;
+            minWidth: string | number;
+            renderHeader: (data: {
+                column: import("../types/element-type").TableColumnCtx<any>;
+                $index: number;
+            }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            sortable: string | boolean;
+            sortMethod: (a: any, b: any) => number;
+            sortBy: string | string[] | ((row: any, index: number) => string);
+            resizable: boolean;
+            columnKey: string;
+            rawColumnKey: string;
+            align: string;
+            headerAlign: string;
+            showTooltipWhenOverflow: boolean;
+            showOverflowTooltip: boolean;
+            fixed: string | boolean;
+            formatter: (row: any, column: import("../types/element-type").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            selectable: (row: any, index: number) => boolean;
+            reserveSelection: boolean;
+            filterMethod: import("../types/element-type").FilterMethods<any>;
+            filteredValue: string[];
+            filters: {
+                text: string;
+                value: string;
+            }[];
+            filterPlacement: string;
+            filterMultiple: boolean;
+            index: number | ((index: number) => number);
+            sortOrders: ("ascending" | "descending" | null)[];
+            renderCell: (data: any) => void;
+            colSpan: number;
+            rowSpan: number;
+            children: any[];
+            level: number;
+            filterable: boolean | import("../types/element-type").FilterMethods<any> | {
+                text: string;
+                value: string;
+            }[];
+            order: string;
+            isColumnGroup: boolean;
+            isSubColumn: boolean;
+            columns: any[];
+            getColumnIndex: () => number;
+            no: number;
+            filterOpened?: boolean | undefined;
+        }[] | undefined;
+        level?: number | undefined;
+        filterable?: boolean | import("../types/element-type").FilterMethods<any> | {
+            text: string;
+            value: string;
+        }[] | undefined;
+        order?: string | undefined;
+        isColumnGroup?: boolean | undefined;
+        isSubColumn?: boolean | undefined;
+        columns?: {
+            id: string;
+            realWidth: number;
+            type: string;
+            label: string;
+            className: string;
+            labelClassName: string;
+            property: string;
+            prop: string;
+            width: string | number;
+            minWidth: string | number;
+            renderHeader: (data: {
+                column: import("../types/element-type").TableColumnCtx<any>;
+                $index: number;
+            }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            sortable: string | boolean;
+            sortMethod: (a: any, b: any) => number;
+            sortBy: string | string[] | ((row: any, index: number) => string);
+            resizable: boolean;
+            columnKey: string;
+            rawColumnKey: string;
+            align: string;
+            headerAlign: string;
+            showTooltipWhenOverflow: boolean;
+            showOverflowTooltip: boolean;
+            fixed: string | boolean;
+            formatter: (row: any, column: import("../types/element-type").TableColumnCtx<any>, cellValue: any, index: number) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>;
+            selectable: (row: any, index: number) => boolean;
+            reserveSelection: boolean;
+            filterMethod: import("../types/element-type").FilterMethods<any>;
+            filteredValue: string[];
+            filters: {
+                text: string;
+                value: string;
+            }[];
+            filterPlacement: string;
+            filterMultiple: boolean;
+            index: number | ((index: number) => number);
+            sortOrders: ("ascending" | "descending" | null)[];
+            renderCell: (data: any) => void;
+            colSpan: number;
+            rowSpan: number;
+            children: any[];
+            level: number;
+            filterable: boolean | import("../types/element-type").FilterMethods<any> | {
+                text: string;
+                value: string;
+            }[];
+            order: string;
+            isColumnGroup: boolean;
+            isSubColumn: boolean;
+            columns: any[];
+            getColumnIndex: () => number;
+            no: number;
+            filterOpened?: boolean | undefined;
+        }[] | undefined;
+        getColumnIndex?: (() => number) | undefined;
+        no?: number | undefined;
+        filterOpened?: boolean | undefined;
+    }[]>;
+    $sortService: import("../sort/sortService").SortService;
+    handleHeaderClick: (column: any, e: any) => void;
+};

package/dist/packages/components/PdTable/src/render/column.d.ts

@@ -0,0 +1,11 @@
+import { SortService } from '../sort/sortService';
+import type { IPandoraTableColumn } from '../types';
+/**
+ *
+ * @param column 列构建对象
+ * @param sortService 排序service
+ * @returns
+ */
+export declare function useColumnRender<T>(columnProps: IPandoraTableColumn<T>[], sortService: SortService): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[];

package/dist/packages/components/PdTable/src/render/pager.d.ts

@@ -0,0 +1,5 @@
+import { IPageConfig } from '../types';
+/**
+ * 构建分页
+ */
+export declare const usePagerRender: (pageOpt: IPageConfig | any, handleSizeChange: Function, handleCurrentChange: Function) => any;

package/dist/packages/components/PdTable/src/sort/index.d.ts

@@ -0,0 +1,12 @@
+import { SortService } from './sortService';
+import type { Table } from '../types/element-type';
+import type { Ref } from 'vue';
+import type { IPandoraTableColumn, ISortService, ISortChangeCb } from '../types';
+/**
+ *
+ * @param sortConfig
+ * @param columns
+ * @param tableInstance
+ * @returns
+ */
+export declare function useSortService<T>(sortConfig: ISortService<ISortChangeCb>, columns: IPandoraTableColumn<T>[], tableInstance?: Ref<Table<T>> | any): SortService;

package/dist/packages/components/PdTable/src/sort/sortService.d.ts

@@ -0,0 +1,91 @@
+import { ISortChangeCb, ISortService } from '../types';
+export declare const ASC = "ascending";
+export declare const DESC = "descending";
+export declare const DEFAULT_SORT = "descending";
+export declare const SINGLE = "single";
+export declare const MULTI = "multi";
+export declare const SORT_ARR: string[];
+/**
+ * 排序服务类
+ */
+export declare class SortService {
+    private activeSort;
+    private defaultSortObj;
+    private _oldActiveSort;
+    private option;
+    constructor(opt: ISortService<ISortChangeCb>);
+    init(): void;
+    initSort(): void;
+    _initDefSortObj(): void;
+    _getDefaultOrder(prop: string): string;
+    /**
+     * 获取当前排序列的th Dom
+     */
+    getSortColDom(order: string): any;
+    initIconSort(): void;
+    getTargetSortKey(order: string): string;
+    /**
+     * 取当前th上的className 排序order字段
+     */
+    getCurrentSortKey(classList: any): string;
+    /**
+     * 是否是单排模式
+     * @param sortMode
+     * @returns
+     */
+    _isSingleModel(sortMode: string): boolean;
+    /**
+     * 获取目标dom节点
+     *
+     */
+    getTargetNode(e: any): any;
+    /**
+     * 是否需要触发列排序  change
+     *
+     *  判断配置column中是否有指定的配置项sortable
+     **/
+    isNeedOrderChange(prop: string): any;
+    /**
+     * 排序处理服务
+     * @param {string} column 排序列名
+     * @param {string} order 排序字段
+     */
+    sortOrderService(column: string, order: string): void;
+    _clearSortOrderService(): void;
+    /**
+     * 清空所属icon样式
+     * @param {string} column 排序列名
+     */
+    clearSortOrderCls(column: string): void;
+    /**
+     * 处理sort icon 样式方法
+     * @param {object} node dom节点对象
+     * @param {string} order 目标排序order
+     */
+    changeSortOrderClass(node: any, order: string): void;
+    /**
+     * 移除所有排序cls样式
+     *
+     * */
+    removeAllSortOrderCls(node: any): void;
+    /**
+     * icon click事件
+     * @param {object} order 排序字段
+     * @param {object} column 当前列对象
+     * @param {any} e 当前事件
+     */
+    sortIconClick(e: any, column: any, order: string): void;
+    /**
+     * 排序回调
+     */
+    sortChange(): void;
+    /**
+     * 获取需要返给用户端的 排序值
+     * @returns { key1:'desc',key2:'asc'}
+     */
+    getActiveSortValue(): any;
+    /**
+     * 执行header Click处理
+     */
+    executeHeaderClick(column: any, e: any): void;
+}