@next-libs/visual-builder 1.8.0 → 1.10.0

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import React, { useEffect, useImperativeHandle, useState } from "react";
-import { Form, Input, InputNumber, Select, Tooltip, Collapse, Empty, Switch, AutoComplete, Radio } from "antd";
+import { Form, Input, InputNumber, Select, Tooltip, Collapse, Empty, Switch, AutoComplete, Radio, Checkbox } from "antd";
 import { useCurrentTheme } from "@next-core/brick-kit";
 import { GeneralIcon } from "@next-libs/basic-components";
 import update from "immutability-helper";
@@ -153,20 +153,8 @@ export function LegacyVisualPropertyForm(props, ref) {
       }]
     }, /*#__PURE__*/React.createElement(Input, (_item$editorProps = item.editorProps) !== null && _item$editorProps !== void 0 ? _item$editorProps : {}));
   };
-  var renderNumberItem = item => {
-    var _item$editorProps2;
-    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(InputNumber, (_item$editorProps2 = item.editorProps) !== null && _item$editorProps2 !== void 0 ? _item$editorProps2 : {}));
-  };
   var renderTextareaItem = item => {
-    var _item$editorProps3;
+    var _item$editorProps2;
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(Form.Item, {
       key: item.name,
       label: renderLabel(item),
@@ -175,11 +163,25 @@ export function LegacyVisualPropertyForm(props, ref) {
         required: item.required === Required.True,
         message: "\u8BF7\u8F93\u5165".concat(item.name)
       }]
-    }, /*#__PURE__*/React.createElement(Input.TextArea, (_item$editorProps3 = item.editorProps) !== null && _item$editorProps3 !== void 0 ? _item$editorProps3 : {}));
+    }, /*#__PURE__*/React.createElement(Input.TextArea, (_item$editorProps2 = item.editorProps) !== null && _item$editorProps2 !== void 0 ? _item$editorProps2 : {}));
   };
-  var renderSingleRadio = props => {
-    var _props$options;
-    return (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.map(item => {
+  var renderSingleRadio = item => {
+    var _prop$options;
+    var {
+      editorProps: prop,
+      name
+    } = item;
+    var handleRadioUncheck = e => {
+      var _e$target;
+      var value = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value;
+      var formValue = form.getFieldsValue();
+      var changeValue = {
+        [name]: formValue[name] === value ? undefined : value
+      };
+      form.setFieldsValue(changeValue);
+      props.onValuesChange(changeValue, formValue);
+    };
+    return (_prop$options = prop.options) === null || _prop$options === void 0 ? void 0 : _prop$options.map(item => {
       var icon = item.icon;
       var buttonIcon = null;
       if (icon) {
@@ -203,7 +205,7 @@ export function LegacyVisualPropertyForm(props, ref) {
           });
         }
       }
-      if (props.optionType === "button") {
+      if (prop.optionType === "button") {
         return /*#__PURE__*/React.createElement(Radio.Button, {
           key: item.value,
           value: item.value,
@@ -211,7 +213,8 @@ export function LegacyVisualPropertyForm(props, ref) {
           style: _objectSpread({
             textAlign: "center",
             flex: "1 1 0"
-          }, item.style)
+          }, item.style),
+          onClick: !(prop !== null && prop !== void 0 && prop.disableUnchek) ? handleRadioUncheck : () => null
         }, buttonIcon, item.label && /*#__PURE__*/React.createElement("span", {
           style: {
             paddingLeft: "5px"
@@ -222,7 +225,8 @@ export function LegacyVisualPropertyForm(props, ref) {
           key: item.value,
           value: item.value,
           disabled: item.disabled,
-          style: item.style
+          style: item.style,
+          onClick: !(prop !== null && prop !== void 0 && prop.disableUnchek) ? handleRadioUncheck : () => null
         }, buttonIcon, item.label && /*#__PURE__*/React.createElement("span", {
           style: {
             paddingLeft: "5px"
@@ -246,10 +250,10 @@ export function LegacyVisualPropertyForm(props, ref) {
       style: item.editorProps.optionType === "button" ? {
         display: "flex"
       } : {}
-    }, radioProps !== null && radioProps !== void 0 ? radioProps : {}), renderSingleRadio(item.editorProps)));
+    }, radioProps !== null && radioProps !== void 0 ? radioProps : {}), renderSingleRadio(item)));
   };
   var renderBooleanItem = item => {
-    var _item$editorProps4;
+    var _item$editorProps3;
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(Form.Item, {
       key: item.name,
       label: renderLabel(item),
@@ -261,10 +265,10 @@ export function LegacyVisualPropertyForm(props, ref) {
       valuePropName: "checked"
     }, /*#__PURE__*/React.createElement(Switch, _extends({
       defaultChecked: props.brickProperties[item.name]
-    }, (_item$editorProps4 = item.editorProps) !== null && _item$editorProps4 !== void 0 ? _item$editorProps4 : {})));
+    }, (_item$editorProps3 = item.editorProps) !== null && _item$editorProps3 !== void 0 ? _item$editorProps3 : {})));
   };
   var renderInputNumberItem = item => {
-    var _item$editorProps5;
+    var _item$editorProps4;
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(Form.Item, {
       key: item.name,
       label: renderLabel(item),
@@ -273,10 +277,10 @@ export function LegacyVisualPropertyForm(props, ref) {
         required: item.required === Required.True,
         message: "\u8BF7\u8F93\u5165".concat(item.name)
       }]
-    }, /*#__PURE__*/React.createElement(InputNumber, (_item$editorProps5 = item.editorProps) !== null && _item$editorProps5 !== void 0 ? _item$editorProps5 : {}));
+    }, /*#__PURE__*/React.createElement(InputNumber, (_item$editorProps4 = item.editorProps) !== null && _item$editorProps4 !== void 0 ? _item$editorProps4 : {}));
   };
   var renderStringListItem = item => {
-    var _item$editorProps6;
+    var _item$editorProps5;
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(Form.Item, {
       key: item.name,
       label: renderLabel(item),
@@ -287,7 +291,7 @@ export function LegacyVisualPropertyForm(props, ref) {
       }]
     }, /*#__PURE__*/React.createElement(Select, _extends({
       mode: "tags"
-    }, (_item$editorProps6 = item.editorProps) !== null && _item$editorProps6 !== void 0 ? _item$editorProps6 : {})));
+    }, (_item$editorProps5 = item.editorProps) !== null && _item$editorProps5 !== void 0 ? _item$editorProps5 : {})));
   };
   var renderIconItem = item => {
     return /*#__PURE__*/React.createElement(IconSelectFormItem, {
@@ -317,12 +321,13 @@ export function LegacyVisualPropertyForm(props, ref) {
     return renderEditorItem(item, true);
   };
   var renderColorItem = item => {
-    return /*#__PURE__*/React.createElement(ColorEditorItem, {
+    var _item$editorProps6;
+    return /*#__PURE__*/React.createElement(ColorEditorItem, _extends({
       key: item.name,
       name: item.name,
       label: renderLabel(item, true),
       required: item.required === Required.True
-    });
+    }, (_item$editorProps6 = item.editorProps) !== null && _item$editorProps6 !== void 0 ? _item$editorProps6 : {}));
   };
   var renderMenuItem = item => {
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(MenuEditorItem, {
@@ -511,6 +516,30 @@ export function LegacyVisualPropertyForm(props, ref) {
       }))
     }));
   };
+  var renderSelectItem = item => {
+    var _item$editorProps7;
+    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, (_item$editorProps7 = item.editorProps) !== null && _item$editorProps7 !== void 0 ? _item$editorProps7 : {}));
+  };
+  var renderCheckboxItem = item => {
+    var _item$editorProps8;
+    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(Checkbox.Group, (_item$editorProps8 = item.editorProps) !== null && _item$editorProps8 !== void 0 ? _item$editorProps8 : {}));
+  };
   var getFormItem = item => {
     // todo(sailor): update unit text
     switch (item.editor) {
@@ -527,9 +556,15 @@ export function LegacyVisualPropertyForm(props, ref) {
       case "message":
         return renderMessageItem(item);
       case "number":
-        return renderNumberItem(item);
+        return renderInputNumberItem(item);
       case "textarea":
         return renderTextareaItem(item);
+      case "select":
+        return renderSelectItem(item);
+      case "checkbox":
+        return renderCheckboxItem(item);
+      case "code":
+        return renderCodeEditorItem(item);
     }
     if (/true|false/.test(item.type)) {
       return renderBooleanItem(item);

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

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

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

@@ -1,18 +1,32 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { SketchPicker } from "react-color";
 import { COLORS_MAP } from "@next-libs/basic-components";
 import { Form } from "antd";
 import React, { useEffect, useState, forwardRef } from "react";
 import styles from "./ColorEditor.module.css";
-export function getPresetColors(colorMap) {
+import { isArray, isObject } from "lodash";
+export var presetColorMap = {};
+var getComputedColor = key => {
+  var _window$getComputedSt;
+  return (_window$getComputedSt = window.getComputedStyle(document.documentElement).getPropertyValue(key)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.trim();
+};
+export function getDefaultPresetColors(colorMap) {
   var colorList = [];
   var _loop = function (group) {
     ["color", "background", "borderColor"].forEach(name => {
       var _name;
       var result = (_name = group[name]) === null || _name === void 0 ? void 0 : _name.match(/^var\((.+)\)/);
       if (result) {
-        var _window$getComputedSt;
-        var colorHex = (_window$getComputedSt = window.getComputedStyle(document.documentElement).getPropertyValue(result[1])) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.trim();
-        colorHex && colorList.push(colorHex);
+        var colorHex = getComputedColor(result[1]);
+        if (colorHex) {
+          colorList.push({
+            color: colorHex,
+            title: result[0]
+          });
+          if (!presetColorMap[colorHex]) {
+            presetColorMap[colorHex] = result[0];
+          }
+        }
       }
     });
   };
@@ -21,6 +35,47 @@ export function getPresetColors(colorMap) {
   }
   return colorList;
 }
+export var processEditorPresetColors = editorPresetColors => {
+  var res = [];
+  editorPresetColors === null || editorPresetColors === void 0 ? void 0 : editorPresetColors.forEach(item => {
+    if (typeof item === "string") {
+      // css变量字符串或颜色字符串的情况
+      var matchArr = item.match(/^var\((.+)\)/);
+      if (isArray(matchArr) && (matchArr === null || matchArr === void 0 ? void 0 : matchArr.length) > 0) {
+        var color = getComputedColor(matchArr[1]);
+        if (color) {
+          res.push({
+            title: matchArr[0],
+            color
+          });
+          if (!presetColorMap[color]) {
+            presetColorMap[color] = matchArr[0];
+          }
+        }
+      } else {
+        res.push(item);
+      }
+    } else if (isObject(item)) {
+      var _item$color;
+      // { title:..., color:... } 的情况, color也会分为css变量字符串或颜色字符串
+      var _matchArr = item === null || item === void 0 ? void 0 : (_item$color = item.color) === null || _item$color === void 0 ? void 0 : _item$color.match(/^var\((.+)\)/);
+      if (isArray(_matchArr) && (_matchArr === null || _matchArr === void 0 ? void 0 : _matchArr.length) > 0) {
+        var _color = getComputedColor(_matchArr[1]);
+        if (_color) {
+          res.push(_objectSpread(_objectSpread({}, item), {}, {
+            color: _color
+          }));
+          if (!presetColorMap[_color]) {
+            presetColorMap[_color] = _matchArr[0];
+          }
+        }
+      } else {
+        res.push(item);
+      }
+    }
+  });
+  return res;
+};
 export function LegacyColorPick(props, ref) {
   var [value, setValue] = useState(props.value);
   var [visible, setVisible] = useState(false);
@@ -29,13 +84,21 @@ export function LegacyColorPick(props, ref) {
     setValue(props.value);
   }, [props.value]);
   var handleChangeComplete = color => {
-    setValue(color.hex);
-    props.onChange(color.hex);
+    var _ref, _ref2, _presetColorMap$rgba;
+    var rgba = "rgba( ".concat(color.rgb.r, ", ").concat(color.rgb.g, ", ").concat(color.rgb.b, ", ").concat(color.rgb.a, ")");
+    var rgb = "rgb( ".concat(color.rgb.r, ", ").concat(color.rgb.g, ", ").concat(color.rgb.b, ")");
+    // 优先使用变量作为value
+    var res = (_ref = (_ref2 = (_presetColorMap$rgba = presetColorMap[rgba]) !== null && _presetColorMap$rgba !== void 0 ? _presetColorMap$rgba : presetColorMap[rgb]) !== null && _ref2 !== void 0 ? _ref2 : presetColorMap[color.hex]) !== null && _ref !== void 0 ? _ref : rgba;
+    setValue(res);
+    props.onChange(res);
   };
   var handleClick = e => {
     setPos([e.clientX, e.clientY]);
     setVisible(true);
   };
+  var getPickerColor = () => {
+    return value !== null && value !== void 0 && value.match(/^var\((.+)\)/) ? getComputedColor(value === null || value === void 0 ? void 0 : value.match(/^var\((.+)\)/)[1]) : value;
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.colorContainer
   }, /*#__PURE__*/React.createElement("div", {
@@ -57,9 +120,9 @@ export function LegacyColorPick(props, ref) {
   }), /*#__PURE__*/React.createElement(SketchPicker, {
     width: "230px",
     ref: ref,
-    color: value,
+    color: getPickerColor(),
     onChangeComplete: handleChangeComplete,
-    presetColors: getPresetColors(COLORS_MAP)
+    presetColors: getDefaultPresetColors(COLORS_MAP).concat(processEditorPresetColors(props === null || props === void 0 ? void 0 : props.editorPresetColors))
   })));
 }
 export var ColorPick = /*#__PURE__*/forwardRef(LegacyColorPick);
@@ -72,6 +135,8 @@ export function ColorEditorItem(props) {
       required: props.required,
       message: "\u8BF7\u8F93\u5165".concat(props.name)
     }]
-  }, /*#__PURE__*/React.createElement(ColorPick, null));
+  }, /*#__PURE__*/React.createElement(ColorPick, {
+    editorPresetColors: props === null || props === void 0 ? void 0 : props.editorPresetColors
+  }));
 }
 //# sourceMappingURL=ColorEditorItem.js.map