@next-core/brick-kit 2.169.1 → 2.171.0

package/dist/index.bundle.js

@@ -1784,11 +1784,15 @@
   class StoryboardContextWrapper {
     constructor(tplContextId, formContextId) {
       _defineProperty__default["default"](this, "data", new Map());
+      _defineProperty__default["default"](this, "batchUpdate", false);
+      _defineProperty__default["default"](this, "batchUpdateContextsNames", []);
       _defineProperty__default["default"](this, "tplContextId", void 0);
       _defineProperty__default["default"](this, "formContextId", void 0);
+      _defineProperty__default["default"](this, "eventName", void 0);
       _defineProperty__default["default"](this, "pendingStack", []);
       this.tplContextId = tplContextId;
       this.formContextId = formContextId;
+      this.eventName = this.formContextId ? "formstate.change" : this.tplContextId ? "state.change" : "context.change";
     }
     set(name, item) {
       if (this.data.has(name)) {
@@ -1806,6 +1810,54 @@
       var _this$data$get;
       return (_this$data$get = this.data.get(name)) === null || _this$data$get === void 0 ? void 0 : _this$data$get.value;
     }
+    getAffectListByContext(name) {
+      var affectNames = [name];
+      this.data.forEach((value, key) => {
+        if (value.type === "free-variable" && value.deps) {
+          var isInDeps = value.deps.some(item => affectNames.includes(item));
+          isInDeps && affectNames.push(key) && affectNames.push(...this.getAffectListByContext(key));
+        }
+      });
+      affectNames.shift();
+      return [...new Set(affectNames)];
+    }
+    updateValues(values, method, argsFactory) {
+      this.batchUpdate = true;
+      this.batchUpdateContextsNames = values.map(item => item.name);
+      if ([...new Set(this.batchUpdateContextsNames)].length !== this.batchUpdateContextsNames.length) {
+        throw new Error("Batch update not allow to update same item");
+      }
+      var updateContexts = {};
+      var affectContexts = {};
+      var affectDepsContextNames = [];
+      values.forEach(arg => {
+        var {
+          name,
+          value
+        } = argsFactory([arg]);
+        var updateContextItem = this.data.get(name);
+        affectDepsContextNames.push(...this.getAffectListByContext(name));
+        updateContextItem.type === "free-variable" && (updateContexts[name] = updateContextItem);
+        this.updateValue(name, value, method);
+      });
+      affectDepsContextNames.filter(item => !updateContexts[item]).forEach(name => {
+        var affectContextItem = this.data.get(name);
+        affectContextItem.type === "free-variable" && (affectContexts[name] = affectContextItem);
+      });
+      var triggerEvent = contexts => {
+        for (var key in contexts) {
+          var _context$eventTarget;
+          var context = contexts[key];
+          (_context$eventTarget = context.eventTarget) === null || _context$eventTarget === void 0 ? void 0 : _context$eventTarget.dispatchEvent(new CustomEvent(this.eventName, {
+            detail: context.value
+          }));
+        }
+      };
+      triggerEvent(updateContexts);
+      triggerEvent(affectContexts);
+      this.batchUpdate = false;
+      return;
+    }
     updateValue(name, value, method, callback) {
       var _item$eventTarget2;
       if (!this.data.has(name)) {
@@ -1849,7 +1901,7 @@
             var _item$eventTarget;
             item.loaded = true;
             item.value = val;
-            (_item$eventTarget = item.eventTarget) === null || _item$eventTarget === void 0 ? void 0 : _item$eventTarget.dispatchEvent(new CustomEvent(this.formContextId ? "formstate.change" : this.tplContextId ? "state.change" : "context.change", {
+            (_item$eventTarget = item.eventTarget) === null || _item$eventTarget === void 0 ? void 0 : _item$eventTarget.dispatchEvent(new CustomEvent(this.eventName, {
               detail: item.value
             }));
           }, err => {
@@ -1884,7 +1936,8 @@
           item.value = value;
         }
       }
-      (_item$eventTarget2 = item.eventTarget) === null || _item$eventTarget2 === void 0 ? void 0 : _item$eventTarget2.dispatchEvent(new CustomEvent(this.formContextId ? "formstate.change" : this.tplContextId ? "state.change" : "context.change", {
+      if (this.batchUpdate) return;
+      (_item$eventTarget2 = item.eventTarget) === null || _item$eventTarget2 === void 0 ? void 0 : _item$eventTarget2.dispatchEvent(new CustomEvent(this.eventName, {
         detail: item.value
       }));
     }
@@ -2068,11 +2121,13 @@
       // This is required for tracking context, even if no `onChange` is specified.
       eventTarget: new EventTarget$1(),
       load,
-      loaded
+      loaded,
+      deps: []
     };
+    var eventName = storyboardContextWrapper.formContextId ? "formstate.change" : storyboardContextWrapper.tplContextId ? "state.change" : "context.change";
     if (contextConf.onChange) {
       for (var handler of [].concat(contextConf.onChange)) {
-        newContext.eventTarget.addEventListener(storyboardContextWrapper.formContextId ? "formstate.change" : storyboardContextWrapper.tplContextId ? "state.change" : "context.change", listenerFactory(handler, mergedContext, brick));
+        newContext.eventTarget.addEventListener(eventName, listenerFactory(handler, mergedContext, brick));
       }
     }
     if (contextConf.track) {
@@ -2080,10 +2135,11 @@
       var isFormState = !!storyboardContextWrapper.formContextId;
       // Track its dependencies and auto update when each of them changed.
       var deps = (isFormState ? brickUtils.trackUsedFormState : isTemplateState ? brickUtils.trackUsedState : brickUtils.trackUsedContext)(load ? contextConf.resolve : contextConf.value);
+      !load && (newContext.deps = deps);
       for (var dep of deps) {
         var _eventTarget;
         var ctx = storyboardContextWrapper.get().get(dep);
-        ctx === null || ctx === void 0 ? void 0 : (_eventTarget = ctx.eventTarget) === null || _eventTarget === void 0 ? void 0 : _eventTarget.addEventListener(storyboardContextWrapper.formContextId ? "formstate.change" : isTemplateState ? "state.change" : "context.change", () => {
+        ctx === null || ctx === void 0 ? void 0 : (_eventTarget = ctx.eventTarget) === null || _eventTarget === void 0 ? void 0 : _eventTarget.addEventListener(eventName, batchAddListener(() => {
           if (load) {
             storyboardContextWrapper.updateValue(contextConf.name, {
               cache: "default"
@@ -2091,11 +2147,19 @@
           } else {
             storyboardContextWrapper.updateValue(contextConf.name, computeRealValue(contextConf.value, mergedContext, true), "replace");
           }
-        });
+        }, contextConf, storyboardContextWrapper));
       }
     }
     storyboardContextWrapper.set(contextConf.name, newContext);
   }
+  function batchAddListener(listener, contextConf, storyboardContextWrapper) {
+    return event => {
+      if (storyboardContextWrapper.batchUpdate && storyboardContextWrapper.batchUpdateContextsNames.includes(contextConf.name)) {
+        return;
+      }
+      listener(event);
+    };
+  }
 
   var tplContextMap = new Map();
   class CustomTemplateContext {
@@ -3376,6 +3440,30 @@
     kernel._dev_only_updateStoryboardBySnippet(appId, newSnippet);
   }
 
+  /* istanbul ignore next */
+  function _dev_only_getContextValue(name, _ref) {
+    var {
+      tplContextId
+    } = _ref;
+    if (tplContextId) {
+      var tplContext = getCustomTemplateContext(tplContextId);
+      return tplContext.state.getValue(name);
+    }
+    return kernel.router.getStoryboardContextWrapper().getValue(name);
+  }
+
+  /* istanbul ignore next */
+  function _dev_only_getAllContextValues(_ref2) {
+    var {
+      tplContextId
+    } = _ref2;
+    if (tplContextId) {
+      var tplContext = getCustomTemplateContext(tplContextId);
+      return tplContext.state.get();
+    }
+    return kernel.router.getStoryboardContextWrapper().get();
+  }
+
   /* istanbul ignore next */
   function _dev_only_updateFormPreviewSettings(appId, formId, settings) {
     kernel._dev_only_updateFormPreviewSettings(appId, formId, settings);
@@ -5912,6 +6000,7 @@
     };
   }
   function listenerFactory(handler, context, runtimeBrick) {
+    var _handler$batch, _handler$batch2;
     if (isConditionalEventHandler(handler)) {
       return runConditionalEventHandler(handler, context, runtimeBrick);
     }
@@ -5980,11 +6069,11 @@
         case "context.replace":
         case "context.refresh":
         case "context.load":
-          return builtinContextListenerFactory(method, handler.args, handler, handler.callback, context, runtimeBrick);
+          return builtinContextListenerFactory(method, handler.args, (_handler$batch = handler.batch) !== null && _handler$batch !== void 0 ? _handler$batch : true, handler, handler.callback, context, runtimeBrick);
         case "state.update":
         case "state.refresh":
         case "state.load":
-          return builtinStateListenerFactory(method, handler.args, handler, handler.callback, context, runtimeBrick);
+          return builtinStateListenerFactory(method, handler.args, (_handler$batch2 = handler.batch) !== null && _handler$batch2 !== void 0 ? _handler$batch2 : true, handler, handler.callback, context, runtimeBrick);
         case "formstate.update":
           return builtinFormStateListenerFactory(method, handler.args, handler, handler.callback, context, runtimeBrick);
         case "tpl.dispatchEvent":
@@ -6098,7 +6187,22 @@
       tpl.dispatchEvent(new CustomEvent(type, init));
     };
   }
-  function builtinContextListenerFactory(method, args, ifContainer, callback, context, runtimeBrick) {
+  function batchUpdate(args, batch, method, context, event) {
+    if (batch) {
+      context.updateValues(args, method, arg => {
+        return argsFactory(arg, context, event)[0];
+      });
+    } else {
+      args.forEach(arg => {
+        var {
+          name,
+          value
+        } = argsFactory([arg], context, event)[0];
+        context.updateValue(name, value, method);
+      });
+    }
+  }
+  function builtinContextListenerFactory(method, args, batch, ifContainer, callback, context, runtimeBrick) {
     return function (event) {
       if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
@@ -6106,11 +6210,16 @@
         return;
       }
       var storyboardContext = _internalApiGetStoryboardContextWrapper();
-      var [name, value] = argsFactory(args, context, event);
-      storyboardContext.updateValue(name, value, method, callback);
+      var isBatch = Array.isArray(args) && args.every(brickUtils.isObject);
+      if (isBatch && (method === "assign" || method === "replace")) {
+        batchUpdate(args, batch, method, storyboardContext, event);
+      } else {
+        var [name, value] = argsFactory(args, context, event);
+        storyboardContext.updateValue(name, value, method, callback);
+      }
     };
   }
-  function builtinStateListenerFactory(method, args, ifContainer, callback, context, runtimeBrick) {
+  function builtinStateListenerFactory(method, args, batch, ifContainer, callback, context, runtimeBrick) {
     return function (event) {
       if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
@@ -6118,8 +6227,14 @@
         return;
       }
       var tplContext = getTplContext(context.tplContextId);
-      var [name, value] = argsFactory(args, context, event);
-      tplContext.state.updateValue(name, value, method === "update" ? "replace" : method, callback);
+      var isBatch = Array.isArray(args) && args.every(brickUtils.isObject);
+      var computedMethod = method === "update" ? "replace" : method;
+      if (isBatch && computedMethod === "replace") {
+        batchUpdate(args, batch, computedMethod, tplContext.state, event);
+      } else {
+        var [name, value] = argsFactory(args, context, event);
+        tplContext.state.updateValue(name, value, computedMethod, callback);
+      }
     };
   }
   function builtinFormStateListenerFactory(method, args, ifContainer, callback, context, runtimeBrick) {
@@ -6559,6 +6674,9 @@
       if (brick.iid) {
         node.dataset.iid = brick.iid;
       }
+      if (brick.tplContextId) {
+        node.dataset.tplContextId = brick.tplContextId;
+      }
       setRealProperties(node, brick.properties);
       bindListeners(node, brick.events, brick.context);
       if (Array.isArray(brick.children)) {
@@ -13952,6 +14070,8 @@
     updateTemplatePreviewSettings: _dev_only_updateTemplatePreviewSettings,
     updateSnippetPreviewSettings: _dev_only_updateSnippetPreviewSettings,
     updateFormPreviewSettings: _dev_only_updateFormPreviewSettings,
+    getContextValue: _dev_only_getContextValue,
+    getAllContextValues: _dev_only_getAllContextValues,
     render: _dev_only_render
   };