import snippets from './snippets';

export default {
  snippets,
  componentName: 'ProPopconfirm',
  title: '高级气泡确认框',
  group: '基础组件',
  category: '高级组件',
  props: [
    {
      name: 'title',
      title: { label: '确认框内容', tip: 'title | 确认框内容' },
      propType: { type: 'oneOfType', value: ['string', 'node', 'func'] },
    },
    {
      name: 'okText',
      title: { label: '确认按钮文字', tip: 'okText | 确认按钮文字' },
      propType: 'string',
      setter: 'StringSetter',
      supportVariable: true,
    },
    {
      name: 'cancelText',
      title: { label: '取消按钮文字', tip: 'cancelText | 取消按钮文字' },
      propType: 'string',
      setter: 'StringSetter',
      supportVariable: true,
    },
    {
      name: 'onConfirm',
      title: { label: '点击确认回调', tip: 'onConfirm | 点击确认回调' },
      propType: 'func',
    },
    {
      name: 'onCancel',
      title: { label: '点击取消回调', tip: 'onCancel | 点击取消回调' },
      propType: 'func',
    },
  ],
  npm: {
    package: 'cu-lowcode-material-antd',
    version: 'latest',
    exportName: 'ProPopconfirm',
    main: '',
    destructuring: true,
    subName: '',
  },
  configure: {
    configure: {
      props: {
        isExtends: true,
      },
    },
    component: { isContainer: true },
    supports: {
      style: true,
      events: [
        {
          name: 'onConfirm',
          description: '点击确认的回调',
          template:
            "\tonConfirm(event,${extParams}){\n\t\t// 点击确认的回调\n\t\tconsole.log('onConfirm',event);\n\t}\t",
        },
        {
          name: 'onCancel',
          description: '点击取消的回调',
          template:
            "\tonCancel(event,${extParams}){\n\t\t// 点击取消的回调\n\t\tconsole.log('onCancel',event);\n\t}\t",
        },
        {
          name: 'onPopupClick',
          description: '弹出气泡点击事件',
          template:
            "\tonPopupClick(event,${extParams}){\n\t\t// 弹出气泡点击事件\n\t\tconsole.log('onPopupClick',event);\n\t}\t",
        },
      ],
    },
  },
};