npm - @next-libs/visual-builder - Versions diffs - 1.2.22 → 1.3.0 - Mend

@next-libs/visual-builder 1.2.22 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

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

@@ -18,10 +18,12 @@ var _CodeEditorFormItem = require("./components/CodeEditor/CodeEditorFormItem");
 var _IconSelectFormItem = require("./components/IconSelect/IconSelectFormItem");
 var _ColorEditorItem = require("./components/ColorEditor/ColorEditorItem");
 var _MenuEditorItem = require("./components/MenuEditor/MenuEditorItem");
+var _ListEditor = require("./components/ListEditor/ListEditor");
 var _emptyDark = require("./images/empty-dark.svg");
 var _processor = require("./processor");
 var _constant = require("./constant");
 var _interfaces = require("../interfaces");
+const ButtonTypeEmun = ["link", "default", "primary", "ghost", "dashed", "icon", "text"];
 function LegacyVisualPropertyForm(props, ref) {
   var _groupByType;
   const theme = (0, _brickKit.useCurrentTheme)();
@@ -33,7 +35,8 @@ function LegacyVisualPropertyForm(props, ref) {
     brickInfo,
     emptyConfig,
     hiddenPropsCategory,
-    menuSettingClick
+    menuSettingClick,
+    childMountPointList
   } = props;
   const [form] = _antd.Form.useForm();
   const [typeList, setTypeList] = (0, _react.useState)((0, _processor.mergeProperties)(propertyTypeList, brickProperties));
@@ -122,11 +125,7 @@ function LegacyVisualPropertyForm(props, ref) {
         required: item.required === _interfaces.Required.True,
         message: `请输入${item.name}`
       }]
-    }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, null, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
-      value: true
-    }, "true"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
-      value: false
-    }, "false")));
+    }, /*#__PURE__*/_react.default.createElement(_antd.Switch, null));
   };
   const renderInputNumberItem = item => {
     return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
@@ -181,7 +180,190 @@ function LegacyVisualPropertyForm(props, ref) {
       menuSettingClick: menuSettingClick
     });
   };
+  const renderGeneralOptipns = item => {
+    const renderFormItem = item => {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "label",
+        label: "label"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        defaultValue: item.label
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "value",
+        label: "value"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        defaultValue: item.value
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "disabled",
+        label: "disabled"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
+        checked: item.disabled
+      })));
+    };
+    return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditor, {
+      name: item.name,
+      label: renderLabel(item),
+      required: item.required === _interfaces.Required.True,
+      value: brickProperties[item.name],
+      listItemKey: "label",
+      renderFormItem: renderFormItem,
+      getDefaultItem: value => ({
+        label: value,
+        value: value
+      }),
+      onChange: value => {
+        form.setFieldsValue({
+          [item.name]: value
+        });
+        props.onValuesChange(value, value);
+      }
+    });
+  };
+  const renderCustomColumn = item => {
+    const renderFormItem = item => {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "dataIndex",
+        label: "dataIndex"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        defaultValue: item.dataIndex
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "key",
+        label: "key"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        defaultValue: item.key
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "title",
+        label: "title"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        defaultValue: item.title
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "useChildren",
+        label: "useChildren",
+        tooltip: "useBrick\u4EE3\u66FF\u7528\u6CD5,\u6570\u636E\u6765\u6E90\u4E8E\u5B50\u63D2\u69FD\u540D\u79F0,\u5E76\u4E14\u63D2\u69FD\u540D\u79F0\u5FC5\u987B\u4F7F\u7528'[]'\u5305\u88F9"
+      }, /*#__PURE__*/_react.default.createElement(_antd.AutoComplete, {
+        defaultValue: item.useChildren,
+        dataSource: (childMountPointList !== null && childMountPointList !== void 0 ? childMountPointList : []).filter(item => item.startsWith("[") && item.endsWith("]")),
+        filterOption: (inputValue, option) => option.props.children.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1
+      })));
+    };
+    return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditor, {
+      name: item.name,
+      label: renderLabel(item),
+      required: item.required === _interfaces.Required.True,
+      value: brickProperties[item.name],
+      listItemKey: "title",
+      getDefaultItem: value => ({
+        dataIndex: value,
+        title: value,
+        key: value
+      }),
+      renderFormItem: renderFormItem,
+      onChange: value => {
+        form.setFieldsValue({
+          [item.name]: value
+        });
+        props.onValuesChange(value, value);
+      }
+    });
+  };
+  const renderCustomButtons = item => {
+    const renderFormItem = item => {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "id",
+        label: "id"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        defaultValue: item.id
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "text",
+        label: "text"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        defaultValue: item.text
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "tooltip",
+        label: "tooltip"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        defaultValue: item.tooltip
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "eventName",
+        label: "eventName"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        defaultValue: item.eventName
+      })), /*#__PURE__*/_react.default.createElement(_IconSelectFormItem.IconSelectFormItem, {
+        name: "icon",
+        label: "icon"
+      }), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "buttonType",
+        label: "buttonType"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+        defaultValue: item.buttonType
+      }, ButtonTypeEmun.map(item => /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+        key: item,
+        value: item
+      }, item)))), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "hide",
+        label: "hide"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
+        checked: item.hide
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "disabled",
+        label: "disabled"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
+        checked: item.disabled
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "isDivider",
+        label: "isDivider"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
+        checked: item.isDivider
+      })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "isDropdown",
+        label: "isDropdown"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
+        checked: item.isDropdown
+      })));
+    };
+    return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditor, {
+      name: item.name,
+      label: renderLabel(item),
+      required: item.required === _interfaces.Required.True,
+      value: brickProperties[item.name],
+      listItemKey: "text",
+      renderFormItem: renderFormItem,
+      getDefaultItem: value => ({
+        text: value
+      }),
+      onChange: value => {
+        form.setFieldsValue({
+          [item.name]: value
+        });
+        props.onValuesChange(value, value);
+      }
+    });
+  };
+  const renderEnumItem = (item, enumList) => {
+    return item.mode === _interfaces.ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+      key: item.name,
+      label: renderLabel(item),
+      name: item.name,
+      rules: [{
+        required: item.required === _interfaces.Required.True,
+        message: `请输入${item.name}`
+      }]
+    }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+      options: enumList.map(item => ({
+        label: item,
+        value: item
+      }))
+    }));
+  };
   const getFormItem = item => {
+    const type = item.type;
+    // todo(sailor): update unit text
+    if (/true|false/.test(type)) {
+      return renderBooleanItem(item);
+    }
+    if (type.indexOf("|") > 0) {
+      const emunList = type.replace(/"|'/g, "").split("|");
+      return renderEnumItem(item, emunList);
+    }
     switch (item.type) {
       case "string":
         return renderStringItem(item);
@@ -198,6 +380,13 @@ function LegacyVisualPropertyForm(props, ref) {
       case "Menu":
       case "SidebarSubMenu":
         return renderMenuItem(item);
+      // todo(sailor): update unit text
+      case "GeneralOption[]":
+        return renderGeneralOptipns(item);
+      case "CustomColumn[]":
+        return renderCustomColumn(item);
+      case "CustomButton[]":
+        return renderCustomButtons(item);
       default:
         return renderCodeEditorItem(item);
     }
@@ -217,7 +406,13 @@ function LegacyVisualPropertyForm(props, ref) {
     imageStyle: emptyConfig === null || emptyConfig === void 0 ? void 0 : emptyConfig.imageStyle
   }) : /*#__PURE__*/_react.default.createElement(_antd.Form, {
     name: "propertyForm",
-    layout: "vertical",
+    layout: "horizontal",
+    labelAlign: "left",
+    labelCol: {
+      style: {
+        minWidth: "120px"
+      }
+    },
     form: form,
     onValuesChange: props.onValuesChange,
     initialValues: (0, _processor.calculateValue)(propertyTypeList, brickProperties, typeList)

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VisualPropertyForm.js","names":["LegacyVisualPropertyForm","props","ref","theme","useCurrentTheme","projectId","labelIcon","propertyTypeList","brickProperties","brickInfo","emptyConfig","hiddenPropsCategory","menuSettingClick","form","Form","useForm","typeList","setTypeList","useState","mergeProperties","useImperativeHandle","validateFields","resetPropertyFields","properties","restValue","resetFields","getCurTypeList","map","item","pick","useEffect","newTypeList","newValue","calculateValue","setFieldsValue","handleLabelClick","name","selected","find","index","findIndex","nextMode","mode","ItemModeType","Advanced","Normal","value","supportMenuType","includes","type","matchNoramlMenuValue","isNil","yamlStringify","update","$splice","renderLabel","hideIcon","description","styles","iconContainer","advanced","normal","renderEditorItem","required","Required","True","jsonSchema","schemaRef","editor","model","renderStringItem","message","renderBooleanItem","renderInputNumberItem","renderStringListItem","renderIconItem","renderCodeEditorItem","renderColorItem","renderMenuItem","getFormItem","renderOthersItem","OTHER_FORM_ITEM_FIELD","Infinity","isEmpty","empty","Empty","PRESENTED_IMAGE_SIMPLE","imageStyle","onValuesChange","panelContainer","groupByType","category","list","upperFirst","otherPanel","VisualPropertyForm","React","forwardRef"],"sources":["../../../src/visual-property-form/VisualPropertyForm.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from \"react\";\nimport {\n Form,\n Input,\n InputNumber,\n Radio,\n Select,\n Tooltip,\n Collapse,\n Empty,\n} from \"antd\";\nimport { EmptyProps } from \"antd/lib/empty\";\nimport { useCurrentTheme } from \"@next-core/brick-kit\";\nimport { MenuIcon } from \"@next-core/brick-types\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport update from \"immutability-helper\";\nimport { isNil, pick, upperFirst, isEmpty } from \"lodash\";\nimport styles from \"./VisualPropertyForm.module.css\";\nimport { FormProps } from \"antd/lib/form\";\nimport { CodeEditorFormItem } from \"./components/CodeEditor/CodeEditorFormItem\";\nimport { IconSelectFormItem } from \"./components/IconSelect/IconSelectFormItem\";\nimport { ColorEditorItem } from \"./components/ColorEditor/ColorEditorItem\";\nimport { MenuEditorItem } from \"./components/MenuEditor/MenuEditorItem\";\nimport { ReactComponent as DarkEmpty } from \"./images/empty-dark.svg\";\nimport {\n mergeProperties,\n calculateValue,\n groupByType,\n yamlStringify,\n} from \"./processor\";\nimport { OTHER_FORM_ITEM_FIELD, supportMenuType } from \"./constant\";\nimport { matchNoramlMenuValue } from \"./processor\";\nimport {\n PropertyType,\n BrickProperties,\n visualFormUtils,\n ItemModeType,\n UnionPropertyType,\n Required,\n} from \"../interfaces\";\n\nexport interface VisualPropertyFormProps {\n projectId?: string;\n propertyTypeList: PropertyType[];\n labelIcon: {\n normal?: MenuIcon;\n advanced?: MenuIcon;\n };\n brickProperties: BrickProperties;\n onValuesChange?: FormProps[\"onValuesChange\"];\n brickInfo?: {\n type: \"brick\" \| \"provider\" \| \"template\";\n };\n emptyConfig?: EmptyProps;\n menuSettingClick?: () => void;\n hiddenPropsCategory?: boolean;\n}\n\nexport function LegacyVisualPropertyForm(\n props: VisualPropertyFormProps,\n ref: React.Ref<visualFormUtils>\n): React.ReactElement {\n const theme = useCurrentTheme();\n const {\n projectId,\n labelIcon,\n propertyTypeList,\n brickProperties,\n brickInfo,\n emptyConfig,\n hiddenPropsCategory,\n menuSettingClick,\n } = props;\n const [form] = Form.useForm();\n const [typeList, setTypeList] = useState<UnionPropertyType[]>(\n mergeProperties(propertyTypeList, brickProperties)\n );\n\n useImperativeHandle(ref, () => ({\n validateFields: form.validateFields,\n resetPropertyFields: (\n typeList: PropertyType[],\n properties: BrickProperties\n ) => {\n const restValue = mergeProperties(typeList, properties);\n setTypeList(restValue);\n form.resetFields();\n },\n getCurTypeList: (): UnionPropertyType[] => {\n return typeList?.map((item) => pick(item, [\"name\", \"type\", \"mode\"]));\n },\n }));\n\n useEffect(() => {\n const newTypeList = mergeProperties(propertyTypeList, brickProperties);\n setTypeList(newTypeList);\n\n const newValue = calculateValue(\n propertyTypeList,\n brickProperties,\n newTypeList\n );\n form.setFieldsValue(newValue);\n }, [propertyTypeList, brickProperties]);\n\n const handleLabelClick = (name: string): void => {\n const selected = typeList.find((item) => item.name === name);\n const index = typeList.findIndex((item) => item.name === name);\n const nextMode =\n selected.mode === ItemModeType.Advanced\n ? ItemModeType.Normal\n : ItemModeType.Advanced;\n\n let value = selected.value;\n if (nextMode === ItemModeType.Normal) {\n if (supportMenuType.includes(selected.type as string)) {\n value = matchNoramlMenuValue(value);\n }\n } else if (isNil(selected.value)) {\n value = \"\";\n } else {\n value = yamlStringify(selected.value);\n }\n form.setFieldsValue({\n [name]: value,\n });\n const newTypeList = update(typeList, {\n $splice: [[index, 1, { ...selected, mode: nextMode }]],\n });\n setTypeList(newTypeList);\n };\n\n const renderLabel = (\n item: UnionPropertyType,\n hideIcon?: boolean\n ): React.ReactElement => {\n return (\n <span>\n <Tooltip title={item.description}>{item.name}</Tooltip>{\" \"}\n {!hideIcon && labelIcon && (\n <span\n className={styles.iconContainer}\n onClick={() => handleLabelClick(item.name)}\n >\n <GeneralIcon\n icon={\n item.mode === ItemModeType.Advanced\n ? labelIcon?.advanced\n : labelIcon.normal\n }\n />\n </span>\n )}\n </span>\n );\n };\n\n const renderEditorItem = (\n item: UnionPropertyType,\n hideIcon?: boolean\n ): React.ReactElement => {\n return (\n <CodeEditorFormItem\n key={item.name}\n name={item.name}\n label={renderLabel(item, hideIcon) as any}\n required={item.required === Required.True}\n theme={theme === \"dark-v2\" ? \"monokai\" : \"tomorrow\"}\n jsonSchema={item?.jsonSchema}\n schemaRef={item?.schemaRef}\n mode={item?.editor?.model \|\| \"brick_next_yaml\"}\n />\n );\n };\n\n const renderStringItem = (item: UnionPropertyType): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <Input />\n </Form.Item>\n );\n };\n\n const renderBooleanItem = (item: UnionPropertyType): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <Radio.Group>\n <Radio value={true}>true</Radio>\n <Radio value={false}>false</Radio>\n </Radio.Group>\n </Form.Item>\n );\n };\n\n const renderInputNumberItem = (\n item: UnionPropertyType\n ): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <InputNumber />\n </Form.Item>\n );\n };\n\n const renderStringListItem = (\n item: UnionPropertyType\n ): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <Select mode=\"tags\" />\n </Form.Item>\n );\n };\n\n const renderIconItem = (item: UnionPropertyType): React.ReactElement => {\n return (\n <IconSelectFormItem\n key={item.name}\n name={item.name}\n label={renderLabel(item, true) as any}\n required={item.required === Required.True}\n />\n );\n };\n\n const renderCodeEditorItem = (item: PropertyType): React.ReactElement => {\n return renderEditorItem(item, true);\n };\n\n const renderColorItem = (item: PropertyType): React.ReactElement => {\n return (\n <ColorEditorItem\n key={item.name}\n name={item.name}\n label={renderLabel(item, true)}\n required={item.required === Required.True}\n />\n );\n };\n\n const renderMenuItem = (item: UnionPropertyType): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <MenuEditorItem\n projectId={projectId}\n key={item.name}\n name={item.name}\n label={renderLabel(item)}\n required={item.required === Required.True}\n menuSettingClick={menuSettingClick}\n />\n );\n };\n\n const getFormItem = (item: PropertyType): React.ReactElement => {\n switch (item.type) {\n case \"string\":\n return renderStringItem(item);\n case \"string[]\":\n return renderStringListItem(item);\n case \"number\":\n return renderInputNumberItem(item);\n case \"boolean\":\n return renderBooleanItem(item);\n case \"MenuIcon\":\n return renderIconItem(item);\n case \"Color\":\n return renderColorItem(item);\n case \"Menu\":\n case \"SidebarSubMenu\":\n return renderMenuItem(item);\n default:\n return renderCodeEditorItem(item);\n }\n };\n\n const renderOthersItem = (): React.ReactElement => {\n return (\n <CodeEditorFormItem\n name={OTHER_FORM_ITEM_FIELD}\n label={\n brickInfo?.type === \"template\" ? \"other params\" : \"other properties\"\n }\n mode=\"brick_next_yaml\"\n maxLines={Infinity}\n />\n );\n };\n\n return isEmpty(typeList) ? (\n <Empty\n className={styles.empty}\n description={emptyConfig?.description}\n image={theme === \"dark-v2\" ? <DarkEmpty /> : Empty.PRESENTED_IMAGE_SIMPLE}\n imageStyle={emptyConfig?.imageStyle}\n />\n ) : (\n <Form\n name=\"propertyForm\"\n layout=\"vertical\"\n form={form}\n onValuesChange={props.onValuesChange}\n initialValues={calculateValue(\n propertyTypeList,\n brickProperties,\n typeList\n )}\n >\n {!hiddenPropsCategory ? (\n <Collapse ghost defaultActiveKey=\"0\" className={styles.panelContainer}>\n {groupByType(typeList)?.map(([category, list], index) => {\n return (\n <Collapse.Panel\n header={upperFirst(category)}\n key={index}\n forceRender={true}\n >\n {list.map((item) => getFormItem(item))}\n </Collapse.Panel>\n );\n })}\n\n <Collapse.Panel\n className={styles.otherPanel}\n forceRender={true}\n header={upperFirst(OTHER_FORM_ITEM_FIELD)}\n key={OTHER_FORM_ITEM_FIELD}\n >\n {renderOthersItem()}\n </Collapse.Panel>\n </Collapse>\n ) : (\n <>\n {typeList?.map((item) => {\n return getFormItem(item);\n })}\n <div className={styles.otherPanel}>{renderOthersItem()}</div>\n </>\n )}\n </Form>\n );\n}\n\nexport const VisualPropertyForm = React.forwardRef(LegacyVisualPropertyForm);\n"],"mappings":";;;;;;;;;AAAA;AACA;AAWA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAMA;AAEA;AA0BO,SAASA,wBAAwB,CACtCC,KAA8B,EAC9BC,GAA+B,EACX;EAAA;EACpB,MAAMC,KAAK,GAAG,IAAAC,yBAAe,GAAE;EAC/B,MAAM;IACJC,SAAS;IACTC,SAAS;IACTC,gBAAgB;IAChBC,eAAe;IACfC,SAAS;IACTC,WAAW;IACXC,mBAAmB;IACnBC;EACF,CAAC,GAAGX,KAAK;EACT,MAAM,CAACY,IAAI,CAAC,GAAGC,UAAI,CAACC,OAAO,EAAE;EAC7B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EACtC,IAAAC,0BAAe,EAACZ,gBAAgB,EAAEC,eAAe,CAAC,CACnD;EAED,IAAAY,0BAAmB,EAAClB,GAAG,EAAE,OAAO;IAC9BmB,cAAc,EAAER,IAAI,CAACQ,cAAc;IACnCC,mBAAmB,EAAE,CACnBN,QAAwB,EACxBO,UAA2B,KACxB;MACH,MAAMC,SAAS,GAAG,IAAAL,0BAAe,EAACH,QAAQ,EAAEO,UAAU,CAAC;MACvDN,WAAW,CAACO,SAAS,CAAC;MACtBX,IAAI,CAACY,WAAW,EAAE;IACpB,CAAC;IACDC,cAAc,EAAE,MAA2B;MACzC,OAAOV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEW,GAAG,CAAEC,IAAI,IAAK,IAAAC,YAAI,EAACD,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACtE;EACF,CAAC,CAAC,CAAC;EAEH,IAAAE,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAG,IAAAZ,0BAAe,EAACZ,gBAAgB,EAAEC,eAAe,CAAC;IACtES,WAAW,CAACc,WAAW,CAAC;IAExB,MAAMC,QAAQ,GAAG,IAAAC,yBAAc,EAC7B1B,gBAAgB,EAChBC,eAAe,EACfuB,WAAW,CACZ;IACDlB,IAAI,CAACqB,cAAc,CAACF,QAAQ,CAAC;EAC/B,CAAC,EAAE,CAACzB,gBAAgB,EAAEC,eAAe,CAAC,CAAC;EAEvC,MAAM2B,gBAAgB,GAAIC,IAAY,IAAW;IAC/C,MAAMC,QAAQ,GAAGrB,QAAQ,CAACsB,IAAI,CAAEV,IAAI,IAAKA,IAAI,CAACQ,IAAI,KAAKA,IAAI,CAAC;IAC5D,MAAMG,KAAK,GAAGvB,QAAQ,CAACwB,SAAS,CAAEZ,IAAI,IAAKA,IAAI,CAACQ,IAAI,KAAKA,IAAI,CAAC;IAC9D,MAAMK,QAAQ,GACZJ,QAAQ,CAACK,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACnCD,wBAAY,CAACE,MAAM,GACnBF,wBAAY,CAACC,QAAQ;IAE3B,IAAIE,KAAK,GAAGT,QAAQ,CAACS,KAAK;IAC1B,IAAIL,QAAQ,KAAKE,wBAAY,CAACE,MAAM,EAAE;MACpC,IAAIE,yBAAe,CAACC,QAAQ,CAACX,QAAQ,CAACY,IAAI,CAAW,EAAE;QACrDH,KAAK,GAAG,IAAAI,+BAAoB,EAACJ,KAAK,CAAC;MACrC;IACF,CAAC,MAAM,IAAI,IAAAK,aAAK,EAACd,QAAQ,CAACS,KAAK,CAAC,EAAE;MAChCA,KAAK,GAAG,EAAE;IACZ,CAAC,MAAM;MACLA,KAAK,GAAG,IAAAM,wBAAa,EAACf,QAAQ,CAACS,KAAK,CAAC;IACvC;IACAjC,IAAI,CAACqB,cAAc,CAAC;MAClB,CAACE,IAAI,GAAGU;IACV,CAAC,CAAC;IACF,MAAMf,WAAW,GAAG,IAAAsB,2BAAM,EAACrC,QAAQ,EAAE;MACnCsC,OAAO,EAAE,CAAC,CAACf,KAAK,EAAE,CAAC,EAAE;QAAE,GAAGF,QAAQ;QAAEK,IAAI,EAAED;MAAS,CAAC,CAAC;IACvD,CAAC,CAAC;IACFxB,WAAW,CAACc,WAAW,CAAC;EAC1B,CAAC;EAED,MAAMwB,WAAW,GAAG,CAClB3B,IAAuB,EACvB4B,QAAkB,KACK;IACvB,oBACE,wDACE,6BAAC,aAAO;MAAC,KAAK,EAAE5B,IAAI,CAAC6B;IAAY,GAAE7B,IAAI,CAACQ,IAAI,CAAW,EAAC,GAAG,EAC1D,CAACoB,QAAQ,IAAIlD,SAAS,iBACrB;MACE,SAAS,EAAEoD,iCAAM,CAACC,aAAc;MAChC,OAAO,EAAE,MAAMxB,gBAAgB,CAACP,IAAI,CAACQ,IAAI;IAAE,gBAE3C,6BAAC,4BAAW;MACV,IAAI,EACFR,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GAC/BtC,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEsD,QAAQ,GACnBtD,SAAS,CAACuD;IACf,EACD,CAEL,CACI;EAEX,CAAC;EAED,MAAMC,gBAAgB,GAAG,CACvBlC,IAAuB,EACvB4B,QAAkB,KACK;IAAA;IACvB,oBACE,6BAAC,sCAAkB;MACjB,GAAG,EAAE5B,IAAI,CAACQ,IAAK;MACf,IAAI,EAAER,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,EAAE4B,QAAQ,CAAS;MAC1C,QAAQ,EAAE5B,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAK;MAC1C,KAAK,EAAE9D,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,UAAW;MACpD,UAAU,EAAEyB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEsC,UAAW;MAC7B,SAAS,EAAEtC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEuC,SAAU;MAC3B,IAAI,EAAE,CAAAvC,IAAI,aAAJA,IAAI,uCAAJA,IAAI,CAAEwC,MAAM,iDAAZ,aAAcC,KAAK,KAAI;IAAkB,EAC/C;EAEN,CAAC;EAED,MAAMC,gBAAgB,GAAI1C,IAAuB,IAAyB;IACxE,OAAOA,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,UAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAE,CACL;QACE2B,QAAQ,EAAEnC,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAI;QACzCM,OAAO,EAAG,MAAK3C,IAAI,CAACQ,IAAK;MAC3B,CAAC;IACD,gBAEF,6BAAC,WAAK,OAAG,CAEZ;EACH,CAAC;EAED,MAAMoC,iBAAiB,GAAI5C,IAAuB,IAAyB;IACzE,OAAOA,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,UAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAE,CACL;QACE2B,QAAQ,EAAEnC,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAI;QACzCM,OAAO,EAAG,MAAK3C,IAAI,CAACQ,IAAK;MAC3B,CAAC;IACD,gBAEF,6BAAC,WAAK,CAAC,KAAK,qBACV,6BAAC,WAAK;MAAC,KAAK,EAAE;IAAK,UAAa,eAChC,6BAAC,WAAK;MAAC,KAAK,EAAE;IAAM,WAAc,CACtB,CAEjB;EACH,CAAC;EAED,MAAMqC,qBAAqB,GACzB7C,IAAuB,IACA;IACvB,OAAOA,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,UAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAE,CACL;QACE2B,QAAQ,EAAEnC,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAI;QACzCM,OAAO,EAAG,MAAK3C,IAAI,CAACQ,IAAK;MAC3B,CAAC;IACD,gBAEF,6BAAC,iBAAW,OAAG,CAElB;EACH,CAAC;EAED,MAAMsC,oBAAoB,GACxB9C,IAAuB,IACA;IACvB,OAAOA,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,UAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAE,CACL;QACE2B,QAAQ,EAAEnC,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAI;QACzCM,OAAO,EAAG,MAAK3C,IAAI,CAACQ,IAAK;MAC3B,CAAC;IACD,gBAEF,6BAAC,YAAM;MAAC,IAAI,EAAC;IAAM,EAAG,CAEzB;EACH,CAAC;EAED,MAAMuC,cAAc,GAAI/C,IAAuB,IAAyB;IACtE,oBACE,6BAAC,sCAAkB;MACjB,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,IAAI,EAAER,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,EAAE,IAAI,CAAS;MACtC,QAAQ,EAAEA,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC;IAAK,EAC1C;EAEN,CAAC;EAED,MAAMW,oBAAoB,GAAIhD,IAAkB,IAAyB;IACvE,OAAOkC,gBAAgB,CAAClC,IAAI,EAAE,IAAI,CAAC;EACrC,CAAC;EAED,MAAMiD,eAAe,GAAIjD,IAAkB,IAAyB;IAClE,oBACE,6BAAC,gCAAe;MACd,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,IAAI,EAAER,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,EAAE,IAAI,CAAE;MAC/B,QAAQ,EAAEA,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC;IAAK,EAC1C;EAEN,CAAC;EAED,MAAMa,cAAc,GAAIlD,IAAuB,IAAyB;IACtE,OAAOA,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,8BAAc;MACb,SAAS,EAAEvB,SAAU;MACrB,GAAG,EAAEuB,IAAI,CAACQ,IAAK;MACf,IAAI,EAAER,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,QAAQ,EAAEA,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAK;MAC1C,gBAAgB,EAAErD;IAAiB,EAEtC;EACH,CAAC;EAED,MAAMmE,WAAW,GAAInD,IAAkB,IAAyB;IAC9D,QAAQA,IAAI,CAACqB,IAAI;MACf,KAAK,QAAQ;QACX,OAAOqB,gBAAgB,CAAC1C,IAAI,CAAC;MAC/B,KAAK,UAAU;QACb,OAAO8C,oBAAoB,CAAC9C,IAAI,CAAC;MACnC,KAAK,QAAQ;QACX,OAAO6C,qBAAqB,CAAC7C,IAAI,CAAC;MACpC,KAAK,SAAS;QACZ,OAAO4C,iBAAiB,CAAC5C,IAAI,CAAC;MAChC,KAAK,UAAU;QACb,OAAO+C,cAAc,CAAC/C,IAAI,CAAC;MAC7B,KAAK,OAAO;QACV,OAAOiD,eAAe,CAACjD,IAAI,CAAC;MAC9B,KAAK,MAAM;MACX,KAAK,gBAAgB;QACnB,OAAOkD,cAAc,CAAClD,IAAI,CAAC;MAC7B;QACE,OAAOgD,oBAAoB,CAAChD,IAAI,CAAC;IAAC;EAExC,CAAC;EAED,MAAMoD,gBAAgB,GAAG,MAA0B;IACjD,oBACE,6BAAC,sCAAkB;MACjB,IAAI,EAAEC,+BAAsB;MAC5B,KAAK,EACH,CAAAxE,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEwC,IAAI,MAAK,UAAU,GAAG,cAAc,GAAG,kBACnD;MACD,IAAI,EAAC,iBAAiB;MACtB,QAAQ,EAAEiC;IAAS,EACnB;EAEN,CAAC;EAED,OAAO,IAAAC,eAAO,EAACnE,QAAQ,CAAC,gBACtB,6BAAC,WAAK;IACJ,SAAS,EAAE0C,iCAAM,CAAC0B,KAAM;IACxB,WAAW,EAAE1E,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE+C,WAAY;IACtC,KAAK,EAAEtD,KAAK,KAAK,SAAS,gBAAG,6BAAC,yBAAS,OAAG,GAAGkF,WAAK,CAACC,sBAAuB;IAC1E,UAAU,EAAE5E,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE6E;EAAW,EACpC,gBAEF,6BAAC,UAAI;IACH,IAAI,EAAC,cAAc;IACnB,MAAM,EAAC,UAAU;IACjB,IAAI,EAAE1E,IAAK;IACX,cAAc,EAAEZ,KAAK,CAACuF,cAAe;IACrC,aAAa,EAAE,IAAAvD,yBAAc,EAC3B1B,gBAAgB,EAChBC,eAAe,EACfQ,QAAQ;EACR,GAED,CAACL,mBAAmB,gBACnB,6BAAC,cAAQ;IAAC,KAAK;IAAC,gBAAgB,EAAC,GAAG;IAAC,SAAS,EAAE+C,iCAAM,CAAC+B;EAAe,mBACnE,IAAAC,sBAAW,EAAC1E,QAAQ,CAAC,iDAArB,aAAuBW,GAAG,CAAC,CAAC,CAACgE,QAAQ,EAAEC,IAAI,CAAC,EAAErD,KAAK,KAAK;IACvD,oBACE,6BAAC,cAAQ,CAAC,KAAK;MACb,MAAM,EAAE,IAAAsD,kBAAU,EAACF,QAAQ,CAAE;MAC7B,GAAG,EAAEpD,KAAM;MACX,WAAW,EAAE;IAAK,GAEjBqD,IAAI,CAACjE,GAAG,CAAEC,IAAI,IAAKmD,WAAW,CAACnD,IAAI,CAAC,CAAC,CACvB;EAErB,CAAC,CAAC,eAEF,6BAAC,cAAQ,CAAC,KAAK;IACb,SAAS,EAAE8B,iCAAM,CAACoC,UAAW;IAC7B,WAAW,EAAE,IAAK;IAClB,MAAM,EAAE,IAAAD,kBAAU,EAACZ,+BAAqB,CAAE;IAC1C,GAAG,EAAEA;EAAsB,GAE1BD,gBAAgB,EAAE,CACJ,CACR,gBAEX,4DACGhE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEW,GAAG,CAAEC,IAAI,IAAK;IACvB,OAAOmD,WAAW,CAACnD,IAAI,CAAC;EAC1B,CAAC,CAAC,eACF;IAAK,SAAS,EAAE8B,iCAAM,CAACoC;EAAW,GAAEd,gBAAgB,EAAE,CAAO,CAEhE,CAEJ;AACH;AAEO,MAAMe,kBAAkB,gBAAGC,cAAK,CAACC,UAAU,CAACjG,wBAAwB,CAAC;AAAC"}
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","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","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","emunList","replace","split","renderOthersItem","OTHER_FORM_ITEM_FIELD","Infinity","isEmpty","empty","Empty","PRESENTED_IMAGE_SIMPLE","imageStyle","style","minWidth","panelContainer","groupByType","category","list","upperFirst","otherPanel","VisualPropertyForm","React","forwardRef"],"sources":["../../../src/visual-property-form/VisualPropertyForm.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from \"react\";\nimport {\n Form,\n Input,\n InputNumber,\n 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 }));\n\n useEffect(() => {\n const newTypeList = mergeProperties(propertyTypeList, brickProperties);\n setTypeList(newTypeList);\n\n const newValue = calculateValue(\n propertyTypeList,\n brickProperties,\n newTypeList\n );\n form.setFieldsValue(newValue);\n }, [propertyTypeList, brickProperties]);\n\n const handleLabelClick = (name: string): void => {\n const selected = typeList.find((item) => item.name === name);\n const index = typeList.findIndex((item) => item.name === name);\n const nextMode =\n selected.mode === ItemModeType.Advanced\n ? ItemModeType.Normal\n : ItemModeType.Advanced;\n\n let value = selected.value;\n if (nextMode === ItemModeType.Normal) {\n if (supportMenuType.includes(selected.type as string)) {\n value = matchNoramlMenuValue(value);\n }\n } else if (isNil(selected.value)) {\n value = \"\";\n } else {\n value = yamlStringify(selected.value);\n }\n form.setFieldsValue({\n [name]: value,\n });\n const newTypeList = update(typeList, {\n $splice: [[index, 1, { ...selected, mode: nextMode }]],\n });\n setTypeList(newTypeList);\n };\n\n const renderLabel = (\n item: UnionPropertyType,\n hideIcon?: boolean\n ): React.ReactElement => {\n return (\n <span>\n <Tooltip title={item.description}>{item.name}</Tooltip>{\" \"}\n {!hideIcon && labelIcon && (\n <span\n className={styles.iconContainer}\n onClick={() => handleLabelClick(item.name)}\n >\n <GeneralIcon\n icon={\n item.mode === ItemModeType.Advanced\n ? labelIcon?.advanced\n : labelIcon.normal\n }\n />\n </span>\n )}\n </span>\n );\n };\n\n const renderEditorItem = (\n item: UnionPropertyType,\n hideIcon?: boolean\n ): React.ReactElement => {\n return (\n <CodeEditorFormItem\n key={item.name}\n name={item.name}\n label={renderLabel(item, hideIcon) as any}\n required={item.required === Required.True}\n theme={theme === \"dark-v2\" ? \"monokai\" : \"tomorrow\"}\n jsonSchema={item?.jsonSchema}\n schemaRef={item?.schemaRef}\n mode={item?.editor?.model \|\| \"brick_next_yaml\"}\n />\n );\n };\n\n const renderStringItem = (item: UnionPropertyType): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <Input />\n </Form.Item>\n );\n };\n\n const renderBooleanItem = (item: UnionPropertyType): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <Switch />\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 form.setFieldsValue({\n [item.name]: value,\n });\n props.onValuesChange(value, value);\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 form.setFieldsValue({\n [item.name]: value,\n });\n props.onValuesChange(value, value);\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 form.setFieldsValue({\n [item.name]: value,\n });\n props.onValuesChange(value, value);\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 const type = item.type as string;\n // todo(sailor): update unit text\n if (/true\|false/.test(type as string)) {\n return renderBooleanItem(item);\n }\n if ((type as string).indexOf(\"\|\") > 0) {\n const emunList = (type 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 return isEmpty(typeList) ? (\n <Empty\n className={styles.empty}\n description={emptyConfig?.description}\n image={theme === \"dark-v2\" ? <DarkEmpty /> : Empty.PRESENTED_IMAGE_SIMPLE}\n imageStyle={emptyConfig?.imageStyle}\n />\n ) : (\n <Form\n name=\"propertyForm\"\n layout=\"horizontal\"\n labelAlign=\"left\"\n labelCol={{\n style: {\n minWidth: \"120px\",\n },\n }}\n form={form}\n onValuesChange={props.onValuesChange}\n initialValues={calculateValue(\n propertyTypeList,\n brickProperties,\n typeList\n )}\n >\n {!hiddenPropsCategory ? (\n <Collapse ghost defaultActiveKey=\"0\" className={styles.panelContainer}>\n {groupByType(typeList)?.map(([category, list], index) => {\n return (\n <Collapse.Panel\n header={upperFirst(category)}\n key={index}\n forceRender={true}\n >\n {list.map((item) => getFormItem(item))}\n </Collapse.Panel>\n );\n })}\n\n <Collapse.Panel\n className={styles.otherPanel}\n forceRender={true}\n header={upperFirst(OTHER_FORM_ITEM_FIELD)}\n key={OTHER_FORM_ITEM_FIELD}\n >\n {renderOthersItem()}\n </Collapse.Panel>\n </Collapse>\n ) : (\n <>\n {typeList?.map((item) => {\n return getFormItem(item);\n })}\n <div className={styles.otherPanel}>{renderOthersItem()}</div>\n </>\n )}\n </Form>\n );\n}\n\nexport const VisualPropertyForm = React.forwardRef(LegacyVisualPropertyForm);\n"],"mappings":";;;;;;;;;AAAA;AACA;AAYA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAEA;AASA,MAAMA,cAAc,GAAG,CACrB,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,CACP;AA6CM,SAASC,wBAAwB,CACtCC,KAA8B,EAC9BC,GAA+B,EACX;EAAA;EACpB,MAAMC,KAAK,GAAG,IAAAC,yBAAe,GAAE;EAC/B,MAAM;IACJC,SAAS;IACTC,SAAS;IACTC,gBAAgB;IAChBC,eAAe;IACfC,SAAS;IACTC,WAAW;IACXC,mBAAmB;IACnBC,gBAAgB;IAChBC;EACF,CAAC,GAAGZ,KAAK;EACT,MAAM,CAACa,IAAI,CAAC,GAAGC,UAAI,CAACC,OAAO,EAAE;EAC7B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EACtC,IAAAC,0BAAe,EAACb,gBAAgB,EAAEC,eAAe,CAAC,CACnD;EAED,IAAAa,0BAAmB,EAACnB,GAAG,EAAE,OAAO;IAC9BoB,cAAc,EAAER,IAAI,CAACQ,cAAc;IACnCC,mBAAmB,EAAE,CACnBN,QAAwB,EACxBO,UAA2B,KACxB;MACH,MAAMC,SAAS,GAAG,IAAAL,0BAAe,EAACH,QAAQ,EAAEO,UAAU,CAAC;MACvDN,WAAW,CAACO,SAAS,CAAC;MACtBX,IAAI,CAACY,WAAW,EAAE;IACpB,CAAC;IACDC,cAAc,EAAE,MAA2B;MACzC,OAAOV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEW,GAAG,CAAEC,IAAI,IAAK,IAAAC,YAAI,EAACD,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACtE;EACF,CAAC,CAAC,CAAC;EAEH,IAAAE,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAG,IAAAZ,0BAAe,EAACb,gBAAgB,EAAEC,eAAe,CAAC;IACtEU,WAAW,CAACc,WAAW,CAAC;IAExB,MAAMC,QAAQ,GAAG,IAAAC,yBAAc,EAC7B3B,gBAAgB,EAChBC,eAAe,EACfwB,WAAW,CACZ;IACDlB,IAAI,CAACqB,cAAc,CAACF,QAAQ,CAAC;EAC/B,CAAC,EAAE,CAAC1B,gBAAgB,EAAEC,eAAe,CAAC,CAAC;EAEvC,MAAM4B,gBAAgB,GAAIC,IAAY,IAAW;IAC/C,MAAMC,QAAQ,GAAGrB,QAAQ,CAACsB,IAAI,CAAEV,IAAI,IAAKA,IAAI,CAACQ,IAAI,KAAKA,IAAI,CAAC;IAC5D,MAAMG,KAAK,GAAGvB,QAAQ,CAACwB,SAAS,CAAEZ,IAAI,IAAKA,IAAI,CAACQ,IAAI,KAAKA,IAAI,CAAC;IAC9D,MAAMK,QAAQ,GACZJ,QAAQ,CAACK,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACnCD,wBAAY,CAACE,MAAM,GACnBF,wBAAY,CAACC,QAAQ;IAE3B,IAAIE,KAAK,GAAGT,QAAQ,CAACS,KAAK;IAC1B,IAAIL,QAAQ,KAAKE,wBAAY,CAACE,MAAM,EAAE;MACpC,IAAIE,yBAAe,CAACC,QAAQ,CAACX,QAAQ,CAACY,IAAI,CAAW,EAAE;QACrDH,KAAK,GAAG,IAAAI,+BAAoB,EAACJ,KAAK,CAAC;MACrC;IACF,CAAC,MAAM,IAAI,IAAAK,aAAK,EAACd,QAAQ,CAACS,KAAK,CAAC,EAAE;MAChCA,KAAK,GAAG,EAAE;IACZ,CAAC,MAAM;MACLA,KAAK,GAAG,IAAAM,wBAAa,EAACf,QAAQ,CAACS,KAAK,CAAC;IACvC;IACAjC,IAAI,CAACqB,cAAc,CAAC;MAClB,CAACE,IAAI,GAAGU;IACV,CAAC,CAAC;IACF,MAAMf,WAAW,GAAG,IAAAsB,2BAAM,EAACrC,QAAQ,EAAE;MACnCsC,OAAO,EAAE,CAAC,CAACf,KAAK,EAAE,CAAC,EAAE;QAAE,GAAGF,QAAQ;QAAEK,IAAI,EAAED;MAAS,CAAC,CAAC;IACvD,CAAC,CAAC;IACFxB,WAAW,CAACc,WAAW,CAAC;EAC1B,CAAC;EAED,MAAMwB,WAAW,GAAG,CAClB3B,IAAuB,EACvB4B,QAAkB,KACK;IACvB,oBACE,wDACE,6BAAC,aAAO;MAAC,KAAK,EAAE5B,IAAI,CAAC6B;IAAY,GAAE7B,IAAI,CAACQ,IAAI,CAAW,EAAC,GAAG,EAC1D,CAACoB,QAAQ,IAAInD,SAAS,iBACrB;MACE,SAAS,EAAEqD,iCAAM,CAACC,aAAc;MAChC,OAAO,EAAE,MAAMxB,gBAAgB,CAACP,IAAI,CAACQ,IAAI;IAAE,gBAE3C,6BAAC,4BAAW;MACV,IAAI,EACFR,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GAC/BvC,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEuD,QAAQ,GACnBvD,SAAS,CAACwD;IACf,EACD,CAEL,CACI;EAEX,CAAC;EAED,MAAMC,gBAAgB,GAAG,CACvBlC,IAAuB,EACvB4B,QAAkB,KACK;IAAA;IACvB,oBACE,6BAAC,sCAAkB;MACjB,GAAG,EAAE5B,IAAI,CAACQ,IAAK;MACf,IAAI,EAAER,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,EAAE4B,QAAQ,CAAS;MAC1C,QAAQ,EAAE5B,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAK;MAC1C,KAAK,EAAE/D,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,UAAW;MACpD,UAAU,EAAE0B,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEsC,UAAW;MAC7B,SAAS,EAAEtC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEuC,SAAU;MAC3B,IAAI,EAAE,CAAAvC,IAAI,aAAJA,IAAI,uCAAJA,IAAI,CAAEwC,MAAM,iDAAZ,aAAcC,KAAK,KAAI;IAAkB,EAC/C;EAEN,CAAC;EAED,MAAMC,gBAAgB,GAAI1C,IAAuB,IAAyB;IACxE,OAAOA,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,UAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAE,CACL;QACE2B,QAAQ,EAAEnC,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAI;QACzCM,OAAO,EAAG,MAAK3C,IAAI,CAACQ,IAAK;MAC3B,CAAC;IACD,gBAEF,6BAAC,WAAK,OAAG,CAEZ;EACH,CAAC;EAED,MAAMoC,iBAAiB,GAAI5C,IAAuB,IAAyB;IACzE,OAAOA,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,UAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAE,CACL;QACE2B,QAAQ,EAAEnC,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAI;QACzCM,OAAO,EAAG,MAAK3C,IAAI,CAACQ,IAAK;MAC3B,CAAC;IACD,gBAEF,6BAAC,YAAM,OAAG,CAEb;EACH,CAAC;EAED,MAAMqC,qBAAqB,GACzB7C,IAAuB,IACA;IACvB,OAAOA,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,UAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAE,CACL;QACE2B,QAAQ,EAAEnC,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAI;QACzCM,OAAO,EAAG,MAAK3C,IAAI,CAACQ,IAAK;MAC3B,CAAC;IACD,gBAEF,6BAAC,iBAAW,OAAG,CAElB;EACH,CAAC;EAED,MAAMsC,oBAAoB,GACxB9C,IAAuB,IACA;IACvB,OAAOA,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,UAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAE,CACL;QACE2B,QAAQ,EAAEnC,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAI;QACzCM,OAAO,EAAG,MAAK3C,IAAI,CAACQ,IAAK;MAC3B,CAAC;IACD,gBAEF,6BAAC,YAAM;MAAC,IAAI,EAAC;IAAM,EAAG,CAEzB;EACH,CAAC;EAED,MAAMuC,cAAc,GAAI/C,IAAuB,IAAyB;IACtE,oBACE,6BAAC,sCAAkB;MACjB,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,IAAI,EAAER,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,EAAE,IAAI,CAAS;MACtC,QAAQ,EAAEA,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC;IAAK,EAC1C;EAEN,CAAC;EAED,MAAMW,oBAAoB,GAAIhD,IAAkB,IAAyB;IACvE,OAAOkC,gBAAgB,CAAClC,IAAI,EAAE,IAAI,CAAC;EACrC,CAAC;EAED,MAAMiD,eAAe,GAAIjD,IAAkB,IAAyB;IAClE,oBACE,6BAAC,gCAAe;MACd,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,IAAI,EAAER,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,EAAE,IAAI,CAAE;MAC/B,QAAQ,EAAEA,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC;IAAK,EAC1C;EAEN,CAAC;EAED,MAAMa,cAAc,GAAIlD,IAAuB,IAAyB;IACtE,OAAOA,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,8BAAc;MACb,SAAS,EAAExB,SAAU;MACrB,GAAG,EAAEwB,IAAI,CAACQ,IAAK;MACf,IAAI,EAAER,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,QAAQ,EAAEA,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAK;MAC1C,gBAAgB,EAAEtD;IAAiB,EAEtC;EACH,CAAC;EAED,MAAMoE,oBAAoB,GACxBnD,IAAuB,IACA;IACvB,MAAMoD,cAAc,GAAIpD,IAAwB,IAAyB;MACvE,oBACE,yEACE,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,OAAO;QAAC,KAAK,EAAC;MAAO,gBACnC,6BAAC,WAAK;QAAC,YAAY,EAAEA,IAAI,CAACqD;MAAM,EAAG,CACzB,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,OAAO;QAAC,KAAK,EAAC;MAAO,gBACnC,6BAAC,WAAK;QAAC,YAAY,EAAErD,IAAI,CAACkB;MAAM,EAAG,CACzB,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,UAAU;QAAC,KAAK,EAAC;MAAU,gBACzC,6BAAC,YAAM;QAAC,OAAO,EAAElB,IAAI,CAACsD;MAAS,EAAG,CACxB,CACX;IAEP,CAAC;IACD,OAAOtD,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,sBAAU;MACT,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,QAAQ,EAAEA,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAK;MAC1C,KAAK,EAAE1D,eAAe,CAACqB,IAAI,CAACQ,IAAI,CAAE;MAClC,WAAW,EAAC,OAAO;MACnB,cAAc,EAAE4C,cAAe;MAC/B,cAAc,EAAGlC,KAAU,KAAM;QAC/BmC,KAAK,EAAEnC,KAAK;QACZA,KAAK,EAAEA;MACT,CAAC,CAAE;MACH,QAAQ,EAAGA,KAAK,IAAK;QACnBjC,IAAI,CAACqB,cAAc,CAAC;UAClB,CAACN,IAAI,CAACQ,IAAI,GAAGU;QACf,CAAC,CAAC;QACF9C,KAAK,CAACmF,cAAc,CAACrC,KAAK,EAAEA,KAAK,CAAC;MACpC;IAAE,EAEL;EACH,CAAC;EAED,MAAMsC,kBAAkB,GAAIxD,IAAuB,IAAyB;IAC1E,MAAMoD,cAAc,GAAIpD,IAAkB,IAAyB;MACjE,oBACE,yEACE,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,WAAW;QAAC,KAAK,EAAC;MAAW,gBAC3C,6BAAC,WAAK;QAAC,YAAY,EAAEA,IAAI,CAACyD;MAAU,EAAG,CAC7B,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,KAAK;QAAC,KAAK,EAAC;MAAK,gBAC/B,6BAAC,WAAK;QAAC,YAAY,EAAEzD,IAAI,CAAC0D;MAAI,EAAG,CACvB,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,OAAO;QAAC,KAAK,EAAC;MAAO,gBACnC,6BAAC,WAAK;QAAC,YAAY,EAAE1D,IAAI,CAAC2D;MAAM,EAAG,CACzB,eACZ,6BAAC,UAAI,CAAC,IAAI;QACR,IAAI,EAAC,aAAa;QAClB,KAAK,EAAC,aAAa;QACnB,OAAO,EAAC;MAA0C,gBAElD,6BAAC,kBAAY;QACX,YAAY,EAAE3D,IAAI,CAAC4D,WAAY;QAC/B,UAAU,EAAE,CAAC5E,mBAAmB,aAAnBA,mBAAmB,cAAnBA,mBAAmB,GAAI,EAAE,EAAE6E,MAAM,CAC3C7D,IAAI,IAAKA,IAAI,CAAC8D,UAAU,CAAC,GAAG,CAAC,IAAI9D,IAAI,CAAC+D,QAAQ,CAAC,GAAG,CAAC,CACpD;QACF,YAAY,EAAE,CAACC,UAAU,EAAEC,MAAM,KAC/BA,MAAM,CAAC7F,KAAK,CAAC8F,QAAQ,CAClBC,WAAW,EAAE,CACbC,OAAO,CAACJ,UAAU,CAACG,WAAW,EAAE,CAAC,KAAK,CAAC;MAC3C,EACD,CACQ,CACX;IAEP,CAAC;IACD,OAAOnE,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,sBAAU;MACT,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,QAAQ,EAAEA,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAK;MAC1C,KAAK,EAAE1D,eAAe,CAACqB,IAAI,CAACQ,IAAI,CAAE;MAClC,WAAW,EAAC,OAAO;MACnB,cAAc,EAAGU,KAAU,KAAM;QAC/BuC,SAAS,EAAEvC,KAAK;QAChByC,KAAK,EAAEzC,KAAK;QACZwC,GAAG,EAAExC;MACP,CAAC,CAAE;MACH,cAAc,EAAEkC,cAAe;MAC/B,QAAQ,EAAGlC,KAAK,IAAK;QACnBjC,IAAI,CAACqB,cAAc,CAAC;UAClB,CAACN,IAAI,CAACQ,IAAI,GAAGU;QACf,CAAC,CAAC;QACF9C,KAAK,CAACmF,cAAc,CAACrC,KAAK,EAAEA,KAAK,CAAC;MACpC;IAAE,EAEL;EACH,CAAC;EAED,MAAMmD,mBAAmB,GAAIrE,IAAuB,IAAyB;IAC3E,MAAMoD,cAAc,GAAIpD,IAAuB,IAAyB;MACtE,oBACE,yEACE,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,IAAI;QAAC,KAAK,EAAC;MAAI,gBAC7B,6BAAC,WAAK;QAAC,YAAY,EAAEA,IAAI,CAACsE;MAAG,EAAG,CACtB,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAC;MAAM,gBACjC,6BAAC,WAAK;QAAC,YAAY,EAAEtE,IAAI,CAACuE;MAAK,EAAG,CACxB,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,SAAS;QAAC,KAAK,EAAC;MAAS,gBACvC,6BAAC,WAAK;QAAC,YAAY,EAAEvE,IAAI,CAACwE;MAAQ,EAAG,CAC3B,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,WAAW;QAAC,KAAK,EAAC;MAAW,gBAC3C,6BAAC,WAAK;QAAC,YAAY,EAAExE,IAAI,CAACyE;MAAU,EAAG,CAC7B,eACZ,6BAAC,sCAAkB;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAC;MAAM,EAAG,eAC/C,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,YAAY;QAAC,KAAK,EAAC;MAAY,gBAC7C,6BAAC,YAAM;QAAC,YAAY,EAAEzE,IAAI,CAAC0E;MAAW,GACnCxG,cAAc,CAAC6B,GAAG,CAAEC,IAAI,iBACvB,6BAAC,YAAM,CAAC,MAAM;QAAC,GAAG,EAAEA,IAAK;QAAC,KAAK,EAAEA;MAAK,GACnCA,IAAI,CAER,CAAC,CACK,CACC,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAC;MAAM,gBACjC,6BAAC,YAAM;QAAC,OAAO,EAAEA,IAAI,CAAC2E;MAAK,EAAG,CACpB,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,UAAU;QAAC,KAAK,EAAC;MAAU,gBACzC,6BAAC,YAAM;QAAC,OAAO,EAAE3E,IAAI,CAACsD;MAAS,EAAG,CACxB,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,WAAW;QAAC,KAAK,EAAC;MAAW,gBAC3C,6BAAC,YAAM;QAAC,OAAO,EAAEtD,IAAI,CAAC4E;MAAU,EAAG,CACzB,eACZ,6BAAC,UAAI,CAAC,IAAI;QAAC,IAAI,EAAC,YAAY;QAAC,KAAK,EAAC;MAAY,gBAC7C,6BAAC,YAAM;QAAC,OAAO,EAAE5E,IAAI,CAAC6E;MAAW,EAAG,CAC1B,CACX;IAEP,CAAC;IACD,OAAO7E,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,sBAAU;MACT,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,QAAQ,EAAEA,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAK;MAC1C,KAAK,EAAE1D,eAAe,CAACqB,IAAI,CAACQ,IAAI,CAAE;MAClC,WAAW,EAAC,MAAM;MAClB,cAAc,EAAE4C,cAAe;MAC/B,cAAc,EAAGlC,KAAU,KAAM;QAC/BqD,IAAI,EAAErD;MACR,CAAC,CAAE;MACH,QAAQ,EAAGA,KAAK,IAAK;QACnBjC,IAAI,CAACqB,cAAc,CAAC;UAClB,CAACN,IAAI,CAACQ,IAAI,GAAGU;QACf,CAAC,CAAC;QACF9C,KAAK,CAACmF,cAAc,CAACrC,KAAK,EAAEA,KAAK,CAAC;MACpC;IAAE,EAEL;EACH,CAAC;EAED,MAAM4D,cAAc,GAAG,CACrB9E,IAAuB,EACvB+E,QAAkB,KACK;IACvB,OAAO/E,IAAI,CAACc,IAAI,KAAKC,wBAAY,CAACC,QAAQ,GACxCkB,gBAAgB,CAAClC,IAAI,CAAC,gBAEtB,6BAAC,UAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACQ,IAAK;MACf,KAAK,EAAEmB,WAAW,CAAC3B,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACQ,IAAK;MAChB,KAAK,EAAE,CACL;QACE2B,QAAQ,EAAEnC,IAAI,CAACmC,QAAQ,KAAKC,oBAAQ,CAACC,IAAI;QACzCM,OAAO,EAAG,MAAK3C,IAAI,CAACQ,IAAK;MAC3B,CAAC;IACD,gBAEF,6BAAC,YAAM;MACL,OAAO,EAAEuE,QAAQ,CAAChF,GAAG,CAAEC,IAAI,KAAM;QAAEqD,KAAK,EAAErD,IAAI;QAAEkB,KAAK,EAAElB;MAAK,CAAC,CAAC;IAAE,EAChE,CAEL;EACH,CAAC;EAED,MAAMgF,WAAW,GAAIhF,IAAkB,IAAyB;IAC9D,MAAMqB,IAAI,GAAGrB,IAAI,CAACqB,IAAc;IAChC;IACA,IAAI,YAAY,CAAC4D,IAAI,CAAC5D,IAAI,CAAW,EAAE;MACrC,OAAOuB,iBAAiB,CAAC5C,IAAI,CAAC;IAChC;IACA,IAAKqB,IAAI,CAAY+C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;MACrC,MAAMc,QAAQ,GAAI7D,IAAI,CAAY8D,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;MAChE,OAAON,cAAc,CAAC9E,IAAI,EAAEkF,QAAQ,CAAC;IACvC;IACA,QAAQlF,IAAI,CAACqB,IAAI;MACf,KAAK,QAAQ;QACX,OAAOqB,gBAAgB,CAAC1C,IAAI,CAAC;MAC/B,KAAK,UAAU;QACb,OAAO8C,oBAAoB,CAAC9C,IAAI,CAAC;MACnC,KAAK,QAAQ;QACX,OAAO6C,qBAAqB,CAAC7C,IAAI,CAAC;MACpC,KAAK,SAAS;QACZ,OAAO4C,iBAAiB,CAAC5C,IAAI,CAAC;MAChC,KAAK,UAAU;QACb,OAAO+C,cAAc,CAAC/C,IAAI,CAAC;MAC7B,KAAK,OAAO;QACV,OAAOiD,eAAe,CAACjD,IAAI,CAAC;MAC9B,KAAK,MAAM;MACX,KAAK,gBAAgB;QACnB,OAAOkD,cAAc,CAAClD,IAAI,CAAC;MAC7B;MACA,KAAK,iBAAiB;QACpB,OAAOmD,oBAAoB,CAACnD,IAAI,CAAC;MACnC,KAAK,gBAAgB;QACnB,OAAOwD,kBAAkB,CAACxD,IAAI,CAAC;MACjC,KAAK,gBAAgB;QACnB,OAAOqE,mBAAmB,CAACrE,IAAI,CAAC;MAClC;QACE,OAAOgD,oBAAoB,CAAChD,IAAI,CAAC;IAAC;EAExC,CAAC;EAED,MAAMqF,gBAAgB,GAAG,MAA0B;IACjD,oBACE,6BAAC,sCAAkB;MACjB,IAAI,EAAEC,+BAAsB;MAC5B,KAAK,EACH,CAAA1G,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEyC,IAAI,MAAK,UAAU,GAAG,cAAc,GAAG,kBACnD;MACD,IAAI,EAAC,iBAAiB;MACtB,QAAQ,EAAEkE;IAAS,EACnB;EAEN,CAAC;EAED,OAAO,IAAAC,eAAO,EAACpG,QAAQ,CAAC,gBACtB,6BAAC,WAAK;IACJ,SAAS,EAAE0C,iCAAM,CAAC2D,KAAM;IACxB,WAAW,EAAE5G,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEgD,WAAY;IACtC,KAAK,EAAEvD,KAAK,KAAK,SAAS,gBAAG,6BAAC,yBAAS,OAAG,GAAGoH,WAAK,CAACC,sBAAuB;IAC1E,UAAU,EAAE9G,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE+G;EAAW,EACpC,gBAEF,6BAAC,UAAI;IACH,IAAI,EAAC,cAAc;IACnB,MAAM,EAAC,YAAY;IACnB,UAAU,EAAC,MAAM;IACjB,QAAQ,EAAE;MACRC,KAAK,EAAE;QACLC,QAAQ,EAAE;MACZ;IACF,CAAE;IACF,IAAI,EAAE7G,IAAK;IACX,cAAc,EAAEb,KAAK,CAACmF,cAAe;IACrC,aAAa,EAAE,IAAAlD,yBAAc,EAC3B3B,gBAAgB,EAChBC,eAAe,EACfS,QAAQ;EACR,GAED,CAACN,mBAAmB,gBACnB,6BAAC,cAAQ;IAAC,KAAK;IAAC,gBAAgB,EAAC,GAAG;IAAC,SAAS,EAAEgD,iCAAM,CAACiE;EAAe,mBACnE,IAAAC,sBAAW,EAAC5G,QAAQ,CAAC,iDAArB,aAAuBW,GAAG,CAAC,CAAC,CAACkG,QAAQ,EAAEC,IAAI,CAAC,EAAEvF,KAAK,KAAK;IACvD,oBACE,6BAAC,cAAQ,CAAC,KAAK;MACb,MAAM,EAAE,IAAAwF,kBAAU,EAACF,QAAQ,CAAE;MAC7B,GAAG,EAAEtF,KAAM;MACX,WAAW,EAAE;IAAK,GAEjBuF,IAAI,CAACnG,GAAG,CAAEC,IAAI,IAAKgF,WAAW,CAAChF,IAAI,CAAC,CAAC,CACvB;EAErB,CAAC,CAAC,eAEF,6BAAC,cAAQ,CAAC,KAAK;IACb,SAAS,EAAE8B,iCAAM,CAACsE,UAAW;IAC7B,WAAW,EAAE,IAAK;IAClB,MAAM,EAAE,IAAAD,kBAAU,EAACb,+BAAqB,CAAE;IAC1C,GAAG,EAAEA;EAAsB,GAE1BD,gBAAgB,EAAE,CACJ,CACR,gBAEX,4DACGjG,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEW,GAAG,CAAEC,IAAI,IAAK;IACvB,OAAOgF,WAAW,CAAChF,IAAI,CAAC;EAC1B,CAAC,CAAC,eACF;IAAK,SAAS,EAAE8B,iCAAM,CAACsE;EAAW,GAAEf,gBAAgB,EAAE,CAAO,CAEhE,CAEJ;AACH;AAEO,MAAMgB,kBAAkB,gBAAGC,cAAK,CAACC,UAAU,CAACpI,wBAAwB,CAAC;AAAC"}

package/dist/cjs/visual-property-form/components/ListEditor/ListEditor.js ADDED Viewed

@@ -0,0 +1,141 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListEditor = ListEditor;
+var _react = _interopRequireWildcard(require("react"));
+var _basicComponents = require("@next-libs/basic-components");
+var _antd = require("antd");
+var _ListEditorModule = _interopRequireDefault(require("./ListEditor.module.css"));
+const COLUMN_KEY = Symbol.for("column_key");
+let key = 0;
+function ListEditor({
+  name,
+  label,
+  value,
+  required,
+  listItemKey,
+  getDefaultItem,
+  renderFormItem,
+  onChange
+}) {
+  const [list, setList] = (0, _react.useState)((value !== null && value !== void 0 ? value : []).map(item => ({
+    ...item,
+    [COLUMN_KEY]: ++key
+  })));
+  const handleRemoveItem = (0, _react.useCallback)((e, item) => {
+    e.stopPropagation();
+    const key = item[COLUMN_KEY];
+    const newList = list.filter(item => item[COLUMN_KEY] !== key);
+    setList(newList);
+  }, [list]);
+  const handleAddListItem = () => {
+    key++;
+    const defaultValue = `newItem(${list.length})`;
+    const newColumn = list.concat([{
+      ...getDefaultItem(defaultValue),
+      [COLUMN_KEY]: key
+    }]);
+    setList(newColumn);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newColumn);
+  };
+  const renderListForm = (0, _react.useCallback)(item => {
+    const handleOnValuesChange = changeValues => {
+      const key = item[COLUMN_KEY];
+      const newList = list.map(item => {
+        if (item[COLUMN_KEY] === key) {
+          item = {
+            ...item,
+            ...changeValues
+          };
+        }
+        return item;
+      });
+      setList(newList);
+      onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+    };
+    return /*#__PURE__*/_react.default.createElement(_antd.Form, {
+      layout: "horizontal",
+      labelAlign: "left",
+      labelCol: {
+        style: {
+          minWidth: "112px"
+        }
+      },
+      onValuesChange: handleOnValuesChange
+    }, renderFormItem(item));
+  }, [list, onChange, renderFormItem]);
+  const renderListContent = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _ListEditorModule.default.listContent
+    }, list.length ? list.map((item, index) => {
+      return /*#__PURE__*/_react.default.createElement(_antd.Popover, {
+        key: index,
+        overlayStyle: {
+          zIndex: 999
+        },
+        content: renderListForm(item),
+        title: "Detail",
+        trigger: "click",
+        placement: "left"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _ListEditorModule.default.listItem
+      }, /*#__PURE__*/_react.default.createElement("span", null, item[listItemKey]), /*#__PURE__*/_react.default.createElement("span", {
+        onClick: e => handleRemoveItem(e, item)
+      }, /*#__PURE__*/_react.default.createElement(_basicComponents.GeneralIcon, {
+        icon: {
+          lib: "easyops",
+          category: "assets-inventory",
+          icon: "out",
+          color: "red"
+        },
+        style: {
+          padding: "2px",
+          border: "1px solid",
+          borderRadius: "50%"
+        }
+      }))));
+    }) : /*#__PURE__*/_react.default.createElement("div", {
+      className: _ListEditorModule.default.listEmptyItem
+    }, "No data"));
+  }, [list, renderListForm, listItemKey, handleRemoveItem]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _ListEditorModule.default.listContainer
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    key: name,
+    name: name,
+    label: label,
+    rules: [{
+      required: required,
+      message: `请输入${name}`
+    }]
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _ListEditorModule.default.listTitle
+  }, /*#__PURE__*/_react.default.createElement("span", null, "List"), /*#__PURE__*/_react.default.createElement("span", {
+    className: _ListEditorModule.default.listActionContainer
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    onClick: () => {
+      setList([]);
+      onChange([]);
+    }
+  }, "Clear"), /*#__PURE__*/_react.default.createElement("span", {
+    className: _ListEditorModule.default.listAddItem,
+    onClick: handleAddListItem
+  }, /*#__PURE__*/_react.default.createElement(_basicComponents.GeneralIcon, {
+    icon: {
+      lib: "easyops",
+      category: "assets-inventory",
+      icon: "xin",
+      color: "blue"
+    },
+    style: {
+      marginRight: "4px"
+    }
+  }), "Add"))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _ListEditorModule.default.listContent
+  }, renderListContent)));
+}
+//# sourceMappingURL=ListEditor.js.map

package/dist/cjs/visual-property-form/components/ListEditor/ListEditor.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ListEditor.js","names":["COLUMN_KEY","Symbol","for","key","ListEditor","name","label","value","required","listItemKey","getDefaultItem","renderFormItem","onChange","list","setList","useState","map","item","handleRemoveItem","useCallback","e","stopPropagation","newList","filter","handleAddListItem","defaultValue","length","newColumn","concat","renderListForm","handleOnValuesChange","changeValues","style","minWidth","renderListContent","useMemo","styles","listContent","index","zIndex","listItem","lib","category","icon","color","padding","border","borderRadius","listEmptyItem","listContainer","message","listTitle","listActionContainer","listAddItem","marginRight"],"sources":["../../../../../src/visual-property-form/components/ListEditor/ListEditor.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from \"react\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { Form, Popover } from \"antd\";\nimport styles from \"./ListEditor.module.css\";\n\nconst COLUMN_KEY = Symbol.for(\"column_key\");\n\ninterface ListEditor {\n name?: string;\n label?: string | React.ReactElement;\n value?: any[];\n required?: boolean;\n listItemKey: string;\n getDefaultItem: (data: any) => Record<string, any>;\n renderFormItem?: (data: any) => React.ReactElement;\n onChange?: (data: any) => void;\n}\n\nlet key = 0;\n\nexport function ListEditor({\n name,\n label,\n value,\n required,\n listItemKey,\n getDefaultItem,\n renderFormItem,\n onChange,\n}: ListEditor): React.ReactElement {\n const [list, setList] = useState<any[]>(\n (value ?? []).map((item) => ({\n ...item,\n [COLUMN_KEY]: ++key,\n }))\n );\n\n const handleRemoveItem = useCallback(\n (e: React.MouseEvent, item: any): void => {\n e.stopPropagation();\n const key = item[COLUMN_KEY];\n const newList = list.filter((item) => item[COLUMN_KEY] !== key);\n setList(newList);\n },\n [list]\n );\n\n const handleAddListItem = (): void => {\n key++;\n const defaultValue = `newItem(${list.length})`;\n const newColumn = list.concat([\n { ...getDefaultItem(defaultValue), [COLUMN_KEY]: key },\n ]);\n setList(newColumn);\n onChange?.(newColumn);\n };\n\n const renderListForm = useCallback(\n (item: any): React.ReactElement => {\n const handleOnValuesChange = (changeValues: any): void => {\n const key = item[COLUMN_KEY];\n const newList = list.map((item) => {\n if (item[COLUMN_KEY] === key) {\n item = {\n ...item,\n ...changeValues,\n };\n }\n return item;\n });\n setList(newList);\n onChange?.(newList);\n };\n return (\n <Form\n layout=\"horizontal\"\n labelAlign=\"left\"\n labelCol={{\n style: {\n minWidth: \"112px\",\n },\n }}\n onValuesChange={handleOnValuesChange}\n >\n {renderFormItem(item)}\n </Form>\n );\n },\n [list, onChange, renderFormItem]\n );\n\n const renderListContent = useMemo((): React.ReactElement => {\n return (\n <div className={styles.listContent}>\n {list.length ? (\n list.map((item, index) => {\n return (\n <Popover\n key={index}\n overlayStyle={{\n zIndex: 999,\n }}\n content={renderListForm(item)}\n title=\"Detail\"\n trigger=\"click\"\n placement=\"left\"\n >\n <div className={styles.listItem}>\n <span>{item[listItemKey]}</span>\n <span onClick={(e) => handleRemoveItem(e, item)}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"out\",\n color: \"red\",\n }}\n style={{\n padding: \"2px\",\n border: \"1px solid\",\n borderRadius: \"50%\",\n }}\n />\n </span>\n </div>\n </Popover>\n );\n })\n ) : (\n <div className={styles.listEmptyItem}>No data</div>\n )}\n </div>\n );\n }, [list, renderListForm, listItemKey, handleRemoveItem]);\n\n return (\n <div className={styles.listContainer}>\n <Form.Item\n key={name}\n name={name}\n label={label}\n rules={[{ required: required, message: `请输入${name}` }]}\n >\n <div className={styles.listTitle}>\n <span>List</span>\n <span className={styles.listActionContainer}>\n <span\n onClick={() => {\n setList([]);\n onChange([]);\n }}\n >\n Clear\n </span>\n <span className={styles.listAddItem} onClick={handleAddListItem}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"xin\",\n color: \"blue\",\n }}\n style={{\n marginRight: \"4px\",\n }}\n />\n Add\n </span>\n </span>\n </div>\n <div className={styles.listContent}>{renderListContent}</div>\n </Form.Item>\n </div>\n );\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import React, { useEffect, useImperativeHandle, useState } from "react";
-import { Form, Input, InputNumber, Radio, Select, Tooltip, Collapse, Empty } from "antd";
+import { Form, Input, InputNumber, Select, Tooltip, Collapse, Empty, Switch, AutoComplete } from "antd";
 import { useCurrentTheme } from "@next-core/brick-kit";
 import { GeneralIcon } from "@next-libs/basic-components";
 import update from "immutability-helper";
@@ -10,11 +10,13 @@ import { CodeEditorFormItem } from "./components/CodeEditor/CodeEditorFormItem";
 import { IconSelectFormItem } from "./components/IconSelect/IconSelectFormItem";
 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 { matchNoramlMenuValue } from "./processor";
 import { ItemModeType, Required } from "../interfaces";
+var ButtonTypeEmun = ["link", "default", "primary", "ghost", "dashed", "icon", "text"];
 export function LegacyVisualPropertyForm(props, ref) {
   var _groupByType;
   var theme = useCurrentTheme();
@@ -26,7 +28,8 @@ export function LegacyVisualPropertyForm(props, ref) {
     brickInfo,
     emptyConfig,
     hiddenPropsCategory,
-    menuSettingClick
+    menuSettingClick,
+    childMountPointList
   } = props;
   var [form] = Form.useForm();
   var [typeList, setTypeList] = useState(mergeProperties(propertyTypeList, brickProperties));
@@ -114,11 +117,7 @@ export function LegacyVisualPropertyForm(props, ref) {
         required: item.required === Required.True,
         message: "\u8BF7\u8F93\u5165".concat(item.name)
       }]
-    }, /*#__PURE__*/React.createElement(Radio.Group, null, /*#__PURE__*/React.createElement(Radio, {
-      value: true
-    }, "true"), /*#__PURE__*/React.createElement(Radio, {
-      value: false
-    }, "false")));
+    }, /*#__PURE__*/React.createElement(Switch, null));
   };
   var renderInputNumberItem = item => {
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(Form.Item, {
@@ -173,7 +172,190 @@ export function LegacyVisualPropertyForm(props, ref) {
       menuSettingClick: menuSettingClick
     });
   };
+  var renderGeneralOptipns = item => {
+    var renderFormItem = item => {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
+        name: "label",
+        label: "label"
+      }, /*#__PURE__*/React.createElement(Input, {
+        defaultValue: item.label
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "value",
+        label: "value"
+      }, /*#__PURE__*/React.createElement(Input, {
+        defaultValue: item.value
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "disabled",
+        label: "disabled"
+      }, /*#__PURE__*/React.createElement(Switch, {
+        checked: item.disabled
+      })));
+    };
+    return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(ListEditor, {
+      name: item.name,
+      label: renderLabel(item),
+      required: item.required === Required.True,
+      value: brickProperties[item.name],
+      listItemKey: "label",
+      renderFormItem: renderFormItem,
+      getDefaultItem: value => ({
+        label: value,
+        value: value
+      }),
+      onChange: value => {
+        form.setFieldsValue({
+          [item.name]: value
+        });
+        props.onValuesChange(value, value);
+      }
+    });
+  };
+  var renderCustomColumn = item => {
+    var renderFormItem = item => {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
+        name: "dataIndex",
+        label: "dataIndex"
+      }, /*#__PURE__*/React.createElement(Input, {
+        defaultValue: item.dataIndex
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "key",
+        label: "key"
+      }, /*#__PURE__*/React.createElement(Input, {
+        defaultValue: item.key
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "title",
+        label: "title"
+      }, /*#__PURE__*/React.createElement(Input, {
+        defaultValue: item.title
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "useChildren",
+        label: "useChildren",
+        tooltip: "useBrick\u4EE3\u66FF\u7528\u6CD5,\u6570\u636E\u6765\u6E90\u4E8E\u5B50\u63D2\u69FD\u540D\u79F0,\u5E76\u4E14\u63D2\u69FD\u540D\u79F0\u5FC5\u987B\u4F7F\u7528'[]'\u5305\u88F9"
+      }, /*#__PURE__*/React.createElement(AutoComplete, {
+        defaultValue: item.useChildren,
+        dataSource: (childMountPointList !== null && childMountPointList !== void 0 ? childMountPointList : []).filter(item => item.startsWith("[") && item.endsWith("]")),
+        filterOption: (inputValue, option) => option.props.children.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1
+      })));
+    };
+    return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(ListEditor, {
+      name: item.name,
+      label: renderLabel(item),
+      required: item.required === Required.True,
+      value: brickProperties[item.name],
+      listItemKey: "title",
+      getDefaultItem: value => ({
+        dataIndex: value,
+        title: value,
+        key: value
+      }),
+      renderFormItem: renderFormItem,
+      onChange: value => {
+        form.setFieldsValue({
+          [item.name]: value
+        });
+        props.onValuesChange(value, value);
+      }
+    });
+  };
+  var renderCustomButtons = item => {
+    var renderFormItem = item => {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
+        name: "id",
+        label: "id"
+      }, /*#__PURE__*/React.createElement(Input, {
+        defaultValue: item.id
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "text",
+        label: "text"
+      }, /*#__PURE__*/React.createElement(Input, {
+        defaultValue: item.text
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "tooltip",
+        label: "tooltip"
+      }, /*#__PURE__*/React.createElement(Input, {
+        defaultValue: item.tooltip
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "eventName",
+        label: "eventName"
+      }, /*#__PURE__*/React.createElement(Input, {
+        defaultValue: item.eventName
+      })), /*#__PURE__*/React.createElement(IconSelectFormItem, {
+        name: "icon",
+        label: "icon"
+      }), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "buttonType",
+        label: "buttonType"
+      }, /*#__PURE__*/React.createElement(Select, {
+        defaultValue: item.buttonType
+      }, ButtonTypeEmun.map(item => /*#__PURE__*/React.createElement(Select.Option, {
+        key: item,
+        value: item
+      }, item)))), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "hide",
+        label: "hide"
+      }, /*#__PURE__*/React.createElement(Switch, {
+        checked: item.hide
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "disabled",
+        label: "disabled"
+      }, /*#__PURE__*/React.createElement(Switch, {
+        checked: item.disabled
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "isDivider",
+        label: "isDivider"
+      }, /*#__PURE__*/React.createElement(Switch, {
+        checked: item.isDivider
+      })), /*#__PURE__*/React.createElement(Form.Item, {
+        name: "isDropdown",
+        label: "isDropdown"
+      }, /*#__PURE__*/React.createElement(Switch, {
+        checked: item.isDropdown
+      })));
+    };
+    return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(ListEditor, {
+      name: item.name,
+      label: renderLabel(item),
+      required: item.required === Required.True,
+      value: brickProperties[item.name],
+      listItemKey: "text",
+      renderFormItem: renderFormItem,
+      getDefaultItem: value => ({
+        text: value
+      }),
+      onChange: value => {
+        form.setFieldsValue({
+          [item.name]: value
+        });
+        props.onValuesChange(value, value);
+      }
+    });
+  };
+  var renderEnumItem = (item, enumList) => {
+    return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(Form.Item, {
+      key: item.name,
+      label: renderLabel(item),
+      name: item.name,
+      rules: [{
+        required: item.required === Required.True,
+        message: "\u8BF7\u8F93\u5165".concat(item.name)
+      }]
+    }, /*#__PURE__*/React.createElement(Select, {
+      options: enumList.map(item => ({
+        label: item,
+        value: item
+      }))
+    }));
+  };
   var getFormItem = item => {
+    var type = item.type;
+    // todo(sailor): update unit text
+    if (/true|false/.test(type)) {
+      return renderBooleanItem(item);
+    }
+    if (type.indexOf("|") > 0) {
+      var emunList = type.replace(/"|'/g, "").split("|");
+      return renderEnumItem(item, emunList);
+    }
     switch (item.type) {
       case "string":
         return renderStringItem(item);
@@ -190,6 +372,13 @@ export function LegacyVisualPropertyForm(props, ref) {
       case "Menu":
       case "SidebarSubMenu":
         return renderMenuItem(item);
+      // todo(sailor): update unit text
+      case "GeneralOption[]":
+        return renderGeneralOptipns(item);
+      case "CustomColumn[]":
+        return renderCustomColumn(item);
+      case "CustomButton[]":
+        return renderCustomButtons(item);
       default:
         return renderCodeEditorItem(item);
     }
@@ -209,7 +398,13 @@ export function LegacyVisualPropertyForm(props, ref) {
     imageStyle: emptyConfig === null || emptyConfig === void 0 ? void 0 : emptyConfig.imageStyle
   }) : /*#__PURE__*/React.createElement(Form, {
     name: "propertyForm",
-    layout: "vertical",
+    layout: "horizontal",
+    labelAlign: "left",
+    labelCol: {
+      style: {
+        minWidth: "120px"
+      }
+    },
     form: form,
     onValuesChange: props.onValuesChange,
     initialValues: calculateValue(propertyTypeList, brickProperties, typeList)

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VisualPropertyForm.js","names":["React","useEffect","useImperativeHandle","useState","Form","Input","InputNumber","Radio","Select","Tooltip","Collapse","Empty","useCurrentTheme","GeneralIcon","update","isNil","pick","upperFirst","isEmpty","styles","CodeEditorFormItem","IconSelectFormItem","ColorEditorItem","MenuEditorItem","ReactComponent","DarkEmpty","mergeProperties","calculateValue","groupByType","yamlStringify","OTHER_FORM_ITEM_FIELD","supportMenuType","matchNoramlMenuValue","ItemModeType","Required","LegacyVisualPropertyForm","props","ref","theme","projectId","labelIcon","propertyTypeList","brickProperties","brickInfo","emptyConfig","hiddenPropsCategory","menuSettingClick","form","useForm","typeList","setTypeList","validateFields","resetPropertyFields","properties","restValue","resetFields","getCurTypeList","map","item","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","getFormItem","renderOthersItem","Infinity","empty","PRESENTED_IMAGE_SIMPLE","imageStyle","onValuesChange","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 Radio,\n Select,\n Tooltip,\n Collapse,\n Empty,\n} from \"antd\";\nimport { EmptyProps } from \"antd/lib/empty\";\nimport { useCurrentTheme } from \"@next-core/brick-kit\";\nimport { MenuIcon } from \"@next-core/brick-types\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport update from \"immutability-helper\";\nimport { isNil, pick, upperFirst, isEmpty } from \"lodash\";\nimport styles from \"./VisualPropertyForm.module.css\";\nimport { FormProps } from \"antd/lib/form\";\nimport { CodeEditorFormItem } from \"./components/CodeEditor/CodeEditorFormItem\";\nimport { IconSelectFormItem } from \"./components/IconSelect/IconSelectFormItem\";\nimport { ColorEditorItem } from \"./components/ColorEditor/ColorEditorItem\";\nimport { MenuEditorItem } from \"./components/MenuEditor/MenuEditorItem\";\nimport { ReactComponent as DarkEmpty } from \"./images/empty-dark.svg\";\nimport {\n mergeProperties,\n calculateValue,\n groupByType,\n yamlStringify,\n} from \"./processor\";\nimport { OTHER_FORM_ITEM_FIELD, supportMenuType } from \"./constant\";\nimport { matchNoramlMenuValue } from \"./processor\";\nimport {\n PropertyType,\n BrickProperties,\n visualFormUtils,\n ItemModeType,\n UnionPropertyType,\n Required,\n} from \"../interfaces\";\n\nexport interface VisualPropertyFormProps {\n projectId?: string;\n propertyTypeList: PropertyType[];\n labelIcon: {\n normal?: MenuIcon;\n advanced?: MenuIcon;\n };\n brickProperties: BrickProperties;\n onValuesChange?: FormProps[\"onValuesChange\"];\n brickInfo?: {\n type: \"brick\" \| \"provider\" \| \"template\";\n };\n emptyConfig?: EmptyProps;\n menuSettingClick?: () => void;\n hiddenPropsCategory?: boolean;\n}\n\nexport function LegacyVisualPropertyForm(\n props: VisualPropertyFormProps,\n ref: React.Ref<visualFormUtils>\n): React.ReactElement {\n const theme = useCurrentTheme();\n const {\n projectId,\n labelIcon,\n propertyTypeList,\n brickProperties,\n brickInfo,\n emptyConfig,\n hiddenPropsCategory,\n menuSettingClick,\n } = props;\n const [form] = Form.useForm();\n const [typeList, setTypeList] = useState<UnionPropertyType[]>(\n mergeProperties(propertyTypeList, brickProperties)\n );\n\n useImperativeHandle(ref, () => ({\n validateFields: form.validateFields,\n resetPropertyFields: (\n typeList: PropertyType[],\n properties: BrickProperties\n ) => {\n const restValue = mergeProperties(typeList, properties);\n setTypeList(restValue);\n form.resetFields();\n },\n getCurTypeList: (): UnionPropertyType[] => {\n return typeList?.map((item) => pick(item, [\"name\", \"type\", \"mode\"]));\n },\n }));\n\n useEffect(() => {\n const newTypeList = mergeProperties(propertyTypeList, brickProperties);\n setTypeList(newTypeList);\n\n const newValue = calculateValue(\n propertyTypeList,\n brickProperties,\n newTypeList\n );\n form.setFieldsValue(newValue);\n }, [propertyTypeList, brickProperties]);\n\n const handleLabelClick = (name: string): void => {\n const selected = typeList.find((item) => item.name === name);\n const index = typeList.findIndex((item) => item.name === name);\n const nextMode =\n selected.mode === ItemModeType.Advanced\n ? ItemModeType.Normal\n : ItemModeType.Advanced;\n\n let value = selected.value;\n if (nextMode === ItemModeType.Normal) {\n if (supportMenuType.includes(selected.type as string)) {\n value = matchNoramlMenuValue(value);\n }\n } else if (isNil(selected.value)) {\n value = \"\";\n } else {\n value = yamlStringify(selected.value);\n }\n form.setFieldsValue({\n [name]: value,\n });\n const newTypeList = update(typeList, {\n $splice: [[index, 1, { ...selected, mode: nextMode }]],\n });\n setTypeList(newTypeList);\n };\n\n const renderLabel = (\n item: UnionPropertyType,\n hideIcon?: boolean\n ): React.ReactElement => {\n return (\n <span>\n <Tooltip title={item.description}>{item.name}</Tooltip>{\" \"}\n {!hideIcon && labelIcon && (\n <span\n className={styles.iconContainer}\n onClick={() => handleLabelClick(item.name)}\n >\n <GeneralIcon\n icon={\n item.mode === ItemModeType.Advanced\n ? labelIcon?.advanced\n : labelIcon.normal\n }\n />\n </span>\n )}\n </span>\n );\n };\n\n const renderEditorItem = (\n item: UnionPropertyType,\n hideIcon?: boolean\n ): React.ReactElement => {\n return (\n <CodeEditorFormItem\n key={item.name}\n name={item.name}\n label={renderLabel(item, hideIcon) as any}\n required={item.required === Required.True}\n theme={theme === \"dark-v2\" ? \"monokai\" : \"tomorrow\"}\n jsonSchema={item?.jsonSchema}\n schemaRef={item?.schemaRef}\n mode={item?.editor?.model \|\| \"brick_next_yaml\"}\n />\n );\n };\n\n const renderStringItem = (item: UnionPropertyType): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <Input />\n </Form.Item>\n );\n };\n\n const renderBooleanItem = (item: UnionPropertyType): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <Radio.Group>\n <Radio value={true}>true</Radio>\n <Radio value={false}>false</Radio>\n </Radio.Group>\n </Form.Item>\n );\n };\n\n const renderInputNumberItem = (\n item: UnionPropertyType\n ): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <InputNumber />\n </Form.Item>\n );\n };\n\n const renderStringListItem = (\n item: UnionPropertyType\n ): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <Select mode=\"tags\" />\n </Form.Item>\n );\n };\n\n const renderIconItem = (item: UnionPropertyType): React.ReactElement => {\n return (\n <IconSelectFormItem\n key={item.name}\n name={item.name}\n label={renderLabel(item, true) as any}\n required={item.required === Required.True}\n />\n );\n };\n\n const renderCodeEditorItem = (item: PropertyType): React.ReactElement => {\n return renderEditorItem(item, true);\n };\n\n const renderColorItem = (item: PropertyType): React.ReactElement => {\n return (\n <ColorEditorItem\n key={item.name}\n name={item.name}\n label={renderLabel(item, true)}\n required={item.required === Required.True}\n />\n );\n };\n\n const renderMenuItem = (item: UnionPropertyType): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <MenuEditorItem\n projectId={projectId}\n key={item.name}\n name={item.name}\n label={renderLabel(item)}\n required={item.required === Required.True}\n menuSettingClick={menuSettingClick}\n />\n );\n };\n\n const getFormItem = (item: PropertyType): React.ReactElement => {\n switch (item.type) {\n case \"string\":\n return renderStringItem(item);\n case \"string[]\":\n return renderStringListItem(item);\n case \"number\":\n return renderInputNumberItem(item);\n case \"boolean\":\n return renderBooleanItem(item);\n case \"MenuIcon\":\n return renderIconItem(item);\n case \"Color\":\n return renderColorItem(item);\n case \"Menu\":\n case \"SidebarSubMenu\":\n return renderMenuItem(item);\n default:\n return renderCodeEditorItem(item);\n }\n };\n\n const renderOthersItem = (): React.ReactElement => {\n return (\n <CodeEditorFormItem\n name={OTHER_FORM_ITEM_FIELD}\n label={\n brickInfo?.type === \"template\" ? \"other params\" : \"other properties\"\n }\n mode=\"brick_next_yaml\"\n maxLines={Infinity}\n />\n );\n };\n\n return isEmpty(typeList) ? (\n <Empty\n className={styles.empty}\n description={emptyConfig?.description}\n image={theme === \"dark-v2\" ? <DarkEmpty /> : Empty.PRESENTED_IMAGE_SIMPLE}\n imageStyle={emptyConfig?.imageStyle}\n />\n ) : (\n <Form\n name=\"propertyForm\"\n layout=\"vertical\"\n form={form}\n onValuesChange={props.onValuesChange}\n initialValues={calculateValue(\n propertyTypeList,\n brickProperties,\n typeList\n )}\n >\n {!hiddenPropsCategory ? (\n <Collapse ghost defaultActiveKey=\"0\" className={styles.panelContainer}>\n {groupByType(typeList)?.map(([category, list], index) => {\n return (\n <Collapse.Panel\n header={upperFirst(category)}\n key={index}\n forceRender={true}\n >\n {list.map((item) => getFormItem(item))}\n </Collapse.Panel>\n );\n })}\n\n <Collapse.Panel\n className={styles.otherPanel}\n forceRender={true}\n header={upperFirst(OTHER_FORM_ITEM_FIELD)}\n key={OTHER_FORM_ITEM_FIELD}\n >\n {renderOthersItem()}\n </Collapse.Panel>\n </Collapse>\n ) : (\n <>\n {typeList?.map((item) => {\n return getFormItem(item);\n })}\n <div className={styles.otherPanel}>{renderOthersItem()}</div>\n </>\n )}\n </Form>\n );\n}\n\nexport const VisualPropertyForm = React.forwardRef(LegacyVisualPropertyForm);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,mBAAmB,EAAEC,QAAQ,QAAQ,OAAO;AACvE,SACEC,IAAI,EACJC,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,KAAK,QACA,MAAM;AAEb,SAASC,eAAe,QAAQ,sBAAsB;AAEtD,SAASC,WAAW,QAAQ,6BAA6B;AACzD,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,KAAK,EAAEC,IAAI,EAAEC,UAAU,EAAEC,OAAO,QAAQ,QAAQ;AACzD,OAAOC,MAAM,MAAM,iCAAiC;AAEpD,SAASC,kBAAkB,QAAQ,4CAA4C;AAC/E,SAASC,kBAAkB,QAAQ,4CAA4C;AAC/E,SAASC,eAAe,QAAQ,0CAA0C;AAC1E,SAASC,cAAc,QAAQ,wCAAwC;AACvE,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SACEC,eAAe,EACfC,cAAc,EACdC,WAAW,EACXC,aAAa,QACR,aAAa;AACpB,SAASC,qBAAqB,EAAEC,eAAe,QAAQ,YAAY;AACnE,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SAIEC,YAAY,EAEZC,QAAQ,QACH,eAAe;AAmBtB,OAAO,SAASC,wBAAwB,CACtCC,KAA8B,EAC9BC,GAA+B,EACX;EAAA;EACpB,IAAMC,KAAK,GAAG1B,eAAe,EAAE;EAC/B,IAAM;IACJ2B,SAAS;IACTC,SAAS;IACTC,gBAAgB;IAChBC,eAAe;IACfC,SAAS;IACTC,WAAW;IACXC,mBAAmB;IACnBC;EACF,CAAC,GAAGV,KAAK;EACT,IAAM,CAACW,IAAI,CAAC,GAAG3C,IAAI,CAAC4C,OAAO,EAAE;EAC7B,IAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG/C,QAAQ,CACtCuB,eAAe,CAACe,gBAAgB,EAAEC,eAAe,CAAC,CACnD;EAEDxC,mBAAmB,CAACmC,GAAG,EAAE,OAAO;IAC9Bc,cAAc,EAAEJ,IAAI,CAACI,cAAc;IACnCC,mBAAmB,EAAE,CACnBH,QAAwB,EACxBI,UAA2B,KACxB;MACH,IAAMC,SAAS,GAAG5B,eAAe,CAACuB,QAAQ,EAAEI,UAAU,CAAC;MACvDH,WAAW,CAACI,SAAS,CAAC;MACtBP,IAAI,CAACQ,WAAW,EAAE;IACpB,CAAC;IACDC,cAAc,EAAE,MAA2B;MACzC,OAAOP,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEQ,GAAG,CAAEC,IAAI,IAAK1C,IAAI,CAAC0C,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACtE;EACF,CAAC,CAAC,CAAC;EAEHzD,SAAS,CAAC,MAAM;IACd,IAAM0D,WAAW,GAAGjC,eAAe,CAACe,gBAAgB,EAAEC,eAAe,CAAC;IACtEQ,WAAW,CAACS,WAAW,CAAC;IAExB,IAAMC,QAAQ,GAAGjC,cAAc,CAC7Bc,gBAAgB,EAChBC,eAAe,EACfiB,WAAW,CACZ;IACDZ,IAAI,CAACc,cAAc,CAACD,QAAQ,CAAC;EAC/B,CAAC,EAAE,CAACnB,gBAAgB,EAAEC,eAAe,CAAC,CAAC;EAEvC,IAAMoB,gBAAgB,GAAIC,IAAY,IAAW;IAC/C,IAAMC,QAAQ,GAAGf,QAAQ,CAACgB,IAAI,CAAEP,IAAI,IAAKA,IAAI,CAACK,IAAI,KAAKA,IAAI,CAAC;IAC5D,IAAMG,KAAK,GAAGjB,QAAQ,CAACkB,SAAS,CAAET,IAAI,IAAKA,IAAI,CAACK,IAAI,KAAKA,IAAI,CAAC;IAC9D,IAAMK,QAAQ,GACZJ,QAAQ,CAACK,IAAI,KAAKpC,YAAY,CAACqC,QAAQ,GACnCrC,YAAY,CAACsC,MAAM,GACnBtC,YAAY,CAACqC,QAAQ;IAE3B,IAAIE,KAAK,GAAGR,QAAQ,CAACQ,KAAK;IAC1B,IAAIJ,QAAQ,KAAKnC,YAAY,CAACsC,MAAM,EAAE;MACpC,IAAIxC,eAAe,CAAC0C,QAAQ,CAACT,QAAQ,CAACU,IAAI,CAAW,EAAE;QACrDF,KAAK,GAAGxC,oBAAoB,CAACwC,KAAK,CAAC;MACrC;IACF,CAAC,MAAM,IAAIzD,KAAK,CAACiD,QAAQ,CAACQ,KAAK,CAAC,EAAE;MAChCA,KAAK,GAAG,EAAE;IACZ,CAAC,MAAM;MACLA,KAAK,GAAG3C,aAAa,CAACmC,QAAQ,CAACQ,KAAK,CAAC;IACvC;IACAzB,IAAI,CAACc,cAAc,CAAC;MAClB,CAACE,IAAI,GAAGS;IACV,CAAC,CAAC;IACF,IAAMb,WAAW,GAAG7C,MAAM,CAACmC,QAAQ,EAAE;MACnC0B,OAAO,EAAE,CAAC,CAACT,KAAK,EAAE,CAAC,kCAAOF,QAAQ;QAAEK,IAAI,EAAED;MAAQ,GAAG;IACvD,CAAC,CAAC;IACFlB,WAAW,CAACS,WAAW,CAAC;EAC1B,CAAC;EAED,IAAMiB,WAAW,GAAG,CAClBlB,IAAuB,EACvBmB,QAAkB,KACK;IACvB,oBACE,+CACE,oBAAC,OAAO;MAAC,KAAK,EAAEnB,IAAI,CAACoB;IAAY,GAAEpB,IAAI,CAACK,IAAI,CAAW,EAAC,GAAG,EAC1D,CAACc,QAAQ,IAAIrC,SAAS,iBACrB;MACE,SAAS,EAAErB,MAAM,CAAC4D,aAAc;MAChC,OAAO,EAAE,MAAMjB,gBAAgB,CAACJ,IAAI,CAACK,IAAI;IAAE,gBAE3C,oBAAC,WAAW;MACV,IAAI,EACFL,IAAI,CAACW,IAAI,KAAKpC,YAAY,CAACqC,QAAQ,GAC/B9B,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEwC,QAAQ,GACnBxC,SAAS,CAACyC;IACf,EACD,CAEL,CACI;EAEX,CAAC;EAED,IAAMC,gBAAgB,GAAG,CACvBxB,IAAuB,EACvBmB,QAAkB,KACK;IAAA;IACvB,oBACE,oBAAC,kBAAkB;MACjB,GAAG,EAAEnB,IAAI,CAACK,IAAK;MACf,IAAI,EAAEL,IAAI,CAACK,IAAK;MAChB,KAAK,EAAEa,WAAW,CAAClB,IAAI,EAAEmB,QAAQ,CAAS;MAC1C,QAAQ,EAAEnB,IAAI,CAACyB,QAAQ,KAAKjD,QAAQ,CAACkD,IAAK;MAC1C,KAAK,EAAE9C,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,UAAW;MACpD,UAAU,EAAEoB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE2B,UAAW;MAC7B,SAAS,EAAE3B,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE4B,SAAU;MAC3B,IAAI,EAAE,CAAA5B,IAAI,aAAJA,IAAI,uCAAJA,IAAI,CAAE6B,MAAM,iDAAZ,aAAcC,KAAK,KAAI;IAAkB,EAC/C;EAEN,CAAC;EAED,IAAMC,gBAAgB,GAAI/B,IAAuB,IAAyB;IACxE,OAAOA,IAAI,CAACW,IAAI,KAAKpC,YAAY,CAACqC,QAAQ,GACxCY,gBAAgB,CAACxB,IAAI,CAAC,gBAEtB,oBAAC,IAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACK,IAAK;MACf,KAAK,EAAEa,WAAW,CAAClB,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACK,IAAK;MAChB,KAAK,EAAE,CACL;QACEoB,QAAQ,EAAEzB,IAAI,CAACyB,QAAQ,KAAKjD,QAAQ,CAACkD,IAAI;QACzCM,OAAO,8BAAQhC,IAAI,CAACK,IAAI;MAC1B,CAAC;IACD,gBAEF,oBAAC,KAAK,OAAG,CAEZ;EACH,CAAC;EAED,IAAM4B,iBAAiB,GAAIjC,IAAuB,IAAyB;IACzE,OAAOA,IAAI,CAACW,IAAI,KAAKpC,YAAY,CAACqC,QAAQ,GACxCY,gBAAgB,CAACxB,IAAI,CAAC,gBAEtB,oBAAC,IAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACK,IAAK;MACf,KAAK,EAAEa,WAAW,CAAClB,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACK,IAAK;MAChB,KAAK,EAAE,CACL;QACEoB,QAAQ,EAAEzB,IAAI,CAACyB,QAAQ,KAAKjD,QAAQ,CAACkD,IAAI;QACzCM,OAAO,8BAAQhC,IAAI,CAACK,IAAI;MAC1B,CAAC;IACD,gBAEF,oBAAC,KAAK,CAAC,KAAK,qBACV,oBAAC,KAAK;MAAC,KAAK,EAAE;IAAK,UAAa,eAChC,oBAAC,KAAK;MAAC,KAAK,EAAE;IAAM,WAAc,CACtB,CAEjB;EACH,CAAC;EAED,IAAM6B,qBAAqB,GACzBlC,IAAuB,IACA;IACvB,OAAOA,IAAI,CAACW,IAAI,KAAKpC,YAAY,CAACqC,QAAQ,GACxCY,gBAAgB,CAACxB,IAAI,CAAC,gBAEtB,oBAAC,IAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACK,IAAK;MACf,KAAK,EAAEa,WAAW,CAAClB,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACK,IAAK;MAChB,KAAK,EAAE,CACL;QACEoB,QAAQ,EAAEzB,IAAI,CAACyB,QAAQ,KAAKjD,QAAQ,CAACkD,IAAI;QACzCM,OAAO,8BAAQhC,IAAI,CAACK,IAAI;MAC1B,CAAC;IACD,gBAEF,oBAAC,WAAW,OAAG,CAElB;EACH,CAAC;EAED,IAAM8B,oBAAoB,GACxBnC,IAAuB,IACA;IACvB,OAAOA,IAAI,CAACW,IAAI,KAAKpC,YAAY,CAACqC,QAAQ,GACxCY,gBAAgB,CAACxB,IAAI,CAAC,gBAEtB,oBAAC,IAAI,CAAC,IAAI;MACR,GAAG,EAAEA,IAAI,CAACK,IAAK;MACf,KAAK,EAAEa,WAAW,CAAClB,IAAI,CAAE;MACzB,IAAI,EAAEA,IAAI,CAACK,IAAK;MAChB,KAAK,EAAE,CACL;QACEoB,QAAQ,EAAEzB,IAAI,CAACyB,QAAQ,KAAKjD,QAAQ,CAACkD,IAAI;QACzCM,OAAO,8BAAQhC,IAAI,CAACK,IAAI;MAC1B,CAAC;IACD,gBAEF,oBAAC,MAAM;MAAC,IAAI,EAAC;IAAM,EAAG,CAEzB;EACH,CAAC;EAED,IAAM+B,cAAc,GAAIpC,IAAuB,IAAyB;IACtE,oBACE,oBAAC,kBAAkB;MACjB,GAAG,EAAEA,IAAI,CAACK,IAAK;MACf,IAAI,EAAEL,IAAI,CAACK,IAAK;MAChB,KAAK,EAAEa,WAAW,CAAClB,IAAI,EAAE,IAAI,CAAS;MACtC,QAAQ,EAAEA,IAAI,CAACyB,QAAQ,KAAKjD,QAAQ,CAACkD;IAAK,EAC1C;EAEN,CAAC;EAED,IAAMW,oBAAoB,GAAIrC,IAAkB,IAAyB;IACvE,OAAOwB,gBAAgB,CAACxB,IAAI,EAAE,IAAI,CAAC;EACrC,CAAC;EAED,IAAMsC,eAAe,GAAItC,IAAkB,IAAyB;IAClE,oBACE,oBAAC,eAAe;MACd,GAAG,EAAEA,IAAI,CAACK,IAAK;MACf,IAAI,EAAEL,IAAI,CAACK,IAAK;MAChB,KAAK,EAAEa,WAAW,CAAClB,IAAI,EAAE,IAAI,CAAE;MAC/B,QAAQ,EAAEA,IAAI,CAACyB,QAAQ,KAAKjD,QAAQ,CAACkD;IAAK,EAC1C;EAEN,CAAC;EAED,IAAMa,cAAc,GAAIvC,IAAuB,IAAyB;IACtE,OAAOA,IAAI,CAACW,IAAI,KAAKpC,YAAY,CAACqC,QAAQ,GACxCY,gBAAgB,CAACxB,IAAI,CAAC,gBAEtB,oBAAC,cAAc;MACb,SAAS,EAAEnB,SAAU;MACrB,GAAG,EAAEmB,IAAI,CAACK,IAAK;MACf,IAAI,EAAEL,IAAI,CAACK,IAAK;MAChB,KAAK,EAAEa,WAAW,CAAClB,IAAI,CAAE;MACzB,QAAQ,EAAEA,IAAI,CAACyB,QAAQ,KAAKjD,QAAQ,CAACkD,IAAK;MAC1C,gBAAgB,EAAEtC;IAAiB,EAEtC;EACH,CAAC;EAED,IAAMoD,WAAW,GAAIxC,IAAkB,IAAyB;IAC9D,QAAQA,IAAI,CAACgB,IAAI;MACf,KAAK,QAAQ;QACX,OAAOe,gBAAgB,CAAC/B,IAAI,CAAC;MAC/B,KAAK,UAAU;QACb,OAAOmC,oBAAoB,CAACnC,IAAI,CAAC;MACnC,KAAK,QAAQ;QACX,OAAOkC,qBAAqB,CAAClC,IAAI,CAAC;MACpC,KAAK,SAAS;QACZ,OAAOiC,iBAAiB,CAACjC,IAAI,CAAC;MAChC,KAAK,UAAU;QACb,OAAOoC,cAAc,CAACpC,IAAI,CAAC;MAC7B,KAAK,OAAO;QACV,OAAOsC,eAAe,CAACtC,IAAI,CAAC;MAC9B,KAAK,MAAM;MACX,KAAK,gBAAgB;QACnB,OAAOuC,cAAc,CAACvC,IAAI,CAAC;MAC7B;QACE,OAAOqC,oBAAoB,CAACrC,IAAI,CAAC;IAAC;EAExC,CAAC;EAED,IAAMyC,gBAAgB,GAAG,MAA0B;IACjD,oBACE,oBAAC,kBAAkB;MACjB,IAAI,EAAErE,qBAAsB;MAC5B,KAAK,EACH,CAAAa,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAE+B,IAAI,MAAK,UAAU,GAAG,cAAc,GAAG,kBACnD;MACD,IAAI,EAAC,iBAAiB;MACtB,QAAQ,EAAE0B;IAAS,EACnB;EAEN,CAAC;EAED,OAAOlF,OAAO,CAAC+B,QAAQ,CAAC,gBACtB,oBAAC,KAAK;IACJ,SAAS,EAAE9B,MAAM,CAACkF,KAAM;IACxB,WAAW,EAAEzD,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEkC,WAAY;IACtC,KAAK,EAAExC,KAAK,KAAK,SAAS,gBAAG,oBAAC,SAAS,OAAG,GAAG3B,KAAK,CAAC2F,sBAAuB;IAC1E,UAAU,EAAE1D,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE2D;EAAW,EACpC,gBAEF,oBAAC,IAAI;IACH,IAAI,EAAC,cAAc;IACnB,MAAM,EAAC,UAAU;IACjB,IAAI,EAAExD,IAAK;IACX,cAAc,EAAEX,KAAK,CAACoE,cAAe;IACrC,aAAa,EAAE7E,cAAc,CAC3Bc,gBAAgB,EAChBC,eAAe,EACfO,QAAQ;EACR,GAED,CAACJ,mBAAmB,gBACnB,oBAAC,QAAQ;IAAC,KAAK;IAAC,gBAAgB,EAAC,GAAG;IAAC,SAAS,EAAE1B,MAAM,CAACsF;EAAe,mBACnE7E,WAAW,CAACqB,QAAQ,CAAC,iDAArB,aAAuBQ,GAAG,CAAC,OAAmBS,KAAK,KAAK;IAAA,IAA5B,CAACwC,QAAQ,EAAEC,IAAI,CAAC;IAC3C,oBACE,oBAAC,QAAQ,CAAC,KAAK;MACb,MAAM,EAAE1F,UAAU,CAACyF,QAAQ,CAAE;MAC7B,GAAG,EAAExC,KAAM;MACX,WAAW,EAAE;IAAK,GAEjByC,IAAI,CAAClD,GAAG,CAAEC,IAAI,IAAKwC,WAAW,CAACxC,IAAI,CAAC,CAAC,CACvB;EAErB,CAAC,CAAC,eAEF,oBAAC,QAAQ,CAAC,KAAK;IACb,SAAS,EAAEvC,MAAM,CAACyF,UAAW;IAC7B,WAAW,EAAE,IAAK;IAClB,MAAM,EAAE3F,UAAU,CAACa,qBAAqB,CAAE;IAC1C,GAAG,EAAEA;EAAsB,GAE1BqE,gBAAgB,EAAE,CACJ,CACR,gBAEX,0CACGlD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEQ,GAAG,CAAEC,IAAI,IAAK;IACvB,OAAOwC,WAAW,CAACxC,IAAI,CAAC;EAC1B,CAAC,CAAC,eACF;IAAK,SAAS,EAAEvC,MAAM,CAACyF;EAAW,GAAET,gBAAgB,EAAE,CAAO,CAEhE,CAEJ;AACH;AAEA,OAAO,IAAMU,kBAAkB,gBAAG7G,KAAK,CAAC8G,UAAU,CAAC3E,wBAAwB,CAAC"}
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","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","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","emunList","replace","split","renderOthersItem","Infinity","empty","PRESENTED_IMAGE_SIMPLE","imageStyle","style","minWidth","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 }));\n\n useEffect(() => {\n const newTypeList = mergeProperties(propertyTypeList, brickProperties);\n setTypeList(newTypeList);\n\n const newValue = calculateValue(\n propertyTypeList,\n brickProperties,\n newTypeList\n );\n form.setFieldsValue(newValue);\n }, [propertyTypeList, brickProperties]);\n\n const handleLabelClick = (name: string): void => {\n const selected = typeList.find((item) => item.name === name);\n const index = typeList.findIndex((item) => item.name === name);\n const nextMode =\n selected.mode === ItemModeType.Advanced\n ? ItemModeType.Normal\n : ItemModeType.Advanced;\n\n let value = selected.value;\n if (nextMode === ItemModeType.Normal) {\n if (supportMenuType.includes(selected.type as string)) {\n value = matchNoramlMenuValue(value);\n }\n } else if (isNil(selected.value)) {\n value = \"\";\n } else {\n value = yamlStringify(selected.value);\n }\n form.setFieldsValue({\n [name]: value,\n });\n const newTypeList = update(typeList, {\n $splice: [[index, 1, { ...selected, mode: nextMode }]],\n });\n setTypeList(newTypeList);\n };\n\n const renderLabel = (\n item: UnionPropertyType,\n hideIcon?: boolean\n ): React.ReactElement => {\n return (\n <span>\n <Tooltip title={item.description}>{item.name}</Tooltip>{\" \"}\n {!hideIcon && labelIcon && (\n <span\n className={styles.iconContainer}\n onClick={() => handleLabelClick(item.name)}\n >\n <GeneralIcon\n icon={\n item.mode === ItemModeType.Advanced\n ? labelIcon?.advanced\n : labelIcon.normal\n }\n />\n </span>\n )}\n </span>\n );\n };\n\n const renderEditorItem = (\n item: UnionPropertyType,\n hideIcon?: boolean\n ): React.ReactElement => {\n return (\n <CodeEditorFormItem\n key={item.name}\n name={item.name}\n label={renderLabel(item, hideIcon) as any}\n required={item.required === Required.True}\n theme={theme === \"dark-v2\" ? \"monokai\" : \"tomorrow\"}\n jsonSchema={item?.jsonSchema}\n schemaRef={item?.schemaRef}\n mode={item?.editor?.model \|\| \"brick_next_yaml\"}\n />\n );\n };\n\n const renderStringItem = (item: UnionPropertyType): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <Input />\n </Form.Item>\n );\n };\n\n const renderBooleanItem = (item: UnionPropertyType): React.ReactElement => {\n return item.mode === ItemModeType.Advanced ? (\n renderEditorItem(item)\n ) : (\n <Form.Item\n key={item.name}\n label={renderLabel(item)}\n name={item.name}\n rules={[\n {\n required: item.required === Required.True,\n message: `请输入${item.name}`,\n },\n ]}\n >\n <Switch />\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 form.setFieldsValue({\n [item.name]: value,\n });\n props.onValuesChange(value, value);\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 form.setFieldsValue({\n [item.name]: value,\n });\n props.onValuesChange(value, value);\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 form.setFieldsValue({\n [item.name]: value,\n });\n props.onValuesChange(value, value);\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 const type = item.type as string;\n // todo(sailor): update unit text\n if (/true\|false/.test(type as string)) {\n return renderBooleanItem(item);\n }\n if ((type as string).indexOf(\"\|\") > 0) {\n const emunList = (type 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 return isEmpty(typeList) ? (\n <Empty\n className={styles.empty}\n description={emptyConfig?.description}\n image={theme === \"dark-v2\" ? <DarkEmpty /> : Empty.PRESENTED_IMAGE_SIMPLE}\n imageStyle={emptyConfig?.imageStyle}\n />\n ) : (\n <Form\n name=\"propertyForm\"\n layout=\"horizontal\"\n labelAlign=\"left\"\n labelCol={{\n style: {\n minWidth: \"120px\",\n },\n }}\n form={form}\n onValuesChange={props.onValuesChange}\n initialValues={calculateValue(\n propertyTypeList,\n brickProperties,\n typeList\n )}\n >\n {!hiddenPropsCategory ? (\n <Collapse ghost defaultActiveKey=\"0\" className={styles.panelContainer}>\n {groupByType(typeList)?.map(([category, list], index) => {\n return (\n <Collapse.Panel\n header={upperFirst(category)}\n key={index}\n forceRender={true}\n >\n {list.map((item) => getFormItem(item))}\n </Collapse.Panel>\n );\n })}\n\n <Collapse.Panel\n className={styles.otherPanel}\n forceRender={true}\n header={upperFirst(OTHER_FORM_ITEM_FIELD)}\n key={OTHER_FORM_ITEM_FIELD}\n >\n {renderOthersItem()}\n </Collapse.Panel>\n </Collapse>\n ) : (\n <>\n {typeList?.map((item) => {\n return getFormItem(item);\n })}\n <div className={styles.otherPanel}>{renderOthersItem()}</div>\n </>\n )}\n </Form>\n );\n}\n\nexport const VisualPropertyForm = React.forwardRef(LegacyVisualPropertyForm);\n"],"mappings":"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"}

package/dist/esm/visual-property-form/components/ListEditor/ListEditor.js ADDED Viewed

@@ -0,0 +1,130 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import React, { useState, useCallback, useMemo } from "react";
+import { GeneralIcon } from "@next-libs/basic-components";
+import { Form, Popover } from "antd";
+import styles from "./ListEditor.module.css";
+var COLUMN_KEY = Symbol.for("column_key");
+var key = 0;
+export function ListEditor(_ref) {
+  var {
+    name,
+    label,
+    value,
+    required,
+    listItemKey,
+    getDefaultItem,
+    renderFormItem,
+    onChange
+  } = _ref;
+  var [list, setList] = useState((value !== null && value !== void 0 ? value : []).map(item => _objectSpread(_objectSpread({}, item), {}, {
+    [COLUMN_KEY]: ++key
+  })));
+  var handleRemoveItem = useCallback((e, item) => {
+    e.stopPropagation();
+    var key = item[COLUMN_KEY];
+    var newList = list.filter(item => item[COLUMN_KEY] !== key);
+    setList(newList);
+  }, [list]);
+  var handleAddListItem = () => {
+    key++;
+    var defaultValue = "newItem(".concat(list.length, ")");
+    var newColumn = list.concat([_objectSpread(_objectSpread({}, getDefaultItem(defaultValue)), {}, {
+      [COLUMN_KEY]: key
+    })]);
+    setList(newColumn);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newColumn);
+  };
+  var renderListForm = useCallback(item => {
+    var handleOnValuesChange = changeValues => {
+      var key = item[COLUMN_KEY];
+      var newList = list.map(item => {
+        if (item[COLUMN_KEY] === key) {
+          item = _objectSpread(_objectSpread({}, item), changeValues);
+        }
+        return item;
+      });
+      setList(newList);
+      onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+    };
+    return /*#__PURE__*/React.createElement(Form, {
+      layout: "horizontal",
+      labelAlign: "left",
+      labelCol: {
+        style: {
+          minWidth: "112px"
+        }
+      },
+      onValuesChange: handleOnValuesChange
+    }, renderFormItem(item));
+  }, [list, onChange, renderFormItem]);
+  var renderListContent = useMemo(() => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.listContent
+    }, list.length ? list.map((item, index) => {
+      return /*#__PURE__*/React.createElement(Popover, {
+        key: index,
+        overlayStyle: {
+          zIndex: 999
+        },
+        content: renderListForm(item),
+        title: "Detail",
+        trigger: "click",
+        placement: "left"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.listItem
+      }, /*#__PURE__*/React.createElement("span", null, item[listItemKey]), /*#__PURE__*/React.createElement("span", {
+        onClick: e => handleRemoveItem(e, item)
+      }, /*#__PURE__*/React.createElement(GeneralIcon, {
+        icon: {
+          lib: "easyops",
+          category: "assets-inventory",
+          icon: "out",
+          color: "red"
+        },
+        style: {
+          padding: "2px",
+          border: "1px solid",
+          borderRadius: "50%"
+        }
+      }))));
+    }) : /*#__PURE__*/React.createElement("div", {
+      className: styles.listEmptyItem
+    }, "No data"));
+  }, [list, renderListForm, listItemKey, handleRemoveItem]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.listContainer
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    key: name,
+    name: name,
+    label: label,
+    rules: [{
+      required: required,
+      message: "\u8BF7\u8F93\u5165".concat(name)
+    }]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.listTitle
+  }, /*#__PURE__*/React.createElement("span", null, "List"), /*#__PURE__*/React.createElement("span", {
+    className: styles.listActionContainer
+  }, /*#__PURE__*/React.createElement("span", {
+    onClick: () => {
+      setList([]);
+      onChange([]);
+    }
+  }, "Clear"), /*#__PURE__*/React.createElement("span", {
+    className: styles.listAddItem,
+    onClick: handleAddListItem
+  }, /*#__PURE__*/React.createElement(GeneralIcon, {
+    icon: {
+      lib: "easyops",
+      category: "assets-inventory",
+      icon: "xin",
+      color: "blue"
+    },
+    style: {
+      marginRight: "4px"
+    }
+  }), "Add"))), /*#__PURE__*/React.createElement("div", {
+    className: styles.listContent
+  }, renderListContent)));
+}
+//# sourceMappingURL=ListEditor.js.map

package/dist/esm/visual-property-form/components/ListEditor/ListEditor.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ListEditor.js","names":["React","useState","useCallback","useMemo","GeneralIcon","Form","Popover","styles","COLUMN_KEY","Symbol","for","key","ListEditor","name","label","value","required","listItemKey","getDefaultItem","renderFormItem","onChange","list","setList","map","item","handleRemoveItem","e","stopPropagation","newList","filter","handleAddListItem","defaultValue","length","newColumn","concat","renderListForm","handleOnValuesChange","changeValues","style","minWidth","renderListContent","listContent","index","zIndex","listItem","lib","category","icon","color","padding","border","borderRadius","listEmptyItem","listContainer","message","listTitle","listActionContainer","listAddItem","marginRight"],"sources":["../../../../../src/visual-property-form/components/ListEditor/ListEditor.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from \"react\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { Form, Popover } from \"antd\";\nimport styles from \"./ListEditor.module.css\";\n\nconst COLUMN_KEY = Symbol.for(\"column_key\");\n\ninterface ListEditor {\n name?: string;\n label?: string | React.ReactElement;\n value?: any[];\n required?: boolean;\n listItemKey: string;\n getDefaultItem: (data: any) => Record<string, any>;\n renderFormItem?: (data: any) => React.ReactElement;\n onChange?: (data: any) => void;\n}\n\nlet key = 0;\n\nexport function ListEditor({\n name,\n label,\n value,\n required,\n listItemKey,\n getDefaultItem,\n renderFormItem,\n onChange,\n}: ListEditor): React.ReactElement {\n const [list, setList] = useState<any[]>(\n (value ?? []).map((item) => ({\n ...item,\n [COLUMN_KEY]: ++key,\n }))\n );\n\n const handleRemoveItem = useCallback(\n (e: React.MouseEvent, item: any): void => {\n e.stopPropagation();\n const key = item[COLUMN_KEY];\n const newList = list.filter((item) => item[COLUMN_KEY] !== key);\n setList(newList);\n },\n [list]\n );\n\n const handleAddListItem = (): void => {\n key++;\n const defaultValue = `newItem(${list.length})`;\n const newColumn = list.concat([\n { ...getDefaultItem(defaultValue), [COLUMN_KEY]: key },\n ]);\n setList(newColumn);\n onChange?.(newColumn);\n };\n\n const renderListForm = useCallback(\n (item: any): React.ReactElement => {\n const handleOnValuesChange = (changeValues: any): void => {\n const key = item[COLUMN_KEY];\n const newList = list.map((item) => {\n if (item[COLUMN_KEY] === key) {\n item = {\n ...item,\n ...changeValues,\n };\n }\n return item;\n });\n setList(newList);\n onChange?.(newList);\n };\n return (\n <Form\n layout=\"horizontal\"\n labelAlign=\"left\"\n labelCol={{\n style: {\n minWidth: \"112px\",\n },\n }}\n onValuesChange={handleOnValuesChange}\n >\n {renderFormItem(item)}\n </Form>\n );\n },\n [list, onChange, renderFormItem]\n );\n\n const renderListContent = useMemo((): React.ReactElement => {\n return (\n <div className={styles.listContent}>\n {list.length ? (\n list.map((item, index) => {\n return (\n <Popover\n key={index}\n overlayStyle={{\n zIndex: 999,\n }}\n content={renderListForm(item)}\n title=\"Detail\"\n trigger=\"click\"\n placement=\"left\"\n >\n <div className={styles.listItem}>\n <span>{item[listItemKey]}</span>\n <span onClick={(e) => handleRemoveItem(e, item)}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"out\",\n color: \"red\",\n }}\n style={{\n padding: \"2px\",\n border: \"1px solid\",\n borderRadius: \"50%\",\n }}\n />\n </span>\n </div>\n </Popover>\n );\n })\n ) : (\n <div className={styles.listEmptyItem}>No data</div>\n )}\n </div>\n );\n }, [list, renderListForm, listItemKey, handleRemoveItem]);\n\n return (\n <div className={styles.listContainer}>\n <Form.Item\n key={name}\n name={name}\n label={label}\n rules={[{ required: required, message: `请输入${name}` }]}\n >\n <div className={styles.listTitle}>\n <span>List</span>\n <span className={styles.listActionContainer}>\n <span\n onClick={() => {\n setList([]);\n onChange([]);\n }}\n >\n Clear\n </span>\n <span className={styles.listAddItem} onClick={handleAddListItem}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"xin\",\n color: \"blue\",\n }}\n style={{\n marginRight: \"4px\",\n }}\n />\n Add\n </span>\n </span>\n </div>\n <div className={styles.listContent}>{renderListContent}</div>\n </Form.Item>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/esm/visual-property-form/components/ListEditor/ListEditor.module.css ADDED Viewed

@@ -0,0 +1,55 @@
+.listContainer {
+  display: "flex";
+  align-items: "center";
+}
+.listTitle {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 6px;
+  border-radius: 6px 6px 0 0;
+  outline-width: 1px;
+  outline-style: solid;
+  outline-offset: -1px;
+  outline-color: var(--antd-input-border-color);
+  background: rgba(0, 0, 0, 0.25);
+}
+.listActionContainer {
+  display: flex;
+}
+.listActionContainer > span {
+  cursor: pointer;
+}
+.listAddItem {
+  text-align: center;
+  margin-left: 8px;
+  display: flex;
+  align-items: center;
+  color: var(--theme-blue-color);
+}
+.listEmptyItem {
+  text-align: center;
+  outline-width: 1px;
+  outline-style: solid;
+  outline-offset: -1px;
+  outline-color: var(--antd-input-border-color);
+}
+.listItem {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 20px;
+  outline-width: 1px;
+  outline-style: solid;
+  outline-offset: -1px;
+  outline-color: var(--antd-input-border-color);
+}
+.listItem:hover {
+  cursor: pointer;
+  background: rgba(0, 0, 0, 0.5);
+}

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

@@ -3,6 +3,29 @@ 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";
+export declare type CustomColumn = {
+    dataIndex: string;
+    title: string;
+    useChildren?: string;
+    [k: string]: any;
+};
+export declare type GeneralOptionProps = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export declare type CustomButtonProps = {
+    id: string;
+    buttonType: string;
+    eventName: string;
+    text: string;
+    tooltip: string;
+    icon: MenuIcon;
+    hide: boolean;
+    disabled: boolean;
+    isDivider: boolean;
+    isDropdown: boolean;
+};
 export interface VisualPropertyFormProps {
     projectId?: string;
     propertyTypeList: PropertyType[];
@@ -18,6 +41,7 @@ export interface VisualPropertyFormProps {
     emptyConfig?: EmptyProps;
     menuSettingClick?: () => void;
     hiddenPropsCategory?: boolean;
+    childMountPointList?: string[];
 }
 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/components/ListEditor/ListEditor.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import React from "react";
+interface ListEditor {
+    name?: string;
+    label?: string | React.ReactElement;
+    value?: any[];
+    required?: boolean;
+    listItemKey: string;
+    getDefaultItem: (data: any) => Record<string, any>;
+    renderFormItem?: (data: any) => React.ReactElement;
+    onChange?: (data: any) => void;
+}
+export declare function ListEditor({ name, label, value, required, listItemKey, getDefaultItem, renderFormItem, onChange, }: ListEditor): React.ReactElement;
+export {};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/visual-builder",
-  "version": "1.2.22",
+  "version": "1.3.0",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/visual-builder",
   "license": "GPL-3.0",
@@ -30,10 +30,10 @@
   },
   "dependencies": {
     "@next-libs/basic-components": "^5.2.0",
-    "@next-libs/code-editor-components": "^4.7.8",
+    "@next-libs/code-editor-components": "^4.8.0",
     "@next-libs/forms": "^3.3.6",
     "@types/react-color": "^3.0.6",
     "react-color": "^2.19.3"
   },
-  "gitHead": "6cf0a2944eaa8af7fec96916566baf2d4e2450da"
+  "gitHead": "b87814b2c11469b8a720c2745893b2d6847cae1d"
 }