@tarojs/runtime 4.1.12-beta.32 → 4.1.12-beta.34

package/dist/index.cjs.js

@@ -1473,6 +1473,48 @@ class TaroEventTarget {
     }
 }
 
+const nearestCtxCache = new WeakMap();
+function isNearestCtxEnv() {
+    return process.env.TARO_ENV === 'weapp' || process.env.TARO_ENV === 'jd';
+}
+function getNearestCtx(node) {
+    if (!isNearestCtxEnv()) {
+        return undefined;
+    }
+    const root = node._root;
+    if (root == null) {
+        return null;
+    }
+    const cached = nearestCtxCache.get(node);
+    if (cached && cached.nearestCtxEpoch === root.nearestCtxEpoch) {
+        return cached.value;
+    }
+    const value = resolveNearestCtxValue(node, root);
+    nearestCtxCache.set(node, { value, nearestCtxEpoch: root.nearestCtxEpoch });
+    return value;
+}
+function resolveNearestCtxValue(node, root) {
+    var _a;
+    if (node.nodeType === 1 /* NodeType.ELEMENT_NODE */) {
+        const ctx = node.ctx;
+        if (ctx != null)
+            return ctx;
+    }
+    let current = node.parentNode;
+    while (current) {
+        if (current.nodeType === 1 /* NodeType.ELEMENT_NODE */) {
+            const ctx = current.ctx;
+            if (ctx != null)
+                return ctx;
+        }
+        current = current.parentNode;
+    }
+    return (_a = root.ctx) !== null && _a !== void 0 ? _a : null;
+}
+function bumpNearestCtxEpochForRoot(root) {
+    root === null || root === void 0 ? void 0 : root.bumpNearestCtxEpoch();
+}
+
 const CHILDNODES = "cn" /* Shortcuts.Childnodes */;
 const nodeId = incrementId();
 class TaroNode extends TaroEventTarget {
@@ -1512,6 +1554,9 @@ class TaroNode extends TaroEventTarget {
         var _a;
         return ((_a = this.parentNode) === null || _a === void 0 ? void 0 : _a._root) || null;
     }
+    get _scope() {
+        return getNearestCtx(this);
+    }
     findIndex(refChild) {
         const index = this.childNodes.indexOf(refChild);
         shared.ensure(index !== -1, 'The node to be replaced is not a child of this node.');
@@ -1657,6 +1702,9 @@ class TaroNode extends TaroEventTarget {
                 }
             }
         }
+        if (this._root) {
+            bumpNearestCtxEpochForRoot(this._root);
+        }
         MutationObserver$1.record({
             type: "childList" /* MutationRecordType.CHILD_LIST */,
             target: this,
@@ -1733,6 +1781,9 @@ class TaroNode extends TaroEventTarget {
         if (this._root && doUpdate !== false) {
             this.updateChildNodes();
         }
+        if (this._root) {
+            bumpNearestCtxEpochForRoot(this._root);
+        }
         return child;
     }
     remove(options) {
@@ -3630,6 +3681,7 @@ class TaroRootElement extends TaroElement {
         this.updateCallbacks = [];
         this.pendingUpdate = false;
         this.ctx = null;
+        this.nearestCtxEpoch = 0;
         this.nodeName = ROOT_STR;
         this.tagName = ROOT_STR.toUpperCase();
     }
@@ -3639,6 +3691,9 @@ class TaroRootElement extends TaroElement {
     get _root() {
         return this;
     }
+    bumpNearestCtxEpoch() {
+        this.nearestCtxEpoch++;
+    }
     scheduleTask(fn) {
         // 这里若使用微任务可略微提前setData的执行时机，但在部分场景下可能会出现连续setData两次，造成更大的性能问题
         setTimeout(fn);
@@ -4061,6 +4116,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
                     loadResolver();
                     if (process.env.TARO_PLATFORM !== 'web') {
                         pageElement.ctx = this;
+                        bumpNearestCtxEpochForRoot(pageElement);
                         pageElement.performUpdate(true, cb);
                     }
                     else {
@@ -4088,6 +4144,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
                 unmounting = false;
                 instances.delete($taroPath);
                 if (pageElement) {
+                    bumpNearestCtxEpochForRoot(pageElement);
                     pageElement.ctx = null;
                     pageElement = null;
                 }
@@ -4248,19 +4305,22 @@ function createComponentConfig(component, componentName, data) {
     });
     return config;
 }
-function createRecursiveComponentConfig(componentName) {
+function createRecursiveComponentConfig(componentName, forceCustomWrapper = false) {
     const isCustomWrapper = componentName === CUSTOM_WRAPPER;
     const [ATTACHED, DETACHED] = shared.hooks.call('getMiniLifecycleImpl').component;
-    const lifeCycles = isCustomWrapper
+    const lifeCycles = isCustomWrapper || forceCustomWrapper
         ? {
             [ATTACHED]() {
                 var _a, _b;
                 const componentId = ((_a = this.data.i) === null || _a === void 0 ? void 0 : _a.sid) || ((_b = this.props.i) === null || _b === void 0 ? void 0 : _b.sid);
                 if (shared.isString(componentId)) {
-                    customWrapperCache.set(componentId, this);
+                    if (isCustomWrapper) {
+                        customWrapperCache.set(componentId, this);
+                    }
                     const el = env.document.getElementById(componentId);
                     if (el) {
                         el.ctx = this;
+                        bumpNearestCtxEpochForRoot(el._root);
                     }
                 }
             },
@@ -4268,10 +4328,13 @@ function createRecursiveComponentConfig(componentName) {
                 var _a, _b;
                 const componentId = ((_a = this.data.i) === null || _a === void 0 ? void 0 : _a.sid) || ((_b = this.props.i) === null || _b === void 0 ? void 0 : _b.sid);
                 if (shared.isString(componentId)) {
-                    customWrapperCache.delete(componentId);
+                    if (isCustomWrapper) {
+                        customWrapperCache.delete(componentId);
+                    }
                     const el = env.document.getElementById(componentId);
                     if (el) {
                         el.ctx = null;
+                        bumpNearestCtxEpochForRoot(el._root);
                     }
                 }
             }
@@ -4295,7 +4358,7 @@ function createRecursiveComponentConfig(componentName) {
             }
         }, options: Object.assign(Object.assign({}, extraOptions), { virtualHost: !isCustomWrapper }), methods: {
             eh: eventHandler
-        } }, lifeCycles), { isCustomWrapper });
+        } }, lifeCycles), { isCustomWrapper, forceCustomWrapper });
 }
 
 const TIMEOUT = 100;
@@ -5181,6 +5244,7 @@ exports.URLSearchParams = URLSearchParams;
 exports.VALUE = VALUE;
 exports.VIEW = VIEW;
 exports.addLeadingSlash = addLeadingSlash;
+exports.bumpNearestCtxEpochForRoot = bumpNearestCtxEpochForRoot;
 exports.cancelAnimationFrame = _caf;
 exports.convertNumber2PX = convertNumber2PX;
 exports.createComponentConfig = createComponentConfig;
@@ -5200,6 +5264,7 @@ exports.getComputedStyle = taroGetComputedStyleProvider;
 exports.getCurrentInstance = getCurrentInstance;
 exports.getCurrentPage = getCurrentPage;
 exports.getHomePage = getHomePage;
+exports.getNearestCtx = getNearestCtx;
 exports.getOnHideEventKey = getOnHideEventKey;
 exports.getOnReadyEventKey = getOnReadyEventKey;
 exports.getOnShowEventKey = getOnShowEventKey;
@@ -5214,6 +5279,7 @@ exports.injectPageInstance = injectPageInstance;
 exports.isComment = isComment;
 exports.isElement = isElement;
 exports.isHasExtractProp = isHasExtractProp;
+exports.isNearestCtxEnv = isNearestCtxEnv;
 exports.isParentBound = isParentBound;
 exports.isText = isText;
 exports.location = taroLocationProvider;