@next-core/brick-kit 2.170.0 → 2.171.1

package/dist/index.bundle.js

@@ -537,7 +537,7 @@
 
   // Omit all mutable methods from moment.
   var shouldOmitInMoment = new Set(["lang", "langData", "locale", "localeData", "defineLocale", "updateLocale", "updateOffset"]);
-  var allowedGlobalObjects = new Set(["Array", "Boolean", "Date", "Infinity", "JSON", "Math", "NaN", "Number", "String", "decodeURI", "decodeURIComponent", "encodeURI", "encodeURIComponent", "isFinite", "isNaN", "parseFloat", "parseInt", "Map", "Set", "URLSearchParams", "WeakMap", "WeakSet", "atob", "btoa"]);
+  var allowedGlobalObjects = new Set(["Array", "Boolean", "Date", "Infinity", "JSON", "Math", "NaN", "Number", "String", "RegExp", "decodeURI", "decodeURIComponent", "encodeURI", "encodeURIComponent", "isFinite", "isNaN", "parseFloat", "parseInt", "Map", "Set", "URLSearchParams", "WeakMap", "WeakSet", "atob", "btoa"]);
   function supplyIndividual(variableName, mock) {
     switch (variableName) {
       case "Object":
@@ -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 {
@@ -5936,6 +6000,7 @@
     };
   }
   function listenerFactory(handler, context, runtimeBrick) {
+    var _handler$batch, _handler$batch2;
     if (isConditionalEventHandler(handler)) {
       return runConditionalEventHandler(handler, context, runtimeBrick);
     }
@@ -6004,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":
@@ -6122,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
@@ -6130,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
@@ -6142,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) {