// FIXME: 选中tabPane点复制，会出问题，因为复制的组件key一样

export default {
  componentName: 'Collapse.Panel',
  title: '折叠项',
  category: '',
  npm: {
    package: 'yl-ssa-lowcode-antd-comps',
    version: '0.1.42',
    exportName: 'Collapse',
    main: 'src\\index.tsx',
    destructuring: true,
    subName: 'Panel',
  },
  props: [
    {
      name: 'key',
      title: {
        label: 'key',
        tip: 'key',
      },
      propType: 'string',
      setter: 'StringSetter',
      supportVariable: true,
    },
    {
      name: 'header',
      title: {
        label: '标题',
        tip: '标题',
      },
      propType: { type: 'oneOfType', value: ['string', 'node'] },
    },

    {
      name: 'extra',
      title: {
        label: '右上角内容',
        tip: '自定义渲染每个面板右上角的内容',
      },
      propType: { type: 'oneOfType', value: ['string', 'node'] },
    },
    // {
    //   name: 'extra',
    //   title: {
    //     label: '右上角内容',
    //     tip: 'extra | 插槽内的物料表达式可通过this.record获取当前行数据，this.index获取索引',
    //   },
    //   propType: 'node',
    //   setter: {
    //     componentName: 'SlotSetter',
    //     initialValue: {
    //       type: 'JSSlot',
    //       value: [
    //         {
    //           componentName: 'Icon',
    //           props: {
    //             type: 'SmileOutlined',
    //             size: 20,
    //             rotate: 0,
    //             spin: false,
    //           },
    //         },
    //       ],
    //     },
    //   },
    // },
    {
      name: 'collapsible',
      title: '可折叠触发区域',
      propType: {
        type: 'oneOf',
        value: ['-', 'header', 'disabled'],
      },
    },
    {
      name: 'showArrow',
      title: {
        label: '显示折叠图标',
        tip: '是否展示当前面板上的箭头',
      },
      propType: 'bool',
      defaultValue: true,
      setter: 'BoolSetter',
      supportVariable: true,
    },
    {
      name: 'forceRender',
      title: {
        label: '隐藏时渲染',
        tip: '被隐藏时是否渲染 DOM 结构',
      },
      propType: 'bool',
      setter: 'BoolSetter',
      supportVariable: true,
    },
  ],
  configure: {
    component: {
      isContainer: true,
      nestingRule: {
        parentWhitelist: ['Collapse'],
      },
    },
  },
};