const OnlineShopAuthMeta = {
  componentName: 'OnlineShopAuth',
  title: 'OnlineShopAuth',
  docUrl: '',
  screenshot: '',
  category: '表单',
  devMode: 'proCode',
  npm: {
    package: '@pisell/private-materials',
    version: '1.0.0',
    exportName: 'OnlineShopAuth',
    main: 'src/index.ts',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      title: {
        label: {
          type: 'i18n',
          'en-US': 'defaultActiveTab',
          'zh-CN': '默认激活Tab',
        },
      },
      name: 'defaultActiveTab',
      setter: {
        componentName: 'RadioGroupSetter',
        props: {
          options: [
            { title: '页面设置', value: 'pageSetting' },
            { title: '身份验证方法', value: 'authenticationMethods' },
            { title: '收集信息', value: 'collectInfo' },
          ],
        },
      },
      defaultValue: 'pageSetting',
    },
    {
      title: {
        label: {
          type: 'i18n',
          'en-US': 'visibleTabs',
          'zh-CN': '可见Tab列表',
        },
      },
      name: 'visibleTabs',
      setter: {
        componentName: 'ArraySetter',
        props: {
          itemSetter: {
            componentName: 'SelectSetter',
            props: {
              options: [
                { label: '页面设置', value: 'pageSetting' },
                { label: '身份验证方法', value: 'authenticationMethods' },
                { label: '收集信息', value: 'collectInfo' },
              ],
            },
          },
        },
      },
    },
    {
      title: {
        label: {
          type: 'i18n',
          'en-US': 'showRegisterPage',
          'zh-CN': '显示注册页面配置',
        },
      },
      name: 'showRegisterPage',
      setter: 'BoolSetter',
      defaultValue: true,
    },
  ],
  configure: {
    component: {
      isContainer: false,
    },
    supports: {
      style: true,
      className: true,
      events: [
        {
          name: 'onSave',
          description: '点击保存按钮回调',
        },
      ],
    },
  },
};

export default {
  ...OnlineShopAuthMeta,
  snippets: [{
    title: 'OnlineShopAuth',
    screenshot: '',
    schema: {
      componentName: 'OnlineShopAuth',
      props: {
        visibleTabs: ['pageSetting', 'authenticationMethods'],
      },
    },
  }],
};
