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

const ImageMeta: IPublicTypeComponentMetadata = {
  "componentName": "Image",
  "title": "Image",
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  "npm": {
    "package": "iftide-mobile-visual",
    "version": "0.0.2",
    "exportName": "Image",
    "main": "src/index.tsx",
    "destructuring": true,
    "subName": ""
  },
  "configure": {
    "props": [
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "src",
            "zh-CN": "src"
          }
        },
        "name": "src",
        "setter": {
          "componentName": "StringSetter",
          "isRequired": false,
          "initialValue": "http://localhost:8080/static/media/ad2.afed83e6.png"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "alt",
            "zh-CN": "alt"
          }
        },
        "name": "alt",
        "setter": {
          "componentName": "StringSetter",
          "isRequired": false,
          "initialValue": ""
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "width",
            "zh-CN": "width"
          }
        },
        "name": "width",
        "setter": {
          "componentName": "StringSetter",
          "isRequired": false,
          "initialValue": "200px"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "height",
            "zh-CN": "height"
          }
        },
        "name": "height",
        "setter": {
          "componentName": "StringSetter",
          "isRequired": false,
          "initialValue": "200px"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "fit",
            "zh-CN": "fit"
          }
        },
        "name": "fit",
        "setter": {
          "componentName": "SelectSetter",
          "props": {
            "dataSource": [
              {
                "label": "none",
                "value": "none"
              },
              {
                "label": "fill",
                "value": "fill"
              },
              {
                "label": "contain",
                "value": "contain"
              },
              {
                "label": "cover",
                "value": "cover"
              },
              {
                "label": "scale-down",
                "value": "scale-down"
              }
            ],
            "options": [
              {
                "label": "none",
                "value": "none"
              },
              {
                "label": "fill",
                "value": "fill"
              },
              {
                "label": "contain",
                "value": "contain"
              },
              {
                "label": "cover",
                "value": "cover"
              },
              {
                "label": "scale-down",
                "value": "scale-down"
              }
            ]
          },
          "initialValue": "contain"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "placeholder",
            "zh-CN": "placeholder"
          }
        },
        "name": "placeholder",
        "setter": {
          "componentName": "SlotSetter",
          "props": {
            "mode": "node"
          },
          "isRequired": false,
          "initialValue": {
            "type": "JSSlot",
            "value": []
          }
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "fallback",
            "zh-CN": "fallback"
          }
        },
        "name": "fallback",
        "setter": {
          "componentName": "SlotSetter",
          "props": {
            "mode": "node"
          },
          "isRequired": false,
          "initialValue": {
            "type": "JSSlot",
            "value": []
          }
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "lazy",
            "zh-CN": "lazy"
          }
        },
        "name": "lazy",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": false,
          "initialValue": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "draggable",
            "zh-CN": "draggable"
          }
        },
        "name": "draggable",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": false,
          "initialValue": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "imageview",
            "zh-CN": "imageview"
          }
        },
        "name": "imageview",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": false,
          "initialValue": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "buttonIconSrc",
            "zh-CN": "buttonIconSrc"
          }
        },
        "name": "buttonIconSrc",
        "setter": {
          "componentName": "ArraySetter",
          "props": {
            "itemSetter": {
              "componentName": "MixedSetter",
              "isRequired": false,
              "props": {}
            }
          },
          "initialValue": []
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "buttonText",
            "zh-CN": "buttonText"
          }
        },
        "name": "buttonText",
        "setter": {
          "componentName": "StringSetter",
          "isRequired": false,
          "initialValue": ""
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "buttonTextPosition",
            "zh-CN": "buttonTextPosition"
          }
        },
        "name": "buttonTextPosition",
        "setter": {
          "componentName": "RadioGroupSetter",
          "props": {
            "dataSource": [
              {
                "label": "left",
                "value": "left"
              },
              {
                "label": "right",
                "value": "right"
              }
            ],
            "options": [
              {
                "label": "left",
                "value": "left"
              },
              {
                "label": "right",
                "value": "right"
              }
            ]
          },
          "initialValue": "left"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "errorImg",
            "zh-CN": "errorImg"
          }
        },
        "name": "errorImg",
        "setter": {
          "componentName": "StringSetter",
          "isRequired": false,
          "initialValue": ""
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "buttonTextOnClick",
            "zh-CN": "buttonTextOnClick"
          }
        },
        "name": "buttonTextOnClick",
        "setter": {
          "componentName": "FunctionSetter",
          "isRequired": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "buttonIconOnClick",
            "zh-CN": "buttonIconOnClick"
          }
        },
        "name": "buttonIconOnClick",
        "setter": {
          "componentName": "FunctionSetter"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "onClick",
            "zh-CN": "onClick"
          }
        },
        "name": "onClick",
        "setter": {
          "componentName": "FunctionSetter"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "onError",
            "zh-CN": "onError"
          }
        },
        "name": "onError",
        "setter": {
          "componentName": "FunctionSetter"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "onLoad",
            "zh-CN": "onLoad"
          }
        },
        "name": "onLoad",
        "setter": {
          "componentName": "FunctionSetter"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "onContainerClick",
            "zh-CN": "onContainerClick"
          }
        },
        "name": "onContainerClick",
        "setter": {
          "componentName": "FunctionSetter"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "tabIndex",
            "zh-CN": "tabIndex"
          }
        },
        "name": "tabIndex",
        "setter": {
          "componentName": "NumberSetter",
          "isRequired": false,
          "initialValue": 0
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "crossOrigin",
            "zh-CN": "crossOrigin"
          }
        },
        "name": "crossOrigin",
        "setter": {
          "componentName": "MixedSetter",
          "isRequired": true,
          "props": {}
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "decoding",
            "zh-CN": "decoding"
          }
        },
        "name": "decoding",
        "setter": {
          "componentName": "MixedSetter",
          "isRequired": true,
          "props": {}
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "loading",
            "zh-CN": "loading"
          }
        },
        "name": "loading",
        "setter": {
          "componentName": "MixedSetter",
          "isRequired": true,
          "props": {}
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "referrerPolicy",
            "zh-CN": "referrerPolicy"
          }
        },
        "name": "referrerPolicy",
        "setter": {
          "componentName": "MixedSetter",
          "isRequired": true,
          "props": {}
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "sizes",
            "zh-CN": "sizes"
          }
        },
        "name": "sizes",
        "setter": {
          "componentName": "MixedSetter",
          "isRequired": true,
          "props": {}
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "srcSet",
            "zh-CN": "srcSet"
          }
        },
        "name": "srcSet",
        "setter": {
          "componentName": "MixedSetter",
          "isRequired": true,
          "props": {}
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "useMap",
            "zh-CN": "useMap"
          }
        },
        "name": "useMap",
        "setter": {
          "componentName": "MixedSetter",
          "isRequired": true,
          "props": {}
        }
      }
    ],
    "supports": {
      "className": true,
      "style": true
    },
    "component": {}
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    "title": "Image",
    "screenshot": "",
    "schema": {
      "componentName": "Image",
      "props": {}
    }
  }
];

export default {
  ...ImageMeta,
  snippets
};