TreeSelect 樹選擇

外觀跟 Select 一樣，面板是一棵可展開的樹。v1 只單選。面板掛到 document.body，z-index 4000，每層巢狀再加 10。複選、check-strategy 與搜尋之後再做。

範例

部門

觸發器以 / 串起路徑。左側開關只展開，點節點會寫入並關閉。

design

<gk-tree-select clearable placeholder="請選擇部門">

只顯示節點名稱

<gk-tree-select show-path="false">

尺寸與狀態

<gk-tree-select status="error" placeholder="必填">

沒有資料

<gk-tree-select open>

放進表單

<gk-form-item label="部門">

API

value 是選中節點的 value 或 key。show-path="false" 時觸發器只顯示該節點名稱。separator 預設 /。

expanded-keys 為 null 時由元件自己記展開狀態。selectable 可限制哪些節點能選。停用節點不能選、也不能展開。

change 與 update:value 的 detail 是 { value, option, path }。清除另有 clear。空資料顯示「沒有資料」，可用 empty slot 替換。

鍵盤：方向鍵下、Enter 或空白打開；上下移動；左右展開收合；Enter 寫入；Esc 關閉並把焦點還給觸發器。