# WGroupChipCheck

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'
`keyTooltip` | String | `'tooltip'` | No | 輸入可選項目為物件時，存放提示之欄位字串，預設'tooltip'
`iconColor` | String | `'black'` | No | 輸入圖標顏色字串，預設'black'
`iconColorHover` | String | `'grey darken-3'` | No | 輸入滑鼠移入時圖標顏色字串，預設'grey darken-3'
`iconColorActive` | String | `'white'` | No | 輸入主動模式時圖標顏色字串，預設'white'
`iconSize` | Number | `22` | No | 輸入左側圖標之尺寸數字，單位px，預設22
`textColor` | String | `'black'` | No | 輸入文字顏色字串，預設'black'
`textColorHover` | String | `'grey darken-3'` | No | 輸入滑鼠移入時文字顏色字串，預設'grey darken-3'
`textColorActive` | String | `'white'` | No | 輸入主動模式時文字顏色字串，預設'white'
`textFontSize` | String | `'0.85rem'` | No | 輸入文字字型大小字串，預設'0.85rem'
`borderWidth` | Object | `{top:1,bottom:1,left:1,right:1}` | No | 輸入框樣式物件，可用鍵值為left、right、top、bottom，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{top:1,bottom:1,left:1,right:1}
`borderRadius` | Number | `30` | No | 輸入框圓角度數字，單位為px，預設30
`borderRadiusStyle` | Object | `{left:true,right:true}` | No | 輸入框圓角樣式物件，可用鍵值為left、right、top、bottom、top-left、bottom-left、top-right、bottom-right，left代表設定top-left與bottom-left，right代表設定top-right與bottom-right，top代表設定top-left與top-right，bottom代表設定bottom-left與bottom-right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為布林值，預設{left:true,right:true}
`borderColor` | String | `'transparent'` | No | 輸入邊框顏色字串，預設'transparent'
`borderColorHover` | String | `'transparent'` | No | 輸入滑鼠移入時邊框顏色字串，預設'transparent'
`borderColorActive` | String | `'transparent'` | No | 輸入主動模式時邊框顏色字串，預設'transparent'
`backgroundColor` | String | `'transparent'` | No | 輸入背景顏色字串，預設'transparent'
`backgroundColorHover` | String | `'rgba(200,200,200,0.25)'` | No | 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.25)'
`backgroundColorActive` | String | `'orange'` | No | 輸入主動模式時背景顏色字串，預設'orange'
`tooltipBorderRadius` | Number | `4` | No | 輸入提示文字框圓角度數字，單位為px，預設4
`tooltipPaddingStyle` | Object | `{v:5,h:8}` | No | 輸入提示文字內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:5,h:8}
`tooltipTextFontSize` | String | `'0.85rem'` | No | 輸入提示文字字型大小字串，預設'0.85rem'
`tooltipTextColor` | String | `'white'` | No | 輸入提示文字顏色字串，預設'white'
`tooltipBackgroundColor` | String | `'rgba(60,60,60,0.75)'` | No | 輸入背景顏色字串，預設'rgba(60,60,60,0.75)'
`marginStyle` | Object | `{top:10,bottom:10,left:0,right:10}` | No | 輸入外距設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{top:10,bottom:10,left:0,right:10}
`shadow` | Boolean | `false` | No | 輸入是否顯示陰影布林值，預設false
`shadowStyle` | String | `''` | No | 輸入陰影顏色字串，預設值詳見props
`shadowActive` | Boolean | `true` | No | 輸入主動模式時是否顯示陰影布林值，預設true
`shadowActiveStyle` | String | `''` | No | 輸入主動模式時陰影顏色字串，預設值詳見props
`paddingStyle` | Object | `{v:3,h:15}` | No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:3,h:15}
`shiftLeft` | Number | `0` | No | 輸入左側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如圖標與左側邊框距離，單位px，預設0
`shiftRight` | Number | `0` | No | 輸入右側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如關閉圖標與右側邊框距離，單位px，預設0
`group` | Boolean | `false` | No | 輸入是否為群組模式布林值，若group=true時會取消marginStyle、borderWidth、borderRadiusStyle設定，預設false
`groupBorderRadiusStyle` | Object | `{left:true,right:true}` | No | 輸入框圓角樣式物件，當群組模式group=true時才生效，可用鍵值為left、right、top、bottom、top-left、bottom-left、top-right、bottom-right，各鍵值為布林值，預設{left:true,right:true}
`groupShift` | Number | `5` | No | 輸入群組模式時第一按鈕左側以及最末按鈕右側與邊框距離數字，單位px，預設5
`close` | Boolean | `false` | No | 輸入是否具有關閉按鈕模式布林值，預設false
`loading` | Boolean | `false` | No | 輸入是否為載入模式布林值，預設false
`loadingColor` | String | `'black'` | No | 輸入載入圖標顏色字串，預設'black'
`editable` | Boolean | `true` | No | 輸入是否為編輯模式布林值，預設true

### 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'
`keyTooltip` | String | `'tooltip'` | No | 輸入可選項目為物件時，存放提示之欄位字串，預設'tooltip'
`iconColor` | String | `'black'` | No | 輸入圖標顏色字串，預設'black'
`iconColorHover` | String | `'grey darken-3'` | No | 輸入滑鼠移入時圖標顏色字串，預設'grey darken-3'
`iconColorActive` | String | `'white'` | No | 輸入主動模式時圖標顏色字串，預設'white'
`iconSize` | Number | `22` | No | 輸入左側圖標之尺寸數字，單位px，預設22
`textColor` | String | `'black'` | No | 輸入文字顏色字串，預設'black'
`textColorHover` | String | `'grey darken-3'` | No | 輸入滑鼠移入時文字顏色字串，預設'grey darken-3'
`textColorActive` | String | `'white'` | No | 輸入主動模式時文字顏色字串，預設'white'
`textFontSize` | String | `'0.85rem'` | No | 輸入文字字型大小字串，預設'0.85rem'
`borderWidth` | Object | `{top:1,bottom:1,left:1,right:1}` | No | 輸入框樣式物件，可用鍵值為left、right、top、bottom，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{top:1,bottom:1,left:1,right:1}
`borderRadius` | Number | `30` | No | 輸入框圓角度數字，單位為px，預設30
`borderRadiusStyle` | Object | `{left:true,right:true}` | No | 輸入框圓角樣式物件，可用鍵值為left、right、top、bottom、top-left、bottom-left、top-right、bottom-right，left代表設定top-left與bottom-left，right代表設定top-right與bottom-right，top代表設定top-left與top-right，bottom代表設定bottom-left與bottom-right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為布林值，預設{left:true,right:true}
`borderColor` | String | `'transparent'` | No | 輸入邊框顏色字串，預設'transparent'
`borderColorHover` | String | `'transparent'` | No | 輸入滑鼠移入時邊框顏色字串，預設'transparent'
`borderColorActive` | String | `'transparent'` | No | 輸入主動模式時邊框顏色字串，預設'transparent'
`backgroundColor` | String | `'transparent'` | No | 輸入背景顏色字串，預設'transparent'
`backgroundColorHover` | String | `'rgba(200,200,200,0.25)'` | No | 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.25)'
`backgroundColorActive` | String | `'orange'` | No | 輸入主動模式時背景顏色字串，預設'orange'
`tooltipBorderRadius` | Number | `4` | No | 輸入提示文字框圓角度數字，單位為px，預設4
`tooltipPaddingStyle` | Object | `{v:5,h:8}` | No | 輸入提示文字內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:5,h:8}
`tooltipTextFontSize` | String | `'0.85rem'` | No | 輸入提示文字字型大小字串，預設'0.85rem'
`tooltipTextColor` | String | `'white'` | No | 輸入提示文字顏色字串，預設'white'
`tooltipBackgroundColor` | String | `'rgba(60,60,60,0.75)'` | No | 輸入背景顏色字串，預設'rgba(60,60,60,0.75)'
`marginStyle` | Object | `{top:10,bottom:10,left:0,right:10}` | No | 輸入外距設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{top:10,bottom:10,left:0,right:10}
`shadow` | Boolean | `false` | No | 輸入是否顯示陰影布林值，預設false
`shadowStyle` | String | `''` | No | 輸入陰影顏色字串，預設值詳見props
`shadowActive` | Boolean | `true` | No | 輸入主動模式時是否顯示陰影布林值，預設true
`shadowActiveStyle` | String | `''` | No | 輸入主動模式時陰影顏色字串，預設值詳見props
`paddingStyle` | Object | `{v:3,h:15}` | No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:3,h:15}
`shiftLeft` | Number | `0` | No | 輸入左側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如圖標與左側邊框距離，單位px，預設0
`shiftRight` | Number | `0` | No | 輸入右側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如關閉圖標與右側邊框距離，單位px，預設0
`group` | Boolean | `false` | No | 輸入是否為群組模式布林值，若group=true時會取消marginStyle、borderWidth、borderRadiusStyle設定，預設false
`groupBorderRadiusStyle` | Object | `{left:true,right:true}` | No | 輸入框圓角樣式物件，當群組模式group=true時才生效，可用鍵值為left、right、top、bottom、top-left、bottom-left、top-right、bottom-right，各鍵值為布林值，預設{left:true,right:true}
`groupShift` | Number | `5` | No | 輸入群組模式時第一按鈕左側以及最末按鈕右側與邊框距離數字，單位px，預設5
`close` | Boolean | `false` | No | 輸入是否具有關閉按鈕模式布林值，預設false
`loading` | Boolean | `false` | No | 輸入是否為載入模式布林值，預設false
`loadingColor` | String | `'black'` | No | 輸入載入圖標顏色字串，預設'black'
`editable` | Boolean | `true` | No | 輸入是否為編輯模式布林值，預設true