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

const AffixMeta: IPublicTypeComponentMetadata = {
  "componentName": "Affix",
  "title": "Affix",
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  "npm": {
    "package": "abb-lowcode-materials",
    "version": "0.3.0",
    "exportName": "Affix",
    "main": "src\\index.tsx",
    "destructuring": true,
    "subName": ""
  },
  "configure": {
    "props": [
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "offsetTop",
            "zh-CN": "距离窗口顶部达到指定"
          },
          "tip": "offsetTop | 距离窗口顶部达到指定偏移量后触发"
        },
        "name": "offsetTop",
        "description": "距离窗口顶部达到指定偏移量后触发",
        "setter": {
          "componentName": "NumberSetter",
          "isRequired": false,
          "initialValue": 0
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "offsetBottom",
            "zh-CN": "距离窗口底部达到指定"
          },
          "tip": "offsetBottom | 距离窗口底部达到指定偏移量后触发"
        },
        "name": "offsetBottom",
        "description": "距离窗口底部达到指定偏移量后触发",
        "setter": {
          "componentName": "NumberSetter",
          "isRequired": false,
          "initialValue": 0
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "onChange",
            "zh-CN": "固定状态改变时触发的"
          },
          "tip": "onChange | 固定状态改变时触发的回调函数"
        },
        "name": "onChange",
        "description": "固定状态改变时触发的回调函数",
        "setter": {
          "componentName": "FunctionSetter"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "target",
            "zh-CN": "设置 Affix 需"
          },
          "tip": "target | 设置 Affix 需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数"
        },
        "name": "target",
        "description": "设置 Affix 需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数",
        "setter": {
          "componentName": "FunctionSetter",
          "isRequired": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "prefixCls",
            "zh-CN": "prefixCls"
          }
        },
        "name": "prefixCls",
        "setter": {
          "componentName": "StringSetter",
          "isRequired": false,
          "initialValue": ""
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "ref",
            "zh-CN": "ref"
          }
        },
        "name": "ref",
        "setter": {
          "componentName": "MixedSetter",
          "props": {
            "setters": [
              {
                "componentName": "FunctionSetter"
              },
              {
                "componentName": "ObjectSetter",
                "props": {
                  "config": {
                    "extraSetter": {
                      "componentName": "MixedSetter",
                      "isRequired": false,
                      "props": {}
                    }
                  }
                },
                "isRequired": false,
                "initialValue": {}
              }
            ]
          }
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "key",
            "zh-CN": "key"
          }
        },
        "name": "key",
        "setter": {
          "componentName": "MixedSetter",
          "props": {
            "setters": [
              {
                "componentName": "StringSetter",
                "isRequired": false,
                "initialValue": ""
              },
              {
                "componentName": "NumberSetter",
                "isRequired": false,
                "initialValue": 0
              }
            ]
          }
        }
      }
    ],
    "supports": {
      "style": true,
      "className": true
    },
    "component": {}
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    "title": "Affix",
    "screenshot": "",
    "schema": {
      "componentName": "Affix",
      "props": {}
    }
  }
];

export default {
  ...AffixMeta,
  snippets
};