/**
 * 多指标 + 图表 — 属性面板说明
 */
export const MULTI_METRIC_CHART_TOKEN_MAP = {
  标题区: [
    { label: '标题颜色', cssProp: 'color', token: '--color-blueGrey-900', value: '#182230', readOnly: true },
    { label: '说明颜色', cssProp: 'color', token: '--color-blueGrey-500', value: '#98A2B3', readOnly: true },
    { label: '总量标题', cssProp: 'color', token: '--color-blueGrey-600', value: '#667085', readOnly: true },
    { label: '总量数值', cssProp: 'color', token: '--color-blueGrey-800', value: '#344054', readOnly: true },
  ],
  图例区: [
    { label: '折线颜色', cssProp: 'stroke', value: '#24CDA5', readOnly: true },
    { label: '正向色', cssProp: 'background', value: '#2ECAB4', readOnly: true },
    { label: '中立色', cssProp: 'background', value: '#E4E7EC', readOnly: true },
    { label: '负向色', cssProp: 'background', value: '#FC7E90', readOnly: true },
    { label: '图例文字', cssProp: 'color', token: '--color-blueGrey-700', value: '#475467', readOnly: true },
  ],
  图表区: [
    { label: '网格线', cssProp: 'stroke', token: '--color-border-chart-grid', value: '#E4E7EC', readOnly: true },
    { label: '坐标轴', cssProp: 'stroke', token: '--color-border-chart-axis', value: '#98A2B3', readOnly: true },
    { label: 'X轴文字', cssProp: 'color', token: '--color-blueGrey-600', value: '#667085', readOnly: true },
    { label: 'Y轴文字', cssProp: 'color', token: '--color-blueGrey-600', value: '#667085', readOnly: true },
  ],
  指标表: [
    { label: '表头底色', cssProp: 'background', token: '--color-grey-50', value: '#F9F9F9', readOnly: true },
    { label: '表头文字', cssProp: 'color', token: '--color-blueGrey-500', value: '#98A2B3', readOnly: true },
    { label: '行默认字', cssProp: 'color', token: '--color-blueGrey-700', value: '#475467', readOnly: true },
    { label: '行选文字', cssProp: 'color', token: '--color-blueGrey-900', value: '#182230', state: 'selected', readOnly: true },
    { label: '悬浮底色', cssProp: 'background', token: '--color-blueGrey-50', value: '#FCFCFD', state: 'hover', readOnly: true },
    { label: '选中底色', cssProp: 'background', token: '--color-blue-50', value: '#ECF6FE', state: 'selected', readOnly: true },
    { label: '涨幅色', cssProp: 'color', token: '--color-brand-500', value: '#56D3BC', readOnly: true },
    { label: '跌幅色', cssProp: 'color', token: '--color-red-500', value: '#F74331', readOnly: true },
  ],
};
