@next-core/brick-kit 2.114.0 → 2.116.0

package/dist/index.esm.js

@@ -2187,28 +2187,28 @@ function getCustomTemplateContext(tplContextId) {
   return tplContextMap.get(tplContextId);
 }
 
-var MediaSize;
+var MediaBreakpoint;
 
-(function (MediaSize) {
-  MediaSize["xLarge"] = "xLarge";
-  MediaSize["large"] = "large";
-  MediaSize["medium"] = "medium";
-  MediaSize["small"] = "small";
-  MediaSize["xSmall"] = "xSmall";
-})(MediaSize || (MediaSize = {}));
+(function (MediaBreakpoint) {
+  MediaBreakpoint["xLarge"] = "xLarge";
+  MediaBreakpoint["large"] = "large";
+  MediaBreakpoint["medium"] = "medium";
+  MediaBreakpoint["small"] = "small";
+  MediaBreakpoint["xSmall"] = "xSmall";
+})(MediaBreakpoint || (MediaBreakpoint = {}));
 
-var mediaSizeBreakpointMap = new Map([[MediaSize.xLarge, "1920px"], [MediaSize.large, "1600px"], [MediaSize.medium, "1280px"], [MediaSize.small, "1024px"], [MediaSize.xSmall, 0]]);
+var mediaBreakpointMinWidthMap = new Map([[MediaBreakpoint.xLarge, "1920px"], [MediaBreakpoint.large, "1600px"], [MediaBreakpoint.medium, "1280px"], [MediaBreakpoint.small, "1024px"], [MediaBreakpoint.xSmall, 0]]);
 var mediaEventTarget = new EventTarget$1();
-var sizeMatchesMap = {};
+var breakpointMatchesMap = {};
 var MEDIA = {};
 
-function handleMatchesChange(data, size) {
+function handleMatchesChange(data, breakpoint) {
   var changed = false;
-  sizeMatchesMap[size] = data.matches;
+  breakpointMatchesMap[breakpoint] = data.matches;
 
-  for (var [_size] of mediaSizeBreakpointMap) {
-    if (sizeMatchesMap[_size] && MEDIA.size !== _size) {
-      MEDIA.size = _size;
+  for (var [_breakpoint] of mediaBreakpointMinWidthMap) {
+    if (breakpointMatchesMap[_breakpoint] && MEDIA.breakpoint !== _breakpoint) {
+      MEDIA.breakpoint = _breakpoint;
       changed = true;
       break;
     }
@@ -2221,17 +2221,17 @@ function handleMatchesChange(data, size) {
   }
 }
 
-mediaSizeBreakpointMap.forEach((breakpoint, size) => {
-  var mediaQueryList = window.matchMedia("(min-width: ".concat(breakpoint, ")"));
-  handleMatchesChange(mediaQueryList, size);
+mediaBreakpointMinWidthMap.forEach((minWidth, breakpoint) => {
+  var mediaQueryList = window.matchMedia("(min-width: ".concat(minWidth, ")"));
+  handleMatchesChange(mediaQueryList, breakpoint);
 
   if (mediaQueryList.addEventListener) {
     mediaQueryList.addEventListener("change", event => {
-      handleMatchesChange(event, size);
+      handleMatchesChange(event, breakpoint);
     });
   } else {
     mediaQueryList.addListener(event => {
-      handleMatchesChange(event, size);
+      handleMatchesChange(event, breakpoint);
     });
   }
 });
@@ -7904,7 +7904,9 @@ class Kernel {
     var storyboard = this.bootstrapData.storyboards.find(item => item.app.id === appId);
     Object.assign(storyboard, _objectSpread(_objectSpread({}, storyboardPatch), {}, {
       $$fulfilling: Promise.resolve(),
-      $$fulfilled: true
+      $$fulfilled: true,
+      $$registerCustomTemplateProcessed: false,
+      $$depsProcessed: false
     }));
     this.postProcessStoryboard(storyboard);
   }
@@ -8838,15 +8840,11 @@ class LocationContext {
           }
 
           if (isRouteConfOfRoutes(route) && Array.isArray(route.routes)) {
+            yield _this.preFetchMenu(route.context);
             yield _this.mountRoutes(route.routes, slotId, mountRoutesResult);
           } else if (isRouteConfOfBricks(route) && Array.isArray(route.bricks)) {
-            var useMenus = scanAppGetMenuInAny(route);
-
-            if (useMenus.length) {
-              yield constructMenuByMenusList(useMenus, _this.getCurrentContext(), _this.kernel);
-            }
-
-            yield _this.mountBricks(route.bricks, matched.match, slotId, mountRoutesResult); // analytics data (page_view event)
+            yield _this.mountBricks(route.bricks, matched.match, slotId, mountRoutesResult);
+            yield _this.preFetchMenu(route); // analytics data (page_view event)
 
             if (route.analyticsData) {
               mountRoutesResult.analyticsData = computeRealValue(route.analyticsData, context, true);
@@ -9102,6 +9100,9 @@ class LocationContext {
       var expandedBrickConf = brickConf;
 
       if (tplTagName) {
+        var _customTemplateRegist;
+
+        yield _this6.preFetchMenu((_customTemplateRegist = customTemplateRegistry.get(tplTagName)) === null || _customTemplateRegist === void 0 ? void 0 : _customTemplateRegist.bricks);
         expandedBrickConf = yield asyncExpandCustomTemplate(_objectSpread(_objectSpread({}, brickConf), {}, {
           brick: tplTagName,
           // Properties are computed for custom templates.
@@ -9322,6 +9323,18 @@ class LocationContext {
     }
   }
 
+  preFetchMenu(data) {
+    var _this7 = this;
+
+    return _asyncToGenerator$4(function* () {
+      var useMenus = scanAppGetMenuInAny(data);
+
+      if (useMenus.length) {
+        yield constructMenuByMenusList(useMenus, _this7.getCurrentContext(), _this7.kernel);
+      }
+    })();
+  }
+
 }
 
 function unmountTree(mountPoint) {
@@ -10956,37 +10969,37 @@ function handleProxyOfCustomTemplate(brick) {
 }
 
 function registerCustomTemplate(tplName, tplConstructor, appId) {
-  var _tplConstructor$proxy;
-
   var tagName = tplName; // When a template is registered by an app, its namespace maybe missed.
 
   if (appId && !tplName.includes(".")) {
     tagName = "".concat(appId, ".").concat(tplName);
   }
 
-  if (customTemplateRegistry.has(tagName)) {
+  var registered = customTemplateRegistry.has(tagName);
+
+  if (registered) {
     // When open launchpad, the storyboard will be updated.
     // However, we can't *undefine* a custom element.
     // Just ignore re-registering custom templates.
     if (!appId || appRegistered.has(appId)) {
       // eslint-disable-next-line no-console
-      console.error("Custom template of \"".concat(tagName, "\" already registered."));
+      console.warn("Custom template of \"".concat(tagName, "\" already registered."));
     }
+  } else {
+    registered = !!customElements.get(tagName);
 
-    return;
-  }
+    if (registered) {
+      // eslint-disable-next-line no-console
+      console.warn("Custom template of \"".concat(tagName, "\" already defined by customElements."));
+    }
+  } // Now we allow re-register custom template
 
-  if (customElements.get(tagName)) {
-    // eslint-disable-next-line no-console
-    console.error("Custom template of \"".concat(tagName, "\" already defined by customElements."));
-    return;
-  }
 
   customTemplateRegistry.set(tagName, _objectSpread(_objectSpread({}, tplConstructor), {}, {
     name: tagName
   })); // Collect defined properties of the template.
 
-  var props = Object.keys(((_tplConstructor$proxy = tplConstructor.proxy) === null || _tplConstructor$proxy === void 0 ? void 0 : _tplConstructor$proxy.properties) || {});
+  var props = getPropsOfCustomTemplate(tagName);
   var nativeProp = props.find(prop => prop in HTMLElement.prototype); // istanbul ignore if
 
   if (nativeProp !== undefined) {
@@ -10994,13 +11007,17 @@ function registerCustomTemplate(tplName, tplConstructor, appId) {
     console.error("In custom template \"".concat(tagName, "\", \"").concat(nativeProp, "\" is a native HTMLElement property, and should be avoid to be used as a brick property."));
   }
 
+  if (registered) {
+    return;
+  }
+
   customElements.define(tagName, class TplElement extends HTMLElement {
     get $$typeof() {
       return "custom-template";
     }
 
     static get _dev_only_definedProperties() {
-      return props;
+      return getPropsOfCustomTemplate(tagName);
     }
 
     connectedCallback() {
@@ -11018,6 +11035,16 @@ function registerCustomTemplate(tplName, tplConstructor, appId) {
   }
 }
 
+function getPropsOfCustomTemplate(tagName) {
+  var _state$map, _proxy$properties;
+
+  var {
+    state,
+    proxy
+  } = customTemplateRegistry.get(tagName);
+  return ((_state$map = state === null || state === void 0 ? void 0 : state.map(item => item.name)) !== null && _state$map !== void 0 ? _state$map : []).concat(Object.keys((_proxy$properties = proxy === null || proxy === void 0 ? void 0 : proxy.properties) !== null && _proxy$properties !== void 0 ? _proxy$properties : {}));
+}
+
 var customProcessorRegistry = new Map();
 function registerCustomProcessor(processorFullName, processorFunc) {
   // `namespace` should be the camelCase of the package name.