WPopup

Description:

Props

Name Type Default value Required? Description
value Boolean false No 輸入是否顯示布林值,預設false
displayType String 'block' No 輸入display設定字串,可選'block'與'line',預設'block'
cmpZIndex Number 3000 No 輸入彈窗使用z-index數字,預設3000
isolated Boolean false No 輸入彈窗當mode為'popup'時是否為獨立顯引狀態布林值,也就是可不接收外部傳入value值,預設false
minWidth Number null No 輸入彈窗最小寬度數字,單位為px,預設null
maxWidth Number null No 輸入彈窗最大寬度數字,單位為px,預設null
autoFitMinWidth Boolean false No 輸入是否使用驅動區寬度作為彈窗之最小寬度布林值,預設false
autoFitMaxWidth Boolean false No 輸入是否使用驅動區寬度作為彈窗之最大寬度布林值,預設false
placement String 'bottom' No 輸入彈窗出現位置字串,可選'top-start'、'top'、'top-end'、'bottom-start'、'bottom'、'bottom-end'、'left-start'、'left'、'left-end'、'right-start'、'right'、'right-end'、,預設'bottom'
placementDistX Number 0 No 輸入彈窗距離觸發元素之水平向右平移數字,單位為px,預設0
placementDistY Number 5 No 輸入彈窗距離觸發元素之垂直向下平移數字,單位為px,預設5
borderRadius Number 4 No 輸入彈窗框圓角度數字,單位為px,預設4
textFontSize String '0.85rem' No 輸入彈窗文字字型大小字串,預設'0.85rem'
textColor String 'white' No 輸入彈窗文字顏色字串,預設'white'
backgroundColor String 'rgba(60,60,60,0.75)' No 輸入彈窗背景顏色字串,預設'rgba(60,60,60,0.75)'
paddingStyle Object {v:2,h:10} No 輸入彈窗內寬距離設定物件,可用鍵值為v、h、left、right、top、bottom,v代表同時設定top與bottom,h代表設定left與right,若有重複設定時後面鍵值會覆蓋前面,各鍵值為寬度數字,單位為px,預設{v:2,h:10}
shadow Boolean true No 輸入彈窗是否顯示陰影布林值,預設true
shadowStyle String '' No 輸入彈窗陰影顏色字串,預設值詳見props
transitionTime Number 200 No 輸入彈窗淡入出現時間數字,單位為ms,預設200
editable Boolean true No 輸入是否為編輯模式布林值,預設true

Props

Name Type Default value Required? Description
value Boolean false No 輸入是否顯示布林值,預設false
displayType String 'block' No 輸入display設定字串,可選'block'與'line',預設'block'
cmpZIndex Number 3000 No 輸入彈窗使用z-index數字,預設3000
isolated Boolean false No 輸入彈窗當mode為'popup'時是否為獨立顯引狀態布林值,也就是可不接收外部傳入value值,預設false
minWidth Number null No 輸入彈窗最小寬度數字,單位為px,預設null
maxWidth Number null No 輸入彈窗最大寬度數字,單位為px,預設null
autoFitMinWidth Boolean false No 輸入是否使用驅動區寬度作為彈窗之最小寬度布林值,預設false
autoFitMaxWidth Boolean false No 輸入是否使用驅動區寬度作為彈窗之最大寬度布林值,預設false
placement String 'bottom' No 輸入彈窗出現位置字串,可選'top-start'、'top'、'top-end'、'bottom-start'、'bottom'、'bottom-end'、'left-start'、'left'、'left-end'、'right-start'、'right'、'right-end'、,預設'bottom'
placementDistX Number 0 No 輸入彈窗距離觸發元素之水平向右平移數字,單位為px,預設0
placementDistY Number 5 No 輸入彈窗距離觸發元素之垂直向下平移數字,單位為px,預設5
borderRadius Number 4 No 輸入彈窗框圓角度數字,單位為px,預設4
textFontSize String '0.85rem' No 輸入彈窗文字字型大小字串,預設'0.85rem'
textColor String 'white' No 輸入彈窗文字顏色字串,預設'white'
backgroundColor String 'rgba(60,60,60,0.75)' No 輸入彈窗背景顏色字串,預設'rgba(60,60,60,0.75)'
paddingStyle Object {v:2,h:10} No 輸入彈窗內寬距離設定物件,可用鍵值為v、h、left、right、top、bottom,v代表同時設定top與bottom,h代表設定left與right,若有重複設定時後面鍵值會覆蓋前面,各鍵值為寬度數字,單位為px,預設{v:2,h:10}
shadow Boolean true No 輸入彈窗是否顯示陰影布林值,預設true
shadowStyle String '' No 輸入彈窗陰影顏色字串,預設值詳見props
transitionTime Number 200 No 輸入彈窗淡入出現時間數字,單位為ms,預設200
editable Boolean true No 輸入是否為編輯模式布林值,預設true