yuang-framework-ui-common 1.0.41 → 1.0.43

package/lib/utils/htmlUtils.ts

@@ -0,0 +1,117 @@
+
+/**
+ * 加载脚本
+ * @param src
+ * @param callback
+ */
+const loadScript = (src, callback) => {
+    if (!src) {
+        console.error("[src]为空");
+        return;
+    }
+    var script = document.createElement('script') as any,
+        head = document.getElementsByTagName('head')[0];
+    script.type = 'text/javascript';
+    script.charset = 'UTF-8';
+    script.src = src;
+    if (script.addEventListener) {
+        script.addEventListener('load', function () {
+            callback && callback();
+        }, false);
+    } else if (script.attachEvent) {
+        script.attachEvent('onreadystatechange', function () {
+            var target = window.event.srcElement as any;
+            if (target.readyState == 'loaded') {
+                callback && callback();
+            }
+        });
+    }
+    head.appendChild(script);
+}
+
+
+/**
+ * 加载样式
+ * @param src
+ * @param callback
+ */
+const loadLink = (href: string, callback) => {
+    if (!href) {
+        console.error("[href]为空");
+        return;
+    }
+    var link = document.createElement('link') as any,
+        head = document.getElementsByTagName('head')[0];
+    link.rel = 'stylesheet';
+    link.charset = 'UTF-8';
+    link.href = href;
+    if (link.addEventListener) {
+        link.addEventListener('load', function () {
+            callback && callback();
+        }, false);
+    } else if (link.attachEvent) {
+        link.attachEvent('onreadystatechange', function () {
+            var target = window.event.srcElement as any;
+            if (target.readyState == 'loaded') {
+                callback && callback();
+            }
+        });
+    }
+    head.appendChild(link);
+}
+
+/**
+ * 加载iframe
+ * @param src
+ * @param callback
+ */
+const loadIframe = (src: string, callback) => {
+    if (!src) {
+        console.error("[src]为空");
+        return;
+    }
+
+    var iframe = document.createElement('iframe') as any,
+        head = document.getElementsByTagName('head')[0];
+    iframe.charset = 'UTF-8';
+    iframe.src = src;
+    if (iframe.addEventListener) {
+        iframe.addEventListener('load', function () {
+            callback && callback();
+        }, false);
+    } else if (iframe.attachEvent) {
+        iframe.attachEvent('onreadystatechange', function () {
+            var target = window.event.srcElement as any;
+            if (target.readyState == 'loaded') {
+                callback && callback();
+            }
+        });
+    }
+    head.appendChild(iframe);
+}
+
+/**
+ * 获取文件存储大小，单位：byte字节
+ * @param url
+ * @returns {Promise<unknown>}
+ */
+const getFileSize = (url: string) => {
+    return new Promise(function (resolve, reject) {
+        const xhr = new XMLHttpRequest();
+        xhr.open("HEAD", url);
+        xhr.onreadystatechange = function () {
+            if (this.readyState == this.DONE) {
+                if (this.status == 200) {
+                    const size = xhr.getResponseHeader("Content-Length");
+                    resolve(size);
+                } else {
+                    reject("Failed to get file size.");
+                }
+            }
+        };
+        xhr.send();
+    });
+}
+
+
+export { loadScript, loadLink, loadIframe, getFileSize };

package/lib/utils/objectUtils.ts

@@ -46,8 +46,20 @@ const typeOf = (obj) => {
     return Object.prototype.toString.call(obj).slice(8, -1);
 };
 
+
+/**
+ * 是否Promise对象
+ * @param obj
+ * @returns {boolean}
+ */
+const isPromise = (obj) => {
+    return obj && Object.prototype.toString.call(obj) ==="[object Promise]";
+}
+
 export {
     shallowClone,
     deepClone,
     typeOf,
+
+    isPromise
 }

package/lib/utils/ssoUtils.ts

@@ -119,6 +119,30 @@ const setSsoAccessToken = (param: any) => {
 }
 
 
+
+const getSsoCookieAccessToken = () => {
+    let ssoAccessToken = Cookies.get(ssoAccessTokenCookieKey);
+    return ssoAccessToken;
+}
+
+
+const setSsoCookieAccessToken = (param: any) => {
+    if (!param.ssoAccessToken) {
+        throw new Error('参数[ssoAccessToken]为空');
+    }
+    if (!param.ssoExpiresIn) {
+        throw new Error('参数[ssoExpiresIn]为空');
+    }
+    if (!param.ssoRefreshToken) {
+        throw new Error('参数[ssoRefreshToken]为空');
+    }
+    if (!param.ssoRefreshExpiresIn) {
+        throw new Error('参数[ssoRefreshExpiresIn]为空');
+    }
+    Cookies.set(ssoAccessTokenCookieKey, param.ssoAccessToken);
+}
+
+
 const clearSsoAccessToken = () => {
     Cookies.remove(ssoAccessTokenCookieKey);
 
@@ -144,6 +168,9 @@ export {
     getSsoAccessToken,
     setSsoAccessToken,
 
+    getSsoCookieAccessToken,
+    setSsoCookieAccessToken,
+
     clearSsoAccessToken,
 
     logoutSso,

package/lib/utils/urlUtils.ts

@@ -0,0 +1,93 @@
+
+/**
+ * 删除url中的指定参数
+ * @param url
+ * @param parameter
+ * @return {string}
+ */
+const removeUrlParameter = (url: string, parameter: string) => {
+    if (!url) {
+        return console.error('参数[url]为空');
+    }
+    if (!parameter) {
+        return console.error('参数[parameter]为空');
+    }
+    let urlObj;
+    let isFullUrl = url.startsWith('http');
+    if (isFullUrl) {
+        urlObj = new URL(url);
+    } else {
+        urlObj = new URL(url, window.location.origin);
+    }
+    urlObj.searchParams.delete(parameter);
+    let result = urlObj.pathname + urlObj.search;
+    if (url.includes('#')) {
+        result += '#' + url.split('#')[1];
+    }
+    if (isFullUrl) {
+        result = urlObj.origin + result;
+    }
+    return result;
+};
+
+
+
+/**
+ * 获取url的参数
+ * @param name 参数名
+ * @param url，如果不传递，就使用当前url
+ * @returns {string|null}
+ */
+const getParameter = (name: string, url: string) => {
+    url = url || window.location.search;
+    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+    var r = url.substr(1).match(reg);
+    if (r != null) return decodeURIComponent(r[2]);
+    return null;
+}
+
+/**
+ * 获取url的map集合
+ * @param url，如果不传递，就使用当前url
+ * @returns {map|null}
+ */
+const getParameterMap = (url: string) => {
+    url = url || window.location.search;
+
+    let arrObj = url.split("?") as any;
+    let params = Object.create(null);
+    if (arrObj.length > 1) {
+        arrObj = arrObj[1].split("&");
+        arrObj.forEach((item: any) => {
+            item = item.split("=");
+            params[item[0]] = decodeURIComponent(item[1]);
+        })
+    }
+    return params;
+}
+
+
+/**
+ * 获取平台基础url
+ * @param url
+ * @returns {string}
+ */
+const getBaseUrl = (url: string) => {
+    url = url || location.href;
+    let arr = url.split('/');
+    if (arr.length > 3) {
+        var baseUrl = '';
+        for (let i = 0; i < arr.length; i++) {
+            if (i <= 3) {
+                baseUrl += arr[i] + '/';
+            }
+        }
+        if (baseUrl) {
+            return baseUrl.substring(0, baseUrl.length - 1);
+        }
+    } else {
+        console.error('地址存在问题');
+    }
+};
+
+export { removeUrlParameter, getParameter, getParameterMap, getBaseUrl };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuang-framework-ui-common",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "private": false,
   "type": "module",
   "scripts": {

package/src/shims-vue.d.ts

@@ -8,3 +8,6 @@ declare module '*.vue' {
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }
+
+
+declare module 'js-cookie';

package/src/views/sso/login/index.vue

@@ -7,6 +7,7 @@
   import { useRouter } from 'vue-router';
 
   import { getSsoLoginUrl, setSsoAccessToken } from '../../../../lib/utils/ssoUtils';
+  import { removeUrlParameter } from '../../../../lib/utils/urlUtils';
 
   const router = useRouter();
 
@@ -24,20 +25,10 @@
       setSsoAccessToken(res.data.data);
       let ssoRedirectRoutePath = router.currentRoute.value.query.ssoRedirectRoutePath as string;
       ssoRedirectRoutePath = (ssoRedirectRoutePath && decodeURIComponent(ssoRedirectRoutePath)) || ('/sso/login/login-success' as any);
+      ssoRedirectRoutePath = removeUrlParameter(ssoRedirectRoutePath, 'ssoAuthCode');
       router.push(ssoRedirectRoutePath);
     });
   });
-
-  const removeParameter = (url: string, parameter: string) => {
-    // 使用正则表达式匹配参数
-    const regex = new RegExp('[?&]' + parameter + '=[^&]*&?');
-    const newUrl = url.replace(regex, (match, offset, string) => {
-      offset;
-      string;
-      return match.includes('&') ? '&' : '';
-    });
-    return newUrl;
-  }
 </script>
 
 <style scoped></style>

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />