mobiframelogin - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/bundle.js

@@ -1,1 +0,1 @@
-function e(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function n(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);n&&(c=c.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,c)}return r}function r(r){for(var c=1;c<arguments.length;c++){var t=null!=arguments[c]?arguments[c]:{};c%2?n(Object(t),!0).forEach((function(n){e(r,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var c,t,i=(t=!1,function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(c)return console.warn("已存在实例");var n={loginUrl:"http://id.aaa.mob.com"},i=r(r({},n),e);function o(){var e=i.loginUrl,n=document.createElement("div");n.className="iframe_login";var r='\n        <div class="iframe_login-mask">\n          <div class="iframe-wrapper">\n            <iframe id="login-iframe" src="'.concat(e,'" width="100%" height="100%"></iframe>\n            <div class="login-success login-success--hide">\n              <div class="login-success-icon">\n                <svg viewBox="64 64 896 896" data-icon="check-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path></svg>\n              </div>\n              <div class="login-success-title">\n                <p>已重新登陆,请继续操作</p>\n              </div>\n              <div class="login-success-extra">\n                <button class="button fallback">点我返回</button>\n              </div>\n            </div>\n          </div>\n        </div>\n      ');return n.innerHTML=r,document.body.appendChild(n),n}function s(){var e=document.querySelector(".iframe_login .login-success");e.classList.remove("login-success--hide"),e.classList.add("login-success--show")}function a(){var e=document.querySelector("#login-iframe");e.parentNode.removeChild(e)}function l(e){t=e}function u(n){var r=n.origin,c=n.data;r===e.loginUrl&&c&&c.success&&"iframe"===c.current&&(i.callback&&i.callback(n),l(c.success),a(),s())}function d(){window.addEventListener("message",u,!1)}function f(e){if(!t)return console.error("loginSuccuessState状态为：".concat(t));c.parentNode.removeChild(c),c=null}function v(){document.querySelector(".iframe_login .fallback").addEventListener("click",f,!1)}c=o(),d(),v()});export default i;
+function e(e,n,c){return n in e?Object.defineProperty(e,n,{value:c,enumerable:!0,configurable:!0,writable:!0}):e[n]=c,e}function n(e,n){var c=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),c.push.apply(c,r)}return c}function c(c){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?n(Object(t),!0).forEach((function(n){e(c,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(t,e))}))}return c}var r,t,i=(t=!1,function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(r)return console.warn("已存在实例");var n={loginUrl:"http://id.aaa.mob.com",zIndex:1e3},i=c(c({},n),e);function o(){var e=i.loginUrl,n=i.zIndex,c=document.createElement("div");c.className="iframe_login";var r='\n        <div class="iframe_login-mask" style="z-index:'.concat(n,'">\n          <div class="iframe-wrapper">\n            <iframe id="login-iframe" src="').concat(e,'" width="100%" height="100%"></iframe>\n            <div class="login-success login-success--hide">\n              <div class="login-success-icon">\n                <svg viewBox="64 64 896 896" data-icon="check-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path></svg>\n              </div>\n              <div class="login-success-title">\n                <p>已重新登陆,请继续操作</p>\n              </div>\n              <div class="login-success-extra">\n                <button class="button fallback">点我返回</button>\n              </div>\n            </div>\n          </div>\n        </div>\n      ');return c.innerHTML=r,document.body.appendChild(c),c}function s(){var e=document.querySelector(".iframe_login .login-success");e.classList.remove("login-success--hide"),e.classList.add("login-success--show")}function a(){var e=document.querySelector("#login-iframe");e.parentNode.removeChild(e)}function l(e){t=e}function u(n){var c=n.origin,r=n.data;c===e.loginUrl&&r&&r.success&&"iframe"===r.current&&(i.callback&&i.callback(n),l(r.success),a(),s())}function d(){window.addEventListener("message",u,!1)}function f(e){if(!t)return console.error("loginSuccuessState状态为：".concat(t));r.parentNode.removeChild(r),r=null}function v(){document.querySelector(".iframe_login .fallback").addEventListener("click",f,!1)}r=o(),d(),v()});export default i;

package.json

 {
   "name": "mobiframelogin",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/bundle.js",

README.MD

@@ -9,5 +9,6 @@ # mobiframelogin
   import "mobiframelogin/dist/index.css"
-  // 项目中检测登陆过期处 (目前就一个参数loginUrl)
+  // 项目中检测登陆过期处
   import iframeLogin from "mobiframelogin"
-  iframeLogin({ loginUrl: "xxxxxx" })
+  // 默认参数 { loginUrl: ${3a生产登陆页}, zIndex: 1000 }
+  iframeLogin({ loginUrl: "xxxxxx", zIndex: 1000 })
 ```

src/index.js

@@ -12,3 +12,4 @@
     let defaultConfig = {
-      loginUrl: "http://id.aaa.mob.com"
+      loginUrl: "http://id.aaa.mob.com",
+      zIndex: 1000
     } 
@@ -21,10 +22,9 @@
     handleFallbackButtonClick()  
-
     // 创建dom
     function createMaskDom() {
-      const { loginUrl } = assginConfig
+      const { loginUrl, zIndex } = assginConfig
       let dom = document.createElement("div")
       dom.className = "iframe_login"
       let html = `
-        <div class="iframe_login-mask">
+        <div class="iframe_login-mask" style="z-index:${zIndex}">
           <div class="iframe-wrapper">
@@ -31,0 +31,0 @@ <iframe id="login-iframe" src="${loginUrl}" width="100%" height="100%"></iframe>

No alert changes

Improved metrics

Total package byte prevSize

12078

increased by1.16%

Lines of code

298

increased by0.68%

Number of lines in readme file

13

increased by8.33%

No dependency changes