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

const YCSpaceMeta: IPublicTypeComponentMetadata = {
  "componentName": "YCSpace",
  "title": "YCSpace",
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  "npm": {
    "package": "yc-material",
    "version": "0.1.0",
    "exportName": "YCSpace",
    "main": "src/index.tsx",
    "destructuring": true,
    "subName": ""
  },
  "configure": {
    "props": [
      {
        title: {
          "label": {
            "type": "i18n",
            "en-US": "children",
            "zh-CN": "按钮内容"
          }
        },
        "name": "children",
        "supportVariable": true,
        "setter": {
          "componentName": "SlotSetter",
          "props": {
            "mode": "node"
          },
          "isRequired": false,
          "initialValue": {
            "type": "JSSlot",
            "value": []
          }
        }
      },
      
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "className",
            "zh-CN": "className"
          }
        },
        "name": "className",
        "setter": {
          "componentName": "MixedSetter",
          "props": {
            "setters": [
              {
                "componentName": "StringSetter",
                "isRequired": false,
                "initialValue": ""
              },
              {
                "componentName": "ArraySetter",
                "props": {
                  "itemSetter": {
                    "componentName": "StringSetter",
                    "isRequired": false,
                    "initialValue": ""
                  }
                },
                "initialValue": []
              }
            ]
          }
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "align",
            "zh-CN": "对齐方式"
          },
          "tip": "align | 对齐方式"
        },
        "name": "align",
        "description": "对齐方式",
        "setter": {
          "componentName": "SelectSetter",
          "props": {
            "dataSource": [
              {
                "label": "center",
                "value": "center"
              },
              {
                "label": "start",
                "value": "start"
              },
              {
                "label": "end",
                "value": "end"
              },
              {
                "label": "baseline",
                "value": "baseline"
              }
            ],
            "options": [
              {
                "label": "center",
                "value": "center"
              },
              {
                "label": "start",
                "value": "start"
              },
              {
                "label": "end",
                "value": "end"
              },
              {
                "label": "baseline",
                "value": "baseline"
              }
            ]
          },
          "initialValue": "center"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "direction",
            "zh-CN": "间距方向"
          },
          "tip": "direction | 间距方向"
        },
        "name": "direction",
        "description": "间距方向",
        "setter": {
          "componentName": "RadioGroupSetter",
          "props": {
            "dataSource": [
              {
                "label": "horizontal",
                "value": "horizontal"
              },
              {
                "label": "vertical",
                "value": "vertical"
              }
            ],
            "options": [
              {
                "label": "horizontal",
                "value": "horizontal"
              },
              {
                "label": "vertical",
                "value": "vertical"
              }
            ]
          },
          "initialValue": "horizontal"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "size",
            "zh-CN": "尺寸。( `"
          },
          "tip": "size | 尺寸。( `2.15.0` 开始支持数组形式 )"
        },
        "name": "size",
        "description": "尺寸。( `2.15.0` 开始支持数组形式 )",
        "setter": {
          "componentName": "MixedSetter",
          "props": {
            "setters": [
              {
                "componentName": "NumberSetter",
                "isRequired": false,
                "initialValue": 0
              },
              {
                "componentName": "ArraySetter",
                "props": {
                  "itemSetter": {
                    "componentName": "MixedSetter",
                    "props": {
                      "setters": [
                        {
                          "componentName": "NumberSetter",
                          "isRequired": false,
                          "initialValue": 0
                        },
                        {
                          "componentName": "SelectSetter",
                          "props": {
                            "dataSource": [
                              {
                                "label": "mini",
                                "value": "mini"
                              },
                              {
                                "label": "small",
                                "value": "small"
                              },
                              {
                                "label": "large",
                                "value": "large"
                              },
                              {
                                "label": "medium",
                                "value": "medium"
                              }
                            ],
                            "options": [
                              {
                                "label": "mini",
                                "value": "mini"
                              },
                              {
                                "label": "small",
                                "value": "small"
                              },
                              {
                                "label": "large",
                                "value": "large"
                              },
                              {
                                "label": "medium",
                                "value": "medium"
                              }
                            ]
                          },
                          "initialValue": "mini"
                        }
                      ]
                    }
                  }
                },
                "initialValue": []
              },
              {
                "componentName": "SelectSetter",
                "props": {
                  "dataSource": [
                    {
                      "label": "mini",
                      "value": "mini"
                    },
                    {
                      "label": "small",
                      "value": "small"
                    },
                    {
                      "label": "large",
                      "value": "large"
                    },
                    {
                      "label": "medium",
                      "value": "medium"
                    }
                  ],
                  "options": [
                    {
                      "label": "mini",
                      "value": "mini"
                    },
                    {
                      "label": "small",
                      "value": "small"
                    },
                    {
                      "label": "large",
                      "value": "large"
                    },
                    {
                      "label": "medium",
                      "value": "medium"
                    }
                  ]
                },
                "initialValue": "mini"
              }
            ]
          }
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "wrap",
            "zh-CN": "环绕类型的间"
          },
          "tip": "wrap | 环绕类型的间距，用于折行的场景。"
        },
        "name": "wrap",
        "description": "环绕类型的间距，用于折行的场景。",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": false,
          "initialValue": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "split",
            "zh-CN": "设置分隔符"
          },
          "tip": "split | 设置分隔符"
        },
        "name": "split",
        "description": "设置分隔符",
        "setter": {
          "componentName": "SlotSetter",
          "props": {
            "mode": "node"
          },
          "isRequired": false,
          "initialValue": {
            "type": "JSSlot",
            "value": []
          }
        }
      }
    ],
    "supports": {
      "style": true
    },
    "component": {}
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    "title": "YCSpace",
    "screenshot": "",
    "schema": {
      "componentName": "YCSpace",
      "props": {}
    }
  }
];

export default {
  ...YCSpaceMeta,
  snippets
};