import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types'; const YCImageMeta: IPublicTypeComponentMetadata = { "componentName": "YCImage", "title": "YCImage", "docUrl": "", "screenshot": "", "devMode": "proCode", "npm": { "package": "yc-material", "version": "0.1.0", "exportName": "YCImage", "main": "src/index.tsx", "destructuring": true, "subName": "" }, "configure": { "props": [ { "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": "src", "zh-CN": "图片获取地址" }, "tip": "src | 图片获取地址" }, "name": "src", "description": "图片获取地址", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "width", "zh-CN": "图片显示宽度" }, "tip": "width | 图片显示宽度" }, "name": "width", "description": "图片显示宽度", "setter": { "componentName": "MixedSetter", "props": { "setters": [ { "componentName": "StringSetter", "isRequired": false, "initialValue": "" }, { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } ] } } }, { "title": { "label": { "type": "i18n", "en-US": "height", "zh-CN": "图片显示高度" }, "tip": "height | 图片显示高度" }, "name": "height", "description": "图片显示高度", "setter": { "componentName": "MixedSetter", "props": { "setters": [ { "componentName": "StringSetter", "isRequired": false, "initialValue": "" }, { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } ] } } }, { "title": { "label": { "type": "i18n", "en-US": "title", "zh-CN": "标题" }, "tip": "title | 标题" }, "name": "title", "description": "标题", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "description", "zh-CN": "描述" }, "tip": "description | 描述" }, "name": "description", "description": "描述", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "actions", "zh-CN": "额外操作" }, "tip": "actions | 额外操作" }, "name": "actions", "description": "额外操作", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "SlotSetter", "props": { "mode": "node" }, "isRequired": false, "initialValue": { "type": "JSSlot", "value": [] } } }, "initialValue": [] } }, { "title": { "label": { "type": "i18n", "en-US": "footerPosition", "zh-CN": "底部显示的位" }, "tip": "footerPosition | 底部显示的位置" }, "name": "footerPosition", "description": "底部显示的位置", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "outer", "value": "outer" }, { "label": "inner", "value": "inner" } ], "options": [ { "label": "outer", "value": "outer" }, { "label": "inner", "value": "inner" } ] }, "initialValue": "outer" } }, { "title": { "label": { "type": "i18n", "en-US": "simple", "zh-CN": "是否开启简洁" }, "tip": "simple | 是否开启简洁模式" }, "name": "simple", "description": "是否开启简洁模式", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "loader", "zh-CN": "加载过渡效果" }, "tip": "loader | 加载过渡效果，为 true 显示默认加载效果" }, "name": "loader", "description": "加载过渡效果，为 true 显示默认加载效果", "setter": { "componentName": "SlotSetter", "props": { "mode": "node" }, "isRequired": false, "initialValue": { "type": "JSSlot", "value": [] } } }, { "title": { "label": { "type": "i18n", "en-US": "loaderClassName", "zh-CN": "loader" }, "tip": "loaderClassName | loader 的样式，将覆盖默认过渡效果" }, "name": "loaderClassName", "description": "loader 的样式，将覆盖默认过渡效果", "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": "error", "zh-CN": "error " }, "tip": "error | error 状态下显示的内容" }, "name": "error", "description": "error 状态下显示的内容", "setter": { "componentName": "SlotSetter", "props": { "mode": "node" }, "isRequired": false, "initialValue": { "type": "JSSlot", "value": [] } } }, { "title": { "label": { "type": "i18n", "en-US": "preview", "zh-CN": "是否开启预览" }, "tip": "preview | 是否开启预览" }, "name": "preview", "description": "是否开启预览", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "previewProps", "zh-CN": "预览的配置项" }, "tip": "previewProps | 预览的配置项 （所有选项都是可选的）[YCImagePreviewProps](#imagepreview)" }, "name": "previewProps", "description": "预览的配置项 （所有选项都是可选的）[YCImagePreviewProps](#imagepreview)", "setter": { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": false, "initialValue": {} } }, { "title": { "label": { "type": "i18n", "en-US": "index", "zh-CN": "使用 `Im" }, "tip": "index | 使用 `YCImage.PreviewGroup`包裹时的预览索引，一般不用指定，当多图预览顺序出现问题时，可手动指定当前 `image` 的预览顺序" }, "name": "index", "description": "使用 `YCImage.PreviewGroup`包裹时的预览索引，一般不用指定，当多图预览顺序出现问题时，可手动指定当前 `image` 的预览顺序", "setter": { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } }, { "title": { "label": { "type": "i18n", "en-US": "lazyload", "zh-CN": "开启懒加载 " }, "tip": "lazyload | 开启懒加载 [Intersection_Observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)" }, "name": "lazyload", "description": "开启懒加载 [Intersection_Observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)", "setter": { "componentName": "MixedSetter", "props": { "setters": [ { "componentName": "BoolSetter", "isRequired": false, "initialValue": false }, { "componentName": "ObjectSetter", "props": { "config": { "items": [ { "title": { "label": { "type": "i18n", "en-US": "root", "zh-CN": "root" } }, "name": "root", "setter": { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": false, "initialValue": {} } }, { "title": { "label": { "type": "i18n", "en-US": "rootMargin", "zh-CN": "rootMargin" } }, "name": "rootMargin", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "threshold", "zh-CN": "threshold" } }, "name": "threshold", "setter": { "componentName": "MixedSetter", "props": { "setters": [ { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 }, { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } }, "initialValue": [] } ] } } } ], "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } } } ] } } }, { "title": { "label": { "type": "i18n", "en-US": "onLoad", "zh-CN": "图片加载完成" }, "tip": "onLoad | 图片加载完成时触发" }, "name": "onLoad", "description": "图片加载完成时触发", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "onError", "zh-CN": "图片加载失败" }, "tip": "onError | 图片加载失败时触发" }, "name": "onError", "description": "图片加载失败时触发", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "referrerPolicy", "zh-CN": "referrerPolicy" } }, "name": "referrerPolicy", "setter": { "componentName": "SelectSetter", "props": { "dataSource": [ { "label": "", "value": "" }, { "label": "no-referrer", "value": "no-referrer" }, { "label": "no-referrer-when-downgrade", "value": "no-referrer-when-downgrade" }, { "label": "origin", "value": "origin" }, { "label": "origin-when-cross-origin", "value": "origin-when-cross-origin" }, { "label": "same-origin", "value": "same-origin" }, { "label": "strict-origin", "value": "strict-origin" }, { "label": "strict-origin-when-cross-origin", "value": "strict-origin-when-cross-origin" }, { "label": "unsafe-url", "value": "unsafe-url" } ], "options": [ { "label": "", "value": "" }, { "label": "no-referrer", "value": "no-referrer" }, { "label": "no-referrer-when-downgrade", "value": "no-referrer-when-downgrade" }, { "label": "origin", "value": "origin" }, { "label": "origin-when-cross-origin", "value": "origin-when-cross-origin" }, { "label": "same-origin", "value": "same-origin" }, { "label": "strict-origin", "value": "strict-origin" }, { "label": "strict-origin-when-cross-origin", "value": "strict-origin-when-cross-origin" }, { "label": "unsafe-url", "value": "unsafe-url" } ] }, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "loading", "zh-CN": "loading" } }, "name": "loading", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "eager", "value": "eager" }, { "label": "lazy", "value": "lazy" } ], "options": [ { "label": "eager", "value": "eager" }, { "label": "lazy", "value": "lazy" } ] }, "initialValue": "eager" } }, { "title": { "label": { "type": "i18n", "en-US": "alt", "zh-CN": "alt" } }, "name": "alt", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "crossOrigin", "zh-CN": "crossOrigin" } }, "name": "crossOrigin", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "", "value": "" }, { "label": "anonymous", "value": "anonymous" }, { "label": "use-credentials", "value": "use-credentials" } ], "options": [ { "label": "", "value": "" }, { "label": "anonymous", "value": "anonymous" }, { "label": "use-credentials", "value": "use-credentials" } ] }, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "decoding", "zh-CN": "decoding" } }, "name": "decoding", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "auto", "value": "auto" }, { "label": "async", "value": "async" }, { "label": "sync", "value": "sync" } ], "options": [ { "label": "auto", "value": "auto" }, { "label": "async", "value": "async" }, { "label": "sync", "value": "sync" } ] }, "initialValue": "auto" } }, { "title": { "label": { "type": "i18n", "en-US": "sizes", "zh-CN": "sizes" } }, "name": "sizes", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "srcSet", "zh-CN": "srcSet" } }, "name": "srcSet", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "useMap", "zh-CN": "useMap" } }, "name": "useMap", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } } ], "supports": { "style": true }, "component": {} } }; const snippets: IPublicTypeSnippet[] = [ { "title": "YCImage", "screenshot": "", "schema": { "componentName": "YCImage", "props": {} } } ]; export default { ...YCImageMeta, snippets };