@para-ui/core 2.2.9 → 3.0.1

package/Selector/interface.d.ts

@@ -0,0 +1,355 @@
+import React, { ReactNode } from "react";
+import { EmptyProps } from "../Empty";
+/** 面包屑 */
+export interface BreadcrumbsListItem {
+    /** 每一项显示名 */
+    label: ReactNode;
+    /** 值 每一行数据的key */
+    value: string;
+    /** 每一项最大宽度 */
+    maxWidth?: string;
+    /** 是否可点击 */
+    disabled?: boolean;
+    [name: string]: any;
+}
+/** 类型字段 */
+export interface SelectorListTypeItem {
+    /** 显示名 */
+    label: ReactNode;
+    /** 类型 */
+    value: string;
+}
+/** 数据源 */
+export interface SelectorAnyJson {
+    /** 唯一值 */
+    key?: string;
+    /** 父级id */
+    parentId?: string;
+    /** 类型 */
+    type?: string;
+    /** 图片 */
+    img?: string;
+    /** 主标题, 默认label */
+    mainTitle?: string;
+    /** 辅助信息 */
+    subTitle?: string;
+    /** 标签 */
+    tag?: string;
+    /** 下级字段 */
+    children?: SelectorAnyJson[];
+    /** 禁用 */
+    disabled?: boolean;
+    /** 是否可选 */
+    choice?: boolean;
+    /** 是否具有详情 */
+    detail?: boolean;
+    /** 是否叶子节点, 不是叶子节点就是分支节点, 渲染dom类型的 */
+    leaf?: boolean;
+    /** 是否存在下级 */
+    child?: boolean;
+    /** 是否有× 选中数据专用 */
+    close?: boolean;
+    /** 原始数据 */
+    data?: any;
+    [name: string]: any;
+}
+/** 常量 */
+export interface SelectorConstData {
+    /** 所有数据的json */
+    jsonData: Record<string, any>;
+    /** 浅拷贝对象 */
+    jsonDataCopy: Record<string, any>;
+    /** 第一层数据 */
+    oneDataList: SelectorAnyJson[];
+    /** 当前页数据源 */
+    currentSourceData: SelectorAnyJson[];
+    /** 当前选中值的mapping */
+    selectValueJson: Record<string, any>;
+    /** 面包屑数组 */
+    breadcrumbsList: BreadcrumbsListItem[];
+    /** 接口id */
+    reqId: string;
+    /** 请求数据 */
+    reqParams: {
+        /** 页数 */
+        size: number;
+        /** 分页 */
+        pagination: boolean;
+        /** 来加载 */
+        isLazy: boolean;
+    };
+    /** 不是懒加载, 是否请求过 */
+    noLazyReq: boolean;
+    /** 更改数据源定时器 */
+    reqTimer: any;
+    /** 页码 */
+    page: number;
+    [name: string]: any;
+}
+/** 字段配置,对应数据字段 */
+export interface SelectorFieldConfigProps {
+    /** 图片 */
+    img?: string;
+    /** 主标题, 默认label */
+    mainTitle?: string;
+    /** 辅助信息 */
+    subTitle?: string;
+    /** 标签 */
+    tag?: string;
+    /** 类型字段 */
+    type?: string;
+    /** 返回值唯一的key,默认为key 选中数据专用 */
+    key?: string;
+    /** 下级字段,默认children 展示数据专用 */
+    children?: string;
+    /** 父级默认字段,默认parentId 展示数据专用 */
+    parentId?: string;
+}
+/** 节点接口定义 */
+export interface SelectorNodeProps {
+    /** className */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 节点模式, 叶子节点 / 分支节点 */
+    nodeMode?: 'leaf' | 'branch';
+    /** 使用场景 列表选择/已选择列表 */
+    useCase?: 'view' | 'edit';
+    /** 选择模式 radio单选 check复选 undefined不存在选择 */
+    selectMode?: 'radio' | 'check';
+    /** 图标地址 string为图标地址 其他为dom */
+    img?: ReactNode;
+    /** 主标题 */
+    mainTitle?: ReactNode;
+    /** 副标题 */
+    subTitle?: ReactNode;
+    /** 标签 */
+    tag?: ReactNode;
+    /** 详情 */
+    detail?: boolean;
+    /** 详情渲染 */
+    detailRender?: () => ReactNode;
+    /** 是否存在下级 */
+    child?: boolean;
+    /** 是否关闭 */
+    close?: boolean;
+    /** 禁用 */
+    disabled?: boolean;
+    /** 选中 */
+    checked?: boolean;
+    /** 半选 */
+    indeterminate?: boolean;
+    /** 选择事件 */
+    onSelect?: () => void;
+    /** 点击下级 */
+    onLevel?: () => void;
+    /** 点击× */
+    onClose?: () => void;
+    [name: string]: any;
+}
+/** 主体接口定义 */
+export interface SelectorMainProps {
+    /** className */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** value */
+    value?: Record<string, any>;
+    /** 唯一值,默认key */
+    rowKey?: string;
+    /** 选择模式 radio单选 check复选 undefined不存在选择 */
+    selectMode?: 'radio' | 'check';
+    /** 节点模式, 叶子节点 / 分支节点 */
+    nodeMode?: 'leaf' | 'branch';
+    /** 数据渲染分组 */
+    groupType?: SelectorListTypeItem[];
+    /** 分组作用域 默认search */
+    groupRange?: 'search' | 'list' | 'searchList';
+    /** 面包屑 */
+    breadcrumbs?: boolean;
+    /** 面包屑中间符号 */
+    breadcrumbsSeparator?: string;
+    /** 面包屑数组 */
+    breadcrumbsList?: BreadcrumbsListItem[];
+    /** 搜索 */
+    search?: boolean;
+    /** 搜索Placeholder */
+    searchPlaceholder?: ReactNode;
+    /** 搜索触发方式 */
+    searchTrigger?: 'onChange' | 'onEnter';
+    /** 搜索loading */
+    searchLoading?: boolean;
+    /** 搜索数据 */
+    searchList?: SelectorAnyJson[];
+    /** 加载中 */
+    loading?: boolean;
+    /** 是否懒加载 */
+    isLazy?: boolean;
+    /** 是否具有详情 */
+    detail?: boolean;
+    /** 空状态属性 */
+    emptyProps?: EmptyProps;
+    /**
+     * 详情渲染
+     * @param item 当前节点数据
+     * @param bol true列表数据, false展示数据
+     * */
+    detailRender?: (item: SelectorAnyJson, bol: boolean) => ReactNode;
+    /** 加载更多 */
+    loadMore?: boolean;
+    /** 是否全选 */
+    isAllCheck?: boolean;
+    /** 渲染数据 */
+    list?: SelectorAnyJson[];
+    /** 禁用 */
+    disabled?: string[] | boolean;
+    /** 字段配置,对应数据字段 */
+    fieldConfig?: SelectorFieldConfigProps;
+    /** 选择事件 */
+    onSelect?: (item: SelectorAnyJson) => void;
+    /** 点击下级 */
+    onLevel?: (item: SelectorAnyJson) => void;
+    /** 查看更多 */
+    onLoad?: () => void;
+    /** 点击全选 */
+    onAllCheck?: (bol?: boolean) => void;
+    /** 点击面包屑 */
+    onClickBreadcrumbs?: (item: BreadcrumbsListItem) => void;
+    /** 搜索事件 */
+    onSearch?: (val: string, bol: boolean) => void;
+    [name: string]: any;
+}
+/** 选中数据接口定义 */
+export interface SelectorDataProps {
+    /** className */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 空状态属性 */
+    emptyProps?: EmptyProps;
+    /** 布局方式 标签 / 节点 */
+    layout?: 'tag' | 'node';
+    /** 节点模式, 叶子节点 / 分支节点 */
+    nodeMode?: 'leaf' | 'branch';
+    /** 禁用 */
+    disabled?: string[] | boolean;
+    /** 是否具有详情 */
+    detail?: boolean;
+    /**
+     * 详情渲染
+     * @param item 当前节点数据
+     * @param bol true列表数据, false展示数据
+     * */
+    detailRender?: (item: SelectorAnyJson, bol: boolean) => ReactNode;
+    /** 数据渲染分组 */
+    groupType?: SelectorListTypeItem[];
+    /** 数据 */
+    list?: SelectorAnyJson[];
+    /** 返回数据字段配置,对应数据字段 */
+    backDataFieldConfig?: SelectorFieldConfigProps;
+    /** 处理选中数据的节点信息 */
+    handSelectorNodeInfo?: (item: SelectorAnyJson) => SelectorAnyJson;
+    /** 选中数据标题render */
+    selectDataTitleRender?: (list?: SelectorAnyJson[]) => ReactNode;
+    /** 点击× */
+    onClose?: (item: SelectorAnyJson, index: number) => void;
+    [name: string]: any;
+}
+/** 组件props */
+export interface SelectorProps {
+    /** className */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 唯一值,默认key */
+    rowKey?: string;
+    /** 刷新 */
+    refresh?: any;
+    /** 值 */
+    value?: Record<string, any>[] | Record<string, any>;
+    /** 默认值 不受控 */
+    defaultValue?: Record<string, any>[] | Record<string, any>;
+    /** 布局方式 左右 / 上下 / 无选中数据 */
+    layout?: 'lr' | 'tb' | 'list';
+    /** 选择模式 radio单选 check复选 undefined不存在选择 */
+    selectMode?: 'radio' | 'check';
+    /** 节点模式, 叶子节点 / 分支节点 默认分支节点*/
+    nodeMode?: 'leaf' | 'branch';
+    /** 请求上下文 */
+    ctx?: string;
+    /** 请求地址 */
+    url?: string;
+    /** 请求方式 */
+    method?: 'Post' | 'Get';
+    /** 本地数据源 */
+    data?: any;
+    /** 是否分页 */
+    pagination?: boolean;
+    /** 一页条数 */
+    size?: number;
+    /** 是否懒加载 true为全量数据 */
+    isLazy?: boolean;
+    /** 请求参数 */
+    params?: Record<string, any>;
+    /** 数据渲染分组 */
+    groupType?: SelectorListTypeItem[];
+    /** 分组作用域 默认search */
+    groupRange?: 'search' | 'list' | 'searchList';
+    /** 面包屑 */
+    breadcrumbs?: boolean;
+    /** 面包屑中间符号 */
+    breadcrumbsSeparator?: string;
+    /** 是否展示首层 */
+    showbreadcrumbsHead?: boolean;
+    /** 面包屑首层 */
+    breadcrumbsHead?: BreadcrumbsListItem;
+    /** 搜索 */
+    search?: boolean;
+    /** 搜索Placeholder */
+    searchPlaceholder?: ReactNode;
+    /** 搜索触发方式 */
+    searchTrigger?: 'onChange' | 'onEnter';
+    /** 是否具有详情 */
+    detail?: boolean;
+    /**
+     * 详情渲染
+     * @param item 当前节点数据
+     * @param bol true列表数据, false展示数据
+     * */
+    detailRender?: (item: SelectorAnyJson, bol: boolean) => (Promise<ReactNode> | ReactNode);
+    /** 是否全选, 只存在复选框的时候 */
+    isAllCheck?: boolean;
+    /** 禁用 */
+    disabled?: string[] | boolean;
+    /** 字段配置,对应数据字段 */
+    fieldConfig?: SelectorFieldConfigProps;
+    /** 返回数据字段配置,对应数据字段 */
+    backDataFieldConfig?: SelectorFieldConfigProps;
+    /** 处理节点信息 */
+    handNodeInfo?: (item: SelectorAnyJson) => SelectorAnyJson;
+    /** 处理选中数据的节点信息 */
+    handSelectorNodeInfo?: (item: SelectorAnyJson) => SelectorAnyJson;
+    /** 处理请求参数 */
+    paramsCallback?: (data: any) => Record<string, any>;
+    /** 请求回调参数 requestCallback(data, cb) cb(data) 需要回调数据回来 */
+    requestCallback?: (data: any, cb: (data: any) => void) => void;
+    /** 选中数据标题render */
+    selectDataTitleRender?: (list?: SelectorAnyJson[]) => ReactNode;
+    /** 空状态属性 */
+    emptyProps?: EmptyProps;
+    /**
+     * 搜索事件
+     * @param val 搜索框的值
+     * @return [] 返回平铺数组
+     * */
+    onSearch?: (val: string) => (Promise<SelectorAnyJson[]> | SelectorAnyJson[]);
+    /** 选择事件 返回true不触发onChange事件
+     *  item 点击数据, 全选时候的数据
+     *  bol 选中/不选中
+     *  isAllCheck 全选
+     * */
+    onSelect?: (item: SelectorAnyJson | SelectorAnyJson[], bol: boolean, isAllCheck: boolean) => (Promise<boolean | void> | (boolean | void));
+    /** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
+    onChange?: (val: Record<string, any>[] | Record<string, any> | null, node: Record<string, any>, rowData: Record<string, any>) => void;
+    [name: string]: any;
+}

package/Selector/lang/en_US.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    root: string;
+    selectAll: string;
+    seeMore: string;
+    selected: string;
+    pleaseEnter: string;
+};
+export default _default;

package/Selector/lang/index.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    zh: {
+        root: string;
+        selectAll: string;
+        seeMore: string;
+        selected: string;
+        pleaseEnter: string;
+    };
+    en: {
+        root: string;
+        selectAll: string;
+        seeMore: string;
+        selected: string;
+        pleaseEnter: string;
+    };
+};
+export default _default;

package/Selector/lang/zh_CN.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    root: string;
+    selectAll: string;
+    seeMore: string;
+    selected: string;
+    pleaseEnter: string;
+};
+export default _default;

package/Selector/selectorData/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author linhd
+ * @date 2022/7/22 3:32 PM
+ * @description 选择器右侧
+ */
+import { FunctionComponent } from 'react';
+import { SelectorDataProps } from '../interface';
+import './index.scss';
+declare const SelectorData: FunctionComponent<SelectorDataProps>;
+export default SelectorData;

package/Selector/selectorMain/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author linhd
+ * @date 2022/7/22 3:32 PM
+ * @description 选择器主体
+ */
+import { FunctionComponent } from 'react';
+import { SelectorMainProps } from '../interface';
+import './index.scss';
+declare const SelectorMain: FunctionComponent<SelectorMainProps>;
+export default SelectorMain;

package/Selector/selectorNode/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author linhd
+ * @date 2022/7/21 10:13 AM
+ * @description 节点
+ */
+import { FunctionComponent } from 'react';
+import { SelectorNodeProps } from '../interface';
+import './index.scss';
+declare const SelectorNode: FunctionComponent<SelectorNodeProps>;
+export default SelectorNode;

package/Selector/util.d.ts

@@ -0,0 +1,15 @@
+export interface ReqFuncProps {
+    method?: 'Get' | 'Post';
+    /** 请求地址 */
+    url: string;
+    /** 请求上下文 */
+    ctx?: string;
+    /** 请求参数 */
+    data?: any;
+    [name: string]: any;
+}
+/**
+ * 发送请求
+ * @param obj {ReqFuncProps} 请求信息
+ */
+export declare const reqFunc: (obj: ReqFuncProps) => Promise<import("@paraview/lib").ParaResponse> | undefined;

package/SelectorPicker/index.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @author linhd
+ * @date 2022/8/3 3:50 PM
+ * @description 选择器选择
+ */
+import React from 'react';
+import { LabelTooltipProps } from "../Label";
+import { SelectorProps } from "../Selector/interface";
+import './index.scss';
+export interface SelectorPickerProps {
+    /** className */
+    className?: string;
+    /** label */
+    label?: React.ReactNode;
+    /** label 提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 是否必填 */
+    required?: boolean;
+    /** 错误状态 */
+    error?: boolean;
+    /** 辅助文本 */
+    helperText?: React.ReactNode;
+    /** 尺寸 */
+    size?: 'large' | 'medium' | 'small';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** style */
+    style?: React.CSSProperties;
+    /** placeholder */
+    placeholder?: string;
+    /** 是否多选 */
+    multiple?: boolean;
+    /*** 最大tag显示数 */
+    maxCount?: number;
+    /** 支持清除 */
+    allowClear?: boolean;
+    /** 值 */
+    value?: Record<string, any>[] | Record<string, any>;
+    /** 默认值 不受控 */
+    defaultValue?: Record<string, any>[] | Record<string, any>;
+    /** 清除回调 */
+    onClear?: () => void;
+    /** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
+    onChange?: (val: Record<string, any>[] | Record<string, any> | null, node: Record<string, any>, rowData: Record<string, any>) => void;
+    /** 选择器属性 */
+    selectorProps?: Omit<SelectorProps, 'layout' | 'disabled' | 'value' | 'defaultValue' | 'disabled' | 'onChange' | 'selectMode'>;
+}
+declare const SelectorPicker: React.FC<SelectorPickerProps>;
+export default SelectorPicker;