import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types'; const YCButtonMeta: IPublicTypeComponentMetadata = { "componentName": "YCButton", "title": "YCButton", "docUrl": "", "screenshot": "", "devMode": "proCode", "npm": { "package": "yc-material", "version": "0.1.0", "exportName": "YCButton", "main": "src/index.tsx", "destructuring": true, "subName": "" }, "configure": { "props": [ { title: { "label": { "type": "i18n", "en-US": "children", "zh-CN": "按钮内容" } }, "name": "children", "setter": "StringSetter", "supportVariable": true }, { "title": { "label": { "type": "i18n", "en-US": "htmlType", "zh-CN": "原生类型" }, "tip": "htmlType | 按钮原生的 html type 类型" }, "name": "htmlType", "description": "按钮原生的 html type 类型", "setter": { "componentName": "RadioGroupSetter", "props": { "options": [ { "label": "button", "value": "button" }, { "label": "submit", "value": "submit" }, { "label": "reset", "value": "reset" } ] }, "initialValue": "button" } }, { "title": { "label": { "type": "i18n", "en-US": "type", "zh-CN": "按钮类型" }, "tip": "type | 按钮主要分为六种按钮类型：主要按钮、次级按钮、虚框按钮、文字按钮、线性按钮，`default` 为次级按钮。" }, "name": "type", "description": "按钮主要分为六种按钮类型：主要按钮、次级按钮、虚框按钮、文字按钮、线性按钮，`default` 为次级按钮。", "setter": { "componentName": "SelectSetter", "props": { "options": [ { "label": "primary", "value": "primary" }, { "label": "secondary", "value": "secondary" }, { "label": "default", "value": "default" }, { "label": "dashed", "value": "dashed" }, { "label": "text", "value": "text" }, { "label": "outline", "value": "outline" } ] }, "initialValue": "primary" } }, { "title": { "label": { "type": "i18n", "en-US": "status", "zh-CN": "按钮状态" }, "tip": "status | 按钮状态" }, "name": "status", "description": "按钮状态", "setter": { "componentName": "SelectSetter", "props": { "options": [ { "label": "default", "value": "default" }, { "label": "warning", "value": "warning" }, { "label": "danger", "value": "danger" }, { "label": "success", "value": "success" } ] }, "initialValue": "default" } }, { "title": { "label": { "type": "i18n", "en-US": "size", "zh-CN": "按钮尺寸" }, "tip": "size | 按钮的尺寸" }, "name": "size", "description": "按钮的尺寸", "setter": { "componentName": "SelectSetter", "props": { "options": [ { "label": "default", "value": "default" }, { "label": "mini", "value": "mini" }, { "label": "small", "value": "small" }, { "label": "large", "value": "large" } ] }, "initialValue": "default" } }, { "title": { "label": { "type": "i18n", "en-US": "shape", "zh-CN": "按钮形状" }, "tip": "shape | 按钮形状，`circle` - 圆形， `round` - 全圆角， `square` - 长方形" }, "name": "shape", "description": "按钮形状，`circle` - 圆形， `round` - 全圆角， `square` - 长方形", "setter": { "componentName": "RadioGroupSetter", "props": { "options": [ { "label": "circle", "value": "circle" }, { "label": "round", "value": "round" }, { "label": "square", "value": "square" } ] }, "initialValue": "square" } }, { "title": { "label": { "type": "i18n", "en-US": "href", "zh-CN": "跳转链接" }, "tip": "href | 添加跳转链接，设置此属性，button表现跟a标签一致" }, "name": "href", "description": "添加跳转链接，设置此属性，button表现跟a标签一致", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "disabled", "zh-CN": "是否禁用" }, "tip": "disabled | 是否禁用" }, "name": "disabled", "description": "是否禁用", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "loading", "zh-CN": "加载状态" }, "tip": "loading | 按钮是否是加载状态" }, "name": "loading", "description": "按钮是否是加载状态", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "loadingFixedWidth", "zh-CN": "lockWidth" }, "tip": "loadingFixedWidth | 当 loading 的时候，不改变按钮的宽度。" }, "name": "loadingFixedWidth", "description": "当 loading 的时候，不改变按钮的宽度。", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "icon", "zh-CN": "按钮图标" }, "tip": "icon | 设置按钮的图标" }, "name": "icon", "description": "设置按钮的图标", "setter": { "componentName": "SlotSetter", "props": { "mode": "node" }, "isRequired": false, "initialValue": { "type": "JSSlot", "value": [] } } }, { "title": { "label": { "type": "i18n", "en-US": "iconOnly", "zh-CN": "只有图标" }, "tip": "iconOnly | 只有图标，按钮宽高相等。如果指定 `icon` 且没有 children，`iconOnly` 默认为 true" }, "name": "iconOnly", "description": "只有图标，按钮宽高相等。如果指定 `icon` 且没有 children，`iconOnly` 默认为 true", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "long", "zh-CN": "自适应宽度" }, "tip": "long | 按钮宽度随容器自适应。" }, "name": "long", "description": "按钮宽度随容器自适应。", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "onClick", "zh-CN": "点击按钮的回" }, "tip": "onClick | 点击按钮的回调" }, "name": "onClick", "description": "点击按钮的回调", "setter": { "componentName": "FunctionSetter" } }, { "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": [] } ] } } }, ], "supports": { "style": true, "events": [ "onClick" ], "className" : true, "condition": true, "loop": true }, "component": {} } }; const snippets: IPublicTypeSnippet[] = [ { "title": "按钮", "screenshot": "", "schema": { "componentName": "YCButton", "props": {} } } ]; export default { ...YCButtonMeta, snippets };