npm - @gx-design-vue/pro-table - Versions diffs - 0.0.1 - Mend

@gx-design-vue/pro-table 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (52) hide show

package/README.md +1 -0
package/dist/ProTable.d.ts +704 -0
package/dist/_utils/ant-design-vue/index.d.ts +5 -0
package/dist/_utils/ant-design-vue/pagination/typings.d.ts +1 -0
package/dist/_utils/ant-design-vue/table/props.d.ts +191 -0
package/dist/_utils/ant-design-vue/table/typings.d.ts +11 -0
package/dist/_utils/gx-design-vue/extract-public-props.d.ts +7 -0
package/dist/_utils/gx-design-vue/index.d.ts +2 -0
package/dist/_utils/gx-design-vue/typings.d.ts +1 -0
package/dist/_utils/hooks/useRefFunction/index.d.ts +1 -0
package/dist/_utils/index.d.ts +15 -0
package/dist/_utils/typings.d.ts +40 -0
package/dist/components/ColumnSetting/index.d.ts +10 -0
package/dist/components/ColumnSetting/style.less +95 -0
package/dist/components/Form/index.d.ts +35 -0
package/dist/components/Form/style.less +42 -0
package/dist/components/Form/useForm.d.ts +6 -0
package/dist/components/ListToolBar/index.d.ts +61 -0
package/dist/components/ListToolBar/style.less +62 -0
package/dist/components/ToolBar/DensityIcon.d.ts +3 -0
package/dist/components/ToolBar/FullscreenIcon.d.ts +3 -0
package/dist/components/ToolBar/index.d.ts +16 -0
package/dist/components/ToolBar/style.less +40 -0
package/dist/context/TableContext.d.ts +25 -0
package/dist/design/config.less +7 -0
package/dist/hooks/core/index.d.ts +3 -0
package/dist/hooks/core/useMemo.d.ts +10 -0
package/dist/hooks/core/useTimeout.d.ts +11 -0
package/dist/hooks/useColumnSetting.d.ts +30 -0
package/dist/hooks/useColums.d.ts +24 -0
package/dist/hooks/useDebounceFn.d.ts +10 -0
package/dist/hooks/useFetchData.d.ts +37 -0
package/dist/hooks/useLoading.d.ts +17 -0
package/dist/hooks/usePagination.d.ts +11 -0
package/dist/hooks/useRowSelection.d.ts +9 -0
package/dist/hooks/useTableForm.d.ts +15 -0
package/dist/hooks/useTableScroll.d.ts +27 -0
package/dist/hooks/useTableSize.d.ts +9 -0
package/dist/index.d.ts +6 -0
package/dist/pro-table.mjs +2095 -0
package/dist/pro-table.umd.js +1 -0
package/dist/props.d.ts +433 -0
package/dist/style/index.less +168 -0
package/dist/style/table.less +42 -0
package/dist/style.css +1 -0
package/dist/style.less +5 -0
package/dist/types/column.d.ts +147 -0
package/dist/types/table.d.ts +78 -0
package/dist/typings/components.d.ts +6 -0
package/dist/utils/index.d.ts +86 -0
package/dist/utils/validate.d.ts +25 -0
package/package.json +74 -0

package/dist/pro-table.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/props.d.ts ADDED Viewed

@@ -0,0 +1,433 @@
+import type { CSSProperties, PropType } from 'vue';
+import type { OptionConfig, requsetConfig, ProCoreActionType, ProFieldEmptyText, ProTablePagination } from './types/table';
+import type { ProColumns, ProSearchMap } from './types/column';
+import type { SizeType, AlignType } from './_utils';
+import type { ColumnsState, ColumnsStateType } from './hooks/useColumnSetting';
+import type { SearchConfig } from './types/table';
+export declare const proTableProps: {
+    rowSelection: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    columns: {
+        type: PropType<ProColumns>;
+        default: never[];
+    };
+    pagination: {
+        type: PropType<ProTablePagination>;
+        default: () => undefined;
+    };
+    rowKey: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 获取 dataSource 的方法
+     */
+    request: {
+        type: PropType<requsetConfig>;
+        default: null;
+    };
+    virtualScroll: PropType<boolean>;
+    params: PropType<RecordType>;
+    postData: PropType<(data: any[]) => any>;
+    waitRequest: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    polling: PropType<number>;
+    debounceTime: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 是否显示搜索表单，传入对象时为搜索表单的配置
+     */
+    search: {
+        type: PropType<SearchConfig>;
+        default: () => SearchConfig;
+    };
+    searchMap: {
+        type: PropType<ProSearchMap<"text", "date">[]>;
+        default: () => never[];
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 自定义表格渲染模式：默认表格展示，也可以自定义数据列表展示
+     */
+    customize: {
+        type: PropType<WithFalse<(data?: RecordType[]) => CustomRender>>;
+        default: () => undefined;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description Table action 的引用，便于自定义触发
+     */
+    actionRef: PropType<ProCoreActionType>;
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 添加表格class
+     */
+    tableClassName: PropType<String>;
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 表格样式
+     */
+    tableStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 渲染按钮工具栏，支持返回一个 dom 数组，会自动增加 margin-right
+     */
+    toolBarBtn: {
+        type: PropType<ProVueNode>;
+        default: () => undefined;
+    };
+    headerTitle: {
+        type: PropType<ProVueNode>;
+        default: () => undefined;
+    };
+    titleTip: {
+        type: PropType<ProVueNode>;
+        default: () => undefined;
+    };
+    titleTipText: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description table 工具栏，设为 false 时不显示
+     */
+    options: {
+        type: PropType<boolean | OptionConfig>;
+        default: boolean;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 列状态配置，可以配置是否浮动和是否展示
+     */
+    columnsState: {
+        type: PropType<ColumnsStateType>;
+    };
+    optionsExtra: {
+        type: PropType<VueNode>;
+        default: () => undefined;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 列设置额外的元素
+     */
+    settingExtra: {
+        type: PropType<VueNode>;
+        default: () => undefined;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 是否展示序号栏
+     */
+    showIndex: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 翻页item设置
+     */
+    pageItemRender: {
+        type: PropType<WithFalse<(opt: {
+            page: number;
+            type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next';
+            originalElement: any;
+        }) => CustomRender>>;
+        default: () => undefined;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 表格大小
+     */
+    size: {
+        type: PropType<SizeType>;
+        default: string;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 表格全局对齐方式
+     */
+    align: {
+        type: PropType<AlignType>;
+        default: string;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 是否展示外边框和列边框
+     */
+    bordered: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 是否列拖动
+     */
+    draggabled: PropType<boolean>;
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 根据屏幕大小或者scrollBreakpoint或者scroll?.x是否存在判断action列是否固定
+     */
+    autoScroll: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 滚动断点支持数字（屏幕宽度）；也支持md、xl，xxl等
+     */
+    scrollBreakpoint: PropType<string | number>;
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description modalTable时，自动固定滚动高度
+     */
+    modalScroll: PropType<boolean>;
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 从不滚动
+     */
+    neverScroll: PropType<boolean>;
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 空值时的显示，不设置时显示 -， false 可以关闭此功能
+     */
+    columnEmptyText: {
+        type: PropType<ProFieldEmptyText>;
+        default: boolean;
+    };
+    /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description Pro-Table 的方法
+     */
+    reset: PropType<(params?: Partial<Record<string, any>>) => any>;
+    onReload: PropType<(params?: Partial<Record<string, any>>) => any>;
+    submit: PropType<(params: Partial<Record<string, any>>) => any>;
+    sizeChange: PropType<(size: string) => any>;
+    loadingChange: PropType<(loading: boolean) => any>;
+    requestError: PropType<(e: Error) => void>;
+    beforeSearchSubmit: PropType<requsetConfig>;
+    columnsStateChange: PropType<(data: ColumnsState[]) => void>;
+    prefixCls: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    tableLayout: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").TableLayout | undefined>;
+        default: undefined;
+    };
+    rowClassName: {
+        type: PropType<string | import("ant-design-vue/lib/vc-table/interface").RowClassName<any> | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").PanelRender<any> | undefined>;
+        default: undefined;
+    };
+    footer: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").PanelRender<any> | undefined>;
+        default: undefined;
+    };
+    id: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    showHeader: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    components: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").TableComponents<any> | undefined>;
+        default: undefined;
+    };
+    customRow: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").GetComponentProps<any> | undefined>;
+        default: undefined;
+    };
+    customHeaderRow: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").GetComponentProps<import("ant-design-vue/lib/vc-table/interface").ColumnType<any>[]> | undefined>;
+        default: undefined;
+    };
+    direction: {
+        type: PropType<"ltr" | "rtl" | undefined>;
+        default: undefined;
+    };
+    expandFixed: {
+        type: PropType<boolean | "left" | "right" | undefined>;
+        default: undefined;
+    };
+    expandColumnWidth: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+    expandedRowKeys: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").Key[] | undefined>;
+        default: import("ant-design-vue/lib/vc-table/interface").Key[] | undefined;
+    };
+    defaultExpandedRowKeys: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").Key[] | undefined>;
+        default: import("ant-design-vue/lib/vc-table/interface").Key[] | undefined;
+    };
+    expandedRowRender: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").ExpandedRowRender<any> | undefined>;
+        default: undefined;
+    };
+    expandRowByClick: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    expandIcon: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").RenderExpandIcon<any> | undefined>;
+        default: undefined;
+    };
+    onExpand: {
+        type: PropType<((expanded: boolean, record: any) => void) | undefined>;
+        default: undefined;
+    };
+    onExpandedRowsChange: {
+        type: PropType<((expandedKeys: import("ant-design-vue/lib/vc-table/interface").Key[]) => void) | undefined>;
+        default: undefined;
+    };
+    'onUpdate:expandedRowKeys': {
+        type: PropType<((expandedKeys: import("ant-design-vue/lib/vc-table/interface").Key[]) => void) | undefined>;
+        default: undefined;
+    };
+    defaultExpandAllRows: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    indentSize: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+    expandIconColumnIndex: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+    showExpandColumn: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expandedRowClassName: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").RowClassName<any> | undefined>;
+        default: undefined;
+    };
+    childrenColumnName: {
+        type: PropType<string | undefined>; /**
+         * @Author      gx12358
+         * @DateTime    2022/2/8
+         * @lastTime    2022/2/8
+         * @description table 工具栏，设为 false 时不显示
+         */
+        default: undefined;
+    };
+    rowExpandable: {
+        type: PropType<((record: any) => boolean) | undefined>;
+        default: undefined;
+    };
+    sticky: {
+        type: PropType<boolean | import("ant-design-vue/lib/vc-table/interface").TableSticky | undefined>;
+        default: undefined;
+    };
+    dropdownPrefixCls: StringConstructor;
+    dataSource: {
+        type: PropType<any[] | undefined>;
+        default: undefined;
+    };
+    loading: {
+        type: PropType<boolean | import("./_utils").SpinProps>;
+        default: undefined;
+    };
+    locale: {
+        type: PropType<import("ant-design-vue/es/table/interface").TableLocale>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(pagination: import("ant-design-vue/es/table/interface").TablePaginationConfig, filters: Record<string, import("ant-design-vue/es/table/interface").FilterValue | null>, sorter: import("ant-design-vue/es/table/interface").SorterResult<any> | import("ant-design-vue/es/table/interface").SorterResult<any>[], extra: import("ant-design-vue/es/table/interface").TableCurrentDataSource<any>) => void>;
+        default: undefined;
+    };
+    onResizeColumn: {
+        type: PropType<(w: number, col: import("ant-design-vue/es/table/interface").ColumnType<any>) => void>;
+        default: undefined;
+    };
+    getPopupContainer: {
+        type: PropType<import("ant-design-vue/es/table/interface").GetPopupContainer>;
+        default: undefined;
+    };
+    scroll: {
+        type: PropType<{
+            x?: string | number | true | undefined;
+            y?: string | number | undefined;
+        } & {
+            scrollToFirstRowOnChange?: boolean | undefined;
+        }>;
+        default: undefined;
+    };
+    sortDirections: {
+        type: PropType<import("ant-design-vue/es/table/interface").SortOrder[]>;
+        default: undefined;
+    };
+    showSorterTooltip: {
+        type: PropType<boolean | import("./_utils").TooltipProps>;
+        default: boolean;
+    };
+    contextSlots: {
+        type: PropType<import("ant-design-vue/es/table/context").ContextSlots>;
+    };
+    transformCellText: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").TransformCellText<any> | undefined>;
+    };
+};