@next-core/brick-kit 2.169.1 → 2.171.0

package/dist/index.esm.js

@@ -1785,11 +1785,15 @@ function _checkIf(rawIf, ctx, fn) {
 class StoryboardContextWrapper {
   constructor(tplContextId, formContextId) {
     _defineProperty$1(this, "data", new Map());
+    _defineProperty$1(this, "batchUpdate", false);
+    _defineProperty$1(this, "batchUpdateContextsNames", []);
     _defineProperty$1(this, "tplContextId", void 0);
     _defineProperty$1(this, "formContextId", void 0);
+    _defineProperty$1(this, "eventName", void 0);
     _defineProperty$1(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)) {
@@ -1807,6 +1811,54 @@ class StoryboardContextWrapper {
     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)) {
@@ -1850,7 +1902,7 @@ class StoryboardContextWrapper {
           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 => {
@@ -1885,7 +1937,8 @@ class StoryboardContextWrapper {
         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
     }));
   }
@@ -2069,11 +2122,13 @@ function resolveFreeVariableValue(value, contextConf, mergedContext, storyboardC
     // 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) {
@@ -2081,10 +2136,11 @@ function resolveFreeVariableValue(value, contextConf, mergedContext, storyboardC
     var isFormState = !!storyboardContextWrapper.formContextId;
     // Track its dependencies and auto update when each of them changed.
     var deps = (isFormState ? trackUsedFormState : isTemplateState ? trackUsedState : 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"
@@ -2092,11 +2148,19 @@ function resolveFreeVariableValue(value, contextConf, mergedContext, storyboardC
         } 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 {
@@ -3377,6 +3441,30 @@ function _dev_only_updateStoryboardBySnippet(appId, newSnippet) {
   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);
@@ -5913,6 +6001,7 @@ function runConditionalEventHandler(handler, context, runtimeBrick) {
   };
 }
 function listenerFactory(handler, context, runtimeBrick) {
+  var _handler$batch, _handler$batch2;
   if (isConditionalEventHandler(handler)) {
     return runConditionalEventHandler(handler, context, runtimeBrick);
   }
@@ -5981,11 +6070,11 @@ function listenerFactory(handler, context, runtimeBrick) {
       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":
@@ -6099,7 +6188,22 @@ function builtinTplDispatchEventFactory(args, ifContainer, context, runtimeBrick
     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(_objectSpread({}, context), {}, {
       event
@@ -6107,11 +6211,16 @@ function builtinContextListenerFactory(method, args, ifContainer, callback, cont
       return;
     }
     var storyboardContext = _internalApiGetStoryboardContextWrapper();
-    var [name, value] = argsFactory(args, context, event);
-    storyboardContext.updateValue(name, value, method, callback);
+    var isBatch = Array.isArray(args) && args.every(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(_objectSpread({}, context), {}, {
       event
@@ -6119,8 +6228,14 @@ function builtinStateListenerFactory(method, args, ifContainer, callback, contex
       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(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) {
@@ -6560,6 +6675,9 @@ class BrickNode {
     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)) {
@@ -13953,6 +14071,8 @@ var developHelper = {
   updateTemplatePreviewSettings: _dev_only_updateTemplatePreviewSettings,
   updateSnippetPreviewSettings: _dev_only_updateSnippetPreviewSettings,
   updateFormPreviewSettings: _dev_only_updateFormPreviewSettings,
+  getContextValue: _dev_only_getContextValue,
+  getAllContextValues: _dev_only_getAllContextValues,
   render: _dev_only_render
 };