@para-ui/core 2.2.1-beta → 2.2.2

package/Table/interface.d.ts

@@ -0,0 +1,202 @@
+/**
+ * @author linhd
+ * @date 2021/8/6 11:05
+ * @description 表格
+ */
+import React, { ReactNode } from 'react';
+import { EmptyProps } from "../Empty";
+import { OperateBtnProps } from "../OperateBtn";
+/** 任意类型 */
+export interface Anyjson {
+    [name: string]: any;
+}
+/** 请求方式枚举 */
+export declare type MethodType = 'Post' | 'Get';
+/** 排序方式枚举 asc 升序 desc 降序 not 没有 */
+export declare type OrderType = 'asc' | 'desc' | undefined;
+/** 表格头部复选框选中状态 全选 / 半选 / 不选 */
+export declare type SelectStatus = 'all' | 'half' | 'not';
+/** 嵌套表格状态 */
+export declare type ExpandableStatus = 'develop' | 'retract' | undefined;
+/** 对齐方式 */
+export declare type AlignType = 'left' | 'center' | 'right';
+/** 渲染数据参数 */
+export interface HeadDataProps {
+    /** 数据属性 */
+    name?: string;
+    /** 显示名 */
+    label?: string;
+    /** 是否排序 */
+    sort?: boolean;
+    /** 渲染函数 (跟表格tableCell参数互斥) */
+    render?: (item: any) => ReactNode;
+    /** 渲染操作列按钮 */
+    operateBtnRender?: (item: any) => OperateBtnProps;
+    /** 对齐方式 */
+    align?: any;
+    /** 是否过滤 */
+    filter?: boolean;
+    /** 过滤单选,还是多选 */
+    filterRadio?: boolean;
+    /** 枚举 */
+    enums?: any[];
+    /** 是否显示字段 */
+    selected?: boolean;
+    /** 滚动定位方向, 必须配合width使用 */
+    fixed?: 'left' | 'right';
+    /** 宽度 */
+    width?: string | number;
+    /** 超出内容显示文字还是dom */
+    beyondText?: boolean;
+    [name: string]: any;
+}
+/** 固定列位置信息 */
+export interface PosFixedProps {
+    /** 是否存在左边定位 */
+    leftBol?: boolean;
+    /** 是否存在右边定位 */
+    rightBol?: boolean;
+}
+/** 表格头部跟表格主题 文件公用参数 */
+export interface TableHeadBodyPublicProps {
+    /** 指定每行key */
+    rowKey?: string;
+    /** 表头数据 */
+    headData?: HeadDataProps[];
+    /** 是否嵌套 */
+    expandable?: Function;
+    /** 是否开启复选宽 */
+    check?: boolean;
+    /** 是否开启单选 */
+    radio?: boolean;
+    /** 对齐方式 */
+    align?: AlignType;
+    /** 操作栏 */
+    operate?: HeadDataProps;
+    /** 是否显示列 外 里面 不显示 */
+    showColumns?: 'outside' | 'inside' | false;
+    /** 是否等分表格,出滚动条 */
+    fixedTable?: boolean;
+    /** 排序字段 */
+    orderFieldArr?: string[];
+    /** 排序方式 */
+    orderTypeArr?: OrderType[];
+    /** 是否排序 */
+    sortTable?: boolean;
+    /** 定位位置 */
+    posFixed?: PosFixedProps;
+    /** 超出内容显示文字还是dom */
+    beyondText?: boolean;
+}
+/** 表格参数 */
+export interface TableProps extends TableHeadBodyPublicProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 空状态属性 */
+    emptyProps?: EmptyProps;
+    /** 刷新表格 */
+    refresh?: any;
+    /** 请求地址 */
+    url?: string;
+    /** 请求上下文 */
+    ctx?: string;
+    /** 请求方式 */
+    method?: MethodType;
+    /** 本地数据源 */
+    data?: Anyjson | [];
+    /** 页数 */
+    page?: number;
+    /** 一页条数 */
+    size?: number;
+    /** 搜索条件 */
+    search?: Anyjson | string;
+    /** 每页显示的条数选择 */
+    sizeArr?: number[];
+    /** 是否分页 */
+    pagination?: boolean;
+    /** 分页模式 */
+    paginationType?: 'simple' | 'complex';
+    /** 自适应分页,根据外容器大小,改变分页模式 */
+    autoPagination?: boolean;
+    /** 渲染表格一行数据 (跟表格头部head里面的render参数互斥) */
+    tableCell?: (row: any, params: any) => ReactNode;
+    /** 请求回调参数 requestCallback(data, cb) cb(data) 需要回调数据回来 */
+    requestCallback?: (data: any, cb: (data: any) => void) => void;
+    /** 默认复选框选中值 */
+    checkDefaultValue?: any[];
+    /** 设置复选框选中值 */
+    setCheck?: (arr: any, data: any) => void;
+    /** 默认单选选中值 */
+    radioDefaultValue?: string | number;
+    /** 设置单选框选中值 */
+    setRadio?: (val: any, data: any) => void;
+    /** 多选记住分页数据 */
+    checkRememberPage?: boolean;
+    /** 选择框禁用 */
+    disabledArr?: Array<string | number>;
+    /** 选择框禁用时的状态 true 选中, false不选中, null 不显示 */
+    disabledArrStatus?: {
+        [name: string]: true | false | null;
+    };
+    /** 超出内容显示文字还是dom */
+    beyondText?: boolean;
+    /** 是否过滤 */
+    filter?: boolean;
+    /** 排序 多个/单个 */
+    sortTableRadio?: boolean;
+    /** 处理请求参数 */
+    paramsCallback?: (data: any, cb: (handObj: ReqProps) => void) => void;
+    /** 用来格式化内容 */
+    formatter?: (row: any, item: any, val: any, index: number) => ReactNode;
+    /** 用来计算表格行数 */
+    lineHeight?: number;
+    /** 表格每列没设置宽度的默认宽度, 默认80 */
+    lineWidth?: number;
+    /** 是否自动计算表格函数 */
+    autoSize?: boolean;
+    /** 是否loading */
+    loading?: boolean;
+    /** 加载更多 */
+    loadMore?: boolean;
+    /** 加载更多自定义 */
+    loadMoreRender?: ReactNode;
+    /** 点击加载更多 */
+    onClickMore?: () => void;
+    /** 默认展开项 */
+    expandValue?: string[];
+    /** 展开多个 */
+    expandMultiple?: boolean;
+    /** 禁用展开项 */
+    disabledExpand?: string[];
+    /** 展开事件 */
+    onExpand?: (row: any, status: ExpandableStatus) => void;
+    /** 是否展开所有行 */
+    defaultExpandAllRows?: boolean;
+    /** 勾选列事件 a当前显示列 b当前点击项数据 */
+    onClickColumns?: (a: any[], b?: any) => void;
+    [key: string]: any;
+}
+export interface ExpandableRowItem {
+    /** 当前嵌套行id */
+    id?: string;
+    /** develop | retract 当前嵌套行状态 (develop 展开) */
+    status?: ExpandableStatus;
+}
+/** 存放展开嵌套表格数据 */
+export interface ExpandableRow {
+    [name: string]: ExpandableRowItem;
+}
+/** 请求接口 */
+export interface ReqProps {
+    /** 请求方式 */
+    method: MethodType;
+    /** 请求地址 */
+    url: string;
+    /** 请求上下文 */
+    ctx?: string;
+    /** 请求参数 */
+    data?: any;
+    [name: string]: any;
+}

package/Table/lang/en_US.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    empty: string;
+    determine: string;
+    restoreDefault: string;
+};
+export default _default;

package/Table/lang/index.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    zh: {
+        empty: string;
+        determine: string;
+        restoreDefault: string;
+    };
+    en: {
+        empty: string;
+        determine: string;
+        restoreDefault: string;
+    };
+};
+export default _default;

package/Table/lang/zh_CN.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    empty: string;
+    determine: string;
+    restoreDefault: string;
+};
+export default _default;

package/Table/tableBody.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author linhd
+ * @date 2021/8/6 11:06
+ * @description 表格内容
+ */
+import { FunctionComponent } from 'react';
+import { TableBodyProps } from './tableBodyInterface';
+export declare const TableBody: FunctionComponent<TableBodyProps>;
+export default TableBody;

package/Table/tableBodyElement/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author linhd
+ * @date 2022/4/26 11:00 AM
+ * @description 表格body元素
+ */
+import React, { FunctionComponent } from "react";
+import './index.scss';
+export interface TableBodyElementProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: any;
+    [name: string]: any;
+}
+export declare const TableBodyElement: FunctionComponent<TableBodyElementProps>;
+export default TableBodyElement;

package/Table/tableBodyInterface.d.ts

@@ -0,0 +1,67 @@
+/**
+ * @author linhd
+ * @date 2021/8/6 11:06
+ * @description 表格内容参数
+ */
+import React, { ReactNode } from "react";
+import { TableHeadBodyPublicProps, Anyjson, ExpandableStatus } from './interface';
+import { EmptyProps } from "../Empty";
+/** 表格头部参数 */
+export interface TableBodyProps extends TableHeadBodyPublicProps {
+    /** 请求地址 */
+    url?: string;
+    /** 空状态属性 */
+    emptyProps?: EmptyProps;
+    /** 当前表格页数据 */
+    rowData?: any[];
+    /** 渲染表格一行数据 (跟表格头部head里面的render参数互斥) */
+    tableCell?: (row: any, params: any) => ReactNode;
+    /** 禁用key的map */
+    disabledJson?: Anyjson;
+    /** 选择框禁用时的状态 true 选中, false不选中, null 不显示 */
+    disabledArrStatus?: {
+        [name: string]: true | false | null;
+    };
+    /** 数据总数对象--用来分页记录数据的 */
+    totalDataJson?: Anyjson;
+    /** 多选 选中的数据 */
+    checkJson?: Anyjson;
+    /** 单选 选中的数据 */
+    radioValue?: any;
+    /** 复选框 - 选择 */
+    selectCheck?: (event: React.ChangeEvent<HTMLInputElement>, bol: boolean, key: any) => void;
+    /** 单选 - 选择 */
+    selectRadio?: (event: React.ChangeEvent<HTMLInputElement>, val: any) => void;
+    /** 用来格式化内容 */
+    formatter?: (row: any, item: any, val: any, index: number) => ReactNode;
+    /** 加载 */
+    loadState?: boolean;
+    /** 加载更多 */
+    loadMore?: boolean;
+    /** 加载更多自定义 */
+    loadMoreRender?: ReactNode;
+    /** 点击加载更多 */
+    onClickMore?: () => void;
+    /** 总条数 */
+    total?: number;
+    /** 当前页 */
+    page?: number | null;
+    /** 当前选中每页行数 */
+    currentRowsPerPage?: number | null;
+    /** 改变页数 */
+    changePage?: (num?: number) => void;
+    /** 加载更多,请求是否在表格里 */
+    loadMoreUrl?: boolean;
+    /** 默认展开项 */
+    expandValue?: string[];
+    /** 展开多个 */
+    expandMultiple?: boolean;
+    /** 禁用展开项 */
+    disabledExpand?: string[];
+    /** 展开事件 */
+    onExpand?: (row: any, status: ExpandableStatus) => void;
+    /** 是否展开所有行 */
+    defaultExpandAllRows?: boolean;
+    /** 刷新表格 */
+    onRefresh?: () => void;
+}

package/Table/tableContainer/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @author linhd
+ * @date 2022/4/26 11:00 AM
+ * @description 表格容器
+ */
+import React, { FunctionComponent } from "react";
+import './index.scss';
+export interface TableContainerProps {
+    cRef?: any;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: any;
+    [name: string]: any;
+}
+export declare const TableContainer: FunctionComponent<TableContainerProps>;
+export default TableContainer;

package/Table/tableElement/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @author linhd
+ * @date 2022/4/26 11:00 AM
+ * @description 表格元素
+ */
+import React, { FunctionComponent } from "react";
+import './index.scss';
+export interface TableElementProps {
+    className?: string;
+    style?: React.CSSProperties;
+    /** 是否固定表格 */
+    sticky?: boolean;
+    children?: any;
+    [name: string]: any;
+}
+export declare const TableElement: FunctionComponent<TableElementProps>;
+export default TableElement;

package/Table/tableHead.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author linhd
+ * @date 2021/8/6 11:06
+ * @description 表格头部
+ */
+import { FunctionComponent } from 'react';
+import { TableHeadProps } from './tableHeadInterface';
+export declare const TableHead: FunctionComponent<TableHeadProps>;
+export default TableHead;

package/Table/tableHeadElement/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author linhd
+ * @date 2022/4/26 11:00 AM
+ * @description 表格表头元素
+ */
+import React, { FunctionComponent } from "react";
+import './index.scss';
+export interface TableHeadElementProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: any;
+    [name: string]: any;
+}
+export declare const TableHeadElement: FunctionComponent<TableHeadElementProps>;
+export default TableHeadElement;

package/Table/tableHeadInterface.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @author linhd
+ * @date 2021/8/6 11:07
+ * @description 表格头部参数
+ */
+import React from 'react';
+import { TableHeadBodyPublicProps, SelectStatus } from './interface';
+/** 表格头部参数 */
+export interface TableHeadProps extends TableHeadBodyPublicProps {
+    /** 排序触发事件 property: 属性名 */
+    onRequestSort?: (event: React.MouseEvent<unknown>, property: string) => void;
+    /** 全选事件 */
+    selectAll?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /** 选中状态 */
+    selectStatus?: SelectStatus;
+    /** 是否过滤 */
+    filter?: boolean;
+    /** 显示列 */
+    showList?: any[];
+    /** 改变显示列 bol true重置 */
+    changeShowList: (headShowArr: any, bol?: boolean, item?: any) => void;
+    /** 过滤值 */
+    selectFilter: any;
+    /** 改变过滤 */
+    changeFilter?: (val: any) => void;
+    /** 外部显示列,隐藏事件 */
+    hideShowColumns?: () => void;
+    /** 外部显示列,定位元素 */
+    outsideShowColumns?: HTMLButtonElement | null;
+}

package/Table/tablePagination.d.ts

@@ -0,0 +1,9 @@
+/**
+* @author linhd
+* @date 2021/8/6 11:07
+* @description 表格分页
+*/
+import { FunctionComponent } from 'react';
+import { TablePaginationProps } from './tablePaginationInterFace';
+export declare const TableHead: FunctionComponent<TablePaginationProps>;
+export default TableHead;

package/Table/tablePaginationInterFace.d.ts

@@ -0,0 +1,24 @@
+/**
+* @author linhd
+* @date 2021/8/6 11:07
+* @description 表格分页参数
+*/
+/** 表格分页参数 */
+export interface TablePaginationProps {
+    /** 自适应分页,根据外容器大小,改变分页模式 */
+    autoPagination?: boolean;
+    /** 分页模式 */
+    paginationType?: 'simple' | 'complex';
+    /** 总条数 */
+    total?: number;
+    /** 当前页 */
+    page?: number;
+    /** 每页行数 */
+    rowsPerPage?: number[];
+    /** 当前选中每页行数 */
+    currentRowsPerPage?: number;
+    /** 改变页数 */
+    changePage?: (num?: number) => void;
+    /** 改变每页行数 */
+    changeRowsPerPage?: (num: number) => void;
+}

package/Table/tdElement/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author linhd
+ * @date 2022/4/26 11:00 AM
+ * @description 表格td元素
+ */
+import React, { FunctionComponent } from "react";
+import './index.scss';
+export interface TdElementProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: any;
+    [name: string]: any;
+}
+export declare const TdElement: FunctionComponent<TdElementProps>;
+export default TdElement;

package/Table/thElement/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author linhd
+ * @date 2022/4/26 11:00 AM
+ * @description 表格th元素
+ */
+import React, { FunctionComponent } from "react";
+import './index.scss';
+export interface ThElementProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: any;
+    [name: string]: any;
+}
+export declare const ThElement: FunctionComponent<ThElementProps>;
+export default ThElement;

package/Table/trElement/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author linhd
+ * @date 2022/4/26 11:00 AM
+ * @description 表格tr元素
+ */
+import React, { FunctionComponent } from "react";
+import './index.scss';
+export interface TrElementProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: any;
+    [name: string]: any;
+}
+export declare const TrElement: FunctionComponent<TrElementProps>;
+export default TrElement;

package/Table/util.d.ts

@@ -0,0 +1,16 @@
+import { ReqProps } from "./interface";
+/**
+ * 发送请求
+ * @param obj {ReqProps} 请求信息
+ */
+export declare const requestFunc: (obj: ReqProps) => Promise<import("@paraview/lib").ParaResponse> | undefined;
+/**
+ * 处理get请求地址
+ * @param obj {ReqProps} 请求信息
+ * @return string get请求地址参数
+ */
+export declare const handGetReqParams: (obj: ReqProps) => string;
+/**
+ * 提取字符串里面的数字
+ * */
+export declare const getStringInNumber: (str: string | number) => number;

package/Tabs/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @author Hanz
+ * @date 2021/8/5 下午3:10
+ * @description 标签页
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import { TabsProps as MuiTabsProps } from "@material-ui/core";
+import { PopConfirmProps } from '../PopConfirm';
+import './index.scss';
+export interface TabProps {
+    /** 标签*/
+    label?: ReactNode;
+    /** 选中value*/
+    value?: any;
+    /** 禁用*/
+    disabled?: boolean;
+    /** cls*/
+    className?: string;
+    /** 可关闭标签*/
+    closable?: boolean;
+    /** 鼠标悬浮显示关闭图标 */
+    interactive?: boolean;
+    [name: string]: any;
+}
+export interface TabsProps extends Omit<MuiTabsProps, 'onChange'> {
+    /** 模式:线性、卡片*/
+    mode?: 'line' | 'card' | 'track';
+    /**可编辑标签页*/
+    editable?: boolean;
+    /**显示新增按钮*/
+    showAdd?: boolean | React.ReactNode;
+    /**显示 popconfirm，editable 为true 有效*/
+    showPopConfirm?: boolean;
+    /** popConfirm props*/
+    popConfirmProps?: PopConfirmProps;
+    /** 数据列表*/
+    data?: Array<TabProps>;
+    /** 显示tooltip*/
+    showToolTip?: boolean;
+    /** 新增按钮回调 showAdd 为 true 时有效*/
+    onAdd?: (event?: React.MouseEvent) => void;
+    /** 切换标签页的回调 */
+    onChange?: (value: any, tabData?: TabProps, event?: React.ChangeEvent) => void;
+    /** 关闭标签页的回调*/
+    onEdit?: (tabData: TabProps, event?: React.MouseEvent) => void;
+}
+export declare const Tabs: FunctionComponent<TabsProps>;
+export default Tabs;