yuang-framework-ui-common 1.0.42 → 1.0.44

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/messageBoxUtils.ts

@@ -4,12 +4,12 @@ import { ElMessageBox } from 'element-plus/es';
 
 
 
-const alertMessageBox = ({title, message, confirmButtonText, callback}) => {
+const alertMessageBox = ({title, message, confirmButtonText, callback}: {title: string, message: string, confirmButtonText: string, callback: (param:string)=>{}}) => {
     if(isPc()) {
         ElMessageBox.close();
         ElMessageBox.alert(message, title, {
             confirmButtonText: confirmButtonText,
-            callback: (action) => {
+            callback: (action: string) => {
                 callback && callback(action);
             },
             type: 'warning',

package/lib/utils/messageUtils.ts

@@ -4,28 +4,28 @@ import {ElMessage} from 'element-plus'
 import {showNotify} from 'vant';
 
 
-const showSuccessMessage = (message) => {
+const showSuccessMessage = (message: string) => {
     showMessage({
         type: 'success',
         message: message,
     });
 }
 
-const showWarningMessage = (message) => {
+const showWarningMessage = (message: string) => {
     showMessage({
         type: 'warning',
         message: message,
     });
 }
 
-const showInfoMessage = (message) => {
+const showInfoMessage = (message: string) => {
     showMessage({
         type: 'info',
         message: message,
     });
 }
 
-const showErrorMessage = (message) => {
+const showErrorMessage = (message: string) => {
     showMessage({
         type: 'error',
         message: message,
@@ -37,7 +37,7 @@ const showErrorMessage = (message) => {
  * @param type 'success' | 'warning' | 'info' | 'error'
  * @param message
  */
-const showMessage = ({type, message}) => {
+const showMessage = ({type, message}: {type: any, message: any}) => {
     if (isPc()) {
         ElMessage({
             type: type,

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/urlUtils.ts

@@ -1,17 +1,49 @@
 
+/**
+ * 获取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
+ * @param url，如果不传递，就使用当前url
  * @param parameter
  * @return {string}
  */
-const removeUrlParameter = (url, parameter) => {
-    if (!url) {
-        return console.error('参数[url]为空');
-    }
-    if (!parameter) {
-        return console.error('参数[parameter]为空');
+const removeParameter = (name: string, url?: string) => {
+    if (!name) {
+        return console.error('参数[name]为空');
     }
+    url = url || location.href;
     let urlObj;
     let isFullUrl = url.startsWith('http');
     if (isFullUrl) {
@@ -19,7 +51,7 @@ const removeUrlParameter = (url, parameter) => {
     } else {
         urlObj = new URL(url, window.location.origin);
     }
-    urlObj.searchParams.delete(parameter);
+    urlObj.searchParams.delete(name);
     let result = urlObj.pathname + urlObj.search;
     if (url.includes('#')) {
         result += '#' + url.split('#')[1];
@@ -30,4 +62,28 @@ const removeUrlParameter = (url, parameter) => {
     return result;
 };
 
-export { removeUrlParameter };
+
+/**
+ * 获取平台基础url
+ * @param url，如果不传递，就使用当前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 { getParameter, getParameterMap, removeParameter, getBaseUrl };

package/package.json

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

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();
 
@@ -28,37 +29,6 @@
       router.push(ssoRedirectRoutePath);
     });
   });
-
-  /**
-   * 删除url中的指定参数
-   * @param url
-   * @param parameter
-   * @return {string}
-   */
-   const removeUrlParameter = (url, parameter) => {
-    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;
-  };
 </script>
 
 <style scoped></style>

package/src/vite-env.d.ts

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