import snippets from './snippets';
import { actionsMeta } from './actionsMeta';

export default {
  snippets,
  componentName: 'PisellWalletPassCard',
  title: '识别码卡片',
  category: '数据展示',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: '@pisell/materials',
    version: '1.0.1',
    exportName: 'PisellWalletPassCard',
    main: 'src/index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'platform',
      title: {
        label: '平台',
      },
      propType: { type: 'oneOf', value: ['h5', 'pc', 'ipad'] },
      setter: [
        {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: 'h5',
                value: 'h5',
              },
              {
                title: 'pc',
                value: 'pc',
              },
              {
                title: 'ipad',
                value: 'ipad',
              },
            ],
          },
        },
        'VariableSetter',
      ],
      defaultValue: 'pc',
    },
    {
      name: 'themeMode',
      title: {
        label: '选择类型',
      },
      propType: { type: 'oneOf', value: ['light', 'dark', null] },
      setter: [
        {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: 'Light',
                value: 'light',
              },
              {
                title: 'Dark',
                value: 'dark',
              },
            ],
          },
        },
        'VariableSetter',
      ],
      defaultValue: 'light',
    },
    {
      name: 'type',
      title: { label: '卡片样式' },
      propType: { type: 'oneOf', value: ['mini', 'default'] },
      setter: [
        {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: 'Mini',
                value: 'mini',
              },
              {
                title: '默认',
                value: 'default',
              },
            ],
          },
        },
      ],
      defaultValue: 'default',
    },
    {
      title: { label: '卡片信息展示' },
      type: 'group',
      display: 'block',
      items: [
        {
          name: 'name',
          title: { label: '商品名称', tip: '商品名称' },
          propType: 'string',
          setter: 'StringSetter',
        },
        {
          name: 'showName',
          title: { label: '显示商品名称', tip: '显示商品名称' },
          propType: 'bool',
          setter: 'BoolSetter',
          defaultValue: true,
        },
        {
          name: 'storeName',
          title: { label: '共享店铺名称', tip: '共享店铺名称' },
          propType: 'string',
          setter: 'StringSetter',
        },
        {
          name: 'showStoreName',
          title: { label: '显示共享店铺名称', tip: '显示共享店铺名称' },
          propType: 'bool',
          setter: 'BoolSetter',
          defaultValue: true,
        },
        {
          name: 'redeem',
          title: { label: '使用金额', tip: '使用金额' },
          propType: 'string',
          setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
        },
        {
          name: 'showRedeem',
          title: { label: '显示使用金额', tip: '显示使用金额' },
          propType: 'bool',
          setter: 'BoolSetter',
          defaultValue: true,
        },
        {
          name: 'balance',
          title: { label: '余额', tip: '余额' },
          propType: 'string',
          setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
        },
        {
          name: 'showBalance',
          title: { label: '显示余额', tip: '显示余额' },
          propType: 'bool',
          setter: 'BoolSetter',
          defaultValue: true,
        },
         {
          name: 'discount',
          title: { label: '折扣' },
          propType: 'string',
          setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
        },
        {
          name: 'showDiscount',
          title: { label: '显示折扣' },
          propType: 'bool',
          setter: 'BoolSetter',
          defaultValue: true,
        },
        {
          name: 'code',
          title: { label: '识别码编号', tip: '识别码编号' },
          propType: 'string',
          setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
        },
        {
          name: 'showCode',
          title: { label: '显示识别码编号', tip: '显示识别码编号' },
          propType: 'bool',
          setter: 'BoolSetter',
          defaultValue: true,
        },
        {
          name: 'validDate',
          title: { label: '有效期', tip: '有效期' },
          propType: 'string',
          setter: ['StringSetter', 'VariableSetter'],
        },
        {
          name: 'showValidDate',
          title: { label: '显示有效期', tip: '显示有效期' },
          propType: 'bool',
          setter: 'BoolSetter',
          defaultValue: true,
        },
        {
          name: 'showDetail',
          title: { label: '显示查看详情按钮', tip: '显示查看详情按钮' },
          propType: 'bool',
          setter: 'BoolSetter',
          defaultValue: true,
        },
        {
          name: 'qrCode',
          title: { label: '二维码', tip: '二维码' },
          propType: 'string',
          setter: ['StringSetter', 'VariableSetter'],
        },
        {
          name: 'showQrCode',
          title: { label: '显示识别码二维码', tip: '显示识别码二维码' },
          propType: 'bool',
          setter: 'BoolSetter',
          defaultValue: true,
        },
        {
          name: 'cover',
          title: { label: '识别码卡封面', tip: '识别码卡封面' },
          propType: 'string',
          setter: ['StringSetter', 'VariableSetter'],
        },
        {
          name: 'showCover',
          title: { label: '显示识别码卡封面', tip: '显示识别码卡封面' },
          propType: 'bool',
          setter: 'BoolSetter',
          defaultValue: true,
        },
        {
          name: 'metadata',
          title: { label: '元信息' },
          propType: 'object',
          setter: 'JsonSetter',
        }
      ],
    },
    {
      ...actionsMeta,
    }
  ],
  configure: {
    supports: {
      style: true, events: [
        {
          name: 'beforeEdit',
          template:
            "beforeEdit(value){\n// 点击编辑按钮后，弹窗展示前\nconsole.log('beforeEdit');}",
        },
        {
          name: 'onConfirmEdit',
          template:
            "onConfirmEdit(value){\n// 编辑弹窗点击确认\nconsole.log('onConfirmEdit');}",
        },
      ]
    }
  },
};