@ray-js/framework-shared 1.4.0-alpha.2 → 1.4.0-alpha.4

package/lib/emitter/index.js

@@ -1,57 +1,34 @@
-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);
-
+import "core-js/modules/web.dom-collections.iterator.js";
+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,17 @@
-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,36 +1,26 @@
-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/web.dom-collections.iterator.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) {
@@ -40,8 +30,8 @@ export function inlineStyle() {
         }
       } 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);
+        style[key] = value.replace(/\b([.\d]+)rpx\b/g, (match, x) => {
+          const size = Number(x);
           return "".concat(size / 100, "rem");
         });
       }

package/lib/normalizeTabBar.js

@@ -1,99 +1,60 @@
 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 "core-js/modules/web.dom-collections.iterator.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)));
       }
-
       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)));
         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');
         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,32 @@
-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) {
+import "core-js/modules/web.dom-collections.iterator.js";
+const vendorPrefixes = ['webkit', 'moz', 'ms', 'o'];
+const transformReactStyleKey = key => {
   var _styleValue;
-
   // css3 var
   if (key !== null && key !== void 0 && key.startsWith('--')) {
     return key;
   }
-
-  var styleValue = key.replace(/\.?([A-Z]+)/g, function (_x, y) {
+  let 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;
-    })) {
+    if (vendorPrefixes.find(prefix => prefix === firstWord)) {
       styleValue = "-".concat(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, "".concat(transformReactStyleKey(key), ":").concat(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,17 @@
-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-".concat(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 = ".".concat(className.current, "::placeholder {\n").concat(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,22 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "core-js/modules/web.dom-collections.iterator.js";
 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,34 @@
 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 "core-js/modules/web.dom-collections.iterator.js";
 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 +39,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 +48,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 +57,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 +96,8 @@ export function useTouch(_ref) {
     },
     onTouchEnd: function (e) {
       var _handles$onTouchEnd;
-
       hoveringRef.current = false;
-      executeTimeout(function () {
+      executeTimeout(() => {
         if (touching) {
           setTouching(false);
         }
@@ -129,9 +106,8 @@ export function useTouch(_ref) {
     },
     onTouchCancel: function (e) {
       var _handles$onTouchCance;
-
       hoveringRef.current = false;
-      executeTimeout(function () {
+      executeTimeout(() => {
         if (touching) {
           setTouching(false);
         }
@@ -140,16 +116,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.js

@@ -1,50 +1,35 @@
-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 "core-js/modules/web.dom-collections.iterator.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, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/framework-shared",
-  "version": "1.4.0-alpha.2",
+  "version": "1.4.0-alpha.4",
   "description": "Ray shared for framework",
   "keywords": [
     "ray"
@@ -21,12 +21,12 @@
   },
   "dependencies": {
     "@ray-core/wechat": "^0.3.5",
-    "@ray-js/env": "^1.4.0-alpha.2",
-    "@ray-js/types": "^1.4.0-alpha.2",
+    "@ray-js/env": "^1.4.0-alpha.4",
+    "@ray-js/types": "^1.4.0-alpha.4",
     "path-to-regexp": "^6.2.1"
   },
   "devDependencies": {
-    "@ray-js/cli": "^1.4.0-alpha.2"
+    "@ray-js/cli": "^1.4.0-alpha.4"
   },
   "maintainers": [
     {
@@ -34,6 +34,6 @@
       "email": "tuyafe@tuya.com"
     }
   ],
-  "gitHead": "15732640dc24f1ef6c461db601afc0fcbd3eb9ff",
+  "gitHead": "ae3621a47944287771e18e926c76ea92d0516097",
   "repository": {}
 }