@rsmax/runtime 1.0.1

package/cjs/VNode.js

@@ -0,0 +1,276 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const propsAlias_1 = __importStar(require("./propsAlias"));
+const constants_1 = require("./constants");
+const framework_shared_1 = require("@rsmax/framework-shared");
+const createCallbackProxy_1 = require("./SyntheticEvent/createCallbackProxy");
+function toRawNode(node) {
+    if (node.type === constants_1.TYPE_TEXT) {
+        return {
+            id: node.id,
+            type: node.type,
+            text: node.text,
+        };
+    }
+    return {
+        id: node.id,
+        type: node.type,
+        props: (0, propsAlias_1.default)(node.props, node.type),
+        children: [],
+        text: node.text,
+    };
+}
+function toRawProps(prop, value, type) {
+    return (0, propsAlias_1.propAlias)(prop, value, type);
+}
+class VNode {
+    constructor({ id, type, props, container }) {
+        this.mounted = false;
+        this.deleted = false;
+        this.parent = null;
+        this.firstChild = null;
+        this.lastChild = null;
+        this.size = 0;
+        this.previousSibling = null;
+        this.nextSibling = null;
+        this.callbackIds = new Set();
+        this.id = id;
+        this.container = container;
+        this.type = type;
+        this.props = props;
+    }
+    appendChild(node) {
+        this.removeChild(node);
+        this.size += 1;
+        node.parent = this;
+        node.deleted = false; // 交换节点时删除的节点会被复用
+        if (!this.firstChild) {
+            this.firstChild = node;
+        }
+        if (this.lastChild) {
+            this.lastChild.nextSibling = node;
+            node.previousSibling = this.lastChild;
+        }
+        this.lastChild = node;
+        if (this.isMounted()) {
+            this.container.requestUpdate({
+                type: 'splice',
+                path: this.path,
+                start: node.index,
+                id: node.id,
+                deleteCount: 0,
+                children: this.children,
+                items: [node.toJSON()],
+                node: this,
+            });
+        }
+    }
+    removeChild(node) {
+        const { previousSibling, nextSibling } = node;
+        if (node.parent !== this) {
+            return;
+        }
+        const index = node.index;
+        this.size -= 1;
+        if (this.firstChild === node) {
+            this.firstChild = node.nextSibling;
+        }
+        if (this.lastChild === node) {
+            this.lastChild = node.previousSibling;
+        }
+        if (previousSibling) {
+            previousSibling.nextSibling = nextSibling;
+        }
+        if (nextSibling) {
+            nextSibling.previousSibling = previousSibling;
+        }
+        node.previousSibling = null;
+        node.nextSibling = null;
+        node.deleted = true;
+        node.unregisteredCallbacks();
+        if (this.isMounted()) {
+            this.container.requestUpdate({
+                type: 'splice',
+                path: this.path,
+                start: index,
+                id: node.id,
+                deleteCount: 1,
+                children: this.children,
+                items: [],
+                node: this,
+            });
+        }
+    }
+    insertBefore(node, referenceNode) {
+        this.removeChild(node);
+        this.size += 1;
+        node.parent = this;
+        node.deleted = false; // 交换节点时删除的节点会被复用
+        if (referenceNode === this.firstChild) {
+            this.firstChild = node;
+        }
+        if (referenceNode.previousSibling) {
+            referenceNode.previousSibling.nextSibling = node;
+            node.previousSibling = referenceNode.previousSibling;
+        }
+        referenceNode.previousSibling = node;
+        node.nextSibling = referenceNode;
+        if (this.isMounted()) {
+            this.container.requestUpdate({
+                type: 'splice',
+                path: this.path,
+                start: node.index,
+                id: node.id,
+                deleteCount: 0,
+                children: this.children,
+                items: [node.toJSON()],
+                node: this,
+            });
+        }
+    }
+    update(payload) {
+        if (this.type === 'text' || !payload) {
+            this.container.requestUpdate({
+                type: 'splice',
+                // root 不会更新，所以肯定有 parent
+                path: this.parent.path,
+                start: this.index,
+                id: this.id,
+                deleteCount: 1,
+                items: [this.toJSON()],
+                node: this,
+            });
+            return;
+        }
+        const parentPath = this.parent.path;
+        for (let i = 0; i < payload.length; i = i + 2) {
+            const [propName, propValue] = toRawProps(payload[i], payload[i + 1], this.type);
+            let path = [...parentPath, 'nodes', this.id.toString(), 'props'];
+            if (framework_shared_1.RuntimeOptions.get('platform') === 'ali') {
+                path = [...parentPath, `children[${this.index}].props`];
+            }
+            this.container.requestUpdate({
+                type: 'set',
+                path,
+                name: propName,
+                value: propValue,
+                node: this,
+            });
+        }
+    }
+    get index() {
+        let value = 0;
+        let previousSibling = this.previousSibling;
+        while (previousSibling) {
+            value += 1;
+            previousSibling = previousSibling.previousSibling;
+        }
+        return value;
+    }
+    get children() {
+        const arr = [];
+        let item = this.firstChild;
+        while (item) {
+            arr.push(item);
+            item = item.nextSibling;
+        }
+        return arr;
+    }
+    get path() {
+        const dataPath = [];
+        const parents = [];
+        let parent = this.parent;
+        while (parent) {
+            parents.unshift(parent);
+            parent = parent.parent;
+        }
+        for (let i = 0; i < parents.length; i++) {
+            const child = parents[i + 1] || this;
+            if (framework_shared_1.RuntimeOptions.get('platform') === 'ali') {
+                dataPath.push('children');
+                dataPath.push(child.index.toString());
+            }
+            else {
+                dataPath.push('nodes');
+                dataPath.push(child.id.toString());
+            }
+        }
+        return dataPath;
+    }
+    isMounted() {
+        return this.parent ? this.parent.isMounted() : this.mounted;
+    }
+    isDeleted() {
+        var _a, _b;
+        return this.deleted === true ? this.deleted : (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.isDeleted()) !== null && _b !== void 0 ? _b : false;
+    }
+    registerCallback(propKey, propValue) {
+        const id = `${constants_1.REMAX_METHOD}_${this.id}_${propKey}`;
+        this.callbackIds.add(id);
+        this.container.createCallback(id, (0, createCallbackProxy_1.createCallbackProxy)(propKey, this, propValue));
+        return id;
+    }
+    unregisteredCallbacks() {
+        this.callbackIds.forEach(id => {
+            this.container.removeCallback(id);
+        });
+    }
+    toJSON() {
+        const stack = [];
+        const rawNode = toRawNode(this);
+        stack.push({
+            currentNode: rawNode,
+            children: this.children,
+        });
+        while (stack.length > 0) {
+            // while 循环已经保证了不会有空值
+            const stackItem = stack.pop();
+            const { children = [], currentNode } = stackItem;
+            for (let i = children.length - 1; i >= 0; i--) {
+                const currentVNode = children[i];
+                const currentRawNode = toRawNode(currentVNode);
+                if (framework_shared_1.RuntimeOptions.get('platform') !== 'ali') {
+                    currentNode.children.unshift(currentRawNode.id);
+                }
+                else {
+                    currentNode.children.unshift(currentRawNode);
+                }
+                if (framework_shared_1.RuntimeOptions.get('platform') !== 'ali') {
+                    if (!currentNode.nodes) {
+                        currentNode.nodes = {};
+                    }
+                    currentNode.nodes[currentRawNode.id] = currentRawNode;
+                }
+                stack.push({
+                    currentNode: currentRawNode,
+                    children: currentVNode.children,
+                });
+            }
+        }
+        return rawNode;
+    }
+}
+exports.default = VNode;

package/cjs/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const REMAX_ROOT_BACKUP = "$$REMAX_ROOT_BACKUP";
+export declare const REMAX_METHOD = "$$REMAX_METHOD";
+export declare const TYPE_TEXT = "plain-text";

package/cjs/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TYPE_TEXT = exports.REMAX_METHOD = exports.REMAX_ROOT_BACKUP = void 0;
+exports.REMAX_ROOT_BACKUP = '$$REMAX_ROOT_BACKUP';
+exports.REMAX_METHOD = '$$REMAX_METHOD';
+exports.TYPE_TEXT = 'plain-text';

package/cjs/createAppConfig.d.ts

@@ -0,0 +1,2 @@
+import './polyfills/Function';
+export default function createAppConfig(this: any, App: any): any;

package/cjs/createAppConfig.js

@@ -0,0 +1,124 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./polyfills/Function");
+const React = __importStar(require("react"));
+const react_is_1 = require("react-is");
+const render_1 = __importDefault(require("./render"));
+const AppContainer_1 = __importDefault(require("./AppContainer"));
+const framework_shared_1 = require("@rsmax/framework-shared");
+class DefaultAppComponent extends React.Component {
+    render() {
+        return React.createElement(React.Fragment, this.props);
+    }
+}
+function createAppConfig(App) {
+    const WrappedApp = framework_shared_1.RuntimeOptions.get('pluginDriver').onAppComponent(App);
+    const createConfig = (AppComponent = DefaultAppComponent) => {
+        const config = {
+            _container: new AppContainer_1.default(),
+            _pages: [],
+            _instance: React.createRef(),
+            onLaunch(options) {
+                this._container.context = this;
+                this._render();
+                return this.callLifecycle(framework_shared_1.AppLifecycle.launch, options);
+            },
+            callLifecycle(lifecycle, ...args) {
+                const callbacks = framework_shared_1.AppInstanceContext.lifecycleCallback[lifecycle] || [];
+                let result;
+                callbacks.forEach((callback) => {
+                    result = callback(...args);
+                });
+                if (result) {
+                    return result;
+                }
+                const callback = (0, framework_shared_1.callbackName)(lifecycle);
+                if (this._instance.current && this._instance.current[callback]) {
+                    return this._instance.current[callback](...args);
+                }
+            },
+            _mount(pageInstance) {
+                /**
+                 * 飞书开发者工具的问题，这里的 this 跟 getApp 拿到的不是同一个实例
+                 */
+                if (!this._container.context) {
+                    this._container.context = this;
+                }
+                this._pages.push(pageInstance);
+                this._render();
+            },
+            _unmount(pageInstance) {
+                this._pages.splice(this._pages.indexOf(pageInstance), 1);
+                this._render();
+            },
+            _render() {
+                const props = {};
+                if ((0, framework_shared_1.isClassComponent)(AppComponent) || AppComponent.$$typeof === react_is_1.ForwardRef) {
+                    props.ref = this._instance;
+                }
+                return (0, render_1.default)(React.createElement(AppComponent, props, this._pages.map((p) => p.element)), this._container);
+            },
+            onShow(options) {
+                return this.callLifecycle(framework_shared_1.AppLifecycle.show, options);
+            },
+            onHide() {
+                return this.callLifecycle(framework_shared_1.AppLifecycle.hide);
+            },
+            onError(error) {
+                return this.callLifecycle(framework_shared_1.AppLifecycle.error, error);
+            },
+            // 微信
+            onPageNotFound(options) {
+                return this.callLifecycle(framework_shared_1.AppLifecycle.pageNotFound, options);
+            },
+            // 微信
+            onUnhandledRejection(options) {
+                return this.callLifecycle(framework_shared_1.AppLifecycle.unhandledRejection, options);
+            },
+            // 微信
+            onThemeChange(options) {
+                return this.callLifecycle(framework_shared_1.AppLifecycle.themeChange, options);
+            },
+        };
+        const lifecycleEvent = {
+            // 阿里
+            onShareAppMessage(options) {
+                return this.callLifecycle(framework_shared_1.AppLifecycle.shareAppMessage, options);
+            },
+        };
+        (framework_shared_1.RuntimeOptions.get('appEvents') || []).forEach(eventName => {
+            if (lifecycleEvent[eventName]) {
+                config[eventName] = lifecycleEvent[eventName];
+            }
+        });
+        return framework_shared_1.RuntimeOptions.get('pluginDriver').onAppConfig(config);
+    };
+    return createConfig(WrappedApp);
+}
+exports.default = createAppConfig;

package/cjs/createComponentConfig.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function createComponentConfig(Component: React.ComponentType<any>): any;

package/cjs/createComponentConfig.js

@@ -0,0 +1,74 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const framework_shared_1 = require("@rsmax/framework-shared");
+const Container_1 = __importDefault(require("./Container"));
+const render_1 = __importDefault(require("./render"));
+function createComponentConfig(Component) {
+    const config = {
+        data: {
+            action: {},
+            root: {
+                children: [],
+            },
+        },
+        didMount() {
+            if (!this.container) {
+                this.init();
+            }
+        },
+        didUpdate(prevProps, prevData) {
+            if (prevData !== this.data) {
+                return;
+            }
+            this.render();
+        },
+        didUnmount() {
+            this.container.clearUpdate();
+            (0, render_1.default)(null, this.container);
+        },
+        methods: {
+            init() {
+                this.component = framework_shared_1.RuntimeOptions.get('pluginDriver').onMiniComponent({
+                    component: Component,
+                    context: this,
+                });
+                this.container = new Container_1.default(this);
+                this.render();
+            },
+            render() {
+                this.element = (0, render_1.default)(React.createElement(framework_shared_1.ComponentInstanceContext.Provider, {
+                    value: this,
+                }, React.createElement(this.component, this.props)), this.container);
+            },
+        },
+    };
+    return config;
+}
+exports.default = createComponentConfig;

package/cjs/createComponentConfig.wechat.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function createComponentConfig(Component: React.ComponentType<any>): any;

package/cjs/createComponentConfig.wechat.js

@@ -0,0 +1,89 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const framework_shared_1 = require("@rsmax/framework-shared");
+const Container_1 = __importDefault(require("./Container"));
+const render_1 = __importDefault(require("./render"));
+function createComponentConfig(Component) {
+    const config = {
+        options: {
+            styleIsolation: 'apply-shared',
+        },
+        data: {
+            action: {},
+            root: {
+                children: [],
+            },
+        },
+        attached: function () {
+            // 在组件实例进入页面节点树时执行
+            if (!this.container) {
+                this.init();
+            }
+        },
+        detached: function () {
+            // 在组件实例被从页面节点树移除时执行
+            this.container.clearUpdate();
+            (0, render_1.default)(null, this.container);
+        },
+        /*
+        TODO: 当前微信无对应语法支持监听props
+              且必须显示设定 properties，才能在组件中使用 this.properties.name
+              所以当前的实现不支持在微信端 props
+        eg:
+        properties: {
+          name: String
+        },
+    
+        didUpdate(prevProps: any, prevData: any) {
+          if (prevData !== this.data) {
+            return;
+          }
+    
+          this.render();
+        },*/
+        methods: {
+            init() {
+                this.component = framework_shared_1.RuntimeOptions.get('pluginDriver').onMiniComponent({
+                    component: Component,
+                    context: this,
+                });
+                this.container = new Container_1.default(this);
+                this.render();
+            },
+            render() {
+                this.element = (0, render_1.default)(React.createElement(framework_shared_1.ComponentInstanceContext.Provider, {
+                    value: this,
+                }, React.createElement(this.component, this.properties)), this.container);
+            },
+        },
+    };
+    return config;
+}
+exports.default = createComponentConfig;

package/cjs/createHostComponent.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function createHostComponent<P = any>(name: string, component?: React.ComponentType<P>): any;

package/cjs/createHostComponent.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const framework_shared_1 = require("@rsmax/framework-shared");
+function createHostComponent(name, component) {
+    if (component) {
+        return component;
+    }
+    const Component = react_1.default.forwardRef((props, ref) => {
+        let element = react_1.default.createElement(name, Object.assign(Object.assign({}, props), { ref }));
+        element = framework_shared_1.RuntimeOptions.get('pluginDriver').onCreateHostComponentElement(element);
+        return element;
+    });
+    Component.displayName = name;
+    return framework_shared_1.RuntimeOptions.get('pluginDriver').onCreateHostComponent(Component);
+}
+exports.default = createHostComponent;

package/cjs/createNativeComponent.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function createNativeComponent(name: string): React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/cjs/createNativeComponent.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+function createNativeComponent(name) {
+    const Component = react_1.default.forwardRef((props, ref) => {
+        const newProps = Object.assign({}, props);
+        newProps.__ref =
+            typeof ref === 'function'
+                ? ref
+                : (e) => {
+                    if (ref) {
+                        ref.current = e;
+                    }
+                };
+        return react_1.default.createElement(name, newProps);
+    });
+    Component.displayName = name;
+    return Component;
+}
+exports.default = createNativeComponent;

package/cjs/createPageConfig.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function resetPageId(): void;
+export default function createPageConfig(Page: React.ComponentType<any>, name: string): any;