export default {
  column: '2',
  owner: '',
  demos: [
    {
      demoId: 'activeColor',
      name: {
        'zh-CN': '标题和选项的选中态颜色',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>设置选中项颜色</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['activeColor.vue']
    },
    {
      demoId: 'closeOnClickOutside',
      name: {
        'zh-CN': '点击外部元素关闭弹出菜单',
        'en-US': 'button round'
      },
      desc: {
        'zh-CN': '<p>点击外部元素关闭弹出菜单</p>',
        'en-US': '<p>button round</p>'
      },
      codeFiles: ['closeOnClickOutside.vue']
    },
    {
      demoId: 'closeOnClickOverlay',
      name: {
        'zh-CN': '点击遮罩层关闭弹出菜单',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>点击遮罩层关闭弹出菜单</p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['closeOnClickOverlay.vue']
    },
    {
      demoId: 'direction',
      name: {
        'zh-CN': '菜单弹出位置',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>弹出菜单位置</p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['direction.vue']
    },
    {
      demoId: 'duration',
      name: {
        'zh-CN': '动画时长',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>弹出菜单动画时长</p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['duration.vue']
    },
    {
      demoId: 'event',
      name: {
        'zh-CN': '事件',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>事件</p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['event.vue']
    },
    {
      demoId: 'icon',
      name: {
        'zh-CN': '自定义 icon',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>自定义<code>icon</code></p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['icon.vue']
    },
    {
      demoId: 'item-disabled',
      name: {
        'zh-CN': '是否禁用',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>通过<code>disabled</code>属性设置是否禁用，默认为 false 。</p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['item-disabled.vue']
    },
    {
      demoId: 'overlay',
      name: {
        'zh-CN': '遮罩层',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>遮罩层</p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['overlay.vue']
    },
    {
      demoId: 'screen-funnel',
      name: {
        'zh-CN': '筛选漏斗',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>筛选漏斗</p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['screen-funnel.vue']
    },
    {
      demoId: 'slot',
      name: {
        'zh-CN': '插槽',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>插槽</p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['slot.vue']
    },
    {
      demoId: 'title-class',
      name: {
        'zh-CN': '标题类名',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>通过<code>title-class</code>属性设置标题类名</p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['title-class.vue']
    },
    {
      demoId: 'type',
      name: {
        'zh-CN': '筛选类型',
        'en-US': 'events'
      },
      desc: {
        'zh-CN': '<p>筛选类型</p>',
        'en-US': '<p>bbutton click</p>'
      },
      codeFiles: ['type.vue']
    }
  ]
}
