@next-libs/visual-builder 1.5.0 → 1.5.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}\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    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"}

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LegacyVisualPropertyForm = LegacyVisualPropertyForm;
 exports.VisualPropertyForm = void 0;
+exports.typeMatched = typeMatched;
 var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _brickKit = require("@next-core/brick-kit");
@@ -24,6 +25,13 @@ var _processor = require("./processor");
 var _constant = require("./constant");
 var _interfaces = require("../interfaces");
 const ButtonTypeEmun = ["link", "default", "primary", "ghost", "dashed", "icon", "text"];
+function typeMatched(actualValue, selectedValue) {
+  if (typeof actualValue === selectedValue.type) {
+    return true;
+  }
+  // TODO: 补充更多的类型检查，例如 enum 等
+  return false;
+}
 function LegacyVisualPropertyForm(props, ref) {
   const theme = (0, _brickKit.useCurrentTheme)();
   const {
@@ -62,18 +70,44 @@ function LegacyVisualPropertyForm(props, ref) {
     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) {
+    selected.value = form.getFieldValue(selected.name);
+    // 记录切换前的模式下的值
+    selected.modeValueMap = {
+      ...selected.modeValueMap,
+      ...{
+        [selected.mode]: selected.value
+      }
+    };
+    // let value = cloneDeep(selected.value);
+    if (!(0, _lodash.isNil)(selected.modeValueMap[nextMode])) {
+      // 切换后的模式原本有值时，则用原本的值
+      selected.value = selected.modeValueMap[nextMode];
+    } else if (nextMode === _interfaces.ItemModeType.Normal) {
+      // 切换到普通模式没有值时可以根据高级模式来更新值
       if (_constant.supportMenuType.includes(selected.type)) {
-        value = (0, _processor.matchNoramlMenuValue)(value);
+        selected.value = (0, _processor.matchNoramlMenuValue)(selected.value);
+      } else if (_constant.supportBasicType.includes(selected.type)) {
+        // yaml解析后检查下类型，不符合属性类型就不更新了
+        const parsedValue = (0, _processor.yaml)(selected.value);
+        if (typeMatched(parsedValue, selected)) {
+          selected.value = parsedValue;
+        } else {
+          selected.value = undefined;
+        }
       }
-    } else if ((0, _lodash.isNil)(selected.value)) {
-      value = "";
     } else {
-      value = (0, _processor.yamlStringify)(selected.value);
+      // 切换到高级模式没有值时可以根据普通模式来更新值
+      if ((0, _lodash.isNil)(selected.value)) {
+        selected.value = "";
+      } else if ((0, _lodash.isString)(selected.value)) {
+        // do nothing
+      } else {
+        selected.value = (0, _processor.yamlStringify)(selected.value);
+      }
     }
+    selected.modeValueMap[nextMode] = selected.value;
     form.setFieldsValue({
-      [name]: value
+      [name]: selected.value
     });
     const newTypeList = (0, _immutabilityHelper.default)(typeList, {
       $splice: [[index, 1, {
@@ -103,7 +137,18 @@ 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"
+      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: {
+        span: 24,
+        style: {
+          padding: 0
+        }
+      },
+      wrapperCol: {
+        span: 24
+      }
     });
   };
   const renderStringItem = item => {
@@ -125,7 +170,8 @@ function LegacyVisualPropertyForm(props, ref) {
       rules: [{
         required: item.required === _interfaces.Required.True,
         message: `请输入${item.name}`
-      }]
+      }],
+      valuePropName: "checked"
     }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
       defaultChecked: props.brickProperties[item.name]
     }));
@@ -416,20 +462,26 @@ function LegacyVisualPropertyForm(props, ref) {
     className: _VisualPropertyFormModule.default.visualPropertyForm,
     name: "propertyForm",
     layout: "horizontal",
-    labelAlign: "right",
+    labelAlign: "left",
     labelCol: {
+      span: 8,
       style: {
         minWidth: "120px"
       }
     },
+    wrapperCol: {
+      span: 16
+    },
     size: "small",
     form: form,
     onValuesChange: props.onValuesChange,
-    initialValues: (0, _processor.calculateValue)(propertyTypeList, brickProperties, typeList)
+    initialValues: (0, _processor.calculateValue)(propertyTypeList, brickProperties, typeList),
+    colon: false
   }, !hiddenPropsCategory ? /*#__PURE__*/_react.default.createElement(_antd.Collapse, {
     ghost: true,
     defaultActiveKey: gorupList.map((_, index) => String(index)),
-    className: _VisualPropertyFormModule.default.panelContainer
+    className: _VisualPropertyFormModule.default.panelContainer,
+    expandIconPosition: "left"
   }, gorupList === null || gorupList === void 0 ? void 0 : gorupList.map(([category, list], index) => {
     return /*#__PURE__*/_react.default.createElement(_antd.Collapse.Panel, {
       header: (0, _lodash.upperFirst)(category),

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

@@ -1 +1 @@
-{"version":3,"file":"VisualPropertyForm.js","names":["ButtonTypeEmun","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","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","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","style","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 { 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 { ListEditor } from \"./components/ListEditor/ListEditor\";\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\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 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\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        <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=\"right\"\n      labelCol={{\n        style: {\n          minWidth: \"120px\",\n        },\n      }}\n      size=\"small\"\n      form={form}\n      onValuesChange={props.onValuesChange}\n      initialValues={calculateValue(\n        propertyTypeList,\n        brickProperties,\n        typeList\n      )}\n    >\n      {!hiddenPropsCategory ? (\n        <Collapse\n          ghost\n          defaultActiveKey={gorupList.map((_, index) => String(index))}\n          className={styles.panelContainer}\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","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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"}

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

@@ -30,6 +30,8 @@ function CodeEditorFormItem(props) {
     }
   };
   return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    labelCol: props.labelCol,
+    wrapperCol: props.wrapperCol,
     key: props.name,
     name: props.name,
     label: props.label,
@@ -41,10 +43,11 @@ function CodeEditorFormItem(props) {
     }]
   }, /*#__PURE__*/_react.default.createElement(_codeEditorComponents.CodeEditorItem, (0, _extends2.default)({
     tabSize: 2,
-    minLines: 5,
+    minLines: 3,
     maxLines: 12,
     printMargin: false,
-    showLineNumbers: false,
+    showLineNumbers: props.showLineNumbers,
+    showGutter: props.showGutter,
     showCopyButton: true,
     showExpandButton: true,
     theme: "tomorrow",

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,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"}
+{"version":3,"file":"CodeEditorFormItem.js","names":["CodeEditorFormItem","props","name","label","rest","hasError","setHasError","useState","handleValidate","err","error","some","validatorFn","Promise","resolve","reject","labelCol","wrapperCol","required","message","validator","showLineNumbers","showGutter"],"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      labelCol={props.labelCol}\n      wrapperCol={props.wrapperCol}\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={3}\n        maxLines={12}\n        printMargin={false}\n        showLineNumbers={props.showLineNumbers}\n        showGutter={props.showGutter}\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,QAAQ,EAAEd,KAAK,CAACe,QAAS;IACzB,UAAU,EAAEf,KAAK,CAACgB,UAAW;IAC7B,GAAG,EAAEhB,KAAK,CAACC,IAAK;IAChB,IAAI,EAAED,KAAK,CAACC,IAAK;IACjB,KAAK,EAAED,KAAK,CAACE,KAAM;IACnB,KAAK,EAAE,CACL;MAAEe,QAAQ,EAAEjB,KAAK,CAACiB,QAAQ;MAAEC,OAAO,EAAG,MAAKlB,KAAK,CAACC,IAAK;IAAE,CAAC,EACzD;MAAEkB,SAAS,EAAER;IAAY,CAAC;EAC1B,gBAEF,6BAAC,oCAAc;IACb,OAAO,EAAE,CAAE;IACX,QAAQ,EAAE,CAAE;IACZ,QAAQ,EAAE,EAAG;IACb,WAAW,EAAE,KAAM;IACnB,eAAe,EAAEX,KAAK,CAACoB,eAAgB;IACvC,UAAU,EAAEpB,KAAK,CAACqB,UAAW;IAC7B,cAAc,EAAE,IAAK;IACrB,gBAAgB,EAAE,IAAK;IACvB,KAAK,EAAC,UAAU;IAChB,wBAAwB,EAAE,IAAK;IAC/B,UAAU,EAAEd;EAAe,GACvBJ,IAAI,EACQ,CACR;AAEhB"}

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

@@ -26,11 +26,21 @@ function isAdvanceMode(value) {
   return false;
 }
 function mergeProperties(propertyList = [], brickProperties = {}) {
-  return propertyList === null || propertyList === void 0 ? void 0 : propertyList.map(item => ({
-    ...item,
-    value: brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name],
-    mode: isAdvanceMode(brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name]) ? _interfaces.ItemModeType.Advanced : _interfaces.ItemModeType.Normal
-  }));
+  return propertyList === null || propertyList === void 0 ? void 0 : propertyList.map(item => {
+    if (isAdvanceMode(brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name])) {
+      return {
+        ...item,
+        mode: _interfaces.ItemModeType.Advanced,
+        value: yamlStringify(brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name])
+      };
+    } else {
+      return {
+        ...item,
+        mode: _interfaces.ItemModeType.Normal,
+        value: brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name]
+      };
+    }
+  });
 }
 function yamlStringify(value, indent = 2) {
   return (0, _jsYaml.safeDump)(value, {
@@ -39,7 +49,7 @@ function yamlStringify(value, indent = 2) {
     skipInvalid: true,
     noRefs: true,
     noCompatMode: true
-  });
+  }).replace(/[\n\r]+$/, "");
 }
 function yaml(value) {
   return (0, _jsYaml.safeLoad)(value, {
@@ -76,7 +86,10 @@ function calculateValue(propertyList = [], brickProperties = {}, typeList = [])
     const v = brickProperties[item.name];
     obj[item.name] = v;
     if (v !== undefined) {
-      if (!_constant.supportBasicType.concat(_constant.supportMenuType).includes(item.type)) {
+      if (!_constant.supportBasicType.concat(_constant.supportMenuType).includes(item.type) ||
+      // 非已知类型
+      typeof v === "object" // 值为object
+      ) {
         obj[item.name] = yamlStringify(v);
       }
       if (_constant.supportMenuType.includes(item.type)) {
@@ -101,13 +114,18 @@ function calculateValue(propertyList = [], brickProperties = {}, typeList = [])
  *  1. 当前属性的类型不是内置支持的类型
  *  2. 当前属性虽然是支持的类型，但是当前切换到高级模式编辑
  *  3. 不是构件本身申明的属性，为 html 共有的通用属性，目前统一放在 others 的编辑器中
+ *  4. 表达式也不需要解析成 JSON 模式
  * @param field  字段值
  * @param typeList  属性列表包含每个属性的类型和当前编辑模式
  * @return boolean
  */
 
 function isUseYamlParse(field, typeList) {
-  if (typeof field.value !== "string") return false;
+  if (typeof field.value !== "string") {
+    return false;
+  } else if (field.value.startsWith("<%") || field.value.includes("${")) {
+    return false;
+  }
   if (field.key === _constant.OTHER_FORM_ITEM_FIELD) return true;
   const find = typeList === null || typeList === void 0 ? void 0 : typeList.find(item => item.name === field.key);
   if (find) {

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

@@ -1 +1 @@
-{"version":3,"file":"processor.js","names":["isAdvanceMode","value","startsWith","includes","mergeProperties","propertyList","brickProperties","map","item","name","mode","ItemModeType","Advanced","Normal","yamlStringify","indent","safeDump","schema","JSON_SCHEMA","skipInvalid","noRefs","noCompatMode","yaml","safeLoad","json","matchNoramlMenuValue","reg","match","replace","calcMenuValue","calculateValue","typeList","othersValue","key","Object","entries","find","processValue","reduce","obj","v","undefined","supportBasicType","concat","supportMenuType","type","selected","typeItem","OTHER_FORM_ITEM_FIELD","isEmpty","isUseYamlParse","field","isBasicType","isUseMenuParse","processFormValue","values","formData","omit","groupByType","normals","filter","group","others","groupBy","groupI18N","groupI18nMap","i18nData","i18nText","extractCommonProps","sharedPropertyList","defaultCommonProps"],"sources":["../../../src/visual-property-form/processor.ts"],"sourcesContent":["import { i18nText } from \"@next-core/brick-kit\";\nimport {\n  PropertyType,\n  UnionPropertyType,\n  BrickProperties,\n  ItemModeType,\n} from \"../interfaces\";\nimport { safeDump, JSON_SCHEMA, safeLoad } from \"js-yaml\";\nimport { omit, isEmpty, groupBy } from \"lodash\";\nimport {\n  supportBasicType,\n  supportMenuType,\n  OTHER_FORM_ITEM_FIELD,\n  defaultCommonProps,\n  groupI18nMap,\n} from \"./constant\";\n\nexport function isAdvanceMode(value: unknown): boolean {\n  if (\n    (typeof value === \"string\" &&\n      (value.startsWith(\"<%\") || value.includes(\"${\"))) ||\n    typeof value === \"object\"\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\nexport function mergeProperties(\n  propertyList: PropertyType[] = [],\n  brickProperties: BrickProperties = {}\n): UnionPropertyType[] {\n  return propertyList?.map((item) => ({\n    ...item,\n    value: brickProperties?.[item.name],\n    mode: isAdvanceMode(brickProperties?.[item.name])\n      ? ItemModeType.Advanced\n      : ItemModeType.Normal,\n  }));\n}\n\nexport function yamlStringify(value: unknown, indent = 2): string {\n  return safeDump(value, {\n    indent,\n    schema: JSON_SCHEMA,\n    skipInvalid: true,\n    noRefs: true,\n    noCompatMode: true,\n  });\n}\n\nexport function yaml(value: string): any {\n  return safeLoad(value, { schema: JSON_SCHEMA, json: true });\n}\n\nexport function matchNoramlMenuValue(value: unknown): unknown {\n  if (typeof value === \"string\") {\n    const reg = /<% APP\\.getMenu\\((.*)\\) %>/;\n    return value.match(reg)?.[1]?.replace(/'|\"/g, \"\") || value;\n  }\n  return yamlStringify(value);\n}\n\nfunction calcMenuValue(value: string): string {\n  if (typeof value === \"string\") {\n    if (value.startsWith(\"<%\")) {\n      return value;\n    }\n    return `<% APP.getMenu('${value}') %>`;\n  }\n  return value;\n}\n\nexport function calculateValue(\n  propertyList: PropertyType[] = [],\n  brickProperties: BrickProperties = {},\n  typeList: UnionPropertyType[] = []\n): Record<string, any> {\n  const othersValue: Record<string, any> = {};\n  for (const [key, value] of Object.entries(brickProperties)) {\n    const find = propertyList.find((item) => item.name === key);\n    if (!find) {\n      othersValue[key] = value;\n    }\n  }\n\n  const processValue = propertyList.reduce((obj: any, item) => {\n    const v = brickProperties[item.name];\n    obj[item.name] = v;\n    if (v !== undefined) {\n      if (\n        !supportBasicType.concat(supportMenuType).includes(item.type as string)\n      ) {\n        obj[item.name] = yamlStringify(v);\n      }\n\n      if (supportMenuType.includes(item.type as string)) {\n        const selected = typeList.find(\n          (typeItem) => typeItem.name === item.name\n        );\n        if (selected?.mode === ItemModeType.Advanced) {\n          obj[item.name] = yamlStringify(v);\n        } else {\n          obj[item.name] = matchNoramlMenuValue(v);\n        }\n      }\n    }\n    return obj;\n  }, {});\n\n  return {\n    ...processValue,\n    [OTHER_FORM_ITEM_FIELD]: isEmpty(othersValue)\n      ? \"\"\n      : yamlStringify(othersValue),\n  };\n}\n\n/**\n * @description 判断是否用使用 yaml 把用户输入解析成 JSON 的模式，当前只有以下情况下会进行解析，其他情况不对数据进行处理\n *  1. 当前属性的类型不是内置支持的类型\n *  2. 当前属性虽然是支持的类型，但是当前切换到高级模式编辑\n *  3. 不是构件本身申明的属性，为 html 共有的通用属性，目前统一放在 others 的编辑器中\n * @param field  字段值\n * @param typeList  属性列表包含每个属性的类型和当前编辑模式\n * @return boolean\n */\n\nexport function isUseYamlParse(\n  field: { key: string; value: any },\n  typeList: UnionPropertyType[]\n): boolean {\n  if (typeof field.value !== \"string\") return false;\n\n  if (field.key === OTHER_FORM_ITEM_FIELD) return true;\n\n  const find = typeList?.find((item) => item.name === field.key);\n\n  if (find) {\n    if (\n      supportMenuType.includes(find.type as string) &&\n      find.mode !== ItemModeType.Advanced\n    )\n      return false;\n\n    const isBasicType = supportBasicType.includes(find.type as string);\n\n    if (isBasicType && find.mode === ItemModeType.Advanced) return true;\n\n    if (!isBasicType) return true;\n  }\n\n  return false;\n}\n\nexport function isUseMenuParse(\n  field: { key: string; value: any },\n  typeList: UnionPropertyType[]\n): boolean {\n  const item = typeList.find((item) => item.name === field.key);\n  if (supportMenuType.includes(item?.type as string)) {\n    return true;\n  }\n  return false;\n}\n\nexport function processFormValue(\n  values = {},\n  typeList: UnionPropertyType[]\n): Record<string, any> {\n  const formData: Record<string, any> = {};\n  for (const [key, value] of Object.entries(values)) {\n    if (isUseYamlParse({ key, value }, typeList)) {\n      formData[key] = yaml(value as any);\n    } else if (isUseMenuParse({ key, value }, typeList)) {\n      formData[key] = calcMenuValue(value as string);\n    } else {\n      formData[key] = value;\n    }\n  }\n\n  return {\n    ...omit(formData, OTHER_FORM_ITEM_FIELD),\n    ...(isEmpty(formData[OTHER_FORM_ITEM_FIELD])\n      ? {}\n      : formData[OTHER_FORM_ITEM_FIELD]),\n  };\n}\n\nexport function groupByType(\n  typeList: UnionPropertyType[] = []\n): Array<[string, UnionPropertyType[]]> {\n  const normals = typeList.filter((item) => item.group !== \"other\");\n  const others = typeList.filter((item) => item.group === \"other\");\n\n  return Object.entries(\n    groupBy(normals.concat(others), (item) => {\n      const group = item.group || \"basic\";\n      const groupI18N: Record<string, any> = {\n        ...groupI18nMap,\n        ...item.groupI18N,\n      };\n      const i18nData = groupI18N && groupI18N[group];\n      if (i18nData) {\n        return i18nText(i18nData);\n      }\n\n      return group;\n    })\n  );\n}\n\nexport function extractCommonProps(\n  typeList: PropertyType[],\n  sharedPropertyList?: PropertyType[]\n): PropertyType[] {\n  if (isEmpty(typeList)) return [];\n\n  if (sharedPropertyList) {\n    return sharedPropertyList.concat(typeList);\n  }\n\n  return defaultCommonProps.concat(typeList);\n}\n"],"mappings":"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"}
+{"version":3,"file":"processor.js","names":["isAdvanceMode","value","startsWith","includes","mergeProperties","propertyList","brickProperties","map","item","name","mode","ItemModeType","Advanced","yamlStringify","Normal","indent","safeDump","schema","JSON_SCHEMA","skipInvalid","noRefs","noCompatMode","replace","yaml","safeLoad","json","matchNoramlMenuValue","reg","match","calcMenuValue","calculateValue","typeList","othersValue","key","Object","entries","find","processValue","reduce","obj","v","undefined","supportBasicType","concat","supportMenuType","type","selected","typeItem","OTHER_FORM_ITEM_FIELD","isEmpty","isUseYamlParse","field","isBasicType","isUseMenuParse","processFormValue","values","formData","omit","groupByType","normals","filter","group","others","groupBy","groupI18N","groupI18nMap","i18nData","i18nText","extractCommonProps","sharedPropertyList","defaultCommonProps"],"sources":["../../../src/visual-property-form/processor.ts"],"sourcesContent":["import { i18nText } from \"@next-core/brick-kit\";\nimport {\n  PropertyType,\n  UnionPropertyType,\n  BrickProperties,\n  ItemModeType,\n} from \"../interfaces\";\nimport { safeDump, JSON_SCHEMA, safeLoad } from \"js-yaml\";\nimport { omit, isEmpty, groupBy } from \"lodash\";\nimport {\n  supportBasicType,\n  supportMenuType,\n  OTHER_FORM_ITEM_FIELD,\n  defaultCommonProps,\n  groupI18nMap,\n} from \"./constant\";\n\nexport function isAdvanceMode(value: unknown): boolean {\n  if (\n    (typeof value === \"string\" &&\n      (value.startsWith(\"<%\") || value.includes(\"${\"))) ||\n    typeof value === \"object\"\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\nexport function mergeProperties(\n  propertyList: PropertyType[] = [],\n  brickProperties: BrickProperties = {}\n): UnionPropertyType[] {\n  return propertyList?.map((item) => {\n    if (isAdvanceMode(brickProperties?.[item.name])) {\n      return {\n        ...item,\n        mode: ItemModeType.Advanced,\n        value: yamlStringify(brickProperties?.[item.name]),\n      };\n    } else {\n      return {\n        ...item,\n        mode: ItemModeType.Normal,\n        value: brickProperties?.[item.name],\n      };\n    }\n  });\n}\n\nexport function yamlStringify(value: unknown, indent = 2): string {\n  return safeDump(value, {\n    indent,\n    schema: JSON_SCHEMA,\n    skipInvalid: true,\n    noRefs: true,\n    noCompatMode: true,\n  }).replace(/[\\n\\r]+$/, \"\");\n}\n\nexport function yaml(value: string): any {\n  return safeLoad(value, { schema: JSON_SCHEMA, json: true });\n}\n\nexport function matchNoramlMenuValue(value: unknown): unknown {\n  if (typeof value === \"string\") {\n    const reg = /<% APP\\.getMenu\\((.*)\\) %>/;\n    return value.match(reg)?.[1]?.replace(/'|\"/g, \"\") || value;\n  }\n  return yamlStringify(value);\n}\n\nfunction calcMenuValue(value: string): string {\n  if (typeof value === \"string\") {\n    if (value.startsWith(\"<%\")) {\n      return value;\n    }\n    return `<% APP.getMenu('${value}') %>`;\n  }\n  return value;\n}\n\nexport function calculateValue(\n  propertyList: PropertyType[] = [],\n  brickProperties: BrickProperties = {},\n  typeList: UnionPropertyType[] = []\n): Record<string, any> {\n  const othersValue: Record<string, any> = {};\n  for (const [key, value] of Object.entries(brickProperties)) {\n    const find = propertyList.find((item) => item.name === key);\n    if (!find) {\n      othersValue[key] = value;\n    }\n  }\n\n  const processValue = propertyList.reduce((obj: any, item) => {\n    const v = brickProperties[item.name];\n    obj[item.name] = v;\n    if (v !== undefined) {\n      if (\n        !supportBasicType\n          .concat(supportMenuType)\n          .includes(item.type as string) || // 非已知类型\n        typeof v === \"object\" // 值为object\n      ) {\n        obj[item.name] = yamlStringify(v);\n      }\n\n      if (supportMenuType.includes(item.type as string)) {\n        const selected = typeList.find(\n          (typeItem) => typeItem.name === item.name\n        );\n        if (selected?.mode === ItemModeType.Advanced) {\n          obj[item.name] = yamlStringify(v);\n        } else {\n          obj[item.name] = matchNoramlMenuValue(v);\n        }\n      }\n    }\n    return obj;\n  }, {});\n\n  return {\n    ...processValue,\n    [OTHER_FORM_ITEM_FIELD]: isEmpty(othersValue)\n      ? \"\"\n      : yamlStringify(othersValue),\n  };\n}\n\n/**\n * @description 判断是否用使用 yaml 把用户输入解析成 JSON 的模式，当前只有以下情况下会进行解析，其他情况不对数据进行处理\n *  1. 当前属性的类型不是内置支持的类型\n *  2. 当前属性虽然是支持的类型，但是当前切换到高级模式编辑\n *  3. 不是构件本身申明的属性，为 html 共有的通用属性，目前统一放在 others 的编辑器中\n *  4. 表达式也不需要解析成 JSON 模式\n * @param field  字段值\n * @param typeList  属性列表包含每个属性的类型和当前编辑模式\n * @return boolean\n */\n\nexport function isUseYamlParse(\n  field: { key: string; value: any },\n  typeList: UnionPropertyType[]\n): boolean {\n  if (typeof field.value !== \"string\") {\n    return false;\n  } else if (field.value.startsWith(\"<%\") || field.value.includes(\"${\")) {\n    return false;\n  }\n\n  if (field.key === OTHER_FORM_ITEM_FIELD) return true;\n\n  const find = typeList?.find((item) => item.name === field.key);\n\n  if (find) {\n    if (\n      supportMenuType.includes(find.type as string) &&\n      find.mode !== ItemModeType.Advanced\n    )\n      return false;\n\n    const isBasicType = supportBasicType.includes(find.type as string);\n\n    if (isBasicType && find.mode === ItemModeType.Advanced) return true;\n\n    if (!isBasicType) return true;\n  }\n\n  return false;\n}\n\nexport function isUseMenuParse(\n  field: { key: string; value: any },\n  typeList: UnionPropertyType[]\n): boolean {\n  const item = typeList.find((item) => item.name === field.key);\n  if (supportMenuType.includes(item?.type as string)) {\n    return true;\n  }\n  return false;\n}\n\nexport function processFormValue(\n  values = {},\n  typeList: UnionPropertyType[]\n): Record<string, any> {\n  const formData: Record<string, any> = {};\n  for (const [key, value] of Object.entries(values)) {\n    if (isUseYamlParse({ key, value }, typeList)) {\n      formData[key] = yaml(value as any);\n    } else if (isUseMenuParse({ key, value }, typeList)) {\n      formData[key] = calcMenuValue(value as string);\n    } else {\n      formData[key] = value;\n    }\n  }\n\n  return {\n    ...omit(formData, OTHER_FORM_ITEM_FIELD),\n    ...(isEmpty(formData[OTHER_FORM_ITEM_FIELD])\n      ? {}\n      : formData[OTHER_FORM_ITEM_FIELD]),\n  };\n}\n\nexport function groupByType(\n  typeList: UnionPropertyType[] = []\n): Array<[string, UnionPropertyType[]]> {\n  const normals = typeList.filter((item) => item.group !== \"other\");\n  const others = typeList.filter((item) => item.group === \"other\");\n\n  return Object.entries(\n    groupBy(normals.concat(others), (item) => {\n      const group = item.group || \"basic\";\n      const groupI18N: Record<string, any> = {\n        ...groupI18nMap,\n        ...item.groupI18N,\n      };\n      const i18nData = groupI18N && groupI18N[group];\n      if (i18nData) {\n        return i18nText(i18nData);\n      }\n\n      return group;\n    })\n  );\n}\n\nexport function extractCommonProps(\n  typeList: PropertyType[],\n  sharedPropertyList?: PropertyType[]\n): PropertyType[] {\n  if (isEmpty(typeList)) return [];\n\n  if (sharedPropertyList) {\n    return sharedPropertyList.concat(typeList);\n  }\n\n  return defaultCommonProps.concat(typeList);\n}\n"],"mappings":"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"}

package/dist/esm/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}\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":"AASA,WAAYA,QAAQ;AAGnB,WAHWA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAARA,QAAQ;AAKpB,WAAYC,YAAY;AAGvB,WAHWA,YAAY;EAAZA,YAAY;EAAZA,YAAY;AAAA,GAAZA,YAAY,KAAZA,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    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":"AASA,WAAYA,QAAQ;AAGnB,WAHWA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAARA,QAAQ;AAKpB,WAAYC,YAAY;AAGvB,WAHWA,YAAY;EAAZA,YAAY;EAAZA,YAAY;AAAA,GAAZA,YAAY,KAAZA,YAAY"}

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

@@ -4,7 +4,7 @@ import { Form, Input, InputNumber, Select, Tooltip, Collapse, Empty, Switch, Aut
 import { useCurrentTheme } from "@next-core/brick-kit";
 import { GeneralIcon } from "@next-libs/basic-components";
 import update from "immutability-helper";
-import { isNil, pick, upperFirst, isEmpty } from "lodash";
+import { isNil, pick, upperFirst, isEmpty, isString } from "lodash";
 import styles from "./VisualPropertyForm.module.css";
 import { CodeEditorFormItem } from "./components/CodeEditor/CodeEditorFormItem";
 import { IconSelectFormItem } from "./components/IconSelect/IconSelectFormItem";
@@ -12,11 +12,18 @@ import { ColorEditorItem } from "./components/ColorEditor/ColorEditorItem";
 import { MenuEditorItem } from "./components/MenuEditor/MenuEditorItem";
 import { ListEditor } from "./components/ListEditor/ListEditor";
 import { ReactComponent as DarkEmpty } from "./images/empty-dark.svg";
-import { mergeProperties, calculateValue, groupByType, yamlStringify } from "./processor";
-import { OTHER_FORM_ITEM_FIELD, supportMenuType } from "./constant";
+import { mergeProperties, calculateValue, groupByType, yamlStringify, yaml } from "./processor";
+import { OTHER_FORM_ITEM_FIELD, supportBasicType, supportMenuType } from "./constant";
 import { matchNoramlMenuValue } from "./processor";
 import { ItemModeType, Required } from "../interfaces";
 var ButtonTypeEmun = ["link", "default", "primary", "ghost", "dashed", "icon", "text"];
+export function typeMatched(actualValue, selectedValue) {
+  if (typeof actualValue === selectedValue.type) {
+    return true;
+  }
+  // TODO: 补充更多的类型检查，例如 enum 等
+  return false;
+}
 export function LegacyVisualPropertyForm(props, ref) {
   var theme = useCurrentTheme();
   var {
@@ -55,18 +62,41 @@ export function LegacyVisualPropertyForm(props, ref) {
     var selected = typeList.find(item => item.name === name);
     var index = typeList.findIndex(item => item.name === name);
     var nextMode = selected.mode === ItemModeType.Advanced ? ItemModeType.Normal : ItemModeType.Advanced;
-    var value = selected.value;
-    if (nextMode === ItemModeType.Normal) {
+    selected.value = form.getFieldValue(selected.name);
+    // 记录切换前的模式下的值
+    selected.modeValueMap = _objectSpread(_objectSpread({}, selected.modeValueMap), {
+      [selected.mode]: selected.value
+    });
+    // let value = cloneDeep(selected.value);
+    if (!isNil(selected.modeValueMap[nextMode])) {
+      // 切换后的模式原本有值时，则用原本的值
+      selected.value = selected.modeValueMap[nextMode];
+    } else if (nextMode === ItemModeType.Normal) {
+      // 切换到普通模式没有值时可以根据高级模式来更新值
       if (supportMenuType.includes(selected.type)) {
-        value = matchNoramlMenuValue(value);
+        selected.value = matchNoramlMenuValue(selected.value);
+      } else if (supportBasicType.includes(selected.type)) {
+        // yaml解析后检查下类型，不符合属性类型就不更新了
+        var parsedValue = yaml(selected.value);
+        if (typeMatched(parsedValue, selected)) {
+          selected.value = parsedValue;
+        } else {
+          selected.value = undefined;
+        }
       }
-    } else if (isNil(selected.value)) {
-      value = "";
     } else {
-      value = yamlStringify(selected.value);
+      // 切换到高级模式没有值时可以根据普通模式来更新值
+      if (isNil(selected.value)) {
+        selected.value = "";
+      } else if (isString(selected.value)) {
+        // do nothing
+      } else {
+        selected.value = yamlStringify(selected.value);
+      }
     }
+    selected.modeValueMap[nextMode] = selected.value;
     form.setFieldsValue({
-      [name]: value
+      [name]: selected.value
     });
     var newTypeList = update(typeList, {
       $splice: [[index, 1, _objectSpread(_objectSpread({}, selected), {}, {
@@ -95,7 +125,18 @@ export 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"
+      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: {
+        span: 24,
+        style: {
+          padding: 0
+        }
+      },
+      wrapperCol: {
+        span: 24
+      }
     });
   };
   var renderStringItem = item => {
@@ -117,7 +158,8 @@ export function LegacyVisualPropertyForm(props, ref) {
       rules: [{
         required: item.required === Required.True,
         message: "\u8BF7\u8F93\u5165".concat(item.name)
-      }]
+      }],
+      valuePropName: "checked"
     }, /*#__PURE__*/React.createElement(Switch, {
       defaultChecked: props.brickProperties[item.name]
     }));
@@ -408,20 +450,26 @@ export function LegacyVisualPropertyForm(props, ref) {
     className: styles.visualPropertyForm,
     name: "propertyForm",
     layout: "horizontal",
-    labelAlign: "right",
+    labelAlign: "left",
     labelCol: {
+      span: 8,
       style: {
         minWidth: "120px"
       }
     },
+    wrapperCol: {
+      span: 16
+    },
     size: "small",
     form: form,
     onValuesChange: props.onValuesChange,
-    initialValues: calculateValue(propertyTypeList, brickProperties, typeList)
+    initialValues: calculateValue(propertyTypeList, brickProperties, typeList),
+    colon: false
   }, !hiddenPropsCategory ? /*#__PURE__*/React.createElement(Collapse, {
     ghost: true,
     defaultActiveKey: gorupList.map((_, index) => String(index)),
-    className: styles.panelContainer
+    className: styles.panelContainer,
+    expandIconPosition: "left"
   }, gorupList === null || gorupList === void 0 ? void 0 : gorupList.map((_ref, index) => {
     var [category, list] = _ref;
     return /*#__PURE__*/React.createElement(Collapse.Panel, {

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

@@ -1 +1 @@
-{"version":3,"file":"VisualPropertyForm.js","names":["React","useEffect","useImperativeHandle","useState","Form","Input","InputNumber","Select","Tooltip","Collapse","Empty","Switch","AutoComplete","useCurrentTheme","GeneralIcon","update","isNil","pick","upperFirst","isEmpty","styles","CodeEditorFormItem","IconSelectFormItem","ColorEditorItem","MenuEditorItem","ListEditor","ReactComponent","DarkEmpty","mergeProperties","calculateValue","groupByType","yamlStringify","OTHER_FORM_ITEM_FIELD","supportMenuType","matchNoramlMenuValue","ItemModeType","Required","ButtonTypeEmun","LegacyVisualPropertyForm","props","ref","theme","projectId","labelIcon","propertyTypeList","brickProperties","brickInfo","emptyConfig","hiddenPropsCategory","menuSettingClick","childMountPointList","form","useForm","typeList","setTypeList","validateFields","resetPropertyFields","properties","restValue","resetFields","getCurTypeList","map","item","getFieldsValue","newTypeList","newValue","setFieldsValue","handleLabelClick","name","selected","find","index","findIndex","nextMode","mode","Advanced","Normal","value","includes","type","$splice","renderLabel","hideIcon","description","iconContainer","advanced","normal","renderEditorItem","required","True","jsonSchema","schemaRef","editor","model","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","Infinity","gorupList","useMemo","empty","PRESENTED_IMAGE_SIMPLE","imageStyle","visualPropertyForm","style","minWidth","_","String","panelContainer","category","list","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 { 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 { ListEditor } from \"./components/ListEditor/ListEditor\";\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\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 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\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        <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=\"right\"\n      labelCol={{\n        style: {\n          minWidth: \"120px\",\n        },\n      }}\n      size=\"small\"\n      form={form}\n      onValuesChange={props.onValuesChange}\n      initialValues={calculateValue(\n        propertyTypeList,\n        brickProperties,\n        typeList\n      )}\n    >\n      {!hiddenPropsCategory ? (\n        <Collapse\n          ghost\n          defaultActiveKey={gorupList.map((_, index) => String(index))}\n          className={styles.panelContainer}\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":["React","useEffect","useImperativeHandle","useState","Form","Input","InputNumber","Select","Tooltip","Collapse","Empty","Switch","AutoComplete","useCurrentTheme","GeneralIcon","update","isNil","pick","upperFirst","isEmpty","isString","styles","CodeEditorFormItem","IconSelectFormItem","ColorEditorItem","MenuEditorItem","ListEditor","ReactComponent","DarkEmpty","mergeProperties","calculateValue","groupByType","yamlStringify","yaml","OTHER_FORM_ITEM_FIELD","supportBasicType","supportMenuType","matchNoramlMenuValue","ItemModeType","Required","ButtonTypeEmun","typeMatched","actualValue","selectedValue","type","LegacyVisualPropertyForm","props","ref","theme","projectId","labelIcon","propertyTypeList","brickProperties","brickInfo","emptyConfig","hiddenPropsCategory","menuSettingClick","childMountPointList","form","useForm","typeList","setTypeList","validateFields","resetPropertyFields","properties","restValue","resetFields","getCurTypeList","map","item","getFieldsValue","newTypeList","newValue","setFieldsValue","handleLabelClick","name","selected","find","index","findIndex","nextMode","mode","Advanced","Normal","value","getFieldValue","modeValueMap","includes","parsedValue","undefined","$splice","renderLabel","hideIcon","description","iconContainer","advanced","normal","renderEditorItem","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","Infinity","gorupList","useMemo","empty","PRESENTED_IMAGE_SIMPLE","imageStyle","visualPropertyForm","minWidth","_","String","panelContainer","category","list","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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"}

package/dist/esm/visual-property-form/VisualPropertyForm.module.css

@@ -1,30 +1,38 @@
 .iconContainer {
+  margin-right: -13px;
   cursor: pointer;
+  :global(.anticon) {
+    vertical-align: middle;
+  }
 }
 
 .visualPropertyForm {
   :global(.ant-form-item) {
     margin-bottom: 8px;
+    > :global(.ant-form-item-control) {
+      text-align: right;
+    }
   }
 }
 
 .panelContainer {
   > :global(.ant-collapse-item) {
+    margin-bottom: 8px;
     > :global(.ant-collapse-header) {
       background: var(--color-fill-bg-base-2);
-      padding: 2px 6px;
-      padding-left: 40px;
-      font-size: 16px;
-      font-weight: 500;
+      padding: 8px 6px;
+      padding-left: 28px;
+      border-radius: (--antd-button-border-radius);
       > :global(.ant-collapse-arrow) {
-        top: -4px;
+        top: 2px;
+        left: 8px;
         color: var(--antd-btn-default-color);
       }
     }
 
     > :global(.ant-collapse-content) {
       > :global(.ant-collapse-content-box) {
-        padding: 4px 20px;
+        padding: 8px;
       }
     }
   }

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

@@ -30,6 +30,8 @@ export function CodeEditorFormItem(props) {
     };
   }();
   return /*#__PURE__*/React.createElement(Form.Item, {
+    labelCol: props.labelCol,
+    wrapperCol: props.wrapperCol,
     key: props.name,
     name: props.name,
     label: props.label,
@@ -41,10 +43,11 @@ export function CodeEditorFormItem(props) {
     }]
   }, /*#__PURE__*/React.createElement(CodeEditorItem, _extends({
     tabSize: 2,
-    minLines: 5,
+    minLines: 3,
     maxLines: 12,
     printMargin: false,
-    showLineNumbers: false,
+    showLineNumbers: props.showLineNumbers,
+    showGutter: props.showGutter,
     showCopyButton: true,
     showExpandButton: true,
     theme: "tomorrow",

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorFormItem.js","names":["React","useState","some","Form","CodeEditorItem","CodeEditorFormItem","props","name","label","rest","hasError","setHasError","handleValidate","err","error","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,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,IAAI,QAAQ,MAAM;AAE3B,SAEEC,cAAc,QAET,mCAAmC;AAI1C,OAAO,SAASC,kBAAkB,CAChCC,KAA0B,EACN;EACpB,IAAM;MAAEC,IAAI;MAAEC;IAAe,CAAC,GAAGF,KAAK;IAAdG,IAAI,4BAAKH,KAAK;EACtC,IAAM,CAACI,QAAQ,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EAE/C,IAAMW,cAAc,GAAIC,GAAiB,IAAW;IAClD,IAAMC,KAAK,GAAGZ,IAAI,CAACW,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1CF,WAAW,CAACG,KAAK,CAAC;EACpB,CAAC;EAED,IAAMC,WAAW;IAAA,6BAAG,aAAY;MAC9B,IAAI,CAACL,QAAQ,EAAE;QACb,OAAOM,OAAO,CAACC,OAAO,EAAE;MAC1B,CAAC,MAAM;QACL,OAAOD,OAAO,CAACE,MAAM,CAAC,gBAAgB,CAAC;MACzC;IACF,CAAC;IAAA,gBANKH,WAAW;MAAA;IAAA;EAAA,GAMhB;EAED,oBACE,oBAAC,IAAI,CAAC,IAAI;IACR,GAAG,EAAET,KAAK,CAACC,IAAK;IAChB,IAAI,EAAED,KAAK,CAACC,IAAK;IACjB,KAAK,EAAED,KAAK,CAACE,KAAM;IACnB,KAAK,EAAE,CACL;MAAEW,QAAQ,EAAEb,KAAK,CAACa,QAAQ;MAAEC,OAAO,8BAAQd,KAAK,CAACC,IAAI;IAAG,CAAC,EACzD;MAAEc,SAAS,EAAEN;IAAY,CAAC;EAC1B,gBAEF,oBAAC,cAAc;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,EAAEH;EAAe,GACvBH,IAAI,EACQ,CACR;AAEhB"}
+{"version":3,"file":"CodeEditorFormItem.js","names":["React","useState","some","Form","CodeEditorItem","CodeEditorFormItem","props","name","label","rest","hasError","setHasError","handleValidate","err","error","validatorFn","Promise","resolve","reject","labelCol","wrapperCol","required","message","validator","showLineNumbers","showGutter"],"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      labelCol={props.labelCol}\n      wrapperCol={props.wrapperCol}\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={3}\n        maxLines={12}\n        printMargin={false}\n        showLineNumbers={props.showLineNumbers}\n        showGutter={props.showGutter}\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,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,IAAI,QAAQ,MAAM;AAE3B,SAEEC,cAAc,QAET,mCAAmC;AAI1C,OAAO,SAASC,kBAAkB,CAChCC,KAA0B,EACN;EACpB,IAAM;MAAEC,IAAI;MAAEC;IAAe,CAAC,GAAGF,KAAK;IAAdG,IAAI,4BAAKH,KAAK;EACtC,IAAM,CAACI,QAAQ,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EAE/C,IAAMW,cAAc,GAAIC,GAAiB,IAAW;IAClD,IAAMC,KAAK,GAAGZ,IAAI,CAACW,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1CF,WAAW,CAACG,KAAK,CAAC;EACpB,CAAC;EAED,IAAMC,WAAW;IAAA,6BAAG,aAAY;MAC9B,IAAI,CAACL,QAAQ,EAAE;QACb,OAAOM,OAAO,CAACC,OAAO,EAAE;MAC1B,CAAC,MAAM;QACL,OAAOD,OAAO,CAACE,MAAM,CAAC,gBAAgB,CAAC;MACzC;IACF,CAAC;IAAA,gBANKH,WAAW;MAAA;IAAA;EAAA,GAMhB;EAED,oBACE,oBAAC,IAAI,CAAC,IAAI;IACR,QAAQ,EAAET,KAAK,CAACa,QAAS;IACzB,UAAU,EAAEb,KAAK,CAACc,UAAW;IAC7B,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,8BAAQhB,KAAK,CAACC,IAAI;IAAG,CAAC,EACzD;MAAEgB,SAAS,EAAER;IAAY,CAAC;EAC1B,gBAEF,oBAAC,cAAc;IACb,OAAO,EAAE,CAAE;IACX,QAAQ,EAAE,CAAE;IACZ,QAAQ,EAAE,EAAG;IACb,WAAW,EAAE,KAAM;IACnB,eAAe,EAAET,KAAK,CAACkB,eAAgB;IACvC,UAAU,EAAElB,KAAK,CAACmB,UAAW;IAC7B,cAAc,EAAE,IAAK;IACrB,gBAAgB,EAAE,IAAK;IACvB,KAAK,EAAC,UAAU;IAChB,wBAAwB,EAAE,IAAK;IAC/B,UAAU,EAAEb;EAAe,GACvBH,IAAI,EACQ,CACR;AAEhB"}

package/dist/esm/visual-property-form/processor.js

@@ -13,10 +13,19 @@ export function isAdvanceMode(value) {
 export function mergeProperties() {
   var propertyList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var brickProperties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return propertyList === null || propertyList === void 0 ? void 0 : propertyList.map(item => _objectSpread(_objectSpread({}, item), {}, {
-    value: brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name],
-    mode: isAdvanceMode(brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name]) ? ItemModeType.Advanced : ItemModeType.Normal
-  }));
+  return propertyList === null || propertyList === void 0 ? void 0 : propertyList.map(item => {
+    if (isAdvanceMode(brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name])) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        mode: ItemModeType.Advanced,
+        value: yamlStringify(brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name])
+      });
+    } else {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        mode: ItemModeType.Normal,
+        value: brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name]
+      });
+    }
+  });
 }
 export function yamlStringify(value) {
   var indent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
@@ -26,7 +35,7 @@ export function yamlStringify(value) {
     skipInvalid: true,
     noRefs: true,
     noCompatMode: true
-  });
+  }).replace(/[\n\r]+$/, "");
 }
 export function yaml(value) {
   return safeLoad(value, {
@@ -69,7 +78,10 @@ export function calculateValue() {
     var v = brickProperties[item.name];
     obj[item.name] = v;
     if (v !== undefined) {
-      if (!supportBasicType.concat(supportMenuType).includes(item.type)) {
+      if (!supportBasicType.concat(supportMenuType).includes(item.type) ||
+      // 非已知类型
+      typeof v === "object" // 值为object
+      ) {
         obj[item.name] = yamlStringify(v);
       }
       if (supportMenuType.includes(item.type)) {
@@ -93,13 +105,18 @@ export function calculateValue() {
  *  1. 当前属性的类型不是内置支持的类型
  *  2. 当前属性虽然是支持的类型，但是当前切换到高级模式编辑
  *  3. 不是构件本身申明的属性，为 html 共有的通用属性，目前统一放在 others 的编辑器中
+ *  4. 表达式也不需要解析成 JSON 模式
  * @param field  字段值
  * @param typeList  属性列表包含每个属性的类型和当前编辑模式
  * @return boolean
  */
 
 export function isUseYamlParse(field, typeList) {
-  if (typeof field.value !== "string") return false;
+  if (typeof field.value !== "string") {
+    return false;
+  } else if (field.value.startsWith("<%") || field.value.includes("${")) {
+    return false;
+  }
   if (field.key === OTHER_FORM_ITEM_FIELD) return true;
   var find = typeList === null || typeList === void 0 ? void 0 : typeList.find(item => item.name === field.key);
   if (find) {

package/dist/esm/visual-property-form/processor.js.map

@@ -1 +1 @@
-{"version":3,"file":"processor.js","names":["i18nText","ItemModeType","safeDump","JSON_SCHEMA","safeLoad","omit","isEmpty","groupBy","supportBasicType","supportMenuType","OTHER_FORM_ITEM_FIELD","defaultCommonProps","groupI18nMap","isAdvanceMode","value","startsWith","includes","mergeProperties","propertyList","brickProperties","map","item","name","mode","Advanced","Normal","yamlStringify","indent","schema","skipInvalid","noRefs","noCompatMode","yaml","json","matchNoramlMenuValue","reg","match","replace","calcMenuValue","calculateValue","typeList","othersValue","key","find","Object","entries","processValue","reduce","obj","v","undefined","concat","type","selected","typeItem","isUseYamlParse","field","isBasicType","isUseMenuParse","processFormValue","values","formData","groupByType","normals","filter","group","others","groupI18N","i18nData","extractCommonProps","sharedPropertyList"],"sources":["../../../src/visual-property-form/processor.ts"],"sourcesContent":["import { i18nText } from \"@next-core/brick-kit\";\nimport {\n  PropertyType,\n  UnionPropertyType,\n  BrickProperties,\n  ItemModeType,\n} from \"../interfaces\";\nimport { safeDump, JSON_SCHEMA, safeLoad } from \"js-yaml\";\nimport { omit, isEmpty, groupBy } from \"lodash\";\nimport {\n  supportBasicType,\n  supportMenuType,\n  OTHER_FORM_ITEM_FIELD,\n  defaultCommonProps,\n  groupI18nMap,\n} from \"./constant\";\n\nexport function isAdvanceMode(value: unknown): boolean {\n  if (\n    (typeof value === \"string\" &&\n      (value.startsWith(\"<%\") || value.includes(\"${\"))) ||\n    typeof value === \"object\"\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\nexport function mergeProperties(\n  propertyList: PropertyType[] = [],\n  brickProperties: BrickProperties = {}\n): UnionPropertyType[] {\n  return propertyList?.map((item) => ({\n    ...item,\n    value: brickProperties?.[item.name],\n    mode: isAdvanceMode(brickProperties?.[item.name])\n      ? ItemModeType.Advanced\n      : ItemModeType.Normal,\n  }));\n}\n\nexport function yamlStringify(value: unknown, indent = 2): string {\n  return safeDump(value, {\n    indent,\n    schema: JSON_SCHEMA,\n    skipInvalid: true,\n    noRefs: true,\n    noCompatMode: true,\n  });\n}\n\nexport function yaml(value: string): any {\n  return safeLoad(value, { schema: JSON_SCHEMA, json: true });\n}\n\nexport function matchNoramlMenuValue(value: unknown): unknown {\n  if (typeof value === \"string\") {\n    const reg = /<% APP\\.getMenu\\((.*)\\) %>/;\n    return value.match(reg)?.[1]?.replace(/'|\"/g, \"\") || value;\n  }\n  return yamlStringify(value);\n}\n\nfunction calcMenuValue(value: string): string {\n  if (typeof value === \"string\") {\n    if (value.startsWith(\"<%\")) {\n      return value;\n    }\n    return `<% APP.getMenu('${value}') %>`;\n  }\n  return value;\n}\n\nexport function calculateValue(\n  propertyList: PropertyType[] = [],\n  brickProperties: BrickProperties = {},\n  typeList: UnionPropertyType[] = []\n): Record<string, any> {\n  const othersValue: Record<string, any> = {};\n  for (const [key, value] of Object.entries(brickProperties)) {\n    const find = propertyList.find((item) => item.name === key);\n    if (!find) {\n      othersValue[key] = value;\n    }\n  }\n\n  const processValue = propertyList.reduce((obj: any, item) => {\n    const v = brickProperties[item.name];\n    obj[item.name] = v;\n    if (v !== undefined) {\n      if (\n        !supportBasicType.concat(supportMenuType).includes(item.type as string)\n      ) {\n        obj[item.name] = yamlStringify(v);\n      }\n\n      if (supportMenuType.includes(item.type as string)) {\n        const selected = typeList.find(\n          (typeItem) => typeItem.name === item.name\n        );\n        if (selected?.mode === ItemModeType.Advanced) {\n          obj[item.name] = yamlStringify(v);\n        } else {\n          obj[item.name] = matchNoramlMenuValue(v);\n        }\n      }\n    }\n    return obj;\n  }, {});\n\n  return {\n    ...processValue,\n    [OTHER_FORM_ITEM_FIELD]: isEmpty(othersValue)\n      ? \"\"\n      : yamlStringify(othersValue),\n  };\n}\n\n/**\n * @description 判断是否用使用 yaml 把用户输入解析成 JSON 的模式，当前只有以下情况下会进行解析，其他情况不对数据进行处理\n *  1. 当前属性的类型不是内置支持的类型\n *  2. 当前属性虽然是支持的类型，但是当前切换到高级模式编辑\n *  3. 不是构件本身申明的属性，为 html 共有的通用属性，目前统一放在 others 的编辑器中\n * @param field  字段值\n * @param typeList  属性列表包含每个属性的类型和当前编辑模式\n * @return boolean\n */\n\nexport function isUseYamlParse(\n  field: { key: string; value: any },\n  typeList: UnionPropertyType[]\n): boolean {\n  if (typeof field.value !== \"string\") return false;\n\n  if (field.key === OTHER_FORM_ITEM_FIELD) return true;\n\n  const find = typeList?.find((item) => item.name === field.key);\n\n  if (find) {\n    if (\n      supportMenuType.includes(find.type as string) &&\n      find.mode !== ItemModeType.Advanced\n    )\n      return false;\n\n    const isBasicType = supportBasicType.includes(find.type as string);\n\n    if (isBasicType && find.mode === ItemModeType.Advanced) return true;\n\n    if (!isBasicType) return true;\n  }\n\n  return false;\n}\n\nexport function isUseMenuParse(\n  field: { key: string; value: any },\n  typeList: UnionPropertyType[]\n): boolean {\n  const item = typeList.find((item) => item.name === field.key);\n  if (supportMenuType.includes(item?.type as string)) {\n    return true;\n  }\n  return false;\n}\n\nexport function processFormValue(\n  values = {},\n  typeList: UnionPropertyType[]\n): Record<string, any> {\n  const formData: Record<string, any> = {};\n  for (const [key, value] of Object.entries(values)) {\n    if (isUseYamlParse({ key, value }, typeList)) {\n      formData[key] = yaml(value as any);\n    } else if (isUseMenuParse({ key, value }, typeList)) {\n      formData[key] = calcMenuValue(value as string);\n    } else {\n      formData[key] = value;\n    }\n  }\n\n  return {\n    ...omit(formData, OTHER_FORM_ITEM_FIELD),\n    ...(isEmpty(formData[OTHER_FORM_ITEM_FIELD])\n      ? {}\n      : formData[OTHER_FORM_ITEM_FIELD]),\n  };\n}\n\nexport function groupByType(\n  typeList: UnionPropertyType[] = []\n): Array<[string, UnionPropertyType[]]> {\n  const normals = typeList.filter((item) => item.group !== \"other\");\n  const others = typeList.filter((item) => item.group === \"other\");\n\n  return Object.entries(\n    groupBy(normals.concat(others), (item) => {\n      const group = item.group || \"basic\";\n      const groupI18N: Record<string, any> = {\n        ...groupI18nMap,\n        ...item.groupI18N,\n      };\n      const i18nData = groupI18N && groupI18N[group];\n      if (i18nData) {\n        return i18nText(i18nData);\n      }\n\n      return group;\n    })\n  );\n}\n\nexport function extractCommonProps(\n  typeList: PropertyType[],\n  sharedPropertyList?: PropertyType[]\n): PropertyType[] {\n  if (isEmpty(typeList)) return [];\n\n  if (sharedPropertyList) {\n    return sharedPropertyList.concat(typeList);\n  }\n\n  return defaultCommonProps.concat(typeList);\n}\n"],"mappings":"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"}
+{"version":3,"file":"processor.js","names":["i18nText","ItemModeType","safeDump","JSON_SCHEMA","safeLoad","omit","isEmpty","groupBy","supportBasicType","supportMenuType","OTHER_FORM_ITEM_FIELD","defaultCommonProps","groupI18nMap","isAdvanceMode","value","startsWith","includes","mergeProperties","propertyList","brickProperties","map","item","name","mode","Advanced","yamlStringify","Normal","indent","schema","skipInvalid","noRefs","noCompatMode","replace","yaml","json","matchNoramlMenuValue","reg","match","calcMenuValue","calculateValue","typeList","othersValue","key","find","Object","entries","processValue","reduce","obj","v","undefined","concat","type","selected","typeItem","isUseYamlParse","field","isBasicType","isUseMenuParse","processFormValue","values","formData","groupByType","normals","filter","group","others","groupI18N","i18nData","extractCommonProps","sharedPropertyList"],"sources":["../../../src/visual-property-form/processor.ts"],"sourcesContent":["import { i18nText } from \"@next-core/brick-kit\";\nimport {\n  PropertyType,\n  UnionPropertyType,\n  BrickProperties,\n  ItemModeType,\n} from \"../interfaces\";\nimport { safeDump, JSON_SCHEMA, safeLoad } from \"js-yaml\";\nimport { omit, isEmpty, groupBy } from \"lodash\";\nimport {\n  supportBasicType,\n  supportMenuType,\n  OTHER_FORM_ITEM_FIELD,\n  defaultCommonProps,\n  groupI18nMap,\n} from \"./constant\";\n\nexport function isAdvanceMode(value: unknown): boolean {\n  if (\n    (typeof value === \"string\" &&\n      (value.startsWith(\"<%\") || value.includes(\"${\"))) ||\n    typeof value === \"object\"\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\nexport function mergeProperties(\n  propertyList: PropertyType[] = [],\n  brickProperties: BrickProperties = {}\n): UnionPropertyType[] {\n  return propertyList?.map((item) => {\n    if (isAdvanceMode(brickProperties?.[item.name])) {\n      return {\n        ...item,\n        mode: ItemModeType.Advanced,\n        value: yamlStringify(brickProperties?.[item.name]),\n      };\n    } else {\n      return {\n        ...item,\n        mode: ItemModeType.Normal,\n        value: brickProperties?.[item.name],\n      };\n    }\n  });\n}\n\nexport function yamlStringify(value: unknown, indent = 2): string {\n  return safeDump(value, {\n    indent,\n    schema: JSON_SCHEMA,\n    skipInvalid: true,\n    noRefs: true,\n    noCompatMode: true,\n  }).replace(/[\\n\\r]+$/, \"\");\n}\n\nexport function yaml(value: string): any {\n  return safeLoad(value, { schema: JSON_SCHEMA, json: true });\n}\n\nexport function matchNoramlMenuValue(value: unknown): unknown {\n  if (typeof value === \"string\") {\n    const reg = /<% APP\\.getMenu\\((.*)\\) %>/;\n    return value.match(reg)?.[1]?.replace(/'|\"/g, \"\") || value;\n  }\n  return yamlStringify(value);\n}\n\nfunction calcMenuValue(value: string): string {\n  if (typeof value === \"string\") {\n    if (value.startsWith(\"<%\")) {\n      return value;\n    }\n    return `<% APP.getMenu('${value}') %>`;\n  }\n  return value;\n}\n\nexport function calculateValue(\n  propertyList: PropertyType[] = [],\n  brickProperties: BrickProperties = {},\n  typeList: UnionPropertyType[] = []\n): Record<string, any> {\n  const othersValue: Record<string, any> = {};\n  for (const [key, value] of Object.entries(brickProperties)) {\n    const find = propertyList.find((item) => item.name === key);\n    if (!find) {\n      othersValue[key] = value;\n    }\n  }\n\n  const processValue = propertyList.reduce((obj: any, item) => {\n    const v = brickProperties[item.name];\n    obj[item.name] = v;\n    if (v !== undefined) {\n      if (\n        !supportBasicType\n          .concat(supportMenuType)\n          .includes(item.type as string) || // 非已知类型\n        typeof v === \"object\" // 值为object\n      ) {\n        obj[item.name] = yamlStringify(v);\n      }\n\n      if (supportMenuType.includes(item.type as string)) {\n        const selected = typeList.find(\n          (typeItem) => typeItem.name === item.name\n        );\n        if (selected?.mode === ItemModeType.Advanced) {\n          obj[item.name] = yamlStringify(v);\n        } else {\n          obj[item.name] = matchNoramlMenuValue(v);\n        }\n      }\n    }\n    return obj;\n  }, {});\n\n  return {\n    ...processValue,\n    [OTHER_FORM_ITEM_FIELD]: isEmpty(othersValue)\n      ? \"\"\n      : yamlStringify(othersValue),\n  };\n}\n\n/**\n * @description 判断是否用使用 yaml 把用户输入解析成 JSON 的模式，当前只有以下情况下会进行解析，其他情况不对数据进行处理\n *  1. 当前属性的类型不是内置支持的类型\n *  2. 当前属性虽然是支持的类型，但是当前切换到高级模式编辑\n *  3. 不是构件本身申明的属性，为 html 共有的通用属性，目前统一放在 others 的编辑器中\n *  4. 表达式也不需要解析成 JSON 模式\n * @param field  字段值\n * @param typeList  属性列表包含每个属性的类型和当前编辑模式\n * @return boolean\n */\n\nexport function isUseYamlParse(\n  field: { key: string; value: any },\n  typeList: UnionPropertyType[]\n): boolean {\n  if (typeof field.value !== \"string\") {\n    return false;\n  } else if (field.value.startsWith(\"<%\") || field.value.includes(\"${\")) {\n    return false;\n  }\n\n  if (field.key === OTHER_FORM_ITEM_FIELD) return true;\n\n  const find = typeList?.find((item) => item.name === field.key);\n\n  if (find) {\n    if (\n      supportMenuType.includes(find.type as string) &&\n      find.mode !== ItemModeType.Advanced\n    )\n      return false;\n\n    const isBasicType = supportBasicType.includes(find.type as string);\n\n    if (isBasicType && find.mode === ItemModeType.Advanced) return true;\n\n    if (!isBasicType) return true;\n  }\n\n  return false;\n}\n\nexport function isUseMenuParse(\n  field: { key: string; value: any },\n  typeList: UnionPropertyType[]\n): boolean {\n  const item = typeList.find((item) => item.name === field.key);\n  if (supportMenuType.includes(item?.type as string)) {\n    return true;\n  }\n  return false;\n}\n\nexport function processFormValue(\n  values = {},\n  typeList: UnionPropertyType[]\n): Record<string, any> {\n  const formData: Record<string, any> = {};\n  for (const [key, value] of Object.entries(values)) {\n    if (isUseYamlParse({ key, value }, typeList)) {\n      formData[key] = yaml(value as any);\n    } else if (isUseMenuParse({ key, value }, typeList)) {\n      formData[key] = calcMenuValue(value as string);\n    } else {\n      formData[key] = value;\n    }\n  }\n\n  return {\n    ...omit(formData, OTHER_FORM_ITEM_FIELD),\n    ...(isEmpty(formData[OTHER_FORM_ITEM_FIELD])\n      ? {}\n      : formData[OTHER_FORM_ITEM_FIELD]),\n  };\n}\n\nexport function groupByType(\n  typeList: UnionPropertyType[] = []\n): Array<[string, UnionPropertyType[]]> {\n  const normals = typeList.filter((item) => item.group !== \"other\");\n  const others = typeList.filter((item) => item.group === \"other\");\n\n  return Object.entries(\n    groupBy(normals.concat(others), (item) => {\n      const group = item.group || \"basic\";\n      const groupI18N: Record<string, any> = {\n        ...groupI18nMap,\n        ...item.groupI18N,\n      };\n      const i18nData = groupI18N && groupI18N[group];\n      if (i18nData) {\n        return i18nText(i18nData);\n      }\n\n      return group;\n    })\n  );\n}\n\nexport function extractCommonProps(\n  typeList: PropertyType[],\n  sharedPropertyList?: PropertyType[]\n): PropertyType[] {\n  if (isEmpty(typeList)) return [];\n\n  if (sharedPropertyList) {\n    return sharedPropertyList.concat(typeList);\n  }\n\n  return defaultCommonProps.concat(typeList);\n}\n"],"mappings":"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"}

package/dist/types/interfaces/brick-visualization.d.ts

@@ -28,6 +28,7 @@ export interface UnionPropertyType extends PropertyType {
     value?: any;
     jsonSchema?: Record<string, any>;
     schemaRef?: string;
+    modeValueMap?: Record<string, any>;
 }
 export declare type BrickProperties = Record<string, any>;
 export interface visualFormUtils extends Partial<FormInstance> {

package/dist/types/visual-property-form/VisualPropertyForm.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { EmptyProps } from "antd/lib/empty";
 import { MenuIcon } from "@next-core/brick-types";
 import { FormProps } from "antd/lib/form";
-import { PropertyType, BrickProperties, visualFormUtils } from "../interfaces";
+import { PropertyType, BrickProperties, visualFormUtils, UnionPropertyType } from "../interfaces";
 export declare type CustomColumn = {
     dataIndex: string;
     title: string;
@@ -43,5 +43,6 @@ export interface VisualPropertyFormProps {
     hiddenPropsCategory?: boolean;
     childMountPointList?: string[];
 }
+export declare function typeMatched(actualValue: any, selectedValue: UnionPropertyType): boolean;
 export declare function LegacyVisualPropertyForm(props: VisualPropertyFormProps, ref: React.Ref<visualFormUtils>): React.ReactElement;
 export declare const VisualPropertyForm: React.ForwardRefExoticComponent<VisualPropertyFormProps & React.RefAttributes<visualFormUtils>>;

package/dist/types/visual-property-form/processor.d.ts

@@ -10,6 +10,7 @@ export declare function calculateValue(propertyList?: PropertyType[], brickPrope
  *  1. 当前属性的类型不是内置支持的类型
  *  2. 当前属性虽然是支持的类型，但是当前切换到高级模式编辑
  *  3. 不是构件本身申明的属性，为 html 共有的通用属性，目前统一放在 others 的编辑器中
+ *  4. 表达式也不需要解析成 JSON 模式
  * @param field  字段值
  * @param typeList  属性列表包含每个属性的类型和当前编辑模式
  * @return boolean

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/visual-builder",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/visual-builder",
   "license": "GPL-3.0",
@@ -35,5 +35,5 @@
     "@types/react-color": "^3.0.6",
     "react-color": "^2.19.3"
   },
-  "gitHead": "74d2ff0193033e7abc43e38702c941b40e94a2e4"
+  "gitHead": "2b5be5f780a4c3fed974d62553f2385624207e9d"
 }