@next-libs/visual-builder 1.2.15 → 1.2.16

package/dist/cjs/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _VisualPropertyForm = require("./visual-property-form/VisualPropertyForm");
-
 Object.keys(_VisualPropertyForm).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _VisualPropertyForm[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_VisualPropertyForm).forEach(function (key) {
     }
   });
 });
-
 var _interfaces = require("./interfaces");
-
 Object.keys(_interfaces).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _interfaces[key]) return;
@@ -29,9 +25,7 @@ Object.keys(_interfaces).forEach(function (key) {
     }
   });
 });
-
 var _processor = require("./visual-property-form/processor");
-
 Object.keys(_processor).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _processor[key]) return;
@@ -42,9 +36,7 @@ Object.keys(_processor).forEach(function (key) {
     }
   });
 });
-
 var _WorkbenchMiniActionBar = require("./workbench-mini-action-bar/WorkbenchMiniActionBar");
-
 Object.keys(_WorkbenchMiniActionBar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _WorkbenchMiniActionBar[key]) return;
@@ -55,9 +47,7 @@ Object.keys(_WorkbenchMiniActionBar).forEach(function (key) {
     }
   });
 });
-
 var _utils = require("./utils");
-
 Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _utils[key]) return;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./visual-property-form/VisualPropertyForm\";\nexport * from \"./interfaces\";\nexport * from \"./visual-property-form/processor\";\nexport * from \"./workbench-mini-action-bar/WorkbenchMiniActionBar\";\nexport * from \"./utils\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./visual-property-form/VisualPropertyForm\";\nexport * from \"./interfaces\";\nexport * from \"./visual-property-form/processor\";\nexport * from \"./workbench-mini-action-bar/WorkbenchMiniActionBar\";\nexport * from \"./utils\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/interfaces/brick-visualization.js

@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.Required = exports.ItemModeType = void 0;
 let Required;
 exports.Required = Required;
-
 (function (Required) {
   Required["True"] = "true";
   Required["False"] = "false";
 })(Required || (exports.Required = Required = {}));
-
 let ItemModeType;
 exports.ItemModeType = ItemModeType;
-
 (function (ItemModeType) {
   ItemModeType["Normal"] = "normal";
   ItemModeType["Advanced"] = "advanced";

package/dist/cjs/interfaces/brick-visualization.js.map

@@ -1 +1 @@
-{"version":3,"file":"brick-visualization.js","names":["Required","ItemModeType"],"sources":["../../../src/interfaces/brick-visualization.ts"],"sourcesContent":["import { FormInstance } from \"antd/lib/form\";\n\nexport type FormItemType =\n  | boolean\n  | string\n  | string[]\n  | number\n  | Record<string, any>;\n\nexport enum Required {\n  True = \"true\",\n  False = \"false\",\n}\n\nexport enum ItemModeType {\n  Normal = \"normal\",\n  Advanced = \"advanced\",\n}\n\nexport interface PropertyType {\n  type: FormItemType;\n  name: string;\n  editor?: {\n    model?: string;\n  };\n  required?: Required;\n  description?: string;\n  default?: string;\n  group?: string;\n  groupI18N?: Record<string, { [language: string]: string }>;\n}\n\nexport interface UnionPropertyType extends PropertyType {\n  mode?: ItemModeType;\n  value?: any;\n  jsonSchema?: Record<string, any>;\n  schemaRef?: string;\n}\n\nexport type BrickProperties = Record<string, any>;\n\nexport interface visualFormUtils extends Partial<FormInstance> {\n  resetPropertyFields: (\n    typeList: PropertyType[],\n    properties: BrickProperties\n  ) => void;\n  getCurTypeList: () => UnionPropertyType[];\n}\n"],"mappings":";;;;;;IASYA,Q;;;WAAAA,Q;EAAAA,Q;EAAAA,Q;GAAAA,Q,wBAAAA,Q;;IAKAC,Y;;;WAAAA,Y;EAAAA,Y;EAAAA,Y;GAAAA,Y,4BAAAA,Y"}
+{"version":3,"file":"brick-visualization.js","names":["Required","ItemModeType"],"sources":["../../../src/interfaces/brick-visualization.ts"],"sourcesContent":["import { FormInstance } from \"antd/lib/form\";\n\nexport type FormItemType =\n  | boolean\n  | string\n  | string[]\n  | number\n  | Record<string, any>;\n\nexport enum Required {\n  True = \"true\",\n  False = \"false\",\n}\n\nexport enum ItemModeType {\n  Normal = \"normal\",\n  Advanced = \"advanced\",\n}\n\nexport interface PropertyType {\n  type: FormItemType;\n  name: string;\n  editor?: {\n    model?: string;\n  };\n  required?: Required;\n  description?: string;\n  default?: string;\n  group?: string;\n  groupI18N?: Record<string, { [language: string]: string }>;\n}\n\nexport interface UnionPropertyType extends PropertyType {\n  mode?: ItemModeType;\n  value?: any;\n  jsonSchema?: Record<string, any>;\n  schemaRef?: string;\n}\n\nexport type BrickProperties = Record<string, any>;\n\nexport interface visualFormUtils extends Partial<FormInstance> {\n  resetPropertyFields: (\n    typeList: PropertyType[],\n    properties: BrickProperties\n  ) => void;\n  getCurTypeList: () => UnionPropertyType[];\n}\n"],"mappings":";;;;;;IASYA,QAAQ;AAAA;AAAA,WAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,wBAARA,QAAQ;AAAA,IAKRC,YAAY;AAAA;AAAA,WAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;AAAA,GAAZA,YAAY,4BAAZA,YAAY"}

package/dist/cjs/interfaces/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _brickVisualization = require("./brick-visualization");
-
 Object.keys(_brickVisualization).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _brickVisualization[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_brickVisualization).forEach(function (key) {
     }
   });
 });
-
 var _workbenchMiniActionBar = require("./workbench-mini-action-bar");
-
 Object.keys(_workbenchMiniActionBar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _workbenchMiniActionBar[key]) return;

package/dist/cjs/interfaces/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/interfaces/index.ts"],"sourcesContent":["export * from \"./brick-visualization\";\nexport * from \"./workbench-mini-action-bar\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/interfaces/index.ts"],"sourcesContent":["export * from \"./brick-visualization\";\nexport * from \"./workbench-mini-action-bar\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/utils/deepMatch.js

@@ -5,29 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.deepFilter = deepFilter;
 exports.deepMatch = deepMatch;
-
 function deepFilter(data, q) {
   const trimmedQuery = q === null || q === void 0 ? void 0 : q.trim();
-
   if (!trimmedQuery) {
     return data.slice();
   }
-
   return data.filter(item => deepMatch(item, trimmedQuery.toLowerCase()));
 }
-
 function deepMatch(data, lowerTrimmedQuery) {
   switch (typeof data) {
     case "string":
       return data.toLowerCase().includes(lowerTrimmedQuery);
-
     case "boolean":
     case "number":
       return String(data).includes(lowerTrimmedQuery);
-
     case "object":
       return data === null ? "null".includes(lowerTrimmedQuery) : (Array.isArray(data) ? data : Object.entries(data).flat()).some(item => deepMatch(item, lowerTrimmedQuery));
-
     default:
       return false;
   }

package/dist/cjs/utils/deepMatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"deepMatch.js","names":["deepFilter","data","q","trimmedQuery","trim","slice","filter","item","deepMatch","toLowerCase","lowerTrimmedQuery","includes","String","Array","isArray","Object","entries","flat","some"],"sources":["../../../src/utils/deepMatch.ts"],"sourcesContent":["export function deepFilter<T>(data: Array<T>, q: string): Array<T> {\n  const trimmedQuery = q?.trim();\n  if (!trimmedQuery) {\n    return data.slice();\n  }\n  return data.filter((item) => deepMatch(item, trimmedQuery.toLowerCase()));\n}\n\nexport function deepMatch(data: unknown, lowerTrimmedQuery: string): boolean {\n  switch (typeof data) {\n    case \"string\":\n      return data.toLowerCase().includes(lowerTrimmedQuery);\n    case \"boolean\":\n    case \"number\":\n      return String(data).includes(lowerTrimmedQuery);\n    case \"object\":\n      return data === null\n        ? \"null\".includes(lowerTrimmedQuery)\n        : (Array.isArray(data) ? data : Object.entries(data).flat()).some(\n            (item) => deepMatch(item, lowerTrimmedQuery)\n          );\n    default:\n      return false;\n  }\n}\n"],"mappings":";;;;;;;;AAAO,SAASA,UAAT,CAAuBC,IAAvB,EAAuCC,CAAvC,EAA4D;EACjE,MAAMC,YAAY,GAAGD,CAAH,aAAGA,CAAH,uBAAGA,CAAC,CAAEE,IAAH,EAArB;;EACA,IAAI,CAACD,YAAL,EAAmB;IACjB,OAAOF,IAAI,CAACI,KAAL,EAAP;EACD;;EACD,OAAOJ,IAAI,CAACK,MAAL,CAAaC,IAAD,IAAUC,SAAS,CAACD,IAAD,EAAOJ,YAAY,CAACM,WAAb,EAAP,CAA/B,CAAP;AACD;;AAEM,SAASD,SAAT,CAAmBP,IAAnB,EAAkCS,iBAAlC,EAAsE;EAC3E,QAAQ,OAAOT,IAAf;IACE,KAAK,QAAL;MACE,OAAOA,IAAI,CAACQ,WAAL,GAAmBE,QAAnB,CAA4BD,iBAA5B,CAAP;;IACF,KAAK,SAAL;IACA,KAAK,QAAL;MACE,OAAOE,MAAM,CAACX,IAAD,CAAN,CAAaU,QAAb,CAAsBD,iBAAtB,CAAP;;IACF,KAAK,QAAL;MACE,OAAOT,IAAI,KAAK,IAAT,GACH,OAAOU,QAAP,CAAgBD,iBAAhB,CADG,GAEH,CAACG,KAAK,CAACC,OAAN,CAAcb,IAAd,IAAsBA,IAAtB,GAA6Bc,MAAM,CAACC,OAAP,CAAef,IAAf,EAAqBgB,IAArB,EAA9B,EAA2DC,IAA3D,CACGX,IAAD,IAAUC,SAAS,CAACD,IAAD,EAAOG,iBAAP,CADrB,CAFJ;;IAKF;MACE,OAAO,KAAP;EAbJ;AAeD"}
+{"version":3,"file":"deepMatch.js","names":["deepFilter","data","q","trimmedQuery","trim","slice","filter","item","deepMatch","toLowerCase","lowerTrimmedQuery","includes","String","Array","isArray","Object","entries","flat","some"],"sources":["../../../src/utils/deepMatch.ts"],"sourcesContent":["export function deepFilter<T>(data: Array<T>, q: string): Array<T> {\n  const trimmedQuery = q?.trim();\n  if (!trimmedQuery) {\n    return data.slice();\n  }\n  return data.filter((item) => deepMatch(item, trimmedQuery.toLowerCase()));\n}\n\nexport function deepMatch(data: unknown, lowerTrimmedQuery: string): boolean {\n  switch (typeof data) {\n    case \"string\":\n      return data.toLowerCase().includes(lowerTrimmedQuery);\n    case \"boolean\":\n    case \"number\":\n      return String(data).includes(lowerTrimmedQuery);\n    case \"object\":\n      return data === null\n        ? \"null\".includes(lowerTrimmedQuery)\n        : (Array.isArray(data) ? data : Object.entries(data).flat()).some(\n            (item) => deepMatch(item, lowerTrimmedQuery)\n          );\n    default:\n      return false;\n  }\n}\n"],"mappings":";;;;;;;AAAO,SAASA,UAAU,CAAIC,IAAc,EAAEC,CAAS,EAAY;EACjE,MAAMC,YAAY,GAAGD,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEE,IAAI,EAAE;EAC9B,IAAI,CAACD,YAAY,EAAE;IACjB,OAAOF,IAAI,CAACI,KAAK,EAAE;EACrB;EACA,OAAOJ,IAAI,CAACK,MAAM,CAAEC,IAAI,IAAKC,SAAS,CAACD,IAAI,EAAEJ,YAAY,CAACM,WAAW,EAAE,CAAC,CAAC;AAC3E;AAEO,SAASD,SAAS,CAACP,IAAa,EAAES,iBAAyB,EAAW;EAC3E,QAAQ,OAAOT,IAAI;IACjB,KAAK,QAAQ;MACX,OAAOA,IAAI,CAACQ,WAAW,EAAE,CAACE,QAAQ,CAACD,iBAAiB,CAAC;IACvD,KAAK,SAAS;IACd,KAAK,QAAQ;MACX,OAAOE,MAAM,CAACX,IAAI,CAAC,CAACU,QAAQ,CAACD,iBAAiB,CAAC;IACjD,KAAK,QAAQ;MACX,OAAOT,IAAI,KAAK,IAAI,GAChB,MAAM,CAACU,QAAQ,CAACD,iBAAiB,CAAC,GAClC,CAACG,KAAK,CAACC,OAAO,CAACb,IAAI,CAAC,GAAGA,IAAI,GAAGc,MAAM,CAACC,OAAO,CAACf,IAAI,CAAC,CAACgB,IAAI,EAAE,EAAEC,IAAI,CAC5DX,IAAI,IAAKC,SAAS,CAACD,IAAI,EAAEG,iBAAiB,CAAC,CAC7C;IACP;MACE,OAAO,KAAK;EAAC;AAEnB"}

package/dist/cjs/utils/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _deepMatch = require("./deepMatch");
-
 Object.keys(_deepMatch).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _deepMatch[key]) return;

package/dist/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./deepMatch\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./deepMatch\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/visual-property-form/VisualPropertyForm.js

@@ -1,48 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LegacyVisualPropertyForm = LegacyVisualPropertyForm;
 exports.VisualPropertyForm = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _antd = require("antd");
-
 var _brickKit = require("@next-core/brick-kit");
-
 var _basicComponents = require("@next-libs/basic-components");
-
 var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
-
 var _lodash = require("lodash");
-
 var _VisualPropertyFormModule = _interopRequireDefault(require("./VisualPropertyForm.module.css"));
-
 var _CodeEditorFormItem = require("./components/CodeEditor/CodeEditorFormItem");
-
 var _IconSelectFormItem = require("./components/IconSelect/IconSelectFormItem");
-
 var _ColorEditorItem = require("./components/ColorEditor/ColorEditorItem");
-
 var _MenuEditorItem = require("./components/MenuEditor/MenuEditorItem");
-
 var _emptyDark = require("./images/empty-dark.svg");
-
 var _processor = require("./processor");
-
 var _constant = require("./constant");
-
 var _interfaces = require("../interfaces");
-
 function LegacyVisualPropertyForm(props, ref) {
   var _groupByType;
-
   const theme = (0, _brickKit.useCurrentTheme)();
   const {
     projectId,
@@ -54,9 +35,7 @@ function LegacyVisualPropertyForm(props, ref) {
     hiddenPropsCategory,
     menuSettingClick
   } = props;
-
   const [form] = _antd.Form.useForm();
-
   const [typeList, setTypeList] = (0, _react.useState)((0, _processor.mergeProperties)(propertyTypeList, brickProperties));
   (0, _react.useImperativeHandle)(ref, () => ({
     validateFields: form.validateFields,
@@ -75,13 +54,11 @@ function LegacyVisualPropertyForm(props, ref) {
     const newValue = (0, _processor.calculateValue)(propertyTypeList, brickProperties, newTypeList);
     form.setFieldsValue(newValue);
   }, [propertyTypeList, brickProperties]);
-
   const handleLabelClick = name => {
     const selected = typeList.find(item => item.name === name);
     const index = typeList.findIndex(item => item.name === name);
     const nextMode = selected.mode === _interfaces.ItemModeType.Advanced ? _interfaces.ItemModeType.Normal : _interfaces.ItemModeType.Advanced;
     let value = selected.value;
-
     if (nextMode === _interfaces.ItemModeType.Normal) {
       if (_constant.supportMenuType.includes(selected.type)) {
         value = (0, _processor.matchNoramlMenuValue)(value);
@@ -91,18 +68,17 @@ function LegacyVisualPropertyForm(props, ref) {
     } else {
       value = (0, _processor.yamlStringify)(selected.value);
     }
-
     form.setFieldsValue({
       [name]: value
     });
     const newTypeList = (0, _immutabilityHelper.default)(typeList, {
-      $splice: [[index, 1, { ...selected,
+      $splice: [[index, 1, {
+        ...selected,
         mode: nextMode
       }]]
     });
     setTypeList(newTypeList);
   };
-
   const renderLabel = (item, hideIcon) => {
     return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
       title: item.description
@@ -113,10 +89,8 @@ function LegacyVisualPropertyForm(props, ref) {
       icon: item.mode === _interfaces.ItemModeType.Advanced ? labelIcon === null || labelIcon === void 0 ? void 0 : labelIcon.advanced : labelIcon.normal
     })));
   };
-
   const renderEditorItem = (item, hideIcon) => {
     var _item$editor;
-
     return /*#__PURE__*/_react.default.createElement(_CodeEditorFormItem.CodeEditorFormItem, {
       key: item.name,
       name: item.name,
@@ -128,7 +102,6 @@ function LegacyVisualPropertyForm(props, ref) {
       mode: (item === null || item === void 0 ? void 0 : (_item$editor = item.editor) === null || _item$editor === void 0 ? void 0 : _item$editor.model) || "brick_next_yaml"
     });
   };
-
   const renderStringItem = item => {
     return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
       key: item.name,
@@ -140,7 +113,6 @@ function LegacyVisualPropertyForm(props, ref) {
       }]
     }, /*#__PURE__*/_react.default.createElement(_antd.Input, null));
   };
-
   const renderBooleanItem = item => {
     return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
       key: item.name,
@@ -156,7 +128,6 @@ function LegacyVisualPropertyForm(props, ref) {
       value: false
     }, "false")));
   };
-
   const renderInputNumberItem = item => {
     return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
       key: item.name,
@@ -168,7 +139,6 @@ function LegacyVisualPropertyForm(props, ref) {
       }]
     }, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, null));
   };
-
   const renderStringListItem = item => {
     return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
       key: item.name,
@@ -182,7 +152,6 @@ function LegacyVisualPropertyForm(props, ref) {
       mode: "tags"
     }));
   };
-
   const renderIconItem = item => {
     return /*#__PURE__*/_react.default.createElement(_IconSelectFormItem.IconSelectFormItem, {
       key: item.name,
@@ -191,11 +160,9 @@ function LegacyVisualPropertyForm(props, ref) {
       required: item.required === _interfaces.Required.True
     });
   };
-
   const renderCodeEditorItem = item => {
     return renderEditorItem(item, true);
   };
-
   const renderColorItem = item => {
     return /*#__PURE__*/_react.default.createElement(_ColorEditorItem.ColorEditorItem, {
       key: item.name,
@@ -204,7 +171,6 @@ function LegacyVisualPropertyForm(props, ref) {
       required: item.required === _interfaces.Required.True
     });
   };
-
   const renderMenuItem = item => {
     return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_MenuEditorItem.MenuEditorItem, {
       projectId: projectId,
@@ -215,36 +181,27 @@ function LegacyVisualPropertyForm(props, ref) {
       menuSettingClick: menuSettingClick
     });
   };
-
   const getFormItem = item => {
     switch (item.type) {
       case "string":
         return renderStringItem(item);
-
       case "string[]":
         return renderStringListItem(item);
-
       case "number":
         return renderInputNumberItem(item);
-
       case "boolean":
         return renderBooleanItem(item);
-
       case "MenuIcon":
         return renderIconItem(item);
-
       case "Color":
         return renderColorItem(item);
-
       case "Menu":
       case "SidebarSubMenu":
         return renderMenuItem(item);
-
       default:
         return renderCodeEditorItem(item);
     }
   };
-
   const renderOthersItem = () => {
     return /*#__PURE__*/_react.default.createElement(_CodeEditorFormItem.CodeEditorFormItem, {
       name: _constant.OTHER_FORM_ITEM_FIELD,
@@ -253,7 +210,6 @@ function LegacyVisualPropertyForm(props, ref) {
       maxLines: Infinity
     });
   };
-
   return (0, _lodash.isEmpty)(typeList) ? /*#__PURE__*/_react.default.createElement(_antd.Empty, {
     className: _VisualPropertyFormModule.default.empty,
     description: emptyConfig === null || emptyConfig === void 0 ? void 0 : emptyConfig.description,
@@ -286,8 +242,6 @@ function LegacyVisualPropertyForm(props, ref) {
     className: _VisualPropertyFormModule.default.otherPanel
   }, renderOthersItem())));
 }
-
 const VisualPropertyForm = /*#__PURE__*/_react.default.forwardRef(LegacyVisualPropertyForm);
-
 exports.VisualPropertyForm = VisualPropertyForm;
 //# sourceMappingURL=VisualPropertyForm.js.map

package/dist/cjs/visual-property-form/VisualPropertyForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisualPropertyForm.js","names":["LegacyVisualPropertyForm","props","ref","theme","useCurrentTheme","projectId","labelIcon","propertyTypeList","brickProperties","brickInfo","emptyConfig","hiddenPropsCategory","menuSettingClick","form","Form","useForm","typeList","setTypeList","useState","mergeProperties","useImperativeHandle","validateFields","resetPropertyFields","properties","restValue","resetFields","getCurTypeList","map","item","pick","useEffect","newTypeList","newValue","calculateValue","setFieldsValue","handleLabelClick","name","selected","find","index","findIndex","nextMode","mode","ItemModeType","Advanced","Normal","value","supportMenuType","includes","type","matchNoramlMenuValue","isNil","yamlStringify","update","$splice","renderLabel","hideIcon","description","styles","iconContainer","advanced","normal","renderEditorItem","required","Required","True","jsonSchema","schemaRef","editor","model","renderStringItem","message","renderBooleanItem","renderInputNumberItem","renderStringListItem","renderIconItem","renderCodeEditorItem","renderColorItem","renderMenuItem","getFormItem","renderOthersItem","OTHER_FORM_ITEM_FIELD","Infinity","isEmpty","empty","Empty","PRESENTED_IMAGE_SIMPLE","imageStyle","onValuesChange","panelContainer","groupByType","category","list","upperFirst","otherPanel","VisualPropertyForm","React","forwardRef"],"sources":["../../../src/visual-property-form/VisualPropertyForm.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from \"react\";\nimport {\n  Form,\n  Input,\n  InputNumber,\n  Radio,\n  Select,\n  Tooltip,\n  Collapse,\n  Empty,\n} from \"antd\";\nimport { EmptyProps } from \"antd/lib/empty\";\nimport { useCurrentTheme } from \"@next-core/brick-kit\";\nimport { MenuIcon } from \"@next-core/brick-types\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport update from \"immutability-helper\";\nimport { isNil, pick, upperFirst, isEmpty } from \"lodash\";\nimport styles from \"./VisualPropertyForm.module.css\";\nimport { FormProps } from \"antd/lib/form\";\nimport { CodeEditorFormItem } from \"./components/CodeEditor/CodeEditorFormItem\";\nimport { IconSelectFormItem } from \"./components/IconSelect/IconSelectFormItem\";\nimport { ColorEditorItem } from \"./components/ColorEditor/ColorEditorItem\";\nimport { MenuEditorItem } from \"./components/MenuEditor/MenuEditorItem\";\nimport { ReactComponent as DarkEmpty } from \"./images/empty-dark.svg\";\nimport {\n  mergeProperties,\n  calculateValue,\n  groupByType,\n  yamlStringify,\n} from \"./processor\";\nimport { OTHER_FORM_ITEM_FIELD, supportMenuType } from \"./constant\";\nimport { matchNoramlMenuValue } from \"./processor\";\nimport {\n  PropertyType,\n  BrickProperties,\n  visualFormUtils,\n  ItemModeType,\n  UnionPropertyType,\n  Required,\n} from \"../interfaces\";\n\nexport interface VisualPropertyFormProps {\n  projectId?: string;\n  propertyTypeList: PropertyType[];\n  labelIcon: {\n    normal?: MenuIcon;\n    advanced?: MenuIcon;\n  };\n  brickProperties: BrickProperties;\n  onValuesChange?: FormProps[\"onValuesChange\"];\n  brickInfo?: {\n    type: \"brick\" | \"provider\" | \"template\";\n  };\n  emptyConfig?: EmptyProps;\n  menuSettingClick?: () => void;\n  hiddenPropsCategory?: boolean;\n}\n\nexport function LegacyVisualPropertyForm(\n  props: VisualPropertyFormProps,\n  ref: React.Ref<visualFormUtils>\n): React.ReactElement {\n  const theme = useCurrentTheme();\n  const {\n    projectId,\n    labelIcon,\n    propertyTypeList,\n    brickProperties,\n    brickInfo,\n    emptyConfig,\n    hiddenPropsCategory,\n    menuSettingClick,\n  } = props;\n  const [form] = Form.useForm();\n  const [typeList, setTypeList] = useState<UnionPropertyType[]>(\n    mergeProperties(propertyTypeList, brickProperties)\n  );\n\n  useImperativeHandle(ref, () => ({\n    validateFields: form.validateFields,\n    resetPropertyFields: (\n      typeList: PropertyType[],\n      properties: BrickProperties\n    ) => {\n      const restValue = mergeProperties(typeList, properties);\n      setTypeList(restValue);\n      form.resetFields();\n    },\n    getCurTypeList: (): UnionPropertyType[] => {\n      return typeList?.map((item) => pick(item, [\"name\", \"type\", \"mode\"]));\n    },\n  }));\n\n  useEffect(() => {\n    const newTypeList = mergeProperties(propertyTypeList, brickProperties);\n    setTypeList(newTypeList);\n\n    const newValue = calculateValue(\n      propertyTypeList,\n      brickProperties,\n      newTypeList\n    );\n    form.setFieldsValue(newValue);\n  }, [propertyTypeList, brickProperties]);\n\n  const handleLabelClick = (name: string): void => {\n    const selected = typeList.find((item) => item.name === name);\n    const index = typeList.findIndex((item) => item.name === name);\n    const nextMode =\n      selected.mode === ItemModeType.Advanced\n        ? ItemModeType.Normal\n        : ItemModeType.Advanced;\n\n    let value = selected.value;\n    if (nextMode === ItemModeType.Normal) {\n      if (supportMenuType.includes(selected.type as string)) {\n        value = matchNoramlMenuValue(value);\n      }\n    } else if (isNil(selected.value)) {\n      value = \"\";\n    } else {\n      value = yamlStringify(selected.value);\n    }\n    form.setFieldsValue({\n      [name]: value,\n    });\n    const newTypeList = update(typeList, {\n      $splice: [[index, 1, { ...selected, mode: nextMode }]],\n    });\n    setTypeList(newTypeList);\n  };\n\n  const renderLabel = (\n    item: UnionPropertyType,\n    hideIcon?: boolean\n  ): React.ReactElement => {\n    return (\n      <span>\n        <Tooltip title={item.description}>{item.name}</Tooltip>{\" \"}\n        {!hideIcon && labelIcon && (\n          <span\n            className={styles.iconContainer}\n            onClick={() => handleLabelClick(item.name)}\n          >\n            <GeneralIcon\n              icon={\n                item.mode === ItemModeType.Advanced\n                  ? labelIcon?.advanced\n                  : labelIcon.normal\n              }\n            />\n          </span>\n        )}\n      </span>\n    );\n  };\n\n  const renderEditorItem = (\n    item: UnionPropertyType,\n    hideIcon?: boolean\n  ): React.ReactElement => {\n    return (\n      <CodeEditorFormItem\n        key={item.name}\n        name={item.name}\n        label={renderLabel(item, hideIcon) as any}\n        required={item.required === Required.True}\n        theme={theme === \"dark-v2\" ? \"monokai\" : \"tomorrow\"}\n        jsonSchema={item?.jsonSchema}\n        schemaRef={item?.schemaRef}\n        mode={item?.editor?.model || \"brick_next_yaml\"}\n      />\n    );\n  };\n\n  const renderStringItem = (item: UnionPropertyType): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <Form.Item\n        key={item.name}\n        label={renderLabel(item)}\n        name={item.name}\n        rules={[\n          {\n            required: item.required === Required.True,\n            message: `请输入${item.name}`,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n    );\n  };\n\n  const renderBooleanItem = (item: UnionPropertyType): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <Form.Item\n        key={item.name}\n        label={renderLabel(item)}\n        name={item.name}\n        rules={[\n          {\n            required: item.required === Required.True,\n            message: `请输入${item.name}`,\n          },\n        ]}\n      >\n        <Radio.Group>\n          <Radio value={true}>true</Radio>\n          <Radio value={false}>false</Radio>\n        </Radio.Group>\n      </Form.Item>\n    );\n  };\n\n  const renderInputNumberItem = (\n    item: UnionPropertyType\n  ): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <Form.Item\n        key={item.name}\n        label={renderLabel(item)}\n        name={item.name}\n        rules={[\n          {\n            required: item.required === Required.True,\n            message: `请输入${item.name}`,\n          },\n        ]}\n      >\n        <InputNumber />\n      </Form.Item>\n    );\n  };\n\n  const renderStringListItem = (\n    item: UnionPropertyType\n  ): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <Form.Item\n        key={item.name}\n        label={renderLabel(item)}\n        name={item.name}\n        rules={[\n          {\n            required: item.required === Required.True,\n            message: `请输入${item.name}`,\n          },\n        ]}\n      >\n        <Select mode=\"tags\" />\n      </Form.Item>\n    );\n  };\n\n  const renderIconItem = (item: UnionPropertyType): React.ReactElement => {\n    return (\n      <IconSelectFormItem\n        key={item.name}\n        name={item.name}\n        label={renderLabel(item, true) as any}\n        required={item.required === Required.True}\n      />\n    );\n  };\n\n  const renderCodeEditorItem = (item: PropertyType): React.ReactElement => {\n    return renderEditorItem(item, true);\n  };\n\n  const renderColorItem = (item: PropertyType): React.ReactElement => {\n    return (\n      <ColorEditorItem\n        key={item.name}\n        name={item.name}\n        label={renderLabel(item, true)}\n        required={item.required === Required.True}\n      />\n    );\n  };\n\n  const renderMenuItem = (item: UnionPropertyType): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <MenuEditorItem\n        projectId={projectId}\n        key={item.name}\n        name={item.name}\n        label={renderLabel(item)}\n        required={item.required === Required.True}\n        menuSettingClick={menuSettingClick}\n      />\n    );\n  };\n\n  const getFormItem = (item: PropertyType): React.ReactElement => {\n    switch (item.type) {\n      case \"string\":\n        return renderStringItem(item);\n      case \"string[]\":\n        return renderStringListItem(item);\n      case \"number\":\n        return renderInputNumberItem(item);\n      case \"boolean\":\n        return renderBooleanItem(item);\n      case \"MenuIcon\":\n        return renderIconItem(item);\n      case \"Color\":\n        return renderColorItem(item);\n      case \"Menu\":\n      case \"SidebarSubMenu\":\n        return renderMenuItem(item);\n      default:\n        return renderCodeEditorItem(item);\n    }\n  };\n\n  const renderOthersItem = (): React.ReactElement => {\n    return (\n      <CodeEditorFormItem\n        name={OTHER_FORM_ITEM_FIELD}\n        label={\n          brickInfo?.type === \"template\" ? \"other params\" : \"other properties\"\n        }\n        mode=\"brick_next_yaml\"\n        maxLines={Infinity}\n      />\n    );\n  };\n\n  return isEmpty(typeList) ? (\n    <Empty\n      className={styles.empty}\n      description={emptyConfig?.description}\n      image={theme === \"dark-v2\" ? <DarkEmpty /> : Empty.PRESENTED_IMAGE_SIMPLE}\n      imageStyle={emptyConfig?.imageStyle}\n    />\n  ) : (\n    <Form\n      name=\"propertyForm\"\n      layout=\"vertical\"\n      form={form}\n      onValuesChange={props.onValuesChange}\n      initialValues={calculateValue(\n        propertyTypeList,\n        brickProperties,\n        typeList\n      )}\n    >\n      {!hiddenPropsCategory ? (\n        <Collapse ghost defaultActiveKey=\"0\" className={styles.panelContainer}>\n          {groupByType(typeList)?.map(([category, list], index) => {\n            return (\n              <Collapse.Panel\n                header={upperFirst(category)}\n                key={index}\n                forceRender={true}\n              >\n                {list.map((item) => getFormItem(item))}\n              </Collapse.Panel>\n            );\n          })}\n\n          <Collapse.Panel\n            className={styles.otherPanel}\n            forceRender={true}\n            header={upperFirst(OTHER_FORM_ITEM_FIELD)}\n            key={OTHER_FORM_ITEM_FIELD}\n          >\n            {renderOthersItem()}\n          </Collapse.Panel>\n        </Collapse>\n      ) : (\n        <>\n          {typeList?.map((item) => {\n            return getFormItem(item);\n          })}\n          <div className={styles.otherPanel}>{renderOthersItem()}</div>\n        </>\n      )}\n    </Form>\n  );\n}\n\nexport const VisualPropertyForm = React.forwardRef(LegacyVisualPropertyForm);\n"],"mappings":"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"}
+{"version":3,"file":"VisualPropertyForm.js","names":["LegacyVisualPropertyForm","props","ref","theme","useCurrentTheme","projectId","labelIcon","propertyTypeList","brickProperties","brickInfo","emptyConfig","hiddenPropsCategory","menuSettingClick","form","Form","useForm","typeList","setTypeList","useState","mergeProperties","useImperativeHandle","validateFields","resetPropertyFields","properties","restValue","resetFields","getCurTypeList","map","item","pick","useEffect","newTypeList","newValue","calculateValue","setFieldsValue","handleLabelClick","name","selected","find","index","findIndex","nextMode","mode","ItemModeType","Advanced","Normal","value","supportMenuType","includes","type","matchNoramlMenuValue","isNil","yamlStringify","update","$splice","renderLabel","hideIcon","description","styles","iconContainer","advanced","normal","renderEditorItem","required","Required","True","jsonSchema","schemaRef","editor","model","renderStringItem","message","renderBooleanItem","renderInputNumberItem","renderStringListItem","renderIconItem","renderCodeEditorItem","renderColorItem","renderMenuItem","getFormItem","renderOthersItem","OTHER_FORM_ITEM_FIELD","Infinity","isEmpty","empty","Empty","PRESENTED_IMAGE_SIMPLE","imageStyle","onValuesChange","panelContainer","groupByType","category","list","upperFirst","otherPanel","VisualPropertyForm","React","forwardRef"],"sources":["../../../src/visual-property-form/VisualPropertyForm.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from \"react\";\nimport {\n  Form,\n  Input,\n  InputNumber,\n  Radio,\n  Select,\n  Tooltip,\n  Collapse,\n  Empty,\n} from \"antd\";\nimport { EmptyProps } from \"antd/lib/empty\";\nimport { useCurrentTheme } from \"@next-core/brick-kit\";\nimport { MenuIcon } from \"@next-core/brick-types\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport update from \"immutability-helper\";\nimport { isNil, pick, upperFirst, isEmpty } from \"lodash\";\nimport styles from \"./VisualPropertyForm.module.css\";\nimport { FormProps } from \"antd/lib/form\";\nimport { CodeEditorFormItem } from \"./components/CodeEditor/CodeEditorFormItem\";\nimport { IconSelectFormItem } from \"./components/IconSelect/IconSelectFormItem\";\nimport { ColorEditorItem } from \"./components/ColorEditor/ColorEditorItem\";\nimport { MenuEditorItem } from \"./components/MenuEditor/MenuEditorItem\";\nimport { ReactComponent as DarkEmpty } from \"./images/empty-dark.svg\";\nimport {\n  mergeProperties,\n  calculateValue,\n  groupByType,\n  yamlStringify,\n} from \"./processor\";\nimport { OTHER_FORM_ITEM_FIELD, supportMenuType } from \"./constant\";\nimport { matchNoramlMenuValue } from \"./processor\";\nimport {\n  PropertyType,\n  BrickProperties,\n  visualFormUtils,\n  ItemModeType,\n  UnionPropertyType,\n  Required,\n} from \"../interfaces\";\n\nexport interface VisualPropertyFormProps {\n  projectId?: string;\n  propertyTypeList: PropertyType[];\n  labelIcon: {\n    normal?: MenuIcon;\n    advanced?: MenuIcon;\n  };\n  brickProperties: BrickProperties;\n  onValuesChange?: FormProps[\"onValuesChange\"];\n  brickInfo?: {\n    type: \"brick\" | \"provider\" | \"template\";\n  };\n  emptyConfig?: EmptyProps;\n  menuSettingClick?: () => void;\n  hiddenPropsCategory?: boolean;\n}\n\nexport function LegacyVisualPropertyForm(\n  props: VisualPropertyFormProps,\n  ref: React.Ref<visualFormUtils>\n): React.ReactElement {\n  const theme = useCurrentTheme();\n  const {\n    projectId,\n    labelIcon,\n    propertyTypeList,\n    brickProperties,\n    brickInfo,\n    emptyConfig,\n    hiddenPropsCategory,\n    menuSettingClick,\n  } = props;\n  const [form] = Form.useForm();\n  const [typeList, setTypeList] = useState<UnionPropertyType[]>(\n    mergeProperties(propertyTypeList, brickProperties)\n  );\n\n  useImperativeHandle(ref, () => ({\n    validateFields: form.validateFields,\n    resetPropertyFields: (\n      typeList: PropertyType[],\n      properties: BrickProperties\n    ) => {\n      const restValue = mergeProperties(typeList, properties);\n      setTypeList(restValue);\n      form.resetFields();\n    },\n    getCurTypeList: (): UnionPropertyType[] => {\n      return typeList?.map((item) => pick(item, [\"name\", \"type\", \"mode\"]));\n    },\n  }));\n\n  useEffect(() => {\n    const newTypeList = mergeProperties(propertyTypeList, brickProperties);\n    setTypeList(newTypeList);\n\n    const newValue = calculateValue(\n      propertyTypeList,\n      brickProperties,\n      newTypeList\n    );\n    form.setFieldsValue(newValue);\n  }, [propertyTypeList, brickProperties]);\n\n  const handleLabelClick = (name: string): void => {\n    const selected = typeList.find((item) => item.name === name);\n    const index = typeList.findIndex((item) => item.name === name);\n    const nextMode =\n      selected.mode === ItemModeType.Advanced\n        ? ItemModeType.Normal\n        : ItemModeType.Advanced;\n\n    let value = selected.value;\n    if (nextMode === ItemModeType.Normal) {\n      if (supportMenuType.includes(selected.type as string)) {\n        value = matchNoramlMenuValue(value);\n      }\n    } else if (isNil(selected.value)) {\n      value = \"\";\n    } else {\n      value = yamlStringify(selected.value);\n    }\n    form.setFieldsValue({\n      [name]: value,\n    });\n    const newTypeList = update(typeList, {\n      $splice: [[index, 1, { ...selected, mode: nextMode }]],\n    });\n    setTypeList(newTypeList);\n  };\n\n  const renderLabel = (\n    item: UnionPropertyType,\n    hideIcon?: boolean\n  ): React.ReactElement => {\n    return (\n      <span>\n        <Tooltip title={item.description}>{item.name}</Tooltip>{\" \"}\n        {!hideIcon && labelIcon && (\n          <span\n            className={styles.iconContainer}\n            onClick={() => handleLabelClick(item.name)}\n          >\n            <GeneralIcon\n              icon={\n                item.mode === ItemModeType.Advanced\n                  ? labelIcon?.advanced\n                  : labelIcon.normal\n              }\n            />\n          </span>\n        )}\n      </span>\n    );\n  };\n\n  const renderEditorItem = (\n    item: UnionPropertyType,\n    hideIcon?: boolean\n  ): React.ReactElement => {\n    return (\n      <CodeEditorFormItem\n        key={item.name}\n        name={item.name}\n        label={renderLabel(item, hideIcon) as any}\n        required={item.required === Required.True}\n        theme={theme === \"dark-v2\" ? \"monokai\" : \"tomorrow\"}\n        jsonSchema={item?.jsonSchema}\n        schemaRef={item?.schemaRef}\n        mode={item?.editor?.model || \"brick_next_yaml\"}\n      />\n    );\n  };\n\n  const renderStringItem = (item: UnionPropertyType): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <Form.Item\n        key={item.name}\n        label={renderLabel(item)}\n        name={item.name}\n        rules={[\n          {\n            required: item.required === Required.True,\n            message: `请输入${item.name}`,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n    );\n  };\n\n  const renderBooleanItem = (item: UnionPropertyType): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <Form.Item\n        key={item.name}\n        label={renderLabel(item)}\n        name={item.name}\n        rules={[\n          {\n            required: item.required === Required.True,\n            message: `请输入${item.name}`,\n          },\n        ]}\n      >\n        <Radio.Group>\n          <Radio value={true}>true</Radio>\n          <Radio value={false}>false</Radio>\n        </Radio.Group>\n      </Form.Item>\n    );\n  };\n\n  const renderInputNumberItem = (\n    item: UnionPropertyType\n  ): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <Form.Item\n        key={item.name}\n        label={renderLabel(item)}\n        name={item.name}\n        rules={[\n          {\n            required: item.required === Required.True,\n            message: `请输入${item.name}`,\n          },\n        ]}\n      >\n        <InputNumber />\n      </Form.Item>\n    );\n  };\n\n  const renderStringListItem = (\n    item: UnionPropertyType\n  ): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <Form.Item\n        key={item.name}\n        label={renderLabel(item)}\n        name={item.name}\n        rules={[\n          {\n            required: item.required === Required.True,\n            message: `请输入${item.name}`,\n          },\n        ]}\n      >\n        <Select mode=\"tags\" />\n      </Form.Item>\n    );\n  };\n\n  const renderIconItem = (item: UnionPropertyType): React.ReactElement => {\n    return (\n      <IconSelectFormItem\n        key={item.name}\n        name={item.name}\n        label={renderLabel(item, true) as any}\n        required={item.required === Required.True}\n      />\n    );\n  };\n\n  const renderCodeEditorItem = (item: PropertyType): React.ReactElement => {\n    return renderEditorItem(item, true);\n  };\n\n  const renderColorItem = (item: PropertyType): React.ReactElement => {\n    return (\n      <ColorEditorItem\n        key={item.name}\n        name={item.name}\n        label={renderLabel(item, true)}\n        required={item.required === Required.True}\n      />\n    );\n  };\n\n  const renderMenuItem = (item: UnionPropertyType): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <MenuEditorItem\n        projectId={projectId}\n        key={item.name}\n        name={item.name}\n        label={renderLabel(item)}\n        required={item.required === Required.True}\n        menuSettingClick={menuSettingClick}\n      />\n    );\n  };\n\n  const getFormItem = (item: PropertyType): React.ReactElement => {\n    switch (item.type) {\n      case \"string\":\n        return renderStringItem(item);\n      case \"string[]\":\n        return renderStringListItem(item);\n      case \"number\":\n        return renderInputNumberItem(item);\n      case \"boolean\":\n        return renderBooleanItem(item);\n      case \"MenuIcon\":\n        return renderIconItem(item);\n      case \"Color\":\n        return renderColorItem(item);\n      case \"Menu\":\n      case \"SidebarSubMenu\":\n        return renderMenuItem(item);\n      default:\n        return renderCodeEditorItem(item);\n    }\n  };\n\n  const renderOthersItem = (): React.ReactElement => {\n    return (\n      <CodeEditorFormItem\n        name={OTHER_FORM_ITEM_FIELD}\n        label={\n          brickInfo?.type === \"template\" ? \"other params\" : \"other properties\"\n        }\n        mode=\"brick_next_yaml\"\n        maxLines={Infinity}\n      />\n    );\n  };\n\n  return isEmpty(typeList) ? (\n    <Empty\n      className={styles.empty}\n      description={emptyConfig?.description}\n      image={theme === \"dark-v2\" ? <DarkEmpty /> : Empty.PRESENTED_IMAGE_SIMPLE}\n      imageStyle={emptyConfig?.imageStyle}\n    />\n  ) : (\n    <Form\n      name=\"propertyForm\"\n      layout=\"vertical\"\n      form={form}\n      onValuesChange={props.onValuesChange}\n      initialValues={calculateValue(\n        propertyTypeList,\n        brickProperties,\n        typeList\n      )}\n    >\n      {!hiddenPropsCategory ? (\n        <Collapse ghost defaultActiveKey=\"0\" className={styles.panelContainer}>\n          {groupByType(typeList)?.map(([category, list], index) => {\n            return (\n              <Collapse.Panel\n                header={upperFirst(category)}\n                key={index}\n                forceRender={true}\n              >\n                {list.map((item) => getFormItem(item))}\n              </Collapse.Panel>\n            );\n          })}\n\n          <Collapse.Panel\n            className={styles.otherPanel}\n            forceRender={true}\n            header={upperFirst(OTHER_FORM_ITEM_FIELD)}\n            key={OTHER_FORM_ITEM_FIELD}\n          >\n            {renderOthersItem()}\n          </Collapse.Panel>\n        </Collapse>\n      ) : (\n        <>\n          {typeList?.map((item) => {\n            return getFormItem(item);\n          })}\n          <div className={styles.otherPanel}>{renderOthersItem()}</div>\n        </>\n      )}\n    </Form>\n  );\n}\n\nexport const VisualPropertyForm = React.forwardRef(LegacyVisualPropertyForm);\n"],"mappings":"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"}

package/dist/cjs/visual-property-form/components/CodeEditor/CodeEditorFormItem.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CodeEditorFormItem = CodeEditorFormItem;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _lodash = require("lodash");
-
 var _antd = require("antd");
-
 var _codeEditorComponents = require("@next-libs/code-editor-components");
-
 function CodeEditorFormItem(props) {
   const {
     name,
@@ -26,12 +18,10 @@ function CodeEditorFormItem(props) {
     ...rest
   } = props;
   const [hasError, setHasError] = (0, _react.useState)(false);
-
   const handleValidate = err => {
     const error = (0, _lodash.some)(err, ["type", "error"]);
     setHasError(error);
   };
-
   const validatorFn = async () => {
     if (!hasError) {
       return Promise.resolve();
@@ -39,7 +29,6 @@ function CodeEditorFormItem(props) {
       return Promise.reject("请填写正确的 yaml 语法");
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
     key: props.name,
     name: props.name,

package/dist/cjs/visual-property-form/components/CodeEditor/CodeEditorFormItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorFormItem.js","names":["CodeEditorFormItem","props","name","label","rest","hasError","setHasError","useState","handleValidate","err","error","some","validatorFn","Promise","resolve","reject","required","message","validator"],"sources":["../../../../../src/visual-property-form/components/CodeEditor/CodeEditorFormItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { some } from \"lodash\";\nimport { Form } from \"antd\";\nimport { FormItemWrapperProps } from \"@next-libs/forms\";\nimport {\n  CodeEditorProps,\n  CodeEditorItem,\n  Error,\n} from \"@next-libs/code-editor-components\";\n\ninterface CodeEditorItemProps extends CodeEditorProps, FormItemWrapperProps {}\n\nexport function CodeEditorFormItem(\n  props: CodeEditorItemProps\n): React.ReactElement {\n  const { name, label, ...rest } = props;\n  const [hasError, setHasError] = useState(false);\n\n  const handleValidate = (err: Error[\"err\"]): void => {\n    const error = some(err, [\"type\", \"error\"]);\n    setHasError(error);\n  };\n\n  const validatorFn = async () => {\n    if (!hasError) {\n      return Promise.resolve();\n    } else {\n      return Promise.reject(\"请填写正确的 yaml 语法\");\n    }\n  };\n\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[\n        { required: props.required, message: `请输入${props.name}` },\n        { validator: validatorFn },\n      ]}\n    >\n      <CodeEditorItem\n        tabSize={2}\n        minLines={5}\n        maxLines={12}\n        printMargin={false}\n        showLineNumbers={false}\n        showCopyButton={true}\n        showExpandButton={true}\n        theme=\"tomorrow\"\n        enableLiveAutocompletion={true}\n        onValidate={handleValidate}\n        {...rest}\n      ></CodeEditorItem>\n    </Form.Item>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAQO,SAASA,kBAAT,CACLC,KADK,EAEe;EACpB,MAAM;IAAEC,IAAF;IAAQC,KAAR;IAAe,GAAGC;EAAlB,IAA2BH,KAAjC;EACA,MAAM,CAACI,QAAD,EAAWC,WAAX,IAA0B,IAAAC,eAAA,EAAS,KAAT,CAAhC;;EAEA,MAAMC,cAAc,GAAIC,GAAD,IAA6B;IAClD,MAAMC,KAAK,GAAG,IAAAC,YAAA,EAAKF,GAAL,EAAU,CAAC,MAAD,EAAS,OAAT,CAAV,CAAd;IACAH,WAAW,CAACI,KAAD,CAAX;EACD,CAHD;;EAKA,MAAME,WAAW,GAAG,YAAY;IAC9B,IAAI,CAACP,QAAL,EAAe;MACb,OAAOQ,OAAO,CAACC,OAAR,EAAP;IACD,CAFD,MAEO;MACL,OAAOD,OAAO,CAACE,MAAR,CAAe,gBAAf,CAAP;IACD;EACF,CAND;;EAQA,oBACE,6BAAC,UAAD,CAAM,IAAN;IACE,GAAG,EAAEd,KAAK,CAACC,IADb;IAEE,IAAI,EAAED,KAAK,CAACC,IAFd;IAGE,KAAK,EAAED,KAAK,CAACE,KAHf;IAIE,KAAK,EAAE,CACL;MAAEa,QAAQ,EAAEf,KAAK,CAACe,QAAlB;MAA4BC,OAAO,EAAG,MAAKhB,KAAK,CAACC,IAAK;IAAtD,CADK,EAEL;MAAEgB,SAAS,EAAEN;IAAb,CAFK;EAJT,gBASE,6BAAC,oCAAD;IACE,OAAO,EAAE,CADX;IAEE,QAAQ,EAAE,CAFZ;IAGE,QAAQ,EAAE,EAHZ;IAIE,WAAW,EAAE,KAJf;IAKE,eAAe,EAAE,KALnB;IAME,cAAc,EAAE,IANlB;IAOE,gBAAgB,EAAE,IAPpB;IAQE,KAAK,EAAC,UARR;IASE,wBAAwB,EAAE,IAT5B;IAUE,UAAU,EAAEJ;EAVd,GAWMJ,IAXN,EATF,CADF;AAyBD"}
+{"version":3,"file":"CodeEditorFormItem.js","names":["CodeEditorFormItem","props","name","label","rest","hasError","setHasError","useState","handleValidate","err","error","some","validatorFn","Promise","resolve","reject","required","message","validator"],"sources":["../../../../../src/visual-property-form/components/CodeEditor/CodeEditorFormItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { some } from \"lodash\";\nimport { Form } from \"antd\";\nimport { FormItemWrapperProps } from \"@next-libs/forms\";\nimport {\n  CodeEditorProps,\n  CodeEditorItem,\n  Error,\n} from \"@next-libs/code-editor-components\";\n\ninterface CodeEditorItemProps extends CodeEditorProps, FormItemWrapperProps {}\n\nexport function CodeEditorFormItem(\n  props: CodeEditorItemProps\n): React.ReactElement {\n  const { name, label, ...rest } = props;\n  const [hasError, setHasError] = useState(false);\n\n  const handleValidate = (err: Error[\"err\"]): void => {\n    const error = some(err, [\"type\", \"error\"]);\n    setHasError(error);\n  };\n\n  const validatorFn = async () => {\n    if (!hasError) {\n      return Promise.resolve();\n    } else {\n      return Promise.reject(\"请填写正确的 yaml 语法\");\n    }\n  };\n\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[\n        { required: props.required, message: `请输入${props.name}` },\n        { validator: validatorFn },\n      ]}\n    >\n      <CodeEditorItem\n        tabSize={2}\n        minLines={5}\n        maxLines={12}\n        printMargin={false}\n        showLineNumbers={false}\n        showCopyButton={true}\n        showExpandButton={true}\n        theme=\"tomorrow\"\n        enableLiveAutocompletion={true}\n        onValidate={handleValidate}\n        {...rest}\n      ></CodeEditorItem>\n    </Form.Item>\n  );\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AAQO,SAASA,kBAAkB,CAChCC,KAA0B,EACN;EACpB,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EACtC,MAAM,CAACI,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE/C,MAAMC,cAAc,GAAIC,GAAiB,IAAW;IAClD,MAAMC,KAAK,GAAG,IAAAC,YAAI,EAACF,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1CH,WAAW,CAACI,KAAK,CAAC;EACpB,CAAC;EAED,MAAME,WAAW,GAAG,YAAY;IAC9B,IAAI,CAACP,QAAQ,EAAE;MACb,OAAOQ,OAAO,CAACC,OAAO,EAAE;IAC1B,CAAC,MAAM;MACL,OAAOD,OAAO,CAACE,MAAM,CAAC,gBAAgB,CAAC;IACzC;EACF,CAAC;EAED,oBACE,6BAAC,UAAI,CAAC,IAAI;IACR,GAAG,EAAEd,KAAK,CAACC,IAAK;IAChB,IAAI,EAAED,KAAK,CAACC,IAAK;IACjB,KAAK,EAAED,KAAK,CAACE,KAAM;IACnB,KAAK,EAAE,CACL;MAAEa,QAAQ,EAAEf,KAAK,CAACe,QAAQ;MAAEC,OAAO,EAAG,MAAKhB,KAAK,CAACC,IAAK;IAAE,CAAC,EACzD;MAAEgB,SAAS,EAAEN;IAAY,CAAC;EAC1B,gBAEF,6BAAC,oCAAc;IACb,OAAO,EAAE,CAAE;IACX,QAAQ,EAAE,CAAE;IACZ,QAAQ,EAAE,EAAG;IACb,WAAW,EAAE,KAAM;IACnB,eAAe,EAAE,KAAM;IACvB,cAAc,EAAE,IAAK;IACrB,gBAAgB,EAAE,IAAK;IACvB,KAAK,EAAC,UAAU;IAChB,wBAAwB,EAAE,IAAK;IAC/B,UAAU,EAAEJ;EAAe,GACvBJ,IAAI,EACQ,CACR;AAEhB"}

package/dist/cjs/visual-property-form/components/ColorEditor/ColorEditorItem.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,54 +9,39 @@ exports.ColorEditorItem = ColorEditorItem;
 exports.ColorPick = void 0;
 exports.LegacyColorPick = LegacyColorPick;
 exports.getPresetColors = getPresetColors;
-
 var _reactColor = require("react-color");
-
 var _basicComponents = require("@next-libs/basic-components");
-
 var _antd = require("antd");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ColorEditorModule = _interopRequireDefault(require("./ColorEditor.module.css"));
-
 function getPresetColors(colorMap) {
   const colorList = [];
-
   for (const [, group] of Object.entries(colorMap)) {
     ["color", "background", "borderColor"].forEach(name => {
       var _name;
-
       const result = (_name = group[name]) === null || _name === void 0 ? void 0 : _name.match(/^var\((.+)\)/);
-
       if (result) {
         var _window$getComputedSt;
-
         const colorHex = (_window$getComputedSt = window.getComputedStyle(document.documentElement).getPropertyValue(result[1])) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.trim();
         colorHex && colorList.push(colorHex);
       }
     });
   }
-
   return colorList;
 }
-
 function LegacyColorPick(props, ref) {
   const [value, setValue] = (0, _react.useState)(props.value);
   const [visible, setVisible] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     setValue(props.value);
   }, [props.value]);
-
   const handleChangeComplete = color => {
     setValue(color.hex);
     props.onChange(color.hex);
   };
-
   const handleClick = () => {
     setVisible(true);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _ColorEditorModule.default.colorContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -82,10 +65,8 @@ function LegacyColorPick(props, ref) {
     presetColors: getPresetColors(_basicComponents.COLORS_MAP)
   })));
 }
-
 const ColorPick = /*#__PURE__*/(0, _react.forwardRef)(LegacyColorPick);
 exports.ColorPick = ColorPick;
-
 function ColorEditorItem(props) {
   return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
     key: props.name,