@ray-js/framework-shared 1.3.22 → 1.3.23

package/LICENSE.md

@@ -0,0 +1,9 @@
+Copyright © 2014-2022 Tuya.inc
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/lib/emitter/index.d.ts

@@ -1,4 +1,4 @@
-declare type Func = (...args: any[]) => void;
+type Func = (...args: any[]) => void;
 export declare class Emitter {
     private readonly listeners;
     constructor();

package/lib/emitter/index.js

@@ -1,57 +1,33 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import "core-js/modules/es.array.splice.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-export var Emitter = /*#__PURE__*/function () {
-  function Emitter() {
-    _classCallCheck(this, Emitter);
-
+export class Emitter {
+  constructor() {
     this.listeners = {};
   }
-
-  _createClass(Emitter, [{
-    key: "on",
-    value: function on(name, fn) {
-      var _this = this;
-
-      if (!this.listeners[name]) {
-        this.listeners[name] = [];
-      }
-
-      this.listeners[name].push(fn);
-      return function () {
-        _this.off(name, fn);
-      };
+  on(name, fn) {
+    if (!this.listeners[name]) {
+      this.listeners[name] = [];
     }
-  }, {
-    key: "off",
-    value: function off(name, fn) {
-      var fns = this.listeners[name];
-
-      if (fns) {
-        fns.splice(fns.indexOf(fn), 1);
-      }
+    this.listeners[name].push(fn);
+    return () => {
+      this.off(name, fn);
+    };
+  }
+  off(name, fn) {
+    const fns = this.listeners[name];
+    if (fns) {
+      fns.splice(fns.indexOf(fn), 1);
+    }
+  }
+  emit(name) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
     }
-  }, {
-    key: "emit",
-    value: function emit(name) {
-      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        args[_key - 1] = arguments[_key];
-      }
-
-      var fns = this.listeners[name];
-
-      if (fns) {
-        var result;
-        fns.forEach(function (fn) {
-          result = fn.apply(void 0, args);
-        });
-        return result;
-      }
+    const fns = this.listeners[name];
+    if (fns) {
+      let result;
+      fns.forEach(fn => {
+        result = fn(...args);
+      });
+      return result;
     }
-  }]);
-
-  return Emitter;
-}();
+  }
+}

package/lib/filterProps/index.js

@@ -1,29 +1,16 @@
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.string.match.js";
-import "core-js/modules/es.string.replace.js";
-import "core-js/modules/es.array.reduce.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.keys.js";
-export var isPlatformSpecifyProp = function (prop) {
-  return prop.match(/^(ali|wechat|toutiao)-/);
-};
-
-var normalizeWebSpecifyProp = function (prop) {
-  return prop.replace(/^web-/, '');
-};
-
+export const isPlatformSpecifyProp = prop => prop.match(/^(ali|wechat|toutiao)-/);
+const normalizeWebSpecifyProp = prop => prop.replace(/^web-/, '');
 export function filterProps(props) {
-  return Object.keys(props).reduce(function (acc, cur) {
-    var prop = cur; // web 平台没有 cli 帮助处理属性名称，直接去掉平台前缀
+  return Object.keys(props).reduce((acc, cur) => {
+    let prop = cur;
 
+    // web 平台没有 cli 帮助处理属性名称，直接去掉平台前缀
     if (process.env.PLATFORM === 'web') {
       prop = normalizeWebSpecifyProp(cur);
     }
-
     if (isPlatformSpecifyProp(prop)) {
       return acc;
     }
-
     acc[prop] = props[cur];
     return acc;
   }, {});

package/lib/inlineStyle/CSSProperty.js

@@ -1,10 +1,9 @@
-import "core-js/modules/es.object.to-string.js";
 // https://github.com/facebook/react/blob/master/packages/react-dom/src/shared/CSSProperty.js
 
 /**
  * CSS properties which accept numbers but are not in units of "px".
  */
-export var isUnitlessNumber = {
+export const isUnitlessNumber = {
   animationIterationCount: true,
   borderImageOutset: true,
   borderImageSlice: true,
@@ -49,30 +48,24 @@ export var isUnitlessNumber = {
   strokeOpacity: true,
   strokeWidth: true
 };
+
 /**
  * @param {string} prefix vendor-specific prefix, eg: Webkit
  * @param {string} key style name, eg: transitionDuration
  * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
  * WebkitTransitionDuration
  */
-
 function prefixKey(prefix, key) {
   return prefix + key.charAt(0).toUpperCase() + key.substring(1);
 }
+
 /**
  * Support style names that may come passed in prefixed by adding permutations
  * of vendor prefixes.
  */
-
-
-var prefixes = ['Webkit', 'ms', 'Moz', 'O'];
-
-var _loop = function (prop) {
+const prefixes = ['Webkit', 'ms', 'Moz', 'O'];
+for (const prop in isUnitlessNumber) {
   prefixes.forEach(function (prefix) {
     isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
   });
-};
-
-for (var prop in isUnitlessNumber) {
-  _loop(prop);
 }

package/lib/inlineStyle/index.js

@@ -1,48 +1,36 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.number.constructor.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.regexp.test.js";
-import "core-js/modules/es.string.replace.js";
 import { isWeb } from '@ray-js/env';
 import { isUnitlessNumber } from './CSSProperty';
+
 /**
  * 根据平台转换内敛样式单位, 自适应单位
  * 需要关闭 ray 的内敛样式转换规则
  * @param int 内敛样式
  */
-
 export function inlineStyle() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
-  var allStyle = args.filter(Boolean);
+  const allStyle = args.filter(Boolean);
   if (allStyle.length == 0) return undefined;
-  var style = Object.assign.apply(Object, [{}].concat(_toConsumableArray(allStyle)));
-  Object.keys(style).forEach(function (key) {
-    var value = style[key];
-
+  const style = Object.assign({}, ...allStyle);
+  Object.keys(style).forEach(key => {
+    const value = style[key];
     if (typeof value === 'undefined') {
       delete style[key];
-    } // 整数类型替换为
+    }
+    // 整数类型替换为
     else if (!(key in isUnitlessNumber)) {
       if (!Number.isNaN(Number(value))) {
         if (isWeb) {
-          style[key] = "".concat(value / 100, "rem");
+          style[key] = `${value / 100}rem`;
         } else {
-          style[key] = "".concat(value, "rpx");
+          style[key] = `${value}rpx`;
         }
       } else if (/\b([.\d]+)rpx\b/.test(value) && isWeb) {
         // TODO: 支持 native 的样式抹平
-        style[key] = value.replace(/\b([.\d]+)rpx\b/g, function (match, x) {
-          var size = Number(x);
-          return "".concat(size / 100, "rem");
+        style[key] = value.replace(/\b([.\d]+)rpx\b/g, (match, x) => {
+          const size = Number(x);
+          return `${size / 100}rem`;
         });
       }
     }

package/lib/normalizeTabBar.js

@@ -1,99 +1,59 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.find.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.json.stringify.js";
 import { match, parse } from 'path-to-regexp';
 export function normalizeTabBar(tabBar, routes) {
-  var list = tabBar.list;
-
+  let list = tabBar.list;
   if (Array.isArray(list)) {
-    list = list.map(function (tab) {
+    list = list.map(tab => {
       if (tab.id === undefined) {
         return tab;
       }
-
-      var _iterator = _createForOfIteratorHelper(routes),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var r = _step.value;
-
-          // 兼容老项目，将老数据格式到新数据
-          if (tab.id === r.id) {
-            return _objectSpread(_objectSpread({}, tab), {}, {
-              pagePath: r.path
-            });
-          }
+      for (const r of routes) {
+        // 兼容老项目，将老数据格式到新数据
+        if (tab.id === r.id) {
+          return _objectSpread(_objectSpread({}, tab), {}, {
+            pagePath: r.path
+          });
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
-
       return tab;
-    }); // tabBar.list[number].pagePath 必须在 routes[number].page 中，即tab.pagePath === routes[number].page
+    });
+    // tabBar.list[number].pagePath 必须在 routes[number].page 中，即tab.pagePath === routes[number].page
     // tabBar.list[number].route 可不配置
     // tabBar.list[number].route 若未配置，则设置 tabBar.list[number].route = routes[number].page（非模式匹配）或tabBar.list[number].pagePath
     // tabBar.list[number].route 不能用模式，如不能用/xxx/:id等，必须是明确的 如/xxx/123
     // tabBar.list[number].route 必须要能命中对应routes[number].route 路由规则，规则详见 path-to-regexp 模块
-
-    tabBar.list = list.map(function (tab, index) {
+    tabBar.list = list.map((tab, index) => {
       var _m$route;
-
       tab = _objectSpread({}, tab);
-      var m = routes.find(function (i) {
-        return tab.pagePath === i.path;
-      });
-
+      const m = routes.find(i => tab.pagePath === i.path);
       if (!m) {
-        throw new Error("tabBar.list[".concat(index, "].pagePath: ").concat(tab.pagePath, " \u9700\u8981\u5728\u8DEF\u7531\u914D\u7F6E\u4E2D:  ").concat(JSON.stringify(routes, null, 2)));
+        throw new Error(`tabBar.list[${index}].pagePath: ${tab.pagePath} 需要在路由配置中:  ${JSON.stringify(routes, null, 2)}`);
       }
-
       if (!tab.route) {
         // 判断 routes[number].route 是否为模式匹配规则
         tab.route = m.route && parse(m.route).length === 1 ? m.route : m.path;
-      } // 判断是否能被路由命中
-
-
-      var matched = match((_m$route = m.route) !== null && _m$route !== void 0 ? _m$route : m.path)(tab.route);
-
+      }
+      // 判断是否能被路由命中
+      const matched = match((_m$route = m.route) !== null && _m$route !== void 0 ? _m$route : m.path)(tab.route);
       if (!matched) {
-        console.warn("tabBar.list[".concat(index, "]\n.route: ").concat(tab.route, "\n.pagePath: ").concat(tab.pagePath, "\n\u5E94\u88AB\u8DEF\u7531\u547D\u4E2D: \n").concat(JSON.stringify(m, null, 2)));
+        console.warn(`tabBar.list[${index}]\n.route: ${tab.route}\n.pagePath: ${tab.pagePath}\n应被路由命中: \n${JSON.stringify(m, null, 2)}`);
         return;
-      } // 判断是否还被其他路由命中
-
-
-      var otherMatched = routes.filter(function (r) {
-        return tab.pagePath !== r.path;
-      }).filter(function (r) {
+      }
+      // 判断是否还被其他路由命中
+      const otherMatched = routes.filter(r => tab.pagePath !== r.path).filter(r => {
         var _r$route;
-
         return match((_r$route = r.route) !== null && _r$route !== void 0 ? _r$route : r.path)(tab.route);
       });
-      var unusable = otherMatched.filter(function (r) {
-        return r.path !== tab.pagePath;
-      });
-
+      const unusable = otherMatched.filter(r => r.path !== tab.pagePath);
       if (unusable.length) {
-        console.warn("tabBar.list[".concat(index, "]\n.route: ").concat(tab.route, "\n%c.pagePath: ").concat(tab.pagePath, "\n%c\u88AB\u5176\u5B83\u8DEF\u7531\u547D\u4E2D\uFF1A\n").concat(JSON.stringify(unusable, null, 2)), 'background:#290000;color:green', 'background:#290000;color:green', 'color:red');
+        console.warn(`tabBar.list[${index}]\n.route: ${tab.route}\n%c.pagePath: ${tab.pagePath}\n%c被其它路由命中：\n${JSON.stringify(unusable, null, 2)}`, 'background:#290000;color:green', 'background:#290000;color:green', 'color:red');
         return;
       }
-
       return tab;
-    }).filter(function (tab) {
-      return !!tab;
-    });
-
+    }).filter(tab => !!tab);
     if (!tabBar.list.length) {
       return {};
     }
   }
-
   return tabBar;
 }

package/lib/plainStyle/index.js

@@ -1,50 +1,30 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import "core-js/modules/es.string.starts-with.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.string.replace.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.find.js";
-import "core-js/modules/es.array.reduce.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.concat.js";
-var vendorPrefixes = ['webkit', 'moz', 'ms', 'o'];
-
-var transformReactStyleKey = function (key) {
+const vendorPrefixes = ['webkit', 'moz', 'ms', 'o'];
+const transformReactStyleKey = key => {
   var _styleValue;
-
   // css3 var
   if (key !== null && key !== void 0 && key.startsWith('--')) {
     return key;
   }
+  let styleValue = key.replace(/\.?([A-Z]+)/g, function (_x, y) {
+    return `-${y.toLowerCase()}`;
+  });
 
-  var styleValue = key.replace(/\.?([A-Z]+)/g, function (_x, y) {
-    return "-".concat(y.toLowerCase());
-  }); // vendor prefix
-
+  // vendor prefix
   if ((_styleValue = styleValue) !== null && _styleValue !== void 0 && _styleValue.startsWith('-')) {
-    var firstWord = styleValue.split('-').filter(function (s) {
-      return s;
-    })[0];
+    const firstWord = styleValue.split('-').filter(s => s)[0];
     styleValue = styleValue.replace(/^-/, '');
-
-    if (vendorPrefixes.find(function (prefix) {
-      return prefix === firstWord;
-    })) {
-      styleValue = "-".concat(styleValue);
+    if (vendorPrefixes.find(prefix => prefix === firstWord)) {
+      styleValue = `-${styleValue}`;
     }
   }
-
   return styleValue;
 };
-
-export var plainStyle = function (style) {
+export const plainStyle = style => {
   if (!style) {
     return '';
   }
-
-  return Object.keys(style).reduce(function (acc, key) {
-    var value = style[key];
-    return [].concat(_toConsumableArray(acc), ["".concat(transformReactStyleKey(key), ":").concat(value, ";")]);
+  return Object.keys(style).reduce((acc, key) => {
+    const value = style[key];
+    return [...acc, `${transformReactStyleKey(key)}:${value};`];
   }, []).join('\n');
 };

package/lib/useInterval/index.js

@@ -1,21 +1,22 @@
 import { useEffect, useRef } from 'react';
+
 /**
  * Hooks版本setInterval
  */
-
 export function useInterval(callback) {
-  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
-  var intervalFn = useRef({});
-  useEffect(function () {
+  let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
+  const intervalFn = useRef({});
+  useEffect(() => {
     intervalFn.current.callback = callback;
-  }, [callback]); // set the interval
+  }, [callback]);
 
-  useEffect(function () {
+  // set the interval
+  useEffect(() => {
     if (delay !== null) {
-      intervalFn.current.timer = setInterval(function () {
+      intervalFn.current.timer = setInterval(() => {
         intervalFn.current.callback();
       }, delay);
-      return function () {
+      return () => {
         clearInterval(intervalFn.current.timer);
       };
     }

package/lib/useStylesheet/index.js

@@ -1,22 +1,18 @@
-import "core-js/modules/es.array.concat.js";
 import React from 'react';
 import { plainStyle } from '../plainStyle';
-var clsxId = 0;
-
-var generateClassName = function () {
-  return "placeholder-style-".concat(clsxId++);
-};
-
+let clsxId = 0;
+const generateClassName = () => `placeholder-style-${clsxId++}`;
 export function useStylesheet(css) {
-  var className = React.useRef(generateClassName());
-  React.useEffect(function () {
-    var styleContent = ".".concat(className.current, "::placeholder {\n").concat(plainStyle(css), "}");
-    var style = window.document.createElement('style');
+  const className = React.useRef(generateClassName());
+  React.useEffect(() => {
+    const styleContent = `.${className.current}::placeholder {
+${plainStyle(css)}}`;
+    const style = window.document.createElement('style');
     style.type = 'text/css';
     style.appendChild(document.createTextNode(styleContent));
-    var head = window.document.head || window.document.getElementsByTagName('head')[0];
+    const head = window.document.head || window.document.getElementsByTagName('head')[0];
     head.appendChild(style);
-    return function () {
+    return () => {
       head.removeChild(style);
     };
   }, [css]);

package/lib/useThrottle/index.js

@@ -1,29 +1,21 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useRef, useState } from 'react';
+
 /**
  * 节流的 useState
  */
-
 export function useThrottle(value) {
-  var ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
-
-  var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var now = useRef(0);
-  var last = useRef(0);
-  var timer = useRef();
-  return [state, function setValue(value) {
+  let ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
+  const [state, setState] = useState(value);
+  const now = useRef(0);
+  const last = useRef(0);
+  const timer = useRef();
+  return [state, value => {
     now.current = Date.now();
-
     if (last && now.current < last.current + ms) {
       if (timer.current) {
         clearTimeout(timer.current);
-      } // 保证在当前时间区间结束后，再执行一次 fn
-
-
+      }
+      // 保证在当前时间区间结束后，再执行一次 fn
       timer.current = setTimeout(function () {
         last.current = now.current;
         setState(value);

package/lib/useTouch/index.js

@@ -1,42 +1,33 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["hoverDuration", "hoverDelay"];
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.array.reduce.js";
-import "core-js/modules/es.object.keys.js";
+const _excluded = ["hoverDuration", "hoverDelay"];
 import * as React from 'react';
 import { isWeb } from '@ray-js/env';
-var LONG_TAP_DURATION = 350;
-export function useTouch(_ref) {
-  var hoverDuration = _ref.hoverDuration,
-      hoverDelay = _ref.hoverDelay,
-      handles = _objectWithoutProperties(_ref, _excluded);
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      touching = _React$useState2[0],
-      setTouching = _React$useState2[1];
+const LONG_TAP_DURATION = 350;
 
-  var hoveringRef = React.useRef(false);
-  var timers = React.useRef([]);
+/**
+ * 多端通用事件
+ */
 
+export function useTouch(_ref) {
+  let {
+      hoverDuration,
+      hoverDelay
+    } = _ref,
+    handles = _objectWithoutProperties(_ref, _excluded);
+  const [touching, setTouching] = React.useState(false);
+  const hoveringRef = React.useRef(false);
+  const timers = React.useRef([]);
   function executeTimeout(callback, time) {
-    var timer = setTimeout(function () {
+    const timer = setTimeout(() => {
       callback();
-      timers.current.filter(function (t) {
-        return t !== timer;
-      });
+      timers.current.filter(t => t !== timer);
     }, time);
     timers.current.push(timer);
   }
-
   function formatTouches(touchs) {
     if (Array.isArray(touchs)) {
-      return touchs && touchs.map(function (item) {
+      return touchs && touchs.map(item => {
         return {
           identifier: item.identifier,
           pageX: item.pageX,
@@ -47,7 +38,6 @@ export function useTouch(_ref) {
       return [_objectSpread({}, touchs)];
     }
   }
-
   function formatRayEvent(e, touchType) {
     return {
       type: (e === null || e === void 0 ? void 0 : e.type) || touchType || '',
@@ -57,7 +47,6 @@ export function useTouch(_ref) {
       origin: e
     };
   }
-
   function formatRayClickEvent(e, clickType) {
     return {
       type: (e === null || e === void 0 ? void 0 : e.type) || clickType || '',
@@ -67,49 +56,37 @@ export function useTouch(_ref) {
       origin: e
     };
   }
-
-  React.useEffect(function () {
-    return function () {
-      timers.current.forEach(function (t) {
-        return clearTimeout(t);
-      });
-    };
+  React.useEffect(() => () => {
+    timers.current.forEach(t => clearTimeout(t));
   }, []);
-
   function onLongClick(e) {
     var _handles$onLongClick;
-
     return (_handles$onLongClick = handles.onLongClick) === null || _handles$onLongClick === void 0 ? void 0 : _handles$onLongClick.call(handles, formatRayClickEvent(e, 'longclick'));
   }
-
-  var processedHandles = {
+  const processedHandles = {
     onTouchStart: function (e) {
       var _handles$onTouchStart;
-
       hoveringRef.current = true;
-      executeTimeout(function () {
+      executeTimeout(() => {
         if (hoveringRef.current) {
           setTouching(true);
         }
       }, hoverDelay);
-
       if (isWeb) {
         if (typeof handles.onLongClick === 'function') {
-          executeTimeout(function () {
+          executeTimeout(() => {
             if (hoveringRef.current) {
               onLongClick(e);
             }
           }, LONG_TAP_DURATION);
         }
       }
-
       return (_handles$onTouchStart = handles.onTouchStart) === null || _handles$onTouchStart === void 0 ? void 0 : _handles$onTouchStart.call(handles, formatRayEvent(e, 'touchstart'));
     },
     onTouchMove: function (e) {
       var _handles$onTouchMove;
-
       hoveringRef.current = false;
-      executeTimeout(function () {
+      executeTimeout(() => {
         if (touching) {
           setTouching(false);
         }
@@ -118,9 +95,8 @@ export function useTouch(_ref) {
     },
     onTouchEnd: function (e) {
       var _handles$onTouchEnd;
-
       hoveringRef.current = false;
-      executeTimeout(function () {
+      executeTimeout(() => {
         if (touching) {
           setTouching(false);
         }
@@ -129,9 +105,8 @@ export function useTouch(_ref) {
     },
     onTouchCancel: function (e) {
       var _handles$onTouchCance;
-
       hoveringRef.current = false;
-      executeTimeout(function () {
+      executeTimeout(() => {
         if (touching) {
           setTouching(false);
         }
@@ -140,16 +115,14 @@ export function useTouch(_ref) {
     },
     onClick: function (e) {
       var _handles$onClick;
-
       return (_handles$onClick = handles.onClick) === null || _handles$onClick === void 0 ? void 0 : _handles$onClick.call(handles, formatRayClickEvent(e, 'click'));
     },
-    onLongClick: onLongClick
+    onLongClick
   };
-  var finalRes = Object.keys(processedHandles).reduce(function (o, k) {
+  const finalRes = Object.keys(processedHandles).reduce((o, k) => {
     if (handles[k]) {
       o[k] = processedHandles[k];
     }
-
     return o;
   }, {});
   return [touching, finalRes];

package/lib/useTransition/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-declare type TransitionClassName = string | string[] | {
+type TransitionClassName = string | string[] | {
     [key: string]: string | string[];
 };
-declare type TransitionStatus = 'showStart' | 'showComplete' | 'hideStart' | 'hideComplete';
+type TransitionStatus = 'showStart' | 'showComplete' | 'hideStart' | 'hideComplete';
 interface TransitionOptions<P> {
     duration?: number;
     onStart?: (show: boolean) => void;

package/lib/useTransition/index.js

@@ -1,53 +1,37 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.promise.js";
 import { useEffect, useRef, useState } from 'react';
-
-var nextFrame = function () {
-  var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000 / 30;
-  return new Promise(function (resolve) {
-    return setTimeout(resolve, duration);
-  });
+const nextFrame = function () {
+  let duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000 / 30;
+  return new Promise(resolve => setTimeout(resolve, duration));
 };
+
 /**
  * 用于执行动画的时序管理
  * @param options transition 选项
  * @param visible 是否可见
  */
-
-
 export function useTransition(options, deps) {
-  var _options$duration = options.duration,
-      duration = _options$duration === void 0 ? 200 : _options$duration,
-      onFinish = options.onFinish,
-      onStart = options.onStart;
-
-  var _deps = _slicedToArray(deps, 1),
-      _deps$ = _deps[0],
-      visible = _deps$ === void 0 ? false : _deps$;
-
-  var showRef = useRef(visible);
-
-  var _useState = useState(visible ? 'showComplete' : 'hideComplete'),
-      _useState2 = _slicedToArray(_useState, 2),
-      status = _useState2[0],
-      setStatus = _useState2[1];
-
+  const {
+    duration = 200,
+    onFinish,
+    onStart
+  } = options;
+  const [visible = false] = deps;
+  const showRef = useRef(visible);
+  const [status, setStatus] = useState(visible ? 'showComplete' : 'hideComplete');
   function updateShow(show) {
     if (showRef.current === show) return false;
     showRef.current = show;
     onStart === null || onStart === void 0 ? void 0 : onStart(showRef.current);
     setStatus(showRef.current ? 'showStart' : 'hideStart');
-    nextFrame(duration).then(function () {
+    nextFrame(duration).then(() => {
       setStatus(showRef.current ? 'showComplete' : 'hideComplete');
       onFinish === null || onFinish === void 0 ? void 0 : onFinish(showRef.current);
     });
   }
-
-  useEffect(function () {
+  useEffect(() => {
     updateShow(visible);
   }, [visible]);
   return [status, {
-    animationDuration: "".concat(duration / 1000, "s")
+    animationDuration: `${duration / 1000}s`
   }, updateShow];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/framework-shared",
-  "version": "1.3.22",
+  "version": "1.3.23",
   "description": "Ray shared for framework",
   "keywords": [
     "ray"
@@ -20,13 +20,13 @@
     "watch": "ray start --type=component --emit-declaration-dev"
   },
   "dependencies": {
-    "@ray-core/wechat": "^0.3.5",
-    "@ray-js/env": "1.3.22",
-    "@ray-js/types": "1.3.22",
+    "@ray-core/wechat": "^0.3.9",
+    "@ray-js/env": "1.3.23",
+    "@ray-js/types": "1.3.23",
     "path-to-regexp": "^6.2.1"
   },
   "devDependencies": {
-    "@ray-js/cli": "1.3.22"
+    "@ray-js/cli": "1.3.23"
   },
   "maintainers": [
     {
@@ -34,6 +34,6 @@
       "email": "tuyafe@tuya.com"
     }
   ],
-  "gitHead": "14cb935df10f020e714b44bb41d4899646db751c",
+  "gitHead": "04708bb394d817a7a522fcde178f19f170d5d364",
   "repository": {}
 }