mr-component/lowcode/mr-button/meta.ts

A library for Mr components

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

const MrButtonMeta: IPublicTypeComponentMetadata = {
  "componentName": "MrButton",
  "title": "MrButton",
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  "npm": {
    "package": "mr-component",
    "version": "0.0.4",
    "exportName": "MrButton",
    "main": "src/index.tsx",
    "destructuring": true,
    "subName": ""
  },
  "configure": {
    "props": [
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "type",
            "zh-CN": "原生 Button "
          },
          "tip": "type | 原生 Button 类型，保持向后兼容"
        },
        "name": "type",
        "description": "原生 Button 类型，保持向后兼容",
        "setter": {
          "componentName": "SelectSetter",
          "props": {
            "dataSource": [
              {
                "label": "default",
                "value": "default"
              },
              {
                "label": "primary",
                "value": "primary"
              },
              {
                "label": "success",
                "value": "success"
              },
              {
                "label": "warning",
                "value": "warning"
              },
              {
                "label": "danger",
                "value": "danger"
              }
            ],
            "options": [
              {
                "label": "default",
                "value": "default"
              },
              {
                "label": "primary",
                "value": "primary"
              },
              {
                "label": "success",
                "value": "success"
              },
              {
                "label": "warning",
                "value": "warning"
              },
              {
                "label": "danger",
                "value": "danger"
              }
            ]
          },
          "initialValue": "default"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "variant",
            "zh-CN": "Mr 变体类型"
          },
          "tip": "variant | Mr 变体类型"
        },
        "name": "variant",
        "description": "Mr 变体类型",
        "setter": {
          "componentName": "RadioGroupSetter",
          "props": {
            "dataSource": [
              {
                "label": "payment-primary",
                "value": "payment-primary"
              },
              {
                "label": "payment-secondary",
                "value": "payment-secondary"
              },
              {
                "label": "success-action",
                "value": "success-action"
              }
            ],
            "options": [
              {
                "label": "payment-primary",
                "value": "payment-primary"
              },
              {
                "label": "payment-secondary",
                "value": "payment-secondary"
              },
              {
                "label": "success-action",
                "value": "success-action"
              }
            ]
          },
          "initialValue": "payment-primary"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "text",
            "zh-CN": "按钮文字"
          },
          "tip": "text | 按钮文字"
        },
        "name": "text",
        "description": "按钮文字",
        "setter": {
          "componentName": "StringSetter",
          "isRequired": false,
          "initialValue": ""
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "fontSize",
            "zh-CN": "字体大小类型"
          },
          "tip": "fontSize | 字体大小类型"
        },
        "name": "fontSize",
        "description": "字体大小类型",
        "setter": {
          "componentName": "SelectSetter",
          "props": {
            "dataSource": [
              {
                "label": "h4",
                "value": "h4"
              },
              {
                "label": "h5",
                "value": "h5"
              },
              {
                "label": "h6",
                "value": "h6"
              },
              {
                "label": "h7",
                "value": "h7"
              }
            ],
            "options": [
              {
                "label": "h4",
                "value": "h4"
              },
              {
                "label": "h5",
                "value": "h5"
              },
              {
                "label": "h6",
                "value": "h6"
              },
              {
                "label": "h7",
                "value": "h7"
              }
            ]
          },
          "initialValue": "h4"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "isAmount",
            "zh-CN": "是否为金额相关按钮，"
          },
          "tip": "isAmount | 是否为金额相关按钮，会应用特殊样式"
        },
        "name": "isAmount",
        "description": "是否为金额相关按钮，会应用特殊样式",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": false,
          "initialValue": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "size",
            "zh-CN": "尺寸"
          },
          "tip": "size | 尺寸"
        },
        "name": "size",
        "description": "尺寸",
        "setter": {
          "componentName": "SelectSetter",
          "props": {
            "dataSource": [
              {
                "label": "large",
                "value": "large"
              },
              {
                "label": "normal",
                "value": "normal"
              },
              {
                "label": "small",
                "value": "small"
              },
              {
                "label": "mini",
                "value": "mini"
              }
            ],
            "options": [
              {
                "label": "large",
                "value": "large"
              },
              {
                "label": "normal",
                "value": "normal"
              },
              {
                "label": "small",
                "value": "small"
              },
              {
                "label": "mini",
                "value": "mini"
              }
            ]
          },
          "initialValue": "large"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "color",
            "zh-CN": "颜色"
          },
          "tip": "color | 颜色"
        },
        "name": "color",
        "description": "颜色",
        "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": "round",
            "zh-CN": "圆形按钮"
          },
          "tip": "round | 圆形按钮"
        },
        "name": "round",
        "description": "圆形按钮",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": false,
          "initialValue": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "square",
            "zh-CN": "方形按钮"
          },
          "tip": "square | 方形按钮"
        },
        "name": "square",
        "description": "方形按钮",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": false,
          "initialValue": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "block",
            "zh-CN": "块级元素"
          },
          "tip": "block | 块级元素"
        },
        "name": "block",
        "description": "块级元素",
        "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": "iconPosition",
            "zh-CN": "图标位置"
          },
          "tip": "iconPosition | 图标位置"
        },
        "name": "iconPosition",
        "description": "图标位置",
        "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": "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": {
      "events": [
        {
          "name": "onClick",
          "description": "点击事件"
        }
      ],
      "className": true,
      "style": true
    },
    "component": {}
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    "title": "MrButton",
    "screenshot": "",
    "schema": {
      "componentName": "MrButton",
      "props": {}
    }
  }
];

export default {
  ...MrButtonMeta,
  snippets
};