import withMock from 'storybook-addon-mock' // mock插件

export const parameters = {
  /**
   * 将this.$emit里所有以on开头的参数视为组件事件
   * 具体用法见https://storybook.js.org/docs/vue/essentials/actions#automatically-matching-args
   */
  actions: { argTypesRegex: '^on[A-Z].*' },
  /**
   * 例如符合正则/(background|color)$/i的属性，会在controls区域里默认用color控件展示
   * 具体用法见https://storybook.js.org/docs/vue/essentials/controls#custom-control-type-matchers
   */
  controls: {
    matchers: {
      color: /(background|color)$/i,
      date: /Date$/,
    },
  },
  options: {
    /**
     * storySort: 用来定制导航目录排序
     * '*'表示剩下的文档按默认排序排列
     * 具体用法见https://storybook.js.org/docs/vue/writing-stories/naming-components-and-hierarchy#sorting-stories
     */
    storySort: {
      order: [
        '快速上手',
        '更新日志',
        '使用说明',
        ['物料概念', '物料基本用法', '翻译命令', 'mock用法', '开发问题', '*'],
        '*',
      ],
    },
  },
}

export const decorators = [withMock] // 使用mock插件
