# WShellEllipse

Description:

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`paddingStyle` | Object | `{v:0,h:15}` | No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:15}
`borderWidth` | Number | `1` | No | 輸入邊框寬度數字，單位為px，預設1
`borderRadius` | Number | `30` | No | 輸入框圓角度數字，單位為px，預設30
`backgroundColor` | String | `'transparent'` | No | 輸入背景顏色字串，預設'transparent'
`backgroundColorHover` | String | `'transparent'` | No | 輸入滑鼠移入時背景顏色字串，預設'transparent'
`backgroundColorFocus` | String | `'transparent'` | No | 輸入取得焦點時背景顏色字串，預設'transparent'
`borderColor` | String | `'transparent'` | No | 輸入邊框顏色字串，預設'transparent'
`borderColorHover` | String | `'transparent'` | No | 輸入滑鼠移入時邊框顏色字串，預設'transparent'
`borderColorFocus` | String | `'transparent'` | No | 輸入取得焦點時邊框顏色字串，預設'transparent'
`shadow` | Boolean | `true` | No | 輸入是否為陰影模式，預設true
`leftIcon` | String | `''` | No | 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''
`leftIconSize` | Number | `24` | No | 輸入左側圖標大小，單位為px，預設24
`leftIconColor` | String | `'deep-orange lighten-2'` | No | 輸入左側圖標顏色字串，預設'deep-orange lighten-2'
`leftIconColorHover` | String | `'deep-orange lighten-1'` | No | 輸入滑鼠移入時左側圖標顏色字串，預設'deep-orange lighten-1'
`leftIconColorFocus` | String | `'deep-orange lighten-1'` | No | 輸入取得焦點時左側圖標顏色字串，預設'deep-orange lighten-1'
`leftIconTooltip` | String | `''` | No | 輸入左側圖標提示文字字串，預設''
`rightIcon` | String | `''` | No | 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''
`rightIconSize` | Number | `24` | No | 輸入右側圖標大小，單位為px，預設24
`rightIconColor` | String | `'deep-orange lighten-2'` | No | 輸入右側圖標顏色字串，預設'deep-orange lighten-2'
`rightIconColorHover` | String | `'deep-orange lighten-1'` | No | 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-1'
`rightIconColorFocus` | String | `'deep-orange lighten-1'` | No | 輸入取得焦點時右側圖標顏色字串，預設'deep-orange lighten-1'
`rightIconTooltip` | String | `''` | No | 輸入右側圖標提示文字字串，預設''
`iconShiftOuter` | Number | `-10` | No | 輸入左右側圖標與外框距離數字，單位為px，預設-10
`iconShiftInner` | Number | `5` | No | 輸入左右側圖標與內插槽區距離數字，單位為px，預設5
`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)'
`verticalAlign` | String | `'center'` | No | 輸入input與文字之垂直對齊字串，可選'top'、'center'、'bottom'，預設'center'
`editable` | Boolean | `true` | No | 輸入是否為編輯模式布林值，預設true
`hovered` | Boolean | `false` | No | 輸入是否為滑鼠移入狀態，預設false
`focused` | Boolean | `false` | No | 輸入是否為取得焦點狀態，預設false

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`paddingStyle` | Object | `{v:0,h:15}` | No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:15}
`borderWidth` | Number | `1` | No | 輸入邊框寬度數字，單位為px，預設1
`borderRadius` | Number | `30` | No | 輸入框圓角度數字，單位為px，預設30
`backgroundColor` | String | `'transparent'` | No | 輸入背景顏色字串，預設'transparent'
`backgroundColorHover` | String | `'transparent'` | No | 輸入滑鼠移入時背景顏色字串，預設'transparent'
`backgroundColorFocus` | String | `'transparent'` | No | 輸入取得焦點時背景顏色字串，預設'transparent'
`borderColor` | String | `'transparent'` | No | 輸入邊框顏色字串，預設'transparent'
`borderColorHover` | String | `'transparent'` | No | 輸入滑鼠移入時邊框顏色字串，預設'transparent'
`borderColorFocus` | String | `'transparent'` | No | 輸入取得焦點時邊框顏色字串，預設'transparent'
`shadow` | Boolean | `true` | No | 輸入是否為陰影模式，預設true
`leftIcon` | String | `''` | No | 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''
`leftIconSize` | Number | `24` | No | 輸入左側圖標大小，單位為px，預設24
`leftIconColor` | String | `'deep-orange lighten-2'` | No | 輸入左側圖標顏色字串，預設'deep-orange lighten-2'
`leftIconColorHover` | String | `'deep-orange lighten-1'` | No | 輸入滑鼠移入時左側圖標顏色字串，預設'deep-orange lighten-1'
`leftIconColorFocus` | String | `'deep-orange lighten-1'` | No | 輸入取得焦點時左側圖標顏色字串，預設'deep-orange lighten-1'
`leftIconTooltip` | String | `''` | No | 輸入左側圖標提示文字字串，預設''
`rightIcon` | String | `''` | No | 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''
`rightIconSize` | Number | `24` | No | 輸入右側圖標大小，單位為px，預設24
`rightIconColor` | String | `'deep-orange lighten-2'` | No | 輸入右側圖標顏色字串，預設'deep-orange lighten-2'
`rightIconColorHover` | String | `'deep-orange lighten-1'` | No | 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-1'
`rightIconColorFocus` | String | `'deep-orange lighten-1'` | No | 輸入取得焦點時右側圖標顏色字串，預設'deep-orange lighten-1'
`rightIconTooltip` | String | `''` | No | 輸入右側圖標提示文字字串，預設''
`iconShiftOuter` | Number | `-10` | No | 輸入左右側圖標與外框距離數字，單位為px，預設-10
`iconShiftInner` | Number | `5` | No | 輸入左右側圖標與內插槽區距離數字，單位為px，預設5
`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)'
`verticalAlign` | String | `'center'` | No | 輸入input與文字之垂直對齊字串，可選'top'、'center'、'bottom'，預設'center'
`editable` | Boolean | `true` | No | 輸入是否為編輯模式布林值，預設true
`hovered` | Boolean | `false` | No | 輸入是否為滑鼠移入狀態，預設false
`focused` | Boolean | `false` | No | 輸入是否為取得焦點狀態，預設false