@para-ui/core 3.0.55 → 3.0.56

package/DynamicMultiBox/interface.d.ts

@@ -0,0 +1,165 @@
+/**
+ * @author luohq
+ * @date 2022/11/7 10:32 AM
+ * @description 多值框组件接口定义
+ */
+import { ReactNode } from "react";
+import { TextFieldProps, SelectProps, SwitchProps, InputNumberProps, InputLangProps, ComboSelectProps, DatePickerProps } from "@para-ui/core";
+/**组件类型：输入框，下拉框，开关，数字输入框，国际化输入框，日期框，时间选择框，组合选择器,自定义组件*/
+export type IInputType = 'TextField' | 'Select' | 'Switch' | 'InputNumber' | 'InputLang' | 'ComboSelect' | 'DatePicker' | 'custom';
+/** 配置项*/
+export type IConfig = {
+    /** 字段名，用于匹配*/
+    name?: string;
+    /** 组件类型*/
+    inputType?: IInputType;
+    /** 渲染自定义组件*/
+    customRender?: (name: string, rowIndex: number, valueList: IValueList[], errors?: IErrors[]) => ReactNode;
+    /** 禁用置灰组件*/
+    isDisabled?: boolean | ((rowIndex: number, name: string, valueList?: IValueList) => boolean);
+    /** 固定字段，不需要显示在筛选器中的需要设置为true, 若不设置无法显示表单*/
+    isFixed?: boolean;
+    /** 用于switch*/
+    text?: ReactNode | ((rowIndex: number, name: string, valueList: IValueList[]) => ReactNode);
+    /** 是否必填*/
+    required?: boolean;
+    /** 下拉列表数据，若某一列的每一行的下拉列表数据一致， 则只需传入数组，若需要自定义任意下拉列表数据，则传入函数*/
+    list?: ((rowIndex: number, id: string, name: string, valueList: IValueList[]) => any[]) | any[];
+    /** 其他*/
+    [name: string]: any;
+} & (TextFieldProps | SelectProps | SwitchProps | InputNumberProps | InputLangProps | ComboSelectProps | DatePickerProps);
+/** value集合*/
+export interface IValueList {
+    /** id*/
+    id: string;
+    /** 每行value值集合， name映射configItem中的name*/
+    [name: string]: any;
+}
+export interface IErrors {
+    /** id*/
+    id: string;
+    /** 每行错误集合，name映射configItem中的name*/
+    [name: string]: any;
+}
+export interface ICurrentItem {
+    /** 表单名*/
+    name?: string;
+    /** 表单所处行id*/
+    id: string;
+    /** 表单值*/
+    value?: any;
+    /** 表单所处下标*/
+    rowIndex?: number;
+}
+/** 过滤回调出参*/
+export interface IFilterParams {
+    /** 当前过滤操作项*/
+    name?: string;
+    /** 是否选中*/
+    checkedVal?: string[];
+    /** 更新后的valueList*/
+    valueList?: IValueList[];
+    /** 更新后的错误信息*/
+    errors?: IErrors[];
+}
+/** 主体接口定义*/
+export interface IMultiValueProps {
+    /**
+     * 组件配置项
+     */
+    config?: IConfig[];
+    /**
+     * 筛选配置
+     */
+    filterConfig?: IConfig[];
+    /**
+     * @desc 回调
+     * @param valueList 整个value值集合
+     * @param currentItem 当前操作表单项
+     * */
+    onChange?: (valueList: IValueList[], currentItem?: ICurrentItem) => void;
+    /**
+     * @desc 新增
+     * @param valueList 新增前valueList值集合
+     * @param errors 新增后错误集合
+     *  */
+    onAdd?: (valueList: IValueList[], errors: IErrors[]) => void;
+    /**
+     * @desc 删除，
+     * @param valueList 删除后整个valueList值集合
+     * @param deleteItem 删除项
+     */
+    onDelete?: (valueList: IValueList[], errors: IErrors[]) => void;
+    /**
+     * @desc 筛选函数
+     * @param name 当前筛选项的name
+     * @param checked 是否选中， true选中， false反选
+     * @param valueList 筛选后的value
+     * */
+    onFilter?: (data: IFilterParams) => void;
+    /**
+     * @desc 排序
+     * @param newValueList
+     * @param swapIds 交换顺序的两个下标
+     * */
+    onSort?: (newValueList: IValueList[], swapIds?: number[]) => void;
+    /**
+     * @desc 筛选值的集合
+     * */
+    checkedValue?: string[];
+    /**
+     * 表单value集合
+     */
+    valueList: IValueList[];
+    /**
+     * 表单错误集合
+     */
+    errors?: IErrors[];
+    /**
+     * 是否需要支持排序,默认不支持
+     */
+    isSort?: boolean;
+    /**
+     * 是否支持筛选组件，默认不支持
+     */
+    isFilter?: boolean;
+    /**
+     * 标题模式 none 不显示， single 只有第一列才显示， all 每列都显示
+     */
+    titleMode?: 'none' | 'single' | 'all';
+    /**
+     * 禁用新增标识
+     */
+    disabledAdd?: boolean;
+    /**
+     * 列之间icon
+     * */
+    icon?: ReactNode;
+    /**
+     * 隐藏删除icon, string[] 指定某些行隐藏删除按钮, 入参为valueList中的id集合
+     * */
+    deleteDisable?: string[];
+    /**
+     * 单个标题名称
+     * */
+    singleTitle?: {
+        label: ReactNode;
+        required: boolean;
+    };
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 新增项行表单的默认值
+     */
+    initValue?: Record<string, any>;
+    /**
+     * 筛选器弹出框样式
+     */
+    popoverClassName?: string;
+    /**
+     * 是否保持最后一条
+     * */
+    keepLastItem?: boolean;
+}

package/DynamicMultiBox/rowForm.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+import { IConfig, IErrors, IValueList } from './interface';
+export interface IRowForm {
+    /** 行数据*/
+    valueList?: IValueList[];
+    /**行错误数据 */
+    rowError?: IErrors;
+    /**行下标*/
+    rowIndex?: number;
+    /**列间图标*/
+    icon?: ReactNode;
+    /**组件配置*/
+    config?: IConfig[];
+    /**
+     * @desc 回调
+     * @param value 当前组件value值
+     * @param name 当前组件name
+     * */
+    onFormItemChange?: (name: string, id: string, value: any) => void;
+    /**其他*/
+    [name: string]: any;
+}
+declare const RowForm: (props: IRowForm) => JSX.Element;
+export default RowForm;

package/Empty/images/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const LargeNull: () => JSX.Element;
+export declare const SmallNull: () => JSX.Element;

package/Empty/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @author Hanz
+ * @date 2022/4/2 上午10:45
+ * @description
+ */
+import React, { FC } from "react";
+import './index.scss';
+export interface EmptyProps {
+    /** cls */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 尺寸 */
+    size?: 'large' | 'small';
+    /** 图片样式 */
+    imageStyle?: React.CSSProperties;
+    /** 图片 */
+    image?: React.ReactNode;
+    /** 描述 */
+    description?: React.ReactNode;
+    /** 显示刷新按钮 */
+    showRefresh?: boolean;
+    /** 刷新回调 */
+    onRefresh?: (event: React.MouseEvent) => void;
+    /** 自定义空节点 */
+    customEmpty?: React.ReactNode;
+    [name: string]: any;
+}
+declare const Empty: FC<EmptyProps>;
+export default Empty;