import { useI18n } from '@/hooks/web/useI18n'

const { t } = useI18n()

export const PIE_EDITOR_PROPERTY: EditorProperty[] = [
  'background-overall-component',
  'border-style',
  'basic-style-selector',
  'title-selector',
  'legend-selector',
  'label-selector',
  'tooltip-selector',
  'jump-set',
  'linkage'
]
export const PIE_EDITOR_PROPERTY_INNER: EditorPropertyInner = {
  'background-overall-component': ['all'],
  'border-style': ['all'],
  'label-selector': [
    'fontSize',
    'color',
    'rPosition',
    'showDimension',
    'showQuota',
    'showProportion'
  ],
  'tooltip-selector': ['fontSize', 'color', 'backgroundColor', 'seriesTooltipFormatter', 'show'],
  'basic-style-selector': ['colors', 'alpha', 'radius', 'seriesColor'],
  'title-selector': [
    'title',
    'fontSize',
    'color',
    'hPosition',
    'isItalic',
    'isBolder',
    'remarkShow',
    'fontFamily',
    'letterSpace',
    'fontShadow'
  ],
  'legend-selector': ['icon', 'orient', 'fontSize', 'color', 'hPosition', 'vPosition']
}

export const PIE_AXIS_TYPE: AxisType[] = [
  'xAxis',
  'yAxis',
  'drill',
  'filter',
  'extLabel',
  'extTooltip'
]

export const PIE_AXIS_CONFIG: AxisConfig = {
  xAxis: {
    name: `${t('chart.drag_block_pie_label')} / ${t('chart.dimension')}`,
    type: 'd'
  },
  yAxis: {
    name: `${t('chart.drag_block_pie_angle')} / ${t('chart.quota')}`,
    type: 'q',
    limit: 1
  }
}