# WListCheck

Description:

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`multiCheck` | Boolean | `true` | No | 輸入是否為複選模式布林值，預設true
`items` | Array | `[]` | No | 輸入項目的字串陣列或物件陣列，預設[]
`value` | Array|String|Object | `null` | No | 輸入單、複選陣列、字串或物件陣列，預設null
`keyText` | String | `'text'` | No | 輸入項目為物件時，存放顯示文字之欄位字串，預設'text'
`keyIcon` | String | `'icon'` | No | 輸入項目為物件時，存放圖標之欄位字串，預設'icon'
`keyPickForObjItem` | String | `''` | No | 輸入項目為物件時，比對是否核選之欄位字串，若為空字串代表使用項目物件直接作比對，預設''
`paddingStyle` | Object | `{v:6,h:8}` | No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:6,h:8}
`spaceBetweenCheckboxAndContent` | Number | `8` | No | 輸入左側核選圖標與項目內容區之距離數字，單位px，預設8
`itemTextFontSize` | String | `'1.0rem'` | No | 輸入文字字型大小字串，預設'1.0rem'
`itemBackgroundColor` | String | `'white'` | No | 輸入背景顏色字串，預設'white'
`itemBackgroundColorHover` | String | `'rgba(200,200,200,0.2)'` | No | 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)'
`itemBackgroundColorActive` | String | `'rgba(200,200,200,0.4)'` | No | 輸入主動模式時背景顏色字串，預設'rgba(200,200,200,0.4)'
`itemBackgroundColorDisabled` | String | `'white'` | No | 輸入非啟用模式時背景顏色字串，預設'white'
`itemTextColor` | String | `'#444'` | No | 輸入文字顏色字串，預設'#444'
`itemTextColorHover` | String | `'#222'` | No | 輸入滑鼠移入時文字顏色字串，預設'#222'
`itemTextColorActive` | String | `'white'` | No | 輸入主動模式時文字顏色字串，預設'white'
`itemTextColorDisabled` | String | `'#444'` | No | 輸入非啟用模式時文字顏色字串，預設'#444'
`itemIconSize` | Number | `18` | No | 輸入左側圖標之尺寸數字，單位px，預設18
`itemIconColor` | String | `'#444'` | No | 輸入圖標顏色字串，預設'#444'
`itemIconColorHover` | String | `'#222'` | No | 輸入滑鼠移入時圖標顏色字串，預設'#222'
`itemIconColorActive` | String | `'white'` | No | 輸入主動模式時圖標顏色字串，預設'white'
`itemIconColorDisabled` | String | `'#444'` | No | 輸入非啟用模式時圖標顏色字串，預設'#444'
`itemRippleColor` | String | `'rgba(255,255,255,0.4)'` | No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)'
`itemDisabledColor` | String | `'transparent'` | No | 輸入非編輯模式時遮罩顏色字串，預設'transparent'
`itemCursorPointer` | Boolean | `true` | No | 輸入是否滑鼠移入顯示pointer樣式布林值，預設true
`itemCheckIconIconSize` | Number | `18` | No | 輸入核選圖標之圖標大小，單位為px，預設18
`itemCheckIconCheckedIcon` | String | `mdiCheckboxMarked` | No | 輸入核選圖標之有效(true|'y')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxMarked
`itemCheckIconCheckedIconColor` | String | `'blue darken-3'` | No | 輸入核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-3'
`itemCheckIconCheckedIconColorHover` | String | `'blue darken-2'` | No | 輸入滑鼠移入時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2'
`itemCheckIconCheckedIconColorActive` | String | `'blue darken-2'` | No | 輸入主動模式時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2'
`itemCheckIconCheckedIconColorDisabled` | String | `'grey'` | No | 輸入非啟用模式時核選圖標有效(true|'y')圖標顏色字串，預設'grey'
`itemCheckIconUncheckedIcon` | String | `mdiCheckboxBlankOutline` | No | 輸入核選圖標之無效(false|'n')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxBlankOutline
`itemCheckIconUncheckedIconColor` | String | `'blue darken-3'` | No | 輸入核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-3'
`itemCheckIconUncheckedIconColorHover` | String | `'blue darken-2'` | No | 輸入滑鼠移入時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2'
`itemCheckIconUncheckedIconColorActive` | String | `'blue darken-2'` | No | 輸入主動模式時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2'
`itemCheckIconUncheckedIconColorDisabled` | String | `'grey'` | No | 輸入非啟用模式時核選圖標無效(false|'n')圖標顏色字串，預設'grey'
`enableQuery` | Boolean | `false` | No | 輸入是否使用過濾關鍵字功能布林值，預設false
`query` | String | `''` | No | 輸入過濾關鍵字字串，預設''
`queryKeysPickForObjItem` | String | `[]` | No | 輸入項目為物件時，於查詢時所須提取出之欄位字串陣列，預設[]
`queryPaddingStyle` | Object | `{v:0,h:0}` | No | 輸入過濾文字框之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}
`queryBorderRadius` | Number | `30` | No | 輸入過濾文字框之框圓角度數字，單位為px，預設30
`queryShadow` | Boolean | `false` | No | 輸入過濾文字框之是否為陰影模式，預設false
`queryTextFontSize` | String | `'1.0rem'` | No | 輸入過濾文字框之文字大小字串，預設'1.0rem'
`queryTextColor` | String | `'black'` | No | 輸入過濾文字框之文字顏色字串，預設'black'
`queryTextAlign` | String | `'left'` | No | 輸入過濾文字框之文字左右對齊字串，預設'left'
`queryIcon` | String | `mdiFilterOutline` | No | 輸入過濾文字框之左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiFilterOutline
`queryIconSize` | Number | `18` | No | 輸入過濾文字框之左側圖標大小，單位為px，預設18
`queryIconColor` | String | `'blue'` | No | 輸入過濾文字框之左側圖標顏色字串，預設'blue'
`queryIconColorHover` | String | `'blue darken-1'` | No | 輸入過濾文字框之滑鼠移入時左側圖標顏色字串，預設'blue darken-1'
`queryIconColorFocus` | String | `'blue darken-1'` | No | 輸入過濾文字框之取得焦點時左側圖標顏色字串，預設'blue darken-1'
`queryIconTooltip` | String | `''` | No | 輸入過濾文字框之左側圖標提示文字字串，預設''
`queryIconShiftOuter` | Number | `0` | No | 輸入過濾文字框之左右側圖標與外框距離數字，單位為px，預設0
`queryIconShiftInner` | Number | `5` | No | 輸入過濾文字框之左右側圖標與內插槽區距離數字，單位為px，預設5
`queryBackgroundColor` | String | `'transparent'` | No | 輸入過濾文字框之背景顏色字串，預設'transparent'
`queryBackgroundColorHover` | String | `'transparent'` | No | 輸入過濾文字框之滑鼠移入時背景顏色字串，預設'transparent'
`queryBackgroundColorFocus` | String | `'transparent'` | No | 輸入過濾文字框之取得焦點時背景顏色字串，預設'transparent'
`queryBorderColor` | String | `'transparent'` | No | 輸入過濾文字框之邊框顏色字串，預設'transparent'
`queryBorderColorHover` | String | `'transparent'` | No | 輸入過濾文字框之滑鼠移入時邊框顏色字串，預設'transparent'
`queryBorderColorFocus` | String | `'transparent'` | No | 輸入過濾文字框之取得焦點時邊框顏色字串，預設'transparent'
`queryBottomLineBorderColor` | String | `'grey lighten-1'` | No | 輸入過濾文字框之底部線顏色字串，預設'grey lighten-1'
`queryBottomLineBorderColorHover` | String | `'grey'` | No | 輸入過濾文字框之滑鼠移入時底部線顏色字串，預設'grey'
`queryBottomLineBorderColorFocus` | String | `'blue darken-1'` | No | 輸入過濾文字框之取得焦點時底部線顏色字串，預設'blue darken-1'
`queryBottomLineBorderWidth` | Number | `1` | No | 輸入過濾文字框之底部線寬度數字，單位為px，預設1
`queryBottomLineBorderWidthHover` | Number | `1` | No | 輸入過濾文字框之滑鼠移入時底部線寬度數字，單位為px，預設1
`queryBottomLineBorderWidthFocus` | Number | `2` | No | 輸入過濾文字框之取得焦點時底部線寬度數字，單位為px，預設2
`queryPlaceholder` | String | `'Keywords'` | No | 輸入過濾文字框之無文字時的替代字符字串，預設'Keywords'
`queryHeight` | Number | `28` | No | 輸入過濾文字框之高度數字，單位為px，預設28
`queryFocused` | Boolean | `false` | No | 輸入過濾文字框之是否為取得焦點狀態，預設false
`queryPanelPaddingStyle` | Object | `{v:10,h:10}` | No | 輸入過濾文字框所在區域之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:10}
`querySepLineColor` | String | `'#ddd'` | No | 輸入過濾文字框與下方核選區之分界線顏色字串，預設'#ddd'
`querySepLineWidth` | Number | `1` | No | 輸入過濾文字框與下方核選區之分界線寬度數字，單位為px，預設1

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`multiCheck` | Boolean | `true` | No | 輸入是否為複選模式布林值，預設true
`items` | Array | `[]` | No | 輸入項目的字串陣列或物件陣列，預設[]
`value` | Array|String|Object | `null` | No | 輸入單、複選陣列、字串或物件陣列，預設null
`keyText` | String | `'text'` | No | 輸入項目為物件時，存放顯示文字之欄位字串，預設'text'
`keyIcon` | String | `'icon'` | No | 輸入項目為物件時，存放圖標之欄位字串，預設'icon'
`keyPickForObjItem` | String | `''` | No | 輸入項目為物件時，比對是否核選之欄位字串，若為空字串代表使用項目物件直接作比對，預設''
`paddingStyle` | Object | `{v:6,h:8}` | No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:6,h:8}
`spaceBetweenCheckboxAndContent` | Number | `8` | No | 輸入左側核選圖標與項目內容區之距離數字，單位px，預設8
`itemTextFontSize` | String | `'1.0rem'` | No | 輸入文字字型大小字串，預設'1.0rem'
`itemBackgroundColor` | String | `'white'` | No | 輸入背景顏色字串，預設'white'
`itemBackgroundColorHover` | String | `'rgba(200,200,200,0.2)'` | No | 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)'
`itemBackgroundColorActive` | String | `'rgba(200,200,200,0.4)'` | No | 輸入主動模式時背景顏色字串，預設'rgba(200,200,200,0.4)'
`itemBackgroundColorDisabled` | String | `'white'` | No | 輸入非啟用模式時背景顏色字串，預設'white'
`itemTextColor` | String | `'#444'` | No | 輸入文字顏色字串，預設'#444'
`itemTextColorHover` | String | `'#222'` | No | 輸入滑鼠移入時文字顏色字串，預設'#222'
`itemTextColorActive` | String | `'white'` | No | 輸入主動模式時文字顏色字串，預設'white'
`itemTextColorDisabled` | String | `'#444'` | No | 輸入非啟用模式時文字顏色字串，預設'#444'
`itemIconSize` | Number | `18` | No | 輸入左側圖標之尺寸數字，單位px，預設18
`itemIconColor` | String | `'#444'` | No | 輸入圖標顏色字串，預設'#444'
`itemIconColorHover` | String | `'#222'` | No | 輸入滑鼠移入時圖標顏色字串，預設'#222'
`itemIconColorActive` | String | `'white'` | No | 輸入主動模式時圖標顏色字串，預設'white'
`itemIconColorDisabled` | String | `'#444'` | No | 輸入非啟用模式時圖標顏色字串，預設'#444'
`itemRippleColor` | String | `'rgba(255,255,255,0.4)'` | No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)'
`itemDisabledColor` | String | `'transparent'` | No | 輸入非編輯模式時遮罩顏色字串，預設'transparent'
`itemCursorPointer` | Boolean | `true` | No | 輸入是否滑鼠移入顯示pointer樣式布林值，預設true
`itemCheckIconIconSize` | Number | `18` | No | 輸入核選圖標之圖標大小，單位為px，預設18
`itemCheckIconCheckedIcon` | String | `mdiCheckboxMarked` | No | 輸入核選圖標之有效(true|'y')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxMarked
`itemCheckIconCheckedIconColor` | String | `'blue darken-3'` | No | 輸入核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-3'
`itemCheckIconCheckedIconColorHover` | String | `'blue darken-2'` | No | 輸入滑鼠移入時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2'
`itemCheckIconCheckedIconColorActive` | String | `'blue darken-2'` | No | 輸入主動模式時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2'
`itemCheckIconCheckedIconColorDisabled` | String | `'grey'` | No | 輸入非啟用模式時核選圖標有效(true|'y')圖標顏色字串，預設'grey'
`itemCheckIconUncheckedIcon` | String | `mdiCheckboxBlankOutline` | No | 輸入核選圖標之無效(false|'n')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxBlankOutline
`itemCheckIconUncheckedIconColor` | String | `'blue darken-3'` | No | 輸入核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-3'
`itemCheckIconUncheckedIconColorHover` | String | `'blue darken-2'` | No | 輸入滑鼠移入時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2'
`itemCheckIconUncheckedIconColorActive` | String | `'blue darken-2'` | No | 輸入主動模式時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2'
`itemCheckIconUncheckedIconColorDisabled` | String | `'grey'` | No | 輸入非啟用模式時核選圖標無效(false|'n')圖標顏色字串，預設'grey'
`enableQuery` | Boolean | `false` | No | 輸入是否使用過濾關鍵字功能布林值，預設false
`query` | String | `''` | No | 輸入過濾關鍵字字串，預設''
`queryKeysPickForObjItem` | String | `[]` | No | 輸入項目為物件時，於查詢時所須提取出之欄位字串陣列，預設[]
`queryPaddingStyle` | Object | `{v:0,h:0}` | No | 輸入過濾文字框之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}
`queryBorderRadius` | Number | `30` | No | 輸入過濾文字框之框圓角度數字，單位為px，預設30
`queryShadow` | Boolean | `false` | No | 輸入過濾文字框之是否為陰影模式，預設false
`queryTextFontSize` | String | `'1.0rem'` | No | 輸入過濾文字框之文字大小字串，預設'1.0rem'
`queryTextColor` | String | `'black'` | No | 輸入過濾文字框之文字顏色字串，預設'black'
`queryTextAlign` | String | `'left'` | No | 輸入過濾文字框之文字左右對齊字串，預設'left'
`queryIcon` | String | `mdiFilterOutline` | No | 輸入過濾文字框之左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiFilterOutline
`queryIconSize` | Number | `18` | No | 輸入過濾文字框之左側圖標大小，單位為px，預設18
`queryIconColor` | String | `'blue'` | No | 輸入過濾文字框之左側圖標顏色字串，預設'blue'
`queryIconColorHover` | String | `'blue darken-1'` | No | 輸入過濾文字框之滑鼠移入時左側圖標顏色字串，預設'blue darken-1'
`queryIconColorFocus` | String | `'blue darken-1'` | No | 輸入過濾文字框之取得焦點時左側圖標顏色字串，預設'blue darken-1'
`queryIconTooltip` | String | `''` | No | 輸入過濾文字框之左側圖標提示文字字串，預設''
`queryIconShiftOuter` | Number | `0` | No | 輸入過濾文字框之左右側圖標與外框距離數字，單位為px，預設0
`queryIconShiftInner` | Number | `5` | No | 輸入過濾文字框之左右側圖標與內插槽區距離數字，單位為px，預設5
`queryBackgroundColor` | String | `'transparent'` | No | 輸入過濾文字框之背景顏色字串，預設'transparent'
`queryBackgroundColorHover` | String | `'transparent'` | No | 輸入過濾文字框之滑鼠移入時背景顏色字串，預設'transparent'
`queryBackgroundColorFocus` | String | `'transparent'` | No | 輸入過濾文字框之取得焦點時背景顏色字串，預設'transparent'
`queryBorderColor` | String | `'transparent'` | No | 輸入過濾文字框之邊框顏色字串，預設'transparent'
`queryBorderColorHover` | String | `'transparent'` | No | 輸入過濾文字框之滑鼠移入時邊框顏色字串，預設'transparent'
`queryBorderColorFocus` | String | `'transparent'` | No | 輸入過濾文字框之取得焦點時邊框顏色字串，預設'transparent'
`queryBottomLineBorderColor` | String | `'grey lighten-1'` | No | 輸入過濾文字框之底部線顏色字串，預設'grey lighten-1'
`queryBottomLineBorderColorHover` | String | `'grey'` | No | 輸入過濾文字框之滑鼠移入時底部線顏色字串，預設'grey'
`queryBottomLineBorderColorFocus` | String | `'blue darken-1'` | No | 輸入過濾文字框之取得焦點時底部線顏色字串，預設'blue darken-1'
`queryBottomLineBorderWidth` | Number | `1` | No | 輸入過濾文字框之底部線寬度數字，單位為px，預設1
`queryBottomLineBorderWidthHover` | Number | `1` | No | 輸入過濾文字框之滑鼠移入時底部線寬度數字，單位為px，預設1
`queryBottomLineBorderWidthFocus` | Number | `2` | No | 輸入過濾文字框之取得焦點時底部線寬度數字，單位為px，預設2
`queryPlaceholder` | String | `'Keywords'` | No | 輸入過濾文字框之無文字時的替代字符字串，預設'Keywords'
`queryHeight` | Number | `28` | No | 輸入過濾文字框之高度數字，單位為px，預設28
`queryFocused` | Boolean | `false` | No | 輸入過濾文字框之是否為取得焦點狀態，預設false
`queryPanelPaddingStyle` | Object | `{v:10,h:10}` | No | 輸入過濾文字框所在區域之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:10}
`querySepLineColor` | String | `'#ddd'` | No | 輸入過濾文字框與下方核選區之分界線顏色字串，預設'#ddd'
`querySepLineWidth` | Number | `1` | No | 輸入過濾文字框與下方核選區之分界線寬度數字，單位為px，預設1