import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';

const OadpButtonMeta: IPublicTypeComponentMetadata = {
  "componentName": "OadpButton",
  "title": "按钮",
  "category": "基础组件",
  "group": "低代码组件",
  "docUrl": "",
  "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_button.png",
  "devMode": "proCode",
  "npm": {
    "package": "oadp-material",
    "version": "{{version}}",
    "exportName": "OadpButton",
    "main": "src/index.tsx",
    "destructuring": true,
    "subName": ""
  },
  "configure": {
    "props": [ 
      {
        "name": "label",
        "title": {
          "label": {
            "type": "i18n",
            "zh_CN": "标题",
            "en_US": "Label",
          },
          "tip": {
            "type": "i18n",
            "zh_CN": "属性: label | 说明: 标题",
            "en_US": "prop: label | description: label content",
          },
        },
        "setter": "StringSetter",
        "description": "标题",
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "type",
            "zh-CN": "类型"
          },
          "tip": "type | 类型"
        },
        "name": "type",
        "description": "类型",
        "setter": {
          "componentName": "RadioGroupSetter",
          "props": {
            "dataSource": [
              {
                "label": "主按钮",
                "value": "primary"
              },
              {
                "label": "次按钮",
                "value": "secondary"
              },
              {
                "label": "普通按钮",
                "value": "normal"
              }
            ],
            "options": [
              {
                "label": "主按钮",
                "value": "primary"
              },
              {
                "label": "次按钮",
                "value": "secondary"
              },
              {
                "label": "普通按钮",
                "value": "normal"
              }
            ]
          },
          "initialValue": "primary"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "size",
            "zh-CN": "尺寸"
          },
          "tip": "size | 尺寸"
        },
        "name": "size",
        "description": "尺寸",
        "setter": {
          "componentName": "RadioGroupSetter",
          "props": {
            "dataSource": [
              {
                "label": "小",
                "value": "small"
              },
              {
                "label": "中",
                "value": "medium"
              },
              {
                "label": "大",
                "value": "large"
              }
            ],
            "options": [
              {
                "label": "小",
                "value": "small"
              },
              {
                "label": "中",
                "value": "medium"
              },
              {
                "label": "大",
                "value": "large"
              }
            ]
          },
          "initialValue": "medium"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "disabled",
            "zh-CN": "是否禁用"
          },
          "tip": "disabled | 是否禁用"
        },
        "name": "disabled",
        "description": "是否禁用",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": false,
          "initialValue": false
        }
      },
      {
        "name": "text",
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "text",
            "zh-CN": "文本按钮"
          },
          "tip": {
            "type": "i18n",
            "zh_CN": "属性: text | 说明: 文本按钮 | 类型: boolean | 默认值: false",
            "en_US": "prop: text | description: Text Button | type: boolean | default: false",
          }
        },
        "description": "文本按钮",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": false,
          "initialValue": false
        }
      }
    ],
    "supports": {
      "style": true,
      "events": ["onClick"]
    },
    "component": {}
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    "title": "按钮",
    "screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_button.png",
    "schema": {
      "componentName": "OadpButton",
      "props": {
        "label": "按钮",
        "type": "primary",
        "size": "medium",
        "disabled": false,
        "text": false,
        "style": {
          "marginLeft": "5px",
          "marginRight": "5px"
        }}
    }
  }
];

export default {
  ...OadpButtonMeta,
  snippets
};