@next-core/brick-kit 2.118.2 → 2.118.5

package/dist/index.bundle.js

@@ -2539,13 +2539,224 @@
     }
   }
 
+  function isBasicProperty(propRef) {
+    return !!propRef.refProperty;
+  }
+  function isTransformableProperty(propRef) {
+    return !!propRef.refTransform;
+  }
+  function isMergeableProperty(propRef) {
+    return !!propRef.mergeProperty;
+  }
+  function isRefProperty(propRef) {
+    return !!propRef.ref;
+  }
+  function isVariableProperty(propRef) {
+    return !!propRef.asVariable;
+  }
+
   var customTemplateRegistry = new Map();
   var appRegistered = new Set();
   var symbolForComputedPropsFromProxy = Symbol.for("tpl.computedPropsFromProxy");
   var symbolForRefForProxy = Symbol.for("tpl.refForProxy");
   var symbolForTplContextId = Symbol.for("tpl.contextId");
 
-  function setupUseBrickInTemplate(props, tplContextId) {
+  function propertyMerge(conf, value, object) {
+    return propertyMergeAll(conf.$$mergeBase, Object.fromEntries(conf.$$mergeBase.proxies.map(proxy => [proxy.$$reversedRef, proxy === conf ? value : object[proxy.$$reversedRef]])));
+  }
+  function propertyMergeAll(mergeBase, object) {
+    if (mergeBase.mergeType === "array") {
+      return propertyMergeAllOfArray(mergeBase, object);
+    }
+
+    if (mergeBase.mergeType === "object") {
+      return propertyMergeAllOfObject(mergeBase, object);
+    } // istanbul ignore next: should never reach
+
+
+    throw new TypeError("unsupported mergeType: \"".concat(mergeBase.mergeType, "\""));
+  }
+
+  function propertyMergeAllOfArray(_ref, object) {
+    var _, _proxy$mergeArgs;
+
+    var {
+      baseValue,
+      context,
+      proxies
+    } = _ref;
+    // Use an approach like template-literal's quasis:
+    // `quasi0${0}quais1${1}quasi2...`
+    // Every quasi can be merged with multiple items.
+    var computedBaseValue = Array.isArray(baseValue) ? computeRealValue(baseValue, context, true, {
+      $$lazyForUseBrick: true
+    }) : [];
+    var quasis = [];
+    var size = computedBaseValue.length + 1;
+
+    for (var i = 0; i < size; i += 1) {
+      quasis.push([]);
+    }
+
+    for (var proxy of proxies) {
+      var position = void 0;
+
+      switch (proxy.mergeMethod) {
+        case "append":
+          position = computedBaseValue.length;
+          break;
+
+        case "prepend":
+          position = 0;
+          break;
+
+        case "insertAt":
+          // Defaults to `-1`.
+          position = (_ = (_proxy$mergeArgs = proxy.mergeArgs) === null || _proxy$mergeArgs === void 0 ? void 0 : _proxy$mergeArgs[0]) !== null && _ !== void 0 ? _ : -1;
+
+          if (position < 0) {
+            // It's counted from the end if position is negative.
+            position += quasis.length;
+          }
+
+          position = lodash.clamp(position, 0, computedBaseValue.length);
+          break;
+        // istanbul ignore next: should never reach
+
+        default:
+          throw new TypeError("unsupported mergeMethod: \"".concat(proxy.mergeMethod, "\" for mergeType \"").concat(proxy.mergeType, "\""));
+      }
+
+      var patchValue = object[proxy.$$reversedRef];
+
+      if (!Array.isArray(patchValue)) {
+        patchValue = [];
+      }
+
+      quasis[position].push(...patchValue);
+    }
+
+    return quasis.flatMap((item, index) => index < computedBaseValue.length ? item.concat(computedBaseValue[index]) : item);
+  }
+
+  function propertyMergeAllOfObject(_ref2, object) {
+    var {
+      baseValue,
+      proxies,
+      context
+    } = _ref2;
+    var computedBaseValue = brickUtils.isObject(baseValue) ? computeRealValue(baseValue, context, true) : {};
+    return proxies.reduce((acc, proxy) => {
+      switch (proxy.mergeMethod) {
+        case "extend":
+          return _objectSpread__default["default"](_objectSpread__default["default"]({}, acc), object[proxy.$$reversedRef]);
+        // istanbul ignore next: should never reach
+
+        default:
+          throw new TypeError("unsupported mergeMethod: \"".concat(proxy.mergeMethod, "\" for mergeType \"").concat(proxy.mergeType, "\""));
+      }
+    }, computedBaseValue);
+  }
+
+  function setupTemplateProxy(proxyContext, ref, slots) {
+    var computedPropsFromProxy = {};
+    var refForProxy;
+    var {
+      reversedProxies,
+      templateProperties,
+      externalSlots,
+      templateContextId,
+      proxyBrick
+    } = proxyContext;
+
+    if (ref && reversedProxies) {
+      refForProxy = {};
+      proxyBrick.proxyRefs.set(ref, refForProxy); // Reversed proxies are used for expand storyboard before rendering page.
+
+      if (reversedProxies.properties.has(ref)) {
+        Object.assign(computedPropsFromProxy, Object.fromEntries(reversedProxies.properties.get(ref).flatMap(propRef => {
+          // `propValue` is computed.
+          var propValue = templateProperties === null || templateProperties === void 0 ? void 0 : templateProperties[propRef.$$reversedRef];
+
+          if (isTransformableProperty(propRef)) {
+            return Object.entries(preprocessTransformProperties({
+              [propRef.$$reversedRef]: propValue
+            }, propRef.refTransform));
+          }
+
+          if (isBasicProperty(propRef)) {
+            return [[propRef.refProperty, propValue]];
+          } // Ignore Variable properties.
+          // And mergeable properties are processed later.
+
+
+          return [];
+        }).filter(propRef => propRef[1] !== undefined))); // Brick properties can be merged multiple times.
+
+        if (reversedProxies.mergeBases.has(ref)) {
+          Object.assign(computedPropsFromProxy, Object.fromEntries(Array.from(reversedProxies.mergeBases.get(ref).entries()).map(_ref => {
+            var [mergeProperty, mergeBase] = _ref;
+            return [mergeProperty, propertyMergeAll(mergeBase, templateProperties !== null && templateProperties !== void 0 ? templateProperties : {})];
+          }).filter(item => item[1] !== undefined)));
+        }
+      } // Use an approach like template-literal's quasis:
+      // `quasi0${0}quais1${1}quasi2...`
+      // Every quasi (indexed by `refPosition`) can be slotted with multiple bricks.
+
+
+      var quasisMap = new Map();
+
+      if (reversedProxies.slots.has(ref)) {
+        for (var item of reversedProxies.slots.get(ref)) {
+          var _item$refPosition, _externalSlots$item$$, _externalSlots$item$$2;
+
+          if (!quasisMap.has(item.refSlot)) {
+            var quasis = []; // The size of quasis should be the existed slotted bricks' size plus one.
+
+            var size = brickUtils.hasOwnProperty(slots, item.refSlot) ? slots[item.refSlot].bricks.length + 1 : 1;
+
+            for (var i = 0; i < size; i += 1) {
+              quasis.push([]);
+            }
+
+            quasisMap.set(item.refSlot, quasis);
+          }
+
+          var expandableSlot = quasisMap.get(item.refSlot);
+          var refPosition = (_item$refPosition = item.refPosition) !== null && _item$refPosition !== void 0 ? _item$refPosition : -1;
+          expandableSlot[lodash.clamp(refPosition < 0 ? expandableSlot.length + refPosition : refPosition, 0, expandableSlot.length - 1)].push(...((_externalSlots$item$$ = externalSlots === null || externalSlots === void 0 ? void 0 : (_externalSlots$item$$2 = externalSlots[item.$$reversedRef]) === null || _externalSlots$item$$2 === void 0 ? void 0 : _externalSlots$item$$2.bricks) !== null && _externalSlots$item$$ !== void 0 ? _externalSlots$item$$ : []));
+        }
+      }
+
+      var _loop = function (slotName, _quasis) {
+        if (!brickUtils.hasOwnProperty(slots, slotName)) {
+          slots[slotName] = {
+            type: "bricks",
+            bricks: []
+          };
+        }
+
+        var slotConf = slots[slotName];
+        slotConf.bricks = _quasis.flatMap((bricks, index) => index < slotConf.bricks.length ? bricks.concat(slotConf.bricks[index]) : bricks);
+
+        if (slotConf.bricks.length === 0) {
+          delete slots[slotName];
+        }
+      };
+
+      for (var [slotName, _quasis] of quasisMap.entries()) {
+        _loop(slotName, _quasis);
+      }
+    }
+
+    return {
+      [symbolForComputedPropsFromProxy]: computedPropsFromProxy,
+      [symbolForRefForProxy]: refForProxy,
+      [symbolForTplContextId]: templateContextId
+    };
+  }
+
+  function setupUseBrickInTemplate(props, proxyContext) {
     function walk(props) {
       if (!props) {
         return;
@@ -2567,16 +2778,22 @@
     }
 
     function setup(item) {
-      item[symbolForTplContextId] = tplContextId;
+      var {
+        ref,
+        slots: slotsInTemplate
+      } = item;
+      item.slots = Object.fromEntries(Object.entries(slotsInTemplate !== null && slotsInTemplate !== void 0 ? slotsInTemplate : {}).map(_ref => {
+        var _slotConf$bricks;
+
+        var [slotName, slotConf] = _ref;
+        return [slotName, {
+          type: "bricks",
+          bricks: ((_slotConf$bricks = slotConf.bricks) !== null && _slotConf$bricks !== void 0 ? _slotConf$bricks : []).map(setup)
+        }];
+      }));
+      Object.assign(item, setupTemplateProxy(proxyContext, ref, item.slots));
       walk(item.properties);
-
-      if (item.slots) {
-        Object.values(item.slots).forEach(slot => {
-          if (Array.isArray(slot.bricks)) {
-            slot.bricks.forEach(setup);
-          }
-        });
-      }
+      return item;
     }
 
     walk(props);
@@ -2636,7 +2853,9 @@
     var realProps = computeRealProperties(properties, context, injectDeep);
 
     if (context.tplContextId) {
-      setupUseBrickInTemplate(realProps, context.tplContextId);
+      setupUseBrickInTemplate(realProps, {
+        templateContextId: context.tplContextId
+      });
     }
 
     if (!Array.isArray(bricks)) {
@@ -10518,22 +10737,6 @@
 
   }
 
-  function isBasicProperty(propRef) {
-    return !!propRef.refProperty;
-  }
-  function isTransformableProperty(propRef) {
-    return !!propRef.refTransform;
-  }
-  function isMergeableProperty(propRef) {
-    return !!propRef.mergeProperty;
-  }
-  function isRefProperty(propRef) {
-    return !!propRef.ref;
-  }
-  function isVariableProperty(propRef) {
-    return !!propRef.asVariable;
-  }
-
   function collectRefsInTemplate(template) {
     var refMap = new Map();
     collectRefsInBrickConfs(template.bricks, refMap);
@@ -10565,103 +10768,6 @@
     }
   }
 
-  function propertyMerge(conf, value, object) {
-    return propertyMergeAll(conf.$$mergeBase, Object.fromEntries(conf.$$mergeBase.proxies.map(proxy => [proxy.$$reversedRef, proxy === conf ? value : object[proxy.$$reversedRef]])));
-  }
-  function propertyMergeAll(mergeBase, object) {
-    if (mergeBase.mergeType === "array") {
-      return propertyMergeAllOfArray(mergeBase, object);
-    }
-
-    if (mergeBase.mergeType === "object") {
-      return propertyMergeAllOfObject(mergeBase, object);
-    } // istanbul ignore next: should never reach
-
-
-    throw new TypeError("unsupported mergeType: \"".concat(mergeBase.mergeType, "\""));
-  }
-
-  function propertyMergeAllOfArray(_ref, object) {
-    var _, _proxy$mergeArgs;
-
-    var {
-      baseValue,
-      context,
-      proxies
-    } = _ref;
-    // Use an approach like template-literal's quasis:
-    // `quasi0${0}quais1${1}quasi2...`
-    // Every quasi can be merged with multiple items.
-    var computedBaseValue = Array.isArray(baseValue) ? computeRealValue(baseValue, context, true, {
-      $$lazyForUseBrick: true
-    }) : [];
-    var quasis = [];
-    var size = computedBaseValue.length + 1;
-
-    for (var i = 0; i < size; i += 1) {
-      quasis.push([]);
-    }
-
-    for (var proxy of proxies) {
-      var position = void 0;
-
-      switch (proxy.mergeMethod) {
-        case "append":
-          position = computedBaseValue.length;
-          break;
-
-        case "prepend":
-          position = 0;
-          break;
-
-        case "insertAt":
-          // Defaults to `-1`.
-          position = (_ = (_proxy$mergeArgs = proxy.mergeArgs) === null || _proxy$mergeArgs === void 0 ? void 0 : _proxy$mergeArgs[0]) !== null && _ !== void 0 ? _ : -1;
-
-          if (position < 0) {
-            // It's counted from the end if position is negative.
-            position += quasis.length;
-          }
-
-          position = lodash.clamp(position, 0, computedBaseValue.length);
-          break;
-        // istanbul ignore next: should never reach
-
-        default:
-          throw new TypeError("unsupported mergeMethod: \"".concat(proxy.mergeMethod, "\" for mergeType \"").concat(proxy.mergeType, "\""));
-      }
-
-      var patchValue = object[proxy.$$reversedRef];
-
-      if (!Array.isArray(patchValue)) {
-        patchValue = [];
-      }
-
-      quasis[position].push(...patchValue);
-    }
-
-    return quasis.flatMap((item, index) => index < computedBaseValue.length ? item.concat(computedBaseValue[index]) : item);
-  }
-
-  function propertyMergeAllOfObject(_ref2, object) {
-    var {
-      baseValue,
-      proxies,
-      context
-    } = _ref2;
-    var computedBaseValue = brickUtils.isObject(baseValue) ? computeRealValue(baseValue, context, true) : {};
-    return proxies.reduce((acc, proxy) => {
-      switch (proxy.mergeMethod) {
-        case "extend":
-          return _objectSpread__default["default"](_objectSpread__default["default"]({}, acc), object[proxy.$$reversedRef]);
-        // istanbul ignore next: should never reach
-
-        default:
-          throw new TypeError("unsupported mergeMethod: \"".concat(proxy.mergeMethod, "\" for mergeType \"").concat(proxy.mergeType, "\""));
-      }
-    }, computedBaseValue);
-  }
-
   function collectMergeBases(conf, mergeBases, contextInTemplate, refToBrickConf) {
     var mergeBaseMap;
 
@@ -10856,15 +10962,6 @@
     } = brickConfInTemplate,
         restBrickConfInTemplate = _objectWithoutProperties__default["default"](brickConfInTemplate, _excluded2);
 
-    var {
-      reversedProxies,
-      templateProperties,
-      externalSlots,
-      templateContextId,
-      proxyBrick
-    } = proxyContext;
-    var computedPropsFromProxy = {};
-    var refForProxy;
     var slots = Object.fromEntries(Object.entries(slotsInTemplate !== null && slotsInTemplate !== void 0 ? slotsInTemplate : {}).map(_ref => {
       var _slotConf$bricks;
 
@@ -10874,95 +10971,10 @@
         bricks: ((_slotConf$bricks = slotConf.bricks) !== null && _slotConf$bricks !== void 0 ? _slotConf$bricks : []).map(item => expandBrickInTemplate(item, proxyContext))
       }];
     }));
-    setupUseBrickInTemplate(brickConfInTemplate.properties, templateContextId);
-
-    if (ref) {
-      refForProxy = {};
-      proxyBrick.proxyRefs.set(ref, refForProxy); // Reversed proxies are used for expand storyboard before rendering page.
-
-      if (reversedProxies.properties.has(ref)) {
-        Object.assign(computedPropsFromProxy, Object.fromEntries(reversedProxies.properties.get(ref).flatMap(item => {
-          // `propValue` is computed.
-          var propValue = templateProperties === null || templateProperties === void 0 ? void 0 : templateProperties[item.$$reversedRef];
-
-          if (isTransformableProperty(item)) {
-            return Object.entries(preprocessTransformProperties({
-              [item.$$reversedRef]: propValue
-            }, item.refTransform));
-          }
-
-          if (isBasicProperty(item)) {
-            return [[item.refProperty, propValue]];
-          } // Ignore Variable properties.
-          // And mergeable properties are processed later.
-
-
-          return [];
-        }).filter(item => item[1] !== undefined)));
-      } // Brick properties can be merged multiple times.
-
-
-      if (reversedProxies.mergeBases.has(ref)) {
-        Object.assign(computedPropsFromProxy, Object.fromEntries(Array.from(reversedProxies.mergeBases.get(ref).entries()).map(_ref2 => {
-          var [mergeProperty, mergeBase] = _ref2;
-          return [mergeProperty, propertyMergeAll(mergeBase, templateProperties !== null && templateProperties !== void 0 ? templateProperties : {})];
-        }).filter(item => item[1] !== undefined)));
-      } // Use an approach like template-literal's quasis:
-      // `quasi0${0}quais1${1}quasi2...`
-      // Every quasi (indexed by `refPosition`) can be slotted with multiple bricks.
-
-
-      var quasisMap = new Map();
-
-      if (reversedProxies.slots.has(ref)) {
-        for (var item of reversedProxies.slots.get(ref)) {
-          var _item$refPosition, _externalSlots$item$$, _externalSlots$item$$2;
-
-          if (!quasisMap.has(item.refSlot)) {
-            var quasis = []; // The size of quasis should be the existed slotted bricks' size plus one.
-
-            var size = brickUtils.hasOwnProperty(slots, item.refSlot) ? slots[item.refSlot].bricks.length + 1 : 1;
-
-            for (var i = 0; i < size; i += 1) {
-              quasis.push([]);
-            }
-
-            quasisMap.set(item.refSlot, quasis);
-          }
-
-          var expandableSlot = quasisMap.get(item.refSlot);
-          var refPosition = (_item$refPosition = item.refPosition) !== null && _item$refPosition !== void 0 ? _item$refPosition : -1;
-          expandableSlot[lodash.clamp(refPosition < 0 ? expandableSlot.length + refPosition : refPosition, 0, expandableSlot.length - 1)].push(...((_externalSlots$item$$ = externalSlots === null || externalSlots === void 0 ? void 0 : (_externalSlots$item$$2 = externalSlots[item.$$reversedRef]) === null || _externalSlots$item$$2 === void 0 ? void 0 : _externalSlots$item$$2.bricks) !== null && _externalSlots$item$$ !== void 0 ? _externalSlots$item$$ : []));
-        }
-      }
-
-      var _loop = function (slotName, _quasis) {
-        if (!brickUtils.hasOwnProperty(slots, slotName)) {
-          slots[slotName] = {
-            type: "bricks",
-            bricks: []
-          };
-        }
-
-        var slotConf = slots[slotName];
-        slotConf.bricks = _quasis.flatMap((bricks, index) => index < slotConf.bricks.length ? bricks.concat(slotConf.bricks[index]) : bricks);
-
-        if (slotConf.bricks.length === 0) {
-          delete slots[slotName];
-        }
-      };
-
-      for (var [slotName, _quasis] of quasisMap.entries()) {
-        _loop(slotName, _quasis);
-      }
-    }
-
+    setupUseBrickInTemplate(brickConfInTemplate.properties, proxyContext);
     return _objectSpread__default["default"](_objectSpread__default["default"]({}, restBrickConfInTemplate), {}, {
-      slots,
-      [symbolForComputedPropsFromProxy]: computedPropsFromProxy,
-      [symbolForRefForProxy]: refForProxy,
-      [symbolForTplContextId]: templateContextId
-    });
+      slots
+    }, setupTemplateProxy(proxyContext, ref, slots));
   }
 
   // Otherwise, return false.
@@ -11569,19 +11581,7 @@
     return location;
   }
 
-  var setProxyRefForSlots = slots => {
-    slotsToChildren(slots).forEach(item => {
-      if (item[symbolForRefForProxy] !== undefined) {
-        item[symbolForRefForProxy].brick = item;
-      }
-
-      if (!lodash.isEmpty(item.slots)) {
-        setProxyRefForSlots(item.slots);
-      }
-    });
-  };
-
-  var setProxyRef = (useBrick, tplTagName, brick) => {
+  var expandTemplateInUseBrick = (useBrick, tplTagName, brick) => {
     var template;
 
     if (tplTagName) {
@@ -11595,10 +11595,8 @@
         slots: useBrick.slots
       };
       template = expandCustomTemplate(tplConf, brick, _internalApiGetCurrentContext());
-      setProxyRefForSlots(template.slots);
     } else if (useBrick[symbolForRefForProxy]) {
       useBrick[symbolForRefForProxy].brick = brick;
-      setProxyRefForSlots(useBrick.slots);
     }
 
     return template;
@@ -11630,64 +11628,6 @@
     }));
     return brick;
   };
-
-  var handleProxyOfParentTemplate = (brick, tplContextId) => {
-    if (tplContextId) {
-      var tplBrick = getCustomTemplateContext(tplContextId).getBrick();
-      /**
-       * 如果存在brick.ref, 表明当前brick为custom-template对外暴露的插槽部分
-       * 此部分构件不被 expandCustomTemplate 方法正常解析, 需要额外处理
-       * 保证父构件上proxyRefs指向的准确性, 并执行其代理方法属性
-       */
-
-      if (brick.ref && tplBrick) {
-        var getFilterProxy = function () {
-          var proxy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-          var ref = arguments.length > 1 ? arguments[1] : undefined;
-
-          var getFilterByRef = (obj, ref) => {
-            if (!obj) return;
-            return Object.fromEntries(Object.entries(obj).filter(_ref => {
-              var [k, v] = _ref;
-
-              if (v.ref === ref) {
-                return [k, v];
-              }
-            }));
-          };
-
-          var events = getFilterByRef(proxy.events, ref);
-          var properties = getFilterByRef(proxy.properties, ref);
-          var methods = getFilterByRef(proxy.methods, ref);
-          var $$properties = getFilterByRef(proxy.$$properties, ref);
-          return {
-            $$properties,
-            events,
-            properties,
-            methods
-          };
-        };
-
-        var proxyBrick = _objectSpread__default["default"](_objectSpread__default["default"]({}, tplBrick), {}, {
-          element: brick.element
-        });
-
-        tplBrick.proxyRefs.set(brick.ref, {
-          brick: proxyBrick
-        }); // 对单独ref brick进行proxy赋值
-
-        var singleRefBrickProxyMap = new Map();
-        singleRefBrickProxyMap.set(brick.ref, {
-          brick: proxyBrick
-        });
-        handleProxyOfCustomTemplate(_objectSpread__default["default"](_objectSpread__default["default"]({}, tplBrick), {}, {
-          proxyRefs: singleRefBrickProxyMap,
-          proxy: getFilterProxy(tplBrick.proxy, brick.ref)
-        }));
-        setRealProperties(tplBrick.element, tplBrick.properties || {});
-      }
-    }
-  };
   /**
    * 可以渲染单个 `useBrick` 的 React 组件。
    *
@@ -11705,7 +11645,8 @@
    * @param props - 属性。
    */
 
-  var SingleBrickAsComponent = /*#__PURE__*/React__default["default"].memo(function SingleBrickAsComponent(_ref2) {
+
+  var SingleBrickAsComponent = /*#__PURE__*/React__default["default"].memo(function SingleBrickAsComponent(_ref) {
     var _internalApiGetCurren, _templateRef$current$, _templateRef$current, _templateRef$current2;
 
     var {
@@ -11713,7 +11654,7 @@
       data,
       refCallback,
       immediatelyRefCallback
-    } = _ref2;
+    } = _ref;
     var templateRef = React.useRef();
     var tplTagName = getTagNameOfCustomTemplate(useBrick.brick, (_internalApiGetCurren = _internalApiGetCurrentContext().app) === null || _internalApiGetCurren === void 0 ? void 0 : _internalApiGetCurren.id);
     var isBrickAvailable = React__default["default"].useMemo(() => {
@@ -11743,15 +11684,15 @@
       _internalApiLoadDynamicBricksInBrickConf(useBrick).catch(handleHttpError);
 
       var brick = getCurrentRunTimeBrick(useBrick, tplTagName, data);
-      templateRef.current = setProxyRef(useBrick, tplTagName, brick); // Let `transform` works still.
+      templateRef.current = expandTemplateInUseBrick(useBrick, tplTagName, brick); // Let `transform` works still.
 
       transformProperties(brick.properties, data, useBrick.transform, useBrick.transformFrom, undefined, {
         allowInject: true
       }); // 设置 properties refProperty值
 
       if (useBrick[symbolForComputedPropsFromProxy]) {
-        Object.entries(useBrick[symbolForComputedPropsFromProxy]).forEach(_ref4 => {
-          var [propName, propValue] = _ref4;
+        Object.entries(useBrick[symbolForComputedPropsFromProxy]).forEach(_ref3 => {
+          var [propName, propValue] = _ref3;
           lodash.set(brick.properties, propName, propValue);
         });
       }
@@ -11770,7 +11711,7 @@
       return brick;
     }), [useBrick, data, isBrickAvailable]);
     var innerRefCallback = React__default["default"].useCallback( /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator__default["default"](function* (element) {
+      var _ref4 = _asyncToGenerator__default["default"](function* (element) {
         immediatelyRefCallback === null || immediatelyRefCallback === void 0 ? void 0 : immediatelyRefCallback(element);
 
         if (element) {
@@ -11807,7 +11748,6 @@
 
 
           handleProxyOfCustomTemplate(brick);
-          handleProxyOfParentTemplate(brick, tplContextId);
 
           if (element.$$typeof !== "custom-template") {
             if (!useBrick.brick.includes("-")) {
@@ -11822,7 +11762,7 @@
       });
 
       return function (_x) {
-        return _ref5.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }(), [runtimeBrick, useBrick, data, refCallback, immediatelyRefCallback]);
 
@@ -11857,11 +11797,11 @@
    * @param props - 属性。
    */
 
-  function BrickAsComponent(_ref6) {
+  function BrickAsComponent(_ref5) {
     var {
       useBrick,
       data
-    } = _ref6;
+    } = _ref5;
 
     if (Array.isArray(useBrick)) {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React__default["default"].createElement(SingleBrickAsComponent, {
@@ -11882,8 +11822,8 @@
       return [];
     }
 
-    return Object.entries(slots).flatMap(_ref7 => {
-      var [slot, slotConf] = _ref7;
+    return Object.entries(slots).flatMap(_ref6 => {
+      var [slot, slotConf] = _ref6;
       return Array.isArray(slotConf.bricks) ? slotConf.bricks.map(child => _objectSpread__default["default"](_objectSpread__default["default"]({}, child), {}, {
         properties: _objectSpread__default["default"](_objectSpread__default["default"]({}, child.properties), {}, {
           slot
@@ -11903,14 +11843,14 @@
   // eslint-disable-next-line react/display-name
 
 
-  var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React.forwardRef(function LegacySingleBrickAsComponent(_ref8, ref) {
+  var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React.forwardRef(function LegacySingleBrickAsComponent(_ref7, ref) {
     var _internalApiGetCurren2, _templateRef$current$2, _templateRef$current3, _templateRef$current4;
 
     var {
       useBrick,
       data,
       refCallback
-    } = _ref8;
+    } = _ref7;
     var brickRef = React.useRef();
     var templateRef = React.useRef();
     var tplTagName = getTagNameOfCustomTemplate(useBrick.brick, (_internalApiGetCurren2 = _internalApiGetCurrentContext().app) === null || _internalApiGetCurren2 === void 0 ? void 0 : _internalApiGetCurren2.id);
@@ -11946,15 +11886,15 @@
       _internalApiLoadDynamicBricksInBrickConf(useBrick).catch(handleHttpError);
 
       var brick = getCurrentRunTimeBrick(useBrick, tplTagName, data);
-      templateRef.current = setProxyRef(useBrick, tplTagName, brick); // Let `transform` works still.
+      templateRef.current = expandTemplateInUseBrick(useBrick, tplTagName, brick); // Let `transform` works still.
 
       transformProperties(brick.properties, data, useBrick.transform, useBrick.transformFrom, undefined, {
         allowInject: true
       }); // 设置 properties refProperty值
 
       if (useBrick[symbolForComputedPropsFromProxy]) {
-        Object.entries(useBrick[symbolForComputedPropsFromProxy]).forEach(_ref10 => {
-          var [propName, propValue] = _ref10;
+        Object.entries(useBrick[symbolForComputedPropsFromProxy]).forEach(_ref9 => {
+          var [propName, propValue] = _ref9;
           lodash.set(brick.properties, propName, propValue);
         });
       }
@@ -11973,7 +11913,7 @@
       return brick;
     }), [useBrick, data, isBrickAvailable]);
     var innerRefCallback = React__default["default"].useCallback( /*#__PURE__*/function () {
-      var _ref11 = _asyncToGenerator__default["default"](function* (element) {
+      var _ref10 = _asyncToGenerator__default["default"](function* (element) {
         brickRef.current = element;
 
         if (element) {
@@ -12010,7 +11950,6 @@
 
 
           handleProxyOfCustomTemplate(brick);
-          handleProxyOfParentTemplate(brick, tplContextId);
 
           if (element.$$typeof !== "custom-template") {
             if (!useBrick.brick.includes("-")) {
@@ -12025,7 +11964,7 @@
       });
 
       return function (_x2) {
-        return _ref11.apply(this, arguments);
+        return _ref10.apply(this, arguments);
       };
     }(), [runtimeBrick, useBrick, data, refCallback]);