@next-libs/visual-builder 1.5.2 → 1.6.1

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  enums?: string;\n}\n\nexport interface UnionPropertyType extends PropertyType {\n  mode?: ItemModeType;\n  value?: any;\n  jsonSchema?: Record<string, any>;\n  schemaRef?: string;\n  modeValueMap?: Record<string, any>;\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"}
+{"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    | {\n        model?: string;\n      }\n    | string;\n  editorProps?: Record<string, any>;\n  required?: Required;\n  description?: string;\n  default?: string;\n  group?: string;\n  groupI18N?: Record<string, { [language: string]: string }>;\n  enums?: string;\n}\n\nexport interface UnionPropertyType extends PropertyType {\n  mode?: ItemModeType;\n  value?: any;\n  jsonSchema?: Record<string, any>;\n  schemaRef?: string;\n  modeValueMap?: Record<string, any>;\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/visual-property-form/VisualPropertyForm.js

@@ -1,13 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LegacyVisualPropertyForm = LegacyVisualPropertyForm;
 exports.VisualPropertyForm = void 0;
 exports.typeMatched = typeMatched;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _brickKit = require("@next-core/brick-kit");
@@ -24,6 +25,7 @@ var _emptyDark = require("./images/empty-dark.svg");
 var _processor = require("./processor");
 var _constant = require("./constant");
 var _interfaces = require("../interfaces");
+var _MessageEditor = require("./components/MessageEditor/MessageEditor");
 const ButtonTypeEmun = ["link", "default", "primary", "ghost", "dashed", "icon", "text"];
 function typeMatched(actualValue, selectedValue) {
   if (typeof actualValue === selectedValue.type) {
@@ -137,7 +139,6 @@ function LegacyVisualPropertyForm(props, ref) {
       theme: theme === "dark-v2" ? "monokai" : "tomorrow",
       jsonSchema: item === null || item === void 0 ? void 0 : item.jsonSchema,
       schemaRef: item === null || item === void 0 ? void 0 : item.schemaRef,
-      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",
       showLineNumbers: true,
       showGutter: true,
       labelCol: {
@@ -148,10 +149,12 @@ function LegacyVisualPropertyForm(props, ref) {
       },
       wrapperCol: {
         span: 24
-      }
+      },
+      mode: typeof (item === null || item === void 0 ? void 0 : item.editor) !== "string" && (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 => {
+    var _item$editorProps;
     return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
       key: item.name,
       label: renderLabel(item),
@@ -160,9 +163,84 @@ function LegacyVisualPropertyForm(props, ref) {
         required: item.required === _interfaces.Required.True,
         message: `请输入${item.name}`
       }]
-    }, /*#__PURE__*/_react.default.createElement(_antd.Input, null));
+    }, /*#__PURE__*/_react.default.createElement(_antd.Input, (_item$editorProps = item.editorProps) !== null && _item$editorProps !== void 0 ? _item$editorProps : {}));
+  };
+  const renderSingleRadio = props => {
+    var _props$options;
+    return (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.map(item => {
+      const icon = item.icon;
+      let buttonIcon = null;
+      if (icon) {
+        if ("imgSrc" in icon) {
+          const mergedIcon = {
+            imgSrc: icon.imgSrc,
+            imgStyle: {
+              verticalAlign: "-0.125em",
+              ...icon.imgStyle
+            }
+          };
+          buttonIcon = /*#__PURE__*/_react.default.createElement(_basicComponents.GeneralIcon, {
+            icon: mergedIcon,
+            size: 14
+          });
+        } else {
+          buttonIcon = /*#__PURE__*/_react.default.createElement(_basicComponents.GeneralIcon, {
+            icon: icon,
+            style: {
+              fontSize: "14px",
+              ...icon.iconStyle
+            }
+          });
+        }
+      }
+      if (props.optionType === "button") {
+        return /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
+          key: item.value,
+          value: item.value,
+          disabled: item.disabled,
+          style: {
+            textAlign: "center",
+            flex: "1 1 0",
+            ...item.style
+          }
+        }, buttonIcon, item.label && /*#__PURE__*/_react.default.createElement("span", {
+          style: {
+            paddingLeft: "5px"
+          }
+        }, item.label));
+      } else {
+        return /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+          key: item.value,
+          value: item.value,
+          disabled: item.disabled,
+          style: item.style
+        }, buttonIcon, item.label && /*#__PURE__*/_react.default.createElement("span", {
+          style: {
+            paddingLeft: "5px"
+          }
+        }, item.label));
+      }
+    });
+  };
+  const renderRadioItem = item => {
+    const radioProps = (0, _lodash.omit)(item.editorProps, "options");
+    return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+      key: item.name,
+      label: renderLabel(item),
+      name: item.name,
+      rules: [{
+        required: item.required === _interfaces.Required.True,
+        message: `请输入${item.name}`
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, (0, _extends2.default)({
+      className: _VisualPropertyFormModule.default.radioGroup,
+      style: item.editorProps.optionType === "button" ? {
+        display: "flex"
+      } : {}
+    }, radioProps !== null && radioProps !== void 0 ? radioProps : {}), renderSingleRadio(item.editorProps)));
   };
   const renderBooleanItem = item => {
+    var _item$editorProps2;
     return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
       key: item.name,
       label: renderLabel(item),
@@ -172,11 +250,12 @@ function LegacyVisualPropertyForm(props, ref) {
         message: `请输入${item.name}`
       }],
       valuePropName: "checked"
-    }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
+    }, /*#__PURE__*/_react.default.createElement(_antd.Switch, (0, _extends2.default)({
       defaultChecked: props.brickProperties[item.name]
-    }));
+    }, (_item$editorProps2 = item.editorProps) !== null && _item$editorProps2 !== void 0 ? _item$editorProps2 : {})));
   };
   const renderInputNumberItem = item => {
+    var _item$editorProps3;
     return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
       key: item.name,
       label: renderLabel(item),
@@ -185,9 +264,10 @@ function LegacyVisualPropertyForm(props, ref) {
         required: item.required === _interfaces.Required.True,
         message: `请输入${item.name}`
       }]
-    }, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, null));
+    }, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, (_item$editorProps3 = item.editorProps) !== null && _item$editorProps3 !== void 0 ? _item$editorProps3 : {}));
   };
   const renderStringListItem = item => {
+    var _item$editorProps4;
     return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
       key: item.name,
       label: renderLabel(item),
@@ -196,9 +276,9 @@ function LegacyVisualPropertyForm(props, ref) {
         required: item.required === _interfaces.Required.True,
         message: `请输入${item.name}`
       }]
-    }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    }, /*#__PURE__*/_react.default.createElement(_antd.Select, (0, _extends2.default)({
       mode: "tags"
-    }));
+    }, (_item$editorProps4 = item.editorProps) !== null && _item$editorProps4 !== void 0 ? _item$editorProps4 : {})));
   };
   const renderIconItem = item => {
     return /*#__PURE__*/_react.default.createElement(_IconSelectFormItem.IconSelectFormItem, {
@@ -208,6 +288,22 @@ function LegacyVisualPropertyForm(props, ref) {
       required: item.required === _interfaces.Required.True
     });
   };
+  const renderMessageItem = item => {
+    return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_MessageEditor.MessageEditor, {
+      key: item.name,
+      name: item.name,
+      label: renderLabel(item),
+      value: item.value,
+      required: item.required === _interfaces.Required.True,
+      onChange: value => {
+        const changeValue = {
+          [item.name]: value
+        };
+        form.setFieldsValue(changeValue);
+        props.onValuesChange(changeValue, form.getFieldsValue());
+      }
+    });
+  };
   const renderCodeEditorItem = item => {
     return renderEditorItem(item, true);
   };
@@ -415,6 +511,20 @@ function LegacyVisualPropertyForm(props, ref) {
       const emunList = item.enums.replace(/"|'/g, "").split("|");
       return renderEnumItem(item, emunList);
     }
+    switch (item.editor) {
+      case "input":
+        return renderStringItem(item);
+      case "radio":
+        return renderRadioItem(item);
+      case "switch":
+        return renderBooleanItem(item);
+      case "color":
+        return renderColorItem(item);
+      case "icon":
+        return renderIconItem(item);
+      case "message":
+        return renderMessageItem(item);
+    }
     switch (item.type) {
       case "string":
         return renderStringItem(item);

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

@@ -1 +1 @@
-{"version":3,"file":"VisualPropertyForm.js","names":["ButtonTypeEmun","typeMatched","actualValue","selectedValue","type","LegacyVisualPropertyForm","props","ref","theme","useCurrentTheme","projectId","labelIcon","propertyTypeList","brickProperties","brickInfo","emptyConfig","hiddenPropsCategory","menuSettingClick","childMountPointList","form","Form","useForm","typeList","setTypeList","useState","mergeProperties","useImperativeHandle","validateFields","resetPropertyFields","properties","restValue","resetFields","getCurTypeList","map","item","pick","getFieldsValue","useEffect","newTypeList","newValue","calculateValue","setFieldsValue","handleLabelClick","name","selected","find","index","findIndex","nextMode","mode","ItemModeType","Advanced","Normal","value","getFieldValue","modeValueMap","isNil","supportMenuType","includes","matchNoramlMenuValue","supportBasicType","parsedValue","yaml","undefined","isString","yamlStringify","update","$splice","renderLabel","hideIcon","description","styles","iconContainer","advanced","normal","renderEditorItem","required","Required","True","jsonSchema","schemaRef","editor","model","span","style","padding","renderStringItem","message","renderBooleanItem","renderInputNumberItem","renderStringListItem","renderIconItem","renderCodeEditorItem","renderColorItem","renderMenuItem","renderGeneralOptipns","renderFormItem","label","disabled","changeValue","onValuesChange","renderCustomColumn","dataIndex","key","title","useChildren","filter","startsWith","endsWith","inputValue","option","children","toUpperCase","indexOf","renderCustomButtons","id","text","tooltip","eventName","buttonType","hide","isDivider","isDropdown","renderEnumItem","enumList","getFormItem","test","enums","emunList","replace","split","renderOthersItem","OTHER_FORM_ITEM_FIELD","Infinity","gorupList","React","useMemo","groupByType","isEmpty","empty","Empty","PRESENTED_IMAGE_SIMPLE","imageStyle","visualPropertyForm","minWidth","_","String","panelContainer","category","list","upperFirst","otherPanel","VisualPropertyForm","forwardRef"],"sources":["../../../src/visual-property-form/VisualPropertyForm.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from \"react\";\nimport {\n  Form,\n  Input,\n  InputNumber,\n  Select,\n  Tooltip,\n  Collapse,\n  Empty,\n  Switch,\n  AutoComplete,\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 _, {\n  isNil,\n  pick,\n  upperFirst,\n  isEmpty,\n  cloneDeep,\n  isString,\n} 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 { ListEditor } from \"./components/ListEditor/ListEditor\";\nimport { ReactComponent as DarkEmpty } from \"./images/empty-dark.svg\";\nimport {\n  mergeProperties,\n  calculateValue,\n  groupByType,\n  yamlStringify,\n  yaml,\n} from \"./processor\";\nimport {\n  OTHER_FORM_ITEM_FIELD,\n  supportBasicType,\n  supportMenuType,\n} from \"./constant\";\nimport { matchNoramlMenuValue } from \"./processor\";\nimport {\n  PropertyType,\n  BrickProperties,\n  visualFormUtils,\n  ItemModeType,\n  UnionPropertyType,\n  Required,\n} from \"../interfaces\";\n\nconst ButtonTypeEmun = [\n  \"link\",\n  \"default\",\n  \"primary\",\n  \"ghost\",\n  \"dashed\",\n  \"icon\",\n  \"text\",\n];\n\nexport type CustomColumn = {\n  dataIndex: string;\n  title: string;\n  useChildren?: string;\n  [k: string]: any;\n};\n\nexport type GeneralOptionProps = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n};\n\nexport type CustomButtonProps = {\n  id: string;\n  buttonType: string;\n  eventName: string;\n  text: string;\n  tooltip: string;\n  icon: MenuIcon;\n  hide: boolean;\n  disabled: boolean;\n  isDivider: boolean;\n  isDropdown: boolean;\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  childMountPointList?: string[];\n}\n\nexport function typeMatched(\n  actualValue: any,\n  selectedValue: UnionPropertyType\n): boolean {\n  if (typeof actualValue === (selectedValue.type as string)) {\n    return true;\n  }\n  // TODO: 补充更多的类型检查，例如 enum 等\n  return false;\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    childMountPointList,\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    getFieldsValue: form.getFieldsValue,\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.resetFields();\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    selected.value = form.getFieldValue(selected.name);\n    // 记录切换前的模式下的值\n    selected.modeValueMap = {\n      ...selected.modeValueMap,\n      ...{ [selected.mode]: selected.value },\n    };\n    // let value = cloneDeep(selected.value);\n    if (!isNil(selected.modeValueMap[nextMode])) {\n      // 切换后的模式原本有值时，则用原本的值\n      selected.value = selected.modeValueMap[nextMode];\n    } else if (nextMode === ItemModeType.Normal) {\n      // 切换到普通模式没有值时可以根据高级模式来更新值\n      if (supportMenuType.includes(selected.type as string)) {\n        selected.value = matchNoramlMenuValue(selected.value);\n      } else if (supportBasicType.includes(selected.type as string)) {\n        // yaml解析后检查下类型，不符合属性类型就不更新了\n        const parsedValue = yaml(selected.value);\n        if (typeMatched(parsedValue, selected)) {\n          selected.value = parsedValue;\n        } else {\n          selected.value = undefined;\n        }\n      }\n    } else {\n      // 切换到高级模式没有值时可以根据普通模式来更新值\n      if (isNil(selected.value)) {\n        selected.value = \"\";\n      } else if (isString(selected.value)) {\n        // do nothing\n      } else {\n        selected.value = yamlStringify(selected.value);\n      }\n    }\n    selected.modeValueMap[nextMode] = selected.value;\n    form.setFieldsValue({\n      [name]: selected.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        showLineNumbers={true}\n        showGutter={true}\n        labelCol={{\n          span: 24,\n          style: {\n            padding: 0,\n          },\n        }}\n        wrapperCol={{\n          span: 24,\n        }}\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        valuePropName=\"checked\"\n      >\n        <Switch defaultChecked={props.brickProperties[item.name]} />\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 renderGeneralOptipns = (\n    item: UnionPropertyType\n  ): React.ReactElement => {\n    const renderFormItem = (item: GeneralOptionProps): React.ReactElement => {\n      return (\n        <>\n          <Form.Item name=\"label\" label=\"label\">\n            <Input defaultValue={item.label} />\n          </Form.Item>\n          <Form.Item name=\"value\" label=\"value\">\n            <Input defaultValue={item.value} />\n          </Form.Item>\n          <Form.Item name=\"disabled\" label=\"disabled\">\n            <Switch checked={item.disabled} />\n          </Form.Item>\n        </>\n      );\n    };\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <ListEditor\n        name={item.name}\n        label={renderLabel(item)}\n        required={item.required === Required.True}\n        value={brickProperties[item.name]}\n        listItemKey=\"label\"\n        renderFormItem={renderFormItem}\n        getDefaultItem={(value: any) => ({\n          label: value,\n          value: value,\n        })}\n        onChange={(value) => {\n          const changeValue = {\n            [item.name]: value,\n          };\n          form.setFieldsValue(changeValue);\n          props.onValuesChange(changeValue, form.getFieldsValue());\n        }}\n      />\n    );\n  };\n\n  const renderCustomColumn = (item: UnionPropertyType): React.ReactElement => {\n    const renderFormItem = (item: CustomColumn): React.ReactElement => {\n      return (\n        <>\n          <Form.Item name=\"dataIndex\" label=\"dataIndex\">\n            <Input defaultValue={item.dataIndex} />\n          </Form.Item>\n          <Form.Item name=\"key\" label=\"key\">\n            <Input defaultValue={item.key} />\n          </Form.Item>\n          <Form.Item name=\"title\" label=\"title\">\n            <Input defaultValue={item.title} />\n          </Form.Item>\n          <Form.Item\n            name=\"useChildren\"\n            label=\"useChildren\"\n            tooltip=\"useBrick代替用法,数据来源于子插槽名称,并且插槽名称必须使用'[]'包裹\"\n          >\n            <AutoComplete\n              defaultValue={item.useChildren}\n              dataSource={(childMountPointList ?? []).filter(\n                (item) => item.startsWith(\"[\") && item.endsWith(\"]\")\n              )}\n              filterOption={(inputValue, option) =>\n                option.props.children\n                  .toUpperCase()\n                  .indexOf(inputValue.toUpperCase()) !== -1\n              }\n            />\n          </Form.Item>\n        </>\n      );\n    };\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <ListEditor\n        name={item.name}\n        label={renderLabel(item)}\n        required={item.required === Required.True}\n        value={brickProperties[item.name]}\n        listItemKey=\"title\"\n        getDefaultItem={(value: any) => ({\n          dataIndex: value,\n          title: value,\n          key: value,\n        })}\n        renderFormItem={renderFormItem}\n        onChange={(value) => {\n          const changeValue = {\n            [item.name]: value,\n          };\n          form.setFieldsValue(changeValue);\n          props.onValuesChange(changeValue, form.getFieldsValue());\n        }}\n      />\n    );\n  };\n\n  const renderCustomButtons = (item: UnionPropertyType): React.ReactElement => {\n    const renderFormItem = (item: CustomButtonProps): React.ReactElement => {\n      return (\n        <>\n          <Form.Item name=\"id\" label=\"id\">\n            <Input defaultValue={item.id} />\n          </Form.Item>\n          <Form.Item name=\"text\" label=\"text\">\n            <Input defaultValue={item.text} />\n          </Form.Item>\n          <Form.Item name=\"tooltip\" label=\"tooltip\">\n            <Input defaultValue={item.tooltip} />\n          </Form.Item>\n          <Form.Item name=\"eventName\" label=\"eventName\">\n            <Input defaultValue={item.eventName} />\n          </Form.Item>\n          <IconSelectFormItem name=\"icon\" label=\"icon\" />\n          <Form.Item name=\"buttonType\" label=\"buttonType\">\n            <Select defaultValue={item.buttonType}>\n              {ButtonTypeEmun.map((item) => (\n                <Select.Option key={item} value={item}>\n                  {item}\n                </Select.Option>\n              ))}\n            </Select>\n          </Form.Item>\n          <Form.Item name=\"hide\" label=\"hide\">\n            <Switch checked={item.hide} />\n          </Form.Item>\n          <Form.Item name=\"disabled\" label=\"disabled\">\n            <Switch checked={item.disabled} />\n          </Form.Item>\n          <Form.Item name=\"isDivider\" label=\"isDivider\">\n            <Switch checked={item.isDivider} />\n          </Form.Item>\n          <Form.Item name=\"isDropdown\" label=\"isDropdown\">\n            <Switch checked={item.isDropdown} />\n          </Form.Item>\n        </>\n      );\n    };\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <ListEditor\n        name={item.name}\n        label={renderLabel(item)}\n        required={item.required === Required.True}\n        value={brickProperties[item.name]}\n        listItemKey=\"text\"\n        renderFormItem={renderFormItem}\n        getDefaultItem={(value: any) => ({\n          text: value,\n        })}\n        onChange={(value) => {\n          const changeValue = {\n            [item.name]: value,\n          };\n          form.setFieldsValue(changeValue);\n          props.onValuesChange(changeValue, form.getFieldsValue());\n        }}\n      />\n    );\n  };\n\n  const renderEnumItem = (\n    item: UnionPropertyType,\n    enumList: string[]\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\n          options={enumList.map((item) => ({ label: item, value: item }))}\n        />\n      </Form.Item>\n    );\n  };\n\n  const getFormItem = (item: PropertyType): React.ReactElement => {\n    // todo(sailor): update unit text\n    if (/true|false/.test(item.type as string)) {\n      return renderBooleanItem(item);\n    }\n    if (item.enums) {\n      const emunList = (item.enums as string).replace(/\"|'/g, \"\").split(\"|\");\n      return renderEnumItem(item, emunList);\n    }\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      // todo(sailor): update unit text\n      case \"GeneralOption[]\":\n        return renderGeneralOptipns(item);\n      case \"CustomColumn[]\":\n        return renderCustomColumn(item);\n      case \"CustomButton[]\":\n        return renderCustomButtons(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  const gorupList = React.useMemo(() => {\n    return groupByType(typeList);\n  }, [typeList]);\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      className={styles.visualPropertyForm}\n      name=\"propertyForm\"\n      layout=\"horizontal\"\n      labelAlign=\"left\"\n      labelCol={{\n        span: 8,\n        style: {\n          minWidth: \"120px\",\n        },\n      }}\n      wrapperCol={{ span: 16 }}\n      size=\"small\"\n      form={form}\n      onValuesChange={props.onValuesChange}\n      initialValues={calculateValue(\n        propertyTypeList,\n        brickProperties,\n        typeList\n      )}\n      colon={false}\n    >\n      {!hiddenPropsCategory ? (\n        <Collapse\n          ghost\n          defaultActiveKey={gorupList.map((_, index) => String(index))}\n          className={styles.panelContainer}\n          expandIconPosition=\"left\"\n        >\n          {gorupList?.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":["ButtonTypeEmun","typeMatched","actualValue","selectedValue","type","LegacyVisualPropertyForm","props","ref","theme","useCurrentTheme","projectId","labelIcon","propertyTypeList","brickProperties","brickInfo","emptyConfig","hiddenPropsCategory","menuSettingClick","childMountPointList","form","Form","useForm","typeList","setTypeList","useState","mergeProperties","useImperativeHandle","validateFields","resetPropertyFields","properties","restValue","resetFields","getCurTypeList","map","item","pick","getFieldsValue","useEffect","newTypeList","newValue","calculateValue","setFieldsValue","handleLabelClick","name","selected","find","index","findIndex","nextMode","mode","ItemModeType","Advanced","Normal","value","getFieldValue","modeValueMap","isNil","supportMenuType","includes","matchNoramlMenuValue","supportBasicType","parsedValue","yaml","undefined","isString","yamlStringify","update","$splice","renderLabel","hideIcon","description","styles","iconContainer","advanced","normal","renderEditorItem","required","Required","True","jsonSchema","schemaRef","span","style","padding","editor","model","renderStringItem","message","editorProps","renderSingleRadio","options","icon","buttonIcon","mergedIcon","imgSrc","imgStyle","verticalAlign","fontSize","iconStyle","optionType","disabled","textAlign","flex","label","paddingLeft","renderRadioItem","radioProps","omit","radioGroup","display","renderBooleanItem","renderInputNumberItem","renderStringListItem","renderIconItem","renderMessageItem","changeValue","onValuesChange","renderCodeEditorItem","renderColorItem","renderMenuItem","renderGeneralOptipns","renderFormItem","renderCustomColumn","dataIndex","key","title","useChildren","filter","startsWith","endsWith","inputValue","option","children","toUpperCase","indexOf","renderCustomButtons","id","text","tooltip","eventName","buttonType","hide","isDivider","isDropdown","renderEnumItem","enumList","getFormItem","test","enums","emunList","replace","split","renderOthersItem","OTHER_FORM_ITEM_FIELD","Infinity","gorupList","React","useMemo","groupByType","isEmpty","empty","Empty","PRESENTED_IMAGE_SIMPLE","imageStyle","visualPropertyForm","minWidth","_","String","panelContainer","category","list","upperFirst","otherPanel","VisualPropertyForm","forwardRef"],"sources":["../../../src/visual-property-form/VisualPropertyForm.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from \"react\";\nimport {\n  Form,\n  Input,\n  InputNumber,\n  Select,\n  Tooltip,\n  Collapse,\n  Empty,\n  Switch,\n  AutoComplete,\n  Radio,\n} from \"antd\";\nimport { EmptyProps } from \"antd/lib/empty\";\nimport { useCurrentTheme } from \"@next-core/brick-kit\";\nimport { MenuIcon, SrcIcon } from \"@next-core/brick-types\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport update from \"immutability-helper\";\nimport _, {\n  isNil,\n  pick,\n  upperFirst,\n  isEmpty,\n  cloneDeep,\n  isString,\n  omit,\n} 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 { ListEditor } from \"./components/ListEditor/ListEditor\";\nimport { ReactComponent as DarkEmpty } from \"./images/empty-dark.svg\";\nimport {\n  mergeProperties,\n  calculateValue,\n  groupByType,\n  yamlStringify,\n  yaml,\n} from \"./processor\";\nimport {\n  OTHER_FORM_ITEM_FIELD,\n  supportBasicType,\n  supportMenuType,\n} from \"./constant\";\nimport { matchNoramlMenuValue } from \"./processor\";\nimport {\n  PropertyType,\n  BrickProperties,\n  visualFormUtils,\n  ItemModeType,\n  UnionPropertyType,\n  Required,\n} from \"../interfaces\";\nimport { MessageEditor } from \"./components/MessageEditor/MessageEditor\";\nimport { options } from \"marked\";\nimport { GeneralOption } from \"@next-libs/forms\";\n\nconst ButtonTypeEmun = [\n  \"link\",\n  \"default\",\n  \"primary\",\n  \"ghost\",\n  \"dashed\",\n  \"icon\",\n  \"text\",\n];\n\nexport type CustomColumn = {\n  dataIndex: string;\n  title: string;\n  useChildren?: string;\n  [k: string]: any;\n};\n\nexport type GeneralOptionProps = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n};\n\nexport type CustomButtonProps = {\n  id: string;\n  buttonType: string;\n  eventName: string;\n  text: string;\n  tooltip: string;\n  icon: MenuIcon;\n  hide: boolean;\n  disabled: boolean;\n  isDivider: boolean;\n  isDropdown: boolean;\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  childMountPointList?: string[];\n}\n\nexport function typeMatched(\n  actualValue: any,\n  selectedValue: UnionPropertyType\n): boolean {\n  if (typeof actualValue === (selectedValue.type as string)) {\n    return true;\n  }\n  // TODO: 补充更多的类型检查，例如 enum 等\n  return false;\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    childMountPointList,\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    getFieldsValue: form.getFieldsValue,\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.resetFields();\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    selected.value = form.getFieldValue(selected.name);\n    // 记录切换前的模式下的值\n    selected.modeValueMap = {\n      ...selected.modeValueMap,\n      ...{ [selected.mode]: selected.value },\n    };\n    // let value = cloneDeep(selected.value);\n    if (!isNil(selected.modeValueMap[nextMode])) {\n      // 切换后的模式原本有值时，则用原本的值\n      selected.value = selected.modeValueMap[nextMode];\n    } else if (nextMode === ItemModeType.Normal) {\n      // 切换到普通模式没有值时可以根据高级模式来更新值\n      if (supportMenuType.includes(selected.type as string)) {\n        selected.value = matchNoramlMenuValue(selected.value);\n      } else if (supportBasicType.includes(selected.type as string)) {\n        // yaml解析后检查下类型，不符合属性类型就不更新了\n        const parsedValue = yaml(selected.value);\n        if (typeMatched(parsedValue, selected)) {\n          selected.value = parsedValue;\n        } else {\n          selected.value = undefined;\n        }\n      }\n    } else {\n      // 切换到高级模式没有值时可以根据普通模式来更新值\n      if (isNil(selected.value)) {\n        selected.value = \"\";\n      } else if (isString(selected.value)) {\n        // do nothing\n      } else {\n        selected.value = yamlStringify(selected.value);\n      }\n    }\n    selected.modeValueMap[nextMode] = selected.value;\n    form.setFieldsValue({\n      [name]: selected.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        showLineNumbers={true}\n        showGutter={true}\n        labelCol={{\n          span: 24,\n          style: {\n            padding: 0,\n          },\n        }}\n        wrapperCol={{\n          span: 24,\n        }}\n        mode={\n          (typeof item?.editor !== \"string\" && item?.editor?.model) ||\n          \"brick_next_yaml\"\n        }\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 {...(item.editorProps ?? {})} />\n      </Form.Item>\n    );\n  };\n\n  const renderSingleRadio = (props: Record<string, any>) => {\n    return props.options?.map((item: any) => {\n      const icon = item.icon;\n      let buttonIcon: JSX.Element = null;\n      if (icon) {\n        if (\"imgSrc\" in icon) {\n          const mergedIcon = {\n            imgSrc: icon.imgSrc,\n            imgStyle: {\n              verticalAlign: \"-0.125em\",\n              ...icon.imgStyle,\n            },\n          };\n          buttonIcon = <GeneralIcon icon={mergedIcon} size={14} />;\n        } else {\n          buttonIcon = (\n            <GeneralIcon\n              icon={icon}\n              style={{\n                fontSize: \"14px\",\n                ...icon.iconStyle,\n              }}\n            />\n          );\n        }\n      }\n      if (props.optionType === \"button\") {\n        return (\n          <Radio.Button\n            key={item.value}\n            value={item.value}\n            disabled={item.disabled}\n            style={{ textAlign: \"center\", flex: \"1 1 0\", ...item.style }}\n          >\n            {buttonIcon}\n            {item.label && (\n              <span style={{ paddingLeft: \"5px\" }}>{item.label}</span>\n            )}\n          </Radio.Button>\n        );\n      } else {\n        return (\n          <Radio\n            key={item.value}\n            value={item.value}\n            disabled={item.disabled}\n            style={item.style}\n          >\n            {buttonIcon}\n            {item.label && (\n              <span style={{ paddingLeft: \"5px\" }}>{item.label}</span>\n            )}\n          </Radio>\n        );\n      }\n    });\n  };\n\n  const renderRadioItem = (item: UnionPropertyType): React.ReactElement => {\n    const radioProps = omit(item.editorProps, \"options\");\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          className={styles.radioGroup}\n          style={\n            item.editorProps.optionType === \"button\" ? { display: \"flex\" } : {}\n          }\n          {...(radioProps ?? {})}\n        >\n          {renderSingleRadio(item.editorProps)}\n        </Radio.Group>\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        valuePropName=\"checked\"\n      >\n        <Switch\n          defaultChecked={props.brickProperties[item.name]}\n          {...(item.editorProps ?? {})}\n        />\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 {...(item.editorProps ?? {})} />\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\" {...(item.editorProps ?? {})} />\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 renderMessageItem = (item: UnionPropertyType): React.ReactElement => {\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <MessageEditor\n        key={item.name}\n        name={item.name}\n        label={renderLabel(item)}\n        value={item.value}\n        required={item.required === Required.True}\n        onChange={(value) => {\n          const changeValue = {\n            [item.name]: value,\n          };\n          form.setFieldsValue(changeValue);\n          props.onValuesChange(changeValue, form.getFieldsValue());\n        }}\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 renderGeneralOptipns = (\n    item: UnionPropertyType\n  ): React.ReactElement => {\n    const renderFormItem = (item: GeneralOptionProps): React.ReactElement => {\n      return (\n        <>\n          <Form.Item name=\"label\" label=\"label\">\n            <Input defaultValue={item.label} />\n          </Form.Item>\n          <Form.Item name=\"value\" label=\"value\">\n            <Input defaultValue={item.value} />\n          </Form.Item>\n          <Form.Item name=\"disabled\" label=\"disabled\">\n            <Switch checked={item.disabled} />\n          </Form.Item>\n        </>\n      );\n    };\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <ListEditor\n        name={item.name}\n        label={renderLabel(item)}\n        required={item.required === Required.True}\n        value={brickProperties[item.name]}\n        listItemKey=\"label\"\n        renderFormItem={renderFormItem}\n        getDefaultItem={(value: any) => ({\n          label: value,\n          value: value,\n        })}\n        onChange={(value) => {\n          const changeValue = {\n            [item.name]: value,\n          };\n          form.setFieldsValue(changeValue);\n          props.onValuesChange(changeValue, form.getFieldsValue());\n        }}\n      />\n    );\n  };\n\n  const renderCustomColumn = (item: UnionPropertyType): React.ReactElement => {\n    const renderFormItem = (item: CustomColumn): React.ReactElement => {\n      return (\n        <>\n          <Form.Item name=\"dataIndex\" label=\"dataIndex\">\n            <Input defaultValue={item.dataIndex} />\n          </Form.Item>\n          <Form.Item name=\"key\" label=\"key\">\n            <Input defaultValue={item.key} />\n          </Form.Item>\n          <Form.Item name=\"title\" label=\"title\">\n            <Input defaultValue={item.title} />\n          </Form.Item>\n          <Form.Item\n            name=\"useChildren\"\n            label=\"useChildren\"\n            tooltip=\"useBrick代替用法,数据来源于子插槽名称,并且插槽名称必须使用'[]'包裹\"\n          >\n            <AutoComplete\n              defaultValue={item.useChildren}\n              dataSource={(childMountPointList ?? []).filter(\n                (item) => item.startsWith(\"[\") && item.endsWith(\"]\")\n              )}\n              filterOption={(inputValue, option) =>\n                option.props.children\n                  .toUpperCase()\n                  .indexOf(inputValue.toUpperCase()) !== -1\n              }\n            />\n          </Form.Item>\n        </>\n      );\n    };\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <ListEditor\n        name={item.name}\n        label={renderLabel(item)}\n        required={item.required === Required.True}\n        value={brickProperties[item.name]}\n        listItemKey=\"title\"\n        getDefaultItem={(value: any) => ({\n          dataIndex: value,\n          title: value,\n          key: value,\n        })}\n        renderFormItem={renderFormItem}\n        onChange={(value) => {\n          const changeValue = {\n            [item.name]: value,\n          };\n          form.setFieldsValue(changeValue);\n          props.onValuesChange(changeValue, form.getFieldsValue());\n        }}\n      />\n    );\n  };\n\n  const renderCustomButtons = (item: UnionPropertyType): React.ReactElement => {\n    const renderFormItem = (item: CustomButtonProps): React.ReactElement => {\n      return (\n        <>\n          <Form.Item name=\"id\" label=\"id\">\n            <Input defaultValue={item.id} />\n          </Form.Item>\n          <Form.Item name=\"text\" label=\"text\">\n            <Input defaultValue={item.text} />\n          </Form.Item>\n          <Form.Item name=\"tooltip\" label=\"tooltip\">\n            <Input defaultValue={item.tooltip} />\n          </Form.Item>\n          <Form.Item name=\"eventName\" label=\"eventName\">\n            <Input defaultValue={item.eventName} />\n          </Form.Item>\n          <IconSelectFormItem name=\"icon\" label=\"icon\" />\n          <Form.Item name=\"buttonType\" label=\"buttonType\">\n            <Select defaultValue={item.buttonType}>\n              {ButtonTypeEmun.map((item) => (\n                <Select.Option key={item} value={item}>\n                  {item}\n                </Select.Option>\n              ))}\n            </Select>\n          </Form.Item>\n          <Form.Item name=\"hide\" label=\"hide\">\n            <Switch checked={item.hide} />\n          </Form.Item>\n          <Form.Item name=\"disabled\" label=\"disabled\">\n            <Switch checked={item.disabled} />\n          </Form.Item>\n          <Form.Item name=\"isDivider\" label=\"isDivider\">\n            <Switch checked={item.isDivider} />\n          </Form.Item>\n          <Form.Item name=\"isDropdown\" label=\"isDropdown\">\n            <Switch checked={item.isDropdown} />\n          </Form.Item>\n        </>\n      );\n    };\n    return item.mode === ItemModeType.Advanced ? (\n      renderEditorItem(item)\n    ) : (\n      <ListEditor\n        name={item.name}\n        label={renderLabel(item)}\n        required={item.required === Required.True}\n        value={brickProperties[item.name]}\n        listItemKey=\"text\"\n        renderFormItem={renderFormItem}\n        getDefaultItem={(value: any) => ({\n          text: value,\n        })}\n        onChange={(value) => {\n          const changeValue = {\n            [item.name]: value,\n          };\n          form.setFieldsValue(changeValue);\n          props.onValuesChange(changeValue, form.getFieldsValue());\n        }}\n      />\n    );\n  };\n\n  const renderEnumItem = (\n    item: UnionPropertyType,\n    enumList: string[]\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\n          options={enumList.map((item) => ({ label: item, value: item }))}\n        />\n      </Form.Item>\n    );\n  };\n\n  const getFormItem = (item: PropertyType): React.ReactElement => {\n    // todo(sailor): update unit text\n    if (/true|false/.test(item.type as string)) {\n      return renderBooleanItem(item);\n    }\n    if (item.enums) {\n      const emunList = (item.enums as string).replace(/\"|'/g, \"\").split(\"|\");\n      return renderEnumItem(item, emunList);\n    }\n    switch (item.editor) {\n      case \"input\":\n        return renderStringItem(item);\n      case \"radio\":\n        return renderRadioItem(item);\n      case \"switch\":\n        return renderBooleanItem(item);\n      case \"color\":\n        return renderColorItem(item);\n      case \"icon\":\n        return renderIconItem(item);\n      case \"message\":\n        return renderMessageItem(item);\n    }\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      // todo(sailor): update unit text\n      case \"GeneralOption[]\":\n        return renderGeneralOptipns(item);\n      case \"CustomColumn[]\":\n        return renderCustomColumn(item);\n      case \"CustomButton[]\":\n        return renderCustomButtons(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  const gorupList = React.useMemo(() => {\n    return groupByType(typeList);\n  }, [typeList]);\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      className={styles.visualPropertyForm}\n      name=\"propertyForm\"\n      layout=\"horizontal\"\n      labelAlign=\"left\"\n      labelCol={{\n        span: 8,\n        style: {\n          minWidth: \"120px\",\n        },\n      }}\n      wrapperCol={{ span: 16 }}\n      size=\"small\"\n      form={form}\n      onValuesChange={props.onValuesChange}\n      initialValues={calculateValue(\n        propertyTypeList,\n        brickProperties,\n        typeList\n      )}\n      colon={false}\n    >\n      {!hiddenPropsCategory ? (\n        <Collapse\n          ghost\n          defaultActiveKey={gorupList.map((_, index) => String(index))}\n          className={styles.panelContainer}\n          expandIconPosition=\"left\"\n        >\n          {gorupList?.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/ColorEditor/ColorEditorItem.js

@@ -32,6 +32,7 @@ function getPresetColors(colorMap) {
 function LegacyColorPick(props, ref) {
   const [value, setValue] = (0, _react.useState)(props.value);
   const [visible, setVisible] = (0, _react.useState)(false);
+  const [pos, setPos] = (0, _react.useState)([0, 0]);
   (0, _react.useEffect)(() => {
     setValue(props.value);
   }, [props.value]);
@@ -39,7 +40,8 @@ function LegacyColorPick(props, ref) {
     setValue(color.hex);
     props.onChange(color.hex);
   };
-  const handleClick = () => {
+  const handleClick = e => {
+    setPos([e.clientX, e.clientY]);
     setVisible(true);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -53,7 +55,10 @@ function LegacyColorPick(props, ref) {
       backgroundColor: value
     }
   })), visible && /*#__PURE__*/_react.default.createElement("div", {
-    className: _ColorEditorModule.default.popover
+    className: _ColorEditorModule.default.popover,
+    style: {
+      top: pos[1] - 385 - 16
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _ColorEditorModule.default.cover,
     onClick: () => setVisible(false)

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

@@ -1 +1 @@
-{"version":3,"file":"ColorEditorItem.js","names":["getPresetColors","colorMap","colorList","group","Object","entries","forEach","name","result","match","colorHex","window","getComputedStyle","document","documentElement","getPropertyValue","trim","push","LegacyColorPick","props","ref","value","setValue","useState","visible","setVisible","useEffect","handleChangeComplete","color","hex","onChange","handleClick","styles","colorContainer","colorCube","colorContent","backgroundColor","popover","cover","COLORS_MAP","ColorPick","forwardRef","ColorEditorItem","label","required","message"],"sources":["../../../../../src/visual-property-form/components/ColorEditor/ColorEditorItem.tsx"],"sourcesContent":["import { ColorResult, SketchPicker } from \"react-color\";\nimport { COLORS_MAP, Colors } from \"@next-libs/basic-components\";\nimport { Form } from \"antd\";\nimport React, { useEffect, useState, forwardRef } from \"react\";\nimport styles from \"./ColorEditor.module.css\";\n\nexport interface ColorEditorItemProps {\n  name?: string;\n  label?: string | React.ReactElement;\n  required?: boolean;\n  value?: any;\n  onChange?: (value: string) => void;\n}\n\nexport function getPresetColors(\n  colorMap: Record<\n    Colors,\n    {\n      color: string;\n      background: string;\n      borderColor: string;\n    }\n  >\n): string[] {\n  const colorList: string[] = [];\n  for (const [, group] of Object.entries(colorMap)) {\n    [\"color\", \"background\", \"borderColor\"].forEach((name) => {\n      const result = (group as Record<string, any>)[name]?.match(\n        /^var\\((.+)\\)/\n      );\n      if (result) {\n        const colorHex = window\n          .getComputedStyle(document.documentElement)\n          .getPropertyValue(result[1])\n          ?.trim();\n        colorHex && colorList.push(colorHex);\n      }\n    });\n  }\n\n  return colorList;\n}\n\nexport function LegacyColorPick(\n  props: ColorEditorItemProps,\n  ref: React.Ref<any>\n) {\n  const [value, setValue] = useState(props.value);\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    setValue(props.value);\n  }, [props.value]);\n\n  const handleChangeComplete = (color: ColorResult) => {\n    setValue(color.hex);\n    props.onChange(color.hex);\n  };\n\n  const handleClick = () => {\n    setVisible(true);\n  };\n\n  return (\n    <div className={styles.colorContainer}>\n      <div className={styles.colorCube} onClick={handleClick}>\n        <div\n          className={styles.colorContent}\n          style={{ backgroundColor: value }}\n        />\n      </div>\n      {visible && (\n        <div className={styles.popover}>\n          <div className={styles.cover} onClick={() => setVisible(false)} />\n          <SketchPicker\n            width=\"230px\"\n            ref={ref}\n            color={value}\n            onChangeComplete={handleChangeComplete}\n            presetColors={getPresetColors(COLORS_MAP)}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const ColorPick = forwardRef(LegacyColorPick);\n\nexport function ColorEditorItem(props: ColorEditorItemProps) {\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[{ required: props.required, message: `请输入${props.name}` }]}\n    >\n      <ColorPick />\n    </Form.Item>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAUO,SAASA,eAAe,CAC7BC,QAOC,EACS;EACV,MAAMC,SAAmB,GAAG,EAAE;EAC9B,KAAK,MAAM,GAAGC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACJ,QAAQ,CAAC,EAAE;IAChD,CAAC,OAAO,EAAE,YAAY,EAAE,aAAa,CAAC,CAACK,OAAO,CAAEC,IAAI,IAAK;MAAA;MACvD,MAAMC,MAAM,YAAIL,KAAK,CAAyBI,IAAI,CAAC,0CAApC,MAAsCE,KAAK,CACxD,cAAc,CACf;MACD,IAAID,MAAM,EAAE;QAAA;QACV,MAAME,QAAQ,4BAAGC,MAAM,CACpBC,gBAAgB,CAACC,QAAQ,CAACC,eAAe,CAAC,CAC1CC,gBAAgB,CAACP,MAAM,CAAC,CAAC,CAAC,CAAC,0DAFb,sBAGbQ,IAAI,EAAE;QACVN,QAAQ,IAAIR,SAAS,CAACe,IAAI,CAACP,QAAQ,CAAC;MACtC;IACF,CAAC,CAAC;EACJ;EAEA,OAAOR,SAAS;AAClB;AAEO,SAASgB,eAAe,CAC7BC,KAA2B,EAC3BC,GAAmB,EACnB;EACA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACJ,KAAK,CAACE,KAAK,CAAC;EAC/C,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAE7C,IAAAG,gBAAS,EAAC,MAAM;IACdJ,QAAQ,CAACH,KAAK,CAACE,KAAK,CAAC;EACvB,CAAC,EAAE,CAACF,KAAK,CAACE,KAAK,CAAC,CAAC;EAEjB,MAAMM,oBAAoB,GAAIC,KAAkB,IAAK;IACnDN,QAAQ,CAACM,KAAK,CAACC,GAAG,CAAC;IACnBV,KAAK,CAACW,QAAQ,CAACF,KAAK,CAACC,GAAG,CAAC;EAC3B,CAAC;EAED,MAAME,WAAW,GAAG,MAAM;IACxBN,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC;EAED,oBACE;IAAK,SAAS,EAAEO,0BAAM,CAACC;EAAe,gBACpC;IAAK,SAAS,EAAED,0BAAM,CAACE,SAAU;IAAC,OAAO,EAAEH;EAAY,gBACrD;IACE,SAAS,EAAEC,0BAAM,CAACG,YAAa;IAC/B,KAAK,EAAE;MAAEC,eAAe,EAAEf;IAAM;EAAE,EAClC,CACE,EACLG,OAAO,iBACN;IAAK,SAAS,EAAEQ,0BAAM,CAACK;EAAQ,gBAC7B;IAAK,SAAS,EAAEL,0BAAM,CAACM,KAAM;IAAC,OAAO,EAAE,MAAMb,UAAU,CAAC,KAAK;EAAE,EAAG,eAClE,6BAAC,wBAAY;IACX,KAAK,EAAC,OAAO;IACb,GAAG,EAAEL,GAAI;IACT,KAAK,EAAEC,KAAM;IACb,gBAAgB,EAAEM,oBAAqB;IACvC,YAAY,EAAE3B,eAAe,CAACuC,2BAAU;EAAE,EAC1C,CAEL,CACG;AAEV;AAEO,MAAMC,SAAS,gBAAG,IAAAC,iBAAU,EAACvB,eAAe,CAAC;AAAC;AAE9C,SAASwB,eAAe,CAACvB,KAA2B,EAAE;EAC3D,oBACE,6BAAC,UAAI,CAAC,IAAI;IACR,GAAG,EAAEA,KAAK,CAACZ,IAAK;IAChB,IAAI,EAAEY,KAAK,CAACZ,IAAK;IACjB,KAAK,EAAEY,KAAK,CAACwB,KAAM;IACnB,KAAK,EAAE,CAAC;MAAEC,QAAQ,EAAEzB,KAAK,CAACyB,QAAQ;MAAEC,OAAO,EAAG,MAAK1B,KAAK,CAACZ,IAAK;IAAE,CAAC;EAAE,gBAEnE,6BAAC,SAAS,OAAG,CACH;AAEhB"}
+{"version":3,"file":"ColorEditorItem.js","names":["getPresetColors","colorMap","colorList","group","Object","entries","forEach","name","result","match","colorHex","window","getComputedStyle","document","documentElement","getPropertyValue","trim","push","LegacyColorPick","props","ref","value","setValue","useState","visible","setVisible","pos","setPos","useEffect","handleChangeComplete","color","hex","onChange","handleClick","e","clientX","clientY","styles","colorContainer","colorCube","colorContent","backgroundColor","popover","top","cover","COLORS_MAP","ColorPick","forwardRef","ColorEditorItem","label","required","message"],"sources":["../../../../../src/visual-property-form/components/ColorEditor/ColorEditorItem.tsx"],"sourcesContent":["import { ColorResult, SketchPicker } from \"react-color\";\nimport { COLORS_MAP, Colors } from \"@next-libs/basic-components\";\nimport { Form } from \"antd\";\nimport React, { useEffect, useState, forwardRef } from \"react\";\nimport styles from \"./ColorEditor.module.css\";\n\nexport interface ColorEditorItemProps {\n  name?: string;\n  label?: string | React.ReactElement;\n  required?: boolean;\n  value?: any;\n  onChange?: (value: string) => void;\n}\n\nexport function getPresetColors(\n  colorMap: Record<\n    Colors,\n    {\n      color: string;\n      background: string;\n      borderColor: string;\n    }\n  >\n): string[] {\n  const colorList: string[] = [];\n  for (const [, group] of Object.entries(colorMap)) {\n    [\"color\", \"background\", \"borderColor\"].forEach((name) => {\n      const result = (group as Record<string, any>)[name]?.match(\n        /^var\\((.+)\\)/\n      );\n      if (result) {\n        const colorHex = window\n          .getComputedStyle(document.documentElement)\n          .getPropertyValue(result[1])\n          ?.trim();\n        colorHex && colorList.push(colorHex);\n      }\n    });\n  }\n\n  return colorList;\n}\n\nexport function LegacyColorPick(\n  props: ColorEditorItemProps,\n  ref: React.Ref<any>\n) {\n  const [value, setValue] = useState(props.value);\n  const [visible, setVisible] = useState(false);\n  const [pos, setPos] = useState([0, 0]);\n\n  useEffect(() => {\n    setValue(props.value);\n  }, [props.value]);\n\n  const handleChangeComplete = (color: ColorResult) => {\n    setValue(color.hex);\n    props.onChange(color.hex);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>): void => {\n    setPos([e.clientX, e.clientY]);\n    setVisible(true);\n  };\n\n  return (\n    <div className={styles.colorContainer}>\n      <div className={styles.colorCube} onClick={handleClick}>\n        <div\n          className={styles.colorContent}\n          style={{ backgroundColor: value }}\n        />\n      </div>\n      {visible && (\n        <div\n          className={styles.popover}\n          style={{\n            top: pos[1] - 385 - 16,\n          }}\n        >\n          <div className={styles.cover} onClick={() => setVisible(false)} />\n          <SketchPicker\n            width=\"230px\"\n            ref={ref}\n            color={value}\n            onChangeComplete={handleChangeComplete}\n            presetColors={getPresetColors(COLORS_MAP)}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const ColorPick = forwardRef(LegacyColorPick);\n\nexport function ColorEditorItem(props: ColorEditorItemProps) {\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[{ required: props.required, message: `请输入${props.name}` }]}\n    >\n      <ColorPick />\n    </Form.Item>\n  );\n}\n"],"mappings":"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"}

package/dist/cjs/visual-property-form/components/MessageEditor/MessageEditor.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageEditor = MessageEditor;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _MessageEditorModule = _interopRequireDefault(require("./MessageEditor.module.css"));
+var _basicComponents = require("@next-libs/basic-components");
+function MessageEditor({
+  name,
+  label,
+  value = {},
+  required,
+  onChange
+}) {
+  const renderForm = value => {
+    return /*#__PURE__*/_react.default.createElement(_antd.Form, {
+      layout: "horizontal",
+      labelAlign: "left",
+      labelCol: {
+        style: {
+          minWidth: "112px"
+        }
+      },
+      onValuesChange: onChange
+    }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+      name: "pattern",
+      label: "pattern"
+    }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+      defaultValue: value.pattern
+    })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+      name: "required",
+      label: "required"
+    }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+      defaultValue: value.required
+    })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+      name: "max",
+      label: "max"
+    }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+      defaultValue: value.max
+    })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+      name: "min",
+      label: "min"
+    }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+      defaultValue: value.min
+    })));
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _MessageEditorModule.default.messageEditorContainer
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    key: name,
+    name: name,
+    label: label,
+    rules: [{
+      required: required,
+      message: `请输入${name}`
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
+    overlayStyle: {
+      zIndex: 999
+    },
+    content: renderForm(value),
+    title: "Detail",
+    trigger: "click",
+    placement: "left"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _MessageEditorModule.default.editBtn
+  }, /*#__PURE__*/_react.default.createElement(_basicComponents.GeneralIcon, {
+    icon: {
+      lib: "easyops",
+      category: "default",
+      icon: "edit",
+      color: "gray"
+    },
+    style: {
+      padding: 4
+    }
+  })))));
+}
+//# sourceMappingURL=MessageEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageEditor.js","names":["MessageEditor","name","label","value","required","onChange","renderForm","style","minWidth","pattern","max","min","styles","messageEditorContainer","message","zIndex","editBtn","lib","category","icon","color","padding"],"sources":["../../../../../src/visual-property-form/components/MessageEditor/MessageEditor.tsx"],"sourcesContent":["import { Form, Input, Popover } from \"antd\";\nimport React from \"react\";\nimport styles from \"./MessageEditor.module.css\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\n\ninterface MessageEditorProps {\n  name?: string;\n  label?: string | React.ReactElement;\n  value?: Record<string, any>;\n  required?: boolean;\n  onChange?: (data: any) => void;\n}\n\nexport function MessageEditor({\n  name,\n  label,\n  value = {},\n  required,\n  onChange,\n}: MessageEditorProps): React.ReactElement {\n  const renderForm = (value: Record<string, any>) => {\n    return (\n      <Form\n        layout=\"horizontal\"\n        labelAlign=\"left\"\n        labelCol={{\n          style: {\n            minWidth: \"112px\",\n          },\n        }}\n        onValuesChange={onChange}\n      >\n        <Form.Item name=\"pattern\" label=\"pattern\">\n          <Input defaultValue={value.pattern} />\n        </Form.Item>\n        <Form.Item name=\"required\" label=\"required\">\n          <Input defaultValue={value.required} />\n        </Form.Item>\n        <Form.Item name=\"max\" label=\"max\">\n          <Input defaultValue={value.max} />\n        </Form.Item>\n        <Form.Item name=\"min\" label=\"min\">\n          <Input defaultValue={value.min} />\n        </Form.Item>\n      </Form>\n    );\n  };\n\n  return (\n    <div className={styles.messageEditorContainer}>\n      <Form.Item\n        key={name}\n        name={name}\n        label={label}\n        rules={[{ required: required, message: `请输入${name}` }]}\n      >\n        <Popover\n          overlayStyle={{\n            zIndex: 999,\n          }}\n          content={renderForm(value)}\n          title=\"Detail\"\n          trigger=\"click\"\n          placement=\"left\"\n        >\n          <div className={styles.editBtn}>\n            <GeneralIcon\n              icon={{\n                lib: \"easyops\",\n                category: \"default\",\n                icon: \"edit\",\n                color: \"gray\",\n              }}\n              style={{\n                padding: 4,\n              }}\n            />\n          </div>\n        </Popover>\n      </Form.Item>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAUO,SAASA,aAAa,CAAC;EAC5BC,IAAI;EACJC,KAAK;EACLC,KAAK,GAAG,CAAC,CAAC;EACVC,QAAQ;EACRC;AACkB,CAAC,EAAsB;EACzC,MAAMC,UAAU,GAAIH,KAA0B,IAAK;IACjD,oBACE,6BAAC,UAAI;MACH,MAAM,EAAC,YAAY;MACnB,UAAU,EAAC,MAAM;MACjB,QAAQ,EAAE;QACRI,KAAK,EAAE;UACLC,QAAQ,EAAE;QACZ;MACF,CAAE;MACF,cAAc,EAAEH;IAAS,gBAEzB,6BAAC,UAAI,CAAC,IAAI;MAAC,IAAI,EAAC,SAAS;MAAC,KAAK,EAAC;IAAS,gBACvC,6BAAC,WAAK;MAAC,YAAY,EAAEF,KAAK,CAACM;IAAQ,EAAG,CAC5B,eACZ,6BAAC,UAAI,CAAC,IAAI;MAAC,IAAI,EAAC,UAAU;MAAC,KAAK,EAAC;IAAU,gBACzC,6BAAC,WAAK;MAAC,YAAY,EAAEN,KAAK,CAACC;IAAS,EAAG,CAC7B,eACZ,6BAAC,UAAI,CAAC,IAAI;MAAC,IAAI,EAAC,KAAK;MAAC,KAAK,EAAC;IAAK,gBAC/B,6BAAC,WAAK;MAAC,YAAY,EAAED,KAAK,CAACO;IAAI,EAAG,CACxB,eACZ,6BAAC,UAAI,CAAC,IAAI;MAAC,IAAI,EAAC,KAAK;MAAC,KAAK,EAAC;IAAK,gBAC/B,6BAAC,WAAK;MAAC,YAAY,EAAEP,KAAK,CAACQ;IAAI,EAAG,CACxB,CACP;EAEX,CAAC;EAED,oBACE;IAAK,SAAS,EAAEC,4BAAM,CAACC;EAAuB,gBAC5C,6BAAC,UAAI,CAAC,IAAI;IACR,GAAG,EAAEZ,IAAK;IACV,IAAI,EAAEA,IAAK;IACX,KAAK,EAAEC,KAAM;IACb,KAAK,EAAE,CAAC;MAAEE,QAAQ,EAAEA,QAAQ;MAAEU,OAAO,EAAG,MAAKb,IAAK;IAAE,CAAC;EAAE,gBAEvD,6BAAC,aAAO;IACN,YAAY,EAAE;MACZc,MAAM,EAAE;IACV,CAAE;IACF,OAAO,EAAET,UAAU,CAACH,KAAK,CAAE;IAC3B,KAAK,EAAC,QAAQ;IACd,OAAO,EAAC,OAAO;IACf,SAAS,EAAC;EAAM,gBAEhB;IAAK,SAAS,EAAES,4BAAM,CAACI;EAAQ,gBAC7B,6BAAC,4BAAW;IACV,IAAI,EAAE;MACJC,GAAG,EAAE,SAAS;MACdC,QAAQ,EAAE,SAAS;MACnBC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT,CAAE;IACF,KAAK,EAAE;MACLC,OAAO,EAAE;IACX;EAAE,EACF,CACE,CACE,CACA,CACR;AAEV"}

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

@@ -7,12 +7,16 @@ exports.supportMenuType = exports.supportBasicType = exports.groupI18nMap = expo
 const groupI18nMap = {
   basic: {
     en: "Basic",
-    zh: "常用"
+    zh: "基础"
   },
   ui: {
     en: "UI",
     zh: "外观"
   },
+  style: {
+    en: "Style",
+    zh: "样式"
+  },
   advanced: {
     en: "Advanced",
     zh: "高级"
@@ -25,6 +29,14 @@ const groupI18nMap = {
     en: "Advanced Form Item",
     zh: "表单项高级"
   },
+  formValidation: {
+    en: "Validation",
+    zh: "数据验证"
+  },
+  formLabel: {
+    en: "Label",
+    zh: "标签"
+  },
   other: {
     en: "Other",
     zh: "其他"