# WGroupBaggage

Description:

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`items` | Array | `[]` | No | 輸入項目的物件陣列，預設[]
`keyTag` | String | `'tag'` | No | 輸入存放標記欄位字串，預設'tag'
`keyText` | String | `'text'` | No | 輸入存放文字欄位字串，預設'text'
`connLineZoneWidth` | Number | `120` | No | 輸入連接線與標記區域寬度數字，單位px，預設120
`connLineWidth` | Number | `1` | No | 輸入連接線寬度數字，單位px，預設1
`connLineColor` | String | `'#ccc'` | No | 輸入連接線顏色字串，預設'#ccc'
`tagDistBetweenTopAndBaseline` | Number | `24` | No | 輸入各項目頂部與標記基線距離數字，單位px，預設24
`tagTextFontSize` | String | `'0.7rem'` | No | 輸入標記區文字字型大小字串，預設'0.7rem'
`tagTextColor` | String | `'#444'` | No | 輸入標記區文字顏色字串，預設'#444'
`tagTextColorHover` | String | `'#222'` | No | 輸入滑鼠移入時標記區文字顏色字串，預設'#222'
`tagBorderRadius` | Number | `4` | No | 輸入標記區框線圓角度數字，單位為px，預設4
`tagBorderWidth` | Number | `1` | No | 輸入標記區框線寬度數字，單位px，預設1
`tagBorderColor` | String | `'#fff'` | No | 輸入標記區框線顏色字串，預設'#fff'
`tagBorderColor` | String | `'#ccc'` | No | 輸入滑鼠移入時標記區框線顏色字串，預設'#ccc'
`tagBackgroundColor` | String | `'#e5e5e5'` | No | 輸入標記區背景顏色字串，預設'#e5e5e5'
`tagBackgroundColorHover` | String | `'#d8d8d8'` | No | 輸入滑鼠移入時標記區背景顏色字串，預設'#d8d8d8'
`tagPaddingStyle` | Object | `{v:1,h:5}` | No | 輸入標記區內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5}
`tagClickable` | Boolean | `false` | No | 輸入標記區是否可點擊布林值，預設false
`contentShiftTopFromBaseline` | Number | `11` | No | 輸入內容區由標記基線平移距離數字，單位px，預設11
`contentTextFontSize` | String | `'0.85rem'` | No | 輸入內容區文字字型大小字串，預設'0.85rem'
`contentTextColor` | String | `'#444'` | No | 輸入內容區文字顏色字串，預設'#444'
`contentTextColorHover` | String | `'#222'` | No | 輸入滑鼠移入時內容區文字顏色字串，預設'#222'
`contentBorderRadius` | Number | `4` | No | 輸入內容區框線圓角度數字，單位為px，預設4
`contentBorderWidth` | Number | `1` | No | 輸入內容區框線寬度數字，單位px，預設1
`contentBorderColor` | String | `'#ddd'` | No | 輸入內容區框線顏色字串，預設'#ddd'
`contentBorderColor` | String | `'#cccccc'` | No | 輸入滑鼠移入時內容區框線顏色字串，預設'#cccccc'
`contentBackgroundColor` | String | `'#fff'` | No | 輸入內容區背景顏色字串，預設'#fff'
`contentBackgroundColorHover` | String | `'#f2f2f2'` | No | 輸入滑鼠移入時內容區背景顏色字串，預設'#f2f2f2'
`contentPaddingStyle` | Object | `{v:1,h:5}` | No | 輸入內容區內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5}
`contentClickable` | Boolean | `false` | No | 輸入內容區是否可點擊布林值，預設false

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`items` | Array | `[]` | No | 輸入項目的物件陣列，預設[]
`keyTag` | String | `'tag'` | No | 輸入存放標記欄位字串，預設'tag'
`keyText` | String | `'text'` | No | 輸入存放文字欄位字串，預設'text'
`connLineZoneWidth` | Number | `120` | No | 輸入連接線與標記區域寬度數字，單位px，預設120
`connLineWidth` | Number | `1` | No | 輸入連接線寬度數字，單位px，預設1
`connLineColor` | String | `'#ccc'` | No | 輸入連接線顏色字串，預設'#ccc'
`tagDistBetweenTopAndBaseline` | Number | `24` | No | 輸入各項目頂部與標記基線距離數字，單位px，預設24
`tagTextFontSize` | String | `'0.7rem'` | No | 輸入標記區文字字型大小字串，預設'0.7rem'
`tagTextColor` | String | `'#444'` | No | 輸入標記區文字顏色字串，預設'#444'
`tagTextColorHover` | String | `'#222'` | No | 輸入滑鼠移入時標記區文字顏色字串，預設'#222'
`tagBorderRadius` | Number | `4` | No | 輸入標記區框線圓角度數字，單位為px，預設4
`tagBorderWidth` | Number | `1` | No | 輸入標記區框線寬度數字，單位px，預設1
`tagBorderColor` | String | `'#fff'` | No | 輸入標記區框線顏色字串，預設'#fff'
`tagBorderColor` | String | `'#ccc'` | No | 輸入滑鼠移入時標記區框線顏色字串，預設'#ccc'
`tagBackgroundColor` | String | `'#e5e5e5'` | No | 輸入標記區背景顏色字串，預設'#e5e5e5'
`tagBackgroundColorHover` | String | `'#d8d8d8'` | No | 輸入滑鼠移入時標記區背景顏色字串，預設'#d8d8d8'
`tagPaddingStyle` | Object | `{v:1,h:5}` | No | 輸入標記區內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5}
`tagClickable` | Boolean | `false` | No | 輸入標記區是否可點擊布林值，預設false
`contentShiftTopFromBaseline` | Number | `11` | No | 輸入內容區由標記基線平移距離數字，單位px，預設11
`contentTextFontSize` | String | `'0.85rem'` | No | 輸入內容區文字字型大小字串，預設'0.85rem'
`contentTextColor` | String | `'#444'` | No | 輸入內容區文字顏色字串，預設'#444'
`contentTextColorHover` | String | `'#222'` | No | 輸入滑鼠移入時內容區文字顏色字串，預設'#222'
`contentBorderRadius` | Number | `4` | No | 輸入內容區框線圓角度數字，單位為px，預設4
`contentBorderWidth` | Number | `1` | No | 輸入內容區框線寬度數字，單位px，預設1
`contentBorderColor` | String | `'#ddd'` | No | 輸入內容區框線顏色字串，預設'#ddd'
`contentBorderColor` | String | `'#cccccc'` | No | 輸入滑鼠移入時內容區框線顏色字串，預設'#cccccc'
`contentBackgroundColor` | String | `'#fff'` | No | 輸入內容區背景顏色字串，預設'#fff'
`contentBackgroundColorHover` | String | `'#f2f2f2'` | No | 輸入滑鼠移入時內容區背景顏色字串，預設'#f2f2f2'
`contentPaddingStyle` | Object | `{v:1,h:5}` | No | 輸入內容區內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5}
`contentClickable` | Boolean | `false` | No | 輸入內容區是否可點擊布林值，預設false