/** * @author liuj * @date 2021/8/12 15:59 * @description 桌面移动 */ import React, { FunctionComponent } from 'react'; import { TooltipProps } from '../Tooltip'; import './index.scss'; export interface DesktopDataItem { key: string; name?: string; disable?: boolean; icon?: string; disabledTooltip?: TooltipProps; [key: string]: string | boolean | number | undefined | null | Object; } export interface DesktopProps { /** 样式名称 */ className?: string; /** style */ style?: React.CSSProperties; /** 拖拽列表数据 */ data: Array; /** 排序数据 */ sort?: { [key: string]: mapProps; }; /** 排序回调事件 */ onSort?: (data: Array) => void; /** 点击事件回调 */ onClick?: (data: Array) => void; /** 提示最大宽度 */ tipMaxWidth?: number; } export interface PointConfig { /** 距左距离 */ x: number; /** 距上距离 */ y: number; /** 宽 */ width: number; /** 高 */ height: number; } interface mapProps { /** 类型 文件夹 / 组件 */ type: 'item' | 'dir'; /** 父级 */ parent?: number | string; /** 显示名 */ displayName?: string; /** key */ key: number | string; /** 下标 */ index: number; /** 禁用 */ disable?: boolean; /** 禁用提示 */ disabledTooltip?: TooltipProps; /** 图标 */ icon?: any; /** 数据 */ data: any; /** 位置 */ point: PointConfig; /** 子选项 */ children: Array; } export declare const Desktop: FunctionComponent; export default Desktop;