import snippets from './snippets';
import { pickerModalComponent, pickerBaseEvents, pickerModalProps } from '../_utils/picker/common';
import { fontSize, stringProp } from '../_utils/css';

export default {
  snippets,
  componentName: 'AMPicker',
  docUrl: 'https://mobile.ant.design/zh/components/picker',
  title: '模态选择器',
  category: '表单',
  group: '基础组件',
  priority: 1,
  props: [
    {
      name: 'columns',
      title: { label: '数据', tip: 'columns | 数据' },
      propType: 'object',
      setter: 'JsonSetter',
      supportVariable: true,
    },
    ...pickerModalProps,
    {
      title: 'CSS变量',
      display: 'block',
      type: 'group',
      items: [
        fontSize('header-button', '确定和取消按钮的字号'),
        fontSize('item', '选择项的字号'),
        fontSize('title', '标题的字号'),
        stringProp('item-height', '选项的高度', '选项的高度', '仅支持 px rem 和 vw 单位'),
      ],
    },
  ],
  configure: {
    component: {
      ...pickerModalComponent,
    },
    supports: {
      style: true,
      events: [...pickerBaseEvents],
    },
  },
};