WPopupEditText - Documentation

Name

Type

Default value

Required?

Description

value

String|Number

''

輸入數據字串或數字，預設''

title

String

''

輸入上方區數據標題字串，預設''

titleColor

String

'grey darken-3'

輸入上方區數據標題顏色字串，預設'grey darken-3'

titleFontSize

String

'0.8rem'

輸入上方區數據標題字型大小字串，預設'0.8rem'

contentIcon

String

mdiSquareEditOutline

輸入內容區圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCommentEditOutline

contentIconColor

String

'orange'

輸入內容區圖標顏色字串，預設'orange'

contentIconSize

Number

36

輸入內容區圖標大小，單位為px，預設36

inputTextColor

String

'grey darken-3'

輸入輸入文字框之文字顏色字串，預設'grey darken-3'

inputTextBottomLineBorderColor

String

'grey lighten-1'

輸入輸入文字框之底部線顏色字串，預設'grey lighten-1'

inputTextBottomLineBorderColorHover

String

'grey'

輸入輸入文字框之滑鼠移入時底部線顏色字串，預設'grey'

inputTextBottomLineBorderColorFocus

String

'blue darken-1'

輸入輸入文字框之取得焦點時底部線顏色字串，預設'blue darken-1'

saveBtnText

String

'Save'

輸入儲存按鈕文字字串，預設'Save'

saveBtnTextColor

String

'grey darken-3'

輸入儲存按鈕文字顏色字串，預設'grey darken-3'

saveBtnTextColorHover

String

'grey darken-2'

輸入滑鼠移入時儲存按鈕文字顏色字串，預設'grey darken-2'

saveBtnIcon

String

mdiCheckboxMarkedCircle

輸入儲存按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxMarkedCircle

saveBtnIconSize

Number

22

輸入儲存按鈕圖標大小，單位為px，預設22

saveBtnIconColor

String

'grey darken-1'

輸入儲存按鈕圖標顏色字串，預設'grey darken-1'

saveBtnIconColorHover

String

'grey darken-2'

輸入滑鼠移入時儲存按鈕圖標顏色字串，預設'grey darken-2'

saveBtnIconRippleColor

String

'rgba(200,200,200,0.4)'

輸入儲存按鈕ripple效果顏色字串，預設'rgba(200,200,200,0.4)'

saveBtnBackgroundColor

String

'white'

輸入儲存按鈕背景顏色字串，預設'white'

saveBtnBackgroundColorHover

String

'grey lighten-3'

輸入滑鼠移入時儲存按鈕背景顏色字串，預設'grey lighten-3'

headerBackgroundColor

String

'grey lighten-5'

輸入上方區背景顏色字串，預設'grey lighten-5'

contentBackgroundColor

String

'white'

輸入內容區塊背景顏色字串，預設'white'

footerBackgroundColor

String

'grey lighten-5'

輸入下方區背景顏色字串，預設'grey lighten-5'

minWidthForValue

Number

30

輸入數據value展示時最小寬度數字，單位為px，預設30

minWidthForPopup

Number

300

輸入彈窗最小寬度數字，單位為px，預設300

Props

Name	Type	Default value	Required?	Description
`value`	String\|Number	`''`	No	輸入數據字串或數字，預設''
`title`	String	`''`	No	輸入上方區數據標題字串，預設''
`titleColor`	String	`'grey darken-3'`	No	輸入上方區數據標題顏色字串，預設'grey darken-3'
`titleFontSize`	String	`'0.8rem'`	No	輸入上方區數據標題字型大小字串，預設'0.8rem'
`contentIcon`	String	`mdiSquareEditOutline`	No	輸入內容區圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCommentEditOutline
`contentIconColor`	String	`'orange'`	No	輸入內容區圖標顏色字串，預設'orange'
`contentIconSize`	Number	`36`	No	輸入內容區圖標大小，單位為px，預設36
`inputTextColor`	String	`'grey darken-3'`	No	輸入輸入文字框之文字顏色字串，預設'grey darken-3'
`inputTextBottomLineBorderColor`	String	`'grey lighten-1'`	No	輸入輸入文字框之底部線顏色字串，預設'grey lighten-1'
`inputTextBottomLineBorderColorHover`	String	`'grey'`	No	輸入輸入文字框之滑鼠移入時底部線顏色字串，預設'grey'
`inputTextBottomLineBorderColorFocus`	String	`'blue darken-1'`	No	輸入輸入文字框之取得焦點時底部線顏色字串，預設'blue darken-1'
`saveBtnText`	String	`'Save'`	No	輸入儲存按鈕文字字串，預設'Save'
`saveBtnTextColor`	String	`'grey darken-3'`	No	輸入儲存按鈕文字顏色字串，預設'grey darken-3'
`saveBtnTextColorHover`	String	`'grey darken-2'`	No	輸入滑鼠移入時儲存按鈕文字顏色字串，預設'grey darken-2'
`saveBtnIcon`	String	`mdiCheckboxMarkedCircle`	No	輸入儲存按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxMarkedCircle
`saveBtnIconSize`	Number	`22`	No	輸入儲存按鈕圖標大小，單位為px，預設22
`saveBtnIconColor`	String	`'grey darken-1'`	No	輸入儲存按鈕圖標顏色字串，預設'grey darken-1'
`saveBtnIconColorHover`	String	`'grey darken-2'`	No	輸入滑鼠移入時儲存按鈕圖標顏色字串，預設'grey darken-2'
`saveBtnIconRippleColor`	String	`'rgba(200,200,200,0.4)'`	No	輸入儲存按鈕ripple效果顏色字串，預設'rgba(200,200,200,0.4)'
`saveBtnBackgroundColor`	String	`'white'`	No	輸入儲存按鈕背景顏色字串，預設'white'
`saveBtnBackgroundColorHover`	String	`'grey lighten-3'`	No	輸入滑鼠移入時儲存按鈕背景顏色字串，預設'grey lighten-3'
`headerBackgroundColor`	String	`'grey lighten-5'`	No	輸入上方區背景顏色字串，預設'grey lighten-5'
`contentBackgroundColor`	String	`'white'`	No	輸入內容區塊背景顏色字串，預設'white'
`footerBackgroundColor`	String	`'grey lighten-5'`	No	輸入下方區背景顏色字串，預設'grey lighten-5'
`minWidthForValue`	Number	`30`	No	輸入數據value展示時最小寬度數字，單位為px，預設30
`minWidthForPopup`	Number	`300`	No	輸入彈窗最小寬度數字，單位為px，預設300