問題描述
LayUI TagHelpers 的兩個常用元件在大資料量情境下有嚴重 UX 問題:
1. <wt:combobox> 無遠端搜尋
選項全部在頁面載入時一次渲染。資料量超過 500 筆時,下拉選單渲染卡頓;超過 2000 筆時幾乎不可用。業務部門常見需求:搜尋客戶(10萬+)、搜尋商品、搜尋員工,全都無法使用 ComboBox。
2. <wt:treeselect> 無 lazy load
樹狀結構在頁面載入時全部展開,3層以上、總節點 1000+ 的組織樹載入需數秒並造成 DOM 數量爆炸。
影響範圍
- 業務部門:訂單系統客戶選擇、產品選擇
- 作業部門:組織歸屬設定、部門 TreeSelect
- 效能:大量 DOM 節點,Mobile 裝置幾乎無法使用
建議修正方向
- ComboBox remote search:新增
remote-search-url 屬性,輸入 2+ 字元後呼叫 API 取得選項(類似 wt:searcher 邏輯)
- TreeSelect lazy load:新增
lazy 屬性,節點展開時才載入子節點(需配套 API convention)
- 兩者均應有標準 API response 格式文件
Priority: P2
Labels: enhancement, layui, ux, performance