amis2/docs/zh-CN/components/status.md
吴多益 7307df73df
docs: 补充 status 的文档 (#2918)
* chore: 更新版本

* docs: 补充 status 的文档
2021-11-11 14:54:49 +08:00

1.9 KiB
Executable File

title description type group menuName icon order
Status 状态 0 ⚙ 组件 Status 65

基本用法

{
    "type": "status",
    "value": 1
}

它最适合的用法是放在 crud 的列中,用来表示状态

默认状态列表

{
  "type": "page",
  "body": [
    {
      "type": "status",
      "value": 0
    },
    {
      "type": "status",
      "value": 1
    },
    {
      "type": "status",
      "value": "success"
    },
    {
      "type": "status",
      "value": "pending"
    },
    {
      "type": "status",
      "value": "fail"
    },
    {
      "type": "status",
      "value": "fail"
    },
    {
      "type": "status",
      "value": "queue"
    },
    {
      "type": "status",
      "value": "schedule"
    }
  ]
}

自定义状态图标和文本

通过 mapmapLabel

{
  "type": "page",
  "body": [
    {
      "type": "status",
      "map": {
        "0": "fa fa-check-circle",
        "1": "fa fa-times-circle"
      },
      "labelMap": {
        "0": "正常",
        "1": "异常"
      },
      "value": 0
    },
    {
      "type": "status",
      "map": {
        "0": "fas fa-check-circle",
        "1": "fas fa-times-circle"
      },
      "labelMap": {
        "0": "正常",
        "1": "异常"
      },
      "value": 1
    }
  ]
}

属性表

属性名 类型 默认值 说明
type string "status" 指定为 Status 渲染器
className string 外层 Dom 的类名
placeholder string - 占位文本
map object 映射图标
labelMap object 映射文本