/**
 * 占比条指标卡 — 属性面板说明
 */
export const PROPORTION_BAR_CARD_TOKEN_MAP = {
  卡片容器: [
    { label: '底色', cssProp: 'background', token: '--semi-bluegrey-1', value: '#F9FAFB', readOnly: true },
    { label: '圆角', cssProp: 'border-radius', token: '--radius-md', value: '8px', readOnly: true },
    { label: '水平内距', cssProp: 'padding-inline', token: '--spacing-4', value: '16px', readOnly: true },
    { label: '垂直内距', cssProp: 'padding-block', token: '--spacing-3', value: '12px', readOnly: true },
    { label: '卡片间距', cssProp: 'gap', token: '--spacing-3', value: '12px', readOnly: true },
  ],
  标题区: [
    { label: '标题色', cssProp: 'color', token: '--semi-color-text-1', value: 'rgba(34,39,39,0.8)', readOnly: true },
    { label: '标题字号', cssProp: 'font-size', value: '14px', readOnly: true },
    { label: '标题字重', cssProp: 'font-weight', value: '600', readOnly: true },
    { label: '虚下划线', cssProp: 'border-color', token: '--color-blueGrey-400', value: '#D0D5DD', readOnly: true },
  ],
  悬浮提示: [
    { label: '深底', cssProp: 'background', token: '--semi-color-bg-4', value: '#0D1321', readOnly: true },
    { label: '字色', cssProp: 'color', token: '--semi-color-tooltip-fg', value: '#FFFFFF', readOnly: true },
  ],
  主数值区: [
    { label: '数值色', cssProp: 'color', token: '--semi-color-text-0', value: '#222727', readOnly: true },
    { label: '数值字号', cssProp: 'font-size', value: '18px', readOnly: true },
    { label: '数值字体', cssProp: 'font-family', token: '--font-number', value: 'DouyinNumberABC-Bold', readOnly: true },
    { label: '字间距', cssProp: 'letter-spacing', value: '-0.54px', readOnly: true },
  ],
  趋势与进度条: [
    { label: '标签色', cssProp: 'color', value: 'rgba(28,28,35,0.6)', readOnly: true },
    { label: '标签字号', cssProp: 'font-size', value: '12px', readOnly: true },
    { label: '趋势字体', cssProp: 'font-family', token: '--font-number-medium', value: 'DouyinNumberABC-Medium', readOnly: true },
    { label: '趋势字号', cssProp: 'font-size', value: '11px', readOnly: true },
    {
      label: '绿成功',
      cssProp: 'color',
      token: '--status-success',
      value: '#24CDA5',
      state: 'success',
      readOnly: true,
    },
    {
      label: '红危险',
      cssProp: 'color',
      token: '--status-danger',
      value: '#FC7E90',
      state: 'danger',
      readOnly: true,
    },
    {
      label: '轨道底色',
      cssProp: 'background',
      token: '--color-fill',
      value: 'rgba(83, 96, 143, 0.07)',
      semanticRef: 'fill-default',
      readOnly: true,
    },
    { label: '轨道高度', cssProp: 'height', value: '8px', readOnly: true },
    { label: '轨道圆角', cssProp: 'border-radius', value: '100px', readOnly: true },
  ],
};
