menu表示組件的配置項類型為菜單。菜單用來組織配置項的結構,目前支持一級菜單和二級菜單。

菜單樣式

  • 一級菜單一級菜單
  • 二級菜單二級菜單

配置項說明

字段名 含義 類型 是否必選 備注
name 顯示名 string 無。
type 類型 string 無。
default 默認值 object 不填時值為空。
children 菜單內容 object 默認為{}。必須包含modename字段。
  • mode:是否嵌套了二級菜單,"single"表示僅有一級菜單,"multiple"表示有二級菜單。
  • name:菜單名。

值說明

條件 數據類型 示例 默認值
不涉及 object
"options": {
   "menuA": {
     "switch": true
   },
   "menuB": {
     "menuB1": {
       "text": "Hello"
     },
     "menuB2": {
       "stepper": 2
     }
   }
 }
{}

配置示例

menu配置示例
"options": {
    "name": "菜單",
    "type": "menu",
    "children": {
      "menuA": {
        "name": "菜單A",
        "mode": "single",
        "children": {
          "switch": {
            "name": "開關",
            "type": "switch",
            "default": true
          }
        }
      },
      "menuB": {
        "name": "菜單B",
        "mode": "multiple",
        "children": {
          "menuB1": {
            "name": "菜單B1",
            "children": {
              "text": {
                "name": "文本",
                "type": "text",
                "default": "Hello"
              }
            }
          },
          "menuB2": {
            "name": "菜單B2",
            "children": {
              "stepper": {
                "name": "步進器",
                "type": "stepper",
                "default": 1
              }
            }
          }
        }
      }
    }
}