Skip to content

enhancement(layui): ComboBox 無遠端搜尋、TreeSelect 無 lazy load,大資料量 UI 卡頓 #565

@cct08311github

Description

@cct08311github

問題描述

LayUI TagHelpers 的兩個常用元件在大資料量情境下有嚴重 UX 問題:

1. <wt:combobox> 無遠端搜尋

選項全部在頁面載入時一次渲染。資料量超過 500 筆時,下拉選單渲染卡頓;超過 2000 筆時幾乎不可用。業務部門常見需求:搜尋客戶(10萬+)、搜尋商品、搜尋員工,全都無法使用 ComboBox。

2. <wt:treeselect> 無 lazy load

樹狀結構在頁面載入時全部展開,3層以上、總節點 1000+ 的組織樹載入需數秒並造成 DOM 數量爆炸。

影響範圍

  • 業務部門:訂單系統客戶選擇、產品選擇
  • 作業部門:組織歸屬設定、部門 TreeSelect
  • 效能:大量 DOM 節點,Mobile 裝置幾乎無法使用

建議修正方向

  1. ComboBox remote search:新增 remote-search-url 屬性,輸入 2+ 字元後呼叫 API 取得選項(類似 wt:searcher 邏輯)
  2. TreeSelect lazy load:新增 lazy 屬性,節點展開時才載入子節點(需配套 API convention)
  3. 兩者均應有標準 API response 格式文件

Priority: P2
Labels: enhancement, layui, ux, performance

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Priority 2enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions