fhrons-mobile-next 2.0.0

package/packages/storage.js

@@ -0,0 +1,179 @@
+/**
+ * 判断是否为空
+ */
+function validateNull (val) {
+    if (typeof val === 'boolean') {
+        return false;
+    }
+    if (typeof val === 'number') {
+        return false;
+    }
+    if (val instanceof Array) {
+        if (val.length === 0) return true;
+    } else if (val instanceof Object) {
+        if (JSON.stringify(val) === '{}') return true;
+    } else {
+        if (val === 'null' || val === null || val === 'undefined' || val === undefined || val === '') return true;
+        return false;
+    }
+    return false;
+}
+const SESSION = 'session';
+const keyName = `Fun-${process.env.VUE_APP_NAME}-${process.env.VUE_APP_ENV_CONFIG}-`;
+const commonKeyName = `Fun-${process.env.VUE_APP_ENV_CONFIG}-`;
+/**
+ * 存储localStorage
+ */
+export const setStorage = (params = {}) => {
+    let { name } = params;
+    const { content, type, needListener, key, commonKey } = params;
+    name = key || (name === 'userGlobalGist' ? (commonKeyName + name) : commonKey ? (commonKeyName + commonKey) : (keyName + name));
+    const obj = {
+        dataType: typeof content,
+        content: content,
+        type: type,
+        dateTime: new Date().getTime()
+    };
+    const temp = { name, type, obj: JSON.stringify(obj) };
+    if (needListener) {
+        addSetStorageEvent(temp);
+    } else {
+        if (type && type.toLowerCase() === SESSION) window.sessionStorage.setItem(name, JSON.stringify(obj));
+        else window.localStorage.setItem(name, JSON.stringify(obj));
+    }
+};
+
+/**
+ * 获取localStorage
+ */
+
+export const getStorage = (params = {}) => {
+    let { name } = params;
+    const { debug, key, commonKey } = params;
+    name = key || (name === 'userGlobalGist' ? (commonKeyName + name) : commonKey ? (commonKeyName + commonKey) : (keyName + name));
+    let obj = {};
+    let content;
+    obj = window.sessionStorage.getItem(name);
+    if (validateNull(obj)) obj = window.localStorage.getItem(name);
+    if (validateNull(obj)) return;
+    try {
+        obj = JSON.parse(obj);
+    } catch {
+        return obj;
+    }
+    if (debug || key) {
+        return obj;
+    }
+    if (obj.dataType === 'string') {
+        content = obj.content;
+    } else if (obj.dataType === 'number') {
+        content = Number(obj.content);
+    } else if (obj.dataType === 'boolean') {
+        content = obj.content || false;
+    } else if (obj.dataType === 'object') {
+        content = obj.content;
+    }
+    return content;
+};
+/**
+ * 删除localStorage
+ */
+export const removeStorage = (params = {}) => {
+    let { name } = params;
+    const { type, key, commonKey } = params;
+    name = key || (name === 'userGlobalGist' ? (commonKeyName + name) : commonKey ? (commonKeyName + commonKey) : (keyName + name));
+    if (type && type.toLowerCase() === SESSION) {
+        window.sessionStorage.removeItem(name);
+    } else {
+        window.localStorage.removeItem(name);
+    }
+};
+
+/**
+ * 获取全部localStorage
+ */
+export const getAllStorage = (params = {}) => {
+    const list = [];
+    const { type } = params;
+    if (type && type.toLowerCase() === SESSION) {
+        for (let i = 0; i <= window.sessionStorage.length; i++) {
+            list.push({
+                name: window.sessionStorage.key(i),
+                content: getStorage({
+                    name: window.sessionStorage.key(i),
+                    type: SESSION
+                })
+            });
+        }
+    } else {
+        for (let i = 0; i <= window.localStorage.length; i++) {
+            list.push({
+                name: window.localStorage.key(i),
+                content: getStorage({
+                    name: window.localStorage.key(i)
+                })
+            });
+        }
+    }
+    return list;
+};
+
+/**
+ * 清空全部localStorage
+ */
+export const clearStorage = (params = {}) => {
+    const { type } = params;
+    if (type && type.toLowerCase() === SESSION) {
+        window.sessionStorage.clear();
+    } else {
+        const platformInfo = getStorage({ name: 'platformInfo' });
+        const openId = getStorage({ name: 'openId' });
+        const platformCode = getStorage({ name: 'platformCode' });
+        const unionId = getStorage({ name: 'unionId' });
+        const firUrl = getStorage({ name: 'firUrl' });
+        const appId = getStorage({ name: 'appId' });
+        const saasId = getStorage({ name: 'saasId' });
+        const corpId = getStorage({ name: 'corpId' });
+        const head = getStorage({ name: 'head' });
+        const nickname = getStorage({ name: 'nickname' });
+        const isOrigin = getStorage({ name: 'isOrigin' });
+        const language = getStorage({ commonKey: 'language' }) || 'zh_CN';
+        const originPlatformCode = getStorage({ name: 'originPlatformCode' });
+        const saasPolicyListInfo = getStorage({ name: 'saasPolicyListInfo' });
+        window.localStorage.clear();
+        setStorage({ name: 'platformInfo', content: platformInfo });
+        setStorage({ name: 'openId', content: openId });
+        setStorage({ name: 'unionId', content: unionId });
+        setStorage({ name: 'firUrl', content: firUrl });
+        setStorage({ name: 'appId', content: appId });
+        setStorage({ name: 'saasId', content: saasId });
+        setStorage({ name: 'corpId', content: corpId });
+        setStorage({ name: 'platformCode', content: platformCode });
+        setStorage({ commonKey: 'platformCode', content: platformCode });
+        setStorage({ name: 'head', content: head });
+        setStorage({ name: 'nickname', content: nickname });
+        setStorage({ name: 'isOrigin', content: !!isOrigin });
+        setStorage({ commonKey: 'language', content: language });
+        setStorage({ name: 'originPlatformCode', content: originPlatformCode });
+        setStorage({ name: 'saasPolicyListInfo', content: saasPolicyListInfo });
+    }
+};
+
+export function addSetStorageEvent (params = {}) {
+    const { name, type, obj } = params;
+    // 创建一个StorageEvent事件
+    var newStorageEvent = document.createEvent('StorageEvent');
+    const storage = {
+        setItem: (type, k, val) => {
+            // 这里可以灵活更改local和session
+            if (type && type.toLowerCase() === SESSION) window.sessionStorage.setItem(k, val);
+            else window.localStorage.setItem(k, val);
+            // 初始化创建的事件
+            newStorageEvent.initStorageEvent('setItem', false, false, k, null, val, null, null);
+            // 派发对象
+            window.dispatchEvent(newStorageEvent);
+        }
+    };
+    return storage.setItem(type, name, obj);
+}
+

package/upload copy.js

@@ -0,0 +1,468 @@
+// cdn引入axios
+if (!window.axios) {
+  loadJavaScript(
+    "https://scrm-pro-1251973116.file.myqcloud.com/funzg/form/axios.js",
+    () => {
+      console.log("axios 加载成功");
+    }
+  );
+}
+// if (!window.AWS) {
+//     loadJavaScript('https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/aws-sdk-2.1562.0.min.js', () => {
+//         console.log('aws-sdk 加载成功');
+//     });
+// }
+if (!window.COS) {
+  loadJavaScript(
+    "https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/cos-js-sdk-v5.min.js",
+    () => {
+      console.log("腾讯cos 加载成功");
+    }
+  );
+}
+if (!window.lrz) {
+  loadJavaScript(
+    "https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/lrz.all.bundle.min.js",
+    () => {
+      console.log("lrz加载成功");
+    }
+  );
+}
+if (!window.FHENCYPT) {
+  loadJavaScript(
+    "https://dop-pro-1251973116.file.myqcloud.com/upload/jsfile/funzg/fhEncypt.js",
+    () => {
+      console.log("FHENCYPT加载成功");
+    }
+  );
+}
+
+// const Minio = require('./utils/minio/internal/client.js')
+// import * as Minio from 'minio'
+
+/**
+ * 第一个参数的可选属性
+ * @param {Blob} file 要上传的文件
+ * @param {String} target 要上传的目标云，类型:0大陆环境/1港险环境
+ * @param {String} project 所属项目:0全局,1课程,2开放平台,4:scrm 5:营销 6:frcdap
+ * @param {Function} keyFunc 生成key的方法
+ * @param {Boolean} needWholeRes 是否需要返回完整的响应体
+ * @param {Number} urlMaxLength url 的长度限制
+ *
+ * 第二个参数
+ * @param {Function} onProgress 接收上传进度的回调
+ * @returns Link 上传完成后的图片链接
+ *
+ * 例：
+ * const param = {
+ *  file, target = 'tencent', project = '0', keyFunc
+ * }
+ * upload(param,(percent)=>{
+ *  console.log(percent) // 输出上传进度的百分比
+ * })
+ */
+// 将函数提取到外部，避免重复定义
+function getFullFileName(file) {
+  // 优先使用 File 对象的 name 属性
+  const fileName = file.name || file.filename || "";
+
+  // 如果已有后缀名（包含点号），直接返回
+  if (fileName.includes(".")) {
+    return fileName;
+  }
+
+  // 没有后缀名，从 type 中提取
+  if (file.type && file.type.includes("/")) {
+    let extension = file.type.split("/")[1]; // 从"image/jpeg"提取"jpeg"
+
+    // 特殊情况处理
+    if (extension === "jpeg") {
+      extension = "jpg";
+    }
+
+    // 清理扩展名中的参数（如 "svg+xml"）
+    extension = extension.split("+")[0];
+
+    return `${fileName}.${extension}`;
+  }
+
+  // 如果连 type 都没有，返回原文件名
+  return fileName;
+}
+export function upload(
+  { file, target, project = "0", keyFunc, needWholeRes },
+  onProgress
+) {
+  let defaultTarget =
+    location.origin.includes("https://smnguat.fhrons.net") ||
+    location.origin.includes("https://openuat.fhrons.net") ||
+    location.origin.includes("https://smng.avantech.io") ||
+    location.origin.includes("https://open.avantech.io") ||
+    (process.env.VUE_APP_ENV_CONFIG &&
+      process.env.VUE_APP_ENV_CONFIG.includes("hk"))
+      ? "1"
+      : "0";
+  defaultTarget =
+    process.env.VUE_APP_ENV_CONFIG &&
+    process.env.VUE_APP_ENV_CONFIG.includes("poc")
+      ? "2"
+      : defaultTarget;
+  target = target ? (target === "tencent" ? "0" : "1") : defaultTarget;
+  if (!file) {
+    console.error("上传的文件不能为空");
+    return;
+  }
+  if (file.raw) file = file.raw; // 有的file对象里面的raw才是实际的文件内容
+  if (file.file) file = file.file; // vant文件选择器选到的文件里还有一层file
+  // target = target === 'tencent' ? '0' : '1'; // 根据传进来的target转换
+  // target = '2'
+  const filename = getFullFileName(file);
+  const temp = filename.split(".");
+  const fileSffix = temp[temp.length - 1];
+  const appName = process.env.VUE_APP_NAME || "common";
+  if (
+    typeof keyFunc !== "function" ||
+    (typeof keyFunc === "function" && !keyFunc())
+  )
+    keyFunc = () =>
+      `/${appName}/${new Date().valueOf()}_${temp[0]}${
+        fileSffix ? "." + fileSffix : ""
+      }`;
+
+  let newKey = keyFunc();
+  newKey = removeLeadingSlash(newKey);
+  console.log("newKey", newKey);
+
+  // if(urlMaxLength && newKey.length > urlMaxLength) return Promise.reject(`文件名长度过长，请保持在${urlMaxLength}以下`)
+  return axios
+    .post(
+      `/funapi/cbsconfig/oss/secureSign`,
+      {
+        type:target,
+        project:project,
+        filePath:newKey,
+      },
+      { headers: { 'Content-Type': 'application/json' } }
+    )
+    .then((res) => {
+      if (
+        target !== "2" &&
+        (typeof res.data === "string" || typeof res === "string")
+      )
+        res = JSON.parse(FHENCYPT.decrypt(res.data || res));
+        console.log('res',JSON.stringify(res));
+        
+      const {
+        tmpSecretId,
+        tmpSecretKey,
+        token,
+        sessionToken,
+        startTime,
+        expiredTime,
+        requestId,
+        type,
+        bucketName,
+        region,
+        cdnUrl,
+        status = "SUCCESS",
+        message = "",
+      } = res.data || res;
+      if (status !== "SUCCESS") {
+        throw new Error(message);
+      }
+      /**
+       *  @tmpSecretId 临时访问密钥的标识符。
+       *  @tmpSecretKey 临时访问密钥的密钥。
+       *  @type 0腾讯/1亚马逊/2 minio 字符串格式
+       *  @startTime 腾讯使用的字段，开始时间
+       *  @expiredTime 腾讯使用的字段，过期时间
+       *  @bucketName 存储桶名称
+       *  @cdnUrl cdn链接的前缀
+       *  @region 存储区域
+       */
+      // if (type === '1') { // 亚马逊
+      //     AWS.config.update({
+      //         accessKeyId: tmpSecretId,
+      //         secretAccessKey: tmpSecretKey,
+      //         region: region,
+      //         sessionToken: token
+      //     });
+      //     const s3 = new AWS.S3();
+      //     const params = {
+      //         Bucket: bucketName,
+      //         Key: newKey,
+      //         ContentType: type,
+      //         Body: file,
+      //         'Access-Control-Allow-Credentials': '*'
+      //     };
+      //     const upload = s3.upload(params);
+      //     upload.on('httpUploadProgress', (progress) => {
+      //         const { loaded, total } = progress;
+      //         /* 非必须 */
+      //         const percent = Math.round(parseInt(loaded / total) * 100);
+      //         if (typeof onProgress === 'function') onProgress(percent);
+      //     });
+      //     const uploadPromise = upload.promise();
+      //     return uploadPromise.then(res => {
+      //         const { key, Key } = res;
+      //         console.log(res);
+      //         // const tempUrl = (key.startsWith('/') ? '' : '/');
+      //         const fileUrl = `${cdnUrl}${cdnUrl.endsWith('/') ? '' : '/'}${key || Key}`
+      //         if (needWholeRes) {
+      //             return {
+      //                 ...res,
+      //                 fileUrl
+      //             };
+      //         } return fileUrl;
+      //     }).catch(err => {
+      //         console.log(err);
+      //     }).finally(_ => {
+      //     });
+      // } else
+      // if (type === '2') { // 如果type=2 则使用minIO上传
+      //     console.log(Minio)
+      //     const minioClient = new Minio.Client({
+      //         endPoint: 'poc.fhrons.com',
+      //         // port: 31003,
+      //         useSSL: true,
+      //         accessKey: tmpSecretId,
+      //         secretKey: tmpSecretKey,
+      //         sessionToken: token
+      //     })
+      //     return uploadFileToMinio(file, minioClient, bucketName, newKey, cdnUrl, needWholeRes).then(res => {
+      //         if (typeof onProgress === 'function') onProgress(100)
+      //         console.log('上传成功，', res)
+      //         return res
+      //     }).catch(err => {
+      //         console.log(err);
+      //     })
+
+      // }
+      // 腾讯  如果没有type 则默认使用腾讯上传
+      const cos = new COS({
+        getAuthorization: function (options, callback) {
+          callback({
+            TmpSecretId: tmpSecretId,
+            TmpSecretKey: tmpSecretKey,
+            XCosSecurityToken: sessionToken,
+            StartTime: startTime,
+            ExpiredTime: expiredTime,
+            requestId: requestId,
+            SecurityToken: token,
+          });
+        },
+      });
+      return cos
+        .sliceUploadFile({
+          Bucket: bucketName /* 必须 */,
+          Region: region /* 存储桶所在地域，必须字段 */,
+          Key: newKey /* 必须 */,
+          StorageClass: "STANDARD",
+          Body: file, // 上传文件对象
+          onProgress: (progressData) => {
+            console.log(progressData);
+            const { loaded, total, percent, speed } = progressData;
+            const per = Math.round(parseInt(percent * 100));
+            if (typeof onProgress === "function") onProgress(per);
+          },
+        })
+        .then((data) => {
+          console.log(data);
+          const { key, Key } = data;
+          const _key = key || Key;
+          const tempUrl = _key.startsWith("/")
+            ? _key.slice(1, _key.length)
+            : _key;
+          const fileUrl = `${cdnUrl}${
+            cdnUrl.endsWith("/") ? "" : "/"
+          }${tempUrl}`;
+          if (needWholeRes) {
+            return {
+              ...res,
+              fileUrl,
+            };
+          }
+          return fileUrl;
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    });
+}
+
+function uploadFileToMinio(
+  file,
+  minioClient,
+  bucketName,
+  newKey,
+  cdnUrl,
+  needWholeRes
+) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = function (e) {
+      try {
+        const buffer = Buffer.from(e.target.result);
+        minioClient.putObject(bucketName, newKey, buffer, function (err, etag) {
+          if (err) {
+            console.log(err);
+            return err;
+          }
+          console.log(etag);
+          const fileUrl = `${cdnUrl}${
+            cdnUrl.endsWith("/") ? "" : "/"
+          }${newKey}`;
+          if (needWholeRes) {
+            resolve({
+              etag,
+              fileUrl,
+            });
+          }
+          resolve(fileUrl);
+        });
+      } catch (err) {
+        reject(err);
+      }
+    };
+    reader.onerror = function (err) {
+      reject(err);
+    };
+    reader.readAsArrayBuffer(file);
+  });
+}
+
+/**
+ * @param {Blob} file 上传的图片文件
+ * @param {Number} quality 压缩质量
+ * @returns 返回压缩后的图片文件
+ */
+// 压缩文件
+export async function compressFile(file, quality = 0.7) {
+  file = file.raw ? file.raw : file;
+  // const imageCompressor = new Compressor();
+  try {
+    let reFile = "";
+    const rst = await lrz(file, {
+      quality: quality, // 图片压缩质量，取值0-1，默认为0.7
+    });
+    // const rst = new Compressor(file);
+    reFile = new File([rst.file], file.name, {
+      type: "image/jpeg",
+      lastModified: Date.now(),
+    });
+    return reFile;
+  } catch (error) {
+    return "";
+  }
+}
+
+/**
+ * @param {Blob} file 上传的图片文件
+ * @param {Number} size 指定压缩后的图片大小
+ * @param {Number} quality  压缩质量
+ * @returns 返回压缩后的图片文件
+ */
+// 循环压缩
+export async function loopCompressFile(file, size, quality) {
+  if (!size) {
+    return new Error("size 不能为空");
+  }
+  // let reFile = file;
+  const reFile = await compressFile(file, quality);
+  if (reFile.size > size) {
+    compressFile(reFile, quality);
+  }
+  return reFile;
+}
+
+// 判断html文档中是否有重复引用的标签
+/**
+ * @param {String} src 要检查的引用地址
+ */
+function chectDuplicateScript(src) {
+  let result = false;
+  // 获取文档中所有的script标签
+  const scriptTags = document.getElementsByTagName("script");
+  // 创建一个存储已经出现过的URL集合
+  const scriptURLs = new Set();
+  // 遍历所有的tag 标签
+  for (let i = 0; i < scriptTags.length; i++) {
+    const currentSrc = scriptTags[i].getAttribute("src");
+    if (currentSrc && currentSrc === src) {
+      if (scriptURLs.has(currentSrc)) {
+        // console.log('重复引用，引用地址为', currentSrc);
+        result = true;
+      } else {
+        scriptURLs.add(currentSrc);
+      }
+    }
+  }
+  if (scriptURLs.size === 0) {
+    result = false;
+    // console.log('没有重复引用', src);
+  }
+  return result;
+}
+// 动态引入JS文件
+export function loadJavaScript(src, callback) {
+  if (chectDuplicateScript(src)) return;
+  const script = document.createElement("script");
+  const head = document.getElementsByTagName("head")[0];
+  script.type = "text/javascript";
+  script.charset = "UTF-8";
+  script.src = src;
+  window.onerror = () => {
+    console.log(`loadJavaScript加载${src}失败`);
+  };
+  if (script.addEventListener) {
+    script.addEventListener(
+      "load",
+      function () {
+        callback();
+      },
+      false
+    );
+  } else if (script.attachEvent) {
+    script.attachEvent("onreadystatechange", function () {
+      const target = window.event.srcElement;
+      if (target.readyState === "loaded" || script.readState === "complate") {
+        callback();
+      }
+    });
+  }
+  script.addEventListener("error", (e) => {
+    if (!isEmpty(e)) {
+      callback("err");
+    }
+  });
+  if (src) {
+    // 如果src不存在，不加入到项目里面去，否则会报加载资源失败
+    head.appendChild(script);
+  }
+}
+/**
+ * 为空
+ * @param val
+ * @returns {boolean}
+ */
+function isEmpty(val) {
+  if (
+    val === null ||
+    val === undefined ||
+    (typeof val === "string" &&
+      (val === "" || val === "undefined" || val === "null")) ||
+    (Array.isArray(val) && val.length === 0) ||
+    (Object.prototype.toString.call(val) === "[object Object]" &&
+      Object.keys(val).length === 0)
+  ) {
+    return true;
+  }
+  return false;
+}
+
+function removeLeadingSlash(str) {
+  if (str.startsWith("/")) {
+    return str.substring(1); // 返回去掉斜杠后的值
+  }
+  return str; // 如果字符串不以斜杠开头，则返回原始字符串
+}