{
  "schemaVersion": 2,
  "sourceKind": "structured-spec",
  "confidence": "high",
  "slug": "autocomplete",
  "family": "combobox",
  "familyRole": "base",
  "familyParams": {"trigger":"input"},
  "name": "自动完成 AutoComplete",
  "semanticTypeCandidates": [
    "combobox",
    "input"
  ],
  "variantDimensions": [
    {
      "name": "suggestionSource",
      "values": [
        "local",
        "remote"
      ]
    },
    {
      "name": "itemRender",
      "values": [
        "default",
        "custom"
      ]
    },
    {
      "name": "state",
      "values": [
        "default",
        "focus",
        "disabled"
      ]
    }
  ],
  "representativeVariants": [
    {
      "suggestionSource": "local",
      "itemRender": "default",
      "state": "default",
      "label": "本地数据源自动完成"
    },
    {
      "suggestionSource": "remote",
      "itemRender": "default",
      "state": "default",
      "label": "远程搜索自动完成"
    },
    {
      "suggestionSource": "local",
      "itemRender": "custom",
      "state": "default",
      "label": "自定义渲染建议项"
    }
  ],
  "anatomy": {
    "input": "输入框容器，规格同基础输入框（高 32px）",
    "panel": "建议下拉面板，样式同选择器下拉面板",
    "item": "建议项，命中文字以品牌色高亮"
  },
  "structurePatterns": {
    "height": "32px",
    "panel": "白底、阴影中、圆角与选择器一致",
    "debounce": "默认防抖后触发搜索"
  },
  "usageHints": [
    "输入时根据关键字匹配建议",
    "面板样式与选择器下拉保持一致",
    "高亮匹配文字使用品牌色 var(--kole-color-brand)",
    "支持防抖、远程搜索、自定义渲染建议项"
  ],
  "doNotInvent": [
    "建议面板分组标题样式",
    "多选标签模式"
  ],
  "unknowns": [
    "远程搜索的加载态与失败态样式",
    "建议项最大展示条数"
  ]
}