export const buttonConfigureProps = [
  {
    name: 'name',
    title: '名称',
    display: 'inline',
    initialValue: '操作',
    isRequired: true,
    setter: 'StringSetter',
  },
  {
    name: 'type',
    title: '按钮样式',
    display: 'inline',
    isRequired: true,
    initialValue: 'primary',
    setter: {
      componentName: 'SelectSetter',
      props: {
        options: [
          {
            title: 'primary',
            value: 'primary',
          },
          {
            title: 'ghost',
            value: 'ghost',
          },
          {
            title: 'dashed',
            value: 'dashed',
          },
          {
            title: 'link',
            value: 'link',
          },
          {
            title: 'text',
            value: 'text',
          },
          {
            title: 'default',
            value: 'default',
          }
        ],
      },
    },
  },
  {
    name: 'key',
    title: '标识',
    initialValue: (currentValue, defaultValue) =>
      currentValue || defaultValue || `data-${Math.random().toString(36).substr(-6)}`,
    setter: {
      componentName: 'StringSetter',
    },
  },
  {
    name: 'disabled',
    title: '是否禁用',
    display: 'inline',
    initialValue: false,
    setter: 'BoolSetter',
  },
  {
    name: 'hidden',
    title: '是否隐藏',
    display: 'inline',
    initialValue: false,
    setter: 'BoolSetter',
  },
  {
    name: 'onClick',
    title: '点击事件',
    setter: 'FunctionSetter',
  },
];
export const buttonGroupConfigureProp = {
  type: 'field',
  title: '按钮组',
  extraProps: {
    display: 'accordion',
  },
  setter: {
    componentName: 'ObjectSetter',
    props: {
      config: {
        items: [
          {
            name: 'visibleButtonCount',
            title: {
              label: '可见数量',
              tip: '超过会收起到”更多“菜单中',
            },
            extraProps: {
              defaultValue: 3,
            },
            setter: {
              componentName: 'NumberSetter',
              props: {
                max: 6,
                min: 1,
              },
            },
          },
          {
            name: 'dataSource',
            title: '按钮组',
            extraProps: {
              display: 'plain',
            },
            setter: {
              componentName: 'ArraySetter',
              props: {
                hideDescription: true,
                itemSetter: {
                  componentName: 'ObjectSetter',
                  props: {
                    config: {
                      items: buttonConfigureProps,
                    },
                  },
                  initialValue: () => ({
                    name: '操作',
                    type: 'link',
                  }),
                },
              },
            },
          },
        ],
      },
    },
  },
};