base.js

// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: deep-gray; icon-glyph: code-branch;

// 组件基础类
class Base {
  constructor(arg = '') {
    this.arg = arg;
    this._actions = {};
    try {
      this.init();
    } catch (error) {
      console.log(error);
    }
  }

  init(widgetFamily = config.widgetFamily) {
    // 组件大小：small,medium,large
    this.widgetFamily = widgetFamily;
    // 系统设置的key，这里分为三个类型：
    // 1. 全局
    // 2. 不同尺寸的小组件
    // 3. 不同尺寸+小组件自定义的参数
    this.SETTING_KEY = this.md5(Script.name());
    // 文件管理器
    // 提示：缓存数据不要用这个操作，这个是操作源码目录的，缓存建议存放在local temp目录中
    // 本地，用于存储图片等
    this.FILE_MGR_LOCAL = FileManager.local();
    //插件设置
    this.settings = this.getSettings();
  }

  /**
   * 注册点击操作菜单
   * @param {string} name 操作函数名
   * @param {func} func 点击后执行的函数
   */
  // @ts-ignore
  registerAction(name, func) {
    this._actions[name] = func.bind(this);
  }

  /**
   * 生成操作回调URL，点击后执行本脚本，并触发相应操作
   * @param {string} name 操作的名称
   * @param {string} data 传递的数据
   */
  actionUrl(name = '', data = '') {
    let u = URLScheme.forRunningScript();
    let q = `act=${encodeURIComponent(name)}&data=${encodeURIComponent(data)}&__arg=${encodeURIComponent(
      this.arg
    )}&__size=${this.widgetFamily}`;
    let result = '';
    if (u.includes('run?')) {
      result = `${u}&${q}`;
    } else {
      result = `${u}?${q}`;
    }
    return result;
  }

  // 获取 boxJS 缓存
  async getBoxjsCache(key = '', notify = true, prefix = 'boxjs.com') {
    try {
      let url = 'http://' + prefix + '/query/boxdata';
      if (key) url = 'http://' + prefix + '/query/data/' + key;
      const boxdata = await this.request({method: 'GET', url: url});
      if (boxdata.val) return boxdata.val;
      return boxdata.datas;
    } catch (e) {
      if (notify)
        await this.notify(
          `BoxJS 数据读取失败`,
          '请检查 BoxJS 域名是否为代理复写的域名，如（boxjs.net 或 boxjs.com）。\n若没有配置 BoxJS 相关模块，请点击通知查看教程',
          'https://chavyleung.gitbook.io/boxjs/awesome/videos'
        );
      return false;
    }
  }

  /**
   * 保存字符串到本地
   * @param {string} cacheKey 缓存key
   * @param {string} content 缓存内容
   */
  saveStringCache(cacheKey, content) {
    const cacheFile = this.FILE_MGR_LOCAL.joinPath(this.FILE_MGR_LOCAL.documentsDirectory(), cacheKey);
    this.FILE_MGR_LOCAL.writeString(cacheFile, content);
  }

  /**
   * 获取本地缓存字符串
   * @param {string} cacheKey 缓存key
   * @return {string} 本地字符串缓存
   */
  loadStringCache(cacheKey) {
    const cacheFile = this.FILE_MGR_LOCAL.joinPath(this.FILE_MGR_LOCAL.documentsDirectory(), cacheKey);
    const fileExists = this.FILE_MGR_LOCAL.fileExists(cacheFile);
    let cacheString = '';
    if (fileExists) {
      cacheString = this.FILE_MGR_LOCAL.readString(cacheFile);
    }
    return cacheString;
  }

  /**
   * 保存图片到本地
   * @param {string} cacheKey 缓存key
   * @param {Image} img 缓存图片
   */
  saveImgCache(cacheKey, img) {
    const cacheFile = this.FILE_MGR_LOCAL.joinPath(this.FILE_MGR_LOCAL.documentsDirectory(), cacheKey);
    this.FILE_MGR_LOCAL.writeImage(cacheFile, img);
  }

  /**
   * 获取本地缓存图片
   * @param {string} cacheKey 缓存key
   * @return {Image} 本地图片缓存
   */
  loadImgCache(cacheKey) {
    const cacheFile = this.FILE_MGR_LOCAL.joinPath(this.FILE_MGR_LOCAL.documentsDirectory(), cacheKey);
    const fileExists = this.FILE_MGR_LOCAL.fileExists(cacheFile);
    let img = undefined;
    if (fileExists) {
      img = this.FILE_MGR_LOCAL.readImage(cacheFile);
    }
    return img;
  }

  /**
   * 获取缓存文件的上次修改时间
   * @param {string} cacheKey 缓存key
   * @return 返回上次缓存文件修改的时间戳(单位：秒)
   */
  getCacheModificationDate(cacheKey) {
    const cacheFile = this.FILE_MGR_LOCAL.joinPath(this.FILE_MGR_LOCAL.documentsDirectory(), cacheKey);
    const fileExists = this.FILE_MGR_LOCAL.fileExists(cacheFile);
    if (fileExists) {
      return this.FILE_MGR_LOCAL.modificationDate(cacheFile).getTime() / 1000;
    } else {
      return 0;
    }
  }

  /**
   * 删除本地缓存
   * @param {string} cacheKey 缓存key
   */
  removeCache(cacheKey) {
    const cacheFile = this.FILE_MGR_LOCAL.joinPath(this.FILE_MGR_LOCAL.documentsDirectory(), cacheKey);
    if (this.FILE_MGR_LOCAL.fileExists(cacheFile)) {
      this.FILE_MGR_LOCAL.remove(cacheFile);
    }
  }

  /**
   * 删除本地缓存集合
   * @param {array} cacheKeyList 缓存key
   */
  removeCaches(cacheKeyList) {
    for (const cacheKey of cacheKeyList) {
      this.removeCache(cacheKey);
    }
  }

  /**
   * base64 编码字符串
   * @param {string} str 要编码的字符串
   */
  base64Encode(str) {
    const data = Data.fromString(str);
    return data.toBase64String();
  }

  /**
   * base64解码数据 返回字符串
   * @param {string} b64 base64编码的数据
   */
  base64Decode(b64) {
    const data = Data.fromBase64String(b64);
    return data.toRawString();
  }

  /**
   * md5 加密字符串
   * @param string
   * @returns {string}
   */
  md5(string, str2utf8 = false) {
    const safeAdd = (x, y) => {
      let lsw = (x & 0xffff) + (y & 0xffff);
      return (((x >> 16) + (y >> 16) + (lsw >> 16)) << 16) | (lsw & 0xffff);
    };
    const bitRotateLeft = (num, cnt) => (num << cnt) | (num >>> (32 - cnt));
    const md5cmn = (q, a, b, x, s, t) => safeAdd(bitRotateLeft(safeAdd(safeAdd(a, q), safeAdd(x, t)), s), b),
      md5ff = (a, b, c, d, x, s, t) => md5cmn((b & c) | (~b & d), a, b, x, s, t),
      md5gg = (a, b, c, d, x, s, t) => md5cmn((b & d) | (c & ~d), a, b, x, s, t),
      md5hh = (a, b, c, d, x, s, t) => md5cmn(b ^ c ^ d, a, b, x, s, t),
      md5ii = (a, b, c, d, x, s, t) => md5cmn(c ^ (b | ~d), a, b, x, s, t);
    const firstChunk = (chunks, x, i) => {
        let [a, b, c, d] = chunks;
        a = md5ff(a, b, c, d, x[i + 0], 7, -680876936);
        d = md5ff(d, a, b, c, x[i + 1], 12, -389564586);
        c = md5ff(c, d, a, b, x[i + 2], 17, 606105819);
        b = md5ff(b, c, d, a, x[i + 3], 22, -1044525330);

        a = md5ff(a, b, c, d, x[i + 4], 7, -176418897);
        d = md5ff(d, a, b, c, x[i + 5], 12, 1200080426);
        c = md5ff(c, d, a, b, x[i + 6], 17, -1473231341);
        b = md5ff(b, c, d, a, x[i + 7], 22, -45705983);

        a = md5ff(a, b, c, d, x[i + 8], 7, 1770035416);
        d = md5ff(d, a, b, c, x[i + 9], 12, -1958414417);
        c = md5ff(c, d, a, b, x[i + 10], 17, -42063);
        b = md5ff(b, c, d, a, x[i + 11], 22, -1990404162);

        a = md5ff(a, b, c, d, x[i + 12], 7, 1804603682);
        d = md5ff(d, a, b, c, x[i + 13], 12, -40341101);
        c = md5ff(c, d, a, b, x[i + 14], 17, -1502002290);
        b = md5ff(b, c, d, a, x[i + 15], 22, 1236535329);

        return [a, b, c, d];
      },
      secondChunk = (chunks, x, i) => {
        let [a, b, c, d] = chunks;
        a = md5gg(a, b, c, d, x[i + 1], 5, -165796510);
        d = md5gg(d, a, b, c, x[i + 6], 9, -1069501632);
        c = md5gg(c, d, a, b, x[i + 11], 14, 643717713);
        b = md5gg(b, c, d, a, x[i], 20, -373897302);

        a = md5gg(a, b, c, d, x[i + 5], 5, -701558691);
        d = md5gg(d, a, b, c, x[i + 10], 9, 38016083);
        c = md5gg(c, d, a, b, x[i + 15], 14, -660478335);
        b = md5gg(b, c, d, a, x[i + 4], 20, -405537848);

        a = md5gg(a, b, c, d, x[i + 9], 5, 568446438);
        d = md5gg(d, a, b, c, x[i + 14], 9, -1019803690);
        c = md5gg(c, d, a, b, x[i + 3], 14, -187363961);
        b = md5gg(b, c, d, a, x[i + 8], 20, 1163531501);

        a = md5gg(a, b, c, d, x[i + 13], 5, -1444681467);
        d = md5gg(d, a, b, c, x[i + 2], 9, -51403784);
        c = md5gg(c, d, a, b, x[i + 7], 14, 1735328473);
        b = md5gg(b, c, d, a, x[i + 12], 20, -1926607734);

        return [a, b, c, d];
      },
      thirdChunk = (chunks, x, i) => {
        let [a, b, c, d] = chunks;
        a = md5hh(a, b, c, d, x[i + 5], 4, -378558);
        d = md5hh(d, a, b, c, x[i + 8], 11, -2022574463);
        c = md5hh(c, d, a, b, x[i + 11], 16, 1839030562);
        b = md5hh(b, c, d, a, x[i + 14], 23, -35309556);

        a = md5hh(a, b, c, d, x[i + 1], 4, -1530992060);
        d = md5hh(d, a, b, c, x[i + 4], 11, 1272893353);
        c = md5hh(c, d, a, b, x[i + 7], 16, -155497632);
        b = md5hh(b, c, d, a, x[i + 10], 23, -1094730640);

        a = md5hh(a, b, c, d, x[i + 13], 4, 681279174);
        d = md5hh(d, a, b, c, x[i], 11, -358537222);
        c = md5hh(c, d, a, b, x[i + 3], 16, -722521979);
        b = md5hh(b, c, d, a, x[i + 6], 23, 76029189);

        a = md5hh(a, b, c, d, x[i + 9], 4, -640364487);
        d = md5hh(d, a, b, c, x[i + 12], 11, -421815835);
        c = md5hh(c, d, a, b, x[i + 15], 16, 530742520);
        b = md5hh(b, c, d, a, x[i + 2], 23, -995338651);

        return [a, b, c, d];
      },
      fourthChunk = (chunks, x, i) => {
        let [a, b, c, d] = chunks;
        a = md5ii(a, b, c, d, x[i], 6, -198630844);
        d = md5ii(d, a, b, c, x[i + 7], 10, 1126891415);
        c = md5ii(c, d, a, b, x[i + 14], 15, -1416354905);
        b = md5ii(b, c, d, a, x[i + 5], 21, -57434055);

        a = md5ii(a, b, c, d, x[i + 12], 6, 1700485571);
        d = md5ii(d, a, b, c, x[i + 3], 10, -1894986606);
        c = md5ii(c, d, a, b, x[i + 10], 15, -1051523);
        b = md5ii(b, c, d, a, x[i + 1], 21, -2054922799);

        a = md5ii(a, b, c, d, x[i + 8], 6, 1873313359);
        d = md5ii(d, a, b, c, x[i + 15], 10, -30611744);
        c = md5ii(c, d, a, b, x[i + 6], 15, -1560198380);
        b = md5ii(b, c, d, a, x[i + 13], 21, 1309151649);

        a = md5ii(a, b, c, d, x[i + 4], 6, -145523070);
        d = md5ii(d, a, b, c, x[i + 11], 10, -1120210379);
        c = md5ii(c, d, a, b, x[i + 2], 15, 718787259);
        b = md5ii(b, c, d, a, x[i + 9], 21, -343485551);
        return [a, b, c, d];
      };
    const binlMD5 = (x, len) => {
      /* append padding */
      x[len >> 5] |= 0x80 << len % 32;
      x[(((len + 64) >>> 9) << 4) + 14] = len;
      let commands = [firstChunk, secondChunk, thirdChunk, fourthChunk],
        initialChunks = [1732584193, -271733879, -1732584194, 271733878];
      return Array.from({length: Math.floor(x.length / 16) + 1}, (v, i) => i * 16).reduce(
        (chunks, i) =>
          commands
            .reduce((newChunks, apply) => apply(newChunks, x, i), chunks.slice())
            .map((chunk, index) => safeAdd(chunk, chunks[index])),
        initialChunks
      );
    };
    const binl2rstr = (input) =>
      Array(input.length * 4)
        .fill(8)
        .reduce((output, k, i) => output + String.fromCharCode((input[(i * k) >> 5] >>> (i * k) % 32) & 0xff), '');
    const rstr2binl = (input) =>
      Array.from(input)
        .map((i) => i.charCodeAt(0))
        .reduce((output, cc, i) => {
          let resp = output.slice();
          resp[(i * 8) >> 5] |= (cc & 0xff) << (i * 8) % 32;
          return resp;
        }, []);
    const rstrMD5 = (string) => binl2rstr(binlMD5(rstr2binl(string), string.length * 8));
    const rstr2hex = (input) => {
      const hexTab = (pos) => '0123456789abcdef'.charAt(pos);
      return Array.from(input)
        .map((c) => c.charCodeAt(0))
        .reduce((output, x) => output + hexTab((x >>> 4) & 0x0f) + hexTab(x & 0x0f), '');
    };
    const str2rstrUTF8 = (unicodeString) => {
      if (typeof unicodeString !== 'string') throw new TypeError('parameter ‘unicodeString’ is not a string');
      const cc = (c) => c.charCodeAt(0);
      return unicodeString
        .replace(
          /[\u0080-\u07ff]/g, // U+0080 - U+07FF => 2 bytes 110yyyyy, 10zzzzzz
          (c) => String.fromCharCode(0xc0 | (cc(c) >> 6), 0x80 | (cc(c) & 0x3f))
        )
        .replace(
          /[\u0800-\uffff]/g, // U+0800 - U+FFFF => 3 bytes 1110xxxx, 10yyyyyy, 10zzzzzz
          (c) => String.fromCharCode(0xe0 | (cc(c) >> 12), 0x80 | ((cc(c) >> 6) & 0x3f), 0x80 | (cc(c) & 0x3f))
        );
    };
    const rawMD5 = (s) => rstrMD5(str2utf8 ? str2rstrUTF8(s) : s);
    const hexMD5 = (s) => rstr2hex(rawMD5(s));
    return hexMD5(string);
  }

  /**
   * 请求参数排序组合
   * @param {*} args
   * @returns
   */
  http_build_query(args) {
    let keys = Object.keys(args);
    keys = keys.sort();
    let newArgs = {};
    keys.forEach(function (key) {
      if (args[key] != '' && args[key] != 'undefined') {
        newArgs[key] = args[key];
      }
    });
    let string = '';
    for (let k in newArgs) {
      string += '&' + k + '=' + newArgs[k];
    }
    string = string.substring(1);
    return string;
  }

  /**
   * 16进制随机字符传
   * @param {*} e
   * @returns
   */
  randomChar(e) {
    e = e || 16;
    let t = 'ABCDEF0123456789',
      a = t.length,
      n = '';
    for (let i = 0; i < e; i++) n += t.charAt(Math.floor(Math.random() * a));
    return n;
  }

  /**
   * 取数组随机字段
   * @param {*} arr
   * @param {*} count
   * @returns
   */
  getRandomArrayElements(arr, count) {
    let shuffled = arr.slice(0),
      i = arr.length,
      min = i - count,
      temp,
      index;
    min = min > 0 ? min : 0;
    while (i-- > min) {
      index = Math.floor((i + 1) * Math.random());
      temp = shuffled[index];
      shuffled[index] = shuffled[i];
      shuffled[i] = temp;
    }
    return shuffled.slice(min);
  }

  /**
   * 判断对象是否为空
   * @param {*} mixedVar
   * @returns
   */
  empty(mixedVar) {
    let undef;
    let key;
    let i;
    let len;
    const emptyValues = [undef, null, false, 0, '', '0'];
    for (i = 0, len = emptyValues.length; i < len; i++) {
      if (mixedVar == emptyValues[i]) {
        return true;
      }
    }
    if (typeof mixedVar == 'object') {
      for (key in mixedVar) {
        if (mixedVar.hasOwnProperty(key)) {
          return false;
        }
      }
      return true;
    }
    return false;
  }

  /**
   * 时间转换
   * @param {*} ts
   * @param {*} formatter
   * @returns
   */
  dateFormat(ts, formatter = 'yyyy-MM-dd HH:mm') {
    let date = new Date(ts);
    let dateFormatter = new DateFormatter();
    dateFormatter.dateFormat = formatter;
    let dateStr = dateFormatter.string(date);

    return dateStr;
  }
  /**
   * 组件尺寸大小
   * @returns
   */
  deviceSize() {
    return {
      '428x926': {
        small: {width: 176, height: 176},
        medium: {width: 374, height: 176},
        large: {width: 374, height: 391}
      },
      '390x844': {
        small: {width: 161, height: 161},
        medium: {width: 342, height: 161},
        large: {width: 342, height: 359}
      },
      '414x896': {
        small: {width: 169, height: 169},
        medium: {width: 360, height: 169},
        large: {width: 360, height: 376}
      },
      '375x812': {
        small: {width: 155, height: 155},
        medium: {width: 329, height: 155},
        large: {width: 329, height: 345}
      },
      '414x736': {
        small: {width: 159, height: 159},
        medium: {width: 348, height: 159},
        large: {width: 348, height: 357}
      },
      '375x667': {
        small: {width: 148, height: 148},
        medium: {width: 322, height: 148},
        large: {width: 322, height: 324}
      },
      '320x568': {
        small: {width: 141, height: 141},
        medium: {width: 291, height: 141},
        large: {width: 291, height: 299}
      },
      '320x693': {
        small: {width: 150, height: 150},
        medium: {width: 299, height: 150},
        large: {width: 299, height: 310}
      }
    };
  }

  /**
   * 手机分辨率
   * @returns Object
   */
  phoneSizes() {
    return {
      // 12 Pro Max
      2778: {
        small: 510,
        medium: 1092,
        large: 1146,
        left: 96,
        right: 678,
        top: 246,
        middle: 882,
        bottom: 1518
      },

      // 12 and 12 Pro
      2532: {
        small: 474,
        medium: 1014,
        large: 1062,
        left: 78,
        right: 618,
        top: 231,
        middle: 819,
        bottom: 1407
      },

      // 11 Pro Max, XS Max
      2688: {
        small: 507,
        medium: 1080,
        large: 1137,
        left: 81,
        right: 654,
        top: 228,
        middle: 858,
        bottom: 1488
      },

      // 11, XR
      1792: {
        small: 338,
        medium: 720,
        large: 758,
        left: 54,
        right: 436,
        top: 160,
        middle: 580,
        bottom: 1000
      },

      // 11 Pro, XS, X, 12 mini
      2436: {
        x: {
          small: 465,
          medium: 987,
          large: 1035,
          left: 69,
          right: 591,
          top: 213,
          middle: 783,
          bottom: 1353
        },

        mini: {
          small: 465,
          medium: 987,
          large: 1035,
          left: 69,
          right: 591,
          top: 231,
          middle: 801,
          bottom: 1371
        }
      },

      // Plus phones
      2208: {
        small: 471,
        medium: 1044,
        large: 1071,
        left: 99,
        right: 672,
        top: 114,
        middle: 696,
        bottom: 1278
      },

      // SE2 and 6/6S/7/8
      1334: {
        small: 296,
        medium: 642,
        large: 648,
        left: 54,
        right: 400,
        top: 60,
        middle: 412,
        bottom: 764
      },

      // SE1
      1136: {
        small: 282,
        medium: 584,
        large: 622,
        left: 30,
        right: 332,
        top: 59,
        middle: 399,
        bottom: 399
      },

      // 11 and XR in Display Zoom mode
      1624: {
        small: 310,
        medium: 658,
        large: 690,
        left: 46,
        right: 394,
        top: 142,
        middle: 522,
        bottom: 902
      },

      // Plus in Display Zoom mode
      2001: {
        small: 444,
        medium: 963,
        large: 972,
        left: 81,
        right: 600,
        top: 90,
        middle: 618,
        bottom: 1146
      }
    };
  }

  /**
   * @description Provide a font based on the input.
   * @param {*} fontName
   * @param {*} fontSize
   */
  provideFont(fontName, fontSize) {
    const fontGenerator = {
      ultralight: () => {
        return Font.ultraLightSystemFont(fontSize);
      },
      light: () => {
        return Font.lightSystemFont(fontSize);
      },
      regular: () => {
        return Font.regularSystemFont(fontSize);
      },
      medium: () => {
        return Font.mediumSystemFont(fontSize);
      },
      semibold: () => {
        return Font.semiboldSystemFont(fontSize);
      },
      bold: () => {
        return Font.boldSystemFont(fontSize);
      },
      heavy: () => {
        return Font.heavySystemFont(fontSize);
      },
      black: () => {
        return Font.blackSystemFont(fontSize);
      },
      italic: () => {
        return Font.italicSystemFont(fontSize);
      }
    };

    const systemFont = fontGenerator[fontName];
    if (systemFont) {
      return systemFont();
    }
    return new Font(fontName, fontSize);
  }

  /**
   * 判断系统外观模式
   * @return {Promise<boolean>}
   */
  async isUsingDarkAppearance() {
    return !Color.dynamic(Color.white(), Color.black()).red;
  }

  /**
   * Alert 弹窗封装
   * @param message
   * @param options
   * @returns {Promise<number>}
   */
  async generateAlert(message, options) {
    const alert = new Alert();
    alert.message = message;
    for (const option of options) {
      alert.addAction(option);
    }
    return await alert.presentAlert();
  }

  /**
   * @description GET，返回String数据
   * @param {*} param0 request信息
   * @param {*} callback 回调返回response和JSON对象
   */
  async request({method, url, headers = {}, body = null, json = true}, callback = () => {}) {
    const request = new Request('');
    // @ts-ignore
    request.url = url;
    // @ts-ignore
    request.method = method;
    // @ts-ignore
    request.headers = {
      ...headers
    };
    // @ts-ignore
    if (body) {
      request.body = body;
    }
    request.timeoutInterval = 30;
    // @ts-ignore
    let data = await (json ? request.loadJSON() : request.loadString());
    // @ts-ignore
    callback(request.response, data);
    return data;
  }

  /**
   * 弹出一个通知
   * @param {string} title 通知标题
   * @param {string} body 通知内容
   * @param {string} url 点击后打开的URL
   */
  async notify(title, body, url = null, opts = {}) {
    // @ts-ignore
    let n = new Notification();
    n = Object.assign(n, opts);
    // @ts-ignore
    n.title = title;
    // @ts-ignore
    n.body = body;
    // @ts-ignore
    if (url) n.openURL = url;
    // @ts-ignore
    return await n.schedule();
  }

  /**
   * 获取当前插件的设置
   * @param {boolean} json 是否为json格式
   */
  getSettings(json = true) {
    let res = json ? {} : '';
    let cache = '';
    if (Keychain.contains(this.SETTING_KEY)) {
      cache = Keychain.get(this.SETTING_KEY);
    }
    if (json) {
      try {
        res = JSON.parse(cache);
      } catch (e) {}
    } else {
      res = cache;
    }

    return res;
  }

  /**
   * 存储当前设置
   * @param {*} notify 是否通知提示
   */
  saveSettings(notify = true) {
    let res = typeof this.settings == 'object' ? JSON.stringify(this.settings) : String(this.settings);
    Keychain.set(this.SETTING_KEY, res);
    // @ts-ignore
    if (notify) this.notify('设置成功', '桌面组件稍后将自动刷新');
  }

  /**
   * 百度坐标系 (BD-09) 与 火星坐标系 (GCJ-02)的转换
   * 即 百度 转 谷歌、高德
   * @param bd_lon
   * @param bd_lat
   * @returns {*[]}
   */
  bd09togcj02(bd_lon, bd_lat) {
    let x_pi = (3.14159265358979324 * 3000.0) / 180.0;
    let x = bd_lon - 0.0065;
    let y = bd_lat - 0.006;
    let z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);
    let theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);
    let gg_lng = z * Math.cos(theta);
    let gg_lat = z * Math.sin(theta);
    return [gg_lng, gg_lat];
  }

  /**
   * 火星坐标系 (GCJ-02) 与百度坐标系 (BD-09) 的转换
   * 即谷歌、高德 转 百度
   * @param lng
   * @param lat
   * @returns {*[]}
   */
  gcj02tobd09(lng, lat) {
    const x_PI = (3.14159265358979324 * 3000.0) / 180.0;
    let z = Math.sqrt(lng * lng + lat * lat) + 0.00002 * Math.sin(lat * x_PI);
    let theta = Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * x_PI);
    let bd_lng = z * Math.cos(theta) + 0.0065;
    let bd_lat = z * Math.sin(theta) + 0.006;
    return [bd_lng, bd_lat];
  }

  /**
   * WGS84转GCj02/谷歌、高德
   * @param lng
   * @param lat
   * @returns {*[]}
   */
  wgs84togcj02(lng, lat) {
    const PI = 3.1415926535897932384626;
    const a = 6378245.0;
    const ee = 0.00669342162296594323;
    if (this.out_of_china(lng, lat)) {
      return [lng, lat];
    } else {
      let dlat = this.transformlat(lng - 105.0, lat - 35.0);
      let dlng = this.transformlng(lng - 105.0, lat - 35.0);
      let radlat = (lat / 180.0) * PI;
      let magic = Math.sin(radlat);
      magic = 1 - ee * magic * magic;
      let sqrtmagic = Math.sqrt(magic);
      dlat = (dlat * 180.0) / (((a * (1 - ee)) / (magic * sqrtmagic)) * PI);
      dlng = (dlng * 180.0) / ((a / sqrtmagic) * Math.cos(radlat) * PI);
      let mglat = lat + dlat;
      let mglng = lng + dlng;
      return [mglng, mglat];
    }
  }

  /**
   * GCJ02/谷歌、高德 转换为 WGS84 gcj02towgs84
   * @param lng
   * @param lat
   * @returns {*[]}
   */
  gcj02towgs84(lng, lat) {
    const PI = 3.1415926535897932384626;
    const a = 6378245.0;
    const ee = 0.00669342162296594323;
    if (this.out_of_china(lng, lat)) {
      return [lng, lat];
    } else {
      let dlat = this.transformlat(lng - 105.0, lat - 35.0);
      let dlng = this.transformlng(lng - 105.0, lat - 35.0);
      let radlat = (lat / 180.0) * PI;
      let magic = Math.sin(radlat);
      magic = 1 - ee * magic * magic;
      let sqrtmagic = Math.sqrt(magic);
      dlat = (dlat * 180.0) / (((a * (1 - ee)) / (magic * sqrtmagic)) * PI);
      dlng = (dlng * 180.0) / ((a / sqrtmagic) * Math.cos(radlat) * PI);
      let mglat = lat + dlat;
      let mglng = lng + dlng;
      return [lng * 2 - mglng, lat * 2 - mglat];
    }
  }

  /**
   * 坐标转换
   * @param {*} lng
   * @param {*} lat
   * @returns
   */
  transformlat(lng, lat) {
    const PI = 3.1415926535897932384626;
    let ret = -100.0 + 2.0 * lng + 3.0 * lat + 0.2 * lat * lat + 0.1 * lng * lat + 0.2 * Math.sqrt(Math.abs(lng));
    ret += ((20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0) / 3.0;
    ret += ((20.0 * Math.sin(lat * PI) + 40.0 * Math.sin((lat / 3.0) * PI)) * 2.0) / 3.0;
    ret += ((160.0 * Math.sin((lat / 12.0) * PI) + 320 * Math.sin((lat * PI) / 30.0)) * 2.0) / 3.0;
    return ret;
  }

  /**
   * 坐标转换
   * @param {*} lng
   * @param {*} lat
   * @returns
   */
  transformlng(lng, lat) {
    const PI = 3.1415926535897932384626;
    let ret = 300.0 + lng + 2.0 * lat + 0.1 * lng * lng + 0.1 * lng * lat + 0.1 * Math.sqrt(Math.abs(lng));
    ret += ((20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0) / 3.0;
    ret += ((20.0 * Math.sin(lng * PI) + 40.0 * Math.sin((lng / 3.0) * PI)) * 2.0) / 3.0;
    ret += ((150.0 * Math.sin((lng / 12.0) * PI) + 300.0 * Math.sin((lng / 30.0) * PI)) * 2.0) / 3.0;
    return ret;
  }

  /**
   * 判断是否在国内，不在国内则不做偏移
   * @param lng
   * @param lat
   * @returns {boolean}
   */
  out_of_china(lng, lat) {
    return lng < 72.004 || lng > 137.8347 || lat < 0.8293 || lat > 55.8271 || false;
  }

  /**
   * 获取截图中的组件剪裁图
   * 可用作透明背景
   * 返回图片image对象
   * 代码改自：https://gist.github.com/mzeryck/3a97ccd1e059b3afa3c6666d27a496c9
   * @param {string} title 开始处理前提示用户截图的信息，可选（适合用在组件自定义透明背景时提示）
   */
  async getWidgetScreenShot(title = null) {
    let message = title || '开始之前，请先前往桌面，截取空白界面的截图。然后回来继续';
    let exitOptions = ['我已截图', '前去截图 >'];
    let shouldExit = await this.generateAlert(message, exitOptions);
    if (shouldExit) return;

    // Get screenshot and determine phone size.
    let img = await Photos.fromLibrary();
    let height = img.size.height;
    let phone = this.phoneSizes()[height];
    if (!phone) {
      message = '好像您选择的照片不是正确的截图，请先前往桌面';
      await this.generateAlert(message, ['我已知晓']);
      return;
    }

    // Extra setup needed for 2436-sized phones.
    if (height == 2436) {
      const files = this.FILE_MGR_LOCAL;
      let cacheName = 'mz-phone-type';
      let cachePath = files.joinPath(files.libraryDirectory(), cacheName);

      // If we already cached the phone size, load it.
      if (files.fileExists(cachePath)) {
        let typeString = files.readString(cachePath);
        phone = phone[typeString];
        // Otherwise, prompt the user.
      } else {
        message = '您的📱型号是?';
        let types = ['iPhone 12 mini', 'iPhone 11 Pro, XS, or X'];
        let typeIndex = await this.generateAlert(message, types);
        let type = typeIndex == 0 ? 'mini' : 'x';
        phone = phone[type];
        files.writeString(cachePath, type);
      }
    }

    // Prompt for widget size and position.
    message = '截图中要设置透明背景组件的尺寸类型是？';
    let sizes = ['小尺寸', '中尺寸', '大尺寸'];
    let size = await this.generateAlert(message, sizes);
    let widgetSize = sizes[size];

    message = '要设置透明背景的小组件在哪个位置？';
    message +=
      height == 1136 ? ' （备注：当前设备只支持两行小组件，所以下边选项中的「中间」和「底部」的选项是一致的）' : '';

    // Determine image crop based on phone size.
    let crop = {w: '', h: '', x: '', y: ''};
    if (widgetSize == '小尺寸') {
      crop.w = phone.small;
      crop.h = phone.small;
      let positions = ['左上角', '右上角', '中间左', '中间右', '左下角', '右下角'];
      let _posotions = ['Top left', 'Top right', 'Middle left', 'Middle right', 'Bottom left', 'Bottom right'];
      let position = await this.generateAlert(message, positions);

      // Convert the two words into two keys for the phone size dictionary.
      let keys = _posotions[position].toLowerCase().split(' ');
      crop.y = phone[keys[0]];
      crop.x = phone[keys[1]];
    } else if (widgetSize == '中尺寸') {
      crop.w = phone.medium;
      crop.h = phone.small;

      // Medium and large widgets have a fixed x-value.
      crop.x = phone.left;
      let positions = ['顶部', '中间', '底部'];
      let _positions = ['Top', 'Middle', 'Bottom'];
      let position = await this.generateAlert(message, positions);
      let key = _positions[position].toLowerCase();
      crop.y = phone[key];
    } else if (widgetSize == '大尺寸') {
      crop.w = phone.medium;
      crop.h = phone.large;
      crop.x = phone.left;
      let positions = ['顶部', '底部'];
      let position = await this.generateAlert(message, positions);

      // Large widgets at the bottom have the "middle" y-value.
      crop.y = position ? phone.middle : phone.top;
    }

    // Crop image and finalize the widget.
    // @ts-ignore
    return this.cropImage(img, new Rect(crop.x, crop.y, crop.w, crop.h));
  }

  /**
   * 缩放图片
   * @param {*} imageSize
   * @param {*} height
   * @returns
   */
  scaleImage(imageSize, height) {
    let scale = height / imageSize.height;
    return new Size(scale * imageSize.width, height);
  }

  /**
   * 将图像裁剪到指定的 rect 中
   * @param img
   * @param rect
   * @returns {Image}
   */
  cropImage(img, rect) {
    const draw = new DrawContext();
    draw.size = new Size(rect.width, rect.height);

    draw.drawImageAtPoint(img, new Point(-rect.x, -rect.y));
    return draw.getImage();
  }

  /**
   * 加载base64图片
   * @param {*} base64Data
   * @returns
   */
  async loadBase64Image(base64Data) {
    let imageData = Data.fromBase64String(base64Data);

    return Image.fromData(imageData);
  }

  /**
   * 给图片加一层半透明遮罩
   * @param {Image} img 要处理的图片
   * @param {string} color 遮罩背景颜色
   * @param {any} opacity 透明度
   */
  async shadowImage(img, color = '#000000', opacity = 0.7) {
    let ctx = new DrawContext();
    // 获取图片的尺寸
    ctx.size = img.size;

    ctx.drawImageInRect(img, new Rect(0, 0, img.size['width'], img.size['height']));
    ctx.setFillColor(new Color(color, opacity));
    ctx.fillRect(new Rect(0, 0, img.size['width'], img.size['height']));

    return await ctx.getImage();
  }

  /**
   * 获取远程图片内容
   * @param {string} url 图片地址
   * @param {boolean} useCache 是否使用缓存（请求失败时获取本地缓存）
   */
  async getImageByUrl(url, useCache = true) {
    const cacheKey = this.md5(url);
    const cacheFile = FileManager.local().joinPath(FileManager.local().temporaryDirectory(), cacheKey);
    // 判断是否有缓存
    if (useCache && FileManager.local().fileExists(cacheFile)) {
      // @ts-ignore
      return Image.fromFile(cacheFile);
    }
    try {
      const req = new Request(url);
      // @ts-ignore
      const img = await req.loadImage();
      // 存储到缓存
      FileManager.local().writeImage(cacheFile, img);
      return img;
    } catch (e) {
      // 没有缓存+失败情况下，返回自定义的绘制图片（红色背景）
      let ctx = new DrawContext();
      ctx.size = new Size(100, 100);
      ctx.setFillColor(Color.red());
      ctx.fillRect(new Rect(0, 0, 100, 100));
      return await ctx.getImage();
    }
  }
  /**
   * 图片模糊化处理
   * @param {*} img
   * @param {*} style
   * @returns
   */
  async blurImage(img, style) {
    const blur = 150;
    const js = `
var mul_table=[512,512,456,512,328,456,335,512,405,328,271,456,388,335,292,512,454,405,364,328,298,271,496,456,420,388,360,335,312,292,273,512,482,454,428,405,383,364,345,328,312,298,284,271,259,496,475,456,437,420,404,388,374,360,347,335,323,312,302,292,282,273,265,512,497,482,468,454,441,428,417,405,394,383,373,364,354,345,337,328,320,312,305,298,291,284,278,271,265,259,507,496,485,475,465,456,446,437,428,420,412,404,396,388,381,374,367,360,354,347,341,335,329,323,318,312,307,302,297,292,287,282,278,273,269,265,261,512,505,497,489,482,475,468,461,454,447,441,435,428,422,417,411,405,399,394,389,383,378,373,368,364,359,354,350,345,341,337,332,328,324,320,316,312,309,305,301,298,294,291,287,284,281,278,274,271,268,265,262,259,257,507,501,496,491,485,480,475,470,465,460,456,451,446,442,437,433,428,424,420,416,412,408,404,400,396,392,388,385,381,377,374,370,367,363,360,357,354,350,347,344,341,338,335,332,329,326,323,320,318,315,312,310,307,304,302,299,297,294,292,289,287,285,282,280,278,275,273,271,269,267,265,263,261,259];var shg_table=[9,11,12,13,13,14,14,15,15,15,15,16,16,16,16,17,17,17,17,17,17,17,18,18,18,18,18,18,18,18,18,19,19,19,19,19,19,19,19,19,19,19,19,19,19,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24];function stackBlurCanvasRGB(id,top_x,top_y,width,height,radius){if(isNaN(radius)||radius<1)return;radius|=0;var canvas=document.getElementById(id);var context=canvas.getContext("2d");var imageData;try{try{imageData=context.getImageData(top_x,top_y,width,height)}catch(e){try{netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");imageData=context.getImageData(top_x,top_y,width,height)}catch(e){alert("Cannot access local image");throw new Error("unable to access local image data: "+e);return}}}catch(e){alert("Cannot access image");throw new Error("unable to access image data: "+e);}var pixels=imageData.data;var x,y,i,p,yp,yi,yw,r_sum,g_sum,b_sum,r_out_sum,g_out_sum,b_out_sum,r_in_sum,g_in_sum,b_in_sum,pr,pg,pb,rbs;var div=radius+radius+1;var w4=width<<2;var widthMinus1=width-1;var heightMinus1=height-1;var radiusPlus1=radius+1;var sumFactor=radiusPlus1*(radiusPlus1+1)/2;var stackStart=new BlurStack();var stack=stackStart;for(i=1;i<div;i++){stack=stack.next=new BlurStack();if(i==radiusPlus1)var stackEnd=stack}stack.next=stackStart;var stackIn=null;var stackOut=null;yw=yi=0;var mul_sum=mul_table[radius];var shg_sum=shg_table[radius];for(y=0;y<height;y++){r_in_sum=g_in_sum=b_in_sum=r_sum=g_sum=b_sum=0;r_out_sum=radiusPlus1*(pr=pixels[yi]);g_out_sum=radiusPlus1*(pg=pixels[yi+1]);b_out_sum=radiusPlus1*(pb=pixels[yi+2]);r_sum+=sumFactor*pr;g_sum+=sumFactor*pg;b_sum+=sumFactor*pb;stack=stackStart;for(i=0;i<radiusPlus1;i++){stack.r=pr;stack.g=pg;stack.b=pb;stack=stack.next}for(i=1;i<radiusPlus1;i++){p=yi+((widthMinus1<i?widthMinus1:i)<<2);r_sum+=(stack.r=(pr=pixels[p]))*(rbs=radiusPlus1-i);g_sum+=(stack.g=(pg=pixels[p+1]))*rbs;b_sum+=(stack.b=(pb=pixels[p+2]))*rbs;r_in_sum+=pr;g_in_sum+=pg;b_in_sum+=pb;stack=stack.next}stackIn=stackStart;stackOut=stackEnd;for(x=0;x<width;x++){pixels[yi]=(r_sum*mul_sum)>>shg_sum;pixels[yi+1]=(g_sum*mul_sum)>>shg_sum;pixels[yi+2]=(b_sum*mul_sum)>>shg_sum;r_sum-=r_out_sum;g_sum-=g_out_sum;b_sum-=b_out_sum;r_out_sum-=stackIn.r;g_out_sum-=stackIn.g;b_out_sum-=stackIn.b;p=(yw+((p=x+radius+1)<widthMinus1?p:widthMinus1))<<2;r_in_sum+=(stackIn.r=pixels[p]);g_in_sum+=(stackIn.g=pixels[p+1]);b_in_sum+=(stackIn.b=pixels[p+2]);r_sum+=r_in_sum;g_sum+=g_in_sum;b_sum+=b_in_sum;stackIn=stackIn.next;r_out_sum+=(pr=stackOut.r);g_out_sum+=(pg=stackOut.g);b_out_sum+=(pb=stackOut.b);r_in_sum-=pr;g_in_sum-=pg;b_in_sum-=pb;stackOut=stackOut.next;yi+=4}yw+=width}for(x=0;x<width;x++){g_in_sum=b_in_sum=r_in_sum=g_sum=b_sum=r_sum=0;yi=x<<2;r_out_sum=radiusPlus1*(pr=pixels[yi]);g_out_sum=radiusPlus1*(pg=pixels[yi+1]);b_out_sum=radiusPlus1*(pb=pixels[yi+2]);r_sum+=sumFactor*pr;g_sum+=sumFactor*pg;b_sum+=sumFactor*pb;stack=stackStart;for(i=0;i<radiusPlus1;i++){stack.r=pr;stack.g=pg;stack.b=pb;stack=stack.next}yp=width;for(i=1;i<=radius;i++){yi=(yp+x)<<2;r_sum+=(stack.r=(pr=pixels[yi]))*(rbs=radiusPlus1-i);g_sum+=(stack.g=(pg=pixels[yi+1]))*rbs;b_sum+=(stack.b=(pb=pixels[yi+2]))*rbs;r_in_sum+=pr;g_in_sum+=pg;b_in_sum+=pb;stack=stack.next;if(i<heightMinus1){yp+=width}}yi=x;stackIn=stackStart;stackOut=stackEnd;for(y=0;y<height;y++){p=yi<<2;pixels[p]=(r_sum*mul_sum)>>shg_sum;pixels[p+1]=(g_sum*mul_sum)>>shg_sum;pixels[p+2]=(b_sum*mul_sum)>>shg_sum;r_sum-=r_out_sum;g_sum-=g_out_sum;b_sum-=b_out_sum;r_out_sum-=stackIn.r;g_out_sum-=stackIn.g;b_out_sum-=stackIn.b;p=(x+(((p=y+radiusPlus1)<heightMinus1?p:heightMinus1)*width))<<2;r_sum+=(r_in_sum+=(stackIn.r=pixels[p]));g_sum+=(g_in_sum+=(stackIn.g=pixels[p+1]));b_sum+=(b_in_sum+=(stackIn.b=pixels[p+2]));stackIn=stackIn.next;r_out_sum+=(pr=stackOut.r);g_out_sum+=(pg=stackOut.g);b_out_sum+=(pb=stackOut.b);r_in_sum-=pr;g_in_sum-=pg;b_in_sum-=pb;stackOut=stackOut.next;yi+=width}}context.putImageData(imageData,top_x,top_y)}function BlurStack(){this.r=0;this.g=0;this.b=0;this.a=0;this.next=null}
      // https://gist.github.com/mjackson/5311256

      function rgbToHsl(r, g, b){
          r /= 255, g /= 255, b /= 255;
          let max = Math.max(r, g, b), min = Math.min(r, g, b);
          let h, s, l = (max + min) / 2;

          if(max == min){
              h = s = 0; // achromatic
          }else{
              let d = max - min;
              s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
              switch(max){
                  case r: h = (g - b) / d + (g < b ? 6 : 0); break;
                  case g: h = (b - r) / d + 2; break;
                  case b: h = (r - g) / d + 4; break;
              }
              h /= 6;
          }

          return [h, s, l];
      }

      function hslToRgb(h, s, l){
          let r, g, b;

          if(s == 0){
              r = g = b = l; // achromatic
          }else{
              var hue2rgb = function hue2rgb(p, q, t){
                  if(t < 0) t += 1;
                  if(t > 1) t -= 1;
                  if(t < 1/6) return p + (q - p) * 6 * t;
                  if(t < 1/2) return q;
                  if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
                  return p;
              }

              let q = l < 0.5 ? l * (1 + s) : l + s - l * s;
              let p = 2 * l - q;
              r = hue2rgb(p, q, h + 1/3);
              g = hue2rgb(p, q, h);
              b = hue2rgb(p, q, h - 1/3);
          }

          return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
      }

      function lightBlur(hsl) {

        // Adjust the luminance.
        let lumCalc = 0.35 + (0.3 / hsl[2]);
        if (lumCalc < 1) { lumCalc = 1; }
        else if (lumCalc > 3.3) { lumCalc = 3.3; }
        const l = hsl[2] * lumCalc;

        // Adjust the saturation.
        const colorful = 2 * hsl[1] * l;
        const s = hsl[1] * colorful * 1.5;

        return [hsl[0],s,l];

      }

      function darkBlur(hsl) {

        // Adjust the saturation.
        const colorful = 2 * hsl[1] * hsl[2];
        const s = hsl[1] * (1 - hsl[2]) * 3;

        return [hsl[0],s,hsl[2]];

      }

      // Set up the canvas.
      const img = document.getElementById("blurImg");
      const canvas = document.getElementById("mainCanvas");

      const w = img.naturalWidth;
      const h = img.naturalHeight;

      canvas.style.width  = w + "px";
      canvas.style.height = h + "px";
      canvas.width = w;
      canvas.height = h;

      const context = canvas.getContext("2d");
      context.clearRect( 0, 0, w, h );
      context.drawImage( img, 0, 0 );

      // Get the image data from the context.
      let imageData = context.getImageData(0,0,w,h);
      let pix = imageData.data;

      let isDark = "${style}" == "dark";
      let imageFunc = isDark ? darkBlur : lightBlur;

      for (let i=0; i < pix.length; i+=4) {

        // Convert to HSL.
        let hsl = rgbToHsl(pix[i],pix[i+1],pix[i+2]);

        // Apply the image function.
        hsl = imageFunc(hsl);

        // Convert back to RGB.
        const rgb = hslToRgb(hsl[0], hsl[1], hsl[2]);

        // Put the values back into the data.
        pix[i] = rgb[0];
        pix[i+1] = rgb[1];
        pix[i+2] = rgb[2];

      }

      // Draw over the old image.
      context.putImageData(imageData,0,0);

      // Blur the image.
      stackBlurCanvasRGB("mainCanvas", 0, 0, w, h, ${blur});

      // Perform the additional processing for dark images.
      if (isDark) {

        // Draw the hard light box over it.
        context.globalCompositeOperation = "hard-light";
        context.fillStyle = "rgba(55,55,55,0.2)";
        context.fillRect(0, 0, w, h);

        // Draw the soft light box over it.
        context.globalCompositeOperation = "soft-light";
        context.fillStyle = "rgba(55,55,55,1)";
        context.fillRect(0, 0, w, h);

        // Draw the regular box over it.
        context.globalCompositeOperation = "source-over";
        context.fillStyle = "rgba(55,55,55,0.4)";
        context.fillRect(0, 0, w, h);

      // Otherwise process light images.
      } else {
        context.fillStyle = "rgba(255,255,255,0.4)";
        context.fillRect(0, 0, w, h);
      }

      // Return a base64 representation.
      canvas.toDataURL();
      `;

    // Convert the images and create the HTML.
    let blurImgData = Data.fromPNG(img).toBase64String();
    let html = `
      <img id="blurImg" src="data:image/png;base64,${blurImgData}" />
      <canvas id="mainCanvas" />
      `;

    // Make the web view and get its return value.
    let view = new WebView();
    await view.loadHTML(html);
    let returnValue = await view.evaluateJavaScript(js);

    // Remove the data type from the string and convert to data.
    let imageDataString = returnValue.slice(22);
    let imageData = Data.fromBase64String(imageDataString);

    // Convert to image and crop before returning.
    let imageFromData = Image.fromData(imageData);
    // return cropImage(imageFromData)
    return imageFromData;
  }

  /**
   * 图片反转色
   * @param {*} img
   * @returns
   */
  async reverseImage(img) {
    const js = `
        function getXY(obj, x, y) {
    const w = obj.width;
    const h = obj.height;
    const d = obj.data;
    const color = [];

    color[0] = d[(y * w + x) * 4];
    color[1] = d[(y * w + x) * 4 + 1];
    color[2] = d[(y * w + x) * 4 + 2];
    color[3] = d[(y * w + x) * 4 + 3];
    return color;
  }
  function setXY(obj, x, y, color) {
    const w = obj.width;
    const h = obj.height;
    const d = obj.data;
    d[(y * w + x) * 4] = color[0];
    d[(y * w + x) * 4 + 1] = color[1];
    d[(y * w + x) * 4 + 2] = color[2];
    d[(y * w + x) * 4 + 3] = color[3];
  }

  const img = document.getElementById('reverseImg');
  const canvas = document.getElementById('canvas');

  const iw = img.naturalWidth;
  const ih = img.naturalHeight;
  canvas.style.width = iw + 'px';
  canvas.style.height = ih + 'px';
  canvas.width = iw;
  canvas.height = ih;
  const context = canvas.getContext('2d');
  context.drawImage(img, 0, 0);
  const oImg = context.getImageData(0, 0, iw, ih);
  const w = oImg.width;
  const h = oImg.height;
  for (let i = 0; i < h; i++) {
    for (let j = 0; j < w; j++) {
      let result = [];
      let cc = getXY(oImg, j, i);
      result[0] = 255 - cc[0];
      result[1] = 255 - cc[1];
      result[2] = 255 - cc[2];
      result[3] = 255;
      setXY(oImg, j, i, result);
    }
  }
  context.putImageData(oImg, 0, 0);

  canvas.toDataURL();
  `;
    // Convert the images and create the HTML.
    let imgData = Data.fromPNG(img).toBase64String();
    let html = `
      <img id="reverseImg" src="data:image/png;base64,${imgData}" />
      <canvas id="canvas" />
      `;

    // Make the web view and get its return value.
    let view = new WebView();
    await view.loadHTML(html);
    let returnValue = await view.evaluateJavaScript(js);

    // Remove the data type from the string and convert to data.
    let imageDataString = returnValue.slice(22);
    let imageData = Data.fromBase64String(imageDataString);

    // Convert to image and crop before returning.
    let imageFromData = Image.fromData(imageData);
    // return cropImage(imageFromData)
    return imageFromData;
  }

  /**
   * 创建进度条
   * @param {*} percent
   * @param {*} length
   * @param {*} hight
   * @returns
   */
  drawProgress(percent, left_color = 'ffd60a', used_color = '48484b', length, hight = 5) {
    const context = new DrawContext();
    context.size = new Size(length, hight);
    context.opaque = false;
    context.respectScreenScale = true;
    context.setFillColor(new Color(used_color, 1));
    const path = new Path();
    path.addRoundedRect(new Rect(0, 0, length, hight), 3, 2);
    context.addPath(path);
    context.fillPath();
    context.setFillColor(new Color(left_color, 1));
    const path1 = new Path();
    path1.addRoundedRect(new Rect(0, 0, (length * percent * 100) / 100, hight), 3, 2);
    context.addPath(path1);
    context.fillPath();
    return context.getImage();
  }

  /**
   * 创建圆圈进度条
   * @param {number} percent
   * @param {*} fillColor
   * @param {*} strokeColor
   * @param {*} gradient
   * @returns
   */
  drawArc(percent, fillColor, strokeColor, size, height, gradient = false) {
    // @ts-ignore
    const deg = (100 - percent * 100).toFixed(2) * 3.6;
    const sinDeg = (deg) => {
      return Math.sin((deg * Math.PI) / 180);
    };

    const cosDeg = (deg) => {
      return Math.cos((deg * Math.PI) / 180);
    };
    let canvSize = size,
      canvWidth = height,
      canvRadius = 80;
    const canvas = new DrawContext();
    canvas.opaque = false;
    canvas.respectScreenScale = true;
    canvas.size = new Size(canvSize, canvSize);
    let ctr = new Point(canvSize / 2, canvSize / 2);
    let bgx = ctr.x - canvRadius;
    let bgy = ctr.y - canvRadius;
    let bgd = 2 * canvRadius;
    let bgr = new Rect(bgx, bgy, bgd, bgd);

    canvas.setStrokeColor(new Color(strokeColor, 1));
    canvas.setLineWidth(canvWidth);
    canvas.strokeEllipse(bgr);

    for (let t = 0; t < deg; t++) {
      let rect_x = ctr.x + canvRadius * sinDeg(t) - canvWidth / 2;
      let rect_y = ctr.y - canvRadius * cosDeg(t) - canvWidth / 2;
      let rect_r = new Rect(rect_x, rect_y, canvWidth, canvWidth);
      canvas.setFillColor(gradient ? new Color(fillColor[t], 1) : new Color(fillColor, 1));
      canvas.setStrokeColor(new Color(strokeColor, 1));
      canvas.fillEllipse(rect_r);
    }
    return canvas.getImage();
  }
}
// @base.end
// 运行环境
// @running.start
const Running = async (Widget, default_args = '') => {
  let M = null;
  // 判断hash是否和当前设备匹配
  if (config.runsInWidget) {
    M = new Widget(args.widgetParameter || '');
    const W = await M.render();
    try {
      if (M.settings?.UserConfig?.refresh_interval) {
        W.refreshAfterDate = new Date(
          +new Date() + 1000 * 60 * parseInt(M.settings?.UserConfig?.refresh_interval || 5)
        );
      }
    } catch (e) {
      console.log(e);
    }
    Script.setWidget(W);
    Script.complete();
  } else if (config.runsWithSiri) {
    let act = args.shortcutParameter.act;
    let output = args.shortcutParameter.output || false;
    if (typeof act !== 'undefined' && act) {
      M = new Widget();
      M.init();
      let _tmp = act
        .split('-')
        .map((_) => _[0].toUpperCase() + _.substring(1))
        .join('');
      let _act = `action${_tmp}`;
      if (M[_act] && typeof M[_act] == 'function') {
        const func = M[_act].bind(M);
        const data = await func();
        if (output) {
          Script.setShortcutOutput(data);
        }
      }
    }
  } else {
    let {act, data, __arg, __size} = args.queryParameters;
    M = new Widget(__arg || default_args || '');
    if (__size) M.init(__size);
    if (!act || !M['_actions']) {
      // 弹出选择菜单
      const actions = M['_actions'];
      const _actions = [
        async () => {
          Safari.openInApp('https://scriptable.ningkai.wang', false);
        }
      ];
      const alert = new Alert();
      alert.title = M.name;
      alert.message = M.desc;
      alert.addAction('文档手册');
      for (let _ in actions) {
        alert.addAction(_);
        _actions.push(actions[_]);
      }
      alert.addCancelAction('取消操作');
      const idx = await alert.presentSheet();
      if (_actions[idx]) {
        const func = _actions[idx];
        await func();
      }
      Script.complete();
      return;
    }
    let _tmp = act
      .split('-')
      .map((_) => _[0].toUpperCase() + _.substring(1))
      .join('');
    let _act = `action${_tmp}`;
    if (M[_act] && typeof M[_act] == 'function') {
      const func = M[_act].bind(M);
      await func(data);
    }
  }
  Script.complete();
};
// @running.end

// 测试环境
const Testing = async (Widget, default_args = '') => {
  let M = null;
  // 判断hash是否和当前设备匹配
  if (config.runsInWidget) {
    M = new Widget(args.widgetParameter || '');
    const W = await M.render();
    Script.setWidget(W);
    Script.complete();
  } else if (config.runsWithSiri) {
    let act = args.shortcutParameter.act;
    if (typeof act !== 'undefined' && act) {
      M = new Widget();
      M.init();
      let _tmp = act
        .split('-')
        .map((_) => _[0].toUpperCase() + _.substring(1))
        .join('');
      let _act = `action${_tmp}`;
      if (M[_act] && typeof M[_act] == 'function') {
        const func = M[_act].bind(M);
        await func();
      }
    }

    Script.complete();
  } else {
    let {act, data, __arg, __size} = args.queryParameters;
    M = new Widget(__arg || default_args || '');
    if (__size) M.init(__size);
    if (!act || !M['_actions']) {
      // 弹出选择菜单
      const actions = M['_actions'];
      const _actions = [
        // 远程开发
        async () => {
          // 1. 获取服务器ip
          const a = new Alert();
          a.title = '服务器 IP';
          a.message = '请输入远程开发服务器（电脑）IP地址';
          let xjj_debug_server = '192.168.1.3';
          if (Keychain.contains('xjj_debug_server')) {
            xjj_debug_server = Keychain.get('xjj_debug_server');
          }
          a.addTextField('server-ip', xjj_debug_server);
          a.addAction('连接');
          a.addCancelAction('取消');
          const id = await a.presentAlert();
          if (id == -1) return;
          const ip = a.textFieldValue(0);
          // 保存到本地
          Keychain.set('xjj_debug_server', ip);
          const server_api = `http://${ip}:5566`;
          // 2. 发送当前文件到远程服务器
          // @ts-ignore
          const SELF_FILE = module.filename.replace('「小件件」开发环境', Script.name());
          const req = new Request(`${server_api}/sync`);
          // @ts-ignore
          req.method = 'POST';
          // @ts-ignore
          req.addFileToMultipart(SELF_FILE, 'Widget', Script.name());
          try {
            // @ts-ignore
            const res = await req.loadString();
            if (res !== 'ok') {
              return M.notify('连接失败', res);
            }
          } catch (e) {
            return M.notify('连接错误', e.message);
          }
          M.notify('连接成功', '编辑文件后保存即可进行下一步预览操作');
          // 重写console.log方法，把数据传递到nodejs
          const rconsole_log = async (data, t = 'log') => {
            const _req = new Request(`${server_api}/console`);
            // @ts-ignore
            _req.method = 'POST';
            // @ts-ignore
            _req.headers = {
              'Content-Type': 'application/json'
            };
            // @ts-ignore
            _req.body = JSON.stringify({
              t,
              data
            });
            // @ts-ignore
            return await _req.loadString();
          };
          const lconsole_log = console.log.bind(console);
          const lconsole_warn = console.warn.bind(console);
          const lconsole_error = console.error.bind(console);
          console.log = (d) => {
            lconsole_log(d);
            rconsole_log(d, 'log');
          };
          console.warn = (d) => {
            lconsole_warn(d);
            rconsole_log(d, 'warn');
          };
          console.error = (d) => {
            lconsole_error(d);
            rconsole_log(d, 'error');
          };
          // 3. 同步
          while (1) {
            let _res = '';
            try {
              const _req = new Request(`${server_api}/sync?name=${encodeURIComponent(Script.name())}`);
              // @ts-ignore
              _res = await _req.loadString();
            } catch (e) {
              M.notify('停止调试', '与开发服务器的连接已终止');
              break;
            }
            if (_res == 'stop') {
              console.log('[!] 停止同步');
              break;
            } else if (_res == 'no') {
              // console.log("[-] 没有更新内容")
            } else if (_res.length > 0) {
              M.notify('同步成功', '新文件已同步，大小：' + _res.length);
              // 重新加载组件
              // 1. 读取当前源码
              const _code = _res.split('// @组件代码开始')[1].split('// @组件代码结束')[0];
              // 2. 解析 widget class
              let NewWidget = null;
              try {
                const _func = new Function(`const _Debugger = Base => {\n${_code}\nreturn Widget\n}\nreturn _Debugger`);
                NewWidget = _func()(Base);
              } catch (e) {
                M.notify('解析失败', e.message);
              }
              if (!NewWidget) continue;
              // 3. 重新执行 widget class
              // @ts-ignore
              delete M;
              M = new NewWidget(__arg || default_args || '');
              if (__size) M.init(__size);
              // 写入文件
              FileManager.local().writeString(SELF_FILE, _res);
              // 执行预览
              let i = await _actions[1](true);
              if (i == 4 + Object.keys(actions).length) break;
            }
          }
        },
        // 预览组件
        async (debug = false) => {
          let a = new Alert();
          a.title = '预览组件';
          a.message = '测试桌面组件在各种尺寸下的显示效果';
          a.addAction('小尺寸 Small');
          a.addAction('中尺寸 Medium');
          a.addAction('大尺寸 Large');
          a.addAction('全部 All');
          a.addCancelAction('取消操作');
          const funcs = [];
          if (debug) {
            for (let _ in actions) {
              a.addAction(_);
              funcs.push(actions[_].bind(M));
            }
            a.addDestructiveAction('停止调试');
          }
          let i = await a.presentSheet();
          if (i == -1) return;
          let w;
          switch (i) {
            case 0:
              M.widgetFamily = 'small';
              w = await M.render();
              await w.presentSmall();
              break;
            case 1:
              M.widgetFamily = 'medium';
              w = await M.render();
              await w.presentMedium();
              break;
            case 2:
              M.widgetFamily = 'large';
              w = await M.render();
              await w.presentLarge();
              break;
            case 3:
              M.widgetFamily = 'small';
              w = await M.render();
              await w.presentSmall();
              M.widgetFamily = 'medium';
              w = await M.render();
              await w.presentMedium();
              M.widgetFamily = 'large';
              w = await M.render();
              await w.presentLarge();
              break;
            default:
              const func = funcs[i - 4];
              if (func) await func();
              break;
          }

          return i;
        },
        // 复制源码
        async () => {
          // @ts-ignore
          const SELF_FILE = module.filename.replace('「小件件」开发环境', Script.name());
          const source = FileManager.local().readString(SELF_FILE);
          Pasteboard.copyString(source);
          await M.notify('复制成功', '当前脚本的源代码已复制到剪贴板！');
        }
      ];
      const alert = new Alert();
      alert.title = M.name;
      alert.message = M.desc;
      alert.addAction('远程开发');
      alert.addAction('预览组件');
      alert.addAction('复制源码');
      for (let _ in actions) {
        alert.addAction(_);
        _actions.push(actions[_]);
      }
      alert.addCancelAction('取消操作');
      const idx = await alert.presentSheet();
      if (_actions[idx]) {
        const func = _actions[idx];
        await func();
      }
      Script.complete();
      return;
    }
    let _tmp = act
      .split('-')
      .map((_) => _[0].toUpperCase() + _.substring(1))
      .join('');
    let _act = `action${_tmp}`;
    if (M[_act] && typeof M[_act] == 'function') {
      const func = M[_act].bind(M);
      await func(data);
    }
    Script.complete();
  }
};

module.exports = {
  Base,
  Testing,
  Running
};
// 自更新
// 流程：
// 1. 获取远程gitee仓库的本文件代码
// 2. 对比sha，如果和本地存储的不一致，则下载
// 3. 下载保存，存储sha
// 4. 更新时间为每分一次
//
const RUNTIME_VERSION = '2022021801';
(async () => {
  const UPDATE_KEY = 'BASE_UPDATE_AT';
  let UPDATED_AT = 0;
  const UPDATE_FILE = '「小件件」开发环境.js';
  // @ts-ignore
  const FILE_MGR = FileManager[module.filename.includes('Documents/iCloud~') ? 'iCloud' : 'local']();
  if (Keychain.contains(UPDATE_KEY)) {
    UPDATED_AT = parseInt(Keychain.get(UPDATE_KEY));
  }
  if (UPDATED_AT > +new Date() - 1000 * 60 * 1) return console.warn('[-] 1 分钟内已检查过更新');
  console.log('[*] 检测开发环境是否有更新..');
  const req = new Request('https://gitee.com/wangningkai/scriptable-scripts/raw/master/base.version.json');
  const res = await req.loadJSON();
  console.log(`[+] 远程开发环境版本：${res['BASE_VERSION']}`);
  if (res['BASE_VERSION'] == RUNTIME_VERSION) return console.warn('[-] 远程版本一致，暂无更新');
  console.log('[+] 开始更新开发环境..');
  const REMOTE_REQ = new Request('https://gitee.com/wangningkai/scriptable-scripts/raw/master/base.js');
  const REMOTE_RES = await REMOTE_REQ.load();
  FILE_MGR.write(FILE_MGR.joinPath(FILE_MGR.documentsDirectory(), UPDATE_FILE), REMOTE_RES);
  const n = new Notification();
  n.title = '更新成功';
  n.body = '「小件件」开发环境已自动更新！';
  n.schedule();
  UPDATED_AT = +new Date();
  Keychain.set(UPDATE_KEY, String(UPDATED_AT));
})();