@next-core/brick-kit 2.104.4 → 2.105.0

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.105.0](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.104.7...@next-core/brick-kit@2.105.0) (2022-02-17)
+
+
+### Features
+
+* 新增`PATH_NAME`常量 ([094fe48](https://github.com/easyops-cn/next-core/commit/094fe4877581b7594ea297a3da5c4ae047d9cc4d))
+
+
+
+
+
+## [2.104.7](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.104.6...@next-core/brick-kit@2.104.7) (2022-02-17)
+
+
+### Bug Fixes
+
+* mark lazy useBrick for tpl property merge ([5794719](https://github.com/easyops-cn/next-core/commit/579471913e569856772e24ccdf024519b6680aaa))
+
+
+
+
+
+## [2.104.6](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.104.5...@next-core/brick-kit@2.104.6) (2022-02-15)
+
+**Note:** Version bump only for package @next-core/brick-kit
+
+
+
+
+
+## [2.104.5](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.104.4...@next-core/brick-kit@2.104.5) (2022-02-15)
+
+
+### Bug Fixes
+
+* fix re-render of useBrick of tpl ([7cbd0d8](https://github.com/easyops-cn/next-core/commit/7cbd0d83517afdb1eef9fafb5e803655f3e698b9))
+
+
+
+
+
 ## [2.104.4](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.104.3...@next-core/brick-kit@2.104.4) (2022-02-15)
 
 

package/dist/index.bundle.js

@@ -1979,17 +1979,38 @@
 
       return _asyncToGenerator__default["default"](function* () {
         if (Array.isArray(contextConfs)) {
-          yield brickUtils.resolveContextConcurrently(contextConfs, contextConf => resolveStoryboardContext(contextConf, coreContext, _this, brick));
+          var {
+            mergedContext,
+            keyword
+          } = _this.getResolveOptions(coreContext);
+
+          yield brickUtils.resolveContextConcurrently(contextConfs, contextConf => resolveStoryboardContext(contextConf, mergedContext, _this, brick), keyword);
         }
       })();
     }
 
     syncDefine(contextConfs, coreContext, brick) {
       if (Array.isArray(contextConfs)) {
-        brickUtils.syncResolveContextConcurrently(contextConfs, contextConf => syncResolveStoryboardContext(contextConf, coreContext, this, brick));
+        var {
+          mergedContext,
+          keyword
+        } = this.getResolveOptions(coreContext);
+        brickUtils.syncResolveContextConcurrently(contextConfs, contextConf => syncResolveStoryboardContext(contextConf, mergedContext, this, brick), keyword);
       }
     }
 
+    getResolveOptions(coreContext) {
+      return this.tplContextId ? {
+        mergedContext: _objectSpread__default["default"](_objectSpread__default["default"]({}, coreContext), {}, {
+          tplContextId: this.tplContextId
+        }),
+        keyword: "STATE"
+      } : {
+        mergedContext: coreContext,
+        keyword: "CTX"
+      };
+    }
+
   }
 
   function resolveStoryboardContext(_x, _x2, _x3, _x4) {
@@ -2024,23 +2045,23 @@
   }
 
   function _resolveNormalStoryboardContext() {
-    _resolveNormalStoryboardContext = _asyncToGenerator__default["default"](function* (contextConf, coreContext, storyboardContextWrapper, brick) {
-      if (!looseCheckIf(contextConf, coreContext)) {
+    _resolveNormalStoryboardContext = _asyncToGenerator__default["default"](function* (contextConf, mergedContext, storyboardContextWrapper, brick) {
+      if (!looseCheckIf(contextConf, mergedContext)) {
         return false;
       }
 
       var isResolve = false;
-      var value = getDefinedTemplateState(contextConf, storyboardContextWrapper, brick);
+      var value = getDefinedTemplateState(!!storyboardContextWrapper.tplContextId, contextConf, brick);
 
       if (value === undefined) {
         if (contextConf.resolve) {
-          if (looseCheckIf(contextConf.resolve, coreContext)) {
+          if (looseCheckIf(contextConf.resolve, mergedContext)) {
             isResolve = true;
             var valueConf = {};
             yield _internalApiGetResolver().resolveOne("reference", _objectSpread__default["default"]({
               transform: "value",
               transformMapArray: false
-            }, contextConf.resolve), valueConf, null, coreContext);
+            }, contextConf.resolve), valueConf, null, mergedContext);
             value = valueConf.value;
           } else if (!brickUtils.hasOwnProperty(contextConf, "value")) {
             return false;
@@ -2048,18 +2069,18 @@
         }
 
         if (!isResolve && contextConf.value !== undefined) {
-          value = computeRealValue(contextConf.value, coreContext, true);
+          value = computeRealValue(contextConf.value, mergedContext, true);
         }
       }
 
-      resolveFreeVariableValue(value, contextConf, coreContext, storyboardContextWrapper, brick);
+      resolveFreeVariableValue(value, contextConf, mergedContext, storyboardContextWrapper, brick);
       return true;
     });
     return _resolveNormalStoryboardContext.apply(this, arguments);
   }
 
-  function syncResolveStoryboardContext(contextConf, coreContext, storyboardContextWrapper, brick) {
-    if (!looseCheckIf(contextConf, coreContext)) {
+  function syncResolveStoryboardContext(contextConf, mergedContext, storyboardContextWrapper, brick) {
+    if (!looseCheckIf(contextConf, mergedContext)) {
       return false;
     }
 
@@ -2067,23 +2088,23 @@
       throw new Error("resolve is not allowed here");
     }
 
-    var value = getDefinedTemplateState(contextConf, storyboardContextWrapper, brick);
+    var value = getDefinedTemplateState(!!storyboardContextWrapper.tplContextId, contextConf, brick);
 
     if (value === undefined) {
-      value = computeRealValue(contextConf.value, coreContext, true);
+      value = computeRealValue(contextConf.value, mergedContext, true);
     }
 
-    resolveFreeVariableValue(value, contextConf, coreContext, storyboardContextWrapper, brick);
+    resolveFreeVariableValue(value, contextConf, mergedContext, storyboardContextWrapper, brick);
     return true;
   }
 
-  function getDefinedTemplateState(contextConf, storyboardContextWrapper, brick) {
-    if (storyboardContextWrapper.tplContextId && brick.properties && brickUtils.hasOwnProperty(brick.properties, contextConf.name)) {
+  function getDefinedTemplateState(isTemplateState, contextConf, brick) {
+    if (isTemplateState && brick.properties && brickUtils.hasOwnProperty(brick.properties, contextConf.name)) {
       return brick.properties[contextConf.name];
     }
   }
 
-  function resolveFreeVariableValue(value, contextConf, coreContext, storyboardContextWrapper, brick) {
+  function resolveFreeVariableValue(value, contextConf, mergedContext, storyboardContextWrapper, brick) {
     var newContext = {
       type: "free-variable",
       value,
@@ -2093,13 +2114,7 @@
 
     if (contextConf.onChange) {
       for (var handler of [].concat(contextConf.onChange)) {
-        if (storyboardContextWrapper.tplContextId) {
-          newContext.eventTarget.addEventListener("state.change", listenerFactory(handler, _objectSpread__default["default"](_objectSpread__default["default"]({}, coreContext), {}, {
-            tplContextId: storyboardContextWrapper.tplContextId
-          }), brick));
-        } else {
-          newContext.eventTarget.addEventListener("context.change", listenerFactory(handler, coreContext, brick));
-        }
+        newContext.eventTarget.addEventListener(storyboardContextWrapper.tplContextId ? "state.change" : "context.change", listenerFactory(handler, mergedContext, brick));
       }
     }
 
@@ -2277,6 +2292,7 @@
       sys,
       flags,
       hash,
+      pathname,
       segues,
       storyboardContext
     } = _internalApiGetCurrentContext();
@@ -2317,6 +2333,9 @@
         case "HASH":
           return hash;
 
+        case "PATH_NAME":
+          return pathname;
+
         case "INSTALLED_APPS":
           return {
             has: (appId, matchVersion) => getRuntime().hasInstalledApp(appId, matchVersion)
@@ -8492,6 +8511,7 @@
       var auth = getAuth();
       var context = {
         hash: this.location.hash,
+        pathname: this.location.pathname,
         query: this.query,
         match,
         app: this.kernel.nextApp,
@@ -10129,7 +10149,9 @@
     // 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) : [];
+    var computedBaseValue = Array.isArray(baseValue) ? computeRealValue(baseValue, context, true, {
+      $$lazyForUseBrick: true
+    }) : [];
     var quasis = [];
     var size = computedBaseValue.length + 1;
 
@@ -10519,7 +10541,7 @@
     return false;
   }
 
-  function handleProxyOfCustomTemplate(brick, reRun) {
+  function handleProxyOfCustomTemplate(brick) {
     // Ignore non-tpl bricks.
     if (!brick.proxyRefs) {
       return;
@@ -10533,17 +10555,18 @@
 
         return (_brick$proxyRefs$get$ = brick.proxyRefs.get(ref).brick) === null || _brick$proxyRefs$get$ === void 0 ? void 0 : _brick$proxyRefs$get$.element;
       }
-    } // For usages of `targetRef: "..."`.
-    // `tpl.$$getElementByRef(ref)` will return the ref element inside a custom template.
+    }
 
+    var firstRun = !node.$$getElementByRef; // For usages of `targetRef: "..."`.
+    // `tpl.$$getElementByRef(ref)` will return the ref element inside a custom template.
 
-    if (!reRun) {
+    if (firstRun) {
       Object.defineProperty(node, "$$getElementByRef", {
         value: getElementByRef
       });
     }
 
-    if (!reRun && brick.stateNames) {
+    if (firstRun && brick.stateNames) {
       (function () {
         // Define properties from state for tpl.
         var getState = () => getCustomTemplateContext(brick.tplContextId).state;
@@ -11203,7 +11226,7 @@
         handleProxyOfCustomTemplate(_objectSpread__default["default"](_objectSpread__default["default"]({}, tplBrick), {}, {
           proxyRefs: singleRefBrickProxyMap,
           proxy: getFilterProxy(tplBrick.proxy, brick.ref)
-        }), true);
+        }));
         setRealProperties(tplBrick.element, tplBrick.properties || {});
       }
     }