# WJsonView

Description:

### Props

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避免無限偵測與重算高度問題

### Props

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避免無限偵測與重算高度問題