# WDialog

Description:

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`show` | Boolean | `false` | No | 輸入是否顯示布林值，預設false
`isModal` | Boolean | `true` | No | 輸入是否為強制模式布林值，預設true
`dialogZIndex` | Number | `2000` | No | 輸入彈窗使用z-index數字，預設2000
`fullscreen` | Boolean | `false` | No | 輸入是否為全螢幕顯示布林值，若為true則忽略minWidth與maxWidth設定，預設false
`minWidth` | Number | `200` | No | 輸入彈窗最小寬度數值，單位為px，預設200，當裝置寬度小於彈窗最小寬度時則使用裝置寬度
`maxWidth` | Number | `1000` | No | 輸入彈窗最大寬度數值，單位為px，預設1000
`ratioHeightMax` | Number | `0.9` | No | 輸入彈窗最大允許高度比例數值，代表彈窗高度相對於顯示區高度比例之最大值，預設0.9
`autoFullscreenWhenNarrow` | Boolean | `true` | No | 輸入當裝置寬度小於maxWidth時，是否強制改為全螢幕顯示布林值，預設true
`overlayColor` | String | `'rgba(0,0,0,0.3)'` | No | 輸入浮動顯示時抽屜外側陰影層背景顏色字串，預設'rgba(0,0,0,0.3)'
`panelBorderRadius` | Number | `4` | No | 輸入框圓角度數字，單位為px，預設4
`panelShadow` | Boolean | `true` | No | 輸入彈窗標題區是否顯示陰影布林值，預設true
`panelShadowStyle` | String | `''` | No | 輸入彈窗標題區陰影顏色字串，預設值詳見props
`icon` | String | `''` | No | 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''
`title` | String | `''` | No | 輸入彈窗標題字串，預設''
`titleColor` | String | `'white'` | No | 輸入彈窗標題區文字顏色字串，預設'white'
`titleFontSize` | String | `'1.3rem'` | No | 輸入彈窗標題字型大小字串，預設'1.3rem'
`headerHeight` | Number | `56` | No | 輸入標題區高度，單位為px，預設56
`headerIconColor` | String | `'white'` | No | 輸入彈窗標題區圖標顏色字串，預設'white'
`headerBackgroundColor` | String | `'light-blue darken-3'` | No | 輸入彈窗標題區背景顏色字串，預設'light-blue darken-3'
`headerShadow` | Boolean | `true` | No | 輸入彈窗標題區是否顯示陰影布林值，預設true
`headerShadowStyle` | String | `''` | No | 輸入彈窗標題區陰影顏色字串，預設值詳見props
`headerBtns` | Array | `[]` | No | 輸入彈窗標題區自訂按鈕陣列，預設[]，各元素為物件，需有'icon'欄位值為字串、'tooltip'欄位值為字串、'evName'欄位值為字串，其中按鈕被click時會觸發彈窗的clickBtns事件(監聽@click-btns)，並回傳指定headerBtns內物件資訊供識別之用
`hasSaveBtn` | Boolean | `true` | No | 輸入是否顯示儲存按鈕，預設true
`saveBtnTooltip` | String | `'Save'` | No | 輸入儲存按鈕的提示文字字串，預設'Save'
`hasCloseBtn` | Boolean | `true` | No | 輸入是否顯示關閉按鈕，預設true
`closeBtnTooltip` | String | `'Close'` | No | 輸入關閉按鈕的提示文字字串，預設'Close'
`closeWithInterceptor` | Boolean | `false` | No | 輸入是否通過攔截器來決定是否進行關閉，此處之攔截器係用promise來控制，當使用者點擊關閉時可先行確認或提示。當closeWithInterceptor=true時，於click-close事件所接收物件資訊中的pm，使用pm.resolve()則代表確定關閉，反之pm.reject()則取消關閉事件，預設false
`contentTextColor` | String | `'black'` | No | 輸入內容文字顏色字串，預設'black'
`contentBackgroundColor` | String | `'#fff'` | No | 輸入內容背景顏色字串，預設'#fff'

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`show` | Boolean | `false` | No | 輸入是否顯示布林值，預設false
`isModal` | Boolean | `true` | No | 輸入是否為強制模式布林值，預設true
`dialogZIndex` | Number | `2000` | No | 輸入彈窗使用z-index數字，預設2000
`fullscreen` | Boolean | `false` | No | 輸入是否為全螢幕顯示布林值，若為true則忽略minWidth與maxWidth設定，預設false
`minWidth` | Number | `200` | No | 輸入彈窗最小寬度數值，單位為px，預設200，當裝置寬度小於彈窗最小寬度時則使用裝置寬度
`maxWidth` | Number | `1000` | No | 輸入彈窗最大寬度數值，單位為px，預設1000
`ratioHeightMax` | Number | `0.9` | No | 輸入彈窗最大允許高度比例數值，代表彈窗高度相對於顯示區高度比例之最大值，預設0.9
`autoFullscreenWhenNarrow` | Boolean | `true` | No | 輸入當裝置寬度小於maxWidth時，是否強制改為全螢幕顯示布林值，預設true
`overlayColor` | String | `'rgba(0,0,0,0.3)'` | No | 輸入浮動顯示時抽屜外側陰影層背景顏色字串，預設'rgba(0,0,0,0.3)'
`panelBorderRadius` | Number | `4` | No | 輸入框圓角度數字，單位為px，預設4
`panelShadow` | Boolean | `true` | No | 輸入彈窗標題區是否顯示陰影布林值，預設true
`panelShadowStyle` | String | `''` | No | 輸入彈窗標題區陰影顏色字串，預設值詳見props
`icon` | String | `''` | No | 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''
`title` | String | `''` | No | 輸入彈窗標題字串，預設''
`titleColor` | String | `'white'` | No | 輸入彈窗標題區文字顏色字串，預設'white'
`titleFontSize` | String | `'1.3rem'` | No | 輸入彈窗標題字型大小字串，預設'1.3rem'
`headerHeight` | Number | `56` | No | 輸入標題區高度，單位為px，預設56
`headerIconColor` | String | `'white'` | No | 輸入彈窗標題區圖標顏色字串，預設'white'
`headerBackgroundColor` | String | `'light-blue darken-3'` | No | 輸入彈窗標題區背景顏色字串，預設'light-blue darken-3'
`headerShadow` | Boolean | `true` | No | 輸入彈窗標題區是否顯示陰影布林值，預設true
`headerShadowStyle` | String | `''` | No | 輸入彈窗標題區陰影顏色字串，預設值詳見props
`headerBtns` | Array | `[]` | No | 輸入彈窗標題區自訂按鈕陣列，預設[]，各元素為物件，需有'icon'欄位值為字串、'tooltip'欄位值為字串、'evName'欄位值為字串，其中按鈕被click時會觸發彈窗的clickBtns事件(監聽@click-btns)，並回傳指定headerBtns內物件資訊供識別之用
`hasSaveBtn` | Boolean | `true` | No | 輸入是否顯示儲存按鈕，預設true
`saveBtnTooltip` | String | `'Save'` | No | 輸入儲存按鈕的提示文字字串，預設'Save'
`hasCloseBtn` | Boolean | `true` | No | 輸入是否顯示關閉按鈕，預設true
`closeBtnTooltip` | String | `'Close'` | No | 輸入關閉按鈕的提示文字字串，預設'Close'
`closeWithInterceptor` | Boolean | `false` | No | 輸入是否通過攔截器來決定是否進行關閉，此處之攔截器係用promise來控制，當使用者點擊關閉時可先行確認或提示。當closeWithInterceptor=true時，於click-close事件所接收物件資訊中的pm，使用pm.resolve()則代表確定關閉，反之pm.reject()則取消關閉事件，預設false
`contentTextColor` | String | `'black'` | No | 輸入內容文字顏色字串，預設'black'
`contentBackgroundColor` | String | `'#fff'` | No | 輸入內容背景顏色字串，預設'#fff'