@rsmax/runtime 1.3.14 → 2.0.0-canary.91

package/cjs/Container.js

@@ -40,32 +40,70 @@ class Container {
                 $batchedUpdates = this.context.$batchedUpdates;
             }
             $batchedUpdates(() => {
-                this.updateQueue.map((update, index) => {
-                    let callback = undefined;
-                    if (index + 1 === this.updateQueue.length) {
-                        callback = () => {
+                if (framework_shared_1.RuntimeOptions.get('mergeSpliceData')) {
+                    const splicePayload = {};
+                    const setPayload = {};
+                    this.updateQueue.forEach(update => {
+                        if (update.type === 'splice') {
+                            splicePayload[this.normalizeUpdatePath([...update.path, 'children'])] = [
+                                update.start,
+                                update.deleteCount,
+                                ...update.items,
+                            ];
+                        }
+                        else if (update.type === 'set') {
+                            setPayload[this.normalizeUpdatePath([...update.path, update.name])] = update.value;
+                        }
+                    });
+                    const hasSplice = Object.keys(splicePayload).length > 0;
+                    const hasSet = Object.keys(setPayload).length > 0;
+                    const total = (hasSplice ? 1 : 0) + (hasSet ? 1 : 0);
+                    let done = 0;
+                    const doneCallback = () => {
+                        done += 1;
+                        if (done === total) {
                             nativeEffect_1.default.run();
                             /* istanbul ignore next */
                             if (framework_shared_1.RuntimeOptions.get('debug')) {
                                 console.log(`setData => 回调时间：${new Date().getTime() - startTime}ms`);
                             }
-                        };
+                        }
+                    };
+                    if (hasSplice) {
+                        this.context.$spliceData(splicePayload, doneCallback);
                     }
-                    if (update.type === 'splice') {
-                        this.context.$spliceData({
-                            [this.normalizeUpdatePath([...update.path, 'children'])]: [
-                                update.start,
-                                update.deleteCount,
-                                ...update.items,
-                            ],
-                        }, callback);
-                    }
-                    if (update.type === 'set') {
-                        this.context.setData({
-                            [this.normalizeUpdatePath([...update.path, update.name])]: update.value,
-                        }, callback);
+                    if (hasSet) {
+                        this.context.setData(setPayload, doneCallback);
                     }
-                });
+                }
+                else {
+                    this.updateQueue.map((update, index) => {
+                        let callback = undefined;
+                        if (index + 1 === this.updateQueue.length) {
+                            callback = () => {
+                                nativeEffect_1.default.run();
+                                /* istanbul ignore next */
+                                if (framework_shared_1.RuntimeOptions.get('debug')) {
+                                    console.log(`setData => 回调时间：${new Date().getTime() - startTime}ms`);
+                                }
+                            };
+                        }
+                        if (update.type === 'splice') {
+                            this.context.$spliceData({
+                                [this.normalizeUpdatePath([...update.path, 'children'])]: [
+                                    update.start,
+                                    update.deleteCount,
+                                    ...update.items,
+                                ],
+                            }, callback);
+                        }
+                        if (update.type === 'set') {
+                            this.context.setData({
+                                [this.normalizeUpdatePath([...update.path, update.name])]: update.value,
+                            }, callback);
+                        }
+                    });
+                }
             });
             this.updateQueue = [];
             return;
@@ -85,13 +123,33 @@ class Container {
             }
             return acc;
         }, {});
-        this.context.setData(updatePayload, () => {
-            nativeEffect_1.default.run();
-            /* istanbul ignore next */
-            if (framework_shared_1.RuntimeOptions.get('debug')) {
-                console.log(`setData => 回调时间：${new Date().getTime() - startTime}ms`, updatePayload);
+        const chunkSize = framework_shared_1.RuntimeOptions.get('setDataChunkSize');
+        const entries = Object.entries(updatePayload);
+        if (chunkSize && chunkSize > 0 && entries.length > chunkSize) {
+            for (let i = 0; i < entries.length; i += chunkSize) {
+                const slice = entries.slice(i, i + chunkSize);
+                const payloadChunk = Object.fromEntries(slice);
+                const isLast = i + chunkSize >= entries.length;
+                this.context.setData(payloadChunk, () => {
+                    if (isLast) {
+                        nativeEffect_1.default.run();
+                        /* istanbul ignore next */
+                        if (framework_shared_1.RuntimeOptions.get('debug')) {
+                            console.log(`setData => 回调时间：${new Date().getTime() - startTime}ms`, payloadChunk);
+                        }
+                    }
+                });
             }
-        });
+        }
+        else {
+            this.context.setData(updatePayload, () => {
+                nativeEffect_1.default.run();
+                /* istanbul ignore next */
+                if (framework_shared_1.RuntimeOptions.get('debug')) {
+                    console.log(`setData => 回调时间：${new Date().getTime() - startTime}ms`, updatePayload);
+                }
+            });
+        }
         this.updateQueue = [];
     }
     clearUpdate() {

package/cjs/ReactPortal.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPortal = void 0;
+exports.createPortal = createPortal;
 const react_is_1 = require("react-is");
 function createPortal(children, containerInfo, key) {
     return {
@@ -12,4 +12,3 @@ function createPortal(children, containerInfo, key) {
         implementation: null,
     };
 }
-exports.createPortal = createPortal;

package/cjs/SyntheticEvent/constants.js

@@ -10,4 +10,5 @@ exports.SYNTHETIC_TYPES = [
     'onTouchMove',
     'onTouchStart',
     'onTouchEnd',
+    'onTouchCancel',
 ];

package/cjs/SyntheticEvent/createCallbackProxy.js

@@ -15,23 +15,32 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createCallbackProxy = void 0;
-const framework_shared_1 = require("@rsmax/framework-shared");
+exports.createCallbackProxy = createCallbackProxy;
 const constants_1 = require("./constants");
 const stopPropagation_1 = __importStar(require("./stopPropagation"));
 function isSyntheticType(inputType) {
     if (constants_1.DEPRECATED_CATCH_TYPE === inputType) {
-        console.warn('DEPRECATION: remax 已支持在 onClick 事件中使用 stopPropagation 阻止事件冒泡，请尽量不要使用 catchClick');
+        console.warn('DEPRECATION: rsmax 已支持在 onClick 事件中使用 stopPropagation 阻止事件冒泡，请尽量不要使用 catchClick');
     }
-    return !!(0, framework_shared_1.find)(constants_1.SYNTHETIC_TYPES, type => type === inputType);
+    return constants_1.SYNTHETIC_TYPES.includes(inputType);
 }
 function createBaseSyntheticEvent(node, eventType, nativeEvent) {
     if (!nativeEvent) {
@@ -56,4 +65,3 @@ function createCallbackProxy(eventType, node, callback) {
         return callback(syntheticEvent, ...restParams);
     };
 }
-exports.createCallbackProxy = createCallbackProxy;

package/cjs/SyntheticEvent/stopPropagation.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validate = exports.isPropagationStopped = void 0;
+exports.isPropagationStopped = void 0;
+exports.validate = validate;
+exports.default = stopPropagation;
 const constants_1 = require("./constants");
 exports.isPropagationStopped = {};
 constants_1.SYNTHETIC_TYPES.forEach(type => {
@@ -25,9 +27,7 @@ function validate(node, eventType) {
     }
     validate(parent, eventType);
 }
-exports.validate = validate;
 function stopPropagation(node, eventType) {
     exports.isPropagationStopped[eventType] = true;
     validate(node, eventType);
 }
-exports.default = stopPropagation;

package/cjs/VNode.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 const framework_shared_1 = require("@rsmax/framework-shared");
 const createCallbackProxy_1 = require("./SyntheticEvent/createCallbackProxy");
@@ -249,21 +259,19 @@ class VNode {
             // while 循环已经保证了不会有空值
             const stackItem = stack.pop();
             const { children = [], currentNode } = stackItem;
-            for (let i = children.length - 1; i >= 0; i--) {
+            for (let i = 0; i < children.length; 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.children.push(currentRawNode.id);
                     currentNode.nodes[currentRawNode.id] = currentRawNode;
                 }
+                else {
+                    currentNode.children.push(currentRawNode);
+                }
                 stack.push({
                     currentNode: currentRawNode,
                     children: currentVNode.children,

package/cjs/createAppConfig.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 });
+exports.default = createAppConfig;
 require("./polyfills/Function");
 const framework_shared_1 = require("@rsmax/framework-shared");
 const React = __importStar(require("react"));
@@ -122,4 +133,3 @@ function createAppConfig(App) {
     };
     return createConfig(WrappedApp);
 }
-exports.default = createAppConfig;

package/cjs/createComponentConfig.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 });
+exports.default = createComponentConfig;
 const framework_shared_1 = require("@rsmax/framework-shared");
 const React = __importStar(require("react"));
 const Container_1 = __importDefault(require("./Container"));
@@ -71,4 +82,3 @@ function createComponentConfig(Component) {
     };
     return config;
 }
-exports.default = createComponentConfig;

package/cjs/createComponentConfig.wechat.js

@@ -15,17 +15,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 });
+exports.default = createComponentConfig;
 const framework_shared_1 = require("@rsmax/framework-shared");
 const React = __importStar(require("react"));
 const Container_1 = __importDefault(require("./Container"));
@@ -41,6 +52,13 @@ function createComponentConfig(Component) {
                 children: [],
             },
         },
+        observers: {
+            '**'(nextProps) {
+                if (this.container && this.properties !== nextProps) {
+                    this.render();
+                }
+            },
+        },
         attached: function () {
             // 在组件实例进入页面节点树时执行
             if (!this.container) {
@@ -52,22 +70,6 @@ function createComponentConfig(Component) {
             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({
@@ -86,4 +88,3 @@ function createComponentConfig(Component) {
     };
     return config;
 }
-exports.default = createComponentConfig;

package/cjs/createHostComponent.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = createHostComponent;
 const framework_shared_1 = require("@rsmax/framework-shared");
 const react_1 = __importDefault(require("react"));
 function createHostComponent(name, component) {
@@ -17,4 +18,3 @@ function createHostComponent(name, component) {
     Component.displayName = name;
     return framework_shared_1.RuntimeOptions.get('pluginDriver').onCreateHostComponent(Component);
 }
-exports.default = createHostComponent;

package/cjs/createNativeComponent.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = createNativeComponent;
 const react_1 = __importDefault(require("react"));
 function createNativeComponent(name) {
     const Component = react_1.default.forwardRef((props, ref) => {
@@ -20,4 +21,3 @@ function createNativeComponent(name) {
     Component.displayName = name;
     return Component;
 }
-exports.default = createNativeComponent;

package/cjs/createPageConfig.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resetPageId = void 0;
+exports.resetPageId = resetPageId;
+exports.default = createPageConfig;
 const framework_shared_1 = require("@rsmax/framework-shared");
 const react_1 = __importDefault(require("react"));
 const Container_1 = __importDefault(require("./Container"));
@@ -22,7 +23,6 @@ function generatePageId() {
 function resetPageId() {
     idCounter = 0;
 }
-exports.resetPageId = resetPageId;
 function createPageConfig(Page, name) {
     var _a;
     let app;
@@ -189,4 +189,3 @@ function createPageConfig(Page, name) {
     });
     return framework_shared_1.RuntimeOptions.get('pluginDriver').onPageConfig({ config, page: name });
 }
-exports.default = createPageConfig;

package/cjs/hooks/useNativeEffect.js

@@ -3,11 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useNativeEffect;
 const react_1 = require("react");
 const nativeEffect_1 = __importDefault(require("../nativeEffect"));
+// 创建服务端安全的effect hook
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react_1.useLayoutEffect : react_1.useEffect;
 function useNativeEffect(listener, deps) {
-    (0, react_1.useLayoutEffect)(() => {
+    useIsomorphicLayoutEffect(() => {
         return nativeEffect_1.default.connect(listener, !!deps);
     }, deps);
 }
-exports.default = useNativeEffect;

package/cjs/hooks/useQuery.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useQuery;
 const framework_shared_1 = require("@rsmax/framework-shared");
 const react_1 = require("react");
 function useQuery() {
     const pageInstance = (0, react_1.useContext)(framework_shared_1.PageInstanceContext);
     return pageInstance.query;
 }
-exports.default = useQuery;

package/cjs/hostConfig/diffProperties.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = diffProperties;
 const framework_shared_1 = require("@rsmax/framework-shared");
 const STYLE = ['style', 'placeholderStyle'];
 const CHILDREN = 'children';
@@ -97,4 +98,3 @@ function diffProperties(lastRawProps, nextRawProps) {
     }
     return updatePayload.length ? updatePayload : null;
 }
-exports.default = diffProperties;

package/cjs/hostConfig/index.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     now: any;
     getPublicInstance: <T>(inst: T) => T;
     getRootHostContext: () => {};
-    shouldSetTextContent(type: string): boolean;
+    shouldSetTextContent(type: string): type is "stub-block";
     prepareForCommit: () => null;
     preparePortalMount: () => void;
     clearContainer: () => void;

package/cjs/hostConfig/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const framework_shared_1 = require("@rsmax/framework-shared");
 const scheduler_1 = __importDefault(require("scheduler"));
 const VNode_1 = __importDefault(require("../VNode"));
 const constants_1 = require("../constants");
@@ -62,11 +63,11 @@ exports.default = {
         return childHostContext;
     },
     createInstance(type, newProps, container) {
-        var _a;
+        var _a, _b, _c;
         const id = (0, instanceId_1.generate)();
         const node = new VNode_1.default({
             id,
-            type: (_a = DOM_TAG_MAP[type]) !== null && _a !== void 0 ? _a : type,
+            type: (_c = (_b = (_a = framework_shared_1.RuntimeOptions.get('tagMap')) === null || _a === void 0 ? void 0 : _a[type]) !== null && _b !== void 0 ? _b : DOM_TAG_MAP[type]) !== null && _c !== void 0 ? _c : type,
             props: {},
             container,
         });

package/cjs/instanceId.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generate = exports.reset = void 0;
+exports.reset = reset;
+exports.generate = generate;
 let instanceId = 0;
 function reset() {
     instanceId = 0;
 }
-exports.reset = reset;
 function generate() {
     const id = instanceId;
     instanceId += 1;
     return id;
 }
-exports.generate = generate;

package/cjs/propsAlias.js

@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.propAlias = exports.getAlias = void 0;
+exports.getAlias = getAlias;
+exports.propAlias = propAlias;
+exports.default = propsAlias;
 const framework_shared_1 = require("@rsmax/framework-shared");
 const plainStyle_1 = __importDefault(require("./utils/plainStyle"));
 function getAlias(prop, type) {
@@ -16,7 +18,6 @@ function getAlias(prop, type) {
     }
     return (_b = (_a = hostComponent === null || hostComponent === void 0 ? void 0 : hostComponent.alias) === null || _a === void 0 ? void 0 : _a[prop]) !== null && _b !== void 0 ? _b : prop;
 }
-exports.getAlias = getAlias;
 function getValue(prop, value) {
     if (prop.toLowerCase().endsWith('style') && Object.prototype.toString.call(value) === '[object Object]') {
         return (0, plainStyle_1.default)(value);
@@ -26,7 +27,6 @@ function getValue(prop, value) {
 function propAlias(prop, value, type) {
     return [getAlias(prop, type), getValue(prop, value)];
 }
-exports.propAlias = propAlias;
 function propsAlias(props, type) {
     if (!props) {
         return props;
@@ -48,4 +48,3 @@ function propsAlias(props, type) {
     }
     return aliasProps;
 }
-exports.default = propsAlias;

package/cjs/render.js

@@ -4,6 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactReconcilerInst = void 0;
+exports.default = render;
+const framework_shared_1 = require("@rsmax/framework-shared");
 const react_reconciler_1 = __importDefault(require("react-reconciler"));
 const hostConfig_1 = __importDefault(require("./hostConfig"));
 exports.ReactReconcilerInst = (0, react_reconciler_1.default)(hostConfig_1.default);
@@ -11,7 +13,7 @@ if (process.env.NODE_ENV === 'development') {
     exports.ReactReconcilerInst.injectIntoDevTools({
         bundleType: 1,
         version: '18.3.0',
-        rendererPackageName: 'remax',
+        rendererPackageName: 'rsmax',
     });
 }
 function getPublicRootInstance(container) {
@@ -22,14 +24,11 @@ function getPublicRootInstance(container) {
     return containerFiber.child.stateNode;
 }
 function render(rootElement, container) {
-    // Create a root Container if it doesnt exist
     if (!container._rootContainer) {
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        container._rootContainer = exports.ReactReconcilerInst.createContainer(container, 0, null, false, null, '', () => { }, null);
+        container._rootContainer = exports.ReactReconcilerInst.createContainer(container, framework_shared_1.RuntimeOptions.get('concurrent') ? 1 : 0, null, false, null, '', () => { }, null);
     }
     exports.ReactReconcilerInst.updateContainer(rootElement, container._rootContainer, null, () => {
         // ignore
     });
     return getPublicRootInstance(container._rootContainer);
 }
-exports.default = render;

package/cjs/stopPullDownRefresh/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = stopPullDownRefresh;
 function stopPullDownRefresh() {
     // do nothing
 }
-exports.default = stopPullDownRefresh;

package/cjs/utils/capitalize.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = capitalize;
 function capitalize(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
 }
-exports.default = capitalize;

package/cjs/utils/isClassComponent.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = isClassComponent;
 function isClassComponent(Component) {
     return Component.prototype && typeof Component.prototype.render === 'function';
 }
-exports.default = isClassComponent;

package/cjs/utils/lowercase.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = lowercase;
 function lowercase(str) {
     return str.charAt(0).toLowerCase() + str.slice(1);
 }
-exports.default = lowercase;

package/cjs/utils/plainStyle/index.js

@@ -13,7 +13,7 @@ const transformReactStyleKey = (key) => {
     if (styleValue === null || styleValue === void 0 ? void 0 : styleValue.startsWith('-')) {
         const firstWord = styleValue.split('-').filter(s => s)[0];
         styleValue = styleValue.replace(/^-/, '');
-        if ((0, framework_shared_1.find)(vendorPrefixes, prefix => prefix === firstWord)) {
+        if (vendorPrefixes.includes(firstWord)) {
             styleValue = `-${styleValue}`;
         }
     }
@@ -30,14 +30,16 @@ const transformPx = (value) => {
     });
 };
 const plainStyle = (style) => {
-    return Object.keys(style)
-        .reduce((acc, key) => {
+    const acc = [];
+    const keys = Object.keys(style);
+    for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
         let value = style[key];
         if (!Number.isNaN(Number(value)) && !CSSProperty_1.isUnitlessNumber[key] && !(key === null || key === void 0 ? void 0 : key.startsWith('--'))) {
             value = `${value}rpx`;
         }
-        return [...acc, `${transformReactStyleKey(key)}:${framework_shared_1.RuntimeOptions.get('pxToRpx') ? transformPx(value) : value};`];
-    }, [])
-        .join('');
+        acc.push(`${transformReactStyleKey(key)}:${framework_shared_1.RuntimeOptions.get('pxToRpx') ? transformPx(value) : value};`);
+    }
+    return acc.join('');
 };
 exports.default = plainStyle;

package/esm/Container.js

@@ -35,32 +35,70 @@ export default class Container {
                 $batchedUpdates = this.context.$batchedUpdates;
             }
             $batchedUpdates(() => {
-                this.updateQueue.map((update, index) => {
-                    let callback = undefined;
-                    if (index + 1 === this.updateQueue.length) {
-                        callback = () => {
+                if (RuntimeOptions.get('mergeSpliceData')) {
+                    const splicePayload = {};
+                    const setPayload = {};
+                    this.updateQueue.forEach(update => {
+                        if (update.type === 'splice') {
+                            splicePayload[this.normalizeUpdatePath([...update.path, 'children'])] = [
+                                update.start,
+                                update.deleteCount,
+                                ...update.items,
+                            ];
+                        }
+                        else if (update.type === 'set') {
+                            setPayload[this.normalizeUpdatePath([...update.path, update.name])] = update.value;
+                        }
+                    });
+                    const hasSplice = Object.keys(splicePayload).length > 0;
+                    const hasSet = Object.keys(setPayload).length > 0;
+                    const total = (hasSplice ? 1 : 0) + (hasSet ? 1 : 0);
+                    let done = 0;
+                    const doneCallback = () => {
+                        done += 1;
+                        if (done === total) {
                             nativeEffector.run();
                             /* istanbul ignore next */
                             if (RuntimeOptions.get('debug')) {
                                 console.log(`setData => 回调时间：${new Date().getTime() - startTime}ms`);
                             }
-                        };
+                        }
+                    };
+                    if (hasSplice) {
+                        this.context.$spliceData(splicePayload, doneCallback);
                     }
-                    if (update.type === 'splice') {
-                        this.context.$spliceData({
-                            [this.normalizeUpdatePath([...update.path, 'children'])]: [
-                                update.start,
-                                update.deleteCount,
-                                ...update.items,
-                            ],
-                        }, callback);
-                    }
-                    if (update.type === 'set') {
-                        this.context.setData({
-                            [this.normalizeUpdatePath([...update.path, update.name])]: update.value,
-                        }, callback);
+                    if (hasSet) {
+                        this.context.setData(setPayload, doneCallback);
                     }
-                });
+                }
+                else {
+                    this.updateQueue.map((update, index) => {
+                        let callback = undefined;
+                        if (index + 1 === this.updateQueue.length) {
+                            callback = () => {
+                                nativeEffector.run();
+                                /* istanbul ignore next */
+                                if (RuntimeOptions.get('debug')) {
+                                    console.log(`setData => 回调时间：${new Date().getTime() - startTime}ms`);
+                                }
+                            };
+                        }
+                        if (update.type === 'splice') {
+                            this.context.$spliceData({
+                                [this.normalizeUpdatePath([...update.path, 'children'])]: [
+                                    update.start,
+                                    update.deleteCount,
+                                    ...update.items,
+                                ],
+                            }, callback);
+                        }
+                        if (update.type === 'set') {
+                            this.context.setData({
+                                [this.normalizeUpdatePath([...update.path, update.name])]: update.value,
+                            }, callback);
+                        }
+                    });
+                }
             });
             this.updateQueue = [];
             return;
@@ -80,13 +118,33 @@ export default class Container {
             }
             return acc;
         }, {});
-        this.context.setData(updatePayload, () => {
-            nativeEffector.run();
-            /* istanbul ignore next */
-            if (RuntimeOptions.get('debug')) {
-                console.log(`setData => 回调时间：${new Date().getTime() - startTime}ms`, updatePayload);
+        const chunkSize = RuntimeOptions.get('setDataChunkSize');
+        const entries = Object.entries(updatePayload);
+        if (chunkSize && chunkSize > 0 && entries.length > chunkSize) {
+            for (let i = 0; i < entries.length; i += chunkSize) {
+                const slice = entries.slice(i, i + chunkSize);
+                const payloadChunk = Object.fromEntries(slice);
+                const isLast = i + chunkSize >= entries.length;
+                this.context.setData(payloadChunk, () => {
+                    if (isLast) {
+                        nativeEffector.run();
+                        /* istanbul ignore next */
+                        if (RuntimeOptions.get('debug')) {
+                            console.log(`setData => 回调时间：${new Date().getTime() - startTime}ms`, payloadChunk);
+                        }
+                    }
+                });
             }
-        });
+        }
+        else {
+            this.context.setData(updatePayload, () => {
+                nativeEffector.run();
+                /* istanbul ignore next */
+                if (RuntimeOptions.get('debug')) {
+                    console.log(`setData => 回调时间：${new Date().getTime() - startTime}ms`, updatePayload);
+                }
+            });
+        }
         this.updateQueue = [];
     }
     clearUpdate() {

package/esm/SyntheticEvent/constants.js

@@ -7,4 +7,5 @@ export const SYNTHETIC_TYPES = [
     'onTouchMove',
     'onTouchStart',
     'onTouchEnd',
+    'onTouchCancel',
 ];

package/esm/SyntheticEvent/createCallbackProxy.js

@@ -1,11 +1,10 @@
-import { find } from '@rsmax/framework-shared';
 import { DEPRECATED_CATCH_TYPE, SYNTHETIC_TYPES } from './constants';
 import stopPropagation, { validate as validatePropagation, isPropagationStopped } from './stopPropagation';
 function isSyntheticType(inputType) {
     if (DEPRECATED_CATCH_TYPE === inputType) {
-        console.warn('DEPRECATION: remax 已支持在 onClick 事件中使用 stopPropagation 阻止事件冒泡，请尽量不要使用 catchClick');
+        console.warn('DEPRECATION: rsmax 已支持在 onClick 事件中使用 stopPropagation 阻止事件冒泡，请尽量不要使用 catchClick');
     }
-    return !!find(SYNTHETIC_TYPES, type => type === inputType);
+    return SYNTHETIC_TYPES.includes(inputType);
 }
 function createBaseSyntheticEvent(node, eventType, nativeEvent) {
     if (!nativeEvent) {

package/esm/VNode.js

@@ -224,21 +224,19 @@ export default class VNode {
             // while 循环已经保证了不会有空值
             const stackItem = stack.pop();
             const { children = [], currentNode } = stackItem;
-            for (let i = children.length - 1; i >= 0; i--) {
+            for (let i = 0; i < children.length; i++) {
                 const currentVNode = children[i];
                 const currentRawNode = toRawNode(currentVNode);
-                if (RuntimeOptions.get('platform') !== 'ali') {
-                    currentNode.children.unshift(currentRawNode.id);
-                }
-                else {
-                    currentNode.children.unshift(currentRawNode);
-                }
                 if (RuntimeOptions.get('platform') !== 'ali') {
                     if (!currentNode.nodes) {
                         currentNode.nodes = {};
                     }
+                    currentNode.children.push(currentRawNode.id);
                     currentNode.nodes[currentRawNode.id] = currentRawNode;
                 }
+                else {
+                    currentNode.children.push(currentRawNode);
+                }
                 stack.push({
                     currentNode: currentRawNode,
                     children: currentVNode.children,

package/esm/createComponentConfig.wechat.js

@@ -13,6 +13,13 @@ export default function createComponentConfig(Component) {
                 children: [],
             },
         },
+        observers: {
+            '**'(nextProps) {
+                if (this.container && this.properties !== nextProps) {
+                    this.render();
+                }
+            },
+        },
         attached: function () {
             // 在组件实例进入页面节点树时执行
             if (!this.container) {
@@ -24,22 +31,6 @@ export default function createComponentConfig(Component) {
             this.container.clearUpdate();
             render(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 = RuntimeOptions.get('pluginDriver').onMiniComponent({

package/esm/hooks/useNativeEffect.js

@@ -1,7 +1,9 @@
-import { useLayoutEffect } from 'react';
+import { useEffect, useLayoutEffect } from 'react';
 import nativeEffect from '../nativeEffect';
+// 创建服务端安全的effect hook
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 export default function useNativeEffect(listener, deps) {
-    useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
         return nativeEffect.connect(listener, !!deps);
     }, deps);
 }

package/esm/hostConfig/index.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     now: any;
     getPublicInstance: <T>(inst: T) => T;
     getRootHostContext: () => {};
-    shouldSetTextContent(type: string): boolean;
+    shouldSetTextContent(type: string): type is "stub-block";
     prepareForCommit: () => null;
     preparePortalMount: () => void;
     clearContainer: () => void;

package/esm/hostConfig/index.js

@@ -1,3 +1,4 @@
+import { RuntimeOptions } from '@rsmax/framework-shared';
 import scheduler from 'scheduler';
 import VNode from '../VNode';
 import { TYPE_TEXT } from '../constants';
@@ -57,11 +58,11 @@ export default {
         return childHostContext;
     },
     createInstance(type, newProps, container) {
-        var _a;
+        var _a, _b, _c;
         const id = generate();
         const node = new VNode({
             id,
-            type: (_a = DOM_TAG_MAP[type]) !== null && _a !== void 0 ? _a : type,
+            type: (_c = (_b = (_a = RuntimeOptions.get('tagMap')) === null || _a === void 0 ? void 0 : _a[type]) !== null && _b !== void 0 ? _b : DOM_TAG_MAP[type]) !== null && _c !== void 0 ? _c : type,
             props: {},
             container,
         });

package/esm/render.js

@@ -1,3 +1,4 @@
+import { RuntimeOptions } from '@rsmax/framework-shared';
 import ReactReconciler from 'react-reconciler';
 import hostConfig from './hostConfig';
 export const ReactReconcilerInst = ReactReconciler(hostConfig);
@@ -5,7 +6,7 @@ if (process.env.NODE_ENV === 'development') {
     ReactReconcilerInst.injectIntoDevTools({
         bundleType: 1,
         version: '18.3.0',
-        rendererPackageName: 'remax',
+        rendererPackageName: 'rsmax',
     });
 }
 function getPublicRootInstance(container) {
@@ -16,10 +17,8 @@ function getPublicRootInstance(container) {
     return containerFiber.child.stateNode;
 }
 export default function render(rootElement, container) {
-    // Create a root Container if it doesnt exist
     if (!container._rootContainer) {
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        container._rootContainer = ReactReconcilerInst.createContainer(container, 0, null, false, null, '', () => { }, null);
+        container._rootContainer = ReactReconcilerInst.createContainer(container, RuntimeOptions.get('concurrent') ? 1 : 0, null, false, null, '', () => { }, null);
     }
     ReactReconcilerInst.updateContainer(rootElement, container._rootContainer, null, () => {
         // ignore

package/esm/utils/plainStyle/index.js

@@ -1,4 +1,4 @@
-import { RuntimeOptions, find } from '@rsmax/framework-shared';
+import { RuntimeOptions } from '@rsmax/framework-shared';
 import { isUnitlessNumber } from './CSSProperty';
 const vendorPrefixes = ['webkit', 'moz', 'ms', 'o'];
 const transformReactStyleKey = (key) => {
@@ -11,7 +11,7 @@ const transformReactStyleKey = (key) => {
     if (styleValue === null || styleValue === void 0 ? void 0 : styleValue.startsWith('-')) {
         const firstWord = styleValue.split('-').filter(s => s)[0];
         styleValue = styleValue.replace(/^-/, '');
-        if (find(vendorPrefixes, prefix => prefix === firstWord)) {
+        if (vendorPrefixes.includes(firstWord)) {
             styleValue = `-${styleValue}`;
         }
     }
@@ -28,14 +28,16 @@ const transformPx = (value) => {
     });
 };
 const plainStyle = (style) => {
-    return Object.keys(style)
-        .reduce((acc, key) => {
+    const acc = [];
+    const keys = Object.keys(style);
+    for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
         let value = style[key];
         if (!Number.isNaN(Number(value)) && !isUnitlessNumber[key] && !(key === null || key === void 0 ? void 0 : key.startsWith('--'))) {
             value = `${value}rpx`;
         }
-        return [...acc, `${transformReactStyleKey(key)}:${RuntimeOptions.get('pxToRpx') ? transformPx(value) : value};`];
-    }, [])
-        .join('');
+        acc.push(`${transformReactStyleKey(key)}:${RuntimeOptions.get('pxToRpx') ? transformPx(value) : value};`);
+    }
+    return acc.join('');
 };
 export default plainStyle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsmax/runtime",
-  "version": "1.3.14",
+  "version": "2.0.0-canary.91+5982cbe",
   "description": "Rsmax 是一个全新的基于 React 的小程序开发框架",
   "keywords": [
     "react",
@@ -28,16 +28,16 @@
     "test": "rstest run"
   },
   "dependencies": {
-    "@rsmax/framework-shared": "1.3.14",
-    "@rsmax/shared": "1.3.14",
-    "@rsmax/web": "1.3.14",
+    "@rsmax/framework-shared": "2.0.0-canary.91+5982cbe",
+    "@rsmax/shared": "2.0.0-canary.91+5982cbe",
+    "@rsmax/web": "2.0.0-canary.91+5982cbe",
     "qs": "^6.9.3",
     "react-is": "^18.3.0",
     "react-reconciler": "0.29.0",
     "scheduler": "0.23.2"
   },
   "devDependencies": {
-    "@rsmax/types": "1.3.14",
+    "@rsmax/types": "2.0.0-canary.91+5982cbe",
     "@types/lodash.merge": "^4.6.6",
     "@types/node": "^18",
     "@types/qs": "^6.9.3",
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "esnext": "./esm/index.js",
-  "gitHead": "a542ee33a167f862ec9db0f7466a33f1cef31106"
+  "gitHead": "5982cbe3e1e3a3bf52fa41d0c31bfb043277f669"
 }