@tarojs/api 4.0.0-canary.7 → 4.0.0-canary.9

package/dist/taro.js

@@ -1,356 +1,246 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@babel/runtime/helpers/typeof'), require('@tarojs/runtime'), require('@tarojs/shared'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/defineProperty')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@babel/runtime/helpers/typeof', '@tarojs/runtime', '@tarojs/shared', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/defineProperty'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Taro = {}, global._typeof, global.runtime, global.shared, global._objectSpread, global._classCallCheck, global._createClass, global._defineProperty));
-})(this, (function (exports, _typeof, runtime, shared, _objectSpread, _classCallCheck, _createClass, _defineProperty) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@tarojs/runtime'), require('@tarojs/shared')) :
+  typeof define === 'function' && define.amd ? define(['@tarojs/runtime', '@tarojs/shared'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Taro = factory(global.runtime, global.shared));
+})(this, (function (runtime, shared) { 'use strict';
 
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
-  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-  var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-  var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-  function isFunction(x) {
-    return typeof x === 'function';
-  }
-  function isUndefined(x) {
-    return typeof x === 'undefined';
-  }
-  function isObject(x) {
-    return x && _typeof__default["default"](x) === 'object';
-  }
-
-  var isBadObj = function isBadObj(x) {
-    return !isObject(x);
+  const ENV_TYPE = {
+      WEAPP: 'WEAPP',
+      SWAN: 'SWAN',
+      ALIPAY: 'ALIPAY',
+      TT: 'TT',
+      QQ: 'QQ',
+      JD: 'JD',
+      WEB: 'WEB',
+      RN: 'RN',
+      HARMONY: 'HARMONY',
+      QUICKAPP: 'QUICKAPP',
+      HARMONYHYBRID: 'HARMONYHYBRID',
   };
-  function throwTypeError(s) {
-    throw new TypeError(s);
-  }
-  if (!isFunction(Object.assign)) {
-    // Must be writable: true, enumerable: false, configurable: true
-    Object.assign = function (target) {
-      // .length of function is 2
-      if (target == null) {
-        // TypeError if undefined or null
-        throwTypeError('Cannot convert undefined or null to object');
+  function getEnv() {
+      if (process.env.TARO_ENV === 'weapp') {
+          return ENV_TYPE.WEAPP;
       }
-      var to = Object(target);
-      for (var index = 1; index < arguments.length; index++) {
-        var nextSource = arguments[index];
-        if (nextSource != null) {
-          // Skip over if undefined or null
-          for (var nextKey in nextSource) {
-            // Avoid bugs when hasOwnProperty is shadowed
-            if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
-              to[nextKey] = nextSource[nextKey];
-            }
-          }
-        }
+      else if (process.env.TARO_ENV === 'alipay') {
+          return ENV_TYPE.ALIPAY;
       }
-      return to;
-    };
-  }
-  if (!isFunction(Object.defineProperties)) {
-    Object.defineProperties = function (obj, properties) {
-      function convertToDescriptor(desc) {
-        function hasProperty(obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        }
-        if (isBadObj(desc)) {
-          throwTypeError('bad desc');
-        }
-        var d = {};
-        if (hasProperty(desc, 'enumerable')) d.enumerable = !!desc.enumerable;
-        if (hasProperty(desc, 'configurable')) {
-          d.configurable = !!desc.configurable;
-        }
-        if (hasProperty(desc, 'value')) d.value = desc.value;
-        if (hasProperty(desc, 'writable')) d.writable = !!desc.writable;
-        if (hasProperty(desc, 'get')) {
-          var g = desc.get;
-          if (!isFunction(g) && !isUndefined(g)) {
-            throwTypeError('bad get');
-          }
-          d.get = g;
-        }
-        if (hasProperty(desc, 'set')) {
-          var s = desc.set;
-          if (!isFunction(s) && !isUndefined(s)) {
-            throwTypeError('bad set');
-          }
-          d.set = s;
-        }
-        if (('get' in d || 'set' in d) && ('value' in d || 'writable' in d)) {
-          throwTypeError('identity-confused descriptor');
-        }
-        return d;
+      else if (process.env.TARO_ENV === 'swan') {
+          return ENV_TYPE.SWAN;
       }
-      if (isBadObj(obj)) throwTypeError('bad obj');
-      properties = Object(properties);
-      var keys = Object.keys(properties);
-      var descs = [];
-      for (var i = 0; i < keys.length; i++) {
-        descs.push([keys[i], convertToDescriptor(properties[keys[i]])]);
+      else if (process.env.TARO_ENV === 'tt') {
+          return ENV_TYPE.TT;
       }
-      for (var _i = 0; _i < descs.length; _i++) {
-        Object.defineProperty(obj, descs[_i][0], descs[_i][1]);
+      else if (process.env.TARO_ENV === 'jd') {
+          return ENV_TYPE.JD;
+      }
+      else if (process.env.TARO_ENV === 'qq') {
+          return ENV_TYPE.QQ;
+      }
+      else if (process.env.TARO_ENV === 'harmony-hybrid') {
+          return ENV_TYPE.HARMONYHYBRID;
+      }
+      else if (process.env.TARO_ENV === 'h5' || process.env.TARO_PLATFORM === 'web') {
+          return ENV_TYPE.WEB;
+      }
+      else if (process.env.TARO_ENV === 'rn') {
+          return ENV_TYPE.RN;
+      }
+      else if (process.env.TARO_ENV === 'harmony' || process.env.TARO_PLATFORM === 'harmony') {
+          return ENV_TYPE.HARMONY;
+      }
+      else if (process.env.TARO_ENV === 'quickapp') {
+          return ENV_TYPE.QUICKAPP;
+      }
+      else {
+          return process.env.TARO_ENV || 'Unknown';
       }
-      return obj;
-    };
-  }
-
-  var ENV_TYPE = {
-    WEAPP: 'WEAPP',
-    SWAN: 'SWAN',
-    ALIPAY: 'ALIPAY',
-    TT: 'TT',
-    QQ: 'QQ',
-    JD: 'JD',
-    WEB: 'WEB',
-    RN: 'RN',
-    HARMONY: 'HARMONY',
-    QUICKAPP: 'QUICKAPP'
-  };
-  var isWeb = shared.isWebPlatform();
-  function getEnv() {
-    if (process.env.TARO_ENV === 'weapp') {
-      return ENV_TYPE.WEAPP;
-    } else if (process.env.TARO_ENV === 'alipay') {
-      return ENV_TYPE.ALIPAY;
-    } else if (process.env.TARO_ENV === 'swan') {
-      return ENV_TYPE.SWAN;
-    } else if (process.env.TARO_ENV === 'tt') {
-      return ENV_TYPE.TT;
-    } else if (process.env.TARO_ENV === 'jd') {
-      return ENV_TYPE.JD;
-    } else if (process.env.TARO_ENV === 'qq') {
-      return ENV_TYPE.QQ;
-    } else if (isWeb) {
-      return ENV_TYPE.WEB;
-    } else if (process.env.TARO_ENV === 'rn') {
-      return ENV_TYPE.RN;
-    } else if (process.env.TARO_ENV === 'harmony') {
-      return ENV_TYPE.HARMONY;
-    } else if (process.env.TARO_ENV === 'quickapp') {
-      return ENV_TYPE.QUICKAPP;
-    } else {
-      return process.env.TARO_ENV || 'Unknown';
-    }
   }
 
-  var Chain = /*#__PURE__*/function () {
-    function Chain(requestParams, interceptors, index) {
-      _classCallCheck__default["default"](this, Chain);
-      this.index = index || 0;
-      this.requestParams = requestParams;
-      this.interceptors = interceptors || [];
-    }
-    _createClass__default["default"](Chain, [{
-      key: "proceed",
-      value: function proceed(requestParams) {
-        this.requestParams = requestParams;
-        if (this.index >= this.interceptors.length) {
-          throw new Error('chain 参数错误, 请勿直接修改 request.chain');
-        }
-        var nextInterceptor = this._getNextInterceptor();
-        var nextChain = this._getNextChain();
-        var p = nextInterceptor(nextChain);
-        var res = p.catch(function (err) {
-          return Promise.reject(err);
-        });
-        Object.keys(p).forEach(function (k) {
-          return isFunction(p[k]) && (res[k] = p[k]);
-        });
-        return res;
+  class Chain {
+      constructor(requestParams, interceptors, index) {
+          this.index = index || 0;
+          this.requestParams = requestParams || {};
+          this.interceptors = interceptors || [];
+      }
+      proceed(requestParams = {}) {
+          this.requestParams = requestParams;
+          if (this.index >= this.interceptors.length) {
+              throw new Error('chain 参数错误, 请勿直接修改 request.chain');
+          }
+          const nextInterceptor = this._getNextInterceptor();
+          const nextChain = this._getNextChain();
+          const p = nextInterceptor(nextChain);
+          const res = p.catch(err => Promise.reject(err));
+          Object.keys(p).forEach(k => shared.isFunction(p[k]) && (res[k] = p[k]));
+          return res;
       }
-    }, {
-      key: "_getNextInterceptor",
-      value: function _getNextInterceptor() {
-        return this.interceptors[this.index];
+      _getNextInterceptor() {
+          return this.interceptors[this.index];
       }
-    }, {
-      key: "_getNextChain",
-      value: function _getNextChain() {
-        return new Chain(this.requestParams, this.interceptors, this.index + 1);
+      _getNextChain() {
+          return new Chain(this.requestParams, this.interceptors, this.index + 1);
       }
-    }]);
-    return Chain;
-  }();
+  }
 
-  var Link = /*#__PURE__*/function () {
-    function Link(interceptor) {
-      _classCallCheck__default["default"](this, Link);
-      this.taroInterceptor = interceptor;
-      this.chain = new Chain();
-    }
-    _createClass__default["default"](Link, [{
-      key: "request",
-      value: function request(requestParams) {
-        var chain = this.chain;
-        var taroInterceptor = this.taroInterceptor;
-        chain.interceptors = chain.interceptors.filter(function (interceptor) {
-          return interceptor !== taroInterceptor;
-        }).concat(taroInterceptor);
-        return chain.proceed(_objectSpread__default["default"]({}, requestParams));
+  class Link {
+      constructor(interceptor) {
+          this.taroInterceptor = interceptor;
+          this.chain = new Chain();
+      }
+      request(requestParams) {
+          const chain = this.chain;
+          const taroInterceptor = this.taroInterceptor;
+          chain.interceptors = chain.interceptors
+              .filter(interceptor => interceptor !== taroInterceptor)
+              .concat(taroInterceptor);
+          return chain.proceed(Object.assign({}, requestParams));
       }
-    }, {
-      key: "addInterceptor",
-      value: function addInterceptor(interceptor) {
-        this.chain.interceptors.push(interceptor);
+      addInterceptor(interceptor) {
+          this.chain.interceptors.push(interceptor);
       }
-    }, {
-      key: "cleanInterceptors",
-      value: function cleanInterceptors() {
-        this.chain = new Chain();
+      cleanInterceptors() {
+          this.chain = new Chain();
       }
-    }]);
-    return Link;
-  }();
+  }
   function interceptorify(promiseifyApi) {
-    return new Link(function (chain) {
-      return promiseifyApi(chain.requestParams);
-    });
+      return new Link(function (chain) {
+          return promiseifyApi(chain.requestParams);
+      });
   }
 
   function timeoutInterceptor(chain) {
-    var requestParams = chain.requestParams;
-    var p;
-    var res = new Promise(function (resolve, reject) {
-      var timeout = setTimeout(function () {
-        timeout = null;
-        reject(new Error('网络链接超时,请稍后再试！'));
-      }, requestParams && requestParams.timeout || 60000);
-      p = chain.proceed(requestParams);
-      p.then(function (res) {
-        if (!timeout) return;
-        clearTimeout(timeout);
-        resolve(res);
-      }).catch(function (err) {
-        timeout && clearTimeout(timeout);
-        reject(err);
+      const requestParams = chain.requestParams;
+      let p;
+      const res = new Promise((resolve, reject) => {
+          const timeout = setTimeout(() => {
+              clearTimeout(timeout);
+              reject(new Error('网络链接超时,请稍后再试！'));
+          }, (requestParams && requestParams.timeout) || 60000);
+          p = chain.proceed(requestParams);
+          p
+              .then(res => {
+              if (!timeout)
+                  return;
+              clearTimeout(timeout);
+              resolve(res);
+          })
+              .catch(err => {
+              timeout && clearTimeout(timeout);
+              reject(err);
+          });
       });
-    });
-    if (!isUndefined(p) && isFunction(p.abort)) res.abort = p.abort;
-    return res;
+      // @ts-ignore
+      if (!shared.isUndefined(p) && shared.isFunction(p.abort))
+          res.abort = p.abort;
+      return res;
   }
   function logInterceptor(chain) {
-    var requestParams = chain.requestParams;
-    var method = requestParams.method,
-      data = requestParams.data,
-      url = requestParams.url;
-
-    // eslint-disable-next-line no-console
-    console.log("http ".concat(method || 'GET', " --> ").concat(url, " data: "), data);
-    var p = chain.proceed(requestParams);
-    var res = p.then(function (res) {
+      const requestParams = chain.requestParams;
+      const { method, data, url } = requestParams;
       // eslint-disable-next-line no-console
-      console.log("http <-- ".concat(url, " result:"), res);
+      console.log(`http ${method || 'GET'} --> ${url} data: `, data);
+      const p = chain.proceed(requestParams);
+      const res = p
+          .then(res => {
+          // eslint-disable-next-line no-console
+          console.log(`http <-- ${url} result:`, res);
+          return res;
+      });
+      // @ts-ignore
+      if (shared.isFunction(p.abort))
+          res.abort = p.abort;
       return res;
-    });
-    if (isFunction(p.abort)) res.abort = p.abort;
-    return res;
   }
 
   var interceptors = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    timeoutInterceptor: timeoutInterceptor,
-    logInterceptor: logInterceptor
+    logInterceptor: logInterceptor,
+    timeoutInterceptor: timeoutInterceptor
   });
 
   function Behavior(options) {
-    return options;
+      return options;
   }
   function getPreload(current) {
-    return function (key, val) {
-      current.preloadData = isObject(key) ? key : _defineProperty__default["default"]({}, key, val);
-    };
+      return function (key, val) {
+          current.preloadData = shared.isObject(key)
+              ? key
+              : {
+                  [key]: val
+              };
+      };
   }
-  var defaultDesignWidth = 750;
-  var defaultDesignRatio = {
-    640: 2.34 / 2,
-    750: 1,
-    828: 1.81 / 2
+  const defaultDesignWidth = 750;
+  const defaultDesignRatio = {
+      640: 2.34 / 2,
+      750: 1,
+      828: 1.81 / 2
   };
-  var defaultBaseFontSize = 20;
-  var defaultUnitPrecision = 5;
-  var defaultTargetUnit = 'rpx';
+  const defaultBaseFontSize = 20;
+  const defaultUnitPrecision = 5;
+  const defaultTargetUnit = 'rpx';
   function getInitPxTransform(taro) {
-    return function (config) {
-      var _config$designWidth = config.designWidth,
-        designWidth = _config$designWidth === void 0 ? defaultDesignWidth : _config$designWidth,
-        _config$deviceRatio = config.deviceRatio,
-        deviceRatio = _config$deviceRatio === void 0 ? defaultDesignRatio : _config$deviceRatio,
-        _config$baseFontSize = config.baseFontSize,
-        baseFontSize = _config$baseFontSize === void 0 ? defaultBaseFontSize : _config$baseFontSize,
-        _config$targetUnit = config.targetUnit,
-        targetUnit = _config$targetUnit === void 0 ? defaultTargetUnit : _config$targetUnit,
-        _config$unitPrecision = config.unitPrecision,
-        unitPrecision = _config$unitPrecision === void 0 ? defaultUnitPrecision : _config$unitPrecision;
-      taro.config = taro.config || {};
-      taro.config.designWidth = designWidth;
-      taro.config.deviceRatio = deviceRatio;
-      taro.config.baseFontSize = baseFontSize;
-      taro.config.targetUnit = targetUnit;
-      taro.config.unitPrecision = unitPrecision;
-    };
+      return function (config) {
+          const { designWidth = defaultDesignWidth, deviceRatio = defaultDesignRatio, baseFontSize = defaultBaseFontSize, targetUnit = defaultTargetUnit, unitPrecision = defaultUnitPrecision, } = config;
+          taro.config = taro.config || {};
+          taro.config.designWidth = designWidth;
+          taro.config.deviceRatio = deviceRatio;
+          taro.config.baseFontSize = baseFontSize;
+          taro.config.targetUnit = targetUnit;
+          taro.config.unitPrecision = unitPrecision;
+      };
   }
   function getPxTransform(taro) {
-    return function (size) {
-      var config = taro.config || {};
-      var baseFontSize = config.baseFontSize;
-      var deviceRatio = config.deviceRatio || defaultDesignRatio;
-      var designWidth = function () {
-        var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        return isFunction(config.designWidth) ? config.designWidth(input) : config.designWidth || defaultDesignWidth;
-      }(size);
-      if (!(designWidth in deviceRatio)) {
-        throw new Error("deviceRatio \u914D\u7F6E\u4E2D\u4E0D\u5B58\u5728 ".concat(designWidth, " \u7684\u8BBE\u7F6E\uFF01"));
-      }
-      var targetUnit = config.targetUnit || defaultTargetUnit;
-      var unitPrecision = config.unitPrecision || defaultUnitPrecision;
-      var formatSize = ~~size;
-      var rootValue = 1 / deviceRatio[designWidth];
-      switch (targetUnit) {
-        case 'rem':
-          rootValue *= baseFontSize * 2;
-          break;
-        case 'px':
-          rootValue *= 2;
-          break;
-      }
-      var val = formatSize / rootValue;
-      if (unitPrecision >= 0 && unitPrecision <= 100) {
-        val = Number(val.toFixed(unitPrecision));
-      }
-      return val + targetUnit;
-    };
+      return function (size) {
+          const config = taro.config || {};
+          const baseFontSize = config.baseFontSize;
+          const deviceRatio = config.deviceRatio || defaultDesignRatio;
+          const designWidth = (((input = 0) => shared.isFunction(config.designWidth)
+              ? config.designWidth(input)
+              : config.designWidth || defaultDesignWidth))(size);
+          if (!(designWidth in deviceRatio)) {
+              throw new Error(`deviceRatio 配置中不存在 ${designWidth} 的设置！`);
+          }
+          const targetUnit = config.targetUnit || defaultTargetUnit;
+          const unitPrecision = config.unitPrecision || defaultUnitPrecision;
+          const formatSize = ~~size;
+          let rootValue = 1 / deviceRatio[designWidth];
+          switch (targetUnit) {
+              case 'rem':
+                  rootValue *= baseFontSize * 2;
+                  break;
+              case 'px':
+                  rootValue *= 2;
+                  break;
+          }
+          let val = formatSize / rootValue;
+          if (unitPrecision >= 0 && unitPrecision <= 100) {
+              val = Number(val.toFixed(unitPrecision));
+          }
+          return val + targetUnit;
+      };
   }
 
   /* eslint-disable camelcase */
-  var Taro = {
-    Behavior: Behavior,
-    getEnv: getEnv,
-    ENV_TYPE: ENV_TYPE,
-    Link: Link,
-    interceptors: interceptors,
-    Current: runtime.Current,
-    getCurrentInstance: runtime.getCurrentInstance,
-    options: runtime.options,
-    nextTick: runtime.nextTick,
-    eventCenter: runtime.eventCenter,
-    Events: runtime.Events,
-    getInitPxTransform: getInitPxTransform,
-    interceptorify: interceptorify
+  const Taro = {
+      Behavior,
+      getEnv,
+      ENV_TYPE,
+      Link,
+      interceptors,
+      Current: runtime.Current,
+      getCurrentInstance: runtime.getCurrentInstance,
+      options: runtime.options,
+      nextTick: runtime.nextTick,
+      eventCenter: runtime.eventCenter,
+      Events: runtime.Events,
+      getInitPxTransform,
+      interceptorify
   };
   Taro.initPxTransform = getInitPxTransform(Taro);
   Taro.preload = getPreload(runtime.Current);
   Taro.pxTransform = getPxTransform(Taro);
 
-  exports["default"] = Taro;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
+  return Taro;
 
 }));
-//# sourceMappingURL=taro.js.map

package/dist/tools.d.ts

@@ -0,0 +1,5 @@
+declare function Behavior(options: any): any;
+declare function getPreload(current: any): (key: string | Record<string, unknown>, val: unknown) => void;
+declare function getInitPxTransform(taro: any): (config: any) => void;
+declare function getPxTransform(taro: any): (size: any) => any;
+export { Behavior, getPreload, getInitPxTransform, getPxTransform };

package/dist/tools.js

@@ -0,0 +1,66 @@
+import { isObject, isFunction } from '@tarojs/shared';
+
+function Behavior(options) {
+    return options;
+}
+function getPreload(current) {
+    return function (key, val) {
+        current.preloadData = isObject(key)
+            ? key
+            : {
+                [key]: val
+            };
+    };
+}
+const defaultDesignWidth = 750;
+const defaultDesignRatio = {
+    640: 2.34 / 2,
+    750: 1,
+    828: 1.81 / 2
+};
+const defaultBaseFontSize = 20;
+const defaultUnitPrecision = 5;
+const defaultTargetUnit = 'rpx';
+function getInitPxTransform(taro) {
+    return function (config) {
+        const { designWidth = defaultDesignWidth, deviceRatio = defaultDesignRatio, baseFontSize = defaultBaseFontSize, targetUnit = defaultTargetUnit, unitPrecision = defaultUnitPrecision, } = config;
+        taro.config = taro.config || {};
+        taro.config.designWidth = designWidth;
+        taro.config.deviceRatio = deviceRatio;
+        taro.config.baseFontSize = baseFontSize;
+        taro.config.targetUnit = targetUnit;
+        taro.config.unitPrecision = unitPrecision;
+    };
+}
+function getPxTransform(taro) {
+    return function (size) {
+        const config = taro.config || {};
+        const baseFontSize = config.baseFontSize;
+        const deviceRatio = config.deviceRatio || defaultDesignRatio;
+        const designWidth = (((input = 0) => isFunction(config.designWidth)
+            ? config.designWidth(input)
+            : config.designWidth || defaultDesignWidth))(size);
+        if (!(designWidth in deviceRatio)) {
+            throw new Error(`deviceRatio 配置中不存在 ${designWidth} 的设置！`);
+        }
+        const targetUnit = config.targetUnit || defaultTargetUnit;
+        const unitPrecision = config.unitPrecision || defaultUnitPrecision;
+        const formatSize = ~~size;
+        let rootValue = 1 / deviceRatio[designWidth];
+        switch (targetUnit) {
+            case 'rem':
+                rootValue *= baseFontSize * 2;
+                break;
+            case 'px':
+                rootValue *= 2;
+                break;
+        }
+        let val = formatSize / rootValue;
+        if (unitPrecision >= 0 && unitPrecision <= 100) {
+            val = Number(val.toFixed(unitPrecision));
+        }
+        return val + targetUnit;
+    };
+}
+
+export { Behavior, getInitPxTransform, getPreload, getPxTransform };