# WGroupIconRadio

Description:

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`items` | Array | `[]` | No | 輸入全部可選字串或物件陣列，預設[]
`value` | Array|Object | `null` | No | 輸入單、複選陣列或物件陣列，預設null
`keyIcon` | String | `'icon'` | No | 輸入可選項目為物件時，存放圖標之欄位字串，預設'icon'
`keyTooltip` | String | `'tooltip'` | No | 輸入可選項目為物件時，存放提示之欄位字串，預設'tooltip'
`dir` | String | `'horizontal'` | No | 輸入圖標排列方向字串，可選'horizontal'、'vertical'，預設'horizontal'
`iconColor` | String | `'#222'` | No | 輸入圖標顏色字串，預設'#222'
`iconColorHover` | String | `'#444'` | No | 輸入滑鼠移入時圖標顏色字串，預設'#444'
`iconColorFocus` | String | `'#666'` | No | 輸入取得焦點時按鈕圖標顏色字串，預設'#666'
`iconColorActive` | String | `'#333'` | No | 輸入主動模式時圖標顏色字串，預設'#333'
`iconSize` | Number | `22` | No | 輸入左側圖標之尺寸數字，單位px，預設22
`borderWidth` | Number | `0` | No | 輸入框線寬度數字，單位為px，預設0
`borderRadius` | Number | `4` | No | 輸入框圓角度數字，單位為px，預設4
`borderColor` | String | `'transparent'` | No | 輸入邊框顏色字串，預設'transparent'
`borderColorHover` | String | `'transparent'` | No | 輸入滑鼠移入時邊框顏色字串，預設'transparent'
`borderColorFocus` | String | `'transparent'` | No | 輸入取得焦點時按鈕框線顏色字串，預設'transparent'
`borderColorActive` | String | `'transparent'` | No | 輸入主動模式時邊框顏色字串，預設'transparent'
`backgroundColor` | String | `'#f2f2f2'` | No | 輸入背景顏色字串，預設'#f2f2f2'
`backgroundColorHover` | String | `'#eaeaea'` | No | 輸入滑鼠移入時背景顏色字串，預設'#eaeaea'
`backgroundColorFocus` | String | `'#e2e2e2'` | No | 輸入取得焦點時按鈕背景顏色字串，預設'#e2e2e2'
`backgroundColorActive` | String | `'#cecece'` | No | 輸入主動模式時背景顏色字串，預設'#cecece'
`seplineWidth` | Number | `1` | No | 輸入分隔線寬度數字，單位為px，預設1
`seplineColor` | String | `'#ddd'` | No | 輸入分隔線顏色字串，預設'#ddd'
`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)'
`rippleColor` | String | `'rgba(255,255,255,0.5)'` | No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.5)'
`paddingStyle` | Object | `{v:4,h:4}` | No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:4,h:4}
`shadow` | Boolean | `false` | No | 輸入是否顯示陰影布林值，預設false
`shadowStyle` | String | `''` | No | 輸入陰影顏色字串，預設值詳見props
`editable` | Boolean | `true` | No | 輸入是否為編輯模式布林值，預設true

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`items` | Array | `[]` | No | 輸入全部可選字串或物件陣列，預設[]
`value` | Array|Object | `null` | No | 輸入單、複選陣列或物件陣列，預設null
`keyIcon` | String | `'icon'` | No | 輸入可選項目為物件時，存放圖標之欄位字串，預設'icon'
`keyTooltip` | String | `'tooltip'` | No | 輸入可選項目為物件時，存放提示之欄位字串，預設'tooltip'
`dir` | String | `'horizontal'` | No | 輸入圖標排列方向字串，可選'horizontal'、'vertical'，預設'horizontal'
`iconColor` | String | `'#222'` | No | 輸入圖標顏色字串，預設'#222'
`iconColorHover` | String | `'#444'` | No | 輸入滑鼠移入時圖標顏色字串，預設'#444'
`iconColorFocus` | String | `'#666'` | No | 輸入取得焦點時按鈕圖標顏色字串，預設'#666'
`iconColorActive` | String | `'#333'` | No | 輸入主動模式時圖標顏色字串，預設'#333'
`iconSize` | Number | `22` | No | 輸入左側圖標之尺寸數字，單位px，預設22
`borderWidth` | Number | `0` | No | 輸入框線寬度數字，單位為px，預設0
`borderRadius` | Number | `4` | No | 輸入框圓角度數字，單位為px，預設4
`borderColor` | String | `'transparent'` | No | 輸入邊框顏色字串，預設'transparent'
`borderColorHover` | String | `'transparent'` | No | 輸入滑鼠移入時邊框顏色字串，預設'transparent'
`borderColorFocus` | String | `'transparent'` | No | 輸入取得焦點時按鈕框線顏色字串，預設'transparent'
`borderColorActive` | String | `'transparent'` | No | 輸入主動模式時邊框顏色字串，預設'transparent'
`backgroundColor` | String | `'#f2f2f2'` | No | 輸入背景顏色字串，預設'#f2f2f2'
`backgroundColorHover` | String | `'#eaeaea'` | No | 輸入滑鼠移入時背景顏色字串，預設'#eaeaea'
`backgroundColorFocus` | String | `'#e2e2e2'` | No | 輸入取得焦點時按鈕背景顏色字串，預設'#e2e2e2'
`backgroundColorActive` | String | `'#cecece'` | No | 輸入主動模式時背景顏色字串，預設'#cecece'
`seplineWidth` | Number | `1` | No | 輸入分隔線寬度數字，單位為px，預設1
`seplineColor` | String | `'#ddd'` | No | 輸入分隔線顏色字串，預設'#ddd'
`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)'
`rippleColor` | String | `'rgba(255,255,255,0.5)'` | No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.5)'
`paddingStyle` | Object | `{v:4,h:4}` | No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:4,h:4}
`shadow` | Boolean | `false` | No | 輸入是否顯示陰影布林值，預設false
`shadowStyle` | String | `''` | No | 輸入陰影顏色字串，預設值詳見props
`editable` | Boolean | `true` | No | 輸入是否為編輯模式布林值，預設true