import { uuid } from '../_utils/utils';

import snippets from './snippets';

export default {
  snippets,
  componentName: 'AntdMenu.ItemGroup',
  title: '菜单组',
  group: '基础组件',
  props: [
    {
      name: 'children',
      title: { label: '菜单组项', tip: 'children | 菜单组项' },
      setter: {
        componentName: 'ArraySetter',
        props: {
          itemSetter: {
            componentName: 'ObjectSetter',
            props: {
              config: {
                items: [
                  {
                    name: 'key',
                    title: { label: 'key', tip: 'key | key' },
                    setter: 'StringSetter',
                    initialValue: (val) => val || uuid(),
                  },
                  {
                    name: 'label',
                    title: { label: '菜单名', tip: 'label | 菜单名' },
                    setter: 'StringSetter',
                  },
                  {
                    name: 'category',
                    title: {
                      label: '类型',
                      tip: 'category | 菜单项类型',
                    },
                    propType: {
                      type: 'oneOf',
                      value: ['AntdMenu.Item', 'AntdMenu.SubMenu', 'AntdMenu.ItemGroup'],
                    },
                    setter: [
                      {
                        componentName: 'RadioGroupSetter',
                        props: {
                          options: [
                            {
                              title: 'Item',
                              value: 'AntdMenu.Item',
                            },
                            {
                              title: 'SubMenu',
                              value: 'AntdMenu.SubMenu',
                            },
                            {
                              title: 'ItemGroup',
                              value: 'AntdMenu.ItemGroup',
                            },
                          ],
                        },
                      },
                      'VariableSetter',
                    ],
                  },
                ],
              },
            },
            initialValue: () => {
              return {
                key: `item-${uuid()}`,
                category: 'AntdMenu.Item',
                label: '子菜单名',
              };
            },
          },
        },
      },
      // extraProps: itemsExtraProps,
    },
    {
      name: 'title',
      title: { label: '分组标题', tip: 'title | 分组标题' },
      propType: { type: 'oneOfType', value: ['string', 'node'] },
    },
  ],
  configure: {
    component: {
      isContainer: true,
      nestingRule: { parentWhitelist: ['AntdMenu', 'AntdMenu.SubMenu'] },
    },
    supports: { style: true },
  },
};