import * as React from 'react';

export interface XuiOperationNodeType {
  key: React.Key;
  /** 按钮内容 */
  content: string;
  /** 按钮最小宽度 */
  minWidth?: number;
  /** 跳转地址 */
  href?: string;
  /** 点击事件 */
  clickEvent?: (e?: any) => void;
  /** 是否显示 支持对象，key为判断的变量名，value是判断的值或包含多个值的数组 */
  show?: { [key: string]: any } | (() => boolean);
  /** 是否有权限 */
  access?: boolean;
}

interface ComponentProps {
  getNodes: (record?: { [key: string]: any }) => XuiOperationNodeType[];
  data: { [key: string]: any };
}

export interface XuiOperationListType extends React.FC<ComponentProps> {
  getWidth: (
    getNodes: (record?: { [key: string]: any }) => XuiOperationNodeType[],
    data: { [key: string]: any },
    config?: {
      fontSize?: number;
      padding?: number;
    },
  ) => number;
}

declare const XuiOperationList: XuiOperationListType;

export default XuiOperationList;