@para-ui/core 2.1.35 → 2.1.36

package/Tree/interface.d.ts

@@ -0,0 +1,201 @@
+/**
+ * @author Hanz
+ * @date 2021/10/18 下午4:20
+ * @description tree interface
+ */
+import { ReactNode } from "react";
+import { TreeProps as RcTreeProps } from 'rc-tree';
+import { DataNode, EventDataNode, Key } from "rc-tree/lib/interface";
+import { EmptyProps } from "../Empty";
+declare type HasAction = (nodeData: DataNode) => boolean;
+declare type ActionItem = boolean | {
+    text: string;
+    icon?: ReactNode;
+    show?: HasAction;
+} | HasAction;
+export declare type CustomActionItem = {
+    action: string;
+    text: string;
+    icon: ReactNode;
+    show?: HasAction;
+};
+export declare type ActionType = 'add' | 'edit' | 'enable' | 'del' | string;
+export type { DataNode };
+export declare type IActions = boolean | {
+    /** 新增 */
+    add?: ActionItem;
+    /** 编辑 */
+    edit?: ActionItem;
+    /** 启用 */
+    enable?: ActionItem;
+    /** 删除 */
+    del?: ActionItem;
+    /** 自定义actions */
+    customizeActions?: CustomActionItem[];
+};
+export declare type ICheckedKeys = Key[] | {
+    checked: Key[];
+    halfChecked: Key[];
+};
+export interface TreeProps extends Omit<RcTreeProps, 'prefixCls' | 'showLine' | 'direction' | 'onCheck' | 'loadData' | 'onExpand'> {
+    /** 是否展示连接线 */
+    showLine?: boolean | {
+        showLeafIcon: boolean;
+    };
+    /** className */
+    className?: string;
+    /** 是否支持多选 */
+    multiple?: boolean;
+    /** 是否自动展开父节点 */
+    autoExpandParent?: boolean;
+    /** Checkable状态下节点选择完全受控（父子节点选中状态不再关联）*/
+    checkStrictly?: boolean;
+    /** 节点前添加 Checkbox 复选框 */
+    checkable?: boolean;
+    /** 将树禁用 */
+    disabled?: boolean;
+    /** 默认展开所有树节点 */
+    defaultExpandAll?: boolean;
+    /** 默认展开父节点 */
+    defaultExpandParent?: boolean;
+    /** 默认展开指定的树节点 */
+    defaultExpandedKeys?: Key[];
+    /** （受控）展开指定的树节点 */
+    expandedKeys?: Key[];
+    /** （受控）选中复选框的树节点 */
+    checkedKeys?: ICheckedKeys;
+    /** 默认选中复选框的树节点 */
+    defaultCheckedKeys?: Key[];
+    /** （受控）设置选中的树节点 */
+    selectedKeys?: Key[];
+    /** 默认选中的树节点 */
+    defaultSelectedKeys?: Key[];
+    /** 是否可选中 */
+    selectable?: boolean;
+    /** 按需筛选树节点（高亮），返回 true */
+    filterTreeNode?: (node: TreeNodeProps) => boolean;
+    /**受控）已经加载的节点，需要配合 loadData 使用*/
+    loadedKeys?: Key[];
+    /** 设置节点可拖拽（IE>8） */
+    draggable?: ((node: DataNode) => boolean) | boolean;
+    /** 自定义样式*/
+    style?: React.CSSProperties;
+    /** 是否展示 TreeNode title 前的图标，没有默认样式，如设置为 true，需要自行定义图标相关样式 */
+    showIcon?: boolean;
+    /** 自定义树节点图标 */
+    icon?: ((nodeProps: TreeNodeProps) => ReactNode) | ReactNode;
+    /** 自定义树节点的展开/折叠图标 */
+    switcherIcon?: React.ReactElement<any>;
+    /** 子元素 */
+    children?: ReactNode;
+    /** 是否节点占据一行 */
+    blockNode?: boolean;
+    /** 是否显示节点内置的操作按钮 */
+    showActions?: IActions;
+    /** 节点内置操作按钮的回调，showActions 开启时有效 */
+    actionsCallback?: (nodeData: DataNode, type: ActionType, evt?: React.MouseEvent) => void;
+    /** 请求url */
+    url?: string;
+    /** 请求上下文 */
+    ctx?: string;
+    /** 请求参数 */
+    params?: Object | null;
+    /** 请求方法*/
+    method?: 'GET' | 'POST' | 'Get' | 'Post' | 'get' | 'post';
+    /** 请求成功后的回调 */
+    requestCallback?: (treeData: any) => any;
+    /** 刷新组件 */
+    refresh?: number;
+    /** 自定义节点 title、key、children、parentId、loadKey 的字段 */
+    replaceFields?: {
+        /** 标题 */
+        title?: string;
+        /**子节点 */
+        children?: string;
+        /** 节点key */
+        key?: string;
+        /** 父节点id */
+        parentId?: string;
+        /** 懒加载时key */
+        loadKey?: string;
+    };
+    /** 节点前添加 Radio 单选框 */
+    radioable?: boolean;
+    /** 是否显示 radio 单选框，radioable 为 true 时有效 */
+    showRadio?: boolean;
+    /** 点击复选框触发 */
+    onCheck?: (checkedKeys: Key[], info: any, halfCheckedKeys?: Key[]) => void;
+    /** 展开/收起节点时触发 */
+    onExpand?: (expandedKeys: Key[], info: {
+        node: EventDataNode;
+        expanded: boolean;
+        nativeEvent: MouseEvent;
+    }) => void;
+    /** 是否异步加载数据，开启后不要传递 loadData 属性，需把数据请求放在组件内部执行 */
+    asyncLoad?: boolean;
+    /** 是否开启数据分页，asyncLoad 为 true 时，pagination 属性控制是否分页，分页数据格式 {list,page,size,total} */
+    pagination?: boolean;
+    /** 异步加载数据 */
+    loadData?: (node: DataNode) => Promise<any>;
+    /** 分页参数， pagination 为 true 时有效 */
+    pageSize?: {
+        page?: number;
+        size?: number;
+    };
+    /** 是否开启本地数据过滤 */
+    localFilter?: boolean;
+    /** 本地数据过滤参数，localFilter 为 true 时有效 */
+    localParams?: {
+        /** 过滤字段名 */
+        searchKey: string;
+        /** 过滤字段值 */
+        searchValue: string;
+    };
+    /** 本地数据过滤回调，localFilter 为 true 时有效 */
+    onFilter?: (data: DataNode[]) => DataNode[];
+    /** 自定义加载更多节点，asyncLoad 为 true 且 pagination 为 true 时有效 */
+    loadMoreNode?: ReactNode;
+    /** 请求之前参数的回调 */
+    paramsCallback?: (params: {
+        [name: string]: any;
+    }) => any;
+    /** 非空渲染完成时回调 */
+    onMounted?: () => void;
+    /** 空状态属性 */
+    emptyProps?: EmptyProps;
+    /** 自定义空数据节点 */
+    notFoundContent?: ReactNode;
+    [key: string]: any;
+}
+export interface TreeNodeProps {
+    className?: string;
+    checkable?: boolean;
+    disabled?: boolean;
+    disableCheckbox?: boolean;
+    title?: ReactNode;
+    key?: Key;
+    eventKey?: string;
+    isLeaf?: boolean;
+    checked?: boolean;
+    expanded?: boolean;
+    loading?: boolean;
+    selected?: boolean;
+    selectable?: boolean;
+    icon?: ((treeNode: TreeNodeProps) => ReactNode) | ReactNode;
+    children?: ReactNode;
+    [key: string]: any;
+}
+export interface PageInfo {
+    /***
+     * 当前页数
+     */
+    page: number;
+    /***
+     * 每页条数
+     */
+    size: number;
+    /***
+     * 总条数
+     */
+    total: number;
+}

package/Tree/lang/en_US.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    loadMore: string;
+    add: string;
+    edit: string;
+    disabled: string;
+    delete: string;
+};
+export default _default;

package/Tree/lang/index.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    zh: {
+        loadMore: string;
+        add: string;
+        edit: string;
+        disabled: string;
+        delete: string;
+    };
+    en: {
+        loadMore: string;
+        add: string;
+        edit: string;
+        disabled: string;
+        delete: string;
+    };
+};
+export default _default;

package/Tree/lang/zh_CN.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    loadMore: string;
+    add: string;
+    edit: string;
+    disabled: string;
+    delete: string;
+};
+export default _default;

package/Tree/utils/tools.d.ts

@@ -0,0 +1,26 @@
+import { DataNode, Key } from "rc-tree/lib/interface";
+interface RFiled {
+    key: string;
+    parentId: string;
+}
+export declare const getPrefixCls: (suffixCls?: string | undefined, customizePrefixCls?: string | undefined) => string;
+export declare const debounce: (func: Function, wait?: number, options?: any) => {
+    (...args: any): any;
+    cancel: () => void;
+    flush: () => any;
+    pending: () => boolean;
+};
+export declare const deepCopy: (target: any) => any;
+export declare const flatten: (data: any[]) => any[];
+export declare const convert: (list: any, rFiled?: RFiled) => any;
+export declare const convertByFilter: (sourceList: any[], filterList: any[], rFiled?: RFiled) => any[];
+export declare const getUnMatchDataOfKeys: (keys: Key[], oriData: DataNode[]) => Key[];
+export declare const getCheckedKeys: (cKeys: Key[] | {
+    checked: Key[];
+    halfChecked: Key[];
+}) => Key[];
+export declare const getHalfCheckedKeys: (cKeys: Key[] | {
+    checked: Key[];
+    halfChecked: Key[];
+}) => Key[];
+export {};

package/Tree/utils/treeUtil.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CSSMotionProps } from 'rc-motion';
+import { TreeNodeProps } from '../interface';
+export declare const collapseMotion: CSSMotionProps;
+export default function renderSwitcherIcon(prefixCls: string, switcherIcon: React.ReactNode | null | undefined, showLine: boolean | {
+    showLeafIcon: boolean;
+} | undefined, { isLeaf, expanded, loading, eventKey }: TreeNodeProps): {} | null;
+export declare function dropIndicatorRender(props: {
+    dropPosition: -1 | 0 | 1;
+    dropLevelOffset: number;
+    indent: number;
+    prefixCls: string;
+    direction: 'ltr' | 'rtl' | undefined;
+}): JSX.Element;
+export declare function renderTreeNodeIcon(nodeProps: TreeNodeProps, radioable: boolean, checkedKey: any, replaceFields: any): JSX.Element | null;

package/Upload/Dragger/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author Hanz
+ * @date 2021/11/15 下午2:12
+ * @description
+ */
+import { FunctionComponent } from "react";
+import { UploadProps } from "../index";
+export declare type DraggerProps = Omit<UploadProps, 'type'>;
+declare const Dragger: FunctionComponent<DraggerProps>;
+export default Dragger;

package/Upload/ErroTip/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author Hanz
+ * @date 2021/11/15 下午7:07
+ * @description
+ */
+import { FunctionComponent } from "react";
+import './index.scss';
+interface ErrorTipProps {
+    message: string;
+    className?: string;
+}
+declare const ErrorTip: FunctionComponent<ErrorTipProps>;
+export default ErrorTip;

package/Upload/ImageUpload/index.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react';
+import { UploadProps } from '../interface';
+import './index.scss';
+export declare type ImageUploadProps = Omit<UploadProps, 'type'> & {
+    /** 默认图片 showUploadList为false时有效 */
+    defaultImage?: {
+        /** 图片地址 */
+        imageUrl: string;
+        /** 图片名称 */
+        imageName?: string;
+    };
+};
+declare const ImageUpload: FunctionComponent<ImageUploadProps>;
+export default ImageUpload;

package/Upload/ImgCrop/EasyCrop.d.ts

@@ -0,0 +1,17 @@
+import React, { MutableRefObject } from 'react';
+import Cropper from 'react-easy-crop';
+import type { Dispatch, SetStateAction, ForwardedRef } from 'react';
+import type { Area } from 'react-easy-crop/types';
+import type { ImgCropProps } from './interface';
+export declare type EasyCropHandle = {
+    rotateVal: number;
+    setZoomVal: Dispatch<SetStateAction<number>>;
+    setRotateVal: Dispatch<SetStateAction<number>>;
+    cropPixelsRef: MutableRefObject<Area>;
+};
+interface EasyCropProps extends Required<Pick<ImgCropProps, 'aspect' | 'shape' | 'grid' | 'zoom' | 'rotate' | 'minZoom' | 'maxZoom' | 'cropperProps'>> {
+    cropperRef: ForwardedRef<Cropper>;
+    image: string;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<EasyCropProps & React.RefAttributes<EasyCropHandle>>>;
+export default _default;

package/Upload/ImgCrop/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const PREFIX = "paraui-img-crop";
+export declare const INIT_ZOOM = 1;
+export declare const ZOOM_STEP = 0.1;
+export declare const INIT_ROTATE = 0;
+export declare const ROTATE_STEP = 1;
+export declare const MIN_ROTATE = -180;
+export declare const MAX_ROTATE = 180;

package/Upload/ImgCrop/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import type { ImgCropProps } from './interface';
+import './index.scss';
+export declare const ImgCrop: FC<ImgCropProps>;
+export { ImgCropProps };
+export default ImgCrop;

package/Upload/ImgCrop/interface.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { CropperProps } from 'react-easy-crop';
+export type { RcFile } from 'rc-upload/lib/interface';
+export interface ImgCropProps {
+    aspect?: number;
+    shape?: 'rect' | 'round';
+    grid?: boolean;
+    quality?: number;
+    fillColor?: string;
+    zoom?: boolean;
+    rotate?: boolean;
+    minZoom?: number;
+    maxZoom?: number;
+    modalTitle?: React.ReactNode;
+    modalWidth?: number | string;
+    modalOk?: string;
+    modalCancel?: string;
+    onModalOk?: (file: void | boolean | string | Blob | File) => void;
+    onModalCancel?: () => void;
+    beforeCrop?: (file: File, fileList: File[]) => boolean | Promise<boolean>;
+    onUploadFail?: (err: Error) => void;
+    cropperProps?: Partial<CropperProps>;
+    children: JSX.Element;
+}

package/Upload/UploadList/index.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { UploadListProps } from '../interface';
+import './index.scss';
+export declare const UploadList: FunctionComponent<UploadListProps>;
+export default UploadList;

package/Upload/index.d.ts

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react';
+import { UploadProps } from './interface';
+import ImageUpload, { ImageUploadProps } from './ImageUpload';
+import Dragger, { DraggerProps } from "./Dragger";
+import ImgCrop, { ImgCropProps } from "./ImgCrop";
+import './index.scss';
+declare const InternalUpload: FunctionComponent<UploadProps>;
+declare type MergedUploadType = typeof InternalUpload & {
+    ImageUpload: typeof ImageUpload;
+    Dragger: typeof Dragger;
+    ImgCrop: typeof ImgCrop;
+};
+declare const Upload: MergedUploadType;
+export type { UploadProps, ImageUploadProps, DraggerProps, ImgCropProps };
+export default Upload;