hy-app 0.1.1

package/utils/base64.ts

@@ -0,0 +1,119 @@
+export default class Base64 {
+  // 私钥
+  _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+  // 加密
+  encode = (input: string) => {
+    let output = "";
+    let chr1;
+    let chr2;
+    let chr3;
+    let enc1;
+    let enc2;
+    let enc3;
+    let enc4;
+    let i = 0;
+    input = this._utf8_encode(input);
+    while (i < input.length) {
+      chr1 = input.charCodeAt(i++);
+      chr2 = input.charCodeAt(i++);
+      chr3 = input.charCodeAt(i++);
+      enc1 = chr1 >> 2;
+      enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
+      enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
+      enc4 = chr3 & 63;
+      if (isNaN(chr2)) {
+        enc3 = enc4 = 64;
+      } else if (isNaN(chr3)) {
+        enc4 = 64;
+      }
+      output =
+        output +
+        this._keyStr.charAt(enc1) +
+        this._keyStr.charAt(enc2) +
+        this._keyStr.charAt(enc3) +
+        this._keyStr.charAt(enc4);
+    }
+    return output;
+  };
+  // 解密
+  decode = (input: string) => {
+    let output = "";
+    let chr1;
+    let chr2;
+    let chr3;
+    let enc1;
+    let enc2;
+    let enc3;
+    let enc4;
+    let i = 0;
+    if (input === undefined || input === null) {
+    } else {
+      input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
+      while (i < input.length) {
+        enc1 = this._keyStr.indexOf(input.charAt(i++));
+        enc2 = this._keyStr.indexOf(input.charAt(i++));
+        enc3 = this._keyStr.indexOf(input.charAt(i++));
+        enc4 = this._keyStr.indexOf(input.charAt(i++));
+        chr1 = (enc1 << 2) | (enc2 >> 4);
+        chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
+        chr3 = ((enc3 & 3) << 6) | enc4;
+        output += String.fromCharCode(chr1);
+        if (enc3 != 64) {
+          output += String.fromCharCode(chr2);
+        }
+        if (enc4 != 64) {
+          output += String.fromCharCode(chr3);
+        }
+      }
+      output = this._utf8_decode(output);
+      return output;
+    }
+  };
+  // private method for UTF-8 encoding
+  _utf8_encode = (string: string) => {
+    string = string.replace(/\r\n/g, "\n");
+    let utftext = "";
+    for (let n = 0; n < string.length; n++) {
+      const c = string.charCodeAt(n);
+      if (c < 128) {
+        utftext += String.fromCharCode(c);
+      } else if (c > 127 && c < 2048) {
+        utftext += String.fromCharCode((c >> 6) | 192);
+        utftext += String.fromCharCode((c & 63) | 128);
+      } else {
+        utftext += String.fromCharCode((c >> 12) | 224);
+        utftext += String.fromCharCode(((c >> 6) & 63) | 128);
+        utftext += String.fromCharCode((c & 63) | 128);
+      }
+    }
+    return utftext;
+  };
+  // private method for UTF-8 decoding
+  _utf8_decode = (utftext: any) => {
+    let string = "";
+    let i = 0;
+    let c = (c1 = c2 = 0);
+    var c1 = 0;
+    var c2 = 0;
+    let c3 = 0;
+    while (i < utftext.length) {
+      c = utftext.charCodeAt(i);
+      if (c < 128) {
+        string += String.fromCharCode(c);
+        i++;
+      } else if (c > 191 && c < 224) {
+        c2 = utftext.charCodeAt(i + 1);
+        string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
+        i += 2;
+      } else {
+        c2 = utftext.charCodeAt(i + 1);
+        c3 = utftext.charCodeAt(i + 2);
+        string += String.fromCharCode(
+          ((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)
+        );
+        i += 3;
+      }
+    }
+    return string;
+  };
+}

package/utils/index.ts

@@ -0,0 +1,3 @@
+export * from "./utils";
+export * from "./base64";
+export * from "./inside";

package/utils/inside.ts

@@ -0,0 +1,310 @@
+// 内部使用方法
+import { inject } from "vue";
+
+/**
+ * 是否视频格式
+ * @param {String} value
+ */
+export function isVideo(value: string): boolean {
+  const VIDEO_REGEXP =
+    /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv|m3u8)/i;
+  return VIDEO_REGEXP.test(value);
+}
+
+/**
+ * 生成bem规则类名
+ * 由于微信小程序，H5，nvue之间绑定class的差异，无法通过:class="[bem()]"的形式进行同用
+ * 故采用如下折中做法，最后返回的是数组（一般平台）或字符串（支付宝和字节跳动平台），类似['a', 'b', 'c']或'a b c'的形式
+ * @param {String} name 组件名称
+ * @param props
+ * @param {Array} fixed 一直会存在的类名
+ * @param {Array} change 会根据变量值为true或者false而出现或者隐藏的类名
+ * @returns {Array|string}
+ */
+export const bem = (
+  name: string,
+  props: Record<string, any>,
+  fixed: string[],
+  change?: string[]
+): string | string[] => {
+  // 类名前缀
+  const prefix = `hy-${name}--`;
+  const classes: Record<string, string | boolean> = {};
+  if (fixed) {
+    fixed.map((item: string) => {
+      // 这里的类名，会一直存在
+      classes[prefix + props[item]] = true;
+    });
+  }
+  if (change) {
+    change.map((item: string) => {
+      // 这里的类名，会根据this[item]的值为true或者false，而进行添加或者移除某一个类
+      props[item]
+        ? (classes[prefix + item] = props[item])
+        : delete classes[prefix + item];
+    });
+  }
+  return (
+    Object.keys(classes)
+      // 支付宝，头条小程序无法动态绑定一个数组类名，否则解析出来的结果会带有","，而导致失效
+      // #ifdef MP-ALIPAY || MP-TOUTIAO || MP-LARK
+      .join(" ")
+    // #endif
+  );
+};
+
+/**
+ * @description 在u-form的子组件内容发生变化，或者失去焦点时，尝试通知u-form执行校验方法
+ * @param {*} instance
+ * @param {*} event
+ */
+export function formValidate(event) {
+  // const formItem = $parent.call(instance, "u-form-item");
+  const form = inject("uForm");
+  console.log(form, "form");
+  // 如果发生变化的input或者textarea等，其父组件中有u-form-item或者u-form等，就执行form的validate方法
+  // 同时将form-item的pros传递给form，让其进行精确对象验证
+  // if (formItem && form) {
+  //   form.validateField(formItem.prop, () => {}, event);
+  // }
+}
+
+/**
+ * @description error提示
+ * @param {*} err 错误内容
+ */
+export function error(err: string) {
+  // 开发环境才提示，生产环境不会提示
+  if (process.env.NODE_ENV === "development") {
+    console.error(`华玥组件提示：${err}`);
+  }
+}
+
+export const sleep = (value = 30) => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve();
+    }, value);
+  });
+};
+
+/**
+ * @param {Number} len uuid的长度
+ * @param {Boolean} firstU 将返回的首字母置为"u"
+ * @param {Nubmer} radix 生成uuid的基数(意味着返回的字符串都是这个基数),2-二进制,8-八进制,10-十进制,16-十六进制
+ */
+export function guid(len = 32, firstU = true, radix = null) {
+  const chars =
+    "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split("");
+  const uuid = [];
+  radix = radix || chars.length;
+
+  if (len) {
+    // 如果指定uuid长度,只是取随机的字符,0|x为位运算,能去掉x的小数位,返回整数位
+    for (let i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];
+  } else {
+    let r;
+    // rfc4122标准要求返回的uuid中,某些位为固定的字符
+    uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
+    uuid[14] = "4";
+
+    for (let i = 0; i < 36; i++) {
+      if (!uuid[i]) {
+        r = 0 | (Math.random() * 16);
+        uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
+      }
+    }
+  }
+  // 移除第一个字符,并用u替代,因为第一个字符为数值时,该guuid不能用作id或者class
+  if (firstU) {
+    uuid.shift();
+    return `hy${uuid.join("")}`;
+  }
+  return uuid.join("");
+}
+
+export function sys() {
+  return uni.getSystemSetting();
+}
+export function getWindowInfo() {
+  let ret = {};
+  // #ifdef APP || H5 || MP-WEIXIN
+  ret = uni.getWindowInfo();
+  // #endif
+  // #ifndef APP || H5 || MP-WEIXIN
+  ret = sys();
+  // #endif
+  return ret;
+}
+
+function pickExclude(obj, keys) {
+  // 某些情况下，type可能会为
+  if (
+    !["[object Object]", "[object File]"].includes(
+      Object.prototype.toString.call(obj)
+    )
+  ) {
+    return {};
+  }
+  return Object.keys(obj).reduce((prev, key) => {
+    if (!keys.includes(key)) {
+      prev[key] = obj[key];
+    }
+    return prev;
+  }, {});
+}
+
+function formatImage(res) {
+  return res.tempFiles.map((item) => ({
+    ...pickExclude(item, ["path"]),
+    type: "image",
+    url: item.path,
+    thumb: item.path,
+    size: item.size,
+    // #ifdef H5
+    name: item.name,
+    file: item
+    // #endif
+  }));
+}
+
+function formatVideo(res) {
+  return [
+    {
+      ...pickExclude(res, ["tempFilePath", "thumbTempFilePath", "errMsg"]),
+      type: "video",
+      url: res.tempFilePath,
+      thumb: res.thumbTempFilePath,
+      size: res.size,
+      // #ifdef H5
+      name: res.name,
+      file: res
+      // #endif
+    }
+  ];
+}
+
+function formatMedia(res) {
+  return res.tempFiles.map((item) => ({
+    ...pickExclude(item, ["fileType", "thumbTempFilePath", "tempFilePath"]),
+    type: res.type,
+    url: item.tempFilePath,
+    thumb: res.type === "video" ? item.thumbTempFilePath : item.tempFilePath,
+    size: item.size,
+    // #ifdef H5
+    file: item
+    // #endif
+  }));
+}
+
+function formatFile(res) {
+  return res.tempFiles.map((item) => ({
+    ...pickExclude(item, ["path"]),
+    url: item.path,
+    size: item.size,
+    // #ifdef H5
+    name: item.name,
+    type: item.type,
+    file: item
+    // #endif
+  }));
+}
+
+export function chooseFile({
+  accept,
+  multiple,
+  capture,
+  compressed,
+  maxDuration,
+  sizeType,
+  camera,
+  maxCount,
+  extension
+}: any) {
+  return new Promise((resolve, reject) => {
+    switch (accept) {
+      case "image":
+        uni.chooseImage({
+          count: multiple ? Math.min(maxCount, 9) : 1,
+          sourceType: capture,
+          sizeType,
+          success: (res) => resolve(formatImage(res)),
+          fail: reject
+        });
+        break;
+      // #ifdef MP-WEIXIN
+      // 只有微信小程序才支持chooseMedia接口
+      case "media":
+        wx.chooseMedia({
+          count: multiple ? Math.min(maxCount, 9) : 1,
+          sourceType: capture,
+          maxDuration,
+          sizeType,
+          camera,
+          success: (res) => resolve(formatMedia(res)),
+          fail: reject
+        });
+        break;
+      // #endif
+      case "video":
+        uni.chooseVideo({
+          sourceType: capture,
+          compressed,
+          maxDuration,
+          camera,
+          success: (res) => resolve(formatVideo(res)),
+          fail: reject
+        });
+        break;
+      // #ifdef MP-WEIXIN || H5
+      // 只有微信小程序才支持chooseMessageFile接口
+      case "file":
+        // #ifdef MP-WEIXIN
+        wx.chooseMessageFile({
+          count: multiple ? maxCount : 1,
+          type: accept,
+          success: (res) => resolve(formatFile(res)),
+          fail: reject
+        });
+        // #endif
+        // #ifdef H5
+        // 需要hx2.9.9以上才支持uni.chooseFile
+        let params = {
+          count: multiple ? maxCount : 1,
+          type: accept,
+          success: (res) => resolve(formatFile(res)),
+          fail: reject
+        };
+        if (extension.length && extension.length > 0) {
+          params.extension = extension;
+        }
+        uni.chooseFile(params);
+        // #endif
+        break;
+      // #endif
+      default:
+        // 此为保底选项，在accept不为上面任意一项的时候选取全部文件
+        // #ifdef MP-WEIXIN
+        wx.chooseMessageFile({
+          count: multiple ? maxCount : 1,
+          type: "all",
+          success: (res) => resolve(formatFile(res)),
+          fail: reject
+        });
+        // #endif
+        // #ifdef H5
+        // 需要hx2.9.9以上才支持uni.chooseFile
+        let paramsFile = {
+          count: multiple ? maxCount : 1,
+          type: "all",
+          success: (res) => resolve(formatFile(res)),
+          fail: reject
+        };
+        if (extension.length && extension.length > 0) {
+          paramsFile.extension = extension;
+        }
+        uni.chooseFile(paramsFile);
+      // #endif
+    }
+  });
+}