@next-core/brick-kit 2.122.12 → 2.123.0

package/dist/index.esm.js

@@ -10,7 +10,7 @@ import i18next, { getFixedT } from 'i18next';
 import { parsePath, createBrowserHistory, locationsAreEqual, createPath } from 'history';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { JsonStorage, toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, trackState, scanPermissionActionsInStoryboard, precookFunction, cook, resolveContextConcurrently, syncResolveContextConcurrently, shouldAllowRecursiveEvaluations, preevaluate, inject, deepFreeze, createProviderClass, loadScript, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, getDllAndDepsByResource, scanRouteAliasInStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, matchPath, scanAppGetMenuInAny, asyncProcessBrick, restoreDynamicTemplates, scanStoryboard, mapCustomApisToNameAndNamespace } from '@next-core/brick-utils';
-import _, { set, get, difference, identity, uniqueId, cloneDeep, clamp, isNil, sortBy, merge, pick, orderBy, omit, findLastIndex, noop, isObject as isObject$1, isString } from 'lodash';
+import _, { set, get, difference, identity, uniqueId, cloneDeep, clamp, isNil, sortBy, merge, isEmpty, pick, orderBy, omit, findLastIndex, noop, isObject as isObject$1, isString } from 'lodash';
 import moment from 'moment';
 import { pipes } from '@next-core/pipes';
 import yaml from 'js-yaml';
@@ -5882,7 +5882,8 @@ function getApiArgsFromApiProfile(_ref, originalArgs) {
     serviceName,
     responseWrapper,
     version,
-    isFileType
+    isFileType,
+    request
   } = _ref;
   var fileName;
 
@@ -5898,14 +5899,16 @@ function getApiArgsFromApiProfile(_ref, originalArgs) {
     url,
     method,
     ext_fields,
-    responseWrapper: false
+    responseWrapper: false,
+    request
   }, ...args, {
     responseType: "blob"
   }] : [{
     url,
     method,
     ext_fields,
-    responseWrapper
+    responseWrapper,
+    request
   }, ...args];
 }
 
@@ -5946,7 +5949,8 @@ function getApiProfileFromApiDefinition(provider, api) {
     serviceName: api.serviceName,
     version: api.version,
     isFileType: (contract === null || contract === void 0 ? void 0 : (_contract$response = contract.response) === null || _contract$response === void 0 ? void 0 : _contract$response.type) === "file",
-    responseWrapper
+    responseWrapper,
+    request: contract.request
   };
 }
 
@@ -5979,7 +5983,8 @@ function _fetchFlowApiDefinition2() {
         version: contract.version,
         contract: {
           endpoint: contract.endpoint,
-          response: contract.response
+          response: contract.response,
+          request: contract.request
         }
       };
     } else {
@@ -6000,7 +6005,8 @@ function _fetchFlowApiDefinition2() {
           version: contractData.version,
           contract: {
             endpoint: contractData.endpoint,
-            response: contractData.response
+            response: contractData.response,
+            request: contractData.request
           }
         };
       }
@@ -6199,6 +6205,9 @@ function listenerFactory(handler, context, runtimeBrick) {
       case "analytics.event":
         return builtinAnalyticsListenerFactory(handler.args, handler, context);
 
+      case "preview.debug":
+        return builtinFormDebugListenerFactory(handler.args, handler, context);
+
       default:
         return () => {
           // eslint-disable-next-line no-console
@@ -6669,6 +6678,22 @@ function builtinWebStorageListenerFactory(storageType, method, args, ifContainer
   };
 }
 
+function builtinFormDebugListenerFactory(args, ifContainer, context) {
+  return function (event) {
+    if (!looseCheckIf(ifContainer, _objectSpread(_objectSpread({}, context), {}, {
+      event
+    }))) {
+      return;
+    }
+
+    window.parent.postMessage({
+      sender: "previewer",
+      type: "preview.debug",
+      res: argsFactory(args, context, event)
+    });
+  };
+}
+
 function argsFactory(args, context, event) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   return Array.isArray(args) ? computeRealValue(args, _objectSpread(_objectSpread({}, context), {}, {
@@ -6924,6 +6949,46 @@ function processExtFields(ext_fields) {
     options
   };
 }
+function hasFileType(request) {
+  var flag = false;
+  if (!request) return flag;
+
+  var processFields = fields => {
+    return fields.some(field => {
+      if (["file", "file[]"].includes(field.type)) {
+        return true;
+      }
+
+      if (!isEmpty(field.fields)) {
+        return processFields(field.fields);
+      }
+    });
+  };
+
+  if (request.type === "object" && !isEmpty(request.fields)) {
+    flag = processFields(request.fields);
+  }
+
+  return flag;
+}
+function transformFormData(data) {
+  var formData = new FormData();
+
+  for (var [key, value] of Object.entries(data)) {
+    if (Array.isArray(value)) {
+      (function () {
+        var k = "".concat(key, "[]");
+        value.forEach(v => {
+          formData.append(k, v);
+        });
+      })();
+    } else {
+      formData.append(key, value);
+    }
+  }
+
+  return formData;
+}
 function CustomApi(_x) {
   return _CustomApi.apply(this, arguments);
 }
@@ -6934,9 +6999,11 @@ function _CustomApi() {
       url,
       method = "GET",
       responseWrapper = true,
-      ext_fields = []
+      ext_fields = [],
+      request
     } = _ref;
     var isSimpleRequest = ["get", "delete", "head"].includes(method.toLowerCase());
+    var response;
 
     for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       args[_key2 - 1] = arguments[_key2];
@@ -6944,17 +7011,16 @@ function _CustomApi() {
 
     if (isSimpleRequest) {
       var [data, options] = args;
-      var response = yield http.simpleRequest(method, url, _objectSpread({
+      response = yield http.simpleRequest(method, url, _objectSpread({
         params: data
       }, options));
-      return responseWrapper ? response.data : response;
     } else {
+      var isUploadType = hasFileType(request);
       var result = processExtFields(ext_fields, ...args);
-
-      var _response = yield http.requestWithBody(method, url, result.data, result.options);
-
-      return responseWrapper ? _response.data : _response;
+      response = yield http.requestWithBody(method, url, isUploadType ? transformFormData(result.data) : result.data, result.options);
     }
+
+    return responseWrapper ? response.data : response;
   });
   return _CustomApi.apply(this, arguments);
 }
@@ -8340,7 +8406,8 @@ class Kernel {
       bricks: [{
         brick: formRenderer,
         properties: {
-          formData: formData
+          formData: formData,
+          isPreview: true
         }
       }],
       menu: false,
@@ -9054,7 +9121,7 @@ function listenOnTrackingContext(brick, trackingContextList, context) {
   }
 }
 
-function ExpandCustomForm(formData, brickConf) {
+function ExpandCustomForm(formData, brickConf, isPreview) {
   var errorBrick = {
     brick: "presentational-bricks.brick-illustration",
     properties: {
@@ -9068,7 +9135,7 @@ function ExpandCustomForm(formData, brickConf) {
   };
 
   try {
-    var formStoryboard = getStoryboard([formData.formSchema], [], formData.fields);
+    var formStoryboard = getStoryboard([formData.formSchema], [], formData.fields, isPreview);
     formStoryboard[0] = _.isEmpty(formStoryboard[0]) ? errorBrick : formStoryboard[0];
     return _objectSpread(_objectSpread({}, brickConf), {}, {
       brick: "div",
@@ -9332,12 +9399,29 @@ function getDefaultProperties(_name, fields) {
     return defaultValue;
   } else return {};
 }
-function getStoryboard(datasource, result, fields) {
+function getStoryboard(datasource, result, fields, isPreview) {
   var _loop = function (i) {
     var dataItem = datasource[i];
     var resultItem = {}; //数据初始化：根据id,字段类型获取默认属性
 
-    var defaultProperties = getDefaultProperties(dataItem.id, fields); //数据初始化：与默认属性进行合并
+    var defaultProperties = getDefaultProperties(dataItem.id, fields);
+
+    if (dataItem.brick === "forms.general-form" && isPreview) {
+      dataItem.properties = _objectSpread(_objectSpread({}, dataItem.properties), {}, {
+        className: "form-preview"
+      });
+      dataItem.events = {
+        "validate.error": [{
+          action: "preview.debug",
+          args: ["validate.error", "<% EVENT.detail %>"]
+        }],
+        "validate.success": [{
+          action: "preview.debug",
+          args: ["validate.success", "<% EVENT.detail %>"]
+        }]
+      };
+    } //数据初始化：与默认属性进行合并
+
 
     Object.keys(defaultProperties).forEach(item => {
       if (!dataItem[item]) {
@@ -9357,7 +9441,7 @@ function getStoryboard(datasource, result, fields) {
     if (Array.isArray(dataItem.bricks)) {
       var _Object$keys;
 
-      resultItem["slots"] = _.groupBy(getStoryboard(dataItem.bricks, [], fields), "mountPoint");
+      resultItem["slots"] = _.groupBy(getStoryboard(dataItem.bricks, [], fields, isPreview), "mountPoint");
       (_Object$keys = Object.keys(resultItem["slots"])) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(item => {
         resultItem.slots[item] = {
           bricks: resultItem.slots[item],
@@ -9874,7 +9958,7 @@ class LocationContext {
 
       if (brick.type === formRenderer) {
         var formData = brick.properties.formData;
-        expandedBrickConf = ExpandCustomForm(formData, brickConf);
+        expandedBrickConf = ExpandCustomForm(formData, brickConf, brick.properties.isPreview);
         yield _this6.kernel.loadDynamicBricksInBrickConf(expandedBrickConf);
       }