@impui/imp 1.0.15 → 1.0.16-beta.0

package/dist/login/index.es.js

@@ -0,0 +1,711 @@
+import "../axios/index.es.js";
+import { extend } from "../packages/com/dist/core/index.es/index.es.js";
+import { getLog } from "../packages/com/dist/log/index.es/index.es.js";
+import { isBoolean } from "../packages/com/dist/typetool/index.es/index.es.js";
+import "../packages/com/dist/browser/index.es/index.es.js";
+import "../packages/com/dist/str/index.es/index.es.js";
+import { cache } from "../packages/com/dist/cache/index.es/index.es.js";
+import "../packages/com/dist/req/index.es/index.es.js";
+import { urltool } from "../packages/com/dist/url/index.es/index.es.js";
+import { message } from "../packages/com/dist/message/index.es/index.es.js";
+import { event } from "@impui/com/event";
+import { handleUrl } from "../core/index.es.js";
+import { getConfig, getEvnConfig } from "../config/index.es.js";
+import { iframeReq, get } from "@impui/com/req";
+import axios from "../node_modules/axios/lib/axios/index.es.js";
+import "../node_modules/axios/index/index.es.js";
+const config = await getConfig();
+const log = await getLog();
+class Login {
+  constructor() {
+    this.loginDomain = window.loginDomain = location.hostname === "localhost" && getEvnConfig().isLocalhost ? "https://localhost:44360" : config.domainLogin;
+    this.ver = "v1.0.0";
+    this.loginTime = 6 * 60 * 60;
+    this.prefix = "IMP_PLUG_LOGIN_";
+    this.initUrls();
+    this.initKeys();
+    this.initEventKeys();
+    this.bindEvents();
+    this.iframeBox = null;
+    this.iframe = null;
+    this.iframeBg = null;
+    this.autoLogin = {};
+    this.exitLogin = {};
+    this.threeLoginWin = null;
+    this.checkTemp();
+    window.login = this;
+  }
+  /**
+   * 初始化URL配置
+   */
+  initUrls() {
+    this.urls = {
+      login: handleUrl(this.loginDomain + "/index.html", true),
+      reg: handleUrl(this.loginDomain + "/index.html?type=reg", true),
+      loginPage: handleUrl(this.loginDomain + "/loginPage.html", true),
+      regPage: handleUrl(this.loginDomain + "/regPage.html", true),
+      autoLogin: handleUrl(this.loginDomain + "/" + this.ver + "/user/autoLogin"),
+      checkSSOLogin: handleUrl(this.loginDomain + "/" + this.ver + "/user/checkSSOLogin"),
+      checkLoginPage: handleUrl(this.loginDomain + "/" + this.ver + "/user/checkLoginPage"),
+      CheckLoginByCode: handleUrl(this.loginDomain + "/" + this.ver + "/user/CheckLoginByCode"),
+      exitLogin: this.loginDomain + "/" + this.ver + "/user/exitLogin",
+      userInfo: this.loginDomain + "/" + this.ver + "/user/UserInfo",
+      writeCookies: "/ashx/member/CheckSSOWriteCookie.ashx",
+      webLoginOut: "/ajax/logout.aspx"
+    };
+  }
+  /**
+   * 初始化键名配置
+   */
+  initKeys() {
+    const spliceName = (name) => this.prefix + name;
+    this.keys = {
+      msg_loginReturn: spliceName("loginReturn"),
+      msg_close: spliceName("close"),
+      msg_goto: spliceName("goto"),
+      msg_autoSize: spliceName("autoSize"),
+      msg_getSize: spliceName("getSize"),
+      cache_loginSave: spliceName("loginSave"),
+      cache_userInfo: spliceName("userInfo"),
+      checkLogin_code: "code",
+      loginStatus: "__login_status",
+      loginResult: "__login_result",
+      url_tempSignKey: "sign",
+      url_tempUseridxKey: "useridx"
+    };
+  }
+  /**
+   * 初始化事件键名
+   */
+  initEventKeys() {
+    const spliceName = (name) => this.prefix + name;
+    this.eventKeys = {
+      nologin: spliceName("login"),
+      closeThreeLogin: spliceName("close_login_three")
+    };
+  }
+  /**
+   * 绑定事件监听
+   */
+  bindEvents() {
+    message.on(this.keys.msg_close, () => {
+      log.debug("关闭登录框");
+      this.close();
+    });
+    message.on(this.keys.msg_goto, (data) => {
+      this.handlePageTransition(data);
+    });
+    message.on(this.keys.msg_autoSize, (data) => {
+      this.handleAutoSize(data);
+    });
+    message.on(this.keys.msg_loginReturn, async (res) => {
+      await this.dealwithLoginRes(res);
+    });
+    message.on(this.eventKeys.closeThreeLogin, (res) => {
+      this.save(res);
+      this.closeThreeLoginWin();
+    });
+    event.onM("login", "getLogin", this.getLogin.bind(this));
+    event.onM("login", "noLogin", this.runNoLogin.bind(this));
+  }
+  /**
+   * 处理页面切换动画
+   */
+  handlePageTransition(data) {
+    if (!this.iframe) return;
+    this.iframe.classList.remove("IMP_PLUG_LOGIN_animateIn");
+    this.iframe.classList.add("IMP_PLUG_LOGIN_animateOut");
+    const transitionEnd = () => {
+      this.iframe.src = data.url;
+      this.iframe.classList.remove("IMP_PLUG_LOGIN_animateOut");
+      this.iframe.removeEventListener("transitionend", transitionEnd);
+    };
+    this.iframe.addEventListener("transitionend", transitionEnd);
+  }
+  /**
+   * 处理尺寸自适应
+   */
+  handleAutoSize(data) {
+    if (!this.iframe) return;
+    log.debug("登录框尺寸适配", data);
+    this.iframe.width = data.width;
+    this.iframe.height = data.height;
+    this.iframe.classList.add("IMP_PLUG_LOGIN_animateIn");
+    this.iframeBg.classList.add("IMP_PLUG_LOGIN_animateIn");
+  }
+  /**
+   * 执行登录返回的回调
+   */
+  runAutoLoginCallback(res, nocache) {
+    if (!this.autoLogin.callbacks || this.autoLogin.callbacks.length === 0) return;
+    this.autoLogin.callbacks.forEach((callback) => {
+      if (isBoolean(res)) {
+        callback.ok && callback.ok(res);
+      } else {
+        const processedRes = this.getLogin(res);
+        callback.ok && callback.ok(processedRes && processedRes.code === axios.codeEnum.success);
+      }
+    });
+    this.autoLogin.iframe && this.autoLogin.iframe.remove();
+    this.autoLogin.window && this.autoLogin.window.close();
+    this.autoLogin = {};
+    if (res) {
+      this.close();
+    }
+  }
+  /**
+   * 处理登录返回数据
+   */
+  async dealwithLoginRes(res) {
+    log.debug("登录消息返回", res);
+    res.isok = res.code === axios.codeEnum.success;
+    if (res.code !== 1) {
+      this.clear();
+      this.runAutoLoginCallback(res);
+      return;
+    }
+    if (res.sign && res.sign.length === 8) {
+      this.save(res);
+      return;
+    }
+    urltool.delParsUpUrl([this.keys.url_tempSignKey, this.keys.url_tempUseridxKey]);
+    cache.set(this.keys.cache_loginSave, res, this.loginTime);
+    axios.saveLogin(res.useridx, res.sign);
+    try {
+      if (config.domainmaster.startsWith(location.origin)) {
+        await axios.get(this.urls.writeCookies, null, null, "text");
+      }
+    } finally {
+      this.runAutoLoginCallback(res);
+    }
+  }
+  /**
+   * 保存登录状态
+   */
+  save(res) {
+    const sign = res.__source?.headers?.[res.sign] || res.data?.headers?.[res.sign] || res.sign;
+    const useridx = res.useridx || res.data?.___useridx;
+    message.send(this.keys.msg_loginReturn, {
+      code: res.code,
+      msg: res.msg,
+      sign,
+      useridx
+    });
+  }
+  /**
+   * 清除登录状态
+   */
+  clear() {
+    cache.remove(this.keys.cache_loginSave);
+    cache.remove(this.keys.cache_userInfo);
+    cache.remove(this.keys.cache_userInfo + "_more");
+    cache.remove(this.keys.cache_userInfo + "_simplify");
+  }
+  /**
+   * 注册登录成功事件
+   */
+  onLoginOK(resolve, reject) {
+    if (!this.autoLogin.callbacks) {
+      this.autoLogin.callbacks = [];
+    }
+    this.autoLogin.callbacks.push({ ok: resolve, no: reject });
+  }
+  /**
+   * 创建登录框
+   */
+  create(param) {
+    const def = extend(true, {
+      url: "",
+      name: "",
+      option: null
+    }, param);
+    this.createIframeBox();
+    this.createIframe(def);
+    this.applyStyles(def.option || {});
+    this.appendToDocument();
+  }
+  /**
+   * 创建iframe容器
+   */
+  createIframeBox() {
+    this.iframeBox = document.createElement("div");
+    this.iframeBox.className = "IMP_PLUG_LOGIN_box";
+    const zoom = parseFloat(window.getComputedStyle(document.documentElement).zoom);
+    if (zoom < 1) {
+      this.iframeBox.style.zoom = (1 / zoom).toFixed(2);
+    }
+    this.iframe = document.createElement("iframe");
+    this.iframeBg = document.createElement("div");
+  }
+  /**
+   * 创建iframe元素
+   */
+  createIframe(def) {
+    this.iframe.id = this.iframe.name = def.name;
+    this.iframe.src = def.url;
+    const option = def.option || {};
+    this.iframe.width = option.width || 400;
+    this.iframe.height = option.height || 400;
+    this.iframe.scrolling = option.scrolling || "no";
+    this.iframe.marginWidth = option.marginWidth || "0";
+    this.iframe.marginHeight = option.marginHeight || "0";
+    this.iframe.frameBorder = option.frameBorder || "0";
+  }
+  /**
+   * 应用样式
+   */
+  applyStyles(option) {
+    Object.assign(this.iframe.style, {
+      zIndex: 3e3,
+      position: "fixed",
+      borderRadius: option.radius || "none",
+      opacity: 0
+    });
+    Object.assign(this.iframeBg.style, {
+      position: "fixed",
+      backgroundColor: "#6f6f6f80",
+      width: "100%",
+      height: "100%",
+      top: 0,
+      left: 0,
+      opacity: 0
+    });
+    this.applyPosition(option.offset || "center");
+    this.applyAnimation(option);
+  }
+  /**
+   * 应用定位样式
+   */
+  applyPosition(offset) {
+    const positions = {
+      center: { top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
+      top: { top: "5%", left: "50%", transform: "translateX(-50%)" },
+      bottom: { bottom: "5%", left: "50%", transform: "translateX(-50%)" },
+      lt: { top: "5%", left: "5%" },
+      lb: { bottom: "5%", left: "5%" },
+      rt: { top: "5%", right: "5%" },
+      rb: { bottom: "5%", right: "5%" }
+    };
+    const position = positions[offset] || positions.center;
+    Object.assign(this.iframe.style, position);
+  }
+  /**
+   * 应用动画样式
+   */
+  applyAnimation(option) {
+    const animTime = option.animTime || 300;
+    this.iframe.style.transition = `opacity ${animTime}ms`;
+    this.iframeBg.style.transition = `opacity ${animTime}ms`;
+    this.createAnimationStyles(option.anime || 0);
+  }
+  /**
+   * 创建动画样式
+   */
+  createAnimationStyles(anime) {
+    const styles = {
+      0: ".IMP_PLUG_LOGIN_animateIn{opacity:1 !important;} .IMP_PLUG_LOGIN_animateOut{opacity:0 !important;}"
+    };
+    const styleCss = styles[anime] || styles[0];
+    const style = document.createElement("style");
+    style.id = "IMP_PLUG_LOGIN_animateCss";
+    try {
+      style.appendChild(document.createTextNode(styleCss));
+    } catch (error) {
+      style.styleSheet.cssText = styleCss;
+    }
+    document.head.appendChild(style);
+  }
+  /**
+   * 添加到文档
+   */
+  appendToDocument() {
+    this.iframeBox.append(this.iframe);
+    this.iframeBox.append(this.iframeBg);
+    document.body.append(this.iframeBox);
+  }
+  /**
+   * 判断是否顶层窗口
+   */
+  istop() {
+    return parent === window;
+  }
+  /**
+   * 关闭登录框
+   */
+  close() {
+    if (!this.istop()) return;
+    const removeElements = () => {
+      if (this.iframeBox) {
+        this.iframeBox.remove();
+        this.iframeBox = null;
+      }
+      if (this.autoLogin.iframe) {
+        this.autoLogin.iframe.remove();
+      }
+      const animateCss = document.getElementById("IMP_PLUG_LOGIN_animateCss");
+      if (animateCss) {
+        animateCss.remove();
+      }
+    };
+    if (this.iframeBg) {
+      this.iframeBg.classList.remove("IMP_PLUG_LOGIN_animateIn");
+      this.iframeBg.classList.add("IMP_PLUG_LOGIN_animateOut");
+    }
+    if (this.iframe) {
+      this.iframe.classList.remove("IMP_PLUG_LOGIN_animateIn");
+      this.iframe.classList.add("IMP_PLUG_LOGIN_animateOut");
+      this.iframe.addEventListener("transitionend", removeElements, { once: true });
+    } else {
+      removeElements();
+    }
+  }
+  /**
+   * 尺寸自适应
+   */
+  autoSize(width, height) {
+    message.send(this.keys.msg_autoSize, {
+      width: width || document.body.scrollWidth,
+      height: height || document.body.scrollHeight
+    });
+  }
+  /**
+   * 打开登录弹层
+   */
+  open(isCustomThen = false) {
+    if (this.iframeBox) return Promise.resolve();
+    const pm = new Promise((resolve, reject) => {
+      this.onLoginOK(resolve, reject);
+      if (this.istop()) {
+        this.create({
+          url: this.urls.login,
+          name: "signIn",
+          option: { radius: "4px" }
+        });
+      } else {
+        message.send(this.keys.msg_goto, { url: this.urls.login });
+      }
+    });
+    return isCustomThen ? pm : pm.then(() => location.reload());
+  }
+  /**
+   * 打开登录页面
+   */
+  openPage() {
+    const sourceurl = urltool.getPar("sourceurl") || location.href;
+    const url = urltool.addPar("sourceurl", unescape(sourceurl), this.urls.loginPage);
+    location.href = url;
+  }
+  /**
+   * 打开注册弹层
+   */
+  openReg(isCustomThen = false) {
+    if (this.iframeBox) return Promise.resolve();
+    const pm = new Promise((resolve, reject) => {
+      this.onLoginOK(resolve, reject);
+      if (this.istop()) {
+        this.create({
+          url: this.urls.reg,
+          name: "signIn",
+          option: { radius: "4px" }
+        });
+      } else {
+        message.send(this.keys.msg_goto, { url: this.urls.reg });
+      }
+    });
+    return isCustomThen ? pm : pm.then(() => location.reload());
+  }
+  /**
+   * 打开注册页面
+   */
+  openRegPage() {
+    const sourceurl = urltool.getPar("sourceurl") || location.href;
+    const url = urltool.addPar("sourceurl", unescape(sourceurl), this.urls.regPage);
+    location.href = url;
+  }
+  /**
+   * 三方登录
+   */
+  threeLogin(type, options) {
+    return new Promise((resolve, reject) => {
+      this.closeThreeLoginWin();
+      this.onLoginOK(resolve, reject);
+      const url = handleUrl(`/v1.0.0/user/OpenThreeLogin?type=${type}`, options);
+      this.threeLoginWin = window.open(url);
+    });
+  }
+  /**
+   * 关闭三方登录窗口
+   */
+  closeThreeLoginWin() {
+    if (this.threeLoginWin) {
+      this.threeLoginWin.close();
+      this.threeLoginWin = null;
+    }
+  }
+  /**
+   * 获取微信code
+   */
+  getWechatCode() {
+    const code = urltool.getPar("__login_code");
+    if (!code) {
+      const url = `${this.loginDomain}/v1.0.0/user/OpenThreeLogin?type=wechatcode&redirect_uri=${encodeURIComponent(location.href)}`;
+      location.href = url;
+    }
+    return code;
+  }
+  /**
+   * 获取登录信息
+   */
+  getLogin(user, alldata = false) {
+    const userinfo = user || cache.get(this.keys.cache_loginSave);
+    if (!userinfo) return null;
+    if (!alldata) {
+      delete userinfo.sign;
+    }
+    return userinfo;
+  }
+  /**
+   * 获取用户信息
+   */
+  getUser(okcallback, ismore = false, isForce = false) {
+    if (typeof okcallback !== "function") {
+      isForce = ismore;
+      ismore = okcallback;
+      okcallback = null;
+    }
+    const pm = new Promise((resolve, reject) => {
+      const cacheKey = this.keys.cache_userInfo + "_" + (ismore ? "more" : "simplify");
+      if (!isForce) {
+        const userinfo = cache.get(cacheKey);
+        if (userinfo) {
+          resolve(userinfo);
+          return;
+        }
+      }
+      axios.get(this.urls.userInfo, { more: ismore ? 1 : 0 }).then((res) => {
+        if (res.code === 1) {
+          cache.set(cacheKey, res.data, this.loginTime);
+          resolve(res.data);
+        } else {
+          reject(res);
+        }
+      });
+    });
+    return okcallback ? pm.then(okcallback) : pm;
+  }
+  /**
+   * 判断是否登录
+   */
+  islogin() {
+    return !!this.getLogin();
+  }
+  /**
+   * 验证登录状态
+   */
+  async check() {
+    if (!this.isTempCheck && this.islogin()) {
+      return true;
+    }
+    return this.checkZ();
+  }
+  /**
+   * 强制从登录站验证登录
+   */
+  checkZ() {
+    return new Promise((resolve, reject) => {
+      if (!this.autoLogin.iframe && !this.autoLogin.window) {
+        let url = this.urls.autoLogin;
+        url = urltool.addPars({
+          "sign": urltool.getPar(this.keys.url_tempSignKey),
+          "useridx": urltool.getPar(this.keys.url_tempUseridxKey)
+        }, url);
+        this.autoLogin.iframe = this.getIframeUrl(url, this.keys.msg_loginReturn);
+        this.autoLogin.callbacks = [];
+      }
+      this.autoLogin.callbacks.push({
+        ok: resolve,
+        no: () => {
+          resolve(false);
+        }
+        // , no: () => {
+        //     log.debug("登录出现异常，退出登录！");
+        //     get(this.urls.webLoginOut, null, () => {
+        //         reject.apply(this, arguments);
+        //     }, "text");
+        // }
+      });
+    });
+  }
+  /**
+   * 临时验证登录
+   */
+  async checkTemp() {
+    this.isTempCheck = urltool.getPar(this.keys.url_tempSignKey) && urltool.getPar(this.keys.url_tempUseridxKey);
+    if (this.isTempCheck) {
+      return this.checkZ();
+    }
+  }
+  /**
+   * 页面跳转验证登录
+   */
+  checkPage() {
+    return new Promise((resolve, reject) => {
+      const checkLogin_code = urltool.getPar(this.keys.checkLogin_code);
+      const loginStatus = parseInt(urltool.getPar(this.keys.loginStatus) || -1);
+      log.debug("checkLogin_code：", checkLogin_code);
+      if (loginStatus === 0) {
+        urltool.delParsUpUrl([this.keys.loginStatus]);
+        reject("用户未登录！");
+      } else if (loginStatus && checkLogin_code) {
+        axios.get(this.urls.CheckLoginByCode, { code: checkLogin_code }).then((res) => {
+          if (res.code === 1) {
+            urltool.delParsUpUrl([this.keys.checkLogin_code, this.keys.loginStatus]);
+            this.save(res.data);
+            resolve(res);
+          } else {
+            reject();
+          }
+        });
+      } else {
+        axios.get(this.urls.checkSSOLogin).then((res) => {
+          if (res.code === 1) {
+            this.getUser().then(resolve);
+          } else {
+            let url = urltool.addPars({
+              "redirect_uri": encodeURIComponent(location.href)
+            }, this.urls.checkLoginPage);
+            location.href = url;
+          }
+        });
+      }
+    });
+  }
+  /**
+   * 获取登录回调结果
+   */
+  res(callback) {
+    const resStr = decodeURIComponent(urltool.getPar(this.keys.loginResult) || "");
+    if (resStr) {
+      const res = JSON.parse(resStr);
+      callback?.(res);
+      urltool.delParsUpUrl([this.keys.loginResult]);
+    }
+  }
+  /**
+   * 退出登录
+   */
+  exit(isCustomThen = false) {
+    log.debug("退出登录！");
+    if (!this.exitLogin.Promise) {
+      this.exitLogin.Promise = new Promise((resolve) => {
+        iframeReq.get(this.urls.exitLogin).then((res) => {
+          get(this.urls.webLoginOut, null, () => {
+            resolve(res);
+          }, "text");
+          this.clear();
+          this.exitLogin = {};
+        });
+      });
+      if (!isCustomThen) {
+        this.exitLogin.Promise = this.exitLogin.Promise.then(() => {
+          location.reload();
+        });
+      }
+    }
+    return this.exitLogin.Promise;
+  }
+  /**
+   * 创建隐藏iframe
+   */
+  getIframeUrl(url, postMessageName) {
+    const iframe = document.createElement("iframe");
+    Object.assign(iframe.style, {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      top: "-100px"
+    });
+    iframe.dataset.flag = 9513;
+    if (postMessageName) {
+      url = urltool.addPar("post_msg_name", postMessageName, url);
+    }
+    iframe.src = url;
+    const timeout = 1e4;
+    let timeoutId;
+    let isResolved = false;
+    const cleanup = () => {
+      iframe.removeEventListener("error", onError);
+      clearTimeout(timeoutId);
+    };
+    const onLoad = (event2) => {
+      if (isResolved) return;
+      isResolved = true;
+      cleanup();
+      console.log("登录页面已打开");
+    };
+    const onError = (event2) => {
+      if (isResolved) return;
+      isResolved = true;
+      cleanup();
+      iframe.remove();
+      this.runAutoLoginCallback(false);
+    };
+    iframe.addEventListener("load", onLoad, { once: true });
+    iframe.addEventListener("error", onError, { once: true });
+    timeoutId = setTimeout(() => {
+      onError();
+    }, timeout);
+    document.body.append(iframe);
+    return iframe;
+  }
+  /**
+   * 注册未登录事件
+   */
+  onNoLogin(callback) {
+    if (!event) {
+      console.warn("事件模块event未加载，事件相关功能不可用！");
+      return;
+    }
+    event.on(this.eventKeys.nologin, callback);
+  }
+  /**
+   * 执行未登录事件
+   */
+  runNoLogin(res) {
+    if (!event) {
+      console.warn("事件模块event未加载，事件相关功能不可用！");
+      return Promise.resolve();
+    }
+    return Promise.resolve(event.run(this.eventKeys.nologin, res));
+  }
+  /**
+   * 写登录信息到xhr
+   */
+  writeXhr(xhr) {
+    if (!xhr) {
+      console.warn("xhr不能为空！");
+      return xhr;
+    }
+    const user = this.getLogin(null, true);
+    if (user) {
+      xhr.withCredentials = true;
+      xhr.setRequestHeader("imp_sign", user.sign);
+      xhr.setRequestHeader("imp_useridx", user.useridx);
+    }
+    return xhr;
+  }
+  /**
+   * 调试输出
+   */
+  debug(...args) {
+    if (console && console.debug) {
+      console.debug(...args);
+    }
+  }
+}
+const login = new Login();
+export {
+  Login,
+  login as default,
+  login
+};