@next-core/brick-kit 2.122.4 → 2.122.7

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 lodash, { 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, 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';
@@ -608,7 +608,7 @@ function supplyIndividual(variableName, mock) {
       return delegateMethods(Object, ["entries", "fromEntries", "keys", "values"]);
 
     case "_":
-      return Object.fromEntries(Object.entries(lodash).filter(entry => !shouldOmitInLodash.has(entry[0])).concat(mock ? [["uniqueId", prefix => "".concat(prefix !== null && prefix !== void 0 ? prefix : "", "42")]] : []));
+      return Object.fromEntries(Object.entries(_).filter(entry => !shouldOmitInLodash.has(entry[0])).concat(mock ? [["uniqueId", prefix => "".concat(prefix !== null && prefix !== void 0 ? prefix : "", "42")]] : []));
 
     case "moment":
       return Object.assign(function () {
@@ -3384,6 +3384,11 @@ function _dev_only_updateTemplatePreviewSettings(appId, templateId, settings) {
 function _dev_only_updateSnippetPreviewSettings(appId, snippetData) {
   kernel._dev_only_updateSnippetPreviewSettings(appId, snippetData);
 }
+/* istanbul ignore next */
+
+function _dev_only_updateFormPreviewSettings(appId, formId, settings) {
+  kernel._dev_only_updateFormPreviewSettings(appId, formId, settings);
+}
 class Runtime {
   constructor() {
     _defineProperty$1(this, "registerBrickTemplate", registerBrickTemplate);
@@ -7949,6 +7954,9 @@ function applyColorTheme(options) {
   }
 }
 
+var formRenderer = "form-renderer.form-renderer";
+var filterProperties = ["brick", "slots", "properties", "events", "if", "context", "bricks", "mountPoint"];
+
 class Kernel {
   constructor() {
     var _this = this;
@@ -8317,6 +8325,31 @@ class Kernel {
     }
   }
 
+  _dev_only_updateFormPreviewSettings(appId, formId, formData) {
+    var {
+      routes
+    } = this.bootstrapData.storyboards.find(item => item.app.id === appId);
+    var previewPath = "${APP.homepage}/_dev_only_/form-preview/".concat(formId);
+    var previewRouteIndex = routes.findIndex(route => route.path === previewPath);
+    var newPreviewRoute = {
+      path: previewPath,
+      bricks: [{
+        brick: formRenderer,
+        properties: {
+          formData: formData
+        }
+      }],
+      menu: false,
+      exact: true
+    };
+
+    if (previewRouteIndex === -1) {
+      routes.unshift(newPreviewRoute);
+    } else {
+      routes.splice(previewRouteIndex, 1, newPreviewRoute);
+    }
+  }
+
   loadDepsOfStoryboard(storyboard) {
     return this.gracefullyLoadDeps(this._loadDepsOfStoryboard, storyboard);
   }
@@ -9017,6 +9050,299 @@ function listenOnTrackingContext(brick, trackingContextList, context) {
   }
 }
 
+function ExpandCustomForm(formData, brickConf) {
+  var errorBrick = {
+    brick: "presentational-bricks.brick-illustration",
+    properties: {
+      category: "default",
+      header: {
+        title: "参数错误"
+      },
+      mode: "guide",
+      name: "search-empty"
+    }
+  };
+
+  try {
+    var formStoryboard = getStoryboard([formData.formSchema], [], formData.fields);
+    formStoryboard[0] = _.isEmpty(formStoryboard[0]) ? errorBrick : formStoryboard[0];
+    return _objectSpread(_objectSpread({}, brickConf), {}, {
+      brick: "div",
+      slots: {
+        "": {
+          bricks: formStoryboard,
+          type: "bricks"
+        }
+      }
+    });
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn(error.message);
+    return {
+      brick: "div",
+      slots: {
+        "": {
+          bricks: [errorBrick],
+          type: "bricks"
+        }
+      }
+    };
+  }
+}
+function getDefaultProperties(_name, fields) {
+  var field = fields.filter(item => item.id === _name)[0];
+  var defaultValue = {};
+
+  if (field) {
+    switch (field.type) {
+      case "STRING":
+        defaultValue = {
+          brick: "forms.general-input",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required"),
+            placeholder: field.description
+          }
+        };
+        break;
+
+      case "INT":
+        defaultValue = {
+          brick: "forms.general-input-number",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required"),
+            placeholder: field.description,
+            precision: 0,
+            inputBoxStyle: {
+              width: "100%"
+            }
+          }
+        };
+        break;
+
+      case "BOOLEAN":
+        defaultValue = {
+          brick: "forms.general-switch",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required")
+          }
+        };
+        break;
+
+      case "FLOAT":
+        defaultValue = {
+          brick: "forms.general-input-number",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required"),
+            placeholder: field.description,
+            inputBoxStyle: {
+              width: "100%"
+            }
+          }
+        };
+        break;
+
+      case "ENUMERATED_SINGLE_OPTION":
+        defaultValue = {
+          brick: "forms.general-select",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required"),
+            options: [{
+              label: "选项一",
+              value: 1
+            }, {
+              label: "选项二",
+              value: 2
+            }],
+            placeholder: field.description,
+            inputBoxStyle: {
+              width: "100%"
+            }
+          }
+        };
+        break;
+
+      case "SELECT_MULTIPLE_ENUMERATED_TYPE":
+        defaultValue = {
+          brick: "forms.general-select",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required"),
+            mode: "multiple",
+            options: [{
+              label: "选项一",
+              value: 1
+            }, {
+              label: "选项二",
+              value: 2
+            }],
+            placeholder: field.description,
+            inputBoxStyle: {
+              width: "100%"
+            }
+          }
+        };
+        break;
+
+      case "DATE":
+        defaultValue = {
+          brick: "forms.general-date-picker",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required"),
+            placeholder: field.description
+          }
+        };
+        break;
+
+      case "TIME":
+        defaultValue = {
+          brick: "forms.general-date-picker",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required"),
+            placeholder: field.description
+          }
+        };
+        break;
+
+      case "IP":
+        defaultValue = {
+          brick: "forms.general-input",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required"),
+            placeholder: field.description,
+            pattern: /((^\s*((([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]))\s*$)|(^\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:)))(%.+)?\s*$))/
+          }
+        };
+        break;
+
+      case "JSON":
+        defaultValue = {};
+        break;
+
+      case "ARRAY":
+        defaultValue = {};
+        break;
+
+      case "STRUCTURE":
+        defaultValue = {
+          brick: "forms.cmdb-instance-select-panel",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required")
+          }
+        };
+        break;
+
+      case "STRUCTURE_ARRAY":
+        defaultValue = {
+          brick: "forms.cmdb-instance-select-panel",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required")
+          }
+        };
+        break;
+
+      default:
+        defaultValue = {
+          brick: "forms.general-input",
+          properties: {
+            id: field.id,
+            name: field.id,
+            label: field.name,
+            readOnly: field.limit.includes("readOnly"),
+            required: field.limit.includes("required"),
+            placeholder: field.description
+          }
+        };
+        break;
+    }
+  }
+
+  return defaultValue;
+}
+function getStoryboard(datasource, result, fields) {
+  var _loop = function (i) {
+    var dataItem = datasource[i];
+    var resultItem = {}; //数据初始化：根据id,字段类型获取默认属性
+
+    var defaultProperties = getDefaultProperties(dataItem.id, fields); //数据初始化：与默认属性进行合并
+
+    Object.keys(defaultProperties).forEach(item => {
+      if (!dataItem[item]) {
+        dataItem[item] = defaultProperties[item];
+      } else if (dataItem[item] && typeof dataItem[item] === "object") {
+        dataItem[item] = _objectSpread(_objectSpread({}, defaultProperties[item]), dataItem[item]);
+      }
+    });
+    Object.keys(dataItem).forEach(item => {
+      if (filterProperties.includes(item)) {
+        resultItem[item] = dataItem[item];
+      }
+    });
+
+    if (Array.isArray(dataItem.bricks)) {
+      var _Object$keys;
+
+      resultItem["slots"] = _.groupBy(getStoryboard(dataItem.bricks, [], fields), "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],
+          type: "bricks"
+        };
+      });
+    }
+
+    result[i] = resultItem;
+  };
+
+  for (var i = 0; i < datasource.length; i++) {
+    _loop(i);
+  }
+
+  return result;
+}
+
 class LocationContext {
   constructor(kernel, location) {
     _defineProperty$1(this, "query", void 0);
@@ -9513,6 +9839,12 @@ class LocationContext {
         yield _this6.kernel.loadDynamicBricksInBrickConf(expandedBrickConf);
       }
 
+      if (brick.type === formRenderer) {
+        var formData = brick.properties.formData;
+        expandedBrickConf = ExpandCustomForm(formData, brickConf);
+        yield _this6.kernel.loadDynamicBricksInBrickConf(expandedBrickConf);
+      }
+
       if (expandedBrickConf.exports) {
         for (var [prop, ctxName] of Object.entries(expandedBrickConf.exports)) {
           if (typeof ctxName === "string" && ctxName.startsWith("CTX.")) {
@@ -10283,6 +10615,15 @@ var getMockInfo = (requestUrl, method) => {
   return;
 };
 
+function registerFormRenderer() {
+  customElements.get(formRenderer) || customElements.define(formRenderer, class FormElement extends HTMLElement {
+    get $$typeof() {
+      return "formRenderer";
+    }
+
+  });
+}
+
 class Router {
   constructor(kernel) {
     _defineProperty$1(this, "defaultCollapsed", false);
@@ -10491,6 +10832,7 @@ class Router {
 
         registerStoryboardFunctions((_storyboard$meta = storyboard.meta) === null || _storyboard$meta === void 0 ? void 0 : _storyboard$meta.functions, storyboard.app);
         registerMock((_storyboard$meta2 = storyboard.meta) === null || _storyboard$meta2 === void 0 ? void 0 : _storyboard$meta2.mocks);
+        registerFormRenderer();
         collectContract((_storyboard$meta3 = storyboard.meta) === null || _storyboard$meta3 === void 0 ? void 0 : _storyboard$meta3.contracts);
       }
 
@@ -10550,23 +10892,8 @@ class Router {
         };
 
         try {
-          var specificTemplatePreviewIndex = findLastIndex(storyboard.routes, route => route.path.startsWith("${APP.homepage}/_dev_only_/template-preview/"));
-          var specificSnippetPreviewIndex = findLastIndex(storyboard.routes, route => route.path.startsWith("${APP.homepage}/_dev_only_/snippet-preview/"));
-          var mergedRoutes = [...storyboard.routes.slice(0, specificTemplatePreviewIndex + 1), ...storyboard.routes.slice(0, specificSnippetPreviewIndex + 1), {
-            path: "${APP.homepage}/_dev_only_/template-preview/:templateId",
-            bricks: [{
-              brick: "span"
-            }],
-            menu: false,
-            exact: true
-          }, {
-            path: "${APP.homepage}/_dev_only_/snippet-preview/:snippetId",
-            bricks: [{
-              brick: "span"
-            }],
-            menu: false,
-            exact: true
-          }, ...storyboard.routes.slice(specificTemplatePreviewIndex + 1)];
+          var mergedRoutes = _this3.MergePreviewRouter(storyboard.routes);
+
           yield locationContext.mountRoutes(mergedRoutes, undefined, mountRoutesResult);
         } catch (error) {
           // eslint-disable-next-line no-console
@@ -10776,6 +11103,50 @@ class Router {
       subMenu: mountResult.menuBar.subMenu
     };
   }
+
+  MergePreviewRouter(router) {
+    var mergedRoutes = router;
+    var specificTemplatePreviewIndex = findLastIndex(mergedRoutes, route => route.path.startsWith("${APP.homepage}/_dev_only_/template-preview/"));
+
+    if (specificTemplatePreviewIndex > -1) {
+      mergedRoutes = [...mergedRoutes.slice(0, specificTemplatePreviewIndex + 1), {
+        path: "${APP.homepage}/_dev_only_/template-preview/:templateId",
+        bricks: [{
+          brick: "span"
+        }],
+        menu: false,
+        exact: true
+      }, ...mergedRoutes.slice(specificTemplatePreviewIndex + 1)];
+    }
+
+    var specificSnippetPreviewIndex = findLastIndex(mergedRoutes, route => route.path.startsWith("${APP.homepage}/_dev_only_/snippet-preview/"));
+
+    if (specificSnippetPreviewIndex > -1) {
+      mergedRoutes = [...mergedRoutes.slice(0, specificSnippetPreviewIndex + 1), {
+        path: "${APP.homepage}/_dev_only_/snippet-preview/:snippetId",
+        bricks: [{
+          brick: "span"
+        }],
+        menu: false,
+        exact: true
+      }, ...mergedRoutes.slice(specificSnippetPreviewIndex + 1)];
+    }
+
+    var specificFormPreviewIndex = findLastIndex(mergedRoutes, route => route.path.startsWith("${APP.homepage}/_dev_only_/form-preview/"));
+
+    if (specificFormPreviewIndex > -1) {
+      mergedRoutes = [...mergedRoutes.slice(0, specificFormPreviewIndex + 1), {
+        path: "${APP.homepage}/_dev_only_/form-preview/:FormId",
+        bricks: [{
+          brick: "span"
+        }],
+        menu: false,
+        exact: true
+      }, ...mergedRoutes.slice(specificFormPreviewIndex + 1)];
+    }
+
+    return mergedRoutes;
+  }
   /* istanbul ignore next */
 
 
@@ -13196,7 +13567,8 @@ var developHelper = {
   checkoutTplContext: noop,
   updateStoryboard: _dev_only_updateStoryboard,
   updateTemplatePreviewSettings: _dev_only_updateTemplatePreviewSettings,
-  updateSnippetPreviewSettings: _dev_only_updateSnippetPreviewSettings
+  updateSnippetPreviewSettings: _dev_only_updateSnippetPreviewSettings,
+  updateFormPreviewSettings: _dev_only_updateFormPreviewSettings
 };
 
 var _excluded$2 = ["type"];