messageBox 彈框組件源碼分享,主要從以下兩個方面:
1、messageBox 組件頁面結構。
2、messageBox 組件屬性。
一、組件頁面結構。
二、組件屬性。
2.1 title 標題,類型為 string,無默認值。
2.2 message 消息正文內容,類型為?string / VNode,無默認值。
2.3?dangerouslyUseHTMLString,是否將 message 屬性作為 HTML 片段處理,類型為 boolean,默認值 false。
2.4 type?消息類型,用于顯示圖標,類型為 string,可選值?success / info / warning / error,無默認值。
2.5 iconClass?自定義圖標的類名,會覆蓋 type,類型為 string,無默認值。
2.6 customClass 自定義類名,類型為 string,無默認值。
2.7 callback?若不使用 Promise,可以使用此參數指定 MessageBox 關閉后的回調,類型為?unction(action, instance),action 的值為'confirm', 'cancel'或'close', instance 為 MessageBox 實例,可以通過它訪問實例上的屬性和方法,無默認值。
???????
2.8 showClose??是否顯示右上角關閉按鈕,類型為 boolean,默認值 true。
2.9 beforeClose?關閉前的回調,會暫停實例的關閉,類型為?function(action, instance, done),action 的值為'confirm', 'cancel'或'close';instance 為 MessageBox 實例,可以通過它訪問實例上的屬性和方法;done 用于關閉 MessageBox 實例,無默認值。
2.10?distinguishCancelAndClose?是否將取消(點擊取消按鈕)與關閉(點擊關閉按鈕或遮罩層、按下 ESC 鍵)進行區分,類型為 boolean,默認值 false。
2.11 lockScroll?是否在 MessageBox 出現時將 body 滾動鎖定,類型為 boolean,默認值 true。?
2.12 showCancelButton?是否顯示取消按鈕,類型為 boolean,默認值?false(以 confirm 和 prompt 方式調用時為 true)。
2.13?showConfirmButton?是否顯示確定按鈕,類型為 boolean,默認值 true。
2.14?cancelButtonText 取消按鈕的文本內容,類型為 string,默認值取消。
2.15 confirmButtonText 確定按鈕的文本內容,類型為 string,默認值確定。
2.16 cancelButtonClass?取消按鈕的自定義類名,類型為 string,無默認值。
2.17 confirmButtonClass?確定按鈕的自定義類名,類型為 string,無默認值。
2.18 closeOnClickModal 是否可以通過點擊遮罩層關閉 messageBox,類型為 boolean,默認值true(以 alert 方式調用時為 false)。
2.19 closeOnPressEscape?是否可通過按下 ESC 鍵關閉 MessageBox,類型為 boolean,默認值true(以 alert 方式調用時為 false)。
2.20 closeOnHashChange?是否在 hashchange 時關閉 MessageBox,類型為 boolean,默認值 true。
2.21 showInput 是否顯示輸入框,類型為 boolean,默認值 false。
2.22 inputPlaceholder 輸入框的占位符,類型為 string,無默認值。
2.23 inputType?輸入框的類型,類型為 string,默認值 text。
2.24 inputValue?輸入框的初始文本,類型為 string,無默認值。
2.25 inputPattern?輸入框的校驗表達式,類型為?regexp,無默認值。
2.26?inputValidator?輸入框的校驗函數。可以返回布爾值或字符串,若返回一個字符串, 則返回結果會被賦值給 inputErrorMessage,類型為 function,無默認值。
2.27?inputErrorMessage 未校驗通過時的提示文本,類型為 string,默認值輸入數據不合法!
2.28 center?是否居中布局,類型為 boolean,默認值 false。
2.29roundButton?是否使用圓角按鈕,類型為 boolean,默認值 false。