# WTextSuggest

Description:

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`paddingStyle` | Object | `{v:2,h:15}` | No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:15}
`borderRadius` | Number | `30` | No | 輸入框圓角度數字，單位為px，預設30
`shadow` | Boolean | `true` | No | 輸入是否為陰影模式布林值，預設true
`items` | Array | `[]` | No | 輸入可選(建議)項目陣列，預設[]
`value` | Object|String|Number | `null` | No | 輸入目前選擇項目，可為物件、字串、數字，預設null
`keyText` | String | `'text'` | No | 輸入取項目物件內之顯示用文字鍵值字串，預設'text'
`textFontSize` | String | `'0.85rem'` | No | 輸入文字大小字串，預設'0.85rem'
`textColor` | String | `'black'` | No | 輸入文字顏色字串，預設'black'
`itemTextFontSize` | String | `'0.8rem'` | No | 輸入項目顯示文字大小字串，預設'0.8rem'
`itemTextColor` | String | `'#444'` | No | 輸入項目文字顏色字串，預設'#444'
`itemTextColorHover` | String | `'#333'` | No | 輸入項目文字Hover顏色字串，預設'#333'
`itemBackgroundColor` | String | `'white'` | No | 輸入項目背景顏色字串，預設'white'
`itemBackgroundColorHover` | String | `'#f2f2f2'` | No | 輸入項目背景Hover顏色字串，預設'#f2f2f2'
`itemPaddingStyle` | Object | `{v:10,h:14}` | No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:14}
`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
`backgroundColor` | String | `'white'` | No | 輸入背景顏色字串，預設'white'
`backgroundColorHover` | String | `'white'` | No | 輸入滑鼠移入時背景顏色字串，預設'white'
`backgroundColorFocus` | String | `'white'` | No | 輸入取得焦點時背景顏色字串，預設'white'
`borderColor` | String | `'white'` | No | 輸入邊框顏色字串，預設'white'
`borderColorHover` | String | `'white'` | No | 輸入滑鼠移入時邊框顏色字串，預設'white'
`borderColorFocus` | String | `'white'` | No | 輸入取得焦點時邊框顏色字串，預設'white'
`showExpansionIcon` | Boolean | `true` | No | 輸入是否顯示時顯示旋轉按鈕布林值，預設true
`expansionIconSize` | Number | `18` | No | 輸入右側圖標尺寸數字，單位為px，預設18
`expansionIconColor` | String | `'grey'` | No | 輸入右側圖標顏色字串，預設'grey'
`maxHeight` | Number | `200` | No | 輸入顯示區最大高度數字，單位為px，預設200
`minWidth` | Number | `null` | No | 輸入最小寬度，單位為px，預設null
`maxWidth` | Number | `null` | No | 輸入最大寬度，單位為px，預設null
`autoFitMinWidth` | Boolean | `true` | No | 輸入是否使用驅動區寬度作為內容區之最小寬度布林值，預設true
`autoFitMaxWidth` | Boolean | `true` | No | 輸入是否使用驅動區寬度作為內容區之最大寬度布林值，預設true
`placeholder` | String | `''` | No | 輸入無文字時的替代字符字串，預設''
`loadingText` | String | `'Loading...'` | No | 輸入載入中字串，預設'Loading...'
`noResultsText` | String | `'No results'` | No | 輸入無過濾結果字串，預設'No results'
`searchingText` | String | `'Searching...'` | No | 輸入搜索中字串，預設'Searching...'
`defItemHeight` | Number | `43` | No | 輸入按需顯示時各項目預設高度值數字，給越準或給大部分項目的高度則渲染速度越快，單位為px，預設43
`editable` | Boolean | `true` | No | 輸入是否為編輯模式布林值，預設true
`focused` | Boolean | `false` | No | 輸入是否為取得焦點狀態布林值，預設false
`showPanel` | Boolean | `false` | No | 輸入是否顯示清單布林值，預設false

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`paddingStyle` | Object | `{v:2,h:15}` | No | 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:15}
`borderRadius` | Number | `30` | No | 輸入框圓角度數字，單位為px，預設30
`shadow` | Boolean | `true` | No | 輸入是否為陰影模式布林值，預設true
`items` | Array | `[]` | No | 輸入可選(建議)項目陣列，預設[]
`value` | Object|String|Number | `null` | No | 輸入目前選擇項目，可為物件、字串、數字，預設null
`keyText` | String | `'text'` | No | 輸入取項目物件內之顯示用文字鍵值字串，預設'text'
`textFontSize` | String | `'0.85rem'` | No | 輸入文字大小字串，預設'0.85rem'
`textColor` | String | `'black'` | No | 輸入文字顏色字串，預設'black'
`itemTextFontSize` | String | `'0.8rem'` | No | 輸入項目顯示文字大小字串，預設'0.8rem'
`itemTextColor` | String | `'#444'` | No | 輸入項目文字顏色字串，預設'#444'
`itemTextColorHover` | String | `'#333'` | No | 輸入項目文字Hover顏色字串，預設'#333'
`itemBackgroundColor` | String | `'white'` | No | 輸入項目背景顏色字串，預設'white'
`itemBackgroundColorHover` | String | `'#f2f2f2'` | No | 輸入項目背景Hover顏色字串，預設'#f2f2f2'
`itemPaddingStyle` | Object | `{v:10,h:14}` | No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:14}
`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
`backgroundColor` | String | `'white'` | No | 輸入背景顏色字串，預設'white'
`backgroundColorHover` | String | `'white'` | No | 輸入滑鼠移入時背景顏色字串，預設'white'
`backgroundColorFocus` | String | `'white'` | No | 輸入取得焦點時背景顏色字串，預設'white'
`borderColor` | String | `'white'` | No | 輸入邊框顏色字串，預設'white'
`borderColorHover` | String | `'white'` | No | 輸入滑鼠移入時邊框顏色字串，預設'white'
`borderColorFocus` | String | `'white'` | No | 輸入取得焦點時邊框顏色字串，預設'white'
`showExpansionIcon` | Boolean | `true` | No | 輸入是否顯示時顯示旋轉按鈕布林值，預設true
`expansionIconSize` | Number | `18` | No | 輸入右側圖標尺寸數字，單位為px，預設18
`expansionIconColor` | String | `'grey'` | No | 輸入右側圖標顏色字串，預設'grey'
`maxHeight` | Number | `200` | No | 輸入顯示區最大高度數字，單位為px，預設200
`minWidth` | Number | `null` | No | 輸入最小寬度，單位為px，預設null
`maxWidth` | Number | `null` | No | 輸入最大寬度，單位為px，預設null
`autoFitMinWidth` | Boolean | `true` | No | 輸入是否使用驅動區寬度作為內容區之最小寬度布林值，預設true
`autoFitMaxWidth` | Boolean | `true` | No | 輸入是否使用驅動區寬度作為內容區之最大寬度布林值，預設true
`placeholder` | String | `''` | No | 輸入無文字時的替代字符字串，預設''
`loadingText` | String | `'Loading...'` | No | 輸入載入中字串，預設'Loading...'
`noResultsText` | String | `'No results'` | No | 輸入無過濾結果字串，預設'No results'
`searchingText` | String | `'Searching...'` | No | 輸入搜索中字串，預設'Searching...'
`defItemHeight` | Number | `43` | No | 輸入按需顯示時各項目預設高度值數字，給越準或給大部分項目的高度則渲染速度越快，單位為px，預設43
`editable` | Boolean | `true` | No | 輸入是否為編輯模式布林值，預設true
`focused` | Boolean | `false` | No | 輸入是否為取得焦點狀態布林值，預設false
`showPanel` | Boolean | `false` | No | 輸入是否顯示清單布林值，預設false