- Description:
| 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' |
| 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' |