@zjlab-fe/util 0.0.2 → 0.0.3

package/.prettierrc.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+  printWidth: 140,
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+  trailingComma: 'all',
+  bracketSpacing: true,
+  jsxBracketSameLine: false,
+  jsxSingleQuote: false,
+  arrowParens: 'always',
+  insertPragma: false,
+  requirePragma: false,
+  useTabs: false,
+  endOfLine: 'auto',
+};

package/README.md

@@ -1,6 +1,5 @@
 ## API
 
-### 下载文件
 
 ```javascript
 /**
@@ -9,30 +8,107 @@
  * @param openWindow {bool} 是否是新开标签页下载
  */
 export declare function downloadFile(url: string, openWindow?: boolean): void;
-```
-
-### 提取文件类型
-
-```javascript
 /**
  * 提取文件类型
  * @param filePath {string} 文件路径 or 文件url
  * @returns ext {string} 文件类型
  */
 export declare function getFileExt(filePath: string): string;
-```
-
-
-### 深度遍历对字符串进行trim操作
-
-```javascript
 /**
  * 深度遍历，对于类型是字符串的value进行trim操作
  * @param obj 原始的数据
  * @returns newObj trim操作后的数据
  */
 export declare function trimObj<T>(obj: T): T;
-```
-
+/**
+ * iframe通信类
+ */
+export declare class IfmChannel {
+    onMessageCallback: Record<string, any>;
+    /**
+     * 向iframe发送消息
+     * @param ifmDom
+     * @param type
+     * @param data
+     * @param callback
+     */
+    postMessageToIfm(ifmDom: HTMLIFrameElement, type: string, data?: any, callback?: (data: any) => void): void;
+    /**
+     * 向父窗口发送消息
+     * @param type {string} 消息类型
+     * @param data {any} 可选，发送的数据
+     * @param callback {function} 可选，如果传入，表示等待消息回应，等同于onMessage(type, callback, true)
+     */
+    postMessage(type: string, data?: any, callback?: (data: any) => void): void;
+    /**
+     * 监听来自父窗口的消息 or 父窗口监听来自iframe的消息
+     * @param type {string} 消息类型
+     * @param callback {function} 消息处理函数
+     * @param isOnce {boolean} 可选，表示消息处理函数是否是一次性的
+     */
+    onMessage(type: string, callback: (data: any) => void, isOnce?: boolean): void;
+    /**
+     * 销毁事件监听
+     */
+    destroy(): void;
+}
+interface IUserInfo {
+    /** 用户id */
+    userId: string;
+    /** 用户名 */
+    userName: string;
+    /** 邮箱 */
+    email: string;
+    /** 昵称 */
+    nickName: string;
+    /** 头像 */
+    avatar: string;
+    /** 所在组织名 */
+    orgName: string;
+    /** 所在组织code */
+    orgCode: string;
+    /** 所在组织id */
+    orgId: string;
+    /** 账号状态 */
+    status: number;
+    /** 用于组织内部的用户名称 */
+    realName?: string;
+    /** 根组织id，只有当前登录用户的用户信息才包含 */
+    rootOrgId?: string;
+}
+interface SubAppInitData {
+    token: string | undefined;
+    userInfo: IUserInfo | null;
+}
+/**
+ * 主应用初始化，监听路由
+ */
+export declare function mainAppInit(): void;
+/**
+ * 获取iframe的最终url
+ * @param initUrl {string} iframe初始url
+ * @returns
+ */
+export declare function getIframeUrl(initUrl: string): string;
+/**
+ * 子应用初始化配置对象类型
+ */
+interface ISubAppInitConfig {
+    /** 账号信息数据会存放在window[namespace]下，默认值是_subApp，默认会将账号信息数据同步到window._subApp下 */
+    namespace: string;
+}
+/**
+ * 子应用初始化
+ * @param callback (data: SubAppInitData) => void) 可选，回调函数中会返回token和用户信息
+ */
+/**
+ * 子应用初始化
+ * @param callback 可选，回调函数中会传回来自父窗口的账号信息
+ * @param config {ISubAppInitConfig} 可选
+ *
+ */
+export declare function subAppInit(callback?: (data: SubAppInitData) => void, config?: ISubAppInitConfig): void;
+export { getAxiosInstanceWithAuth } from './axios';
 
+```
 

package/dist/index.esm.js

@@ -1 +1 @@
-import{message as t}from"antd";var n=[],e=!1;function r(r,i){i?window.open(r):(n.push(r),e||(e=!0,t.loading("文件下载中"),o()))}function o(){if(n.length>0){var r=n.shift();fetch(r).then((function(t){if(200!==(null==t?void 0:t.status))return Promise.reject({message:null==t?void 0:t.statusText});var n=document.createElement("a");n.style.display="none",document.body.appendChild(n),n.href=r,n.click(),document.body.removeChild(n)})).catch((function(){t.error("文件下载异常：".concat(r))})).finally((function(){setTimeout((function(){o()}),1e3)}))}else e=!1}function i(t){var n=t,e=t.indexOf("?");-1!==e&&(n=t.substring(0,e));var r=n.lastIndexOf(".");return n.substring(r+1)}function c(t){if(Array.isArray(t)){var n=[];return t.forEach((function(t){n.push(c(t))})),n}if("[object Object]"===Object.prototype.toString.call(t)){var e={};return Object.keys(t).forEach((function(n){e[n]=c(t[n])})),e}return"string"==typeof t?t.trim():t}export{r as downloadFile,i as getFileExt,c as trimObj};
+import{message as e}from"antd";import n from"query-string";import o from"axios";function t(e){var n=new d,t=o.create({});return t.interceptors.request.use((function(n){var o,t=window[null!==(o=null==e?void 0:e.authTokenNamespace)&&void 0!==o?o:"_subApp"].token;return t&&(n.headers.Authorization="Bearer ".concat(t)),n}),(function(e){return Promise.reject(e)})),t.interceptors.response.use((function(e){var o;return 401===(null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.code)?(n.postMessage("login"),Promise.reject({code:401,msg:"用户未登录"})):e}),(function(e){e.response&&(401===e.response.status&&n.postMessage("login"));return Promise.reject(e)})),t}var a=[],i=!1;function r(n,o){o?window.open(n):(a.push(n),i||(i=!0,e.loading("文件下载中"),s()))}function s(){if(a.length>0){var n=a.shift();fetch(n).then((function(e){if(200!==(null==e?void 0:e.status))return Promise.reject({message:null==e?void 0:e.statusText});var o=document.createElement("a");o.style.display="none",document.body.appendChild(o),o.href=n,o.click(),document.body.removeChild(o)})).catch((function(){e.error("文件下载异常：".concat(n))})).finally((function(){setTimeout((function(){s()}),1e3)}))}else i=!1}function c(e){var n=e,o=e.indexOf("?");-1!==o&&(n=e.substring(0,o));var t=n.lastIndexOf(".");return n.substring(t+1)}function u(e){if(Array.isArray(e)){var n=[];return e.forEach((function(e){n.push(u(e))})),n}if("[object Object]"===Object.prototype.toString.call(e)){var o={};return Object.keys(e).forEach((function(n){o[n]=u(e[n])})),o}return"string"==typeof e?e.trim():e}var l,f="zjlab_util_ifm";!function(e){e.HASH_CHANGE="zjlab_util_ifm_hashChange",e.PUSH_STATE="zjlab_util_ifm_pushState",e.REPLACE_STATE="zjlab_util_ifm_replaceState"}(l||(l={}));var d=function(){function e(){this.onMessageCallback={}}return e.prototype.postMessageToIfm=function(e,n,o,t){var a;if(e){var i=void 0;"function"==typeof o?i=o:t&&(i=t);var r="".concat(f,"_").concat(n);i&&this.onMessage(n,i,!0),null===(a=e.contentWindow)||void 0===a||a.postMessage({type:r,data:"function"==typeof o?null:o},"*")}else console.error("postMessage error, no parent")},e.prototype.postMessage=function(e,n,o){if(window.parent&&window.parent!==window){var t=void 0;"function"==typeof n?t=n:o&&(t=o);var a="";a=-1!==[l.HASH_CHANGE,l.PUSH_STATE,l.REPLACE_STATE].indexOf(e)?e:"".concat(f,"_").concat(e),t&&this.onMessage(e,t,!0),window.parent.postMessage({type:a,data:"function"==typeof n?null:n},"*")}else console.error("postMessage error, no parent")},e.prototype.onMessage=function(e,n,o){var t=function(a){o&&window.removeEventListener("message",t);var i=a.data||{},r=i.data,s=i.type;-1!==[l.HASH_CHANGE,l.PUSH_STATE,l.REPLACE_STATE].indexOf(e)?s===e&&n(r):s==="".concat(f,"_").concat(e)&&n(r)};this.onMessageCallback[e]||(this.onMessageCallback[e]=[]),this.onMessageCallback[e].push(t),window.addEventListener("message",t)},e.prototype.destroy=function(){var e=this,n=Object.keys(this.onMessageCallback);n.length>0&&n.forEach((function(n){var o;null===(o=e.onMessageCallback[n])||void 0===o||o.forEach((function(e){window.removeEventListener("message",e)}))}))},e}();function p(){window.addEventListener("message",(function(e){var n=e.data||{},o=n.data,t=n.type;if(t===l.HASH_CHANGE||t===l.PUSH_STATE||t===l.REPLACE_STATE){var a="".concat(window.location.pathname,"?iframeUrl=").concat(encodeURIComponent(o.href));console.log("+++ iframe url data",t,o),window.history.replaceState(null,"",a)}}))}function w(e){var o=n.parse(window.location.search);return(null==o?void 0:o.iframeUrl)?decodeURIComponent(o.iframeUrl):e}function h(e,n){var o=new d;if(window.parent&&window.parent!==window){window.onhashchange=function(){o.postMessage(l.HASH_CHANGE,{href:window.location.href})};var t=window.history.pushState;window.history.pushState=function(e,n,a){t.call(window.history,e,n,a),a&&o.postMessage(l.PUSH_STATE,{href:-1!==a.indexOf("//")?a:window.location.origin+a})};var a=window.history.replaceState;window.history.replaceState=function(e,n,t){a.call(window.history,e,n,t),t&&o.postMessage(l.REPLACE_STATE,{href:-1!==t.indexOf("//")?t:window.location.origin+t})},window.addEventListener("popstate",(function(e){o.postMessage(l.REPLACE_STATE,{href:window.location.href})})),o.postMessage("getUserInfo",(function(o){var t;window[null!==(t=null==n?void 0:n.namespace)&&void 0!==t?t:"_subApp"]=o,e&&e(o)}))}}export{d as IfmChannel,r as downloadFile,t as getAxiosInstanceWithAuth,c as getFileExt,w as getIframeUrl,p as mainAppInit,h as subAppInit,u as trimObj};

package/dist/index.js

@@ -1 +1 @@
-"use strict";var t=require("antd"),e=[],n=!1;function r(){if(e.length>0){var i=e.shift();fetch(i).then((function(t){if(200!==(null==t?void 0:t.status))return Promise.reject({message:null==t?void 0:t.statusText});var e=document.createElement("a");e.style.display="none",document.body.appendChild(e),e.href=i,e.click(),document.body.removeChild(e)})).catch((function(){t.message.error("文件下载异常：".concat(i))})).finally((function(){setTimeout((function(){r()}),1e3)}))}else n=!1}exports.downloadFile=function(i,o){o?window.open(i):(e.push(i),n||(n=!0,t.message.loading("文件下载中"),r()))},exports.getFileExt=function(t){var e=t,n=t.indexOf("?");-1!==n&&(e=t.substring(0,n));var r=e.lastIndexOf(".");return e.substring(r+1)},exports.trimObj=function t(e){if(Array.isArray(e)){var n=[];return e.forEach((function(e){n.push(t(e))})),n}if("[object Object]"===Object.prototype.toString.call(e)){var r={};return Object.keys(e).forEach((function(n){r[n]=t(e[n])})),r}return"string"==typeof e?e.trim():e};
+"use strict";var e=require("antd"),n=require("query-string"),t=require("axios");var o=[],a=!1;function r(){if(o.length>0){var n=o.shift();fetch(n).then((function(e){if(200!==(null==e?void 0:e.status))return Promise.reject({message:null==e?void 0:e.statusText});var t=document.createElement("a");t.style.display="none",document.body.appendChild(t),t.href=n,t.click(),document.body.removeChild(t)})).catch((function(){e.message.error("文件下载异常：".concat(n))})).finally((function(){setTimeout((function(){r()}),1e3)}))}else a=!1}var i,s="zjlab_util_ifm";!function(e){e.HASH_CHANGE="zjlab_util_ifm_hashChange",e.PUSH_STATE="zjlab_util_ifm_pushState",e.REPLACE_STATE="zjlab_util_ifm_replaceState"}(i||(i={}));var c=function(){function e(){this.onMessageCallback={}}return e.prototype.postMessageToIfm=function(e,n,t,o){var a;if(e){var r=void 0;"function"==typeof t?r=t:o&&(r=o);var i="".concat(s,"_").concat(n);r&&this.onMessage(n,r,!0),null===(a=e.contentWindow)||void 0===a||a.postMessage({type:i,data:"function"==typeof t?null:t},"*")}else console.error("postMessage error, no parent")},e.prototype.postMessage=function(e,n,t){if(window.parent&&window.parent!==window){var o=void 0;"function"==typeof n?o=n:t&&(o=t);var a="";a=-1!==[i.HASH_CHANGE,i.PUSH_STATE,i.REPLACE_STATE].indexOf(e)?e:"".concat(s,"_").concat(e),o&&this.onMessage(e,o,!0),window.parent.postMessage({type:a,data:"function"==typeof n?null:n},"*")}else console.error("postMessage error, no parent")},e.prototype.onMessage=function(e,n,t){var o=function(a){t&&window.removeEventListener("message",o);var r=a.data||{},c=r.data,u=r.type;-1!==[i.HASH_CHANGE,i.PUSH_STATE,i.REPLACE_STATE].indexOf(e)?u===e&&n(c):u==="".concat(s,"_").concat(e)&&n(c)};this.onMessageCallback[e]||(this.onMessageCallback[e]=[]),this.onMessageCallback[e].push(o),window.addEventListener("message",o)},e.prototype.destroy=function(){var e=this,n=Object.keys(this.onMessageCallback);n.length>0&&n.forEach((function(n){var t;null===(t=e.onMessageCallback[n])||void 0===t||t.forEach((function(e){window.removeEventListener("message",e)}))}))},e}();exports.IfmChannel=c,exports.downloadFile=function(n,t){t?window.open(n):(o.push(n),a||(a=!0,e.message.loading("文件下载中"),r()))},exports.getAxiosInstanceWithAuth=function(e){var n=new c,o=t.create({});return o.interceptors.request.use((function(n){var t,o=window[null!==(t=null==e?void 0:e.authTokenNamespace)&&void 0!==t?t:"_subApp"].token;return o&&(n.headers.Authorization="Bearer ".concat(o)),n}),(function(e){return Promise.reject(e)})),o.interceptors.response.use((function(e){var t;return 401===(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.code)?(n.postMessage("login"),Promise.reject({code:401,msg:"用户未登录"})):e}),(function(e){e.response&&(401===e.response.status&&n.postMessage("login"));return Promise.reject(e)})),o},exports.getFileExt=function(e){var n=e,t=e.indexOf("?");-1!==t&&(n=e.substring(0,t));var o=n.lastIndexOf(".");return n.substring(o+1)},exports.getIframeUrl=function(e){var t=n.parse(window.location.search);return(null==t?void 0:t.iframeUrl)?decodeURIComponent(t.iframeUrl):e},exports.mainAppInit=function(){window.addEventListener("message",(function(e){var n=e.data||{},t=n.data,o=n.type;if(o===i.HASH_CHANGE||o===i.PUSH_STATE||o===i.REPLACE_STATE){var a="".concat(window.location.pathname,"?iframeUrl=").concat(encodeURIComponent(t.href));console.log("+++ iframe url data",o,t),window.history.replaceState(null,"",a)}}))},exports.subAppInit=function(e,n){var t=new c;if(window.parent&&window.parent!==window){window.onhashchange=function(){t.postMessage(i.HASH_CHANGE,{href:window.location.href})};var o=window.history.pushState;window.history.pushState=function(e,n,a){o.call(window.history,e,n,a),a&&t.postMessage(i.PUSH_STATE,{href:-1!==a.indexOf("//")?a:window.location.origin+a})};var a=window.history.replaceState;window.history.replaceState=function(e,n,o){a.call(window.history,e,n,o),o&&t.postMessage(i.REPLACE_STATE,{href:-1!==o.indexOf("//")?o:window.location.origin+o})},window.addEventListener("popstate",(function(e){t.postMessage(i.REPLACE_STATE,{href:window.location.href})})),t.postMessage("getUserInfo",(function(t){var o;window[null!==(o=null==n?void 0:n.namespace)&&void 0!==o?o:"_subApp"]=t,e&&e(t)}))}},exports.trimObj=function e(n){if(Array.isArray(n)){var t=[];return n.forEach((function(n){t.push(e(n))})),t}if("[object Object]"===Object.prototype.toString.call(n)){var o={};return Object.keys(n).forEach((function(t){o[t]=e(n[t])})),o}return"string"==typeof n?n.trim():n};

package/dist/types/axios.d.ts

@@ -0,0 +1,11 @@
+interface IConfig {
+    /** 账号关联的token存放在了window[authTokenNamespace]下，authTokenNamespace的默认值是_subApp，同subAppInit中的namespace */
+    authTokenNamespace: string;
+}
+/**
+ * 获取经过配置的axios实例
+ * @param instanceConfig {IConfig} 实例化配置
+ * @returns axios实例
+ */
+export declare function getAxiosInstanceWithAuth(instanceConfig?: IConfig): import("axios").AxiosInstance;
+export {};

package/dist/types/index.d.ts

@@ -16,3 +16,93 @@ export declare function getFileExt(filePath: string): string;
  * @returns newObj trim操作后的数据
  */
 export declare function trimObj<T>(obj: T): T;
+/**
+ * iframe通信类
+ */
+export declare class IfmChannel {
+    onMessageCallback: Record<string, any>;
+    /**
+     * 向iframe发送消息
+     * @param ifmDom
+     * @param type
+     * @param data
+     * @param callback
+     */
+    postMessageToIfm(ifmDom: HTMLIFrameElement, type: string, data?: any, callback?: (data: any) => void): void;
+    /**
+     * 向父窗口发送消息
+     * @param type {string} 消息类型
+     * @param data {any} 可选，发送的数据
+     * @param callback {function} 可选，如果传入，表示等待消息回应，等同于onMessage(type, callback, true)
+     */
+    postMessage(type: string, data?: any, callback?: (data: any) => void): void;
+    /**
+     * 监听来自父窗口的消息 or 父窗口监听来自iframe的消息
+     * @param type {string} 消息类型
+     * @param callback {function} 消息处理函数
+     * @param isOnce {boolean} 可选，表示消息处理函数是否是一次性的
+     */
+    onMessage(type: string, callback: (data: any) => void, isOnce?: boolean): void;
+    /**
+     * 销毁事件监听
+     */
+    destroy(): void;
+}
+interface IUserInfo {
+    /** 用户id */
+    userId: string;
+    /** 用户名 */
+    userName: string;
+    /** 邮箱 */
+    email: string;
+    /** 昵称 */
+    nickName: string;
+    /** 头像 */
+    avatar: string;
+    /** 所在组织名 */
+    orgName: string;
+    /** 所在组织code */
+    orgCode: string;
+    /** 所在组织id */
+    orgId: string;
+    /** 账号状态 */
+    status: number;
+    /** 用于组织内部的用户名称 */
+    realName?: string;
+    /** 根组织id，只有当前登录用户的用户信息才包含 */
+    rootOrgId?: string;
+}
+interface SubAppInitData {
+    token: string | undefined;
+    userInfo: IUserInfo | null;
+}
+/**
+ * 主应用初始化，监听路由
+ */
+export declare function mainAppInit(): void;
+/**
+ * 获取iframe的最终url
+ * @param initUrl {string} iframe初始url
+ * @returns
+ */
+export declare function getIframeUrl(initUrl: string): string;
+/**
+ * 子应用初始化配置对象类型
+ */
+interface ISubAppInitConfig {
+    /** 账号信息数据会存放在window[namespace]下，默认值是_subApp，默认会将账号信息数据同步到window._subApp下 */
+    namespace: string;
+}
+/**
+ * 子应用初始化
+ * @param callback (data: SubAppInitData) => void) 可选，回调函数中会返回token和用户信息
+ */
+/**
+ * 子应用初始化
+ * @param callback 可选，回调函数中会传回来自父窗口的账号信息
+ * @param config {ISubAppInitConfig} 可选
+ *
+ */
+export declare function subAppInit(callback?: (data: SubAppInitData) => void, config?: ISubAppInitConfig): void;
+/** 获取经过配置的axios实例 */
+export { getAxiosInstanceWithAuth } from './axios';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zjlab-fe/util",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -19,7 +19,9 @@
     "typescript": "^5.5.4"
   },
   "dependencies": {
-    "antd": "^5.20.0"
+    "antd": "^5.20.0",
+    "axios": "^1.7.4",
+    "query-string": "^9.1.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"