@ray-js/runtime 1.4.0-alpha.0 → 1.4.0-alpha.10

package/lib/PageInstance.js

@@ -1,78 +1,60 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-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";
-
+import "core-js/modules/web.dom-collections.iterator.js";
 /**
  * 管理 web 页面生命周期的调用
  * 小程序端
  * TODO: 支持 RN
  */
-var UniqueId = 0;
-export var generateUniqueId = function () {
+
+let UniqueId = 0;
+export const generateUniqueId = () => {
   return UniqueId += 1;
 };
-export var generatePageKey = function (uniqueId) {
+export const generatePageKey = uniqueId => {
   return 'Page-' + uniqueId;
 };
-export var PageInstance = /*#__PURE__*/function () {
-  function PageInstance(uniqueId) {
-    _classCallCheck(this, PageInstance);
-
+export class PageInstance {
+  constructor(uniqueId) {
     this.uniqueId = uniqueId !== null && uniqueId !== void 0 ? uniqueId : generateUniqueId();
     this.lifecycleCallback = {};
   }
+
   /**
    * 注册生命周期事件, 页面运行底层实例
    * @param lifecycleName - 事件名
    * @param context - fn 上下文
    * @param fn - 回调函数
    */
+  registerLifecycle(lifecycleName, context, fn) {
+    this.lifecycleCallback[lifecycleName] = this.lifecycleCallback[lifecycleName] || [];
+    const fnObj = {
+      context,
+      fn
+    };
+
+    // 先注册的函数先调用
+    this.lifecycleCallback[lifecycleName].push(fnObj);
+    return () => {
+      this.lifecycleCallback[lifecycleName].splice(this.lifecycleCallback[lifecycleName].indexOf(fnObj), 1);
+    };
+  }
 
-
-  _createClass(PageInstance, [{
-    key: "registerLifecycle",
-    value: function registerLifecycle(lifecycleName, context, fn) {
-      var _this = this;
-
-      this.lifecycleCallback[lifecycleName] = this.lifecycleCallback[lifecycleName] || [];
-      var fnObj = {
-        context: context,
-        fn: fn
-      }; // 先注册的函数先调用
-
-      this.lifecycleCallback[lifecycleName].push(fnObj);
-      return function () {
-        _this.lifecycleCallback[lifecycleName].splice(_this.lifecycleCallback[lifecycleName].indexOf(fnObj), 1);
-      };
-    }
-    /**
-     * 触发生命周期函数
-     * @param lifecycleName
-     * @param args
-     */
-
-  }, {
-    key: "callLifecycle",
-    value: function callLifecycle(params) {
-      var callbacks = this.lifecycleCallback[params.name] || [];
-      var result;
-
-      _toConsumableArray(callbacks).forEach(function (_ref) {
-        var _ref$context = _ref.context,
-            context = _ref$context === void 0 ? null : _ref$context,
-            fn = _ref.fn;
-        result = fn.apply(context, Array.isArray(params.args) ? params.args : [params.args]);
-      });
-
-      if (result) {
-        return result;
-      }
+  /**
+   * 触发生命周期函数
+   * @param lifecycleName
+   * @param args
+   */
+  callLifecycle(params) {
+    const callbacks = this.lifecycleCallback[params.name] || [];
+    let result;
+    [...callbacks].forEach(_ref => {
+      let {
+        context = null,
+        fn
+      } = _ref;
+      result = fn.apply(context, Array.isArray(params.args) ? params.args : [params.args]);
+    });
+    if (result) {
+      return result;
     }
-  }]);
-
-  return PageInstance;
-}();
+  }
+}

package/lib/PageInstanceContext.js

@@ -1,4 +1,4 @@
 import React from 'react';
-var PageInstanceContext = /*#__PURE__*/React.createContext(null);
+const PageInstanceContext = /*#__PURE__*/React.createContext(null);
 PageInstanceContext.displayName = 'PageInstanceContext';
 export { PageInstanceContext };

package/lib/current.d.ts

@@ -1,5 +1,5 @@
 import { AppInstance } from './instance';
-declare type Current = {
+type Current = {
     app: null | AppInstance;
     page: null;
     renderOptions: {};

package/lib/current.js

@@ -1,4 +1,4 @@
-export var current = {
+export const current = {
   app: null,
   page: null,
   renderOptions: {}

package/lib/index.js

@@ -2,26 +2,20 @@ import * as runtime from '@ray-core/runtime';
 export { lifecycle } from './lifecycle';
 export { PageInstance } from './PageInstance';
 export { PageInstanceContext } from './PageInstanceContext';
-export { useAppEvent } from './useAppEvent'; // 页面事件
-
+export { useAppEvent } from './useAppEvent';
+// 页面事件
 export { usePageEvent } from './usePageEvent';
 export { withPageLifecycle } from './withPageLifecycle';
 export { getCurrent } from './current';
-export var useNativeEffect = function () {
-  return console.warn("// TODO \u6682\u672A\u5B9E\u73B0\u94A9\u5B50 'useNativeEffect'");
-};
-export var useQuery = function () {
+export const useNativeEffect = () => console.warn("// TODO \u6682\u672A\u5B9E\u73B0\u94A9\u5B50 'useNativeEffect'");
+export const useQuery = () => {
   console.warn("// TODO \u6682\u672A\u5B9E\u73B0\u94A9\u5B50 'useQuery'");
   return null;
 };
-export var usePageInstance = function () {
-  return console.warn("// TODO \u6682\u672A\u5B9E\u73B0\u94A9\u5B50 'usePageInstance'");
-};
-export var useComponentInstance = function () {
-  return console.warn("// TODO \u6682\u672A\u5B9E\u73B0\u94A9\u5B50 'useComponentInstance'");
-};
-export var createPortal = runtime.createPortal;
-export var useModal = function () {
+export const usePageInstance = () => console.warn("// TODO \u6682\u672A\u5B9E\u73B0\u94A9\u5B50 'usePageInstance'");
+export const useComponentInstance = () => console.warn("// TODO \u6682\u672A\u5B9E\u73B0\u94A9\u5B50 'useComponentInstance'");
+export const createPortal = runtime.createPortal;
+export const useModal = () => {
   console.warn("// TODO \u6682\u672A\u5B9E\u73B0\u94A9\u5B50 'useModal'");
   return undefined;
 };

package/lib/lifecycle.js

@@ -1,58 +1,37 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.map.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import { generatePageKey } from './PageInstance';
-
-var Lifecycle = /*#__PURE__*/function () {
-  function Lifecycle() {
-    _classCallCheck(this, Lifecycle);
-
+class Lifecycle {
+  constructor() {
     this.instanceMap = new Map();
   }
+
   /**
    * 增加一个 PageWrapper 实例
    *
    * @param uniqueId - 页面的 ID
    * @param ins - 示例对象
    */
+  addInstance(ins) {
+    const key = generatePageKey(ins.uniqueId);
+    this.instanceMap.set(key, ins);
+  }
 
-
-  _createClass(Lifecycle, [{
-    key: "addInstance",
-    value: function addInstance(ins) {
-      var key = generatePageKey(ins.uniqueId);
-      this.instanceMap.set(key, ins);
-    }
-    /**
-     * 删除一个 PageWrapper 实例
-     *
-     * @param uniqueId - 页面的 ID
-     * @param ins - 示例对象
-     */
-
-  }, {
-    key: "removeInstance",
-    value: function removeInstance(ins) {
-      var key = generatePageKey(ins.uniqueId);
-      this.instanceMap.delete(key);
-    }
-  }, {
-    key: "emit",
-    value: function emit(params) {
-      var key = generatePageKey(params.uniqueId);
-      var $instance = this.instanceMap.get(key);
-
-      if ($instance) {
-        $instance.callLifecycle(params);
-      }
+  /**
+   * 删除一个 PageWrapper 实例
+   *
+   * @param uniqueId - 页面的 ID
+   * @param ins - 示例对象
+   */
+  removeInstance(ins) {
+    const key = generatePageKey(ins.uniqueId);
+    this.instanceMap.delete(key);
+  }
+  emit(params) {
+    const key = generatePageKey(params.uniqueId);
+    const $instance = this.instanceMap.get(key);
+    if ($instance) {
+      $instance.callLifecycle(params);
     }
-  }]);
-
-  return Lifecycle;
-}();
-
-export var lifecycle = new Lifecycle();
+  }
+}
+export const lifecycle = new Lifecycle();

package/lib/useAppEvent/index.js

@@ -1,2 +1,3 @@
-export function useAppEvent() {// TODO: App 事件
+export function useAppEvent() {
+  // TODO: App 事件
 }

package/lib/usePageEvent/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PageInstanceContext } from '../PageInstanceContext';
 export function usePageEvent(event, fn) {
-  var $instance = React.useContext(PageInstanceContext).$instance;
+  const $instance = React.useContext(PageInstanceContext).$instance;
   $instance.registerLifecycle(event, null, fn);
 }

package/lib/withPageLifecycle/index.js

@@ -1,93 +1,59 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["forwardedRef"];
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.keys.js";
+const _excluded = ["forwardedRef"];
+import "core-js/modules/web.dom-collections.iterator.js";
 import React from 'react';
 import { pageLifecycles } from '@ray-js/types';
 import { PageInstanceContext } from '../PageInstanceContext';
 export function withPageLifecycle(Component) {
-  var displayName = "WithPageLifecycle(".concat(Component.displayName || Component.name, ")");
-
-  var WithPageLifeCycle = /*#__PURE__*/function (_React$Component) {
-    _inherits(WithPageLifeCycle, _React$Component);
-
-    var _super = _createSuper(WithPageLifeCycle);
-
-    function WithPageLifeCycle() {
-      var _this;
-
-      _classCallCheck(this, WithPageLifeCycle);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = _super.call.apply(_super, [this].concat(args));
-
-      _defineProperty(_assertThisInitialized(_this), "refHandle", function (ref) {
-        var forwardedRef = _this.props.forwardedRef;
-
+  const displayName = "WithPageLifecycle(".concat(Component.displayName || Component.name, ")");
+  class WithPageLifeCycle extends React.Component {
+    constructor() {
+      super(...arguments);
+      _defineProperty(this, "refHandle", ref => {
+        const forwardedRef = this.props.forwardedRef;
         if (ref) {
-          _this.additionToLifecycle(ref);
+          this.additionToLifecycle(ref);
         }
-
         if (forwardedRef) {
           if (typeof forwardedRef === 'function') {
             forwardedRef(ref);
-          } else if (_typeof(forwardedRef) === 'object') {
+          } else if (typeof forwardedRef === 'object') {
             forwardedRef.current = ref;
           }
         }
       });
-
-      return _this;
     }
-
-    _createClass(WithPageLifeCycle, [{
-      key: "render",
-      value: function render() {
-        var _this2 = this;
-
-        var _this$props = this.props,
-            forwardedRef = _this$props.forwardedRef,
-            rest = _objectWithoutProperties(_this$props, _excluded);
-
-        return /*#__PURE__*/React.createElement(PageInstanceContext.Consumer, null, function (context) {
-          var $instance = context.$instance; // 挂载页面事件
-
-          _this2.additionToLifecycle = function (ins) {
-            Object.keys(pageLifecycles).forEach(function (event) {
-              if (typeof ins[event] === 'function') {
-                $instance.registerLifecycle(event, ins, ins[event]);
-              }
-            });
-          };
-
-          return /*#__PURE__*/React.createElement(Component // fixed: 坑货，不能直接一个匿名函数，因为每次渲染匿名函数都是个新的，导致每次渲染都会调用一次
-          // 进而导致生命周期函数重复添加
-          , _extends({
-            ref: _this2.refHandle
-          }, rest));
-        });
-      }
-    }]);
-
-    return WithPageLifeCycle;
-  }(React.Component);
-
+    render() {
+      const _this$props = this.props,
+        {
+          forwardedRef
+        } = _this$props,
+        rest = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(PageInstanceContext.Consumer, null, context => {
+        const {
+          $instance
+        } = context;
+        // 挂载页面事件
+        this.additionToLifecycle = function (ins) {
+          Object.keys(pageLifecycles).forEach(event => {
+            if (typeof ins[event] === 'function') {
+              $instance.registerLifecycle(event, ins, ins[event]);
+            }
+          });
+        };
+        return /*#__PURE__*/React.createElement(Component
+        // fixed: 坑货，不能直接一个匿名函数，因为每次渲染匿名函数都是个新的，导致每次渲染都会调用一次
+        // 进而导致生命周期函数重复添加
+        , _extends({
+          ref: this.refHandle
+        }, rest));
+      });
+    }
+  }
   _defineProperty(WithPageLifeCycle, "displayName", displayName);
-
-  var forwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  const forwardRef = /*#__PURE__*/React.forwardRef((props, ref) => {
     return /*#__PURE__*/React.createElement(WithPageLifeCycle, _extends({}, props, {
       forwardedRef: ref
     }));

package/package.json

@@ -1,38 +1,38 @@
 {
   "name": "@ray-js/runtime",
-  "version": "1.4.0-alpha.0",
+  "version": "1.4.0-alpha.10",
   "description": "Ray cross runtime",
   "keywords": [
     "ray"
   ],
+  "repository": {},
   "license": "MIT",
+  "maintainers": [
+    {
+      "name": "tuyafe",
+      "email": "tuyafe@tuya.com"
+    }
+  ],
   "main": "main.js",
   "files": [
     "lib",
     "main.js"
   ],
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
   "scripts": {
-    "clean": "rm -rf lib ",
     "build": "ray build --type=component --transform-mode=pure",
+    "clean": "rm -rf lib ",
     "watch": "tsc -p ./tsconfig.build.json --module esnext --outDir lib --watch"
   },
   "dependencies": {
-    "@ray-core/runtime": "^0.3.5"
+    "@ray-core/runtime": "^0.3.6"
   },
   "devDependencies": {
-    "@ray-js/cli": "^1.4.0-alpha.0",
-    "@ray-js/types": "^1.4.0-alpha.0"
+    "@ray-js/cli": "^1.4.0-alpha.10",
+    "@ray-js/types": "^1.4.0-alpha.10"
   },
-  "maintainers": [
-    {
-      "name": "tuyafe",
-      "email": "tuyafe@tuya.com"
-    }
-  ],
-  "gitHead": "92a9834964bb74c3a3b0553438b0f0c7a77ad8d0",
-  "repository": {}
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "gitHead": "14cb935df10f020e714b44bb41d4899646db751c"
 }

package/LICENSE.md

@@ -1,9 +0,0 @@
-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.