状态卡片

概览

• 内置组件/通用/状态卡片：

• 拖入画布后：

• 对齐方式：左对齐
• 圆点位置：左

• 对齐方式：右对齐

• 圆点位置：右

• 后面板

数据

• 数据来源：后面板输入节点传入。
• 样例

[{"name": "普通消息", "value": "info"}, {"name": "成功消息", "value": "success"}, {"name": "告警消息", "value": "warning"}, {"name": "注意危险", "value": "danger"}]

• 数据说明
  • 含有name和value属性的Object；
  • 1个或多个Object组成的数组Array；
  • Array数据转json格式；
  • json格式的数据通过后面板上游节点传入后面板【状态卡片】组件的输入1节点；

参数

• 列数：Int类型数值，>=1。
• 对齐方式：选项，默认‘左对齐’，可选‘左对齐’、‘居中对齐’、‘右对齐’。
• 状态类型：String类型字符串，对应数据中的value值，多个状态由英文逗号,分隔。默认"info,success,warning, danger"。
• 映射色值：String类型字符串，16进制颜色值或rgb颜色值，多个由英文逗号,分隔。默认"#00c1de,#28a745, #ffc107,#dc3545"，和状态类型的字符串从左到右一一对应。如状态类型中的"info"对应的颜色是"#00c1de"。
• 圆点位置：选项，默认‘左’，可选‘左’或‘右’。
• 圆点圆角：Int类型数值，最小0，最大10。默认为10，圆角最大，值越小圆角越小，0时为直角。
• 字体大小：Int类型数值，最小12，最大120，单位px。默认14px。
• 字体颜色：可选颜色值。
• 边框颜色：可选颜色值。
• 背景颜色：可选颜色值。