pome-ui 2.0.0-preview47 → 2.0.0-preview49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pome-ui",
-  "version": "2.0.0-preview47",
+  "version": "2.0.0-preview49",
   "description": "Front-end MVC library",
   "main": "pome-ui.js",
   "bin": {

package/pome-ui.dev.js

@@ -18277,6 +18277,17 @@ function build(options, exports) {
         return _root;
     };
 
+    function _findRoot(instance) {
+        var globalRoot = exports.root();
+        if (globalRoot) return globalRoot;
+        if (!instance) return null;
+        var current = instance;
+        while (current.parent) {
+            current = current.parent;
+        }
+        return current.proxy || current;
+    }
+
     exports._rules = [];
 
     function useRoutes(url) {
@@ -18329,6 +18340,12 @@ function build(options, exports) {
             if (extraFn) {
                 extraFn.call(this, instance, opt);
             }
+            if (!instance.$root) {
+                instance.$root = _findRoot(instance);
+            }
+            if (!instance.$parent) {
+                instance.$parent = (instance.parent && instance.parent.proxy) || instance.$root;
+            }
         };
     }
 
@@ -18468,8 +18485,8 @@ function build(options, exports) {
             })
             .then(function (component) {
                 _hookSetup(component, function (instance, comp) {
-                    instance.$parent = parent || exports.root();
-                    instance.$root = exports.root() || parent;
+                    instance.$parent = parent || _findRoot(instance);
+                    instance.$root = _findRoot(instance) || parent;
                     instance.$view = url;
                     instance.$data = comp.data || function () { return {}; };
                     instance.$created = comp.created || function () { };
@@ -18710,8 +18727,8 @@ function build(options, exports) {
     function Root(options, el, layout) {
         options = options || {};
         _hookSetup(options, function (instance) {
-            instance.$parent = parent || exports.root();
-            instance.$root = exports.root() || parent;
+            instance.$parent = parent || _findRoot(instance);
+            instance.$root = _findRoot(instance) || parent;
             instance.$onUpdating = options.onUpdating;
             if (layout) {
                 instance.$layout = layout;
@@ -19240,12 +19257,14 @@ function build(options, exports) {
             if (options.delayOpen) {
                 var self = this;
                 (self.createdPromise || Promise.resolve()).then(function () {
-                    setTimeout(function () {
-                        var doms = self.$el.parentNode.querySelectorAll('._pome-ui-opening');
-                        for (var i = 0; i < doms.length; ++i) {
-                            doms[i].classList.remove('_pome-ui-opening');
-                        }
-                    }, 1);
+                    requestAnimationFrame(function () {
+                        requestAnimationFrame(function () {
+                            var doms = self.$el.parentNode.querySelectorAll('._pome-ui-opening');
+                            for (var i = 0; i < doms.length; ++i) {
+                                doms[i].classList.remove('_pome-ui-opening');
+                            }
+                        });
+                    });
 
                     setTimeout(function () {
                         var doms = self.$el.parentNode.querySelectorAll('._pome-ui-opened');