import snippets from './snippets';

export default {
  snippets,
  componentName: 'Divider',
  title: '分割线',
  category: '布局',
  group: "基础组件",
  props: [
    {
      name: 'className',
      title: { label: '分割线样式类', tip: 'className | 分割线样式类' },
      propType: 'string',
    },
    {
      name: 'dashed',
      title: { label: '是否虚线', tip: 'dashed | 是否虚线' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'orientation',
      title: { label: '标题位置', tip: 'orientation | 分割线标题的位置' },
      propType: { type: 'oneOf', value: ['left', 'right', 'center'] },
    },
    {
      name: 'orientationMargin',
      title: {
        label: '标题边距',
        tip:
          'orientationMargin | 标题和最近 left/right 边框之间的距离，去除了分割线，同时 orientation 必须为 left 或 right',
      },
      propType: { type: 'oneOfType', value: ['string', 'number'] },
    },
    {
      name: 'style',
      title: { label: '分割线样式对象', tip: 'style | 分割线样式对象' },
      propType: 'object',
    },
    {
      name: 'type',
      title: { label: '方向', tip: 'type | 水平还是垂直类型' },
      propType: { type: 'oneOf', value: ['horizontal', 'vertical'] },
    },
    {
      name: 'plain',
      title: {
        label: '普通正文样式',
        tip: 'plain | 文字是否显示为普通正文样式',
      },
      propType: 'bool',
      defaultValue: false,
    },
  ],
  configure: {
    component: {
      isContainer: true,
    },
    supports: { style: true, className: true },
  },
};