const s2Options = {
  width: 600,
  height: 400,
  hierarchyType: 'grid'
}

// TextCondition，BackgroundCondition，IntervalCondition，IconCondition 各自对应的 mapping 函数返回 的 T 有所不同
export type ConditionMapping<T = unknown> = (
  fieldValue: number | string,
  data: RawData,
  cell: S2CellType,
) => ConditionMappingResult<T>;

const options = {
  conditions: {
    text: [
      {
        field: "province",
        mapping: (fieldValue, data, cell) => {
          return {
            fill: "green",
            fontSize: 16,
            opacity: 0.2,
            textAlign: 'right'
          };
        },
      },
    ],
    interval: [
      {
        field: "sub_type",
        mapping: (fieldValue, data, cell) => {
          return {
            fill: "green",
            isCompare: true,
            maxValue: 8000,
            minValue: 300,
          };
        },
      },
    ],
    background: [
      {
        field: "count",
        mapping: (fieldValue, data, cell) => {
          return {
            fill: "green",
            intelligentReverseTextColor: true,
          };
        },
      },
    ],
    icon: [
      {
        field: "number",
        position: 'left',
        mapping: (fieldValue, data, cell) => {
          return {
            icon: "InfoCircle",
            fill: "green",
          };
        },
      },
    ],
  },
};

export type TextConditionMappingResult = TextTheme;

export type BackgroundConditionMappingResult = {
  fill: string;
  intelligentReverseTextColor?: boolean;
};

export type IntervalConditionMappingResult = {
  fill?: string;
  isCompare?: boolean;
  minValue?: number;
  maxValue?: number;
}

const options = {
  conditions: {
    icon: [
      {
        field: "profit",
        position: "left",
        mapping: (fieldValue, data, cell) => {
          return {
            icon: "InfoCircle",
            fill: "red",
          };
        },
      },
    ],
  },
};

export type IconConditionMappingResult = {
  fill: string;
  icon: string;
};

interface ScrollSpeedRatio {
  horizontal?: number; // 水平滚动速率，默认为 1
  vertical?: number; // 垂直滚动速率，默认为 1
}

enum InterceptType {
  HOVER = 'hover',
  CLICK = 'click',
  DATA_CELL_BRUSH_SELECTION = 'dataCellBrushSelection',
  ROW_CELL_BRUSH_SELECTION = 'rowCellBrushSelection',
  COL_CELL_BRUSH_SELECTION = 'colCellBrushSelection',
  MULTI_SELECTION = 'multiSelection',
  RESIZE = 'resize',
}

enum InteractionName {
  CORNER_CELL_CLICK = 'cornerCellClick',
  DATA_CELL_CLICK = 'dataCellClick',
  ROW_CELL_CLICK = 'rowCellClick',
  COL_CELL_CLICK = 'colCellClick',
  MERGED_CELLS_CLICK = 'mergedCellsClick',
  ROW_COLUMN_CLICK = 'rowColumnClick',
  HEADER_CELL_LINK_CLICK = 'headerCellLinkClick',
  HOVER = 'hover',
  DATA_CELL_BRUSH_SELECTION = 'dataCellBrushSelection',
  ROW_CELL_BRUSH_SELECTION = 'rowCellBrushSelection',
  COL_CELL_BRUSH_SELECTION = 'colCellBrushSelection',
  COL_ROW_RESIZE = 'rowColResize',
  DATA_CELL_MULTI_SELECTION = 'dataCellMultiSelection',
  ROW_CELL_MULTI_SELECTION = 'rowCellMultiSelection',
  COL_CELL_MULTI_SELECTION = 'colCellMultiSelection',
  RANGE_SELECTION = 'rangeSelection',
  SELECTED_CELL_MOVE = 'selectedCellMove',
  GLOBAL_RESET = 'globalReset',
}

enum InteractionStateName {
  ALL_SELECTED = 'allSelected',
  SELECTED = 'selected',
  ROW_CELL_BRUSH_SELECTED = 'rowCellBrushSelected',
  COL_CELL_BRUSH_SELECTED = 'colCellBrushSelected',
  DATA_CELL_BRUSH_SELECTED = 'dataCellBrushSelected',
  UNSELECTED = 'unselected',
  HOVER = 'hover',
  HOVER_FOCUS = 'hoverFocus',
  HIGHLIGHT = 'highlight',
  SEARCH_RESULT = 'searchResult',
  PREPARE_SELECT = 'prepareSelect',
}

enum CellType {
  DATA_CELL = 'dataCell',
  ROW_CELL = 'rowCell',
  COL_CELL = 'colCell',
  SERIES_NUMBER_CELL = 'seriesNumberCell',
  CORNER_CELL = 'cornerCell',
  MERGED_CELL = 'mergedCell',
}

const s2Options = {
  width: 600,
  height: 480,
  pagination: {
    pageSize: 4,
    current: 1,
  }
};

type RawData = Record<string, DataItem>;

type SimpleData = string | number | null | undefined;

{
  "number": {
    "originalValues": [1, 2, 3],
    "values": ["1", "2", "3"]
  }
}

type DataItem = SimpleData | MultiData | MiniChartData | Record<string, unknown>;

{
  "number": 7789,
  "province": "浙江省",
  "city": "杭州市",
  "type": "家具",
  "sub_type": "桌子"
}

import type { EXTRA_FIELD, VALUE_FIELD } from '@antv/s2';

type ExtraData = {
  [EXTRA_FIELD]: string;
  [VALUE_FIELD]: string | DataItem;
};

{
  "$$extra$$": "number",
  "$$value$$": 7789,
}

type Data = RawData & ExtraData;

type ViewMetaData = Data | CellData;

{
  "city": "杭州市"
}

{
  "extraField": "number",
  "raw": {
    "number": 7789,
    "province": "浙江省",
    "city": "杭州市",
    "type": "家具",
    "sub_type": "桌子"
  },
  "$$extra$$": "number",
  "$$value$$": 7789,
  "$$origin$$": {
    "number": 7789,
    "province": "浙江省",
    "city": "杭州市",
    "type": "家具",
    "sub_type": "桌子"
  }
}

DataCellCallback = (viewMeta: ViewMeta, s2: Spreadsheet) => G.Group;

CellCallback = (node: Node, spreadsheet: SpreadSheet, ...restOptions: unknown[]) => G.Group;

DataCellCallback = (s2: Spreadsheet, cells: S2CellType[], viewMeta: ViewMeta) => MergedCell;

CornerHeaderCallback = (parent: S2CellType, spreadsheet: SpreadSheet, ...restOptions: unknown[]) => void;

LayoutHierarchy = (spreadsheet: SpreadSheet, node: Node) => LayoutHierarchyReturnType;

interface LayoutHierarchyReturnType {
  push?: Node[];
  unshift?: Node[];
  delete?: boolean;
}

LayoutArrange = (spreadsheet: SpreadSheet, parent: Node, field: string, fieldValues: string[]) => string[];

LayoutCoordinate = (spreadsheet: SpreadSheet, rowNode: Node, colNode: Node) => void

LayoutCellMeta = (viewMeta: ViewMeta) => ViewMeta | null;

LayoutSeriesNumberNodes = (rowsHierarchy: Hierarchy, seriesNumberWidth: number, spreadsheet: SpreadSheet) => Node[];

DataSet = (spreadsheet: SpreadSheet) => BaseDataSet;