hfyk-app/utils/inside.ts

导出问题

// 内部使用方法
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.getSystemInfoSync();
}
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
    }
  });
}