- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
data |
Array|Object | {} |
No | 輸入資料陣列或物件，預設{} |
viewHeightMax |
Number | 400 |
No | 輸入顯示區最大高度，單位為px，若給予非數字則自動依照當前顯隱最高內容調整，預設400 |
defaultDisplayLevel |
Number | null |
No | 輸入初始展開層數數字，若輸入1就是預設展開至第1層，第2層(含)以下則都隱藏，若輸入null就是全展開，預設null |
indent |
Number | 1 |
No | 輸入縮排比率數字，若使用1就是1倍的圖標寬度(24px)+2*separation(3px)，預設1 |
iconSize |
Number | 24 |
No | 輸入顯隱icon按鈕高度數字，單位為px，預設24 |
iconToggleColor |
String | 'grey' |
No | 輸入顯隱icon按鈕顏色字串，預設'grey' |
iconToggleBackgroundColor |
String | 'transparent' |
No | 輸入顯隱icon按鈕背景顏色字串，預設'transparent' |
iconToggleBackgroundColorHover |
String | 'rgba(128,128,128,0.15)' |
No | 輸入滑鼠移入時顯隱icon按鈕背景顏色字串，預設'rgba(128,128,128,0.15)' |
filterKeywords |
String | '' |
No | 輸入過濾關鍵字字串，多關鍵字用空白分隔，預設'' |
funFilter |
function | null |
No | 輸入過濾時呼叫處理函數，可使用sync或async函數，傳入為各項目物件資料，若為sync函數回傳布林值，若為async函數等待resolve結果為布林值，代表項目內是否含有關鍵字，預設null |
loadingText |
String | 'Loading...' |
No | 輸入載入中字串，預設'Loading...' |
noResultsText |
String | 'No results' |
No | 輸入無過濾結果字串，預設'No results' |
searchingText |
String | 'Searching...' |
No | 輸入搜索中字串，預設'Searching...' |
defItemHeight |
Number | 24 |
No | 輸入按需顯示時各項目預設最小高度(min-height)值，給越準或給大部分項目的高度則渲染速度越快，單位為px，預設24 |
=null |
Number | - | No | 輸入按需顯示時各項目圖標預設最小高度(min-height)值，通常不給由defItemHeight決定，若有給則取與defItemHeight之較大者，單位為px，預設null |
itemsPreload |
Number | 5 |
No | 輸入上下方預先載入元素數量，預設5 |
keyColor |
String | 'grey darken-2' |
No | 輸入鍵值顏色字串，預設'grey darken-2' |
keyNumbersColor |
String | 'grey lighten-1' |
No | 輸入鍵值內含子節點數量顏色字串，預設'grey lighten-1' |
numColor |
String | 'indigo accent-2' |
No | 輸入值為數值時的顏色字串，預設'indigo accent-2' |
strColor |
String | 'orange accent-2' |
No | 輸入值為字串時的顏色字串，預設'orange accent-2' |
bolColor |
String | '#ab0d90' |
No | 輸入值為布林值時的顏色字串，預設'#ab0d90' |
funColor |
String | 'purple accent-2' |
No | 輸入值為函數時的顏色字串，預設'purple accent-2' |
defaultColor |
String | 'grey darken-4' |
No | 輸入值為其他類型時的顏色字串，預設'grey darken-4' |
rippleColor |
String | 'rgba(200,200,200,0.4)' |
No | 輸入ripple效果顏色字串，預設'rgba(200,200,200,0.4)' |
show |
Boolean | true |
No | 輸入是否為顯示模式，預設true，供組件嵌入popup時, 因先初始化但尚未顯示不需渲染, 可給予show=false避免無限偵測與重算高度問題 |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
data |
Array|Object | {} |
No | 輸入資料陣列或物件，預設{} |
viewHeightMax |
Number | 400 |
No | 輸入顯示區最大高度，單位為px，若給予非數字則自動依照當前顯隱最高內容調整，預設400 |
defaultDisplayLevel |
Number | null |
No | 輸入初始展開層數數字，若輸入1就是預設展開至第1層，第2層(含)以下則都隱藏，若輸入null就是全展開，預設null |
indent |
Number | 1 |
No | 輸入縮排比率數字，若使用1就是1倍的圖標寬度(24px)+2*separation(3px)，預設1 |
iconSize |
Number | 24 |
No | 輸入顯隱icon按鈕高度數字，單位為px，預設24 |
iconToggleColor |
String | 'grey' |
No | 輸入顯隱icon按鈕顏色字串，預設'grey' |
iconToggleBackgroundColor |
String | 'transparent' |
No | 輸入顯隱icon按鈕背景顏色字串，預設'transparent' |
iconToggleBackgroundColorHover |
String | 'rgba(128,128,128,0.15)' |
No | 輸入滑鼠移入時顯隱icon按鈕背景顏色字串，預設'rgba(128,128,128,0.15)' |
filterKeywords |
String | '' |
No | 輸入過濾關鍵字字串，多關鍵字用空白分隔，預設'' |
funFilter |
function | null |
No | 輸入過濾時呼叫處理函數，可使用sync或async函數，傳入為各項目物件資料，若為sync函數回傳布林值，若為async函數等待resolve結果為布林值，代表項目內是否含有關鍵字，預設null |
loadingText |
String | 'Loading...' |
No | 輸入載入中字串，預設'Loading...' |
noResultsText |
String | 'No results' |
No | 輸入無過濾結果字串，預設'No results' |
searchingText |
String | 'Searching...' |
No | 輸入搜索中字串，預設'Searching...' |
defItemHeight |
Number | 24 |
No | 輸入按需顯示時各項目預設最小高度(min-height)值，給越準或給大部分項目的高度則渲染速度越快，單位為px，預設24 |
=null |
Number | - | No | 輸入按需顯示時各項目圖標預設最小高度(min-height)值，通常不給由defItemHeight決定，若有給則取與defItemHeight之較大者，單位為px，預設null |
itemsPreload |
Number | 5 |
No | 輸入上下方預先載入元素數量，預設5 |
keyColor |
String | 'grey darken-2' |
No | 輸入鍵值顏色字串，預設'grey darken-2' |
keyNumbersColor |
String | 'grey lighten-1' |
No | 輸入鍵值內含子節點數量顏色字串，預設'grey lighten-1' |
numColor |
String | 'indigo accent-2' |
No | 輸入值為數值時的顏色字串，預設'indigo accent-2' |
strColor |
String | 'orange accent-2' |
No | 輸入值為字串時的顏色字串，預設'orange accent-2' |
bolColor |
String | '#ab0d90' |
No | 輸入值為布林值時的顏色字串，預設'#ab0d90' |
funColor |
String | 'purple accent-2' |
No | 輸入值為函數時的顏色字串，預設'purple accent-2' |
defaultColor |
String | 'grey darken-4' |
No | 輸入值為其他類型時的顏色字串，預設'grey darken-4' |
rippleColor |
String | 'rgba(200,200,200,0.4)' |
No | 輸入ripple效果顏色字串，預設'rgba(200,200,200,0.4)' |
show |
Boolean | true |
No | 輸入是否為顯示模式，預設true，供組件嵌入popup時, 因先初始化但尚未顯示不需渲染, 可給予show=false避免無限偵測與重算高度問題 |